/* RAJAGACOR — casino cyberpunk skin. Visual only; layout and behavior stay intact. */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Rajdhani:wght@500;600;700&display=swap");

:root {
  --rg-bg: #07060d;
  --rg-bg-2: #100c18;
  --rg-surface: #14101f;
  --rg-surface-alt: #1c1630;
  --rg-gold: #f0c56e;
  --rg-gold-light: #ffe3a3;
  --rg-gold-dark: #b8893a;
  --rg-gold-deep: #6d4d16;
  --rg-cyan: #3ee0ff;
  --rg-magenta: #ff3d9a;
  --rg-violet: #8b6cff;
  --rg-text: #f6f1ff;
  --rg-text-muted: #a89bb8;
  --rg-border: rgba(62, 224, 255, 0.28);
  --rg-danger: #ff4d6d;
  --rg-success: #3dffb0;
  --rg-gold-10: rgba(240, 197, 110, 0.12);
  --rg-gold-25: rgba(240, 197, 110, 0.28);
  --rg-display: "Orbitron", "Segoe UI", sans-serif;
  --rg-ui: "Rajdhani", "Segoe UI", sans-serif;
}

/* ── Foot Locker accent remap: prices stay casino gold, chrome goes neon ── */

.special-price .price,
.special-price .price-final_price .price,
.price-box .special-price .price,
.product-item-details .price-box .special-price .price-container .price,
.mobile-top-info .price-box.price-final_price .old-price .price,
.product-item-details .price-box .price-wrapper-container span.price-discount,
body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .special-price .price,
body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price,
.price-box .price,
.price-wrapper .price {
  color: var(--rg-gold) !important;
  text-shadow: 0 0 12px rgba(240, 197, 110, 0.35);
}

body.catalog-product-view #maincontent .product.media h2.pdp-brand-title,
.pdp-brand-title {
  color: transparent !important;
}

.product-item-details .price-box .price-wrapper-container span.price-discount {
  background: var(--rg-gold-10) !important;
}

.mapc-field-container .mapc-input-field .forgot-pass a,
.checkout-index-index #maincontent .opc-wrapper div[itemprop="description"] .more_button,
.catalog-product-view .product-info-main .product-info-stock-sku .float-right,
.catalog-product-view .bv_numReviews_text:hover,
body.checkout-cart-index .cart-empty a,
.catalog-product-view .sticky-size .sticky_nosize,
.breadcrumbs a,
.page-footer a,
.footer a {
  color: var(--rg-cyan) !important;
}

.mapc-field-container .mapc-input-field .forgot-pass a:hover,
.checkout-index-index #maincontent .opc-wrapper div[itemprop="description"] .more_button:hover,
body.checkout-cart-index .cart-empty a:hover,
.catalog-product-view .sticky-size .sticky_nosize:hover,
.breadcrumbs a:hover,
.page-footer a:hover,
.footer a:hover {
  color: var(--rg-gold-light) !important;
}

.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:hover,
.product.info.detailed .product.data.items > .item.title.active > .switch:hover,
.product.data.items > .item.title > .switch {
  color: var(--rg-cyan) !important;
}

.catalog-category-view.page-layout-2columns-left .toolbar-products .pages ul li.item .action,
.catalog-category-view.page-layout-2columns-left .toolbar-products .pages ul li.item.current .page {
  border-color: var(--rg-cyan) !important;
  color: var(--rg-cyan) !important;
}

.catalog-category-view.page-layout-2columns-left .toolbar-products .pages ul li.item .action:hover,
.catalog-category-view.page-layout-2columns-left .toolbar-products .pages ul li.item.current .page {
  background-color: var(--rg-magenta) !important;
  border-color: var(--rg-magenta) !important;
  color: #fff !important;
}

.swatch-option.color:not(.disabled).active,
.swatch-attribute.color .swatch-attribute-options .swatch-option-link-layered.active .swatch-option,
.filter-title strong[data-count]:after,
.fotorama__active .fotorama__dot,
.fotorama__nav__frame.fotorama__active .fotorama__nav__frame--dot,
.fotorama__thumb-border {
  outline-color: var(--rg-cyan) !important;
  border-color: var(--rg-cyan) !important;
  box-shadow: 0 0 10px rgba(62, 224, 255, 0.45);
}

.filter-title strong[data-count]:after {
  background: var(--rg-cyan) !important;
}

