/* ============================================================
   Grocery v7 — Glassmorphism theme (mobile-first, app feel)
   ============================================================ */

/* ---------- হিরো: অ্যানিমেটেড গ্রেডিয়েন্ট + গ্লো ---------- */
.glist-hero{
    position:relative;overflow:hidden;
    background:linear-gradient(135deg,#0b3526,#0f4d35 45%,#12563d);
    background-size:200% 200%;
    animation:gHeroShift 14s ease infinite;
    padding:22px 0 30px;color:#fff;
}
.glist-hero::before,.glist-hero::after{
    content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;
}
.glist-hero::before{width:340px;height:340px;background:#1e9e6a;top:-120px;right:-90px;animation:gFloat 9s ease-in-out infinite}
.glist-hero::after{width:260px;height:260px;background:#ffb703;bottom:-130px;left:-80px;opacity:.18;animation:gFloat 11s ease-in-out infinite reverse}
.glist-hero .container{position:relative;z-index:1;max-width:640px}
@keyframes gHeroShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes gFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(22px)}}

.g-hero-title{font-size:23px;margin:14px 0 4px;font-weight:800;letter-spacing:.2px}
.g-hero-sub{opacity:.88;font-size:14px;margin:0 0 14px}

/* ---------- গ্লাস কার্ড ---------- */
.g-glass{
    background:rgba(255,255,255,.10);
    -webkit-backdrop-filter:blur(18px) saturate(150%);
    backdrop-filter:blur(18px) saturate(150%);
    border:1px solid rgba(255,255,255,.22);
    border-radius:20px;
    box-shadow:0 14px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.25);
}

/* ---------- বড় কাউন্টডাউন ---------- */
.g-cd{padding:13px 16px 15px;text-align:center;margin-bottom:16px;animation:gRise .5s ease both}
.g-cd-label{font-size:13.5px;font-weight:700;letter-spacing:.3px;opacity:.95;margin-bottom:7px}
.g-cd-timer{display:flex;justify-content:center;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}
.g-cd-cell{
    display:inline-block;min-width:58px;padding:8px 6px;
    background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.16);border-radius:12px;
    font-size:31px;font-weight:800;line-height:1;color:#ffd166;
    text-shadow:0 2px 10px rgba(255,183,3,.35);
}
.g-cd-sep{font-size:26px;font-weight:800;color:rgba(255,255,255,.7)}
.g-cd-unit{display:block;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.65);margin-top:5px;letter-spacing:1px}
.g-cd.g-urgent .g-cd-cell{background:rgba(190,30,30,.45);color:#ffdada;border-color:rgba(255,120,120,.4);animation:gPulse 1s ease infinite}
@keyframes gPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes gRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- শপিং-লিস্ট লেখার জায়গা (খাতার মতো) ---------- */
.g-ta-wrap{position:relative;animation:gRise .6s .08s ease both}
.g-ta-label{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:800;margin:0 0 9px;color:#ffd166}
#gList{
    width:100%;min-height:150px;border:none;border-radius:16px;
    padding:16px 18px;font-size:16px;line-height:1.95;resize:vertical;
    color:#123527;font-weight:600;
    background:
        repeating-linear-gradient(to bottom, transparent 0, transparent calc(1.95em - 1px), rgba(15,77,53,.10) calc(1.95em - 1px), rgba(15,77,53,.10) 1.95em),
        rgba(255,255,255,.95);
    background-attachment:local;
    box-shadow:inset 0 2px 8px rgba(0,0,0,.08), 0 10px 26px rgba(0,0,0,.18);
    transition:box-shadow .25s ease, transform .25s ease;
}
#gList::placeholder{color:#7c9c8b;font-weight:500}
#gList:focus{
    outline:none;transform:translateY(-1px);
    box-shadow:inset 0 2px 8px rgba(0,0,0,.06), 0 0 0 3px rgba(255,183,3,.55), 0 14px 30px rgba(0,0,0,.22);
}

/* ---------- মূল বাটন: shimmer + প্রেস ---------- */
#gParseBtn{
    position:relative;overflow:hidden;margin-top:13px;width:100%;
    background:linear-gradient(135deg,#ffb703,#ff9505);color:#3a2e00;
    font-weight:800;font-size:16.5px;padding:15px;border:none;border-radius:14px;
    box-shadow:0 10px 24px rgba(255,150,5,.35);
    transition:transform .15s ease, box-shadow .2s ease;
}
#gParseBtn::after{
    content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
    animation:gShimmer 3.2s ease infinite;
}
#gParseBtn:active{transform:scale(.97)}
#gParseBtn.loading{opacity:.75;pointer-events:none}
@keyframes gShimmer{0%{left:-80%}55%,100%{left:130%}}

