/* Dropdown menus scoped to the existing shared storefront header only. */
@media(min-width: 769px) {
  body header #storeNavigation > ul > li.rk-nav-dropdown {position:relative !important;display:flex !important;align-items:center !important;}
  body header #storeNavigation .rk-nav-toggle {border:0;background:none;color:inherit;cursor:pointer;font-size:15px;padding:4px 3px;}
  body header #storeNavigation .rk-nav-submenu {position:absolute !important;display:block !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;top:100% !important;left:0 !important;min-width:230px !important;max-height:min(65vh,520px);overflow-y:auto;z-index:10030 !important;margin:0 !important;padding:9px 0 !important;background:#fff !important;border:1px solid #e9dfd6 !important;border-radius:3px !important;box-shadow:0 16px 36px #210b132b !important;transform:translateY(7px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;flex-direction:column !important;}
  body header #storeNavigation .rk-nav-submenu li {display:block !important;width:100% !important;margin:0 !important;padding:0 !important;}
  body header #storeNavigation .rk-nav-submenu a {display:block !important;text-align:left !important;white-space:normal !important;padding:11px 19px !important;color:#492330 !important;line-height:1.4 !important;font-size:13px !important;text-transform:none !important;letter-spacing:0 !important;border:0 !important;}
  body header #storeNavigation .rk-nav-submenu a:hover, body header #storeNavigation .rk-nav-submenu a:focus-visible {background:#fbf3ed !important;color:#8a1239 !important;}
  body header #storeNavigation .rk-nav-dropdown:hover > .rk-nav-submenu,body header #storeNavigation .rk-nav-dropdown:focus-within > .rk-nav-submenu,body header #storeNavigation .rk-nav-dropdown.rk-nav-open > .rk-nav-submenu {visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:translateY(0) !important;}
}
@media(max-width:768px) {
  body header #storeNavigation li.rk-nav-dropdown {position:relative;flex-wrap:wrap;}
  body header #storeNavigation .rk-nav-toggle {background:transparent;border:0;padding:9px 14px;color:inherit;cursor:pointer;}
  body header #storeNavigation .rk-nav-submenu {display:none !important;position:static !important;flex:0 0 100%;width:100%;max-height:52vh;overflow-y:auto;padding:5px 10px 10px 16px !important;margin:0 !important;background:#fff8f4 !important;box-shadow:none !important;}
  body header #storeNavigation .rk-nav-dropdown.rk-nav-open > .rk-nav-submenu {display:block !important;}
  body header #storeNavigation .rk-nav-submenu li {display:block !important;}
  body header #storeNavigation .rk-nav-submenu a {display:block !important;padding:9px 12px !important;color:#5b1231 !important;}
}

/* Hide desktop dropdown chevrons; keep hover/focus menus and mobile toggle accessible. */
@media (min-width: 769px) {
  body header #storeNavigation .rk-nav-dropdown > .rk-nav-toggle {display:none !important;}
}

/* Hide the visible vertical scrollbar line without disabling scrolling.
   Applies only to the public storefront and its navigation dropdowns. */
