/* shtamp29 /nuzhna-li/ — развилка «Кто вы?», место печати на договоре, факсимиле, запреты, шаги */
.geroj.mal{min-height:520px}
.geroj.mal>img{object-position:62% center}
.geroj.mal .ram{padding-top:150px}
.geroj.mal h1{font-size:clamp(44px,5.4vw,80px);max-width:560px}

.kto{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.kto button{font:700 17px/1.25 var(--tekst);color:var(--chern);background:#fff;border:1px solid var(--lin);padding:26px 12px 22px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;transition:border-color .2s,box-shadow .2s,transform .2s;min-height:176px;justify-content:center}
.kto button small{font-weight:400;color:var(--ser);font-size:13px;margin-top:-10px}
.kto button svg{width:58px;height:58px;color:var(--chern);transition:color .2s}
.kto button:hover{border-color:#cfd0d3;transform:translateY(-2px);box-shadow:0 12px 26px -18px rgba(0,0,0,.3)}
.kto button[aria-pressed=true]{border:2px solid var(--kras);color:var(--kras)}
.kto button[aria-pressed=true] svg{color:var(--kras)}
.otvet{display:grid;grid-template-columns:330px minmax(0,1fr) 300px;gap:40px;align-items:center;margin-top:34px;min-height:200px}
.otvet .verd{color:var(--kras);transform:rotate(-4deg)}
.otvet .verd.tuk{animation:tuk .4s cubic-bezier(.3,1.6,.5,1)}
.otvet h3{font-size:19px;margin-bottom:8px}
.otvet p{margin:0 0 10px;color:var(--ser);font-size:15px}
.otvet .zakon{display:inline-flex;gap:10px;align-items:center;color:var(--kras);font-weight:600;font-size:14px;text-decoration:none}
.otvet .zakon::before{content:"→";font-size:18px}
.otvet .zakon span{text-decoration:underline;text-underline-offset:3px}
.otvet aside{background:var(--kras-f);padding:20px 22px;font-size:13.5px;line-height:1.5;color:#5b3133}

.dogovor{position:relative;margin-top:6px;overflow:hidden;background:#f3f3f3}
.dogovor>img{width:100%;height:auto;aspect-ratio:1440/560;object-fit:cover;object-position:50% 62%}
.dogovor .na-list{position:absolute;width:16%;left:var(--x,49%);top:var(--y,30%);transform:translate(-50%,-50%) rotate(-9deg);mix-blend-mode:multiply;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1)}
.dogovor .na-list .ott{color:#d2232c}
.dogovor .mp{position:absolute;left:77%;top:63%;translate:-50% -50%;font:500 1.6vw/1 'Times New Roman',serif;color:#333;transform:rotate(-6deg);opacity:0;transition:opacity .4s}
.dogovor[data-v=mp] .mp{opacity:.85}
.vyn{position:absolute;background:#fff;border:2px solid var(--kras);color:var(--kras);font:700 16px/1.3 var(--tekst);padding:12px 16px;max-width:250px;box-shadow:0 10px 24px -16px rgba(0,0,0,.4)}
.mesto-v{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.mesto-v button{font:500 14px var(--tekst);border:1px solid #d5d6d9;background:#fff;border-radius:999px;padding:10px 18px;cursor:pointer;color:var(--chern)}
.mesto-v button[aria-pressed=true]{background:var(--kras);border-color:var(--kras);color:#fff}
.mesto-tekst{font-size:14px;color:var(--ser);margin:14px 0 0;max-width:820px}

.faks{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faks>div{border:1px solid var(--lin);padding:24px 26px;background:linear-gradient(180deg,#fff,#fff)}
.faks>div.net{background:var(--kras-f);border-color:var(--kras-l)}
.faks h3{margin-bottom:14px}
.faks ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.faks li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;background:#fff;padding:11px 14px;font-size:14px;line-height:1.45;border:1px solid var(--lin)}
.faks li::before{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}
.faks .da li::before{content:"✓";background:var(--zel)}
.faks .net li::before{content:"×";background:var(--kras);font-size:18px}
.faks .net li{border-color:var(--kras-l)}
.faks .snos{font-size:12.5px;color:var(--ser-s);margin:12px 0 0}

.zapret{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.zp{padding:10px 36px 6px;border-left:1px solid var(--lin)}
.zp:first-child{border-left:0;padding-left:0}
.zp .ris{height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.zp .ris svg{height:180px;width:auto}
.zp h3{font-size:18px;margin-bottom:8px}
.zp p{margin:0;color:var(--ser);font-size:14.5px}

.shagi{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.shag{padding:6px 28px 0;border-left:1px solid var(--lin)}
.shag:first-child{border-left:0;padding-left:0}
.shag .golova{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.shag .n{width:34px;height:34px;border-radius:50%;background:var(--kras);color:#fff;display:grid;place-items:center;font:900 16px var(--zag)}
.shag .ik{width:62px;height:62px;border-radius:50%;background:var(--kras-f);display:grid;place-items:center;color:var(--kras)}
.shag .ik svg{width:30px;height:30px}
.shag h3{font-size:16px;margin-bottom:6px}
.shag p{margin:0;color:var(--ser);font-size:14px}

@media (max-width:1180px){
 .kto{grid-template-columns:repeat(3,minmax(0,1fr))}
 .otvet{grid-template-columns:260px minmax(0,1fr)}
 .otvet aside{grid-column:1/-1}
 .shagi{grid-template-columns:1fr 1fr;gap:30px 0}
 .shag:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:760px){
 .geroj.mal{min-height:0}
 .geroj.mal .ram{padding-top:22px}
 .kto{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kto button{min-height:120px;padding:18px 8px}
 .otvet{grid-template-columns:1fr;gap:18px}
 .otvet .verd{max-width:260px}
 .vyn{display:none}
 .dogovor .na-list{width:26%}
 .faks,.zapret,.shagi{grid-template-columns:1fr}
 .zp,.shag{border-left:0;padding:0 0 24px;border-bottom:1px solid var(--lin)}
}
