/* 3336bet.info — Kit room: jersey tech-pack (rib-knit collar, heat-press numbers, woven & care labels) */
:root{
  --knit:#F1F0E9;--paper:#FBFAF5;--cream:#F4EEDC;--mint:#E3EBE2;
  --ink:#111915;--ink2:#46534C;--line:#D2D5C9;
  --bottle:#0D3B2D;--bottle-d:#072319;--mesh:#16503D;
  --red:#C8283A;--red-ink:#A91F30;--red-d:#7C1522;--amber:#F0A418;
  --focus:#A91F30;
  --f-disp:"Alumni Sans","Anek Bangla",sans-serif;
  --f-bn:"Anek Bangla","Hind Siliguri",sans-serif;
  --f-body:"Radio Canada","Hind Siliguri",system-ui,sans-serif;
  --f-num:"Graduate","Anek Bangla",serif;
  /* game tokens */
  --primary:#0D3B2D;--primary-contrast:#F4EEDC;--accent:#F0A418;--surface:#FFFFFF;--surface-2:#EDEDE4;
  --border:#CDD1C4;--text:#111915;--heading:#111915;--muted:#46534C;--font-head:"Alumni Sans","Anek Bangla",sans-serif;--font-body:"Radio Canada","Hind Siliguri",system-ui,sans-serif;
  --btn-bg:#C8283A;--btn-shadow:0 4px 0 #7C1522;
  --wrap:1240px;--g:16px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--knit);color:var(--ink);font:400 17px/1.7 var(--f-body);overflow-x:hidden}
:lang(bn) body,body:lang(bn){font-family:"Hind Siliguri","Radio Canada",system-ui,sans-serif;line-height:1.8}
img,svg{max-width:100%}
a{color:var(--red-ink);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}
.hd :focus-visible,.match :focus-visible,.ft :focus-visible,.swatch :focus-visible,.press-cta :focus-visible{outline-color:var(--amber)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--g)}
@media (min-width:600px){:root{--g:28px}}
@media (min-width:1100px){:root{--g:40px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--amber);color:var(--ink);padding:12px 18px;font-weight:700;text-decoration:none}
.skip:focus{top:10px}

