/** Shopify CDN: Minification failed

Line 299:3 Unexpected "="

**/
/* ============================================
   BUNMI COLLECTION - MASTER STYLESHEET
   Premium Luxury Design System
   Version: 2.0
   ============================================ */

/* ============================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ============================================ */

:root {
  /* Brand Colors */
  --color-primary: #631d26;
  --color-text-dark: #2C2C2C;
  --color-text-light: #666666;
  --color-border: #E5E5E5;
  --color-white: #FFFFFF;
  
  /* Dropdown Design Tokens */
  --dropdown-bg: var(--color-white);
  --dropdown-text: var(--color-text-dark);
  --dropdown-text-hover: var(--color-primary);
  --dropdown-border: var(--color-border);
  --dropdown-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  --dropdown-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --dropdown-padding: 24px 32px;
  --dropdown-gap: 16px;
  --dropdown-radius: 0px;
  
  /* Footer Design Tokens */
  --footer-bg: #6B3744;
  --footer-text: #FFFFFF;
  --footer-text-muted: #F5E6E8;
  --footer-input-bg: #FFFFFF;
  --footer-input-text: #2C2C2C;
  --footer-input-placeholder: #9CA3AF;
  --footer-button-bg: #F5E6E8;
  --footer-button-text: #2C2C2C;
  --footer-divider: rgba(255, 255, 255, 0.25);
  
  /* Typography */
  --font-header: 'Morganite Pro', Arial, sans-serif;
  --font-body: 'Morganite Pro SemiBold', Arial, sans-serif;
  --font-price: 'Delight', Georgia, serif;
  --font-button: 'Delight Black', sans-serif;
  --footer-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Footer Spacing */
  --footer-padding-y: 64px;
  --footer-padding-x: 80px;
  --footer-gap-columns: 120px;
  --footer-gap-social: 12px;
  --footer-gap-nav: 16px;
  --footer-margin-tagline: 20px;
  --footer-margin-social: 24px;
  --footer-margin-divider: 40px;
  
  /* Footer Form Elements */
  --footer-input-height: 48px;
  --footer-input-radius: 6px;
  --footer-input-padding-x: 20px;
  --footer-button-radius: 24px;
  --footer-button-padding-x: 32px;
  --footer-button-padding-y: 12px;
  
  /* Footer Icons */
  --footer-social-size: 32px;
  --footer-logo-size: 56px;
}

/* ============================================
   HEADER & NAVIGATION TYPOGRAPHY
   ============================================ */

/* Main Navigation Links */
.header__menu-item a,
.header__inline-menu a,
.header__navigation a,
.menu-list__link-title {
  font-family: var(--font-header);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
  text-decoration: none;
  transition: color var(--dropdown-transition);
}

/* Dropdown/Submenu Links */
.header__submenu a,
.submenu a,
.mega-menu__link {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: var(--dropdown-text);
  text-decoration: none;
  transition: color var(--dropdown-transition), padding-left var(--dropdown-transition);
}

/* Product Description - Scoped to Product Pages Only */
.product-single .product__description,
.product-single .product__text,
.product__info-container .rte {
  font-family: var(--font-body);
  font-weight: 600;
}

/* Product Pricing - Scoped to Product Cards/Pages Only */
.product-card .price,
.product-single .price,
.price-item {
  font-family: var(--font-price);
  font-weight: 400;
}

/* ============================================
   NAVIGATION LINK STATES & ANIMATIONS
   ============================================ */

.menu-list__link-title {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}

/* Underline Animation */
.menu-list__link-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: opacity var(--dropdown-transition), transform var(--dropdown-transition);
}

/* Hover State */
.menu-list__link-title:hover {
  color: var(--color-primary);
}

.menu-list__link-title:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

/* Active/Current Page State */
.menu-list__link-title.active,
.menu-list__link-title[aria-current="page"] {
  color: var(--color-primary);
}

