.yoko-seasonal-page {
	--season-accent: var(--yoko-accent, #702587);
	--season-dark: var(--yoko-accent-dark, #4d1767);
	--season-surface: var(--yoko-bg-soft, #fbf8fd);
	overflow: clip;
	background: #fff;
}
.yoko-seasonal-section { padding-block: clamp(44px, 5.5vw, 78px); }
.yoko-seasonal-section + .yoko-seasonal-section { padding-top: 0; }
.yoko-seasonal-section-heading { margin-bottom: clamp(24px, 3vw, 36px); text-align: center; }
.yoko-seasonal-section-heading h2 { display: inline-flex; align-items: center; gap: 9px; color: var(--season-dark); font-size: clamp(28px, 2.5vw, 36px); line-height: 1.15; letter-spacing: -.025em; text-transform: uppercase; }
.yoko-seasonal-section-heading p { margin-top: 7px; color: var(--yoko-muted); font-size: 16px; }
.yoko-seasonal-center { display: flex; justify-content: center; margin-top: 28px; }

/* Hero */
.yoko-seasonal-hero {
	position: relative;
	min-height: clamp(620px, 45vw, 720px);
	overflow: hidden;
	isolation: isolate;
	background: var(--hero-bg, var(--season-surface));
}
.yoko-seasonal-hero-media { position: absolute; inset: 0; z-index: -3; }
.yoko-seasonal-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--hero-position, center); }
.yoko-seasonal-hero-overlay { position: absolute; inset: 0; z-index: -2; background: var(--hero-overlay, #fff); opacity: var(--hero-overlay-opacity, 0); }
.yoko-seasonal-hero.no-media::before { content: ""; position: absolute; inset: 0; z-index: -3; background: radial-gradient(circle at 72% 38%, color-mix(in srgb, var(--season-accent) 12%, transparent), transparent 34%), linear-gradient(115deg, var(--season-surface), #fff 70%); }
.yoko-seasonal-hero-inner { min-height: inherit; display: flex; align-items: center; }
.yoko-seasonal-hero-copy { width: min(var(--hero-content-width, 44%), 620px); padding-block: 72px; }
.yoko-seasonal-hero.align-center .yoko-seasonal-hero-copy { margin-inline: auto; text-align: center; }
.yoko-seasonal-hero.align-right .yoko-seasonal-hero-copy { margin-left: auto; }
.yoko-seasonal-hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 8px 16px; border: 1px solid currentColor; border-radius: var(--yoko-radius-pill); color: var(--hero-badge, var(--season-dark)); font-size: 14px; font-weight: 700; letter-spacing: .04em; }
.yoko-seasonal-hero-badge svg { width: 18px; height: 18px; }
.yoko-seasonal-hero h1 { color: var(--hero-title, var(--season-dark)); font-family: var(--hero-title-font, var(--yoko-font)); font-size: clamp(58px, 5vw, 78px); line-height: 1.02; letter-spacing: -.04em; }
.yoko-seasonal-hero-subtitle { margin-top: 4px; color: var(--hero-subtitle, var(--season-accent)); font-family: var(--hero-subtitle-font, var(--yoko-script-font)); font-size: clamp(38px, 3.4vw, 48px); font-weight: 600; line-height: 1.1; }
.yoko-seasonal-hero-description { max-width: 500px; margin-top: 22px; color: var(--hero-text, var(--yoko-text)); font-size: 18px; line-height: 1.65; }
.yoko-seasonal-hero .yoko-seasonal-button { margin-top: 25px; }
.yoko-seasonal-hero-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 520px; margin-top: 28px; overflow: hidden; border: 1px solid rgba(112,37,135,.08); border-radius: 14px; background: var(--hero-feature-bg, rgba(255,255,255,.9)); box-shadow: var(--yoko-shadow-sm); backdrop-filter: blur(8px); }
.yoko-seasonal-hero-feature { min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 16px 12px; color: var(--hero-feature-color, var(--season-dark)); text-align: center; }
.yoko-seasonal-hero-feature + .yoko-seasonal-hero-feature { border-left: 1px solid rgba(112,37,135,.1); }
.yoko-seasonal-hero-feature svg { width: 38px; height: 38px; }
.yoko-seasonal-hero-feature strong { font-size: 13px; font-weight: 700; line-height: 1.3; }
.yoko-seasonal-hero-feature span { font-size:13px; line-height: 1.25; }

/* Trust */
.yoko-seasonal-trust-wrap { position: relative; z-index: 2; }
.yoko-seasonal-trust-wrap.is-overlap { margin-top: -34px; }
.yoko-seasonal-trust-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); overflow: hidden; border: 1px solid var(--yoko-border); border-radius: 18px; background: #fff; box-shadow: var(--yoko-shadow-md); }
.yoko-seasonal-trust-item { min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 18px; text-align: center; }
.yoko-seasonal-trust-item + .yoko-seasonal-trust-item { border-left: 1px solid var(--yoko-border); }
.yoko-seasonal-icon-wrap { color: var(--yoko-primary); }
.yoko-seasonal-icon-wrap svg { width: 50px; height: 50px; }
.yoko-seasonal-trust-value { margin-top: 10px; color: var(--yoko-primary); font-size: 30px; line-height: 1.1; }
.yoko-seasonal-trust-title { margin-top: 6px; color: var(--season-dark); font-size: 13px; line-height: 1.3; text-transform: uppercase; }
.yoko-seasonal-trust-item > span:last-child { max-width: 190px; margin-top: 8px; color: var(--yoko-muted); font-size: 14px; line-height: 1.5; }

/* Products */
.yoko-seasonal-product-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
.yoko-seasonal-product-card { border-radius: 10px; }
.yoko-seasonal-product-media { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: #f7f5f8; }
.yoko-seasonal-product-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 250ms ease, transform 350ms ease; }
.yoko-seasonal-product-secondary { opacity: 0; }
.yoko-seasonal-product-card:hover .yoko-seasonal-product-secondary { opacity: 1; }
.yoko-seasonal-product-card:hover .yoko-seasonal-product-primary { opacity: 0; }
.yoko-seasonal-product-badge { position: absolute; z-index: 2; top: 9px; left: 9px; padding: 5px 9px; border-radius: 5px; background: var(--season-accent); color: #fff; font-size:13px; font-weight: 700; }
.yoko-seasonal-product-info { padding: 13px 13px 15px; }
.yoko-seasonal-product-info h3 { min-height: 2.8em; font-size: 15px; font-weight: 600; line-height: 1.4; }
.yoko-seasonal-product-price { margin-top: 7px; color: var(--yoko-heading); font-size: 17px; font-weight: 700; }
.yoko-seasonal-swatches { display: flex; gap: 6px; margin-top: 8px; }
.yoko-seasonal-swatches span { width: 11px; height: 11px; border: 1px solid rgba(0,0,0,.12); border-radius: 50%; background: var(--swatch); }

/* Styling */
.yoko-seasonal-styling-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.yoko-seasonal-styling-card { position: relative; min-height: 390px; overflow: hidden; border-radius: 16px; background: var(--season-surface); }
.yoko-seasonal-styling-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.yoko-seasonal-styling-card:hover img { transform: scale(1.035); }
.yoko-seasonal-card-shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 38%, rgba(15,13,20,.62)); }
.yoko-seasonal-styling-copy { position: absolute; inset: auto 20px 20px; display: grid; gap: 7px; color: #fff; }
.yoko-seasonal-styling-copy em { width: fit-content; padding: 5px 10px; border-radius: var(--yoko-radius-pill); background: rgba(255,255,255,.9); color: var(--season-dark); font-size:13px; font-style: normal; font-weight: 700; }
.yoko-seasonal-styling-copy strong { font-size: 22px; }
.yoko-seasonal-styling-copy small { font-size: 15px; }
.yoko-seasonal-styling-copy b { width: 42px; height: 42px; display: grid; place-items: center; margin-top: 4px; border-radius: 50%; background: #fff; color: var(--season-dark); font-size: 26px; }

/* Categories */
.yoko-seasonal-category-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 18px; }
.yoko-seasonal-category-card { min-width: 0; text-align: center; }
.yoko-seasonal-category-image { width: min(132px, 100%); aspect-ratio: 1; display: grid; place-items: center; margin-inline: auto; overflow: hidden; border-radius: 50%; background: color-mix(in srgb, var(--season-surface) 82%, #fff); }
.yoko-seasonal-category-image img { width: 100%; height: 100%; object-fit: contain; padding: 10px; }
.yoko-seasonal-category-fallback { width: 48px; height: 48px; color: var(--season-accent); }
.yoko-seasonal-category-card strong { display: block; margin-top: 12px; color: var(--yoko-heading); font-size: 13px; font-weight: 600; line-height: 1.35; text-transform: uppercase; }

/* Newsletter */
.yoko-seasonal-newsletter { padding-top: 10px; }
.yoko-seasonal-newsletter-box { min-height: 180px; display: grid; grid-template-columns: minmax(120px, .7fr) 1.6fr 2.2fr; align-items: center; gap: 28px; padding: 28px 40px; overflow: hidden; border: 1px solid var(--yoko-border); border-radius: 18px; background-color: var(--newsletter-bg); background-image: var(--newsletter-image, none); background-size: cover; color: var(--newsletter-text); box-shadow: var(--yoko-shadow-sm); }
.yoko-seasonal-newsletter-mascot img { max-height: 160px; margin-inline: auto; object-fit: contain; }
.yoko-seasonal-newsletter-copy h2 { color: inherit; font-size: clamp(27px, 2.5vw, 38px); line-height: 1.12; }
.yoko-seasonal-newsletter-copy p { margin-top: 8px; font-size: 15px; }
.yoko-seasonal-form-preview { display: grid; grid-template-columns: 1fr auto; }
.yoko-seasonal-form-preview input { min-width: 0; height: 52px; padding: 0 18px; border: 1px solid var(--yoko-border); border-radius: 8px 0 0 8px; background: #fff; font: inherit; }
.yoko-seasonal-form-preview button { min-width: 160px; border: 0; border-radius: 0 8px 8px 0; background: var(--newsletter-button); color: var(--newsletter-button-text); font-weight: 700; }
.yoko-seasonal-newsletter-points { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 14px; }
.yoko-seasonal-newsletter-points span { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; }
.yoko-seasonal-newsletter-points svg { width: 20px; height: 20px; }

/* Service */
.yoko-seasonal-services { padding-block: 26px 54px; }
.yoko-seasonal-services-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--yoko-border); border-radius: 14px; background: #fff; }
.yoko-seasonal-service-item { min-height: 104px; display: flex; align-items: center; gap: 14px; padding: 20px 24px; }
.yoko-seasonal-service-item + .yoko-seasonal-service-item { border-left: 1px solid var(--yoko-border); }
.yoko-seasonal-service-icon { flex: 0 0 44px; color: var(--yoko-primary); }
.yoko-seasonal-service-icon svg { width: 44px; height: 44px; }
.yoko-seasonal-service-item strong, .yoko-seasonal-service-item span { display: block; }
.yoko-seasonal-service-item strong { color: var(--yoko-heading); font-size: 14px; }
.yoko-seasonal-service-item span { margin-top: 3px; color: var(--yoko-muted); font-size: 13px; }

.yoko-seasonal-empty { padding: 32px; border-radius: 12px; background: var(--season-surface); text-align: center; }

@media (max-width: 1199px) {
	.yoko-seasonal-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.yoko-seasonal-trust-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.yoko-seasonal-trust-item:nth-last-child(-n+2) { border-top: 1px solid var(--yoko-border); }
	.yoko-seasonal-trust-item:nth-child(4) { border-left: 0; }
	.yoko-seasonal-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
	.yoko-seasonal-hero-copy { width: min(52%, 560px); }
	.yoko-seasonal-styling-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yoko-seasonal-newsletter-box { grid-template-columns: 140px 1fr; }
	.yoko-seasonal-newsletter-form { grid-column: 1 / -1; }
	.yoko-seasonal-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yoko-seasonal-service-item:nth-child(3), .yoko-seasonal-service-item:nth-child(4) { border-top: 1px solid var(--yoko-border); }
	.yoko-seasonal-service-item:nth-child(3) { border-left: 0; }
}

@media (max-width: 767px) {
	.yoko-seasonal-section { padding-block: 48px; }
	.yoko-seasonal-hero { min-height: auto; display: grid; background: var(--season-surface); }
	.yoko-seasonal-hero-media { position: relative; inset: auto; z-index: 0; grid-row: 2; height: min(110vw, 620px); }
	.yoko-seasonal-hero-media img { object-position: var(--hero-position-mobile, center); }
	.yoko-seasonal-hero-overlay { display: none; }
	.yoko-seasonal-hero-inner { min-height: 0; grid-row: 1; padding-block: 36px 24px; }
	.yoko-seasonal-hero-copy { width: 100%; padding: 0; }
	.yoko-seasonal-hero h1 { font-size: clamp(36px, 12vw, 42px); }
	.yoko-seasonal-hero-subtitle { font-size: clamp(28px, 8vw, 34px); }
	.yoko-seasonal-hero-description { margin-top: 16px; font-size: 15px; }
	.yoko-seasonal-hero .yoko-seasonal-button { width: 100%; margin-top: 20px; }
	.yoko-seasonal-hero-features { max-width: none; margin-top: 18px; }
	.yoko-seasonal-hero-feature { min-height: 96px; padding: 11px 6px; }
	.yoko-seasonal-hero-feature svg { width: 30px; height: 30px; }
	.yoko-seasonal-hero-feature strong { font-size:13px; }
	.yoko-seasonal-hero-feature span { font-size:13px; }
	.yoko-seasonal-trust-wrap.is-overlap { margin-top: -22px; }
	.yoko-seasonal-trust-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; border-radius: 14px; }
	.yoko-seasonal-trust-item { flex: 0 0 78%; min-height: 180px; scroll-snap-align: start; border-left: 1px solid var(--yoko-border); border-top: 0 !important; }
	.yoko-seasonal-trust-item:first-child { border-left: 0; }
	.yoko-seasonal-icon-wrap svg { width: 40px; height: 40px; }
	.yoko-seasonal-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.yoko-seasonal-styling-grid { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.yoko-seasonal-styling-grid::-webkit-scrollbar { display: none; }
	.yoko-seasonal-styling-card { flex: 0 0 82%; min-height: 360px; scroll-snap-align: start; }
	.yoko-seasonal-category-grid { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.yoko-seasonal-category-grid::-webkit-scrollbar { display: none; }
	.yoko-seasonal-category-card { flex: 0 0 30%; scroll-snap-align: start; }
	.yoko-seasonal-category-image { width: 100%; }
	.yoko-seasonal-newsletter-box { min-height: 0; grid-template-columns: 82px 1fr; gap: 14px; padding: 22px 18px; }
	.yoko-seasonal-newsletter-copy h2 { font-size: 23px; }
	.yoko-seasonal-newsletter-copy p { font-size: 13px; }
	.yoko-seasonal-newsletter-form { grid-column: 1 / -1; }
	.yoko-seasonal-form-preview { grid-template-columns: 1fr; gap: 8px; }
	.yoko-seasonal-form-preview input, .yoko-seasonal-form-preview button { width: 100%; min-width: 0; border-radius: 8px; }
	.yoko-seasonal-newsletter-points { display: grid; grid-template-columns: 1fr; }
	.yoko-seasonal-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yoko-seasonal-service-item { min-height: 112px; align-items: flex-start; padding: 16px 12px; }
	.yoko-seasonal-service-icon { flex-basis: 36px; }
	.yoko-seasonal-service-icon svg { width: 36px; height: 36px; }
	.yoko-seasonal-service-item strong { font-size:13px; }
	.yoko-seasonal-service-item span { font-size:13px; }
}


/* =========================================================
   YOKO v2.1 visual parity & resilient media fallbacks
   ========================================================= */
.yoko-seasonal-hero.no-media { min-height: clamp(620px, 45vw, 720px); }
.yoko-seasonal-hero-fallback-visual {
	position: absolute; z-index: -1; inset: 0 0 0 48%; overflow: hidden;
	background: radial-gradient(circle at 60% 40%, color-mix(in srgb, var(--season-accent) 18%, #fff), transparent 55%);
}
.yoko-seasonal-hero-fallback-card { position: absolute; overflow: hidden; border: 10px solid rgba(255,255,255,.85); border-radius: 30px; box-shadow: 0 24px 70px rgba(50,24,60,.16); background:#fff; }
.yoko-seasonal-hero-fallback-card img { width:100%; height:100%; object-fit:cover; }
.yoko-seasonal-hero-fallback-card.card-1 { width:42%; height:72%; left:16%; bottom:-4%; transform:rotate(-3deg); }
.yoko-seasonal-hero-fallback-card.card-2 { width:34%; height:58%; right:3%; top:8%; transform:rotate(4deg); }
.yoko-seasonal-hero-fallback-card.card-3 { width:28%; height:42%; right:17%; bottom:-5%; transform:rotate(-2deg); }
.yoko-seasonal-hero.no-media::after { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,var(--season-surface) 0 47%,rgba(255,255,255,.15) 64%,rgba(255,255,255,0)); }
.yoko-seasonal-hero-copy { position:relative; z-index:2; }
.yoko-seasonal-product-grid { gap:20px; }
.yoko-seasonal-product-card .yoko-product-card__content { padding:15px 14px 17px; }
.yoko-seasonal-product-info h3 { min-height:3em; font-size:16px; }
.yoko-seasonal-product-price { font-size:18px; }
.yoko-seasonal-styling { display:block; }
.yoko-seasonal-styling-card { min-height:420px; }
.yoko-seasonal-category-fallback { width:56px; height:56px; }
.yoko-seasonal-newsletter-box.no-mascot { grid-template-columns:minmax(260px,.9fr) minmax(480px,2fr); }
.yoko-seasonal-newsletter-box.no-mascot .yoko-seasonal-newsletter-mascot { display:none; }
.yoko-seasonal-newsletter-box.no-mascot::before,
.yoko-seasonal-newsletter-box.no-mascot::after { content:""; position:absolute; border-radius:50%; background:color-mix(in srgb,var(--season-accent) 10%,transparent); pointer-events:none; }
.yoko-seasonal-newsletter-box { position:relative; }
.yoko-seasonal-newsletter-box.no-mascot::before { width:190px;height:190px;right:-65px;top:-90px; }
.yoko-seasonal-newsletter-box.no-mascot::after { width:110px;height:110px;left:-35px;bottom:-60px; }
.yoko-seasonal-trust-value { font-size:30px; }
.yoko-seasonal-trust-title { font-size:13px; }
.yoko-seasonal-trust-item > span:last-child { font-size:13px; }

@media (max-width: 991px) {
	.yoko-seasonal-newsletter-box.no-mascot { grid-template-columns:1fr; }
}
@media (max-width: 767px) {
	.yoko-seasonal-hero.no-media { display:grid; min-height:auto; }
	.yoko-seasonal-hero.no-media .yoko-seasonal-hero-inner { grid-row:1; }
	.yoko-seasonal-hero-fallback-visual { position:relative; inset:auto; z-index:0; grid-row:2; height:112vw; max-height:570px; background:linear-gradient(145deg,var(--season-surface),#fff); }
	.yoko-seasonal-hero.no-media::after { display:none; }
	.yoko-seasonal-hero-fallback-card { border-width:6px; border-radius:18px; }
	.yoko-seasonal-hero-fallback-card.card-1 { width:58%; height:76%; left:5%; bottom:-2%; }
	.yoko-seasonal-hero-fallback-card.card-2 { width:48%; height:61%; right:3%; top:4%; }
	.yoko-seasonal-hero-fallback-card.card-3 { width:36%; height:38%; right:15%; bottom:-2%; }
	.yoko-seasonal-hero-copy { padding-inline:0; }
	.yoko-seasonal-hero h1 { letter-spacing:-.025em; }
	.yoko-seasonal-trust-item { flex-basis:84%; min-height:172px; padding:20px 16px; }
	.yoko-seasonal-trust-value { font-size:28px; }
	.yoko-seasonal-trust-title { font-size:13px; }
	.yoko-seasonal-trust-item > span:last-child { font-size:13px; }
	.yoko-seasonal-product-grid { gap:12px; }
	.yoko-seasonal-product-info h3 { min-height:3.25em; font-size:14px; line-height:1.45; }
	.yoko-seasonal-product-price { font-size:16px; }
	.yoko-seasonal-styling-card { flex-basis:84%; min-height:330px; }
	.yoko-seasonal-styling-copy strong { font-size:20px; }
	.yoko-seasonal-category-card { flex-basis:31%; }
	.yoko-seasonal-category-card strong { font-size:13px; }
	.yoko-seasonal-newsletter-box.no-mascot { grid-template-columns:1fr; padding:24px 18px; }
	.yoko-seasonal-newsletter-box.no-mascot .yoko-seasonal-newsletter-copy { text-align:center; }
	.yoko-seasonal-newsletter-copy h2 { font-size:26px; }
	.yoko-seasonal-newsletter-copy p { font-size:15px; }
	.yoko-seasonal-newsletter-points { grid-template-columns:1fr 1fr; gap:10px; }
	.yoko-seasonal-service-item strong, .yoko-seasonal-service-item span { font-size:13px; }
}

/* =========================================================
   YOKO v2.4 — make Media Library SVG/WebP icons match SVG sizes
   ========================================================= */
.yoko-seasonal-hero-feature > .yoko-icon,
.yoko-seasonal-hero-feature > .yoko-seasonal-icon,
.yoko-seasonal-hero-feature .yoko-icon {
	width: 38px;
	height: 38px;
	object-fit: contain;
}
.yoko-seasonal-icon-wrap > .yoko-icon,
.yoko-seasonal-icon-wrap .yoko-icon {
	width: 50px;
	height: 50px;
	object-fit: contain;
}
.yoko-seasonal-service-icon > .yoko-icon,
.yoko-seasonal-service-icon .yoko-icon {
	width: 44px;
	height: 44px;
	object-fit: contain;
}
.yoko-seasonal-category-image .yoko-icon {
	width: 56px;
	height: 56px;
	object-fit: contain;
}
.yoko-seasonal-page .yoko-seasonal-button {
	background: linear-gradient(135deg, var(--yoko-primary), var(--yoko-primary-hover)) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
.yoko-seasonal-page .yoko-seasonal-button span { color: #fff !important; }

@media (max-width: 767px) {
	.yoko-seasonal-hero-feature > .yoko-icon,
	.yoko-seasonal-hero-feature > .yoko-seasonal-icon,
	.yoko-seasonal-hero-feature .yoko-icon { width: 30px; height: 30px; }
	.yoko-seasonal-icon-wrap > .yoko-icon,
	.yoko-seasonal-icon-wrap .yoko-icon { width: 40px; height: 40px; }
	.yoko-seasonal-service-icon > .yoko-icon,
	.yoko-seasonal-service-icon .yoko-icon { width: 36px; height: 36px; }
	.yoko-seasonal-category-image .yoko-icon { width: 46px; height: 46px; }
}

/* =========================================================
   YOKO v2.6 — seasonal screenshot parity
   ========================================================= */
.yoko-seasonal-page .yoko-seasonal-button,
.yoko-seasonal-page .yoko-seasonal-button:link,
.yoko-seasonal-page .yoko-seasonal-button:visited,
.yoko-seasonal-page .yoko-seasonal-button:hover,
.yoko-seasonal-page .yoko-seasonal-button:focus {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
.yoko-seasonal-section-heading h2 { font-size: clamp(30px, 2.7vw, 38px); }
.yoko-seasonal-product-info h3 { font-size: 15.5px; }
.yoko-seasonal-product-price { font-size: 17px; }
.yoko-seasonal-newsletter-box { min-height: 166px; }
.yoko-seasonal-services-grid { box-shadow: 0 4px 18px rgba(45,20,57,.04); }

@media (min-width: 1200px) {
	.yoko-seasonal-section { padding-block: clamp(54px, 5vw, 76px); }
	.yoko-seasonal-trust-item { min-height: 178px; }
	.yoko-seasonal-styling-card { min-height: 400px; }
}

@media (max-width: 767px) {
	.yoko-seasonal-section { padding-block: 42px; }
	.yoko-seasonal-section-heading { margin-bottom: 22px; }
	.yoko-seasonal-section-heading h2 { font-size: 25px; }
	.yoko-seasonal-section-heading p { font-size: 14px; }
	.yoko-seasonal-hero-inner { padding-block: 26px 18px; }
	.yoko-seasonal-hero h1 { font-size: clamp(34px, 11vw, 40px); }
	.yoko-seasonal-hero-subtitle { font-size: clamp(27px, 8vw, 33px); }
	.yoko-seasonal-hero-description { font-size: 15px; line-height: 1.6; }
	.yoko-seasonal-hero-fallback-visual { height: 102vw; max-height: 520px; }
	.yoko-seasonal-trust-wrap.is-overlap { margin-top: -16px; }
	.yoko-seasonal-trust-item { flex-basis: 78%; min-height: 164px; }
	.yoko-seasonal-product-info { padding: 11px 10px 13px; }
	.yoko-seasonal-product-info h3 { min-height: 3.2em; font-size: 13.5px; line-height: 1.42; }
	.yoko-seasonal-product-price { font-size: 15px; }
	.yoko-seasonal-styling-card { flex-basis: 80%; min-height: 320px; }
	.yoko-seasonal-category-card { flex-basis: 29%; }
	.yoko-seasonal-newsletter-box,
	.yoko-seasonal-newsletter-box.no-mascot { padding: 20px 14px; }
	.yoko-seasonal-newsletter-copy h2 { font-size: 23px; line-height: 1.15; }
	.yoko-seasonal-form-preview input,
	.yoko-seasonal-form-preview button { height: 48px; }
	.yoko-seasonal-newsletter-points { grid-template-columns: 1fr 1fr; }
	.yoko-seasonal-service-item { min-height: 102px; padding: 14px 10px; }
}

/* =========================================================
   YOKO v2.8 — larger seasonal icons and Direct Email form.
   ========================================================= */
.yoko-seasonal-hero-feature svg,
.yoko-seasonal-hero-feature img.yoko-icon { width: 46px; height: 46px; }
.yoko-seasonal-icon-wrap svg,
.yoko-seasonal-icon-wrap img.yoko-icon { width: 58px; height: 58px; }
.yoko-seasonal-service-icon svg,
.yoko-seasonal-service-icon img.yoko-icon { width: 48px; height: 48px; }
.yoko-seasonal-category-image svg,
.yoko-seasonal-category-image img.yoko-icon { width: 62px; height: 62px; }
.yoko-seasonal-newsletter .yoko-direct-email-fields button,
.yoko-seasonal-newsletter .yoko-direct-email-fields button:hover,
.yoko-seasonal-newsletter .yoko-direct-email-fields button:focus {
  border-color: var(--newsletter-button, var(--yoko-primary));
  background: var(--newsletter-button, var(--yoko-primary));
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
@media (max-width: 767px) {
  .yoko-seasonal-hero-feature svg,
  .yoko-seasonal-hero-feature img.yoko-icon { width: 36px; height: 36px; }
  .yoko-seasonal-icon-wrap svg,
  .yoko-seasonal-icon-wrap img.yoko-icon { width: 48px; height: 48px; }
  .yoko-seasonal-service-icon svg,
  .yoko-seasonal-service-icon img.yoko-icon { width: 42px; height: 42px; }
  .yoko-seasonal-category-image svg,
  .yoko-seasonal-category-image img.yoko-icon { width: 54px; height: 54px; }
}


/* v3.3 Frontend Cleanup */
.yoko-seasonal-page { color: var(--yoko-text); font-size: var(--yoko-copy-desktop); }
.yoko-seasonal-container { width:min(calc(100% - (var(--yoko-page-gutter)*2)),var(--yoko-content-max));max-width:var(--yoko-content-max);padding-inline:0; }
.yoko-seasonal-hero { overflow:hidden; }
.yoko-seasonal-hero__title { font-weight:700; }
.yoko-seasonal-products__grid { grid-template-columns:repeat(6,minmax(0,1fr));gap:18px; }
.yoko-seasonal-lookbook__grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:18px; }
.yoko-seasonal-category-icon { width:52px;height:52px; }
.yoko-seasonal-newsletter button { color:#fff;background:var(--yoko-primary); }
@media(max-width:1023px){.yoko-seasonal-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.yoko-seasonal-page{font-size:16px}.yoko-seasonal-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yoko-seasonal-lookbook__grid{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}.yoko-seasonal-lookbook__grid>*{scroll-snap-align:start}.yoko-seasonal-categories__grid{display:grid;grid-auto-flow:column;grid-auto-columns:29%;grid-template-columns:none;overflow-x:auto}.yoko-seasonal-category-icon{width:46px;height:46px}.yoko-seasonal-newsletter .yoko-form--newsletter{grid-template-columns:1fr}}