:root {
  --ll-c4-bg: #03050a;
  --ll-c4-cave: #090512;
  --ll-c4-panel: #100b1b;
  --ll-c4-panel2: #181027;
  --ll-c4-text: #f4f1e8;
  --ll-c4-muted: #b9adc7;
  --ll-c4-gold: #d4af37;
  --ll-c4-gold2: #f0d66d;
  --ll-c4-green: #8aff00;
  --ll-c4-purple: #52228c;
  --ll-c4-purple2: #a65cff;
  --ll-c4-cave-opacity: .38;
  --ll-c4-cave-img: none
}

/* ==========================================================================
   Storefront application surfaces
   Translates the Control Centre overview system without importing admin CSS.
   ========================================================================== */
body:not(.wp-admin) .ll-c4-announcement {
  z-index: 0 !important;
}

body:not(.wp-admin) .ll-c4-notifications-menu {
  --ll-store-surface: #151820;
  --ll-store-raised: #1a1e27;
  --ll-store-muted: #969ba7;
  position: absolute;
  z-index: 2;
  width: min(372px, calc(100vw - 28px));
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background:
    radial-gradient(circle at 88% 0%, rgba(118,80,167,.20), transparent 34%),
    linear-gradient(135deg, #11141b 0%, #171421 56%, #11131a 100%);
  box-shadow: 0 18px 45px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.035);
}

body:not(.wp-admin) .ll-c4-notifications-menu__header {
  position: relative;
  margin: 0;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(212,175,55,.22);
}

body:not(.wp-admin) .ll-c4-notifications-menu__header::before {
  content: 'ACTIVITY';
  position: absolute;
  top: 7px;
  left: 18px;
  color: #8aff00;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}

body:not(.wp-admin) .ll-c4-notifications-menu__header strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 16px;
  letter-spacing: .01em;
}

body:not(.wp-admin) .ll-c4-notifications-menu__list { gap: 0; }

body:not(.wp-admin) .ll-c4-notifications-menu__item {
  padding: 14px 18px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  border-radius: 0;
  background: transparent;
}

body:not(.wp-admin) .ll-c4-notifications-menu__item.is-unread {
  background: linear-gradient(90deg, rgba(138,255,0,.07), transparent 66%);
  box-shadow: inset 3px 0 #8aff00;
}

body:not(.wp-admin) .ll-c4-notifications-menu__item--link:hover,
body:not(.wp-admin) .ll-c4-notifications-menu__item--link:focus-visible {
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  box-shadow: inset 3px 0 #d4af37;
  transform: none;
  outline: none;
}

body:not(.wp-admin) .ll-c4-notifications-menu__new {
  margin: 0 0 6px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #caff96;
  font-size: 9px;
  letter-spacing: .12em;
}

body:not(.wp-admin) .ll-c4-notifications-menu__title { font-size: 13px; }
body:not(.wp-admin) .ll-c4-notifications-menu__message { color: var(--ll-store-muted); font-size: 12px; }
body:not(.wp-admin) .ll-c4-notifications-menu__date { color: rgba(150,155,167,.78); font-size: 10px; }
body:not(.wp-admin) .ll-c4-notifications-menu__action { color: #e1c75f; font-size: 11px; font-weight: 800; }

body:not(.wp-admin) .ll-c4-notifications-menu__empty {
  padding: 22px 18px;
  color: var(--ll-store-muted);
  font-size: 12px;
}

body:not(.wp-admin) .ll-c4-notifications-menu__view-all {
  margin: 0;
  padding: 14px 18px;
  border-top: 0;
  background: rgba(255,255,255,.022);
  color: #e1c75f;
  font-size: 12px;
  letter-spacing: .02em;
}

body:not(.wp-admin) .ll-c4-notifications-menu__view-all:hover,
body:not(.wp-admin) .ll-c4-notifications-menu__view-all:focus-visible {
  color: #fff;
  background: rgba(212,175,55,.07);
  outline: none;
}

@media (max-width: 980px) {
  body:not(.wp-admin) .ll-c4-mobile-drawer {
    background:
      radial-gradient(circle at 88% 2%, rgba(118,80,167,.23), transparent 30%),
      radial-gradient(circle at 12% 12%, rgba(138,255,0,.06), transparent 20%),
      #0d0f14 !important;
  }

  body:not(.wp-admin) .ll-c4-drawer-top {
    padding: 18px !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
    background: linear-gradient(135deg,#11141b,#171421 56%,#11131a) !important;
  }

  body:not(.wp-admin) .ll-c4-drawer-brand span {
    color: #969ba7 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
  }

  body:not(.wp-admin) .ll-c4-drawer-close {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 8px !important;
    background: #0d1016 !important;
    color: #d4af37 !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-nav {
    padding: 10px 18px calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-menu li,
  body:not(.wp-admin) .ll-c4-drill-row,
  body:not(.wp-admin) .ll-c4-drill-view-row {
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-menu a,
  body:not(.wp-admin) .ll-c4-drill-row-link,
  body:not(.wp-admin) .ll-c4-drill-row-button,
  body:not(.wp-admin) .ll-c4-drill-view-all {
    min-height: 56px !important;
    padding-left: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-menu a > span:first-child,
  body:not(.wp-admin) .ll-c4-drill-row-link strong,
  body:not(.wp-admin) .ll-c4-drill-row-button strong,
  body:not(.wp-admin) .ll-c4-drill-view-all strong {
    color: #f4f4f5 !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 750 !important;
  }

  body:not(.wp-admin) .ll-c4-menu-note,
  body:not(.wp-admin) .ll-c4-drill-row-link em,
  body:not(.wp-admin) .ll-c4-drill-row-button em,
  body:not(.wp-admin) .ll-c4-drill-view-all em,
  body:not(.wp-admin) .ll-c4-drill-caption { color: #969ba7 !important; }

  body:not(.wp-admin) .ll-c4-sub-toggle,
  body:not(.wp-admin) .ll-c4-drill-open,
  body:not(.wp-admin) .ll-c4-drill-row-button b {
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 8px !important;
    background: #151820 !important;
    color: #d4af37 !important;
  }

  body:not(.wp-admin) .ll-c4-drill-head {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
  }

  body:not(.wp-admin) .ll-c4-drill-back {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #8aff00 !important;
  }

  body:not(.wp-admin) .ll-c4-drill-head h3 {
    padding: 0 !important;
    border: 0 !important;
    clip-path: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 22px !important;
    font-weight: 750 !important;
  }
}

body.ll-c4-drawer-open {
  overflow: hidden !important
}

.ll-c4-header-shell,
.ll-c4-header-shell * {
  box-sizing: border-box
}

.ll-c4-header-shell {
  position: sticky;
  top: 0;
  z-index: 99990;
  isolation: isolate;
  color: var(--ll-c4-text);
  background: radial-gradient(circle at 50% -8%, rgba(138, 255, 0, .20), transparent 20%), radial-gradient(circle at 50% 100%, rgba(55, 18, 92, .78), transparent 58%), linear-gradient(180deg, #03050a 0%, #07040d 56%, #0c0716 100%);
  border-bottom: 1px solid rgba(212, 175, 55, .26);
  box-shadow: 0 18px 64px rgba(0, 0, 0, .78), inset 0 -1px 0 rgba(138, 255, 0, .12);
  font-family: inherit;
  overflow: visible
}

.ll-c4-cave-layer {
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background-image: linear-gradient(90deg, rgba(3, 5, 10, .76), rgba(3, 5, 10, .36), rgba(3, 5, 10, .76)), var(--ll-c4-cave-img);
  background-position: center 46%;
  background-size: cover;
  opacity: var(--ll-c4-cave-opacity);
  filter: saturate(1.2) contrast(1.18)
}

.ll-c4-mist-layer {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 60%, rgba(138, 255, 0, .18), transparent 20%), radial-gradient(ellipse at 22% 70%, rgba(82, 34, 140, .40), transparent 34%), radial-gradient(ellipse at 78% 70%, rgba(82, 34, 140, .34), transparent 34%);
  mix-blend-mode: screen;
  opacity: .9
}

.ll-c4-mist-layer:before,
.ll-c4-mist-layer:after {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(82, 34, 140, .7), rgba(138, 255, 0, .88), rgba(212, 175, 55, .55), rgba(82, 34, 140, .7), transparent);
  box-shadow: 0 0 22px rgba(138, 255, 0, .35)
}

.ll-c4-mist-layer:before {
  top: 54px
}

.ll-c4-mist-layer:after {
  bottom: 15px
}

.ll-c4-main-frame {
  width: min(94vw, 1800px);
  min-height: 104px;
  margin: 15px auto 18px;
  padding: 0 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(160px, 1fr);
  align-items: center;
  gap: 20px;
  position: relative;
  background: radial-gradient(circle at 50% 44%, rgba(138, 255, 0, .16), transparent 16%), linear-gradient(90deg, rgba(12, 7, 19, .98), rgba(20, 13, 31, .88) 22%, rgba(10, 8, 15, .94) 50%, rgba(20, 13, 31, .88) 78%, rgba(12, 7, 19, .98)), linear-gradient(180deg, rgba(30, 18, 45, .90), rgba(5, 4, 10, .98));
  border: 1px solid rgba(148, 78, 220, .82);
  border-radius: 0;
  clip-path: polygon(2.2% 0, 97.8% 0, 100% 27%, 100% 73%, 97.8% 100%, 2.2% 100%, 0 73%, 0 27%);
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, .18), inset 0 0 36px rgba(82, 34, 140, .44), 0 0 42px rgba(82, 34, 140, .42), 0 20px 58px rgba(0, 0, 0, .74)
}

.ll-c4-main-frame:before {
  content: "";
  position: absolute;
  inset: 9px 18px;
  border: 1px solid rgba(212, 175, 55, .34);
  clip-path: polygon(2% 0, 98% 0, 100% 22%, 100% 78%, 98% 100%, 2% 100%, 0 78%, 0 22%);
  pointer-events: none;
  box-shadow: inset 0 0 26px rgba(138, 255, 0, .08)
}

.ll-c4-main-frame:after {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, rgba(82, 34, 140, .75), rgba(138, 255, 0, .82), rgba(212, 175, 55, .52), rgba(138, 255, 0, .82), rgba(82, 34, 140, .75), transparent);
  box-shadow: 0 0 18px rgba(138, 255, 0, .45);
  opacity: .78;
  pointer-events: none
}

.ll-c4-rock {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 190px;
  pointer-events: none;
  opacity: .85;
  background: linear-gradient(135deg, rgba(166, 92, 255, .30), transparent 25%), linear-gradient(45deg, transparent 55%, rgba(82, 34, 140, .42) 56%, rgba(82, 34, 140, .08) 75%, transparent 76%)
}

.ll-c4-rock-l {
  left: 0;
  clip-path: polygon(0 0, 84% 0, 70% 28%, 100% 28%, 86% 72%, 68% 72%, 82% 100%, 0 100%)
}

.ll-c4-rock-r {
  right: 0;
  transform: scaleX(-1);
  clip-path: polygon(0 0, 84% 0, 70% 28%, 100% 28%, 86% 72%, 68% 72%, 82% 100%, 0 100%)
}

.ll-c4-top-gem,
.ll-c4-bottom-gem {
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translateX(-50%) rotate(45deg);
  background: radial-gradient(circle, rgba(202, 255, 108, 1), rgba(78, 180, 0, .76) 35%, rgba(6, 8, 14, 1) 72%);
  border: 1px solid rgba(212, 175, 55, .68);
  box-shadow: 0 0 16px rgba(138, 255, 0, .82), 0 0 34px rgba(138, 255, 0, .36), inset 0 0 14px rgba(255, 255, 255, .14);
  z-index: 6
}

.ll-c4-top-gem {
  top: -17px
}

.ll-c4-bottom-gem {
  bottom: -17px
}

.ll-c4-left-zone,
.ll-c4-actions,
.ll-c4-logo-orb {
  position: relative;
  z-index: 8
}

.ll-c4-left-zone {
  display: flex;
  align-items: center;
  min-width: 0
}

.ll-c4-desktop-nav {
  min-width: 0
}

.ll-c4-desktop-menu,
.ll-c4-desktop-menu ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.ll-c4-desktop-menu {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.5vw, 42px);
  min-width: 0
}

.ll-c4-desktop-menu>li {
  position: relative
}

.ll-c4-desktop-menu a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 48px;
  color: var(--ll-c4-text) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .72);
  transition: color .2s ease, text-shadow .2s ease, transform .2s ease;
  white-space: nowrap
}

.ll-c4-desktop-menu>li>a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 0;
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--ll-c4-green), var(--ll-c4-gold2), transparent);
  box-shadow: 0 0 12px rgba(138, 255, 0, .8);
  transition: width .22s ease
}

.ll-c4-desktop-menu>li:hover>a,
.ll-c4-desktop-menu>.current-menu-item>a,
.ll-c4-desktop-menu>.current-menu-ancestor>a {
  color: var(--ll-c4-green) !important;
  text-shadow: 0 0 12px rgba(138, 255, 0, .62), 0 2px 0 rgba(0, 0, 0, .8)
}

.ll-c4-desktop-menu>li:hover>a:after,
.ll-c4-desktop-menu>.current-menu-item>a:after,
.ll-c4-desktop-menu>.current-menu-ancestor>a:after {
  width: 100%
}

.ll-c4-desktop-menu .menu-item-has-children>a:before {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid var(--ll-c4-gold2);
  border-bottom: 2px solid var(--ll-c4-gold2);
  transform: rotate(45deg) translateY(-2px);
  order: 2;
  opacity: .9
}

.ll-c4-desktop-menu .sub-menu {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  min-width: 230px;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 15px 12px;
  background: radial-gradient(circle at 50% 0%, rgba(138, 255, 0, .14), transparent 28%), linear-gradient(180deg, rgba(20, 13, 31, .98), rgba(7, 4, 12, .99));
  border: 1px solid rgba(148, 78, 220, .78);
  clip-path: polygon(6% 0, 94% 0, 100% 12%, 100% 88%, 94% 100%, 6% 100%, 0 88%, 0 12%);
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, .16), inset 0 0 25px rgba(82, 34, 140, .30), 0 20px 54px rgba(0, 0, 0, .72), 0 0 26px rgba(138, 255, 0, .11);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index: 99999
}

.ll-c4-desktop-menu .sub-menu:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 22px;
  height: 22px;
  transform: translateX(-50%) rotate(45deg);
  background: radial-gradient(circle, rgba(138, 255, 0, .95), rgba(82, 34, 140, .72) 42%, rgba(7, 4, 12, 1) 72%);
  border: 1px solid rgba(212, 175, 55, .46);
  box-shadow: 0 0 16px rgba(138, 255, 0, .45)
}

.ll-c4-desktop-menu li:hover>.sub-menu,
.ll-c4-desktop-menu li.is-c4-open>.sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0)
}

.ll-c4-desktop-menu .sub-menu .sub-menu {
  top: 0;
  left: calc(100% + 12px);
  transform: translateX(0) translateY(8px)
}

.ll-c4-desktop-menu .sub-menu li:hover>.sub-menu {
  transform: translateX(0) translateY(0)
}

.ll-c4-desktop-menu .sub-menu a {
  min-height: 38px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 12px;
  letter-spacing: .045em;
  font-weight: 850;
  color: rgba(244, 241, 232, .94) !important;
  text-transform: none
}

.ll-c4-desktop-menu .sub-menu a:hover {
  background: linear-gradient(90deg, rgba(138, 255, 0, .10), rgba(82, 34, 140, .16));
  color: var(--ll-c4-green) !important;
  box-shadow: inset 3px 0 0 rgba(138, 255, 0, .65)
}

.ll-c4-logo-orb {
  width: 172px;
  height: 106px;
  display: grid;
  place-items: center;
  isolation: isolate
}

.ll-c4-logo-orb:before {
  content: "";
  position: absolute;
  width: 154px;
  height: 154px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 36%, rgba(138, 255, 0, .28), rgba(82, 34, 140, .34) 42%, rgba(5, 4, 10, .96) 70%);
  border: 1px solid rgba(148, 78, 220, .62);
  box-shadow: inset 0 0 26px rgba(82, 34, 140, .42), 0 0 36px rgba(138, 255, 0, .18), 0 0 58px rgba(82, 34, 140, .36);
  z-index: -1
}

.ll-c4-logo-orb:after {
  content: "";
  position: absolute;
  width: 118px;
  height: 2px;
  bottom: 14px;
  background: linear-gradient(90deg, transparent, rgba(138, 255, 0, .85), rgba(212, 175, 55, .65), transparent);
  box-shadow: 0 0 18px rgba(138, 255, 0, .46)
}

.ll-c4-logo-orb a {
  display: grid;
  place-items: center
}

.ll-c4-logo-img {
  width: 132px;
  max-height: 100px;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(138, 255, 0, .52)) drop-shadow(0 0 20px rgba(82, 34, 140, .78));
  transition: transform .25s ease, filter .25s ease
}

.ll-c4-logo-orb:hover .ll-c4-logo-img {
  transform: scale(1.045);
  filter: drop-shadow(0 0 16px rgba(138, 255, 0, .72)) drop-shadow(0 0 26px rgba(82, 34, 140, .86))
}

.ll-c4-logo-text {
  color: var(--ll-c4-gold2);
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center
}

.ll-c4-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px
}

.ll-c4-action,
.ll-c4-mobile-toggle,
.ll-c4-drawer-close {
  appearance: none;
  border: 1px solid rgba(212, 175, 55, .42);
  background: radial-gradient(circle at 50% 0%, rgba(138, 255, 0, .08), transparent 38%), linear-gradient(180deg, rgba(23, 15, 36, .96), rgba(6, 4, 11, .96));
  color: var(--ll-c4-text) !important;
  border-radius: 15px;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  text-decoration: none !important;
  box-shadow: inset 0 0 18px rgba(82, 34, 140, .28), 0 0 17px rgba(0, 0, 0, .46);
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease
}

.ll-c4-action:hover,
.ll-c4-mobile-toggle:hover,
.ll-c4-drawer-close:hover {
  transform: translateY(-1px);
  border-color: rgba(138, 255, 0, .75);
  box-shadow: inset 0 0 20px rgba(138, 255, 0, .10), 0 0 20px rgba(138, 255, 0, .20);
  color: var(--ll-c4-green) !important
}

.ll-c4-action svg {
  width: 23px;
  height: 23px;
  fill: currentColor
}

.ll-c4-cart {
  position: relative
}

.ll-c4-cart-count {
  position: absolute;
  right: -7px;
  top: -8px;
  min-width: 23px;
  height: 23px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--ll-c4-green);
  color: #081006;
  font-size: 12px;
  font-weight: 950;
  display: grid;
  place-items: center;
  border: 1px solid rgba(212, 175, 55, .75);
  box-shadow: 0 0 14px rgba(138, 255, 0, .72)
}

.ll-c4-mobile-toggle {
  display: none;
  gap: 4px
}

.ll-c4-mobile-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background: linear-gradient(90deg, var(--ll-c4-gold2), var(--ll-c4-green));
  border-radius: 99px;
  box-shadow: 0 0 8px rgba(138, 255, 0, .38)
}

.ll-c4-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 99994;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity .22s ease
}

.ll-c4-drawer-backdrop.is-open {
  opacity: 1
}

.ll-c4-mobile-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99995;
  width: min(90vw, 430px);
  height: 100dvh;
  transform: translateX(-104%);
  transition: transform .28s cubic-bezier(.2, .8, .2, 1);
  overflow: hidden;
  background: radial-gradient(circle at 36% 0%, rgba(138, 255, 0, .14), transparent 24%), linear-gradient(180deg, #080510, #03050a);
  border-right: 1px solid rgba(212, 175, 55, .42);
  box-shadow: 24px 0 76px rgba(0, 0, 0, .78), 0 0 42px rgba(82, 34, 140, .32);
  color: var(--ll-c4-text)
}

.ll-c4-mobile-drawer.is-open {
  transform: translateX(0)
}

.ll-c4-drawer-cave {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(180deg, rgba(3, 5, 10, .30), rgba(3, 5, 10, .72)), var(--ll-c4-cave-img);
  background-size: cover;
  background-position: center top;
  opacity: .52;
  filter: saturate(1.2) contrast(1.18)
}

.ll-c4-mobile-drawer:before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(148, 78, 220, .66);
  clip-path: polygon(4% 0, 96% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4%);
  pointer-events: none;
  box-shadow: inset 0 0 30px rgba(82, 34, 140, .26);
  z-index: 1
}

.ll-c4-drawer-top {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 18px 16px 12px;
  border-bottom: 1px solid rgba(148, 78, 220, .42);
  background: linear-gradient(90deg, rgba(7, 4, 12, .62), rgba(20, 13, 31, .48))
}

.ll-c4-drawer-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0
}

.ll-c4-drawer-brand .ll-c4-logo-img {
  width: 74px;
  max-height: 62px
}

.ll-c4-drawer-brand span:last-child {
  display: block;
  color: var(--ll-c4-gold2);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-weight: 950;
  white-space: nowrap
}

.ll-c4-drawer-close {
  width: 42px;
  height: 42px;
  font-size: 24px;
  line-height: 1;
  z-index: 3
}

.ll-c4-drawer-trust {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 16px;
  scrollbar-width: none
}

.ll-c4-drawer-trust span {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(212, 175, 55, .30);
  border-radius: 999px;
  background: rgba(20, 13, 31, .74);
  color: rgba(244, 241, 232, .9);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .045em
}

.ll-c4-mobile-nav {
  position: relative;
  z-index: 2;
  height: calc(100dvh - 145px);
  overflow: auto;
  padding: 8px 14px 28px
}

.ll-c4-mobile-menu,
.ll-c4-mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.ll-c4-mobile-menu li {
  position: relative;
  margin: 0 0 8px
}

.ll-c4-mobile-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 12px 48px 12px 15px;
  border: 1px solid rgba(148, 78, 220, .54);
  clip-path: polygon(4% 0, 96% 0, 100% 18%, 100% 82%, 96% 100%, 4% 100%, 0 82%, 0 18%);
  background: linear-gradient(90deg, rgba(20, 13, 31, .82), rgba(7, 4, 12, .82));
  color: var(--ll-c4-text) !important;
  text-decoration: none !important;
  font-weight: 950;
  letter-spacing: .045em;
  box-shadow: inset 0 0 16px rgba(82, 34, 140, .18)
}

.ll-c4-mobile-menu a:hover {
  border-color: rgba(138, 255, 0, .68);
  color: var(--ll-c4-green) !important;
  box-shadow: inset 0 0 18px rgba(138, 255, 0, .09), 0 0 14px rgba(138, 255, 0, .12)
}

.ll-c4-sub-toggle {
  position: absolute;
  right: 7px;
  top: 5px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(212, 175, 55, .38);
  background: rgba(5, 4, 10, .76);
  color: var(--ll-c4-gold2);
  font-size: 18px;
  font-weight: 950;
  cursor: pointer;
  display: grid;
  place-items: center
}

.ll-c4-mobile-menu .sub-menu {
  display: none;
  margin: 8px 0 0 12px;
  padding-left: 10px;
  border-left: 1px solid rgba(138, 255, 0, .28)
}

.ll-c4-mobile-menu li.is-open>.sub-menu {
  display: block
}

.ll-c4-mobile-menu li.is-open>.ll-c4-sub-toggle {
  color: var(--ll-c4-green);
  border-color: rgba(138, 255, 0, .66);
  box-shadow: 0 0 12px rgba(138, 255, 0, .16)
}

