/* MatKoz storefront v15 — screenshot-driven final mobile polish */
@media (max-width:430px){
  /* HERO: real car background + product pack on the right, matching approved mock */
  body.storefront-v4.mk-redesign .final-hero>img#heroImage{
    object-position:58% center!important;
    filter:contrast(1.08) brightness(.9) saturate(.96)!important;
  }
  body.storefront-v4.mk-redesign .final-hero:before{
    background:linear-gradient(90deg,rgba(3,5,7,.95) 0%,rgba(3,5,7,.86) 37%,rgba(3,5,7,.35) 61%,rgba(3,5,7,.05) 100%)!important;
  }
  body.storefront-v4.mk-redesign .final-hero:after{
    /* Product pack used to be a fixed pseudo-element, so it survived every
       carousel slide. The complete composition now comes from #heroImage. */
    display:none!important;
    content:none!important;
    background:none!important;
  }
  body.storefront-v4.mk-redesign .hero-brand-word{
    left:12px!important;
    top:12px!important;
    font-size:19px!important;
    letter-spacing:-1.5px!important;
  }
  body.storefront-v4.mk-redesign .hero-copy{
    left:12px!important;
    top:50px!important;
    width:59%!important;
    max-width:216px!important;
  }
  body.storefront-v4.mk-redesign .hero-copy h1{
    max-width:210px!important;
    font-size:17.8px!important;
    line-height:.99!important;
  }
  body.storefront-v4.mk-redesign .hero-actions{
    margin-top:12px!important;
  }

  /* Category tiles slightly tighter like the approved phone reference */
  body.storefront-v4.mk-redesign .category{
    height:78px!important;
    min-height:78px!important;
  }
  body.storefront-v4.mk-redesign .category b{
    font-size:6.9px!important;
  }

  /* Compact bestseller cards so image, name and price fit above bottom nav */
  body.storefront-v4.mk-redesign .showcase-card{
    position:relative!important;
    height:150px!important;
    min-height:150px!important;
    padding:4px!important;
  }
  body.storefront-v4.mk-redesign .showcase-product-open{
    height:68px!important;
    min-height:68px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div{
    position:relative!important;
    min-height:70px!important;
    padding-top:2px!important;
    grid-template-columns:minmax(0,1fr) 22px!important;
    gap:1px 2px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>small{
    position:absolute!important;
    left:-1px!important;
    top:-72px!important;
    z-index:4!important;
    min-height:0!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>b{
    min-height:18px!important;
    max-height:18px!important;
    font-size:5.9px!important;
    line-height:1.05!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>em{
    min-height:7px!important;
    font-size:4.8px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>strong{
    font-size:8.2px!important;
    margin-top:1px!important;
  }
  body.storefront-v4.mk-redesign .showcase-discount{
    min-height:10px!important;
    padding:1px 4px!important;
    font-size:4.7px!important;
  }
  body.storefront-v4.mk-redesign .showcase-add,
  body.storefront-v4.mk-redesign .showcase-add:disabled{
    width:21px!important;
    height:21px!important;
    min-height:21px!important;
  }
}