/* ============================================================
   LUX NAV — luxury black & gold watch store navigation
   Loaded after lux.css; uses html body prefixes + !important
   ============================================================ */

/* ── FONTS (if not loaded elsewhere) ─────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Montserrat:wght@400;500;600&display=swap');

/* ── RESET HELPERS ───────────────────────────────────────── */
html body #header.lux-header {
  background: #0b0b0b !important;
  z-index: 500 !important;
  position: relative !important;
  transition: box-shadow .3s ease !important;
}
html body #header.lux-header.lux-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  box-shadow: 0 4px 30px rgba(0,0,0,.7) !important;
}
html body .lux-sticky-spacer {
  display: none;
  width: 100%;
  pointer-events: none;
}

/* compact logo when sticky */
html body #header.lux-header.lux-sticky .lux-logo-word { font-size: 18px !important; transition: font-size .3s ease !important; }
html body #header.lux-header.lux-sticky .lux-logo-sub { display: none !important; }
html body #header.lux-header.lux-sticky .page-header-container { padding-top: 6px !important; padding-bottom: 6px !important; transition: padding .3s ease !important; }

/* ── B. Z-INDEX FIX ──────────────────────────────────────── */
html body #header-nav.lux-header-nav { z-index: 510 !important; position: relative !important; }
html body #nav { z-index: 510 !important; position: relative !important; }

/* ── A. DESKTOP TOP-LEVEL NAV ────────────────────────────── */
@media only screen and (min-width: 771px) {
  html body #header-nav.lux-header-nav {
    display: block !important;
    background: transparent !important;
    border: none !important;
  }
  html body #nav {
    display: flex !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
  }
  html body ol.nav-primary {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  html body ol.nav-primary > li.level0 {
    position: static !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
  html body ol.nav-primary > li.level0 > a.level0 {
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: .18em !important;
    color: #f3efe6 !important;
    padding: 22px 18px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    position: relative !important;
    background: none !important;
    border: none !important;
    transition: color .2s ease !important;
  }
  html body ol.nav-primary > li.level0 > a.level0:hover,
  html body ol.nav-primary > li.level0.lux-open > a.level0,
  html body ol.nav-primary > li.level0.active > a.level0,
  html body ol.nav-primary > li.level0.lux-nav-active > a.level0 {
    color: #c9a45c !important;
    background: none !important;
  }
  /* gold underline grow from center */
  html body ol.nav-primary > li.level0 > a.level0::after {
    content: '' !important;
    position: absolute !important;
    bottom: 12px !important;
    left: 18px !important;
    right: 18px !important;
    height: 1px !important;
    background: #c9a45c !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform .25s ease !important;
  }
  html body ol.nav-primary > li.level0 > a.level0:hover::after,
  html body ol.nav-primary > li.level0.lux-open > a.level0::after,
  html body ol.nav-primary > li.level0.active > a.level0::after,
  html body ol.nav-primary > li.level0.lux-nav-active > a.level0::after {
    transform: scaleX(1) !important;
  }
  /* chevron for parent items */
  html body ol.nav-primary > li.level0.parent > a.level0::before {
    content: '' !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    border-top: 4px solid #a39e93 !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    transition: border-color .2s ease, transform .2s ease !important;
  }
  html body ol.nav-primary > li.level0.parent.lux-open > a.level0::before {
    border-top-color: #c9a45c !important;
    transform: rotate(180deg) !important;
  }
  /* reduce padding at narrow desktop */
  @media only screen and (min-width: 771px) and (max-width: 1100px) {
    html body ol.nav-primary > li.level0 > a.level0 {
      padding: 22px 10px !important;
      font-size: 11px !important;
      letter-spacing: .12em !important;
    }
    html body ol.nav-primary > li.level0 > a.level0::after {
      left: 10px !important;
      right: 10px !important;
    }
  }

  /* ── A. MEGA MENU PANEL ──────────────────────────────────── */
  html body ol.nav-primary > li.level0 > ul.level0 {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(8px) !important;
    width: 100vw !important;
    max-width: 1260px !important;
    background: #121212 !important;
    border-top: 1px solid rgba(201,164,92,.22) !important;
    box-shadow: 0 30px 60px rgba(0,0,0,.6) !important;
    padding: 36px 48px !important;
    margin: 0 !important;
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 12px 32px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease !important;
    z-index: 520 !important;
  }
  html body ol.nav-primary > li.level0.lux-open > ul.level0 {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }
  /* view-all link */
  html body ol.nav-primary > li.level0 > ul.level0 > li.view-all {
    grid-column: 1 / -1 !important;
    margin-bottom: 12px !important;
  }
  html body ol.nav-primary > li.level0 > ul.level0 > li.view-all > a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .15em !important;
    color: #c9a45c !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    transition: color .2s ease !important;
  }
  html body ol.nav-primary > li.level0 > ul.level0 > li.view-all > a::before {
    content: '\2192\00a0' !important;
    font-size: 14px !important;
  }
  html body ol.nav-primary > li.level0 > ul.level0 > li.view-all > a:hover {
    color: #e6cf9a !important;
  }
  /* level1 links */
  html body ol.nav-primary > li.level0 > ul.level0 > li.level1:not(.view-all) {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body ol.nav-primary > li.level0 > ul.level0 > li.level1 > a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #f3efe6 !important;
    letter-spacing: .06em !important;
    text-decoration: none !important;
    display: block !important;
    padding: 8px 0 !important;
    text-align: left !important;
    background: none !important;
    border: none !important;
    transition: color .2s ease, transform .2s ease !important;
  }
  html body ol.nav-primary > li.level0 > ul.level0 > li.level1 > a:hover {
    color: #c9a45c !important;
    transform: translateX(4px) !important;
  }
  /* featured block */
  html body .lux-mega-feature {
    grid-column: -3 / -1 !important;
    grid-row: 1 / span 4 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 24px 0 24px 32px !important;
    border-left: 1px solid rgba(201,164,92,.22) !important;
  }
  html body .lux-mega-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #f3efe6 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.2 !important;
  }
  html body .lux-mega-sub {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #a39e93 !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: .03em !important;
  }
  html body .lux-mega-btn {
    display: inline-block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .15em !important;
    color: #c9a45c !important;
    border: 1px solid #c9a45c !important;
    padding: 10px 24px !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: background .2s ease, color .2s ease !important;
    align-self: flex-start !important;
  }
  html body .lux-mega-btn:hover {
    background: #c9a45c !important;
    color: #0b0b0b !important;
  }
}

