/* MKM custom header — staging beta. Everything scoped under #mkm-header. */
/* reserve the scrollbar gutter permanently → locking scroll (drawer open) never shifts the page */
html{scrollbar-gutter:stable;}
header.mkm-header-host{position:sticky;top:0;z-index:1100;display:block;transition:box-shadow .25s ease;}
header.mkm-header-host.mkm-stuck{box-shadow:0 6px 22px -10px rgba(20,24,36,.28);}
header.mkm-header-host.mkm-stuck #mkm-header .b-band{max-height:0;}

/* hide the desktop header rows on mobile/tablet viewports (≤1024px) — the
   #mkm-header div itself stays (it holds the shared cart drawer) */
@media (max-width:1024px){ #mkm-header > .row{ display:none !important; } }

#mkm-header{
  --slate:#2D3142; --slate2:#4F5D75; --coral:#E5625E; --puro:#9B1B30; --line:#e4e5ec;
  font-family:'Bricolage Grotesque',-apple-system,sans-serif;
  color:var(--slate);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
#mkm-header *{box-sizing:border-box;}
#mkm-header .row{width:100%;}
#mkm-header .wrap{max-width:1280px;margin:0 auto;padding:0 26px;display:flex;align-items:center;}

/* ---- warranty band : bilingual scrolling marquee ---- */
#mkm-header .b-band{background:var(--slate);overflow:hidden;max-height:44px;transition:max-height .32s ease;}
#mkm-header .marquee-mask{height:38px;display:flex;align-items:center;overflow:hidden;}
#mkm-header .marquee{display:flex;flex:0 0 auto;align-items:center;animation:mkm-marquee 48s linear infinite;will-change:transform;}
#mkm-header .b-band:hover .marquee{animation-play-state:paused;}
#mkm-header .marquee .unit{display:flex;flex:0 0 auto;align-items:center;gap:12px;padding:0 30px;white-space:nowrap;}
#mkm-header .marquee .unit .sh{width:13px;height:13px;color:var(--coral);flex:0 0 auto;}
#mkm-header .marquee .unit .msg{font-size:11.5px;font-weight:500;letter-spacing:.085em;text-transform:uppercase;color:#aab0c0;margin:0;}
#mkm-header .marquee .unit .msg b{color:#fff;font-weight:700;}
@keyframes mkm-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ---- main row ---- */
#mkm-header .b-main .wrap{height:88px;gap:30px;}
#mkm-header .logo{flex:0 0 auto;display:flex;align-items:center;text-decoration:none;}
#mkm-header .logo img{display:block;width:auto;height:auto;max-width:195px;max-height:58px;}

#mkm-header .search{flex:1 1 auto;display:flex;align-items:center;gap:12px;height:50px;padding:0 18px;margin:0;
  background:#f3f4f7;border:1.5px solid var(--line);border-radius:11px;transition:.18s;}
#mkm-header .search:focus-within{background:#fff;border-color:var(--slate);}
#mkm-header .search svg{width:19px;height:19px;color:#9398a6;flex:0 0 auto;}
#mkm-header .search input{flex:1;background:none;border:0 !important;outline:0;box-shadow:none;font-family:inherit;
  font-size:14.5px;color:var(--slate);font-weight:500;height:100%;border-radius:0 !important;margin:0;padding:0;}
#mkm-header .search input::placeholder{color:#9398a6;}

/* ---- Shipping & Delivery trigger + dropdown ---- */
#mkm-header .cutoff{position:relative;flex:0 0 auto;}
#mkm-header .cutoff-trigger{display:flex;align-items:center;gap:13px;height:50px;padding:0 15px;cursor:pointer;
  background:#fff;border:1.5px solid var(--line);border-radius:11px;transition:.16s;}