.sale .nav-anchor,
.sale .nav-anchor span,
.sp-custom-70-1710212255573 span,
.nav-item.sale .nav-anchor {
  color: var(--rg-magenta) !important;
}

.block-search .action.search,
button.action.search,
.action.primary,
#product-addtocart-button,
.tocart,
.action.subscribe.primary {
  background: linear-gradient(135deg, var(--rg-cyan) 0%, var(--rg-violet) 52%, var(--rg-magenta) 100%) !important;
  border-color: var(--rg-gold) !important;
  color: #120c18 !important;
  box-shadow: 0 0 18px rgba(62, 224, 255, 0.28) !important;
}

.block-search .action.search:hover,
.action.primary:hover,
#product-addtocart-button:hover,
.action.subscribe.primary:hover {
  background: linear-gradient(135deg, var(--rg-gold-light) 0%, var(--rg-cyan) 100%) !important;
  color: #120c18 !important;
}

body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-label {
  background: linear-gradient(90deg, var(--rg-gold-dark), var(--rg-magenta)) !important;
  color: #fff !important;
}

/* ── Page chrome ── */

html,
body,
body.theme-pearl,
.page-wrapper {
  background:
    radial-gradient(900px 420px at 8% -8%, rgba(255, 61, 154, 0.16), transparent 58%),
    radial-gradient(820px 380px at 100% 0%, rgba(62, 224, 255, 0.14), transparent 52%),
    radial-gradient(700px 480px at 70% 110%, rgba(139, 108, 255, 0.12), transparent 50%),
    linear-gradient(180deg, #0c0a14 0%, #07060d 42%, #0a0812 100%) !important;
  color: var(--rg-text) !important;
}

body {
  background-image:
    linear-gradient(rgba(62, 224, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(62, 224, 255, 0.035) 1px, transparent 1px),
    radial-gradient(900px 420px at 8% -8%, rgba(255, 61, 154, 0.16), transparent 58%),
    radial-gradient(820px 380px at 100% 0%, rgba(62, 224, 255, 0.14), transparent 52%),
    linear-gradient(180deg, #0c0a14 0%, #07060d 42%, #0a0812 100%) !important;
  background-size: 48px 48px, 48px 48px, auto, auto, auto !important;
  background-attachment: fixed !important;
}

.page-header,
.page-header-v1 .page-header,
.header-top-wrap,
.header-top,
.header-main,
.header-main.header-level-2,
.h-navigation,
.sections.nav-sections,
.nav-sections-item-content,
.page-main,
.columns,
.column.main,
.breadcrumbs,
.page-bottom,
.page-footer,
.footer,
.footer-container,
.stickycart,
.sticky-cart-content {
  background: transparent !important;
  color: var(--rg-text) !important;
}

.page-header,
.header-main.header-level-2 {
  background: linear-gradient(180deg, rgba(12, 10, 20, 0.96), rgba(12, 10, 20, 0.88)) !important;
  border-bottom: 1px solid rgba(62, 224, 255, 0.22) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 61, 154, 0.35) !important;
}

.h-navigation,
.sections.nav-sections {
  background: rgba(8, 6, 14, 0.92) !important;
  border-bottom: 1px solid rgba(240, 197, 110, 0.28) !important;
}

.header-top,
.header-top-wrap,
#custom-slider-28,
#custom-slider-28 .banner-custom,
#custom-slider-28 .banner-custom div {
  color: var(--rg-text) !important;
  background: transparent !important;
}

.navigation .nav-anchor,
.navigation .nav-anchor span,
.nav-sections .nav-anchor,
.sections.nav-sections .section-items .section-item-content .navigation li > a,
.sections.nav-sections .section-items .section-item-content .navigation li > a span {
  color: #efe8f8 !important;
  font-family: var(--rg-ui) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.navigation .nav-anchor:hover,
.navigation .nav-anchor:hover span,
.navigation li:hover > a span {
  color: var(--rg-cyan) !important;
  text-shadow: 0 0 10px rgba(62, 224, 255, 0.45);
}

.submenu,
.dropdown-menu,
.submenu-inner,
.nav-dropdown {
  background: #120e1c !important;
  color: var(--rg-text) !important;
  border: 1px solid rgba(62, 224, 255, 0.2) !important;
}

.breadcrumbs,
.breadcrumbs a,
.breadcrumbs strong,
.breadcrumbs .item {
  color: var(--rg-text-muted) !important;
  font-family: var(--rg-ui);
}

.breadcrumbs strong {
  color: var(--rg-gold) !important;
}

.page-title,
.page-title .base,
.product-info-main,
.product-info-main .gender,
.product-info-main .overview,
.prod-attributes,
.mobile-top-info,
.mobile-name .value {
  color: var(--rg-text) !important;
}

.page-title .base {
  font-family: var(--rg-display) !important;
  letter-spacing: 0.04em !important;
  font-weight: 700 !important;
}

.pdp-brand-title,
.desc-title,
.content.FAQ h2,
.review-title {
  font-family: var(--rg-display) !important;
  letter-spacing: 0.12em !important;
  background: linear-gradient(100deg, #f0c56e 0%, #fff4cc 28%, #3ee0ff 68%, #ff3d9a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 10px rgba(62, 224, 255, 0.28));
}

.product.media,
.product-info-main,
.gallery-placeholder,
.sticky-gallery {
  background: linear-gradient(180deg, rgba(20, 16, 32, 0.72), rgba(8, 6, 14, 0.55)) !important;
  box-shadow: inset 0 0 0 1px rgba(62, 224, 255, 0.16), 0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

.product-info-main {
  border-radius: 18px;
  padding: 18px 18px 8px !important;
}

.fotorama__stage,
.fotorama__nav {
  background: transparent !important;
}

input,
textarea,
select,
.input-text,
#search,
#newsletter {
  background: rgba(8, 6, 14, 0.85) !important;
  color: var(--rg-text) !important;
  border: 1px solid rgba(62, 224, 255, 0.35) !important;
  border-radius: 2px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 61, 154, 0.12) !important;
}

input::placeholder,
#search::placeholder,
#newsletter::placeholder {
  color: #7e7394 !important;
}

.block-search .action.search svg circle,
.block-search .action.search svg line {
  stroke: #120c18 !important;
}

.h-panel.main-header-right a {
  font-family: var(--rg-display) !important;
  letter-spacing: 0.14em !important;
  border-radius: 2px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.h-panel.main-header-right a:first-child {
  background: transparent !important;
  color: var(--rg-cyan) !important;
  border: 1px solid var(--rg-cyan) !important;
  box-shadow: 0 0 14px rgba(62, 224, 255, 0.18) !important;
}

.h-panel.main-header-right a:last-child {
  background: linear-gradient(135deg, #f0c56e, #3ee0ff 55%, #ff3d9a) !important;
  color: #120c18 !important;
  border: 1px solid #ffe3a3 !important;
  box-shadow: 0 0 18px rgba(255, 61, 154, 0.35) !important;
}

.h-panel.main-header-right a:hover {
  transform: translateY(-1px);
}

/* Header + mid-page DAFTAR / LOGIN */
.button-container {
  margin: 18px auto 8px !important;
  max-width: 640px;
}

.button {
  font-family: var(--rg-display) !important;
  letter-spacing: 0.18em !important;
  color: var(--rg-cyan) !important;
  background: linear-gradient(180deg, rgba(62, 224, 255, 0.08), rgba(8, 6, 14, 0.92)) !important;
  border: 1px solid var(--rg-cyan) !important;
  border-radius: 2px !important;
  box-shadow:
    0 0 0 1px rgba(255, 61, 154, 0.35),
    0 10px 24px rgba(0, 0, 0, 0.45),
    inset 0 0 18px rgba(62, 224, 255, 0.08) !important;
  text-shadow: none !important;
}

.button-container .button:first-child {
  color: #120c18 !important;
  background: linear-gradient(120deg, #f0c56e 0%, #3ee0ff 48%, #ff3d9a 100%) !important;
  border-color: #ffe3a3 !important;
}

.button:hover {
  color: #120c18 !important;
  background: linear-gradient(120deg, #fff4cc, #3ee0ff) !important;
  border-color: var(--rg-gold-light) !important;
  box-shadow: 0 0 22px rgba(62, 224, 255, 0.45) !important;
  transform: translateY(2px);
}

.divider {
  background: linear-gradient(to bottom, transparent, var(--rg-cyan), var(--rg-magenta), transparent) !important;
  box-shadow: 0 0 12px var(--rg-cyan) !important;
}

/* Description, FAQ, reviews */
.pdp-description-section {
  background:
    radial-gradient(280px 160px at 0% 0%, rgba(62, 224, 255, 0.16), transparent 70%),
    linear-gradient(145deg, rgba(18, 14, 32, 0.96), rgba(7, 6, 13, 0.96)) !important;
  border: 1px solid rgba(62, 224, 255, 0.32) !important;
  border-radius: 18px !important;
  box-shadow:
    0 0 0 1px rgba(255, 61, 154, 0.18),
    0 18px 40px rgba(0, 0, 0, 0.45),
    inset 0 0 24px rgba(62, 224, 255, 0.05) !important;
}

.pdp-description-section > div:first-child {
  background: radial-gradient(circle, rgba(255, 61, 154, 0.28), transparent 70%) !important;
}

.pdp-desc,
.pdp-desc p,
.faq-box p,
.review-card p {
  color: #c9bfd8 !important;
}

.pdp-desc a,
.pdp-desc span,
.pdp-desc span a {
  color: var(--rg-gold) !important;
  text-shadow: 0 0 10px rgba(240, 197, 110, 0.35) !important;
}

.content.FAQ > section {
  background:
    radial-gradient(320px 180px at 100% 0%, rgba(255, 61, 154, 0.16), transparent 70%),
    linear-gradient(160deg, #120e1c, #07060d) !important;
  border-top: 2px solid transparent !important;
  border-image: linear-gradient(90deg, transparent, var(--rg-gold), var(--rg-cyan), var(--rg-magenta), transparent) 1 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4) !important;
}

.content.FAQ > section > section {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(62, 224, 255, 0.22) !important;
  box-shadow: inset 0 0 24px rgba(139, 108, 255, 0.08), 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

.content.FAQ > section > section > div {
  background: radial-gradient(circle, rgba(62, 224, 255, 0.28), transparent 70%) !important;
}

.faq-box {
  border-bottom: 1px dashed rgba(62, 224, 255, 0.22) !important;
  background: transparent !important;
}

.faq-box::before {
  background: linear-gradient(90deg, var(--rg-cyan), var(--rg-magenta)) !important;
  box-shadow: 0 0 12px var(--rg-cyan) !important;
}

.faq-box:hover {
  background: rgba(62, 224, 255, 0.05) !important;
}

.faq-box strong {
  color: #ffffff !important;
  font-family: var(--rg-ui) !important;
  letter-spacing: 0.04em;
}

.faq-box:hover strong {
  color: var(--rg-cyan) !important;
}

.review-wrapper {
  background:
    radial-gradient(340px 200px at 0% 100%, rgba(255, 61, 154, 0.16), transparent 70%),
    linear-gradient(160deg, #141022, #07060d) !important;
  border: 1px solid rgba(240, 197, 110, 0.22) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(62, 224, 255, 0.12) !important;
}

.review-glow {
  background: radial-gradient(circle, rgba(62, 224, 255, 0.28), transparent 70%) !important;
}

.review-title {
  color: transparent !important;
}

.review-title::after {
  background: linear-gradient(90deg, var(--rg-gold), var(--rg-cyan), var(--rg-magenta)) !important;
  box-shadow: 0 0 14px var(--rg-cyan) !important;
}

.review-card {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(62, 224, 255, 0.14) !important;
}

.review-card:hover {
  border-color: var(--rg-cyan) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.4), 0 0 22px rgba(255, 61, 154, 0.18) !important;
  background: rgba(62, 224, 255, 0.05) !important;
}

.review-avatar img {
  background: linear-gradient(135deg, var(--rg-gold), var(--rg-cyan)) !important;
  box-shadow: 0 0 12px rgba(62, 224, 255, 0.4);
}

.review-card h4,
.review-user strong {
  color: var(--rg-gold) !important;
  font-family: var(--rg-ui) !important;
}

.review-stars {
  color: var(--rg-gold-light) !important;
  text-shadow: 0 0 8px rgba(240, 197, 110, 0.45);
}

.review-user small {
  color: #8d84a3 !important;
}

.page-footer,
.footer-container,
.below-copyright,
.copyright,
.copyright span,
small.copyright {
  color: var(--rg-text-muted) !important;
}

.page-footer {
  border-top: 1px solid rgba(62, 224, 255, 0.2);
  margin-top: 24px;
  background: linear-gradient(180deg, rgba(12, 10, 20, 0.2), rgba(7, 6, 13, 0.95)) !important;
}

.footer .title,
.newsletter-box .title {
  color: var(--rg-gold) !important;
  font-family: var(--rg-display) !important;
  letter-spacing: 0.08em;
}

.product.data.items,
.product.info.detailed,
.data.item.title,
.data.item.content {
  background: transparent !important;
  color: var(--rg-text) !important;
}

.data.item.title .switch,
#tab-label-description-title {
  font-family: var(--rg-display) !important;
  letter-spacing: 0.16em !important;
}

.closer-look,
.closer-look p {
  color: var(--rg-cyan) !important;
}

.action.nav-toggle span {
  color: var(--rg-cyan) !important;
}

@media (max-width: 767px) {
  .product-info-main {
    padding: 12px !important;
  }

  .button {
    font-size: 15px !important;
    letter-spacing: 0.12em !important;
  }

  .h-panel.main-header-right a {
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
}

/* High-specificity overrides against the Foot Locker stylesheet */

body#html-body .header-top,
body#html-body .header-top .container,
body#html-body .header-top .row,
body#html-body .header-top-wrap,
body#html-body .right-top-header {
  background: transparent !important;
  background-color: transparent !important;
}

body#html-body .header.links a,
body#html-body .header.links li a {
  color: #d9cfee !important;
  font-family: var(--rg-ui) !important;
  letter-spacing: 0.06em;
  text-decoration: none !important;
}

body#html-body .header.links a:hover {
  color: var(--rg-cyan) !important;
}

body#html-body .h-navigation,
body#html-body .nav-sections:not(.mobile-nav),
body#html-body .nav-sections:not(.mobile-nav) .navigation,
body#html-body .nav-sections:not(.mobile-nav) .nav-sections-item-content {
  background: rgba(8, 6, 14, 0.94) !important;
  background-color: rgba(8, 6, 14, 0.94) !important;
}

body#html-body .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a,
body#html-body .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a:visited,
body#html-body .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a span,
body#html-body .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a.ui-state-focus {
  color: #efe8f8 !important;
  text-shadow: none !important;
}

body#html-body .nav-sections:not(.mobile-nav) .navigation ul li.level0:hover > a,
body#html-body .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a:hover,
body#html-body .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a:hover span {
  color: var(--rg-cyan) !important;
  text-shadow: 0 0 10px rgba(62, 224, 255, 0.45) !important;
}

