/* S&S Kreates Co. glam retail layer. Loaded last on SSK/WooCommerce pages. */
:root {
	--ssk-glam-black: #090609;
	--ssk-glam-ink: #201016;
	--ssk-glam-plum: #4f0627;
	--ssk-glam-burgundy: #870d3f;
	--ssk-glam-hot: #ff3f93;
	--ssk-glam-pink: #ff78a6;
	--ssk-glam-blush: #ffe3ec;
	--ssk-glam-cream: #fff8f1;
	--ssk-glam-white: #ffffff;
	--ssk-glam-gold: #f2c66d;
	--ssk-glam-gold-deep: #b17a22;
	--ssk-glam-line: rgba(135, 13, 63, 0.16);
	--ssk-glam-shadow: 0 18px 42px rgba(79, 6, 39, 0.14);
	--ssk-glam-dark-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
}

body.ssk-glam-retail,
body.ssk-glam-retail.ssk-2026-floral {
	background:
		radial-gradient(circle at 0 0, rgba(255, 120, 166, 0.22), transparent 28rem),
		radial-gradient(circle at 100% 14%, rgba(242, 198, 109, 0.16), transparent 24rem),
		linear-gradient(180deg, #fff7f8 0%, #fffdf8 44%, #fff2e9 100%) !important;
	color: var(--ssk-glam-ink);
}

body.ssk-glam-retail .ssk-haven-page,
body.ssk-glam-retail .ssk-mature-page,
body.ssk-glam-retail .ssk-preview-shop,
body.ssk-glam-retail .ssk-woo-single-page,
body.ssk-glam-retail .ssk27-page {
	background:
		radial-gradient(circle at 8% 0, rgba(255, 63, 147, 0.12), transparent 25rem),
		radial-gradient(circle at 94% 6%, rgba(242, 198, 109, 0.14), transparent 22rem),
		linear-gradient(180deg, #fff7f9 0%, #fffdf8 56%, #fff4ed 100%) !important;
}

body.ssk-glam-retail h1,
body.ssk-glam-retail h2,
body.ssk-glam-retail h3,
body.ssk-glam-retail .font-display {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	letter-spacing: 0 !important;
	color: var(--ssk-glam-ink);
}

body.ssk-glam-retail p,
body.ssk-glam-retail li,
body.ssk-glam-retail input,
body.ssk-glam-retail select,
body.ssk-glam-retail textarea,
body.ssk-glam-retail button,
body.ssk-glam-retail a {
	font-family: Inter, Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.ssk-glam-retail a:focus-visible,
body.ssk-glam-retail button:focus-visible,
body.ssk-glam-retail input:focus-visible,
body.ssk-glam-retail summary:focus-visible,
body.ssk-glam-retail select:focus-visible,
body.ssk-glam-retail textarea:focus-visible {
	outline: 3px solid rgba(255, 63, 147, 0.62) !important;
	outline-offset: 3px !important;
}

body.ssk-glam-retail .ssk27-container,
body.ssk-glam-retail .ssk-container,
body.ssk-glam-retail .container {
	width: min(calc(100% - 2rem), 1200px) !important;
	max-width: 1200px !important;
	margin-inline: auto !important;
}

body.ssk-glam-retail .btn-shop,
body.ssk-glam-retail .ssk27-btn--primary,
body.ssk-glam-retail .woocommerce a.button,
body.ssk-glam-retail .woocommerce button.button,
body.ssk-glam-retail .woocommerce input.button,
body.ssk-glam-retail .woocommerce #payment #place_order {
	border: 0 !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, var(--ssk-glam-hot), var(--ssk-glam-burgundy)) !important;
	color: var(--ssk-glam-white) !important;
	box-shadow: 0 14px 28px rgba(255, 63, 147, 0.28) !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body.ssk-glam-retail .btn-soft,
body.ssk-glam-retail .ssk27-btn--soft,
body.ssk-glam-retail .ssk27-btn--lavender {
	border: 1px solid rgba(242, 198, 109, 0.72) !important;
	border-radius: 8px !important;
	background: rgba(9, 6, 9, 0.72) !important;
	color: var(--ssk-glam-white) !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body.ssk-glam-retail .ssk-glam-promo {
	background: linear-gradient(90deg, #ff6d86, var(--ssk-glam-hot), #ff9eba) !important;
	color: var(--ssk-glam-white) !important;
}

body.ssk-glam-retail .ssk-glam-promo .container {
	padding-block: 0.42rem;
}

body.ssk-glam-retail .ssk-glam-promo p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	margin: 0;
	font-size: 0.78rem;
	line-height: 1.2;
	text-align: center;
}

body.ssk-glam-retail .ssk-glam-promo svg {
	width: 1rem;
	height: 1rem;
}

body.ssk-glam-retail .ssk-glam-header {
	border: 0 !important;
	background: var(--ssk-glam-white) !important;
	box-shadow: 0 8px 24px rgba(79, 6, 39, 0.08);
	backdrop-filter: none !important;
}

body.ssk-glam-retail .ssk-glam-header-main {
	display: grid;
	grid-template-columns: auto minmax(240px, 1fr) auto;
	gap: clamp(1rem, 2vw, 2rem);
	align-items: center;
	padding-block: 0.78rem;
}

body.ssk-glam-retail .ssk-glam-logo {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	color: var(--ssk-glam-hot) !important;
	font-weight: 900;
	text-decoration: none;
}

body.ssk-glam-retail .ssk-glam-logo img {
	width: min(220px, 26vw);
	max-height: 62px;
	object-fit: contain;
}

body.ssk-glam-retail .ssk-glam-logo span {
	display: grid;
	color: var(--ssk-glam-hot);
	font-size: clamp(1.3rem, 2vw, 1.85rem);
	line-height: 0.96;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-logo em {
	color: var(--ssk-glam-burgundy);
	font-size: 0.72rem;
	font-style: normal;
	letter-spacing: 0.1em;
	text-align: center;
}

body.ssk-glam-retail .ssk-glam-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 44px;
	align-items: stretch;
	max-width: 480px;
	width: 100%;
	justify-self: center;
	border: 1px solid rgba(135, 13, 63, 0.13);
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
}

body.ssk-glam-retail .ssk-glam-search input {
	width: 100%;
	min-height: 42px;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	padding: 0 0.9rem;
	color: var(--ssk-glam-ink) !important;
	font-size: 0.9rem;
}

body.ssk-glam-retail .ssk-glam-search button {
	display: grid;
	place-items: center;
	border-left: 1px solid rgba(135, 13, 63, 0.12);
	color: var(--ssk-glam-hot);
}

body.ssk-glam-retail .ssk-glam-search svg,
body.ssk-glam-retail .ssk-glam-actions svg {
	width: 1.1rem;
	height: 1.1rem;
}

body.ssk-glam-retail .ssk-glam-actions {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 0.75rem;
}

body.ssk-glam-retail .ssk-glam-action {
	display: inline-flex;
	align-items: center;
	gap: 0.32rem;
	color: var(--ssk-glam-burgundy) !important;
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
}

body.ssk-glam-retail .ssk-glam-cart span {
	display: inline-grid;
	place-items: center;
	min-width: 18px;
	height: 18px;
	border-radius: 999px;
	background: var(--ssk-glam-hot);
	color: var(--ssk-glam-white);
	font-size: 0.68rem;
}

body.ssk-glam-retail .ssk-glam-category-nav {
	background: var(--ssk-glam-black);
	color: var(--ssk-glam-white);
}

body.ssk-glam-retail .ssk-glam-category-nav .container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(0.35rem, 1.5vw, 1.35rem);
	overflow-x: auto;
	padding-block: 0.72rem;
	scrollbar-width: none;
}

body.ssk-glam-retail .ssk-glam-category-nav .container::-webkit-scrollbar {
	display: none;
}

body.ssk-glam-retail .ssk-glam-category-nav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex: 0 0 auto;
	color: var(--ssk-glam-white) !important;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}

body.ssk-glam-retail .ssk-glam-category-nav a:hover,
body.ssk-glam-retail .ssk-glam-category-nav a[aria-current="page"] {
	color: var(--ssk-glam-pink) !important;
}

body.ssk-glam-retail .ssk-glam-category-nav span,
body.ssk-glam-retail .ssk-haven-mobile-panel a span {
	border-radius: 999px;
	background: var(--ssk-glam-hot);
	color: var(--ssk-glam-white);
	padding: 0.15rem 0.42rem;
	font-size: 0.62rem;
}

body.ssk-glam-retail .ssk-glam-mobile-menu summary {
	display: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: var(--ssk-glam-black);
	color: var(--ssk-glam-white);
	list-style: none;
}

body.ssk-glam-retail .ssk-haven-mobile-panel {
	border: 1px solid rgba(255, 63, 147, 0.22) !important;
	border-radius: 14px !important;
	background: var(--ssk-glam-black) !important;
	box-shadow: var(--ssk-glam-dark-shadow) !important;
}

body.ssk-glam-retail .ssk-haven-mobile-panel a {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	color: var(--ssk-glam-white) !important;
	font-weight: 800;
}

body.ssk-glam-retail .ssk-glam-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 82% 24%, rgba(255, 63, 147, 0.34), transparent 20rem),
		radial-gradient(circle at 55% 72%, rgba(242, 198, 109, 0.24), transparent 16rem),
		linear-gradient(115deg, #090609 0%, #160912 48%, #40051f 100%);
	color: var(--ssk-glam-white);
	border-bottom: 4px solid var(--ssk-glam-gold);
}