#mkm-header .cutoff-trigger:hover{border-color:#cfd2db;background:#fcfcfd;}
#mkm-header .cutoff.open .cutoff-trigger{border-color:var(--slate);}
#mkm-header .cutoff-trigger .lab{display:flex;flex-direction:column;gap:3px;line-height:1.05;}
#mkm-header .cutoff-trigger .lab .l1{font-weight:600;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9398a6;}
#mkm-header .cutoff-trigger .lab .l2{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12.5px;color:var(--slate);}
#mkm-header .cutoff-trigger .big{font-weight:800;font-size:19px;color:var(--slate);font-variant-numeric:tabular-nums;letter-spacing:.01em;}
#mkm-header .cutoff-trigger .cv{color:#b9bcc7;font-size:11px;transition:.2s;}
#mkm-header .cutoff.open .cutoff-trigger .cv{transform:rotate(180deg);}
#mkm-header .cutoff-trigger .puro-ico{height:21px;width:auto;flex:0 0 auto;display:block;}
#mkm-header .cut-name .puro-ico-sm{height:15px;width:auto;flex:0 0 auto;display:block;}
#mkm-header .sonar{width:7px;height:7px;border-radius:50%;background:var(--coral);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(229,98,94,.55);animation:mkm-sonar 2.2s infinite;}
@keyframes mkm-sonar{0%{box-shadow:0 0 0 0 rgba(229,98,94,.55);}70%{box-shadow:0 0 0 8px rgba(229,98,94,0);}100%{box-shadow:0 0 0 0 rgba(229,98,94,0);}}

#mkm-header .cutoff-panel{position:absolute;top:calc(100% + 12px);right:0;width:346px;background:#fff;
  border:1px solid #ebecf0;border-radius:14px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:.16s;box-shadow:0 28px 56px -20px rgba(45,49,66,.32);z-index:120;}
#mkm-header .cutoff.open .cutoff-panel{opacity:1;visibility:visible;transform:translateY(0);}
#mkm-header .panel-head{font-weight:600;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#9398a6;padding:8px 9px 9px;}
#mkm-header .cut-row{padding:12px 11px;border-radius:10px;transition:background .14s;}
#mkm-header .cut-row+.cut-row{margin-top:3px;}
#mkm-header .cut-row:hover{background:#f6f7f9;}
#mkm-header .cut-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
#mkm-header .cut-name{display:flex;align-items:center;gap:8px;}
#mkm-header .cut-name svg{width:17px;height:17px;color:var(--slate2);flex:0 0 auto;}
#mkm-header .cut-name .lbl{font-weight:700;font-size:13.5px;color:var(--slate);}
#mkm-header .puro-logo{font-weight:800;font-size:16px;color:var(--puro);letter-spacing:-.03em;}
#mkm-header .puro-logo sup{font-size:7px;font-weight:700;vertical-align:super;}
#mkm-header .cut-row .t{font-weight:800;font-size:15px;color:var(--slate);font-variant-numeric:tabular-nums;}
#mkm-header .cut-meta{font-size:11px;color:#9398a6;margin-top:5px;}
#mkm-header .track{height:4px;background:var(--slate2);border-radius:999px;margin-top:9px;overflow:hidden;}
#mkm-header .track i{display:block;height:100%;width:50%;background:var(--coral);border-radius:999px;transition:width .6s ease;}
#mkm-header .clk.urgent{color:var(--coral);}

/* ---- account ---- */
#mkm-header .acct{display:flex;align-items:center;gap:18px;flex:0 0 auto;}
#mkm-header .lk{font-family:inherit;font-weight:600;font-size:14px;color:var(--slate2);text-decoration:none;}
#mkm-header .lk:hover{color:var(--slate);}
#mkm-header .btn-fill{font-family:inherit;font-weight:700;font-size:14px;color:#fff;background:var(--slate);
  padding:12px 22px;border:0;border-radius:9px;text-decoration:none;display:inline-block;line-height:1;}
#mkm-header .btn-fill:hover{background:#1f2330;color:#fff;}
#mkm-header .me{font-weight:600;font-size:14px;color:var(--slate);text-decoration:none;}
#mkm-header .me:hover{color:var(--slate);}
#mkm-header .cart,#mkm-header .wish{position:relative;width:42px;height:44px;display:flex;align-items:center;justify-content:center;}
/* .cart is a <button> — strip Woodmart's global button styling (the "blue square") */
#mkm-header button.cart{background:none !important;border:0 !important;box-shadow:none !important;
  padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;min-width:0 !important;
  color:var(--slate);}
#mkm-header .cart svg,#mkm-header .wish svg{width:23px;height:23px;color:var(--slate);transition:color .15s ease;}
#mkm-header .wish svg{width:22px;height:22px;}
#mkm-header .cart:hover svg,#mkm-header .wish:hover svg{color:var(--coral);}
#mkm-header .cart .cnt,#mkm-header .wish .cnt{position:absolute;top:2px;right:-2px;min-width:18px;height:18px;background:var(--coral);color:#fff;
  font-weight:800;font-size:10px;display:flex;align-items:center;justify-content:center;border-radius:999px;padding:0 4px;}

