.info-section-title {
font-size: 1.2rem;
color: rgb(192, 0, 0);
}
#_main_content .catalog-item-button-wrapper button {
background: rgb(192,0,0) !important!important;
&:hover {
background: #8A0002!important;
}
}
#add_to_cart_button, .rta-map-cta .rta-cart-btn {
background: #8A0002!important;
&:hover {
background: black!important;
}
}
/* MAP strategy CTA slot (offer request / call for price) fills the purchase-card button cell */
.rta-map-cta { width: 100%; }
body .rta-pdp-column #sale_price.rta-sale-price .rta-map__price--hidden, body .rta-pdp-column .price .rta-map__price--hidden { display: inline-block !important; font-family: var(--rta-mono, 'Courier New', monospace) !important; font-size: 0.9rem !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #ff4444 !important; text-shadow: none !important; line-height: 1.4; vertical-align: middle; }
.rta-map-cta .rta__custom-btn-container { display: contents; }
body .rta-pdp-column .rta-map-cta .rta-cart-btn { background: #8a0002 !important; background-color: #8a0002 !important; color: #fff !important; }
body .rta-pdp-column .rta-map-cta .rta-cart-btn:hover { background: #000 !important; background-color: #000 !important; }
#_shopping_cart_modal {
height: 85vh !important;
}
.shopping-cart-modal-content {
height: 85vh !important;
}
button.add-to-cart, button.add-to-wishlist {
margin: 5px!important;
}
input[type=checkbox] {
height: 24px!important;
width: 24px!important;
}
#ffl_information {
width: 100%!important;
max-width: 90%!important;
}
.red-text {
color: rgb(192,0,0)!important;
font-size: 1.5rem;
font-weight: bold;
}
#_still_image_wrapper {
border: 1px solid #bbb!important;
border-radius: 10px!important;
margin-top: 0px!important;
}
#_product_details_wrapper > div {
padding: 0 15px!important;
width: 50%!important;
max-width: 50%!important;
}
#_product_details p {
margin: 0;
}
#_product_image_thumbnails .image-thumbnail {
max-width: 100%;
margin-top: 10px;
border: 1px solid #323232;
cursor: pointer;
opacity: 0.5;
text-align: center;
}
#_product_image_wrapper img {
display: block;
margin: auto;
max-height: 500px;
max-width: 100%;
background: #fff;
border-radius: 10px;
}
.catalog-item-location-availability {
display: inline-block;
font-weight: bold;
text-align: center;
font-size: .8rem;
}
.form-line label {
font-size: 1.3rem!important;
}
.form-line span.help-label {
font-size: 1.2rem!important;
}
input#add_product {
font-size: 1.2rem !important;
color: black !important;

display: inline-block; 
}
.basic-form-line label {
font-size: 1.2rem!important;
}

.rta-pdp-column {
--rta-bg-dark: #0a0a0a;
--rta-bg-card: #161616;
--rta-bg-card-deep: #0d0d0d;
--rta-red-primary: #ff4444;
--rta-red-deep: #c62828;
--rta-red-blood: #1a0505;
--rta-red-maroon: #2a0808;
--rta-amber: #ffa500;
--rta-amber-dim: #2a1a05;
--rta-green-op: #00ff88;
--rta-text-primary: #ffffff;
--rta-text-secondary: rgba(255, 255, 255, 0.88);
--rta-text-muted: rgba(255, 255, 255, 0.6);
--rta-text-redtint: rgba(255, 68, 68, 0.65);
--rta-divider-red: rgba(255, 68, 68, 0.2);
--rta-mono: 'Courier New', 'Consolas', monospace;
}
.rta-pdp-column {
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
color: var(--rta-text-secondary) !important;
box-sizing: border-box !important;
padding: 0 !important;
}
.rta-pdp-column *,
.rta-pdp-column *::before,
.rta-pdp-column *::after { box-sizing: border-box !important; }
.rta-pdp-column .rta-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}

body .rta-pdp-column i.fa-solid,
body .rta-pdp-column i.fas,
body .rta-pdp-column i.fa {
font-family: "Font Awesome 6 Free" !important;
font-weight: 900 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}

body .rta-pdp-column tbody,
body .rta-pdp-column tr,
body .rta-pdp-column tr:nth-child(odd),
body .rta-pdp-column tr:nth-child(even),
body .rta-pdp-column tbody tr,
body .rta-pdp-column tbody tr:nth-child(odd),
body .rta-pdp-column tbody tr:nth-child(even) {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
}

body .rta-pdp-column #sale_price.rta-sale-price {
font-size: 2.4rem !important;
font-weight: 900 !important;
color: var(--rta-text-primary) !important;
line-height: 1 !important;
letter-spacing: -0.5px !important;
display: inline-block !important;
background: transparent !important;
background-color: transparent !important;
margin: 0 !important;
}

body .rta-pdp-column #original_sale_price.rta-original-price {
font-family: var(--rta-mono) !important;
color: var(--rta-text-redtint) !important;
font-size: 1.1rem !important;
text-decoration: line-through !important;
font-weight: 700 !important;
background: transparent !important;
background-color: transparent !important;
}

body .rta-pdp-column .rta-card {
background: var(--rta-bg-card) !important;
background-color: var(--rta-bg-card) !important;
background-image: radial-gradient(circle at 2px 2px, rgba(255, 68, 68, 0.04) 1px, transparent 1px) !important;
background-size: 18px 18px !important;
border: 1px solid var(--rta-red-primary) !important;
border-top: 3px solid var(--rta-red-primary) !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
position: relative !important;
}
body .rta-pdp-column .rta-card-section {
padding: 14px 20px !important;
}
body .rta-pdp-column .rta-card-divider {
height: 0 !important;
line-height: 0 !important;
border-bottom: 1px solid var(--rta-divider-red) !important;
margin: 0 !important;
padding: 0 !important;
}

body .rta-pdp-column .rta-section-header {
font-family: var(--rta-mono) !important;
font-size: 0.78rem !important;
color: var(--rta-red-primary) !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
margin: 0 0 12px 0 !important;
font-weight: 700 !important;
display: block !important;
}
body .rta-pdp-column .rta-section-header-row {
display: block !important;
margin: 0 0 12px 0 !important;
overflow: hidden !important;
}
body .rta-pdp-column .rta-section-header-row .rta-section-header {
float: left !important;
margin: 0 !important;
}
body .rta-pdp-column .rta-section-header-row .rta-secure-tag {
float: right !important;
font-family: var(--rta-mono) !important;
color: var(--rta-green-op) !important;
font-size: 0.78rem !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
font-weight: 700 !important;
}
body .rta-pdp-column .rta-section-header-row .rta-secure-tag i {
margin-right: 6px !important;
}