/* ── C. MOBILE DRAWER ────────────────────────────────────── */
@media only screen and (max-width: 770px) {
  html body #header-nav.lux-header-nav {
    display: none !important;
  }
  html body #lux-drawer-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.6) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    z-index: 999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .3s ease, visibility .3s ease !important;
  }
  html body.lux-drawer-open #lux-drawer-overlay {
    opacity: 1 !important;
    visibility: visible !important;
  }
  html body #lux-drawer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100dvh !important;
    width: min(86vw, 360px) !important;
    background: #0e0e0e !important;
    border-right: 1px solid rgba(201,164,92,.22) !important;
    z-index: 1000 !important;
    transform: translateX(-100%) !important;
    transition: transform .3s cubic-bezier(.2,.8,.2,1) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html body.lux-drawer-open #lux-drawer {
    transform: translateX(0) !important;
  }
  html body.lux-drawer-open {
    overflow: hidden !important;
  }
  /* drawer head */
  html body .lux-drawer-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 24px !important;
    border-bottom: 1px solid rgba(201,164,92,.22) !important;
    flex-shrink: 0 !important;
  }
  html body .lux-drawer-brand {
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #c9a45c !important;
    letter-spacing: .15em !important;
  }
  html body .lux-drawer-close {
    background: none !important;
    border: none !important;
    color: #f3efe6 !important;
    font-size: 28px !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  /* drawer search */
  html body .lux-drawer-search {
    padding: 16px 24px !important;
    border-bottom: 1px solid rgba(201,164,92,.12) !important;
    flex-shrink: 0 !important;
  }
  html body .lux-drawer-search form {
    display: flex !important;
    gap: 0 !important;
  }
  html body .lux-drawer-search .input-box {
    display: flex !important;
    width: 100% !important;
  }
  html body .lux-drawer-search label { display: none !important; }
  html body .lux-drawer-search input[type="search"],
  html body .lux-drawer-search input[name="q"] {
    flex: 1 !important;
    height: 46px !important;
    background: #161616 !important;
    border: 1px solid rgba(201,164,92,.22) !important;
    border-right: none !important;
    color: #f3efe6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    padding: 0 16px !important;
    outline: none !important;
    -webkit-appearance: none !important;
  }
  html body .lux-drawer-search input:focus {
    border-color: #c9a45c !important;
  }
  html body .lux-drawer-search button.search-button {
    height: 46px !important;
    min-width: 46px !important;
    background: #161616 !important;
    border: 1px solid rgba(201,164,92,.22) !important;
    color: #c9a45c !important;
    cursor: pointer !important;
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body .lux-drawer-search button.search-button span span {
    font-size: 0 !important;
  }
  html body .lux-drawer-search button.search-button::after {
    content: '\2315' !important;
    font-size: 20px !important;
    color: #c9a45c !important;
  }
  /* drawer nav accordion */
  html body .lux-drawer-nav {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    padding: 8px 0 !important;
  }
  html body .lux-drawer-nav ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .lux-drawer-nav li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .lux-acc-row {
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(201,164,92,.1) !important;
  }
  html body .lux-acc-link {
    flex: 1 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    color: #f3efe6 !important;
    text-decoration: none !important;
    padding: 16px 24px !important;
    display: block !important;
  }
  html body .lux-acc-link:hover { color: #c9a45c !important; }
  html body .lux-acc-toggle {
    background: none !important;
    border: none !important;
    border-left: 1px solid rgba(201,164,92,.1) !important;
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
  }
  html body .lux-acc-toggle span {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid #a39e93 !important;
    transition: transform .25s ease !important;
  }
  html body .lux-acc-toggle[aria-expanded="true"] span {
    transform: rotate(180deg) !important;
    border-top-color: #c9a45c !important;
  }
  html body .lux-acc-sub {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: height .3s ease !important;
    background: #121212 !important;
  }
  html body .lux-acc-sub li { list-style: none !important; }
  html body .lux-acc-sub li.view-all { display: none !important; }
  html body .lux-acc-sub a {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #a39e93 !important;
    text-decoration: none !important;
    padding: 12px 24px 12px 40px !important;
    letter-spacing: .06em !important;
    border-bottom: 1px solid rgba(201,164,92,.06) !important;
    transition: color .2s ease !important;
  }
  html body .lux-acc-sub a:hover { color: #c9a45c !important; }
  /* drawer account */
  html body .lux-drawer-account {
    border-top: 1px solid rgba(201,164,92,.22) !important;
    padding: 16px 0 !important;
    flex-shrink: 0 !important;
  }
  html body .lux-drawer-account ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .lux-drawer-account li { list-style: none !important; }
  html body .lux-drawer-account a {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: .15em !important;
    color: #f3efe6 !important;
    text-decoration: none !important;
    padding: 10px 24px !important;
    transition: color .2s ease !important;
  }
  html body .lux-drawer-account a:hover { color: #c9a45c !important; }
  /* drawer footer */
  html body .lux-drawer-foot {
    display: flex !important;
    gap: 24px !important;
    padding: 16px 24px !important;
    border-top: 1px solid rgba(201,164,92,.12) !important;
    flex-shrink: 0 !important;
  }
  html body .lux-drawer-foot a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    color: #a39e93 !important;
    text-decoration: none !important;
  }
  html body .lux-drawer-foot a:hover { color: #c9a45c !important; }
}

/* ── D. MOBILE SEARCH & ACCOUNT PANELS (rwd skip-content) ── */
@media only screen and (max-width: 770px) {
  html body #header-search.skip-content {
    display: none !important;
    background: #121212 !important;
    padding: 16px !important;
    position: relative !important;
    z-index: 400 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.4) !important;
  }
  html body #header-search.skip-content.skip-active {
    display: block !important;
  }
  html body #header-search .input-box {
    display: flex !important;
  }
  html body #header-search label { display: none !important; }
  html body #header-search input#search {
    flex: 1 !important;
    height: 46px !important;
    background: #161616 !important;
    border: 1px solid rgba(201,164,92,.22) !important;
    border-right: none !important;
    color: #f3efe6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    padding: 0 16px !important;
    outline: none !important;
    -webkit-appearance: none !important;
  }
  html body #header-search input#search:focus {
    border-color: #c9a45c !important;
  }
  html body #header-search button.search-button {
    height: 46px !important;
    min-width: 46px !important;
    background: #161616 !important;
    border: 1px solid rgba(201,164,92,.22) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body #header-search button.search-button span { display: none !important; }
  html body #header-search button.search-button::after {
    content: '\2315' !important;
    font-size: 20px !important;
    color: #c9a45c !important;
  }
  html body #header-account.skip-content {
    display: none !important;
    background: #121212 !important;
    padding: 8px 0 !important;
    position: relative !important;
    z-index: 400 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.4) !important;
  }
  html body #header-account.skip-content.skip-active {
    display: block !important;
  }
  html body #header-account .links ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body #header-account .links li {
    list-style: none !important;
    border-bottom: 1px solid rgba(201,164,92,.15) !important;
  }
  html body #header-account .links li:last-child { border-bottom: none !important; }
  html body #header-account .links a {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: .15em !important;
    color: #f3efe6 !important;
    text-decoration: none !important;
    padding: 14px 20px !important;
    transition: color .2s ease !important;
  }
  html body #header-account .links a:hover { color: #c9a45c !important; }
}

