/* =========================================================
 LIFESTYLE RACING BANNER CSS
 FULL FIX VERSION
 TOP LEFT LOGO ANIMATION KEPT
 WISHLIST HEART REPLACED WITH CUSTOM IMAGE
 TOP RIGHT ICON GLOW IMPROVED
 MORE MENU VISIBILITY FIXED
 ACTIVE NAV STATE ADDED
 COUNTERS HIDE CLEANLY AT ZERO
 PROMO STRIP SPACING IMPROVED
 ========================================================= */

/* =========================================================
 ROOT VARIABLES
 ========================================================= */

:root {
 --lr-bg: #000000;
 --lr-bg-soft: #050505;
 --lr-bg-panel: #0d0d0d;
 --lr-bg-panel-2: #111111;
 --lr-bg-panel-3: #151515;
 --lr-line: rgba(255, 255, 255, 0.06);
 --lr-line-strong: rgba(255, 255, 255, 0.12);
 --lr-text: #ffffff;
 --lr-text-soft: rgba(255, 255, 255, 0.78);
 --lr-text-muted: rgba(255, 255, 255, 0.58);
 --lr-red: #ff1010;
 --lr-red-soft: rgba(255, 16, 16, 0.18);
 --lr-red-soft-2: rgba(255, 16, 16, 0.12);
 --lr-red-deep: #770000;
 --lr-red-dark: #350000;
 --lr-shadow-xl: 0 14px 34px rgba(0, 0, 0, 0.72);
 --lr-shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.68);
 --lr-shadow-md: 0 8px 18px rgba(0, 0, 0, 0.6);
 --lr-shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.45);
 --lr-radius-xl: 22px;
 --lr-radius-lg: 18px;
 --lr-radius-md: 14px;
 --lr-radius-sm: 10px;
 --lr-header-height: 108px;
 --lr-transition-fast: 0.16s ease;
 --lr-transition: 0.22s ease;
 --lr-transition-slow: 0.3s ease;
 --lr-font-main: 'Fjalla One', sans-serif;
}

/* =========================================================
 CSS RESET / BASE
 ========================================================= */

*,
*::before,
*::after {
 box-sizing: border-box;
}

html {
 margin: 0;
 padding: 0;
 background: var(--lr-bg);
 scroll-behavior: smooth;
}

body {
 margin: 0;
 padding: 0;
 background: var(--lr-bg);
 color: var(--lr-text);
 overflow-x: hidden;
 font-family: var(--lr-font-main);
}

img {
 max-width: 100%;
 display: block;
}

button,
input,
select,
textarea {
 font: inherit;
}

a {
 color: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
div,
span,
input,
button,
select,
textarea,
label,
.banner-logo,
.scrolling-banner,
.dropdown,
.top-right-icons,
.navbar,
.navbar a,
.navbar button {
 font-family: var(--lr-font-main);
}

/* =========================================================
 GENERIC UTILITY CLASSES
 ========================================================= */

.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
}

.clearfix::after {
 content: "";
 display: block;
 clear: both;
}

.container-xl {
 width: 100%;
 max-width: 1440px;
 margin: 0 auto;
 padding-left: 18px;
 padding-right: 18px;
}

.text-center {
 text-align: center;
}

.text-left {
 text-align: left;
}

.text-right {
 text-align: right;
}

.mt-4 {
 margin-top: 4px;
}

.mt-8 {
 margin-top: 8px;
}

.mt-12 {
 margin-top: 12px;
}

.mt-16 {
 margin-top: 16px;
}

.mb-4 {
 margin-bottom: 4px;
}

.mb-8 {
 margin-bottom: 8px;
}

.mb-12 {
 margin-bottom: 12px;
}

.mb-16 {
 margin-bottom: 16px;
}

.stack-8 > * + * {
 margin-top: 8px;
}

.stack-12 > * + * {
 margin-top: 12px;
}

.stack-16 > * + * {
 margin-top: 16px;
}

.flex {
 display: flex;
}

.flex-row {
 display: flex;
 flex-direction: row;
}

.flex-column {
 display: flex;
 flex-direction: column;
}

.align-center {
 align-items: center;
}

.justify-center {
 justify-content: center;
}

.justify-between {
 justify-content: space-between;
}

.content {
 flex: 1 1 auto;
 min-width: 0;
}

.hidden {
 display: none !important;
}

/* =========================================================
 SITE HEADER / TOP BANNER
 ========================================================= */

.site-banner {
 position: sticky;
 top: 0;
 left: 0;
 width: 100%;
 min-height: var(--lr-header-height);
 height: var(--lr-header-height);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 24px;
 padding: 10px 24px;
 background:
 linear-gradient(
 180deg,
 rgba(14, 14, 14, 0.96) 0%,
 rgba(2, 2, 2, 0.98) 52%,
 rgba(0, 0, 0, 1) 100%
 );
 border-bottom: 1px solid rgba(255, 255, 255, 0.04);
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.78);
 backdrop-filter: blur(8px);
 z-index: 5000;
 overflow: visible;
 isolation: isolate;
}

.site-banner::before {
 content: "";
 position: absolute;
 inset: 0;
 background:
 radial-gradient(circle at 18% 20%, rgba(255, 0, 0, 0.06), transparent 26%),
 radial-gradient(circle at 82% 12%, rgba(255, 0, 0, 0.05), transparent 20%);
 pointer-events: none;
 z-index: 0;
}

.site-banner::after {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 2px;
 background: linear-gradient(
 90deg,
 rgba(90, 0, 0, 0.95) 0%,
 rgba(255, 30, 30, 0.95) 50%,
 rgba(90, 0, 0, 0.95) 100%
 );
 box-shadow:
 0 0 8px rgba(255, 0, 0, 0.35),
 0 0 18px rgba(255, 0, 0, 0.18);
 z-index: 1;
}

/* =========================================================
 LOGO
 TOP LEFT KEPT WITH ORIGINAL ANIMATION
 ========================================================= */

.banner-logo {
 position: relative;
 z-index: 2;
 display: inline-block;
 flex: 0 0 auto;
 text-decoration: none;
 background: transparent;
 border-radius: 12px;
 padding: 6px;
 cursor: pointer;
 will-change: transform, opacity, filter;
 animation: carDriftIn 3.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
 opacity: 0;
}

.banner-logo img {
 display: block;
 width: 168px;
 max-width: 100%;
 height: auto;
 object-fit: contain;
 background: transparent;
 border-radius: 10px;
 transition:
 transform 0.18s ease,
 box-shadow 0.25s ease,
 filter 0.25s ease;
 animation: carIdleDrift 5.8s 3.2s ease-in-out infinite;
 filter: drop-shadow(0 0 6px rgba(255, 0, 0, 0.10));
}

.banner-logo:hover img {
 transform: scale(1.08);
 box-shadow:
 0 0 18px rgba(255, 0, 0, 0.9),
 0 0 40px rgba(255, 0, 0, 0.7),
 0 0 70px rgba(255, 0, 0, 0.4);
 filter:
 brightness(1.08)
 drop-shadow(0 0 10px rgba(255, 0, 0, 0.20))
 drop-shadow(0 0 24px rgba(255, 0, 0, 0.14));
}

.banner-logo:active img {
 transform: scale(0.96);
 box-shadow:
 0 0 10px rgba(255, 0, 0, 0.6),
 0 0 25px rgba(255, 0, 0, 0.4);
 filter: brightness(0.98);
}

.banner-logo:focus-visible {
 outline: 2px solid rgba(255, 0, 0, 0.4);
 outline-offset: 3px;
}

@keyframes carDriftIn {
 0% {
 transform: translate3d(-1000px, 160px, 0) scale(0.7) rotate(-10deg);
 filter: brightness(0.4);
 opacity: 0;
 }
 30% {
 transform: translate3d(-420px, 10px, 0) scale(0.9) rotate(-4deg);
 filter: brightness(0.9);
 opacity: 0.7;
 }
 55% {
 transform: translate3d(130px, -25px, 0) scale(1.02) rotate(5deg);
 filter: brightness(1.6);
 opacity: 1;
 }
 78% {
 transform: translate3d(-32px, 6px, 0) scale(1) rotate(-2deg);
 filter: brightness(1.2);
 }
 92% {
 transform: translate3d(10px, -2px, 0) scale(1) rotate(0.6deg);
 filter: brightness(1.05);
 }
 100% {
 transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
 filter: brightness(1);
 opacity: 1;
 }
}

@keyframes carIdleDrift {
 0% {
 transform: translate3d(0, 0, 0) scale(1);
 }
 25% {
 transform: translate3d(2px, -1px, 0) scale(1.035);
 }
 50% {
 transform: translate3d(-2px, 1px, 0) scale(1.06);
 }
 75% {
 transform: translate3d(1px, 0, 0) scale(1.025);
 }
 100% {
 transform: translate3d(0, 0, 0) scale(1);
 }
}

/* =========================================================
 TOP RIGHT WRAPPER
 ========================================================= */

.top-right-icons {
 position: relative;
 z-index: 3;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 14px;
 flex: 1 1 auto;
 min-width: 0;
 max-width: 980px;
 margin-left: auto;
 overflow: visible;
 background: transparent;
}

.top-right-icons a,
.top-right-icons .login-container,
#search-icon,
#inbox-icon,
#garage-icon,
#shopping-cart-icon,
#wishlist-icon,
.login-container .top-icon {
 position: relative;
 flex: 0 0 auto;
 overflow: visible;
 background: transparent;
}

/* Ordering */
#search-icon {
 order: 0;
}

#search-bar-container {
 order: 1;
}

.top-right-icons .login-container {
 order: 2;
}

#inbox-icon {
 order: 3;
}

#garage-icon {
 order: 4;
}

#shopping-cart-icon {
 order: 5;
}

#wishlist-icon {
 order: 6;
}

#search-icon {
 z-index: 10;
}

#inbox-icon {
 z-index: 11;
}

#garage-icon {
 z-index: 12;
}

.login-container {
 z-index: 30;
}

#shopping-cart-icon {
 z-index: 13;
}

#wishlist-icon {
 z-index: 14;
}

/* =========================================================
 SEARCH BAR
 ========================================================= */

.search-bar-container {
 display: none !important;
}

.search-bar-container.show {
 display: flex !important;
 align-items: center;
 position: relative;
 flex: 0 1 560px;
 width: 560px;
 max-width: 48vw;
 min-width: 300px;
 height: 58px;
 padding: 0 18px 0 50px;
 border-radius: 999px;
 border: 1px solid rgba(255, 0, 0, 0.16);
 background:
 linear-gradient(
 180deg,
 rgba(22, 22, 22, 0.98) 0%,
 rgba(12, 12, 12, 0.98) 100%
 );
 box-shadow:
 0 8px 18px rgba(0, 0, 0, 0.58),
 0 0 14px rgba(255, 0, 0, 0.08);
 animation: lr-grow-search 0.18s ease-out forwards;
 overflow: hidden;
}

.search-bar-container.show::before {
 content: "⌕";
 position: absolute;
 left: 18px;
 top: 50%;
 transform: translateY(-50%);
 line-height: 1;
 font-size: 20px;
 color: rgba(255, 255, 255, 0.78);
 opacity: 1;
 pointer-events: none;
 background: transparent;
}

