/* =============================================================================
   Sixth Element Storefront — Editorial wholesale design system.
   Squared corners, hairline borders, sentence case throughout.
   ============================================================================= */

/* ── Buttons ─────────────────────────────────────────────────────── */

.se-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: 9999px;
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	border: 1px solid rgba(255, 100, 100, 0.4);
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s ease;
}

.se-btn-primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.alt,
.woocommerce #respond input#submit {
	background: rgba(211, 47, 47, 0.9);
	color: #ffffff !important;
	border-color: rgba(255, 100, 100, 0.4);
	box-shadow: 0 0 15px rgba(211, 47, 47, 0.2);
}
.se-btn-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
.woocommerce #respond input#submit:hover {
	background: #D32F2F;
	color: #ffffff !important;
	box-shadow: 0 0 25px rgba(211, 47, 47, 0.4);
	transform: translateY(-1px);
	border-color: rgba(255, 138, 138, 0.6);
}

.se-btn-light {
	background: #fff;
	color: var(--se-color-primary);
	border-color: #fff;
}
.se-btn-light:hover { background: #F5F7FA; }

.se-btn-outline {
	background: transparent;
	color: var(--se-color-primary);
	border-color: var(--se-color-primary);
}
.se-btn-outline:hover { background: rgba(13,36,81,.04); }

.se-btn-outline-light {
	background: transparent;
	color: #fff;
	border-color: rgba(255,255,255,0.45);
}
.se-btn-outline-light:hover { border-color: #fff; background: rgba(255,255,255,0.06); }

.se-btn-ghost {
	background: transparent;
	color: var(--se-color-muted);
	border-color: transparent;
}
.se-btn-ghost:hover { background: var(--se-color-surface); color: var(--se-color-primary); }

.se-btn--sm   { padding: 8px 14px; font-size: 11px; }
.se-btn--lg   { padding: 16px 32px; font-size: 14px; }
.se-btn-block { width: 100%; }

/* ── Header ──────────────────────────────────────────────────────── */

.se-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255,255,255,0.97);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--se-color-border);
}

.se-header__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 18px 0;
	max-width: var(--se-max-width);
	margin-inline: auto;
	padding-inline: var(--se-gutter);
}

.se-header__left { display: flex; align-items: center; gap: 40px; }

.se-logo {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.se-logo__mark {
	width: 36px;
	height: 36px;
	background: var(--se-color-primary);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -0.02em;
}
.se-logo__mark img { width: 36px; height: 36px; object-fit: cover; }

.se-nav { display: none; }
@media (min-width: 1024px) {
	.se-nav { display: flex; gap: 28px; }
	.se-nav ul {
		display: flex;
		gap: 28px;
		list-style: none;
	}
	.se-nav a {
		font-size: 13px;
		font-weight: 500;
		color: var(--se-color-text);
		letter-spacing: 0.01em;
		text-decoration: none;
	}
	.se-nav a:hover { color: var(--se-color-primary); }
	.se-nav .current-menu-item > a { color: var(--se-color-primary); }
}

/* Mobile drawer reset */
.se-mobile-nav > ul,
.se-mobile-nav ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.se-header__actions {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 13px;
}
.se-header__icon-btn,
.se-cart-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	background: transparent;
	border: 0;
	padding: 6px;
	color: var(--se-color-muted);
	cursor: pointer;
	text-decoration: none;
}
.se-header__icon-btn:hover,
.se-cart-link:hover { color: var(--se-color-primary); }
.se-header__icon-btn svg,
.se-cart-link svg { width: 18px; height: 18px; }

.se-cart-count {
	background: var(--se-color-accent);
	color: var(--se-color-primary);
	font-size: 10px;
	font-weight: 700;
	padding: 2px 6px;
	min-width: 18px;
	text-align: center;
}
.se-cart-count[data-count="0"] { display: none; }

.se-header__cta { display: none; }
@media (min-width: 720px) {
	.se-header__cta {
		display: inline-flex;
		padding: 9px 22px;
		font-size: 13px;
		font-weight: 500;
		border: 1px solid var(--se-color-primary);
		color: var(--se-color-primary);
		background: transparent;
		cursor: pointer;
		text-decoration: none;
		letter-spacing: 0.02em;
		transition: background .15s, color .15s;
	}
	.se-header__cta:hover { background: var(--se-color-primary); color: #fff; }
}

.se-mobile-toggle {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 36px;
	height: 36px;
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 8px 7px;
}
@media (min-width: 1024px) { .se-mobile-toggle { display: none; } }
.se-mobile-toggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--se-color-primary);
}

.se-mobile-nav {
	display: none;
	position: absolute;
	top: var(--se-nav-height);
	left: 0;
	right: 0;
	background: #fff;
	border-bottom: 1px solid var(--se-color-border);
	padding: 1rem var(--se-gutter) 2rem;
	box-shadow: 0 12px 24px rgba(13,36,81,.08);
}
.se-mobile-nav.is-open { display: block; }
.se-mobile-nav li { border-bottom: 1px solid var(--se-color-border); }
.se-mobile-nav a {
	display: block;
	padding: 0.85rem 0;
	font-size: 15px;
	color: var(--se-color-text);
	text-decoration: none;
}

.se-search-panel {
	display: none;
	position: absolute;
	top: var(--se-nav-height);
	left: 0;
	right: 0;
	background: #fff;
	border-bottom: 1px solid var(--se-color-border);
	padding: 1rem var(--se-gutter);
	box-shadow: 0 12px 24px rgba(13,36,81,.08);
}
.se-search-panel.is-open { display: block; }
.se-search-panel form { display: flex; gap: 0.5rem; max-width: 720px; margin-inline: auto; }
.se-search-panel input[type="search"] {
	flex: 1;
	padding: 14px 16px;
	border: 1px solid var(--se-color-border-input);
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	color: var(--se-color-text);
}
.se-search-panel input[type="search"]:focus {
	outline: none;
	border-color: var(--se-color-primary);
}

/* ── Hero ────────────────────────────────────────────────────────── */

.se-hero {
	position: relative;
	background: var(--se-color-primary);
	color: #fff;
	padding: 96px 0 104px;
	overflow: hidden;
}
.se-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, rgba(13,36,81,0.94) 0%, rgba(13,36,81,0.78) 60%, rgba(13,36,81,0.55) 100%);
}
.se-hero__decor-1,
.se-hero__decor-2 {
	position: absolute;
	pointer-events: none;
}
.se-hero__decor-1 {
	right: -120px;
	top: 40px;
	width: 520px;
	height: 360px;
	background: linear-gradient(135deg, var(--se-color-primary-soft) 0%, var(--se-color-primary) 70%);
	opacity: 0.6;
}
.se-hero__decor-2 {
	right: 80px;
	top: 120px;
	width: 320px;
	height: 260px;
	background: var(--se-color-accent);
	opacity: 0.08;
}

.se-hero__inner {
	position: relative;
	max-width: 720px;
}
.se-hero__title {
	font-size: clamp(34px, 6vw, 56px);
	line-height: 1.04;
	letter-spacing: -0.028em;
	color: #fff;
	font-weight: 700;
	margin: 24px 0 24px;
}
.se-hero__lede {
	font-size: 17px;
	line-height: 1.55;
	color: rgba(255,255,255,0.78);
	max-width: 560px;
	margin: 0 0 40px;
}
.se-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
.se-hero__corner-tag {
	position: absolute;
	bottom: 32px;
	right: var(--se-gutter);
	font-size: 11px;
	color: rgba(255,255,255,0.4);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* ── Trust strip ─────────────────────────────────────────────────── */

.se-trust {
	border-bottom: 1px solid var(--se-color-border);
}
.se-trust__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	padding: 48px 0;
}
@media (min-width: 720px) { .se-trust__grid { grid-template-columns: repeat(3, 1fr); gap: 48px; } }
.se-trust__item-num {
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	font-weight: 600;
	margin-bottom: 12px;
}
.se-trust__item-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--se-color-primary);
	margin-bottom: 6px;
	letter-spacing: -0.01em;
}
.se-trust__item-meta {
	font-size: 13px;
	color: var(--se-color-muted);
	line-height: 1.55;
}

/* ── Section primitives ──────────────────────────────────────────── */

.se-section { padding-block: 64px; }
.se-section--lg { padding-block: 80px; }
.se-section--surface { background: var(--se-color-surface); }

.se-section-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	margin-bottom: 40px;
	flex-wrap: wrap;
}
.se-section-head__title {
	font-size: 32px;
	line-height: 1.1;
	letter-spacing: -0.022em;
	color: var(--se-color-primary);
	font-weight: 600;
	margin: 12px 0 0;
}
.se-section-head__link {
	font-size: 13px;
	color: var(--se-color-primary);
	font-weight: 500;
	border-bottom: 1px solid var(--se-color-primary);
	padding-bottom: 2px;
	text-decoration: none;
}

/* ── Category tiles ──────────────────────────────────────────────── */

.se-cats__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}
@media (min-width: 720px) { .se-cats__grid { grid-template-columns: repeat(4, 1fr); } }

