/* /priemka/ — поверх nakladnaya.css */
.golova{padding:56px 0 40px}
.golova__in{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}
.golova h1{font-size:clamp(30px,3.4vw,46px);font-weight:800}
.golova__pod{font:600 19px var(--tekst);margin:14px 0 10px}
.golova p{color:var(--seryj);max-width:520px;margin:0}
.shagi{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px;justify-content:flex-end}
.shagi li{display:flex;align-items:center;gap:10px}
.shagi li+li::before{content:"→";font:700 22px var(--zag);color:var(--grafit)}
.shagi figure{margin:0;text-align:center;width:150px}
.shagi img{width:130px;margin:0 auto;transform:rotate(var(--r,-2deg));transition:transform .3s}
.shagi li:nth-child(2) img{--r:2deg}
.shagi li:hover img{transform:rotate(0) scale(1.05)}
.shagi figcaption{font:600 13px/1.3 var(--tekst);color:#2B5BA8;margin-top:6px}

.tochki{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:center}
.shema{position:relative;margin:0}
.shema img{width:100%}
.tochka{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;border:2.5px solid var(--grafit);background:#fff;font:700 14px var(--zag);color:var(--grafit);cursor:pointer;box-shadow:0 3px 10px rgba(35,39,44,.25);transition:transform .2s,background .2s}
.tochka::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--zhelt);opacity:0}
.tochka.is-on{background:var(--zhelt);transform:translate(-50%,-50%) scale(1.15)}
.tochka.is-on::after{animation:pulsar 1.6s ease-out infinite}
.tochka.is-gotovo:not(.is-on){background:var(--grafit);color:#fff}
.tochka:hover{transform:translate(-50%,-50%) scale(1.12)}
@keyframes pulsar{from{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}
.kartochka{background:#fff;border:1px solid var(--liniya);box-shadow:0 18px 40px -26px rgba(35,39,44,.5);padding:20px}
.kartochka ol{list-style:none;margin:0;padding:0}
.kartochka li{display:none}
.kartochka li.is-on{display:block;animation:prishlo2 .35s ease}
@keyframes prishlo2{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.kartochka h3{display:flex;align-items:center;gap:12px;font-size:17px;margin-bottom:14px}
.kartochka h3 b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--zhelt);display:grid;place-items:center;font-size:14px}
.kartochka dt{font-weight:700;font-size:14px;margin-top:12px}
.kartochka dd{margin:3px 0 0;font-size:14px;color:#3B4148}
.kartochka label{display:flex;align-items:center;gap:10px;border:1px solid var(--liniya);padding:10px 12px;margin-top:16px;cursor:pointer;font-weight:600}
.kartochka input{appearance:none;width:20px;height:20px;border:2px solid var(--grafit);margin:0;display:grid;place-items:center;cursor:pointer}
.kartochka input:checked{background:var(--zhelt)}
.kartochka input:checked::after{content:"";width:9px;height:5px;border:solid var(--grafit);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translate(1px,-1px)}
.kartochka__nav{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.kartochka__nav button{width:40px;height:36px;border:1px solid var(--liniya);background:var(--list);cursor:pointer;font:700 16px var(--zag);color:var(--grafit)}
.kartochka__nav button:hover{background:var(--zhelt)}
.kartochka__nav span{font:600 14px var(--zag)}
.kartochka__itog{font-size:13px;color:var(--stal);margin:10px 0 0;min-height:1.3em;font-weight:600}

.sverka{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 300px;gap:18px;align-items:stretch}
.sverka svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.sverka path{fill:none;stroke:var(--zhelt);stroke-width:2.5;stroke-dasharray:6 5;opacity:.75;transition:opacity .2s,stroke-width .2s}
.sverka path.is-on{opacity:1;stroke-width:4;stroke:#E0A200}
.dok{position:relative;background:var(--list);border:1px solid var(--liniya);padding:14px;margin:0}
.dok figcaption{font:700 13px var(--tekst);margin-bottom:10px}
.dok__list{position:relative}
.dok__list img{width:100%;height:auto}
.sverka__spisok li[data-pole]:hover b{background:rgba(242,183,5,.35)}
.dalshe{font:600 17px var(--tekst);text-align:center;margin:0;padding:8px 0}
.metka{position:absolute;border:2.5px solid var(--zhelt);border-radius:3px;background:rgba(242,183,5,.12);transition:background .2s,box-shadow .2s}
.metka.is-on{background:rgba(242,183,5,.4);box-shadow:0 0 0 4px rgba(242,183,5,.25)}
.sverka__spisok{background:#DCE6EE;padding:18px;margin:0;align-self:stretch}
.sverka__spisok h3{font-size:16px;color:var(--stal);margin-bottom:12px;display:flex;gap:8px;align-items:center}
.sverka__spisok ul{list-style:none;margin:0;padding:0}
.sverka__spisok li{margin-bottom:8px}
.sverka__spisok label{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer;padding:4px 0}
.sverka__spisok input{appearance:none;flex:none;width:18px;height:18px;border:2px solid var(--stal);background:#fff;margin:1px 0 0;display:grid;place-items:center;cursor:pointer}
.sverka__spisok input:checked{background:var(--stal)}
.sverka__spisok input:checked::after{content:"";width:8px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}

.zapusk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;counter-reset:z}
.zapusk li{position:relative;background:#fff;border:1px solid var(--liniya);padding:14px 14px 18px;counter-increment:z}
.zapusk li+li::before{content:"→";position:absolute;left:-19px;top:46%;font:700 16px var(--zag);color:var(--seryj)}
.zapusk h3{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:10px}
.zapusk h3::before{content:counter(z);flex:none;width:28px;height:28px;border-radius:50%;background:var(--stal);color:#fff;display:grid;place-items:center;font-size:12px}
.zapusk img{width:100%;height:130px;object-fit:cover;margin-bottom:10px;transition:transform .5s}
.zapusk li:hover img{transform:scale(1.04)}
.zapusk p{margin:0;font-size:13.5px;color:#3B4148}

.nelzya{display:grid;grid-template-columns:260px 1fr;gap:24px;border:3px solid var(--krasn);padding:24px;background:#fff;position:relative}
.nelzya::before{content:"";position:absolute;inset:5px;border:1px solid rgba(200,55,45,.4);pointer-events:none}
.nelzya__shtamp{align-self:center;font:800 30px/1.05 var(--zag);color:var(--krasn);text-transform:uppercase;border:4px solid var(--krasn);border-radius:6px;padding:16px;transform:rotate(-8deg);text-align:center;opacity:.9}
.nelzya h2{font-size:20px;margin-bottom:14px}
.nelzya ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.nelzya li{border:1px solid var(--liniya);padding:14px;background:var(--list)}
.nelzya h3{font-size:13.5px;display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}
.nelzya h3::before{content:"×";flex:none;width:22px;height:22px;border-radius:50%;background:var(--krasn);color:#fff;display:grid;place-items:center;font-size:15px;line-height:1}
.nelzya p{margin:0;font-size:13.5px;color:#3B4148}

@media (max-width:1080px){
  .golova__in{grid-template-columns:1fr}
  .shagi{justify-content:flex-start}
  .tochki{grid-template-columns:1fr}
  .sverka{grid-template-columns:1fr 1fr 1fr}
  .sverka__spisok{grid-column:1/-1}
  .zapusk{grid-template-columns:repeat(3,1fr)}
  .zapusk li::before{display:none}
  .nelzya{grid-template-columns:1fr}
  .nelzya__shtamp{justify-self:start;font-size:22px}
  .nelzya ul{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .golova{padding:36px 0 28px}
  .shagi figure{width:96px}
  .shagi img{width:84px}
  .shagi li+li::before{font-size:16px}
  .tochka{width:28px;height:28px;font-size:12px}
  .sverka{grid-template-columns:1fr}
  .sverka svg{display:none}
  .zapusk{grid-template-columns:1fr}
  .zapusk li{display:grid;grid-template-columns:120px 1fr;column-gap:14px;align-items:start}
  .zapusk img{grid-column:1;grid-row:1/3;height:100px;margin:0}
  .zapusk h3,.zapusk p{grid-column:2}
  .nelzya ul{grid-template-columns:1fr}
  .nelzya{padding:18px}
}