.g-prices-link{display:block;text-align:center;margin-top:11px;color:#ffd166;font-size:13.5px;font-weight:700;text-decoration:none}

/* ---------- রেজাল্ট আইটেম: গ্লাস রো + stagger ---------- */
#gResult .g-item{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);
    border-radius:14px;padding:10px 12px;margin-top:9px;
    animation:gRise .45s ease both;
}
/* পরিমাণ টাইপ করা যায় — ২৫ কেজি নিতে ২৫ বার + চাপা লাগে না */
#gResult input.gqn{width:52px;min-width:52px;height:34px;flex:0 0 auto;text-align:center;font-weight:800;font-size:15px;
    color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:10px;
    padding:0 2px;font-family:inherit;-moz-appearance:textfield}
#gResult input.gqn::-webkit-outer-spin-button,#gResult input.gqn::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#gResult input.gqn:focus{outline:none;border-color:#ffd166;box-shadow:0 0 0 3px rgba(255,209,102,.25)}
/* একক নিজেই পরিমাণ হলে (১০০ গ্রাম) মোট কত হচ্ছে */
#gResult .gqt{flex:1 0 100%;text-align:right;font-style:normal;font-size:12px;font-weight:700;color:#ffd166;line-height:1.5}
#gResult .gqt:empty{display:none}
#gResult .g-item:nth-child(2){animation-delay:.05s}
#gResult .g-item:nth-child(3){animation-delay:.1s}
#gResult .g-item:nth-child(4){animation-delay:.15s}
#gResult .g-item:nth-child(5){animation-delay:.2s}
#gResult .g-item:nth-child(6){animation-delay:.25s}
#gResult .g-item:nth-child(n+7){animation-delay:.3s}

/* সাজেশন চিপ */
.gsug{transition:transform .15s ease, background .2s ease;cursor:pointer}
.gsug:active{transform:scale(.92)}