.se-cat-tile {
	position: relative;
	display: block;
	aspect-ratio: 4 / 5;
	padding: 20px;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	background: var(--se-color-surface);
	transition: transform 0.2s ease;
}
.se-cat-tile:hover { transform: translateY(-1px); }
.se-cat-tile__bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, #d8c9a4 0%, #b89866 100%);
	opacity: 0.85;
}
/* Variants — apply via .se-cat-tile--{slug} */
.se-cat-tile--dark .se-cat-tile__bg { background: linear-gradient(160deg, #2c3e5a 0%, #0D2451 100%); opacity: 1; }
.se-cat-tile--gold .se-cat-tile__bg { background: linear-gradient(160deg, #e8dcc4 0%, #c8a04a 100%); opacity: 0.7; }
.se-cat-tile--midnight .se-cat-tile__bg { background: linear-gradient(160deg, #3a4a5e 0%, #1a2538 100%); opacity: 1; }
.se-cat-tile--sand .se-cat-tile__bg { background: linear-gradient(160deg, #c4b896 0%, #8a7549 100%); opacity: 1; }
.se-cat-tile--steel .se-cat-tile__bg { background: linear-gradient(160deg, #d4d8df 0%, #8a92a3 100%); }
.se-cat-tile--deep .se-cat-tile__bg { background: linear-gradient(160deg, #1a2538 0%, #0D2451 100%); }

.se-cat-tile__count {
	position: relative;
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--se-color-text);
}
.se-cat-tile--dark .se-cat-tile__count,
.se-cat-tile--midnight .se-cat-tile__count,
.se-cat-tile--deep .se-cat-tile__count,
.se-cat-tile--sand .se-cat-tile__count {
	color: rgba(255,255,255,0.75);
}
.se-cat-tile__title {
	position: relative;
	display: block;
	color: var(--se-color-primary);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.015em;
	line-height: 1.15;
	margin-top: auto;
	padding-top: 60%;
}
.se-cat-tile--dark .se-cat-tile__title,
.se-cat-tile--midnight .se-cat-tile__title,
.se-cat-tile--deep .se-cat-tile__title,
.se-cat-tile--sand .se-cat-tile__title {
	color: #FFFFFF;
}
.se-cat-tile__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

/* ── Brand strip ─────────────────────────────────────────────────── */

.se-brands__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	background: var(--se-color-border-mid);
	border: 1px solid var(--se-color-border-mid);
}
@media (min-width: 720px) { .se-brands__grid { grid-template-columns: repeat(6, 1fr); } }
.se-brand-tile {
	background: #fff;
	padding: 28px 12px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: var(--se-color-text);
	letter-spacing: -0.01em;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 80px;
	text-decoration: none;
	transition: background 0.15s;
}
.se-brand-tile:hover { background: var(--se-color-surface); }
.se-brand-tile img { max-height: 36px; max-width: 100%; object-fit: contain; filter: grayscale(1); opacity: 0.8; transition: filter 0.15s, opacity 0.15s; }
.se-brand-tile:hover img { filter: none; opacity: 1; }

/* ── Product cards ───────────────────────────────────────────────── */

.woocommerce ul.products,
.se-products {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Kill the legacy float-clearfix pseudo-elements that WC's CSS adds —
   in a grid context they get auto-placed as items and eat the first
   and last grid cells, creating empty squares. */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.se-products::before,
.se-products::after {
	display: none !important;
	content: none !important;
}
@media (min-width: 720px)  { .woocommerce ul.products, .se-products { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .woocommerce ul.products, .se-products { grid-template-columns: repeat(3, 1fr); } }

.woocommerce ul.products li.product,
.se-product-card {
	display: flex !important;
	flex-direction: column;
	margin: 0 !important;
	width: auto !important;
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 24px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	padding: 14px 14px 22px;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
	color: #fff;
}
.woocommerce ul.products li.product:hover,
.se-product-card:hover {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.12);
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.se-product-card > a {
	display: block;
	text-decoration: none;
	color: inherit;
}
.woocommerce ul.products li.product img,
.se-product-card__media {
	width: 100%;
	aspect-ratio: 1 / 1;
	background: var(--se-color-surface);
	margin: 0 0 14px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	object-fit: cover;
}
.se-product-card__placeholder {
	width: 50%;
	height: 70%;
	background: linear-gradient(160deg, #c8b890 0%, #8a7549 100%);
	border-radius: 12% 12% 8px 8px / 16% 16% 8px 8px;
}
.woocommerce ul.products li.product .se-product-card__brand,
.se-product-card__brand {
	font-size: 10px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	font-weight: 600;
	margin-bottom: 6px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.se-product-card__title {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	letter-spacing: -0.01em;
	padding: 0 12px !important;
	margin: 4px 0 6px !important;
	line-height: 1.35;
}

/* Brand eyebrow (printed via WC hook in functions.php) */
.woocommerce ul.products li.product .se-product-card__brand,
.se-product-card__brand {
	display: block;
	font-size: 10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #C8A04A;
	font-weight: 700;
	padding: 0 12px;
	margin: 14px 0 0;
}

/* In Stock = quiet — only LOW or OUT call attention */
.woocommerce ul.products li.product .se-stock.se-stock--in-stock,
.woocommerce ul.products li.product p.stock.se-stock.se-stock--in-stock { display: none !important; }

/* Low-stock and out-of-stock badges float in the top-right corner of the
   image area as a frosted-glass overlay pill. */
.woocommerce ul.products li.product .se-stock.se-stock--low-stock,
.woocommerce ul.products li.product .se-stock.se-stock--out-of-stock,
.woocommerce ul.products li.product p.stock.se-stock--low-stock,
.woocommerce ul.products li.product p.stock.se-stock--out-of-stock {
	position: absolute !important;
	top: 22px !important;
	right: 22px !important;
	z-index: 2;
	margin: 0 !important;
	padding: 5px 12px !important;
	background: rgba(0, 0, 0, 0.55) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 9999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
.woocommerce ul.products li.product .se-stock.se-stock--low-stock {
	color: #C8A04A !important;
}
.woocommerce ul.products li.product .se-stock.se-stock--out-of-stock {
	color: #ff8a8a !important;
}

/* In the loop, the red "Sign in to view price" pill (.se-loop-login-cta) is
   the canonical CTA — hide the duplicate plain-text "Sign in to view price"
   link rendered by the .se-price-gated__link element. */
.woocommerce ul.products li.product .se-price-gated__link,
.woocommerce ul.products li.product > a.se-price-gated__link { display: none !important; }
/* Also hide the empty .price wrapper that sits before it on gated rows. */
.woocommerce ul.products li.product .price:has(.se-price-gated:empty) { display: none !important; }

/* Loop product card — wrap each product in one cohesive glass-panel box */
body:not(.home) .woocommerce ul.products li.product {
	background: rgba(255, 255, 255, 0.03) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
	padding: 14px 14px 20px !important;
	border-radius: 24px !important;
	transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
	display: flex !important;
	flex-direction: column !important;
}
body:not(.home) .woocommerce ul.products li.product:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3) !important;
}

/* All inner elements sit inside the card with consistent inner padding */
body:not(.home) .woocommerce ul.products li.product .woocommerce-loop-product__title,
body:not(.home) .woocommerce ul.products li.product .se-product-card__title,
body:not(.home) .woocommerce ul.products li.product .price,
body:not(.home) .woocommerce ul.products li.product .se-stock,
body:not(.home) .woocommerce ul.products li.product .se-product-card__brand,
body:not(.home) .woocommerce ul.products li.product .se-product-card__sku {
	padding-left: 6px !important;
	padding-right: 6px !important;
}
body:not(.home) .woocommerce ul.products li.product .se-loop-login-cta,
body:not(.home) .woocommerce ul.products li.product .button {
	margin: 12px 6px 0 !important;
	align-self: flex-start !important;
}

/* Product image — slightly smaller radius so it nests visually inside the card */
body:not(.home) .woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
body:not(.home) .woocommerce ul.products li.product .wp-post-image,
body:not(.home) .woocommerce ul.products li.product .se-product-placeholder {
	margin: 0 0 16px !important;
	border-radius: 16px !important;
	transition: box-shadow 0.3s ease;
}
.woocommerce ul.products li.product .se-product-card__sku,
.se-product-card__sku {
	font-family: 'SF Mono', Menlo, monospace;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.4);
	margin: 0 12px 12px;
	letter-spacing: 0.04em;
}
.woocommerce ul.products li.product .price,
.se-product-card__price {
	color: #C8A04A !important;
	font-weight: 700 !important;
	font-size: 18px;
	padding: 0 12px !important;
	margin: 0 0 4px !important;
	display: block;
}

/* Stock pill (used in loop + single product) */
.se-stock {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 5px 12px;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.85);
	margin: 0 12px 14px !important;
	border-radius: 9999px;
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.se-stock__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 6px currentColor;
	opacity: 1;
}
.se-stock.se-stock--in-stock     { background: rgba(111, 210, 133, 0.1); color: #6fd285; border-color: rgba(111, 210, 133, 0.3); }
.se-stock.se-stock--in-stock .se-stock__dot     { background: #6fd285; box-shadow: 0 0 8px rgba(111, 210, 133, 0.6); }
.se-stock.se-stock--low-stock    { background: rgba(200, 160, 74, 0.1); color: #C8A04A; border-color: rgba(200, 160, 74, 0.3); }
.se-stock.se-stock--low-stock .se-stock__dot    { background: #C8A04A; box-shadow: 0 0 8px rgba(200, 160, 74, 0.6); }
.se-stock.se-stock--out-of-stock { background: rgba(255, 138, 138, 0.1); color: #ff8a8a; border-color: rgba(255, 138, 138, 0.3); }
.se-stock.se-stock--out-of-stock .se-stock__dot { background: #ff8a8a; box-shadow: 0 0 8px rgba(255, 138, 138, 0.6); }

/* Status pill — same look but reusable for orders, applications etc. */
.se-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 3px 9px;
	background: rgba(13,36,81,0.06);
	color: var(--se-color-primary);
}
.se-status::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: currentColor;
}
.se-status--pending  { background: var(--se-color-warning-bg);  color: var(--se-color-warning); }
.se-status--approved { background: var(--se-color-success-bg);  color: var(--se-color-success); }
.se-status--rejected { background: var(--se-color-danger-bg);   color: var(--se-color-danger); }
.se-status--shipped  { background: rgba(13,36,81,0.06);          color: var(--se-color-primary); }

/* "Sign in to view price" — replaces price text for guests */
.se-price-gated,
.se-price-gated__link {
	display: inline-block;
	color: #C8A04A !important;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(200, 160, 74, 0.3);
	padding: 0 0 2px;
	text-decoration: none;
	margin: 0 12px 14px;
}
.se-price-gated__link:hover { border-bottom-color: #C8A04A; color: #ffffff !important; }
.se-price-gated--short { color: rgba(255, 255, 255, 0.45) !important; border: 0; }

/* Loop "Add to cart" → swap for "Sign in to view price" pill for guests */
.se-loop-login-cta,
.woocommerce ul.products li.product .se-loop-login-cta {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 8px 12px 16px !important;
	padding: 10px 20px !important;
	background: rgba(211, 47, 47, 0.9) !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	border: 1px solid rgba(255, 100, 100, 0.4) !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	box-shadow: 0 0 15px rgba(211, 47, 47, 0.2);
	transition: all 0.2s ease;
	width: -moz-fit-content;
	width: fit-content;
}
.se-loop-login-cta::after { content: '→'; font-size: 14px; }
.se-loop-login-cta:hover {
	background: #D32F2F !important;
	box-shadow: 0 0 25px rgba(211, 47, 47, 0.4) !important;
	transform: translateY(-1px);
	border-color: rgba(255, 138, 138, 0.6) !important;
	border-bottom-color: rgba(255, 138, 138, 0.6) !important;
}

/* ── Breadcrumbs ─────────────────────────────────────────────────── */

.se-breadcrumbs {
	padding: 24px 0 0;
	font-size: 12px;
	color: var(--se-color-muted);
}
.se-breadcrumbs .se-container { padding-bottom: 0; }
.se-breadcrumbs a {
	color: var(--se-color-muted);
	text-decoration: none;
}
.se-breadcrumbs a:hover { color: var(--se-color-primary); }
.se-breadcrumb-sep {
	margin: 0 8px;
	color: var(--se-color-accent);
}

/* ── Hero CTA strip (homepage closing) ──────────────────────────── */

.se-cta-strip {
	background: var(--se-color-primary);
	color: #fff;
	padding: 80px 0;
	position: relative;
	overflow: hidden;
}
.se-cta-strip::before {
	content: '';
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 400px;
	height: 400px;
	background: var(--se-color-accent);
	opacity: 0.06;
	border-radius: 50%;
}
.se-cta-strip__inner {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	flex-wrap: wrap;
}
.se-cta-strip__title {
	font-size: 40px;
	line-height: 1.1;
	letter-spacing: -0.025em;
	color: #fff;
	font-weight: 600;
	margin: 16px 0 16px;
	max-width: 600px;
}
.se-cta-strip__lede {
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255,255,255,0.7);
	max-width: 600px;
	margin: 0;
}

/* ── Footer ──────────────────────────────────────────────────────── */

.se-footer {
	background: var(--se-color-ink);
	color: rgba(255,255,255,0.7);
	margin-top: 0;
}
.se-footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
	padding: 64px 0 48px;
}
@media (min-width: 720px) { .se-footer__grid { grid-template-columns: 2fr 1fr 1fr 1fr; } }
.se-footer__brand-mark {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}
.se-footer__brand-mark .se-logo__mark { background: var(--se-color-primary); }
.se-footer__brand-name {
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.01em;
}
.se-footer__brand-desc {
	font-size: 13px;
	line-height: 1.6;
	max-width: 320px;
}
.se-footer__brand-tag {
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	margin-top: 24px;
	font-weight: 600;
}
.se-footer__col h4 {
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.4);
	font-weight: 600;
	margin: 0 0 16px;
}
.se-footer__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.se-footer__col a {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	font-size: 13px;
}
.se-footer__col a:hover { color: var(--se-color-accent); }
.se-footer__bottom {
	border-top: 1px solid rgba(255,255,255,0.08);
	padding: 24px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 12px;
	color: rgba(255,255,255,0.4);
}
.se-footer__bottom-right {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* ── Shop / archive ─────────────────────────────────────────────── */

.se-archive-header {
	padding: 48px 0 24px;
	border-bottom: 1px solid var(--se-color-border);
}
.se-archive-header__title {
	font-size: clamp(28px, 4vw, 36px);
	font-weight: 600;
	letter-spacing: -0.025em;
	color: var(--se-color-primary);
	margin: 12px 0 0;
}
.se-archive-header__desc {
	color: var(--se-color-muted);
	max-width: 60ch;
	margin-top: 8px;
}

.se-shop {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	padding: 32px 0;
}
@media (min-width: 960px) { .se-shop { grid-template-columns: 240px 1fr; gap: 48px; } }

.se-shop__sidebar {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.se-filter-group__title {
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--se-color-muted);
	font-weight: 600;
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--se-color-border);
}
.se-filter-group ul { list-style: none; padding: 0; margin: 0; }
.se-filter-group li { margin: 0; padding: 0; }
.se-filter-group a {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 8px 0;
	color: var(--se-color-text);
	font-size: 13px;
	text-decoration: none;
}
.se-filter-group a:hover { color: var(--se-color-primary); }
.se-filter-group .current-cat > a { color: var(--se-color-primary); font-weight: 600; }
.se-filter-group__count { color: var(--se-color-faint); font-size: 12px; }

.se-shop__toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--se-color-border);
	padding-bottom: 14px;
	margin-bottom: 24px;
}
.se-shop__count { color: var(--se-color-muted); font-size: 13px; }
.se-shop__sort select {
	font: inherit;
	font-size: 13px;
	padding: 8px 2rem 8px 12px;
	background: #fff;
	border: 1px solid var(--se-color-border-input);
	cursor: pointer;
}

/* ── Single product ──────────────────────────────────────────────── */

.se-product {
	padding: 32px 0 80px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
}
@media (min-width: 960px) {
	.se-product { grid-template-columns: 1.1fr 1fr; gap: 64px; }
}
.se-product__gallery {
	background: var(--se-color-surface);
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.se-product__brand {
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	font-weight: 600;
	margin-bottom: 16px;
}
.se-product__brand::before { content: '— '; }
.se-product__title {
	font-size: 36px;
	line-height: 1.1;
	letter-spacing: -0.025em;
	color: var(--se-color-primary);
	font-weight: 600;
	margin: 0 0 16px;
}
.se-product__meta {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.se-product__sku {
	font-family: var(--se-font-mono);
	font-size: 12px;
	color: var(--se-color-muted);
	letter-spacing: 0.04em;
}
.se-product__price-box {
	background: var(--se-color-surface);
	padding: 24px 28px;
	margin-bottom: 32px;
	border-left: 2px solid var(--se-color-accent);
}
.se-product__price-box-label {
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--se-color-muted);
	font-weight: 600;
	margin-bottom: 8px;
}
.se-product__price-box-value {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}
.se-product__price-box-value .se-price-gated__link {
	color: var(--se-color-primary) !important;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.01em;
}
.se-product__price-box-aside {
	font-size: 12px;
	color: var(--se-color-muted);
}
.se-product__price-box-aside a { color: var(--se-color-primary); font-weight: 500; }

.se-product__short-desc {
	font-size: 14px;
	line-height: 1.65;
	color: var(--se-color-text);
	margin: 0 0 32px;
}
.se-product__form-row {
	display: flex;
	gap: 12px;
	margin-bottom: 24px;
	align-items: stretch;
	flex-wrap: wrap;
}
.se-product__form-row .quantity { display: flex; align-items: center; border: 1px solid var(--se-color-border-input); }
.se-product__form-row .quantity input {
	width: 60px;
	padding: 12px 8px;
	border: 0;
	font: inherit;
	font-size: 14px;
	text-align: center;
}
.se-product__attrs {
	border-top: 1px solid var(--se-color-border);
	padding-top: 24px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	font-size: 12px;
}
.se-product__attr-label { color: var(--se-color-muted); margin-bottom: 4px; }
.se-product__attr-value { color: var(--se-color-primary); font-weight: 500; }

/* Product tabs */
.woocommerce-tabs .wc-tabs {
	display: flex;
	gap: 40px;
	padding: 0 !important;
	margin: 0 0 32px !important;
	border-bottom: 1px solid var(--se-color-border-input);
	list-style: none;
}
.woocommerce-tabs .wc-tabs li {
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.woocommerce-tabs .wc-tabs li a {
	display: block;
	padding: 0 0 16px !important;
	color: var(--se-color-muted) !important;
	font-weight: 500;
	font-size: 13px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}
.woocommerce-tabs .wc-tabs li.active a {
	color: var(--se-color-primary) !important;
	font-weight: 600;
	border-bottom-color: var(--se-color-primary);
}

/* ── Pagination ─────────────────────────────────────────────────── */

.woocommerce nav.woocommerce-pagination ul,
.se-pagination .page-numbers {
	display: flex !important;
	gap: 4px;
	list-style: none;
	padding: 0;
	margin: 32px 0;
	border: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li,
.se-pagination .page-numbers li { border: 0 !important; margin: 0 !important; }
.page-numbers,
.woocommerce nav.woocommerce-pagination a,
.woocommerce nav.woocommerce-pagination span {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: rgba(255, 255, 255, 0.04) !important;
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 12px;
	font-weight: 600;
	border-radius: 9999px !important;
	text-decoration: none;
	transition: all 0.2s ease;
}
.woocommerce nav.woocommerce-pagination a:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
}
.page-numbers.current,
.woocommerce nav.woocommerce-pagination span.current {
	background: rgba(211, 47, 47, 0.85) !important;
	color: #fff !important;
	border-color: rgba(255, 100, 100, 0.4) !important;
	box-shadow: 0 0 15px rgba(211, 47, 47, 0.3);
}

/* ── WC notices ─────────────────────────────────────────────────── */

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
	border: 1px solid var(--se-color-border);
	background: #fff;
	padding: 14px 18px !important;
	font-size: 13px;
	border-radius: 0;
}
.woocommerce-notices-wrapper .woocommerce-message {
	background: rgba(74,140,90,0.08);
	border-color: var(--se-color-success-dot);
	color: var(--se-color-success);
}
.woocommerce-notices-wrapper .woocommerce-info {
	background: var(--se-color-warning-bg);
	border-color: var(--se-color-accent);
	color: var(--se-color-warning);
}
.woocommerce-notices-wrapper .woocommerce-error {
	background: var(--se-color-danger-bg);
	border-color: var(--se-color-danger);
	color: var(--se-color-danger);
}

/* ── 404 ─────────────────────────────────────────────────────────── */

.se-404 { padding: 80px 0; text-align: center; }
.se-404__num {
	font-size: clamp(72px, 12vw, 120px);
	font-weight: 800;
	color: var(--se-color-primary);
	letter-spacing: -0.04em;
	line-height: 1;
	margin: 0 0 16px;
}
.se-404__title {
	font-size: 24px;
	color: var(--se-color-primary);
	margin: 0 0 12px;
	font-weight: 600;
}
.se-404__lede {
	color: var(--se-color-muted);
	max-width: 50ch;
	margin-inline: auto;
	margin-bottom: 32px;
	font-size: 14px;
}

/* ── E-Transfer thank-you block (overrides for /checkout/order-received) */

.se-thankyou {
	background: var(--se-color-primary);
	color: #fff;
	padding: 32px;
	margin: 24px 0;
}
.se-thankyou__lede { font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 20px; }
.se-thankyou__details {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}
@media (min-width: 640px) { .se-thankyou__details { grid-template-columns: 180px 1fr; gap: 8px 20px; } }
.se-thankyou__details dt {
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);
	font-weight: 600;
}
.se-thankyou__details dd {
	margin: 0 0 4px;
	font-size: 15px;
	color: #fff;
}
.se-thankyou__details code {
	font-family: var(--se-font-mono);
	font-size: 16px;
	color: var(--se-color-accent);
	font-weight: 600;
	letter-spacing: 0.06em;
}
.se-thankyou__note {
	margin: 24px 0 0;
	font-size: 13px;
	color: rgba(255,255,255,0.7);
}

/* ── E-Transfer checkout payment fields ─────────────────────────── */

.se-etransfer {
	background: var(--se-color-surface);
	padding: 24px;
	border-left: 2px solid var(--se-color-accent);
	margin: 0 0 16px;
}
.se-etransfer__intro p { margin: 0 0 12px; font-size: 14px; color: var(--se-color-text); line-height: 1.55; }
.se-etransfer__details {
	display: grid;
	grid-template-columns: 130px 1fr;
	gap: 8px 16px;
	margin: 8px 0 12px;
	font-size: 13px;
}
.se-etransfer__details dt { color: var(--se-color-muted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; }
.se-etransfer__details dd { margin: 0; color: var(--se-color-primary); font-weight: 600; }
.se-etransfer__details code {
	background: #fff;
	border: 1px solid var(--se-color-border-input);
	padding: 2px 8px;
	font-family: var(--se-font-mono);
	font-size: 13px;
}
.se-etransfer__optional {
	margin: 16px 0 8px;
	font-size: 12px;
	color: var(--se-color-muted);
	padding-top: 16px;
	border-top: 1px solid var(--se-color-border-input);
}

/* MOQ warning */
.se-moq-warning {
	background: var(--se-color-warning-bg);
	border-left: 2px solid var(--se-color-accent);
	color: var(--se-color-warning);
	padding: 14px 18px;
	font-size: 13px;
	margin: 16px 0;
}
.se-moq-warning strong { color: #5a4520; }

/* ═══════════════════════════════════════════════════════════════════
   Homepage sections added in v1.1
   ═══════════════════════════════════════════════════════════════════ */

/* ── Announcement bar (sitewide) ────────────────────────────────── */

.se-announce {
	background: var(--se-color-ink);
	color: rgba(255,255,255,0.78);
	font-size: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
.se-announce__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 10px 0;
	flex-wrap: wrap;
}
.se-announce__item { letter-spacing: 0.02em; }
.se-announce__sep { color: rgba(255,255,255,0.25); }
.se-announce__cta {
	color: var(--se-color-accent);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	margin-left: 8px;
}
.se-announce__cta:hover { color: #fff; }
@media (max-width: 600px) {
	.se-announce__inner { gap: 8px; font-size: 11px; padding: 8px 0; }
	.se-announce__sep { display: none; }
}

/* ── Promo strip (3 editorial tiles) ────────────────────────────── */

.se-promo-strip {
	padding: 32px 0 64px;
	background: var(--se-color-bg);
}
.se-promo-strip__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
@media (min-width: 720px) { .se-promo-strip__grid { grid-template-columns: repeat(3, 1fr); } }

.se-promo-tile {
	position: relative;
	display: block;
	padding: 32px 28px;
	min-height: 180px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s ease;
}
.se-promo-tile:hover { transform: translateY(-2px); }

.se-promo-tile__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.se-promo-tile--gold .se-promo-tile__bg {
	background: linear-gradient(135deg, #f0e3c3 0%, #d4ba80 100%);
}
.se-promo-tile--navy .se-promo-tile__bg {
	background: linear-gradient(135deg, var(--se-color-primary-soft) 0%, var(--se-color-primary-deep) 100%);
}
.se-promo-tile--ink .se-promo-tile__bg {
	background: linear-gradient(135deg, #2c3e5a 0%, var(--se-color-ink) 100%);
}

.se-promo-tile__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
	height: 100%;
}
.se-promo-tile__title {
	font-size: 22px;
	line-height: 1.15;
	letter-spacing: -0.018em;
	font-weight: 600;
	margin: 4px 0 0;
}
.se-promo-tile--gold .se-promo-tile__title { color: var(--se-color-primary); }
.se-promo-tile--navy .se-promo-tile__title,
.se-promo-tile--ink .se-promo-tile__title { color: #fff; }

.se-promo-tile__meta {
	font-size: 13px;
	margin: 0;
	max-width: 280px;
}
.se-promo-tile--gold .se-promo-tile__meta { color: rgba(13,36,81,0.7); }
.se-promo-tile--navy .se-promo-tile__meta,
.se-promo-tile--ink .se-promo-tile__meta { color: rgba(255,255,255,0.65); }

.se-promo-tile__cta {
	margin-top: auto;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding-top: 16px;
	border-top: 1px solid currentColor;
	display: inline-block;
	align-self: flex-start;
}
.se-promo-tile--gold .se-promo-tile__cta { color: var(--se-color-primary); border-top-color: rgba(13,36,81,0.3); }
.se-promo-tile--navy .se-promo-tile__cta { color: var(--se-color-accent); border-top-color: rgba(200,160,74,0.4); }
.se-promo-tile--ink .se-promo-tile__cta { color: var(--se-color-accent); border-top-color: rgba(200,160,74,0.4); }

/* ── Editorial split block ──────────────────────────────────────── */

.se-editorial {
	padding: 80px 0;
	background: var(--se-color-bg);
}
.se-editorial__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
	align-items: center;
}
@media (min-width: 900px) { .se-editorial__grid { grid-template-columns: 1.1fr 1fr; gap: 64px; } }

.se-editorial__media {
	position: relative;
	aspect-ratio: 5 / 4;
	overflow: hidden;
}
.se-editorial__media-bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 30% 30%, rgba(200,160,74,0.18) 0%, transparent 55%),
		linear-gradient(135deg, #1a3a6e 0%, var(--se-color-primary) 50%, #081a3a 100%);
}
.se-editorial__media-bg::after {
	content: '';
	position: absolute;
	right: -60px;
	bottom: -60px;
	width: 60%;
	height: 60%;
	background: var(--se-color-accent);
	opacity: 0.08;
}
.se-editorial__media-tag {
	position: absolute;
	left: 24px;
	bottom: 20px;
	font-family: var(--se-font-mono);
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	font-weight: 600;
}

.se-editorial__copy { display: flex; flex-direction: column; gap: 16px; }
.se-editorial__title {
	font-size: 32px;
	line-height: 1.15;
	letter-spacing: -0.022em;
	color: var(--se-color-primary);
	font-weight: 600;
	margin: 0;
}
.se-editorial__lede {
	font-size: 15px;
	line-height: 1.7;
	color: var(--se-color-muted);
	margin: 0;
}
.se-editorial__list {
	list-style: none;
	padding: 0;
	margin: 8px 0 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 14px;
	color: var(--se-color-text);
}
.se-editorial__list li {
	position: relative;
	padding-left: 24px;
}
.se-editorial__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 14px;
	height: 1px;
	background: var(--se-color-accent);
}

/* ── Stat strip ─────────────────────────────────────────────────── */

.se-stat-strip {
	padding: 56px 0;
	background: var(--se-color-surface);
	border-top: 1px solid var(--se-color-border);
	border-bottom: 1px solid var(--se-color-border);
}
.se-stat-strip__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	text-align: center;
}
@media (min-width: 720px) { .se-stat-strip__grid { grid-template-columns: repeat(4, 1fr); gap: 32px; } }

.se-stat-strip__item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 8px 4px;
	border-right: 1px solid var(--se-color-border);
}
.se-stat-strip__item:last-child { border-right: 0; }
@media (max-width: 719px) {
	.se-stat-strip__item:nth-child(2n) { border-right: 0; }
}

.se-stat-strip__num {
	font-size: 44px;
	line-height: 1;
	letter-spacing: -0.03em;
	color: var(--se-color-primary);
	font-weight: 700;
}
.se-stat-strip__plus {
	color: var(--se-color-accent);
	font-weight: 700;
	margin-left: 2px;
}
.se-stat-strip__label {
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--se-color-muted);
	font-weight: 600;
}

/* ── Newsletter signup ──────────────────────────────────────────── */

.se-newsletter {
	padding: 72px 0;
	background: var(--se-color-bg);
	border-top: 1px solid var(--se-color-border);
}
.se-newsletter__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	align-items: center;
}
@media (min-width: 900px) { .se-newsletter__grid { grid-template-columns: 1.2fr 1fr; gap: 64px; } }

.se-newsletter__copy { display: flex; flex-direction: column; gap: 8px; }
.se-newsletter__title {
	font-size: 28px;
	line-height: 1.15;
	letter-spacing: -0.022em;
	color: var(--se-color-primary);
	font-weight: 600;
	margin: 4px 0 0;
}
.se-newsletter__lede {
	font-size: 14px;
	color: var(--se-color-muted);
	margin: 0;
	max-width: 480px;
}

.se-newsletter__form {
	display: flex;
	gap: 0;
	border: 1px solid var(--se-color-border-input);
	background: #fff;
}
.se-newsletter__form input[type="email"] {
	flex: 1;
	border: 0;
	padding: 16px 18px;
	font-family: inherit;
	font-size: 14px;
	color: var(--se-color-text);
	background: transparent;
	outline: none;
	min-width: 0;
}
.se-newsletter__form input[type="email"]::placeholder { color: var(--se-color-faint); }
.se-newsletter__form .se-btn {
	border-radius: 0;
	padding: 16px 24px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	border: 0;
}
.se-newsletter__form .se-btn-primary {
	background: var(--se-color-primary);
	color: #fff;
}
.se-newsletter__form .se-btn-primary:hover { background: var(--se-color-primary-soft); }

/* Product-card image fallback when WP has no thumbnail (broken image swap). */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce-loop-product__link {
	display: block;
	position: relative;
}
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product .wp-post-image,
.woocommerce ul.products li.product img.woocommerce-placeholder,
.woocommerce ul.products li.product img.se-product-placeholder {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: cover;
	background: linear-gradient(135deg, #1a3a6e 0%, #050a15 55%, #2a1a0a 100%) !important;
	border-radius: 16px;
}
/* When WC injects an inline svg-or-broken placeholder, the <img> still renders;
   give it a graceful fallback square so cards don't stretch open. */
.woocommerce ul.products li.product img[src=""],
.woocommerce ul.products li.product img:not([src]),
.woocommerce ul.products li.product img[src*="woocommerce-placeholder"] {
	background: linear-gradient(135deg, #1a3a6e 0%, #050a15 55%, #2a1a0a 100%);
	opacity: 0.85;
}

/* ═══════════════════════════════════════════════════════════════════
   Homepage v2 — photo-driven editorial layout.
   Classes prefixed .se-h-* to keep them scoped to the new homepage.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Shared section heading ─────────────────────────────────────── */

.se-h-section-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}
.se-h-section-head--center {
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
}
.se-h-section-head__title {
	font-size: clamp(28px, 3.4vw, 40px);
	line-height: 1.08;
	letter-spacing: -0.025em;
	color: var(--se-color-primary);
	font-weight: 600;
	margin: 8px 0 0;
}
.se-h-section-head__link {
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--se-color-primary);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid var(--se-color-primary);
	padding-bottom: 3px;
}
.se-h-section-head__link:hover {
	color: var(--se-color-accent-dark);
	border-bottom-color: var(--se-color-accent-dark);
}

/* ── Photo hero ─────────────────────────────────────────────────── */

.se-h-hero {
	position: relative;
	min-height: 88vh;
	display: flex;
	align-items: flex-end;
	color: #fff;
	overflow: hidden;
	background: var(--se-color-primary-deep);
}
.se-h-hero__media {
	position: absolute;
	inset: 0;
	background-image: var(--se-h-hero-img);
	background-size: cover;
	background-position: center;
	filter: saturate(0.85) contrast(1.05);
	z-index: 0;
}
.se-h-hero__veil {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(8,26,58,0.4) 0%, rgba(8,26,58,0.05) 35%, rgba(8,26,58,0.85) 100%),
		linear-gradient(95deg, rgba(8,26,58,0.78) 0%, rgba(8,26,58,0.4) 55%, rgba(8,26,58,0.1) 100%);
	z-index: 1;
}
.se-h-hero__inner {
	position: relative;
	z-index: 2;
	padding: 200px 0 96px;
	max-width: 760px;
}
.se-h-hero__title {
	font-size: clamp(40px, 6.4vw, 84px);
	line-height: 1.02;
	letter-spacing: -0.035em;
	font-weight: 700;
	color: #fff;
	margin: 20px 0 28px;
}
.se-h-hero__lede {
	font-size: clamp(15px, 1.3vw, 18px);
	line-height: 1.55;
	color: rgba(255,255,255,0.78);
	max-width: 520px;
	margin: 0 0 40px;
	font-weight: 400;
}
.se-h-hero__actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 56px;
}
.se-h-hero__meta {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 24px;
	border-top: 1px solid rgba(255,255,255,0.18);
	max-width: 480px;
}
.se-h-hero__meta-mark {
	font-family: var(--se-font-mono);
	font-size: 12px;
	letter-spacing: 0.1em;
	color: var(--se-color-accent);
	font-weight: 600;
}
.se-h-hero__meta-text {
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.55);
	font-weight: 600;
}

@media (max-width: 720px) {
	.se-h-hero { min-height: 72vh; }
	.se-h-hero__inner { padding: 140px 0 64px; }
	.se-h-hero__veil {
		background: linear-gradient(180deg, rgba(8,26,58,0.55) 0%, rgba(8,26,58,0.85) 100%);
	}
}

/* ── Slim trust strip ──────────────────────────────────────────── */

.se-h-trust {
	padding: 56px 0;
	background: #fff;
	border-bottom: 1px solid var(--se-color-border);
}
.se-h-trust__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px 48px;
}
@media (min-width: 900px) { .se-h-trust__grid { grid-template-columns: repeat(4, 1fr); } }

.se-h-trust__item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-left: 0;
	position: relative;
}
.se-h-trust__num {
	font-family: var(--se-font-mono);
	font-size: 11px;
	letter-spacing: 0.18em;
	color: var(--se-color-accent);
	font-weight: 600;
	margin-bottom: 6px;
}
.se-h-trust__label {
	font-size: 16px;
	color: var(--se-color-primary);
	font-weight: 600;
	letter-spacing: -0.01em;
}
.se-h-trust__meta {
	font-size: 13px;
	color: var(--se-color-muted);
	line-height: 1.5;
}

/* ── Categories — 2x2 large image tiles ────────────────────────── */

.se-h-cats {
	padding: 96px 0;
	background: var(--se-color-bg);
}
.se-h-cats__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
@media (min-width: 800px) { .se-h-cats__grid { grid-template-columns: 1fr 1fr; gap: 20px; } }

.se-h-cat {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	background: var(--se-color-ink);
	isolation: isolate;
}
.se-h-cat__media {
	position: absolute;
	inset: 0;
	background-image: var(--se-h-cat-img);
	background-size: cover;
	background-position: center;
	transition: transform 0.6s cubic-bezier(0.16,1,0.3,1), filter 0.4s;
	z-index: 0;
	filter: saturate(0.8) contrast(1.05);
}
.se-h-cat::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(8,26,58,0.0) 30%, rgba(8,26,58,0.75) 100%);
	z-index: 1;
}
.se-h-cat:hover .se-h-cat__media {
	transform: scale(1.04);
	filter: saturate(1) contrast(1.08);
}
.se-h-cat__inner {
	position: absolute;
	left: 32px;
	right: 32px;
	bottom: 32px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.se-h-cat__count {
	font-family: var(--se-font-mono);
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	font-weight: 600;
}
.se-h-cat__name {
	font-size: clamp(24px, 3vw, 36px);
	line-height: 1.05;
	letter-spacing: -0.025em;
	color: #fff;
	font-weight: 600;
	margin: 4px 0 12px;
}
.se-h-cat__cta {
	font-size: 12px;
	letter-spacing: 0.06em;
	color: rgba(255,255,255,0.78);
	font-weight: 500;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	align-self: flex-start;
	transition: color 0.2s, border-color 0.2s;
}
.se-h-cat:hover .se-h-cat__cta { color: #fff; border-bottom-color: var(--se-color-accent); }

@media (max-width: 600px) {
	.se-h-cat__inner { left: 20px; right: 20px; bottom: 20px; }
}

/* ── Feature spotlight ─────────────────────────────────────────── */

.se-h-spotlight {
	padding: 96px 0;
	background: var(--se-color-surface);
}
.se-h-spotlight__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
	align-items: stretch;
}
@media (min-width: 900px) {
	.se-h-spotlight__grid { grid-template-columns: 1.05fr 1fr; gap: 80px; align-items: center; }
}

.se-h-spotlight__media {
	position: relative;
	aspect-ratio: 5 / 6;
	background-image: var(--se-h-sp-img);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	filter: saturate(0.92);
}
.se-h-spotlight__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 60%, rgba(8,26,58,0.4) 100%);
}
.se-h-spotlight__tag {
	position: absolute;
	left: 24px;
	bottom: 20px;
	z-index: 2;
	font-family: var(--se-font-mono);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	font-weight: 600;
}

.se-h-spotlight__copy { display: flex; flex-direction: column; gap: 20px; }
.se-h-spotlight__title {
	font-size: clamp(32px, 4.2vw, 56px);
	line-height: 1.02;
	letter-spacing: -0.03em;
	color: var(--se-color-primary);
	font-weight: 600;
	margin: 4px 0 0;
}
.se-h-spotlight__lede {
	font-size: 16px;
	line-height: 1.7;
	color: var(--se-color-muted);
	margin: 0;
	max-width: 520px;
}
.se-h-spotlight__list {
	list-style: none;
	padding: 0;
	margin: 8px 0 16px;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--se-color-border);
}
.se-h-spotlight__list li {
	display: flex;
	align-items: baseline;
	gap: 20px;
	padding: 16px 0;
	border-bottom: 1px solid var(--se-color-border);
	font-size: 14px;
	color: var(--se-color-text);
	letter-spacing: -0.005em;
}
.se-h-spotlight__list-num {
	font-family: var(--se-font-mono);
	font-size: 11px;
	letter-spacing: 0.14em;
	color: var(--se-color-accent);
	font-weight: 600;
	min-width: 36px;
}

