#ssk-app{
	--primary-purple:#c4a0f5;
	--primary-purple-dark:#5e1fa8;
	--accent-teal:#8fd9cf;
	--accent-teal-dark:#2f9f93;
	--accent-pink:#e7afd8;
	--accent-vine:#6f8f66;
	--accent-gold:#f0dba6;
	--ssk-ink:#241a34;
	--ssk-soft:rgba(36,26,52,.70);
	/* Use px, not rem for layout widths: Astra changes root font-size. */
	--ssk-page-max:clamp(1120px, 85vw, 1600px);
	/* Single fluid container pad (replaces four stepped breakpoint values). */
	--ssk-page-pad:clamp(16px, 3.5vw, 32px);
	/* Legacy aliases — kept so older selectors still resolve to the fluid value. */
	--ssk-page-pad-mobile:var(--ssk-page-pad);
	--ssk-page-pad-sm:var(--ssk-page-pad);
	--ssk-page-pad-md:var(--ssk-page-pad);
	--ssk-page-pad-lg:var(--ssk-page-pad);
	--ssk-nav-offset:88px;

	/* Fluid space scale — gaps/padding that flex with viewport instead of snapping. */
	--ssk-space-1:clamp(.25rem, .15rem + .25vw, .4rem);
	--ssk-space-2:clamp(.5rem, .35rem + .4vw, .75rem);
	--ssk-space-3:clamp(.75rem, .55rem + .6vw, 1.1rem);
	--ssk-space-4:clamp(1rem, .75rem + .9vw, 1.5rem);
	--ssk-space-5:clamp(1.25rem, .95rem + 1.1vw, 1.85rem);
	--ssk-space-6:clamp(1.5rem, 1.1rem + 1.5vw, 2.35rem);
	--ssk-space-8:clamp(2rem, 1.4rem + 2.2vw, 3.25rem);
	--ssk-space-10:clamp(2.5rem, 1.6rem + 3.2vw, 4.25rem);
	--ssk-space-12:clamp(3rem, 1.8rem + 4.2vw, 5.25rem);
	--ssk-space-16:clamp(4rem, 2.2rem + 6vw, 7.5rem);

	/* Fluid type scale — a single source of truth for buyer-facing copy. */
	--ssk-text-xs:clamp(.72rem, .68rem + .15vw, .82rem);
	--ssk-text-sm:clamp(.85rem, .8rem + .25vw, .98rem);
	--ssk-text-base:clamp(.98rem, .92rem + .35vw, 1.12rem);
	--ssk-text-lg:clamp(1.08rem, 1rem + .45vw, 1.28rem);
	--ssk-text-xl:clamp(1.2rem, 1.05rem + .7vw, 1.55rem);
	--ssk-text-2xl:clamp(1.4rem, 1.2rem + 1vw, 1.95rem);
	--ssk-text-3xl:clamp(1.65rem, 1.3rem + 1.7vw, 2.5rem);
	--ssk-text-4xl:clamp(1.95rem, 1.4rem + 2.6vw, 3.25rem);
	--ssk-text-5xl:clamp(2.3rem, 1.5rem + 3.8vw, 4.25rem);

	/* Fluid section rhythm — replaces fixed py-10 / py-16 jumps. */
	--ssk-section-y:clamp(2.5rem, 1.5rem + 4vw, 5.5rem);
	--ssk-section-y-sm:clamp(1.5rem, 1rem + 2.2vw, 3rem);

	--ssk-garden-bg:linear-gradient(135deg, hsl(268 70% 30%) 0%, hsl(268 58% 45%) 60%, hsl(268 45% 55%) 100%);
	--ssk-garden-overlay:url('../assets/garden/coming-soon-sskreates-optimized.jpg');
	--ssk-surface:rgba(255,255,255,.88);
	--ssk-surface-strong:rgba(255,255,255,.94);
	--ssk-border:rgba(75,45,115,.18);
	--ssk-shadow:0 18px 60px rgba(41,24,57,.14);
	--ssk-font-body:Inter, Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	--ssk-font-heading:"Cormorant Garamond", Georgia, "Times New Roman", serif;
	--ssk-font-script:"Dancing Script", cursive;
	--ssk-page-bg:linear-gradient(180deg, #fdf8f0 0%, #faf5ed 50%, #fdf8f0 100%);
}

/* H1 FIX: Page background gradient as reusable class */
#ssk-app .ssk-page-bg {
	background: var(--ssk-page-bg);
}

#ssk-app{position:relative;overflow-x:hidden;}
@supports (overflow: clip){
	#ssk-app{overflow-x:clip;}
}
#ssk-app .ssk-page{
	position:relative;
	z-index:0;
	isolation:isolate;
}
#ssk-app .ssk-page::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-2;
	pointer-events:none;
	background:
		linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72) 38%, rgba(255,255,255,.86)),
		var(--ssk-garden-bg) center top / cover no-repeat;
	opacity:.24;
}
#ssk-app .ssk-page::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	pointer-events:none;
	background:
		radial-gradient(880px 520px at 10% 10%, rgba(217,194,255,.30), transparent 60%),
		radial-gradient(760px 480px at 94% 18%, rgba(143,217,207,.24), transparent 58%),
		radial-gradient(860px 540px at 78% 90%, rgba(231,175,216,.16), transparent 63%),
		linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.36));
}
body.ssk-context{min-width:320px;}
body.admin-bar #ssk-app{--ssk-nav-offset:120px;}
@media (min-width:783px){
	body.admin-bar #ssk-app{--ssk-nav-offset:132px;}
}

/* Astra layout guardrails (SSK templates only; body class is added by the child theme). */
body.ssk-context .site-content .ast-container{
	width:100% !important;
	max-width:100% !important;
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
	display:block !important;
}
body.ssk-context #primary.content-area{
	float:none !important;
	width:100% !important;
	margin:0 !important;
}
body.ssk-context #secondary,
body.ssk-context .ast-sidebar-wrapper{
	display:none !important;
}

/* Woo wrappers sometimes constrain width/padding; we provide our own container inside #ssk-app. */
body.ssk-context.woocommerce .woocommerce,
body.ssk-context.woocommerce-page .woocommerce{
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

/* On small phones, use the custom SSK drawer nav and suppress Astra's duplicate mobile trigger. */
@media (max-width:767px){
	body.ssk-context #ast-mobile-header [data-section="section-header-mobile-trigger"],
	body.ssk-context #ast-mobile-popup-wrapper{
		display:none !important;
	}
}

/* Defensive reset:
 * Astra uses body classes like `columns-4` on Woo archives to control product grid columns.
 * Tailwind also defines `columns-*` utilities (CSS multi-column), which can accidentally apply
 * to <body> if Tailwind isn't properly scoped and collapse the whole layout into narrow columns.
 */
body.woocommerce[class*="columns-"],
body.woocommerce-page[class*="columns-"]{
	columns:auto !important;
	column-count:auto !important;
	column-width:auto !important;
	column-gap:normal !important;
}

/* Standard centered shell (works even if Tailwind fails to load).
 * Padding is fluid via clamp() — no breakpoint media queries needed. */
#ssk-app .ssk-container{
	max-width:var(--ssk-page-max);
	margin:0 auto;
	padding-left:var(--ssk-page-pad);
	padding-right:var(--ssk-page-pad);
}
/* Tailwind's `container` utility is emitted globally even with `important: '#ssk-app'`.
 * Reset it in SSK contexts so Astra/header/footer wrappers cannot be unintentionally constrained. */
body.ssk-context .container{
	max-width:none;
}
/* Some blocks/plugins output Tailwind's generic `.container`; normalize it to our layout system. */
#ssk-app .container{
	width:100%;
	max-width:var(--ssk-page-max);
	margin-left:auto;
	margin-right:auto;
	padding-left:var(--ssk-page-pad);
	padding-right:var(--ssk-page-pad);
}

/* Haven fragment pages render outside #ssk-app — share the fluid gutter via the ssk-context body class.
 * Promote layout tokens to body.ssk-context scope so haven `.container` instances (which live inside
 * <div id="primary" class="content-area ssk-haven-page">, not #ssk-app) can read them. The 3-class
 * selector beats Tailwind's compiled `.container` (1 class) without needing !important. */
body.ssk-context{
	--ssk-page-pad: clamp(16px, 3.5vw, 32px);
	--ssk-page-max: clamp(1120px, 85vw, 1600px);
}
body.ssk-context .ssk-haven-page .container{
	width:100%;
	max-width:var(--ssk-page-max);
	margin-left:auto;
	margin-right:auto;
	padding-left:var(--ssk-page-pad);
	padding-right:var(--ssk-page-pad);
}

/* Minimal Tailwind preflight substitute (scoped) */
#ssk-app,
#ssk-app *,
#ssk-app *::before,
#ssk-app *::after{
	box-sizing:border-box;
}

/* Anchor offset (sticky header safe) */
#ssk-app [id]{
	scroll-margin-top:calc(var(--ssk-nav-offset) + 12px);
}

/* Section spacing — globally fluid for any template using Tailwind py-10 / py-16.
 * This is the structural lever that makes every existing section reflow fluidly
 * without touching template markup. */
#ssk-app main > section.py-10,
#ssk-app main > section.py-12,
#ssk-app main > section.py-14{
	padding-top:var(--ssk-section-y-sm);
	padding-bottom:var(--ssk-section-y-sm);
}
#ssk-app main > section.py-16,
#ssk-app main > section.py-20,
#ssk-app main > section.py-24{
	padding-top:var(--ssk-section-y);
	padding-bottom:var(--ssk-section-y);
}

/* Base typography inside SSK wrapper */
#ssk-app .ssk-page{
	color:rgba(26,16,34,.92);
	font-family:var(--ssk-font-body);
	min-height:100vh;
}

#ssk-app .text-tiny{font-size:.78rem;line-height:1.08rem;}
#ssk-app .text-small{font-size:.92rem;line-height:1.35rem;}
#ssk-app .text-gray-700\/80{color:rgba(36,26,52,.82);}
@media (min-width:768px){
	#ssk-app .text-tiny{font-size:.8rem;line-height:1.1rem;}
	#ssk-app .text-small{font-size:.95rem;line-height:1.4rem;}
}
@media (min-width:1280px){
	#ssk-app .text-tiny{font-size:.82rem;line-height:1.12rem;}
	#ssk-app .text-small{font-size:1rem;line-height:1.48rem;}
}

#ssk-app .ssk-h1,
#ssk-app .ssk-h2,
#ssk-app h1,
#ssk-app h2,
#ssk-app h3{
	font-family:var(--ssk-font-heading);
	letter-spacing:.01em;
}
#ssk-app .ssk-h1{
	font-size:clamp(2rem, 4.1vw, 3.65rem);
	line-height:1.05;
	font-weight:700;
	color:rgba(52,30,86,.96);
}
#ssk-app .ssk-h2{
	font-size:clamp(1.35rem, 2.2vw, 2.15rem);
	line-height:1.12;
	font-weight:700;
	color:rgba(52,30,86,.94);
}
#ssk-app h3{
	font-size:clamp(1.15rem, 1.7vw, 1.55rem);
	line-height:1.2;
	font-weight:700;
}
#ssk-app h4,
#ssk-app h5,
#ssk-app h6{
	font-family:var(--ssk-font-body);
	letter-spacing:.005em;
}

/* Form-system normalization (MailPoet + SureForms) */
#ssk-app .srfm-form-container,
#ssk-app [id^="mailpoet_form_"]{
	border:1px solid var(--ssk-border);
	border-radius:1rem;
	background:var(--ssk-surface-strong);
	box-shadow:0 10px 32px rgba(26,16,34,.08);
}
#ssk-app .srfm-form,
#ssk-app .mailpoet_form{
	font-family:var(--ssk-font-body);
}
#ssk-app .srfm-block-label,
#ssk-app .srfm-block-legend,
#ssk-app .srfm-description,
#ssk-app .mailpoet-heading,
#ssk-app .mailpoet_form_paragraph,
#ssk-app .mailpoet_paragraph{
	font-family:var(--ssk-font-body) !important;
	text-transform:none !important;
	letter-spacing:0 !important;
}
#ssk-app .mailpoet-heading{
	font-size:clamp(1.1rem, 2vw, 1.5rem) !important;
	line-height:1.25 !important;
	margin:0 0 .8rem !important;
}
#ssk-app .mailpoet_form_image{
	display:none;
}
#ssk-app .srfm-input-common,
#ssk-app .mailpoet_text,
#ssk-app .mailpoet_textarea,
#ssk-app .mailpoet_select{
	width:100% !important;
	min-height:44px;
	padding:11px 13px !important;
	border-radius:12px !important;
	border:1px solid rgba(91,71,140,.24) !important;
	background:#fff !important;
	color:rgba(26,16,34,.92) !important;
	font-family:var(--ssk-font-body) !important;
	font-size:16px !important;
	line-height:1.4 !important;
}
#ssk-app .mailpoet_text::placeholder,
#ssk-app .mailpoet_textarea::placeholder,
#ssk-app .srfm-input-common::placeholder{
	color:rgba(26,16,34,.48) !important;
}
#ssk-app .srfm-input-common:focus,
#ssk-app .mailpoet_text:focus,
#ssk-app .mailpoet_textarea:focus,
#ssk-app .mailpoet_select:focus{
	border-color:rgba(127,86,217,.72) !important;
	box-shadow:0 0 0 3px rgba(127,86,217,.16) !important;
	outline:0 !important;
}
#ssk-app .srfm-btn,
#ssk-app .mailpoet_submit{
	min-height:44px;
	padding:10px 16px !important;
	border-radius:999px !important;
	border:1px solid rgba(127,86,217,.35) !important;
	background:linear-gradient(90deg, rgba(127,86,217,.94), rgba(69,176,161,.92)) !important;
	color:#fff !important;
	font-family:var(--ssk-font-body) !important;
	font-size:.95rem !important;
	font-weight:700 !important;
	line-height:1.2 !important;
	text-transform:none !important;
}
#ssk-app .srfm-btn:hover,
#ssk-app .mailpoet_submit:hover{
	filter:brightness(1.04);
}

/* Consistent media sizing */
#ssk-app .ssk-media{
	border-radius:1rem;
	overflow:hidden;
	border:1px solid rgba(26,16,34,.10);
	background:rgba(26,16,34,.04);
}
#ssk-app .ssk-media img,
#ssk-app .ssk-media iframe{
	width:100%;
	height:100%;
	display:block;
}

/* Flexible media defaults (Tailwind preflight is disabled) */
#ssk-app img,
#ssk-app svg,
#ssk-app video,
#ssk-app iframe,
#ssk-app canvas{
	max-width:100%;
}
#ssk-app img,
#ssk-app video{
	height:auto;
}

/* Accessible hiding utility (fallback if Tailwind utilities fail to load) */
#ssk-app .sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

