@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-600-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spectral-600-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spectral-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ===========================================================
   MUHOMORSPACE — художественное оформление блога (blog-art.css)
   Cormorant Garamond — заголовки, Spectral — текст.
   Подключается только на страницах блога (article.doc.art).
   =========================================================== */

:root{
  --art-red:#c8351f; --art-red-d:#8e2415; --art-red-soft:#fdf3f0;
  --art-ink:#1c1a17; --art-ink2:#4c4740; --art-mut:#7c776e;
  --art-line:#e7e1d5; --art-parch:#f7f2e8; --art-card:#fff;
  --art-moss:#4a6a4f; --art-measure:680px;
  --art-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --art-serif:Spectral,Georgia,"Times New Roman",serif;
  --art-disp:"Cormorant Garamond",Spectral,Georgia,serif;
}

/* ---------- полотно ---------- */
.art-wrap{max-width:812px}
.art-wrap .bc{font-family:var(--art-sans);font-size:12.5px;letter-spacing:.01em;margin-bottom:12px}

article.doc.art{
  background:var(--art-card);
  border:1px solid var(--art-line);
  border-radius:18px;
  padding:0 0 44px;
  overflow:hidden;
  font-family:var(--art-serif);
  font-size:18.5px;
  line-height:1.78;
  color:var(--art-ink);
  letter-spacing:.002em;
}
@media(max-width:560px){article.doc.art{font-size:17.5px;line-height:1.72;border-radius:14px}}

/* колонка текста — узкая, блоки во всю ширину */
.art > p, .art > ul, .art > ol, .art > h2, .art > h3, .art > h4,
.art > blockquote, .art > table, .art > .art-note, .art > .disc,
.art > .msp-catlink, .art > div:not([class]){
  max-width:var(--art-measure); margin-left:auto; margin-right:auto;
  padding-left:clamp(18px,5vw,40px); padding-right:clamp(18px,5vw,40px);
  
}
@media(min-width:900px){
  .art > p, .art > ul, .art > ol, .art > h2, .art > h3, .art > h4,
  .art > blockquote, .art > table, .art > .art-note, .art > .disc,
  .art > .msp-catlink, .art > div:not([class]){padding-left:0;padding-right:0}
}

/* ---------- шапка статьи ---------- */
article.doc.art img.art-hero{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0;border-bottom:1px solid var(--art-line)}
.art-head{box-sizing:border-box;padding:clamp(24px,5vw,42px) clamp(18px,5vw,40px) 0;max-width:var(--art-measure);margin:0 auto}
@media(min-width:900px){.art-head{padding-left:0;padding-right:0}}
.art-kicker{
  font-family:var(--art-sans);font-size:11px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--art-red);
  display:block;margin-bottom:14px;
}
article.doc.art h1{
  font-family:var(--art-disp);font-weight:600;
  font-size:clamp(31px,5.6vw,47px);line-height:1.08;letter-spacing:-.012em;
  margin:0 0 16px;text-wrap:balance;color:var(--art-ink);
}
.art-meta{
  font-family:var(--art-sans);font-size:12.5px;color:var(--art-mut);
  display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;
  padding-bottom:18px;border-bottom:1px solid var(--art-line);margin-bottom:26px;
}
.art-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--art-red);flex:0 0 auto}

