/* MatKoz storefront v10 — final visual alignment to approved mobile reference */
@media (max-width:430px){
  body.storefront-v4.mk-redesign .header{
    min-height:96px!important;
  }
  body.storefront-v4.mk-redesign .head{
    height:96px!important;
    min-height:96px!important;
    grid-template-rows:52px 40px!important;
    padding:0 10px!important;
  }
  body.storefront-v4.mk-redesign .head .brand{
    width:160px!important;
    max-width:160px!important;
    height:38px!important;
  }
  body.storefront-v4.mk-redesign .head .brand img{
    width:160px!important;
    max-width:160px!important;
    height:34px!important;
    max-height:34px!important;
    filter:contrast(1.28) saturate(.95)!important;
  }
  body.storefront-v4.mk-redesign form#storeSearchForm.search{
    height:36px!important;
    min-height:36px!important;
    grid-template-rows:36px!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    border-radius:6px!important;
  }
  body.storefront-v4.mk-redesign form#storeSearchForm.search input#search{
    height:36px!important;
    min-height:36px!important;
    line-height:36px!important;
    padding-left:36px!important;
    font-size:15px!important;
  }
  body.storefront-v4.mk-redesign form#storeSearchForm.search input#search::placeholder{
    font-size:12.5px!important;
  }
  body.storefront-v4.mk-redesign form#storeSearchForm.search button[type="submit"]{
    width:44px!important;
    min-width:44px!important;
    height:36px!important;
    min-height:36px!important;
  }
  body.storefront-v4.mk-redesign form#storeSearchForm.search::before{
    left:12px!important;
    top:10px!important;
  }
  body.storefront-v4.mk-redesign form#storeSearchForm.search::after{
    left:23px!important;
    top:22px!important;
  }

  body.storefront-v4.mk-redesign .nav{
    min-height:62px!important;
    height:62px!important;
    padding:4px 6px 5px!important;
    gap:3px!important;
  }
  body.storefront-v4.mk-redesign .nav>a,
  body.storefront-v4.mk-redesign .nav>button{
    min-height:52px!important;
    height:52px!important;
    border:1px solid #f0f2f3!important;
    border-radius:6px!important;
    box-shadow:none!important;
    font-size:6.8px!important;
    gap:2px!important;
  }
  body.storefront-v4.mk-redesign .nav .nav-icon,
  body.storefront-v4.mk-redesign .nav .nav-icon svg{
    width:22px!important;
    height:22px!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .hero-layout{
    width:calc(100% - 14px)!important;
    margin:6px auto 0!important;
  }
  body.storefront-v4.mk-redesign.storefront-home .final-hero{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    border-radius:7px!important;
  }
  body.storefront-v4.mk-redesign .final-hero>img#heroImage{
    object-position:center!important;
    filter:none!important;
  }
  body.storefront-v4.mk-redesign .final-hero>img.hero-brand-logo{
    left:13px!important;
    top:11px!important;
    width:112px!important;
    height:24px!important;
    max-height:24px!important;
    filter:contrast(1.24) saturate(.95)!important;
  }
  body.storefront-v4.mk-redesign .hero-copy{
    top:52px!important;
    left:13px!important;
    width:60%!important;
    max-width:235px!important;
  }
  body.storefront-v4.mk-redesign .final-hero h1{
    font-size:19px!important;
    line-height:1!important;
    letter-spacing:-.45px!important;
  }
  body.storefront-v4.mk-redesign .final-hero p{
    margin:8px 0 9px!important;
    max-width:215px!important;
    font-size:8.4px!important;
    line-height:1.22!important;
  }
  body.storefront-v4.mk-redesign .hero-actions .btn{
    min-height:30px!important;
    height:30px!important;
    padding:0 12px!important;
    font-size:7.5px!important;
    border-radius:4px!important;
  }
  body.storefront-v4.mk-redesign .hero-dots{
    bottom:7px!important;
    gap:3px!important;
  }
  body.storefront-v4.mk-redesign .hero-dots button{
    width:5px!important;
    height:5px!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .store-values{
    height:54px!important;
    min-height:54px!important;
    margin:5px 0 0!important;
    padding:0 6px!important;
  }
  body.storefront-v4.mk-redesign .store-values article{
    height:54px!important;
    min-height:54px!important;
    padding:4px 5px!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    column-gap:5px!important;
  }
  body.storefront-v4.mk-redesign .store-value-number svg{
    width:20px!important;
    height:20px!important;
  }
  body.storefront-v4.mk-redesign .store-values strong{
    font-size:6.4px!important;
  }
  body.storefront-v4.mk-redesign .store-values small{
    font-size:5.2px!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .categories-section{
    width:calc(100% - 14px)!important;
    margin:8px auto 0!important;
  }
  body.storefront-v4.mk-redesign .categories-section .section-head{
    min-height:22px!important;
    margin:0 0 5px!important;
  }
  body.storefront-v4.mk-redesign .categories-section .section-head h2{
    font-size:15.3px!important;
  }
  body.storefront-v4.mk-redesign .categories-section .section-head:after{
    font-size:6.2px!important;
  }
  body.storefront-v4.mk-redesign .categories{
    gap:5px!important;
  }
  body.storefront-v4.mk-redesign .category{
    height:90px!important;
    min-height:90px!important;
    border-radius:6px!important;
  }
  body.storefront-v4.mk-redesign .category b{
    left:6px!important;
    bottom:6px!important;
    font-size:7.2px!important;
  }

  body.storefront-v4.mk-redesign .home-showcases{
    width:calc(100% - 14px)!important;
    margin:8px auto 0!important;
  }
  body.storefront-v4.mk-redesign .showcase-heading{
    min-height:22px!important;
    margin:0 0 5px!important;
  }
  body.storefront-v4.mk-redesign .showcase-heading h2{
    font-size:15.3px!important;
  }
  body.storefront-v4.mk-redesign .show-all-products{
    font-size:6.2px!important;
  }
  body.storefront-v4.mk-redesign .showcase-products{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card{
    height:210px!important;
    min-height:210px!important;
    padding:5px!important;
    border-radius:6px!important;
  }
  body.storefront-v4.mk-redesign .showcase-product-open{
    height:94px!important;
    min-height:94px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div{
    min-height:104px!important;
    padding-top:3px!important;
    gap:2px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>small{
    min-height:13px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>b{
    min-height:22px!important;
    max-height:22px!important;
    font-size:6.4px!important;
    line-height:1.08!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>em{
    font-size:5.6px!important;
    line-height:1.05!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>strong{
    margin-top:2px!important;
    font-size:8.4px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card .showcase-add{
    display:grid!important;
    width:25px!important;
    height:25px!important;
    min-height:25px!important;
    align-self:end!important;
    justify-self:end!important;
    grid-row:2/6!important;
    grid-column:2!important;
    font-size:0!important;
    border-radius:4px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card .showcase-add::before{
    content:"🛒";
    font-size:11px;
    line-height:1;
  }
  body.storefront-v4.mk-redesign .showcase-card>div{
    grid-template-columns:minmax(0,1fr) 27px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card .favorite-button,
  body.storefront-v4.mk-redesign .showcase-card [data-favorite-product]{
    width:17px!important;
    height:17px!important;
    top:4px!important;
    right:4px!important;
  }
  body.storefront-v4.mk-redesign .showcase-discount{
    padding:2px 4px!important;
    font-size:5.3px!important;
  }

  body.storefront-v4.mk-redesign .mobile-nav{
    height:56px!important;
  }
  body.storefront-v4.mk-redesign .mobile-nav a,
  body.storefront-v4.mk-redesign .mobile-nav button{
    font-size:7.2px!important;
  }
}