body#html-body.catalog-product-view .column.main .sticky-gall-wrap {
  background: linear-gradient(180deg, rgba(18, 14, 32, 0.72), rgba(7, 6, 13, 0.45)) !important;
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(62, 224, 255, 0.16), 0 20px 50px rgba(0, 0, 0, 0.28);
  border-radius: 18px;
}

body#html-body .fotorama__nav,
body#html-body .fotorama__nav--thumbs,
body#html-body .fotorama__nav__frame,
body#html-body .fotorama__thumb,
body#html-body .fotorama__stage {
  background: #0c0a14 !important;
  background-color: #0c0a14 !important;
}

body#html-body .page-title .base,
body#html-body .product-info-main,
body#html-body .product-info-main p,
body#html-body .product-info-main h3,
body#html-body .swatch-attribute-label,
body#html-body .field.qty .label {
  color: var(--rg-text) !important;
}

body#html-body .swatch-option.text {
  background: rgba(8, 6, 14, 0.75) !important;
  color: #efe8f8 !important;
  border: 1px solid rgba(62, 224, 255, 0.35) !important;
  border-radius: 2px !important;
}

body#html-body .swatch-option.text:hover,
body#html-body .swatch-option.text.selected {
  color: #120c18 !important;
  background: linear-gradient(135deg, var(--rg-gold), var(--rg-cyan)) !important;
  border-color: var(--rg-gold-light) !important;
}

