/* Милан-Текстиль — страница «Контакты» */
.hero{padding:64px 48px 20px;max-width:1400px;margin:0 auto;}
.eyebrow{font-family:'PT Mono','Courier New',monospace;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--terracotta-deep);display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--terracotta-deep);}
.hero h1{font-size:clamp(30px,3.8vw,50px);line-height:1.1;max-width:820px;}
.hero-sub{margin-top:18px;font-size:16.5px;line-height:1.6;max-width:640px;color:rgba(35,42,34,0.72);}

.section-wrap{max-width:1400px;margin:0 auto;padding:32px 48px 60px;}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px;}
.section-head h2{font-size:clamp(22px,2.2vw,28px);}

.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:stretch;}

.info-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:32px 34px;display:flex;flex-direction:column;gap:22px;}
.info-row{display:flex;gap:14px;align-items:flex-start;}
.info-row svg{flex-shrink:0;margin-top:3px;color:var(--terracotta-deep);}
.info-row .mono{font-size:11px;color:rgba(35,42,34,0.45);text-transform:uppercase;display:block;margin-bottom:4px;}
.info-row .val{font-size:15px;line-height:1.55;}
.info-row a.val{text-decoration:underline;text-decoration-color:rgba(35,42,34,0.25);text-underline-offset:3px;}

.social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;}
.social-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:3px;border:1.5px solid var(--ink);font-size:13.5px;font-weight:600;}
.social-chip svg{opacity:0.9;}

.map-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);min-height:340px;background:var(--cream-2);}
.map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;}
.map-note{position:absolute;bottom:14px;left:14px;right:14px;z-index:1;background:rgba(251,248,241,0.94);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:12px;color:rgba(35,42,34,0.6);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.map-note a{font-weight:600;color:var(--terracotta-deep);white-space:nowrap;}

.mgr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.mgr-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;}
.mgr-avatar{width:104px;height:104px;border-radius:50%;background:var(--olive-2);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Onest',Arial,sans-serif;font-size:34px;overflow:hidden;flex-shrink:0;}
.mgr-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
.mgr-body{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0;width:100%;}
.mgr-phone:has(+ .mgr-max){margin-bottom:12px;}
.mgr-name{font-weight:600;font-size:18px;font-family:'Onest',Arial,sans-serif;line-height:1.15;}
.mgr-role{font-size:12.5px;color:rgba(35,42,34,0.55);min-height:2.6em;}
.mgr-phone{margin-top:6px;font-family:'PT Mono','Courier New',monospace;font-size:13.5px;color:var(--terracotta-deep);word-break:break-word;}
.mgr-phone + .mgr-phone{margin-top:3px;font-size:11.5px;}
.mgr-max{display:flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;margin-top:auto;padding:10px 14px;border-radius:8px;background:#22c55e;color:#fff;font-size:14px;font-weight:700;}
.mgr-max svg{width:18px;height:18px;flex-shrink:0;}
.mgr-max svg path:last-child{fill:#22c55e;}
.mgr-max:hover{background:#16a34a;}
.mgr-max:hover svg path:last-child{fill:#16a34a;}
@media(max-width:1100px){
  .mgr-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .mgr-grid{grid-template-columns:1fr;}
  .mgr-card{padding:18px;}
  .mgr-avatar{width:88px;height:88px;font-size:28px;}
}

.cta-band{margin-top:12px;background:var(--navy);color:var(--cream);padding:56px 48px;}
.cta-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;}
.cta-inner h2{font-size:clamp(22px,2.4vw,30px);max-width:560px;color:#fff;}
.cta-buttons{display:flex;gap:12px;flex-wrap:wrap;}

@media(max-width:900px){
  .hero{padding:40px 20px 10px;}
  .section-wrap{padding:20px 20px 44px;}
  .contact-layout{grid-template-columns:1fr;}
  .cta-band{padding:40px 20px;}
  .cta-inner{flex-direction:column;align-items:flex-start;}
}