/* Styles de blocs et compositions LoumKit (maquette : assets/css/style.css).
   Chargé sur le site et dans l'éditeur, pour que Louise voie la même chose des deux côtés.
   Couleurs : palette Blocksy (1 bleu, 2 bleu profond, 5 pointillés, 6 rose, 7 poudre, 8 blanc, 9 jaune, 10 rose soutenu, 12 bleu encre). */

:root {
	--lk-bleu: var(--theme-palette-color-1, #102797);
	--lk-bleu-profond: var(--theme-palette-color-2, #0A1A6B);
	--lk-rose: var(--theme-palette-color-6, #FACAFE);
	--lk-poudre: var(--theme-palette-color-7, #FFF0FF);
	--lk-jaune: var(--theme-palette-color-9, #FFD84D);
	--lk-encre: var(--theme-palette-color-12, #2A3A8F);
	--lk-ligne: var(--theme-palette-color-5, #E9C6EC);
	--lk-titre: "Bagel Fat One", "Bricolage Grotesque", system-ui, sans-serif;
	--lk-main: Caveat, "Segoe Print", cursive;
}

/* ========== Styles de blocs (Styles, dans la barre latérale de l'éditeur) ========== */

/* Sticker jaune, sticker rose (Noël) : pastille penchée. */
.is-style-lk-sticker,
.is-style-lk-sticker-rose {
	width: fit-content; max-width: 100%;
	font-family: var(--lk-titre); font-weight: 400; font-size: 18px; line-height: 1; letter-spacing: 0;
	color: var(--lk-bleu); background: var(--lk-jaune);
	padding: 10px 18px; border-radius: 999px; transform: rotate(-4deg);
}
.is-style-lk-sticker-rose { background: var(--lk-rose); outline: 2px dashed var(--lk-bleu); outline-offset: -6px; padding: 14px 22px; }
.is-style-lk-sticker.lk-sticker-petit { font-size: 15px; padding: 8px 14px; }

/* Sticker fleur : texte court sur une fleur jaune. */
.is-style-lk-sticker-fleur {
	width: 150px; aspect-ratio: 1; margin-inline: auto;
	display: flex; align-items: center; justify-content: center; text-align: center;
	padding: 0 1.5em; transform: rotate(9deg);
	background: url("../img/fleur-jaune.svg") no-repeat center / contain;
	font-family: var(--lk-titre); font-weight: 400; font-size: 20px; line-height: 1; letter-spacing: 0; color: var(--lk-bleu);
}

/* Note manuscrite. */
.is-style-lk-note { font-family: var(--lk-main); font-weight: 600; font-size: 28px; line-height: 1.05; color: var(--lk-bleu); }
.is-style-lk-note.lk-note-grande { font-size: 40px; }

/* Pastille de cuir : la couleur « Texte » du bloc donne la couleur du cuir ; le texte reste bleu. */
.is-style-lk-pastille,
.is-style-lk-pastille-epuisee {
	text-align: center; font-size: 14px; line-height: 1.5;
	-webkit-text-fill-color: var(--lk-encre);
}
.is-style-lk-pastille strong,
.is-style-lk-pastille-epuisee strong { font-size: 17px; -webkit-text-fill-color: var(--lk-bleu); }
.is-style-lk-pastille::before,
.is-style-lk-pastille-epuisee::before {
	content: ""; display: block; width: 100%; max-width: 140px; aspect-ratio: 170 / 180; margin: 0 auto 8px;
	background: url("../img/cuir-couture.svg") no-repeat center / contain, currentColor;
	-webkit-mask: url("../img/cuir-forme.svg") no-repeat center / contain;
	mask: url("../img/cuir-forme.svg") no-repeat center / contain;
}
.is-style-lk-pastille:not(.has-text-color)::before { background-color: var(--theme-palette-color-13, #C4874A); }
.is-style-lk-pastille-epuisee::before { opacity: .35; }

/* Étoiles d'un avis. */
.is-style-lk-etoiles { color: var(--lk-jaune); -webkit-text-stroke: 1.2px var(--lk-bleu); font-size: 24px; letter-spacing: 3px; line-height: 1; }

/* Numéro d'étape : rond rose, puis jaune une étape sur deux. */
.is-style-lk-numero {
	width: 84px; height: 84px; border-radius: 50%; display: grid; place-items: center;
	font-family: var(--lk-titre); font-size: 38px; line-height: 1; background: var(--lk-rose); color: var(--lk-bleu);
}
.lk-etape:nth-child(even) .is-style-lk-numero { background: var(--lk-jaune); }

/* Avis : carte blanche arrondie. */
.is-style-lk-avis { background: #fff; border-radius: 18px; padding: 26px; display: flex; flex-direction: column; gap: 14px; }
.is-style-lk-avis > * { margin: 0 !important; }
.is-style-lk-avis .lk-avis-texte { font-size: 20px; line-height: 1.35; font-weight: 600; flex: 1; }
.is-style-lk-avis .lk-avis-auteur { font-size: 15px; -webkit-text-fill-color: var(--lk-encre); }
.is-style-lk-avis .lk-avis-auteur strong { -webkit-text-fill-color: var(--lk-bleu); }

/* Carte kit : rose (poudre une carte sur trois), coin bas droit très arrondi. */
.is-style-lk-carte {
	position: relative; background: var(--lk-rose); border-radius: 28px 28px 110px 28px;
	padding: 22px 22px 34px; display: flex; flex-direction: column; gap: 12px;
}
.is-style-lk-carte > * { margin: 0 !important; }
.lk-cartes > .is-style-lk-carte:nth-child(3n+2) { background: var(--lk-poudre); }
.is-style-lk-carte > .is-style-lk-sticker { position: absolute; left: 16px; top: 16px; z-index: 2; }
.is-style-lk-carte .lk-carte-photo { border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 3; background: #fff; }
.is-style-lk-carte .lk-carte-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.is-style-lk-carte .lk-carte-photo a:hover img { transform: scale(1.04); }
.is-style-lk-carte .lk-carte-tete { padding: 4px 4px 0; gap: 12px; }
.is-style-lk-carte .lk-carte-tete > * { margin: 0; }
.is-style-lk-carte h3 { font-size: 28px; }
.is-style-lk-carte h3 a { text-decoration: none; color: inherit; }
.is-style-lk-carte > p { padding: 0 4px; }
.is-style-lk-carte .wp-block-buttons { margin: 6px 4px 0 !important; }
.lk-prix { font-family: var(--lk-titre); font-size: 26px; line-height: 1; white-space: nowrap; }

/* Bandeau défilant : bleu, texte blanc, fleurs roses entre les messages. Le défilement est ajouté par bandeau.js. */
.is-style-lk-bandeau { overflow: hidden; padding: 20px 0; }
.is-style-lk-bandeau,
.is-style-lk-bandeau .lk-bandeau-piste { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 26px; }
.is-style-lk-bandeau.est-anime { display: block; }
.is-style-lk-bandeau.est-anime .lk-bandeau-piste { flex-wrap: nowrap; width: max-content; justify-content: flex-start; animation: lk-defile 38s linear infinite; }
.is-style-lk-bandeau p { margin: 0 !important; display: flex; align-items: center; gap: 26px; white-space: nowrap; font-family: var(--lk-titre); font-size: 24px; line-height: 1.2; }
.is-style-lk-bandeau p::after { content: ""; width: 24px; height: 24px; flex-shrink: 0; background: url("../img/fleur-rose.svg") no-repeat center / contain; }
@keyframes lk-defile { to { transform: translateX(-50%); } }

/* Boutons : grand, petit, rose, pointillés (avec icône facultative). */
.wp-block-button.lk-btn-grand .wp-block-button__link { min-height: 58px; padding: 16px 32px; font-size: 18px; }
.wp-block-button.lk-btn-petit .wp-block-button__link { min-height: 44px; padding: 10px 20px; font-size: 15px; }
.wp-block-button.is-style-lk-rose .wp-block-button__link { background: var(--lk-rose); color: var(--lk-bleu); }
.wp-block-button.is-style-lk-rose .wp-block-button__link:hover { background: var(--theme-palette-color-10, #F3A6F6); color: var(--lk-bleu); }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--lk-bleu); border: 2px solid var(--lk-bleu); box-shadow: none; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--lk-bleu); color: #fff; }
.wp-block-button.is-style-lk-pointilles .wp-block-button__link {
	background: transparent; color: var(--lk-bleu); border: 2px dashed var(--lk-bleu); border-radius: 999px;
	min-height: 0; padding: 12px 22px; font-weight: 600; gap: 12px; display: inline-flex; align-items: center;
}
.wp-block-button.is-style-lk-pointilles .wp-block-button__link:hover { background: var(--lk-poudre); color: var(--lk-bleu); }
/* Le ::before des boutons sert à Blocksy pour une ombre floue au survol : on le reprend entièrement pour l'icône. */
.wp-block-button[class*="lk-ic-"] .wp-block-button__link::before {
	content: ""; display: block; position: static; z-index: auto; opacity: 1; filter: none; transition: none;
	width: 24px; height: 24px; flex-shrink: 0; background: currentColor;
	-webkit-mask: var(--lk-icone) no-repeat center / contain; mask: var(--lk-icone) no-repeat center / contain;
}
.lk-ic-ciseaux { --lk-icone: url("../img/icones/ciseaux.svg"); }
.lk-ic-cuir { --lk-icone: url("../img/icones/cuir.svg"); }

/* Photos penchées, arrondies, avec ombre. */
.wp-block-image.is-style-lk-penchee-droite img,
.wp-block-image.is-style-lk-penchee-gauche img { border-radius: 28px; box-shadow: 0 18px 40px rgba(16, 39, 151, .16); width: 100%; object-fit: cover; }
.wp-block-image.is-style-lk-penchee-droite img { transform: rotate(2deg); aspect-ratio: 4 / 5; }
.wp-block-image.is-style-lk-penchee-gauche img { transform: rotate(-3deg); aspect-ratio: 4 / 3; }
.lk-photo-paysage img { object-position: 50% 30%; }

/* ========== Sections de l'accueil ========== */

.alignfull.lk-hero, .alignfull.lk-section, .alignfull.lk-insta, .alignfull.is-style-lk-bandeau { margin-block: 0 !important; }
.lk-section { padding-block: 96px; }
.lk-section > * + *, .lk-hero > * + * { margin-block-start: 48px; }
.lk-petit { font-size: 14px; }
.lk-lien-fort a { font-weight: 700; }

/* Colonnes : empilées sous 980 px, comme la maquette. */
.lk-colonnes.wp-block-columns { gap: 64px; margin: 0; }
.lk-colonnes > .wp-block-column > * { margin-block: 0; }
.lk-colonnes > .wp-block-column > * + * { margin-block-start: 22px; }

/* Titre de section et note, sur une ligne. */
.lk-entete-section { gap: 24px; }
.lk-entete-section > * { margin: 0; }

/* Hero */
.lk-hero { overflow: hidden; padding-block: 48px 72px; }
.lk-hero .lk-colonnes { gap: 40px; }
.lk-hero .lk-colonnes > .wp-block-column:first-child { flex-grow: 1.05; }
.lk-titre-hero { font-size: clamp(44px, 6vw, 80px) !important; line-height: .95 !important; letter-spacing: -0.04em !important; }
.lk-intro { font-size: 20px; max-width: 34em; }
.lk-hero .wp-block-buttons { gap: 14px; }
.lk-hero-visuel { position: relative; aspect-ratio: 1; max-width: 560px; width: 100%; margin-inline: auto; container-type: inline-size; }
.lk-hero-visuel > * { margin: 0 !important; }
.lk-hero-visuel .lk-hero-illustration { position: absolute; inset: 0; }
.lk-hero-visuel .lk-hero-illustration img { width: 100%; height: 100%; display: block; }
.lk-hero-visuel .is-style-lk-note { position: absolute; font-size: 5.2cqw; }
.lk-hero-visuel .lk-hero-n1 { left: 0; top: 2%; transform: rotate(-8deg); white-space: nowrap; }
.lk-hero-visuel .lk-hero-n2 { right: 1.5%; bottom: 1.5%; width: 29%; transform: rotate(3deg); }
.lk-hero-visuel .lk-hero-n3 { position: absolute; right: 2%; top: 2%; width: 24%; font-size: 3.9cqw; }

/* Étapes : quatre colonnes reliées par un trait en pointillés. */
.lk-etapes { position: relative; gap: 32px; }
.lk-etapes::before { content: ""; position: absolute; left: 42px; right: calc(25% - 34px); top: 40px; border-top: 3px dashed var(--lk-bleu); }
.lk-etape { position: relative; display: flex; flex-direction: column; gap: 12px; }
.lk-etape > * { margin: 0 !important; }
.lk-etape h3 { font-size: 28px; }

/* Photo avec sticker et note posés dessus. */
.lk-photo { position: relative; }
.lk-photo > * { margin: 0 !important; }
.lk-photo .lk-pos-haut-droite { position: absolute; right: -12px; top: 24px; transform: rotate(8deg); }
.lk-photo .lk-pos-bas { position: absolute; left: 0; bottom: -46px; }
.lk-photo .lk-pos-bas-droite { position: absolute; right: -10px; bottom: -30px; transform: rotate(-8deg); margin: 0; }

/* Contenu du kit : une icône par ligne (dans l'ordre de la maquette), fleur pour les lignes ajoutées. */
.lk-kit-liste { list-style: none; padding: 0; display: grid; gap: 14px; font-size: 18px; }
.lk-kit-liste li { display: flex; gap: 12px; align-items: center; margin: 0; }
.lk-kit-liste li::before {
	content: ""; width: 28px; height: 28px; flex-shrink: 0; background: currentColor;
	-webkit-mask: var(--lk-icone, url("../img/icones/cuir.svg")) no-repeat center / contain;
	mask: var(--lk-icone, url("../img/icones/cuir.svg")) no-repeat center / contain;
}
.lk-kit-liste li:nth-child(1) { --lk-icone: url("../img/icones/patron.svg"); }
.lk-kit-liste li:nth-child(2) { --lk-icone: url("../img/icones/cuir.svg"); }
.lk-kit-liste li:nth-child(3) { --lk-icone: url("../img/icones/fil.svg"); }
.lk-kit-liste li:nth-child(4) { --lk-icone: url("../img/icones/aiguille.svg"); }
.lk-kit-liste li:nth-child(5) { --lk-icone: url("../img/icones/alene.svg"); }
.lk-kit-liste li:nth-child(6) { --lk-icone: url("../img/icones/emporte.svg"); }
.lk-kit-liste li:nth-child(7) { --lk-icone: url("../img/icones/pince.svg"); }
.lk-kit-liste li:nth-child(8) { --lk-icone: url("../img/icones/livre.svg"); }
.lk-kit-liste li:nth-child(9) { --lk-icone: url("../img/icones/video.svg"); }

/* Kits */
.lk-cartes { gap: 30px; }
.lk-extras { gap: 14px; margin-top: 28px !important; }

/* Coloris */
.lk-colonnes-coloris { gap: 48px; }
.lk-pastilles { gap: 12px; }
/* Bloc « Coloris du moment LoumKit » (inc/coloris.php) : la grille de 6 colonnes du groupe écrit à la main. */
.lk-pastilles-module { display: grid; grid-template-columns: repeat(var(--lk-col, 6), minmax(0, 1fr)); }
.lk-pastilles-module strong { overflow-wrap: normal; word-break: normal; hyphens: none; } /* jamais « Bordeau / x » */
@media (max-width: 760px) { .lk-pastilles-module strong { font-size: clamp(13px, 3.8vw, 17px); } .lk-pastilles-module { font-size: 13px; } }
.lk-pastilles-vide { font-family: var(--lk-main); font-weight: 600; font-size: 24px; color: var(--lk-bleu); }
.lk-pastilles > * { margin: 0 !important; }
.lk-photos-3 { gap: 24px; margin-top: 56px !important; }
.lk-photos-3 > .wp-block-image { margin: 0; display: flex; flex-direction: column; gap: 10px; }
.lk-photos-3 img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 28px; }
.lk-photos-3 figcaption { font-family: var(--lk-main); font-weight: 600; font-size: 28px; line-height: 1.05; color: var(--lk-bleu); text-align: left; margin: 0; }

/* Avis */
.lk-score { gap: 16px; margin-bottom: 36px; }
.lk-score > * { margin: 0; }
.lk-score-chiffre { font-family: var(--lk-titre); font-size: 64px; line-height: 1; }
.lk-avis-grille { gap: 24px; }

/* Instagram */
.lk-insta { padding-block: 40px; border-top: 2px dashed var(--lk-ligne); }
.lk-colonnes-insta { gap: 32px; }
.lk-colonnes-insta .wp-block-column > * + * { margin-block-start: 10px; }
.lk-insta-titre { font-family: var(--lk-titre) !important; font-weight: 400 !important; font-size: 34px !important; letter-spacing: 0 !important; }
.lk-insta-titre a { text-decoration: none; color: inherit; }
.lk-insta-photos { gap: 10px; }
.lk-insta-photos > .wp-block-image { margin: 0; aspect-ratio: 1; border-radius: 14px; overflow: hidden; }
.lk-insta-photos img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s, opacity .3s; }
.lk-insta-photos a:hover img { transform: scale(1.06); opacity: .9; }

/* ========== Écrans moyens et petits (maquette : 980 et 760 px) ========== */
@media (max-width: 980px) {
	.lk-colonnes.wp-block-columns { flex-wrap: wrap !important; }
	.lk-colonnes.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
	.lk-cartes.lk-cartes, .lk-avis-grille.lk-avis-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lk-etapes.lk-etapes { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
	.lk-etapes::before { display: none; }
	.lk-pastilles.lk-pastilles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.lk-pastilles.lk-pastilles-module { grid-template-columns: repeat(var(--lk-col-petit, 3), minmax(0, 1fr)); }
	.lk-photo { max-width: 520px; }
	.lk-colonnes:has(.lk-photo) { row-gap: 72px; }
}
@media (max-width: 760px) {
	.lk-section { padding-block: 64px; }
	.lk-hero { padding-block: 28px 48px; }
	.lk-cartes.lk-cartes, .lk-avis-grille.lk-avis-grille, .lk-etapes.lk-etapes, .lk-photos-3.lk-photos-3 { grid-template-columns: minmax(0, 1fr); }
	.lk-insta-photos.lk-insta-photos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
	.lk-colonnes-insta { gap: 18px; }
	.is-style-lk-bandeau p { font-size: 19px; }
	.is-style-lk-bandeau { padding: 14px 0; }
}
@media (prefers-reduced-motion: reduce) {
	.is-style-lk-bandeau.est-anime .lk-bandeau-piste { animation: none; }
}

/* ========== B3 : pages intérieures (maquette : histoire.html, tutos.html, blog.html, article.html) ========== */

/* En-tête de page : fond poudre, fleur cousue en haut à droite. */
.lk-entete-page { position: relative; overflow: hidden; padding-block: 56px 64px; margin-block: 0 !important; }
.lk-entete-page::before {
	content: ""; position: absolute; right: -80px; top: -60px; width: 360px; height: 360px; opacity: .9; pointer-events: none;
	background: url("../img/fleur-cousue.svg") no-repeat center / contain;
}
.lk-entete-page > * { position: relative; z-index: 1; }
.lk-entete-page h1 { font-size: clamp(42px, 6vw, 76px) !important; letter-spacing: -0.04em !important; margin: 0; max-width: 14em; }
.lk-entete-page .lk-intro { margin: 18px 0 0; font-size: 19px; max-width: 38em; }

/* Carte valeur : blanche, icône, titre à la main. */
.is-style-lk-valeur { background: #fff; border-radius: 28px; padding: 30px; display: flex; flex-direction: column; gap: 12px; }
.is-style-lk-valeur > * { margin: 0 !important; }
.is-style-lk-valeur::before {
	content: ""; width: 40px; height: 40px; background: var(--lk-bleu);
	-webkit-mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain;
	mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain;
}
.is-style-lk-valeur h3 { font-family: var(--lk-titre) !important; font-weight: 400 !important; font-size: 32px !important; letter-spacing: 0 !important; }
.lk-ic-livre { --lk-icone: url("../img/icones/livre.svg"); }
.lk-ic-etoile { --lk-icone: url("../img/icones/etoile.svg"); }
.lk-valeurs { gap: 24px; }

/* Vidéo au clic : vignette 16/9, bouton jaune ; remplacée par le lecteur youtube-nocookie au clic (video.js). */
.lk-videos { gap: 24px; }
.lk-video { display: flex; flex-direction: column; gap: 12px; }
.lk-video > * { margin: 0 !important; }
.lk-video h3 { font-size: 22px; }
.lk-liens-video a { font-weight: 600; }
.wp-block-image.is-style-lk-video { position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: var(--lk-bleu); margin: 0; }
.wp-block-image.is-style-lk-video a { display: block; width: 100%; height: 100%; }
.wp-block-image.is-style-lk-video img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wp-block-image.is-style-lk-video::after {
	content: ""; position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; pointer-events: none;
	background: url("../img/lecture.svg") no-repeat 55% center / 34px, var(--lk-jaune);
	box-shadow: 0 8px 22px rgba(16, 39, 151, .35); transition: transform .2s;
}
.wp-block-image.is-style-lk-video:hover::after, .wp-block-image.is-style-lk-video:focus-within::after { transform: scale(1.08); }
.wp-block-image.is-style-lk-video.est-lue::after { display: none; }
.wp-block-image.is-style-lk-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Questions qui se déplient (bloc Détails). */
.wp-block-details { border-bottom: 2px dashed var(--lk-ligne); padding: 4px 0; margin: 0; }
.wp-block-details summary { cursor: pointer; font-weight: 800; font-size: 19px; padding: 16px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; font-family: var(--lk-titre); font-size: 26px; line-height: 1; }
.wp-block-details[open] summary::after { content: "–"; }
.wp-block-details > p { margin: 0 0 18px; }
.lk-faq > * { max-width: 820px; margin-block: 0 !important; } /* pas d'écart entre les questions : les pointillés les séparent */

/* Blog : catégories en pastilles (filtre sur place avec blog-filtre.js), article à la une, grille. */
.lk-filtre { list-style: none; padding: 0; margin-block: 0 36px !important; display: flex; flex-wrap: wrap; gap: 10px; }
.lk-filtre li { margin: 0; }
.lk-filtre a {
	display: inline-flex; align-items: center; min-height: 44px; padding: 8px 20px; border-radius: 999px;
	border: 2px solid var(--lk-bleu); background: #fff; color: var(--lk-bleu); font-weight: 600; font-size: 16px; text-decoration: none;
}
.lk-filtre a[aria-pressed="true"], .lk-filtre a:hover { background: var(--lk-bleu); color: #fff; }
.lk-blog .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.lk-blog .wp-block-post[hidden] { display: none !important; }
.lk-article-corps { display: flex; flex-direction: column; gap: 10px; }
.lk-article-corps > * { margin: 0 !important; }
.lk-article-image { border-radius: 28px; overflow: hidden; margin: 0; }
.lk-article-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.wp-block-post:hover .lk-article-image img { transform: scale(1.04); }
.lk-categorie a { display: inline-block; background: var(--lk-rose); border-radius: 999px; padding: 5px 14px; font-size: 14px; font-weight: 700; text-decoration: none; color: var(--lk-bleu); }
.lk-categorie .wp-block-post-terms__separator { display: none; }
.lk-blog .wp-block-post-title { font-size: 26px; line-height: 1.05; }
.lk-blog .wp-block-post-title a { text-decoration: none; color: inherit; }
.lk-blog .wp-block-post-title a:hover { text-decoration: underline; }
.lk-meta { gap: 6px; font-size: 14px; -webkit-text-fill-color: var(--lk-encre); }
.lk-meta > * { margin: 0; }
.lk-meta > * + *::before { content: "· "; }
.lk-meta .wp-block-post-time-to-read::after { content: " de lecture"; }
.lk-article-vedette .wp-block-post { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; margin-bottom: 56px; }
.lk-article-vedette .wp-block-post-title { font-size: clamp(32px, 3.6vw, 48px); letter-spacing: -0.03em; }
.lk-article-vedette .wp-block-post-excerpt { font-size: 19px; }
.lk-blog-grille .wp-block-post { display: flex; flex-direction: column; gap: 16px; }
.lk-blog-grille .wp-block-post-template { gap: 30px; }

/* Article : chapô, texte confortable, encart kit, signature. */
.is-style-lk-chapo { font-size: 21px; font-weight: 600; }
.single-post .entry-content { font-size: 19px; line-height: 1.7; }
.single-post .entry-content > h2 { font-size: 32px; margin: 44px 0 16px; }
.single-post .entry-content li { margin-bottom: 10px; }
.single-post .entry-content li::marker { color: var(--lk-bleu); font-weight: 800; }
.is-style-lk-encart {
	display: grid; grid-template-columns: 200px 1fr; gap: 28px; align-items: center;
	background: var(--lk-rose); border-radius: 28px 28px 110px 28px; padding: 26px; margin-block: 48px 28px !important;
}
.is-style-lk-encart > * { margin: 0 !important; }
.is-style-lk-encart .lk-encart-photo { border-radius: 18px; overflow: hidden; aspect-ratio: 1; background: #fff; }
.is-style-lk-encart .lk-encart-photo img { width: 100%; height: 100%; object-fit: cover; }
.lk-encart-texte { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.lk-encart-texte > * { margin: 0 !important; }
.lk-encart-texte h2 { font-size: 30px !important; margin: 0 !important; }
.lk-signature { font-size: 34px !important; }

@media (max-width: 980px) {
	.lk-valeurs.lk-valeurs, .lk-videos.lk-videos, .lk-blog-grille .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lk-article-vedette .wp-block-post { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 760px) {
	.lk-entete-page::before { width: 200px; height: 200px; right: -90px; top: -70px; opacity: .55; }
	.lk-valeurs.lk-valeurs, .lk-videos.lk-videos, .lk-blog-grille .wp-block-post-template.is-layout-grid { grid-template-columns: minmax(0, 1fr); }
	.is-style-lk-encart { grid-template-columns: 1fr; border-radius: 28px; }
	.is-style-lk-encart .lk-encart-photo { max-width: 200px; }
	.single-post .entry-content { font-size: 17px; }
}

/* Article : en-tête (inc/article.php) et « À lire aussi ». */
.lk-article-tete { display: flex; flex-direction: column; gap: 16px; padding: 12px 0 32px; max-width: var(--theme-block-max-width, 820px); margin-inline: auto; }
.lk-article-tete > * { margin: 0; }
.lk-ariane { font-size: 14px; }
.lk-ariane a { color: inherit; }
.lk-article-titre { font-size: clamp(40px, 5.4vw, 66px) !important; letter-spacing: -0.04em !important; line-height: .98 !important; }
.lk-article-meta { display: flex; flex-wrap: wrap; }
.lk-article-couverture { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 28px; margin: 12px 0 12px; }
.lk-a-lire-fond .lk-a-lire { padding-inline: var(--theme-content-edge-spacing, 5vw); }
.lk-a-lire-fond .lk-a-lire > * { max-width: var(--theme-normal-container-max-width, 1152px); margin-inline: auto; }

/* Boutique : mention de TVA sous le panier et la commande. */
.lk-mention-tva { font-size: 14px; -webkit-text-fill-color: var(--lk-encre); text-align: center; }

/* ---------- Pages légales (9.6) : texte long, lisible, tableaux défilants sur mobile ---------- */
.lk-juridique { padding-block: 56px 88px; }
.lk-juridique > * { max-width: 820px !important; }
.lk-juridique h2 { font-size: clamp(24px, 3vw, 32px) !important; margin: 44px 0 12px; }
.lk-juridique > h2:first-child { margin-top: 0; }
.lk-juridique p, .lk-juridique li { font-size: 17px; line-height: 1.6; }
.lk-juridique p { margin-block: 0 14px; }
.lk-juridique ul, .lk-juridique ol { margin-block: 0 16px; }
.lk-juridique .wp-block-quote { border-left: 4px solid var(--theme-palette-color-4, #F3A6F6); margin: 20px 0; padding: 4px 0 4px 20px; }
.lk-juridique .wp-block-quote p { font-size: 15px; margin-block: 0 10px; }
.lk-juridique .wp-block-table { overflow-x: auto; margin: 16px 0 24px; }
.lk-juridique .wp-block-table table { min-width: 680px; border-collapse: collapse; }
.lk-juridique .wp-block-table th, .lk-juridique .wp-block-table td { font-size: 15px; line-height: 1.45; padding: 10px 12px; border: 1px solid #E9C6EC; vertical-align: top; text-align: left; }
.lk-juridique .wp-block-table thead { background: #FFF0FF; border-bottom: 0; }
.lk-juridique code { font-size: 14px; background: #FFF0FF; padding: 1px 4px; border-radius: 4px; }
.lk-modele-formulaire { background: #FFF0FF; border: 2px dashed #F3A6F6; border-radius: 18px; padding: 28px 32px; margin-top: 24px; }
.lk-modele-formulaire p { font-size: 16px; margin-block: 0 16px; }
.lk-modele-formulaire p:last-child { margin-bottom: 0; }
@media (max-width: 760px) {
	.lk-juridique { padding-block: 40px 64px; }
	.lk-juridique p, .lk-juridique li { font-size: 16px; }
	.lk-modele-formulaire { padding: 20px; }
}

/* ---------- Cartes produits (B4.2) : dessin de la carte kit de la maquette (.tag-card) ---------- */
.lk-carte-produit {
	position: relative; background: var(--lk-rose); border-radius: 28px 28px 110px 28px;
	padding: 22px 22px 34px; display: flex; flex-direction: column; gap: 12px; color: var(--lk-bleu);
}
.lk-carte-produit[hidden] { display: none; }
.lk-carte-produit > * { margin: 0; }
.lk-carte-produit.lk-carte-acc,
.lk-grille-produits > .lk-carte-produit:nth-child(3n+2 of :not([hidden])),
ul.products > li.lk-carte-li:nth-child(3n+2) > .lk-carte-produit { background: var(--lk-poudre); }
.lk-carte-produit > .is-style-lk-sticker { position: absolute; left: 16px; top: 16px; z-index: 2; }
.lk-carte-produit .lk-carte-photo { display: block; border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 3; background: #fff; }
.lk-carte-produit .lk-carte-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.lk-carte-produit .lk-carte-photo:hover img { transform: scale(1.04); }
.lk-carte-produit.lk-carte-epuisee .lk-carte-photo img { opacity: .55; }
.lk-carte-produit .lk-carte-tete { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 4px 4px 0; }
.lk-carte-produit h3 { font-size: 28px; margin: 0; }
.lk-carte-produit h3 a { text-decoration: none; color: inherit; }
.lk-carte-produit .lk-prix del { font-size: .6em; opacity: .6; margin-right: 6px; }
.lk-carte-produit .lk-prix ins { text-decoration: none; }
.lk-carte-produit .lk-carte-texte { padding: 0 4px; }
.lk-carte-produit .lk-carte-bouton { margin: 6px 4px 0; }
.lk-carte-produit .wp-element-button.lk-btn-petit { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 20px; font-size: 15px; }
.lk-grille-produits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.lk-filtre-produits { margin-block: 0 36px !important; }
/* Listes de WooCommerce (catégories, produits liés) : la carte remplace celle de Blocksy. */
ul.products > li.lk-carte-li { list-style: none; padding: 0; margin: 0; background: none; border: 0; box-shadow: none; }

/* Bandeau d'informations sous la grille (maquette : .info-strip). */
.lk-infos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 56px !important; }
.lk-info { display: flex; gap: 14px; align-items: flex-start; background: var(--lk-poudre); border-radius: 18px; padding: 22px; }
.lk-info::before {
	content: ""; flex: 0 0 30px; height: 30px; background: var(--lk-bleu);
	-webkit-mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain;
	mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain;
}
.lk-info > * { margin: 0 !important; }
.lk-ic-camion { --lk-icone: url("../img/icones/camion.svg"); }
.lk-ic-horloge { --lk-icone: url("../img/icones/horloge.svg"); }
.lk-ic-upcycle { --lk-icone: url("../img/icones/upcycle.svg"); }

@media (max-width: 980px) {
	.lk-grille-produits, .lk-infos.lk-infos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.lk-grille-produits, .lk-infos.lk-infos { grid-template-columns: minmax(0, 1fr); }
}
.lk-boutique.lk-section { padding-top: 48px; }

/* ---------- Fiche produit (B4.3, maquette : produit.html) ---------- */
.lk-fil { font-size: 15px; padding: 24px 0; display: flex; gap: 8px; flex-wrap: wrap; }
.lk-fil a { color: inherit; }
.lk-fiche-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; padding-bottom: 80px; align-items: start; }
.lk-fiche-media { position: sticky; top: 108px; display: flex; flex-direction: column; gap: 14px; }
.admin-bar .lk-fiche-media { top: 140px; }
.lk-fiche-scene { position: relative; background: var(--lk-poudre); border-radius: 28px; aspect-ratio: 1; overflow: hidden; }
.lk-fiche-scene .lk-scene-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lk-fiche-scene .lk-scene-sticker { position: absolute; right: 22px; top: 22px; margin: 0; transform: rotate(8deg); z-index: 2; }
.lk-vignettes { display: grid; grid-template-columns: repeat(auto-fill, minmax(52px, 1fr)); gap: 10px; }
.lk-vignette { display: block; aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: var(--lk-poudre); outline: 3px solid transparent; outline-offset: 2px; transition: outline-color .15s; }
.lk-vignette img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lk-vignette[aria-pressed="true"] { outline-color: var(--lk-bleu); }
.lk-vignette:focus-visible { outline: 3px dashed var(--lk-bleu); }
.lk-petit { font-size: 14px; }
.lk-discret { color: var(--lk-encre); margin: 0; }
.lk-fiche-info { display: flex; flex-direction: column; gap: 18px; }
.lk-fiche-info > * { margin: 0; }
.lk-fiche-info > .lk-fiche-sticker { align-self: flex-start; }
.lk-fiche-titre { font-size: clamp(44px, 5vw, 68px); letter-spacing: -0.04em; line-height: 1; }
.lk-fiche-accroche { font-size: 21px; font-weight: 600; margin-top: -6px !important; }
.lk-fiche-prix { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.lk-prix-grand { font-size: 40px; }
.lk-offerte { background: var(--lk-poudre); border: 2px dashed var(--lk-bleu); border-radius: 999px; padding: 4px 14px; font-weight: 600; font-size: 15px; }
.lk-fiche-description > p { margin: 0 0 12px; }
.lk-fiche-description > p:last-child { margin: 0; }
.lk-atouts { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.lk-atouts li { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 16px; margin: 0; }
.lk-atouts li::before {
	content: ""; flex: 0 0 22px; height: 22px; background: var(--lk-bleu);
	-webkit-mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain; mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain;
}
.lk-ic-carte { --lk-icone: url("../img/icones/carte.svg"); }
.lk-config { display: flex; flex-direction: column; gap: 22px; border-top: 2px dashed var(--lk-ligne); padding-top: 22px; }
.lk-choix { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.lk-choix legend { font-weight: 800; font-size: 19px; padding: 0; margin-bottom: 12px; }
.lk-choix-valeur { font-family: var(--lk-main); font-weight: 600; font-size: 26px; margin-left: 8px; }
.lk-pastilles-choix, .lk-segments { display: flex; flex-wrap: wrap; gap: 10px; }
.lk-pastille-choix, .lk-segments label { position: relative; cursor: pointer; }
.lk-pastille-choix input, .lk-segments input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.lk-pastille-couleur { display: block; width: 40px; height: 40px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); border: 4px solid #fff; outline: 2px solid transparent; transition: outline-color .15s; }
.lk-choix-cuir .lk-pastille-couleur { width: 60px; height: 60px; border-radius: 42% 58% 46% 54% / 55% 45% 55% 45%; }
.lk-pastille-choix input:checked + .lk-pastille-couleur { outline: 3px solid var(--lk-bleu); outline-offset: 2px; }
.lk-pastille-choix input:focus-visible + .lk-pastille-couleur { outline: 3px dashed var(--lk-bleu); outline-offset: 4px; }
.lk-pastille-choix input:disabled, .lk-pastille-choix input:disabled + .lk-pastille-couleur { cursor: not-allowed; }
.lk-pastille-choix input:disabled + .lk-pastille-couleur { opacity: .35; background-image: linear-gradient(135deg, transparent 46%, #fff 46%, #fff 54%, transparent 54%); }
.lk-segments span { display: inline-flex; min-height: 46px; align-items: center; padding: 8px 20px; border-radius: 999px; border: 2px solid var(--lk-bleu); font-weight: 600; }
.lk-segments input:checked + span { background: var(--lk-bleu); color: #fff; }
.lk-segments input:focus-visible + span { outline: 3px dashed var(--lk-bleu); outline-offset: 3px; }
.lk-ajout { position: relative; display: block; cursor: pointer; }
.lk-ajout input { position: absolute; left: 22px; top: 22px; width: 22px; height: 22px; margin: 0; accent-color: var(--lk-bleu); }
.lk-ajout-boite { display: block; background: var(--lk-jaune); border-radius: 18px; padding: 20px 20px 20px 58px; font-size: 15px; }
.lk-achat { display: flex; gap: 14px; flex-wrap: wrap; }
.lk-quantite { display: inline-flex; align-items: center; border: 2px solid var(--lk-bleu); border-radius: 999px; }
.lk-quantite button { width: 48px; height: 54px; border: 0; background: none; color: var(--lk-bleu); cursor: pointer; font-size: 24px; line-height: 1; border-radius: 999px; }
.lk-quantite input { width: 36px; border: 0; background: none; text-align: center; font-weight: 700; font-size: 18px; color: var(--lk-bleu); padding: 0; -moz-appearance: textfield; appearance: textfield; }
.lk-quantite input::-webkit-inner-spin-button, .lk-quantite input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.lk-achat .lk-btn-grand { flex: 1; min-width: 240px; min-height: 58px; padding: 16px 32px; font-size: 18px; }
.lk-achat .lk-btn-grand:disabled { opacity: .5; cursor: not-allowed; }
.lk-achat .lk-bouton-panier { column-gap: .3em; } /* bouton en flex : l'espace avant le prix disparaîtrait */
.lk-accordeons { border-top: 2px dashed var(--lk-ligne); }
.lk-accordeons .wp-block-details > :not(summary) { margin: 0 0 18px; }
.lk-accordeons .lk-kit-liste { font-size: 17px; }
.lk-accordeons .lk-mention-video { margin-top: 10px !important; }
.lk-fiche-section { padding-block: 96px; }
.lk-fiche-avis { background: var(--lk-rose); }
.lk-fiche-aussi { background: var(--lk-poudre); }
.lk-fiche-section .lk-entete-section { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 48px; }
.lk-fiche-section .lk-entete-section h2 { font-size: clamp(34px, 4.2vw, 54px); margin: 0; }
.lk-fiche-avis .lk-avis-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lk-fiche .woocommerce-notices-wrapper:not(:empty) { padding-top: 24px; }

@media (max-width: 980px) {
	.lk-fiche-grille { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.lk-fiche-media { position: static; }
	.lk-fiche-avis .lk-avis-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.lk-fiche-section { padding-block: 64px; }
	.lk-fiche-avis .lk-avis-grille { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Aperçu du cuir et du fil (B4.4, maquette : .stage-preview) ---------- */
.lk-apercu { position: absolute; inset: 0; display: none; place-items: center; background: var(--lk-poudre); }
.lk-fiche-scene[data-vue="apercu"] .lk-apercu, .lk-apercu:target { display: grid; }
.lk-fiche-scene[data-vue="apercu"] .lk-scene-photo { visibility: hidden; }
.lk-apercu-fleur { position: absolute; width: 88%; height: 88%; left: 6%; top: 6%; }
.lk-fleur-fond { fill: var(--lk-rose); }
.lk-fleur-couture { fill: none; stroke: var(--lk-bleu); stroke-width: 3.2; stroke-dasharray: 7 6; stroke-linecap: round; }
.lk-apercu-art { position: relative; width: 72%; transform: rotate(-4deg); filter: drop-shadow(0 14px 20px rgba(16, 39, 151, .2)); }
.lk-art { display: block; width: 100%; height: auto; }
.lk-art-cuir { fill: var(--lk-cuir, #C4874A); transition: fill .25s, stroke .25s; }
.lk-apercu-note { position: absolute; left: 24px; bottom: 20px; transform: rotate(-3deg); font-size: 26px; margin: 0; }
.lk-vignette-apercu { display: grid; place-items: center; padding: 8px; }
@media (prefers-reduced-motion: reduce) { .lk-art-cuir, .lk-art .lk-art-couture { transition: none !important; } }

/* Aperçu d'après les dessins de Max (B4.4) : une nuance du cuir par niveau de gris (calculée par apercu-nuances.js et
   inc/apercu.php), coutures à la couleur du fil. */
.lk-art .lk-cuir-1 { fill: var(--lk-cuir-1, var(--lk-cuir, #C4874A)); }
.lk-art .lk-cuir-2 { fill: var(--lk-cuir-2, #985E1C); }
.lk-art .lk-cuir-3 { fill: var(--lk-cuir-3, #844C00); }
.lk-art .lk-art-couture { fill: var(--lk-fil, #FACAFE); transition: fill .25s; } /* sans liseré, comme le dessin (demande de Max) */
.lk-art .lk-cuir-1, .lk-art .lk-cuir-2, .lk-art .lk-cuir-3 { transition: fill .25s; }

/* ---------- Porte-cartes animé de l'accueil (inc/porte-cartes.php) ---------- */
.lk-hero-visuel .lk-porte-cartes { position: absolute; inset: 0; }
.lk-pc-decor { position: absolute; inset: 0; width: 100%; height: 100%; }
/* Même place que le porte-cartes de l'ancienne illustration (repère 560 × 560), incliné de 5°. */
.lk-pc-bouton {
	position: absolute; left: 25%; top: 24.736%; width: 50%; padding: 0; margin: 0; border: 0; background: none; cursor: pointer;
	transform: rotate(-5deg); animation: lk-levite 4.6s ease-in-out infinite; -webkit-tap-highlight-color: transparent;
	/* Cadre du dessin agrandi de 48 unités vers le haut (inc/porte-cartes.php) : le bouton remonte de 50 % × 48 / 344,64 =
	   6,964 % (31,7 % avant), et tourne toujours autour du centre du porte-cartes (48 + 127,56 sur 303,12 de haut). */
	transform-origin: 50% 57.917%;
	touch-action: manipulation; /* pas de zoom au double tapotement sur l'animation ; le zoom à deux doigts reste possible */
}
.lk-porte-cartes { touch-action: manipulation; }
.lk-pc-bouton:focus-visible { outline: 3px dashed var(--lk-bleu); outline-offset: 10px; border-radius: 18px; }
.lk-pc-dessin { display: block; width: 100%; height: auto; overflow: visible; }
.lk-pc-carte { transform: translateY(calc(var(--lk-cran, 0) * -39px)); transition: transform .45s cubic-bezier(.3, 1.45, .55, 1); }
.lk-pc-chute .lk-pc-carte { transition: transform .38s cubic-bezier(.55, 0, .95, .45); }
.lk-pc-ombre {
	position: absolute; left: 30%; top: 70%; width: 40%; height: 7%; border-radius: 50%;
	background: radial-gradient(closest-side, rgba(16, 39, 151, .26), rgba(16, 39, 151, 0));
	animation: lk-ombre 4.6s ease-in-out infinite;
}
@keyframes lk-levite { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-4.5%) rotate(-3.5deg); } }
@keyframes lk-ombre { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.82); opacity: .7; } }
@media (prefers-reduced-motion: reduce) {
	.lk-pc-bouton, .lk-pc-ombre { animation: none !important; }
	.lk-pc-carte, .lk-pc-chute .lk-pc-carte { transition: none !important; }
}

/* ---------- Panier, commande, confirmation (B4.5, maquette : panier.html, commande.html, confirmation.html) ---------- */
/* Illustration aux couleurs choisies à la place de la photo (inc/commande.php). */
.lk-ligne-art { display: block; background: var(--lk-poudre); border-radius: 18px; padding: 12px; }
.lk-ligne-art .lk-art { display: block; width: 100%; height: auto; }
.woocommerce-cart-form .product-thumbnail { width: 132px; }
.woocommerce-cart-form .product-thumbnail .lk-ligne-art { width: 120px; }
.woocommerce-cart-form .product-name > a { font-weight: 800; font-size: 20px; text-decoration: none; }
.woocommerce-cart-form .variation, .woocommerce-checkout-review-order-table .variation { color: var(--lk-encre); font-size: 15px; }
.woocommerce-cart-form td, .woocommerce-cart-form th { border-color: var(--lk-ligne) !important; }
.woocommerce-cart-form tr.cart_item td { border-bottom: 2px dashed var(--lk-ligne) !important; padding-block: 20px; }

/* Récapitulatif du panier et de la commande : bloc poudre arrondi, total en grand. */
.ct-woocommerce-cart-form .cart_totals, .ct-order-review {
	background: var(--lk-poudre) !important; border: 0 !important; border-radius: 28px !important; padding: 28px !important;
}
.cart_totals > h2 { font-size: 28px; }
.cart_totals .order-total th, .cart_totals .order-total td, .woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td {
	border-top: 2px dashed var(--lk-bleu) !important; padding-top: 14px !important; font-size: 22px;
}
.cart_totals .order-total .amount, .woocommerce-checkout-review-order-table .order-total .amount { font-family: var(--lk-titre); font-weight: 400; font-size: 28px; }
.woocommerce-cart .woocommerce-shipping-destination { display: none; } /* « Les options de livraison seront mises à jour… » : sans objet (même règle partout) */
.lk-reste-livraison td { font-size: 15px; padding-top: 4px !important; border: 0 !important; background: none !important; }
.wc-proceed-to-checkout .checkout-button, #place_order { width: 100%; min-height: 58px; font-size: 18px; border-radius: 999px; }

/* Panier vide (maquette : .empty). */
.woocommerce-cart .cart-empty.woocommerce-info { background: none; border: 0; text-align: center; font-family: var(--lk-titre); font-size: 34px; padding: 32px 0 8px; justify-content: center; }
.woocommerce-cart .cart-empty.woocommerce-info::before { display: none; }
.woocommerce-cart .return-to-shop { text-align: center; padding-bottom: 80px; }

/* Commande : en-tête (étapes, titre, phrase ; composition « Commande – En-tête »). */
.lk-commande-entete { margin-bottom: 24px; }
.lk-commande-entete > * { margin-block: 0 8px; }
.lk-etapes-commande { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0 0 28px !important; font-size: 15px; font-weight: 600; counter-reset: lk-etape; }
.lk-etapes-commande li { display: flex; align-items: center; gap: 8px; color: var(--lk-encre); counter-increment: lk-etape; margin: 0; }
.lk-etapes-commande li::before { content: counter(lk-etape); width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--lk-poudre); font-family: var(--lk-titre); font-weight: 400; }
.lk-etapes-commande li.lk-etape-courante { color: var(--lk-bleu); }
.lk-etapes-commande li.lk-etape-courante::before { background: var(--lk-jaune); }
.lk-etapes-commande li:not(:last-child)::after { content: ""; width: 28px; border-top: 2px dashed var(--lk-ligne); }
.lk-commande-titre { font-size: 48px !important; line-height: 1; }
.lk-commande-phrase { color: var(--lk-encre); }
.woocommerce-checkout h3 { font-size: 26px; }
.woocommerce-checkout-review-order-table td.product-name { display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 14px; align-items: center; }
.woocommerce-checkout-review-order-table td.product-name > :not(.lk-ligne-art) { grid-column: 2; justify-self: start; }
.woocommerce-checkout-review-order-table td.product-name .lk-ligne-art { grid-row: 1 / span 3; padding: 8px; background: #fff; }
.woocommerce-checkout-review-order-table td.product-name .lk-ligne-nom { font-weight: 800; }
.woocommerce-checkout-review-order-table .variation p { margin: 0; }
.woocommerce-checkout-review-order-table .product-name .lk-ligne-art img { display: block; width: 100%; height: auto; border-radius: 10px; }

/* Confirmation : « Merci … ! » (maquette : .merci), commande encadrée, trois cartes (composition). */
.woocommerce-order .woocommerce-thankyou-order-received { display: none !important; } /* remplacé par .lk-merci */
.lk-merci { text-align: center; padding: 24px 0 40px; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.lk-merci .lk-apercu-fleur { position: static; width: 150px; height: 150px; }
.lk-merci .lk-fleur-fond { fill: var(--lk-jaune); }
.lk-merci h1 { font-size: clamp(44px, 6vw, 78px); letter-spacing: -0.04em; margin: 0; }
.lk-merci p { font-size: 19px; max-width: 36em; margin: 0; }
.woocommerce-order-overview { max-width: 720px; margin: 0 auto 40px !important; border: 2px dashed var(--lk-bleu); border-radius: 28px; padding: 22px 28px !important; }
.lk-suite-commande { gap: 20px; margin-top: 56px; }
.lk-suite { background: var(--lk-poudre); border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 12px; }
.lk-suite > * { margin: 0 !important; }
.lk-suite::before {
	content: ""; width: 32px; height: 32px; background: var(--lk-bleu);
	-webkit-mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain; mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain;
}
.lk-suite h2 { font-size: 24px; }
.lk-ic-video { --lk-icone: url("../img/icones/video.svg"); }
.lk-ic-coeur { --lk-icone: url("../img/icones/coeur.svg"); }
@media (max-width: 980px) { .lk-suite-commande.lk-suite-commande { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Espace client (B4.6, maquette : compte.html) ---------- */
.lk-compte-entete { padding: 16px 0 8px; }
.lk-compte-entete > * { margin-block: 0 12px; }
.lk-compte-grand-titre { font-size: clamp(42px, 6vw, 76px) !important; letter-spacing: -0.04em; line-height: 1; }
/* Connexion et inscription : deux cartes (poudre, rose). */
.woocommerce-account .u-columns.col2-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; margin-top: 24px; }
.woocommerce-account .u-columns > .u-column1, .woocommerce-account .u-columns > .u-column2 { width: auto; float: none; margin: 0; background: var(--lk-poudre); border-radius: 28px; padding: 32px; }
.woocommerce-account .u-columns > .u-column2 { background: var(--lk-rose); }
.woocommerce-account .u-columns h2 { font-size: 32px; }
.woocommerce-account .u-columns form { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; }
.woocommerce-account .u-columns .button { width: 100%; min-height: 54px; border-radius: 999px; }
/* Tableau de bord : colonne latérale poudre, menu à icônes, contenu. */
.lk-compte-moi { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.lk-compte-moi > div { display: flex; flex-direction: column; min-width: 0; }
.lk-compte-moi span:not(.lk-avatar) { font-size: 14px; color: var(--lk-encre); overflow: hidden; text-overflow: ellipsis; }
.lk-avatar { position: relative; width: 58px; height: 58px; flex-shrink: 0; display: grid; place-items: center; }
.lk-avatar .lk-apercu-fleur { position: absolute; inset: 0; width: 100%; height: 100%; }
.lk-avatar .lk-fleur-fond { fill: var(--lk-jaune); }
.lk-avatar .lk-fleur-couture { display: none; }
.lk-avatar b { position: relative; font-family: var(--lk-titre); font-weight: 400; font-size: 24px; }
.woocommerce-MyAccount-navigation { background: var(--lk-poudre); border-radius: 28px; padding: 22px; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.woocommerce-MyAccount-navigation li { margin: 0; border: 0 !important; }
.woocommerce-MyAccount-navigation li a { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 8px 14px; border-radius: 14px; font-weight: 600; text-decoration: none; color: var(--lk-bleu); }
.woocommerce-MyAccount-navigation li a::before {
	content: ""; width: 22px; height: 22px; flex-shrink: 0; background: currentColor;
	-webkit-mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain; mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain;
}
.woocommerce-MyAccount-navigation li a:hover { background: #fff; }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--lk-bleu); color: #fff; }
.woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 8px !important; padding-top: 8px; border-top: 2px dashed var(--lk-ligne) !important; }
.woocommerce-MyAccount-navigation-link--orders { --lk-icone: url("../img/icones/panier.svg"); }
.woocommerce-MyAccount-navigation-link--mes-tutos { --lk-icone: url("../img/icones/video.svg"); }
.woocommerce-MyAccount-navigation-link--edit-account { --lk-icone: url("../img/icones/compte.svg"); }
.woocommerce-MyAccount-navigation-link--edit-address { --lk-icone: url("../img/icones/camion.svg"); }
.woocommerce-MyAccount-navigation-link--customer-logout { --lk-icone: url("../img/icones/croix.svg"); }
.lk-compte-titre { font-size: clamp(36px, 4.4vw, 56px) !important; letter-spacing: -0.04em; margin: 0 0 24px; line-height: 1; }
.lk-compte-intro { margin: -8px 0 24px; font-size: 18px; }
.lk-compte-cartes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lk-compte-carte { position: relative; background: var(--lk-poudre); border-radius: 28px; padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.lk-compte-carte > * { margin: 0 !important; }
.lk-compte-carte:not(.lk-compte-carte-large)::before {
	content: ""; width: 30px; height: 30px; background: var(--lk-bleu);
	-webkit-mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain; mask: var(--lk-icone, url("../img/icones/etoile.svg")) no-repeat center / contain;
}
.lk-compte-carte h3 { font-size: 24px; }
.lk-compte-carte:not(.lk-compte-carte-large) h3 a { text-decoration: none; color: inherit; }
.lk-compte-carte:not(.lk-compte-carte-large) h3 a::after { content: ""; position: absolute; inset: 0; border-radius: 28px; } /* toute la carte est cliquable */
.lk-compte-carte-large { grid-column: 1 / -1; background: #fff; border: 2px solid var(--lk-rose); }
.lk-compte-carte-jaune { background: var(--lk-jaune); }
.lk-compte-etiquette { align-self: flex-start; background: var(--lk-rose); border-radius: 999px; padding: 5px 14px; font-size: 14px; font-weight: 700; }
.lk-commande-tete { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.lk-commande-tete > div { flex: 1; min-width: 180px; }
.lk-commande-tete h3, .lk-commande-tete p { margin: 0; }
.lk-commande-total { font-family: var(--lk-titre); font-weight: 400; font-size: 24px; }
.lk-statut, .woocommerce-orders-table__cell-order-status { font-weight: 700; }
.lk-statut { border-radius: 999px; padding: 5px 14px; font-size: 14px; background: var(--lk-jaune); }
.lk-statut-completed { background: #D9F2E0; }
.lk-compte-videos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.lk-ic-panier { --lk-icone: url("../img/icones/panier.svg"); }
@media (max-width: 980px) {
	.lk-compte-cartes { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-account .u-columns.col2-set, .lk-compte-videos { grid-template-columns: minmax(0, 1fr); }
}
/* Espace client : colonne de 280 px (avatar et menu dans le même bloc poudre), contenu à droite. */
@media (min-width: 981px) {
	.ct-woo-account { display: grid !important; grid-template-columns: 280px minmax(0, 1fr); gap: 48px; align-items: start; }
	.ct-woo-account > .ct-acount-nav { position: sticky; top: 108px; }
}
.ct-woo-account > .ct-acount-nav { background: var(--lk-poudre); border-radius: 28px; padding: 22px; width: auto; }
.ct-woo-account > .ct-acount-nav .woocommerce-MyAccount-navigation { background: none; padding: 0; border-radius: 0; }
.ct-acount-nav .woocommerce-MyAccount-navigation, .ct-acount-nav .woocommerce-MyAccount-navigation ul, .ct-acount-nav .woocommerce-MyAccount-navigation li { width: 100%; max-width: none; }
.ct-acount-nav .woocommerce-MyAccount-navigation li a { width: 100%; box-sizing: border-box; white-space: nowrap; }
.woocommerce-table--order-details td.product-name .lk-ligne-art img { display: block; width: 100%; height: auto; border-radius: 10px; }
.ct-woo-account > .woocommerce-MyAccount-content { width: auto; min-width: 0; }
@media (max-width: 980px) { .ct-woo-account > .ct-acount-nav { margin-bottom: 32px; } }
/* Détail d'une commande : illustration devant l'article. */
.woocommerce-table--order-details td.product-name { display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 14px; align-items: center; }
.woocommerce-table--order-details td.product-name > :not(.lk-ligne-art) { grid-column: 2; justify-self: start; }
.woocommerce-table--order-details td.product-name .lk-ligne-art { grid-row: 1 / span 3; padding: 8px; }
.woocommerce-table--order-details td.product-name .lk-ligne-nom { font-weight: 800; }
.woocommerce-table--order-details .wc-item-meta { margin: 0; padding: 0; list-style: none; font-size: 15px; }
.woocommerce-table--order-details .wc-item-meta p { display: inline; margin: 0; }
/* Suivi Colissimo sur une commande de l'espace client (inc/suivi.php). */
.lk-suivi { border: 2px dashed var(--lk-bleu); border-radius: 18px; background: var(--lk-poudre); padding: 18px 20px; margin: 0 0 24px; display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: space-between; }
.lk-suivi p { margin: 0; }
/* Accueil (B4.7) : cartes produits dans la grille « Nos kits » (poudre une carte sur trois, comme avant). */
.lk-cartes > .lk-carte-produit:nth-child(3n+2) { background: var(--lk-poudre); }
/* Produit sans aucun coloris en stock (décision de Max du 29/09/2026) : « Bientôt de retour ». */
.lk-bientot { background: var(--lk-poudre); border: 2px dashed var(--lk-bleu); border-radius: 18px; padding: 16px 20px; margin: 0; }

/* « Paiement sécurisé » et logos des moyens acceptés (inc/paiement.php). */
.lk-paiement-sur { margin: 14px 0 0; }
.lk-paiement-sur > p { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: 14px; font-weight: 700; color: var(--lk-bleu); }
.lk-logos-paiement { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.lk-logos-paiement li { display: flex; align-items: center; justify-content: center; width: 44px; height: 28px; padding: 3px; background: #fff; border: 1px solid #d9d9e3; border-radius: 5px; box-sizing: border-box; }
.lk-logos-paiement img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.lk-paiement-sur-commande, .lk-paiement-sur-panier { text-align: center; }
.lk-paiement-sur-commande > p, .lk-paiement-sur-panier > p { justify-content: center; }
.lk-paiement-sur-commande .lk-logos-paiement, .lk-paiement-sur-panier .lk-logos-paiement { justify-content: center; }

/* Avis du site et avis Etsy (inc/avis.php) : deux sources, chacune titrée ; formulaire replié ; règles de traitement. */
.lk-avis-source + .lk-avis-source { margin-top: 40px; }
.lk-avis-source h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 0 16px; font-size: 22px; color: var(--lk-bleu); }
.lk-avis-source h3 > span { font-family: var(--lk-texte, inherit); font-size: 14px; font-weight: 500; color: var(--lk-encre); }
.lk-avis-site-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lk-avis-note { color: var(--lk-jaune, #FFD84D); -webkit-text-stroke: .5px var(--lk-bleu); letter-spacing: 1px; }
.lk-etoiles-vides { opacity: .25; }
.lk-avis-verifie { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--lk-bleu); color: #fff; font-size: 12px; font-weight: 700; -webkit-text-fill-color: #fff; }
.lk-avis-aucun { margin: 0; }
.lk-avis-form { margin-top: 32px; }
.lk-avis-form > summary { display: inline-flex; list-style: none; cursor: pointer; }
.lk-avis-form > summary::-webkit-details-marker { display: none; }
.lk-avis-form form { max-width: 620px; margin-top: 16px; }
.lk-avis-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.lk-avis-form textarea, .lk-avis-form input[type="text"], .lk-avis-form input[type="email"] { width: 100%; box-sizing: border-box; }
.lk-avis-choix-note { border: 0; margin: 0 0 12px; padding: 0; }
.lk-avis-choix-note label { display: inline-flex; align-items: center; gap: 4px; margin: 0 14px 6px 0; font-weight: 400; color: var(--lk-bleu); }
.lk-avis-piege { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lk-avis-regles { margin-top: 24px; font-size: 14px; }
.lk-avis-regles > summary { cursor: pointer; font-weight: 700; color: var(--lk-bleu); }
@media (max-width: 760px) { .lk-avis-site-grille { grid-template-columns: 1fr; } }

/* Panier coulissant (inc/panier.php) : panneau à droite, fond voilé ; mini-panier de WooCommerce habillé. */
html.lk-panier-ouvert { overflow: hidden; }
/* « hidden » l'emporte sur display : fermés, le panneau et la fenêtre ne sont ni visibles ni atteignables au clavier. */
.lk-panier-panneau[hidden], .lk-panier-fond[hidden], .lk-ajout-fenetre[hidden] { display: none !important; }
.lk-panier-fond { position: fixed; inset: 0; z-index: 9998; background: rgba(10, 26, 107, .35); opacity: 0; transition: opacity .25s; }
.lk-panier-fond.est-ouvert { opacity: 1; }
.lk-panier-panneau { position: fixed; top: 0; right: 0; bottom: 0; z-index: 9999; width: min(420px, 100vw); display: flex; flex-direction: column; background: var(--lk-poudre, #FFF0FF); box-shadow: -10px 0 40px rgba(10, 26, 107, .18); transform: translateX(100%); transition: transform .25s ease; overflow-y: auto; }
.lk-panier-panneau.est-ouvert { transform: none; }
.lk-panier-tete { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px 8px; }
.lk-panier-tete h2 { margin: 0; font-size: 26px; color: var(--lk-bleu); }
.lk-panier-fermer, .lk-ajout-fermer { width: 40px; height: 40px; border: 2px solid var(--lk-bleu); border-radius: 50%; background: transparent; color: var(--lk-bleu); font-size: 24px; line-height: 1; cursor: pointer; }
.lk-panier-livraison { margin: 0 22px 8px; font-size: 14px; color: var(--lk-bleu); }
.lk-panier-livraison:empty { display: none; }
.lk-panier-panneau .widget_shopping_cart_content { padding: 0 22px 24px; }
.lk-panier-panneau .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; }
.lk-panier-panneau .woocommerce-mini-cart-item { position: relative; display: grid; grid-template-columns: 72px 1fr; column-gap: 12px; padding: 14px 32px 14px 0; border-bottom: 1px dashed var(--lk-rose-2, #F3A6F6); }
.lk-panier-panneau .woocommerce-mini-cart-item > a:not(.remove) { display: contents; font-weight: 700; color: var(--lk-bleu); }
.lk-panier-panneau .woocommerce-mini-cart-item .lk-ligne-art, .lk-panier-panneau .woocommerce-mini-cart-item img { grid-row: span 3; width: 72px; height: auto; }
.lk-panier-panneau .woocommerce-mini-cart-item .variation, .lk-panier-panneau .woocommerce-mini-cart-item .quantity { grid-column: 2; margin: 2px 0 0; font-size: 14px; }
.lk-panier-panneau .woocommerce-mini-cart-item .variation { display: grid; grid-template-columns: max-content 1fr; column-gap: 6px; row-gap: 2px; }
.lk-panier-panneau .woocommerce-mini-cart-item .variation dt { margin: 0; font-weight: 700; float: none; clear: none; }
.lk-panier-panneau .woocommerce-mini-cart-item .variation dd { margin: 0; float: none; }
.lk-panier-panneau .woocommerce-mini-cart-item .variation dd p { margin: 0; }
.lk-panier-panneau .woocommerce-mini-cart-item .quantity { display: block; margin-top: 4px; font-weight: 700; color: var(--lk-bleu); }
.lk-panier-panneau .woocommerce-mini-cart-item a.remove { position: absolute; top: 12px; right: 0; width: 26px; height: 26px; line-height: 24px; text-align: center; border-radius: 50%; color: var(--lk-bleu); font-size: 20px; text-decoration: none; }
.lk-panier-panneau .woocommerce-mini-cart__total { display: flex; justify-content: space-between; margin: 16px 0; font-size: 18px; color: var(--lk-bleu); }
.lk-panier-panneau .woocommerce-mini-cart__buttons { display: grid; gap: 10px; margin: 0; }
.lk-panier-panneau .woocommerce-mini-cart__buttons .button { display: block; text-align: center; border-radius: 999px; padding: 14px 20px; font-weight: 700; }
.lk-panier-panneau .woocommerce-mini-cart__buttons .button:not(.checkout) { background: transparent; border: 2px solid var(--lk-bleu); color: var(--lk-bleu); }
.lk-panier-panneau .woocommerce-mini-cart__buttons .checkout { background: var(--lk-bleu); color: #fff; }
.lk-panier-panneau .woocommerce-mini-cart__empty-message { margin: 24px 0; color: var(--lk-bleu); }

/* Fenêtre d'ajout au panier, sous l'icône du panier (inc/panier.php, assets/js/panier.js). */
.lk-ajout-fenetre { position: fixed; z-index: 9997; width: 360px; max-width: calc(100vw - 24px); box-sizing: border-box; padding: 16px 18px 18px; background: #fff; border-radius: 18px; box-shadow: 0 16px 40px rgba(10, 26, 107, .2); color: var(--lk-encre); opacity: 0; transform: translateY(-6px); transition: opacity .2s, transform .2s; }
.lk-ajout-fenetre.est-ouverte { opacity: 1; transform: none; }
.lk-ajout-tete { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.lk-ajout-titre { margin: 0; font-weight: 800; color: var(--lk-bleu); font-size: 17px; }
.lk-ajout-fermer { width: 32px; height: 32px; font-size: 20px; }
.lk-ajout-ligne { display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px dashed var(--lk-rose-2, #F3A6F6); }
.lk-ajout-image svg, .lk-ajout-image img, .lk-ajout-image .lk-ligne-art { width: 64px; height: auto; display: block; }
.lk-ajout-ligne p { margin: 0; font-size: 14px; }
.lk-ajout-nom { font-weight: 700; color: var(--lk-bleu); }
.lk-ajout-total { margin: 12px 0 4px; font-weight: 700; color: var(--lk-bleu); }
.lk-ajout-livraison { margin: 0 0 12px; font-size: 14px; }
.lk-ajout-boutons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lk-ajout-boutons a { text-align: center; padding: 10px 12px; font-size: 15px; }
.lk-ajout-voir { background: transparent !important; border: 2px solid var(--lk-bleu) !important; color: var(--lk-bleu) !important; }
.lk-ajout-erreur { margin: 0 0 6px; color: var(--lk-erreur, #B3261E); font-size: 14px; }
@media (prefers-reduced-motion: reduce) { .lk-panier-panneau, .lk-panier-fond, .lk-ajout-fenetre { transition: none; } }