/* Skip link */
.ssk-skip-link{
	position:fixed;
	left:50%;
	top:0;
	z-index:99999;
	padding:.4rem .65rem;
	font-size:.82rem;
	line-height:1.2;
	border-radius:.75rem;
	background:#fff;
	color:var(--ssk-ink);
	border:1px solid rgba(26,16,34,.12);
	box-shadow:0 12px 30px rgba(26,16,34,.12);
	white-space:nowrap;
	max-width:calc(100vw - 24px);
	transform:translate(-50%, calc(-100% - 14px));
	opacity:0;
	pointer-events:none;
	transition:transform .18s ease, opacity .18s ease;
}
.ssk-skip-link:focus,
.ssk-skip-link:focus-visible{
	transform:translate(-50%, calc(var(--ssk-nav-offset) + 10px));
	opacity:1;
	pointer-events:auto;
	outline:3px solid rgba(16,179,167,.45);
	outline-offset:3px;
}

/* Template-local skip links are kept for backwards compatibility but hidden
   so the body-level skip link is the first keyboard target. */
#ssk-app .ssk-skip-link{
	display:none;
}

/* Brand-color utility alignment for existing template classes. */
#ssk-app .from-purple-700{
	--tw-gradient-from:#4b2d73 var(--tw-gradient-from-position);
	--tw-gradient-to:rgb(75 45 115 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
#ssk-app .to-purple-700{
	--tw-gradient-to:#4b2d73 var(--tw-gradient-to-position);
}
#ssk-app .text-purple-700{
	color:#4b2d73;
}
#ssk-app .border-purple-700{
	border-color:#4b2d73;
}

/* Focus-visible (scoped; won’t affect Astra header/footer) */
#ssk-app a:focus-visible,
#ssk-app button:focus-visible,
#ssk-app summary:focus-visible,
#ssk-app input:focus-visible,
#ssk-app select:focus-visible,
#ssk-app textarea:focus-visible{
	outline:3px solid rgba(16,179,167,.45);
	outline-offset:3px;
	border-radius:14px;
}

/* Shared components — Hero v2 (tinted glass + colored mesh + gradient hairline) */
#ssk-app .hero-frame{
	position:relative;
	isolation:isolate;
	border-radius:32px;
	padding:clamp(28px, 5vw, 64px);
	background:
		linear-gradient(155deg, rgba(255,250,253,.82), rgba(244,234,255,.62) 38%, rgba(218,243,238,.58) 100%) padding-box,
		linear-gradient(135deg, rgba(124,58,237,.55), rgba(20,184,166,.45) 50%, rgba(236,72,153,.55)) border-box;
	border:1.5px solid transparent;
	box-shadow:
		0 1px 0 rgba(255,255,255,.85) inset,
		0 36px 90px -28px rgba(20,10,40,.45),
		0 12px 40px -16px rgba(124,58,237,.40),
		0 6px 24px -14px rgba(20,184,166,.26);
	backdrop-filter:blur(14px) saturate(130%);
	overflow:hidden;
}
#ssk-app .hero-frame::before{
	content:"";
	position:absolute;
	inset:-18%;
	z-index:-1;
	background:
		radial-gradient(42% 48% at 12% 14%, rgba(167,139,250,.78), transparent 62%),
		radial-gradient(38% 44% at 88% 20%, rgba(45,212,191,.70), transparent 64%),
		radial-gradient(48% 52% at 60% 100%, rgba(244,114,182,.58), transparent 64%),
		radial-gradient(32% 38% at 96% 80%, rgba(124,58,237,.48), transparent 62%),
		radial-gradient(28% 34% at 6% 86%, rgba(252,211,77,.40), transparent 62%);
	filter:blur(6px);
	opacity:.9;
	animation:ssk-hero-drift 18s ease-in-out infinite alternate;
	pointer-events:none;
}
#ssk-app .hero-frame::after{
	content:"";
	position:absolute;
	top:14px; left:14px;
	width:clamp(80px, 14%, 200px);
	height:2px;
	background:linear-gradient(90deg, #7c3aed, #14b8a6 60%, transparent);
	border-radius:2px;
	box-shadow:0 0 12px rgba(124,58,237,.5);
	pointer-events:none;
}
#ssk-app .hero-frame > *{position:relative; z-index:1;}

@keyframes ssk-hero-drift{
	0%   { transform:translate3d(0,0,0)        rotate(0deg);   }
	50%  { transform:translate3d(-2%,1.5%,0)   rotate(.5deg);  }
	100% { transform:translate3d(2%,-1.5%,0)   rotate(-.5deg); }
}

/* H1 inside hero — tighter, with optional gradient accent */
#ssk-app .hero-frame h1{
	line-height:1.02;
	letter-spacing:-.015em;
	margin-bottom:.85rem;
}
#ssk-app .ssk-hero-accent{
	background:linear-gradient(92deg,#6d28d9 0%, #7c3aed 50%, #14b8a6 100%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
#ssk-app .ssk-hero-lede{
	max-width:56ch;
	color:rgba(37,23,55,.78);
	font-size:clamp(1.02rem, 1.2vw, 1.18rem);
	line-height:1.55;
	margin-bottom:1.5rem;
}

/* Lottie slots */
#ssk-app .ssk-lottie-stage{
	position:relative;
	border-radius:28px;
	padding:18px;
	background:
		linear-gradient(155deg, rgba(255,250,253,.72), rgba(232,221,255,.50)) padding-box,
		linear-gradient(135deg, rgba(124,58,237,.55), rgba(20,184,166,.45) 50%, rgba(236,72,153,.45)) border-box;
	border:1.5px solid transparent;
	box-shadow:
		0 1px 0 rgba(255,255,255,.7) inset,
		0 26px 60px -28px rgba(20,10,40,.45),
		0 10px 30px -14px rgba(124,58,237,.30);
	backdrop-filter:blur(12px);
	overflow:hidden;
	aspect-ratio:1 / 1;
	display:flex; align-items:center; justify-content:center;
}
#ssk-app .ssk-lottie-stage lottie-player{
	width:100%; height:100%;
	filter:drop-shadow(0 12px 24px rgba(124,58,237,.25));
}
#ssk-app .ssk-lottie-stage::before{
	content:""; position:absolute; inset:0; pointer-events:none;
	background:
		radial-gradient(60% 50% at 20% 0%, rgba(124,58,237,.16), transparent 60%),
		radial-gradient(60% 50% at 100% 100%, rgba(20,184,166,.16), transparent 60%);
}
#ssk-app .ssk-lottie-badge{
	width:clamp(112px, 14vw, 168px);
	height:clamp(112px, 14vw, 168px);
	border-radius:999px;
	margin:0 auto 1.25rem;
	padding:10px;
	background:
		linear-gradient(155deg, rgba(255,250,253,.85), rgba(232,221,255,.65)) padding-box,
		linear-gradient(135deg, #7c3aed, #14b8a6 60%, #ec4899) border-box;
	border:2px solid transparent;
	box-shadow:
		0 1px 0 rgba(255,255,255,.75) inset,
		0 18px 40px -16px rgba(124,58,237,.55);
	display:flex; align-items:center; justify-content:center;
	overflow:hidden;
}
#ssk-app .ssk-lottie-badge lottie-player{
	width:100%; height:100%;
}

/* Entrance choreography */
@media (prefers-reduced-motion: no-preference){
	#ssk-app .hero-frame .ssk-hero-eyebrow,
	#ssk-app .hero-frame h1,
	#ssk-app .hero-frame .ssk-hero-lede,
	#ssk-app .hero-frame .ssk-cta-row,
	#ssk-app .hero-frame .ssk-lottie-stage,
	#ssk-app .hero-frame .ssk-lottie-badge,
	#ssk-app .hero-frame .compact-card{
		opacity:0; transform:translateY(8px);
		animation:ssk-hero-rise .6s cubic-bezier(.2,.7,.2,1) forwards;
	}
	#ssk-app .hero-frame .ssk-hero-eyebrow{ animation-delay:.05s; }
	#ssk-app .hero-frame h1                { animation-delay:.15s; }
	#ssk-app .hero-frame .ssk-hero-lede    { animation-delay:.25s; }
	#ssk-app .hero-frame .ssk-cta-row      { animation-delay:.35s; }
	#ssk-app .hero-frame .ssk-lottie-stage,
	#ssk-app .hero-frame .ssk-lottie-badge,
	#ssk-app .hero-frame .compact-card     { animation-delay:.45s; }
}
@keyframes ssk-hero-rise{ to{ opacity:1; transform:none; } }

/* Core buyer-flow layout system */
#ssk-app .ssk-hero-card{
	margin-top:clamp(.75rem, 2vw, 1.5rem);
}
#ssk-app .ssk-hero-card > .grid,
#ssk-app .ssk-hero-layout{
	align-items:center;
	gap:clamp(1.25rem, 4vw, 3rem);
}
#ssk-app .ssk-hero-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	margin-bottom:1.1rem;
	min-height:2rem;
	padding:.4rem .85rem .4rem .65rem;
	border-radius:999px;
	background:linear-gradient(92deg,#6d28d9 0%, #7c3aed 45%, #14b8a6 100%);
	border:1px solid rgba(255,255,255,.35);
	color:#fff;
	font-size:.72rem;
	line-height:1.05rem;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	box-shadow:
		0 1px 0 rgba(255,255,255,.4) inset,
		0 10px 26px -10px rgba(124,58,237,.55);
}
#ssk-app .ssk-hero-eyebrow::before{
	content:""; width:8px; height:8px; border-radius:50%;
	background:#fff;
	box-shadow:0 0 0 3px rgba(255,255,255,.25);
	flex-shrink:0;
}
/* Hide existing FontAwesome icons inside the eyebrow — the gradient dot replaces them */
#ssk-app .ssk-hero-eyebrow > i.fas,
#ssk-app .ssk-hero-eyebrow > i.far,
#ssk-app .ssk-hero-eyebrow > i.fab{ display:none; }
#ssk-app .ssk-cta-row{
	display:flex;
	flex-direction:column;
	gap:.75rem;
}
@media (min-width:560px){
	#ssk-app .ssk-cta-row{
		flex-direction:row;
		flex-wrap:wrap;
		align-items:center;
	}
}
#ssk-app .ssk-btn,
#ssk-app .btn-sheen{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:.5rem;
	min-height:44px;
	line-height:1.12;
	text-align:center;
	text-decoration:none;
}
#ssk-app .ssk-btn{
	border-radius:.95rem;
	padding:.72rem 1rem;
	font-weight:850;
	border:1px solid transparent;
}
#ssk-app .ssk-btn--primary{
	background:linear-gradient(92deg, #6d28d9 0%, #7c3aed 48%, #14b8a6 100%);
	color:#fff;
	box-shadow:0 15px 32px rgba(109,40,217,.18);
}
#ssk-app .ssk-btn--secondary{
	background:rgba(255,255,255,.86);
	color:#5b21b6;
	border-color:rgba(109,40,217,.32);
}
#ssk-app .ssk-btn--quiet{
	background:rgba(20,184,166,.08);
	color:#0f766e;
	border-color:rgba(20,184,166,.28);
}
#ssk-app .ssk-btn:hover{
	filter:brightness(1.02);
	text-decoration:none;
}
#ssk-app .ssk-section-band{
	background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(250,247,255,.78), rgba(255,255,255,.88));
}
#ssk-app .ssk-section-band--rose{
	background:
		linear-gradient(180deg, rgba(255,255,255,.92), rgba(250,245,255,.90)),
		var(--ssk-garden-overlay) center / cover no-repeat;
}
#ssk-app .ssk-section-band--mist{
	background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(243,232,255,.40), rgba(240,253,250,.28), rgba(255,255,255,.88));
}
#ssk-app main > section{
	position:relative;
	isolation:isolate;
}
#ssk-app .ssk-section-band,
#ssk-app .ssk-section-band--rose,
#ssk-app .ssk-section-band--mist{
	position:relative;
	overflow:hidden;
	isolation:isolate;
}
#ssk-app .ssk-section-band > .ssk-container,
#ssk-app .ssk-section-band--rose > .ssk-container,
#ssk-app .ssk-section-band--mist > .ssk-container{
	position:relative;
	z-index:1;
}
#ssk-app .ssk-section-band::before,
#ssk-app .ssk-section-band--rose::before,
#ssk-app .ssk-section-band--mist::before{
	content:"";
	position:absolute;
	z-index:0;
	pointer-events:none;
	width:clamp(150px, 28vw, 390px);
	height:clamp(220px, 34vw, 520px);
	top:8%;
	right:max(-150px, -12vw);
	background:
		linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.82)),
		var(--ssk-garden-overlay) center / cover no-repeat;
	border:1px solid rgba(127,86,217,.16);
	border-radius:999px 0 0 999px;
	box-shadow:0 24px 70px rgba(41,24,57,.10);
	opacity:.24;
	transform:rotate(-5deg);
}
#ssk-app .ssk-section-band--rose::before{
	left:max(-150px, -12vw);
	right:auto;
	border-radius:0 999px 999px 0;
	transform:rotate(5deg);
	opacity:.28;
}
#ssk-app .ssk-section-band--mist::before{
	top:auto;
	bottom:6%;
	background:
		linear-gradient(180deg, rgba(255,255,255,.20), rgba(240,253,250,.82)),
		var(--ssk-garden-bg) center / cover no-repeat;
	opacity:.22;
}
#ssk-app .ssk-section-band::after,
#ssk-app .ssk-section-band--rose::after,
#ssk-app .ssk-section-band--mist::after{
	content:"";
	position:absolute;
	z-index:0;
	pointer-events:none;
	left:50%;
	top:-26px;
	width:min(760px, 88vw);
	height:54px;
	transform:translateX(-50%) rotate(-1deg);
	background:linear-gradient(90deg, transparent, rgba(127,86,217,.12), rgba(143,217,207,.10), transparent);
	clip-path:polygon(0 62%, 100% 16%, 100% 58%, 0 100%);
	opacity:.48;
}
#ssk-app .ssk-section-band--rose::after{
	transform:translateX(-50%) rotate(1.5deg);
	background:linear-gradient(90deg, transparent, rgba(231,175,216,.16), rgba(127,86,217,.10), transparent);
}
#ssk-app .ssk-section-band--mist::after{
	background:linear-gradient(90deg, transparent, rgba(143,217,207,.14), rgba(127,86,217,.08), transparent);
}
@media (max-width:767px){
	#ssk-app .ssk-section-band::before,
	#ssk-app .ssk-section-band--rose::before,
	#ssk-app .ssk-section-band--mist::before{
		width:170px;
		height:240px;
		top:auto;
		bottom:8%;
		right:-128px;
		opacity:.22;
	}
	#ssk-app .ssk-section-band--rose::before{
		left:-128px;
		right:auto;
	}
	#ssk-app .ssk-section-band::after,
	#ssk-app .ssk-section-band--rose::after,
	#ssk-app .ssk-section-band--mist::after{
		opacity:.30;
	}
}
#ssk-app .ssk-garden-panel{
	min-height:210px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	gap:.55rem;
	background:
		linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.9) 72%),
		linear-gradient(135deg, rgba(127,86,217,.16), rgba(143,217,207,.12)),
		var(--ssk-garden-bg) center / cover no-repeat;
	border-color:rgba(127,86,217,.24);
}
#ssk-app .ssk-garden-panel::after{
	content:"";
	position:absolute;
	right:-18px;
	top:-20px;
	width:142px;
	height:116px;
	background:
		radial-gradient(ellipse at 33% 47%, rgba(127,86,217,.28) 0 28%, transparent 29%),
		radial-gradient(ellipse at 68% 47%, rgba(231,175,216,.30) 0 28%, transparent 29%),
		linear-gradient(90deg, transparent 48%, rgba(52,30,86,.28) 49% 51%, transparent 52%);
	opacity:.78;
	transform:rotate(11deg);
	pointer-events:none;
	filter:drop-shadow(0 14px 24px rgba(41,24,57,.12));
}
#ssk-app .ssk-garden-panel::before{
	content:"";
	position:absolute;
	left:-22px;
	bottom:-20px;
	width:120px;
	height:150px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.78)),
		var(--ssk-garden-overlay) center / cover no-repeat;
	border-radius:999px 999px 0 0;
	opacity:.52;
	transform:rotate(-12deg);
	pointer-events:none;
}
#ssk-app .ssk-garden-panel > *{
	position:relative;
	z-index:1;
}
@media (min-width:768px){
	#ssk-app .ssk-garden-panel{
		min-height:280px;
	}
}
#ssk-app .ssk-support-strip{
	display:grid;
	grid-template-columns:1fr;
	gap:.8rem;
}
@media (min-width:768px){
	#ssk-app .ssk-support-strip{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}
#ssk-app .ssk-empty-state{
	min-height:180px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:.6rem;
	text-align:center;
	border-radius:1.25rem;
	border:1px dashed rgba(127,86,217,.32);
	background:
		linear-gradient(180deg, rgba(255,255,255,.9), rgba(250,245,255,.82)),
		var(--ssk-garden-overlay) center / cover no-repeat;
	color:rgba(36,26,52,.78);
}
#ssk-app .ssk-image-fallback{
	background:
		linear-gradient(145deg, rgba(250,245,255,.92), rgba(240,253,250,.86)),
		var(--ssk-garden-overlay) center / cover no-repeat;
	border:1px dashed rgba(127,86,217,.26);
	border-radius:inherit;
	color:rgba(91,71,140,.72);
	font-weight:800;
}

