/* =========================================================
   ESTELIFE ONE — RESPONSIVE
   ========================================================= */

@media (max-width:1100px){
  .container{width:min(var(--container),calc(100% - 48px))}
  .site-header{padding:0 24px}
  .desktop-nav{gap:20px;margin-right:20px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .about-grid{gap:60px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .feature-item:nth-child(2){border-right:0;margin-right:0}
  .process-grid{grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr}
  .faq-grid{gap:60px}
  .contact-grid{gap:55px}
}

@media (max-width:820px){
  .announcement{font-size:9px;gap:7px;padding:7px 15px}
  .announcement a,.announcement-dot{display:none}

  .site-header{top:31px;height:78px;padding:0 18px}
  .site-header.scrolled{top:0}
  .brand img,.site-header.scrolled .brand img{width:70px;height:70px}
  .desktop-nav,.header-cta{display:none}
  .menu-toggle{display:block}

  .mobile-menu{position:fixed;z-index:19;inset:0;background:rgba(20,18,15,.97);color:#fff;padding:120px 30px 40px;display:flex;flex-direction:column;gap:25px;transform:translateY(-100%);transition:.45s ease}
  .mobile-menu.open{transform:none}
  .mobile-menu a{font-family:var(--display);font-size:30px}
  .mobile-menu-cta{margin-top:auto!important;font-family:var(--sans)!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--gold);padding:16px 20px;text-align:center;border-radius:999px}

  .hero{min-height:calc(100vh - 31px);align-items:flex-end}
  .hero-bg{background-position:58% center}
  .hero-content{padding:0 0 75px}
  .hero h1{font-size:clamp(48px,13vw,72px);margin:15px 0 20px}
  .hero-copy{font-size:14px;max-width:490px}
  .hero-meta{font-size:8px;letter-spacing:.12em;flex-wrap:wrap}
  .scroll-cue{display:none}

  .section,.dark-section,.contact-section{padding:85px 0}
  .section-head{display:block;margin-bottom:40px}
  .section-head>p{margin-top:20px}
  h2{font-size:clamp(40px,11vw,60px)}

  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid>div{min-height:95px}
  .trust-grid>div:nth-child(2){border-right:0}
  .trust-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .trust-grid strong{font-size:30px}

  .service-grid{grid-template-columns:1fr}
  .service-image{height:340px}

  .about-grid{grid-template-columns:1fr;gap:60px}
  .about-visual{height:520px}
  .about-frame{right:30px}
  .about-card{right:0;bottom:30px}

  .feature-grid{grid-template-columns:1fr}
  .feature-item,.feature-item:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.14);margin:0;padding:32px 0}
  .feature-item:last-child{border-bottom:0}

  .process-grid{grid-template-columns:1fr;gap:25px}
  .process-line{width:1px;height:35px;margin:auto}

  .campaign-inner{display:block;padding:35px 28px}
  .campaign .btn{margin-top:20px}

  .testimonial-grid{grid-template-columns:1fr}
  .testimonial p{font-size:20px}

  .faq-grid{grid-template-columns:1fr;gap:50px}
  .faq-list summary{font-size:20px}

  .contact-grid{grid-template-columns:1fr;gap:55px}
  .contact-form{padding:26px}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}

