.mkp-header{
  position:sticky;top:0;z-index:100;
  background:color-mix(in srgb,var(--mkp-surface) 90%,transparent);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--mkp-border);
  transition:background .3s,box-shadow .3s;
}
.mkp-header.is-scrolled{background:color-mix(in srgb,var(--mkp-surface) 97%,transparent);box-shadow:0 7px 24px rgba(12,35,42,.055)}
.mkp-scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;pointer-events:none}
.mkp-scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--mkp-accent),#70d79c);transform:scaleX(0);transform-origin:right center}

.mkp-header__inner{
  min-height:72px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:18px;
}
.mkp-brand{grid-column:1;justify-self:start;display:inline-flex;align-items:center;min-width:0}
.mkp-brand__image{display:block;width:auto;height:38px;max-width:190px;object-fit:contain}
.mkp-brand__wordmark{
  display:inline-flex;align-items:center;gap:6px;height:38px;min-width:145px;
  padding:0 14px;border:1px solid var(--mkp-border);border-radius:999px;
  background:var(--mkp-surface);box-shadow:0 5px 14px rgba(12,35,42,.04);
  white-space:nowrap;font-size:.8rem;font-weight:850;
}
.mkp-brand__wordmark b{color:var(--mkp-accent-600)}

.mkp-nav{grid-column:2;justify-self:center}
.mkp-nav__list{list-style:none;display:flex;align-items:center;padding:0;margin:0}
.mkp-nav__list>li{position:relative;display:flex;align-items:center}
.mkp-nav__list>li:not(:last-child):after{
  content:"";width:1px;height:15px;background:var(--mkp-border);margin-inline:3px;
}
.mkp-nav__list a{display:flex;align-items:center;padding:9px 10px;border-radius:10px;font-size:.78rem;font-weight:750;transition:.2s}
.mkp-nav__list a:hover{background:var(--mkp-accent-soft);color:var(--mkp-accent-600)}
.mkp-nav__list .current-menu-item>a,.mkp-nav__list .current_page_item>a{color:var(--mkp-accent-600)}
.mkp-nav__list .sub-menu{
  display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:120;min-width:215px;padding:7px;margin:0;
  list-style:none;background:var(--mkp-surface);border:1px solid var(--mkp-border);
  border-radius:14px;box-shadow:0 12px 32px rgba(12,35,42,.09)
}
.mkp-nav__list .sub-menu::before{
  content:"";position:absolute;right:0;left:0;top:-9px;height:10px;background:transparent;
}
.mkp-nav__list .sub-menu li:after{display:none}
.mkp-nav__list li:hover>.sub-menu,.mkp-nav__list li:focus-within>.sub-menu{display:block}

.mkp-header__actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}
.mkp-header-account,.mkp-theme-toggle,.mkp-menu-toggle{
  width:42px;height:42px;border:1px solid var(--mkp-border);background:var(--mkp-surface);
  border-radius:13px;align-items:center;justify-content:center;color:var(--mkp-ink);
  box-shadow:0 5px 14px rgba(12,35,42,.04)
}
.mkp-header-account,.mkp-theme-toggle{display:inline-grid}
.mkp-header-account svg,.mkp-theme-toggle svg{width:18px;height:18px}
.mkp-theme-toggle__icon{display:grid;place-items:center}
html[data-mkp-theme="light"] .mkp-theme-toggle__icon--sun,html:not([data-mkp-theme]) .mkp-theme-toggle__icon--sun{display:none}
html[data-mkp-theme="dark"] .mkp-theme-toggle__icon--moon{display:none}
.mkp-menu-toggle{display:none;flex-direction:column;gap:4px}
.mkp-menu-toggle span:not(.screen-reader-text){display:block;width:18px;height:1.8px;border-radius:99px;background:var(--mkp-ink)}

.mkp-mobile-menu{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100dvh!important;visibility:hidden;pointer-events:none;isolation:isolate}
.mkp-mobile-menu.is-open{visibility:visible;pointer-events:auto}
.mkp-mobile-menu__backdrop{position:absolute!important;inset:0!important;z-index:1!important;border:0;background:rgba(4,17,21,.62)!important;opacity:0;transition:.3s}
.mkp-mobile-menu.is-open .mkp-mobile-menu__backdrop{opacity:1}
.mkp-mobile-menu__panel{
  position:absolute!important;top:0!important;right:0!important;z-index:2!important;
  width:min(88vw,370px)!important;max-width:370px!important;height:100dvh!important;
  padding:18px;background:var(--mkp-surface);overflow-y:auto!important;overscroll-behavior:contain;
  transform:translate3d(104%,0,0);transition:transform .38s var(--mkp-ease);
  box-shadow:-24px 0 70px rgba(0,0,0,.18)
}
.mkp-mobile-menu.is-open .mkp-mobile-menu__panel{transform:translate3d(0,0,0)!important}

