/* SavvyStyle Kids — clean, fresh, organic. */
:root{--forest:var(--text);--blue:var(--text);--ink:var(--text);--cream:var(--page);--sage:var(--surface);--mint:var(--surface);--sand:var(--surface);--terracotta:var(--text);--coral:var(--text);--line:var(--border);--pastel-pink:var(--surface);--pastel-blue:var(--surface)}
body{background:var(--page);color:var(--ink);background-image:none}
h1,h2,h3{color:var(--text)}
.brand-wordmark{display:block;font-family:var(--serif,'Bree Serif',Georgia,serif);font-weight:400;letter-spacing:-.045em;line-height:1.1;color:var(--text);white-space:nowrap}
.brand-wordmark-accent{color:var(--text);display:inline;font-size:inherit}
.site-header{background:var(--page);padding:28px 0 0;border-bottom:1px solid var(--line)}
.header-inner{display:flex;flex-direction:column;width:min(1180px,calc(100% - 48px));gap:0}
.header-logo-link{display:block;width:100%;text-align:center;margin-bottom:22px}
.brand-wordmark-header{font-size:clamp(42px,8.5vw,106px)}
.brand-tagline{text-align:center;color:var(--muted);font-size:12px;margin:8px auto 22px;width:100%}
.header-navigation{width:100%;margin:0;padding:13px 0;background:var(--lemon);border-top:1px solid var(--line);justify-content:center;gap:24px;align-items:center;flex-wrap:wrap}
.header-primary{gap:24px}.header-primary a{background:transparent!important;color:var(--text)!important;border:0!important;min-width:0;padding:7px 0!important;font-size:13px!important}
.site-nav{gap:21px;font-size:12px}.preview-note{background:var(--surface);color:var(--muted);min-height:27px;padding:5px 16px;font-size:10px}
.hero.storybook-opening{display:block;text-align:center;max-width:1000px;padding:48px 0 36px}
.hero-copy{max-width:760px;margin:auto}.hero .eyebrow{font-size:11px;color:var(--muted);letter-spacing:.1em}
.hero h1{font-size:clamp(38px,5.3vw,66px);line-height:1.07;margin:16px 0 20px;color:var(--text)}.hero h1 span{color:var(--text)}
.hero-lead{max-width:650px;margin:auto;font-size:15px;line-height:1.9;color:var(--muted)}
.shop-first-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px}
.button{border-radius:9px;box-shadow:none;min-height:46px}.button-blue,.cw-button-primary{background:var(--text);color:var(--page);border-color:var(--text)}.button-blue:hover,.cw-button-primary:not(:disabled):hover{background:var(--text)}
.shop-first-actions .button{padding:12px 28px;font-size:14px;border:1px solid var(--text)}.sell-primary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.shop-secondary-action{font-size:12px;margin-left:8px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.promise-strip{background:var(--surface);color:var(--muted);border:0;padding:15px 24px;gap:15px 40px;flex-wrap:wrap}.promise-strip>span{width:auto!important;flex:0 1 auto!important;font-size:12px!important}
.brands-section{padding-block:34px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.4fr;gap:18px 45px;align-items:center}
.brands-section h2{font-size:30px;margin:8px 0}.brands-section p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}
.brand-list{list-style:none;display:flex;flex-wrap:wrap;gap:9px 20px;padding:0;margin:0}.brand-list li{font-family:var(--serif);font-size:18px;color:var(--text)}.brands-sell-link{grid-column:2;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--text)}
.shop-section{padding-block:44px 60px}.shop-heading{padding-bottom:22px;border-bottom:1px solid var(--line)}.shop-intro h2{font-size:clamp(32px,4vw,46px)}.shop-sample-note{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:8px}
.eyebrow{color:var(--muted)}.flower-eyebrow{display:flex;align-items:center;gap:9px}.flower-eyebrow img{width:20px;height:30px;object-fit:contain}
.cw-section{background:var(--surface);border-color:var(--line)}.cw-rewear{background:var(--page);border-color:var(--line);border-radius:10px}.cw-figure{background:var(--page);border-color:var(--line);border-radius:10px}.cw-season-summer{background:var(--surface);border-color:var(--border)}.cw-season-winter{background:var(--surface);border-color:var(--border)}
.reuse-section{background:var(--surface)}.about-section{background:var(--surface);color:var(--text)}.about-section .about-heading h2,.about-section .about-lead,.about-section .about-copy>p:not(.about-lead){color:var(--text)}.about-section .eyebrow{color:var(--muted)}.about-heading{display:flex;flex-direction:column;align-items:flex-start}.about-heading h2{padding-right:0}
.buyout-explainer{background:var(--surface);border-radius:12px}.buyout-explainer h3{padding-right:0}.ss-intro{position:relative;padding-right:115px}
.category-card{border-radius:12px;border-color:var(--line)}.category-card .category-art{min-height:200px;padding:12px;background:transparent}.category-character{display:block;width:min(100%,190px);aspect-ratio:1;margin:auto;background-image:url('/assets/kangaroo-category-outfits-v2.webp');background-repeat:no-repeat;background-size:300% 100%}.category-character-shoes{background-position:left}.category-character-clothing{background-position:center}.category-character-outerwear{background-position:right}
.supplemental-character{display:block;width:100px;background-image:url('/assets/kangaroo-adventure-accents-v2.webp');background-repeat:no-repeat;pointer-events:none}.supplemental-cat{background-position:left;background-size:182.1569% 100%;aspect-ratio:1020 / 846;margin-top:18px;order:3}.supplemental-toad{position:absolute;right:0;bottom:0;width:85px;background-position:right;background-size:241.9271% 100%;aspect-ratio:768 / 846}
.site-footer{background:var(--surface);color:var(--text);border-top:1px solid var(--line)}.footer-logo-link{display:block;line-height:1.2}.footer-brand-copy>.brand-wordmark{font-size:34px}.footer-logo-tagline{text-align:left;color:var(--muted)}.footer-daisy{width:24px;height:36px;object-fit:contain;margin-bottom:8px}.owner-logo-copy>.brand-wordmark,.cr-logo-copy>.brand-wordmark{font-size:32px}.owner-logo,.cr-logo{gap:0;grid-template-columns:1fr}
@media(max-width:720px){.section-wrap{width:calc(100% - 36px)}.site-header{padding-top:20px}.header-inner{width:calc(100% - 28px)}.brand-wordmark-header{font-size:clamp(36px,8.6vw,60px)}.brand-tagline{font-size:11px;margin-bottom:14px}.header-navigation{gap:10px 18px;padding:10px 0}.header-primary{width:auto;gap:25px}.header-primary a{width:auto;min-height:36px}.header-navigation .menu-toggle{margin:0}.site-nav{gap:8px 18px}.hero.storybook-opening{padding:32px 0}.hero h1{font-size:40px}.hero-lead{font-size:14px}.brands-section{grid-template-columns:1fr;gap:16px;padding-block:28px}.brand-list{gap:8px 16px}.brand-list li{font-size:17px}.brands-sell-link{grid-column:auto}.shop-first-actions .button{flex:1 1 125px;max-width:190px}.shop-secondary-action{flex-basis:100%;margin:0}.promise-strip{gap:8px 18px}.ss-intro{padding-right:0}.supplemental-toad{position:relative;margin-top:12px}.shop-section{padding-top:32px}}