/* ---------- সাইট-ওয়াইড স্লিম কাউন্টডাউন স্ট্রিপ ---------- */
.g-strip{
    position:sticky;top:0;z-index:120;
    display:flex;justify-content:center;align-items:center;gap:8px;
    background:rgba(11,53,38,.86);
    -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
    color:#fff;font-size:13px;font-weight:700;padding:8px 12px;
    border-bottom:1px solid rgba(255,255,255,.12);
}
.g-strip b{color:#ffd166;font-variant-numeric:tabular-nums;font-size:14.5px}
.g-strip.g-urgent b{color:#ff9d9d;animation:gPulse 1s ease infinite;display:inline-block}

/* ---------- অর্ডার প্যানেল (মোবাইল অ্যাপ feel) ---------- */
#gOrderWrap .panel{border-radius:18px;box-shadow:0 12px 34px rgba(15,61,46,.10);animation:gRise .4s ease both}
#gOrderWrap input,#gOrderWrap select,#gOrderWrap textarea{font-size:16px;min-height:46px;border-radius:12px}
#gOrderWrap .check-row{display:flex;align-items:center;gap:10px;cursor:pointer}
#gOrderWrap .check-row input[type=checkbox]{width:21px;height:21px;min-height:0;min-width:0;flex:0 0 auto;margin:0;accent-color:var(--green-600,#16a34a);border-radius:6px}
#gOrderWrap textarea{min-height:64px}
#gOrderBtn{transition:transform .15s ease}
#gOrderBtn:active{transform:scale(.97)}

/* ---------- অর্ডার ট্র্যাক: ৬-ধাপ টাইমলাইন সুন্দর গ্রিডে ---------- */
.timeline{
    display:grid !important;
    grid-template-columns:repeat(6,1fr);
    gap:8px 6px;align-items:start;
}
.timeline .tl-step{
    display:flex;flex-direction:column;align-items:center;gap:6px;
    text-align:center;font-size:12px;line-height:1.35;margin:0;
}
.timeline .tl-dot{margin:0}
@media (max-width:640px){
    .timeline{grid-template-columns:repeat(3,1fr);row-gap:14px}
    .timeline .tl-step{font-size:11.5px}
    .timeline .tl-step:nth-child(3n+1)::before{display:none}   /* প্রতি সারির প্রথম ডটে কানেক্টর নয় */
}

/* ---------- অর্ডার ফানেল উইজার্ড (এক ধাপে একটা) ---------- */
.g-wiz{
    background:linear-gradient(150deg,#0b3526,#12563d);
    border-radius:22px;padding:18px 18px 20px;color:#fff;
    box-shadow:0 16px 44px rgba(11,53,38,.35);
    max-width:640px;margin:0 auto;position:relative;overflow:hidden;
}
.g-wiz::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#1e9e6a;filter:blur(70px);opacity:.35;top:-100px;right:-80px;pointer-events:none}
.g-wiz-head h3{margin:0 0 12px;font-size:18px}
.g-wprog{display:flex;align-items:center;justify-content:space-between;margin:0 2px 16px;position:relative;z-index:1}
.g-wprog i{flex:1;height:2.5px;background:rgba(255,255,255,.18);margin:0 6px;border-radius:2px;transition:background .3s}
.g-wprog i.done{background:#ffd166}
.g-wdot{
    width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:18px;background:rgba(255,255,255,.10);border:1.5px solid rgba(255,255,255,.25);
    transition:all .25s;flex:0 0 auto;
}
.g-wdot.active{background:#ffb703;border-color:#ffb703;transform:scale(1.12);box-shadow:0 0 0 5px rgba(255,183,3,.22)}
.g-wdot.done{background:rgba(30,158,106,.85);border-color:transparent}
.g-wstep{display:none;position:relative;z-index:1}
.g-wstep.active{display:block;animation:gWizIn .35s ease both}
@keyframes gWizIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.g-wlabel{font-size:16.5px;font-weight:800;margin-bottom:10px}
.g-whint{font-size:12.5px;opacity:.85;margin:0 0 10px}
.g-wstep input[type=tel],.g-wstep input[type=text],.g-wstep select,.g-wstep textarea{
    width:100%;border:none;border-radius:13px;padding:13px 15px;font-size:16px;min-height:48px;
    background:rgba(255,255,255,.94);color:#123527;font-weight:600;
    box-shadow:inset 0 2px 6px rgba(0,0,0,.08);
}
.g-wstep input:focus,.g-wstep select:focus,.g-wstep textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(255,183,3,.55)}
.g-wfield{margin-bottom:12px}
.g-wfield>span{display:block;font-size:13px;font-weight:700;opacity:.9;margin-bottom:6px}
.g-wstep .check-row{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:14px;font-weight:600;cursor:pointer}
.g-wstep .check-row input[type=checkbox]{width:21px;height:21px;min-height:0;flex:0 0 auto;margin:0;accent-color:#ffb703}
.g-wallet{background:rgba(255,209,102,.14);border:1px dashed rgba(255,209,102,.5);border-radius:12px;padding:11px 13px;margin-bottom:12px}
.g-werr{display:none;color:#ffb1b1;font-size:13px;font-weight:700;margin-top:8px}
.g-werr.show{display:block;animation:gShake .3s ease}
@keyframes gShake{0%,100%{transform:translateX(0)}30%{transform:translateX(-5px)}60%{transform:translateX(5px)}}
.g-wnav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}
.g-wnext,#gOrderBtn{
    background:linear-gradient(135deg,#ffb703,#ff9505);color:#3a2e00;border:none;border-radius:13px;
    padding:13px 26px;font-size:15.5px;font-weight:800;box-shadow:0 8px 20px rgba(255,150,5,.35);
    transition:transform .15s;flex:1;
}
.g-wnext:active,#gOrderBtn:active{transform:scale(.97)}
.g-wback{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:13px;padding:13px 18px;font-size:14px;font-weight:700}
.g-wtotal{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;margin-top:4px}
.g-wtotal>div{display:flex;justify-content:space-between;font-size:13.5px;opacity:.9;padding:3px 0}
.g-wtotal .g-wgrand{border-top:1px dashed rgba(255,255,255,.25);margin-top:6px;padding-top:9px;font-size:15px;opacity:1}
.g-wtotal .g-wgrand strong{font-size:20px;color:#ffd166}

/* ---------- মোবাইল টিউনিং ---------- */
@media (max-width:600px){
    .glist-hero{padding:16px 0 24px}
    .g-hero-title{font-size:20px}
    .g-cd-cell{min-width:52px;font-size:27px}
    .glist-hero .container{padding-left:14px;padding-right:14px}
    body{padding-bottom:70px}   /* bottom-nav overlap */
}
@media (prefers-reduced-motion:reduce){
    .glist-hero,.g-cd,.g-ta-wrap,#gResult .g-item,#gOrderWrap .panel{animation:none}
    #gParseBtn::after{animation:none;display:none}
    .g-cd.g-urgent .g-cd-cell,.g-strip.g-urgent b{animation:none}
}

/* ---------- v7.1: ভ্যারিয়েশন ফানেল ---------- */
.g-vary{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 8px;padding:0 2px}
.g-vary-lb{font-size:12px;opacity:.85;font-weight:700}
.g-vchip{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:5px 12px;font-size:12.5px;cursor:pointer;transition:.15s}
.g-vchip.on{background:#ffd166;color:#3a2e00;border-color:#ffd166;font-weight:800}
.g-vchip:active{transform:scale(.96)}

/* ---------- v7.1: ফোন-মিলে ঠিকানা কার্ড ---------- */
.g-addr-card{display:flex;align-items:flex-start;gap:11px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.16);border-radius:15px;padding:13px 14px;margin-bottom:14px}
.g-addr-ic{color:#7ee2a8;flex:0 0 auto;margin-top:1px}
.g-addr-body{flex:1;min-width:0;font-size:14px;line-height:1.5}
.g-addr-body b{font-size:15px}
.g-addr-ph{opacity:.75;font-size:12.5px}
.g-addr-line{opacity:.9;font-size:13px;margin-top:2px}
.g-addr-line .g-dot{opacity:.5;margin:0 6px}
.g-addr-edit{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background:rgba(255,209,102,.16);color:#ffd166;border:1px solid rgba(255,209,102,.4);border-radius:11px;padding:8px 12px;font-size:12.5px;font-weight:800;cursor:pointer}
.g-addr-edit:active{transform:scale(.96)}

/* ---------- v7.1: হিরো অ্যাকশন — ২ বাটন পাশাপাশি + SVG ---------- */
.g-hero-actions{display:flex;gap:10px;margin-top:10px}
.g-hero-actions>*{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:nowrap}
.g-hero-actions .g-svg{flex:0 0 auto}
#gParseBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.g-prices-link{margin-top:0!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:15px;padding:14px 12px;font-weight:800;font-size:15px;text-decoration:none}
.g-prices-link:active{transform:scale(.98)}
/* দুই বাটন হুবহু সমান উচ্চতা — <button> আর <a> এর ডিফল্ট padding/line-height
   আলাদা বলে "আজকের বাজার দর" বাটনটা বেশি লম্বা হয়ে যাচ্ছিল */
.g-hero-actions{align-items:stretch}
.g-hero-actions > #gParseBtn,
.g-hero-actions > .g-prices-link{
    margin-top:0;width:auto;box-sizing:border-box;
    padding:14px 12px;font-size:15.5px;line-height:1.3;
    border-radius:14px;min-height:54px;
}
@media (max-width:520px){.g-hero-actions{flex-direction:column}.g-hero-actions>*{width:100%}}

/* ---------- v7.1: মাসের বাজার প্যাকেজ ---------- */
.g-monthly{margin-top:16px}
.g-monthly .g-mtitle{display:flex;align-items:center;gap:9px;color:#fff;font-size:17px;font-weight:800;margin-bottom:4px}
.g-monthly .g-msub{opacity:.85;font-size:13px;margin-bottom:12px}
.g-mrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.g-mfam,.g-mamt{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:9px 14px;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}
.g-mfam.on,.g-mamt.on{background:#38b000;border-color:#38b000;color:#fff}
.g-mfam:active,.g-mamt:active{transform:scale(.97)}
.g-mrow-lb{font-size:12.5px;opacity:.85;font-weight:700;width:100%;margin-bottom:-2px}
.g-mcta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffd166;color:#3a2e00;border:none;border-radius:14px;padding:14px;font-size:15.5px;font-weight:800;cursor:pointer}
.g-mcta:active{transform:scale(.98)}
.g-ta-hint{font-size:12.5px;opacity:.82;margin:2px 0 9px;line-height:1.5}
.g-ta-hint b{color:#ffd166}

/* ---------- v7.1: অর্ডার-ট্র্যাক আইটেম টেবিল ---------- */
.g-otable-wrap{overflow-x:auto;margin-top:12px}
.g-otable{width:100%;border-collapse:collapse;font-size:13.5px}
.g-otable th,.g-otable td{padding:9px 10px;text-align:left;border-bottom:1px solid #e8efe8}
.g-otable thead th{background:#f2f8f2;color:#2f6b3a;font-weight:800;font-size:12.5px;white-space:nowrap}
.g-otable td:last-child,.g-otable th:last-child{text-align:right;white-space:nowrap}
.g-otable td:nth-child(2){white-space:nowrap;color:#4a4a4a}
.g-otable .g-ovar{color:#888;font-size:12px}
.g-otable .g-omut{color:#c98a00;font-size:12px}
.g-otable tfoot td{border-bottom:none;padding:6px 10px;color:#555;font-size:13px}
.g-otable tfoot tr:first-child td{padding-top:11px}
.g-otable tfoot .g-ogrand td{font-weight:800;color:#1c1c1c;font-size:15px;border-top:1px dashed #cfe0cf;padding-top:9px}
.g-oldp{opacity:.6;text-decoration:line-through;margin-right:3px;font-weight:500}

/* ---------- v7.1: উইজার্ডে SVG আইকন অ্যালাইন ---------- */
.g-wdot{display:inline-flex;align-items:center;justify-content:center}
.g-wdot svg,.g-wlabel svg,.g-whint svg,.g-wtotal svg,.g-wallet svg,.g-wiz-head h3 svg{vertical-align:middle;flex:0 0 auto}
.g-wlabel svg{margin-right:2px}
.g-wtotal>div span svg{margin-right:5px;opacity:.85}
.g-wdot{cursor:pointer}
.g-wdot:hover{filter:brightness(1.15)}

/* ---------- v7.2: শেষ ধাপ + অর্ডার-সফল লিস্ট টেবিল (dark glass) ---------- */
#gConfirmItems,.g-done-list{overflow-x:auto}
.g-ctable{width:100%;border-collapse:collapse;font-size:13.5px;color:#eafff4;background:rgba(0,0,0,.2);border-radius:12px;overflow:hidden}
.g-ctable th,.g-ctable td{padding:9px 11px;text-align:left;border-bottom:1px solid rgba(255,255,255,.12)}
.g-ctable thead th{font-size:12px;font-weight:800;opacity:.85;background:rgba(255,255,255,.08);white-space:nowrap}
.g-ctable td:last-child,.g-ctable th:last-child{text-align:right;white-space:nowrap}
.g-ctable td:nth-child(2){white-space:nowrap;opacity:.9}
.g-ctable tfoot td{border-bottom:none;padding:5px 11px;opacity:.92}
.g-ctable tfoot tr:first-child td{padding-top:10px}
.g-ctable tfoot .g-cgrand td{font-weight:800;color:#ffd166;font-size:16px;border-top:1px dashed rgba(255,255,255,.28);padding-top:9px}
.g-done{padding:12px 2px}
.g-done-list{margin-top:8px}
.g-done-track{display:inline-block;background:#ffd166;color:#3a2e00;font-weight:800;padding:11px 22px;border-radius:12px;text-decoration:none;font-size:14.5px}
.g-done-track:active{transform:scale(.97)}

/* ---------- v7.2: বটম-নেভ (গ্রোসারি) — মাঝে বড় সার্চ ---------- */
.g-bnav .bn-search .bn-ic{width:52px;height:52px;margin-top:-20px;border-radius:50%;background:#38b000;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(56,176,0,.42);border:3px solid #fff}
.g-bnav #bottomSearchBtn{gap:2px}
.g-bnav .bn-badge{position:absolute;top:-6px;right:-8px;background:#e63946;color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}
.g-bnav .bn-ic{position:relative;display:inline-flex}

/* ---------- v7.2: sticky quick-nav (account/language/packages/all-products) ---------- */
.g-quicknav{display:none}
@media (max-width:900px){
  .g-quicknav{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:7px 12px;background:var(--green-700,#0a7a52);scrollbar-width:none}
  .g-quicknav::-webkit-scrollbar{display:none}
  .g-quicknav a{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);border-radius:3px;padding:8px 6px;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap}
  .g-quicknav a:active{transform:scale(.96)}
}

/* ---------- v7.2: অ্যাডমিন প্যাকেজ টেমপ্লেট কার্ড ---------- */
.g-pkg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px;margin-top:12px}
.g-pkg-card{padding:14px;border-radius:16px;display:flex;flex-direction:column}
.g-pkg-name{font-weight:800;font-size:15px;color:#fff;line-height:1.3}
.g-pkg-meta{opacity:.85;font-size:12.5px;margin:4px 0 11px;flex:1}
.g-pkg-take{width:100%;background:#ffd166;color:#3a2e00;border:none;border-radius:11px;padding:10px;font-weight:800;font-size:13px;cursor:pointer}
.g-pkg-take:active{transform:scale(.97)}
.g-pkg-or{text-align:center;margin:18px 0 2px;opacity:.85;font-size:13px;font-weight:700;color:#eafff4}

/* ---------- v7.3: sticky = শুধু কুইক-নেভ (লোগো-সহ হেডার sticky নয়, তাই আর অর্ধেক কাটে না) ---------- */
@media (max-width:900px){
    .site-header{position:static !important;top:auto !important}
    .g-quicknav{position:sticky;top:0;z-index:60;box-shadow:0 3px 12px rgba(0,0,0,.18)}
}
/* ধাপ-১: "পরের ধাপ →" বাটন ফোন-নম্বর বক্সের সমান চওড়া (আগে ছোট ছিল) */
.g-wnav span:empty{display:none}
.g-wnav span:empty + .g-wnext{width:100%;flex:1 1 auto}

/* ---------- v7.4: কাউন্টডাউন স্ট্রিপ + কুইক-নেভ একসাথে sticky হয়ে ওভারল্যাপ করছিল ----------
   সমাধান: স্ট্রিপ স্ক্রলে উপরে চলে যাবে, sticky থাকবে শুধু কুইক-নেভ (আর অর্ধেক ঢাকা পড়বে না) */
@media (max-width:900px){
    .g-strip{position:static !important;top:auto !important}
    .g-quicknav{position:sticky;top:0;z-index:70}
}

/* ---------- v7.5: প্রতিটি প্রোডাক্টের কার্ট বাটন → qty স্টেপার ---------- */
.qs-wrap{display:none;align-items:center;gap:3px;vertical-align:middle;flex-wrap:wrap;justify-content:center}
.qs-btn{width:34px;height:34px;flex:0 0 auto;border-radius:10px;border:1.5px solid #9ccfb8;background:#eafaf2;color:#0a7a52;
    font-size:19px;font-weight:800;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.qs-btn:active{transform:scale(.92)}
/* সংখ্যা টাইপও করা যায় — ২৫ কেজি নিতে ২৫ বার + চাপতে হবে না */
input.qs-num{width:46px;min-width:46px;height:34px;flex:0 0 auto;text-align:center;font-weight:800;font-size:15px;color:#0a7a52;
    border:1.5px solid #c9e6d8;border-radius:9px;background:#fff;padding:0 2px;font-family:inherit;-moz-appearance:textfield}
input.qs-num::-webkit-outer-spin-button,input.qs-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input.qs-num:focus{outline:none;border-color:#0a7a52;box-shadow:0 0 0 3px rgba(10,122,82,.15)}
/* একক নিজেই পরিমাণ হলে (১০০ গ্রাম) মোট কত হচ্ছে সেটা দেখাই */
.qs-tot{flex:1 0 100%;text-align:center;font-style:normal;font-size:11.5px;font-weight:700;color:#0a7a52;opacity:.85;line-height:1.5}
.qs-tot:empty{display:none}
.product-card .qs-wrap{width:100%;justify-content:center;background:#eafaf2;border-radius:11px;padding:3px}
.product-card .qs-btn{background:#fff;border-color:#c9e6d8}

/* ---------- v7.5: ড্যাশবোর্ডে "বারবার কেনা পণ্য" ---------- */
.fq-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;margin-top:11px}
.fq-card{border:1px solid var(--line,#e3ebe5);border-radius:12px;padding:11px 12px;background:#fafdfb;display:flex;flex-direction:column;gap:3px}
.fq-name{font-weight:700;font-size:14px;line-height:1.35;color:#153d2b}
.fq-price{font-weight:800;color:var(--green-700,#0a7a52);font-size:14px}
.fq-times{font-size:11.5px;color:var(--muted,#7a8a80);margin-bottom:7px}
.fq-add{margin-top:auto;border:1.5px solid #9ccfb8;background:#eafaf2;color:#0a7a52;border-radius:10px;padding:8px;font-size:13px;font-weight:800;cursor:pointer}
.fq-add:active{transform:scale(.97)}
.fq-card .qs-wrap{margin-top:auto;justify-content:center;background:#eafaf2;border-radius:10px;padding:2px}

/* ---------- v7.5: কার্টে নতুন পণ্য যোগ (সার্চ) ---------- */
.g-addbox{margin-top:12px;position:relative}
#gAddSearch{width:100%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.14);color:#fff;
    border-radius:12px;padding:11px 14px;font-size:14.5px;outline:none}
#gAddSearch::placeholder{color:rgba(255,255,255,.7)}
#gAddSearch:focus{background:rgba(255,255,255,.2);border-color:#ffd166}
.g-addres{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.g-addres-item{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;
    background:rgba(0,0,0,.24);color:#eafff4;border:1px solid rgba(255,255,255,.16);border-radius:10px;
    padding:9px 12px;font-size:13.5px;cursor:pointer}
.g-addres-item:active{transform:scale(.98)}
.g-addres-item span{opacity:.85;font-size:12.5px;white-space:nowrap}
.g-addres-empty{opacity:.75;font-size:12.5px;padding:6px 2px}

/* ---------- v8.2: ডেস্কটপ টপ-নেভে ক্যাটাগরি ড্রপডাউন ---------- */
.mn-drop{position:relative;display:inline-flex;align-items:center}
.mn-drop-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;
    font:inherit;font-weight:inherit;color:inherit;padding:0}
.mn-drop-btn svg{transition:transform .18s}
.mn-drop.open .mn-drop-btn svg{transform:rotate(180deg)}
.mn-drop-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-6px);
    min-width:250px;max-height:70vh;overflow-y:auto;background:#fff;border:1px solid #e3ebe5;border-radius:14px;
    box-shadow:0 14px 40px rgba(16,40,28,.16);padding:7px;z-index:200;
    opacity:0;visibility:hidden;transition:opacity .16s,transform .16s,visibility .16s}
.mn-drop.open .mn-drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mn-drop-menu a{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:9px;
    text-decoration:none;color:#153d2b;font-size:14px;font-weight:600;white-space:nowrap}
.mn-drop-menu a:hover{background:#eafaf2;color:#0a7a52}
.mn-drop-menu a img{border-radius:5px;object-fit:contain;flex:0 0 auto}
.mn-drop-menu a span{flex:1}
.mn-drop-menu a b{background:#eef4f0;color:#5b7a68;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:800}
.mn-drop-menu a:hover b{background:#0a7a52;color:#fff}

/* ---------- v8.6: অফলাইন (হোম-স্ক্রিন অ্যাপ) ---------- */
#swOffline{position:fixed;left:0;right:0;bottom:0;z-index:300;display:none;
    background:#8a3b12;color:#fff;font-size:12.5px;font-weight:700;text-align:center;
    padding:9px 12px;line-height:1.6;box-shadow:0 -4px 16px rgba(0,0,0,.25)}
#swOffline a{color:#ffd166;text-decoration:none;font-weight:800}
@media (max-width:900px){#swOffline{bottom:64px}}   /* নিচের নেভ-বারের উপরে */

.g-offline{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:16px;
    padding:18px 16px;margin:14px 0;text-align:center;color:#fff;animation:gRise .35s ease both}
.g-offline .g-off-ic{color:#ffd166;margin-bottom:6px}
.g-offline b{display:block;font-size:15.5px;margin-bottom:7px;color:#ffd166}
.g-offline p{margin:0;font-size:13.5px;opacity:.9;line-height:1.7}
.g-off-btns{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.g-off-call,.g-off-wa{display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;
    border-radius:12px;padding:13px;font-size:15px;font-weight:800}
.g-off-call{background:#ffb703;color:#3a2e00}
.g-off-wa{background:#25d366;color:#06331b}
/* হালকা থিমের পেজে (চেকআউট) পড়া যায় এমন রঙ */
body:not(.has-hero) .g-offline{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}
body:not(.has-hero) .g-offline b{color:#9a3412}