body .rta-pdp-column .rta-section-title {
position: relative !important;
overflow: hidden !important;
}
body .rta-pdp-column .rta-section-title::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(255, 68, 68, 0.9) 40%, #ffffff 50%, rgba(255, 68, 68, 0.9) 60%, transparent) !important;
animation: rta-scan 5s linear infinite !important;
z-index: 2 !important;
pointer-events: none !important;
}
@keyframes rta-scan { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
body .rta-pdp-column .rta-mfr-meta {
font-family: var(--rta-mono) !important;
font-size: 0.82rem !important;
color: var(--rta-red-primary) !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
margin: 0 0 6px 0 !important;
font-weight: 700 !important;
}
body .rta-pdp-column .rta-product-name {
font-size: 1.65rem !important;
font-weight: 900 !important;
color: var(--rta-text-primary) !important;
text-transform: uppercase !important;
line-height: 1.25 !important;
margin: 0 !important;
letter-spacing: 0.2px !important;
}

body .rta-image-mfr-plaque {
background: #ffffff !important;
background-color: #ffffff !important;
padding: 16px 20px !important;
border-bottom: 3px solid #ff4444 !important;
text-align: center !important;
margin: 0 0 12px 0 !important;
box-sizing: border-box !important;
line-height: 0 !important;
}
body .rta-image-mfr-plaque a {
display: inline-block !important;
line-height: 0 !important;
text-decoration: none !important;
}
body .rta-image-mfr-plaque img {
max-height: 170px !important;
max-width: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: inline-block !important;
margin: 0 !important;
vertical-align: middle !important;
}

body #_product_image_thumbnails {
display: block !important;
white-space: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
text-align: left !important;
line-height: 0 !important;
width: 100% !important;
}
body #_product_image_thumbnails > *,
body #_product_image_thumbnails div,
body #_product_image_thumbnails li,
body #_product_image_thumbnails p,
body #_product_image_thumbnails span {
display: inline-block !important;
vertical-align: top !important;
float: none !important;
clear: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body #_product_image_thumbnails a {
display: inline-block !important;
vertical-align: top !important;
float: none !important;
clear: none !important;
margin: 0 6px 6px 0 !important;
line-height: 0 !important;
}
body #_product_image_thumbnails img {
display: block !important;
margin: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
body #_product_image_thumbnails br {
display: none !important;
}
body #_product_image_thumbnails ul,
body #_product_image_thumbnails ol {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: inline !important;
white-space: nowrap !important;
}

body .rta-image-carousel {
background: #ffffff !important;
border: 1px solid #ff4444 !important;
margin: 0 0 14px 0 !important;
overflow: hidden !important;
position: relative !important;
box-sizing: border-box !important;
}
body .rta-image-carousel .rta-carousel-hud {
background: #0a0a0a !important;
background-color: #0a0a0a !important;
color: #ffffff !important;
padding: 10px 14px !important;
font-family: 'Courier New', 'Consolas', monospace !important;
font-size: 0.78rem !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
font-weight: 700 !important;
border-bottom: 2px solid #ff4444 !important;
overflow: hidden !important;
line-height: 1.4 !important;
}
body .rta-image-carousel .rta-hud-label {
float: left !important;
color: #ff4444 !important;
}
body .rta-image-carousel .rta-hud-status {
display: inline-block !important;
margin-left: 16px !important;
color: rgba(255,255,255,0.7) !important;
font-size: 0.7rem !important;
letter-spacing: 1.2px !important;
vertical-align: middle !important;
}
body .rta-image-carousel .rta-hud-dot {
display: inline-block !important;
width: 8px !important;
height: 8px !important;
background: #00ff88 !important;
border-radius: 50% !important;
box-shadow: 0 0 6px #00ff88 !important;
margin-right: 6px !important;
vertical-align: middle !important;
animation: rta-hud-pulse 2s ease-in-out infinite !important;
}
@keyframes rta-hud-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
body .rta-image-carousel .rta-hud-counter {
float: right !important;
color: #ffffff !important;
}
body .rta-image-carousel .rta-counter-current,
body .rta-image-carousel .rta-counter-total {
color: #ff4444 !important;
font-weight: 900 !important;
}
body .rta-image-carousel .rta-counter-sep {
margin: 0 4px !important;
color: rgba(255,255,255,0.5) !important;
}
body .rta-image-carousel .rta-carousel-stage {
position: relative !important;
background: #ffffff !important;
padding: 12px !important;
min-height: 200px !important;
cursor: zoom-in !important;
}
body .rta-image-carousel .rta-corner {
position: absolute !important;
width: 22px !important;
height: 22px !important;
border-color: #ff4444 !important;
border-style: solid !important;
border-width: 0 !important;
pointer-events: none !important;
z-index: 5 !important;
animation: rta-corner-pulse 2.5s ease-in-out infinite !important;
}
@keyframes rta-corner-pulse {
0%, 100% { opacity: 0.8; filter: drop-shadow(0 0 0 rgba(255,68,68,0)); }
50% { opacity: 1; filter: drop-shadow(0 0 4px rgba(255,68,68,0.6)); }
}
body .rta-image-carousel .rta-carousel-stage .rta-corner-tl { top: 8px !important; left: 8px !important; border-top-width: 2px !important; border-left-width: 2px !important; }
body .rta-image-carousel .rta-carousel-stage .rta-corner-tr { top: 8px !important; right: 8px !important; border-top-width: 2px !important; border-right-width: 2px !important; }
body .rta-image-carousel .rta-carousel-stage .rta-corner-bl { bottom: 8px !important; left: 8px !important; border-bottom-width: 2px !important; border-left-width: 2px !important; }
body .rta-image-carousel .rta-carousel-stage .rta-corner-br { bottom: 8px !important; right: 8px !important; border-bottom-width: 2px !important; border-right-width: 2px !important; }
body .rta-image-carousel .rta-nav-arrow {
background: #8a0002 !important;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 44px !important;
height: 44px !important;
color: #fff !important;
border: 2px solid #ff4444 !important;
border-radius: 0 !important;
font-size: 1rem !important;
cursor: pointer !important;
opacity: 0 !important;
transition: opacity 0.25s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
z-index: 15 !important;
padding: 0 !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body .rta-image-carousel:hover .rta-nav-arrow { opacity: 1 !important; }
body .rta-image-carousel .rta-nav-prev { left: 14px !important; }
body .rta-image-carousel .rta-nav-next { right: 14px !important; }
body .rta-image-carousel .rta-nav-arrow:hover {
background: #ffffff !important;
background-color: #ffffff !important;
transform: translateY(-50%) scale(1.1) !important;
box-shadow: 0 0 18px rgba(255, 68, 68, 0.8) !important;
}
body .rta-image-carousel .rta-zoom-hint {
position: absolute !important;
top: 18px !important;
right: 40px !important;
background: rgba(10, 10, 10, 0.9) !important;
background-color: rgba(10, 10, 10, 0.9) !important;
color: #ff4444 !important;
padding: 6px 11px !important;
font-family: 'Courier New', monospace !important;
font-size: 0.7rem !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
font-weight: 700 !important;
border: 1px solid #ff4444 !important;
opacity: 0 !important;
transition: opacity 0.3s ease !important;
pointer-events: none !important;
z-index: 10 !important;
}
body .rta-image-carousel:hover .rta-zoom-hint { opacity: 1 !important; }
body .rta-image-carousel .rta-zoom-hint i { margin-right: 5px !important; }
body .rta-image-carousel #primary_product_image {
transition: opacity 0.18s ease !important;
}
body .rta-image-carousel.swapping #primary_product_image { opacity: 0 !important; }
body .rta-image-carousel #_product_primary_image,
body .rta-image-carousel #_product_image,
body .rta-image-carousel a#_product_image,
body .rta-image-carousel #primary_product_image {
border: none !important;
box-shadow: none !important;
background: transparent !important;
background-color: transparent !important;
padding: 0 !important;
outline: none !important;
}
body .rta-image-carousel #primary_product_image {
display: block !important;
margin: 0 auto !important;
max-width: 100% !important;
height: auto !important;
}
body .rta-image-carousel #_image_disclaimer {
background: linear-gradient(135deg, rgba(255, 240, 200, 0.95) 0%, rgba(255, 230, 180, 0.92) 100%) !important;
background-color: rgba(255, 240, 200, 0.95) !important;
border: 1px solid rgba(255, 165, 0, 0.5) !important;
border-left: 4px solid #ffa500 !important;
color: #4a3000 !important;
font-size: 0.85rem !important;
font-style: normal !important;
font-weight: 500 !important;
text-align: left !important;
padding: 10px 14px !important;
line-height: 1.5 !important;
margin: 16px 0 0 0 !important;
font-family: 'Segoe UI', Roboto, sans-serif !important;
}
body .rta-image-carousel #_image_disclaimer strong {
color: #c84300 !important;
text-transform: uppercase !important;
font-weight: 900 !important;
letter-spacing: 0.8px !important;
margin-right: 6px !important;
font-family: 'Courier New', monospace !important;
font-size: 0.82rem !important;
}
body .rta-image-carousel .rta-thumbs-bar {
background: #0a0a0a !important;
background-color: #0a0a0a !important;
padding: 12px 14px !important;
border-top: 1px solid rgba(255, 68, 68, 0.4) !important;
overflow-x: auto !important;
white-space: nowrap !important;
}
body .rta-image-carousel #_product_image_thumbnails {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
white-space: nowrap !important;
}
body .rta-image-carousel #_product_image_thumbnails a {
display: inline-block !important;
width: 70px !important;
height: 70px !important;
margin: 0 8px 0 0 !important;
padding: 0 !important;
border: 2px solid rgba(255, 255, 255, 0.15) !important;
background: #ffffff !important;
background-color: #ffffff !important;
text-decoration: none !important;
vertical-align: middle !important;
transition: all 0.2s ease !important;
overflow: hidden !important;
position: relative !important;
box-sizing: border-box !important;
line-height: 0 !important;
}
body .rta-image-carousel #_product_image_thumbnails a:last-child { margin-right: 0 !important; }
body .rta-image-carousel #_product_image_thumbnails a:hover {
border-color: rgba(255, 68, 68, 0.7) !important;
transform: scale(1.06) !important;
}
body .rta-image-carousel #_product_image_thumbnails a.active-thumbnail {
border-color: #ff4444 !important;
box-shadow: 0 0 12px rgba(255, 68, 68, 0.7) !important;
transform: scale(1.08) !important;
}
body .rta-image-carousel #_product_image_thumbnails img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
margin: 0 !important;
}
body .rta-image-carousel .rta-360-bar {
background: #0a0a0a !important;
background-color: #0a0a0a !important;
padding: 14px 16px !important;
text-align: center !important;
border-top: 1px solid rgba(255, 68, 68, 0.4) !important;
}
body .rta-image-carousel .rta-360-btn {
display: inline-block !important;
background: transparent !important;
background-color: transparent !important;
color: #ff4444 !important;
border: 1px solid #ff4444 !important;
padding: 10px 24px !important;
font-family: 'Courier New', monospace !important;
font-size: 0.85rem !important;
letter-spacing: 1.5px !important;
text-decoration: none !important;
text-transform: uppercase !important;
font-weight: 700 !important;
transition: all 0.2s ease !important;
}
body .rta-image-carousel .rta-360-btn:hover {
background: #c00000 !important;
color: #fff !important;
box-shadow: 0 0 14px rgba(255, 68, 68, 0.6) !important;
}
body .rta-image-carousel .rta-360-btn i { margin-right: 8px !important; }