.menu-list__link-title.active::after,
.menu-list__link-title[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

/* ============================================
   DROPDOWN/SUBMENU - PROFESSIONAL SOLUTION
   ============================================ */

/* Hide ALL dropdowns by default - CRITICAL */
.header__submenu,
.menu-list__submenu,
.mega-menu__list {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 1000 !important;
  transform: translateY(-10px) !important;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Desktop hover activation ONLY */
@media screen and (min-width: 990px) {
  
  /* Show dropdown on hover */
  .header__menu-item:hover > .header__submenu,
  .header__menu-item:focus-within > .header__submenu,
  .menu-list__item:hover > .menu-list__submenu,
  .menu-list__item:focus-within > .menu-list__submenu {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
  
  /* Dropdown container styling */
  .header__submenu,
  .menu-list__submenu {
    background: #FFFFFF !important;
    min-width: 240px !important;
    min-height: 120px !important;
    height: auto !important;
    max-height: 600px !important;
    padding: 20px 0 !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
    border-top: 3px solid #800020 !important; /* Burgundy accent */
    border-radius: 0 0 4px 4px !important;
  }
  
  /* Force inner content to display */
  .menu-list__submenu-inner,
  .header__submenu-inner,
  .overflow-menu::part(overflow-list) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 100px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    grid-template-columns: 1fr !important; /* Override grid collapse */
    grid-template-rows: auto !important;
  }
  
  /* Force list items visible */
  .menu-list__submenu ul,
  .header__submenu ul,
  .menu-list__submenu li,
  .header__submenu li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }
  
  /* Cherry red dropdown links - STUNNING DESIGN */
  .menu-list__submenu a,
  .header__submenu a,
  .menu-list__submenu-item a {
    display: block !important;
    padding: 12px 28px !important;
    color: #D2042D !important; /* Cherry red */
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
    line-height: 1.6 !important;
    min-height: 44px !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  /* Elegant hover effect */
  .menu-list__submenu a:hover,
  .header__submenu a:hover {
    background: linear-gradient(90deg, rgba(210, 4, 45, 0.06) 0%, rgba(210, 4, 45, 0.02) 100%) !important;
    color: #A0031E !important; /* Darker cherry */
    padding-left: 32px !important;
    transform: translateX(2px) !important;
  }
  
  /* Remove grid conflicts */
  .overflow-menu::part(overflow-list) {
    grid-template-areas: none !important;
    grid-gap: 0 !important;
  }
  
  .menu-list__submenu *,
  .header__submenu * {
    grid-column: auto !important;
  }
}

/* Mobile - keep accordion style */
@media screen and (max-width: 989px) {
  .header__submenu,
  .menu-list__submenu {
    position: static !important;
    transform: none !important;
  }
}

   ============================================ */

/* Target every possible selector for the overflow */
[part="overflow"],
div[part="overflow"],
[part*="overflow"],
*[part="overflow"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

[part="overflow-list"],
ul[part="overflow-list"],
[part*="overflow-list"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* Hide the slot content too */
slot[name="overflow"] {
  display: none !important;
}

/* ONLY show on direct parent hover - Desktop only */
@media screen and (min-width: 990px) {
  /* When hovering on the parent element containing the overflow */
  *:hover > [part="overflow"] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    width: auto !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 100 !important;
    pointer-events: auto !important;
  }
  
  *:hover > [part="overflow"] [part="overflow-list"] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  
  *:hover > [part="overflow"] slot[name="overflow"] {
    display: block !important;
  }
}

/* Prevent any transitions on page load */
[part="overflow"],
[part="overflow-list"] {
  transition: none !important;
  animation: none !important;
}
.ai-luxury-footer-aedk4vnloz2pwec9szaigenblockd46c4a6i36eqk {
    display: block;
    background-color: #6b2c3e;
    padding: 60px 100px;
    width: 100vw !important;
  }

  /* ============================================
   FORCE DROPDOWN ITEMS VISIBLE - NUCLEAR FIX
   ============================================ */

@media screen and (min-width: 990px) {
  
  /* Target ALL possible submenu item selectors */
  .menu-list__submenu li,
  .menu-list__submenu-item,
  .header__submenu li,
  .header__submenu-item,
  .menu-list__submenu [role="menuitem"],
  .overflow-menu::part(overflow-list) li,
  .site-nav__item,
  .submenu-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 44px !important;
    overflow: visible !important;
  }
  
  /* Force ALL anchor tags inside dropdowns visible */
  .menu-list__submenu a,
  .menu-list__submenu-item a,
  .header__submenu a,
  .overflow-menu::part(overflow-list) a,
  .menu-list__submenu li a,
  .header__submenu li a,
  [class*="submenu"] a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 14px 28px !important;
    color: #D2042D !important; /* Cherry red */
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    white-space: normal !important;
    height: auto !important;
    min-height: 44px !important;
    background: transparent !important;
  }
  
  /* Force text nodes visible */
  .menu-list__submenu span,
  .header__submenu span,
  .menu-list__submenu-item span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: inherit !important;
  }
  
  /* Remove any clip-path or mask hiding content */
  .menu-list__submenu *,
  .header__submenu * {
    clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
  }
  
  /* Force wrapper elements visible */
  .menu-list__submenu > *,
  .menu-list__submenu-inner > *,
  .header__submenu > *,
  .overflow-menu::part(overflow-list) > * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Ensure no font-size: 0 hiding text */
  .menu-list__submenu,
  .menu-list__submenu *,
  .header__submenu,
  .header__submenu * {
    font-size: inherit !important;
  }
  
  /* Hover state */
  .menu-list__submenu a:hover,
  .header__submenu a:hover {
    background: linear-gradient(90deg, rgba(210, 4, 45, 0.06) 0%, rgba(210, 4, 45, 0.02) 100%) !important;
    color: #A0031E !important;
    padding-left: 32px !important;
  }
  
  /* Debug: Give dropdown a visible background to confirm it's there */
  .menu-list__submenu,
  .header__submenu {
    background: #FFFFFF !important;
    border: 1px solid #f0f0f0 !important;
  }
}
/* TEMPORARY DEBUG - Remove after fixing */
@media screen and (min-width: 990px) {
  .menu-list__submenu:hover > *,
  .menu-list__submenu:hover * {
    background: yellow !important;
    color: black !important;
    border: 2px solid red !important;
    min-height: 50px !important;
    padding: 20px !important;
  }
}
/* ============================================
   COMPLETE SHADOW DOM FIX
   ============================================ */