/* ---- nav : sliding coral marker ---- */
#mkm-header .b-nav{background:#f7f8fa;border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;}
#mkm-header .b-nav .wrap{height:54px;position:relative;}
#mkm-header .b-nav .nav-marker{position:absolute;left:0;top:10px;height:34px;border-radius:999px;
  background:rgba(229,98,94,.10);z-index:0;
  transition:transform .28s cubic-bezier(.34,1.1,.5,1),width .28s cubic-bezier(.34,1.1,.5,1);}
#mkm-header .mkm-nav-ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;}
#mkm-header .mkm-nav-ul > li{list-style:none;margin:0;padding:0;position:static;}
#mkm-header .mkm-nav-ul > li::before,#mkm-header .mkm-nav-ul > li::marker{content:none;display:none;}
#mkm-header .mkm-nav-ul > li > a{position:relative;z-index:1;display:flex;align-items:center;height:54px;padding:0 15px;
  font-weight:500;font-size:14px;color:var(--slate);text-decoration:none;transition:color .15s ease;white-space:nowrap;}
#mkm-header .mkm-nav-ul > li > a:hover,#mkm-header .mkm-nav-ul > li.current-menu-item > a,#mkm-header .mkm-nav-ul > li.current-menu-ancestor > a{color:var(--coral);}
/* force the mockup font on level-1 nav (beat Woodmart .woodmart-nav-link / .nav-link-text) */
#mkm-header .mkm-nav-ul > li > a,
#mkm-header .mkm-nav-ul > li > a .nav-link-text{
  font-family:'Bricolage Grotesque',-apple-system,sans-serif !important;
  font-size:14px !important;font-weight:500 !important;
  text-transform:none !important;letter-spacing:normal !important;}
#mkm-header .mkm-nav-ul > li > a .nav-link-text{color:inherit;}
/* megamenu dropdown content is the megamenu beta's data source — never shown inline in the header */
#mkm-header .wd-dropdown-menu,#mkm-header .wd-dropdown{display:none !important;}
/* no "New" / item labels on the level-1 nav (user request) */
#mkm-header .menu-label,#mkm-header .nav-link-label,#mkm-header .wd-nav-arrow{display:none !important;}
#mkm-header .b-nav .wish{margin-left:auto;}

@media(max-width:1100px){#mkm-header .wrap{padding:0 14px;}}

/* ---- slide-out cart drawer : full-height on desktop, below the header on mobile ---- */
#mkm-header .mkm-cart-drawer{position:fixed;inset:0;z-index:1200;
  visibility:hidden;opacity:0;transition:opacity .25s ease,visibility 0s linear .25s;}
@media(max-width:1024px){#mkm-header .mkm-cart-drawer{top:var(--mkm-hh,0px);}}
#mkm-header .mkm-cart-drawer.open{visibility:visible;opacity:1;transition:opacity .25s ease;}
#mkm-header .mkm-cart-backdrop{position:absolute;inset:0;background:rgba(20,24,36,.42);}
#mkm-header .mkm-cart-panel{position:absolute;top:0;right:0;height:100%;width:400px;max-width:100vw;
  background:#fff;display:flex;flex-direction:column;box-shadow:-18px 0 50px -24px rgba(20,24,36,.5);
  transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);}
#mkm-header .mkm-cart-drawer.open .mkm-cart-panel{transform:translateX(0);}
#mkm-header .mkm-cart-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  padding:19px 22px;border-bottom:1px solid var(--line);}
#mkm-header .mkm-cart-title{font-weight:800;font-size:16px;color:var(--slate);}
#mkm-header .mkm-cart-close{background:#f3f4f7 !important;border:0 !important;box-shadow:none !important;
  cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:19px;line-height:1;color:var(--slate) !important;
  padding:0;min-width:0 !important;transition:.15s;}
