:root{
  --green:#007A4E;--green-d:#005E3C;--green-l:#E2F3EA;
  --orange:#FF8200;--orange-d:#E06A00;--orange-l:#FFF0DE;
  --red:#E3262E;--red-d:#C21A22;--red-l:#FDE5E6;
  --ink:#15201B;--muted:#5F6B65;--bg:#FBF8F2;--card:#FFFFFF;--gray:#F3EFE7;--line:#E7E1D6;
  --c-snacks:#FFE2BF;--c-sweets:#FFD7DA;--c-fruit:#FFF0B3;--c-noodles:#FFE6C7;
  --c-drinks:#EADFD2;--c-beauty:#FFDDEB;--c-pharmacy:#D3F0E0;--c-care:#D7E8F7;--c-merch:#DDF2E5;
  --font:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Unbounded","Onest",system-ui,sans-serif;
  --r:16px;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding-inline:16px}
.num{font-variant-numeric:tabular-nums}
.h2{font-family:var(--display);font-size:clamp(19px,2.3vw,26px);font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.15}
.sec-head{scroll-margin-top:120px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:36px 0 14px}
.link{color:var(--green);font-weight:600;text-decoration:none;background:none;border:0;padding:0}
.small{font-size:12px;color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== header ===== */
header{position:sticky;top:0;z-index:30;background:var(--green);color:#fff}
.hbar{display:flex;align-items:center;gap:10px;padding-block:10px;position:relative}
.logo{flex:none;width:112px;height:40px;border:2px dashed rgba(255,255,255,.55);border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.12em}
.search{flex:1;position:relative;min-width:0}
.search input{width:100%;border:0;border-radius:12px;padding:11px 12px 11px 40px;background:#fff;color:var(--ink);-webkit-appearance:none}
.sfield{position:relative;display:block}
.sfield>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 12px 40px rgba(20,33,27,.22);padding:6px;z-index:5;max-height:min(70vh,460px);overflow-y:auto}
.sugg button{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;border:0;background:none;border-radius:10px;padding:6px;text-align:left}
.sugg button:focus-visible{background:var(--gray);outline:none}@media (hover:hover){.sugg button:hover{background:var(--gray);outline:none}}
.sugg .pi{width:40px;height:40px;border-radius:9px;display:grid;place-items:center}.sugg .pi svg{width:26px}
.sugg .n{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sugg .p{font-weight:700;font-size:13px;white-space:nowrap}
.sugg .all{display:block;text-align:center;color:var(--green);font-weight:700;padding:10px}
.sugg .fix{padding:6px 8px;font-size:12px;color:var(--muted)}
.hbtn{flex:none;text-decoration:none;display:flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:10px 14px;font-weight:600;background:var(--green-d);color:#fff;height:44px}
.hbtn.cart{background:var(--orange);color:var(--ink)}
.hbtn .badge{background:var(--ink);color:#fff;border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:700;padding-inline:6px}
.bump{animation:bump .35s}
@keyframes bump{40%{transform:scale(1.12)}}
@media (max-width:640px){.hbtn .lbl{display:none}.hbtn{padding:10px 11px}.logo{width:52px;font-size:9px;letter-spacing:.04em}.search{position:static}.sugg{left:8px;right:8px}}

/* бегущая строка с таймером отправки */
.tick{background:var(--orange);color:var(--ink);font-size:13px;font-weight:600;overflow:hidden}
.tickin{display:flex;align-items:center;gap:16px;height:34px}
.cd{flex:none;display:flex;align-items:center;gap:6px;white-space:nowrap}
.cd svg{width:16px;transform:rotate(45deg)}
.cd b{font-weight:800}
.marq{flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.mt{display:flex;gap:28px;width:max-content;animation:marq 38s linear infinite;white-space:nowrap;font-weight:500}
.mt span::before{content:"●";font-size:7px;vertical-align:middle;margin-right:10px;opacity:.55}
@keyframes marq{to{transform:translateX(-50%)}}
@media (max-width:720px){.marq{display:none}.tickin{justify-content:center}}
@media (max-width:380px){.cd{font-size:12px;gap:4px}.cd svg{display:none}}

.subnav{background:var(--bg);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;align-items:center}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a,.subnav button{flex:none;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;color:var(--ink);background:none;border:0;white-space:nowrap}
@media (hover:hover){.subnav a:hover,.subnav button:hover{color:var(--green)}}
.subnav .favs{margin-left:auto;display:flex;gap:6px;align-items:center}
.subnav .favs[aria-pressed="true"]{color:var(--red)}
.subnav .favs svg{width:16px;color:var(--red)}

/* ===== stories ===== */
.stories{display:flex;gap:14px;overflow-x:auto;padding:16px 2px 4px;scrollbar-width:none}
.stories::-webkit-scrollbar{display:none}
.st{flex:none;width:76px;display:grid;justify-items:center;gap:6px;border:0;background:none;padding:0;font-size:12px;font-weight:600;line-height:1.2;text-align:center}
.st .ring{width:72px;height:72px;border-radius:50%;padding:3px;background:conic-gradient(var(--orange),var(--red),var(--green),var(--orange))}
.st.seen .ring{background:var(--line)}
.st .in{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);display:grid;place-items:center;overflow:hidden}
.st .in svg{width:40px}

/* ===== hero ===== */
.promos{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:14px}
.promos>*{min-width:0}
@media (max-width:900px){.promos{grid-template-columns:1fr 1fr}.promo.main{grid-column:1/-1}}
.promo{border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:156px;position:relative;overflow:hidden}
.promo p{margin:0;font-size:14px}
.promo.main{background:var(--green);color:#fff;min-height:240px;padding:24px}
.promo.main h1{font-family:var(--display);margin:0;font-size:clamp(24px,3.3vw,40px);font-weight:800;line-height:1.08;letter-spacing:-.025em;max-width:15ch;position:relative;z-index:1}
.promo.main p{max-width:36ch;font-size:15px;position:relative;z-index:1;opacity:.95}
.promo.main .acts{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.promo.main .art{position:absolute;right:18px;bottom:-8px;display:flex;gap:4px;align-items:flex-end}
.promo.main .art svg{width:88px;animation:float 5s ease-in-out infinite}
.promo.main .art svg:nth-child(2){width:104px;animation-delay:-1.6s}
.promo.main .art svg:nth-child(3){animation-delay:-3.2s}
@keyframes float{50%{transform:translateY(-8px) rotate(-3deg)}}
@media (max-width:1200px){.promo.main .art svg:first-child{display:none}}
@media (max-width:720px){.promo.main .art{opacity:.28;right:-10px}.promo.main{min-height:230px}}
.promo.o{background:var(--orange);color:var(--ink)}
.promo.r{background:var(--red);color:#fff}
.promo .big{font-family:var(--display);font-size:clamp(22px,2.6vw,32px);font-weight:800;line-height:1;letter-spacing:-.02em}
.promo .note{font-size:13px;opacity:.9}
.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;min-height:44px;transition:background .15s,transform .1s}
.btn:active{transform:scale(.98)}
.btn-o{background:var(--orange);color:var(--ink)}@media (hover:hover){.btn-o:hover{background:#FF9423}}
.btn-w{background:#fff;color:var(--ink)}
.btn-g{background:var(--green);color:#fff}@media (hover:hover){.btn-g:hover{background:var(--green-d)}}
.btn-ghost{background:rgba(255,255,255,.16);color:#fff}
.btn-line{background:#fff;border:2px solid var(--line);color:var(--ink)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.wide{width:100%}

/* ===== sets ===== */
.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(264px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain}
@media (max-width:640px){.hscroll{grid-auto-columns:78%}}
.set{scroll-snap-align:start;border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.set-art{height:128px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:12px 12px 0;position:relative;border:0;width:100%}
.set-art svg{width:72px}
.set-art .tag{position:absolute;left:12px;top:12px;background:var(--red);color:#fff;font-weight:700;font-size:12px;border-radius:7px;padding:3px 8px}
.set-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.set-body h3{margin:0;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:-.01em}
.set-body ul{margin:0;padding:0;list-style:none;font-size:13px;color:var(--muted);display:grid;gap:2px}
.set-body li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
.set-price{display:flex;flex-direction:column;line-height:1.1}
.set-price b{font-family:var(--display);font-size:19px;font-weight:700}
.set-price s{font-size:13px;color:var(--muted)}
.set.mystery{background:var(--ink);color:#fff;border-color:var(--ink)}
.set.mystery .set-art{background:radial-gradient(circle at 50% 120%,#2E4A3D,var(--ink) 70%)}
.set.mystery .set-body ul{color:#B9C6C0}
.set.mystery .set-price span{color:#B9C6C0;font-size:12px}
.set.mystery .step{background:var(--orange)}.set.mystery .step button,.set.mystery .step b{color:var(--ink)}
.set.mystery .qm{font-family:var(--display);font-size:64px;font-weight:800;color:var(--orange);line-height:1;align-self:center;animation:wob 3s ease-in-out infinite}
@keyframes wob{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}

/* ===== categories ===== */
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cat{min-width:0;border:0;border-radius:var(--r);padding:16px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:8px;align-items:center;min-height:124px;transition:transform .15s}
@media (hover:hover){.cat:hover{transform:translateY(-2px)}}
.cat[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--ink)}
.cat .ct{display:block;margin:0 0 6px;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.cat .cx{display:block;font-size:12px;color:#3E4A44;line-height:1.3}
.cat .n{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;background:rgba(255,255,255,.75);border-radius:7px;padding:2px 8px}
.cat svg{width:80px}
@media (max-width:480px){.cat{grid-template-columns:minmax(0,1fr) 50px;min-height:100px;padding:12px}.cat svg{width:50px}.cat .cx{display:none}.cat .ct{font-size:13px}}

/* ===== catalog ===== */
.subs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px;padding-bottom:2px}
.sub{flex:none;border:1px solid var(--line);background:var(--card);border-radius:99px;padding:7px 14px;font-size:14px;font-weight:500}
.sub[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;color:var(--muted);font-size:14px}
.tools select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--card)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:12px}
@media (max-width:480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:var(--card);position:relative;content-visibility:auto;contain-intrinsic-size:auto 330px;transition:box-shadow .15s}
@media (hover:hover){.card:hover{box-shadow:0 6px 22px rgba(20,33,27,.08)}}
.pic{aspect-ratio:1/1;display:grid;place-items:center;position:relative;border:0;padding:0;width:100%}
.pic svg{width:50%;transition:transform .25s}
@media (hover:hover){.card:hover .pic svg{transform:scale(1.06) rotate(-2deg)}}
.tags{position:absolute;left:8px;top:8px;display:flex;gap:4px;flex-wrap:wrap}
.tg{font-style:normal;font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;background:#fff;color:var(--green-d)}
.tg.hit{background:var(--red);color:#fff}
.tg.hot{background:var(--ink);color:#fff}
.tg.box{background:var(--orange);color:var(--ink)}
.fav{position:absolute;right:6px;top:6px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);display:grid;place-items:center;color:var(--muted)}
.fav svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}
.fav[aria-pressed="true"]{color:var(--red)}
.fav[aria-pressed="true"] svg{fill:currentColor}
.cbody{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.cname{font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.cmeta{font-size:12px;color:var(--muted)}
.cfoot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:4px;min-height:44px}
.price{font-family:var(--display);font-size:16px;font-weight:700;white-space:nowrap;letter-spacing:-.02em}
.add{flex:none;border:0;background:var(--orange);color:var(--ink);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;transition:background .15s,transform .1s}
@media (hover:hover){.add:hover{background:#FF9423}}.add:active{transform:scale(.92)}
.add svg{width:20px}
.step{display:flex;align-items:center;background:var(--ink);border-radius:99px;overflow:hidden;color:#fff;height:44px}
.step button{border:0;background:transparent;color:#fff;width:34px;height:44px;font-size:20px;font-weight:600}
.step button:disabled{opacity:.3;cursor:not-allowed}
.step b{min-width:18px;text-align:center;font-weight:700}
@media (max-width:380px){.step button{width:28px}.price{font-size:14px}}
.more{display:flex;justify-content:center;margin-top:16px}
.empty{padding:40px 12px;text-align:center;color:var(--muted);grid-column:1/-1}

/* ===== how / compare ===== */
.how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.how{grid-template-columns:repeat(2,minmax(0,1fr))}}
.how div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.how b{display:block;font-family:var(--display);font-size:24px;font-weight:800;color:var(--green);margin-bottom:4px}
.how span{font-size:14px}
.compare{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:720px){.compare{grid-template-columns:1fr}}
.compare div{border-radius:var(--r);padding:16px;background:var(--gray);display:grid;gap:2px}
.compare span{font-size:13px;color:var(--muted)}
.compare b{font-family:var(--display);font-size:22px;font-weight:700}
.compare .hl{background:var(--green-l)}
.compare .hl b{color:var(--green)}
.compare small{font-size:12px;color:var(--muted)}

/* ===== tracker ===== */
.track{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}
@media (max-width:800px){.track{grid-template-columns:minmax(0,1fr);padding:16px}}
.track>*{min-width:0}
.track form{display:flex;gap:8px;margin-top:10px}
.track input{flex:1;min-width:0;border:2px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff}
.route{position:relative;padding:34px 8px 0;margin-bottom:12px}
.rline{height:4px;border-radius:99px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px)}
.rline i{display:block;height:100%;background:var(--green);border-radius:99px;transition:width .8s}
.plane{position:absolute;top:18px;width:34px;height:34px;margin-left:-9px;border-radius:50%;background:var(--orange);display:grid;place-items:center;transition:left .8s;color:var(--ink)}
.plane svg{width:20px;transform:rotate(90deg)}
.nodes{list-style:none;margin:10px 0 0;padding:0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.nodes li{flex:1;text-align:center}.nodes li:first-child{text-align:left}.nodes li:last-child{text-align:right}
.nodes li.on{color:var(--ink);font-weight:600}
.now-st{font-family:var(--display);font-size:18px;font-weight:700;margin:6px 0 10px}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:start;position:relative;padding-bottom:10px;font-size:14px;color:var(--muted)}
.timeline li::before{content:"";width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--line);margin:3px 0 0 3px;z-index:1;box-sizing:border-box}
.timeline li::after{content:"";position:absolute;left:9px;top:17px;bottom:0;width:2px;background:var(--line)}
.timeline li:last-child::after{display:none}
.timeline li.done{color:var(--ink)}
.timeline li.done::before{background:var(--green);border-color:var(--green)}
.timeline li.done::after{background:var(--green)}
.timeline li.now{color:var(--ink);font-weight:700}
.timeline li.now::before{background:var(--orange);border-color:var(--orange)}
.timeline time{font-size:12px;color:var(--muted);font-weight:400}
.demo{font-size:12px;color:var(--muted);margin-top:8px}

footer{margin-top:48px;background:var(--ink);color:#C9D2CE;padding-block:28px 32px;font-size:13px}
footer .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:860px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer .wrap{grid-template-columns:1fr}}
.fcol{display:grid;gap:6px;align-content:start}.fcol b{color:#fff}.fcol a{color:#C9D2CE}
.fnote{grid-column:1/-1;margin:6px 0 0;font-size:12px;color:#8FA098}

.cookie{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:36;width:min(380px,calc(100% - 24px));background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,33,27,.14);border-radius:16px;padding:12px 14px;display:grid;gap:10px;font-size:13px}
.cookie div{display:flex;gap:8px}
.cookie .btn{padding:8px 12px;min-height:38px;flex:1}
body.has-bar .cookie{bottom:calc(84px + env(safe-area-inset-bottom,0px))}

/* ===== drawer ===== */
.scrim{position:fixed;inset:0;background:rgba(10,20,15,.5);z-index:40;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(470px,100%);background:var(--bg);z-index:41;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:slide .25s cubic-bezier(.2,.8,.2,1)}
@keyframes slide{from{transform:translateX(40px);opacity:0}}
.dh{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--green);color:#fff}
.dh h2{margin:0;font-family:var(--display);font-size:18px;font-weight:700}
.x{border:0;background:rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;flex:none}
.db{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}
.parcel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;flex:none}
.parcel-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px}
.parcel-h b{font-family:var(--display);font-size:14px;font-weight:700}
.parcel-h .lim{display:flex;align-items:center;gap:8px;color:var(--muted);text-align:right;line-height:1.2}
.gauge{width:52px;flex:none}
.li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}
.li .pi{width:44px;height:44px;border-radius:10px;display:grid;place-items:center}
.li .pi svg{width:30px}
.li .n{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.li .m{font-size:12px;color:var(--muted);margin-top:2px}
.li .step{height:36px}.li .step button{width:30px;height:36px;font-size:18px}
.wm{padding:10px 12px;border-top:1px solid var(--line);background:var(--gray);font-size:12px}
.wm .bar{height:6px;background:rgba(0,0,0,.08);border-radius:99px;margin:6px 0 4px;overflow:hidden}
.wm .bar i{display:block;height:100%;background:var(--green);border-radius:99px}
.wm .row{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.wm .row b{white-space:nowrap}
.ups{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:8px}
.ups button{flex:none;display:flex;gap:6px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:99px;padding:4px 10px 4px 4px;font-size:12px;max-width:230px}
.ups .pi{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}.ups .pi svg{width:18px}
.ups span.t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info{border-radius:12px;padding:10px 12px;font-size:13px;flex:none}
.info.warn{background:var(--orange-l)}
.info.ok{background:var(--green-l)}
.prog{height:6px;background:rgba(0,0,0,.08);border-radius:99px;margin-top:6px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--orange)}
.seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--gray);padding:4px;border-radius:14px;flex:none}
.seg button{border:0;background:transparent;border-radius:10px;padding:9px 6px;font-size:13px;font-weight:600;line-height:1.25}
.seg button small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.seg button[aria-pressed="true"]{background:#fff;box-shadow:inset 0 0 0 2px var(--green)}
.why{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;flex:none}
.why summary{font-weight:600;cursor:pointer}
.why ul{margin:8px 0 0;padding-left:18px;display:grid;gap:3px;color:#3E4A44}
.promo-code{display:flex;gap:6px;flex:none}
.promo-code input{flex:1;min-width:0;border:2px solid var(--line);border-radius:12px;padding:9px 10px;text-transform:uppercase;background:#fff}
.df{border-top:1px solid var(--line);background:var(--card);padding:12px 16px 14px;display:grid;gap:5px}
.r{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.r.t{font-family:var(--display);font-size:19px;font-weight:700;margin-top:2px}
.r .g{color:var(--green);font-weight:600}
.err{color:var(--red-d);font-size:12px;font-weight:600}

/* ===== modal / sheets ===== */
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;overflow-y:auto}
.sheet{background:var(--bg);border-radius:20px;width:min(520px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;animation:pop .22s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
@keyframes pop{from{transform:translateY(16px);opacity:0}}
@media (max-width:640px){.modal{place-items:end center;padding:0}.sheet{width:100%;border-radius:20px 20px 0 0;max-height:92vh;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px)}}
.sh{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:var(--green);color:#fff;position:sticky;top:0;z-index:2}
.sh h2{margin:0;font-family:var(--display);font-size:17px;font-weight:700}
.sb{padding:16px 18px 18px;display:grid;gap:12px}
.steps{display:flex;gap:4px;padding:12px 18px 0}
.steps span{flex:1;height:4px;border-radius:99px;background:var(--line)}
.steps span.on{background:var(--orange)}
.sum{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;display:flex;justify-content:space-between;gap:8px}
form.co{padding:14px 18px 18px;display:grid;gap:12px}
.f{display:grid;gap:4px;min-width:0}
.f label{font-size:13px;font-weight:600}
.f input{border:2px solid var(--line);border-radius:12px;padding:11px 12px;width:100%;background:#fff;min-width:0}
.f input:focus{border-color:var(--green);outline:none}
.f input[aria-invalid="true"]{border-color:var(--red)}
.f .hint{font-size:12px;color:var(--muted)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:420px){.two{grid-template-columns:1fr}}
.chk{display:flex;gap:10px;font-size:12px;color:var(--muted);align-items:flex-start;line-height:1.4}
.chk input{accent-color:var(--green);margin:1px 0 0;width:18px;height:18px;flex:none}
.chk span{min-width:0}
.pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pay label{border:2px solid var(--line);background:#fff;border-radius:12px;padding:12px;display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;cursor:pointer}
.pay label:has(input:checked){border-color:var(--green);background:var(--green-l)}
.pay input{accent-color:var(--green)}
/* быстрый просмотр */
.qv-art{aspect-ratio:16/10;display:grid;place-items:center;border-radius:16px;position:relative}
.qv-art svg{width:34%}
.qv h3{margin:0;font-size:18px;font-weight:600;line-height:1.3}
.qv .orig{font-size:13px;color:var(--muted)}
.qv .thai{font-size:15px;background:var(--card);border:1px dashed var(--line);border-radius:12px;padding:10px 12px}
.qv .thai small{display:block;font-size:11px;color:var(--muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.06em}
.qv .buy{display:flex;align-items:center;justify-content:space-between;gap:10px}
.qv .buy .price{font-size:22px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{font-size:12px;background:var(--gray);border-radius:99px;padding:4px 10px}
.minis{display:grid;gap:8px}
.mini{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 8px}
.mini .pi{width:44px;height:44px;border-radius:10px;display:grid;place-items:center}.mini .pi svg{width:28px}
.mini .n{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;border:0;background:none;padding:0;text-align:left}
.mini .p{font-size:12px;color:var(--muted)}
.mini .add,.mini .step{height:36px}.mini .add{width:36px}.mini .step button{width:28px;height:36px}
/* посадочный талон */
.bp{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(20,33,27,.12);animation:pop .4s}
.bp-top{background:var(--green);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.12em}
.bp-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:16px}
.bp-route .c{font-family:var(--display);font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em}
.bp-route .cn{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-route .to{text-align:right}
.bp-route svg{width:28px;color:var(--orange);transform:rotate(90deg)}
.bp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:0 16px 14px}
.bp-grid span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.bp-grid b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.perf{height:20px;position:relative;background:radial-gradient(circle at 0 50%,var(--bg) 10px,transparent 11px),radial-gradient(circle at 100% 50%,var(--bg) 10px,transparent 11px)}
.perf::after{content:"";position:absolute;left:18px;right:18px;top:50%;border-top:2px dashed var(--line)}
.bars{display:flex;align-items:stretch;height:46px;gap:2px;padding:6px 16px 16px;overflow:hidden}
.bars i{background:var(--ink);display:block}
.done-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:70;max-width:calc(100% - 32px);text-align:center;animation:pop .2s}
.cartbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:35;max-width:540px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-radius:16px;background:var(--orange);color:var(--ink);padding:14px 16px;font-weight:700;box-shadow:0 8px 24px rgba(255,130,0,.35)}
body.has-bar{padding-bottom:84px}
@media (min-width:901px){.cartbar{display:none!important}body.has-bar{padding-bottom:0}body.has-bar .cookie{bottom:12px}}
.flyer{position:fixed;z-index:80;pointer-events:none;margin:0}

/* ===== истории ===== */
.story{position:fixed;inset:0;z-index:60;background:#0B120F;display:grid;place-items:center}
.story-in{position:relative;width:min(420px,100%);height:min(760px,100vh);height:min(760px,100dvh);display:flex;flex-direction:column;overflow:hidden}
@media (min-width:500px){.story-in{border-radius:20px}}
.sbars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3}
.sbars span{flex:1;height:3px;border-radius:99px;background:rgba(255,255,255,.35);overflow:hidden}
.sbars i{display:block;height:100%;width:0;background:#fff}
.sbars span.done i{width:100%}
.sbars span.cur i{animation:fill 5s linear forwards}
.story.paused .sbars span.cur i{animation-play-state:paused}
@keyframes fill{to{width:100%}}
.story .x{position:absolute;right:10px;top:22px;z-index:4;background:rgba(0,0,0,.25)}
.sbody{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:70px 24px 36px;position:relative}
.sbody .sart{flex:1;display:grid;place-items:center}
.sbody .sart svg{width:52%;max-width:200px;animation:float 4s ease-in-out infinite}
.sbody h3{font-family:var(--display);font-size:clamp(24px,7vw,32px);font-weight:800;line-height:1.08;margin:0;letter-spacing:-.02em}
.sbody p{margin:0;font-size:16px}
.sbody .btn{position:relative;z-index:3;align-self:flex-start}
.snav{position:absolute;top:0;bottom:0;border:0;background:transparent;z-index:2;padding:0}
.snav.prev{left:0;width:30%}.snav.next{right:0;width:70%}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}.sbars span.cur i{animation-duration:5s!important}}

/* ===== v6: фото товаров ===== */
.pic img,.qv-art img,.pi img{width:100%;height:100%;object-fit:contain;display:block}
.pic.has-img{background:#fff!important}
.pic.has-img img{padding:10px;transition:transform .25s}
@media (hover:hover){.card:hover .pic.has-img img{transform:scale(1.04)}}
.pi.has-img{background:#fff!important;border:1px solid var(--line)}
.pi img{padding:2px}
.qv-art.has-img{background:#fff!important;border:1px solid var(--line)}
.qv-art.has-img img{padding:16px}
.gal{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.gal button{flex:none;width:56px;height:56px;border-radius:10px;border:2px solid var(--line);background:#fff;padding:2px}
.gal button[aria-pressed="true"]{border-color:var(--green)}
.card.off .pic{filter:grayscale(1);opacity:.6}
.soldout{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}

/* скелетон загрузки */
.skel{background:linear-gradient(90deg,var(--gray),#fff,var(--gray));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r);min-height:300px}
@keyframes sk{to{background-position:-200% 0}}

/* ===== мини-корзина после добавления (десктоп) ===== */
.mc{position:fixed;top:72px;right:max(16px,calc((100vw - 1240px)/2 + 16px));z-index:45;width:340px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(20,33,27,.2);padding:14px;display:grid;gap:10px;animation:pop .2s}
.mc .row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}
.mc .pi{width:48px;height:48px;border-radius:10px;display:grid;place-items:center}.mc .pi svg{width:30px}
.mc .n{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc .ok{font-size:12px;color:var(--green);font-weight:700}
.mc .acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mc .acts .btn{min-height:40px;padding:9px 10px;font-size:14px}
@media (max-width:900px){.mc{display:none!important}}

/* ===== панель корзины на телефоне ===== */
.cartbar{flex-direction:column;align-items:stretch;gap:6px;padding:12px 16px}
.cartbar .cb-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cartbar .cb-sub{font-size:12px;font-weight:500;text-align:left}
.cartbar .cb-prog{height:4px;border-radius:99px;background:rgba(0,0,0,.14);overflow:hidden}
.cartbar .cb-prog i{display:block;height:100%;background:var(--ink)}
@media (max-width:900px){body.has-bar{padding-bottom:104px}body.has-bar .cookie{bottom:calc(104px + env(safe-area-inset-bottom,0px))}}

/* ===== оформление на одном экране ===== */
.co-sec{display:grid;gap:10px}
.co-sec>h3{margin:4px 0 0;font-family:var(--display);font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.co-sec>h3 i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px}
.pvz-pick{display:flex;gap:8px}
.pvz-pick input{flex:1}
.pvz-chosen{background:var(--green-l);border-radius:12px;padding:10px 12px;font-size:13px}
.co-foot{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));display:grid;gap:6px;z-index:2}
.co-foot .r.t{margin:0}
.fold summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.fold summary::-webkit-details-marker{display:none}
.fold summary::after{content:"▾";color:var(--muted)}
.fold[open] summary::after{content:"▴"}
.fold .minis{margin-top:8px}
.remember{font-size:12px}
.spin{width:18px;height:18px;border:3px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:rot .7s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.notice{background:var(--orange-l);border-radius:12px;padding:10px 12px;font-size:13px}
.notice.bad{background:var(--red-l);color:var(--red-d)}

/* ===== поделиться корзиной ===== */
.share-row{display:flex;gap:8px;flex:none}
.share-row .btn{flex:1;min-height:40px;padding:8px 10px;font-size:13px}
.linkbox{display:flex;gap:6px}
.linkbox input{flex:1;min-width:0;border:2px solid var(--line);border-radius:12px;padding:9px 10px;font-size:13px;background:#fff}

/* ===== страницы документов ===== */
.doc{max-width:820px;margin:0 auto;padding:24px 16px 48px}
.doc h1{font-family:var(--display);font-size:clamp(22px,3vw,32px);line-height:1.15;letter-spacing:-.02em;margin:8px 0 18px}
.doc h2{font-family:var(--display);font-size:17px;margin:26px 0 8px}
.doc p,.doc li{font-size:15px;line-height:1.6}
.doc table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
.doc td,.doc th{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
.doc .note{background:var(--gray);border-radius:12px;padding:10px 14px;font-size:14px}
.doc .ph{background:#FFF3B0;border-radius:4px;padding:0 3px}
.doc-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.doc-nav a{font-size:13px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 12px;text-decoration:none}
.doc-nav a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.doc-back{display:inline-flex;gap:6px;color:var(--green);font-weight:600;text-decoration:none;margin-bottom:8px}
@media print{header,footer,.doc-nav,.doc-back,.cookie{display:none!important}body{background:#fff}}
.qv-art{overflow:hidden}
.qv-art.has-img img{position:absolute;inset:0}
.qv-art .tags{z-index:1}
.logo{text-decoration:none;color:#fff}
.cat .n,.ups b{white-space:nowrap}
@media (max-width:380px){.cat .n{font-size:11px;padding:2px 6px}}

/* ===== v7: доверие, гарантии, вопросы ===== */
.trust{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.trust li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.3;display:flex;gap:8px;align-items:flex-start}
.trust li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.trust b{font-weight:700}
@media (max-width:900px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
.banner{margin-top:12px;background:var(--ink);color:#fff;border-radius:14px;padding:12px 16px;font-weight:600;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.banner a{color:var(--orange);font-weight:700}
.promo{min-height:140px}
.promo.main{min-height:220px}
.about{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,.8fr);gap:16px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;align-items:center}
.about-photo{width:160px;height:160px;border-radius:50%;background:var(--c-fruit) center/cover no-repeat;display:grid;place-items:center}
.about-photo svg{width:60%}
.about-text p{margin:0 0 10px;font-size:15px}
.about-acts{display:flex;gap:8px;flex-wrap:wrap}
.reviews{background:var(--gray);border-radius:16px;padding:14px;display:grid;gap:6px;text-align:center}
.reviews .rt{font-family:var(--display);font-size:32px;font-weight:800}
.reviews .stars{color:var(--orange);font-size:18px;letter-spacing:2px}
@media (max-width:860px){.about{grid-template-columns:1fr;text-align:left}.about-photo{width:96px;height:96px}}
.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,200px);gap:10px;overflow-x:auto;margin-top:12px;scrollbar-width:thin}
.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:var(--gray)}
.guar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.guar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.guar{grid-template-columns:1fr}}
.guar div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:4px}
.guar b{font-family:var(--display);font-size:14px}
.guar span{font-size:14px;color:#3E4A44}
.faq{display:grid;gap:8px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--green)}
.faq details[open] summary::after{content:"−"}
.faq p{margin:8px 0 0;color:#3E4A44}
/* корзина: добор до минимума и «влезет без доплаты» */
.addon{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:grid;gap:8px;flex:none}
.addon h3{margin:0;font-size:14px;font-weight:700}
.addon .minis{gap:6px}
.addon .mini{grid-template-columns:40px minmax(0,1fr) auto auto;gap:8px}
.addon .mini .pi{width:40px;height:40px}
.addon .p{white-space:nowrap}
.cart-guar{font-size:12px;color:var(--muted);display:grid;gap:3px;flex:none}
.cart-guar span::before{content:"✓ ";color:var(--green);font-weight:800}
.set-save{font-size:12px;color:var(--green);font-weight:700}
.next-steps{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:s}
.next-steps li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:14px;align-items:start}
.next-steps li::before{counter-increment:s;content:counter(s);width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
.ask{font-size:13px;color:var(--green);font-weight:600;text-decoration:none}
.qv .what{margin:0;font-size:14px;background:var(--gray);border-radius:12px;padding:10px 12px}
body.lock .toast{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
.cookie{flex-direction:row;display:flex;align-items:center;gap:10px;padding:10px 12px;width:auto;max-width:calc(100% - 24px)}
.cookie div{flex:none}
.cookie .btn{min-height:34px;padding:6px 10px;font-size:13px}
.cb-sum small{font-weight:500;opacity:.8}

@media (max-width:720px){.cd-x{display:none}.cd::before{content:"Отправка ";font-weight:600}}
@media (max-width:720px){.cd svg{display:none}}
.promo.o,.promo.r{justify-content:flex-start;gap:14px}

/* ===================== v8: минимализм ===================== */
:root{--bg:#FFFFFF;--gray:#F5F4F1;--line:#ECEAE6;--pic:#F6F5F2}
body{background:var(--bg)}
header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.hbar{padding-block:12px;gap:12px}
.logo{border-color:var(--line);color:var(--ink);font-size:11px}
.search input{background:var(--gray);border-radius:999px;padding:11px 14px 11px 40px}
.hbtn{background:transparent;color:var(--ink);height:42px}
.hbtn.plain{font-weight:500}
.hbtn.plain .only-m{display:none}
.hbtn.cart{background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px}
.hbtn .badge{background:var(--orange);color:var(--ink)}
@media (max-width:640px){.hbtn.plain .only-m{display:block}.hbtn.plain{padding:10px 8px}}
.tick,.subnav,.stories,.promos,.trust,.banner{display:none!important}
.hero{padding:40px 0 8px;max-width:760px}
.hero h1{font-family:var(--display);font-size:clamp(28px,4.6vw,48px);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin:0 0 14px}
.hero p{margin:0 0 16px;font-size:17px;color:var(--muted);max-width:52ch}
.hero p b{color:var(--ink)}
.meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted)}
.meta li{display:flex;align-items:center;gap:6px}
.meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.meta b{color:var(--ink);font-weight:600}
@media (max-width:640px){.hero{padding:24px 0 4px}.hero p{font-size:15px}}
/* категории — строка чипов */
nav.chips{display:flex;gap:8px;align-items:center;margin:24px 0 0;position:sticky;top:67px;z-index:20;background:#fff;padding:10px 0;border-bottom:1px solid transparent}
.chips .cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;grid-template-columns:none}
.chips .cats::-webkit-scrollbar{display:none}
.cat{flex:none;display:inline-flex;min-height:0;padding:8px 14px;border-radius:999px;background:var(--gray)!important;grid-template-columns:none;transition:none}
@media (hover:hover){.cat:hover{transform:none;background:#ECEAE5!important}}
.cat svg,.cat .cx,.cat .n{display:none!important}
.cat .ct{margin:0;font-family:var(--font);font-size:14px;font-weight:500;letter-spacing:0;white-space:nowrap}
.cat[aria-pressed="true"]{background:var(--ink)!important;color:#fff;box-shadow:none}
.chips .favs{flex:none;border:0;background:var(--gray);border-radius:999px;padding:8px 12px;font-size:14px;color:var(--muted)}
.chips .favs[aria-pressed="true"]{background:var(--red);color:#fff}
@media (max-width:640px){.chips{top:63px}}
.sec-head{margin:40px 0 14px}
.h2{font-size:clamp(18px,2vw,22px)}
/* карточки */
.card{border:0;border-radius:0;background:transparent}
@media (hover:hover){.card:hover{box-shadow:none}}
.pic,.pi,.qv-art,.set-art{background:var(--pic)!important}
.pic{border-radius:16px}
.pic svg{width:42%}
@media (hover:hover){.card:hover .pic svg{transform:none}}
.card .tags,.card .fav,.cmeta{display:none}
.cbody{padding:10px 2px 0;gap:6px}
.cname{font-size:14px;-webkit-line-clamp:2;min-height:2.6em;color:var(--ink)}
.price{font-family:var(--font);font-size:16px;font-weight:700;letter-spacing:0}
.add{width:38px;height:38px;background:var(--gray);color:var(--ink)}
@media (hover:hover){.add:hover{background:var(--orange)}}
.step{height:38px;background:var(--ink)}
.step button{height:38px}
.cfoot{min-height:38px}
.grid{gap:24px 16px}
@media (max-width:480px){.grid{gap:20px 12px}}
/* наборы */
.set{border:1px solid var(--line);border-radius:18px}
.set-art{height:110px}
.set-art svg{width:56px}
.set-art .tag{background:var(--ink)}
.set.mystery{background:#fff;color:var(--ink);border-color:var(--line)}
.set.mystery .set-art{background:var(--pic)!important}
.set.mystery .set-body ul,.set.mystery .set-price span{color:var(--muted)}
.set.mystery .step{background:var(--ink)}.set.mystery .step button,.set.mystery .step b{color:#fff}
.set-body h3{font-family:var(--font);font-size:16px;font-weight:700}
.set-save{color:var(--muted);font-weight:500}
.set-price b{font-family:var(--font);font-size:18px}
.set-foot .btn-o{background:var(--ink);color:#fff}
.subs .sub{background:transparent}
.tools select{background:#fff}
/* факты вместо блоков */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.facts h3{margin:0 0 6px;font-size:15px}
.facts p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
@media (max-width:760px){.facts{grid-template-columns:1fr;gap:18px}}
.faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;background:transparent}
.track{background:var(--gray);border:0}
footer{background:#fff;color:var(--muted);border-top:1px solid var(--line)}
footer .fcol b{color:var(--ink)}footer .fcol a{color:var(--muted)}.fnote{color:var(--muted)}
.cookie{box-shadow:0 6px 20px rgba(0,0,0,.08)}
/* корзина без лишнего */
.drawer,.sheet{background:#fff}
.dh,.sh{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.x{background:var(--gray);color:var(--ink)}
.parcel{border-color:var(--line)}
.gauge,.why,.cart-guar{display:none!important}
.wm{background:transparent}
.wm .bar{height:4px}
.addon{border:0;background:var(--gray)}
.info.ok{background:var(--gray)}
.cartbar{background:var(--ink);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.cartbar .cb-prog{background:rgba(255,255,255,.2)}.cartbar .cb-prog i{background:var(--orange)}
.btn-o{background:var(--orange)}
.mc .acts .btn-o{background:var(--orange)}
.set-body ul,.set-save{display:none}
.set-body{gap:10px}
.hscroll{grid-auto-columns:minmax(220px,260px)}
.info.warn{background:var(--gray)}
.info.warn .prog i{background:var(--orange)}
.flyer{opacity:.9}

/* v8.1: фото товаров на обложке набора */
.set-art .sa-img{width:31%;max-width:84px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;margin-bottom:10px}
.pic.has-img,.pi.has-img,.qv-art.has-img{background:var(--pic)!important;border:0}
.pic.has-img img,.pi.has-img img,.qv-art.has-img img{mix-blend-mode:multiply}

/* ===================== v10: стиль тайского минимаркета =====================
   Свой фирменный стиль в духе тайских минимаркетов: белый, насыщенный зелёный,
   оранжевый и красный для цен и акций. Без чужих логотипов и фирменных полос. */
:root{
  --green:#00914C;--green-d:#007A3F;--green-l:#E7F5EC;
  --orange:#FF8A00;--orange-d:#E67A00;--orange-l:#FFF1DF;
  --red:#E5242B;--red-d:#C81B21;--red-l:#FDE8E8;
  --ink:#1B1D1C;--muted:#5E6461;--bg:#F3F4F3;--card:#fff;--gray:#F1F2F1;--line:#E3E6E4;--pic:#fff;
  --display:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:14px;
}
body{background:var(--bg)}
.h2{font-family:var(--font);font-weight:800;letter-spacing:-.01em;font-size:clamp(19px,2.2vw,24px);display:flex;align-items:center;gap:10px}
.h2::before{content:"";width:5px;height:1.05em;border-radius:3px;background:var(--green);flex:none}
.sec-head{margin:36px 0 14px}
.sec-head .small{color:var(--muted)}

/* шапка: служебная строка + белая панель */
header{background:#fff;color:var(--ink);border-bottom:0;box-shadow:0 1px 0 var(--line)}
.topbar{background:var(--green-d);color:#fff;font-size:12.5px}
.tb-in{display:flex;align-items:center;gap:18px;min-height:32px}
.tb-l b{font-weight:700}
.tb-r{margin-left:auto;display:flex;gap:16px}
.tb-r a{color:#fff;text-decoration:none;opacity:.92}@media (hover:hover){.tb-r a:hover{opacity:1;text-decoration:underline}}
@media (max-width:760px){.topbar .hide-m,.tb-r{display:none}.tb-in{justify-content:center;min-height:28px;font-size:12px}}
.hbar{padding-block:12px;gap:14px;align-items:center}
.logo{border:2px dashed var(--line);color:var(--muted);height:44px;min-width:92px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;letter-spacing:.06em}
.search{display:flex;align-items:stretch;flex:1;position:relative}
.search .sfield{flex:1;position:relative;display:flex;align-items:center}
.search input{width:100%;height:46px;background:#fff;border:2px solid var(--green);border-right:0;border-radius:12px 0 0 12px;padding:0 14px 0 42px;font-size:15px}
.search input:focus{outline:0;box-shadow:inset 0 0 0 1px var(--green)}
.search .sfield svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
.sbtn{flex:none;height:46px;padding:0 22px;border:0;border-radius:0 12px 12px 0;background:var(--green);color:#fff;font-weight:700;font-size:15px}
@media (hover:hover){.sbtn:hover{background:var(--green-d)}}
.sugg{top:calc(100% + 6px)}
.hbtn{height:46px;background:transparent;color:var(--ink)}
.hbtn.plain{font-weight:600;border-radius:12px;padding:0 12px}
@media (hover:hover){.hbtn.plain:hover{background:var(--gray)}}
.hbtn.cart{background:var(--orange);color:#fff;border-radius:12px;padding:0 16px;font-weight:700;gap:8px}
@media (hover:hover){.hbtn.cart:hover{background:var(--orange-d)}}
.hbtn .badge{background:#fff;color:var(--orange-d);font-weight:800}
@media (max-width:640px){
  .hbar{flex-wrap:wrap;row-gap:10px;padding-block:10px}
  .logo{order:1;height:40px;min-width:72px}
  .hbtn.plain{order:2;margin-left:auto;padding:0 10px;height:42px}
  .hbtn.cart{order:3;height:42px;padding:0 12px}
  .search{order:4;flex-basis:100%}
  .search input,.sbtn{height:44px}
  .sbtn{padding:0 16px}
}

/* зелёная полоса категорий во всю ширину */
nav.chips{position:sticky;top:var(--hdr,109px);z-index:20;margin:0;padding:8px 0;background:var(--green);box-shadow:0 0 0 100vmax var(--green);clip-path:inset(0 -100vmax);border:0;gap:8px}
.chips .cats{gap:4px}
.cat{background:transparent!important;color:#fff;padding:8px 14px;border-radius:10px;border:0}
@media (hover:hover){.cat:hover{background:rgba(255,255,255,.14)!important}}
.cat .ct{font-weight:600;font-size:14.5px}
.cat[aria-pressed="true"]{background:#fff!important;color:var(--green-d)}
.chips .favs{background:rgba(255,255,255,.16);color:#fff;border-radius:10px;padding:8px 12px;font-weight:600}
@media (hover:hover){.chips .favs:hover{background:rgba(255,255,255,.26)}}
.chips .favs[aria-pressed="true"]{background:#fff;color:var(--red)}

/* промо-блок: главный баннер + две плитки */
.hero{display:none}
.promo{padding:0;border-radius:0;min-height:0;overflow:visible;justify-content:initial;flex-direction:initial}
.promo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:14px;margin:20px 0 4px}
.p-main{grid-row:span 1;background:linear-gradient(135deg,#00914C 0%,#007A3F 100%);color:#fff;border-radius:18px;padding:28px 28px 26px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}
.p-main::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}
.p-kick{align-self:flex-start;background:var(--orange);color:#fff;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:8px}
.p-main h1{margin:0;font-family:var(--font);font-weight:800;font-size:clamp(24px,3.2vw,36px);line-height:1.1;letter-spacing:-.02em;max-width:18ch}
.p-main p{margin:0;font-size:15.5px;opacity:.95;max-width:46ch}
.p-main p b{color:#fff}
.p-main .meta{color:rgba(255,255,255,.9);font-size:13.5px;gap:4px 16px}
.p-main .meta li::before{background:var(--orange)}
.p-main .meta b{color:#fff}
.p-cta{align-self:flex-start;margin-top:6px;background:#fff;color:var(--green-d);font-weight:800;text-decoration:none;padding:12px 18px;border-radius:12px;position:relative;z-index:1}
@media (hover:hover){.p-cta:hover{background:var(--orange-l)}}
.p-tile{border:0;text-align:left;font:inherit;color:#fff;text-decoration:none;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;min-height:180px;cursor:pointer;transition:transform .15s}
@media (hover:hover){.p-tile:hover{transform:translateY(-2px)}}
.p-tile::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12)}
.p-red{background:linear-gradient(160deg,#EE3A3F,#C81B21)}
.p-orange{background:linear-gradient(160deg,#FFA028,#F07800)}
.p-t{font-weight:700;font-size:16px}
.p-big{font-weight:900;font-size:clamp(32px,3.6vw,44px);line-height:1;letter-spacing:-.02em;margin:4px 0 2px}
.p-s{font-size:13.5px;opacity:.95;max-width:22ch}
.p-go{margin-top:auto;padding-top:10px;font-weight:700;font-size:14px}
@media (max-width:900px){.promo{grid-template-columns:1fr 1fr}.p-main{grid-column:1/-1}}
@media (max-width:480px){.promo{gap:10px;margin-top:12px}.p-main{padding:20px 18px;border-radius:16px}.p-tile{padding:16px;min-height:150px;border-radius:16px}.p-s{font-size:12.5px}}

/* карточки товара — белые плитки */
.grid{gap:12px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}
@media (hover:hover){.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.07);border-color:#D6DAD8}}
.pic{border-radius:10px;background:#fff!important}
.pic.has-img,.pi.has-img,.qv-art.has-img{background:#fff!important}
.pic.has-img img{padding:4px}
.card .tags{display:flex;position:absolute;left:6px;top:6px;gap:4px;flex-wrap:wrap}
.tg{font-style:normal;font-size:11px;font-weight:800;padding:3px 7px;border-radius:6px;background:var(--orange);color:#fff}
.tg.hit{background:var(--red)}.tg.hot{background:#8A1F0F}.tg.box{background:var(--green)}
.card .fav{display:flex}
.cbody{padding:8px 2px 0;gap:4px;flex:1;display:flex;flex-direction:column}
.cname{font-size:14px;line-height:1.35;min-height:2.7em}
.cmeta{display:block;font-size:12px;color:var(--muted)}
.cfoot{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}
.price{color:var(--red);font-size:18px;font-weight:800}
.add{width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;display:inline-grid;place-items:center;border:0}
.add svg{width:20px;height:20px}
@media (hover:hover){.add:hover{background:var(--green-d)}}
.step{height:40px;border-radius:999px;background:var(--green);color:#fff}
.step button{height:40px;color:#fff}
.card.off{opacity:.6}
@media (max-width:480px){.grid{gap:8px}.card{padding:8px;border-radius:12px}.price{font-size:16px}.add,.step,.step button{height:36px}.add{width:36px}}

/* наборы */
.set{background:#fff;border:1px solid var(--line);border-radius:14px}
.set-art{background:var(--green-l)!important}
.set-art .tag{background:var(--red);color:#fff}
.set.mystery .set-art{background:var(--orange-l)!important}
.set.mystery .qm{color:var(--orange)}
.set-price b{color:var(--red)}
.set-foot .btn-o{background:var(--green);color:#fff;border-radius:10px}
@media (hover:hover){.set-foot .btn-o:hover{background:var(--green-d)}}
.set.mystery .step{background:var(--green)}

/* подкатегории, сортировка */
.subs .sub{background:#fff;border:1px solid var(--line);border-radius:999px}
.subs .sub[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.tools select{border:1px solid var(--line);border-radius:10px;height:38px;padding:0 10px}
.more .btn-line{border:2px solid var(--green);color:var(--green-d);background:#fff;border-radius:12px;font-weight:700}
@media (hover:hover){.more .btn-line:hover{background:var(--green-l)}}

/* факты, вопросы, отслеживание */
.facts{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:40px}
.facts h3{color:var(--green-d)}
.faq{background:#fff;border:1px solid var(--line);border-radius:16px;padding:4px 20px}
.faq details:last-child{border-bottom:0}
.track{background:#fff;border:1px solid var(--line);border-radius:16px}
.btn-g{background:var(--green);color:#fff}@media (hover:hover){.btn-g:hover{background:var(--green-d)}}

/* подвал */
footer{background:var(--green-d);color:rgba(255,255,255,.85);border-top:0;margin-top:48px}
footer .fcol b{color:#fff}footer .fcol a{color:rgba(255,255,255,.85)}@media (hover:hover){footer .fcol a:hover{color:#fff}}
.fnote{color:rgba(255,255,255,.7);border-top-color:rgba(255,255,255,.15)}

/* корзина и нижняя панель */
.dh,.sh{border-bottom:3px solid var(--green)}
.cartbar{background:var(--green);color:#fff}
.cartbar .cb-prog i{background:var(--orange)}
.btn-o{background:var(--orange);color:#fff}@media (hover:hover){.btn-o:hover{background:var(--orange-d)}}
.hbtn .badge:empty{display:none}

/* ===================== v11: доработки по аудиту UI/UX ===================== */
:root{--green:#008545;--green-d:#006B37;--yellow:#FFC400;--bg:#FFFFFF}
body{background:#fff}
.sec-head,#catalog{scroll-margin-top:calc(var(--stk,120px) + 12px)}
/* контраст: тёмный текст на оранжевом */
.hbtn.cart,.btn-o,.p-kick,.tg{color:var(--ink)}
.tg.hit{background:var(--red);color:#fff}.tg.hot{background:#7A1A0C;color:#fff}.tg.box{background:var(--green);color:#fff}
.tg{background:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.02em;padding:4px 8px;border-radius:4px 10px 10px 4px}
.hbtn .badge{background:var(--ink);color:#fff}
.p-orange{color:var(--ink)}.p-orange::after{background:rgba(255,255,255,.25)}
.p-red{background:linear-gradient(160deg,#E0232A,#B3161C)}
.p-main{background:linear-gradient(135deg,#008545 0%,#006B37 100%)}
@media (hover:hover){.btn-o:hover{color:var(--ink)}}
/* подвал */
footer,footer .fcol a{color:#fff}
.fnote{color:rgba(255,255,255,.85)}
/* мини-корзина под новой шапкой, мягкая кнопка вместо неактивной */
.mc{top:calc(var(--hdr,102px) + 8px)}
.btn:disabled{opacity:1;background:var(--gray);color:var(--muted);box-shadow:none}
.btn-soft{background:var(--orange-l);color:var(--orange-d);border:0;font-weight:700}
/* кнопки-обводки в новом стиле */
.btn-line{border:2px solid var(--green);color:var(--green-d);background:#fff}
@media (hover:hover){.btn-line:hover{background:var(--green-l)}}
.co-sec>h3 i{background:var(--green)}
/* полоса категорий: иконки в белых кругах; чипы в модалке — обычные */
nav.chips .cat{display:inline-flex;align-items:center;gap:8px}
nav.chips .cat svg{display:block!important;width:26px;height:26px;background:#fff;border-radius:50%;padding:3px;flex:none}
.sheet .chips{position:static;background:none;box-shadow:none;clip-path:none;padding:0;margin:0;flex-wrap:wrap;gap:6px;z-index:auto}
.sheet .chip{background:var(--gray);color:var(--muted)}
@media (max-width:760px){nav.chips .cats{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}
/* промо: главный баннер + две плитки в колонку, фото товаров на плитках */
.promo{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:1fr 1fr;margin:20px 0}
.p-main{grid-row:1/3}
.p-tile{min-height:170px;padding-right:44%}
.p-tile::after{display:none}
.p-pics{position:absolute;right:14px;bottom:12px;top:12px;width:40%;display:flex;align-items:center;justify-content:center;gap:0}
.p-pics img{width:58%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px;padding:4px;box-shadow:0 6px 14px rgba(0,0,0,.18);margin-left:-18%}
.p-pics img:first-child{margin-left:0;transform:rotate(-6deg)}.p-pics img:last-child{transform:rotate(6deg)}
.p-pics svg{width:78%;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}
.p-go{padding-top:8px}
@media (max-width:900px){.promo{grid-template-columns:1fr 1fr;grid-template-rows:none}.p-main{grid-row:auto;grid-column:1/-1}}
@media (max-width:480px){.p-kick{display:none}.p-main h1{font-size:24px}.p-main{gap:8px}.p-main .meta{font-size:12.5px}.p-tile{min-height:150px;padding:14px;padding-right:14px}.p-pics{position:static;width:auto;height:64px;justify-content:flex-start;margin-top:6px}.p-pics img{width:56px}.p-pics svg{width:60px}.p-big{font-size:28px}}
/* круглые категории — только на телефоне, как в приложениях минимаркетов */
.catgrid{display:none}
@media (max-width:640px){
  .catgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;margin:6px 0 18px}
  .catgrid button{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:600;line-height:1.2;text-align:center;color:var(--ink);min-height:40px}
  .catgrid i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--green-l);border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
  .catgrid svg{width:36px;height:36px}
}
/* телефон: зелёная шапка с белым поиском, шапка не липкая — липкой остаётся только полоса категорий */
@media (max-width:640px){
  header{position:relative;background:var(--green);box-shadow:none}
  .topbar{background:var(--green-d)}
  .logo{border-color:rgba(255,255,255,.5);color:#fff}
  .hbtn.plain{color:#fff}@media (hover:hover){.hbtn.plain:hover{background:rgba(255,255,255,.14)}}
  .search input{border:0;border-radius:999px 0 0 999px;font-size:16px}
  .sbtn{background:var(--orange);color:var(--ink);border-radius:0 999px 999px 0}
  nav.chips{top:0}
}
/* карточки */
.subs:empty{display:none}
.hscroll{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
.price{font-weight:900;letter-spacing:-.02em}
@media (max-width:480px){
  .card .cfoot:has(.step) .price{font-size:14px}.card .step button{width:30px}.card .step b{min-width:16px}.cfoot{gap:4px}
  .add,.step,.step button{height:40px}.add{width:40px}
  .cat,.subs .sub,.chips .favs{min-height:40px}
  .li .step,.li .step button,.mini .add,.mini .step,.mini .step button{height:40px}.mini .add{width:40px}
  .fav{width:40px;height:40px}
}
.btn.bx{height:40px;padding:0 16px;border-radius:12px;font-weight:800}
/* наборы: одинаковые подписи */
.set.mystery .set-price span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.set-foot .btn-o{border-radius:12px;background:var(--green);color:#fff}
@media (hover:hover){.set-foot .btn-o:hover{color:#fff}}
/* модалка товара: липкая панель покупки */
.qv .buybar{position:sticky;bottom:-1px;background:#fff;padding:10px 0 12px;margin-top:4px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;z-index:2}
.qv .buy{margin:0}
/* формы */
.f{align-content:start}.two{align-items:end}
@media (max-width:640px){.search input,.f input,.track input,.promo-code input,.linkbox input,#promo{font-size:16px}}
/* уведомления не перекрывают итоги */
.toast{width:max-content;max-width:calc(100vw - 32px)}
@media (max-width:640px){body.lock .toast{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto}}
/* cookie на телефоне */
@media (max-width:480px){.cookie{flex-direction:column;align-items:stretch;left:12px;right:12px}.cookie div{display:grid;grid-template-columns:1fr 1fr;gap:8px}}
/* экран «заказ оплачен» */
.bars{justify-content:space-between}
.sheet .perf{background:radial-gradient(circle at 0 50%,#fff 10px,transparent 11px),radial-gradient(circle at 100% 50%,#fff 10px,transparent 11px)}
.notice .btn{font-size:15px;min-height:44px}
/* отслеживание */
@media (max-width:480px){.track form{flex-wrap:wrap}.track form .btn{flex:1 0 100%}}
#trackView summary{list-style:none;cursor:pointer;color:var(--green-d);font-weight:600}
#trackView summary::-webkit-details-marker{display:none}
#trackView summary::after{content:" ▾"}
/* шапка не прыгает при росте суммы */
@media (min-width:641px){.hbtn.cart{min-width:140px;justify-content:center}}
.logo{border:0;background:var(--green-l);color:var(--green-d)}
@media (max-width:640px){.logo{background:rgba(255,255,255,.16);color:#fff}}
/* единые радиусы */
.facts,.faq,.track{border-radius:14px}
.p-pics{width:44%;right:10px}
.p-pics img{width:46%;margin-left:-14%}
nav.chips .cat{padding:7px 10px;gap:6px}
nav.chips .cat svg{width:22px;height:22px;padding:2px}
nav.chips .cat .ct{font-size:14px}
@media (min-width:1200px){nav.chips .cats{justify-content:space-between}}
@media (max-width:1439px){nav.chips .cat svg{display:none!important}}
.set-foot{flex-wrap:wrap;gap:8px}
@media (max-width:640px){.set-foot .btn-o,.set-foot .btn.bx{flex:1 0 100%}}
@media (max-width:1279px){nav.chips .cats{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:24px}}
/* v11.1: проще — меньше шума */
.card .cmeta{display:none}
.cname{min-height:2.7em;margin-bottom:2px}
@media (max-width:640px){.catgrid{display:none}}
@media (max-width:640px){.set-foot .ctl{flex:1 0 100%;display:flex}.set-foot .ctl .btn,.set-foot .ctl .step{flex:1}}

/* ===================== v12: второй круг аудита — проще и ближе к минимаркету ===================== */
.st .ring{background:var(--green)}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
header :focus-visible,nav.chips :focus-visible,footer :focus-visible,.p-main :focus-visible{outline-color:#fff}
.pic:focus:not(:focus-visible){outline:0}
.sb{grid-template-columns:minmax(0,1fr)}.sb>*{min-width:0}
.sec-head{align-items:center}
/* плоские яркие промо-плитки */
.p-main{background:var(--green)}.p-main::after{display:none}
.p-red{background:var(--red)}.p-orange{background:var(--orange)}
.p-main .meta,.p-main p,.p-s{color:inherit;opacity:1}
.p-main .meta{color:#fff}
.p-big{font-size:clamp(34px,3.8vw,50px)}
@media (min-width:901px){.p-pics{right:20px;width:40%}.p-pics img{width:42%}}
@media (max-width:480px){.p-pics{width:auto;right:auto}.p-pics img{width:52px;margin-left:-12px}.p-pics img:first-child{margin-left:0}.p-pics svg{width:56px}}
@media (max-width:640px){.p-main{padding:18px 16px;gap:6px}.p-main h1{font-size:22px}.p-main p,.p-main .meta li:not(.ship){display:none}.p-cta{padding:10px 14px}.p-tile{min-height:0;padding:14px}.p-s{display:none}.p-pics{height:52px}}
/* круглые категории — на всех экранах, как в приложениях минимаркетов */
.catgrid{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(84px,1fr);grid-template-columns:none;gap:10px;overflow-x:auto;scrollbar-width:none;margin:4px 0 18px;padding:4px 2px}
.catgrid::-webkit-scrollbar{display:none}
.catgrid button{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1.2;text-align:center;color:var(--ink);cursor:pointer}
.catgrid i{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--green-l);border:0;box-shadow:none;transition:transform .15s}
.catgrid svg{width:42px;height:42px}
@media (hover:hover){.catgrid button:hover i{transform:translateY(-2px)}}
.catgrid button[aria-pressed="true"] i{background:var(--green);box-shadow:0 0 0 3px var(--green-l)}
@media (max-width:640px){.catgrid{grid-auto-columns:72px;gap:6px;margin:0 -16px 14px;padding:4px 16px}.catgrid i{width:58px;height:58px}.catgrid svg{width:36px;height:36px}.catgrid span{font-size:11.5px}}
/* наборы: круглый стикер скидки */
.set-art .tag{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;padding:0;font-size:14px;font-weight:900;transform:rotate(-10deg);box-shadow:0 3px 8px rgba(0,0,0,.18)}
@media (min-width:641px){.set.mystery .set-foot{flex-wrap:nowrap}.set.mystery .set-price{flex:1;min-width:0}}
.set.mystery .set-price span{display:none}
/* один цвет — одно значение: зелёный = добавить, оранжевый = оформить */
.btn.bx,.card .btn.bx,.qv .btn.bx{background:var(--green);color:#fff}@media (hover:hover){.btn.bx:hover{background:var(--green-d);color:#fff}}
/* карточки: размер отдельной строкой, бейджи не налезают на сердечко */
.csize{font-size:12.5px;font-weight:600;color:var(--muted)}
.card .tags{max-width:calc(100% - 44px)}
/* модалка товара: одна главная кнопка */
.qv .buybar .add{display:inline-flex;align-items:center;gap:6px;width:auto;height:48px;padding:0 22px;border-radius:12px;font-weight:800}
.qv .buybar .add::after{content:"В корзину"}
.qv .buybar .step,.qv .buybar .step button{height:48px}
.qv [data-buynow]{background:none;border:0;min-height:36px;padding:0;color:var(--green-d);font-weight:600;text-decoration:underline}
/* нижняя панель корзины в одну строку */
.cartbar{width:calc(100% - 24px);text-align:left}
.cartbar .cb-row{flex-wrap:nowrap;align-items:center}
#barTxt{flex:1;min-width:0;white-space:nowrap;font-size:16px;line-height:1.2}
#barCta{flex:none;white-space:nowrap;background:var(--orange);color:var(--ink);border-radius:10px;padding:9px 16px;font-weight:800}
.cartbar .cb-sub:empty{display:none}
body.has-bar .toast{bottom:calc(112px + env(safe-area-inset-bottom,0px))}
@media (min-width:641px){body.lock .toast{top:20px;bottom:auto}.hbtn.cart{min-width:150px}}
@media (max-width:640px){.drawer:not([hidden]) ~ .toast{top:calc(76px + env(safe-area-inset-top,0px));bottom:auto}#cartFoot>.small{display:none}.r.t{font-size:18px}}
/* контраст полей и «избранного» */
.chips .favs{background:var(--green-d)}@media (hover:hover){.chips .favs:hover{background:#005A2E}}
.f input,.track input,.promo-code input,.linkbox input,.tools select{border-color:#8E9591}
/* ровные края прокручиваемых лент */
@media (min-width:641px){.hscroll{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}
@media (max-width:640px){.subs{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.search{position:relative}.sugg{left:0;right:0}}
@media (max-width:1279px){nav.chips .cats{-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent);padding-left:12px;scroll-padding-left:12px}}
/* отслеживание */
.route{padding:34px 17px 0}.plane{margin-left:-17px}.nodes{margin:20px -17px 0}
/* пустой поиск — понятное действие */
.empty a:not(.btn){display:inline-flex;align-items:center;min-height:44px;margin-top:14px;padding:0 18px;border-radius:12px;background:var(--green);color:#fff;font-weight:700;text-decoration:none}
@media (min-width:761px){.tb-r a[href="#track"]{display:none}}
/* v12.1: витрина на главном баннере, ровные плитки */
.promo{grid-template-rows:auto auto}
.p-main{position:relative;padding-right:46%}
.p-hero-pics{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:40%;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.p-hero-pics img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:16px;padding:8px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.p-hero-pics img:nth-child(1){transform:rotate(-4deg)}.p-hero-pics img:nth-child(4){transform:rotate(4deg)}
.p-tile .p-big{font-size:clamp(28px,2.8vw,42px);white-space:nowrap}
@media (max-width:900px){.p-main{padding-right:28px}.p-hero-pics{display:none}}
.tg{white-space:nowrap}
@media (max-width:480px){.card .tg{font-size:10px;padding:3px 6px}}
.p-main .meta{display:block}
.p-main .meta li{display:block;margin:2px 0}
.p-main .meta li::before{display:inline-block;margin-right:6px;vertical-align:middle}
@media (max-width:480px){.card .tags .tg:nth-child(2){display:none}}
body.lock .toast,.drawer:not([hidden]) ~ .toast{bottom:auto!important;height:auto}
/* v13: вокруг товаров — ничего лишнего, только сам товар */
.card .tags,.qv-art .tags,.mini .tags,.pi .tags{display:none!important}
.set-art .tag{display:none}
/* v13: сразу понятно и легко купить */
@media (max-width:640px){.p-main p{display:block;font-size:14px}.p-main .meta{display:none}.promo .p-tile{display:none}}
@media (min-width:641px){.catgrid{display:none!important}}
@media (max-width:640px){.catgrid{display:grid!important;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin:0 0 12px;padding:4px 0;gap:10px 4px}}
/* явная кнопка «В корзину» на карточке */
.card .cfoot{flex-wrap:wrap;row-gap:8px}
.card .cfoot .price{flex:1 0 100%;font-size:18px}.card .cfoot:has(.step) .price{flex:1 0 100%;font-size:18px}
.card .cfoot .ctl{flex:1 0 100%;display:flex}
.card .ctl .add{width:100%;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800}
.card .ctl .add::after{content:"В корзину"}
.card .ctl .add svg{width:18px;height:18px}
.card .ctl .step{width:100%;justify-content:space-between;border-radius:10px}.card .ctl .step button{width:44px}
.card .ctl .btn.bx{width:100%}
@media (max-width:480px){.card .cfoot .price{font-size:16px}.card .cfoot:has(.step) .price{font-size:16px}.card .ctl .step button{width:40px}}
.card .fav{display:none!important}
/* логотип-название, минимальный заказ на телефоне */
.logo{white-space:nowrap;padding:0 12px;font-size:15px;letter-spacing:0}
@media (max-width:760px){.topbar #tbMin{display:inline}.tb-in{gap:10px}.topbar .hide-m{display:none}}
/* корзина в шапке: сумма и значок-счётчик не двигают поиск */
.hbtn.cart{position:relative}
.hbtn.cart .badge{position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #fff}
@media (min-width:641px){.hbtn.cart{min-width:150px}}
/* наборы */
.set.mystery .set-art svg{width:88px;align-self:center}
.set-body .set-save{display:block!important;color:var(--green-d);font-weight:600;font-size:13px}
.p-main .meta li.ship{white-space:nowrap}
/* уведомления не закрывают интерфейс */
.toast{pointer-events:none}
@media (min-width:641px){body.lock .toast{top:auto!important;bottom:24px!important}}
@media (max-width:640px){.drawer:not([hidden]) ~ .toast{top:calc(10px + env(safe-area-inset-top,0px))!important}}
/* отслеживание: форма над маршрутом */
.track{grid-template-columns:minmax(0,1fr)}.track form{max-width:560px}
.pic:focus-visible{outline-offset:-3px;border-radius:10px}
#cartbar.bump{animation:bb .35s}@keyframes bb{40%{transform:scale(1.03)}}
.tb-l{white-space:nowrap}
@media (max-width:760px){.tb-in{font-size:11.5px;gap:8px;justify-content:center}.tb-in .tb-l+ .tb-l:not(#tbMin){display:none}#tbMin::before{content:"· ";}}
.p-main h1{max-width:none;font-size:clamp(24px,2.7vw,36px)}
/* v13.1: финальная проверка */
@media (max-width:640px){.drawer:not([hidden]) ~ .toast{top:calc(76px + env(safe-area-inset-top,0px))!important}}
@media (min-width:641px){body.lock .toast{left:24px;right:auto;transform:none;top:auto!important;bottom:24px!important}}
@media (max-width:640px){nav.chips{margin-bottom:-56px;transition:opacity .15s}nav.chips.m-hide{opacity:0;pointer-events:none}}
@media (min-width:481px){nav.chips .cat,nav.chips .favs{height:34px;min-height:0;padding-block:0;display:inline-flex;align-items:center}}
.set-foot,.set.mystery .set-foot{flex-wrap:wrap!important}
.set-foot .set-price{flex:1 0 100%}
.set-foot .btn-o,.set-foot .ctl{flex:1 0 100%;display:flex}
.set-foot .btn-o,.set-foot .ctl .btn,.set-foot .ctl .step{height:40px;min-height:0;border-radius:10px;font-weight:800;flex:1;justify-content:center}
.empty a:not(.btn){padding:10px 18px;line-height:1.3;max-width:100%;justify-content:center}
@media (max-width:640px){nav.chips .cats{padding-left:0;scroll-padding-left:0;margin-left:-10px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}
.p-main h1{font-size:clamp(24px,2.3vw,32px);text-wrap:balance}
#etaTop{white-space:nowrap}
@media (max-width:760px){.tb-in{gap:0}#tbMin::before{content:"\00a0·\00a0"}}
@media (min-width:641px){#recent{grid-auto-columns:calc((100% - 5*12px)/6)!important}}
@media (max-width:480px){#recent{grid-auto-columns:calc((100% - 8px)/2)!important}}
@media (min-width:641px){#setList{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}}
.li .n,.cname{text-wrap:pretty}
/* v14: палитра «тайского минимаркета» — белый магазин, оранжевые действия, красные цены, зелёный бренд.
   Без логотипа, цифры «7» и горизонтальных полос 7-Eleven: три цвета стоят рядом, а не друг над другом. */
:root{--mk-o:#FF7A00;--mk-o-d:#E86A00;--mk-o-l:#FFF1E2;--mk-r:#E5242B;--mk-g:#008545;--mk-g-d:#006B37}
/* шапка — белая везде, под ней тонкая трёхцветная линия */
header{background:#fff!important;color:var(--ink)!important;box-shadow:none!important;border-bottom:0!important;position:sticky}
header::after{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--mk-g) 0 50%,var(--mk-o) 50% 80%,var(--mk-r) 80% 100%)}
.topbar{background:var(--mk-g-d)!important;color:#fff}
.logo{background:var(--mk-g)!important;color:#fff!important;border:0!important;font-weight:900;letter-spacing:.02em}
.hbtn.plain{color:var(--ink)!important}@media (hover:hover){.hbtn.plain:hover{background:var(--gray)!important}}
.search input{border:2px solid var(--mk-g)!important;border-right:0!important}
.sbtn{background:var(--mk-o)!important;color:#fff!important;font-weight:800}
@media (hover:hover){.sbtn:hover{background:var(--mk-o-d)!important}}
.hbtn.cart{background:var(--mk-o)!important;color:#fff!important}@media (hover:hover){.hbtn.cart:hover{background:var(--mk-o-d)!important}}
.hbtn.cart .badge{background:var(--mk-r)!important;color:#fff!important}
@media (max-width:640px){header{position:relative}.search input{border-radius:999px 0 0 999px}.sbtn{border-radius:0 999px 999px 0}}
/* полоса категорий — белая, активная категория оранжевая */
nav.chips{background:#fff!important;box-shadow:0 0 0 100vmax #fff,0 1px 0 100vmax var(--line)!important;padding:8px 0}
.cat{color:var(--ink)!important}
@media (hover:hover){.cat:hover{background:var(--mk-o-l)!important}}
.cat[aria-pressed="true"]{background:var(--mk-o)!important;color:#fff!important}
nav.chips .cat svg{background:var(--mk-o-l)}
.chips .favs{background:var(--gray)!important;color:var(--ink)!important}
.chips .favs[aria-pressed="true"]{background:var(--mk-r)!important;color:#fff!important}
/* главный баннер — белый, заголовок зелёный, главная кнопка оранжевая */
.p-main{background:#FFF8EF!important;color:var(--ink)!important;box-shadow:inset 0 0 0 2px #FFE3C2}
.p-main h1{color:var(--mk-g-d)}
.p-main p,.p-main .meta{color:var(--ink)!important}
.p-main .meta b,.p-main b{color:var(--mk-r)}
.p-main .meta li::before{background:var(--mk-o)!important}
.p-kick{background:var(--mk-r)!important;color:#fff!important}
.p-cta{background:var(--mk-o)!important;color:#fff!important;box-shadow:0 2px 0 var(--mk-o-d)}
@media (hover:hover){.p-cta:hover{background:var(--mk-o-d)!important}}
.p-main :focus-visible{outline-color:var(--mk-g)!important}
/* плитки: красная (наборы) и зелёная (сюрприз-бокс) — вместе с оранжевым дают три цвета минимаркета */
.p-red{background:var(--mk-r)!important;color:#fff}
.p-orange{background:var(--mk-g)!important;color:#fff!important}
.p-orange .p-t,.p-orange .p-big,.p-orange .p-s,.p-orange .p-go{color:#fff!important}
/* заголовки разделов: оранжевая метка */
.h2::before{background:var(--mk-o)!important}
/* кнопки покупки — оранжевые, цены — красные */
.card .ctl .add,.qv .buybar .add,.mini .add,.add{background:var(--mk-o)!important;color:#fff!important}
@media (hover:hover){.card .ctl .add:hover,.add:hover{background:var(--mk-o-d)!important}}
.btn-o,.set-foot .btn-o,.mc .acts .btn-o{background:var(--mk-o)!important;color:#fff!important}
@media (hover:hover){.btn-o:hover,.set-foot .btn-o:hover{background:var(--mk-o-d)!important}}
.card .step,.set-foot .ctl .step{background:var(--mk-o-l)!important;color:var(--ink)}
.card .step button,.set-foot .ctl .step button{color:var(--mk-o-d)!important}
.price{color:var(--mk-r)}
/* иконки категорий на телефоне */
.catgrid i{background:var(--mk-o-l)!important}
.catgrid button[aria-pressed="true"] i{background:var(--mk-o)!important;box-shadow:0 0 0 3px var(--mk-o-l)!important}
.set-body .set-save{color:var(--mk-g-d)!important}
.p-main b,.p-main #etaTop,.p-main .meta b{color:var(--mk-r)!important}
#barCta{background:var(--mk-o)!important;color:#fff!important}
/* v16: с первого взгляда — «это из Таиланда, из 7-Eleven» */
.p-kick{display:inline-flex!important;align-items:center;gap:8px;background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px #FFD9AE;font-size:14px;font-weight:800;padding:6px 12px 6px 8px;border-radius:999px}
.flag-th{width:24px;height:16px;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.p-main h1{font-size:clamp(28px,3.1vw,44px)!important;line-height:1.08;letter-spacing:-.02em;max-width:15ch}
.p-main h1 .src{display:block;margin-top:4px}
.p-main h1 .src-n{display:inline-block;background:var(--mk-o);color:#fff!important;padding:0 .22em .04em;border-radius:.18em;transform:rotate(-1.5deg);box-shadow:0 3px 0 var(--mk-r)}
.p-main .p-sub{max-width:44ch;font-size:15.5px}
.p-stamp{position:absolute;z-index:2;top:18px;right:calc(40% - 18px);width:92px;height:92px;border-radius:50%;background:var(--mk-r);color:#fff;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);box-shadow:0 0 0 4px #fff,0 6px 16px rgba(0,0,0,.18);line-height:1.1;pointer-events:none}
.p-stamp b{font-size:22px;font-weight:700;color:#fff!important}
.p-stamp span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.p-note{font-size:11.5px;color:var(--muted);margin-top:-2px}
@media (max-width:900px){
 .p-hero-pics{display:grid!important;position:static;transform:none;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;order:1;margin:4px 0 2px}
 .p-hero-pics img{transform:none!important;border-radius:12px;padding:5px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
 .p-cta{order:2}.p-note{order:3}
 .p-stamp{top:12px;right:12px;width:66px;height:66px;box-shadow:0 0 0 3px #fff}
 .p-stamp b{font-size:16px}.p-stamp span{font-size:8.5px}
 .p-main h1{max-width:none;padding-right:64px}
}
@media (max-width:640px){.p-main h1{font-size:26px!important}.p-main .p-sub{font-size:14px}.p-kick{font-size:13px}}
/* v17: шапка в духе тайского минимаркета — логотип, иконки разделов с подписями, по краям — полосы флага Таиланда */
.hnav{display:none}
@media (min-width:1100px){
 .hbar{gap:6px;padding-block:8px;min-height:76px}
 .logo{width:64px!important;min-width:0!important;height:60px!important;border-radius:12px!important;margin-right:10px;font-size:12px}
 .hnav{display:flex;align-items:stretch;gap:2px;flex:none}
 .hnav a,.hnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:78px;padding:6px 8px;border:0;background:none;border-radius:12px;color:var(--ink);text-decoration:none;font:inherit;font-size:13px;font-weight:600;line-height:1.15;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
 .hnav svg{width:30px;height:30px;color:var(--mk-g)}
 @media (hover:hover){.hnav a:hover,.hnav button:hover{background:var(--mk-o-l)}}
 @media (hover:hover){.hnav a:hover svg,.hnav button:hover svg{color:var(--mk-o)}}
 .hnav a:first-child svg{color:var(--mk-o)}
 .hbar .search{flex:1 1 260px;min-width:200px;margin-left:10px}
 .hbar .hbtn.plain{display:none}
 .hbar .hbtn.cart{height:48px}
}
/* полосы по краям шапки — цвета флага Таиланда (красный-белый-синий-белый-красный) */
header{overflow-x:clip}
@media (min-width:1400px){
 .hbar::before,.hbar::after{content:"";position:absolute;top:50%;height:46px;transform:translateY(-50%);width:calc((100vw - 100%) / 2 - 28px);pointer-events:none;
  background:linear-gradient(180deg,#A51931 0 16.6%,#fff 16.6% 33.3%,#2D2A4A 33.3% 66.6%,#fff 66.6% 83.3%,#A51931 83.3%)}
 .hbar::before{right:calc(100% + 28px)}
 .hbar::after{left:calc(100% + 28px)}
}
/* v18: «Где мой заказ» — понятно с одного взгляда: большая картинка шага, шкала из значков, дата и «что нужно от вас» */
.track{background:#fff!important;border:2px solid #FFE3C2!important;border-radius:20px}
.trk-mine{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}
.trk-mine .chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer}
.trk-mine .chip[aria-pressed="true"]{background:var(--mk-o);border-color:var(--mk-o);color:#fff}
.tr-card{display:flex;flex-direction:column;gap:16px}
.tr-now{display:flex;gap:16px;align-items:center}
.tr-ico{flex:none;width:84px;height:84px;border-radius:50%;background:var(--mk-o);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px var(--mk-o-l)}
.tr-ico svg{width:46px;height:46px}
.tr-s6 .tr-ico,.tr-s7 .tr-ico{background:var(--mk-g);box-shadow:0 0 0 6px #E2F3EA}
.tr-s3 .tr-ico svg{animation:trfly 2.4s ease-in-out infinite}
@keyframes trfly{50%{transform:translate(3px,-3px)}}
@media (prefers-reduced-motion:reduce){.tr-s3 .tr-ico svg{animation:none}}
.tr-step{font-size:13px;font-weight:700;color:var(--mk-o-d);text-transform:uppercase;letter-spacing:.04em}
.tr-now .now-st{font-size:26px;font-weight:900;line-height:1.1;margin:2px 0 4px;color:var(--ink)}
.tr-now p{margin:0;font-size:15.5px;line-height:1.4}
.tr-bar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative}
.tr-bar li{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center}
.tr-bar li::before{content:"";position:absolute;top:19px;left:-50%;right:50%;height:4px;background:var(--line);z-index:0}
.tr-bar li:first-child::before{display:none}
.tr-bar li.done::before,.tr-bar li.now::before{background:var(--mk-g)}
.tr-dot{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;background:#fff;border:2px solid var(--line);color:#A8ADB5;display:grid;place-items:center}
.tr-dot svg{width:22px;height:22px}
.tr-bar li.done .tr-dot{background:var(--mk-g);border-color:var(--mk-g);color:#fff}
.tr-bar li.now .tr-dot{background:var(--mk-o);border-color:var(--mk-o);color:#fff;transform:scale(1.12);box-shadow:0 0 0 4px var(--mk-o-l)}
.tr-l{font-size:12px;font-weight:600;color:var(--muted);line-height:1.15}
.tr-bar li.now .tr-l{color:var(--ink);font-weight:800}
.tr-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.tr-box{background:var(--mk-o-l);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.tr-box>span:first-child{font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.tr-box>b{font-size:20px;font-weight:900}
.tr-need{background:#F1F8F4}
.tr-need .btn{align-self:flex-start;margin:4px 0 2px}
.tr-need>span:last-child{font-size:13.5px;color:var(--muted)}
.tks{display:flex;flex-direction:column;gap:8px}
.tk{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px}
.tk-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.tk-h>span{font-size:13px;color:var(--muted);font-weight:600}
.tk-h>b{font-size:18px;letter-spacing:.04em}
.tk-copy{border:0;background:var(--gray);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
@media (hover:hover){.tk-copy:hover{background:var(--mk-o-l)}}
.tk-go{margin-left:auto;font-weight:800;color:var(--mk-g-d);text-decoration:none;font-size:14px}
.tk-ev{display:flex;align-items:baseline;gap:8px;margin-top:8px;font-size:14px}
.tk-ev i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--mk-o);transform:translateY(-1px)}
.tk-ev time{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}
.tk-upd{margin:0;color:var(--muted)}
.tr-card details summary{cursor:pointer;font-weight:700}
.tr-card .timeline{margin-top:10px}
.hnav a.has-ord{position:relative}
.hnav a.has-ord::after{content:"";position:absolute;top:6px;right:18px;width:10px;height:10px;border-radius:50%;background:var(--mk-r);box-shadow:0 0 0 2px #fff}
@media (max-width:640px){
 .tr-ico{width:64px;height:64px;box-shadow:0 0 0 5px var(--mk-o-l)}.tr-ico svg{width:34px;height:34px}
 .tr-now .now-st{font-size:21px}.tr-now p{font-size:14.5px}
 .tr-dot{width:32px;height:32px}.tr-dot svg{width:17px;height:17px}.tr-bar li::before{top:14px;height:3px}
 .tr-l{font-size:10px}
 .tk-go{margin-left:0}.tk-ev{flex-wrap:wrap}.tk-ev time{margin-left:16px}
}
@media (max-width:640px){.tr-l{display:none}.tk-ev{display:grid;grid-template-columns:8px minmax(0,1fr);gap:2px 8px}.tk-ev i{margin-top:7px}.tk-ev time{grid-column:2;margin-left:0}}
/* v18: «Как купить» — 4 картинки, по два слова */
.how4{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:h4}
.how4 li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:12px 14px;position:relative;counter-increment:h4}
.how4 li::after{content:counter(h4);position:absolute;top:8px;right:12px;font-weight:900;font-size:13px;color:var(--mk-o)}
.h4i{grid-row:1/3;width:48px;height:48px;border-radius:50%;background:var(--mk-o-l);color:var(--mk-o-d);display:grid;place-items:center}
.h4i svg{width:26px;height:26px}
.how4 li:nth-child(4) .h4i{background:#E2F3EA;color:var(--mk-g)}
.how4 b{font-size:16px;font-weight:900;align-self:end}
.how4 li>span:last-child{font-size:13px;color:var(--muted);align-self:start;line-height:1.25}
@media (max-width:760px){.how4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 14px}
 .how4 li{grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;text-align:center;padding:10px 4px 8px;row-gap:4px;border-radius:14px}
 .how4 li::after{top:4px;right:8px;font-size:11px}
 .h4i{grid-row:auto;width:40px;height:40px}.h4i svg{width:22px;height:22px}
 .how4 b{font-size:13px}.how4 li>span:last-child{font-size:10.5px}}
/* v19: полосы по краям шапки — по запросу владельца, в тонах нашей палитры (не точные цвета 7-Eleven), свой логотип и пометка о независимости остаются */
header::after{height:1px!important;background:var(--line)!important}
@media (min-width:1320px){
 .hbar::before,.hbar::after{height:48px;width:calc((100vw - 100%) / 2 - 24px);
  background:linear-gradient(180deg,var(--mk-o) 0 17%,#fff 17% 26%,var(--mk-g) 26% 64%,#fff 64% 73%,var(--mk-r) 73% 100%)!important}
 .hbar::before{right:calc(100% + 24px)}.hbar::after{left:calc(100% + 24px)}
}
/* v19.1: полосы видны на любом экране — на узких встают внутрь шапки */
.hbar::before,.hbar::after{--stripes:linear-gradient(180deg,var(--mk-o) 0 17%,#fff 17% 26%,var(--mk-g) 26% 64%,#fff 64% 73%,var(--mk-r) 73% 100%)}
@media (min-width:1100px) and (max-width:1319.98px){
 .hbar::before,.hbar::after{content:"";display:block;flex:0 0 44px;height:44px;background:var(--stripes);pointer-events:none}
 .hbar::before{order:-1;margin-right:4px}.hbar::after{order:99;margin-left:4px}
 .hnav a,.hnav button{min-width:0;padding:6px 6px}
 .hbar .search{min-width:170px}
}
@media (min-width:641px) and (max-width:1099.98px){
 .hbar::before{content:"";display:block;flex:0 0 40px;height:40px;background:var(--stripes);order:-1;pointer-events:none}
}
@media (max-width:640px){
 .hbar::before{content:"";display:block;order:2;flex:1 1 auto;height:34px;margin:0 6px;background:var(--stripes);pointer-events:none}
 .hbtn.plain{margin-left:0!important}
}
/* v20: полосы — фирменный мотив по всему сайту (шапка, баннер, заголовки, окна, отслеживание, подвал, документы) */
:root{--st:linear-gradient(180deg,var(--mk-o) 0 17%,#fff 17% 26%,var(--mk-g) 26% 64%,#fff 64% 73%,var(--mk-r) 73% 100%)}
/* заголовки разделов: маленький «флажок» из полос вместо оранжевой черты */
.h2::before{width:26px!important;height:20px!important;border-radius:2px!important;background:var(--st)!important}
/* главный баннер: полосы по нижнему краю, как фасад магазина */
.p-main{padding-bottom:40px!important}
.p-main::after{content:""!important;display:block!important;position:absolute;left:0;right:0;bottom:0;top:auto;width:auto!important;height:16px!important;border-radius:0!important;background:var(--st)!important;opacity:1}
@media (max-width:640px){.p-main{padding-bottom:30px!important}.p-main::after{height:12px!important}}
/* плитки: тонкая белая полоса-«вывеска» сверху */
.p-tile{box-shadow:inset 0 5px 0 rgba(255,255,255,.9)}
/* корзина, карточка товара, окна: полосы под заголовком */
.dh,.sh{border-bottom:0!important;background:linear-gradient(180deg,var(--mk-o) 0 17%,#fff 17% 26%,var(--mk-g) 26% 64%,#fff 64% 73%,var(--mk-r) 73% 100%) left bottom/100% 10px no-repeat,#fff!important;padding-bottom:24px!important}
/* «Где мой заказ»: полосы сверху карточки */
.track{background:var(--st) left top/100% 12px no-repeat,#fff!important;padding-top:32px!important;overflow:hidden}
/* «Как купить»: номер шага на полосатой подложке */
.how4 li{overflow:hidden}
.how4 li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(90deg,var(--mk-o) 0 25%,#fff 25% 37%,var(--mk-g) 37% 63%,#fff 63% 75%,var(--mk-r) 75%)}
/* наборы: полосы по верху картинки набора */
.set-art{position:relative}
.set-art::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--st);z-index:1}
/* подвал: широкая полосатая «вывеска» */
footer{padding-top:0!important}
footer::before{content:"";display:block;height:26px;background:var(--st);margin-bottom:30px;box-shadow:0 0 0 0 #fff}
footer{border-top:0!important}
/* нижняя панель корзины на телефоне: полосатый край слева */
.cartbar{overflow:hidden;padding-left:24px!important;position:fixed}
.cartbar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg,var(--mk-o) 0 25%,#fff 25% 37%,var(--mk-g) 37% 63%,#fff 63% 75%,var(--mk-r) 75%)}
/* документы */
body:has(> main.doc)::before{content:"";display:block;height:18px;background:var(--st)}
/* v20.1: полосы толще — читаются как «вывеска», а не как линия */
.p-main{padding-bottom:50px!important}.p-main::after{height:22px!important}
@media (max-width:640px){.p-main{padding-bottom:34px!important}.p-main::after{height:16px!important}}
.p-tile{box-shadow:none!important}
.how4 li::before{display:none!important}
.dh,.sh{background-size:100% 14px!important;padding-bottom:28px!important}
.track{background-size:100% 18px!important;padding-top:38px!important}
.set-art::before{height:12px}
/* v21: меньше текста, крупнее картинки */
/* баннер: заголовок + кнопка + крупные товары */
.p-main .p-sub,.p-main .meta{display:none!important}
@media (min-width:901px){
 .p-main{padding-right:50%!important;justify-content:center;gap:16px!important}
 .p-hero-pics{width:46%!important;gap:14px!important;right:22px!important}
 .p-hero-pics img{padding:10px!important;border-radius:18px!important}
 .p-main h1{font-size:clamp(32px,3.4vw,50px)!important}
}
.p-s{display:none!important}
@media (min-width:901px){.p-pics img{width:48%!important}.p-tile .p-pics{width:48%!important}}
/* «Как купить»: только значок и слово */
.how4 li>span:last-child{display:none}
.how4 li{grid-template-rows:auto;padding:14px}
.h4i{grid-row:auto!important;width:58px;height:58px}.h4i svg{width:32px;height:32px}
.how4 b{align-self:center;font-size:18px}
@media (max-width:760px){.how4 li{padding:10px 4px}.h4i{width:46px;height:46px}.h4i svg{width:26px;height:26px}.how4 b{font-size:13px}}
/* категории — крупные фото товаров (и на компьютере) */
.catgrid i.ph{background:#fff!important;border:2px solid #FFE3C2!important;overflow:hidden}
.catgrid i.ph img{width:86%;height:86%;object-fit:contain}
@media (min-width:641px){
 .catgrid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;gap:12px;overflow:visible;margin:18px 0 8px;padding:0}
 .catgrid button{gap:8px;font-size:14px;font-weight:700}
 .catgrid i{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:20px!important;box-shadow:none!important}
 @media (hover:hover){.catgrid button:hover i{border-color:var(--mk-o)!important;transform:translateY(-3px)}}
 .catgrid button[aria-pressed="true"] i{border-color:var(--mk-o)!important;box-shadow:0 0 0 3px var(--mk-o-l)!important;background:#fff!important}
}
@media (min-width:641px) and (max-width:900px){.catgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.catgrid i.ph{width:64px!important;height:64px!important;border-radius:18px!important}}
/* карточки: крупнее фото, 5 в ряд на компьютере */
@media (min-width:900px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}}
.card .pic.has-img img{padding:4px!important}
.card .pic{border-radius:12px}
/* наборы: крупнее фото */
.set-art{height:160px!important;gap:6px!important;padding:18px 10px 8px!important;align-items:center!important}
.set-art img{max-height:120px;width:auto!important;max-width:33%!important;height:auto!important}
/* карточка товара: фото на всю ширину */
.qv-art{aspect-ratio:1/1!important;max-height:62vh;margin-inline:auto}
.qv-art.has-img img{padding:6px!important}
/* факты внизу — коротко */
.facts h3{font-size:17px}.facts p{font-size:15px}
/* v21.1 */
@media (min-width:901px){.p-main h1{font-size:clamp(30px,2.9vw,42px)!important;max-width:12ch}
 .p-stamp{right:18px!important;top:14px!important;left:auto}}
.set-art .sa-img{width:31%!important;max-width:none!important;height:auto!important;max-height:130px!important;margin:0!important}
.set-art{background:#fff!important}
/* полоса категорий появляется, когда крупные плитки категорий ушли с экрана */
@media (min-width:641px){nav.chips{margin-bottom:-58px;transition:opacity .15s}nav.chips.m-hide{opacity:0;pointer-events:none}}
.qv-art{width:min(100%,62vh)!important;max-height:none!important;margin-inline:auto!important}
.qv-art.has-img img{mix-blend-mode:normal!important}
/* v22: вкус и острота в карточке товара, галерея крупнее */
.taste{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 2px}
.taste .tt{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px 5px 10px;font-size:13.5px;font-weight:700}
.taste .tt::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--mk-o)}
.taste .tt[data-t="острое"]::before{background:var(--mk-r)}.taste .tt[data-t="сладкое"]::before{background:#E4508A}.taste .tt[data-t="солёное"]::before{background:#3A7BD5}
.taste .tt[data-t="кислое"]::before{background:#8BC34A}.taste .tt[data-t="шоколадное"]::before{background:#6D3B1F}.taste .tt[data-t="сливочное"]::before{background:#D9A441}
.taste .tt[data-t="травяное"]::before,.taste .tt[data-t="аромат трав"]::before{background:var(--mk-g)}.taste .tt[data-t="мятное"]::before,.taste .tt[data-t="освежающее"]::before,.taste .tt[data-t="свежесть"]::before{background:#2BB5C8}
.taste .hot{display:inline-flex;align-items:center;gap:4px;background:var(--mk-r);color:#fff;border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:800}
.taste .hot i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35)}.taste .hot i.on{background:#fff}
.gal{gap:8px;margin:2px 0 4px}
.gal button{width:68px;height:68px;border-radius:12px}
.gal button[aria-pressed="true"]{border-color:var(--mk-o)!important;box-shadow:0 0 0 2px var(--mk-o-l)}
#qvArt{cursor:pointer}
@media (min-width:901px){.p-stamp{width:80px!important;height:80px!important;right:8px!important;top:8px!important}.p-stamp b{font-size:19px}.p-stamp span{font-size:9.5px}}

/* v24: заголовок «из 7-Eleven, Tops и Big C» */
.src-w{white-space:nowrap}
.src-more{font-size:.78em;white-space:nowrap}

/* ===== v25: минималистичная главная — крупный баннер в стиле 7-Eleven и Таиланда ===== */
:root{--thai:'Kanit','Onest',system-ui,sans-serif}
[lang="th"]{font-family:var(--thai)}
.hero7{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:460px;margin:18px 0 10px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 10px 30px rgba(0,0,0,.05)}
.hero7::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:var(--st);z-index:3}
.h7-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:48px 44px 64px 52px}
.h7-kick{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:800;color:var(--ink);padding:7px 14px 7px 10px;border-radius:999px;background:var(--mk-o-l)}
.h7-kick .flag-th{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.hero7 h1{margin:0;font-family:var(--display);font-size:clamp(44px,5.2vw,68px);font-weight:900;line-height:.98;letter-spacing:-.035em;color:var(--mk-g-d)}
.h7-src{margin:-4px 0 0;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.25;color:var(--ink);letter-spacing:-.01em}
.h7-src .src-n{display:inline-block;background:var(--mk-o);color:#fff;padding:0 .28em .05em;border-radius:.2em;transform:rotate(-2deg);box-shadow:0 4px 0 var(--mk-r);margin:0 .08em}
.h7-src .src-more{display:block;font-size:.62em;font-weight:700;color:var(--muted);margin-top:6px}
.h7-cta{display:inline-flex;align-items:center;gap:10px;margin-top:6px;background:var(--mk-o);color:#fff;font-size:19px;font-weight:800;text-decoration:none;padding:17px 30px;border-radius:16px;box-shadow:0 4px 0 var(--mk-o-d);transition:transform .12s,box-shadow .12s}
.h7-cta::after{content:"→";font-size:1.1em}
@media (hover:hover){.h7-cta:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--mk-o-d)}}
.h7-cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--mk-o-d)}
.h7-ship{margin:0;font-size:14.5px;color:var(--muted)}
.h7-ship b{color:var(--ink)}
.h7-art{position:relative;background:var(--mk-g);overflow:hidden;display:grid;place-items:center}
.h7-art::before{content:"";position:absolute;inset:auto -10% -38% -10%;height:70%;background:radial-gradient(closest-side,rgba(255,255,255,.16),transparent);pointer-events:none}
.h7-th{position:absolute;left:-2%;top:6%;font-family:var(--thai);font-weight:800;font-size:clamp(90px,11vw,150px);line-height:1;color:rgba(255,255,255,.1);white-space:nowrap;pointer-events:none;letter-spacing:-.01em}
.h7-pics{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;width:100%;padding:40px 24px 60px}
.h7-pics img{width:40%;max-width:230px;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:22px;padding:12px;box-shadow:0 14px 30px rgba(0,0,0,.25);margin:0 -4%}
.h7-pics img:nth-child(1){transform:rotate(-8deg) translateY(10px)}
.h7-pics img:nth-child(2){transform:translateY(-22px) scale(1.12);z-index:2}
.h7-pics img:nth-child(3){transform:rotate(7deg) translateY(14px)}
.h7-stamp{position:absolute;z-index:4;top:22px;right:22px;width:104px;height:104px;border-radius:50%;background:var(--mk-r);color:#fff;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);box-shadow:0 0 0 5px #fff,0 8px 18px rgba(0,0,0,.25);line-height:1.1}
.h7-stamp b{font-family:var(--thai);font-size:26px;font-weight:800;color:#fff}
.h7-stamp span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.h7-note{position:absolute;left:52px;bottom:28px;z-index:3;font-size:11.5px;color:var(--muted)}
/* категории — крупные плитки с тайскими подписями */
.catgrid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:14px!important;overflow:visible!important;margin:8px 0 26px!important;padding:0!important}
.catgrid button{display:flex!important;flex-direction:column;align-items:center;gap:4px!important;padding:14px 8px 12px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 0 0 1px var(--line);font-size:15px!important;font-weight:800!important;transition:transform .15s,box-shadow .15s}
@media (hover:hover){.catgrid button:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--mk-o-l),0 10px 22px rgba(0,0,0,.08)}}
.catgrid button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--mk-o)}
.catgrid i,.catgrid i.ph{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:16px!important;border:0!important;background:var(--mk-o-l)!important;box-shadow:none!important;margin-bottom:6px}
.catgrid i.ph img{width:82%!important;height:82%!important;mix-blend-mode:multiply}
.catgrid button[aria-pressed="true"] i{background:var(--mk-o-l)!important}
.catgrid small{font-family:var(--thai);font-weight:600;font-size:12.5px;color:var(--mk-g);line-height:1.1}
/* «Как купить» — теперь внизу, компактно */
.how4{margin:34px 0 8px!important}
@media (max-width:700px){.catgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:701px) and (max-width:1100px){.catgrid{gap:8px!important}.catgrid button{font-size:13px!important;padding:10px 6px!important}}
@media (max-width:900px){
 .hero7{grid-template-columns:1fr;min-height:0}
 .h7-text{padding:28px 22px 12px;gap:14px}
 .h7-art{min-height:250px}
 .h7-pics{padding:26px 16px 44px}
 .h7-pics img{max-width:190px}
 .h7-note{position:static;display:block;padding:0 22px 30px;order:3}
}
@media (max-width:640px){
 .hero7{margin:10px 0 8px;border-radius:22px}
 .hero7::after{height:12px}
 .h7-kick{font-size:13px;padding:5px 12px 5px 8px}
 .hero7 h1{font-size:40px}
 .h7-src{font-size:22px}
 .h7-cta{font-size:17px;padding:15px 22px;width:100%;justify-content:center}
 .h7-ship{font-size:13px}.h7-dot,.h7-eta{display:none}
 .h7-art{min-height:210px}
 .h7-pics img{border-radius:16px;padding:8px}
 .h7-stamp{width:74px;height:74px;top:14px;right:14px;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(0,0,0,.25)}
 .h7-stamp b{font-size:18px}.h7-stamp span{font-size:8.5px}
 .h7-note{padding:0 22px 24px;font-size:11px}
 .catgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:4px 0 18px!important}
 .catgrid button{padding:8px 4px 8px!important;border-radius:16px!important;font-size:12px!important}
 .catgrid i,.catgrid i.ph{border-radius:12px!important;margin-bottom:3px}
 .catgrid small{font-size:10.5px}
}

/* v26: метка «7-Eleven» на карточках товаров с полки 7-Eleven (текстом, без логотипа) */
.pic{position:relative}
.src7{position:absolute;left:8px;bottom:8px;z-index:2;background:var(--mk-o);color:#fff;font-size:11.5px;font-weight:800;line-height:1;padding:5px 7px 6px;border-radius:6px;transform:rotate(-2deg);box-shadow:0 2px 0 var(--mk-r);pointer-events:none;letter-spacing:.01em}
@media (max-width:640px){.src7{font-size:10.5px;padding:4px 6px 5px;left:6px;bottom:6px}}

/* v27: ссылка «Мы в Telegram» со значком в верхней полосе */
.tb-tg{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--mk-g-d)!important;font-weight:800;text-decoration:none!important;padding:3px 11px 3px 4px;border-radius:999px;line-height:1.3}
@media (hover:hover){.tb-tg:hover{background:#EAF7FE}}
.tg-ico{width:19px;height:19px;flex:none}

/* v27: документы — понятнее и аккуратнее */
.doc{max-width:860px}
.doc h1{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.02em;color:var(--mk-g-d);margin:18px 0 4px}
.doc h2{display:flex;align-items:center;gap:10px;font-size:21px;margin:34px 0 10px;letter-spacing:-.01em}
.doc h2::before{content:"";flex:none;width:22px;height:16px;border-radius:3px;background:var(--st)}
.doc ul{padding-left:20px;margin:8px 0}
.doc li{margin:7px 0;line-height:1.55}
.doc table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14.5px;margin:12px 0 14px}
.doc td,.doc th{border:0;border-bottom:1px solid var(--line);padding:11px 14px}
.doc tr:last-child td,.doc tr:last-child th{border-bottom:0}
.doc tr:first-child th{background:var(--mk-o-l);font-weight:800}
.doc table.kv th{width:32%;background:#FAFAF8;font-weight:800;color:var(--mk-g-d)}
.doc table.kv tr:first-child th{background:#FAFAF8}
.doc td:first-child{font-weight:600}
.doc table.kv td:first-child{font-weight:400}
.doc .note{background:var(--mk-o-l)}
.doc-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.doc-nav a{padding:7px 12px;border-radius:999px;background:var(--gray);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.doc-nav a[aria-current="page"]{background:var(--mk-o);color:#fff}
.doc li b{display:block;font-size:16px;margin-bottom:2px;color:var(--ink)}
@media (max-width:640px){.doc table{display:block;overflow-x:auto;font-size:13.5px}.doc td,.doc th{padding:9px 10px}.doc table.kv th{width:auto;min-width:110px}}
@media (max-width:640px){.doc-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:10px -16px 4px;padding:0 16px}.doc-nav::-webkit-scrollbar{display:none}.doc-nav a{white-space:nowrap;font-size:13px}}

/* ===== v28: без тайского текста, явные категории и названия, новая логика цветов кнопок =====
   Зелёный — «положить в корзину» и выбор; оранжевый — корзина, оформление и главная кнопка баннера. */
.catgrid small{display:none}
/* кнопки */
.sbtn{background:var(--mk-g)!important;color:#fff!important}
@media (hover:hover){.sbtn:hover{background:var(--mk-g-d)!important}}
.card .ctl .add,.qv .buybar .add,.mini .add,.add,.btn.bx{background:var(--mk-g)!important;color:#fff!important;box-shadow:0 2px 0 var(--mk-g-d)}
@media (hover:hover){.card .ctl .add:hover,.add:hover,.btn.bx:hover{background:var(--mk-g-d)!important}}
.set-foot .btn-o{background:var(--mk-g)!important;color:#fff!important;box-shadow:0 2px 0 var(--mk-g-d)}
@media (hover:hover){.set-foot .btn-o:hover{background:var(--mk-g-d)!important}}
.card .step,.set-foot .ctl .step,.qv .buybar .step,.mini .step{background:#E6F3EC!important;color:var(--mk-g-d)!important}
.card .step button,.set-foot .ctl .step button,.qv .buybar .step button,.mini .step button{color:var(--mk-g-d)!important;font-weight:800}
.card .step b,.qv .buybar .step b{color:var(--mk-g-d)!important}
.btn-line{border-color:var(--mk-g)!important;color:var(--mk-g-d)!important}
/* названия товаров — крупнее и чётче */
.cname{font-size:15px!important;font-weight:700!important;color:var(--ink)!important;line-height:1.3!important}
.csize{font-size:13px!important;font-weight:600;color:#6B6F6C!important}
.qv h3{font-size:22px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.01em}
@media (max-width:640px){.cname{font-size:14px!important}.qv h3{font-size:19px!important}}
/* заголовки разделов */
.h2{font-size:clamp(24px,2.8vw,32px)!important;font-weight:900!important;color:var(--mk-g-d)!important;letter-spacing:-.025em}
#count{font-weight:700;color:var(--ink)}
/* категории-плитки: название — крупная зелёная плашка */
.catgrid button{padding:10px 10px 0!important;overflow:hidden;gap:0!important;border-radius:20px!important;box-shadow:0 0 0 2px var(--line)!important}
.catgrid button span{display:flex;align-items:center;justify-content:center;width:calc(100% + 20px);min-height:52px;margin:10px -10px 0;padding:8px 6px;background:var(--mk-g);color:#fff;font-size:16px;font-weight:900;line-height:1.1;letter-spacing:-.01em;text-align:center}
@media (hover:hover){.catgrid button:hover{box-shadow:0 0 0 2px var(--mk-g)!important}}
.catgrid button[aria-pressed="true"]{box-shadow:0 0 0 3px var(--mk-o)!important}
.catgrid button[aria-pressed="true"] span{background:var(--mk-o)}
.catgrid i,.catgrid i.ph{margin:0!important;background:#fff!important}
.catgrid i.ph img{mix-blend-mode:normal!important;width:88%!important;height:88%!important}
@media (max-width:640px){.catgrid button{padding:6px 6px 0!important;border-radius:14px!important}.catgrid button span{width:calc(100% + 12px);margin:6px -6px 0;min-height:40px;font-size:12.5px;padding:6px 3px}}
/* строка категорий над каталогом — таблетки */
nav.chips .cat{background:#F1F5F2!important;color:var(--ink)!important;border-radius:999px!important;font-weight:800!important}
nav.chips .cat .ct{font-size:15px!important;font-weight:800!important}
nav.chips .cat[aria-pressed="true"]{background:var(--mk-g)!important;color:#fff!important}
/* подкатегории */
.subs .sub{border:2px solid var(--line)!important;font-weight:700!important;font-size:14px}
.subs .sub[aria-pressed="true"]{background:var(--mk-g)!important;border-color:var(--mk-g)!important;color:#fff!important}
/* печать без тайского */
.h7-stamp b{font-family:var(--display);font-size:25px;font-weight:900}
.h7-stamp span{font-size:10px;line-height:1.15}
@media (max-width:640px){.h7-stamp b{font-size:17px}.h7-stamp span{font-size:7.5px}}
@media (max-width:640px){.catgrid button span{font-size:11.5px!important;letter-spacing:-.02em;padding:6px 2px!important}}

/* ===== v29: экраны «главная / категория / наборы» и баннер наборов ===== */
body[data-v="cat"] .merch7,body[data-v="sets"] .merch7,body[data-v="cat"] .hero7,body[data-v="cat"] #catGrid,body[data-v="cat"] #setsBanner,body[data-v="cat"] #sets,body[data-v="cat"] #setList,
body[data-v="sets"] .hero7,body[data-v="sets"] #catGrid,body[data-v="sets"] #setsBanner,body[data-v="sets"] #catalog,body[data-v="sets"] #subs,body[data-v="sets"] .tools,body[data-v="sets"] #grid,body[data-v="sets"] .more,body[data-v="sets"] #recentWrap,
body[data-v="home"] #sets,body[data-v="home"] #setList{display:none!important}
body[data-v="cat"] nav.chips,body[data-v="sets"] nav.chips{margin-bottom:10px!important;opacity:1!important;pointer-events:auto!important}
body[data-v="cat"] #catalog{margin-top:14px}
.link.back{font-weight:800;color:var(--mk-g-d);font-size:15px;background:#F1F5F2;border:0;border-radius:999px;padding:8px 14px;cursor:pointer}
@media (hover:hover){.link.back:hover{background:#E3EEE7}}
body[data-v="sets"] #sets{margin-top:18px}
body[data-v="sets"] #setList{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;overflow:visible!important;padding:4px 0 10px;margin:0}
body[data-v="sets"] #setList .set{width:auto!important;min-width:0!important;flex:initial!important}
/* баннер наборов на главной */
.sets-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:100%;margin:0 0 26px;padding:18px 24px;border:0;border-radius:24px;background:var(--mk-r);color:#fff;text-align:left;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(229,36,43,.22);transition:transform .15s}
@media (hover:hover){.sets-banner:hover{transform:translateY(-2px)}}
.sets-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--st);opacity:.9}
.sb-t{display:grid;gap:2px}
.sb-k{justify-self:start;background:#fff;color:var(--mk-r);font-weight:900;font-size:15px;padding:2px 10px;border-radius:8px;margin-bottom:4px}
.sb-t b{font-size:clamp(22px,2.4vw,30px);font-weight:900;letter-spacing:-.02em;line-height:1.05;color:#fff}
.sb-t #setsSub{font-size:14.5px;opacity:.92}
.sb-pics{display:flex;justify-content:center;gap:10px}
.sb-pics img{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:16px;padding:6px;box-shadow:0 6px 14px rgba(0,0,0,.2)}
.sb-pics img:nth-child(odd){transform:rotate(-5deg)}.sb-pics img:nth-child(even){transform:rotate(4deg)}
.sb-go{background:#fff;color:var(--mk-r);font-weight:900;font-size:16px;padding:13px 20px;border-radius:14px;white-space:nowrap}
@media (max-width:900px){.sets-banner{grid-template-columns:1fr auto}.sb-pics{display:none}}
@media (max-width:640px){.sets-banner{grid-template-columns:1fr;gap:12px;padding:16px 16px 22px;border-radius:18px;margin-bottom:18px}.sb-pics{display:flex;justify-content:flex-start}.sb-pics img{width:62px;height:62px;border-radius:12px}.sb-go{justify-self:start;padding:11px 16px;font-size:15px}}
body[data-v="sets"] #setList{grid-auto-flow:row!important;grid-auto-columns:auto!important;-webkit-mask-image:none!important;mask-image:none!important;scroll-snap-type:none}
@media (max-width:640px){body[data-v="sets"] #setList{grid-template-columns:1fr 1fr;gap:10px;margin-inline:0!important;padding-inline:0!important}}
.link.back{white-space:nowrap}
@media (max-width:640px){.link.back{font-size:13.5px;padding:7px 11px}}

/* ===== v30: мультикарточки — выбор «1 шт. / упаковка» ===== */
.pk{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:6px;margin:6px 0 2px}
.pk button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:800;font-size:14px;line-height:1.15;cursor:pointer}
.pk button small{font-size:11.5px;font-weight:600;color:var(--muted)}
.pk button[aria-pressed="true"]{border-color:var(--mk-g);background:#E6F3EC;color:var(--mk-g-d)}
.pk button[aria-pressed="true"] small{color:var(--mk-g-d)}
@media (hover:hover){.pk button:hover{border-color:var(--mk-g)}}
.pr{display:flex;flex-direction:column;min-width:0}
.per{font-size:11.5px;font-weight:600;color:var(--mk-g-d);line-height:1.2;margin-top:1px}
.qv .pk{max-width:360px;margin:8px 0 4px}.qv .pk button{padding:9px 6px;font-size:15px}
.qv .per{font-size:13px}
@media (max-width:640px){.pk button{font-size:13px;padding:5px 2px}.pk button small{font-size:10.5px}.per{font-size:10.5px}}

/* v37: состав товара */
.qv .sost{margin:6px 0 2px;border:1px solid var(--line,#E7E1D6);border-radius:12px;padding:8px 12px;background:#fff}
.qv .sost summary{cursor:pointer;font-weight:700;font-size:14px}
.qv .sost p{margin:6px 0 4px;font-size:13.5px;line-height:1.45}
.qv .sost .al{color:#8a4b00}
.qv .sost small{display:block;color:#6b756f;font-size:11.5px}

/* v39: наборы «N шт.» и 3–4 варианта фасовки на карточке */
.pk button small{white-space:nowrap}.pk button small i{font-style:normal}
.nbq{position:absolute;right:8px;bottom:8px;z-index:2;background:var(--mk-g);color:#fff;font-weight:900;font-size:15px;line-height:1;padding:6px 9px;border-radius:999px;box-shadow:0 0 0 3px #fff}
.qv-art .nbq{font-size:20px;padding:8px 12px;right:12px;bottom:12px}
@media (max-width:640px){.pk{gap:4px}.pk[style*="--n:3"] button small i,.pk[style*="--n:4"] button small i{display:none}.pk[style*="--n:4"] button{font-size:12px}}
/* v39: название «Капун Ка» вместо заглушки ЛОГО */
.logo{width:auto!important;min-width:0!important;padding:0 14px;font-size:18px;font-weight:900;letter-spacing:.01em;white-space:nowrap;flex:none}
@media (max-width:640px){.logo{padding:0 10px;font-size:15px}}
.nr{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#FFF3E0;color:#7A4A00;font-size:13px;line-height:1.35}
.set li.nr{background:none;padding:0;color:#9A5B00;font-weight:700}

/* =====================================================================
   v40 «Капун Ка»: своя тайская палитра вместо полос 7-Eleven
   лагуна (основной), манго (CTA), гибискус (скидки), храмовое золото (орнамент), рисовая бумага (фон)
   ===================================================================== */
:root{
  --mk-g:#0E7C86;--mk-g-d:#0A5F67;--mk-o:#FF9F1C;--mk-o-d:#E8850A;--mk-o-l:#FFF3DC;--mk-r:#E0457B;
  --green:#0E7C86;--green-d:#0A5F67;--green-l:#E3F3F3;--orange:#FF9F1C;--orange-d:#E8850A;--orange-l:#FFF3DC;
  --red:#E0457B;--red-d:#C23566;--red-l:#FDE7EF;--gold:#C9962B;--indigo:#1D2B4F;
  --ink:#1F2430;--muted:#6B6F7A;--bg:#FFF9F0;--gray:#F6EFE3;--line:#EFE6D6;--pic:#FFFFFF;
  /* тайский бордюр: золотые «языки пламени» на лагуне */
  --orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Crect width='28' height='14' fill='%230E7C86'/%3E%3Cpath d='M14 13C9 13 7 9 9 6c1-1.6 3-2 3-4 2 2 1 4 3 5 1 .6 1 2 0 3 2-1 3-3 2-5 3 2 3 8-3 8z' fill='%23E8C06A'/%3E%3Ccircle cx='1' cy='11' r='1.4' fill='%23E8C06A'/%3E%3Ccircle cx='27' cy='11' r='1.4' fill='%23E8C06A'/%3E%3C/svg%3E");
  --st:var(--orn) left center/auto 100% repeat-x;
}
body{background:var(--bg)}
.hbar::before,.hbar::after{display:none!important}
.h2::before{width:26px!important;height:26px!important;border-radius:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 4c3 4 4 8 0 14-4-6-3-10 0-14z' fill='%23E0457B'/%3E%3Cpath d='M16 18c-2-5-7-8-12-8 1 6 5 9 12 8zM16 18c2-5 7-8 12-8-1 6-5 9-12 8z' fill='%230E7C86'/%3E%3Cpath d='M6 22h20' stroke='%23C9962B' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.doc h2::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 4c3 4 4 8 0 14-4-6-3-10 0-14z' fill='%23E0457B'/%3E%3Cpath d='M16 18c-2-5-7-8-12-8 1 6 5 9 12 8zM16 18c2-5 7-8 12-8-1 6-5 9-12 8z' fill='%230E7C86'/%3E%3C/svg%3E") center/contain no-repeat!important}
.dh,.sh{background:var(--orn) left bottom/auto 10px repeat-x,#fff!important}
.track{background:var(--orn) left top/auto 12px repeat-x,#fff!important}
footer::before,.hero7::after,.set-art::before,.sets-banner::after,.p-main::after{background:var(--orn) left center/auto 100% repeat-x!important;opacity:1!important}body:has(> main.doc)::before{background:var(--orn) left center/auto 100% repeat-x!important;opacity:1!important}
footer{background:var(--indigo)!important}
/* цены — цветом текста; красный/розовый только для настоящей скидки */
.price{color:var(--ink)!important}
.set-price s,.sp-p s{color:var(--muted)}
/* логотип */
.logo{flex-direction:column;gap:0!important;line-height:1.05;background:var(--mk-g)!important;color:#fff!important;border:0!important}
.logo .lg-t{font-weight:900;font-size:19px;letter-spacing:.01em}
.logo .lg-s{font-size:10.5px;font-weight:600;opacity:.85;letter-spacing:.02em;white-space:nowrap}
@media (max-width:640px){.logo .lg-t{font-size:16px}.logo .lg-s{font-size:9px}}
/* подсказки «?» */
.tip{display:inline-grid;place-items:center;width:18px;height:18px;min-width:18px;margin-left:5px;padding:0;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;opacity:.65;font:800 11px/1 var(--font);cursor:pointer;vertical-align:1px}
.tip:focus-visible{opacity:1;background:var(--mk-g);border-color:var(--mk-g);color:#fff}@media (hover:hover){.tip:hover{opacity:1;background:var(--mk-g);border-color:var(--mk-g);color:#fff}}
.tippop{position:fixed;z-index:120;max-width:calc(100vw - 24px);padding:12px 14px;border-radius:14px;background:var(--indigo);color:#F5EEDD;font-size:14px;line-height:1.45;box-shadow:0 12px 32px rgba(29,43,79,.35)}
.tippop[hidden]{display:none}
/* hero */
.hero7 .h7-kick{background:#FFF3DC!important;color:var(--ink)!important}
.hero7 h1{color:var(--mk-g-d)!important}
.hero7 .src-n{background:none!important;color:var(--ink)!important;padding:0!important;font-size:inherit!important;transform:none!important;box-shadow:none!important;border-radius:0!important;display:inline!important}
.hero7 .h7-src{font-size:18px!important;font-weight:600!important;color:var(--muted)!important;margin:10px 0 14px!important;line-height:1.4}
.hero7 .h7-src b{color:var(--ink)}
.h7-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pill{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-size:14px;font-weight:600;color:var(--ink)}
.pill b{font-weight:900}
.pill-m{background:var(--mk-o);border-color:var(--mk-o);color:var(--ink)}
.h7-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.h7-cta{background:var(--mk-o)!important;color:var(--ink)!important;box-shadow:0 5px 0 var(--mk-o-d)!important}
.h7-how{padding:14px 18px;border-radius:14px;border:2px solid var(--mk-g);color:var(--mk-g-d);font-weight:800;text-decoration:none}
@media (hover:hover){.h7-how:hover{background:var(--green-l)}}
.h7-art{background:radial-gradient(circle at 50% 40%,#16A0AB,var(--mk-g) 70%)!important}
.h7-stamp{background:var(--mk-o)!important;color:var(--ink)!important;border-color:#fff!important}
.h7-stamp b,.h7-stamp span{color:var(--ink)!important}
/* ряд доверия */
.trust4{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.trust4 li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.3}
.trust4 li i{font-style:normal;font-size:22px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--green-l);flex:none}
.trust4 li b{display:block;color:var(--ink);font-size:14px}
.trust4 li span{flex:1}
@media (max-width:900px){.trust4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.trust4 li{padding:10px;font-size:12px}.trust4 li i{width:34px;height:34px;font-size:18px}.trust4 li b{font-size:13px}}
/* быстрые запросы */
.qchips{display:flex;gap:8px;overflow-x:auto;margin:14px 0 4px;padding-bottom:4px;scrollbar-width:none;align-items:center}
.qchips::-webkit-scrollbar{display:none}
.qchips .qc-l{flex:none;font-size:13px;font-weight:700;color:var(--muted)}
.qchips button{flex:none;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:700 14px var(--font);color:var(--ink);cursor:pointer}
@media (hover:hover){.qchips button:hover{border-color:var(--mk-g);color:var(--mk-g-d)}}
@media (max-width:640px){.qchips{margin-inline:-16px;padding-inline:16px}}
/* промо-постеры */
.pstrs{margin-top:18px;grid-auto-columns:minmax(300px,1fr)!important}
@media (min-width:1000px){.pstrs{grid-auto-flow:row!important;grid-template-columns:repeat(4,1fr);overflow:visible}}
@media (max-width:640px){.pstrs{grid-auto-columns:86%!important}}
.pstr{position:relative;display:block;border:0;padding:0;border-radius:20px;overflow:hidden;aspect-ratio:3/2;cursor:pointer;text-align:left;background:var(--gray);scroll-snap-align:start;box-shadow:0 6px 18px rgba(31,36,48,.10);transition:transform .2s}
@media (hover:hover){.pstr:hover{transform:translateY(-3px)}}
.pstr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pstr .pr-t{position:absolute;left:0;top:0;bottom:0;width:62%;padding:16px;display:flex;flex-direction:column;gap:4px;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,0));font-size:13px;line-height:1.3}
.pstr .pr-t b{font-size:22px;line-height:1.1;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.pstr .pr-k{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#fff;color:var(--ink);font-weight:900;font-size:13px}
.pstr .pr-go{margin-top:auto;align-self:flex-start;padding:8px 12px;border-radius:12px;background:#fff;color:var(--ink);font-weight:800;font-size:13px}
.pr-sets .pr-k{background:var(--mk-r);color:#fff}
.pr-ship .pr-t,.pr-box .pr-t{color:#fff}
.pr-ship .pr-t{background:linear-gradient(90deg,rgba(10,95,103,.75),rgba(10,95,103,0))}
.pr-cheap .pr-k{background:var(--mk-o)}
/* полки */
.shelf{margin-top:26px}
.sec-sub{margin:-6px 0 12px;color:var(--muted);font-size:14px}
.shelf .hscroll{grid-auto-columns:minmax(210px,230px)}
@media (max-width:640px){.shelf .hscroll{grid-auto-columns:46%}}
.shelf .card{scroll-snap-align:start}
body[data-v="cat"] .shelf,body[data-v="sets"] .shelf,body[data-v="cat"] .pstrs,body[data-v="sets"] .pstrs,body[data-v="cat"] .trust4,body[data-v="sets"] .trust4,body[data-v="cat"] .qchips,body[data-v="sets"] .qchips{display:none}
/* постеры наборов */
.spost{display:flex;flex-direction:column;border:0;padding:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(31,36,48,.08);text-align:left;cursor:pointer;scroll-snap-align:start}
.spost .sp-img{display:block;aspect-ratio:3/2;background:var(--gray)}
.spost .sp-img img{width:100%;height:100%;object-fit:cover;display:block}
.spost .sp-b{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.spost .sp-b>b{font-size:17px;line-height:1.2}
.spost .sp-sub{font-size:13px;color:var(--muted);line-height:1.3}
.spost .sp-p{font-size:14px;color:var(--muted)}
.spost .sp-p b{color:var(--ink);font-size:17px}
#setPosters{grid-auto-columns:minmax(280px,320px)!important}
@media (max-width:640px){#setPosters{grid-auto-columns:82%!important}}
.set-art.poster{padding:0!important;aspect-ratio:3/2;height:auto!important}
.set-art.poster::before{display:none}
.set-art .sa-poster{width:100%;height:100%;object-fit:cover;display:block}
.set-sub{margin:2px 0 6px;color:var(--muted);font-size:14px;line-height:1.35}
.set-hero{position:relative;border-radius:16px;overflow:hidden;margin-bottom:8px}
.set-hero img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}
.set-hero .sh-k{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:var(--mk-r);color:#fff;font-weight:900}
/* плашка «из Таиланда» на карточке */
.src7{display:inline-flex!important;align-items:center;gap:5px;background:rgba(255,255,255,.94)!important;color:var(--ink)!important;box-shadow:0 1px 4px rgba(0,0,0,.12)!important;transform:none!important;border-radius:999px!important;padding:4px 8px 4px 6px!important;font-weight:800}
.src7 .flag-th,.chip-th .flag-th{width:16px;height:11px;border-radius:2px;flex:none}
.chip-th{display:inline-flex;align-items:center;gap:6px}
.pk-l{display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--muted);margin:6px 0 -2px}
/* v65: честная фасовка — что именно придёт: «1 уп. · 12 шт. по 28 г», «3 шт. по 30 г» (поле pl из tools/packs_v65.py) */
.pkn{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:700;color:var(--ink);line-height:1.25;margin:3px 0 0;overflow:hidden}
.qv .pkn{font-size:14px;white-space:normal;margin:6px 0 2px}
.li .pkn{font-weight:600;color:var(--muted);white-space:normal}
.info.nrb{background:#FFF3E0;color:#7A4A00}
/* нижнее меню на телефоне */
.tabbar{display:none}
@media (max-width:900px){
 .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px rgba(31,36,48,.06)}
 .tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;font:700 11px var(--font);color:var(--muted);padding:4px 0;cursor:pointer}
 .tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 .tabbar button:active{color:var(--mk-g)}
 .tabbar .badge{position:absolute;top:0;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--mk-r);color:#fff;font-size:11px;line-height:18px}
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 .cartbar{bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
 body.has-bar{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
 .cookie{bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
 .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
}

.h7-src .src-more{display:inline!important;font-size:inherit!important;color:inherit!important;font-weight:inherit!important;margin:0!important;white-space:normal!important}
.how4 li span:not(.h4i){display:block!important;font-size:13px;color:var(--muted);font-weight:500;margin-top:2px}
@media (max-width:640px){
 .trust4{display:flex;overflow-x:auto;gap:8px;margin-inline:-16px;padding:0 16px 4px;scrollbar-width:none;scroll-snap-type:x mandatory}
 .trust4::-webkit-scrollbar{display:none}
 .trust4 li{flex:0 0 74%;scroll-snap-align:start}
 .pstr .pr-t{width:72%;padding:14px;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))}
 .pstr .pr-t b{font-size:21px}
 .pstr .pr-t>span:not(.pr-k):not(.pr-go){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .pstr .pr-go{white-space:nowrap;padding:7px 11px}
 .shelf .sec-head .h2,#catalog .h2{font-size:24px!important}
 .shelf .sec-head .link{font-size:13px;white-space:nowrap}
 .catgrid{display:flex!important;overflow-x:auto;gap:8px!important;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none;scroll-snap-type:x mandatory}
 .catgrid::-webkit-scrollbar{display:none}
 .catgrid>button{flex:0 0 96px!important;scroll-snap-align:start}
}
.set .set-art.poster{display:block!important;height:auto!important;aspect-ratio:3/2;padding:0!important;overflow:hidden}
.set .set-art.poster img.sa-poster{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important;transform:none!important;display:block}
.set-min{margin:6px 0 0;padding:10px 12px;border-radius:12px;background:var(--green-l);color:var(--mk-g-d);font-size:14px}

/* =====================================================================
   v41 полировка главной (только CSS): hero в один экран, читаемые постеры,
   ровные полки и карточки, без горизонтальной прокрутки на телефоне
   ===================================================================== */
/* 1. Телефон: плитки категорий — лента со своей прокруткой, а не вылет страницы вбок */
@media (max-width:640px){
 .catgrid{display:flex!important;overflow-x:auto!important;overscroll-behavior-x:contain;margin:4px -16px 14px!important;padding:2px 16px 6px!important;scroll-padding-inline:16px;gap:8px!important}
 .catgrid>button{flex:0 0 96px!important}
}
html,body{overflow-x:clip}

/* 2. Hero: компактнее, чтобы кнопка была на первом экране */
@media (min-width:901px){
 .hero7{min-height:0;margin:16px 0 10px}
 .h7-text{gap:14px;padding:40px 40px 58px 48px}
 .hero7 h1{font-size:clamp(40px,4.1vw,56px)!important;line-height:1.02;letter-spacing:-.03em;max-width:11.5em;text-wrap:balance}
 .hero7 .h7-src{font-size:17px!important;margin:0 0 2px!important;max-width:30em}
 .h7-pills{margin:0;gap:6px}
 .h7-pills .pill{padding:7px 11px;font-size:13.5px}
 .h7-btns{flex-wrap:nowrap;align-items:stretch;gap:10px;margin-top:4px}
 .h7-cta{margin-top:0!important;font-size:17px!important;padding:15px 24px!important;white-space:nowrap}
 .h7-how{display:inline-flex;align-items:center;padding:0 18px;white-space:nowrap}
 .h7-note{left:48px;bottom:26px}
 .h7-pics{padding:56px 28px 64px}
}
@media (min-width:901px) and (max-width:1100px){.h7-btns{flex-wrap:wrap}}
@media (max-width:640px){
 .h7-text{gap:12px;padding:24px 18px 10px}
 .hero7 h1{font-size:36px!important;line-height:1.04;letter-spacing:-.03em}
 .hero7 .h7-src{font-size:16px!important;margin:0!important}
 .h7-pills{gap:6px;margin:0}
 .h7-pills .pill{padding:6px 10px;font-size:12.5px}
 .h7-btns{width:100%;flex-direction:column;align-items:stretch;gap:8px}
 .h7-cta{width:100%;justify-content:center}
 .h7-how{text-align:center;padding:12px 16px}
 .h7-note{padding:0 18px 22px}
}

/* 3. Промо-постеры: текст — сверху слева на затемнении, кнопка сразу под текстом (не на товарах) */
.pstr .pr-t{top:0;bottom:auto;right:0;width:auto;height:100%;padding:16px 18px;gap:6px;justify-content:flex-start;
 background:linear-gradient(180deg,rgba(15,20,30,.42) 0,rgba(15,20,30,.18) 42%,rgba(15,20,30,0) 62%)!important}
.pstr .pr-k{display:none}
.pstr .pr-t b{font-size:22px;letter-spacing:-.015em;max-width:72%;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.pstr .pr-t>span:not(.pr-k):not(.pr-go){max-width:64%;font-size:13px;font-weight:600;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pstr .pr-go{margin-top:4px!important;white-space:nowrap;padding:7px 12px;border-radius:999px;font-size:13px;box-shadow:0 3px 10px rgba(0,0,0,.15)}
@media (hover:hover){.pstr:hover .pr-go{background:var(--mk-o)}}
@media (min-width:1000px){
 .pstrs{gap:14px!important}
 .pstr .pr-t{padding:14px 16px;gap:5px}
 .pstr .pr-t b{font-size:19px;max-width:74%}
 .pstr .pr-t>span:not(.pr-k):not(.pr-go){font-size:12px;max-width:68%}
 .pstr .pr-go{font-size:12.5px;padding:6px 11px}
}
@media (max-width:640px){
 .pstr .pr-t{width:auto;padding:14px 16px;background:linear-gradient(180deg,rgba(15,20,30,.45) 0,rgba(15,20,30,.18) 42%,rgba(15,20,30,0) 62%)!important}
 .pstr .pr-t b{font-size:21px}
}

/* 4. Полки и заголовки секций */
.shelf{margin-top:34px}
.shelf .sec-head{align-items:center;gap:12px}
.sec-sub{margin:-4px 0 14px}
@media (max-width:640px){
 .shelf{margin-top:28px}
 .shelf .sec-head .h2,#catalog .h2{font-size:22px!important;letter-spacing:-.01em;line-height:1.15}
 .shelf .sec-head .link{flex:none}
 .sec-sub{font-size:13px}
}

/* 5. Карточки: ровные выборы фасовки, без переносов «1 шт.» */
.pk button{white-space:nowrap;min-width:0}
@media (max-width:640px){
 .pk[style*="--n:3"] button,.pk[style*="--n:4"] button{font-size:12px;padding:5px 1px;letter-spacing:-.01em}
 .pk[style*="--n:3"] button small,.pk[style*="--n:4"] button small{font-size:10px}
}
.src7{font-size:11.5px!important;line-height:1}

/* 6. Липкая строка категорий: пилюли слева с ровным шагом, а не растянуты по ширине */
@media (min-width:1200px){nav.chips .cats{justify-content:flex-start!important;gap:8px}}

/* 7. «Как купить» на телефоне: 2×2 вместо четырёх узких колонок */
@media (max-width:640px){
 .how4{grid-template-columns:1fr 1fr!important;gap:8px!important}
 .how4 li{padding:12px 10px!important}
 .how4 li span:not(.h4i){font-size:12px}
}
.hero7 .src-n{white-space:nowrap}
@media (min-width:1000px){
 .pstr .pr-t b{font-size:18px;letter-spacing:-.02em;max-width:calc(100% - 58px)}
 .pstr .pr-t>span:not(.pr-k):not(.pr-go){max-width:80%}
}
/* 8. Заголовок «Популярные товары» не прячется под липкой строкой категорий (у неё отрицательный нижний отступ) */
body:not([data-v="cat"]):not([data-v="sets"]) #catalog{margin-top:66px}
@media (max-width:640px){body:not([data-v="cat"]):not([data-v="sets"]) #catalog{margin-top:62px}}
/* 9. Карточка в окне товара: кнопка «В корзину» в одну строку */
.qv .buybar .ctl .add,.qv .buybar .ctl button{white-space:nowrap}
@media (max-width:640px){.h7-pills .pill{padding:6px 9px;font-size:12px}.h7-pills .tip{margin-left:3px}}
/* 10. Страница наборов: у сюрприз-бокса картинка той же высоты 3:2, что у постеров — заголовки в ряду на одной линии */
.set.mystery .set-art{aspect-ratio:3/2;height:auto!important}
/* 11. Телефон: ленты «доверия» и постеров начинаются от общего поля 16px (привязка прокрутки учитывает отступ) */
@media (max-width:640px){.trust4,.pstrs,.shelf .hscroll,#setPosters{scroll-padding-inline:16px}}

/* v42 промокоды и вход */
.promo-code{align-items:center}
.promo-code .tip{flex:none}
.promo-code input[readonly]{background:var(--gray);color:var(--ink)}
#promoErr:not([hidden]){display:block;flex:none}
.promo-login{flex:none;width:100%}
.promo-st{flex:none;border-radius:12px;padding:9px 12px;font-size:13px;line-height:1.4}
.promo-st.ok{background:var(--green-l);color:var(--ink)}
.promo-st.wait{background:var(--orange-l);color:var(--ink)}
.hbtn.login{font-weight:600;border-radius:12px;padding:0 12px;gap:6px;white-space:nowrap;cursor:pointer}
@media (hover:hover){.hbtn.login:hover{background:var(--gray)}}
.hbtn.login.on svg{color:var(--green)}
.hbtn.login .lbl{font-variant-numeric:tabular-nums}
@media (max-width:640px){.hbtn.login{order:3;padding:0 8px;height:42px}}
.sb.login{display:grid;gap:12px;align-content:start}
.sb.login p,.sb.login h3{margin:0}
.sb.login .link{justify-self:center;padding:6px;cursor:pointer}
.lg-wait{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}
.lg-wait .spin{color:var(--green)}
.my-orders{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.my-orders li{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:baseline;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.my-orders li .small{grid-column:1/-1;color:var(--muted)}
/* v42: на средних экранах «Войти» — только иконка, чтобы поиск не сжимался */
@media (min-width:641px) and (max-width:1499.98px){.hbtn.login .lbl:not(.on){display:none}.hbtn.login{padding:0 10px}.hbar .search{min-width:220px}}

/* =====================================================================
   v43 «Семь полос»: зелёная витрина в стиле тайского минимаркета.
   Полосы оранжевая — зелёная (широкая) — красная, ровные, во всю ширину.
   Оттенки свои (не фирменные цвета 7-Eleven), логотип свой, дисклеймер на месте.
   ===================================================================== */
:root{
  --mk-g:#0A8F4C;--mk-g-d:#06703A;--mk-g-dd:#04512A;--mk-o:#FF8A1C;--mk-o-d:#E8730A;--mk-o-l:#FFF1E2;--mk-r:#E53A2F;
  --green:#0A8F4C;--green-d:#06703A;--green-l:#E7F5EC;--orange:#FF8A1C;--orange-d:#E8730A;--orange-l:#FFF1E2;
  --red:#E53A2F;--red-d:#C42A21;--red-l:#FDECEA;--gold:#FF8A1C;--indigo:#04512A;
  --ink:#16201A;--muted:#5E6A62;--bg:#F6F8F4;--gray:#EEF2EC;--line:#E1E7DE;--pic:#FFFFFF;
  /* полосы: оранжевая 22 % · зелёная 40 % · красная 18 % с белыми просветами */
  --st:linear-gradient(180deg,var(--mk-o) 0 22%,#fff 22% 29%,var(--mk-g) 29% 69%,#fff 69% 76%,var(--mk-r) 76% 100%);
  --st-h:linear-gradient(90deg,var(--mk-o) 0 22%,#fff 22% 29%,var(--mk-g) 29% 69%,#fff 69% 76%,var(--mk-r) 76% 100%);
}
body{background:var(--bg)!important}
/* шапка: белая, по краям — полосы, под шапкой — широкая лента во всю ширину */
.topbar{background:var(--mk-g-dd)!important}
header{background:#fff!important;overflow-x:clip}
header::after{content:""!important;display:block!important;height:16px!important;background:var(--st)!important}
@media (max-width:640px){header::after{height:10px!important}}
.hbar::before,.hbar::after{clip-path:none!important}
@media (min-width:1320px){
 .hbar::before,.hbar::after{content:""!important;display:block!important;position:absolute;top:50%;height:48px;transform:translateY(-50%);width:calc((100vw - 100%) / 2 - 22px);background:var(--st)!important;pointer-events:none}
 .hbar::before{right:calc(100% + 22px)}.hbar::after{left:calc(100% + 22px)}
}
@media (min-width:641px) and (max-width:1319.98px){.hbar::before{display:none!important}}
.logo{background:var(--mk-g)!important;color:#fff!important;border:0!important;box-shadow:none!important;position:relative;overflow:hidden}
.logo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--st-h);background:linear-gradient(90deg,var(--mk-o) 0 30%,var(--mk-g) 30% 70%,var(--mk-r) 70%)}
.logo .lg-s{color:#DDF3E5!important}
/* заголовки разделов: «флажок» из трёх ровных полос */
.h2::before,.doc h2::before{width:30px!important;height:22px!important;border-radius:3px!important;clip-path:none!important;background:var(--st)!important}
.h2,.sec-head h2{color:var(--mk-g-dd)!important}
/* герой */
.hero7{background:#fff!important;box-shadow:0 0 0 1px var(--line),0 12px 32px rgba(4,81,42,.08)!important}
.hero7::after{height:20px!important;background:var(--st)!important}
.hero7 h1{color:var(--mk-g-d)!important}
.h7-art{background:radial-gradient(120% 90% at 70% 30%,#14B062 0,#0A8F4C 55%,#06703A 100%)!important}
.h7-stamp{background:var(--mk-o)!important;color:#fff!important}
.h7-cta{background:var(--mk-o)!important;color:#fff!important;box-shadow:0 4px 0 var(--mk-o-d)!important}
.h7-how{border-color:var(--mk-g)!important;color:var(--mk-g-d)!important}
.pill-m{background:var(--mk-o)!important;color:#fff!important}
/* кнопки и цены */
.btn-add,.add,.card .btn,.btn-g,.btn.primary,.h7-btns .btn{background:var(--mk-g)!important;border-color:var(--mk-g)!important}
.hbtn.cart{background:var(--mk-o)!important;color:#fff!important}
/* плитки категорий и полки */
.dh,.sh{background:var(--st) left bottom/100% 12px no-repeat,#fff!important;padding-bottom:26px!important}
.track{background:var(--st) left top/100% 14px no-repeat,#fff!important;padding-top:34px!important}
footer::before,.set-art::before,.sets-banner::after,.p-main::after,.pstr::before{background:var(--st)!important;opacity:1!important}body:has(> main.doc)::before{background:var(--st)!important;opacity:1!important}
.pstr::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;z-index:2}
footer{background:var(--mk-g-dd)!important}
footer::before{height:22px!important}
.cartbar::before{background:var(--st-h)!important}
/* «Как купить»: ровная сетка 2×2 на любом экране шире телефона, текст не обрезается */
.how4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.how4 li{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;text-align:left!important;padding:14px 16px!important;overflow:visible!important;justify-items:start!important}
.how4 .h4i{grid-row:1 / span 2;width:52px!important;height:52px!important;background:var(--green-l)!important;color:var(--mk-g)!important}
.how4 li:nth-child(2) .h4i{background:var(--orange-l)!important;color:var(--mk-o-d)!important}
.how4 li:nth-child(3) .h4i{background:var(--red-l)!important;color:var(--mk-r)!important}
.how4 b{grid-column:2;font-size:16px!important;line-height:1.15;white-space:normal;align-self:end!important}
.how4 li span:not(.h4i){grid-column:2;display:block!important;font-size:13px!important;line-height:1.3;align-self:start!important}
.how4 li::after{color:var(--mk-g)!important}
@media (max-width:1100px){.how4{grid-template-columns:1fr 1fr!important}}
@media (max-width:420px){.how4{grid-template-columns:1fr!important}}

.track{border:1.5px solid var(--line)!important}

/* v44: цветная плашка количества штук (×2 синяя, ×3 зелёная, ×4 оранжевая…) */
.qb{position:absolute;left:8px;top:8px;z-index:3;display:inline-flex;align-items:baseline;gap:2px;background:var(--q);color:#fff;padding:5px 10px 6px;border-radius:12px;
 box-shadow:0 0 0 3px #fff,0 4px 12px rgba(0,0,0,.25);line-height:1;transform:rotate(-4deg)}
.qb b{font-size:22px;font-weight:900;letter-spacing:-.02em}.qb small{font-size:11px;font-weight:800;opacity:.9;text-transform:uppercase}
.qb.big{left:14px;top:14px;padding:7px 14px 8px}.qb.big b{font-size:32px}.qb.big small{font-size:13px}
.qb.sm{left:2px;top:2px;padding:2px 5px 3px;border-radius:7px;box-shadow:0 0 0 2px #fff;transform:none}.qb.sm b{font-size:12px}.qb.sm small{display:none}
.pi.has-img,.pi{position:relative}
.card .pic .tags{top:auto;bottom:8px}
.pk button{position:relative;border-color:color-mix(in srgb,var(--q) 40%,#fff)}
.pk button[aria-pressed=true]{background:var(--q);border-color:var(--q);color:#fff}
.pk button[aria-pressed=true] small,.pk button[aria-pressed=true] small i{color:#fff}
.pk .qd{position:absolute;top:-9px;right:-6px;font-style:normal;font-weight:900;font-size:11px;line-height:1;background:var(--q);color:#fff;padding:3px 6px;border-radius:999px;box-shadow:0 0 0 2px #fff}
.pk button[aria-pressed=true] .qd{background:#fff;color:var(--q);box-shadow:0 0 0 2px var(--q)}

/* v45: товары из 7-Eleven — полоски и «из 7-Eleven»; мерч-баннер первым на главной */
.st7{display:inline-block;width:16px;height:11px;border-radius:2px;flex:none;background:linear-gradient(180deg,#FF8A1C 0 30%,#fff 30% 38%,#0A8F4C 38% 66%,#fff 66% 74%,#E53A2F 74%);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.src7.s711{background:#fff;color:#0A6B3A;font-weight:800;gap:6px;box-shadow:0 0 0 1.5px #0A8F4C inset}
.qv-7{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0A6B3A;background:#E9F6EE;border-radius:10px;padding:7px 10px;margin:4px 0 8px}
.pk.sz{--q:var(--mk-g-d);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px}
.pk.sz button{min-height:34px;padding:5px 2px;font-weight:800;font-size:13px;justify-content:center;border-radius:10px;border-color:var(--line)}
.pk.sz button[aria-pressed=true]{background:var(--mk-g-d);border-color:var(--mk-g-d);color:#fff}
.qv .pk.sz{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.qv .pk.sz button{min-height:40px;font-size:15px}
.merch7{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;margin:14px 0 18px;padding:26px 28px 26px 34px;border-radius:24px;overflow:hidden;
 background:linear-gradient(135deg,#064E2A,#0A8F4C 70%);color:#fff;box-shadow:0 12px 30px rgba(6,78,42,.25)}
.merch7[hidden]{display:none}
.m7-band{position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#FF8A1C 0 30%,#fff 30% 38%,#0A8F4C 38% 66%,#fff 66% 74%,#E53A2F 74%)}
.m7-kick{display:inline-block;background:#FF8A1C;color:#1B1D1C;font-weight:900;font-size:13px;padding:5px 12px;border-radius:999px;letter-spacing:.02em}
.merch7 h2{font-size:clamp(28px,3.6vw,46px);line-height:1.02;margin:12px 0 10px;font-weight:900}
.merch7 p{font-size:16px;line-height:1.45;opacity:.92;max-width:460px;margin:0 0 18px}
.m7-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.m7-cta{background:#fff;color:#0A6B3A;font-weight:900;font-size:17px;padding:14px 22px;border-radius:14px;text-decoration:none;box-shadow:0 4px 0 #E53A2F}
.m7-from{font-weight:700;opacity:.95}.m7-from b{font-size:20px}
.m7-pics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.m7-pics button{border:0;padding:6px;background:#fff;border-radius:16px;aspect-ratio:1;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.18);transition:transform .15s}
.m7-pics button:nth-child(odd){transform:rotate(-2deg)}.m7-pics button:nth-child(even){transform:rotate(2deg)}
@media (hover:hover){.m7-pics button:hover{transform:scale(1.03)}}
.m7-pics img{width:100%;height:100%;object-fit:contain;border-radius:10px}
@media (max-width:720px){.merch7{grid-template-columns:1fr;padding:22px 18px 20px 26px}.m7-pics{grid-template-columns:repeat(4,1fr);gap:8px}.m7-pics button{padding:3px;border-radius:10px}.merch7 p{font-size:15px}}

/* ===== v46 · «Орхидея и золото» (выбор владельца 11.10.2026: макеты 1C + 1K) =====
   фиолетовый + золото/жёлтый, маркиза под шапкой; полосы оранжевая-зелёная-красная остаются;
   зелёный — только у мерча 7-Eleven (.merch7, .src7.s711, .st7 — свои литеральные цвета) */
:root{
  --mk-g:#6A2C91;--mk-g-d:#55207A;--mk-g-dd:#45195F;--mk-o:#FFC93C;--mk-o-d:#E3A800;--mk-o-l:#FFF6D8;--mk-r:#E53A2F;
  --green:#6A2C91;--green-d:#55207A;--green-l:#EEE2F6;--orange:#FFC93C;--orange-d:#E3A800;--orange-l:#FFF6D8;
  --gold:#D9A21B;--indigo:#2E0F42;--orchid:#6A2C91;--orchid-d:#45195F;--orchid-l:#EEE2F6;
  --ink:#1F1427;--muted:#6A5E72;--bg:#F8F3FB;--gray:#F1E9F6;--line:#E7DCEF;--pic:#FFFFFF;
  /* полосы — прежние (оранжевая · зелёная · красная), цвета заданы явно, чтобы не стали фиолетовыми */
  --st:linear-gradient(180deg,#FF8A1C 0 22%,#fff 22% 29%,#0A8F4C 29% 69%,#fff 69% 76%,#E53A2F 76% 100%);
  --st-h:linear-gradient(90deg,#FF8A1C 0 22%,#fff 22% 29%,#0A8F4C 29% 69%,#fff 69% 76%,#E53A2F 76% 100%);
}
body{background:var(--bg)!important;color:var(--ink)}
.topbar{background:var(--orchid-d)!important;color:#fff}
.logo{background:var(--orchid)!important}
.logo::after{background:linear-gradient(90deg,#FF8A1C 0 30%,#0A8F4C 30% 70%,#E53A2F 70%)!important}
.logo .lg-s{color:#FFD86B!important}
.hnav a,.hnav button{color:var(--ink)}
.hnav svg{color:var(--orchid)}
.search .sfield,.search input{border-color:var(--orchid)!important}
.sbtn{background:var(--orchid)!important;color:#fff!important}
.hbtn.cart{background:var(--mk-o)!important;color:var(--ink)!important;box-shadow:0 3px 0 var(--mk-o-d)!important}
.hbtn.cart .badge{background:var(--orchid)!important;color:#fff!important}
/* маркиза минимаркета под шапкой */
.awn{height:30px;margin-bottom:12px;position:relative;background:repeating-linear-gradient(90deg,var(--orchid) 0 48px,#fff 48px 96px);box-shadow:inset 0 6px 6px -6px rgba(0,0,0,.25)}
.awn::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;
 background:radial-gradient(circle at 24px 0,var(--orchid) 23px,transparent 24px) 0 0/96px 14px repeat-x,radial-gradient(circle at 72px 0,#fff 23px,transparent 24px) 0 0/96px 14px repeat-x;filter:drop-shadow(0 3px 2px rgba(46,15,66,.15))}
@media (max-width:640px){.awn{height:18px;margin-bottom:8px;background:repeating-linear-gradient(90deg,var(--orchid) 0 30px,#fff 30px 60px)}
 .awn::after{bottom:-9px;height:9px;background:radial-gradient(circle at 15px 0,var(--orchid) 14px,transparent 15px) 0 0/60px 9px repeat-x,radial-gradient(circle at 45px 0,#fff 14px,transparent 15px) 0 0/60px 9px repeat-x}}
body[data-v="cat"] .awn,body[data-v="sets"] .awn{display:none}
/* заголовки */
.h2,.sec-head h2{color:var(--ink)!important}
.link{color:var(--orchid)!important}
/* герой: слева белый, справа фиолетовая панель в горошек, жёлтая печать */
.hero7{background:#fff!important;box-shadow:0 0 0 1px var(--line),0 14px 34px rgba(69,25,95,.10)!important}
.hero7 h1{color:var(--orchid)!important}
.hero7 .h7-kick{background:var(--orchid-l)!important;color:var(--ink)!important}
.h7-art{background:var(--orchid)!important;background-image:radial-gradient(rgba(255,255,255,.13) 2px,transparent 2.6px)!important;background-size:22px 22px!important}
.h7-stamp{background:var(--mk-o)!important;color:var(--ink)!important;box-shadow:0 0 0 5px #fff,0 10px 20px rgba(0,0,0,.2)!important}
.h7-stamp *{color:var(--ink)!important}
.h7-cta{background:var(--mk-o)!important;color:var(--ink)!important;box-shadow:0 4px 0 var(--mk-o-d)!important}
.h7-how{border-color:var(--orchid)!important;color:var(--orchid)!important}
.pill-m{background:var(--mk-o)!important;color:var(--ink)!important}
.pill-m b{color:var(--ink)!important}
/* карточки: фиолетовая кнопка, цена — жёлтым ценником */
.card .add{background:var(--orchid)!important;color:#fff!important}
@media (hover:hover){.card .add:hover{background:var(--orchid-d)!important}}
.card .price{display:inline-block;position:relative;background:var(--mk-o);color:var(--ink)!important;padding:3px 10px 3px 18px;border-radius:0 8px 8px 0;clip-path:polygon(11px 0,100% 0,100% 100%,11px 100%,0 50%);font-weight:800}
.card .price::before{content:"";position:absolute;left:9px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#fff}
.card .price s{color:rgba(31,20,39,.55)}
@media (hover:hover){.card:hover{border-color:#D9C3EA!important;box-shadow:0 10px 26px rgba(69,25,95,.10)!important}}
/* категории */
.catgrid a,.catgrid button{border-color:var(--line)!important}
/* подвал */
footer{background:var(--orchid-d)!important}
/* мерч 7-Eleven остаётся зелёным, но с фиолетово-золотой кнопкой корзины внутри категории не спорит */
.merch7{box-shadow:0 12px 30px rgba(6,78,42,.22)!important}
.card .price{width:max-content;max-width:100%}
/* v46: зелёный блок мерча компактнее — фото в один ряд */
@media (min-width:721px){
 .merch7{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding:22px 24px 22px 34px;gap:22px}
 .merch7 h2{font-size:clamp(26px,3vw,38px);margin:10px 0 8px}
 .merch7 p{font-size:15px;margin:0 0 14px}
 .m7-pics{grid-template-columns:repeat(4,1fr);gap:10px}
 .m7-pics button{border-radius:14px}
}

/* ===== v47 · визуальный аудит (агенты UX/визуал/CRO, 11.10.2026; плашки ×N разноцветные — решение v44 сохранено): полоски точечно, мерч — герой первого экрана ===== */

/* 1. КРИТИЧНО: белый текст на жёлтой кнопке (1,5:1) → тёмный (11,5:1) */
.btn-o,.set-foot .btn-o,.mc .acts .btn-o{color:var(--ink)!important;box-shadow:0 3px 0 var(--mk-o-d)}
@media (hover:hover){.btn-o:hover,.set-foot .btn-o:hover{background:#FFD45E!important;color:var(--ink)!important}}

/* 2. Полоски: убрать везде, кроме мерча */
header::after{height:0!important;background:none!important}
.hbar::before,.hbar::after{content:none!important;display:none!important}
.logo::after{content:none!important;display:none!important}
.hero7::after{content:none!important;display:none!important}
.pstr::before{content:none!important;display:none!important}
.h2::before,.doc h2::before{width:6px!important;height:22px!important;border-radius:3px!important;background:var(--mk-o)!important}
.dh,.sh{background:#fff!important;border-bottom:1px solid var(--line)!important;padding-bottom:14px!important}
.track{background:#fff!important;padding-top:20px!important}
footer::before{content:none!important;display:none!important}
footer{padding-top:36px!important}
.cartbar::before{content:none!important;display:none!important}
.cartbar{padding-left:16px!important}
.set-art::before,.sets-banner::after,.p-main::after{content:none!important;display:none!important}
body:has(> main.doc)::before{height:6px!important;background:var(--orchid)!important}
/* плашка «из 7-Eleven» у обычных товаров — без полосок, как у Tops/Big C */


/* блок «из 7-Eleven» в окне товара у обычных товаров — нейтральный, не зелёный */
.qv-7{background:var(--orchid-l);color:var(--ink)}

.qv:has(.buybar [data-inc^="S7"],.buybar [data-dec^="S7"]) .qv-7{background:#E9F6EE;color:#0A6B3A}
.qv:has(.buybar [data-inc^="S7"],.buybar [data-dec^="S7"]) .qv-7 .st7{display:inline-block}

/* 3. Остатки зелёного вне мерча → фиолетово-нейтральные */
nav.chips .cat,.link.back{background:var(--gray)!important}
.link.back{color:var(--orchid)!important}
.card .step,.set-foot .ctl .step,.qv .buybar .step,.mini .step{background:var(--orchid-l)!important;color:var(--orchid-d)!important}
.tr-need{background:var(--mk-o-l)!important}
.how4 .h4i,.how4 li:nth-child(4) .h4i{background:var(--orchid-l)!important;color:var(--orchid)!important}
.how4 li:nth-child(2) .h4i{background:var(--mk-o-l)!important;color:#8A6200!important}
.how4 li:nth-child(3) .h4i{background:var(--orchid-l)!important;color:var(--orchid)!important}
.how4 li::after{color:var(--orchid)!important}
.trust4 li i{background:var(--orchid-l)!important}
.tr-s6 .tr-ico,.tr-s7 .tr-ico{background:var(--orchid)!important;box-shadow:0 0 0 6px var(--orchid-l)!important}



/* промо «Доставка дешевле»: белый текст на светло-зелёном фото (≈2,6:1) — тёмная подложка до перевыпуска картинок */
.pr-ship .pr-t,.pr-box .pr-t,.pr-cheap .pr-t{background:linear-gradient(180deg,rgba(46,15,66,.72) 0,rgba(46,15,66,.35) 45%,rgba(46,15,66,0) 70%)!important}
/* 4. Мерч в навигации: единственная зелёная плитка/чип с полосками */
#catGrid [data-cat="merch"]{position:relative;overflow:hidden;box-shadow:0 0 0 2px #0A8F4C!important}
#catGrid [data-cat="merch"] span{background:#0A8F4C!important;color:#fff!important}
#catGrid [data-cat="merch"]::after{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--st)}
nav.chips [data-cat="merch"]{background:#0A8F4C!important;color:#fff!important}
body:has(nav.chips [data-cat="merch"][aria-pressed="true"]) #catTitle::before{width:30px!important;background:var(--st)!important}

/* 5. Мерч — герой первого экрана */
.merch7{min-height:420px;padding:34px 36px 46px 40px!important;gap:28px!important;margin:6px 0 20px;
 background:radial-gradient(120% 140% at 85% 20%,#14B062 0,#0A8F4C 38%,#064E2A 100%)!important;box-shadow:0 18px 40px rgba(6,78,42,.28)!important}
.m7-band{left:0;right:0;top:auto;bottom:0;width:auto;height:18px;background:var(--st)}
.merch7::before{content:"";position:absolute;right:-6%;top:46%;width:54%;height:110px;background:var(--st);transform:rotate(-9deg);opacity:.95;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.m7-text,.m7-pics{position:relative;z-index:1}
.merch7 h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1!important;letter-spacing:-.02em;margin:14px 0 12px!important}
.merch7 p{font-size:17px!important;max-width:440px}
.m7-kick{background:#fff;color:#0A6B3A;box-shadow:inset 0 -3px 0 #FF8A1C}
.m7-cta{background:#FFC93C;color:#1F1427;box-shadow:0 4px 0 #E3A800;font-size:18px;padding:16px 26px}
@media (hover:hover){.m7-cta:hover{background:#FFD45E}}
.m7-from{font-size:16px}.m7-from b{font-size:24px}
@media (min-width:721px){
 .merch7{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important}
 .m7-pics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:400px;justify-self:end;width:100%}
 .m7-pics button{border-radius:18px!important;padding:8px}
}
/* главный баннер «Вкус Таиланда» — второй по значимости, компактнее */
.hero7 h1{font-size:clamp(28px,3.2vw,42px)!important}
@media (min-width:721px){.hero7{min-height:0!important}}
/* мобильный: фото выше текста, крупнее, описание короче */
@media (max-width:720px){
 .merch7{min-height:0;padding:16px 16px 34px!important;gap:14px!important;border-radius:20px}
 .m7-pics{order:-1;grid-template-columns:1.4fr 1fr!important;grid-template-rows:1fr 1fr;gap:8px!important}
 .m7-pics button:first-child{grid-row:1 / span 2;aspect-ratio:auto}
 .m7-pics button{min-width:0}
 .m7-pics button:nth-child(n+4){display:none}
 .merch7::before{top:10%;height:70px;width:110%;right:-5%}
 .merch7 h2{font-size:30px!important;margin:10px 0 6px!important}
 .merch7 p{font-size:14.5px!important;margin-bottom:12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .m7-row{gap:10px}.m7-cta{flex:1 1 100%;text-align:center;font-size:17px;padding:14px 18px}
 .m7-band{height:12px}
 .awn{height:14px!important;margin-bottom:6px!important}
 .hero7 h1{font-size:28px!important}
}
/* 6. Мелочи типографики */
.logo .lg-s{font-size:10px!important;letter-spacing:.01em}
@media (max-width:640px){.logo .lg-s{display:none}}
.qv .buybar .p,.qv .price{font-weight:900}

/* v47 · UX: заблокированная кнопка не похожа на активную; минимальный заказ виден на телефоне; тач-зоны ≥44px; cookies — тонкая полоса */
.btn-o:disabled,.btn-o[disabled]{background:#EEE6F3!important;color:var(--muted)!important;box-shadow:none!important}
#barCta{color:var(--ink)!important}
@media (max-width:760px){.tb-in .tb-l:has(#tbMin){display:inline!important}}
.tip{position:relative}.tip::after{content:"";position:absolute;inset:-12px}
.step button{min-width:40px;min-height:40px}
.qchips button,#sort{min-height:42px}
.link{padding-block:10px}
@media (max-width:720px){
 .cookie{left:8px;right:8px;width:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;font-size:12px}
 .cookie div{flex:none}.cookie .btn{min-height:36px;padding:6px 10px;flex:none}
}
.m7-note{display:block;margin-top:12px;font-size:12.5px;opacity:.85;max-width:460px}
@media (max-width:720px){.m7-note{font-size:11.5px;margin-top:8px}}
#barTxt small{display:block;font-weight:600;color:var(--muted);font-size:11.5px}
.step button[aria-disabled=true]{opacity:.35;cursor:not-allowed}
@media (max-width:720px){
 .cookie{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;text-align:left!important}
 .cookie>span{flex:1 1 auto;font-size:11.5px;line-height:1.25}
 .cookie div{display:flex!important;flex:none!important;gap:6px!important}
 .cookie .btn{min-height:36px!important;padding:6px 10px!important;font-size:12.5px!important;width:auto!important;flex:none!important}
}
nav.chips .cat[data-cat="merch"],nav.chips .cat[data-cat="merch"][aria-pressed="true"]{background:#0A8F4C!important;color:#fff!important;box-shadow:inset 0 -4px 0 #FF8A1C}
.cookie[hidden]{display:none!important}
.szt{width:100%;border-collapse:collapse;margin:4px 0 10px;font-size:13.5px;font-variant-numeric:tabular-nums}
.szt caption{text-align:left;font-weight:700;color:var(--muted);font-size:12.5px;padding-bottom:6px}
.szt th,.szt td{border:1px solid var(--line);padding:6px 4px;text-align:center}.szt th{background:var(--gray);font-weight:800}.szt td:first-child{text-align:left;padding-left:8px;font-weight:600;white-space:nowrap}

/* ===== v48 · «Тише»: одна палитра — фиолетовый + золото + нейтральные.
   Зелёный и полоски 7-Eleven — только мерч (блок, плитка, чип, плашка «из 7-Eleven»). Красный — только скидки/ошибки.
   Плашки ×N остаются разноцветными (решение v44), но приглушены и без «красного». ===== */

/* 1. Нейтральные: убрать зеленовато-серые остатки старой палитры */
.cat .cx,.why ul,.guar span,.faq p{color:var(--muted)!important}
.csize{color:var(--muted)!important}
.f input,.track input,.promo-code input,.linkbox input,.tools select,#sort{border-color:#CDBFD8!important}
.f input:focus,.track input:focus,.promo-code input:focus{border-color:var(--orchid)!important}
.tr-dot{color:#B9AAC4!important}
.scrim{background:rgba(31,20,39,.55)!important}
.logo .lg-s{color:var(--mk-o)!important}

/* 3. Плитки категорий: вместо 8 сплошных фиолетовых плашек — светлые с тёмным текстом */
.catgrid button span{background:var(--orchid-l)!important;color:var(--ink)!important}
@media (hover:hover){.catgrid button:hover span{background:#E2D0EF!important}}
.catgrid button[aria-pressed="true"] span{background:var(--orchid)!important;color:#fff!important}

/* 4. Значки доверия: цветные эмодзи → монохром на сиреневом */
.trust4 li i{filter:grayscale(1) contrast(.9);opacity:.75}
/* «Как купить»: все четыре иконки одного цвета */
.how4 li:nth-child(2) .h4i{background:var(--orchid-l)!important;color:var(--orchid)!important}

/* 5. Тайский флаг (красный+синий) на каждом товаре Tops/Big C — убрать, метка остаётся только у 7-Eleven */
.src7:not(.s711) .flag-th{display:none}

/* 6. Картинки-заглушки без фото: пастель категорий → один светлый тон */
.card .pic:not(.has-img){background:var(--gray)!important}

/* 7. Плашки ×N — компромисс: свой цвет на каждое количество сохраняется, но
      - красный ×6 → терракота (красный зарезервирован за скидками),
      - ярко-фиолетовый ×5/×16 → индиго (не спорит с брендовым фиолетовым),
      - зелёный ×3 → шалфей (не путается с мерчем 7-Eleven),
      - все тона приглушены и затемнены, без наклона и тяжёлой тени. */
.qb{background:var(--q)!important;background:color-mix(in oklab,var(--q) 88%,#1F1427)!important;transform:none!important;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(31,20,39,.18)!important;padding:4px 8px 5px!important;border-radius:9px!important}
.qb b{font-size:18px!important}.qb small{font-size:10px!important}
.qb.big{padding:6px 12px 7px!important}.qb.big b{font-size:26px!important}
.qb.sm{padding:2px 5px 3px!important}.qb.sm b{font-size:12px!important}
.pk .qd{background:var(--q)!important;background:color-mix(in oklab,var(--q) 88%,#1F1427)!important}
/* выбранная фасовка — всегда брендовый фиолетовый; цвет количества живёт только в маленьком кружке ×N */
.pk:not(.sz) button{border-color:var(--line)!important}
.pk:not(.sz) button[aria-pressed=true]{background:var(--orchid)!important;border-color:var(--orchid)!important;color:#fff!important}
.pk button[aria-pressed=true] .qd{background:#fff!important;color:var(--orchid)!important;box-shadow:0 0 0 2px var(--orchid)!important}

/* ===== v48 · QA: модалки, якоря, сетка, выравнивание, тач-зоны ===== */
html:has(body.lock){overflow:hidden}
.tabbar{z-index:39}
.card{content-visibility:visible}
@media (min-width:1024px){.catgrid{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
@media (min-width:641px) and (max-width:1023px){.catgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.tb-tg{white-space:nowrap;flex:none}
@media (max-width:900px){.tb-l.hide-m{display:none}}
@media (min-width:901px) and (max-width:1100px){.h7-how{padding:14px 18px;min-height:57px;justify-content:center}}
.card .cfoot .pr{min-height:61px;flex-direction:column;justify-content:flex-start}
@media (max-width:640px){.card .cfoot .pr{min-height:58px}}
@media (max-width:640px){.pk .qd{top:-12px;right:-4px;font-size:10px;padding:2px 4px}.pk button{padding-top:8px!important}
 #faqList summary{padding-block:11px}
 footer .fcol a{display:block;padding-block:10px}
 .cookie .btn,.tk-copy{min-height:40px!important}
 #loginBtn{min-width:40px}}
.tabbar button.on{color:var(--orchid)!important}
.tabbar button.on svg{stroke:var(--orchid)}
@media (max-width:480px){.hide-s{display:none}}
.card .cfoot .pr{align-items:flex-start}
.card .price{align-self:flex-start;height:auto}
/* полки-ленты: тесные кнопки фасовки (3 варианта) — компактнее */
.hscroll .card .pk[style*="--n:3"] button{padding-inline:2px}
.hscroll .card .pk[style*="--n:3"] button small{font-size:9.5px;letter-spacing:-.02em}
.card .cfoot .pr .price{flex:none!important;height:auto!important;max-height:40px}

.wm .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
.wm .row>span{flex:1 1 220px;min-width:0}
.wm .row>b{flex:none;white-space:nowrap}
@media (max-width:480px){.wm .row>b{flex:1 1 100%;text-align:left}}

/* v48 · QA, второй проход */
#how{scroll-margin-top:calc(var(--stk,0px) + 12px)}
@media (min-width:641px) and (max-width:1100px){#grid .card .pk[style*="--n:3"] button{padding-inline:2px}#grid .card .pk[style*="--n:3"] small i{display:none}}
.card .cfoot .per{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:640px){footer .fcol a{min-height:40px}#trackView details summary{padding-block:11px}.sec-head .link{min-height:40px;display:inline-flex;align-items:center}}
.sh .back-set{margin-right:auto;padding:8px 0;font-weight:800}
.sh:has(.back-set) h2{flex:1;font-size:16px}
/* v50 · ровные отступы: маркиза не налезает на первый блок, единый шаг между блоками главной */
.awn{margin-bottom:38px!important}
@media (max-width:640px){.awn{margin-bottom:26px!important}}
main>.merch7,main>.hero7,main>.trust4,main>.catgrid,main>.qchips,main>.pstrs{margin-top:0!important;margin-bottom:24px!important}
@media (max-width:640px){main>.merch7,main>.hero7,main>.trust4,main>.catgrid,main>.qchips,main>.pstrs{margin-bottom:18px!important}}
main>.shelf{margin-top:0!important;margin-bottom:40px!important}
@media (max-width:640px){main>.shelf{margin-bottom:32px!important}}
body[data-v="cat"] .awn,body[data-v="sets"] .awn{display:none!important}
/* v50: иконки разделов в шапке — только когда помещаются (на 1100–1299 поиск и корзина обрезались) */
@media (min-width:1100px) and (max-width:1299.98px){.hnav{display:none!important}.hbar .hbtn.plain{display:inline-flex!important}}
@media (min-width:1300px){.hnav a,.hnav button{min-width:66px!important;padding:6px 5px!important}.hbar .search{min-width:280px!important;flex:1 1 320px!important}}
/* v51 · полный аудит */
#barTxt{overflow:hidden}
#barTxt small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cartbar #barTxt small{color:inherit;opacity:.8}
.x:focus-visible,.sh .x:focus-visible{outline:2px solid var(--orchid);outline-offset:2px;box-shadow:none}
@media (max-width:720px){.merch7 p{-webkit-line-clamp:4!important}}
.li .n{-webkit-line-clamp:3!important}

/* ==========================================================================
   v54 · «Стикеры» (решение владельца 16.10.2026, вариант B): свои шрифты Onest + Unbounded (без Google Fonts),
   бегущая строка вместо маркизы, герой с наклеенными пачками, мерч 7-Eleven — «стена стикеров» с лентой 7-Eleven,
   плитки «Под настроение», белые карточки с номерами в хитах, тёмная плашка корзины.
   ========================================================================== */
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:400;src:url(fonts/onest-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:400;src:url(fonts/onest-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:500;src:url(fonts/onest-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:500;src:url(fonts/onest-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/onest-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/onest-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/onest-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/onest-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:800;src:url(fonts/onest-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:800;src:url(fonts/onest-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:900;src:url(fonts/onest-cyrillic-900-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:900;src:url(fonts/onest-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/unbounded-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/unbounded-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:800;src:url(fonts/unbounded-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:800;src:url(fonts/unbounded-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2190-2199,U+2212,U+2215}

:root{--b-o:#45195F;--b-o2:#6A2C91;--b-g:#FFC93C;--b-gd:#B88A00;--b-pk:#E8456A;--b-ink:#1F1427;--b-bg:#FBF7FD;--b-line:#E6D9EF;--b-mg:#0A6B3A;--b-mg2:#064D29;--unb:"Unbounded","Onest",system-ui,sans-serif}
body{background:var(--b-bg)!important}
.h2,.sec-head .h2,.mood .h2{font-family:var(--unb)!important;font-weight:800!important;letter-spacing:-.02em!important;font-size:clamp(20px,2.4vw,28px)!important}

/* шапка: логотип-надпись, без верхней строки (её заменила бегущая строка) */
header .topbar{display:none!important}
.logo .lg-t{font-family:var(--unb)!important;font-weight:800!important;text-transform:lowercase;color:var(--b-g)!important;letter-spacing:-.03em!important}
.logo .lg-s{opacity:.75}
.hbar .hbtn.cart{background:var(--b-g)!important;color:var(--b-o)!important;border-radius:999px!important}
.hbar .hbtn.cart .badge{background:var(--b-o)!important;color:var(--b-g)!important}

/* бегущая строка */
.awn{display:none!important}
.runl{display:flex;overflow:hidden;background:var(--b-g);color:var(--b-o);font-weight:800;font-size:14px;line-height:1;padding:12px 0;transform:rotate(-1.4deg);margin:10px -12px 26px;box-shadow:0 3px 0 rgba(69,25,95,.12);white-space:nowrap;position:relative;z-index:1}
.runl-in{display:flex;flex:none;gap:0;animation:runl 40s linear infinite}
.runl-in span{padding:0 18px}
.runl-in span:before{content:"★";margin-right:18px;opacity:.75}
@keyframes runl{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.runl-in{animation:none}}
@media (hover:hover){.runl:hover .runl-in{animation-play-state:paused}}
@media (max-width:640px){.runl{font-size:13px;padding:10px 0;margin:8px -12px 20px}}
body[data-v="cat"] .runl,body[data-v="sets"] .runl{margin-bottom:14px}

/* главный баннер */
main>.hero7{background:var(--b-o)!important;border-radius:32px!important;color:#fff!important;overflow:hidden!important;position:relative!important;box-shadow:none!important;border:0!important}
.hero7:before,.hero7:after{display:none!important}
.hero7 .h7-th{display:none!important}
.hero7 h1{font-family:var(--unb)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:-.03em!important;line-height:1.02!important;font-size:clamp(30px,4.6vw,58px)!important;color:#fff!important;max-width:11ch}
.hero7 h1 em{font-style:normal;color:var(--b-g)}
.hero7 .h7-kick{background:rgba(255,255,255,.12)!important;color:#fff!important;border:0!important}
.hero7 .h7-src{color:#E6D6F2!important}
.hero7 .h7-src b{color:#fff!important}
.hero7 .h7-pills{display:none!important}
.hero7 .h7-cta{background:var(--b-g)!important;color:var(--b-o)!important;border-radius:999px!important;font-weight:800!important;box-shadow:0 4px 0 var(--b-gd)!important;border:0!important;transition:transform .12s,box-shadow .12s}
.hero7 .h7-cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--b-gd)!important}
.hero7 .h7-how{color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:transparent!important;border-radius:999px!important}
.hero7 .h7-ship{color:#D9C3EA!important}.hero7 .h7-ship b{color:#fff!important}
.hero7 .h7-note{color:#BFA6D3!important}
.hero7 .h7-art{position:relative}
.hero7 .h7-pics{position:relative}
.hero7 .h7-pics img{background:#fff!important;border-radius:26px!important;padding:8px!important;box-shadow:0 12px 26px rgba(0,0,0,.32)!important;object-fit:contain!important;border:0!important}
.hero7 .h7-pics img:nth-child(1){transform:rotate(9deg)!important}
.hero7 .h7-pics img:nth-child(2){transform:rotate(-8deg)!important}
.hero7 .h7-pics img:nth-child(3){transform:rotate(5deg)!important}
.hero7 .h7-stamp{position:absolute!important;z-index:3;right:clamp(14px,3vw,40px);top:clamp(14px,3vw,34px);bottom:auto!important;left:auto!important;width:clamp(76px,9vw,104px);height:clamp(76px,9vw,104px);border-radius:50%!important;background:var(--b-pk)!important;color:#fff!important;border:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:0 8px 18px rgba(0,0,0,.25)!important;cursor:pointer;padding:0!important;font:inherit;text-align:center}
.hero7 .h7-stamp b{font-family:var(--unb);font-weight:800;font-size:clamp(17px,2vw,24px);line-height:1;color:#fff}
.hero7 .h7-stamp span{font-size:clamp(10.5px,1vw,12px);font-weight:700;margin-top:3px;line-height:1.1;color:#fff}
@media (hover:hover){.hero7 .h7-stamp:hover{transform:rotate(4deg) scale(1.04)}}
.hero7 .h7-stamp:focus-visible{outline:3px solid var(--b-g);outline-offset:3px}

/* мерч 7-Eleven — стена стикеров */
main>.merch7{position:relative!important;overflow:hidden!important;border-radius:32px!important;background:radial-gradient(circle at 85% 20%,#11834A 0,transparent 55%),var(--b-mg2)!important;color:#fff!important;border:0!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:center;padding:clamp(24px,4vw,48px)!important;min-height:360px}
.merch7:before,.merch7:after{display:none!important}
.merch7 .m7-band{position:absolute!important;inset:auto!important;left:-10%!important;right:-10%!important;top:58%!important;height:70px!important;transform:rotate(-14deg);display:flex!important;flex-direction:column;z-index:0;background:none!important;border-radius:0!important;width:auto!important}
.merch7 .m7-band i{flex:1;display:block}
.merch7 .m7-band i:nth-child(1){background:#F58220}.merch7 .m7-band i:nth-child(2){background:#fff;flex:.35}.merch7 .m7-band i:nth-child(3){background:#EE1C25}
.merch7 .m7-band:before{content:"";position:absolute;left:0;right:0;top:33%;height:10%;background:#00A651}
.merch7 .m7-ring{position:absolute;z-index:2;width:118px;height:118px;right:clamp(10px,2vw,28px);top:clamp(10px,2vw,22px);animation:m7spin 22s linear infinite;pointer-events:none}
.merch7 .m7-ring text{font:800 11.2px var(--unb);fill:var(--b-g);letter-spacing:.06em;text-transform:uppercase}
@keyframes m7spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.merch7 .m7-ring{animation:none}}
.merch7 .m7-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;max-width:460px}
.merch7 .m7-kick{align-self:flex-start;background:var(--b-g)!important;color:var(--b-o)!important;font-weight:800!important;font-size:13px!important;padding:7px 12px!important;border-radius:999px!important;transform:rotate(-3deg);letter-spacing:.02em;text-transform:none!important;border:0!important}
.merch7 h2{margin:0!important;font-family:var(--unb)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:-.03em!important;line-height:1.02!important;font-size:clamp(30px,4vw,52px)!important;color:#fff!important}
.merch7 h2 span{color:var(--b-g)}
.merch7 p{margin:0!important;color:#E3F4EA!important;font-size:clamp(15px,1.3vw,17px)!important;line-height:1.45!important;max-width:40ch;-webkit-line-clamp:unset!important;display:block!important;overflow:visible!important}
.merch7 .m7-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.merch7 .m7-cta{background:#fff!important;color:var(--b-mg2)!important;font-weight:800!important;padding:15px 22px!important;border-radius:999px!important;box-shadow:0 4px 0 rgba(0,0,0,.25)!important;text-decoration:none!important;border:0!important}
.merch7 .m7-cta:after{content:" →"}
.merch7 .m7-cta:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.25)!important}
.merch7 .m7-from{color:#fff!important;font-size:14px!important;opacity:1!important}
.merch7 .m7-from b{color:var(--b-g)!important}
.merch7 .m7-note{color:#CFE9DA!important;opacity:1!important;font-size:12.5px!important;line-height:1.45!important;max-width:52ch}
.merch7 .m7-pics{position:relative!important;z-index:1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding:6px!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important}
.merch7 .m7-pics button{position:relative;display:block!important;background:#fff!important;border:0!important;border-radius:24px!important;padding:10px 10px 12px!important;box-shadow:0 14px 28px rgba(0,0,0,.35)!important;cursor:pointer;transition:transform .18s;aspect-ratio:auto!important;width:auto!important;height:auto!important;overflow:visible!important}
.merch7 .m7-pics button img{display:block;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:contain!important;border-radius:16px!important;background:#fff!important;transform:none!important}
.merch7 .m7-pics button:nth-child(1){transform:rotate(-7deg)}
.merch7 .m7-pics button:nth-child(2){transform:rotate(6deg) translateY(14px)}
.merch7 .m7-pics button:nth-child(3){transform:rotate(4deg) translateY(-6px)}
.merch7 .m7-pics button:nth-child(4){transform:rotate(-5deg) translateY(8px)}
@media (hover:hover){.merch7 .m7-pics button:hover{transform:rotate(0) scale(1.05);z-index:2}}
.merch7 .m7-pics button:focus-visible{outline:3px solid var(--b-g);outline-offset:4px}
.merch7 .m7-pr{position:absolute;right:-8px;bottom:-10px;background:var(--b-g);color:var(--b-o);font:800 13px var(--unb);padding:7px 10px;border-radius:999px;box-shadow:0 3px 0 var(--b-gd);transform:rotate(-6deg);white-space:nowrap}
@media (max-width:860px){
 main>.merch7{grid-template-columns:1fr!important;min-height:0;gap:22px;padding:24px 20px 28px!important}
 .merch7 .m7-ring{width:92px;height:92px}
 .merch7 .m7-text{padding-right:70px}
 .merch7 .m7-band{top:auto!important;bottom:150px!important;height:48px!important}
 .merch7 .m7-pics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
 .merch7 .m7-pics button{padding:6px 6px 8px!important;border-radius:16px!important}
 .merch7 .m7-pics button img{border-radius:10px!important}
 .merch7 .m7-pr{font-size:11px;padding:5px 7px;right:-4px;bottom:-9px}
}
@media (max-width:420px){.merch7 .m7-text{padding-right:0}.merch7 .m7-ring{display:none}.merch7 .m7-pics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:4px 8px!important}.merch7 .m7-band{bottom:42%!important}}

/* плитки «Под настроение» */
main>.mood{margin:0 0 24px}
.mood .h2{margin:0 0 12px!important}
.mood-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.md{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:104px;border-radius:24px;padding:16px 18px;text-align:left;border:0;font:inherit;cursor:pointer;text-decoration:none;box-shadow:0 3px 0 rgba(31,20,39,.12);transition:transform .15s}
@media (hover:hover){.md:hover{transform:translateY(-2px) rotate(-.6deg)}}
.md:focus-visible{outline:3px solid var(--b-o2);outline-offset:3px}
.md b{font-size:clamp(17px,1.6vw,20px);font-weight:800}
.md span{font-size:13.5px;line-height:1.3}
.md-hot{background:var(--b-pk);color:#fff}
.md-sw{background:var(--b-g);color:var(--b-o)}
.md-cheap{background:var(--b-o2);color:#fff}
.md-box{background:#fff;color:var(--b-o);box-shadow:0 0 0 2px var(--b-line) inset,0 3px 0 rgba(31,20,39,.08)}
@media (max-width:760px){.mood-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.md{min-height:88px;padding:13px 14px;border-radius:20px}}
/* старые промо-постеры заменены плитками (на них было «от 60 ₽» при заказе от 2 000 ₽) */
main>.pstrs{display:none!important}

/* доверие — наклейки */
.trust4 li{background:#fff!important;border:2px dashed var(--b-line)!important;border-radius:22px!important;box-shadow:none!important}
.trust4 li i{background:var(--b-g)!important;border-radius:50%!important}

/* категории и чипы */
.catgrid button{background:#fff!important;border-radius:22px!important;box-shadow:0 2px 0 var(--b-line)!important;border:0!important}
.catgrid button[aria-pressed="true"],.catgrid button.on{background:var(--b-o)!important;color:#fff!important}
.chips .cats button,.qchips button,.subs button{border-radius:999px!important}
.chips .cats button[aria-pressed="true"],.subs button[aria-pressed="true"]{background:var(--b-ink)!important;color:#fff!important;border-color:var(--b-ink)!important}

/* карточки товаров */
.card{background:#fff!important;border-radius:22px!important;box-shadow:0 2px 0 var(--b-line)!important;border:0!important;overflow:hidden}
.card .pic,.card .pic.has-img{background:#fff!important;border-radius:18px 18px 0 0!important}
.card .price{font-family:var(--unb)!important;font-weight:800!important;letter-spacing:-.02em}
.card .add{background:var(--b-o)!important;color:var(--b-g)!important;border-radius:50%!important;border:0!important;box-shadow:0 3px 0 #2C0E3E!important}
.card .add:active{transform:translateY(2px);box-shadow:0 1px 0 #2C0E3E!important}
.card .add svg{stroke:var(--b-g)!important}
.card .step{border-radius:999px!important}
#hitList{counter-reset:hit}
#hitList .card{counter-increment:hit;position:relative}
#hitList .card:before{content:"#" counter(hit);position:absolute;z-index:2;left:12px;top:8px;font:800 26px/1 var(--unb);color:var(--b-o2);opacity:.2;pointer-events:none}
#hitList .card .tags{padding-left:46px}

/* корзина на телефоне — тёмная плашка-таблетка, нижнее меню */
.cartbar{background:var(--b-ink)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(31,20,39,.35)!important;padding:10px 10px 10px 22px!important}
.cartbar #barCta{background:var(--b-g)!important;color:var(--b-o)!important;font-weight:800!important;padding:10px 16px;border-radius:999px}
.cartbar .cb-sub{padding-right:12px}
.cartbar .cb-prog{margin-right:12px}
.cartbar .cb-prog i{background:var(--b-g)!important}
.tabbar button[aria-current="page"],.tabbar button.on{color:var(--b-o2)!important}

/* «Как это работает» */
.how4 li{background:#fff!important;border:2px dashed var(--b-line)!important;border-radius:22px!important;box-shadow:none!important}
.how4 .h4i{background:var(--b-g)!important;color:var(--b-o)!important;border-radius:50%!important}
/* v54 правки после просмотра: лента 7-Eleven только под фото (не под текстом), порядок на телефоне — текст, потом фото */
.merch7 .m7-band{left:44%!important;right:-12%!important}
.merch7 .m7-pics{order:2!important;grid-template-rows:none!important}
.merch7 .m7-text{order:1!important}
.merch7 .m7-pics button{grid-row:auto!important;grid-column:auto!important;min-width:0}
.merch7 .m7-pics button:nth-child(n+4){display:block!important}
.merch7 .m7-pics button:nth-child(n+5){display:none!important}
.hero7 .h7-art{background:none!important}
.hero7 .h7-art:before,.hero7 .h7-art:after{display:none!important}
@media (max-width:860px){
 .merch7 .m7-band{left:-20%!important;right:-20%!important;top:auto!important;bottom:70px!important}
}
@media (max-width:640px){
 .hero7 .h7-kick{display:none!important}
 .hero7 .h7-stamp{top:14px;right:14px}
 .hero7 h1{padding-right:84px}
}
.merch7 .m7-band{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%)}
@media (max-width:860px){.merch7 .m7-band{-webkit-mask-image:none;mask-image:none}main>.merch7{padding-top:30px!important}}
@media (max-width:640px){
 .hero7 h1{padding-right:0}
 .hero7 .h7-stamp{top:auto!important;bottom:190px!important;right:10px!important;width:74px;height:74px}
}
/* v54 · QA-правки (визуальный и UX-аудит) */
#setList .btn-o,.set-foot .btn-o{background:var(--b-o2)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 3px 0 #2C0E3E!important}
@media (hover:hover){#setList .btn-o:hover,.set-foot .btn-o:hover{background:var(--b-o)!important;color:#fff!important}}
body[data-v="cat"] .mood,body[data-v="sets"] .mood,body[data-v="cat"] .terms,body[data-v="sets"] .terms{display:none!important}
.doc-nav a[aria-current="page"]{background:var(--b-o)!important;color:#fff!important}
.merch7 .m7-ring text{letter-spacing:0}
.md-hot{background:#D6335A}
.hero7 .h7-stamp{background:#D6335A!important}
.hero7 .h7-stamp span{font-size:11px}
.qb,.pk .qd{background:var(--b-o)!important}
.qb b,.qb small,.pk .qd{color:var(--b-g)!important}
.qb small,.pk .qd{font-size:11px!important}
#hitList .qb{left:auto!important;right:10px!important}
.tr-step{color:#8A6200!important}
.catgrid [data-cat="merch"] span,.chips [data-cat="merch"]{background:var(--b-mg)!important}
.set{border:0!important;border-radius:22px!important;box-shadow:0 2px 0 var(--b-line)!important;overflow:hidden}
.set-price b{color:var(--b-o)!important;font-family:var(--unb)!important;font-weight:800!important;letter-spacing:-.02em}
#toCo,#payBtn,#loginStart,#more,#modal .buybar .add{border-radius:999px!important}
#toCo:not([disabled]),#payBtn,#loginStart{color:var(--b-o)!important;font-weight:800!important;box-shadow:0 4px 0 var(--b-gd)!important}
#modal .buybar .add{box-shadow:0 3px 0 #2C0E3E!important}
#sort{border-radius:999px!important;border:2px solid var(--b-line)!important;color:var(--b-ink)!important;font-weight:600;padding-left:14px}
#cartT,#sheetT{font-family:var(--unb)!important;font-weight:800!important;letter-spacing:-.02em;font-size:18px!important}
#modal .price{font-family:var(--unb)!important;font-weight:800!important;letter-spacing:-.02em}
.doc h1{font-family:var(--unb)!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--b-o)!important;font-size:clamp(22px,3.2vw,36px)!important;line-height:1.15!important}
.trust4 li i{filter:none!important;opacity:1!important}
.how4 li{align-items:center!important}
.how4 li:nth-child(n) .h4i{background:var(--b-g)!important;color:var(--b-o)!important}
@media (max-width:860px){.merch7 .m7-pics{max-width:none!important;width:100%!important;justify-self:stretch!important;margin:0!important}}
.hero7 .h7-cta{display:inline-block!important;text-align:center}
.hero7 .h7-cta::after{margin-left:8px}
.hero7 h1{max-width:none!important;white-space:nowrap}
@media (min-width:861px) and (max-width:1199px){.hero7 .h7-ship .h7-dot{display:none}.hero7 .h7-ship .h7-eta{display:block}}
.pk button small,.pk small i,.pr .per,.logo .lg-s{font-size:11px!important}
#tabCount.badge{background:var(--b-o)!important;color:var(--b-g)!important}
#trackForm input::placeholder{font-size:13px}
@media (min-width:1024px){.pk.sz{display:grid!important;grid-template-columns:repeat(var(--n),minmax(0,1fr))!important;gap:6px!important}}
.facts{border:0!important;border-radius:22px!important;box-shadow:0 2px 0 var(--b-line)!important}
@media (min-width:861px){
 .merch7 .m7-pics{padding:40px 10px 10px!important;gap:22px!important}
 .merch7 .m7-band{height:96px!important;top:50%!important}
 .merch7 .m7-ring{width:112px;height:112px;top:12px;right:12px}
 .merch7 .m7-pr{font-size:15px;padding:8px 12px}
 .merch7 .m7-kick{font-size:14px!important;padding:8px 14px!important}
 @media (hover:hover){.merch7 .m7-pics button:hover{transform:rotate(0) scale(1.06) translateY(-4px)}}
}
@media (max-width:420px){
 .merch7 h2{font-size:34px!important}
 .merch7 .m7-note{font-size:12px!important;line-height:1.35!important}
 .merch7 .m7-pics{gap:26px 18px!important;max-width:320px;margin:0 auto!important;padding:6px 10px 16px!important}
 .merch7 .m7-band{bottom:30%!important;height:64px!important}
}
.terms{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 24px;padding:0}
.terms li{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px dashed var(--b-line);border-radius:999px;padding:7px 10px 7px 14px;font-size:14px;font-weight:600;color:var(--b-ink)}
.terms a{color:var(--b-o);font-weight:800}
.runl{margin-inline:0!important;cursor:pointer}
.runl.paused .runl-in{animation-play-state:paused}
@media (max-width:640px){.cartbar{padding:6px 6px 6px 16px!important}.cartbar #barCta{padding:8px 14px}.cartbar .cb-sub{font-size:12.5px}}
@media (max-width:640px){.terms{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-12px;padding:0 12px 4px}.terms::-webkit-scrollbar{display:none}.terms li{flex:none;white-space:nowrap}}
/* v54: кнопки — прямоугольные со скруглением 12px (решение владельца: «овальные» и «таблетки» убрать; круглыми остаются только значок −10% и чипы-фильтры) */
.card .add,.card .step,#modal .buybar .add,#setList .btn-o,.set-foot .btn-o,#toCo,#payBtn,#loginStart,#more,
.hero7 .h7-cta,.hero7 .h7-how,.merch7 .m7-cta,.hbar .hbtn.cart,.cartbar,.cartbar #barCta,#sort{border-radius:12px!important}
.card .step button{border-radius:10px!important}
.cartbar{border-radius:16px!important}
/* v55: мерч — первый блок (решение владельца 16.10.2026); место под фото занято заранее (без скачка при загрузке) */
.merch7 .m7-ph{background:rgba(255,255,255,.14)!important;box-shadow:none!important;cursor:default}
.merch7 .m7-ph i{display:block;width:100%;aspect-ratio:1}
main>.merch7{margin-top:0!important;margin-bottom:24px!important}
@media (max-width:640px){main>.merch7{margin-bottom:18px!important}}

/* ===== v55: серверные SEO-страницы (p.php, c.php, 404/410) — без app.js; классы .seo-* не задевают витрину ===== */
.seo-body{padding-bottom:0!important}
.seo-body header{position:static!important}
.seo-hbar{display:flex!important;align-items:center;gap:12px;padding-block:10px!important;flex-wrap:wrap}
.seo-hbar .logo{min-height:48px;display:flex;justify-content:center;border-radius:14px;text-decoration:none}
.seo-search{display:flex;gap:6px;flex:1 1 260px;min-width:0;max-width:560px}
.seo-search input{flex:1;min-width:0;height:44px;border:1.5px solid var(--b-line);border-radius:999px;padding:0 16px;font:inherit;font-size:15px;background:#fff;color:var(--b-ink)}
.seo-search input:focus{outline:2px solid var(--b-o2);outline-offset:1px}
.seo-body .seo-search .btn{min-height:44px!important;padding:0 18px!important;font-size:14px!important}
.seo-shop{margin-left:auto;font-weight:700;color:var(--b-o2);text-decoration:none;white-space:nowrap}
.seo-cats{display:flex;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.seo-cats::-webkit-scrollbar{display:none}
.seo-cats a{flex:none;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--b-line);color:var(--b-ink);text-decoration:none}
.seo-cats a[aria-current="page"]{background:var(--b-o);border-color:var(--b-o);color:#fff}
.seo-cats a.seo-m7{border-color:var(--b-mg);color:var(--b-mg)}
.seo-cats a.seo-m7[aria-current="page"]{background:var(--b-mg);color:#fff}
.seo{padding-block:8px 40px;color:var(--b-ink)}
.seo h1{font-family:var(--unb);font-weight:800;font-size:clamp(22px,3.2vw,34px);line-height:1.15;letter-spacing:-.02em;margin:6px 0 12px}
.seo h1 small{font-size:.55em;font-weight:600;color:var(--muted)}
.seo h2{font-family:var(--unb);font-weight:800;font-size:clamp(17px,2vw,22px);margin:28px 0 12px}
.seo p{line-height:1.6;margin:0 0 10px}
.seo .small{color:var(--muted);font-size:13.5px}
.seo-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:4px 0 10px;padding:0;font-size:13px;color:var(--muted)}
.seo-crumbs li+li::before{content:"›";margin:0 8px;color:var(--b-line)}
.seo-crumbs a{color:var(--b-o2);text-decoration:none}
.seo-crumbs [aria-current]{color:var(--muted)}
.seo-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.seo-gal{display:grid;gap:10px}
.seo-main{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid var(--b-line);border-radius:20px;display:block}
.seo-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.seo-thumbs img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid var(--b-line);border-radius:12px}
.seo-kick{display:inline-block;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--orchid-l);color:var(--b-o)}
.seo-kick.seo-m7{background:var(--b-mg);color:#fff}
.seo-price{margin:4px 0 14px!important}
.seo-price b{font-family:var(--unb);font-size:30px;font-weight:800;background:var(--b-g);padding:2px 12px;border-radius:12px;display:inline-block}
.seo-off{display:inline-block;font-weight:700;color:#C23566}
.seo-facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0 0 14px;font-size:14.5px}
.seo-facts dt{color:var(--muted)}
.seo-facts dd{margin:0}
.seo-opts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px;margin-bottom:14px}
.seo-opts span:not(.num){background:#fff;border:1px solid var(--b-line);border-radius:999px;padding:4px 10px}
.seo-acts{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.seo-body .seo-acts .btn{min-height:46px!important;padding:0 22px!important;font-size:15px!important;display:inline-flex;align-items:center;text-decoration:none}
.seo-text{max-width:820px}
.seo-head{max-width:860px}
.seo-head-m7{border-left:6px solid var(--b-mg);padding-left:16px}
.seo-subs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px}
.seo-subs a{font-size:13.5px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--b-line);color:var(--b-ink);text-decoration:none}
.seo-subs a .num{color:var(--muted);margin-left:2px}
.seo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.seo-card{display:flex;flex-direction:column;gap:8px;height:100%;padding:10px;background:#fff;border:1px solid var(--b-line);border-radius:18px;text-decoration:none;color:var(--b-ink)}
@media (hover:hover){.seo-card:hover{border-color:var(--b-o2)}}
.seo-pic{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--pic)}
.seo-pic img{width:100%;height:100%;object-fit:contain;display:block}
.seo-noimg{display:block;width:100%;aspect-ratio:1;border-radius:12px;background:var(--orchid-l)}
.seo-n{font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.seo-p{margin-top:auto;font-size:16px;font-weight:800}
.seo-pages{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 4px}
.seo-pages a,.seo-pages span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--b-line);background:#fff;text-decoration:none;color:var(--b-ink);font-weight:600}
.seo-pages span{background:var(--b-o);border-color:var(--b-o);color:#fff}
.seo-err{text-align:center;max-width:680px;padding-top:40px}
.seo-err .seo-acts{justify-content:center}
.seo-search-big{margin:18px auto 0;max-width:460px}
@media (max-width:760px){
 .seo-prod{grid-template-columns:1fr;gap:16px}
 .seo-shop{display:none}
 .seo-hbar .logo{min-height:44px}
 .seo-search{flex-basis:100%;order:3}
 .seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .seo-price b{font-size:26px}
}

/* ===== v58: QA-правки визуала (CLS мерча, скругления, контраст, мелкий текст) ===== */
/* CLS: строка «от X ₽ · N вещей» под кнопкой всегда, заголовок в 3 строки — ничего не прыгает при загрузке */
.merch7 h2 span{display:block}
.merch7 .m7-row{flex-direction:column!important;align-items:flex-start!important}
/* Овальные/круглые кнопки → 12px */
.ctl .add,#drawer .ctl .add,#modal .ctl .add{border-radius:12px!important}
#drawer .step,.ctl .step{border-radius:12px!important}
#drawer .step button{border-radius:10px!important}
#resetCat,#sets .link.back,.sh .x,.dh .x,#modal .fav{border-radius:12px!important}
/* Контраст: значок −10% (5.7:1) и плитка мерча */
.hero7 .h7-stamp{background:#C2264D!important}
.hero7 .h7-stamp b,.hero7 .h7-stamp span{color:#fff!important}
#catList [data-cat="merch"],.catgrid [data-cat="merch"] .ct{background:#0A6B3A!important}
/* Мелкий текст не меньше 12px */
@media (max-width:860px){.merch7 .m7-pr{font-size:12.5px!important}}
#srcNote,.hero7 .h7-stamp span,.pk button small,.pk small i,.qd,.card .src7,.logo .lg-s{font-size:12px!important}
/* Поля «Где мой заказ» на телефоне — во всю ширину, подсказки не режутся */
@media (max-width:480px){.track form input{flex:1 1 100%}}
/* Кольцо мерча не налезает на фото */
@media (min-width:861px){.merch7 .m7-ring{z-index:0}.merch7 .m7-pics{padding-top:64px!important}}
/* Условия по центру на десктопе; планшет — подписи кнопок шапки скрыты, поиску больше места */
@media (min-width:861px){.terms{justify-content:center}}
@media (min-width:641px) and (max-width:900px){.hbar .hbtn:not(.cart) .lbl{display:none}}
/* Маленькие телефоны: плашка корзины ниже — без полосы прогресса */
@media (max-width:390px){.cartbar .cb-prog{display:none}}

/* ===== v59: телефон как приложение — нажатия, окна, «назад», режим приложения, плавность ===== */
/* Касания: без серой подсветки и зума по двойному тапу (щипок работает), своё мгновенное «нажатие» (scale не ломает повороты стикеров) */
html{touch-action:manipulation}
*{-webkit-tap-highlight-color:transparent}
@media (hover:none),(pointer:coarse){
 button:not(:disabled):not([aria-disabled="true"]):active,a.btn:active,.h7-cta:active,.h7-how:active,.m7-cta:active,.md:active,.tabbar button:active,.catgrid button:active,.cartbar:active,.terms a:active{scale:.97}
 .tabbar,.cartbar,nav.chips,.subs,.catgrid,.tabbar button{-webkit-user-select:none;user-select:none}
 /* iOS: поля не меньше 16px — иначе при фокусе страница увеличивается */
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
}
/* Окна и шторки: прокрутка не уходит на страницу, под окном страница стоит на месте, «потянуть для обновления» не срабатывает */
html.lock{overflow:hidden;overscroll-behavior:none}
.modal,.drawer,.db,.sheet,.sugg,.tippop,.story{overscroll-behavior:contain}
.sugg{max-height:min(60vh,460px);max-height:min(60dvh,460px)}
/* Шторка смахивается вниз за шапку — ручка-подсказка, шапка не прокручивается пальцем; корзина на телефоне выезжает снизу, как шторка */
@media (max-width:640px){
 #sheet .sh,#drawer .dh{touch-action:none}
 #drawer .dh{position:relative}
 #sheet .sh::before,#drawer .dh::before{content:"";position:absolute;left:50%;top:5px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:rgba(31,20,39,.2);pointer-events:none}
 .drawer{animation:kk-up .26s cubic-bezier(.2,.8,.2,1)}
}
@keyframes kk-up{from{transform:translate3d(0,100%,0)}}
/* Режим приложения (с главного экрана): шапка не уходит под строку состояния */
@media (display-mode:standalone){header{padding-top:env(safe-area-inset-top,0px)}}
/* Анимации: вне экрана — пауза (IntersectionObserver в app.js), при «уменьшить движение» — выключены */
.anim-off,.anim-off *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .sbars span.cur i{animation-duration:5s!important}
 html{scroll-behavior:auto}
}
/* Тач-экраны: переходы по якорям и программная прокрутка — мгновенные (плавная прокрутка через всю витрину на слабом телефоне
   шла рывками и спорила с доводкой jumpTo в app.js); на компьютере — как раньше, плавно */
@media (hover:none),(pointer:coarse){html{scroll-behavior:auto}}
/* Бегущая строка и кольцо мерча — отдельный слой композитора: кадр анимации не перерисовывает страницу */
.runl-in,.merch7 .m7-ring{will-change:transform;backface-visibility:hidden}
.anim-off .runl-in,.anim-off .m7-ring{will-change:auto}
/* Горизонтальные ленты: прокрутка до края не дёргает страницу и не включает жест «назад» в браузере */
.hscroll,.catgrid,.trust4,.cats,.subs,.gal,.qchips{overscroll-behavior-x:contain}
/* Блоки ниже каталога рисуются, только когда до них долистали (меньше работы при загрузке и при каждом «Показать ещё»);
   размер-заглушка близок к настоящему, а после первого показа браузер запоминает реальный (auto) — без прыжков */
@media (max-width:900px){
 .how4{content-visibility:auto;contain-intrinsic-size:auto 480px}
 .facts{content-visibility:auto;contain-intrinsic-size:auto 360px}
 #faqList{content-visibility:auto;contain-intrinsic-size:auto 750px}
 .track{content-visibility:auto;contain-intrinsic-size:auto 840px}
 footer{content-visibility:auto;contain-intrinsic-size:auto 1000px}
}
/* Фото в карточке товара — от «малой» высоты экрана: не прыгает, когда прячется адресная строка */
@supports (height:1svh){.qv-art{width:min(100%,62svh)!important}}

/* ===== v61: производительность и стабильность ===== */
/* Плашки на фото карточек (×N, «из 7-Eleven») с z-index лежали в общем слое страницы: браузер выносил каждую в отдельный
   композитный слой (их перекрывают липкие шапка и полоса разделов) — «сборка слоёв» на каждом кадре после «+», «Показать ещё»
   стоила 120–180 мс на слабом телефоне. Фото — свой контекст наложения: порядок плашек внутри фото тот же, вид не меняется.
   В «Хитах» номер «#N» (z-index:2) лежит поверх плашки — там оставлено как было. */
.card .pic,.pi{isolation:isolate}
#hitList .card .pic{isolation:auto}
/* «Умножение» цвета фото (mix-blend-mode:multiply) на белом фоне карточки ничего не меняет (белый × цвет = цвет), но заставляет браузер
   смешивать слои на каждом кадре прокрутки: −40 % работы «сборки слоёв» при прокрутке витрины на компьютере. Вид тот же. */
.pic.has-img img,.pi.has-img img{mix-blend-mode:normal}
/* Пока каталог грузится, сетка с заглушками занимает место 24 карточек: при заходе по ссылке /#catalog (с посадочных страниц)
   под заголовком «Каталог» не мелькают нижние блоки, которые потом уезжают вниз (CLS был 0,9 на телефоне) */
@media (max-width:640px){#grid:has(>.skel){min-height:4300px}}
@media (min-width:1024px){#grid:has(>.skel){min-height:2300px}}
/* Блоки главной выше каталога не служат «якорем прокрутки»: при заходе по /#catalog, когда приходят товары и полки над каталогом
   вырастают, браузер держит на месте сам заголовок «Каталог», а не край полки «За копейки» (каталог уезжал на 390 px вниз) */
.merch7,.hero7,.mood,.terms,.trust4,#catGrid,#qChips,.pstrs,.shelf{overflow-anchor:none}
/* …и место под полки и плитки над каталогом зарезервировано заранее (высота как после загрузки): каталог не сдвигается, когда приходят товары */
@media (max-width:640px){
 #catGrid:not(:has(*)){min-height:144px}#qChips:not(:has(*)){min-height:46px}
 #hitList:not(:has(*)){min-height:calc(212px + 46.7vw)}#setPosters:not(:has(*)){min-height:calc(90px + 63.3vw)}#cheapList:not(:has(*)){min-height:calc(200px + 50vw)}
}
@media (min-width:1024px){
 .terms:has(~ #grid > .skel){min-height:85px}
 #catGrid:not(:has(*)){min-height:191px}#qChips:not(:has(*)){min-height:46px}
 #hitList:not(:has(*)){min-height:447px}#setPosters:not(:has(*)){min-height:328px}#cheapList:not(:has(*)){min-height:446px}
}

/* ===== v62: логотип — надпись «Классика» с улыбкой под «ка» (SVG-контуры, img/logo/header.inc.svg) ===== */
.logo .lg-t{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.logo .lg-w{display:block;height:27px;width:auto;flex:none}
.logo{gap:3px}
.logo .lg-s{font-size:12px!important;letter-spacing:.01em;color:#E6D9F2!important;opacity:1!important;line-height:1.1}
@media (max-width:640px){.logo .lg-w{height:22px}}

/* ===== v63: финальная полировка ===== */
/* Логотип: надпись крупнее (в SVG сверху 22 из 86 единиц пустые — компенсируем отрицательным отступом), шапка на телефоне — значки справа.
   Действует и на SEO-страницах (/p/ /c/ /b/ посадочные — тот же header.inc.svg с классом lg-w). */
.logo .lg-w{height:46px!important;margin:-12px 0 -3px}
.hbar>.logo{height:60px!important;padding:0 14px!important}
.logo .lg-s{margin-top:1px}
@media (min-width:641px) and (max-width:1099.98px){.logo .lg-w{height:35px!important;margin:-9px 0 -2px}.hbar>.logo{height:52px!important;padding:0 12px!important}}
@media (max-width:640px){
 .logo .lg-w{height:36px!important;margin:-9.5px 0 -2px;position:relative;top:1px}
 .hbar>.logo{height:42px!important;padding:0 11px!important}
 .hbar>.hbtn.plain{margin-left:auto!important}
}
.seo-hbar .logo{padding:6px 14px!important;gap:3px}
@media (max-width:640px){.seo-hbar .logo{min-height:42px;padding:0 11px!important}}
/* 641–1099: «Мой заказ» был пустым квадратом 24 px (подпись скрыта, значок — только для телефона) → значок грузовика */
@media (min-width:641px) and (max-width:1099.98px){.hbar>.hbtn.plain .only-m{display:block!important}.hbar>.hbtn.plain{padding:0 11px!important;min-width:44px;justify-content:center}}

/* Кнопки — прямоугольные со скруглением 12px, без «таблеток»: чипы разделов, быстрые запросы, «♥», поиск на телефоне, SEO-страницы, документы */
#catList .cat,.chips .cat,.chips .favs,#qChips button,.seo-subs a,.seo-cats a,.doc-nav a,.seo-search input,.seo-body .seo-search .btn{border-radius:12px!important}
@media (max-width:640px){.search input{border-radius:12px 0 0 12px!important}.sbtn{border-radius:0 12px 12px 0!important}}

/* Мелкий текст — не меньше 12px */
.pk .qd,.qb small,.pk button small,.pk small i,.per,.pr .per,.card .per{font-size:12px!important}
@media (max-width:640px){.pk .qd{padding:2px 5px!important;top:-13px!important}}
.tabbar button{font-size:12px!important}
.tip{font-size:12px!important;opacity:.9!important}
#catGrid [data-cat]>span{font-size:12px!important}
/* Контраст: подпись плитки «Мерч 7-Eleven» белым на #0A8F4C было 4,2:1 → #0A6B3A (6,9:1) */
#catGrid [data-cat="merch"] span{background:#0A6B3A!important}

/* Герой на телефоне: «Смотреть товаров» без числа читалось с ошибкой → число видно всегда */
#pCta .hide-s{display:inline!important}

/* «Где мой заказ»: поле «4 последние цифры» было 120 px и обрезало подсказку */
#trackTel{max-width:none!important;flex:0 0 210px!important}
@media (max-width:480px){#trackTel{flex:1 1 100%!important}}

/* Документы и 404: та же плашка-логотип, что в шапке (ссылка «← В магазин» ведёт на главную) */
.doc-back{align-items:center;gap:12px!important;color:var(--orchid,#6A2C91)!important}
.doc-back::before{content:"";flex:none;width:150px;height:46px;border-radius:12px;background:#6A2C91 url(../img/logo/wordmark-short.svg) 50% 1px/122px auto no-repeat}
.e404{display:flex;flex-direction:column;align-items:center;gap:6px}
.e404 .logo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;height:60px;padding:0 14px;border-radius:12px;background:#6A2C91;text-decoration:none;margin-bottom:18px}
.e404 .logo{order:-1!important}

/* ===== v65: логотип с тайской строкой «ขอบคุณ · спасибо по-тайски» (тайское — золотом) =====
   header.inc.svg: .lg-full (надпись + строка, компьютер/планшет) и .lg-short (только надпись, телефон); рамки SVG плотные — без отрицательных отступов v63 */
.logo .lg-s{display:none!important}
.logo .lg-w{margin:0!important;top:0!important;width:auto;flex:none}
.logo .lg-full{display:block;height:50px!important}
.logo .lg-short{display:none;height:26px!important}
@media (min-width:641px) and (max-width:1099.98px){.logo .lg-full{height:42px!important}}
@media (max-width:640px){.logo .lg-full{display:none}.logo .lg-short{display:block;height:24px!important}}

/* ===== v65→v67: сюрприз-боксы «как мерч» (вариант A) ===== */
/* Карточка вида — 560 «дизайн-px» (.bxk), масштаб --s = ширина/560 (bxFit в app.js), как картинка tools/boxes.py. Выбор: «барабан» фото (.bxr,
   transform), затем «?» переворачивается и летят искры (≈1,1 с). Анимируются только transform/opacity; слои заранее; размеры зарезервированы — CLS 0. */
.md-box .md-bx{display:flex;gap:2px;margin:-2px 0 -4px}
.md-box .md-bx img{width:40px;height:40px;flex:none;transition:transform .25s}
@media (hover:hover){.md-box:hover .md-bx img:nth-child(odd){transform:translateY(-3px) rotate(-6deg)}.md-box:hover .md-bx img:nth-child(even){transform:translateY(-2px) rotate(5deg)}}
@media (max-width:760px){.md-box .md-bx img{width:30px;height:30px}}
.set.mystery .set-art.bx4{display:flex;align-items:center;justify-content:center;padding:8px 6px}
.set.mystery .set-art.bx4 img{width:26%;height:auto;margin:0 -1.5%;flex:none}
.set.mystery .set-art.bx4 img:nth-child(odd){transform:rotate(-6deg) translateY(3%)}
.set.mystery .set-art.bx4 img:nth-child(even){transform:rotate(5deg) translateY(-3%)}
.li-nr{margin-top:2px;font-size:12px;font-weight:700;color:#8A4F00}
.bxp{display:flex;flex-direction:column;gap:14px}
.bxp-lead{margin:0;font-size:15px;line-height:1.4;color:var(--b-ink)}
.bxp-lead b{font-family:var(--unb);font-weight:800;color:var(--b-o2)}
.bxp-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bxp-c{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px 8px 12px;border:2px solid var(--b-line);border-radius:12px;background:#fff;font:inherit;color:var(--b-ink);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background-color .2s}
.bxp-c b{font-family:var(--unb);font-weight:800;font-size:15px;line-height:1.2;margin-top:4px}
.bxp-c>span:last-child{font-size:12.5px;line-height:1.3;color:var(--muted)}
.bxp-c:focus-visible{outline:3px solid var(--b-g);outline-offset:2px}
.bxp-d{min-height:190px}
.bxp-dh{display:flex;align-items:baseline;justify-content:space-between;gap:6px 10px;flex-wrap:wrap}
.bxp-dh h3{margin:0;font-family:var(--unb);font-weight:800;font-size:18px;line-height:1.25}
.bxp-n{font-size:13px;font-weight:700;color:var(--b-o2);background:#F1E6F8;border-radius:8px;padding:3px 8px;white-space:nowrap}
.bxp-in{margin:6px 0 0;font-size:14px;line-height:1.4}
.bxp-d .nr{font-size:13px}
.bxp-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.bxp-buy .pr{display:flex;flex-direction:column;gap:2px}
.bxp-buy .pr .small{font-size:12px;color:var(--muted)}
.bxp-buy .btn.bx{min-width:150px}
.bxp-hint{margin:0;padding:14px;border:2px dashed var(--b-line);border-radius:12px;color:var(--muted);font-size:14px;line-height:1.4}
.md-box .md-bx img{border-radius:8px;box-shadow:0 2px 0 rgba(31,20,39,.15)}
.set.mystery .set-art.bx4 img{border-radius:10px;box-shadow:0 4px 10px rgba(31,20,39,.2)}
.li-bx{font-size:12px;color:var(--muted)}
.bxp-var{margin:6px 0 0;font-size:14px;line-height:1.4;padding:8px 10px;border-radius:10px;background:#F4ECFA;color:var(--b-ink)}
.bxp-var b{color:var(--b-o2)}
.bxp-c[aria-pressed="true"]{border-color:var(--k);box-shadow:0 0 0 2px var(--k) inset,0 3px 0 var(--k)}
.bxa{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;--s:.3;transform:translateZ(0)}
.bxk{position:absolute;left:0;top:0;width:560px;height:560px;transform-origin:0 0;transform:scale(var(--s));color:#fff;font-family:var(--unb);pointer-events:none}
.bxk i{position:absolute;font-style:normal;display:block}
.bxbg{inset:0}
.bxband{left:-80px;right:-80px;top:330px;height:130px;transform:rotate(-18deg)}
.bxkick{left:30px;top:28px;font:700 22px/1 Onest,sans-serif;background:var(--k);padding:9px 16px 10px;border-radius:12px;transform:rotate(-3deg);box-shadow:0 3px 0 rgba(0,0,0,.18)}
.bxttl{left:30px;top:76px;font:800 50px/1 var(--unb);text-transform:uppercase;letter-spacing:-1px}
.bxttl em{font-style:normal;display:block;color:var(--k)}
.bxs{background:#fff;border-radius:18px;box-shadow:0 12px 24px rgba(0,0,0,.28)}
.bxw{inset:8px;overflow:hidden;border-radius:11px}
.bxr{position:absolute;left:0;top:0;width:100%;height:calc(100% * var(--n,1));display:flex!important;flex-direction:column;will-change:transform}
.bxr img{flex:1 1 0;min-height:0;width:100%;object-fit:contain;display:block}
.bxex{left:318px;top:506px;z-index:6;font:700 20px/1 Onest,sans-serif;color:#1E0B2B;background:rgba(255,255,255,.94);padding:6px 10px 7px;border-radius:10px;transform:rotate(-3deg)}
.bxq{left:150px;top:350px;width:150px;height:150px;z-index:4;display:flex!important;align-items:center;justify-content:center;border-radius:18px;background:var(--q);color:var(--k);border:8px solid #fff;box-shadow:0 12px 24px rgba(0,0,0,.28);font:800 120px/1 var(--unb);transform:rotate(-8deg);will-change:transform}
.bxpr{left:30px;top:470px;z-index:5;font:800 34px/1 var(--unb);color:#1E0B2B;background:var(--k);padding:12px 20px 13px;border-radius:14px;transform:rotate(-6deg);box-shadow:0 5px 0 rgba(0,0,0,.22)}
.bxring{position:absolute;right:16px;top:14px;width:132px;height:132px;animation:bxRing 16s linear infinite;will-change:transform}
.bxring text{font:800 10px var(--unb);letter-spacing:1px;text-transform:uppercase}
.bxfx{left:225px;top:400px;width:0;height:0;z-index:7}
.bxfx i{left:-9px;top:-9px;width:18px;height:18px;border-radius:4px;background:var(--c);border:3px solid #2A1238;opacity:0}
.bxfx i:nth-child(3n){border-radius:50%}
@media (hover:hover){.bxp-c:hover .bxa:not(.pop){animation:bxWob .7s ease-in-out}}
.bxa.pop .bxq{animation:bxFlip .55s .62s cubic-bezier(.3,1.4,.5,1) both}
.bxa.pop .bxfx i{animation:bxFx .7s .78s cubic-bezier(.2,.7,.4,1) both}
.bxa.pop .bxfx i{will-change:transform,opacity}
@keyframes bxRing{to{transform:rotate(360deg)}}
@keyframes bxWob{0%,100%{transform:translateZ(0)}30%{transform:translateZ(0) rotate(-2deg) translateY(-2%)}65%{transform:translateZ(0) rotate(1.5deg)}}
@keyframes bxFlip{0%{transform:rotate(-8deg) perspective(600px) rotateY(0)}60%{transform:rotate(-8deg) perspective(600px) rotateY(330deg) scale(1.18)}100%{transform:rotate(-8deg) perspective(600px) rotateY(360deg)}}
@keyframes bxFx{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.4)}75%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x)*2.2),calc(var(--y)*2.2)) rotate(calc(var(--r) + 240deg)) scale(1)}}
@media (max-width:640px){.bxp{gap:12px}.bxp-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bxp-c{padding:6px 6px 10px}.bxp-d{min-height:250px}}
@media (min-width:641px){.sheet:has(.bxp){width:min(900px,100%)}}
@media (prefers-reduced-motion:reduce){.bxa,.bxq,.bxring,.bxr,.md-box .md-bx img{animation:none!important;transition:none!important}.bxfx{display:none}}

/* ===== v69: крупнее сюрприз-боксы, кольцо-надпись у мерча на телефоне ===== */
/* Окно выбора бокса: на компьютере шире (4 карточки по ~210 px), на телефоне — листаемая лента крупных карточек */
.sheet:has(.bxp){width:min(960px,100%)}
@media (min-width:641px) and (max-width:900px){.bxp-g{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}}
@media (max-width:640px){
 .bxp-g{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin:0 -18px;padding:4px 18px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .bxp-g::-webkit-scrollbar{display:none}
 .bxp-c{flex:0 0 78%;scroll-snap-align:center;padding:8px 8px 12px!important}
 .bxp-c b{font-size:18px}.bxp-c>span:last-child{font-size:14px}
}
/* Мерч 7-Eleven: вращающееся кольцо-надпись и на телефоне (как у боксов) */
@media (max-width:720px){.merch7 .m7-ring{display:block!important;width:88px!important;height:88px!important;top:14px!important;right:14px!important;z-index:3!important}}
@media (max-width:420px){.merch7 .m7-ring{width:80px!important;height:80px!important;top:12px!important;right:12px!important}}

/* ===== v70: «Оплата российскими картами и по СБП» — корзина, оформление, карточка (значки — свои, текстовые, без чужих логотипов) ===== */
.payi{width:16px;height:16px;flex:none;vertical-align:-3px;margin-right:5px}
.pay-l{display:flex;align-items:center;gap:0;color:var(--ink,#2A1238);font-weight:600}
.chip-pay{display:inline-flex;align-items:center}
.payb{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 6px}
.pb{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border:1.5px solid var(--line,#E4DCEB);border-radius:8px;background:#fff;font-weight:700;font-size:13px;line-height:1.2;color:#2A1238}
.pb-mir,.pb-sbp{font-family:var(--unb,inherit);letter-spacing:.3px}
.co-pay h3 .tip{margin-left:4px}
/* на телефоне подвал корзины прячет мелкие строки (компактный липкий итог) — строку оплаты оставляем: одна строка у «Итого» */
@media (max-width:640px){#cartFoot>.pay-l{display:flex;font-size:13px;line-height:1.25;white-space:nowrap;margin-top:-2px}}

/* ===== v71: симметрия и выравнивание ===== */
/* Жалоба владельца 18.10.2026 (скриншот 390 px): в «Как купить» иконка прижата к верху, заголовок и текст — ниже её центра, номер шага висит
   в углу отдельно, отступы и высоты разные. Теперь: иконка по центру текстового блока (ряды 1fr/auto/auto/1fr — лишнее место делится поровну
   сверху и снизу), номер — бейдж на круге-иконке, отступы 16 px со всех сторон, все карточки одной высоты (grid-auto-rows:1fr). Проверка — tests/layout_test.js. */
.how4{grid-auto-rows:1fr!important;align-items:stretch!important}
.how4 li{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:1fr auto auto 1fr!important;column-gap:14px!important;row-gap:2px!important;
 align-items:start!important;justify-items:start!important;text-align:left!important;padding:16px!important;min-height:0!important;height:auto!important;overflow:visible!important}
.how4 li::after{content:none!important;display:none!important}
.how4 .h4i{grid-column:1!important;grid-row:1 / -1!important;align-self:center!important;position:relative;width:52px!important;height:52px!important;margin:0!important}
.how4 .h4i::after{content:counter(h4);position:absolute;top:-4px;left:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:var(--orchid,#6A2C91);color:#fff;
 font:800 12px/20px var(--unb,inherit);text-align:center;box-shadow:0 0 0 2px #fff}
.how4 li>b{grid-column:2!important;grid-row:2!important;align-self:end!important;margin:0!important}
.how4 li>span:not(.h4i){grid-column:2!important;grid-row:3!important;align-self:start!important;margin:0!important;display:block!important}
/* В ряду из 2–4 карточек (от 641 px) иконка и заголовок — на одной линии сверху: заголовки всех шагов ряда стоят ровно, хотя текст разной длины;
   на телефоне (одна колонка) иконка — по центру текста */
@media (min-width:641px){
 .how4 li{grid-template-rows:auto auto 1fr!important;align-content:start!important}
 .how4 .h4i{grid-row:1 / -1!important;align-self:start!important}
 .how4 li>b{grid-row:1!important;align-self:start!important}
 .how4 li>span:not(.h4i){grid-row:2!important}
}
/* «Быстрая доставка / Оплата / Гарантия»: заголовок первой колонки в 2 строки (768–1100) сдвигал её текст ниже соседних → общие строки сетки (subgrid):
   заголовки и тексты всех колонок начинаются на одной линии */
@media (min-width:641px){.facts{grid-template-rows:auto auto;row-gap:0!important}.facts>div{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;align-content:start}.facts>div>h3{align-self:start}}
/* «Почему доверять» — всегда ряд (на телефоне листаемая лента): иконка и заголовок на одной линии сверху, «?» — там же */
.trust4 li{align-items:flex-start!important}
.trust4 li .tip{align-self:flex-start;margin-top:1px}
@media (max-width:640px){
 .how4 li{grid-template-columns:46px minmax(0,1fr)!important;column-gap:12px!important;padding:14px!important}
 .how4 .h4i{width:46px!important;height:46px!important}.how4 .h4i svg{width:26px!important;height:26px!important}
 .how4 li>b{font-size:15px!important}
}

/* «Где мой заказ» → «Товары из Таиланда…»: заголовок стоял вплотную к карточке (зазор 0) — тот же шаг, что между остальными блоками */
main>.seo-home{margin-top:36px!important}
@media (max-width:640px){main>.seo-home{margin-top:32px!important}}

/* Корзина: кнопки «−/+» 40 px в плашке 36 px — вылезали на 2 px сверху и снизу и обрезались → плашка по высоте кнопок */
#drawer .step{height:40px!important;align-items:center}

/* Наборы: в карточке сюрприз-боксов 4 картинки по 33 % (общее правило .set-art img) — крайние уезжали за край и обрезались → 4 × 25 % по центру */
.set.mystery .set-art.bx4 img{width:25%!important;max-width:none!important;max-height:none!important;margin:0 -1%!important}

/* Окно сюрприз-боксов: место под описание вида зарезервировано (CLS 0), а подсказка занимала верх, внизу — пустая полоса → подсказка заполняет это место, текст по центру */
.bxp-d:has(>.bxp-hint){display:flex}
.bxp-d>.bxp-hint{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}

/* ===== v71: логотип — снова маленькая подпись «спасибо по-тайски» под надписью (как в v62–v64), на всех ширинах ===== */
.logo .lg-full{display:none!important}
.logo .lg-short{display:block!important;margin:0!important}
.logo .lg-s{display:block!important;margin:2px 0 0!important;font-size:12px!important;font-weight:600;line-height:1.1!important;letter-spacing:.01em;color:#E6D9F2!important;opacity:1!important;text-align:center;white-space:nowrap}
.hbar>.logo,.seo-hbar .logo,.e404 .logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important}
.hbar>.logo .lg-short,.seo-hbar .logo .lg-short,.e404 .logo .lg-short{height:30px!important}
@media (min-width:641px) and (max-width:1099.98px){.hbar>.logo .lg-short,.seo-hbar .logo .lg-short{height:25px!important}}
@media (max-width:640px){
 .hbar>.logo,.seo-hbar .logo{height:46px!important;min-height:46px!important;padding:0 12px!important}
 .hbar>.logo .lg-short,.seo-hbar .logo .lg-short{height:22px!important}
 /* плашка на 4 px выше прежней — поля шапки на 2 px меньше сверху и снизу: высота шапки та же (116 px) */
 .hbar{padding-top:8px!important;padding-bottom:8px!important}
 .logo .lg-s{font-size:12px!important;font-weight:500!important;letter-spacing:0!important;margin-top:1px!important}
}
/* документы: плашка-логотип с той же подписью */
.doc-back::before{height:54px!important;background:#6A2C91 url(../img/logo/wordmark-short.svg) 50% 7px/122px auto no-repeat!important;content:"спасибо по-тайски"!important;
 display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;box-sizing:border-box;font-size:12px;font-weight:600;line-height:1.1;color:#E6D9F2}

/* ===== v71: «Капун Ка» — «спасибо» по-тайски (подвал витрины и SEO-страниц, 404) ===== */
footer .fbrand{grid-column:1/-1;margin:6px 0 0;font-size:14px;font-weight:600;line-height:1.4;color:#E6D9F2}
footer .fbrand [lang="th"],.e404-th [lang="th"],.seo-home [lang="th"],.faq [lang="th"]{font-family:inherit;white-space:nowrap}
footer .fbrand [lang="th"]{color:#FFC93C}
.e404-th{margin:14px 0 0;font-size:14px;color:var(--muted,#6B5A78)}

/* ===== v72: полировка UI ===== */
/* Логотип (задача владельца 19.10.2026: «спасибо по-тайски» под логотипом чуть помельче и красиво). Сравнивали 3 варианта на 1366/390,
   в шапке, в документе и на SEO-странице (A — тихая сиреневая с разрядкой, B — с золотыми линиями по бокам, C — тёплая кремовая). Выбран A:
   подпись на ступень тише надписи (10,5 px, на телефоне 10 px), разрядка .06em держит её «строкой знака» и выравнивает по ширине с «капун ка»,
   сиреневый #D9C3EA — тот же «тихий» цвет, что у строки «Ближайшая отправка» в герое (контраст 5,4:1 на #6A2C91), не спорит с золотом надписи и белой улыбкой; на телефоне 600 — чётче при 10 px.
   Подпись по центру слова (Δ ≤ 0,5 px), между улыбкой и строчными ~6 px; группа «надпись + подпись» по оптическому центру плашки
   (сдвиг на 1 px вниз transform'ом, размеры не меняются: снизу у строки нет выносных — знак сидел на 1,5 px выше). Высота плашек и шапки — прежние. */
.logo .lg-s{font-size:10.5px!important;font-weight:500!important;letter-spacing:.06em!important;color:#D9C3EA!important;margin-top:2px!important;line-height:1!important}
.hbar>.logo>*,.seo-hbar .logo>*,.e404 .logo>*{transform:translateY(1px)}
@media (max-width:640px){.logo .lg-s{font-size:10px!important;font-weight:600!important;letter-spacing:.04em!important;margin-top:1.5px!important}}
.doc-back::before{font-size:10.5px!important;font-weight:500!important;letter-spacing:.06em!important;color:#D9C3EA!important;line-height:1!important;padding-bottom:9px!important;background-position:50% 8px!important}

/* Заголовки блоков без «вдов» (одно слово на последней строке): строки выравниваются по длине — витрина, окна, документы, SEO-страницы */
main h2,.h2,.sheet h2,.sheet h3,.drawer h2,.doc h1,.doc h2,.seo-body h1,.seo-body h2,.e404 h1,.facts h3,.how4 li>b,.trust4 b{text-wrap:balance}
/* «Наборы −10%», «Попробуйте за копейки»: ссылка «Все наборы →» стояла по центру заголовка и выше его базовой линии (на 4–8 px) → по базовой
   линии последней строки заголовка (как текст в одной строке) */
.shelf .sec-head{align-items:last baseline!important}
/* Раздел «Наборы» на телефоне: заголовок 30 px, «?» отрывался от текста к правому краю (h2 — flex, текст занимал всю ширину) → 22 px, как у каталога
   и полок, «?» — сразу после «−10%» (обычная строка); на 360–400 px рядом с «← На главную» заголовок — в 2 строки «Наборы / −10% ?» */
@media (max-width:640px){#sets .h2{display:block!important;font-size:22px!important;letter-spacing:-.01em;line-height:1.15}#sets .h2 .tip{vertical-align:3px}
 #sets .h2{position:relative;padding-left:16px}#sets .h2::before{position:absolute;left:0;top:50%;transform:translateY(-50%)}}
/* Подсказка «?»: полупрозрачность .9 давала контраст 4,2:1 на сиреневом фоне окна товара → без прозрачности (5,1:1) */
.tip{opacity:1!important}
/* Условия под героем и подвал: пока в настройках нет Telegram, ссылка скрыта, а пустая «таблетка» / колонка «Мы на связи» оставались → прячем пустые */
.terms li:has(>a[hidden]:only-child){display:none!important}
footer .fcol:has(>a[data-set]):not(:has(>a:not([hidden]))){display:none!important}
/* Окно сюрприз-боксов: v71 сделал подсказку flex-контейнером — текст и <b>2 990 ₽</b> стали отдельными «колонками», пробелы терялись
   («одна —2 990 ₽», на телефоне цена отдельным столбиком) → обычный текстовый блок, по вертикали — align-content */
.bxp-d>.bxp-hint{display:block!important;align-content:center}
/* Подсказки поиска на компьютере были шириной поля (≈280 px) — названия в 2 строки с многоточием → не уже 440 px, от правого края поля */
@media (min-width:641px){.sugg{left:auto!important;right:0!important;width:max(100%,440px)}}
/* Тач-цели на телефоне ≥ 40 px (размеры блоков не меняются) */
/* «С этим берут», «Влезет в посылку», состав набора: название — кнопка 16–33 px высотой → нажимается вся строка (кроме «+/−») */
.mini{position:relative}
.mini button.n::after{content:"";position:absolute;inset:0;border-radius:inherit}
.mini .ctl{position:relative;z-index:1}
@media (max-width:640px){
 .qv .sost summary{padding-block:10px;margin-block:-8px}
 .fold>summary{min-height:40px;align-items:center}
 summary.small{min-height:40px;box-sizing:border-box}
 .chk{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-content:center;min-height:40px}
 .qv .btn-line.wide,[data-buynow]{min-height:40px!important}
}
/* «Как купить» на 421–640 px — две колонки, а иконка стояла по центру текста (режим одной колонки): заголовки соседних шагов на разной высоте
   (Δ 17 px на 430) → как в ряду от 641 px: иконка и заголовок сверху */
@media (min-width:420.02px) and (max-width:640px){
 .how4 li{grid-template-rows:auto auto 1fr!important;align-content:start!important}
 .how4 .h4i{grid-row:1 / -1!important;align-self:start!important}
 .how4 li>b{grid-row:1!important;align-self:start!important}
 .how4 li>span:not(.h4i){grid-row:2!important}
}
/* Фокус с клавиатуры: шапка давно белая, а обводка в ней (и в полосе разделов) оставалась белой (v43, тёмная шапка) — не видна;
   на зелёном мерче и фиолетовом герое тёмная обводка сливалась с фоном → фиолетовая в шапке, золотая на тёмных блоках */
header :focus-visible,nav.chips :focus-visible{outline-color:var(--orchid,#6A2C91)!important}
.merch7 :focus-visible,.hero7 :focus-visible{outline-color:#FFC93C!important}
/* Оттенки одного цвета: сиреневые рамки двух токенов (#E7DCEF и #E6D9EF, разница 3 единицы) и светлый текст на фиолетовом (#E6D6F2 в герое и #E6D9F2
   в подвале) — по одному значению; подпись логотипа взяла существующий тон #D9C3EA (вместо нового #DCCBEE) */
:root{--line:#E6D9EF}
.hero7 .h7-src{color:#E6D9F2!important}
/* «Где мой заказ» → «Фото вашей посылки»: 3 фото по 104 px не помещались в строку на телефоне (2 + 1 «сирота») → сетка из 3 равных квадратов */
.trk-ph>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));max-width:340px}
.trk-ph>div img{width:100%!important;height:auto!important;aspect-ratio:1;display:block}
/* Посадочные: «Частые вопросы» — строка вопроса 22 px высотой → зона нажатия 40 px (в пределах поля карточки, вёрстка не сдвигается) */
@media (max-width:640px){.seo-faq summary{padding-block:9px;margin-block:-9px}}

/* ===================== v74: оформление — город с подсказкой, пункт СДЭК списком, помощники полей, корзина ===================== */
.f .hint:empty{display:none}
.co .lbl{font-size:13px;font-weight:600}
.city-f{position:relative}
.city-sug{position:absolute;left:0;right:0;top:calc(100% - 2px);z-index:6;background:#fff;border:2px solid var(--orchid,#6A2C91);border-radius:12px;padding:4px;
 box-shadow:0 12px 32px rgba(40,20,60,.18);max-height:min(46vh,320px);overflow-y:auto;overscroll-behavior:contain}
.city-sug button{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;width:100%;text-align:left;border:0;background:none;border-radius:8px;padding:10px;min-height:44px;font:inherit;color:var(--ink)}
.city-sug button span{font-size:13px;color:var(--muted)}
.city-sug button[aria-selected="true"],.city-sug button:focus-visible{background:var(--gray);outline:none}
@media (hover:hover){.city-sug button:hover{background:var(--gray)}}
.city-sug p{margin:0;padding:8px 10px}
.co .fix{font-size:13px;line-height:1.35;color:var(--ink);background:#FFF6D6;border-radius:8px;padding:6px 10px;margin-top:-2px}
.co .fix .link,.pvz-sel .link,#pvzManual,#pvzChange{font-size:13px;padding:8px 0;min-height:40px}
.pvz-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pvz-h .btn{min-height:40px;padding:8px 14px;font-size:14px}
.pvz-list{display:grid;gap:6px;max-height:min(52vh,420px);overflow-y:auto;overscroll-behavior:contain;padding:2px}
.pvz-o{display:grid;gap:2px;text-align:left;width:100%;border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font:inherit;color:var(--ink);min-height:48px}
.pvz-o span{font-size:13px;color:var(--muted)}
.pvz-o:focus-visible{border-color:var(--orchid,#6A2C91);outline:none}
@media (hover:hover){.pvz-o:hover{border-color:var(--orchid,#6A2C91)}}
.pvz-sel{display:grid;gap:2px;border:2px solid var(--green);background:var(--green-l);border-radius:12px;padding:10px 12px}
.pvz-sel b::before{content:"✓ ";color:var(--green)}
.pvz-wait{margin:2px 0;color:var(--muted)}
#pvzQ{border:2px solid var(--line);border-radius:12px;padding:10px 12px;width:100%;font:inherit}
.co-ok{margin:0;font-size:14px;line-height:1.45;background:var(--green-l);border-radius:12px;padding:10px 12px}
.empty-cats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:16px}
.empty-cats .btn{min-height:40px;padding:8px 12px;font-size:13px}
.share-row{flex-wrap:wrap}
.share-row #contShop{flex-basis:100%}
@media (max-width:640px){
 #pvzQ{font-size:16px}
 .co-foot{padding-top:10px;gap:4px}
 .co-foot>.small{font-size:12px;line-height:1.35}
 .city-sug{max-height:40vh}
}
/* клавиатура телефона не закрывает поле: прокрутка формы оставляет место под липким подвалом с кнопкой */
.co input,.co .pvz-o{scroll-margin-bottom:180px;scroll-margin-top:72px}
@media (max-width:640px){#sheet.kb .co-foot>:not(#payBtn){display:none}#sheet.kb .co-foot{padding-block:6px}}
.city-f input{scroll-margin-top:100px}
.cart-pvz{margin:0;padding:0 2px}

/* v75: «Сообщить, когда снова появится» (товар «Закончилось в Таиланде»), «Повторить заказ» в пустой корзине */
.wait{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.wait>b{font-size:14px}
.wait-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.wait-r input{min-width:0;border:2px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;min-height:48px}
.wait-r input:focus-visible{border-color:var(--orchid,#6A2C91);outline:none}
.wait-c{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;font-size:12px;line-height:1.4;color:var(--muted)}
.wait-c input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--orchid,#6A2C91)}
.wait.ok{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:var(--green-l);border-color:transparent;font-size:14px}
.wait.ok .link{min-height:44px;padding:0 4px}
.empty .repeat{margin:0 auto 10px;max-width:360px;display:flex;justify-content:center;gap:6px;align-items:baseline}
.empty .repeat small{color:var(--muted);font-weight:500}
@media (max-width:640px){.wait-r input{font-size:16px}}

/* v75: «Где мой заказ» и кабинет — что изменилось (было → стало, с фото), вопрос «заменить или вернуть деньги?», «Нужно исправить», доплата, отмена */
.tr-care{display:grid;gap:12px;margin:0 0 14px}
.tr-box2{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff)}
.tr-box2 h3{margin:0;font-size:16px}
.tr-it{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center}
.tr-it img,.tr-noimg{width:56px;height:56px;border-radius:10px;object-fit:contain;background:var(--pic,#F6F5F2);border:1px solid var(--line)}
.tr-noimg{display:grid;place-items:center;font-size:22px}
.tr-it>span{display:grid;gap:3px;min-width:0}.tr-it b{font-size:14px;line-height:1.3}.tr-it small,.tr-it em{font-size:12px;color:var(--muted);font-style:normal}
.tr-it .btn{justify-self:start;min-height:44px;margin-top:2px}
.tr-c{display:grid;gap:6px;padding:8px 0;border-top:1px dashed var(--line)}.tr-c:first-of-type{border-top:0}
.tr-ct{font-size:13px}.tr-was .tr-it b{text-decoration:line-through;text-decoration-thickness:1px;color:var(--muted)}
.tr-c-remove .tr-was .tr-it b{text-decoration:none;color:inherit}
.tr-ref{margin:4px 0 0;font-size:14px}.tr-left summary{cursor:pointer;min-height:32px}.tr-left .tr-it{margin-top:6px}
.tr-fix{display:grid;gap:8px}.tr-fixf{display:grid;gap:8px;margin-top:4px}.tr-fixf .f{margin:0}
.tr-fixf input{width:100%;min-height:48px;border:2px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;background:#fff;color:inherit}
.tr-fixf input[aria-invalid=true]{border-color:var(--red-d,#B3261E)}
.ok-t{color:var(--green-d,#1D7A45);font-weight:600;margin:0}
.tr-cancel{line-height:1.5}
.my-orders .attn{grid-column:1/-1;justify-self:start;border:0;background:var(--red-l,#FDE5E6);color:var(--red-d,#B3261E);border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;font-weight:600;min-height:36px;cursor:pointer}
#trackErr .btn{margin-top:6px}
@media (max-width:640px){.tr-fixf input{font-size:16px}}