.search-bar-container.show:focus-within {
 border-color: rgba(255, 0, 0, 0.28);
 box-shadow:
 0 10px 24px rgba(0, 0, 0, 0.66),
 0 0 16px rgba(255, 0, 0, 0.12);
}

.search-bar-container.show input[type="text"],
.search-bar-container.show input[type="search"] {
 width: 100%;
 height: 100%;
 border: 0;
 outline: none;
 background: transparent;
 color: var(--lr-text);
 font-size: 16px;
 font-weight: 400;
 text-transform: none;
 letter-spacing: 0.02em;
 box-shadow: none;
}

.search-bar-container.show input[type="text"]::placeholder,
.search-bar-container.show input[type="search"]::placeholder {
 color: rgba(255, 255, 255, 0.62);
}

@keyframes lr-grow-search {
 from {
 opacity: 0;
 transform: scaleX(0.92);
 }
 to {
 opacity: 1;
 transform: scaleX(1);
 }
}

/* =========================================================
 ICON BUTTON BASE
 ========================================================= */

.top-right-icons a.neumorphism,
.login-container .top-icon {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 76px;
 height: 76px;
 min-width: 76px;
 min-height: 76px;
 border-radius: 18px;
 text-decoration: none;
 background:
 linear-gradient(145deg, #080808 0%, #000000 65%, #050505 100%);
 border: 1px solid rgba(255, 255, 255, 0.05);
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.03),
 0 8px 20px rgba(0, 0, 0, 0.72),
 0 0 0 1px rgba(255, 255, 255, 0.015);
 transition:
 transform var(--lr-transition-fast),
 box-shadow var(--lr-transition-fast),
 border-color var(--lr-transition-fast),
 filter var(--lr-transition-fast),
 background var(--lr-transition-fast);
 padding: 0;
 overflow: hidden;
 cursor: pointer;
 user-select: none;
 -webkit-tap-highlight-color: transparent;
}

#search-icon,
#account-icon,
#shopping-cart-icon,
#inbox-icon,
#wishlist-icon,
#garage-icon {
 width: 76px;
 height: 76px;
 min-width: 76px;
 min-height: 76px;
 border-radius: 18px;
}

.top-right-icons a.neumorphism::before,
.login-container .top-icon::before {
 content: "";
 position: absolute;
 inset: 0;
 background:
 linear-gradient(
 180deg,
 rgba(255, 255, 255, 0.03) 0%,
 rgba(255, 255, 255, 0) 42%
 );
 pointer-events: none;
 z-index: 0;
}

.top-right-icons a.neumorphism::after,
.login-container .top-icon::after {
 content: "";
 position: absolute;
 inset: 0;
 border-radius: inherit;
 background:
 radial-gradient(circle at 50% 50%, rgba(255, 20, 20, 0.10), transparent 68%);
 opacity: 0;
 pointer-events: none;
 transition:
 opacity var(--lr-transition-fast),
 transform var(--lr-transition-fast);
 transform: scale(0.92);
 z-index: 0;
}

.top-right-icons a.neumorphism:hover,
.login-container .top-icon:hover,
.top-right-icons a.neumorphism:focus-visible,
.login-container .top-icon:focus-visible {
 transform: translateY(-2px);
 border-color: rgba(255, 0, 0, 0.24);
 box-shadow:
 0 0 12px rgba(255, 0, 0, 0.16),
 0 0 24px rgba(255, 0, 0, 0.12),
 0 0 42px rgba(255, 0, 0, 0.08),
 inset 0 1px 0 rgba(255, 255, 255, 0.04),
 0 10px 24px rgba(0, 0, 0, 0.82);
 filter: brightness(1.04);
}

.top-right-icons a.neumorphism:hover::after,
.login-container .top-icon:hover::after,
.top-right-icons a.neumorphism:focus-visible::after,
.login-container .top-icon:focus-visible::after {
 opacity: 1;
 transform: scale(1);
}

.top-right-icons a.neumorphism:active,
.login-container .top-icon:active {
 transform: scale(0.985);
}

.top-right-icons a.neumorphism:focus-visible,
.login-container .top-icon:focus-visible {
 outline: 2px solid rgba(255, 0, 0, 0.30);
 outline-offset: 2px;
}

/* =========================================================
 NORMALIZED ICON IMAGE SIZING
 ========================================================= */

.top-right-icons a.neumorphism img,
.banner-tool-image {
 position: relative;
 z-index: 1;
 object-fit: contain;
 background: transparent;
 border-radius: 0;
 box-shadow: none;
 transition:
 transform 0.16s ease,
 filter 0.16s ease;
}

.banner-tool-image,
#search-icon img,
#shopping-cart-icon img,
#inbox-icon img,
#wishlist-icon img,
#garage-icon img,
#account-icon img:not(.user-avatar-image),
.login-container .top-icon img:not(.user-avatar-image) {
 width: 28px;
 height: 28px;
}

#search-icon:hover img,
#shopping-cart-icon:hover img,
#inbox-icon:hover img,
#wishlist-icon:hover img,
#garage-icon:hover img,
#account-icon:hover img:not(.user-avatar-image),
.top-icon:hover .banner-tool-image,
.top-icon:focus-visible .banner-tool-image {
 filter: drop-shadow(0 0 6px rgba(255, 0, 0, 0.16));
}

/* =========================================================
 ACCOUNT AREA
 ========================================================= */

.login-container {
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: visible;
 background: transparent;
}

#account-icon,
.login-container .top-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0;
 overflow: hidden;
}

.user-avatar-image {
 position: relative;
 z-index: 1;
 display: block;
 width: 54px !important;
 height: 54px !important;
 min-width: 54px;
 min-height: 54px;
 border-radius: 50% !important;
 object-fit: cover;
 object-position: center;
 aspect-ratio: 1 / 1;
 background: #111;
 border: 2px solid rgba(255, 255, 255, 0.14);
 box-shadow:
 0 0 6px rgba(255, 255, 255, 0.06),
 0 0 10px rgba(255, 0, 0, 0.08);
 overflow: hidden;
 flex-shrink: 0;
}

#account-icon img.user-avatar-image,
.login-container img.user-avatar-image {
 border-radius: 50% !important;
}

.login-container .top-icon:hover .user-avatar-image,
.login-container .top-icon:focus-visible .user-avatar-image {
 box-shadow:
 0 0 8px rgba(255, 255, 255, 0.08),
 0 0 12px rgba(255, 0, 0, 0.12);
}

.user-initial-badge {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 54px;
 height: 54px;
 min-width: 54px;
 min-height: 54px;
 border-radius: 50%;
 background:
 linear-gradient(
 135deg,
 rgba(255, 26, 26, 1) 0%,
 rgba(120, 0, 0, 1) 100%
 );
 color: #ffffff;
 font-size: 22px;
 font-weight: 700;
 line-height: 1;
 text-transform: uppercase;
 box-shadow:
 0 0 8px rgba(255, 0, 0, 0.14),
 inset 0 0 0 1px rgba(255, 255, 255, 0.06);
 overflow: hidden;
}

.login-container .top-icon:hover .user-initial-badge,
.login-container .top-icon:focus-visible .user-initial-badge {
 box-shadow:
 0 0 10px rgba(255, 0, 0, 0.18),
 inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* =========================================================
 WISHLIST IMAGE
 ========================================================= */

.wishlist-image-wrap {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 28px;
 height: 28px;
 background: transparent;
}

.wishlist-image {
 display: block;
 width: 26px;
 height: 26px;
 object-fit: contain;
 background: transparent;
 border-radius: 0;
 box-shadow: none;
 transition:
 transform var(--lr-transition-fast),
 filter var(--lr-transition-fast),
 opacity var(--lr-transition-fast);
}

#wishlist-icon:hover .wishlist-image,
#wishlist-icon:focus-visible .wishlist-image {
 transform: scale(1.08);
 filter:
 drop-shadow(0 0 4px rgba(255, 0, 0, 0.16))
 drop-shadow(0 0 8px rgba(255, 0, 0, 0.10));
}

#wishlist-icon:active .wishlist-image {
 transform: scale(0.96);
}

/* =========================================================
 BADGE COUNTS
 ========================================================= */

.cart-count,
.wishlist-count {
 position: absolute;
 top: 2px;
 right: 2px;
 z-index: 3;
 min-width: 20px;
 height: 20px;
 padding: 0 5px;
 border-radius: 999px;
 background: #ff0000;
 color: #ffffff;
 font-size: 10px;
 font-weight: 700;
 line-height: 20px;
 text-align: center;
 border: 1px solid rgba(255,255,255,0.12);
 box-shadow:
 0 0 12px rgba(255, 0, 0, 0.28),
 0 2px 8px rgba(0, 0, 0, 0.48);
}

.cart-count[hidden],
.wishlist-count[hidden],
.cart-count.is-zero,
.wishlist-count.is-zero,
.cart-count:empty,
.wishlist-count:empty {
 display: none !important;
}

.cart-count.bump {
 animation: lr-cart-bump 0.28s ease;
}

@keyframes lr-cart-bump {
 0% {
 transform: scale(1);
 }
 50% {
 transform: scale(1.24);
 }
 100% {
 transform: scale(1);
 }
}

/* =========================================================
 DROPDOWN / ACCOUNT MENU
 ========================================================= */

.dropdown {
 display: block;
 position: absolute;
 top: calc(100% + 10px);
 right: 0;
 min-width: 236px;
 padding: 10px 0;
 border-radius: 12px;
 background:
 linear-gradient(
 180deg,
 rgba(16, 16, 16, 0.98) 0%,
 rgba(6, 6, 6, 0.98) 100%
 );
 border: 1px solid rgba(255, 255, 255, 0.08);
 box-shadow:
 0 14px 28px rgba(0, 0, 0, 0.78),
 0 0 18px rgba(255, 0, 0, 0.06);
 opacity: 0;
 transform: translateY(-8px);
 pointer-events: none;
 transition:
 opacity var(--lr-transition-fast),
 transform var(--lr-transition-fast),
 box-shadow var(--lr-transition-fast);
 overflow: hidden;
 z-index: 7000;
 backdrop-filter: blur(12px);
}

.dropdown[hidden] {
 display: block !important;
 visibility: hidden;
}

.dropdown.show {
 opacity: 1;
 transform: translateY(0);
 pointer-events: auto;
 visibility: visible;
}

.dropdown-section-title {
 padding: 9px 16px 8px;
 font-size: 11px;
 letter-spacing: 0.12em;
 color: var(--lr-text-muted);
 text-transform: uppercase;
 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 background: transparent;
}

.dropdown a {
 display: block;
 padding: 12px 16px;
 color: var(--lr-text);
 text-decoration: none;
 font-size: 14px;
 letter-spacing: 0.03em;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 background: transparent;
 transition:
 background var(--lr-transition-fast),
 color var(--lr-transition-fast),
 padding-left var(--lr-transition-fast);
}

.dropdown a:last-child {
 border-bottom: none;
}

.dropdown a:hover,
.dropdown a:focus-visible {
 background: rgba(150, 0, 0, 0.82);
 color: #ffffff;
 padding-left: 18px;
 outline: none;
}

