/* Aromé — служба устранения запахов. Светлый «отчёт об осмотре»: тёплый серый фон, графит,
   терракотовый акцент. Текст — Golos Text, вордмарк (логотип и первый экран) — Tenor Sans. */
:root{
  --bg:#F4F3EF; --paper:#FFFFFF; --alt:#EAE8E2;
  --ink:#111618; --ink2:#384145; --ink3:#5B6468; --line:#DCD9D1; --line2:#C9C5BB;
  --dark:#141A1C; --dark2:#1E2629; --dline:#2E383B; --dfg:#F1F0EB; --dfg2:#AEB7BA;
  --acc:#BF541B; --acc2:#A8471A; --acc-t:#9A4114; --acc-l:#F0A274; --acc-s:#F6E3D6; --ok:#4E6B45; --warn:var(--acc-t);
  --f:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:max(20px,env(safe-area-inset-left,0px)); --r:18px; --hh:64px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 12px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:8px}
.sec-dark :focus-visible,.cta :focus-visible,.ftr :focus-visible,.card-dark :focus-visible{outline-color:var(--acc-l)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:200}
.skip:focus{left:8px}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.narrow>*{max-width:780px}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ── типографика ── */
.k{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--acc-t);margin-bottom:14px}
.k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px rgba(191,84,27,.16)}
.k-ic{width:18px;height:18px;color:var(--ink)}
.k:has(.k-ic)::before{display:none}
.k-l{color:var(--acc-l)}
.k-l::before{box-shadow:none}
h1{font-size:clamp(36px,5.2vw,64px);line-height:1.04;letter-spacing:-.03em}
.h2{font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.025em}
.h3{font-size:clamp(22px,2.2vw,28px);line-height:1.15;margin-bottom:18px}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--ink2);max-width:640px;margin-top:18px}
.note{margin-top:22px;font-size:15px;color:var(--ink3)}
.note a{font-weight:600}

/* ── кнопки ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:12px;background:var(--acc);color:#fff;font:600 16px/1 var(--f);text-decoration:none;cursor:pointer;transition:background .2s,transform .2s var(--ease)}
.btn:hover{background:var(--acc2)}
.btn:active{transform:translateY(1px)}
.btn-s{min-height:44px;padding:0 18px;font-size:15px}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn-line:hover{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink)}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;white-space:nowrap;padding:10px 0}
.more:hover{text-decoration:underline;text-underline-offset:4px}
.more .ic{transition:transform .2s var(--ease)}
.more:hover .ic{transform:translateX(3px)}

/* ── шапка (по референсу: полоса с предложением, терракотовая панель, вордмарк по центру) ── */
.ann{margin:0;height:40px;padding:0 var(--gut);background:var(--paper);color:var(--ink2);font-size:14px;line-height:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ann-d{color:var(--ink3);margin:0 6px}
.ann-m{display:none}
.hdr{position:sticky;top:0;z-index:50;height:var(--hh);background:var(--acc);color:#fff}
.hdr-in{max-width:1480px;height:100%;margin:0 auto;padding:0 clamp(20px,2.4vw,36px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}
.hdr-l,.hdr-r{display:flex;align-items:center;gap:clamp(16px,2vw,30px);min-width:0}
.hdr-r{justify-content:flex-end}
.hdr-nav{display:flex;gap:clamp(16px,2vw,30px)}
.hdr-nav a{padding:8px 0;font-size:16px;color:#fff;text-decoration:none;white-space:nowrap;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 4px)/0 1px no-repeat;transition:background-size .25s var(--ease)}
.hdr-nav a:hover,.hdr-nav a[aria-current]{background-size:100% 1px}
.logo{display:inline-flex;align-items:center;color:inherit;text-decoration:none}
.logo-w{font-family:"Tenor Sans",var(--f);font-size:31px;font-weight:400;line-height:1;letter-spacing:.12em;padding-left:.12em;text-transform:uppercase}
.logo-e{position:relative}
.logo-e::after{content:"";position:absolute;left:50%;top:-.07em;width:.07em;height:.18em;border-radius:1px;background:currentColor;transform:rotate(42deg)}
.hdr-cta{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 13px;border-radius:999px;background:#fff;color:var(--ink);font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s}
.hdr-cta:hover{background:var(--acc-s)}
.hdr-cta .ic{color:var(--acc)}
.hdr-cta .ic{width:18px;height:18px}
.hdr :focus-visible{outline-color:#fff}
.burger{display:none;align-items:center;gap:10px;height:44px;padding:0;border:0;background:none;color:#fff;font:400 16px/1 var(--f);cursor:pointer}
.burger .ic{width:22px;height:22px}
.ic-x{display:none}
.menu-open .burger .ic{display:none}
.menu-open .burger .ic-x{display:block}
.menu{position:absolute;left:0;right:0;top:100%;height:calc(100dvh - var(--hh));display:flex;flex-direction:column;gap:2px;padding:16px var(--gut) 32px;background:var(--bg);color:var(--ink);overflow-y:auto;
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .3s var(--ease),visibility 0s .3s}
.menu-open .menu{clip-path:inset(0);visibility:visible;transition:clip-path .3s var(--ease)}
.menu-open{overflow:hidden}
.menu a{padding:14px 12px;border-radius:12px;font-size:22px;font-weight:500;text-decoration:none}
.menu a[aria-current]{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.menu-ph{display:flex;align-items:center;gap:10px;margin-top:12px;background:var(--acc);color:#fff;font-size:18px!important}

.mbar{display:none}
/* ── главный экран ── */
.hero-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.hero-a{padding-top:clamp(0px,1.5vw,24px)}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ticks{display:grid;gap:10px;margin-top:26px}
.ticks li{display:flex;align-items:center;gap:12px;font-weight:500}
.ticks .ic{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--acc);color:#fff;stroke-width:2.6}

/* ── подбор ── */
.pk{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,2.4vw,30px);box-shadow:0 1px 0 rgba(17,22,24,.04),0 24px 48px -28px rgba(17,22,24,.25)}
.pk-h{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;margin-bottom:20px}
.pk-dot{width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px rgba(191,84,27,.18)}
.pk-step{border:0;margin:0 0 18px;padding:0;min-width:0}
.pk-step legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:12px;font-weight:600;font-size:15px}
.pk-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:13px;font-weight:700}
.pk-step[disabled]{opacity:.45}
.pk-step[disabled] .pc{cursor:not-allowed}
.pk-chips{display:flex;flex-wrap:wrap;gap:8px}
.pc{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border:0;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:500 14px/1 var(--f);cursor:pointer;transition:background .15s,box-shadow .15s,color .15s}
.pc .ic{width:17px;height:17px;color:var(--ink3)}
.pc:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pc[aria-pressed="true"]{background:var(--ink);color:var(--paper);box-shadow:none}
.pc[aria-pressed="true"] .ic{color:var(--acc-l)}
.pc-hot::after{content:"часто";margin-left:2px;padding:3px 6px;border-radius:6px;background:var(--acc-s);color:var(--acc-t);font-size:11px;font-weight:600}
.pc-hot[aria-pressed="true"]::after{background:var(--acc);color:#fff}
.pk-res{border-top:1px dashed var(--line2);padding-top:18px;margin-top:4px}
.pk-wait{font-size:15px;color:var(--ink3)}
.pk-out{animation:fade .35s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pk-t{font-weight:700;font-size:20px;margin-bottom:14px}
.pk-t span{font-weight:500;color:var(--ink3)}
.pk-col{margin-bottom:14px}
.pk-k{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--warn);margin-bottom:8px}
.pk-col:nth-of-type(2) .pk-k,.pk-k-a{color:var(--ok)}
.pk-col ul{display:grid;gap:7px}
.pk-col li{position:relative;padding-left:20px;font-size:15px;line-height:1.45;color:var(--ink2)}
.pk-col li::before{content:"";position:absolute;left:3px;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--warn)}
.pk-ok li::before{background:var(--ok);border-radius:50%}
.pk-kit{font-size:15px;padding:12px 14px;border-radius:12px;background:var(--bg);margin:4px 0 16px}
.pk-btns{display:flex;flex-wrap:wrap;gap:10px}
.pk-btns .btn{min-height:46px;font-size:15px;padding:0 18px}

/* ── секции ── */
.sec{padding:clamp(56px,7vw,104px) 0}
.sec-t{padding-top:clamp(8px,2vw,24px)}
.sec-alt{background:var(--alt)}
.sec-dark{background:var(--dark);color:var(--dfg)}
.sec-dark .lead{color:var(--dfg2)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,3.5vw,44px)}
.lead-w{margin:-12px 0 36px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.split-img{align-items:center}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.side-img{border-radius:var(--r);overflow:hidden;width:100%}

/* ── плитки запахов ── */
.ots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ots-l{grid-template-columns:repeat(3,minmax(0,1fr))}
.ots-s{grid-template-columns:repeat(4,minmax(0,1fr))}
.ot{position:relative;display:flex;flex-direction:column;gap:8px;min-height:176px;padding:22px 22px 54px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.ot:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 18px 36px -24px rgba(17,22,24,.35)}
.ot-ic{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--bg);margin-bottom:8px;stroke-width:1.7}
.ot:hover .ot-ic{background:var(--acc-s);color:var(--acc-t)}
.ot-t{font-weight:700;font-size:18px;line-height:1.25}
.ot-d{font-size:15px;line-height:1.45;color:var(--ink3)}
.ot-go{position:absolute;right:20px;bottom:20px;transition:transform .2s var(--ease)}
.ot:hover .ot-go{transform:translateX(3px)}
.ot-q{background:var(--dark);border-color:var(--dark);color:var(--dfg)}
.ot-q .ot-d{color:var(--dfg2)}
.ot-q .ot-ic,.ot-q:hover .ot-ic{background:var(--acc);color:#fff}
.ot-q:hover{border-color:var(--dark)}

/* ── плитки помещений ── */
.pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pts-s{grid-template-columns:repeat(4,minmax(0,1fr))}
.pt{display:flex;flex-direction:column;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);overflow:hidden;text-decoration:none;transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.pt:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 18px 36px -24px rgba(17,22,24,.35)}
.pt-img{width:100%;border-radius:0;transition:transform .5s var(--ease)}
img.pt-img{aspect-ratio:4/3;object-fit:cover}
.pt:hover img.pt-img{transform:scale(1.03)}
.pt-b{display:flex;flex-direction:column;gap:6px;padding:18px 20px 22px}
.pt-k{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink3)}
.pt-k .ic{width:17px;height:17px}
.pt-t{font-weight:700;font-size:19px;line-height:1.25}
.pt-o{font-size:14px;color:var(--warn);font-weight:500}

/* ── заглушка картинки ── */
.ph{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px;border-radius:var(--r);overflow:hidden;color:var(--ink3);
  background:repeating-linear-gradient(135deg,rgba(17,22,24,.035) 0 10px,transparent 10px 20px),linear-gradient(160deg,#E6E4DD,#D9D6CD)}
.ph-k{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--acc-t)}
.ph-t{font-size:14px;font-weight:500;color:var(--ink2)}
.pt .ph{border-radius:0}

/* ── сравнение ── */
.cmp{border-top:1px solid var(--dline)}
.cmp-r{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.25fr;gap:0;border-bottom:1px solid var(--dline)}
.cmp-r>span{padding:18px 16px;font-size:16px;line-height:1.45;color:var(--dfg2)}
.cmp-h>span{font-weight:700;font-size:15px;color:var(--dfg);padding-top:16px;padding-bottom:16px}
.cmp-k{color:var(--dfg)!important;font-weight:600}
.cmp-us{background:rgba(240,162,116,.10);color:var(--dfg)!important}
.cmp-h .cmp-us{color:var(--acc-l)!important}
.note-d{color:var(--dfg2)}
.note-d a{color:var(--acc-l)}

/* ── шаги ── */
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wrap>.steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.st{position:relative;padding:22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.st-n{position:absolute;top:20px;right:20px;font-size:14px;font-weight:600;color:var(--ink3)}
.st-ic{width:42px;height:42px;padding:9px;border-radius:12px;background:var(--acc-s);color:var(--acc-t);margin-bottom:16px}
.st h3{font-size:19px;margin-bottom:8px}
.st p{font-size:15px;line-height:1.5;color:var(--ink2)}

/* ── аппараты и цены ── */
.devs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dev{padding:clamp(22px,2.6vw,32px);border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.dev h3{font-size:clamp(26px,2.6vw,34px);margin-bottom:10px}
.dev>p:not(.k):not(.dev-pm){color:var(--ink2);max-width:460px}
.dev-pm{margin-top:20px;font-size:17px}
.dev-pm b{font-size:clamp(26px,2.6vw,32px);letter-spacing:-.02em}
.dev-pl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.dev-pl li{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:var(--bg);font-size:14px;color:var(--ink3)}
.dev-pl b{font-size:16px;color:var(--ink)}
.kits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kit{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-decoration:none;transition:border-color .2s}
.kit:hover{border-color:var(--ink)}
.kit-t{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px}
.kit-n{font-size:14px;color:var(--ink3)}
.kit-s{font-size:15px;margin-top:6px}
.kit-p{font-size:22px;letter-spacing:-.02em}
.kit-p small{font-size:14px;font-weight:500;color:var(--ink3)}
.sum{padding:clamp(22px,2.6vw,32px);border-radius:var(--r);background:var(--dark);color:var(--dfg)}
.sum-set{font-size:18px;font-weight:600;color:var(--acc-l)}
.sum-set span{font-weight:400;color:var(--dfg2)}
.sum-tr{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(240,162,116,.12);color:var(--dfg);font-weight:600;font-size:15px}
.sum-tr .ic{color:var(--acc-l);flex:none}
.sum .btn{width:100%;margin-top:20px}
.sum-pm{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:clamp(32px,3.6vw,44px);font-weight:700;letter-spacing:-.025em}
.sum-pm span{font-size:15px;font-weight:400;letter-spacing:0;color:var(--dfg2)}
.sum-l{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--dline)}
.sum-l li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--dfg2)}
.sum-l .ic{color:var(--acc-l);width:18px;height:18px}

/* ── статьи ── */
.arts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.arts-l{grid-template-columns:repeat(2,minmax(0,1fr))}
.art{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.4vw,30px);border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .25s var(--ease)}
.art:hover{border-color:var(--ink);transform:translateY(-2px)}
.art-k{font-size:13px;font-weight:600;color:var(--acc-t)}
.art-t{font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.015em}
.art-d{font-size:15px;color:var(--ink3);line-height:1.5}

/* ── шапка страницы ── */
.phead{padding:clamp(20px,3vw,36px) 0 clamp(40px,5vw,64px)}
.phead-g{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(20px,3vw,36px)}
.phead-2 .phead-g{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.phead h1{max-width:900px}
.phead-img{width:100%;border-radius:var(--r)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--ink3)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line2)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.nf{padding:clamp(64px,10vw,140px) 0}
.brief{align-self:end;padding:clamp(22px,2.6vw,32px);border-radius:22px;background:var(--dark);color:var(--dfg)}
.brief .k{color:var(--acc-l)}
.brief .k::before{box-shadow:none}
.brief-t{font-size:clamp(19px,1.8vw,23px);font-weight:600;line-height:1.35;letter-spacing:-.01em}
.brief-d{margin-top:14px;color:var(--dfg2);line-height:1.55}
.brief-d b{color:var(--dfg);font-weight:600}
.brief .btn{margin-top:22px}
.signs{margin-top:28px;padding:18px 20px;border-radius:16px;background:var(--paper);border:1px solid var(--line);max-width:640px}
.signs-k{font-size:13px;font-weight:600;color:var(--warn);margin-bottom:10px}
.signs ul{display:grid;gap:8px}
.signs li{position:relative;padding-left:20px;font-size:15px;line-height:1.45}
.signs li::before{content:"";position:absolute;left:3px;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--warn)}

/* ── причины, карточки, зоны ── */
.causes{display:grid;gap:12px;margin-top:24px;counter-reset:c}
.causes li{position:relative;padding:18px 18px 18px 64px;border-radius:14px;background:var(--paper);border:1px solid var(--line);line-height:1.5;counter-increment:c}
.causes li::before{content:counter(c);position:absolute;left:18px;top:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(191,84,27,.1);color:var(--warn);font-weight:700;font-size:15px}
.card{padding:clamp(24px,3vw,36px);border-radius:22px;background:var(--paper);border:1px solid var(--line)}
.card-dark{background:var(--dark);border-color:var(--dark);color:var(--dfg)}
.card-dark .todo li{color:var(--dfg2)}
.card-dark .todo .ic{background:var(--acc);color:#fff}
.card-dark .btn{margin-top:24px}
.todo{display:grid;gap:14px}
.todo li{display:flex;gap:12px;align-items:flex-start;line-height:1.5;color:var(--ink2)}
.todo .ic{width:26px;height:26px;padding:5px;border-radius:8px;background:var(--acc-s);color:var(--acc-t);stroke-width:2.4;margin-top:-1px}
.zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.zone{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.zone-n{font-size:14px;font-weight:600;color:var(--ink3)}
.zone h3{font-size:19px}
.zone p{font-size:15px;line-height:1.45;color:var(--ink2)}
.zone b{display:block;font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:3px}
.zone-p b{color:var(--warn)}
.zone-s b{color:var(--ok)}
.zone-s{padding-top:12px;border-top:1px dashed var(--line2)}

/* ── ароматы ── */
.srs{display:grid;gap:10px}
.sr{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.sr h3{font-size:17px;margin-bottom:3px}
.sr p{font-size:14px;color:var(--ink3)}
.sr-notes{font-size:13px;color:var(--ink3);text-align:right;max-width:44%}

/* ── текст ── */
.prose>*+*{margin-top:16px}
.prose h2{font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin-top:40px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:var(--ink2);line-height:1.7}
.prose ul,.prose ol{display:grid;gap:8px;padding-left:22px}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li::marker{color:var(--acc-t)}
.prose a{color:var(--ink);font-weight:600;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:3px}
.prose b{color:var(--ink)}
.prose-art{font-size:18px}

/* ── вопросы ── */
.faq-w>*{max-width:900px}
.faq-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(24px,4vw,64px);align-items:start}
.faq-g .faq{margin-top:0}
.faq-n{margin-top:18px;color:var(--ink3);max-width:340px}
.faq-n a{color:var(--ink);font-weight:600;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:3px}
.faq{margin-top:28px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-weight:600;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{width:22px;height:22px;transition:transform .25s var(--ease)}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq p{padding:0 40px 22px 0;color:var(--ink2);line-height:1.65}
.sec-t .faq{margin-top:0}

/* ── ссылки-чипы ── */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);text-decoration:none;font-size:15px;font-weight:500}
.chip:hover{border-color:var(--ink)}
.chip .ic{width:16px;height:16px}

/* ── контакты ── */
.cts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ct{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-decoration:none}
a.ct:hover{border-color:var(--ink)}
.ct .k{margin:0}
.ct b{font-size:18px;line-height:1.35}

/* ── заявка ── */
.cta-sec{padding-top:0}
.sec-alt+.cta-sec,.sec-dark+.cta-sec{padding-top:clamp(56px,7vw,104px)}
.cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);padding:clamp(28px,4vw,56px);border-radius:28px;background:var(--dark);color:var(--dfg)}
.cta .lead{color:var(--dfg2)}
.cta .ticks li{color:var(--dfg)}
.cta .ticks .ic{background:var(--acc);color:#fff}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.form label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:500;color:var(--dfg2)}
.form select,.form input{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--dline);border-radius:12px;background:var(--dark2);color:var(--dfg);font:400 16px var(--f);appearance:none}
.form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AEB7BA' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.form input::placeholder{color:#7D878A}
.form select:focus,.form input:focus{outline:none;border-color:var(--acc-l)}
.form .btn{grid-column:1/-1;margin-top:6px}
.form .f-wide{grid-column:1/-1}
.form .f-chk{flex-direction:row;align-items:center;gap:10px;color:var(--dfg);font-size:15px;cursor:pointer}
.form .f-chk input{width:20px;min-height:0;height:20px;padding:0;border-radius:5px;appearance:auto;accent-color:var(--acc);flex:none}
.btn-wa{margin-top:28px}
.f-note{grid-column:1/-1;font-size:14px;color:var(--dfg2)}
.f-note a{color:var(--dfg);font-weight:600}

/* ── подвал ── */
.ftr{background:var(--dark);color:var(--dfg2);padding:clamp(48px,6vw,80px) 0 28px;border-top:1px solid var(--dline)}
.cta-sec+.ftr,.ftr{margin-top:0}
.ftr-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:32px}
.ftr .logo{color:var(--dfg);margin-bottom:18px}
.ftr .logo-w{font-size:28px}
.ftr-a p{font-size:15px;line-height:1.6;max-width:320px}
.ftr nav,.ftr address,.ftr-in>div:last-child{display:flex;flex-direction:column;gap:9px;font-style:normal;font-size:15px}
.ftr a{text-decoration:none}
.ftr a:hover{color:var(--dfg);text-decoration:underline}
.ftr-k{font-weight:600;color:var(--dfg);margin-bottom:6px}
.ftr-k2{margin-top:18px}
.ftr-bot{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:22px;font-size:14px;
  background:linear-gradient(var(--dline),var(--dline)) var(--gut) 0/calc(100% - 2*var(--gut)) 1px no-repeat}

