/* MatKoz storefront v8 — visual-match pass against approved mobile mock, 2026-10-03 */
@media (max-width:700px){
  body.storefront-v4.mk-redesign .head .brand{
    width:148px!important;
    max-width:148px!important;
    height:42px!important;
  }
  body.storefront-v4.mk-redesign .head .brand img{
    width:148px!important;
    max-width:148px!important;
    height:36px!important;
    max-height:36px!important;
  }

  body.storefront-v4.mk-redesign .nav{
    min-height:58px!important;
    height:58px!important;
    padding:4px 7px 5px!important;
    gap:4px!important;
  }
  body.storefront-v4.mk-redesign .nav>a,
  body.storefront-v4.mk-redesign .nav>button{
    min-height:48px!important;
    height:48px!important;
    padding:3px 2px!important;
    border:1px solid #edf0f2!important;
    border-radius:7px!important;
    background:#fff!important;
    box-shadow:0 1px 4px rgba(17,19,23,.035)!important;
  }
  body.storefront-v4.mk-redesign .nav .nav-icon{
    width:23px!important;
    height:23px!important;
  }
  body.storefront-v4.mk-redesign .nav .nav-icon svg{
    width:23px!important;
    height:23px!important;
    stroke-width:1.75!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .final-hero{
    height:153px!important;
    min-height:153px!important;
    max-height:153px!important;
    border-radius:7px!important;
  }
  body.storefront-v4.mk-redesign .final-hero>img.hero-brand-logo{
    position:absolute!important;
    z-index:5!important;
    inset:auto!important;
    left:11px!important;
    top:9px!important;
    width:101px!important;
    height:22px!important;
    min-height:0!important;
    max-height:22px!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:none!important;
    opacity:1!important;
    pointer-events:none!important;
  }
  body.storefront-v4.mk-redesign .final-hero>img#heroImage{
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:67% center!important;
    filter:saturate(.96) contrast(1.12) brightness(.96)!important;
  }
  body.storefront-v4.mk-redesign .hero-copy{
    top:38px!important;
    left:11px!important;
    width:52%!important;
    max-width:190px!important;
  }
  body.storefront-v4.mk-redesign .final-hero h1{
    font-size:17.5px!important;
    line-height:.98!important;
    letter-spacing:-.42px!important;
  }
  body.storefront-v4.mk-redesign .final-hero p{
    margin:6px 0 7px!important;
    max-width:186px!important;
    font-size:7.4px!important;
    line-height:1.2!important;
  }
  body.storefront-v4.mk-redesign .hero-actions .btn{
    min-height:26px!important;
    height:26px!important;
    padding:0 9px!important;
    font-size:7px!important;
    border-radius:4px!important;
  }
  body.storefront-v4.mk-redesign .hero-dots{
    bottom:4px!important;
    gap:3px!important;
  }
  body.storefront-v4.mk-redesign .hero-dots button{
    width:4px!important;
    height:4px!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .store-values{
    width:100%!important;
    height:43px!important;
    min-height:43px!important;
    margin:5px 0 0!important;
    padding:0 5px!important;
    border:0!important;
    border-top:1px solid #e7eaed!important;
    border-bottom:1px solid #e7eaed!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.storefront-v4.mk-redesign .store-values article{
    height:43px!important;
    min-height:43px!important;
    padding:3px 4px!important;
    border:0!important;
    border-right:1px solid #e7eaed!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    grid-template-columns:19px minmax(0,1fr)!important;
    column-gap:4px!important;
  }
  body.storefront-v4.mk-redesign .store-values article:nth-child(3){
    border-right:0!important;
  }
  body.storefront-v4.mk-redesign .store-value-number svg{
    width:17px!important;
    height:17px!important;
  }
  body.storefront-v4.mk-redesign .store-values strong{
    font-size:5.9px!important;
    line-height:1.05!important;
  }
  body.storefront-v4.mk-redesign .store-values small{
    font-size:4.7px!important;
    line-height:1.05!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .categories-section{
    width:calc(100% - 14px)!important;
    margin:7px auto 0!important;
  }
  body.storefront-v4.mk-redesign .categories-section .section-head{
    min-height:20px!important;
    margin:0 0 4px!important;
  }
  body.storefront-v4.mk-redesign .categories-section .section-head h2{
    font-size:13.7px!important;
    line-height:1!important;
    letter-spacing:-.25px!important;
  }
  body.storefront-v4.mk-redesign .categories-section .section-head:after{
    font-size:5.9px!important;
  }
  body.storefront-v4.mk-redesign .categories{
    gap:4px!important;
  }
  body.storefront-v4.mk-redesign .category{
    height:66px!important;
    min-height:66px!important;
    border-radius:5px!important;
  }
  body.storefront-v4.mk-redesign .category b{
    left:5px!important;
    bottom:5px!important;
    font-size:6.7px!important;
  }

  body.storefront-v4.mk-redesign .home-showcases{
    width:calc(100% - 14px)!important;
    margin:7px auto 0!important;
  }
  body.storefront-v4.mk-redesign .showcase-heading{
    min-height:20px!important;
    margin:0 0 4px!important;
  }
  body.storefront-v4.mk-redesign .showcase-heading h2{
    font-size:13.7px!important;
    line-height:1!important;
  }
  body.storefront-v4.mk-redesign .show-all-products{
    font-size:5.9px!important;
  }
  body.storefront-v4.mk-redesign .showcase-products{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card{
    height:163px!important;
    min-height:163px!important;
    padding:4px!important;
    border-radius:5px!important;
  }
  body.storefront-v4.mk-redesign .showcase-product-open{
    height:82px!important;
    min-height:82px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div{
    min-height:69px!important;
    padding-top:2px!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:1px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>small{
    min-height:12px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>b{
    font-size:6.2px!important;
    line-height:1.05!important;
    min-height:19px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>em{
    font-size:5.4px!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>div>strong{
    font-size:8px!important;
    line-height:1!important;
  }
  body.storefront-v4.mk-redesign .showcase-card .showcase-add{
    display:none!important;
  }
  body.storefront-v4.mk-redesign .showcase-card>.favorite-button,
  body.storefront-v4.mk-redesign .showcase-card>[data-favorite-product]{
    width:18px!important;
    height:18px!important;
    top:3px!important;
    right:3px!important;
  }
  body.storefront-v4.mk-redesign .showcase-discount{
    padding:2px 4px!important;
    font-size:5px!important;
    border-radius:3px!important;
  }

  body.storefront-v4.mk-redesign .mobile-nav{
    height:55px!important;
  }
  body.storefront-v4.mk-redesign .mobile-nav a,
  body.storefront-v4.mk-redesign .mobile-nav button{
    font-size:7px!important;
    gap:1px!important;
  }
  body.storefront-v4.mk-redesign .mobile-nav svg{
    width:18px!important;
    height:18px!important;
  }
}