.ll-c4-mobile-menu .sub-menu a {
  min-height: 42px;
  font-size: 13px;
  font-weight: 850;
  background: rgba(16, 10, 28, .70)
}

@media (max-width:1280px) {
  .ll-c4-desktop-menu {
    gap: 16px
  }

  .ll-c4-desktop-menu a {
    font-size: 12px;
    letter-spacing: .055em
  }

  .ll-c4-logo-orb {
    width: 146px
  }

  .ll-c4-logo-img {
    width: 116px;
    max-height: 88px
  }

  .ll-c4-logo-orb:before {
    width: 132px;
    height: 132px
  }

  .ll-c4-action {
    width: 48px;
    height: 48px
  }

  .ll-c4-actions {
    gap: 9px
  }
}

@media (max-width:980px) {
  .ll-c4-desktop-nav {
    display: none
  }

  .ll-c4-mobile-toggle {
    display: grid
  }

  .ll-c4-main-frame {
    min-height: 78px;
    margin: 9px auto 10px;
    grid-template-columns: 1fr auto 1fr;
    padding: 0 12px;
    clip-path: polygon(2.5% 0, 97.5% 0, 100% 25%, 100% 75%, 97.5% 100%, 2.5% 100%, 0 75%, 0 25%)
  }

  .ll-c4-logo-orb {
    width: 112px;
    height: 78px
  }

  .ll-c4-logo-img {
    width: 94px;
    max-height: 72px
  }

  .ll-c4-logo-orb:before {
    width: 98px;
    height: 98px
  }

  .ll-c4-top-gem {
    width: 32px;
    height: 32px;
    top: -8px
  }

  .ll-c4-bottom-gem {
    display: none
  }

  .ll-c4-action,
  .ll-c4-mobile-toggle {
    width: 40px;
    height: 40px;
    border-radius: 14px
  }

  .ll-c4-action svg {
    width: 19px;
    height: 19px
  }
}

@media (max-width:640px) {
  .ll-c4-main-frame {
    width: calc(100vw - 16px);
    min-height: 68px;
    gap: 8px;
    padding: 0 10px;
    clip-path: polygon(4% 0, 96% 0, 100% 20%, 100% 80%, 96% 100%, 4% 100%, 0 80%, 0 20%)
  }

  .ll-c4-main-frame:before {
    inset: 6px;
    clip-path: polygon(4% 0, 96% 0, 100% 20%, 100% 80%, 96% 100%, 4% 100%, 0 80%, 0 20%)
  }

  .ll-c4-main-frame:after {
    left: 15%;
    right: 15%;
    opacity: .5
  }

  .ll-c4-rock {
    display: none
  }

  .ll-c4-top-gem {
    display: none
  }

  .ll-c4-logo-orb {
    width: 100px;
    height: 66px
  }

  .ll-c4-logo-img {
    width: 82px;
    max-height: 64px
  }

  .ll-c4-logo-orb:before {
    width: 82px;
    height: 82px
  }

  .ll-c4-actions {
    gap: 6px
  }

  .ll-c4-action,
  .ll-c4-mobile-toggle {
    width: 38px;
    height: 38px;
    border-radius: 13px
  }

  .ll-c4-action:nth-child(2) {
    display: none
  }

}

.ll-c4-actions .ll-c4-notifications-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ll-c4-notifications-toggle svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-c4-actions .ll-c4-notifications-toggle .ll-c4-notification-count {
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  bottom: auto !important;
  left: auto !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 18px;
  height: 18px;
  padding: 0 4px;

  border: 2px solid #101116;
  border-radius: 999px;
  background: var(--llv3-gold, #f0c33c);
  color: #111;

  font-size: 10px;
  font-weight: 900;
  line-height: 1;

  transform: none !important;
  z-index: 5;
  box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .ll-c4-notifications-toggle {
    display: none;
  }
}

.ll-c4-notifications-menu {
  position: absolute;
  top: calc(100% + 12px);
  right: 100px;

  width: min(360px, calc(100vw - 32px));
  padding: 18px;

  border: 1px solid rgba(240, 195, 60, 0.35);
  border-radius: 16px;

  background:
    linear-gradient(145deg,
      rgba(26, 21, 42, 0.98),
      rgba(8, 10, 18, 0.98));

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);

  color: #fff;
  z-index: 1000;
}

.ll-c4-notifications-menu[hidden] {
  display: none;
}

.ll-c4-notifications-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ll-c4-notifications-menu__header strong {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}

.ll-c4-notifications-menu__empty {
  padding: 18px 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.5;
}

.ll-c4-notifications-menu__view-all {
  display: block;
  margin-top: 12px;
  padding-top: 14px;

  border-top: 1px solid rgba(255, 255, 255, 0.08);

  color: var(--llv3-gold, #f0c33c);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.ll-c4-notifications-menu__view-all:hover {
  color: #fff;
}

.ll-c4-notifications-menu__list {
  display: grid;
  gap: 10px;
}

.ll-c4-notifications-menu__item {
  position: relative;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
}

.ll-c4-notifications-menu__item.is-unread {
  border-color: rgba(240, 195, 60, 0.35);
  background: rgba(240, 195, 60, 0.06);
}

.ll-c4-notifications-menu__item--link {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: background 0.2s ease,
    border-color 0.2s ease,
    transform 0.15s ease;
}

.ll-c4-notifications-menu__item--link:hover {
  border-color: rgba(240, 195, 60, 0.45);
  background: rgba(255, 255, 255, 0.06);
  transform: translateY(-1px);
}

.ll-c4-notifications-menu__item--link:focus-visible {
  outline: 2px solid #f0c33c;
  outline-offset: 2px;
}

.ll-c4-notifications-menu__new {
  display: inline-flex;
  margin-bottom: 7px;
  padding: 3px 7px;
  border: 1px solid rgba(240, 195, 60, 0.45);
  border-radius: 999px;
  color: var(--llv3-gold, #f0c33c);
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.ll-c4-notifications-menu__title {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.ll-c4-notifications-menu__message {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
}

.ll-c4-notifications-menu__date {
  display: block;
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 10px;
  line-height: 1.2;
}

/* =========================================================
   v5 cave/logo/menu-builder refinements
========================================================= */
:root {
  --ll-c4-cave-depth: .70;
  --ll-c4-frame-power: .72;
  --ll-c4-logo-w: 132px;
  --ll-c4-logo-w-tab: 104px;
  --ll-c4-logo-w-mob: 82px
}

.ll-c4-header-shell {
  background:
    radial-gradient(circle at 50% -22%, rgba(138, 255, 0, calc(.18 * var(--ll-c4-cave-depth))), transparent 22%),
    radial-gradient(ellipse at 18% 55%, rgba(90, 28, 150, calc(.42 * var(--ll-c4-cave-depth))), transparent 38%),
    radial-gradient(ellipse at 82% 55%, rgba(90, 28, 150, calc(.36 * var(--ll-c4-cave-depth))), transparent 38%),
    linear-gradient(180deg, #03050a 0%, #090514 58%, #03050a 100%)
}

.ll-c4-cave-layer {
  opacity: var(--ll-c4-cave-opacity);
  background-image: linear-gradient(90deg, rgba(3, 5, 10, .82), rgba(3, 5, 10, .28), rgba(3, 5, 10, .82)), linear-gradient(180deg, rgba(3, 5, 10, .72), rgba(3, 5, 10, .20) 48%, rgba(3, 5, 10, .78)), var(--ll-c4-cave-img);
  background-position: center center;
  background-size: cover;
  filter: saturate(1.32) contrast(1.2) brightness(.82)
}

.ll-c4-main-frame {
  border-color: rgba(148, 78, 220, calc(.55 + (.38 * var(--ll-c4-frame-power))));
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, .18), inset 0 0 48px rgba(82, 34, 140, calc(.23 + (.34 * var(--ll-c4-frame-power)))), 0 0 48px rgba(82, 34, 140, calc(.20 + (.28 * var(--ll-c4-frame-power)))), 0 20px 58px rgba(0, 0, 0, .74)
}

.ll-c4-logo-img {
  width: var(--ll-c4-logo-w) !important;
  max-height: 112px
}

.ll-c4-drawer-brand .ll-c4-logo-img {
  width: calc(var(--ll-c4-logo-w-mob) * .9) !important;
  max-height: 66px
}

.ll-c4-logo-orb:before {
  background: radial-gradient(circle at 50% 36%, rgba(138, 255, 0, .32), rgba(32, 16, 48, .28) 24%, rgba(82, 34, 140, .40) 43%, rgba(5, 4, 10, .98) 71%)
}

.ll-c4-desktop-menu .sub-menu {
  top: calc(100% + 12px);
  padding: 18px 14px 14px;
  background:
    radial-gradient(circle at 50% 0%, rgba(138, 255, 0, .18), transparent 26%),
    radial-gradient(circle at 20% 20%, rgba(108, 44, 184, .26), transparent 34%),
    linear-gradient(180deg, rgba(17, 10, 28, .99), rgba(6, 4, 11, .99));
}

.ll-c4-desktop-menu .sub-menu a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px
}

.ll-c4-desktop-menu .sub-menu a span {
  line-height: 1.15
}

.ll-c4-menu-note {
  display: block;
  color: rgba(240, 214, 109, .82);
  font-size: 10px;
  line-height: 1.2;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .055em;
  font-weight: 850;
  margin-top: 1px
}

.ll-c4-desktop-menu>li>a .ll-c4-menu-note {
  display: none
}

.ll-c4-mobile-menu a {
  flex-direction: column;
  align-items: flex-start;
  gap: 3px
}

.ll-c4-mobile-menu a span {
  line-height: 1.15
}

.ll-c4-mobile-menu .ll-c4-menu-note {
  font-size: 10px;
  color: rgba(240, 214, 109, .84)
}

.ll-c4-mobile-menu .sub-menu {
  display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0 0 0 12px;
  padding-left: 10px;
  border-left: 1px solid rgba(138, 255, 0, .28);
  transition: max-height .34s ease, opacity .24s ease, margin .24s ease
}

.ll-c4-mobile-menu li.is-open>.sub-menu {
  max-height: 1600px;
  opacity: 1;
  margin-top: 8px
}

.ll-c4-sub-toggle {
  transition: transform .24s ease, color .24s ease, border-color .24s ease, box-shadow .24s ease
}

.ll-c4-mobile-menu li.is-open>.ll-c4-sub-toggle {
  transform: rotate(180deg)
}

.ll-c4-mobile-drawer {
  background: radial-gradient(circle at 50% 13%, rgba(138, 255, 0, .16), transparent 23%), radial-gradient(circle at 12% 45%, rgba(82, 34, 140, .34), transparent 36%), linear-gradient(180deg, #080510, #03050a)
}

.ll-c4-drawer-cave {
  opacity: calc(.40 + (.25 * var(--ll-c4-cave-depth)));
  background-image: linear-gradient(180deg, rgba(3, 5, 10, .18), rgba(3, 5, 10, .74)), var(--ll-c4-cave-img)
}

@media (max-width:1280px) {
  .ll-c4-logo-img {
    width: calc(var(--ll-c4-logo-w) * .88) !important
  }
}

@media (max-width:980px) {
  .ll-c4-logo-img {
    width: var(--ll-c4-logo-w-tab) !important;
    max-height: 82px
  }
}

@media (max-width:640px) {
  .ll-c4-logo-img {
    width: var(--ll-c4-logo-w-mob) !important;
    max-height: 66px
  }
}


/* =========================================================
   LL CONCEPT 4 v6 — DESKTOP FLOATING DROPDOWN FIX
   Dropdowns are rendered as body-level cave panels so the
   angular frame can keep its clipped/rock shape without
   cutting submenu panels off.
========================================================= */
@media (min-width:981px) {

  .ll-c4-header-shell,
  .ll-c4-main-frame,
  .ll-c4-left-zone,
  .ll-c4-desktop-nav,
  .ll-c4-desktop-menu,
  .ll-c4-desktop-menu>li {
    overflow: visible !important;
  }

  /* Keep the original submenu available for JS cloning but stop it
     trying to render inside the clipped frame on desktop. */
  .ll-c4-desktop-menu .sub-menu {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-50%) translateY(8px) !important;
  }

  .ll-c4-floating-dropdown {
    position: fixed;
    left: 0;
    top: 0;
    min-width: 260px;
    max-width: min(420px, calc(100vw - 24px));
    z-index: 2147483000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 10px, 0);
    transition: opacity .16s ease, transform .18s ease, visibility .18s ease;
    filter: drop-shadow(0 22px 38px rgba(0, 0, 0, .72));
  }

  .ll-c4-floating-dropdown.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  .ll-c4-floating-dropdown::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -11px;
    width: 24px;
    height: 24px;
    transform: translateX(-50%) rotate(45deg);
    background: radial-gradient(circle, rgba(202, 255, 108, 1), rgba(78, 180, 0, .78) 34%, rgba(14, 8, 24, 1) 72%);
    border: 1px solid rgba(230, 201, 106, .62);
    box-shadow: 0 0 18px rgba(138, 255, 0, .74), 0 0 34px rgba(109, 47, 184, .34), inset 0 0 10px rgba(255, 255, 255, .16);
    z-index: 3;
  }

  .ll-c4-floating-dropdown::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(138, 255, 0, .78), rgba(230, 201, 106, .54), rgba(138, 255, 0, .78), transparent);
    box-shadow: 0 0 16px rgba(138, 255, 0, .45);
    z-index: 4;
  }

  .ll-c4-floating-dropdown .ll-c4-floating-panel {
    position: relative;
    padding: 18px 14px 14px;
    background:
      radial-gradient(circle at 50% 0%, rgba(138, 255, 0, .16), transparent 30%),
      radial-gradient(circle at 12% 80%, rgba(109, 47, 184, .30), transparent 42%),
      linear-gradient(180deg, rgba(22, 13, 34, .985), rgba(5, 4, 10, .995));
    border: 1px solid rgba(148, 78, 220, .82);
    clip-path: polygon(7% 0, 93% 0, 100% 13%, 100% 87%, 93% 100%, 7% 100%, 0 87%, 0 13%);
    box-shadow:
      inset 0 0 0 1px rgba(230, 201, 106, .16),
      inset 0 0 28px rgba(109, 47, 184, .30),
      0 0 28px rgba(138, 255, 0, .12);
  }

  .ll-c4-floating-dropdown ul,
  .ll-c4-floating-dropdown li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .ll-c4-floating-dropdown li {
    position: relative;
  }

  .ll-c4-floating-dropdown a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    min-height: 40px;
    padding: 10px 12px;
    border-radius: 11px;
    color: rgba(244, 241, 232, .96) !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: none;
    white-space: nowrap;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    transition: background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
  }

  .ll-c4-floating-dropdown a:hover,
  .ll-c4-floating-dropdown li:focus-within>a {
    color: var(--ll-c4-green) !important;
    background: linear-gradient(90deg, rgba(138, 255, 0, .11), rgba(109, 47, 184, .18));
    box-shadow: inset 3px 0 0 rgba(138, 255, 0, .74), 0 0 14px rgba(138, 255, 0, .10);
    transform: translateX(2px);
  }

  .ll-c4-floating-dropdown .ll-c4-menu-note {
    display: block;
    color: rgba(240, 214, 109, .82);
    font-size: 10px;
    line-height: 1.2;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .055em;
    font-weight: 850;
    margin-top: 1px;
  }

  /* Nested submenu panels inside the floating dropdown */
  .ll-c4-floating-dropdown .sub-menu {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: calc(100% + 14px) !important;
    min-width: 240px;
    padding: 14px 12px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    background:
      radial-gradient(circle at 50% 0%, rgba(138, 255, 0, .13), transparent 30%),
      linear-gradient(180deg, rgba(22, 13, 34, .98), rgba(5, 4, 10, .995));
    border: 1px solid rgba(148, 78, 220, .78);
    clip-path: polygon(7% 0, 93% 0, 100% 13%, 100% 87%, 93% 100%, 7% 100%, 0 87%, 0 13%);
    box-shadow: inset 0 0 0 1px rgba(230, 201, 106, .13), inset 0 0 24px rgba(109, 47, 184, .26), 0 20px 50px rgba(0, 0, 0, .70), 0 0 20px rgba(138, 255, 0, .10);
    transition: opacity .15s ease, visibility .15s ease, transform .15s ease;
    z-index: 3;
  }

  .ll-c4-floating-dropdown li:hover>.sub-menu,
  .ll-c4-floating-dropdown li:focus-within>.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}

/* =========================================================
   LL Concept 4 v7 — Cart Drawer + Account Dropdown
========================================================= */
.ll-c4-account-wrap {
  position: relative;
  display: grid;
  place-items: center;
  z-index: 99996
}

.ll-c4-account-menu {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  min-width: 380px;
  padding: 0;
  overflow: hidden;
  background: radial-gradient(circle at 50% 0%, rgba(138, 255, 0, .13), transparent 30%), linear-gradient(180deg, rgba(22, 13, 34, .985), rgba(5, 4, 10, .995));
  border: 1px solid rgba(148, 78, 220, .82);
  clip-path: polygon(8% 0, 92% 0, 100% 15%, 100% 85%, 92% 100%, 8% 100%, 0 85%, 0 15%);
  box-shadow: inset 0 0 0 1px rgba(230, 201, 106, .15), inset 0 0 25px rgba(109, 47, 184, .30), 0 20px 54px rgba(0, 0, 0, .72), 0 0 24px rgba(138, 255, 0, .12);
  z-index: 999999
}

.ll-c4-account-menu:before {
  content: "";
  position: absolute;
  top: -9px;
  right: 23px;
  width: 19px;
  height: 19px;
  transform: rotate(45deg);
  background: radial-gradient(circle, rgba(138, 255, 0, .94), rgba(82, 34, 140, .72) 42%, rgba(7, 4, 12, 1) 72%);
  border: 1px solid rgba(212, 175, 55, .48);
  box-shadow: 0 0 15px rgba(138, 255, 0, .42)
}

.ll-c4-account-menu a {
  display: flex;
  align-items: center;
  min-height: 39px;
  padding: 10px 12px;
  border-radius: 10px;
  color: rgba(244, 241, 232, .96) !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .8)
}

.ll-c4-account-menu a:hover {
  color: var(--ll-c4-green) !important;
  background: linear-gradient(90deg, rgba(138, 255, 0, .11), rgba(109, 47, 184, .18));
  box-shadow: inset 3px 0 0 rgba(138, 255, 0, .74), 0 0 14px rgba(138, 255, 0, .10)
}

.ll-c4-cart-toggle {
  position: relative
}

.ll-c4-cart-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .62);
  backdrop-filter: blur(4px);
  z-index: 999991;
  opacity: 0;
  transition: opacity .24s ease
}

.ll-c4-cart-backdrop.is-open {
  opacity: 1
}

.ll-c4-cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: min(440px, 92vw);
  height: 100dvh;
  background: radial-gradient(circle at 50% 0%, rgba(138, 255, 0, .16), transparent 22%), radial-gradient(circle at 12% 70%, rgba(82, 34, 140, .46), transparent 40%), linear-gradient(180deg, #080512, #03050a);
  border-left: 1px solid rgba(212, 175, 55, .35);
  box-shadow: -22px 0 70px rgba(0, 0, 0, .75), inset 1px 0 0 rgba(148, 78, 220, .55);
  z-index: 999992;
  transform: translateX(104%);
  transition: transform .32s cubic-bezier(.2, .8, .2, 1);
  overflow: hidden;
  color: var(--ll-c4-text);
  display: flex;
  flex-direction: column
}

.ll-c4-cart-drawer.is-open {
  transform: translateX(0)
}

body.ll-c4-cart-open {
  overflow: hidden !important
}

.ll-c4-cart-drawer:before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(148, 78, 220, .48);
  clip-path: polygon(6% 0, 94% 0, 100% 5%, 100% 95%, 94% 100%, 6% 100%, 0 95%, 0 5%);
  pointer-events: none;
  box-shadow: inset 0 0 30px rgba(109, 47, 184, .22), 0 0 24px rgba(138, 255, 0, .08);
  z-index: 2
}

.ll-c4-cart-drawer .ll-c4-drawer-cave {
  opacity: .28
}

.ll-c4-cart-drawer-top {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 22px 20px 16px;
  border-bottom: 1px solid rgba(212, 175, 55, .20);
  background: linear-gradient(180deg, rgba(15, 9, 26, .86), rgba(6, 4, 12, .40))
}

.ll-c4-cart-drawer-close {
  appearance: none;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  border: 1px solid rgba(212, 175, 55, .42);
  background: linear-gradient(180deg, rgba(23, 15, 36, .96), rgba(6, 4, 11, .96));
  color: #fff;
  font-size: 26px;
  line-height: 1;
  display: grid;
  place-items: center;
  box-shadow: inset 0 0 18px rgba(82, 34, 140, .28), 0 0 17px rgba(0, 0, 0, .46);
  cursor: pointer
}

.ll-c4-cart-drawer-close:hover {
  border-color: rgba(138, 255, 0, .78);
  color: var(--ll-c4-green);
  box-shadow: inset 0 0 18px rgba(138, 255, 0, .12), 0 0 20px rgba(138, 255, 0, .20)
}

.ll-c4-cart-drawer-trust {
  position: relative;
  z-index: 4;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 10px 18px;
  border-bottom: 1px solid rgba(148, 78, 220, .25);
  background: rgba(0, 0, 0, .18)
}

.ll-c4-cart-drawer-trust span {
  flex: 0 0 auto;
  color: var(--ll-c4-gold2);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .065em;
  text-transform: uppercase;
  border: 1px solid rgba(212, 175, 55, .24);
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(5, 4, 10, .56)
}

.ll-c4-cart-drawer-content {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 16px 18px 22px
}

.ll-c4-cart-empty {
  display: grid;
  gap: 12px;
  place-items: start;
  margin-top: 18px;
  padding: 20px;
  border: 1px solid rgba(212, 175, 55, .24);
  border-radius: 18px;
  background: rgba(5, 10, 18, .64);
  box-shadow: inset 0 0 22px rgba(109, 47, 184, .12)
}

.ll-c4-cart-empty strong {
  color: var(--ll-c4-gold2);
  font-size: 18px
}

.ll-c4-cart-empty p {
  margin: 0;
  color: var(--ll-c4-muted)
}

.ll-c4-cart-items {
  display: grid;
  gap: 12px
}

.ll-c4-cart-item {
  position: relative;
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: linear-gradient(180deg, rgba(15, 10, 24, .84), rgba(5, 8, 14, .84));
  border: 1px solid rgba(212, 175, 55, .20);
  border-radius: 18px;
  box-shadow: inset 0 0 20px rgba(109, 47, 184, .10)
}

.ll-c4-cart-thumb {
  width: 72px;
  height: 72px;
  border-radius: 14px;
  overflow: hidden;
  background: #050a12;
  border: 1px solid rgba(148, 78, 220, .35);
  display: grid;
  place-items: center
}

.ll-c4-cart-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.ll-c4-cart-meta {
  display: grid;
  gap: 3px;
  min-width: 0
}

.ll-c4-cart-title {
  color: var(--ll-c4-text) !important;
  text-decoration: none !important;
  font-weight: 950;
  font-size: 13px;
  line-height: 1.25
}

.ll-c4-cart-title:hover {
  color: var(--ll-c4-green) !important
}

.ll-c4-cart-line {
  color: var(--ll-c4-muted);
  font-size: 12px
}

.ll-c4-cart-subtotal {
  color: var(--ll-c4-gold2);
  font-size: 12px;
  font-weight: 950
}

