/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:1280px){
  :root{--header-h:78px}
  .siteHeader__nav{gap:18px}
  .siteHeader__actions{gap:12px}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)}
}

@media (max-width:1100px){
  .siteHeader__nav,.siteHeader__phone{display:none}
  .siteHeader__actions{margin-left:auto}
  .menuToggle{display:flex}
  .mobileMenu{position:absolute;top:100%;left:0;width:100%;background:#fff;color:var(--navy);border-top:1px solid var(--border);box-shadow:0 18px 40px rgba(8,38,74,.12);display:block;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.24s}
  .mobileMenu.isOpen{opacity:1;visibility:visible;transform:none}
  .mobileMenu__inner{display:flex;flex-direction:column;padding-block:20px}
  .mobileMenu a:not(.btn){padding:12px 0;font-weight:700;border-bottom:1px solid var(--border)}
  .mobileMenu .btn{margin-top:16px}
  .hero__grid{grid-template-columns:1fr;max-width:920px}
  .hero__content{max-width:760px}
  .hero__media{max-width:760px}
  .siteFooter__top{grid-template-columns:1.3fr repeat(2,1fr)}
  .siteFooter__col:last-child{grid-column:2/4}
}

@media (max-width:768px){
  :root{--header-h:72px;--section-space:72px}
  .siteHeader__logoText{font-size:14px}
  .siteHeader__actions .btn{display:none}
  .hero{min-height:auto;padding-top:calc(var(--header-h) + 60px);padding-bottom:80px}
  .hero__grid{gap:42px}
  .hero h1{margin-top:14px}
  .hero__content>p{font-size:16px}
  .hero__actions{margin-top:26px}
  .hero__actions .btn{flex:1 1 200px}
  .hero__trust{gap:12px 20px;margin-top:26px}
  .hero__imageWrap{min-height:340px}
  .hero__floatingCard{left:16px;right:16px;bottom:16px;width:auto}
  .appointment__shell{border-radius:24px}
  .siteFooter{padding-top:58px}
  .siteFooter__top{grid-template-columns:1fr 1fr;gap:34px}
  .siteFooter__brand{grid-column:1/-1}
  .siteFooter__col:last-child{grid-column:auto}
  .siteFooter__bottom{align-items:flex-start;flex-direction:column}
  .cookieBanner{left:12px;right:12px;bottom:12px}
  .cookieBanner__inner{align-items:flex-start;flex-direction:column}
  .cookieBanner__actions{width:100%}
  .cookieBanner__actions .btn{flex:1}
  .backToTop{right:16px;bottom:16px}
}

@media (max-width:576px){
  .container{padding-inline:20px}
  .siteHeader__logoMark{width:34px;height:34px;border-radius:9px}
  .hero__trust{display:grid;grid-template-columns:1fr}
  .hero__imageWrap{min-height:290px}
  .hero__floatingCard{position:relative;left:auto;right:auto;bottom:auto;margin:-18px 14px 0;width:auto}
  .siteFooter__top{grid-template-columns:1fr}
  .siteFooter__col:last-child{grid-column:auto}
}

@media (max-width:390px){
  .siteHeader__logoText{max-width:170px;white-space:normal;line-height:1.1}
  .hero__actions{display:grid;grid-template-columns:1fr}
  .hero__actions .btn{width:100%}
  .hero__imageWrap{min-height:250px}
}