/* Mobile-only layer. Desktop remains governed by styles.css. */
@media(max-width:900px){
  .site-header,
  .site-header.is-scrolled,
  .inner-page .site-header,
  .home-page .site-header,
  .home-page .site-header.is-scrolled{
    background:rgba(7,26,43,.96);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  .brand{position:relative;z-index:2;min-height:44px}
  .nav-toggle{display:flex;min-width:44px;min-height:44px;flex-direction:column;align-items:center;justify-content:center;padding:6px}
  .nav-toggle span{margin:4px 0;transition:transform .22s ease}
  .nav-open .nav-toggle span:first-child{transform:translateY(5px) rotate(45deg)}
  .nav-open .nav-toggle span:last-child{transform:translateY(-5px) rotate(-45deg)}
  .main-nav{
    top:64px;
    right:0;
    bottom:0;
    left:0;
    width:100vw;
    height:calc(100dvh - 64px);
    padding:18px 24px 40px;
    overflow-y:auto;
    background:#071a2b;
  }
  .main-nav a{display:flex;min-height:64px;align-items:center;padding:0;border-bottom-color:rgba(255,255,255,.12)}

  .about-main h2{font-size:clamp(33px,9.3vw,36px);line-height:1.15;letter-spacing:-.035em}
  .no-break{white-space:nowrap}

  .hero-actions .text-link{display:inline-flex;min-height:44px;align-items:center}
  .hero-index button{width:44px;height:44px}
  .product-filters button,.case-filters button{min-height:44px}
  .product-results-footer{margin-top:34px}
  .product-load-more{width:100%;min-height:52px}
  .product-detail-head>a,.case-detail-hero>div>a{min-height:44px}
}

@media(max-width:430px){
  .catalog-product-grid{grid-template-columns:1fr;gap:16px}
  .catalog-product-image{aspect-ratio:16/10;padding:10px}
  .catalog-product-card>div:last-child{padding:20px}
  .catalog-product-card h3{font-size:23px}
}