body#html-body .return-policy-pdp,
body#html-body .free-shipping,
body#html-body .free-shipping-content {
  background: rgba(255, 255, 255, 0.03) !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(62, 224, 255, 0.22) !important;
  border-radius: 10px;
  color: var(--rg-text) !important;
}

body#html-body .return-policy-pdp p,
body#html-body .return-policy-pdp strong,
body#html-body .free-shipping h3,
body#html-body .free-shipping p,
body#html-body .stock.available span {
  color: var(--rg-text) !important;
}

body#html-body .ret-link,
body#html-body .bv_numReviews_text,
body#html-body .bv_avgRating_component_container {
  color: var(--rg-cyan) !important;
}

body#html-body #qty,
body#html-body .field.qty select.input-text {
  background: #120e1c !important;
  background-color: #120e1c !important;
  color: var(--rg-gold) !important;
  border: 1px solid var(--rg-cyan) !important;
}

body#html-body .buynow-button > button,
body#html-body .buynow-btn-sticky {
  background: linear-gradient(120deg, #f0c56e 0%, #3ee0ff 52%, #ff3d9a 100%) !important;
  color: #120c18 !important;
  border: 1px solid #ffe3a3 !important;
  font-family: var(--rg-display) !important;
  letter-spacing: 0.14em !important;
  font-weight: 700 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 16px rgba(62, 224, 255, 0.25) !important;
}

