/* ЯлинкаТобі — основа теми (крок 9). Кольори, шрифти, кнопки, картки, відступи — з макета
   _design/yalunkatobi-home-premium-red-v4.html (усі шари макета збережено в тому ж порядку). */

/* Шрифти — локально (Google Fonts, OFL): кирилиця + латиниця, змінна товщина */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/manrope-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:'Cormorant Garamond';font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/cormorant-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:500 700;font-display:swap;src:url(../fonts/cormorant-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}

:root{
  --snow:#FFFFFF;
  --frost:#F7F1EF;
  --frost-2:#EEE2DF;
  --red:#D3352F;
  --red-hover:#B92B26;
  --red-dark:#B3201B;
  --spruce:#8F1D24;
  --spruce-2:#B3262D;
  --needle:#9F2528;
  --glow:#E3A33F;
  --berry:#D3352F;
  --ink:#251615;
  --muted:#6E5B58;
  --line:rgba(60,25,22,.13);
  --line-light:rgba(255,255,255,.2);
  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans:'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --wrap:1240px;
  --gutter:clamp(16px,4vw,40px);
  --radius-s:10px;
  --radius-m:18px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--snow);color:var(--ink);font:400 16px/1.6 var(--sans);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--glow);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.price{font-variant-numeric:tabular-nums;white-space:nowrap}
s{color:var(--muted);font-weight:500;text-decoration-thickness:1px}