#ssk-app .ssk-checkout-path{
	padding:12px 0 4px;
}
#ssk-app .ssk-checkout-steps{
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:8px;
}
#ssk-app .ssk-checkout-steps li{
	min-height:44px;
	border:1px solid rgba(26,16,34,.10);
	border-radius:12px;
	background:rgba(255,255,255,.9);
	color:rgba(26,16,34,.72);
	font-size:.82rem;
	font-weight:700;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	text-align:center;
	padding:8px 10px;
}
#ssk-app .ssk-checkout-steps li.is-current{
	border-color:rgba(124,58,237,.35);
	color:rgba(91,33,182,1);
	box-shadow:0 8px 22px rgba(124,58,237,.10);
}
#ssk-app .ssk-step-dot{
	width:22px;
	height:22px;
	border-radius:999px;
	background:rgba(124,58,237,.12);
	color:rgba(91,33,182,1);
	font-size:.72rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:800;
	flex:0 0 auto;
}
#ssk-app .ssk-link-list{
	list-style:none;
	margin:0;
	padding:0;
}
#ssk-app .ssk-link-list > li{
	list-style:none;
	margin:0;
	padding:0;
}
body:has(#ssk-app) .ast-footer-copyright a{
	color:#5b21b6;
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:1px;
}

#ssk-app .compact-card{
	padding:1.25rem;
	border-radius:1.15rem;
	background:var(--ssk-surface);
	backdrop-filter:blur(6px) saturate(112%);
	box-shadow:0 14px 34px rgba(41,24,57,.10);
	border:1px solid var(--ssk-border);
	position:relative;
	overflow:hidden;
}
#ssk-app .compact-card::before{
	content:"";
	position:absolute;
	inset:0 auto auto 0;
	width:100%;
	height:3px;
	background:linear-gradient(90deg, rgba(127,86,217,.48), rgba(143,217,207,.32), rgba(231,175,216,.4));
	opacity:.92;
}

#ssk-app .card-hover{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
#ssk-app .card-hover:hover{
	transform:translateY(-2px);
	box-shadow:0 20px 42px rgba(41,24,57,.14);
	border-color:rgba(127,86,217,.36);
}
@media (min-width:768px){
	#ssk-app main > section:not(#hero):not(#shop-hero) .grid > .compact-card.card-hover:nth-child(2n),
	#ssk-app main > section:not(#hero):not(#shop-hero) .ssk-feature-grid > .ssk-feature:nth-child(2n),
	#ssk-app main > section:not(#hero):not(#shop-hero) .grid > .shop-card:nth-child(2n){
		transform:translateY(14px);
	}
	#ssk-app main > section:not(#hero):not(#shop-hero) .grid > .compact-card.card-hover:nth-child(2n):hover,
	#ssk-app main > section:not(#hero):not(#shop-hero) .ssk-feature-grid > .ssk-feature:nth-child(2n):hover,
	#ssk-app main > section:not(#hero):not(#shop-hero) .grid > .shop-card:nth-child(2n):hover{
		transform:translateY(10px);
	}
	#ssk-app main > section:not(#hero):not(#shop-hero) .grid > .compact-card.card-hover:nth-child(3n),
	#ssk-app main > section:not(#hero):not(#shop-hero) .ssk-feature-grid > .ssk-feature:nth-child(3n),
	#ssk-app main > section:not(#hero):not(#shop-hero) .grid > .shop-card:nth-child(3n){
		transform:translateY(-8px);
	}
	#ssk-app main > section:not(#hero):not(#shop-hero) .grid > .compact-card.card-hover:nth-child(3n):hover,
	#ssk-app main > section:not(#hero):not(#shop-hero) .ssk-feature-grid > .ssk-feature:nth-child(3n):hover,
	#ssk-app main > section:not(#hero):not(#shop-hero) .grid > .shop-card:nth-child(3n):hover{
		transform:translateY(-12px);
	}
}

#ssk-app .ssk-product-title{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#ssk-app .woocommerce ul.products{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
	gap:1rem;
	margin:0;
	padding:0;
	list-style:none;
}
@media (min-width:1024px){
	#ssk-app .woocommerce ul.products{grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));}
}
#ssk-app .woocommerce ul.products::before,
#ssk-app .woocommerce ul.products::after{
	content:none;
}
#ssk-app .woocommerce ul.products li.product{
	float:none!important;
	width:auto!important;
	margin:0!important;
	padding:14px;
	background:rgba(255,255,255,.92);
	border:1px solid rgba(26,16,34,.10);
	border-radius:1.25rem;
	box-shadow:0 10px 30px rgba(26,16,34,.06);
	overflow:hidden;
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#ssk-app .woocommerce ul.products li.product:hover{
	transform:translateY(-2px);
	box-shadow:0 18px 45px rgba(26,16,34,.12);
	border-color:rgba(199,168,248,.35);
}
#ssk-app .woocommerce ul.products li.product a{
	text-decoration:none;
}
#ssk-app .woocommerce ul.products li.product a img{
	border-radius:1rem;
	width:100%;
	aspect-ratio:1/1;
	object-fit:contain;
	background:rgba(26,16,34,.04);
}
#ssk-app .woocommerce ul.products li.product .woocommerce-placeholder{
	background:
		linear-gradient(145deg, rgba(250,245,255,.94), rgba(240,253,250,.88)),
		var(--ssk-garden-overlay) center / cover no-repeat;
	border:1px dashed rgba(127,86,217,.28);
	padding:1rem;
}
#ssk-app .woocommerce ul.products li.product:has(.woocommerce-placeholder) .astra-shop-thumbnail-wrap,
#ssk-app .woocommerce ul.products li.product:has(.woocommerce-placeholder) .woocommerce-LoopProduct-link:first-child{
	position:relative;
	display:block;
}
#ssk-app .woocommerce ul.products li.product:has(.woocommerce-placeholder) .astra-shop-thumbnail-wrap::after,
#ssk-app .woocommerce ul.products li.product:has(.woocommerce-placeholder) .woocommerce-LoopProduct-link:first-child::after{
	content:"Preview coming soon";
	position:absolute;
	left:50%;
	bottom:.8rem;
	transform:translateX(-50%);
	width:max-content;
	max-width:calc(100% - 1rem);
	padding:.3rem .58rem;
	border-radius:999px;
	background:rgba(255,255,255,.88);
	border:1px solid rgba(127,86,217,.22);
	color:#5b21b6;
	font-size:.72rem;
	font-weight:800;
}
#ssk-app .woocommerce ul.products li.product .woocommerce-loop-product__title{
	margin:.6rem 0 .25rem;
	font-weight:800;
	color:rgba(26,16,34,.92);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#ssk-app .woocommerce ul.products li.product .price{
	color:rgba(139,92,246,1);
	font-weight:800;
}
#ssk-app .woocommerce ul.products li.product .button{
	border-radius:.9rem;
	background:linear-gradient(90deg, rgba(139,92,246,1), rgba(33,212,198,1));
	border:none;
	color:#fff;
	font-weight:800;
	min-height:44px;
	width:100%;
}

#ssk-app .badge-glow{box-shadow:0 10px 25px rgba(139,92,246,.18);}

#ssk-app .btn-sheen{position:relative;overflow:hidden;}
#ssk-app .btn-sheen:after{
	content:"";
	position:absolute;
	inset:-40%;
	background:linear-gradient(120deg, rgba(255,255,255,0), rgba(255,255,255,.32), rgba(255,255,255,0));
	transform:translateX(-60%) rotate(8deg);
	animation:sskSheen 5.2s linear infinite;
	pointer-events:none;
}
@keyframes sskSheen{to{transform:translateX(60%) rotate(8deg);}}

/* Section rhythm helpers */
#ssk-app .ssk-tight{padding-top:2.25rem;padding-bottom:2.25rem;}
@media (min-width:768px){
	#ssk-app .ssk-tight{padding-top:3rem;padding-bottom:3rem;}
}

/* Blend sections without harsh dividers */
#ssk-app .ssk-blend{position:relative;}
#ssk-app .ssk-blend::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:48px;
	pointer-events:none;
	background:linear-gradient(
		180deg,
		rgba(255,255,255,0),
		rgba(124,58,237,.06),
		rgba(33,212,198,.05),
		rgba(255,255,255,0)
	);
	filter:blur(10px);
	opacity:.9;
}

/* Hero spotlight (visual only) */
#ssk-app .ssk-hero-hotspot{position:relative;isolation:isolate;}
#ssk-app .ssk-hero-hotspot::before{
	content:"";
	position:absolute;
	inset:-24px -16px -18px -16px;
	z-index:-1;
	pointer-events:none;
	background:
		radial-gradient(540px 300px at 18% 18%, rgba(124,58,237,.14), transparent 60%),
		radial-gradient(540px 300px at 72% 18%, rgba(33,212,198,.12), transparent 62%),
		radial-gradient(760px 420px at 50% 100%, rgba(236,72,153,.06), transparent 65%);
	filter:blur(2px);
}

/* Utility clamps (Tailwind CDN may not include line-clamp plugin) */
#ssk-app .line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
#ssk-app .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* Product cards: prevent title wrapping (ellipsize) */
#ssk-app .woocommerce-loop-product__title,
#ssk-app .wc-block-grid__product-title,
#ssk-app .ssk-product-title{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* Woo thumbnails: consistent square crop */
#ssk-app .woocommerce ul.products li.product a img,
#ssk-app .woocommerce ul.products li.product img{
	aspect-ratio:1 / 1;
	object-fit:contain;
	border-radius:1rem;
	background:rgba(26,16,34,.04);
}

/* Link cards (used by Connect/Home/Subscribe) */
#ssk-app .ssk-studio-link{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:14px 14px;
	border-radius:18px;
	background:var(--ssk-surface-strong);
	border:1px solid rgba(127,86,217,.2);
	box-shadow:0 12px 26px rgba(41,24,57,.1);
	text-decoration:none;
	color:var(--ssk-ink);
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
	min-height:64px;
}
#ssk-app .ssk-studio-link:hover{
	transform:translateY(-2px);
	box-shadow:0 18px 38px rgba(41,24,57,.14);
	border-color:rgba(127,86,217,.34);
}
#ssk-app .ssk-studio-ico{
	width:44px;
	height:44px;
	border-radius:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(135deg, rgba(127,86,217,.22), rgba(143,217,207,.22), rgba(231,175,216,.22));
	border:1px solid rgba(127,86,217,.16);
	flex:0 0 auto;
}
#ssk-app .ssk-studio-text{display:flex;flex-direction:column;gap:2px;min-width:0;}
#ssk-app .ssk-studio-title{font-weight:800;line-height:1.15;}
#ssk-app .ssk-studio-meta{font-size:.86rem;line-height:1.25;color:rgba(26,16,34,.70);}
#ssk-app .ssk-studio-go{color:rgba(26,16,34,.55);flex:0 0 auto;}

/* Quick link chips */
#ssk-app .ssk-chipbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem;}
#ssk-app .ssk-chip{
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	min-height:44px;
	padding:.55rem .85rem;
	border-radius:999px;
	background:rgba(255,255,255,.82);
	border:1px solid rgba(127,86,217,.20);
	box-shadow:0 10px 22px rgba(41,24,57,.08);
	color:rgba(26,16,34,.88);
	text-decoration:none;
	font-weight:800;
	font-size:.86rem;
}
#ssk-app .ssk-chip:hover{
	transform:translateY(-1px);
	box-shadow:0 14px 30px rgba(41,24,57,.13);
	border-color:rgba(127,86,217,.34);
}

