/* "Garden" skin, Smart Garden Premium (sites whose design tokens carry settings.custom.skin = garden, or an
   administrator previewing ?aos_skin=garden): forest greens on off-white, a lime kept for buttons and
   interactive elements, Manrope titles and Inter text served from the theme. Loaded after aos.css, only there.
   Colours: GARDEN in packages/core/src/design/garden.ts, contrast checked by gardenContrast().
   Rule: the lime is never text on a light background (1.25:1); the natural green only as large or bold text. */

@font-face { font-family: Manrope; src: url(fonts/manrope-latin-var.woff2) format('woff2'); font-weight: 200 800; font-display: swap; }
@font-face { font-family: Inter; src: url(fonts/inter-latin-var.woff2) format('woff2'); font-weight: 100 900; font-display: swap; }

/* ---------------------------------------------------------------- tokens
   Set on body (twice the class, to beat the presets printed on :root and body), so a preview on a site
   with another identity also reads the garden colours through the presets used by aos.css. */
body.aos-skin-garden.aos-skin-garden {
	--gd-forest: #102d20; --gd-deep: #173f2b; --gd-natural: #397d28; --gd-lime: #b8f34b; --gd-lime-hover: #a6e33a;
	--gd-paper: #f8faf6; --gd-grey: #eef2ec; --gd-ink: #111713; --gd-sage: #e3eedc; --gd-graphite: #3f4842;
	--gd-mist: #c9d8c6; --gd-white: #fff; --gd-gold: #d6b25e; --gd-gold-deep: #8a6a1f;
	--gd-line: #dbe3d7; --gd-line-strong: #c3cfbf;
	--gd-display: Manrope, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--gd-body: Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;
	--gd-radius: 14px; --gd-radius-lg: 22px; --gd-radius-sm: 10px; --gd-pill: 999px;
	--gd-shadow: 0 1px 2px rgba(16, 45, 32, .05), 0 6px 20px rgba(16, 45, 32, .07);
	--gd-shadow-hover: 0 2px 4px rgba(16, 45, 32, .06), 0 16px 36px rgba(16, 45, 32, .12);
	--gd-ease: cubic-bezier(.2, .7, .2, 1);
	--gd-space: clamp(48px, 4vw + 28px, 96px);
	--gd-tap: 44px;

	--wp--preset--color--ink: var(--gd-ink);
	--wp--preset--color--paper: var(--gd-paper);
	--wp--preset--color--accent: var(--gd-deep);
	--wp--preset--color--surface: var(--gd-grey);
	--wp--preset--color--muted: var(--gd-graphite);
	--wp--preset--font-family--heading: var(--gd-display);
	--wp--preset--font-family--body: var(--gd-body);
	--wp--custom--radius: var(--gd-radius);
	--theme-palette-color-1: var(--gd-deep);
	--theme-palette-color-2: var(--gd-forest);
	--theme-palette-color-3: var(--gd-ink);
	--theme-palette-color-4: var(--gd-ink);
	--theme-palette-color-5: var(--gd-line);
	--theme-palette-color-6: var(--gd-grey);
	--theme-palette-color-7: var(--gd-paper);
	--theme-palette-color-8: var(--gd-paper);
	--theme-font-family: var(--gd-body);
	--theme-button-font-family: var(--gd-body);
	--theme-border-radius: var(--gd-radius);
	--theme-link-initial-color: var(--gd-deep);
	--theme-link-hover-color: var(--gd-natural);
	--theme-headings-color: var(--gd-forest);
	--theme-text-color: var(--gd-ink);

	background: var(--gd-paper);
	color: var(--gd-ink);
	font-family: var(--gd-body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: clip; /* no horizontal page scroll at 360px; wide tables scroll inside their own box */
}
.aos-skin-garden #main, .aos-skin-garden .site-main { background: var(--gd-paper); }
.aos-skin-garden ::selection { background: var(--gd-lime); color: var(--gd-forest); }
.aos-skin-garden img { max-width: 100%; height: auto; }

/* ---------------------------------------------------------------- type */
.aos-skin-garden h1, .aos-skin-garden h2, .aos-skin-garden h3, .aos-skin-garden h4, .aos-skin-garden .page-title, .aos-skin-garden .site-title {
	font-family: var(--gd-display); font-weight: 800; color: var(--gd-forest); letter-spacing: -.015em; hyphens: manual; overflow-wrap: break-word;
}
.aos-skin-garden .page-title, .aos-skin-garden .aos-home-hero h1 { font-size: clamp(2rem, 1.35rem + 3vw, 3.4rem); line-height: 1.08; letter-spacing: -.025em; }
.aos-skin-garden .entry-content h2 { font-size: clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem); line-height: 1.15; margin-top: 2em; }
.aos-skin-garden .entry-content h3 { font-size: clamp(1.15rem, 1.05rem + .5vw, 1.4rem); line-height: 1.3; font-weight: 700; }
.aos-skin-garden .entry-content { font-size: 17px; line-height: 1.7; }
.aos-skin-garden .entry-content a:not([class]) { color: var(--gd-deep); font-weight: 600; text-decoration: underline; text-decoration-color: var(--gd-natural); text-decoration-thickness: 2px; text-underline-offset: 3px; transition: text-decoration-color .2s; }
.aos-skin-garden .entry-content a:not([class]):hover { text-decoration-color: var(--gd-lime-hover); }
.aos-skin-garden .aos-intro { font-size: 1.12em; line-height: 1.6; color: var(--gd-graphite); max-width: 68ch; }
.aos-skin-garden .aos-small, .aos-skin-garden .aos-trust { color: var(--gd-graphite); }
.aos-skin-garden .aos-accent { color: var(--gd-natural); font-style: normal; } /* large title text only */
.aos-skin-garden a:focus-visible, .aos-skin-garden button:focus-visible, .aos-skin-garden summary:focus-visible, .aos-skin-garden select:focus-visible, .aos-skin-garden input:focus-visible {
	outline: 3px solid var(--gd-natural); outline-offset: 3px; border-radius: 6px;
}
.aos-skin-garden .aos-figure strong, .aos-skin-garden .aos-stats strong, .aos-skin-garden .aos-note-badge strong, .aos-skin-garden .aos-uses strong { font-family: var(--gd-display); font-weight: 700; font-variant-numeric: tabular-nums; }