/* headings */
.h-display{font-family:var(--serif);font-weight:600;line-height:.98;letter-spacing:-.01em;margin:0}
.h-sec{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.05;letter-spacing:-.005em;margin:0 0 .5em}
.sec-lead{color:var(--muted);max-width:60ch;margin:0;font-size:1.05rem}
.section{padding:clamp(56px,8vw,112px) 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,4vw,44px);flex-wrap:wrap}
.text-link{font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.text-link:hover{text-decoration-thickness:2px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;border:1.5px solid transparent;transition:background-color .2s,color .2s,border-color .2s}
.btn--glow{background:var(--red);color:#fff}
.btn--glow:hover{background:var(--red-hover)}
.btn--white{background:#fff;color:var(--spruce)}
.btn--white:hover{background:var(--frost)}
.btn--ghost{border-color:var(--ink);color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--light{border-color:var(--line-light);color:var(--snow)}
.btn--light:hover{background:var(--snow);color:var(--spruce)}

/* ---------- header ---------- */
.promo{background:var(--red);color:#fff;font-size:.875rem}
.promo .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
.promo a{text-decoration:none;font-weight:600;white-space:nowrap}
.promo__msg{margin:0}
.promo__msg b{color:#fff;font-weight:800}
.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.header .wrap{display:flex;align-items:center;gap:28px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.logo svg{width:30px;height:36px}
.logo__word{font-family:var(--serif);font-weight:700;font-size:1.65rem;letter-spacing:-.01em;line-height:1}
.nav{display:flex;gap:26px;align-items:center}
.nav a{white-space:nowrap;text-decoration:none;font-weight:500;font-size:.95rem;padding:6px 0;border-bottom:1.5px solid transparent}
.nav a:hover{border-bottom-color:var(--red)}
.nav a.is-sale{color:var(--berry);font-weight:600}
.header__tools{margin-left:auto;display:flex;align-items:center;gap:6px}
.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 14px;height:42px;width:250px}
.search input{border:0;outline:0;background:transparent;font:inherit;font-size:.9rem;width:100%;color:var(--ink)}
.search:focus-within{border-color:var(--red)}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:transparent;text-decoration:none}
.icon-btn:hover{background:var(--frost)}
.icon-btn svg{width:22px;height:22px}
.cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;line-height:1}
.cart-count[data-empty="true"]{display:none}
.lang{display:flex;font-size:.85rem;font-weight:600;margin:0 6px}
.lang a,.lang span{padding:4px 6px;text-decoration:none}
.lang span{border-bottom:1.5px solid var(--red)}
.lang a{color:var(--muted)}
.burger{display:none}
.icon-btn--search{display:none}

.drawer{position:fixed;inset:0;z-index:60;display:flex}
.drawer[hidden]{display:none}
.drawer__scrim{position:absolute;inset:0;background:rgba(60,25,22,.45);border:0}
.drawer__panel{position:relative;width:min(86vw,360px);height:100%;background:var(--snow);padding:20px 22px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}
.drawer__top{display:flex;justify-content:space-between;align-items:center}
.drawer nav{display:flex;flex-direction:column}
.drawer nav a{text-decoration:none;font-family:var(--serif);font-size:1.6rem;font-weight:600;padding:9px 0;border-bottom:1px solid var(--line)}
.drawer .search{width:100%}
.drawer__contacts{margin-top:auto;font-size:.95rem;display:grid;gap:6px}
.drawer__contacts a{font-weight:600;text-decoration:none}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(36px,6vw,80px) 0 clamp(48px,6vw,88px)}
.hero::before{content:"";position:absolute;width:780px;height:780px;right:-120px;top:-160px;background:radial-gradient(closest-side,rgba(211,53,47,.10),rgba(211,53,47,0));pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero h1{font-size:clamp(2.75rem,6.6vw,5.6rem)}
.hero__lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--muted);max-width:52ch;margin:26px 0 34px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.facts{list-style:none;padding:0;margin:clamp(40px,5vw,64px) 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.facts li{padding:20px 22px 0 0;margin-right:22px;font-size:.92rem;line-height:1.45;color:var(--muted);border-right:1px solid var(--line)}
.facts li:last-child{border-right:0;margin-right:0}
.facts b{display:block;color:var(--ink);font-weight:700;font-size:.98rem;margin-bottom:2px}
.hero__media{position:relative;margin:0;justify-self:center;width:min(100%,460px)}
.arch{position:relative;aspect-ratio:3/4.1;border-radius:999px 999px 22px 22px;overflow:hidden;background:var(--frost-2)}
.arch img{width:100%;height:100%;object-fit:cover}
.hero__media::before{content:"";position:absolute;inset:-14px -14px 16px 14px;border:1px solid var(--red);border-radius:999px 999px 26px 26px;opacity:.4;pointer-events:none}
.tag{position:absolute;left:-28px;bottom:34px;background:#fff;border-radius:var(--radius-m);padding:16px 18px;box-shadow:0 18px 40px -18px rgba(60,25,22,.45);text-decoration:none;display:grid;gap:2px;min-width:230px}
.tag__name{font-family:var(--serif);font-weight:700;font-size:1.35rem;line-height:1.1}
.tag__meta{font-size:.82rem;color:var(--muted)}
.tag__price{margin-top:6px;font-weight:700;font-size:1.1rem;color:var(--red-dark)}
.tag__price s{font-size:.85rem;margin-left:6px}
.tag:hover .tag__name{text-decoration:underline;text-underline-offset:3px}

/* ---------- categories ---------- */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}
.cat{position:relative;display:block;text-decoration:none;border-radius:var(--radius-m);overflow:hidden;background:var(--spruce);aspect-ratio:5/4;isolation:isolate}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2;transition:transform .5s ease}
.cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(60,15,13,0) 38%,rgba(70,14,12,.85) 100%)}
.cat:hover img{transform:scale(1.04)}
.cat__body{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;color:#fff}
.cat__name{font-family:var(--serif);font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:600;line-height:1;display:block}
.cat__meta{font-size:.92rem;opacity:.9;display:block;margin-top:6px}

/* ---------- products ---------- */
.filters{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:transparent;font-weight:600;font-size:.9rem}
.chip:hover{border-color:var(--red)}
.chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,26px)}
.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--line)}
.card[hidden]{display:none}
.card__img{position:relative;display:block;aspect-ratio:2/2.6;background:var(--frost);overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .card__img img{transform:scale(1.035)}
.badge{position:absolute;top:12px;left:12px;background:var(--berry);color:#fff;font-size:.78rem;font-weight:700;padding:4px 9px;border-radius:999px}
.badge--feat{left:auto;right:12px;background:var(--needle)}
.card__body{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;flex:1}
.card__type{margin:0;font-size:.8rem;color:var(--needle);font-weight:600}
.card__title{margin:0;font-family:var(--serif);font-weight:700;font-size:1.45rem;line-height:1.1}
.card__title a{text-decoration:none}
.card__title a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.card__meta{margin:0;font-size:.86rem;color:var(--muted)}
.card__foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.card__price b{font-size:1.15rem;font-weight:700;display:block;line-height:1.2;color:var(--red-dark)}
.card__price s{font-size:.82rem}
.add{height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--red);background:transparent;color:var(--red);font-weight:600;font-size:.9rem;white-space:nowrap}
.add:hover{background:var(--red);color:#fff}
.add[data-added="true"]{background:var(--red);color:#fff}
.grid-note{margin:22px 0 0;color:var(--muted);font-size:.92rem}

/* ---------- spotlight ---------- */
.spot{background:var(--spruce);color:#fff}
.spot__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:center}
.spot__media{position:relative}
.spot__media .arch{background:var(--spruce-2);max-width:440px}
.spot .h-sec{color:#fff}
.spot p{color:rgba(255,255,255,.82);max-width:54ch;font-size:1.06rem}
.spot__steps{list-style:none;padding:0;margin:28px 0 34px;display:grid;gap:0;counter-reset:step}
.spot__steps li{counter-increment:step;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line-light);align-items:baseline}
.spot__steps li::before{content:counter(step);font-family:var(--serif);font-size:1.6rem;font-weight:700;color:var(--glow);line-height:1}
.spot__steps li:last-child{border-bottom:1px solid var(--line-light)}
.spot__buy{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.spot__price{font-size:1.5rem;font-weight:700}
.spot__price small{display:block;font-size:.85rem;font-weight:500;color:rgba(255,255,255,.7)}

/* ---------- compare ---------- */
.compare-wrap{background:var(--frost)}
.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-m);overflow:hidden}
.compare th,.compare td{text-align:left;padding:18px 22px;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{font-family:var(--serif);font-size:1.6rem;font-weight:700;padding-top:24px;background:#fff}
.compare thead th.col-lita{color:var(--red-dark);background:rgba(211,53,47,.05)}
.compare thead th:first-child{font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--muted)}
.compare tbody th{font-weight:600;font-size:.92rem;color:var(--muted);width:22%}
.compare td{width:39%}
.compare tr:last-child th,.compare tr:last-child td{border-bottom:0}
.compare .col-lita{background:rgba(211,53,47,.05)}
.compare td b{font-weight:700}
.compare-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* ---------- lights & decor ---------- */
.shop-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px)}
.shop-col__img{aspect-ratio:3/2;border-radius:var(--radius-m);overflow:hidden;background:var(--frost);margin-bottom:22px}
.shop-col__img img{width:100%;height:100%;object-fit:cover}
.shop-col h3{font-family:var(--serif);font-size:2rem;font-weight:600;margin:0 0 6px;line-height:1.1}
.shop-col > p{color:var(--muted);margin:0 0 14px;max-width:52ch}
.pricelist{list-style:none;margin:0;padding:0}
.pricelist li{border-bottom:1px solid var(--line)}
.pricelist a{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:15px 0;text-decoration:none}
.pricelist a:hover .pl-name{text-decoration:underline;text-underline-offset:3px}
.pl-name{font-weight:600}
.pl-spec{grid-column:1;font-size:.86rem;color:var(--muted)}
.pl-price{grid-column:2;grid-row:1 / span 2;text-align:right;font-weight:700;align-self:center;color:var(--red-dark)}
.pl-price s{display:block;font-size:.8rem}
.shop-col .text-link{display:inline-block;margin-top:16px}

/* ---------- reviews ---------- */
.reviews{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.rating{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}
.rating__num{font-family:var(--serif);font-size:4rem;font-weight:700;line-height:1}
.stars{color:var(--glow);letter-spacing:2px;font-size:1.1rem}
.quote-main{margin:28px 0 0;font-family:var(--serif);font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.22;font-weight:500}
.quote-main::before{content:"“";display:block;font-size:4.5rem;line-height:.6;color:var(--red);margin-bottom:10px}
.quote-by{margin:16px 0 0;color:var(--muted);font-size:.95rem}
.quote-list{display:grid;gap:16px}
.quote-list .btn{justify-self:start}
.quote{background:#fff;border:1px solid var(--line);border-radius:var(--radius-m);padding:22px 24px;margin:0}
.quote p{margin:0 0 10px}
.quote footer{font-size:.88rem;color:var(--muted)}

/* ---------- delivery ---------- */
.delivery{background:var(--spruce);color:#fff}
.delivery .h-sec{color:#fff}
.delivery .sec-lead{color:rgba(255,255,255,.78)}
.deliv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(28px,4vw,44px);border-top:1px solid var(--line-light)}
.deliv-item{padding:26px 26px 0 0;margin-right:26px;border-right:1px solid var(--line-light)}
.deliv-item:last-child{border-right:0;margin-right:0}
.deliv-item h3{font-family:var(--serif);font-size:1.6rem;font-weight:600;margin:0 0 8px}
.deliv-item p{margin:0;color:rgba(255,255,255,.8);font-size:.98rem}
.deliv-item a{color:#fff;font-weight:700}
.cities{margin-top:clamp(36px,5vw,56px);padding-top:26px;border-top:1px solid var(--line-light)}
.cities h3{font-size:1rem;font-weight:600;margin:0 0 14px;color:rgba(255,255,255,.75)}
.cities ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.cities a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-light);text-decoration:none;font-size:.92rem;font-weight:500}
.cities a:hover{background:#fff;color:var(--spruce)}

/* ---------- seo + faq ---------- */
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.seo-text{font-family:var(--serif);font-size:1.22rem;line-height:1.6}
.seo-text h2{font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.08;font-weight:600;margin:0 0 18px}
.seo-text h3{font-family:var(--sans);font-size:1.02rem;font-weight:700;margin:26px 0 6px}
.seo-text p{margin:0 0 14px;max-width:62ch}
.seo-text a{text-underline-offset:3px}
.seo-more{position:relative;max-height:520px;overflow:hidden}
.seo-more::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),var(--snow))}
.seo-more.is-open{max-height:none}
.seo-more.is-open::after{display:none}
.seo-toggle{margin-top:14px;background:none;border:0;padding:0;font-family:var(--sans);font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.faq h2{margin-bottom:18px;font-size:clamp(1.9rem,3.4vw,2.6rem)}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-weight:600;font-size:1.04rem;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex-shrink:0;width:14px;height:14px;background:linear-gradient(var(--ink),var(--ink)) center/14px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 14px no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 20px;color:var(--muted);max-width:60ch}

/* ---------- blog ---------- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}
.post{display:flex;flex-direction:column;gap:10px;text-decoration:none;padding:26px 0 0;border-top:2px solid var(--red)}
.post h3{font-family:var(--serif);font-size:1.7rem;font-weight:600;line-height:1.12;margin:0}
.post p{margin:0;color:var(--muted)}
.post span{margin-top:6px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.post:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* ---------- footer ---------- */
.footer{background:#241514;color:#fff;padding:clamp(56px,7vw,88px) 0 96px}
.footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:clamp(28px,4vw,56px)}
.footer__h{font-size:.95rem;font-weight:600;margin:0 0 14px;color:rgba(255,255,255,.65)}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.footer a{text-decoration:none}
.footer a:hover{text-decoration:underline;text-underline-offset:3px}
.footer .logo__word{font-size:2rem}
.footer__about{color:rgba(255,255,255,.75);margin:14px 0 18px;max-width:34ch}
.footer__phone{font-size:1.3rem;font-weight:700;display:inline-block}
.footer__addr{color:rgba(255,255,255,.75);margin:6px 0 16px;font-size:.95rem}
.socials{display:flex;gap:8px}
.socials a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-light);display:grid;place-items:center}
.socials a:hover{background:#fff;color:var(--ink)}
.socials svg{width:19px;height:19px}
.subscribe{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.subscribe input{flex:1;min-width:0;height:48px;border-radius:999px;border:1px solid var(--line-light);background:transparent;color:#fff;padding:0 18px;font:inherit}
.subscribe input::placeholder{color:rgba(255,255,255,.55)}
.subscribe .btn{min-height:48px;padding:0 20px}
.subscribe-note{font-size:.9rem;color:rgba(255,255,255,.75);margin:0}
.footer__bottom{margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid var(--line-light);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.86rem;color:rgba(255,255,255,.65)}
.pay{display:flex;gap:8px}
.pay span{border:1px solid var(--line-light);border-radius:6px;padding:3px 9px;font-weight:700;font-size:.78rem;color:#fff}

/* ---------- contact fab ---------- */
.fab{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab__btn{width:58px;height:58px;border-radius:50%;border:0;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(60,25,22,.55)}
.fab__btn svg{width:26px;height:26px}
.fab__menu{display:grid;gap:8px}
.fab__menu[hidden]{display:none}
.fab__menu a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px 10px 12px;text-decoration:none;font-weight:600;font-size:.92rem;box-shadow:0 10px 24px -14px rgba(60,25,22,.5)}
.fab__menu svg{width:20px;height:20px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,calc(100% + 40px));visibility:hidden;background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;font-size:.92rem;z-index:70;transition:transform .35s ease,visibility 0s linear .35s;white-space:nowrap}
.toast.is-on{transform:translate(-50%,0);visibility:visible;transition:transform .35s ease,visibility 0s}

/* ---------- responsive ---------- */
@media (max-width:1240px){
  .search--head{display:none}
  .icon-btn--search{display:inline-grid}
  .nav{gap:20px}
}
@media (max-width:1024px){
  .nav,.lang--head{display:none}
  .burger{display:inline-grid}
  .header .wrap{gap:10px}
  .grid{grid-template-columns:repeat(3,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .hero__grid,.spot__grid,.reviews,.about,.shop-cols{grid-template-columns:1fr}
  .hero__media{order:-1;width:min(64%,290px)}
  .hero__copy{text-align:left}
  .tag{left:auto;right:-8px;bottom:22px;min-width:0}
  .facts{grid-template-columns:1fr 1fr;border-top:0}
  .facts li{border-right:0;margin-right:0;padding:14px 12px 14px 0;border-top:1px solid var(--line)}
  .spot__media{order:-1}
  .spot__media .arch{max-width:260px;margin:0 auto}
  .deliv-grid{grid-template-columns:1fr}
  .deliv-item{border-right:0;margin-right:0;padding:22px 0;border-bottom:1px solid var(--line-light)}
  .deliv-item:last-child{border-bottom:0}
  .posts{grid-template-columns:1fr}
  .cats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-right:calc(var(--gutter) * -1);padding-right:var(--gutter)}
  .cat{scroll-snap-align:start}
    }
@media (max-width:640px){
  body{font-size:15.5px}
  .promo__phone{display:none}
  .promo .wrap{justify-content:center;text-align:center}
  .header .wrap{min-height:62px}
  .logo__word{font-size:1.45rem}
  .logo svg{width:26px;height:31px}
  
  .grid{grid-template-columns:1fr 1fr;gap:12px}
  .card__body{padding:12px 12px 14px}
  .card__title{font-size:1.2rem}
  .card__meta{font-size:.8rem}
  .card__foot{flex-direction:column;align-items:stretch;gap:10px}
  .add{width:100%}
  .badge{top:8px;left:8px;font-size:.72rem}
  .badge--feat{display:none}
  .compare thead th{font-size:1.25rem;padding:16px 12px}
  .compare th,.compare td{padding:14px 12px;font-size:.9rem}
  .compare tbody th{width:28%}
  .footer__grid{grid-template-columns:1fr 1fr;gap:32px 20px}
  .footer__grid > div:first-child,.footer__grid > div:last-child{grid-column:1 / -1}
  .filters{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(var(--gutter) * -1);padding-right:var(--gutter);scrollbar-width:none}
  .filters::-webkit-scrollbar{display:none}
  .chip{flex-shrink:0}
  .tag{right:-22px;max-width:210px;padding:12px 14px}
  .tag__name{font-size:1.15rem}
  .tag__meta{font-size:.76rem}
  .hero__cta .btn{flex:1 1 100%}
  .sec-head{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}


/* ---------- PREMIUM ART DIRECTION: YalunkaTobi ---------- */
:root{
  --snow:#FCFAF8; --frost:#F6EEEE; --frost-2:#EBD9D9;
  --red:#9F252B; --red-hover:#861B22; --red-dark:#75171D;
  --spruce:#75171D; --spruce-2:#8F1D24; --needle:#A3272E;
  --glow:#D7A35D; --berry:#9F252B; --ink:#2B1718; --muted:#756568;
  --line:rgba(70,22,26,.13); --line-light:rgba(255,255,255,.2);
  --radius-s:8px; --radius-m:14px;
}
body{background:var(--snow);color:var(--ink);letter-spacing:-.01em}
.promo{background:var(--spruce);font-size:.82rem;letter-spacing:.025em}
.promo .wrap{min-height:36px}
.promo__msg b{color:var(--glow)}
.header{background:rgba(252,250,245,.96);border-bottom-color:rgba(29,43,36,.09)}
.header .wrap{min-height:78px;gap:clamp(16px,2.2vw,30px)}
.logo__word{letter-spacing:-.035em;color:var(--spruce)}
.logo svg path{fill:var(--spruce)}
.nav{gap:clamp(12px,1.8vw,25px)}
.nav a{font-size:.88rem;letter-spacing:0}
.nav a.is-sale{color:var(--red-dark)}
.search{background:#F5F1E9;border-color:transparent}
.icon-btn:hover{background:#EDE7DA}
.btn{border-radius:7px;min-height:54px;padding-inline:25px;font-size:.92rem;letter-spacing:.005em}
.btn--glow{background:var(--red);color:#fff}
.btn--glow:hover{background:var(--red-hover)}
.btn--ghost{border-color:rgba(29,43,36,.32)}
.btn--ghost:hover{background:var(--red);border-color:var(--red)}
.btn--white{color:var(--spruce)}
.hero{padding:clamp(46px,6vw,82px) 0 clamp(40px,5vw,64px);background:linear-gradient(115deg,#F8EEEE 0%,#FCFAF8 53%,#F0E2E1 100%)}
.hero::before{width:650px;height:650px;right:-140px;top:-80px;background:radial-gradient(closest-side,rgba(159,37,43,.12),transparent)}
.hero__grid{grid-template-columns:1fr 1.03fr;gap:clamp(36px,6vw,92px)}
.hero__copy{padding:clamp(6px,1vw,16px) 0}
.hero__copy::before{content:attr(data-eyebrow);display:block;color:var(--red-dark);font-size:.72rem;font-weight:800;letter-spacing:.19em;margin-bottom:24px}
.hero h1{font-size:clamp(3.2rem,6vw,5.6rem);line-height:.96;max-width:650px;letter-spacing:-.045em;color:var(--spruce)}
.hero__lead{font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.75;max-width:48ch;margin:24px 0 30px;color:#5D685F}
.hero__cta{gap:12px}
.hero__media{width:100%;max-width:560px}
.arch{aspect-ratio:4/4.65;border-radius:48% 48% 12px 12px;background:#E4DED1;box-shadow:0 26px 60px -35px rgba(22,46,35,.38)}
.arch img{object-position:center 48%}
.hero__media::before{inset:-12px -12px 14px 12px;border-color:var(--red);border-radius:49% 49% 16px 16px;opacity:.62}
.tag{left:-34px;bottom:26px;border:1px solid rgba(29,43,36,.08);border-radius:10px;box-shadow:0 16px 40px -20px rgba(20,39,29,.4);padding:17px 20px;min-width:250px}
.tag__name{color:var(--spruce);font-size:1.45rem}
.tag__price{color:var(--red-dark)}
.facts{margin-top:clamp(34px,4vw,52px)}
.facts li{font-size:.84rem;border-color:rgba(60,20,22,.12)}
.facts b{font-size:.9rem;color:var(--spruce)}
.section{padding:clamp(58px,7vw,100px) 0}
.h-sec,.seo-text h2,.faq h2{color:var(--spruce);letter-spacing:-.035em}
.h-sec{font-size:clamp(2.3rem,4.1vw,3.5rem)}
.sec-head{margin-bottom:clamp(26px,3.5vw,40px)}
.sec-lead{font-size:1rem;line-height:1.7;color:#687169}
.cats{gap:18px}
.cat{aspect-ratio:5/4;border-radius:10px;background:var(--spruce)}
.cat::after{background:linear-gradient(180deg,rgba(50,8,12,0) 15%,rgba(70,8,14,.88) 100%)}
.cat__body{padding:26px}
.cat__name{font-size:clamp(2rem,2.7vw,2.6rem);letter-spacing:-.025em}
.cat__meta{font-size:.82rem;color:rgba(255,255,255,.84)}
.grid{gap:18px}
.card{border:1px solid rgba(60,20,22,.10);border-radius:10px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -28px rgba(70,18,22,.20)}
.card__img{background:#F1EDE4}
.badge{background:var(--spruce);border-radius:4px;letter-spacing:.03em;font-size:.7rem}
.badge--feat{background:#F7F2E8;color:var(--spruce)}
.card__body{padding:17px 17px 18px}
.card__type{color:#71806F;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em}
.card__title{font-size:1.55rem;color:var(--spruce)}
.card__price b{color:var(--spruce);font-size:1.12rem}
.add{border-color:var(--spruce);color:var(--spruce);border-radius:5px;font-size:.8rem}
.add:hover,.add[data-added="true"]{background:var(--spruce);color:white}
.chip{border-radius:5px;border-color:rgba(60,20,22,.16);font-size:.82rem}
.chip[aria-pressed="true"]{background:var(--spruce);border-color:var(--spruce)}
.spot{background:var(--spruce);color:#fff;position:relative;overflow:hidden}
.spot::before{content:'';position:absolute;right:-170px;top:-240px;width:600px;height:600px;border:1px solid rgba(215,183,119,.16);border-radius:50%;box-shadow:0 0 0 50px rgba(215,183,119,.025),0 0 0 100px rgba(215,183,119,.02)}
.spot .h-sec{color:#F9F5EA}
.spot p{color:rgba(255,255,255,.76);line-height:1.8}
.spot__media .arch{border-radius:48% 48% 10px 10px;box-shadow:none;border:1px solid rgba(215,183,119,.35)}
.spot__steps li::before{color:var(--glow)}
.spot .btn--white{background:#F6F0E3;color:var(--spruce)}
.spot__price{color:#F9F5EA}
.guide__value{color:var(--spruce)}
.guide__links a{background:#EDE8DC;color:var(--spruce);border-radius:5px}
.compare-wrap{background:#F3F0E8}
.compare{border-radius:10px}
.compare thead th{color:var(--spruce)}
.compare thead th.col-lita,.compare .col-lita{background:rgba(143,29,36,.06)}
.compare thead th.col-lita{color:var(--spruce)}
.compare-actions .btn{background:transparent}
.shop-col__img{border-radius:10px;background:#E9E4D9}
.shop-col h3{color:var(--spruce);font-size:2.2rem}
.pricelist li{border-color:rgba(60,20,22,.12)}
.pl-price{color:var(--spruce)}
.text-link{color:var(--spruce);text-decoration-color:rgba(29,43,36,.35)}
.rating__num{color:var(--spruce)}
.stars{color:#B78B4A}
.quote-main{color:var(--spruce)}
.quote-main::before{color:var(--red)}
.quote{border-color:rgba(60,20,22,.10);border-radius:10px}
.delivery{background:#244A3B}
.delivery .h-sec{color:#F9F5EA}
.deliv-item h3{color:#F9F5EA}
.cities a{border-radius:5px}
.post{border-top-color:var(--red)}
.post h3{color:var(--spruce)}
.footer{background:#142D24;padding-bottom:clamp(50px,6vw,78px)}
.footer .logo__word{color:#F9F5EA}
.footer .logo svg path{fill:#F9F5EA}
.footer__h{color:#D7B777;letter-spacing:.04em}
.footer__phone{color:#F9F5EA}
.footer .btn--glow{background:#D7B777;color:#183A2F}
.footer .btn--glow:hover{background:#E5C98F}
.fab__btn{background:var(--spruce);border:1px solid rgba(255,255,255,.35)}
.fab__menu a{border-radius:7px}
.toast{background:var(--spruce);border-radius:6px}
@media(max-width:860px){
 .hero{padding-top:34px}
 .hero__grid{gap:34px}
 .hero__media{width:min(78%,390px);margin-bottom:10px}
 .hero__copy::before{margin-bottom:16px}
 .hero h1{font-size:clamp(2.7rem,10vw,4rem)}
 .tag{left:auto;right:-20px;bottom:16px;min-width:210px}
 .facts{margin-top:28px}
 .spot::before{right:-350px}
}
@media(max-width:640px){
 .promo{font-size:.76rem}
 .header .wrap{min-height:64px}
 .hero{padding:28px 0 36px}
 .hero__grid{gap:24px}
 .hero__media{width:min(82%,310px)}
 .hero h1{font-size:clamp(2.55rem,11vw,3.35rem);line-height:.98}
 .hero__lead{margin:18px 0 22px;font-size:.97rem}
 .hero__cta .btn{flex:1 1 100%}
 .tag{right:-25px;bottom:12px;max-width:205px;padding:12px 14px}
 .facts li{padding:13px 10px 13px 0;font-size:.78rem}
 .facts b{font-size:.82rem}
 .cats{gap:12px}
 .cat__body{padding:18px}
 .card__title{font-size:1.25rem}
 .card__body{padding:12px}
 .card__foot{gap:8px}
 .add{min-height:39px}
 .section{padding:56px 0}
 .spot__media .arch{max-width:270px}
 .footer{padding-bottom:86px}
}



/* Cleaner, more premium rhythm */
.hero__lead{max-width:540px;line-height:1.65}
.facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.section{padding-top:76px;padding-bottom:76px}
.sec-lead{max-width:620px;line-height:1.65}
@media(max-width:760px){.facts{grid-template-columns:1fr}.section{padding-top:48px;padding-bottom:48px}}

/* Client feedback: full-bleed hero and uncropped product photography */
.hero{
  min-height:0;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#3b1716;
  isolation:isolate;
}
.hero::before{display:none}
.hero__grid{
  width:100%;max-width:none;margin:0;padding:0;
  min-height:clamp(400px,34vw,500px);
  display:flex;align-items:center;position:relative;isolation:isolate;
}
.hero__media{position:absolute;inset:0;width:100%;max-width:none;margin:0;z-index:-2;justify-self:stretch}
.hero__media .arch{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none;background:#4a2420}
.hero__media .arch img{width:100%;height:100%;object-fit:cover;object-position:center 48%;border-radius:0;filter:brightness(.82)}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,10,12,.88) 0%,rgba(55,13,15,.72) 34%,rgba(60,13,15,.24) 65%,rgba(40,8,10,.02) 100%);pointer-events:none}
.hero__media::before{display:none}
.hero__copy{position:relative;z-index:2;width:min(1240px,100%);margin:0 auto;padding:clamp(56px,7vw,92px) var(--gutter);color:#fff}
.hero__copy::before{color:#F0C9C2;margin-bottom:20px}
.hero h1{max-width:700px;color:#fff;font-size:clamp(3rem,6.4vw,6rem);line-height:.96;text-shadow:0 2px 20px rgba(0,0,0,.12)}
.hero__lead{max-width:570px;color:rgba(255,255,255,.88);font-size:clamp(1rem,1.3vw,1.18rem)}
.hero__cta .btn--ghost{border-color:rgba(255,255,255,.75);color:#fff;background:rgba(255,255,255,.06)}
.hero__cta .btn--ghost:hover{background:#fff;color:var(--red-dark)}
.hero .tag{display:none}
.hero .facts{position:relative;z-index:2;width:100%;max-width:none;margin:0 auto;padding:18px max(var(--gutter),calc((100vw - var(--wrap))/2 + var(--gutter))) 20px;border:0;grid-template-columns:repeat(3,minmax(0,1fr));color:var(--muted);background:#F8F3EF}
.hero .facts li{border-color:var(--line);color:var(--muted);padding-top:8px}
.hero .facts b{color:var(--ink)}
/* Product images retain their complete silhouette; no crop or zoom */
.card__img{aspect-ratio:4/5;background:#F7F3EF;display:block;padding:0}
.card__img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:none}
.card:hover .card__img img{transform:none}
/* The feature/product photo should also stay fully visible */
.spot__media .arch{aspect-ratio:4/5;max-width:440px;background:#F7F3EF;border-radius:10px;overflow:hidden}
.spot__media .arch img{object-fit:cover;object-position:center;background:#F7F3EF}
.shop-col__img{background:#F7F3EF}
.shop-col__img img{object-fit:cover}
@media(max-width:760px){
 .hero{min-height:0}
 .hero__grid{min-height:520px;align-items:flex-start}
 .hero__copy{padding:58px var(--gutter) 170px}
 .hero h1{font-size:clamp(2.7rem,11vw,4rem);max-width:11ch}
 .hero__lead{max-width:38ch;margin:18px 0 24px}
 .hero__media .arch img{object-position:62% center}
 .hero__media::after{background:linear-gradient(180deg,rgba(35,8,10,.68) 0%,rgba(45,9,12,.40) 48%,rgba(42,10,11,.72) 100%)}
 .hero .tag{right:var(--gutter);left:var(--gutter);bottom:22px;min-width:0;padding:12px 15px}
 .hero .facts{grid-template-columns:1fr;gap:0;padding:14px var(--gutter) 18px}
 .hero .facts li{padding:10px 0;margin:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
 .hero .facts li:last-child{border-bottom:0}
 .card__img{aspect-ratio:4/5;padding:0}
 .spot__media .arch{max-width:100%;aspect-ratio:4/5}
}


/* Final visual refinements: cinematic full-width hero and consistent product tiles */
.hero .hero__media .arch img{object-fit:cover!important;object-position:50% 50%!important}
.hero .tag{display:none!important}
.card__img{aspect-ratio:4/5!important;padding:0!important;overflow:hidden}
.card__img img{object-fit:cover!important;object-position:50% 50%!important;width:100%;height:100%;}
@media(max-width:760px){.hero__grid{min-height:500px}.hero__copy{padding-top:54px;padding-bottom:70px}.hero .facts{padding-left:var(--gutter);padding-right:var(--gutter)}}

/* ================= Тема: доповнення до макета ================= */
.skip-link:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;background:#fff;padding:10px 16px;border-radius:6px}
.hero picture{display:contents}
.section--cats{padding-top:clamp(40px,5vw,64px)}
.section--cats .h-sec{margin-bottom:clamp(20px,3vw,32px)}
.section--flush{padding-top:0}
a.add{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.lang span{color:var(--ink)}
.seo-text p strong{font-family:var(--sans);font-size:1rem;font-weight:700}
.seo-text a{color:var(--spruce)}
.faq details p a{color:var(--spruce);font-weight:600}
.deliv-item p a{white-space:nowrap}
.subscribe-msg{display:none;margin:10px 0 0;font-size:.92rem;color:#F9F5EA}
.subscribe-msg:target,[data-subscribe-msg]:not(:empty){display:block}
.subscribe[data-done] {display:none}

/* Загальні сторінки (тимчасово — до дизайну решти шаблонів) */
.site-page{padding:clamp(28px,4vw,48px) 0 clamp(56px,7vw,96px)}
.page__title,.site-page .woocommerce-products-header__title,.site-page .product_title{font-family:var(--serif);font-weight:600;color:var(--spruce);letter-spacing:-.03em;line-height:1.05;font-size:clamp(2.2rem,4.4vw,3.4rem);margin:0 0 .5em}
.crumbs{font-size:.86rem;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted)}
.entry{max-width:78ch}
.entry h2,.entry h3{font-family:var(--serif);color:var(--spruce);line-height:1.15;letter-spacing:-.02em}
.entry h2{font-size:clamp(1.7rem,3vw,2.2rem)}
.entry h3{font-size:1.5rem}
.entry img{height:auto}
.entry table{border-collapse:collapse;width:100%}
.entry td,.entry th{border:1px solid var(--line);padding:8px 10px}
.post h2{font-family:var(--serif);font-size:1.7rem;font-weight:600;line-height:1.12;margin:0;color:var(--spruce)}
.site-page .posts{margin-top:28px}
.search svg{width:18px;height:18px;flex-shrink:0;color:var(--muted)}
.hero__copy::before{text-transform:uppercase}
.hero__facts{background:#F8F3EF}
.hero .facts{max-width:var(--wrap)!important;padding:18px var(--gutter) 20px!important;background:transparent!important}
/* доступність: контраст підпису типу хвої на білій картці ≥ 4.5:1 */
.card__type{color:#5E6A5D;font-size:.72rem}

/* ================= Крок 10: решта шаблонів у стилі головної ================= */
.muted{color:var(--muted)}
.wrap--text{max-width:860px}
.h-sub{font-family:var(--serif);font-weight:600;color:var(--spruce);letter-spacing:-.03em;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;margin:0 0 18px}
.h-sub__n{font-family:var(--sans);font-size:1rem;color:var(--muted);font-weight:600;vertical-align:middle}
.crumbs .breadcrumb_last{color:var(--ink)}
.site-page .page__title{margin-bottom:.35em}
.chip.is-current{background:var(--spruce);border-color:var(--spruce);color:#fff;display:inline-flex;align-items:center}
a.chip{display:inline-flex;align-items:center;text-decoration:none}
.stars{color:#B78B4A;letter-spacing:2px}

/* категорія */
.cat-head{margin-bottom:22px}
.cat-intro{max-width:72ch;color:var(--muted);font-size:1.02rem;line-height:1.7}
.cat-intro p{margin:0}
.cat-layout{display:block}
.cat-layout.has-filters{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.cat-count{margin:0 0 14px;color:var(--muted);font-size:.9rem}
.grid--cat{grid-template-columns:repeat(3,1fr)}
.cat-layout:not(.has-filters) .grid--cat,.grid--4{grid-template-columns:repeat(4,1fr)}
.card--list .card__title{font-size:1.2rem;line-height:1.18}
.cat-empty{padding:30px 0}
.pager{margin-top:28px}
.pager .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pager .page-numbers{min-width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;text-decoration:none}
.pager .page-numbers.current{background:var(--spruce);color:#fff;border-color:var(--spruce)}
.seo-block{background:#F8F3EF;padding-top:56px;padding-bottom:56px;margin-top:56px}
.seo-text--wide{max-width:900px}
.seo-text h3{font-family:var(--serif);font-size:1.45rem;color:var(--spruce);margin:24px 0 6px}
.seo-text ul{padding-left:1.2em}
.seo-block .seo-more::after{background:linear-gradient(rgba(248,243,239,0),#F8F3EF)}

/* фільтри */
.fpanel{position:sticky;top:96px}
.fpanel__toggle{display:none}
.fpanel__toggle::-webkit-details-marker{display:none}
.fpanel__n{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:11px;background:var(--red);color:#fff;font-size:.75rem;margin-left:6px}
.fpanel__head{display:none}
.fpanel__body{display:grid;gap:18px}
.facet{border:0;margin:0;padding:0 0 16px;border-bottom:1px solid var(--line)}
.facet legend{font-weight:700;font-size:.92rem;margin-bottom:10px;padding:0}
.facet__opts{display:flex;flex-wrap:wrap;gap:6px}
.facet__opt{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(60,20,22,.16);border-radius:5px;padding:7px 10px;font-size:.86rem;cursor:pointer;background:#fff}
.facet__opt input{position:absolute;opacity:0;pointer-events:none}
.facet__opt small{color:var(--muted);font-size:.75rem}
.facet__opt:has(input:checked){background:var(--spruce);border-color:var(--spruce);color:#fff}
.facet__opt:has(input:checked) small{color:rgba(255,255,255,.8)}
.facet__opt:has(input:focus-visible){outline:3px solid var(--glow);outline-offset:2px}
.facet__opt.is-empty{opacity:.45}
.facet--price{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.facet--price legend{width:100%}
.facet--price input{width:110px;height:42px;border:1px solid var(--line);border-radius:6px;padding:0 10px;font:inherit}
.fpanel__actions{display:flex;gap:8px;flex-wrap:wrap}
.fpanel__actions .btn{min-height:46px;flex:1}

/* товар */
.pgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:start}
.gallery{position:relative;min-width:0}
.gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:10px;background:#F7F3EF;scrollbar-width:none}
.gallery__track::-webkit-scrollbar{display:none}
.gallery__slide{flex:0 0 100%;margin:0;scroll-snap-align:start;aspect-ratio:4/5}
.gallery__slide a,.gallery__slide img{display:block;width:100%;height:100%;object-fit:cover}
.gallery > .badge{top:14px;left:14px;font-size:.8rem}
.gallery__thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:thin}
.gallery__thumbs a{flex:0 0 72px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.gallery__thumbs img{width:72px;height:72px;object-fit:cover}
.psum .card__type{margin-bottom:6px}
.ptitle{font-family:var(--serif);font-weight:600;color:var(--spruce);letter-spacing:-.03em;line-height:1.05;font-size:clamp(2rem,3.6vw,3rem);margin:0 0 12px}
.prating{margin:0 0 14px;display:flex;align-items:center;gap:10px;font-size:.92rem}
.pprice{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:4px 0 6px}
.pprice b{font-size:2rem;color:var(--spruce);font-weight:700}
.pprice s{font-size:1.05rem}
.pprice__d{background:var(--spruce);color:#fff;border-radius:4px;padding:3px 8px;font-size:.8rem;font-weight:700}
.pstock{margin:0 0 18px;color:#2F6B47;font-weight:600;font-size:.9rem}
.pstock.is-out{color:var(--red)}
.pheights{margin:0 0 18px}
.pheights__label{margin:0 0 8px;font-weight:700;font-size:.9rem}
.pheights__list{display:flex;flex-wrap:wrap;gap:8px}
.pheights .chip{height:42px}
.pbuy form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 20px}
.pbuy .yt-option{width:100%;margin:0 0 4px;display:grid;gap:6px;font-weight:600;font-size:.9rem}
.pbuy select,.woo-page select,.woo-page input.input-text,.woo-page textarea,.field input,.field textarea{min-height:46px;border:1px solid rgba(60,20,22,.2);border-radius:7px;padding:8px 12px;font:inherit;background:#fff;color:var(--ink);width:100%}
.pbuy .quantity input{width:76px;height:54px;border:1px solid rgba(60,20,22,.2);border-radius:7px;text-align:center;font:inherit}
.pbuy .single_add_to_cart_button,.woo-page .button,.woo-page button.button,.woo-page a.button,.woocommerce-message .button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:7px;border:0;background:var(--red);color:#fff;font:600 .95rem var(--sans);text-decoration:none;cursor:pointer}
.pbuy .single_add_to_cart_button{flex:1;min-width:200px}
.pbuy .single_add_to_cart_button:hover,.woo-page .button:hover{background:var(--red-hover)}
.pfacts{list-style:none;padding:16px 0 0;margin:0 0 8px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:.92rem;color:var(--muted)}
.pfacts b{color:var(--ink)}
.pinfo{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,56px);margin-top:56px;align-items:start}
.pattrs table,.woocommerce-product-attributes{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
.woocommerce-product-attributes th,.woocommerce-product-attributes td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem;vertical-align:top}
.woocommerce-product-attributes th{color:var(--muted);font-weight:600;width:40%}
.woocommerce-product-attributes td p{margin:0}
.previews,.prelated{margin-top:56px}
.previews__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.previews__list{display:grid;gap:14px}
.review{background:#fff;border:1px solid rgba(60,20,22,.10);border-radius:10px;padding:18px 20px}
.review__head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;font-size:.92rem}
.review__head time{color:var(--muted)}
.review__product{margin:6px 0 0;font-size:.88rem;color:var(--muted)}
.review__product a{color:var(--spruce)}
.review__text p{margin:10px 0 0}
.review__reply{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--glow);background:#F8F3EF;border-radius:6px;font-size:.92rem}
.review__reply p{margin:0}
.review__reply-by{font-weight:700;margin-bottom:4px!important}

/* форма відгуку */
.rform{background:#F8F3EF;border-radius:10px;padding:22px;display:grid;gap:14px;position:sticky;top:96px}
.rform__title{font-family:var(--serif);font-size:1.6rem;font-weight:600;color:var(--spruce);margin:0}
.rform__rating{border:0;padding:0;margin:0}
.rform__rating legend{font-weight:600;font-size:.9rem;margin-bottom:4px;padding:0}
.rate{display:inline-flex;flex-direction:row-reverse;gap:2px}
.rate input{position:absolute;opacity:0;width:1px;height:1px}
.rate label{font-size:2rem;line-height:1;color:#D9CFC4;cursor:pointer;padding:2px}
.rate input:checked ~ label,.rate label:hover,.rate label:hover ~ label{color:#B78B4A}
.rate input:focus-visible + label{outline:3px solid var(--glow);border-radius:4px}
.field{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.rform__note{margin:0;font-size:.82rem;color:var(--muted)}
.rform__msg{display:none;margin:0;padding:10px 12px;border-radius:6px;background:#FBE9E7;color:var(--red-dark);font-size:.9rem}
.rform__msg.is-ok{background:#E6F2EA;color:#24553A}
.rform__msg:target,[data-review-msg]:not(:empty){display:block}

/* сторінка «Відгуки» */
.rev-page{display:grid;grid-template-columns:380px 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.rev-page__side{display:grid;gap:22px;position:sticky;top:96px}
.rev-page__side .rform{position:static}
.rev-page__list{display:grid;gap:14px}
.rating--big .rating__num{font-size:4rem}

/* блог */
.posts--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.posts--one{display:grid;grid-template-columns:minmax(0,520px)}
.pcard{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid rgba(60,20,22,.10);border-radius:10px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.pcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -28px rgba(70,18,22,.25)}
.pcard__img{display:block;aspect-ratio:16/10;background:#F1EDE4;overflow:hidden}
.pcard__img img{width:100%;height:100%;object-fit:cover}
.pcard__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.pcard__body time{font-size:.8rem;color:var(--muted)}
.pcard__title{font-family:var(--serif);font-weight:600;font-size:1.5rem;line-height:1.12;color:var(--spruce);margin:0}
.pcard__ex{color:var(--muted);font-size:.94rem}
.pcard__more{margin-top:auto;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.article__meta{color:var(--muted);font-size:.9rem;margin:0 0 20px}
.article__img{margin:0 0 26px;border-radius:10px;overflow:hidden}
.article__img img{width:100%;height:auto}
.entry{font-size:1.05rem;line-height:1.75}
.entry a{color:var(--spruce)}
.entry ul,.entry ol{padding-left:1.3em}
.entry blockquote{margin:20px 0;padding:12px 18px;border-left:3px solid var(--red);background:#F8F3EF}

/* контакти */
.contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.contacts__card{background:#fff;border:1px solid rgba(60,20,22,.10);border-radius:10px;padding:22px}
.contacts__label{margin:0 0 6px;color:var(--muted);font-size:.86rem;font-weight:600}
.contacts__big{font-size:1.5rem;font-weight:700;color:var(--spruce);text-decoration:none}
.contacts__big--sm{font-size:1.1rem;word-break:break-all}
.contacts__msg{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.contacts__msg .btn{min-height:44px;padding:0 14px;font-size:.88rem}
.contacts__msg svg{width:18px;height:18px}
.contacts__addr{margin:0 0 10px}

/* 404 */
.site-page--404 .search{width:100%;max-width:520px;margin:18px 0 24px;height:52px}
.nf-cats{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}

/* WooCommerce: повідомлення, кошик, оформлення, кабінет — лише вигляд */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notices-wrapper > *{list-style:none;margin:0 0 18px;padding:14px 18px;border-radius:8px;background:#F8F3EF;border-left:4px solid var(--spruce);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.woocommerce-error{border-left-color:var(--red);background:#FBE9E7}
.woocommerce-message .button{min-height:42px;padding:0 18px;order:2}
.woo-page table.shop_table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.woo-page table.shop_table th,.woo-page table.shop_table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.woo-page .product-thumbnail img{width:72px;height:auto;border-radius:6px}
.woo-page .product-name a{color:var(--spruce);font-weight:600}
.woo-page .product-remove a{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#F8F3EF;color:var(--red);text-decoration:none;font-size:1.3rem}
.woo-page .quantity input{width:70px;height:44px;border:1px solid rgba(60,20,22,.2);border-radius:7px;text-align:center;font:inherit}
.woo-page .coupon{display:flex;gap:8px;flex-wrap:wrap}
.woo-page .coupon input{width:auto;min-width:180px}
.woo-page .cart-collaterals{margin-top:28px;display:flex;justify-content:flex-end}
.woo-page .cart_totals{width:min(100%,460px)}
.woo-page .cart_totals h2,.woo-page #order_review_heading,.woo-page .woocommerce-billing-fields h3,.woo-page .woocommerce-shipping-fields h3,.woo-page .woocommerce-additional-fields h3,.woo-page h2,.woo-page h3{font-family:var(--serif);color:var(--spruce);font-weight:600;letter-spacing:-.02em;font-size:1.7rem;margin:0 0 14px}
.woo-page .wc-proceed-to-checkout .button{width:100%;margin-top:14px}
.woo-page form.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.woo-page form.checkout > .woocommerce-NoticeGroup,.woo-page form.checkout > .wc_coupon_message_wrapper{grid-column:1 / -1}
.woo-page #customer_details{grid-column:1}
.woo-page #order_review_heading,.woo-page #order_review{grid-column:2}
.woo-page #order_review_heading{grid-row:1;align-self:end}
.woo-page #customer_details{grid-row:1 / span 2}
.woo-page #order_review{grid-row:2;background:#F8F3EF;border-radius:10px;padding:20px;position:sticky;top:96px}
.woo-page .col2-set .col-1,.woo-page .col2-set .col-2{width:100%;float:none}
.woo-page .form-row{display:grid;gap:6px;margin:0 0 14px}
.woo-page .form-row label{font-weight:600;font-size:.9rem}
.woo-page .form-row .required{color:var(--red);text-decoration:none}
.woo-page .form-row-first,.woo-page .form-row-last{width:100%}
.woo-page .woocommerce-input-wrapper{display:block}
.woo-page ul.wc_payment_methods,.woo-page ul#shipping_method{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.woo-page .wc_payment_method,.woo-page #shipping_method li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.woo-page .wc_payment_method label,.woo-page #shipping_method li label{font-weight:600;cursor:pointer}
.woo-page .payment_box{margin-top:8px;font-size:.9rem;color:var(--muted)}
.woo-page .payment_box p{margin:0}
.woo-page #place_order{width:100%;margin-top:16px}
.woo-page .woocommerce-privacy-policy-text,.woo-page .woocommerce-terms-and-conditions-wrapper{font-size:.86rem;color:var(--muted)}
.woo-page .select2-container .select2-selection--single{height:46px;border:1px solid rgba(60,20,22,.2);border-radius:7px}
.woo-page .select2-container .select2-selection--single .select2-selection__rendered{line-height:44px;padding-left:12px}
.woo-page .select2-container .select2-selection--single .select2-selection__arrow{height:44px}
.woo-page .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}
.woo-page .woocommerce-MyAccount-navigation a{display:inline-flex;min-height:42px;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem}
.woo-page .woocommerce-MyAccount-navigation .is-active a{background:var(--spruce);color:#fff;border-color:var(--spruce)}
.woo-page .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.woo-page .woocommerce-form-login,.woo-page .woocommerce-form-register{background:#F8F3EF;border-radius:10px;padding:22px}
.woo-page .woocommerce-form__label-for-checkbox{display:flex;gap:8px;align-items:center;font-weight:500}
.woo-page .woocommerce-orders-table .button{min-height:38px;padding:0 14px;font-size:.85rem}
.woo-page .cart-empty{font-size:1.1rem}
.woo-page .return-to-shop .button{margin-top:10px}

@media (max-width:1024px){
 .grid--cat,.cat-layout:not(.has-filters) .grid--cat,.grid--4{grid-template-columns:repeat(3,1fr)}
 .cat-layout.has-filters{grid-template-columns:1fr}
 .cat-layout.has-filters .grid--cat{grid-template-columns:repeat(3,1fr)}
 .contacts{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
 .fpanel{position:static}
 .fpanel__toggle{display:inline-flex;margin-bottom:14px;list-style:none}
 .fpanel[open] .fpanel__body{position:fixed;inset:0;z-index:65;background:var(--snow);overflow-y:auto;padding:16px var(--gutter) 100px;align-content:start}
 .fpanel[open] .fpanel__head{display:flex;justify-content:space-between;align-items:center}
 .fpanel__title{font-family:var(--serif);font-size:1.8rem;font-weight:600;color:var(--spruce);margin:0}
 .fpanel[open] .fpanel__actions{position:fixed;left:0;right:0;bottom:0;z-index:66;background:var(--snow);padding:12px var(--gutter);border-top:1px solid var(--line)}
 .pgrid,.pinfo,.previews__grid,.rev-page,.woo-page form.checkout,.woo-page .u-columns{grid-template-columns:1fr}
 .woo-page #order_review_heading,.woo-page #order_review,.woo-page #customer_details{grid-column:1;grid-row:auto}
 .woo-page #order_review{position:static}
 .rform,.rev-page__side{position:static}
 .posts--grid{grid-template-columns:1fr 1fr}
 .site-page--product .gallery{margin:0 calc(var(--gutter) * -1)}
 .site-page--product .gallery__track{border-radius:0}
 .site-page--product .gallery__thumbs{padding:0 var(--gutter)}
}
@media (max-width:640px){
 .grid--cat,.cat-layout:not(.has-filters) .grid--cat,.cat-layout.has-filters .grid--cat,.grid--4{grid-template-columns:1fr 1fr}
 .card--list .card__title{font-size:1.02rem}
 .posts--grid,.contacts{grid-template-columns:1fr}
 .woo-page table.shop_table_responsive thead{display:none}
 .woo-page table.shop_table_responsive tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:8px 0}
 .woo-page table.shop_table_responsive td{border:0;padding:6px 10px}
 .woo-page table.shop_table_responsive td::before{content:attr(data-title);display:block;font-size:.78rem;color:var(--muted)}
 .woo-page table.shop_table_responsive td.product-remove::before,.woo-page table.shop_table_responsive td.product-thumbnail::before,.woo-page table.shop_table_responsive td.actions::before{display:none}
 .woo-page table.shop_table_responsive td.actions{grid-column:1 / -1}
 .pprice b{font-size:1.7rem}
}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.entry h4,.entry h5,.entry h6{font-family:var(--sans);font-size:1.05rem;font-weight:700;color:var(--ink);margin:22px 0 8px;letter-spacing:0}
/* старі тексти з вбудованими стилями (Roboto, 3.2rem тощо) — у шрифтах і кольорах теми */
.entry [style]{font-family:inherit!important;color:inherit!important;text-indent:0!important}
.entry h2[style]{font-family:var(--serif)!important;font-size:clamp(1.7rem,3vw,2.2rem)!important;color:var(--spruce)!important}
.entry p[style],.entry li[style],.entry span[style],.entry td[style]{font-size:inherit!important}
.subscribe-legal{margin:10px 0 0;font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.6)}

/* ================= Крок 12: доробки з аудиту ================= */
/* шапка: соцмережі й «Передзвоніть мені» */
.promo__contacts{display:flex;align-items:center;gap:10px}
.promo__soc{display:inline-grid;place-items:center;width:26px;height:26px;color:#fff;opacity:.9}
.promo__soc svg{width:16px;height:16px}
.promo__cb{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:600}
.promo__cb:hover{background:#fff;color:var(--spruce)}
.socials--dark a{border-color:var(--line);color:var(--ink)}
.drawer__contacts .btn{margin-top:8px;min-height:44px}
/* кнопка чату — менша, біля нижнього краю */
.fab{right:12px;bottom:12px}
.fab__btn{width:46px;height:46px}
.fab__btn svg{width:20px;height:20px}
.single-product .fab{bottom:76px}
@media (min-width:901px){.single-product .fab{bottom:12px}}

/* каталог: швидкий вибір */
.qchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 14px}
.qchips .chip{display:inline-flex;align-items:center;height:36px;padding:0 12px;text-decoration:none;font-size:.82rem;white-space:nowrap;background:#fff}
.qchips .chip.is-on{background:var(--spruce);border-color:var(--spruce);color:#fff}
.qchips__sep{width:1px;height:22px;background:var(--line);margin:0 4px}
@media (max-width:900px){.qchips{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(var(--gutter) * -1);padding-right:var(--gutter);scrollbar-width:none}.qchips::-webkit-scrollbar{display:none}}

/* товар */
.pprice s{color:#8a7e7f;font-weight:500}
.pprice__save{background:#E9F3EC;color:#24553A;border-radius:4px;padding:3px 8px;font-size:.82rem;font-weight:700}
.hchip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:7px 10px;border:1px solid rgba(60,20,22,.18);border-radius:7px;text-decoration:none;background:#fff;line-height:1.2}
.hchip b{font-size:.92rem}
.hchip small{font-size:.74rem;color:var(--muted)}
.hchip.is-current{background:var(--spruce);border-color:var(--spruce);color:#fff}
.hchip.is-current small{color:rgba(255,255,255,.85)}
.pheights__hint{margin:10px 0 0;font-size:.84rem;color:var(--muted)}
.pheights__hint a{color:var(--spruce)}
.pbuy2{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 16px}
.pbuy2 .btn{flex:1;min-height:46px;font-size:.88rem;border-color:var(--spruce);color:var(--spruce)}
.pbuy2 .btn:hover{background:var(--spruce);color:#fff}
.pterms{list-style:none;padding:12px 14px;margin:0 0 10px;background:#F8F3EF;border-radius:8px;display:grid;gap:6px;font-size:.88rem}
.pterms li::before{content:"✓";color:#2F6B47;font-weight:700;margin-right:8px}
.specs{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
.specs th,.specs td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem}
.specs th{color:var(--muted);font-weight:600;width:45%}
.pstick{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#FCFAF8;border-top:1px solid var(--line);padding:10px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -8px 24px -18px rgba(60,20,22,.4)}
.pstick[hidden]{display:none}
.pstick__price b{font-size:1.25rem;color:var(--spruce);display:block;line-height:1.1}
.pstick__price s{font-size:.8rem;color:#8a7e7f}
.pstick .btn{min-height:48px;flex:0 0 auto;padding:0 28px}
@media (min-width:901px){.pstick{display:none!important}}
@media (max-width:900px){
 .site-page--product .gallery__slide{aspect-ratio:auto;height:48vh;max-height:430px}
 .site-page--product .gallery__thumbs{display:none}
 .gallery__track{scroll-padding:0}
 .ptitle{font-size:1.65rem;margin-bottom:6px}
 .site-page--product .crumbs{margin-bottom:10px}
 .site-page--product{padding-top:14px}
}

/* вікна */
.modal{border:0;padding:0;background:transparent;max-width:min(560px,94vw);width:100%;max-height:92vh}
.modal::backdrop{background:rgba(43,23,24,.35)}
.modal__box{position:relative;background:var(--snow);border-radius:12px;padding:22px;display:grid;gap:12px;max-height:92vh;overflow:auto}
.modal__close{position:absolute;right:8px;top:8px}
.modal__title{font-family:var(--serif);font-size:1.7rem;font-weight:600;color:var(--spruce);margin:0;padding-right:40px;line-height:1.1}
.added{display:grid;gap:12px}
.added__item{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}
.added__item img{width:96px;height:96px;object-fit:cover;border-radius:8px}
.added__name{font-weight:700;margin:0}
.added__price{margin:4px 0 0}
.added__price b{color:var(--spruce)}
.added__sum{margin:0;font-size:.95rem}
.added__btns{display:flex;gap:8px;flex-wrap:wrap}
.added__btns .btn{flex:1;min-height:48px;white-space:nowrap}
@media (max-width:480px){.added__btns .btn{flex:1 1 100%}}
.lead-form .btn{min-height:48px}
.lead-consent{margin:0;font-size:.76rem;color:var(--muted);line-height:1.45}
.lead-consent a{color:var(--spruce)}
.lead-msg{margin:0;font-size:.9rem;color:var(--red-dark)}
.lead-msg:empty{display:none}
.lead-msg.is-ok{color:#24553A;font-weight:600}
.qo-item{margin:0;font-size:.92rem}
.contacts-cb{margin-top:26px;max-width:520px}
.cb-inline{background:#F8F3EF;border-radius:10px;padding:22px;display:grid;gap:12px}

/* «З цим купують» */
.xsell{display:grid;gap:8px;margin-top:6px}
.xsell__title{margin:0;font-weight:700}
.xsell__note{margin:-4px 0 0;font-size:.82rem;color:#24553A}
.xsell__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.xs{display:grid;gap:4px;align-content:start;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:.82rem}
.xs__img{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:6px;background:#F7F3EF}
.xs__img img{width:100%;height:100%;object-fit:cover}
.xs__name{text-decoration:none;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xs__price b{color:var(--spruce)}
.xs__price s{margin-left:6px;color:#8a7e7f;font-size:.76rem}
.add--sm{height:34px;font-size:.76rem;padding:0 10px;width:100%}
.add.is-in{background:var(--spruce);color:#fff}
.xsell--mini .xsell__row{grid-template-columns:1fr 1fr}
@media (max-width:640px){.xsell__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;scrollbar-width:none}.xsell__row::-webkit-scrollbar{display:none}.xs{flex:0 0 42%;scroll-snap-align:start}.xsell--mini .xs{flex-basis:46%}}
.xsell-row td{padding:12px 0!important}

/* міні-кошик */
.drawer--right{justify-content:flex-end}
.drawer--right .drawer__panel{width:min(92vw,400px)}
.mini__body{display:grid;gap:14px}
.mini__items{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mini__item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center}
.mini__item img{width:64px;height:64px;object-fit:cover;border-radius:6px}
.mini__item a{text-decoration:none;font-weight:600;font-size:.88rem}
.mini__item small{display:block;color:var(--muted)}
.mini__rm{font-size:1.4rem;text-decoration:none;color:var(--muted);padding:4px 8px}
.mini__sum{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:.9rem;border-top:1px solid var(--line);padding-top:12px}
.mini__sum dd{margin:0;text-align:right;font-weight:600}
.mini__go{width:100%;min-height:50px}

/* оформлення */
.ship-note{display:block;font-weight:500;color:var(--muted);font-size:.8rem}
.yt-pickup-note{background:#F8F3EF;border-radius:8px;padding:12px 14px;font-size:.92rem}
.yt-pickup-note[hidden],.yt-np[hidden]{display:none}
.co-help{font-size:.9rem;margin:0 0 14px;color:var(--muted)}
.co-help a{color:var(--spruce);font-weight:600}
.co-sum{display:none;background:#F8F3EF;border-radius:8px;padding:12px 14px;margin:0 0 14px}
.co-sum summary{font-weight:700;cursor:pointer}
.co-sum ul{margin:10px 0 0;padding-left:18px;font-size:.88rem}
@media (max-width:900px){.co-sum{display:block}}
.woo-page s.old{color:#8a7e7f;font-size:.85em;margin-right:4px}
.woo-page small.save{display:block;color:#24553A;font-weight:600;font-size:.78rem}

/* доставка й оплата */
.dtable{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;margin:0 0 22px;font-size:.95rem}
.dtable caption{text-align:left;font-family:var(--serif);font-size:1.6rem;font-weight:600;color:var(--spruce);padding:0 0 8px}
.dtable th,.dtable td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.dtable thead th{font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.dtable tbody th{font-weight:600}
.dterms{font-size:.92rem}
@media (max-width:640px){
 .dtable thead{display:none}
 .dtable tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line)}
 .dtable tbody th{grid-column:1 / -1;border:0;padding-bottom:2px}
 .dtable td{border:0;padding-top:2px}
}
/* головна: 4 пункти довіри */
.hero .facts.facts--4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:900px){.hero .facts.facts--4{grid-template-columns:1fr 1fr!important}}
@media (max-width:760px){.hero .facts.facts--4 li{border-bottom:1px solid rgba(60,20,22,.12)}}

.xs__opt select{width:100%;height:32px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:.76rem;padding:0 6px;background:#fff}
@media (max-width:640px){.promo__soc,.promo__cb{display:none}.promo__contacts{display:contents}}
.pbuy2 .btn{white-space:nowrap;font-size:.84rem;padding:0 12px}

.woocommerce-checkout-review-order-table thead{display:none}
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals{display:grid;grid-template-columns:1fr}
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th{border-bottom:0;padding-bottom:4px}
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td{padding-top:0}
.woo-page #shipping_method li{display:flex;gap:8px;align-items:flex-start}
.cat-main,.cat-layout > *{min-width:0}

/* крок 12б */
.yt-hide{display:none!important}
.pay-state{border-radius:8px;padding:14px 16px;margin:0 0 18px;background:#F8F3EF;border-left:4px solid var(--spruce)}
.pay-state p{margin:0}
.pay-state p + p{margin-top:10px}
.pay-state--fail{border-left-color:var(--red-dark)}
.entry h3.pay-h{font-family:inherit;font-size:1.08rem;font-weight:700;letter-spacing:0;line-height:1.3;margin:22px 0 4px}
.entry .pay-h + p{margin-top:0}
/* крок 12б: товар на телефоні — назва, ціна й основна «У кошик» уміщаються на першому екрані (390×844) */
@media (max-width:900px){
 .site-page--product .gallery__slide{height:min(36vh,320px)}
 .site-page--product .crumbs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .psum{display:flex;flex-direction:column}
 .psum > *{min-width:0}
 .psum .card__type{margin-bottom:2px}
 .ptitle{font-size:1.5rem;margin-bottom:4px}
 .prating{margin-bottom:6px}
 .pprice{margin:0 0 2px;gap:4px 10px}
 .pstock{margin-bottom:12px}
 .pbuy form.cart{margin-bottom:16px}
 .pheights{order:1}
 .pbuy2{order:2}
 .pterms{order:3}
 .psum > p:last-child{order:4}
}