/*
 * Storefront look (3.4.89, owner 2026-11-12): dark header, menu and footer over a white page, bold narrow headings,
 * photo tiles and clear sale prices. Loaded after every other theme stylesheet (polish.css included).
 * Scoped to main#main-content, so the header, mega menu, announcement bar and footer keep their dark look.
 */

#main-content {
	--stx-bg: #f4f5f7;
	--stx-card: #ffffff;
	--stx-border: #e2e5ea;
	--stx-text: #111827;
	--stx-muted: #4b5563;
	--stx-shadow: 0 1px 2px rgba(17, 24, 39, 0.06), 0 6px 16px rgba(17, 24, 39, 0.06);
	--stx-shadow-hover: 0 2px 4px rgba(17, 24, 39, 0.08), 0 12px 28px rgba(17, 24, 39, 0.12);
	--stx-light-ink: #111827;
	--stx-light-muted: #4b5563;
	--stx-light-line: #e2e5ea;
	--stx-light-sale: #b91c1c;
	--stx-heading-font: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
	background: #ffffff;
	color: var(--stx-light-ink);
}

/* Headings: bold, narrow, upper case. */
#main-content h1,
#main-content h2,
#main-content .stx-section-head h2,
#main-content .product_title,
#main-content .stx-home-banners__title,
#main-content .stx-cat-tile__name {
	font-family: var(--stx-heading-font);
	font-weight: 800;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	line-height: 1.02;
	color: var(--stx-light-ink);
}
#main-content h3 { color: var(--stx-light-ink); }
#main-content p,
#main-content li { color: inherit; }

/* The footer and its call-to-action band sit inside main but stay dark. */
#main-content > .stx-footer-cta,
#main-content > .stx-footer {
	--stx-bg: #0d1117;
	--stx-card: #161b22;
	--stx-border: #30363d;
	--stx-text: #f8fafc;
	--stx-muted: #94a3b8;
	color: #f8fafc;
}
#main-content > .stx-footer-cta :is(h1, h2, h3, h4),
#main-content > .stx-footer :is(h1, h2, h3, h4) {
	color: #f8fafc;
	font-family: inherit;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.25;
}
#main-content > .stx-footer-cta h2 { font-family: var(--stx-heading-font); font-weight: 800; text-transform: uppercase; }

/* Sections: white and a light grey for alternating bands. */
#main-content .stx-section { background: #ffffff; color: var(--stx-light-ink); }
#main-content .stx-section--alt { background: #f4f5f7; }
#main-content .stx-section + .stx-section { border-top: 1px solid var(--stx-light-line); }
#main-content .stx-section-head h2 { font-size: clamp(1.9rem, 1.2rem + 2.2vw, 2.8rem); }
#main-content .stx-link-arrow,
#main-content .stx-link-arrow.stx-brand-strip__all,
#main-content .stx-home-location__phone { color: #9a3412; }
#main-content .stx-link-arrow:hover { color: #7c2d12; }

/* Product cards: white, thin border, photo on white, big price; a sale shows the old price struck out and a red tag. */
#main-content .stx-product-card {
	background: #ffffff;
	border: 1px solid var(--stx-light-line);
	box-shadow: none;
	color: var(--stx-light-ink);
}
#main-content .stx-product-card:hover { box-shadow: var(--stx-shadow-hover); border-color: #cbd2da; }
#main-content .stx-product-card__media { background: #ffffff; }
#main-content .stx-product-card__brand { color: #9a3412; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.72rem; }
#main-content .stx-product-card__title { color: var(--stx-light-ink); }
#main-content .stx-product-card__meta { color: var(--stx-light-muted); }
#main-content .stx-product-card__price-row { display: grid; grid-template-columns: max-content max-content 1fr; align-items: baseline; gap: 0.3rem 0.5rem; }
#main-content .stx-product-card__price { color: var(--stx-light-ink); font-family: var(--stx-heading-font); font-weight: 800; font-size: 1.6rem; line-height: 1; }
#main-content .is-on-sale .stx-product-card__price { color: var(--stx-light-sale); }
#main-content .stx-product-card__compare { color: var(--stx-light-muted); text-decoration: line-through; font-size: 0.9rem; }
#main-content .stx-product-card__savings {
	grid-row: 1;
	grid-column: 1 / -1;
	justify-self: start;
	background: var(--stx-light-sale);
	color: #ffffff;
	font-family: var(--stx-heading-font);
	font-weight: 800;
	font-size: 0.85rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 0.15rem 0.5rem;
	clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