/* ---------- текст ---------- */
article.doc.art p{margin:0 auto 1.05em}
.art-lead{font-size:1.14em;line-height:1.62;color:var(--art-ink2)}
.art .art-first::first-letter{
  float:left;font-family:var(--art-disp);font-weight:600;
  font-size:4.15em;line-height:.8;margin:.06em .1em 0 0;color:var(--art-red);
}
article.doc.art h2{
  font-family:var(--art-disp);font-weight:600;
  font-size:clamp(25px,4.2vw,32px);line-height:1.18;letter-spacing:-.008em;
  margin:2.1em auto .5em;padding-top:.62em;border-left:0;position:relative;text-wrap:balance;
}
article.doc.art h2::before{content:"";position:absolute;top:0;left:clamp(18px,5vw,40px);width:46px;height:2px;background:var(--art-red)}
@media(min-width:900px){article.doc.art h2::before{left:0}}
article.doc.art h3{
  font-family:var(--art-serif);font-weight:600;font-size:1.05em;line-height:1.4;
  margin:1.9em auto .45em;letter-spacing:.005em;
}
article.doc.art ul,article.doc.art ol{margin:0 auto 1.15em;padding-left:0}
@media(min-width:900px){article.doc.art ul,article.doc.art ol{padding-left:0}}
article.doc.art li{list-style:none;position:relative;padding-left:1.5em;margin-bottom:.5em}
article.doc.art ul>li::before{
  content:"";position:absolute;left:.25em;top:.72em;
  width:6px;height:6px;border-radius:50%;background:var(--art-red);opacity:.75;
}
article.doc.art ol{counter-reset:artol}
article.doc.art ol>li{counter-increment:artol}
article.doc.art ol>li::before{
  content:counter(artol);position:absolute;left:0;top:.06em;
  font-family:var(--art-sans);font-size:.72em;font-weight:700;color:var(--art-red);
}
article.doc.art a{color:var(--art-red-d);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(200,53,31,.38)}
article.doc.art a:hover{color:var(--art-red);text-decoration-color:currentColor}
article.doc.art b,article.doc.art strong{font-weight:600;color:var(--art-ink)}
article.doc.art blockquote{
  box-sizing:border-box;margin:1.7em auto;padding:.2em 0 .2em 1.1em;border-left:2px solid var(--art-red);
  font-style:italic;color:var(--art-ink2);
}

/* ---------- правовая сноска в начале ---------- */
.art-note{
  box-sizing:border-box;background:var(--art-parch);border:1px solid var(--art-line);border-radius:12px;
  padding:13px 16px;margin:0 auto 1.6em;
  font-family:var(--art-sans);font-size:13px;line-height:1.55;color:var(--art-mut);
}
.art-note b{font-weight:700;color:#5f5a51;letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}
article.doc.art .disc{
  background:var(--art-parch);border:1px solid var(--art-line);border-radius:12px;
  font-family:var(--art-sans);font-size:12.5px;line-height:1.55;color:var(--art-mut);
  padding:13px 16px;margin-top:2em;
}

/* ---------- «каталог по теме» строкой ---------- */
article.doc.art .msp-catlink{
  box-sizing:border-box;margin:1.6em auto;padding:11px 0 11px 15px;border-left:2px solid var(--art-red);
  background:none;border-radius:0;font-family:var(--art-sans);font-size:14px;line-height:1.6;
}
article.doc.art .msp-catlink a{font-weight:700;text-decoration:none}

/* ===========================================================
   Воронка: блоки товаров и следующего шага
   =========================================================== */
.fnl{box-sizing:border-box;max-width:var(--art-measure);margin:2.2em auto;padding:0 clamp(18px,5vw,40px)}
@media(min-width:900px){.fnl{padding:0}}
.fnl-lbl{
  font-family:var(--art-sans);font-size:11px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--art-mut);margin-bottom:12px;display:block;
}

