/* LES PIÈCES DE PAGE (5.0.151, includes/class-pieces.php). Chaque pièce lit SES variables ; sans réglage, les jetons du
   design system (--neutres-*, --secondaire-*, --ck-space-*, --ck-radius-* — comme les autres widgets de CercleKit), et
   s'ils manquent, une valeur tirée de la couleur du texte. Aucune couleur en dur, aucun pixel. */

/* ck-galerie */
.ck-galerie{display:grid;gap:var(--ck-galerie-ecart,var(--ck-space-md,.75rem));align-content:start}
.ck-galerie--gauche{grid-template-columns:5rem minmax(0,1fr)}
.ck-galerie--seule{grid-template-columns:minmax(0,1fr)}
.ck-galerie--gauche .ck-galerie__vignettes{grid-row:1;grid-column:1}
.ck-galerie__photo{position:relative;margin:0;background:var(--ck-galerie-fond,var(--neutres-50,color-mix(in srgb,currentColor 4%,transparent)));border-radius:var(--ck-galerie-rayon,var(--ck-radius-xl,1rem));aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.ck-galerie__photo img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply}
.ck-galerie__loupe{position:absolute;top:var(--ck-space-md,.75rem);right:var(--ck-space-md,.75rem);width:2.5rem;height:2.5rem;border-radius:999em;background:var(--ck-galerie-loupe-fond,var(--neutres-0,Canvas));color:var(--ck-galerie-loupe,var(--neutres-900,CanvasText));display:grid;place-items:center;font-size:1.125rem;box-shadow:0 .0625rem .1875rem color-mix(in srgb,currentColor 12%,transparent)}
.ck-galerie__vignettes{display:grid;gap:var(--ck-space-sm,.5rem);align-content:start;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr))}
.ck-galerie--gauche .ck-galerie__vignettes{grid-template-columns:1fr}
.ck-galerie__vignette{all:unset;box-sizing:border-box;display:block;cursor:pointer;padding:0;border:.125rem solid transparent;border-radius:var(--ck-galerie-rayon-vignette,var(--ck-radius-lg,.75rem));background:var(--ck-galerie-fond,var(--neutres-50,color-mix(in srgb,currentColor 4%,transparent)));aspect-ratio:1;overflow:hidden}
.ck-galerie__vignette.is-on{border-color:var(--ck-galerie-choisie,var(--neutres-900,currentColor))}
.ck-galerie__vignette img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ck-galerie--mosaique{grid-template-columns:repeat(2,minmax(0,1fr))}
.ck-galerie--mosaique .ck-galerie__photo:first-child{grid-column:1/-1}

/* ck-livraison */
.ck-livraison{list-style:none;margin:0;padding:var(--ck-space-lg,1rem) var(--ck-space-xl,1.5rem);display:grid;gap:var(--ck-space-md,.75rem);background:var(--ck-livraison-fond,var(--neutres-50,color-mix(in srgb,currentColor 4%,transparent)));border-radius:var(--ck-livraison-rayon,var(--ck-radius,.5rem))}
.ck-livraison li{display:flex;gap:var(--ck-space-md,.75rem);align-items:flex-start;margin:0}
.ck-livraison li > i{flex:none;font-size:1.25rem;line-height:1.2;color:var(--ck-livraison-icone,var(--neutres-900,currentColor))}
.ck-livraison b{display:block;font-weight:600;font-size:var(--ck-livraison-titre-taille,1em);color:var(--neutres-900,inherit)}
.ck-livraison small{display:block;font-size:var(--ck-livraison-texte-taille,.875em);color:var(--neutres-700,inherit)}