body .rta-lightbox {
display: none !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 999999 !important;
background: rgba(0, 0, 0, 0.96) !important;
background-color: rgba(0, 0, 0, 0.96) !important;
background-image:
linear-gradient(rgba(255,68,68,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,68,68,0.04) 1px, transparent 1px) !important;
background-size: 40px 40px !important;
overflow: hidden !important;
}
body .rta-lightbox.rta-lightbox-open {
display: block !important;
animation: rta-lb-fadein 0.25s ease !important;
}
@keyframes rta-lb-fadein { from { opacity: 0; } to { opacity: 1; } }
body .rta-lightbox .rta-lightbox-container {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 92% !important;
max-width: 1200px !important;
height: 92vh !important;
}
body .rta-lightbox .rta-lightbox-hud {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
background: #0a0a0a !important;
background-color: #0a0a0a !important;
padding: 12px 18px !important;
font-family: 'Courier New', monospace !important;
font-size: 0.85rem !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
font-weight: 700 !important;
border: 1px solid #ff4444 !important;
border-bottom: 2px solid #ff4444 !important;
color: #ffffff !important;
overflow: hidden !important;
z-index: 5 !important;
}
body .rta-lightbox .rta-lightbox-label { float: left !important; color: #ff4444 !important; }
body .rta-lightbox .rta-lightbox-counter { color: #ffffff !important; }
body .rta-lightbox .rta-lb-current,
body .rta-lightbox .rta-lb-total { color: #ff4444 !important; font-weight: 900 !important; }
body .rta-lightbox .rta-lightbox-close {
float: right !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
color: #ff4444 !important;
font-size: 1.4rem !important;
cursor: pointer !important;
padding: 0 8px !important;
margin: -4px 0 -4px 16px !important;
font-weight: 900 !important;
transition: transform 0.2s ease, color 0.2s ease !important;
line-height: 1 !important;
}
body .rta-lightbox .rta-lightbox-close:hover {
color: #ffffff !important;
transform: scale(1.2) rotate(90deg) !important;
}
body .rta-lightbox .rta-lightbox-stage {
position: absolute !important;
top: 50px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
border: 1px solid #ff4444 !important;
border-top: none !important;
background: #ffffff !important;
background-color: #ffffff !important;
overflow: hidden !important;
}
body .rta-lightbox .rta-corner-lg {
position: absolute !important;
width: 40px !important;
height: 40px !important;
border-color: #ff4444 !important;
border-style: solid !important;
border-width: 0 !important;
pointer-events: none !important;
z-index: 5 !important;
animation: rta-corner-pulse 2.5s ease-in-out infinite !important;
}
body .rta-lightbox .rta-corner-lg.rta-corner-tl { top: 16px !important; left: 16px !important; border-top-width: 3px !important; border-left-width: 3px !important; }
body .rta-lightbox .rta-corner-lg.rta-corner-tr { top: 16px !important; right: 16px !important; border-top-width: 3px !important; border-right-width: 3px !important; }
body .rta-lightbox .rta-corner-lg.rta-corner-bl { bottom: 16px !important; left: 16px !important; border-bottom-width: 3px !important; border-left-width: 3px !important; }
body .rta-lightbox .rta-corner-lg.rta-corner-br { bottom: 16px !important; right: 16px !important; border-bottom-width: 3px !important; border-right-width: 3px !important; }
body .rta-lightbox .rta-lightbox-image {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
max-width: calc(100% - 100px) !important;
max-height: calc(100% - 80px) !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
transition: opacity 0.2s ease !important;
}
body .rta-lightbox.swapping .rta-lightbox-image { opacity: 0 !important; }
body .rta-lightbox .rta-lightbox-prev,
body .rta-lightbox .rta-lightbox-next {
background: #8a0002 !important;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 56px !important;
height: 56px !important;
color: #fff !important;
border: 2px solid #ff4444 !important;
border-radius: 0 !important;
font-size: 1.2rem !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
z-index: 10 !important;
padding: 0 !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body .rta-lightbox .rta-lightbox-prev { left: 28px !important; }
body .rta-lightbox .rta-lightbox-next { right: 28px !important; }
body .rta-lightbox .rta-lightbox-prev:hover,
body .rta-lightbox .rta-lightbox-next:hover {
background: #ffffff !important;
background-color: #ffffff !important;
transform: translateY(-50%) scale(1.1) !important;
box-shadow: 0 0 24px rgba(255, 68, 68, 0.9) !important;
}

body .rta-pdp-column .rta-data-rows {
width: 100% !important;
border-collapse: collapse !important;
background: transparent !important;
table-layout: fixed !important;
}
body .rta-pdp-column .rta-data-rows td {
padding: 8px 0 !important;
border: none !important;
font-family: var(--rta-mono) !important;
font-size: 0.95rem !important;
background: transparent !important;
vertical-align: middle !important;
}
body .rta-pdp-column .rta-data-rows tr + tr td {
border-top: 1px solid rgba(255, 68, 68, 0.12) !important;
}
body .rta-pdp-column .rta-data-label {
color: var(--rta-text-muted) !important;
letter-spacing: 1.5px !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
width: 80px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body .rta-pdp-column .rta-data-value {
color: var(--rta-text-primary) !important;
text-align: left !important;
word-break: break-all !important;
padding-right: 8px !important;
font-weight: 700 !important;
}
body .rta-pdp-column .rta-data-btn-cell {
width: 72px !important;
text-align: right !important;
padding-left: 0 !important;
}

body .rta-pdp-column .rta-copy-btn {
background: #8a0002 !important;
border: 1px solid var(--rta-red-primary) !important;
color: #fff !important;
padding: 6px 14px !important;
cursor: pointer !important;
font-size: 0.78rem !important;
font-family: var(--rta-mono) !important;
letter-spacing: 1.5px !important;
font-weight: 900 !important;
transition: all 0.2s ease !important;
vertical-align: middle !important;
border-radius: 0 !important;
display: inline-block !important;
text-transform: uppercase !important;
}
body .rta-pdp-column .rta-copy-btn:hover {
background: var(--rta-text-primary) !important;
background-color: var(--rta-text-primary) !important;
border-color: var(--rta-text-primary) !important;
color: #000 !important;
box-shadow: 0 0 12px rgba(255, 68, 68, 0.5) !important;
}
body .rta-pdp-column .rta-copy-btn.rta-copy-success {
background: var(--rta-green-op) !important;
background-color: var(--rta-green-op) !important;
border-color: var(--rta-green-op) !important;
color: #000 !important;
}

body .rta-pdp-column .rta-section-availability {
border-left: 4px solid var(--rta-green-op) !important;
padding-left: 18px !important;
background: var(--rta-bg-card-deep) !important;
background-color: var(--rta-bg-card-deep) !important;
overflow: visible !important;        
}
body .rta-pdp-column .rta-section-availability.low {
border-left-color: var(--rta-amber) !important;
}
body .rta-pdp-column .rta-section-availability.unavailable {
border-left-color: var(--rta-red-primary) !important;
}
body .rta-pdp-column .rta-section-availability .rta-avail-row {
display: flow-root !important;       
}
body .rta-pdp-column .rta-avail-dot {
display: inline-block !important;
width: 11px !important;
height: 11px !important;
background: var(--rta-green-op) !important;
border-radius: 50% !important;
box-shadow: 0 0 8px var(--rta-green-op) !important;
animation: rta-pulse-dot 2s ease-in-out infinite !important;
margin-right: 12px !important;
vertical-align: middle !important;
}
body .rta-pdp-column .rta-section-availability.low .rta-avail-dot {
background: var(--rta-amber) !important;
box-shadow: 0 0 8px var(--rta-amber) !important;
}
body .rta-pdp-column .rta-section-availability.unavailable .rta-avail-dot {
background: var(--rta-red-primary) !important;
box-shadow: 0 0 8px var(--rta-red-primary) !important;
animation: none !important;
}
@keyframes rta-pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
body .rta-pdp-column .rta-avail-text {
font-family: var(--rta-mono) !important;
font-size: 0.95rem !important;
color: var(--rta-text-primary) !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
vertical-align: middle !important;
display: inline-block !important;
}
body .rta-pdp-column .rta-avail-text strong {
color: var(--rta-green-op) !important;
font-weight: 700 !important;
}
body .rta-pdp-column .rta-section-availability.low .rta-avail-text strong {
color: var(--rta-amber) !important;
}
body .rta-pdp-column .rta-section-availability.unavailable .rta-avail-text strong {
color: var(--rta-red-primary) !important;
}
body .rta-pdp-column .rta-avail-info-wrap {
float: right !important;
margin-top: 2px !important;
}
body .rta-pdp-column .rta-info-icon-wrap {
position: relative !important;
display: inline-block !important;
cursor: help !important;
}
body .rta-pdp-column .rta-info-icon {
color: var(--rta-amber) !important;
font-size: 1.1rem !important;
transition: transform 0.2s, color 0.2s !important;
}
body .rta-pdp-column .rta-info-icon-wrap:hover .rta-info-icon,
body .rta-pdp-column .rta-info-icon-wrap:focus .rta-info-icon {
transform: scale(1.15) !important;
color: var(--rta-red-primary) !important;
}
body .rta-pdp-column .rta-info-tooltip {
display: none !important;
position: absolute !important;
bottom: calc(100% + 10px) !important;
right: 0 !important;
left: auto !important;
width: 240px !important;
max-width: calc(100vw - 24px) !important;
background: #0d0d0d !important;
background-color: #0d0d0d !important;
background-image: none !important;
color: rgba(255,255,255,0.88) !important;
padding: 10px 14px !important;
border: 1px solid var(--rta-red-primary) !important;
border-left: 4px solid var(--rta-red-primary) !important;
font-size: 0.88rem !important;
line-height: 1.45 !important;
text-align: left !important;
text-transform: none !important;
letter-spacing: 0.2px !important;
z-index: 9999 !important;
box-shadow: 0 6px 20px rgba(0,0,0,0.85) !important;
pointer-events: none !important;
font-family: 'Segoe UI', Roboto, sans-serif !important;
transform: translateZ(0) !important;
will-change: transform !important;
font-weight: 400 !important;
}
body .rta-pdp-column .rta-info-icon-wrap:hover .rta-info-tooltip,
body .rta-pdp-column .rta-info-icon-wrap:focus .rta-info-tooltip {
display: block !important;
}
body .rta-pdp-column .rta-admin-qty {
font-family: var(--rta-mono) !important;
font-size: 0.85rem !important;
color: var(--rta-amber) !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin: 0 0 12px 0 !important;
padding: 10px 14px !important;
background: rgba(255,165,0,0.08) !important;
border-left: 3px solid var(--rta-amber) !important;
}
body .rta-pdp-column .rta-section-variants {

}
body .rta-pdp-column .rta-section-variants:empty {
display: none !important;
padding: 0 !important;
}
body .rta-pdp-column .rta-section-map {
padding: 0 20px !important;
}
body .rta-pdp-column .rta-section-map:empty {
display: none !important;
padding: 0 !important;
}
body .rta-pdp-column .rta-section-pricing { }
body .rta-pdp-column .rta-original-price-wrap { margin: 0 0 4px 0 !important; padding: 0 !important; }
body .rta-pdp-column .rta-original-price {
font-family: var(--rta-mono) !important;
color: var(--rta-text-redtint) !important;
font-size: 1.1rem !important;
text-decoration: line-through !important;
font-weight: 700 !important;
}
body .rta-pdp-column .rta-original-price:empty { display: none !important; }
body .rta-pdp-column .rta-sale-price-row {
border-collapse: collapse !important;
background: transparent !important;
margin: 0 0 8px 0 !important;
width: auto !important;
}
body .rta-pdp-column .rta-sale-price-row td {
background: transparent !important;
border: none !important;
padding: 0 14px 0 0 !important;
vertical-align: baseline !important;
}
body .rta-pdp-column .rta-sale-price-row td.rta-tax-tag-cell {
padding-right: 0 !important;
vertical-align: middle !important;
}
body .rta-pdp-column .rta-sale-price {
font-size: 2.4rem !important;
font-weight: 900 !important;
color: var(--rta-text-primary) !important;
line-height: 1 !important;
letter-spacing: -0.5px !important;
display: inline-block !important;
}
/* Tax note = tag badge recipe at 1.5x (11px → 16.5px), green, dollar glyph. */
body .rta-pdp-column .rta-card-purchase .rta-tag-badge.rta-tax-badge {
font-size: 16.5px !important;
letter-spacing: 2.4px !important;
gap: 9px !important;
padding: 9px 15px 9px 12px !important;
border-left-width: 4px !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
body .rta-pdp-column .rta-card-purchase .rta-tag-badge.rta-tax-badge svg {
width: 20px !important;
height: 20px !important;
}
/* Knock-out under the slash: the badge tint (13% of --c) composited on the card (#161616). */
body .rta-pdp-column .rta-card-purchase .rta-tag-badge.rta-tax-badge .rta-tag-badge-ico-halo {
stroke: color-mix(in srgb, var(--c) 13%, #161616) !important;
}
body .rta-pdp-column .rta-price-fineprint {
font-size: 0.82rem !important;
color: var(--rta-text-primary) !important;
font-style: italic !important;
margin: 6px 0 0 0 !important;
font-family: var(--rta-mono) !important;
letter-spacing: 0.3px !important;
}
body .rta-pdp-column .rta-best-price-text {
display: inline-block !important;
margin-left: 8px !important;
color: var(--rta-amber) !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
font-family: var(--rta-mono) !important;
letter-spacing: 0.5px !important;
}
body .rta-pdp-column .rta-section-loyalty {
background: rgba(255, 165, 0, 0.06) !important;
background-color: rgba(255, 165, 0, 0.06) !important;
border-left: 4px solid var(--rta-amber) !important;
padding: 12px 18px !important;
}
body .rta-pdp-column .rta-loyalty {
display: none;
text-decoration: none !important;
color: var(--rta-text-secondary) !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
width: 100% !important;
overflow: hidden !important;
}
body .rta-pdp-column .rta-loyalty.show { display: block !important; }
body .rta-pdp-column .rta-loyalty:hover .rta-loyalty-arrow {
transform: translateX(4px) !important;
color: var(--rta-amber) !important;
}
body .rta-pdp-column .rta-loyalty-icon {
color: var(--rta-amber) !important;
font-size: 1.4rem !important;
margin-right: 12px !important;
vertical-align: middle !important;
float: left !important;
margin-top: 2px !important;
}
body .rta-pdp-column .rta-loyalty-text {
font-family: var(--rta-mono) !important;
font-size: 0.95rem !important;
letter-spacing: 0.5px !important;
color: var(--rta-text-primary) !important;
vertical-align: middle !important;
display: inline-block !important;
}
body .rta-pdp-column .rta-loyalty-text strong { color: var(--rta-amber) !important; font-weight: 700 !important; }
body .rta-pdp-column .rta-loyalty-arrow {
color: var(--rta-red-primary) !important;
font-size: 1.1rem !important;
float: right !important;
margin-top: 2px !important;
transition: transform 0.2s, color 0.2s !important;
}

body .rta-pdp-column .rta-section-sezzle {
padding: 14px 20px !important;
background: transparent !important;
}
body .rta-pdp-column #_checkout_sezzle_wrapper {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #ffffff !important;
background-color: #ffffff !important;
color: #000000 !important;
border: 1px solid var(--rta-red-primary) !important;
box-sizing: border-box !important;
font-family: 'Segoe UI', Roboto, sans-serif !important;
font-size: 0.95rem !important;
line-height: 1.6 !important;
text-align: left !important;
overflow: hidden !important;
}
body .rta-pdp-column #_checkout_sezzle_wrapper b,
body .rta-pdp-column #_checkout_sezzle_wrapper strong {
color: var(--rta-red-primary) !important;
font-weight: 900 !important;
background: transparent !important;
font-size: 1.05rem !important;
}
body .rta-pdp-column #_checkout_sezzle_wrapper a {
color: var(--rta-red-primary) !important;
text-decoration: none !important;
font-weight: 700 !important;
margin-left: 8px !important;
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
}
body .rta-pdp-column #_checkout_sezzle_wrapper a:hover {
text-decoration: underline !important;
}
body .rta-pdp-column #_checkout_sezzle_wrapper img {
height: 22px !important;
width: auto !important;
vertical-align: middle !important;
margin: 0 4px !important;
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
}
body .rta-pdp-column .rta-section-makeoffer {
text-align: center !important;
}
body .rta-pdp-column .rta-make-offer {
margin: 0 !important;
text-align: center !important;
}
body .rta-pdp-column .rta-make-offer button {
background: transparent !important;
background-color: transparent !important;
color: var(--rta-text-secondary) !important;
border: 2px solid var(--rta-red-primary) !important;
font-family: var(--rta-mono) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 0.88rem !important;
padding: 10px 24px !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
body .rta-pdp-column .rta-make-offer button:hover {
background: #c00000 !important;
color: #fff !important;
}

body .rta-pdp-column .rta-section-action {
padding: 16px 20px 16px 20px !important;
}
body .rta-pdp-column .rta-action-row {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 10px 0 !important;
background: transparent !important;
margin: 0 -10px 12px -10px !important;
table-layout: fixed !important;
}
body .rta-pdp-column .rta-action-row td {
background: transparent !important;
border: none !important;
padding: 0 !important;
vertical-align: middle !important;
}
body .rta-pdp-column .rta-qty-cell { width: 150px !important; }

body .rta-pdp-column .rta-qty-control {
width: 100% !important;
background: var(--rta-bg-dark) !important;
background-color: var(--rta-bg-dark) !important;
border: 2px solid var(--rta-red-primary) !important;
border-collapse: collapse !important;
table-layout: fixed !important;
transition: border-color 0.2s ease, opacity 0.2s ease, filter 0.2s ease !important;
}
body .rta-pdp-column .rta-qty-control td {
background: var(--rta-bg-dark) !important;
background-color: var(--rta-bg-dark) !important;
padding: 0 !important;
border: none !important;
text-align: center !important;
vertical-align: middle !important;
}
body .rta-pdp-column .rta-qty-btn-cell { width: 40px !important; }
body .rta-pdp-column .rta-qty-input-cell {
border-left: 1px solid var(--rta-red-primary) !important;
border-right: 1px solid var(--rta-red-primary) !important;
}
body .rta-pdp-column .rta-qty-btn {
width: 100% !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
color: var(--rta-red-primary) !important;
font-size: 1.5rem !important;
font-weight: 900 !important;
cursor: pointer !important;
padding: 13px 0 !important;
transition: background 0.15s !important;
font-family: var(--rta-mono) !important;
line-height: 1 !important;
}
body .rta-pdp-column .rta-qty-btn:hover {
background: #c00000 !important;
color: #fff !important;
}
body .rta-pdp-column .rta-qty-input {
width: 100% !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
color: var(--rta-text-primary) !important;
text-align: center !important;
font-family: var(--rta-mono) !important;
font-size: 1.2rem !important;
font-weight: 900 !important;
padding: 13px 0 !important;
line-height: 1 !important;
}
body .rta-pdp-column .rta-qty-input:focus {
outline: none !important;
background: rgba(255,68,68,0.08) !important;
}

body .rta-pdp-column .rta-qty-control.rta-qty-disabled {
border-color: rgba(255, 68, 68, 0.3) !important;
opacity: 0.5 !important;
filter: saturate(0.4) !important;
cursor: not-allowed !important;
pointer-events: none !important;
}
body .rta-pdp-column .rta-qty-control.rta-qty-disabled .rta-qty-input-cell {
border-left-color: rgba(255, 68, 68, 0.3) !important;
border-right-color: rgba(255, 68, 68, 0.3) !important;
}
body .rta-pdp-column .rta-qty-control.rta-qty-disabled .rta-qty-btn {
color: rgba(255, 68, 68, 0.4) !important;
cursor: not-allowed !important;
}
body .rta-pdp-column .rta-qty-control.rta-qty-disabled .rta-qty-btn:hover {
background: transparent !important;
color: rgba(255, 68, 68, 0.4) !important;
}
body .rta-pdp-column .rta-qty-control.rta-qty-disabled .rta-qty-input {
color: rgba(255, 255, 255, 0.4) !important;
cursor: not-allowed !important;
}

body .rta-pdp-column .rta-cart-btn {
display: block !important;
width: 100% !important;
padding: 17px 20px !important;
background: transparent !important;
background-color: transparent !important;
color: #ffffff !important;
border: 2px solid var(--rta-red-primary) !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-size: 1rem !important;
cursor: pointer !important;
transition: background 0.25s ease, transform 0.15s ease !important;
font-family: var(--rta-mono) !important;
text-decoration: none !important;
text-align: center !important;
line-height: 1 !important;
border-radius: 0 !important;
animation: rta-cart-glow 3s ease-in-out infinite !important;
}
body .rta-pdp-column #add_to_cart_button.rta-cart-btn {
color: #ffffff !important;
animation: rta-cart-glow 3s ease-in-out infinite !important;
}
@keyframes rta-cart-glow {
0%, 100% {
text-shadow:
0 0 4px rgba(255, 255, 255, 0.5),
0 0 10px rgba(255, 68, 68, 0.4),
0 0 16px rgba(255, 68, 68, 0.25);
}
50% {
text-shadow:
0 0 8px rgba(255, 255, 255, 1),
0 0 18px rgba(255, 68, 68, 0.8),
0 0 28px rgba(255, 68, 68, 0.5),
0 0 40px rgba(255, 68, 68, 0.3);
}
}
body .rta-pdp-column .rta-cart-btn:hover,
body .rta-pdp-column button.rta-cart-btn:hover,
body .rta-pdp-column #add_to_cart_button.rta-cart-btn:hover {
background: #c00000 !important;
color: #fff !important;
animation: none !important;
text-shadow:
0 0 8px rgba(255, 255, 255, 1),
0 0 16px rgba(255, 255, 255, 0.6),
0 0 24px rgba(255, 255, 255, 0.3) !important;
box-shadow:
0 0 18px rgba(255, 68, 68, 0.7),
0 0 36px rgba(255, 68, 68, 0.35) !important;
transform: translateY(-1px) !important;
}
body .rta-pdp-column .rta-cart-btn.strict_map {
color: var(--rta-amber) !important;
border-color: var(--rta-amber) !important;
}
body .rta-pdp-column .rta-cart-btn.strict_map:hover {
background: var(--rta-amber) !important;
background-color: var(--rta-amber) !important;
color: #000 !important;
box-shadow: 0 0 18px rgba(255, 165, 0, 0.6) !important;
}
body .rta-pdp-column .rta-cart-btn.no_online_order {
background: var(--rta-amber) !important;
background-color: var(--rta-amber) !important;
color: #000 !important;
border-color: var(--rta-amber) !important;
}
body .rta-pdp-column .rta-cart-btn.no_online_order:hover {
background: #c00000 !important;
border-color: var(--rta-red-primary) !important;
color: #fff !important;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.35) !important;
box-shadow: 0 0 18px rgba(255, 68, 68, 0.6) !important;
}
body .rta-pdp-column .rta-cart-btn.out_of_stock,
body .rta-pdp-column #add_to_cart_button.rta-cart-btn.out_of_stock {
color: rgba(255,255,255,0.4) !important;
border-color: rgba(255,68,68,0.3) !important;
cursor: not-allowed !important;
background: transparent !important;
animation: none !important;
text-shadow: none !important;
}
body .rta-pdp-column .rta-cart-btn.out_of_stock:hover {
background: transparent !important;
color: rgba(255,255,255,0.4) !important;
box-shadow: none !important;
border-color: rgba(255,68,68,0.3) !important;
transform: none !important;
}
body .rta-pdp-column .rta-wishlist-btn {
display: block !important;
width: 100% !important;
padding: 12px 22px !important;
background: transparent !important;
background-color: transparent !important;
color: var(--rta-text-secondary) !important;
border: 1px solid var(--rta-red-primary) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 0.85rem !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
font-family: var(--rta-mono) !important;
text-align: center !important;
line-height: 1 !important;
text-decoration: none !important;
border-radius: 0 !important;
}
body .rta-pdp-column .rta-wishlist-btn:hover {
background: #c00000 !important;
color: #fff !important;
}
body .rta-pdp-column .rta-wishlist-btn i { margin-right: 8px !important; }