@media screen and (min-width: 990px) {
  
  /* Target the overflow wrapper div */
  overflow-menu::part(overflow) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 150px !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
    background: #FFFFFF !important;
    z-index: 1000 !important;
  }
  
  /* Target the overflow-list */
  overflow-menu::part(overflow-list) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 150px !important;
    max-height: none !important;
    padding: 20px !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #FFFFFF !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
    border-top: 3px solid #800020 !important;
    list-style: none !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }
  
  /* Force slotted content visible */
  overflow-menu [slot="overflow"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 44px !important;
  }
  
  overflow-menu [slot="overflow"] * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Cherry red links */
  overflow-menu [slot="overflow"] a {
    display: block !important;
    padding: 14px 28px !important;
    color: #D2042D !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    line-height: 1.6 !important;
    min-height: 44px !important;
    background: transparent !important;
  }
  
  overflow-menu [slot="overflow"] a:hover {
    background: rgba(210, 4, 45, 0.08) !important;
    color: #A0031E !important;
    padding-left: 32px !important;
  }
}
.ai-luxury-footer-adxvvwkhmwgdasw1qmaigenblockd46c4a6tc3gjv
 {
    display: block;
    background-color: #6b2c3e;
    padding: 60px 80px;
    position:absolute;
}

  /* Reduce luxury footer logo size */
  .ai-luxury-footer__logo-adxvvwkhmwgdasw1qmaigenblockd46c4a6tc3gjv img {
    max-width: 50px !important;
    width: 50px !important;
    height: auto !important;
  }