/* Природа чая — v10 «Тушь по бумаге · значки»: слой поверх style9.css (откат: убрать этот файл из index.html, вернуть design/v10/*.v9.*).
   1) единый набор штрих-значков (inline SVG, currentColor) в меню, подменю, табах, чипах и кнопках; иероглиф — малым акцентом справа.
   2) панель Лавки (.shopbar): «чернильные» табы + чипы групп, прилипает под топбаром. Обоснование — design/CONCEPT_v10.md. */

/* — главное меню: значок + название + иероглиф-акцент — */
.sidebar nav a{gap:12px}
.navicon .icon{width:24px;height:24px}
.navhz{margin-left:auto;font:400 19px/1 var(--kai);font-style:normal;color:var(--muted);opacity:.7;padding-right:2px}
nav a[aria-current] .navhz{color:var(--seal-ink);opacity:1}
.sidebar nav .subitems{grid-template-columns:auto auto;gap:0 12px;padding-left:44px}
.subitems a .icon{width:17px;height:17px;color:var(--ink2)}
.sidebar nav .subitems a{gap:7px}
.sidebar nav .subitems a[aria-current] .icon{color:var(--seal-ink)}
.bottomnav .navicon .icon{width:25px;height:25px}

/* — меню-свиток (телефон) — */
.menusheet li>a{display:inline-flex;align-items:center;gap:12px}
.menusheet li>a .icon{width:26px;height:26px;color:var(--ink2)}
.menusheet li>a[aria-current] .icon{color:var(--seal-ink)}
.menusheet li>a .navhz{margin-left:4px;font-size:20px;opacity:.55}
.menusub a{gap:7px}
.menusub a .icon{width:18px;height:18px}

