@media(min-width:768px){.page{padding:0 40px}.sh h2{font-size:38px}}
@media(max-width:767px){
  .hero-grid{display:block}.gallery{position:static;margin-bottom:32px}.gallery-thumbs{overflow-x:auto}
  .offer{max-width:100%}.offer h1{font-size:28px}
  .why-grid{display:block}.why-visual{margin-top:28px}
  .inside-grid{grid-template-columns:1fr;max-width:400px}
  .htc-viewer{display:block}.htc-visual{max-width:280px;margin-bottom:28px}
  .htc-content{min-height:auto;position:static}.htc-step-content{position:static;opacity:1;transform:none;display:none}.htc-step-content.active{display:flex}
  .htc-timeline{max-width:100%}
  .sub-perks{gap:20px}.sh h2{font-size:28px}
  .nav-links a:not(:last-child){display:none}
  .qty-grid{gap:6px}.qty-card{padding:12px 6px}
  .decline-wrap{padding:28px 20px}
  .footer-inner{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.rv,.rv-scale{opacity:1;transform:none;transition:none}}