/* Concise feature system */
#ssk-app .ssk-section-head{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	gap:12px;
	margin-bottom:1rem;
	position:relative;
	isolation:isolate;
	padding-top:.2rem;
}
#ssk-app .ssk-section-head::before{
	content:"";
	display:none;
	flex:0 0 clamp(92px, 8vw, 132px);
	height:clamp(68px, 7vw, 104px);
	border-radius:24px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.84)),
		var(--ssk-garden-overlay) center / cover no-repeat;
	border:1px solid rgba(127,86,217,.18);
	box-shadow:0 16px 38px rgba(41,24,57,.10);
	transform:rotate(-3deg);
}
#ssk-app .ssk-section-head > div{
	flex:1 1 360px;
}
@media (min-width:768px){
	#ssk-app .ssk-section-head{
		margin-bottom:1.4rem;
	}
	#ssk-app .ssk-section-head::before{
		display:block;
	}
	#ssk-app main > section:nth-of-type(even) .ssk-section-head::before{
		order:3;
		transform:rotate(3deg);
	}
}
#ssk-app .ssk-section-lead{
	max-width:64ch;
	color:rgba(36,26,52,.75);
	font-size:.98rem;
	line-height:1.45;
}
#ssk-app .ssk-feature-grid{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	gap:12px;
}
@media (min-width:768px){
	#ssk-app .ssk-feature-grid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}
#ssk-app .ssk-feature{
	position:relative;
	padding:1rem 1rem 1.1rem;
	border-radius:1rem;
	background:rgba(255,255,255,.9);
	border:1px solid rgba(127,86,217,.18);
	box-shadow:0 12px 30px rgba(41,24,57,.08);
}
#ssk-app .ssk-feature__kicker{
	display:inline-flex;
	align-items:center;
	gap:.4rem;
	font-size:.72rem;
	font-weight:700;
	letter-spacing:.03em;
	text-transform:uppercase;
	color:rgba(127,86,217,.9);
}
#ssk-app .ssk-feature__title{
	margin:.45rem 0 .3rem;
	font-size:1.12rem;
	font-weight:700;
	color:rgba(52,30,86,.95);
	font-family:"Cormorant Garamond", Georgia, serif;
}
#ssk-app .ssk-feature__copy{
	margin:0;
	font-size:.9rem;
	line-height:1.38rem;
	color:rgba(36,26,52,.76);
}

/* Details UX (keyboard-native) */
#ssk-app details summary{list-style:none;}
#ssk-app details summary::-webkit-details-marker{display:none;}
#ssk-app details summary i{transition:transform .18s ease;}
#ssk-app details[open] summary i{transform:rotate(180deg);}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
	#ssk-app .btn-sheen:after{animation:none;}
	#ssk-app .card-hover{transition:none;}
	#ssk-app details summary i{transition:none;}
	#ssk-app .ssk-studio-link:hover{transform:none;}
	#ssk-app .ssk-chip:hover{transform:none;}
}

/* Rose garden decor overlay (scoped; does not affect layout) */
#ssk-app .ssk-decor{
	position:absolute;
	inset:0;
	pointer-events:none;
	overflow:hidden;
	z-index:0;
}

#ssk-app .ssk-decor__item{
	position:absolute;
	left:var(--ssk-x, 6%);
	top:var(--ssk-y, 12%);
	transform:translate(-50%, -50%) rotate(var(--ssk-r, -6deg)) scale(var(--ssk-s, 1));
	opacity:var(--ssk-o, .26);
	filter:blur(var(--ssk-blur, 0px)) drop-shadow(0 18px 35px rgba(26,16,34,.10));
	mix-blend-mode:multiply;
}

#ssk-app .ssk-decor__vine{width:160px;height:420px;}

/* Mini footer */
#ssk-app .ssk-mini-footer{
	margin-top:2.5rem;
	padding:1.25rem 0 0.75rem;
	border-top:1px solid rgba(127,86,217,.16);
	background:
		linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.9)),
		var(--ssk-garden-overlay) center / cover no-repeat;
	border-radius:1.2rem 1.2rem 0 0;
}
#ssk-app .ssk-mini-footer__inner{
	max-width:var(--ssk-page-max);
	margin:0 auto;
	padding:0 var(--ssk-page-pad-mobile);
	display:flex;
	flex-direction:column;
	gap:.75rem;
	align-items:flex-start;
}
@media (min-width:480px){
	#ssk-app .ssk-mini-footer__inner{padding:0 var(--ssk-page-pad-sm);}
}
@media (min-width:768px){
	#ssk-app .ssk-mini-footer__inner{padding:0 var(--ssk-page-pad-md);}
}
@media (min-width:1024px){
	#ssk-app .ssk-mini-footer__inner{padding:0 var(--ssk-page-pad-lg);}
}
@media (min-width:768px){
	#ssk-app .ssk-mini-footer__inner{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem 1.2rem;}
}
#ssk-app .ssk-mini-footer__brand{
	display:inline-flex;
	align-items:center;
	gap:.55rem;
	text-decoration:none;
	color:rgba(26,16,34,.92);
	font-size:.88rem;
	font-weight:700;
}
#ssk-app .ssk-mini-footer__brand img{
	width:auto;
	height:1.9rem;
	max-width:min(44vw, 8rem);
	border-radius:0;
	object-fit:contain;
	background:transparent;
}
#ssk-app .ssk-mini-footer__brand-badge{
	width:1.9rem;
	height:1.9rem;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(135deg, rgba(233,213,255,1), rgba(153,246,228,1));
	color:rgba(109,40,217,1);
	font-size:.56rem;
	font-weight:800;
}
#ssk-app .ssk-mini-footer__nav{
	display:flex;
	flex-wrap:wrap;
	gap:.85rem 1rem;
	font-size:.92rem;
}
#ssk-app .ssk-mini-footer__nav a{color:rgba(26,16,34,.78);text-decoration:none;}
#ssk-app .ssk-mini-footer__nav a:hover{color:rgba(124,58,237,1);text-decoration:underline;}

#ssk-app .ssk-mini-footer__connect{
	display:flex;
	gap:.5rem;
	align-items:center;
}
#ssk-app .ssk-mini-footer__connect a{
	width:2.25rem;
	height:2.25rem;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:rgba(255,255,255,.82);
	border:1px solid rgba(127,86,217,.18);
	color:rgba(26,16,34,.78);
	text-decoration:none;
}
#ssk-app .ssk-mini-footer__connect a:hover{
	background:rgba(127,86,217,.15);
	color:rgba(124,58,237,1);
}

#ssk-app .ssk-mini-footer__paid{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.45rem .6rem;
}
#ssk-app .ssk-mini-footer__paid-copy{
	font-size:.78rem;
	color:rgba(26,16,34,.64);
}
#ssk-app .ssk-mini-footer__paid-cta{
	min-height:2rem;
	padding:.38rem .7rem;
	border-radius:999px;
	font-size:.72rem;
	font-weight:700;
	text-decoration:none;
	color:rgba(109,40,217,1);
	border:1px solid rgba(127,86,217,.34);
	background:linear-gradient(90deg, rgba(217,194,255,.72), rgba(143,217,207,.52));
}
#ssk-app .ssk-mini-footer__paid-cta:hover{
	filter:brightness(1.03);
	text-decoration:none;
}

#ssk-app .ssk-mini-footer__meta{
	font-size:.78rem;
	color:rgba(26,16,34,.60);
}

/* Mobile quick-nav fallback (shown on SSK templates only). */
body.ssk-context{
	max-width:100%;
	overflow-x:clip;
}
body.ssk-context .bg-gradient-primary{
	max-width:100%;
	overflow-x:clip;
}
body.ssk-context .bg-gradient-primary .container{
	max-width:100%;
}
body.ssk-context .bg-gradient-primary .overflow-x-auto{
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-x:contain;
}
.ssk-mobile-quick-nav{display:none;}
@media (max-width:767px){
	body.ssk-context{padding-bottom:68px;}
	.ssk-mobile-quick-nav{
		position:fixed;
		left:50%;
		bottom:8px;
		transform:translateX(-50%);
		width:min(calc(100vw - 16px), 620px);
		display:grid;
		grid-template-columns:repeat(6, minmax(0, 1fr));
		gap:4px;
		padding:6px;
		border-radius:14px;
		border:1px solid rgba(26,16,34,.12);
		background:rgba(255,255,255,.94);
		backdrop-filter:blur(10px);
		box-shadow:0 10px 24px rgba(26,16,34,.14);
		z-index:80;
	}
	.ssk-mobile-quick-nav a{
		min-height:40px;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:2px;
		border-radius:10px;
		text-decoration:none;
		color:rgba(26,16,34,.78);
		font-size:.62rem;
		font-weight:700;
		line-height:1;
	}
	.ssk-mobile-quick-nav a:hover,
	.ssk-mobile-quick-nav a:focus{
		background:rgba(124,58,237,.10);
		color:rgba(124,58,237,1);
	}
	.ssk-mobile-quick-nav a i{
		font-size:.92rem;
		line-height:1;
	}
}
@media (max-width:359px){
	body.ssk-context{padding-bottom:60px;}
	.ssk-mobile-quick-nav{
		bottom:6px;
		gap:2px;
		padding:5px 4px;
		border-radius:12px;
	}
	.ssk-mobile-quick-nav a{
		min-height:36px;
		font-size:.58rem;
	}
	.ssk-mobile-quick-nav a i{
		font-size:.84rem;
	}
}

@media (prefers-reduced-motion: reduce){
	.ssk-mobile-quick-nav{backdrop-filter:none;}
}

/* Top mobile nav drawer (complements quick-nav fallback). */
.ssk-mobile-topnav{display:none;}
@media (max-width:767px){
	.ssk-mobile-topnav{
		display:block;
		position:fixed;
		top:calc(env(safe-area-inset-top, 0px) + 10px);
		right:12px;
		z-index:90;
	}
	body.admin-bar .ssk-mobile-topnav{
		top:calc(env(safe-area-inset-top, 0px) + 42px);
	}
	@media (min-width:783px){
		body.admin-bar .ssk-mobile-topnav{
			top:calc(env(safe-area-inset-top, 0px) + 52px);
		}
	}

	.ssk-mobile-topnav__toggle{
		width:46px;
		height:46px;
		border-radius:999px;
		border:1px solid rgba(26,16,34,.14);
		background:rgba(255,255,255,.92);
		color:rgba(26,16,34,.88);
		display:inline-flex;
		align-items:center;
		justify-content:center;
		box-shadow:0 12px 26px rgba(26,16,34,.18);
		backdrop-filter:blur(10px);
		min-height:44px;
	}
	.ssk-mobile-topnav__toggle:focus-visible{
		outline:3px solid rgba(16,179,167,.45);
		outline-offset:3px;
	}

	.ssk-mobile-drawer{
		position:fixed;
		inset:0;
		z-index:95;
		opacity:1;
		pointer-events:auto;
		transition:opacity .2s ease;
	}
	.ssk-mobile-drawer.is-hidden{
		opacity:0;
		pointer-events:none;
	}
	.ssk-mobile-drawer__overlay{
		position:absolute;
		inset:0;
		border:0;
		background:rgba(9,6,14,.45);
		cursor:pointer;
	}
	.ssk-mobile-drawer__panel{
		position:absolute;
		right:0;
		top:0;
		height:100%;
		width:min(86vw, 360px);
		background:rgba(255,255,255,.98);
		border-left:1px solid rgba(26,16,34,.12);
		box-shadow:-18px 0 36px rgba(26,16,34,.20);
		padding:14px 12px 18px;
		display:flex;
		flex-direction:column;
		gap:12px;
		transform:translateX(0);
		transition:transform .22s ease;
	}
	.ssk-mobile-drawer.is-hidden .ssk-mobile-drawer__panel{
		transform:translateX(100%);
	}
	.ssk-mobile-drawer__head{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:8px;
		padding:4px 4px 10px;
		border-bottom:1px solid rgba(26,16,34,.10);
		color:rgba(26,16,34,.92);
	}
	.ssk-mobile-drawer__x{
		width:40px;
		height:40px;
		border-radius:12px;
		border:1px solid rgba(26,16,34,.12);
		background:#fff;
		color:rgba(26,16,34,.8);
		display:inline-flex;
		align-items:center;
		justify-content:center;
	}
	.ssk-mobile-drawer__x:focus-visible{
		outline:3px solid rgba(16,179,167,.45);
		outline-offset:2px;
	}
	.ssk-mobile-drawer__nav{
		display:flex;
		flex-direction:column;
		gap:8px;
		padding:4px;
	}
	.ssk-mobile-drawer__nav a{
		min-height:44px;
		display:flex;
		align-items:center;
		gap:10px;
		padding:10px 12px;
		border-radius:12px;
		color:rgba(26,16,34,.84);
		text-decoration:none;
		border:1px solid rgba(26,16,34,.08);
		background:#fff;
		font-weight:600;
	}
	.ssk-mobile-drawer__nav a:hover,
	.ssk-mobile-drawer__nav a:focus{
		background:rgba(124,58,237,.08);
		border-color:rgba(124,58,237,.28);
		color:rgba(26,16,34,.94);
	}
}

/* ============================================================
 * Fluid layout primitives — apply to any template via class.
 * ============================================================ */

/* Section rhythm — replaces stepped py-* utility chains. */
#ssk-app .ssk-section{padding-block:var(--ssk-section-y);}
#ssk-app .ssk-section--sm{padding-block:var(--ssk-section-y-sm);}
#ssk-app .ssk-section--flush-top{padding-top:0;}
#ssk-app .ssk-section--flush-bottom{padding-bottom:0;}

/* Intrinsic grid — reflows by content width, no breakpoints needed. */
#ssk-app .ssk-grid-auto{
	display:grid;
	gap:var(--ssk-space-6);
	grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
#ssk-app .ssk-grid-auto--sm{grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr));}
#ssk-app .ssk-grid-auto--md{grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));}
#ssk-app .ssk-grid-auto--lg{grid-template-columns:repeat(auto-fit, minmax(min(100%, 380px), 1fr));}
#ssk-app .ssk-grid-auto--xl{grid-template-columns:repeat(auto-fit, minmax(min(100%, 460px), 1fr));}
#ssk-app .ssk-grid-auto--tight{gap:var(--ssk-space-4);}
#ssk-app .ssk-grid-auto--airy{gap:var(--ssk-space-8);}

/* Two-column intrinsic split (e.g. hero copy + visual). */
#ssk-app .ssk-split{
	display:grid;
	gap:var(--ssk-space-6);
	grid-template-columns:repeat(auto-fit, minmax(min(100%, 360px), 1fr));
	align-items:center;
}
#ssk-app .ssk-split--reverse > :first-child{order:2;}

/* Fluid stack — vertical rhythm utility. */
#ssk-app .ssk-stack > * + *{margin-top:var(--ssk-stack-gap, var(--ssk-space-4));}
#ssk-app .ssk-stack--tight{--ssk-stack-gap:var(--ssk-space-2);}
#ssk-app .ssk-stack--loose{--ssk-stack-gap:var(--ssk-space-6);}

/* Buyer-relatable image slot — graceful when _thumbnail_id is absent.
 * Aspect-ratio variants keep cards on a consistent rhythm regardless of source. */