/* =========================================================
 NAVBAR WRAPPER
 ========================================================= */

.navbar {
 position: relative;
 width: 100%;
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 justify-content: center;
 gap: 18px;
 padding: 16px 20px 18px;
 background:
 linear-gradient(
 180deg,
 rgba(8, 8, 8, 1) 0%,
 rgba(0, 0, 0, 1) 100%
 );
 overflow: visible;
 scrollbar-width: none;
 -ms-overflow-style: none;
}

.navbar::-webkit-scrollbar {
 display: none;
}

.navbar a,
.navbar button {
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
 min-height: 46px;
 padding: 12px 22px;
 border-radius: 16px;
 border: 1px solid rgba(255, 255, 255, 0.04);
 background:
 linear-gradient(145deg, #080808 0%, #000 65%, #050505 100%);
 color: #ffffff;
 text-decoration: none;
 cursor: pointer;
 text-transform: uppercase;
 font-size: 0.92rem;
 font-weight: 700;
 letter-spacing: 0.035em;
 white-space: nowrap;
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.02),
 0 8px 18px rgba(0, 0, 0, 0.68);
 transition:
 transform var(--lr-transition-fast),
 box-shadow var(--lr-transition-fast),
 border-color var(--lr-transition-fast),
 text-shadow var(--lr-transition-fast),
 background var(--lr-transition-fast);
}

.navbar a::before,
.navbar button::before {
 content: "";
 position: absolute;
 inset: 0;
 border-radius: inherit;
 background:
 linear-gradient(
 180deg,
 rgba(255, 255, 255, 0.02) 0%,
 rgba(255, 255, 255, 0) 40%
 );
 pointer-events: none;
}

.navbar a::after,
.navbar button::after {
 content: "";
 position: absolute;
 left: 18%;
 right: 18%;
 bottom: 6px;
 height: 2px;
 border-radius: 999px;
 background: rgba(255, 0, 0, 0);
 transition:
 background var(--lr-transition-fast),
 box-shadow var(--lr-transition-fast);
}

.navbar a:hover,
.navbar button:hover,
.navbar a:focus-visible,
.navbar button:focus-visible,
.navbar a.active,
.navbar button.active {
 transform: translateY(-1px);
 border-color: rgba(255, 0, 0, 0.18);
 box-shadow:
 0 0 10px rgba(255, 0, 0, 0.10),
 0 8px 20px rgba(0, 0, 0, 0.76);
 text-shadow:
 0 0 4px rgba(255, 0, 0, 0.18);
 outline: none;
}

.navbar a:hover::after,
.navbar button:hover::after,
.navbar a:focus-visible::after,
.navbar button:focus-visible::after,
.navbar a.active::after,
.navbar button.active::after {
 background: rgba(255, 0, 0, 0.85);
 box-shadow:
 0 0 6px rgba(255, 0, 0, 0.20);
}

.navbar a.active,
.navbar button.active,
.navbar a[aria-current="page"] {
 border-color: rgba(255, 0, 0, 0.28);
 background: linear-gradient(145deg, #120000 0%, #050505 65%, #0a0000 100%);
 box-shadow:
 0 0 12px rgba(255, 0, 0, 0.14),
 0 8px 20px rgba(0, 0, 0, 0.78);
 text-shadow: 0 0 5px rgba(255, 0, 0, 0.22);
}

.navbar a[aria-current="page"]::after {
 background: rgba(255, 0, 0, 0.90);
 box-shadow: 0 0 8px rgba(255, 0, 0, 0.24);
}

/* =========================================================
 MORE MENU WRAPPER
 FIXED TO OPEN AS VISIBLE PANEL BELOW NAV
 ========================================================= */

.more-links {
 display: none;
 width: min(1700px, calc(100vw - 28px));
 max-width: calc(100vw - 28px);
 margin: 12px auto 18px auto;
 padding: 16px;
 box-sizing: border-box;
 position: relative;
 overflow-x: hidden;
 overflow-y: visible;
 flex-wrap: wrap;
 justify-content: center;
 align-items: flex-start;
 gap: 12px;
 background:
 linear-gradient(
 180deg,
 rgba(12, 12, 12, 0.98) 0%,
 rgba(0, 0, 0, 0.99) 100%
 );
 border: 1px solid rgba(255, 255, 255, 0.07);
 border-radius: 18px;
 box-shadow:
 0 16px 36px rgba(0, 0, 0, 0.76),
 0 0 18px rgba(255, 0, 0, 0.06),
 inset 0 0 0 1px rgba(255, 255, 255, 0.02);
 z-index: 3000;
 opacity: 0;
 transform: translateY(-8px);
 transition:
 opacity 0.22s ease,
 transform 0.22s ease;
}

.more-links[hidden] {
 display: none !important;
 visibility: hidden !important;
 opacity: 0 !important;
 pointer-events: none !important;
}

.more-links.open {
 display: flex !important;
 visibility: visible !important;
 opacity: 1 !important;
 pointer-events: auto !important;
 transform: translateY(0) !important;
}

.more-links a,
.more-links .nav-pill {
 display: inline-flex !important;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
 min-height: 46px;
 padding: 12px 18px;
 border-radius: 16px;
 white-space: nowrap;
 text-decoration: none;
 color: #ffffff;
 border: 1px solid rgba(255, 255, 255, 0.05);
 background:
 linear-gradient(145deg, #080808 0%, #000 65%, #050505 100%);
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.02),
 0 8px 18px rgba(0, 0, 0, 0.68);
 transition:
 transform var(--lr-transition-fast),
 box-shadow var(--lr-transition-fast),
 border-color var(--lr-transition-fast),
 text-shadow var(--lr-transition-fast),
 background var(--lr-transition-fast);
 letter-spacing: 0.035em;
}

.more-links a:hover,
.more-links a:focus-visible,
.more-links .nav-pill:hover,
.more-links .nav-pill:focus-visible {
 transform: translateY(-1px);
 background: linear-gradient(145deg, #120000 0%, #050505 65%, #0a0000 100%);
 border-color: rgba(255, 0, 0, 0.18);
 box-shadow:
 0 0 10px rgba(255, 0, 0, 0.10),
 0 8px 20px rgba(0, 0, 0, 0.76);
 text-shadow: 0 0 4px rgba(255, 0, 0, 0.18);
 outline: none;
}

/* =========================================================
 PROMO / SCROLLING BANNER
 ========================================================= */

.scrolling-banner {
 position: relative;
 width: 100%;
 overflow: hidden;
 white-space: nowrap;
 min-height: 50px;
 display: flex;
 align-items: center;
 padding-left: 18px;
 padding-right: 18px;
 background:
 linear-gradient(
 180deg,
 rgba(44, 0, 0, 1) 0%,
 rgba(170, 0, 0, 1) 50%,
 rgba(44, 0, 0, 1) 100%
 );
 border-top: 1px solid rgba(255, 0, 0, 0.32);
 border-bottom: 1px solid rgba(255, 0, 0, 0.32);
 box-shadow:
 0 0 12px rgba(255, 0, 0, 0.16),
 inset 0 0 12px rgba(0, 0, 0, 0.36);
 z-index: 1200;
}

.scrolling-banner::before,
.scrolling-banner::after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 width: 80px;
 pointer-events: none;
 z-index: 2;
}

.scrolling-banner::before {
 left: 0;
 background: linear-gradient(90deg, rgba(40, 0, 0, 0.9), rgba(40, 0, 0, 0));
}

.scrolling-banner::after {
 right: 0;
 background: linear-gradient(270deg, rgba(40, 0, 0, 0.9), rgba(40, 0, 0, 0));
}

.scrolling-text {
 position: relative;
 z-index: 1;
 display: inline-block;
 min-width: max-content;
 padding: 12px 40px;
 font-size: 1.12rem;
 font-weight: 700;
 letter-spacing: 0.02em;
 line-height: 1;
 white-space: nowrap;
 color: #ffffff;
 background: transparent;
 text-shadow:
 0 0 3px rgba(255, 255, 255, 0.10),
 0 0 6px rgba(255, 0, 0, 0.18);
 animation: lr-scroll-left 38s linear infinite;
}

@keyframes lr-scroll-left {
 0% {
 transform: translateX(100%);
 }
 100% {
 transform: translateX(-100%);
 }
}

/* =========================================================
 HAMBURGER / MOBILE NAV TOGGLE
 ========================================================= */

.hamburger {
 display: none;
 position: relative;
 z-index: 35;
 margin: 0 0 0 auto;
 padding: 6px;
 border: 0;
 background: transparent;
 cursor: pointer;
 outline: none;
}

.hamburger span {
 display: block;
 width: 24px;
 height: 3px;
 margin: 4px 0;
 border-radius: 999px;
 background: #ffffff;
 transition:
 transform var(--lr-transition-fast),
 opacity var(--lr-transition-fast),
 background var(--lr-transition-fast);
}

.hamburger.is-open span:nth-child(1) {
 transform: translateY(7px) rotate(45deg);
}

.hamburger.is-open span:nth-child(2) {
 opacity: 0;
}

.hamburger.is-open span:nth-child(3) {
 transform: translateY(-7px) rotate(-45deg);
}

/* =========================================================
 OPTIONAL BUTTON UTILITIES
 ========================================================= */

.btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 42px;
 padding: 10px 18px;
 border-radius: 999px;
 border: 1px solid transparent;
 text-decoration: none;
 cursor: pointer;
 transition:
 transform var(--lr-transition-fast),
 box-shadow var(--lr-transition-fast),
 border-color var(--lr-transition-fast),
 background var(--lr-transition-fast);
}

.btn-primary {
 background: var(--lr-red);
 border-color: var(--lr-red);
 color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus-visible {
 transform: translateY(-1px);
 box-shadow:
 0 0 12px rgba(255, 0, 0, 0.18),
 0 6px 16px rgba(0, 0, 0, 0.4);
}

.btn-outline {
 background: transparent;
 border-color: rgba(255, 255, 255, 0.14);
 color: #ffffff;
}

.btn-outline:hover,
.btn-outline:focus-visible {
 border-color: rgba(255, 0, 0, 0.26);
 box-shadow: 0 0 8px rgba(255, 0, 0, 0.10);
}

/* =========================================================
 OPTIONAL CARD UTILITIES
 ========================================================= */

.card {
 background:
 linear-gradient(180deg, rgba(18, 18, 18, 1) 0%, rgba(10, 10, 10, 1) 100%);
 border-radius: 14px;
 border: 1px solid rgba(255, 255, 255, 0.05);
 box-shadow: var(--lr-shadow-md);
 padding: 16px;
}

.card-hover {
 transition:
 transform var(--lr-transition-fast),
 box-shadow var(--lr-transition-fast),
 border-color var(--lr-transition-fast);
}

.card-hover:hover {
 transform: translateY(-2px);
 border-color: rgba(255, 0, 0, 0.14);
 box-shadow:
 0 0 12px rgba(255, 0, 0, 0.08),
 0 10px 22px rgba(0, 0, 0, 0.7);
}

/* =========================================================
 GENERIC FORM HELPERS
 ========================================================= */

.input-dark,
.select-dark,
.textarea-dark {
 width: 100%;
 border-radius: 12px;
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: #111111;
 color: #ffffff;
 padding: 12px 14px;
 outline: none;
 transition:
 border-color var(--lr-transition-fast),
 box-shadow var(--lr-transition-fast);
}

.input-dark:focus,
.select-dark:focus,
.textarea-dark:focus {
 border-color: rgba(255, 0, 0, 0.22);
 box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.08);
}