#main-content .stx-product-card__availability.is-available { color: #15803d; }
#main-content .stx-product-card__availability.is-unavailable { color: #b91c1c; }
#main-content .stx-product-card__atc {
	background: #111827;
	background-image: none;
	color: #ffffff;
	border: 0;
	font-family: var(--stx-heading-font);
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 1rem;
	box-shadow: none;
}
#main-content .stx-product-card__atc:hover { background: #c2410c; color: #ffffff; }
#main-content .stx-product-card__request { color: #9a3412; }

/* Ghost buttons on white. */
#main-content .stx-section .stx-btn--ghost {
	background: #ffffff;
	color: var(--stx-light-ink);
	border: 1px solid #c4cad3;
}
#main-content .stx-section .stx-btn--ghost:hover { border-color: #c2410c; color: #9a3412; }

/* ---- Hot deals strip (homepage, under the menu) ---- */
#main-content .stx-hot-deals { background: #111827; color: #f8fafc; border-bottom: 3px solid #c2410c; }
#main-content .stx-hot-deals__inner { display: flex; align-items: stretch; gap: 0.75rem; padding-block: 0.6rem; }
#main-content .stx-hot-deals__label {
	flex: none; display: flex; flex-direction: column; justify-content: center; gap: 0.15rem;
	padding: 0 1rem 0 0.25rem; border-right: 1px solid #334155; color: #f8fafc; text-decoration: none;
}
#main-content .stx-hot-deals__title { font-family: var(--stx-heading-font); font-weight: 800; font-size: 1.5rem; text-transform: uppercase; line-height: 1; color: #fb923c; }
#main-content .stx-hot-deals__all { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #e2e8f0; }
#main-content .stx-hot-deals__list {
	display: flex; gap: 0.6rem; margin: 0; padding: 0 0 0.15rem; list-style: none;
	overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; min-width: 0; flex: 1;
}
#main-content .stx-hot-deals__list > li { flex: 0 0 15.5rem; scroll-snap-align: start; }
#main-content .stx-hot-deal {
	display: flex; gap: 0.6rem; align-items: center; height: 100%;
	background: #ffffff; color: #111827; border-radius: 4px; padding: 0.4rem 0.6rem 0.4rem 0.4rem; text-decoration: none;
}
#main-content .stx-hot-deal img { flex: none; width: 56px; height: 56px; object-fit: contain; }
#main-content .stx-hot-deal__body { display: flex; flex-direction: column; min-width: 0; gap: 0.1rem; }
#main-content .stx-hot-deal__brand { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #9a3412; }
#main-content .stx-hot-deal__title { font-size: 0.78rem; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#main-content .stx-hot-deal__price { display: flex; gap: 0.4rem; align-items: baseline; }
#main-content .stx-hot-deal__price strong { font-family: var(--stx-heading-font); font-size: 1.1rem; color: #b91c1c; }
#main-content .stx-hot-deal__price em { font-style: normal; font-size: 0.68rem; font-weight: 800; color: #ffffff; background: #b91c1c; padding: 0 0.3rem; text-transform: uppercase; }
#main-content .stx-hot-deal:hover { outline: 2px solid #fb923c; outline-offset: -2px; }

/* ---- Banner grid ---- */
#main-content .stx-home-banners { background: #ffffff; padding-block: 1rem 1.25rem; }
#main-content .stx-home-banners__top { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 0.75rem; }
#main-content .stx-home-banners__side { display: grid; grid-template-rows: 1fr 1fr; gap: 0.75rem; }
#main-content .stx-home-banners__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin-top: 0.75rem; }
#main-content .stx-home-banners__main { min-height: 22rem; border-radius: 6px; overflow: hidden; display: flex; }
#main-content .stx-home-banners__main > * { flex: 1; min-width: 0; }

/* The promotion carousel fills the large slot instead of the whole screen. */
#main-content .stx-home-banners .stx-promotion-hero { min-height: 22rem; height: 100%; border-radius: 6px; }
#main-content .stx-home-banners .stx-promotion-hero__slide { min-height: 22rem; }
#main-content .stx-home-banners .stx-promotion-hero__content h2 { color: #ffffff; font-size: clamp(2rem, 1.3rem + 2.4vw, 3.2rem); }
#main-content .stx-home-banners .stx-promotion-hero__content p { color: #e2e8f0; }