body#html-body .buynow-button > button a,
body#html-body .buynow-button > button span,
body#html-body .buynow-btn-sticky a,
body#html-body .buynow-btn-sticky span {
  color: #120c18 !important;
  text-decoration: none !important;
}

body#html-body.catalog-product-view .page-wrapper > .page-bottom,
body#html-body .page-bottom {
  background: transparent !important;
  background-color: transparent !important;
}

body#html-body .product.data.items > .item.title {
  background: transparent !important;
  background-color: transparent !important;
}

body#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title > .switch,
body#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title > .switch:visited,
body#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch,
body#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch:hover,
body#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch:focus,
body#html-body #tab-label-description-title {
  background: #120e1c !important;
  background-color: #120e1c !important;
  color: #f0c56e !important;
  border: 1px solid rgba(62, 224, 255, 0.45) !important;
  border-bottom-color: #3ee0ff !important;
  font-family: var(--rg-display) !important;
  letter-spacing: 0.14em !important;
}

body#html-body .page-bottom {
  padding-bottom: 110px !important;
}

body#html-body .pdp-description-section,
body#html-body .content.FAQ > section {
  overflow: visible !important;
}

body#html-body .stickycart {
  background: rgba(8, 6, 14, 0.94) !important;
  background-color: rgba(8, 6, 14, 0.94) !important;
  border-top: 1px solid rgba(62, 224, 255, 0.35) !important;
  box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.5) !important;
}

