.cekonay-syncron-category {
  --syn-ink: #19191b;
  --syn-muted: #666169;
  --syn-cream: #f5f1ea;
  --syn-line: #e5e0d8;
  --syn-blue: #1c71e3;
  --syn-teal: #147d89;
  /* Le vert du cartouche des cartes. Il ne suit pas la famille : le client doit
     reconnaitre la meme etiquette d une categorie a l autre. Valeur relevee sur
     Zenit, choisie comme reference le 18 septembre 2026. */
  --syn-cartouche: #0f7382;
  /* Le meme vert sert aux eyebrows poses sur un fond clair. Mesure du
     18 septembre 2026 : 5,47 sur blanc et 4,86 sur le creme #f5f1ea, donc
     au dessus du seuil AA de 4,5 pour du petit texte. */
  --syn-hero-accent: #79c8a4;
  --syn-wrap: min(1180px, calc(100vw - 48px));
  color: var(--syn-ink);
}
.cekonay-facade-category-luxe { --syn-teal: #8a5a2f; --syn-hero-accent: #f0c993; }
.cekonay-facade-category-zenit { --syn-teal: #0f7382; --syn-hero-accent: #9fddd3; }
.cekonay-facade-category-mattdeco { --syn-teal: #586d58; --syn-hero-accent: #c8d7b8; }
.cekonay-facade-category-finger-pull { --syn-teal: #8a553d; --syn-hero-accent: #f1c1a6; }
.cekonay-facade-category-quadro-slim { --syn-teal: #55504a; --syn-hero-accent: #d8c8b8; }
.cekonay-facade-category-quadro-slim .cek-syncron__hero .cek-syncron__eyebrow { color: #fff; }
.cekonay-facade-category-standard-parent { --syn-teal: #0c7180; --syn-hero-accent: #a5e2cc; }
.cekonay-facade-category-hinged-standard-parent { --syn-teal: #0c7180; --syn-hero-accent: #a5e2cc; }
.cek-syncron, .cek-syncron * { box-sizing: border-box; }
.cek-syncron { overflow: hidden; background: #fff; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.cek-syncron a { color: inherit; text-decoration: none; }
.cek-syncron__wrap { width: var(--syn-wrap); margin-inline: auto; }
/*
 * L eyebrow suit le fond, pas la famille.
 *
 * Avant le 18 septembre 2026 il prenait --syn-hero-accent, une couleur pale
 * dessinee pour la photo du hero. Sur les blocs clairs elle tombait a 1,36 de
 * contraste sur le creme : illisible. Cinq regles posaient bien #076b79 en dur
 * pour rattraper le coup, mais elles oubliaient le bloc intro, celui du
 * « Pourquoi ... », et il fallait une exception par famille.
 *
 * Desormais une seule regle : vert du site par defaut, puisque la majorite des
 * blocs sont clairs, et l accent pale uniquement la ou le fond est sombre.
 * Ajouter un bloc sombre veut dire ajouter son selecteur dans la liste ci-dessous.
 */
.cek-syncron__eyebrow { margin: 0 0 15px; color: var(--syn-cartouche); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.cek-syncron__hero .cek-syncron__eyebrow,
.cek-syncron__decision .cek-syncron__eyebrow,
.cek-standard-parent__guide .cek-syncron__eyebrow { color: var(--syn-hero-accent); }
.cek-syncron__hero { min-height: 700px; position: relative; display: grid; align-items: end; overflow: hidden; color: #fff; background-image: linear-gradient(90deg, rgba(14,13,12,.76), rgba(14,13,12,.42) 44%, rgba(14,13,12,.06) 70%), var(--cek-collection-hero); background-size: cover; background-position: var(--cek-collection-position, center); }
.cek-syncron__hero::after { content: ""; position: absolute; inset: auto 0 0; height: 190px; background: linear-gradient(transparent, rgba(11,10,9,.55)); }
/*
 * Le degrade horizontal du hero s eteint a 70 % : au dela, le fil d Ariane est
 * pose sur la photo nue. Sur les visuels a dominante claire, un meuble blanc ou
 * un mur, le blanc sur blanc disparait. Ce voile haut rattrape toutes les
 * photos d un coup, dans le meme langage que le voile bas deja present.
 * Il est exprime en pourcentage et non en pixels : le fil descend plus bas sur
 * telephone, ou il passe dans le flux, et une hauteur fixe laissait une couture
 * visible en travers de la photo.
 */
.cek-syncron__hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(12,11,10,.55), rgba(12,11,10,0) 42%); pointer-events: none; }
.cek-syncron__hero-inner { position: relative; z-index: 1; padding: 96px 0 66px; }
/*
 * Le fil d Ariane est pose sur la photo du hero, jamais sur un aplat. La photo
 * change d une categorie a l autre et s eclaircit sur la droite : aucune
 * couleur ne peut garantir son contraste toute seule. On le tient donc en blanc
 * et on ajoute une ombre portee, qui fait le travail quelle que soit l image.
 *
 * Les deux exceptions par famille qui posaient un vert pale ou un blanc casse
 * en !important ont ete retirees le 18 septembre 2026 : sur les photos claires
 * le vert pale descendait sous le seuil lisible.
 */
.cek-syncron__breadcrumb { position: absolute; left: 0; top: 34px; width: 100%; display: block; color: rgba(255,255,255,.92); font-size: 12px; line-height: 1.5; text-shadow: 0 1px 3px rgba(12,11,10,.55); }
/*
 * Le fil etait un conteneur flex avec un seul enfant : le <nav> de WooCommerce.
 * flex-wrap n avait donc rien a faire passer a la ligne, l enfant refusait de
 * retrecir, et overflow:hidden du hero coupait la fin. Sur la categorie la plus
 * profonde, mesure du 18 septembre 2026 a 375 px : 705 px de texte pour 347 px
 * de place, coupe en plein mot sur « Standard 4 Chan ».
 * En bloc, le texte se comporte comme du texte et va a la ligne.
 */
.cek-syncron__breadcrumb .woocommerce-breadcrumb { margin: 0; color: inherit; font-size: inherit; white-space: normal; overflow-wrap: anywhere; }
/*
 * WooCommerce pose ses liens de fil d Ariane en gris #767676 avec le selecteur
 * .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a,
 * de specificite (0,2,1). Un simple .cek-syncron__breadcrumb a vaut (0,1,1) et
 * perdait : c est pour cela que le fichier portait deux !important par famille.
 * On monte a (0,3,1), la regle passe devant sans forcer quoi que ce soit.
 * Le gris sur une photo de cuisine tombait entre 1,8 et 2,6 de contraste.
 */
.cek-syncron .cek-syncron__breadcrumb .woocommerce-breadcrumb a,
.cek-syncron .cek-syncron__breadcrumb a { color: #fff; }
.cek-syncron .cek-syncron__breadcrumb a:hover,
.cek-syncron .cek-syncron__breadcrumb a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.cek-syncron__breadcrumb span { margin: 0 7px; color: rgba(255,255,255,.62); }
.cek-syncron__hero h1 { max-width: 790px; margin: 0; color: #fff; font-size: clamp(50px,7vw,88px); line-height: .96; letter-spacing: -.055em; }
.cek-syncron__hero-copy { max-width: 650px; margin: 24px 0 0; color: rgba(255,255,255,.82); font-size: clamp(17px,2vw,21px); line-height: 1.55; }
.cek-syncron__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.cek-syncron__button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid currentColor; border-radius: 999px; color: #fff; font-size: 14px; font-weight: 750; }
.cek-syncron__button--primary { border-color: var(--syn-blue); background: var(--syn-blue); }
.cek-syncron a.cek-syncron__button--primary,
.cek-syncron a.cek-syncron__button--primary:hover,
.cek-syncron a.cek-syncron__button--primary:focus-visible { color: #fff; }
.cek-syncron__specs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
.cek-syncron__specs span { padding: 9px 13px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(15,14,13,.34); font-size: 12px; backdrop-filter: blur(12px); }
.cek-syncron__intro { padding: 104px 0 88px; background: var(--syn-cream); }
.cek-syncron__intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(48px,8vw,110px); align-items: center; }
.cek-syncron__section-title { margin: 0; color: var(--syn-ink); font-size: clamp(38px,5vw,62px); line-height: 1.02; letter-spacing: -.045em; }
.cek-syncron__lead { margin: 24px 0 0; color: var(--syn-muted); font-size: 17px; line-height: 1.7; }
.cek-syncron__proofs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cek-syncron__proofs article { min-height: 170px; padding: 24px; border: 1px solid rgba(25,25,27,.08); border-radius: 22px; background: rgba(255,255,255,.66); }
.cek-syncron__proofs article > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: var(--syn-teal); background: #fff; font-weight: 850; box-shadow: 0 8px 20px rgba(29,37,39,.08); }
.cek-syncron__proofs strong { display: block; margin-top: 38px; font-size: 20px; }
.cek-syncron__proofs small { display: block; margin-top: 7px; color: var(--syn-muted); font-size: 13px; line-height: 1.45; }
.cek-syncron__catalog { padding: 108px 0; }
.cek-syncron__catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 38px; }
.cek-syncron__catalog-head > div:first-child { max-width: 720px; }
.cek-syncron__catalog-tools { display: flex; align-items: center; gap: 12px; color: var(--syn-muted); font-size: 13px; white-space: nowrap; }
.cek-syncron__catalog-tools select { min-height: 46px; padding: 0 42px 0 17px; border: 1px solid var(--syn-line); border-radius: 999px; color: var(--syn-ink); background: #fff; }
.cek-syncron__product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.cek-syncron__product-card { min-width: 0; overflow: hidden; border: 1px solid var(--syn-line); border-radius: 28px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; }
.cek-syncron__product-card:hover { transform: translateY(-4px); box-shadow: 0 24px 54px rgba(32,27,23,.11); }
.cek-syncron__product-card > a { display: block; }
.cek-syncron__product-media { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: #f1ede7; }
.cek-syncron__product-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.cek-syncron__product-card:hover img { transform: scale(1.025); }
.cek-syncron__product-copy { display: block; padding: 22px 22px 24px; }
.cek-syncron__product-kicker { color: var(--syn-cartouche); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.cek-syncron__product-copy > strong { min-height: 54px; display: block; margin-top: 9px; color: var(--syn-ink); font-size: 19px; line-height: 1.35; }
.cek-syncron__reference { display: inline-flex; margin-top: 13px; padding: 7px 10px; border-radius: 999px; color: var(--syn-muted); background: #f4f2ee; font-size: 11px; font-weight: 650; }
.cek-syncron__product-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; }
.cek-syncron__price { color: var(--syn-ink); font-size: 18px; font-weight: 800; }
.cek-syncron__discover { color: var(--syn-blue); font-size: 13px; font-weight: 750; }
.cek-syncron__pagination { display: flex; justify-content: center; gap: 8px; margin-top: 30px; }
.cek-syncron__pagination .page-numbers { min-height: 42px; min-width: 42px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d7d3cd; border-radius: 999px; color: var(--syn-ink); background: #fff; font-weight: 700; }
.cek-syncron__pagination .current { color: #fff; border-color: #087c8c; background: #087c8c; }
.cek-syncron__catalog-cta { display: flex; justify-content: center; margin-top: 18px; }
.cek-syncron__decision { width: var(--syn-wrap); margin: 0 auto 108px; display: grid; grid-template-columns: 1.1fr .9fr; overflow: hidden; border-radius: 32px; color: #fff; background: #171719; }
.cek-syncron__decision-copy { padding: clamp(36px,6vw,72px); }
.cek-syncron__decision h2 { margin: 0; color: #fff; font-size: clamp(36px,5vw,58px); line-height: 1.02; letter-spacing: -.045em; }
.cek-syncron__decision p:not(.cek-syncron__eyebrow) { margin: 20px 0 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.65; }
.cek-syncron__decision .cek-syncron__button { margin-top: 28px; }
.cek-syncron__decision-image { min-height: 470px; position: relative; background-image: linear-gradient(90deg,rgba(23,23,25,.1),rgba(23,23,25,.5)),var(--cek-collection-hero); background-size: cover; background-position: var(--cek-collection-position, center); }
.cek-syncron__decision-image span { position: absolute; right: 28px; bottom: 28px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.28); border-radius: 18px; background: rgba(16,15,14,.48); font-size: 13px; line-height: 1.5; backdrop-filter: blur(12px); }
.cek-syncron__videos { padding: 88px 0 110px; border-top: 1px solid var(--syn-line); background: #f8f8f6; }
.cek-syncron__videos h2 { margin: 0 0 32px; color: var(--syn-ink); font-size: clamp(38px,5vw,58px); }
.cek-syncron__video-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.cek-syncron__video-grid article { min-width: 0; overflow: hidden; padding: 10px; border-radius: 22px; background: #fff; box-shadow: 0 12px 28px rgba(32,27,23,.08); }
.cek-syncron__video-grid .cekonay-video-fragment { width: 100%; }
.cek-syncron__video-grid img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; border-radius: 15px; }
.cek-syncron__empty { padding: 34px; border-radius: 20px; color: var(--syn-muted); background: var(--syn-cream); }
.cek-standard-parent__hero { min-height: 660px; }
.cek-standard-parent__intro { padding: 90px 0; background: var(--syn-cream); }
.cek-standard-parent__intro-grid { display: grid; grid-template-columns: 1fr .8fr; gap: clamp(42px,7vw,96px); align-items: end; }
.cek-standard-parent__collections { padding: 104px 0 112px; }
.cek-standard-parent__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 42px; }
.cek-standard-parent__card { min-width: 0; overflow: hidden; border: 1px solid var(--syn-line); border-radius: 30px; background: #fff; transition: transform .25s ease,box-shadow .25s ease; }
.cek-standard-parent__card:hover { transform: translateY(-4px); box-shadow: 0 24px 54px rgba(32,27,23,.12); }
.cek-standard-parent__card > a { display: block; }
.cek-standard-parent__card-media { display: block; aspect-ratio: 16/10; background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.08)),var(--cek-card-image); background-position: var(--cek-card-position,center); background-size: cover; transition: transform .45s ease; }
.cek-standard-parent__card:hover .cek-standard-parent__card-media { transform: scale(1.018); }
.cek-standard-parent__card-copy { display: block; padding: 26px 28px 28px; }
.cek-standard-parent__card-kicker { display: block; color: var(--syn-cartouche); font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.cek-standard-parent__card-copy > strong { display: block; margin-top: 8px; color: var(--syn-ink); font-size: clamp(29px,3vw,40px); letter-spacing: -.035em; }
.cek-standard-parent__card-copy > small { min-height: 46px; display: block; margin-top: 7px; color: var(--syn-muted); font-size: 15px; line-height: 1.55; }
.cek-standard-parent__card-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--syn-line); color: var(--syn-muted); font-size: 13px; }
.cek-standard-parent__card-foot b { color: var(--syn-blue); }
.cek-standard-parent__guide { width: var(--syn-wrap); margin: 0 auto 108px; padding: clamp(38px,6vw,70px); border-radius: 32px; color: #fff; background: #171719; }
.cek-standard-parent__guide-grid { width: 100%; display: grid; grid-template-columns: 1fr auto; gap: 44px; align-items: end; }
.cek-standard-parent__guide h2 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(36px,5vw,58px); line-height: 1.03; letter-spacing: -.045em; }
.cek-standard-parent__guide p:not(.cek-syncron__eyebrow) { max-width: 720px; margin: 20px 0 0; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.65; }
.cek-standard-parent__guide-actions { display: grid; gap: 10px; min-width: 230px; }
@media (max-width: 960px) {
  .cekonay-syncron-category { --syn-wrap: min(calc(100% - 36px),760px); }
  .cek-syncron__hero { min-height: 640px; background-position: 62% center; }
  .cek-syncron__intro-grid,.cek-syncron__decision { grid-template-columns: 1fr; }
  .cek-syncron__product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cek-syncron__catalog-head { align-items: start; flex-direction: column; }
  .cek-syncron__decision-image { min-height: 360px; }
  .cek-syncron__video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cek-standard-parent__intro-grid,.cek-standard-parent__guide-grid { grid-template-columns: 1fr; }
  .cek-standard-parent__guide-actions { display: flex; min-width: 0; }
}
@media (max-width: 620px) {
  .cekonay-syncron-category { --syn-wrap: calc(100vw - 28px); }
  .cek-syncron__hero { min-height: 640px; background-position: 66% center; }
  .cek-syncron__hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(11,10,9,.08),rgba(11,10,9,.78) 77%); }
  .cek-syncron__hero-inner { padding: 104px 0 34px; }
  /* Dans le flux : deux ou trois lignes de fil poussent le titre au lieu de
     passer sous l entete ou d etre tranchees. */
  .cek-syncron__breadcrumb { position: static; top: auto; max-width: 100%; margin-bottom: 18px; }
  .cek-syncron__hero h1 { font-size: 49px; }
  .cek-syncron__hero-copy { font-size: 16px; }
  .cek-syncron__actions { display: grid; grid-template-columns: 1fr; }
  .cek-syncron__button { width: 100%; }
  .cek-syncron__intro,.cek-syncron__catalog { padding: 72px 0; }
  .cek-syncron__proofs,.cek-syncron__product-grid { grid-template-columns: 1fr; }
  .cek-syncron__catalog-tools { width: 100%; justify-content: space-between; }
  .cek-syncron__catalog-tools select { max-width: 185px; }
  .cek-syncron__product-copy > strong { min-height: 0; }
  .cek-syncron__decision { width: 100%; margin-bottom: 72px; border-radius: 0; }
  .cek-syncron__decision-image { min-height: 300px; }
  .cek-syncron__videos { padding: 68px 0 88px; }
  .cek-syncron__video-grid { grid-template-columns: 1fr; }
  .cek-standard-parent__intro { padding: 68px 0; }
  .cek-standard-parent__collections { padding: 72px 0 82px; }
  .cek-standard-parent__grid { grid-template-columns: 1fr; gap: 14px; margin-top: 28px; }
  .cek-standard-parent__card { border-radius: 22px; }
  .cek-standard-parent__card-copy { padding: 21px 21px 23px; }
  .cek-standard-parent__card-copy > small { min-height: 0; }
  .cek-standard-parent__guide { width: 100%; margin-bottom: 72px; border-radius: 0; }
  .cek-standard-parent__guide-actions { display: grid; }
}

/* Le nom d'usine espagnol, sur sa propre ligne sous le titre francais.
   Reprend la typographie du libelle de finition, 10px / 800 / .14em, dans le
   gris --syn-muted, celui de la pastille de dimension : la ligne informe sans
   concurrencer le titre ni le libelle teal. Contraste mesure sur blanc,
   6,04:1, au-dessus du seuil WCAG AA de 4,5:1 exige a cette taille. Ne pas
   eclaircir ce gris sans remesurer. */
.cek-syncron__product-es { display: block; margin-top: 7px; color: var(--syn-muted); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

/* Bandeau d etat, pose sur la vignette. Geometrie identique pour les trois,
   largeur et hauteur fixes : un bandeau qui s ajuste a son texte fait onduler
   une grille de 39 cartes. Un intitule trop long est coupe, pas elargi.
   Contrastes mesures sur texte blanc : promo 5,53:1, nouveaute 4,86:1,
   nouveau prix 5,85:1, tous au-dessus du seuil WCAG AA de 4,5:1 a 11,5 px. */
.cek-syncron__bandeau { position: absolute; z-index: 3; top: 14px; right: 0;
  display: inline-flex; align-items: center; justify-content: center;
  width: 128px; height: 30px; border-radius: 8px 0 0 8px;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  color: #fff; font-size: 11.5px; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; line-height: 1.15;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cek-syncron__bandeau--promo { background: #cb231a; }
.cek-syncron__bandeau--neuf  { background: #147d89; }
.cek-syncron__bandeau--prix  { background: #ae2d92; }

/* Les deux textes editoriaux de la categorie, repris de la termmeta.
   MESURE DE LECTURE — bornee en ch et non en px. Avec une largeur en pixels,
   la ligne faisait 96 caracteres en tablette : l oeil perd la ligne suivante
   au-dela de 75. Mesure relevee le 17 septembre 2026 a 768 px.
   ATTENTION — 1ch vaut ici 0,65em, car il mesure le zero, plus large qu une
   lettre moyenne. 54ch donnent donc environ 70 caracteres reels, pas 54. */
.cek-syncron__texte { margin-top: 18px; color: var(--syn-muted); font-size: 15px; line-height: 1.7; max-width: 52ch; }
.cek-syncron__texte .cekonay-cat-texte-court { display: contents; }
.cek-syncron__texte p { margin: 0 0 13px; }
.cek-syncron__texte p:last-child { margin-bottom: 0; }

/* Le texte long ferme la page. Sur telephone il faisait 1,46 ecran de gris
   sans relief ; il devient une zone a lui, sur fond creme, avec une premiere
   phrase detachee qui sert d entree de lecture. */
.cek-syncron__texte-long { margin-top: clamp(8px, 2vw, 20px); padding: clamp(32px, 6vw, 64px) 0 clamp(40px, 7vw, 78px); background: var(--syn-cream); }
/* Le conteneur reprend la largeur et la marge gauche de la section videos,
   var(--syn-wrap), pour que le bloc s aligne sur le reste de la page. Le TEXTE,
   lui, reste borne : 1 180 px de prose feraient 148 caracteres par ligne, le
   double du lisible. Deux choses differentes, la largeur du bloc et la mesure
   de lecture. */
.cek-syncron__texte-long .cek-syncron__wrap { width: var(--syn-wrap); color: var(--syn-muted); font-size: 15.5px; line-height: 1.72; }
.cek-syncron__texte-long h2,
.cek-syncron__texte-long p { max-width: min(54ch, 100%); }
.cek-syncron__texte-long h2 { margin: 0 0 18px; color: var(--syn-ink); font-size: clamp(21px, 3.2vw, 27px); line-height: 1.18; letter-spacing: -.015em; text-wrap: balance; }
.cek-syncron__texte-long .cekonay-cat-texte-long { display: contents; }
.cek-syncron__texte-long p { margin: 0 0 16px; }
.cek-syncron__texte-long p:first-of-type { color: var(--syn-ink); font-size: 17px; line-height: 1.6; }
.cek-syncron__texte-long p:last-child { margin-bottom: 0; }
/* DEUX COLONNES a partir de 900 px. Une seule colonne de 54ch laissait la
   moitie droite du bloc vide sous les deux vignettes video, qui occupent la
   largeur entiere. Les colonnes remplissent la section sans allonger la ligne :
   chacune fait environ 70 caracteres, comme en tablette. */
@media (min-width: 900px) {
  .cek-syncron__texte-long .cek-syncron__wrap { columns: 2; column-gap: clamp(40px, 5vw, 72px); font-size: 16px; }
  .cek-syncron__texte-long h2 { column-span: all; max-width: none; margin-bottom: 26px; }
  .cek-syncron__texte-long p { max-width: none; }
  .cek-syncron__texte-long p:first-of-type { font-size: 16px; color: var(--syn-muted); }
}

/* Categories de facades : image plus claire sur ordinateur, fil reste lisible par son ombre. */
@media (min-width: 1025px) {
  .cek-syncron__hero { background-image: linear-gradient(90deg, rgba(14,13,12,.64), rgba(14,13,12,.32) 44%, rgba(14,13,12,.04) 70%), var(--cek-collection-hero); }
  .cek-syncron__hero::before { background: linear-gradient(rgba(12,11,10,.22), rgba(12,11,10,0) 32%); }
}

/* Retour à la boutique depuis une catégorie : ne pas laisser croire qu'il n'y a que ça. */
.cek-syncron a.cek-syncron__catalog-all { display: inline-flex; align-items: center; gap: 6px; min-height: 46px; padding: 0 20px; border: 0; border-radius: 999px; color: #fff; background: #1c71e3; font-size: 14px; font-weight: 650; text-decoration: none; }
.cek-syncron a.cek-syncron__catalog-all span { font-size: 18px; line-height: 1; }
.cek-syncron a.cek-syncron__catalog-all:hover, .cek-syncron a.cek-syncron__catalog-all:focus-visible { background: #1c71e3; color: #fff; text-decoration: none; }
.cek-syncron a.cek-syncron__catalog-all:focus-visible { outline: 2px solid #1c71e3; outline-offset: 2px; }
@media (max-width: 960px) { .cek-syncron__catalog-tools { flex-wrap: wrap; } }
@media (max-width: 620px) { .cek-syncron a.cek-syncron__catalog-all { flex: 1 1 100%; justify-content: center; order: -1; } }