#main-content .stx-home-welcome {
	display: flex; flex-direction: column; justify-content: center; gap: 0.75rem; padding: clamp(1.25rem, 3vw, 2.5rem);
	background: linear-gradient(120deg, #111827 0%, #1f2937 60%, #7c2d12 140%); color: #f8fafc; border-radius: 6px;
}
#main-content .stx-home-welcome h1 { color: #ffffff; font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem); margin: 0; }
#main-content .stx-home-welcome p { color: #e2e8f0; max-width: 34rem; margin: 0; }
#main-content .stx-home-welcome .stx-home-banner__kicker { color: #fdba74; }
#main-content .stx-home-welcome__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.25rem; }
#main-content .stx-home-welcome .stx-btn--ghost { background: transparent; color: #ffffff; border: 1px solid #94a3b8; }

#main-content .stx-home-banner {
	position: relative; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;
	min-height: 10.5rem; padding: 1rem 1rem 1rem 1.25rem; border-radius: 6px; overflow: hidden; text-decoration: none;
	background: #f1f3f6; color: #111827; isolation: isolate;
}
#main-content .stx-home-banner__text { display: flex; flex-direction: column; gap: 0.35rem; max-width: 62%; z-index: 1; }
#main-content .stx-home-banner__kicker { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #9a3412; }
#main-content .stx-home-banners__title { font-size: clamp(1.45rem, 1rem + 1.2vw, 2rem); color: inherit; }
#main-content .stx-home-banner__cta {
	align-self: flex-start; margin-top: 0.35rem; padding: 0.35rem 0.7rem; background: #111827; color: #ffffff;
	font-family: var(--stx-heading-font); font-weight: 800; font-size: 0.95rem; letter-spacing: 0.06em; text-transform: uppercase;
}
#main-content .stx-home-banner__photo {
	position: absolute; right: 0.5rem; bottom: 50%; transform: translateY(50%);
	width: 44%; max-height: 88%; object-fit: contain; mix-blend-mode: multiply; z-index: 0;
	transition: transform 200ms var(--stx-ease-out, ease-out);
}
#main-content .stx-home-banner:hover .stx-home-banner__photo { transform: translateY(50%) scale(1.04); }
#main-content .stx-home-banner:hover .stx-home-banner__cta { background: #c2410c; }
#main-content .stx-home-banner--sale { background: #fef2f2; }
#main-content .stx-home-banner--sale .stx-home-banner__kicker { color: #b91c1c; }
#main-content .stx-home-banner--sale .stx-home-banner__cta { background: #b91c1c; }
#main-content .stx-home-banner--dark { background: #111827; color: #ffffff; }
#main-content .stx-home-banner--dark .stx-home-banner__kicker { color: #fdba74; }
#main-content .stx-home-banner--dark .stx-home-banner__cta { background: #c2410c; }
#main-content .stx-home-banner--accent { background: #c2410c; color: #ffffff; }
#main-content .stx-home-banner--accent .stx-home-banner__kicker { color: #ffedd5; }
#main-content .stx-home-banner--accent .stx-home-banner__cta { background: #111827; }
#main-content .stx-home-banner--dark .stx-home-banner__text,
#main-content .stx-home-banner--accent .stx-home-banner__text { max-width: 100%; }

/* ---- Category photo tiles ---- */
#main-content .stx-cat-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.75rem; }
#main-content .stx-cat-tile {
	display: flex; flex-direction: column; gap: 0.25rem; padding: 0.75rem; text-decoration: none; color: #111827;
	background: #ffffff; border: 1px solid var(--stx-light-line); border-radius: 6px; border-bottom: 3px solid #111827;
	transition: border-color 160ms ease-in, box-shadow 160ms ease-in;
}
#main-content .stx-cat-tile:hover { border-bottom-color: #c2410c; box-shadow: var(--stx-shadow-hover); }
#main-content .stx-cat-tile__media { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; margin-bottom: 0.35rem; overflow: hidden; }
#main-content .stx-cat-tile__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 200ms var(--stx-ease-out, ease-out); }
#main-content .stx-cat-tile:hover .stx-cat-tile__media img { transform: scale(1.05); }
#main-content .stx-cat-tile__icon { font-size: 2.4rem; color: #9a3412; }
#main-content .stx-cat-tile__name { font-size: 1.35rem; }
#main-content .stx-cat-tile__copy { font-size: 0.8rem; color: var(--stx-light-muted); line-height: 1.35; }

/* ---- Trust numbers ---- */
#main-content .stx-trust-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 3rem; margin: 0 0 1.5rem; }
#main-content .stx-trust-numbers__item { display: flex; flex-direction: column-reverse; align-items: center; text-align: center; }
#main-content .stx-trust-numbers dd { margin: 0; font-family: var(--stx-heading-font); font-weight: 800; font-size: 2.6rem; line-height: 1; color: #111827; }
#main-content .stx-trust-numbers dt { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--stx-light-muted); }