@media (max-width:520px){
  .container{width:calc(100% - 34px)}
  .hero-actions{display:grid}
  .hero-actions .btn{width:100%}
  .hero-meta{gap:8px}
  .service-image{height:290px}
  .about-visual{height:440px}
  .about-card{width:180px;padding:22px}
  .about-card strong{font-size:50px}
  .campaign-inner{border-radius:22px}
  .footer-top{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .footer-bottom{display:block;padding:20px 0}
  .footer-bottom span{display:block;margin:4px 0}
  .floating-whatsapp{right:16px;bottom:16px;width:50px;height:50px}
}

@media(max-width:820px){.header-tools{display:none}.treatment-hero{padding:135px 0 60px}.treatment-hero-grid{grid-template-columns:1fr;gap:45px}.treatment-hero-copy h1{font-size:clamp(48px,13vw,72px)}.treatment-hero-image{min-height:360px}.treatment-content-grid{grid-template-columns:1fr;gap:50px}.treatment-detail-grid-page{margin-bottom:55px}.treatment-cta-inner{display:block;padding:35px 28px}.treatment-cta .btn{margin-top:22px}.floating-whatsapp{min-width:50px;width:50px;height:50px;padding:0}.floating-whatsapp span{display:none}}
@media(max-width:520px){.treatment-hero-image{min-height:290px}.breadcrumbs{margin-bottom:28px}.treatment-lead{font-size:14px}.treatment-cta-inner{border-radius:22px}.language-switcher{gap:2px}.lang-option{padding:6px 8px}}



/* V6 reference homepage responsive */
@media (max-width:1180px){
  .ref-container{width:calc(100% - 50px)}
  .reference-nav{gap:24px}
  .reference-treatment-row{grid-template-columns:repeat(8,185px)}
  .reference-benefits{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .reference-topbar{display:none}
  .reference-header{height:72px}
  .reference-logo img{width:140px}
  .reference-nav,.reference-book{display:none}
  .reference-menu-toggle{display:block;margin-left:auto}
  .reference-hero{grid-template-columns:1fr;min-height:auto}
  .reference-hero-copy{padding:55px 25px 35px}
  .reference-hero h1{font-size:clamp(44px,10vw,70px)}
  .reference-hero-visual{height:460px;min-height:0}
  .reference-offer{right:4%;top:13%}
  .reference-dark-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .reference-dark-grid>div{border-right:0;padding:0}
  .reference-story-grid{grid-template-columns:1fr;gap:45px}
  .reference-story-visual{height:520px}
  .reference-results-grid{grid-template-columns:1fr 1fr}
  .reference-result-info{grid-column:1/-1}
  .reference-knowledge-grid{grid-template-columns:1fr}
  .reference-contact-grid{grid-template-columns:1fr}
  .reference-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .ref-container{width:calc(100% - 28px)}
  .reference-header-inner{padding:0}
  .reference-logo img{width:125px}
  .reference-hero-copy{padding:42px 17px 28px}
  .reference-eyebrow{font-size:10px}
  .reference-hero h1{font-size:43px;line-height:1}
  .reference-hero-copy>p{font-size:13px}
  .reference-hero-actions{display:grid}
  .reference-btn{width:100%}
  .reference-benefits{grid-template-columns:1fr 1fr;gap:12px 8px}
  .reference-benefits strong{font-size:8px}
  .reference-hero-visual{height:390px}
  .reference-offer{width:135px;padding:14px 12px;right:3%;top:9%}
  .reference-offer strong{font-size:43px}
  .reference-treatment-row{grid-template-columns:repeat(8,175px)}
  .reference-section-heading h2{font-size:25px}
  .reference-dark-grid{grid-template-columns:1fr}
  .reference-dark-grid>div{padding-bottom:14px;border-bottom:1px solid rgba(218,170,91,.25)}
  .reference-story-section,.reference-results,.reference-knowledge,.reference-contact{padding:70px 0}
  .reference-story-visual{height:430px}
  .reference-story-copy h2,.reference-contact h2{font-size:42px}
  .reference-checks{grid-template-columns:1fr}
  .reference-results-grid{grid-template-columns:1fr}
  .reference-results-grid article img{height:280px}
  .reference-footer-grid{grid-template-columns:1fr}
  .reference-footer-bottom{display:block;padding:15px 0}
  .reference-whatsapp{padding-left:0;width:50px;height:50px;display:grid;place-items:center}
  .reference-whatsapp span{display:none}
  .reference-whatsapp svg{width:45px;height:45px}
}


@media (max-width:1050px){
  .reference-treatment-row{grid-template-columns:repeat(2,1fr)}
  .treatment-v7-hero-grid{grid-template-columns:1fr;gap:40px}
  .treatment-v7-image{height:470px}
  .treatment-v7-facts-grid{grid-template-columns:repeat(2,1fr)}
  .treatment-v7-facts-grid>div:nth-child(2){border-right:0}
  .treatment-v7-two-col{grid-template-columns:1fr;gap:30px}
  .treatment-v7-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:650px){
  .reference-treatment-row{grid-template-columns:1fr}
  .reference-treatment-card{min-height:0}
  .reference-treatment-card>img{height:260px}
  .treatment-v7-hero{padding:45px 0}
  .treatment-v7-copy h1{font-size:48px}
  .treatment-v7-lead{font-size:15px}
  .treatment-v7-image{height:360px}
  .treatment-v7-facts-title{display:block}
  .treatment-v7-facts-title small{display:block;text-align:left;margin-top:10px}
  .treatment-v7-facts-grid{grid-template-columns:1fr}
  .treatment-v7-facts-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);margin:0}
  .treatment-v7-two-col h2{font-size:40px}
  .treatment-v7-steps{grid-template-columns:1fr}
  .treatment-v7-safety-grid{grid-template-columns:1fr}
  .treatment-v7-safety-grid article{padding:30px}
}