#ssk-app .ssk-image-slot{
	position:relative;
	width:100%;
	aspect-ratio:4 / 3;
	overflow:hidden;
	border-radius:1rem;
	border:1px solid var(--ssk-border);
	background:linear-gradient(135deg, rgba(217,194,255,.42), rgba(143,217,207,.32) 60%, rgba(231,175,216,.32));
	isolation:isolate;
}
#ssk-app .ssk-image-slot--square{aspect-ratio:1 / 1;}
#ssk-app .ssk-image-slot--portrait{aspect-ratio:3 / 4;}
#ssk-app .ssk-image-slot--wide{aspect-ratio:16 / 9;}
#ssk-app .ssk-image-slot--hero{aspect-ratio:21 / 9;}
#ssk-app .ssk-image-slot--card{aspect-ratio:5 / 4;}
#ssk-app .ssk-image-slot > img,
#ssk-app .ssk-image-slot > picture > img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
#ssk-app .ssk-image-slot__placeholder{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:var(--ssk-space-2);
	color:rgba(52,30,86,.62);
	font-family:var(--ssk-font-body);
	font-size:var(--ssk-text-sm);
	text-align:center;
	padding:var(--ssk-space-4);
	background:
		radial-gradient(120% 80% at 30% 20%, rgba(255,255,255,.55), transparent 60%),
		radial-gradient(110% 80% at 80% 90%, rgba(255,255,255,.35), transparent 55%);
}
#ssk-app .ssk-image-slot__placeholder svg{
	width:clamp(28px, 5.5vw, 56px);
	height:clamp(28px, 5.5vw, 56px);
	opacity:.65;
	color:rgba(127,86,217,.7);
}
#ssk-app .ssk-image-slot__placeholder-label{
	display:block;
	font-weight:600;
	letter-spacing:.02em;
}
#ssk-app .ssk-image-slot__placeholder-sub{
	display:block;
	font-size:var(--ssk-text-xs);
	opacity:.78;
}

/* Fluid utility classes that map to the type scale (use in templates). */
#ssk-app .ssk-text-xs{font-size:var(--ssk-text-xs);}
#ssk-app .ssk-text-sm{font-size:var(--ssk-text-sm);}
#ssk-app .ssk-text-base{font-size:var(--ssk-text-base);}
#ssk-app .ssk-text-lg{font-size:var(--ssk-text-lg);}
#ssk-app .ssk-text-xl{font-size:var(--ssk-text-xl);}
#ssk-app .ssk-text-2xl{font-size:var(--ssk-text-2xl);}
#ssk-app .ssk-text-3xl{font-size:var(--ssk-text-3xl);}
#ssk-app .ssk-text-4xl{font-size:var(--ssk-text-4xl);}
#ssk-app .ssk-text-5xl{font-size:var(--ssk-text-5xl);}