@media (max-width: 1023px) {
	#main-content .stx-cat-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	#main-content .stx-home-banners__top { grid-template-columns: minmax(0, 1fr); }
	#main-content .stx-home-banners__side { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
	#main-content .stx-home-banners__row { grid-template-columns: minmax(0, 1fr); }
	#main-content .stx-home-banners__main,
	#main-content .stx-home-banners .stx-promotion-hero,
	#main-content .stx-home-banners .stx-promotion-hero__slide { min-height: 18rem; }
	#main-content .stx-home-banner { min-height: 8.5rem; }
	#main-content .stx-home-banners__side .stx-home-banner__photo { display: none; }
	#main-content .stx-home-banners__side .stx-home-banner__text { max-width: 100%; }
	#main-content .stx-cat-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#main-content .stx-hot-deals__label { padding-right: 0.6rem; }
	#main-content .stx-hot-deals__title { font-size: 1.2rem; }
	#main-content .stx-hot-deals__list > li { flex-basis: 13.5rem; }
}
@media (prefers-reduced-motion: reduce) {
	#main-content .stx-home-banner__photo,
	#main-content .stx-cat-tile__media img,
	#main-content .stx-cat-tile { transition: none; }
	#main-content .stx-home-banner:hover .stx-home-banner__photo { transform: translateY(50%); }
	#main-content .stx-cat-tile:hover .stx-cat-tile__media img { transform: none; }
}

/* A banner too narrow for text and photo side by side drops the photo. */
#main-content .stx-home-banner { container-type: inline-size; }
@container (max-width: 330px) {
	#main-content .stx-home-banner__photo { display: none; }
	#main-content .stx-home-banner__text { max-width: 100%; }
}

#main-content .stx-benefit-card__icon { color: #9a3412; }
#main-content .stx-benefit-card { box-shadow: none; border: 1px solid var(--stx-light-line); }

/* ---- Page title bands stay dark, like a banner; their text stays light. ---- */
#main-content .stx-page-intro,
#main-content .stx-page-hero,
#main-content .stx-retail-hero {
	--stx-text: #f8fafc;
	--stx-muted: #cbd5e1;
	--stx-card: #161b22;
	--stx-border: #30363d;
	color: #f8fafc;
}
#main-content .stx-page-intro :is(h1, h2, h3),
#main-content .stx-page-hero :is(h1, h2, h3),
#main-content .stx-retail-hero :is(h1, h2, h3) { color: #ffffff; }
#main-content .stx-page-intro p,
#main-content .stx-page-hero p,
#main-content .stx-retail-hero p { color: #cbd5e1; }
#main-content .stx-page-intro .stx-btn--ghost,
#main-content .stx-page-hero .stx-btn--ghost { background: transparent; color: #ffffff; border: 1px solid #94a3b8; }

