/* MatKoz tablet final reference override — 2026-10-05.
   Keeps current MatKoz logo and current category data, but matches the supplied
   reference proportions, density and saturation much more closely. */
@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:#0d0f11!important;
    overflow-x:hidden!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:optimizeLegibility!important;
  }

  html body.storefront-v4.mk-redesign .final-topbar{
    height:22px!important;
    min-height:22px!important;
    padding:0 12px!important;
    background:#0b0d0f!important;
    color:#fff!important;
    font-size:7px!important;
  }
  html body.storefront-v4.mk-redesign .final-topbar>span{padding-right:12px!important;gap:4px!important}
  html body.storefront-v4.mk-redesign .final-topbar svg{width:11px!important;height:11px!important}
  html body.storefront-v4.mk-redesign .final-topbar nav{gap:12px!important}
  html body.storefront-v4.mk-redesign .final-topbar a{font-size:7px!important}

  html body.storefront-v4.mk-redesign .head{
    display:grid!important;
    grid-template-columns:34px 132px minmax(0,1fr) 214px!important;
    grid-template-rows:48px!important;
    align-items:center!important;
    gap:8px!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  html body.storefront-v4.mk-redesign .mobile-menu-open{
    grid-column:1!important;grid-row:1!important;
    position:static!important;display:grid!important;place-items:center!important;
    width:30px!important;height:30px!important;min-width:30px!important;
    padding:0!important;border:0!important;background:transparent!important;color:#111!important;
  }
  html body.storefront-v4.mk-redesign .mobile-menu-open svg{width:19px!important;height:19px!important;stroke:#111!important}
  html body.storefront-v4.mk-redesign .head .brand{
    grid-column:2!important;grid-row:1!important;
    position:static!important;transform:none!important;
    width:128px!important;max-width:128px!important;height:36px!important;
    justify-self:start!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html body.storefront-v4.mk-redesign .head .brand img{
    width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
    object-fit:contain!important;object-position:left center!important;filter:none!important;
  }
  html body.storefront-v4.mk-redesign form#storeSearchForm.search{
    grid-column:3!important;grid-row:1!important;
    width:100%!important;height:30px!important;min-height:30px!important;
    margin:0!important;border:1px solid #e1e4e7!important;border-radius:4px!important;background:#f7f8f9!important;
  }
  html body.storefront-v4.mk-redesign .search input{height:28px!important;padding-left:31px!important;font-size:10px!important}
  html body.storefront-v4.mk-redesign .search button{
    width:42px!important;min-width:42px!important;height:30px!important;min-height:30px!important;
    border-radius:0!important;background:#111317!important;color:#fff!important;
  }
  html body.storefront-v4.mk-redesign .search button svg{width:15px!important;height:15px!important;stroke:#fff!important}
  html body.storefront-v4.mk-redesign .actions{
    grid-column:4!important;grid-row:1!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:9px!important;width:100%!important;
  }
  html body.storefront-v4.mk-redesign .actions .action{
    display:flex!important;align-items:center!important;gap:3px!important;
    min-width:0!important;height:30px!important;padding:0!important;
    color:#111!important;font-size:7px!important;font-weight:750!important;
  }
  html body.storefront-v4.mk-redesign .actions .action svg{width:17px!important;height:17px!important;stroke:#111!important}
  html body.storefront-v4.mk-redesign .actions .action>span{display:inline!important;font-size:7px!important;line-height:1!important}
  html body.storefront-v4.mk-redesign .actions .account-link small{display:none!important}
  html body.storefront-v4.mk-redesign .actions .cart-action small{display:block!important;font-size:6px!important;color:#555b61!important}
  html body.storefront-v4.mk-redesign .actions .count{
    top:-3px!important;right:-5px!important;width:12px!important;height:12px!important;min-width:12px!important;
    font-size:6px!important;background:#111317!important;
  }

  html body.storefront-v4.mk-redesign .nav{
    display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;
    width:calc(100% - 20px)!important;max-width:none!important;
    height:36px!important;min-height:36px!important;margin:0 auto!important;padding:0!important;gap:0!important;
    overflow:hidden!important;border-top:1px solid #e7eaed!important;border-bottom:1px solid #e1e5e8!important;background:#fff!important;
  }
  html body.storefront-v4.mk-redesign .nav>a,
  html body.storefront-v4.mk-redesign .nav>button{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    width:100%!important;min-width:0!important;height:35px!important;min-height:35px!important;padding:0 3px!important;
    border:0!important;border-right:1px solid #f0f1f2!important;background:#fff!important;color:#111317!important;
    font-size:clamp(7px,.8vw,10px)!important;font-weight:760!important;line-height:1.05!important;white-space:normal!important;text-align:center!important;
  }
  html body.storefront-v4.mk-redesign .nav .nav-icon,
  html body.storefront-v4.mk-redesign .nav .nav-icon svg{width:15px!important;height:15px!important;flex:0 0 15px!important}

  html body.storefront-v4.mk-redesign.storefront-home .hero-layout{
    display:grid!important;
    grid-template-columns:minmax(0,3.15fr) minmax(180px,1.2fr)!important;
    grid-template-rows:1fr!important;gap:6px!important;
    width:calc(100% - 20px)!important;max-width:none!important;
    height:clamp(150px,21.5vw,260px)!important;min-height:150px!important;
    margin:6px auto 0!important;align-items:stretch!important;
  }
  html body.storefront-v4.mk-redesign.storefront-home .final-hero{
    width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
    margin:0!important;border-radius:5px!important;overflow:hidden!important;background:#0e1012!important;
  }
  html body.storefront-v4.mk-redesign .final-hero>img#heroImage{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center right!important;
    filter:saturate(1.24) contrast(1.12) brightness(.84)!important;
  }
  html body.storefront-v4.mk-redesign .final-hero::before{
    background:linear-gradient(90deg,rgba(2,4,6,.92) 0%,rgba(2,4,6,.76) 37%,rgba(2,4,6,.24) 67%,rgba(2,4,6,.03) 100%)!important;
  }
  html body.storefront-v4.mk-redesign .hero-brand-word{
    left:16px!important;top:9px!important;width:105px!important;height:24px!important;
  }
  html body.storefront-v4.mk-redesign .hero-copy{
    top:42px!important;left:16px!important;width:58%!important;max-width:430px!important;color:#fff!important;
  }
  html body.storefront-v4.mk-redesign .hero-copy .ey{display:none!important}
  html body.storefront-v4.mk-redesign .hero-copy h1{
    max-width:420px!important;margin:0 0 6px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:clamp(22px,2.55vw,34px)!important;font-weight:900!important;line-height:.99!important;letter-spacing:-.035em!important;
  }
  html body.storefront-v4.mk-redesign .hero-copy p{
    display:block!important;max-width:360px!important;margin:0 0 7px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:clamp(7.5px,.82vw,10.5px)!important;line-height:1.2!important;
  }
  html body.storefront-v4.mk-redesign .hero-actions .btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:25px!important;height:25px!important;padding:0 10px!important;
    border:1px solid rgba(255,255,255,.65)!important;border-radius:4px!important;
    background:rgba(14,16,18,.76)!important;color:#fff!important;font-size:7px!important;font-weight:800!important;
  }
  html body.storefront-v4.mk-redesign .hero-trust,
  html body.storefront-v4.mk-redesign .hero-arrow{display:none!important}

  html body.storefront-v4.mk-redesign .hero-side{
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;
  }
  html body.storefront-v4.mk-redesign .hero-side-card{
    width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
    border-radius:5px!important;overflow:hidden!important;background:#111317!important;
  }
  html body.storefront-v4.mk-redesign .hero-side-card img{
    filter:saturate(1.22) contrast(1.08) brightness(.96)!important;
  }
  html body.storefront-v4.mk-redesign .hero-side-card:after{
    background:linear-gradient(90deg,rgba(7,9,11,.88),rgba(7,9,11,.11) 78%)!important;
  }
  html body.storefront-v4.mk-redesign .hero-side-card>span{
    top:7px!important;left:9px!important;right:8px!important;max-width:78%!important;gap:2px!important;
  }
  html body.storefront-v4.mk-redesign .hero-side-card b{
    color:#fff!important;font-size:clamp(10px,1.08vw,15px)!important;font-weight:850!important;line-height:1!important;
  }
  html body.storefront-v4.mk-redesign .hero-side-card small{
    color:#fff!important;font-size:clamp(5.8px,.63vw,8px)!important;line-height:1.1!important;
  }
  html body.storefront-v4.mk-redesign .hero-side-card i{display:none!important}

  html body.storefront-v4.mk-redesign.storefront-home .store-values{
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
    width:calc(100% - 20px)!important;max-width:none!important;
    height:38px!important;min-height:38px!important;margin:3px auto 0!important;padding:0!important;gap:0!important;
    border:1px solid #e1e5e8!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
  }
  html body.storefront-v4.mk-redesign .store-values article{
    display:flex!important;align-items:center!important;min-width:0!important;
    height:36px!important;min-height:36px!important;padding:3px 6px!important;gap:5px!important;
    border:0!important;border-right:1px solid #e4e7ea!important;border-radius:0!important;background:#fff!important;
  }
  html body.storefront-v4.mk-redesign .store-values article:last-child{border-right:0!important}
  html body.storefront-v4.mk-redesign .store-value-number{width:18px!important;height:18px!important;flex:0 0 18px!important}
  html body.storefront-v4.mk-redesign .store-value-number svg{width:17px!important;height:17px!important;stroke:#111317!important}
  html body.storefront-v4.mk-redesign .store-values strong{font-size:clamp(6px,.69vw,8px)!important;line-height:1.05!important;color:#111317!important}
  html body.storefront-v4.mk-redesign .store-values small{font-size:clamp(5px,.55vw,6.4px)!important;line-height:1!important;color:#555b61!important}

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

  html body.storefront-v4.mk-redesign.storefront-home .categories-section{margin-top:5px!important;padding:0!important}
  html body.storefront-v4.mk-redesign .categories-section .section-head{margin:0 0 3px!important}
  html body.storefront-v4.mk-redesign .categories-section .section-head .ey{display:none!important}
  html body.storefront-v4.mk-redesign .categories-section .section-head h2{
    margin:0!important;font-size:clamp(13px,1.5vw,18px)!important;font-weight:900!important;letter-spacing:-.035em!important;
  }
  html body.storefront-v4.mk-redesign.storefront-home .categories{
    display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:4px!important;width:100%!important;overflow:visible!important;
  }
  html body.storefront-v4.mk-redesign .category{
    width:auto!important;min-width:0!important;height:clamp(52px,6.6vw,78px)!important;min-height:0!important;max-height:none!important;
    border:0!important;border-radius:5px!important;overflow:hidden!important;background:#111317!important;box-shadow:none!important;
  }
  html body.storefront-v4.mk-redesign .category img{filter:saturate(1.22) contrast(1.08) brightness(.96)!important}
  html body.storefront-v4.mk-redesign .category:after{background:linear-gradient(0deg,rgba(4,6,8,.78),rgba(4,6,8,.02) 66%)!important}
  html body.storefront-v4.mk-redesign .category b{
    left:5px!important;right:4px!important;bottom:5px!important;color:#fff!important;
    font-size:clamp(6.4px,.74vw,8.8px)!important;font-weight:850!important;line-height:1.05!important;white-space:normal!important;
  }
  html body.storefront-v4.mk-redesign .category small,
  html body.storefront-v4.mk-redesign .category i,
  html body.storefront-v4.mk-redesign .category-icon{display:none!important}

  html body.storefront-v4.mk-redesign.storefront-home .home-showcases{margin-top:5px!important;padding:0!important}
  html body.storefront-v4.mk-redesign .showcase-heading{
    display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:22px!important;margin:0 0 2px!important;
  }
  html body.storefront-v4.mk-redesign .showcase-heading>div{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
  html body.storefront-v4.mk-redesign .showcase-heading h2{
    margin:0!important;font-size:clamp(13px,1.5vw,18px)!important;font-weight:900!important;letter-spacing:-.035em!important;
  }
  html body.storefront-v4.mk-redesign .showcase-heading p{display:none!important}
  html body.storefront-v4.mk-redesign .home-product-tabs{display:flex!important;align-items:center!important;gap:8px!important}
  html body.storefront-v4.mk-redesign .home-product-tabs button,
  html body.storefront-v4.mk-redesign .show-all-products{font-size:6.2px!important}
  html body.storefront-v4.mk-redesign .showcase-grid{display:block!important}
  html body.storefront-v4.mk-redesign #homeBoxPromo{display:none!important}
  html body.storefront-v4.mk-redesign.storefront-home #featuredProducts.showcase-products{
    display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:4px!important;width:100%!important;overflow:visible!important;
  }
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-card{
    display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;
    padding:3px!important;border:1px solid #e3e6e9!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;
  }
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-product-open{
    height:clamp(50px,6vw,74px)!important;min-height:0!important;background:#fff!important;
  }
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-product-open img{filter:saturate(1.08) contrast(1.04)!important}
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-card>div{
    display:grid!important;grid-template-columns:minmax(0,1fr) 19px!important;grid-template-rows:auto minmax(18px,auto) auto auto!important;
    gap:1px 2px!important;min-height:0!important;padding:2px 0 0!important;
  }
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-card>div>b{
    min-height:18px!important;font-size:clamp(5.8px,.66vw,8px)!important;font-weight:850!important;line-height:1.08!important;
  }
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-card>div>em{font-size:5.4px!important;line-height:1.05!important}
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-card>div>strong{
    font-size:clamp(7px,.82vw,10px)!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;
  }
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-add{
    width:18px!important;min-width:18px!important;height:20px!important;min-height:20px!important;padding:2px!important;
    border-radius:3px!important;background:#111317!important;color:#fff!important;
  }
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-add span{display:none!important}
  html body.storefront-v4.mk-redesign #featuredProducts .showcase-add svg{width:12px!important;height:12px!important}
  html body.storefront-v4.mk-redesign #featuredProducts .product-favorite{
    width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;top:3px!important;right:3px!important;padding:2px!important;
  }

  html body.storefront-v4.mk-redesign.storefront-home .home-editorial{display:block!important;margin-top:5px!important;padding:0!important}
  html body.storefront-v4.mk-redesign .home-editorial .editorial-grid{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;
  }
  html body.storefront-v4.mk-redesign .home-editorial .editorial-card{
    position:relative!important;min-width:0!important;height:clamp(54px,6vw,76px)!important;min-height:54px!important;
    overflow:hidden!important;border-radius:5px!important;background:#111317!important;
  }
  html body.storefront-v4.mk-redesign .home-editorial .editorial-card>img{
    filter:saturate(1.22) contrast(1.08) brightness(.96)!important;
  }
  html body.storefront-v4.mk-redesign .home-editorial .editorial-card>div{
    padding:6px 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;gap:2px 5px!important;align-content:center!important;
  }
  html body.storefront-v4.mk-redesign .home-editorial .editorial-card small{grid-column:1!important;font-size:5.5px!important}
  html body.storefront-v4.mk-redesign .home-editorial .editorial-card h2{
    grid-column:1!important;margin:0!important;color:#fff!important;font-size:clamp(9px,1.08vw,14px)!important;font-weight:900!important;line-height:1.05!important;
  }
  html body.storefront-v4.mk-redesign .home-editorial .editorial-card p{display:none!important}
  html body.storefront-v4.mk-redesign .home-editorial .editorial-card .btn{
    grid-column:2!important;grid-row:1/3!important;align-self:center!important;margin:0!important;min-height:21px!important;
    padding:0 6px!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:3px!important;
    background:rgba(8,10,12,.64)!important;color:#fff!important;font-size:5.5px!important;
  }
}