/* ck-livraison-choix (5.0.193) : le choix d'une livraison, à radio ; étroit (sa place) : le texte sous le logo */
.ck-livraison-choix{display:grid;gap:var(--ck-space-sm,.5rem);padding:var(--ck-space-md,.75rem) 0;margin:0 0 var(--ck-space-sm,.5rem);border-top:.0625rem solid var(--neutres-300,color-mix(in srgb,currentColor 15%,transparent));border-bottom:.0625rem solid var(--neutres-300,color-mix(in srgb,currentColor 15%,transparent));container-type:inline-size}
.ck-livraison-choix__titre{font-weight:600}
.ck-livraison-choix__liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--ck-livraison-choix-espace,var(--ck-space-sm,.5rem))}
.ck-livraison-choix li{margin:0;padding:0}
.ck-livraison-choix label{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--ck-space-sm,.5rem);margin:0;padding:var(--ck-livraison-choix-marge,var(--ck-space-sm,.5rem) var(--ck-space-md,.75rem));border:var(--ck-livraison-choix-bordure-l,.0625rem) solid var(--ck-livraison-choix-bordure,var(--neutres-300,color-mix(in srgb,currentColor 15%,transparent)));border-radius:var(--ck-livraison-choix-rayon,var(--ck-radius,.5rem));background:var(--ck-livraison-choix-fond,transparent);cursor:pointer}
.ck-livraison-choix li.is-choisi label,.ck-livraison-choix label:has(input:checked){border-color:var(--ck-livraison-choix-accent,var(--primaire-accent,currentColor))}
.ck-livraison-choix input[type=radio]{margin:0;accent-color:var(--ck-livraison-choix-accent,var(--primaire-accent,currentColor))}
.ck-livraison-choix__logo{display:flex;align-items:center;justify-content:center;width:var(--ck-livraison-choix-logo-l,2.75rem);height:var(--ck-livraison-choix-logo-h,1.75rem)}
.ck-livraison-choix__logo img{max-width:100%;max-height:100%;object-fit:contain}
.ck-livraison-choix__txt{display:grid;justify-items:start;min-width:0}
.ck-livraison-choix__nom{font-weight:600}
.ck-livraison-choix__delai{font-size:.875em;opacity:.8}
.ck-livraison-choix__prix{font-weight:600;white-space:nowrap}
.ck-livraison-choix p{margin:0;font-size:.875em}
@container (max-width:22rem){.ck-livraison-choix label{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"r l p" "r t t"}.ck-livraison-choix input[type=radio]{grid-area:r}.ck-livraison-choix__logo{grid-area:l;justify-content:flex-start}.ck-livraison-choix__txt{grid-area:t}.ck-livraison-choix__prix{grid-area:p}}

/* ck-volets */
.ck-volets{border-top:.0625rem solid var(--ck-volets-filet,var(--neutres-300,color-mix(in srgb,currentColor 15%,transparent)))}
.ck-volets details{border-bottom:.0625rem solid var(--ck-volets-filet,var(--neutres-300,color-mix(in srgb,currentColor 15%,transparent)))}
.ck-volets summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--ck-space-md,.75rem);padding:var(--ck-space-lg,1rem) 0;font-family:var(--ck-font-primary,inherit);font-size:var(--ck-volets-titre-taille,1.0625em);font-weight:600;color:var(--ck-volets-titre-couleur,var(--neutres-900,inherit));cursor:pointer}
.ck-volets summary::-webkit-details-marker{display:none}
.ck-volets__chevron{flex:none;font-size:1.25rem;line-height:1;transition:transform .2s}
.ck-volets details[open] .ck-volets__chevron{transform:rotate(180deg)}
.ck-volets__corps{padding:0 0 var(--ck-space-xl,1.5rem);font-size:var(--ck-volets-texte-taille,.9375em)}

/* ck-carac */
.ck-carac{margin:0;display:grid;font-size:var(--ck-carac-taille,1em)}
.ck-carac div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--ck-space-lg,1rem);padding:var(--ck-space-sm,.5rem) 0;border-bottom:.0625rem solid var(--ck-carac-filet,var(--neutres-300,color-mix(in srgb,currentColor 15%,transparent)))}
.ck-carac div:last-child{border-bottom:0}
.ck-carac dt{font-weight:600;color:var(--ck-carac-libelle,var(--neutres-900,inherit))}
.ck-carac dd{margin:0}
.ck-carac--tuiles{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--ck-space-md,.75rem)}
.ck-carac--tuiles div{display:block;border:0;background:var(--ck-carac-fond,var(--neutres-50,color-mix(in srgb,currentColor 4%,transparent)));border-radius:var(--ck-carac-rayon,var(--ck-radius,.5rem));padding:var(--ck-space-lg,1rem)}
.ck-carac--tuiles dt{font-weight:500;font-size:.8125em;color:var(--neutres-700,inherit)}
.ck-carac--tuiles dd{font-family:var(--ck-font-primary,inherit);font-weight:600;color:var(--neutres-900,inherit)}

