/* GENERATED from src/css/pages/contacts.css. */
.contacts-page{overflow:hidden;background:var(--sf-bg-gradient);background-color:var(--sf-navy-950);color:var(--sf-text)}
.contacts-page a{text-decoration:none}
.contacts-page button,.contacts-page input,.contacts-page select,.contacts-page textarea{font:inherit}
.contacts-page iframe{width:100%;height:100%;border:0}
.contacts-page .contacts-request{border-block:1px solid rgba(191,211,235,.09);background:radial-gradient(circle at 12% 18%,rgba(24,199,220,.08),transparent 31%),rgba(4,13,24,.32)}

.contacts-page .hero{position:relative;padding:30px 0 clamp(50px,6vw,70px);color:#fff;background:radial-gradient(circle at 77% 21%,rgba(24,199,220,.18),transparent 24%),linear-gradient(145deg,var(--sf-navy-950),#0a1c30 72%,#0c2740)}
.contacts-page .hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(24,199,220,.52),transparent)}
.contacts-page .hero-head{max-width:900px}
.contacts-page .hero h1{max-width:900px;margin:18px 0 20px;font-size:clamp(50px,5.2vw,76px);letter-spacing:-.055em;line-height:.98}
.contacts-page .hero-lead{max-width:850px;margin:0;color:#c5d2df;font-size:19px;line-height:1.65}

.contacts-page .contact-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(30px,4vw,46px)}
.contacts-page .contact-block{min-height:156px;display:flex;flex-direction:column;align-items:flex-start;padding:23px;border:1px solid var(--sf-line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.contacts-page .contact-block-visit{background:linear-gradient(145deg,rgba(24,199,220,.09),rgba(255,255,255,.02))}
.contacts-page .contact-block .label{color:var(--cyan-300);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.contacts-page .contact-value{min-width:0;margin:12px 0;color:var(--sf-text);font-size:clamp(17px,1.5vw,22px);font-style:normal;font-weight:800;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
.contacts-page .text-action{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--sf-cyan);font-weight:750}
.contacts-page .text-action::after{content:"↗"}

.contacts-page .contact-route-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:stretch}
.contacts-page .map-shell{position:relative;min-height:480px;overflow:hidden;border:1px solid rgba(94,234,212,.18);border-radius:26px;background:#dce7ee;box-shadow:0 26px 76px rgba(0,0,0,.28)}
.contacts-page .map-shell iframe{position:absolute;z-index:2;inset:0;min-height:100%;opacity:1;background:transparent}
.contacts-page .map-fallback{position:absolute;z-index:1;inset:0;background:linear-gradient(25deg,transparent 47%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.72) 52%,transparent 53%),linear-gradient(-16deg,transparent 44%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.88) 50%,transparent 51%),linear-gradient(90deg,#e4ecef 0 38%,#d6e3e8 38% 65%,#e7edef 65%)}
.contacts-page .map-fallback::before,.contacts-page .map-fallback::after{content:"";position:absolute;border:2px solid rgba(19,54,79,.18);border-radius:50%}
.contacts-page .map-fallback::before{width:320px;height:180px;left:-60px;top:80px;transform:rotate(-12deg)}
.contacts-page .map-fallback::after{width:250px;height:360px;right:20px;bottom:-160px;transform:rotate(18deg)}
.contacts-page .map-road{position:absolute;height:13px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(38,66,84,.08);transform-origin:left center}
.contacts-page .map-road.one{width:440px;left:40px;top:244px;transform:rotate(-17deg)}
.contacts-page .map-road.two{width:360px;right:-40px;top:100px;transform:rotate(51deg)}
.contacts-page .map-road.three{width:330px;left:150px;bottom:92px;transform:rotate(5deg)}
.contacts-page .map-pin{position:absolute;left:51%;top:46%;width:44px;height:44px;border-radius:50% 50% 50% 0;background:var(--sf-cyan);box-shadow:0 12px 28px rgba(0,77,95,.26);transform:translate(-50%,-50%) rotate(-45deg)}
.contacts-page .map-pin::after{content:"";position:absolute;left:15px;top:15px;width:14px;height:14px;border-radius:50%;background:#fff}
.contacts-page .map-caption{position:absolute;left:50%;top:calc(46% + 48px);max-width:calc(100% - 32px);padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;background:rgba(5,17,31,.9);box-shadow:0 12px 30px rgba(0,0,0,.24);font-size:13px;font-weight:800;line-height:1.35;text-align:center;transform:translateX(-50%)}
.contacts-page .visit-card{padding:clamp(24px,3vw,32px);border:1px solid var(--sf-line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));box-shadow:var(--sf-shadow-dark)}
.contacts-page .route-summary-card{height:100%;display:flex;flex-direction:column}
.contacts-page .route-summary-card h2{margin:12px 0 16px;font-size:clamp(28px,2.4vw,38px);line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}
.contacts-page .route-summary-card>p{margin:0;color:var(--sf-text-muted);line-height:1.65}
.contacts-page .route-summary-card>.btn{width:100%;margin-top:22px}
.contacts-page .handoff-compact{display:grid;gap:10px;margin-top:22px}
.contacts-page .handoff-compact article{display:grid;grid-template-columns:32px 1fr;gap:4px 12px;padding:14px;border:1px solid var(--sf-line);border-radius:14px;background:rgba(255,255,255,.03)}
.contacts-page .handoff-compact span{grid-row:1/3;color:var(--sf-cyan);font-size:12px;font-weight:900}
.contacts-page .handoff-compact h3{margin:0;font-size:17px}
.contacts-page .handoff-compact p{margin:0;color:var(--sf-text-muted);font-size:14px;line-height:1.5}

.contacts-page .requisites-shell{padding:clamp(24px,3vw,40px);border:1px solid var(--sf-line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
body.page-public .contacts-page .requisites-head{grid-template-columns:1fr;margin-bottom:clamp(28px,4vw,42px)}
.contacts-page .requisites-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:0}
.contacts-page .requisites-list>div{display:grid;grid-template-columns:minmax(145px,.72fr) minmax(0,1.28fr);gap:16px;padding:17px 0;border-top:1px solid var(--sf-line);text-align:left}
.contacts-page .requisites-list>div:nth-child(-n/**/+2){border-top:0}
.contacts-page .requisites-list dt{color:#8fa0b8;font-size:13px;font-weight:750}
.contacts-page .requisites-list dd{margin:0;color:var(--sf-text);font-size:15px;font-weight:700;overflow-wrap:anywhere}
.contacts-page .requisites-list a{color:var(--sf-cyan);text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){
  .contacts-page .hero{padding-top:24px}
  .contacts-page .hero h1{font-size:clamp(40px,7vw,54px)}
  .contacts-page .contact-panel{gap:10px}
  .contacts-page .contact-block{min-height:148px;padding:20px 18px}
  .contacts-page .contact-route-panel{grid-template-columns:1fr}
  .contacts-page .map-shell{min-height:410px}
  .contacts-page .route-summary-card{padding:24px 20px}
  .contacts-page .route-summary-card h2{font-size:clamp(26px,4vw,32px)}
  .contacts-page .requisites-list>div{grid-template-columns:1fr;gap:5px}
}
@media(max-width:680px){
  .contacts-page .hero{padding-bottom:44px}
  .contacts-page .hero h1{font-size:clamp(36px,10vw,48px)}
  .contacts-page .hero-lead{font-size:17px;line-height:1.6}
  .contacts-page .contact-panel{grid-template-columns:1fr;gap:0;overflow:hidden;border:1px solid var(--sf-line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}
  .contacts-page .contact-block,.contacts-page .contact-block-visit{min-height:0;display:grid;grid-template-columns:minmax(76px,.42fr) minmax(0,1fr);gap:7px 14px;padding:18px;border:0;border-radius:0;background:transparent;box-shadow:none}
  .contacts-page .contact-block+.contact-block{border-top:1px solid var(--sf-line)}
  .contacts-page .contact-block .label{grid-row:1/3;align-self:start;padding-top:3px}
  .contacts-page .contact-value{margin:0;font-size:17px}
  .contacts-page .text-action{grid-column:2;margin-top:0;font-size:14px}
  .contacts-page .map-shell{min-height:340px}
  .contacts-page .handoff-compact article{grid-template-columns:28px 1fr}
  .contacts-page .requisites-list{grid-template-columns:1fr}
  .contacts-page .requisites-list>div,.contacts-page .requisites-list>div:nth-child(-n/**/+2){border-top:1px solid var(--sf-line)}
  .contacts-page .requisites-list>div:first-child{border-top:0}
}
@media(max-width:340px){
  .contacts-page .contact-block{grid-template-columns:1fr}
  .contacts-page .contact-block .label{grid-row:auto}
  .contacts-page .text-action{grid-column:auto}
}
