/* COVERAGE: sc-page, sc-container, sc-progress, sc-step-dot, sc-step-dot--active, sc-step-dot--done, sc-step-dot__circle, sc-step-dot__label, sc-step-line, sc-step-line--done, sc-card, sc-card__header, sc-card__badge, sc-card__title, sc-card__subtitle, sc-types, sc-type, sc-type__icon, sc-type__name, sc-type__desc, sc-type__desc-box, sc-type-desc, sc-type-desc__title, sc-type-desc__text, sc-categories, sc-cat, sc-cat--ai-selected, sc-cat__icon, sc-cat__name, sc-subcat, sc-selected, sc-selected__icon, sc-selected__info, sc-selected__name, sc-selected__label, sc-selected__change, sc-fields, sc-field, sc-field__label, sc-field__input, sc-field__row, sc-field__error, sc-actions, sc-btn, sc-btn--primary, sc-btn--outline, sc-btn--full, sc-btn--boost, sc-btn--ai, sc-btn--ai-sm, sc-btn--ai-inline, sc-btn--ai-secondary, sc-ai-badge, sc-ai-spinner, sc-ai-detect, sc-ai-detect__header, sc-ai-detect__title, sc-ai-detect__row, sc-ai-detect__result, sc-ai-detect__ok, sc-ai-detect__fail, sc-ai-suggest-tags, sc-ai-titles, sc-ai-title-chip, sc-ai-desc-actions, sc-ai-price-hint, sc-ai-quality, sc-ai-quality__header, sc-ai-quality__grade, sc-ai-quality__label, sc-ai-quality__bar-wrap, sc-ai-quality__bar, sc-ai-quality__checks, sc-ai-quality__check, sc-ai-quality__tips, sc-ai-quality__tip-title, sc-ai-quality__tip, sc-ai-quality__tip--success, sc-mk-banner, sc-mk-banner__icon, sc-mk-banner__text, sc-mk-banner__arrow, sc-auth-tabs, sc-auth-tab, sc-auth-tab--active, sc-social-btns, sc-social-btn, sc-social-btn--google, sc-social-btn--facebook, sc-divider, sc-consent, sc-anim-fade, sc-confetti-canvas, sc-success, sc-success__icon-wrap, sc-success__ring, sc-success__ring--1, sc-success__ring--2, sc-success__icon, sc-success__emojis, sc-emoji, sc-emoji--1, sc-emoji--2, sc-emoji--3, sc-success__title, sc-success__text, sc-success__actions, sc-share-section, sc-share__label, sc-share__label-icon, sc-share, sc-share__btn, sc-share__btn--fb, sc-share__btn--li, sc-share__btn--tw, sc-gold-card, sc-gold-card__inner, sc-gold-card__icon, sc-gold-card__body, sc-gold-card__title, sc-gold-card__text, sc-gold-card__perks, sc-gold-card__actions, sc-gold-cta, sc-gold-link, sc-donate-card, sc-donate-card__inner, sc-donate-card__icon, sc-donate-card__body, sc-donate-card__title, sc-donate-card__text, sc-donate-card__actions, sc-donate-chip, sc-donate-chip--star, sc-donate-chip--free, sc-availability, edit-avail-cell, g-recaptcha */

/* =====================================================================
   askaide.com — "Publier une annonce" wizard — akmk 3D reskin (2026)
   Scope  : everything inside .sc-page (step1..5, created, service/edit/step2)
   Markup : frozen — this sheet only restyles existing .sc-* hooks
   Theme  : light tokens on .sc-page, dark under html[data-theme="dark"]
            AND prefers-color-scheme guarded by html:not([data-theme="light"])
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,600;10..48,700;10..48,800&family=Figtree:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');

/* ── 1. TOKENS (verbatim from auth-akmk-2026.css) ── */
.sc-page {
  --ground:#FAF7F2; --surface:#FFFFFF; --surface-2:#F4F0E8; --raise:#FBF9F5;
  --ink:#191C26; --ink-soft:#565B6B; --ink-faint:#8B8F9C; --line:#ECE6DC; --line-2:#DED7C9;
  --primary:#2B4CF0; --primary-ink:#FFFFFF; --primary-soft:#EAEEFF; --primary-line:#CFD8FF; --violet:#6A4BF2;
  --accent:#FF6A45; --accent-soft:#FFEDE7; --accent-ink:#B33A1E;
  --trust:#0FA968; --trust-soft:#E3F6ED; --trust-ink:#0A7A4B; --gold:#F5A623;
  --shadow:0 1px 1px rgba(25,28,38,.05),0 4px 8px -3px rgba(25,28,38,.10),0 16px 30px -12px rgba(25,28,38,.16);
  --lift:0 24px 44px -14px rgba(25,28,38,.24),0 46px 100px -30px rgba(43,76,240,.28);
  --edge:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(25,28,38,.03);
  --r:26px; --r-sm:15px; --r-pill:999px; --display:'Bricolage Grotesque','Figtree',system-ui,sans-serif;
  --body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --br:8px; /* focus-ring radius, see §16 */
  --ring:rgba(43,76,240,.4); color-scheme:light;
  /* wizard-only extras (brand + select chevron), themed below */
  --fb:#1877F2; --tw:#14171A;
  --chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23565B6B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .sc-page {
  --ground:#0E1017; --surface:#171A22; --surface-2:#1E2230; --raise:#1B1F29;
  --ink:#F1EFEA; --ink-soft:#A7ABB8; --ink-faint:#767B8B; --line:#272B37; --line-2:#353B4B;
  --primary:#6B84FF; --primary-ink:#0C1024; --primary-soft:#1A2242; --primary-line:#2C3768; --violet:#8B78FF;
  --accent:#FF7E5C; --accent-soft:#39241D; --accent-ink:#FFB59F;
  --trust:#34D399; --trust-soft:#122A20; --trust-ink:#7EE9BE; --gold:#FBBF52;
  --shadow:0 1px 1px rgba(0,0,0,.5),0 6px 14px -6px rgba(0,0,0,.6),0 20px 40px -16px rgba(0,0,0,.72);
  --lift:0 28px 54px -16px rgba(0,0,0,.8),0 56px 116px -34px rgba(107,132,255,.42);
  --edge:inset 0 1.5px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.35); --ring:rgba(107,132,255,.5);
  color-scheme:dark;
  --fb:#5B9BFF; --tw:#2A2E36;
  --chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A7ABB8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .sc-page {
  --ground:#0E1017; --surface:#171A22; --surface-2:#1E2230; --raise:#1B1F29;
  --ink:#F1EFEA; --ink-soft:#A7ABB8; --ink-faint:#767B8B; --line:#272B37; --line-2:#353B4B;
  --primary:#6B84FF; --primary-ink:#0C1024; --primary-soft:#1A2242; --primary-line:#2C3768; --violet:#8B78FF;
  --accent:#FF7E5C; --accent-soft:#39241D; --accent-ink:#FFB59F;
  --trust:#34D399; --trust-soft:#122A20; --trust-ink:#7EE9BE; --gold:#FBBF52;
  --shadow:0 1px 1px rgba(0,0,0,.5),0 6px 14px -6px rgba(0,0,0,.6),0 20px 40px -16px rgba(0,0,0,.72);
  --lift:0 28px 54px -16px rgba(0,0,0,.8),0 56px 116px -34px rgba(107,132,255,.42);
  --edge:inset 0 1.5px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.35); --ring:rgba(107,132,255,.5);
  color-scheme:dark;
  --fb:#5B9BFF; --tw:#2A2E36;
  --chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A7ABB8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
}