/* ---- Catalog: white filter sidebar, brand panel and search ---- */
body.stx-catalog-page #main-content .stx-catalog-sidebar,
body.stx-catalog-page #main-content .stx-catalog-filter-group__body {
	background: #ffffff;
	color: var(--stx-light-ink);
	border-color: var(--stx-light-line);
	box-shadow: none;
}
body.stx-catalog-page #main-content .stx-catalog-sidebar { border: 1px solid var(--stx-light-line); }
body.stx-catalog-page #main-content .stx-catalog-sidebar :is(h2, h3, .stx-catalog-sidebar__title) { color: var(--stx-light-ink); }
body.stx-catalog-page #main-content .stx-catalog-sidebar__hint { color: var(--stx-light-muted); }
body.stx-catalog-page #main-content .stx-catalog-filter-group__title {
	background: #f4f5f7;
	color: var(--stx-light-ink);
	border-color: var(--stx-light-line);
	font-family: var(--stx-heading-font);
	font-weight: 800;
	font-size: 1.05rem;
	letter-spacing: 0.04em;
}
body.stx-catalog-page #main-content :is(.stx-catalog-filter-option, .stx-catalog-filter-links__item) {
	background: #ffffff;
	color: var(--stx-light-ink);
	border-color: var(--stx-light-line);
}
body.stx-catalog-page #main-content :is(.stx-catalog-filter-option, .stx-catalog-filter-links__item):hover { border-color: #c2410c; }
body.stx-catalog-page #main-content :is(.stx-catalog-filter-option.is-active, .stx-catalog-filter-links__item.is-active) {
	background: #fff7ed;
	border-color: #c2410c;
	color: #7c2d12;
}
body.stx-catalog-page #main-content :is(.stx-catalog-filter-option, .stx-catalog-filter-links__item) :is(small, .stx-catalog-filter-count) { color: var(--stx-light-muted); }
body.stx-catalog-page #main-content .stx-catalog-sidebar__actions {
	background: #ffffff;
	border-top: 1px solid var(--stx-light-line);
}
body.stx-catalog-page #main-content .stx-catalog-price-input__field,
#main-content .stx-form-input,
#main-content input[type="search"],
#main-content input[type="text"],
#main-content input[type="email"],
#main-content input[type="tel"],
#main-content input[type="number"],
#main-content select,
#main-content textarea {
	background: #ffffff;
	color: var(--stx-light-ink);
	border: 1px solid #c4cad3;
}
#main-content ::placeholder { color: #6b7280; }
body.stx-catalog-page #main-content .stx-mfg-logo-grid-wrap {
	background: #f4f5f7;
	border: 1px solid var(--stx-light-line);
	box-shadow: none;
}
body.stx-catalog-page #main-content .stx-catalog-toolbar :is(span, label, strong) { color: var(--stx-light-ink); }
body.stx-catalog-page #main-content .stx-catalog-view-toggle button,
body.stx-catalog-page #main-content [class*="view-toggle"] :is(a, button) { background: #ffffff; border-color: #c4cad3; color: var(--stx-light-ink); }
#main-content .stx-breadcrumb,
#main-content .stx-breadcrumbs,
#main-content .woocommerce-breadcrumb { color: var(--stx-light-muted); }
#main-content :is(.stx-breadcrumb, .stx-breadcrumbs, .woocommerce-breadcrumb) a { color: #9a3412; }
body.stx-catalog-page #main-content .stx-catalog-filter-option__count { color: var(--stx-light-muted); }
body.stx-catalog-page #main-content .stx-catalog-price-input__label { color: var(--stx-light-muted); }

/* ---- Page-specific colour sets on the white page ---- */
/* Promotion bundles (STX Promotions cards on /promos/ and the homepage). */
#main-content {
	--stx-bundle-bg: #f4f5f7;
	--stx-bundle-panel: #ffffff;
	--stx-bundle-border: #e2e5ea;
	--stx-bundle-text: #111827;
	--stx-bundle-muted: #4b5563;
	--stx-bundle-accent: #c2410c;
	--stx-bundle-gold: #7c5a1e;
	--stx-bundle-ok: #15803d;
	--stx-bundle-danger: #b91c1c;
}
/* Transfers fee panel. */
#main-content .stx-xfer-fees__panel {
	--xfer-amber: #9a3412;
	--xfer-gold: #92400e;
	--xfer-muted: #4b5563;
	background: #ffffff;
	border: 1px solid var(--stx-light-line);
	color: var(--stx-light-ink);
}
/* Product page. */
#main-content .stx-product-card__badge.is-in-stock { color: #166534; background: #dcfce7; border-color: #bbf7d0; }
#main-content .stx-pdp-buybox__savings { color: #ffffff; background: var(--stx-light-sale); border-color: var(--stx-light-sale); }
#main-content .stx-product-detail-page a:not(.stx-btn):not(.button) { color: #9a3412; }
#main-content .stx-pdp-spec-label { color: #4b5563; }
/* About: trust badges. */
#main-content .stx-trust-badge { color: #7c5a1e; border-color: #e7d9bf; background: #fbf7ef; }
/* WooCommerce notices inside the page. */
#main-content {
	--stx-ui-copy: #111827;
	--stx-ui-orange-light: #c2410c;
	--stx-ui-error: #b91c1c;
}
#main-content :is(.woocommerce-info, .woocommerce-message, .woocommerce-error, .cart-empty) {
	color: var(--stx-light-ink) !important;
	background: #fff7ed !important;
	border-color: #fed7aa !important;
	border-top-color: #c2410c !important;
	box-shadow: none !important;
}
#main-content :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) a:not(.button) { color: #9a3412 !important; }
#main-content .woocommerce-error { background: #fef2f2 !important; border-color: #fecaca !important; border-top-color: #b91c1c !important; color: #7f1d1d !important; }
#main-content .woocommerce-message { background: #f0fdf4 !important; border-color: #bbf7d0 !important; border-top-color: #15803d !important; color: #14532d !important; }

/* Account page: the layaway plugin's login note and small print. */
#main-content .stx-layaway-login-note, #main-content .stx-layaway-login-note strong { color: var(--stx-light-muted); }
#main-content .glass-card small { color: var(--stx-light-muted); }