/* ============================================================
   responsive.css — mobile-first adjustments
   ============================================================ */

/* tablet and down */
@media (max-width:1024px){
  .nav,.header__contact{display:none;}
  .menu-toggle{display:flex;}
  .site-logo img{height:48px;}
  .header__row{min-height:82px;}
  .hero__grid{grid-template-columns:1fr;}
  .hero__media{order:-1;max-width:520px;}
  .hero__video{aspect-ratio:4/3;}
  .about__grid{grid-template-columns:1fr;}
  .about__media{max-width:520px;}
  .about__stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .benefit__grid{grid-template-columns:repeat(2,1fr);}
  .reviews__grid-wrap{grid-template-columns:1fr;}
  .trust-card{position:static;}
  .contact__map,.contact__map iframe{min-height:400px;}
  .about-story__grid{grid-template-columns:1fr;}
  .gallery__grid--preview{grid-template-columns:repeat(3,1fr);}
  .steril__grid{grid-template-columns:1fr;grid-template-areas:"copy" "media" "steps";}
  .steril__media{max-width:560px;}
  .smiles-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(3,clamp(170px,21vw,210px));
    grid-template-areas:
      "a b c"
      "d b e"
      "d f g";
    gap:14px;
  }
  .footer__grid{grid-template-columns:1fr 1fr;}
  .footer__brand{grid-column:1 / -1;}
}

@media (max-width:900px){
  .founder-card{grid-template-columns:1fr;grid-template-areas:"header" "media" "intro" "timeline";gap:16px;padding:clamp(20px,3.4vw,30px);}
  .founder__media{max-width:460px;}
  .founder__media img{height:auto;max-height:none;}
}

@media (max-width:768px){
  .site-logo img{height:42px;}
  .header__row{min-height:74px;gap:10px;}
  .header__actions{gap:6px;}
  .lang-switch{gap:0;}
  .lang-btn{padding:5px 7px;font-size:.68rem;}
  .contact__grid{grid-template-columns:1fr;}
  .founder{padding:34px 0;}
  .founder-card{border-radius:20px;gap:14px;}
  .founder__label{margin-bottom:6px;}
  .founder__header h2{font-size:clamp(1.65rem,5.6vw,2.25rem);max-width:13em;}
  .founder__role{margin-top:7px;}
  .founder__intro{font-size:.94rem;line-height:1.58;}
  .founder-timeline{gap:8px;}
  .founder-timeline__body{grid-template-columns:1fr;gap:2px;}
  .founder-timeline__body--no-date{grid-template-columns:1fr;}
  .founder-timeline__body--no-date::before{display:none;}
  .founder-timeline__date{white-space:normal;}
}

/* phones */
@media (max-width:680px){
  .strip__row{grid-template-columns:1fr 1fr;}
  .benefit__grid{grid-template-columns:1fr;}
  .founder-card{padding:18px 16px;}
  .founder__role{gap:7px;}
  .founder__media{max-width:none;}
  .founder__media img{aspect-ratio:4/5;object-position:center 43%;border-radius:16px;}
  .founder-timeline__item{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:8px 10px;}
  .founder-timeline__icon-wrap{width:28px;height:28px;border-radius:8px;}
  .founder-timeline__icon{width:15px;height:15px;}
  .service-category__head{padding:18px 16px;}
  .service-category__inner{padding-left:16px;padding-right:16px;}
  .service-row{grid-template-columns:8px minmax(0,1fr);row-gap:4px;padding:12px 0;}
  .service-row__bullet{grid-row:1 / span 2;}
  .service-row__price{grid-column:2;padding-left:0;text-align:left;font-size:.9rem;}
  .service-category__actions{flex-direction:column;align-items:stretch;}
  .service-category__actions .btn{width:100%;min-width:0;}
  .gallery__grid{grid-template-columns:repeat(2,1fr);}
  .reviews__grid{grid-template-columns:1fr;}
  .hero__trust{grid-template-columns:1fr;}
  .steril__grid{grid-template-areas:"copy" "media" "steps";}
  .steril__steps{grid-template-columns:repeat(2,1fr);}
  .steril__media{max-width:none;}
  .page-hero{text-align:center;padding-top:42px;}
  .preview-head{align-items:flex-start;flex-direction:column;}
  .preview-head .btn{width:100%;}
  .contact__info{padding:24px 20px;}
  .contact__map,.contact__map iframe{min-height:320px;}
  .gallery__grid--preview{grid-template-columns:repeat(2,1fr);}
  .smiles-intro{padding-left:16px;}
  .smiles-intro::before{height:48px;}
  .smiles-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(5,clamp(116px,33vw,152px));
    grid-template-areas:
      "a b"
      "c b"
      "d e"
      "d f"
      "g g";
    gap:11px;
  }
  .smile-card{border-radius:16px;}

  .sticky-cta{display:flex;}
  .sticky-cta__btn{padding:10px 7px;font-size:.8rem;}
  body{padding-bottom:78px;}

  .footer__grid{grid-template-columns:1fr;}
  .footer__brand{grid-column:auto;}
  .footer__col a{min-height:44px;display:flex;align-items:center;}
}

/* small phones */
@media (max-width:420px){
  h1{font-size:clamp(1.8rem,8vw,2rem);}
  .site-logo{max-width:30vw;}
  .site-logo img{height:34px;}
  .header__row{min-height:68px;padding-left:16px;padding-right:16px;gap:4px;}
  .header__actions{gap:4px;}
  .lang-switch{padding:1px;}
  .lang-btn{min-width:44px;min-height:44px;padding:4px;font-size:.6rem;}
  .menu-toggle{width:44px;height:44px;}
  .about__stats{grid-template-columns:1fr;}
}

@media (max-width:380px){
  .container{padding:0 16px;}
  .lang-btn{padding:4px;}
  .strip__row{grid-template-columns:1fr;}
  .sticky-cta{gap:6px;padding-left:8px;padding-right:8px;}
  .sticky-cta__btn{padding:9px 4px;font-size:.72rem;}
}
