/** Shopify CDN: Minification failed

Line 176:1 Expected "}" to go with "{"

**/
@import url("zyvira-header-menu-core-20260727.css");

/* =========================================================
   ZYVIRA — SINGLE DROPDOWN CHILD HOVER FIX
   Applies to Collection, Shop by Occasion and Trending.
   Exact desktop markup: .single-menu .singlemenu-li > .singlelink-title
========================================================= */
@media screen and (min-width: 1200px) {
  .header1 .header-area .megamenu-content .mainwrap > ul.main-menu > li.menu-link > ul.menu-dropdown.single-menu .singlemenu-li > a.singlelink-title {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: calc(100% - 12px) !important;
    min-height: 40px !important;
    margin: 1px 6px !important;
    padding: 8px 12px !important;
    color: var(--zy-menu-wine) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: translateX(0) !important;
    transition:
      color var(--zy-menu-speed),
      background var(--zy-menu-speed),
      border-color var(--zy-menu-speed),
      box-shadow var(--zy-menu-speed),
      padding-left var(--zy-menu-speed),
      transform var(--zy-menu-speed) !important;
  }

  .header1 .header-area .megamenu-content .mainwrap > ul.main-menu > li.menu-link > ul.menu-dropdown.single-menu .singlemenu-li > a.singlelink-title > span {
    color: inherit !important;
  }

  .header1 .header-area .megamenu-content .mainwrap > ul.main-menu > li.menu-link > ul.menu-dropdown.single-menu .singlemenu-li:hover > a.singlelink-title,
  .header1 .header-area .megamenu-content .mainwrap > ul.main-menu > li.menu-link > ul.menu-dropdown.single-menu .singlemenu-li > a.singlelink-title:hover {
    color: var(--zy-menu-wine-dark) !important;
    background: linear-gradient(90deg, rgba(104, 16, 30, 0.105) 0%, rgba(104, 16, 30, 0.048) 68%, rgba(200, 154, 91, 0.045) 100%) !important;
    border-color: rgba(104, 16, 30, 0.12) !important;
    box-shadow: inset 3px 0 0 var(--zy-menu-gold), 0 6px 16px rgba(73, 7, 19, 0.07) !important;
    padding-left: 17px !important;
    transform: translateX(2px) !important;
  }

  .header1 .header-area .megamenu-content .mainwrap > ul.main-menu > li.menu-link > ul.menu-dropdown.single-menu .singlemenu-li > a.singlelink-title:focus-visible {
    color: var(--zy-menu-wine-dark) !important;
    background: var(--zy-menu-blush) !important;
    border-color: rgba(104, 16, 30, 0.12) !important;
    box-shadow: inset 3px 0 0 var(--zy-menu-gold) !important;
    outline: 2px solid var(--zy-menu-gold) !important;
    outline-offset: 1px !important;
    padding-left: 17px !important;
  }
}
/* =========================================================
   ZYVIRA — DESKTOP HEADER DROPDOWN FIXES
   1. Shop mega-menu spacing and alignment
   2. Collections dropdown width
========================================================= */

@media screen and (min-width: 1200px) {

  /* =======================================================
     FIX 1 — SHOP MEGA MENU
     Reduce empty top space
  ======================================================= */

  .header1 #single-collapse-shop.menu-dropdown.product-menu2 {
    padding-top: 18px !important;
    padding-bottom: 24px !important;
  }

  .header1 #single-collapse-shop > .container-fluid,
  .header1 #single-collapse-shop > .container-fluid > .ul {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .header1 #single-collapse-shop .productlink-li,
  .header1 #single-collapse-shop .productsupmenu-dropdown {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Align Earrings, Necklaces, Bracelets & Kadas and Rings
     with their child menu links */
  .header1
  #single-collapse-shop
  .productlink-li
  > a.productlink-title {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    width: calc(100% - 12px) !important;
    margin: 0 6px 6px !important;
    padding: 8px 12px !important;
  }


  /* =======================================================
     FIX 2 — COLLECTIONS DROPDOWN
     Increase width and keep menu names on one line
  ======================================================= */

/* =========================================================
   ZYVIRA — ALL SINGLE DROPDOWN WIDTH FIX

   Applies to:
   - Collections
   - Shop by Occasion
   - New & Trending
   - Any future menu using Navigation Single
========================================================= */

@media screen and (min-width: 1200px) {

  .header1
  .header-area
  .megamenu-content
  .mainwrap
  > ul.main-menu
  > li.menu-link
  > ul.menu-dropdown.single-menu {
    width: 280px !important;
    min-width: 280px !important;
    max-width: calc(100vw - 30px) !important;
    padding: 18px 10px !important;
    box-sizing: border-box !important;
  }

  .header1
  .menu-dropdown.single-menu
  .singlemenu-li {
    width: 100% !important;
  }

  .header1
  .menu-dropdown.single-menu
  .singlemenu-li
  > a.singlelink-title {
    width: calc(100% - 12px) !important;
    min-height: 42px !important;
    margin: 1px 6px !important;
    padding: 9px 14px !important;
    box-sizing: border-box !important;
  }

  .header1
  .menu-dropdown.single-menu
  .singlemenu-li
  > a.singlelink-title
  .sp-link-title {
    white-space: nowrap !important;
    line-height: 1.35 !important;
  }

  /* Keep the final right-side dropdown inside the screen */
  .header1
  .header-area
  .megamenu-content
  .mainwrap
  > ul.main-menu
  > li.menu-link:last-child
  > ul.menu-dropdown.single-menu {
    right: 0 !important;
    left: auto !important;
  }
}