/* BuyCake Premium Mega Menu v1.0.1 — zero JavaScript */
:root{
  --bcmm-max-width:1380px;
  --bcmm-navy:#101666;
  --bcmm-plum:#8d2869;
  --bcmm-ink:#242235;
  --bcmm-muted:#696274;
  --bcmm-border:#e7dfe7;
  --bcmm-soft:#fbf8fb;
  --bcmm-green:#167a44;
}

/* Shared */
.bcmm-nav{position:relative;z-index:80;width:100%}
.bcmm-menu{margin:0;padding:0;list-style:none}
.bcmm-menu li{list-style:none}
.bcmm-menu a{color:var(--bcmm-ink);text-decoration:none}
.bcmm-mobile-shell,
.bcmm-mobile-branch{display:none}

/* ------------------------------ DESKTOP ------------------------------ */
.bcmm-menu--desktop{
  position:relative;
  display:flex;
  align-items:center;
  gap:clamp(14px,1.6vw,28px);
}
.bcmm-menu--desktop>li{
  position:relative;
  display:flex;
  align-items:center;
  margin:0;
  padding:0;
}
.bcmm-menu--desktop>li.bcmm-has-mega{position:static}
.bcmm-menu--desktop>li>.bcmm-desktop-link{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}
.bcmm-menu--desktop>li>.bcmm-desktop-link:hover,
.bcmm-menu--desktop>li:focus-within>.bcmm-desktop-link{
  color:var(--bcmm-plum);
}