/* ck-etiquettes */
.ck-etiquettes{display:flex;flex-wrap:wrap;gap:var(--ck-space-sm,.5rem)}
.ck-etiquettes span{font-size:var(--ck-etiquette-taille,.8125em);font-weight:600;color:var(--ck-etiquette-texte,var(--neutres-900,inherit));background:var(--ck-etiquette-fond,var(--secondaire-light,color-mix(in srgb,currentColor 8%,transparent)));border-radius:var(--ck-etiquette-rayon,999em);padding:var(--ck-space-xs,.25rem) var(--ck-space-md,.75rem)}

/* ck-encadre */
.ck-encadre{background:var(--ck-encadre-fond,var(--neutres-50,color-mix(in srgb,currentColor 4%,transparent)));border-radius:var(--ck-encadre-rayon,var(--ck-radius-xl,1rem));padding:var(--ck-encadre-marge,var(--ck-space-2xl,2rem));display:grid;gap:var(--ck-space-xl,1.5rem)}

/* ck-bloc */
.ck-bloc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--ck-space-3xl,3rem);padding:var(--ck-space-4xl,4rem) 0;border-top:.0625rem solid var(--ck-bloc-filet,var(--neutres-300,color-mix(in srgb,currentColor 15%,transparent)))}
.ck-bloc > h2{font-size:var(--ck-bloc-titre-taille,revert);color:var(--ck-bloc-titre-couleur,revert);margin:0}

/* ck-pictos (5.0.162) : une rangée de pictos, une mention, un texte. Variables : --ck-pictos-taille, --ck-pictos-taille-badge,
   --ck-pictos-ecart, --ck-pictos-rayon, --ck-pictos-fond, --ck-pictos-mention, --ck-pictos-texte-taille. */
.ck-pictos{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ck-space-sm,.5rem);margin:var(--ck-space-lg,1.25rem) 0 0}
.ck-pictos:first-child{margin-top:0}
.ck-pictos__titre{font-weight:600;margin:0}
.ck-pictos__mention{font-weight:700;margin:0;color:var(--ck-pictos-mention,inherit)}
.ck-pictos__liste{display:flex;flex-wrap:wrap;gap:var(--ck-pictos-ecart,var(--ck-space-sm,.5rem));list-style:none;margin:0;padding:0}
.ck-pictos__liste li{margin:0;padding:0;list-style:none}
.ck-pictos__liste li::before,.ck-pictos__liste li::marker{content:none}
.ck-pictos__liste img{display:block;width:var(--ck-pictos-taille,3.5rem);height:var(--ck-pictos-taille,3.5rem);max-width:none;object-fit:contain;margin:0;border-radius:var(--ck-pictos-rayon,0);background:var(--ck-pictos-fond,transparent)}
.ck-pictos__texte{font-size:var(--ck-pictos-texte-taille,inherit)}
.ck-pictos__texte p{margin:0}
.ck-pictos--badges{flex-direction:row;align-items:center;flex-wrap:wrap;margin:var(--ck-space-sm,.5rem) 0 0}
.ck-pictos--badges .ck-pictos__liste img{width:var(--ck-pictos-taille-badge,2rem);height:var(--ck-pictos-taille-badge,2rem)}
.ck-pictos--badges .ck-pictos__mention{font-size:.8125em}

/* ck-prix (5.0.164) : un prix et son prix de référence (forme deux), ou le prix seul et son écart. Chaque morceau a son
   élément, réglable par qui s'en sert. Variable : --ck-prix-ecart (entre les deux lignes). Aucune couleur à elle. */
.ck-prix{display:inline-flex;flex-direction:column;gap:var(--ck-prix-ecart,var(--ck-space-xs,.375rem))}
.ck-prix__ligne{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ck-space-sm,.5rem)}
.ck-prix__montant > *{font:inherit;color:inherit}
.ck-prix__libelle,.ck-prix__ecart{font-size:.8125em}
.ck-prix__reference--barre .ck-prix__montant{text-decoration:line-through}

/* ck-dispo — LA DISPOSITION D'UNE PAGE EN COLONNES (5.0.152) : la page à la largeur du site, des colonnes, une colonne
   qui reste à l'écran (collante, sous l'en-tête), une pile de blocs, la suite sous les colonnes.
   Formes : --larges (7/5), --trois (4/4/3,4), --moitie (1/1). Variables : --ck-dispo-largeur, --ck-dispo-colonnes,
   --ck-dispo-sections, --ck-dispo-haut (le haut de la colonne collante). */
