/* ============================================================
   Ekaterina Bondarenko — responsive.css
   Прогрессивное расширение под планшет и десктоп (min-width).
   ============================================================ */

/* Планшет */
@media (min-width:600px){
  body{font-size:1.09375rem}          /* ~17.5px */
  .grid--2{grid-template-columns:1fr 1fr}
  .grid--3{grid-template-columns:1fr 1fr}
  .field--row{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hero__micro{gap:.35rem 1.4rem}
}

/* Десктоп-нав появляется */
@media (min-width:900px){
  body{font-size:1.125rem;line-height:1.62}   /* ~18px */
  .nav{display:block}
  .nav-toggle{display:none}
  .header-actions .btn--nav-cta{display:inline-flex}
  .mobile-cta{display:none}
  body{padding-bottom:0!important}

  .hero__grid{grid-template-columns:1.05fr .95fr}
  /* Фото героя не выше экрана — первый экран не «вылазит» */
  .hero__media img{aspect-ratio:auto;height:min(64vh,600px);width:100%;object-fit:cover;object-position:50% 22%}
  .grid--3{grid-template-columns:repeat(3,1fr)}
  .grid--4{grid-template-columns:repeat(4,1fr)}
  .split{grid-template-columns:1fr 1fr}
  .split--wide{grid-template-columns:1.15fr .85fr}
  .split--rev .split__media{order:0}
  .tg-block__inner{grid-template-columns:auto 1fr auto;gap:1.6rem}
  .about-split{grid-template-columns:.9fr 1.1fr}
  .footer-grid{grid-template-columns:1.6fr 1fr 1.1fr;gap:2.4rem}
  .media-list--2{grid-template-columns:1fr 1fr}
  .cta-inline{grid-template-columns:1.1fr .9fr;display:grid;gap:2.4rem;align-items:center;text-align:left}
  .cta-inline .btn-row{justify-content:flex-start}
}

/* Широкий десктоп */
@media (min-width:1200px){
  h1{font-size:3.5rem}
  .hero{padding-top:3.4rem}
}

/* Мобильный: нижний отступ под sticky CTA */
@media (max-width:899px){
  body.has-mobile-cta{padding-bottom:76px}
}

/* Печать */
@media print{
  .site-header,.mobile-cta,.mobile-nav,.scrim,.cta-band,.tg-block,.site-footer .footer-social{display:none!important}
  body{background:#fff;color:#000}
  a{text-decoration:underline}
}