/* =========================================================
 SCROLLBAR
 ========================================================= */

::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}

::-webkit-scrollbar-track {
 background: #050505;
}

::-webkit-scrollbar-thumb {
 background: #2f2f2f;
 border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
 background: #444444;
}

/* =========================================================
 LARGE DESKTOP REFINEMENTS
 ========================================================= */

@media (min-width: 1400px) {
 .site-banner {
 padding-left: 28px;
 padding-right: 28px;
 }

 .top-right-icons {
 gap: 16px;
 }

 .search-bar-container.show {
 width: 600px;
 max-width: 44vw;
 }
}

/* =========================================================
 LAPTOP / MEDIUM DESKTOP
 ========================================================= */

@media (max-width: 1200px) {
 .site-banner {
 padding: 8px 16px;
 }

 #search-icon,
 #account-icon,
 #inbox-icon,
 #garage-icon,
 #shopping-cart-icon,
 #wishlist-icon {
 width: 72px;
 height: 72px;
 min-width: 72px;
 min-height: 72px;
 }

 .top-right-icons {
 gap: 12px;
 }

 .search-bar-container.show {
 width: 500px;
 max-width: 44vw;
 min-width: 280px;
 }

 .user-avatar-image,
 .user-initial-badge {
 width: 50px !important;
 height: 50px !important;
 min-width: 50px;
 min-height: 50px;
 }

 .banner-tool-image,
 #search-icon img,
 #account-icon img:not(.user-avatar-image),
 #inbox-icon img,
 #garage-icon img,
 #shopping-cart-icon img,
 #wishlist-icon img,
 .login-container .top-icon img:not(.user-avatar-image) {
 width: 27px;
 height: 27px;
 }

 .navbar {
 gap: 14px;
 padding: 12px 14px;
 }

 .navbar a,
 .navbar button {
 padding: 11px 18px;
 font-size: 0.88rem;
 }

 .more-links {
 width: min(1500px, calc(100vw - 24px));
 max-width: calc(100vw - 24px);
 padding: 14px;
 gap: 10px;
 }

 .more-links a,
 .more-links .nav-pill {
 min-height: 42px;
 padding: 11px 16px;
 font-size: 0.84rem;
 }
}

/* =========================================================
 TABLET
 ========================================================= */

@media (max-width: 1024px) {
 :root {
 --lr-header-height: 96px;
 }

 .site-banner {
 gap: 14px;
 padding: 8px 12px;
 }

 .top-right-icons {
 max-width: 100%;
 gap: 10px;
 }

 #search-icon,
 #account-icon,
 #inbox-icon,
 #garage-icon,
 #shopping-cart-icon,
 #wishlist-icon {
 width: 66px;
 height: 66px;
 min-width: 66px;
 min-height: 66px;
 border-radius: 16px;
 }

 .banner-tool-image,
 #search-icon img,
 #account-icon img:not(.user-avatar-image),
 #inbox-icon img,
 #garage-icon img,
 #shopping-cart-icon img,
 #wishlist-icon img,
 .login-container .top-icon img:not(.user-avatar-image) {
 width: 26px;
 height: 26px;
 }

 .user-avatar-image,
 .user-initial-badge {
 width: 46px !important;
 height: 46px !important;
 min-width: 46px;
 min-height: 46px;
 }

 .user-initial-badge {
 font-size: 20px;
 }

 .search-bar-container.show {
 width: 420px;
 max-width: 40vw;
 min-width: 240px;
 height: 54px;
 }

 .scrolling-text {
 font-size: 1.03rem;
 }

 .navbar {
 justify-content: flex-start;
 gap: 12px;
 }

 .navbar a,
 .navbar button {
 font-size: 0.85rem;
 padding: 10px 16px;
 }

 .more-links {
 width: calc(100vw - 20px);
 max-width: calc(100vw - 20px);
 padding: 14px;
 gap: 10px;
 border-radius: 16px;
 }

 .more-links a,
 .more-links .nav-pill {
 min-height: 40px;
 padding: 10px 15px;
 font-size: 0.80rem;
 }
}

/* =========================================================
 MOBILE LARGE
 ========================================================= */

@media (max-width: 768px) {
 :root {
 --lr-header-height: 88px;
 }

 .site-banner {
 gap: 10px;
 padding: 6px 10px;
 height: var(--lr-header-height);
 min-height: var(--lr-header-height);
 }

 .top-right-icons {
 gap: 8px;
 }

 #search-icon,
 #account-icon,
 #shopping-cart-icon {
 width: 58px;
 height: 58px;
 min-width: 58px;
 min-height: 58px;
 border-radius: 14px;
 }

 #wishlist-icon {
 width: 56px;
 height: 56px;
 min-width: 56px;
 min-height: 56px;
 border-radius: 14px;
 }

 .top-right-icons a.neumorphism,
 .login-container .top-icon {
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.03),
 0 6px 14px rgba(0, 0, 0, 0.74);
 }

 #search-icon img,
 #shopping-cart-icon img,
 #account-icon img:not(.user-avatar-image),
 .login-container .top-icon img:not(.user-avatar-image) {
 width: 24px;
 height: 24px;
 }

 .user-avatar-image,
 .user-initial-badge {
 width: 40px !important;
 height: 40px !important;
 min-width: 40px;
 min-height: 40px;
 }

 .user-initial-badge {
 font-size: 18px;
 }

 .wishlist-image-wrap {
 width: 22px;
 height: 22px;
 }

 .wishlist-image {
 width: 22px;
 height: 22px;
 }

 .cart-count,
 .wishlist-count {
 top: 2px;
 right: 2px;
 min-width: 18px;
 height: 18px;
 line-height: 18px;
 font-size: 9px;
 padding: 0 4px;
 }

 .search-bar-container.show {
 position: absolute;
 top: calc(100% + 8px);
 left: 10px;
 right: 10px;
 width: auto;
 max-width: none;
 min-width: 0;
 height: 52px;
 z-index: 60;
 }

 .scrolling-banner {
 min-height: 46px;
 }

 .scrolling-text {
 font-size: 0.98rem;
 padding: 11px 28px;
 }

 .hamburger {
 display: block;
 }

 .navbar {
 display: none;
 flex-wrap: wrap;
 gap: 10px;
 padding: 12px 10px;
 justify-content: center;
 }

 .navbar.navbar-open {
 display: flex;
 }

 .navbar a,
 .navbar button {
 min-height: 40px;
 padding: 9px 14px;
 border-radius: 14px;
 font-size: 0.82rem;
 }

 .dropdown {
 right: 0;
 min-width: 210px;
 }

 .more-links {
 width: calc(100vw - 16px);
 max-width: calc(100vw - 16px);
 padding: 12px;
 gap: 10px;
 border-radius: 14px;
 margin: 10px auto 14px auto;
 }

 .more-links a,
 .more-links .nav-pill {
 min-height: 38px;
 padding: 9px 12px;
 font-size: 0.78rem;
 border-radius: 12px;
 }
}

/* =========================================================
 MOBILE SMALL
 ========================================================= */

@media (max-width: 560px) {
 :root {
 --lr-header-height: 82px;
 }

 .site-banner {
 padding: 5px 8px;
 gap: 8px;
 }

 .top-right-icons {
 gap: 6px;
 }

 #search-icon,
 #account-icon,
 #shopping-cart-icon {
 width: 52px;
 height: 52px;
 min-width: 52px;
 min-height: 52px;
 border-radius: 13px;
 }

 #wishlist-icon {
 width: 50px;
 height: 50px;
 min-width: 50px;
 min-height: 50px;
 border-radius: 13px;
 }

 #search-icon img,
 #shopping-cart-icon img,
 #account-icon img:not(.user-avatar-image),
 .login-container .top-icon img:not(.user-avatar-image) {
 width: 22px;
 height: 22px;
 }

 .user-avatar-image,
 .user-initial-badge {
 width: 36px !important;
 height: 36px !important;
 min-width: 36px;
 min-height: 36px;
 }

 .user-initial-badge {
 font-size: 16px;
 }

 .wishlist-image-wrap {
 width: 20px;
 height: 20px;
 }

 .wishlist-image {
 width: 20px;
 height: 20px;
 }

 .search-bar-container.show {
 left: 8px;
 right: 8px;
 height: 48px;
 padding-left: 44px;
 }

 .search-bar-container.show::before {
 left: 16px;
 font-size: 14px;
 }

 .search-bar-container.show input[type="text"],
 .search-bar-container.show input[type="search"] {
 font-size: 15px;
 }

 .scrolling-banner {
 min-height: 42px;
 }

 .scrolling-text {
 font-size: 0.88rem;
 padding: 10px 22px;
 }

 .navbar {
 gap: 8px;
 padding: 10px 8px;
 }

 .navbar a,
 .navbar button {
 padding: 8px 12px;
 font-size: 0.76rem;
 border-radius: 12px;
 }

 .dropdown {
 min-width: 190px;
 }

 .more-links {
 width: calc(100vw - 12px);
 max-width: calc(100vw - 12px);
 padding: 10px;
 gap: 8px;
 border-radius: 12px;
 margin: 8px auto 12px auto;
 }

 .more-links a,
 .more-links .nav-pill {
 min-height: 36px;
 padding: 8px 10px;
 font-size: 0.72rem;
 border-radius: 10px;
 }
}

/* =========================================================
 REDUCED MOTION
 ========================================================= */

@media (prefers-reduced-motion: reduce) {
 html {
 scroll-behavior: auto;
 }

 .banner-logo {
 animation: none !important;
 opacity: 1 !important;
 transform: none !important;
 }

 .banner-logo img {
 animation: none !important;
 }

 *,
 *::before,
 *::after {
 animation-duration: 0.001ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.001ms !important;
 scroll-behavior: auto !important;
 }

 .scrolling-text {
 animation: none !important;
 }

 .more-links {
 transition: none !important;
 transform: none !important;
 }
}

/* =========================================================
 SAFETY OVERRIDES
 ========================================================= */

.site-banner,
.site-banner * {
 max-height: none;
}

.site-banner {
 flex-wrap: nowrap;
}

.site-banner > * {
 min-width: 0;
}

.site-banner .banner-logo,
.site-banner .top-right-icons {
 align-self: center;
}

.site-banner .banner-logo img {
 margin: 0;
}

.site-banner + .scrolling-banner {
 margin-top: 0;
}

/* =========================================================
 OPTIONAL HELPER FOR PAGES THAT STILL USE .banner ELSEWHERE
 ========================================================= */

.banner:not(.site-banner) {
 position: relative;
}

/* =========================================================
 END
 ========================================================= */


/* =========================================================
 SEARCH OPEN STATE CLEANUP
 Removes the legacy outer shell and pseudo search icon so
 only the redesigned inner search field is visible.
 ========================================================= */

#search-icon.is-search-active,
.top-right-icons.lr-search-open #search-icon {
 visibility: visible !important;
 opacity: 1 !important;
 pointer-events: auto !important;
 z-index: 7215 !important;
}

