/* Photo-led revision, restricted to mobile. The desktop KV is unchanged. */
@media (max-width:700px) {
  .hero-copy {
    width:100%;
    max-width:460px;
    padding:16px 0 30px;
  }
  .hero-brands {
    width:calc(100% - 32px);
    gap:18px;
    margin-bottom:8px;
  }
  .hero-brands .brand-kobber-image { width:clamp(96px,27vw,116px); }
  .hero-brands img { width:clamp(148px,44vw,186px); }
  .hero-mobile-products {
    width:min(calc(100vw - 8px),440px);
    max-width:none;
    aspect-ratio:1402/1046;
    margin-bottom:8px;
  }
  /* Display y=54..1100 of the new scene; preserve every pouch and food edge. */
  .hero-mobile-products img {
    width:100%;
    left:0;
    top:-5.162524%;
  }
  .hero-copy h1 { width:min(82vw,300px); }
  .hero h1 .hero-kicker { font-size:clamp(19px,5.3vw,23px); }
  .hero-description {
    max-width:calc(100% - 32px);
    font-size:clamp(19px,5.1vw,22px);
    margin-top:7px;
  }
}

@media (max-width:700px) and (max-height:600px) {
  .hero-copy { padding-top:12px; padding-bottom:25px; }
  .hero-brands { margin-bottom:5px; }
  .hero-copy h1 { width:min(78vw,270px); }
  .hero-mobile-products { margin-bottom:5px; }
  .hero-description { font-size:19px; margin-top:5px; }
}