@media (max-width:650px){
  .reference-treatment-card,
  .reference-form,
  .treatment-step,
  .treatment-v7-safety-grid article,
  .contact-form,
  .testimonial{
    border-radius:16px;
  }
}


@media (max-width:1050px){
  .mega-menu{display:none}
  .reference-nav .mega-trigger{display:none}
  .journey-grid{grid-template-columns:repeat(2,1fr)}
  .clinic-experience-grid{grid-template-columns:1fr;gap:42px}
  .clinic-experience-visual{height:470px}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:650px){
  .journey-grid{grid-template-columns:1fr}
  .journey-card{min-height:220px}
  .clinic-experience-copy h2{font-size:40px}
  .clinic-experience-copy ul{grid-template-columns:1fr}
  .clinic-experience-visual{height:390px}
  .related-grid{grid-template-columns:1fr}
}


@media (max-width:900px){
  .treatment-page-v10 .treatment-v7-hero-grid,
  .treatment-page-v10 .treatment-v7-facts>.container,
  .treatment-page-v10 .treatment-v7-intro>.container,
  .treatment-page-v10 .treatment-v7-process>.container,
  .treatment-page-v10 .treatment-v7-safety>.container,
  .treatment-page-v10 .treatment-faq>.container,
  .treatment-page-v10 .treatment-cta>.container,
  .treatment-page-v10 .related-treatments>.container{
    width:calc(100% - 40px);
  }
  .treatment-page-v10 .treatment-v7-hero-grid{grid-template-columns:1fr;gap:40px}
  .treatment-page-v10 .treatment-v7-two-col{gap:35px}
  .treatment-page-v10 .treatment-cta-inner{display:block;padding:35px 28px}
  .treatment-page-v10 .treatment-cta .btn{margin-top:20px}
}
@media (max-width:600px){
  .treatment-page-v10 .treatment-v7-hero{padding:42px 0 50px}
  .treatment-page-v10 .treatment-v7-copy h1{font-size:46px}
  .treatment-page-v10 .treatment-v7-image{height:330px;border-radius:16px}
  .treatment-page-v10 .treatment-v7-facts-grid>div{padding:20px 0}
  .treatment-page-v10 .treatment-v7-intro{padding:70px 0}
  .treatment-page-v10 .treatment-v7-safety-grid article{border-radius:15px}
}


@media (max-width:650px){
  .reference-treatment-card>img{height:280px}
  .treatment-page-v10 .treatment-v7-image{min-height:0;height:390px}
}

@media(max-width:900px){.v12-trust-grid,.v12-review-grid,.v12-location-grid{grid-template-columns:1fr}.v12-trust-item{padding:28px 0;border-right:0;border-bottom:1px solid var(--v12-line)}.v12-medical-grid{grid-template-columns:1fr;gap:40px}.v12-proof-frame{grid-template-columns:1fr;gap:12px}.v12-proof-image{height:420px}.treatment-page-v10 .v12-facts-editorial{grid-template-columns:1fr 1fr}}@media(max-width:600px){.reference-home .section{padding-top:75px;padding-bottom:75px}.v12-medical-visual{height:390px}.v12-medical-copy h2{font-size:40px}.treatment-page-v10 .v12-facts-editorial{grid-template-columns:1fr}}

@media (max-width:900px){
  .v13-card-reveal{
    max-height:78px;
    opacity:1;
    transform:none;
    margin-top:12px;
    margin-bottom:8px;
  }
  .v13-treatment-hover .reference-treatment-card:hover{
    transform:none;
  }
}