.top-right-icons.lr-search-open #search-bar-container {
 z-index: 7210 !important;
 margin-left: 0 !important;
}

.top-right-icons.lr-search-open .lr-banner-search-inline-icon {
 display: inline-flex !important;
 visibility: visible !important;
 opacity: 1 !important;
}

.top-right-icons.lr-search-open .lr-banner-search-input-wrap {
 grid-template-columns: 40px minmax(0, 1fr) 44px !important;
 padding-left: 10px !important;
}

.top-right-icons.lr-search-open .search-bar-container input[type="text"] {
 padding-left: 2px !important;
}

.search-bar-container.show {
 align-items: stretch !important;
 height: auto !important;
 min-height: 0 !important;
 padding: 0 !important;
 border: 0 !important;
 border-radius: 0 !important;
 background: transparent !important;
 box-shadow: none !important;
 overflow: visible !important;
 z-index: 7210 !important;
}

.search-bar-container::before,
.search-bar-container::after,
.search-bar-container.show::before,
.search-bar-container.show::after {
 content: none !important;
 display: none !important;
}


/* =========================================================
 CATEGORY BACKGROUND TRANSPARENCY FIX
 Makes the category bars and more-menu categories fully transparent
 while keeping borders, spacing, and hover glow.
 ========================================================= */

.nav-stack,
.navbar,
.more-links,
.more-links::before,
.more-links-group,
.more-links-grid {
 background: transparent !important;
 background-color: transparent !important;
}

.navbar a,
.navbar button,
.navbar .nav-pill,
.navbar .more-button,
.home-button,
.nav-pill-sale,
.more-button,
.more-button.is-open,
.navbar a.active,
.navbar button.active,
.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.more-links a,
.more-links .nav-pill,
.more-links-group-merch .nav-pill {
 background: transparent !important;
 background-color: transparent !important;
 box-shadow:
 inset 0 0 0 1px rgba(255,255,255,0.03),
 0 0 0 1px rgba(255,0,0,0.10) !important;
}

.navbar a::before,
.navbar button::before,
.more-links a::before,
.more-links .nav-pill::before,
.more-links::before {
 background: transparent !important;
 box-shadow: none !important;
}

.nav-stack {
 box-shadow: none !important;
}

.navbar {
 box-shadow: none !important;
}

.more-links {
 border-color: rgba(255,255,255,0.08) !important;
 box-shadow: none !important;
 backdrop-filter: none !important;
 -webkit-backdrop-filter: none !important;
}

.more-links-group-merch {
 background: transparent !important;
 background-color: transparent !important;
}

.navbar a:hover,
.navbar button:hover,
.navbar a:focus-visible,
.navbar button:focus-visible,
.navbar a.active,
.navbar button.active,
.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.navbar .more-button:hover,
.navbar .more-button:focus-visible,
.navbar .more-button.is-open,
.more-links a:hover,
.more-links a:focus-visible,
.more-links .nav-pill:hover,
.more-links .nav-pill:focus-visible,
.more-links-group-merch .nav-pill:hover,
.more-links-group-merch .nav-pill:focus-visible {
 background: transparent !important;
 background-color: transparent !important;
 box-shadow:
 0 0 0 1px rgba(255,0,0,0.20),
 0 0 18px rgba(255,0,0,0.12) !important;
}


/* =========================================================
 CLICKABLE POP / RED TOP LINE / CATEGORY BUTTON TUNE
 Keeps the category wrappers transparent, gives the category
 buttons a dark transparent face, and adds a stronger red top
 accent line plus hover glow to clickable banner items.
 ========================================================= */

.nav-stack,
.navbar,
.more-links,
.more-links::before,
.more-links-wrap,
.more-links-group,
.more-links-grid {
 background: transparent !important;
 background-color: transparent !important;
 box-shadow: none !important;
}

.navbar a,
.navbar button,
.navbar .nav-pill,
.navbar .more-button,
.home-button,
.nav-pill-sale,
.more-button,
.more-button.is-open,
.navbar a.active,
.navbar button.active,
.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.more-links a,
.more-links .nav-pill,
.more-links-group-merch .nav-pill {
 background: linear-gradient(180deg, rgba(6, 6, 6, 0.78) 0%, rgba(0, 0, 0, 0.68) 100%) !important;
 background-color: rgba(0, 0, 0, 0.72) !important;
 border-color: rgba(255, 255, 255, 0.06) !important;
 box-shadow:
 inset 0 1px 0 rgba(255, 58, 58, 0.38),
 inset 0 0 0 1px rgba(255, 255, 255, 0.02),
 0 0 0 1px rgba(255, 0, 0, 0.10),
 0 8px 18px rgba(0, 0, 0, 0.24) !important;
 backdrop-filter: blur(1.5px) !important;
 -webkit-backdrop-filter: blur(1.5px) !important;
}

.top-right-icons a.neumorphism,
.login-container .top-icon,
.lr-banner-search-submit,
.search-suggestion-chip,
.account-stat-pill,
.account-menu-link,
.guest-cta-link,
.trust-pill,
.dropdown a {
 border-color: rgba(255, 255, 255, 0.06) !important;
 box-shadow:
 inset 0 1px 0 rgba(255, 58, 58, 0.38),
 inset 0 0 0 1px rgba(255, 255, 255, 0.02),
 0 0 0 1px rgba(255, 0, 0, 0.08),
 0 8px 18px rgba(0, 0, 0, 0.28) !important;
 transition:
 transform 0.22s ease,
 border-color 0.22s ease,
 box-shadow 0.26s ease,
 background 0.22s ease,
 background-color 0.22s ease,
 filter 0.22s ease,
 text-shadow 0.22s ease !important;
}

.navbar a,
.navbar button,
.more-links a,
.more-links .nav-pill,
.more-links-group-merch .nav-pill,
.account-stat-pill,
.account-menu-link,
.guest-cta-link,
.search-suggestion-chip,
.trust-pill,
.dropdown a {
 position: relative;
 overflow: hidden;
}

.promo-scroll-link {
 position: relative;
 padding-top: 6px !important;
 transition:
 color 0.22s ease,
 text-shadow 0.22s ease,
 transform 0.22s ease !important;
}

.promo-scroll-link::before {
 content: '';
 position: absolute;
 left: 10px;
 right: 10px;
 top: 2px;
 height: 1px;
 border-radius: 999px;
 background: linear-gradient(90deg, rgba(255, 0, 0, 0) 0%, rgba(255, 62, 62, 0.78) 50%, rgba(255, 0, 0, 0) 100%);
 opacity: 0.72;
 transform: scaleX(0.82);
 transform-origin: center;
 box-shadow: 0 0 6px rgba(255, 0, 0, 0.18);
 transition:
 transform 0.22s ease,
 opacity 0.22s ease,
 box-shadow 0.22s ease;
 pointer-events: none;
}

.top-right-icons a.neumorphism:hover,
.top-right-icons a.neumorphism:focus-visible,
.login-container .top-icon:hover,
.login-container .top-icon:focus-visible,
.lr-banner-search-submit:hover,
.lr-banner-search-submit:focus-visible,
.search-suggestion-chip:hover,
.search-suggestion-chip:focus-visible,
.account-stat-pill:hover,
.account-stat-pill:focus-visible,
.account-menu-link:hover,
.account-menu-link:focus-visible,
.guest-cta-link:hover,
.guest-cta-link:focus-visible,
.trust-pill:hover,
.trust-pill:focus-visible,
.dropdown a:hover,
.dropdown a:focus-visible,
.navbar a:hover,
.navbar a:focus-visible,
.navbar button:hover,
.navbar button:focus-visible,
.navbar a.active,
.navbar button.active,
.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.navbar .more-button:hover,
.navbar .more-button:focus-visible,
.navbar .more-button.is-open,
.more-links a:hover,
.more-links a:focus-visible,
.more-links .nav-pill:hover,
.more-links .nav-pill:focus-visible,
.more-links-group-merch .nav-pill:hover,
.more-links-group-merch .nav-pill:focus-visible {
 border-color: rgba(255, 0, 0, 0.34) !important;
 box-shadow:
 inset 0 1px 0 rgba(255, 92, 92, 0.96),
 0 0 0 1px rgba(255, 0, 0, 0.18),
 0 0 18px rgba(255, 0, 0, 0.16),
 0 0 28px rgba(255, 0, 0, 0.08),
 0 12px 24px rgba(0, 0, 0, 0.38) !important;
 text-shadow: 0 0 8px rgba(255, 0, 0, 0.18) !important;
 filter: brightness(1.03);
}

.navbar a:hover,
.navbar a:focus-visible,
.navbar button:hover,
.navbar button:focus-visible,
.navbar a.active,
.navbar button.active,
.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.navbar .more-button:hover,
.navbar .more-button:focus-visible,
.navbar .more-button.is-open,
.more-links a:hover,
.more-links a:focus-visible,
.more-links .nav-pill:hover,
.more-links .nav-pill:focus-visible,
.more-links-group-merch .nav-pill:hover,
.more-links-group-merch .nav-pill:focus-visible {
 background: linear-gradient(180deg, rgba(10, 10, 10, 0.88) 0%, rgba(0, 0, 0, 0.78) 100%) !important;
 background-color: rgba(0, 0, 0, 0.80) !important;
}

.dropdown a:hover,
.dropdown a:focus-visible,
.account-menu-link:hover,
.account-menu-link:focus-visible,
.guest-cta-link:hover,
.guest-cta-link:focus-visible,
.account-stat-pill:hover,
.account-stat-pill:focus-visible,
.search-suggestion-chip:hover,
.search-suggestion-chip:focus-visible,
.trust-pill:hover,
.trust-pill:focus-visible {
 background: linear-gradient(180deg, rgba(20, 20, 20, 0.96) 0%, rgba(6, 6, 6, 0.98) 100%) !important;
 background-color: rgba(10, 10, 10, 0.94) !important;
}

.promo-scroll-link:hover::before,
.promo-scroll-link:focus-visible::before {
 opacity: 1;
 transform: scaleX(1);
 box-shadow: 0 0 10px rgba(255, 0, 0, 0.36);
}

.promo-scroll-link:hover,
.promo-scroll-link:focus-visible {
 text-shadow:
 0 0 10px rgba(255, 255, 255, 0.14),
 0 0 18px rgba(255, 0, 0, 0.30) !important;
}

#wishlist-icon .wishlist-image,
#wishlist-icon img.wishlist-image {
 display: block;
 width: 26px;
 height: 26px;
 object-fit: contain;
 filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.10));
}

/* =========================================================
 HERO HOVER GLOW UPGRADE
 Match shared clickable hover glow closer to the banner logo
 ========================================================= */

.top-right-icons a.neumorphism,
.login-container .top-icon,
.lr-banner-search-submit,
.search-suggestion-chip,
.account-stat-pill,
.account-menu-link,
.guest-cta-link,
.trust-pill,
.dropdown a,
.navbar a,
.navbar button,
.navbar .more-button,
.more-links a,
.more-links .nav-pill,
.more-links-group-merch .nav-pill {
 transition:
 transform 0.18s ease,
 box-shadow 0.25s ease,
 filter 0.25s ease,
 text-shadow 0.25s ease,
 border-color 0.25s ease,
 background 0.25s ease;
}