/* ── Brands strip ──────────────────────────────────────────────── */

.se-h-brands {
	padding: 88px 0 96px;
	background: var(--se-color-bg);
	border-top: 1px solid var(--se-color-border);
	border-bottom: 1px solid var(--se-color-border);
}
.se-h-brands__row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0;
	border-top: 1px solid var(--se-color-border);
	border-left: 1px solid var(--se-color-border);
	margin-top: 24px;
}
@media (min-width: 600px) { .se-h-brands__row { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .se-h-brands__row { grid-template-columns: repeat(6, 1fr); } }

.se-h-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 36px 16px;
	border-right: 1px solid var(--se-color-border);
	border-bottom: 1px solid var(--se-color-border);
	color: var(--se-color-text);
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-align: center;
	min-height: 96px;
}
.se-h-brand:hover {
	background: var(--se-color-primary);
	color: #fff;
}
.se-h-brand:nth-child(odd) span { letter-spacing: 0.04em; }
.se-h-brand:nth-child(3n) span { font-style: italic; }
.se-h-brand:nth-child(5n) span { text-transform: uppercase; letter-spacing: 0.14em; font-size: 13px; font-weight: 700; }

.se-h-brands__foot {
	margin-top: 24px;
	text-align: center;
}

/* ── Best sellers ──────────────────────────────────────────────── */