/* — значки в кнопках, табах, чипах и переключателях — */
.segments button,button.chip{display:inline-flex;align-items:center;gap:8px}
.segments .icon,button.chip .icon{width:18px;height:18px}
.wq-opt{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.wq-opt .icon{width:18px;height:18px}
.wq-btn{display:inline-flex;align-items:center;gap:10px}
.wq-btn .icon{width:19px;height:19px;flex:none}
.textlink .icon{width:17px;height:17px}
.subnav a .icon{width:21px;height:21px;color:var(--muted)}
.subnav a[aria-current] .icon{color:var(--seal-ink)}
.subnav a:hover .icon{color:var(--ink)}
.settings-grid .secondary .icon,.settings-grid .secondary{gap:8px}

/* — Лавка: заголовок группы со значком — */
.phead-shop{grid-template-columns:minmax(0,1fr);margin-bottom:14px}
.sh-group h2>.icon{width:28px;height:28px;color:var(--ink2);align-self:center;flex:none}

/* — панель Лавки: прилипает под топбаром — */
.shopbar{position:sticky;top:64px;z-index:30;margin:0 -56px 8px;padding:0 56px;background:color-mix(in srgb,var(--paper) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 10px 14px -12px rgba(26,24,23,.32)}
.sb-row{display:flex;align-items:stretch;gap:18px}
.sb-tabs{display:flex;flex:1;min-width:0;gap:4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding:0 20px}
.sb-tabs::-webkit-scrollbar,.sb-groups::-webkit-scrollbar{display:none}
.sb-tab{position:relative;flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:10px;min-height:58px;padding:0 20px 0 0;margin-right:10px;text-decoration:none;color:var(--ink2);transition:color .25s}
.sb-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:4px;transition:background .25s,color .25s}
.sb-ic .icon{width:26px;height:26px}
.sb-name{font:500 22px/1 var(--serif)}
.sb-hz{font:400 18px/1 var(--kai);color:var(--muted);font-style:normal}
.sb-tab small{font:400 10.5px var(--mono);letter-spacing:.1em;color:var(--muted);align-self:flex-start;margin-top:17px}
.sb-tab:hover{color:var(--ink)}
.sb-tab[aria-current]{color:var(--ink)}
.sb-tab[aria-current] .sb-ic{background:var(--seal);color:var(--on-seal);filter:url(#rough)}
.sb-tab[aria-current] .sb-hz{color:var(--seal-ink)}
.sb-tab[aria-current]::after{content:"";position:absolute;left:0;right:10px;bottom:2px;height:6px;background:var(--fly) 0 50%/100% 100% no-repeat}
.sb-cart{flex:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;align-self:center;padding:0 0 0 18px;border-left:1px solid var(--line);text-decoration:none;color:var(--ink2);font:400 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.sb-cart .icon{width:22px;height:22px}
.sb-cart .cartn{position:static}
.sb-cart:hover,.sb-cart[aria-current]{color:var(--ink)}
.sb-cart[aria-current] .icon{color:var(--seal-ink)}
.sb-groups{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 0 12px}
.sb-chip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid var(--edge);border-radius:2px;background:transparent;color:var(--ink);font:400 14.5px var(--sans, inherit);transition:background .25s,color .25s,border-color .25s}

.sb-chip small{font:400 10.5px var(--mono);letter-spacing:.08em;color:var(--muted)}
.sb-chip:hover{border-color:var(--ink)}
.sb-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.sb-chip.active small{color:var(--paper)}
.sh-group{scroll-margin-top:150px}
.sh-group:first-of-type{margin-top:26px}
.sh-pphoto{top:150px}
.cart-total{top:150px}
:root[data-theme=night] .shopbar{box-shadow:0 10px 14px -12px rgba(0,0,0,.7)}

@media(max-width:1000px){
.shopbar{top:58px;margin:0 -20px 6px;padding:0 20px}
.sb-row{gap:10px}
.sb-tabs{gap:0;overflow:visible}
.sb-tab{flex:1;flex-direction:column;justify-content:center;gap:3px;min-height:60px;padding:6px 0 9px;margin:0}
.sb-ic{width:34px;height:30px}.sb-ic .icon{width:24px;height:24px}
.sb-name{font-size:15.5px}
.sb-hz,.sb-tab small{display:none}
.sb-tab[aria-current]::after{left:14%;right:14%;bottom:1px;height:5px}
.sb-cart{padding-left:10px}
.sb-cart span{display:none}
.sb-groups{scroll-snap-type:x mandatory;margin:0 -20px;padding:2px 20px 10px;scroll-padding:0 20px}
.sh-pphoto,.cart-total{top:auto}
.sh-group{scroll-margin-top:130px}
.navhz{display:none}
}
@media(max-width:1000px){.menusheet li>a .navhz{display:inline}}

/* v13: иероглифы убраны из интерфейса — подгонка отступов */
.seal .icon{width:60%;height:60%;color:inherit;stroke-width:1.7}
.sh-noimg .icon{width:84px;height:84px;color:#cfc8be}
.wq-noboard .icon{width:96px;height:96px;color:var(--line)}
.promo-lavka{grid-template-columns:minmax(0,1fr)}
.now-term{padding-right:28px}
.now-term span{display:grid;gap:3px}
.now-term b{font:500 26px/1.1 var(--serif);writing-mode:horizontal-tb;letter-spacing:0;text-transform:none;color:var(--ink)}
.scroll-quote{grid-template-columns:minmax(0,1fr) auto}
.scroll-quote blockquote p:first-child,.scroll-quote blockquote .tr{grid-column:1;font:italic 400 clamp(19px,2vw,25px)/1.5 var(--serif);letter-spacing:0;white-space:normal;max-width:56ch;margin:0;display:block}
.scroll-quote .seal{grid-column:2}
.kj-row li,.steps li{gap:6px}
@media(max-width:760px){
.now-term{padding-right:12px}
.now-term span{display:grid}
.now-term span i{display:none}
.now-term b{font-size:20px}
.scroll-quote{grid-template-columns:minmax(0,1fr)}
.scroll-quote blockquote p:first-child,.scroll-quote blockquote .tr{font-size:18px}
}
.sidebar>*{min-width:0;max-width:100%}.sidebar-bottom{min-width:0}.sidebar-bottom button{max-width:100%;box-sizing:border-box}

/* v14.6: плашка на исходном месте (left:0; top:16px — как в v14.2/agreed_v1), текст не сдвинут.
   Меняется только красная линия слева: расширена от края фото до линии рамки (inset 9px): 3px → 9px, padding компенсирован. */
.tcard-photo>.badge:not(.club),.post-photo>.pill{border-left-width:9px;padding-left:5px}
/* v14.5/14.6 — переключатель «День / вечер»: виден на телефоне в шапке и подписан в меню */
.top-theme{display:none}
.menufoot .themebtn{margin-left:8px;min-height:44px;padding:0 14px;white-space:nowrap}
@media(max-width:1000px){.top-theme{display:inline-flex}}
:root[data-theme=night] .sh-photo{background:#1a1814}