body#html-body .sticky-product-name,
body#html-body .sticky-size,
body#html-body .sticky-size-sel,
body#html-body .sticky-name {
  color: var(--rg-text) !important;
}

/* ── Footer: equal cards, even columns, dark copyright bar ── */

body#html-body footer.page-footer {
  border-top: 1px solid rgba(62, 224, 255, 0.18);
  padding-top: 28px;
}

body#html-body footer.page-footer .footer-container .tiles {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  max-width: 1240px;
  margin: 0 auto !important;
  padding: 0 20px;
}

body#html-body footer.page-footer .footer-container .tiles .tiles-item {
  flex: none !important;
  width: auto !important;
  min-height: 132px;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(18, 14, 28, 0.92) !important;
  border: 1px solid rgba(62, 224, 255, 0.22) !important;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s ease, transform 0.2s ease;
}

body#html-body footer.page-footer .footer-container .tiles .tiles-item:hover {
  border-color: rgba(240, 197, 110, 0.7) !important;
  transform: translateY(-2px);
}

body#html-body footer.page-footer .footer-container .tiles .tiles-item ul,
body#html-body footer.page-footer .footer-container .tiles .tiles-item ul li {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body#html-body footer.page-footer .footer-container .tiles .tiles-item ul li a {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 132px;
  padding: 16px 12px !important;
  color: #e8fbff !important;
  font-family: var(--rg-ui) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  line-height: 1.35 !important;
  text-align: center !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

body#html-body footer.page-footer .footer-container .tiles .tiles-item ul li a:before {
  margin: 0 auto 10px !important;
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

body#html-body footer.page-footer .footer-container .links {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1.2fr);
  gap: 28px 32px !important;
  align-items: start !important;
  justify-content: stretch !important;
  max-width: 1240px;
  margin: 8px auto 0 !important;
  padding: 32px 20px 12px !important;
}

body#html-body footer.page-footer .footer-container .links .collapsible,
body#html-body footer.page-footer .footer-container .links .not-collapsible {
  flex: none !important;
  flex-basis: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body#html-body footer.page-footer .footer-container .links .title,