.se-h-sellers {
	padding: 96px 0;
	background: var(--se-color-bg);
}
.se-h-products li.product {
	background: transparent;
	border: 0;
	padding: 0;
}

/* ── Editorial split (right photo) ─────────────────────────────── */

.se-h-editorial {
	padding: 96px 0;
	background: var(--se-color-primary);
	color: #fff;
}
.se-h-editorial__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
	align-items: stretch;
}
@media (min-width: 900px) { .se-h-editorial__grid { grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: center; } }

.se-h-editorial__copy { display: flex; flex-direction: column; gap: 20px; }
.se-h-editorial__copy .se-eyebrow { color: var(--se-color-accent); }
.se-h-editorial__title {
	font-size: clamp(32px, 4.2vw, 56px);
	line-height: 1.02;
	letter-spacing: -0.028em;
	color: #fff;
	font-weight: 600;
	margin: 4px 0 0;
}
.se-h-editorial__lede {
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255,255,255,0.7);
	margin: 0;
	max-width: 520px;
}
.se-h-editorial__defs {
	display: flex;
	flex-direction: column;
	margin: 16px 0 0;
	border-top: 1px solid rgba(255,255,255,0.12);
}
.se-h-editorial__defs > div {
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: 24px;
	padding: 18px 0;
	border-bottom: 1px solid rgba(255,255,255,0.12);
	align-items: baseline;
}
.se-h-editorial__defs dt {
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	font-weight: 700;
}
.se-h-editorial__defs dd {
	margin: 0;
	font-size: 14px;
	color: rgba(255,255,255,0.78);
	line-height: 1.6;
}

