/* RedM catalog theme. All selectors are page-scoped so the main storefront stays unchanged. */
.redm-page {
  --container: 1440px;
  --bg: #120b07;
  --bg-2: #1c110b;
  --panel: rgba(35, 21, 13, .92);
  --panel-2: rgba(55, 33, 20, .92);
  --panel-3: rgba(76, 44, 25, .62);
  --surface-0: #100905;
  --surface-1: #180e09;
  --surface-2: #21140d;
  --surface-3: #362116;
  --surface-4: #4a2c1b;
  --line-soft: rgba(198, 161, 91, .12);
  --line: rgba(198, 161, 91, .25);
  --line-active: rgba(222, 183, 108, .62);
  --accent-blue: #8e3f27;
  --accent-blue-soft: #c6a15b;
  --accent-pink: #b96a3d;
  --accent-pink-soft: #e0bd76;
  --accent-smoke-blue: #5d291b;
  --accent-smoke-pink: #6f3b24;
  --purple: #8e3f27;
  --purple-2: #c6a15b;
  --purple-3: #5d291b;
  --cyan: #e0bd76;
  --blue: #7c3a25;
  --border: rgba(198, 161, 91, .23);
  --border-strong: rgba(222, 183, 108, .58);
  --redm-ink: #17100b;
  --redm-night: #21160f;
  --redm-leather: #3a2417;
  --redm-rust: #8e3f27;
  --redm-brass: #c6a15b;
  --redm-parchment: #d7c39b;
  --redm-muted: #a99572;
  background: #160f0b;
  color: #f1e5ca;
  font-family: Georgia, "Times New Roman", serif;
}

.redm-page .main-nav a,
.redm-page .nav-dropdown-trigger {
  flex: 0 0 auto;
  white-space: nowrap;
}

.redm-page .page-bg {
  background:
    linear-gradient(rgba(24, 15, 10, .74), rgba(10, 7, 5, .94)),
    repeating-linear-gradient(0deg, rgba(215, 195, 155, .025) 0 1px, transparent 1px 5px),
    radial-gradient(circle at 16% 12%, rgba(142, 63, 39, .2), transparent 35%),
    radial-gradient(circle at 86% 24%, rgba(198, 161, 91, .1), transparent 28%),
    #160f0b;
}

.redm-page .bg-grid {
  opacity: .16;
  background-size: 72px 72px;
  background-image:
    linear-gradient(rgba(215, 195, 155, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(215, 195, 155, .09) 1px, transparent 1px);
}

.redm-page .bg-orb {
  background: rgba(142, 63, 39, .18);
  filter: blur(100px);
}

.redm-page.scripts-page .site-header {
  background: rgba(20, 13, 9, .9);
  border-bottom-color: rgba(198, 161, 91, .26);
  box-shadow: 0 10px 35px rgba(0, 0, 0, .28);
}

.redm-page .main-nav {
  border-color: rgba(198, 161, 91, .12);
  background: rgba(24, 14, 9, .76);
}

.redm-page .main-nav a:hover,
.redm-page .nav-dropdown-trigger:hover {
  background: linear-gradient(180deg, rgba(198, 161, 91, .1), rgba(84, 35, 23, .08));
}

.redm-page .main-nav a.active,
.redm-page .nav-dropdown.active > .nav-dropdown-trigger,
.redm-page .nav-dropdown.open > .nav-dropdown-trigger {
  background: linear-gradient(135deg, rgba(142, 63, 39, .34), rgba(84, 35, 23, .18));
  box-shadow: inset 0 1px 0 rgba(255, 238, 201, .06), inset 0 -1px 0 rgba(198, 161, 91, .16), 0 10px 26px rgba(0, 0, 0, .22);
}

.redm-page .nav-dropdown-menu,
.redm-page .language-menu,
.redm-page .login-menu {
  border-color: rgba(198, 161, 91, .28);
  background: linear-gradient(155deg, rgba(48, 28, 17, .99), rgba(18, 10, 6, .995));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .64), 0 0 28px rgba(111, 49, 30, .12), inset 0 1px 0 rgba(255, 239, 202, .03);
}

.redm-page .nav-dropdown-menu a:hover,
.redm-page .nav-dropdown-menu a.active,
.redm-page .language-menu button:hover,
.redm-page .language-menu button.active,
.redm-page .login-option:hover,
.redm-page .login-discord-card:hover {
  border-color: rgba(198, 161, 91, .2);
  background: linear-gradient(90deg, rgba(142, 63, 39, .3), rgba(84, 35, 23, .12));
}

.redm-page .nav-dropdown-menu a svg,
.redm-page .login-option svg,
.redm-page .login-discord-card svg {
  color: #d8ae68;
  background: rgba(142, 63, 39, .25);
}

.redm-page .language-trigger,
.redm-page .header-square,
.redm-page .login-trigger {
  border-color: rgba(198, 161, 91, .2);
  background: linear-gradient(180deg, rgba(48, 28, 17, .86), rgba(20, 12, 7, .94));
}

.redm-page .header-square:hover {
  border-color: rgba(218, 177, 101, .58);
  box-shadow: 0 0 34px rgba(111, 49, 30, .28);
}

.redm-page .cart-button span {
  box-shadow: 0 0 18px rgba(111, 49, 30, .56);
}

.redm-page .scripts-hero {
  padding-bottom: 66px;
  border-bottom: 1px solid rgba(198, 161, 91, .14);
}

.redm-page .scripts-kicker {
  width: fit-content;
  padding: 7px 13px;
  color: var(--redm-brass);
  border-top: 1px solid rgba(198, 161, 91, .6);
  border-bottom: 1px solid rgba(198, 161, 91, .6);
  letter-spacing: .18em;
}

.redm-page .scripts-hero h1 {
  max-width: 690px;
  font-size: clamp(46px, 6vw, 72px);
  line-height: .98;
  letter-spacing: -.035em;
  text-transform: uppercase;
  text-shadow: 0 4px 0 rgba(0, 0, 0, .28);
}