.ll-c4-cart-remove {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid rgba(255, 120, 120, .35);
  background: rgba(80, 20, 28, .35);
  color: #ff8585 !important;
  text-decoration: none !important;
  font-size: 20px;
  font-weight: 800
}

.ll-c4-cart-remove:hover {
  background: rgba(110, 20, 32, .62);
  color: #fff !important
}

.ll-c4-cart-summary {
  position: sticky;
  bottom: -22px;
  margin-top: 16px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(18, 12, 28, .96), rgba(5, 4, 10, .98));
  border: 1px solid rgba(212, 175, 55, .28);
  border-radius: 18px;
  box-shadow: 0 -10px 36px rgba(0, 0, 0, .45), inset 0 0 20px rgba(109, 47, 184, .12)
}

.ll-c4-cart-summary div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--ll-c4-text);
  font-size: 14px;
  font-weight: 900
}

.ll-c4-cart-summary strong {
  color: var(--ll-c4-gold2);
  font-size: 17px
}

.ll-c4-cart-summary p {
  margin: 8px 0 13px;
  color: var(--ll-c4-muted);
  font-size: 12px
}

.ll-c4-cart-primary,
.ll-c4-cart-secondary {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 15px;
  text-decoration: none !important;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase
}

.ll-c4-cart-primary {
  background: linear-gradient(180deg, var(--ll-c4-gold2), var(--ll-c4-gold));
  color: #05070d !important;
  box-shadow: 0 0 20px rgba(212, 175, 55, .16)
}

.ll-c4-cart-secondary {
  margin-top: 10px;
  background: rgba(5, 10, 18, .70);
  border: 1px solid rgba(148, 78, 220, .45);
  color: var(--ll-c4-text) !important
}

.ll-c4-cart-primary:hover,
.ll-c4-cart-secondary:hover {
  transform: translateY(-1px);
  filter: brightness(1.06)
}

@media(max-width:760px) {
  .ll-c4-account-menu {
    right: -54px
  }

  .ll-c4-cart-drawer {
    width: 94vw
  }

  .ll-c4-cart-item {
    grid-template-columns: 64px 1fr auto
  }

  .ll-c4-cart-thumb {
    width: 64px;
    height: 64px
  }

  .ll-c4-cart-drawer-top {
    padding-top: 18px
  }

  .ll-c4-cart-drawer-content {
    padding-inline: 14px
  }
}


/* =========================================================
   LL Concept 4 Cave Header v8 — Viewport / Clipping Fix
   Keeps the cave frame look but prevents right-side action
   buttons, cart badge, account menu and dropdowns being cut off.
========================================================= */

@media (min-width: 981px) {

  .ll-c4-header-shell,
  .ll-c4-header-shell .ll-c4-main-frame,
  .ll-c4-header-shell .ll-c4-left-zone,
  .ll-c4-header-shell .ll-c4-actions,
  .ll-c4-header-shell .ll-c4-account-wrap,
  .ll-c4-header-shell .ll-c4-desktop-nav,
  .ll-c4-header-shell .ll-c4-desktop-menu,
  .ll-c4-header-shell .ll-c4-desktop-menu>li {
    overflow: visible !important;
  }

  /* The previous clipped polygon was cutting off the right icon area.
     This keeps the angular visual language without clipping children. */
  .ll-c4-main-frame {
    width: min(calc(100vw - 96px), 1800px) !important;
    max-width: calc(100vw - 96px) !important;
    padding-left: clamp(34px, 3vw, 58px) !important;
    padding-right: clamp(46px, 3.6vw, 74px) !important;
    clip-path: none !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  .ll-c4-main-frame::before {
    inset: 10px 18px !important;
    clip-path: polygon(2% 0, 98% 0, 100% 22%, 100% 78%, 98% 100%, 2% 100%, 0 78%, 0 22%) !important;
    z-index: 1 !important;
  }

  .ll-c4-main-frame::after {
    z-index: 1 !important;
  }

  .ll-c4-rock,
  .ll-c4-rock-l,
  .ll-c4-rock-r,
  .ll-c4-top-gem,
  .ll-c4-bottom-gem,
  .ll-c4-logo-orb,
  .ll-c4-left-zone,
  .ll-c4-actions {
    overflow: visible !important;
  }

  .ll-c4-rock-l {
    left: -1px !important;
  }

  .ll-c4-rock-r {
    right: -1px !important;
  }

  .ll-c4-actions {
    justify-self: end !important;
    padding-right: 10px !important;
    margin-right: 0 !important;
    z-index: 99996 !important;
  }

  .ll-c4-action,
  .ll-c4-account-wrap,
  .ll-c4-cart-toggle {
    position: relative !important;
    z-index: 99997 !important;
    overflow: visible !important;
  }

  .ll-c4-cart-count {
    right: -9px !important;
    top: -10px !important;
    z-index: 100000 !important;
  }

  .ll-c4-account-menu {
    right: 0 !important;
    z-index: 1000000 !important;
  }

  .ll-c4-desktop-menu .sub-menu {
    z-index: 1000000 !important;
  }
}

@media (min-width: 981px) and (max-width: 1280px) {
  .ll-c4-main-frame {
    width: min(calc(100vw - 44px), 1800px) !important;
    max-width: calc(100vw - 44px) !important;
    padding-left: 28px !important;
    padding-right: 42px !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(150px, .55fr) !important;
  }

  .ll-c4-desktop-menu {
    gap: clamp(12px, 1.7vw, 24px) !important;
  }

  .ll-c4-desktop-menu a {
    font-size: 12px !important;
    letter-spacing: .055em !important;
  }

  .ll-c4-action {
    width: 48px !important;
    height: 48px !important;
  }
}

@media (max-width: 980px) {

  .ll-c4-main-frame,
  .ll-c4-actions,
  .ll-c4-account-wrap,
  .ll-c4-cart-toggle,
  .ll-c4-action {
    overflow: visible !important;
  }

  .ll-c4-main-frame {
    max-width: calc(100vw - 18px) !important;
  }

  .ll-c4-cart-count {
    right: -7px !important;
    top: -9px !important;
  }
}

@media (max-width: 640px) {
  .ll-c4-main-frame {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    padding-left: 10px !important;
    padding-right: 16px !important;
  }
}

/* =========================================================
   LL Concept 4 v9 — Reliable dropdown nesting + login state
========================================================= */
@media (min-width:981px) {
  .ll-c4-desktop-menu>li.is-c4-open>a {
    color: var(--ll-c4-green) !important;
    text-shadow: 0 0 10px rgba(138, 255, 0, .55), 0 0 24px rgba(138, 255, 0, .22) !important;
  }

  .ll-c4-floating-dropdown .ll-c4-floating-root-menu {
    display: grid !important;
    gap: 3px !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  .ll-c4-floating-dropdown .ll-c4-has-nested>a {
    display: grid !important;
    grid-template-columns: 1fr auto;
    column-gap: 12px;
    align-items: center;
  }

  .ll-c4-floating-dropdown .ll-c4-has-nested>a>span:first-child {
    min-width: 0;
  }

  .ll-c4-floating-dropdown .ll-c4-nested-arrow {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 8px;
    color: var(--ll-c4-green);
    border: 1px solid rgba(138, 255, 0, .28);
    background: rgba(138, 255, 0, .06);
    box-shadow: 0 0 10px rgba(138, 255, 0, .10);
    font-size: 16px;
    line-height: 1;
  }

  .ll-c4-floating-dropdown .ll-c4-has-nested:hover>a .ll-c4-nested-arrow,
  .ll-c4-floating-dropdown .ll-c4-has-nested:focus-within>a .ll-c4-nested-arrow {
    border-color: rgba(138, 255, 0, .72);
    box-shadow: 0 0 14px rgba(138, 255, 0, .24);
  }

  .ll-c4-floating-dropdown .sub-menu .sub-menu {
    top: -10px !important;
    left: calc(100% + 12px) !important;
  }
}

/* =========================================================
   LL Concept 4 v10 — Mobile Account Dropdown Fix
   Uses fixed-position mobile panel so it cannot be clipped by
   the angular header frame or page wrappers.
========================================================= */
@media (max-width: 980px) {
  .ll-c4-account-menu:not([hidden]) {
    position: fixed !important;
    top: var(--ll-c4-account-mobile-top, 132px) !important;
    right: 14px !important;
    left: auto !important;
    min-width: 210px !important;
    max-width: calc(100vw - 28px) !important;
    display: grid !important;
    gap: 4px !important;
    z-index: 2147483000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateZ(0) !important;
  }

  .ll-c4-account-menu:not([hidden])::before {
    right: 26px !important;
  }

  .ll-c4-account-wrap,
  .ll-c4-actions,
  .ll-c4-main-frame,
  .ll-c4-header-shell {
    overflow: visible !important;
  }

  .ll-c4-account-toggle[aria-expanded="true"] {
    border-color: rgba(138, 255, 0, .92) !important;
    color: var(--ll-c4-green) !important;
    box-shadow:
      inset 0 0 18px rgba(138, 255, 0, .13),
      0 0 22px rgba(138, 255, 0, .26) !important;
  }
}

/* =========================================================
   LL Concept 4 v11 — Bulletproof Mobile Account Portal
   Creates a body-level fixed dropdown on mobile so it cannot
   be clipped by the header frame, Safari viewport, or wrappers.
========================================================= */
.ll-c4-account-menu-mobile-portal {
  position: fixed !important;
  top: var(--ll-c4-account-portal-top, 120px) !important;
  right: var(--ll-c4-account-portal-right, 14px) !important;
  left: auto !important;
  width: min(380px, calc(100vw - 24px)) !important;
  min-width: 340px !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(138, 255, 0, .16), transparent 32%),
    linear-gradient(180deg, rgba(22, 13, 34, .992), rgba(5, 4, 10, .998)) !important;
  border: 1px solid rgba(148, 78, 220, .86) !important;
  clip-path: polygon(8% 0, 92% 0, 100% 15%, 100% 85%, 92% 100%, 8% 100%, 0 85%, 0 15%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(230, 201, 106, .16),
    inset 0 0 26px rgba(109, 47, 184, .32),
    0 22px 58px rgba(0, 0, 0, .76),
    0 0 28px rgba(138, 255, 0, .14) !important;
  z-index: 2147483647 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-6px) translateZ(0) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.ll-c4-account-menu-mobile-portal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) translateZ(0) !important;
}

.ll-c4-account-menu-mobile-portal::before {
  content: "";
  position: absolute;
  top: -9px;
  right: 34px;
  width: 19px;
  height: 19px;
  transform: rotate(45deg);
  background: radial-gradient(circle, rgba(138, 255, 0, .96), rgba(82, 34, 140, .74) 42%, rgba(7, 4, 12, 1) 72%);
  border: 1px solid rgba(212, 175, 55, .50);
  box-shadow: 0 0 16px rgba(138, 255, 0, .46);
}

.ll-c4-account-menu-mobile-portal a {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 10px 13px !important;
  border-radius: 11px !important;
  color: rgba(244, 241, 232, .97) !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .85) !important;
}

.ll-c4-account-menu-mobile-portal a:hover,
.ll-c4-account-menu-mobile-portal a:focus {
  color: var(--ll-c4-green) !important;
  background: linear-gradient(90deg, rgba(138, 255, 0, .12), rgba(109, 47, 184, .20)) !important;
  box-shadow: inset 3px 0 0 rgba(138, 255, 0, .78), 0 0 14px rgba(138, 255, 0, .12) !important;
}

@media (max-width: 980px) {
  .ll-c4-account-menu:not(.ll-c4-account-menu-mobile-portal) {
    display: none !important;
  }
}

/* =========================================================
   LL Concept 4 v14 — Feature Pack
   Admin preview, presets, announcement bar, free shipping,
   safe mobile spacing, seasonal modes, cart qty controls,
   and Woo filter cave-panel support.
========================================================= */
.ll-c4-announcement {
  position: relative;
  z-index: 99990;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid rgba(138, 255, 0, .18);
  border-bottom: 1px solid rgba(148, 78, 220, .32);
  background: linear-gradient(90deg, rgba(5, 4, 10, .78), rgba(109, 47, 184, .18), rgba(5, 4, 10, .78));
  color: var(--ll-c4-gold2);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .085em;
  text-transform: uppercase;
  padding: 8px 0;
  text-shadow: 0 0 12px rgba(212, 175, 55, .18);
}

.ll-c4-announcement span {
  display: inline-block;
  padding-left: 100%;
  animation: llC4Marquee var(--ll-c4-announcement-speed, 28s) linear infinite;
}

.ll-c4-announcement span+span {
  animation-delay: calc(var(--ll-c4-announcement-speed, 28s) / -2)
}

.ll-c4-announcement:hover span {
  animation-play-state: paused;
}

@keyframes llC4Marquee {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

@media(prefers-reduced-motion:reduce) {
  .ll-c4-announcement span {
    animation: none !important;
    padding-left: 18px
  }
}

.ll-c4-free-ship {
  margin: 0 0 14px;
  padding: 13px;
  border: 1px solid rgba(212, 175, 55, .28);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(15, 10, 24, .82), rgba(5, 8, 14, .82));
  box-shadow: inset 0 0 20px rgba(109, 47, 184, .12)
}

.ll-c4-free-ship-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--ll-c4-gold2);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .055em
}

.ll-c4-free-ship-top span {
  color: var(--ll-c4-green)
}

.ll-c4-free-ship-bar {
  height: 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(148, 78, 220, .30);
  overflow: hidden;
  margin-top: 9px
}

.ll-c4-free-ship-bar i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ll-c4-green), var(--ll-c4-gold2));
  box-shadow: 0 0 16px rgba(138, 255, 0, .52)
}

.ll-c4-qty-controls {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 3px;
  padding: 4px;
  border: 1px solid rgba(148, 78, 220, .38);
  border-radius: 999px;
  background: rgba(5, 4, 10, .62);
  width: max-content
}

.ll-c4-qty-controls button {
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, .35);
  background: linear-gradient(180deg, rgba(23, 15, 36, .96), rgba(6, 4, 11, .96));
  color: var(--ll-c4-gold2);
  font-size: 18px;
  font-weight: 950;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer
}

.ll-c4-qty-controls button:hover {
  color: var(--ll-c4-green);
  border-color: rgba(138, 255, 0, .75);
  box-shadow: 0 0 14px rgba(138, 255, 0, .18)
}

.ll-c4-qty-controls strong {
  min-width: 18px;
  text-align: center;
  color: #fff;
  font-size: 12px
}

.ll-c4-cart-drawer-content.is-updating {
  opacity: .62;
  pointer-events: none
}

@keyframes llC4PulseLogo {

  0%,
  100% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.045)
  }
}

@media(max-width:760px) {
  .ll-c4-cart-drawer-content {
    padding-bottom: calc(26px + env(safe-area-inset-bottom, 0px))
  }

  .ll-c4-mobile-drawer {
    padding-bottom: env(safe-area-inset-bottom, 0px)
  }

  .ll-c4-cart-summary {
    bottom: calc(-22px + env(safe-area-inset-bottom, 0px))
  }

  .ll-c4-announcement {
    font-size: 10px;
    padding: 7px 0
  }

  .ll-c4-free-ship {
    margin-inline: 0
  }

  .ll-c4-qty-controls button {
    width: 30px;
    height: 30px
  }
}

/* Extra theme footer hiding safety */
body.ll-c4-footer-active .wp-site-blocks>footer:not(.ll-c4-footer),
body.ll-c4-footer-active footer.site-footer,
body.ll-c4-footer-active #colophon,
body.ll-c4-footer-active .site-footer:not(.ll-c4-keep-footer) {
  display: none !important
}

/* =========================================================
   LL Concept 4 v16 — WooCommerce Filter Cave Panel + Drawer
========================================================= */
body.ll-c4-filter-active .widget_price_filter,
body.ll-c4-filter-active .widget_layered_nav,
body.ll-c4-filter-active .woocommerce-widget-layered-nav,
body.ll-c4-filter-active .widget_rating_filter,
body.ll-c4-filter-active .widget_product_categories,
body.ll-c4-filter-active .widget_layered_nav_filters,
body.ll-c4-filter-active .wc-blocks-filter-wrapper,
body.ll-c4-filter-active .wp-block-woocommerce-filter-wrapper,
body.ll-c4-filter-active .wp-block-woocommerce-price-filter,
body.ll-c4-filter-active .wp-block-woocommerce-attribute-filter,
body.ll-c4-filter-active .wp-block-woocommerce-active-filters,
body.ll-c4-filter-active .wp-block-woocommerce-stock-filter,
body.ll-c4-filter-active .wp-block-woocommerce-rating-filter,
body.ll-c4-filter-active .woof,
body.ll-c4-filter-active .woof_sid_widget,
body.ll-c4-filter-active .prdctfltr_wc,
body.ll-c4-filter-active .berocket_single_filter_widget {
  background: linear-gradient(180deg, rgba(18, 12, 28, .94), rgba(5, 4, 10, .98)) !important;
  border: 1px solid rgba(148, 78, 220, .48) !important;
  border-radius: 20px !important;
  padding: 16px !important;
  box-shadow: inset 0 0 24px rgba(109, 47, 184, .18), 0 0 22px rgba(138, 255, 0, .07) !important;
  color: #f3f3f3 !important;
}

body.ll-c4-filter-active .widget_price_filter h2,
body.ll-c4-filter-active .widget_price_filter .widget-title,
body.ll-c4-filter-active .widget_layered_nav h2,
body.ll-c4-filter-active .woocommerce-widget-layered-nav h2,
body.ll-c4-filter-active .widget_product_categories h2,
body.ll-c4-filter-active .wc-blocks-filter-wrapper h2,
body.ll-c4-filter-active .wp-block-woocommerce-filter-wrapper h2,
body.ll-c4-filter-active .woof_container_inner h4,
body.ll-c4-filter-active .prdctfltr_filter_title {
  color: #d4af37 !important;
  font-weight: 950 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body.ll-c4-filter-active .woocommerce-widget-layered-nav-list,
body.ll-c4-filter-active .widget_product_categories ul,
body.ll-c4-filter-active .wc-block-components-checkbox-list {
  display: grid !important;
  gap: 8px !important
}

body.ll-c4-filter-active .woocommerce-widget-layered-nav-list a,
body.ll-c4-filter-active .widget_product_categories a,
body.ll-c4-filter-active .wc-block-components-checkbox label,
body.ll-c4-filter-active .woof label {
  color: #f3f3f3 !important;
  font-weight: 800 !important;
  text-decoration: none !important
}

body.ll-c4-filter-active .woocommerce-widget-layered-nav-list a:hover,
body.ll-c4-filter-active .widget_product_categories a:hover {
  color: #8aff00 !important;
  text-shadow: 0 0 12px rgba(138, 255, 0, .42) !important
}

.ll-c4-filter-fab {
  position: fixed;
  left: 16px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 99980;
  display: none;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 16px;
  border: 1px solid rgba(212, 175, 55, .45);
  background: linear-gradient(180deg, rgba(23, 15, 36, .96), rgba(5, 4, 10, .98));
  box-shadow: inset 0 0 18px rgba(109, 47, 184, .18), 0 0 18px rgba(138, 255, 0, .12);
  color: #e6c96a;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
  cursor: pointer
}

body.ll-c4-has-filters .ll-c4-filter-fab {
  display: flex
}

.ll-c4-filter-fab span {
  display: block;
  width: 18px;
  height: 2px;
  background: #8aff00;
  border-radius: 99px;
  box-shadow: 0 0 9px rgba(138, 255, 0, .7)
}

.ll-c4-filter-fab span:nth-child(2) {
  width: 13px
}

.ll-c4-filter-fab span:nth-child(3) {
  width: 9px
}

.ll-c4-filter-fab b {
  font-size: 12px
}

.ll-c4-filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: 99986;
  background: rgba(0, 0, 0, .58);
  opacity: 0;
  transition: opacity .24s ease;
  backdrop-filter: blur(3px)
}

.ll-c4-filter-backdrop.is-open {
  opacity: 1
}

.ll-c4-filter-drawer {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(440px, calc(100vw - 22px));
  z-index: 99987;
  transform: translateX(-104%);
  transition: transform .28s cubic-bezier(.2, .78, .2, 1);
  background: radial-gradient(circle at 50% 16%, rgba(138, 255, 0, .12), transparent 26%), linear-gradient(180deg, rgba(15, 8, 27, .98), rgba(5, 4, 10, .99));
  border-right: 1px solid rgba(212, 175, 55, .28);
  box-shadow: 24px 0 70px rgba(0, 0, 0, .72), inset 0 0 34px rgba(109, 47, 184, .20);
  overflow: hidden;
  color: #f3f3f3
}

.ll-c4-filter-drawer.is-open {
  transform: translateX(0)
}

.ll-c4-filter-top {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-bottom: 1px solid rgba(148, 78, 220, .36)
}

.ll-c4-filter-close {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(212, 175, 55, .38);
  background: rgba(5, 4, 10, .64);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer
}

.ll-c4-filter-content {
  position: relative;
  z-index: 3;
  height: calc(100dvh - 132px);
  overflow: auto;
  padding: 16px 18px 28px;
  display: grid;
  gap: 14px
}

.ll-c4-filter-content .ll-c4-filter-empty {
  color: #d8d8d8;
  font-weight: 800;
  border: 1px solid rgba(212, 175, 55, .24);
  border-radius: 16px;
  padding: 16px;
  background: rgba(5, 10, 18, .62)
}

.ll-c4-filter-placeholder {
  display: none !important
}

@media(min-width:981px) {

  .ll-c4-filter-fab,
  .ll-c4-filter-backdrop,
  .ll-c4-filter-drawer {
    display: none !important
  }
}

/* Keep filter drawer available only when real filter widgets/blocks exist. */
.ll-c4-filter-fab[hidden] {
  display: none !important;
}

body.ll-c4-has-filters .ll-c4-filter-fab:not([hidden]) {
  display: flex !important;
}

/* =========================================================
   LL Concept 4 v17 FINAL — Cleaner drawers + cart similar items
   Removes over-used tray trust badge strips and replaces cart strip
   with compact same-category upsells.
========================================================= */
.ll-c4-drawer-trust,
.ll-c4-cart-drawer-trust {
  display: none !important;
}

.ll-c4-cart-similar {
  position: relative;
  z-index: 4;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid rgba(212, 175, 55, .24);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(16, 10, 27, .78), rgba(5, 7, 13, .78));
  box-shadow: inset 0 0 22px rgba(109, 47, 184, .14), 0 12px 30px rgba(0, 0, 0, .28);
  overflow: hidden;
}

.ll-c4-cart-similar:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 10% 0%, rgba(138, 255, 0, .12), transparent 34%), radial-gradient(circle at 88% 100%, rgba(109, 47, 184, .20), transparent 42%);
  pointer-events: none;
}

.ll-c4-cart-similar-head {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
}

.ll-c4-cart-similar-head strong {
  color: var(--ll-c4-gold2);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
}

.ll-c4-cart-similar-head span {
  color: var(--ll-c4-muted);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.ll-c4-cart-similar-row {
  position: relative;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding: 1px 2px 5px;
  -webkit-overflow-scrolling: touch;
}

.ll-c4-cart-similar-row::-webkit-scrollbar {
  height: 6px;
}

.ll-c4-cart-similar-row::-webkit-scrollbar-track {
  background: rgba(5, 7, 13, .75);
  border-radius: 999px;
}

.ll-c4-cart-similar-row::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, var(--ll-c4-purple), var(--ll-c4-gold));
  border-radius: 999px;
}