.se-h-editorial__media {
	position: relative;
	aspect-ratio: 4 / 5;
	background-image: var(--se-h-ed-img);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	filter: saturate(0.92);
}
.se-h-editorial__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 55%, rgba(8,26,58,0.5) 100%);
}
.se-h-editorial__media-tag {
	position: absolute;
	left: 24px;
	bottom: 20px;
	z-index: 2;
	font-family: var(--se-font-mono);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--se-color-accent);
	font-weight: 600;
}

@media (max-width: 600px) {
	.se-h-editorial__defs > div { grid-template-columns: 1fr; gap: 4px; }
}

/* ═══════════════════════════════════════════════════════════════════
   Dark glassmorphism overrides — applies to every non-homepage view.
   The homepage has its own inline styles that supersede these.
   ═══════════════════════════════════════════════════════════════════ */

body:not(.home) {
	background: #050a15;
	color: #fff;
}

/* Suppress the old light announce bar — header.php now provides its own dark one */
body:not(.home) .se-announce,
body:not(.home) .se-header,
body:not(.home) .se-footer { display: none !important; }

/* Restyle .se-container for full-width dark layout */
body:not(.home) .se-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 24px;
}
@media (min-width: 1024px) {
	body:not(.home) .se-container { padding: 0 48px; }
}

/* ── WC product card → glass card ──────────────────────────────── */