body.ssk-glam-retail .ssk-glam-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 20px),
		radial-gradient(circle at 10% 70%, rgba(255, 63, 147, 0.22), transparent 8rem);
	opacity: 0.8;
	pointer-events: none;
}

body.ssk-glam-retail .ssk-glam-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr);
	gap: clamp(1.2rem, 3vw, 3rem);
	align-items: center;
	min-height: clamp(420px, 42vw, 560px);
	padding-block: clamp(1.35rem, 4vw, 3.6rem);
}

body.ssk-glam-retail .ssk-glam-kicker {
	display: inline-flex;
	width: max-content;
	margin-bottom: 0.85rem;
	border: 1px solid rgba(242, 198, 109, 0.52);
	border-radius: 999px;
	padding: 0.32rem 0.75rem;
	color: var(--ssk-glam-gold);
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-hero h1 {
	max-width: 10ch;
	margin: 0;
	color: var(--ssk-glam-white) !important;
	font-family: Inter, Manrope, system-ui, sans-serif !important;
	font-size: clamp(2.9rem, 6vw, 5.9rem) !important;
	font-weight: 950;
	letter-spacing: -0.04em !important;
	line-height: 0.86 !important;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-hero h1 span {
	display: block;
	color: var(--ssk-glam-hot);
	text-shadow: 0 0 24px rgba(255, 63, 147, 0.42);
}

body.ssk-glam-retail .ssk-glam-script {
	margin: 0.9rem 0 0;
	color: var(--ssk-glam-gold);
	font-family: "Dancing Script", cursive !important;
	font-size: clamp(1.6rem, 3.2vw, 2.8rem) !important;
	line-height: 1;
}

body.ssk-glam-retail .ssk-glam-hero__copy > p:not(.ssk-glam-script) {
	max-width: 42rem;
	margin: 1rem 0 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(0.95rem, 1.2vw, 1.08rem);
	line-height: 1.55;
}

body.ssk-glam-retail .ssk-glam-hero .ssk27-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.35rem;
}

body.ssk-glam-retail .ssk-glam-hero .ssk27-btn {
	min-height: 48px;
	padding: 0.9rem 1.45rem;
	font-size: 0.82rem;
	font-weight: 900;
}

body.ssk-glam-retail .ssk-glam-hero__stage {
	position: relative;
	min-height: clamp(340px, 36vw, 470px);
}

body.ssk-glam-retail .ssk-glam-rose {
	position: absolute;
	right: 0;
	bottom: 0;
	width: min(46vw, 460px);
	border: 4px solid rgba(255, 255, 255, 0.86);
	border-radius: 28px;
	box-shadow: var(--ssk-glam-dark-shadow);
	object-fit: cover;
}

body.ssk-glam-retail .ssk-glam-hero-product {
	position: absolute;
	left: 0;
	top: 8%;
	width: min(42vw, 280px);
	transform: rotate(-4deg);
}

body.ssk-glam-retail .ssk-glam-hero-product--mini {
	left: 24%;
	top: 42%;
	width: min(34vw, 220px);
	transform: rotate(5deg);
}

body.ssk-glam-retail .ssk-glam-category-strip {
	position: relative;
	z-index: 2;
	margin-top: -1px;
	background: linear-gradient(180deg, #fff4f8, #fffaf7);
	box-shadow: 0 10px 30px rgba(79, 6, 39, 0.08);
}

body.ssk-glam-retail .ssk-glam-category-strip .ssk27-container {
	padding-block: clamp(0.85rem, 2vw, 1.25rem);
}

body.ssk-glam-retail .ssk-category-row,
body.ssk-glam-retail .ssk27-category-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.8vw, 1rem);
}

