/* ============================================================================
* The Sporting Shoppe — Editorial Polish Layer
* v1.5 — Consolidated · footer h3 fixed · Doofinder bg overrides
*
* REPLACE your current polish.css with this file wholesale.
* ============================================================================ */
/* =========================================================
01 · TOKENS
========================================================= */
:root {
--ss-oxblood: #8f2418;
--ss-oxblood-deep: #741b12;
--ss-oxblood-soft: #b14233;
--ss-brass: #b79a59;
--ss-accent-gold: #c9a159;
--ss-ink: #1c1a17;
--ss-ink-soft: #4f4a43;
--ss-ink-mute: #6f665c;
--ss-ink-quiet: #7a7065;
--ss-paper: #faf6ed;
--ss-bone: #f8f6f3;
--ss-bone-2: #f5f1ea;
--ss-rule: #d8d2c8;
--ss-rule-soft: #ece4d3;
--ss-moss: #4a5340;
--ss-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;
--ss-serif: "Cormorant Garamond", Georgia, serif;
--ss-sans: "Montserrat", "Inter", -apple-system, sans-serif;
--ss-mono: "JetBrains Mono", ui-monospace, monospace;
}
/* =========================================================
02 · UTILITY CLASSES
========================================================= */
.ss-kicker {
font-family: var(--ss-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ss-oxblood);
}
.ss-eyebrow {
font-family: var(--ss-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--ss-ink-mute);
}
.ss-ornament {
display: block;
width: 40px; height: 1px;
background: var(--ss-accent-gold);
position: relative;
margin: 16px auto;
}
.ss-ornament::before, .ss-ornament::after {
content: ""; position: absolute; top: 50%;
width: 4px; height: 4px;
background: var(--ss-accent-gold);
transform: translateY(-50%) rotate(45deg);
}
.ss-ornament::before { left: -8px; } .ss-ornament::after { right: -8px; }
::selection { background: var(--ss-oxblood); color: var(--ss-paper); }
/* =========================================================
03 · CATEGORY HERO
========================================================= */
.category-hero-bg h1 {
font-family: var(--ss-display) !important;
font-weight: 500 !important;
font-size: clamp(40px, 6vw, 72px) !important;
letter-spacing: -0.015em !important;
color: var(--ss-ink) !important;
margin: 0 0 4px !important;
}
.category-hero-bg h1:after {
content: "" !important;
display: block !important;
width: 40px !important;
height: 1px !important;
background: var(--ss-accent-gold) !important;
margin: 16px auto 0 !important;
}
.category-hero-bg h1 em { color: var(--ss-oxblood) !important; font-style: italic; }
.category-hero-bg .shoppe-category-description,
.shoppe-category-description {
font-family: var(--ss-serif) !important;
font-style: italic;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
color: var(--ss-ink-soft) !important;
max-width: 620px !important;
margin: 20px auto 0 !important;
}
.shoppe-native-category-hero-inner .ss-hero-kicker {
font-family: var(--ss-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ss-oxblood);
margin-bottom: 14px;
display: block;
}
/* — structure, background art & centred scrim (consolidated from style.css) — */
/* =========================================================
CATEGORY HERO SYSTEM
========================================================= */
.category-hero-bg {
background-color: #f4ede0 !important;
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/preserve-gear-header.webp') !important;
background-size: cover !important;
background-position: center 35% !important;
background-repeat: no-repeat !important;
overflow: hidden;
padding: 14px 20px 22px !important;
margin-bottom: 28px !important;
text-align: center !important;
position: relative;
}
@media (min-width: 981px) {
.category-hero-bg {
min-height: 320px !important;
display: flex;
align-items: center;
}
}
.category-hero-bg:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.10), rgba(0,0,0,0));
}
.category-hero-bg .shoppe-native-category-hero-inner {
width: 100% !important;
max-width: 1100px !important;
margin: 0 auto !important;
text-align: center !important;
}
.category-hero-bg p {
text-align: center !important;
}
/* ARCHERY */
body.term-archery .category-hero-bg,
body.term-archery-accessories .category-hero-bg,
body.term-archery-targets .category-hero-bg,
body.term-arrow-components .category-hero-bg,
body.term-arrows-bolts .category-hero-bg,
body.term-compound-bows .category-hero-bg,
body.term-crossbows .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/archery-header.webp') !important;
background-position: center top !important;
}
/* SHOTGUNS */
body.term-shotguns .category-hero-bg,
body.term-lever-action-shotguns .category-hero-bg,
body.term-bolt-action-shotguns .category-hero-bg,
body.term-break-action .category-hero-bg,
body.term-over-under .category-hero-bg,
body.term-pump-action .category-hero-bg,
body.term-semi-automatic-shotguns .category-hero-bg,
body.term-side-by-side .category-hero-bg,
body.term-single-shot .category-hero-bg,
body.term-10-gauge .category-hero-bg,
body.term-12-gauge .category-hero-bg,
body.term-16-gauge .category-hero-bg,
body.term-20-gauge .category-hero-bg,
body.term-28-gauge .category-hero-bg,
body.term-410-gauge .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/flying-birds-background-gray.webp') !important;
background-position: center 35% !important;
}
/* HUNTING */
body.term-hunting .category-hero-bg,
body.term-scent-control .category-hero-bg,
body.term-hats .category-hero-bg,
body.term-stetson .category-hero-bg,
body.term-jackets-hunting .category-hero-bg,
body.term-accessories-hunting .category-hero-bg,
body.term-treestands .category-hero-bg,
body.term-decoys .category-hero-bg,
body.term-dog-training-supplies .category-hero-bg,
body.term-game-calls .category-hero-bg,
body.term-hunting-vests .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/hunting-header.webp') !important;
background-position: center 35% !important;
}
/* FIREARMS */
body.term-firearms .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/firearms-header-2.webp') !important;
background-position: center 35% !important;
}
/* FINE FIREARMS */
body.term-fine-firearms .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/fine-firearms-header.webp') !important;
background-position: center center !important;
}
/* FISHING GENERAL */
body.term-fishing .category-hero-bg,
body.term-rods .category-hero-bg,
body.term-spinning-rods .category-hero-bg,
body.term-casting-rods .category-hero-bg,
body.term-conventional-rods .category-hero-bg,
body.term-ice-fishing-rods .category-hero-bg,
body.term-reels .category-hero-bg,
body.term-spinning-reels .category-hero-bg,
body.term-baitcasting-reels .category-hero-bg,
body.term-conventional-reels .category-hero-bg,
body.term-ice-fishing-reels .category-hero-bg,
body.term-lures .category-hero-bg,
body.term-hard-baits .category-hero-bg,
body.term-soft-baits .category-hero-bg,
body.term-jigs .category-hero-bg,
body.term-spoons .category-hero-bg,
body.term-swimbaits .category-hero-bg,
body.term-topwater-lures .category-hero-bg,
body.term-tackle .category-hero-bg,
body.term-hooks .category-hero-bg,
body.term-weights .category-hero-bg,
body.term-swivels-snaps .category-hero-bg,
body.term-leaders .category-hero-bg,
body.term-line .category-hero-bg,
body.term-fishing-accessories .category-hero-bg,
body.term-fishing-tools .category-hero-bg,
body.term-tools .category-hero-bg,
body.term-fishing-nets .category-hero-bg,
body.term-tackle-boxes-storage .category-hero-bg,
body.term-fishing-electronics .category-hero-bg,
body.term-fishing-apparel .category-hero-bg,
body.term-offshore-fishing .category-hero-bg,
body.term-inshore-fishing .category-hero-bg,
body.term-surf-fishing .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/fishing-banner2.webp') !important;
background-position: center 28% !important;
}
/* SALTWATER FISHING */
body.term-saltwater-fishing .category-hero-bg,
body.term-saltwater-lures .category-hero-bg,
body.term-saltwater-reels .category-hero-bg,
body.term-saltwater-rods .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/saltwater-fishing-header.webp') !important;
background-position: center top !important;
}
/* FLY FISHING */
body.term-fly-fishing .category-hero-bg,
body.term-fly-fishing-tools .category-hero-bg,
body.term-fly-lines .category-hero-bg,
body.term-fly-reels .category-hero-bg,
body.term-fly-rods .category-hero-bg,
body.term-fly-tying-materials .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/fly-fishing-header.webp') !important;
background-position: center center !important;
}
/* BOATING */
body.term-boating .category-hero-bg,
body.term-accessories-boating .category-hero-bg,
body.term-life-jackets .category-hero-bg,
body.term-paddles-oars .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/boating-header.webp') !important;
background-position: center center !important;
}
/* CAMPING */
body.term-camping-gear .category-hero-bg,
body.term-emergency-food .category-hero-bg,
body.term-backpacks-bags-cases .category-hero-bg,
body.term-coolers .category-hero-bg,
body.term-furniture .category-hero-bg,
body.term-handheld-gps .category-hero-bg,
body.term-hand-warmers .category-hero-bg,
body.term-fire-starters .category-hero-bg,
body.term-first-aid .category-hero-bg,
body.term-lighting .category-hero-bg,
body.term-rope-paracord-tie-downs .category-hero-bg,
body.term-survival .category-hero-bg,
body.term-security .category-hero-bg,
body.term-sleeping-bags-pads .category-hero-bg,
body.term-tents-shelters .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/camping-hero.webp') !important;
background-position: center center !important;
}
/* APPAREL */
body.term-clothing .category-hero-bg,
body.term-weatherproof-gear .category-hero-bg,
body.term-youth-clothing .category-hero-bg,
body.term-clothing-accessories .category-hero-bg,
body.term-jewelry-watches .category-hero-bg,
body.term-purses-personal-bags .category-hero-bg,
body.term-caps-hats .category-hero-bg,
body.term-mens-clothing .category-hero-bg,
body.term-mens-hoody .category-hero-bg,
body.term-bow-ties .category-hero-bg,
body.term-belts .category-hero-bg,
body.term-gloves .category-hero-bg,
body.term-mens-jackets .category-hero-bg,
body.term-pants .category-hero-bg,
body.term-shirts .category-hero-bg,
body.term-shorts .category-hero-bg,
body.term-sweaters .category-hero-bg,
body.term-vests .category-hero-bg,
body.term-womens-clothing .category-hero-bg,
body.term-womens-hoody .category-hero-bg,
body.term-gloves-womens-clothing .category-hero-bg,
body.term-womens-jackets .category-hero-bg,
body.term-womens-pants .category-hero-bg,
body.term-womens-shirts .category-hero-bg,
body.term-womens-shorts .category-hero-bg,
body.term-womens-sweaters .category-hero-bg,
body.term-womens-vests .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/apparel-header.webp') !important;
background-position: center center !important;
}
/* PRESERVE GEAR */
body.term-preserve-gear .category-hero-bg,
body.term-hats-caps .category-hero-bg,
body.term-long-sleeve-shirts .category-hero-bg,
body.term-short-sleeve-shirts .category-hero-bg,
body.term-sweaters-preserve-gear .category-hero-bg,
body.term-vests-preserve-gear .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/preserve-gear-header.webp') !important;
background-size: 100% auto !important;
background-position: center center !important;
}
/* RIFLES */
body.term-rifles .category-hero-bg,
body.term-pump .category-hero-bg,
body.term-side-by-side-rifles .category-hero-bg,
body.term-over-under-rifles .category-hero-bg,
body.term-single-shot-rifles .category-hero-bg,
body.term-ak-47 .category-hero-bg,
body.term-ar-10 .category-hero-bg,
body.term-ar-15 .category-hero-bg,
body.term-bolt-action .category-hero-bg,
body.term-break-open .category-hero-bg,
body.term-lever-action .category-hero-bg,
body.term-semi-auto-rifles .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/rifles-header.webp') !important;
background-position: center center !important;
}
/* HANDGUNS */
body.term-handguns .category-hero-bg,
body.term-bolt_action .category-hero-bg,
body.term-bb-pellet-guns .category-hero-bg,
body.term-new .category-hero-bg,
body.term-handgun-sale .category-hero-bg,
body.term-pre-owned .category-hero-bg,
body.term-semi-automatic .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/handguns-header1.webp') !important;
background-position: center center !important;
}
body.term-revolvers .category-hero-bg,
body.term-double-action .category-hero-bg,
body.term-single-double .category-hero-bg,
body.term-single-action .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/handguns-header.webp') !important;
background-position: center center !important;
}
/* GOLF */
body.term-golf .category-hero-bg,
body.term-golf-accessories .category-hero-bg,
body.term-clubs .category-hero-bg,
body.term-gloves-golf .category-hero-bg,
body.term-golf-balls .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/golf-header.webp') !important;
background-position: center center !important;
}
/* GUN CARE */
body.term-gun-cleaning-supplies .category-hero-bg,
body.term-bore-cleaners .category-hero-bg,
body.term-brushes .category-hero-bg,
body.term-gun-cleaning-kits .category-hero-bg,
body.term-gun-cleaning-rods .category-hero-bg,
body.term-gun-cloths .category-hero-bg,
body.term-lubricants-solvents .category-hero-bg {
background-image: url('https://thesportingshoppe.com/wp-content/uploads/2026/05/gun-care-header.webp') !important;
background-position: center center !important;
}
/* category banners tone change */
.shoppe-native-category-hero {
position: relative;
overflow: hidden;
}
.shoppe-native-category-hero::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse 60% 92% at 50% 50%, rgba(244,237,224,0.94) 0%, rgba(244,237,224,0.60) 45%, rgba(244,237,224,0.10) 72%, rgba(244,237,224,0) 100%); /* centred scrim — keeps title legible, lets art read at the edges */
pointer-events: none;
z-index: 1;
}
.shoppe-native-category-hero-inner {
position: relative;
z-index: 2;
}
/* — mobile — */
@media only screen and (max-width: 980px) {
.shoppe-native-category-hero-inner { padding-left: 18px !important; padding-right: 18px !important; }
.shoppe-category-description { max-width: 520px; margin-left: auto !important; margin-right: auto !important; line-height: 1.6 !important; }
.category-hero-bg { padding: 28px 14px 26px !important; }
.category-hero-bg h1 { font-size: 32px !important; }
.category-hero-bg .shoppe-category-description,
.category-hero-bg p { font-size: 14px !important; line-height: 1.55 !important; }
}
/* =========================================================
03b · HEADER BACKGROUND (locked to bone)
Sets the top promo bar + logo/search row to bone (#f4ede0) in
CSS, so it no longer depends on a Divi Theme Builder section
background that can get cleared by accident.
========================================================= */
#wfspb-top-bar,
#top-header,
#main-header,
.et-db #et-boc .et-l .et_pb_section[class*="_tb_header"] {
background-color: #f4ede0 !important;
}
/* =========================================================
03c · HOMEPAGE INFO ROW (.ss-section-info)
Column dividers + balanced spacing for the FFL / Driven Shoots
/ Pre-Owned 3-column block merged into the homepage.
========================================================= */
.ss-section-info .et_pb_column { position: relative; padding-top: 0 !important; }
.ss-section-info .et_pb_column:not(:last-of-type)::after {
content: "";
position: absolute;
top: 6px;
bottom: 6px;
right: -1px;
width: 1px;
background: var(--ss-rule, #ddd2bd);
}
.ss-section-info .et_pb_row { padding-top: 44px !important; padding-bottom: 44px !important; }
@media (max-width: 980px) {
/* stack cleanly on mobile — swap the side divider for a bottom hairline */
.ss-section-info .et_pb_column:not(:last-of-type)::after {
top: auto; bottom: -1px; left: 6px; right: 6px; width: auto; height: 1px;
}
}
/* =========================================================
03d · CTA BUTTON HOVER (.ss-cta-btn)
Solid oxblood button that darkens to oxblood-deep and nudges
its arrow on hover — matches the split editorial CTA.
========================================================= */
.ss-cta-btn { transition: background-color 160ms ease, gap 160ms ease; }
.ss-cta-btn:hover { background-color: #5e1a16 !important; gap: 14px !important; }
/* =========================================================
03e · RAM WATERMARK — reusable section background
Add the CSS class "ss-ram-watermark" to any Divi section or row
for the minimal cream + partial ram-on-shield motif.
========================================================= */
.ss-ram-watermark {
background-color: #f4ede0 !important;
background-image: url('assets/preserve-watermark.png') !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-size: auto 92% !important;
}
@media (max-width: 980px) {
.ss-ram-watermark { background-size: auto 55% !important; background-position: right -30px bottom !important; }
}
/* =========================================================
04 · FACETWP CHIPS
========================================================= */
.shoppe-filter-block .facetwp-checkbox,
.archive #sidebar .facetwp-checkbox {
display: inline-flex !important;
align-items: center;
gap: 6px;
padding: 8px 14px !important;
margin: 0 4px 6px 0 !important;
background: transparent !important;
border: 1px solid var(--ss-rule) !important;
border-radius: 0 !important;
font-family: var(--ss-sans) !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.02em !important;
color: var(--ss-ink) !important;
cursor: pointer;
transition: all 140ms ease;
background-image: none !important;
line-height: 1 !important;
}
.shoppe-filter-block .facetwp-checkbox:hover { border-color: var(--ss-ink) !important; background: var(--ss-bone) !important; }
.shoppe-filter-block .facetwp-checkbox.checked { background: var(--ss-ink) !important; color: var(--ss-paper) !important; border-color: var(--ss-ink) !important; }
.shoppe-filter-block .facetwp-checkbox.checked::before { content: "✓"; font-size: 10px; margin-right: 4px; }
.shoppe-filter-block .facetwp-counter,
.archive #sidebar .facetwp-counter {
font-family: var(--ss-mono) !important;
font-size: 10px !important;
color: var(--ss-ink-mute) !important;
margin-left: 2px;
font-weight: 400;
}
.shoppe-filter-block .facetwp-checkbox.checked .facetwp-counter { color: rgba(244,237,224,0.7) !important; }
.shoppe-filter-block .facetwp-toggle,
.archive #sidebar .facetwp-toggle {
font-family: var(--ss-sans) !important;
font-size: 11px !important;
color: var(--ss-oxblood) !important;
text-decoration: underline;
letter-spacing: 0.02em;
font-weight: 500;
margin-top: 8px;
display: inline-block;
}
.archive #sidebar .facetwp-facet-categories .facetwp-checkbox {
display: flex !important;
width: 100%;
padding: 7px 12px !important;
margin: 0 0 4px !important;
background: transparent !important;
border: 0 !important;
border-left: 2px solid transparent !important;
font-size: 13px !important;
border-radius: 0 !important;
justify-content: space-between;
}
.archive #sidebar .facetwp-facet-categories .facetwp-checkbox:hover { background: var(--ss-bone) !important; border-left-color: var(--ss-oxblood) !important; }
.archive #sidebar .facetwp-facet-categories .facetwp-checkbox.checked { background: var(--ss-bone) !important; color: var(--ss-oxblood) !important; border-left-color: var(--ss-oxblood) !important; font-weight: 600; }
.archive #sidebar .facetwp-facet-categories .facetwp-checkbox.checked::before { content: none; }
/* =========================================================
05 · FACETWP SLIDER
========================================================= */
.shoppe-filter-block .facetwp-slider,
.archive #sidebar .facetwp-slider {
background: var(--ss-rule) !important;
height: 4px !important;
margin: 16px 0 12px !important;
}
.shoppe-filter-block .facetwp-slider .noUi-connect,
.shoppe-filter-block .facetwp-slider .ui-slider-range { background: var(--ss-oxblood) !important; }
.shoppe-filter-block .facetwp-slider .noUi-handle,
.shoppe-filter-block .facetwp-slider .ui-slider-handle {
background: #fff !important;
border: 1.5px solid var(--ss-ink) !important;
border-radius: 50% !important;
width: 14px !important; height: 14px !important;
box-shadow: none !important;
top: -5px !important;
}
.shoppe-filter-block .facetwp-slider .noUi-handle::before,
.shoppe-filter-block .facetwp-slider .noUi-handle::after { display: none !important; }
.shoppe-filter-block .facetwp-slider-label {
font-family: var(--ss-mono) !important;
font-size: 11px !important;
color: var(--ss-ink-mute) !important;
}
/* =========================================================
06 · FACETWP APPLIED PILLS / RESET / LOAD MORE
========================================================= */
.facetwp-selections > ul { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 18px; list-style: none !important; }
.facetwp-selections > ul > li { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
.facetwp-selection-label {
font-family: var(--ss-mono) !important;
font-size: 9px !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
color: var(--ss-oxblood) !important;
font-weight: 500 !important;
padding: 0 8px 0 0 !important;
background: transparent !important;
border: 0 !important;
}
.facetwp-selection-value {
background: var(--ss-ink) !important;
color: var(--ss-paper) !important;
border: 0 !important;
border-radius: 0 !important;
padding: 8px 14px !important;
font-family: var(--ss-sans) !important;
font-size: 12px !important;
font-weight: 500 !important;
cursor: pointer;
transition: background 140ms ease;
}
.facetwp-selection-value::after { content: " ×"; opacity: 0.7; font-size: 14px; margin-left: 6px; }
.facetwp-selection-value:hover { background: var(--ss-oxblood) !important; }
.facetwp-reset {
background: transparent !important;
color: var(--ss-ink-mute) !important;
border: 1px solid var(--ss-rule) !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: var(--ss-sans) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
padding: 11px 14px !important;
transition: all 140ms ease !important;
}
.facetwp-reset:hover { background: var(--ss-ink) !important; color: var(--ss-paper) !important; border-color: var(--ss-ink) !important; box-shadow: none !important; transform: none !important; }
.facetwp-reset:before { content: "↺ " !important; margin-right: 4px; }
.facetwp-load-more {
background: var(--ss-ink) !important;
color: var(--ss-paper) !important;
border: 1px solid var(--ss-ink) !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: var(--ss-sans) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
padding: 16px 36px !important;
transition: all 140ms ease !important;
}
.facetwp-load-more:hover { background: var(--ss-oxblood) !important; border-color: var(--ss-oxblood) !important; transform: none !important; }
/* =========================================================
07 · SIDEBAR
========================================================= */
.archive #sidebar {
background: var(--ss-paper) !important;
border: 1px solid var(--ss-rule) !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 28px 24px !important;
}
.archive #sidebar h4,
.archive .et_pb_widget h4,
.shoppe-filter-block h4 {
font-family: var(--ss-serif) !important;
font-size: 22px !important;
font-weight: 600 !important;
color: var(--ss-ink) !important;
margin: 0 0 14px !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
position: relative;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.archive #sidebar h4::after,
.shoppe-filter-block h4::after {
content: ""; display: block; width: 18px; height: 1px;
background: var(--ss-oxblood);
position: absolute; bottom: -6px; left: 0;
}
.shoppe-filter-block { padding: 18px 0 20px !important; border-bottom: 1px solid var(--ss-rule) !important; }
.shoppe-filter-block:last-child { border-bottom: 0 !important; }
/* =========================================================
08 · BREADCRUMB / RESULT / SORT
========================================================= */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
font-family: var(--ss-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
color: var(--ss-ink-mute) !important;
}
.woocommerce-breadcrumb a:hover { color: var(--ss-oxblood) !important; }
.archive p.woocommerce-result-count {
font-family: var(--ss-serif) !important;
font-style: italic;
font-size: 16px !important;
color: var(--ss-ink-mute) !important;
}
.archive .woocommerce-ordering .orderby {
font-family: var(--ss-sans) !important;
font-size: 12px !important;
letter-spacing: 0.04em !important;
color: var(--ss-ink) !important;
background: var(--ss-paper) !important;
border: 1px solid var(--ss-rule) !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 10px 32px 10px 14px !important;
}
.archive .woocommerce-ordering .orderby:hover,
.archive .woocommerce-ordering .orderby:focus { border-color: var(--ss-ink) !important; color: var(--ss-ink) !important; background: var(--ss-bone) !important; }
/* =========================================================
09 · PRODUCT GRID + CARDS
========================================================= */
.archive ul.products li.product {
padding: 20px 14px !important;
background: var(--ss-paper);
border: 1px solid transparent;
transition: all 200ms ease;
}
.archive ul.products li.product:hover { border-color: var(--ss-rule); background: #fff; }
.archive ul.products li.product a h2.woocommerce-loop-product__title,
.archive ul.products li.product .woocommerce-loop-product__title {
font-family: var(--ss-serif) !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-align: left !important;
color: var(--ss-ink) !important;
padding: 6px 0 !important;
margin: 14px 0 4px !important;
}
.archive ul.products li.product .price,
.archive ul.products li.product .price .woocommerce-Price-amount {
font-family: var(--ss-serif) !important;
font-size: 20px !important;
font-weight: 500 !important;
color: var(--ss-ink) !important;
text-align: left !important;
}
.archive ul.products li.product .price del { color: var(--ss-ink-mute) !important; font-size: 14px !important; margin-right: 6px; }
.archive ul.products li.product .price ins { background: transparent !important; color: var(--ss-oxblood) !important; text-decoration: none !important; font-weight: 500; }
.archive ul.products li.product .button.add_to_cart_button { display: none !important; }
.woocommerce-page span.onsale,
.woocommerce span.onsale {
background: var(--ss-oxblood) !important;
border-radius: 0 !important;
height: auto !important;
width: auto !important;
padding: 4px 10px !important;
font-size: 9px !important;
font-family: var(--ss-mono) !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
font-weight: 600 !important;
top: 14px !important;
left: 14px !important;
right: auto !important;
line-height: 1 !important;
}
.ss-card { display: block; text-decoration: none !important; color: inherit !important; }
.ss-card__top { display: flex; justify-content: space-between; align-items: flex-start; min-height: 18px; }
.ss-card__badge { font-family: var(--ss-mono); font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ss-oxblood); border-bottom: 1px solid var(--ss-oxblood); padding-bottom: 2px; }
.ss-card__wish { background: none !important; border: 0 !important; cursor: pointer; color: var(--ss-ink-mute); font-size: 16px; padding: 0 !important; line-height: 1; transition: color 140ms ease; }
.ss-card__wish:hover, .ss-card__wish.is-active { color: var(--ss-oxblood); }
.archive .ss-card__image,
.archive ul.products li.product .ss-card__image {
height: 200px;
display: flex !important;
align-items: center;
justify-content: center;
background: #ffffff !important;
background-image: none !important;
margin-top: 8px;
overflow: hidden;
position: relative;
padding: 14px !important;
}
.ss-card__image img {
max-width: 90% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
aspect-ratio: auto !important;
background: transparent !important;
transition: transform 280ms ease;
}
.ss-card:hover .ss-card__image img { transform: scale(1.04); }
.archive ul.products li.product img { background: transparent !important; mix-blend-mode: normal; }
.ss-card__brand { margin-top: 16px; font-family: var(--ss-mono); font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ss-ink-mute); }
.ss-card__name { margin: 6px 0 0 !important; font-family: var(--ss-serif) !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.2 !important; color: var(--ss-ink) !important; text-align: left !important; padding: 0 !important; }
.ss-card__spec { margin-top: 8px; font-family: var(--ss-mono); font-size: 10px; color: var(--ss-ink-mute); letter-spacing: 0.06em; }
.ss-card__foot { margin-top: 14px; display: flex; justify-content: space-between; align-items: baseline; }
.ss-card__price, .ss-card__price .woocommerce-Price-amount { font-family: var(--ss-serif) !important; font-size: 20px !important; font-weight: 500 !important; color: var(--ss-ink) !important; }
.ss-card__price del { display: none; }
.ss-card__stock { font-family: var(--ss-mono); font-size: 9px; color: var(--ss-moss); letter-spacing: 0.1em; text-transform: uppercase; }
.ss-card__stock.is-out { color: var(--ss-oxblood); }
/* =========================================================
10 · MOBILE FILTER / FLYOUT
========================================================= */
@media only screen and (max-width: 980px) {
button.facetwp-flyout-open.shoppe-mobile-filter-button {
background: var(--ss-ink) !important;
color: var(--ss-paper) !important;
border: 1px solid var(--ss-ink) !important;
border-radius: 0 !important;
font-family: var(--ss-sans) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
padding: 14px 18px !important;
box-shadow: none !important;
}
button.facetwp-flyout-open.shoppe-mobile-filter-button:hover { background: var(--ss-oxblood) !important; border-color: var(--ss-oxblood) !important; }
button.facetwp-flyout-open.shoppe-mobile-filter-button::before { content: "⟐ "; margin-right: 6px; }
}
.facetwp-flyout-wrap { background: var(--ss-paper) !important; border-left: 3px solid var(--ss-ink) !important; }
.facetwp-flyout-wrap .facetwp-flyout-close { background: transparent !important; color: var(--ss-ink) !important; font-family: var(--ss-mono); font-size: 18px; }
/* =========================================================
11 · NO PRODUCTS FOUND
========================================================= */
.woocommerce-no-products-found {
background: var(--ss-bone) !important;
border: 1px solid var(--ss-rule) !important;
border-left: 3px solid var(--ss-oxblood) !important;
border-radius: 0 !important;
padding: 32px 36px !important;
box-shadow: none !important;
}
.woocommerce-no-products-found .woocommerce-info:before { font-family: var(--ss-display); font-size: 28px !important; font-weight: 500; }
.woocommerce-no-products-found .woocommerce-info:after { font-family: var(--ss-serif); font-style: italic; font-size: 16px !important; }
/* =========================================================
12 · .ss-btn UTILITY BUTTONS
========================================================= */
.ss-btn, a.ss-btn, .et_pb_button.ss-btn {
display: inline-flex !important;
align-items: center; justify-content: center; gap: 8px;
padding: 13px 26px !important;
font-family: var(--ss-sans) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
border: 1px solid var(--ss-ink) !important;
background: var(--ss-ink) !important;
color: var(--ss-paper) !important;
border-radius: 0 !important;
transition: all 160ms ease;
}
.ss-btn:hover { background: var(--ss-oxblood) !important; border-color: var(--ss-oxblood) !important; }
.ss-btn--ox { background: var(--ss-oxblood) !important; border-color: var(--ss-oxblood) !important; }
.ss-btn--ox:hover { background: var(--ss-oxblood-deep) !important; border-color: var(--ss-oxblood-deep) !important; }
.ss-btn--ghost { background: transparent !important; color: var(--ss-ink) !important; }
.ss-btn--ghost:hover { background: var(--ss-ink) !important; color: var(--ss-paper) !important; }
/* =========================================================
13 · PDP — TITLE / PRICE / DESCRIPTION / BREADCRUMB
========================================================= */
.single-product #et-boc .et-l .et_pb_section { padding: 0; }
.single-product .et_pb_wc_breadcrumb {
font-family: var(--ss-mono) !important;
font-size: 10px !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
color: var(--ss-ink-mute) !important;
margin-bottom: 28px !important;
}
.single-product .et_pb_wc_breadcrumb a { color: var(--ss-ink-mute) !important; }
.single-product .et_pb_wc_breadcrumb a:hover { color: var(--ss-oxblood) !important; }
.single-product .et_pb_wc_title h1,
.single-product .product_title.entry-title {
font-family: var(--ss-display) !important;
font-size: clamp(34px, 4vw, 44px) !important;
font-weight: 500 !important;
line-height: 1.1 !important;
letter-spacing: -0.015em !important;
color: var(--ss-ink) !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
.single-product .et_pb_wc_title h1 em,
.single-product .product_title em { font-style: italic; color: var(--ss-oxblood); }
.single-product .et_pb_wc_price p.price,
.single-product .et_pb_wc_price .price {
font-family: var(--ss-display) !important;
font-size: 36px !important;
font-weight: 500 !important;
color: var(--ss-ink) !important;
margin: 0 0 22px !important;
padding-bottom: 22px !important;
border-bottom: 1px solid var(--ss-rule) !important;
}
.single-product .et_pb_wc_price .price del { color: var(--ss-ink-mute) !important; font-size: 22px !important; margin-right: 10px; }
.single-product .et_pb_wc_price .price ins { background: transparent !important; color: var(--ss-oxblood) !important; text-decoration: none !important; }
.single-product .et_pb_wc_description {
font-family: var(--ss-sans) !important;
font-size: 14px !important;
line-height: 1.7 !important;
color: var(--ss-ink-soft) !important;
margin-bottom: 26px !important;
}
.single-product .et_pb_wc_description h2 { font-family: var(--ss-display) !important; font-size: 28px !important; font-weight: 500 !important; color: var(--ss-ink) !important; margin: 32px 0 16px !important; }
.single-product .et_pb_wc_description ul { list-style: none !important; padding-left: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
.single-product .et_pb_wc_description ul li { padding: 12px 0 !important; border-bottom: 1px dotted var(--ss-rule) !important; font-size: 13px !important; display: flex !important; justify-content: space-between; align-items: baseline; }
.single-product .et_pb_wc_description ul li strong { font-family: var(--ss-mono) !important; font-size: 10px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--ss-ink-mute) !important; font-weight: 500 !important; }
/* =========================================================
14 · PDP — IN STOCK PILL
========================================================= */
.single-product .stock::before, .single-product p.stock::before { content: none; }
.single-product .stock.in-stock,
.single-product .stock.out-of-stock {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 8px !important;
padding: 6px 14px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
float: none !important;
background: rgba(74, 83, 64, 0.06) !important;
border: 1px solid var(--ss-moss) !important;
color: var(--ss-moss) !important;
font-family: var(--ss-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
text-align: left !important;
margin: 0 0 18px !important;
border-radius: 0 !important;
}
.single-product .stock.in-stock::before { content: "●" !important; display: inline-block !important; color: var(--ss-moss); font-size: 8px; line-height: 1; }
.single-product .stock.out-of-stock { color: var(--ss-oxblood) !important; border-color: var(--ss-oxblood) !important; background: rgba(143, 36, 24, 0.06) !important; }
.single-product .stock.out-of-stock::before { content: "○" !important; color: var(--ss-oxblood) !important; display: inline-block !important; font-size: 8px; line-height: 1; }
/* =========================================================
15 · PDP — FFL FORM
========================================================= */
.single-product .et_pb_wc_add_to_cart {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
padding: 0 !important;
margin-top: 0 !important;
}
.single-product .et_pb_wc_add_to_cart::before { content: "" !important; display: none !important; }
.single-product form.cart { position: relative; }
.single-product form.cart::before { content: none !important; }
.single-product form.cart:has(.wc-pao-addons-container) {
background: var(--ss-bone) !important;
border: 1px solid var(--ss-ink) !important;
padding: 28px 30px !important;
margin-top: 24px !important;
}
.single-product form.cart:has(.wc-pao-addons-container)::before {
content: "FEDERAL FIREARMS LICENSE" !important;
position: absolute;
top: -10px; left: 22px;
background: var(--ss-bone);
padding: 0 10px;
font-family: var(--ss-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ss-oxblood);
}
.single-product .wc-pao-addons-container,
.wc-pao-addons-container { background: transparent !important; border: 0 !important; padding: 0 !important; margin-top: 0 !important; }
.wc-pao-addon-container { margin-bottom: 20px !important; }
.wc-pao-addon-heading, .wc-pao-addon-name {
font-family: var(--ss-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
color: var(--ss-ink-mute) !important;
margin: 0 0 8px !important;
padding: 0 !important;
}
.wc-pao-addon-description, .wc-pao-addon-description p {
font-family: var(--ss-serif) !important;
font-style: italic !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: var(--ss-ink-soft) !important;
margin: 0 0 12px !important;
max-width: 100% !important;
font-weight: 400 !important;
}
.wc-pao-addon-custom-text,
.single-product input[type="text"].wc-pao-addon-field {
width: 100% !important;
height: 44px !important;
line-height: 44px !important;
padding: 0 14px !important;
font-family: var(--ss-sans) !important;
font-size: 13px !important;
color: var(--ss-ink) !important;
background: var(--ss-paper) !important;
border: 1px solid var(--ss-rule) !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.wc-pao-addon-custom-text:focus { border-color: var(--ss-ink) !important; outline: 0; }
.wc-pao-addon-file-upload {
width: 100% !important;
padding: 14px 16px !important;
background: var(--ss-paper) !important;
border: 1px dashed var(--ss-rule) !important;
border-radius: 0 !important;
font-family: var(--ss-sans) !important;
font-size: 13px !important;
color: var(--ss-ink) !important;
cursor: pointer;
transition: border-color 140ms ease;
}
.wc-pao-addon-file-upload:hover { border-color: var(--ss-oxblood) !important; border-style: solid !important; }
.wc-pao-addon-wrap small { font-family: var(--ss-mono) !important; font-size: 9px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--ss-ink-mute) !important; margin-top: 8px !important; }
.single-product .quantity input.qty {
width: 64px !important;
height: 50px !important;
background: var(--ss-paper) !important;
border: 1px solid var(--ss-ink) !important;
border-radius: 0 !important;
font-family: var(--ss-mono) !important;
font-size: 14px !important;
color: var(--ss-ink) !important;
text-align: center !important;
box-shadow: none !important;
}
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button {
padding: 16px 32px !important;
background: var(--ss-ink) !important;
color: var(--ss-paper) !important;
border: 1px solid var(--ss-ink) !important;
border-radius: 0 !important;
font-family: var(--ss-sans) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
cursor: pointer;
transition: all 140ms ease;
box-shadow: none !important;
}
.single-product .single_add_to_cart_button:hover { background: var(--ss-oxblood) !important; border-color: var(--ss-oxblood) !important; transform: none !important; }
/* =========================================================
16 · PDP — IMAGES
========================================================= */
.single-product .et_pb_wc_images,
.single-product .woocommerce-product-gallery { background: var(--ss-bone); border: 1px solid var(--ss-rule-soft); padding: 0 !important; }
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce div.product div.images .flex-control-thumbs { background: transparent !important; }
.single-product .woocommerce div.product div.images .flex-control-thumbs li img { border: 1px solid var(--ss-rule-soft) !important; transition: border-color 140ms ease; cursor: pointer; }
.single-product .woocommerce div.product div.images .flex-control-thumbs li img:hover,
.single-product .woocommerce div.product div.images .flex-control-thumbs li img.flex-active { border-color: var(--ss-ink) !important; }
.single-product .woocommerce-product-gallery__trigger { background: var(--ss-paper) !important; border: 1px solid var(--ss-rule) !important; color: var(--ss-ink) !important; width: 36px !important; height: 36px !important; border-radius: 0 !important; }
/* =========================================================
17 · PDP — SPECS TABLE
========================================================= */
.single-product .et_pb_wc_additional_info,
.single-product .woocommerce-product-attributes { background: var(--ss-bone) !important; padding: 40px 0 !important; margin-top: 0 !important; }
.single-product .et_pb_wc_additional_info .woocommerce-Tabs-panel--additional_information,
.single-product table.woocommerce-product-attributes,
.single-product table.shop_attributes {
width: 100% !important;
max-width: 860px;
margin: 0 auto !important;
border: 0 !important;
background: transparent !important;
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0 56px;
}
.single-product table.woocommerce-product-attributes tbody,
.single-product table.shop_attributes tbody { display: contents !important; }
.single-product table.woocommerce-product-attributes tr,
.single-product table.shop_attributes tr {
display: flex !important;
justify-content: space-between;
align-items: baseline;
padding: 14px 0;
border-bottom: 1px dotted var(--ss-rule) !important;
background: transparent !important;
}
.single-product table.woocommerce-product-attributes th,
.single-product table.shop_attributes th {
font-family: var(--ss-mono) !important;
font-size: 10px !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: var(--ss-ink-mute) !important;
font-weight: 500 !important;
text-align: left !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
width: auto !important;
}
.single-product table.woocommerce-product-attributes td,
.single-product table.shop_attributes td {
font-family: var(--ss-serif) !important;
font-size: 16px !important;
color: var(--ss-ink) !important;
font-weight: 500 !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
text-align: right !important;
}
/* =========================================================
18 · PDP — META
========================================================= */
.single-product .et_pb_wc_meta,
.single-product .product_meta { background: var(--ss-paper); padding: 30px 0; border-top: 1px solid var(--ss-rule-soft); }
.single-product .product_meta > span {
display: block !important;
padding: 10px 0 !important;
border-bottom: 1px dotted var(--ss-rule);
font-family: var(--ss-sans);
font-size: 13px;
color: var(--ss-ink-soft);
line-height: 1.6;
}
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .posted_in,
.single-product .product_meta .tagged_as,
.single-product .product_meta .product_brand {
font-family: var(--ss-sans) !important;
font-size: 13px !important;
color: var(--ss-ink-soft) !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.single-product .product_meta a {
font-family: var(--ss-sans) !important;
font-size: 13px !important;
color: var(--ss-oxblood) !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
display: inline !important;
text-decoration: underline !important;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
text-decoration-color: var(--ss-rule);
}
.single-product .product_meta a:hover { color: var(--ss-oxblood-deep) !important; text-decoration-color: var(--ss-oxblood) !important; }
/* =========================================================
19 · PDP — REVIEWS
========================================================= */
.single-product .et_pb_wc_reviews,
.single-product #reviews { background: var(--ss-bone); padding: 50px 30px !important; text-align: center; }
.single-product #reviews h2.woocommerce-Reviews-title,
.single-product #reviews h3 { font-family: var(--ss-display) !important; font-size: 28px !important; font-weight: 500 !important; color: var(--ss-ink) !important; margin-bottom: 8px !important; }
.single-product #reviews .comment-form-rating label,
.single-product #reviews .comment-form label { font-family: var(--ss-mono) !important; font-size: 10px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--ss-ink-mute) !important; font-weight: 500 !important; }
.single-product #reviews .comment-form textarea,
.single-product #reviews textarea {
width: 100% !important;
max-width: 600px;
padding: 14px !important;
border: 1px solid var(--ss-rule) !important;
background: var(--ss-paper) !important;
font-family: var(--ss-sans) !important;
font-size: 13px !important;
border-radius: 0 !important;
box-shadow: none !important;
resize: vertical;
}
.single-product #reviews .comment-form .submit,
.single-product #reviews #submit {
padding: 13px 28px !important;
background: var(--ss-oxblood) !important;
color: var(--ss-paper) !important;
border: 1px solid var(--ss-oxblood) !important;
border-radius: 0 !important;
font-family: var(--ss-sans) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
box-shadow: none !important;
cursor: pointer;
}
.single-product #reviews .star-rating,
.single-product .stars a { color: var(--ss-accent-gold) !important; }
/* =========================================================
20 · PDP — WC TABS
========================================================= */
.single-product .et_pb_wc_tabs { background: var(--ss-bone) !important; padding: 50px 30px !important; margin: 0 !important; border: 0 !important; }
.single-product .et_pb_wc_tabs .et_pb_tabs_controls {
display: flex !important;
justify-content: center !important;
gap: 0 !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 36px !important;
border: 0 !important;
border-bottom: 1px solid var(--ss-rule) !important;
background: transparent !important;
}
.single-product .et_pb_wc_tabs .et_pb_tabs_controls::before,
.single-product .et_pb_wc_tabs .et_pb_tabs_controls::after { display: none !important; content: none !important; }
.single-product .et_pb_wc_tabs .et_pb_tabs_controls li { background: transparent !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; height: auto !important; box-shadow: none !important; list-style: none !important; }
.single-product .et_pb_wc_tabs .et_pb_tabs_controls li a {
display: block !important;
padding: 16px 28px !important;
background: transparent !important;
border: 0 !important;
border-bottom: 2px solid transparent !important;
margin-bottom: -1px !important;
font-family: var(--ss-sans) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
color: var(--ss-ink-mute) !important;
text-decoration: none !important;
line-height: 1 !important;
transition: all 140ms ease !important;
}
.single-product .et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a { border-bottom-color: var(--ss-oxblood) !important; color: var(--ss-oxblood) !important; }
.single-product .et_pb_wc_tabs .et_pb_tabs_controls li:not(.et_pb_tab_active) a:hover { color: var(--ss-ink) !important; }
.single-product .et_pb_wc_tabs .et_pb_tabs_controls li.wccpf_fields_tab_tab { display: none !important; }
.single-product .et_pb_wc_tabs .et_pb_all_tabs,
.single-product .et_pb_wc_tabs .et_pb_tab { background: transparent !important; border: 0 !important; padding: 0 !important; }
.single-product .et_pb_wc_tabs .et_pb_tab_content { background: transparent !important; padding: 0 !important; max-width: 880px !important; margin: 0 auto !important; }
.single-product .et_pb_wc_tabs .et_pb_tab_content p,
.single-product .et_pb_wc_tabs .et_pb_tab_content li { font-family: var(--ss-sans) !important; font-size: 14px !important; line-height: 1.7 !important; color: var(--ss-ink-soft) !important; }
.single-product .et_pb_wc_tabs .et_pb_tab_content ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0 40px !important;
}
.single-product .et_pb_wc_tabs .et_pb_tab_content ul li { padding: 12px 0 !important; border-bottom: 1px dotted var(--ss-rule) !important; margin: 0 !important; }
.ss-tab-meta { max-width: 600px; margin: 0 auto; }
.ss-tab-meta-row { display: grid; grid-template-columns: 120px 1fr; gap: 20px; padding: 14px 0; border-bottom: 1px dotted var(--ss-rule); align-items: baseline; }
.ss-tab-meta-label { font-family: var(--ss-mono); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ss-ink-mute); }
.ss-tab-meta-value { font-family: var(--ss-sans); font-size: 13px; color: var(--ss-ink-soft); }
.ss-tab-meta-value a { color: var(--ss-oxblood) !important; text-decoration: underline; text-underline-offset: 3px; }
.ss-tab-meta-value a:hover { color: var(--ss-oxblood-deep) !important; }
/* =========================================================
21 · PDP — INDOOR RANGE PROMO (.ss-promo-dark)
========================================================= */
.ss-promo-dark {
background-image: url("data:image/svg+xml;utf8, that might be injected by
FacetWP/Divi templates and throw off the grid alignment. */
.ss-section-picks ul.products > li:not(.product),
.ss-section-picks ul.products > li.product:empty {
display: none !important;
}
/* CRITICAL — WooCommerce adds clearfix ::before/::after to ul.products
for its default float layout. In a grid context those pseudo-elements
become grid items and steal cells, pushing real products into the
wrong slots. Kill them. */
.ss-section-picks ul.products::before,
.ss-section-picks ul.products::after,
.et_pb_text_inner > .woocommerce.columns-4 > ul.products.columns-4::before,
.et_pb_text_inner > .woocommerce.columns-4 > ul.products.columns-4::after {
content: none !important;
display: none !important;
}
.ss-section-picks .woocommerce ul.products,
.ss-section-picks ul.products,
.et_pb_section.ss-section-picks ul.products,
/* Fallback: also match the raw [products columns="4"] markup when
the shortcode lives inside a Divi Text module on any page (homepage,
preview, landing page, etc.). The structure is specific enough not
to bleed into archive/shop pages. */
.et_pb_text_inner > .woocommerce.columns-4 > ul.products.columns-4 {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 24px !important;
margin: 0 auto !important;
max-width: 1280px !important;
padding: 0 !important;
list-style: none !important;
justify-content: center !important;
}
.ss-section-picks ul.products li.product {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
}
/* Tighten the grid when there are fewer cards so they stay
centered rather than stretched edge-to-edge.
Uses :has() with .product (not just li) so phantom s
don't poison the count. */
.ss-section-picks ul.products:has(li.product:nth-of-type(1):last-of-type) {
grid-template-columns: minmax(280px, 360px) !important;
}
.ss-section-picks ul.products:has(li.product:nth-of-type(2):last-of-type) {
grid-template-columns: repeat(2, minmax(280px, 360px)) !important;
}
.ss-section-picks ul.products:has(li.product:nth-of-type(3):last-of-type) {
grid-template-columns: repeat(3, minmax(280px, 320px)) !important;
}
/* 4 products → default repeat(4, …) above already handles it.
5 or 6 products → 3-column grid keeps rows balanced. */
.ss-section-picks ul.products:has(li.product:nth-of-type(5)) {
grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
}
@media (max-width: 980px) {
.ss-section-picks .woocommerce ul.products,
.ss-section-picks ul.products,
.et_pb_section.ss-section-picks ul.products,
.et_pb_text_inner > .woocommerce.columns-4 > ul.products.columns-4,
.ss-section-picks ul.products:has(li.product:last-of-type) {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 540px) {
.ss-section-picks .woocommerce ul.products,
.ss-section-picks ul.products,
.et_pb_section.ss-section-picks ul.products,
.et_pb_text_inner > .woocommerce.columns-4 > ul.products.columns-4,
.ss-section-picks ul.products:has(li.product:last-of-type) {
grid-template-columns: 1fr !important;
}
}
/* =========================================================
15b · EDITORIAL PRODUCT CARD STYLES (used by content-product.php)
========================================================= */
.ss-card {
display: flex !important;
flex-direction: column !important;
background: var(--ss-paper) !important;
border: 1px solid var(--ss-rule-soft, #e0d8c3) !important;
text-decoration: none !important;
color: var(--ss-ink) !important;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
position: relative !important;
overflow: hidden !important;
height: 100% !important;
}
.ss-card:hover {
transform: translateY(-2px) !important;
box-shadow: 0 12px 28px -8px rgba(28,26,23,0.18) !important;
border-color: var(--ss-rule, #d8cdb6) !important;
}
.ss-card__top {
position: absolute !important;
top: 14px !important;
left: 14px !important;
right: 14px !important;
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
z-index: 3 !important;
pointer-events: none !important;
}
.ss-card__top > * { pointer-events: auto; }
.ss-card__badge {
background: var(--ss-ink) !important;
color: var(--ss-paper) !important;
padding: 5px 10px !important;
font-family: var(--ss-mono) !important;
font-size: 9px !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
font-weight: 600 !important;
}
.ss-card__wish {
background: transparent !important;
border: 0 !important;
color: var(--ss-ink) !important;
font-size: 22px !important;
line-height: 1 !important;
cursor: pointer !important;
padding: 0 !important;
text-shadow: 0 1px 4px rgba(244,237,224,0.8);
transition: color .15s ease, transform .15s ease !important;
}
.ss-card__wish:hover { transform: scale(1.1); }
.ss-card__wish.is-active { color: var(--ss-oxblood) !important; }
.ss-card__image {
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
position: relative !important;
background: var(--ss-bone-2, #efe7d3) !important;
width: 100% !important;
display: block !important;
}
.ss-card__image img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
display: block !important;
transition: transform .5s ease !important;
}
.ss-card:hover .ss-card__image img { transform: scale(1.04); }
.ss-card__quickview {
position: absolute !important;
bottom: 14px !important;
left: 50% !important;
transform: translateX(-50%) translateY(10px) !important;
background: var(--ss-paper) !important;
color: var(--ss-ink) !important;
padding: 8px 16px !important;
font-family: var(--ss-sans) !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
opacity: 0 !important;
transition: all .25s ease !important;
pointer-events: none !important;
}
.ss-card:hover .ss-card__quickview {
opacity: 1 !important;
transform: translateX(-50%) translateY(0) !important;
}
.ss-card__brand {
font-family: var(--ss-mono) !important;
font-size: 10px !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: var(--ss-oxblood) !important;
font-weight: 600 !important;
padding: 18px 18px 6px !important;
margin: 0 !important;
}
.ss-card__name {
font-family: var(--ss-display) !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
color: var(--ss-ink) !important;
padding: 0 18px 6px !important;
margin: 0 !important;
letter-spacing: -0.005em !important;
}
.ss-card__spec {
font-family: var(--ss-mono) !important;
font-size: 10px !important;
letter-spacing: 0.1em !important;
color: var(--ss-ink-soft) !important;
text-transform: uppercase !important;
padding: 0 18px 14px !important;
}
.ss-card__foot {
display: flex !important;
align-items: baseline !important;
justify-content: space-between !important;
padding: 14px 18px 18px !important;
margin-top: auto !important;
border-top: 1px solid var(--ss-rule-soft, #e0d8c3) !important;
}
.ss-card__price {
font-family: var(--ss-display) !important;
font-size: 20px !important;
color: var(--ss-ink) !important;
font-weight: 500 !important;
}
.ss-card__price .woocommerce-Price-amount { font-family: inherit !important; }
.ss-card__stock {
font-family: var(--ss-mono) !important;
font-size: 9px !important;
letter-spacing: 0.16em !important;
text-transform: uppercase !important;
color: var(--ss-oxblood) !important;
}
.ss-card__stock.is-out { color: var(--ss-ink-mute, #7a6f63) !important; }
/* =====================================================================
17 · HOMEPAGE PROMO STRIP (v2)
Powered by [ss_promo slot="top|middle|bottom"] shortcode + ACF Pro
"homepage_promos" Flexible Content field. Four variants:
· ss-promo--ribbon → short transitional band (NEW)
· ss-promo--banner → cinematic magazine cover
· ss-promo--split → editioned print plate
· ss-promo--tricard → museum exhibition wall
===================================================================== */
/* ---------------------------------------------------------------------
Base tokens shared across all variants
--------------------------------------------------------------------- */
.ss-promo-strip { width: 100%; }
.ss-promo {
--pad-y: 110px;
--pad-x: 88px;
--rule: rgba(28,26,23,0.16);
--rule-light: rgba(244,237,224,0.22);
position: relative;
width: 100%;
overflow: hidden;
isolation: isolate;
}
/* Two stacked promos in the same slot — gentle hairline between them */
.ss-promo-strip > .ss-promo + .ss-promo {
border-top: 1px solid rgba(28,26,23,0.06);
}
/* Tones */
.ss-promo.ss-promo--tone-bone { background: var(--ss-bone, #efe7d3); color: var(--ss-ink, #1c1a17); }
.ss-promo.ss-promo--tone-paper { background: var(--ss-paper, #f4ede0); color: var(--ss-ink, #1c1a17); }
.ss-promo.ss-promo--tone-ink { background: var(--ss-ink, #1c1a17); color: var(--ss-paper, #f4ede0); --rule: var(--rule-light); }
.ss-promo.ss-promo--tone-oxblood { background: var(--ss-oxblood, #7a2520); color: var(--ss-paper, #f4ede0); --rule: var(--rule-light); }
/* Device visibility — for the "Show on" picker */
@media (max-width: 768px) {
.ss-promo--hide-mobile { display: none !important; }
}
@media (min-width: 769px) {
.ss-promo--hide-desktop { display: none !important; }
}
/* Shared type — overridden per-variant where needed */
.ss-promo__kicker {
font-family: var(--ss-mono);
font-size: 11px;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--ss-oxblood);
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
}
.ss-promo--tone-ink .ss-promo__kicker,
.ss-promo--tone-oxblood .ss-promo__kicker { color: var(--ss-accent-gold, #c9a159); }
.ss-promo__kicker-dot {
width: 5px; height: 5px;
background: currentColor;
transform: rotate(45deg);
flex: 0 0 5px;
opacity: 0.85;
}
.ss-promo__headline {
font-family: var(--ss-display);
font-size: clamp(40px, 5vw, 68px);
line-height: 1.02;
letter-spacing: -0.018em;
font-weight: 400;
margin: 0 0 22px;
text-wrap: balance;
}
.ss-promo__headline em {
font-style: italic;
color: var(--ss-oxblood);
}
/* Force cream-paper headline + body on dark tones (beats Divi h2 default) */
.ss-promo.ss-promo--tone-ink .ss-promo__headline,
.ss-promo.ss-promo--tone-oxblood .ss-promo__headline {
color: var(--ss-paper, #faf6ed) !important;
}
.ss-promo.ss-promo--tone-ink .ss-promo__headline em,
.ss-promo.ss-promo--tone-oxblood .ss-promo__headline em {
color: var(--ss-accent-gold, #c9a159) !important;
}
.ss-promo__copy {
font-family: var(--ss-serif);
font-style: italic;
font-size: 18px;
line-height: 1.55;
margin: 0 0 36px;
max-width: 480px;
opacity: 0.86;
}
.ss-promo.ss-promo--tone-ink .ss-promo__copy,
.ss-promo.ss-promo--tone-oxblood .ss-promo__copy {
color: var(--ss-paper, #faf6ed);
opacity: 0.9;
}
/* Hairline rules */
.ss-promo__rule {
display: block;
width: 64px;
height: 1px;
background: currentColor;
opacity: 0.4;
margin-bottom: 24px;
}
.ss-promo__rule--short { width: 40px; margin: 24px 0; }
.ss-promo__rule--center { margin-left: auto; margin-right: auto; }
.ss-promo.ss-promo--tone-ink .ss-promo__rule,
.ss-promo.ss-promo--tone-oxblood .ss-promo__rule {
background: var(--ss-paper, #faf6ed);
opacity: 0.55;
}
/* CTAs */
.ss-promo__cta {
display: inline-flex;
align-items: baseline;
gap: 14px;
font-family: var(--ss-sans);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.24em;
text-transform: uppercase;
text-decoration: none;
color: inherit;
padding-bottom: 6px;
border-bottom: 1px solid currentColor;
transition: gap .25s ease, opacity .2s ease;
}
.ss-promo__cta:hover { gap: 22px; opacity: 0.85; }
.ss-promo__cta-arrow { display: inline-block; transition: transform .25s ease; }
.ss-promo__cta:hover .ss-promo__cta-arrow { transform: translateX(4px); }
.ss-promo__cta--solid {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 28px;
border: 1px solid currentColor;
text-transform: uppercase;
letter-spacing: 0.22em;
font-size: 11px;
font-weight: 700;
transition: background .2s ease, color .2s ease, gap .25s ease;
text-decoration: none;
color: inherit;
}
.ss-promo__cta--solid:hover { gap: 16px; }
.ss-promo--tone-bone .ss-promo__cta--solid:hover,
.ss-promo--tone-paper .ss-promo__cta--solid:hover {
background: var(--ss-ink); color: var(--ss-paper); border-color: var(--ss-ink);
}
.ss-promo--tone-ink .ss-promo__cta--solid,
.ss-promo--tone-oxblood .ss-promo__cta--solid {
color: var(--ss-paper, #faf6ed);
border-color: var(--ss-paper, #faf6ed);
}
.ss-promo--tone-ink .ss-promo__cta--solid:hover,
.ss-promo--tone-oxblood .ss-promo__cta--solid:hover {
background: var(--ss-paper, #faf6ed);
color: var(--ss-ink, #1c1a17);
border-color: var(--ss-paper, #faf6ed);
}
/* =====================================================================
Variant · EDITORIAL RIBBON (NEW — short transitional band)
===================================================================== */
.ss-promo--ribbon {
padding: 36px 88px;
display: grid;
grid-template-columns: 140px 1fr auto;
gap: 48px;
align-items: center;
min-height: 180px;
border-top: 1px solid var(--rule);
border-bottom: 1px solid var(--rule);
}
.ss-promo--ribbon .ss-promo__thumb {
width: 140px;
height: 140px;
position: relative;
overflow: hidden;
display: block;
box-shadow: 0 12px 30px -16px rgba(28,26,23,0.4);
}
.ss-promo--ribbon .ss-promo__thumb::after {
content: '';
position: absolute;
inset: 10px;
border: 1px solid rgba(244,237,224,0.5);
mix-blend-mode: overlay;
pointer-events: none;
z-index: 2;
}
.ss-promo--ribbon .ss-promo__thumb img {
width: 100%; height: 100%;
object-fit: cover;
display: block;
transition: transform .8s ease;
}
.ss-promo--ribbon .ss-promo__thumb:hover img { transform: scale(1.06); }
.ss-promo--ribbon .ss-promo__center {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.ss-promo--ribbon .ss-promo__kicker { margin-bottom: 4px; }
.ss-promo--ribbon .ss-promo__headline {
font-size: clamp(26px, 2.6vw, 36px);
margin: 0;
line-height: 1.1;
letter-spacing: -0.01em;
}
.ss-promo--ribbon .ss-promo__copy {
font-size: 15px;
margin: 4px 0 0;
max-width: 560px;
opacity: 0.78;
}
.ss-promo--ribbon .ss-promo__cta {
flex-shrink: 0;
align-self: center;
}
/* =====================================================================
Variant · EDITORIAL BANNER
===================================================================== */
.ss-promo--banner {
min-height: 620px;
display: grid;
align-items: end;
padding: var(--pad-y) var(--pad-x);
}
.ss-promo--banner .ss-promo__media {
position: absolute; inset: 0;
background-size: cover; background-position: center;
transform: scale(1.02); transition: transform 1.2s ease; z-index: 0;
}
.ss-promo--banner:hover .ss-promo__media { transform: scale(1.06); }
.ss-promo--banner .ss-promo__scrim {
position: absolute; inset: 0; z-index: 1;
background:
linear-gradient(180deg, rgba(28,26,23,0) 50%, rgba(28,26,23,0.55) 100%),
linear-gradient(90deg, rgba(28,26,23,0.78) 0%, rgba(28,26,23,0.4) 45%, rgba(28,26,23,0) 75%);
}
.ss-promo--banner .ss-promo__rail {
position: absolute;
top: 50%; right: 38px;
transform: rotate(90deg) translateX(50%);
transform-origin: right center;
font-family: var(--ss-mono);
font-size: 10px;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(--ss-accent-gold, #c9a159);
opacity: 0.7;
z-index: 3;
white-space: nowrap;
}
.ss-promo--banner .ss-promo__rail::before {
content: '';
display: inline-block;
width: 48px; height: 1px;
background: currentColor;
vertical-align: middle;
margin-right: 14px;
opacity: 0.6;
}
.ss-promo--banner .ss-promo__overlay {
position: relative;
z-index: 2;
max-width: 620px;
color: var(--ss-paper);
}
.ss-promo--banner .ss-promo__rule {
width: 80px;
background: var(--ss-accent-gold, #c9a159);
opacity: 1;
margin-bottom: 22px;
}
.ss-promo--banner .ss-promo__kicker { color: var(--ss-accent-gold, #c9a159); }
.ss-promo--banner .ss-promo__headline {
font-size: clamp(44px, 5.6vw, 80px);
color: var(--ss-paper);
text-shadow: 0 2px 18px rgba(0,0,0,0.35);
}
.ss-promo--banner .ss-promo__copy {
color: var(--ss-paper);
text-shadow: 0 1px 10px rgba(0,0,0,0.4);
opacity: 0.94;
}
/* =====================================================================
Variant · EDITORIAL SPLIT
===================================================================== */
.ss-promo--split {
display: grid;
grid-template-columns: 1.05fr 1fr;
min-height: 640px;
align-items: stretch;
}
.ss-promo--split.ss-promo--flip { grid-template-columns: 1fr 1.05fr; }
.ss-promo--split.ss-promo--flip .ss-promo__plate { order: 2; }
.ss-promo--split .ss-promo__plate {
position: relative;
margin: 0;
padding: 56px 56px 56px;
display: flex;
flex-direction: column;
}
.ss-promo--split .ss-promo__plate-mat {
position: relative;
flex: 1;
overflow: hidden;
box-shadow: 0 24px 60px -24px rgba(28,26,23,0.35);
}
.ss-promo--split .ss-promo__plate-mat::before {
content: '';
position: absolute; inset: 14px;
border: 1px solid rgba(244,237,224,0.55);
pointer-events: none; z-index: 2;
mix-blend-mode: overlay;
}
.ss-promo--split .ss-promo__plate-mat img {
width: 100%; height: 100%;
min-height: 460px;
object-fit: cover;
display: block;
transition: transform 1s ease;
}
.ss-promo--split:hover .ss-promo__plate-mat img { transform: scale(1.03); }
.ss-promo--split .ss-promo__caption {
font-family: var(--ss-serif);
font-style: italic;
font-size: 13px;
letter-spacing: 0.04em;
color: var(--ss-ink-soft, #5a4f43);
text-align: center;
padding: 22px 8px 0;
opacity: 0.78;
}
.ss-promo--split.ss-promo--tone-ink .ss-promo__caption,
.ss-promo--split.ss-promo--tone-oxblood .ss-promo__caption {
color: var(--ss-paper);
opacity: 0.65;
}
.ss-promo--split .ss-promo__content {
display: flex;
align-items: center;
padding: var(--pad-y) var(--pad-x);
}
.ss-promo--split .ss-promo__content-inner { max-width: 520px; }
.ss-promo--split .ss-promo__headline { font-size: clamp(36px, 4.2vw, 56px); }
/* =====================================================================
Variant · TRI-CARD
===================================================================== */
.ss-promo--tricard {
padding: var(--pad-y) var(--pad-x);
}
.ss-promo--tricard .ss-promo__head {
text-align: center;
max-width: 720px;
margin: 0 auto 64px;
}
.ss-promo--tricard .ss-promo__head .ss-promo__kicker { justify-content: center; }
.ss-promo--tricard .ss-promo__headline { font-size: clamp(36px, 4vw, 56px); }
.ss-promo--tricard .ss-promo__copy {
margin: 0 auto;
text-align: center;
max-width: 520px;
}
.ss-promo--tricard .ss-promo__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
max-width: 1280px;
margin: 0 auto;
}
.ss-promo__card {
position: relative;
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
transition: transform .35s ease;
}
.ss-promo__card:hover { transform: translateY(-4px); }
.ss-promo__card-no {
font-family: var(--ss-mono);
font-size: 10px;
letter-spacing: 0.34em;
text-transform: uppercase;
color: var(--ss-oxblood);
opacity: 0.85;
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid var(--rule);
}
.ss-promo--tricard.ss-promo--tone-ink .ss-promo__card-no,
.ss-promo--tricard.ss-promo--tone-oxblood .ss-promo__card-no { color: var(--ss-accent-gold, #c9a159); }
.ss-promo__card-media {
aspect-ratio: 4 / 5;
overflow: hidden;
background: var(--ss-bone);
position: relative;
}
.ss-promo__card-media::after {
content: '';
position: absolute; inset: 12px;
border: 1px solid rgba(244,237,224,0.45);
mix-blend-mode: overlay;
pointer-events: none;
}
.ss-promo__card-media img {
width: 100%; height: 100%;
object-fit: cover;
display: block;
transition: transform .8s ease;
}
.ss-promo__card:hover .ss-promo__card-media img { transform: scale(1.05); }
.ss-promo__card-body {
padding: 24px 0 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.ss-promo__card-kicker {
font-family: var(--ss-mono);
font-size: 10px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ss-oxblood);
opacity: 0.9;
}
.ss-promo--tricard.ss-promo--tone-ink .ss-promo__card-kicker,
.ss-promo--tricard.ss-promo--tone-oxblood .ss-promo__card-kicker { color: var(--ss-accent-gold, #c9a159); }
.ss-promo__card-headline {
font-family: var(--ss-display);
font-size: 26px;
line-height: 1.15;
letter-spacing: -0.005em;
color: inherit;
}
.ss-promo__card-headline em { font-style: italic; color: var(--ss-oxblood); }
.ss-promo--tricard.ss-promo--tone-ink .ss-promo__card-headline em,
.ss-promo--tricard.ss-promo--tone-oxblood .ss-promo__card-headline em { color: var(--ss-accent-gold, #c9a159); }
.ss-promo__card-rule {
display: block;
width: 28px;
height: 1px;
background: currentColor;
opacity: 0.35;
margin: 6px 0 4px;
}
.ss-promo__card-link {
font-family: var(--ss-sans);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
gap: 8px;
transition: gap .25s ease;
}
.ss-promo__card:hover .ss-promo__card-link { gap: 14px; }
/* =====================================================================
Mobile / Tablet
===================================================================== */
@media (max-width: 1024px) {
.ss-promo { --pad-y: 72px; --pad-x: 36px; }
/* Ribbon — stacks to a tidy card */
.ss-promo--ribbon {
grid-template-columns: 1fr;
gap: 22px;
padding: 32px 36px;
min-height: 0;
text-align: center;
}
.ss-promo--ribbon .ss-promo__thumb {
margin: 0 auto;
width: 120px; height: 120px;
}
.ss-promo--ribbon .ss-promo__center { align-items: center; }
.ss-promo--ribbon .ss-promo__kicker { justify-content: center; }
.ss-promo--ribbon .ss-promo__cta { align-self: center; }
.ss-promo--split { grid-template-columns: 1fr; min-height: 0; }
.ss-promo--split.ss-promo--flip { grid-template-columns: 1fr; }
.ss-promo--split.ss-promo--flip .ss-promo__plate { order: 1; }
.ss-promo--split .ss-promo__plate { padding: 36px 28px 36px; }
.ss-promo--split .ss-promo__plate-mat img { min-height: 360px; }
.ss-promo--split .ss-promo__content { padding: 56px 36px 72px; }
.ss-promo--tricard .ss-promo__cards { grid-template-columns: repeat(2, 1fr); gap: 28px; }
.ss-promo--tricard .ss-promo__head { margin-bottom: 44px; }
.ss-promo--banner { min-height: 520px; padding: 64px 36px; }
.ss-promo--banner .ss-promo__rail { display: none; }
}
@media (max-width: 640px) {
.ss-promo { --pad-y: 56px; --pad-x: 24px; }
.ss-promo__headline { font-size: clamp(32px, 8.5vw, 48px) !important; }
.ss-promo__copy { font-size: 16px; line-height: 1.5; }
.ss-promo--ribbon { padding: 28px 24px; }
.ss-promo--ribbon .ss-promo__headline { font-size: clamp(22px, 7vw, 28px) !important; }
.ss-promo--banner { min-height: 460px; padding: 48px 24px; }
.ss-promo--banner .ss-promo__scrim {
background: linear-gradient(180deg, rgba(28,26,23,0.2) 0%, rgba(28,26,23,0.85) 80%);
}
.ss-promo--split .ss-promo__plate { padding: 24px 20px; }
.ss-promo--split .ss-promo__content { padding: 40px 24px 56px; }
.ss-promo--tricard .ss-promo__cards { grid-template-columns: 1fr; gap: 32px; }
.ss-promo--tricard .ss-promo__head { margin-bottom: 36px; }
.ss-promo__card-headline { font-size: 22px; }
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.ss-promo--banner:hover .ss-promo__media,
.ss-promo--split:hover .ss-promo__plate-mat img,
.ss-promo__card:hover .ss-promo__card-media img,
.ss-promo--ribbon .ss-promo__thumb:hover img,
.ss-promo__card:hover { transform: none !important; }
.ss-promo__cta:hover,
.ss-promo__cta--solid:hover,
.ss-promo__card:hover .ss-promo__card-link { gap: inherit !important; }
}
/* =====================================================================
Variant · EDITORIAL COMPACT (postcard-sized — best for overlay slot)
===================================================================== */
.ss-promo--compact {
min-height: 340px;
max-width: 560px;
margin: 0 auto;
display: grid;
align-items: end;
padding: 36px 40px;
position: relative;
}
.ss-promo--compact .ss-promo__media {
position: absolute; inset: 0;
background-size: cover; background-position: center; z-index: 0;
}
.ss-promo--compact .ss-promo__scrim {
position: absolute; inset: 0; z-index: 1;
background:
linear-gradient(180deg, rgba(28,26,23,0) 30%, rgba(28,26,23,0.75) 100%),
linear-gradient(90deg, rgba(28,26,23,0.65) 0%, rgba(28,26,23,0.25) 60%, rgba(28,26,23,0) 100%);
}
.ss-promo--compact.ss-promo--tone-oxblood .ss-promo__scrim {
background:
linear-gradient(180deg, rgba(122,37,32,0) 20%, rgba(122,37,32,0.8) 100%),
linear-gradient(90deg, rgba(122,37,32,0.7) 0%, rgba(122,37,32,0.3) 60%, rgba(122,37,32,0) 100%);
}
.ss-promo--compact .ss-promo__overlay { position: relative; z-index: 2; color: var(--ss-paper); max-width: 420px; }
.ss-promo--compact .ss-promo__kicker { color: var(--ss-accent-gold, #c9a159); margin-bottom: 12px; }
.ss-promo--compact .ss-promo__headline {
font-family: var(--ss-display);
font-size: clamp(28px, 4vw, 38px);
line-height: 1.05; letter-spacing: -0.012em;
color: var(--ss-paper) !important;
text-shadow: 0 2px 14px rgba(0,0,0,0.4);
margin: 0 0 22px;
}
.ss-promo--compact .ss-promo__headline em { color: var(--ss-accent-gold, #c9a159) !important; font-style: italic; }
.ss-promo--compact .ss-promo__cta--solid {
color: var(--ss-paper);
border-color: var(--ss-paper);
}
.ss-promo--compact .ss-promo__cta--solid:hover {
background: var(--ss-paper); color: var(--ss-ink); border-color: var(--ss-paper);
}
@media (max-width: 600px) {
.ss-promo--compact { min-height: 280px; padding: 28px 24px; }
.ss-promo--compact .ss-promo__headline { font-size: clamp(22px, 7vw, 28px) !important; }
}
/* =========================================================
30 · MIGRATED FROM DIVI THEME OPTIONS → CUSTOM CSS
Moved here 2026-05-29 so all CSS lives in one file.
NOTE: the old `.category-hero-bg { background:#f8f6f3 !important; ... }`
rule was intentionally DROPPED — it wiped the category banner
background-image. The hero is fully handled in §03 above.
After uploading this file, EMPTY the Divi Custom CSS panel.
========================================================= */
.woocommerce-page span.onsale, .woocommerce span.onsale {
height: 58px!important;
width: 58px!important;
left: unset !important;
position: absolute;
top: 0px!important;
right: 0 !important;
}
.archive .et_pb_widget a.widget_sp_image-image-link img {
margin-bottom: 20px;
}
.facetwp-checkbox.checked {
background-image: url('/wp-content/uploads/2026/05/checked-icon.png') !important;
}
.facetwp-slider-reset {
border: 1px solid #000000 !important;
background: #000000 !important;
box-shadow: none !important;
color: #fff;
padding: 7px 10px !important;
font-size: 14px;
margin-top: 20px;
width: 100%;
}
.facetwp-slider-reset:hover{
background:transparent !important;
color:#000 !important;
}
.et-db #et-boc .et-l .et_pb_column_3_tb_body {
border-left-width: 0px !important;
padding-top: 0vh;
padding-bottom: 0vh;
}
.archive .et_pb_widget h4 {
border-bottom: 1px solid #8f8c8c66;
margin-bottom: 16px;
}
.archive .et_pb_widget .facetwp-facet span{
color:#000;
}
.archive #et-boc .et-l .et_pb_column_2_tb_body{
background: #f8f6f3;
height: max-content;
margin-left: 0px;
}
.archive #et-boc .et-l .et_pb_widget_area_left{
background:transparent !important;
}
.archive .et_pb_widget {
padding-top: 0px;
border-bottom: 0px solid #872518;
padding-bottom: 0px;
}
.tippy-content.tippy-content-centered-horizontal {
background-color: transparent !important;
box-shadow: none !important;
}
.tippy-content.tippy-content-centered-horizontal .dl-noboxshadow > .et_pb_section:first-child {
box-shadow: 1px 1px 9px 0px rgba(219,219,219,0.92) !important;
}
.mega-wrapper{
box-shadow:0 0 10px #ddd !important;
}
.dmmbasic-theme .divimegapro-flexheight {
max-width: 1320px;
margin: auto;
padding: 0 20px;
}
footer{
z-index: 99;
position: relative;
}
.sticky-menu{
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
animation: smoothSticky 0.3s ease;
margin: 0 !important;
box-shadow: 0 0 10px 3px #d3d3d3;
}
@keyframes smoothSticky{
from{
transform: translateY(-100%);
}
to{
transform: translateY(0);
}
}
.et-db #et-boc .mega-list-menu .et-menu.nav li:nth-child(1) a{
font-weight: normal !important;
text-transform: capitalize !important;
font-family: Open Sans, Arial, sans-serif !important;
letter-spacing: 0;
}
.head-menu-column {
width: -webkit-fill-available !important;
padding-left: 35px !important;
}
/* Only mega-list-menu mobile hamburger disable */
@media only screen and (max-width: 980px){
.head-main-box {
padding-bottom: 15px !important;
}
.header-main-menus {
background-color: transparent !important;
}
.head-all-menu-section{
position: unset !important;
}
.head-all-menu-row{
position: unset !important;
}
.head-menu-column {
position: absolute !important;
top: 35%;
right: 0px;
left:0px;
padding: 0 !important;
}
.head-main-box .head-menu-col {
width: 50% !important;
order: 2;
}
.head-main-box .head-logo-col {
width: 50% !important;
order:1;
}
.head-main-box .head-search-box {
order: 3;
width: 100%;
}
.mega-list-menu .et_mobile_nav_menu{
display:none !important;
}
.mega-list-menu .et_pb_menu__menu{
display:flex !important;
justify-content: start !important;
width: 100%;
}
.mega-list-menu .et_pb_menu__wrap{
justify-content:flex-start;
}
.mega-list-menu ul.et-menu{
display:flex !important;
flex-wrap:wrap;
}
.mega-wrapper {
height: 80vh;
overflow: scroll;
}
.mega-wrapper .mega-list-menu {
border: none !important;
border-bottom: 1px solid #ddd !important;
padding-bottom: 20px;
}
.mega-wrapper .mega-list-menu:last-child {
border: none !important;
border-bottom: 0px solid #ddd !important;
padding-bottom: 0px;
}
.et-db #et-boc .mega-list-menu .et-menu.nav li:nth-child(1) a {
font-size: 18px !important;
margin-bottom: 0px;
}
.header-main-menus .et_pb_menu__wrap {
justify-content: end !important;
}
ul#mobile_menu40{
top:240% !important;
}
.head-all-menu-row{
padding:0px !important;
}
}
@media only screen and (min-device-width: 981px) and (max-device-width: 1260px){
ul#menu-new-header li {
padding: 0 22px 0 0 !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 980px){
.inner-head-wrap{
max-width: 100% !important;
width: 98%;
}
.head-menu-column {
top: 44%;
}
}
@media only screen and (max-width: 767px){
footer .et-popup-login .et_pb_row.et_pb_row_3_tb_footer.et_pb_gutters1 {
height: 100%;
display: flex;
align-items: center;
padding-bottom: 0px !important;
}
footer .et-popup-login .et_pb_column.et_pb_column_4_4.et_pb_column_7_tb_footer{
position:unset;
}
footer .et-popup-login .et_pb_column.et_pb_column_4_4.et_pb_column_7_tb_footer .et_pb_blurb_0_tb_footer.et_pb_blurb {
height: 50px;
margin-bottom: 10px!important;
width: 50px;
position: absolute;
top: 10px;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 766px){
.head-menu-column {
top: 45%;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
.head-menu-column {
top: 46% !important;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 980px){
.et_mobile_device .tippy-popper.tippy-trigger-mobilemenu.tippy-reference-header {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
max-width: 92% !important;
margin: auto !important;
border: 1px solid #ddd;
border-radius: 12px;
box-shadow: 0px 0px 10px 1px #ddd;
}
}