/* ── появление ── */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}*{animation:none!important;scroll-behavior:auto!important}}

/* ── адаптив ── */
@media (max-width:1180px){
  .hdr-nav{display:none}
  .burger{display:inline-flex}
}
@media (max-width:1080px){
  .ots{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zones,.wrap>.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pts-s,.ots-s{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr-in{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .hero-g,.split,.phead-2 .phead-g,.cta,.two,.faq-g{grid-template-columns:minmax(0,1fr)}
  .pts,.kits,.arts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phead-img{max-width:640px}
}
@media (max-width:720px){
  .cmp-h{display:none}
  .cmp{border:0;display:grid;gap:12px}
  .cmp-r{grid-template-columns:1fr;border:1px solid var(--dline);border-radius:16px;padding:6px 0}
  .cmp-r>span{padding:8px 18px;font-size:15px}
  .cmp-k{font-size:17px!important;padding-top:12px!important}
  .cmp-r>span[data-l]::before{content:attr(data-l);display:block;font-size:12px;font-weight:600;color:var(--dfg2);opacity:.8;margin-bottom:2px}
  .cmp-us{margin:4px 10px 6px;border-radius:12px;padding:10px 12px!important}
  .cmp-us::before{color:var(--acc-l)!important;opacity:1!important}
  .devs{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  body{font-size:16px}
  .ann{font-size:13px}
  .ann-d,.ann-x{display:none}
  .hdr-in{gap:12px;padding:0 16px}
  .logo-w{font-size:25px}
  .burger span{display:none}
  .hdr-cta{width:44px;min-height:44px;padding:0;justify-content:center}
  .hdr-cta span{display:none}
  .hdr-cta .ic{width:20px;height:20px}
  /* плитки запахов → компактный список: иконка, название, стрелка */
  .ots,.ots-l,.ots-s{grid-template-columns:minmax(0,1fr);gap:8px}
  .ot{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;column-gap:14px;row-gap:2px;align-items:center;min-height:0;padding:14px 16px;border-radius:14px}
  .ot-ic{grid-row:1/3;width:40px;height:40px;padding:9px;margin:0}
  .ot-t{font-size:16px;grid-column:2}
  .ot-d{grid-column:2;font-size:13.5px}
  .ots-home .ot-d,.ots-s .ot-d{display:none}
  .ots-home .ot-t,.ots-s .ot-t{grid-row:1/3}
  .ots-home .ot-q .ot-d{display:block}
  .ots-home .ot-q .ot-t{grid-row:auto}
  .pk-btns .btn{flex:1 1 100%}
  .ot-go{position:static;grid-column:3;grid-row:1/3}
  /* помещения → строка с миниатюрой */
  .pt{display:grid;grid-template-columns:104px minmax(0,1fr);border-radius:14px}
  .pt-img,.pt .ph{height:100%;min-height:104px;aspect-ratio:auto!important}
  img.pt-img{aspect-ratio:auto;object-fit:cover}
  .pt .ph span{display:none}
  .pt-b{padding:12px 14px;gap:4px}
  .pt-k{display:none}
  .pt-t{font-size:16px}
  .pt-o{font-size:13px}
  .pts,.pts-s{gap:8px}
  /* подбор: компактные чипы без иконок, второй шаг — после выбора места */
  .pc{min-height:38px;padding:0 12px;font-size:14px}
  .pc .ic{display:none}
  .pk-step[disabled]{display:none}
  .pts,.pts-s,.kits,.arts,.arts-l,.zones,.wrap>.steps,.steps,.cts{grid-template-columns:minmax(0,1fr)}
  .sec-head{flex-direction:column;align-items:flex-start;gap:8px}
  .form{grid-template-columns:minmax(0,1fr)}
  .cta{border-radius:22px;padding:24px 20px}
  .cta-sec .wrap{padding:0 12px}
  .hero-btns .btn{flex:1 1 100%}
  .sr{flex-direction:column;align-items:flex-start;gap:6px}
  .sr-notes{text-align:left;max-width:none}
  .dev-pl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dev-pl li{padding:10px 8px;font-size:12.5px}
  .dev-pl b{font-size:14px}
  .ftr-in{grid-template-columns:minmax(0,1fr)}
  .ftr-bot{flex-direction:column}
  .faq summary{font-size:16.5px}
  .faq p{padding-right:0}
  .causes li{padding:16px 16px 16px 58px}
  .causes li::before{left:14px}
}

/* ── Aromé: как работает аппарат, тест, честная строка, объявление для ОСИ ── */
.how{display:grid;gap:14px;margin-top:28px}
.how li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.how .st-ic{margin:0}
.how h3{font-size:18px;margin-bottom:6px}
.how p{font-size:15px;line-height:1.5;color:var(--ink2)}
.sec-alt .how li{background:var(--bg)}
.side-tall{aspect-ratio:4/5;object-fit:cover;max-height:680px}
.phead-tall{aspect-ratio:4/5;object-fit:cover;max-height:520px}
.trial{display:flex;align-items:center;gap:16px;margin-top:22px;padding:16px 18px;border-radius:16px;background:var(--acc-s);color:var(--ink)}
.trial-ic{width:28px;height:28px;color:var(--acc-t);flex:none}
.trial>div{flex:1;line-height:1.45}
.trial .btn{flex:none}
.honest{margin-top:26px;padding:18px 20px;border-radius:16px;background:var(--paper);border:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--ink2)}
.honest-k{font-size:13px;font-weight:600;color:var(--acc-t);margin-bottom:6px}
.honest-gas{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line2);color:var(--ink);font-weight:500}
.osi-t{margin:0;padding:clamp(20px,2.4vw,28px);border-radius:var(--r);background:var(--paper);border:1px solid var(--line);font:400 14.5px/1.6 var(--f);color:var(--ink2);white-space:pre-wrap;max-height:560px;overflow:auto}
.steps-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.copied{box-shadow:inset 0 0 0 1.5px var(--ok)!important;color:var(--ok)!important}
@media (max-width:1080px){.steps-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){
  .ann-x{display:none}
  .ann-m{display:inline}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1.2fr 1fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgba(17,22,24,.4)}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none}
  .mbar .ic{width:20px;height:20px}
  .mbar-wa{background:#4A3F37;color:#F4F0EA}
  .mbar-ph{background:#F4F3EF;color:#2A2522;box-shadow:inset 0 0 0 1px #DCD7CE}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .menu-open .mbar{display:none}
  .trial{flex-direction:column;align-items:flex-start}
  .trial .btn{width:100%}
  .steps-5{grid-template-columns:minmax(0,1fr)!important}
  .how li{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px}
  .side-tall{max-height:420px}
}
.split .lead+.prose{margin-top:24px}
.split .h2+.prose{margin-top:20px}

/* ── Главная: первый экран (согласован 27.10.2026, макет design/arome-home/hero.html) ──
   Фото на весь экран сменяются плавно; меню во «вкладке» сверху; шрифты Inter Tight + Playfair Display.
   Акцент пока нейтральный — меняется в --hx-acc-*. */
.hx{--hx-f:"Inter Tight",system-ui,sans-serif;--hx-s:"Playfair Display",Georgia,serif;--hx-paper:var(--bg);--hx-acc-bg:#F4F2EF;--hx-acc-fg:#1A1714;--hx-gut:clamp(20px,4.2vw,64px);
  position:relative;height:100svh;min-height:680px;max-height:1100px;overflow:hidden;background:#15110D;color:#fff;font-family:var(--hx-f)}
/* фото чуть увеличиваются при смене — обрезаются .hx (overflow:hidden), data-scroll-x говорит аудиту, что это не переполнение */
.hx-sl{position:absolute;inset:0}
.hx-sl .hx-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:hx-slide 21s infinite}
.hx-sl>.hx-i:nth-child(2),.hx-sl>:nth-child(2)>.hx-i{animation-delay:7s}.hx-sl>.hx-i:nth-child(3),.hx-sl>:nth-child(3)>.hx-i{animation-delay:14s}
@keyframes hx-slide{0%{opacity:0;transform:scale(1.08)}6%{opacity:1}33%{opacity:1}40%{opacity:0;transform:scale(1)}100%{opacity:0}}
.hx-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,13,9,.86) 0%,rgba(17,13,9,.72) 40%,rgba(17,13,9,.34) 70%,rgba(17,13,9,.42) 100%),linear-gradient(180deg,rgba(17,13,9,.45) 0%,rgba(17,13,9,0) 22%,rgba(17,13,9,0) 70%,rgba(17,13,9,.5) 100%)}
.hx-lines{position:absolute;inset:0;pointer-events:none}
.hx-lines::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.14)}
.hx-lines::after{content:"";position:absolute;left:0;right:0;top:78%;height:1px;background:rgba(255,255,255,.14)}
.hx-lines span{position:absolute;left:50%;top:78%;width:34px;height:34px;transform:translate(-50%,-50%)}
.hx-lines span::before,.hx-lines span::after{content:"";position:absolute;background:rgba(255,255,255,.7)}
.hx-lines span::before{left:16px;top:0;width:1.5px;height:34px}.hx-lines span::after{top:16px;left:0;height:1.5px;width:34px}
.hx-top{position:fixed;left:0;right:0;top:0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--hx-gut);z-index:50;transition:height .3s,background .3s,box-shadow .3s}
.hx-logo{font-weight:700;font-size:28px;letter-spacing:-.045em;text-decoration:none;color:#fff}
.hx-tab{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;gap:4px;align-items:center;height:64px;padding:0 22px;background:var(--hx-paper);color:var(--hx-acc-fg);border-radius:0 0 26px 26px}
.hx-tab::before,.hx-tab::after{content:"";position:absolute;top:0;width:26px;height:26px}
.hx-tab::before{left:-26px;background:radial-gradient(circle at 0 100%,transparent 26px,var(--hx-paper) 26.5px)}
.hx-tab::after{right:-26px;background:radial-gradient(circle at 100% 100%,transparent 26px,var(--hx-paper) 26.5px)}
.hx-tab a{padding:10px 12px;font-size:15px;font-weight:500;border-radius:12px;text-decoration:none;color:inherit}
/* наведение — подчёркивание коричневым акцентом, выезжает от центра */
.hx-tab a{position:relative}
.hx-tab a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:#4A3F37;transform:scaleX(0);transition:transform .25s ease}
.hx-tab a:hover::after,.hx-tab a:focus-visible::after{transform:scaleX(1)}
.hx-r{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}
.hx-r a{color:#fff;text-decoration:none}
.hx-call,.hx-burger{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;background:none;color:#fff;cursor:pointer;padding:0}
.hx-wa{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px 0 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
/* Телефон в шапке (30.10.2026): на компьютере при наведении или фокусе кнопка раскрывается влево в плашку с номером, нажатие — звонок.
   Плашка лежит поверх (absolute), иконка остаётся на месте: в шапке на 1280px свободно ~7px, сдвигать меню нельзя.
   На тач-экранах наведения нет — там просто иконка, нажатие сразу звонит */
.hx-call{position:relative;z-index:3;border-color:transparent!important}
.hx-cap{position:absolute;top:0;right:0;height:44px;display:flex;flex-direction:row-reverse;align-items:center;padding:0 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;white-space:nowrap;transition:padding .35s cubic-bezier(.2,.7,.2,1),background-color .25s,border-color .25s}
.hx-solid .hx-cap,.menu-open .hx-cap{border-color:rgba(42,37,34,.18)}
.hx-tel{max-width:0;margin-right:0;opacity:0;overflow:hidden;transition:max-width .35s cubic-bezier(.2,.7,.2,1),margin-right .35s cubic-bezier(.2,.7,.2,1),opacity .2s}
@media (hover:hover) and (pointer:fine){
  .hx-call:hover .hx-cap,.hx-call:focus-visible .hx-cap{padding-left:18px;background:rgba(24,19,15,.82);border-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .hx-solid .hx-call:hover .hx-cap,.hx-solid .hx-call:focus-visible .hx-cap{background:#F4F3EF;border-color:#2A2522}
  .hx-call:hover .hx-tel,.hx-call:focus-visible .hx-tel{max-width:180px;margin-right:9px;opacity:1}
}
@media (prefers-reduced-motion:reduce){.hx-cap,.hx-tel{transition:none}}
.hx-ul{border-bottom:1.5px solid rgba(255,255,255,.85);padding-bottom:3px;margin-left:10px}
.hx-burger{display:none}
.hx-burger i{display:block;width:18px;height:1.7px;background:#fff;box-shadow:0 -6px 0 #fff,0 6px 0 #fff}
.hx-burger i{position:relative}
.menu-open .hx-burger i{background:transparent;box-shadow:none}
.menu-open .hx-burger i::before,.menu-open .hx-burger i::after{content:"";position:absolute;left:0;top:0;width:18px;height:1.7px;background:var(--ink);transform:rotate(45deg)}
.menu-open .hx-burger i::after{transform:rotate(-45deg)}
.hx-menu{position:fixed;top:0;height:100dvh;padding-top:96px;z-index:-1;font-family:var(--hx-f)}
.hx-txt{position:absolute;left:var(--hx-gut);top:calc(50% - 7px);transform:translateY(-50%);max-width:min(900px,66vw);z-index:2}
.hx h1{margin:0 0 26px;font-weight:600;letter-spacing:-.035em;line-height:1}
.hx-s1{display:block;font-size:clamp(44px,4.6vw,70px);white-space:nowrap}
.hx-s2{display:block;font-family:var(--hx-s);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:clamp(48px,5vw,76px);line-height:.98;margin-top:-2px;white-space:nowrap}
.hx-lead{font-size:clamp(16px,1.25vw,18.5px);color:rgba(255,255,255,.88);max-width:53ch;line-height:1.6}
.hx-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hx-btn{display:inline-flex;align-items:center;justify-content:center;height:62px;padding:0 30px;border-radius:18px;font:600 16px/1 var(--hx-f);white-space:nowrap;text-decoration:none}
.hx-btn-a{background:var(--hx-acc-bg);color:var(--hx-acc-fg);box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.hx-btn-g{border:1.5px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hx-btn:hover{filter:brightness(1.06)}
.hx-word{position:absolute;right:calc(var(--hx-gut) - .04em);bottom:-.24em;margin:0;font-weight:800;font-size:clamp(130px,16vw,280px);letter-spacing:-.065em;line-height:1;color:var(--hx-paper);z-index:1;pointer-events:none}
.hx-tb{position:absolute;left:0;bottom:0;z-index:2;display:flex;align-items:center;gap:22px;height:78px;padding:0 34px 0 var(--hx-gut);background:var(--hx-paper);color:var(--hx-acc-fg);border-radius:0 30px 0 0}
.hx-tb::before,.hx-tb::after{content:"";position:absolute;width:30px;height:30px}
.hx-tb::before{left:0;top:-30px;background:radial-gradient(circle at 100% 0,transparent 30px,var(--hx-paper) 30.5px)}
.hx-tb::after{right:-30px;bottom:0;background:radial-gradient(circle at 100% 0,transparent 30px,var(--hx-paper) 30.5px)}
.hx-num{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.hx-num em{font-style:normal;color:#9A8F84}
.hx-name{font-family:var(--hx-s);font-style:italic;font-size:21px;min-width:210px}
.hx-bars{display:flex;gap:6px}
.hx-bars i{position:relative;width:46px;height:3px;border-radius:2px;background:#DDD3C6;overflow:hidden}
.hx-bars i::after{content:"";position:absolute;inset:0;width:0;background:var(--hx-acc-fg)}
.hx-bars i.done::after{width:100%}.hx-bars i.on::after{animation:hx-bar 7s linear forwards}
@keyframes hx-bar{to{width:100%}}
.hx :focus-visible{outline-color:#fff}
@media (max-width:1100px){.hx-tab{display:none}.hx-ul{display:none}.hx-burger{display:grid}}
@media (max-width:760px){
  .hx{height:auto;min-height:100svh;max-height:none;padding:76px var(--hx-gut) 62px;display:flex;flex-direction:column;justify-content:center}
  .hx-shade{background:linear-gradient(180deg,rgba(17,13,9,.7) 0%,rgba(17,13,9,.55) 45%,rgba(17,13,9,.8) 100%)}
  .hx-lines,.hx-word,.hx-name,.hx-call{display:none}
  .hx-top{height:76px}
  .hx-logo{font-size:24px}
  .hx-wa{width:44px;padding:0;justify-content:center}.hx-wa span{display:none}
  .hx-txt{position:relative;left:auto;top:auto;transform:none;max-width:none}
  .hx h1{margin:0 0 18px}
  .hx-s1{font-size:37px;white-space:normal;line-height:.98}.hx-s2{font-size:41px;white-space:normal;line-height:.96;margin-top:2px}
  .hx-lead{font-size:15.5px}
  .hx-btns{margin-top:26px}
  .hx-btn{width:100%;height:58px;white-space:normal;text-align:center}
  .hx-tb{height:62px;gap:14px;padding:0 22px 0 var(--hx-gut)}
  .hx-bars i{width:32px}
}
@media (prefers-reduced-motion:reduce){.hx-sl .hx-i{animation:none}.hx-sl>.hx-i:first-child,.hx-sl>:first-child>.hx-i{opacity:1}.hx-bars i.on::after{animation:none;width:100%}}
.menu-open .hx-logo,.menu-open .hx-r a,.menu-open .hx-burger{color:var(--ink);border-color:var(--line)}
.menu-open .hx-wa{background:var(--paper)}
/* на главной нижняя панель телефона появляется после первого экрана — там свои кнопки WhatsApp и теста */
@media (max-width:720px){.home .mbar{transition:transform .35s var(--ease)}.home:not(.past-hx) .mbar{transform:translateY(110%)}}

/* ── Главная: блок «О нас» (согласован 28.10.2026, макет design/arome-home/about.html, вариант A, аура 1) ──
   Крупный аппарат уходит низом под плитки с цифрами; за ним «дышит» оранжевое свечение и расходятся мягкие кольца,
   как на airlife (3 круга, 5 с, задержки 0 / 0,5 / 1,5 с). Акцент коричневый (28.10) — --ab-acc. */
.ab{--ab-acc:#4A3F37;--ab-r:26px;/* радиус как у вкладок первого экрана */--ab-f:"Inter Tight",system-ui,sans-serif;--ab-s:"Playfair Display",Georgia,serif;--ab-gut:clamp(20px,4.2vw,64px);
  position:relative;overflow:hidden;background:#F4F3EF;color:#1A1714;font-family:var(--ab-f);padding:64px 0 clamp(64px,7vw,100px)}
.ab-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;max-width:1440px;margin:0 auto;padding:0 var(--ab-gut)}
.ab-k{margin:0;font-size:18px;color:#6B655D;text-transform:lowercase}
.ab-k::before{content:"["}.ab-k::after{content:"]"}
/* карта Казахстана из точек (.gfx/kz-map.js) уходит за левый край, как в референсе; Астана — коричневая точка с пульсом */
.ab-l{display:flex;flex-direction:column}
.ab-map{position:relative;margin:auto 0 auto calc(-1 * var(--ab-gut));padding:28px 0}
.ab-kz{display:block;width:100%;height:auto}
.ab-pin{position:absolute;display:flex;align-items:center;gap:12px;transform:translate(-9px,-50%)}
.ab-pin i{position:relative;flex:none;width:18px;height:18px;border-radius:50%;background:var(--ab-acc);box-shadow:0 0 0 5px rgba(74,63,55,.18)}
.ab-pin i::before,.ab-pin i::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(74,63,55,.35);animation:ab-pin 2.6s ease-out infinite}
.ab-pin i::after{animation-delay:1.3s}
@keyframes ab-pin{0%{transform:scale(1);opacity:.9}100%{transform:scale(4);opacity:0}}
.ab-pin b{padding:8px 14px;border-radius:999px;background:rgba(251,250,247,.9);box-shadow:0 10px 24px -12px rgba(42,37,34,.4);font-size:15px;font-weight:600;color:#2A2522;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.ab-pin i::before,.ab-pin i::after{animation:none}}
.ab-txt{position:relative;z-index:2;padding:24px 0 24px;align-self:center}
.ab-h{margin:0 0 26px;text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px)}
.ab-h em{display:block;font-family:var(--ab-s);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.ab-txt p{color:#4A443E;font-size:clamp(16px,1.2vw,18px);line-height:1.45;max-width:58ch}
.ab-txt p+p{margin-top:14px}
.ab-m{border-left:2px solid var(--ab-acc);padding-left:20px;font-family:var(--ab-s);font-style:italic;line-height:1.25!important;color:#1A1714!important}
@media (max-width:900px){
  .ab{padding:64px 0 8px}
  .ab-g{grid-template-columns:minmax(0,1fr);gap:0}
  .ab-map{margin:24px 0 28px calc(-1 * var(--ab-gut))}
  .ab-pin b{font-size:13.5px;padding:6px 11px}
  .ab-txt{padding:10px 0 56px}
  .ab-h{font-size:36px}
}

/* ── Главная: блок «Аромат и продажи» (согласован 28.10.2026, макет design/arome-home/sales-list.html) ──
   Строки «название — что изучали — → результат», счётчики (main.js), коричневый акцент --acc. */
.sp{background:#F4F3EF;color:#2A2522;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45;--acc:#4A3F37;--acc2:#5C4F45;--ink:#2A2522;--ink2:#5A534D;--ink3:#6B655D;--line:#DCD7CE;--f:"Inter Tight",system-ui,sans-serif;--s:"Playfair Display",Georgia,serif;--gut:clamp(20px,4.2vw,64px)}


.sp h2,.sp h3,.sp p{margin:0}
.sp{padding:96px 0}
.sp-wrap{max-width:1440px;margin:0 auto;padding:0 var(--gut)}
.sp-k{font-size:18px;color:var(--ink3)}.sp-k::before{content:"["}.sp-k::after{content:"]"}
.sp-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin:22px 0 56px}
.sp-h{text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px)}
.sp-h em{display:block;font-family:var(--s);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.sp-lead{color:var(--ink2);font-size:clamp(16px,1.2vw,18px);max-width:52ch}

/* строки как в референсе: номер+название капсом | описание | → результат */
.sp-rows{border-top:1px solid var(--line)}
.sp-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}
.sp-row h3{font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-.01em;line-height:1.08;text-transform:uppercase;color:#3B3632}
.sp-row p{font-size:clamp(16px,1.25vw,19px);line-height:1.4;color:var(--ink2)}
.sp-row .sp-res{color:var(--ink)}
.sp-row .sp-res::before{content:"→ ";color:var(--acc)}
.sp-row .sp-res b{font-weight:600}
.sp-row .sp-src{display:block;margin-top:10px;font-size:13px;color:var(--ink3);text-decoration:none}
.sp-row .sp-src:hover{color:var(--ink)}

/* счётчики */
.sp-stats{display:flex;justify-content:space-between;gap:40px;margin-top:72px}
.sp-stats>div{flex:none}
.sp-n{font-size:clamp(72px,7vw,112px);font-weight:600;letter-spacing:-.045em;line-height:1;color:#2A2522;font-variant-numeric:tabular-nums}
.sp-stats p{margin-top:20px;font-size:clamp(16px,1.25vw,19px);line-height:1.4;color:var(--ink2)}
.sp-cta{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:64px}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;height:72px;padding:0 64px;border-radius:18px;background:var(--acc);color:#fff;font:500 18px/1 var(--f);text-decoration:none}
.sp-btn:hover{background:var(--acc2)}
.sp-cta-n{font-size:15px;color:var(--ink2)}
.sp-cta-n b{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--acc);color:#fff;font-size:13.5px;font-weight:600;margin:0 4px}
.sp .sp-note{margin:28px auto 0;max-width:860px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--ink3)}

@media (max-width:900px){
  .sp{padding:64px 0}
  .sp-top{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:32px}
  .sp-h{font-size:36px}
  .sp-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:24px 0}
  .sp-row h3{font-size:21px}
  .sp-row p{font-size:16px}
  .sp-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:48px}
  .sp-n{font-size:64px}
  .sp-stats p{margin-top:10px;font-size:15px}
  .sp-btn{width:100%;height:62px;padding:0 20px}
}

/* ── Блок «Коллекция ароматов» (согласован 28.10.2026, макет design/arome-home/scents4.html) ──
   Слева коричневая панель со списком (выбранный подчёркнут), справа фото аромата и карточка с круглым фото.
   На главной — 7 ароматов, на /aromaty/ — все 32 (фото справа прилипает к экрану). */
.kl{--kl-acc:#4A3F37;--kl-acc2:#5C4F45;--kl-ink:#2A2522;--kl-ink2:#5A534D;--kl-ink3:#6B655D;--kl-r:26px;--kl-f:"Inter Tight",system-ui,sans-serif;--kl-s:"Playfair Display",Georgia,serif;--kl-gut:clamp(20px,4.2vw,64px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:900px;font-family:var(--kl-f);color:var(--kl-ink)}
.kl-l{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:96px var(--kl-gut) 72px;background:linear-gradient(140deg,#5A4C41 0%,#4A3F37 55%,#3D332C 100%);color:#F4F0EA}
.kl-l::before{content:"";position:absolute;right:-10%;top:-10%;width:70%;height:60%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,236,214,.14),rgba(255,236,214,0));pointer-events:none}
.kl-k{position:relative;margin:0;font-size:18px;color:#BFB2A3}.kl-k::before{content:"["}.kl-k::after{content:"]"}
.kl-h{position:relative;margin:22px 0 18px;text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:#F4F0EA}
.kl-h em{display:block;font-family:var(--kl-s);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.kl-lead{position:relative;margin:0;max-width:40ch;color:#D9CFC3;font-size:clamp(16px,1.2vw,18px);line-height:1.45}
.kl-list{position:relative;margin-top:auto;padding-top:56px}
.kl-it{display:flex;align-items:center;gap:16px;width:100%;padding:20px 0;border:0;border-bottom:1px solid rgba(244,240,234,.18);background:none;font:500 clamp(17px,1.4vw,21px)/1.2 var(--kl-f);letter-spacing:.01em;text-transform:uppercase;text-align:left;color:rgba(244,240,234,.48);cursor:pointer;transition:color .25s}
.kl-it:hover{color:#F4F0EA}
.kl-it em{min-width:42px;font-style:normal;font-size:13px;letter-spacing:.04em;color:rgba(244,240,234,.42)}
.kl-it.on{color:#F4F0EA;border-bottom:2px solid #F4F0EA}
.kl-it.on em,.kl-it.on small{color:#D9CFC3}
.kl-it:focus-visible{outline:2px solid #F4F0EA;outline-offset:2px}
.kl-all{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:62px;margin-top:32px;padding:0 30px;border-radius:18px;background:#F4F0EA;color:#2A2522;font:500 16px/1 var(--kl-f);text-decoration:none}
.kl-all:hover{background:#fff}
.kl-mot{position:relative;margin:14px 0 0;font-size:13px;color:#A99D90}
.kl-r{position:relative;overflow:hidden;background:#2A2522}
.kl-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .8s,transform 1.4s}
.kl-ph.on{opacity:1;transform:none}
.kl-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,78%);padding:12px;border-radius:var(--kl-r);background:#FBF8F2;box-shadow:0 40px 80px -30px rgba(0,0,0,.45)}
.kl-circ{width:200px;height:200px;margin:14px auto 0;border-radius:50%;overflow:hidden;box-shadow:0 0 0 8px #F1EBE1,0 0 0 9px #E4DCCF}
.kl-circ img{width:100%;height:100%;object-fit:cover}
.kl-cb{padding:26px 14px 8px;text-align:center}
.kl-fam{margin:0;font-size:13px;color:var(--kl-ink3);letter-spacing:.02em}
.kl-nm{margin:6px 0 0;font-size:24px;font-weight:600;letter-spacing:.01em;line-height:1.1;text-transform:uppercase}
.kl-ds{margin:10px auto 0;max-width:34ch;font-size:15px;line-height:1.45;color:var(--kl-ink2)}
.kl-nt{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:16px}
.kl-nt span{padding:6px 12px;border-radius:999px;background:#EFEAE1;font-size:13px;color:var(--kl-ink2)}
.kl-wh{margin:14px 0 0;font-size:13.5px;color:var(--kl-ink3)}.kl-wh b{font-weight:500;color:var(--kl-ink)}
.kl-rows{display:grid;gap:8px;margin-top:20px}
.kl-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 20px;border-radius:18px;background:#EFEAE1;color:var(--kl-ink);font-size:15.5px;font-weight:500;text-decoration:none}
.kl-row b{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--kl-acc);color:#fff;font-size:18px;font-weight:500}
.kl-row:hover b{background:var(--kl-acc2)}
/* страница каталога: список длинный — фото с карточкой прилипает к экрану */
.kl-page{align-items:start}
.kl-page .kl-l{min-height:100vh}
.kl-page .kl-list{margin-top:40px;padding-top:0}
.kl-page .kl-r{position:sticky;top:0;height:100vh;min-height:760px}
@media (max-width:900px){
  .kl{grid-template-columns:minmax(0,1fr);min-height:0}
  .kl-l{padding:64px var(--kl-gut) 36px}
  .kl-page .kl-l{min-height:0}
  .kl-h{font-size:36px}
  .kl-list{padding-top:28px}
  .kl-it{padding:16px 0;font-size:16px}
  .kl-all{width:100%}
  .kl-r,.kl-page .kl-r{position:relative;height:720px;min-height:0}
  .kl-card{width:calc(100% - 2*var(--kl-gut))}
  .kl-circ{width:160px;height:160px}
}
@media (prefers-reduced-motion:reduce){.kl-ph{transition:none}}

/* ── Главная: блок «Пространства» (согласован 28.10.2026, макет design/arome-home/spaces.html) ── */
.ps{--ps-acc:#4A3F37;--ps-acc2:#5C4F45;--ps-ink:#2A2522;--ps-ink2:#5A534D;--ps-ink3:#6B655D;--ps-r:26px;--ps-s:"Playfair Display",Georgia,serif;--ps-gut:clamp(20px,4.2vw,64px);
  padding:96px 0;background:#F4F3EF;color:var(--ps-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.ps h2,.ps h3,.ps p{margin:0}
.ps a{text-decoration:none}
.ps-wrap{max-width:1440px;margin:0 auto;padding:0 var(--ps-gut)}
.ps-k{font-size:18px;color:var(--ps-ink3)}.ps-k::before{content:"["}.ps-k::after{content:"]"}
.ps-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 40px}
.ps-h{text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:var(--ps-ink)}
.ps-h em{display:block;font-family:var(--ps-s);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.ps-tr{display:flex;align-items:flex-end;gap:28px}
.ps-lead{max-width:40ch;color:var(--ps-ink2);font-size:clamp(16px,1.2vw,18px)}
.ps-nav{display:none;gap:8px}
.ps-nav button{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;border:1px solid #D6D0C6;background:#fff;color:var(--ps-ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ps-nav button:hover{background:var(--ps-acc);border-color:var(--ps-acc);color:#fff}
/* стрелки — только на планшетах и телефонах; на компьютере их нет */
@media (max-width:1180px){.ps-nav{display:flex}}
.ps-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--ps-gut);padding:0 var(--ps-gut) 8px;scrollbar-width:none}
.ps-track::-webkit-scrollbar{display:none}
.ps-track.drag{scroll-snap-type:none;user-select:none}
/* на компьютере вместо курсора над лентой — коричневая плашка со стрелками, подсказывает, что ленту можно тянуть */
.ps-cur{display:none}
@media (hover:hover) and (pointer:fine){
  .ps-track{cursor:none}
  .ps-cta{cursor:auto}.ps-cta a{cursor:pointer}
  .ps-cur{position:fixed;left:0;top:0;z-index:60;display:grid;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:20px;background:rgba(74,63,55,.84);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#F4F0EA;box-shadow:0 12px 30px -12px rgba(42,37,34,.55);pointer-events:none;opacity:0;scale:.5;transition:opacity .25s,scale .3s cubic-bezier(.2,.8,.2,1)}
  .ps-cur.on{opacity:1;scale:1}
  .ps-cur.on.down{scale:.86}
}
.ps-track.drag .ps-card{pointer-events:none}
.ps-card{position:relative;flex:none;width:clamp(300px,31vw,450px);aspect-ratio:3/4;border-radius:var(--ps-r);overflow:hidden;scroll-snap-align:start;background:#2A2522;color:#fff}
.ps-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}
.ps-card:hover>img{transform:scale(1.04)}
.ps-gl{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:20px;background:rgba(30,24,19,.36);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
.ps-gl h3{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.1;color:#fff}
.ps-go{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;align-self:flex-end;width:100%;max-width:200px;height:50px;margin-top:18px;padding:0 8px 0 18px;border-radius:16px;background:#F4F0EA;color:var(--ps-ink);font-size:15px;font-weight:500}
.ps-go i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ps-acc);color:#fff;font-style:normal;font-size:15px;transition:background .2s}
.ps-card:hover .ps-go i{background:var(--ps-acc2)}
.ps-cta{display:flex;flex-direction:column;justify-content:space-between;padding:36px;background:linear-gradient(150deg,#5A4C41,#4A3F37 55%,#3D332C);color:#F4F0EA}
.ps-cta::before{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,196,.22),rgba(255,226,196,0));animation:ps-br 5s ease-in-out infinite;pointer-events:none}
@keyframes ps-br{50%{transform:scale(1.08)}}
.ps-cta>*{position:relative}
.ps-cta .ps-k{color:#BFB2A3}
.ps-cta h3{margin-top:18px;font-size:clamp(30px,2.6vw,40px);font-weight:600;letter-spacing:-.03em;line-height:.98;color:#F4F0EA}
.ps-cta h3 em{display:block;font-family:var(--ps-s);font-style:italic;font-weight:400;letter-spacing:-.01em;margin-top:2px}
.ps-cta p:not(.ps-k){margin-top:18px;color:#D9CFC3;font-size:16.5px;max-width:30ch}
.ps-list{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px}
.ps-list span{padding:6px 12px;border-radius:999px;background:rgba(244,240,234,.1);font-size:13.5px;color:#E6DDD2}
.ps-act{display:grid}
.ps-btn{display:inline-flex;align-items:center;justify-content:center;height:62px;border-radius:18px;background:#F4F0EA;color:var(--ps-ink);font-size:16px;font-weight:500;transition:background .2s}
.ps-btn:hover{background:#fff}
.ps-wa{margin-top:10px;text-align:center;font-size:14px;color:#BFB2A3;text-decoration:underline!important;text-underline-offset:3px}
.ps-prog{position:relative;height:3px;margin:28px var(--ps-gut) 0;border-radius:2px;background:#E2DCD2}
.ps-prog i{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:2px;background:var(--ps-acc)}
@media (max-width:900px){
  .ps{padding:64px 0}
  .ps-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}
  .ps-tr{flex-direction:column;align-items:flex-start;gap:16px}
  .ps-nav button{width:46px;height:46px}
  .ps-h{font-size:36px}
  .ps-card{width:82vw}
  .ps-cta{padding:24px}
  .ps-cta h3{margin-top:12px;font-size:28px}
  .ps-cta p:not(.ps-k){margin-top:12px;font-size:15px}
  .ps-list{display:none}
  .ps-btn{height:54px}
}
@media (prefers-reduced-motion:reduce){.ps-card>img,.ps-cta::before{transition:none;animation:none}}

/* ── Главная: заявка (согласована 28.10.2026, макет design/arome-home/cta.html) ── */
.lf{--lf-acc:#4A3F37;--lf-acc2:#5C4F45;--lf-ink:#2A2522;--lf-ink2:#5A534D;--lf-ink3:#6B655D;--lf-line:#DCD7CE;--lf-s:"Playfair Display",Georgia,serif;
  position:relative;display:grid;place-items:center;min-height:900px;padding:110px clamp(16px,4.2vw,64px);background:#C9AE88 url(../img/lead-bg.webp) center/cover;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45;color:var(--lf-ink)}
.lf::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(42,37,34,0) 40%,rgba(42,37,34,.28) 100%);pointer-events:none}
.lf h2,.lf p{margin:0}
.lf-box{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);width:100%;max-width:1180px;border-radius:26px;overflow:hidden;background:#F4F3EF;box-shadow:0 40px 80px -40px rgba(42,37,34,.55)}
.lf-ph{position:relative;min-height:100%}
.lf-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lf-fm{margin:0;padding:52px 52px 44px}
.lf-k{font-size:18px;color:var(--lf-ink3)}.lf-k::before{content:"["}.lf-k::after{content:"]"}
.lf-h{margin-top:18px!important;text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(36px,3.4vw,52px);color:var(--lf-ink)}
.lf-h em{display:block;font-family:var(--lf-s);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.lf-lead{margin-top:16px!important;max-width:42ch;color:var(--lf-ink2);font-size:17px}
.lf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lf-fields{display:grid;gap:10px;margin-top:30px}
.lf-in{position:relative;display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;border:1px solid var(--lf-line);border-radius:18px;background:#FBFAF7;transition:border-color .2s}
.lf-in:focus-within{border-color:var(--lf-acc)}
.lf-in.err{border-color:#B4533A}
.lf-in input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:none;font-family:inherit;font-size:16px;font-weight:400;color:var(--lf-ink)}
.lf-in input::placeholder{color:var(--lf-ink3)}
.lf-in b{font-weight:500;font-size:16px}
.lf-flag{display:inline-flex;align-items:center;padding-right:12px;border-right:1px solid var(--lf-line);height:26px}
.lf-flag i{display:block;width:24px;height:16px;border-radius:4px;background:#00AFCA radial-gradient(circle at 50% 45%,#FEC50C 0 3.4px,transparent 3.6px)}
.lf-pl{margin:20px 0 0;padding:0;border:0;min-width:0}
.lf-pl legend{padding:0;font-size:14px;color:var(--lf-ink3)}
.lf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lf-chips label{position:relative;cursor:pointer}
.lf-chips input,.lf-ok input{position:absolute;opacity:0;width:1px;height:1px}
.lf-chips span{display:block;padding:9px 15px;border:1px solid var(--lf-line);border-radius:999px;background:#FBFAF7;font-size:14.5px;color:var(--lf-ink2);transition:background .2s,border-color .2s,color .2s}
.lf-chips label:hover span{border-color:var(--lf-acc)}
.lf-chips input:checked+span{background:var(--lf-acc);border-color:var(--lf-acc);color:#F4F0EA}
.lf-chips input:focus-visible+span,.lf-ok input:focus-visible+i{outline:2px solid var(--lf-acc);outline-offset:2px}
.lf-ok{display:flex;gap:12px;align-items:flex-start;margin-top:22px;font-size:12.5px;line-height:1.4;color:var(--lf-ink3);cursor:pointer}
.lf-ok i{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border:1px solid var(--lf-line);border-radius:6px;background:#FBFAF7;color:transparent;transition:background .2s,border-color .2s}
.lf-ok input:checked+i{background:var(--lf-acc);border-color:var(--lf-acc);color:#fff}
.lf-ok.err i{border-color:#B4533A}
.lf-ok a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.lf-btn{display:flex;align-items:center;justify-content:center;width:100%;height:62px;margin-top:22px;border:0;border-radius:18px;background:var(--lf-acc);color:#F4F0EA;font:500 16px/1 "Inter Tight",system-ui,sans-serif;cursor:pointer;transition:background .2s}
.lf-btn:hover{background:var(--lf-acc2)}
.lf-wa{display:block;margin-top:12px;text-align:center;font-size:14px;color:var(--lf-ink3);text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){
  .lf{min-height:0;padding:56px 16px}
  .lf-box{grid-template-columns:minmax(0,1fr)}
  .lf-ph{height:220px;min-height:0}
  .lf-fm{padding:28px 22px 26px}
  .lf-h{font-size:34px}
  .lf-lead{font-size:15.5px}
  .lf-fields{margin-top:22px}
  .lf-in{height:56px}
}

/* ── Главная: «Как работает аппарат» (согласован 28.10.2026, макет design/arome-home/how.html) ── */
.hw{--hw-acc:#4A3F37;--hw-ink:#2A2522;--hw-ink2:#5A534D;--hw-ink3:#6B655D;--hw-line:#D6D0C6;--hw-gut:clamp(20px,4.2vw,64px);
  padding:96px 0;background:#F4F3EF;color:var(--hw-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.hw h2,.hw h3,.hw p{margin:0}
.hw-wrap{max-width:1440px;margin:0 auto;padding:0 var(--hw-gut)}
.hw-k{font-size:18px;color:var(--hw-ink3)}.hw-k::before{content:"["}.hw-k::after{content:"]"}
.hw-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 48px}
.hw-h{text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:var(--hw-ink)}
.hw-h em{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;color:#8A7A6C}
.hw-lead{max-width:44ch;color:var(--hw-ink2);font-size:clamp(16px,1.2vw,18px)}
.hw-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hw-cell{position:relative;display:flex;flex-direction:column;min-height:440px;padding:52px 40px 40px}
.hw-cell i{position:absolute;width:26%;height:30%;pointer-events:none}
.hw-tl{left:0;top:0;border-top:1px solid var(--hw-line);border-left:1px solid var(--hw-line)}
.hw-tr{right:0;top:0;border-top:1px solid var(--hw-line)}
.hw-bl{left:0;bottom:0;border-bottom:1px solid var(--hw-line);border-left:1px solid var(--hw-line)}
.hw-br{right:0;bottom:0;border-bottom:1px solid var(--hw-line)}
.hw-cell:last-child .hw-tr,.hw-cell:last-child .hw-br{border-right:1px solid var(--hw-line)}
.hw-grid::before,.hw-grid::after{content:"";position:absolute;z-index:1;width:20px;height:20px;background:var(--hw-acc)}
.hw-grid::before{left:0;top:0;border-radius:0 0 20px 0}
.hw-grid::after{right:0;bottom:0;border-radius:20px 0 0 0}
.hw-cell h3{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.08;color:var(--hw-ink)}
.hw-cell p{margin-top:16px;color:var(--hw-ink3);font-size:16.5px;line-height:1.5;max-width:32ch}
.hw-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:40px}
.hw-n{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:34px;line-height:1;color:var(--hw-acc)}
.hw-tag{padding:7px 13px;border:1px solid var(--hw-line);border-radius:999px;font-size:13.5px;color:var(--hw-ink2);white-space:nowrap}
@media (max-width:1100px){
  .hw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hw-cell:nth-child(2) .hw-tr,.hw-cell:nth-child(2) .hw-br{border-right:1px solid var(--hw-line)}
}
@media (max-width:900px){
  .hw{padding:64px 0}
  .hw-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}
  .hw-h{font-size:38px}
  .hw-grid{grid-template-columns:minmax(0,1fr)}
  .hw-cell{min-height:0;padding:34px 24px 26px}
  .hw-cell .hw-tr,.hw-cell .hw-br{border-right:1px solid var(--hw-line)}
  .hw-cell i{height:38%}
  .hw-cell h3{font-size:22px}
  .hw-cell p{font-size:15.5px;margin-top:12px}
  .hw-foot{padding-top:26px}
  .hw-n{font-size:28px}
}
/* после ленты «Пространств» второй большой отступ не нужен — хватает нижнего отступа ленты */
.ps+.hw{padding-top:0}

/* ── Главная: сравнение «Свечи, спреи или аромамаркетинг» (согласовано 28.10.2026, макет design/arome-home/compare.html) ── */
.cm{--cm-acc:#4A3F37;--cm-ink:#2A2522;--cm-ink2:#5A534D;--cm-ink3:#6B655D;--cm-line:#DCD7CE;--cm-s:"Playfair Display",Georgia,serif;--cm-gut:clamp(20px,4.2vw,64px);
  padding:96px 0;background:#F4F3EF;color:var(--cm-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.hw+.cm,.ps+.cm{padding-top:0}
.cm h2,.cm p{margin:0}
.cm-wrap{max-width:1440px;margin:0 auto;padding:0 var(--cm-gut)}
.cm-k{font-size:18px;color:var(--cm-ink3)}.cm-k::before{content:"["}.cm-k::after{content:"]"}
.cm-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 48px}
.cm-h{text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:var(--cm-ink)}
.cm-h em{display:block;font-family:var(--cm-s);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.cm-lead{max-width:44ch;color:var(--cm-ink2);font-size:clamp(16px,1.2vw,18px)}
.cm-tb{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) repeat(2,minmax(0,1fr)) minmax(0,1.12fr);border:1px solid var(--cm-line);border-radius:26px;background:#FBFAF7}
.cm-row{display:contents}
.cm-bg{position:absolute;top:-1px;right:-1px;bottom:-1px;width:calc(27.86% + 1px);border-radius:26px;background:linear-gradient(160deg,#5A4C41,#4A3F37 55%,#3D332C);box-shadow:0 30px 60px -30px rgba(42,37,34,.6)}
.cm-c{position:relative;padding:22px 28px;font-size:16px;line-height:1.4;color:var(--cm-ink2)}
.cm-c:not(.cm-th){border-top:1px solid var(--cm-line)}
.cm-th{padding:30px 28px 24px;font-size:15px;color:var(--cm-ink3)}
.cm-th b{display:block;margin-top:4px;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--cm-ink)}
.cm-rk{font-size:15px;color:var(--cm-ink3)}
.cm-us{color:#F4F0EA}
.cm-us:not(.cm-th){border-top-color:rgba(244,240,234,.14)}
.cm-th.cm-us{color:#BFB2A3}
.cm-th.cm-us b{font-family:var(--cm-s);font-style:italic;font-weight:400;font-size:30px;letter-spacing:0;line-height:1;color:#F4F0EA}
.cm-us i{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:7px;background:rgba(244,240,234,.14);font-style:normal;font-size:12px}
/* галочка слева, перенесённые строки текста идут ровно под первой */
@media (min-width:901px){.cm-c.cm-us:not(.cm-th){display:flex;align-items:flex-start;gap:12px}}
@media (max-width:900px){
  .cm{padding:64px 0}
  .cm-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}
  .cm-h{font-size:36px}
  .cm-tb{display:block;border:0;background:none}
  .cm-bg,.cm-row.cm-hd{display:none}
  .cm-row{display:block;margin-top:10px;padding:20px 20px 16px;border:1px solid var(--cm-line);border-radius:22px;background:#FBFAF7}
  .cm-c{padding:0;border:0!important}
  .cm-rk{margin-bottom:10px;font-size:17px;font-weight:600;color:var(--cm-ink)}
  .cm-c[data-l]{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:8px 0;font-size:14.5px;border-top:1px solid var(--cm-line)!important}
  .cm-c[data-l]::before{content:attr(data-l);font-size:13.5px;color:var(--cm-ink3)}
  .cm-c.cm-us[data-l]{margin:6px -12px 0;padding:14px 12px;border:0!important;border-radius:14px;background:var(--cm-acc)}
  .cm-c.cm-us::before{color:#BFB2A3}
  .cm-us i{display:none}
}

/* ── Главная: цены (согласованы 28.10.2026, макет design/arome-home/price.html) ── */
.pr{--pr-acc:#4A3F37;--pr-acc2:#5C4F45;--pr-ink:#2A2522;--pr-ink2:#5A534D;--pr-ink3:#6B655D;--pr-line:#DCD7CE;--pr-s:"Playfair Display",Georgia,serif;--pr-gut:clamp(20px,4.2vw,64px);
  padding:96px 0;background:#F4F3EF;color:var(--pr-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.cm+.pr{padding-top:0}
:where(.pr) :where(h2,h3,p,ul){margin:0}
.pr-wrap{max-width:1440px;margin:0 auto;padding:0 var(--pr-gut)}
.pr-k{font-size:18px;color:var(--pr-ink3)}.pr-k::before{content:"["}.pr-k::after{content:"]"}
.pr-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 48px}
.pr-h{text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:var(--pr-ink)}
.pr-h em{display:block;font-family:var(--pr-s);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.pr-lead{max-width:42ch;color:var(--pr-ink2);font-size:clamp(16px,1.2vw,18px)}
.pr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pr-ph{position:relative;min-height:600px;border-radius:26px;overflow:hidden;background:#2A2522}
.pr-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-ph span{position:absolute;left:14px;bottom:14px;padding:10px 16px;border-radius:14px;background:rgba(30,24,19,.36);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);color:#fff;font-size:14.5px}
.pr-ph span b{font-weight:600}
.pr-card{display:flex;flex-direction:column;padding:32px 30px 28px;border:1px solid #E6E1D8;border-radius:26px;background:#FBFAF7}
.pr-fit{font-size:14.5px;color:var(--pr-ink3)}
.pr-card .pr-nm{margin-top:8px;font-family:var(--pr-s);font-style:italic;font-weight:400;font-size:46px;line-height:1;letter-spacing:-.01em;color:inherit}
.pr-for{margin-top:12px;font-size:15px;color:var(--pr-ink2)}
.pr-sub{margin-top:30px;font-size:15px;font-weight:600}
.pr-rows{list-style:none;margin-top:6px!important;padding:0}
.pr-rows li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--pr-line);font-size:15.5px;color:var(--pr-ink2)}
.pr-rows li b{white-space:nowrap;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--pr-ink)}
.pr-rows li small{display:block;margin-top:2px;font-size:12.5px;color:var(--pr-ink3)}
.pr-btn{display:flex;align-items:center;justify-content:center;height:54px;margin-top:auto;border-radius:16px;background:var(--pr-acc);color:#F4F0EA;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s}
.pr-rows+.pr-btn{margin-top:auto}
.pr-card .pr-rows{margin-bottom:28px!important}
.pr-btn:hover{background:var(--pr-acc2)}
.pr-dk{position:relative;overflow:hidden;border:0;background:linear-gradient(150deg,#5A4C41,#4A3F37 55%,#3D332C);color:#F4F0EA}
.pr-dk::before{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,196,.2),rgba(255,226,196,0));pointer-events:none}
.pr-dk>*{position:relative}
.pr-dk .pr-fit,.pr-dk .pr-rows li small{color:#BFB2A3}
.pr-dk .pr-for,.pr-dk .pr-rows li{color:#D9CFC3}
.pr-dk .pr-rows li{border-bottom-color:rgba(244,240,234,.16)}
.pr-dk .pr-rows li b{color:#F4F0EA}
.pr-dk .pr-btn{background:#F4F0EA;color:var(--pr-ink)}
.pr-dk .pr-btn:hover{background:#fff}
@media (max-width:1100px){.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-ph{min-height:420px}}
@media (max-width:900px){
  .pr{padding:64px 0}
  .pr-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}
  .pr-h{font-size:36px}
  .pr-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .pr-ph{min-height:0;height:240px}
  .pr-card{padding:26px 22px 22px}
  .pr-card .pr-nm{font-size:40px}
  .pr-ph+.pr-card{margin-bottom:14px}
}

/* ── Главная: вопросы (28.10.2026, по референсу: список во всю ширину, круглая кнопка +/×) ── */
.fq{--fq-acc:#4A3F37;--fq-ink:#2A2522;--fq-ink2:#5A534D;--fq-ink3:#6B655D;--fq-line:#DCD7CE;--fq-gut:clamp(20px,4.2vw,64px);
  padding:96px 0;background:#F4F3EF;color:var(--fq-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
:where(.fq) :where(h2,h3,p){margin:0}
.fq-wrap{max-width:1440px;margin:0 auto;padding:0 var(--fq-gut)}
.fq-k{font-size:18px;color:var(--fq-ink3)}.fq-k::before{content:"["}.fq-k::after{content:"]"}
.fq-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 40px}
.fq-h{text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:var(--fq-ink)}
.fq-h em{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.fq-lead{max-width:40ch;color:var(--fq-ink2);font-size:clamp(16px,1.2vw,18px)}
.fq-lead a{color:var(--fq-ink);text-decoration:underline;text-underline-offset:3px}
.fq-list{border-top:1px solid var(--fq-line)}
.fq-it{border-bottom:1px solid var(--fq-line)}
.fq-it summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;list-style:none;cursor:pointer}
.fq-it summary::-webkit-details-marker{display:none}
.fq-it .fq-q{font-size:clamp(19px,1.6vw,24px);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--fq-ink)}
/* круглая кнопка: плюс из двух полосок, у открытого вопроса поворачивается в крестик и становится коричневой */
.fq-it i{position:relative;flex:none;width:60px;height:60px;border-radius:50%;background:#E8E2D8;transition:background .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.fq-it i::before,.fq-it i::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:1.6px;margin:-.8px 0 0 -11px;border-radius:1px;background:var(--fq-acc);transition:background .25s}
.fq-it i::after{transform:rotate(90deg)}
.fq-it summary:hover i{background:#DDD5C9}
.fq-it[open] i{background:var(--fq-acc);transform:rotate(45deg)}
.fq-it[open] i::before,.fq-it[open] i::after{background:#F4F0EA}
.fq-it p{max-width:96ch;padding:0 84px 30px 0;color:var(--fq-ink2);font-size:17px;line-height:1.55}
@media (max-width:900px){
  .fq{padding:64px 0}
  .fq-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}
  .fq-h{font-size:36px}
  .fq-it summary{padding:20px 0;gap:16px}
  .fq-it .fq-q{font-size:18px}
  .fq-it i{width:46px;height:46px}
  .fq-it i::before,.fq-it i::after{width:18px;margin-left:-9px}
  .fq-it p{padding:0 0 22px;font-size:15.5px}
}

/* ── Главная: этапы (28.10.2026, по референсу — лесенка карточек) ── */
.et{--et-acc:#4A3F37;--et-ink:#2A2522;--et-ink2:#5A534D;--et-ink3:#6B655D;--et-gut:clamp(20px,4.2vw,64px);
  padding:96px 0;background:#F4F3EF;color:var(--et-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.pr+.et{padding-top:0}
.et+.fq{padding-top:0}
:where(.et) :where(h2,h3,p){margin:0}
.et-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"k h h" "s c1 c2" "c3 c4 .";gap:16px;max-width:1440px;margin:0 auto;padding:0 var(--et-gut)}
.et-k{grid-area:k;font-size:18px;color:var(--et-ink3)}.et-k::before{content:"["}.et-k::after{content:"]"}
.et-h{grid-area:h;margin-bottom:24px!important;text-wrap:wrap;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:var(--et-ink)}
.et-h em{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.et-side{grid-area:s;align-self:end;max-width:30ch;padding-bottom:4px}
.et-side p{color:var(--et-ink2);font-size:17px}
.et-side a{display:inline-block;margin-top:14px;color:var(--et-ink);font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:4px}
.et-c{display:flex;flex-direction:column;min-height:300px;padding:24px 26px 26px;border-radius:26px;background:#E8E2D8}
.et-c1{grid-area:c1}.et-c2{grid-area:c2}.et-c3{grid-area:c3}.et-c4{grid-area:c4}
.et-n{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:34px;line-height:1;color:var(--et-acc)}
.et-c h3{margin-top:auto!important;font-size:clamp(22px,1.9vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.08;color:var(--et-ink)}
.et-c p{margin-top:12px!important;max-width:40ch;color:var(--et-ink2);font-size:16.5px;line-height:1.5}
.et-c4{position:relative;overflow:hidden;background:linear-gradient(150deg,#5A4C41,#4A3F37 55%,#3D332C)}
.et-c4::before{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,196,.2),rgba(255,226,196,0));pointer-events:none}
.et-c4>*{position:relative}
.et-c4 .et-n{color:#F4F0EA}
.et-c4 h3{color:#F4F0EA}
.et-c4 p{color:#D9CFC3}
@media (max-width:1100px){
  .et-wrap{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"k k" "h h" "s s" "c1 c2" "c3 c4"}
  .et-side{margin-bottom:12px}
}
@media (max-width:900px){
  .et{padding:64px 0}
  .et-wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"k" "h" "s" "c1" "c2" "c3" "c4";gap:10px}
  .et-h{margin:12px 0 4px!important;font-size:36px}
  .et-side{margin-bottom:30px}
  .et-side p{font-size:15.5px}
  .et-c{min-height:0;padding:18px 20px 20px}
  .et-n{font-size:28px}
  .et-c h3{margin-top:22px!important;font-size:22px}
  .et-c p{font-size:15.5px}
}

/* ── Главная: шапка всегда сверху. Над первым экраном — прозрачная, после прокрутки — светлая, тёмный текст ── */
/* стекло, как у прозрачной кнопки первого экрана: полупрозрачный фон, размытие и тонкая линия */
.hx-solid .hx-top{height:72px;background:rgba(244,243,239,.72);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 -1px 0 rgba(42,37,34,.1)}
.hx-solid .hx-logo,.hx-solid .hx-r a{color:#2A2522}
.hx-solid .hx-tab{height:72px;background:none}
.hx-solid .hx-tab::before,.hx-solid .hx-tab::after{display:none}
.hx-solid .hx-call,.hx-solid .hx-burger{border-color:rgba(42,37,34,.18);color:#2A2522}
.hx-solid .hx-burger i{background:#2A2522;box-shadow:0 -6px 0 #2A2522,0 6px 0 #2A2522}
.hx-solid .hx-wa{background:#4A3F37;border-color:#4A3F37;color:#F4F0EA!important}
.hx-solid .hx-ul{border-bottom-color:#2A2522}
.menu-open.hx-solid .hx-burger i{background:transparent;box-shadow:none}
@media (max-width:900px){.hx-solid .hx-top{height:64px}}

/* ── Подвал (28.10.2026): коричневая плашка, название крупными буквами внизу ── */
.ft{padding:16px clamp(10px,1.2vw,18px) 0;background:#F4F3EF;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.ft-card{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(150deg,#5A4C41,#4A3F37 50%,#3D332C);color:#D9CFC3}
.ft-card::before{content:"";position:absolute;right:-12%;top:-30%;width:60%;height:90%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,196,.16),rgba(255,226,196,0));pointer-events:none}
.ft-g{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.6fr) minmax(0,.8fr) minmax(0,1.3fr);gap:40px;padding:64px clamp(24px,3.4vw,52px) 0}
.ft-h{margin:0;font-weight:600;font-size:clamp(30px,2.8vw,42px);letter-spacing:-.03em;line-height:.98;color:#F4F0EA}
.ft-h em{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em}
.ft-t{margin:16px 0 0;max-width:34ch;font-size:16px;color:#D9CFC3}
.ft-btn{display:inline-flex;align-items:center;gap:9px;height:46px;margin-top:26px;padding:0 20px 0 16px;border:1px solid rgba(244,240,234,.4);border-radius:999px;color:#F4F0EA;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.ft-btn .ic{width:18px;height:18px}
.ft-btn:hover{background:#F4F0EA;color:#2A2522}
.ft-col{display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.ft-col a,.ft-col span{color:#D9CFC3;text-decoration:none}
.ft-col a:hover{color:#F4F0EA;text-decoration:underline;text-underline-offset:3px}
.ft-k{margin:0 0 6px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#F4F0EA}
.ft-pl div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
/* название по ширине плашки; нижняя часть букв уходит за край */
.ft-word{position:relative;margin:56px 0 0;padding:0 clamp(16px,2vw,32px);font-weight:700;font-size:32.4vw;line-height:.74;letter-spacing:-.065em;color:#F4F0EA;white-space:nowrap;transform:translateY(9%);user-select:none}
.ft-bot{display:flex;justify-content:space-between;gap:16px;padding:20px clamp(14px,2.2vw,36px) 26px;font-size:14px;color:#6B655D}
.ft-bot a{color:inherit;text-decoration:none}
.ft-bot a:hover{color:#2A2522}
@media (max-width:1100px){.ft-g{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-a{grid-column:1 / -1}}
@media (max-width:700px){
  .ft{padding:10px 10px 0}
  .ft-g{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 22px 0}
  .ft-pl div{grid-template-columns:minmax(0,1fr)}
  .ft-word{margin-top:40px;font-size:31vw}
  .ft-bot{flex-direction:column;gap:6px;padding-bottom:96px}
}

/* «Метод» стоит сразу после «О нас»: второй большой отступ сверху и снизу не нужен */
.ab+.hw,.hw+.sp{padding-top:0}

/* ── Главная: аппарат (28.10.2026, макет design/arome-home/device-b.html) ── */
.dv{--dv-acc:#4A3F37;--dv-ink:#2A2522;--dv-ink2:#5A534D;--dv-ink3:#6B655D;padding:0 clamp(10px,1.2vw,18px);background:#F4F3EF;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
:where(.dv) :where(h2,p){margin:0}
.dv-card{position:relative;overflow:hidden;padding:64px clamp(24px,4.2vw,64px) 56px;border-radius:26px;background:linear-gradient(150deg,#5A4C41,#4A3F37 50%,#3D332C);color:#F4F0EA}
.dv-card::before{content:"";position:absolute;left:50%;top:52%;width:820px;height:820px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,196,.28),rgba(255,226,196,0));animation:dv-br 6s ease-in-out infinite;pointer-events:none}
@keyframes dv-br{50%{transform:translate(-50%,-50%) scale(1.07)}}
.dv-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.dv-k{font-size:18px;color:#BFB2A3}.dv-k::before{content:"["}.dv-k::after{content:"]"}
.dv-lead{margin-top:14px!important;max-width:34ch;color:#D9CFC3;font-size:16.5px}
.dv-tabs{display:inline-flex;flex:none;gap:4px;padding:4px;border:1px solid rgba(244,240,234,.25);border-radius:999px}
.dv-tabs button{height:44px;padding:0 22px;border:0;border-radius:999px;background:none;font:500 15px/1 "Inter Tight",system-ui,sans-serif;color:#D9CFC3;cursor:pointer;transition:background .2s,color .2s}
.dv-tabs button.on{background:#F4F0EA;color:var(--dv-ink)}
.dv-word{position:absolute;left:0;right:0;top:50%;transform:translateY(-38%);text-align:center;white-space:nowrap;font-weight:700;font-size:21vw;letter-spacing:-.06em;line-height:.8;color:rgba(244,240,234,.07);pointer-events:none;user-select:none}
.dv-word em{font-family:"Playfair Display",Georgia,serif;font-weight:400;letter-spacing:-.02em;color:rgba(244,240,234,.12)}
.dv-stage{position:relative;z-index:1;width:min(420px,70vw);margin:10px auto 0}
.dv-img{display:block;width:100%;height:auto;filter:drop-shadow(0 40px 50px rgba(0,0,0,.45))}
/* плюс с пульсирующим кольцом; у открытого кольцо гаснет и плюс поворачивается в крестик */
.dv-hs{position:absolute;z-index:2;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:#F4F0EA;color:var(--dv-acc);cursor:pointer;transition:background .25s,color .25s}
.dv-hs::before,.dv-hs::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:rgba(244,240,234,.4);animation:dv-pulse 2.4s ease-out infinite}
.dv-hs::after{animation-delay:1.2s}
@keyframes dv-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.dv-hs i::before,.dv-hs i::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.8px;margin:-.9px 0 0 -8px;border-radius:1px;background:currentColor;transition:transform .3s}
.dv-hs i::after{transform:rotate(90deg)}
.dv-hs.on{background:#2A2522;color:#F4F0EA}
.dv-hs.on::before,.dv-hs.on::after{animation:none;opacity:0}
.dv-hs.on i::before{transform:rotate(45deg)}.dv-hs.on i::after{transform:rotate(135deg)}
.dv-tip{position:absolute;z-index:3;width:250px;padding:18px 20px;border-radius:20px;background:#F4F0EA;color:var(--dv-ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none}
.dv-tip.on{opacity:1;transform:none;pointer-events:auto}
.dv-tip small{display:block;font-size:13px;color:var(--dv-ink3)}
.dv-tip b{display:block;margin-top:6px;font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.05}
.dv-tip b span{margin-left:3px;font-size:.55em;letter-spacing:0}
.dv-tip p{margin-top:8px!important;font-size:14px;color:var(--dv-ink2)}
.dv-l{right:calc(100% + 26px)}.dv-r{left:calc(100% + 26px)}
.dv-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:36px}
.dv-name{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(44px,4.4vw,68px);line-height:1;color:#F4F0EA}
.dv-foot p{font-size:14px;color:#BFB2A3}
@media (max-width:900px){
  .dv{padding:0 10px}
  .dv-card{padding:40px 22px 36px}
  .dv-top{flex-direction:column;gap:18px}
  .dv-word{top:46%;font-size:34vw}
  .dv-stage{width:min(290px,74vw);margin-top:28px}
  .dv-hs{width:38px;height:38px;margin:-19px 0 0 -19px}
  .dv-tip,.dv-l,.dv-r{left:50%;right:auto;top:auto!important;bottom:-12px;width:min(320px,84vw);transform:translate(-50%,100%)}
  .dv-tip.on{transform:translate(-50%,100%)}
  .dv-foot{flex-direction:column;align-items:flex-start;margin-top:150px}
}
@media (prefers-reduced-motion:reduce){.dv-card::before,.dv-hs::before,.dv-hs::after{animation:none}}
/* на компьютере блок целиком помещается в экран: высота плашки — по высоте окна минус шапка,
   описание с переключателем и название лежат поверх по углам, аппарат масштабируется по высоте */
@media (min-width:901px){
  .dv-card{display:grid;place-items:center;height:min(880px,calc(100svh - 96px));min-height:600px;padding:40px clamp(24px,4.2vw,64px)}
  .dv-top{position:absolute;left:clamp(24px,4.2vw,64px);right:clamp(24px,4.2vw,64px);top:40px}
  /* верх и низ лежат поверх аппарата: пропускаем клики к плюсам, ловим только на тексте и переключателе */
  .dv-top,.dv-foot{pointer-events:none}
  .dv-top>*,.dv-foot>*{pointer-events:auto}
  .dv-stage{width:min(420px,calc((min(880px,100svh - 96px) - 150px) * .757),calc((100svh - 96px - 150px) * .757));min-width:300px;margin:0}
  .dv-foot{position:absolute;left:clamp(24px,4.2vw,64px);right:clamp(24px,4.2vw,64px);bottom:36px;margin:0}
}
@media (min-width:901px) and (max-width:1100px){.dv-lead{max-width:24ch;font-size:15px}.dv-foot p{max-width:16ch;text-align:right}}

/* ── Телефон: в шапке главной — коричневая кнопка WhatsApp, в нижней панели — «Оставить заявку» ── */
@media (max-width:900px){
  .hx-wa,.hx-solid .hx-wa,.menu-open .hx-wa{width:auto;height:42px;padding:0 16px 0 13px;gap:8px;justify-content:center;border-color:#4A3F37;background:#4A3F37;color:#F4F0EA!important;font-size:14.5px}
  .hx-wa span{display:inline}
  .hx-wa .ic{width:18px;height:18px}
}
@media (max-width:640px){.mbar{background:rgba(244,243,239,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top-color:#DCD7CE}.mbar a{border-radius:16px;font-family:"Inter Tight",system-ui,sans-serif;font-weight:500}}

/* ── Окно заявки: та же карточка, что в блоке заявки, поверх затемнённой страницы ── */
.rq{--lf-acc:#4A3F37;--lf-acc2:#5C4F45;--lf-ink:#2A2522;--lf-ink2:#5A534D;--lf-ink3:#6B655D;--lf-line:#DCD7CE;--lf-s:"Playfair Display",Georgia,serif;
  position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45;color:var(--lf-ink)}
.rq[hidden]{display:none}
.rq :where(h2,p){margin:0}
.rq-bg{position:absolute;inset:0;background:rgba(26,20,16,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rq-fade .25s ease}
.rq-box{position:relative;width:100%;max-width:1080px;max-height:calc(100svh - 48px);overflow:auto;overscroll-behavior:contain;animation:rq-in .35s cubic-bezier(.2,.8,.2,1)}
.rq-box .lf-fm{padding:44px 48px 36px}
.rq-box .lf-h{font-size:clamp(32px,3vw,46px)}
.rq-x{position:absolute;right:16px;top:16px;z-index:2;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:#E8E2D8;cursor:pointer;transition:background .2s}
.rq-x:hover{background:#DDD5C9}
.rq-x i::before,.rq-x i::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1.6px;margin:-.8px 0 0 -9px;border-radius:1px;background:#4A3F37;transform:rotate(45deg)}
.rq-x i::after{transform:rotate(-45deg)}
.rq-open{overflow:hidden}
@keyframes rq-fade{from{opacity:0}}
@keyframes rq-in{from{opacity:0;transform:translateY(18px) scale(.98)}}
@media (max-width:900px){
  .rq{place-items:end stretch;padding:0}
  .rq-box{max-height:94svh;border-radius:26px 26px 0 0;animation-name:rq-up}
  .rq-box .lf-ph{display:none}
  .rq-box .lf-fm{padding:30px 22px calc(26px + env(safe-area-inset-bottom,0px))}
  .rq-box .lf-h{font-size:32px;padding-right:48px}
  .rq-x{right:12px;top:12px;width:42px;height:42px}
}
@keyframes rq-up{from{transform:translateY(100%)}}
@media (prefers-reduced-motion:reduce){.rq-bg,.rq-box{animation:none}}

/* ── Внутренние страницы (28.10.2026, вариант A): шапка главной сразу в светлом состоянии, отступ под неё ── */
.pg-body{--hdr:72px;--hx-f:"Inter Tight",system-ui,sans-serif;--hx-s:"Playfair Display",Georgia,serif;--hx-paper:#F4F3EF;--hx-acc-fg:#1A1714;--hx-gut:clamp(20px,4.2vw,64px)}
.pg-body main{padding-top:var(--hdr)}
.pg-body .hx-top{font-family:var(--hx-f)}
/* телефон в меню шапки — коричневый, как все кнопки шапки (общий --acc ещё оранжевый у старых блоков) */
.hx-menu .menu-ph{background:#4A3F37;color:#F4F0EA}
.hx-tab a[aria-current]::after{transform:scaleX(1)}
@media (max-width:900px){.pg-body{--hdr:64px}}

/* ── Верх внутренней страницы: [крошки], H1 с курсивной второй строкой, справа текст ── */
.pg{--pg-ink:#2A2522;--pg-ink2:#5A534D;--pg-ink3:#6B655D;--pg-s:"Playfair Display",Georgia,serif;--pg-gut:clamp(20px,4.2vw,64px);
  padding:84px 0 64px;background:#F4F3EF;color:var(--pg-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
:where(.pg,.inc,.kn) :where(h1,h2,h3,p,ol,ul){margin:0}
.pg-wrap{max-width:1440px;margin:0 auto;padding:0 var(--pg-gut)}
.pg-k{font-size:18px;color:var(--pg-ink3)}.pg-k::before{content:"["}.pg-k::after{content:"]"}
.pg-k a{color:inherit;text-decoration:none}.pg-k a:hover{color:var(--pg-ink)}
.pg-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:64px;align-items:end;margin-top:22px}
.pg-h{font-weight:600;letter-spacing:-.045em;line-height:.9;font-size:clamp(44px,5vw,76px);color:inherit}
.pg-h em{display:block;font-family:var(--pg-s);font-style:italic;font-weight:400;letter-spacing:-.015em;font-size:1.04em;line-height:.98;margin-top:4px}
.pg-side p{color:var(--pg-ink2);font-size:18px}
.pg+.pr{padding-top:0}

/* ── Что входит в подписку: слева заголовок, справа 6 пунктов в две колонки ── */
.inc{--inc-ink:#2A2522;--inc-ink2:#5A534D;--inc-ink3:#6B655D;--inc-line:#DCD7CE;--inc-s:"Playfair Display",Georgia,serif;--inc-gut:clamp(20px,4.2vw,64px);
  padding:96px 0;background:#F4F3EF;color:var(--inc-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.pr+.inc{padding-top:16px}
.inc-wrap{max-width:1440px;margin:0 auto;padding:0 var(--inc-gut);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
.inc-k,.kn-k{font-size:18px;color:#6B655D}.inc-k::before,.kn-k::before{content:"["}.inc-k::after,.kn-k::after{content:"]"}
.inc-h,.kn-h{margin-top:22px!important;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:inherit}
.inc-h em,.kn-h em{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.inc-lead,.kn-lead{margin-top:22px!important;max-width:40ch;color:#5A534D;font-size:18px}
.inc-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1px solid var(--inc-line)}
.inc-list li{display:grid;grid-template-columns:52px minmax(0,1fr);align-content:start;gap:6px 12px;padding:26px 0 30px;border-bottom:1px solid var(--inc-line)}
.inc-list i{grid-row:span 2;font-family:var(--inc-s);font-style:italic;font-size:26px;line-height:1;color:var(--inc-ink3)}
.inc-list h3{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.inc-list p{font-size:16px;color:var(--inc-ink2)}

/* ── Какой комплект нужен: строки по площади, цена в месяц справа ── */
.kn{--kn-acc:#4A3F37;--kn-acc2:#5C4F45;--kn-ink:#2A2522;--kn-ink2:#5A534D;--kn-ink3:#6B655D;--kn-line:#DCD7CE;--kn-gut:clamp(20px,4.2vw,64px);
  padding:96px 0;background:#F4F3EF;color:var(--kn-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.inc+.kn,.kn+.fq{padding-top:0}
.kn-wrap{max-width:1440px;margin:0 auto;padding:0 var(--kn-gut)}
.kn-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.kn-top .kn-lead{margin-top:0!important}
.kn-tb{border-top:1px solid var(--kn-line)}
.kn-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.8fr);gap:24px;align-items:center;padding:24px 18px;border-bottom:1px solid var(--kn-line);transition:background .2s}
.kn-row:not(.kn-th):hover{background:#FBFAF7}
.kn-th{padding-top:14px;padding-bottom:14px;font-size:14px;color:var(--kn-ink3)}
.kn-sp{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.kn-ar{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:30px;line-height:1}
.kn-set{font-size:17px;color:var(--kn-ink2)}
.kn-pr{text-align:right;font-size:26px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.kn-pr small{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--kn-ink3)}
.kn-th .kn-pr{font-size:14px;font-weight:400}
.kn-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px}
.kn-note{font-size:15px;color:var(--kn-ink3)}
.kn-btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 30px;border-radius:18px;background:var(--kn-acc);color:#F4F0EA;font-size:15.5px;font-weight:500;text-decoration:none;transition:background .2s}
.kn-btn:hover{background:var(--kn-acc2)}

@media (max-width:900px){
  .pg{padding:36px 0 40px}
  .pg-top{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:16px}
  .pg-h{font-size:44px}
  .pg-k{font-size:15px}
  .pg-side p{font-size:16px}
  .inc{padding:64px 0}
  .pr+.inc{padding-top:0}
  .inc-wrap{grid-template-columns:minmax(0,1fr);gap:28px}
  .inc-h,.kn-h{font-size:36px;margin-top:16px!important}
  .inc-lead,.kn-lead{font-size:16px;margin-top:16px!important}
  .inc-list{grid-template-columns:minmax(0,1fr)}
  .inc-list li{grid-template-columns:40px minmax(0,1fr);padding:20px 0 22px}
  .inc-list i{font-size:22px}
  .inc-list h3{font-size:19px}
  .inc-list p{font-size:15px}
  .kn{padding:64px 0}
  .kn-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}
  .kn-th{display:none}
  .kn-tb{border-top:0;display:grid;gap:10px}
  .kn-row{grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;padding:22px 20px;border:1px solid #E6E1D8;border-radius:22px;background:#FBFAF7}
  .kn-sp{grid-column:1/-1;font-size:19px}
  .kn-ar{font-size:22px;white-space:nowrap}
  .kn-set{grid-column:1/-1;order:3;font-size:15px;padding-top:12px;border-top:1px solid var(--kn-line)}
  .kn-pr{font-size:22px}
  .kn-foot{flex-direction:column;align-items:stretch}
  .kn-btn{height:54px}
}

/* ── Шапка: выпадающее меню «Пространства» (28.10.2026) — по наведению и фокусу, на телефоне — раскрывающийся список ── */
.hx-dd{position:relative}
.hx-dd>a{display:inline-flex;align-items:center;gap:6px}
.hx-dd>a svg{width:11px;height:11px;transition:transform .25s}
.hx-dd:hover>a svg,.hx-dd:focus-within>a svg{transform:rotate(180deg)}
.hx-ddp{position:absolute;left:50%;top:calc(100% + 14px);z-index:60;width:540px;padding:16px;border-radius:22px;background:#F4F3EF;color:#2A2522;
  box-shadow:0 30px 60px -28px rgba(42,37,34,.38),0 0 0 1px rgba(42,37,34,.08);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.hx-ddp::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.hx-dd:hover .hx-ddp,.hx-dd:focus-within .hx-ddp{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s,transform .2s}
.hx-tab .hx-ddp a::after{display:none}
.hx-ddh{display:flex;align-items:center;padding:4px 12px 12px;margin-bottom:6px;border-bottom:1px solid #E1DBD1;font-size:13.5px;color:#6B655D}
.hx-ddh span::before{content:"["}.hx-ddh span::after{content:"]"}
.hx-tab .hx-ddh a{margin-left:auto;padding:0 0 3px;font-size:14px;color:#2A2522;border-bottom:1.5px solid #2A2522;border-radius:0}
.hx-ddh a i{font-style:normal;margin-left:6px}
.hx-ddl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.hx-tab .hx-ddl a{padding:9px 12px;font-size:14.5px;border-radius:12px;transition:background .2s}
.hx-tab .hx-ddl a:hover,.hx-tab .hx-ddl a:focus-visible{background:#E9E4DC}
.hx-msub summary{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-radius:12px;font-size:22px;font-weight:500;list-style:none;cursor:pointer}
.hx-msub summary::-webkit-details-marker{display:none}
.hx-msub summary::after{content:"";width:9px;height:9px;margin-right:6px;border-right:1.6px solid;border-bottom:1.6px solid;transform:translateY(-3px) rotate(45deg);transition:transform .25s}
.hx-msub[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.hx-msub div{display:flex;flex-direction:column;padding:0 0 10px 12px}
.menu .hx-msub div a{padding:9px 12px;font-size:17px;color:#5A534D}
.menu .hx-msub div a:first-child{color:#2A2522}

/* ── Страница «Пространства» (вариант A): карточки в 2 колонки, последняя ячейка коричневая ── */
.sx{--sx-ink:#2A2522;--sx-ink2:#5A534D;--sx-s:"Playfair Display",Georgia,serif;--sx-gut:clamp(20px,4.2vw,64px);
  padding:0 0 96px;background:#F4F3EF;color:var(--sx-ink);font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
:where(.sx,.sh) :where(h2,h3,p,ol){margin:0}
.pg+.sx{padding-top:0}
.sx-wrap{max-width:1440px;margin:0 auto;padding:0 var(--sx-gut)}
.sx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sx-card{display:flex;flex-direction:column;border-radius:26px;background:#FBFAF7;border:1px solid #E6E1D8;overflow:hidden;text-decoration:none;color:inherit}
.sx-ph{position:relative;aspect-ratio:16/10;overflow:hidden;margin:8px 8px 0;border-radius:20px;background:#2A2522}
.sx-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.sx-card:hover .sx-ph img{transform:scale(1.04)}
.sx-num{position:absolute;left:14px;top:14px;padding:8px 14px;border-radius:14px;background:rgba(30,24,19,.32);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font-family:var(--sx-s);font-style:italic;font-size:18px;line-height:1}
.sx-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:26px 28px 30px;flex:1}
.sx-body h2{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1}
.sx-body p{font-size:16.5px;color:var(--sx-ink2);max-width:46ch}
.sx-z{display:flex;flex-wrap:wrap;gap:8px}
.sx-body .sx-z{margin-bottom:8px}
.sx-z span{padding:7px 13px;border-radius:999px;border:1px solid #E1DBD1;font-size:13.5px;color:var(--sx-ink2)}
.sx-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-bottom:3px;border-bottom:1.5px solid var(--sx-ink);font-size:15px;font-weight:500}
.sx-go i{font-style:normal;transition:transform .25s}
.sx-card:hover .sx-go i{transform:translateX(4px)}
.sx-more{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:44px 40px 40px;border-radius:26px;background:linear-gradient(150deg,#5A4C41,#4A3F37 55%,#3D332C);color:#F4F0EA}
.sx-more::before{content:"";position:absolute;right:-160px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,196,.18),rgba(255,226,196,0));pointer-events:none}
.sx-more>*{position:relative}
.sx-k{font-size:16px;color:#BFB2A3}.sx-k::before{content:"["}.sx-k::after{content:"]"}
.sx-more h2{margin-top:14px;font-size:clamp(32px,3vw,46px);font-weight:600;letter-spacing:-.035em;line-height:.95}
.sx-more h2 em{display:block;font-family:var(--sx-s);font-style:italic;font-weight:400;letter-spacing:-.01em}
.sx-more p{margin-top:16px;max-width:46ch;color:#D9CFC3;font-size:16.5px}
.sx-more .sx-z{margin-top:20px}
.sx-more .sx-z span{border-color:rgba(244,240,234,.22);color:#E8E0D6}
.sx-btn{display:flex;align-items:center;justify-content:center;height:56px;border-radius:18px;background:#F4F0EA;color:var(--sx-ink);font-size:15.5px;font-weight:500;text-decoration:none;transition:background .2s}
.sx-btn:hover{background:#fff}

/* ── Как подбираем аромат: три колонки с курсивными номерами ── */
.sh{padding:0 0 96px;background:#F4F3EF;color:#2A2522;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.sh-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.2vw,64px)}
.sh-k{font-size:18px;color:#6B655D}.sh-k::before{content:"["}.sh-k::after{content:"]"}
.sh-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 44px}
.sh-h{font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px);color:inherit}
.sh-h em{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.sh-lead{max-width:40ch;color:#5A534D;font-size:18px}
.sh-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;border-top:1px solid #DCD7CE}
.sh-list li{display:flex;flex-direction:column;gap:10px;padding-top:28px}
.sh-list i{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:#6B655D}
.sh-list h3{margin-top:8px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.sh-list p{font-size:16px;color:#5A534D;max-width:36ch}

@media (max-width:900px){
  .sx{padding-bottom:64px}
  .sx-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .sx-body{padding:22px 20px 24px;gap:12px}
  .sx-body h2{font-size:26px}
  .sx-body p{font-size:15.5px}
  .sx-more{padding:30px 22px 22px;gap:26px}
  .sx-more h2{font-size:30px}
  .sx-more p{font-size:15.5px}
  .sh{padding-bottom:64px}
  .sh-top{flex-direction:column;align-items:flex-start;gap:16px;margin:16px 0 24px}
  .sh-h{font-size:36px}
  .sh-lead{font-size:16px}
  .sh-list{grid-template-columns:minmax(0,1fr);gap:0}
  .sh-list li{padding:22px 0;border-bottom:1px solid #DCD7CE}
  .sh-list i{font-size:24px}
  .sh-list h3{font-size:19px;margin-top:4px}
  .sh-list p{font-size:15px}
}

/* ── Страница «Метод» (28.10.2026): аромат по часам (rs-*), кто что делает (mv-*) ── */:where(.rs,.mv) :where(h2,h3,p,ul){margin:0}
.pg+.hw{padding-top:0}
/* ── аромат по часам ── */
.rs{padding:96px 0;background:#F4F3EF;color:#2A2522;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.hw+.rs{padding-top:0}
.rs-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.2vw,64px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.rs-k,.mv-k{font-size:18px;color:#6B655D}.rs-k::before,.mv-k::before{content:"["}.rs-k::after,.mv-k::after{content:"]"}
.rs-h,.mv-h{margin-top:22px!important;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px)}
.rs-h em,.mv-h em{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.rs-lead,.mv-lead{margin-top:22px!important;max-width:42ch;color:#5A534D;font-size:18px}
.rs-pts{list-style:none;padding:0;margin-top:30px!important;border-top:1px solid #DCD7CE}
.rs-pts li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;padding:18px 0;border-bottom:1px solid #DCD7CE}
.rs-pts i{grid-row:span 2;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:22px;line-height:1.1;color:#6B655D}
.rs-pts b{font-size:18px;font-weight:600;letter-spacing:-.015em}
.rs-pts span{font-size:15.5px;color:#5A534D}
.rs-card{position:relative;overflow:hidden;padding:36px 36px 30px;border-radius:26px;background:linear-gradient(150deg,#5A4C41,#4A3F37 55%,#3D332C);color:#F4F0EA}
.rs-card::before{content:"";position:absolute;right:-160px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,196,.18),rgba(255,226,196,0));pointer-events:none}
.rs-card>*{position:relative}
.rs-ct{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.rs-ct p{font-size:15px;color:#BFB2A3}.rs-ct p::before{content:"["}.rs-ct p::after{content:"]"}
.rs-ct b{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;font-size:30px;line-height:1}
.rs-ch{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:8px;align-items:end;height:300px;margin-top:34px;padding-bottom:4px;border-bottom:1px solid rgba(244,240,234,.18)}
.rs-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;height:100%}
.rs-col span{height:16px;font-size:12.5px;color:#BFB2A3;font-variant-numeric:tabular-nums}
.rs-b{display:block;width:100%;border-radius:10px}
.rs-l0{background:repeating-linear-gradient(90deg,rgba(244,240,234,.28) 0 4px,transparent 4px 8px);border-radius:4px;height:3px}
.rs-l1{height:30%;background:rgba(244,240,234,.32)}
.rs-l2{height:58%;background:rgba(244,240,234,.6)}
.rs-l3{height:88%;background:#F4F0EA}
.rs-lg{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}
.rs-lg span{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#D9CFC3}
.rs-lg i{width:14px;height:14px;border-radius:5px}
.rs-lg .rs-l0{width:14px;height:3px}
.rs-note{margin-top:18px!important;font-size:13.5px;color:#BFB2A3}
.rs+.et{padding-top:0}
/* ── мы и вы ── */
.mv{padding:96px 0;background:#F4F3EF;color:#2A2522;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
.et+.mv{padding-top:0}
.mv-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.2vw,64px)}
.mv-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.mv-top .mv-lead{margin-top:0!important}
.mv-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px}
.mv-c{padding:34px 34px 30px;border-radius:26px;background:#FBFAF7;border:1px solid #E6E1D8}
.mv-c h3{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1}
.mv-c h3 em{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.mv-c ul{list-style:none;padding:0;margin-top:22px!important;display:grid;gap:0}
.mv-we ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.mv-c li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid #E6E1D8;font-size:16px;color:#5A534D}
.mv-c li svg{flex:none;width:22px;height:22px;padding:3px;margin-top:-1px;border-radius:50%;background:#4A3F37;color:#F4F0EA}
.mv-you{background:transparent;border-style:dashed;border-color:#CFC7BB}
.mv-you li svg{background:transparent;color:#4A3F37;box-shadow:inset 0 0 0 1.4px #4A3F37}
.mv+.fq{padding-top:0}
@media (max-width:900px){
  .rs{padding:64px 0}
  .hw+.rs{padding-top:0}
  .rs-wrap{grid-template-columns:minmax(0,1fr);gap:28px}
  .rs-h,.mv-h{font-size:36px;margin-top:16px!important}
  .rs-lead,.mv-lead{font-size:16px;margin-top:16px!important}
  .rs-card{padding:24px 18px 20px}
  .rs-ct b{font-size:20px;white-space:nowrap}
  .rs-ch{height:200px;gap:4px;margin-top:24px}
  .rs-col span{font-size:10.5px}
  .rs-b{border-radius:6px}
  .mv{padding:64px 0}
  .mv-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}
  .mv-g{grid-template-columns:minmax(0,1fr);gap:12px}
  .mv-c{padding:24px 20px 20px}
  .mv-c h3{font-size:23px}
  .mv-we ul{grid-template-columns:minmax(0,1fr)}
  .mv-c li{font-size:15px}
}

/* ── Страница пространства (28.10.2026): верх с фото справа (sv), где ставим (sz), типовой комплект (sk), другие пространства (so) ── */
.sv,.sz,.sk,.so,.bl,.ar,.kc{background:#F4F3EF;color:#2A2522;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
:where(.sv,.sz,.sk,.so,.bl,.ar,.kc) :where(h1,h2,h3,p){margin:0}
.sv{padding:84px 0 96px}
.sv-wrap,.sz-wrap,.sk-wrap,.so-wrap,.bl-wrap,.kc-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.2vw,64px)}
.sv-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:stretch}
/* Крошки и H1 — по верху фото, описание и кнопки — по низу (30.10.2026): свободное место между ними, но не меньше 26px */
.sv-txt{display:flex;flex-direction:column}
.sv .pg-h{margin-top:22px;margin-bottom:26px}
.sv-lead{margin-top:auto!important;max-width:46ch;color:#5A534D;font-size:18px}
.sv-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.sv-btn,.sv-btn2{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;border-radius:18px;font-size:15.5px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}
.sv-btn{background:#4A3F37;color:#F4F0EA}.sv-btn:hover{background:#5C4F45}
.sv-btn2{border:1.5px solid #CFC7BB;color:#2A2522}.sv-btn2:hover{border-color:#2A2522}
.sv-ph{position:relative;align-self:start;aspect-ratio:5/4;border-radius:26px;overflow:hidden;background:#2A2522}
.sv-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-ph span{position:absolute;left:14px;bottom:14px;padding:10px 16px;border-radius:14px;background:rgba(30,24,19,.36);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);color:#fff;font-size:14.5px}
.sv-ph span b{font-weight:600}
.sv+.sh{padding-top:0}
.sz{padding:0 0 96px}
.sz-k,.so-k,.bl-k{font-size:18px;color:#6B655D}.sz-k::before,.so-k::before,.bl-k::before{content:"["}.sz-k::after,.so-k::after,.bl-k::after{content:"]"}
.sz-h{margin:22px 0 44px!important;font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px)}
.sz-h em,.sk-h em{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.sz-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sz-c{display:flex;flex-direction:column;gap:10px;min-height:250px;padding:26px 24px 28px;border-radius:26px;background:#FBFAF7;border:1px solid #E6E1D8}
.sz-c i{margin-bottom:auto;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:#6B655D}
.sz-c h3{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.sz-c p{font-size:15.5px;color:#5A534D}
.sk{padding:0 0 96px}
.sk-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px;align-items:end;padding:48px;border-radius:26px;background:linear-gradient(150deg,#5A4C41,#4A3F37 55%,#3D332C);color:#F4F0EA}
.sk-card::before{content:"";position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,196,.18),rgba(255,226,196,0));pointer-events:none}
.sk-card>*{position:relative}
.sk-k{font-size:16px;color:#BFB2A3}.sk-k::before{content:"["}.sk-k::after{content:"]"}
.sk-h{margin-top:14px!important;font-weight:600;letter-spacing:-.035em;line-height:.95;font-size:clamp(34px,3.4vw,52px)}
.sk-set{margin-top:28px!important;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:clamp(30px,2.8vw,42px);line-height:1}
.sk-note{margin-top:16px!important;max-width:48ch;color:#D9CFC3;font-size:16px}
.sk-r{display:flex;flex-direction:column;gap:12px}
.sk-pm{font-size:clamp(40px,4vw,56px);font-weight:600;letter-spacing:-.035em;line-height:1}
.sk-pm span{display:block;margin-top:8px;font-size:15px;font-weight:400;letter-spacing:0;color:#D9CFC3}
.sk-m{font-size:14.5px;color:#BFB2A3}
.sk-btn{display:flex;align-items:center;justify-content:center;height:56px;margin-top:12px;border-radius:18px;background:#F4F0EA;color:#2A2522;font-size:15.5px;font-weight:500;text-decoration:none;transition:background .2s}
.sk-btn:hover{background:#fff}
.sk-all{align-self:center;color:#F4F0EA;font-size:15px;text-decoration:none;border-bottom:1.5px solid rgba(244,240,234,.6);padding-bottom:2px}
.sk-all i{font-style:normal;margin-left:6px}
.sk+.fq{padding-top:0}
.so{padding:0 0 96px}
.fq+.so{padding-top:0}
.so-l{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.so-l a{padding:11px 18px;border-radius:999px;border:1px solid #DCD7CE;color:#2A2522;font-size:15px;text-decoration:none;transition:background .2s,border-color .2s}
.so-l a:hover{background:#FBFAF7;border-color:#2A2522}

/* ── Блог: карточки статей ── */
.bl{padding:0 0 96px}
.pg+.bl{padding-top:0}
.ar+.bl{padding-top:0}
.bl-k{margin-bottom:22px;font-weight:400;letter-spacing:0;line-height:inherit}
.bl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bl-c{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:380px;padding:28px 28px 30px;border-radius:26px;background:#FBFAF7;border:1px solid #E6E1D8;color:inherit;text-decoration:none;transition:border-color .2s}
.bl-c:hover{border-color:#CFC7BB}
.bl-n{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:#6B655D}
.bl-m{margin-top:auto;font-size:14px;color:#6B655D}
.bl-c .bl-t{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.05}
.bl-c p{font-size:15.5px;color:#5A534D}
.bl-c .sx-go{margin-top:8px}
.bl-c:hover .sx-go i{transform:translateX(4px)}

/* ── Статья: узкая колонка текста ── */
.ar-head{max-width:880px;margin-top:22px}
.ar-m{font-size:15px;color:#6B655D}
.ar-h{margin-top:14px!important;font-weight:600;letter-spacing:-.04em;line-height:.95;font-size:clamp(40px,4.6vw,68px)}
.ar-lead{margin-top:22px!important;max-width:60ch;color:#5A534D;font-size:19px}
.ar{padding:0 0 96px}
.ar-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.2vw,64px)}
.ar-body{max-width:760px;padding-top:40px;border-top:1px solid #DCD7CE;font-size:17.5px;line-height:1.65;color:#3A342F}
.ar-body h2{margin:44px 0 14px;font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1.05;color:#2A2522}
.ar-body h2:first-child{margin-top:0}
.ar-body p{margin:0 0 16px}
.ar-body ul,.ar-body ol{margin:0 0 18px;padding-left:22px;list-style:disc}
.ar-body ol{list-style:decimal}
.ar-body li{margin-bottom:8px}
.ar-body a{color:#2A2522;text-decoration:underline;text-decoration-color:#B8AE9F;text-underline-offset:3px}
.ar-body a:hover{text-decoration-color:#2A2522}
.ar-body b,.ar-body strong{font-weight:600;color:#2A2522}

/* ── Контакты: карточки связи ── */
.kc{padding:0 0 96px}
.pg+.kc{padding-top:0}
.kc+.sh{padding-top:0}
.kc-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kc-c{position:relative;display:flex;flex-direction:column;gap:10px;min-height:170px;padding:26px 24px;border-radius:26px;background:#FBFAF7;border:1px solid #E6E1D8;color:inherit;text-decoration:none;transition:border-color .2s}
a.kc-c:hover{border-color:#CFC7BB}
.kc-c span{font-size:15px;color:#6B655D}.kc-c span::before{content:"["}.kc-c span::after{content:"]"}
.kc-c b{margin-top:auto;font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.1}
.kc-c i{position:absolute;right:24px;top:24px;font-style:normal;font-size:18px;transition:transform .25s}
a.kc-c:hover i{transform:translateX(4px)}
.pg+.fq{padding-top:0}

@media (max-width:1100px){
  .sz-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kc-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .sv{padding:36px 0 64px}
  .sv-wrap{grid-template-columns:minmax(0,1fr);gap:28px}
  .sv .pg-h{margin-top:16px;margin-bottom:0}
  .sv-lead{margin-top:18px!important;font-size:16px}
  .sv-btns{margin-top:24px}
  .sv-btn,.sv-btn2{flex:1;height:54px;padding:0 14px;white-space:nowrap}
  .sv-ph{border-radius:22px;aspect-ratio:4/3}
  .sv-ph span{left:10px;bottom:10px;font-size:13px;padding:8px 12px}
  .sz,.sk,.so,.bl,.ar,.kc{padding-bottom:64px}
  .sz-h{margin:16px 0 24px!important;font-size:36px}
  .sz-g{grid-template-columns:minmax(0,1fr);gap:10px}
  .sz-c{min-height:0;padding:22px 20px;border-radius:22px}
  .sz-c i{margin-bottom:10px;font-size:24px}
  .sz-c h3{font-size:19px}
  .sk-card{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 22px 22px}
  .sk-set{margin-top:20px!important}
  .sk-note{font-size:15px}
  .so-l a{font-size:14px;padding:9px 14px}
  .bl-g{grid-template-columns:minmax(0,1fr);gap:12px}
  .bl-c{min-height:0;padding:24px 20px;border-radius:22px}
  .bl-c .bl-t{font-size:23px}
  .bl-m{margin-top:6px}
  .ar-h{font-size:36px}
  .ar-lead{font-size:16.5px}
  .ar-body{padding-top:28px;font-size:16.5px}
  .ar-body h2{margin-top:34px;font-size:25px}
  .kc-g{grid-template-columns:minmax(0,1fr);gap:10px}
  .kc-c{min-height:0;padding:22px 20px;border-radius:22px}
  .kc-c b{margin-top:6px;font-size:21px}
}

/* ── Зоны аромата (28.10.2026): аромат идёт через вентиляцию — у зоны настроение и семейство ароматов, а не место аппарата ── */
.sz-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 44px}
.sz .sz-h{margin:0!important}
.sz-lead{max-width:42ch;color:#5A534D;font-size:18px}
.sz-c p{margin-bottom:6px!important}
.sz-f{align-self:flex-start;margin-top:auto;padding:6px 12px;border-radius:999px;border:1px solid #E1DBD1;font-size:13px;color:#5A534D}
.sz-c i{margin-bottom:22px}
.sz-c h3{margin-top:0}
@media (max-width:900px){
  .sz-top{flex-direction:column;align-items:flex-start;gap:16px;margin:16px 0 24px}
  .sz-lead{font-size:16px}
  .sz-c i{margin-bottom:10px}
  .sz-f{margin-top:6px}
}

/* Подборка ароматов на странице пространства — блок коллекции с главной; после него отступ до комплекта */
.kl+.sk{padding-top:96px}
@media (max-width:900px){.kl+.sk{padding-top:64px}}

/* ── Цифры для бизнеса на странице пространства (bz-*): исследования с источниками, первая карточка коричневая ── */
.bz{padding:0 0 96px;background:#F4F3EF;color:#2A2522;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
:where(.bz) :where(h2,h3,p){margin:0}
.sh+.bz{padding-top:0}
.bz-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.2vw,64px)}
.bz-k{font-size:18px;color:#6B655D}.bz-k::before{content:"["}.bz-k::after{content:"]"}
.bz-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 44px}
.bz-h{font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(38px,3.9vw,60px)}
.bz-h em{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.96;margin-top:2px}
.bz-lead{max-width:40ch;color:#5A534D;font-size:18px}
.bz-g{display:grid;gap:16px}
.bz-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bz-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bz-c{display:flex;flex-direction:column;gap:10px;min-height:330px;padding:32px 30px 28px;border-radius:26px;background:#FBFAF7;border:1px solid #E6E1D8}
.bz-c:first-child{background:linear-gradient(150deg,#5A4C41,#4A3F37 55%,#3D332C);border-color:transparent;color:#F4F0EA}
.bz-n{font-size:clamp(56px,5.6vw,84px);font-weight:600;letter-spacing:-.05em;line-height:.95;white-space:nowrap}
.bz-c h3{margin-top:6px;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.bz-d{font-size:15.5px;color:#5A534D;max-width:40ch}
.bz-c:first-child .bz-d{color:#D9CFC3}
.bz-src{margin-top:auto;padding-top:16px;font-size:13px;color:#6B655D;text-decoration:underline;text-underline-offset:3px}
.bz-c:first-child .bz-src{color:#BFB2A3}
.bz-note{margin-top:22px;font-size:14px;color:#6B655D;max-width:90ch}
@media (max-width:900px){
  .bz{padding-bottom:64px}
  .bz-top{flex-direction:column;align-items:flex-start;gap:16px;margin:16px 0 24px}
  .bz-h{font-size:36px}
  .bz-lead{font-size:16px}
  .bz-g3,.bz-g2{grid-template-columns:minmax(0,1fr);gap:10px}
  .bz-c{min-height:0;padding:24px 20px 20px;border-radius:22px}
  .bz-n{font-size:56px}
  .bz-c h3{font-size:20px}
  .bz-d{font-size:15px}
}

/* Блок «Аппарат» с главной на странице пространства: после него отступ до коллекции */
.dv+.kl{margin-top:96px}
@media (max-width:900px){.dv+.kl{margin-top:64px}}

/* Порядок страницы пространства: зоны → аппарат → для гостей → для бизнеса → ароматы */
.sv+.sz{padding-top:0}
.dv+.sh{padding-top:96px}
.bz+.kl,.sh+.kl{margin-top:0}
@media (max-width:900px){.dv+.sh{padding-top:64px}}

/* ── Коллекция ароматов /aromaty/ (ct-*): фильтр по семействам и плашки «флакон на фоне аромата» ── */
.ct{padding:84px 0 96px;background:#F4F3EF;color:#2A2522;font-family:"Inter Tight",system-ui,sans-serif;line-height:1.45}
:where(.ct) :where(h1,h2,p){margin:0}
.ct-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.2vw,64px)}
.ct-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:64px;align-items:end;margin-top:22px}
.ct-h{font-weight:600;letter-spacing:-.045em;line-height:.9;font-size:clamp(44px,5vw,76px)}
.ct-h em{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.015em;font-size:1.04em;line-height:.98;margin-top:4px}
.ct-lead{color:#5A534D;font-size:18px}
/* фильтр: строчными, активный — в квадратных скобках */
.ct-f{display:flex;flex-wrap:wrap;gap:6px 26px;margin:48px 0 26px;padding:18px 0;border-top:1px solid #DCD7CE;border-bottom:1px solid #DCD7CE}
.ct-f button{padding:4px 0;border:0;background:none;font:500 15px/1.2 "Inter Tight",system-ui,sans-serif;letter-spacing:.02em;color:#6B655D;cursor:pointer;transition:color .2s}
.ct-f button sup{font-size:10.5px;margin-left:2px;color:#6B655D}
.ct-f button:hover{color:#2A2522}
.ct-f button.on{color:#2A2522}
.ct-f button.on::before{content:"[ "}.ct-f button.on::after{content:" ]"}
/* карточки */
.ct-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ct-c{display:flex;flex-direction:column;border-radius:26px;background:#FBFAF7;border:1px solid #E6E1D8;overflow:hidden}
.ct-c[hidden]{display:none}
.ct-ph{position:relative;aspect-ratio:4/5;margin:8px 8px 0;border-radius:20px;overflow:hidden;background:#2A2522}
.ct-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.ct-c:hover .ct-ph img{transform:scale(1.04)}
.ct-no{position:absolute;left:14px;top:14px;padding:8px 13px;border-radius:14px;background:rgba(30,24,19,.32);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font-size:13px;letter-spacing:.06em}
.ct-b{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 26px 26px;flex:1}
.ct-b h2{font-size:17px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.25}
.ct-d{font-size:15px;color:#5A534D;max-width:36ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ct-m{font-size:13px;color:#6B655D}
.ct-btn{display:flex;align-items:center;justify-content:center;align-self:stretch;height:50px;margin-top:auto;border:1px solid #CFC7BB;border-radius:18px;color:#2A2522;font-size:13.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.ct-b .ct-m{margin-bottom:14px}
.ct-btn:hover{background:#4A3F37;border-color:#4A3F37;color:#F4F0EA}
@media (max-width:1100px){.ct-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .ct{padding:36px 0 64px}
  .ct-top{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:16px}
  .ct-h{font-size:42px}
  .ct-lead{font-size:16px}
  .ct-f{gap:6px 18px;margin:28px 0 18px;padding:14px 0}
  .ct-f button{font-size:14px}
  .ct-g{gap:10px}
  .ct-c{border-radius:22px}
  .ct-ph{border-radius:16px;margin:6px 6px 0}
  .ct-b{padding:16px 12px 14px;gap:6px}
  .ct-b h2{font-size:13px;letter-spacing:.08em}
  .ct-d{font-size:13px}
  .ct-m{display:none}
  .ct-btn{height:42px;font-size:11.5px;border-radius:14px}
}
/* аромат по ссылке ?a=<slug> — короткая подсветка плашки; подпись про названия */
.ct-c.hl{box-shadow:0 0 0 2px #4A3F37}
.ct-mot{margin-top:22px;font-size:13px;color:#6B655D;text-align:center}

/* «Метод»: блок «Аппарат» между «Как работает» и «Аромат по часам» */
.dv+.rs{padding-top:96px}
@media (max-width:900px){.dv+.rs{padding-top:64px}}

/* Аудит DrMax (29.10.2026): дата обновления и блок «Когда не подойдёт» на страницах пространств */
.sz-nf{padding-top:0}
.sz-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sz-g3 .sz-c{min-height:0}
@media (max-width:900px){.sz-g3{grid-template-columns:1fr}}
/* Статьи блога (29.10.2026): таблицы сравнения, примечание, источники */
.ar-body table{display:block;overflow-x:auto;width:100%;margin:6px 0 26px;border-collapse:collapse;font-size:15.5px;line-height:1.45}
.ar-body th,.ar-body td{padding:12px 14px;border-bottom:1px solid #E6E1D8;text-align:left;vertical-align:top;min-width:120px}
.ar-body thead th{font-weight:600;color:#2B2622;background:#F1EEE8}
.ar-body tbody td:first-child{font-weight:500;color:#2B2622}
.ar-note{margin:0 0 22px!important;padding:14px 18px;border-radius:14px;background:#F1EEE8;color:#5A534D;font-size:15px}
.ar-src{font-size:14.5px;color:#5A534D}
.ar-src li{margin-bottom:6px}