body .rta-pdp-column .rta-availability-fragment-wrap {
margin: 0 0 14px 0 !important;
}
body .rta-pdp-column .rta-availability-fragment-wrap p {
margin: 0 !important;
}

body .rta-pdp-column .rta-restriction {
background: var(--rta-amber-dim) !important;
background-color: var(--rta-amber-dim) !important;
background-image: linear-gradient(135deg, var(--rta-amber-dim) 0%, var(--rta-bg-card-deep) 100%) !important;
border: 1px solid var(--rta-amber) !important;
border-top: 3px solid var(--rta-amber) !important;
padding: 18px 22px !important;
margin: 0 0 14px 0 !important;
}
body .rta-pdp-column .rta-restriction[data-has-restrictions=""] { display: none !important; }
body .rta-pdp-column .rta-restriction-header {
color: var(--rta-amber) !important;
font-family: var(--rta-mono) !important;
font-size: 0.95rem !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 900 !important;
margin: 0 0 10px 0 !important;
}
body .rta-pdp-column .rta-restriction-header i { margin-right: 10px !important; }
body .rta-pdp-column .rta-restriction-desc {
color: var(--rta-text-primary) !important;
font-size: 1rem !important;
line-height: 1.55 !important;
margin: 0 0 14px 0 !important;
font-family: 'Segoe UI', Roboto, sans-serif !important;
}
body .rta-pdp-column .rta-restriction-desc strong {
color: var(--rta-amber) !important;
font-weight: 700 !important;
}
body .rta-pdp-column .rta-restriction-list-label {
color: var(--rta-text-primary) !important;
font-family: var(--rta-mono) !important;
font-size: 0.78rem !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
margin: 0 0 8px 0 !important;
}
body .rta-pdp-column .rta-restriction-list {
width: 100% !important;
border-collapse: collapse !important;
background: transparent !important;
margin: 0 0 14px 0 !important;
table-layout: fixed !important;
}
body .rta-pdp-column .rta-restriction-list td {
background: transparent !important;
border: none !important;
padding: 6px 8px 6px 0 !important;
font-family: var(--rta-mono) !important;
font-size: 0.95rem !important;
color: var(--rta-text-primary) !important;
letter-spacing: 1px !important;
vertical-align: middle !important;
width: 33.33% !important;
}
body .rta-pdp-column .rta-restriction-list td:not(:empty)::before {
content: "\25B8  " !important;
color: var(--rta-amber) !important;
font-weight: 900 !important;
}
body .rta-pdp-column .rta-restriction-cta-wrap {
text-align: center !important;
padding-top: 14px !important;
border-top: 1px dashed rgba(255,165,0,0.3) !important;
}
body .rta-pdp-column .rta-restriction-cta {
display: inline-block !important;
padding: 14px 30px !important;
background: var(--rta-amber) !important;
background-color: var(--rta-amber) !important;
color: #000 !important;
text-decoration: none !important;
border: 2px solid var(--rta-amber) !important;
font-family: var(--rta-mono) !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 0.92rem !important;
transition: all 0.25s ease !important;
}
body .rta-pdp-column .rta-restriction-cta::after { content: " \25B8" !important; }
body .rta-pdp-column .rta-restriction-cta:hover {
background: #c00000 !important;
border-color: var(--rta-red-primary) !important;
color: #fff !important;
box-shadow: 0 0 16px rgba(255, 68, 68, 0.6) !important;
}

