/* Compact mobile layout corrections. Desktop presentation remains unchanged. */
@media(max-width:760px){
  html{scroll-padding-top:76px}
  .section{padding:58px 0}
  .intro-section{padding-top:54px;padding-bottom:62px}
  .split{gap:28px}
  .section-copy h2{margin-bottom:18px}
  .section-copy .lead{margin-bottom:18px}

  /* Keep the supplied wide brand artwork wide instead of letting it grow vertically. */
  .image-frame{width:100%;max-height:none;border-radius:14px}
  .image-frame img{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:contain;
    object-position:center;
    background:#0b0806;
  }

  .catalogue-section{padding-top:62px;padding-bottom:66px}
  .section-head{margin-bottom:28px}
  .section-head>p{margin-top:14px;margin-bottom:0}
  .filters{margin-bottom:24px}
  .product-grid{gap:18px}
  .product-image{aspect-ratio:4/3}
  .product-image img{object-fit:contain;background:#100b08}

  .usage-section{padding-top:58px;padding-bottom:62px}
  .usage-section .section-head{margin-bottom:26px}
  .usage-strip{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    overflow:visible;
    padding:0;
    scroll-snap-type:none;
  }
  .usage-card{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:center;
    min-height:112px;
    height:112px;
    width:100%;
    flex:none;
    padding:0;
    scroll-snap-align:none;
    background:#100b08;
  }
  .usage-card:after{display:none}
  .usage-card img{
    position:static;
    z-index:auto;
    width:112px;
    height:112px;
    object-fit:cover;
    object-position:center;
    transform:none!important;
  }
  .usage-card span{
    align-self:center;
    padding:18px 20px;
    font-size:1.35rem;
    text-shadow:none;
  }
  .usage-card:hover{transform:none}

  .benefits{padding-top:62px;padding-bottom:62px}
  .benefit-grid{gap:8px}
  .about-section{padding-block:62px}
  .about-layout{gap:20px}
  .about-number{font-size:6.5rem}
  .wholesale-section{padding-block:62px}
  .final-cta{padding:78px 0}
  .site-footer{padding-top:56px}
}

@media(max-width:430px){
  .shell,.nav-shell{width:calc(100% - 24px)}
  .hero{min-height:680px}
  .hero-content{padding-top:76px}
  .hero-content .button-row{margin-top:24px}
  .intro-section .text-link{display:inline-flex;min-height:44px;align-items:center}
  .product-body{padding:18px}
  .product-body h3{font-size:1.5rem}
  .usage-card{grid-template-columns:96px minmax(0,1fr);height:96px;min-height:96px}
  .usage-card img{width:96px;height:96px}
  .usage-card span{font-size:1.2rem;padding:14px 16px}
  .benefit-grid{grid-template-columns:1fr}
  .benefit-card{padding:22px 2px}
  .wholesale-card{padding:28px 18px}
  .footer-grid{gap:32px}
}