.redm-page .scripts-hero h1 span {
  display: block;
  margin-top: 8px;
  background: linear-gradient(180deg, #ebd6a8 10%, #b48342 82%);
  -webkit-background-clip: text;
  color: transparent;
}

.redm-page .scripts-hero p {
  color: rgba(231, 216, 184, .78);
  font-size: 16px;
}

.redm-page .scripts-hero-art::before {
  background:
    radial-gradient(circle at 50% 48%, rgba(142, 63, 39, .42), transparent 35%),
    radial-gradient(circle at 50% 70%, rgba(198, 161, 91, .13), transparent 28%);
}

.redm-page .scripts-hero-art::after {
  background-image:
    repeating-linear-gradient(0deg, rgba(215, 195, 155, .06) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(90deg, rgba(215, 195, 155, .04) 0 1px, transparent 1px 11px);
  background-size: auto;
  mask-image: radial-gradient(circle, #000 0%, transparent 70%);
}

.redm-page .scripts-art-rings {
  border-color: rgba(198, 161, 91, .48);
  box-shadow: 0 0 28px rgba(142, 63, 39, .28), inset 0 0 24px rgba(198, 161, 91, .12);
}

.redm-page .scripts-art-rings::before,
.redm-page .scripts-art-rings::after {
  border-color: rgba(198, 161, 91, .23);
}

.redm-page .scripts-code-window {
  width: 230px;
  height: 230px;
  border-radius: 4px;
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, .018) 0 2px, transparent 2px 8px),
    linear-gradient(145deg, #51301d, #24150e 70%);
  border: 2px solid #8d6a3d;
  outline: 1px solid rgba(215, 195, 155, .2);
  outline-offset: -10px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .48), inset 0 0 55px rgba(0, 0, 0, .34);
  transform: rotate(-3deg);
}

.redm-page .scripts-code-window::before {
  border-radius: 0;
  border-color: rgba(215, 195, 155, .22);
  background: repeating-linear-gradient(0deg, rgba(215, 195, 155, .035) 0 1px, transparent 1px 8px);
}

.redm-page .scripts-code-window > span {
  width: 7px;
  height: 7px;
  background: var(--redm-brass);
  box-shadow: none;
}

.redm-page .scripts-code-window div {
  color: #dbc18d;
}

.redm-page .scripts-code-window svg {
  width: 104px;
  height: 104px;
  filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .35));
}

.redm-page .scripts-shell,
.redm-page .filter-dialog {
  border-radius: 4px;
  border: 1px solid rgba(198, 161, 91, .28);
  background:
    repeating-linear-gradient(0deg, rgba(215, 195, 155, .018) 0 1px, transparent 1px 6px),
    linear-gradient(145deg, rgba(55, 34, 22, .95), rgba(24, 16, 11, .98));
  box-shadow: 0 24px 65px rgba(0, 0, 0, .34), inset 0 0 0 5px rgba(198, 161, 91, .035);
}

.redm-page .search-field,
.redm-page .shop-dropdown-trigger,
.redm-page .filter-square,
.redm-page .filter-card {
  border-radius: 3px;
  border-color: rgba(198, 161, 91, .24);
  background: rgba(20, 13, 9, .72);
}

.redm-page .search-field:focus-within,
.redm-page .shop-dropdown.open .shop-dropdown-trigger,
.redm-page .filter-square:hover {
  border-color: rgba(198, 161, 91, .64);
  box-shadow: 0 0 0 3px rgba(198, 161, 91, .08);
}

.redm-page .search-field svg,
.redm-page .filter-square,
.redm-page .result-count {
  color: var(--redm-brass);
}

.redm-page .shop-dropdown-menu {
  border-radius: 3px;
  border-color: rgba(198, 161, 91, .28);
  background: #25170f;
}

.redm-page .shop-dropdown-menu button:hover,
.redm-page .shop-dropdown-menu button.active {
  color: #fff3d8;
  background: linear-gradient(135deg, #8e3f27, #5d291b);
}

.redm-page .product-card {
  border-radius: 3px;
  border-color: rgba(198, 161, 91, .25);
  background:
    repeating-linear-gradient(0deg, rgba(215, 195, 155, .018) 0 1px, transparent 1px 5px),
    linear-gradient(160deg, rgba(61, 38, 24, .96), rgba(24, 16, 11, .98));
  box-shadow: inset 0 0 0 4px rgba(198, 161, 91, .025);
}

.redm-page .product-card:hover {
  border-color: rgba(198, 161, 91, .58);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .38), inset 0 0 0 4px rgba(198, 161, 91, .04);
}

.redm-page .product-card:focus-visible {
  outline-color: var(--redm-brass);
}

.redm-page .product-shot {
  border-radius: 2px;
  border-color: rgba(215, 195, 155, .2);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(15, 8, 4, .7)),
    radial-gradient(circle at 75% 18%, rgba(178, 94, 49, .4), transparent 24%),
    linear-gradient(135deg, #6a472b, #21130c);
  filter: sepia(.24) saturate(.88);
}

.redm-page .product-shot::before {
  background-image: repeating-linear-gradient(0deg, rgba(240, 220, 181, .045) 0 1px, transparent 1px 5px);
  background-size: auto;
}

