/* ---------------------------------------------------------------------------
   Doucelle — chrome de la marque virtuelle (bandeau, header, footer) + tokens du
   tiroir / checkout / suivi partagés.

   Tokens repris du RELEVÉ MESURÉ de simplesnatched.com (2026-09-23, variables du
   thème Dawn lues au DOM) : Questrial 400 (corps, interlettrage .06em), Helvetica
   400 (titres), lavande #C4A3F9 (bandeau, bords, footer, bouton), violet #AE7BFF
   (pop-up), fond d'offre #F4EDFF, encre #121212, rayons 8 (boutons) / 16 (cartes).

   ⚠️ Écart ASSUMÉ, lisibilité 55-75 ans : la source pose du texte blanc sur lavande
   #C4A3F9 (contraste ≈ 2:1) et des prix lavande sur blanc. Ici le lavande garde les
   aplats et les bords ; tout TEXTE sur couleur passe sur le violet #8A5CE8 (≈ 4,6:1
   avec le blanc) et les prix sur #6E3FD8. Même famille, lisible sans lunettes.
   Préfixe unique `.dc-`.
--------------------------------------------------------------------------- */

:root {
    --dc-lav: #c4a3f9;
    --dc-lav-rgb: 196, 163, 249;
    --dc-violet: #8a5ce8;
    --dc-violet-rgb: 138, 92, 232;
    --dc-violet-deep: #6e3fd8;
    --dc-soft: #f4edff;
    --dc-soft-2: #faf7ff;
    --dc-line: #e4d8fb;
    --dc-bg: #ffffff;
    --dc-bg-2: #f3f3f3;
    --dc-ink: #121212;
    --dc-ink-2: #555555;
    --dc-ink-3: #6b6b6b;
    --dc-border: #e6e6e6;
    --dc-red: #c8102e;
    --dc-green: #2e7d32;
    --dc-star: #c4a3f9;
    --dc-radius: 16px;
    --dc-radius-sm: 8px;
    --dc-font: 'Questrial', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --dc-font-h: Helvetica, Arial, sans-serif;
}

/* --- Tiroir panier, checkout et suivi : les tokens du skin partagé ----------
   `:root[data-brand-shell="doucelle"]` pèse (0,1,1) : il gagne sur le `:root`
   d'aurelia-checkout-skin.css quel que soit l'ordre de chargement (§4.4 bis). */
:root[data-brand-shell="doucelle"] {
    --aur-primary: #8a5ce8;
    --aur-primary-rgb: 138, 92, 232;
    --aur-primary-hover: #6e3fd8;
    --aur-primary-light: #6b6b6b;
    --aur-primary-deep: #6e3fd8;
    --aur-accent-2: #8a5ce8;
    --aur-accent-2-rgb: 138, 92, 232;
    --aur-accent-2-light: #e4d8fb;

    --aur-bg-soft: #faf7ff;
    --aur-bg-accent: #f4edff;
    --aur-border: #e6e6e6;
    --aur-border-soft: #efe8fd;
    --aur-border-strong: #c4a3f9;
    --aur-text: #121212;
    --aur-text-muted: #6b6b6b;

    --aur-panel-bg: #ffffff;
    --aur-panel-bg-rgb: 255, 255, 255;
    --aur-tint-1: #faf7ff;
    --aur-tint-2: #f4edff;
    --aur-tint-3: #faf7ff;
    --aur-tint-4: #ffffff;
    --aur-tint-5: #f4edff;
    --aur-tint-6: #faf7ff;

    --aur-urgency-bg-1: #8a5ce8;
    --aur-urgency-bg-2: #8a5ce8;
    --aur-urgency-border: #8a5ce8;
    --aur-urgency-text: #ffffff;
    --aur-urgency-accent: #ffffff;

    --aur-font: var(--dc-font);

    /* Accent envoyé à Stripe : hex littéral obligatoire (la valeur part dans l'iframe). */
    --ck-stripe-accent: #8a5ce8;
}