/* ── 2. PAGE GROUND — aurora + dot grid ── */
.sc-page {
  position:relative; isolation:isolate; min-height:100vh; padding:104px 20px 72px; background:var(--ground);
  color:var(--ink); font-family:var(--body); font-size:15.5px; line-height:1.55;
  -webkit-font-smoothing:antialiased; box-sizing:border-box;
}
.sc-page *, .sc-page *::before, .sc-page *::after{ box-sizing:border-box; }
.sc-page::before,
.sc-page::after {
  content:""; position:absolute; inset:0; pointer-events:none; z-index:-1;
}
.sc-page::before {
  background:
    radial-gradient(52% 44% at 8% 4%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 70%),
    radial-gradient(40% 36% at 22% 12%,color-mix(in srgb,var(--violet) 14%,transparent),transparent 72%),
    radial-gradient(48% 42% at 94% 96%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),
    radial-gradient(36% 30% at 78% 86%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 72%);
  filter:blur(6px);
}
.sc-page::after {
  background-image:radial-gradient(color-mix(in srgb,var(--ink) 18%,transparent) .6px,transparent .7px);
  background-size:22px 22px; opacity:.5;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 78%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 78%);
}
main.sc-page :is(a, input, select, textarea, p, span, small, strong, em, label, li){ font-family:var(--body) !important; }
main.sc-page :is(.sc-btn, .sc-gold-cta, .sc-card__title, .sc-success__title, .sc-gold-card__title, .sc-donate-card__title, .sc-step-dot__circle){ font-family:var(--display) !important; }
main.sc-page :is(.sc-btn--ai, .sc-btn--ai-sm, .sc-btn--ai-inline, .sc-btn--ai-secondary){ font-family:var(--body) !important; }

.sc-container{ position:relative; max-width:820px; margin:0 auto; }

/* ── 3. STEPPER — 3D pill track ── */
.sc-progress {
  display:flex; align-items:center; justify-content:center; gap:0; margin:0 auto 42px; padding:10px 18px;
  max-width:560px; background:color-mix(in srgb,var(--surface) 72%,transparent); border:1px solid var(--line);
  border-radius:var(--r-pill); box-shadow:var(--shadow),var(--edge); -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.sc-step-dot {
  position:relative; display:flex; flex-direction:column; align-items:center; flex:0 0 auto;
}
.sc-step-dot__circle {
  display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--surface-2);
  border:1px solid var(--line-2); color:var(--ink-soft); font-size:.95rem; font-weight:700;
  box-shadow:var(--edge),0 2px 6px -2px rgba(25,28,38,.18);
  transition:transform .3s cubic-bezier(.2,.8,.3,1.2),box-shadow .3s,background .3s,color .3s;
}
.sc-step-dot--active .sc-step-dot__circle {
  background:linear-gradient(135deg,var(--primary),var(--violet)); border-color:transparent; color:var(--primary-ink);
  transform:scale(1.06);
  box-shadow:0 0 0 6px var(--primary-soft),var(--edge),0 10px 22px -8px color-mix(in srgb,var(--primary) 60%,transparent);
}
.sc-step-dot--done .sc-step-dot__circle {
  background:linear-gradient(135deg,var(--trust),color-mix(in srgb,var(--trust) 70%,var(--primary)));
  border-color:transparent; color:var(--primary-ink);
}
/* mobile: visually hidden (still read by AT); ≥640px: absolutely positioned under the pill */
.sc-step-dot__label {
  position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%);
  white-space:nowrap; margin:0; font-size:.68rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-soft);
}
.sc-step-dot--active .sc-step-dot__label{ color:var(--primary); }
.sc-step-dot--done .sc-step-dot__label{ color:var(--trust-ink); }
.sc-step-line {
  flex:1 1 32px; height:3px; margin:0 6px; border-radius:3px; background:var(--line-2);
  transition:background .4s;
}
.sc-step-line--done{ background:linear-gradient(90deg,var(--primary),var(--trust)); }
@media (min-width: 640px) {
  .sc-progress{ margin-bottom:56px; padding-inline:26px; }
  /* circle bottom + pill padding (10px) + 8px clearance → label sits fully below the pill border */
  .sc-step-dot__label {
    display:block; position:absolute; top:calc(100% + 18px); left:50%; transform:translateX(-50%);
    width:auto; height:auto; overflow:visible; clip:auto; clip-path:none;
  }
}