@media only screen and (max-width: 768px) {
body #_product_wrapper,
body #_product_details_wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
float: none !important;
display: block !important;
box-sizing: border-box !important;
}
body #_product_details_wrapper {
display: block !important;
}
body #_product_image_wrapper,
body #_product_details {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
float: none !important;
clear: both !important;
display: block !important;
box-sizing: border-box !important;
}
body #_still_image_wrapper {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
}
body #_product_primary_image {
display: block !important;
width: 100% !important;
float: none !important;
margin: 0 0 12px 0 !important;
text-align: center !important;
}
body #_product_primary_image img,
body #primary_product_image {
max-width: 100% !important;
height: auto !important;
}
body #_product_image_thumbnails {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
text-align: left !important;
margin: 0 !important;
padding: 8px 0 0 0 !important;
white-space: normal !important;
}
body #_product_image_thumbnails a {
display: inline-block !important;
margin: 0 6px 6px 0 !important;
vertical-align: top !important;
}
body #_rotate_image_wrapper {
width: 100% !important;
text-align: center !important;
margin-top: 10px !important;
}
body .rta-image-mfr-plaque {
padding: 12px 14px !important;
}
body .rta-image-mfr-plaque img {
max-height: 110px !important;
}
body .rta-image-carousel #_product_image_thumbnails a {
width: 56px !important;
height: 56px !important;
margin-right: 6px !important;
}
body .rta-image-carousel .rta-nav-arrow {
width: 36px !important;
height: 36px !important;
opacity: 1 !important;
}
body .rta-image-carousel .rta-zoom-hint {
font-size: 0.62rem !important;
padding: 4px 8px !important;
top: 12px !important;
right: 12px !important;
opacity: 1 !important;
}
body .rta-image-carousel .rta-carousel-hud {
font-size: 0.7rem !important;
padding: 8px 12px !important;
}
body .rta-image-carousel .rta-hud-status {
display: none !important;
}
body .rta-image-carousel .rta-360-btn {
font-size: 0.75rem !important;
padding: 8px 16px !important;
}
body .rta-lightbox .rta-lightbox-prev,
body .rta-lightbox .rta-lightbox-next {
width: 44px !important;
height: 44px !important;
}
body .rta-lightbox .rta-lightbox-prev { left: 8px !important; }
body .rta-lightbox .rta-lightbox-next { right: 8px !important; }
body .rta-lightbox .rta-lightbox-image {
max-width: calc(100% - 70px) !important;
}
body .rta-lightbox .rta-lightbox-hud {
font-size: 0.7rem !important;
padding: 10px 12px !important;
}
body #_tab_container,
body #related_products_wrapper {
width: 100% !important;
max-width: 100% !important;
padding-left: 8px !important;
padding-right: 8px !important;
box-sizing: border-box !important;
clear: both !important;
}
}
@media only screen and (max-width: 600px) {
body .rta-pdp-column .rta-restriction-list td { width: 50% !important; font-size: 0.92rem !important; }
/* Price row: badge stacks under the price (a table cell would clip the nowrap badge). */
body .rta-pdp-column .rta-sale-price-row,
body .rta-pdp-column .rta-sale-price-row tbody,
body .rta-pdp-column .rta-sale-price-row tr,
body .rta-pdp-column .rta-sale-price-row td { display: block !important; width: 100% !important; }
body .rta-pdp-column .rta-sale-price-row td.rta-tax-tag-cell { padding-top: 10px !important; }
body .rta-pdp-column .rta-action-row {
margin: 0 0 12px 0 !important;
border-spacing: 0 !important;
width: 100% !important;
}
body .rta-pdp-column .rta-action-row,
body .rta-pdp-column .rta-action-row > tbody,
body .rta-pdp-column .rta-action-row > tbody > tr,
body .rta-pdp-column .rta-action-row > tbody > tr > td {
display: block !important;
width: 100% !important;
}
body .rta-pdp-column .rta-action-row > tbody > tr > td {
margin-bottom: 10px !important;
padding: 0 !important;
}
body .rta-pdp-column .rta-qty-control { display: table !important; width: 100% !important; }
body .rta-pdp-column .rta-qty-control tbody { display: table-row-group !important; }
body .rta-pdp-column .rta-qty-control tr { display: table-row !important; }
body .rta-pdp-column .rta-qty-control td { display: table-cell !important; }
body .rta-pdp-column .rta-action-row > tbody > tr > td.rta-qty-cell {
width: 150px !important;
margin: 0 auto 10px auto !important;
}
body .rta-pdp-column .rta-product-name { font-size: 1.25rem !important; }
body .rta-pdp-column .rta-sale-price { font-size: 2.1rem !important; }
body .rta-pdp-column #sale_price.rta-sale-price { font-size: 2.1rem !important; }
body .rta-pdp-column .rta-data-label { width: 70px !important; font-size: 0.72rem !important; }
body .rta-pdp-column .rta-card-section { padding: 12px 14px !important; }
}


