:root{
 --bg:#ffffff; --surface:#f4efe7; --surface-alt:#e9e1d5; --line:#ded5c8;
 --ink:#1b1a17; --muted:#5c574f; --accent:#b8400f; --accent-strong:#9a350c;
 --accent-ink:#8f3009; --on-accent:#ffffff; --dark:#24221e; --dark-alt:#332f29;
 --on-dark:#f6f2ec; --on-dark-muted:#bdb5a8; --frost:#3d6b86; --frost-dark:#8fb4c9;
 --display:"Sora",system-ui,sans-serif; --sans:"Wix Madefor Text",system-ui,sans-serif;
 --mono:"JetBrains Mono",ui-monospace,monospace;
 --wrap:1180px;
}

@font-face{font-family:"Sora";src:url("/wp-content/themes/storefront-child/assets/sora-latin.811e1196.woff2?ver=9.9.4") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Wix Madefor Text";src:url("/wp-content/themes/storefront-child/assets/wix-madefor-text-latin.cbd90a79.woff2?ver=9.9.4") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/wp-content/themes/storefront-child/assets/jetbrains-mono-latin.83c005d4.woff2?ver=9.9.4") format("woff2");font-weight:400 600;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;
 -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.12;margin:0 0 12px;letter-spacing:-.01em}
h1{font-size:40px}h2{font-size:27px}h3{font-size:18px}
p{margin:0 0 14px}
.th-wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
.th-sec{padding-block:46px}
.th-sec--sand{background:var(--surface)}
.th-sec--dark{background:var(--dark);color:var(--on-dark)}
.th-sec--dark h2{color:var(--on-dark)}
.th-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.th-lede{color:var(--muted);max-width:none;margin-bottom:20px}
.th-sec--dark .th-lede{color:var(--on-dark-muted)}
.th-more{font-family:var(--mono);font-size:12.5px;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px;white-space:nowrap}
.th-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 8px}
.th-sec--dark .th-kicker{color:var(--frost-dark)}
.th-skip{position:absolute;left:-9999px}
.th-skip:focus{left:12px;top:12px;position:fixed;z-index:9;background:var(--accent);color:var(--on-accent);padding:10px 14px}

/* ---------- шапка: знак по центру, одна строка отделов ---------- */
.th-head{background:var(--bg);border-bottom:1px solid var(--line)}
.th-head-in{display:flex;flex-direction:column;align-items:center;gap:10px;padding-block:18px 14px}
.th-mark{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:.16em;text-transform:uppercase;
 text-decoration:none;color:var(--ink)}
.th-mark b{color:var(--accent-ink);font-weight:700}
.th-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 20px;min-width:0}
.th-nav a{min-width:0;font-size:14px;text-decoration:none;padding:5px 0;border-bottom:2px solid transparent;white-space:nowrap}
.th-nav a:hover,.th-nav a[aria-current="page"]{border-bottom-color:var(--accent);color:var(--accent-ink)}
@media(max-width:620px){.th-mark{font-size:21px;letter-spacing:.12em}.th-nav{gap:0 13px}.th-nav a{font-size:13px;padding:3px 0}}

/* ---------- герой: слева слово, справа шкала условий ---------- */
.th-hero{background:var(--surface);border-bottom:1px solid var(--line)}
.th-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:38px;align-items:center;padding-block:44px}
.th-hero h1{margin-bottom:14px}
.th-hero p{color:var(--muted);margin-bottom:0}
@media(max-width:900px){.th-hero-in{grid-template-columns:1fr;gap:26px;padding-block:32px}}

/* ШКАЛА УСЛОВИЙ — первый экран сайта и его главный приём. */
/* Плитки условий — СЕТКА, а не флекс с базой: при flex:1 1 150px ширина
   плитки шла от длины подписи (242 / 283 / 247 / 213 px по замеру на 1440), и
   ряд читался рваным. Сетка из равных дорожек это чинит по построению. */