.mkp-mobile-menu__identity{
  display:grid;grid-template-columns:1fr 40px;align-items:center;gap:12px;
  padding:2px 0 15px;border-bottom:1px solid var(--mkp-border)
}
.mkp-mobile-menu__brand{justify-self:start}
.mkp-mobile-menu__brand .mkp-brand__image{height:35px;max-width:155px}
.mkp-mobile-menu__brand .mkp-brand__wordmark{height:36px;min-width:132px;font-size:.74rem}
.mkp-mobile-menu__close{width:40px;height:40px;border:0;border-radius:12px;background:var(--mkp-surface-2);color:var(--mkp-ink);font-size:1.45rem}
.mkp-mobile-menu__intro{display:flex;flex-direction:column;padding:18px 5px 10px}
.mkp-mobile-menu__intro small{color:var(--mkp-accent-600);font-size:.62rem;font-weight:900;letter-spacing:.05em}
.mkp-mobile-menu__intro strong{margin-top:3px;font-size:1rem}

.mkp-mobile-menu__list,.mkp-mobile-menu__list .sub-menu{list-style:none;padding:0;margin:0}
.mkp-mobile-menu__list>li{position:relative;border-bottom:1px solid var(--mkp-border)}
.mkp-mobile-menu__list>li>a{display:flex;align-items:center;min-height:54px;padding:11px 7px;font-size:.88rem;font-weight:800}
.mkp-mobile-menu__list>li.current-menu-item>a{color:var(--mkp-accent-600)}
.mkp-mobile-menu__toggle{
  position:absolute;top:8px;left:0;display:grid;place-items:center;width:38px;height:38px;
  border:0;border-radius:12px;background:var(--mkp-surface-soft);color:var(--mkp-muted)
}
.mkp-mobile-menu__toggle .dashicons{display:block;width:18px;height:18px;font-size:18px;line-height:18px;transition:transform .25s}
.mkp-mobile-menu__list li.is-open>.mkp-mobile-menu__toggle .dashicons{transform:rotate(180deg)}
.mkp-mobile-menu__list .sub-menu{display:none;padding:3px 13px 10px}
.mkp-mobile-menu__list li.is-open>.sub-menu{display:block}
.mkp-mobile-menu__list .sub-menu li{border-right:1px solid var(--mkp-border)}
.mkp-mobile-menu__list .sub-menu a{display:block;padding:9px 12px;font-size:.78rem;font-weight:650;color:var(--mkp-muted)}

.mkp-mobile-menu__utility{display:grid;gap:8px;padding-top:18px}
.mkp-mobile-menu__utility a{
  display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:8px;
  min-height:48px;padding:0 13px;border:1px solid var(--mkp-border);border-radius:14px;
  background:var(--mkp-surface-soft);font-size:.78rem;font-weight:800
}
.mkp-mobile-menu__utility .dashicons{display:block;width:18px;height:18px;font-size:18px;line-height:18px}
.mkp-mobile-menu__utility a .dashicons:first-child{color:var(--mkp-accent-600)}
.mkp-mobile-menu__utility a .dashicons:last-child{justify-self:end;color:var(--mkp-muted)}


/* Phase 07-B — Native WooCommerce cart affordance */
.mkp-header-cart{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--mkp-border);border-radius:12px;background:var(--mkp-surface);color:var(--mkp-ink)}
.mkp-header-cart svg{width:18px;height:18px}
.mkp-header-cart__count{position:absolute;top:-5px;left:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--mkp-surface);border-radius:999px;background:var(--mkp-accent);color:#fff;font-size:8px;font-weight:900;line-height:1}


/* Phase 08-G.17.1 — Mobile header cart */
.mkp-header-cart__count.is-empty{
  display:none!important;
}

@media(max-width:1100px){
  .mkp-header__actions{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }

  .mkp-header-cart{
    display:grid!important;
    width:42px;
    height:42px;
    border-radius:13px;
    flex:0 0 42px;
  }

  .mkp-header-cart svg{
    width:18px;
    height:18px;
  }

  /* Physical mobile order: cart beside the dark-mode control on the left. */
  .mkp-header-cart{order:1}
  .mkp-theme-toggle{order:2}
}

@media(max-width:520px){
  .mkp-header__actions{
    gap:5px!important;
  }

  .mkp-header-cart,
  .mkp-theme-toggle{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
  }

  .mkp-header-cart{
    flex-basis:38px!important;
  }

  .mkp-header-cart__count{
    top:-5px;
    left:-5px;
    min-width:17px;
    height:17px;
    padding:0 3px;
    font-size:7px;
  }
}

@media(max-width:360px){
  .mkp-header__actions{
    gap:4px!important;
  }

  .mkp-header-cart,
  .mkp-theme-toggle{
    width:36px!important;
    height:36px!important;
  }

  .mkp-header-cart{
    flex-basis:36px!important;
  }
}