html:has(#storeNavigation),
html:has(#storeNavigation) body,
body header #storeNavigation .rk-nav-submenu {
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none; /* legacy Edge */
}
html:has(#storeNavigation)::-webkit-scrollbar,
html:has(#storeNavigation) body::-webkit-scrollbar,
body header #storeNavigation .rk-nav-submenu::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Submenu hover appearance: no underline or line-shaped border.
   Preserve existing dropdown positioning, highlights, keyboard and touch actions. */
body header #storeNavigation .rk-nav-submenu a,
body header #storeNavigation .rk-nav-submenu a:hover,
body header #storeNavigation .rk-nav-submenu a:focus,
body header #storeNavigation .rk-nav-submenu a:focus-visible,
body header #storeNavigation .rk-nav-submenu a:active {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
body header #storeNavigation .rk-nav-submenu a::before,
body header #storeNavigation .rk-nav-submenu a::after {
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* Final submenu hover correction: the orange horizontal rule is generated
   by legacy nav LI pseudo-elements / backgrounds, not the link underline. */
body header #storeNavigation .rk-nav-submenu,
body header #storeNavigation .rk-nav-submenu > li,
body header #storeNavigation .rk-nav-submenu > li:hover,
body header #storeNavigation .rk-nav-submenu > li:focus-within,
body header #storeNavigation .rk-nav-submenu > li > a,
body header #storeNavigation .rk-nav-submenu > li > a:hover,
body header #storeNavigation .rk-nav-submenu > li > a:focus-visible {
  border-bottom: 0 !important;
  border-top: 0 !important;
  outline-offset: 0;
  text-decoration: none !important;
  background-image: none !important;
  box-shadow: none !important;
}
body header #storeNavigation .rk-nav-submenu > li::before,
body header #storeNavigation .rk-nav-submenu > li::after,
body header #storeNavigation .rk-nav-submenu > li:hover::before,
body header #storeNavigation .rk-nav-submenu > li:hover::after,
body header #storeNavigation .rk-nav-submenu > li:focus-within::before,
body header #storeNavigation .rk-nav-submenu > li:focus-within::after,
body header #storeNavigation .rk-nav-submenu > li > a::before,
body header #storeNavigation .rk-nav-submenu > li > a::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}
body header #storeNavigation .rk-nav-submenu > li > a:is(:hover, :focus-visible) {
  background-color: #fbf3ed !important;
  color: #8a1239 !important;
}

/* Two-level Products dropdown, inspired by the supplied reference.
   Scope to Products only; never modify Services/Gallery or the announcement ticker. */
@media (min-width:769px) {
  body header #storeNavigation .rk-nav-megamenu {
    overflow:visible !important;
    max-height:none !important;
    min-width:240px !important;
  }
  body header #storeNavigation .rk-nav-megamenu > li.rk-nav-flyout-item {position:relative !important;}
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout-chevron {
    float:right; margin-left:16px; font-size:17px; color:#826f71;
  }
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout {
    position:absolute !important; top:0 !important; left:100% !important;
    margin:0 !important; padding:8px 0 !important;
    min-width:225px !important; max-width:290px !important;
    max-height: min(74vh, 620px); overflow-y:auto;
    display:block !important; visibility:hidden !important; opacity:0 !important;
    pointer-events:none !important; background:#fff !important;
    box-shadow:0 12px 28px rgba(37,12,18,.13) !important;
    border:1px solid #eee4dd !important; border-radius:2px !important;
    z-index:10050 !important; transform:translateX(3px);
    transition:opacity .17s ease, transform .17s ease, visibility .17s ease;
    list-style:none !important;
  }
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout-item:hover > .rk-nav-flyout,
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout-item:focus-within > .rk-nav-flyout {
    visibility:visible !important; opacity:1 !important;
    pointer-events:auto !important; transform:translateX(0);
  }
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout a {
    padding:10px 18px !important;
  }
  body header #storeNavigation .rk-nav-megamenu :is(li,a):is(:hover,:focus-within)::before,
  body header #storeNavigation .rk-nav-megamenu :is(li,a):is(:hover,:focus-within)::after {
    content:none !important; display:none !important;
  }
  body header #storeNavigation .rk-nav-megamenu li,
  body header #storeNavigation .rk-nav-megamenu a {
    border-bottom:0 !important; text-decoration:none !important;
  }
  body header #storeNavigation .rk-nav-megamenu a:hover {background:#fbf3ed !important;}
}
@media (max-width:768px) {
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout-chevron {float:right;}
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout {display:none !important; padding:4px 0 8px 14px !important; list-style:none !important;}
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout-item:focus-within > .rk-nav-flyout,
  body header #storeNavigation .rk-nav-megamenu .rk-nav-flyout-item.rk-sub-open > .rk-nav-flyout {display:block !important;}
}