/* ══════════════════════════════════════════════════════════════════════
   Purchase card — segmented accent spine + Warehouse / On-Hand widget
   (approved 2026-09-04). Every band owns a rail color; separators emit
   from their rail; rails are lit with glow + wash; HUD corner brackets
   frame the card; no grey anywhere.
   ══════════════════════════════════════════════════════════════════════ */
body .rta-pdp-column .rta-card-purchase {
position: relative !important;
border: 1px solid rgba(255, 68, 68, 0.55) !important;
overflow: visible !important;
}
body .rta-pdp-column .rta-card-purchase::after {
content: "" !important;
position: absolute !important;
inset: -4px !important;
pointer-events: none !important;
z-index: 3 !important;
animation: rta-corner-pulse 2.5s ease-in-out infinite !important;
background:
linear-gradient(var(--rta-red-primary), var(--rta-red-primary)) top left / 18px 2px no-repeat,
linear-gradient(var(--rta-red-primary), var(--rta-red-primary)) top left / 2px 18px no-repeat,
linear-gradient(var(--rta-red-primary), var(--rta-red-primary)) top right / 18px 2px no-repeat,
linear-gradient(var(--rta-red-primary), var(--rta-red-primary)) top right / 2px 18px no-repeat,
linear-gradient(var(--rta-red-primary), var(--rta-red-primary)) bottom left / 18px 2px no-repeat,
linear-gradient(var(--rta-red-primary), var(--rta-red-primary)) bottom left / 2px 18px no-repeat,
linear-gradient(var(--rta-red-primary), var(--rta-red-primary)) bottom right / 18px 2px no-repeat,
linear-gradient(var(--rta-red-primary), var(--rta-red-primary)) bottom right / 2px 18px no-repeat !important;
}
body .rta-pdp-column .rta-card-purchase .rta-card-divider { display: none !important; }