.redm-page .product-tag {
  border-radius: 2px;
  color: #fff3d8;
  background: linear-gradient(135deg, #9e4a2c, #642b1d);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .32);
  letter-spacing: .08em;
}

.redm-page .shot-ui {
  border-radius: 2px;
  border-color: rgba(215, 195, 155, .18);
  background: rgba(28, 17, 11, .78);
}

.redm-page .shot-ui::before {
  border-radius: 1px;
  background: repeating-linear-gradient(180deg, rgba(198, 161, 91, .72) 0 7px, transparent 7px 17px), rgba(255, 255, 255, .025);
}

.redm-page .shot-ui::after {
  border-radius: 1px;
  background: repeating-linear-gradient(180deg, rgba(142, 63, 39, .35) 0 4px, transparent 4px 18px), linear-gradient(90deg, rgba(198, 161, 91, .09), transparent);
}

.redm-page .shot-ui i {
  background: rgba(198, 161, 91, .46);
  box-shadow: none;
}

.redm-page .shot-ui i:nth-child(1),
.redm-page .shot-ui i:nth-child(5) { background: rgba(198, 161, 91, .46); }
.redm-page .shot-ui i:nth-child(2),
.redm-page .shot-ui i:nth-child(6) { background: rgba(142, 63, 39, .46); }
.redm-page .shot-ui i:nth-child(3) { background: rgba(167, 119, 64, .48); }
.redm-page .shot-ui i:nth-child(4) { background: rgba(224, 171, 89, .44); }

.redm-page .shot-fuel .shot-ui {
  border-top-color: rgba(142, 63, 39, .82);
  box-shadow: 0 -8px 0 rgba(198, 161, 91, .62), 0 18px 40px rgba(0, 0, 0, .36);
}

.redm-page .product-card h2,
.redm-page .shop-price-stack strong,
.redm-page .scripts-custom-cta h2 {
  font-family: Georgia, "Times New Roman", serif;
}

.redm-page .product-card h2 {
  color: #f0dfbb;
  letter-spacing: .01em;
}

.redm-page .product-card p,
.redm-page .scripts-custom-cta p,
.redm-page .result-count {
  color: var(--redm-muted);
}

.redm-page .shop-price-stack strong {
  color: #e8c77f;
}

.redm-page .add-cart,
.redm-page .preview-product-button,
.redm-page .details-btn,
.redm-page .btn-primary {
  border-radius: 2px;
  background: linear-gradient(135deg, #a44b2c, #65291b);
  border-color: rgba(220, 174, 95, .32);
  box-shadow: 0 12px 28px rgba(55, 20, 10, .4);
}

.redm-page .preview-product-button {
  min-height: 46px;
  display: grid;
  place-items: center;
  color: #f3d79b;
  cursor: not-allowed;
  opacity: .78;
}

.redm-page .preview-product-button svg {
  width: 18px;
  height: 18px;
}

.redm-page .details-btn {
  color: #f6e6c6;
}

.redm-page .toggle-switch {
  background: rgba(10, 7, 5, .7);
  border-color: rgba(198, 161, 91, .3);
}

.redm-page .toggle-filter input:checked + .toggle-copy + .toggle-switch {
  background: #7a3522;
}

.redm-page .range-stack input::-webkit-slider-thumb {
  background: var(--redm-brass);
}

.redm-page .scripts-custom-cta {
  border-radius: 3px;
  border-color: rgba(198, 161, 91, .26);
  background: linear-gradient(105deg, rgba(87, 42, 25, .5), rgba(25, 16, 11, .94) 60%);
}

.redm-page .custom-script-icon {
  color: var(--redm-brass);
}

.redm-page .custom-script-icon svg {
  filter: drop-shadow(0 3px 0 rgba(0, 0, 0, .4));
}

.redm-page .site-footer {
  border-top-color: rgba(198, 161, 91, .22);
  background: #120c08;
}

.redm-page .scripts-sale-banner {
  border-radius: 3px;
  border-color: rgba(198, 161, 91, .3);
  background: linear-gradient(100deg, rgba(142, 63, 39, .34), rgba(31, 18, 11, .96) 58%);
}

.redm-page .scripts-sale-icon {
  color: #e0bd76;
  border-color: rgba(198, 161, 91, .3);
  background: rgba(142, 63, 39, .3);
}

.redm-page .scripts-sale-banner > div > span {
  color: #d8ae68;
}

.redm-page .scripts-sale-banner button {
  border-color: rgba(198, 161, 91, .38);
  background: rgba(111, 49, 30, .58);
}

.redm-page .scripts-sale-banner button span {
  color: #edcb88;
  background: rgba(84, 35, 23, .72);
}

.redm-page .scripts-header-promo {
  border-color: rgba(198, 161, 91, .32);
  border-radius: 3px;
  background:
    repeating-linear-gradient(0deg, rgba(239, 210, 151, .018) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, rgba(75, 40, 24, .96), rgba(28, 16, 10, .99));
  box-shadow: inset 0 0 0 3px rgba(17, 9, 5, .3), 0 14px 32px rgba(5, 2, 1, .28);
}

.redm-page .scripts-header-promo-icon {
  color: #d5ab62;
  border-color: rgba(198, 161, 91, .3);
  border-radius: 2px;
  background: rgba(142, 63, 39, .28);
}

.redm-page .scripts-header-promo-copy small,
.redm-page .scripts-header-promo-state b {
  color: #d9ad63;
}

.redm-page .scripts-header-promo-copy strong {
  color: #f1dfba;
  font-family: Georgia, "Times New Roman", serif;
}

.redm-page .scripts-header-promo-state {
  color: #f0dfbd;
  border-color: rgba(198, 161, 91, .3);
  border-radius: 2px;
  background: rgba(111, 49, 30, .5);
}

.redm-page .filter-count {
  background: linear-gradient(135deg, #a34b2c, #633020);
  border-color: rgba(239, 210, 151, .32);
  box-shadow: 0 8px 22px rgba(73, 26, 14, .46);
}

.redm-page .product-card[data-product-link-card]:focus-visible {
  outline-color: rgba(224, 189, 118, .78);
}

.redm-page .product-sale-pill {
  color: #fff0cf;
  border-color: rgba(224, 189, 118, .4);
  background: linear-gradient(135deg, #a34b2c, #65291b);
  box-shadow: 0 10px 24px rgba(55, 18, 10, .4);
}

.redm-page .pagination a,
.redm-page .pagination button {
  color: #e8d9bb;
  border-color: rgba(198, 161, 91, .22);
  background: rgba(31, 18, 11, .84);
}

.redm-page .pagination a:hover,
.redm-page .pagination button:hover:not(:disabled) {
  border-color: rgba(218, 177, 101, .54);
  background: rgba(142, 63, 39, .25);
  box-shadow: 0 0 24px rgba(111, 49, 30, .25);
}

.redm-page .pagination a.active,
.redm-page .pagination button.active {
  border-color: rgba(232, 199, 127, .34);
  background: linear-gradient(135deg, #a34b2c, #633020);
  box-shadow: 0 12px 30px rgba(69, 24, 13, .38);
}

.redm-page .filter-backdrop {
  background: rgba(12, 7, 4, .76);
}

.redm-page .filter-dialog {
  background:
    radial-gradient(circle at 20% 0%, rgba(142, 63, 39, .25), transparent 34%),
    radial-gradient(circle at 84% 24%, rgba(198, 161, 91, .1), transparent 30%),
    #21140d;
  border-color: rgba(198, 161, 91, .3);
  box-shadow: 0 30px 100px rgba(0, 0, 0, .55), 0 0 45px rgba(111, 49, 30, .2);
}

.redm-page .filter-dialog::before {
  background: linear-gradient(135deg, rgba(255, 239, 202, .07), transparent 32%, rgba(142, 63, 39, .1));
}

.redm-page .filter-dialog-head span {
  color: #d8ae68;
}

.redm-page .filter-close {
  color: #ead9b7;
  border-color: rgba(198, 161, 91, .22);
  background: rgba(35, 20, 12, .94);
}

.redm-page .filter-close:hover,
.redm-page .filter-close:focus-visible {
  color: #fff2d6;
  border-color: rgba(218, 177, 101, .58);
  background: rgba(142, 63, 39, .34);
  box-shadow: inset 0 1px 0 rgba(255, 240, 207, .12), 0 0 28px rgba(111, 49, 30, .28);
}

.redm-page .filter-card,
.redm-page .toggle-filter {
  border-color: rgba(198, 161, 91, .16);
  background: linear-gradient(180deg, rgba(255, 239, 202, .025), transparent), rgba(28, 16, 10, .8);
}

.redm-page .toggle-filter:hover,
.redm-page .toggle-filter:has(input:focus-visible) {
  border-color: rgba(198, 161, 91, .4);
  background: rgba(111, 49, 30, .2);
}

.redm-page .toggle-filter:has(input:checked) {
  border-color: rgba(218, 177, 101, .48);
  background: radial-gradient(circle at 100% 50%, rgba(142, 63, 39, .35), transparent 45%), rgba(84, 35, 23, .34);
  box-shadow: 0 0 24px rgba(111, 49, 30, .2), inset 0 1px 0 rgba(255, 239, 202, .05);
}

.redm-page .toggle-switch {
  border-color: rgba(198, 161, 91, .24);
  background: rgba(16, 9, 5, .9);
}

.redm-page .toggle-switch span {
  background: linear-gradient(135deg, #f0dfbd, #b08b52);
}

.redm-page .toggle-filter input:checked ~ .toggle-switch {
  border-color: rgba(224, 189, 118, .7);
  background: linear-gradient(135deg, #9f482b, #6b3020);
  box-shadow: 0 0 22px rgba(111, 49, 30, .4), inset 0 1px 0 rgba(255, 239, 202, .17);
}

.redm-page .range-stack {
  border-color: rgba(198, 161, 91, .24);
  background: linear-gradient(90deg, rgba(142, 63, 39, .3), rgba(198, 161, 91, .32)), rgba(18, 10, 6, .82);
}

.redm-page .range-stack input[type="range"]::-webkit-slider-thumb {
  background: linear-gradient(135deg, #f2dfb7, #c6a15b);
  border-color: #813920;
  box-shadow: 0 0 22px rgba(142, 63, 39, .58);
}

.redm-page .range-stack input[type="range"]::-moz-range-thumb {
  background: linear-gradient(135deg, #f2dfb7, #c6a15b);
  border-color: #813920;
  box-shadow: 0 0 22px rgba(142, 63, 39, .58);
}

.redm-page .quick-price-row button {
  color: #a99572;
  border-color: rgba(198, 161, 91, .15);
  background: rgba(25, 14, 9, .8);
}

.redm-page .quick-price-row button:hover,
.redm-page .quick-price-row button.active {
  color: #f1e2c2;
  border-color: rgba(218, 177, 101, .44);
  background: rgba(142, 63, 39, .28);
  box-shadow: 0 0 22px rgba(111, 49, 30, .22);
}

.redm-page .scripts-custom-cta::before {
  background: rgba(142, 63, 39, .24);
  box-shadow: inset 0 0 28px rgba(111, 49, 30, .32), 0 0 36px rgba(198, 161, 91, .14);
}

/* RedM catalog selects */
body.redm-page .shop-dropdown-trigger {
  position: relative;
  min-height: 54px;
  padding: 0 16px 0 18px;
  overflow: hidden;
  color: #ead9b6;
  border: 1px solid rgba(207, 166, 91, .46);
  border-radius: 3px;
  background:
    linear-gradient(180deg, rgba(255, 232, 184, .045), transparent 48%),
    linear-gradient(135deg, #422719, #26160e);
  box-shadow: inset 0 0 0 3px rgba(18, 10, 6, .38), inset 0 1px 0 rgba(255, 235, 194, .08);
}

body.redm-page .shop-dropdown-trigger::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: linear-gradient(#8e3f27, #d1a65e, #8e3f27);
}

body.redm-page .shop-dropdown-trigger .dropdown-icon {
  color: #cfa75f;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .45));
}

body.redm-page .shop-dropdown.open .shop-dropdown-trigger {
  color: #fff0ce;
  border-color: rgba(229, 192, 119, .76);
  background:
    linear-gradient(180deg, rgba(255, 232, 184, .065), transparent 48%),
    linear-gradient(135deg, #53301d, #2b180f);
  box-shadow: inset 0 0 0 3px rgba(18, 10, 6, .4), 0 0 0 3px rgba(198, 161, 91, .09), 0 15px 34px rgba(0, 0, 0, .25);
}

body.redm-page .shop-dropdown-menu {
  top: calc(100% + 9px);
  padding: 10px;
  gap: 4px;
  overflow: hidden;
  border: 1px solid rgba(222, 181, 102, .55);
  border-radius: 3px;
  background-color: #2e1b11;
  background-image:
    repeating-linear-gradient(0deg, rgba(234, 209, 162, .022) 0 1px, transparent 1px 5px),
    radial-gradient(circle at 100% 0%, rgba(142, 63, 39, .3), transparent 42%),
    linear-gradient(145deg, #442719, #21130c 72%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .58), inset 0 0 0 4px rgba(15, 8, 5, .42), inset 0 1px 0 rgba(255, 231, 184, .08);
}

body.redm-page .shop-dropdown-menu::before {
  content: "";
  height: 1px;
  position: absolute;
  left: 13px;
  right: 13px;
  top: 5px;
  background: linear-gradient(90deg, transparent, rgba(224, 189, 118, .72), transparent);
  pointer-events: none;
}

body.redm-page .shop-dropdown-menu button {
  position: relative;
  min-height: 42px;
  padding: 0 13px 0 32px;
  color: #d7c49e;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

body.redm-page .shop-dropdown-menu button::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  width: 6px;
  height: 6px;
  border: 1px solid rgba(198, 161, 91, .58);
  transform: translateY(-50%) rotate(45deg);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.redm-page .shop-dropdown-menu button:hover {
  color: #fff0cf;
  border-color: rgba(198, 161, 91, .2);
  background: linear-gradient(90deg, rgba(142, 63, 39, .28), rgba(84, 35, 23, .12));
  transform: translateX(2px);
}

body.redm-page .shop-dropdown-menu button.active {
  color: #fff3d8;
  border-color: rgba(224, 189, 118, .38);
  background: linear-gradient(90deg, #984429, #652b1c 72%, rgba(71, 31, 20, .82));
  box-shadow: inset 3px 0 0 #d4aa61, 0 7px 20px rgba(45, 15, 8, .28);
}

body.redm-page .shop-dropdown-menu button.active::before,
body.redm-page .shop-dropdown-menu button:hover::before {
  border-color: #efd092;
  background: #c99d52;
  box-shadow: 0 0 9px rgba(224, 189, 118, .46);
}

body.redm-page .shop-dropdown-menu button:focus-visible {
  outline: 1px solid #dfb66d;
  outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
  .redm-page .product-card {
    transition: none;
  }
}

/* Advanced frontier presentation */
.redm-page .scripts-hero {
  min-height: 700px;
  padding: 148px 0 86px;
  display: grid;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(12, 7, 4, .96) 0%, rgba(16, 9, 5, .82) 34%, rgba(16, 9, 5, .27) 68%, rgba(12, 7, 4, .58) 100%),
    linear-gradient(180deg, rgba(10, 6, 4, .06) 55%, #160f0b 100%),
    url("../img/redm/frontier-hero-v1.webp") center / cover no-repeat;
  isolation: isolate;
}

.redm-page .scripts-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .32;
  background:
    repeating-linear-gradient(0deg, rgba(239, 215, 170, .035) 0 1px, transparent 1px 4px),
    radial-gradient(circle at 72% 45%, transparent 0 24%, rgba(11, 6, 3, .46) 78%);
  pointer-events: none;
}

.redm-page .scripts-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: linear-gradient(90deg, transparent 2%, #a86a37 18%, #e0bd76 50%, #a86a37 82%, transparent 98%);
  clip-path: polygon(0 44%, 47% 44%, 50% 0, 53% 44%, 100% 44%, 100% 56%, 53% 56%, 50% 100%, 47% 56%, 0 56%);
  opacity: .62;
}

.redm-page .scripts-hero-grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(360px, .72fr);
  gap: clamp(44px, 6vw, 100px);
}

.redm-page .scripts-hero-grid > div:first-child {
  position: relative;
  z-index: 2;
}

.redm-page .scripts-kicker {
  margin-bottom: 28px;
  padding-inline: 0;
  border: 0;
  font-size: 12px;
}

.redm-page .scripts-kicker::before {
  content: "";
  width: 42px;
  height: 1px;
  display: inline-block;
  margin: 0 12px 4px 0;
  background: var(--redm-brass);
  box-shadow: 0 0 12px rgba(198, 161, 91, .48);
}

.redm-page .scripts-hero h1 {
  max-width: 760px;
  margin-bottom: 24px;
  font-size: clamp(58px, 6.6vw, 92px);
  line-height: .88;
  letter-spacing: -.055em;
}

.redm-page .scripts-hero h1 span {
  margin-top: 13px;
  font-size: .85em;
  letter-spacing: -.035em;
  filter: drop-shadow(0 9px 24px rgba(0, 0, 0, .42));
}

.redm-page .scripts-hero p {
  max-width: 675px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.85;
}

.redm-hero-actions {
  margin-top: 34px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.redm-hero-actions a {
  min-height: 50px;
  padding: 0 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(220, 180, 106, .35);
  border-radius: 2px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.redm-hero-actions a:hover {
  transform: translateY(-2px);
  border-color: rgba(232, 199, 127, .75);
}

.redm-primary-action {
  color: #fff3d7;
  background: linear-gradient(135deg, #ad4e2d, #69291b);
  box-shadow: 0 16px 38px rgba(65, 22, 10, .42), inset 0 1px 0 rgba(255, 234, 190, .18);
}

.redm-secondary-action {
  color: #e3c98f;
  background: rgba(20, 12, 7, .62);
  backdrop-filter: blur(12px);
}

.redm-hero-actions svg {
  width: 17px;
  height: 17px;
}

.redm-hero-meta {
  max-width: 760px;
  margin-top: 38px;
  padding-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(216, 185, 125, .22);
}

.redm-hero-meta > span {
  padding: 0 22px;
  border-left: 1px solid rgba(216, 185, 125, .18);
}

.redm-hero-meta > span:first-child {
  padding-left: 0;
  border-left: 0;
}

.redm-hero-meta small,
.redm-hero-meta strong {
  display: block;
}

.redm-hero-meta small {
  margin-bottom: 6px;
  color: #967b52;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.redm-hero-meta strong {
  color: #e5d4ae;
  font-size: 12px;
  letter-spacing: .025em;
}

.redm-page .scripts-hero-art {
  min-height: 440px;
}

.redm-art-card {
  position: relative;
  width: min(100%, 420px);
  padding: 13px;
  background: #2b1a10;
  border: 1px solid rgba(222, 186, 117, .5);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .58), inset 0 0 0 5px rgba(222, 186, 117, .045);
  transform: rotate(2.5deg);
}

.redm-art-card::before,
.redm-art-card::after {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  border-color: rgba(225, 190, 121, .74);
  pointer-events: none;
}

.redm-art-card::before {
  top: 6px;
  left: 6px;
  border-top: 1px solid;
  border-left: 1px solid;
}

.redm-art-card::after {
  right: 6px;
  bottom: 6px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.redm-art-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  filter: sepia(.12) contrast(1.06) saturate(.9);
}

.redm-art-card img::selection {
  background: transparent;
}

.redm-art-caption {
  padding: 17px 8px 7px;
  text-align: center;
  text-transform: uppercase;
}

.redm-art-caption span,
.redm-art-caption strong {
  display: block;
}

.redm-art-caption span {
  margin-bottom: 5px;
  color: #a88b59;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .22em;
}

.redm-art-caption strong {
  color: #ead9b6;
  font-size: 18px;
  letter-spacing: .08em;
}

.redm-art-seal {
  position: absolute;
  right: -24px;
  bottom: 38px;
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  color: #e4bd72;
  border: 2px solid rgba(228, 189, 114, .62);
  border-radius: 50%;
  background: radial-gradient(circle, #8d3b25, #4d1e15);
  box-shadow: 0 13px 30px rgba(0, 0, 0, .44), inset 0 0 0 5px rgba(54, 16, 10, .28);
  transform: rotate(-13deg);
}

.redm-art-seal svg {
  width: 29px;
  height: 29px;
}

.redm-assurance {
  position: relative;
  z-index: 2;
  margin-top: -1px;
  padding: 0 0 34px;
  background: #160f0b;
}

.redm-assurance-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(198, 161, 91, .2);
  border-top: 0;
  background: linear-gradient(135deg, rgba(68, 40, 24, .86), rgba(25, 16, 11, .96));
  box-shadow: 0 22px 65px rgba(0, 0, 0, .25);
}

.redm-assurance article {
  min-height: 150px;
  padding: 28px 32px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 20px;
  border-left: 1px solid rgba(198, 161, 91, .16);
}

.redm-assurance article:first-child {
  border-left: 0;
}

.redm-assurance article > svg {
  width: 28px;
  height: 28px;
  color: var(--redm-brass);
}

.redm-assurance article span,
.redm-assurance article strong,
.redm-assurance article small {
  display: block;
}

.redm-assurance article span {
  color: #855334;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}

.redm-assurance article strong {
  margin: 5px 0 7px;
  color: #ecd9b2;
  font-size: 17px;
}

.redm-assurance article small {
  color: #a99572;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  line-height: 1.6;
}

.redm-page .scripts-shell-section {
  padding: 76px 0 46px;
  background:
    linear-gradient(rgba(22, 15, 11, .92), rgba(22, 15, 11, .96)),
    url("../img/redm/frontier-workbench-v1.webp") center top / cover fixed no-repeat;
}

.redm-collection-heading {
  max-width: 680px;
  margin: 0 auto 34px;
  text-align: center;
}

.redm-collection-heading > span {
  color: var(--redm-brass);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.redm-collection-heading h2 {
  margin: 9px 0 10px;
  color: #efdfbd;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.05;
  text-transform: uppercase;
  letter-spacing: -.025em;
}

.redm-collection-heading p {
  margin: 0;
  color: #a99572;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.7;
}

.redm-page .scripts-shell {
  padding: 28px;
  backdrop-filter: blur(18px);
}

.redm-page .scripts-toolbar {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(198, 161, 91, .16);
}

.redm-page .product-card {
  position: relative;
  overflow: hidden;
}

.redm-page .product-card::before {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: 0;
  border: 1px solid rgba(211, 176, 108, .07);
  pointer-events: none;
}

.redm-page .product-card > * {
  position: relative;
  z-index: 1;
}

.redm-page .product-shot:not(:has(.product-image)) {
  background:
    linear-gradient(180deg, rgba(17, 9, 5, .12), rgba(17, 9, 5, .7)),
    url("../img/redm/frontier-workbench-v1.webp") center / cover no-repeat;
}

.redm-page .empty-results {
  padding: 58px 24px;
  border: 1px dashed rgba(198, 161, 91, .3);
  background: rgba(18, 11, 7, .54);
}

.redm-page .empty-results strong {
  color: #ead6ae;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
}

.redm-page .scripts-custom-cta {
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(38, 20, 12, .96), rgba(38, 20, 12, .76) 58%, rgba(17, 10, 6, .34)),
    url("../img/redm/frontier-workbench-v1.webp") 76% 53% / cover no-repeat;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34);
}

/* The global storefront polish uses !important navy surfaces. Keep those rules
   for every other page and decisively replace them inside the RedM catalog. */
body.redm-page:not(.admin-page):not(.admin-login-page) {
  background:
    radial-gradient(circle at 78% 8%, rgba(142, 63, 39, .08), transparent 34%),
    radial-gradient(circle at 14% 18%, rgba(198, 161, 91, .055), transparent 30%),
    linear-gradient(180deg, #100a07 0%, #1a100a 48%, #0e0906 100%);
}

body.redm-page:not(.admin-page):not(.admin-login-page) main::before {
  opacity: .52;
  background:
    linear-gradient(rgba(198, 161, 91, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(198, 161, 91, .018) 1px, transparent 1px),
    radial-gradient(circle at 78% 12%, rgba(142, 63, 39, .11), transparent 27%),
    radial-gradient(circle at 18% 34%, rgba(109, 64, 37, .13), transparent 32%);
  background-size: 72px 72px, 72px 72px, auto, auto;
}

body.redm-page:not(.admin-page):not(.admin-login-page) .scripts-shell-section {
  border-color: rgba(198, 161, 91, .16) !important;
  background:
    linear-gradient(rgba(22, 15, 11, .91), rgba(18, 11, 7, .97)),
    url("../img/redm/frontier-workbench-v1.webp") center top / cover fixed no-repeat !important;
  box-shadow: inset 0 1px 0 rgba(239, 210, 151, .035), 0 22px 58px rgba(8, 4, 2, .3) !important;
}

body.redm-page:not(.admin-page):not(.admin-login-page) .scripts-shell,
body.redm-page:not(.admin-page):not(.admin-login-page) .product-card {
  border-color: rgba(198, 161, 91, .28) !important;
  background:
    repeating-linear-gradient(0deg, rgba(215, 195, 155, .018) 0 1px, transparent 1px 5px),
    linear-gradient(155deg, rgba(61, 38, 24, .97), rgba(24, 15, 10, .99)) !important;
  box-shadow: inset 0 0 0 4px rgba(198, 161, 91, .03), 0 20px 58px rgba(8, 4, 2, .3) !important;
}

body.redm-page:not(.admin-page):not(.admin-login-page) .product-card:hover {
  border-color: rgba(220, 178, 99, .58) !important;
  background:
    repeating-linear-gradient(0deg, rgba(236, 207, 151, .024) 0 1px, transparent 1px 5px),
    linear-gradient(155deg, rgba(78, 45, 27, .98), rgba(29, 17, 11, .99)) !important;
  box-shadow: inset 0 0 0 4px rgba(198, 161, 91, .045), 0 25px 64px rgba(8, 4, 2, .4) !important;
}

body.redm-page:not(.admin-page):not(.admin-login-page) .product-shot {
  border-color: rgba(215, 195, 155, .22) !important;
  background:
    linear-gradient(180deg, rgba(17, 9, 5, .08), rgba(17, 9, 5, .62)),
    radial-gradient(circle at 75% 18%, rgba(178, 94, 49, .34), transparent 24%),
    linear-gradient(135deg, #684329, #21130c) !important;
}

body.redm-page:not(.admin-page):not(.admin-login-page) .product-shot:has(.product-image) {
  background: #160d08 !important;
}

body.redm-page:not(.admin-page):not(.admin-login-page) .shop-dropdown-menu {
  border-color: rgba(222, 181, 102, .55) !important;
  background:
    repeating-linear-gradient(0deg, rgba(239, 210, 151, .022) 0 1px, transparent 1px 5px),
    radial-gradient(circle at 100% 0%, rgba(142, 63, 39, .3), transparent 42%),
    linear-gradient(145deg, #442719, #21130c 72%) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .58), inset 0 0 0 4px rgba(15, 8, 5, .42) !important;
}

body.redm-page:not(.admin-page):not(.admin-login-page) .shop-dropdown-menu button:is(:hover, :focus-visible, .active) {
  color: #fff3d8 !important;
  background: linear-gradient(90deg, #984429, #652b1c 72%, rgba(71, 31, 20, .82)) !important;
  box-shadow: inset 3px 0 0 #d4aa61, 0 7px 20px rgba(45, 15, 8, .28) !important;
}

@media (max-width: 1120px) {
  .redm-page .scripts-hero {
    min-height: auto;
    padding-top: 110px;
  }

  .redm-page .scripts-hero-grid {
    grid-template-columns: 1fr;
  }

  .redm-page .scripts-hero-art {
    min-height: auto;
    padding: 20px 0;
  }

  .redm-art-card {
    margin-inline: auto;
  }

  .redm-assurance-grid {
    grid-template-columns: 1fr;
  }

  .redm-assurance article {
    border-left: 0;
    border-top: 1px solid rgba(198, 161, 91, .16);
  }

  .redm-assurance article:first-child {
    border-top: 0;
  }
}

@media (max-width: 760px) {
  .redm-page .scripts-hero {
    padding: 78px 0 58px;
    background-position: 66% center;
  }

  .redm-page .scripts-hero h1 {
    font-size: clamp(48px, 15vw, 68px);
  }

  .redm-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .redm-hero-actions a {
    width: 100%;
  }

  .redm-hero-meta {
    grid-template-columns: 1fr;
  }

  .redm-hero-meta > span,
  .redm-hero-meta > span:first-child {
    padding: 12px 0;
    border: 0;
    border-top: 1px solid rgba(216, 185, 125, .14);
  }

  .redm-art-card {
    width: calc(100% - 24px);
  }

  .redm-art-seal {
    right: -12px;
  }

  .redm-assurance article {
    padding: 24px 20px;
  }

  .redm-page .scripts-shell-section {
    padding-top: 54px;
    background-attachment: scroll;
  }

  .redm-page .scripts-shell {
    padding: 18px 14px 22px;
  }
}

/* RedM product detail page */
body.redm-detail-page .detail-hero {
  position: relative;
  padding: 76px 0 72px;
  border-bottom: 1px solid rgba(198, 161, 91, .18);
  background:
    linear-gradient(90deg, rgba(18, 10, 6, .97) 0%, rgba(24, 14, 8, .88) 52%, rgba(14, 8, 5, .95) 100%),
    url("../img/redm/frontier-hero-v1.webp") center 38% / cover no-repeat;
}

body.redm-detail-page .detail-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(221, 178, 97, .72), transparent);
}

body.redm-detail-page .breadcrumbs {
  color: #9f8b68;
  font-family: Georgia, "Times New Roman", serif;
}

body.redm-detail-page .breadcrumbs a:hover,
body.redm-detail-page .breadcrumb-icon {
  color: #d7ad62;
}

body.redm-detail-page:not(.admin-page):not(.admin-login-page) .detail-summary {
  position: relative;
  padding: 34px;
  overflow: hidden;
  border: 1px solid rgba(198, 161, 91, .3) !important;
  border-radius: 3px;
  background:
    repeating-linear-gradient(0deg, rgba(239, 210, 151, .018) 0 1px, transparent 1px 6px),
    linear-gradient(145deg, rgba(68, 40, 24, .97), rgba(24, 15, 10, .99)) !important;
  box-shadow: inset 0 0 0 5px rgba(15, 8, 5, .34), 0 26px 70px rgba(6, 3, 2, .38) !important;
}

body.redm-detail-page .detail-summary::before {
  content: "FRONTIER LEDGER  •  REDM EDITION";
  display: block;
  margin-bottom: 15px;
  color: #c8a159;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .18em;
}

body.redm-detail-page .detail-summary h1 {
  color: #f0dfbb;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 4.4vw, 60px);
  letter-spacing: -.035em;
  text-transform: uppercase;
}

body.redm-detail-page .detail-summary h1 span {
  color: #c7974b;
}

body.redm-detail-page .detail-summary > p {
  color: #c4ae87;
}

body.redm-detail-page:not(.admin-page):not(.admin-login-page) .detail-main-shot,
body.redm-detail-page:not(.admin-page):not(.admin-login-page) .detail-thumbs .product-shot,
body.redm-detail-page:not(.admin-page):not(.admin-login-page) .preview-strip .product-shot {
  border-color: rgba(213, 174, 101, .32) !important;
  border-radius: 3px;
  background: #160d08 !important;
  box-shadow: inset 0 0 0 4px rgba(15, 8, 5, .5), 0 22px 58px rgba(6, 3, 2, .34) !important;
  filter: sepia(.18) saturate(.88);
}

body.redm-detail-page .detail-main-shot {
  height: 470px;
}

body.redm-detail-page .detail-gallery-video {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: #080604;
}

body.redm-detail-page .detail-gallery-video[hidden],
body.redm-detail-page [data-gallery-main-image][hidden] {
  display: none !important;
}

body.redm-detail-page .detail-gallery-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

body.redm-detail-page .video-thumb-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: grid;
  width: 38px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 224, 173, .72);
  border-radius: 8px;
  color: #fff2d5;
  background: rgba(151, 45, 24, .92);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .48);
  transform: translate(-50%, -50%);
}

body.redm-detail-page .video-thumb-play svg {
  width: 18px;
  height: 18px;
}

body.redm-detail-page .detail-main-shot .product-image,
body.redm-detail-page .preview-strip .product-image,
body.redm-detail-page .detail-thumbs .product-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.redm-detail-page .detail-badges span,
body.redm-detail-page .detail-badges span:last-child {
  color: #ead6ae;
  border-color: rgba(198, 161, 91, .28);
  border-radius: 2px;
  background: rgba(107, 58, 32, .42);
}

body.redm-detail-page .detail-specs div {
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(198, 161, 91, .16);
}

body.redm-detail-page .detail-specs dt,
body.redm-detail-page .detail-trust span {
  color: #a58e69;
}

body.redm-detail-page .detail-specs dd,
body.redm-detail-page .detail-trust strong {
  color: #ead9b6;
}

body.redm-detail-page .detail-buy > strong {
  color: #e2b762;
  font-family: Georgia, "Times New Roman", serif;
}

body.redm-detail-page .detail-buy:has(.redm-preview-buy) {
  grid-template-columns: 120px minmax(0, 1fr);
}

body.redm-detail-page .redm-preview-buy:disabled {
  opacity: .78;
  color: #f0dfbd;
  border-color: rgba(198, 161, 91, .35);
  background: linear-gradient(135deg, #8e3f27, #572719);
  cursor: not-allowed;
}

body.redm-detail-page .detail-trust svg {
  color: #c99d52;
  filter: drop-shadow(0 4px 8px rgba(40, 17, 9, .5));
}

body.redm-detail-page .detail-section {
  border-top-color: rgba(198, 161, 91, .14);
  background:
    radial-gradient(circle at 12% 20%, rgba(142, 63, 39, .055), transparent 27%),
    linear-gradient(180deg, rgba(20, 12, 8, .96), rgba(15, 9, 6, .98));
}

body.redm-detail-page .detail-section:nth-of-type(odd) {
  background:
    radial-gradient(circle at 84% 12%, rgba(198, 161, 91, .045), transparent 28%),
    linear-gradient(180deg, rgba(28, 16, 10, .97), rgba(17, 10, 7, .99));
}

body.redm-detail-page .section-heading > span {
  color: #c99d52;
}

body.redm-detail-page .section-heading h2,
body.redm-detail-page .detail-feature-grid h3,
body.redm-detail-page .info-grid h3,
body.redm-detail-page .reviews-grid strong {
  color: #efdfbd;
  font-family: Georgia, "Times New Roman", serif;
}

body.redm-detail-page .section-heading p,
body.redm-detail-page .detail-feature-grid p,
body.redm-detail-page .info-grid article p,
body.redm-detail-page .info-grid aside p,
body.redm-detail-page .reviews-grid p {
  color: #aa9470;
}

body.redm-detail-page .product-video-preview {
  display: grid;
  gap: 18px;
  justify-items: center;
  margin: 0 auto 34px;
  max-width: 1040px;
}

body.redm-detail-page .product-video-link {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}

body.redm-detail-page .product-video-link svg {
  height: 20px;
  width: 20px;
}

body.redm-detail-page:not(.admin-page):not(.admin-login-page) .detail-feature-grid article,
body.redm-detail-page:not(.admin-page):not(.admin-login-page) .info-grid > *,
body.redm-detail-page:not(.admin-page):not(.admin-login-page) .reviews-grid article {
  border-color: rgba(198, 161, 91, .24) !important;
  border-radius: 3px;
  background:
    repeating-linear-gradient(0deg, rgba(239, 210, 151, .015) 0 1px, transparent 1px 6px),
    linear-gradient(150deg, rgba(58, 35, 22, .95), rgba(22, 14, 9, .98)) !important;
  box-shadow: inset 0 0 0 4px rgba(13, 7, 4, .24), 0 18px 48px rgba(7, 3, 2, .25) !important;
}

body.redm-detail-page .detail-feature-grid article div {
  color: #c99d52;
  filter: drop-shadow(0 8px 14px rgba(61, 27, 15, .42)) !important;
}

body.redm-detail-page .detail-thumbs button,
body.redm-detail-page .preview-strip > button,
body.redm-detail-page .info-grid aside button {
  color: #d9c39b;
  border-color: rgba(198, 161, 91, .22);
  border-radius: 2px;
  background: rgba(39, 23, 14, .9);
}

body.redm-detail-page .detail-thumbs button:hover,
body.redm-detail-page .preview-strip > button:hover,
body.redm-detail-page .info-grid aside button:hover,
body.redm-detail-page .info-grid aside button.active {
  color: #fff0cf;
  border-color: rgba(222, 181, 102, .52);
  background: linear-gradient(90deg, rgba(142, 63, 39, .72), rgba(84, 35, 23, .64));
  box-shadow: inset 3px 0 0 #d4aa61, 0 9px 24px rgba(31, 12, 6, .28);
}

body.redm-detail-page .thumb.active,
body.redm-detail-page .preview-strip .product-shot.active {
  border-color: #c99d52 !important;
  box-shadow: 0 0 0 2px rgba(198, 161, 91, .16), 0 18px 42px rgba(7, 3, 2, .34) !important;
}

body.redm-detail-page .info-grid article li::before,
body.redm-detail-page .info-grid aside p::before,
body.redm-detail-page .reviews-grid span {
  color: #c99d52;
}

body.redm-detail-page .details-info-section::before {
  background: rgba(142, 63, 39, .13);
}

body.redm-detail-page:not(.admin-page):not(.admin-login-page) .info-grid > .info-meta {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.redm-detail-page:not(.admin-page):not(.admin-login-page) .info-meta-card {
  border-color: rgba(198, 161, 91, .24);
  border-radius: 3px;
  background:
    repeating-linear-gradient(0deg, rgba(239, 210, 151, .015) 0 1px, transparent 1px 6px),
    linear-gradient(150deg, rgba(58, 35, 22, .95), rgba(22, 14, 9, .98));
  box-shadow: inset 0 0 0 4px rgba(13, 7, 4, .24), 0 18px 48px rgba(7, 3, 2, .25);
}

body.redm-detail-page .info-nav-intro {
  border-bottom-color: rgba(198, 161, 91, .16);
}

body.redm-detail-page .info-nav-intro small,
body.redm-detail-page .info-meta-heading small,
body.redm-detail-page .detail-tab-index {
  color: #c99d52;
}

body.redm-detail-page .detail-tab-index,
body.redm-detail-page .info-meta-heading > span {
  border-color: rgba(198, 161, 91, .22);
  border-radius: 2px;
  color: #d7b56f;
  background: rgba(107, 58, 32, .32);
}

body.redm-detail-page .info-content-card::before {
  background: linear-gradient(90deg, #8e3f27, #d4aa61 62%, transparent);
}

body.redm-detail-page .info-content-card::after {
  background: rgba(142, 63, 39, .14);
}

body.redm-detail-page .detail-info-list li {
  border-color: rgba(198, 161, 91, .15);
  border-radius: 2px;
  color: #bda984;
  background: rgba(20, 11, 7, .42);
}

body.redm-detail-page .detail-info-list li::before,
body.redm-detail-page .info-meta-list p::before {
  color: #c99d52;
}

body.redm-detail-page .info-meta-list p {
  border-bottom-color: rgba(198, 161, 91, .12);
  color: #b7a27d;
}

@media (max-width: 760px) {
  body.redm-detail-page .detail-hero {
    padding: 58px 0 48px;
  }

  body.redm-detail-page .detail-summary {
    padding: 26px 20px;
  }

  body.redm-detail-page .detail-main-shot {
    height: 330px;
  }
}