/* ---------------------------------------------------------------- header and mobile navigation */
.aos-skin-garden #header [data-row] { background: var(--gd-forest); transition: box-shadow .25s var(--gd-ease); }
.aos-skin-garden.gd-scrolled #header [data-row] { box-shadow: 0 6px 24px rgba(16, 45, 32, .22); }
.aos-skin-garden #header { --theme-link-initial-color: var(--gd-paper); --theme-link-hover-color: var(--gd-lime); --theme-text-color: var(--gd-paper); --theme-icon-color: var(--gd-paper); --theme-headings-color: var(--gd-paper); }
.aos-skin-garden #header .site-title, .aos-skin-garden #header .site-title a { color: var(--gd-paper) !important; font-weight: 800; }
.aos-skin-garden #header .ct-menu-link { font-family: var(--gd-body); font-size: .9rem; font-weight: 600; letter-spacing: 0; min-height: var(--gd-tap); }
.aos-skin-garden #header .sub-menu { --theme-link-initial-color: var(--gd-ink); --theme-link-hover-color: var(--gd-deep); background: var(--gd-white); border-radius: var(--gd-radius); box-shadow: var(--gd-shadow-hover); }
.aos-skin-garden .ct-header-trigger, .aos-skin-garden .ct-toggle-close { color: var(--gd-paper); min-width: var(--gd-tap); min-height: var(--gd-tap); }
.aos-skin-garden #offcanvas .ct-panel-inner, .aos-skin-garden .ct-panel { background: var(--gd-forest); }
.aos-skin-garden #offcanvas { --theme-link-initial-color: var(--gd-paper); --theme-link-hover-color: var(--gd-lime); --theme-text-color: var(--gd-paper); --theme-icon-color: var(--gd-paper); }
.aos-skin-garden #offcanvas .ct-menu-link { display: flex; align-items: center; min-height: 48px; font-family: var(--gd-display); font-weight: 700; font-size: 1.1rem; border-bottom: 1px solid rgba(248, 250, 246, .12); }
.aos-skin-garden #offcanvas .ct-menu-link:hover, .aos-skin-garden #offcanvas .current-menu-item > .ct-menu-link { color: var(--gd-lime); }

/* ---------------------------------------------------------------- buttons */
.aos-skin-garden .aos-btn, .aos-skin-garden .aos-button, .aos-skin-garden .aos-cta a, .aos-skin-garden .wp-element-button, .aos-skin-garden .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: var(--gd-tap); box-sizing: border-box;
	padding: .8em 1.5em; border-radius: var(--gd-pill) !important; border: 1.5px solid transparent;
	font: 700 1rem/1.2 var(--gd-body); letter-spacing: 0; text-decoration: none !important; text-align: center;
	transition: background-color .2s var(--gd-ease), transform .2s var(--gd-ease), box-shadow .2s var(--gd-ease), color .2s;
}
/* Primary: lime background, forest text (11.25:1). */
.aos-skin-garden .aos-btn-primary, .aos-skin-garden .aos-button, .aos-skin-garden .aos-cta a, .aos-skin-garden .wp-element-button, .aos-skin-garden .wp-block-button__link {
	background: var(--gd-lime) !important; color: var(--gd-forest) !important; box-shadow: 0 2px 0 rgba(16, 45, 32, .18), 0 8px 18px rgba(57, 125, 40, .18);
}
.aos-skin-garden .aos-btn-primary:hover, .aos-skin-garden .aos-button:hover, .aos-skin-garden .aos-cta a:hover, .aos-skin-garden .wp-element-button:hover, .aos-skin-garden .wp-block-button__link:hover {
	background: var(--gd-lime-hover) !important; transform: translateY(-2px); box-shadow: 0 3px 0 rgba(16, 45, 32, .2), 0 14px 28px rgba(57, 125, 40, .24); filter: none;
}
.aos-skin-garden .aos-btn-primary:active, .aos-skin-garden .aos-cta a:active { transform: translateY(0); }
/* Secondary: outlined in deep green. */
.aos-skin-garden .aos-btn-ghost { background: transparent; color: var(--gd-deep) !important; border-color: var(--gd-deep); }
.aos-skin-garden .aos-btn-ghost:hover { background: var(--gd-deep); color: var(--gd-paper) !important; filter: none; }
.aos-skin-garden .aos-button[aria-disabled="true"] { opacity: .55; transform: none; box-shadow: none; }
.aos-skin-garden .aos-link-button { color: var(--gd-deep); font-weight: 600; min-height: var(--gd-tap); }
.aos-skin-garden .aos-fav, .aos-skin-garden .aos-send { display: inline-flex; align-items: center; gap: .4em; min-height: var(--gd-tap); padding: .55em 1.1em; border-radius: var(--gd-pill); border: 1.5px solid var(--gd-line-strong); background: var(--gd-white); color: var(--gd-ink); font-weight: 600; text-decoration: none; transition: border-color .2s, transform .2s var(--gd-ease); }
.aos-skin-garden .aos-fav:hover, .aos-skin-garden .aos-send:hover { border-color: var(--gd-deep); }
.aos-skin-garden .aos-fav span { color: var(--gd-natural); }
.aos-skin-garden .aos-fav.is-on { border-color: var(--gd-natural); background: var(--gd-sage); }
.aos-skin-garden .aos-fav-small { min-width: var(--gd-tap); padding: .45em .7em; justify-content: center; }
.aos-skin-garden .aos-fav.gd-pop span { animation: gd-pop .35s var(--gd-ease); }