/* карточка товара строкой (внутри статьи) */
.fnl-row{
  display:flex;gap:14px;align-items:center;background:var(--art-card);
  border:1px solid var(--art-line);border-radius:14px;padding:12px;margin-bottom:9px;
  transition:border-color .15s,box-shadow .15s;
}
.fnl-row:hover{border-color:#d9cfba;box-shadow:0 3px 14px rgba(28,26,23,.06)}
.fnl-row img{width:66px;height:66px;flex:0 0 auto;border-radius:11px;object-fit:cover;background:var(--art-parch)}
.fnl-row .t{flex:1;min-width:0}
.fnl-row .n{
  display:block;font-family:var(--art-serif);font-weight:600;font-size:15.5px;line-height:1.32;
  color:var(--art-ink);text-decoration:none;
}
.fnl-row .n:hover{color:var(--art-red-d)}
.fnl-row .pr{font-family:var(--art-sans);font-weight:700;font-size:15px;color:var(--art-red);margin-top:3px;display:block}
.fnl-row .pr small{font-weight:500;color:var(--art-mut);font-size:12px}

.art-btn{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-family:var(--art-sans);font-weight:700;font-size:13.5px;line-height:1;
  background:var(--art-red);color:#fff;border:0;border-radius:11px;padding:12px 16px;
  cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s;
}
.art-btn:hover{background:var(--art-red-d);color:#fff}
.art-btn.ghost{background:transparent;color:var(--art-red-d);border:1.5px solid rgba(200,53,31,.4)}
.art-btn.ghost:hover{background:var(--art-red-soft);border-color:var(--art-red)}

/* «следующий шаг» — финальный блок */
.fnl-next{
  box-sizing:border-box;max-width:var(--art-measure);margin:2.6em auto 0;padding:clamp(20px,4vw,28px) clamp(18px,5vw,32px);
  background:linear-gradient(180deg,var(--art-parch),#fffdf9);
  border:1px solid var(--art-line);border-radius:18px;
}
@media(min-width:900px){.fnl-next{padding-left:32px;padding-right:32px}}
.fnl-next h3{
  font-family:var(--art-disp)!important;font-weight:600!important;
  font-size:clamp(23px,4vw,29px)!important;line-height:1.15;margin:6px 0 8px!important;max-width:none;
}
.fnl-next .sub{font-family:var(--art-sans);font-size:14px;line-height:1.6;color:var(--art-ink2);margin:0 0 16px;max-width:none}
.fnl-next .fnl-row{background:#fff}
.fnl-next .foot{
  font-family:var(--art-sans);font-size:12.5px;color:var(--art-mut);
  margin-top:14px;padding-top:13px;border-top:1px solid var(--art-line);line-height:1.6;
}
.fnl-next .foot a{color:var(--art-red-d);font-weight:700;text-decoration:none}

/* сетка «товары по теме» */
.fnl-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:620px){.fnl-grid{grid-template-columns:1fr 1fr 1fr}}
.fnl-card{
  display:flex;flex-direction:column;background:var(--art-card);
  border:1px solid var(--art-line);border-radius:15px;overflow:hidden;
  transition:border-color .15s,box-shadow .15s;
}
.fnl-card:hover{border-color:#d9cfba;box-shadow:0 4px 16px rgba(28,26,23,.07)}
.fnl-card>a.ph{display:block;background:var(--art-parch);aspect-ratio:1/1}
.fnl-card>a.ph img{width:100%;height:100%;object-fit:cover;display:block}
.fnl-card .in{padding:12px 13px 13px;display:flex;flex-direction:column;gap:7px;flex:1}
.fnl-card .n{font-family:var(--art-serif);font-weight:600;font-size:14.5px;line-height:1.32;color:var(--art-ink);text-decoration:none;flex:1}
.fnl-card .n:hover{color:var(--art-red-d)}
.fnl-card .pr{font-family:var(--art-sans);font-weight:700;font-size:15px;color:var(--art-red)}
.fnl-card .pr small{font-weight:500;color:var(--art-mut);font-size:12px}
.fnl-card .art-btn{width:100%}

/* «читать дальше» */
.fnl-read{box-sizing:border-box;max-width:var(--art-measure);margin:2.4em auto 0;padding:0 clamp(18px,5vw,40px)}
@media(min-width:900px){.fnl-read{padding:0}}
.fnl-read ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--art-line)}
.fnl-read li{margin:0;padding:0;list-style:none}
.fnl-read li::before{display:none!important}
.fnl-read a{
  display:flex;gap:12px;align-items:baseline;padding:13px 0;
  border-bottom:1px solid var(--art-line);text-decoration:none;color:var(--art-ink);
  font-family:var(--art-serif);font-size:16px;line-height:1.4;
}
.fnl-read a:hover{color:var(--art-red-d)}
.fnl-read a .ar{font-family:var(--art-sans);color:var(--art-red);flex:0 0 auto;font-size:14px}
.fnl-read .more{font-family:var(--art-sans);font-size:13.5px;margin-top:14px;color:var(--art-mut)}
.fnl-read .more a{display:inline;padding:0;border:0;color:var(--art-red-d);font-weight:700;font-family:var(--art-sans)}

/* тост корзины (cart-mini.js) */
.toast{
  position:fixed;left:50%;bottom:20px;transform:translate(-50%,14px);
  display:flex;align-items:center;gap:14px;z-index:9999;
  background:#1c1a17;color:#fff;border-radius:13px;padding:12px 16px;
  font-family:var(--art-sans);font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.28);
  opacity:0;transition:opacity .22s,transform .22s;pointer-events:none;max-width:calc(100vw - 32px);
}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast .toast-go{color:#ffb4a6;font-weight:700;text-decoration:none;white-space:nowrap}

/* доступность */
article.doc.art a:focus-visible,.art-btn:focus-visible{outline:2px solid var(--art-red);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* приоритет над .doc a — ссылки внутри карточек воронки без подчёркивания */
.fnl .fnl-row .n,.fnl-next .fnl-row .n,.fnl-grid .fnl-card .n{color:var(--art-ink);text-decoration:none}
.fnl .fnl-row .n:hover,.fnl-next .fnl-row .n:hover,.fnl-grid .fnl-card .n:hover{color:var(--art-red-d);text-decoration:underline;text-decoration-color:rgba(200,53,31,.35)}
.fnl .fnl-row .ph,.fnl-next .fnl-row .ph,.fnl-grid .fnl-card .ph{text-decoration:none;flex:0 0 auto}
.fnl-read ul li a,.fnl-next .foot a,.fnl-read .more a{text-decoration:none}
.fnl-read ul li a:hover{text-decoration:underline;text-decoration-color:rgba(200,53,31,.35)}
article.doc.art .art-btn{color:#fff;text-decoration:none}
article.doc.art .art-btn:hover{color:#fff}

/* мобильная раскладка карточек воронки: кнопка уходит под текст */
@media(max-width:560px){
  .fnl-row{flex-wrap:wrap;row-gap:10px}
  .fnl-row .t{flex:1 1 140px}
  .fnl-row .art-btn{flex:1 0 100%;width:100%;padding:13px 16px}
  .fnl-row img{width:58px;height:58px}
  .fnl-next{border-radius:14px}
  .art-head{padding-top:26px}
  .art .art-first::first-letter{font-size:3.6em}
}

/* ===========================================================
   Витрина блога /blog/ — та же типографика, лёгкое касание
   =========================================================== */
.doc.blog-hub{font-family:var(--art-serif);border-color:var(--art-line);border-radius:18px;padding:clamp(24px,4.5vw,40px)}
.doc.blog-hub h1{font-family:var(--art-disp);font-weight:600;font-size:clamp(32px,5.6vw,46px);line-height:1.08;letter-spacing:-.012em;margin:0 0 14px;text-wrap:balance}
.doc.blog-hub p.lead{font-family:var(--art-serif);font-size:18px;line-height:1.6;color:var(--art-ink2);background:none;border:0;border-radius:0;padding:0;max-width:44em}
.doc.blog-hub .hub-search{border-color:var(--art-line);border-radius:12px}
.doc.blog-hub .hub-search input{font-family:var(--art-sans)}
.doc.blog-hub .hub-chip{font-family:var(--art-sans);border-color:var(--art-line)}
.doc.blog-hub .hub-count{font-family:var(--art-sans)}
.doc.blog-hub .cards .card{border-color:var(--art-line);border-radius:15px;transition:border-color .15s,box-shadow .15s}
.doc.blog-hub .cards .card:hover{border-color:#d9cfba;box-shadow:0 4px 16px rgba(28,26,23,.07)}
.doc.blog-hub .cards .card .t{font-family:var(--art-serif);font-weight:600;font-size:17px;line-height:1.3}
.doc.blog-hub .cards .card .s{font-family:var(--art-sans);font-size:13.5px;color:var(--art-mut)}
.doc.blog-hub .cards .card .tag{font-family:var(--art-sans);font-size:10.5px;letter-spacing:.16em;font-weight:700}
.doc.blog-hub .blog-gloss{border-color:var(--art-line);border-radius:14px}
.doc.blog-hub .blog-gloss summary{font-family:var(--art-sans)}
.doc.blog-hub .gl-item{font-family:var(--art-sans)}