/* MatKoz storefront v21 — authoritative tablet layer
   Purpose: prevent 701–900px tablets from inheriting the old dense/dark desktop fallback. */
@media (min-width:701px) and (max-width:1180px), (min-width:1181px) and (max-width:1366px) and (pointer:coarse){
  html body.storefront-v4.mk-redesign{
    background:#fff!important;
    color:#171513!important;
  }

  body.storefront-v4.mk-redesign .header{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
    background:#fff!important;
    border-bottom:1px solid #ebe6df!important;
    box-shadow:0 2px 14px rgba(35,28,21,.05)!important;
  }

  body.storefront-v4.mk-redesign .final-topbar{
    height:30px!important;
    min-height:30px!important;
    padding:0 14px!important;
    background:#151515!important;
    color:#fff!important;
    font-size:9px!important;
    overflow:hidden!important;
  }

  body.storefront-v4.mk-redesign .head{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    min-height:106px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:10px 0 12px!important;
    display:grid!important;
    grid-template-columns:160px minmax(0,1fr) auto!important;
    grid-template-rows:46px 42px!important;
    gap:8px 12px!important;
    align-items:center!important;
    background:#fff!important;
  }

  body.storefront-v4.mk-redesign .head .brand{
    grid-column:1!important;
    grid-row:1!important;
    width:158px!important;
    max-width:158px!important;
    height:38px!important;
    justify-self:start!important;
  }

  body.storefront-v4.mk-redesign .actions{
    grid-column:3!important;
    grid-row:1!important;
    gap:10px!important;
    justify-self:end!important;
  }

  body.storefront-v4.mk-redesign .action{
    color:#292521!important;
    font-size:10px!important;
  }

  body.storefront-v4.mk-redesign .action>span,
  body.storefront-v4.mk-redesign .action small{
    display:none!important;
  }

  body.storefront-v4.mk-redesign form#storeSearchForm.search,
  body.storefront-v4.mk-redesign .search{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    border:1px solid #e6e1da!important;
    border-radius:9px!important;
    background:#f8f7f5!important;
  }

  body.storefront-v4.mk-redesign .search input{
    font-size:16px!important;
    color:#171513!important;
  }

  body.storefront-v4.mk-redesign .nav{
    width:100%!important;
    max-width:none!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    gap:4px!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    background:#fff!important;
    border-bottom:1px solid #ebe6df!important;
    scrollbar-width:none!important;
  }

  body.storefront-v4.mk-redesign .nav::-webkit-scrollbar{display:none!important}
  body.storefront-v4.mk-redesign .nav a,
  body.storefront-v4.mk-redesign .nav button{
    flex:0 0 auto!important;
    height:38px!important;
    padding:0 12px!important;
    color:#292521!important;
    background:#fff!important;
    font-size:10px!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .hero-layout{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:14px auto 0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .final-hero{
    width:100%!important;
    min-height:300px!important;
    height:300px!important;
    margin:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#f3e7d7!important;
  }

  body.storefront-v4.mk-redesign .final-hero>img#heroImage{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center right!important;
  }

  body.storefront-v4.mk-redesign .final-hero:before{
    background:linear-gradient(90deg,rgba(255,251,246,.94) 0%,rgba(255,251,246,.76) 43%,rgba(255,251,246,.14) 72%,rgba(255,251,246,0) 100%)!important;
  }

  body.storefront-v4.mk-redesign .hero-copy{
    top:50px!important;
    left:28px!important;
    right:auto!important;
    width:54%!important;
    max-width:390px!important;
    color:#171513!important;
  }

  body.storefront-v4.mk-redesign .hero-copy h1{
    max-width:380px!important;
    color:#171513!important;
    font-size:38px!important;
    line-height:.98!important;
    letter-spacing:-1.5px!important;
  }

  body.storefront-v4.mk-redesign .hero-copy p{
    max-width:350px!important;
    color:#5f574e!important;
    font-size:12px!important;
    line-height:1.5!important;
  }

  body.storefront-v4.mk-redesign .hero-side{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.storefront-v4.mk-redesign .hero-side>*{
    min-width:0!important;
    height:112px!important;
    min-height:112px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .store-values,
  body.storefront-v4.mk-redesign.storefront-home .categories-section,
  body.storefront-v4.mk-redesign.storefront-home .home-showcases,
  body.storefront-v4.mk-redesign.storefront-home .home-editorial,
  body.storefront-v4.mk-redesign.storefront-home .home-inspiration,
  body.storefront-v4.mk-redesign .section.full-catalog-section{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .store-values{
    margin-top:12px!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    border:1px solid #ece7e0!important;
    border-radius:12px!important;
    background:#fbfaf8!important;
  }

  body.storefront-v4.mk-redesign .store-values article{
    min-width:0!important;
    min-height:58px!important;
    background:#fff!important;
    color:#292521!important;
    border:1px solid #eee8e1!important;
    border-radius:9px!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .categories{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.storefront-v4.mk-redesign .category,
  body.storefront-v4.mk-redesign .category-card{
    min-width:0!important;
    background:#fff!important;
    color:#171513!important;
    border:1px solid #ece7e0!important;
    border-radius:10px!important;
  }

  body.storefront-v4.mk-redesign.storefront-home .showcase-products{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
  }

  body.storefront-v4.mk-redesign .showcase-card{
    min-width:0!important;
    width:auto!important;
    background:#fff!important;
    color:#171513!important;
    border:1px solid #ece7e0!important;
    border-radius:10px!important;
  }

  body.storefront-v4.mk-redesign .showcase-card>div,
  body.storefront-v4.mk-redesign .showcase-card b,
  body.storefront-v4.mk-redesign .showcase-card strong{
    color:#171513!important;
  }

  body.storefront-v4.mk-redesign .showcase-card small,
  body.storefront-v4.mk-redesign .showcase-card em{
    color:#756d64!important;
  }

  body.storefront-v4.mk-redesign .home-editorial,
  body.storefront-v4.mk-redesign .home-inspiration{
    color:#171513!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section{
    padding:24px 0 38px!important;
    color:#171513!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section .catalog-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section .catalog-sidebar{
    position:static!important;
    width:100%!important;
    padding:12px!important;
    border:1px solid #dfe4e8!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#171513!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section .catalog-sidebar .filters{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section .catalog-sidebar .filters button{
    width:auto!important;
    min-height:36px!important;
    padding:7px 10px!important;
    border:1px solid #dde2e6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#1b2025!important;
    font-size:11px!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section .catalog-toolbar{
    background:#fff!important;
    color:#171513!important;
    border:1px solid #dfe4e8!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section #products.products{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    overflow:visible!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section #products.products>.card.product-card{
    min-width:0!important;
    width:auto!important;
    background:#fff!important;
    color:#171513!important;
    border:1px solid #dfe4e8!important;
    border-radius:10px!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section #products.products>.card.product-card>.card-body{
    background:#fff!important;
  }

  body.storefront-v4.mk-redesign .section.full-catalog-section #products.products>.card.product-card h3,
  body.storefront-v4.mk-redesign .section.full-catalog-section #products.products>.card.product-card h3 a,
  body.storefront-v4.mk-redesign .section.full-catalog-section #products.products>.card.product-card .price{
    color:#171513!important;
  }
}