/* V39 — mobile compact polish based on real-device review. Desktop remains unchanged. */

/* Tablet / narrow desktop: do not keep the homepage hero squeezed into two columns. */
@media(max-width:900px){
  .hero.v25-hero{
    grid-template-columns:1fr!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .hero.v25-hero .hero-copy-inner{
    width:min(100% - 40px,720px);
    margin:0 auto!important;
    padding:42px 0 34px!important;
  }
  .hero.v25-hero .hero-product{
    min-height:430px!important;
  }
}

@media(max-width:720px){
  /* Homepage hero */
  .hero.v25-hero .hero-copy-inner{
    width:min(100% - 28px,720px);
    padding:34px 0 28px!important;
  }
  .hero.v25-hero h1{
    font-size:42px!important;
    line-height:1!important;
    max-width:560px!important;
  }
  .hero.v25-hero .lead{font-size:15.5px!important;line-height:1.58!important}
  .hero.v25-hero .hero-product{min-height:360px!important}
  .hero.v25-hero .hero-product-label{left:14px!important;right:14px!important;bottom:14px!important}

  /* Why-flexible illustrations: two-up where there is enough width. */
  .v27-benefit-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 18px!important;
    margin-top:28px!important;
  }
  .v27-benefit-item h3{
    min-height:0!important;
    margin-bottom:10px!important;
    font-size:16px!important;
  }
  .v27-benefit-item img{
    height:125px!important;
    max-width:185px!important;
    margin-bottom:10px!important;
  }
  .v27-benefit-item p{
    font-size:11.5px!important;
    line-height:1.55!important;
    max-width:240px!important;
  }

  /* Installation: remove the tall desktop card proportions on phones. */
  .installation-section.v25-install{padding:54px 0!important}
  .installation-section.v25-install .section-head h2{font-size:36px!important;line-height:1.03!important}
  .v22-install-grid{grid-template-columns:1fr!important}
  .v22-install-grid .install-step{
    min-height:0!important;
    padding:22px 20px!important;
  }
  .v22-install-grid .install-step span{
    font-size:27px!important;
    margin-bottom:13px!important;
  }
  .v22-install-grid .install-step h3{
    font-size:17px!important;
    margin:0 0 7px!important;
  }
  .v22-install-grid .install-step p{
    font-size:12px!important;
    line-height:1.55!important;
  }

  /* Performance: 2-column compact cards instead of six very tall rows. */
  .v23-performance{padding:54px 0!important}
  .v23-performance .section-head h2{font-size:35px!important;line-height:1.04!important}
  .v23-perf-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .v26-performance .v23-perf-item,
  .v23-perf-item{
    min-height:150px!important;
    padding:16px 10px 14px!important;
  }
  .perf-icon{
    width:46px!important;
    height:46px!important;
    margin:0 auto 11px!important;
    font-size:19px!important;
  }
  .v23-perf-item strong{font-size:12px!important;line-height:1.28!important;margin-bottom:5px!important}
  .v23-perf-item small{font-size:10px!important;line-height:1.35!important}

  /* Specification summary: compact 2 x 2 grid. */
  .v23-spec-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-top:18px!important;
  }
  .v23-spec-strip>div{
    padding:15px 14px!important;
    border-right:1px solid #ded6cd!important;
    border-bottom:1px solid #ded6cd!important;
  }
  .v23-spec-strip>div:nth-child(2n){border-right:none!important}
  .v23-spec-strip>div:nth-last-child(-n+2){border-bottom:none!important}
  .v23-spec-strip strong{font-size:16px!important}
  .v23-test-note{font-size:10px!important;line-height:1.5!important;margin-top:9px!important}

  /* Slightly reduce long-page vertical rhythm while retaining separation. */
  .applications-v5.v25-applications,
  .family40-section.v25-collections{padding-top:58px!important;padding-bottom:58px!important}
  .sample-band.v25-sample .copy{padding:38px 24px!important}
  #quote{padding-top:58px!important;padding-bottom:58px!important}
  .faq{padding-top:54px!important;padding-bottom:54px!important}
}

@media(max-width:480px){
  .hero.v25-hero h1{font-size:38px!important}
  .hero.v25-hero .hero-product{min-height:315px!important}
  .v27-benefit-strip{grid-template-columns:1fr!important;gap:24px!important}
  .v27-benefit-item img{height:125px!important}
  .v27-benefit-item p{max-width:310px!important}
}

@media(max-width:350px){
  .v23-perf-grid{grid-template-columns:1fr!important}
  .v23-spec-strip{grid-template-columns:1fr!important}
  .v23-spec-strip>div{border-right:none!important;border-bottom:1px solid #ded6cd!important}
  .v23-spec-strip>div:last-child{border-bottom:none!important}
}