:root{--c1:#0b5d3b;--c3:#08452c;--ink:#111;--mut:#6b726e;--bg:#fff;--tile:#f4f5f4;--line:#e6e9e7;--card:#fff;--soft:color-mix(in srgb,var(--c1) 8%,var(--bg));--peach:#fbf1e6}
html[data-theme=dark]{color-scheme:dark;--ink:#eef2ef;--mut:#9aa6a0;--bg:#0f1512;--tile:#1a221e;--line:#27322c;--card:#141b17;--peach:#1a221e}
*{box-sizing:border-box}html{height:100%}body{margin:0;display:flex;flex-direction:column;min-height:100vh;font:16px/1.6 "Noto Sans","Noto Sans Bengali",system-ui,sans-serif;color:var(--ink);background:var(--bg);max-width:100%;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.main{flex:1 0 auto;width:100%;padding-top:22px}
/* top bar + header */
.tb{background:var(--c1);color:#fff;font-size:13px}.tb .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;height:38px}.tbm{text-align:center;flex:1}.tb a:hover{text-decoration:underline}
.top{background:var(--bg);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.hd{display:flex;align-items:center;gap:28px;height:74px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;color:var(--c1);letter-spacing:-.5px}.logo img{height:44px;width:auto;max-width:180px;object-fit:contain}
.menu{display:flex;gap:26px;font-weight:500}.menu>a,.ddt{padding:8px 0}.menu a:hover{color:var(--c1)}.dd{position:relative}.ddm{display:none;position:absolute;top:100%;left:-14px;min-width:200px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 14px 34px rgba(0,0,0,.1)}.dd:hover .ddm{display:block}.ddm a{display:block;padding:8px 12px;border-radius:8px}.ddm a:hover{background:var(--soft)}
.search{flex:1;display:flex;align-items:center;background:var(--tile);border-radius:999px;padding:0 6px 0 20px;height:46px;max-width:440px;margin-left:auto}.search input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;color:inherit}.search button{border:0;background:none;color:var(--mut);cursor:pointer;display:flex;padding:8px}
.acts{display:flex;gap:22px;align-items:center;font-weight:500}.acts a{display:flex;align-items:center;gap:8px;position:relative}.acts a:hover{color:var(--c1)}.cartb b{position:absolute;top:-8px;left:12px;background:var(--c1);color:#fff;border-radius:10px;font-size:11px;padding:0 6px;line-height:17px}.lo{color:var(--mut)}
.burger,.sov{display:none}
/* buttons + forms */
.btn,.buy{display:inline-flex;align-items:center;justify-content:center;background:var(--c1);color:#fff;border:1.5px solid var(--c1);padding:12px 28px;border-radius:999px;cursor:pointer;font:inherit;font-weight:600;transition:.15s}.btn:hover,.buy:hover{background:var(--c3);border-color:var(--c3)}
.btn.ol,.buy{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.ol:hover,.buy:hover{background:var(--c1);color:#fff;border-color:var(--c1)}.buy{width:100%;padding:12px 14px;font-size:15px;min-height:42px}
.btn.sm{padding:6px 14px;font-size:13px}.btn.red,.x{background:#c0392b;border-color:#c0392b;color:#fff}.btn.gr{background:#1f9d57;border-color:#1f9d57}.btn.lt,.btn.lt2{background:var(--soft);color:var(--c1);border-color:var(--soft)}.btn.wide{width:100%}
.f input,.f select,.f textarea,.qf input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin:4px 0 12px;font:inherit;background:var(--bg);color:inherit}.f input:focus,.f textarea:focus,.f select:focus{outline:0;border-color:var(--c1)}.f label{font-size:13px;color:var(--mut)}
.ok{background:#e6f6ee;color:#17724a;padding:10px 14px;border-radius:12px}.err{background:#fdecea;color:#b02a1f;padding:10px 14px;border-radius:12px}
.box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px}.box h3{margin:0 0 14px;font-size:17px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{background:var(--soft);color:var(--c1)}.tw{overflow-x:auto}
.two,.co{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:860px){.two{grid-template-columns:1fr 1fr}.co{grid-template-columns:1.4fr 1fr;align-items:start}}
h2.pt{font-size:22px;margin:0 0 16px}
/* hero */
.hero{position:relative;overflow:hidden;background:var(--peach);border-radius:8px;margin:0 0 30px}.hbg{display:none}.hin{display:grid;gap:10px;align-items:center;padding:34px 28px}@media(min-width:800px){.hin{grid-template-columns:1.2fr 1fr;padding:48px 64px;min-height:320px}}
.hero h1{margin:0 0 22px;font-size:clamp(30px,5vw,50px);line-height:1.12;font-weight:800;color:var(--c1);letter-spacing:-1px}.hero p{margin:0 0 22px;max-width:480px;color:var(--mut);font-size:17px}
.hbs{display:flex;gap:12px;flex-wrap:wrap}.hb1,.hb2{padding:15px 36px;border-radius:999px;font-weight:600}.hb1{background:var(--c1);color:#fff}.hb2{border:1.5px solid var(--c1);color:var(--c1)}.him{text-align:center}.him img{max-height:300px;object-fit:contain}
.slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:8px;scrollbar-width:none;margin-bottom:30px}.slider a{flex:0 0 100%;scroll-snap-align:start}.slider img{width:100%;display:block}
/* filter pills + titles */
.chips{display:flex;gap:10px;overflow:auto;padding:4px 0 8px;scrollbar-width:none}.chips a{white-space:nowrap;background:var(--tile);padding:11px 20px;border-radius:999px;font-weight:500}.chips a:hover{background:var(--c1);color:#fff}
h2.sec{margin:34px 0 18px;font-size:26px;font-weight:700;letter-spacing:-.4px}.secsub{color:var(--mut);margin:-8px 0 18px}
/* product cards */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr);gap:22px}}@media(min-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{display:flex;flex-direction:column;height:100%}.cl{flex:1;display:block}.cimg{position:relative;background:var(--tile);border-radius:8px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.cimg img{width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply}html[data-theme=dark] .cimg img{mix-blend-mode:normal}
.wl{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:18px}
.cb{padding:14px 0 12px}.cr{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.cn{font-weight:500;font-size:16px;line-height:1.4}.pr{font-weight:600;font-size:15px;white-space:nowrap}.old{text-align:right;color:var(--mut);font-size:12px}.cd{color:var(--mut);font-size:13px;margin-top:5px}
.card form{margin:0}.tag{background:var(--soft);color:var(--c1);padding:9px;border-radius:999px;text-align:center;font-size:13px}
/* popular categories */
.pcats{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:600px){.pcats{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.pcats{grid-template-columns:repeat(3,1fr)}}
.pc{display:flex;align-items:center;gap:16px;background:var(--tile);border-radius:8px;padding:12px}.pc img{width:64px;height:64px;object-fit:contain;background:var(--bg);border-radius:6px;mix-blend-mode:multiply}.pc b{display:block;font-size:17px}.pc small{color:var(--mut)}.pc:hover{outline:1.5px solid var(--c1)}
/* product page */
.bc{font-size:13px;color:var(--mut);margin:0 0 18px}.bc b{color:var(--ink)}.pd{display:grid;gap:30px}@media(min-width:860px){.pd{grid-template-columns:1.1fr 1fr}}
.big{background:var(--tile);border-radius:8px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}#mainimg{max-width:85%;max-height:85%;object-fit:contain;mix-blend-mode:multiply}.gal{display:flex;gap:12px;margin-top:14px;overflow:auto}.gal img{width:84px;height:84px;object-fit:contain;background:var(--tile);border-radius:8px;cursor:pointer;padding:6px}
.pi h1{font-size:32px;margin:0 0 10px;letter-spacing:-.6px}.ppr{font-size:24px;font-weight:700;padding-bottom:16px;border-bottom:1px solid var(--line)}.ppr s{font-size:15px;color:var(--mut);font-weight:400}.meta{color:var(--mut);font-size:13px}.in{color:#1f9d57}.outs{color:#c0392b}.desc{color:var(--mut);margin:14px 0 20px}
.stp{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:16px}.stp button{width:34px;height:34px;border:0;background:none;font-size:18px;cursor:pointer;color:inherit}.stp input{width:56px;border:0;text-align:center;font:inherit;background:none;color:inherit;-moz-appearance:textfield}
.bb{display:flex;gap:12px}.bb .btn{flex:1}.info{margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:14px}.info p{margin:0}
/* cart + checkout */
.li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.li:last-child{border:0}.li>img{width:72px;height:72px;object-fit:contain;background:var(--tile);border-radius:8px;padding:6px}.lt{flex:1;display:flex;flex-direction:column}.lt span{color:var(--mut);font-size:13px}.lp{min-width:90px;text-align:right}
.qf{display:flex;gap:6px;align-items:center}.qf input{width:62px;margin:0;padding:8px}.x{border:0;border-radius:50%;width:30px;height:30px;cursor:pointer}
.sumb h3{font-size:18px}.sr{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:14px}.sr span{color:var(--mut)}.sr b{color:var(--ink)}.sr.tot{border-top:1px solid var(--line);padding-top:12px;font-size:17px}.sr.tot span{color:var(--ink);font-weight:600}.sumb hr{border:0;border-top:1px solid var(--line)}.sumb .btn{margin-top:8px}
.pm{display:grid;gap:8px;margin:6px 0 14px}.pm label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink);cursor:pointer}.pm input{width:auto;margin:0;accent-color:var(--c1)}
.st{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:var(--tile)}.st.pending{background:#fff3cd;color:#7a5b00}.st.confirmed,.st.processing{background:#d6eaff;color:#1b4f8a}.st.shipped{background:#e3dcff;color:#4a35a8}.st.delivered,.st.paid{background:#d4f5df;color:#17724a}.st.cancelled,.st.returned{background:#fadbd8;color:#a52a1f}
.tl{display:flex;gap:4px;margin:10px 0}.tl div{flex:1;text-align:center;font-size:11px;padding:7px 2px;background:var(--tile);border-radius:6px}.tl .on{background:var(--c1);color:#fff}
/* auth */
.auth{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:20px 0}.authcard{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px 26px}.authcard h2{text-align:center;margin:6px 0 16px}.alogo{display:block;margin:0 auto 6px;height:56px;max-width:80%;object-fit:contain}.authcard .btn{width:100%}.authcard p.sub{text-align:center;font-size:14px}
/* about / modules / cms */
.comp .compw,.mods{display:grid;gap:18px}@media(min-width:800px){.comp .compw{grid-template-columns:1.1fr .9fr}}.mods{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.abt,.mod,.cit,.rv,.faq details,.cms{background:var(--tile);border-radius:12px;padding:20px;border:0}.mod{display:flex;flex-direction:column}.mod h3,.abt h3{margin:0 0 8px;color:var(--c1)}.mod p,.abt p{color:var(--mut);margin:0 0 12px}.mod ul{margin:auto 0 0;padding-left:18px;color:var(--mut)}
.mico{width:52px;height:52px;border-radius:12px;background:var(--c1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden}.mico img{width:100%;height:100%;object-fit:contain;padding:8px}.mico span{color:#fff;font-weight:700;font-size:22px}.mbtn,.abl a{display:inline-block;margin-top:10px;background:var(--c1);color:#fff;padding:8px 18px;border-radius:999px;font-size:13px}
.abl{display:flex;gap:8px;flex-wrap:wrap}.alogo{height:48px}.cinf{display:grid;gap:12px;align-content:start}.cit{display:flex;gap:14px;align-items:center;padding:14px 18px}.cic{width:42px;height:42px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;flex:none}.cit small{display:block;color:var(--mut)}
.rvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.rv img{width:48px;height:48px;border-radius:50%;object-fit:cover}.rv small{display:block;color:var(--mut)}.faq details{margin-bottom:10px}.faq summary{cursor:pointer;font-weight:600}.cms{display:grid;gap:14px;margin:16px 0}.cms img{width:100%;border-radius:10px;max-height:260px;object-fit:cover}
/* newsletter + footer */
.cta{margin-top:50px}.ctaw{max-width:1160px;margin:0 20px;display:grid;gap:18px;align-items:center;background:var(--peach);border-radius:8px;padding:34px 36px}@media(min-width:800px){.ctaw{grid-template-columns:1fr 1fr;margin:0 auto}}
.ctaw h3{margin:0 0 6px;font-size:26px;color:var(--c1)}.ctaw p{margin:0;color:var(--mut)}.nf{display:flex;gap:8px;flex-wrap:wrap}.nf input{flex:1;min-width:160px;padding:13px 20px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:inherit;font:inherit}.nf button{border:0;border-radius:999px;padding:13px 26px;background:var(--c1);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.ctab{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.ctab a{padding:10px 20px;border-radius:999px;border:1.5px solid var(--c1);color:var(--c1);font-weight:600}.ctab a.b1{background:var(--c1);color:#fff}
.ft{margin-top:50px;background:var(--c1);color:#d6e8de;font-size:14px}.ftw{max-width:1200px;margin:0 auto;padding:44px 20px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:30px}.ft h4{margin:0 0 14px;color:#fff;font-size:16px}.ft a{display:block;padding:4px 0;color:#d6e8de}.ft a:hover{color:#fff}
.fbrand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:#fff;margin-bottom:10px}.fbrand img{height:44px;background:#fff;border-radius:8px;padding:3px}.ft p{margin:0 0 6px}.soc{display:flex;gap:10px;margin-top:14px}.ft .soc a{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;padding:0}.soc svg{width:22px;height:22px;stroke:none;fill:initial}
.ci{display:flex;gap:8px}.ftb{border-top:1px solid rgba(255,255,255,.2);max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px}
.tgl{position:fixed;right:16px;bottom:16px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:20px;box-shadow:0 6px 18px rgba(0,0,0,.15)}
.an{opacity:0;transition:opacity .5s ease,transform .5s ease}.an.in{opacity:1;transform:none!important}.an-up,.an-pop,.an-flip,.an-zoom{transform:translateY(16px)}.an-left,.an-right,.an-down,.an-fade{transform:none}
@media(prefers-reduced-motion:reduce){.an{opacity:1!important;transform:none!important;transition:none}}
/* mobile */
@media(max-width:860px){.hd{gap:12px;height:64px}.search{order:5}.acts span{display:none}.acts{margin-left:auto;gap:16px}.lo{display:none}.burger{display:block;background:none;border:0;font-size:26px;color:inherit;cursor:pointer}.logo{font-size:20px}
.menu{position:fixed;top:0;right:0;bottom:0;width:260px;max-width:80vw;background:var(--bg);flex-direction:column;gap:6px;padding:70px 24px 20px;transform:translateX(100%);transition:transform .25s;z-index:60;box-shadow:-4px 0 18px rgba(0,0,0,.25);overflow:auto}.ddm{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 12px}body.nopen .menu{transform:none}body.nopen .sov{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:59}.tbm{display:none}.tb .wrap{justify-content:space-between}.hd>.search{display:none}}
@media(max-width:600px){.main{padding-top:14px}.cr{flex-direction:column;gap:2px}.cn{font-size:15px}.pi h1{font-size:24px}.li{flex-wrap:wrap}.bb{flex-direction:column}}
.msearch{display:none}@media(max-width:860px){.msearch{display:flex;margin:0 0 10px;max-width:none}}

/* Luvera storefront refresh — customer-facing styles only */
:root{--c1:#004b35;--c3:#003b2a;--peach:#fbf0e4;--tile:#f4f5f4;--line:#e8e9e7;--soft:color-mix(in srgb,var(--c1) 7%,var(--bg))}
.wrap{max-width:1280px}
.tb{font-size:12px}.tb .wrap{height:32px}
.top{box-shadow:0 2px 12px rgba(12,45,32,.035)}
.hd{height:70px;gap:28px}
.logo{font-size:23px;white-space:nowrap;letter-spacing:-.7px}
.menu{align-items:center;gap:24px;font-size:14px;white-space:nowrap}
/* Keep the mobile-menu search in the drawer, and show one search bar on desktop. */
.menu>.msearch{display:none}
.search{height:42px;max-width:370px;background:#f4f5f4}
.acts{gap:20px;font-size:14px;white-space:nowrap}
.hero{border-radius:2px;margin-bottom:28px;background:#fbf0e4}
.hin{padding:36px 5.5%;min-height:260px}
@media(min-width:800px){.hin{min-height:270px;padding:34px 7%;grid-template-columns:1.18fr .82fr}}
.hero h1{font-size:clamp(30px,3vw,42px);line-height:1.18;max-width:570px;margin-bottom:18px;color:#004b35;letter-spacing:-1.1px}
.hero p{font-size:16px;color:#59645e;max-width:470px}
.hb1{padding:12px 28px;background:#004b35}.hb2{padding:12px 24px}
.him img{max-height:260px;width:100%;object-fit:contain}
.chips{gap:9px;padding:4px 0 12px}.chips a{font-size:13px;padding:9px 15px;background:#f0f1f0}
h2.sec{font-size:23px;letter-spacing:-.5px;margin:28px 0 16px}
.grid{gap:18px 16px}
.card{min-width:0}
.cimg{background:#f3f4f3;border-radius:7px;aspect-ratio:1/1;transition:background .2s,transform .2s}
.cimg img{width:83%;height:83%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.card:hover .cimg img{transform:scale(1.045)}
.wl{top:9px;right:9px;width:32px;height:32px;color:#5b655f;box-shadow:0 1px 5px #0000000a}
.cb{padding:10px 0 9px}
.cr{align-items:flex-start;gap:8px}
.cn{font-size:16px;font-weight:500;line-height:1.45}
.pr{font-size:14px;font-weight:800}
.old{font-size:11px}
.cd{font-size:12px;line-height:1.45;margin-top:4px;min-height:0}
.buy{width:auto;min-width:112px;align-self:flex-start;border:1px solid #777e79;border-radius:999px;padding:10px 16px;font-size:15px;line-height:1.4;background:transparent;color:var(--ink);transition:all .2s}
.buy:hover{background:#004b35;border-color:#004b35;color:#fff}
.card form{margin-top:2px}
.pcats{gap:10px}
.pc{padding:10px 12px;border-radius:5px;gap:12px;transition:background .2s}
.pc img{width:54px;height:54px;border-radius:4px}
.pc b{font-size:14px}.pc small{font-size:11px}
.slider{border-radius:4px}
.box{border-radius:10px}
.pd .big{border-radius:8px}
.ctaw{border-radius:5px}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px) and (min-width:861px){.hd{gap:16px}.menu{gap:14px}.acts{gap:13px}.logo{font-size:20px}.search{max-width:260px}}
@media(max-width:860px){
 .hd{height:64px;gap:12px}.menu{align-items:stretch;gap:7px;padding:70px 22px 24px}.menu>.msearch{display:flex;margin:0 0 10px;max-width:none;order:-1}.hd>.search{display:none}.acts{gap:14px}.logo{font-size:19px}.hero{margin-bottom:20px}.hin{padding:26px 22px}.hero h1{font-size:clamp(27px,7vw,36px)}.him img{max-height:230px}.main{padding-top:14px}
}
@media(max-width:600px){
 .tb .wrap{height:30px;font-size:11px}.grid{gap:16px 12px}.cb{padding:9px 0 8px}.cn{font-size:15px}.pr{font-size:14px}.cd{font-size:12px}.buy{padding:10px 12px;min-width:0;font-size:14px;min-height:40px}.wl{width:29px;height:29px;top:7px;right:7px}.hero h1{margin-bottom:12px}.hero p{font-size:14px;margin-bottom:15px}.hb1,.hb2{padding:10px 19px;font-size:13px}.hin{gap:4px}.him img{max-height:190px}.chips a{padding:8px 13px;font-size:12px}h2.sec{font-size:20px;margin:24px 0 13px}.pc img{width:48px;height:48px}.pc{padding:8px}.pc b{font-size:13px}
}

/* Refined company/about section — customer-facing homepage only */
.comp{position:relative;margin:54px 0 34px;padding:clamp(22px,4vw,44px);border:1px solid color-mix(in srgb,var(--c1) 10%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--peach) 70%,var(--bg)),var(--bg) 72%);overflow:hidden}
.comp:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--c1),#79aa8e,#e4c8a8)}
.comp h2.sec{position:relative;margin:0 0 24px;padding:0 0 15px;color:var(--c1);font-size:clamp(24px,3vw,32px);letter-spacing:-.6px}
.comp h2.sec:after{content:"";position:absolute;left:0;bottom:0;width:66px;height:3px;border-radius:99px;background:var(--c1)}
.comp .compw{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:18px;align-items:stretch}
.comp .abt{position:relative;padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 10px 28px rgba(0,45,30,.045);overflow:hidden}
.comp .abt:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--c1);opacity:.9}
.comp .abt h3{font-size:clamp(20px,2.4vw,27px);letter-spacing:-.45px;margin:0 0 14px}
.comp .alogo{height:auto;max-height:64px;max-width:180px;object-position:left center;object-fit:contain;margin:0 0 16px}
.comp .abt p{font-size:15px;line-height:1.9;margin:0;color:var(--mut);overflow-wrap:anywhere}
.comp .abl{gap:9px;margin-top:20px}
.comp .abl a{margin:0;padding:9px 15px;border:1px solid color-mix(in srgb,var(--c1) 20%,var(--line));border-radius:999px;background:var(--soft);color:var(--c1);font-weight:600;transition:transform .18s,background .18s,color .18s}
.comp .abl a:hover{background:var(--c1);color:#fff;transform:translateY(-2px)}
.comp .cinf{grid-template-columns:1fr;gap:12px}
.comp .cit{min-width:0;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:0 8px 24px rgba(0,45,30,.035);transition:transform .18s,border-color .18s}
.comp .cit:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c1) 35%,var(--line))}
.comp .cic{width:48px;height:48px;border-radius:14px;background:var(--soft);color:var(--c1);font-size:21px}
.comp .cit small{font-size:12px;font-weight:600;letter-spacing:.2px;margin-bottom:3px}
.comp .cit b{display:block;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:799px){.comp{margin:38px 0 26px;padding:22px 16px;border-radius:14px}.comp .compw{grid-template-columns:1fr}.comp h2.sec{margin-bottom:18px}.comp .abt{padding:23px 20px}.comp .cinf{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.comp .cit{padding:14px}}
@media(max-width:480px){.comp .cinf{grid-template-columns:1fr}.comp .cit{gap:11px}.comp .cic{width:42px;height:42px;border-radius:12px}}
html[data-theme=dark] .comp{background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 12%,var(--bg)),var(--bg) 75%)}
html[data-theme=dark] .comp .abt,html[data-theme=dark] .comp .cit{box-shadow:none}

/* Crisp inline vector icons for contact and CTA controls */
.cic svg,.ctab svg,.ft .ci svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ctab a{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.ft .ci{align-items:flex-start;gap:8px}
.ft .ci span{display:inline-flex;flex:none}
.ft .ci svg{width:16px;height:16px;color:currentColor}

.comp .ab-icons a{width:40px;height:40px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--card);border:1px solid var(--line);transition:transform .18s,box-shadow .18s}
.comp .ab-icons a:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.09)}
.comp .ab-icons svg{width:24px;height:24px;display:block}


/* Readable, normal-weight typography refresh — customer-facing pages only */
body, button, input, select, textarea { font-family: "Noto Sans Bengali", "Noto Sans", Arial, sans-serif; }
body { font-size: 16px; line-height: 1.65; font-weight: 400; }
p, li, label, input, select, textarea { font-size: 16px; line-height: 1.65; }
.menu, .acts { font-size: 15px; font-weight: 400; }
.tb { font-size: 13px; }
.hero p { font-size: 16px; line-height: 1.7; }
h2.sec, h2.pt { line-height: 1.4; font-weight: 600; }
.cn { font-size: 16px; line-height: 1.5; font-weight: 500; }
.pr { font-size: 16px; font-weight: 600; }
.cd { font-size: 14px; line-height: 1.6; }
.buy, .btn, .btn.sm { font-family: inherit; font-size: 15px; line-height: 1.5; font-weight: 500; padding: 10px 17px; }
.f label, .meta, .bc, .old { font-size: 14px; line-height: 1.6; }
.ft { font-size: 15px; line-height: 1.7; }
.ftb { font-size: 14px; }
@media(max-width:600px) {
  body { font-size: 16px; }
  .cn { font-size: 15px; }
  .pr { font-size: 15px; }
  .cd { font-size: 14px; }
  .buy, .btn, .btn.sm { font-size: 15px; padding: 10px 14px; }
  .menu { font-size: 15px; }
}

/* Desktop typography balance: keep desktop text compact and readable while preserving mobile sizing */
@media (min-width: 861px) {
  body { font-size: 15px; line-height: 1.6; }
  p, li, label, input, select, textarea { font-size: 14px; line-height: 1.6; }
  .menu, .acts { font-size: 13px; }
  .tb { font-size: 12px; }
  .logo { font-size: 22px; }
  .hero h1 { font-size: clamp(30px, 2.8vw, 42px); }
  .hero p { font-size: 15px; line-height: 1.65; }
  h2.sec { font-size: 22px; }
  h2.pt { font-size: 21px; }
  .cn { font-size: 15px; line-height: 1.45; }
  .pr { font-size: 14px; }
  .cd { font-size: 12px; line-height: 1.5; }
  .buy, .btn, .btn.sm { font-size: 13px; line-height: 1.45; padding: 9px 15px; }
  .f label, .meta, .bc, .old { font-size: 12px; }
  .ft { font-size: 14px; line-height: 1.65; }
  .ftb { font-size: 12px; }
  .pc b { font-size: 15px; }
  .pc small { font-size: 12px; }
}


/* Header logo visibility and language switcher */
.logo img{height:56px;max-width:210px;flex:none}
.langpick{display:inline-flex;align-items:center;margin-left:2px}
.langpick select{font:inherit;font-size:13px;font-weight:500;color:inherit;background:var(--tile);border:1px solid var(--line);border-radius:999px;padding:7px 10px;max-width:112px;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ctab .whatsapp-brand{width:23px;height:23px;stroke:none;flex:none}
.cimg img{display:block;max-width:100%;min-width:0;min-height:0}
@media(max-width:860px){.logo img{height:48px;max-width:142px}.langpick{align-self:flex-start;margin:3px 0 8px}.langpick select{font-size:14px;padding:9px 12px;max-width:100%}}
@media(min-width:861px){.logo img{height:60px;max-width:220px}.langpick select{font-size:13px}}


/* Luvera neon auth experience: login/register only; no admin or store-wide layout changes */
body.auth-page{display:block;min-height:100vh;background:#080716;color:#f8f5ff;overflow-x:hidden;font-family:"Noto Sans","Noto Sans Bengali",system-ui,sans-serif}
body.auth-page .top,body.auth-page>.wrap.main,body.auth-page .cta,body.auth-page .ft,body.auth-page #tgl{display:none!important}
body.auth-page .auth{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:clamp(20px,4vw,54px);overflow:hidden;background:radial-gradient(ellipse at 13% 20%,rgba(255,34,205,.19),transparent 34%),radial-gradient(ellipse at 88% 78%,rgba(0,194,255,.18),transparent 36%),linear-gradient(135deg,#080716 0%,#100a29 50%,#070d20 100%)}
body.auth-page .auth:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(153,116,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(153,116,255,.11) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.auth-glow{position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;filter:blur(70px);opacity:.36;pointer-events:none}.auth-glow-one{background:#f20bbf;top:4%;left:-90px}.auth-glow-two{background:#00aaff;right:-100px;bottom:4%}
.auth-stage{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:clamp(28px,6vw,82px);align-items:center}
.auth-promo{position:relative;min-height:480px;display:flex;flex-direction:column;justify-content:center;padding:20px 0;overflow:hidden}
.auth-kicker{display:flex;align-items:center;gap:9px;color:#d8c9ff;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.live-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#ff45d4;box-shadow:0 0 12px #ff45d4,0 0 24px #ff45d4}
.auth-headline{position:relative;margin:28px 0 12px;font-size:clamp(42px,6.4vw,82px);font-weight:900;line-height:.98;letter-spacing:-3px;color:#fff;text-shadow:0 0 24px rgba(174,108,255,.22)}
.auth-headline span{background:linear-gradient(100deg,#ff51d8 0%,#bd8cff 48%,#65dcff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(207,68,255,.23))}.auth-headline i{display:inline-block;margin-left:10px;font-size:.56em;font-style:normal;color:#ff62d8;vertical-align:top;text-shadow:0 0 18px #ff31cb}
.auth-tagline{max-width:430px;margin:12px 0 0;color:#b9b5d3;font-size:16px;line-height:1.8}
.auth-orbit{position:relative;height:140px;max-width:450px;margin:18px 0 0;border-top:1px solid rgba(203,143,255,.15);border-bottom:1px solid rgba(81,195,255,.12)}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border:1px solid rgba(191,112,255,.32);border-radius:50%;transform:rotate(-16deg)}.auth-orbit:before{width:260px;height:78px;left:10%;top:28px}.auth-orbit:after{width:200px;height:105px;left:17%;top:14px;border-color:rgba(63,197,255,.28);transform:rotate(22deg)}.auth-orbit span:not(.orbit-line){position:absolute;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;border:1px solid rgba(222,181,255,.6);background:rgba(21,16,48,.8);color:#ff8fe7;box-shadow:0 0 18px rgba(221,61,255,.22);font-size:19px}.auth-orbit span:nth-child(1){left:13%;top:17px}.auth-orbit span:nth-child(2){left:53%;top:67px}.auth-orbit span:nth-child(3){right:9%;top:12px;color:#80e5ff}.auth-orbit .orbit-line{position:absolute;left:18%;top:50%;width:65%;height:1px;background:linear-gradient(90deg,transparent,#d65aff,#52dcff,transparent);transform:rotate(-9deg)}
.auth-promo-foot{display:flex;align-items:center;gap:13px;margin-top:24px;color:#a6a1c2;font-size:10px;letter-spacing:2px}.auth-promo-foot b{color:#ff55d5}
body.auth-page .authcard{position:relative;width:100%;max-width:none;margin:0;padding:clamp(24px,3vw,34px);overflow:hidden;border:1px solid rgba(195,150,255,.48);border-radius:26px;background:linear-gradient(145deg,rgba(26,21,57,.94),rgba(10,14,35,.96));box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 0 28px rgba(192,63,255,.18),0 22px 70px rgba(0,0,0,.4);backdrop-filter:blur(18px)}
body.auth-page .authcard:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#ff55dc,#70e4ff,transparent)}
body.auth-page .authcard .alogo{height:54px;max-width:160px;margin:0 auto 14px;padding:6px 10px;border-radius:10px;background:#fff;object-fit:contain}
.auth-eyebrow{text-align:center;color:#bca7e8;font-size:10px;font-weight:700;letter-spacing:1.7px}.auth-form h2{margin:8px 0 4px!important;color:#fff;font-size:28px;line-height:1.25;font-weight:750;letter-spacing:-.6px}.auth-intro{text-align:center;color:#aaa7c7;font-size:13px;margin:0 0 22px}.auth-form label{display:block;margin:12px 0 6px;color:#e0d9f4;font-size:12px;font-weight:600}
body.auth-page .auth-input{display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 12px;padding:0 13px;border:1px solid rgba(190,174,226,.22);border-radius:12px;background:rgba(4,7,23,.58);transition:border-color .2s,box-shadow .2s}
body.auth-page .auth-input:focus-within{border-color:#d45aff;box-shadow:0 0 0 3px rgba(212,90,255,.12),0 0 18px rgba(212,90,255,.09)}.auth-input>span{flex:none;color:#bd9de9;font-size:17px}.auth-input input{min-width:0;margin:0!important;padding:14px 0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:13px!important;box-shadow:none!important}.auth-input input::placeholder{color:#777592;opacity:1}.password-toggle{flex:none;border:0;background:transparent;color:#a7a0c6;font-size:17px;cursor:pointer;padding:6px}.password-toggle:hover{color:#ff72dd}
body.auth-page .authcard .auth-submit{display:flex;width:100%;justify-content:space-between;margin-top:9px;padding:13px 17px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:linear-gradient(100deg,#fa35c8 0%,#a63cff 53%,#09bfe8 100%);color:white;font-size:14px;font-weight:750;box-shadow:0 5px 22px rgba(187,47,244,.26);text-shadow:0 1px 2px rgba(0,0,0,.18)}body.auth-page .authcard .auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.auth-page .authcard .err{margin:12px 0;background:rgba(255,70,105,.13);border:1px solid rgba(255,100,125,.3);color:#ffb6c4;font-size:12px}
.auth-switch{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:19px;color:#a9a5c2;font-size:12px}.auth-switch a{color:#ff8de7;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-secure{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:19px;padding-top:14px;border-top:1px solid rgba(190,174,226,.13);color:#827e9f;font-size:10px}.auth-secure span{color:#73e7d0}.auth-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:center;align-items:center;gap:12px;color:#787395;font-size:9px;font-weight:700;letter-spacing:2px}.auth-bottom span{color:#ff6fdb;font-size:15px}
@media(max-width:760px){body.auth-page .auth{padding:24px 16px 48px;align-items:center}.auth-stage{grid-template-columns:1fr;gap:20px;max-width:440px}.auth-promo{min-height:0;padding:8px 4px 0}.auth-kicker{font-size:9px;letter-spacing:1.3px}.auth-headline{font-size:clamp(38px,10vw,58px);letter-spacing:-1.8px;margin:18px 0 8px}.auth-tagline{font-size:13px;margin-top:6px}.auth-orbit{height:66px;margin-top:12px}.auth-orbit:before{height:38px;top:12px}.auth-orbit:after{height:45px;top:8px}.auth-orbit span:not(.orbit-line){width:25px;height:25px;border-radius:8px;font-size:14px}.auth-orbit span:nth-child(1){top:4px}.auth-orbit span:nth-child(2){top:31px}.auth-orbit span:nth-child(3){top:2px}.auth-promo-foot{margin-top:12px;font-size:8px}.auth-bottom{bottom:10px;font-size:8px}.auth-stage{gap:16px}body.auth-page .authcard{padding:24px 20px;border-radius:22px}.auth-form h2{font-size:25px}.auth-intro{margin-bottom:14px}}
@media(max-width:380px){body.auth-page .auth{padding:18px 12px 42px}.auth-headline{font-size:36px}.auth-orbit{display:none}.auth-promo-foot{margin-top:14px}body.auth-page .authcard{padding:21px 16px}}

/* Keep the theme switcher hidden as requested. */
#tgl, .tgl { display:none !important; }


/* Responsive hardening: checkout, forms, cards and navigation */
*, *::before, *::after { box-sizing: border-box; }
img, video, iframe { max-width: 100%; }
body { overflow-wrap: anywhere; }
.co { grid-template-columns: minmax(0, 1fr); gap: 16px; width: 100%; }
.co > *, .f, .box, .sumb, .pm, .pm label { min-width: 0; }
.f input, .f select, .f textarea, .qf input { max-width: 100%; min-width: 0; }
.sr { min-width: 0; align-items: flex-start; }
.sr > span { min-width: 0; overflow-wrap: anywhere; }
.sr > b { flex: 0 0 auto; text-align: right; }
.pm label { overflow-wrap: anywhere; }
@media (min-width: 860px) {
  .co { grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr); align-items: start; }
}
@media (max-width: 600px) {
  .wrap, .main { width: 100%; max-width: 100%; }
  .main { padding-left: 12px; padding-right: 12px; }
  .box { padding: 16px; }
  .co { gap: 12px; }
  .co .f { padding: 15px; }
  .co .f input, .co .f select, .co .f textarea { font-size: 16px; }
  .co .btn, .f .btn { min-height: 46px; white-space: normal; }
  h2.pt { font-size: 21px; overflow-wrap: anywhere; }
  .sr { font-size: 13px; }
}
@media (max-width: 360px) {
  .main { padding-left: 9px; padding-right: 9px; }
  .box, .co .f { padding: 12px; }
  .sr { gap: 8px; font-size: 12px; }
}

/* Mobile drawer: keep the search pill at its desktop height instead of stretching down the column */
@media(max-width:860px){.menu>.msearch{flex:none}}

/* Mobile: search lives in the header, between the logo and the account/cart icons; tap to expand */
@media(max-width:860px){
  .menu>.msearch{display:none}
  .hd>.search{display:flex;order:0;flex:none;width:40px;height:40px;max-width:none;margin-left:auto;padding:0;background:none;justify-content:center}
  .hd>.search+.acts{margin-left:0}
  .hd>.search input{display:none}
  .hd>.search button{color:inherit;padding:0;width:40px;height:40px;align-items:center;justify-content:center}
  .hd>.search svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .hd>.search.open{position:absolute;z-index:5;top:10px;left:12px;right:12px;width:auto;height:44px;padding:0 4px 0 18px;background:var(--tile);justify-content:flex-start;box-shadow:0 0 0 10px var(--bg)}
  .hd>.search.open input{display:block}
}

/* Mobile search (v3): the open search pill uses the same look as the desktop pill and expands inside the header row
   (logo + account/cart icons step aside) instead of floating over the page, so nothing is covered or cut off. */
@media(max-width:860px){
  .hd.searching>.logo,.hd.searching>.acts{display:none}
  .hd>.search.open{position:static;flex:1 1 auto;width:auto;min-width:0;height:42px;max-width:none;margin:0;padding:0 6px 0 20px;background:#f4f5f4;border-radius:999px;justify-content:flex-start;box-shadow:none}
  .hd>.search.open input{display:block;font-size:16px}
  .hd>.search.open button{width:auto;height:auto;padding:8px;color:var(--mut)}
  .hd>.search.open svg{width:20px;height:20px;stroke-width:1.8}
}