.th-bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
@media(min-width:1100px){.th-bands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.th-bands{grid-template-columns:1fr}}
.th-bandcard{height:100%;min-width:0;background:var(--bg);border:1px solid var(--line);padding:14px 14px 12px;
 text-decoration:none;display:block}
.th-bandcard:hover{border-color:var(--accent)}
.th-bandcard b{display:block;font-family:var(--display);font-size:17px;margin-bottom:4px}
.th-bandcard span{display:block;font-size:13px;color:var(--muted);line-height:1.4}
.th-bandcard u{display:block;font-family:var(--mono);font-size:12px;color:var(--accent-ink);text-decoration:none;margin-top:8px}
.th-bandcard--coldest{border-top:4px solid var(--frost)}
.th-bandcard--cold{border-top:4px solid var(--frost-dark)}
.th-bandcard--season{border-top:4px solid var(--line)}
.th-bandcard--sun{border-top:4px solid var(--accent)}

/* ---------- витрина ---------- */
.th-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;list-style:none;margin:0;padding:0}
.th-card{flex:0 1 250px;min-width:0;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line)}
.th-card:hover{border-color:var(--accent)}
.th-card-shot{display:block;background:#fff;border-bottom:1px solid var(--line)}
.th-card-shot img{width:100%;max-width:var(--cap,100%);height:auto;margin:0 auto}
.th-card-body{padding:12px 13px 13px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0}
.th-card-body h3{margin:0;font-family:var(--sans);font-weight:600;font-size:16px;line-height:1.3;letter-spacing:0}
.th-card-body h3 a{text-decoration:none}
.th-card-body h3 a:hover{color:var(--accent-ink)}
.th-band{align-self:flex-start;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;
 padding:3px 8px;border-radius:11px;background:var(--surface-alt);color:var(--muted)}
.th-band--coldest{background:#e4edf3;color:#2d5670}
.th-band--cold{background:#eaf1f5;color:#33607b}
.th-band--season{background:var(--surface-alt);color:var(--muted)}
.th-band--sun{background:#f7e7de;color:var(--accent-ink)}
.th-cond{font-size:13.5px;color:var(--muted)}
.th-stars{font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.th-stars b{font-weight:400}
.th-price{font-family:var(--mono);font-weight:600;font-size:17px}
.th-price b{font-weight:600}
.th-from{font-weight:400;font-size:13px;color:var(--muted)}
.th-colours{font-family:var(--mono);font-size:12px;color:var(--accent-ink)}
.th-slot-empty{display:block;min-height:1em}
.th-card-foot{margin-top:auto;padding-top:10px}

/* ---------- кнопка покупки: НАСТОЯЩИЙ ТЕКСТ ---------- */
.th-buy{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;background:var(--bg);
 border:2px solid var(--accent);padding:10px 12px;text-decoration:none;cursor:pointer}
.th-buy:hover{background:var(--accent);}
.th-buy:hover .th-buy-t{color:var(--on-accent)}
.th-buy--solid{background:var(--accent);border-color:var(--accent)}
.th-buy--solid .th-buy-t{color:var(--on-accent)}
.th-buy--solid:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.th-buy-t{font-family:var(--sans);font-size:13.5px;font-weight:600;line-height:1.25;color:var(--accent-ink);text-align:center}

/* ---------- крошки ---------- */
.th-crumbwrap{padding-block:12px}
.th-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.th-crumbs a{text-decoration:none;border-bottom:1px solid var(--line)}
.th-crumbs a:hover{border-bottom-color:var(--accent)}

/* ---------- страница отдела и товара ---------- */
.th-pagehead{background:var(--surface);border-bottom:1px solid var(--line);padding-block:26px 30px}
.th-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.th-chip{font-family:var(--mono);font-size:12.5px;padding:6px 12px;border:1px solid var(--line);background:var(--bg);
 text-decoration:none;color:var(--ink);border-radius:14px}
.th-chip:hover,.th-chip[aria-current="true"]{border-color:var(--accent);color:var(--accent-ink)}
.th-count{font-family:var(--mono);font-size:13px;color:var(--muted);margin:0 0 14px}

.th-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start;padding-block:30px}
@media(max-width:860px){.th-prod{grid-template-columns:1fr;gap:22px}}
.th-gal-main{background:#fff;border:1px solid var(--line)}
.th-gal-main img{width:100%;max-width:var(--cap,100%);height:auto;margin:0 auto}
.th-gal-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.th-gal-strip a{flex:0 0 calc(20% - 6px);min-width:0;background:#fff;border:1px solid var(--line)}
.th-gal-strip a[aria-current="true"],.th-gal-strip a.is-active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px}
.th-gal-strip img{width:100%;max-width:var(--cap,100%);height:auto;margin:0 auto}
.th-prodprice{font-family:var(--mono);font-weight:600;font-size:29px;margin:8px 0 4px}
.th-prodprice small{font-family:var(--sans);font-weight:400;font-size:14px;color:var(--muted);margin-left:8px}
.th-prodrating{font-size:14px;color:var(--muted);margin:0 0 14px}
.th-note{font-size:12.5px;color:var(--muted);margin-top:8px}
.th-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.th-sw{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg);padding:5px 10px 5px 5px;
 text-decoration:none;font-size:13px;min-width:0}
.th-sw:hover,.th-sw[aria-current="true"]{border-color:var(--accent)}
.th-sw img{width:38px;max-width:var(--cap,38px);height:auto}
.th-facts{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 16px}
.th-facts th,.th-facts td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.th-facts th{width:38%;font-weight:600;color:var(--muted);font-size:13px}
.th-facts td{font-variant-numeric:tabular-nums}
.th-tablewrap{min-width:0;overflow-x:auto}
.th-table{width:100%;min-width:340px;border-collapse:collapse;font-size:14.5px}
.th-table th,.th-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.th-table th{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}
.th-table caption{caption-side:top;text-align:left;font-family:var(--display);font-size:17px;padding-bottom:9px}
.th-table .th-buy{padding:7px 9px}
@media(max-width:520px){.th-table{min-width:0}.th-table th,.th-table td{padding:7px 5px}.th-table .th-buy-t{font-size:12px}}
.th-limits{border-left:4px solid var(--accent);padding:2px 0 2px 14px;margin:0 0 16px}
.th-limits b{display:block;font-family:var(--display);font-size:15px;margin-bottom:4px}
.th-limits p{margin:0;font-size:14px;color:var(--muted)}
.th-traits{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px;padding:0;list-style:none}
.th-trait{font-family:var(--mono);font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:13px;color:var(--muted)}

/* ---------- проза и её визуальные разрывы (§5) ---------- */
.th-storytext p{max-width:none}
.th-storytext p:last-child{margin-bottom:0}
.th-storyshapes{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:24px 0}
.th-storyshapes a{flex:0 1 160px;min-width:0;text-decoration:none;text-align:center}
.th-storyshapes img{width:100%;max-width:var(--cap,100%);height:auto;background:#fff;border:1px solid var(--line);margin:0 auto}
.th-storyshapes b{display:block;font-family:var(--display);font-size:15px;margin-top:8px}
.th-storyshapes span{display:block;font-size:13px;color:var(--muted)}
.th-storyshapes a:hover b{color:var(--accent-ink)}
.th-scale{margin:24px 0;padding-top:14px;border-top:2px solid var(--ink)}
.th-scale figcaption b{display:block;font-family:var(--display);font-size:16px;margin-bottom:4px}
.th-scale figcaption span{display:block;font-size:13.5px;color:var(--muted)}
.th-scalerow{display:flex;align-items:center;gap:12px;margin-top:9px}
.th-scalelab{flex:0 0 170px;font-size:13.5px;text-decoration:none;border-bottom:1px solid var(--line)}
.th-scalelab:hover{border-bottom-color:var(--accent)}
.th-scalerow svg{flex:1 1 auto;min-width:0;height:12px;display:block}
.th-scalerow svg rect{fill:var(--accent)}
.th-scalenum{flex:0 0 auto;font-family:var(--mono);font-size:13px;color:var(--muted)}
@media(max-width:620px){.th-scalerow{flex-wrap:wrap;gap:4px 10px}.th-scalelab{flex:0 0 auto}.th-scalerow svg{flex:1 1 100%;order:3}}
.th-steps{list-style:none;margin:24px 0;padding:0;display:flex;flex-wrap:wrap;gap:20px}
.th-steps li{flex:1 1 220px;min-width:0;border-top:2px solid var(--ink);padding-top:12px}
.th-steps svg{width:34px;height:34px;fill:var(--accent);display:block;margin-bottom:8px}
.th-steps b{display:block;font-family:var(--display);font-size:16px;margin-bottom:4px}
.th-steps span{display:block;font-size:13.5px;color:var(--muted)}
.th-steps a{color:var(--accent-ink)}

/* Схема покрытия: рисунок SVG, подписи обычным текстом рядом (внутри <text>
   кегль на 360px нечитаем, урок kalidi). */
.th-cover{display:flex;align-items:center;gap:18px;margin:20px 0;padding-top:14px;border-top:2px solid var(--ink)}
.th-cover svg{flex:0 0 92px;width:92px;height:auto}
.th-cover-head{fill:var(--surface-alt)}
.th-cover-on{fill:var(--accent)}
.th-cover figcaption b{display:block;font-family:var(--display);font-size:16px;margin-bottom:4px}
.th-cover figcaption span{display:block;font-size:13.5px;color:var(--muted)}
@media(max-width:520px){.th-cover{flex-direction:column;align-items:flex-start;gap:10px}}
.th-covers{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0}
.th-covers a{flex:1 1 150px;min-width:0;text-decoration:none;text-align:center;border:1px solid var(--line);padding:12px}
.th-covers a:hover{border-color:var(--accent)}
.th-covers svg{width:64px;height:auto;margin:0 auto 8px}
.th-covers b{display:block;font-family:var(--display);font-size:15px}
.th-covers span{display:block;font-size:12.5px;color:var(--muted)}

/* ---------- гиды ---------- */
.th-guides{display:flex;flex-wrap:wrap;gap:18px}
.th-guide{flex:1 1 260px;min-width:0;background:var(--bg);border:1px solid var(--line);padding:20px;text-decoration:none}
.th-guide:hover{border-color:var(--accent)}
.th-guide b{display:block;font-family:var(--display);font-size:18px;line-height:1.2;margin-bottom:8px}
.th-guide span{display:block;font-size:14px;color:var(--muted)}
.th-toc{background:var(--surface);border-left:4px solid var(--accent);padding:14px 18px;margin:0 0 22px}
.th-toc b{font-family:var(--display);font-size:14px}
.th-toc ol{margin:8px 0 0;padding-left:20px}
.th-toc li{font-size:14px;margin-bottom:3px}
.th-art blockquote{margin:18px 0;padding:14px 18px;background:var(--surface);border-left:4px solid var(--frost)}
.th-art blockquote p{margin:0 0 8px;font-size:15.5px}
.th-art cite{font-size:12.5px;color:var(--muted);font-style:normal}
.th-care{background:var(--surface-alt);padding:16px 18px;margin-top:24px}
.th-care b{display:block;font-family:var(--display);font-size:15px;margin-bottom:6px}
.th-care p{margin:0;font-size:14px;color:var(--muted)}

/* ---------- подвал ---------- */
.th-foot{background:var(--dark);color:var(--on-dark);margin-top:50px;padding-block:36px 26px}
.th-footcols{display:flex;flex-wrap:wrap;gap:26px}
.th-footcols>div{flex:1 1 200px;min-width:0}
.th-footcols b{display:block;font-family:var(--display);font-size:14px;margin-bottom:9px}
.th-footcols a{display:block;font-size:14px;color:var(--on-dark-muted);text-decoration:none;padding:3px 0}
.th-footcols a:hover{color:var(--on-dark)}
.th-footbar{border-top:1px solid var(--dark-alt);margin-top:24px;padding-top:16px;font-size:13px;color:var(--on-dark-muted)}
.th-footbar a{color:var(--on-dark)}
[hidden]{display:none!important}