/* BAO delivery — дизайн-система сайта (Claude Design, октябрь 2026).
   «Неоновый бар у бамбуковой пароварки»: день (меню, корзина) — рисовый фон, еда крупно;
   ночь (hero, рестораны, бонусы, статус) — нори + неон. Неон (--neon) — только на тёмном.
   Префикс классов b-. Страницы со своими стилями держат их в public/bao/css/<страница>.css. */
:root{
	--lime:#B6C73F;--lime-press:#A3B32F;--neon:#D4F53C;--lime-ink:#5B6614;--lime-tint:#F4F7DF;--lime-tint-ink:#3B4410;
	--ink:#15140F;--ink-2:#2C2A23;--nori:#0F1A14;--nori-raised:#17241C;
	--rice:#F6F3EC;--paper:#FFFFFF;--bamboo:#E9DFC9;--bamboo-rim:#EFE8D8;--line:#D9D3C5;--line-soft:#F0EBE0;
	--muted:#6B675F;--muted-2:#8A857A;--text-2:#3D3A33;
	--chili:#E5452D;--chili-ink:#B02E19;--chili-tint:#FCE3DE;--yolk:#F4B63B;--veg-tint:#E4EBC2;--veg-ink:#4A5410;
	--font-display:"Unbounded",system-ui,sans-serif;--font-text:"Inter",system-ui,sans-serif;--font-glyph:"Noto Sans JP",sans-serif;
	--r-chip:8px;--r-card:16px;--r-sheet:24px;--r-pill:999px;
	--shadow-card:0 1px 2px rgba(21,20,15,.06),0 8px 24px rgba(21,20,15,.08);
	--shadow-pop:0 24px 64px rgba(15,26,20,.28);
	--glow:0 0 24px rgba(212,245,60,.45);
	--skew:skewX(-28deg);
	--ease:cubic-bezier(.2,.7,.3,1);--dur:200ms;
	--header-h:64px;--gutter:16px;
}
@media (min-width:960px){:root{--header-h:76px;--gutter:24px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 64px)}
body{margin:0;background:var(--rice);color:var(--ink);font:400 16px/24px var(--font-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.b-lock{overflow:hidden}
img,svg{max-width:100%}
img{display:block}
a{color:var(--lime-ink);text-decoration:none}
a:hover{color:var(--ink)}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
input,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
[hidden]{display:none!important}
.b-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.b-ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.b-ico--sm{width:18px;height:18px}
.b-nums,.b-price{font-variant-numeric:tabular-nums;white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- раскладка ---------- */
.b-wrap{width:100%;max-width:calc(1200px + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
/* только верх/низ: эти классы ставят вместе с .b-wrap, боковые поля — его */
.b-section{padding-top:32px;padding-bottom:32px}
.b-page{padding-top:16px;padding-bottom:120px}
@media (min-width:960px){.b-section{padding-top:56px;padding-bottom:56px}.b-page{padding-top:32px;padding-bottom:96px}}
.b-stack{display:flex;flex-direction:column;gap:16px}
.b-row{display:flex;align-items:center;gap:12px}
.b-between{display:flex;align-items:center;justify-content:space-between;gap:12px}

/* ночь: hero, рестораны, бонусы, статус */
.b-night{background:var(--nori);color:#fff;position:relative;overflow:hidden}
.b-night a:not(.b-btn){color:var(--neon)}
.b-night .b-muted{color:rgba(255,255,255,.72)}
.b-neon{color:var(--neon);text-shadow:0 0 28px rgba(212,245,60,.55)}
/* иероглиф-суперграфика: всегда за контентом, 6–12% */
.b-glyph{position:absolute;pointer-events:none;user-select:none;font:900 420px/1 var(--font-glyph);color:rgba(212,245,60,.06);z-index:0}
.b-glyph--light{color:rgba(182,199,63,.12)}
.b-night>.b-wrap,.b-rel{position:relative;z-index:1}

/* ---------- типографика ---------- */
.b-display{font:800 40px/44px var(--font-display);letter-spacing:-.01em;text-wrap:balance}
.b-h1{font:800 32px/36px var(--font-display);text-wrap:balance}
.b-h2{font:800 24px/28px var(--font-display);text-wrap:balance}
.b-h3{font:700 18px/24px var(--font-display)}
@media (min-width:960px){.b-display{font-size:72px;line-height:76px}.b-h1{font-size:48px;line-height:52px}.b-h2{font-size:32px;line-height:36px}}
.b-small{font:500 14px/20px var(--font-text)}
.b-caption{font:500 12px/16px var(--font-text)}
.b-muted{color:var(--muted)}
.b-lead{font:400 18px/28px var(--font-text)}
/* штрих-палочка: маркер заголовка, угол как у палочки в логотипе */
.b-stroke{display:block;width:36px;height:6px;background:var(--lime);transform:var(--skew)}
.b-title{display:flex;flex-direction:column;gap:8px}
.b-title::before{content:"";width:36px;height:6px;background:var(--lime);transform:var(--skew)}
.b-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.b-head a{font:600 15px var(--font-text);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}

/* ---------- кнопки ---------- */
.b-btn{--h:48px;height:var(--h);padding:0 22px;border-radius:var(--r-pill);background:var(--lime);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px var(--font-text);white-space:nowrap;text-decoration:none;transition:background var(--dur) var(--ease),transform 120ms var(--ease);position:relative;-webkit-tap-highlight-color:transparent}
.b-btn:hover{background:var(--lime-press);color:var(--ink)}
.b-btn:active{transform:scale(.97);box-shadow:inset 0 2px 4px rgba(21,20,15,.2)}
.b-btn--dark{background:var(--ink);color:#fff}
.b-btn--dark:hover{background:var(--ink-2);color:#fff}
.b-btn--dark:active{background:#000}
.b-btn--ghost{background:transparent;border:1.5px solid var(--ink)}
.b-btn--ghost:hover{background:var(--rice)}
.b-btn--ghost:active{background:var(--bamboo)}
.b-btn--neon{background:transparent;border:1.5px solid var(--neon);color:var(--neon);box-shadow:0 0 16px rgba(212,245,60,.25)}
.b-btn--neon:hover{background:rgba(212,245,60,.08);color:var(--neon)}
.b-btn--sm{--h:40px;padding:0 16px;font-size:14px}
.b-btn--lg{--h:56px;padding:0 28px;font-size:16px}
.b-btn--block{width:100%}
.b-btn:disabled,.b-btn.is-disabled{background:var(--bamboo);color:var(--muted-2);border-color:transparent;box-shadow:none;cursor:not-allowed;transform:none}
.b-btn--ghost:disabled{background:transparent;border-color:var(--line)}
.b-btn.is-loading{color:transparent!important;pointer-events:none}
.b-btn.is-loading::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2.5px solid var(--ink);border-top-color:transparent;animation:b-spin .8s linear infinite}
.b-btn--dark.is-loading::after{border-color:#fff;border-top-color:transparent}
@keyframes b-spin{to{transform:rotate(360deg)}}
.b-iconbtn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--ink);position:relative;transition:background var(--dur)}
.b-iconbtn:hover{background:var(--bamboo-rim);color:var(--ink)}
.b-link{font:600 15px var(--font-text);color:var(--lime-ink);text-decoration:underline;text-underline-offset:3px}

/* «+» → степпер на месте */
.b-add{width:44px;height:44px;border-radius:50%;background:var(--lime);display:grid;place-items:center;flex:none;color:var(--ink);transition:background var(--dur)}
.b-add:hover{background:var(--lime-press)}
.b-add:active{transform:scale(.94)}
.b-step{display:inline-flex;align-items:center;height:44px;border-radius:var(--r-pill);background:var(--lime);flex:none}
.b-step button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}
.b-step button:hover{background:rgba(21,20,15,.08)}
.b-step b{min-width:20px;text-align:center;font:700 15px var(--font-text);font-variant-numeric:tabular-nums}
.b-step--sm{height:36px}
.b-step--sm button{width:36px;height:36px}
.b-step--light{background:var(--rice)}
.b-pill{height:28px;padding:0 10px;border-radius:var(--r-pill);display:inline-grid;place-items:center;font:600 12px var(--font-text);white-space:nowrap;background:var(--bamboo-rim);color:var(--muted)}
.b-pill--dark{background:var(--ink);color:#fff}

/* ---------- поля ---------- */
.b-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.b-field>span:first-child{font:500 13px var(--font-text);color:var(--text-2)}
.b-input,.b-select,.b-textarea{width:100%;height:52px;border-radius:var(--r-chip);border:1.5px solid var(--line);background:var(--paper);padding:0 14px;font:500 15px var(--font-text);outline:none;transition:border-color var(--dur),box-shadow var(--dur);-webkit-appearance:none;appearance:none}
.b-textarea{height:auto;min-height:88px;padding:12px 14px;resize:vertical;line-height:22px}
.b-select{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315140F' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/20px;padding-right:40px}
.b-input::placeholder,.b-textarea::placeholder{color:var(--muted-2);font-weight:400}
.b-input:focus,.b-select:focus,.b-textarea:focus{border:2px solid var(--ink);box-shadow:0 0 0 4px rgba(182,199,63,.35);padding-left:13.5px}
.b-field.is-error .b-input,.b-input.is-error{border:2px solid var(--chili)}
.b-field.is-valid .b-input{border:2px solid var(--lime)}
.b-field__msg{font:500 13px/18px var(--font-text);color:var(--muted)}
.b-field.is-error .b-field__msg{color:var(--chili-ink)}
.b-field.is-valid .b-field__msg{color:var(--lime-tint-ink)}
.b-grid-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.b-check{display:flex;align-items:center;gap:10px;font:500 15px var(--font-text);cursor:pointer;min-height:44px}
.b-check input{width:22px;height:22px;accent-color:var(--ink);margin:0;flex:none}

/* ---------- чипы, сегменты, теги ---------- */
.b-chips{display:flex;flex-wrap:wrap;gap:8px}
.b-chip{height:36px;padding:0 14px;border-radius:var(--r-chip);background:var(--rice);display:inline-flex;align-items:center;gap:6px;font:600 13px var(--font-text);white-space:nowrap;transition:background var(--dur)}
.b-chip:hover{background:var(--bamboo-rim)}
.b-chip.is-active{background:var(--ink);color:#fff}
.b-chip.is-disabled{color:var(--muted-2);pointer-events:none}
.b-seg{display:flex;padding:4px;border-radius:var(--r-pill);background:var(--bamboo);gap:4px}
.b-seg button,.b-seg a{flex:1;height:40px;border-radius:var(--r-pill);font:600 14px var(--font-text);display:grid;place-items:center;color:var(--ink);white-space:nowrap;padding:0 14px}
.b-seg .is-active{background:var(--paper);box-shadow:0 1px 3px rgba(21,20,15,.12)}
.b-tag{height:22px;padding:0 8px;border-radius:var(--r-pill);font:700 12px/22px var(--font-text);display:inline-block;white-space:nowrap}
.b-tag--hit{background:var(--yolk)}
.b-tag--new{background:var(--lime)}
.b-tag--veg{background:var(--veg-tint);color:var(--veg-ink)}
.b-tag--sale{background:var(--chili-tint);color:var(--chili-ink)}
.b-tag--time{background:var(--ink);color:#fff}
.b-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-card);font:500 14px/20px var(--font-text)}
.b-note .b-ico{margin-top:-1px}
.b-note--ok{background:var(--lime-tint);color:var(--lime-tint-ink)}
.b-note--bad{background:var(--chili-tint);color:#5E1A0F}
.b-note--bad .b-ico{color:var(--chili)}
.b-note--info{background:var(--bamboo-rim);color:var(--text-2)}

/* ---------- карточки ---------- */
.b-card{background:var(--paper);border-radius:var(--r-card);padding:20px}
.b-card--flat{padding:0;overflow:hidden}
.b-ncard{background:var(--nori-raised);border-radius:var(--r-card);padding:20px;color:#fff}
/* круг пароварки: белые фото тарелок через multiply «стоят» в пароварке */
.b-steam{position:relative;border-radius:50%;background:var(--bamboo);box-shadow:inset 0 0 0 6px var(--bamboo-rim);display:grid;place-items:center;overflow:hidden;flex:none;aspect-ratio:1}
.b-steam img{width:92%;height:92%;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}
.b-steam.b-noimg::after,.b-steam:empty::after{content:attr(data-glyph);font:900 clamp(24px,38%,56px)/1 var(--font-glyph);color:rgba(21,20,15,.16)}
.b-steam:not([data-glyph]).b-noimg::after,.b-steam:not([data-glyph]):empty::after{content:"包"}
.b-steam.b-noimg img{display:none}

/* ---------- товар: мобилка — строка 104 px, десктоп — карточка в сетке ---------- */
.b-prods{display:grid;gap:12px}
.b-prod{display:flex;gap:14px;padding:12px;background:var(--paper);border-radius:var(--r-card);cursor:pointer;position:relative;transition:box-shadow var(--dur) var(--ease);text-align:left;width:100%}
.b-prod:hover{box-shadow:var(--shadow-card)}
.b-prod__pic{width:104px;height:104px}
.b-prod__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.b-prod__meta{display:flex;gap:4px;align-items:center;flex-wrap:wrap;min-height:20px;font:500 12px/20px var(--font-text);color:var(--muted)}
.b-prod__meta .b-tag{height:20px;line-height:20px;font-size:11px;padding:0 7px}
.b-prod__fav{margin:-12px -12px 0 auto;width:44px;height:44px;display:grid;place-items:center;color:var(--muted)}
.b-prod__fav.is-on{color:var(--chili)}
.b-prod__name{font:600 15px/20px var(--font-text);color:var(--ink)}
.b-prod__desc{font:400 13px/18px var(--font-text);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b-prod__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;min-height:44px;gap:8px}
.b-prod__price{display:flex;gap:6px;align-items:baseline;font:700 15px var(--font-text)}
.b-prod__price s{font:400 13px var(--font-text);color:var(--muted)}
.b-prod.is-sale .b-prod__price b{color:var(--chili-ink)}
.b-prod.is-off{cursor:default}
.b-prod.is-off .b-steam{background:#EDEAE3}
.b-prod.is-off .b-steam img{filter:grayscale(1) opacity(.45)}
.b-prod.is-off .b-prod__name,.b-prod.is-off .b-prod__price{color:var(--muted)}
@media (min-width:640px){.b-prods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){
	.b-prods{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
	.b-prod{flex-direction:column;padding:16px;gap:12px}
	.b-prod__pic{width:100%;height:auto;max-width:220px;margin:0 auto}
	.b-prod__fav{position:absolute;top:12px;right:12px;margin:0;background:rgba(255,255,255,.9);border-radius:50%}
	.b-prod__name{font-size:16px;line-height:22px}
}

/* ---------- шапка ---------- */
.b-header{position:sticky;top:0;z-index:50;background:rgba(246,243,236,.94);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);transition:box-shadow var(--dur)}
.b-header.is-scrolled{box-shadow:0 1px 0 var(--line-soft),0 8px 24px rgba(21,20,15,.06)}
.b-header__in{height:var(--header-h);display:flex;align-items:center;gap:8px}
.b-logo{display:flex;align-items:center;flex:none;margin-right:4px}
.b-logo img{height:40px;width:auto}
.b-city{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 10px;border-radius:var(--r-pill);font:600 14px var(--font-text);color:var(--ink)}
.b-city:hover{background:var(--bamboo-rim)}
.b-city .b-ico{width:16px;height:16px}
.b-nav{display:none;gap:4px;margin-left:12px}
.b-nav a{height:40px;padding:0 14px;display:inline-flex;align-items:center;font:600 15px var(--font-text);color:var(--ink);position:relative}
.b-nav a.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:4px;background:var(--lime);transform:var(--skew)}
.b-header__end{margin-left:auto;display:flex;align-items:center;gap:4px}
.b-cartbtn{display:none}
.b-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--lime);color:var(--ink);font:700 11px/18px var(--font-text);text-align:center;transform:scale(0);transition:transform 250ms var(--ease)}
.b-badge.is-on{transform:scale(1)}
.b-bump{animation:b-bump 250ms ease-out}
@keyframes b-bump{50%{transform:scale(1.35)}}
.b-fly{position:fixed;z-index:200;pointer-events:none}
.b-fly div{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;position:static!important}
.b-fly .b-steam{box-shadow:inset 0 0 0 6px var(--bamboo-rim),0 10px 28px rgba(15,26,20,.22)}
.b-land{animation:b-land .35s var(--ease)}
@keyframes b-land{40%{transform:scale(1.12)}}
@media (min-width:960px){
	.b-logo img{height:48px}
	.b-nav{display:flex}
	.b-cartbtn{display:inline-flex;height:44px;padding:0 18px;border-radius:var(--r-pill);background:var(--lime);color:var(--ink);align-items:center;gap:8px;font:700 15px var(--font-text);margin-left:8px;white-space:nowrap}
	.b-cartbtn:hover{background:var(--lime-press);color:var(--ink)}
	.b-cartbtn b{font-variant-numeric:tabular-nums}
	.b-cartbtn.is-empty{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
	.b-header__end [data-cart-link]{display:none}
	.b-burger{display:none}
}
/* тихая плашка города под шапкой */
.b-plaque{background:var(--paper);border-bottom:1px solid var(--line-soft)}
.b-plaque__in{display:flex;align-items:center;gap:12px;min-height:52px;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;font:500 14px var(--font-text)}
.b-plaque__in b{font-weight:700}
.b-plaque__btns{display:flex;gap:8px;margin-left:auto}

/* мобильное меню (шторка слева, ночь) */
.b-drawer{position:fixed;inset:0;z-index:90;visibility:hidden;transition:visibility 0s .3s}
.b-drawer.is-open{visibility:visible;transition:none}
.b-drawer__bg{position:absolute;inset:0;background:rgba(15,26,20,.5);opacity:0;transition:opacity .3s}
.b-drawer.is-open .b-drawer__bg{opacity:1}
.b-drawer__box{position:absolute;top:0;bottom:0;left:0;width:min(86vw,360px);background:var(--nori);color:#fff;padding:12px 20px 24px;display:flex;flex-direction:column;gap:4px;transform:translateX(-100%);transition:transform .3s var(--ease);overflow-y:auto}
.b-drawer.is-open .b-drawer__box{transform:none}
.b-drawer__box>a{color:#fff;font:700 18px/24px var(--font-display);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.b-drawer__box>a:hover{color:var(--neon)}
.b-drawer__box .b-iconbtn{color:#fff;align-self:flex-end}
.b-drawer__box .b-iconbtn:hover{background:rgba(255,255,255,.08)}
.b-drawer__foot{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px}

/* ---------- вкладки категорий (sticky, scroll-spy) ---------- */
.b-tabs{position:sticky;top:var(--header-h);z-index:40;background:rgba(246,243,236,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.b-tabs .b-wrap{position:relative}
.b-tabs__in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px 0}
.b-tabs__in::-webkit-scrollbar{display:none}
.b-tabs__in a{flex:none;height:40px;padding:0 14px;display:inline-flex;align-items:center;font:600 14px var(--font-text);color:var(--muted);white-space:nowrap;position:relative;border-radius:var(--r-chip)}
.b-tabs__in a:hover{color:var(--ink)}
.b-tabs__in a.is-active{color:var(--ink)}
.b-tabs__in a.is-active::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:4px;background:var(--lime);transform:var(--skew)}
.b-tabs__more{position:absolute;right:var(--gutter);top:0;bottom:0;width:64px;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(90deg,rgba(246,243,236,0),var(--rice) 55%);pointer-events:none;color:var(--muted)}
.b-tabs.is-end .b-tabs__more{display:none}

/* ---------- мини-корзина: sticky-бар, неоновый прогресс до бесплатной доставки ---------- */
.b-minicart{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;transform:translateY(160%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s}
.b-minicart.is-on{transform:none;visibility:visible;transition:transform .3s var(--ease)}
.b-minicart>a{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-radius:var(--r-card);background:var(--nori);color:#fff;box-shadow:var(--shadow-pop)}
.b-minicart>a:hover{color:#fff}
.b-minicart__row{display:flex;align-items:center;gap:10px;font:600 15px var(--font-text)}
.b-minicart__row .b-ico{color:var(--neon)}
.b-minicart__row b{margin-left:auto;font:800 17px var(--font-display);color:var(--neon);font-variant-numeric:tabular-nums}
.b-minicart__hint{font:500 12px/16px var(--font-text);color:rgba(255,255,255,.72)}
.b-progress{height:4px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.b-progress i{display:block;height:100%;width:0;background:var(--neon);box-shadow:var(--glow);border-radius:2px;transition:width .4s var(--ease)}
.b-progress--light{background:var(--bamboo)}
.b-progress--light i{background:var(--lime);box-shadow:none}
@media (min-width:960px){.b-minicart{display:none}}

/* ---------- модалка / нижний шит ---------- */
.b-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;transition:visibility 0s .3s}
.b-modal.is-open{visibility:visible;transition:none}
.b-modal__bg{position:absolute;inset:0;background:rgba(15,26,20,.55);opacity:0;transition:opacity .3s}
.b-modal.is-open .b-modal__bg{opacity:1}
.b-sheet{position:relative;width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:28px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s var(--ease)}
.b-modal.is-open .b-sheet{transform:none}
.b-sheet__close{position:absolute!important;top:8px;right:8px;z-index:3;background:var(--paper)}
.b-sheet__grab{position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--line)}
.b-sheet__foot{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));z-index:2;margin:16px -16px calc(-16px - env(safe-area-inset-bottom));padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -1px 0 var(--line-soft)}
@media (min-width:640px){
	.b-modal{align-items:center;padding:24px}
	.b-sheet{max-width:480px;border-radius:var(--r-sheet);padding:32px;transform:translateY(24px) scale(.98);opacity:0;transition:transform .3s var(--ease),opacity .3s}
	.b-modal.is-open .b-sheet{transform:none;opacity:1}
	.b-sheet--wide{max-width:880px}
	.b-sheet__grab{display:none}
	.b-sheet__foot{bottom:-32px;margin:24px -32px -32px;padding:16px 32px 24px}
}

/* ---------- тост ---------- */
.b-toast{position:fixed;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));z-index:200;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease);width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-card);background:var(--ink);color:#fff;font:500 14px/20px var(--font-text);box-shadow:var(--shadow-pop)}
.b-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.b-toast .b-ico{color:var(--neon)}
.b-toast button{margin-left:8px;font-weight:600;color:var(--neon)}
.b-toast.is-bad{background:var(--chili-tint);color:#5E1A0F}
.b-toast.is-bad .b-ico{color:var(--chili)}
@media (min-width:960px){.b-toast{bottom:32px}}

/* ---------- скелетон, пусто, ошибка ---------- */
.b-skel{background:var(--bamboo-rim);border-radius:6px;animation:b-pulse 1.4s ease-in-out infinite}
@keyframes b-pulse{50%{opacity:.55}}
.b-empty{padding:32px 22px;border-radius:var(--r-card);background:var(--paper);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.b-empty__glyph{width:72px;height:72px;border-radius:50%;background:var(--bamboo);box-shadow:inset 0 0 0 5px var(--bamboo-rim);display:grid;place-items:center;font:900 30px var(--font-glyph);color:rgba(21,20,15,.18);margin-bottom:4px}
.b-empty b{font:700 17px/22px var(--font-display)}
.b-empty p{font:400 14px/20px var(--font-text);color:var(--muted);max-width:340px}
.b-empty .b-btn{margin-top:8px}

/* ---------- сводка заказа ---------- */
.b-sum{display:flex;flex-direction:column;gap:10px;font:500 15px/20px var(--font-text)}
.b-sum>div{display:flex;justify-content:space-between;gap:12px}
.b-sum>div>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.b-sum .is-total{padding-top:12px;border-top:1px solid var(--line-soft);font:800 20px/24px var(--font-display)}
.b-sum .is-disc>span:last-child{color:var(--chili-ink)}

/* ---------- футер ---------- */
.b-footer{background:var(--nori);color:rgba(255,255,255,.82);padding:48px 0 calc(120px + env(safe-area-inset-bottom));position:relative;overflow:hidden}
.b-footer__grid{display:grid;gap:32px;position:relative;z-index:1}
.b-footer h4{font:700 15px var(--font-display);color:#fff;margin-bottom:12px}
.b-footer ul{display:flex;flex-direction:column;gap:8px}
.b-footer a{color:rgba(255,255,255,.82);font:500 15px var(--font-text)}
.b-footer a:hover{color:var(--neon)}
.b-footer__logo{height:48px;width:auto;filter:invert(1)}
.b-footer__phone{font:800 22px var(--font-display);color:var(--neon)!important;white-space:nowrap}
.b-footer__bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:12px 24px;font:500 13px var(--font-text);color:rgba(255,255,255,.55);position:relative;z-index:1}
.b-footer__bottom a{font-size:13px;color:rgba(255,255,255,.55)}
.b-stores{display:flex;gap:10px;flex-wrap:wrap}
.b-store{height:44px;padding:0 16px;border-radius:var(--r-pill);border:1.5px solid rgba(255,255,255,.24);display:inline-flex;align-items:center;gap:8px;color:#fff!important;font:600 14px var(--font-text)}
.b-store:hover{border-color:var(--neon)}
@media (min-width:960px){.b-footer{padding-bottom:40px}.b-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}

/* ---------- карточка товара в шите ---------- */
.b-pm__pic{width:min(280px,72vw);margin:0 auto 16px}
.b-pm__name{font:800 22px/28px var(--font-display);padding-right:36px}
.b-pm__w{font:500 13px var(--font-text);color:var(--muted);margin-top:4px}
.b-pm__desc{font:400 15px/22px var(--font-text);color:var(--text-2);margin-top:10px;white-space:pre-line}
.b-mgroup{margin:20px 0 0;border:0;padding:0;min-width:0}
.b-mgroup__h{width:100%;padding:0;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font:700 15px var(--font-text)}
.b-mgroup__h .b-pill{height:22px;font-size:11px}
.b-mgroup.is-error .b-mgroup__h .b-pill{background:var(--chili-tint);color:var(--chili-ink)}
.b-mopt{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 0;border-bottom:1px solid var(--line-soft);cursor:pointer;font:500 15px var(--font-text)}
.b-mopt input{width:22px;height:22px;accent-color:var(--ink);margin:0;flex:none}
.b-mopt span:last-child{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.b-pm__foot{display:flex;gap:12px;align-items:center}
.b-pm__foot .b-btn{flex:1}
@media (min-width:640px){
	.b-pm{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
	.b-pm__pic{width:100%;margin:0;position:sticky;top:0}
}

/* ---------- главная ---------- */
.b-stories{padding:12px 0 4px}
.b-stories__in{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}
.b-stories__in::-webkit-scrollbar{display:none}
.b-story{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:6px}
.b-story__ring{width:72px;height:72px;border-radius:50%;padding:3px;background:var(--lime);display:block}
.b-story__ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--rice)}
.b-story__n{font:500 12px/16px var(--font-text);text-align:center;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-hero{margin-top:12px}
.b-hero__in{display:grid;gap:24px;padding-top:40px;padding-bottom:40px;align-items:center}
.b-hero__text{display:flex;flex-direction:column;gap:16px}
.b-hero__eyebrow{font:600 13px var(--font-text);color:var(--neon);letter-spacing:.04em}
.b-hero__pic{position:relative;width:min(340px,80vw);justify-self:center}
.b-hero__pic .b-steam{box-shadow:inset 0 0 0 10px var(--bamboo-rim),0 0 0 1.5px rgba(212,245,60,.35),var(--glow)}
.b-hero__tag{position:absolute;left:-8px;bottom:12px;display:flex;flex-direction:column;padding:10px 14px;border-radius:var(--r-card);background:var(--nori-raised);border:1.5px solid var(--neon);box-shadow:0 0 16px rgba(212,245,60,.25);color:#fff!important;max-width:220px}
.b-hero__tag b{font:600 14px/18px var(--font-text)}
.b-hero__tag span{font:800 16px var(--font-display);color:var(--neon)}
@media (min-width:960px){
	.b-hero{margin:24px auto 0;max-width:calc(1200px + 48px);border-radius:var(--r-sheet)}
	.b-hero__in{grid-template-columns:1.15fr .85fr;padding:72px 56px;gap:48px}
	.b-hero__pic{width:420px}
}
.b-terms{display:grid;gap:8px;margin-top:16px}
.b-terms li{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--paper);border-radius:var(--r-card)}
.b-terms li .b-ico{width:28px;height:28px;color:var(--lime-ink)}
.b-terms li span{display:flex;flex-direction:column}
.b-terms b{font:700 15px/20px var(--font-text)}
.b-terms small{font:500 13px var(--font-text);color:var(--muted)}
@media (min-width:640px){.b-terms{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}}
.b-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.b-cats__i{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:var(--r-card);background:var(--paper);color:var(--ink);font:600 13px/18px var(--font-text);text-align:center;transition:box-shadow var(--dur)}
.b-cats__i:hover{box-shadow:var(--shadow-card);color:var(--ink)}
.b-cats__i .b-steam{width:72px}
@media (min-width:640px){.b-cats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:960px){.b-cats{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.b-cats__i{font-size:14px;padding:16px 8px}.b-cats__i .b-steam{width:96px}}
.b-places{display:grid;gap:12px}
.b-place{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.b-place b{font:700 17px/22px var(--font-display)}
.b-place .b-btn{margin-top:8px}
.b-place__st{font:600 12px var(--font-text);color:rgba(255,255,255,.6);display:inline-flex;align-items:center;gap:6px}
.b-place__st::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}
.b-place__st.is-open{color:var(--neon)}
.b-place__st.is-open::before{background:var(--neon);box-shadow:0 0 8px var(--neon)}
@media (min-width:640px){.b-places{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.b-places{grid-template-columns:repeat(3,1fr);gap:24px}}
/* просмотр сторис */
.b-storyview{align-items:center;padding:0}
.b-storyview__box{position:relative;width:min(100vw,440px);height:min(100dvh,780px);background:#000;border-radius:0;overflow:hidden;transform:scale(.96);opacity:0;transition:transform .25s var(--ease),opacity .25s}
.b-modal.is-open .b-storyview__box{transform:none;opacity:1}
.b-storyview__box img{width:100%;height:100%;object-fit:contain}
.b-storyview__bars{position:absolute;top:10px;left:10px;right:56px;display:flex;gap:4px;z-index:2}
.b-storyview__bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.b-storyview__bars b{display:block;height:100%;width:0;background:#fff}
.b-storyview__bars .is-done b{width:100%}
.b-storyview__bars .is-on b{animation:b-storybar 5s linear forwards}
@keyframes b-storybar{to{width:100%}}
.b-storyview__close{position:absolute!important;top:2px;right:4px;z-index:3;color:#fff}
.b-storyview__close:hover{background:rgba(255,255,255,.12)}
.b-storyview__nav{position:absolute;top:0;bottom:0;width:40%;z-index:1}
.b-storyview__nav.is-prev{left:0}
.b-storyview__nav.is-next{right:0;width:60%}
@media (min-width:640px){.b-storyview__box{border-radius:var(--r-sheet)}}

/* ---------- меню ---------- */
.b-cat-top{padding-top:20px;padding-bottom:8px}
.b-cat-groups{min-width:min(100%,360px)}
.b-cat{padding:20px 0 8px}
.b-cat__h{margin-bottom:14px}
@media (min-width:960px){.b-cat-top{padding-top:36px}.b-cat{padding-top:36px}.b-cat__h{margin-bottom:20px}}

/* ---------- корзина ---------- */
.b-cart{display:grid;gap:16px;align-items:start}
.b-cart>*{min-width:0}
.b-cart__list{padding:4px 16px}
.b-cline{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.b-cline:last-child{border-bottom:0}
.b-cline .b-steam{width:64px;box-shadow:inset 0 0 0 4px var(--bamboo-rim)}
.b-cline__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.b-cline__name{font:600 15px/20px var(--font-text);text-align:left;color:var(--ink)}
.b-cline__body small{font:400 13px/18px var(--font-text);color:var(--muted)}
.b-cline__body .b-price{font:700 15px var(--font-text);margin-top:2px}
.b-upsell{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;max-width:100%}
.b-upsell::-webkit-scrollbar{display:none}
.b-upsell__i{flex:none;width:156px;background:var(--paper);border-radius:var(--r-card);padding:12px;display:flex;flex-direction:column;gap:8px}
.b-upsell__i .b-steam{width:88px;margin:0 auto}
.b-upsell__n{font:600 14px/18px var(--font-text);min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b-upsell__i .b-price{font:700 14px var(--font-text)}
.b-upsell__i .b-add{width:36px;height:36px}
.b-upsell__i .b-step{height:36px}
.b-upsell__i .b-step button{width:32px;height:36px}
.b-promo{display:flex;gap:8px;align-items:flex-start}
.b-promo .b-btn{margin-top:25px;height:52px}
@media (min-width:960px){
	.b-cart{grid-template-columns:minmax(0,1fr) 380px;gap:24px}
	.b-cart__side{position:sticky;top:calc(var(--header-h) + 16px)}
	.b-cart__list{padding:4px 24px}
}

/* ---------- движение: переходы между страницами, появление, микроанимации ---------- */
/* переходы между страницами — нативные View Transitions (Chrome 126+, Safari 18.2+): шапка и мини-корзина стоят, контент сменяется */
@view-transition{navigation:auto}
.b-header{view-transition-name:b-header}
.b-minicart{view-transition-name:b-minicart}
::view-transition-old(root){animation:b-vt-out .2s var(--ease) both}
::view-transition-new(root){animation:b-vt-in .38s var(--ease) both}
@keyframes b-vt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes b-vt-in{from{opacity:0;transform:translateY(14px)}}
/* браузер без переходов между документами — контент мягко проявляется при загрузке */
.b-novt main{animation:b-vt-in .45s var(--ease) both}

/* появление при прокрутке: [data-reveal] и дети [data-stagger] (bao.js добавляет .is-in); без JS всё видно */
.b-js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .65s var(--ease);transition-delay:var(--d,0s)}
.b-js [data-reveal].is-in{opacity:1;transform:none}

/* hero: строки по очереди, пароварка всплывает, неон «включается», над миской поднимается пар */
.b-hero__text>*{animation:b-rise .7s var(--ease) both}
.b-hero__text>:nth-child(2){animation-delay:.08s}
.b-hero__text>:nth-child(3){animation-delay:.16s}
.b-hero__text>:nth-child(4){animation-delay:.24s}
.b-hero .b-neon{animation:b-neon-on 1.6s .35s both}
.b-hero__pic .b-steam{animation:b-pop .9s .1s var(--ease) both}
.b-hero__tag{animation:b-rise .6s .7s var(--ease) both}
.b-hero__pic::before,.b-hero__pic::after{content:"";position:absolute;left:38%;top:6%;width:22%;height:46%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.22),rgba(255,255,255,0));filter:blur(10px);opacity:0;animation:b-steam 4.2s 1.2s ease-in-out infinite;pointer-events:none;z-index:2}
.b-hero__pic::after{left:52%;animation-delay:3.3s;width:18%}
@keyframes b-rise{from{opacity:0;transform:translateY(22px)}}
@keyframes b-pop{from{opacity:0;transform:scale(.86) rotate(-6deg)}}
@keyframes b-neon-on{0%,12%,18%,30%{opacity:.25;text-shadow:none}14%,24%,36%,100%{opacity:1;text-shadow:0 0 28px rgba(212,245,60,.55)}}
@keyframes b-steam{0%{opacity:0;transform:translateY(20%) scaleX(.8)}25%{opacity:.9}100%{opacity:0;transform:translateY(-70%) scaleX(1.3)}}
.b-glyph{animation:b-glyph-in 1.2s var(--ease) both}
@keyframes b-glyph-in{from{opacity:0;transform:translateY(30px)}}

/* карточки: лёгкий подъём, тарелка чуть поворачивается в пароварке */
.b-prod,.b-cats__i,.b-place,.b-terms li{transition:box-shadow var(--dur) var(--ease),transform .25s var(--ease)}
@media (hover:hover){
	.b-prod:hover,.b-cats__i:hover{transform:translateY(-3px)}
	.b-prod .b-steam img,.b-cats__i .b-steam img{transition:transform .5s var(--ease)}
	.b-prod:hover .b-steam img,.b-cats__i:hover .b-steam img{transform:rotate(-8deg) scale(1.04)}
	.b-place:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(212,245,60,.25),0 12px 32px rgba(0,0,0,.35)}
}
.b-prod:active{transform:scale(.99)}
/* «+» раскрывается в степпер, черта активной вкладки прочерчивается, иконка добавления подпрыгивает */
.b-step{animation:b-step-in .22s var(--ease)}
@keyframes b-step-in{from{opacity:.4;transform:scaleX(.6)}}
.b-tabs__in a.is-active::after,.b-nav a.is-active::after{animation:b-stroke-in .3s var(--ease) both;transform-origin:left}
@keyframes b-stroke-in{from{transform:var(--skew) scaleX(0)}to{transform:var(--skew) scaleX(1)}}
.b-add:active .b-ico{transform:rotate(90deg);transition:transform .2s var(--ease)}
.b-minicart b.b-bump{animation:b-bump 250ms ease-out}
/* кольцо сторис переливается лаймом и неоном */
.b-story__ring{background:conic-gradient(from var(--a,0deg),var(--lime),var(--neon),var(--lime-press),var(--lime));transition:transform .2s var(--ease)}
.b-story:hover .b-story__ring{transform:scale(1.05)}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
.b-story__ring{animation:b-ring 6s linear infinite}
@keyframes b-ring{to{--a:360deg}}
/* шит товара: содержимое догоняет шторку */
.b-modal.is-open .b-pm__pic{animation:b-pop .5s .05s var(--ease) both}
.b-modal.is-open .b-pm>div:last-child>*{animation:b-rise .45s var(--ease) both}
.b-modal.is-open .b-pm>div:last-child>:nth-child(2){animation-delay:.04s}
.b-modal.is-open .b-pm>div:last-child>:nth-child(3){animation-delay:.08s}
.b-modal.is-open .b-pm>div:last-child>:nth-child(n+4){animation-delay:.12s}

@media (prefers-reduced-motion:reduce){
	@view-transition{navigation:none}
	.b-js [data-reveal]{opacity:1;transform:none}
	.b-hero__pic::before,.b-hero__pic::after{display:none}
}

/* ---------- куда доставить: плашка, шит, подсказки адреса ---------- */
.b-wherebar{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;margin-top:12px;border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);text-align:left;font:500 14px/20px var(--font-text);color:var(--ink);transition:box-shadow var(--dur)}
.b-wherebar:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.b-wherebar>.b-ico{color:var(--lime-ink)}
.b-wherebar>span{flex:1;min-width:0}
.b-wherebar b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-wherebar small{display:block;font-size:12px;line-height:16px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-wherebar em{font-style:normal;font-weight:600;color:var(--lime-ink);white-space:nowrap}
.b-wherebar:not(.is-set){background:var(--lime-tint);box-shadow:inset 0 0 0 1.5px var(--lime)}
@media (min-width:960px){.b-wherebar{width:auto;max-width:560px}}
.b-where__search{display:flex;gap:8px;align-items:flex-end}
.b-where__search .b-btn{height:52px}
.b-where__list button{display:flex;gap:10px;align-items:flex-start;width:100%;padding:10px 6px;border-bottom:1px solid var(--line-soft);text-align:left;border-radius:8px}
.b-where__list button:hover,.b-where__list button.is-active{background:var(--lime-tint)}
.b-where__list b,.b-where__org b{display:block;font:600 15px/20px var(--font-text)}
.b-where__list small,.b-where__org small{display:block;color:var(--muted);font-size:13px;line-height:18px}
.b-where__list .b-ico,.b-where__org .b-ico{color:var(--lime-ink);margin-top:2px}
.b-where__orgs{display:flex;flex-direction:column;gap:8px}
.b-where__org{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-card);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;transition:box-shadow var(--dur),background var(--dur)}
.b-where__org:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink);background:var(--rice)}
.b-where__org input{width:20px;height:20px;accent-color:var(--ink);margin:0;flex:none}
.b-where__org>span:nth-of-type(1){flex:1;min-width:0}
/* сохранённые адреса — переносом, а не лентой: на телефоне лента резала адрес краем экрана */
.b-where [data-wsaved]{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
.b-where [data-wsaved] .b-chip{max-width:100%;height:auto;min-height:36px;padding:8px 12px;white-space:normal;text-align:left;line-height:18px}
.b-where [data-wsaved] .b-chip .b-ico{flex:none}
.b-where [data-wsaved] .b-chip.is-active .b-ico{color:var(--neon)}
.b-sugg-wrap{position:relative}
.b-sugg{position:absolute;left:0;right:0;top:100%;margin:4px 0 0;padding:6px;z-index:30;background:var(--paper);border-radius:12px;box-shadow:var(--shadow-pop);max-height:320px;overflow-y:auto;list-style:none;animation:b-rise .18s var(--ease)}
.b-sugg li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer}
.b-sugg li:hover,.b-sugg li.is-cur{background:var(--rice)}
.b-sugg li .b-ico{color:var(--lime-ink)}
.b-sugg li span{flex:1;min-width:0;display:flex;flex-direction:column}
.b-sugg b{font:600 15px/20px var(--font-text);color:var(--ink)}
.b-sugg small{font:400 12px/16px var(--font-text);color:var(--muted)}
.b-sugg em{font:600 12px var(--font-text);font-style:normal;color:var(--lime-ink);white-space:nowrap}
/* чипы одной строкой с прокруткой (сохранённые адреса в шите) */
.b-chips--row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
.b-chips--row::-webkit-scrollbar{display:none}
@media (min-width:640px){.b-chips--row{margin:0 -32px;padding:0 32px 2px}}
.b-sugg__hint{cursor:default!important;background:var(--lime-tint)!important}

/* ---------- поиск по меню ---------- */
.b-searchbtn span,.b-searchbtn kbd{display:none}
@media (min-width:1200px){
	.b-searchbtn{width:auto;display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 14px;border-radius:var(--r-pill);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--muted);font:500 14px var(--font-text);margin-right:4px;transition:box-shadow var(--dur),color var(--dur)}
	.b-searchbtn:hover{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
	.b-searchbtn span{display:inline;min-width:116px;text-align:left}
	.b-searchbtn kbd{display:inline-block;min-width:24px;height:24px;border-radius:6px;background:var(--rice);font:600 12px/24px var(--font-text);text-align:center;color:var(--muted)}
}
.b-modal--search .b-sheet{display:flex;flex-direction:column;height:100dvh;max-height:none;border-radius:0;padding:0;overflow:hidden;transform:translateY(12px);opacity:0;transition:transform .3s var(--ease),opacity .2s}
.b-modal--search.is-open .b-sheet{transform:none;opacity:1}
.b-search__bar{flex:none;display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line-soft)}
.b-search__field{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 16px;border-radius:var(--r-pill);background:var(--rice);cursor:text;transition:box-shadow var(--dur),background var(--dur)}
.b-search__field:focus-within{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink),0 0 0 4px rgba(182,199,63,.35)}
.b-search__field>.b-ico{flex:none;color:var(--muted)}
.b-search__in{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font:600 17px var(--font-text);color:var(--ink);-webkit-appearance:none;appearance:none}
.b-search__in::placeholder{color:var(--muted-2);font-weight:400}
.b-search__in::-webkit-search-cancel-button{display:none}
.b-search__x{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:background var(--dur)}
.b-search__x:hover{background:var(--bamboo-rim);color:var(--ink)}
.b-search__cancel{flex:none;height:44px;padding:0 4px;font:600 15px var(--font-text);color:var(--ink)}
.b-search__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px calc(24px + env(safe-area-inset-bottom))}
.b-search__h{margin:16px 0 10px;font:600 12px var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.b-search__list{display:flex;flex-direction:column;gap:2px;margin:0 -8px}
.b-sres{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-card);cursor:pointer;transition:background var(--dur);animation:b-sres-in .32s var(--ease) both;animation-delay:calc(var(--i, 0) * 22ms)}
.b-sres:hover{background:var(--rice)}
@keyframes b-sres-in{from{opacity:0;transform:translateY(8px)}}
.b-sres__pic{width:64px;box-shadow:inset 0 0 0 4px var(--bamboo-rim)}
.b-sres__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.b-sres__txt b{font:600 15px/20px var(--font-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b-sres__txt span{font:400 13px/18px var(--font-text);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-sres__txt em{margin-right:8px;font-style:normal;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.b-sres mark{background:linear-gradient(transparent 58%,rgba(182,199,63,.6) 0);color:inherit;border-radius:2px}
.b-sres [data-ctl]{flex:none}
.b-search .b-empty{margin-top:24px;background:var(--rice)}
@media (min-width:640px){
	.b-modal--search{align-items:flex-start;padding-top:10vh}
	.b-modal--search .b-sheet{height:auto;max-height:min(720px,80vh);max-width:640px;border-radius:var(--r-sheet);box-shadow:var(--shadow-pop)}
	.b-search__bar{padding:16px 20px}
	.b-search__body{padding:4px 20px 20px}
}