.ck-dispo-page{box-sizing:content-box;max-width:var(--ck-dispo-largeur,var(--container-max-width,71.25rem));margin:0 auto;padding:var(--ck-space-2xl,2rem) var(--ck-space-xl,1.5rem) var(--ck-space-5xl,6rem)}
.ck-dispo-page__fil{margin-bottom:var(--ck-space-2xl,2rem)}
.ck-dispo{display:grid;gap:var(--ck-dispo-colonnes,var(--ck-space-4xl,4rem));align-items:start}
.ck-dispo--larges{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ck-dispo--trois{grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,3.4fr);gap:var(--ck-dispo-colonnes,var(--ck-space-3xl,3rem))}
.ck-dispo--moitie{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ck-dispo__pile{display:grid;gap:var(--ck-space-xl,1.5rem);align-content:start;min-width:0}
.ck-dispo__colle{position:sticky;top:var(--ck-dispo-haut,7.5rem)}
.ck-dispo__suite{display:grid;gap:var(--ck-dispo-sections,var(--ck-space-5xl,6rem));margin-top:var(--ck-dispo-sections,var(--ck-space-5xl,6rem))}
.ck-dispo__suite:empty{display:none}
.ck-dispo__recit{display:grid;margin-top:var(--ck-dispo-sections,var(--ck-space-5xl,6rem))}

/* ck-barre-achat : sur mobile seulement */
.ck-barre-achat{display:none}

@media (max-width:64em){
	.ck-dispo--larges,.ck-dispo--moitie{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ck-dispo-colonnes,var(--ck-space-2xl,2rem))}
	.ck-dispo--trois{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.ck-dispo--trois > .ck-encadre{grid-column:1/-1;position:static}
}
@media (max-width:47.9375em){
	.ck-dispo--larges,.ck-dispo--trois,.ck-dispo--moitie{grid-template-columns:minmax(0,1fr)}
	.ck-dispo__colle{position:static}
	.ck-dispo__suite{gap:var(--ck-dispo-sections,var(--ck-space-3xl,3rem));margin-top:var(--ck-dispo-sections,var(--ck-space-3xl,3rem))}
	.ck-galerie--gauche{grid-template-columns:minmax(0,1fr)}
	.ck-galerie--gauche .ck-galerie__vignettes{grid-row:2;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr))}
	.ck-bloc{grid-template-columns:minmax(0,1fr);gap:var(--ck-space-xl,1.5rem);padding:var(--ck-space-3xl,3rem) 0}
	.ck-barre-achat{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:var(--ck-space-md,.75rem);align-items:center;background:var(--ck-barre-achat-fond,var(--neutres-0,Canvas));box-shadow:0 -.25rem 1.25rem color-mix(in srgb,CanvasText 8%,transparent);padding:var(--ck-space-md,.75rem) var(--ck-space-lg,1rem)}
	.ck-barre-achat .ck-btn{flex:1;justify-content:center}
}
/* ck-code (5.0.197) : un code à saisir — un lien qui déplie, le champ + le bouton sur une ligne, un message */
.ck-code{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ck-space-sm,.5rem);padding:var(--ck-space-md,.75rem) 0;margin:0 0 var(--ck-space-sm,.5rem);border-bottom:.0625rem solid var(--neutres-300,color-mix(in srgb,currentColor 15%,transparent))}
.ck-code__lien{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;justify-self:start}
/* 5.0.198 — le lien est un <button> : le thème (Hello : `button:hover`, `[type=button]:focus`) le peignait en rose, texte blanc, sans soulignement */
.ck-code .ck-code__lien:hover,.ck-code .ck-code__lien:focus,.ck-code .ck-code__lien:active{background:none;color:inherit;text-decoration:underline}
.ck-code__ligne{display:flex;align-items:stretch;gap:var(--ck-space-sm,.5rem)}
.ck-code__ligne[hidden]{display:none}
.ck-code__champ{flex:1 1 auto;min-width:0;display:flex}
.ck-code__champ input{flex:1 1 auto;min-width:0;width:0}
.ck-code__bouton{flex:0 0 auto;display:flex}
.ck-code__message{margin:0;font-size:.875em}
.ck-code__message--erreur{color:var(--ck-form-error-color,currentColor)}
.ck-code__message--ok{color:var(--ck-form-success-color,currentColor)}