@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/jakarta-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/jakarta-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ---- Design tokens: light (default) + dark. Components use var(--wg-*). ---- */
:root{--gg-red:#ef4136;--gg-red-600:#d23930;--gg-red-700:#b33128;--gg-red-300:#f47a72;--gg-red-200:#f7a09a;--gg-red-100:#fcdad7;--gg-red-50:#fef0ef;--gg-char:#414042;--gg-char-800:#2a2a2b;--gg-char-900:#202021;--gg-char-500:#676668;--gg-char-200:#dcdbdd;--gg-char-100:#ededee;--gg-char-50:#f6f6f7;--wg-surface:#fff;--wg-surface-2:var(--gg-char-50);--wg-surface-3:var(--gg-char-100);--wg-border:var(--gg-char-200);--wg-border-strong:#c4c3c6;--wg-text:var(--gg-char-900);--wg-text-2:var(--gg-char);--wg-muted:var(--gg-char-500);--wg-red:var(--gg-red-600);--wg-accent:var(--gg-red-600);--wg-accent-hover:var(--gg-red-700);--wg-accent-text:#fff;--wg-ink:var(--gg-char);--wg-ink-text:#fff;--wg-link:var(--gg-red-700);--wg-ok-bg:var(--gg-char-100);--wg-ok:var(--gg-char);--wg-bad-bg:var(--gg-red-50);--wg-bad:var(--gg-red-700);--wg-selected:var(--gg-red-50);--wg-hdr:#fff;--wg-hdr-text:var(--gg-char-900);--wg-brand:var(--gg-char);--wg-brand-tint:var(--gg-red-50);--wg-foot:var(--gg-char-800);--wg-wa:#25d366;--wg-wa-hover:#1ebe5a;--wg-wa-ink:#0b141a;--wg-on-dark:#ededee;--wg-on-dark-2:#c9c8cb;--wg-on-dark-accent:var(--gg-red-300);--wh-h:56px;color-scheme:light}
:root[data-theme=dark]{--wg-surface:#1f1f20;--wg-surface-2:#262627;--wg-surface-3:#2f2f31;--wg-border:#3a393c;--wg-border-strong:#4d4c50;--wg-text:#f1f0f2;--wg-text-2:#dcdbdd;--wg-muted:#a9a8ac;--wg-red:var(--gg-red-300);--wg-accent:var(--gg-red-600);--wg-accent-hover:var(--gg-red-700);--wg-accent-text:#fff;--wg-ink:#f1f0f2;--wg-ink-text:#202021;--wg-link:var(--gg-red-300);--wg-ok-bg:#2f2f31;--wg-ok:#dcdbdd;--wg-bad-bg:#3a2220;--wg-bad:var(--gg-red-200);--wg-selected:#3a2220;--wg-hdr:#1a1a1b;--wg-hdr-text:#f1f0f2;--wg-brand:#2f2f31;--wg-brand-tint:#2a2122;--wg-foot:#161617;--contrast:#ededee;--contrast-2:#b9b8bc;--contrast-3:#57565a;--base:#2f2f31;--base-2:#141415;--base-3:#1f1f20;--accent:var(--gg-red-300);color-scheme:dark}
@media(min-width:900px){:root{--wh-h:64px}}
body{color:var(--wg-text);font-family:'Inter',system-ui,sans-serif}
.price,.amount,.wg-num{font-variant-numeric:tabular-nums}
/* ---- Header ---- */
.wh-skip{position:absolute;left:-9999px;top:0;background:#fff;color:#202021;padding:8px 12px;z-index:100000}
.wh-skip:focus{left:8px;top:8px}
.wh-wrap{max-width:1200px;margin:0 auto;padding:0 12px;box-sizing:border-box}
.wh-header{position:sticky;top:0;z-index:9980;background:var(--wg-hdr);color:var(--wg-hdr-text);box-shadow:0 1px 0 var(--wg-border)}
.admin-bar .wh-header{top:32px}
@media(max-width:782px){.admin-bar .wh-header{top:46px}}
@media(max-width:600px){.admin-bar .wh-header{top:0}}
.wh-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
svg.wh-brand{fill:currentColor!important;stroke:none!important}
.wh-top{display:none;background:var(--wg-brand);font-size:13px;color:var(--wg-on-dark)}
@media(min-width:900px){.wh-top{display:block}}
.wh-top .wh-wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px}
.wh-top a{color:#fff;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.wh-top .wh-i{width:15px;height:15px}
.wh-top small{color:var(--wg-on-dark-2)}
.wh-bar{display:flex;align-items:center;gap:8px;min-height:var(--wh-h)}
.wh-btn{background:none;border:0;color:var(--wg-hdr-text);width:44px;height:44px;display:inline-grid;place-items:center;cursor:pointer;padding:0;border-radius:3px;text-decoration:none;position:relative}
.wh-btn:hover{color:var(--wg-red);background:none}
.wh-btn:focus-visible,.wh-menu a:focus-visible,.wf-footer a:focus-visible{outline:2px solid var(--wg-red);outline-offset:2px}
.wh-logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--wg-hdr-text)}
:root[data-theme=dark] .wh-logo-img{filter:brightness(0) invert(1)}
.wh-logo-img{height:28px;width:auto;display:block}
.wh-logo-text{font-weight:800;font-size:20px}
.wh-bar .wh-logo{margin-right:auto}
.wh-burger{margin-left:-8px}
.wh-nav{display:none}
.wh-actions{display:flex;align-items:center}
.wh-cart-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;line-height:18px;padding:0 4px;text-align:center;border-radius:2px;background:var(--wg-accent);color:var(--wg-accent-text);font-size:11px;font-weight:700;box-sizing:border-box}
.wh-cart-count[hidden]{display:none}
.wh-theme .wh-i-sun{display:none}
:root[data-theme=dark] .wh-theme .wh-i-moon{display:none}
:root[data-theme=dark] .wh-theme .wh-i-sun{display:block}
@media(min-width:900px){
.wh-burger{display:none}
.wh-bar .wh-logo{margin-right:12px}
.wh-nav{display:block;margin-right:auto}
.wh-nav .wh-menu{display:flex;gap:2px}
}
.wh-menu{list-style:none;margin:0;padding:0}
.wh-nav .wh-menu a{display:block;padding:8px 12px;color:var(--wg-hdr-text);text-decoration:none;font-weight:600;font-size:15px;border-radius:3px}
.wh-nav .wh-menu a:hover,.wh-nav .wh-menu .current-menu-item>a{color:var(--wg-red)}
.wh-menu li{position:relative}
.wh-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:200px;list-style:none;margin:0;padding:6px;background:var(--wg-hdr);border:1px solid #2a2a2e;border-radius:3px}
.wh-nav li:hover>.sub-menu,.wh-nav li:focus-within>.sub-menu{display:block}
/* search */
.wh-search{background:var(--wg-hdr);border-top:1px solid #2a2a2e;padding:8px 0}
.wh-search[hidden]{display:none}
.wh-search .wh-wrap{display:flex;gap:6px}
.wh-search input[type=search]{flex:1;min-width:0;height:44px;padding:0 14px;font-size:16px;border:1px solid var(--wg-border);border-radius:3px;background:var(--wg-surface-2);color:var(--wg-text)}
.wh-search .wh-btn{background:var(--wg-brand);color:#fff}
/* drawer */
.wh-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998}
.wh-overlay[hidden]{display:none}
.wh-drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);background:var(--wg-surface);color:var(--wg-text);z-index:9999;transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s;display:flex;flex-direction:column;overflow-y:auto}
.wh-open .wh-drawer{transform:none;visibility:visible;transition:transform .22s ease}
.wh-open{overflow:hidden}
.wh-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;background:var(--wg-hdr);border-bottom:1px solid var(--wg-border)}
.wh-drawer-head .wh-btn{color:var(--wg-hdr-text)}
.wh-drawer .wh-menu a{display:block;padding:14px 16px;color:var(--wg-text);text-decoration:none;font-weight:600;font-size:17px;border-bottom:1px solid var(--wg-border)}
.wh-drawer .wh-menu .current-menu-item>a{color:var(--wg-red)}
.wh-drawer .sub-menu{list-style:none;margin:0;padding:0 0 0 12px}
.wh-drawer-contact .wh-i-sun{display:none}
:root[data-theme=dark] .wh-drawer-contact .wh-i-moon{display:none}
:root[data-theme=dark] .wh-drawer-contact .wh-i-sun{display:block}
/* ---- Footer ---- */
.wf-footer{background:var(--wg-foot);color:var(--wg-on-dark-2);margin-top:32px;font-size:14px}
.wf-grid{display:grid;gap:24px;padding-top:32px;padding-bottom:24px}
@media(min-width:700px){.wf-grid{grid-template-columns:1.4fr 1fr 1fr 1.4fr}}
.wf-logo-img{height:32px;width:auto}
.wf-brand p{margin:12px 0}
.wf-h{color:#fff;font-size:15px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}
.wf-footer a{color:var(--wg-on-dark);text-decoration:none}
.wf-footer a:hover{color:var(--wg-on-dark-accent)}
.wf-menu a{display:block;padding:5px 0}
.wf-social{display:flex;flex-wrap:wrap;gap:4px;margin-left:-10px}
.wf-social a{width:40px;height:40px;display:grid;place-items:center;color:var(--wg-on-dark-2)}
.wf-social a:hover{color:#fff}
.wf-social .wh-i{width:20px;height:20px}
.wh-dc-find{padding:14px 16px 0;text-align:center;font-size:13px;color:var(--wg-muted)}
.wh-dc-find>span{display:block;margin-bottom:4px}
.wh-dc-social{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.wh-dc-social a{width:40px;height:38px;display:grid;place-items:center;color:var(--wg-muted)}
.wh-dc-social a:hover{color:var(--wg-text)}
.wh-dc-social .wh-i{width:20px;height:20px}
/* same 5px rhythm as the link columns (.wf-menu a) so phone, address and Track your order are evenly spaced */
.wf-contact a,.wf-contact p{display:flex;gap:8px;align-items:flex-start;margin:0;padding:5px 0}
.wf-contact a{align-items:center}
.wf-contact .wh-i{width:18px;height:18px;margin-top:2px}
.wf-contact small{color:#999}
.wf-bottom{border-top:1px solid #2a2a2e;padding:14px 0;font-size:13px;color:#999}
.wf-bottom .wh-wrap{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wf-cod{background:var(--wg-accent);color:var(--wg-accent-text);font-weight:700;padding:4px 10px;border-radius:2px}
@media(max-width:899px){body{padding-bottom:0}}
/* GeneratePress "separate containers" adds 20px around main content; pages manage their own spacing. */
.separate-containers .site-main{margin:0}
@media(max-width:768px){.separate-containers .inside-article{padding:20px 12px}}
/* ---- Typography: Inter (body) + Plus Jakarta Sans (display): clean, technical ---- */
:root{--wg-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans Bengali',sans-serif;--wg-display:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
body,button,input,select,textarea{font-family:var(--wg-font)}
h1,h2,h3,h4{font-family:var(--wg-display);font-weight:700;letter-spacing:-.01em;line-height:1.2}
body .wg-hero h1,body .wg-sec-head h2,body .wg-about h2,body .wg-final h2,body .wp-related h2,body .wf-h,body .wg-faq h2{font-family:var(--wg-display);font-weight:800;letter-spacing:-.015em}
body .wp-title{font-family:var(--wg-display);font-weight:700;font-size:22px;line-height:1.25;letter-spacing:-.01em}
@media(min-width:900px){body .wp-title{font-size:30px}}
body .wp-price ins{font-family:var(--wg-display);font-weight:800;font-size:30px;font-variant-numeric:tabular-nums}
body .wg-price ins{font-family:var(--wg-display);font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}
body .wg-price del{font-size:14px}
body .wg-title{font-weight:600;font-size:15px}
body .wh-nav .wh-menu a{font-size:15px;font-weight:600}
body .wh-drawer .wh-menu a{font-family:var(--wg-display);font-size:18px;font-weight:700}
body .wg-btn-y,body .wg-btn-o,body .wp-btn,body .wg-btn,body .wg-submit,body .wg-more-btn,body .wg-cat-name{font-family:var(--wg-display);font-weight:700;letter-spacing:0}
body .wg-btn{font-size:15px}
body .wg-btn-y,body .wg-btn-o,body .wg-more-btn,body .wg-submit{font-size:16px}
body .wp-btn{font-size:17px}
body .wg-cat-name{font-size:19px;font-weight:800}
body .wg-cat-name small{font-family:var(--wg-font);text-transform:none;letter-spacing:0;font-weight:400}
body .wg-steps strong{font-family:var(--wg-display);font-size:20px;letter-spacing:.02em}
body .wg-badge,body .wg-save{font-family:var(--wg-display);letter-spacing:.04em}

/* ---- live search ---- */
.wh-search .wh-wrap{position:relative}
.wh-live{position:absolute;left:12px;right:12px;top:calc(100% + 8px);z-index:9990;max-height:min(70vh,560px);overflow-y:auto;background:var(--wg-surface);color:var(--wg-text);border:1px solid var(--wg-border);border-radius:4px;box-shadow:0 14px 40px rgba(0,0,0,.35);padding:6px}
.wh-live[hidden]{display:none}
.wh-live-h{padding:10px 10px 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--wg-muted)}
.wh-live-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 10px 10px}
body .wh-live-chip{padding:8px 14px;border:1px solid var(--wg-border-strong);border-radius:2px;color:var(--wg-text);font-size:14px;font-weight:600;text-decoration:none}
body .wh-live-chip:hover{background:var(--wg-accent);border-color:var(--wg-accent);color:var(--wg-accent-text)}
.wh-live-msg{padding:14px 10px;font-size:14px;color:var(--wg-text)}
.wh-live-msg small{color:var(--wg-muted)}
.wh-live-count{padding:6px 10px;font-size:12px;color:var(--wg-muted)}
body .wh-live-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:3px;color:var(--wg-text);text-decoration:none}
body .wh-live-item:hover,body .wh-live-item.is-active,body .wh-live-all.is-active{background:var(--wg-surface-3);color:var(--wg-text)}
.wh-live-item img,.wh-live-ph{width:52px;height:52px;border-radius:3px;object-fit:cover;flex:none;background:var(--wg-surface-3)}
.wh-live-t{flex:1;min-width:0;display:flex;flex-direction:column}
.wh-live-n{font-weight:600;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wh-live-n mark{background:var(--gg-red-50);color:var(--gg-red-700);border-radius:2px;padding:0 1px}
.wh-live-t small{font-size:12px;color:var(--wg-muted)}
.wh-live-p{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;font-size:14px}
.wh-live-p del{font-size:12px;color:var(--wg-muted)}
.wh-live-p b{color:var(--wg-text)}
.wh-live-item.is-out{opacity:.55}
body .wh-live-all{display:block;margin-top:4px;padding:12px 10px;border-radius:3px;text-align:center;font-weight:700;font-size:14px;color:var(--wg-text);text-decoration:none;border-top:1px solid var(--wg-border)}
body .wh-live-all:hover{background:var(--wg-surface-3);color:var(--wg-text)}
/* 768px and up: two columns; search.js sets left/width so the panel matches the input field (not the button) */
@media(min-width:768px){.wh-live{box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;align-content:start;padding:6px}.wh-live[hidden]{display:none}.wh-live>:not(.wh-live-item){grid-column:1/-1}}
.wh-live-h-row{display:flex;justify-content:space-between;align-items:center}
body .wh-live-clear{padding:2px 6px;margin:0;border:0;border-radius:3px;background:none;color:var(--wg-link);font:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
body .wh-live-clear:hover,body .wh-live-clear:focus-visible{background:var(--wg-surface-3);color:var(--wg-text)}

/* top bar: track order sits next to the phone number */
.wh-top .wh-track{margin:0 auto 0 22px}

/* mobile menu: compact contact area */
.wh-drawer-contact{margin-top:auto;padding:4px 0 16px;border-top:1px solid var(--wg-border)}
.wh-dc-list{display:block}
.wh-drawer-contact .wh-dc-list a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 16px;color:var(--wg-text);text-decoration:none;font-size:15px;font-weight:600;border-bottom:1px solid var(--wg-border)}
.wh-drawer-contact .wh-dc-list a:hover{background:var(--wg-surface-3)}
.wh-drawer-contact .wh-dc-list .wh-i{width:20px;height:20px;flex:none;stroke:currentColor;color:var(--wg-muted)}
.wh-drawer-contact .wh-dc-list small{margin-left:auto;font-size:12px;font-weight:400;color:var(--wg-muted)}
.wh-dc-row{display:flex;align-items:center;gap:8px;padding:12px 16px 0}
.wh-drawer-contact .wh-dc-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--wg-border-strong);border-radius:2px;color:var(--wg-text);text-decoration:none;font-size:14px;font-weight:600}
.wh-drawer-contact .wh-dc-chip:hover{border-color:var(--wg-ink)}
.wh-drawer-contact .wh-dc-chip .wh-i{width:18px;height:18px;stroke:currentColor}
.wh-drawer-contact .wh-theme{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--wg-border-strong);border-radius:2px;background:transparent;color:var(--wg-text);cursor:pointer}
.wh-drawer-contact .wh-theme:hover{border-color:var(--wg-ink)}
.wh-drawer-contact .wh-theme .wh-i{width:18px;height:18px;stroke:currentColor}
.wh-drawer-contact .wh-i-sun{display:none}
:root[data-theme=dark] .wh-drawer-contact .wh-i-moon{display:none}
:root[data-theme=dark] .wh-drawer-contact .wh-i-sun{display:block}


/* WhatsApp: official brand green (#25D366) with WhatsApp's dark ink text, 9:1 contrast; white on this green fails (2:1) */
a[href*="wa.me"].wg-btn-o,a[href*="wa.me"].wt-btn {background:var(--wg-wa);border-color:var(--wg-wa);color:var(--wg-wa-ink)}
a[href*="wa.me"].wg-btn-o:hover,a[href*="wa.me"].wt-btn:hover {background:var(--wg-wa-hover);border-color:var(--wg-wa-hover);color:var(--wg-wa-ink)}

/* Footer link groups: collapsed accordions on mobile, always open columns on desktop (layout.js sets [open]) */
.wf-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin:0}
.wf-acc>summary::-webkit-details-marker{display:none}
@media(max-width:699px){
.wf-grid{row-gap:0}
.wf-brand{margin-bottom:20px}
.wf-acc{border-top:1px solid #3a393c}
.wf-acc:last-of-type{border-bottom:1px solid #3a393c}
.wf-acc>summary{min-height:48px}
.wf-acc>summary:after{content:"+";font-size:20px;font-weight:400;line-height:1;color:var(--wg-on-dark-2)}
.wf-acc[open]>summary:after{content:"\2212"}
.wf-acc .wf-menu{padding:0 0 14px}
.wf-contact{margin-top:20px}
}
@media(min-width:700px){.wf-acc>summary{pointer-events:none;margin:0 0 10px}}

/* One content edge everywhere: the same 1200px box and 12px gutter as the header and footer (.wh-wrap). */
.site.grid-container{max-width:1200px}
body .site.grid-container .site-content{padding-left:12px;padding-right:12px;box-sizing:border-box}
body.home .site.grid-container .site-content{padding-left:0;padding-right:0}