body#html-body footer.page-footer .newsletter-box .title {
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
  color: var(--rg-gold) !important;
  font-family: var(--rg-ui) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
  text-transform: none;
  border-bottom: 1px solid rgba(240, 197, 110, 0.28);
}

body#html-body footer.page-footer .footer-container .links .collapsible span.title:after {
  display: none !important;
}

body#html-body footer.page-footer .footer-container .links ul {
  margin: 0 !important;
  padding: 0 !important;
}

body#html-body footer.page-footer .footer-container .links .collapsible ul li {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body#html-body footer.page-footer .footer-container .links .collapsible ul li + li {
  margin-top: 8px !important;
}

body#html-body footer.page-footer .footer-container .links a {
  font-family: var(--rg-ui) !important;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.45 !important;
  letter-spacing: 0.01em;
  text-decoration: none !important;
}

body#html-body footer.page-footer .newsletter-box .field.newsletter .control {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

body#html-body footer.page-footer .newsletter-box input[type="email"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  margin: 0 !important;
  padding: 0 14px !important;
  background: #120e1c !important;
  color: var(--rg-text) !important;
  border: 1px solid rgba(62, 224, 255, 0.35) !important;
  border-radius: 10px !important;
  font-family: var(--rg-ui) !important;
  font-size: 14px !important;
}

body#html-body footer.page-footer .newsletter-box input[type="email"]::placeholder {
  color: #8d84a3;
}

body#html-body footer.page-footer .newsletter-box .actions,
body#html-body footer.page-footer .newsletter-box .actions a {
  display: flex;
  margin: 0 !important;
  text-decoration: none !important;
}

body#html-body footer.page-footer .newsletter-box .action.subscribe.primary {
  height: 44px;
  min-width: 96px;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  font-family: var(--rg-ui) !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
}

body#html-body footer.page-footer .footer_subscription_consent .control {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
}

body#html-body footer.page-footer .footer_subscription_consent .label,
body#html-body footer.page-footer .footer_subscription_consent .label span {
  color: #c8bdd6 !important;
  font-family: var(--rg-ui) !important;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.45 !important;
}

body#html-body footer.page-footer .socia-media-links {
  margin-top: 16px;
}

body#html-body footer.page-footer .socia-media-links ul {
  display: flex !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#html-body footer.page-footer .socia-media-links ul li {
  list-style: none;
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
}

body#html-body footer.page-footer .socia-media-links ul li a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(62, 224, 255, 0.35);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.03);
}

body#html-body footer.page-footer .socia-media-links ul li a:before {
  filter: brightness(0) invert(1);
}

body#html-body footer.page-footer > small.copyright {
  display: none !important;
}

body#html-body footer.page-footer .chakra-container,
body#html-body footer.page-footer small.copyright,
body#html-body footer.page-footer .below-copyright {
  background: transparent !important;
  background-color: transparent !important;
}

body#html-body footer.page-footer small.copyright {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: none !important;
  margin: 18px 0 0 !important;
  padding: 18px 16px 6px !important;
  border-top: 1px solid rgba(62, 224, 255, 0.16);
  text-align: center !important;
}

body#html-body footer.page-footer small.copyright span,
body#html-body footer.page-footer .below-copyright,
body#html-body footer.page-footer .below-copyright span {
  color: #a89bb8 !important;
  font-family: var(--rg-ui) !important;
  font-size: 12px !important;
  letter-spacing: 0.08em;
}

body#html-body footer.page-footer .below-copyright {
  margin: 0 auto 12px !important;
  padding: 0 16px 8px;
  text-align: center;
}

@media (max-width: 1100px) {
  body#html-body footer.page-footer .footer-container .tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body#html-body footer.page-footer .footer-container .links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body#html-body footer.page-footer .footer-container .tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 14px;
  }

  body#html-body footer.page-footer .footer-container .links {
    grid-template-columns: 1fr;
    padding: 24px 14px 8px !important;
  }

  body#html-body footer.page-footer .footer-container .links .collapsible span.title:after {
    display: inline-block !important;
    filter: brightness(0) invert(1);
  }

  body#html-body footer.page-footer .newsletter-box .field.newsletter .control {
    flex-direction: column;
  }

  body#html-body footer.page-footer .newsletter-box .action.subscribe.primary {
    width: 100%;
  }
}