/* ── /stena/ ───────────────────────────── */
.st-hero{padding:56px 0 64px;overflow:hidden}
.st-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.st-crumbs{font-size:14px;color:var(--mute);margin:0 0 18px}
.st-crumbs a{color:var(--mute)}
.st-crumbs span{color:var(--ink);font-weight:500}
.st-hero h1{font-size:clamp(42px,5.6vw,76px);color:var(--emer)}
.st-hero__sub{max-width:520px;margin:22px 0 0;font-size:18px;color:#3C3936}
/* полоса обоев с отогнутым углом — вместо фото */
.st-peel{position:relative;height:380px;display:flex;gap:3px;justify-content:flex-end}
.st-peel i{display:block;width:120px;height:100%;background:var(--emer) var(--tile) 0 0/120px 120px;box-shadow:0 10px 30px rgba(32,37,43,.15)}
.st-peel i:nth-child(2){background-position:0 60px}
.st-peel__curl{position:absolute;right:0;top:0;width:120px!important;height:150px!important;background:linear-gradient(200deg,#F7EFE8 0%,#E4D2C3 55%,#C9B3A3 100%)!important;
  clip-path:polygon(0 0,100% 0,100% 100%);transform-origin:100% 0;animation:st-curl 4s ease-in-out infinite;box-shadow:none!important}
@keyframes st-curl{0%,100%{transform:rotate(0) scaleY(1)}50%{transform:rotate(-4deg) scaleY(1.08)}}

.st-check{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.st-q{font:600 15px var(--t);margin:26px 0 10px}
.st-bases{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.st-bases button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border:1px solid var(--line);border-radius:6px;background:#fff;font:500 13px var(--t);color:var(--ink);cursor:pointer;transition:.2s}
.st-bases button.is-on{background:var(--emer);border-color:var(--emer);color:#fff}
.st-bases i{display:block;width:44px;height:34px;border-radius:3px;border:1px solid rgba(0,0,0,.08)}
.b-beton{background:radial-gradient(circle at 30% 40%,#8E9194 1.5px,transparent 2px) 0 0/9px 9px,#B7BABC}
.b-shtuk{background:repeating-linear-gradient(115deg,#E9E1D6 0 5px,#DCD2C4 5px 7px)}
.b-gkl{background:linear-gradient(90deg,#E7E4DE 48%,#C9C3BA 48% 52%,#E7E4DE 52%)}
.b-kraska{background:linear-gradient(135deg,#C9DCCF,#9FBFAE)}
.b-oboi{background:var(--emer) var(--tile) 0 0/22px 22px}
.st-yn>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;border-bottom:1px dashed var(--line)}
.st-yn span{font-size:15px}
.st-yn p{margin:0;display:flex;flex:0 0 auto;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.st-yn button{border:0;background:#fff;font:500 14px var(--t);padding:8px 18px;cursor:pointer;color:var(--mute)}
.st-yn button.is-on{background:var(--emer);color:#fff}
.st-yn button[data-v=yes].is-on{background:#B5523B}
.st-layers__h{font-size:24px;margin-bottom:6px}
.st-layers{position:relative;margin:0;padding-top:44px}
.st-layers img{display:block;width:100%;height:auto}
.st-layers span{position:absolute;top:0;left:var(--x);transform:translateX(-50%);font-size:12.5px;font-weight:500;color:var(--mute);white-space:nowrap;padding:3px 8px;border-radius:3px;transition:.3s}
.st-layers span::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:26px;background:var(--brass);transition:.3s}
.st-layers span::before{content:"";position:absolute;left:50%;top:calc(100% + 24px);width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--brass);transition:.3s}
.st-layers span.is-hot{background:#B5523B;color:#fff}
.st-layers span.is-hot::before{background:#B5523B;box-shadow:0 0 0 6px rgba(181,82,59,.25);animation:st-ping 1.6s infinite}
@keyframes st-ping{50%{box-shadow:0 0 0 12px rgba(181,82,59,0)}}
.st-todo{margin-top:20px;background:var(--powder2);border:1px solid var(--line);border-radius:8px;padding:20px 22px}
.st-todo h3{font-size:22px}
.st-todo ol{margin:14px 0 0;padding:0;list-style:none;counter-reset:t}
.st-todo li{counter-increment:t;position:relative;padding:0 0 12px 42px;font-size:15px;animation:st-in .35s ease}
.st-todo li::before{content:counter(t);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;background:var(--brass);color:#fff;font:400 15px/28px var(--h);text-align:center}
@keyframes st-in{from{opacity:0;transform:translateX(8px)}}

.st-dry{background:var(--emer);color:#EFE6DE;padding:64px 0}
.st-dry .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:32px;align-items:center}
.st-dry h2{color:#fff}
.st-dry p{color:#C9D3CC;font-size:15px}
.st-toggles{background:var(--paper);border-radius:8px;padding:6px 18px;margin-top:20px}
.st-toggles label{display:flex;align-items:center;gap:14px;padding:12px 0;color:var(--ink);font-weight:500;cursor:pointer;border-bottom:1px solid var(--line)}
.st-toggles label:last-child{border:0}
.st-toggles svg{width:30px;height:30px;stroke:var(--brass);fill:none;stroke-width:1.6;flex:0 0 30px}
.st-toggles input{position:absolute;opacity:0}
.st-toggles i{margin-left:auto;width:44px;height:24px;border-radius:12px;background:#D6CCC4;position:relative;transition:.25s;flex:0 0 44px}
.st-toggles i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.25s}
.st-toggles input:checked+i{background:var(--brass)}
.st-toggles input:checked+i::after{left:23px}
.st-toggles input:focus-visible+i{outline:2px solid var(--brass2);outline-offset:2px}
.st-plan{width:100%;height:auto;border-radius:8px;background:#F4EAE3}
.pl-l{font:500 11px var(--t);fill:#6A6460}
.pl-air path{fill:none;stroke:#9CC8E4;stroke-width:2.5;stroke-dasharray:8 8;opacity:0;transition:opacity .4s}
.pl-sun{opacity:0;transition:opacity .5s}
.pl-sash{opacity:0;transition:opacity .3s}
.pl-edge{opacity:0;transition:opacity .4s}
.f-win .pl-air--win path,.f-ac .pl-air--ac path{opacity:1;animation:pl-flow 1s linear infinite}
.f-win .pl-sash{opacity:1}
.f-sun .pl-sun{opacity:1}
.f-win .pl-edge,.f-ac .pl-edge,.f-sun .pl-edge{opacity:1;animation:pl-blink 1.4s ease-in-out infinite}
@keyframes pl-flow{to{stroke-dashoffset:-16}}
@keyframes pl-blink{50%{opacity:.35}}
.st-verdict{background:var(--paper);color:var(--ink);border-radius:8px;padding:20px;border-left:5px solid #4E8B5F}
.st-verdict b{display:block;font:400 22px/1.2 var(--h);color:#2F6B45}
.st-verdict p{color:var(--mute)!important;margin:10px 0 0;font-size:14px!important}
.st-verdict.is-bad{border-color:#B5523B}
.st-verdict.is-bad b{color:#B5523B}

.st-remove{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:40px;align-items:stretch}
.st-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.st-steps li{counter-increment:s;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px 12px 16px;position:relative}
.st-steps li::before{content:counter(s);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--brass);color:#fff;font:400 17px/32px var(--h);text-align:center;z-index:1}
.st-steps svg{display:block;width:100%;height:auto;border-radius:4px;background:#F1E5DC}
.st-steps h3{font:600 15px var(--t);margin:12px 4px 4px}
.st-steps p{margin:0 4px;font-size:13.5px;color:var(--mute);line-height:1.5}
.st-drop{animation:st-drip 1.4s ease-in infinite}
@keyframes st-drip{0%{transform:translate(0,0);opacity:1}100%{transform:translate(6px,26px);opacity:0}}
.st-knife{animation:st-push 2.4s ease-in-out infinite;transform-origin:120px 66px}
@keyframes st-push{50%{transform:translate(-10px,4px)}}
.st-sweep{animation:st-sw 2.4s ease-in-out infinite}
@keyframes st-sw{0%{transform:translateY(0)}50%{transform:translateY(60px)}100%{transform:translateY(0)}}
.st-photo{margin:0;border-radius:8px;overflow:hidden;min-height:320px}
.st-photo img{width:100%;height:100%;object-fit:cover;display:block}

@media (max-width:1080px){
  .st-check,.st-remove{grid-template-columns:minmax(0,1fr)}
  .st-dry .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .st-dry .wrap>.rv:first-child{grid-column:1/-1}
  .st-photo{max-height:420px}
}
@media (max-width:760px){
  .st-hero{padding:30px 0 40px}
  .st-hero .wrap{grid-template-columns:minmax(0,1fr)}
  .st-peel{height:150px;justify-content:flex-start}
  .st-peel i{width:90px;background-size:90px 90px}
  .st-peel__curl{left:93px;right:auto;width:90px!important;height:70px!important}
  .st-bases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-yn span{font-size:14px}
  .st-layers span{font-size:10.5px;padding:2px 4px}
  .st-dry .wrap{grid-template-columns:minmax(0,1fr)}
  .st-steps{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.st-peel__curl,.st-drop,.st-knife,.st-sweep,.pl-air path,.pl-edge{animation:none!important}}