body:not(.home) .woocommerce ul.products,
body:not(.home) .woocommerce-page ul.products,
body:not(.home) .woocommerce ul.products.columns-1,
body:not(.home) .woocommerce ul.products.columns-2,
body:not(.home) .woocommerce ul.products.columns-3,
body:not(.home) .woocommerce ul.products.columns-4,
body:not(.home) .woocommerce ul.products.columns-5,
body:not(.home) .woocommerce ul.products.columns-6 {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 20px !important;
	list-style: none;
	margin: 0;
	padding: 0;
}
@media (min-width: 640px) {
	body:not(.home) .woocommerce ul.products,
	body:not(.home) .woocommerce ul.products.columns-1,
	body:not(.home) .woocommerce ul.products.columns-2,
	body:not(.home) .woocommerce ul.products.columns-3,
	body:not(.home) .woocommerce ul.products.columns-4 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (min-width: 1024px) {
	body:not(.home) .woocommerce ul.products,
	body:not(.home) .woocommerce ul.products.columns-1,
	body:not(.home) .woocommerce ul.products.columns-2,
	body:not(.home) .woocommerce ul.products.columns-3,
	body:not(.home) .woocommerce ul.products.columns-4 {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

body:not(.home) .woocommerce ul.products li.product {
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 24px;
	padding: 16px 16px 24px;
	margin: 0 !important;
	width: 100% !important;
	float: none !important;
	transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
	overflow: hidden;
	position: relative;
	color: #fff;
}
body:not(.home) .woocommerce ul.products li.product:hover {
	transform: translateY(-3px);
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.12);
}

body:not(.home) .woocommerce ul.products li.product a {
	color: #fff;
	text-decoration: none;
}

body:not(.home) .woocommerce ul.products li.product img,
body:not(.home) .woocommerce ul.products li.product .wp-post-image {
	border-radius: 16px;
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
	margin-bottom: 16px;
}

body:not(.home) .woocommerce ul.products li.product .se-brand,
body:not(.home) .woocommerce ul.products li.product .se-product-card__brand {
	display: block;
	font-size: 10px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #C8A04A;
	font-weight: 700;
	margin: 0 4px 6px;
}

body:not(.home) .woocommerce ul.products li.product .woocommerce-loop-product__title,
body:not(.home) .woocommerce ul.products li.product h2,
body:not(.home) .woocommerce ul.products li.product h3 {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.01em;
	line-height: 1.3;
	padding: 0 4px;
	margin: 0 0 6px;
}

body:not(.home) .woocommerce ul.products li.product .se-sku,
body:not(.home) .woocommerce ul.products li.product .se-product-card__sku {
	font-family: 'SF Mono', Menlo, monospace;
	font-size: 11px;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.4);
	padding: 0 4px;
	margin: 0 0 12px;
}

body:not(.home) .woocommerce ul.products li.product .price,
body:not(.home) .woocommerce ul.products li.product .se-price-gated {
	display: inline-block;
	margin: 0 4px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	padding: 6px 14px;
	background: rgba(200, 160, 74, 0.12);
	border: 1px solid rgba(200, 160, 74, 0.3);
	border-radius: 9999px;
	letter-spacing: 0.04em;
}
body:not(.home) .woocommerce ul.products li.product .se-price-gated {
	color: #C8A04A;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 700;
}

body:not(.home) .woocommerce ul.products li.product .se-price-gated a {
	color: inherit;
	border-bottom: 0;
}

body:not(.home) .woocommerce ul.products li.product .button,
body:not(.home) .woocommerce ul.products li.product .added_to_cart,
body:not(.home) .woocommerce ul.products li.product a.button,
body:not(.home) .woocommerce ul.products li.product a.add_to_cart_button,
body:not(.home) .woocommerce ul.products li.product .product_type_simple {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	margin: 12px 4px 0 !important;
	padding: 10px 18px !important;
	background: rgba(211, 47, 47, 0.85) !important;
	background-color: rgba(211, 47, 47, 0.85) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	border-radius: 9999px !important;
	border: 1px solid rgba(255, 100, 100, 0.4) !important;
	box-shadow: 0 0 15px rgba(211, 47, 47, 0.2) !important;
	transition: all 0.2s !important;
	text-decoration: none !important;
	text-shadow: none !important;
}
body:not(.home) .woocommerce ul.products li.product .button:hover,
body:not(.home) .woocommerce ul.products li.product a.button:hover,
body:not(.home) .woocommerce ul.products li.product a.add_to_cart_button:hover {
	background: #D32F2F !important;
	background-color: #D32F2F !important;
	transform: translateY(-1px);
	box-shadow: 0 0 25px rgba(211, 47, 47, 0.4) !important;
}

/* "Read more" / variable product link variant — gold ghost instead of red */
body:not(.home) .woocommerce ul.products li.product a.button.product_type_variable,
body:not(.home) .woocommerce ul.products li.product a.button.product_type_grouped,
body:not(.home) .woocommerce ul.products li.product a.button:not(.add_to_cart_button) {
	background: rgba(255, 255, 255, 0.05) !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: rgba(255, 255, 255, 0.85) !important;
	border-color: rgba(255, 255, 255, 0.15) !important;
	box-shadow: none !important;
}

/* Force dark glass styling on ALL form inputs across the site */
body:not(.home) input[type="search"],
body:not(.home) input[type="text"],
body:not(.home) input[type="email"],
body:not(.home) input[type="tel"],
body:not(.home) input[type="number"],
body:not(.home) input[type="password"],
body:not(.home) input[type="url"],
body:not(.home) textarea,
body:not(.home) select {
	background-color: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	border-radius: 10px;
	-webkit-appearance: none;
	appearance: none;
}
body:not(.home) input[type="search"]::placeholder,
body:not(.home) input[type="text"]::placeholder,
body:not(.home) input[type="email"]::placeholder,
body:not(.home) input[type="tel"]::placeholder,
body:not(.home) input[type="number"]::placeholder,
body:not(.home) input[type="password"]::placeholder,
body:not(.home) input[type="url"]::placeholder,
body:not(.home) textarea::placeholder {
	color: rgba(255, 255, 255, 0.35) !important;
}
body:not(.home) input:focus,
body:not(.home) textarea:focus,
body:not(.home) select:focus {
	outline: none;
	border-color: rgba(200, 160, 74, 0.5) !important;
	background-color: rgba(255, 255, 255, 0.07) !important;
}

/* WebKit search input — remove built-in browser styling */
body:not(.home) input[type="search"]::-webkit-search-decoration,
body:not(.home) input[type="search"]::-webkit-search-cancel-button,
body:not(.home) input[type="search"]::-webkit-search-results-button,
body:not(.home) input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
}

/* Auto-fill autocompletion override */
body:not(.home) input:-webkit-autofill,
body:not(.home) input:-webkit-autofill:hover,
body:not(.home) input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.04) inset;
	transition: background-color 5000s ease-in-out 0s;
}