/* ── E. MOBILE SKIP-LINKS ROW (4 icons, 25% each) ────────── */
@media only screen and (max-width: 770px) {
  html body .skip-links {
    display: flex !important;
    width: 100% !important;
    background: #0b0b0b !important;
    border-top: 1px solid rgba(201,164,92,.12) !important;
    border-bottom: 1px solid rgba(201,164,92,.12) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .skip-links a.skip-nav,
  html body .skip-links a.skip-search,
  html body .skip-links .account-cart-wrapper {
    flex: 0 0 25% !important;
    width: 25% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #f3efe6 !important;
    padding: 12px 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: none !important;
    position: relative !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
  }
  html body .skip-links a.skip-nav.skip-active,
  html body .skip-links a.skip-search.skip-active,
  html body .skip-links .account-cart-wrapper.skip-active {
    box-shadow: inset 0 -2px 0 #c9a45c !important;
    color: #c9a45c !important;
  }
  /* remove extra box border on account cell */
  html body .skip-links .account-cart-wrapper {
    border: none !important;
    outline: none !important;
  }
  /* cart count badge */
  html body .skip-links .count,
  html body .skip-links .header-minicart .count {
    position: absolute !important;
    top: 4px !important;
    right: calc(50% - 20px) !important;
    background: #c9a45c !important;
    color: #0b0b0b !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    min-width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    border-radius: 8px !important;
    text-align: center !important;
    padding: 0 4px !important;
  }
}

/* ── F. LAYERED NAV "SHOP BY" TITLE ──────────────────────── */
html body .block-layered-nav .block-title strong,
html body .block-layered-nav .block-title span {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .15em !important;
  color: #c9a45c !important;
  background: none !important;
}

/* ── F. BREADCRUMBS ──────────────────────────────────────── */
html body .breadcrumbs {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .15em !important;
  color: #a39e93 !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  background: none !important;
}
html body .breadcrumbs ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
}
html body .breadcrumbs li {
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #a39e93 !important;
}
html body .breadcrumbs li a {
  color: #a39e93 !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
}
html body .breadcrumbs li a:hover { color: #c9a45c !important; }
html body .breadcrumbs li strong {
  font-weight: 500 !important;
  color: #f3efe6 !important;
}
html body .breadcrumbs li + li::before {
  content: '/' !important;
  color: rgba(201,164,92,.45) !important;
  margin: 0 8px !important;
  font-weight: 400 !important;
}

/* ── G. DESKTOP ACCOUNT DROPDOWN ─────────────────────────── */
@media only screen and (min-width: 771px) {
  html body #header-account.skip-content {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    width: 240px !important;
    background: #121212 !important;
    border: 1px solid rgba(201,164,92,.22) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.5) !important;
    padding: 8px 0 !important;
    z-index: 530 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease !important;
    pointer-events: none !important;
  }
  html body #header-account.skip-content.skip-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
  html body #header-account .links ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body #header-account .links li {
    list-style: none !important;
    border-bottom: 1px solid rgba(201,164,92,.15) !important;
  }
  html body #header-account .links li:last-child { border-bottom: none !important; }
  html body #header-account .links a {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: .15em !important;
    color: #f3efe6 !important;
    text-decoration: none !important;
    padding: 12px 20px !important;
    transition: color .2s ease, background .2s ease !important;
  }
  html body #header-account .links a:hover {
    color: #c9a45c !important;
    background: #161616 !important;
  }
}
html body ol.nav-primary > li.level0 > ul.level0 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 320px !important;
  grid-auto-flow: row !important;
  column-gap: 40px !important;
  row-gap: 4px !important;
  align-content: start !important;
  padding: 36px 48px !important;
  min-height: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  max-width: 1260px !important;
  transform: translateY(8px) !important;
}
html body ol.nav-primary > li.level0.lux-open > ul.level0 {
  transform: translateY(0) !important;
}
html body ol.nav-primary > li.level0 > ul.level0 > li.view-all {
  grid-column: 1 / 4 !important;
  margin-bottom: 14px !important;
}
html body .lux-mega-feature {
  grid-column: 4 !important;
  grid-row: 1 / span 6 !important;
  align-self: stretch !important;
  border-left: 1px solid rgba(201,164,92,.22) !important;
  padding-left: 36px !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
html body ol.nav-primary > li.level0.parent > a.level0::before {
  content: none !important;
  display: none !important;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}
html body ol.nav-primary > li.level0.parent.lux-open > a.level0::before {
  content: none !important;
  display: none !important;
  border: none !important;
  transform: none !important;
}
html body ol.nav-primary li.level0.active > a,
html body li.level0 > a.level0:hover,
html body li.level0.lux-open > a {
  background: transparent !important;
}
@media only screen and (max-width: 770px) {
  html body #lux-drawer ol.nav-primary > li.level0 {
    display: block !important;
    position: relative !important;
    border-bottom: 1px solid rgba(201,164,92,.12) !important;
  }
  html body #lux-drawer ol.nav-primary > li.level0 > a.level0 {
    display: flex !important;
    align-items: center !important;
    min-height: 56px !important;
    padding: 0 64px 0 24px !important;
    color: #f3efe6 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    background: transparent !important;
    text-decoration: none !important;
  }
  html body #lux-drawer ol.nav-primary > li.level0 > ul.level0 {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height .3s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }
  html body #lux-drawer ol.nav-primary > li.level0.lux-acc-open > ul.level0,
  html body #lux-drawer ol.nav-primary > li.level0.is-open > ul.level0,
  html body #lux-drawer ol.nav-primary > li.level0[aria-expanded="true"] > ul.level0 {
    max-height: 2000px !important;
    overflow: visible !important;
  }
  html body #lux-drawer ol.nav-primary > li.level0 > ul.level0 > li.view-all {
    display: block !important;
  }
  html body #lux-drawer ol.nav-primary > li.level0 > ul.level0 > li.view-all > a {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .15em !important;
    color: #c9a45c !important;
    padding: 12px 24px 12px 40px !important;
    text-decoration: none !important;
  }
  html body #header-search.skip-active {
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
  }
  html body #header-search.skip-active form,
  html body #header-search.skip-active .input-box {
    width: 100% !important;
    display: flex !important;
    box-sizing: border-box !important;
  }
  html body #header-search.skip-active input#search,
  html body #header-search.skip-active input[type="search"],
  html body #header-search.skip-active input[name="q"] {
    width: 100% !important;
    flex: 1 !important;
    box-sizing: border-box !important;
  }
  html body #header-search.skip-active button.search-button {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex-shrink: 0 !important;
    color: #c9a45c !important;
  }
  html body .skip-links .account-cart-wrapper .skip-account {
    border: 0 !important;
    border-left: 1px solid rgba(201,164,92,.18) !important;
    outline: 0 !important;
    box-shadow: none !important;
  }
  html body .skip-links .account-cart-wrapper .skip-account.skip-active {
    box-shadow: inset 0 -2px 0 #c9a45c !important;
  }
}/* Magento rwd black-gold theme fixes */
@media only screen and (min-width:771px){html body #header-nav{position:relative}html body ol.nav-primary>li.level0{position:static!important}html body ol.nav-primary>li.level0>ul.level0{position:absolute!important;left:0!important;right:0!important;width:auto!important;max-width:none;top:100%;box-sizing:border-box;border-top:1px solid rgba(201,164,92,.35);box-shadow:0 24px 40px rgba(0,0,0,.6)}html body ol.nav-primary>li.level0>ul.level0 a.level1{font-family:'Montserrat',sans-serif;font-size:13px;color:#d8d2c4;padding:8px 0;border:0}html body ol.nav-primary>li.level0>ul.level0 a.level1:hover{color:#c9a45c}html body ol.nav-primary>li.level0>a.level0,html body ol.nav-primary>li.level0>a.level0:hover,html body ol.nav-primary>li.level0.active>a.level0,html body ol.nav-primary>li.level0.lux-open>a.level0,html body ol.nav-primary>li.level0.menu-active>a.level0{background:transparent!important}html body ol.nav-primary>li.level0.active>a.level0,html body ol.nav-primary>li.level0.lux-open>a.level0,html body ol.nav-primary>li.level0.menu-active>a.level0{color:#c9a45c}}@media only screen and (max-width:770px){#lux-drawer .lux-drawer-nav{flex:0 0 auto!important;overflow:visible!important;height:auto!important}#lux-drawer{overflow-y:auto!important;-webkit-overflow-scrolling:touch}#header-account.skip-active{border:1px solid rgba(201,164,92,.25)!important;background:#111!important}#header-account a,#header-account li{border:0!important;border-bottom:1px solid rgba(201,164,92,.14)!important}#header-account li:last-child,#header-account li:last-child>a,#header-account a:last-child{border-bottom:0!important}html body .skip-links .skip-account,html body .skip-links .skip-account.skip-active{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}html body .skip-links .skip-account.skip-active{box-shadow:inset 0 -2px 0 #c9a45c!important}html body .skip-links .skip-search.skip-active,html body .skip-links .skip-nav.skip-active{background:transparent!important;box-shadow:inset 0 -2px 0 #c9a45c!important}}html body .breadcrumbs li + li::before, html body .breadcrumbs li::before{content:none!important;display:none!important}
.breadcrumbs li span{color:rgba(201,164,92,.5);margin:0 8px}
@media(min-width:771px){html body ol.nav-primary > li.level0, html body ol.nav-primary > li.level0:hover, html body ol.nav-primary > li.level0.lux-open, html body ol.nav-primary > li.level0.menu-active{background:transparent!important;box-shadow:none!important}}
@media(max-width:770px){html body .skip-links .account-cart-wrapper, html body .skip-links .account-cart-wrapper a, html body .skip-links .skip-account, html body .skip-links .skip-account *, html body .skip-links .skip-account.skip-active{border:0!important;outline:0!important} html body .skip-links .skip-account{border-left:1px solid rgba(201,164,92,.18)!important}}html body .breadcrumbs li::before, html body .breadcrumbs li::after{content:none!important;display:none!important}
.breadcrumbs li span{color:rgba(201,164,92,.55);margin:0 8px}

@media (max-width:770px){
html body .skip-links .skip-link .icon{background-image:none!important;filter:none!important;-webkit-filter:none!important;width:22px;height:22px;display:block!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
html body .skip-links .skip-link.skip-nav .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a45c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E")!important}
html body .skip-links .skip-link.skip-search .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a45c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E")!important}
html body .skip-links .skip-link.skip-account .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a45c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E")!important}
html body .skip-links .skip-link.skip-cart .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a45c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E")!important}

.skip-links{display:flex!important;flex-wrap:nowrap;align-items:stretch;height:50px;border-top:1px solid rgba(201,164,92,.2);border-bottom:1px solid rgba(201,164,92,.2);margin:0 15px}
.skip-nav,.skip-search,.account-cart-wrapper{flex:1 1 0}
.account-cart-wrapper{display:flex}
.account-cart-wrapper .skip-account,.account-cart-wrapper .header-minicart{flex:1 1 0}

.skip-link{display:flex!important;align-items:center;justify-content:center;height:50px;width:auto!important;float:none!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-left:1px solid rgba(201,164,92,.15)!important}
.skip-links > .skip-link:first-child,.account-cart-wrapper > .skip-link:first-child{border-left:0!important}
.skip-link.skip-active{box-shadow:inset 0 -2px 0 #c9a45c!important;background:transparent!important}

.skip-cart{position:relative}
.skip-cart .count{position:absolute;top:8px;right:calc(50% - 22px);background:#c9a45c;color:#0b0b0b;width:16px;height:16px;border-radius:50%;font-size:10px;line-height:16px;text-align:center;display:block;padding:0;margin:0}

html body #header-search:not(.skip-active),html body #header-account:not(.skip-active),html body #header-nav:not(.skip-active){display:none!important}
#header-search.skip-active{display:block!important}

.skip-account,.skip-account *,.account-cart-wrapper a{border:0!important;outline:0!important;box-shadow:none!important}
.skip-account{border-left:1px solid rgba(201,164,92,.15)!important}
}
@media (max-width:770px){html body #header .account-cart-wrapper .skip-link.skip-account,html body #header .account-cart-wrapper .skip-link.skip-account:hover,html body #header .account-cart-wrapper .skip-link.skip-account.skip-active{border:0!important;border-left:1px solid rgba(201,164,92,.15)!important;height:50px!important;background:transparent!important}}