body .rta-pdp-column .rta-card-purchase .rta-card-section {
--rail: var(--rta-red-deep);
--sep: rgba(198, 40, 40, 0.6);
--glow: rgba(198, 40, 40, 0.22);
--wash: rgba(198, 40, 40, 0.05);
position: relative !important;
border-left: 4px solid var(--rail) !important;
padding-left: 20px !important;
}
body .rta-pdp-column .rta-card-purchase .rta-card-section > * { position: relative; z-index: 1; }
body .rta-pdp-column .rta-card-purchase .rta-card-section::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
pointer-events: none !important;
z-index: 0 !important;
background:
linear-gradient(90deg, var(--glow) 0, rgba(0, 0, 0, 0) 22px),
linear-gradient(90deg, var(--wash) 0, rgba(0, 0, 0, 0) 40%) !important;
}
body .rta-pdp-column .rta-card-purchase .rta-card-section ~ .rta-card-section::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 1px !important;
z-index: 2 !important;
pointer-events: none !important;
background: linear-gradient(90deg, var(--rail) 0 14px, var(--sep) 14px, transparent 78%) !important;
}
body .rta-pdp-column .rta-card-purchase .rta-section-availability {
--rail: var(--rta-green-op);
--sep: rgba(0, 255, 136, 0.5);
--glow: rgba(0, 255, 136, 0.22);
--wash: rgba(0, 255, 136, 0.06);
}
body .rta-pdp-column .rta-card-purchase .rta-section-availability.low {
--rail: var(--rta-amber);
--sep: rgba(255, 165, 0, 0.5);
--glow: rgba(255, 165, 0, 0.22);
--wash: rgba(255, 165, 0, 0.06);
}
body .rta-pdp-column .rta-card-purchase .rta-section-availability.unavailable {
--rail: var(--rta-red-primary);
--sep: rgba(255, 68, 68, 0.5);
--glow: rgba(255, 68, 68, 0.2);
--wash: rgba(255, 68, 68, 0.05);
}
body .rta-pdp-column .rta-card-purchase .rta-section-pricing {
--rail: var(--rta-red-primary);
--sep: rgba(255, 68, 68, 0.5);
--glow: rgba(255, 68, 68, 0.2);
--wash: rgba(255, 68, 68, 0.045);
}
body .rta-pdp-column .rta-card-purchase .rta-section-loyalty {
--rail: var(--rta-amber);
--sep: rgba(255, 165, 0, 0.5);
--glow: rgba(255, 165, 0, 0.2);
--wash: rgba(255, 165, 0, 0.055);
}