#mkm-header .mkm-cart-close:hover{background:var(--coral) !important;color:#fff !important;}
#mkm-header .mkm-cart-body{flex:1 1 auto;overflow-y:auto;padding:6px 22px 22px;}
@media(max-width:480px){#mkm-header .mkm-cart-panel{width:100%;}}

/* native WC/Woodmart mini-cart, restyled to the header language.
   !important = beat Woodmart's global .button + .remove + theme styles. */
#mkm-header .mkm-cart-body .woocommerce-mini-cart{list-style:none;margin:0;padding:0;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart-item{position:relative;list-style:none;
  display:flex;gap:12px;align-items:flex-start;
  padding:15px 0 15px 26px;border-bottom:1px solid #f0f1f4;font-size:13px;line-height:1.45;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart-item::before,
#mkm-header .mkm-cart-body .woocommerce-mini-cart-item::marker{content:none !important;}
/* Woodmart adds a full-cover "Show" link — hide it (image + name remain) */
#mkm-header .mkm-cart-body .cart-item-link{display:none !important;}
#mkm-header .mkm-cart-body .cart-item-image{flex:0 0 58px;width:58px !important;margin:0 !important;padding:0 !important;}
#mkm-header .mkm-cart-body .cart-item-image img{width:58px !important;height:58px !important;
  min-width:58px !important;max-width:58px !important;
  object-fit:contain;margin:0 !important;padding:0 !important;display:block;
  border:1px solid var(--line);border-radius:8px;}
#mkm-header .mkm-cart-body .cart-info{flex:1 1 auto;min-width:0;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart-item a{color:var(--slate);text-decoration:none;font-weight:600;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart-item a:hover{color:var(--coral);}
/* "qty × price" text line */
#mkm-header .mkm-cart-body span.quantity{color:var(--slate2);font-weight:500;}
/* quantity stepper — restyled from Woodmart's dark pill to the header charter */
#mkm-header .mkm-cart-body div.quantity{display:inline-flex;align-items:center;margin-top:8px;
  border:1.5px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;}
#mkm-header .mkm-cart-body div.quantity .minus,
#mkm-header .mkm-cart-body div.quantity .plus{-webkit-appearance:none;appearance:none;
  width:32px;height:32px;padding:0;margin:0;background:#e9ebef !important;border:0 !important;
  box-shadow:none !important;border-radius:0 !important;color:var(--slate2) !important;
  font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:.14s;}
#mkm-header .mkm-cart-body div.quantity .minus:hover,
#mkm-header .mkm-cart-body div.quantity .plus:hover{background:#dde0e6 !important;color:var(--coral) !important;}
#mkm-header .mkm-cart-body div.quantity .qty{width:40px;height:32px;padding:0;margin:0;
  border:0 !important;border-left:1.5px solid var(--line) !important;
  border-right:1.5px solid var(--line) !important;border-radius:0 !important;background:#fff;
  text-align:center;font-family:inherit;font-weight:700;font-size:13px;color:var(--slate);
  box-shadow:none !important;-moz-appearance:textfield;}
#mkm-header .mkm-cart-body div.quantity .qty::-webkit-outer-spin-button,
#mkm-header .mkm-cart-body div.quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
/* remove (×) — kill Woodmart's duplicate ::before/::after icon, keep our circle */
#mkm-header .mkm-cart-body a.remove{position:absolute;left:0;top:16px;width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f7 !important;
  color:#9398a6 !important;font-size:13px;font-weight:700;text-decoration:none;line-height:1;
  text-indent:0 !important;}
#mkm-header .mkm-cart-body a.remove::before,
#mkm-header .mkm-cart-body a.remove::after{content:none !important;display:none !important;}
#mkm-header .mkm-cart-body a.remove:hover{background:var(--coral) !important;color:#fff !important;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__total{display:flex;justify-content:space-between;
  align-items:baseline;margin:18px 0 14px;font-weight:800;font-size:15px;color:var(--slate);}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__total .woocommerce-Price-amount{font-size:17px;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__buttons a{display:block;text-align:center;
  font-family:inherit;font-weight:700;font-size:14px;padding:13px;border-radius:9px;text-decoration:none;
  text-transform:none !important;min-width:0 !important;letter-spacing:normal;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__buttons a.button:not(.checkout){background:#f3f4f7 !important;color:var(--slate) !important;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__buttons a.button:not(.checkout):hover{background:#e9eaef !important;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__buttons a.checkout{background:var(--slate) !important;color:#fff !important;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__buttons a.checkout:hover{background:#1f2330 !important;}
#mkm-header .mkm-cart-body .woocommerce-mini-cart__empty-message{padding:34px 0;text-align:center;
  color:var(--slate2);font-size:14px;}