/* --- Wordmark : « ANCHORED » en surtitre, « DOUCELLE » en capitales grasses (le logo est le seul
   écart permis avec SNATCHED ; il occupe la même place : 100 × 15 mobile, 200 × 30 ordinateur,
   325 × 47 dans le pied). ------------------------------------------------------------------------ */
.dc-wordmark { display: inline-block; line-height: 1; text-align: center; font-family: var(--dc-font-h); }
.dc-wordmark__house {
    display: block; font-family: var(--dc-font); font-size: .5rem; font-weight: 400; letter-spacing: .3em;
    text-transform: uppercase; color: var(--dc-ink-3); margin-bottom: 3px;
}
.dc-wordmark__line {
    display: block; font-size: 1.55rem; font-weight: 900; letter-spacing: .01em; text-transform: uppercase;
    color: var(--dc-ink);
}
.dc-wordmark--footer .dc-wordmark__line { color: #fff; font-size: 2.15rem; }
.dc-wordmark--footer .dc-wordmark__house { color: #fff; font-size: .6rem; }

/* --- Bandeau d'annonce (relevé : #C4A3F9, blanc, Questrial 16 px / 20 px, interlettrage 1 px) --- */
.dc-announce { background: var(--dc-lav); color: #fff; font-family: var(--dc-font); text-align: center; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.dc-announce p { margin: 0; padding: 3px 15px 0; font-size: 16px; line-height: 20.8px; letter-spacing: 1px; }
.dc-announce b { font-weight: 700; }

/* --- En-tête (relevé : mobile 49 px, burger 20 × 2, loupe 20, panier 22 ; ordinateur 53 px) --- */
.dc-header {
    position: sticky; top: 0; z-index: 900;
    background: #fff; border-bottom: 1px solid rgba(18, 18, 18, .08);
    font-family: var(--dc-font);
}
.dc-nav {
    display: grid; grid-template-columns: 88px 1fr 88px; align-items: center;
    padding: 0 3px 0 15px; min-height: 48px; position: relative;
}
.dc-nav__burger {
    grid-column: 1; grid-row: 1; justify-self: start;
    background: none; border: 0; padding: 0; cursor: pointer; width: 44px; height: 44px;
    display: grid; gap: 6px; align-content: center;
}
.dc-nav__burger span { display: block; height: 2px; width: 20px; background: var(--dc-ink); border-radius: 4px; }
.dc-nav__brand { grid-column: 2; grid-row: 1; justify-self: center; text-decoration: none; display: inline-flex; align-items: center; }
.dc-header .dc-wordmark__line { font-size: 1.05rem; }
/* Logo (2026-09-25) : wordmark « DOUCELLE » v2 (WebP transparent, S3 …/brand/v2/, shell.BRAND_WORDMARK_URL). Source : h_3.png 200 px
   de large sur ordinateur ; sur mobile il tient entre le burger et les icônes (88 px de chaque côté). */
.dc-logo { display: block; width: min(160px, calc(100vw - 196px)); height: auto; }
.dc-logo--footer { width: 220px; margin: 0 auto; }
.dc-header .dc-wordmark__house { font-size: .4rem; margin-bottom: 1px; }
.dc-nav__icons { grid-column: 3; grid-row: 1; justify-self: end; display: flex; align-items: center; }
.dc-nav__icon {
    position: relative; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
    color: var(--dc-ink); background: none; border: 0; padding: 0; cursor: pointer;
}
.dc-nav__icon--account { display: none; }
.dc-nav__cart-count {
    position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px;
    border-radius: 999px; background: var(--dc-lav); color: #fff;
    font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
}
.dc-nav__cart-count:empty, .dc-nav__cart-count[data-cart-count="0"] { display: none; }
/* Menu mobile : tiroir depuis la gauche (menu-drawer de la source, 349 px). */
.dc-nav__menu {
    list-style: none; margin: 0; padding: 12px 0; position: fixed; left: 0; top: 95px; bottom: 0; width: min(349px, 90vw);
    background: #fff; z-index: 950; overflow-y: auto; transform: translateX(-102%); transition: transform .25s ease;
    visibility: hidden;
}
.dc-nav__menu.is-open { transform: none; visibility: visible; box-shadow: 0 0 0 100vmax rgba(18, 18, 18, .5); }
.dc-nav__menu a, .dc-nav__drop summary {
    display: block; padding: 12px 30px; color: var(--dc-ink); text-decoration: none;
    font-size: 16px; line-height: 20.8px; letter-spacing: .9px;
}
.dc-nav__drop summary { list-style: none; cursor: pointer; position: relative; }
.dc-nav__drop summary::-webkit-details-marker { display: none; }
.dc-nav__drop summary::after {
    content: ''; position: absolute; right: 30px; top: 50%; width: 7px; height: 7px; margin-top: -5px;
    border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg);
}
.dc-nav__drop[open] summary::after { transform: rotate(-135deg); margin-top: -1px; }
.dc-nav__drop ul { list-style: none; margin: 0; padding: 0 0 0 16px; }
.dc-nav__drop ul a { font-size: 15px; line-height: 19.5px; padding: 8px 30px; }

/* --- Fenêtre de recherche (search-modal de la source : bande blanche en haut) --- */
.dc-search { position: fixed; inset: 0; z-index: 1000; background: rgba(18, 18, 18, .5); font-family: var(--dc-font); }
.dc-search[hidden] { display: none; }
.dc-search__bar { display: flex; align-items: center; gap: 10px; background: #fff; padding: 20px 15px; }
.dc-search__form { flex: 1; display: flex; align-items: center; border: 1px solid rgba(18, 18, 18, .55); background: #fff; }
.dc-search__form input { flex: 1; min-width: 0; height: 45px; border: 0; padding: 0 15px; font-family: var(--dc-font); font-size: 16px; letter-spacing: .9px; background: transparent; }
.dc-search__form button, .dc-search__close { width: 44px; height: 44px; border: 0; background: none; color: var(--dc-ink); cursor: pointer; font-size: 28px; line-height: 1; }
.dc-search__results { background: #fff; padding: 0 15px; }
.dc-search__results:empty { display: none; }
.dc-search__hit, .dc-search__none { display: block; margin: 0; padding: 14px 0 18px; color: var(--dc-ink); font-size: 15px; letter-spacing: .9px; }

@media (min-width: 990px) {
    .dc-announce p { padding: 4px 15px 0; min-height: 40px; font-size: 20px; line-height: 26px; }
    .dc-nav { display: flex; align-items: center; min-height: 52px; padding: 0 58px 0 63px; }
    .dc-nav__burger { display: none; }
    .dc-header .dc-wordmark__line { font-size: 1.55rem; }
    .dc-header .dc-logo { width: 190px; }
    .dc-header .dc-wordmark__house { font-size: .5rem; margin-bottom: 2px; }
    .dc-nav__brand { margin-right: 20px; min-width: 200px; }
    .dc-nav__menu, .dc-nav__menu.is-open {
        position: static; transform: none; visibility: visible; box-shadow: none; width: auto; padding: 0; overflow: visible;
        display: flex; align-items: center; background: none;
    }
    .dc-nav__menu a, .dc-nav__drop summary { padding: 12px; font-size: 14px; line-height: 18.2px; color: rgba(18, 18, 18, .9); letter-spacing: .9px; }
    .dc-nav__menu a:hover span, .dc-nav__drop summary:hover { text-decoration: underline; text-underline-offset: 3px; }
    /* Page active : pastille lavande, texte blanc gras (header__active-menu-item). */
    .dc-nav__menu a[aria-current="page"] span { background: var(--dc-lav); color: #fff; font-weight: 700; padding: 0 9.8px; }
    .dc-nav__drop summary { padding-right: 27px; }
    .dc-nav__drop summary::after { right: 12px; width: 6px; height: 6px; }
    .dc-nav__drop { position: relative; }
    .dc-nav__drop ul {
        position: absolute; top: 100%; left: 1px; z-index: 950; min-width: 198px; padding: 0;
        background: #fff; border: 1px solid rgba(18, 18, 18, .1);
    }
    .dc-nav__drop ul a { display: block; padding: 8px 24px; font-size: 14px; line-height: 18.2px; }
    .dc-nav__icons { margin-left: auto; }
    .dc-nav__icon--account { display: inline-flex; }
    .dc-search__bar { padding: 20px max(63px, calc((100% - 1300px) / 2)); }
    .dc-search__results { padding: 0 max(63px, calc((100% - 1300px) / 2)); }
}

/* --- Pied de page (relevé : séparateur oblique SVG 12:1, fond #C4A3F9, textes blancs) ---------- */
.dc-footer__divider { display: block; line-height: 0; }
.dc-footer__divider svg { display: block; width: 100%; height: auto; }
.dc-footer { background: var(--dc-lav); color: rgba(255, 255, 255, .9); font-family: var(--dc-font); padding: 24px 0 15px; }
.dc-footer__inner { padding: 0 15px; }
.dc-footer__grid { display: grid; gap: 40px; align-items: start; }
.dc-footer__brand { text-align: center; padding-bottom: 16px; }
.dc-footer__mark { display: inline-block; text-decoration: none; }
.dc-footer__h { margin: 0 0 20px; font-family: var(--dc-font-h); font-size: 20.8px; line-height: 25.6px; font-weight: 400; letter-spacing: .78px; color: #fff; }
.dc-footer__h--big { font-size: 29.12px; line-height: 35.84px; }
.dc-footer__text { margin: 0 0 15px; font-size: 15px; line-height: 27px; letter-spacing: .9px; color: rgba(255, 255, 255, .9); }
.dc-footer__form { display: grid; gap: 11px; }
.dc-footer__form input[type=email] {
    width: calc(100% - 2px); margin: 1px; height: 45px; padding: 15px 50px 15px 20px; border: 0; border-radius: 6px;
    box-shadow: 0 0 0 1px #fff; background: var(--dc-lav); color: #fff; font-family: var(--dc-font); font-size: 16px; letter-spacing: 1px;
}
.dc-footer__form input[type=email]::placeholder { color: rgba(255, 255, 255, .9); }
.dc-footer__form button {
    height: 49px; border: 0; border-radius: 8px; background: #fff; color: var(--dc-lav);
    font-family: var(--dc-font); font-size: 16px; font-weight: 700; letter-spacing: 1px; cursor: pointer;
}
.dc-footer__form button:disabled { opacity: .7; }
.dc-footer__msg { margin: 10px 0 0; font-size: 15px; color: #fff; }
.dc-footer__msg:empty { display: none; }
.dc-footer__links { list-style: none; margin: 0; padding: 0; }
.dc-footer__links a, .dc-footer__links button {
    display: flex; align-items: center; width: 100%; min-height: 40px; padding: 0; border: 0; background: none; cursor: pointer;
    color: rgba(255, 255, 255, .9); text-decoration: none; font-family: var(--dc-font); font-size: 14px; line-height: 25.2px; letter-spacing: .9px; text-align: left;
}
.dc-footer__links a:hover, .dc-footer__links button:hover { text-decoration: underline; }
.dc-footer__contact p { margin: 26px 0; font-family: var(--dc-font-h); font-size: 15.6px; line-height: 19.2px; letter-spacing: .78px; color: #fff; }
.dc-footer__contact p:first-of-type { margin-top: 0; }
.dc-footer__contact a { color: #fff; text-decoration: none; }
.dc-footer__bottom { margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, .08); padding: 26px 15px 0; text-align: center; }
.dc-footer__bottom .dc-paylist { max-width: 320px; margin: 0 auto 14px; gap: 10px; }
/* Logos officiels (components/payment_marks.html) : chaque logo EST sa carte 38x24,
   aucun cadre autour — le double cadre faisait « vieux logos » (fondateur 2026-09-26). */
.dc-paylist { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.dc-paylist li { display: inline-flex; margin: 0; padding: 0; }
.dc-paylist svg { display: block; width: 38px; height: 24px; }
.dc-footer__copy { margin: 0; font-size: 11px; line-height: 18.7px; letter-spacing: .7px; color: rgba(255, 255, 255, .9); }
/* sticky-atc-footer-spacer de la source : bande lavande sous la barre collante (page produit). */
.dc-sticky-spacer { height: 66px; background: var(--dc-lav); }
@media (min-width: 750px) {
    .dc-footer { padding: 32px 0 20px; }
    .dc-footer__inner { width: min(100% - 140px, 1300px); margin: 0 auto; padding: 0; }
    .dc-footer__h { font-size: 23.4px; line-height: 28.8px; }
    .dc-footer__h--big { font-size: 32.76px; line-height: 40.32px; }
    .dc-footer__text { font-size: 16px; line-height: 28.8px; }
    .dc-footer__contact p { font-size: 16.9px; line-height: 20.8px; margin: 28px 0; }
    .dc-footer__links a, .dc-footer__links button { min-height: 35px; }
    .dc-footer__bottom { padding-top: 46px; }
    .dc-footer__bottom .dc-paylist { max-width: none; margin-bottom: 15px; }
    .dc-sticky-spacer { height: 71px; }
}
@media (min-width: 990px) {
    .dc-footer__grid { grid-template-columns: minmax(0, 406px) minmax(0, 295px) minmax(0, 295px); column-gap: 40px; row-gap: 61px; justify-content: start; }
    .dc-footer__contact { grid-column: 1; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   TIROIR PANIER — aux codes de la marque (bandeau violet, bouton violet, badge
   de palier violet). Le skin partagé pose des `!important` : on répond au même
   niveau, seulement sur ces propriétés-là (§4.4 ter).
   ═══════════════════════════════════════════════════════════════════════════ */
:root[data-brand-shell="doucelle"] #cartSlidePanel { font-family: var(--dc-font); }
:root[data-brand-shell="doucelle"] #cartSlidePanel #cart-panel-title { font-weight: 700; color: var(--dc-ink); }
/* Tiroir aligné sur celui de SNATCHED (2026-09-24) : lavande #C4A3F9 au lieu du violet, pas de lignes
   « OFFERT » (absentes du tiroir source). */
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-panel-item--orange-perk { display: none !important; }
/* Bandeau « Votre panier est gardé pendant 14:56 » : absent du tiroir de la source, et un compte
   à rebours qui repart à chaque visite est une urgence fausse (même règle que le minuteur de la page). */
:root[data-brand-shell="doucelle"] #cartSlidePanel #cartUrgencyHeader { display: none !important; }
:root[data-brand-shell="doucelle"] #cartSlidePanel #cartUrgencyHeader {
    background: var(--dc-lav) !important; color: #fff !important; border: 0 !important;
    justify-content: center; font-size: 13px;
}
:root[data-brand-shell="doucelle"] #cartSlidePanel #cartUrgencyHeader i { display: none; }
:root[data-brand-shell="doucelle"] #cartSlidePanel #cartUrgencyHeader strong { color: #fff; }
:root[data-brand-shell="doucelle"] #cartSlidePanel #cartCheckoutBtn,
:root[data-brand-shell="doucelle"] html:not(.dn-theme) #cartSlidePanel a.cart-checkout-btn {
    background: var(--dc-lav) !important; color: #fff !important;
    border-radius: var(--dc-radius-sm) !important; padding: 15px 12px !important;
    font-family: var(--dc-font); font-weight: 700; font-size: 16px;
}
:root[data-brand-shell="doucelle"] #cartSlidePanel #cartCheckoutBtn:hover { background: var(--dc-lav) !important; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-item-quantity-bundle-badge {
    background: var(--dc-lav) !important; color: #fff !important;
    font-size: 11px; font-weight: 700; padding: 4px 9px; border-radius: 999px;
}
:root[data-brand-shell="doucelle"] #cartSlidePanel .gift-item-badge,
:root[data-brand-shell="doucelle"] #cartSlidePanel .gift-item-img-badge { background: var(--dc-lav) !important; color: #fff !important; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-item--quantity-bundle {
    border-left-color: var(--dc-lav) !important;
    background: linear-gradient(to right, rgba(138, 92, 232, .06), transparent) !important;
}
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-item--gift { border-left-color: var(--dc-line) !important; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-item-price { color: var(--dc-ink) !important; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-item-remove,
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-item-remove--quantity-bundle,
:root[data-brand-shell="doucelle"] #cartSlidePanel .gift-item-remove { color: var(--dc-ink-3) !important; text-decoration: underline; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-fomo-block { background: var(--dc-soft) !important; border-color: var(--dc-line) !important; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-fomo-title,
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-fomo-text,
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-fomo-deadline { color: var(--dc-ink) !important; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-fomo-icon { color: var(--dc-lav) !important; }
/* Perks « Livraison offerte » / « Garantie 30 jours » à l'échelle d'une pastille. */
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-panel-item--orange-perk { padding: 10px 12px; align-items: center; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-panel-item--orange-perk .cart-item-image {
    width: 44px !important; height: 44px !important; flex: 0 0 44px !important;
    border-radius: 50%; background: var(--dc-soft); display: grid; place-items: center; overflow: hidden;
}
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-panel-item--orange-perk .orange-perk-icon { font-size: 20px; line-height: 1; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-panel-item--orange-perk .orange-perk-badge {
    display: inline-block; padding: 2px 7px; border-radius: 999px; background: var(--dc-lav); color: #fff;
    font-size: 9.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 3px;
}
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-panel-item--orange-perk .cart-item-name { font-size: 13px; font-weight: 600; line-height: 1.25; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-panel-item--orange-perk .gift-item-price-free { font-size: 12px; font-weight: 700; color: var(--dc-green); }
/* Interrupteur et carrousel d'upsell du tiroir : boutons violets, comme le
   « Check out » lavande de la source. */
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-upsell-toggle__check:checked ~ .cart-upsell-toggle__track { background: var(--dc-lav) !important; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-upsell-toggle__price { color: var(--dc-lav); font-weight: 700; }
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-upsell-card__add,
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-carousel-add-btn,
:root[data-brand-shell="doucelle"] #cartSlidePanel [class*="carousel"] button[class*="add"] {
    background: var(--dc-lav) !important; color: #fff !important; border-radius: var(--dc-radius-sm) !important;
}
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-drawer-brand-note {
    margin: 10px 0 0; text-align: center; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--dc-ink-2);
}
:root[data-brand-shell="doucelle"] #cartSlidePanel .cart-payment-logo { width: 40px; height: 27px; }

/* ═══════════════════════════════════════════════════════════════════════════
   CHECKOUT — habillage de la marque. On ne clone PAS le checkout Shopify de la
   source : une seule architecture de paiement (AGENTS.md). Codes de la marque,
   aucun comportement touché.
   ═══════════════════════════════════════════════════════════════════════════ */
:root[data-brand-shell="doucelle"] .ck-header { padding: 12px 16px !important; }
:root[data-brand-shell="doucelle"] .ck-header__brand-text { display: none; }
:root[data-brand-shell="doucelle"] .ck-header__lockup { display: inline-block; line-height: 1; text-align: center; }
:root[data-brand-shell="doucelle"] .ck-header__lockup .dc-wordmark__house { font-size: .46rem; margin-bottom: 3px; }
:root[data-brand-shell="doucelle"] .ck-header__lockup .dc-wordmark__line { font-size: 1.45rem; }
:root[data-brand-shell="doucelle"] #submit-payment-btn,
:root[data-brand-shell="doucelle"] .ck-submit-btn {
    border-radius: var(--dc-radius-sm) !important; font-family: var(--dc-font);
    font-size: 16px !important; font-weight: 700 !important; background: var(--dc-violet) !important;
}
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance,
:root[data-brand-shell="doucelle"] .ck-guarantee,
:root[data-brand-shell="doucelle"] .ck-summary-card { border-radius: var(--dc-radius) !important; }
:root[data-brand-shell="doucelle"] .ck-brand-paylogos { margin: 14px 0 0; }
:root[data-brand-shell="doucelle"] .ck-brand-paylogos .dc-paylist { margin: 0; gap: 7px; }
:root[data-brand-shell="doucelle"] .ck-brand-paylogos .dc-paylist svg { width: 40px; height: 25px; }
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance {
    background: var(--dc-soft-2) !important; border: 1px solid var(--dc-border) !important;
    border-radius: var(--dc-radius) !important; padding: 16px 14px !important;
}
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance__title { font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--dc-ink); margin-bottom: 12px; }
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance__title .ck-highlight { color: var(--dc-violet); }
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance__items { display: grid; gap: 11px; }
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance__item {
    display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: start;
    font-size: 13px; line-height: 1.5; color: var(--dc-ink-2);
}
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance__item strong { color: var(--dc-ink); font-weight: 700; }
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance__icon {
    width: 30px; height: 30px; border-radius: 50%; background: var(--dc-violet); color: #fff;
    display: grid; place-items: center; flex: 0 0 30px;
}
:root[data-brand-shell="doucelle"] .ck-bottom-reassurance__icon svg { fill: #fff; }
:root[data-brand-shell="doucelle"] .ck-guarantee--below-submit {
    background: #fff !important; border: 1px solid var(--dc-border) !important;
    border-radius: var(--dc-radius) !important; padding: 14px !important; margin-top: 14px;
}
:root[data-brand-shell="doucelle"] .ck-guarantee--below-submit strong,
:root[data-brand-shell="doucelle"] .ck-guarantee__title { color: var(--dc-ink); font-weight: 700; font-size: 14px; }
:root[data-brand-shell="doucelle"] .ck-guarantee__foot--bare,
:root[data-brand-shell="doucelle"] .ck-guarantee__fi,
:root[data-brand-shell="doucelle"] .ck-vb-item { color: var(--dc-ink-2); }
:root[data-brand-shell="doucelle"] .ck-vb-item--deal b { color: var(--dc-violet); }
:root[data-brand-shell="doucelle"] .ck-shipmini {
    background: var(--dc-soft-2) !important; border: 1px solid var(--dc-border) !important; border-radius: var(--dc-radius) !important;
}
:root[data-brand-shell="doucelle"] .ck-section-title,
:root[data-brand-shell="doucelle"] .ck-step-title { font-family: var(--dc-font); font-weight: 700; }
/* Preuve sociale du checkout : étoiles au jaune de la page, cartes au filet gris. */
:root[data-brand-shell="doucelle"] .ck-brandstars i { background: var(--dc-star); }
:root[data-brand-shell="doucelle"] .ck-brandstars i::before { color: #fff; }
:root[data-brand-shell="doucelle"] .ck-brandstars i.off { background: var(--dc-border); }
:root[data-brand-shell="doucelle"] .ck-brandproof { font-family: var(--dc-font); }
:root[data-brand-shell="doucelle"] .ck-brandproof__title { font-family: var(--dc-font); font-weight: 700 !important; }
:root[data-brand-shell="doucelle"] .ck-brandproof__card { border-color: var(--dc-border); border-radius: var(--dc-radius); box-shadow: 0 4px 16px rgba(0, 0, 0, .05); }
:root[data-brand-shell="doucelle"] .ck-brandproof__card p { color: var(--dc-ink-2); }
:root[data-brand-shell="doucelle"] .ck-brandproof__card small { color: var(--dc-ink-3); opacity: 1; font-weight: 600; }
:root[data-brand-shell="doucelle"] .ck-brandproof__arrow { border-color: var(--dc-border); color: var(--dc-violet); }
:root[data-brand-shell="doucelle"] .ck-brandproof__dot { background: var(--dc-border); }
:root[data-brand-shell="doucelle"] .ck-brandproof__dot.is-on { background: var(--dc-violet); }

/* Barre « N personnes passent commande en ce moment » du checkout partagé : le nombre est
   tiré au hasard côté navigateur. Doucelle n'affiche aucun chiffre qu'elle ne peut pas
   prouver (règle fondateur, L.121-4) — masquée pour CETTE marque seulement, sans toucher
   au template commun. */
:root[data-brand-shell="doucelle"] #ckFomoBar { display: none !important; }