.top-right-icons a.neumorphism:hover,
.top-right-icons a.neumorphism:focus-visible,
.login-container .top-icon:hover,
.login-container .top-icon:focus-visible,
.lr-banner-search-submit:hover,
.lr-banner-search-submit:focus-visible,
.search-suggestion-chip:hover,
.search-suggestion-chip:focus-visible,
.account-stat-pill:hover,
.account-stat-pill:focus-visible,
.account-menu-link:hover,
.account-menu-link:focus-visible,
.guest-cta-link:hover,
.guest-cta-link:focus-visible,
.trust-pill:hover,
.trust-pill:focus-visible,
.dropdown a:hover,
.dropdown a:focus-visible,
.navbar a:hover,
.navbar a:focus-visible,
.navbar button:hover,
.navbar button:focus-visible,
.navbar a.active,
.navbar button.active,
.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.navbar .more-button:hover,
.navbar .more-button:focus-visible,
.navbar .more-button.is-open,
.more-links a:hover,
.more-links a:focus-visible,
.more-links .nav-pill:hover,
.more-links .nav-pill:focus-visible,
.more-links-group-merch .nav-pill:hover,
.more-links-group-merch .nav-pill:focus-visible {
 transform: translateY(-2px) scale(1.01) !important;
 border-color: rgba(255, 42, 42, 0.56) !important;
 box-shadow:
 0 0 18px rgba(255, 0, 0, 0.92),
 0 0 40px rgba(255, 0, 0, 0.62),
 0 0 72px rgba(255, 0, 0, 0.34),
 0 14px 28px rgba(0, 0, 0, 0.46),
 inset 0 1px 0 rgba(255, 120, 120, 0.96) !important;
 text-shadow:
 0 0 10px rgba(255, 255, 255, 0.14),
 0 0 20px rgba(255, 0, 0, 0.42) !important;
 filter: brightness(1.08) saturate(1.05) !important;
}

.top-right-icons a.neumorphism:active,
.login-container .top-icon:active,
.lr-banner-search-submit:active,
.search-suggestion-chip:active,
.account-stat-pill:active,
.account-menu-link:active,
.guest-cta-link:active,
.trust-pill:active,
.dropdown a:active,
.navbar a:active,
.navbar button:active,
.more-links a:active,
.more-links .nav-pill:active,
.more-links-group-merch .nav-pill:active {
 transform: scale(0.985) !important;
}

#search-icon:hover img,
#search-icon:focus-visible img,
#shopping-cart-icon:hover img,
#shopping-cart-icon:focus-visible img,
#inbox-icon:hover img,
#inbox-icon:focus-visible img,
#garage-icon:hover img,
#garage-icon:focus-visible img,
#account-icon:hover img:not(.user-avatar-image),
#account-icon:focus-visible img:not(.user-avatar-image),
.login-container .top-icon:hover img:not(.user-avatar-image),
.login-container .top-icon:focus-visible img:not(.user-avatar-image),
#wishlist-icon:hover .wishlist-image,
#wishlist-icon:focus-visible .wishlist-image,
.lr-banner-search-submit:hover svg,
.lr-banner-search-submit:focus-visible svg,
.account-menu-link:hover .account-menu-icon svg,
.account-menu-link:focus-visible .account-menu-icon svg,
.dropdown a:hover svg,
.dropdown a:focus-visible svg,
.guest-cta-link:hover svg,
.guest-cta-link:focus-visible svg {
 transform: scale(1.08);
 filter:
 brightness(1.08)
 drop-shadow(0 0 8px rgba(255, 0, 0, 0.36))
 drop-shadow(0 0 18px rgba(255, 0, 0, 0.24))
 drop-shadow(0 0 30px rgba(255, 0, 0, 0.14)) !important;
}

.login-container .top-icon:hover .user-avatar-image,
.login-container .top-icon:focus-visible .user-avatar-image,
.login-container .top-icon:hover .user-initial-badge,
.login-container .top-icon:focus-visible .user-initial-badge {
 box-shadow:
 0 0 12px rgba(255, 0, 0, 0.36),
 0 0 24px rgba(255, 0, 0, 0.18),
 inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

.promo-scroll-link {
 transition:
 color 0.18s ease,
 text-shadow 0.25s ease,
 transform 0.25s ease,
 filter 0.25s ease;
}

.promo-scroll-link::before,
.promo-scroll-link::after {
 transition:
 transform 0.22s ease,
 opacity 0.22s ease,
 box-shadow 0.22s ease;
}

.promo-scroll-link:hover::before,
.promo-scroll-link:focus-visible::before,
.promo-scroll-link:hover::after,
.promo-scroll-link:focus-visible::after {
 box-shadow:
 0 0 14px rgba(255, 0, 0, 0.72),
 0 0 28px rgba(255, 0, 0, 0.36) !important;
}

.promo-scroll-link:hover,
.promo-scroll-link:focus-visible {
 transform: translateY(-1px) scale(1.02);
 text-shadow:
 0 0 10px rgba(255, 255, 255, 0.18),
 0 0 20px rgba(255, 0, 0, 0.48),
 0 0 36px rgba(255, 0, 0, 0.24) !important;
 filter: brightness(1.08) saturate(1.06);
}



/* =========================================================
 FINAL NAV GLOW / CURRENT PAGE / MORE BUTTON TUNING
 - hover glows in and out smoothly
 - current page stays glowing
 - More button does not glow just because the panel is open
 ========================================================= */

@keyframes lrNavGlowIn {
 0% {
 transform: translateY(0) scale(1);
 box-shadow:
 inset 0 1px 0 rgba(255, 92, 92, 0.12),
 0 0 0 1px rgba(255, 0, 0, 0.06),
 0 8px 18px rgba(0, 0, 0, 0.24);
 filter: brightness(1) saturate(1);
 }
 55% {
 transform: translateY(-2px) scale(1.01);
 box-shadow:
 0 0 20px rgba(255, 0, 0, 0.48),
 0 0 46px rgba(255, 0, 0, 0.28),
 0 14px 28px rgba(0, 0, 0, 0.42),
 inset 0 1px 0 rgba(255, 120, 120, 0.86);
 filter: brightness(1.07) saturate(1.05);
 }
 100% {
 transform: translateY(-2px) scale(1.01);
 box-shadow:
 0 0 18px rgba(255, 0, 0, 0.82),
 0 0 42px rgba(255, 0, 0, 0.52),
 0 0 76px rgba(255, 0, 0, 0.24),
 0 14px 28px rgba(0, 0, 0, 0.44),
 inset 0 1px 0 rgba(255, 120, 120, 0.96);
 filter: brightness(1.08) saturate(1.05);
 }
}

@keyframes lrNavCurrentGlow {
 0% {
 transform: translateY(0) scale(1);
 box-shadow:
 inset 0 1px 0 rgba(255, 92, 92, 0.12),
 0 0 0 1px rgba(255, 0, 0, 0.06),
 0 8px 18px rgba(0, 0, 0, 0.24);
 filter: brightness(1) saturate(1);
 }
 100% {
 transform: translateY(-1px) scale(1.005);
 box-shadow:
 0 0 14px rgba(255, 0, 0, 0.62),
 0 0 32px rgba(255, 0, 0, 0.34),
 0 0 58px rgba(255, 0, 0, 0.16),
 0 10px 22px rgba(0, 0, 0, 0.40),
 inset 0 1px 0 rgba(255, 120, 120, 0.84);
 filter: brightness(1.05) saturate(1.03);
 }
}

.top-right-icons a.neumorphism,
.login-container .top-icon,
.lr-banner-search-submit,
.search-suggestion-chip,
.account-stat-pill,
.account-menu-link,
.guest-cta-link,
.trust-pill,
.dropdown a,
.navbar a,
.navbar button,
.navbar .more-button,
.more-links a,
.more-links .nav-pill,
.more-links-group-merch .nav-pill,
.promo-scroll-link {
 transition:
 transform 0.30s cubic-bezier(0.22, 1, 0.36, 1),
 box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),
 filter 0.34s ease,
 text-shadow 0.34s ease,
 border-color 0.30s ease,
 background 0.30s ease,
 color 0.30s ease !important;
 will-change: transform, box-shadow, filter;
}

.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.more-links a[aria-current="page"],
.more-links .nav-pill.is-current,
.more-links-group-merch .nav-pill[aria-current="page"],
.more-links-group-merch .nav-pill.is-current {
 transform: translateY(-1px) scale(1.005) !important;
 border-color: rgba(255, 58, 58, 0.52) !important;
 box-shadow:
 0 0 14px rgba(255, 0, 0, 0.62),
 0 0 32px rgba(255, 0, 0, 0.34),
 0 0 58px rgba(255, 0, 0, 0.16),
 0 10px 22px rgba(0, 0, 0, 0.40),
 inset 0 1px 0 rgba(255, 120, 120, 0.84) !important;
 text-shadow:
 0 0 8px rgba(255, 255, 255, 0.12),
 0 0 16px rgba(255, 0, 0, 0.28) !important;
 filter: brightness(1.05) saturate(1.03) !important;
 animation: lrNavCurrentGlow 0.34s cubic-bezier(0.22, 1, 0.36, 1) 1 both;
}

.navbar .more-button.is-open:not(:hover):not(:focus-visible),
.navbar .more-button[aria-expanded="true"]:not(:hover):not(:focus-visible) {
 transform: none !important;
 border-color: rgba(255, 255, 255, 0.08) !important;
 box-shadow:
 inset 0 1px 0 rgba(255, 92, 92, 0.30),
 inset 0 0 0 1px rgba(255, 255, 255, 0.02),
 0 0 0 1px rgba(255, 0, 0, 0.08),
 0 8px 18px rgba(0, 0, 0, 0.24) !important;
 text-shadow: none !important;
 filter: none !important;
 animation: none !important;
}

.top-right-icons a.neumorphism:hover,
.top-right-icons a.neumorphism:focus-visible,
.login-container .top-icon:hover,
.login-container .top-icon:focus-visible,
.lr-banner-search-submit:hover,
.lr-banner-search-submit:focus-visible,
.search-suggestion-chip:hover,
.search-suggestion-chip:focus-visible,
.account-stat-pill:hover,
.account-stat-pill:focus-visible,
.account-menu-link:hover,
.account-menu-link:focus-visible,
.guest-cta-link:hover,
.guest-cta-link:focus-visible,
.trust-pill:hover,
.trust-pill:focus-visible,
.dropdown a:hover,
.dropdown a:focus-visible,
.navbar a:hover,
.navbar a:focus-visible,
.navbar button:hover,
.navbar button:focus-visible,
.navbar a.active,
.navbar button.active,
.more-links a:hover,
.more-links a:focus-visible,
.more-links .nav-pill:hover,
.more-links .nav-pill:focus-visible,
.more-links-group-merch .nav-pill:hover,
.more-links-group-merch .nav-pill:focus-visible,
.promo-scroll-link:hover,
.promo-scroll-link:focus-visible {
 transform: translateY(-2px) scale(1.01) !important;
 border-color: rgba(255, 52, 52, 0.58) !important;
 box-shadow:
 0 0 18px rgba(255, 0, 0, 0.86),
 0 0 42px rgba(255, 0, 0, 0.54),
 0 0 76px rgba(255, 0, 0, 0.24),
 0 14px 28px rgba(0, 0, 0, 0.44),
 inset 0 1px 0 rgba(255, 120, 120, 0.96) !important;
 text-shadow:
 0 0 10px rgba(255, 255, 255, 0.14),
 0 0 20px rgba(255, 0, 0, 0.40) !important;
 filter: brightness(1.08) saturate(1.05) !important;
 animation: lrNavGlowIn 0.30s cubic-bezier(0.22, 1, 0.36, 1) 1 both;
}