.ll-c4-cart-similar-card {
  flex: 0 0 92px;
  scroll-snap-align: start;
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(148, 78, 220, .34);
  border-radius: 15px;
  background: rgba(3, 5, 10, .62);
  box-shadow: inset 0 0 14px rgba(109, 47, 184, .12);
}

.ll-c4-cart-similar-img {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
  background: #050a12;
  border: 1px solid rgba(212, 175, 55, .18);
  text-decoration: none !important;
}

.ll-c4-cart-similar-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ll-c4-cart-similar-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 31px;
  color: var(--ll-c4-text) !important;
  text-decoration: none !important;
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1.42;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
}

.ll-c4-cart-similar-name:hover {
  color: var(--ll-c4-green) !important;
}

.ll-c4-cart-similar-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.ll-c4-cart-similar-bottom span {
  min-width: 0;
  color: var(--ll-c4-gold2);
  font-size: 10.5px;
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ll-c4-cart-similar-bottom del {
  display: none;
}

.ll-c4-cart-similar-add {
  appearance: none;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(138, 255, 0, .42);
  background: linear-gradient(180deg, rgba(23, 15, 36, .96), rgba(6, 4, 11, .96));
  color: var(--ll-c4-green) !important;
  display: grid;
  place-items: center;
  text-decoration: none !important;
  font-size: 20px;
  font-weight: 950;
  line-height: 1;
  box-shadow: inset 0 0 14px rgba(138, 255, 0, .10), 0 0 12px rgba(0, 0, 0, .34);
  cursor: pointer;
}

.ll-c4-cart-similar-add:hover {
  border-color: rgba(230, 201, 106, .72);
  color: var(--ll-c4-gold2) !important;
  transform: translateY(-1px);
}

.ll-c4-cart-similar-add.is-loading {
  opacity: .58;
  pointer-events: none;
}

.ll-c4-cart-similar-add.is-loading:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: ll-c4-spin .65s linear infinite;
}

.ll-c4-cart-similar-add.is-loading {
  font-size: 0;
}

@keyframes ll-c4-spin {
  to {
    transform: rotate(360deg)
  }
}

@media(max-width:480px) {
  .ll-c4-cart-similar {
    margin-bottom: 12px;
    padding: 11px
  }

  .ll-c4-cart-similar-card {
    flex-basis: 86px;
    padding: 7px
  }

  .ll-c4-cart-similar-head span {
    font-size: 10px
  }

  .ll-c4-cart-similar-name {
    font-size: 10px
  }
}

/* =========================================================
   LL Concept 4 v17.1 FINAL — Collapsible cart similar items
========================================================= */
.ll-c4-cart-similar {
  padding: 0 !important;
}

.ll-c4-cart-similar-head {
  width: 100%;
  appearance: none;
  border: 0;
  background: transparent;
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  text-align: left !important;
  cursor: pointer !important;
}

.ll-c4-cart-similar-head strong {
  font-size: 14px !important;
}

.ll-c4-cart-similar-head span {
  font-size: 11px !important;
}

.ll-c4-cart-similar-head i {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(212, 175, 55, .36) !important;
  color: var(--ll-c4-gold2) !important;
  background: rgba(5, 7, 13, .45) !important;
  font-style: normal !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transition: transform .18s ease, border-color .18s ease, color .18s ease !important;
}

.ll-c4-cart-similar.is-open .ll-c4-cart-similar-head i {
  transform: rotate(180deg) !important;
  color: var(--ll-c4-green) !important;
  border-color: rgba(138, 255, 0, .48) !important;
}

.ll-c4-cart-similar-body {
  position: relative;
  padding: 0 12px 12px !important;
}

.ll-c4-cart-similar-body[hidden] {
  display: none !important;
}

.ll-c4-cart-similar-row {
  padding-top: 1px !important;
}

