*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--head);line-height:1.15;margin:0 0 .4em;font-weight:750}
h1{font-size:clamp(1.9rem,4.5vw,3.1rem)}
h2{font-size:clamp(1.5rem,3vw,2.2rem)}
p{margin:0 0 1rem}
svg{width:1.4em;height:1.4em}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.wrap--narrow{max-width:760px}
.muted{color:#6a706a}
.eyebrow{display:inline-block;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);padding:.35em .8em;border-radius:100px;margin-bottom:1rem}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;justify-content:center;font-weight:700;font-size:1.02rem;padding:.85em 1.5em;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:.15s;line-height:1}
.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}
.btn--primary{background:var(--primary);color:#fff}
.btn--primary:hover{background:var(--primary-d)}
.btn--ghost{background:transparent;border-color:currentColor;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--block{width:100%}

/* header */
.hdr{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid #0000000f}
.hdr__in{display:flex;align-items:center;gap:16px;height:66px}
.logo{display:flex;align-items:center;gap:.5em;font-family:var(--head);font-weight:800;font-size:1.15rem}
.logo svg{color:var(--primary);width:1.6em;height:1.6em}
.nav{display:flex;gap:22px;margin-left:auto;font-weight:600;font-size:.96rem}
.nav a:hover{color:var(--primary)}
.hdr__phone{display:flex;align-items:center;gap:.4em;font-weight:700;margin-left:22px;white-space:nowrap}
.hdr__phone svg{color:var(--primary)}
.nav+.hdr__phone{margin-left:22px}
.nav:not(:first-child){}
.hdr__in>.hdr__phone:only-of-type{margin-left:auto}

/* hero */
.hero{padding:clamp(48px,8vw,96px) 0;background:linear-gradient(180deg,var(--bg-alt),var(--bg))}
.hero__in{display:grid;gap:20px}
.hero__sub{font-size:1.2rem;max-width:44ch;color:#414945}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:1.4rem 0}
.hero__badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:.5rem 0 0}
.hero__badges li{display:flex;align-items:center;gap:.45em;font-weight:600;font-size:.98rem}
.hero__badges svg{color:var(--primary);width:1.15em;height:1.15em}
.hero__illu-note{font-size:.82rem;color:#7d847f;margin-top:1.5rem}

/* sections */
.sec{padding:clamp(44px,6vw,80px) 0}
.sec--alt{background:var(--bg-alt)}
.sec__title{text-align:center}
.sec__sub{text-align:center;max-width:60ch;margin:0 auto 2.2rem;color:#545c57;font-size:1.08rem}
.sec__title+.sec__sub{margin-top:-.4rem}
.sec__title{margin-bottom:2rem}

.grid{display:grid;gap:22px}
.grid--3{grid-template-columns:repeat(3,1fr)}

.feature{background:var(--bg);border:1px solid #0000000f;border-radius:16px;padding:26px}
.sec--alt .feature{background:#fff}
.feature__ic{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);margin-bottom:14px}
.feature__ic svg{width:1.6em;height:1.6em}
.feature h3{font-size:1.15rem;margin-bottom:.35em}
.feature p{margin:0;color:#545c57}

.card{background:#fff;border:1px solid #0000000f;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000a}
.card__media{aspect-ratio:16/10;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,#fff),color-mix(in srgb,var(--accent) 18%,#fff));color:var(--primary)}
.card__media svg{width:44px;height:44px;opacity:.7}
.card__body{padding:20px;display:flex;flex-direction:column;gap:.4rem;flex:1}
.card__body h3{font-size:1.12rem;margin:0}
.card__body p{margin:0;color:#545c57;font-size:.98rem}
.card__price{margin-top:auto;font-weight:800;font-size:1.15rem;color:var(--primary-d)}
.tag{align-self:flex-start;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);padding:.3em .7em;border-radius:100px}

.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:16px;max-width:760px;margin:0 auto}
.step{display:flex;gap:18px;align-items:flex-start;background:var(--bg-alt);border-radius:14px;padding:18px 20px}
.sec--alt .step{background:#fff}
.step__n{flex:none;width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;display:grid;place-items:center}
.step h3{font-size:1.08rem;margin:.1em 0 .2em}
.step p{margin:0;color:#545c57}

.sec--trust{background:var(--primary);color:#fff}
.sec--trust .sec__title{color:#fff}
.stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;text-align:center;max-width:860px;margin:0 auto}
.stat{padding:0 6px}
.stat__num{display:block;font-family:var(--head);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.05;margin-bottom:.4rem}
.stat__label{opacity:.9;font-size:.97rem;line-height:1.35;display:block;max-width:22ch;margin:0 auto}
.sec--trust .sec__sub{color:#ffffffcc;margin-top:2.2rem}
@media(max-width:640px){.stats{grid-template-columns:1fr;gap:20px}}

.expert{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center}
.expert__photo{aspect-ratio:1;border-radius:20px;background:linear-gradient(135deg,#e9ece8,#fff);display:grid;place-items:center;gap:8px;color:#b7bdb8}
.expert__photo svg{width:64px;height:64px}
.expert__name{font-weight:700;font-size:1.1rem;margin:-.3rem 0 1rem;color:var(--primary-d)}
.ticks,.ticks li{list-style:none}
.ticks{padding:0;margin:0;display:grid;gap:.6rem}
.ticks li{display:flex;gap:.6em;align-items:flex-start}
.ticks svg{color:var(--primary);flex:none;margin-top:.15em}

.faq{border:1px solid #0000001a;border-radius:12px;padding:2px 18px;margin-bottom:10px;background:var(--bg)}
.faq summary{cursor:pointer;font-weight:650;padding:14px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';float:right;font-weight:400;font-size:1.4em;line-height:1}
.faq[open] summary::after{content:'–'}
.faq p{margin:0 0 14px;color:#545c57}

.prose{font-size:1.05rem}
.prose p{color:#3c433f}
.prose h1{margin-bottom:.6em}

/* form */
.sec--form{background:var(--bg-alt)}
.lead{display:grid;gap:14px;background:#fff;padding:26px;border-radius:18px;border:1px solid #0000000f;box-shadow:0 4px 24px #0000000a}
.field{display:grid;gap:6px}
.field__label{font-weight:600;font-size:.95rem}
.field__label i{color:#d33;font-style:normal}
.field input,.field textarea{width:100%;font:inherit;padding:.75em .9em;border:1.5px solid #d7dcd8;border-radius:10px;background:#fff}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--primary)}
.field__note{color:#8a908c;font-size:.82rem}
.check{display:flex;gap:.6em;align-items:flex-start;font-size:.9rem;color:#545c57}
.check input{margin-top:.25em;flex:none;width:18px;height:18px;accent-color:var(--primary)}
.check a{color:var(--primary);text-decoration:underline}
.lead__note{color:#8a908c;font-size:.84rem;text-align:center}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.alert{display:flex;gap:14px;align-items:flex-start;background:#eaf7ee;border:1px solid #b6e0c2;color:#1c5a30;padding:20px 22px;border-radius:14px}
.alert svg{flex:none;color:#2e9d52}
.alert strong{display:block}
.alert span{color:#3c6a49;font-size:.95rem}
/* оплата не завершена — предупреждение, а не ошибка: заказ принят в любом случае */
.alert--warn{background:#fff7e6;border-color:#f0d69a;color:#7a5410}
.alert--warn svg{color:#c98a12}
.alert--warn span{color:#8a6520}

.sec--contacts .contacts{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center}
.contact{display:flex;align-items:center;gap:.5em;font-weight:600}
.contact svg{color:var(--primary)}

/* footer */
.ftr{background:#151a18;color:#c8cec9;padding:40px 0;font-size:.95rem}
.ftr__in{display:grid;gap:16px}
.ftr a:hover{color:#fff}
.ftr__links{display:flex;flex-wrap:wrap;gap:8px 22px}
.ftr__note{color:#7d847f;font-size:.82rem;margin:0}
/* строка о поддержке партнёра/грантодателя (рендерится только если задан site.supportLine) */
.ftr__support{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 0;padding-top:14px;border-top:1px solid #ffffff1f;font-size:.88rem;line-height:1.45;color:#c8cec9}
.ftr__support img{height:58px;width:auto;display:block;flex:0 0 auto;background:#fff;border-radius:8px;padding:8px 12px;box-sizing:content-box}

/* sticky mobile CTA */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;gap:8px;padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(10px);border-top:1px solid #0000001a}
.sticky__btn{flex:1;min-height:50px;display:flex;align-items:center;justify-content:center;gap:.45em;font-weight:700;border-radius:12px;border:2px solid var(--primary);color:var(--primary);background:#fff}
.sticky__btn--p{background:var(--primary);color:#fff}

@media(max-width:860px){
  .grid--3{grid-template-columns:1fr}
  .nav{display:none}
  .expert{grid-template-columns:1fr}
  .expert__photo{max-width:220px}
  body{padding-bottom:72px}
  .sticky{display:flex}
  .hdr__phone span{display:none}
}
@media(min-width:861px){
  .hero__in{grid-template-columns:1fr}
  .hero__text{max-width:none}
}

/* ---- магазин ---- */
.hdr__cart{position:relative;display:flex;align-items:center;margin-left:14px;color:var(--ink)}
.hdr__cart svg{color:var(--primary);width:1.5em;height:1.5em}
.cart-count{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.btn--sm{padding:.5em .9em;font-size:.9rem;border-radius:9px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.cat-h{font-family:var(--head);font-size:1.3rem;margin:1.8rem 0 1rem;color:var(--primary-d)}
.grid.shop{gap:20px}
.pcard{background:#fff;border:1px solid #0000000f;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000a}
.pcard__media{aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--accent) 14%,#fff));color:var(--primary);position:relative;overflow:hidden}
.pcard__media img{width:100%;height:100%;object-fit:cover}
.pcard__media svg{width:44px;height:44px;opacity:.6}
.pcard__media .tag{position:absolute;top:10px;left:10px}
.pcard__body{padding:16px 18px;display:flex;flex-direction:column;gap:.4rem;flex:1}
.pcard__name{font-weight:700;font-size:1.05rem;color:var(--ink)}
.pcard__name:hover{color:var(--primary)}
.pcard__body p{margin:0;color:#545c57;font-size:.92rem;flex:1}
.pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:.3rem}
.price{font-weight:800;font-size:1.1rem;color:var(--primary-d)}
.price--lg{font-size:1.6rem;margin:.3rem 0 1rem}
.product{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.product__media{aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--accent) 14%,#fff));display:grid;place-items:center;overflow:hidden}
.product__media img{width:100%;height:100%;object-fit:cover}
.product__media svg{width:80px;height:80px;color:var(--primary);opacity:.6}
.product__info h1{margin:.2rem 0 .3rem}
.product__info h3{font-size:1.05rem;margin:1.2rem 0 .3rem}
.product__desc{color:#454d47}
/* статья блога */
.art__lead{font-size:1.08rem;color:#3d443c;margin:.2rem 0 1.2rem;line-height:1.6}
.prose h2{font-size:1.25rem;margin:1.8rem 0 .5rem}
.prose p{margin:0 0 .85rem}
/* ссылки внутри текстовых страниц (юр. документы, статьи) должны быть видны */
.prose a{color:var(--primary);text-decoration:underline;text-underline-offset:.15em}
.prose a:hover{text-decoration:none}
.prose ul{margin:.2rem 0 1rem}
.prose li{margin:.35rem 0;color:#3c433f}
.art__list{margin:.2rem 0 1rem;padding-left:1.1rem;color:#454d47}
.art__list li{margin:.35rem 0}
.feature h3 a{color:inherit}
.feature h3 a:hover{color:var(--primary)}
/* текстовая часть карточки товара: читаемая колонка под блоком покупки */
.product__text{max-width:760px;margin-top:2.2rem}
.pblock{margin:0 0 1.8rem}
.pblock h2{font-size:1.22rem;margin:0 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid #0000000f}
.pblock h3{font-size:1.02rem;margin:1.1rem 0 .35rem;color:var(--primary-d,#3f6135)}
.pblock p{margin:0 0 .7rem;color:#454d47}
.plist{margin:.2rem 0 .9rem;padding-left:1.15rem;color:#454d47}
.plist li{margin:.35rem 0}
.pblock--ritual{background:var(--bg-alt,#f6f7f4);border-radius:14px;padding:16px 18px}
.pblock--ritual h2{border-bottom:none;margin-bottom:.2rem}
.inci{font-size:.93rem;color:#5a615a;line-height:1.65}
@media(min-width:900px){.product__media{position:sticky;top:84px}}
.product__note{display:flex;align-items:flex-start;gap:.45em;color:#6a706a;font-size:.88rem;margin:.9rem 0 0}
.product__note svg{width:1.05em;height:1.05em;color:var(--primary);flex:none;margin-top:.15em}
.product__note--warn{color:#8a5a2b}
.price__from{font-size:.72em;font-weight:600;color:#6a706a}
/* выбор фасовки (объём/серия) на карточке товара */
.vars{margin:.9rem 0 .2rem}
.vars__lbl{display:block;font-size:.85rem;color:#6a706a;margin-bottom:.4rem}
.vars__row{display:flex;flex-wrap:wrap;gap:10px}
.vars__b{font:inherit;cursor:pointer;background:#fff;border:1.5px solid #d7dcd8;border-radius:12px;
  padding:.5em .9em;line-height:1.25;text-align:left;color:inherit;transition:border-color .15s,background .15s}
.vars__b small{display:block;font-size:.82em;color:#6a706a}
.vars__b:hover{border-color:var(--primary)}
.vars__b.is-on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,#fff)}
.vars__b.is-on small{color:var(--primary-dark,var(--primary))}
.back{color:var(--primary);font-weight:600;font-size:.92rem;display:inline-block;margin-bottom:.6rem}
.lead select{width:100%;font:inherit;padding:.75em .9em;border:1.5px solid #d7dcd8;border-radius:10px;background:#fff}
.cart{display:grid;gap:0;margin-bottom:16px}
.cart__row{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid #0000000f}
.cart__name{font-weight:600}
.cart__sum{font-weight:700;white-space:nowrap;min-width:90px;text-align:right}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:40px;height:40px;border:1.5px solid #cfd6d0;background:#fff;border-radius:8px;font-size:1.1rem;cursor:pointer;line-height:1}
.qty span{min-width:20px;text-align:center;font-weight:700}
.cart__del{border:0;background:none;color:#b0554a;font-size:1.4rem;cursor:pointer;line-height:1;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.cart__total{text-align:right;font-size:1.15rem;margin:14px 0 18px}
.cart__total b{color:var(--primary-d)}
.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(12px);background:#222;color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;font-size:.95rem;z-index:80;opacity:0;transition:.25s;max-width:90vw;text-align:center}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:860px){.product{grid-template-columns:1fr}.product__media{max-width:360px;margin:0 auto}}

/* ---- магазин: единица цены, счётчик, доставка, минимум, номер заказа ---- */
.price{white-space:nowrap}
.pcard__foot{flex-wrap:wrap;row-gap:10px}
/* нет в наличии */
.pcard--oos .pcard__media img{filter:grayscale(.7);opacity:.7}
.tag--oos{background:#8a908c!important;color:#fff!important}
.oos-label{font-weight:700;color:#a02020;font-size:.92rem}
.oos-box{display:flex;align-items:center;gap:.5em;background:#fbf3ef;border:1px solid #e7cfc6;color:#8a4433;border-radius:12px;padding:12px 16px;margin:.5rem 0}
.oos-box svg{flex:none;width:1.3em;height:1.3em}
.price__u{font-size:.66em;font-weight:600;color:#8a908c;margin-left:1px}
.price__old{font-weight:600;color:#a7ada7;font-size:.8em;margin-left:.4em}
.grid--4{grid-template-columns:repeat(4,1fr)}
.sec__title--left{text-align:left}
.buyrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:.5rem 0 .3rem}
.qstep{display:inline-flex;align-items:center;border:1.5px solid #d7dcd8;border-radius:12px;overflow:hidden;background:#fff}
.qstep__b{width:42px;height:46px;border:0;background:#fff;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--ink)}
.qstep__b:hover{background:var(--bg-alt)}
.qstep__i{width:46px;height:46px;border:0;border-left:1.5px solid #eceee9;border-right:1.5px solid #eceee9;text-align:center;font:inherit;font-weight:700}
.product__unit{display:flex;align-items:center;gap:.45em;color:#6a706a;font-size:.9rem;margin:.1rem 0 .8rem}
.product__unit svg{width:1.05em;height:1.05em;color:var(--primary);flex:none}
.related{margin-top:2.6rem}
.related .sec__title{margin-bottom:1.2rem}
/* блок доставки на оформлении */
.delivbox{display:flex;gap:14px;align-items:flex-start;background:color-mix(in srgb,var(--primary) 8%,#fff);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);border-radius:14px;padding:16px 18px;margin-bottom:1.4rem}
.delivbox svg{flex:none;width:26px;height:26px;color:var(--primary)}
.delivbox p{margin:0}.delivbox__sub{color:#5a6560;font-size:.92rem;margin-top:.25rem!important}
/* итог заказа на экране успеха */
.ordsum{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.ordsum li{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-alt);border-radius:12px}
.ordsum span{color:#6a706a}.ordsum b{color:var(--primary-d)}
/* предупреждение о минимальном заказе */
.minwarn{color:#b0402f;font-weight:600;font-size:.95rem}
.minwarn[hidden]{display:none}
.minwarn a{color:var(--primary);text-decoration:underline}
.minwarn--block{background:#fdeee9;border:1px solid #f2c6b8;border-radius:12px;padding:12px 16px;margin-bottom:14px;text-align:center;font-weight:500}
/* корзина: единица, действия, доставка */
.cart__u{display:block;color:#6a706a;font-weight:400;font-size:.82rem;margin-top:2px}
.cart__row--sum{grid-template-columns:1fr auto}
@media(max-width:430px){
  .cart__row{grid-template-columns:1fr auto auto;gap:6px 10px;padding:12px 2px}
  .cart__name{grid-column:1 / -1}
  .cart__sum{min-width:0}
}
.cart__deliv{color:#6a706a;font-size:.92rem;text-align:right;margin:0 0 12px}
.cart__actions{display:flex;gap:12px;flex-wrap:wrap}
.cart__actions .btn{flex:1;min-width:190px;text-align:center;display:inline-flex;align-items:center;justify-content:center}
/* поиск в шапке */
.hdr__search{display:flex;align-items:center;gap:7px;background:var(--bg-alt);border:1px solid #0000001a;border-radius:100px;padding:7px 14px;max-width:180px}
.hdr__search svg{width:17px;height:17px;color:#8a908c;flex:none}
.hdr__search input{border:0;background:none;font:inherit;font-size:.9rem;width:100%;outline:none;color:var(--ink);min-width:0}
body:has([data-catalog]) .hdr__search{display:none}/* на каталоге/категории уже есть поиск на странице — не дублируем в шапке */
@media(max-width:860px){.grid--4{grid-template-columns:1fr 1fr}.cart__actions .btn{min-width:140px}}

/* ---- меню-дерево магазина ---- */
.nav--menu{gap:14px;align-items:center;margin-left:auto}
.nav--menu>a,.nav__has>a{font-weight:600;font-size:.95rem;color:var(--ink);white-space:nowrap}
.nav__home{display:none}/* логотип уже ведёт на главную; «Главная» остаётся в бургер-меню */
.nav--menu a:hover{color:var(--primary)}
.nav__has{position:relative;display:inline-block}
.nav__sub{position:absolute;top:100%;left:0;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 12px 30px #0000001f;padding:8px;min-width:210px;display:none;flex-direction:column;z-index:60}
.nav__has:hover .nav__sub{display:flex}
.nav__sub a{padding:9px 12px;border-radius:8px;font-weight:500}
.nav__sub a:hover{background:var(--bg-alt);color:var(--primary)}
.navtoggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.navtoggle span{width:24px;height:2px;background:var(--ink);border-radius:2px}
.nav--menu+.hdr__cart,.hdr__cart{margin-left:12px}
/* крошки */
.crumbs{font-size:.85rem;color:#8a908c;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.crumbs a{color:var(--primary)}.crumbs i{color:#c3c8c2;font-style:normal}.crumbs .cur{color:#6a706a}
.page-h{font-size:clamp(1.6rem,3.5vw,2.4rem);margin:.2rem 0 1rem}
.page-sub{color:#545c57;margin:-.4rem 0 1.6rem;font-size:1.05rem}
/* плитки категорий */
.cattile{display:flex;flex-direction:column;gap:.45rem;background:#fff;border:1px solid #0000000f;border-radius:18px;padding:26px;box-shadow:0 1px 2px #0000000a;transition:.15s;color:var(--ink)}
.cattile:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000014}
.cattile__ic{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);margin-bottom:6px}
.cattile h3{margin:0;font-size:1.2rem}.cattile p{margin:0;color:#545c57;flex:1}
.cattile__link{color:var(--primary);font-weight:700;font-size:.92rem}
@media(max-width:1100px){
  .nav--menu{position:fixed;inset:66px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:6px 0;border-bottom:1px solid #0000001a;box-shadow:0 12px 24px #0000001a;display:none;margin:0}
  .nav--menu.open{display:flex}
  .nav--menu>a,.nav__has>a{padding:13px 20px;display:block}
  .nav--menu .nav__home{display:block}/* в бургер-меню «Главная» возвращаем */
  .nav__has{display:block}
  .nav__sub{position:static;display:flex;box-shadow:none;border:0;padding:2px 0 8px 18px;min-width:0}
  .navtoggle{display:flex;margin-left:auto}
  .hdr__search{display:none}/* поиск шапки скрываем в бургер-зоне — на странице каталога поиск есть */
}

/* ==== фирменные стилистики брендов ==== */

/* КОРÀБЛИНА — ботаническая, воздушная, мягкая */
.site-korablina .hdr{background:#fbfcf9e6;border-bottom:1px solid #e6ebe1}
.site-korablina .hero{background:radial-gradient(130% 110% at 100% 0,color-mix(in srgb,var(--primary) 16%,#fff),var(--bg) 62%)}
.site-korablina h1,.site-korablina h2,.site-korablina h3,.site-korablina .page-h{font-weight:600;letter-spacing:-.01em}
.site-korablina .btn{border-radius:100px}
.site-korablina .pcard,.site-korablina .cattile,.site-korablina .feature,.site-korablina .card{border-radius:22px;border-color:#e6ebe1}
.site-korablina .pcard__media,.site-korablina .product__media,.site-korablina .cattile__ic{background:linear-gradient(135deg,#e9f0e2,#f7f1ea)}
.site-korablina .eyebrow{background:transparent;border:1px solid color-mix(in srgb,var(--primary) 34%,transparent);color:var(--primary-d)}
.site-korablina .sec--alt{background:linear-gradient(180deg,#f4f7ef,#faf8f3)}
.site-korablina .cattile:hover{border-color:color-mix(in srgb,var(--primary) 40%,#e6ebe1)}

/* Clasio — деловой, «в духе Авито»: чётче, суше, синие акценты */
.site-clasio .hdr{border-bottom:1px solid #e3e8f2}
.site-clasio .hero{background:linear-gradient(180deg,#eef3fb,#fff)}
.site-clasio h1,.site-clasio h2{letter-spacing:-.02em}
.site-clasio .btn{border-radius:10px}
.site-clasio .card,.site-clasio .feature,.site-clasio .faq,.site-clasio .pcard{border-radius:12px;border-color:#e3e8f2}
.site-clasio .feature__ic{border-radius:10px}
.site-clasio .eyebrow{border-radius:8px}
.site-clasio .sec--trust{background:linear-gradient(135deg,var(--primary),var(--primary-d))}
.site-clasio .hero__badges svg{color:var(--accent)}

/* ==========================================================================
   ФЕРМЕРСКИЙ ОСТРОВОК — фирменный стиль строго по гайду ФО (Корпорация МСП):
   серая матовая «стена», натуральное дерево, плоские силуэты овощей/животных,
   шрифт PT Root UI, зелёный #008f32 + красный #eb2316. Всё в скоупе .site-fermer.
   ========================================================================== */
@font-face{font-family:'PT Root UI';src:url('fonts/PTRootUI-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PT Root UI';src:url('fonts/PTRootUI-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'PT Root UI';src:url('fonts/PTRootUI-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

.site-fermer{
  --wall:#6c6c6c; --wall-d:#5f5f5f;
  --wood:#b07a41; --wood-d:#8f5f2d;
  --paper:#fbf7f0; --cream:#f4ecdd; --cream-line:#e9dcc4;
  --red:#eb2316; --red-d:#c21d10;
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
.site-fermer h1,.site-fermer h2,.site-fermer h3{font-weight:700;letter-spacing:-.005em}
.site-fermer h1{font-weight:800;letter-spacing:-.015em}
.site-fermer .btn{border-radius:14px;font-weight:700}
.site-fermer .btn--primary{background:var(--green,#008f32)}
.site-fermer .sec--alt,.site-fermer .sec--form{background:var(--cream)}

/* ---- шапка: настоящий рукописный логотип-вордмарк ---- */
.site-fermer .hdr{background:#fbf7f0f2;border-bottom:1px solid var(--cream-line)}
.site-fermer .logo{display:flex;align-items:center;min-width:0}
/* размер задаём ШИРИНОЙ при height:auto — пропорция леттеринга (1000×96) сохраняется
   даже когда flex-строка шапки поджимает логотип (иначе object-fit:fill растягивал) */
.site-fermer .logo__img{width:300px;height:auto;max-width:100%;display:block}
.site-fermer .logo svg,.site-fermer .logo span{display:none}
.site-fermer .nav a{font-weight:600}
.site-fermer .nav a:hover,.site-fermer .hdr__phone svg,.site-fermer .contact svg{color:var(--green,#008f32)}

/* ---- ГЕРОЙ: фотография прилавка на К.Маркса, 126 на весь блок ----
   Кадр витрины снят так, что строка «меня помогли открыть / Пятёрочка» остаётся за рамкой.
   Текст держится не на подложке, а на градиентном скриме: слева плотный, вправо сходит на нет. */
.site-fermer .hero{
  position:relative;overflow:hidden;color:#f6efe1;
  border-bottom:6px solid var(--wood);
  padding:clamp(52px,6vw,86px) 0;
  background:
    linear-gradient(90deg,#1e3a2af0 0%,#1e3a2acc 30%,#1e3a2a8c 52%,#1e3a2a45 74%,#1e3a2a2e 100%),
    url('products/shop_e.jpg') center center/cover no-repeat;
}
.site-fermer .hero__in{grid-template-columns:1fr}
.site-fermer .hero__text{max-width:620px;position:relative;z-index:2;align-self:center}
.site-fermer .hero__media{display:none}   /* фото ушло в фон, отдельная панель не нужна */
/* паттерны бренд-бука: веточка у левого края и корова в верхнем углу — водяным знаком
   по тёмной части скрима, чтобы не спорить с текстом */
.site-fermer .hero::before,.site-fermer .hero::after{content:"";position:absolute;z-index:1;pointer-events:none}
.site-fermer .hero::before{left:-10px;bottom:-24px;width:clamp(96px,9vw,146px);height:74%;
  background:url('brand/sil_14.png') left bottom/contain no-repeat;opacity:.42;
  filter:drop-shadow(0 2px 10px #00000059)}
.site-fermer .hero::after{left:1.5%;top:6%;width:clamp(124px,12vw,196px);height:clamp(78px,7.5vw,124px);
  background:url('brand/sil_07.png') left top/contain no-repeat;opacity:.38;
  filter:drop-shadow(0 2px 10px #00000059)}
/* паттерны в правой части первого экрана, поверх фото витрины: курица сверху, гусь снизу.
   Тень нужна — без неё кремовый силуэт тонет в светлых местах снимка */
.site-fermer .hero__in{position:relative}
.site-fermer .hero__in::before,.site-fermer .hero__in::after{content:"";position:absolute;z-index:1;
  pointer-events:none;filter:drop-shadow(0 0 18px #0e2016cc) drop-shadow(0 3px 8px #0e2016a6)}
.site-fermer .hero__in::before{right:1%;top:3%;width:clamp(126px,12vw,196px);height:clamp(92px,9vw,146px);
  background:url('brand/sil_16.png') right top/contain no-repeat;opacity:.72}
.site-fermer .hero__in::after{right:17%;bottom:1%;width:clamp(100px,9.5vw,150px);height:clamp(82px,8vw,126px);
  background:url('brand/sil_17.png') right bottom/contain no-repeat;opacity:.66}

/* заметка под текстом героя: базовый серый нечитаем на фото — делаем кремовой */
.site-fermer .hero__illu-note{color:#f1e9db;font-size:.92rem;line-height:1.5;margin-top:1.15rem;padding-top:.85rem;border-top:1px solid #ffffff33;text-shadow:0 1px 6px #00000055;max-width:52ch}
.site-fermer .hero h1{color:#fdf6ea;text-shadow:0 2px 22px #00000073;position:relative}
/* помидор бренд-бука — в просвете справа от первой строки заголовка */
.site-fermer .hero h1::after{content:"";position:absolute;right:clamp(-134px,-9vw,-94px);top:-8px;
  width:clamp(74px,7vw,106px);height:clamp(66px,6.2vw,94px);pointer-events:none;
  background:url('brand/sil_04.png') center/contain no-repeat;opacity:.8;
  filter:drop-shadow(0 3px 12px #0e2016a6)}
@media(max-width:1000px){.site-fermer .hero h1::after{display:none}}
.site-fermer .hero__sub{color:#f2ecdd;max-width:46ch;text-shadow:0 1px 14px #00000066}
.site-fermer .hero .eyebrow{background:#0000004d;color:#fff3df;border:1px solid #ffffff33;backdrop-filter:blur(2px)}
.site-fermer .hero__badges li{color:#f4ecdc;text-shadow:0 1px 12px #00000066}
.site-fermer .hero__badges svg{color:#ffd9a0}
.site-fermer .hero .btn--ghost{border-color:#f6efe1;color:#f6efe1}
.site-fermer .hero .btn--ghost:hover{background:#f6efe1;color:#2b2620}

/* ---- атмосферный фотобанд ---- */
.site-fermer .sec--band{
  position:relative;overflow:hidden;color:#fff;border-block:6px solid var(--wood);
  padding:clamp(60px,9vw,110px) 0;background:var(--wall);
}
.site-fermer .band__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.site-fermer .sec--band::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(92deg,#000000b0,#00000055 50%,#00000012)}
.site-fermer .band__in{position:relative;z-index:2}
.site-fermer .sec--band .band__card{max-width:600px}
.site-fermer .sec--band h2{color:#fff}
/* заголовок в фотополосе — по левому краю, как надзаголовок, текст и кнопка рядом;
   по центру он выглядел съехавшим относительно остального блока */
.site-fermer .sec--band .sec__title{text-align:left}
.site-fermer .sec--band .sec__title::after{margin-left:0;margin-right:auto}
.site-fermer .sec--band .eyebrow{background:#ffffff26;color:#fff;border:1px solid #ffffff4d}
.site-fermer .band__lead{font-size:1.18rem;color:#f2ede4;margin:.2rem 0 1.4rem}
/* паттерны бренд-бука в свободной зелёной части полосы: овца сверху у края, морковь снизу */
.site-fermer .sec--band::before,.site-fermer .band__in::after{content:"";position:absolute;z-index:2;
  pointer-events:none;filter:drop-shadow(0 2px 10px #0000005c)}
.site-fermer .sec--band::before{left:1.6%;top:9%;width:clamp(104px,10vw,158px);height:clamp(68px,6.5vw,104px);
  background:url('brand/sil_11.png') left top/contain no-repeat;opacity:.34}
/* морковь выносим левее контейнера, в поле у края: внутри она наезжала на кнопку */
.site-fermer .band__in::after{left:-172px;bottom:8%;width:clamp(110px,10vw,150px);height:clamp(54px,5vw,74px);
  background:url('brand/sil_02.png') left bottom/contain no-repeat;opacity:.32}
@media(max-width:1200px){.site-fermer .band__in::after{display:none}}

/* ---- блок «Магазин»: адрес + акцент «внутри Пятёрочки» + режим работы ---- */
.site-fermer .sec--store{background:var(--paper)}
.site-fermer .store{display:grid;grid-template-columns:1.12fr .88fr;gap:32px;align-items:stretch}
.site-fermer .store__card{background:#fff;border:1px solid var(--cream-line);border-radius:22px;padding:clamp(24px,3vw,40px);box-shadow:0 10px 30px #a67c3a14}
.site-fermer .store__card .eyebrow{margin-bottom:.7rem}
.site-fermer .store__addr{display:flex;gap:.55rem;align-items:flex-start;font-size:1.18rem;font-weight:700;color:var(--ink);margin:.1rem 0 .8rem}
.site-fermer .store__addr svg{width:24px;height:24px;color:var(--red);flex:none;margin-top:2px}
.site-fermer .store__addr b{color:var(--red);font-weight:700}
.site-fermer .store__lead{color:#6a6055;margin:0 0 1.3rem;max-width:52ch}
.site-fermer .store__hours{list-style:none;margin:0 0 1.5rem;padding:0;border-top:1px solid var(--cream-line)}
.site-fermer .store__hours li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:.72rem 0;border-bottom:1px solid var(--cream-line)}
.site-fermer .store__hd{display:flex;align-items:center;gap:.5rem;color:#4a443b;font-weight:600}
.site-fermer .store__hd svg{width:18px;height:18px;color:var(--green,#008f32)}
.site-fermer .store__hours b{font-size:1.12rem;color:var(--primary-d,#046d28);white-space:nowrap}
.site-fermer .store__panel{position:relative;overflow:hidden;border-radius:22px;border:1px solid #565249;min-height:236px;
  background:
    url('brand/sil_04.png') right -22px top -18px/clamp(120px,16vw,168px) auto no-repeat,
    url('brand/sil_13.png') left -12px bottom 8%/clamp(120px,16vw,160px) auto no-repeat,
    url('brand/sil_16.png') right 15% bottom -6px/clamp(64px,8vw,84px) auto no-repeat,
    linear-gradient(135deg,#7a736a,#6c6c6c 58%,#5e5a54);}
.site-fermer .store__panelin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.85rem;padding:clamp(22px,3vw,36px)}
.site-fermer .store__badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#2b2620;font-weight:700;border-radius:100px;padding:.55em 1.05em;box-shadow:0 6px 18px #0000003b}
.site-fermer .store__badge svg{width:18px;height:18px;color:var(--red);flex:none}
.site-fermer .store__inside{color:#fff;font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:800;letter-spacing:-.01em;line-height:1.1;text-shadow:0 2px 14px #00000055}
.site-fermer .store__maplink{display:inline-flex;align-items:center;gap:.45rem;color:#fff;font-weight:600;border-bottom:1px solid #ffffff66;padding-bottom:1px}
.site-fermer .store__maplink svg{width:18px;height:18px}
.site-fermer .store__maplink:hover{border-color:#fff}
@media(max-width:820px){.site-fermer .store{grid-template-columns:1fr}.site-fermer .store__panel{min-height:180px}}

/* ---- секции: тёплый ритм + фирменные акценты ---- */
.site-fermer .sec__title{position:relative}
.site-fermer .sec__title::after{content:"";display:block;width:56px;height:4px;border-radius:3px;margin:.7rem auto 0;background:linear-gradient(90deg,var(--green,#008f32),var(--wood))}
.site-fermer .sec__title--left::after{margin-left:0;margin-right:auto}
.site-fermer .sec__sub{color:#6a6055}

/* карточки ассортимента с фото */
.site-fermer .card{border-radius:20px;border:1px solid var(--cream-line);background:#fff;box-shadow:0 6px 22px #b98c4514;transition:transform .18s,box-shadow .18s,border-color .18s}
.site-fermer .card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #a67c3a26;border-color:#e0cba1}
.site-fermer .card__media{aspect-ratio:4/3;background:#efe6d6}
.site-fermer .card__media img{width:100%;height:100%;object-fit:cover}
.site-fermer .card__body{padding:16px 20px 20px}
.site-fermer .card__body h3{font-size:1.18rem}
.site-fermer .card__body p{color:#6a6055}
.site-fermer .tag{color:#fff;background:var(--red);letter-spacing:.02em}

/* «фишки» / производители / доставка */
.site-fermer .feature{border-radius:18px;border:1px solid var(--cream-line);background:#fff;box-shadow:0 4px 16px #b98c450f}
.site-fermer .sec--alt .feature{background:#fff}
.site-fermer .feature__ic{border-radius:14px;background:#e7f1df;color:var(--green,#008f32)}
.site-fermer #akcii .feature__ic{background:#fde3df;color:var(--red)}
.site-fermer .feature p{color:#6a6055}

/* серый «стеновой» блок доверия */
.site-fermer .sec--trust{
  background:linear-gradient(#6f6f6f,#636363);color:#f6efe1;border-block:6px solid var(--wood);
  position:relative;overflow:hidden;
}
.site-fermer .sec--trust::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:url('brand/sil_07.png') left 4% bottom -18px/210px auto no-repeat,
             url('brand/sil_16.png') right 6% top 12px/90px auto no-repeat;}
.site-fermer .sec--trust .wrap{position:relative;z-index:1}
.site-fermer .sec--trust .sec__title{color:#fff}
.site-fermer .sec--trust .sec__title::after{background:var(--wood)}
.site-fermer .sec--trust .stat__num{color:#fff}
.site-fermer .sec--trust .stat__label{color:#efe6d6}

/* шаги */
.site-fermer .step{background:#fff;border:1px solid var(--cream-line);border-radius:16px}
.site-fermer .sec--alt .step{background:#fff}
.site-fermer .step__n{background:var(--green,#008f32)}

/* форма */
.site-fermer .lead{border-radius:20px;border:1px solid var(--cream-line);box-shadow:0 12px 32px #a67c3a1a}
.site-fermer .field input,.site-fermer .field textarea{border-color:#e2d5bd;border-radius:12px}
.site-fermer .field input:focus,.site-fermer .field textarea:focus{border-color:var(--green,#008f32)}
.site-fermer .field__label i{color:var(--red)}
.site-fermer .check input{accent-color:var(--green,#008f32)}
.site-fermer .check a,.site-fermer .field .field__label a{color:var(--green,#008f32)}

/* контакты */
.site-fermer .sec--contacts{background:var(--cream)}

/* подвал — тёплый тёмный */
.site-fermer .ftr{background:#332c24;color:#e0d5c1}
.site-fermer .ftr a:hover{color:#fff}
.site-fermer .ftr__note{color:#a99a80}
.site-fermer .ftr__support{color:#e0d5c1;border-top-color:#ffffff2b}
/* логотип Центра «Мой бизнес»: на белой плашке, крупнее базового — иначе знак не читается */
.site-fermer .ftr__support img{height:68px;padding:9px 12px;border-radius:8px}
@media(max-width:860px){.site-fermer .ftr__support img{height:62px}}

/* липкая мобильная кнопка */
.site-fermer .sticky__btn{border-color:var(--green,#008f32);color:var(--green,#008f32)}
.site-fermer .sticky__btn--p{background:var(--green,#008f32);color:#fff}

@media(max-width:860px){
  .site-fermer .logo__img{width:224px}
  .site-fermer .hero{
    background:linear-gradient(180deg,#1e3a2af7 0%,#1e3a2ae0 44%,#1e3a2a99 72%,#1e3a2a4d 100%),
      url('products/shop_e_m.jpg') center bottom/cover no-repeat;
    padding:34px 0 40px;min-height:470px}
  .site-fermer .hero__in{grid-template-columns:1fr}
  .site-fermer .hero__text{max-width:none;align-self:auto}
  /* на телефоне паттерны уводим в углы: веточка снизу слева, корова сверху справа —
     там самая тёмная часть скрима, силуэты видно и текст не задет */
  .site-fermer .hero::before{left:-18px;bottom:-8px;width:96px;height:44%;opacity:.45}
  .site-fermer .hero::after{left:auto;right:3%;top:2.5%;width:132px;height:86px;opacity:.42}
  /* курицу и гуся на телефоне убираем — там и так двое, экран узкий */
  .site-fermer .hero__in::before,.site-fermer .hero__in::after{display:none}
  /* фотополоса: горизонтальное затемнение на узком экране не спасает — делаем вертикальное,
     иначе текст ложится на светлую корзину */
  .site-fermer .sec--band::after{background:linear-gradient(180deg,#000000c9,#00000099 58%,#00000073)}
  /* в узкой полосе место есть только по углам: овца сверху справа, морковь снизу слева */
  .site-fermer .sec--band::before{left:auto;right:4%;top:3%;width:112px;height:74px;opacity:.36}
  .site-fermer .band__in::after{left:-6px;bottom:-2%;width:118px;height:58px;opacity:.34}
}

/* ---- магазин ФО: каталог, карточки, корзина ---- */
.price__old{color:#b3a88f;text-decoration:line-through;font-weight:600;font-size:.8em;margin-left:.35em}
.cattile--img{padding:0;overflow:hidden}
.cattile--img .cattile__media{aspect-ratio:16/11;background:#efe6d6;overflow:hidden}
.cattile--img .cattile__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cattile--img:hover .cattile__media img{transform:scale(1.04)}
.cattile--img .cattile__body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:.35rem}
.cattile--img .cattile__body h3{margin:0}

.site-fermer .hdr__cart svg{color:var(--green,#008f32)}
.site-fermer .cart-count{background:var(--red)}
.site-fermer .nav--menu>a,.site-fermer .nav__has>a{color:var(--ink);font-weight:600}
.site-fermer .nav--menu a:hover,.site-fermer .nav__sub a:hover{color:var(--green,#008f32)}
.site-fermer .nav__sub{border-color:var(--cream-line);border-radius:14px}
.site-fermer .cattile{background:#fff;border-color:var(--cream-line);border-radius:18px}
.site-fermer .cattile--img .cattile__media{background:#f3ece0}
.site-fermer .cattile__link{color:var(--green,#008f32);font-weight:700}
.site-fermer .cattile:hover{border-color:#e0cba1;box-shadow:0 14px 30px #a67c3a1f}
.site-fermer .pcard{border-radius:16px;border:1px solid var(--cream-line);background:#fff;box-shadow:0 4px 16px #b98c450f}
.site-fermer .pcard:hover{border-color:#e0cba1;box-shadow:0 14px 28px #a67c3a1f}
.site-fermer .pcard__media,.site-fermer .product__media{background:#f3ece0}
.site-fermer .pcard__name:hover,.site-fermer .price{color:var(--primary-d,#046d28)}
.site-fermer .btn--sm{border-radius:10px}
.site-fermer .cat-h{color:var(--primary-d,#046d28)}
.site-fermer .qty button{border-color:#d8c9ab}
.site-fermer .cart__total b{color:var(--primary-d,#046d28)}
.site-fermer .crumbs a{color:var(--green,#008f32)}
.site-fermer #populyarnoe{background:var(--cream)}

/* пустые категории (рыба/чаи): плитка «скоро» + дружелюбная страница «скоро» */
.site-fermer .cattile--soon .cattile__media{filter:saturate(.9)}
.site-fermer .cattile__link--soon{color:#b06a2e;font-weight:700}
.site-fermer .cattile__link--soon::after{content:" →"}
.site-fermer .soonbox{display:flex;gap:18px;align-items:flex-start;background:var(--cream);border:1px solid var(--cream-line);border-radius:20px;padding:clamp(22px,3vw,34px);margin:.6rem 0 1rem}
.site-fermer .soonbox>svg{width:40px;height:40px;color:var(--green,#008f32);flex:none}
.site-fermer .soonbox h3{margin:.1rem 0 .5rem;font-size:1.25rem}
.site-fermer .soonbox p{color:#6a6055;margin:0 0 .3rem;max-width:60ch}
.site-fermer .soonbox__cta{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:10px}
/* та же врезка, но компактная — внутри общего каталога, где она соседствует с сеткой товаров */
.site-fermer .soonbox--slim{padding:18px 20px;gap:14px;margin:.2rem 0 .6rem}
.site-fermer .soonbox--slim>svg{width:30px;height:30px}
.site-fermer .soonbox--slim h3{font-size:1.06rem;margin:.05rem 0 .35rem}
.site-fermer .soonbox__note{margin:.55rem 0 0;color:#6a6055}
.site-fermer .soonbox__note a{color:var(--primary-d,#046d28);font-weight:700;white-space:nowrap}
.site-fermer .catblock--soon .cat-h{margin-bottom:.7rem}

/* фото товара целиком (не обрезать) */
.site-fermer .pcard__media{background:#fff}
.site-fermer .pcard__media img{object-fit:contain;padding:10px}
.site-fermer .product__media{background:#fff}
.site-fermer .product__media img{object-fit:contain;padding:20px}
.site-fermer .pcard__body p{font-size:.9rem;color:#6a6055;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* панель поиска + фильтр-пилюли + подкатегории (тема-независимо) */
.shopbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:.4rem 0 1.9rem}
.shopbar__search{flex:1 1 260px;min-width:200px;font:inherit;padding:.72em 1em;border:1.5px solid #e2d5bd;border-radius:12px;background:#fff}
.shopbar__search:focus{outline:none;border-color:var(--primary)}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{font:inherit;font-weight:600;font-size:.92rem;padding:.5em 1.05em;border-radius:100px;border:1.5px solid #e2d5bd;background:#fff;color:var(--ink);cursor:pointer;transition:.15s;line-height:1.2}
.pill:hover{border-color:#cdb98f}
.pill.is-active{background:var(--primary);border-color:var(--primary);color:#fff}
/* пилюля категории без товаров: видна, но честно помечена «скоро» */
.pill--soon{border-style:dashed;color:#7d7365}
.pill--soon.is-active{border-style:solid}
.pill__note{font-size:.8em;font-weight:700;text-transform:lowercase;opacity:.7;margin-left:.4em}
.feature h2.feature__h{font-size:1.05rem;margin:0 0 .4rem;font-weight:700}
.cat-intro{max-width:760px;margin:.2rem 0 1.4rem;color:#454d47;line-height:1.7}
.sub-h{font-family:var(--head);font-size:1.12rem;font-weight:700;margin:1.6rem 0 .9rem;padding-left:.7rem;border-left:4px solid var(--primary)}
.catblock{margin-bottom:1.2rem}
.shop-empty{text-align:center;padding:2.4rem 0;color:#8a908c;display:none}
.site-fermer .shopbar__search::placeholder{color:#a89a80}

/* Варакута — тёплый фермерский, натуральные фактуры */
.site-varakyta .hero{background:linear-gradient(180deg,#f3f6ec,#fff)}
.site-varakyta h1,.site-varakyta h2{font-weight:750}
.site-varakyta .btn{border-radius:12px}
.site-varakyta .card,.site-varakyta .feature{border-radius:16px}
.site-varakyta .eyebrow{background:color-mix(in srgb,var(--accent) 18%,transparent);color:#8a5a1e}

/* ==========================================================================
   Тема .site-tradition (не используется на этом сайте): тёплый графит + золото,
   кремовые секции, серифные заголовки. Всё строго в скоупе .site-tradition.
   ========================================================================== */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/PlayfairDisplay-600-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/PlayfairDisplay-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:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/PlayfairDisplay-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/PlayfairDisplay-700-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}

.site-tradition{
  --graphite:#211f1c; --graphite-2:#2b2823; --graphite-3:#36312a;
  --gold:#b98a2e; --gold-ink:#8a6414; --gold-bright:#d8b46a; --copper:#a4623a;
  --cream:#f6efe1; --cream-2:#efe4cf; --cream-line:#e6d9bf;
  --ink:#26221d; --muted:#6e6357; --paper:#fff;
  background:var(--paper); -webkit-font-smoothing:antialiased;
}
.site-tradition h1,.site-tradition h2,.site-tradition h3,
.site-tradition .sec__title,.site-tradition .page-h,.site-tradition .cat-h,.site-tradition .sub-h{
  font-family:var(--head); color:var(--ink)
}
.site-tradition h1{font-weight:700;letter-spacing:-.008em}
.site-tradition .sec__title{font-weight:700}

/* золотой орнамент-разделитель под центральными заголовками секций */
.site-tradition .sec__title:not(.sec__title--left){position:relative;padding-bottom:.5em}
.site-tradition .sec__title:not(.sec__title--left)::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:74px;height:9px;
  background:
    radial-gradient(circle at 50% 50%, var(--gold) 0 3px, transparent 3.6px) 50% 0/13px 9px no-repeat,
    linear-gradient(90deg,transparent, var(--gold) 20%, var(--gold) 80%, transparent) 50% 60%/74px 2px no-repeat
}

/* кнопки: золото + графитовый текст */
.site-tradition .btn{border-radius:11px;font-weight:700}
.site-tradition .btn--primary{background:var(--gold);color:#211f1c;border-color:var(--gold)}
.site-tradition .btn--primary:hover{background:var(--gold-ink);color:#fff;border-color:var(--gold-ink)}
.site-tradition .btn--ghost{color:var(--ink);border-color:#b6a582}
.site-tradition .btn--ghost:hover{background:var(--graphite);color:var(--cream);border-color:var(--graphite)}
.site-tradition .eyebrow{color:var(--gold-ink);background:color-mix(in srgb,var(--gold) 15%,transparent);font-weight:700}

/* шапка: графит, золотой эмблема-логотип, кремовое меню */
.site-tradition .hdr{background:color-mix(in srgb,var(--graphite) 95%,transparent);border-bottom:1px solid #ffffff14}
.site-tradition .logo__img{height:46px;width:auto;max-width:none}
.site-tradition .nav--menu>a,.site-tradition .nav__has>a,.site-tradition .nav__home{color:#e9e1d0;font-weight:600}
.site-tradition .nav--menu a:hover,.site-tradition .nav__has>a:hover,.site-tradition .nav__sub a:hover{color:var(--gold-bright)}
.site-tradition .nav__sub{background:var(--graphite-2);border:1px solid #ffffff1f;border-radius:12px}
.site-tradition .nav__sub a{color:#e4dccb}
.site-tradition .nav__sub a:hover{background:#ffffff12}
.site-tradition .hdr__phone,.site-tradition .hdr__cart{color:#f1ead9}
.site-tradition .hdr__phone svg,.site-tradition .hdr__cart svg{color:var(--gold-bright)}
.site-tradition .cart-count{background:var(--copper);color:#fff}
.site-tradition .hdr__search{background:#ffffff14;border-color:#ffffff2b}
.site-tradition .hdr__search input{color:#f1ead9}
.site-tradition .hdr__search input::placeholder,.site-tradition .hdr__search svg{color:#c9bfa9}
.site-tradition .navtoggle span{background:#e9e1d0}

/* герой: графит + тёплое золото, серифный заголовок, фото в золочёной рамке */
.site-tradition .hero{
  background:
    radial-gradient(120% 90% at 85% 8%, #3a3126 0%, transparent 55%),
    radial-gradient(90% 80% at 0% 100%, #2a2620 0%, transparent 60%),
    linear-gradient(180deg,#211f1c,#1a1815);
  color:#f3ecdd;position:relative;overflow:hidden
}
.site-tradition .hero::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-bright) 50%,var(--gold) 70%,transparent)}
.site-tradition .hero__in{grid-template-columns:1.03fr .97fr;gap:clamp(26px,4vw,54px);align-items:center}
.site-tradition .hero__text{max-width:600px;position:relative;z-index:2}
.site-tradition .hero h1{color:#fbf5e9}
.site-tradition .hero__sub{color:#d9cfba}
.site-tradition .hero .eyebrow{color:#f0dfb4;background:#ffffff14;border:1px solid #ffffff26}
.site-tradition .hero__badges li{color:#eadfc7}
.site-tradition .hero__badges svg{color:var(--gold-bright)}
.site-tradition .hero__illu-note{color:#c6bca6}
.site-tradition .hero__media{position:relative;min-height:clamp(300px,36vw,440px)}
.site-tradition .hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px;border:5px solid #4a3f2c;box-shadow:0 24px 60px #00000066,0 0 0 1px #ffffff14;display:block}

/* кремовые секции */
.site-tradition .sec--alt,.site-tradition .sec--form{background:var(--cream)}
.site-tradition .sec--alt .feature,.site-tradition .sec--alt .step,.site-tradition .sec--alt .card{background:#fff;border-color:var(--cream-line)}
.site-tradition .feature,.site-tradition .card,.site-tradition .step,.site-tradition .faq{border-color:var(--cream-line)}
.site-tradition .feature__ic{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold-ink)}
.site-tradition .feature p,.site-tradition .step p{color:var(--muted)}

/* плитки категорий */
.site-tradition .cattile{border-color:var(--cream-line);border-radius:16px}
.site-tradition .cattile__media{background:var(--cream-2)}
.site-tradition .cattile__link{color:var(--gold-ink);font-weight:700}
.site-tradition .cattile p{color:var(--muted)}

/* карточки товаров + цены */
.site-tradition .pcard{border-color:var(--cream-line);border-radius:16px}
.site-tradition .pcard__media{background:#fff}
.site-tradition .pcard__media img{object-fit:contain}
.site-tradition .pcard p{color:var(--muted)}
.site-tradition .price,.site-tradition .price--lg{color:var(--copper)}
.site-tradition .price__old{color:#a79c88}
.site-tradition .tag{background:var(--gold);color:#211f1c}

/* полоса доверия — графит, золотые цифры */
.site-tradition .sec--trust{background:linear-gradient(180deg,#242017,#1b1914)}
.site-tradition .stat__num{color:var(--gold-bright);font-family:var(--head)}

/* блок «Магазин» (в базовых стилях отсутствует — задаём здесь) */
.site-tradition .store{display:grid;grid-template-columns:1.06fr .94fr;gap:30px;align-items:stretch}
.site-tradition .store__card{background:var(--cream);border:1px solid var(--cream-line);border-radius:20px;padding:clamp(24px,3vw,38px)}
.site-tradition .store__card .eyebrow{margin-bottom:.7rem}
.site-tradition .store__addr{display:flex;gap:.55rem;align-items:flex-start;font-size:1.15rem;font-weight:700;color:var(--ink);margin:.1rem 0 .7rem}
.site-tradition .store__addr svg{width:23px;height:23px;color:var(--gold-ink);flex:none;margin-top:2px}
.site-tradition .store__addr b{color:var(--copper)}
.site-tradition .store__lead{color:var(--muted);margin:0 0 1.4rem;max-width:52ch}
.site-tradition .store__panel{position:relative;overflow:hidden;min-height:236px;border-radius:20px;border:1px solid #4a4133;
  background:radial-gradient(120% 90% at 80% 15%,#3a3126,transparent 55%),linear-gradient(140deg,#2a2620,#1c1a15)}
.site-tradition .store__panelin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.7rem;padding:clamp(22px,3vw,34px)}
.site-tradition .store__badge{display:flex;gap:.5em;align-items:center;color:#f1ead9;font-weight:700;font-size:1.05rem}
.site-tradition .store__badge svg{color:var(--gold-bright);width:22px;height:22px;flex:none}
.site-tradition .store__inside{color:#cdbf9f}
.site-tradition .store__maplink{display:inline-flex;gap:.4em;align-items:center;color:var(--gold-bright);font-weight:700;margin-top:.3rem}
.site-tradition .store__maplink svg{width:20px;height:20px}
@media(max-width:820px){.site-tradition .store{grid-template-columns:1fr}.site-tradition .store__panel{min-height:170px}}

/* подвал графит + золото */
.site-tradition .ftr{background:#1a1815;color:#c7bda9}
.site-tradition .ftr strong{color:#f1ead9}
.site-tradition .ftr a:hover{color:var(--gold-bright)}
.site-tradition .contact svg{color:var(--gold-ink)}
.site-tradition .sub-h,.site-tradition .cat-h{border-left-color:var(--gold)}
.site-tradition .crumbs a:hover{color:var(--gold-ink)}
.site-tradition .lead input:focus,.site-tradition .lead textarea:focus,.site-tradition .lead select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b98a2e33}

/* мобильный герой — стек, фото под текстом */
@media(max-width:760px){
  .site-tradition .hero__in{grid-template-columns:1fr}
  .site-tradition .hero__text{max-width:none}
  .site-tradition .hero__media{min-height:0;height:250px;order:2}
}

/* фикс: призрачная кнопка в тёмном герое — светлый текст, золото на ховере */
.site-tradition .hero .btn--ghost{color:#f1ead9;border-color:#9c8a63}
.site-tradition .hero .btn--ghost:hover{background:var(--gold);color:#211f1c;border-color:var(--gold)}

/* ---- правки по замечаниям: логотип, тёмный заголовок, панель магазина, контакты ---- */

/* логотип: тёмная эмблема на кремовом «медальоне» — крупнее и читаемо на графите */
.site-tradition .logo__img{
  box-sizing:border-box;height:62px;width:62px;max-width:none;border-radius:50%;
  background:#f3e8d1;padding:4px;
  box-shadow:0 3px 12px #00000047, inset 0 0 0 1px #d9caa6
}

/* заголовок в тёмной секции доверия — светлый (общий стиль заголовков перебивал базовый) */
.site-tradition .sec--trust .sec__title{color:#fbf5e9}
.site-tradition .sec--trust .sec__title::after{opacity:.95}
.site-tradition .sec--trust .stat__label{color:#efe6d3}

/* блок «Магазин»: правую панель делаем фото-панелью с тёмным читаемым оверлеем */
.site-tradition .store__panel{
  background:linear-gradient(180deg,rgba(33,31,28,.5) 0%,rgba(23,21,15,.9) 100%), url('products/hero_3.jpg') center/cover no-repeat
}
.site-tradition .store__panelin{justify-content:flex-end;gap:.6rem}
.site-tradition .store__badge{text-shadow:0 1px 6px #000000a6}
.site-tradition .store__inside{color:#e7dcc4;text-shadow:0 1px 6px #000000a6}

/* блок «Контакты»: кремовый фон + аккуратные карточки вместо тонкой строки */
.site-tradition .sec--contacts{background:var(--cream)}
.site-tradition .sec--contacts .contacts{gap:16px;max-width:960px;margin:1.6rem auto 0;align-items:stretch}
.site-tradition .sec--contacts .contact{
  background:#fff;border:1px solid var(--cream-line);border-radius:14px;
  padding:16px 20px;flex:1 1 240px;min-width:220px;
  justify-content:flex-start;gap:.7em;box-shadow:0 1px 2px #0000000a;font-weight:600;color:var(--ink)
}
.site-tradition .sec--contacts .contact svg{color:var(--gold-ink);width:22px;height:22px;flex:none}

/* блок доверия: 4 стата в один ряд (иначе 4-й висит один) */
.site-tradition .sec--trust .stats{grid-template-columns:repeat(4,1fr);max-width:960px}
@media(max-width:820px){.site-tradition .sec--trust .stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.site-tradition .sec--trust .stats{grid-template-columns:1fr}}

/* лого-локап: медальон + серифный вордмарк (шапка не выглядит «мелко») */
.site-tradition .logo--lockup{gap:.6em}
.site-tradition .logo--lockup .logo__img{height:58px;width:58px}
.site-tradition .logo__txt{display:flex;flex-direction:column;line-height:1.02;font-family:var(--head)}
.site-tradition .logo__txt span:first-child{font-size:1.36rem;font-weight:700;color:#f4ecd9;letter-spacing:.004em}
.site-tradition .logo__txt span:last-child{font-size:.72rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--gold-bright);margin-top:2px}
@media(max-width:560px){.site-tradition .logo__txt{display:none}.site-tradition .logo--lockup .logo__img{height:50px;width:50px}}

/* ---- несколько точек продаж в секции store: переключатель точек ----
   Табы показываются только после инициализации JS (класс js-tabs).
   Без JS точки выводятся списком — информация не теряется. */
.store__tabs{display:none;flex-wrap:wrap;gap:8px;margin:.1rem 0 1.15rem}
.store.js-tabs .store__tabs{display:flex}
.store__tab{font:inherit;font-weight:700;line-height:1.2;cursor:pointer;border:1.5px solid var(--cream-line,#e3dccf);
  background:#fff;color:inherit;border-radius:100px;padding:.55em 1.15em;transition:background .15s,border-color .15s,color .15s}
.store__tab:hover{border-color:var(--primary,#008f32)}
.store__tab.is-on{background:var(--primary,#008f32);border-color:var(--primary,#008f32);color:#fff}
.store.js-tabs .store__pt{display:none}
.store.js-tabs .store__pt.is-on{display:block}
.store__panelin[data-store-panel]{display:none}
.store__panelin[data-store-panel].is-on{display:flex}
.store__ptphone{display:flex;align-items:center;gap:.5rem;font-weight:700;margin:0 0 1.2rem}
.store__ptphone svg{width:18px;height:18px;color:var(--primary,#008f32);flex:none}

/* ---- «Каталог продуктов» на узких экранах: вместо девяти плиток — одна кнопка ---- */
.cats__mobcta{display:none;text-align:center;margin:1.6rem 0 0}
@media(max-width:860px){
  .site-fermer .sec--cats .grid{display:none}
  .site-fermer .cats__mobcta{display:block}
  /* «Популярное и со скидкой» — только для десктопа */
  .site-fermer .sec--featured{display:none}
}

/* фраза о постоплате в блоке «Как мы работаем» — белая врезка, а не серый текст на сером */
.site-fermer .sec--trust .sec__sub{
  display:block;width:max-content;max-width:100%;margin:2rem auto 0;
  background:#fff;color:var(--ink,#2b2620);font-weight:700;font-size:1.06rem;line-height:1.45;
  border-radius:14px;border-left:5px solid var(--primary,#008f32);
  padding:.95em 1.4em;box-shadow:0 12px 30px #00000026;text-shadow:none}
@media(max-width:560px){
  .site-fermer .sec--trust .sec__sub{width:auto;font-size:1rem;padding:.85em 1.1em;text-align:left}
}

/* ---- шапка ФО: шесть пунктов меню + поиск + телефон не помещались в 1120px
   (логотип сжимался с 300 до 182px). Шапке даём больше ширины, чем контенту. ---- */
@media(min-width:861px){
  .site-fermer .hdr .wrap{max-width:1320px}
  .site-fermer .logo{flex:none}
  .site-fermer .logo__img{width:270px}
}
@media(min-width:861px) and (max-width:1360px){
  .site-fermer .nav--menu{gap:11px}
  .site-fermer .nav--menu>a,.site-fermer .nav__has>a{font-size:.92rem}
  .site-fermer .hdr__search{max-width:150px}
  .site-fermer .logo__img{width:232px}
}

/* ---- «Производители» и «Акции» на телефоне: карусель с горизонтальным скроллом ---- */
@media(max-width:860px){
  .site-fermer .sec--features .grid--3{
    display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin:0 -20px;padding:4px 20px 14px;scrollbar-width:thin}
  .site-fermer .sec--features .feature{flex:0 0 78%;scroll-snap-align:start;margin:0}
  .site-fermer .sec--features .grid--3::-webkit-scrollbar{height:5px}
  .site-fermer .sec--features .grid--3::-webkit-scrollbar-thumb{background:#0000002e;border-radius:100px}
}

/* главная кнопка героя не должна быть уже второстепенной */
.site-fermer .hero__cta .btn{min-width:218px;max-width:100%}
/* три канала связи по ТЗ (каталог + телефон + ВК) в одну строку: колонка текста 620px,
   поэтому кнопки идут по содержимому — иначе третья переносится на вторую строку */
@media(min-width:861px){.site-fermer .hero__cta:has(.btn:nth-child(3)) .btn{min-width:0}}

/* ================= МОБИЛЬНАЯ ВЕРСИЯ ФО: правки по аудиту 28.07 =================
   Всё внутри @media(max-width:860px) — десктоп не затрагивается.
   Откат: _backup/2026-07-28-mobile/style.css */
@media(max-width:860px){
  /* 1. меню прокручивается и не уезжает под липкую панель («Контакты» были неработающими) */
  .site-fermer .nav--menu{max-height:calc(100vh - 66px - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

  /* 2. корзина — единственный вход в корзину, тап-цель была 26px */
  .site-fermer .hdr__cart{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .site-fermer .navtoggle{min-width:44px;min-height:44px}
  .site-fermer .hdr__phone{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  /* галочку согласия видно и легче попасть (сама метка кликабельна целиком) */
  .site-fermer .check input[type=checkbox]{width:24px;height:24px;flex:none;margin-top:1px}

  /* 3. дубли, съедавшие прокрутку: декоративная панель «Магазина» (адрес уже в карточке)
        и три цифры блока «Как мы работаем» (те же факты в блоке «Доставка» ниже).
        Врезка про оплату после получения — остаётся. */
  .site-fermer .sec--store .store__panel{display:none}
  .site-fermer .sec--store .store{display:block}
  .site-fermer .sec--trust .stats{display:none}
  .site-fermer .sec--trust .sec__sub{margin-top:1rem}

  /* 4. две кнопки в один и тот же каталог подряд — оставляем ту, что заменила плитки */
  .site-fermer .sec--band .band__card .btn{display:none}

  /* 5. надзаголовки были 12.5px */
  .site-fermer .eyebrow{font-size:.875rem}
}

/* КОРÀБЛИНА: съёмка вертикальная 3:4 — не режем кадр чужой пропорцией */
.site-korablina .product__media{aspect-ratio:3/4}
.site-korablina .pcard__media{aspect-ratio:3/4}   /* съёмка вертикальная — кадр не режем */

/* ---- фотография в тексте: шапка страницы и статьи, галереи, обложки блога ---- */
.pagecover{margin:0 0 1.8rem}
.pagecover img{display:block;width:100%;height:auto;border-radius:20px;background:var(--bg-alt)}
.pagecover figcaption{font-size:.86rem;color:#7d847f;padding:.7rem 2px 0}

.pgallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:1.8rem}
.pgallery figure{margin:0}
.pgallery img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}
.pgallery figcaption{font-size:.82rem;color:#7d847f;padding:.5rem 2px 0}
.pgallery--wide img{aspect-ratio:4/5}

/* лента блога живёт в узкой колонке: три карточки с фото в ней не помещаются,
   поэтому сетка с обложками перестраивается сама */
.grid--posts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}
/* карточка статьи: обложка во всю ширину, текст колонкой, «Читать» прижат к низу */
.feature--post{display:flex;flex-direction:column;padding:0;overflow:hidden}
.postcard__media{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--bg-alt)}
.postcard__media a{display:block;width:100%;height:100%}
.postcard__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.feature--post:hover .postcard__media img{transform:scale(1.04)}
.postcard__body{display:flex;flex-direction:column;flex:1;padding:20px 24px 24px}
.feature--post .feature__h{margin:0 0 .45rem}
.feature--post .feature__h a{color:inherit}
.feature--post:hover .feature__h a{color:var(--primary)}
.postcard__body p{margin:0}
.postcard__more{margin-top:auto;padding-top:1rem}
.expert__photo--img{padding:0;overflow:hidden;background:none}
.expert__photo--img img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.sec__sub--small{font-size:.86rem;margin-top:1.2rem}

/* КОРÀБЛИНА: герой в две колонки — слева текст, справа съёмка бренда */
@media(min-width:861px){
  .site-korablina .hero__in{grid-template-columns:1fr minmax(320px,420px);gap:48px;align-items:center}
}
.site-korablina .hero__media img{display:block;width:100%;height:auto;border-radius:26px;
  box-shadow:0 30px 70px #2b332a1f}
@media(max-width:860px){.site-korablina .hero__media{max-width:420px;margin:.6rem auto 0}}

/* фотополоса «каждая партия варится вручную»: снимок фоном, карточка поверх */
.site-korablina .sec--band{position:relative;overflow:hidden;isolation:isolate;
  min-height:clamp(320px,30vw,420px);display:grid;align-items:center}
.site-korablina .band__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 42%;z-index:0}
.site-korablina .sec--band::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(92deg,#fbfcf9f7,#fbfcf9e6 44%,#fbfcf94d)}
.site-korablina .band__in{position:relative;z-index:2}
.site-korablina .sec--band .band__card{max-width:560px}
@media(max-width:700px){
  .site-korablina .sec--band::after{background:#fbfcf9e8}
}
.site-korablina .pagecover,.site-korablina .pgallery img{border-radius:22px}
/* обложку карточки радиусом не режем: его держит сама карточка (overflow:hidden) */