.navbar .more-button.is-open:hover,
.navbar .more-button.is-open:focus-visible,
.navbar .more-button[aria-expanded="true"]:hover,
.navbar .more-button[aria-expanded="true"]:focus-visible {
 animation: lrNavGlowIn 0.30s cubic-bezier(0.22, 1, 0.36, 1) 1 both;
}

@media (prefers-reduced-motion: reduce) {
 .top-right-icons a.neumorphism,
 .login-container .top-icon,
 .lr-banner-search-submit,
 .search-suggestion-chip,
 .account-stat-pill,
 .account-menu-link,
 .guest-cta-link,
 .trust-pill,
 .dropdown a,
 .navbar a,
 .navbar button,
 .navbar .more-button,
 .more-links a,
 .more-links .nav-pill,
 .more-links-group-merch .nav-pill,
 .promo-scroll-link {
 animation: none !important;
 transition: none !important;
 }
}


/* =========================================================
 V14 LOGO-LIKE OUTER GLOW PULSE
 - hover bloom matches the logo reference much more closely
 - outer glow breathes from bright red to nothing
 - current-page items keep a softer live pulse
 - More never glows just because the panel is open
 ========================================================= */

@keyframes lrActiveHoverPulse {
 0%,
 100% {
 box-shadow:
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 18px 34px rgba(0, 0, 0, 0.46),
 inset 0 1px 0 rgba(255, 150, 150, 0.94);
 filter: brightness(1.03) saturate(1.02);
 }
 50% {
 box-shadow:
 0 0 18px 1px rgba(255, 38, 38, 0.98),
 0 0 40px 6px rgba(255, 16, 16, 0.86),
 0 0 78px 16px rgba(255, 0, 0, 0.52),
 0 0 128px 28px rgba(255, 0, 0, 0.22),
 0 18px 34px rgba(0, 0, 0, 0.46),
 inset 0 1px 0 rgba(255, 172, 172, 1);
 filter: brightness(1.16) saturate(1.08);
 }
}

@keyframes lrActiveCurrentPulse {
 0%,
 100% {
 box-shadow:
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 12px 24px rgba(0, 0, 0, 0.38),
 inset 0 1px 0 rgba(255, 130, 130, 0.86);
 filter: brightness(1.04) saturate(1.02);
 }
 50% {
 box-shadow:
 0 0 14px 1px rgba(255, 24, 24, 0.78),
 0 0 30px 5px rgba(255, 10, 10, 0.42),
 0 0 58px 12px rgba(255, 0, 0, 0.20),
 0 0 96px 20px rgba(255, 0, 0, 0.08),
 0 12px 24px rgba(0, 0, 0, 0.38),
 inset 0 1px 0 rgba(255, 144, 144, 0.98);
 filter: brightness(1.10) saturate(1.05);
 }
}

@keyframes lrActiveIconPulse {
 0%,
 100% {
 transform: scale(1.03);
 filter:
 brightness(1.06)
 drop-shadow(0 0 0 rgba(255, 0, 0, 0))
 drop-shadow(0 0 0 rgba(255, 0, 0, 0));
 }
 50% {
 transform: scale(1.12);
 filter:
 brightness(1.18)
 drop-shadow(0 0 14px rgba(255, 0, 0, 0.64))
 drop-shadow(0 0 32px rgba(255, 0, 0, 0.28))
 drop-shadow(0 0 48px rgba(255, 0, 0, 0.12));
 }
}

@keyframes lrActiveLinePulse {
 0%,
 100% {
 opacity: 0;
 transform: scaleX(0.72);
 box-shadow:
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0);
 }
 50% {
 opacity: 1;
 transform: scaleX(1);
 box-shadow:
 0 0 18px rgba(255, 0, 0, 0.80),
 0 0 40px rgba(255, 0, 0, 0.26);
 }
}

.top-right-icons a.neumorphism,
.login-container .top-icon,
.lr-banner-search-submit,
.search-suggestion-chip,
.account-stat-pill,
.account-menu-link,
.guest-cta-link,
.trust-pill,
.dropdown a,
.navbar a,
.navbar button,
.navbar .more-button,
.more-links a,
.more-links .nav-pill,
.more-links-group-merch .nav-pill,
.promo-scroll-link {
 transition:
 transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
 box-shadow 0.58s cubic-bezier(0.22, 1, 0.36, 1),
 filter 0.58s ease,
 text-shadow 0.58s ease,
 border-color 0.32s ease,
 background 0.32s ease,
 color 0.32s ease !important;
 will-change: transform, box-shadow, filter;
}

.navbar a::after,
.navbar button::after,
.promo-scroll-link::before,
.promo-scroll-link::after {
 transition:
 opacity 0.40s ease,
 transform 0.40s ease,
 box-shadow 0.40s ease,
 background 0.40s ease !important;
 will-change: transform, opacity, box-shadow;
}

.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.more-links a[aria-current="page"],
.more-links .nav-pill.is-current,
.more-links-group-merch .nav-pill[aria-current="page"],
.more-links-group-merch .nav-pill.is-current {
 transform: translateY(-1px) scale(1.006) !important;
 border-color: rgba(255, 58, 58, 0.66) !important;
 box-shadow:
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 12px 24px rgba(0, 0, 0, 0.38),
 inset 0 1px 0 rgba(255, 130, 130, 0.88) !important;
 text-shadow:
 0 0 10px rgba(255, 255, 255, 0.10),
 0 0 14px rgba(255, 0, 0, 0.22) !important;
 filter: brightness(1.06) saturate(1.04) !important;
 animation: lrActiveCurrentPulse 1.85s ease-in-out infinite !important;
}

.navbar a[aria-current="page"]::after,
.navbar .nav-pill.is-current::after {
 background: rgba(255, 28, 28, 0.98) !important;
 animation: lrActiveLinePulse 1.45s ease-in-out infinite !important;
}

.top-right-icons a.neumorphism:hover,
.top-right-icons a.neumorphism:focus-visible,
.login-container .top-icon:hover,
.login-container .top-icon:focus-visible,
.lr-banner-search-submit:hover,
.lr-banner-search-submit:focus-visible,
.search-suggestion-chip:hover,
.search-suggestion-chip:focus-visible,
.account-stat-pill:hover,
.account-stat-pill:focus-visible,
.account-menu-link:hover,
.account-menu-link:focus-visible,
.guest-cta-link:hover,
.guest-cta-link:focus-visible,
.trust-pill:hover,
.trust-pill:focus-visible,
.dropdown a:hover,
.dropdown a:focus-visible,
.navbar a:hover,
.navbar a:focus-visible,
.navbar button:hover,
.navbar button:focus-visible,
.navbar a.active,
.navbar button.active,
.navbar .more-button:hover,
.navbar .more-button:focus-visible,
.more-links a:hover,
.more-links a:focus-visible,
.more-links .nav-pill:hover,
.more-links .nav-pill:focus-visible,
.more-links-group-merch .nav-pill:hover,
.more-links-group-merch .nav-pill:focus-visible,
.promo-scroll-link:hover,
.promo-scroll-link:focus-visible {
 transform: translateY(-1px) scale(1.010) !important;
 border-color: rgba(255, 68, 68, 0.86) !important;
 box-shadow:
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 0 0 rgba(255, 0, 0, 0),
 0 18px 34px rgba(0, 0, 0, 0.46),
 inset 0 1px 0 rgba(255, 150, 150, 1) !important;
 text-shadow:
 0 0 12px rgba(255, 255, 255, 0.14),
 0 0 20px rgba(255, 0, 0, 0.30) !important;
 filter: brightness(1.10) saturate(1.06) !important;
 animation: lrActiveHoverPulse 1.20s ease-in-out infinite !important;
}

.navbar a:hover::after,
.navbar a:focus-visible::after,
.navbar button:hover::after,
.navbar button:focus-visible::after,
.navbar a.active::after,
.navbar button.active::after {
 background: rgba(255, 24, 24, 0.98) !important;
 animation: lrActiveLinePulse 1.20s ease-in-out infinite !important;
}

.promo-scroll-link:hover::before,
.promo-scroll-link:focus-visible::before,
.promo-scroll-link:hover::after,
.promo-scroll-link:focus-visible::after {
 animation: lrActiveLinePulse 1.20s ease-in-out infinite !important;
}

#search-icon:hover img,
#search-icon:focus-visible img,
#shopping-cart-icon:hover img,
#shopping-cart-icon:focus-visible img,
#inbox-icon:hover img,
#inbox-icon:focus-visible img,
#garage-icon:hover img,
#garage-icon:focus-visible img,
#account-icon:hover img:not(.user-avatar-image),
#account-icon:focus-visible img:not(.user-avatar-image),
.login-container .top-icon:hover img:not(.user-avatar-image),
.login-container .top-icon:focus-visible img:not(.user-avatar-image),
#wishlist-icon:hover .wishlist-image,
#wishlist-icon:focus-visible .wishlist-image,
.lr-banner-search-submit:hover svg,
.lr-banner-search-submit:focus-visible svg,
.account-menu-link:hover .account-menu-icon svg,
.account-menu-link:focus-visible .account-menu-icon svg,
.dropdown a:hover svg,
.dropdown a:focus-visible svg,
.guest-cta-link:hover svg,
.guest-cta-link:focus-visible svg {
 animation: lrActiveIconPulse 1.20s ease-in-out infinite !important;
}

.login-container .top-icon:hover .user-avatar-image,
.login-container .top-icon:focus-visible .user-avatar-image,
.login-container .top-icon:hover .user-initial-badge,
.login-container .top-icon:focus-visible .user-initial-badge {
 animation: lrActiveHoverPulse 1.28s ease-in-out infinite !important;
}

.navbar .more-button.is-open:not(:hover):not(:focus-visible),
.navbar .more-button[aria-expanded="true"]:not(:hover):not(:focus-visible) {
 transform: none !important;
 border-color: rgba(255, 255, 255, 0.08) !important;
 box-shadow:
 inset 0 1px 0 rgba(255, 92, 92, 0.30),
 inset 0 0 0 1px rgba(255, 255, 255, 0.02),
 0 0 0 1px rgba(255, 0, 0, 0.08),
 0 8px 18px rgba(0, 0, 0, 0.24) !important;
 text-shadow: none !important;
 filter: none !important;
 animation: none !important;
}