@media(max-width:480px) {
  .ll-c4-cart-similar-head {
    padding: 13px 14px !important
  }

  .ll-c4-cart-similar-head span {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .ll-c4-cart-similar-body {
    padding: 0 10px 11px !important
  }
}

/* =========================================================
   LL Concept 4 v17.2 FINAL — Cart drawer scroll + expanded upsells fix
   Ensures the cart drawer scrolls and the Similar Items body has real height.
========================================================= */
.ll-c4-cart-drawer {
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

.ll-c4-cart-drawer-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding-bottom: calc(34px + env(safe-area-inset-bottom, 0px)) !important;
}

.ll-c4-cart-similar {
  flex: 0 0 auto !important;
  overflow: visible !important;
}

.ll-c4-cart-similar.is-open .ll-c4-cart-similar-body {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 130px !important;
  max-height: none !important;
  overflow: visible !important;
}

.ll-c4-cart-similar.is-closed .ll-c4-cart-similar-body,
.ll-c4-cart-similar-body[hidden] {
  display: none !important;
}

.ll-c4-cart-similar-row {
  min-height: 122px !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

.ll-c4-cart-similar-card {
  flex: 0 0 92px !important;
  min-width: 92px !important;
}

.ll-c4-cart-items {
  flex: 0 0 auto !important;
}

.ll-c4-cart-summary {
  flex: 0 0 auto !important;
}

@media(max-width:480px) {
  .ll-c4-cart-drawer-content {
    padding-bottom: calc(38px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .ll-c4-cart-similar.is-open .ll-c4-cart-similar-body {
    min-height: 124px !important;
  }

  .ll-c4-cart-similar-row {
    min-height: 118px !important;
  }

  .ll-c4-cart-similar-card {
    flex-basis: 88px !important;
    min-width: 88px !important;
  }
}

/* =========================================================
   LL Concept 4 v18.1 — Desktop dropdown root menu fix
   The floating dropdown clone uses the same .sub-menu class as nested
   menus. This keeps the first cloned submenu visible in the panel while
   leaving deeper nested flyouts hidden until hover/focus.
========================================================= */
@media (min-width: 981px) {

  .ll-c4-floating-dropdown .ll-c4-floating-panel>.ll-c4-floating-root-menu,
  .ll-c4-floating-dropdown ul.ll-c4-floating-root-menu {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
  }

  .ll-c4-floating-dropdown .ll-c4-floating-panel>.ll-c4-floating-root-menu:before,
  .ll-c4-floating-dropdown ul.ll-c4-floating-root-menu:before {
    display: none !important;
  }

  .ll-c4-floating-dropdown .ll-c4-floating-root-menu>li {
    position: relative !important;
    display: block !important;
  }

  .ll-c4-floating-dropdown .ll-c4-floating-root-menu>li>a {
    display: flex !important;
  }

  .ll-c4-desktop-menu .sub-menu {
    display: block;
  }
}

/* =========================================================
   LL Concept 4 v19 — Cleaner Menu Notes / Less Busy Drawer
   Applied to this newer build without changing any menu items.
========================================================= */

/* Menu notes should support the label, not compete with it. */
.ll-c4-menu-note,
.ll-c4-mobile-menu .ll-c4-menu-note,
.ll-c4-desktop-menu .ll-c4-menu-note,
.ll-c4-floating-dropdown .ll-c4-menu-note {
  color: rgba(240, 214, 109, .66) !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  font-weight: 780 !important;
  letter-spacing: .035em !important;
  opacity: .78 !important;
  margin-top: 2px !important;
  text-shadow: none !important;
}

/* Keep notes useful on stronger category links, hide them deeper down where they become visual noise. */
.ll-c4-mobile-menu .sub-menu .sub-menu .ll-c4-menu-note,
.ll-c4-mobile-menu .sub-menu .sub-menu .sub-menu .ll-c4-menu-note,
.ll-c4-desktop-menu .sub-menu .sub-menu .ll-c4-menu-note,
.ll-c4-floating-dropdown .sub-menu .sub-menu .ll-c4-menu-note {
  display: none !important;
}

/* Cleaner mobile drawer cards: calmer borders, smaller blocks, less glow. */
.ll-c4-mobile-menu li {
  margin-bottom: 6px !important;
}

.ll-c4-mobile-menu a {
  min-height: 46px !important;
  padding: 11px 48px 11px 15px !important;
  gap: 2px !important;
  background: linear-gradient(90deg, rgba(15, 9, 25, .72), rgba(6, 4, 12, .74)) !important;
  border-color: rgba(148, 78, 220, .36) !important;
  box-shadow: inset 0 0 10px rgba(82, 34, 140, .10) !important;
}

.ll-c4-mobile-menu a>span:first-child {
  font-size: 15px !important;
  line-height: 1.12 !important;
  letter-spacing: .025em !important;
}

.ll-c4-mobile-menu>li>a>span:first-child {
  font-size: 17px !important;
}

.ll-c4-mobile-menu .sub-menu a {
  min-height: 39px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background: rgba(12, 7, 22, .56) !important;
  border-color: rgba(148, 78, 220, .28) !important;
}

.ll-c4-mobile-menu .sub-menu .sub-menu a {
  background: rgba(8, 5, 15, .46) !important;
  border-color: rgba(148, 78, 220, .22) !important;
}

/* Softer nested guide line so expanded sections feel less boxed-in. */
.ll-c4-mobile-menu .sub-menu {
  margin-left: 10px !important;
  padding-left: 9px !important;
  border-left-color: rgba(138, 255, 0, .18) !important;
}

.ll-c4-mobile-menu li.is-open>.sub-menu {
  margin-top: 6px !important;
}

/* Toggle buttons: cleaner and smaller visual weight. */
.ll-c4-sub-toggle {
  top: 6px !important;
  right: 8px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: rgba(5, 4, 10, .58) !important;
  border-color: rgba(212, 175, 55, .30) !important;
  box-shadow: none !important;
}

.ll-c4-mobile-menu li.is-open>.ll-c4-sub-toggle {
  border-color: rgba(138, 255, 0, .58) !important;
  box-shadow: 0 0 10px rgba(138, 255, 0, .10) !important;
}

/* Slightly calm the drawer background so text is easier to scan. */
.ll-c4-drawer-cave {
  opacity: .42 !important;
}

.ll-c4-mobile-drawer:before {
  box-shadow: inset 0 0 18px rgba(82, 34, 140, .18) !important;
}

/* Desktop dropdowns also become cleaner when badge notes are enabled. */
.ll-c4-desktop-menu .sub-menu a,
.ll-c4-floating-dropdown a {
  gap: 1px !important;
}

.ll-c4-desktop-menu .sub-menu a .ll-c4-menu-note,
.ll-c4-floating-dropdown a .ll-c4-menu-note {
  font-size: 9px !important;
  opacity: .72 !important;
}

/* =========================================================
   LL Concept 4 v21 — Mobile app-style drill-down menu pages
========================================================= */
.ll-c4-mobile-nav.ll-c4-mobile-mode-drilldown {
  overflow: hidden;
}

.ll-c4-mobile-nav.ll-c4-drill-ready {
  display: block;
}

.ll-c4-mobile-nav.ll-c4-drill-ready>.ll-c4-mobile-menu {
  transition: transform .26s cubic-bezier(.2, .8, .2, 1), opacity .2s ease;
  will-change: transform, opacity;
}

.ll-c4-mobile-nav.ll-c4-drill-ready>.ll-c4-mobile-menu.is-drill-hidden {
  transform: translateX(-22%);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  inset: 8px 14px 28px;
  overflow: hidden;
}

.ll-c4-mobile-nav.ll-c4-mobile-mode-drilldown .ll-c4-mobile-menu .sub-menu {
  display: none !important;
  max-height: none !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.ll-c4-mobile-nav.ll-c4-mobile-mode-drilldown .ll-c4-mobile-menu li.is-open>.sub-menu {
  display: none !important;
}

.ll-c4-mobile-nav.ll-c4-mobile-mode-drilldown .ll-c4-sub-toggle {
  display: none !important;
}

.ll-c4-mobile-nav.ll-c4-mobile-mode-drilldown .ll-c4-drill-parent>a {
  padding-right: 56px;
}

.ll-c4-drill-open {
  position: absolute;
  right: 7px;
  top: 6px;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(212, 175, 55, .38);
  background: linear-gradient(180deg, rgba(10, 15, 25, .92), rgba(5, 4, 10, .92));
  color: var(--ll-c4-gold2);
  font-size: 25px;
  font-weight: 950;
  line-height: 1;
  display: grid;
  place-items: center;
  z-index: 3;
  box-shadow: inset 0 0 14px rgba(109, 47, 184, .20);
}

.ll-c4-drill-open:hover {
  color: var(--ll-c4-green);
  border-color: rgba(138, 255, 0, .72);
  box-shadow: 0 0 14px rgba(138, 255, 0, .18), inset 0 0 18px rgba(138, 255, 0, .08);
}

.ll-c4-drill-screens {
  position: absolute;
  z-index: 4;
  inset: 8px 14px 28px;
  pointer-events: none;
  overflow: hidden;
}

.ll-c4-drill-screen {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  transform: translateX(104%);
  opacity: .98;
  transition: transform .28s cubic-bezier(.2, .8, .2, 1);
  padding: 0 0 24px;
  pointer-events: auto;
}

.ll-c4-drill-screen.is-active {
  transform: translateX(0);
}

.ll-c4-drill-head {
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 0 0 12px;
  background: linear-gradient(180deg, rgba(5, 4, 10, .98) 0%, rgba(5, 4, 10, .92) 75%, rgba(5, 4, 10, 0) 100%);
  backdrop-filter: blur(8px);
}

.ll-c4-drill-back {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin: 0 0 10px;
  padding: 9px 13px;
  border-radius: 14px;
  border: 1px solid rgba(212, 175, 55, .38);
  background: rgba(5, 10, 18, .72);
  color: var(--ll-c4-gold2);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: inset 0 0 14px rgba(109, 47, 184, .16);
}

.ll-c4-drill-back:hover {
  color: var(--ll-c4-green);
  border-color: rgba(138, 255, 0, .68);
}

.ll-c4-drill-head h3 {
  margin: 0;
  padding: 14px 16px 8px;
  border: 1px solid rgba(148, 78, 220, .48);
  clip-path: polygon(4% 0, 96% 0, 100% 18%, 100% 82%, 96% 100%, 4% 100%, 0 82%, 0 18%);
  background: linear-gradient(90deg, rgba(20, 13, 31, .86), rgba(7, 4, 12, .86));
  color: #fff;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: .01em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .9);
}

.ll-c4-drill-caption {
  margin: 8px 0 12px;
  padding: 0 2px;
  color: rgba(230, 201, 106, .86);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
  line-height: 1.25;
}

.ll-c4-drill-list {
  display: grid;
  gap: 8px;
}

.ll-c4-drill-row,
.ll-c4-drill-view-all {
  position: relative;
}

.ll-c4-drill-row-link,
.ll-c4-drill-row-button,
.ll-c4-drill-view-all {
  width: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  text-decoration: none !important;
  padding: 13px 16px;
  border: 1px solid rgba(148, 78, 220, .50);
  clip-path: polygon(4% 0, 96% 0, 100% 18%, 100% 82%, 96% 100%, 4% 100%, 0 82%, 0 18%);
  background: linear-gradient(90deg, rgba(20, 13, 31, .82), rgba(7, 4, 12, .82));
  color: #fff !important;
  font-weight: 950;
  letter-spacing: .035em;
  box-shadow: inset 0 0 16px rgba(82, 34, 140, .16);
}

.ll-c4-drill-row-button {
  appearance: none;
  cursor: pointer;
}

.ll-c4-drill-row-link:hover,
.ll-c4-drill-row-button:hover,
.ll-c4-drill-view-all:hover {
  border-color: rgba(138, 255, 0, .70);
  color: var(--ll-c4-green) !important;
  box-shadow: inset 0 0 18px rgba(138, 255, 0, .09), 0 0 14px rgba(138, 255, 0, .12);
}

.ll-c4-drill-row-link span,
.ll-c4-drill-row-button span {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.ll-c4-drill-row-link strong,
.ll-c4-drill-row-button strong {
  font-size: 18px;
  line-height: 1.12;
  color: inherit;
  font-weight: 950;
}

.ll-c4-drill-row-link em,
.ll-c4-drill-row-button em {
  font-style: normal;
  font-size: 10px;
  line-height: 1.25;
  color: rgba(230, 201, 106, .78);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-weight: 950;
}

.ll-c4-drill-row-button b {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(212, 175, 55, .34);
  color: var(--ll-c4-gold2);
  font-size: 23px;
  line-height: 1;
  background: rgba(5, 4, 10, .68);
}

.ll-c4-drill-view-all {
  background: linear-gradient(180deg, var(--ll-c4-gold2), var(--ll-c4-gold));
  color: #05070d !important;
  border-color: rgba(212, 175, 55, .85);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .07em;
  justify-content: center;
  clip-path: polygon(5% 0, 95% 0, 100% 22%, 100% 78%, 95% 100%, 5% 100%, 0 78%, 0 22%);
}

.ll-c4-drill-view-all:hover {
  color: #05070d !important;
  filter: brightness(1.05);
}

@media(min-width:981px) {

  .ll-c4-drill-open,
  .ll-c4-drill-screens {
    display: none !important;
  }
}

/* =========================================================
   LL Concept 4 v22 — Drill-down cleanup
   - Replaces previous screens instead of stacking/overlapping
   - Removes horizontal sideways scroll
   - Makes drill pages visually match the first menu screen
========================================================= */
html,
body.ll-c4-drawer-open {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

.ll-c4-mobile-drawer,
#ll-c4-mobile-drawer,
.ll-c4-mobile-nav,
.ll-c4-mobile-menu,
.ll-c4-drill-screens,
.ll-c4-drill-screen {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.ll-c4-mobile-nav.ll-c4-mobile-mode-drilldown {
  position: relative !important;
  overflow-x: hidden !important;
}

.ll-c4-mobile-nav.ll-c4-drill-ready>.ll-c4-mobile-menu {
  transition: none !important;
  transform: none !important;
}

.ll-c4-mobile-nav.ll-c4-drill-ready>.ll-c4-mobile-menu.is-drill-hidden {
  display: none !important;
  position: static !important;
  transform: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ll-c4-drill-screens {
  position: relative !important;
  inset: auto !important;
  z-index: 4 !important;
  width: 100% !important;
  min-width: 0 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

.ll-c4-drill-screen {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  transition: none !important;
  padding: 0 0 20px !important;
  overflow: visible !important;
}

.ll-c4-drill-screen:not(.is-active) {
  display: none !important;
}

.ll-c4-drill-head {
  position: relative !important;
  top: auto !important;
  z-index: 5 !important;
  padding: 0 0 10px !important;
  margin: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

.ll-c4-drill-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 9px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(212, 175, 55, .35) !important;
  background: linear-gradient(180deg, rgba(10, 15, 25, .78), rgba(5, 4, 10, .88)) !important;
  color: #e6c96a !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 0 16px rgba(109, 47, 184, .18) !important;
}

.ll-c4-drill-back:hover,
.ll-c4-drill-back:focus-visible {
  color: #8aff00 !important;
  border-color: rgba(138, 255, 0, .65) !important;
}

.ll-c4-drill-head h3 {
  margin: 0 !important;
  padding: 18px 18px 12px !important;
  border: 1px solid rgba(148, 78, 220, .45) !important;
  clip-path: polygon(4% 0, 96% 0, 100% 18%, 100% 82%, 96% 100%, 4% 100%, 0 82%, 0 18%) !important;
  background: linear-gradient(90deg, rgba(20, 13, 31, .76), rgba(7, 4, 12, .84)) !important;
  color: #f3f3f3 !important;
  font-family: inherit !important;
  font-size: clamp(26px, 7vw, 34px) !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .9) !important;
}

.ll-c4-drill-caption {
  margin: 10px 0 14px !important;
  padding: 0 !important;
  color: rgba(230, 201, 106, .78) !important;
  font-size: clamp(11px, 3.2vw, 13px) !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1.32 !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.ll-c4-drill-list {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.ll-c4-drill-row,
.ll-c4-drill-view-row {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  position: relative !important;
}

.ll-c4-drill-row-link,
.ll-c4-drill-row-button,
.ll-c4-drill-view-all {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  text-align: left !important;
  text-decoration: none !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(148, 78, 220, .44) !important;
  clip-path: polygon(4% 0, 96% 0, 100% 18%, 100% 82%, 96% 100%, 4% 100%, 0 82%, 0 18%) !important;
  background: linear-gradient(90deg, rgba(20, 13, 31, .78), rgba(7, 4, 12, .84)) !important;
  color: #f3f3f3 !important;
  font-family: inherit !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  box-shadow: inset 0 0 16px rgba(82, 34, 140, .16) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  overflow: hidden !important;
}

.ll-c4-drill-row-link:hover,
.ll-c4-drill-row-button:hover,
.ll-c4-drill-view-all:hover,
.ll-c4-drill-row-link:focus-visible,
.ll-c4-drill-row-button:focus-visible,
.ll-c4-drill-view-all:focus-visible {
  border-color: rgba(138, 255, 0, .68) !important;
  color: #8aff00 !important;
  box-shadow: inset 0 0 18px rgba(138, 255, 0, .08), 0 0 14px rgba(138, 255, 0, .10) !important;
}

.ll-c4-drill-row-link span,
.ll-c4-drill-row-button span,
.ll-c4-drill-view-all span {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
  max-width: calc(100% - 48px) !important;
}

.ll-c4-drill-row-link strong,
.ll-c4-drill-row-button strong,
.ll-c4-drill-view-all strong {
  display: block !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: clamp(20px, 5.6vw, 28px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: .005em !important;
  overflow-wrap: anywhere !important;
}

.ll-c4-drill-row-link em,
.ll-c4-drill-row-button em,
.ll-c4-drill-view-all em {
  display: block !important;
  font-style: normal !important;
  color: rgba(230, 201, 106, .78) !important;
  font-size: clamp(10px, 3vw, 12px) !important;
  line-height: 1.25 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}

.ll-c4-drill-row-button b {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(212, 175, 55, .34) !important;
  color: #e6c96a !important;
  font-size: 25px !important;
  line-height: 1 !important;
  background: rgba(5, 4, 10, .68) !important;
  box-shadow: inset 0 0 14px rgba(109, 47, 184, .18) !important;
}

.ll-c4-drill-row-button:hover b,
.ll-c4-drill-row-button:focus-visible b {
  color: #8aff00 !important;
  border-color: rgba(138, 255, 0, .62) !important;
}

.ll-c4-drill-view-all {
  background: linear-gradient(90deg, rgba(20, 13, 31, .78), rgba(7, 4, 12, .84)) !important;
  color: #f3f3f3 !important;
  border-color: rgba(148, 78, 220, .44) !important;
  text-transform: none !important;
  justify-content: flex-start !important;
  filter: none !important;
}

@media(max-width:640px) {

  .ll-c4-drill-row-link,
  .ll-c4-drill-row-button,
  .ll-c4-drill-view-all {
    padding: 13px 14px !important;
  }
}


/* =========================================================
   LL Concept 4 v23 — Compact drill-down menu refinement
   - Drill-down screens inherit the compact first-menu typography
   - Shorter row height for long set lists
   - Drawer scrolls vertically without sideways movement
========================================================= */
html,
body {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.ll-c4-drawer-open {
  overflow: hidden !important;
  touch-action: none !important;
}

#ll-c4-mobile-drawer.ll-c4-mobile-drawer,
.ll-c4-mobile-drawer {
  width: min(90vw, 430px) !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
}

.ll-c4-mobile-nav {
  height: calc(100dvh - 132px) !important;
  max-height: calc(100dvh - 132px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding: 8px 14px calc(34px + env(safe-area-inset-bottom, 0px)) !important;
}

.ll-c4-mobile-nav.ll-c4-mobile-mode-drilldown,
.ll-c4-mobile-nav.ll-c4-drill-ready {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.ll-c4-drill-screens {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ll-c4-drill-screen {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: auto !important;
  overflow: visible !important;
  padding: 0 0 18px !important;
}

.ll-c4-drill-screen:not(.is-active) {
  display: none !important;
}

.ll-c4-drill-head {
  padding: 0 0 8px !important;
  margin: 0 !important;
}

.ll-c4-drill-back {
  min-height: 38px !important;
  height: 38px !important;
  margin: 0 0 10px !important;
  padding: 7px 13px !important;
  border-radius: 14px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
}

.ll-c4-drill-head h3 {
  min-height: 46px !important;
  margin: 0 0 7px !important;
  padding: 12px 48px 12px 15px !important;
  display: flex !important;
  align-items: center !important;
  border-color: rgba(148, 78, 220, .36) !important;
  background: linear-gradient(90deg, rgba(15, 9, 25, .72), rgba(6, 4, 12, .74)) !important;
  box-shadow: inset 0 0 10px rgba(82, 34, 140, .10) !important;
  color: #f3f3f3 !important;
  font-family: inherit !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: .025em !important;
  text-shadow: none !important;
}

.ll-c4-drill-caption {
  margin: 0 0 8px !important;
  padding: 0 1px !important;
  color: rgba(240, 214, 109, .66) !important;
  font-family: inherit !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  font-weight: 780 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  opacity: .86 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.ll-c4-drill-list {
  gap: 6px !important;
}

.ll-c4-drill-row,
.ll-c4-drill-view-row {
  margin: 0 !important;
}

.ll-c4-drill-row-link,
.ll-c4-drill-row-button,
.ll-c4-drill-view-all {
  min-height: 46px !important;
  padding: 11px 48px 11px 15px !important;
  gap: 2px !important;
  align-items: center !important;
  border-color: rgba(148, 78, 220, .36) !important;
  background: linear-gradient(90deg, rgba(15, 9, 25, .72), rgba(6, 4, 12, .74)) !important;
  box-shadow: inset 0 0 10px rgba(82, 34, 140, .10) !important;
  overflow: hidden !important;
}

.ll-c4-drill-row-link span,
.ll-c4-drill-row-button span,
.ll-c4-drill-view-all span {
  gap: 2px !important;
  max-width: calc(100% - 42px) !important;
}

.ll-c4-drill-row-link strong,
.ll-c4-drill-row-button strong,
.ll-c4-drill-view-all strong {
  font-size: 17px !important;
  line-height: 1.12 !important;
  letter-spacing: .025em !important;
  font-weight: 950 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.ll-c4-drill-row-link em,
.ll-c4-drill-row-button em,
.ll-c4-drill-view-all em {
  color: rgba(240, 214, 109, .66) !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  font-weight: 780 !important;
  letter-spacing: .035em !important;
  opacity: .86 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.ll-c4-drill-row-button b,
.ll-c4-drill-open {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  font-size: 22px !important;
  background: rgba(5, 4, 10, .58) !important;
  border-color: rgba(212, 175, 55, .30) !important;
  box-shadow: none !important;
}

.ll-c4-drill-row-button b {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.ll-c4-drill-open {
  top: 6px !important;
  right: 8px !important;
}

.ll-c4-drill-view-all {
  color: #f3f3f3 !important;
  justify-content: flex-start !important;
  text-transform: none !important;
}

.ll-c4-drill-view-all:before {
  display: none !important;
}

@media(max-width:390px) {
  .ll-c4-mobile-nav {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .ll-c4-drill-head h3,
  .ll-c4-drill-row-link,
  .ll-c4-drill-row-button,
  .ll-c4-drill-view-all {
    padding-left: 13px !important;
    padding-right: 46px !important;
  }

  .ll-c4-drill-row-link strong,
  .ll-c4-drill-row-button strong,
  .ll-c4-drill-view-all strong {
    font-size: 16px !important;
  }
}


/* v24 sticky hardening: avoids Safari/parent-overflow sticky failures */
html.ll-c4-lock-x,
body.ll-c4-lock-x {
  max-width: 100%;
  overflow-x: hidden !important;
}

body.ll-c4-sticky-enabled .ll-c4-header-shell {
  contain: layout paint;
  backface-visibility: hidden;
}

body.ll-c4-sticky-enabled .ll-c4-header-shell,
body.ll-c4-sticky-enabled .ll-c4-header-shell * {
  -webkit-tap-highlight-color: transparent;
}

body.ll-c4-sticky-enabled .ll-c4-sticky-spacer {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

@supports (top: env(safe-area-inset-top)) {
  body.ll-c4-sticky-enabled:not(.admin-bar) {
    --ll-c4-sticky-offset: env(safe-area-inset-top, 0px);
  }
}


/* =========================================================
   LL Concept 4 v27 — Compact premium basket drawer
   Makes the basket drawer cleaner on mobile without removing
   purchase essentials: item, qty, subtotal, checkout and basket link.
========================================================= */
.ll-c4-cart-drawer {
  width: min(410px, 94vw) !important;
}

.ll-c4-cart-drawer-top {
  padding: 14px 16px 10px !important;
  min-height: 58px !important;
}

.ll-c4-cart-drawer-top .ll-c4-logo-img {
  max-height: 42px !important;
  width: auto !important;
}

.ll-c4-cart-drawer-top strong,
.ll-c4-cart-drawer-title,
.ll-c4-cart-drawer-top h2,
.ll-c4-cart-drawer-top h3 {
  font-size: 13px !important;
  line-height: 1.15 !important;
  letter-spacing: .08em !important;
  white-space: nowrap !important;
}

.ll-c4-cart-drawer-close {
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
  font-size: 22px !important;
}

.ll-c4-cart-drawer-content {
  padding: 12px 14px 18px !important;
  gap: 10px !important;
}

.ll-c4-free-ship {
  margin: 0 0 10px !important;
  padding: 10px 11px !important;
  border-radius: 14px !important;
}

.ll-c4-free-ship-top {
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  gap: 8px !important;
  letter-spacing: .045em !important;
}

.ll-c4-free-ship-bar {
  height: 7px !important;
  margin-top: 7px !important;
}

.ll-c4-cart-similar {
  margin: 0 0 10px !important;
  border-radius: 16px !important;
}

.ll-c4-cart-similar-head {
  min-height: 48px !important;
  padding: 10px 12px !important;
  grid-template-columns: 1fr auto auto !important;
  gap: 8px !important;
}

.ll-c4-cart-similar-head strong {
  font-size: 12px !important;
  letter-spacing: .06em !important;
}

.ll-c4-cart-similar-head span {
  font-size: 10px !important;
  max-width: 125px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ll-c4-cart-similar-head i {
  width: 26px !important;
  height: 26px !important;
  border-radius: 9px !important;
  font-size: 17px !important;
}

.ll-c4-cart-similar-body {
  padding: 0 10px 10px !important;
}

.ll-c4-cart-similar.is-open .ll-c4-cart-similar-body {
  min-height: 112px !important;
}

.ll-c4-cart-similar-row {
  gap: 8px !important;
  min-height: 106px !important;
  padding-bottom: 4px !important;
}

.ll-c4-cart-similar-card {
  flex-basis: 78px !important;
  min-width: 78px !important;
  padding: 6px !important;
  gap: 5px !important;
  border-radius: 13px !important;
}

.ll-c4-cart-similar-img {
  border-radius: 10px !important;
}

.ll-c4-cart-similar-name {
  min-height: 26px !important;
  font-size: 9.5px !important;
  line-height: 1.3 !important;
  -webkit-line-clamp: 2 !important;
}

.ll-c4-cart-similar-bottom span {
  font-size: 10px !important;
}

.ll-c4-cart-similar-add {
  flex-basis: 25px !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 9px !important;
  font-size: 18px !important;
}

.ll-c4-cart-items {
  gap: 9px !important;
}

.ll-c4-cart-item {
  grid-template-columns: 58px 1fr 34px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px !important;
  border-radius: 16px !important;
}

.ll-c4-cart-thumb {
  width: 58px !important;
  height: 58px !important;
  border-radius: 12px !important;
}

.ll-c4-cart-title {
  font-size: 11.5px !important;
  line-height: 1.22 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.ll-c4-cart-line {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}

.ll-c4-cart-subtotal {
  font-size: 11px !important;
}

.ll-c4-cart-remove {
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  font-size: 18px !important;
}

.ll-c4-qty-controls {
  gap: 6px !important;
  margin: 5px 0 2px !important;
  padding: 3px !important;
}

.ll-c4-qty-controls button {
  width: 25px !important;
  height: 25px !important;
  font-size: 16px !important;
}

.ll-c4-qty-controls strong {
  min-width: 16px !important;
  font-size: 11px !important;
}

.ll-c4-cart-summary {
  margin-top: 10px !important;
  padding: 12px !important;
  border-radius: 16px !important;
  bottom: calc(-18px + env(safe-area-inset-bottom, 0px)) !important;
}

.ll-c4-cart-summary div {
  font-size: 12.5px !important;
}

.ll-c4-cart-summary strong {
  font-size: 15px !important;
}

.ll-c4-cart-summary p {
  margin: 6px 0 10px !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
}

.ll-c4-cart-primary,
.ll-c4-cart-secondary {
  min-height: 40px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  letter-spacing: .055em !important;
}

.ll-c4-cart-secondary {
  margin-top: 8px !important;
}

@media(max-width:480px) {
  .ll-c4-cart-drawer {
    width: 94vw !important;
  }

  .ll-c4-cart-drawer:before {
    inset: 9px !important;
  }

  .ll-c4-cart-drawer-content {
    padding: 10px 12px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .ll-c4-cart-item {
    grid-template-columns: 54px 1fr 32px !important;
    padding: 9px !important;
    gap: 9px !important;
  }

  .ll-c4-cart-thumb {
    width: 54px !important;
    height: 54px !important;
  }

  .ll-c4-cart-title {
    font-size: 11px !important;
  }

  .ll-c4-cart-similar-card {
    flex-basis: 74px !important;
    min-width: 74px !important;
  }

  .ll-c4-cart-similar.is-open .ll-c4-cart-similar-body {
    min-height: 106px !important;
  }

  .ll-c4-cart-similar-row {
    min-height: 102px !important;
  }
}

/* =========================================================
   LL Concept 4 v28 — Cart upsell and desktop menu fixes
   Search presentation is owned by modules/site-search/assets/site-search.css.
========================================================= */
.ll-c4-header-shell,
.ll-c4-main-frame,
.ll-c4-left-zone,
.ll-c4-actions {
  overflow: visible !important;
}

/* Cart drawer similar items: wider, stable cards with horizontal Add button under price. */
.ll-c4-cart-similar-row {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity;
  padding: 4px 2px 8px !important;
  -webkit-overflow-scrolling: touch;
}

.ll-c4-cart-similar-card {
  flex: 0 0 132px !important;
  width: 132px !important;
  min-height: 214px !important;
  display: grid !important;
  grid-template-rows: auto minmax(42px, auto) auto !important;
  gap: 8px !important;
  align-content: start !important;
  padding: 10px !important;
  scroll-snap-align: start;
}

.ll-c4-cart-similar-img,
.ll-c4-cart-similar-img img {
  width: 100% !important;
  height: 86px !important;
  object-fit: contain !important;
}

.ll-c4-cart-similar-name {
  font-size: 12px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 40px !important;
}

.ll-c4-cart-similar-bottom {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  align-items: end !important;
  margin-top: auto !important;
}

.ll-c4-cart-similar-price,
.ll-c4-cart-similar-bottom>span {
  color: var(--ll-c4-gold2, #e6c96a) !important;
  font-size: 12.5px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  display: block !important;
}

.ll-c4-cart-similar-add {
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  color: #08090d !important;
  background: linear-gradient(135deg, var(--ll-c4-gold, #d4af37), var(--ll-c4-gold2, #e6c96a)) !important;
  border: 1px solid rgba(230, 201, 106, .58) !important;
}

@media (max-width:460px) {
  .ll-c4-cart-similar-card {
    flex-basis: 128px !important;
    width: 128px !important;
  }
}

/* Desktop-only menu repair: keep mobile/tablet menu untouched, use stable desktop dropdown panels. */
@media (min-width:981px) {
  .ll-c4-desktop-nav {
    display: block !important;
    overflow: visible !important;
  }

  .ll-c4-mobile-toggle {
    display: none !important;
  }

  .ll-c4-desktop-menu>li>a {
    cursor: pointer !important;
  }

  .ll-c4-floating-dropdown {
    width: min(540px, calc(100vw - 24px)) !important;
    max-width: min(540px, calc(100vw - 24px)) !important;
  }

  .ll-c4-floating-dropdown .ll-c4-floating-panel {
    padding: 18px !important;
    max-height: min(72vh, 680px) !important;
    overflow: auto !important;
    clip-path: polygon(4% 0, 96% 0, 100% 9%, 100% 91%, 96% 100%, 4% 100%, 0 91%, 0 9%) !important;
  }

  .ll-c4-floating-dropdown ul,
  .ll-c4-floating-dropdown li,
  .ll-c4-floating-dropdown .sub-menu,
  .ll-c4-floating-dropdown .children {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  .ll-c4-floating-dropdown .sub-menu .sub-menu {
    margin: 6px 0 10px 16px !important;
    padding-left: 10px !important;
    border-left: 1px solid rgba(138, 255, 0, .26) !important;
  }

  .ll-c4-floating-dropdown a {
    min-height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  .ll-c4-floating-dropdown a span {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
  }

  .ll-c4-floating-dropdown .ll-c4-menu-note {
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ll-c4-floating-dropdown .ll-c4-nested-arrow {
    display: none !important;
  }
}


/* =========================================================
   LL Concept 4 v30 — Desktop menu accordion + clipping fix
   Mobile/tablet menu remains untouched below 981px.
========================================================= */
@media (min-width:981px) {

  .ll-c4-header-shell,
  .ll-c4-main-frame,
  .ll-c4-desktop-nav,
  .ll-c4-desktop-menu,
  .ll-c4-desktop-menu>li {
    overflow: visible !important;
  }

  .ll-c4-desktop-menu {
    gap: clamp(12px, 1.45vw, 28px) !important;
  }

  .ll-c4-desktop-menu>li>a {
    font-size: clamp(10px, .78vw, 12px) !important;
    letter-spacing: .045em !important;
    padding-inline: 2px !important;
  }

}

/* =========================================================
   CONFIRMED ACTIVE HEADER REDESIGN
   Target: .ll-c4-header-shell and active .ll-c4-* wrappers only.
   CSS-only. No checkout/cart/search/account/mobile logic changes.
========================================================= */
body:not(.wp-admin) .ll-c4-header-shell {
  --ll-c4-premium-ink: #030408;
  --ll-c4-premium-charcoal: #070711;
  --ll-c4-premium-panel: #0d0d18;
  --ll-c4-premium-panel-2: #151326;
  --ll-c4-premium-purple: #5b2ca0;
  --ll-c4-premium-purple-soft: #8b4fd6;
  --ll-c4-premium-emerald: #8aff00;
  --ll-c4-premium-gold: #ffc83d;
  --ll-c4-premium-gold-soft: #ffe177;
  --ll-c4-premium-text: #f8f6ee;
  --ll-c4-premium-muted: #c9c4b8;
  outline: none !important;
  overflow-x: clip !important;
  background:
    radial-gradient(circle at 50% 115%, rgba(91, 44, 160, .36), transparent 46%),
    linear-gradient(180deg, #05050c 0%, #080812 100%) !important;
  border-bottom: 1px solid rgba(138, 255, 0, .48) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .62), inset 0 -1px 0 rgba(255, 200, 61, .15) !important;
  color: var(--ll-c4-premium-text) !important;
}

body:not(.wp-admin) .ll-c4-header-shell *,
body:not(.wp-admin) .ll-c4-header-shell *:before,
body:not(.wp-admin) .ll-c4-header-shell *:after {
  box-sizing: border-box !important;
}

body:not(.wp-admin) .ll-c4-cave-layer {
  opacity: .30 !important;
  background-position: center 48% !important;
  filter: saturate(1.05) contrast(1.08) brightness(.70) !important;
}

body:not(.wp-admin) .ll-c4-mist-layer {
  opacity: .42 !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(ellipse at 68% 62%, rgba(91, 44, 160, .46), transparent 38%),
    radial-gradient(ellipse at 52% 82%, rgba(138, 255, 0, .11), transparent 30%),
    radial-gradient(ellipse at 18% 55%, rgba(91, 44, 160, .18), transparent 34%) !important;
}

body:not(.wp-admin) .ll-c4-rock,
body:not(.wp-admin) .ll-c4-top-gem,
body:not(.wp-admin) .ll-c4-bottom-gem {
  display: none !important;
}

body:not(.wp-admin) .ll-c4-main-frame {
  width: min(100%, 1360px) !important;
  max-width: calc(100vw - 28px) !important;
  min-height: 102px !important;
  margin: 0 auto !important;
  padding: 0 clamp(18px, 2.4vw, 34px) !important;
  display: grid !important;
  grid-template-columns: minmax(150px, 230px) minmax(0, 1fr) minmax(184px, 230px) !important;
  align-items: center !important;
  gap: clamp(16px, 2.2vw, 34px) !important;
  clip-path: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(7, 7, 15, .98), rgba(4, 5, 10, .99)) !important;
  box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-main-frame:before,
body:not(.wp-admin) .ll-c4-main-frame:after {
  display: none !important;
}

body:not(.wp-admin) .ll-c4-left-zone {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-content: center !important;
  min-width: 0 !important;
}

body:not(.wp-admin) .ll-c4-logo-orb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: clamp(140px, 15vw, 220px) !important;
  height: 88px !important;
  display: grid !important;
  place-items: center !important;
}

body:not(.wp-admin) .ll-c4-logo-orb:before,
body:not(.wp-admin) .ll-c4-logo-orb:after {
  display: none !important;
}

body:not(.wp-admin) .ll-c4-logo-img {
  width: auto !important;
  max-width: clamp(132px, 14vw, 210px) !important;
  max-height: 82px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .58)) !important;
}

body:not(.wp-admin) .ll-c4-actions {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  min-width: 0 !important;
}

@media (min-width:1181px) {
  body:not(.wp-admin) .ll-c4-desktop-nav {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(18px, 1.85vw, 34px) !important;
    min-width: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li>a {
    min-height: 52px !important;
    padding: 0 !important;
    color: #f8f6ee !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .025em !important;
    text-shadow: none !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu .menu-item-has-children>a:before {
    width: 6px !important;
    height: 6px !important;
    border-color: var(--ll-c4-premium-gold) !important;
    opacity: .95 !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li>a:after {
    bottom: 7px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, var(--ll-c4-premium-emerald), transparent) !important;
    box-shadow: 0 0 11px rgba(138, 255, 0, .55) !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li:hover>a,
  body:not(.wp-admin) .ll-c4-desktop-menu>li.is-c4-open>a,
  body:not(.wp-admin) .ll-c4-desktop-menu>.current-menu-item>a,
  body:not(.wp-admin) .ll-c4-desktop-menu>.current-menu-ancestor>a {
    color: var(--ll-c4-premium-gold-soft) !important;
  }
}

body:not(.wp-admin) .ll-c4-actions .ll-c4-action,
body:not(.wp-admin) .ll-c4-mobile-toggle {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  background: linear-gradient(180deg, rgba(10, 10, 20, .88), rgba(5, 6, 12, .92)) !important;
  color: #f8f6ee !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025), 0 10px 22px rgba(0, 0, 0, .34) !important;
}

body:not(.wp-admin) .ll-c4-actions .ll-c4-action svg {
  width: 22px !important;
  height: 22px !important;
}

body:not(.wp-admin) .ll-c4-actions .ll-c4-action:hover,
body:not(.wp-admin) .ll-c4-actions .ll-c4-action:focus-visible,
body:not(.wp-admin) .ll-c4-mobile-toggle:hover,
body:not(.wp-admin) .ll-c4-mobile-toggle:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(138, 255, 0, .64) !important;
  color: var(--ll-c4-premium-gold-soft) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(138, 255, 0, .10), 0 14px 30px rgba(0, 0, 0, .44) !important;
}

body:not(.wp-admin) .ll-c4-saved-items-action {
  border-color: rgba(138, 255, 0, .56) !important;
  color: var(--ll-c4-premium-gold) !important;
}

body:not(.wp-admin) .ll-c4-saved-items-action:after {
  right: 8px !important;
  top: 8px !important;
  width: 7px !important;
  height: 7px !important;
  background: var(--ll-c4-premium-emerald) !important;
  box-shadow: 0 0 12px rgba(138, 255, 0, .76) !important;
}

body:not(.wp-admin) .ll-c4-cart-count {
  top: -8px !important;
  right: -8px !important;
  min-width: 22px !important;
  height: 22px !important;
  background: linear-gradient(180deg, #ffe177, #ffc83d) !important;
  color: #06060b !important;
  border: 1px solid #06060b !important;
  box-shadow: 0 0 0 2px rgba(255, 200, 61, .24) !important;
}

body:not(.wp-admin) .ll-c4-account-menu:not(.ll-c4-account-menu-mobile-portal),
body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-panel {
  border: 1px solid rgba(255, 200, 61, .24) !important;
  border-radius: 14px !important;
  clip-path: none !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(91, 44, 160, .20), transparent 38%),
    linear-gradient(180deg, rgba(13, 13, 24, .98), rgba(5, 6, 12, .99)) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body:not(.wp-admin) .ll-c4-drawer-backdrop,
body:not(.wp-admin) .ll-c4-cart-backdrop {
  background: rgba(0, 0, 0, .74) !important;
  backdrop-filter: blur(7px) !important;
}

body:not(.wp-admin) .ll-c4-mobile-drawer,
body:not(.wp-admin) .ll-c4-cart-drawer {
  border-color: rgba(255, 200, 61, .26) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(91, 44, 160, .28), transparent 34%),
    linear-gradient(180deg, #080812, #030408) !important;
  color: #f8f6ee !important;
  box-shadow: 24px 0 76px rgba(0, 0, 0, .76), 0 0 34px rgba(91, 44, 160, .24) !important;
}

@media (min-width:981px) and (max-width:1180px) {
  body:not(.wp-admin) .ll-c4-main-frame {
    min-height: 88px !important;
    max-width: calc(100vw - 20px) !important;
    grid-template-columns: minmax(120px, 176px) minmax(0, 1fr) minmax(174px, 214px) !important;
    gap: clamp(10px, 1.8vw, 20px) !important;
    padding-left: clamp(14px, 2vw, 24px) !important;
    padding-right: clamp(14px, 2vw, 24px) !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-nav {
    display: none !important;
  }

  body:not(.wp-admin) .ll-c4-logo-orb {
    width: clamp(118px, 18vw, 170px) !important;
    height: 78px !important;
  }

  body:not(.wp-admin) .ll-c4-logo-img {
    max-width: clamp(112px, 17vw, 166px) !important;
    max-height: 72px !important;
  }

  body:not(.wp-admin) .ll-c4-actions {
    gap: 8px !important;
  }

  body:not(.wp-admin) .ll-c4-actions .ll-c4-action,
  body:not(.wp-admin) .ll-c4-mobile-toggle {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 14px !important;
  }
}

@media (max-width:980px) {
  body:not(.wp-admin) .ll-c4-header-shell {
    overflow-x: hidden !important;
  }

  body:not(.wp-admin) .ll-c4-main-frame {
    min-height: 74px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px auto !important;
    padding: 0 10px !important;
    grid-template-columns: minmax(42px, 1fr) auto minmax(118px, 1fr) !important;
    gap: 8px !important;
    border: 1px solid rgba(255, 200, 61, .16) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(9, 10, 18, .98), rgba(5, 6, 12, .99)) !important;
  }

  body:not(.wp-admin) .ll-c4-left-zone {
    justify-content: flex-start !important;
  }

  body:not(.wp-admin) .ll-c4-logo-orb {
    justify-self: center !important;
    width: clamp(92px, 28vw, 130px) !important;
    height: 62px !important;
  }

  body:not(.wp-admin) .ll-c4-logo-img {
    max-width: clamp(86px, 27vw, 124px) !important;
    max-height: 58px !important;
  }

  body:not(.wp-admin) .ll-c4-actions {
    gap: 6px !important;
  }

  body:not(.wp-admin) .ll-c4-actions .ll-c4-action,
  body:not(.wp-admin) .ll-c4-mobile-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 12px !important;
  }

  body:not(.wp-admin) .ll-c4-actions .ll-c4-action svg {
    width: 19px !important;
    height: 19px !important;
  }
}

@media (max-width:640px) {
  body:not(.wp-admin) .ll-c4-main-frame {
    min-height: 66px !important;
    grid-template-columns: 40px minmax(82px, 1fr) minmax(82px, auto) !important;
    gap: 6px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body:not(.wp-admin) .ll-c4-logo-orb {
    width: 96px !important;
    height: 56px !important;
  }

  body:not(.wp-admin) .ll-c4-logo-img {
    max-width: 92px !important;
    max-height: 54px !important;
  }

  body:not(.wp-admin) .ll-c4-actions .ll-c4-action,
  body:not(.wp-admin) .ll-c4-mobile-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 11px !important;
  }

  body:not(.wp-admin) .ll-c4-actions .ll-c4-action svg {
    width: 18px !important;
    height: 18px !important;
  }

  body:not(.wp-admin) .ll-c4-cart-count {
    min-width: 19px !important;
    height: 19px !important;
    top: -7px !important;
    right: -7px !important;
    font-size: 11px !important;
  }
}

body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu a {
  text-decoration: none !important;
}

body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu a span:first-child,
body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu a:not(:has(span)) {
  color: #fffaf0 !important;
  font-weight: 900 !important;
}

body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-menu-note {
  color: rgba(255, 250, 240, 0.68) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu a:hover,
body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu li:focus-within>a,
body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-has-nested.is-c4-nested-open>a {
  border-color: rgba(138, 255, 0, 0.34) !important;
  background:
    radial-gradient(circle at 100% 50%, rgba(138, 255, 0, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.055) !important;
}

@media (min-width: 981px) and (max-width: 1180px) {
  body:not(.wp-admin) .ll-c4-main-frame {
    grid-template-columns: minmax(120px, 176px) minmax(0, 1fr) minmax(174px, 214px) !important;
  }
}

@media (max-width: 980px) {
  body:not(.wp-admin) .ll-c4-main-frame {
    grid-template-columns: minmax(42px, 1fr) auto minmax(118px, 1fr) !important;
  }
}

/* ==========================================================================
   V3 3.1.9 cart drawer visibility recovery
   Keeps the backdrop behind the drawer so mobile content stays crisp/readable.
   ========================================================================== */

body:not(.wp-admin) .ll-c4-cart-backdrop {
  z-index: 2147483000 !important;
  background: rgba(0, 0, 0, 0.66) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer {
  z-index: 2147483100 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  isolation: isolate !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer.is-open {
  transform: translateX(0) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-drawer-cave,
body:not(.wp-admin) .ll-c4-cart-drawer::before {
  filter: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-drawer-top,
body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-drawer-trust,
body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-drawer-content,
body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-summary {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 760px) {
  body:not(.wp-admin) .ll-c4-cart-drawer {
    width: min(94vw, 420px) !important;
    max-width: 420px !important;
  }

  body:not(.wp-admin) .ll-c4-cart-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(0, 0, 0, 0.72) !important;
  }
}

/* ==========================================================================
   V3 3.2.2 account menu Collector Rank item
   Matches the existing account dropdown links instead of inheriting browser buttons.
   ========================================================================== */

body:not(.wp-admin) .ll-c4-account-menu button.ll-c4-account-rank-link,
body:not(.wp-admin) .ll-c4-account-menu .ll-c4-account-rank-link,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal button.ll-c4-account-rank-link,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-account-rank-link {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 39px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(244, 241, 232, 0.96) !important;
  text-align: left !important;
  text-decoration: none !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8) !important;
  cursor: pointer !important;
}

body:not(.wp-admin) .ll-c4-account-menu button.ll-c4-account-rank-link:hover,
body:not(.wp-admin) .ll-c4-account-menu .ll-c4-account-rank-link:hover,
body:not(.wp-admin) .ll-c4-account-menu button.ll-c4-account-rank-link:focus-visible,
body:not(.wp-admin) .ll-c4-account-menu .ll-c4-account-rank-link:focus-visible,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal button.ll-c4-account-rank-link:hover,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-account-rank-link:hover,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal button.ll-c4-account-rank-link:focus-visible,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-account-rank-link:focus-visible {
  color: var(--ll-c4-green) !important;
  background: linear-gradient(90deg, rgba(138, 255, 0, 0.11), rgba(109, 47, 184, 0.18)) !important;
  box-shadow: inset 3px 0 0 rgba(138, 255, 0, 0.74), 0 0 14px rgba(138, 255, 0, 0.1) !important;
  outline: none !important;
}

/* ==========================================================================
   V3 3.2.4 mobile header balance and cart drawer clarity
   ========================================================================== */

body:not(.wp-admin) .ll-c4-saved-items-action {
  display: none !important;
}

body:not(.wp-admin) .ll-c4-cart-backdrop {
  z-index: 2147483400 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer {
  position: fixed !important;
  z-index: 2147483500 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  isolation: isolate !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer.is-open {
  visibility: visible !important;
  transform: translateX(0) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer,
body:not(.wp-admin) .ll-c4-cart-drawer * {
  filter: none !important;
}

@media (max-width: 980px) {

  body:not(.wp-admin) .ll-c4-main-frame {
    display: grid !important;
    grid-template-columns: 44px minmax(88px, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body:not(.wp-admin) .ll-c4-left-zone {
    justify-content: flex-start !important;
    width: 44px !important;
    min-width: 44px !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-toggle {
    display: grid !important;
    grid-column: 1 !important;
    justify-self: start !important;
  }

  body:not(.wp-admin) .ll-c4-logo-orb {
    grid-column: 2 !important;
    justify-self: center !important;
  }

  body:not(.wp-admin) .ll-c4-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 640px) {

  body:not(.wp-admin) .ll-c4-main-frame {
    grid-template-columns: 40px minmax(72px, 1fr) auto !important;
    padding: 0 8px !important;
    gap: 6px !important;
  }

  body:not(.wp-admin) .ll-c4-left-zone {
    width: 40px !important;
    min-width: 40px !important;
  }

  body:not(.wp-admin) .ll-c4-actions {
    gap: 5px !important;
  }

  body:not(.wp-admin) .ll-c4-action,
  body:not(.wp-admin) .ll-c4-mobile-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 12px !important;
  }

  body:not(.wp-admin) .ll-c4-logo-orb {
    width: 78px !important;
    height: 58px !important;
  }

  body:not(.wp-admin) .ll-c4-logo-img {
    width: 68px !important;
    max-height: 54px !important;
  }

  body:not(.wp-admin) .ll-c4-cart-drawer {
    width: min(94vw, 410px) !important;
    max-width: 410px !important;
    background: linear-gradient(180deg, rgba(8, 8, 15, 0.99), rgba(4, 5, 10, 1)) !important;
  }
}

/* V3 3.2.5 header typography lock */
body:not(.wp-admin) .ll-c4-header-shell,
body:not(.wp-admin) .ll-c4-header-shell button,
body:not(.wp-admin) .ll-c4-header-shell input,
body:not(.wp-admin) .ll-c4-header-shell a,
body:not(.wp-admin) .ll-c4-cart-drawer,
body:not(.wp-admin) .ll-c4-mobile-drawer {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: 0.01em !important;
}

body:not(.wp-admin) .ll-c4-logo-text {
  font-family: Georgia, "Times New Roman", Times, serif !important;
  letter-spacing: 0.02em !important;
}

/* =========================================================
   V3 3.3.11 Stable theme bridge + mobile header alignment
   Keeps the stable header code path intact. This only makes theme
   header/footer fallback safer and locks mobile positions.
========================================================= */
@media (max-width:980px) {
  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-main-frame {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    overflow: visible !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-left-zone {
    grid-column: 1 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
    z-index: 12 !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-logo-orb {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    justify-self: center !important;
    z-index: 10 !important;
    pointer-events: auto !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-actions {
    grid-column: 2 !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    z-index: 12 !important;
    min-width: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-mobile-toggle {
    display: grid !important;
  }
}

@media (max-width:640px) {
  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-main-frame {
    grid-template-columns: 1fr 1fr !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-logo-orb {
    width: 96px !important;
    max-width: 32vw !important;
  }
}


/* =========================================================
   V3 3.3.12 True tablet/mobile header centre fix
   The theme bridge breakpoint was too narrow, so tablet-width
   layouts could show hamburger + actions while the logo still used
   older desktop positioning. This locks the three-zone layout for
   every width where the mobile/tablet header is active.
========================================================= */
@media (max-width:1180px) {
  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-main-frame {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 8px !important;
    overflow: visible !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-left-zone {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    z-index: 12 !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-desktop-nav {
    display: none !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-mobile-toggle {
    display: grid !important;
    justify-self: start !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-logo-orb {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    max-width: clamp(68px, 18vw, 112px) !important;
    pointer-events: auto !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    z-index: 12 !important;
  }
}

@media (max-width:640px) {
  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-main-frame {
    column-gap: 6px !important;
  }

  body:not(.wp-admin) .ll-c4-header-shell .ll-c4-logo-orb {
    max-width: clamp(58px, 20vw, 88px) !important;
  }
}


/* =========================================================
   3.3.34 Stable UI polish: header bg, trust strip, search, footer
   Safe CSS-only layer. Does not touch product/category layouts.
========================================================= */
body:not(.wp-admin) .ll-c4-header-shell .ll-c4-cave-layer {
  background-image: linear-gradient(90deg, rgba(3, 5, 10, .86), rgba(3, 5, 10, .36), rgba(3, 5, 10, .86)), var(--ll-c4-header-bg-img, var(--ll-c4-cave-img)) !important;
  background-position: var(--ll-c4-header-bg-pos, center center) !important;
  background-size: var(--ll-c4-header-bg-size, cover) !important;
  opacity: var(--ll-c4-cave-opacity, .48) !important;
}

body:not(.wp-admin) .ll-c4-header-shell .ll-c4-main-frame {
  background:
    radial-gradient(circle at 50% 46%, rgba(138, 255, 0, .12), transparent 22%),
    linear-gradient(90deg, rgba(5, 4, 10, .90), rgba(20, 13, 31, .72) 25%, rgba(5, 4, 10, .76) 50%, rgba(20, 13, 31, .72) 75%, rgba(5, 4, 10, .90)),
    linear-gradient(180deg, rgba(5, 4, 10, .50), rgba(5, 4, 10, .96)),
    var(--ll-c4-header-bg-img, var(--ll-c4-cave-img)) !important;
  background-position: center center, center center, center center, var(--ll-c4-header-bg-pos, center center) !important;
  background-size: auto, auto, auto, var(--ll-c4-header-bg-size, cover) !important;
  background-repeat: no-repeat !important;
}

/* v3.3.36 - Mobile search/cart polish */
@media (max-width: 767px) {
  .ll-c4-cart-similar-row {
    gap: 14px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .ll-c4-cart-similar-card {
    flex: 0 0 152px !important;
    width: 152px !important;
    min-height: 224px !important;
    padding: 11px !important;
  }

  .ll-c4-cart-similar-img,
  .ll-c4-cart-similar-img img {
    height: 92px !important;
  }

  .ll-c4-cart-similar-add {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 390px) {
  .ll-c4-cart-similar-card {
    flex-basis: 146px !important;
    width: 146px !important;
  }
}

/* =========================================================
   LL Concept 4 v31 — safe header search + desktop menu polish
   Base: 3.3.66. CSS-only patch to avoid the 3.3.67 crash path.
========================================================= */
@media (min-width:981px) {
  body:not(.wp-admin) .ll-c4-floating-dropdown {
    width: min(620px, calc(100vw - 40px)) !important;
    max-width: min(620px, calc(100vw - 40px)) !important;
    min-width: 420px !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-panel {
    padding: 18px !important;
    border-radius: 24px !important;
    clip-path: none !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(138, 255, 0, .13), transparent 27%),
      radial-gradient(circle at 100% 10%, rgba(122, 61, 201, .20), transparent 32%),
      linear-gradient(180deg, rgba(14, 17, 27, .985), rgba(4, 5, 10, .995)) !important;
    border: 1px solid rgba(212, 175, 55, .34) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .72), 0 0 0 1px rgba(138, 255, 0, .08) inset, 0 0 28px rgba(122, 61, 201, .24) !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu>li {
    margin: 0 !important;
    min-width: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu>li>a {
    min-height: 74px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(82, 34, 140, .13)) !important;
    box-shadow: inset 0 0 18px rgba(82, 34, 140, .13) !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu>li>a:hover,
  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu>li.is-c4-nested-open>a {
    border-color: rgba(138, 255, 0, .62) !important;
    background: linear-gradient(135deg, rgba(138, 255, 0, .10), rgba(122, 61, 201, .18)) !important;
    box-shadow: 0 0 0 1px rgba(138, 255, 0, .12) inset, 0 0 22px rgba(138, 255, 0, .13) !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-floating-root-menu>li>a span:first-child {
    color: #f8f3e7 !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-menu-note {
    color: rgba(244, 241, 232, .58) !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-has-nested>a::after {
    right: 14px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-desktop-accordion li.is-c4-nested-open>.sub-menu,
  body:not(.wp-admin) .ll-c4-floating-dropdown .ll-c4-desktop-accordion li.is-c4-nested-open>.children {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    max-height: 520px !important;
    overflow: auto !important;
    margin: 8px 0 0 !important;
    padding: 12px 12px 12px 18px !important;
    border-left: 1px solid rgba(138, 255, 0, .36) !important;
    background: linear-gradient(180deg, rgba(3, 8, 14, .58), rgba(3, 5, 10, .36)) !important;
    border-radius: 0 0 18px 18px !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .sub-menu a,
  body:not(.wp-admin) .ll-c4-floating-dropdown .children a {
    min-height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 13px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
  }

  body:not(.wp-admin) .ll-c4-floating-dropdown .sub-menu a:hover,
  body:not(.wp-admin) .ll-c4-floating-dropdown .children a:hover {
    background: rgba(138, 255, 0, .08) !important;
    border-color: rgba(138, 255, 0, .22) !important;
  }
}

@media (max-width:640px) {
}

/* =========================================================
   Lincs Lootcave v3.3.75 — Desktop cascading mega menu
   Builder-powered Concept 4 desktop menu replacement.
   Mobile menu untouched.
========================================================= */
@media (min-width:981px) {
  body:not(.wp-admin) .ll-c4-desktop-menu>li>.sub-menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li.ll-c4-cascade-ready {
    position: relative !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li.ll-c4-cascade-open>a,
  body:not(.wp-admin) .ll-c4-desktop-menu>li.ll-c4-cascade-ready:hover>a {
    color: #f7d85d !important;
    background: linear-gradient(180deg, rgba(255, 218, 75, .10), rgba(138, 255, 0, .055)) !important;
    border-color: rgba(212, 175, 55, .44) !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li.ll-c4-cascade-ready>a {
    padding: 12px 20px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel {
    position: absolute !important;
    top: calc(100% + 28px) !important;
    left: 50% !important;
    width: min(1180px, calc(100vw - 56px)) !important;
    min-height: 560px !important;
    max-height: calc(100vh - 190px) !important;
    transform: translateX(-50%) translateY(8px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: grid !important;
    grid-template-columns: 360px 390px minmax(300px, 1fr) !important;
    gap: 0 !important;
    padding: 20px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 86% 0%, rgba(118,80,167,.22), transparent 32%),
      linear-gradient(135deg, #11141b, #171421 56%, #0d0f14) !important;
    border: 1px solid rgba(212,175,55,.24) !important;
    box-shadow:
      inset 0 1px rgba(255,255,255,.035),
      0 24px 58px rgba(0,0,0,.58) !important;
    z-index: 999999 !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel:before {
    content: none !important;
    position: absolute !important;
    top: -16px !important;
    left: 50% !important;
    width: 38px !important;
    height: 38px !important;
    transform: translateX(-50%) rotate(45deg) !important;
    background: radial-gradient(circle, rgba(191, 70, 255, 1), rgba(112, 24, 214, .86) 38%, rgba(6, 8, 14, 1) 74%) !important;
    border: 1px solid rgba(212, 175, 55, .72) !important;
    box-shadow: 0 0 22px rgba(148, 78, 220, .78), 0 0 30px rgba(138, 255, 0, .36) !important;
    z-index: 3 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel:after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 16px !important;
    border: 0 !important;
    pointer-events: none !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-open>.ll-c4-cascade-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-left,
  body:not(.wp-admin) .ll-c4-cascade-mid,
  body:not(.wp-admin) .ll-c4-cascade-right {
    position: relative !important;
    z-index: 4 !important;
    min-width: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-left {
    padding: 6px 24px 4px 0 !important;
    border-right: 1px solid rgba(212, 175, 55, .18) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-mid {
    padding: 6px 24px !important;
    border-right: 1px solid rgba(212, 175, 55, .14) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-right {
    padding: 6px 0 6px 24px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-brand {
    display: grid !important;
    grid-template-columns: 70px 1fr !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 0 22px !important;
    padding: 0 0 22px !important;
    border-bottom: 1px solid rgba(212, 175, 55, .18) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-orb {
    width: 58px !important;
    height: 58px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(154, 72, 255, 1), rgba(102, 32, 180, .70) 43%, rgba(3, 4, 9, 1) 72%) !important;
    border: 1px solid rgba(212, 175, 55, .55) !important;
    box-shadow: inset 0 0 22px rgba(255, 255, 255, .08), 0 0 28px rgba(148, 78, 220, .45) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-title {
    margin: 0 !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    text-transform: none !important;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .65) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-note {
    margin: 7px 0 0 !important;
    color: #f4d960 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    display: block !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    max-height: calc(100vh - 335px) !important;
    overflow: auto !important;
    padding-right: 6px !important;
    scrollbar-width: thin !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-list::-webkit-scrollbar {
    width: 6px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-list::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, .34) !important;
    border-radius: 99px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item {
    width: 100% !important;
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 14px !important;
    border: 1px solid transparent !important;
    border-bottom-color: rgba(255, 255, 255, .065) !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: #f8f3e7 !important;
    text-align: left !important;
    cursor: pointer !important;
    text-decoration: none !important;
    appearance: none !important;
    font-family: inherit !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item:hover,
  body:not(.wp-admin) .ll-c4-cascade-item.is-active {
    background: linear-gradient(90deg, rgba(138,255,0,.08), transparent 72%) !important;
    border-color: transparent !important;
    box-shadow: inset 3px 0 #8aff00 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item b {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.015em !important;
    text-transform: none !important;
    white-space: normal !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item small {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-top: 5px !important;
    color: rgba(244, 241, 232, .66) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item.is-active small {
    color: #f4d960 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-arrow {
    font-size: 28px !important;
    line-height: 1 !important;
    color: #f4d960 !important;
    text-shadow: 0 0 12px rgba(212, 175, 55, .38) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading {
    padding: 0 0 20px !important;
    margin: 0 0 14px !important;
    border-bottom: 1px solid rgba(212, 175, 55, .18) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading h3 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 29px !important;
    line-height: 1.06 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    text-transform: none !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading p {
    margin: 0 !important;
    color: #969ba7 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    text-transform: none !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-children {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    max-height: calc(100vh - 380px) !important;
    overflow: auto !important;
    padding-right: 6px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child {
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 14px !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    color: #fff !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child:hover,
  body:not(.wp-admin) .ll-c4-cascade-child.is-active {
    border-color: rgba(255,255,255,.08) !important;
    background: linear-gradient(90deg, rgba(138,255,0,.07), transparent 72%) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child b {
    font-size: 18px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    color: #fff !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child small {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-top: 4px !important;
    color: rgba(244, 241, 232, .66) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child.is-active small {
    color: #f4d960 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-empty {
    min-height: 190px !important;
    display: grid !important;
    place-items: center !important;
    text-align: center !important;
    border: 1px dashed rgba(212, 175, 55, .25) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .025) !important;
    color: rgba(244, 241, 232, .62) !important;
    font-weight: 850 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-all {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 58px !important;
    margin-top: 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(138, 255, 0, .62) !important;
    color: #f4d960 !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, .02), rgba(138, 255, 0, .055), rgba(148, 78, 220, .06)) !important;
    text-decoration: none !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-all:hover {
    background: rgba(138, 255, 0, .10) !important;
    box-shadow: 0 0 18px rgba(138, 255, 0, .14) !important;
  }
}

/* V3 3.3.76 — cascading desktop mega menu stability fixes */
@media (min-width:981px) {

  body:not(.wp-admin) .ll-c4-desktop-menu .sub-menu,
  body:not(.wp-admin) .ll-c4-desktop-menu>li>ul.sub-menu,
  body:not(.wp-admin) .ll-c4-desktop-menu li.menu-item-has-children>ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li.ll-c4-cascade-ready>.ll-c4-cascade-panel {
    display: grid !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    max-height: calc(100vh - 190px) !important;
    overflow: hidden !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li.ll-c4-cascade-open>.ll-c4-cascade-panel {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right {
    grid-template-columns: 360px minmax(520px, 1fr) !important;
    width: min(900px, calc(100vw - 56px)) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right .ll-c4-cascade-mid {
    border-right: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right .ll-c4-cascade-right {
    display: none !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel::selection {
    background: rgba(244, 217, 96, .25) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-art {
    width: 58px !important;
    height: 58px !important;
    border-radius: 999px !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid rgba(212, 175, 55, .55) !important;
    background: #05070d !important;
    box-shadow: 0 0 28px rgba(148, 78, 220, .35) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
}

/* V3 3.3.77 — fully retire legacy Concept 4 floating dropdown on desktop
   The cascading mega menu is now the only desktop dropdown renderer. */
@media (min-width:981px) {

  body:not(.wp-admin) .ll-c4-floating-dropdown,
  body:not(.wp-admin) .ll-c4-floating-dropdown.is-open,
  body:not(.wp-admin) .ll-c4-floating-panel,
  body:not(.wp-admin) .ll-c4-floating-root-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li.ll-c4-cascade-ready>ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel {
    z-index: 100200 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right {
    grid-template-columns: minmax(320px, 360px) minmax(520px, 1fr) !important;
    width: min(880px, calc(100vw - 56px)) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right .ll-c4-cascade-mid {
    border-right: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right .ll-c4-cascade-right {
    display: none !important;
  }
}

/* V3 3.3.78 — remove duplicated old Desktop Command Menu on desktop */
@media (min-width:981px) {

  body:not(.wp-admin) .lldcm-shell,
  body:not(.wp-admin) .lldcm-shell[data-lldcm],
  body:not(.wp-admin) .lldcm-nav,
  body:not(.wp-admin) .lldcm-dropdown {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
}


/* V3 3.3.79 — fixed, smooth desktop mega-menu and restored artwork */
@media (min-width:981px) {

  body:not(.wp-admin) .ll-c4-cascade-panel,
  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right {
    position: fixed !important;
    top: var(--ll-c4-cascade-top, 150px) !important;
    left: 50vw !important;
    width: min(1180px, calc(100vw - 56px)) !important;
    min-height: 560px !important;
    grid-template-columns: 360px 390px minmax(300px, 1fr) !important;
    transform: translateX(-50%) translateY(10px) scale(.995) !important;
    transform-origin: 50% 0 !important;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
    will-change: opacity, transform !important;
  }

  body:not(.wp-admin) .ll-c4-desktop-menu>li.ll-c4-cascade-open>.ll-c4-cascade-panel {
    transform: translateX(-50%) translateY(0) scale(1) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right .ll-c4-cascade-mid {
    border-right: 1px solid rgba(212, 175, 55, .16) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel .ll-c4-cascade-right {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right .ll-c4-cascade-right {
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(10px) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-art img {
    opacity: 0;
    transition: opacity .2s ease !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-art img[src] {
    opacity: 1;
  }
}

@media (prefers-reduced-motion:reduce) {

  body:not(.wp-admin) .ll-c4-cascade-panel,
  body:not(.wp-admin) .ll-c4-cascade-right {
    transition: none !important;
  }
}


/* V3 3.3.80 — refined mega-menu typography and content-aware width */
@media (min-width:981px) {

  body:not(.wp-admin) .ll-c4-cascade-panel,
  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right {
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease, width .26s cubic-bezier(.22, .61, .36, 1), min-height .26s ease !important;
  }

  /* Three columns are used only when a genuine third level exists. */
  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right,
  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-selected-leaf {
    width: min(920px, calc(100vw - 56px)) !important;
    min-height: 0 !important;
    grid-template-columns: minmax(315px, 360px) minmax(420px, 1fr) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right .ll-c4-cascade-right,
  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-selected-leaf .ll-c4-cascade-right {
    display: block !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right .ll-c4-cascade-mid,
  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-selected-leaf .ll-c4-cascade-mid {
    border-right: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-selected-leaf .ll-c4-cascade-children:empty {
    display: none !important;
  }

  /* Cleaner visual hierarchy without losing the premium character. */
  body:not(.wp-admin) .ll-c4-cascade-title {
    font-size: 26px !important;
    line-height: 1.06 !important;
    letter-spacing: -.025em !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-note {
    font-size: 14px !important;
    line-height: 1.32 !important;
    margin-top: 6px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading h3 {
    font-size: 24px !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item {
    min-height: 58px !important;
    padding: 11px 13px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item b,
  body:not(.wp-admin) .ll-c4-cascade-child b {
    font-size: 16px !important;
    line-height: 1.18 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item small {
    -webkit-line-clamp: 3 !important;
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child {
    min-height: 54px !important;
    padding: 11px 13px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child small {
    -webkit-line-clamp: 2 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-all {
    min-height: 54px !important;
    font-size: 16px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  body:not(.wp-admin) .ll-c4-cascade-panel {
    transition: none !important;
  }
}

/* V3 3.3.81 — menu-item artwork cards */
@media (min-width:981px) {
  body:not(.wp-admin) .ll-c4-cascade-item-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
  }

  body:not(.wp-admin) .ll-c4-cascade-item.has-artwork,
  body:not(.wp-admin) .ll-c4-cascade-child.has-artwork {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    min-height: 72px !important;
    padding: 0 12px 0 0 !important;
    overflow: hidden !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item-art {
    width: 72px;
    min-width: 72px;
    height: 72px;
    aspect-ratio: 1/1;
    align-self: stretch;
    display: block;
    overflow: hidden;
    border-right: 1px solid rgba(212, 175, 55, .2);
    background: rgba(8, 5, 14, .72);
  }

  body:not(.wp-admin) .ll-c4-cascade-item-art img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 1 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item.has-artwork .ll-c4-cascade-item-copy,
  body:not(.wp-admin) .ll-c4-cascade-child.has-artwork .ll-c4-cascade-item-copy {
    padding: 9px 12px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item.has-artwork .ll-c4-cascade-arrow,
  body:not(.wp-admin) .ll-c4-cascade-child.has-artwork .ll-c4-cascade-arrow {
    align-self: center;
  }

  body:not(.wp-admin) .ll-c4-cascade-item.has-artwork small,
  body:not(.wp-admin) .ll-c4-cascade-child.has-artwork small {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* V3 3.3.91 — refined desktop mega-menu typography
   Typography-only pass: preserve the established panel geometry and motion. */
@media (min-width:981px) {
  body:not(.wp-admin) .ll-c4-cascade-title {
    font-size: 24px !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-note {
    font-size: 12.5px !important;
    line-height: 1.38 !important;
    font-weight: 750 !important;
    margin-top: 5px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading h3 {
    font-size: 22px !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em !important;
    margin-bottom: 6px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading p {
    font-size: 12.5px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item,
  body:not(.wp-admin) .ll-c4-cascade-child {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item b,
  body:not(.wp-admin) .ll-c4-cascade-child b {
    font-size: 14px !important;
    line-height: 1.18 !important;
    letter-spacing: -.008em !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item small,
  body:not(.wp-admin) .ll-c4-cascade-child small {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin-top: 3px !important;
    font-size: 10.5px !important;
    line-height: 1.34 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item.has-artwork .ll-c4-cascade-item-copy,
  body:not(.wp-admin) .ll-c4-cascade-child.has-artwork .ll-c4-cascade-item-copy {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-all {
    font-size: 15px !important;
  }
}

/* =========================================================
   v3.5.3 — Stable mobile/tablet header (no hide/reveal)
========================================================= */
body.ll-c4-sticky-static .ll-c4-header-shell {
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ll-c4-sticky-static .ll-c4-header-shell.ll-c4-header-hidden {
  transform: none !important;
}

@media (max-width:1024px),
((hover:none) and (pointer:coarse)) {
  body:not(.wp-admin) .ll-c4-header-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* =========================================================
   v3.5.4 — Reliability reset: normal-flow header everywhere
========================================================= */
html:not(.wp-admin) body .ll-c4-header-shell,
html:not(.wp-admin) body.ll-c4-sticky-enabled .ll-c4-header-shell,
html:not(.wp-admin) body.ll-c4-sticky-static .ll-c4-header-shell {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
  contain: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html:not(.wp-admin) body .ll-c4-header-shell.ll-c4-header-hidden {
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html:not(.wp-admin) body .ll-c4-sticky-spacer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* =========================================================
   LL Concept 4 v12 — Mobile Notification Account Badge
========================================================= */

.ll-c4-account-toggle {
  position: relative;
}

/* Desktop keeps the standalone notification bell. */
.ll-c4-account-notification-count {
  display: none;
}

@media (max-width: 980px) {

  /* Remove the separate bell from the cramped mobile header. */
  .ll-c4-notifications-toggle {
    display: none !important;
  }

  /* Move the unread indicator onto the account/profile icon. */
  .ll-c4-account-notification-count {
    position: absolute;
    top: -8px;
    right: -7px;
    z-index: 100001;
    display: grid;
    min-width: 21px;
    height: 21px;
    padding: 0 5px;
    place-items: center;
    border: 2px solid #080512;
    border-radius: 999px;
    background: linear-gradient(180deg,
        var(--ll-c4-gold2),
        var(--ll-c4-gold));
    color: #080512;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    box-shadow:
      0 3px 9px rgba(0, 0, 0, .55),
      0 0 14px rgba(212, 175, 55, .42);
    pointer-events: none;
  }
}

/* =========================================================
   LL Concept 4 v13 — Collector Profile Foundation
========================================================= */

.ll-c4-account-menu .ll-c4-profile,
.ll-c4-account-menu-mobile-portal .ll-c4-profile {
  display: grid;
  gap: 16px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  color: rgba(246, 243, 235, .98);
  text-transform: none;
}

.ll-c4-profile__hero {
  position: relative;
  display: grid;
  gap: 14px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid rgba(148, 78, 220, .42);
  border-radius: 20px;
  background:
    radial-gradient(circle at 15% 10%,
      rgba(138, 255, 0, .10),
      transparent 30%),
    radial-gradient(circle at 85% 12%,
      rgba(148, 78, 220, .32),
      transparent 38%),
    linear-gradient(145deg,
      rgba(20, 17, 34, .98),
      rgba(6, 8, 16, .98));
  box-shadow:
    inset 0 0 30px rgba(109, 47, 184, .16),
    0 14px 32px rgba(0, 0, 0, .34);
}

.ll-c4-profile__hero::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -70px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(212, 175, 55, .14);
  border-radius: 50%;
  pointer-events: none;
}

.ll-c4-profile__identity {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.ll-c4-profile__badge-wrap {
  display: grid;
  width: 92px;
  height: 92px;
  place-items: center;
  border: 1px solid rgba(212, 175, 55, .42);
  border-radius: 24px;
  background:
    radial-gradient(circle,
      rgba(148, 78, 220, .30),
      rgba(10, 8, 18, .88) 70%);
  box-shadow:
    inset 0 0 22px rgba(109, 47, 184, .24),
    0 0 22px rgba(148, 78, 220, .18);
}

.ll-c4-profile__badge {
  display: block;
  width: 82px;
  height: 82px;
  object-fit: contain;
}

.ll-c4-profile__identity-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ll-c4-profile__name {
  overflow: hidden;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ll-c4-profile__rank {
  color: var(--ll-c4-gold2, #f0c33c);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.2;
}

.ll-c4-profile__era {
  color: var(--ll-c4-green, #8aff00);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ll-c4-profile__progress-copy {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: rgba(230, 226, 238, .82);
  font-size: 12px;
  font-weight: 800;
}

.ll-c4-profile__progress {
  position: relative;
  z-index: 2;
  height: 11px;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 55, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, .48);
}

.ll-c4-profile__progress-fill {
  display: block;
  height: 100%;
  min-width: 4px;
  border-radius: inherit;
  background:
    linear-gradient(90deg,
      var(--ll-c4-green, #8aff00),
      #c9ff72,
      #a34ee6);
  box-shadow:
    0 0 14px rgba(138, 255, 0, .34),
    0 0 22px rgba(148, 78, 220, .20);
}

.ll-c4-profile__remaining {
  position: relative;
  z-index: 2;
  color: rgba(208, 203, 219, .72);
  font-size: 11px;
  font-weight: 700;
}

.ll-c4-profile__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(212, 175, 55, .18);
  border-radius: 18px;
  background: rgba(10, 11, 20, .70);
}

.ll-c4-profile__stat {
  display: grid;
  gap: 4px;
  place-items: center;
  min-width: 0;
  padding: 15px 10px;
  text-align: center;
}

.ll-c4-profile__stat+.ll-c4-profile__stat {
  border-left: 1px solid rgba(255, 255, 255, .09);
}

.ll-c4-profile__stat strong {
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
}

.ll-c4-profile__stat span {
  color: rgba(213, 208, 222, .65);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ll-c4-account-menu .ll-c4-profile__primary,
.ll-c4-account-menu-mobile-portal .ll-c4-profile__primary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 50px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(148, 78, 220, .80) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(135deg,
      rgba(91, 35, 151, .76),
      rgba(30, 16, 54, .94)) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  box-shadow:
    inset 0 0 20px rgba(148, 78, 220, .18),
    0 0 18px rgba(109, 47, 184, .16) !important;
}

.ll-c4-account-menu .ll-c4-profile__primary:hover,
.ll-c4-account-menu-mobile-portal .ll-c4-profile__primary:hover {
  border-color: rgba(138, 255, 0, .72) !important;
  color: var(--ll-c4-green, #8aff00) !important;
  transform: translateY(-1px);
}

/* =========================================================
   LL Concept 4 v14 — Collector Profile Navigation
========================================================= */

.ll-c4-profile__navigation {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 55, .16);
  border-radius: 18px;
  background:
    linear-gradient(180deg,
      rgba(14, 15, 26, .86),
      rgba(7, 8, 15, .92));
  box-shadow:
    inset 0 0 22px rgba(109, 47, 184, .10),
    0 12px 28px rgba(0, 0, 0, .20);
}

.ll-c4-account-menu .ll-c4-profile__navigation>a,
.ll-c4-account-menu-mobile-portal .ll-c4-profile__navigation>a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(244, 241, 232, .94) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease !important;
}

.ll-c4-profile__navigation>a+a {
  border-top: 1px solid rgba(255, 255, 255, .07);
}

.ll-c4-account-menu .ll-c4-profile__navigation>a:hover,
.ll-c4-account-menu .ll-c4-profile__navigation>a:focus-visible,
.ll-c4-account-menu-mobile-portal .ll-c4-profile__navigation>a:hover,
.ll-c4-account-menu-mobile-portal .ll-c4-profile__navigation>a:focus-visible {
  background:
    linear-gradient(90deg,
      rgba(138, 255, 0, .08),
      rgba(109, 47, 184, .18)) !important;
  color: var(--ll-c4-green, #8aff00) !important;
  transform: translateX(2px);
}

.ll-c4-profile__nav-label,
.ll-c4-profile__nav-side {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.ll-c4-profile__nav-label>span:first-child {
  display: grid;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  background: rgba(148, 78, 220, .10);
  font-size: 15px;
}

.ll-c4-profile__nav-label>span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ll-c4-profile__nav-side {
  flex: 0 0 auto;
  color: rgba(223, 218, 232, .48);
  font-size: 22px;
  line-height: 1;
}

.ll-c4-profile__count {
  display: grid;
  min-width: 23px;
  height: 23px;
  padding: 0 6px;
  place-items: center;
  border-radius: 999px;
  background:
    linear-gradient(180deg,
      rgba(148, 78, 220, .96),
      rgba(86, 30, 150, .96));
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 0 14px rgba(148, 78, 220, .28);
}

.ll-c4-account-menu .ll-c4-profile__logout,
.ll-c4-account-menu-mobile-portal .ll-c4-profile__logout {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255, 92, 92, .22) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg,
      rgba(30, 14, 20, .72),
      rgba(12, 8, 13, .90)) !important;
  color: rgba(255, 132, 132, .94) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 0 18px rgba(112, 22, 32, .10),
    0 10px 24px rgba(0, 0, 0, .18) !important;
}

.ll-c4-account-menu .ll-c4-profile__logout:hover,
.ll-c4-account-menu .ll-c4-profile__logout:focus-visible,
.ll-c4-account-menu-mobile-portal .ll-c4-profile__logout:hover,
.ll-c4-account-menu-mobile-portal .ll-c4-profile__logout:focus-visible {
  border-color: rgba(255, 112, 112, .48) !important;
  color: #fff !important;
  background:
    linear-gradient(180deg,
      rgba(92, 24, 34, .72),
      rgba(28, 10, 16, .94)) !important;
}

/* =========================================================
   LL Concept 4 v15 — Collector Profile Width Refinement
========================================================= */

/* Give the desktop Collector Profile more breathing room. */
@media (min-width: 981px) {
  body:not(.wp-admin) .ll-c4-account-menu {
    width: 430px !important;
    min-width: 430px !important;
    max-width: min(430px, calc(100vw - 32px)) !important;
  }
}

/* Use slightly more of the available screen width on mobile. */
@media (max-width: 980px) {
  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal {
    width: min(400px, calc(100vw - 16px)) !important;
    min-width: min(360px, calc(100vw - 16px)) !important;
    right: 8px !important;
  }
}

/* Prevent forced minimum width on very small phones. */
@media (max-width: 375px) {
  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal {
    width: calc(100vw - 12px) !important;
    min-width: 0 !important;
    right: 6px !important;
  }
}

/* =========================================================
   LL Concept 4 v16 — Collector Profile Mobile Spacing
   Mobile-only refinement. Desktop remains unchanged.
========================================================= */

@media (max-width: 980px) {

  /* Slightly tighter spacing between the major profile sections. */
  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile {
    gap: 12px !important;
    padding: 16px !important;
  }

  /* Reduce the hero footprint without losing its visual impact. */
  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__hero {
    gap: 11px !important;
    padding: 15px !important;
    border-radius: 18px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__identity {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    gap: 13px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__badge-wrap {
    width: 84px !important;
    height: 84px !important;
    border-radius: 21px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__badge {
    width: 76px !important;
    height: 76px !important;
  }

  /* Give the identity text clearer vertical rhythm. */
  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__identity-copy {
    gap: 5px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__name {
    font-size: 18px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__rank {
    font-size: 16px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__era {
    font-size: 11px !important;
    letter-spacing: .07em !important;
  }

  /* Slightly reduce the statistics card height. */
  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__stat {
    padding: 13px 8px !important;
  }

  /* Keep the primary action prominent but less oversized. */
  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__primary {
    min-height: 48px !important;
    padding-inline: 15px !important;
  }

  /* Compact the navigation while keeping comfortable tap targets. */
  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__navigation>a {
    min-height: 58px !important;
    padding: 0 14px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__nav-label {
    gap: 11px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__nav-label>span:first-child {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__logout {
    min-height: 54px !important;
    padding: 0 15px !important;
  }
}

/* Extra tightening for narrower phones only. */
@media (max-width: 390px) {

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile {
    gap: 10px !important;
    padding: 13px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__hero {
    padding: 13px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__identity {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 11px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__badge-wrap {
    width: 76px !important;
    height: 76px !important;
  }

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__badge {
    width: 69px !important;
    height: 69px !important;
  }
}

/* =========================================================
   V3 3.3.92 — content-aware desktop mega-menu sizing

   The cascade originally carried a permanent 560px minimum
   height. That made sense while stabilising the three-column
   renderer, but now produces large empty areas for short
   branches such as Accessories > Binders.

   Let short menus collapse naturally while deep menus remain
   capped inside the visible browser viewport.
========================================================= */
@media (min-width:981px) {

  body:not(.wp-admin) .ll-c4-cascade-panel,
  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-no-right,
  body:not(.wp-admin) .ll-c4-cascade-panel.ll-c4-cascade-selected-leaf {
    min-height: 0 !important;
    height: auto !important;

    max-height:
      calc(
        100dvh - var(--ll-c4-cascade-top, 150px) - 20px
      ) !important;
  }

  /*
   * Grid children must be allowed to shrink; otherwise a long
   * third-level list can force the entire panel beyond the viewport.
   */
  body:not(.wp-admin) .ll-c4-cascade-left,
  body:not(.wp-admin) .ll-c4-cascade-mid,
  body:not(.wp-admin) .ll-c4-cascade-right {
    min-height: 0 !important;
    overflow: hidden !important;
  }

  /*
   * Long category trees scroll inside their own column rather
   * than stretching the mega menu down the page.
   */
  body:not(.wp-admin) .ll-c4-cascade-list,
  body:not(.wp-admin) .ll-c4-cascade-children {
    max-height:
      calc(
        100dvh - var(--ll-c4-cascade-top, 150px) - 175px
      ) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
  }

}

/* =========================================================
   V3 3.3.93 — tighter desktop mega-menu geometry

   Goals:
   - stop right-column content being visually cut off
   - give the third column a little more usable width
   - reduce chunky row height
   - tighten vertical rhythm
   - keep long labels readable without oversized cards
========================================================= */
@media (min-width:981px) {

  body:not(.wp-admin) .ll-c4-cascade-panel {
    width: min(1240px, calc(100vw - 48px)) !important;
    grid-template-columns:
      minmax(300px, 340px)
      minmax(330px, 370px)
      minmax(360px, 1fr) !important;

    padding: 20px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-left {
    padding: 4px 20px 4px 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-mid {
    padding: 4px 20px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-right {
    padding: 4px 0 4px 20px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-brand {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-orb,
  body:not(.wp-admin) .ll-c4-cascade-art {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-logo {
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-list {
    gap: 3px !important;
    padding-right: 2px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item {
    min-height: 48px !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    border-radius: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item b {
    font-size: 13.5px !important;
    line-height: 1.18 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item small {
    margin-top: 2px !important;
    font-size: 9.75px !important;
    line-height: 1.28 !important;
    -webkit-line-clamp: 2 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading {
    padding-bottom: 15px !important;
    margin-bottom: 11px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading h3 {
    font-size: 21px !important;
    line-height: 1.1 !important;
    margin-bottom: 4px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-heading p {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-children {
    gap: 6px !important;
    padding-right: 2px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child .ll-c4-cascade-item-copy {
    min-width: 0 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child b {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 13.5px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-child small {
    display: -webkit-box !important;
    margin-top: 2px !important;
    font-size: 9.75px !important;
    line-height: 1.28 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-arrow {
    font-size: 22px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-all {
    min-height: 46px !important;
    margin-top: 10px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
  }

}

/* =========================================================
   V3 3.3.94 — compact left column only

   The middle and right cascade columns are now correctly
   sized. This pass deliberately touches only the primary
   left navigation column.

   Goals:
   - make left rows visually match the compact child rows
   - stop descriptions clipping at the right edge
   - give the text column proper shrink/wrap behaviour
   - reduce excessive vertical height
   - keep arrows aligned without stealing text width
========================================================= */
@media (min-width:981px) {

  /*
   * Give the primary navigation column a little more room
   * without changing the established middle/right styling.
   */
  body:not(.wp-admin) .ll-c4-cascade-panel {
    grid-template-columns:
      minmax(330px, 350px)
      minmax(330px, 370px)
      minmax(360px, 1fr) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-left {
    padding-right: 18px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-list {
    gap: 4px !important;
    padding-right: 0 !important;
  }

  /*
   * Compact primary rows.
   */
  body:not(.wp-admin) .ll-c4-cascade-item {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;

    grid-template-columns:
      minmax(0, 1fr)
      18px !important;

    gap: 6px !important;

    padding:
      7px
      8px
      7px
      10px !important;

    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  /*
   * Critical: allow the copy column to genuinely shrink
   * inside the CSS grid instead of being clipped.
   */
  body:not(.wp-admin)
  .ll-c4-cascade-item
  .ll-c4-cascade-item-copy {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item b {
    display: block !important;

    min-width: 0 !important;
    max-width: 100% !important;

    font-size: 13px !important;
    line-height: 1.16 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-item small {
    display: -webkit-box !important;

    min-width: 0 !important;
    max-width: 100% !important;

    margin-top: 2px !important;

    font-size: 9.25px !important;
    line-height: 1.24 !important;

    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
    overflow-wrap: anywhere !important;
  }

  /*
   * Keep the navigation chevron small and predictable so
   * it cannot squeeze the description column.
   */
  body:not(.wp-admin)
  .ll-c4-cascade-item
  > .ll-c4-cascade-arrow {
    width: 18px !important;
    min-width: 18px !important;

    display: grid !important;
    place-items: center !important;

    font-size: 19px !important;
    line-height: 1 !important;
  }

  /*
   * Leaf destinations do not need an empty second grid
   * column reserved for an arrow.
   */
  body:not(.wp-admin)
  .ll-c4-cascade-item:not(:has(.ll-c4-cascade-arrow)) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

}

/* =========================================================
   V3 3.3.95 — in-stock mega-menu quick links

   Compact product recommendations for category leaves.
   These are intentionally navigation-sized rather than
   full WooCommerce product cards.
========================================================= */
@media (min-width:981px) {

  body:not(.wp-admin) .ll-c4-cascade-products {
    margin-top: 10px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(212, 175, 55, .14) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-products-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-products-head strong {
    display: block !important;
    color: #f4d960 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-products-head small {
    display: block !important;
    margin-top: 2px !important;
    color: rgba(244, 241, 232, .56) !important;
    font-size: 9.5px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product-list {
    display: grid !important;
    gap: 6px !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 50px !important;
    padding: 5px 9px 5px 5px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product:hover,
  body:not(.wp-admin) .ll-c4-cascade-product:focus {
    border-color: rgba(255,255,255,.08) !important;
    background: linear-gradient(90deg, rgba(138,255,0,.07), transparent 72%) !important;
    box-shadow: inset 3px 0 #8aff00 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product-img {
    width: 46px !important;
    height: 46px !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: rgba(4, 5, 9, .88) !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product-copy {
    min-width: 0 !important;
    display: block !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product-copy b {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 11.5px !important;
    line-height: 1.22 !important;
    font-weight: 850 !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product-copy small {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 3px !important;
    font-size: 9.5px !important;
    line-height: 1.2 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product-copy small span {
    color: #f4d960 !important;
    font-weight: 850 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product-copy small em {
    color: #8aff00 !important;
    font-style: normal !important;
    font-weight: 850 !important;
  }

  body:not(.wp-admin) .ll-c4-cascade-product > i {
    color: #f4d960 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-style: normal !important;
  }

}

/* =========================================================
   LL CONCEPT 4 v17 — ACCOUNT PROFILE REFRESH
   ---------------------------------------------------------
   Direction:
   - quieter glass shell
   - flatter profile hierarchy
   - fewer nested cards
   - cleaner navigation
   - stronger desktop/mobile consistency
   ========================================================= */


/* =========================================================
   PROFILE ROOT
   ========================================================= */

body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile {
  display: grid;

  gap: 0;

  width: 100%;

  padding: 22px 22px 20px;

  color: rgba(246, 243, 235, .97);

  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(118, 80, 167, .11),
      transparent 34%
    ),
    radial-gradient(
      circle at 100% 16%,
      rgba(138, 255, 0, .035),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      rgba(7, 9, 15, .985),
      rgba(3, 5, 10, .995)
    );

  box-sizing: border-box;
}


/* =========================================================
   IDENTITY / HERO
   ========================================================= */

body:not(.wp-admin) .ll-c4-profile__hero {
  position: relative;

  display: grid;

  gap: 13px;

  margin: 0;

  padding:
    0 0 20px;

  overflow: visible;

  border: 0;

  border-bottom:
    1px solid rgba(212, 175, 55, .11);

  border-radius: 0;

  background: transparent;

  box-shadow: none;
}

body:not(.wp-admin) .ll-c4-profile__hero::after {
  content: none;

  display: none;
}


body:not(.wp-admin) .ll-c4-profile__identity {
  display: grid;

  grid-template-columns:
    68px minmax(0, 1fr);

  gap: 14px;

  align-items: center;
}


body:not(.wp-admin) .ll-c4-profile__badge-wrap {
  display: grid;

  width: 68px;
  height: 68px;

  place-items: center;

  border:
    1px solid rgba(212, 175, 55, .25);

  border-radius: 18px;

  background:
    radial-gradient(
      circle at center,
      rgba(118, 80, 167, .18),
      rgba(5, 7, 12, .72) 68%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22);
}


body:not(.wp-admin) .ll-c4-profile__badge {
  width: 60px;
  height: 60px;

  object-fit: contain;
}


body:not(.wp-admin) .ll-c4-profile__identity-copy {
  display: grid;

  gap: 3px;

  min-width: 0;
}


body:not(.wp-admin) .ll-c4-profile__name {
  overflow: visible;

  color: #fff;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 20px;

  font-weight: 700;

  line-height: 1.05;

  letter-spacing:
    -.025em;

  text-overflow: clip;

  white-space: normal;
}


body:not(.wp-admin) .ll-c4-profile__rank {
  color:
    var(--ll-c4-gold2, #f0d879);

  font-size: 12px;

  font-weight: 850;

  line-height: 1.25;
}


body:not(.wp-admin) .ll-c4-profile__era {
  color:
    var(--ll-c4-green, #8aff00);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .13em;

  text-transform: uppercase;
}


/* =========================================================
   PROGRESS
   ========================================================= */

body:not(.wp-admin) .ll-c4-profile__progress-copy {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-top: 2px;

  color:
    rgba(230, 226, 238, .64);

  font-size: 10px;

  font-weight: 800;
}


body:not(.wp-admin) .ll-c4-profile__progress {
  height: 6px;

  overflow: hidden;

  border: 0;

  border-radius: 999px;

  background:
    rgba(255, 255, 255, .075);

  box-shadow:
    inset 0 1px 4px rgba(0, 0, 0, .5);
}


body:not(.wp-admin) .ll-c4-profile__progress-fill {
  display: block;

  height: 100%;

  min-width: 4px;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      var(--ll-c4-green, #8aff00),
      #e0f58a 58%,
      var(--ll-c4-gold2, #f0d879)
    );

  box-shadow:
    0 0 10px rgba(138,255,0,.22);
}


body:not(.wp-admin) .ll-c4-profile__remaining {
  color:
    rgba(208, 203, 219, .50);

  font-size: 10px;

  font-weight: 700;
}


/* =========================================================
   STATS — QUIET INLINE METADATA
   ========================================================= */

body:not(.wp-admin) .ll-c4-profile__stats {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  margin:
    14px 0 0;

  overflow: visible;

  border: 0;

  border-radius: 0;

  background: transparent;
}


body:not(.wp-admin) .ll-c4-profile__stat {
  display: grid;

  gap: 4px;

  place-items: start;

  min-width: 0;

  padding:
    14px 0 4px;

  text-align: left;
}


body:not(.wp-admin) .ll-c4-profile__stat + .ll-c4-profile__stat {
  padding-left: 18px;

  border-left:
    1px solid rgba(255, 255, 255, .07);
}


body:not(.wp-admin) .ll-c4-profile__stat strong {
  color: #fff;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 18px;

  font-weight: 700;

  line-height: 1;
}


body:not(.wp-admin) .ll-c4-profile__stat span {
  color:
    rgba(213, 208, 222, .48);

  font-size: 8px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}


/* =========================================================
   PRIMARY ACTION
   ========================================================= */

body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__primary,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__primary {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  min-height: 44px !important;

  margin:
    18px 0 6px !important;

  padding:
    0 2px !important;

  border: 0 !important;

  border-radius: 0 !important;

  background: transparent !important;

  color:
    var(--ll-c4-gold2, #f0d879) !important;

  font-size: 11px !important;

  font-weight: 900 !important;

  letter-spacing:
    .03em !important;

  text-transform: none !important;

  box-shadow: none !important;
}


body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__primary::before,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__primary::before {
  content: "";

  width: 6px;
  height: 6px;

  margin-right: 10px;

  flex: 0 0 6px;

  border-radius: 999px;

  background:
    var(--ll-c4-green, #8aff00);

  box-shadow:
    0 0 8px rgba(138,255,0,.34);
}


body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__primary > span:first-child,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__primary > span:first-child {
  margin-right: auto;
}


body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__primary:hover,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__primary:hover {
  color:
    var(--ll-c4-green, #8aff00) !important;

  transform: none;
}


/* =========================================================
   NAVIGATION — OPEN LIST
   ========================================================= */

body:not(.wp-admin) .ll-c4-profile__navigation {
  display: grid;

  overflow: visible;

  margin:
    2px 0 0;

  border: 0;

  border-top:
    1px solid rgba(212, 175, 55, .10);

  border-bottom:
    1px solid rgba(212, 175, 55, .10);

  border-radius: 0;

  background: transparent;

  box-shadow: none;
}


body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__navigation > a,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__navigation > a {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 14px !important;

  min-height: 48px !important;

  padding:
    0 2px !important;

  border: 0 !important;

  border-radius: 0 !important;

  background: transparent !important;

  color:
    rgba(244, 241, 232, .82) !important;

  font-size: 11px !important;

  font-weight: 800 !important;

  letter-spacing: 0 !important;

  text-transform: none !important;

  box-shadow: none !important;

  transition:
    color .18s ease,
    padding-left .18s ease !important;
}


body:not(.wp-admin) .ll-c4-profile__navigation > a + a {
  border-top:
    1px solid rgba(255, 255, 255, .05) !important;
}


body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__navigation > a:hover,
body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__navigation > a:focus-visible,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__navigation > a:hover,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__navigation > a:focus-visible {
  padding-left:
    5px !important;

  background:
    transparent !important;

  color:
    var(--ll-c4-green, #8aff00) !important;

  transform: none;
}


/* =========================================================
   NAV ICONS
   ========================================================= */

body:not(.wp-admin) .ll-c4-profile__nav-label,
body:not(.wp-admin) .ll-c4-profile__nav-side {
  display: flex;

  align-items: center;

  gap: 10px;

  min-width: 0;
}


body:not(.wp-admin) .ll-c4-profile__nav-label > span:first-child {
  display: grid;

  flex:
    0 0 24px;

  width: 24px;
  height: 24px;

  place-items: center;

  border: 0;

  border-radius: 0;

  background: transparent;

  font-size: 13px;

  filter:
    grayscale(.15);

  opacity: .72;
}


body:not(.wp-admin) .ll-c4-profile__nav-label > span:last-child {
  overflow: visible;

  text-overflow: clip;

  white-space: normal;
}


body:not(.wp-admin) .ll-c4-profile__nav-side {
  flex: 0 0 auto;

  color:
    rgba(223, 218, 232, .32);

  font-size: 18px;

  line-height: 1;
}


body:not(.wp-admin) .ll-c4-profile__count {
  display: grid;

  min-width: 20px;
  height: 20px;

  padding:
    0 5px;

  place-items: center;

  border:
    1px solid rgba(212,175,55,.24);

  border-radius: 999px;

  background:
    rgba(212,175,55,.08);

  color:
    var(--ll-c4-gold2, #f0d879);

  font-size: 9px;

  font-weight: 900;

  line-height: 1;

  box-shadow: none;
}


/* =========================================================
   LOGOUT
   ========================================================= */

body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__logout,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__logout {
  display: flex !important;

  align-items: center !important;

  gap: 9px !important;

  min-height: 44px !important;

  margin:
    10px 0 0 !important;

  padding:
    0 2px !important;

  border: 0 !important;

  border-radius: 0 !important;

  background: transparent !important;

  color:
    rgba(255, 132, 132, .66) !important;

  font-size: 10px !important;

  font-weight: 800 !important;

  letter-spacing: 0 !important;

  text-transform: none !important;

  box-shadow: none !important;
}


body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__logout:hover,
body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile__logout:focus-visible,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__logout:hover,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile__logout:focus-visible {
  color:
    #ff9898 !important;

  background: transparent !important;
}


/* =========================================================
   DESKTOP SHELL
   ========================================================= */

@media (min-width: 981px) {

  body:not(.wp-admin) .ll-c4-account-menu {
    width:
      360px !important;

    min-width:
      360px !important;

    max-width:
      min(360px, calc(100vw - 32px)) !important;

    overflow: hidden !important;

    border:
      1px solid rgba(212, 175, 55, .17) !important;

    border-radius:
      20px !important;

    background:
      rgba(3,5,10,.97) !important;

    box-shadow:
      0 24px 70px rgba(0,0,0,.52),
      inset 0 1px 0 rgba(255,255,255,.025) !important;

    backdrop-filter:
      blur(20px);
  }

}


/* =========================================================
   MOBILE SHEET
   ========================================================= */

@media (max-width: 980px) {

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal {
    width:
      min(360px, calc(100vw - 24px)) !important;

    min-width:
      0 !important;

    right:
      12px !important;

    overflow:
      hidden !important;

    border:
      1px solid rgba(212,175,55,.16) !important;

    border-radius:
      22px !important;

    background:
      rgba(3,5,10,.985) !important;

    box-shadow:
      0 28px 72px rgba(0,0,0,.58),
      inset 0 1px 0 rgba(255,255,255,.024) !important;

    backdrop-filter:
      blur(20px);
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile {
    gap: 0 !important;

    padding:
      18px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__hero {
    gap:
      12px !important;

    padding:
      0 0 18px !important;

    border-radius:
      0 !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__identity {
    grid-template-columns:
      62px minmax(0, 1fr) !important;

    gap:
      12px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__badge-wrap {
    width:
      62px !important;

    height:
      62px !important;

    border-radius:
      16px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__badge {
    width:
      55px !important;

    height:
      55px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__name {
    font-size:
      18px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__rank {
    font-size:
      11px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__era {
    font-size:
      8px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__stats {
    margin-top:
      12px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__stat {
    padding:
      12px 0 2px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__primary {
    min-height:
      43px !important;

    margin-top:
      16px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__navigation > a {
    min-height:
      49px !important;

    padding:
      0 2px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__logout {
    min-height:
      42px !important;
  }

}

/* Notifications remain locked: retain the approved presentation cascade. */
body:not(.wp-admin) .ll-c4-announcement { z-index: 0 !important; }
body:not(.wp-admin) .ll-c4-notifications-menu { z-index:2 !important; width:min(372px,calc(100vw - 28px)) !important; padding:0 !important; overflow:hidden; border:1px solid rgba(255,255,255,.08) !important; border-radius:14px !important; background:radial-gradient(circle at 88% 0%,rgba(118,80,167,.20),transparent 34%),linear-gradient(135deg,#11141b,#171421 56%,#11131a) !important; box-shadow:0 18px 45px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.035) !important; }
body:not(.wp-admin) .ll-c4-notifications-menu__header { position:relative; margin:0 !important; padding:18px 18px 14px !important; border-bottom:1px solid rgba(212,175,55,.22) !important; }
body:not(.wp-admin) .ll-c4-notifications-menu__header::before { content:'ACTIVITY'; position:absolute; top:7px; left:18px; color:#8aff00; font-size:9px; font-weight:800; letter-spacing:.14em; }
body:not(.wp-admin) .ll-c4-notifications-menu__header strong { display:block; margin-top:8px; color:#fff; font-size:16px; }
body:not(.wp-admin) .ll-c4-notifications-menu__list { gap:0 !important; }
body:not(.wp-admin) .ll-c4-notifications-menu__item { padding:14px 18px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; border-radius:0 !important; background:transparent !important; }
body:not(.wp-admin) .ll-c4-notifications-menu__item.is-unread { background:linear-gradient(90deg,rgba(138,255,0,.07),transparent 66%) !important; box-shadow:inset 3px 0 #8aff00 !important; }
body:not(.wp-admin) .ll-c4-notifications-menu__item--link:hover, body:not(.wp-admin) .ll-c4-notifications-menu__item--link:focus-visible { background:rgba(255,255,255,.035) !important; box-shadow:inset 3px 0 #d4af37 !important; transform:none !important; outline:none; }
body:not(.wp-admin) .ll-c4-notifications-menu__new { margin:0 0 6px !important; padding:0 !important; border:0 !important; border-radius:0 !important; color:#caff96 !important; font-size:9px !important; letter-spacing:.12em !important; }
body:not(.wp-admin) .ll-c4-notifications-menu__message, body:not(.wp-admin) .ll-c4-notifications-menu__empty { color:#969ba7 !important; }
body:not(.wp-admin) .ll-c4-notifications-menu__date { color:rgba(150,155,167,.78) !important; }
body:not(.wp-admin) .ll-c4-notifications-menu__view-all { margin:0 !important; padding:14px 18px !important; border:0 !important; background:rgba(255,255,255,.022) !important; color:#e1c75f !important; }

/* ==========================================================================
   Mobile navigation presentation — active drill-down runtime surface.
   Structural drill-down, scrolling, and focus rules remain above.
   ========================================================================== */
@media (max-width: 980px) {
  body:not(.wp-admin) #ll-c4-mobile-drawer.ll-c4-mobile-drawer {
    background:
      radial-gradient(circle at 88% 0%, rgba(118, 80, 167, .26), transparent 30%),
      radial-gradient(circle at 10% 18%, rgba(138, 255, 0, .055), transparent 22%),
      linear-gradient(180deg, #10131a 0%, #0d0f14 48%, #090b10 100%) !important;
    border-right-color: rgba(255,255,255,.09) !important;
    box-shadow: 18px 0 48px rgba(0,0,0,.48) !important;
  }

  body:not(.wp-admin) #ll-c4-mobile-drawer .ll-c4-drawer-cave {
    opacity: .16 !important;
    filter: saturate(.85) contrast(1.05) !important;
  }

  body:not(.wp-admin) .ll-c4-drawer-top {
    min-height: 78px !important;
    padding: 16px 18px !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
    background: linear-gradient(135deg, rgba(21,24,32,.98), rgba(26,20,35,.94)) !important;
  }

  body:not(.wp-admin) .ll-c4-drawer-brand span {
    color: #969ba7 !important;
    font-size: 10px !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
  }

  body:not(.wp-admin) .ll-c4-drawer-close {
    border-color: rgba(255,255,255,.10) !important;
    border-radius: 8px !important;
    background: #0d1016 !important;
    color: #d4af37 !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-nav {
    position: relative !important;
    margin: 0 14px !important;
    height: calc(100dvh - 122px) !important;
    padding: 18px 16px calc(30px + env(safe-area-inset-bottom, 0px)) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-top: 0 !important;
    background: linear-gradient(180deg, rgba(21,24,32,.66), rgba(13,15,20,.12) 24%, transparent 100%) !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-nav.ll-c4-drill-ready:not(.ll-c4-drill-active)::before {
    content: 'EXPLORE';
    display: block;
    margin: 0 0 8px !important;
    color: #8aff00;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .14em;
  }

  body:not(.wp-admin) .ll-c4-mobile-menu li {
    margin: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.085) !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-menu a {
    min-height: 66px !important;
    padding: 16px 52px 16px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-menu a > span:first-child {
    color: #fff !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: .015em !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-menu .ll-c4-menu-note {
    color: #969ba7 !important;
    font-size: 10px !important;
    letter-spacing: .035em !important;
  }

  body:not(.wp-admin) .ll-c4-sub-toggle,
  body:not(.wp-admin) .ll-c4-drill-open,
  body:not(.wp-admin) .ll-c4-drill-row-button b {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 8px !important;
    background: #151820 !important;
    color: #d4af37 !important;
    box-shadow: none !important;
  }

  body:not(.wp-admin) .ll-c4-mobile-menu li.is-open > .ll-c4-sub-toggle,
  body:not(.wp-admin) .ll-c4-drill-row-button:hover b {
    color: #baff7e !important;
    background: rgba(138,255,0,.10) !important;
  }

  body:not(.wp-admin) .ll-c4-drill-head {
    padding: 4px 0 20px !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
  }

  body:not(.wp-admin) .ll-c4-drill-back {
    min-height: 34px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #8aff00 !important;
    font-size: 10px !important;
  }

  body:not(.wp-admin) .ll-c4-drill-head h3 {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    clip-path: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 24px !important;
    font-weight: 750 !important;
  }

  body:not(.wp-admin) .ll-c4-drill-caption {
    margin: 7px 0 0 !important;
    color: #969ba7 !important;
    font-size: 10px !important;
  }

  body:not(.wp-admin) .ll-c4-drill-list { gap: 0 !important; }

  body:not(.wp-admin) .ll-c4-drill-row,
  body:not(.wp-admin) .ll-c4-drill-view-row {
    border-bottom: 1px solid rgba(255,255,255,.075) !important;
  }

  body:not(.wp-admin) .ll-c4-drill-row-link,
  body:not(.wp-admin) .ll-c4-drill-row-button,
  body:not(.wp-admin) .ll-c4-drill-view-all {
    min-height: 66px !important;
    padding: 16px 52px 16px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.wp-admin) .ll-c4-drill-row-link strong,
  body:not(.wp-admin) .ll-c4-drill-row-button strong,
  body:not(.wp-admin) .ll-c4-drill-view-all strong {
    color: #fff !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 750 !important;
  }

  body:not(.wp-admin) .ll-c4-drill-row-link em,
  body:not(.wp-admin) .ll-c4-drill-row-button em,
  body:not(.wp-admin) .ll-c4-drill-view-all em {
    color: #969ba7 !important;
  }

  body:not(.wp-admin) .ll-c4-drill-row-link:hover,
  body:not(.wp-admin) .ll-c4-drill-row-button:hover,
  body:not(.wp-admin) .ll-c4-drill-view-all:hover {
    color: #baff7e !important;
    background: linear-gradient(90deg, rgba(138,255,0,.08), transparent 58%) !important;
  }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {

  body:not(.wp-admin) .ll-c4-account-menu-mobile-portal {
    width:
      calc(100vw - 16px) !important;

    right:
      8px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile {
    padding:
      16px !important;
  }

}

/* =========================================================
   LL CONCEPT 4 v18 — ACCOUNT IDENTITY POLISH
   Restore rank badge + remove legacy corner decoration
   ========================================================= */


/* ---------------------------------------------------------
   REMOVE OLD CORNER / "MY LOOTCAVE" DECORATION
   --------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-account-menu::before,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal::before {
  content: none !important;
  display: none !important;
}


/* ---------------------------------------------------------
   SUBTLE ACCOUNT HEADER
   --------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile::before,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile::before {
  content: "My account";

  display: flex;

  align-items: center;

  gap: 10px;

  margin:
    0 0 16px;

  color:
    rgba(245,246,248,.52);

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .16em;

  text-transform:
    uppercase;
}


body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile::after,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile::after {
  content: "";

  position: absolute;

  top: 28px;
  left: 88px;

  width: 30px;
  height: 1px;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      var(--ll-c4-green, #8aff00),
      transparent
    );

  box-shadow:
    0 0 8px rgba(138,255,0,.22);
}


/* Make pseudo header positioning safe. */

body:not(.wp-admin) .ll-c4-account-menu .ll-c4-profile,
body:not(.wp-admin) .ll-c4-account-menu-mobile-portal .ll-c4-profile {
  position: relative;
}


/* ---------------------------------------------------------
   RANK BADGE — RESTORED, BUT REFINED
   --------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-profile__identity {
  grid-template-columns:
    64px minmax(0, 1fr) !important;

  gap:
    13px !important;
}


body:not(.wp-admin) .ll-c4-profile__badge-wrap {
  display: grid !important;

  width:
    64px !important;

  height:
    64px !important;

  place-items: center;

  flex: 0 0 64px;

  border:
    1px solid rgba(212,175,55,.24) !important;

  border-radius:
    17px !important;

  background:
    radial-gradient(
      circle at 50% 44%,
      rgba(118,80,167,.19),
      rgba(5,7,12,.74) 68%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.20) !important;
}


body:not(.wp-admin) .ll-c4-profile__badge {
  display: block !important;

  width:
    57px !important;

  height:
    57px !important;

  object-fit: contain !important;
}


/* ---------------------------------------------------------
   IDENTITY COPY
   --------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-profile__name {
  margin-bottom:
    1px;
}


body:not(.wp-admin) .ll-c4-profile__rank {
  color:
    var(--ll-c4-gold2, #f0d879) !important;
}


body:not(.wp-admin) .ll-c4-profile__era {
  margin-top:
    1px;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 980px) {

  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile::after {
    top:
      24px;

    left:
      84px;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile::before {
    margin-bottom:
      14px;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__identity {
    grid-template-columns:
      58px minmax(0, 1fr) !important;

    gap:
      11px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__badge-wrap {
    width:
      58px !important;

    height:
      58px !important;

    border-radius:
      15px !important;
  }


  body:not(.wp-admin)
  .ll-c4-account-menu-mobile-portal
  .ll-c4-profile__badge {
    width:
      52px !important;

    height:
      52px !important;
  }

}