body.ssk-glam-retail .ssk27-cat {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 0.8rem;
	align-items: center;
	min-height: 88px;
	border: 1px solid rgba(255, 63, 147, 0.12) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 227, 236, 0.9)),
		radial-gradient(circle at 90% 0, rgba(242, 198, 109, 0.24), transparent 8rem) !important;
	box-shadow: var(--ssk-glam-shadow) !important;
	padding: 0.8rem !important;
	text-decoration: none;
}

body.ssk-glam-retail .ssk27-cat .ssk27-icon {
	display: grid;
	place-items: center;
	grid-row: span 2;
	width: 54px;
	height: 54px;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--ssk-glam-hot), #ffacd1);
	color: var(--ssk-glam-white);
	font-size: 1.3rem;
	font-weight: 900;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
}

body.ssk-glam-retail .ssk-glam-cat--wallet .ssk27-icon::before { content: "$"; }
body.ssk-glam-retail .ssk-glam-cat--diamond .ssk27-icon::before { content: "*"; }
body.ssk-glam-retail .ssk-glam-cat--tracker .ssk27-icon::before { content: "#"; }
body.ssk-glam-retail .ssk-glam-cat--gift .ssk27-icon::before { content: "+"; }
body.ssk-glam-retail .ssk-glam-cat--planner .ssk27-icon::before { content: "P"; }

