/* Contacts page: compact internal page using the shared homepage visual system. */
body.contact-page{background:radial-gradient(circle at 68% -8%,#173652 0,#081522 32%,#040b12 72%,#03070c 100%);min-height:100vh}
.contact-page .nav a.active{color:#fff}.contact-page .nav a.active:after{transform:scaleX(1)}
.contacts-main{max-width:var(--max);margin:0 auto;padding:0 22px}
.contacts-breadcrumbs{display:flex;align-items:center;gap:9px;padding:24px 6px 14px;color:#71869a;font-size:11px}.contacts-breadcrumbs a{color:#9bb6ce}.contacts-breadcrumbs a:hover{color:#fff}.contacts-breadcrumbs span{opacity:.55}

.contacts-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:18px;margin-top:0}.contact-card,.map-card{border:1px solid rgba(120,171,211,.15);border-radius:24px;background:linear-gradient(145deg,rgba(11,29,45,.96),rgba(6,18,29,.98));box-shadow:0 18px 45px rgba(0,0,0,.18)}
.contact-card{padding:30px}.contact-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.contact-card-head span{color:#7eb6e2;font-size:9px;font-weight:900;letter-spacing:.16em}.contact-card-head h1{margin:7px 0 0;color:#f0f6fa;font-size:28px;line-height:1.05}.contact-card-head .status{display:flex;align-items:center;gap:7px;color:#8ea4b6;font-size:10px;white-space:nowrap}.contact-card-head .status:before{content:"";width:7px;height:7px;border-radius:50%;background:#5ac78a;box-shadow:0 0 0 4px rgba(90,199,138,.07)}
.contact-list{display:grid;gap:10px}.contact-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;min-height:68px;padding:11px 13px;border:1px solid rgba(124,174,213,.11);border-radius:15px;background:rgba(13,34,52,.62)}.contact-row-icon{width:42px;height:42px;border-radius:12px;border:1px solid rgba(119,180,228,.16);display:grid;place-items:center;color:#79bdf2;background:#0b2134;font-size:17px}.contact-row-copy small{display:block;color:#6f879b;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.contact-row-copy b{display:block;margin-top:4px;color:#dce9f3;font-size:14px;font-weight:750}.contact-row-action{color:#ffc933;font-size:19px}.contact-row:hover{border-color:rgba(125,185,229,.24)}
.contact-note{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:15px 16px;border-radius:15px;border:1px solid rgba(255,196,0,.12);background:rgba(255,196,0,.035);color:#8fa4b6;font-size:11px;line-height:1.5}.contact-note b{color:#ffd24a;font-size:14px}

.map-card{overflow:hidden;min-height:460px;display:flex;flex-direction:column}.map-frame{position:relative;min-height:330px;flex:1;background:#0b1a27}.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.72) contrast(1.02) brightness(.82)}.map-info{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 24px}.map-info small{display:block;color:#7290a7;font-size:8px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.map-info b{display:block;margin-top:5px;color:#eef5fa;font-size:18px}.map-info p{margin:5px 0 0;color:#8499aa;font-size:11px}.route-btn{min-height:42px;padding:0 15px;border-radius:10px;border:1px solid rgba(255,196,0,.28);display:inline-flex;align-items:center;justify-content:center;color:#ffd24a;background:rgba(255,196,0,.04);font-size:10px;font-weight:900;white-space:nowrap;transition:.18s}.route-btn:hover{transform:translateY(-2px);border-color:#ffc400;background:rgba(255,196,0,.08)}

.contacts-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:18px;padding:26px 30px;border:1px solid rgba(123,176,217,.14);border-radius:22px;background:linear-gradient(115deg,#0b2033,#091927 62%,#0b1d2c)}.contacts-cta h2{margin:0;color:#eef5fa;font-size:23px}.contacts-cta p{margin:7px 0 0;color:#849aab;font-size:11px}.contacts-cta-actions a{min-height:40px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#111;background:linear-gradient(180deg,#ffd735,#f2b700);border:1px solid #ffc400}.contacts-cta-actions a:hover{transform:translateY(-2px)}

/* Product carousel gets the same cold silver editorial surface used on the homepage. */
.contacts-products{
  margin:18px -22px 0!important;
  padding:38px 28px 30px!important;
  background:linear-gradient(180deg,#cbd5dc 0%,#b9c7d1 100%)!important;
  border-top:1px solid rgba(22,52,76,.13)!important;
  border-bottom:1px solid rgba(22,52,76,.18)!important;
  color:#17232e!important;
}
.contacts-products .products-heading{margin-bottom:20px!important}
.contacts-products .products-heading>div>span{color:#365e7b!important;font-weight:900!important}
.contacts-products .products-heading h2{color:#142331!important;font-size:34px!important}
.contacts-products .catalog-slider{margin-top:20px!important;margin-bottom:0!important}
.contacts-products .catalog-controls{margin-top:18px!important;margin-bottom:0!important}
.contacts-products .catalog-control{background:linear-gradient(180deg,#17334a,#0d2132)!important;box-shadow:0 9px 20px rgba(36,57,73,.17)!important}

/* Shared homepage footer. Keep this exact pattern for internal pages. */
.contact-page footer.site-footer-pro{margin:0!important;background:#030912!important;border-top:1px solid rgba(151,190,222,.24)!important;box-shadow:0 -14px 34px rgba(0,0,0,.16)}
.contact-page .footer-pro-inner{grid-template-columns:1.42fr .68fr .76fr .9fr .5fr!important;gap:28px!important;padding-top:38px!important;padding-bottom:28px!important}
.contact-page .footer-about .footer-summary{max-width:360px!important;line-height:1.58!important;margin-bottom:0!important}
.contact-page .footer-address{font-size:12px!important;line-height:1.55!important;color:#aebdca!important}
.contact-page .footer-address .footer-contact-name{display:block;font-size:12px!important;line-height:1.45!important;font-weight:600!important;color:#aebdca!important;margin-bottom:5px!important}
.contact-page .footer-contact-details{display:flex;flex-direction:column;gap:5px;margin-top:8px;font-style:normal}
.contact-page .footer-contact-details a,.contact-page .footer-contact-details span{color:#aebdca;font-size:12px;line-height:1.4}
.contact-page .footer-contact-details a:hover{color:#ffd12f}
.contact-page .footer-contact-details .footer-phone{color:#dce8f2;font-size:12px;font-weight:750}
.contact-page .footer-social-col{min-width:92px}
.contact-page .footer-social-col h3{margin-bottom:14px!important}
.contact-page .footer-social-grid{display:grid;grid-template-columns:repeat(2,38px);gap:8px}
.contact-page .footer-messenger{width:38px;height:38px;border:1px solid #29415a;border-radius:10px;display:grid;place-items:center;background:#091522;color:#9fc8ee;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;text-decoration:none}
.contact-page .footer-messenger:hover{transform:translateY(-2px);border-color:#ffd12f;background:#0d2033;color:#ffd12f}
.contact-page .footer-messenger svg{width:19px;height:19px;fill:currentColor}
.contact-page .footer-messenger.vk span{font-size:10px;font-weight:950;letter-spacing:-.04em}
.contact-page .footer-messenger.max span{font-size:15px;font-weight:950;letter-spacing:-.05em}

@media(max-width:1260px){
  .contact-page .header-inner{grid-template-columns:auto 1fr auto}.contact-page .header-contact{display:none}.contact-page .header-cta{display:none}.contact-page .nav{justify-content:flex-end;gap:20px}
  .contacts-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1100px){
  .contact-page .footer-pro-inner{grid-template-columns:1.2fr .72fr .78fr .9fr!important}
  .contact-page .footer-social-col{grid-column:4}
  .contact-page .footer-social-grid{grid-template-columns:repeat(4,38px)}
}
@media(max-width:900px){
  .contacts-main{padding-left:16px;padding-right:16px}
  .contacts-grid{grid-template-columns:1fr}
  .map-card{min-height:420px}
  .contacts-cta{align-items:flex-start;flex-direction:column}
  .contacts-products{margin-left:-16px!important;margin-right:-16px!important;padding-left:22px!important;padding-right:22px!important}
  .contact-page .footer-pro-inner{grid-template-columns:1fr 1fr!important}
  .contact-page .footer-social-col{grid-column:auto}
  .contact-page .footer-social-grid{grid-template-columns:repeat(4,38px)}
}
@media(max-width:760px){
  .contact-page .header-inner{height:auto;min-height:70px;padding:11px 15px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
  .contact-page .brand{min-width:0}.contact-page .brand-logo{width:40px;height:40px}.contact-page .brand-copy b{font-size:18px}.contact-page .brand-copy small{display:none}
  .contact-page .nav{order:3;width:100%;justify-content:flex-start;gap:20px;overflow-x:auto;scrollbar-width:none}.contact-page .nav a{padding:7px 0 10px;font-size:11px}
  .contacts-breadcrumbs{padding-top:17px;padding-bottom:11px}
  .contact-card{padding:20px;border-radius:19px}.contact-card-head h1{font-size:25px}.map-card{border-radius:19px}.map-frame{min-height:285px}.map-info{grid-template-columns:1fr;padding:18px}.route-btn{justify-self:start}
  .contacts-cta{padding:22px 20px;border-radius:18px}.contacts-cta h2{font-size:20px}
  .contacts-products{padding-top:30px!important;padding-bottom:24px!important}.contacts-products .products-heading h2{font-size:29px!important}
  .contact-page .footer-pro-inner{grid-template-columns:1fr!important;padding-top:30px!important;padding-bottom:24px!important}
  .contact-page .footer-social-grid{grid-template-columns:repeat(4,38px)}
}