/*
 * RDX Advanced Header Builder v1.10.0
 * The single canonical desktop mega-menu layout.
 * Mobile and tablet navigation are intentionally outside this file.
 */
@media (min-width: 1181px) {
  .rdx-ahb-root .rdx-ahb-row-desktop-nav,
  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-module-nav-wide,
  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-nav,
  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-nav-list,
  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-nav-item--mega {
    position: static !important;
    overflow: visible !important;
  }

  .rdx-ahb-root .rdx-ahb-row-desktop-nav {
    position: relative !important;
  }

  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-mega-layout-reference {
    position: absolute !important;
    inset: 100% 0 auto !important;
    z-index: 99999 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    box-sizing: border-box !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  }

  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-nav-item--mega:hover > .rdx-ahb-mega-layout-reference,
  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-nav-item--mega:focus-within > .rdx-ahb-mega-layout-reference,
  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-nav-item--mega.is-open > .rdx-ahb-mega-layout-reference,
  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-mega-layout-reference[aria-hidden="false"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .rdx-ahb-root .rdx-ahb-row-desktop-nav .rdx-ahb-mega-layout-reference[aria-hidden="true"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference.rdx-ahb-mega-shortcode {
    position: relative !important;
    inset: auto !important;
    width: min(calc(100% - 24px), var(--rdx-container)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* Left promo, two middle link columns, right category list. */
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-inner {
    display: grid !important;
    direction: ltr !important;
    grid-template-areas: "promo content tabs" !important;
    grid-template-columns: minmax(420px, 35%) minmax(0, 1fr) minmax(300px, 23.5%) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    height: clamp(450px, 52vh, 500px) !important;
    min-height: 450px !important;
    max-height: min(500px, calc(100vh - 150px)) !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 28px !important;
    border: 1px solid var(--rdx-border, #e8e1e4) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 20px 56px rgba(42, 18, 28, .12) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference.rdx-ahb-mega-no-promo .rdx-ahb-mega-inner {
    grid-template-areas: "content tabs" !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 23.5%) !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo,
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-content,
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tabs {
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  /* Promo artwork matches the reference: product at left, copy at right. */
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo {
    grid-area: promo !important;
    position: relative !important;
    display: block !important;
    direction: ltr !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #eee2e7 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #fcf3f6 0%, #f7edf1 100%) !important;
    overflow: hidden !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo::after {
    content: none !important;
    display: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-image {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: transparent !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-overlay {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 2 !important;
    display: flex !important;
    direction: rtl !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 53% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 28px 24px !important;
    background: transparent !important;
    color: var(--rdx-text, #403538) !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo:not(:has(.rdx-ahb-mega-promo-image)) .rdx-ahb-mega-promo-overlay {
    left: 0 !important;
    width: 100% !important;
    background: transparent !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-overlay strong {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: var(--rdx-primary, #7b0e31) !important;
    font-size: clamp(24px, 1.65vw, 31px) !important;
    font-weight: 900 !important;
    line-height: 1.75 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-overlay p {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
    color: var(--rdx-text, #4e4548) !important;
    font-size: 14px !important;
    line-height: 2 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-overlay a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    min-width: 210px !important;
    max-width: 100% !important;
    height: 58px !important;
    margin: 24px 0 0 !important;
    padding: 0 52px 0 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #8b1238 0%, var(--rdx-primary, #7b0e31) 100%) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-overlay a::before {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -5px !important;
    border-top: 2px solid currentColor !important;
    border-left: 2px solid currentColor !important;
    transform: rotate(-45deg) !important;
  }

  /* Middle link columns and their reference dividers. */
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-content {
    grid-area: content !important;
    direction: rtl !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-right: 1px solid #eee8ea !important;
    border-left: 1px solid #eee8ea !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference.rdx-ahb-mega-no-promo .rdx-ahb-mega-content {
    border-left: 0 !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tabpanel[hidden] {
    display: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tabpanel:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column + .rdx-ahb-mega-column {
    border-right: 1px solid #eee8ea !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column:only-child {
    grid-column: 1 / -1 !important;
    border: 0 !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column h3 {
    position: relative !important;
    display: block !important;
    margin: 0 0 10px !important;
    padding: 10px 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #f0e7ea !important;
    color: var(--rdx-text, #3e3538) !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column h3::after {
    content: "" !important;
    position: absolute !important;
    right: 10% !important;
    bottom: -1px !important;
    left: 10% !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: var(--rdx-primary, #7b0e31) !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column li + li {
    border-top: 1px solid #f2edef !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 10px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--rdx-text, #4a4245) !important;
    text-align: center !important;
    white-space: normal !important;
    box-shadow: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column a:hover,
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column a:focus-visible {
    color: var(--rdx-primary, #7b0e31) !important;
    outline: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column small {
    display: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-link-row {
    display: grid !important;
    direction: rtl !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    max-width: 260px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-link-icon {
    display: grid !important;
    place-items: center !important;
    grid-column: 1 !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-link-icon-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    box-shadow: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-link-copy {
    display: block !important;
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column strong {
    display: block !important;
    width: 100% !important;
    color: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* Right category list: flat rows with a single highlighted active item. */
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tabs {
    grid-area: tabs !important;
    display: flex !important;
    direction: rtl !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab {
    position: relative !important;
    display: flex !important;
    direction: rtl !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 10px 18px 10px 46px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee8ea !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--rdx-text, #443b3e) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    text-align: right !important;
    white-space: normal !important;
    box-shadow: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab::before {
    content: none !important;
    display: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab::after {
    content: "" !important;
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    width: 9px !important;
    height: 9px !important;
    margin: -5px 0 0 !important;
    border-top: 2px solid currentColor !important;
    border-left: 2px solid currentColor !important;
    transform: rotate(-45deg) !important;
    opacity: .78 !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab-icon {
    display: grid !important;
    place-items: center !important;
    order: 0 !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab-icon-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    box-shadow: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab-label {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab:hover,
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab:focus-visible {
    background: #fcf6f8 !important;
    color: var(--rdx-primary, #7b0e31) !important;
    outline: none !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab.is-active {
    margin-bottom: 2px !important;
    border-bottom-color: transparent !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #faf0f3 0%, #f7e9ee 100%) !important;
    color: var(--rdx-primary, #7b0e31) !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-inner {
    grid-template-columns: minmax(350px, 34%) minmax(0, 1fr) minmax(260px, 24%) !important;
    height: clamp(420px, 52vh, 460px) !important;
    min-height: 420px !important;
    max-height: min(460px, calc(100vh - 140px)) !important;
    gap: 16px !important;
    padding: 18px !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference.rdx-ahb-mega-no-promo .rdx-ahb-mega-inner {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 24%) !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-overlay {
    width: 55% !important;
    padding: 20px 18px !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-overlay strong {
    font-size: 22px !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-promo-overlay a {
    min-width: 168px !important;
    height: 50px !important;
    margin-top: 18px !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-content {
    padding-inline: 10px !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-column {
    padding-inline: 18px !important;
  }

  .rdx-ahb-root .rdx-ahb-mega-layout-reference .rdx-ahb-mega-tab {
    min-height: 64px !important;
    padding-inline: 14px 42px !important;
    font-size: 14px !important;
  }
}