/* ── 4. GLASS CARD ── */
.sc-card {
  position:relative; padding:clamp(28px,4vw,48px);
  background:color-mix(in srgb,var(--surface) 86%,transparent); border:1px solid var(--line);
  border-radius:var(--r); box-shadow:var(--shadow),var(--edge);
  -webkit-backdrop-filter:blur(14px) saturate(1.15); backdrop-filter:blur(14px) saturate(1.15);
  animation:scFadeUp .55s cubic-bezier(.2,.8,.2,1) both;
}
.sc-card + .sc-card{ margin-top:22px; }
.sc-card__header{ margin-bottom:26px; text-align:center; }
.sc-card__badge {
  display:inline-flex; align-items:center; gap:8px; margin-bottom:14px; padding:6px 14px;
  border-radius:var(--r-pill); background:var(--primary-soft); border:1px solid var(--primary-line);
  color:var(--primary); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.sc-card__badge::before {
  content:""; width:7px; height:7px; border-radius:50%; background:var(--primary);
  box-shadow:0 0 0 3px var(--primary-line);
}
.sc-card__badge svg {
  width:16px; height:16px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;
}
.sc-card__title {
  margin:0 0 10px; font-family:var(--display); font-size:clamp(1.6rem,3.4vw,2.1rem); font-weight:800;
  line-height:1.12; letter-spacing:-.02em; color:var(--ink); text-wrap:balance;
}
.sc-card__title em,
.sc-card__title strong {
  font-style:normal; background:linear-gradient(95deg,var(--primary),var(--violet));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.sc-card__subtitle {
  margin:0 auto; max-width:56ch; color:var(--ink-soft); font-size:1rem; line-height:1.6;
}

/* ── 5. TYPE CARDS (step 1) + type description ── */
.sc-types {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0 0 26px;
}
.sc-type{ position:relative; }
/* radio sits under the pointer so label:hover can fire; <label for> still toggles it */
.sc-type input[type="radio"] {
  position:absolute; inset:0; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; z-index:1;
  pointer-events:none;
}
.sc-type label {
  --br:22px; position:relative; display:flex; flex-direction:column; align-items:center; gap:14px;
  min-height:44px; padding:26px 20px; background:var(--surface-2); border:2px solid var(--line);
  border-radius:22px; color:var(--ink); text-align:center; cursor:pointer; box-shadow:var(--edge);
  transition:transform .28s cubic-bezier(.2,.8,.3,1.1),box-shadow .28s,border-color .2s,background .2s;
}
.sc-type label:hover{ transform:translateY(-4px); box-shadow:var(--lift),var(--edge); border-color:var(--line-2); }
.sc-type input:checked + label {
  border-color:var(--primary-line); background:color-mix(in srgb,var(--primary-soft) 70%,var(--surface));
  box-shadow:0 0 0 4px var(--primary-soft),var(--shadow),var(--edge);
}
.sc-type input:checked + label .sc-type__icon{ animation:scPop .45s cubic-bezier(.2,.8,.3,1.4); }
.sc-type__icon {
  display:grid; place-items:center; width:72px; height:72px; border-radius:22px;
  background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink);
  box-shadow:var(--edge),0 12px 26px -10px color-mix(in srgb,var(--primary) 60%,transparent);
}
.sc-type__icon svg{ width:34px; height:34px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.sc-type__icon img{ width:36px; height:36px; object-fit:contain; }
.sc-type__name{ font-size:1.05rem; font-weight:700; letter-spacing:-.01em; }
.sc-type__desc, .sc-type-desc__text{ color:var(--ink-soft); font-size:.92rem; line-height:1.55; }
.sc-type__desc-box, .sc-type-desc {
  margin:0 0 22px; padding:16px 20px; border-radius:var(--r-sm); background:var(--surface-2);
  border:1px dashed var(--primary-line); box-shadow:var(--edge);
}
.sc-type-desc__title{ margin:0 0 4px; font-weight:700; color:var(--primary); font-size:.95rem; }
.sc-type-desc__text{ margin:0; }

/* ── 6. CATEGORY GRID (step 2) + selected strip + subcategory ── */
.sc-categories {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(128px,1fr)); gap:14px; margin:0 0 26px;
}
.sc-cat{ position:relative; }
.sc-cat input[type="radio"]{ position:absolute; inset:0; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; z-index:1; pointer-events:none; }
.sc-cat label {
  --br:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  min-height:118px; padding:16px 10px; background:var(--surface-2); border:2px solid var(--line);
  border-radius:18px; color:var(--ink); cursor:pointer; box-shadow:var(--edge);
  transition:transform .25s cubic-bezier(.2,.8,.3,1.1),box-shadow .25s,border-color .2s,background .2s;
}
.sc-cat label:hover{ transform:translateY(-3px); box-shadow:var(--shadow),var(--edge); border-color:var(--line-2); }
.sc-cat input:checked + label {
  border-color:var(--primary-line); background:color-mix(in srgb,var(--primary-soft) 70%,var(--surface));
  box-shadow:0 0 0 4px var(--primary-soft),var(--shadow),var(--edge);
}
.sc-cat--ai-selected label,
.sc-cat.sc-cat--ai-selected label {
  border-color:var(--primary); animation:sc-ai-glow 1.6s ease-in-out infinite;
}
.sc-cat__icon {
  width:46px; height:46px; object-fit:contain; filter:drop-shadow(0 4px 8px rgba(25,28,38,.14));
  transition:transform .25s;
}
.sc-cat label:hover .sc-cat__icon, .sc-cat input:checked + label .sc-cat__icon{ transform:scale(1.08); }
.sc-cat__name{ font-size:.84rem; font-weight:600; text-align:center; line-height:1.3; overflow-wrap:anywhere; hyphens:auto; }

.sc-selected {
  display:flex; align-items:center; gap:14px; margin:0 0 24px; padding:14px 18px; background:var(--surface-2);
  border:1px solid var(--primary-line); border-radius:var(--r-sm); box-shadow:var(--edge);
}
.sc-selected__icon {
  flex:0 0 auto; width:48px; height:48px; padding:8px; border-radius:14px; background:var(--surface);
  border:1px solid var(--line); object-fit:contain;
}
.sc-selected__info{ flex:1 1 auto; min-width:0; }
.sc-selected__label{ display:block; margin:0; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }
.sc-selected__name{ display:block; margin:0; font-weight:700; font-size:1.02rem; color:var(--ink); }
.sc-selected__change {
  display:inline-flex; align-items:center; min-height:44px; padding:0 6px; margin-block:-12px; margin-inline:auto -6px;
  color:var(--primary); font-weight:600; font-size:.9rem; text-decoration:none; white-space:nowrap;
}
.sc-selected__change:hover{ text-decoration:underline; }
.sc-subcat{ margin:0 0 22px; }
.sc-subcat label{ display:block; margin-bottom:8px; font-weight:600; color:var(--ink); font-size:.92rem; }

/* ── 7. FIELDS ── */
.sc-fields{ display:flex; flex-direction:column; gap:20px; margin:0 0 26px; }
.sc-field{ display:flex; flex-direction:column; gap:8px; }
.sc-field__label{ font-size:.92rem; font-weight:600; color:var(--ink); }
.sc-field__label em{ font-style:normal; color:var(--accent); margin-inline-start:2px; }
.sc-field__label small{ display:block; margin-top:2px; font-size:.8rem; font-weight:400; color:var(--ink-faint); }
.sc-field__row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sc-subcat select, .sc-field__input {
  --br:var(--r-sm); display:block; width:100%; min-height:50px; padding:13px 16px; background:var(--surface);
  border:1.5px solid var(--line-2); border-radius:var(--r-sm); color:var(--ink); font-size:1rem;
  line-height:1.4; box-shadow:var(--edge); appearance:none; -webkit-appearance:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
textarea.sc-field__input{ min-height:140px; resize:vertical; }
.sc-field__input::placeholder{ color:var(--ink-faint); opacity:1; }
.sc-subcat select:hover, .sc-field__input:hover{ border-color:var(--ink-faint); }
.sc-subcat select:focus, .sc-field__input:focus {
  outline:none; border-color:var(--primary); box-shadow:0 0 0 4px var(--primary-soft),var(--edge);
}
.sc-subcat select, select.sc-field__input {
  padding-inline-end:44px; background-image:var(--chevron);
  background-repeat:no-repeat; background-position:right 16px center; cursor:pointer;
}
select.sc-field__input[multiple]{ background-image:none; padding-inline-end:16px; min-height:150px; cursor:default; }
select.sc-field__input option, .sc-subcat select option{ background:var(--surface); color:var(--ink); }
.sc-field__error {
  display:inline-flex; align-items:center; gap:6px; width:fit-content; margin:0; padding:5px 12px;
  border-radius:var(--r-pill); background:var(--accent-soft); color:var(--accent-ink); font-size:.82rem;
  font-weight:600;
}
.sc-field__error:empty{ display:none; }

/* ── 8. ACTIONS + BUTTONS ── */
.sc-actions{ display:flex; align-items:center; justify-content:flex-end; gap:14px; margin-top:8px; }
.sc-btn {
  --br:16px; position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:50px; padding:13px 26px; border:1.5px solid transparent; border-radius:16px;
  font-family:var(--display); font-size:1rem; font-weight:700; letter-spacing:-.01em; line-height:1.2;
  text-decoration:none; cursor:pointer; overflow:hidden; isolation:isolate;
  transition:transform .25s cubic-bezier(.2,.8,.3,1.1),box-shadow .25s,filter .2s,border-color .2s,color .2s,background .2s;
}
.sc-btn:disabled, .sc-btn[aria-disabled="true"]{ opacity:.55; cursor:not-allowed; pointer-events:none; }
.sc-btn svg {
  width:18px; height:18px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;
}
.sc-btn--primary {
  background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink);
  box-shadow:var(--shadow),0 8px 20px -8px color-mix(in srgb,var(--primary) 70%,transparent),inset 0 1.5px 0 rgba(255,255,255,.28);
}
.sc-btn--primary::after {
  content:""; position:absolute; top:-20%; left:-70%; width:45%; height:140%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); transform:skewX(-18deg);
  transition:left .6s cubic-bezier(.2,.8,.2,1); pointer-events:none;
}
.sc-btn--primary:hover{ filter:brightness(1.06); transform:translateY(-2px); box-shadow:var(--lift),inset 0 1.5px 0 rgba(255,255,255,.28); color:var(--primary-ink); }
.sc-btn--primary:hover::after{ left:130%; }
.sc-btn--primary:active{ transform:translateY(0) scale(.99); }
.sc-btn--outline{ background:transparent; border-color:var(--line-2); color:var(--ink-soft); }
.sc-btn--outline:hover{ color:var(--primary); border-color:var(--primary); background:var(--primary-soft); transform:translateY(-2px); }
.sc-btn--full{ width:100%; }
.sc-btn--boost {
  background:linear-gradient(120deg,var(--gold),var(--accent),var(--gold)); background-size:200% 100%;
  color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.18);
  box-shadow:0 10px 26px -10px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1.5px 0 rgba(255,255,255,.3);
  animation:scGlow 2.6s ease-in-out infinite,scShimmer 3.2s linear infinite;
}
.sc-btn--boost:hover{ transform:translateY(-2px); filter:brightness(1.05); color:#fff; }

/* AI buttons — small pills */
.sc-btn--ai, .sc-btn--ai-sm, .sc-btn--ai-inline, .sc-btn--ai-secondary {
  --br:var(--r-pill); min-height:44px; padding:9px 18px; border-radius:var(--r-pill);
  background:var(--primary-soft); border-color:var(--primary-line); color:var(--primary);
  font-family:var(--body); font-size:.88rem; font-weight:700; box-shadow:var(--edge);
}
.sc-btn--ai-sm, .sc-btn--ai-inline{ min-height:44px; padding:7px 14px; font-size:.82rem; }
.sc-btn--ai-inline{ align-self:flex-start; width:fit-content; margin-top:4px; }
.sc-btn--ai:hover, .sc-btn--ai-sm:hover, .sc-btn--ai-inline:hover{ background:var(--primary); border-color:var(--primary); color:var(--primary-ink); transform:translateY(-2px); box-shadow:var(--shadow); }
.sc-btn--ai-secondary {
  background:color-mix(in srgb,var(--gold) 16%,var(--surface));
  border-color:color-mix(in srgb,var(--gold) 45%,transparent);
  color:color-mix(in srgb,var(--gold) 40%,var(--ink));
}
.sc-btn--ai-secondary:hover{ background:var(--gold); border-color:var(--gold); color:#1a1408; transform:translateY(-2px); }

/* ── 9. AI HELPERS — badge, spinner, detect, tags, titles, price, quality ── */
.sc-ai-badge {
  display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:var(--r-pill);
  background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink); font-size:.68rem;
  font-weight:800; letter-spacing:.1em; text-transform:uppercase; box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
.sc-ai-spinner {
  display:inline-block; width:16px; height:16px; border:2.5px solid var(--primary-line);
  border-top-color:var(--primary); border-radius:50%; vertical-align:-3px; animation:sc-spin .8s linear infinite;
}
.sc-ai-detect, .sc-ai-titles, .sc-ai-quality, .sc-mk-banner {
  margin:0 0 24px; padding:18px 20px; background:var(--surface-2); border:1.5px dashed var(--primary-line);
  border-radius:18px; box-shadow:var(--edge); animation:scFadeUp .4s cubic-bezier(.2,.8,.2,1) both;
}
.sc-ai-detect__header, .sc-ai-quality__header{ display:flex; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.sc-ai-detect__title{ font-weight:700; color:var(--ink); font-size:.98rem; }
.sc-ai-detect__row{ display:flex; gap:10px; align-items:stretch; }
.sc-ai-detect__row .sc-field__input{ flex:1 1 auto; }
.sc-ai-detect__row .sc-btn{ flex:0 0 auto; }
.sc-ai-detect__result{ margin-top:12px; font-size:.9rem; color:var(--ink-soft); }
.sc-ai-detect__result:empty{ display:none; }
.sc-ai-detect__ok, .sc-ai-detect__fail {
  display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:var(--r-pill);
  font-weight:600; animation:scPop .35s cubic-bezier(.2,.8,.3,1.3);
}
.sc-ai-detect__ok{ background:var(--trust-soft); color:var(--trust-ink); }
.sc-ai-detect__fail{ background:var(--accent-soft); color:var(--accent-ink); }
.sc-ai-suggest-tags, .sc-ai-titles, .sc-ai-desc-actions{ display:flex; flex-wrap:wrap; gap:10px; }
.sc-ai-suggest-tags{ margin:0 0 22px; }
.sc-ai-suggest-tags:empty, .sc-ai-titles:empty{ display:none; }
.sc-ai-desc-actions{ margin-top:8px; }
/* chips only — the #aiTagsBtn/#aiGenBtn .sc-btn--ai-sm inside .sc-ai-suggest-tags keep the AI button look */
.sc-ai-title-chip, .sc-ai-suggest-tags button:not(.sc-btn) {
  --br:var(--r-pill); display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:8px 16px;
  background:var(--surface); border:1.5px solid var(--primary-line); border-radius:var(--r-pill);
  color:var(--ink); font-family:var(--body); font-size:.88rem; font-weight:600; text-align:start;
  cursor:pointer; box-shadow:var(--edge);
  transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;
}
.sc-ai-title-chip:hover, .sc-ai-suggest-tags button:not(.sc-btn):hover{ background:var(--primary-soft); border-color:var(--primary); color:var(--primary); transform:translateY(-2px); box-shadow:var(--shadow); }
.sc-ai-price-hint {
  display:flex; align-items:center; gap:8px; margin-top:4px; padding:8px 14px; border-radius:var(--r-sm);
  background:var(--trust-soft); border:1px solid color-mix(in srgb,var(--trust) 35%,transparent);
  color:var(--trust-ink); font-size:.86rem; font-weight:600;
}
.sc-ai-price-hint:empty{ display:none; }

/* Quality score */
.sc-ai-quality__grade {
  display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:var(--surface);
  border:1.5px solid var(--line-2); font-family:var(--display); font-size:1.15rem; font-weight:800;
  box-shadow:var(--edge);
}
.sc-ai-quality__label{ font-weight:700; color:var(--ink); }
.sc-ai-quality__bar-wrap{ height:10px; margin:6px 0 14px; border-radius:var(--r-pill); background:var(--line); overflow:hidden; box-shadow:inset 0 1px 2px rgba(0,0,0,.08); }
.sc-ai-quality__bar{ height:100%; width:0; border-radius:var(--r-pill); background:linear-gradient(90deg,var(--primary),var(--trust)); transition:width .7s cubic-bezier(.2,.8,.2,1); }
.sc-ai-quality__checks{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:8px 16px; margin:0; padding:0; list-style:none; }
.sc-ai-quality__check{ display:flex; align-items:center; gap:8px; font-size:.88rem; color:var(--ink-soft); }
.sc-ai-quality__check small{ color:var(--ink-soft); font-size:.78rem; }
.sc-ai-quality__tips{ margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.sc-ai-quality__tips:empty{ display:none; }
.sc-ai-quality__tip-title{ margin:0 0 6px; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }
.sc-ai-quality__tip{ margin:0 0 6px; padding:8px 12px; border-radius:10px; background:var(--surface); border-inline-start:3px solid var(--gold); font-size:.88rem; color:var(--ink-soft); }
.sc-ai-quality__tip--success{ border-inline-start-color:var(--trust); background:var(--trust-soft); color:var(--trust-ink); }

/* Marketplace banner (legacy hook, kept covered) */
.sc-mk-banner{ display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--ink); border-style:solid; cursor:pointer; }
.sc-mk-banner:hover{ transform:translateY(-2px); box-shadow:var(--shadow),var(--edge); }
.sc-mk-banner__icon{ display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:14px; background:linear-gradient(135deg,var(--gold),var(--accent)); color:#fff; box-shadow:var(--edge); }
.sc-mk-banner__text{ flex:1 1 auto; font-size:.92rem; color:var(--ink-soft); }
.sc-mk-banner__text strong{ color:var(--ink); }
.sc-mk-banner__arrow{ color:var(--primary); font-weight:800; transition:transform .2s; }
.sc-mk-banner:hover .sc-mk-banner__arrow{ transform:translateX(4px); }

/* ── 10. AUTH (step 5) — segmented tabs, social, divider, consent ── */
.sc-auth-tabs {
  display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:0 0 24px; padding:5px;
  background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-pill); box-shadow:var(--edge);
}
.sc-auth-tab {
  --br:var(--r-pill); min-height:44px; padding:10px 16px; border:0; border-radius:var(--r-pill);
  background:transparent; color:var(--ink-soft); font-family:var(--body); font-size:.95rem; font-weight:700;
  cursor:pointer; transition:background .25s,color .25s,box-shadow .25s;
}
.sc-auth-tab:hover{ color:var(--primary); }
.sc-auth-tab--active {
  background:linear-gradient(135deg,var(--primary),var(--violet)); color:var(--primary-ink);
  box-shadow:var(--shadow),inset 0 1.5px 0 rgba(255,255,255,.28);
}
.sc-social-btns{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 0 20px; }
.sc-social-btn {
  --br:var(--r-sm); display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:48px;
  padding:11px 16px; background:var(--surface); border:1.5px solid var(--line-2); border-radius:var(--r-sm);
  color:var(--ink); font-size:.95rem; font-weight:700; text-decoration:none; cursor:pointer; box-shadow:var(--edge);
  transition:transform .22s,box-shadow .22s,border-color .2s;
}
.sc-social-btn:hover{ transform:translateY(-2px); box-shadow:var(--shadow),var(--edge); border-color:var(--ink-faint); }
.sc-social-btn svg, .sc-social-btn img{ width:20px; height:20px; flex:0 0 auto; }
.sc-social-btn--google{ color:var(--ink); }
.sc-social-btn--google:hover{ border-color:var(--primary); }
.sc-social-btn--facebook{ color:var(--fb); }
.sc-social-btn--facebook:hover{ border-color:var(--fb); }
.sc-divider {
  display:flex; align-items:center; gap:14px; margin:0 0 22px; color:var(--ink-soft); font-size:.8rem;
  font-weight:600; letter-spacing:.06em; text-transform:uppercase;
}
.sc-divider::before, .sc-divider::after{ content:""; flex:1 1 auto; height:1px; background:var(--line); }
.sc-consent {
  display:flex; align-items:flex-start; gap:12px; margin:4px 0 22px; font-size:.88rem; line-height:1.5;
  color:var(--ink-soft); cursor:pointer;
}
.sc-consent input[type="checkbox"] {
  --br:7px; flex:0 0 auto; width:20px; height:20px; margin:2px 0 0; appearance:none; -webkit-appearance:none;
  background:var(--surface); border:1.5px solid var(--line-2); border-radius:7px; display:grid;
  place-items:center; cursor:pointer; transition:background .2s,border-color .2s,box-shadow .2s;
}
.sc-consent input[type="checkbox"]::after {
  content:""; width:6px; height:10px; border:solid var(--primary-ink); border-width:0 2.5px 2.5px 0;
  transform:rotate(45deg) scale(0); margin-top:-2px; transition:transform .18s cubic-bezier(.2,.8,.3,1.4);
}
.sc-consent input[type="checkbox"]:checked{ background:linear-gradient(135deg,var(--primary),var(--violet)); border-color:transparent; box-shadow:0 0 0 3px var(--primary-soft); }
.sc-consent input[type="checkbox"]:checked::after{ transform:rotate(45deg) scale(1); }
.sc-consent a{ color:var(--primary); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.sc-page .g-recaptcha{ margin:0 0 20px; }
.sc-page .g-recaptcha > div{ max-width:100%; }

/* ── 11. SUCCESS (created page) — icon, rings, emojis, share ── */
.sc-confetti-canvas{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:10; }
.sc-anim-fade{ animation:scFadeUp .6s cubic-bezier(.2,.8,.2,1) both; }
.sc-success{ text-align:center; }
.sc-success__icon-wrap{ position:relative; display:grid; place-items:center; width:132px; height:132px; margin:0 auto 22px; }
.sc-success__ring{ position:absolute; inset:0; border-radius:50%; border:2px solid var(--trust); opacity:0; }
.sc-success__ring--1{ animation:scRingPulse 2.2s ease-out infinite; }
.sc-success__ring--2{ animation:scRingPulse 2.2s ease-out .7s infinite; }
.sc-success__icon {
  position:relative; display:grid; place-items:center; width:92px; height:92px; border-radius:30px;
  background:linear-gradient(135deg,var(--trust),color-mix(in srgb,var(--trust) 65%,var(--primary)));
  color:#fff; box-shadow:var(--edge),0 16px 34px -12px color-mix(in srgb,var(--trust) 70%,transparent);
  animation:scPop .6s cubic-bezier(.2,.8,.3,1.4) both;
}
.sc-success__icon svg{ width:46px; height:46px; stroke:#fff; fill:none; stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; }
.sc-success__icon svg path, .sc-success__icon svg polyline{ stroke-dasharray:60; stroke-dashoffset:60; animation:scCheckDraw .6s ease-out .35s forwards; }
.sc-success__emojis{ display:flex; justify-content:center; gap:12px; margin:0 0 18px; font-size:1.6rem; }
.sc-emoji{ display:inline-block; animation:scBounce 1.8s ease-in-out infinite; }
.sc-emoji--1{ animation-delay:0s; }
.sc-emoji--2{ animation-delay:.2s; }
.sc-emoji--3{ animation-delay:.4s; }
.sc-success__title {
  margin:0 0 12px; font-family:var(--display); font-size:clamp(1.7rem,3.6vw,2.3rem); font-weight:800;
  letter-spacing:-.02em; line-height:1.1; background:linear-gradient(95deg,var(--trust),var(--primary));
  -webkit-background-clip:text; background-clip:text; color:transparent; text-wrap:balance;
}
.sc-success__text{ max-width:54ch; margin:0 auto 26px; color:var(--ink-soft); font-size:1.02rem; line-height:1.6; }
.sc-success__actions{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:26px; }
.sc-share-section{ margin:26px 0 0; padding:20px; background:var(--surface-2); border:1px solid var(--line); border-radius:18px; box-shadow:var(--edge); }
.sc-share__label{ display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 14px; font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }
.sc-share__label-icon{ display:inline-grid; place-items:center; width:22px; height:22px; color:var(--primary); }
.sc-share{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.sc-share__btn {
  --br:14px; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px;
  padding:10px 18px; border-radius:14px; color:#fff; font-size:.9rem; font-weight:700; text-decoration:none;
  box-shadow:var(--shadow),inset 0 1.5px 0 rgba(255,255,255,.22);
  transition:transform .22s,box-shadow .22s,filter .2s;
}
.sc-share__btn:hover{ transform:translateY(-3px); box-shadow:var(--lift); filter:brightness(1.06); color:#fff; }
.sc-share__btn svg{ width:18px; height:18px; fill:currentColor; }
.sc-share__btn--fb{ background:#1877F2; }
.sc-share__btn--li{ background:#0A66C2; }
.sc-share__btn--tw{ background:var(--tw); }

/* ── 12. GOLD + DONATE cards (created) — beats inline <style> via .sc-page ── */
/* gold-tinted surface + ink text (akmk pattern) — AA in both themes; the CTA alone carries the gold gradient */
.sc-page .sc-gold-card {
  position:relative; margin:26px 0 0; padding:24px 26px; border-radius:22px;
  border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);
  background:color-mix(in srgb,var(--gold) 16%,var(--surface));
  color:var(--ink); box-shadow:var(--shadow),var(--edge); overflow:hidden; text-align:start;
}
.sc-page .sc-gold-card::before{ content:""; position:absolute; inset:0; background:radial-gradient(60% 80% at 100% 0%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 70%); pointer-events:none; }
.sc-page .sc-gold-card__inner{ position:relative; display:flex; align-items:flex-start; gap:18px; padding:0; }
.sc-page .sc-gold-card__icon{ display:grid; place-items:center; flex:0 0 56px; width:56px; height:56px; border-radius:18px; background:linear-gradient(135deg,var(--gold),var(--accent)); border:0; color:#241703; font-size:1.6rem; box-shadow:var(--edge),0 10px 22px -10px color-mix(in srgb,var(--accent) 60%,transparent); }
.sc-page .sc-gold-card__icon svg{ width:28px; height:28px; }
.sc-page .sc-gold-card__body{ flex:1 1 auto; min-width:0; }
.sc-page .sc-gold-card__title{ margin:0 0 6px; font-family:var(--display); font-size:1.25rem; font-weight:800; letter-spacing:-.01em; color:var(--ink); }
.sc-page .sc-gold-card__text{ margin:0 0 12px; color:var(--ink-soft); font-size:.95rem; line-height:1.55; }
.sc-page .sc-gold-card__perks{ margin:0 0 16px; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; color:var(--ink); }
.sc-page .sc-gold-card__perks li{ padding:5px 12px; border-radius:var(--r-pill); background:color-mix(in srgb,var(--gold) 22%,var(--surface)); border:1px solid color-mix(in srgb,var(--gold) 45%,transparent); color:var(--ink); font-size:.82rem; font-weight:600; line-height:1.4; }
.sc-page .sc-gold-card__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.sc-page .sc-gold-cta {
  --br:14px; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px;
  padding:11px 22px; border-radius:14px; background:linear-gradient(135deg,var(--gold),var(--accent));
  color:#241703; /* literal on a literal-bright gradient: >=6:1 on gold/accent in both themes */
  font-family:var(--display); font-size:.98rem; font-weight:800; text-decoration:none;
  box-shadow:var(--shadow),0 10px 24px -10px color-mix(in srgb,var(--accent) 60%,transparent),inset 0 1.5px 0 rgba(255,255,255,.35);
  transition:transform .22s,box-shadow .22s,filter .2s;
}
.sc-page .sc-gold-cta:hover{ transform:translateY(-2px); filter:brightness(1.05); box-shadow:var(--lift),inset 0 1.5px 0 rgba(255,255,255,.35); color:#241703; }
.sc-page .sc-gold-link{ display:inline-flex; align-items:center; min-height:44px; padding:0 6px; margin:-12px -6px; color:var(--ink); font-weight:600; font-size:.9rem; text-decoration:underline; text-underline-offset:3px; }
.sc-page .sc-gold-link:hover{ color:var(--accent-ink); }

.sc-page .sc-donate-card{ margin:22px 0 0; padding:22px 24px; border-radius:22px; background:var(--surface-2); border:1.5px dashed color-mix(in srgb,var(--gold) 55%,transparent); box-shadow:var(--edge); text-align:start; }
.sc-page .sc-donate-card__inner{ display:flex; align-items:flex-start; gap:16px; padding:0; }
.sc-page .sc-donate-card__icon{ display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; border-radius:16px; background:linear-gradient(135deg,var(--gold),var(--accent)); color:#fff; box-shadow:var(--edge),0 10px 22px -10px color-mix(in srgb,var(--accent) 60%,transparent); }
.sc-page .sc-donate-card__icon svg{ width:26px; height:26px; stroke:#fff; }
.sc-page .sc-donate-card__body{ flex:1 1 auto; min-width:0; }
.sc-page .sc-donate-card__title{ margin:0 0 6px; font-family:var(--display); font-size:1.12rem; font-weight:800; color:var(--ink); }
.sc-page .sc-donate-card__text{ margin:0 0 12px; color:var(--ink-soft); font-size:.92rem; line-height:1.55; }
.sc-page .sc-donate-card__actions{ display:flex; flex-wrap:wrap; gap:10px; }
.sc-page .sc-donate-chip {
  --br:var(--r-pill); display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:8px 16px;
  border-radius:var(--r-pill); background:var(--surface); border:1.5px solid var(--line-2); color:var(--ink);
  font-size:.88rem; font-weight:700; text-decoration:none; box-shadow:var(--edge);
  transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;
}
/* hover backgrounds set explicitly so the view's inline <style> (#ea4335 / #c5221f) cannot leak through */
.sc-page .sc-donate-chip:hover {
  background:color-mix(in srgb,var(--accent) 14%,var(--surface)); border-color:var(--accent); color:var(--accent-ink);
  transform:translateY(-2px); box-shadow:var(--shadow); text-decoration:none;
}
.sc-page .sc-donate-chip--star{ background:linear-gradient(135deg,var(--gold),var(--accent)); border-color:transparent; color:#241703; }
.sc-page .sc-donate-chip--star:hover{ background:linear-gradient(135deg,var(--gold),var(--accent)); border-color:transparent; color:#241703; filter:brightness(1.06); }
.sc-page .sc-donate-chip--free{ background:var(--trust-soft); border-color:color-mix(in srgb,var(--trust) 40%,transparent); color:var(--trust-ink); }

/* ── 13. AVAILABILITY GRID (service/edit/step2 — inline-styled markup) ── */
/* every colour below is !important on purpose: the markup carries inline light-theme literals
   (#1e293b / #334155 / #475569 text, white / #eff6ff / #3b82f6 chips) and JS re-sets them on toggle */
.sc-page .sc-availability{ background:var(--surface-2) !important; border:1px solid var(--line) !important; border-radius:18px !important; box-shadow:var(--edge); color:var(--ink) !important; }
.sc-page .sc-availability h3, .sc-page .sc-availability th, .sc-page .sc-availability strong{ color:var(--ink) !important; }
.sc-page .sc-availability td, .sc-page .sc-availability label, .sc-page .sc-availability p, .sc-page .sc-availability span{ color:var(--ink-soft) !important; }
.sc-page .sc-availability > div > div > label{ color:var(--ink-soft) !important; }            /* "disponible à partir du" */
.sc-page .sc-availability > div > label {                                                       /* today / holiday pills */
  background:var(--surface) !important; border-color:var(--line-2) !important; color:var(--ink) !important;
  box-shadow:var(--edge); min-height:44px;
}
.sc-page .sc-availability > div > label:hover{ border-color:var(--primary-line) !important; }
.sc-page .sc-availability > div > label:has(input:checked){ background:var(--primary-soft) !important; border-color:var(--primary) !important; color:var(--primary) !important; }
.sc-page .sc-availability input[type="checkbox"]{ accent-color:var(--primary) !important; }
.sc-page .sc-availability input[type="date"]{ background:var(--surface) !important; color:var(--ink) !important; border-color:var(--line-2) !important; }
.sc-page .sc-availability .edit-avail-cell {
  min-width:44px !important; min-height:44px !important; width:44px !important; height:44px !important;
  border-radius:11px !important; background:var(--surface) !important; border-color:var(--line-2) !important;
  box-shadow:var(--edge); transition:transform .18s,background .18s,border-color .18s !important;
}
.sc-page .sc-availability .edit-avail-cell:hover{ transform:scale(1.08); border-color:var(--primary-line) !important; }
.sc-page .sc-availability input:checked + .edit-avail-cell{ background:var(--primary) !important; border-color:var(--primary) !important; }
.sc-page .sc-availability .edit-avail-cell svg{ stroke:var(--primary-ink); }
.sc-page .edit-avail-cell{ border-radius:11px !important; box-shadow:var(--edge); }
.sc-page .edit-avail-cell:hover{ transform:scale(1.08); }

/* edit-step2 photo block — inline grey literals (#94a3b8 / #64748b / #e2e8f0 / #d1d5db) tokened per theme */
.sc-page .sc-field__label small{ color:var(--ink-soft) !important; }
.sc-page .sc-field p[style*="color"]{ color:var(--ink-soft) !important; }
.sc-page .sc-field > div > div[style*="border"]{ border-color:var(--line-2) !important; }
.sc-page .sc-field > div[style*="dashed"]{ border-color:var(--line-2) !important; background:var(--surface-2) !important; border-radius:var(--r-sm) !important; transition:border-color .2s,background .2s; }
.sc-page .sc-field > div[style*="dashed"]:hover{ border-color:var(--primary) !important; background:color-mix(in srgb,var(--primary-soft) 60%,var(--surface)) !important; }
.sc-page .sc-field > div[style*="dashed"] svg{ stroke:var(--ink-soft) !important; }

/* ── 14. KEYFRAMES ── */
@keyframes scFadeUp{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
@keyframes scPop{ 0%{ transform:scale(.6); opacity:0; } 70%{ transform:scale(1.08); opacity:1; } 100%{ transform:scale(1); } }
@keyframes scCheckDraw{ to{ stroke-dashoffset:0; } }
@keyframes scRingPulse{ 0%{ transform:scale(.9); opacity:.7; box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 45%,transparent); } 100%{ transform:scale(1.35); opacity:0; box-shadow:0 0 0 14px transparent; } }
@keyframes scBounce{ 0%, 100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }
@keyframes scGlow{ 0%, 100%{ box-shadow:0 10px 26px -10px color-mix(in srgb,var(--accent) 70%,transparent); } 50%{ box-shadow:0 14px 34px -8px color-mix(in srgb,var(--gold) 85%,transparent); } }
@keyframes scShimmer{ from{ background-position:0% 50%; } to{ background-position:200% 50%; } }
@keyframes sc-spin{ to{ transform:rotate(360deg); } }
@keyframes sc-ai-glow{ 0%, 100%{ box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent); } 50%{ box-shadow:0 0 0 8px color-mix(in srgb,var(--primary) 10%,transparent),0 0 24px color-mix(in srgb,var(--primary) 35%,transparent); } }

/* ── 15. RESPONSIVE + RTL ── */
@media (max-width: 600px) {
  .sc-page{ padding:84px 14px 56px; font-size:15px; }
  .sc-card{ padding:22px 18px; border-radius:20px; }
  .sc-progress{ padding:8px 12px; margin-bottom:30px; }
  .sc-step-dot__circle{ width:38px; height:38px; font-size:.86rem; }
  .sc-types{ grid-template-columns:1fr; gap:12px; }
  .sc-type label{ flex-direction:row; text-align:start; padding:16px 18px; }
  .sc-type__icon{ width:56px; height:56px; border-radius:18px; }
  .sc-type__icon svg{ width:28px; height:28px; }
  .sc-categories{ grid-template-columns:repeat(auto-fill,minmax(104px,1fr)); gap:10px; }
  .sc-cat label{ min-height:100px; }
  .sc-field__row{ grid-template-columns:1fr; }
  .sc-actions, .sc-success__actions{ flex-direction:column; align-items:stretch; }
  .sc-actions .sc-btn, .sc-success__actions .sc-btn{ width:100%; }
  .sc-ai-detect__row{ flex-direction:column; }
  .sc-social-btns{ grid-template-columns:1fr; }
  .sc-selected{ flex-wrap:wrap; }
  .sc-selected__change{ margin-inline-start:62px; }
  .sc-page .sc-gold-card__inner, .sc-page .sc-donate-card__inner{ flex-direction:column; }
  .sc-page .sc-gold-card, .sc-page .sc-donate-card{ padding:20px; }
}
html[dir="rtl"] .sc-page{ text-align:right; }
html[dir="rtl"] .sc-step-dot__label{ left:auto; right:50%; transform:translateX(50%); }
html[dir="rtl"] .sc-subcat select,
html[dir="rtl"] select.sc-field__input{ background-position:left 16px center; }
html[dir="rtl"] .sc-btn--primary::after{ transform:skewX(18deg); }
html[dir="rtl"] .sc-mk-banner__arrow, html[dir="rtl"] .sc-selected__change svg{ transform:scaleX(-1); }
html[dir="rtl"] .sc-mk-banner:hover .sc-mk-banner__arrow{ transform:scaleX(-1) translateX(4px); }
html[dir="rtl"] .sc-actions{ justify-content:flex-start; }

/* ── 16. MOTION + FOCUS (scoped to .sc-page only) ── */
@media (prefers-reduced-motion: reduce) {
  .sc-page *, .sc-page *::before, .sc-page *::after {
  animation-duration:.01ms !important; animation-iteration-count:1 !important;
  transition-duration:.01ms !important; scroll-behavior:auto !important;
}
  .sc-page .sc-success__icon svg path, .sc-page .sc-success__icon svg polyline{ stroke-dashoffset:0; }
}
html body .sc-page :is(a, button, input, select, textarea, label):focus-visible {
  outline:3px solid var(--ring) !important; outline-offset:3px !important;
  border-radius:var(--br,8px) !important;
}
html body .sc-page :is(.sc-type, .sc-cat) input:focus-visible{ outline:none !important; }
html body .sc-page :is(.sc-type, .sc-cat) input:focus-visible + label{ outline:3px solid var(--ring); outline-offset:3px; }