:root{--navy:#2e3563;--teal:#66c3d0;--red:#e31e24;--ivory:#fcf4f4;--page:#fcf4f4;--gold:#c9a876;--yellow:#fdc700;--gray2:#e5e7eb;--gray4:#99a1af;--muted:#6b7280;--fd:'Playfair Display',serif;--fb:'Inter',sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--fb);background:var(--page);color:var(--navy)}
/* Global custom scrollbar — navy pill thumb */
html{scrollbar-color:#2e3563 transparent}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:12px;height:12px;-webkit-appearance:none;background:transparent}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track,*::-webkit-scrollbar-track-piece{background:transparent}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background-color:#2e3563;border-radius:999px;border:3px solid transparent;background-clip:padding-box;min-height:40px}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background-color:#1c2247}
*::-webkit-scrollbar-corner{background:transparent}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
.no-sb,.mscroll,.rail,.tabs,.d-nav{scrollbar-width:none}
html{scroll-padding-top:175px}
/* lock page scroll behind overlays so only one scroller is ever active */
html.ovl-open,body.ovl-open,html.fdrawer-open,body.fdrawer-open{overflow:hidden!important}
.mfp-pane{scrollbar-width:none}
.mfp-pane::-webkit-scrollbar{width:0;height:0;display:none}
.no-sb::-webkit-scrollbar,.mscroll::-webkit-scrollbar,.rail::-webkit-scrollbar,.tabs::-webkit-scrollbar,.d-nav::-webkit-scrollbar{display:none}
a{color:var(--navy);text-decoration:none}a:hover{color:var(--red)}
img{max-width:100%}
.container-bs{width:100%;margin:0 auto;padding:0 clamp(16px,5.2vw,100px);max-width:1920px}
.rail{display:flex;gap:clamp(20px,2.4vw,48px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;cursor:grab}
.railwrap{position:relative}
.rail-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:clamp(44px,3vw,56px);height:clamp(44px,3vw,56px);border-radius:50%;border:none;background:#fff;color:var(--navy);font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(46,53,99,.25);transition:background .2s,color .2s}
.rail-arrow:hover{background:var(--navy);color:#fff}
.rail-arrow.prev{left:auto;right:calc(100% + 10px)}
.rail-arrow.next{left:calc(100% + 10px);right:auto}
@media (max-width:1100px){.rail-arrow{width:38px;height:38px;font-size:18px}}
@media (max-width:600px){.rail-arrow{display:none}}
@media (min-width:601px){.prod-rail .pcw{width:calc((100% - 3*clamp(20px,2.4vw,48px))/4)}}
.rail.dragging{cursor:grabbing;scroll-snap-type:none}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start;flex-shrink:0}
.sec-head{text-align:center;padding:clamp(22px,3vw,48px) 0 28px;scroll-margin-top:175px}
.sec-head + .container-bs,.sec-head + div > .container-bs:first-child{padding-top:0}
.sec-head + .tabs-outer{padding-top:0}
.sec-head h2{font-family:var(--fd);font-weight:600;font-size:clamp(22px,2.4vw,44px);margin:0;color:#0f172a;scroll-margin-top:175px}
.sec-head h2 .hl-teal{color:var(--teal)}
.sec-head h2 .hl-navy{color:#0f172a}
.sec-head .bar{width:clamp(120px,10vw,180px);height:2px;border-radius:20px;background:var(--red);margin:10px auto 0}
.sec-head p{font-size:clamp(12px,.9vw,17px);color:var(--muted);margin:8px 0 0}
.sec-head.dark h2{color:#fff}.sec-head.dark p{color:rgba(255,255,255,.75)}
/* Header — desktop */
.d-topbar{position:relative;background:#fff;display:flex;align-items:center;gap:clamp(16px,2vw,36px);padding:14px clamp(16px,5.2vw,100px)}
header.only-d{position:sticky;top:0;z-index:100;background:#fff}
.d-topbar .logo{height:clamp(44px,3.6vw,64px);width:auto}
.deliver{position:relative;display:flex;align-items:center;gap:12px;border:none;border-radius:14px;padding:0 22px;height:48px;box-sizing:border-box;min-width:clamp(200px,16vw,300px);background:rgba(249,250,251,.6);cursor:pointer;white-space:nowrap}
.deliver b{font-size:15px;line-height:1.3}.deliver small{display:block;font-size:12.5px;line-height:1.25;color:var(--muted)}
@property --shine-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.deliver::before{content:'';position:absolute;inset:0;border-radius:14px;border:2.5px solid transparent;background:conic-gradient(from var(--shine-a,0deg),#8a6d3f 0deg,#c9a876 60deg,#f5d98a 120deg,#fff6dc 160deg,#f5d98a 200deg,#e31e24 250deg,#ff6b6b 275deg,#e31e24 300deg,#c9a876 330deg,#8a6d3f 360deg) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:shineSpin 2.4s linear infinite;pointer-events:none}
@keyframes shineSpin{to{--shine-a:360deg}}
.deliver i{color:var(--red);font-size:23px;flex-shrink:0}
@media (max-width:1150px){.d-topbar .deliver{min-width:0;flex-shrink:1}.d-topbar .deliver span small,.d-topbar .deliver span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}}
.d-search-wrap{flex:1;min-width:230px;position:relative}
.d-search-wrap .d-search{flex:none;width:100%}
.d-search .ph,.m-search .ph{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--fb);font-weight:400;font-size:14px;line-height:1;color:var(--navy)}
.d-search input::placeholder{color:rgb(106,114,130)}
.search-panel{display:none;position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 10px);width:min(671px,calc(100vw - 40px));background:#fff;border-radius:14px;box-shadow:2px 2px 24px rgba(0,0,0,.18);padding:26px 30px 30px;z-index:60;max-height:min(560px,74vh);overflow-y:auto;box-sizing:border-box}
.search-panel.open{display:block}
.sp-close{position:absolute;right:24px;top:24px;font-size:26px;color:var(--navy);cursor:pointer}
.sp-h{font-family:var(--fb);font-weight:700;font-size:20px;line-height:24px;color:var(--navy);margin:0 0 17px}
.sp-h:not(:first-child){margin-top:22px}
.sp-chips{display:flex;flex-wrap:wrap;gap:17px 9px}
.chip{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:115px;box-sizing:border-box;border:none;box-shadow:inset 0 0 0 1px var(--teal);background:rgb(254,254,254);border-radius:333px;padding:7px 18px 9px;font-family:var(--fb);font-weight:400;font-size:14px;line-height:1;color:var(--navy);text-transform:capitalize;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.chip:hover{background:rgba(102,195,208,.14);color:var(--navy)}
.chip.on{background:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);color:#fff}
.sp-h2{font-family:var(--fb);font-weight:700;font-size:20px;line-height:24px;color:var(--navy);margin:0 0 6px;display:inline-block;border-bottom:2px solid var(--red);padding-bottom:4px}
.sp-h2:not(:first-child){margin-top:26px}
.sp-cat{display:flex;align-items:center;gap:11px;text-decoration:none;margin-top:14px}
.sp-cat img{width:102px;height:99px;border-radius:16px;object-fit:cover;box-shadow:2px 2px 4px rgba(0,0,0,.09)}
.sp-cat span{font-family:var(--fb);font-size:16px;line-height:1;color:var(--navy);font-weight:500;text-transform:capitalize}
.sp-prods{display:grid;grid-template-columns:1fr 1fr;gap:19px 40px;margin-top:14px;align-items:start}
.sp-prod{display:flex;align-items:center;gap:11px;text-decoration:none}
.sp-prod img{width:102px;height:99px;border-radius:16px;object-fit:cover;box-shadow:2px 2px 4px rgba(0,0,0,.09);flex-shrink:0}
.sp-prod span{font-family:var(--fb);font-size:14px;line-height:1.2;color:var(--navy);font-weight:500;text-transform:capitalize}
.sp-viewall{display:block;text-align:center;margin-top:22px;font-family:var(--fb);font-size:16px;color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sp-results{display:none}
.search-panel.results .sp-default{display:none}
.search-panel.results .sp-results{display:block}
.d-search{flex:1;min-width:150px;display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--navy);border-radius:16px;height:48px;padding:9px 56px 9px 16px;background:rgba(249,250,251,.5);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:rgb(106,114,130);font-family:var(--fb);font-weight:400;font-size:14px;line-height:1;overflow:hidden;box-sizing:border-box}
.d-search>i{font-size:26px;color:var(--navy);flex-shrink:0}
.hicons{display:flex;gap:clamp(18px,2.2vw,38px);align-items:flex-start}
.hicon:hover{opacity:.72}
.hicon{display:flex;flex-direction:column;align-items:center;min-width:22px;justify-content:flex-start;gap:3px;text-align:center;color:var(--navy);cursor:pointer;position:relative;text-decoration:none}
.hicon:hover{color:var(--navy)}
.hicon i{font-size:22px;line-height:22px;display:flex;align-items:center;justify-content:center;width:22px;height:22px}
.hicon i.iconoir-gift::before{transform:translateY(-1px) scale(1.06)}
.hicon i.iconoir-chat-bubble-question::before{transform:translateY(-2px) scale(1.04)}
.hicon .ic-img{width:22px;height:22px;min-width:22px;max-width:none;flex:none;object-fit:contain;display:block}
.hicon small{display:block;font-size:12px;font-weight:500;line-height:14px;margin-top:6px;white-space:nowrap}
.hicon .bdg{position:absolute;top:-5px;right:calc(50% - 14px);background:var(--red);color:#fff;font-size:9px;font-weight:400;border-radius:999px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;padding:0 3px}
.d-nav{background:#fff;border-top:1px solid var(--gray2);display:flex;justify-content:safe center;flex-wrap:nowrap;overflow-x:auto;gap:clamp(10px,2.6vw,52px);padding:13.5px clamp(16px,5.2vw,100px);box-shadow:0 6px 14px rgba(0,0,0,.05);position:relative;z-index:5}
.d-nav a{flex-shrink:0;white-space:nowrap;font-weight:600;font-size:clamp(13px,.85vw,17px);padding:8px 18px;border-radius:999px}
@media (max-width:1080px){.d-nav{padding-left:16px;padding-right:16px;gap:8px}.d-nav a{padding:8px 11px;font-size:12.5px}}
@media (max-width:760px){.d-nav a{padding:8px 9px;font-size:11.5px}.d-nav{gap:5px}}
@media (max-width:690px){
  .d-nav{gap:4px;padding-left:10px;padding-right:10px;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:var(--gray2) transparent}
  .d-nav a{padding:8px 8px;font-size:11px}
  .d-nav::-webkit-scrollbar{display:block;height:4px}
  .d-nav::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:99px}
  .d-nav::-webkit-scrollbar-track{background:transparent}
}
.d-nav a.on{display:inline-flex;align-items:center;gap:8px;padding-right:14px}
.d-nav a i{display:none;font-size:1.05em;vertical-align:-2px;color:var(--teal)}
.d-nav a.on{background:var(--navy);color:var(--teal)}
.d-nav a.on i{display:inline-block}
/* Mega menu */
.d-navwrap{position:relative}
.megamenu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 24px 44px rgba(0,0,0,.28);border-radius:0 0 22px 22px;--mmH:clamp(280px,26vw,380px);min-height:var(--mmH);align-items:stretch;overflow:hidden;z-index:40}
.megamenu.open{display:flex}
.mm-hero{position:relative;flex:0 0 auto;width:var(--mmH);align-self:stretch;background:var(--navy);overflow:hidden}
.mm-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82}
.mm-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,53,99,.15) 0%,rgba(46,53,99,.4) 100%)}
.mm-title{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center}
.mm-title div:first-child{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(22px,2.2vw,42px);letter-spacing:4px;color:#fff;text-transform:uppercase;padding:0 10px}
.mm-title .bar{display:none}
.mm-body{flex:1;position:relative;padding:clamp(20px,2vw,38px) clamp(20px,2vw,38px) clamp(16px,1.4vw,28px) clamp(24px,2.4vw,48px)}
.mm-close{position:absolute;right:24px;top:12px;font-size:24px;color:var(--navy);cursor:pointer}
.mm-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(20px,2.2vw,40px);row-gap:clamp(16px,1.5vw,28px);max-width:1150px}
.mm-item{position:relative;display:block;height:86px;text-decoration:none}
.mm-item .disc{position:absolute;left:15px;top:0;width:72px;height:72px;border-radius:50%;background:var(--teal);z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:background .15s}
.mm-item .disc span{width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mm-item .disc img{width:52px;height:52px;object-fit:contain}
.mm-item .pill{position:absolute;left:0;top:26px;right:0;min-height:60px;border-radius:10px;background:var(--teal);box-shadow:0 1px 15px rgba(0,0,0,.25);display:flex;align-items:center;padding:6px 14px 6px 90px;transition:background .15s}
.mm-item .pill b{flex:1;text-align:center;font-weight:400;font-size:clamp(14px,.95vw,18px);line-height:1.2;color:var(--navy);transition:color .15s}
.mm-item:hover .disc,.mm-item:hover .pill{background:var(--red)}
.mm-item:hover .pill b{color:#fff}
.mm-viewall{position:absolute;right:28px;bottom:16px;display:flex;align-items:center;gap:6px;font-size:clamp(13px,.85vw,16px);font-weight:500;color:var(--navy);text-decoration:underline}
/* Header — mobile */
.m-head{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:50;padding-bottom:14px}
.m-loc{padding:12px 16px 0}
.m-loc b{font-family:var(--fb);font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}
.m-loc span{display:block;font-family:var(--fb);font-size:11px;font-weight:500;color:var(--navy);margin-top:1px}
.m-row{display:flex;align-items:center;gap:14px;padding:18px 16px 0}
.m-row .logo{height:42px;width:auto}
.m-row .icons{display:flex;gap:15px;align-items:center;margin-left:auto;padding-left:10px}
.m-row .icons>span,.m-row .icons>a{position:relative;display:inline-flex}
.m-row i{font-size:23px;color:var(--navy)}
.m-row .icons i{font-size:20px}
.m-row .ic-img{width:auto;height:21px;object-fit:contain;display:block}
.m-row .bdg{position:absolute;top:-6px;right:-8px;background:var(--red);color:#fff;font-size:9px;font-weight:400;border-radius:999px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center}
.m-search{margin:14px 16px 0;display:flex;align-items:center;gap:7px;border:1px solid var(--navy);border-radius:14px;height:37px;padding:0 56px 0 23px;background:rgba(249,250,251,.5);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:rgb(74,85,101);font-family:var(--fb);font-weight:400;font-size:12px;line-height:1;box-sizing:border-box;overflow:hidden}
.m-search>i{font-size:19px;color:var(--navy);flex-shrink:0}
.m-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--fb);font-weight:400;font-size:12px;line-height:1;color:var(--navy)}
.m-search input::placeholder{color:rgb(74,85,101)}
/* Hero */
.hero{position:relative;background:var(--ivory);overflow:hidden;height:clamp(440px,45.8vw,880px)}
.hero .img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:right center}
.hero .fade{position:absolute;inset:0;background:linear-gradient(90deg,var(--ivory) 42%,rgba(252,244,244,.85) 60%,rgba(252,244,244,.35) 78%,rgba(252,244,244,0) 92%)}
.hero .inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,1.8vw,34px);padding:0 clamp(20px,5.2vw,100px);max-width:62%}
.hero .inner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:min(820px,96%);background:linear-gradient(90deg,rgba(252,244,244,.98) 0%,rgba(252,244,244,.96) 42%,rgba(252,244,244,.82) 64%,rgba(252,244,244,0) 100%);z-index:0;pointer-events:none;filter:blur(2px)}
.hero .inner>*{position:relative;z-index:1}
.hero h1{font-family:var(--fd);font-weight:600;font-size:clamp(30px,3.9vw,48px);line-height:1.45;margin:0}
.hero h1 .t{color:var(--teal)}
.hero-sub{max-width:520px;font-size:clamp(14px,1.04vw,20px);line-height:1.5;color:var(--text-body,#4b5563);margin:0.5px 0 0}
.hero .feats{display:flex;gap:clamp(16px,1.35vw,26px);flex-wrap:wrap;align-items:center;margin:clamp(10px,1.2vw,22px) 0 clamp(20px,2.8vw,54px)}
.hero .feats span{display:flex;gap:11px;align-items:center;font-family:var(--fd);font-size:clamp(15px,1.15vw,22px);color:var(--navy)}
.hero .feats span.div{border-right:1px solid var(--red);padding-right:clamp(16px,1.35vw,26px)}
.hero .feats .ic{width:clamp(32px,2vw,40px);height:clamp(32px,2vw,40px);border-radius:50%;border:1.5px solid var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hero .feats .ic img{width:60%;height:60%;object-fit:contain}
.hero-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:6px;justify-content:center}
.hero-dots span{width:7px;height:7px;border-radius:999px;background:#fff;opacity:.55;cursor:pointer;transition:background .35s ease,width .35s ease,opacity .35s ease}
.hero-dots span.on{width:22px;background:var(--red);opacity:1}
.btn-pill{background:var(--red);color:#fff;border:none;border-radius:999px;height:clamp(44px,3.4vw,65px);padding:0 clamp(22px,2vw,38px);display:inline-flex;align-items:center;gap:10px;font-size:clamp(15px,1.25vw,24px);font-weight:500;font-family:var(--fb);cursor:pointer}
.btn-pill:hover{background:#c81920;color:#fff}
/* Stats */
.stats{background:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2.6vw,50px);padding:clamp(22px,2.4vw,44px) clamp(16px,3.1vw,60px)}
.stats .stat:first-of-type{margin-left:auto}
.stats .stat:last-of-type{margin-right:auto}
.stats .wave-live{flex-shrink:0;opacity:.9}
@keyframes waveFlow{0%{transform:translateX(-8px)}50%{transform:translateX(8px)}100%{transform:translateX(-8px)}}
.wave-live path{animation:waveFlow 2.4s ease-in-out infinite}
.wave-live path:nth-child(2){animation-delay:.25s}
.wave-live path:nth-child(3){animation-delay:.5s}
@media (max-width:600px){.stats .wave-live{display:none}.stats{justify-content:center}}
.stat{display:flex;flex-direction:row;align-items:center;gap:clamp(10px,1.35vw,26px);min-width:clamp(92px,10vw,190px)}
.stat .stx{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:clamp(3px,.5vw,9px)}
.stat .circ{width:clamp(50px,5.4vw,104px);height:clamp(50px,5.4vw,104px);border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat .circ i{font-size:clamp(26px,2.7vw,52px);color:var(--navy)}
.stat b{font-size:clamp(24px,2.7vw,52px);color:var(--teal);line-height:1}
.stat small{font-size:clamp(11px,1.25vw,24px);color:#fff;margin-top:clamp(3px,.4vw,8px)}
.stat-div{position:relative;width:2px;height:clamp(96px,8.5vw,150px);border-radius:2px;background:var(--teal);opacity:1}
.stat-div::before,.stat-div::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--teal)}
.stat-div::before{top:-10px}
.stat-div::after{bottom:-10px}
/* Product card — figma M: Product card 245x371, all sizes in cqw of card width */
.pcw{width:clamp(212px,15vw,290px);flex-shrink:0;container-type:inline-size}
.pcard{--strip:max(10cqw,21px);position:relative;width:100%;height:auto;display:flex;flex-direction:column;background:#fff;border-radius:12.24cqw;overflow:hidden;cursor:pointer;box-shadow:0 4px 16px rgba(11,31,59,.10)}
.plp-grid .pcard{min-height:calc(100cqw*430/336);height:100%}
.pcard .imgw{position:relative;height:80cqw;flex-shrink:0}
.pcard .rate{position:absolute;top:12px;left:12px;z-index:3;display:flex;align-items:center;gap:1.2cqw;background:var(--navy);color:#fff;border-radius:3.27cqw;height:auto;min-height:8.98cqw;line-height:1;padding:1cqw 2cqw;font-family:Arimo,sans-serif;font-size:clamp(11px,4.9cqw,15px)}
.pcard .rate i{color:var(--yellow);font-size:clamp(10px,3.9cqw,13px)}
.pcard .pfav{position:absolute;top:12px;right:12px;z-index:3;width:30px;height:30px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.pcard .pfav i{font-size:15px;color:var(--red)}
.pcard .pfav.on{background:var(--red)}
.pcard .pfav.on i{color:#fff}
.pcard .pfav:active{transform:scale(.88)}
.pcard .imgw .band{position:absolute;inset:0;background:var(--teal);border-radius:12.24cqw}
.pcard .imgw .band span{position:absolute;left:0;right:0;bottom:0;height:var(--strip);min-height:0;display:flex;align-items:center;justify-content:center;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;text-align:center;color:#fff;font-family:Inter,sans-serif;font-weight:400;font-size:12px}
.pcard .imgw img{position:absolute;top:0;left:0;width:100%;height:calc(80cqw - var(--strip));object-fit:cover;border-radius:12.24cqw}
.pcard .imgw img.imgw-alt{opacity:0;transition:opacity .35s ease;z-index:1}
.pcard .imgw img.imgw-alt.on{opacity:1}
.pcard .bd{position:relative;padding:3.27cqw 4.94cqw 5.4cqw;display:flex;flex-direction:column;flex:1}
.pcard .ttl{display:flex;align-items:flex-start;gap:6px}
.pcard .ttl h6{flex:1;min-width:0;width:100%;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.35;color:var(--navy);min-height:calc(1.35em*2);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.plp-grid .pcard .ttl h6{-webkit-line-clamp:3}
.plp-grid .pcard .ttl h6{min-height:0}
.pcard .rate i{color:var(--yellow);font-size:clamp(10px,3.9cqw,13px)}
.pcard .prow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(14px,1.2em);column-gap:6px;row-gap:1px;align-items:start;align-content:center;margin-top:11px;padding-top:0;height:auto;min-height:clamp(44px,17cqw,66px);flex-shrink:0}
.plp-grid .pcard .prow{margin-top:auto;padding-top:14px;grid-template-rows:auto minmax(12px,1.2em)}
.pcard .prow .pr{grid-column:1;grid-row:1;min-height:0;overflow:hidden;flex-wrap:nowrap;align-items:center}
.pcard .prow .pr .mrp2{grid-column:auto;grid-row:auto;align-self:center;margin-left:2px}
.pcard .prow .mrp2{grid-column:1;grid-row:2;min-width:0;max-width:100%;flex:0 0 auto;line-height:1;font-family:Arimo,sans-serif;font-weight:400;font-size:12px;color:#99A1AF;text-decoration:line-through;white-space:nowrap}
.pcard .prow .addw{grid-column:2;grid-row:1/3;align-self:center;margin-left:0}
.pcard .pc-varrow{margin-top:16px}
.pcard .prow{margin-top:1px}
.pcard .prow{grid-template-rows:auto;align-items:center}
.pcard .prow .addw{grid-row:1}
.plp-grid .pcard .prow{grid-template-rows:auto minmax(12px,1.2em)}
.pcard.oos{position:relative;background:#fff}
.pcard.oos .oos-veil{position:absolute;inset:0;background:rgba(118,126,138,.34);z-index:2;pointer-events:none}
.pcard.oos .addw>.btn-add,.pcard.oos .addw>.qty{display:none}
.pcard.oos .rate,.pcard.oos .rate-a,.pcard.oos .rate-b,.pcard.oos .pfav{z-index:4}
.pcard.oos .prow .addw{grid-column:1/3;justify-self:end;margin-right:calc(12px - 4.94cqw)}
.pcard.oos .oos-txt{position:relative;z-index:4;display:flex;align-items:center;justify-content:flex-end;text-align:right;height:13.06cqw;min-height:34px;width:auto;min-width:0;font-family:var(--fb);font-weight:600;font-size:clamp(15px,6.6cqw,22px);line-height:1.15;color:var(--red);white-space:nowrap}
.pcard.oos .prow .pr{overflow:visible}
.pcard .pr{display:flex;flex-wrap:nowrap;align-items:baseline;gap:0 5px;min-width:0;line-height:1}
.pcard .pr b{flex:0 0 auto;line-height:1}
.pcard .pr b{font-family:Arimo,sans-serif;font-weight:700;font-size:18px;color:var(--navy);white-space:nowrap}
.pcard .pr{gap:0 4px}
.pcard .pr .off{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:var(--red);white-space:nowrap}
.btn-add{background:var(--red);color:#fff;border:none;border-radius:999px;height:clamp(38px,2.9vw,52px);width:clamp(84px,6.4vw,118px);font-size:clamp(15px,1vw,19px);font-weight:600;cursor:pointer;box-shadow:none}
.qty{display:flex;align-items:center;justify-content:space-between;background:var(--red);color:#fff;border-radius:999px;height:clamp(38px,2.9vw,52px);width:clamp(84px,6.4vw,118px);padding:0 10px;box-sizing:border-box}
.qty button{background:none;border:none;color:#fff;font-size:19px;cursor:pointer;padding:0 4px}
.qty .mn i{font-size:1.15em;vertical-align:-2px}
.pcard .btn-add{height:13.06cqw;width:34.5cqw;font-family:Inter,sans-serif;font-weight:500;font-size:6.12cqw;box-shadow:none}
.pcard .qty{height:13.06cqw;width:34.5cqw;padding:0 3cqw}
.pcard .qty button{font-size:6.5cqw}
.pcard .rate-b{background:#fff;color:var(--navy);border-radius:999px;padding-left:12px;padding-right:12px}
.pcard .rate-a,.pcard .rate-b{animation:badgeSwap 7s infinite}
.pcard .rate-b{animation-name:badgeSwapAlt}
@keyframes badgeSwap{0%,44%{opacity:1;transform:translateY(0)}50%,94%{opacity:0;transform:translateY(-4px)}100%{opacity:1;transform:translateY(0)}}
@keyframes badgeSwapAlt{0%,44%{opacity:0;transform:translateY(4px)}50%,94%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.pcard .rate-a,.pcard .rate-b{animation:none}.pcard .rate-b{opacity:0}}
@keyframes confettiPop{0%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.5)}}
.confetti-bit{position:fixed;border-radius:1.5px;pointer-events:none;z-index:2000;animation:confettiPop .62s cubic-bezier(.2,.8,.3,1) forwards}
.pcard .qty b{font-size:5.5cqw}
/* Product card — inline variant pill (pack size / pieces), cart-picker vocabulary */
.pcw{position:relative}
.pcw:has(.pc-var-w.open){z-index:20}
.pcard.var-open{overflow:visible}
.pc-varrow{display:flex;align-items:center;margin-top:6px;min-height:28px;min-width:0}
.plp-grid .pcw{display:flex}
.pc-var-w{position:relative;display:inline-flex;max-width:100%}
.pc-var{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:var(--teal);color:#fff;border:none;border-radius:999px;padding:4px 11px 4px 14px;font-family:var(--fb);font-size:13px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s}
.pc-var i{flex-shrink:0;font-size:15px;line-height:1;transition:transform .2s}
.pc-var:hover{background:#4fb3c1}
.pc-var-w.open .pc-var{background:var(--navy)}
.pc-var-w.open .pc-var i{transform:rotate(180deg)}
.pc-var-menu{display:none;position:absolute;left:0;top:calc(100% + 7px);z-index:60;min-width:176px;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(46,53,99,.55) transparent;flex-direction:column;gap:4px;background:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(11,31,58,.22);padding:7px}
.pc-var-menu::-webkit-scrollbar{width:4px}
.pc-var-menu::-webkit-scrollbar-thumb{background:rgba(46,53,99,.55);border-radius:99px}
.pc-var-w.open .pc-var-menu{display:flex}
.pc-var-w.up .pc-var-menu{top:auto;bottom:calc(100% + 6px)}
.pc-var-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:34px;flex-shrink:0;padding:0 13px;border:none;border-radius:999px;background:#fff;font-family:var(--fb);font-weight:500;font-size:12.5px;line-height:1;color:var(--navy);cursor:pointer;text-align:left;transition:background .15s,color .15s}
.pc-var-opt span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-var-opt b{flex-shrink:0;font-family:Arimo,sans-serif;font-weight:700;font-size:12.5px}
.pc-var-opt:hover{background:#f4fbfc}
.pc-var-opt.on{background:var(--teal);color:#fff}
@media (max-width:600px){.plp-grid .pc-var{font-size:11px;line-height:18px;padding:3px 9px 3px 11px}.plp-grid .pc-var i{font-size:13px}.plp-grid .pc-varrow{min-height:24px;margin-top:5px}}
/* Image magnifier (bs-magnifier) */
.pdp-main{cursor:zoom-in}
.pdp-main.mag-active{cursor:none}
.mag-lens{position:absolute;pointer-events:none;z-index:2;border-radius:50%;border:2px solid #fff;box-shadow:0 10px 34px rgba(0,0,0,.38),inset 0 0 0 1px rgba(46,53,99,.35);background-repeat:no-repeat;background-color:#e9eaed;opacity:0;transition:opacity .16s ease}
.mag-ov{position:fixed;inset:0;z-index:1500;background:rgba(10,13,28,.94);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}
.mag-ov.open{opacity:1}
.mag-x{position:absolute;right:clamp(12px,2vw,28px);top:clamp(12px,2vw,28px);width:44px;height:44px;border:none;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:2}
.mag-x:hover{background:var(--red);color:#fff}
.mag-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in}
.mag-stage.zoomed{cursor:grab}
.mag-stage.zoomed:active{cursor:grabbing}
.mag-stage img{max-width:92vw;max-height:86vh;object-fit:contain;transform-origin:center;transition:transform .22s ease;user-select:none;-webkit-user-drag:none}
.mag-stage.zoomed img{transition:none}
.mag-hint{position:absolute;left:0;right:0;bottom:clamp(14px,2.4vw,30px);text-align:center;font-family:var(--fb);font-size:13px;color:rgba(255,255,255,.7)}
@media (hover:hover) and (pointer:fine){.mag-hint{display:none}}
.pdp-main .pdp-sale,.pdp-main .pdp-wish,.pdp-main .pdp-zoom,.pdp-main .pdp-dots{z-index:4}
/* Best sellers */
.bsell{position:relative;background:var(--navy);overflow:hidden;padding:6px 0 20px}
.bsell .scroll-dots span{background:#fff}
.bsell .wm{position:absolute;pointer-events:none;opacity:.5;height:auto}
.welc .wm,.promise-sec .wm,section > .wm{height:auto}
.tabs-outer{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px 18px}
.tab-arrow{flex-shrink:0;width:44px;height:44px;border-radius:999px;background:linear-gradient(180deg,rgb(58,66,112),rgb(41,48,92));border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.tab-arrow i{font-size:24px}
.tab-arrow:disabled{opacity:.35;cursor:default}
@media (min-width:601px){.tab-arrow{display:none}}
.tabs{position:relative;display:flex;gap:6px;max-width:100%;background:linear-gradient(180deg,rgb(58,66,112),rgb(41,48,92));border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 8px;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 1px 2px rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.25)}
.tab-slider{display:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;gap:0;background:transparent;color:rgba(255,255,255,.65);border:none;border-radius:999px;padding:clamp(9px,.7vw,13px) clamp(14px,1.1vw,22px);font-family:var(--fd);font-weight:600;font-size:clamp(15px,1vw,19px);cursor:pointer;white-space:nowrap;transition:background .35s ease,color .35s ease,padding .35s ease,gap .35s ease,box-shadow .35s ease}
.tabs button.on{background:var(--teal);color:var(--navy);font-weight:700;gap:8px;padding-left:clamp(18px,1.4vw,26px);padding-right:clamp(18px,1.4vw,26px);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.tabs button img{width:0;height:18px;object-fit:contain;opacity:0;transition:width .35s ease,opacity .35s ease}
.tabs button.on img{width:18px;opacity:1}
/* Range */
.rcard{position:relative;overflow:hidden;container-type:inline-size;width:clamp(300px,26vw,409px);height:clamp(344px,30vw,468px);background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:24px;box-sizing:border-box;padding:clamp(10px,.9vw,16px);box-shadow:0 10px 30px rgba(0,0,0,.10);transition:box-shadow .35s,transform .35s;flex-shrink:0;scroll-snap-align:start}
@media (min-width:601px){.rcard:hover{box-shadow:0 20px 44px rgba(0,0,0,.20);transform:translateY(-6px)}
.rcard:hover .rwash{opacity:1}
.rcard:hover .subs{max-height:none;flex:1 1 0;min-height:0;opacity:1;overflow-y:auto;margin-top:18px;padding-bottom:14px;padding-right:6px;pointer-events:auto;align-self:stretch}
.rcard:hover .lbl{top:clamp(10px,.9vw,16px);padding-top:clamp(8px,.7vw,12px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-height:calc(100% - 20px);overflow:hidden;border-radius:18px}
.rcard:hover .lbl h5{align-self:flex-start;width:auto}}
.rcard.tap-open{box-shadow:0 20px 44px rgba(0,0,0,.20)}
@media (max-width:600px){.rcard.tap-open{box-shadow:0 4px 10px -2px rgba(0,0,0,.16)}}
.rcard.tap-open .rwash{opacity:1}
.rcard.tap-open .subs{max-height:none;flex:1 1 0;min-height:0;opacity:1;overflow-y:auto;margin-top:18px;padding-bottom:14px;padding-right:6px;pointer-events:auto;align-self:stretch}
.rcard.tap-open .lbl{top:clamp(10px,.9vw,16px);padding-top:clamp(8px,.7vw,12px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-height:calc(100% - 20px);overflow:hidden;border-radius:18px}
.rcard.tap-open .lbl h5{align-self:flex-start;width:auto}
@media (min-width:601px){.range-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,44px);overflow:visible;justify-content:center;max-width:1315px;margin:0 auto}.range-rail .rcard{width:100%;max-width:409px;height:auto;aspect-ratio:409/468}}
.rimg{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden}
.rimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:18px}
.rwash{position:absolute;inset:0;background:rgba(255,255,255,.72);border-radius:24px;opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}
.rcard .lbl{position:absolute;left:clamp(10px,.9vw,16px);right:clamp(10px,.9vw,16px);bottom:clamp(10px,.9vw,16px);max-height:calc(100% - 20px);overflow:hidden;padding:5.4cqw 6.4cqw 9.8cqw;background:rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.35);border-radius:0 0 18px 18px;pointer-events:none;z-index:2}
.rcard .subs{display:flex;flex-wrap:wrap;gap:max(8px,2.9cqw);max-height:0;opacity:0;overflow-x:hidden;overflow-y:hidden;margin-top:0;padding-bottom:0;pointer-events:none;transition:max-height 1s,opacity .4s,margin-top .45s}
.rcard .subs::-webkit-scrollbar{width:8px;background:transparent}
.rcard .subs::-webkit-scrollbar-track,.rcard .subs::-webkit-scrollbar-track-piece{background:transparent}
.rcard .subs::-webkit-scrollbar-thumb{background-color:#2e3563;border-radius:999px;border:2px solid transparent;background-clip:padding-box;min-height:36px}
.rcard .subs::-webkit-scrollbar-button{display:none;width:0;height:0}
.rcard .spill{display:inline-flex;align-items:center;background:#fff;color:var(--navy);font-weight:400;font-size:max(12px,3.9cqw);border-radius:999px;padding:max(7px,2.9cqw) max(14px,5.4cqw);white-space:nowrap;box-shadow:0 1px 6px rgba(0,0,0,.12);text-decoration:none;pointer-events:auto}
.rcard .spill:hover{background:var(--red);color:#fff}
.rcard .lbl h5{font-family:var(--fd);font-weight:600;font-size:8.3cqw;line-height:1.15;margin:0;color:var(--navy);display:inline-block}
.rcard .lbl h5::after{content:"";display:block;height:.73cqw;min-height:2px;border-radius:20px;background:var(--red);margin-top:2cqw}
.rcard .lbl .bar{display:none}
.no-sb::-webkit-scrollbar{display:none}
.no-sb{scrollbar-width:none}
.view-all{display:inline-flex;align-items:center;gap:2px;font-size:clamp(18px,1.4vw,24px);font-weight:600;text-decoration:underline;text-underline-offset:4px}
/* ===== Side cart (pixel-matched to React) ===== */
.scart-wrap{position:fixed;inset:0;z-index:1200;visibility:hidden;pointer-events:none}
.scart-wrap.open{visibility:visible;pointer-events:auto}
.scart-ov{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .3s ease}
.scart-wrap.open .scart-ov{opacity:1}
.scart{position:absolute;right:0;top:0;bottom:0;width:520px;max-width:100%;background:var(--page);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.scart-wrap.open .scart{transform:none}
.scart-hdr{background:#fff;flex-shrink:0}
.scart-top{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px 14px}
.scart-title{font-family:var(--fb);font-weight:700;font-size:24px;color:var(--navy)}
.scart-sub{font-size:13px;color:var(--muted);margin-top:4px}
.scart-sub a{color:var(--navy);font-weight:600}
.scart-x{background:none;border:none;font-size:24px;color:var(--navy);cursor:pointer;line-height:1}
.scart-save{background:linear-gradient(90deg,var(--teal) 0%,rgb(240,253,244) 100%);padding:8px 22px;font-size:14px;font-weight:600;color:var(--navy)}
.scart-body{flex:1;overflow-y:auto}
.scart-itemshd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}
.scart-itemshd .ih-t{font-family:var(--fb);font-weight:700;font-size:18px;color:var(--navy)}
.scart-itemshd a{font-size:13px;color:var(--navy);text-decoration:underline}
.scart-rows{display:flex;flex-direction:column;gap:12px;padding:6px 20px 16px}
.scart-rows::-webkit-scrollbar{width:6px}
.scart-rows::-webkit-scrollbar-thumb{background:rgba(11,31,58,.22);border-radius:99px}
.crow{position:relative;display:flex;align-items:stretch;gap:14px;background:#fff;border:.8px solid rgb(232,234,240);border-radius:16px;padding:10px;height:124px;box-sizing:border-box;box-shadow:0 2px 12px rgba(46,53,99,.06)}
.crow>img{flex:0 0 104px;width:104px;height:104px;align-self:center;border-radius:14px;object-fit:cover}
.crow .ci{flex:1;min-width:0;display:flex;flex-direction:column;padding:2px 3px 2px 0}
.crow .ci-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.crow .ci-title{font-family:var(--fb);font-weight:600;font-size:14px;color:var(--navy);line-height:18.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crow .ci-del{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgb(241,245,249);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 4px rgba(0,0,0,.09)}
.crow .ci-del i{font-size:15px;color:var(--navy)}
.ci-meta{display:flex;align-items:center;gap:8px;min-height:16px;margin-top:4px;flex-wrap:nowrap;min-width:0}
/* cart pack-size / quantity variant picker */
.ci-var-w{position:relative;display:inline-flex;flex-shrink:0}
.ci-var{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;background:var(--teal);color:#fff;border:none;border-radius:16px;padding:2px 8px 2px 10px;font-family:var(--fb);font-size:11px;line-height:18px;font-weight:400;cursor:pointer;white-space:nowrap;transition:background .15s}
.ci-var i{font-size:12px;line-height:1;transition:transform .2s}
.ci-var:hover{background:#4fb3c1}
.ci-var-w.open .ci-var{background:var(--navy)}
.ci-var-w.open .ci-var i{transform:rotate(180deg)}
.ci-var-menu{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:60;min-width:172px;flex-direction:column;gap:4px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(11,31,58,.22);padding:6px}
.crow:has(.ci-var-w.open),.mci:has(.ci-var-w.open){z-index:60}
.ci-var-w.open{z-index:60}
.ci-var-w.up .ci-var-menu{top:auto;bottom:calc(100% + 6px)}
.ci-var-w.open .ci-var-menu{display:flex}
.ci-var-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:32px;padding:0 12px;border:none;border-radius:999px;background:#fff;font-family:var(--fb);font-weight:500;font-size:12px;line-height:1;color:var(--navy);cursor:pointer;text-align:left;transition:background .15s,color .15s}
.ci-var-opt b{flex-shrink:0;font-family:Arimo,sans-serif;font-weight:700;font-size:12px}
.ci-var-opt:hover{background:#f4fbfc}
.ci-var-opt.on{background:var(--teal);color:#fff}
.crow .ci-pieces{display:inline-flex;align-items:center;flex-shrink:0;background:rgb(102,195,208);color:#fff;border-radius:16px;padding:2px 10px;font-size:11px;line-height:18px;font-weight:400}
.crow .ci-bot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px;gap:10px}
.crow .ci-price{display:flex;align-items:baseline;gap:6px}
.crow .ci-price b{font-size:15px;font-weight:700;line-height:22.5px;color:var(--navy)}
.crow .ci-price s{font-size:12px;line-height:18px;color:rgb(107,114,128);text-decoration:line-through}
.dstep{display:flex;align-items:center;border:.8px solid rgb(232,234,240);border-radius:10px;overflow:hidden;height:28px;background:rgb(241,245,249);box-shadow:none}
.dstep button{width:30px;height:100%;background:var(--red);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dstep b{min-width:28px;text-align:center;background:rgb(241,245,249);color:var(--navy);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.scart-pad{padding:0 20px 18px}
.scard{background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(46,53,99,.06)}
.scart-coupon{padding:12px}
.cp-hd{display:flex;align-items:center;gap:8px;font-family:var(--fb);font-weight:700;font-size:14px;color:var(--navy)}
.cp-hd i{font-size:17px;color:var(--teal)}
.cp-dd{position:relative;margin-top:10px}
.cp-btn{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--gray2);border-radius:10px;padding:0 12px;height:40px;background:var(--page);cursor:pointer;font-size:13px;color:var(--muted);font-family:var(--fb)}
.cp-btn.has{color:var(--navy);font-weight:600}
.cp-btn i{font-size:18px;color:var(--navy)}
.cp-menu{display:none;position:absolute;left:0;right:0;top:46px;background:#fff;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.2);border:1px solid var(--gray2);z-index:10;overflow:hidden}
.cp-menu.open{display:block}
.cp-menu .cpi{padding:9px 12px;border-bottom:1px solid var(--gray2);cursor:pointer;font-size:13px}
.cp-menu .cpi:last-child{border-bottom:none}
.cp-menu .cpi.sel{background:var(--page)}
.cp-menu .cpi b{display:block;font-size:15px;font-weight:700;color:var(--navy)}
.cp-menu .cpi small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.cp-applied{display:none;align-items:center;justify-content:space-between;margin-top:12px;font-size:14px}
.cp-applied.show{display:flex}
.cp-applied .ok{color:var(--teal);font-weight:600}
.cp-applied .rm{color:var(--red);font-weight:600;cursor:pointer}
.scart-pair{padding:20px 0 16px;overflow:hidden}
.pair-hd{text-align:center;padding:0 0 4px}
.pair-t{font-family:var(--fd);font-weight:700;font-size:27px;color:var(--navy)}
.pair-t .teal{color:var(--teal)}
.pair-bar{width:160px;height:3px;background:var(--red);border-radius:20px;margin:10px auto 0}
.pair-sub{font-size:15px;color:var(--muted);margin-top:12px}
.pair-rail{display:flex;gap:16px;padding:16px 24px 8px;overflow-x:auto}
.pcardw{width:340px;flex-shrink:0;display:flex;gap:14px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 2px 8px rgba(46,53,99,.10)}
.pcardw .pimg{position:relative;width:120px;height:120px;border-radius:14px;overflow:hidden;flex-shrink:0}
.pcardw .pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcardw .prate{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:3px;background:var(--navy);color:#fff;border-radius:8px;padding:3px 7px;font-size:12px;font-weight:600}
.pcardw .prate i{font-size:11px;color:var(--yellow)}
.pcardw .pinfo{flex:1;display:flex;flex-direction:column;min-width:0}
.pcardw .pt{font-family:var(--fb);font-weight:600;font-size:18px;color:var(--navy);line-height:1.3}
.pcardw .pbot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;gap:8px}
.pcardw .pbot b{font-size:18px;font-weight:700;color:var(--navy)}
.pcardw .padd{background:var(--red);color:#fff;border:none;border-radius:999px;height:40px;padding:0 26px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:none}
.pair-dots{display:flex;gap:7px;justify-content:center;padding:8px 0 0}
.pair-rail .pcardw{width:260px;padding:10px;gap:10px}
.pair-rail .pcardw .pimg{width:80px;height:80px}
.pair-rail .pcardw .pt{font-size:14px}
.pair-rail .pcardw .pbot b{font-size:15px}
.pair-rail .pcardw .padd{height:32px;padding:0 16px;font-size:12px}
.pair-rail .pcardw .prate{font-size:10px;padding:2px 5px}
.pair-dots span{width:8px;height:8px;border-radius:999px;background:var(--navy);transition:width .3s}
.pair-dots span.on{width:18px;background:var(--red)}
.scart-sumhd{padding:18px 20px 8px;font-family:var(--fb);font-weight:700;font-size:19px;color:var(--navy)}
.scart-sum{display:flex;flex-direction:column;padding:0 20px}
.sum-row{background:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray2)}
.sum-row .sr-sub{font-size:13px;color:var(--muted);margin-top:2px}
.sum-top{border-radius:14px 14px 0 0;border-bottom:1px solid var(--gray2)}
.sum-bot{border-radius:0 0 14px 14px;padding:16px 22px}
.sum-row .sr-l{font-size:17px;color:var(--navy)}
.sum-row span{font-size:17px;color:var(--navy)}
.sum-dash{font-size:22px;color:var(--muted)}
.sum-disc{font-size:18px!important;font-weight:700;color:var(--teal)!important}
.sr-free{font-size:13px;color:var(--teal)}
.sr-freeval{font-size:17px;font-weight:700;color:var(--teal)!important}
.sum-total{background:var(--navy);border-radius:14px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;color:#fff;margin-top:12px}
.sum-total span:first-child{font-size:16px;font-weight:600}
.sum-total span:last-child{font-size:22px;font-weight:800}
.scart-secure{text-align:center;padding:18px 0 4px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:14px}
.scart-secure i{font-size:18px;color:var(--teal)}
.scart-foot{flex-shrink:0;background:#fff;border-top:1px solid var(--gray2);box-shadow:0 -6px 20px rgba(46,53,99,.12);padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.scart-foot .sf-l{font-size:14px;color:var(--muted)}
.scart-foot .sf-v{font-family:var(--fb);font-weight:800;font-size:23px;color:var(--navy)}
.scart-foot .sf-btn{background:var(--red);color:#fff;border:none;border-radius:999px;height:54px;flex:0 0 auto;padding:0 42px;font-size:19px;font-weight:700;cursor:pointer}
.scart-foot .sf-btn:hover{background:#c81920}
.mscroll::-webkit-scrollbar{width:0;height:0}
.mscroll{scrollbar-width:none}
/* ===== Mobile side cart (React MSideCart) ===== */
.mcart-wrap{position:fixed;inset:0;z-index:1200;visibility:hidden;pointer-events:none}
.mcart-wrap.open{visibility:visible;pointer-events:auto}
.mcart-wrap .scart-ov{opacity:0;transition:opacity .3s ease}
.mcart-wrap.open .scart-ov{opacity:1}
.mcart{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%) translateX(100%);width:402px;max-width:100%;background:var(--page);overflow-y:auto;box-shadow:0 0 40px rgba(0,0,0,.3);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.mcart-wrap.open .mcart{transform:translateX(-50%)}
.mcart-bar{display:flex;align-items:center;justify-content:space-between;background:var(--navy);padding:14px 18px}
.mcart-bar img{height:32px;width:auto;background:#fff;border-radius:6px;padding:2px 4px}
.mcart-secure{display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;font-weight:600}
.mcart-secure i{font-size:17px;color:var(--teal)}
.mcart-hd{background:#fff;padding:14px 16px 12px}
.mcart-top{display:flex;align-items:flex-start;justify-content:space-between}
.mcart-title{font-family:var(--fd);font-weight:700;font-size:21px;color:var(--navy)}
.mcart-x{font-size:24px;color:var(--navy);cursor:pointer}
.mcart-sub{font-size:12px;color:var(--muted);margin-top:4px}
.mcart-sub a{color:var(--navy);font-weight:600}
.mcart-save{background:linear-gradient(90deg,var(--teal) 0%,rgb(240,253,244) 100%);padding:9px 18px;font-size:14px;font-weight:600;color:var(--navy)}
.mcart-itemshd{padding:14px 14px 6px;display:flex;align-items:center;justify-content:space-between}
.mcart-itemshd .ih-t{font-family:var(--fb);font-weight:700;font-size:17px;color:var(--navy)}
.mcart-itemshd a{font-size:13px;color:var(--navy);text-decoration:underline}
.mcart-rows{display:flex;flex-direction:column;gap:12px;padding:6px 14px 16px}
.mcart-rows::-webkit-scrollbar{width:5px}
.mcart-rows::-webkit-scrollbar-thumb{background:rgba(11,31,58,.22);border-radius:99px}
.mci{position:relative;display:flex;align-items:stretch;gap:12px;background:#fff;border:.8px solid rgb(232,234,240);border-radius:16px;padding:8px;height:120px;box-sizing:border-box;box-shadow:0 2px 12px rgba(46,53,99,.06)}
.mci>img{flex:0 0 104px;width:104px;height:104px;align-self:center;border-radius:14px;object-fit:cover}
.mci .in{flex:1;min-width:0;display:flex;flex-direction:column;padding:2px 3px 2px 0}
.mci .top{display:flex;justify-content:space-between;gap:8px}
.mci .t{font-family:var(--fb);font-weight:600;font-size:14px;color:var(--navy);line-height:18.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mci .del{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgb(241,245,249);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 4px rgba(0,0,0,.09)}
.mci .del i{font-size:15px;color:var(--navy)}
.mci .pieces{display:inline-flex;align-items:center;flex-shrink:0;background:rgb(102,195,208);color:#fff;border-radius:16px;padding:2px 10px;font-size:11px;line-height:18px;font-weight:400}
.mci .bot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;gap:8px}
.mci .pr{display:flex;align-items:baseline;gap:6px}
.mci .pr b{font-size:15px;font-weight:700;line-height:22.5px;color:var(--navy)}
.mci .pr s{font-size:12px;line-height:18px;color:rgb(107,114,128);text-decoration:line-through}
.mstep{display:flex;align-items:center;border:.8px solid rgb(232,234,240);border-radius:10px;overflow:hidden;height:31.6px;background:rgb(241,245,249)}
.mstep button{width:30px;height:100%;background:var(--red);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mstep b{min-width:28px;text-align:center;background:rgb(241,245,249);color:var(--navy);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.mcart-pad{padding:0 14px 16px}
.mcard{background:#fff;border-radius:18px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.mcart-coupon{padding:18px}
.mcart-pair{position:relative;background:var(--navy);overflow:hidden;padding-bottom:16px}
.mcart-pair .wm{position:absolute;left:-24px;top:-8px;width:160px;height:auto;opacity:.5;pointer-events:none}
.mpair-in{position:relative}
.mpair-hd{text-align:center;padding:16px 0 6px}
.mpair-t{font-family:var(--fd);font-weight:700;font-size:22px;color:#fff}
.mpair-t .teal{color:var(--teal)}
.mpair-bar{width:100px;height:2px;background:var(--red);border-radius:20px;margin:8px auto 0}
.mpair-sub{font-size:11px;color:rgba(255,255,255,.75);margin-top:6px}
.mpair-rail{display:flex;gap:12px;padding:12px 12px 6px;overflow-x:auto}
.mpcard{width:250px;flex-shrink:0;display:flex;gap:10px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.mpcard .pimg{position:relative;width:88px;height:88px;border-radius:12px;overflow:hidden;flex-shrink:0}
.mpcard .pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mpcard .prate{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:3px;background:var(--navy);color:#fff;border-radius:8px;padding:3px 7px;font-size:12px;font-weight:600}
.mpcard .prate i{font-size:11px;color:var(--yellow)}
.mpcard .pinfo{flex:1;display:flex;flex-direction:column;min-width:0}
.mpcard .pt{font-family:var(--fb);font-weight:600;font-size:13px;color:var(--navy);line-height:1.3}
.mpcard .pbot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;gap:8px}
.mpcard .pbot b{font-size:14px;font-weight:700;color:var(--navy)}
.mpcard .padd{background:var(--red);color:#fff;border:none;border-radius:999px;height:32px;padding:0 16px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:none}
.mpair-dots{display:flex;gap:6px;justify-content:center;padding:6px 0 0}
.mpair-dots span{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.4);transition:width .3s}
.mpair-dots span.on{width:18px;background:var(--red)}
.mcart-sumhd{padding:18px 14px 6px;font-family:var(--fb);font-weight:700;font-size:17px;color:var(--navy)}
.mcart-sum{display:flex;flex-direction:column;gap:10px;padding:6px 14px 0}
.msum-row{background:#fff;border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between}
.msum-row .sr-l{font-size:14px;color:var(--navy)}
.msum-row .sr-sub{font-size:12px;color:var(--muted)}
.msum-row span{font-size:16px;font-weight:700;color:var(--navy)}
.msum-row .sum-dash{font-size:18px;font-weight:400;color:var(--muted)}
.msum-row .sum-disc{font-size:15px;color:var(--teal)}
.msum-row .sr-free{font-size:12px;color:var(--teal)}
.msum-row .sr-freeval{font-size:15px;color:var(--teal)}
.msum-total{background:var(--navy);border-radius:14px;padding:15px;display:flex;align-items:center;justify-content:space-between;color:#fff}
.msum-total span:first-child{font-size:15px;font-weight:600}
.msum-total span:last-child{font-size:21px;font-weight:800}
.mcart-secure2{text-align:center;padding:20px 0 4px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px}
.mcart-secure2 i{font-size:18px;color:var(--teal)}
.mcart-foot{position:sticky;bottom:0;z-index:5;background:#fff;border-top:1px solid var(--gray2);box-shadow:0 -6px 20px rgba(0,0,0,.12);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.mcart-foot .sf-l{font-size:12px;color:var(--muted)}
.mcart-foot .sf-v{font-family:var(--fb);font-weight:800;font-size:22px;color:var(--navy)}
.mcart-checkout{background:var(--red);color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:700;padding:0 26px;height:46px;cursor:pointer}
.mcart-checkout:hover{background:#c81920}
@media (min-width:601px){.mcart-wrap,.mcart-wrap.open{display:none;visibility:hidden}}
@media (max-width:600px){.scart-wrap,.scart-wrap.open{display:none;visibility:hidden}}
/* cart rows stagger in when the drawer opens, newly added row flashes */
.scart-wrap.open .crow,.mcart-wrap.open .mci{animation:cartRowIn .34s cubic-bezier(.2,.7,.3,1) both}
.scart-wrap.open .crow:nth-child(2),.mcart-wrap.open .mci:nth-child(2){animation-delay:.05s}
.scart-wrap.open .crow:nth-child(3),.mcart-wrap.open .mci:nth-child(3){animation-delay:.1s}
.scart-wrap.open .crow:nth-child(n+4),.mcart-wrap.open .mci:nth-child(n+4){animation-delay:.14s}
@keyframes cartRowIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.scart-wrap.open .crow.just-added,.mcart-wrap.open .mci.just-added{animation:cartRowIn .34s cubic-bezier(.2,.7,.3,1) both,cartFlash 1.1s ease .3s 1}
@keyframes cartFlash{0%,100%{box-shadow:0 0 0 0 rgba(227,30,36,0)}35%{box-shadow:0 0 0 2px rgba(227,30,36,.55)}}
@media (prefers-reduced-motion:reduce){.scart-wrap.open .crow,.mcart-wrap.open .mci,.scart-wrap.open .crow.just-added,.mcart-wrap.open .mci.just-added{animation:none}}
.scroll-dots{display:flex;justify-content:center;align-items:center;gap:10px;padding:clamp(24px,2.6vw,44px) 0}
.scroll-dots span{width:9px;height:9px;border-radius:50%;background:var(--navy);cursor:pointer;transition:background .35s ease,width .35s ease,border-radius .35s ease}
.scroll-dots span.on{background:var(--red);width:26px;border-radius:999px}
/* Cooking */
.cook{position:relative;background:var(--navy);padding:2px 0 24px;overflow:hidden}
.cook .scroll-dots span:not(.on){background:#fff}
.cook .row-c{gap:clamp(20px,2.1vw,32px);padding-top:0}
.cook .scroll-dots{height:34px}
.cook .text-center.pt-3{padding-top:6px!important;display:flex;align-items:center;justify-content:center;min-height:44px}
.cook-rail .ccard{width:calc((100% - 3*clamp(20px,2.1vw,32px))/4)}
.ccard{position:relative;aspect-ratio:1;border-radius:24px;overflow:hidden;flex-shrink:0;scroll-snap-align:start}
.ccard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ccard .cshade{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,rgba(20,25,55,0) 0%,rgba(20,25,55,.86) 100%);pointer-events:none}
.ccard .cinfo{position:absolute;left:22px;right:22px;bottom:22px}
.ccard .cinfo h6{font-family:var(--fd);font-weight:600;font-size:clamp(18px,1.4vw,24px);color:#fff;margin:0}
.ccard .cmeta{display:flex;gap:22px;align-items:center;margin-top:10px;color:rgba(255,255,255,.92);font-size:clamp(13px,1vw,15px)}
.ccard .cmeta span{display:flex;gap:6px;align-items:center}
.ccard .cmeta i{font-size:1.2em}
.ccard .fav{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:background .2s,transform .12s;z-index:2}
.ccard .fav:active{transform:scale(.88)}
.ccard .fav i{font-size:16px;color:var(--red)}
.ccard .fav.on{background:var(--red)}.ccard .fav.on i{color:#fff}
/* Welcome */
.welc{position:relative;background:linear-gradient(180deg,var(--page),#d6dae0);padding:2px 0 clamp(40px,4vw,90px);overflow:hidden}
.welc .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;pointer-events:none;z-index:0}
.welc .sec-head{position:relative;z-index:1}
.welc .card-w{position:relative;background:#fff;border-radius:24px;padding:clamp(28px,3.3vw,48px);box-shadow:0 10px 30px rgba(0,0,0,.08);max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:clamp(28px,3.9vw,56px);align-items:center}
.welc-img{width:100%;height:clamp(280px,30.5vw,440px);object-fit:cover;border-radius:18px}
.welc-body{text-align:left}
.welc-body p{font-size:clamp(14px,1vw,19px);line-height:1.8;color:var(--muted);margin:0 0 18px}
.welc .welc-btn{gap:14px;padding:0 28px;margin:12px auto 0;display:flex}
@media (max-width:600px){.welc .card-w{grid-template-columns:1fr}}
.btn-navy{background:var(--navy);color:#fff;border:none;border-radius:999px;height:clamp(44px,3.2vw,60px);padding:0 clamp(22px,1.8vw,34px);font-size:clamp(15px,1.1vw,21px);font-weight:500;cursor:pointer;display:inline-flex;align-items:center}
.btn-navy:hover{background:#242a52;color:#fff}
@keyframes dishRise{0%{transform:translateY(36px);opacity:0}10%{transform:translateY(0);opacity:1}92%{transform:translateY(0);opacity:1}100%{transform:translateY(36px);opacity:0}}
@keyframes fishDrop{0%,14%{transform:translateY(-72px);opacity:0}30%{transform:translateY(4px);opacity:1}35%{transform:translateY(0);opacity:1}92%{transform:translateY(0);opacity:1}100%{transform:translateY(-72px);opacity:0}}
@keyframes steamRise{0%{opacity:0;transform:translateY(10px)}25%{opacity:.95}70%{opacity:.95}100%{opacity:0;transform:translateY(-16px)}}
@keyframes steamGate{0%,36%{opacity:0}40%,88%{opacity:1}92%,100%{opacity:0}}
.grill-base{animation:dishRise 4.8s ease-in-out infinite}.grill-leg{animation:fishDrop 4.8s ease-in infinite}.grill-steam{animation:steamGate 4.8s linear infinite}.grill-steam path{animation:steamRise 1.4s ease-in-out infinite}
.gr-legs{animation:chickenDrop 3.2s ease-in infinite;transform-box:fill-box;transform-origin:50% 50%}
@keyframes chickenDrop{0%,10%{transform:translateY(-46px);opacity:0}28%{transform:translateY(4px);opacity:1}34%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:1}100%{transform:translateY(-46px);opacity:0}}
.gr-flame{animation:flameGate 3.2s linear infinite}
.gr-flame path{transform-box:fill-box;transform-origin:50% 100%;animation:flameFlicker 1.1s ease-in-out infinite}
@keyframes flameGate{0%,34%{opacity:0}38%,88%{opacity:1}92%,100%{opacity:0}}
@keyframes flameFlicker{0%,100%{transform:scaleY(1) translateY(0);opacity:1}50%{transform:scaleY(1.18) translateY(-2px);opacity:.8}}.grill-steam path:nth-child(2){animation-delay:.25s}.grill-steam path:nth-child(3){animation-delay:.5s}
/* Promise */
.promise{display:grid;grid-template-columns:repeat(3,minmax(0,clamp(140px,10vw,190px)));gap:clamp(16px,2.2vw,38px);padding:0 0 clamp(22px,2vw,38px);max-width:700px;margin:0 auto;justify-content:center;justify-items:center}
.pmc{width:100%;aspect-ratio:223/262;container-type:inline-size;background:#fff;border-radius:22px;box-shadow:0 10px 26px rgba(0,0,0,.09);overflow:hidden;padding:clamp(14px,1.4vw,26px) clamp(10px,1vw,18px) clamp(18px,1.8vw,32px);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pmc img{width:92%;height:auto;max-height:62cqw;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff;flex-shrink:1;min-height:0}
.pmc .bar{width:44px;height:2px;border-radius:20px;background:var(--teal);margin:8px auto 0;flex-shrink:0}
.pmc h6{font-family:var(--fd);font-weight:600;font-size:10cqw;color:var(--red);margin:6px 0 4px;line-height:1.25;white-space:nowrap;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
/* Footer */
footer{background:var(--navy);color:#fff;padding:clamp(28px,2.8vw,44px) 0 90px}
footer h6{font-weight:700;font-size:clamp(14px,.95vw,18px);margin:0}
footer a{display:block;font-size:clamp(12px,.85vw,15px);color:rgba(255,255,255,.8);padding:6px 0}
footer a:hover{color:var(--teal)}
.socials{display:flex;gap:12px}
.ftr-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:22px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}
.ftr-logo{background:#fff;border-radius:12px;padding:8px 14px;display:inline-flex}
.ftr-logo img{height:clamp(38px,3vw,48px);width:auto}
.socials span{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;cursor:pointer}
.socials i{font-size:19px}
.pay-icons{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0 14px;padding:0 14px}
.pay-icons span{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:4px;background:#fff;border:1px solid rgba(11,31,58,.14);font-family:var(--fb);font-size:9.5px;font-weight:700;color:var(--navy);letter-spacing:.1px}
.pay-icons img{height:20px;width:auto;display:block}
.pay-icons img.upi-ic{height:34px;margin:-7px 0}
.pay-icons img.rupay-ic{height:26px;margin:-3px 0}
.pay-icons img.amex-ic{height:32px;margin:-6px 0}
.ftr-sec{border-top:1px solid rgba(255,255,255,.14)}
.ftr-cols{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:clamp(30px,4vw,60px)}
.ftr-cols .ftr-sec{border-top:none}
.ftr-cols .hd h6{margin-bottom:14px}
.shop-links{columns:3;column-gap:30px}
.ftr-sec .hd{display:flex;justify-content:space-between;align-items:center;padding:14px 0;cursor:pointer}
.ftr-sec .hd i{font-size:18px}
.ftr-links{padding-bottom:14px}
.trust>div{flex:1;min-width:0;display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}
.trust{display:flex;flex-wrap:nowrap;gap:14px;margin-top:26px;border-top:1px solid rgba(255,255,255,.15);padding-top:26px}
.trust i{font-size:22px;color:var(--teal);flex-shrink:0}
.trust b{display:block;font-size:12px}.trust small{font-size:10px;color:rgba(255,255,255,.65)}
.copy{text-align:center;font-size:clamp(11px,.8vw,14px);color:rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,.14);margin-top:20px;padding-top:16px}
.chat-btn{position:fixed;right:16px;bottom:18px;z-index:60;display:flex;align-items:center;gap:8px;background:#25b84c;color:#fff;border:none;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.28)}
@keyframes fishDrop{0%,14%{transform:translateY(-72px);opacity:0}30%{transform:translateY(4px);opacity:1}35%{transform:translateY(0);opacity:1}92%{transform:translateY(0);opacity:1}100%{transform:translateY(-72px);opacity:0}}
@keyframes steamRise{0%{opacity:0;transform:translateY(10px)}25%{opacity:.95}70%{opacity:.95}100%{opacity:0;transform:translateY(-16px)}}
@keyframes steamGate{0%,36%{opacity:0}40%,88%{opacity:1}92%,100%{opacity:0}}
.pan-dish{animation:dishRise 4.8s ease-in-out infinite}
.pan-fish{animation:fishDrop 4.8s ease-in infinite}
.pan-steam{animation:steamGate 4.8s linear infinite}
.pan-steam path{animation:steamRise 1.4s ease-in-out infinite}
.pan-steam path:nth-child(2){animation-delay:.25s}
.pan-steam path:nth-child(3){animation-delay:.5s}
.btn-pill svg{overflow:hidden}
.btn-pill svg g{transform-box:view-box;transform-origin:50% 50%}
/* Side menu (mobile) */
.smenu-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:70;display:none}
.smenu{position:fixed;left:-370px;top:0;bottom:0;width:360px;max-width:92vw;background:var(--page);z-index:71;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(0,0,0,.25);transition:left .3s}
.smenu.open{left:0}
.smenu .top{display:flex;align-items:center;gap:12px;padding:16px}
.smenu .srch{flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--navy);border-radius:14px;height:40px;padding:0 14px;background:rgba(249,250,251,.5);font-size:12px;color:#4a5565}
.smenu .srch input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--fb);font-size:12px;color:var(--navy)}
.smenu .srch .smenu-clear{color:var(--gray4);font-size:18px;cursor:pointer}
.smenu .list{flex:1;overflow-y:auto}
.scat .hd{display:flex;align-items:center;gap:14px;padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--gray2)}
.scat.open .hd{background:#fff;border:1px solid var(--gray2);border-bottom:none}
.scat .ph{width:52px;height:52px;border-radius:50%;border:2.5px solid var(--navy);padding:2px;background:#fff;flex-shrink:0}
.scat .ph img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.scat .hd b{flex:1;font-size:18px;color:#1e2d6b}
.scat .cnt{background:var(--gray2);color:var(--navy);border-radius:6px;min-width:26px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;padding:0 8px}
.scat .subs{display:none;position:relative;padding:2px 16px 16px 40px;background:#fff;border:1px solid var(--gray2);border-top:none}
.scat.open .subs{display:block}
.scat .subs::before{content:'';position:absolute;left:26px;top:2px;bottom:16px;border-left:1px dashed var(--navy)}
.scat .subs a{display:block;padding:9px 16px;border-radius:12px;font-size:16px;color:#1e2d6b;font-weight:500;margin-bottom:2px}
.scat .subs a.on{background:var(--gray2);font-weight:600}
/* Responsive rules */
.only-m{display:none}
@media (max-width:600px){
  .only-d{display:none}.only-m{display:block}
  .tabs-outer{justify-content:flex-start}
  .hero .inner{max-width:100%;justify-content:center;padding-top:0}
  .hero{margin-top:8px}
  .hero .img{width:100%}
  .hero .fade{background:linear-gradient(90deg,var(--ivory) 34%,rgba(252,244,244,.5) 54%,rgba(252,244,244,0) 74%)}
  .stats{gap:9px;padding:16px 10px;justify-content:center}
  .stat{gap:8px;min-width:0}
  .stat .circ{width:36px;height:36px}
  .stat .circ i{font-size:19px}
  .stat b{font-size:16px}
  .stat small{font-size:9px;margin-top:2px;line-height:1.3}
  .stat-div{height:38px;opacity:.5}
  .stat-div::before,.stat-div::after{display:none}
  .promise{grid-template-columns:repeat(2,1fr)}
  .cook .row-c{justify-content:flex-start}
  .cook-rail .ccard{width:160px}
  .cook .row-c{gap:22px;padding-top:0}
  .ccard{border-radius:18px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
  .ccard .cshade{height:68%;background:linear-gradient(180deg,rgba(20,25,55,0),rgba(20,25,55,.9))}
  .ccard .cinfo{left:11px;right:11px;bottom:11px}
  .ccard .cinfo h6{font-family:var(--fb);font-weight:600;font-size:14px;line-height:1.2}
  .ccard .cmeta{gap:12px;margin-top:6px;font-size:11px}
  .ccard .fav{top:9px;right:9px;width:30px;height:30px}
  .ccard .fav i{font-size:15px}
  /* mobile product card ~ React 0.82 scale */
  .pcw{width:276px}
  .prod-rail,.cook-rail{gap:30px!important}
  /* range cards */
  .rcard{width:236px;height:268px;padding:9px;border-radius:22px;border:none;box-shadow:0 4px 8px -2px rgba(0,0,0,.1)}
  .rimg,.rcard .rimg{border-radius:15px}
  .rcard .lbl{left:9px;right:9px;bottom:9px;padding:14px 16px 18px;border-radius:0 0 15px 15px}
  .rcard .lbl h5{font-size:24px}
  .rcard .lbl .bar{width:66px}
  .rcard .spill{font-size:12px;padding:7px 14px}
  .rwash,.rcard .rwash{border-radius:22px}
  /* explore range rail */
  #rangeRail,.range-rail{gap:30px}
  /* quality promise 3-col */
  .promise{grid-template-columns:repeat(3,1fr)!important;gap:10px;padding:14px 12px 44px;max-width:none;margin:0}
  .pmc{aspect-ratio:auto;padding:8px 6px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
  .pmc img{width:100%;height:64px;object-fit:contain;border-radius:12px}
  .pmc .bar{width:32px;height:2px;margin:6px auto 0}
  .pmc h6{font-size:10.5cqw;color:var(--red);margin-top:5px;line-height:1.2;white-space:nowrap;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis}
}
@media (min-width:601px){
  .promise{grid-template-columns:repeat(3,1fr)}
  .ftr-links{display:block!important}
  .ftr-sec .hd{cursor:default}.ftr-sec .hd i{display:none}
}
@media (max-width:600px){.ftr-cols{grid-template-columns:1fr;gap:0}.shop-links{columns:2}.ftr-cols .ftr-sec{border-top:1px solid rgba(255,255,255,.14)}.ftr-cols .hd h6{margin-bottom:0}.ftr-top{flex-wrap:wrap;border-bottom:none;padding-bottom:12px;margin-bottom:0}.trust{flex-wrap:wrap;gap:10px}.trust>div{flex:1 1 calc(50% - 5px)}}
@media (max-width:430px){.pcw{width:236px}}
@media (max-width:360px){.m-loc b{font-size:21px}.hero h1{font-size:25px}.pcw{width:224px}}
@media (max-width:330px){.m-loc b{font-size:19px}.m-row .icons{gap:12px}.hero h1{font-size:23px}.pcw{width:210px}.rcard{width:210px}}
/* Mobile search overlay — M: Search Page default/typed */
.msearch-ov{display:none;position:fixed;inset:0;background:var(--page);z-index:1300;overflow-y:auto}
.msearch-ov.open{display:block}
.msearch-bar{position:sticky;top:0;background:var(--page);display:flex;align-items:center;gap:10px;padding:14px 16px 12px;z-index:2}
.msearch-field{flex:1;display:flex;align-items:center;gap:7px;height:37px;border:1px solid var(--navy);border-radius:14px;background:rgba(249,250,251,.5);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);padding:0 16px 0 10px;box-sizing:border-box}
.msearch-field>i{font-size:19px;color:var(--navy);flex-shrink:0}
.msearch-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--fb);font-weight:400;font-size:12px;color:var(--navy)}
.msearch-field input::placeholder{color:rgb(74,85,101)}
.msearch-close{font-size:22px;color:var(--navy);cursor:pointer;flex-shrink:0}
.msearch-body{padding:16px 19px 40px}
.ms-h{font-family:var(--fb);font-weight:700;font-size:16px;line-height:24px;color:var(--navy);margin:0 0 14px}
.ms-h:not(:first-child){margin-top:22px}
.ms-h2{font-family:var(--fb);font-weight:700;font-size:16px;line-height:24px;color:var(--navy);margin:0 0 6px;display:inline-block;border-bottom:2px solid var(--red);padding-bottom:4px}
.ms-h2:not(:first-child){margin-top:20px}
.ms-chips{display:flex;flex-wrap:wrap;gap:10px}
.msearch-body .chip{height:32px;font-size:12px;padding:7px 18px 8px}
.ms-cat{display:flex;align-items:center;gap:11px;text-decoration:none;margin-top:12px}
.ms-cat img{width:70px;height:61px;border-radius:16px;object-fit:cover;box-shadow:2px 2px 4px rgba(0,0,0,.09);flex-shrink:0}
.ms-cat span{font-family:var(--fb);font-size:14px;line-height:1;color:var(--navy);font-weight:500;text-transform:capitalize}
.ms-prods{display:flex;flex-direction:column;gap:20px;margin-top:14px}
.ms-prod{display:flex;align-items:center;gap:11px;text-decoration:none}
.ms-prod img{width:70px;height:61px;border-radius:16px;object-fit:cover;box-shadow:2px 2px 4px rgba(0,0,0,.09);flex-shrink:0}
.ms-prod span{font-family:var(--fb);font-size:14px;line-height:1.2;color:var(--navy);font-weight:500;text-transform:capitalize}
@media (min-width:601px){.msearch-ov{display:none!important}}
/* ===== PLP ===== */
.plp-hero{position:relative;overflow:hidden;min-height:clamp(180px,18vw,260px);padding:clamp(24px,3vw,44px) clamp(16px,5.2vw,100px);display:flex;align-items:center}
.plp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.62}
.plp-hero .fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(174,214,220,.82) 12%,rgba(174,214,220,.42) 40%,rgba(174,214,220,0) 60%)}
@media (max-width:600px){
  .plp-hero{min-height:150px;padding:20px 16px}
  .plp-hero>img{opacity:.35}
  .plp-hero .fade{background:rgba(255,255,255,.55)}
  .plp-hero h1,.plp-hero h1 span,.plp-hero p{position:relative;z-index:2}
  .plp-hero .inner{max-width:100%}
  .plp-hero h1,.plp-hero h1 span{color:var(--navy)}
  .plp-hero p{color:var(--navy)}
}
.plp-hero .inner{position:relative;z-index:2;max-width:560px}
.plp-hero h1{font-family:var(--fd);font-weight:700;font-size:clamp(34px,4.2vw,58px);line-height:1.1;margin:0}
.plp-hero h1 span{display:inline-block;white-space:pre;opacity:0;animation:plpType .26s ease forwards}
@keyframes plpType{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
.plp-hero .bar{width:var(--barw,150px);height:2px;border-radius:20px;background:var(--red);margin:10px 0 18px}
.plp-hero p{font-size:clamp(15px,1.2vw,19px);font-weight:500;color:var(--navy);max-width:480px;margin:0}
.plp-body{display:flex;gap:clamp(24px,3vw,40px);padding:clamp(24px,2.6vw,34px) clamp(16px,5.2vw,100px) 50px;align-items:flex-start}
.plp-side{width:290px;flex-shrink:0;border-right:1px solid rgba(46,53,99,.3);padding-right:28px;align-self:stretch}
.plp-clear{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.plp-ftitle{margin:0;font-family:var(--fd);font-weight:600;font-size:24px;color:var(--navy)}
.plp-clear a{font-size:15px;color:var(--red);font-weight:500;text-decoration:none}
.fhead{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.fhead i{font-size:16px;color:var(--teal)}
.fhead span{font-family:var(--fd);font-weight:600;font-size:22px;color:var(--navy)}
.fcol{display:flex;flex-direction:column;gap:10px}
.fchk{display:flex;gap:12px;align-items:center;cursor:pointer;padding:2px 0}
.fbox{width:14px;height:14px;flex-shrink:0;border-radius:4px;border:1.5px solid var(--gray4);background:#fff;display:flex;align-items:center;justify-content:center}
.fbox i{font-size:10px;color:#fff;display:none}
.fchk.on .fbox{border:none;background:var(--teal)}
.fchk.on .fbox i{display:block}
.fchk>span:last-child{font-size:14px;font-weight:500;color:var(--navy)}
.plp-side .fchk[data-all]>span:last-child{font-weight:700}
.fdiv{height:1px;background:var(--gray2);margin:22px 0}
.plp-side .fdiv{background:rgba(46,53,99,.3)}
.plp-side input[type=range]{width:100%;accent-color:var(--red);height:14px;-webkit-appearance:none;appearance:none;background:transparent}
.plp-side input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(var(--red),var(--red)) 0/var(--fill,100%) 100% no-repeat,var(--gray2)}
.plp-side input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:var(--gray2)}
.plp-side input[type=range]::-moz-range-progress{height:3px;border-radius:999px;background:var(--red)}
.plp-side input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;background:var(--red);border:none;cursor:pointer}
.plp-side input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--red);border:none;cursor:pointer}
.price-row{display:flex;justify-content:space-between;font-size:14px;color:var(--navy);font-weight:600;margin-top:4px}
.feat-col{display:flex;flex-direction:column;gap:14px}
.feat-row{display:flex;gap:12px;align-items:center;cursor:pointer}
.feat-row.on .fbox{border:none;background:var(--teal)}
.feat-row.on .fbox i{display:block}
.feat-ic{width:42px;height:42px;border-radius:50%;background:rgba(102,195,208,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feat-ic i{font-size:21px;color:var(--teal)}
.feat-tx{flex:1}
.feat-tx b{display:block;font-size:16px;font-weight:600;color:var(--navy)}
.feat-tx small{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.plp-main{flex:1;min-width:0}
.plp-crumb-top{padding:20px clamp(16px,5.2vw,100px) 20px;font-size:12px;color:var(--muted)}
.plp-crumb-top .bc a{color:var(--teal);text-decoration:none}
.plp-crumb-top .bc b{color:var(--navy);font-weight:600}
.plp-crumb{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 0 20px;flex-wrap:wrap}
.plp-crumb .bc{font-size:12px;color:var(--muted)}
.plp-crumb .bc a{color:var(--teal);text-decoration:none}
.plp-crumb .bc b{color:var(--navy);font-weight:600}
.plp-sort{appearance:none;-webkit-appearance:none;border:1px solid var(--gray2);border-radius:10px;padding:10px 44px 10px 16px;font-size:15px;font-family:var(--fb);color:var(--navy);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232e3563' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer}
.plp-count{font-size:16px;color:var(--navy);font-weight:600;margin:0;margin-right:auto}
.plp-sort:focus,.pmb-sort:focus{outline:2px solid var(--navy);outline-offset:1px}
.plp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,50px)}
@media (max-width:1500px){.plp-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1250px){.plp-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1000px){.plp-grid{grid-template-columns:repeat(2,1fr)}}
.plp-grid .pcw{width:100%;max-width:372px;justify-self:center}
.plp-more{text-align:center;padding:38px 0 6px}
.plp-more a{display:inline-flex;align-items:center;gap:2px;font-size:clamp(18px,1.4vw,24px);color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.plp-spin{display:inline-block;width:34px;height:34px;border:3px solid rgba(11,31,58,.15);border-top-color:var(--navy);border-radius:50%;animation:plpspin .7s linear infinite}
@keyframes plpspin{to{transform:rotate(360deg)}}
/* coupon banner */
.coupon-wrap{padding:clamp(20px,2vw,32px) clamp(16px,5.2vw,150px)}
.coupon{position:relative;display:flex;align-items:center;gap:clamp(24px,3vw,50px);background:linear-gradient(90deg,rgba(102,195,208,.20) 0%,var(--ivory) 42%,var(--ivory) 60%,rgba(201,168,118,.22) 100%);border-radius:24px;padding:clamp(32px,4vw,56px) clamp(28px,4vw,60px);overflow:hidden;box-shadow:0 12px 30px rgba(46,53,99,.10);flex-wrap:nowrap}
.coupon .cwm{position:absolute;left:-30px;bottom:-40px;width:240px;opacity:.12;pointer-events:none}
.coupon .notch{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:var(--page)}
.coupon .notch.l{left:-26px}.coupon .notch.r{right:-26px}
.coupon .cleft{flex-shrink:0;position:relative;padding-left:40px}
.coupon .cbig{font-family:var(--fd);font-weight:800;font-size:clamp(38px,4vw,54px);line-height:1;background:linear-gradient(90deg,#e31e24,#66c3d0);-webkit-background-clip:text;background-clip:text;color:transparent}
.coupon .csub{font-family:var(--fd);font-weight:600;font-size:clamp(24px,2.4vw,32px);color:var(--navy);margin-top:10px}
.coupon .cmid{display:flex;flex-direction:column;align-items:center;gap:12px;margin-left:auto}
.coupon .code{display:flex;align-items:center;gap:24px;background:#fff;border-radius:16px;padding:16px 34px;box-shadow:0 6px 16px rgba(0,0,0,.09)}
.coupon .code .lbl2{font-family:var(--fd);font-weight:800;font-size:17px;line-height:1.08;color:var(--navy);letter-spacing:1px}
.coupon .code .sep{align-self:stretch;border-left:2px dashed var(--gray4)}
.coupon .code .val{font-family:var(--fd);font-weight:800;font-size:clamp(28px,3vw,38px);color:var(--navy);letter-spacing:2px}
.coupon .cterms{font-size:17px;color:var(--muted)}
.coupon .cimg{flex-shrink:0;position:relative;width:118px;height:118px;margin-right:60px}
.coupon .cimg img{width:118px;height:118px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.coupon .cimg .pct{position:absolute;right:-8px;top:-8px;width:44px;height:44px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;font-size:24px;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.18)}
@media (max-width:600px){
  .plp-body{flex-direction:column;align-items:stretch}
  .plp-main{width:100%}
  .plp-count{display:none}
  .plp-side{display:none}
  .fside-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:79;display:none}
  .plp-grid{grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:26px}
  .coupon{justify-content:center;text-align:center;gap:16px}
  .coupon .cleft{padding-left:0;min-width:0}
  .coupon .cimg{margin-right:0}
  .coupon .cmid{margin-left:0}
}
@media (max-width:1000px){
  .coupon{justify-content:center;gap:20px;padding:clamp(24px,3vw,36px) clamp(18px,2.5vw,32px)}
  .coupon .cleft{padding-left:0;min-width:0}
  .coupon .cmid{margin-left:auto;min-width:0}
  .coupon .cimg{margin-right:0}
}
@media (max-width:600px){
  .coupon{display:grid;grid-template-columns:1fr auto;grid-template-areas:"a c" "b c";column-gap:12px;row-gap:10px;align-items:center;padding:18px 14px;text-align:left}
  .coupon .cleft{grid-area:a;padding-left:0;min-width:0;position:relative;z-index:2}
  .coupon .cmid{grid-area:b;align-items:flex-start;margin-left:0;min-width:0;position:relative;z-index:2}
  .coupon .cimg{grid-area:c;align-self:center;margin-right:0;position:relative;z-index:2}
  .coupon .cbig{font-size:22px}
  .coupon .csub{font-size:14px;margin-top:2px}
  .coupon .cimg,.coupon .cimg img{width:90px;height:90px}
  .coupon .cimg img{border-width:3px}
  .coupon .cimg .pct{width:30px;height:30px;font-size:12px;right:-5px;top:-5px}
  .coupon .code{padding:8px 12px;gap:10px;border-radius:12px;max-width:100%}
  .coupon .code .lbl2{font-size:10px}
  .coupon .code .val{font-size:15px;letter-spacing:1px}
  .coupon .cterms{font-size:10.5px}
}
@media (max-width:560px){.plp-grid{grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:24px}}
@media (max-width:600px){.pcard .ttl h6{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.35em*3)}
.pcard .pc-varrow{margin-top:16px}
.pcard .prow{margin-top:11px}
.pcard .bd{padding-bottom:5.4cqw}
.plp-grid .pcard .ttl h6{font-size:10px;display:block;overflow:visible;-webkit-line-clamp:none}
.pcard .imgw .band span,.plp-grid .pcard .imgw .band span{height:var(--strip);min-height:0;padding:0 8px;line-height:1.2}}
.plp-mbar{display:none}
@media (max-width:600px){
  .plp-mbar{display:flex;align-items:center;gap:14px;padding:16px clamp(16px,4vw,24px) 6px}
  .pmb-filter{display:flex;align-items:center;gap:4px;border:none;border-radius:14px;background:var(--page);width:auto;height:34px;padding:0 10px;justify-content:center;color:var(--navy)}
  .pmb-filter i:first-child{font-size:17px}
  .pmb-filter i:last-child{font-size:10px}
  .pmb-count{flex:1;min-width:0;font-size:12px;color:#737b8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pmb-sort{width:auto;flex-shrink:0;border-radius:14px;height:34px;font-size:14px;padding:6px 34px 6px 12px}
  .plp-crumb{display:none}
  .psm-head{display:flex;align-items:center;justify-content:space-between;padding:14px 0 12px;font-family:var(--fb);font-weight:600;font-size:15.5px;color:var(--navy);position:sticky;top:0;background:#fff;z-index:2}
  .psm-head i{font-size:22px;cursor:pointer;color:var(--navy)}
  .psm-apply{display:block;width:100%;margin-top:16px;background:var(--red);color:#fff;border:none;border-radius:12px;height:42px;font-weight:600;font-size:14px}
  body.fdrawer-open{overflow:hidden}
}
/* Mobile filter panel — figma "MobileFilterPanel" 402x983 */
.mfp{display:none}
@media (max-width:600px){
  .mfp{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;top:auto;height:88dvh;max-height:88dvh;z-index:80;background:var(--page);border-radius:16px 16px 0 0;box-shadow:0 8px 40px rgba(0,0,0,.18);transform:translateY(105%);transition:transform .3s ease;overflow:hidden}
  .mfp.open{transform:translateY(0)}
  .mfp-top{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;padding:12px 14px 10px;background:var(--page);border-bottom:.8px solid #E5E7EB}
  .mfp-top a{font-family:var(--fb);font-weight:600;font-size:14px;line-height:21px;color:#E31E24;text-decoration:underline}
  .mfp-body{flex:1;min-height:0;display:flex;align-items:stretch}
  .mfp-tabs{width:170px;flex-shrink:0;display:flex;flex-direction:column;border:1px solid #E5E7EB;box-shadow:2px 2px 4px rgba(0,0,0,.03);background:var(--page)}
  .mfp-tab{display:flex;align-items:center;gap:16px;height:46px;flex-shrink:0;padding:0 5px;border:1px solid #E5E7EB;border-width:0 0 1px;background:transparent;font-family:var(--fb);font-weight:400;font-size:16px;line-height:24px;color:#1E2D6B;text-align:left}
  .mfp-tab.on{background:#fff;font-weight:600}
  .mfp-tab i{font-size:18px;color:#66C3D0;flex-shrink:0;width:20px;text-align:center}
  .mfp-tab .rs{font-family:Arimo,sans-serif;font-weight:700;font-size:20px;line-height:20px;color:#66C3D0;width:20px;text-align:center;flex-shrink:0}
  .mfp-pane{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:9px 14px 16px 22px}
  .mfp-sec{display:none}
  .mfp-sec.on{display:block}
  .mfp .fchk{display:flex;align-items:center;gap:22px;padding:0;cursor:pointer}
  .mfp .feat-row{display:flex;align-items:center;gap:12px;padding:0;cursor:pointer}
  .mfp #mCatList,.mfp #mFeatList{display:flex;flex-direction:column;gap:20px}
  .mfp .fbox{width:14px;height:14px;flex-shrink:0;border-radius:4px;border:1.6px solid #D1D5DB;background:var(--page);display:flex;align-items:center;justify-content:center}
  .mfp .fbox i{font-size:11px;color:var(--page);display:none}
  .mfp .fchk.on .fbox,.mfp .feat-row.on .fbox{border-color:#2E3563;background:#2E3563}
  .mfp .fchk.on .fbox i,.mfp .feat-row.on .fbox i{display:block}
  .mfp .fchk>span:last-child{font-family:var(--fb);font-weight:400;font-size:14px;line-height:21px;color:#6B7280;white-space:nowrap}
  .mfp .fchk[data-all]>span:last-child,.mfp .fchk.on>span:last-child{font-weight:600;color:#1E2D6B}
  .mfp .feat-row .feat-ic{display:flex;width:28px;height:28px;border-radius:50%;background:rgba(102,195,208,.16);align-items:center;justify-content:center;flex-shrink:0}
  .mfp .feat-row .feat-ic i{font-size:15px;color:#66C3D0}
  .mfp .feat-row .feat-tx b{display:block;font-family:var(--fb);font-weight:600;font-size:14px;line-height:21px;color:#1E2D6B}
  .mfp .feat-row .feat-tx small{display:block;font-family:var(--fb);font-weight:400;font-size:12px;line-height:18px;color:#6B7280}
  .mfp-price{padding:12px 4px 0}
  .mfp-price input[type=range]{width:100%;accent-color:#E31E24;height:20px}
  .mfp-prow{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--fb);font-weight:600;font-size:14px;line-height:21px;color:#1E2D6B}
  .mfp-foot{flex-shrink:0;display:flex;gap:10px;padding:10px 18px 14px;background:var(--page)}
  .mfp-btn{flex:1;height:40px;border:none;border-radius:30px;background:#E31E24;color:var(--page);box-shadow:0 3px 4px rgba(0,0,0,.1);font-family:var(--fb);font-weight:700;font-size:13.5px;line-height:20px;letter-spacing:.3px}
  .mfp-btn.ghost{background:#fff;color:#E31E24}
}
/* PLP product card — figma "Desktop card component" 336x507 (cqw of card width) */
.plp-grid .pcard{min-height:0;height:auto;--strip:clamp(21px,10cqw,28px);border-radius:min(8.93cqw,26px);box-shadow:0 10px 25px rgba(0,0,0,.10),0 30px 50px -20px rgba(0,0,0,.18)}
.plp-grid .pcard{--strip:24px}
.plp-grid .pcard .imgw{height:190px}
.plp-grid .pcard .imgw .band{height:190px}
.plp-grid .pcard .imgw .band{border-radius:min(8.93cqw,26px)}
.plp-grid .pcard .imgw .band span{height:var(--strip);min-height:0;padding:0 10px;font-size:clamp(11px,4.2cqw,14px);left:0;right:0;bottom:0}
.plp-grid .pcard .imgw img{height:166px;border-radius:min(8.93cqw,26px)}
.plp-grid .pcard .bd{padding:min(2.98cqw,14px) min(4.94cqw,20px) min(3.6cqw,10px)}
.plp-grid .pcard .prow{min-height:min(17cqw,48px);grid-template-rows:auto;align-items:center;padding-top:3px}
.plp-grid .pcard .ttl{margin-bottom:5px}
.plp-grid .pc-varrow{margin-top:auto}
.plp-grid .pcard .prow .addw{align-self:center;grid-row:1}
.plp-grid .pcard.oos .prow .addw{grid-column:1/3;grid-row:1}
.plp-grid .pcard .pr{flex-wrap:nowrap;align-items:center}
.plp-grid .pcard .pr .mrp2{flex:0 0 auto;margin-left:2px;align-self:center}
.plp-grid .pcard .ttl h6{flex:1;min-width:0;width:100%;font-family:var(--fb);font-weight:500;font-size:13px;line-height:1.35;min-height:0}
@media (min-width:601px){.plp-grid .pcard .ttl h6{min-height:calc(1.35em*3)}}
.plp-grid .pcard .rate{min-height:9.52cqw;height:auto;line-height:1;border-radius:2.38cqw;padding:3px 2.4cqw;gap:1.2cqw;font-size:clamp(11px,4.9cqw,15px)}
.plp-grid .pcard .rate i{font-size:clamp(10px,3.9cqw,13px)}
.plp-grid .pcard .pr b{font-family:var(--fb);font-weight:700;font-size:clamp(14px,7cqw,18px);line-height:1.1}
.plp-grid .pcard .pr .off{font-family:var(--fb);font-weight:400;font-size:clamp(10px,4.6cqw,12px);color:var(--navy)}
.plp-grid .pcard .prow .mrp2{font-family:var(--fb);font-weight:300;font-size:clamp(10px,4.6cqw,12px);color:#99a1af;text-decoration:line-through}
.plp-grid .pcard .pr{gap:0 3px}
.plp-grid .pcard .pr .off{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.plp-grid .pcard .btn-add,.plp-grid .pcard .qty{width:min(calc(34cqw + 10px),132px);min-width:78px;height:auto;min-height:min(14.88cqw,38px);line-height:1;padding:6px 6px;font-family:var(--fb);font-weight:600;font-size:clamp(11px,5.95cqw,16px);box-shadow:none}
.plp-grid .pcard .qty button{font-size:clamp(12px,6.8cqw,17px)}
.plp-grid .pcard .qty b{font-size:clamp(11px,5.95cqw,16px);font-weight:600}
@media (min-width:601px){
.plp-grid .pcard .btn-add,.plp-grid .pcard .qty{min-height:min(18cqw,38px);padding:7px 6px}
.plp-grid .pcard.oos .oos-txt{min-height:min(18cqw,38px)}
}
@media (max-width:600px){
.plp-grid .pcard .prow{align-items:center}
.plp-grid .pcard .prow .addw{align-self:center}
.plp-grid .pcard .btn-add,.plp-grid .pcard .qty{width:auto;min-width:64px;height:34px;min-height:34px;padding:0 12px;font-size:12px}
.plp-grid .pcard.oos .oos-txt{min-height:34px;font-size:clamp(14px,7cqw,18px)}
.plp-grid .pcard .qty button{font-size:14px}
.plp-grid .pcard .qty b{font-size:13px}
.plp-grid .pcard .qty{padding:0 8px}
.plp-grid .pcard .qty button{flex:0 0 18px;width:18px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}
.plp-grid .pcard .qty b{flex:1;min-width:0;text-align:center}
.plp-grid .pcard .qty .mn i{font-size:1em;vertical-align:0}
}

/* ===== My Account — figma "D: My Accounts" / "M: My orders" ===== */
.acct-wrap{padding:clamp(20px,2vw,38px) 0 clamp(40px,4vw,76px)}
.acct-inner{padding:0 clamp(16px,5.2vw,100px)}
.acct-title{font-family:var(--fb);font-weight:700;font-size:clamp(24px,2.1vw,40px);color:var(--navy);margin:0 0 clamp(16px,1.6vw,30px)}
.acct-body{display:flex;gap:clamp(20px,2.3vw,44px);align-items:flex-start}
.acct-side{width:clamp(260px,25vw,484px);flex-shrink:0;border-radius:16px;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.08);overflow:hidden}
.acct-side-hd{background:var(--navy);padding:clamp(24px,2.2vw,40px) 20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.acct-avatar{width:clamp(66px,6vw,110px);height:clamp(66px,6vw,110px);border-radius:50%;background:#fff;border:2.4px solid var(--teal);display:flex;align-items:center;justify-content:center;font-family:var(--fb);font-weight:500;font-size:clamp(26px,2.5vw,48px);color:var(--navy)}
.acct-name{margin-top:12px;font-family:var(--fb);font-weight:700;font-size:clamp(16px,1.1vw,20px);color:#fff}
.acct-email{margin-top:4px;font-family:var(--fb);font-size:clamp(12px,.83vw,15px);color:rgba(255,255,255,.6)}
.acct-nav{display:flex;flex-direction:column;padding:16px 0}
.acct-nav button{display:flex;align-items:center;gap:16px;width:100%;border:none;background:transparent;border-left:4px solid transparent;padding:16px 32px;font-family:var(--fb);font-size:clamp(14px,.9vw,16px);color:#555;cursor:pointer;text-align:left}
.acct-nav button i{font-size:22px;color:#999}
.acct-nav button.on{background:rgba(46,53,99,.08);border-left-color:var(--teal);color:var(--navy);font-weight:600}
.acct-nav button.on i{color:var(--teal)}
.acct-nav button:hover:not(.on){background:#f7f7f7}
.acct-tabbar{display:none}
@media (max-width:1000px){.acct-side{display:none}}
@media (min-width:1001px){.acct-tabbar{display:none!important}}
.acct-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:22px}
.acct-panel{display:none}
.acct-panel.on{display:block}
.acct-ord-hd{text-align:center;padding:0 0 clamp(12px,1.5vw,24px)}
.acct-ord-hd h2{font-family:var(--fd);font-weight:600;font-size:clamp(22px,2.4vw,44px);color:#0f172a;margin:0}
.acct-ord-hd h2 .hl-teal{color:var(--teal)}
.acct-ord-hd .bar{width:100px;height:2px;border-radius:20px;background:var(--red);margin:10px auto 0}
.acct-ord-hd p{margin:8px 0 0;font-family:var(--fb);font-size:clamp(13px,.9vw,15px);color:var(--muted)}
.acct-ord-hd.dark h2{color:#fff}.acct-ord-hd.dark p{color:#fff}
.ord-list{display:flex;flex-direction:column;gap:20px}
.ord-card{border-radius:20px;background:#fafafa;border:.8px solid #f0f0f0;box-shadow:0 2px 4px rgba(0,0,0,.08);padding:clamp(16px,1.4vw,26px)}
.ord-top{display:flex;gap:16px;align-items:center}
.ord-thumbs{display:flex;flex-shrink:0}
.ord-thumbs img{width:clamp(36px,3.4vw,58px);height:clamp(36px,3.4vw,58px);border-radius:14px;object-fit:cover;box-shadow:inset 0 0 0 1px #fff;border-left:2px solid #fff;margin-left:-14px}
.ord-thumbs img:first-child{border-left:none}
.ord-thumbs img:first-child{margin-left:0}
.ord-meta{min-width:0}
.ord-num{font-family:var(--fb);font-weight:700;font-size:clamp(15px,1vw,17px);color:var(--navy)}
.ord-meta small{display:block;margin-top:4px;font-family:var(--fb);font-size:clamp(11px,.78vw,13px);color:#888;text-wrap:pretty}
.ord-status{flex-shrink:0;margin-left:auto;padding:6px 16px;border-radius:999px;background:#e8f5eb;font-family:var(--fb);font-weight:600;font-size:clamp(11px,.78vw,13px);color:#3d9b4f;white-space:nowrap}
.ord-status.delivered{background:#e6effc;color:#2f6fd1}
.ord-info{margin-top:16px;padding-top:14px;padding-bottom:14px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 40px;font-family:var(--fb);font-size:clamp(12px,.83vw,14px);color:#999}
.ord-info span{white-space:nowrap}
.ord-info span b{font-weight:600;color:#666;margin-right:4px}
.ord-items{padding-top:14px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:10px 24px}
.ord-item{display:flex;align-items:center;gap:10px;font-family:var(--fb);font-size:clamp(12px,.83vw,14px);color:#1a1a1a;white-space:nowrap}
.ord-item .qty{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:6px;font-size:10px;font-weight:600;color:#888}
.ord-foot{margin-top:18px;padding-top:16px;display:flex;align-items:center;justify-content:space-between}
.ord-total{font-family:var(--fb);font-size:clamp(12px,.83vw,14px);color:#999}
.ord-total b{color:var(--navy);font-weight:700}
.ord-inv{display:flex;align-items:center;gap:8px;border:none;background:#e5e7eb;border-radius:999px;padding:10px 20px;font-family:var(--fb);font-weight:500;font-size:clamp(13px,.9vw,14px);color:var(--navy);cursor:pointer}
.ord-inv:hover{background:#d8dbe0}
.acct-card{border-radius:16px;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:clamp(24px,2.5vw,48px)}
.acct-card-hd{font-family:var(--fb);font-weight:700;font-size:clamp(20px,1.35vw,26px);color:var(--navy);margin:0 0 clamp(20px,2vw,40px)}
.acct-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fld{display:flex;flex-direction:column;gap:8px}
.fld.wide{grid-column:span 1}
.fld label{font-family:var(--fb);font-weight:500;font-size:14px;color:#333}
.fld label .req{color:var(--red)}
.fld input,.fld select{width:100%;height:54px;border:none;border-radius:14px;background:#f5f5f5;box-shadow:2px 2px 4px rgba(0,0,0,.08);padding:0 16px;font-family:var(--fb);font-size:15px;color:#333}
.acct-update{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;margin-top:28px;align-self:center;border:none;border-radius:999px;background:var(--red);color:#fff;height:54px;padding:0 40px;font-family:var(--fb);font-weight:700;font-size:16px;cursor:pointer}
.acct-update:hover{filter:brightness(1.06)}
.acct-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 0}
.acct-empty i{font-size:40px;color:var(--teal)}
.acct-empty p{font-family:var(--fb);color:var(--muted);margin:0}
.buy-again{display:none}
.ba-trust{display:flex;gap:12px;padding:16px}
.ba-t{flex:1;background:#f9f9f9;border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.ba-t .ic{width:42px;height:42px;border-radius:14px;background:var(--teal);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:4px}
.ba-t b{font-family:var(--fb);font-weight:600;font-size:11px;color:#222}
.ba-t small{font-family:var(--fb);font-size:10px;color:#999}
.ord-loader{display:none;align-items:center;justify-content:center;gap:10px;padding:20px 0;font-family:var(--fb);font-size:13px;color:var(--muted)}
.ord-loader.on{display:flex}
.ord-loader .spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--gray2);border-top-color:var(--teal);animation:ordspin .7s linear infinite}
@keyframes ordspin{to{transform:rotate(360deg)}}
.ord-more{margin-top:8px;border:1.5px solid var(--teal);background:#fff;color:var(--navy);font-family:var(--fb);font-weight:600;font-size:14px;padding:12px 32px;border-radius:999px;cursor:pointer}
.ord-more:hover{background:var(--teal);color:#fff}
.ord-more:disabled{opacity:.6;cursor:default}
#ordMoreWrap{margin-top:20px;color:var(--navy)}
#ordMoreWrap.disabled{pointer-events:none;opacity:.5}
.acct-trust-wrap{padding:clamp(20px,2vw,38px) 0}
.acct-trust{display:flex;gap:16px;padding:20px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.at-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.at-item .ic{flex-shrink:0;width:56px;height:56px;border-radius:16px;background:var(--teal);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:26px}
.at-item b{display:block;font-family:var(--fb);font-weight:700;font-size:16px;color:#222}
.at-item small{display:block;margin-top:2px;font-family:var(--fb);font-size:12px;color:#999}
@keyframes atTruck{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@keyframes atCard{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
@keyframes atHeadset{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.at-item:nth-child(1) .ic i{animation:atTruck 1.2s ease-in-out infinite}
.at-item:nth-child(2) .ic i{animation:atCard 1.8s ease-in-out infinite}
.at-item:nth-child(3) .ic i{animation:atHeadset 1.4s ease-in-out infinite}
.pairup-sec{margin-top:36px;padding-bottom:30px!important}
.pairup-sec .sec-head{padding:30px 0 20px}
.pairup-sec .sec-head h2{font-size:clamp(18px,1.8vw,28px)}
.pairup-sec .sec-head p{font-size:clamp(11px,.8vw,13px)}
.pairup-rail{display:flex;gap:16px;padding:0 0 6px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.pairup-rail::-webkit-scrollbar{display:none}
.pairup-sec .rp-dots{padding-top:22px}
.pairup-sec .rp-wm{width:clamp(160px,16vw,300px)}
.pairup-rail .pcardw{width:230px;padding:12px;gap:12px}
.pairup-rail .pcardw .pimg{width:76px;height:76px}
.pairup-rail .pcardw .pt{font-size:14px}
.pairup-rail .pcardw .pbot b{font-size:15px}
.pairup-rail .pcardw .padd{height:32px;padding:0 16px;font-size:12px}
.pairup-rail .pcardw .prate{font-size:10px;padding:2px 5px}
.sugg-card{position:relative;width:168px;flex-shrink:0;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:#fff;border:.8px solid #e8eaf0;box-shadow:0 2px 10px rgba(46,53,99,.07)}
.sugg-card .simg{position:relative;height:110px;background:var(--teal);overflow:hidden}
.sugg-card .simg img{width:100%;height:100%;object-fit:cover}
.sugg-card .off{position:absolute;top:6px;right:6px;background:var(--red);color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:10px;padding:3px 6px;border-radius:6px}
.sugg-card .sbd{padding:8px 8px 10px}
.sugg-card h6{margin:0;font-family:var(--fb);font-weight:600;font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sugg-card .sprice{display:flex;align-items:baseline;gap:6px;margin:6px 0 8px}
.sugg-card .sprice b{font-family:var(--fb);font-weight:700;font-size:14px;color:var(--navy)}
.sugg-card .sprice span{font-family:var(--fb);font-size:11px;color:#6b7280;text-decoration:line-through}
.sugg-card .sadd{width:100%;height:32px;border-radius:8px;border:.8px solid var(--red);background:transparent;color:var(--red);font-family:Inter,sans-serif;font-weight:700;font-size:12px;cursor:pointer}
.sugg-card .sadd:hover{background:var(--red);color:#fff}
@media (max-width:1000px){
  .acct-body{flex-direction:column;align-items:stretch}
  .acct-tabbar{display:flex;gap:8px;overflow-x:auto;padding:0 0 16px;scrollbar-width:none;min-width:0;width:100%}
  .acct-tabbar::-webkit-scrollbar{display:none}
  .acct-tabbar button{flex-shrink:0;border:.8px solid var(--teal);background:#fff;border-radius:999px;padding:10px 18px;font-family:var(--fb);font-size:13px;color:#555;white-space:nowrap;cursor:pointer}
  .acct-tabbar button.on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.12)}
  .acct-form{grid-template-columns:1fr}
  .buy-again{display:block;background:var(--navy);padding:24px 0 4px;margin-top:24px;position:relative;overflow:hidden}
  .buy-again .prod-rail .pcw{width:200px}
  .acct-trust{gap:8px;padding:14px 10px}
  .at-item{gap:4px}
  .at-item .ic{width:36px;height:36px;font-size:18px}
  .at-item b{font-size:10.5px}
  .at-item small{font-size:9px;margin-top:0}
}
@media (max-width:600px){
  .acct-title{padding:0 4px}
  .ord-meta small{font-size:10.5px}
  .ord-top{flex-wrap:wrap;align-items:flex-start}
  .ord-thumbs{order:1}
  .ord-status{order:2;margin-left:auto;align-self:center}
  .ord-meta{order:3;flex:0 0 100%;margin-top:10px}
  .ord-info{flex-direction:column;gap:6px}
}
/* ===== Recipes — figma "D/M: Listing Recipe Page" ===== */
.rf-hero{position:relative;background:var(--navy);overflow:hidden;padding:clamp(40px,6vw,80px) 0;margin-top:0}
.crumb-w{background:#fff;padding-bottom:clamp(14px,1.2vw,22px)}
.rf-deco{position:absolute;object-fit:contain;pointer-events:none;opacity:.18}
.rf-deco-1{left:clamp(-90px,-5vw,-40px);top:clamp(-90px,-5vw,-40px);width:clamp(180px,18vw,280px)}
.rf-deco-2{right:clamp(-160px,-9vw,-70px);bottom:clamp(-180px,-10vw,-80px);width:clamp(300px,34vw,520px);transform:rotate(180deg)}
.rf-hero-in{position:relative;display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(28px,4vw,96px);align-items:center}
.rf-hero-txt h1{font-family:var(--fd);font-weight:600;font-size:clamp(30px,3.3vw,64px);color:#fff;margin:0;line-height:1.12}
.rf-hero-txt .bar{width:clamp(90px,8vw,160px);height:2px;border-radius:20px;background:var(--red);margin:clamp(12px,1.2vw,22px) 0}
.rf-hero-txt .lead{font-size:clamp(15px,1vw,20px);color:rgba(255,255,255,.85);margin:0 0 clamp(10px,1vw,18px)}
.rf-hero-txt .desc{font-size:clamp(13px,.85vw,16px);line-height:1.7;color:rgba(255,255,255,.62);margin:0}
.rf-hero-card{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:1024/480}
.rf-hero-card img{width:100%;height:100%;object-fit:cover}
.rf-shade{position:absolute;inset:0;background:linear-gradient(130deg,rgba(15,15,40,.62) 16%,rgba(15,15,40,.35) 55%,rgba(15,15,40,.12) 84%)}
.rf-badge{position:absolute;left:20px;top:20px;background:var(--teal);color:#fff;font-size:13px;font-weight:500;letter-spacing:.5px;padding:4px 14px;border-radius:999px}
.rf-fav{position:absolute;right:14px;top:14px;width:32px;height:32px;font-size:16px;border-radius:50%;background:rgba(255,255,255,.9);border:none;display:flex;align-items:center;justify-content:center;color:var(--red);font-size:18px;cursor:pointer}
.rf-fav.sm{width:30px;height:30px;font-size:15px;right:12px;top:12px}
.rf-fav:hover{background:#fff}
.rf-fav.on{background:var(--red);color:#fff}
.rf-cap{position:absolute;left:0;right:0;bottom:0;padding:0 28px 26px}
.rf-cap h3{font-size:clamp(18px,1.4vw,26px);color:#fff;font-weight:700;margin:0}
.rf-cap p{font-size:clamp(13px,.85vw,16px);color:rgba(255,255,255,.8);margin:8px 0}
.rf-meta{display:flex;gap:24px}
.rf-meta span{display:flex;align-items:center;gap:6px;font-size:clamp(12px,.8vw,14px);color:rgba(255,255,255,.85)}
.rf-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:clamp(16px,2vw,32px) 0}
.rf-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:10px 22px;font-size:16px;font-weight:500;font-family:var(--fb);background:#fff;border:.8px solid var(--gray2);color:var(--navy);cursor:pointer}
.rf-pill.on{background:var(--navy);border-color:var(--navy);color:#fff}
.rf-pico{width:15px;height:15px;flex-shrink:0}
.rf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.rf-card{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:1/1}
.rf-card img{width:100%;height:100%;object-fit:cover}
.rf-cshade{position:absolute;left:0;right:0;bottom:0;height:68%;background:linear-gradient(0deg,rgba(46,53,99,.9) 0%,rgba(46,53,99,.5) 40%,rgba(0,0,0,0) 100%)}
.rf-cinfo{position:absolute;left:0;right:0;bottom:0;padding:0 14px 14px}
.rf-cinfo h4{font-size:16px;font-weight:600;color:#fff;margin:0;line-height:1.35}
.rf-cmeta{display:flex;gap:14px;padding-top:8px}
.rf-cmeta span{display:flex;align-items:center;gap:4px;font-size:13px;color:rgba(255,255,255,.85)}
.rf-more-wrap{padding:clamp(28px,3.4vw,52px) 0}
.container-bs:has(.rf-grid){padding-bottom:clamp(28px,3.4vw,52px)}
/* ===== Recipe Detail — figma "D/M: Detail Recipe Page" ===== */
.rd-hero{position:relative;overflow:hidden;min-height:clamp(360px,42vw,702px)}
.rd-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rd-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,40,.62) 0%,rgba(15,15,40,.4) 55%,rgba(15,15,40,.12) 100%)}
.rd-hero-in{position:relative;z-index:1;padding:clamp(40px,5vw,88px) clamp(16px,5.2vw,100px) clamp(30px,3.2vw,60px)}
.rd-hero-in h1{font-family:var(--fd);font-weight:600;font-size:clamp(30px,3.6vw,58px);line-height:1.28;color:#fff;margin:0}
.rd-hero-in .bar{width:clamp(90px,10vw,180px);height:2px;border-radius:20px;background:var(--red);margin:clamp(12px,1.4vw,22px) 0}
.rd-desc{max-width:700px;font-size:clamp(14px,1.1vw,20px);line-height:1.65;color:#e5e7f0;margin:0 0 clamp(20px,2.2vw,40px)}
.rd-meta{display:flex;gap:clamp(8px,1vw,16px);flex-wrap:wrap}
.rd-pill{display:flex;align-items:center;gap:8px;background:#f4f6fa;border:.8px solid #eaecf5;border-radius:10px;padding:12px 16px;font-size:clamp(11px,.85vw,15px)}
.rd-pill i{color:var(--teal);font-size:1.4em}
.rd-pill b{font-family:var(--fb);font-weight:700;letter-spacing:.5px;color:var(--navy);text-transform:uppercase}
.rd-body{padding:clamp(30px,4vw,80px) 0}
.rd-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,56px)}
.rd-h2{margin:0 0 20px;display:inline-flex;flex-direction:column;align-items:flex-start}
.rd-h2 h2{font-family:var(--fd);font-weight:600;font-size:clamp(24px,2.1vw,40px);color:var(--navy);margin:0}
.rd-h2 .bar{align-self:stretch;height:2px;border-radius:20px;background:var(--red);margin-top:12px}
.rd-ing{list-style:none;margin:0 0 clamp(20px,2vw,32px);background:#fff;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.07);padding:clamp(20px,2.6vw,36px);display:flex;flex-direction:column;gap:clamp(10px,1.4vw,18px)}
.rd-ing li{font-size:clamp(14px,1vw,18px);line-height:1.5;color:#374151;position:relative;padding-left:20px}
.rd-ing li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--navy)}
.rd-tip{display:flex;gap:18px;background:#e3f6f8;border:.8px solid rgba(102,195,208,.19);border-radius:20px;padding:clamp(16px,2vw,24px) clamp(18px,2.4vw,28px);margin-bottom:clamp(30px,4vw,60px)}
.rd-tip-wrap{display:flex;justify-content:center;padding-top:clamp(20px,2.5vw,36px)}
.rd-tip-wrap .rd-tip{max-width:640px;margin-bottom:0}
.rd-tip-ic{width:52px;height:52px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--teal),#3fb3c4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;position:relative}
.rd-tip-ic::before{content:"";position:absolute;inset:-16px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 24deg,rgba(253,199,0,.85) 24deg 30deg);-webkit-mask:radial-gradient(circle,transparent 52%,#000 55%,#000 90%,transparent 92%);mask:radial-gradient(circle,transparent 52%,#000 55%,#000 90%,transparent 92%);opacity:0;animation:bulbRays 2.4s ease-in-out infinite;pointer-events:none}
.rd-tip-ic i{animation:bulbGlow 2.4s ease-in-out infinite;position:relative;z-index:1}
@keyframes bulbGlow{0%,100%{color:rgba(255,255,255,.85);filter:drop-shadow(0 0 0 rgba(253,199,0,0))}8%{color:var(--yellow);filter:drop-shadow(0 0 12px rgba(253,199,0,1)) drop-shadow(0 0 3px #fff)}55%{color:var(--yellow);filter:drop-shadow(0 0 10px rgba(253,199,0,.95)) drop-shadow(0 0 2px #fff)}80%{color:rgba(255,255,255,.85);filter:drop-shadow(0 0 0 rgba(253,199,0,0))}}
@keyframes bulbRays{0%,100%{opacity:0;transform:scale(.55)}10%{opacity:1;transform:scale(1)}55%{opacity:.85;transform:scale(1.05)}80%{opacity:0;transform:scale(.9)}}
.rd-tip b{font-size:clamp(15px,1.1vw,20px);color:var(--navy)}
.rd-tip p{margin:6px 0 0;font-size:clamp(13px,.9vw,18px);line-height:1.65;color:#374151}
.rd-nutri{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,20px)}
.rd-nc{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:10px 6px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;min-height:97px;min-width:0}
.rd-nc i,.rd-nc img{font-size:clamp(18px,1.6vw,26px);color:var(--teal);width:1.3em;height:1.3em;object-fit:contain}
.rd-nc img{width:1.2em;height:1.2em}
.rd-nc b{font-family:var(--fb);font-weight:800;font-size:clamp(14px,1.15vw,18px);color:var(--navy);display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap}
.rd-nc b small{font-weight:400;font-size:.5em;color:#9ca3af}
.rd-nc span{font-size:clamp(9px,.7vw,10.5px);font-weight:600;color:#6b7280}
.rd-steps{display:flex;flex-direction:column}
.rd-step{display:flex;gap:20px}
.rd-num{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--navy),#4a5392);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;position:relative}
.rd-step:not(:last-child) .rd-num::after{content:"";position:absolute;top:44px;left:50%;width:2px;height:calc(100% + 12px);background:linear-gradient(180deg,rgba(46,53,99,.21),rgba(102,195,208,.21));transform:translateX(-50%)}
.rd-stepcard{flex:1;background:#fff;border-radius:18px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:16px 22px;margin-bottom:12px}
.rd-stepcard b{display:block;font-size:clamp(15px,1.05vw,18px);color:var(--navy)}
.rd-stepcard p{margin:6px 0 0;font-size:clamp(13px,.95vw,16px);line-height:1.65;color:#6b7280}
.rd-products{position:relative;background:var(--navy);overflow:hidden;padding-bottom:clamp(20px,2.4vw,40px)}
.rd-products #rdProdDots span:not(.on){background:#fff}
.rd-products .wm{position:absolute;opacity:.18;pointer-events:none;object-fit:contain}
.rd-wm-1{left:-100px;top:-100px;width:clamp(220px,20vw,380px)}
.rd-wm-2{right:-120px;bottom:-140px;width:clamp(300px,28vw,480px);transform:rotate(180deg)}
.rd-one-prod{display:flex;flex-wrap:nowrap;gap:36px;padding:0 0 clamp(20px,3vw,40px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;cursor:grab}
.rd-one-prod .pcw{padding-bottom:6px}
#rdOneProdDots{padding-top:0}
.rd-one-prod::-webkit-scrollbar{display:none}
.rd-one-prod>*{scroll-snap-align:start;flex-shrink:0}
.rd-one-prod .pcw{width:280px;max-width:280px}
.rd-related{display:flex;flex-wrap:nowrap;grid-template-columns:unset;gap:24px;padding-bottom:clamp(20px,3vw,40px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;cursor:grab}
.rd-related::-webkit-scrollbar{display:none}
.rd-related .rf-card{flex-shrink:0;width:280px;scroll-snap-align:start}
.rf-card a{display:block;color:inherit;text-decoration:none;position:relative;width:100%;height:100%}
@media (max-width:1000px){.rd-cols{grid-template-columns:1fr}.rd-nutri{grid-template-columns:repeat(4,1fr)}}
@media (max-width:600px){
  .rd-hero-in h1{font-size:28px}
  .rd-desc{font-size:13px;line-height:1.55;max-width:100%}
  .rd-desc br{display:none}
  .rd-meta{gap:8px}
  .rd-pill{padding:8px 10px;font-size:10px;border-radius:8px}
  .rd-ing{border-radius:18px;padding:16px;gap:10px}
  .rd-ing li{font-size:13px}
  .rd-nutri{grid-template-columns:repeat(4,1fr);gap:8px}
  .rd-nc{padding:8px 4px;border-radius:12px}
  .rd-related{gap:14px}
  .rd-related .rf-card{width:180px}
  .rd-one-prod{gap:14px}
  .rd-one-prod .pcw{width:200px;max-width:200px}
}
@media (max-width:1200px){.rf-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.rf-hero-in{grid-template-columns:1fr}.rf-hero-txt{text-align:center;order:1}.rf-hero-txt .bar{margin-left:auto;margin-right:auto}.rf-hero-card{order:2}}
@media (max-width:600px){
  .rf-hero{padding:28px 0}
  .rf-hero-txt{text-align:center}
  .rf-hero-txt h1{font-size:32px;line-height:1.3}
  .rf-hero-txt .bar{width:114px;margin:6px auto 10px}
  .rf-hero-txt .lead{font-size:14px;margin-bottom:0}
  .rf-hero-txt .desc{display:none}
  .rf-hero-in{gap:18px}
  .rf-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .rf-card{border-radius:20px}
  .rf-cinfo h4{font-size:13px}
  .rf-cmeta span{font-size:11px}
  .rf-pills{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:14px 16px;gap:8px;min-width:0}
  .rf-pill{padding:8px 16px;font-size:14px;flex-shrink:0}
  .rf-hero-card{border-radius:20px;aspect-ratio:362/200}
  .rf-cap{padding:0 16px 14px}
  .rf-cap h3{font-size:20px}
  .rf-cap p{font-size:13px;margin:6px 0}
  .rf-meta{gap:16px}
  .rf-meta span{font-size:12px}
  .rf-badge{left:14px;top:14px;font-size:11px;padding:3px 10px}
  .rf-fav{right:14px;top:14px;width:34px;height:34px;font-size:16px}
  .rf-fav.sm{width:30px;height:30px;font-size:13px;right:10px;top:10px}
  .rf-deco-1{width:150px}
  .rf-deco-2{width:210px}
}
/* ===== PDP — figma "Product D Page" (1546 design scaled to 1920) ===== */
.pdp-crumb{padding:clamp(14px,1.2vw,22px) clamp(16px,5.2vw,100px) clamp(8px,.7vw,12px);font-family:var(--fb);font-size:12px;line-height:1.4;color:var(--muted)}
.pdp-crumb a{color:var(--teal);text-decoration:none}
.pdp-crumb a:hover{color:var(--red)}
.pdp-crumb span{color:var(--navy);font-weight:600}
.pdp-top{display:flex;gap:clamp(24px,4.5vw,86px);align-items:flex-start;padding:clamp(6px,.6vw,12px) clamp(16px,5.2vw,100px) 0}
.pdp-gal{--tw:clamp(200px,19vw,370px);--aw:clamp(30px,2.2vw,42px);position:sticky;top:var(--pdp-sticky-top,180px);align-self:flex-start;width:min(clamp(280px,39.5vw,750px),calc((100dvh - var(--pdp-sticky-top,180px) - 96px) * 730 / 620));flex-shrink:0;isolation:isolate;margin-bottom:clamp(24px,3.2vw,60px)}
.pdp-main{position:relative;width:100%;aspect-ratio:730/620;border-radius:clamp(18px,1.8vw,35px);overflow:hidden;background:#e9eaed;z-index:1}
.pdp-main>img{width:100%;height:100%;object-fit:cover;display:block}
.pdp-thumbs-wrap{display:flex;align-items:center;gap:8px}
.pdp-thumbs-wrap>.pdp-thumbs{flex:1;min-width:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
.pdp-thumbs-wrap>.pdp-thumbs::-webkit-scrollbar{display:none}
.pdp-arrow{display:none}
@media (min-width:601px){
  .pdp-thumbs-wrap .pdp-arrow{display:flex;position:absolute;top:100%;transform:translateY(-50%);width:var(--aw);height:var(--aw);border-radius:50%;border:none;background:#fff;color:var(--navy);align-items:center;justify-content:center;font-size:clamp(15px,1.15vw,20px);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);z-index:4;transition:background .2s,color .2s}
  .pdp-thumbs-wrap .pdp-arrow:hover{background:var(--navy);color:#fff}
  .pdp-thumbs-wrap .pdp-arrow:active{transform:translateY(-50%) scale(.92)}
  .pdp-thumbs-wrap .pdp-arrow.prev{right:calc(50% + var(--tw)/2 + clamp(8px,.7vw,14px));left:auto}
  .pdp-thumbs-wrap .pdp-arrow.next{left:calc(50% + var(--tw)/2 + clamp(8px,.7vw,14px));right:auto}
}
@media (max-width:600px){
  .pdp-thumbs-wrap .pdp-arrow{display:flex;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:none;background:#fff;color:var(--navy);align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(11,31,58,.15);cursor:pointer;font-size:16px}
  .pdp-thumbs-wrap .pdp-arrow:active{transform:scale(.9)}
}
.pdp-sale{position:absolute;left:clamp(12px,1.3vw,25px);top:clamp(12px,1.3vw,25px);display:flex;align-items:center;justify-content:center;min-width:clamp(130px,10.2vw,196px);height:clamp(40px,3.2vw,62px);padding:0 clamp(14px,1.1vw,21px);border-radius:999px;background:var(--teal);border:.8px solid rgba(255,255,255,.2);font-family:Inter,sans-serif;font-weight:500;font-size:clamp(13px,1.05vw,20px);color:#fff}
@media (max-width:600px){.pdp-sale{min-width:0;height:26px;padding:0 10px;font-size:10px;left:8px;top:8px}}
.pdp-wish{position:absolute;right:clamp(12px,1.3vw,25px);top:clamp(12px,1.3vw,25px);width:clamp(32px,2.2vw,42px);height:clamp(32px,2.2vw,42px);display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#fff;color:var(--red);font-size:clamp(16px,1.15vw,22px);cursor:pointer;z-index:2;box-shadow:0 2px 8px rgba(11,31,58,.15)}
.pdp-wish.on{background:var(--red);color:#fff}
.pdp-zoom{position:absolute;right:clamp(12px,1.3vw,25px);top:calc(clamp(12px,1.3vw,25px) + clamp(32px,2.2vw,42px) + 10px);width:clamp(32px,2.2vw,42px);height:clamp(32px,2.2vw,42px);display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#fff;color:var(--red);cursor:pointer;z-index:2;box-shadow:0 2px 8px rgba(11,31,58,.15)}
.pdp-zoom:hover{background:var(--red);color:#fff}
.pdp-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:clamp(14px,1.4vw,27px);display:flex;gap:clamp(6px,.55vw,11px)}
.pdp-dots span{width:clamp(8px,.68vw,13px);height:clamp(8px,.68vw,13px);border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:background .35s ease}
.pdp-dots span.on{background:var(--red)}
.pdp-thumbs{position:absolute;left:50%;top:100%;transform:translate(-50%,-50%);width:var(--tw,clamp(200px,19vw,370px));height:clamp(62px,5.8vw,112px);border-radius:15px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;box-shadow:inset 0 0 0 .8px var(--navy),0 4px 14px rgba(0,0,0,.18);background:#fff;display:flex;align-items:center;padding:0 clamp(5px,.52vw,10px);gap:clamp(10px,1vw,20px);scrollbar-width:none;z-index:3}
.pdp-thumbs::-webkit-scrollbar{display:none}
.pdp-thumbs img{flex-shrink:0;scroll-snap-align:start;width:clamp(55px,4.9vw,95px);height:clamp(43px,3.9vw,76px);object-fit:cover;border-radius:9px;box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:pointer;opacity:.72;transition:opacity .15s}
.pdp-thumbs img.on,.pdp-thumbs img:hover{opacity:1}
.pdp-info{flex:1;min-width:0}
.pdp-htop{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.pdp-htop h1{margin:0;font-family:var(--fb);font-weight:600;font-size:clamp(20px,1.67vw,32px);line-height:1.3;color:var(--navy)}
.pdp-rate{flex-shrink:0;display:flex;align-items:center;gap:4px;width:clamp(46px,3.2vw,60px);height:clamp(20px,1.5vw,28px);border-radius:8px;background:var(--navy);color:#fff;justify-content:center;font-family:var(--fb);font-weight:500;font-size:clamp(12px,.85vw,15px)}
.pdp-rate i{color:var(--yellow);font-size:clamp(11px,.85vw,15px)}
.pdp-desc{margin:clamp(10px,1vw,20px) 0 0;max-width:100%;font-family:var(--fb);font-weight:400;font-size:clamp(15px,1.3vw,25px);line-height:1.35;color:var(--navy);text-wrap:pretty}
.pdp-desc a{color:var(--navy);font-weight:600;text-decoration:underline}
.pdp-desc a:hover{color:var(--red)}
.pdp-addon{margin-top:clamp(14px,1.4vw,27px);max-width:100%;border-radius:clamp(12px,1.05vw,20px);background:#e9eaed;padding:clamp(10px,.75vw,14px) clamp(12px,1.3vw,25px) clamp(14px,1.05vw,20px)}
.ao-h{font-family:var(--fb);font-weight:500;font-size:clamp(13px,1.05vw,20px);line-height:1.5;color:var(--navy)}
.ao-chips{display:flex;flex-wrap:wrap;gap:clamp(10px,1.2vw,23px);margin-top:clamp(8px,.73vw,14px)}
.ao-chip,.vn-chip{height:clamp(42px,3.2vw,61px);padding:0 clamp(14px,1.2vw,23px);border:none;border-radius:999px;background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.15);font-family:var(--fb);font-weight:500;font-size:clamp(13px,1.05vw,20px);color:var(--navy);cursor:pointer;transition:background .18s,color .18s}
.ao-chip b{font-weight:700}
.ao-chip:hover,.vn-chip:hover{background:#f4fbfc}
.ao-chip.on,.vn-chip.on{background:var(--teal);color:#fff}
.pdp-buy{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,2vw,38px);width:100%;max-width:100%;margin-top:clamp(18px,1.9vw,36px)}
.pp-row{display:flex;align-items:baseline;gap:clamp(8px,.83vw,16px)}
.pp-row b{font-family:var(--fb);font-weight:700;font-size:clamp(19px,1.56vw,30px);line-height:1;color:var(--navy)}
.pp-row .mrp{font-family:var(--fb);font-weight:300;font-size:clamp(13px,1.05vw,20px);color:#99a1af;text-decoration:line-through}
.pp-row .off{font-family:var(--fb);font-weight:400;font-size:clamp(14px,1.3vw,25px);color:var(--red)}
.pdp-price small{display:block;margin-top:1px;font-family:var(--fb);font-style:italic;font-weight:400;font-size:clamp(12px,.99vw,19px);color:#62748e}
.pdp-addw{flex-shrink:0}
.pdp-addw .btn-add{width:clamp(120px,17vw,245px);height:clamp(48px,4.06vw,60px);border-radius:999px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(16px,1.56vw,22px)}
.pdp-addw .qty{width:clamp(120px,17vw,245px);height:clamp(48px,4.06vw,60px);border-radius:999px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(16px,1.56vw,22px);box-shadow:none}
.pdp-addw .qty{padding:0 clamp(16px,1.6vw,26px)}
.pdp-addw .qty button{font-size:clamp(20px,1.8vw,25px);line-height:1}
.pdp-addw .qty b{font-size:clamp(16px,1.56vw,22px);font-weight:600}
.pdp-add{flex-shrink:0;width:clamp(150px,24vw,346px);height:clamp(48px,4.06vw,60px);border:.8px solid rgba(255,255,255,.2);border-radius:999px;background:var(--red);color:#fff;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(16px,1.56vw,22px);cursor:pointer;box-shadow:none;transition:filter .18s}
.pdp-add:hover{filter:brightness(1.07)}
.pdp-acc{max-width:100%;margin-top:clamp(12px,1vw,19px);border:.8px solid var(--navy);border-radius:clamp(11px,.99vw,19px);overflow:hidden;background:transparent}
.pdp-acc .acc-hd{display:flex;align-items:center;gap:clamp(12px,1.25vw,24px);width:100%;min-height:clamp(52px,4.27vw,82px);padding:clamp(8px,.73vw,14px) clamp(14px,1.25vw,24px);border:none;background:transparent;cursor:pointer;text-align:left}
.pdp-acc .acc-hd img{width:clamp(34px,2.8vw,54px);height:clamp(34px,2.8vw,54px);object-fit:contain;flex-shrink:0;display:block}
.pdp-acc .acc-hd span{flex:1;font-family:var(--fb);font-weight:600;font-size:clamp(14px,1.3vw,25px);color:var(--navy);text-decoration:underline}
.pdp-acc .acc-hd i{font-size:clamp(16px,1.15vw,22px);color:var(--navy);transition:transform .25s}
.pdp-acc.open .acc-hd i{transform:rotate(180deg)}
.pdp-acc .acc-bd{display:none;padding:0 clamp(14px,1.25vw,24px) clamp(14px,1.15vw,22px) clamp(50px,3.5vw,68px)}
.pdp-acc.open .acc-bd{display:block}
.pdp-acc .acc-bd p{margin:0 0 10px;font-family:var(--fb);font-size:clamp(13px,1.05vw,20px);line-height:1.5;color:var(--navy)}
.pdp-acc .acc-bd p:last-child{margin-bottom:0}
.pdp-feats{display:flex;flex-wrap:nowrap;gap:clamp(14px,1.4vw,24px);margin-top:clamp(16px,1.6vw,30px);max-width:clamp(300px,49.5vw,950px)}
.pdp-feat{position:relative;width:calc((100% - 2*clamp(14px,1.4vw,24px))/3);min-height:clamp(130px,10.5vw,202px);height:auto;flex-shrink:0;border-radius:clamp(14px,1.25vw,24px);background:#e9eaed;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(16px,1.6vw,30px) clamp(8px,.8vw,16px) clamp(14px,1.3vw,24px);box-sizing:border-box}
.pdp-feat>img{width:clamp(70px,6.2vw,118px);height:clamp(70px,6.2vw,118px);object-fit:contain;flex-shrink:0}
.pdp-feat .bar{width:clamp(46px,3.9vw,75px);height:2px;border-radius:20px;background:var(--teal);margin:clamp(10px,1vw,19px) 0 clamp(8px,.8vw,15px);flex-shrink:0}
.pdp-feat small{font-family:var(--fb);font-weight:500;font-size:clamp(11px,1vw,19px);line-height:1.3;text-align:center;color:var(--red);white-space:nowrap}
.cook-insp{position:relative;z-index:5;background:var(--page);padding:clamp(48px,4.5vw,88px) 0 clamp(24px,2.5vw,48px);overflow:hidden}
.cook-insp .sec-head h2{color:var(--navy)}
.cook-insp .sec-head h2 .hl-teal{color:var(--teal)}
.cook-insp .cook-rail{gap:clamp(20px,2.1vw,32px);padding-top:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.cook-insp .cook-rail .ccard{width:calc((100% - 3*clamp(20px,2.1vw,32px))/4)}
.cook-insp .view-all{color:var(--navy)}
.cook-insp .view-all:hover{color:var(--red)}
.rel-prods{position:relative;background:var(--navy);overflow:hidden;padding-bottom:clamp(28px,2.8vw,44px);margin-top:clamp(20px,2vw,38px)}
.rel-prods .rp-wm{position:absolute;width:clamp(280px,28.2vw,542px);height:auto;opacity:.5;pointer-events:none;filter:brightness(0) invert(1) opacity(.22)}
.rp-wm1{left:clamp(-160px,-8vw,-60px);top:clamp(-40px,-2vw,0px)}
.rp-wm2{right:clamp(-140px,-6vw,-40px);bottom:clamp(-60px,-3vw,-20px)}
.rel-prods .sec-head{position:relative;z-index:2}
@media (max-width:700px){.rel-prods .rp-wm{width:190px;height:auto}.rp-wm1{left:-70px;top:-20px}.rp-wm2{right:-70px;bottom:-30px}}
.rel-prods .sec-head h2{color:#fff}
.rel-prods .sec-head h2 .hl-teal{color:var(--teal)}
.rel-prods .sec-head p{color:#fff;font-weight:500;font-size:clamp(14px,1.3vw,25px)}
.rel-prods .container-bs{position:relative;z-index:2}
.rp-dots{display:flex;justify-content:center;align-items:center;gap:clamp(8px,.62vw,12px);padding-top:clamp(18px,1.7vw,32px)}
.rp-dots span{width:9px;height:9px;border-radius:50%;background:#fff;cursor:pointer;transition:background .35s ease,width .35s ease,border-radius .35s ease}
.rp-dots span.on{background:var(--red);width:26px;border-radius:999px}
.deliver,.m-loc{cursor:pointer}
.loc-ov{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1400;align-items:center;justify-content:center}
.loc-ov.open{display:flex}
.loc-modal{background:#fff;border-radius:20px;width:min(94vw,440px);padding:26px 24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.loc-hd{display:flex;align-items:center;justify-content:space-between}
.loc-hd b{font-family:var(--fb);font-weight:700;font-size:19px;color:var(--navy)}
.loc-x{cursor:pointer;font-size:20px;color:var(--muted)}
.loc-x:hover{color:var(--red)}
.loc-sub{font-size:13px;color:var(--muted);margin-top:4px}
.loc-inp-row{display:flex;gap:10px;margin-top:18px}
.loc-inp-row input{flex:1;height:48px;border-radius:12px;border:1.5px solid #e5e7eb;padding:0 16px;font-size:15px;outline:none}
.loc-inp-row input:focus{border-color:var(--teal)}
.loc-inp-row button{height:48px;padding:0 20px;border:none;border-radius:12px;background:var(--red);color:#fff;font-weight:600;font-size:14px;cursor:pointer}
.loc-inp-row button:hover{background:#c81920}
.loc-msg{margin-top:16px}
.loc-err{color:var(--red);font-size:13.5px}
.loc-found{display:flex;align-items:center;gap:12px;background:var(--page);border-radius:14px;padding:14px 16px}
.loc-found i{color:var(--red);font-size:20px;flex-shrink:0}
.loc-found span{flex:1;min-width:0}
.loc-found b{display:block;font-size:15px;color:var(--navy)}
.loc-found small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.loc-found button{flex-shrink:0;height:38px;padding:0 16px;border:none;border-radius:999px;background:var(--navy);color:#fff;font-size:13px;font-weight:600;cursor:pointer}
@media (max-width:600px){.loc-modal{width:92vw;padding:22px 18px}}
@media (max-width:1100px){.pdp-top{flex-direction:column}.pdp-gal{position:relative;top:auto;width:100%;max-width:560px}.pdp-info{width:100%}}
@media (max-width:600px){
  .pdp-crumb{font-size:12px;padding:16px 16px;white-space:normal;line-height:1.5;text-wrap:pretty}
  .pdp-top{padding:6px 16px 0;gap:18px}
  .pdp-htop h1{font-size:17px}
  .pdp-desc{font-size:13px;margin-top:8px}
  .pdp-addon{padding:10px 12px 12px;border-radius:12px}
  .ao-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ao-chip,.vn-chip{height:38px;padding:0 10px;font-size:11px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pdp-buy{flex-direction:row;align-items:center;margin-top:14px;gap:12px}
  .pdp-add,.pdp-addw .btn-add,.pdp-addw .qty{width:100%;max-width:220px;height:44px;font-size:15px;padding:0 26px;border-radius:22px}
  .pdp-addw{flex:1;display:flex;justify-content:flex-end}
  .pdp-acc .acc-hd span{font-size:13px}
  .pdp-feats{gap:10px;padding:18px 0 6px;max-width:100%;flex-wrap:nowrap;justify-content:space-between}
  .pdp-feat{width:calc((100% - 20px)/3);height:auto;min-height:112px;min-width:0}
  .pdp-main{aspect-ratio:372/290}
  .pdp-thumbs{position:static;transform:none;left:auto;top:auto;width:auto;max-width:none;height:62px;flex:1;min-width:0}
  .pdp-thumbs-wrap{position:relative;z-index:2;margin-top:-31px;padding:0 6px;max-width:320px;margin-left:auto;margin-right:auto}
  .pdp-gal{margin-bottom:2px}
  .rel-prods .sec-head{padding:clamp(22px,6vw,32px) 16px clamp(28px,6vw,36px)}
  .cook-insp .sec-head{padding:clamp(22px,6vw,32px) 16px clamp(12px,3vw,18px)}
  .cook-insp{padding-top:16px;padding-bottom:8px}
  .cook-insp .scroll-dots{padding:12px 0 4px}
  .cook-insp .text-center.pt-3{padding-top:8px!important;padding-bottom:0;margin-bottom:6px}
  .cook-insp .sec-head{padding-top:0;padding-bottom:14px}
  .rel-prods{padding-top:8px}
  .rp-dots{padding-top:16px;padding-bottom:4px}
  .cook-insp .cook-rail .ccard{width:160px}
  .cook-insp .view-all{font-size:15px}
}
.rew-gate{display:flex;justify-content:center;padding:clamp(30px,4vw,60px) 0}
.rew-gate-card{background:#fff;border-radius:20px;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:clamp(28px,3vw,48px);max-width:460px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}
.rew-gate-card>i{font-size:40px;color:var(--red);margin-bottom:10px}
.rew-gate-card h2{font-family:var(--fb);font-weight:700;font-size:clamp(20px,1.5vw,26px);color:var(--navy);margin:0 0 8px}
.rew-gate-card p{color:var(--muted);font-size:14px;margin:0 0 24px}
.rew-login-form{width:100%;grid-template-columns:1fr;gap:16px;margin-bottom:8px;text-align:left}
.rew-balance-card{position:relative;background:var(--navy);border-radius:20px;padding:clamp(24px,2.6vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(20px,2vw,32px)}
.rew-bal-l small{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.7);font-size:13px}
.rew-live{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.25);flex-shrink:0}
.rew-bal-l b{display:block;font-family:var(--fb);font-weight:700;font-size:clamp(32px,3vw,52px);color:#fff;line-height:1.1}
.rew-bal-l span{color:var(--teal);font-size:14px;font-weight:600}
.rew-bal-r{min-width:220px}
.rew-tier{display:flex;align-items:center;gap:6px;color:#f5c542;font-weight:700;font-size:15px}
.rew-tier-sub{color:rgba(255,255,255,.75);font-size:12.5px;margin-top:4px}
.rew-tier-bar{width:100%;height:6px;border-radius:99px;background:rgba(255,255,255,.2);margin-top:10px;overflow:hidden}
.rew-tier-bar span{display:block;height:100%;width:0;background:var(--teal);border-radius:99px}
.rew-logout{display:none!important}
.rew-logout:hover{background:rgba(255,255,255,.22)}
.rew-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.6vw,28px);margin-bottom:clamp(20px,2vw,28px)}
.rew-earn-list{display:flex;flex-direction:column;gap:16px}
.rew-earn-item{display:flex;align-items:center;gap:14px}
.rew-earn-item i{width:44px;height:44px;border-radius:50%;background:var(--page);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.rew-earn-item b{display:block;font-size:15px;color:var(--navy)}
.rew-earn-item small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.rew-redeem-list{display:flex;flex-direction:column;gap:14px}
.rew-redeem-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #eceef2;border-radius:14px;padding:14px 16px}
.rew-redeem-item b{display:block;font-size:14.5px;color:var(--navy)}
.rew-redeem-item small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.rew-redeem-btn{border:none;border-radius:999px;background:var(--red);color:#fff;height:36px;padding:0 18px;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0}
.rew-redeem-btn:hover{filter:brightness(1.06)}
.rew-redeem-btn:disabled{background:#d1d5db;cursor:not-allowed}
.rew-hist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #eceef2}
.rew-hist-row:last-child{border-bottom:none}
.rew-hist-row b{display:block;font-size:14px;color:var(--navy)}
.rew-hist-row small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.rew-hist-row span.pos{color:#16a34a;font-weight:700;font-size:14px}
.rew-hist-row span.neg{color:var(--red);font-weight:700;font-size:14px}
.rew-lo-modal{text-align:center;max-width:400px}
.rew-lo-t{display:block;font-family:var(--fb);font-weight:700;font-size:19px;color:var(--navy)}
.rew-lo-p{font-size:13.5px;color:var(--muted);margin:8px 0 22px}
.rew-lo-btns{display:flex;flex-direction:column;gap:10px}
.rew-lo-stay{display:flex;align-items:center;justify-content:center;height:48px;border-radius:999px;background:var(--red);color:#fff;font-family:var(--fb);font-weight:700;font-size:15px;text-decoration:none}
.rew-lo-stay:hover{filter:brightness(1.06);color:#fff}
.rew-lo-yes{height:44px;border:none;background:none;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:underline}
.rew-lo-yes:hover{color:var(--navy)}
@media (max-width:700px){.rew-grid{grid-template-columns:1fr}.rew-balance-card{flex-direction:column;align-items:flex-start}.rew-logout{position:absolute;top:20px;right:20px}}
@media (max-width:600px){
  .rew-wrap{padding-top:14px}
  .rew-wrap .acct-title{font-size:22px;margin-bottom:14px}
  .rew-gate{padding:20px 0 10px}
  .rew-gate-card{padding:24px 18px;border-radius:16px;max-width:100%}
  .rew-gate-card>i{font-size:34px}
  .rew-gate-card h2{font-size:18px}
  .rew-gate-card p{font-size:13px;margin-bottom:18px}
  .rew-login-form{gap:14px}
  .rew-login-form label{font-size:12.5px}
  .rew-login-form input{height:44px;font-size:14px}
  .rew-gate-card .acct-update{width:100%;height:46px}
  .rew-balance-card{padding:20px 18px 22px;border-radius:16px;gap:18px;margin-bottom:16px}
  .rew-bal-l small{font-size:12px}
  .rew-bal-l b{font-size:38px}
  .rew-bal-l span{font-size:13px}
  .rew-bal-r{min-width:0;width:100%}
  .rew-tier{font-size:14px}
  .rew-tier-sub{font-size:12px}
  .rew-logout{position:absolute;top:16px;right:16px;height:34px;padding:0 14px;font-size:12px}
  .rew-logout i{font-size:14px}
  .rew-grid{gap:14px;margin-bottom:14px}
  .acct-card{padding:20px 18px;border-radius:16px}
  .acct-card-hd{font-size:17px;margin-bottom:16px}
  .rew-earn-list{gap:14px}
  .rew-earn-item{gap:12px}
  .rew-earn-item i{width:38px;height:38px;font-size:17px}
  .rew-earn-item b{font-size:14px}
  .rew-earn-item small{font-size:12px}
  .rew-redeem-list{gap:12px}
  .rew-redeem-item{padding:12px 14px;border-radius:12px;gap:10px}
  .rew-redeem-item b{font-size:13.5px}
  .rew-redeem-item small{font-size:11.5px}
  .rew-redeem-btn{height:32px;padding:0 14px;font-size:12px;white-space:nowrap}
  .rew-hist-row{padding:12px 0}
  .rew-hist-row b{font-size:13.5px}
  .rew-hist-row small{font-size:11.5px}
  .rew-hist-row span.pos,.rew-hist-row span.neg{font-size:13px;white-space:nowrap}
}
.faq-hero{position:relative;overflow:hidden;background:#fff;padding:clamp(22px,2.6vw,44px) 0 clamp(26px,3vw,52px)}
.faq-board{display:block;width:100%;max-width:clamp(520px,68vw,1000px);height:auto;margin:0 auto clamp(4px,.8vw,12px)}
.faq-hero-in{position:relative;z-index:2;text-align:center}
.faq-hero-in h1{font-family:var(--fd);font-weight:600;font-size:clamp(26px,3vw,54px);color:var(--navy);margin:0}
.faq-hero-in h1 .hl-teal{color:var(--teal)}
.faq-hero-in .bar{width:75px;height:2px;border-radius:20px;background:var(--red);margin:14px auto 0}
.faq-hero-in p{max-width:none;white-space:nowrap;margin:14px auto 0;font-size:clamp(12px,1vw,17px);line-height:1.65;color:#4b5563}
.faq-hero-in p a{color:var(--teal);text-decoration:underline}
.faq-hero-in p a:hover{color:var(--red)}
.faq-search{position:relative;display:flex;align-items:center;gap:12px;max-width:520px;margin:clamp(20px,2vw,30px) auto 0;background:#fff;border:1.5px solid var(--gray2);border-radius:999px;height:clamp(48px,3.4vw,56px);padding:0 22px;box-shadow:0 8px 26px rgba(0,0,0,.22)}
.faq-search i{font-size:21px;color:var(--navy);flex-shrink:0}
.faq-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--fb);font-size:14px;color:var(--navy)}
.faq-wrap{padding:clamp(22px,2.4vw,44px) 0 clamp(40px,4vw,76px)}
.faq-inner{padding:0 clamp(16px,5.2vw,100px)}
.faq-pills{justify-content:flex-start;padding:0 0 clamp(20px,2vw,32px)}
.faq-pills .rf-pill{white-space:nowrap;height:34px;padding:0 14px;font-size:12.5px}
.faq-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,24vw,360px);gap:clamp(20px,2.2vw,40px);align-items:start}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.07);overflow:hidden;transition:box-shadow .25s}
.faq-item.open{box-shadow:0 6px 22px rgba(0,0,0,.11)}
.faq-q{display:flex;align-items:center;gap:14px;width:100%;border:none;background:none;text-align:left;padding:clamp(16px,1.3vw,22px) clamp(18px,1.5vw,26px);cursor:pointer}
.faq-cat{flex-shrink:0;font-family:var(--fb);font-weight:600;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--teal);background:rgba(15,118,110,.09);border-radius:999px;padding:5px 10px}
.faq-qt{flex:1;min-width:0;font-family:var(--fb);font-weight:600;font-size:clamp(14px,1.02vw,17px);line-height:1.45;color:var(--navy);text-wrap:pretty}
.faq-qt mark{background:rgba(245,197,66,.42);color:inherit;border-radius:3px}
.faq-ic{flex-shrink:0;font-size:20px;color:var(--red);transition:transform .3s}
.faq-item.open .faq-ic{transform:rotate(45deg)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a-in{overflow:hidden;padding:0 clamp(18px,1.5vw,26px)}
.faq-item.open .faq-a-in{padding-bottom:clamp(18px,1.5vw,24px)}
.faq-a-in p{margin:0;font-size:clamp(13px,.93vw,16px);line-height:1.7;color:#374151;text-wrap:pretty}
.faq-a-in p mark{background:rgba(245,197,66,.42);color:inherit;border-radius:3px}
.faq-src{display:block;margin-top:10px;font-size:11.5px;color:var(--muted)}
.faq-none{text-align:center;padding:44px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.07)}
.faq-none i{font-size:34px;color:var(--red)}
.faq-none p{font-family:var(--fb);font-weight:600;font-size:15px;color:var(--navy);margin:10px 0 4px}
.faq-none span{font-size:13px;color:var(--muted)}
.faq-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:clamp(120px,12vw,180px)}
.faq-cert-card,.faq-help-card{background:none;border:1.5px solid var(--gray2);border-radius:16px;box-shadow:none;padding:clamp(20px,1.7vw,28px)}
.faq-cert-card h3,.faq-help-card h3{font-family:var(--fb);font-weight:700;font-size:16px;color:var(--navy);margin:0 0 6px}
.faq-cert-card p,.faq-help-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 16px}
.faq-certs{display:flex;flex-direction:column;gap:10px}
.faq-cert{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--navy);font-weight:500}
.faq-cert i{font-size:18px;color:var(--teal);flex-shrink:0}
.faq-help-card{text-align:center}
.faq-help-card>i{font-size:30px;color:var(--teal)}
.faq-help-card h3{color:var(--navy);margin-top:10px}
.faq-help-card p{color:var(--muted)}
.faq-help-cta{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:999px;background:#25d366;color:#0b3b21;font-family:var(--fb);font-weight:700;font-size:14px;text-decoration:none}
.faq-help-cta:hover{background:#1eb958;color:#0b3b21}
.faq-help-alt{display:block;margin-top:10px;font-size:13px;color:var(--muted);text-decoration:underline}
.faq-help-alt:hover{color:var(--navy)}
@media (max-width:900px){.faq-body{grid-template-columns:1fr}.faq-aside{position:static}}
@media (max-width:600px){
  .faq-board{max-width:100%}
  .faq-hero{padding:14px 0 20px}
  .faq-board{max-width:100%;margin-bottom:2px}
  .faq-hero-in h1{font-size:23px;line-height:1.25}
  .faq-hero-in .bar{width:56px;height:2px;margin-top:10px}
  .faq-hero-in p{font-size:12px;white-space:normal;max-width:320px;margin-top:10px;text-wrap:pretty}
  .faq-wrap{padding:16px 0 34px}
  .faq-inner{padding:0 16px}
  .faq-pills{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;padding-bottom:16px;margin:0 -16px;padding-left:16px;padding-right:16px}
  .faq-pills::-webkit-scrollbar{display:none}
  .faq-pills .rf-pill{height:32px;padding:0 13px;font-size:12px;flex-shrink:0}
  .faq-body{gap:22px}
  .faq-list{gap:10px}
  .faq-item{border-radius:14px}
  .faq-q{flex-wrap:wrap;gap:7px 10px;padding:13px 44px 13px 15px;position:relative}
  .faq-cat{order:1;font-size:9px;padding:3px 8px;letter-spacing:.03em}
  .faq-qt{order:3;flex:1 0 100%;font-size:13.5px;line-height:1.4}
  .faq-ic{order:2;position:absolute;top:13px;right:15px;font-size:18px}
  .faq-a-in{padding:0 15px}
  .faq-item.open .faq-a-in{padding-bottom:15px}
  .faq-a-in p{font-size:12.5px;line-height:1.65}
  .faq-src{font-size:11px;margin-top:8px}
  .faq-none{padding:34px 18px}
  .faq-none i{font-size:30px}
  .faq-none p{font-size:14px}
  .faq-none span{font-size:12.5px}
  .faq-aside{gap:12px}
  .faq-cert-card,.faq-help-card{padding:18px 16px;border-radius:14px}
  .faq-cert-card h3,.faq-help-card h3{font-size:15px}
  .faq-cert-card p,.faq-help-card p{font-size:12.5px;margin-bottom:14px}
  .faq-cert{font-size:12.5px}
  .faq-cert i{font-size:17px}
  .faq-help-card>i{font-size:26px}
  .faq-help-cta{height:42px;font-size:13.5px}
  .faq-help-alt{font-size:12.5px}
}
.wish-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:clamp(50px,6vw,90px) 0}
.wish-empty i{font-size:48px;color:var(--red)}
.wish-empty p{font-family:var(--fb);color:var(--muted);margin:0;font-size:16px}
.wish-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.wish-sum-l{font-family:var(--fb);font-size:15px;color:var(--muted)}
.wish-sum-l b{color:var(--navy);font-size:17px}
.wish-sum-r{display:flex;gap:12px}
.wish-add-all{border:none;border-radius:999px;background:var(--red);color:#fff;height:44px;padding:0 24px;font-family:var(--fb);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer}
.wish-actions-m{display:none}
.wish-add-all:hover{filter:brightness(1.06)}
.wish-clear-all{display:flex;align-items:center;gap:6px;white-space:nowrap;border:1.5px solid #e5e7eb;background:#fff;color:var(--muted);border-radius:999px;height:44px;padding:0 20px;font-size:14px;font-weight:600;cursor:pointer}
.wish-clear-all:hover{border-color:var(--red);color:var(--red)}
.wish-pills{justify-content:flex-start;padding:0 0 clamp(16px,1.6vw,26px)}
.wish-pills .rf-pill{white-space:nowrap}
.wish-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wish-row{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.07);padding:8px 16px 8px 8px;min-width:0}
.wish-row-imgw{position:relative;display:block;flex-shrink:0;width:92px;height:92px;border-radius:12px;overflow:hidden;align-self:center}
.wish-row-imgw .imgw-alt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
.wish-row-imgw .imgw-alt.on{opacity:1}
.wish-row-img{width:92px;height:92px;border-radius:12px;object-fit:cover;flex-shrink:0}
.wish-row-info{flex:1;min-width:0}
.wish-row-info h6{font-family:var(--fb);font-weight:600;font-size:15px;color:var(--navy);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wish-row-meta{display:flex;align-items:center;gap:10px;margin-top:4px}
.wish-row-meta .added{font-size:12px;color:var(--muted)}
.wish-tag{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#16a34a}
.wish-row-price{margin-top:6px;font-family:var(--fb);font-weight:700;font-size:16px;color:var(--navy);display:flex;align-items:center;gap:8px}
.wish-row-price .off{color:#16a34a;font-size:12px;font-weight:600}
.ci-addons{flex:1;font-size:11px;color:var(--teal);font-weight:500;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wish-row-price .mrp{color:var(--muted);font-size:12px;text-decoration:line-through;font-weight:400}
.wish-row-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
@media (min-width:701px){
  .wish-row{position:relative;align-items:stretch;padding-bottom:12px}
  .wish-row-img{align-self:center}
  .wish-row-info{padding-right:180px;min-height:92px;display:flex;flex-direction:column}
  .wish-row-info .wish-row-price{margin-top:auto}
  .wish-row-actions{position:absolute;right:16px;bottom:12px;align-items:flex-end}
}
@media (max-width:1000px){.wish-list{grid-template-columns:1fr}}
.wish-row-actions .addw .btn-add{border:none;border-radius:999px;background:var(--red);color:#fff;height:38px;width:112px;padding:0;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.wish-row-actions .addw .btn-add:hover{filter:brightness(1.06)}
.wish-row-actions .qty{display:flex;align-items:center;justify-content:space-between;gap:8px;border:none;background:var(--red);border-radius:999px;height:38px;width:112px;padding:0 14px;box-sizing:border-box}
.wish-row-actions .qty button{border:none;background:none;color:#fff;font-size:16px;cursor:pointer;width:16px}
.wish-row-fav{width:38px;height:38px;border-radius:50%;background:var(--red);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.wish-row-fav i{font-size:17px;color:#fff}
.wish-row-fav:hover{filter:brightness(1.08)}
.wish-nomatch{text-align:center;padding:40px 0;color:var(--muted);font-size:14px}
.wish-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--navy);color:#fff;border-radius:999px;padding:12px 12px 12px 22px;display:flex;align-items:center;gap:16px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:1500}
.wish-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.wish-toast button{border:none;background:rgba(255,255,255,.16);color:#fff;border-radius:999px;height:32px;padding:0 16px;font-weight:600;font-size:13px;cursor:pointer}
.wish-toast button:hover{background:rgba(255,255,255,.28)}
@media (max-width:700px){
  .wish-list{grid-template-columns:1fr}
  .wish-row{position:relative;padding:10px;gap:12px;align-items:stretch}
  .wish-row-img{width:112px;height:112px;align-self:center}
  .wish-row-imgw{width:112px;height:112px}
  .wish-row-info{padding:2px 34px 44px 0;min-height:112px}
  .wish-row-info h6{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .wish-row-meta{margin-top:3px}
  .wish-row-meta .added{font-size:11px}
  .wish-row-price{margin-top:4px;font-size:14px}
  .ci-addons{flex:1;font-size:11px;color:var(--teal);font-weight:500;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wish-row-price .mrp{font-size:12px}
  .wish-row-price .off{font-size:11px}
  .wish-row-actions{position:static;display:block}
  .wish-row-fav{position:absolute;top:10px;right:10px;width:30px;height:30px}
  .wish-row-fav i{font-size:14px}
  .wish-row-actions .addw{position:absolute;right:10px;bottom:10px}
  .wish-row-actions .addw .btn-add,.wish-row-actions .qty{height:32px;width:104px;font-size:12px}
  .wish-summary{flex-direction:column;align-items:flex-start}
  .wish-sum-r.only-d{display:none}
  .wish-actions-m{display:flex;width:100%;margin-top:20px;gap:10px}
  .wish-actions-m .wish-add-all,.wish-actions-m .wish-clear-all{flex:1}
}