/* s-s-savings-haven homepage adaptation */
#ssk-app .ssk-prototype-home{
	--ssk-proto-bg:#fffaf4;
	--ssk-proto-ink:#251737;
	--ssk-proto-muted:#6f607a;
	--ssk-proto-primary:#5e1fa8;
	--ssk-proto-primary-2:#8b3fcf;
	--ssk-proto-lavender:#e2d3fa;
	--ssk-proto-lavender-2:#c9aef5;
	--ssk-proto-rose:#b98aa8;
	--ssk-proto-gold:#d8b76a;
	--ssk-proto-sage:#a9c7b0;
	--ssk-proto-card:rgba(255,253,249,.82);
	--ssk-proto-border:rgba(75,45,115,.14);
	--ssk-proto-shadow:0 18px 52px -18px rgba(47,29,70,.28);
	background:
		radial-gradient(circle at 10% 0%, rgba(239,232,251,.9), transparent 40%),
		radial-gradient(circle at 90% 30%, rgba(246,232,194,.68), transparent 42%),
		var(--ssk-proto-bg);
	color:var(--ssk-proto-ink);
}
#ssk-app .ssk-prototype-home main{
	overflow:hidden;
}
#ssk-app .ssk-prototype-home a{
	text-decoration:none;
}
#ssk-app .ssk-proto-hero{
	position:relative;
	min-height:clamp(680px, 84vh, 920px);
	overflow:hidden;
	display:flex;
	align-items:stretch;
}
#ssk-app .ssk-proto-hero__image,
#ssk-app .ssk-final-cta > img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
#ssk-app .ssk-proto-hero__image{
	opacity:.52;
}
#ssk-app .ssk-proto-hero__wash{
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(255,250,244,.45), rgba(255,250,244,.14) 42%, var(--ssk-proto-bg));
}
#ssk-app .ssk-proto-hero .ssk-container{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	padding-top:clamp(34px, 4.5vw, 68px);
	padding-bottom:clamp(70px, 7vw, 110px);
}
#ssk-app .ssk-proto-hero__grid{
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(360px, .88fr);
	gap:clamp(32px, 6vw, 84px);
	align-items:center;
	width:100%;
}
#ssk-app .ssk-proto-hero__copy{
	max-width:680px;
	animation:ssk-fade-up .75s ease both;
}
#ssk-app .ssk-proto-chip{
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-height:32px;
	padding:7px 14px;
	border-radius:999px;
	border:1px solid rgba(75,45,115,.20);
	background:rgba(255,253,249,.78);
	color:var(--ssk-proto-primary);
	box-shadow:0 8px 26px -18px rgba(47,29,70,.35);
	font-size:12px;
	font-weight:750;
	line-height:1.2;
	backdrop-filter:blur(12px);
}
#ssk-app .ssk-proto-chip--rose{
	color:var(--ssk-proto-rose);
	border-color:rgba(185,138,168,.34);
}
#ssk-app .ssk-proto-h1,
#ssk-app .ssk-proto-h2,
#ssk-app .ssk-final-cta h2,
#ssk-app .ssk-freebie-card h3,
#ssk-app .ssk-plan-card h3{
	font-family:var(--ssk-font-heading);
	letter-spacing:0;
	color:var(--ssk-proto-ink);
}
#ssk-app .ssk-proto-h1{
	margin:18px 0 0;
	font-size:clamp(3.2rem, 8vw, 7.8rem);
	line-height:1.02;
	font-weight:800;
	max-width:820px;
}
#ssk-app .ssk-proto-h1 span,
#ssk-app .ssk-proto-h2 span,
#ssk-app .ssk-final-cta h2 span,
#ssk-app .ssk-youtube-layout .ssk-proto-h2 span{
	display:inline-block;
	color:var(--ssk-proto-primary);
	font-family:var(--ssk-font-script);
	font-weight:600;
}
#ssk-app .ssk-proto-lead{
	margin:clamp(18px, 2.2vw, 28px) 0 0;
	max-width:640px;
	color:var(--ssk-proto-muted);
	font-size:clamp(1rem, 1.3vw, 1.18rem);
	line-height:1.7;
}
#ssk-app .ssk-proto-actions{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:clamp(22px, 3vw, 34px);
}
#ssk-app .ssk-proto-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	min-height:48px;
	padding:13px 25px;
	border-radius:999px;
	border:2px solid transparent;
	font-size:15px;
	font-weight:800;
	line-height:1.15;
	transition:transform .24s ease, box-shadow .24s ease, background .24s ease, border-color .24s ease;
}
#ssk-app .ssk-proto-btn--primary{
	color:#fff;
	background:linear-gradient(135deg, var(--ssk-proto-primary), var(--ssk-proto-primary-2));
	box-shadow:0 24px 54px -20px rgba(75,45,115,.48);
}
#ssk-app .ssk-proto-btn--soft{
	color:var(--ssk-proto-primary);
	border-color:rgba(75,45,115,.30);
	background:rgba(255,253,249,.84);
}
#ssk-app .ssk-proto-btn--rose{
	color:var(--ssk-proto-rose);
	border-color:rgba(185,138,168,.40);
	background:rgba(255,253,249,.84);
}
#ssk-app .ssk-proto-btn:hover{
	transform:translateY(-2px);
	text-decoration:none;
}
#ssk-app .ssk-proto-btn--primary:hover{
	box-shadow:0 30px 64px -22px rgba(75,45,115,.56);
}
#ssk-app .ssk-community-proof{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:clamp(22px, 3vw, 34px);
	color:var(--ssk-proto-muted);
	font-size:14px;
}
#ssk-app .ssk-community-proof p{
	margin:0;
}
#ssk-app .ssk-community-proof strong{
	color:var(--ssk-proto-ink);
	font-weight:850;
}
#ssk-app .ssk-proof-dot{
	width:40px;
	height:40px;
	margin-right:-22px;
	border:2px solid var(--ssk-proto-bg);
	border-radius:999px;
	background:linear-gradient(135deg, var(--ssk-proto-rose), var(--ssk-proto-primary));
}
#ssk-app .ssk-proof-dot--two{background:linear-gradient(135deg, var(--ssk-proto-primary), var(--ssk-proto-lavender));}
#ssk-app .ssk-proof-dot--three{background:linear-gradient(135deg, var(--ssk-proto-gold), var(--ssk-proto-rose));}
#ssk-app .ssk-proof-dot--four{background:linear-gradient(135deg, var(--ssk-proto-lavender-2), var(--ssk-proto-primary));margin-right:0;}
#ssk-app .ssk-hero-collage{
	position:relative;
	min-height:600px;
}
#ssk-app .ssk-hero-collage__item{
	position:absolute;
	display:block;
	border-radius:28px;
	box-shadow:var(--ssk-proto-shadow);
	object-fit:cover;
	animation:ssk-floating 7s ease-in-out infinite;
}
#ssk-app .ssk-hero-collage__item--top{
	top:0;
	right:8%;
	width:min(52%, 260px);
}
#ssk-app .ssk-hero-collage__item--left{
	top:26%;
	left:0;
	width:min(45%, 230px);
	animation-duration:9s;
	animation-delay:1s;
}
#ssk-app .ssk-hero-collage__item--bottom{
	right:0;
	bottom:0;
	width:min(60%, 310px);
	animation-delay:2s;
}
#ssk-app .ssk-decor-rose{
	width:130px;
	height:130px;
	border-radius:999px;
	background:
		radial-gradient(circle at 50% 50%, var(--ssk-proto-primary) 0 9%, transparent 10%),
		radial-gradient(circle at 50% 50%, rgba(255,255,255,.45) 0 28%, transparent 29%),
		radial-gradient(circle at 38% 44%, rgba(255,255,255,.35) 0 24%, transparent 25%),
		radial-gradient(circle at 62% 44%, rgba(255,255,255,.25) 0 24%, transparent 25%),
		radial-gradient(circle, #edd2e2, var(--ssk-proto-rose));
}
#ssk-app .ssk-decor-rose--one{left:-38px;bottom:-42px;opacity:.58;}
#ssk-app .ssk-benefit-strip{
	position:relative;
	z-index:3;
	margin-top:-54px;
}
#ssk-app .ssk-glass-grid{
	display:grid;
	grid-template-columns:repeat(5, minmax(0, 1fr));
	gap:clamp(16px, 2.2vw, 28px);
	padding:clamp(22px, 3vw, 34px);
	border:1px solid rgba(255,255,255,.72);
	border-radius:28px;
	background:rgba(255,253,249,.72);
	box-shadow:var(--ssk-proto-shadow);
	backdrop-filter:blur(16px);
}
#ssk-app .ssk-benefit{
	text-align:center;
}
#ssk-app .ssk-benefit span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	margin:0 auto 10px;
	border-radius:18px;
	color:var(--ssk-proto-primary);
	background:linear-gradient(135deg, rgba(216,200,242,.72), rgba(239,232,251,.9));
}
#ssk-app .ssk-benefit h2{
	margin:0;
	font-family:var(--ssk-font-body);
	font-size:14px;
	font-weight:850;
	color:var(--ssk-proto-ink);
	letter-spacing:0;
}
#ssk-app .ssk-benefit p{
	margin:4px 0 0;
	color:var(--ssk-proto-muted);
	font-size:12px;
	line-height:1.35;
}
#ssk-app .ssk-proto-section{
	padding:clamp(42px, 5.2vw, 74px) 0;
}
#ssk-app .ssk-proto-section__head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:22px;
	margin-bottom:30px;
}
#ssk-app .ssk-proto-h2{
	margin:12px 0 0;
	font-size:clamp(2.35rem, 5vw, 4.7rem);
	line-height:1.04;
	font-weight:800;
}
#ssk-app .ssk-proto-link{
	display:inline-flex;
	align-items:center;
	gap:7px;
	color:var(--ssk-proto-primary);
	font-weight:800;
}
#ssk-app .ssk-goal-rail{
	display:flex;
	gap:16px;
	overflow-x:auto;
	padding:2px 4px 18px;
	margin:0 -4px;
	scroll-snap-type:x mandatory;
}
#ssk-app .ssk-goal-tile{
	flex:0 0 clamp(190px, 20vw, 228px);
	scroll-snap-align:start;
	min-height:166px;
	padding:24px;
	border:1px solid rgba(255,255,255,.68);
	border-radius:28px;
	color:var(--ssk-proto-ink);
	background:linear-gradient(135deg, rgba(185,138,168,.28), rgba(75,45,115,.16));
	transition:transform .24s ease, box-shadow .24s ease;
}
#ssk-app .ssk-goal-tile--2{background:linear-gradient(135deg, rgba(75,45,115,.16), rgba(239,232,251,.55));}
#ssk-app .ssk-goal-tile--3{background:linear-gradient(135deg, rgba(239,232,251,.62), rgba(185,138,168,.26));}
#ssk-app .ssk-goal-tile--4{background:linear-gradient(135deg, rgba(216,200,242,.46), rgba(216,183,106,.24));}
#ssk-app .ssk-goal-tile:hover{
	transform:translateY(-4px) scale(1.02);
	box-shadow:var(--ssk-proto-shadow);
}
#ssk-app .ssk-goal-tile > i{
	font-size:32px;
	color:var(--ssk-proto-primary);
}
#ssk-app .ssk-goal-tile > span{
	display:block;
	margin-top:15px;
	font-family:var(--ssk-font-heading);
	font-size:25px;
	font-weight:800;
	line-height:1.05;
}
#ssk-app .ssk-goal-tile small{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-top:14px;
	color:var(--ssk-proto-primary);
	font-size:14px;
	font-weight:800;
}
#ssk-app .ssk-bestie-section{
	position:relative;
}
#ssk-app .ssk-bestie-section::before{
	content:"";
	position:absolute;
	right:-60px;
	top:30px;
	width:220px;
	height:220px;
	border-radius:999px;
	background:radial-gradient(circle, rgba(185,138,168,.34), transparent 68%);
}
#ssk-app .ssk-bestie-layout{
	display:grid;
	grid-template-columns:minmax(260px, 1fr) minmax(0, 3fr);
	gap:24px;
	align-items:start;
}
#ssk-app .ssk-bestie-promo{
	display:grid;
	gap:18px;
}
#ssk-app .ssk-freebie-card,
#ssk-app .ssk-mini-quote,
#ssk-app .ssk-lifestyle-card,
#ssk-app .ssk-empty-state{
	border:1px solid var(--ssk-proto-border);
	border-radius:28px;
	background:var(--ssk-proto-card);
	box-shadow:0 12px 34px -24px rgba(47,29,70,.32);
	overflow:hidden;
}
#ssk-app .ssk-freebie-card{
	position:relative;
	padding:24px;
	background:linear-gradient(135deg, rgba(216,200,242,.68), rgba(239,232,251,.86));
}
#ssk-app .ssk-badge-pill,
#ssk-app .ssk-popular-pill{
	display:inline-flex;
	align-items:center;
	min-height:24px;
	padding:5px 10px;
	border-radius:999px;
	background:var(--ssk-proto-ink);
	color:var(--ssk-proto-bg);
	font-size:10px;
	font-weight:900;
	letter-spacing:.07em;
	text-transform:uppercase;
}
#ssk-app .ssk-freebie-card h3{
	margin:16px 0 0;
	font-size:30px;
	line-height:1.04;
	font-weight:800;
}
#ssk-app .ssk-freebie-card p,
#ssk-app .ssk-mini-quote p{
	color:var(--ssk-proto-muted);
	font-size:14px;
	line-height:1.55;
}
#ssk-app .ssk-lifestyle-card{
	position:relative;
	margin:0;
}
#ssk-app .ssk-lifestyle-card img{
	display:block;
	width:100%;
	aspect-ratio:1 / 1;
	object-fit:cover;
}
#ssk-app .ssk-lifestyle-card figcaption{
	position:absolute;
	inset:auto 0 0;
	padding:34px 18px 15px;
	color:#fff;
	background:linear-gradient(180deg, transparent, rgba(37,23,55,.72));
	font-family:var(--ssk-font-script);
	font-size:28px;
	line-height:1;
}
#ssk-app .ssk-mini-quote{
	padding:22px;
}
#ssk-app .ssk-mini-quote i{
	color:var(--ssk-proto-primary);
}
#ssk-app .ssk-mini-quote cite{
	display:block;
	margin-top:12px;
	color:var(--ssk-proto-ink);
	font-size:12px;
	font-style:normal;
	font-weight:800;
}
#ssk-app .ssk-product-shortcode .woocommerce ul.products{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:24px;
	margin:0;
}
#ssk-app .ssk-product-shortcode .woocommerce ul.products::before,
#ssk-app .ssk-product-shortcode .woocommerce ul.products::after{
	display:none;
}
#ssk-app .ssk-product-shortcode .woocommerce ul.products li.product{
	float:none;
	width:auto !important;
	margin:0 !important;
	border-radius:28px;
	overflow:hidden;
	border:1px solid var(--ssk-proto-border);
	background:#fffdf9;
	box-shadow:0 10px 30px -22px rgba(47,29,70,.34);
	transition:transform .24s ease, box-shadow .24s ease;
}
#ssk-app .ssk-product-shortcode .woocommerce ul.products li.product:hover{
	transform:translateY(-5px);
	box-shadow:var(--ssk-proto-shadow);
}
#ssk-app .ssk-product-shortcode .woocommerce ul.products li.product a img{
	aspect-ratio:1 / 1;
	object-fit:cover;
	margin:0;
}
#ssk-app .ssk-product-shortcode .woocommerce ul.products li.product .woocommerce-loop-product__title,
#ssk-app .ssk-product-shortcode .woocommerce ul.products li.product .price{
	padding-left:18px;
	padding-right:18px;
}
#ssk-app .ssk-product-shortcode .woocommerce ul.products li.product .button{
	margin:12px 18px 18px;
	border-radius:999px;
	background:linear-gradient(135deg, var(--ssk-proto-primary), var(--ssk-proto-primary-2));
	color:#fff;
	font-weight:800;
}
#ssk-app .ssk-membership-section{
	position:relative;
	padding:clamp(52px, 6.2vw, 88px) 0;
	background:linear-gradient(180deg, rgba(255,253,249,.94), rgba(239,232,251,.78));
	overflow:hidden;
}
#ssk-app .ssk-proto-center{
	position:relative;
	z-index:2;
	max-width:760px;
	margin:0 auto 30px;
	text-align:center;
}
#ssk-app .ssk-proto-center p{
	color:var(--ssk-proto-muted);
	font-size:16px;
	line-height:1.65;
}
#ssk-app .ssk-plan-grid{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:22px;
	max-width:1120px;
	margin:0 auto;
}
#ssk-app .ssk-plan-card{
	position:relative;
	padding:30px;
	border:1px solid var(--ssk-proto-border);
	border-radius:28px;
	background:#fffdf9;
	box-shadow:0 12px 34px -24px rgba(47,29,70,.34);
	transition:transform .24s ease;
}
#ssk-app .ssk-plan-card:hover{
	transform:translateY(-4px);
}
#ssk-app .ssk-plan-card--popular{
	background:linear-gradient(135deg, var(--ssk-proto-primary), var(--ssk-proto-primary-2));
	color:#fff;
	border-color:transparent;
	box-shadow:0 24px 58px -22px rgba(75,45,115,.52);
	transform:scale(1.035);
}
#ssk-app .ssk-plan-card--popular:hover{
	transform:translateY(-4px) scale(1.035);
}
#ssk-app .ssk-popular-pill{
	position:absolute;
	top:-13px;
	left:50%;
	transform:translateX(-50%);
	background:var(--ssk-proto-gold);
	color:var(--ssk-proto-ink);
	white-space:nowrap;
}
#ssk-app .ssk-plan-card > i{
	font-size:34px;
	color:var(--ssk-proto-primary);
}
#ssk-app .ssk-plan-card--popular > i{
	color:#fff;
}
#ssk-app .ssk-plan-card h3{
	margin:14px 0 0;
	color:var(--ssk-proto-primary);
	font-size:31px;
	font-weight:800;
}
#ssk-app .ssk-plan-card--popular h3{
	color:#fff;
}
#ssk-app .ssk-plan-price{
	margin:14px 0 0;
	font-family:var(--ssk-font-heading);
	font-size:48px;
	font-weight:800;
	line-height:1;
	color:inherit;
}
#ssk-app .ssk-plan-price span{
	font-family:var(--ssk-font-body);
	font-size:15px;
	font-weight:600;
	opacity:.75;
}
#ssk-app .ssk-plan-card ul{
	display:grid;
	gap:11px;
	margin:24px 0;
	padding:0;
	list-style:none;
	font-size:14px;
	line-height:1.4;
}
#ssk-app .ssk-plan-card li{
	display:flex;
	gap:9px;
	align-items:flex-start;
}
#ssk-app .ssk-plan-card li i{
	margin-top:3px;
	color:var(--ssk-proto-primary);
	font-size:13px;
}
#ssk-app .ssk-plan-card--popular li i{
	color:#fff;
}
#ssk-app .ssk-youtube-layout{
	display:grid;
	grid-template-columns:minmax(260px, .88fr) minmax(0, 2fr);
	gap:clamp(32px, 5vw, 70px);
	align-items:center;
}
#ssk-app .ssk-video-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:18px;
}
#ssk-app .ssk-video-card{
	display:block;
	overflow:hidden;
	border:1px solid var(--ssk-proto-border);
	border-radius:26px;
	background:#fffdf9;
	box-shadow:0 12px 34px -24px rgba(47,29,70,.34);
	color:var(--ssk-proto-ink);
}
#ssk-app .ssk-video-card > span{
	position:relative;
	display:block;
	aspect-ratio:16 / 9;
	background:linear-gradient(135deg, rgba(216,200,242,.7), rgba(239,232,251,.9));
	overflow:hidden;
}
#ssk-app .ssk-video-card img{
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:.9;
	transition:transform .5s ease;
}
#ssk-app .ssk-video-card:hover img{
	transform:scale(1.04);
}
#ssk-app .ssk-video-card > span i{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:54px;
	height:54px;
	border-radius:999px;
	background:rgba(185,138,168,.92);
	color:#fff;
}
#ssk-app .ssk-video-card strong{
	display:block;
	padding:16px 16px 4px;
	font-size:14px;
	line-height:1.35;
}
#ssk-app .ssk-video-card small{
	display:block;
	padding:0 16px 16px;
	color:var(--ssk-proto-muted);
	font-size:12px;
}
#ssk-app .ssk-love-section{
	position:relative;
	padding:clamp(52px, 6.2vw, 86px) 0;
	background:linear-gradient(135deg, rgba(216,200,242,.72), rgba(239,232,251,.9));
}
#ssk-app .ssk-testimonial-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:18px;
}
#ssk-app .ssk-testimonial-grid blockquote{
	margin:0;
	padding:24px;
	border-radius:24px;
	background:rgba(255,250,244,.86);
	box-shadow:0 10px 30px -22px rgba(47,29,70,.34);
}
#ssk-app .ssk-testimonial-grid div{
	color:var(--ssk-proto-gold);
	font-size:14px;
}
#ssk-app .ssk-testimonial-grid p{
	margin:14px 0 0;
	color:var(--ssk-proto-ink);
	font-size:14px;
	font-style:italic;
	line-height:1.55;
}
#ssk-app .ssk-testimonial-grid cite{
	display:block;
	margin-top:14px;
	color:var(--ssk-proto-primary);
	font-size:12px;
	font-style:normal;
	font-weight:850;
}
#ssk-app .ssk-final-cta{
	position:relative;
	min-height:clamp(430px, 52vh, 620px);
	display:flex;
	align-items:center;
	overflow:hidden;
}
#ssk-app .ssk-final-cta > img{
	opacity:.42;
}
#ssk-app .ssk-final-cta__wash{
	position:absolute;
	inset:0;
	background:linear-gradient(90deg, var(--ssk-proto-bg), rgba(255,250,244,.74), transparent);
}
#ssk-app .ssk-final-cta .ssk-container{
	position:relative;
	z-index:2;
}
#ssk-app .ssk-final-cta__copy{
	max-width:840px;
}
#ssk-app .ssk-final-cta h2{
	margin:0;
	font-size:clamp(3rem, 6vw, 6.8rem);
	font-weight:800;
	line-height:1.05;
}
#ssk-app .ssk-empty-state{
	padding:28px;
}
@keyframes ssk-floating{
	0%,100%{transform:translateY(0) rotate(0deg);}
	50%{transform:translateY(-18px) rotate(4deg);}
}
@keyframes ssk-fade-up{
	from{opacity:0;transform:translateY(24px);}
	to{opacity:1;transform:translateY(0);}
}
	@media (max-width:1100px){
		#ssk-app .ssk-proto-hero__grid,
		#ssk-app .ssk-bestie-layout,
		#ssk-app .ssk-youtube-layout{
			grid-template-columns:1fr;
		}
		#ssk-app .ssk-hero-collage{
			min-height:clamp(330px, 58vw, 520px);
			width:min(100%, 640px);
			margin:clamp(18px, 4vw, 34px) auto 0;
		}
		#ssk-app .ssk-hero-collage__item--top{
			right:7%;
			width:min(48%, 270px);
		}
		#ssk-app .ssk-hero-collage__item--left{
			left:5%;
			top:22%;
			width:min(42%, 236px);
		}
		#ssk-app .ssk-hero-collage__item--bottom{
			right:4%;
			width:min(56%, 320px);
		}
		#ssk-app .ssk-glass-grid{
			grid-template-columns:repeat(3, minmax(0, 1fr));
		}
	#ssk-app .ssk-product-shortcode .woocommerce ul.products,
	#ssk-app .ssk-plan-grid,
	#ssk-app .ssk-testimonial-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media (max-width:720px){
	#ssk-app .ssk-proto-hero{
		min-height:auto;
	}
	#ssk-app .ssk-proto-hero .ssk-container{
		padding-top:36px;
		padding-bottom:76px;
	}
	#ssk-app .ssk-proto-h1{
		font-size:clamp(3rem, 16vw, 4.35rem);
	}
	#ssk-app .ssk-proto-actions{
		flex-direction:column;
	}
	#ssk-app .ssk-proto-btn{
		width:100%;
	}
		#ssk-app .ssk-community-proof{
			align-items:flex-start;
		}
		#ssk-app .ssk-hero-collage{
			min-height:340px;
			margin-top:26px;
		}
		#ssk-app .ssk-hero-collage__item{
			border-radius:22px;
		}
		#ssk-app .ssk-hero-collage__item--top{
			top:0;
			right:2%;
			width:58%;
		}
		#ssk-app .ssk-hero-collage__item--left{
			top:27%;
			left:0;
			width:46%;
		}
		#ssk-app .ssk-hero-collage__item--bottom{
			right:0;
			bottom:0;
			width:64%;
		}
		#ssk-app .ssk-glass-grid,
		#ssk-app .ssk-product-shortcode .woocommerce ul.products,
		#ssk-app .ssk-plan-grid,
	#ssk-app .ssk-video-grid,
	#ssk-app .ssk-testimonial-grid{
		grid-template-columns:1fr;
	}
	#ssk-app .ssk-benefit-strip{
		margin-top:-42px;
	}
	#ssk-app .ssk-proto-section__head{
		align-items:flex-start;
		flex-direction:column;
	}
	#ssk-app .ssk-plan-card--popular,
	#ssk-app .ssk-plan-card--popular:hover{
		transform:none;
	}
	#ssk-app .ssk-final-cta__wash{
		background:linear-gradient(180deg, rgba(255,250,244,.94), rgba(255,250,244,.76));
	}
}
@media (prefers-reduced-motion: reduce){
	#ssk-app .ssk-prototype-home *,
	#ssk-app .ssk-prototype-home *::before,
	#ssk-app .ssk-prototype-home *::after{
		animation:none !important;
		transition:none !important;
	}
}