/* ---------------------------------------------------------------- badges and ranking labels */
.aos-skin-garden .aos-eyebrow { display: inline-flex; align-items: center; gap: .45em; width: auto; padding: .4em .9em; border-radius: var(--gd-pill); background: var(--gd-sage); color: var(--gd-deep); font: 700 .74rem/1.2 var(--gd-body); letter-spacing: .08em; text-transform: uppercase; }
.aos-skin-garden .aos-eyebrow::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--gd-natural); flex: none; }
.aos-skin-garden .aos-note-badge { top: .75em; right: .75em; padding: .35em .7em; border-radius: var(--gd-pill); background: var(--gd-forest); color: var(--gd-paper); font-size: .78em; box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-note-badge strong { color: var(--gd-lime); }
.aos-skin-garden .aos-win { color: var(--gd-natural); font-weight: 800; }
.aos-skin-garden .aos-card-kind { color: var(--gd-graphite); font-weight: 700; letter-spacing: .06em; }
/* Premium distinction (discreet gold): forest text on gold (7.33:1). */
.aos-skin-garden .gd-premium { display: inline-flex; align-items: center; gap: .35em; padding: .3em .75em; border-radius: var(--gd-pill); background: var(--gd-gold); color: var(--gd-forest); font: 700 .75rem/1.2 var(--gd-body); letter-spacing: .04em; }
.aos-skin-garden .aos-chips { gap: .55em; }
.aos-skin-garden .aos-chips a { display: inline-flex; align-items: center; min-height: var(--gd-tap); box-sizing: border-box; padding: .45em 1.1em; border: 1.5px solid var(--gd-line-strong); border-radius: var(--gd-pill); background: var(--gd-white); color: var(--gd-ink); font-weight: 600; text-decoration: none; transition: border-color .2s, background-color .2s, transform .2s var(--gd-ease); }
.aos-skin-garden .aos-chips a:hover { border-color: var(--gd-deep); color: var(--gd-deep); background: var(--gd-sage); transform: translateY(-1px); }
.aos-skin-garden .aos-badges { gap: .3em; }
.aos-skin-garden .aos-badges li { color: var(--gd-ink); }
.aos-skin-garden .aos-badges span { color: var(--gd-graphite); }

/* ---------------------------------------------------------------- cards (products, categories, guides) */
.aos-skin-garden .aos-product-grid, .aos-skin-garden .aos-offer-grid { gap: clamp(14px, 1.5vw, 22px); grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.aos-skin-garden .aos-product-card, .aos-skin-garden .aos-offer-card, .aos-skin-garden .aos-card, .aos-skin-garden .aos-post-card {
	background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-radius); box-shadow: var(--gd-shadow); color: var(--gd-ink);
	transition: transform .25s var(--gd-ease), box-shadow .25s var(--gd-ease), border-color .25s;
}
.aos-skin-garden .aos-product-card { padding: 14px; gap: .65em; }
.aos-skin-garden .aos-product-card:hover, .aos-skin-garden .aos-offer-card:hover, .aos-skin-garden .aos-card:hover, .aos-skin-garden .aos-card:focus-visible, .aos-skin-garden .aos-post-card:hover, .aos-skin-garden .aos-post-card:focus-visible {
	transform: translateY(-3px); box-shadow: var(--gd-shadow-hover); border-color: var(--gd-line-strong);
}
.aos-skin-garden .aos-product-card.is-chosen { border-color: var(--gd-natural); box-shadow: 0 0 0 2px var(--gd-natural), var(--gd-shadow); }
.aos-skin-garden .aos-product-card-image { background: var(--gd-grey); border-radius: var(--gd-radius-sm); padding: 10px; overflow: hidden; }
.aos-skin-garden .aos-product-card-image img { transition: transform .4s var(--gd-ease); mix-blend-mode: multiply; }
.aos-skin-garden .aos-product-card:hover .aos-product-card-image img { transform: scale(1.04); }
.aos-skin-garden .aos-product-card-name, .aos-skin-garden .aos-offer-name { font-family: var(--gd-display); font-weight: 700; font-size: 1.02em; line-height: 1.3; color: var(--gd-forest); }
.aos-skin-garden .aos-offer-card { padding: 14px; }
.aos-skin-garden .aos-offer-brand { color: var(--gd-graphite); font-size: .85em; font-weight: 600; }
.aos-skin-garden .aos-offer-price strong { font-family: var(--gd-display); font-size: 1.25em; color: var(--gd-forest); }
.aos-skin-garden .aos-card-actions { gap: .6em; }
.aos-skin-garden .aos-product-card .aos-btn { width: 100%; }
/* Category cards (brands, uses, hubs). */
.aos-skin-garden .aos-cards { gap: clamp(12px, 1.4vw, 18px); grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.aos-skin-garden .aos-card { position: relative; padding: 18px 20px; min-height: 92px; justify-content: center; text-decoration: none; }
.aos-skin-garden .aos-card-title { font-family: var(--gd-display); font-weight: 800; font-size: 1.1em; color: var(--gd-forest); padding-right: 1.6em; }
.aos-skin-garden .aos-card::after { content: "→"; position: absolute; right: 18px; top: 50%; translate: 0 -50%; color: var(--gd-natural); font-weight: 800; transition: translate .25s var(--gd-ease); }
.aos-skin-garden .aos-card:hover::after { translate: 4px -50%; }
.aos-skin-garden .aos-post-cards { gap: clamp(14px, 1.6vw, 24px); grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.aos-skin-garden .aos-post-card { overflow: hidden; }
.aos-skin-garden .aos-post-card-image img { transition: transform .5s var(--gd-ease); }
.aos-skin-garden .aos-post-card:hover .aos-post-card-image img { transform: scale(1.03); }
.aos-skin-garden .aos-post-card-title { font-weight: 800; color: var(--gd-forest); }
.aos-skin-garden .aos-post-card-more { color: var(--gd-deep); font-weight: 700; }
.aos-skin-garden .aos-more a { font-weight: 700; color: var(--gd-deep); }

/* ---------------------------------------------------------------- immersive sections (home, about) */
.aos-skin-garden .aos-home-section { margin: 0 0 var(--gd-space); }
.aos-skin-garden .aos-home-hero {
	position: relative; isolation: isolate; overflow: hidden; margin: 8px 0 var(--gd-space); padding: clamp(24px, 4vw, 56px);
	background: radial-gradient(120% 90% at 100% 0%, rgba(184, 243, 75, .14) 0%, transparent 55%), linear-gradient(160deg, var(--gd-deep) 0%, var(--gd-forest) 70%);
	border-radius: var(--gd-radius-lg); color: var(--gd-paper); box-shadow: 0 24px 60px rgba(16, 45, 32, .22);
}
.aos-skin-garden .aos-home-hero h1 { color: var(--gd-paper); }
.aos-skin-garden .aos-home-hero .aos-accent { color: var(--gd-lime); }
.aos-skin-garden .aos-home-hero .aos-hero-lead, .aos-skin-garden .aos-home-hero .aos-trust { color: var(--gd-mist); }
.aos-skin-garden .aos-home-hero .aos-eyebrow { background: rgba(184, 243, 75, .14); color: var(--gd-lime); }
.aos-skin-garden .aos-home-hero .aos-eyebrow::before { background: var(--gd-lime); }
.aos-skin-garden .aos-home-hero .aos-btn-ghost { color: var(--gd-paper) !important; border-color: rgba(248, 250, 246, .55); }
.aos-skin-garden .aos-home-hero .aos-btn-ghost:hover { background: var(--gd-paper); color: var(--gd-forest) !important; }
.aos-skin-garden .aos-home-hero a:focus-visible { outline-color: var(--gd-lime); }
.aos-skin-garden .aos-home-hero-image img { border-radius: var(--gd-radius); box-shadow: 0 20px 50px rgba(0, 0, 0, .3); }
.aos-skin-garden .aos-about { background: var(--gd-sage); border-radius: var(--gd-radius-lg); padding: clamp(22px, 4vw, 48px); }
.aos-skin-garden .aos-mosaic img { border-radius: var(--gd-radius); }
.aos-skin-garden .aos-scenes { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.aos-skin-garden .aos-scene { margin: 0; }
.aos-skin-garden .aos-scene img { display: block; width: 100%; border-radius: var(--gd-radius); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-scene figcaption, .aos-skin-garden .aos-gallery figcaption { color: var(--gd-graphite); font-size: .8em; margin-top: .5em; }
.aos-skin-garden .aos-criteria ol { counter-reset: gd; list-style: none; padding-left: 0; }
.aos-skin-garden .aos-criteria li { counter-increment: gd; position: relative; padding-left: 2.6em; min-height: 2em; }
.aos-skin-garden .aos-criteria li::before { content: counter(gd); position: absolute; left: 0; top: -.1em; width: 1.9em; height: 1.9em; display: grid; place-items: center; border-radius: 50%; background: var(--gd-forest); color: var(--gd-lime); font: 800 .85em/1 var(--gd-display); }

/* ---------------------------------------------------------------- tip boxes, pros and cons */
.aos-skin-garden .aos-hero, .aos-skin-garden .gd-tip { position: relative; background: var(--gd-sage); border: 0; border-left: 4px solid var(--gd-natural); border-radius: var(--gd-radius); padding: 1.1em 1.3em 1.1em 1.4em; color: var(--gd-ink); }
.aos-skin-garden .gd-tip::before { content: "Conseil"; display: block; margin-bottom: .3em; color: var(--gd-deep); font: 800 .75rem/1.2 var(--gd-body); letter-spacing: .08em; text-transform: uppercase; }
.aos-skin-garden .aos-forwho { gap: 16px; }
.aos-skin-garden .aos-forwho > div { border-radius: var(--gd-radius); padding: 1.2em 1.4em; border: 0; }
.aos-skin-garden .aos-forwho-yes { background: var(--gd-sage); border-top: 0 !important; box-shadow: inset 0 4px 0 var(--gd-natural); }
.aos-skin-garden .aos-forwho-no { background: var(--gd-grey); border-top: 0 !important; box-shadow: inset 0 4px 0 var(--gd-graphite); }
.aos-skin-garden .aos-forwho h2 { font-size: 1.15rem; }
.aos-skin-garden .aos-forwho ul { list-style: none; padding-left: 0; }
.aos-skin-garden .aos-forwho li { position: relative; padding-left: 1.7em; margin: 0 0 .45em; }
.aos-skin-garden .aos-forwho li::before { position: absolute; left: 0; top: .05em; width: 1.2em; height: 1.2em; display: grid; place-items: center; border-radius: 50%; font: 800 .75em/1 var(--gd-body); }
.aos-skin-garden .aos-forwho-yes li::before { content: "✓"; background: var(--gd-natural); color: var(--gd-white); }
.aos-skin-garden .aos-forwho-no li::before { content: "–"; background: var(--gd-graphite); color: var(--gd-white); }

/* ---------------------------------------------------------------- FAQ accordions */
.aos-skin-garden .aos-faq { display: flex; flex-direction: column; gap: 10px; }
.aos-skin-garden .aos-faq-item { background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-radius); transition: box-shadow .2s, border-color .2s; }
.aos-skin-garden .aos-faq-item[open] { border-color: var(--gd-line-strong); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 1em; min-height: var(--gd-tap); padding: .8em 1.2em; cursor: pointer; list-style: none; font-family: var(--gd-display); font-weight: 700; color: var(--gd-forest); }
.aos-skin-garden .aos-faq-item summary::-webkit-details-marker { display: none; }
.aos-skin-garden .aos-faq-item summary::after { content: ""; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--gd-grey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102d20' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 14px no-repeat; transition: transform .25s var(--gd-ease), background-color .2s; }
.aos-skin-garden .aos-faq-item[open] summary::after { transform: rotate(45deg); background-color: var(--gd-lime); }
.aos-skin-garden .aos-faq-item > p { margin: 0; padding: 0 1.2em 1.1em; color: var(--gd-ink); }

/* ---------------------------------------------------------------- comparison tables and specs */
.aos-skin-garden .aos-table-wrap { position: relative; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-radius); box-shadow: var(--gd-shadow); margin: 1.2em 0; }
.aos-skin-garden .aos-specs, .aos-skin-garden .aos-compare { margin: 0; font-size: .95em; }
.aos-skin-garden .aos-specs th, .aos-skin-garden .aos-specs td, .aos-skin-garden .aos-compare th, .aos-skin-garden .aos-compare td { border-bottom: 1px solid var(--gd-line); padding: .75em 1em; }
.aos-skin-garden .aos-specs tr:last-child > *, .aos-skin-garden .aos-compare tbody tr:last-child > * { border-bottom: 0; }
.aos-skin-garden .aos-specs th { color: var(--gd-graphite); font-weight: 600; }
.aos-skin-garden .aos-specs td { font-weight: 600; color: var(--gd-ink); }
.aos-skin-garden .aos-specs tr:nth-child(even) > *, .aos-skin-garden .aos-compare tbody tr:nth-child(even) > * { background: var(--gd-paper); }
.aos-skin-garden .aos-compare thead th { background: var(--gd-forest); color: var(--gd-paper); font-family: var(--gd-display); font-weight: 700; vertical-align: bottom; }
.aos-skin-garden .aos-compare thead th a { color: var(--gd-paper); }
.aos-skin-garden .aos-compare thead th:first-child { border-top-left-radius: calc(var(--gd-radius) - 1px); }
.aos-skin-garden .aos-compare thead th:last-child { border-top-right-radius: calc(var(--gd-radius) - 1px); }
.aos-skin-garden .aos-compare tbody th { font-weight: 700; color: var(--gd-forest); }
.aos-skin-garden .aos-compare tbody tr { transition: background-color .15s; }
.aos-skin-garden .aos-compare tbody tr:hover > * { background: var(--gd-sage); }
/* Hint printed by garden.js above a table wider than its box (phones). */
.aos-skin-garden .gd-scroll-hint { display: flex; align-items: center; gap: .4em; margin: 1em 0 -.6em; font-size: .8em; font-weight: 600; color: var(--gd-graphite); }
.aos-skin-garden .gd-scroll-hint::after { content: "→"; color: var(--gd-natural); animation: gd-nudge 1.6s var(--gd-ease) 3; }
.aos-skin-garden .aos-compare-img { background: var(--gd-white); border-radius: var(--gd-radius-sm); }
.aos-skin-garden .aos-compare-bar { border: 0; border-radius: var(--gd-radius); background: var(--gd-forest); color: var(--gd-paper); box-shadow: 0 -8px 30px rgba(16, 45, 32, .25); }
.aos-skin-garden .aos-compare-bar .aos-link-button { color: var(--gd-lime); }

/* ---------------------------------------------------------------- filters (catalogue, comparator) */
.aos-skin-garden .aos-filters { gap: 12px 16px; padding: clamp(14px, 2vw, 22px); background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-radius); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-filter { color: var(--gd-forest); font-size: .85em; font-weight: 700; min-width: 0; }
.aos-skin-garden .aos-filters select, .aos-skin-garden .aos-filters input, .aos-skin-garden .aos-compare-tools select {
	min-height: var(--gd-tap); width: 100%; box-sizing: border-box; padding: .55em .9em; border: 1.5px solid var(--gd-line-strong); border-radius: var(--gd-radius-sm);
	background-color: var(--gd-paper); color: var(--gd-ink); font: 500 1rem/1.3 var(--gd-body); transition: border-color .2s, box-shadow .2s;
}
.aos-skin-garden .aos-filters select:hover, .aos-skin-garden .aos-filters input:hover { border-color: var(--gd-deep); }
.aos-skin-garden .aos-filters select:focus, .aos-skin-garden .aos-filters input:focus { border-color: var(--gd-natural); box-shadow: 0 0 0 3px rgba(184, 243, 75, .45); outline: none; }
.aos-skin-garden .aos-compare-check { min-height: var(--gd-tap); font-weight: 600; }
.aos-skin-garden .aos-compare-check input, .aos-skin-garden input[type="checkbox"] { accent-color: var(--gd-natural); width: 18px; height: 18px; }
.aos-skin-garden .aos-count { color: var(--gd-forest); font-family: var(--gd-display); }

/* ---------------------------------------------------------------- product page */
.aos-skin-garden .aos-fiche-hero { gap: clamp(20px, 3vw, 44px); }
.aos-skin-garden .aos-breadcrumb { color: var(--gd-graphite); }
.aos-skin-garden .aos-breadcrumb a { color: var(--gd-graphite); text-decoration: none; }
.aos-skin-garden .aos-breadcrumb a:hover { color: var(--gd-deep); text-decoration: underline; }
.aos-skin-garden .aos-gallery li { background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-radius); }
.aos-skin-garden .aos-figures { gap: 10px; border: 0; margin: 1em 0 1.2em; }
.aos-skin-garden .aos-figure, .aos-skin-garden .aos-figure + .aos-figure { flex: 1 1 8em; padding: .9em 1em; background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-radius); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-figure strong { color: var(--gd-forest); }
.aos-skin-garden .aos-figure span, .aos-skin-garden .aos-figure small { color: var(--gd-graphite); }
.aos-skin-garden .aos-figure-note { background: var(--gd-forest) !important; border-color: var(--gd-forest) !important; }
.aos-skin-garden .aos-figure-note strong { color: var(--gd-lime); }
.aos-skin-garden .aos-figure-note span, .aos-skin-garden .aos-figure-note small, .aos-skin-garden .aos-figure-note a { color: var(--gd-mist); }
.aos-skin-garden .aos-bar { height: 8px; border-radius: var(--gd-pill); background: var(--gd-grey); }
.aos-skin-garden .aos-bar span { border-radius: var(--gd-pill); background: linear-gradient(90deg, var(--gd-natural), var(--gd-lime)); transform-origin: left; }
.gd-js .aos-skin-garden .aos-bars.gd-reveal .aos-bar span { transform: scaleX(0); transition: transform .9s var(--gd-ease) .15s; }
.aos-skin-garden .aos-bars.gd-in .aos-bar span { transform: none !important; }
.aos-skin-garden .aos-uses li { background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-pill); padding: .45em .95em; }
.aos-skin-garden .aos-uses strong { color: var(--gd-deep); }
.aos-skin-garden .aos-fiche-tabs { gap: 4px; padding: 6px 0; background: rgba(248, 250, 246, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--gd-line); }
.aos-skin-garden .aos-fiche-tabs a { display: inline-flex; align-items: center; min-height: var(--gd-tap); padding: 0 14px; border-radius: var(--gd-pill); color: var(--gd-ink); font-weight: 700; text-decoration: none; transition: background-color .2s, color .2s; }
.aos-skin-garden .aos-fiche-tabs a:hover, .aos-skin-garden .aos-fiche-tabs a:focus-visible { background: var(--gd-sage); color: var(--gd-deep); }
.aos-skin-garden .aos-duel-side img { background: var(--gd-white); border-radius: var(--gd-radius); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-duel-vs { font-family: var(--gd-display); font-style: normal; font-weight: 800; color: var(--gd-natural); }
.aos-skin-garden .aos-stats { gap: 10px; border: 0; }
.aos-skin-garden .aos-stats p, .aos-skin-garden .aos-stats p + p { padding: .9em 1em; background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-radius); }
.aos-skin-garden .aos-stats strong { color: var(--gd-forest); }

/* ---------------------------------------------------------------- affiliate blocks
   The "lien affilié" mention stays visible and readable (graphite on the page, 9:1). */
.aos-skin-garden .aos-cta { display: flex; flex-wrap: wrap; align-items: center; gap: .6em 1em; margin: 1.6em 0; padding: 1em 1.2em; background: var(--gd-white); border: 1px solid var(--gd-line); border-radius: var(--gd-radius); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-cta::after { flex: 1 1 100%; margin: 0; font-size: .8em; color: var(--gd-graphite); opacity: 1; }
.aos-skin-garden .aos-aff-note, .aos-skin-garden .aos-price-date, .aos-skin-garden .aos-adult { font-size: .8em; color: var(--gd-graphite); opacity: 1; }
.aos-skin-garden .aos-cta-official a { background: transparent !important; color: var(--gd-deep) !important; border-color: var(--gd-deep); box-shadow: none; }

/* ---------------------------------------------------------------- footer */
.aos-skin-garden .aos-site-footer-band { background: var(--gd-forest); color: var(--gd-mist); padding: clamp(36px, 5vw, 64px) var(--theme-content-edge-spacing, 5vw) 1.2em; border-radius: var(--gd-radius-lg) var(--gd-radius-lg) 0 0; margin-top: var(--gd-space); }
.aos-skin-garden .aos-footer-col-title { color: var(--gd-lime); }
.aos-skin-garden .aos-footer-col li { margin: 0; }
.aos-skin-garden .aos-footer-col a, .aos-skin-garden .aos-footer-list a { display: inline-flex; align-items: center; min-height: var(--gd-tap); color: var(--gd-paper); }
.aos-skin-garden .aos-footer-col a:hover, .aos-skin-garden .aos-footer-list a:hover { color: var(--gd-lime); }
.aos-skin-garden .aos-disclosure { color: var(--gd-mist); opacity: 1; font-size: .8em; border-top: 1px solid rgba(248, 250, 246, .14); padding-top: 1em; }
.aos-skin-garden #footer, .aos-skin-garden #footer [data-row], .aos-skin-garden #footer [data-row] > div { background: var(--gd-forest) !important; }
.aos-skin-garden .ct-footer-copyright { color: var(--gd-mist); }

/* ---------------------------------------------------------------- share bar, assistant */
.aos-skin-garden .aos-share a, .aos-skin-garden .aos-share button { display: inline-flex; align-items: center; min-height: var(--gd-tap); padding: .55em 1.1em; border-radius: var(--gd-pill); }
.aos-skin-garden .aos-share-native { background: var(--gd-deep); }
.aos-skin-garden .aos-chat-launcher { background: var(--gd-lime); color: var(--gd-forest); font-family: var(--gd-body); font-weight: 700; min-height: 48px; box-shadow: 0 10px 28px rgba(16, 45, 32, .28); transition: transform .2s var(--gd-ease); }
.aos-skin-garden .aos-chat-launcher:hover { transform: translateY(-2px); }
.aos-skin-garden .aos-chat-panel { border-radius: var(--gd-radius-lg); }
.aos-skin-garden .aos-chat-head { background: var(--gd-forest); color: var(--gd-paper); }
.aos-skin-garden .aos-chat-user { background: var(--gd-deep); color: var(--gd-paper); }
.aos-skin-garden .aos-chat-choices button, .aos-skin-garden .aos-chat-action { min-height: 40px; border-color: var(--gd-deep); color: var(--gd-deep); background: var(--gd-white); }
.aos-skin-garden .aos-chat-choices button:hover, .aos-skin-garden .aos-chat-action:hover { background: var(--gd-lime); border-color: var(--gd-lime); color: var(--gd-forest); }

/* ---------------------------------------------------------------- motion (garden.js) */
.gd-js .gd-reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s var(--gd-ease), transform .6s var(--gd-ease); }
.gd-js .gd-reveal.gd-in { opacity: 1; transform: none; }
@keyframes gd-nudge { 0%, 100% { transform: none; } 50% { transform: translateX(5px); } }
@keyframes gd-pop { 0% { transform: scale(1); } 45% { transform: scale(1.35); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
	.aos-skin-garden *, .aos-skin-garden *::before, .aos-skin-garden *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.aos-skin-garden .gd-reveal { opacity: 1 !important; transform: none !important; }
	.aos-skin-garden .aos-product-card:hover, .aos-skin-garden .aos-card:hover, .aos-skin-garden .aos-post-card:hover, .aos-skin-garden .aos-btn:hover, .aos-skin-garden .aos-cta a:hover { transform: none; }
	.aos-skin-garden .aos-bar span { transform: none !important; }
}

/* ---------------------------------------------------------------- phones */
@media (max-width: 860px) {
	.aos-skin-garden .aos-home-hero { padding: 22px 18px 26px; border-radius: var(--gd-radius); }
	.aos-skin-garden .aos-hero-actions .aos-btn { flex: 1 1 100%; }
	.aos-skin-garden .aos-fiche-actions .aos-btn-primary { flex: 1 1 100%; }
}
@media (max-width: 600px) {
	.aos-skin-garden .entry-content { font-size: 16.5px; }
	/* Tables keep their columns and scroll inside their box, never the page. */
	.aos-skin-garden .aos-compare { min-width: 560px; }
	.aos-skin-garden .aos-specs th, .aos-skin-garden .aos-specs td { padding: .65em .8em; }
	.aos-skin-garden .aos-specs th { width: 48%; }
	.aos-skin-garden .aos-cta a { flex: 1 1 100%; }
	.aos-skin-garden .aos-filters { flex-direction: column; align-items: stretch; }
	.aos-skin-garden .aos-filter { flex: 1 1 auto; }
	.aos-skin-garden .aos-duel { grid-template-columns: 1fr; }
	.aos-skin-garden .aos-site-footer-band { border-radius: var(--gd-radius) var(--gd-radius) 0 0; }
	.aos-skin-garden .aos-chat-launcher { min-width: 48px; justify-content: center; }
}

/* ---------------------------------------------------------------- comparator (lot F)
   Header names readable on the forest band; identical lines quieter than the ones that differ; the offer
   line marked as affiliate; on phones the same comparison as one card per model instead of the table. */
.aos-skin-garden .aos-compare thead .aos-compare-name { display: block; margin-top: 10px; color: var(--gd-paper); font-weight: 800; text-decoration: none; }
.aos-skin-garden .aos-compare thead .aos-compare-name:hover { text-decoration: underline; text-decoration-color: var(--gd-lime); }
.aos-skin-garden .aos-compare thead .aos-link-button { color: var(--gd-mist); font-size: .85em; }
.aos-skin-garden .aos-compare tr.aos-row-note td { font: 800 1.15em/1.2 var(--gd-display); color: var(--gd-forest); }
.aos-skin-garden .aos-compare tr.aos-same td { color: var(--gd-graphite); }
.aos-skin-garden .aos-compare tr.aos-diff th { box-shadow: inset 3px 0 0 var(--gd-natural); }
.aos-skin-garden .aos-compare .aos-win { background: var(--gd-sage) !important; font-weight: 800; color: var(--gd-forest); }
.aos-skin-garden .aos-nc { font-style: italic; opacity: 1; color: var(--gd-graphite); font-weight: 400; }
.aos-skin-garden .aos-offer-link { display: inline-flex; align-items: center; justify-content: center; min-height: var(--gd-tap); padding: 0 16px; border-radius: var(--gd-pill); background: var(--gd-lime) !important; color: var(--gd-forest) !important; font: 700 14px/1.1 var(--gd-display); text-decoration: none; white-space: nowrap; }
.aos-skin-garden .aos-aff-note { display: block; margin-top: 6px; font-size: 12px; color: var(--gd-graphite); }
.aos-skin-garden .aos-only-diff-toggle { display: inline-flex; align-items: center; gap: 10px; min-height: var(--gd-tap); margin: 0 0 12px; padding: 0 16px; border-radius: var(--gd-pill); background: var(--gd-white); box-shadow: inset 0 0 0 1px var(--gd-line-strong); font-weight: 700; color: var(--gd-forest); cursor: pointer; }
.aos-skin-garden .aos-compare-card { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: var(--gd-radius-lg); background: var(--gd-white); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-compare-card .aos-compare-img { width: 100%; height: auto; max-height: 220px; object-fit: contain; }
.aos-skin-garden .aos-compare-card-name { font: 800 19px/1.25 var(--gd-display); color: var(--gd-forest); text-decoration: none; }
.aos-skin-garden .aos-compare-card dl { margin: 0; }
.aos-skin-garden .aos-compare-card dl div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--gd-line); font-size: 14px; }
.aos-skin-garden .aos-compare-card dl div.aos-diff dt { color: var(--gd-forest); font-weight: 700; }
.aos-skin-garden .aos-compare-card dt { flex: 1 1 auto; min-width: 0; color: var(--gd-graphite); }
.aos-skin-garden .aos-compare-card dd { flex: 0 1 auto; max-width: 58%; margin: 0; font-weight: 700; text-align: right; }
.aos-skin-garden .aos-compare-card-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.aos-skin-garden .aos-compare-card-actions > * { flex: 1 1 120px; white-space: nowrap; }
.aos-skin-garden .aos-button-line { background: var(--gd-white) !important; color: var(--gd-forest) !important; box-shadow: inset 0 0 0 1.5px var(--gd-forest); text-align: center; }
@media (max-width: 720px) {
	.aos-skin-garden .aos-compare-wrap { display: none; }
	.aos-skin-garden .aos-compare-cards { display: grid; gap: 14px; margin: 0 0 16px; padding: 0; list-style: none; }
}

/* ---------------------------------------------------------------- configurator (lot G, aos-configurator.js)
   Progress in 4 steps, one question per screen with its garden drawing, then 3 models with why (confirmed
   by the sheet) and what to check (not published, or not meeting the answer). */
.aos-skin-garden .aos-cfg { margin: 24px 0 40px; }
.aos-skin-garden .aos-cfg-progress { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; margin: 0 0 22px; padding: 0; list-style: none; }
.aos-skin-garden .aos-cfg-progress li { display: flex; flex-direction: column; gap: 6px; padding-top: 10px; border-top: 5px solid var(--gd-line); font: 700 13px/1.2 var(--gd-display); color: var(--gd-graphite); }
.aos-skin-garden .aos-cfg-progress li span { font: 600 11px/1 var(--gd-body); color: var(--gd-graphite); }
.aos-skin-garden .aos-cfg-progress li.is-done { border-color: var(--gd-natural); color: var(--gd-forest); }
.aos-skin-garden .aos-cfg-progress li.is-current { border-color: var(--gd-lime); color: var(--gd-forest); }
.aos-skin-garden .aos-cfg-step { display: grid; grid-template-columns: 1.3fr 1fr; gap: 32px; align-items: center; padding: clamp(22px, 4vw, 44px); border-radius: var(--gd-radius-lg); background: var(--gd-white); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-cfg-count { margin: 0 0 8px; font: 700 12px/1 var(--gd-display); letter-spacing: .14em; text-transform: uppercase; color: var(--gd-natural); }
.aos-skin-garden .aos-cfg h2 { margin: 0 0 18px; font: 800 clamp(24px, 1rem + 1.6vw, 34px)/1.15 var(--gd-display); color: var(--gd-forest); }
.aos-skin-garden .aos-cfg-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.aos-skin-garden .aos-cfg-option { min-height: 64px; padding: 12px 16px; border: 0; border-radius: var(--gd-radius); background: var(--gd-paper); box-shadow: inset 0 0 0 1.5px var(--gd-line-strong); font: 700 16px/1.25 var(--gd-display); color: var(--gd-forest); text-align: left; cursor: pointer; transition: box-shadow .2s, transform .2s var(--gd-ease), background .2s; }
.aos-skin-garden .aos-cfg-option:hover { box-shadow: inset 0 0 0 2px var(--gd-natural); transform: translateY(-2px); }
.aos-skin-garden .aos-cfg-option[aria-checked="true"] { background: var(--gd-lime); box-shadow: none; }
.aos-skin-garden .aos-cfg-option:focus-visible, .aos-skin-garden .aos-cfg-back:focus-visible { outline: 3px solid var(--gd-forest); outline-offset: 3px; }
.aos-skin-garden .aos-cfg-art { width: 100%; height: auto; border-radius: var(--gd-radius); }
.aos-skin-garden .aos-cfg-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 18px 0 0; }
.aos-skin-garden .aos-cfg-back { min-height: var(--gd-tap); padding: 0 18px; border: 0; border-radius: var(--gd-pill); background: var(--gd-white); box-shadow: inset 0 0 0 1.5px var(--gd-forest); font: 700 14.5px/1 var(--gd-display); color: var(--gd-forest); cursor: pointer; }
.aos-skin-garden .aos-cfg-wait { padding: 24px; border-radius: var(--gd-radius); background: var(--gd-white); }
.aos-skin-garden .aos-cfg-results-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 22px; align-items: start; }
.aos-skin-garden .aos-cfg-results { padding: clamp(20px, 3vw, 34px); border-radius: var(--gd-radius-lg); background: var(--gd-white); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-cfg-hint { margin: -8px 0 18px; color: var(--gd-graphite); }
.aos-skin-garden .aos-cfg-list { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.aos-skin-garden .aos-cfg-result { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 20px; padding: 18px; border-radius: var(--gd-radius-lg); background: var(--gd-paper); box-shadow: inset 0 0 0 1px var(--gd-line); }
.aos-skin-garden .aos-cfg-result-img { position: relative; display: block; aspect-ratio: 1; border-radius: var(--gd-radius); background: radial-gradient(120% 90% at 50% 100%, var(--gd-sage), var(--gd-grey) 60%); }
.aos-skin-garden .aos-cfg-result-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 14px; box-sizing: border-box; mix-blend-mode: multiply; }
.aos-skin-garden .aos-cfg-rank { position: absolute; left: 10px; top: 10px; z-index: 1; padding: 6px 10px; border-radius: var(--gd-pill); background: var(--gd-forest); color: var(--gd-paper); font: 700 12px/1 var(--gd-display); }
.aos-skin-garden .aos-cfg-result-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.aos-skin-garden .aos-cfg-match { align-self: flex-start; margin: 0; padding: 6px 12px; border-radius: var(--gd-pill); background: var(--gd-sage); font: 700 12.5px/1.2 var(--gd-display); color: var(--gd-forest); }
.aos-skin-garden .aos-cfg-result h3 { margin: 0; font: 800 21px/1.2 var(--gd-display); }
.aos-skin-garden .aos-cfg-result h3 a { color: var(--gd-forest); text-decoration: none; }
.aos-skin-garden .aos-cfg-note { margin: 0; font-size: 13.5px; color: var(--gd-graphite); }
.aos-skin-garden .aos-cfg-why { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 4px 0; }
.aos-skin-garden .aos-cfg-why-title { margin: 0 0 6px; font: 700 12px/1 var(--gd-display); letter-spacing: .12em; text-transform: uppercase; color: var(--gd-forest); }
.aos-skin-garden .aos-cfg-why ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.aos-skin-garden .aos-cfg-why li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.45; }
.aos-skin-garden .aos-cfg-why li::before { position: absolute; left: 0; top: 0; font-weight: 800; }
.aos-skin-garden .aos-cfg-why li.is-ok::before { content: "✓"; color: var(--gd-natural); }
.aos-skin-garden .aos-cfg-why li.is-unknown::before { content: "?"; color: var(--gd-gold-deep); }
.aos-skin-garden .aos-cfg-why li.is-no::before { content: "✕"; color: #a33a2a; }
.aos-skin-garden .aos-cfg-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 4px 0 0; }
.aos-skin-garden .aos-cfg-actions .aos-aff-note { margin: 0; }
.aos-skin-garden .aos-cfg-side { display: grid; gap: 16px; position: sticky; top: 96px; }
.aos-skin-garden .aos-cfg-recap, .aos-skin-garden .aos-cfg-how { padding: 20px; border-radius: var(--gd-radius-lg); background: var(--gd-white); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-cfg-how { background: var(--gd-forest); color: var(--gd-mist); }
.aos-skin-garden .aos-cfg-how p { margin: 0; font-size: 14px; line-height: 1.55; }
.aos-skin-garden .aos-cfg-recap-title { margin: 0 0 10px !important; font: 800 16px/1.2 var(--gd-display) !important; color: var(--gd-forest); }
.aos-skin-garden .aos-cfg-how .aos-cfg-recap-title { color: var(--gd-paper); }
.aos-skin-garden .aos-cfg-recap dl { margin: 0; }
.aos-skin-garden .aos-cfg-recap dl div { padding: 8px 0; border-top: 1px solid var(--gd-line); }
.aos-skin-garden .aos-cfg-recap dt { font: 700 11px/1 var(--gd-display); letter-spacing: .12em; text-transform: uppercase; color: var(--gd-graphite); }
.aos-skin-garden .aos-cfg-recap dd { margin: 4px 0 0; font-weight: 700; color: var(--gd-forest); }
@media (max-width: 900px) {
	.aos-skin-garden .aos-cfg-step, .aos-skin-garden .aos-cfg-results-wrap { grid-template-columns: 1fr; }
	.aos-skin-garden .aos-cfg-art { max-width: 320px; order: -1; }
	.aos-skin-garden .aos-cfg-side { position: static; }
}
@media (max-width: 600px) {
	.aos-skin-garden .aos-cfg-options, .aos-skin-garden .aos-cfg-why { grid-template-columns: 1fr; }
	.aos-skin-garden .aos-cfg-result { grid-template-columns: 1fr; }
	.aos-skin-garden .aos-cfg-result-img { max-width: 200px; }
	.aos-skin-garden .aos-cfg-progress li { font-size: 0; }
	.aos-skin-garden .aos-cfg-progress li span { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.aos-skin-garden .aos-cfg-option { transition: none; }
	.aos-skin-garden .aos-cfg-option:hover { transform: none; }
}

/* ---------------------------------------------------------------- ranking (lot I, renderRanking) */
.aos-skin-garden .aos-rank-nav { margin: 1em 0 1.5em; }
.aos-skin-garden .aos-rank-section > h2 { margin-top: 1.6em; }
.aos-skin-garden .aos-rank-lead { max-width: 760px; color: var(--gd-graphite); }
.aos-skin-garden .aos-rank-list { gap: 16px; }
.aos-skin-garden .aos-rank-card { grid-template-columns: 200px minmax(0, 1fr); gap: 22px; padding: 18px; border: 0; border-radius: var(--gd-radius-lg); background: var(--gd-white); box-shadow: var(--gd-shadow); }
.aos-skin-garden .aos-rank-card:first-child { box-shadow: inset 0 0 0 2px var(--gd-gold), var(--gd-shadow); }
.aos-skin-garden .aos-rank-img { border-radius: var(--gd-radius); background: radial-gradient(120% 90% at 50% 100%, var(--gd-sage), var(--gd-grey) 60%); }
.aos-skin-garden .aos-rank-img img { position: absolute; inset: 0; padding: 16px; box-sizing: border-box; mix-blend-mode: multiply; }
.aos-skin-garden .aos-rank-pos { background: var(--gd-forest); color: var(--gd-lime); font-family: var(--gd-display); }
.aos-skin-garden .aos-rank-card:first-child .aos-rank-pos { background: var(--gd-gold); color: var(--gd-forest); }
.aos-skin-garden .aos-rank-brand { color: var(--gd-natural); font-family: var(--gd-display); }
.aos-skin-garden .aos-rank-body h3 { font: 800 22px/1.2 var(--gd-display); }
.aos-skin-garden .aos-rank-name { color: var(--gd-forest); text-decoration: none; }
.aos-skin-garden .aos-rank-name:hover { text-decoration: underline; text-decoration-color: var(--gd-natural); }
.aos-skin-garden .aos-rank-score { color: var(--gd-graphite); font-weight: 600; }
.aos-skin-garden .aos-rank-score b { font: 800 32px/1 var(--gd-display); color: var(--gd-forest); }
.aos-skin-garden .aos-rank-score span { margin-left: 6px; font-size: 13px; font-weight: 500; }
.aos-skin-garden .aos-rank-values { max-width: 520px; }
.aos-skin-garden .aos-rank-values div { border-color: var(--gd-line); font-size: 14.5px; }
.aos-skin-garden .aos-rank-values dt { color: var(--gd-graphite); }
.aos-skin-garden .aos-rank-strong { margin: .6em 0 0; font-size: 13.5px; color: var(--gd-forest); }
.aos-skin-garden .aos-rank-method { padding: clamp(20px, 3vw, 32px); border-radius: var(--gd-radius-lg); background: var(--gd-sage); }
.aos-skin-garden .aos-rank-method h2 { margin-top: 0; }
@media (max-width: 600px) {
	.aos-skin-garden .aos-rank-card { grid-template-columns: 1fr; }
}

/* Room kept for the browser apps while they load: the share block below them no longer jumps (CLS). */
.aos-skin-garden .aos-app[data-aos-app="configurator"] { min-height: 640px; }
.aos-skin-garden .aos-app[data-aos-app="compare"] { min-height: 560px; }
.aos-skin-garden .aos-app[data-aos-app="catalogue"] { min-height: 900px; }
@media (max-width: 720px) { .aos-skin-garden .aos-app[data-aos-app="configurator"] { min-height: 820px; } }