/* traveling scan line — rides the separator under the stock block */
body .rta-pdp-column .rta-card-purchase .rta-scan {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 2px !important;
overflow: hidden !important;
pointer-events: none !important;
z-index: 2 !important;
display: block !important;
}
body .rta-pdp-column .rta-card-purchase .rta-scan::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(90deg, transparent, var(--rta-red-primary), transparent) !important;
animation: rta-scan 5s linear infinite !important;
}

/* Warehouse / On-Hand widget */
body .rta-pdp-column .rta-card-purchase .rta-levels-row {
display: flex !important;
align-items: center !important;
gap: 9px !important;
flex-wrap: wrap !important;
font-family: var(--rta-mono) !important;
}
body .rta-pdp-column .rta-card-purchase .rta-lvl {
font-weight: 700 !important;
font-size: 0.85rem !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
color: #ffffff !important;
}
body .rta-pdp-column .rta-card-purchase .rta-lvl-num { color: #ffffff !important; font-variant-numeric: tabular-nums !important; }
body .rta-pdp-column .rta-card-purchase .rta-lvl-num-shop { color: var(--rta-green-op) !important; }
body .rta-pdp-column .rta-card-purchase .rta-stock-levels.low .rta-lvl-num-shop,
body .rta-pdp-column .rta-card-purchase .rta-stock-levels.unavailable .rta-lvl-num-shop { color: #ffffff !important; }
body .rta-pdp-column .rta-card-purchase .rta-lvl-div { color: var(--rta-red-primary) !important; font-weight: 700 !important; font-size: 0.85rem !important; }
body .rta-pdp-column .rta-card-purchase .rta-lvl-inbound {
color: var(--rta-amber) !important;
font-weight: 700 !important;
font-size: 0.8rem !important;
letter-spacing: 1.2px !important;
white-space: nowrap !important;
}
body .rta-pdp-column .rta-card-purchase .rta-stock-levels .rta-avail-dot { margin-right: 0 !important; }

@media (prefers-reduced-motion: reduce) {
body .rta-pdp-column .rta-card-purchase::after,
body .rta-pdp-column .rta-card-purchase .rta-scan::after { animation: none !important; }
}

/* Tag badge band — sits in the purchase-card spine under the stock strip (2026-09-05) */
body .rta-pdp-column .rta-card-purchase .rta-tag-badge-band {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
padding: 10px 0 !important;
}
body .rta-pdp-column .rta-card-purchase .rta-tag-badge {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-family: var(--rta-mono) !important;
font-size: 11px !important;
letter-spacing: 1.6px !important;
text-transform: uppercase !important;
font-weight: 700 !important;
line-height: 1 !important;
color: var(--c) !important;
background: color-mix(in srgb, var(--c) 13%, transparent) !important;
border: 1px solid color-mix(in srgb, var(--c) 55%, transparent) !important;
border-left: 3px solid var(--c) !important;
padding: 6px 10px 6px 8px !important;
}
body .rta-pdp-column .rta-card-purchase .rta-tag-badge.dark-fill {
color: var(--rta-text-primary) !important;
background: color-mix(in srgb, var(--c) 70%, transparent) !important;
}
body .rta-pdp-column .rta-card-purchase .rta-tag-badge svg {
width: 11px !important;
height: 11px !important;
fill: currentColor !important;
flex: 0 0 auto !important;
}

/* Touch (2026-09-17): the carousel arrows and the zoom hint never depend on hover on a phone. */
@media (hover: none){
body .rta-image-carousel .rta-nav-arrow, body .rta-image-carousel .rta-zoom-hint { opacity: 1 !important; }
}