/* Seasonal outfit accents replace the sun and snowflake. */
.cw-season-heading{align-items:center;gap:16px}
.cw-season-character{display:block;flex:0 0 115px;width:115px;aspect-ratio:1.1;background-image:url('/assets/capsule-season-kangaroos-v2.webp');background-repeat:no-repeat;background-size:200% 100%}
.cw-character-summer{background-position:left center}.cw-character-winter{background-position:right center}
.ss-intro{padding-right:0}
@media(max-width:720px){.cw-season-character{width:95px;flex-basis:95px}}

/* White canvas and the existing larger wordmark. */
:root{--cream:var(--page);--terracotta:var(--text);--coral:var(--text);--pastel-pink:var(--surface)}
body,.site-header{background:var(--page)}
.brand-wordmark-header{font-size:clamp(56px,12.3vw,156px)}
.brand-wordmark-accent,.hero h1 span{color:var(--text)}
.cw-section{background:var(--page)}.reuse-section{background:var(--surface)}.about-section{background:var(--surface)}.site-footer{background:var(--surface)}
@media(max-width:720px){.brand-wordmark-header{font-size:clamp(40px,11.5vw,82px)}}

/* Shared colours across the existing kangaroo layout. */
:root{--forest:var(--text);--blue:var(--text);--ink:var(--text);--cream:var(--page);--sage:var(--surface);--mint:var(--surface);--sand:var(--surface);--terracotta:var(--text);--coral:var(--text);--line:var(--border);--pastel-pink:var(--surface);--pastel-blue:var(--surface)}
body,.site-header{background:var(--page);color:var(--text)}.site-header{border-color:var(--border)}
.brand-wordmark,.hero h1,h2,h3{color:var(--text)}.brand-wordmark-accent,.hero h1 span{color:var(--text)}
.button-blue,.cw-button-primary{background:var(--text);border-color:var(--text);color:var(--page)}.button-blue:hover,.cw-button-primary:not(:disabled):hover{background:var(--text)}
.sell-primary{background:var(--surface);border-color:var(--border);color:var(--text)}
.site-footer{background:var(--surface)}.about-section{background:var(--surface);color:var(--text)}.about-section .about-heading h2,.about-section .about-lead,.about-section .about-copy>p:not(.about-lead){color:var(--text)}

/* Clean seasonal capsule colours. */
.cw-season-summer{background:var(--surface);border-color:var(--border)}
.cw-season-winter{background:var(--surface);border-color:var(--border)}

/* White page canvas; retain the selected seasonal card colours. */
:root{--cream:var(--page)}
html,body,.site-header,.cw-section{background:var(--page);background-image:none}
.about-section{background:var(--surface)}.site-footer{background:var(--surface)}