body.ssk-glam-retail .ssk27-cat strong {
	margin: 0;
	color: var(--ssk-glam-ink);
	font-size: 0.95rem;
	font-weight: 950;
	line-height: 1.05;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk27-cat em {
	color: rgba(32, 16, 22, 0.72);
	font-size: 0.78rem;
	font-style: normal;
	line-height: 1.25;
}

body.ssk-glam-retail .ssk27-section {
	padding-block: clamp(1.55rem, 3.5vw, 3rem);
}

body.ssk-glam-retail .ssk27-section-head {
	align-items: end;
	margin-bottom: 1rem;
}

body.ssk-glam-retail .ssk27-eyebrow {
	color: var(--ssk-glam-hot);
	font-size: 0.72rem;
	font-weight: 950;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk27-section-head h2 {
	margin: 0.25rem 0 0;
	font-size: clamp(1.7rem, 3vw, 2.45rem) !important;
	line-height: 1;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-trending__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(330px, 0.78fr);
	gap: clamp(1rem, 2.5vw, 2rem);
	align-items: stretch;
}

body.ssk-glam-retail .ssk-glam-products-compact {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.ssk-glam-retail .ssk27-product,
body.ssk-glam-retail .ssk-product-card,
body.ssk-glam-retail .woocommerce ul.products li.product {
	border: 1px solid rgba(255, 63, 147, 0.13) !important;
	border-radius: 14px !important;
	background: rgba(255, 255, 255, 0.94) !important;
	box-shadow: 0 10px 26px rgba(79, 6, 39, 0.11) !important;
	overflow: hidden;
}

body.ssk-glam-retail .ssk27-product__media,
body.ssk-glam-retail .ssk-product-card__image-link,
body.ssk-glam-retail .ssk-product-card__image-wrap,
body.ssk-glam-retail .woocommerce ul.products li.product > a:first-child {
	background:
		radial-gradient(circle at 70% 18%, rgba(255, 63, 147, 0.22), transparent 8rem),
		linear-gradient(135deg, #fff0f7, #fff9f2) !important;
}

body.ssk-glam-retail .ssk27-badge,
body.ssk-glam-retail .ssk-product-card__badge {
	background: var(--ssk-glam-blush) !important;
	color: var(--ssk-glam-burgundy) !important;
	border: 1px solid rgba(255, 63, 147, 0.18) !important;
}

body.ssk-glam-retail .ssk27-product__title,
body.ssk-glam-retail .ssk-product-card__title,
body.ssk-glam-retail .woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: var(--ssk-glam-ink) !important;
	font-weight: 900 !important;
}

body.ssk-glam-retail .ssk27-product__bottom strong,
body.ssk-glam-retail .ssk-product-card__price,
body.ssk-glam-retail .woocommerce ul.products li.product .price {
	color: var(--ssk-glam-hot) !important;
	font-weight: 950 !important;
}

body.ssk-glam-retail .ssk27-cart,
body.ssk-glam-retail .ssk-product-card__button {
	border-radius: 8px !important;
	background: linear-gradient(135deg, var(--ssk-glam-hot), var(--ssk-glam-burgundy)) !important;
	color: var(--ssk-glam-white) !important;
}

body.ssk-glam-retail .ssk-glam-scratch-panel {
	position: relative;
	display: grid;
	align-content: center;
	gap: 1rem;
	min-height: 100%;
	border-radius: 16px;
	background:
		radial-gradient(circle at 82% 22%, rgba(255, 63, 147, 0.34), transparent 13rem),
		linear-gradient(135deg, var(--ssk-glam-black), #230713 72%, var(--ssk-glam-burgundy));
	color: var(--ssk-glam-white);
	padding: clamp(1.2rem, 3vw, 2rem);
	box-shadow: var(--ssk-glam-dark-shadow);
	overflow: hidden;
}

body.ssk-glam-retail .ssk-glam-scratch-panel > div span {
	display: block;
	color: var(--ssk-glam-pink);
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 950;
	line-height: 0.9;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-scratch-panel > div strong {
	display: block;
	font-size: clamp(1.6rem, 3vw, 2.75rem);
	line-height: 0.95;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-scratch-panel ul {
	display: grid;
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.ssk-glam-retail .ssk-glam-scratch-panel li::before {
	content: "✓";
	display: inline-grid;
	place-items: center;
	width: 1.05rem;
	height: 1.05rem;
	margin-right: 0.45rem;
	border-radius: 999px;
	background: var(--ssk-glam-pink);
	color: #fff;
	font-size: 0.7rem;
}

body.ssk-glam-retail .ssk-glam-scratch-product {
	display: none;
}

body.ssk-glam-retail .ssk-glam-how {
	background: var(--ssk-glam-black);
	color: var(--ssk-glam-white);
}

body.ssk-glam-retail .ssk-glam-how .ssk27-container {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: clamp(1rem, 3vw, 3rem);
	align-items: center;
	padding-block: clamp(1rem, 2.5vw, 1.5rem);
}

body.ssk-glam-retail .ssk-glam-how h2 {
	color: var(--ssk-glam-white) !important;
	font-family: Inter, Manrope, system-ui, sans-serif !important;
	font-size: clamp(1.4rem, 2.4vw, 2rem) !important;
	font-weight: 950;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-how__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.ssk-glam-retail .ssk-glam-how__steps div {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 0.45rem 0.8rem;
	align-items: center;
}

body.ssk-glam-retail .ssk-glam-how__steps span {
	display: grid;
	place-items: center;
	grid-row: span 2;
	width: 46px;
	height: 46px;
	border: 2px solid var(--ssk-glam-gold);
	border-radius: 999px;
	color: var(--ssk-glam-gold);
	font-size: 1.45rem;
	font-weight: 950;
}

body.ssk-glam-retail .ssk-glam-how__steps strong {
	color: var(--ssk-glam-gold);
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-how__steps p {
	margin: 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.82rem;
	line-height: 1.35;
}

body.ssk-glam-retail .ssk-glam-membership {
	background:
		radial-gradient(circle at 16% 30%, rgba(255, 63, 147, 0.22), transparent 16rem),
		linear-gradient(135deg, #fff1f8, #190811 48%, #3e061f);
	color: var(--ssk-glam-white);
}

body.ssk-glam-retail .ssk-glam-membership__grid {
	display: grid;
	grid-template-columns: minmax(260px, 0.45fr) minmax(0, 1fr);
	gap: clamp(1rem, 3vw, 2rem);
	align-items: center;
	padding-block: clamp(1.2rem, 3vw, 2rem);
}

body.ssk-glam-retail .ssk-glam-membership img {
	width: 100%;
	max-height: 300px;
	border-radius: 16px;
	object-fit: cover;
	box-shadow: var(--ssk-glam-dark-shadow);
}

body.ssk-glam-retail .ssk-glam-membership h2 {
	color: var(--ssk-glam-white) !important;
	font-family: Inter, Manrope, system-ui, sans-serif !important;
	font-size: clamp(2rem, 4vw, 3.2rem) !important;
	font-weight: 950;
	line-height: 0.95;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-membership ul {
	display: grid;
	gap: 0.35rem;
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}

body.ssk-glam-retail .ssk-glam-membership li::before {
	content: "✓";
	margin-right: 0.45rem;
	color: var(--ssk-glam-gold);
}

body.ssk-glam-retail .ssk-glam-reviews .ssk27-review {
	background: rgba(255, 255, 255, 0.9) !important;
	border-color: rgba(255, 63, 147, 0.12) !important;
}

body.ssk-glam-retail .ssk-glam-freebie {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.65), rgba(255, 227, 236, 0.92), rgba(255, 255, 255, 0.65)),
		radial-gradient(circle at 0 50%, rgba(255, 63, 147, 0.18), transparent 15rem);
}

body.ssk-glam-retail .ssk-glam-freebie .ssk27-container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
	padding-block: clamp(1rem, 2.4vw, 1.55rem);
}

body.ssk-glam-retail .ssk-glam-freebie h2 {
	margin: 0;
	color: var(--ssk-glam-hot) !important;
	font-family: Inter, Manrope, system-ui, sans-serif !important;
	font-size: clamp(1.7rem, 3vw, 2.5rem) !important;
	font-weight: 950;
	letter-spacing: 0.08em !important;
	text-align: center;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-glam-freebie p {
	margin: 0.1rem 0 0;
	text-align: center;
}

body.ssk-glam-retail .ssk-preview-shop .hero,
body.ssk-glam-retail .ssk-youtube-hero,
body.ssk-glam-retail .ssk-freebie-hero,
body.ssk-glam-retail .ssk-collections-page .ssk-youtube-hero,
body.ssk-glam-retail .ssk-challenges-page .ssk-youtube-hero {
	background:
		radial-gradient(circle at 85% 20%, rgba(255, 63, 147, 0.26), transparent 20rem),
		linear-gradient(135deg, var(--ssk-glam-black), #210611 65%, var(--ssk-glam-burgundy)) !important;
	color: var(--ssk-glam-white) !important;
	border-bottom: 3px solid var(--ssk-glam-gold);
}

body.ssk-glam-retail .ssk-preview-shop .hero h1,
body.ssk-glam-retail .ssk-youtube-hero h1,
body.ssk-glam-retail .ssk-freebie-hero h1 {
	color: var(--ssk-glam-white) !important;
	font-family: Inter, Manrope, system-ui, sans-serif !important;
	font-weight: 950 !important;
	text-transform: uppercase;
}

body.ssk-glam-retail .ssk-preview-shop .hero p,
body.ssk-glam-retail .ssk-youtube-hero .ssk-mature-lede,
body.ssk-glam-retail .ssk-freebie-hero .ssk-mature-lede {
	color: rgba(255, 255, 255, 0.82) !important;
}

body.ssk-glam-retail .ssk-preview-shop .search-wrap,
body.ssk-glam-retail .ssk-form-card,
body.ssk-glam-retail .ssk-mature-card,
body.ssk-glam-retail .ssk-mature-plan,
body.ssk-glam-retail .ssk-membership-compare div,
body.ssk-glam-retail .ssk-product-detail-section,
body.ssk-glam-retail .woocommerce table.shop_table,
body.ssk-glam-retail .cart_totals,
body.ssk-glam-retail .woocommerce-checkout-review-order {
	border: 1px solid rgba(255, 63, 147, 0.13) !important;
	border-radius: 14px !important;
	background: rgba(255, 255, 255, 0.94) !important;
	box-shadow: var(--ssk-glam-shadow) !important;
}

body.ssk-glam-retail .ssk-haven-footer {
	background:
		linear-gradient(180deg, #fff8fb, #fff2e8),
		radial-gradient(circle at 0 0, rgba(255, 63, 147, 0.14), transparent 18rem) !important;
	border-top: 1px solid rgba(135, 13, 63, 0.12) !important;
}

body.ssk-glam-retail .ssk-haven-footer .font-display,
body.ssk-glam-retail .ssk-haven-footer h2 {
	color: var(--ssk-glam-burgundy) !important;
}

@media (max-width: 1024px) {
	body.ssk-glam-retail .ssk-glam-header-main {
		grid-template-columns: auto minmax(0, 1fr) auto;
	}

	body.ssk-glam-retail .ssk-glam-search {
		max-width: none;
	}

	body.ssk-glam-retail .ssk-glam-category-nav .container {
		justify-content: flex-start;
	}

	body.ssk-glam-retail .ssk-glam-hero__grid,
	body.ssk-glam-retail .ssk-glam-trending__grid,
	body.ssk-glam-retail .ssk-glam-membership__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.ssk-glam-retail .ssk-glam-hero__stage {
		min-height: 360px;
	}

	body.ssk-glam-retail .ssk-glam-rose {
		width: min(54vw, 420px);
	}

	body.ssk-glam-retail .ssk-glam-products-compact,
	body.ssk-glam-retail .ssk27-products-grid--four,
	body.ssk-glam-retail .ssk27-category-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	body.ssk-glam-retail .ssk-glam-header-main {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 0.8rem;
		padding-block: 0.65rem;
	}

	body.ssk-glam-retail .ssk-glam-logo img {
		width: min(180px, 54vw);
	}

	body.ssk-glam-retail .ssk-glam-search {
		grid-column: 1 / -1;
		order: 3;
	}

	body.ssk-glam-retail .ssk-glam-login {
		display: none;
	}

	body.ssk-glam-retail .ssk-glam-mobile-menu summary {
		display: inline-flex;
	}

	body.ssk-glam-retail .ssk-glam-category-nav {
		display: none;
	}

	body.ssk-glam-retail .ssk-glam-hero__grid {
		min-height: 0;
		padding-block: 1.35rem;
	}

	body.ssk-glam-retail .ssk-glam-hero h1 {
		max-width: 9ch;
		font-size: clamp(2.55rem, 13vw, 4.1rem) !important;
	}

	body.ssk-glam-retail .ssk-glam-hero .ssk27-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	body.ssk-glam-retail .ssk-glam-hero__stage {
		display: grid;
		grid-template-columns: minmax(0, 0.82fr) minmax(120px, 0.48fr);
		gap: 0.8rem;
		min-height: 0;
	}

	body.ssk-glam-retail .ssk-glam-rose,
	body.ssk-glam-retail .ssk-glam-hero-product,
	body.ssk-glam-retail .ssk-glam-hero-product--mini {
		position: static;
		width: 100%;
		transform: none;
	}

	body.ssk-glam-retail .ssk-glam-hero-product--mini {
		display: none;
	}

	body.ssk-glam-retail .ssk-glam-products-compact,
	body.ssk-glam-retail .ssk27-products-grid--four,
	body.ssk-glam-retail .ssk27-category-row,
	body.ssk-glam-retail .ssk27-review-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.ssk-glam-retail .ssk27-cat {
		grid-template-columns: 42px minmax(0, 1fr);
		min-height: 78px;
		padding: 0.65rem !important;
	}

	body.ssk-glam-retail .ssk27-cat .ssk27-icon {
		width: 42px;
		height: 42px;
	}

	body.ssk-glam-retail .ssk-glam-how .ssk27-container,
	body.ssk-glam-retail .ssk-glam-how__steps,
	body.ssk-glam-retail .ssk-glam-freebie .ssk27-container {
		grid-template-columns: minmax(0, 1fr);
	}

	body.ssk-glam-retail .ssk-glam-freebie h2,
	body.ssk-glam-retail .ssk-glam-freebie p {
		text-align: left;
	}
}

@media (max-width: 420px) {
	body.ssk-glam-retail .ssk27-container,
	body.ssk-glam-retail .ssk-container,
	body.ssk-glam-retail .container {
		width: min(calc(100% - 1.1rem), 1200px) !important;
	}

	body.ssk-glam-retail .ssk-glam-products-compact,
	body.ssk-glam-retail .ssk27-products-grid--four {
		gap: 0.55rem !important;
	}

	body.ssk-glam-retail .ssk27-cat strong {
		font-size: 0.76rem;
	}

	body.ssk-glam-retail .ssk27-cat em {
		font-size: 0.68rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.ssk-glam-retail *,
	body.ssk-glam-retail *::before,
	body.ssk-glam-retail *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}