/* ---------- woven neck label ---------- */
.kl{display:inline-flex;align-items:baseline;gap:6px;background:var(--cream);color:var(--ink);padding:7px 12px 6px;position:relative;line-height:1;box-shadow:0 1px 0 rgba(0,0,0,.25)}
.kl::after{content:"";position:absolute;inset:3px;border:1px dashed rgba(17,25,21,.45);pointer-events:none}
.kl b{font:400 19px/1 var(--f-num);color:var(--red-ink);letter-spacing:.02em}
.kl i{font:italic 800 22px/1 "Alumni Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em}

/* ---------- header: rib-knit collar ---------- */
.hd{position:sticky;top:0;z-index:50;background:var(--bottle);color:var(--cream)}
.hd-in{display:flex;align-items:center;gap:12px;min-height:66px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-height:44px}
.brand:hover{color:inherit}
.bt{font:600 13px/1.2 var(--f-body);color:#BFD0C5;max-width:9em}
.mbtn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px;background:transparent;color:var(--cream);border:1.5px solid rgba(244,238,220,.45);border-radius:4px;font:700 15px/1 var(--f-body);cursor:pointer}
.mbtn:hover{border-color:var(--cream)}
.mi{display:grid;gap:6px;width:20px}
.mi i{display:block;height:2px;background:currentColor;transition:transform .2s}
.hd.open .mi i:first-child{transform:translateY(4px) rotate(45deg)}
.hd.open .mi i:last-child{transform:translateY(-4px) rotate(-45deg)}
.snav{display:none}
.snav ol{list-style:none;margin:0;padding:0}
.snav a{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;min-height:48px;font-weight:600}
.nn{font:400 13px/1 var(--f-num);color:var(--amber)}
.tools{display:flex;align-items:center;gap:8px}
.lsw{display:flex;border:1.5px solid rgba(244,238,220,.45);border-radius:4px;overflow:hidden}
.lsw a{display:grid;place-items:center;min-width:44px;min-height:40px;padding:0 10px;color:var(--cream);text-decoration:none;font:700 14px/1 var(--f-body)}
.lsw a+a{border-left:1.5px solid rgba(244,238,220,.45)}
.lsw a[aria-current]{background:var(--cream);color:var(--bottle)}
.lsw .ll{display:none}
.hcta{display:none}
.rib{height:12px;position:relative;background:
  linear-gradient(var(--red),var(--red)) 0 0/100% 3px no-repeat,
  linear-gradient(var(--amber),var(--amber)) 0 5px/100% 2px no-repeat,
  repeating-linear-gradient(90deg,var(--bottle-d) 0 3px,var(--mesh) 3px 6px)}
.thread{position:absolute;left:0;right:0;bottom:1px;height:2px;background:repeating-linear-gradient(90deg,var(--cream) 0 7px,transparent 7px 11px);transform-origin:0 50%;transform:scaleX(var(--p,0))}
@media (max-width:1099px){
  .snav{position:absolute;left:0;right:0;top:100%;background:var(--bottle-d);border-top:1px solid rgba(244,238,220,.15);box-shadow:0 18px 30px rgba(0,0,0,.3);max-height:calc(100vh - 80px);overflow:auto}
  .hd.open .snav{display:block}
  .snav ol{max-width:var(--wrap);margin:0 auto;padding:8px var(--g) 18px}
  .snav li+li{border-top:1px dashed rgba(244,238,220,.2)}
  .snav a{font-size:18px;min-height:54px}
  :lang(bn) .snav a{font-size:18px}
  .snav a[aria-current]{color:var(--amber)}
}
@media (max-width:420px){.bt{display:none}.mt{display:none}.mbtn{padding:0 11px}}
@media (min-width:640px){.hcta{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--red);color:#fff;text-decoration:none;font:800 18px/1 var(--f-disp);border-radius:3px;box-shadow:0 3px 0 var(--red-d)}
  :lang(en) .hcta{text-transform:uppercase;letter-spacing:.04em}
  :lang(bn) .hcta{font:700 16px/1 var(--f-bn)}
  .hcta:hover{color:#fff;filter:brightness(1.08)}
  .lsw .ll{display:inline}.lsw .lc{display:none}}
@media (min-width:1100px){
  .mbtn{display:none}
  .snav{display:block;margin-left:auto}
  .snav ol{display:flex;gap:4px}
  .snav a{padding:0 10px;font-size:15.5px;position:relative;gap:6px}
  .snav a::after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:2px;background:repeating-linear-gradient(90deg,var(--amber) 0 5px,transparent 5px 8px);transform:scaleX(0);transform-origin:0;transition:transform .25s}
  .snav a:hover::after,.snav a[aria-current]::after{transform:scaleX(1)}
  .snav .nn{display:none}
  .tools{margin-left:8px}
}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:3px;text-decoration:none;font:800 21px/1 var(--f-disp);border:2px solid transparent;cursor:pointer;transition:transform .15s,filter .15s,background .15s}
:lang(en) .btn{text-transform:uppercase;letter-spacing:.05em}
:lang(bn) .btn{font:700 17px/1.2 var(--f-bn)}
.btn-red{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-d)}
.btn-red:hover{color:#fff;filter:brightness(1.08)}
.btn-red:active{transform:translateY(2px);box-shadow:0 2px 0 var(--red-d)}
.btn-gh{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-gh:hover{background:var(--ink);color:var(--cream)}

/* ---------- home hero ---------- */
.hero{position:relative;background:
  radial-gradient(circle at 3px 3px,rgba(13,59,45,.09) 1.1px,transparent 1.6px) 0 0/8px 8px,var(--knit);overflow:hidden}
.hero-g{display:grid;gap:8px;padding-top:34px;padding-bottom:28px}
.kick{margin:0 0 18px}
.kick span{display:inline-block;background:var(--ink);color:var(--cream);font:600 14px/1.3 var(--f-body);padding:8px 12px 7px;position:relative}
.kick span::after{content:"";position:absolute;inset:3px;border:1px dashed rgba(244,238,220,.4);pointer-events:none}
.hero h1{font:italic 850 clamp(2.9rem,1.6rem + 5.4vw,5.6rem)/.92 var(--f-disp);letter-spacing:-.005em;margin:0 0 20px;text-wrap:balance;color:var(--bottle)}
:lang(bn) .hero h1{font:700 clamp(2rem,1.3rem + 3vw,3.3rem)/1.45 var(--f-bn);font-stretch:82%;font-style:normal}
.lead{font-size:18.5px;color:var(--ink2);max-width:40em}
.lead p{margin:0}
.acts{display:flex;flex-wrap:wrap;gap:12px 14px;margin:26px 0 22px}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{font:600 16px/1.3 var(--f-body);background:var(--paper);border:1px solid var(--line);padding:8px 12px 8px 26px;position:relative}
.tags li::before{content:"";position:absolute;left:10px;top:50%;width:7px;height:7px;margin-top:-3.5px;background:var(--red);transform:rotate(45deg)}
.rail{margin:0;position:relative;display:grid;justify-items:center;padding-top:8px;min-height:0}
.rail-bar{position:absolute;top:22px;left:-10%;right:-40%;height:9px;border-radius:5px;background:linear-gradient(#e7e9e4,#9da39e 60%,#6e756f);box-shadow:0 2px 3px rgba(0,0,0,.2)}
.shirt{display:block;width:min(100%,420px);transform-origin:50% 4%;position:relative;z-index:1}
.shirt-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 18px rgba(7,35,25,.22))}
.shirt-svg .hook{fill:none;stroke:#7d837e;stroke-width:4;stroke-linecap:round}
.shirt-svg .hanger{fill:#b88a52;stroke:#8a6234;stroke-width:2;stroke-linejoin:round}
.shirt-svg .b0{fill:var(--bottle)}
.shirt-svg .mh{fill:rgba(244,238,220,.1)}
.shirt-svg .sl{fill:#0A2E23}
.shirt-svg .fade path{fill:var(--red);opacity:.85}
.shirt-svg .fade path:nth-child(2n){fill:var(--amber);opacity:.9}
.shirt-svg .cuff{stroke:var(--amber);stroke-width:6;fill:none}
.shirt-svg .cuff.c2{stroke:var(--red);stroke-width:4}
.shirt-svg .hem{fill:none;stroke:rgba(244,238,220,.55);stroke-width:2;stroke-dasharray:6 5}
.shirt-svg .seam{fill:none;stroke:rgba(244,238,220,.4);stroke-width:1.6;stroke-dasharray:5 4}
.shirt-svg .collar{fill:none;stroke:var(--red);stroke-width:8;stroke-linecap:round}
.shirt-svg .outline{fill:none;stroke:#05190f;stroke-width:2}
.shirt-svg .nm{font:italic 800 46px/1 "Alumni Sans",sans-serif;letter-spacing:.14em;fill:var(--cream)}
.shirt-svg .no{font:400 128px/1 "Graduate",serif;fill:var(--cream);stroke:var(--red);stroke-width:5;paint-order:stroke}
.shirt-svg .no-sh{fill:rgba(0,0,0,.35);stroke:none}
@media (min-width:900px){
  .hero-g{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px;padding-top:56px;padding-bottom:56px}
}
@media (max-width:899px){.rail{max-width:250px;margin:0 auto}.rail-bar{left:-30%;right:-30%}}
@media (prefers-reduced-motion:no-preference){
  .shirt{animation:sway 6s ease-in-out infinite}
  @keyframes sway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.4deg)}}
}

/* ---------- match panel (game) ---------- */
.match{position:relative;background:
  radial-gradient(circle at 3px 3px,rgba(244,238,220,.07) 1.1px,transparent 1.6px) 0 0/8px 8px,
  linear-gradient(118deg,var(--bottle-d) 0 58%,var(--mesh) 58% 58.3%,var(--bottle) 58.3%);color:var(--cream);padding:40px 0 48px;overflow:hidden}
.match::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(var(--red),var(--red)) 0 0/100% 3px no-repeat,linear-gradient(var(--amber),var(--amber)) 0 6px/100% 2px no-repeat}
.match-g{display:grid;gap:28px;position:relative}
.sheet{background:var(--paper);color:var(--ink);border-radius:3px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.35);min-width:0;scroll-margin-top:90px}
.sheet::after{content:"";position:absolute;right:0;top:0;width:34px;height:34px;background:linear-gradient(225deg,var(--bottle-d) 50%,#d9d6c8 50%,#efece2);box-shadow:-2px 2px 3px rgba(0,0,0,.15)}
.sheet-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 50px 12px 16px;border-bottom:1.5px dashed var(--line)}
.st{margin:0;font:italic 850 28px/1 var(--f-disp);color:var(--bottle)}
:lang(en) .st{text-transform:uppercase;letter-spacing:.02em}
:lang(bn) .st{font:700 21px/1.5 var(--f-bn);font-style:normal}
.sd{font:700 13px/1.2 var(--f-body);color:var(--red-ink);border:1.5px solid currentColor;padding:5px 8px}
.sheet-bd{padding:0}
.howto{min-width:0}
@media (max-width:999px){.sheet,.howto{width:100%;max-width:640px;margin-inline:auto}}
.how-h{margin:0 0 16px;font:italic 850 clamp(2rem,1.4rem + 2vw,2.8rem)/1 var(--f-disp);color:var(--amber)}
:lang(bn) .how-h{font:700 clamp(1.5rem,1.2rem + 1.2vw,2rem)/1.45 var(--f-bn);font-style:normal}
.steps{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;gap:12px}
.steps li{counter-increment:st;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding:12px 14px;background:rgba(244,238,220,.06);border:1px solid rgba(244,238,220,.16);font-size:17px}
.steps li::before{content:counter(st,decimal-leading-zero);font:400 20px/1 var(--f-num);display:grid;place-items:center;height:52px;background:var(--red);color:#fff;outline:1px dashed rgba(255,255,255,.55);outline-offset:-5px}
:lang(bn) .steps li::before{content:counter(st,bengali);font:700 24px/1 var(--f-bn)}
.how-cta{margin:18px 0 0;color:#C9D6CD;font-size:17px}
@media (min-width:1000px){.match-g{grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:start;gap:48px}.howto{padding-top:20px}.match{padding:56px 0 64px}}

/* ---------- inner hero ---------- */
.ph{position:relative;background:var(--knit);overflow:hidden}
.ph-g{display:grid;gap:24px;padding-top:26px;padding-bottom:36px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:600 15px/1.4 var(--f-body);margin-bottom:18px;color:var(--ink2)}
.crumbs a{color:var(--red-ink);display:inline-flex;align-items:center;min-height:44px}
.crumbs .sep{color:#9aa39c}
.ph h1{font:italic 850 clamp(2.4rem,1.5rem + 3.6vw,4.4rem)/.95 var(--f-disp);margin:0 0 18px;color:var(--bottle);text-wrap:balance;max-width:18em}
:lang(bn) .ph h1{font:700 clamp(1.8rem,1.3rem + 2.2vw,2.9rem)/1.45 var(--f-bn);font-stretch:82%;font-style:normal}
.ph-art{display:none}
.cuffs{height:14px;background:linear-gradient(var(--red),var(--red)) 0 3px/100% 3px no-repeat,linear-gradient(var(--amber),var(--amber)) 0 8px/100% 2px no-repeat,var(--bottle)}
@media (min-width:860px){
  .ph-g{grid-template-columns:minmax(0,1fr) 280px;align-items:end;padding-top:34px;padding-bottom:48px}
  .ph-art{display:grid;place-items:center;aspect-ratio:1;background:
    radial-gradient(circle at 3px 3px,rgba(244,238,220,.1) 1.1px,transparent 1.6px) 0 0/7px 7px,
    linear-gradient(135deg,var(--bottle) 0 49.6%,rgba(244,238,220,.5) 49.6% 50.4%,#0A2E23 50.4%);
    clip-path:polygon(0 8px,8px 0,16px 8px,24px 0,32px 8px,40px 0,48px 8px,56px 0,64px 8px,72px 0,80px 8px,88px 0,96px 8px,104px 0,112px 8px,120px 0,128px 8px,136px 0,144px 8px,152px 0,160px 8px,168px 0,176px 8px,184px 0,192px 8px,200px 0,208px 8px,216px 0,224px 8px,232px 0,240px 8px,248px 0,256px 8px,264px 0,272px 8px,280px 0,100% 100%,0 100%)}
  .ph-no{font:400 76px/1 var(--f-num);color:var(--cream);-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--red),5px 5px 0 rgba(0,0,0,.3)}
}

/* ---------- tech-pack body ---------- */
.pack{padding:30px 0 64px}
.pack-g{display:grid;gap:28px}
.content{min-width:0;max-width:760px}
.side{min-width:0;order:-1}
@media (min-width:1024px){
  .pack{padding-top:48px}
  .pack-g{grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start}
  .side{order:0;grid-column:1;grid-row:1}
  .content{grid-column:2;grid-row:1}
  .side-in{position:sticky;top:100px;display:grid;gap:20px}
}
.prose p{margin:0 0 1em}
.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.1em}
.prose li{margin:.35em 0}
.prose ul{list-style:none;padding-left:1.5em}
.prose ul li{position:relative}
.prose ul li::before{content:"";position:absolute;left:-1.25em;top:.62em;width:9px;height:9px;border:2px solid var(--red);transform:rotate(45deg)}
.prose ol li::marker{font-family:var(--f-num);color:var(--red-ink)}
.prose strong{color:var(--ink);font-weight:700}
.prose h3{font:italic 800 26px/1.1 var(--f-disp);color:var(--bottle);margin:1.4em 0 .5em}
:lang(bn) .prose h3{font:700 20px/1.5 var(--f-bn);font-style:normal}
.prose code{font-size:.9em;background:var(--mint);padding:1px 5px}
.prose table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.4em;font-size:16px;max-width:100%;background:var(--paper);border:1px solid var(--line)}
.prose th,.prose td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:120px}
.prose th{background:var(--bottle);color:var(--cream);font-weight:600}
.prose tr:nth-child(2n) td{background:#F4F3EC}
.intro-rest{font-size:18px}
.blk{margin-top:52px}
.blk:first-child{margin-top:8px}
.blk-h{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}
.patch{flex:none;display:grid;place-items:center;min-width:58px;height:58px;padding:0 6px;background:var(--red);color:#fff;font:400 24px/1 var(--f-num);outline:1.5px dashed rgba(255,255,255,.6);outline-offset:-6px;transform:rotate(-3deg);box-shadow:2px 3px 0 var(--red-d)}
:lang(bn) .patch{font:700 27px/1 var(--f-bn)}
.blk:nth-of-type(3n+2) .patch{background:var(--bottle);box-shadow:2px 3px 0 var(--bottle-d);transform:rotate(2deg)}
.blk:nth-of-type(3n) .patch{background:var(--amber);color:var(--ink);outline-color:rgba(17,25,21,.4);box-shadow:2px 3px 0 #a86f06}
.blk-h h2{margin:2px 0 0;font:italic 850 clamp(2rem,1.45rem + 1.8vw,2.7rem)/1 var(--f-disp);color:var(--bottle);text-wrap:balance;scroll-margin-top:96px}
:lang(bn) .blk-h h2{font:700 clamp(1.4rem,1.2rem + .9vw,1.85rem)/1.45 var(--f-bn);font-style:normal;margin-top:4px}
.blk .prose{padding-left:0}
@media (min-width:700px){.blk .prose{padding-left:74px}.blk{position:relative}.blk::before{content:"";position:absolute;left:28px;top:70px;bottom:6px;border-left:1.5px dashed var(--line)}}

/* care-label FAQ */
.faq{margin-top:60px;scroll-margin-top:96px}
.patch-q{background:var(--ink);box-shadow:2px 3px 0 #000}
.cares{display:grid;gap:10px}
.care{background:var(--paper);border:1px solid var(--line);border-left:0;position:relative;padding-left:16px}
.care::before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;background:repeating-linear-gradient(rgba(244,238,220,.75) 0 4px,transparent 4px 8px) 7px 0/1.5px 100% no-repeat,var(--bottle)}
.care[open]::before{background-color:var(--red)}
.care summary{list-style:none;display:grid;grid-template-columns:auto 1fr 28px;gap:14px;align-items:center;min-height:60px;padding:12px 16px;cursor:pointer;font-weight:600;font-size:17.5px;line-height:1.45}
:lang(bn) .care summary{line-height:1.7}
.care summary::-webkit-details-marker{display:none}
.cn{font:400 15px/1 var(--f-num);color:var(--red-ink)}
:lang(bn) .cn{font:700 18px/1 var(--f-bn)}
.cx{width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;position:relative}
.cx::before,.cx::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ink);transition:transform .2s}
.cx::after{transform:rotate(90deg)}
.care[open] .cx::after{transform:rotate(0)}
.care summary:hover .cq{color:var(--red-ink)}
.ca{padding:0 18px 14px 58px;color:var(--ink2)}
@media (max-width:520px){.ca{padding-left:16px}}

/* inner CTA: heat-press strip */
.press-cta{margin-top:52px;background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 10px,transparent 10px 20px),var(--red);color:#fff;padding:24px;display:grid;gap:16px;align-items:center;position:relative}
.press-cta::after{content:"";position:absolute;inset:6px;border:1.5px dashed rgba(255,255,255,.45);pointer-events:none}
.press-cta p{margin:0;font:italic 800 26px/1.15 var(--f-disp);position:relative;z-index:1}
:lang(bn) .press-cta p{font:600 19px/1.7 var(--f-bn);font-style:normal}
.press-cta .btn{background:var(--cream);color:var(--red-d);box-shadow:0 4px 0 var(--red-d);position:relative;z-index:1;justify-self:start}
.press-cta .btn:hover{color:var(--ink)}
@media (min-width:700px){.press-cta{grid-template-columns:1fr auto;padding:28px 32px}}

/* size-run TOC */
.run{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--bottle)}
.side-h{margin:0;padding:12px 16px 10px;font:italic 800 22px/1.1 var(--f-disp);color:var(--bottle);border-bottom:1.5px dashed var(--line)}
:lang(en) .side-h{text-transform:uppercase;letter-spacing:.04em}
:lang(bn) .side-h{font:700 17px/1.5 var(--f-bn);font-style:normal}
.run ol{list-style:none;margin:0;padding:6px 0}
.run a{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;min-height:44px;padding:6px 16px;color:var(--ink);text-decoration:none;font-size:15.5px;line-height:1.35;border-left:3px solid transparent}
:lang(bn) .run a{line-height:1.6}
.run a:hover{background:var(--mint)}
.run a[aria-current]{border-left-color:var(--red);background:#F2E7DF;font-weight:600}
.tn{font:400 13px/1 var(--f-num);color:var(--red-ink)}
:lang(bn) .tn{font:700 16px/1 var(--f-bn)}
@media (max-width:1023px){.run ol{columns:2 260px;column-gap:0}.run li{break-inside:avoid}}
.swatch{background:radial-gradient(circle at 3px 3px,rgba(244,238,220,.1) 1.1px,transparent 1.6px) 0 0/7px 7px,var(--bottle);color:var(--cream);padding:24px 20px 20px;position:relative;
  -webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/12px 51% repeat-x,linear-gradient(#000 0 0) bottom/100% 50% no-repeat;
  mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/12px 51% repeat-x,linear-gradient(#000 0 0) bottom/100% 50% no-repeat}
.swatch strong{display:block;font:italic 800 26px/1.05 var(--f-disp);color:var(--amber);margin-bottom:6px}
:lang(bn) .swatch strong{font:700 19px/1.5 var(--f-bn);font-style:normal}
.swatch p{margin:0 0 16px;font-size:16px;color:#D5E0D8}
.sw-mesh{display:none}
@media (max-width:1023px){.side .swatch{display:none}}

/* ---------- hang-tag related ---------- */
.rel{background:var(--mint);padding:48px 0 60px;border-top:1px solid var(--line)}
.rel-h{margin:0 0 24px;font:italic 850 clamp(2.2rem,1.6rem + 2vw,3rem)/1 var(--f-disp);color:var(--bottle)}
:lang(bn) .rel-h{font:700 clamp(1.5rem,1.2rem + 1vw,2rem)/1.45 var(--f-bn);font-style:normal}
.tags-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:18px;container-type:inline-size}
.tags-g li{container-type:inline-size;display:flex}
.tag{flex:1;display:grid;align-content:start;gap:8px;background:var(--paper);color:var(--ink);text-decoration:none;padding:44px 20px 22px;position:relative;
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%,0 22px);border-bottom:5px solid var(--bottle);transition:transform .2s}
.tag:hover{color:var(--ink);transform:translateY(-3px)}
.tag:hover strong{color:var(--red-ink)}
.hole{position:absolute;left:50%;top:14px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--mint);box-shadow:inset 0 0 0 3px #C9CEC2}
.tag strong{font:italic 800 25px/1.08 var(--f-disp);color:var(--bottle)}
:lang(bn) .tag strong{font:700 18.5px/1.5 var(--f-bn);font-style:normal}
.td{font-size:16px;color:var(--ink2);line-height:1.55}
@container (min-width:330px){.tag{padding:44px 26px 26px}.tag strong{font-size:28px}}

/* ---------- footer: hem + care label ---------- */
.ft{background:var(--bottle-d);color:#D5E0D8}
.ft-rib{height:14px;background:linear-gradient(var(--amber),var(--amber)) 0 100%/100% 2px no-repeat,repeating-linear-gradient(90deg,var(--bottle) 0 3px,#0B2F22 3px 6px)}
.ft-g{display:grid;gap:30px;padding-top:40px;padding-bottom:40px}
.ft h2{margin:0 0 10px;font:italic 800 22px/1.1 var(--f-disp);color:var(--amber)}
:lang(en) .ft h2{text-transform:uppercase;letter-spacing:.05em}
:lang(bn) .ft h2{font:700 17px/1.5 var(--f-bn);font-style:normal}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;min-height:44px;color:var(--cream);text-decoration:none;font-size:16px}
.ft li a:hover{color:var(--amber);text-decoration:underline}
.brand-ft .bt{color:#BFD0C5}
.carelabel{background:var(--cream);color:var(--ink);padding:18px 18px 16px;position:relative;align-self:start}
.carelabel::after{content:"";position:absolute;inset:5px;border:1px dashed rgba(17,25,21,.4);pointer-events:none}
.care-ic{display:block;width:150px;height:30px;margin-bottom:10px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.carelabel p{margin:0 0 10px;font-size:16px;line-height:1.6}
:lang(bn) .carelabel p{line-height:1.75}
.cl-b{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0!important;font-weight:600}
.age{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;font:400 15px/1 var(--f-num)}
.ft-g{grid-template-columns:1fr 1fr;gap:30px 20px}.ft-brand,.carelabel{grid-column:1/-1}
@media (min-width:760px){.carelabel{grid-column:auto}.ft-brand{grid-column:1/-1}}
@media (min-width:1100px){.ft-g{grid-template-columns:1fr 1fr 1fr 1.5fr;gap:40px}.ft-brand{grid-column:auto}}

/* ---------- 404 ---------- */
.nf{padding-top:60px;padding-bottom:80px}
.nf-no{display:block;font:400 110px/1 var(--f-num);color:var(--bottle);text-shadow:4px 4px 0 var(--red)}
.nf h1{font:italic 850 48px/1 var(--f-disp);color:var(--bottle)}
:lang(bn) .nf h1{font:700 30px/1.45 var(--f-bn);font-style:normal}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}