/* Standard non-mega dropdown */
.bcmm-menu--desktop>li>.sub-menu{
  position:absolute;
  top:calc(100% + 1px);
  left:0;
  z-index:9998;
  min-width:230px;
  margin:0;
  padding:10px;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translateY(7px);
  background:#fff;
  border:1px solid var(--bcmm-border);
  border-radius:13px;
  box-shadow:0 18px 50px rgba(19,14,38,.14);
  transition:opacity .15s ease,transform .15s ease,visibility .15s;
}
.bcmm-menu--desktop>li:hover>.sub-menu,
.bcmm-menu--desktop>li:focus-within>.sub-menu{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.bcmm-menu--desktop>li>.sub-menu li{position:relative;margin:0;padding:0}
.bcmm-menu--desktop>li>.sub-menu a{
  display:block;
  padding:9px 10px;
  border-radius:8px;
  font-size:13px;
  font-weight:650;
  line-height:1.35;
}
.bcmm-menu--desktop>li>.sub-menu a:hover,
.bcmm-menu--desktop>li>.sub-menu a:focus{
  background:var(--bcmm-soft);
  color:var(--bcmm-plum);
  outline:none;
}

/* Mega panel */
.bcmm-mega-panel{
  position:absolute;
  left:50%;
  top:calc(100% + 1px);
  width:min(var(--bcmm-max-width),calc(100vw - 32px));
  transform:translateX(-50%) translateY(8px);
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
  z-index:9999;
  padding-top:12px;
}
.bcmm-mega-panel__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,420px);
  grid-template-areas:"links featured" "footer footer";
  gap:26px 34px;
  padding:26px;
  background:#fff;
  border:1px solid var(--bcmm-border);
  border-radius:18px;
  box-shadow:0 22px 70px rgba(19,14,38,.16);
}
.bcmm-has-mega:hover>.bcmm-mega-panel,
.bcmm-has-mega:focus-within>.bcmm-mega-panel{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.bcmm-mega-links{grid-area:links;min-width:0}
.bcmm-mega-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px 24px;
  margin:0!important;
  padding:0!important;
  position:static!important;
  width:auto!important;
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.bcmm-mega-list>li{margin:0!important;padding:0!important}
.bcmm-mega-list>li>a{
  display:block;
  padding:10px 12px;
  border-radius:10px;
  color:var(--bcmm-navy);
  font-size:14px;
  font-weight:750;
  line-height:1.3;
}
.bcmm-mega-list>li>a:hover,
.bcmm-mega-list>li>a:focus{
  background:var(--bcmm-soft);
  color:var(--bcmm-plum);
  outline:none;
}
.bcmm-mega-list .sub-menu{
  position:static!important;
  display:block!important;
  width:auto!important;
  margin:2px 0 8px!important;
  padding:0 0 0 12px!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.bcmm-mega-list .sub-menu li{margin:0!important;padding:0!important}
.bcmm-mega-list .sub-menu a{
  display:block;
  padding:6px 10px;
  color:var(--bcmm-muted);
  font-size:13px;
  font-weight:600;
  line-height:1.35;
}
.bcmm-mega-list .sub-menu a:hover,
.bcmm-mega-list .sub-menu a:focus{color:var(--bcmm-plum)}

.bcmm-featured{
  grid-area:featured;
  min-width:0;
  padding-left:28px;
  border-left:1px solid var(--bcmm-border);
}
.bcmm-featured__eyebrow{
  display:block;
  margin:2px 0 12px;
  color:var(--bcmm-plum);
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.bcmm-featured__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.bcmm-product-card{
  display:block;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--bcmm-border);
  border-radius:14px;
  background:#fff;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.bcmm-product-card:hover,
.bcmm-product-card:focus{
  transform:translateY(-2px);
  border-color:#d3c3d0;
  box-shadow:0 10px 28px rgba(18,14,36,.10);
  outline:none;
}
.bcmm-product-card__image{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#f5f2f5;
}
.bcmm-product-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.bcmm-product-card__body{display:block;padding:11px 12px 12px}
.bcmm-product-card__body strong{
  display:block;
  color:var(--bcmm-navy);
  font-size:13px;
  line-height:1.3;
}
.bcmm-product-card__price{
  display:block;
  margin-top:5px;
  color:var(--bcmm-green);
  font-size:12px;
  font-weight:800;
}
.bcmm-mega-footer{
  grid-area:footer;
  display:flex;
  justify-content:flex-end;
  padding-top:18px;
  border-top:1px solid var(--bcmm-border);
}
.bcmm-mega-cta{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:var(--bcmm-navy);
  color:#fff!important;
  font-size:13px;
  font-weight:800;
}
.bcmm-mega-cta:hover,
.bcmm-mega-cta:focus{background:#252b7e;outline:none}

.bcmm-admin-note{padding:10px 12px;border:1px solid #dcdcde;background:#fff}

@media(max-width:1180px) and (min-width:1025px){
  .bcmm-menu--desktop{gap:12px}
  .bcmm-menu--desktop>li>.bcmm-desktop-link{font-size:13px}
  .bcmm-mega-panel__inner{grid-template-columns:minmax(0,1fr) 340px}
  .bcmm-mega-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ------------------------------- MOBILE ------------------------------ */
@media(max-width:1024px){
  .bcmm-menu--desktop{display:none!important}

  .bcmm-mobile-shell{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    background:#fff;
    border:1px solid var(--bcmm-border);
    border-radius:14px;
    overflow:hidden;
  }
  .bcmm-mobile-shell>summary,
  .bcmm-mobile-branch>summary,
  .bcmm-mobile-subdetails>summary{
    list-style:none;
    cursor:pointer;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
  }
  .bcmm-mobile-shell>summary::-webkit-details-marker,
  .bcmm-mobile-branch>summary::-webkit-details-marker,
  .bcmm-mobile-subdetails>summary::-webkit-details-marker{
    display:none;
  }

  .bcmm-mobile-shell__summary{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 16px;
    color:var(--bcmm-navy);
    background:#fff;
    font-size:15px;
    font-weight:800;
  }
  .bcmm-mobile-shell[open]>.bcmm-mobile-shell__summary{
    border-bottom:1px solid var(--bcmm-border);
  }

  .bcmm-mobile-shell__icon,
  .bcmm-mobile-chevron{
    position:relative;
    width:18px;
    height:18px;
    flex:0 0 18px;
  }
  .bcmm-mobile-shell__icon::before,
  .bcmm-mobile-shell__icon::after{
    content:"";
    position:absolute;
    left:2px;
    right:2px;
    height:2px;
    border-radius:2px;
    background:currentColor;
  }
  .bcmm-mobile-shell__icon::before{top:5px;box-shadow:0 6px 0 currentColor}
  .bcmm-mobile-shell__icon::after{display:none}
  .bcmm-mobile-shell[open] .bcmm-mobile-shell__icon::before{
    top:8px;
    box-shadow:none;
    transform:rotate(45deg);
  }
  .bcmm-mobile-shell[open] .bcmm-mobile-shell__icon::after{
    display:block;
    top:8px;
    transform:rotate(-45deg);
  }

  .bcmm-menu--mobile{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    background:#fff;
  }
  .bcmm-menu--mobile>li{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    border-bottom:1px solid var(--bcmm-border);
  }
  .bcmm-menu--mobile>li:last-child{border-bottom:0}

  /* Desktop-only child markup is still in source for SEO/fallback, but hidden
     in the mobile copy. The native details branch below is the interactive UI. */
  .bcmm-menu--mobile>li>.bcmm-mega-panel,
  .bcmm-menu--mobile>li>.sub-menu{
    display:none!important;
  }

  /* Parent items use native details; leaf top-level items remain direct links. */
  .bcmm-menu--mobile>li.menu-item-has-children>.bcmm-parent-link{
    display:none!important;
  }
  .bcmm-menu--mobile>li:not(.menu-item-has-children)>.bcmm-desktop-link{
    display:flex;
    align-items:center;
    min-height:54px;
    padding:0 16px;
    color:var(--bcmm-navy);
    font-size:15px;
    font-weight:750;
  }

  .bcmm-menu--mobile .bcmm-mobile-branch{display:block}
  .bcmm-mobile-summary,
  .bcmm-mobile-subsummary{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:0 16px;
    color:var(--bcmm-navy);
    background:#fff;
    font-size:15px;
    font-weight:800;
  }
  .bcmm-mobile-subsummary{
    min-height:48px;
    padding:0 12px;
    font-size:14px;
    font-weight:750;
  }

  .bcmm-mobile-chevron::before{
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    right:3px;
    top:3px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    transform-origin:center;
    transition:transform .15s ease;
  }
  .bcmm-mobile-branch[open]>.bcmm-mobile-summary .bcmm-mobile-chevron::before,
  .bcmm-mobile-subdetails[open]>.bcmm-mobile-subsummary .bcmm-mobile-chevron::before{
    transform:rotate(225deg);
    top:7px;
  }

  .bcmm-mobile-branch__body{
    padding:0 12px 14px;
    background:var(--bcmm-soft);
    border-top:1px solid var(--bcmm-border);
  }
  .bcmm-mobile-subdetails__body{
    padding:0 0 8px 10px;
  }

  .bcmm-mobile-all{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:46px;
    padding:0 12px;
    margin:8px 0 4px;
    border-radius:10px;
    color:var(--bcmm-plum)!important;
    background:#fff;
    border:1px solid var(--bcmm-border);
    font-size:13px;
    font-weight:800;
  }
  .bcmm-mobile-all--nested{
    min-height:42px;
    margin:6px 0;
    font-size:12.5px;
  }

  .bcmm-mobile-list{
    display:block;
    width:100%;
    margin:0;
    padding:0;
  }
  .bcmm-mobile-list>li{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    border-top:1px solid rgba(231,223,231,.72);
  }
  .bcmm-mobile-list>li:first-child{border-top:0}

  .bcmm-mobile-link{
    display:flex;
    align-items:center;
    min-height:46px;
    padding:0 12px;
    color:var(--bcmm-ink)!important;
    font-size:14px;
    font-weight:650;
    line-height:1.3;
  }
  .bcmm-mobile-list--depth-2 .bcmm-mobile-link{
    min-height:42px;
    padding-left:20px;
    color:var(--bcmm-muted)!important;
    font-size:13px;
  }

  .bcmm-mobile-shell summary:focus-visible,
  .bcmm-mobile-branch summary:focus-visible,
  .bcmm-mobile-subdetails summary:focus-visible,
  .bcmm-menu--mobile a:focus-visible{
    outline:3px solid rgba(141,40,105,.24);
    outline-offset:-3px;
  }
}

@media(prefers-reduced-motion:reduce){
  .bcmm-mega-panel,
  .bcmm-product-card,
  .bcmm-mobile-chevron::before{
    transition:none!important;
  }
}


/* --------------------------------------------------------------------------
 * v1.0.5 — compact premium desktop mega menu
 * ----------------------------------------------------------------------- */

:root{
  --bcmm-max-width:1040px;
}

/* Top-level navigation: slightly larger and visibly expandable. */
.bcmm-menu--desktop{
  gap:clamp(16px,1.45vw,24px);
}

.bcmm-menu--desktop>li>.bcmm-desktop-link{
  min-height:50px;
  gap:7px;
  font-size:15px;
  font-weight:750;
  letter-spacing:-.01em;
}

.bcmm-menu--desktop>li>.bcmm-parent-link::after{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  margin-top:-4px;
  border-right:1.8px solid currentColor;
  border-bottom:1.8px solid currentColor;
  transform:rotate(45deg);
  transform-origin:center;
  opacity:.7;
  transition:transform .15s ease,opacity .15s ease;
}

.bcmm-menu--desktop>li:hover>.bcmm-parent-link::after,
.bcmm-menu--desktop>li:focus-within>.bcmm-parent-link::after{
  transform:translateY(3px) rotate(225deg);
  opacity:1;
}

/* The catalogue has ~6 useful links per panel, so 2 columns are denser and
   more readable than spreading three items across a very wide blank area. */
.bcmm-mega-panel{
  width:min(var(--bcmm-max-width),1040px,calc(100vw - 36px));
  padding-top:8px;
}

.bcmm-mega-panel__inner{
  grid-template-columns:minmax(0,1fr) minmax(300px,330px);
  gap:20px 26px;
  padding:22px 22px 18px;
  border-radius:16px;
}

.bcmm-mega-list{
  grid-template-columns:repeat(2,minmax(180px,1fr))!important;
  align-content:start;
  gap:4px 16px;
}

.bcmm-mega-list>li>a{
  min-height:42px;
  display:flex;
  align-items:center;
  padding:9px 11px;
  font-size:15px;
  font-weight:780;
  line-height:1.28;
}

.bcmm-mega-list .sub-menu{
  margin:0 0 5px!important;
  padding-left:9px!important;
}

.bcmm-mega-list .sub-menu a{
  padding:6px 9px;
  font-size:13.5px;
  line-height:1.35;
}

.bcmm-featured{
  padding-left:22px;
}

.bcmm-featured__eyebrow{
  margin-bottom:10px;
  font-size:10.5px;
}

.bcmm-featured__grid{
  gap:10px;
}

.bcmm-product-card{
  border-radius:12px;
}

.bcmm-product-card__body{
  padding:10px 10px 11px;
}

.bcmm-product-card__body strong{
  font-size:13.5px;
  line-height:1.32;
  font-weight:780;
}

/* Prices are intentionally not part of the v1.0.5 featured-card HTML.
   This defensive rule also hides stale cached markup from an older version. */
.bcmm-product-card__price{
  display:none!important;
}

.bcmm-mega-footer{
  padding-top:14px;
}

.bcmm-mega-cta{
  min-height:40px;
  padding:0 15px;
  font-size:13px;
}

@media(max-width:1180px) and (min-width:1025px){
  .bcmm-menu--desktop{gap:11px}
  .bcmm-menu--desktop>li>.bcmm-desktop-link{font-size:14px}
  .bcmm-mega-panel{
    width:min(980px,calc(100vw - 28px));
  }
  .bcmm-mega-panel__inner{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:18px 22px;
  }
  .bcmm-mega-list{
    grid-template-columns:repeat(2,minmax(150px,1fr))!important;
  }
}


/* --------------------------------------------------------------------------
 * v1.0.6 — larger, higher-contrast premium navigation
 * ----------------------------------------------------------------------- */

:root{
  --bcmm-nav-text:#3f2438;
  --bcmm-nav-hover:#8a2b62;
  --bcmm-nav-active:#74214f;
  --bcmm-nav-soft:#faf1f6;
  --bcmm-nav-soft-strong:#f5e7f0;
  --bcmm-nav-focus:#b74a83;
}

/* Header navigation: stronger contrast and larger readable type. */
.bcmm-nav .bcmm-menu--desktop>li>.bcmm-desktop-link{
  min-height:54px!important;
  padding:0 4px!important;
  color:var(--bcmm-nav-text)!important;
  font-size:17px!important;
  font-weight:760!important;
  line-height:1.35!important;
  letter-spacing:-.012em!important;
}

.bcmm-nav .bcmm-menu--desktop>li>.bcmm-desktop-link:hover,
.bcmm-nav .bcmm-menu--desktop>li:focus-within>.bcmm-desktop-link,
.bcmm-nav .bcmm-menu--desktop>li.current-menu-item>.bcmm-desktop-link,
.bcmm-nav .bcmm-menu--desktop>li.current-menu-parent>.bcmm-desktop-link,
.bcmm-nav .bcmm-menu--desktop>li.current-menu-ancestor>.bcmm-desktop-link{
  color:var(--bcmm-nav-hover)!important;
}

/* A slightly stronger arrow so it reads clearly as expandable. */
.bcmm-nav .bcmm-menu--desktop>li>.bcmm-parent-link::after{
  width:8px!important;
  height:8px!important;
  flex-basis:8px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  opacity:.9!important;
}

/* Main mega-menu links. */
.bcmm-nav .bcmm-mega-list>li>a{
  min-height:48px!important;
  padding:11px 13px!important;
  color:var(--bcmm-nav-text)!important;
  font-size:16.5px!important;
  font-weight:780!important;
  line-height:1.4!important;
  border-radius:11px!important;
}

.bcmm-nav .bcmm-mega-list>li>a:hover,
.bcmm-nav .bcmm-mega-list>li>a:focus,
.bcmm-nav .bcmm-mega-list>li.current-menu-item>a,
.bcmm-nav .bcmm-mega-list>li.current-menu-parent>a{
  color:var(--bcmm-nav-active)!important;
  background:var(--bcmm-nav-soft)!important;
}

/* Nested navigation links: still clearly secondary, but no longer tiny. */
.bcmm-nav .bcmm-mega-list .sub-menu a{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 10px!important;
  color:#514653!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.45!important;
  border-radius:9px!important;
}

.bcmm-nav .bcmm-mega-list .sub-menu a:hover,
.bcmm-nav .bcmm-mega-list .sub-menu a:focus{
  color:var(--bcmm-nav-active)!important;
  background:var(--bcmm-nav-soft)!important;
}

/* Standard non-mega dropdowns follow the same readable system. */
.bcmm-nav .bcmm-menu--desktop>li>.sub-menu a{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  padding:9px 12px!important;
  color:var(--bcmm-nav-text)!important;
  font-size:15.5px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

.bcmm-nav .bcmm-menu--desktop>li>.sub-menu a:hover,
.bcmm-nav .bcmm-menu--desktop>li>.sub-menu a:focus{
  color:var(--bcmm-nav-active)!important;
  background:var(--bcmm-nav-soft)!important;
}

/* Featured products remain visually secondary to the navigation. */
.bcmm-nav .bcmm-product-card__body strong{
  color:#232452!important;
  font-size:14.5px!important;
  font-weight:750!important;
  line-height:1.38!important;
}

.bcmm-nav .bcmm-featured__eyebrow{
  color:var(--bcmm-nav-hover)!important;
  font-size:11px!important;
  font-weight:850!important;
}

/* CTA is easier to read without becoming visually oversized. */
.bcmm-nav .bcmm-mega-cta{
  min-height:44px!important;
  padding:0 18px!important;
  background:#27245f!important;
  color:#fff!important;
  font-size:14.5px!important;
  font-weight:780!important;
  line-height:1.2!important;
}

.bcmm-nav .bcmm-mega-cta:hover,
.bcmm-nav .bcmm-mega-cta:focus{
  background:var(--bcmm-nav-active)!important;
}

/* Strong keyboard focus, useful for keyboard and low-vision users. */
.bcmm-nav a:focus-visible,
.bcmm-nav summary:focus-visible{
  outline:3px solid rgba(183,74,131,.34)!important;
  outline-offset:3px!important;
}

/* Mobile gets the same readability improvement. */
@media(max-width:1024px){
  .bcmm-nav .bcmm-mobile-shell__summary{
    min-height:60px!important;
    padding:0 18px!important;
    color:var(--bcmm-nav-text)!important;
    font-size:18px!important;
    font-weight:800!important;
  }

  .bcmm-nav .bcmm-mobile-summary{
    min-height:58px!important;
    padding:0 18px!important;
    color:var(--bcmm-nav-text)!important;
    font-size:17px!important;
    font-weight:800!important;
  }

  .bcmm-nav .bcmm-mobile-subsummary{
    min-height:52px!important;
    padding:0 14px!important;
    color:var(--bcmm-nav-text)!important;
    font-size:16px!important;
    font-weight:750!important;
  }

  .bcmm-nav .bcmm-mobile-link{
    min-height:50px!important;
    padding:0 14px!important;
    color:#443b47!important;
    font-size:16px!important;
    font-weight:650!important;
    line-height:1.45!important;
  }

  .bcmm-nav .bcmm-mobile-list--depth-2 .bcmm-mobile-link{
    min-height:48px!important;
    padding-left:22px!important;
    color:#5b505d!important;
    font-size:15px!important;
  }

  .bcmm-nav .bcmm-mobile-all{
    min-height:50px!important;
    padding:0 14px!important;
    color:var(--bcmm-nav-active)!important;
    background:#fff!important;
    font-size:15.5px!important;
    font-weight:800!important;
  }
}

/* Keep 7-item desktop menus practical on medium-width laptops. */
@media(max-width:1280px) and (min-width:1025px){
  .bcmm-nav .bcmm-menu--desktop{
    gap:10px!important;
  }

  .bcmm-nav .bcmm-menu--desktop>li>.bcmm-desktop-link{
    font-size:15.5px!important;
    min-height:52px!important;
  }

  .bcmm-nav .bcmm-mega-list>li>a{
    font-size:16px!important;
  }
}


/* --------------------------------------------------------------------------
 * v1.0.9 — compact 7-item header navigation without shrinking mega links
 * ----------------------------------------------------------------------- */

.bcmm-nav .bcmm-menu--desktop{
  gap:clamp(5px,.55vw,10px)!important;
}

.bcmm-nav .bcmm-menu--desktop>li>.bcmm-desktop-link{
  min-height:48px!important;
  padding:0 2px!important;
  font-size:15.5px!important;
  line-height:1.25!important;
  letter-spacing:-.018em!important;
}

.bcmm-nav .bcmm-menu--desktop>li>.bcmm-parent-link::after{
  margin-left:5px!important;
  width:7px!important;
  height:7px!important;
  flex-basis:7px!important;
}

@media(max-width:1380px) and (min-width:1025px){
  .bcmm-nav .bcmm-menu--desktop{
    gap:5px!important;
  }

  .bcmm-nav .bcmm-menu--desktop>li>.bcmm-desktop-link{
    min-height:46px!important;
    font-size:14.5px!important;
    letter-spacing:-.022em!important;
  }
}


/* --------------------------------------------------------------------------
 * v1.0.10 — shallow hover-safe mega panel for 6–7 submenu links
 * ----------------------------------------------------------------------- */

/*
 * Keep the panel attached directly to the navigation row. The transparent
 * bridge removes the 1px/spacing dead-zone that can close a CSS-only menu
 * while the pointer is moving from the top-level link into the panel.
 */
.bcmm-nav .bcmm-mega-panel{
  top:100%!important;
  padding-top:8px!important;
}

.bcmm-nav .bcmm-mega-panel::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:12px;
}

/*
 * New desktop layout:
 * - 3 compact link columns
 * - featured cards on the right
 * - CTA immediately below featured cards
 *
 * This removes the full-width bottom CTA row and substantially reduces
 * vertical travel/hover distance.
 */
.bcmm-nav .bcmm-mega-panel__inner{
  grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:
    "links featured"
    "links footer"!important;
  gap:10px 28px!important;
  padding:20px 22px!important;
  align-items:start!important;
}

.bcmm-nav .bcmm-mega-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:2px 14px!important;
  align-content:start!important;
}

.bcmm-nav .bcmm-mega-list>li>a{
  min-height:42px!important;
  padding:8px 10px!important;
  font-size:15.5px!important;
  line-height:1.32!important;
}

.bcmm-nav .bcmm-featured{
  padding-left:18px!important;
}

.bcmm-nav .bcmm-featured__grid{
  gap:10px!important;
}

.bcmm-nav .bcmm-product-card__body{
  padding:8px 9px 9px!important;
}

.bcmm-nav .bcmm-product-card__body strong{
  font-size:13.5px!important;
  line-height:1.28!important;
}

.bcmm-nav .bcmm-mega-footer{
  justify-content:flex-start!important;
  padding:8px 0 0 18px!important;
  border-top:0!important;
  border-left:1px solid var(--bcmm-border)!important;
}

.bcmm-nav .bcmm-mega-cta{
  min-height:40px!important;
  padding:0 14px!important;
  font-size:13.5px!important;
}

/* Reduce empty vertical space when a group has only 5–7 links. */
.bcmm-nav .bcmm-mega-links{
  align-self:start!important;
}

/* Medium desktop keeps 3 columns unless there is genuinely no room. */
@media(max-width:1180px) and (min-width:1025px){
  .bcmm-nav .bcmm-mega-panel__inner{
    grid-template-columns:minmax(0,1fr) 270px!important;
    gap:10px 20px!important;
  }

  .bcmm-nav .bcmm-mega-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:2px 8px!important;
  }

  .bcmm-nav .bcmm-mega-list>li>a{
    font-size:14.5px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}


/* --------------------------------------------------------------------------
 * v1.0.12 — single Product pages must not highlight taxonomy navigation
 * ----------------------------------------------------------------------- */

/*
 * PHP removes WordPress current* classes from product_cat/product_tag menu
 * items on single Product pages. These rules are a defensive fallback in case
 * WooCommerce, a theme or another plugin injects an active/current class later.
 */
body.single-product .bcmm-nav li[class*="current"] > a{
  background:transparent!important;
  color:var(--bcmm-nav-text)!important;
}

body.single-product .bcmm-nav .bcmm-menu--desktop>li[class*="current"]>.bcmm-desktop-link{
  color:var(--bcmm-nav-text)!important;
}

body.single-product .bcmm-nav li[class*="current"] > a:hover,
body.single-product .bcmm-nav li[class*="current"] > a:focus,
body.single-product .bcmm-nav li[class*="current"]:focus-within > a{
  color:var(--bcmm-nav-hover)!important;
  background:var(--bcmm-nav-soft)!important;
}


/* ==========================================================================
 * v1.0.13 — full-screen mobile navigation, zero JavaScript
 * ======================================================================= */

@media(max-width:1024px){

  /*
   * Closed state: compact trigger only.
   * The menu can live inside a narrow Elementor column; when opened it becomes
   * fixed to the viewport and is no longer constrained by that column width.
   */
  .bcmm-nav{
    width:auto!important;
    max-width:none!important;
    position:relative!important;
    z-index:2147482000!important;
  }

  .bcmm-nav .bcmm-mobile-shell{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
  }

  .bcmm-nav .bcmm-mobile-shell:not([open]){
    width:max-content!important;
    margin-left:auto!important;
  }

  .bcmm-nav .bcmm-mobile-shell:not([open])>.bcmm-mobile-shell__summary{
    min-height:46px!important;
    width:auto!important;
    padding:0 14px!important;
    gap:9px!important;
    border:1px solid #e4dae2!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(30,18,38,.05)!important;
    color:var(--bcmm-nav-text)!important;
    font-size:15px!important;
    font-weight:800!important;
  }

  /*
   * Open state: real viewport overlay.
   * !important is deliberate so Elementor/Hello container widths cannot clip it.
   */
  .bcmm-nav .bcmm-mobile-shell[open]{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    z-index:2147483000!important;
    background:#fbf9fb!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    isolation:isolate!important;
  }

  /*
   * Modern browsers can also lock the page behind the native details overlay.
   * Unsupported browsers still get a fully usable fixed menu.
   */
  html:has(.bcmm-mobile-shell[open]),
  body:has(.bcmm-mobile-shell[open]){
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  /* Sticky mobile app-bar / close control */
  .bcmm-nav .bcmm-mobile-shell[open]>.bcmm-mobile-shell__summary{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    min-height:68px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:max(10px,env(safe-area-inset-top)) 18px 10px!important;
    border:0!important;
    border-bottom:1px solid #eadfe8!important;
    border-radius:0!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    box-shadow:0 3px 14px rgba(38,20,45,.04)!important;
    color:var(--bcmm-nav-text)!important;
    font-size:19px!important;
    font-weight:850!important;
    letter-spacing:-.015em!important;
  }

  .bcmm-nav .bcmm-mobile-shell[open]>.bcmm-mobile-shell__summary .bcmm-mobile-shell__label{
    display:flex!important;
    align-items:center!important;
  }

  /* Hamburger -> X remains CSS-only */
  .bcmm-nav .bcmm-mobile-shell__icon{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:#f8f2f6!important;
    color:#5c2b4d!important;
  }

  .bcmm-nav .bcmm-mobile-shell__icon::before,
  .bcmm-nav .bcmm-mobile-shell__icon::after{
    left:12px!important;
    right:12px!important;
  }

  .bcmm-nav .bcmm-mobile-shell:not([open]) .bcmm-mobile-shell__icon{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
    background:transparent!important;
  }

  .bcmm-nav .bcmm-mobile-shell:not([open]) .bcmm-mobile-shell__icon::before,
  .bcmm-nav .bcmm-mobile-shell:not([open]) .bcmm-mobile-shell__icon::after{
    left:3px!important;
    right:3px!important;
  }

  /* Scroll only the menu content, never the page behind it */
  .bcmm-nav .bcmm-menu--mobile{
    display:block!important;
    width:100%!important;
    max-width:760px!important;
    height:calc(100dvh - 68px)!important;
    margin:0 auto!important;
    padding:14px 16px calc(28px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#fbf9fb!important;
    scrollbar-width:thin!important;
  }

  .bcmm-nav .bcmm-menu--mobile>li{
    width:100%!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #e8dfe6!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(34,18,41,.035)!important;
  }

  .bcmm-nav .bcmm-menu--mobile>li:last-child{
    margin-bottom:0!important;
  }

  /* Top-level category row */
  .bcmm-nav .bcmm-mobile-summary{
    min-height:60px!important;
    padding:0 18px!important;
    background:#fff!important;
    color:#43263a!important;
    font-size:17px!important;
    line-height:1.3!important;
    font-weight:820!important;
    letter-spacing:-.012em!important;
  }

  .bcmm-nav .bcmm-mobile-branch[open]>.bcmm-mobile-summary{
    color:#7c275d!important;
    background:#fff!important;
    border-bottom:1px solid #eee4eb!important;
  }

  .bcmm-nav .bcmm-mobile-chevron{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:inline-block!important;
    border-radius:50%!important;
    background:#faf3f7!important;
    color:#743058!important;
  }

  .bcmm-nav .bcmm-mobile-chevron::before{
    right:12px!important;
    top:10px!important;
    width:7px!important;
    height:7px!important;
  }

  .bcmm-nav .bcmm-mobile-branch[open]>.bcmm-mobile-summary .bcmm-mobile-chevron::before,
  .bcmm-nav .bcmm-mobile-subdetails[open]>.bcmm-mobile-subsummary .bcmm-mobile-chevron::before{
    top:14px!important;
  }

  /* Expanded category content */
  .bcmm-nav .bcmm-mobile-branch__body{
    padding:10px 12px 14px!important;
    background:#fdfbfd!important;
    border-top:0!important;
  }

  /* "View all" is a clear primary route, but not an oversized card */
  .bcmm-nav .bcmm-mobile-all{
    min-height:50px!important;
    margin:0 0 7px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid #dfcad8!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#7a2458!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:820!important;
    box-shadow:none!important;
  }

  .bcmm-nav .bcmm-mobile-all:active{
    background:#f8eef4!important;
  }

  /* Submenu links are large touch rows with clear separators */
  .bcmm-nav .bcmm-mobile-list{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  .bcmm-nav .bcmm-mobile-list>li{
    border:0!important;
    border-top:1px solid #eee6ec!important;
  }

  .bcmm-nav .bcmm-mobile-list>li:first-child{
    border-top:0!important;
  }

  .bcmm-nav .bcmm-mobile-link{
    min-height:50px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    color:#342b34!important;
    background:transparent!important;
    font-size:15.5px!important;
    line-height:1.38!important;
    font-weight:650!important;
  }

  .bcmm-nav .bcmm-mobile-link:active{
    color:#79275a!important;
    background:#faf2f7!important;
  }

  /*
   * Nested details remain available for future deeper menu trees, but use a
   * lighter visual weight than the five main shopping groups.
   */
  .bcmm-nav .bcmm-mobile-subsummary{
    min-height:50px!important;
    padding:0 12px!important;
    color:#3f3340!important;
    background:transparent!important;
    font-size:15.5px!important;
    font-weight:700!important;
  }

  .bcmm-nav .bcmm-mobile-subdetails__body{
    padding:0 0 8px 10px!important;
  }

  .bcmm-nav .bcmm-mobile-list--depth-2 .bcmm-mobile-link{
    min-height:46px!important;
    padding-left:18px!important;
    color:#5a4e59!important;
    font-size:14.5px!important;
  }

  /* Active/current state stays subtle on mobile archive pages */
  .bcmm-nav .bcmm-menu--mobile li.current-menu-item>.bcmm-mobile-link,
  .bcmm-nav .bcmm-menu--mobile li.current-menu-item>.bcmm-mobile-all{
    color:#7a2458!important;
    background:#f9eff5!important;
  }

  /* Product pages remain neutral, matching v1.0.12 behaviour */
  body.single-product .bcmm-nav .bcmm-menu--mobile li[class*="current"]>.bcmm-mobile-link,
  body.single-product .bcmm-nav .bcmm-menu--mobile li[class*="current"]>.bcmm-mobile-all{
    color:#342b34!important;
    background:transparent!important;
  }

  .bcmm-nav summary:focus-visible,
  .bcmm-nav a:focus-visible{
    outline:3px solid rgba(161,54,113,.28)!important;
    outline-offset:-3px!important;
  }
}

/* Slightly denser layout on very narrow phones */
@media(max-width:420px){
  .bcmm-nav .bcmm-menu--mobile{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .bcmm-nav .bcmm-menu--mobile>li{
    border-radius:14px!important;
  }

  .bcmm-nav .bcmm-mobile-summary{
    padding-left:15px!important;
    padding-right:12px!important;
    font-size:16.5px!important;
  }

  .bcmm-nav .bcmm-mobile-link{
    font-size:15px!important;
  }
}