:root{--green:#087f5b;--green2:#0ca678;--orange:#ff8a00;--red:#e03131;--ink:#17212b;--muted:#6b7280;--bg:#f5f7f9;--card:#fff;--line:#e5e7eb;--shadow:0 8px 28px rgba(15,23,42,.08);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.top{background:#092f26;color:#fff;font-size:13px}.top .wrap,.nav .wrap,.main,.footer .wrap{max-width:1440px;margin:auto;padding:0 20px}.topbar{display:flex;justify-content:space-between;padding:8px 0;gap:12px}.nav{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.06)}.navrow{display:flex;align-items:center;gap:16px;min-height:72px}.brand{font-weight:900;font-size:25px;color:var(--green);white-space:nowrap}.brand span{color:var(--orange)}.search{flex:1;display:flex;background:#f1f3f5;border-radius:12px;overflow:hidden;border:1px solid transparent}.search:focus-within{border-color:#99e2cc;background:#fff}.search input{width:100%;padding:13px 15px;border:0;outline:0;background:transparent}.search button{background:var(--green);color:#fff;padding:0 20px}.navlinks{display:flex;gap:8px;align-items:center}.navlinks a,.iconbtn{padding:10px 12px;border-radius:10px}.navlinks a:hover,.iconbtn:hover{background:#eefaf6}.badge{background:var(--red);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;margin-left:3px}.hero{margin:22px 0;background:linear-gradient(115deg,#063d30,#0b8f69);color:#fff;border-radius:22px;overflow:hidden;position:relative}.hero .inner{padding:52px 46px;max-width:800px}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:0 0 16px}.hero p{font-size:18px;line-height:1.6;opacity:.92}.chips{display:flex;gap:10px;overflow:auto;padding:4px 0 18px}.chip{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;white-space:nowrap}.section{margin:30px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section h2{margin:0;font-size:25px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 12px rgba(15,23,42,.04);transition:.22s;position:relative}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.pic{aspect-ratio:1/1;background:linear-gradient(135deg,#edf2f4,#dfe7ea);display:flex;align-items:center;justify-content:center;color:#6b7280;text-align:center;padding:15px;font-size:12px;position:relative}.pic img{width:100%;height:100%;object-fit:cover;display:block}.wish{position:absolute;right:10px;top:10px;background:#fff;width:36px;height:36px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:2}.cardbody{padding:13px}.title{font-weight:700;line-height:1.35;min-height:40px}.meta{color:var(--muted);font-size:12px;margin:6px 0}.price{font-size:20px;font-weight:900}.old{text-decoration:line-through;color:#9ca3af;font-size:12px;margin-left:5px}.tag{display:inline-block;padding:4px 7px;border-radius:6px;font-size:11px;font-weight:800;background:#e8fff6;color:#087f5b;margin-top:7px}.tag.orange{background:#fff2df;color:#a95100}.tag.red{background:#ffe9e9;color:#c92a2a}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;border-radius:11px;font-weight:800;border:1px solid transparent}.btn.primary{background:var(--green);color:#fff}.btn.secondary{background:#fff;border-color:var(--line)}.btn.orange{background:var(--orange);color:#fff}.btn.danger{background:#fff0f0;color:#c92a2a}.btn.full{width:100%}.actions{display:flex;gap:8px;margin-top:12px}.muted{color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 4px 16px rgba(15,23,42,.04)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar input,.toolbar select,.form input,.form select,.form textarea{padding:12px 13px;border:1px solid #d9dee3;border-radius:10px;outline:0;background:#fff;width:100%}.toolbar input{max-width:480px}.toolbar select{width:auto}.form{display:grid;gap:13px}.form label{font-size:13px;font-weight:800}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cartrow{display:grid;grid-template-columns:90px 1fr auto auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cartpic{width:90px;height:90px;border-radius:12px;background:#eef1f2;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;padding:8px}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden}.qty button{width:34px;height:34px;background:#f7f7f7}.qty span{width:36px;text-align:center}.summary{position:sticky;top:95px}.footer{background:#10241f;color:#dbe8e4;margin-top:50px}.footergrid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:28px;padding:44px 0}.footer h3{color:#fff}.footer a{display:block;color:#b7cbc5;padding:5px 0}.footerbottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:13px}.notice{padding:12px 15px;border-radius:10px;background:#eaf8f3;color:#08624a}.error{background:#fff0f0;color:#c92a2a}.success{background:#eaf8f3;color:#087f5b}.auth{max-width:520px;margin:55px auto}.auth .panel{padding:30px}.auth h1{margin-top:0}.productdetail{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;margin:30px 0}.bigpic{background:#e8edef;border-radius:20px;min-height:520px;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center}.bigpic img{max-width:100%;max-height:520px;object-fit:contain}.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spec{padding:12px;background:#f7f8f9;border-radius:10px}.timeline{border-left:3px solid #bfe9dc;padding-left:20px}.step{position:relative;margin:22px 0}.step:before{content:"";position:absolute;left:-29px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--green)}.empty{text-align:center;padding:60px 20px}.regiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.region{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.region h3{margin:0 0 8px}.mini{font-size:12px;color:var(--muted);line-height:1.7}.pagination{display:flex;gap:7px;justify-content:center;margin:24px 0}.pagination button{padding:9px 13px;border-radius:9px;background:#fff;border:1px solid var(--line)}.pagination .active{background:var(--green);color:#fff}.floatcart{position:fixed;right:20px;bottom:20px;background:var(--orange);color:#fff;border-radius:999px;padding:14px 18px;box-shadow:var(--shadow);z-index:60}.hamb{display:none}.mobilelinks{display:none}@media(max-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}.footergrid{grid-template-columns:repeat(3,1fr)}.navlinks a:nth-child(-n+2){display:none}}@media(max-width:800px){.navrow{flex-wrap:wrap;padding:10px 0}.brand{font-size:21px}.hamb{display:block}.navlinks{margin-left:auto}.search{order:3;flex-basis:100%}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.productdetail{grid-template-columns:1fr}.bigpic{min-height:360px}.twocol,.regiongrid{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}.cartrow{grid-template-columns:65px 1fr;gap:10px}.cartrow>*:nth-child(n+3){grid-column:2}.cartpic{width:65px;height:65px}.summary{position:static}}@media(max-width:480px){.grid{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr}.topbar{display:none}.hero .inner{padding:35px 24px}.hero h1{font-size:39px}.cardbody{padding:10px}.price{font-size:17px}.navlinks a{padding:8px 7px}.navlinks a:nth-child(3){display:none}}

/* Product imagery upgrade */
.cartpic img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.cartpic{overflow:hidden;padding:0}.pic img{transition:transform .35s ease}.card:hover .pic img{transform:scale(1.035)}

/* GhanaCart final polish */
.backbar{max-width:1440px;margin:18px auto 0;padding:0 20px}.backbtn{font-weight:800}.search-hero{background:linear-gradient(115deg,#063d30,#0b8f69);color:#fff;border-radius:18px;padding:26px 30px;margin-bottom:18px;box-shadow:0 8px 24px rgba(8,127,91,.15)}.search-hero h1{margin:5px 0 6px;font-size:clamp(26px,4vw,42px)}.search-hero p{margin:0;opacity:.9}.search-kicker{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#ffd28a}.search-empty{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:65px 20px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center}.search-icon{font-size:52px;margin-bottom:8px}.swipe-window{overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line);padding:12px}.swipe-track{display:flex;gap:12px;width:max-content;animation:ghancaSwipe 32s linear infinite}.swipe-window:hover .swipe-track{animation-play-state:paused}.swipe-item{width:180px;flex:0 0 180px;background:#f8fafb;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:10px;transition:transform .2s,box-shadow .2s}.swipe-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.swipe-item img{display:block;width:100%;height:135px;object-fit:cover;background:#eef2f3}.swipe-item span,.swipe-item b{display:block;padding:7px 10px 0}.swipe-item span{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swipe-item b{font-size:14px;color:var(--green)}@keyframes ghancaSwipe{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:800px){.backbar{padding:0 10px}.swipe-item{width:145px;flex-basis:145px}.swipe-item img{height:110px}.search-hero{padding:22px 18px}.swipe-track{animation-duration:24s}}
