@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-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:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-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:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-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:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-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{--wg-surface:#fff;--wg-surface-2:#fafafa;--wg-surface-3:#f2f2f2;--wg-border:#e5e5e5;--wg-border-strong:#cfcfcf;--wg-text:#111;--wg-text-2:#333;--wg-muted:#666;--wg-red:#d9363e;--wg-accent:#ffff00;--wg-ink:#111;--wg-ink-text:#fff;--wg-link:#0a58ca;--wg-ok-bg:#e8f6ec;--wg-ok:#17803d;--wg-bad-bg:#fdecec;--wg-bad:#a11;--wg-selected:#fdfde0;--wg-hdr:#111;--wh-h:56px;color-scheme:light}
:root[data-theme=dark]{--wg-surface:#1b1b1d;--wg-surface-2:#232326;--wg-surface-3:#2a2a2e;--wg-border:#34343a;--wg-border-strong:#4a4a52;--wg-text:#f1f1f3;--wg-text-2:#dcdce0;--wg-muted:#a0a0aa;--wg-red:#ff5a62;--wg-ink:#f1f1f3;--wg-ink-text:#111;--wg-link:#6ea8fe;--wg-ok-bg:#12301d;--wg-ok:#4cc27a;--wg-bad-bg:#3a1c1e;--wg-bad:#ff8f95;--wg-selected:#2b2b0a;--wg-hdr:#0c0c0d;--contrast:#ececee;--contrast-2:#b8b8c2;--contrast-3:#55555e;--base:#2a2a2e;--base-2:#121214;--base-3:#1b1b1d;--accent:#6ea8fe;color-scheme:dark}
@media(min-width:900px){:root{--wh-h:64px}}
body{color:var(--wg-text)}
/* ---- Header ---- */
.wh-skip{position:absolute;left:-9999px;top:0;background:#fff;color:#111;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:#fff}
.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}
.wh-top{display:none;background:#1d1d1f;font-size:13px;color:#cfcfcf}
@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:#aaa}
.wh-bar{display:flex;align-items:center;gap:8px;min-height:var(--wh-h)}
.wh-btn{background:none;border:0;color:#fff;width:44px;height:44px;display:inline-grid;place-items:center;cursor:pointer;padding:0;border-radius:8px;text-decoration:none;position:relative}
.wh-btn:hover{color:var(--wg-accent);background:none}
.wh-btn:focus-visible,.wh-menu a:focus-visible,.wf-footer a:focus-visible{outline:2px solid var(--wg-accent);outline-offset:2px}
.wh-logo{display:inline-flex;align-items:center;text-decoration:none;color:#fff}
.wh-logo-img{height:40px;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:9px;background:var(--wg-accent);color:#111;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:#fff;text-decoration:none;font-weight:600;font-size:15px;border-radius:6px}
.wh-nav .wh-menu a:hover,.wh-nav .wh-menu .current-menu-item>a{color:var(--wg-accent)}
.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:8px}
.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:0;border-radius:8px;background:#fff;color:#111}
.wh-search .wh-btn{background:var(--wg-accent);color:#111}
/* 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)}
.wh-drawer-head .wh-btn{color:#fff}
.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-hdr);color:#cfcfcf;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:44px;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:#cfcfcf;text-decoration:none}
.wf-footer a:hover{color:var(--wg-accent)}
.wf-menu a{display:block;padding:5px 0}
.wf-social{display:flex;gap:8px}
.wf-social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #3a3a40;border-radius:50%;color:#fff}
.wf-contact a{display:inline-flex;gap:8px;align-items:center}
.wf-contact p{display:flex;gap:8px;margin:10px 0 0}
.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:#111;font-weight:700;padding:4px 10px;border-radius:999px}
@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: Barlow (body) + Barlow Condensed (display): sporty, premium ---- */
:root{--wg-font:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans Bengali',sans-serif;--wg-display:'Barlow Condensed','Barlow',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.12}
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;text-transform:uppercase;letter-spacing:.03em}
body .wp-title{font-family:var(--wg-display);font-weight:700;font-size:30px;line-height:1.08;letter-spacing:.01em}
@media(min-width:900px){body .wp-title{font-size:42px}}
body .wp-price ins{font-family:var(--wg-display);font-weight:800;font-size:38px}
body .wg-price ins{font-family:var(--wg-display);font-weight:800;font-size:19px}
body .wg-price del{font-size:14px}
body .wg-title{font-weight:600;font-size:15px}
body .wh-nav .wh-menu a{text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:600}
body .wh-drawer .wh-menu a{font-family:var(--wg-display);text-transform:uppercase;letter-spacing:.05em;font-size:21px;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:.06em;text-transform:uppercase}
body .wg-btn{font-size:15px}
body .wg-btn-y,body .wg-btn-o,body .wg-more-btn,body .wg-submit{font-size:18px}
body .wp-btn{font-size:19px}
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:12px;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:999px;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:#111}
.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:8px;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:8px;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(--wg-accent);color:#111;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:8px;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)}
@media(min-width:768px){.wh-live{left:auto;right:12px;width:min(560px,calc(100% - 24px))}}

/* 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:999px;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:50%;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}

