/* =========================================================
   Vet House — info.css
   Информационные страницы: «Контакты» и «О компании».
   Секции, плитки разделов, тёмный блок, производители и статьи — из components.css.
   ========================================================= */

/* ---------- Контакты ---------- */
.contacts{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:stretch}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.info-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;border-radius:24px;background:var(--mist)}
.info-card h2{font-size:15px;font-weight:600;color:var(--muted)}
.info-big{font-size:22px;font-weight:700;letter-spacing:-.01em;word-break:break-word}
a.info-big:hover{color:var(--teal)}
.info-big-text{font-size:18px;font-weight:600;color:var(--ink)}
.info-card p{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.info-card .status{display:inline-flex;margin-top:6px;font-size:13.5px}
.info-card .btn{height:44px;padding:0 18px;font-size:14px;margin-top:auto}
.info-card .msgr{margin-top:auto;width:100%}
.info-card .msgr a{background:var(--paper);border-color:transparent;height:40px}
.info-card .link{margin-top:auto;font-size:14px}
.map{border-radius:24px;min-height:420px}
.reqs{margin-top:56px;max-width:880px}
.reqs h2{font-size:26px;font-weight:700;letter-spacing:-.015em;margin-bottom:16px}

/* ---------- О компании ---------- */
.about-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:8px}
.about-copy{display:flex;flex-direction:column;gap:16px}
.about-copy h1{font-size:52px;line-height:1.04;font-weight:700;letter-spacing:-.035em;max-width:13ch}
.about-lead{font-size:19px;line-height:1.55;color:var(--ink)}
.about-copy p{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:56ch}
.about-copy b{color:var(--ink)}
.about-copy .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.about-photo{aspect-ratio:5/4;border-radius:28px}
.care-row .ic + div span{max-width:52ch}

@media (max-width:1199px){
  .contacts{grid-template-columns:1fr}
  .map{min-height:320px}
  .about-copy h1{font-size:42px}
}
@media (max-width:1023px){
  .info-grid{grid-template-columns:1fr;gap:10px}
  .info-card{padding:18px;border-radius:20px}
  .info-big{font-size:20px}
  .map{min-height:260px;border-radius:20px}
  .reqs{margin-top:40px}
  .reqs h2{font-size:22px}
  .about-hero{grid-template-columns:1fr;gap:24px}
  .about-copy h1{font-size:34px}
  .about-lead{font-size:17px}
  .about-copy .hero-actions .btn{flex:1;height:48px;padding:0 16px}
  .about-photo{border-radius:20px}
}
.info-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1023px){ .info-grid--3{grid-template-columns:1fr} }