/* Compact bento rhythm inspired by the APPARELLYBLANK reference. */
#ssk-app .ssk-prototype-home .ssk-container{
	max-width:min(1320px, calc(100% - 32px));
	padding-left:0;
	padding-right:0;
}
#ssk-app .ssk-proto-hero{
	min-height:clamp(560px, 66vh, 760px);
}
#ssk-app .ssk-proto-hero .ssk-container{
	padding-top:clamp(26px, 3.4vw, 46px);
	padding-bottom:clamp(52px, 5.2vw, 82px);
}
#ssk-app .ssk-proto-hero__grid{
	gap:clamp(22px, 3.6vw, 54px);
}
#ssk-app .ssk-proto-h1{
	font-size:clamp(2.95rem, 6.8vw, 6.7rem);
}
#ssk-app .ssk-hero-collage{
	min-height:clamp(430px, 48vw, 540px);
}
#ssk-app .ssk-benefit-strip{
	margin-top:-38px;
}
#ssk-app .ssk-glass-grid{
	gap:14px;
	padding:clamp(18px, 2.2vw, 26px);
	border-radius:24px;
}
#ssk-app .ssk-benefit span{
	width:44px;
	height:44px;
	margin-bottom:8px;
}
#ssk-app .ssk-proto-section{
	padding:clamp(30px, 3.8vw, 54px) 0;
}
#ssk-app .ssk-proto-section__head{
	margin-bottom:18px;
}
#ssk-app .ssk-proto-h2{
	font-size:clamp(2rem, 4.2vw, 4rem);
}
#ssk-app .ssk-goal-rail{
	gap:14px;
	padding-bottom:10px;
}
#ssk-app .ssk-goal-tile{
	min-height:142px;
	padding:20px;
	border-radius:24px;
}
#ssk-app .ssk-bestie-layout{
	grid-template-columns:1fr;
	gap:14px;
}
#ssk-app .ssk-bestie-promo{
	grid-template-columns:1.05fr 1fr 1fr;
	gap:14px;
	align-items:stretch;
}
#ssk-app .ssk-freebie-card,
#ssk-app .ssk-mini-quote,
#ssk-app .ssk-lifestyle-card,
#ssk-app .ssk-empty-state{
	border-radius:24px;
}
#ssk-app .ssk-freebie-card,
#ssk-app .ssk-mini-quote,
#ssk-app .ssk-empty-state{
	padding:clamp(18px, 2.6vw, 28px);
}
#ssk-app .ssk-lifestyle-card img{
	height:100%;
	min-height:220px;
	aspect-ratio:auto;
}
#ssk-app .ssk-empty-state{
	min-height:180px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
}
#ssk-app .ssk-membership-section,
#ssk-app .ssk-love-section{
	padding:clamp(38px, 4.6vw, 66px) 0;
}
#ssk-app .ssk-proto-center{
	margin-bottom:22px;
}
#ssk-app .ssk-plan-grid,
#ssk-app .ssk-video-grid,
#ssk-app .ssk-testimonial-grid{
	gap:14px;
}
#ssk-app .ssk-plan-card{
	padding:clamp(22px, 2.8vw, 30px);
	border-radius:24px;
}
#ssk-app .ssk-youtube-layout{
	gap:clamp(22px, 3.6vw, 46px);
}
#ssk-app .ssk-final-cta{
	min-height:clamp(360px, 44vh, 520px);
}
@media (max-width:1100px){
	#ssk-app .ssk-bestie-promo{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}
@media (max-width:720px){
	#ssk-app .ssk-prototype-home .ssk-container{
		max-width:min(1320px, calc(100% - 22px));
	}
	#ssk-app .ssk-proto-hero .ssk-container{
		padding-top:24px;
		padding-bottom:54px;
	}
	#ssk-app .ssk-proto-h1{
		font-size:clamp(2.65rem, 14vw, 4rem);
	}
	#ssk-app .ssk-hero-collage{
		min-height:285px;
		margin-top:18px;
	}
	#ssk-app .ssk-benefit-strip{
		margin-top:-30px;
	}
	#ssk-app .ssk-glass-grid{
		gap:11px;
		padding:18px;
	}
	#ssk-app .ssk-proto-section{
		padding:30px 0;
	}
	#ssk-app .ssk-goal-tile{
		flex-basis:calc(50vw - 22px);
		min-height:132px;
		padding:18px;
		border-radius:18px;
	}
	#ssk-app .ssk-bestie-promo{
		grid-template-columns:1fr;
	}
	#ssk-app .ssk-membership-section,
	#ssk-app .ssk-love-section{
		padding:34px 0;
	}
	#ssk-app .ssk-final-cta{
		min-height:360px;
	}
}

/* S&S Savings Haven visual parity pass. */
#ssk-app .ssk-prototype-home{
	--ssk-proto-bg:#fffaf4;
	--ssk-proto-ink:#251737;
	--ssk-proto-muted:#6f607a;
	--ssk-proto-primary:#5e1fa8;
	--ssk-proto-primary-2:#8b3fcf;
	--ssk-proto-lavender:#e2d3fa;
	--ssk-proto-lavender-2:#c9aef5;
	--ssk-proto-rose:#b98aa8;
	--ssk-proto-gold:#d8b76a;
}
#ssk-app .ssk-prototype-home .ssk-container{
	max-width:min(1160px, calc(100% - 32px));
}
#ssk-app .ssk-proto-hero{
	min-height:clamp(720px, 86vh, 980px);
}
#ssk-app .ssk-proto-hero .ssk-container{
	padding-top:clamp(54px, 6vw, 92px);
	padding-bottom:clamp(94px, 9vw, 140px);
}
#ssk-app .ssk-proto-hero__grid{
	grid-template-columns:minmax(0, 1fr) minmax(430px, .94fr);
	gap:clamp(38px, 6vw, 84px);
}
#ssk-app .ssk-proto-h1{
	font-size:clamp(3.5rem, 7.8vw, 7.9rem);
	line-height:1.05;
}
#ssk-app .ssk-proof-stack{
	display:flex;
	margin-right:2px;
}
#ssk-app .ssk-proof-stack i{
	display:block;
	width:40px;
	height:40px;
	margin-right:-14px;
	border:2px solid var(--ssk-proto-bg);
	border-radius:999px;
	background:linear-gradient(135deg, var(--ssk-proto-rose), var(--ssk-proto-primary));
}
#ssk-app .ssk-proof-stack i:nth-child(2){background:linear-gradient(135deg, var(--ssk-proto-primary), var(--ssk-proto-lavender-2));}
#ssk-app .ssk-proof-stack i:nth-child(3){background:linear-gradient(135deg, var(--ssk-proto-gold), var(--ssk-proto-rose));}
#ssk-app .ssk-proof-stack i:nth-child(4){background:linear-gradient(135deg, var(--ssk-proto-lavender-2), var(--ssk-proto-primary));}
#ssk-app .ssk-hero-collage{
	display:block;
	min-height:600px;
}
#ssk-app .ssk-hero-collage__main,
#ssk-app .ssk-hero-collage__mini{
	position:absolute;
	overflow:hidden;
	border-radius:30px;
	box-shadow:0 20px 50px -20px rgba(47,29,70,.30);
	animation:ssk-floating 7s ease-in-out infinite;
}
#ssk-app .ssk-hero-collage__main img,
#ssk-app .ssk-hero-collage__mini img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
#ssk-app .ssk-hero-collage__main{
	right:0;
	bottom:0;
	width:min(64%, 320px);
	height:auto;
	aspect-ratio:1 / 1;
	animation-delay:2s;
}
#ssk-app .ssk-hero-collage__mini--1{
	top:32%;
	left:0;
	width:min(46%, 230px);
	aspect-ratio:1 / 1;
	animation-duration:9s;
	animation-delay:1s;
}
#ssk-app .ssk-hero-collage__mini--2{
	top:0;
	right:10%;
	width:min(54%, 270px);
	aspect-ratio:1 / 1.15;
}
#ssk-app .ssk-hero-collage__mini--3{
	display:none;
}
#ssk-app .ssk-benefit-strip{
	margin-top:-56px;
}
#ssk-app .ssk-glass-grid{
	grid-template-columns:repeat(5, minmax(0, 1fr));
	border-radius:30px;
}
#ssk-app .ssk-proto-section{
	padding:clamp(58px, 6vw, 88px) 0;
}
#ssk-app .ssk-goal-rail{
	gap:16px;
	padding:2px 4px 18px;
}
#ssk-app .ssk-goal-tile{
	flex-basis:220px;
	min-height:170px;
	padding:24px;
	border-radius:30px;
}
#ssk-app .ssk-goal-tile--5{background:linear-gradient(135deg, rgba(185,138,168,.20), rgba(75,45,115,.24));}
#ssk-app .ssk-goal-tile--6{background:linear-gradient(135deg, rgba(239,232,251,.65), rgba(216,200,242,.42));}
#ssk-app .ssk-goal-tile--7{background:linear-gradient(135deg, rgba(216,183,106,.32), rgba(185,138,168,.20));}
#ssk-app .ssk-goal-emoji{
	display:block;
	font-size:38px;
	line-height:1;
}
#ssk-app .ssk-goal-tile > span:not(.ssk-goal-emoji){
	margin-top:16px;
}
#ssk-app .ssk-bestie-layout{
	display:grid;
	grid-template-columns:minmax(230px, 1fr) minmax(0, 3fr);
	gap:24px;
	align-items:start;
}
#ssk-app .ssk-bestie-side{
	display:grid;
	gap:20px;
}
#ssk-app .ssk-bestie-main{
	min-width:0;
}
#ssk-app .ssk-bestie-promo{
	display:block;
	border:1px solid var(--ssk-proto-border);
	border-radius:30px;
	background:#fffdf9;
	box-shadow:0 12px 34px -24px rgba(47,29,70,.34);
	overflow:hidden;
}
#ssk-app .ssk-bestie-promo--freebie{
	position:relative;
	padding:24px;
	background:linear-gradient(135deg, rgba(216,200,242,.72), rgba(239,232,251,.92));
}
#ssk-app .ssk-bestie-promo--freebie h2{
	margin:16px 0 0;
	font-family:var(--ssk-font-heading);
	font-size:30px;
	line-height:1.05;
	color:var(--ssk-proto-ink);
}
#ssk-app .ssk-bestie-promo--freebie p,
#ssk-app .ssk-bestie-promo--quote p{
	color:var(--ssk-proto-muted);
	font-size:14px;
	line-height:1.55;
}
#ssk-app .ssk-bestie-promo--lifestyle{
	position:relative;
	margin:0;
}
#ssk-app .ssk-bestie-promo--lifestyle img{
	display:block;
	width:100%;
	aspect-ratio:1 / 1;
	object-fit:cover;
}
#ssk-app .ssk-bestie-promo--lifestyle figcaption{
	position:absolute;
	inset:auto 0 0;
	padding:36px 18px 15px;
	color:#fff;
	background:linear-gradient(180deg, transparent, rgba(37,23,55,.72));
	font-family:var(--ssk-font-script);
	font-size:28px;
	line-height:1;
}
#ssk-app .ssk-bestie-promo--quote{
	padding:22px;
}
#ssk-app .ssk-bestie-promo--quote i{
	color:var(--ssk-proto-primary);
}
#ssk-app .ssk-bestie-promo--quote cite{
	display:block;
	margin-top:12px;
	font-size:12px;
	font-style:normal;
	font-weight:800;
	color:var(--ssk-proto-ink);
}
#ssk-app .ssk-static-products{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:22px;
}
#ssk-app .ssk-static-product-card{
	position:relative;
	overflow:hidden;
	border:1px solid var(--ssk-proto-border);
	border-radius:30px;
	background:#fffdf9;
	box-shadow:0 12px 34px -24px rgba(47,29,70,.34);
	transition:transform .24s ease, box-shadow .24s ease;
}
#ssk-app .ssk-static-product-card:hover{
	transform:translateY(-5px);
	box-shadow:var(--ssk-proto-shadow);
}
#ssk-app .ssk-static-product-card img{
	display:block;
	width:100%;
	aspect-ratio:1 / 1;
	object-fit:cover;
	background:linear-gradient(180deg, rgba(255,253,249,.96), rgba(239,232,251,.78));
}
#ssk-app .ssk-static-product-card > div{
	padding:18px;
}
#ssk-app .ssk-static-product-card p{
	display:flex;
	gap:7px;
	margin:0 0 8px;
	color:var(--ssk-proto-muted);
	font-size:12px;
}
#ssk-app .ssk-static-product-card p i{
	color:var(--ssk-proto-gold);
}
#ssk-app .ssk-static-product-card h3{
	margin:0;
	font-family:var(--ssk-font-heading);
	font-size:22px;
	line-height:1.15;
	color:var(--ssk-proto-ink);
}
#ssk-app .ssk-static-product-card small{
	display:block;
	margin-top:7px;
	color:var(--ssk-proto-muted);
	font-size:13px;
	line-height:1.45;
}
#ssk-app .ssk-static-product-card strong{
	display:block;
	margin-top:14px;
	font-family:var(--ssk-font-heading);
	font-size:26px;
	line-height:1;
	color:var(--ssk-proto-primary);
}
#ssk-app .ssk-static-product-card .ssk-badge-pill{
	position:absolute;
	top:12px;
	left:12px;
	z-index:2;
	background:linear-gradient(135deg, var(--ssk-proto-primary), var(--ssk-proto-primary-2));
}
#ssk-app .ssk-bestie-cta{
	margin-top:28px;
	text-align:center;
}
#ssk-app .ssk-membership-section{
	padding:clamp(76px, 7vw, 118px) 0;
}
#ssk-app .ssk-membership-section .ssk-proto-section__head{
	display:block;
	max-width:760px;
	margin:0 auto 48px;
	text-align:center;
}
#ssk-app .ssk-plan-grid{
	gap:26px;
}
#ssk-app .ssk-plan-card{
	padding:32px;
	border-radius:30px;
}
#ssk-app .ssk-plan-card--popular{
	background:linear-gradient(135deg, var(--ssk-proto-primary), var(--ssk-proto-primary-2));
	color:#fff;
	border-color:transparent;
	box-shadow:0 24px 58px -22px rgba(75,45,115,.52);
	transform:scale(1.04);
}
#ssk-app .ssk-plan-card--popular h3,
#ssk-app .ssk-plan-card--popular strong,
#ssk-app .ssk-plan-card--popular li,
#ssk-app .ssk-plan-card--popular .ssk-plan-emoji{
	color:#fff;
}
#ssk-app .ssk-plan-emoji{
	display:block;
	font-size:42px;
	line-height:1;
}
#ssk-app .ssk-plan-card strong{
	display:block;
	margin-top:12px;
	font-family:var(--ssk-font-heading);
	font-size:44px;
	line-height:1;
	color:var(--ssk-proto-primary);
}
#ssk-app .ssk-plan-join{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:46px;
	margin-top:4px;
	border-radius:999px;
	color:#fff;
	background:linear-gradient(135deg, var(--ssk-proto-primary), var(--ssk-proto-primary-2));
	font-weight:850;
}
#ssk-app .ssk-plan-card--popular .ssk-plan-join{
	color:var(--ssk-proto-primary);
	background:#fffaf4;
}
#ssk-app .ssk-video-card > span{
	aspect-ratio:16 / 9;
}
#ssk-app .ssk-testimonial-card{
	margin:0;
}
#ssk-app .ssk-testimonial-card blockquote{
	margin:0;
}
#ssk-app .ssk-testimonial-card blockquote::before{
	content:"★★★★★";
	display:block;
	margin-bottom:14px;
	color:var(--ssk-proto-gold);
	font-size:14px;
	letter-spacing:1px;
	font-style:normal;
}
#ssk-app .ssk-testimonial-card figcaption{
	margin-top:14px;
	color:var(--ssk-proto-primary);
	font-size:12px;
	font-weight:850;
}
#ssk-app .ssk-final-cta .ssk-container{
	max-width:min(760px, calc(100% - 32px));
	margin-left:max(16px, calc((100% - 1160px) / 2));
}
#ssk-app .ssk-final-cta h2 span{
	display:inline;
}
@media (max-width:1100px){
	#ssk-app .ssk-proto-hero__grid,
	#ssk-app .ssk-bestie-layout{
		grid-template-columns:1fr;
	}
	#ssk-app .ssk-hero-collage{
		width:min(100%, 640px);
		margin:30px auto 0;
	}
	#ssk-app .ssk-bestie-side{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
	#ssk-app .ssk-static-products{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media (max-width:720px){
	#ssk-app .ssk-proto-hero{
		min-height:auto;
	}
	#ssk-app .ssk-proto-hero .ssk-container{
		padding-top:34px;
		padding-bottom:78px;
	}
	#ssk-app .ssk-proto-h1{
		font-size:clamp(3.2rem, 17vw, 4.6rem);
	}
	#ssk-app .ssk-community-proof{
		align-items:center;
	}
	#ssk-app .ssk-proof-stack i{
		width:34px;
		height:34px;
	}
	#ssk-app .ssk-hero-collage{
		min-height:360px;
	}
	#ssk-app .ssk-hero-collage__main{
		width:64%;
	}
	#ssk-app .ssk-hero-collage__mini--1{
		width:48%;
	}
	#ssk-app .ssk-hero-collage__mini--2{
		width:58%;
	}
	#ssk-app .ssk-glass-grid{
		grid-template-columns:1fr;
	}
	#ssk-app .ssk-goal-tile{
		flex-basis:calc(76vw - 22px);
	}
	#ssk-app .ssk-bestie-side,
	#ssk-app .ssk-static-products,
	#ssk-app .ssk-plan-grid,
	#ssk-app .ssk-testimonial-grid{
		grid-template-columns:1fr;
	}
	#ssk-app .ssk-plan-card--popular{
		transform:none;
	}
	#ssk-app .ssk-membership-section .ssk-proto-section__head{
		text-align:left;
	}
	#ssk-app .ssk-final-cta .ssk-container{
		max-width:min(760px, calc(100% - 22px));
		margin-left:auto;
	}
}
#ssk-app .ssk-plan-card--popular strong{
	color:#fff;
}