/* A robin’s egg blue accent with a darker teal outline keeps Kids distinct. */
.brand-wordmark .brand-wordmark-accent{color:var(--accent)!important;-webkit-text-stroke:.02em #377F7B;paint-order:stroke fill}

.shop-first-actions .capsule-primary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.shop-first-actions .capsule-primary:hover{background:var(--surface)}.shop-first-actions .button{min-height:46px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:720px){.shop-first-actions .button{flex:1 1 160px;max-width:220px}}


/* White, black and robin’s egg blue — shared storefront and owner palette. */
:root {
  --forest: var(--text);
  --blue: var(--text);
  --ink: var(--text);
  --cream: var(--page);
  --sage: var(--surface);
  --mint: var(--surface);
  --sand: var(--surface);
  --yellow: var(--surface);
  --terracotta: var(--text);
  --coral: var(--text);
  --line: var(--border);
  --pastel-pink: var(--surface);
  --pastel-blue: var(--surface);
}

html, body, .site-header, .cw-section, .buy-section, .about-section, .site-footer {
  background: var(--page);
  color: var(--text);
}

.brand-wordmark, .brand-wordmark .brand-wordmark-accent,
.hero h1, .hero h1 span, h1, h2, h3,
.about-section .about-heading h2, .about-section .about-lead {
  color: var(--text);
}

.brand-tagline, .hero-lead, .eyebrow, .brands-section p:not(.eyebrow),
.footer-logo-tagline, .footer-note, .about-section .eyebrow {
  color: var(--muted);
}

.preview-note, .promise-strip, .shop-sample-note, .process-note,
.buyout-explainer, .reuse-section, .intake-note, .closing-section {
  background: var(--surface);
  color: var(--text);
}

.preview-dot { background: var(--text); }

.button-blue, .choice-sell .button,
.cw-button-primary, .shop-first-actions .capsule-primary {
  background: var(--accent);
  border-color: var(--text);
  color: var(--text);
}

.button-blue:hover, .choice-sell .button:hover,
.cw-button-primary:not(:disabled):hover, .shop-first-actions .capsule-primary:hover {
  background: var(--accent-hover);
  border-color: var(--text);
  color: var(--text);
}

.sell-primary, .closing-actions .button[href="#seller-submission"] {
  background: var(--accent);
  border-color: var(--text);
  color: var(--text);
}
.sell-primary:hover, .closing-actions .button[href="#seller-submission"]:hover { background: var(--accent-hover); }

.shop-category-filters button[aria-pressed=true],
.shop-tabs button[aria-selected=true] {
  background: var(--accent);
  border-color: var(--text);
  color: var(--text);
}

.shop-category-filters button, .shop-select-filters select,
#shop .shop-search input {
  border-color: var(--control-border);
}

.product-card, .category-card, .cw-rewear, .cw-figure,
.product-gallery, .photo-track, .gallery-navigation, .thumbnail-image {
  background: var(--page);
  border-color: var(--border);
}

.cw-season-summer, .cw-season-winter {
  background: var(--surface);
  border-color: var(--control-border);
}

/* Soft lemon accents echo the daisy centres and yellow rain boots. */
.cw-season-summer, .process-note { background: var(--lemon-soft); }

.reuse-inner h2, .reuse-inner p:not(.eyebrow), .reuse-inner .eyebrow,
.shop-sample-note strong, .brand-list li, .brands-sell-link {
  color: var(--text);
}

.reuse-inner p.reuse-fact { background: var(--lemon-soft); }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--text);
  outline-offset: 3px;
}

/* Disabled actions remain visually distinct from available actions. */
.hero.storybook-opening { padding:22px 0 12px; }
.hero-tagline { margin:0 0 18px; font-family:var(--serif); font-size:24px; line-height:1.4; }
#shop { padding-top:18px; }
.process-section > .section-heading { margin-bottom:16px; }
/* Fit each sprite to the same visible height, centre and foot baseline. */
.category-character-clothing { background-size:284.1564% 94.7188%; background-position:51.9536% 37.5%; }
.category-character-shoes { background-size:328.776% 109.592%; background-position:8.3159% 121.7305%; }
.category-character-outerwear { background-size:320.3051% 106.7684%; background-position:99.97% 114.5755%; }
.hero.storybook-opening .shop-first-actions { margin-top:0; }
.closing-actions .button, .product-bag-button {
  border: 1px solid var(--text);
}
@media(max-width:720px) {
  .header-logo-link { margin-bottom:14px; }
}

.button:disabled, .cw-button:disabled {
  background: var(--surface);
  color: var(--muted);
  border-color: var(--control-border);
}

/* Poster-inspired wordmark: retain Bree Serif, pair with playful blue kids. */
@font-face { font-family:'DynaPuff'; font-style:normal; font-weight:700; font-display:swap; src:url('/assets/dynapuff-bold.ttf') format('truetype'); }
.brand-wordmark { color:var(--text); }
.brand-wordmark .brand-wordmark-accent { font-family:var(--serif); font-weight:400; color:var(--accent)!important; -webkit-text-stroke:0; letter-spacing:-.045em; }