.navbar .more-button.is-open:not(:hover):not(:focus-visible)::after,
.navbar .more-button[aria-expanded="true"]:not(:hover):not(:focus-visible)::after {
 background: rgba(255, 0, 0, 0) !important;
 box-shadow: none !important;
 animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
 .top-right-icons a.neumorphism,
 .login-container .top-icon,
 .lr-banner-search-submit,
 .search-suggestion-chip,
 .account-stat-pill,
 .account-menu-link,
 .guest-cta-link,
 .trust-pill,
 .dropdown a,
 .navbar a,
 .navbar button,
 .navbar .more-button,
 .more-links a,
 .more-links .nav-pill,
 .more-links-group-merch .nav-pill,
 .promo-scroll-link,
 #search-icon img,
 #shopping-cart-icon img,
 #inbox-icon img,
 #garage-icon img,
 #account-icon img,
 .login-container .top-icon img,
 #wishlist-icon .wishlist-image,
 .lr-banner-search-submit svg,
 .account-menu-link .account-menu-icon svg,
 .dropdown a svg,
 .guest-cta-link svg,
 .navbar a::after,
 .navbar button::after,
 .promo-scroll-link::before,
 .promo-scroll-link::after {
 animation: none !important;
 transition: none !important;
 }
}


/* =========================================================
 V15 TRUE OUTER HALO GLOW FIX
 - moves the pulse into a big blurred halo outside the item
 - keeps the button shell steady while the outer red bloom breathes
 - prevents the More button from glowing just because it is open
 ========================================================= */

@keyframes lrOuterHaloHoverPulse {
 0%,
 100% {
 opacity: 0;
 transform: scale(0.88);
 filter: blur(20px);
 }
 50% {
 opacity: 1;
 transform: scale(1.08);
 filter: blur(30px);
 }
}

@keyframes lrOuterHaloCurrentPulse {
 0%,
 100% {
 opacity: 0.12;
 transform: scale(0.94);
 filter: blur(18px);
 }
 50% {
 opacity: 0.58;
 transform: scale(1.04);
 filter: blur(26px);
 }
}

@media (min-width: 769px) {
 .nav-stack,
 .navbar,
 .more-links-wrap,
 .more-links,
 .more-links-group,
 .more-links-grid,
 .trust-bar-wrap,
 .trust-bar,
 .top-right-icons {
 overflow: visible !important;
 }
}

.top-right-icons a.neumorphism,
.login-container .top-icon,
.lr-banner-search-submit,
.search-suggestion-chip,
.account-stat-pill,
.account-menu-link,
.guest-cta-link,
.trust-pill,
.dropdown a,
.navbar a,
.navbar button,
.navbar .more-button,
.more-links a,
.more-links .nav-pill,
.more-links-group-merch .nav-pill {
 position: relative !important;
 overflow: visible !important;
 isolation: isolate;
 z-index: 0;
}

.top-right-icons a.neumorphism::before,
.login-container .top-icon::before,
.lr-banner-search-submit::before,
.search-suggestion-chip::before,
.account-stat-pill::before,
.account-menu-link::before,
.guest-cta-link::before,
.trust-pill::before,
.dropdown a::before,
.navbar a::before,
.navbar button::before,
.navbar .more-button::before,
.more-links a::before,
.more-links .nav-pill::before,
.more-links-group-merch .nav-pill::before {
 content: '' !important;
 position: absolute !important;
 top: -22px !important;
 right: -22px !important;
 bottom: -22px !important;
 left: -22px !important;
 border-radius: inherit !important;
 background:
 radial-gradient(
 ellipse at center,
 rgba(255, 44, 44, 0.98) 0%,
 rgba(255, 22, 22, 0.82) 24%,
 rgba(255, 0, 0, 0.42) 48%,
 rgba(255, 0, 0, 0.16) 66%,
 rgba(255, 0, 0, 0) 82%
 ) !important;
 opacity: 0;
 transform: scale(0.88);
 transform-origin: center;
 filter: blur(24px);
 pointer-events: none;
 box-shadow: none !important;
 z-index: -1 !important;
 animation: none !important;
}

.navbar a[aria-current="page"],
.navbar .nav-pill.is-current,
.more-links a[aria-current="page"],
.more-links .nav-pill.is-current,
.more-links-group-merch .nav-pill[aria-current="page"],
.more-links-group-merch .nav-pill.is-current {
 transform: translateY(-1px) scale(1.006) !important;
 border-color: rgba(255, 58, 58, 0.68) !important;
 box-shadow:
 inset 0 1px 0 rgba(255, 150, 150, 0.96),
 0 0 0 1px rgba(255, 0, 0, 0.22),
 0 12px 24px rgba(0, 0, 0, 0.38) !important;
 filter: brightness(1.06) saturate(1.04) !important;
 animation: none !important;
}

.navbar a[aria-current="page"]::before,
.navbar .nav-pill.is-current::before,
.more-links a[aria-current="page"]::before,
.more-links .nav-pill.is-current::before,
.more-links-group-merch .nav-pill[aria-current="page"]::before,
.more-links-group-merch .nav-pill.is-current::before {
 animation: lrOuterHaloCurrentPulse 1.70s ease-in-out infinite !important;
}

.top-right-icons a.neumorphism:hover,
.top-right-icons a.neumorphism:focus-visible,
.login-container .top-icon:hover,
.login-container .top-icon:focus-visible,
.lr-banner-search-submit:hover,
.lr-banner-search-submit:focus-visible,
.search-suggestion-chip:hover,
.search-suggestion-chip:focus-visible,
.account-stat-pill:hover,
.account-stat-pill:focus-visible,
.account-menu-link:hover,
.account-menu-link:focus-visible,
.guest-cta-link:hover,
.guest-cta-link:focus-visible,
.trust-pill:hover,
.trust-pill:focus-visible,
.dropdown a:hover,
.dropdown a:focus-visible,
.navbar a:hover,
.navbar a:focus-visible,
.navbar button:hover,
.navbar button:focus-visible,
.navbar a.active,
.navbar button.active,
.navbar .more-button:hover,
.navbar .more-button:focus-visible,
.more-links a:hover,
.more-links a:focus-visible,
.more-links .nav-pill:hover,
.more-links .nav-pill:focus-visible,
.more-links-group-merch .nav-pill:hover,
.more-links-group-merch .nav-pill:focus-visible {
 transform: translateY(-1px) scale(1.010) !important;
 border-color: rgba(255, 70, 70, 0.88) !important;
 box-shadow:
 inset 0 1px 0 rgba(255, 168, 168, 1),
 0 0 0 1px rgba(255, 0, 0, 0.28),
 0 14px 28px rgba(0, 0, 0, 0.42) !important;
 filter: brightness(1.10) saturate(1.06) !important;
 animation: none !important;
}

.top-right-icons a.neumorphism:hover::before,
.top-right-icons a.neumorphism:focus-visible::before,
.login-container .top-icon:hover::before,
.login-container .top-icon:focus-visible::before,
.lr-banner-search-submit:hover::before,
.lr-banner-search-submit:focus-visible::before,
.search-suggestion-chip:hover::before,
.search-suggestion-chip:focus-visible::before,
.account-stat-pill:hover::before,
.account-stat-pill:focus-visible::before,
.account-menu-link:hover::before,
.account-menu-link:focus-visible::before,
.guest-cta-link:hover::before,
.guest-cta-link:focus-visible::before,
.trust-pill:hover::before,
.trust-pill:focus-visible::before,
.dropdown a:hover::before,
.dropdown a:focus-visible::before,
.navbar a:hover::before,
.navbar a:focus-visible::before,
.navbar button:hover::before,
.navbar button:focus-visible::before,
.navbar a.active::before,
.navbar button.active::before,
.navbar .more-button:hover::before,
.navbar .more-button:focus-visible::before,
.more-links a:hover::before,
.more-links a:focus-visible::before,
.more-links .nav-pill:hover::before,
.more-links .nav-pill:focus-visible::before,
.more-links-group-merch .nav-pill:hover::before,
.more-links-group-merch .nav-pill:focus-visible::before {
 animation: lrOuterHaloHoverPulse 1.18s ease-in-out infinite !important;
}

.navbar .more-button.is-open:not(:hover):not(:focus-visible),
.navbar .more-button[aria-expanded="true"]:not(:hover):not(:focus-visible) {
 animation: none !important;
}

.navbar .more-button.is-open:not(:hover):not(:focus-visible)::before,
.navbar .more-button[aria-expanded="true"]:not(:hover):not(:focus-visible)::before {
 opacity: 0 !important;
 animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
 .top-right-icons a.neumorphism::before,
 .login-container .top-icon::before,
 .lr-banner-search-submit::before,
 .search-suggestion-chip::before,
 .account-stat-pill::before,
 .account-menu-link::before,
 .guest-cta-link::before,
 .trust-pill::before,
 .dropdown a::before,
 .navbar a::before,
 .navbar button::before,
 .navbar .more-button::before,
 .more-links a::before,
 .more-links .nav-pill::before,
 .more-links-group-merch .nav-pill::before {
 animation: none !important;
 opacity: 0 !important;
 }
}



/* =========================================================
 V16 ICON COUNTERS
 RED + BLACK BADGES ALWAYS VISIBLE
 ========================================================= */

.header-count-badge,
#inbox-count,
#garage-count,
#cart-count,
#wishlist-count,
.cart-count,
.wishlist-count {
 position: absolute !important;
 top: 4px !important;
 right: 4px !important;
 min-width: 20px !important;
 height: 20px !important;
 padding: 0 6px !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 border-radius: 999px !important;
 background:
 linear-gradient(180deg, rgba(96,0,0,0.98) 0%, rgba(28,0,0,0.98) 34%, rgba(0,0,0,1) 100%) !important;
 color: #ffffff !important;
 font-size: 10px !important;
 font-weight: 800 !important;
 line-height: 1 !important;
 text-align: center !important;
 letter-spacing: 0 !important;
 border: 1px solid rgba(255,42,42,0.72) !important;
 box-shadow:
 0 0 0 1px rgba(0,0,0,0.92),
 inset 0 1px 0 rgba(255,255,255,0.10),
 inset 0 -1px 0 rgba(0,0,0,0.40),
 0 0 10px rgba(255, 0, 0, 0.34),
 0 0 18px rgba(255, 0, 0, 0.18),
 0 4px 12px rgba(0, 0, 0, 0.52) !important;
 z-index: 50 !important;
 pointer-events: none !important;
 box-sizing: border-box !important;
 visibility: visible !important;
 opacity: 1 !important;
 transform: none !important;
 text-shadow: 0 0 6px rgba(255,0,0,0.18) !important;
}

.header-count-badge.is-empty,
#inbox-count.is-empty,
#garage-count.is-empty,
#cart-count.is-empty,
#wishlist-count.is-empty,
.cart-count.is-zero,
.wishlist-count.is-zero,
.cart-count[hidden],
.wishlist-count[hidden],
.cart-count:empty,
.wishlist-count:empty {
 display: inline-flex !important;
 visibility: visible !important;
 opacity: 1 !important;
}

@media (max-width: 768px) {
 .header-count-badge,
 #inbox-count,
 #garage-count,
 #cart-count,
 #wishlist-count,
 .cart-count,
 .wishlist-count {
 top: 3px !important;
 right: 3px !important;
 min-width: 16px !important;
 height: 16px !important;
 padding: 0 4px !important;
 font-size: 9px !important;
 }
}