/* MARABIKA Desktop Navigation v4.1.0 — direct header render, native details, no JavaScript. */
.mbk-dm4{display:none!important}

@media (min-width:1024px){
  .mbk-dm4{
    --mbk-dm4-ink:#2b2723;
    --mbk-dm4-muted:#685d53;
    --mbk-dm4-accent:#7b5837;
    --mbk-dm4-accent-strong:#5b3d22;
    --mbk-dm4-line:#dfcdb9;
    --mbk-dm4-soft:#f8f2eb;
    --mbk-dm4-surface:#fffdfa;
    --mbk-dm4-cta:#f1e5d7;
    --mbk-dm4-focus:#4f2e12;
    position:relative;
    z-index:72;
    display:block!important;
    width:100%;
    min-width:0;
    height:56px;
    background:var(--mbk-dm4-surface);
    color:var(--mbk-dm4-ink);
    font-family:inherit;
    box-shadow:inset 0 1px 0 var(--mbk-dm4-line),inset 0 -1px 0 var(--mbk-dm4-line)
  }
  body .mbk-dm4~.header__nav{display:none!important}
  .mbk-dm4 *,.mbk-dm4 *::before,.mbk-dm4 *::after{box-sizing:border-box}
  .mbk-dm4 a{color:inherit;text-decoration:none}
  .mbk-dm4 ul{margin:0!important;padding:0!important;list-style:none!important}
  .mbk-dm4 .mbk-dm4__list{
    display:grid!important;
    grid-template-columns:minmax(112px,1.14fr) minmax(100px,.9fr) minmax(92px,.78fr) minmax(104px,.9fr) minmax(86px,.75fr) minmax(164px,1.28fr);
    align-items:stretch;
    gap:clamp(3px,.45vw,8px);
    width:min(calc(100% - 32px),1600px);
    height:56px;
    margin:0 auto!important
  }
  .mbk-dm4__item,.mbk-dm4__disclosure{position:static;display:flex;min-width:0;height:100%;margin:0;padding:0}
  .mbk-dm4__disclosure{width:100%}
  .mbk-dm4__summary,.mbk-dm4__direct,.mbk-dm4__cta{
    display:flex;
    width:100%;
    min-width:0;
    min-height:44px;
    align-items:center;
    justify-content:center;
    gap:clamp(5px,.42vw,8px);
    margin:auto 0;
    border:1px solid transparent;
    border-radius:12px;
    background:transparent;
    color:var(--mbk-dm4-ink);
    font-size:clamp(12.5px,.84vw,14px);
    font-weight:700;
    line-height:1.16;
    text-align:center;
    overflow-wrap:anywhere;
    cursor:pointer
  }
  .mbk-dm4__summary{padding:6px clamp(5px,.6vw,11px);list-style:none;user-select:none}
  .mbk-dm4__summary::-webkit-details-marker{display:none}
  .mbk-dm4__summary::marker{display:none;content:""}
  .mbk-dm4__direct{padding:6px clamp(5px,.65vw,12px)}
  .mbk-dm4__cta{
    justify-content:space-between;
    padding:6px clamp(12px,.95vw,18px);
    border-color:#c9aa85;
    border-radius:999px;
    background:var(--mbk-dm4-cta);
    color:#30271f;
    font-weight:800
  }
  .mbk-dm4__chevron{
    flex:0 0 7px;
    width:7px;
    height:7px;
    margin-top:-3px;
    border-inline-end:2px solid currentColor;
    border-block-end:2px solid currentColor;
    transform:rotate(45deg);
    transition:transform 140ms ease
  }
  .mbk-dm4__disclosure[open]>.mbk-dm4__summary{
    border-color:var(--mbk-dm4-line);
    border-radius:12px 12px 0 0;
    background:var(--mbk-dm4-soft);
    color:var(--mbk-dm4-accent-strong);
    box-shadow:inset 0 -3px 0 var(--mbk-dm4-accent)
  }
  .mbk-dm4__disclosure[open] .mbk-dm4__chevron{margin-top:3px;transform:rotate(225deg)}
  .mbk-dm4__disclosure[data-mbk-dm4-current="true"]>.mbk-dm4__summary,
  .mbk-dm4__direct[aria-current="page"]{
    color:var(--mbk-dm4-accent-strong);
    box-shadow:inset 0 -3px 0 var(--mbk-dm4-accent)
  }
  .mbk-dm4__cta[aria-current="page"]{border-color:var(--mbk-dm4-accent);box-shadow:inset 0 0 0 1px var(--mbk-dm4-accent)}

  .mbk-dm4__panel{
    position:absolute;
    inset-block-start:100%;
    z-index:82;
    max-height:min(640px,58vh);
    max-height:min(640px,58dvh);
    overflow:hidden;
    border:1px solid var(--mbk-dm4-line);
    border-radius:0 0 18px 18px;
    background:var(--mbk-dm4-surface);
    box-shadow:0 18px 40px rgba(43,39,35,.17)
  }
  .mbk-dm4__panel--wide{inset-inline:0;width:100%}
  .mbk-dm4__panel--wide .mbk-dm4__panel-inner{width:min(calc(100% - 32px),1600px);margin-inline:auto}
  .mbk-dm4__panel--medium{inset-inline-start:50%;width:min(800px,calc(100% - 24px));transform:translateX(-50%)}
  .mbk-dm4__panel--narrow{inset-inline-end:0;width:min(520px,calc(100% - 24px))}
  .mbk-dm4__panel-inner{
    width:100%;
    max-height:inherit;
    padding:clamp(16px,1.35vw,22px);
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable
  }
  .mbk-dm4__grid{display:grid;min-width:0;align-items:start;gap:clamp(14px,1.5vw,24px)}
  .mbk-dm4__grid--arabic,.mbk-dm4__grid--perfumes{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mbk-dm4__group,.mbk-dm4__group-stack,.mbk-dm4__subgroup{min-width:0}
  .mbk-dm4__group-stack{display:grid;gap:20px}
  .mbk-dm4__group-title,.mbk-dm4__subgroup-title{
    margin:0 0 8px;
    color:var(--mbk-dm4-muted);
    font-size:12px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:.065em;
    text-transform:uppercase
  }
  .mbk-dm4__subgroup{margin-top:13px}
  .mbk-dm4__subgroup-title{margin-bottom:4px;font-size:10.5px;letter-spacing:.055em}
  .mbk-dm4__links{display:grid!important;min-width:0;gap:2px}
  .mbk-dm4__links--compact,.mbk-dm4__links--brands{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:7px}
  .mbk-dm4__link{
    display:flex;
    min-width:0;
    min-height:44px;
    align-items:center;
    padding:7px 10px;
    border-radius:9px;
    color:var(--mbk-dm4-ink);
    font-size:14px;
    font-weight:600;
    line-height:1.24;
    overflow-wrap:anywhere
  }
  .mbk-dm4__link--lead{justify-content:space-between;color:var(--mbk-dm4-accent-strong);font-weight:800}
  .mbk-dm4__link[aria-current="page"]{
    background:var(--mbk-dm4-soft);
    color:var(--mbk-dm4-accent-strong);
    font-weight:800;
    box-shadow:inset 3px 0 0 var(--mbk-dm4-accent)
  }
  .mbk-dm4__links--offers{gap:8px}
  .mbk-dm4__link--offer{
    justify-content:space-between;
    gap:12px;
    min-height:52px;
    padding:10px 13px;
    border:1px solid var(--mbk-dm4-line);
    border-radius:12px;
    background:var(--mbk-dm4-soft);
    color:#34291f;
    font-weight:800
  }
  .mbk-dm4__summary:focus-visible,.mbk-dm4__direct:focus-visible,.mbk-dm4__cta:focus-visible,.mbk-dm4__link:focus-visible{
    outline:3px solid var(--mbk-dm4-focus);
    outline-offset:2px
  }
}

@media (min-width:1024px) and (max-width:1199.98px){
  .mbk-dm4__list{
    grid-template-columns:minmax(108px,1.12fr) minmax(96px,.88fr) minmax(88px,.76fr) minmax(100px,.88fr) minmax(82px,.72fr) minmax(154px,1.22fr);
    gap:3px
  }
  .mbk-dm4__summary,.mbk-dm4__direct,.mbk-dm4__cta{font-size:12.5px}
  .mbk-dm4__summary,.mbk-dm4__direct{padding-inline:5px}
  .mbk-dm4__cta{padding-inline:11px}
  .mbk-dm4__panel-inner{padding:16px}
  .mbk-dm4__grid{gap:13px}
  .mbk-dm4__link{padding-inline:8px;font-size:13.5px}
}

@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  .mbk-dm4__summary:hover,.mbk-dm4__direct:hover,.mbk-dm4__link:hover{background:var(--mbk-dm4-soft);color:var(--mbk-dm4-accent-strong)}
  .mbk-dm4__cta:hover,.mbk-dm4__link--offer:hover{border-color:#a77c50;background:#e9d8c5;color:#2b2723}
}

@media (min-width:1024px) and (max-height:680px){
  .mbk-dm4__panel{max-height:52vh;max-height:52dvh}
  .mbk-dm4__panel-inner{padding:13px 16px}
  .mbk-dm4__grid,.mbk-dm4__group-stack{gap:11px}
  .mbk-dm4__group-title{margin-bottom:4px}
  .mbk-dm4__subgroup{margin-top:8px}
}

@media (min-width:1024px) and (prefers-reduced-motion:reduce){
  .mbk-dm4__chevron{transition:none!important}
}

@media (min-width:1024px) and (forced-colors:active){
  .mbk-dm4{
    --mbk-dm4-ink:CanvasText;
    --mbk-dm4-muted:CanvasText;
    --mbk-dm4-accent:Highlight;
    --mbk-dm4-accent-strong:CanvasText;
    --mbk-dm4-line:CanvasText;
    --mbk-dm4-soft:Canvas;
    --mbk-dm4-surface:Canvas;
    --mbk-dm4-cta:ButtonFace;
    --mbk-dm4-focus:Highlight
  }
  .mbk-dm4__panel,.mbk-dm4__summary,.mbk-dm4__cta,.mbk-dm4__link--offer{box-shadow:none}
  .mbk-dm4__disclosure[open]>.mbk-dm4__summary,.mbk-dm4__link[aria-current="page"]{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none}
  .mbk-dm4__cta{border-color:ButtonText;background:ButtonFace;color:ButtonText}
}

/* Keep the open mini-cart above the desktop navigation and promo strip.
   The mini-cart's own z-index cannot escape .header-wide's stacking context. */
@media (min-width:1024px){
  #header .header-wide:has(._desktop_cart .mini-cart.active){
    position:relative!important;
    z-index:75!important
  }
}

/* Keep the open desktop-search results above the desktop navigation.
   The results panel is fixed, but it still belongs to .header-wide's
   stacking context and otherwise remains below .mbk-dm4 (z-index:72). */
@media (min-width:1024px){
  #header .header-wide:has([data-mbk-ds3-panel]:not([hidden])){
    position:relative!important;
    z-index:90!important;
    overflow:visible!important
  }
}

/* PDP desktop: remove the obsolete sticky-wrapper separator above the real
   add-to-cart button. Spacing, opaque background and mobile sticky UI stay. */
@media (min-width:1024px){
  body#product #add-to-cart-or-refresh .mbk-pdp-buy-single,
  body.page-product #add-to-cart-or-refresh .mbk-pdp-buy-single{
    border-top:0!important;
    box-shadow:none!important
  }
}