/* Gradient placeholder for products without a real image */
body:not(.home) .woocommerce ul.products li.product a > img,
body:not(.home) .woocommerce ul.products li.product .wp-post-image {
	background: linear-gradient(135deg, #1a3a6e 0%, #050a15 60%, #2a1a0a 100%);
	background-blend-mode: overlay;
	border-radius: 16px;
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: cover;
	margin-bottom: 14px !important;
}

/* When WC injects its broken-image placeholder, hide the icon and rely on gradient */
body:not(.home) .woocommerce ul.products li.product img[src*="woocommerce-placeholder"],
body:not(.home) .woocommerce ul.products li.product img[src=""],
body:not(.home) .woocommerce ul.products li.product img:not([src]) {
	opacity: 0;
}

/* Product title — keep white + tight spacing */
body:not(.home) .woocommerce ul.products li.product .woocommerce-loop-product__title {
	margin: 4px 4px 8px !important;
}

/* Remove "rating" empty row space */
body:not(.home) .woocommerce ul.products li.product .star-rating { display: none; }

/* Make the cart-fragment "✓ View cart" link readable */
body:not(.home) .woocommerce ul.products li.product .added_to_cart {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #C8A04A !important;
	border-color: rgba(200, 160, 74, 0.4) !important;
}

/* Stock badge */
body:not(.home) .woocommerce ul.products li.product .se-stock-label {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 2;
	padding: 4px 10px;
	font-size: 9px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 9999px;
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(8px);
	color: #fff;
}

/* ── Toolbar (sort dropdown) ──────────────────────────────────── */

body:not(.home) .woocommerce-ordering select,
body:not(.home) .se-shop-sort select {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 10px 36px 10px 16px;
	border-radius: 9999px;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='%23ffffff'%3E%3Cpath d='M6 8L0 0h12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 8px;
	cursor: pointer;
}
body:not(.home) .woocommerce-result-count {
	color: rgba(255, 255, 255, 0.4);
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0;
}

/* ── Pagination ────────────────────────────────────────────────── */

body:not(.home) .woocommerce-pagination,
body:not(.home) nav.woocommerce-pagination {
	margin: 32px 0 0;
	text-align: center;
}
body:not(.home) .woocommerce-pagination ul.page-numbers,
body:not(.home) nav.woocommerce-pagination ul {
	display: inline-flex;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}
body:not(.home) .woocommerce-pagination ul li {
	border: 0 !important;
	margin: 0;
}
body:not(.home) .woocommerce-pagination a.page-numbers,
body:not(.home) .woocommerce-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 14px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.7);
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s;
}
body:not(.home) .woocommerce-pagination span.page-numbers.current {
	background: var(--accent-red, #D32F2F);
	border-color: rgba(255, 100, 100, 0.4);
	color: #fff;
}
body:not(.home) .woocommerce-pagination a.page-numbers:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

/* ── WC notices ────────────────────────────────────────────────── */

body:not(.home) .woocommerce-message,
body:not(.home) .woocommerce-info,
body:not(.home) .woocommerce-error,
body:not(.home) .woocommerce-notice {
	background: rgba(255, 255, 255, 0.04);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: #fff;
	border-left-width: 3px;
	border-left-style: solid;
	border-radius: 12px;
	padding: 14px 18px;
	margin: 0 0 20px;
	font-size: 13px;
}
body:not(.home) .woocommerce-message { border-left-color: #6fd285; }
body:not(.home) .woocommerce-info { border-left-color: #C8A04A; }
body:not(.home) .woocommerce-error { border-left-color: #ff8a8a; }

/* ═══════════════════════════════════════════════════════════════════
   Unified dashboard overlay — applies to ALL retailer (/account/*) and
   admin (/admin/*) sub-views. Restyles every shared `.se-*` class in
   glassmorphism so order/profile/products/retailers/etc all match.
   ═══════════════════════════════════════════════════════════════════ */

.se-account-page-title,
.se-admin__page-title {
	font-size: clamp(22px, 2.4vw, 28px);
	font-weight: 800;
	color: #fff;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	margin: 0 0 24px;
}

/* ── Buttons (shared across dashboards) ────────────────────────── */

.se-btn,
.se-account__main .se-btn,
.se-admin__content .se-btn,
.se-account__main button.se-btn,
.se-admin__content button.se-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 22px;
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	border-radius: 9999px;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
	border: 1px solid transparent;
	background: rgba(255, 255, 255, 0.05);
	color: rgba(255, 255, 255, 0.85);
}
.se-btn:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.se-btn-primary,
.se-account__main .se-btn-primary,
.se-admin__content .se-btn-primary,
.se-account__main button.se-btn-primary,
.se-admin__content button.se-btn-primary {
	background: rgba(211, 47, 47, 0.9);
	color: #fff;
	border-color: rgba(255, 100, 100, 0.4);
	box-shadow: 0 0 20px rgba(211, 47, 47, 0.25);
}
.se-btn-primary:hover {
	background: #D32F2F;
	box-shadow: 0 0 30px rgba(211, 47, 47, 0.45);
	transform: translateY(-1px);
	color: #fff;
}

.se-btn-outline,
.se-btn-ghost,
.se-account__main .se-btn-outline,
.se-account__main .se-btn-ghost,
.se-admin__content .se-btn-outline,
.se-admin__content .se-btn-ghost {
	background: rgba(255, 255, 255, 0.04);
	color: rgba(255, 255, 255, 0.75);
	border-color: rgba(255, 255, 255, 0.12);
}
.se-btn-outline:hover,
.se-btn-ghost:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.25);
}

.se-btn--sm {
	padding: 8px 14px;
	font-size: 10px;
	letter-spacing: 0.14em;
}

/* Danger button — for reject / cancel actions */
.se-btn-danger,
.se-account__main .se-btn-danger,
.se-admin__content .se-btn-danger {
	background: rgba(211, 47, 47, 0.15);
	color: #ff8a8a;
	border-color: rgba(211, 47, 47, 0.35);
}
.se-btn-danger:hover {
	background: rgba(211, 47, 47, 0.3);
	color: #fff;
}

/* ── Cards (.se-card) ──────────────────────────────────────────── */

.se-card,
.se-retailer {
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 24px 28px;
	margin-bottom: 20px;
	color: rgba(255, 255, 255, 0.85);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
.se-card h2,
.se-card h3,
.se-card h4 {
	color: #fff;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0 0 12px;
}
.se-card p { color: rgba(255, 255, 255, 0.65); line-height: 1.6; }

.se-card--span { grid-column: 1 / -1; }

/* ── Form fields ───────────────────────────────────────────────── */

.se-field {
	display: block;
	margin-bottom: 18px;
}
.se-field-label {
	display: block;
	font-size: 10px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--accent-gold, #C8A04A);
	font-weight: 700;
	margin-bottom: 10px;
}
.se-field input[type="text"],
.se-field input[type="email"],
.se-field input[type="tel"],
.se-field input[type="url"],
.se-field input[type="number"],
.se-field input[type="password"],
.se-field input[type="search"],
.se-field select,
.se-field textarea,
.se-account__main input[type="text"],
.se-account__main input[type="email"],
.se-account__main input[type="tel"],
.se-account__main input[type="url"],
.se-account__main input[type="number"],
.se-account__main input[type="password"],
.se-account__main input[type="search"],
.se-account__main select,
.se-account__main textarea,
.se-admin__content input[type="text"],
.se-admin__content input[type="email"],
.se-admin__content input[type="tel"],
.se-admin__content input[type="url"],
.se-admin__content input[type="number"],
.se-admin__content input[type="password"],
.se-admin__content input[type="search"],
.se-admin__content select,
.se-admin__content textarea {
	width: 100%;
	padding: 14px 16px;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	border-radius: 12px;
	outline: none;
	transition: border-color 0.2s, background 0.2s;
}
.se-field input::placeholder,
.se-account__main input::placeholder,
.se-admin__content input::placeholder {
	color: rgba(255, 255, 255, 0.3);
}
.se-field input:focus,
.se-field select:focus,
.se-field textarea:focus {
	border-color: rgba(200, 160, 74, 0.5) !important;
	background: rgba(255, 255, 255, 0.07) !important;
}
.se-field--invalid input,
.se-field--invalid select,
.se-field--invalid textarea {
	border-color: rgba(211, 47, 47, 0.5) !important;
}
.se-field-error {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #ff8a8a;
	font-weight: 500;
}

/* Native checkbox + radio */
.se-account__main input[type="checkbox"],
.se-account__main input[type="radio"],
.se-admin__content input[type="checkbox"],
.se-admin__content input[type="radio"] {
	accent-color: var(--accent-red, #D32F2F);
}

/* File input */
.se-field--file input[type="file"] {
	padding: 10px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
}

/* ── Status pills (.se-status--*) ──────────────────────────────── */

.se-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	border-radius: 9999px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.75);
	white-space: nowrap;
}
.se-status::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	display: inline-block;
}
.se-status--approved,
.se-status--available,
.se-status--in-stock,
.se-status--paid,
.se-status--verified,
.se-status--delivered { color: #6fd285; }
.se-status--pending,
.se-status--low-stock,
.se-status--awaiting { color: var(--accent-gold, #C8A04A); }
.se-status--shipped,
.se-status--packed { color: #93c5fd; }
.se-status--rejected,
.se-status--cancelled,
.se-status--refunded,
.se-status--out-of-stock,
.se-status--failed { color: #ff8a8a; }
.se-status--draft { color: rgba(255, 255, 255, 0.5); }

/* ── Tables (.se-table) ────────────────────────────────────────── */

.se-table {
	width: 100%;
	border-collapse: collapse;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	overflow: hidden;
	margin: 16px 0;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.85);
}
.se-table th,
.se-table td {
	padding: 14px 18px;
	text-align: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.se-table thead th {
	background: rgba(0, 0, 0, 0.2);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.45);
}
.se-table tbody tr {
	transition: background 0.15s;
}
.se-table tbody tr:hover { background: rgba(255, 255, 255, 0.03); }
.se-table tbody tr:last-child td { border-bottom: 0; }
.se-table a {
	color: var(--accent-gold, #C8A04A);
	text-decoration: none;
	font-weight: 600;
}
.se-table a:hover { color: #fff; }
.se-table__sub {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.4);
	font-family: 'SF Mono', Menlo, monospace;
	letter-spacing: 0.04em;
}

/* ── Tabs (.se-tabs) ───────────────────────────────────────────── */

.se-tabs {
	display: flex;
	gap: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	margin-bottom: 28px;
	overflow-x: auto;
	scrollbar-width: none;
}
.se-tabs::-webkit-scrollbar { display: none; }
.se-tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 22px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.4);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 0.2s;
	white-space: nowrap;
}
.se-tab:hover { color: rgba(255, 255, 255, 0.75); }
.se-tab.is-active,
.se-tab[aria-current="page"] {
	color: #fff;
	border-bottom-color: var(--accent-red, #D32F2F);
}
.se-tab__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	padding: 0 6px;
	height: 18px;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.7);
	border-radius: 9999px;
	font-size: 10px;
}
.se-tab.is-active .se-tab__count {
	background: var(--accent-gold, #C8A04A);
	color: #050a15;
}

/* ── Empty state ────────────────────────────────────────────────── */

.se-empty {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 20px;
	padding: 56px 32px;
	text-align: center;
	color: rgba(255, 255, 255, 0.55);
	margin: 20px 0;
}
.se-empty h3 { color: #fff; margin: 0 0 8px; font-size: 18px; font-weight: 700; }
.se-empty p { color: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 1.6; margin: 0 0 20px; }

/* ── Modal (.se-modal) ─────────────────────────────────────────── */

.se-modal {
	position: fixed;
	inset: 0;
	background: rgba(5, 10, 21, 0.8);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.se-modal__panel {
	background: rgba(20, 28, 50, 0.9);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 24px;
	padding: 32px;
	max-width: 540px;
	width: 100%;
	color: #fff;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}
.se-modal__panel h2 { color: #fff; margin: 0 0 12px; font-size: 22px; font-weight: 700; }
.se-modal__panel p { color: rgba(255, 255, 255, 0.65); margin: 0 0 20px; line-height: 1.6; }
.se-modal__actions {
	display: flex;
	gap: 12px;
	margin-top: 24px;
	justify-content: flex-end;
	flex-wrap: wrap;
}

/* ── Retailer card (admin retailers view) ──────────────────────── */

.se-retailer__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 20px;
}
.se-retailer__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 16px;
}
.se-retailer__name {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0;
}
.se-retailer__meta {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.6;
}
.se-retailer__meta strong { color: rgba(255, 255, 255, 0.8); font-weight: 500; }
.se-retailer__actions {
	display: flex;
	gap: 8px;
	margin-top: 18px;
	flex-wrap: wrap;
}

/* ── Order detail timeline ─────────────────────────────────────── */

.se-timeline {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	padding: 0;
	margin: 24px 0 32px;
	list-style: none;
}
.se-timeline::before {
	content: '';
	position: absolute;
	top: 12px;
	left: 12px;
	right: 12px;
	height: 1px;
	background: rgba(255, 255, 255, 0.1);
	z-index: 0;
}
.se-timeline__step {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	position: relative;
	z-index: 1;
}
.se-timeline__dot {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.4);
	font-size: 11px;
	font-weight: 700;
}
.se-timeline__step--done .se-timeline__dot {
	background: var(--accent-gold, #C8A04A);
	border-color: var(--accent-gold, #C8A04A);
	color: #050a15;
}
.se-timeline__step--done .se-timeline__dot::before { content: '✓'; font-size: 13px; }
.se-timeline__step--done .se-timeline__dot { font-size: 0; }
.se-timeline__step--current .se-timeline__dot {
	background: #fff;
	border-color: #fff;
	color: var(--accent-red, #D32F2F);
	width: 30px;
	height: 30px;
	font-size: 13px;
	margin: -2px 0;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.1);
}
.se-timeline__label {
	font-size: 10px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
}
.se-timeline__step--current .se-timeline__label,
.se-timeline__step--done .se-timeline__label { color: #fff; }

/* ── Stock dots ────────────────────────────────────────────────── */

.se-stock__dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 6px;
}

/* ── Misc admin back link ──────────────────────────────────────── */

.se-admin__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	margin-bottom: 24px;
}
.se-admin__back:hover { color: #fff; }

/* ── Flash messages ────────────────────────────────────────────── */

.se-admin__flash,
.se-account__flash {
	background: rgba(255, 255, 255, 0.04);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-left-width: 3px;
	border-left-style: solid;
	border-radius: 12px;
	padding: 14px 18px;
	margin: 0 0 24px;
	font-size: 13px;
	color: #fff;
}
.se-admin__flash--success,
.se-account__flash--success,
.se-admin__flash--approved,
.se-account__flash--added,
.se-account__flash--saved,
.se-account__flash--submitted { border-left-color: #6fd285; color: #9ee5a8; }
.se-admin__flash--error,
.se-account__flash--error,
.se-admin__flash--rejected { border-left-color: #ff8a8a; color: #ff8a8a; }
.se-admin__flash--verified,
.se-admin__flash--packed,
.se-admin__flash--shipped,
.se-admin__flash--delivered,
.se-admin__flash--saved,
.se-admin__flash--imported { border-left-color: var(--accent-gold, #C8A04A); color: var(--accent-gold, #C8A04A); }

/* ── Page-title (account inner views) ──────────────────────────── */

.se-account__main h2,
.se-account__main h3,
.se-admin__content h2,
.se-admin__content h3 {
	color: #fff;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.se-account__main p,
.se-admin__content p {
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.6;
}
.se-account__main a:not(.se-btn):not(.se-tab):not(.se-status),
.se-admin__content a:not(.se-btn):not(.se-tab):not(.se-status) {
	color: var(--accent-gold, #C8A04A);
	text-decoration: none;
}
.se-account__main a:hover:not(.se-btn):not(.se-tab):not(.se-status),
.se-admin__content a:hover:not(.se-btn):not(.se-tab):not(.se-status) {
	color: #fff;
}

/* Generic two-column grid */
.se-account__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
@media (min-width: 800px) { .se-account__grid { grid-template-columns: 2fr 1fr; } }

/* ═══════════════════════════════════════════════════════════════════
   Cart, Checkout, My Account — full dark-glass overlay
   ═══════════════════════════════════════════════════════════════════ */

/* Page title — was dark navy "Cart" invisible on dark bg */
body:not(.home) .entry-header,
body:not(.home) .page .entry-header,
body:not(.home).woocommerce-cart .entry-header,
body:not(.home).woocommerce-checkout .entry-header,
body:not(.home).woocommerce-account .entry-header {
	max-width: 1400px;
	margin: 0 auto;
	padding: 56px 24px 28px;
}
body:not(.home) .entry-header h1,
body:not(.home) .entry-title,
body:not(.home) .page h1,
body:not(.home).woocommerce-cart h1,
body:not(.home).woocommerce-checkout h1,
body:not(.home).woocommerce-account h1 {
	font-size: clamp(32px, 4.4vw, 56px) !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	margin: 0 !important;
	line-height: 1 !important;
}

/* Constrain the body content of cart/checkout/account pages */
body:not(.home).woocommerce-cart .entry-content,
body:not(.home).woocommerce-checkout .entry-content,
body:not(.home).woocommerce-account .entry-content,
body:not(.home).woocommerce-cart .woocommerce,
body:not(.home).woocommerce-checkout .woocommerce,
body:not(.home).woocommerce-cart .entry-header,
body:not(.home).woocommerce-checkout .entry-header,
body:not(.home).woocommerce-account .entry-header {
	max-width: 1400px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 24px 80px !important;
	color: #fff;
	box-sizing: border-box;
}
body:not(.home).woocommerce-cart .entry-header,
body:not(.home).woocommerce-checkout .entry-header,
body:not(.home).woocommerce-account .entry-header {
	padding: 56px 24px 28px !important;
}
@media (min-width: 1024px) {
	body:not(.home).woocommerce-cart .entry-content,
	body:not(.home).woocommerce-checkout .entry-content,
	body:not(.home).woocommerce-account .entry-content,
	body:not(.home).woocommerce-cart .woocommerce,
	body:not(.home).woocommerce-checkout .woocommerce,
	body:not(.home).woocommerce-cart .entry-header,
	body:not(.home).woocommerce-checkout .entry-header,
	body:not(.home).woocommerce-account .entry-header {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}
	body:not(.home).woocommerce-cart .entry-header,
	body:not(.home).woocommerce-checkout .entry-header,
	body:not(.home).woocommerce-account .entry-header {
		padding-top: 56px !important;
		padding-bottom: 28px !important;
	}
}

/* All cart/checkout/account text → white scale */
body:not(.home).woocommerce-cart,
body:not(.home).woocommerce-checkout,
body:not(.home).woocommerce-account {
	color: #fff;
}
body:not(.home).woocommerce-cart h2,
body:not(.home).woocommerce-checkout h2,
body:not(.home).woocommerce-cart h3,
body:not(.home).woocommerce-checkout h3 {
	color: #fff !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em;
}

/* WC info/notice (e.g. "Minimum order is $500. Add $485.01 more...") */
body:not(.home) .woocommerce-info,
body:not(.home) .woocommerce-message,
body:not(.home) .woocommerce-error {
	background: rgba(255, 255, 255, 0.04) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-left-width: 3px !important;
	border-left-style: solid !important;
	border-radius: 14px !important;
	padding: 16px 20px !important;
	color: #fff !important;
	font-size: 13px !important;
	margin: 0 0 24px !important;
}
body:not(.home) .woocommerce-info { border-left-color: #C8A04A !important; }
body:not(.home) .woocommerce-message { border-left-color: #6fd285 !important; }
body:not(.home) .woocommerce-error { border-left-color: #ff8a8a !important; }
body:not(.home) .woocommerce-info::before,
body:not(.home) .woocommerce-message::before,
body:not(.home) .woocommerce-error::before { display: none; }
body:not(.home) .woocommerce-info a,
body:not(.home) .woocommerce-message a { color: #C8A04A !important; }

/* ── Cart products table (.shop_table.cart) ───────────────────── */

body:not(.home) .woocommerce table.shop_table {
	background: rgba(255, 255, 255, 0.03) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 20px !important;
	overflow: hidden;
	margin: 0 0 24px !important;
	border-collapse: separate !important;
	border-spacing: 0;
	color: #fff;
	width: 100%;
}
body:not(.home) .woocommerce table.shop_table thead {
	background: rgba(0, 0, 0, 0.25);
}
body:not(.home) .woocommerce table.shop_table thead th {
	color: rgba(255, 255, 255, 0.45) !important;
	font-size: 10px !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	padding: 16px 20px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	text-align: left;
}
body:not(.home) .woocommerce table.shop_table td {
	padding: 18px 20px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
	color: #fff !important;
	font-size: 14px;
	vertical-align: middle;
}
body:not(.home) .woocommerce table.shop_table tr:first-child td { border-top: 0 !important; }
body:not(.home) .woocommerce table.shop_table a {
	color: #fff !important;
	text-decoration: none;
}
body:not(.home) .woocommerce table.shop_table a:hover { color: #C8A04A !important; }
body:not(.home) .woocommerce table.shop_table .product-name a { font-weight: 500; }
body:not(.home) .woocommerce table.shop_table .product-price,
body:not(.home) .woocommerce table.shop_table .product-subtotal {
	color: #C8A04A !important;
	font-weight: 600;
	font-family: 'SF Mono', Menlo, monospace;
	letter-spacing: 0.04em;
}
body:not(.home) .woocommerce table.shop_table .product-remove a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background: rgba(211, 47, 47, 0.15) !important;
	border: 1px solid rgba(211, 47, 47, 0.3) !important;
	border-radius: 50%;
	color: #ff8a8a !important;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s;
}
body:not(.home) .woocommerce table.shop_table .product-remove a.remove:hover {
	background: rgba(211, 47, 47, 0.35) !important;
	color: #fff !important;
}

/* Quantity input inside cart */
body:not(.home) .woocommerce .quantity {
	display: inline-flex;
	align-items: center;
}
body:not(.home) .woocommerce .quantity .qty,
body:not(.home) .woocommerce input.qty {
	width: 70px !important;
	padding: 10px 14px !important;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	font-family: 'SF Mono', Menlo, monospace !important;
	font-size: 14px !important;
	border-radius: 10px !important;
	text-align: center;
	-moz-appearance: textfield;
}
body:not(.home) .woocommerce input.qty::-webkit-outer-spin-button,
body:not(.home) .woocommerce input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* ── Coupon row + Update cart row ─────────────────────────────── */

body:not(.home) .woocommerce .actions {
	background: transparent !important;
	padding: 16px 0 !important;
	border-top: 0 !important;
}
body:not(.home) .woocommerce .coupon {
	display: inline-flex;
	gap: 8px;
	align-items: center;
}
body:not(.home) .woocommerce .coupon input[type="text"],
body:not(.home) .woocommerce .coupon input#coupon_code {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	padding: 12px 16px !important;
	border-radius: 9999px !important;
	font-size: 12px;
	font-weight: 600;
	min-width: 200px;
	letter-spacing: 0.04em;
}
body:not(.home) .woocommerce .coupon input::placeholder { color: rgba(255, 255, 255, 0.35) !important; }

/* ── Cart 2-column layout ──────────────────────────────────────── */

/* Mobile: stack everything */
body:not(.home).woocommerce-cart .woocommerce {
	display: block;
}
body:not(.home).woocommerce-cart .woocommerce-cart-form,
body:not(.home).woocommerce-cart .cart-collaterals {
	width: 100% !important;
	float: none !important;
	margin: 0 0 24px !important;
}

/* Desktop: 2-col grid → table on left (wider), totals on right */
@media (min-width: 1024px) {
	body:not(.home).woocommerce-cart .woocommerce {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 440px;
		gap: 32px;
		align-items: start;
	}
	body:not(.home).woocommerce-cart .woocommerce > .woocommerce-notices-wrapper {
		grid-column: 1 / -1;
	}
	body:not(.home).woocommerce-cart .woocommerce-cart-form {
		grid-column: 1;
		margin: 0 !important;
		min-width: 0;
	}
	body:not(.home).woocommerce-cart .cart-collaterals {
		grid-column: 2;
		margin: 0 !important;
	}
}

body:not(.home) .cart-collaterals,
body:not(.home) .woocommerce-cart .cart-collaterals {
	float: none !important;
	display: block;
}
body:not(.home) .cart_totals,
body:not(.home) .cross-sells {
	width: 100% !important;
	float: none !important;
}
body:not(.home) .cart_totals {
	background: rgba(255, 255, 255, 0.04) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 24px !important;
	padding: 28px 32px !important;
	color: #fff;
	position: sticky;
	top: 120px;
}
body:not(.home) .cart_totals h2 {
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: #C8A04A !important;
	margin: 0 0 20px !important;
}
body:not(.home) .cart_totals table.shop_table {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	margin: 0 !important;
}
body:not(.home) .cart_totals table.shop_table th {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.6) !important;
	font-size: 13px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-weight: 500 !important;
	padding: 12px 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-bottom: 0 !important;
}
body:not(.home) .cart_totals table.shop_table tr:first-child th,
body:not(.home) .cart_totals table.shop_table tr:first-child td { border-top: 0 !important; }
body:not(.home) .cart_totals table.shop_table td {
	background: transparent !important;
	color: #fff !important;
	font-family: 'SF Mono', Menlo, monospace !important;
	font-weight: 600 !important;
	padding: 12px 0 !important;
	text-align: right !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}
body:not(.home) .cart_totals .order-total th,
body:not(.home) .cart_totals .order-total td {
	font-size: 16px !important;
	color: #C8A04A !important;
	font-weight: 700 !important;
	padding-top: 16px !important;
	padding-bottom: 4px !important;
	border-top: 1px solid rgba(200, 160, 74, 0.25) !important;
}
body:not(.home) .cart_totals .order-total th { color: #fff !important; }

/* ── Proceed to checkout button — kill the purple, force red glass ── */

body:not(.home) .wc-proceed-to-checkout {
	margin-top: 24px !important;
	padding: 0 !important;
}
body:not(.home) .wc-proceed-to-checkout a.checkout-button,
body:not(.home) a.checkout-button,
body:not(.home) .button.checkout-button,
body:not(.home) .woocommerce a.button.checkout-button,
body:not(.home) .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px;
	width: 100% !important;
	padding: 18px 24px !important;
	background: rgba(211, 47, 47, 0.9) !important;
	background-image: none !important;
	color: #ffffff !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	border: 1px solid rgba(255, 100, 100, 0.4) !important;
	border-radius: 9999px !important;
	box-shadow: 0 0 25px rgba(211, 47, 47, 0.3) !important;
	text-decoration: none !important;
	text-shadow: none !important;
}
body:not(.home) .wc-proceed-to-checkout a.checkout-button:hover {
	background: #D32F2F !important;
	box-shadow: 0 0 35px rgba(211, 47, 47, 0.5) !important;
	transform: translateY(-1px);
}

/* Hide WC's default "Returning customer? Click here to login." link styling clash */
body:not(.home) .woocommerce-form-coupon-toggle .woocommerce-info,
body:not(.home) .woocommerce-form-login-toggle .woocommerce-info { background: rgba(255, 255, 255, 0.04) !important; }

/* WC notices wrapper margins */
body:not(.home) .woocommerce-notices-wrapper { margin: 0 0 24px; }

/* "Update cart" button — make it use the secondary glass style instead of red */
body:not(.home) button[name="update_cart"],
body:not(.home) input[name="update_cart"] {
	background: rgba(255, 255, 255, 0.06) !important;
	background-color: rgba(255, 255, 255, 0.06) !important;
	color: rgba(255, 255, 255, 0.85) !important;
	border-color: rgba(255, 255, 255, 0.15) !important;
	box-shadow: none !important;
}
body:not(.home) button[name="update_cart"]:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #fff !important;
}