/* ===== kak-proehat.html ===== */
.badge-route{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:20px;background:rgba(42,97,64,.1);border:1px solid rgba(42,97,64,.25);margin-bottom:18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#2A6140}
.map-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px;align-items:stretch}
.map-frame{position:relative;aspect-ratio:16/10;border-radius:22px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#E4E0D6}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.addr-card{background:var(--bg);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:26px 24px}
.addr-card .a{font-family:var(--serif);font-size:24px;color:var(--ink);line-height:1.25;margin-bottom:14px}
.coords{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:11px;background:#F1F5F1;margin-bottom:10px}
.coords .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7A807A}
.coords .v{font-family:var(--serif);font-size:18px;color:#2A6140}
.nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.navbtn{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;border:1.5px solid rgba(0,0,0,.1);background:#fff;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .25s}
.navbtn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,24,16,.12);border-color:#2A6140}
.navbtn .n{font-size:13px;font-weight:600;color:var(--ink)}
.navbtn .h{font-size:11px;color:#7A807A}
.route-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:12px;background:var(--green);color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 10px 26px rgba(0,150,64,.28)}
.route-cta:hover{background:#00A847;transform:translateY(-2px);color:#fff}
.steps-col{display:flex;flex-direction:column;gap:2px;max-width:820px}
.kp-step{display:flex;gap:22px;padding:22px 18px;border-radius:14px;align-items:flex-start;transition:background .25s}
.kp-step:hover{background:#F1F5F1}
.kp-step .n{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:#2A6140;color:#fff;display:grid;place-items:center;line-height:1;font-size:17px;font-weight:600}
.kp-step .t{font-size:16px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:5px}
.kp-step p{font-size:14px;color:#5A605A;line-height:1.65;margin:0}
.times-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.times-grid > *{min-width:0}
.time-card{background:#12251A;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px 24px}
.time-card .v{font-family:var(--serif);font-size:40px;color:var(--gold);line-height:1;margin-bottom:10px}
.time-card .l{font-size:14px;color:rgba(255,255,255,.72);line-height:1.5}
.lm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:44px;align-items:center}
.lm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.lm-list li{display:flex;gap:18px;align-items:center;padding:16px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(42,97,64,.05),rgba(42,97,64,.02));border:1px solid rgba(42,97,64,.1)}
.lm-list .n{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:#2A6140;color:#EFE9DC;display:grid;place-items:center;line-height:1;font-size:16px;font-weight:600;box-shadow:0 6px 16px rgba(42,97,64,.28)}
.lm-list span:last-child{font-size:15px;color:#2E332E;line-height:1.55}
.lm-img{aspect-ratio:4/3;border-radius:22px;overflow:hidden;position:relative;background:var(--forest);box-shadow:0 24px 60px rgba(12,26,15,.14)}
.form-card input,.form-card select{border:1px solid rgba(0,0,0,.14);border-radius:11px}
@media(max-width:900px){
.map-grid,.lm-grid,.cta-sec .grid{grid-template-columns:minmax(0,1fr)}
.times-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.time-card{padding:22px 18px}
.time-card .v{font-size:34px}
}
.kp-step-text{flex:1;padding-top:3px;min-width:0}
.addr-note{font-size:13px;color:#7A807A;line-height:1.6;margin:0}
/* align-items:stretch задаёт карте высоту по колонке с адресом, а
aspect-ratio пересчитывал из этой высоты ширину — карта выходила за свою
колонку и наезжала на карточку адреса. Ширину задаём колонкой, высоту —
растягиванием, пропорция остаётся минимальной высотой. */
.map-frame{width:100%;aspect-ratio:auto;min-height:clamp(280px,34vw,480px)}
/* Примечание к карточке времени. */
.time-card .l.note{margin-top:6px;font-size:12px;color:rgba(255,255,255,.5)}
/* Заглушка вместо фотографии ориентира. */
.lm-img .ph-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:1.7}