/* S&S Savings Haven parity for remaining SSK pages. */
#ssk-app{
	--primary-purple:#d8c8f2;
	--primary-purple-dark:#4b2d73;
	--accent-teal:#b98aa8;
	--accent-teal-dark:#7651a0;
	--accent-pink:#e8c8dc;
	--accent-vine:#a9c7b0;
	--accent-gold:#d8b76a;
	--ssk-ink:#251737;
	--ssk-soft:rgba(111,96,122,.92);
	--ssk-surface:rgba(255,253,249,.82);
	--ssk-surface-strong:rgba(255,253,249,.94);
	--ssk-border:rgba(75,45,115,.14);
	--ssk-shadow:0 18px 52px -18px rgba(47,29,70,.28);
	--ssk-page-bg:
		radial-gradient(circle at 10% 0%, rgba(239,232,251,.9), transparent 40%),
		radial-gradient(circle at 90% 30%, rgba(246,232,194,.68), transparent 42%),
		#fffaf4;
}
body.ssk-remodel-phase1 #ssk-app{
	--ssk-page-bg:
		radial-gradient(circle at 10% 0%, rgba(239,232,251,.9), transparent 40%),
		radial-gradient(circle at 90% 30%, rgba(246,232,194,.68), transparent 42%),
		#fffaf4;
	--ssk-surface:rgba(255,253,249,.82);
	--ssk-surface-strong:rgba(255,253,249,.94);
	--ssk-border:rgba(75,45,115,.14);
	--ssk-shadow:0 18px 52px -18px rgba(47,29,70,.28);
}
#ssk-app .ssk-page:not(.ssk-prototype-home),
#ssk-app .ssk-shop.shop-gradient-bg{
	background:
		radial-gradient(circle at 10% 0%, rgba(239,232,251,.92), transparent 40%),
		radial-gradient(circle at 88% 22%, rgba(216,183,106,.20), transparent 36%),
		linear-gradient(180deg, #fffaf4 0%, #fffdf9 48%, #f5edff 100%) !important;
	color:#251737;
}
#ssk-app .ssk-page:not(.ssk-prototype-home)::before{
	background:
		linear-gradient(180deg, rgba(255,250,244,.86), rgba(255,250,244,.66) 42%, rgba(255,250,244,.9)),
		var(--ssk-garden-bg) center top / cover no-repeat;
	opacity:.28;
}
#ssk-app .ssk-page:not(.ssk-prototype-home)::after{
	background:
		radial-gradient(760px 440px at 8% 8%, rgba(216,200,242,.34), transparent 62%),
		radial-gradient(720px 460px at 94% 12%, rgba(216,183,106,.20), transparent 58%),
		radial-gradient(860px 540px at 76% 92%, rgba(185,138,168,.18), transparent 63%);
}
#ssk-app .ssk-page:not(.ssk-prototype-home) .ssk-container,
#ssk-app .ssk-shop .ssk-container{
	max-width:min(1160px, calc(100% - 32px));
	padding-left:0;
	padding-right:0;
}
#ssk-app .ssk-page:not(.ssk-prototype-home) main > section:first-child{
	padding-top:clamp(42px, 5.5vw, 86px) !important;
	padding-bottom:clamp(46px, 6vw, 92px) !important;
}
#ssk-app .ssk-page:not(.ssk-prototype-home) main > section:not(:first-child){
	padding-top:clamp(42px, 5vw, 76px) !important;
	padding-bottom:clamp(42px, 5vw, 76px) !important;
}
/* Hero-frame intentionally excluded — see Hero v2 system above (line ~440) */
#ssk-app .ssk-hero-card,
#ssk-app .compact-card,
#ssk-app .shop-card,
#ssk-app .category-card,
#ssk-app .ssk-media,
#ssk-app .woocommerce form,
#ssk-app .woocommerce table.shop_table,
#ssk-app .woocommerce .cart_totals,
#ssk-app .woocommerce-checkout-review-order,
#ssk-app .woocommerce-MyAccount-navigation,
#ssk-app .woocommerce-MyAccount-content{
	border:1px solid rgba(75,45,115,.14) !important;
	border-radius:30px !important;
	background:rgba(255,253,249,.84) !important;
	box-shadow:0 18px 52px -24px rgba(47,29,70,.30) !important;
	backdrop-filter:blur(14px);
}
#ssk-app .ssk-garden-panel{
	background:
		linear-gradient(180deg, rgba(255,253,249,.74), rgba(255,253,249,.92)),
		var(--ssk-garden-bg) center / cover no-repeat !important;
}
/* .ssk-hero-eyebrow intentionally excluded — see Hero v2 system above (line ~497) */
#ssk-app .badge-glow,
#ssk-app .ssk-chip,
#ssk-app .filter-pill,
#ssk-app .corner-chip{
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-height:32px;
	padding:7px 14px;
	border:1px solid rgba(75,45,115,.20) !important;
	border-radius:999px !important;
	background:rgba(255,253,249,.78) !important;
	color:#4b2d73 !important;
	box-shadow:0 8px 26px -18px rgba(47,29,70,.35);
	font-size:12px;
	font-weight:750;
	line-height:1.2;
	backdrop-filter:blur(12px);
}
/* When .badge-glow is used as a hero eyebrow (page-learn etc.), match v2 gradient look */
#ssk-app .hero-frame .badge-glow{
	background:linear-gradient(92deg,#6d28d9 0%, #7c3aed 45%, #14b8a6 100%) !important;
	border:1px solid rgba(255,255,255,.35) !important;
	color:#fff !important;
	padding:.4rem .85rem !important;
	letter-spacing:.06em;
	text-transform:uppercase;
	font-size:.72rem;
	font-weight:800;
	box-shadow:
		0 1px 0 rgba(255,255,255,.4) inset,
		0 10px 26px -10px rgba(124,58,237,.55) !important;
}
#ssk-app .hero-frame .badge-glow > i{ color:#fff; }
#ssk-app .ssk-h1,
#ssk-app .ssk-page:not(.ssk-prototype-home) h1{
	font-family:var(--ssk-font-heading);
	font-size:clamp(3.15rem, 6.8vw, 6.65rem);
	font-weight:800;
	line-height:1.04;
	letter-spacing:0;
	color:#251737;
}
#ssk-app .ssk-h2,
#ssk-app .ssk-page:not(.ssk-prototype-home) h2{
	font-family:var(--ssk-font-heading);
	font-size:clamp(2rem, 4.2vw, 4rem);
	font-weight:800;
	line-height:1.06;
	letter-spacing:0;
	color:#251737;
}
#ssk-app .ssk-page:not(.ssk-prototype-home) h3{
	font-family:var(--ssk-font-heading);
	font-size:clamp(1.35rem, 2vw, 2rem);
	font-weight:800;
	line-height:1.15;
	letter-spacing:0;
	color:#251737;
}
#ssk-app .ssk-page:not(.ssk-prototype-home) p,
#ssk-app .ssk-page:not(.ssk-prototype-home) li,
#ssk-app .ssk-page:not(.ssk-prototype-home) .text-gray-700\/80,
#ssk-app .ssk-page:not(.ssk-prototype-home) .text-gray-600{
	color:#6f607a !important;
}
#ssk-app .ssk-page:not(.ssk-prototype-home) .text-gray-900,
#ssk-app .ssk-page:not(.ssk-prototype-home) strong{
	color:#251737 !important;
}
#ssk-app .ssk-page:not(.ssk-prototype-home) a:not(.ssk-proto-btn):not(.button),
#ssk-app .ssk-shop a:not(.button){
	color:#4b2d73;
}
#ssk-app .bg-gradient-to-r.from-purple-700.to-teal-500,
#ssk-app .bg-gradient-to-r.from-teal-500.to-sky-500,
#ssk-app .bg-gradient-to-r.from-purple-700.to-teal-500.text-white,
#ssk-app .btn-sheen.bg-gradient-to-r,
#ssk-app .ssk-shop .bg-gradient-to-r,
#ssk-app .btn-sheen[style*="background"],
#ssk-app .ssk-plan-cta--primary{
	background-image:linear-gradient(135deg, #4b2d73, #7651a0) !important;
	background-color:#4b2d73 !important;
	color:#fff !important;
}
#ssk-app .bg-clip-text.text-transparent,
#ssk-app .text-transparent.bg-clip-text{
	background-image:linear-gradient(135deg, #4b2d73, #b98aa8) !important;
	background-color:transparent !important;
	color:transparent !important;
	-webkit-background-clip:text !important;
	background-clip:text !important;
	text-shadow:none !important;
}
#ssk-app .border-purple-700,
#ssk-app .border-teal-500{
	border-color:rgba(75,45,115,.30) !important;
}
#ssk-app .text-purple-700,
#ssk-app .text-teal-700,
#ssk-app .hover\:text-purple-800:hover,
#ssk-app .hover\:text-teal-800:hover{
	color:#4b2d73 !important;
}
#ssk-app .btn-sheen,
#ssk-app a[class*="px-"],
#ssk-app button[class*="px-"],
#ssk-app .ssk-plan-cta,
#ssk-app .button,
#ssk-app .wp-element-button,
#ssk-app .woocommerce a.button,
#ssk-app .woocommerce button.button,
#ssk-app .woocommerce input.button{
	border-radius:999px !important;
	font-weight:850 !important;
	text-decoration:none !important;
}
#ssk-app .btn-sheen:hover,
#ssk-app .button:hover,
#ssk-app .compact-card:hover,
#ssk-app .shop-card:hover,
#ssk-app .category-card:hover{
	transform:translateY(-3px);
	box-shadow:0 24px 58px -22px rgba(75,45,115,.36) !important;
}
#ssk-app .ssk-section-band,
#ssk-app .ssk-section-band--mist,
#ssk-app .ssk-section-band--rose,
#ssk-app .soft-sep,
#ssk-app .bg-white,
#ssk-app .bg-white\/50,
#ssk-app .bg-gradient-to-b{
	background:transparent !important;
}
#ssk-app .ssk-grid-auto > *,
#ssk-app .grid > .compact-card,
#ssk-app .ssk-shop .category-card{
	min-height:100%;
}
#ssk-app .ssk-media{
	overflow:hidden;
	background:linear-gradient(135deg, rgba(216,200,242,.72), rgba(239,232,251,.92)) !important;
}
#ssk-app .ssk-media iframe,
#ssk-app .ssk-media img{
	border-radius:inherit;
}
#ssk-app .woocommerce ul.products li.product{
	border:1px solid rgba(75,45,115,.14) !important;
	border-radius:30px !important;
	background:#fffdf9 !important;
	box-shadow:0 12px 34px -24px rgba(47,29,70,.34) !important;
	overflow:hidden;
}
#ssk-app .woocommerce ul.products li.product .button,
#ssk-app .woocommerce .single_add_to_cart_button,
#ssk-app .woocommerce .checkout-button,
#ssk-app .woocommerce #place_order{
	background:linear-gradient(135deg, #4b2d73, #7651a0) !important;
	color:#fff !important;
	border:0 !important;
	border-radius:999px !important;
}
#ssk-app .woocommerce ul.products li.product .price,
#ssk-app .woocommerce div.product p.price,
#ssk-app .woocommerce div.product span.price{
	color:#4b2d73 !important;
	font-family:var(--ssk-font-heading);
	font-weight:800;
}
#ssk-app .ssk-float-cart{
	background:rgba(255,253,249,.92);
	border-color:rgba(75,45,115,.18);
	box-shadow:0 18px 50px rgba(47,29,70,.18);
}
#ssk-app .ssk-float-cart__icon{
	background:linear-gradient(135deg, #4b2d73, #7651a0);
}
@media (max-width:720px){
	#ssk-app .ssk-page:not(.ssk-prototype-home) .ssk-container,
	#ssk-app .ssk-shop .ssk-container{
		max-width:min(1160px, calc(100% - 22px));
	}
	#ssk-app .ssk-page:not(.ssk-prototype-home) main > section:first-child{
		padding-top:30px !important;
		padding-bottom:36px !important;
	}
	#ssk-app .ssk-page:not(.ssk-prototype-home) main > section:not(:first-child){
		padding-top:34px !important;
		padding-bottom:34px !important;
	}
	#ssk-app .ssk-h1,
	#ssk-app .ssk-page:not(.ssk-prototype-home) h1{
		font-size:clamp(2.65rem, 14vw, 4rem);
	}
	#ssk-app .ssk-h2,
	#ssk-app .ssk-page:not(.ssk-prototype-home) h2{
		font-size:clamp(1.9rem, 10vw, 3rem);
	}
	#ssk-app .hero-frame,
	#ssk-app .ssk-hero-card,
	#ssk-app .compact-card,
	#ssk-app .shop-card,
	#ssk-app .category-card,
	#ssk-app .ssk-media{
		border-radius:24px !important;
	}
}