/* TAIGA glued-panel scroll snap hero safety — 2026-09-05 v2 */

/* The hero already includes the fixed-header allowance in its own layout.
   Do not subtract the header twice when snap mode is active. */
@media (min-width:1101px){
  .hero.hx[data-taiga-snap-screen]{
    height:max(760px,100svh)!important;
    min-height:max(760px,100svh)!important;
    max-height:none!important;
  }
}

/* Compact the first screen on common notebook heights without scaling the page. */
@media (min-width:1101px) and (max-height:840px){
  .hx-copy{top:clamp(126px,16.5vh,142px)!important}
  .hx h1{font-size:clamp(60px,5vw,72px)!important;line-height:.88!important;margin:14px 0 10px!important}
  .hx-copy>p{font-size:clamp(15px,1.1vw,17px)!important;line-height:1.3!important;margin:0 0 15px!important}
  .hx-actions{gap:10px!important}
  .hx-actions .button{min-height:52px!important;padding-left:20px!important;padding-right:20px!important}
  .hx-actions .primary{min-width:220px!important}
  .hx-samples{min-width:235px!important}
  .hx-cube{width:32px!important;height:32px!important;border-width:2px!important}
  .hx-cube:after{inset:6px!important}

  .hx-prod{top:12%!important;height:51%!important}

  .hx-bottom{bottom:43px!important;align-items:center!important}
  .hx-specs{gap:12px!important}
  .hx-spec{grid-template-columns:30px 1fr!important;gap:8px!important}
  .hx-spec>span{font-size:27px!important}
  .hx-spec strong{font-size:16px!important}
  .hx-spec small{margin-top:3px!important;font-size:9px!important;line-height:1.2!important}

  .hx-profiles{padding:8px!important;gap:6px!important;border-radius:20px!important}
  .hx-ptitle{padding:0 5px!important}
  .hx-ptitle small,.hx-ptitle strong{font-size:12px!important}
  .hx-profile{padding:6px 7px!important;gap:4px!important;border-radius:12px!important}
  .hx-thumb{height:38px!important;padding:4px 6px!important}
  .hx-profile>span:not(.hx-thumb){font-size:8px!important}
  .hx-custom em{font-size:21px!important}

  .hx-quality{bottom:12px!important;font-size:8px!important}
}

/* Narrow desktop uses the original stacked hero composition; it needs more vertical room. */
@media (min-width:1101px) and (max-width:1220px){
  html.taiga-snap-ready{scroll-snap-type:y proximity!important}
  .hero.hx[data-taiga-snap-screen]{height:880px!important;min-height:880px!important}
}

/* Very short desktop viewports must never lock the user inside an undersized screen. */
@media (min-width:1101px) and (max-height:700px){
  html.taiga-snap-ready{scroll-snap-type:y proximity!important}
  .hero.hx[data-taiga-snap-screen]{height:760px!important;min-height:760px!important}
}