:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(232,105,15);
	--wd-alternative-color: rgb(36,64,30);
	--btn-default-bgcolor: rgb(232,105,15);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(232,105,15);
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(43,24,16);
	background-image: none;
}
.whb-general-header .wd-nav.wd-nav-secondary > li > a, html .wd-dropdown-my-account .wd-sub-menu li a {
	color: rgb(255,255,255);
}
.wd-header-my-account wd-tools-element wd-event-hover .wd-design-1-text wd-style-text-only .whb-vssfpylqqax9pvkfnxoz {
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;600;700&display=swap');

/* ================================================================
   KAMINKÖNIG — Feuille de style maître (Woodmart + Elementor)
   Fichier unique du site — kaminkonig.de
   Charte 03 « Flamme énergique » :
     flamme #E8601C (action) · ambre #F2B33D (promo) ·
     charbon #17120F / #2A221D · fumée #F7F4EF · cendre #8C8279.
     Archivo Black (titres, toujours en capitales) · Archivo 400
     (texte) / 700 (boutons, étiquettes) · angles quasi nets.
   Fond de page : BLANC #FFFFFF (choix du client). Le charbon est
   réservé aux blocs sombres : header, hero, panneaux, footer.

   Sommaire (numéros fixes, jamais renumérotés)
     BASE  Tokens · éléments globaux · composants partagés
     01 Hero accueil                 10 (libre)
     03 Produits accueil : conteneur 11 Cartes produit
     04 Accueil : Unsere Geschichte  12 Cartes produit : finitions
     05 Catégories / carrousel       13 Bloc infos footer
     07 Carte contact accueil        14 Confirmation de commande
     08 Header complet               15 Barre de réassurance accueil
     09 Page Contact                 16 Accueil : Qualität · Ablauf · Lieferung
                                     17 Page Über uns
                                     18 Footer global
   Widgets HTML : classes .bh-* (inchangées, utilisées par les
   widgets en place), aucun <style> ni style inline.
   Points de rupture : 1024px · 767px · 480px.
   ================================================================ */


/* ================================================================
   BASE — Tokens
   Règles de contraste (WCAG AA) :
   · sur --kk-flame : texte CHARBON uniquement (5,4:1) — jamais
     blanc (3,4:1) ;
   · --kk-flame en texte sur blanc : grands titres / prix seulement
     (≥ 19px gras) ; pour du petit texte → --kk-flame-text ;
   · --kk-amber → fond (texte charbon) ou texte sur fond charbon.
     Jamais en texte sur fond clair ;
   · --kk-ash (cendre) → petit texte sur --kk-coal uniquement ;
     sur --kk-coal-2 préférer --kk-on-dark.
   ================================================================ */

:root{
  /* Couleurs de la charte */
  --kk-flame:#E8601C;            /* flamme : action */
  --kk-flame-hover:#F57A36;      /* survol des boutons flamme */
  --kk-flame-text:#B4470F;       /* flamme lisible en petit texte sur blanc */
  --kk-amber:#F2B33D;            /* ambre : promo */
  --kk-coal:#17120F;             /* charbon profond */
  --kk-coal-2:#2A221D;           /* charbon : blocs sombres */
  --kk-coal-3:#0E0B09;           /* copyright */
  --kk-smoke:#F7F4EF;            /* fumée : texte clair sur charbon */
  --kk-ash:#8C8279;              /* cendre */
  --kk-white:#FFFFFF;            /* fond du site */

  /* Rôles */
  --kk-cta:var(--kk-flame);
  --kk-cta-text:var(--kk-coal);
  --kk-cta-hover:var(--kk-flame-hover);

  /* Neutres */
  --kk-ink:var(--kk-coal);       /* texte principal sur blanc */
  --kk-grey:#5E554D;             /* texte secondaire sur blanc */
  --kk-line:#E6E0D9;             /* filets, bordures */
  --kk-field:#CFC7BE;            /* bordure des champs */
  --kk-on-dark:#D9D1C7;          /* texte secondaire sur charbon */

  --kk-font-title:'Archivo Black', 'Arial Black', Arial, sans-serif;
  --kk-font-text:'Archivo', 'Helvetica Neue', Arial, sans-serif;

  --kk-radius-btn:3px;
  --kk-radius-card:4px;
  --kk-radius-block:6px;
  --kk-shadow:0 1px 3px rgba(23,18,15,0.08);
  --kk-shadow-hover:0 18px 34px rgba(23,18,15,0.18);
  --kk-ring:0 0 0 3px rgba(232,96,28,0.35);
}

/* Variables natives Woodmart : alignent menus, panier, boutique…
   (à doubler dans Theme Settings > Styles & Typography si le thème
   les réinjecte ailleurs). */
html:root{
  --wd-primary-color:var(--kk-flame);
  --wd-alternative-color:var(--kk-amber);
  --wd-link-color:var(--kk-ink);
  --wd-link-color-hover:var(--kk-flame-text);
  --wd-text-font:var(--kk-font-text);
  --wd-title-font:var(--kk-font-title);
  --wd-entities-title-font:var(--kk-font-title);
  --wd-alternative-font:var(--kk-font-text);
  --wd-main-bgcolor:var(--kk-white);
  --btn-accented-bgcolor:var(--kk-cta);
  --btn-accented-bgcolor-hover:var(--kk-cta-hover);
}


/* ================================================================
   BASE — Éléments globaux
   Spécificité renforcée (html body, body hX) pour primer sur les
   réglages de police du thème Woodmart.
   Fond blanc forcé sur toutes les enveloppes Woodmart.
   Archivo Black n'existe qu'en 400 : jamais de font-weight 700+
   sur les titres (sinon faux gras du navigateur).
   ================================================================ */

*{ box-sizing:border-box; }

html body{
  background:var(--kk-white) !important;
  color:var(--kk-ink);
  font-family:var(--kk-font-text) !important;
  line-height:1.6;
}
html body .website-wrapper,
html body .main-page-wrapper,
html body .wd-page-content{
  background-color:var(--kk-white) !important;
}

body h1, body h2, body h3, body h4{
  font-family:var(--kk-font-title) !important;
  font-weight:400 !important;
  text-transform:uppercase;
  letter-spacing:.01em !important;
  margin:0;
}

a{ text-decoration:none; }

::selection{ background:var(--kk-amber); color:var(--kk-coal); }

/* Correction du vide sous le header (Woodmart) */
#main-content.wd-content-layout{
  padding-top:0 !important;
  margin-top:0 !important;
}


/* ================================================================
   BASE — Composants partagés
   ================================================================ */

/* --- Sur-titre : Archivo 700, 12px, capitales très espacées --- */
.elementor-element-4e8e1fe1::before,
.elementor-element-1824e666 .title-subtitle,
.elementor-element-a823536 .faq-eyebrow{
  display:inline-block;
  font-family:var(--kk-font-text) !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase;
  color:var(--kk-flame-text) !important;
}

/* --- Réglages propres à chaque occurrence (regroupés ici pour
   ne pas répéter les sélecteurs dans les sections) --- */
.elementor-element-4e8e1fe1::before{
  content:"Unser Sortiment";        /* sur-titre produits (section 11) */
  display:block;
  margin-bottom:12px;
}
.elementor-element-a823536 .faq-eyebrow{ margin-bottom:14px; }               /* section 09 */
.elementor-element-1824e666 .woodmart-title-container.title{ margin-top:8px; }  /* section 05 */
.elementor-element-704f020d .woodmart-title-container.title{ margin-bottom:24px !important; } /* section 09 */
.elementor-element-a823536 .faq-title{ margin:0 0 10px; }                   /* section 09 */

/* --- Titres de section (Archivo Black, capitales, 26–34px) --- */
.elementor-element-4e8e1fe1 .woodmart-title-container.title,
.elementor-element-1824e666 .woodmart-title-container.title,
.elementor-element-10093a39 .woodmart-title-container.title,
.elementor-element-4840dc53 .woodmart-title-container.title,
.elementor-element-704f020d .woodmart-title-container.title,
.elementor-element-a823536 .faq-title{
  font-size:clamp(26px, 3vw, 34px) !important;
  font-weight:400 !important;
  line-height:1.08 !important;
  text-transform:uppercase;
  color:var(--kk-ink) !important;
}

/* --- Bouton principal : flamme, texte charbon (« JE COMMANDE ») --- */
.elementor-element-e7a72fb .btn.btn-color-primary,
.wpcf7-form-control.wpcf7-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background-color:var(--kk-cta) !important;
  border:2px solid var(--kk-cta) !important;
  color:var(--kk-cta-text) !important;
  font-family:var(--kk-font-text) !important;
  font-weight:700 !important;
  font-size:14px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  padding:14px 30px !important;
  border-radius:var(--kk-radius-btn) !important;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.elementor-element-e7a72fb .btn.btn-color-primary:hover,
.wpcf7-form-control.wpcf7-submit:hover{
  background-color:var(--kk-cta-hover) !important;
  border-color:var(--kk-cta-hover) !important;
  color:var(--kk-cta-text) !important;
  transform:translateY(-1px);
}
.elementor-element-e7a72fb .btn.btn-color-primary:focus-visible,
.wpcf7-form-control.wpcf7-submit:focus-visible{
  outline:none;
  box-shadow:var(--kk-ring) !important;
}

/* --- Accent de titre : mot souligné Woodmart → mot flamme --- */
.wd-underline-colored u{
  text-decoration:none !important;
  background:none !important;
  color:var(--kk-flame) !important;
  padding:0;
}


/* ================================================================
   01 — HERO (elementor-element-7cece0e9)
   Bandeau charbon pleine largeur (ébauche charte) : voile charbon
   opaque à gauche pour le texte, photo qui transparaît à droite,
   lueur flamme / ambre en bas à droite.
   ================================================================ */

.elementor-element-7cece0e9{
  position:relative;
  overflow:hidden;
  padding:96px 48px !important;
  background-color:var(--kk-coal-2);
}
.elementor-element-7cece0e9::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 88% 105%, rgba(242,179,61,0.22) 0%, rgba(232,96,28,0.30) 22%, rgba(232,96,28,0) 55%),
    linear-gradient(90deg, rgba(42,34,29,0.97) 0%, rgba(42,34,29,0.92) 50%, rgba(42,34,29,0.70) 100%);
  z-index:0;
}
.elementor-element-2e159367{
  position:relative; z-index:1;
  max-width:680px;
}

.elementor-element-1d4e5dbb .woodmart-title-container.title{
  font-size:clamp(36px, 5.2vw, 64px) !important;
  font-weight:400 !important;
  line-height:1.02 !important;
  text-transform:uppercase;
  color:var(--kk-smoke) !important;
}
.elementor-element-1d4e5dbb .wd-underline-colored u{ color:var(--kk-flame) !important; }

.elementor-element-60a77b2d .wd-text-block{ margin-top:22px !important; }
.elementor-element-60a77b2d .wd-text-block p{
  font-size:17px !important;
  line-height:1.6;
  color:var(--kk-on-dark) !important;
  max-width:540px;
}

.elementor-element-6b13e009{ margin-top:28px !important; position:relative; z-index:1; }
/* Bouton du hero : flamme, texte charbon */
.elementor-element-6b13e009 .btn.btn-color-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background-color:var(--kk-cta) !important;
  border:2px solid var(--kk-cta) !important;
  color:var(--kk-cta-text) !important;
  font-family:var(--kk-font-text) !important;
  font-weight:700 !important;
  font-size:14px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  padding:15px 32px !important;
  border-radius:var(--kk-radius-btn) !important;
  box-shadow:none;
  transition:background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.elementor-element-6b13e009 .btn.btn-color-primary:hover,
.elementor-element-6b13e009 .btn.btn-color-primary:focus-visible{
  background-color:var(--kk-cta-hover) !important;
  border-color:var(--kk-cta-hover) !important;
  color:var(--kk-cta-text) !important;
  transform:translateY(-1px);
}
.elementor-element-6b13e009 .btn.btn-color-primary:focus-visible{
  outline:none;
  box-shadow:var(--kk-ring) !important;
}

@media(max-width:1024px){
  .elementor-element-7cece0e9{ padding:76px 36px !important; }
  .elementor-element-7cece0e9::before{
    background:
      radial-gradient(circle at 88% 105%, rgba(232,96,28,0.28) 0%, rgba(232,96,28,0) 55%),
      linear-gradient(rgba(42,34,29,0.93), rgba(42,34,29,0.93));
  }
}
@media(max-width:767px){
  .elementor-element-7cece0e9{ padding:56px 22px !important; }
  .elementor-element-60a77b2d .wd-text-block p{ font-size:16px !important; }
}
@media(max-width:480px){
  .elementor-element-6b13e009 .btn.btn-color-primary{ width:100%; }
}


/* ================================================================
   03 — FEATURED PRODUCTS : conteneur (elementor-element-223b89e9)
   Carte produit → section 11 ; finitions → section 12.
   ================================================================ */

.elementor-element-223b89e9{
  padding:88px 0;
  background:var(--kk-white);
}
.elementor-element-223b89e9 .products{
  --wd-gap-lg:28px !important;
  --wd-gap-sm:16px !important;
}

@media(max-width:767px){
  .elementor-element-223b89e9{ padding:56px 0; }
}


/* ================================================================
   04 — BLOC "UNSERE GESCHICHTE" (accueil)
   Widget Custom HTML elementor-element-d727e39, dans 795b34e.
   Tout est scopé sous .bh-story : aucun :root, body ni hX global.
   Disposition : en-tête 2 colonnes → image panoramique + étiquette
   promo ambre inclinée (style « PACK HIVER ») → 3 piliers qui
   chevauchent le bas de l'image → CTA.
   ================================================================ */

.bh-story{
  background:var(--kk-white);
  padding:88px 0;
  color:var(--kk-ink);
  font-family:var(--kk-font-text);
}

.bh-story__inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 32px;
}

/* --- En-tête : titre à gauche, texte à droite --- */
.bh-story__head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:end;
  margin-bottom:56px;
}
.bh-story .bh-story__eyebrow{
  margin:0 0 14px;
  font-family:var(--kk-font-text);
  font-size:12px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--kk-flame-text);
}
.bh-story .bh-story__title{
  margin:0;
  font-family:var(--kk-font-title);
  font-size:clamp(30px, 3.8vw, 46px);
  font-weight:400;
  line-height:1.04;
  letter-spacing:.01em;
  text-transform:uppercase;
  color:var(--kk-ink);
}
.bh-story__accent{ color:var(--kk-flame); }

.bh-story__text p{
  margin:0 0 14px;
  font-size:16px;
  line-height:1.65;
  color:var(--kk-grey);
}
.bh-story__text p:last-child{ margin-bottom:0; }
.bh-story__text strong{ color:var(--kk-ink); font-weight:700; }

/* --- Image panoramique + étiquette promo --- */
.bh-story__media{
  position:relative;
  margin:0;
}
.bh-story__frame{
  aspect-ratio:21/9;
  border-radius:var(--kk-radius-block);
  overflow:hidden;
  background:var(--kk-coal-2);
}
.bh-story__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.bh-story__sticker{
  position:absolute;
  top:-28px;
  right:48px;
  max-width:220px;
  background:var(--kk-amber);
  border-radius:var(--kk-radius-btn);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px 20px;
  transform:rotate(-4deg);
  box-shadow:0 8px 20px rgba(23,18,15,0.22);
}
.bh-story__sticker span{
  font-family:var(--kk-font-title);
  font-size:15px;
  font-weight:400;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--kk-coal);
}

/* --- 3 piliers qui chevauchent le bas de l'image --- */
.bh-story__pillars{
  list-style:none;
  margin:-72px 0 0;
  padding:0 32px;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}
.bh-story__pillar{
  margin:0;
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-top:4px solid var(--kk-flame);
  border-radius:var(--kk-radius-card);
  padding:28px;
  box-shadow:0 12px 28px rgba(23,18,15,0.10);
}
.bh-story__pillar:nth-child(2){ border-top-color:var(--kk-amber); }
.bh-story__pillar:nth-child(3){ border-top-color:var(--kk-ash); }
.bh-story__pillar-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
}
.bh-story__icon{
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--kk-flame);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bh-story__icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:var(--kk-coal);
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bh-story__num{
  font-family:var(--kk-font-title);
  font-size:32px;
  font-weight:400;
  line-height:1;
  color:var(--kk-line);
}
.bh-story .bh-story__pillar-title{
  margin:0 0 8px;
  font-family:var(--kk-font-title);
  font-size:18px;
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--kk-ink);
}
.bh-story__pillar p{
  margin:0;
  font-size:14.5px;
  line-height:1.6;
  color:var(--kk-grey);
}

/* --- CTA --- */
.bh-story__cta{
  margin-top:48px;
  text-align:center;
}
.bh-story a.bh-story__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 32px;
  border-radius:var(--kk-radius-btn);
  background:var(--kk-cta);
  border:2px solid var(--kk-cta);
  color:var(--kk-cta-text);
  font-family:var(--kk-font-text);
  font-size:14px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.bh-story a.bh-story__btn:hover,
.bh-story a.bh-story__btn:focus-visible{
  background:var(--kk-cta-hover);
  border-color:var(--kk-cta-hover);
  color:var(--kk-cta-text);
  transform:translateY(-1px);
}
.bh-story a.bh-story__btn:focus-visible{
  outline:3px solid rgba(232,96,28,0.4);
  outline-offset:3px;
}

/* --- Responsive --- */
@media(max-width:1024px){
  .bh-story__head{ grid-template-columns:1fr; gap:20px; margin-bottom:48px; }
  .bh-story__frame{ aspect-ratio:16/9; }
  .bh-story__sticker{ top:-22px; right:24px; padding:12px 16px; }
  .bh-story__sticker span{ font-size:13px; }
  .bh-story__pillars{ grid-template-columns:1fr; margin-top:-40px; padding:0 20px; gap:16px; }
}
@media(max-width:767px){
  .bh-story{ padding:56px 0; }
  .bh-story__inner{ padding:0 20px; }
  .bh-story__text p{ font-size:15px; }
  .bh-story__frame{ aspect-ratio:4/3; }
  .bh-story__pillars{ margin-top:16px; padding:0; }
  .bh-story__pillar{ padding:22px; }
}
@media(max-width:480px){
  .bh-story{ padding:48px 0; }
  .bh-story__sticker{ top:-18px; right:12px; max-width:170px; padding:10px 12px; }
  .bh-story__sticker span{ font-size:11.5px; }
  .bh-story a.bh-story__btn{ width:100%; }
}
@media(prefers-reduced-motion:reduce){
  .bh-story a.bh-story__btn{ transition:none; }
  .bh-story a.bh-story__btn:hover{ transform:none; }
}


/* ================================================================
   05 — CATÉGORIES / CARROUSEL (elementor-element-69e71f33)
   Vignettes rondes, liseré charbon (flamme au survol), libellé
   en capitales dessous.
   ================================================================ */

.elementor-element-69e71f33{
  padding:88px 0;
  background:var(--kk-white);
  text-align:center;
}

.elementor-element-1824e666 .title-after_title p{
  color:var(--kk-grey) !important;
  font-size:16px !important;
  max-width:480px; margin:12px auto 0;
}

.elementor-element-22060079 .wd-cat-inner{
  background:transparent !important;
  border:none;
  border-radius:0;
  overflow:visible;
}
.elementor-element-22060079 .wd-cat-thumb{
  width:min(200px, 72%);
  aspect-ratio:1/1;
  margin:0 auto 16px;
  border-radius:50%;
  overflow:hidden;
  border:4px solid var(--kk-coal-2);
  background:var(--kk-coal-2);
  transition:border-color .2s ease;
}
.elementor-element-22060079 .wd-cat-inner:hover .wd-cat-thumb{ border-color:var(--kk-flame); }
.elementor-element-22060079 .wd-cat-image,
.elementor-element-22060079 .wd-cat-image img{
  display:block; width:100%; height:100%;
}
.elementor-element-22060079 .wd-cat-image img{
  object-fit:cover;
  transition:transform .35s ease;
}
.elementor-element-22060079 .wd-cat-inner:hover .wd-cat-image img{ transform:scale(1.05); }

.elementor-element-22060079 .wd-cat-content{
  position:static !important;
  background:none !important;
  transform:none !important;
  opacity:1 !important;
  padding:0 !important;
}
.elementor-element-22060079 .wd-cat-content .wd-entities-title{
  font-size:18px !important;
  font-weight:400 !important;
  text-transform:uppercase;
  color:var(--kk-ink) !important;
  margin-bottom:4px;
}
.elementor-element-22060079 .wd-cat-count a{
  font-family:var(--kk-font-text) !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--kk-grey) !important;
  border-bottom:2px solid var(--kk-flame);
}
.elementor-element-22060079 .wd-cat-inner:hover .wd-cat-count a{
  color:var(--kk-ink) !important;
}

/* Flèches de carrousel (tous carrousels) */
.wd-btn-arrow{
  background:var(--kk-white) !important;
  border:2px solid var(--kk-coal) !important;
  border-radius:var(--kk-radius-btn);
}
.wd-btn-arrow .wd-arrow-inner{ border-color:var(--kk-coal) !important; }
.wd-btn-arrow:hover{ background:var(--kk-flame) !important; border-color:var(--kk-flame) !important; }
.wd-btn-arrow:hover .wd-arrow-inner{ border-color:var(--kk-coal) !important; }
.wd-btn-arrow.wd-disabled{ border-color:var(--kk-line) !important; opacity:.5; }
.wd-btn-arrow.wd-disabled .wd-arrow-inner{ border-color:var(--kk-line) !important; }

@media(max-width:767px){
  .elementor-element-69e71f33{ padding:56px 0; }
}


/* ================================================================
   07 — CONTACT / FAQ CARTE (elementor-element-451304d8)
   Carte blanche, filet flamme en haut, lueur flamme en coin.
   ================================================================ */

.elementor-element-451304d8{
  max-width:680px;
  margin:0 auto 88px;
  padding:56px 48px;
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-top:4px solid var(--kk-flame);
  border-radius:var(--kk-radius-block);
  position:relative; overflow:hidden; text-align:center;
}
.elementor-element-451304d8::before{
  content:"";
  position:absolute; top:-90px; right:-90px; width:220px; height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(232,96,28,0.16) 0%, rgba(242,179,61,0.08) 40%, rgba(232,96,28,0) 70%);
}

.elementor-element-10093a39,
.elementor-element-293ca0c9,
.elementor-element-e7a72fb{ position:relative; z-index:1; }

.elementor-element-293ca0c9 .wd-text-block p{
  font-size:15.5px !important; color:var(--kk-grey) !important; margin-top:14px;
}
.elementor-element-293ca0c9 .wd-text-block p strong,
.elementor-element-293ca0c9 .wd-text-block p span{
  color:var(--kk-ink) !important; font-weight:700 !important;
}
.elementor-element-e7a72fb{ margin-top:30px; }

@media(max-width:767px){
  .elementor-element-451304d8{ padding:40px 24px; margin:0 16px 48px; }
}


/* ================================================================
   08 — HEADER (Woodmart Header Builder, whb-header_945910)
   Barre du haut ambre (texte charbon) · header principal charbon,
   menu en capitales fumée, survol ambre, page active soulignée
   flamme, panier en bouton flamme (« PANIER 0 ») · barre des
   catégories charbon profond, filet flamme en bas.
   Les fonds sont forcés ici : ne pas laisser de couleur
   contradictoire dans le Header Builder.
   ================================================================ */

/* --- Rangées : fonds et variables natives Woodmart --- */
html .whb-header .whb-top-bar{
  background-color:var(--kk-amber) !important;
  border-bottom:none;
  --wd-header-el-color:var(--kk-coal);
  --wd-header-el-color-hover:var(--kk-coal);
}
html .whb-header .whb-general-header{
  background-color:var(--kk-coal-2) !important;
  border-bottom:none !important;
  --wd-header-el-color:var(--kk-smoke);
  --wd-header-el-color-hover:var(--kk-amber);
}
html .whb-header .whb-header-bottom{
  background-color:var(--kk-coal) !important;
  border-top:1px solid rgba(255,255,255,0.06);
  border-bottom:3px solid var(--kk-flame) !important;
  --wd-header-el-color:var(--kk-on-dark);
  --wd-header-el-color-hover:var(--kk-amber);
}
.whb-sticked .whb-general-header{ box-shadow:0 8px 22px rgba(23,18,15,0.35); }

/* --- Barre du haut : capitales espacées, charbon sur ambre --- */
.whb-top-bar .wd-header-text,
.whb-top-bar .wd-header-text p,
.whb-top-bar .wd-header-text strong,
.whb-top-bar .wd-header-text span{
  font-family:var(--kk-font-text) !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase;
  color:var(--kk-coal) !important;
}
/* Petite flamme charbon devant « Kostenlose Lieferung » */
.whb-top-bar .wd-header-text p strong{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.whb-top-bar .wd-header-text p strong::before{
  content:"";
  width:12px; height:12px;
  flex-shrink:0;
  background-color:var(--kk-coal);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c1 3.5-1.6 5-1.6 8 0 1.6 1 2.7 2.3 2.7 1.7 0 2.6-1.5 2.1-3.6C17.7 11 19 13.5 19 16a7 7 0 0 1-14 0c0-4.5 3.8-6.7 5.2-10.2.4 1.4 1 2.3 1.8 2.9C12.6 6.6 12.6 4 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c1 3.5-1.6 5-1.6 8 0 1.6 1 2.7 2.3 2.7 1.7 0 2.6-1.5 2.1-3.6C17.7 11 19 13.5 19 16a7 7 0 0 1-14 0c0-4.5 3.8-6.7 5.2-10.2.4 1.4 1 2.3 1.8 2.9C12.6 6.6 12.6 4 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.whb-top-bar .bh-topbar{ display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; }
.whb-top-bar .bh-topbar a{
  color:var(--kk-coal) !important;
  border-bottom:1.5px solid var(--kk-coal);
  transition:border-color .15s ease;
}
.whb-top-bar .bh-topbar a:hover,
.whb-top-bar .bh-topbar a:focus-visible{ border-color:transparent; }
.whb-top-bar .bh-topbar__sep{ margin:0 8px; color:rgba(23,18,15,0.45) !important; }
.whb-top-bar .wd-header-divider::before{ border-color:rgba(23,18,15,0.2) !important; }

/* --- Navigation principale (header charbon) --- */
.whb-general-header .wd-nav-main{
  --nav-color:var(--kk-smoke);
  --nav-color-hover:var(--kk-amber);
  --nav-color-active:var(--kk-amber);
}
.whb-general-header .wd-nav-main > li > a{
  position:relative;
  color:var(--kk-smoke) !important;
  transition:color .15s ease;
}
.whb-general-header .wd-nav-main > li > a .nav-link-text{
  font-family:var(--kk-font-text) !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.whb-general-header .wd-nav-main > li > a::after{
  content:"";
  position:absolute;
  left:50%; bottom:6px;
  width:0; height:3px;
  background:var(--kk-flame);
  transform:translateX(-50%);
  transition:width .2s ease;
}
.whb-general-header .wd-nav-main > li > a:hover,
.whb-general-header .wd-nav-main > li > a:focus-visible,
.whb-general-header .wd-nav-main > li.current-menu-item > a{
  color:var(--kk-amber) !important;
}
.whb-general-header .wd-nav-main > li > a:hover::after,
.whb-general-header .wd-nav-main > li > a:focus-visible::after,
.whb-general-header .wd-nav-main > li.current-menu-item > a::after{
  width:calc(100% - 20px);
}

/* --- Logo --- */
.whb-general-header .site-logo .wd-logo img{
  transition:opacity .15s ease;
}
.whb-general-header .site-logo .wd-logo:hover img{ opacity:.88; }

/* --- Icônes outils : recherche, panier, menu mobile --- */
.whb-general-header .wd-tools-element > a,
.whb-general-header .wd-tools-element .wd-tools-icon{
  color:var(--kk-smoke) !important;
  transition:color .15s ease;
}
.whb-general-header .wd-tools-element > a:hover,
.whb-general-header .wd-tools-element > a:hover .wd-tools-icon,
.whb-general-header .wd-tools-element > a:focus-visible .wd-tools-icon{
  color:var(--kk-amber) !important;
}
.whb-general-header .wd-header-search,
.whb-general-header .wd-header-cart{ margin-left:4px; }

/* Pastille du panier : ambre, chiffre charbon */
.whb-general-header .wd-cart-number{
  min-width:18px !important;
  height:18px !important;
  line-height:18px !important;
  padding:0 5px;
  border-radius:9px !important;
  background:var(--kk-amber) !important;
  color:var(--kk-coal) !important;
  font-family:var(--kk-font-text) !important;
  font-size:11px !important;
  font-weight:700 !important;
  box-shadow:0 0 0 2px var(--kk-coal-2);
}
.whb-general-header .wd-cart-number > span{ display:none; }

/* Panier Woodmart design 8 : bouton flamme, icône charbon,
   pastille charbon / chiffre ambre (cf. « PANIER 0 » de la charte). */
.whb-general-header .wd-header-cart.wd-design-8 .wd-tools-inner{
  background-color:var(--kk-flame) !important;
  border:none !important;
  border-radius:var(--kk-radius-btn) !important;
  box-shadow:none !important;
  transition:background-color .15s ease;
}
.whb-general-header .wd-header-cart.wd-design-8 .wd-tools-inner::before,
.whb-general-header .wd-header-cart.wd-design-8 .wd-tools-inner::after{ display:none !important; }
.whb-general-header .wd-header-cart.wd-design-8 > a,
.whb-general-header .wd-header-cart.wd-design-8 .wd-tools-icon,
.whb-general-header .wd-header-cart.wd-design-8 .wd-tools-icon::before{
  color:var(--kk-coal) !important;
}
.whb-general-header .wd-header-cart.wd-design-8 > a:hover .wd-tools-inner,
.whb-general-header .wd-header-cart.wd-design-8 > a:focus-visible .wd-tools-inner{
  background-color:var(--kk-flame-hover) !important;
}
.whb-general-header .wd-header-cart.wd-design-8 > a:hover .wd-tools-icon,
.whb-general-header .wd-header-cart.wd-design-8 > a:hover .wd-tools-icon::before{
  color:var(--kk-coal) !important;
}
.whb-general-header .wd-header-cart.wd-design-8 .wd-cart-number{
  background:var(--kk-coal) !important;
  color:var(--kk-amber) !important;
  box-shadow:0 0 0 2px var(--kk-flame);
}

/* --- Mein Konto : lien texte + icône --- */
.wd-header-my-account > a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--kk-smoke) !important;
  transition:color .15s ease;
}
.wd-header-my-account .wd-tools-text{
  font-family:var(--kk-font-text) !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--kk-smoke) !important;
}
.wd-header-my-account > a:hover,
.wd-header-my-account > a:hover .wd-tools-text{
  color:var(--kk-amber) !important;
}
.wd-header-my-account > a::before{
  content:"";
  width:17px; height:17px;
  flex-shrink:0;
  background-color:var(--kk-smoke);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 3.5-7 8-7s8 3 8 7' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 3.5-7 8-7s8 3 8 7' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  transition:background-color .15s ease;
}
.wd-header-my-account > a:hover::before{ background-color:var(--kk-amber); }

/* Menu déroulant Mein Konto (clair) */
.wd-header-my-account .wd-dropdown-my-account,
.wd-header-my-account .wd-dropdown-my-account.color-scheme-dark{
  background:var(--kk-white) !important;
  color:var(--kk-ink) !important;
  border:1px solid var(--kk-line) !important;
  border-top:3px solid var(--kk-flame) !important;
  border-radius:var(--kk-radius-card) !important;
  box-shadow:0 12px 28px rgba(23,18,15,0.18) !important;
  padding:8px !important;
  min-width:220px;
}
.wd-header-my-account .wd-sub-menu{ list-style:none; margin:0 !important; padding:0 !important; }
.wd-header-my-account .wd-sub-menu li{ border-bottom:1px solid var(--kk-line); }
.wd-header-my-account .wd-sub-menu li:last-child{ border-bottom:none; }
.wd-header-my-account .wd-sub-menu a{
  display:block;
  padding:11px 14px !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:var(--kk-ink) !important;
  border-radius:var(--kk-radius-btn);
  transition:background-color .15s ease, color .15s ease;
}
.wd-header-my-account .wd-sub-menu a:hover{
  background:rgba(232,96,28,0.10) !important;
  color:var(--kk-flame-text) !important;
}
.wd-header-my-account .woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--kk-grey) !important;
}
.wd-header-my-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  color:var(--kk-flame-text) !important;
}

/* --- Barre des catégories (header-bottom, charbon profond) --- */
.whb-header-bottom .wd-nav-secondary{
  --nav-color:var(--kk-on-dark);
  --nav-color-hover:var(--kk-amber);
  --nav-color-active:var(--kk-amber);
}
.whb-header-bottom .wd-nav-secondary > li{ position:relative; }
.whb-header-bottom .wd-nav-secondary > li + li::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:4px; height:4px;
  background:var(--kk-flame);
  transform:translate(-50%, -50%) rotate(45deg);
}
.whb-header-bottom .wd-nav-secondary > li > a{
  color:var(--kk-on-dark) !important;
  transition:color .15s ease;
}
.whb-header-bottom .wd-nav-secondary > li > a .nav-link-text{
  font-family:var(--kk-font-text) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.whb-header-bottom .wd-nav-secondary > li > a:hover,
.whb-header-bottom .wd-nav-secondary > li > a:focus-visible,
.whb-header-bottom .wd-nav-secondary > li.current-menu-item > a{
  color:var(--kk-amber) !important;
}

/* --- Responsive --- */
@media(max-width:1024px){
  .whb-top-bar .wd-header-text,
  .whb-top-bar .wd-header-text p,
  .whb-top-bar .wd-header-text strong{ font-size:11px !important; letter-spacing:.08em !important; }
}
@media(max-width:767px){
  .whb-top-bar .wd-header-text p strong{ justify-content:center; }
}
@media(max-width:480px){
  .whb-top-bar .wd-header-text,
  .whb-top-bar .wd-header-text p,
  .whb-top-bar .wd-header-text strong{ font-size:10px !important; letter-spacing:.06em !important; }
  .whb-top-bar .wd-header-text p strong::before{ width:10px; height:10px; }
}
@media(prefers-reduced-motion:reduce){
  .whb-general-header .wd-nav-main > li > a::after{ transition:none; }
}


/* ================================================================
   09 — PAGE CONTACT (elementor-421)
   ================================================================ */

.elementor-421{
  background:var(--kk-white);
  color:var(--kk-ink);
}
.elementor-421 h1,
.elementor-421 h2,
.elementor-421 h3,
.elementor-421 h4,
.elementor-421 .woodmart-title-container.title{
  color:var(--kk-ink) !important;
}

/* --- Bloc adresse --- */
.elementor-element-1766b36{ border-bottom:1px solid var(--kk-line); }
.elementor-element-183ef740 img{
  border-radius:var(--kk-radius-block);
  border:1px solid var(--kk-line);
}
.elementor-element-10bd660c .wd-text-block p{
  font-size:15.5px !important;
  color:var(--kk-grey) !important;
  margin:0 0 6px !important;
  line-height:1.7;
}
.elementor-element-10bd660c .wd-text-block p strong{
  color:var(--kk-ink) !important;
  font-weight:700 !important;
}

/* --- Formulaire de contact (Contact Form 7) --- */
.wpcf7-form label{
  display:block;
  font-size:13.5px;
  font-weight:700;
  color:var(--kk-ink);
  margin-bottom:6px;
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-tel,
.wpcf7-form-control.wpcf7-textarea{
  width:100% !important;
  font-family:var(--kk-font-text) !important;
  font-size:15px !important;
  color:var(--kk-ink) !important;
  background:var(--kk-white) !important;
  border:1.5px solid var(--kk-field) !important;
  border-radius:var(--kk-radius-btn) !important;
  padding:13px 14px !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.wpcf7-form-control::placeholder{ color:var(--kk-grey); opacity:.8; }
.wpcf7-form-control:focus{
  outline:none !important;
  border-color:var(--kk-flame) !important;
  box-shadow:var(--kk-ring) !important;
}
.wpcf7-form-control.wpcf7-textarea{ min-height:140px; resize:vertical; }
/* bouton d'envoi : voir "Composants partagés" */
.wpcf7-not-valid-tip{
  color:var(--kk-flame-text) !important;
  font-size:13px !important;
  font-weight:600;
  margin-top:4px;
}
.wpcf7-response-output{
  border-radius:var(--kk-radius-btn) !important;
  border-color:var(--kk-line) !important;
  color:var(--kk-ink) !important;
  font-size:14.5px !important;
}

/* --- FAQ (widget HTML) --- */
.elementor-element-a823536 .faq-section{ background:transparent; padding:0 0 64px; }
.elementor-element-a823536 .faq-wrap{ max-width:100%; padding:0; }
.elementor-element-a823536 .faq-lead{
  font-size:16px; color:var(--kk-grey); margin:0 0 32px; max-width:520px;
}
.elementor-element-a823536 .faq-list{ display:flex; flex-direction:column; gap:12px; }
.elementor-element-a823536 .faq-item{
  border:1px solid var(--kk-line);
  border-left:4px solid var(--kk-line);
  border-radius:var(--kk-radius-card);
  background:var(--kk-white);
  overflow:hidden;
  transition:border-color .2s ease;
}
.elementor-element-a823536 .faq-item[open]{ border-left-color:var(--kk-flame); }
.elementor-element-a823536 .faq-item summary{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 20px;
  font-weight:700; font-size:15.5px;
  color:var(--kk-ink);
  transition:color .15s ease;
}
.elementor-element-a823536 .faq-item summary::-webkit-details-marker{ display:none; }
.elementor-element-a823536 .faq-item summary:hover,
.elementor-element-a823536 .faq-item[open] summary{ color:var(--kk-flame-text); }
.elementor-element-a823536 .faq-item summary svg{
  width:19px; height:19px; stroke:var(--kk-coal); fill:none; stroke-width:2.2; flex-shrink:0;
  transition:transform .25s ease, stroke .15s ease;
}
.elementor-element-a823536 .faq-item[open] summary svg{ transform:rotate(180deg); stroke:var(--kk-flame); }
.elementor-element-a823536 .faq-answer{ padding:0 20px 20px; }
.elementor-element-a823536 .faq-answer p{
  font-size:15px; color:var(--kk-grey); line-height:1.65; margin:0; max-width:560px;
}
@media (prefers-reduced-motion: no-preference){
  .elementor-element-a823536 .faq-answer{ animation:kk-faq-fade .25s ease; }
}
@keyframes kk-faq-fade{
  from{ opacity:0; transform:translateY(-4px); }
  to{ opacity:1; transform:translateY(0); }
}

/* --- Accordéon Woodmart, même langage visuel --- */
.elementor-element-548c9a41 .wd-accordion{ display:flex; flex-direction:column; gap:12px; }
.elementor-element-548c9a41 .wd-accordion-item{
  border:1px solid var(--kk-line) !important;
  border-left:4px solid var(--kk-line) !important;
  border-radius:var(--kk-radius-card) !important;
  background:var(--kk-white);
  overflow:hidden;
  transition:border-color .2s ease;
}
.elementor-element-548c9a41 .wd-accordion-item.active{ border-left-color:var(--kk-flame) !important; }
.elementor-element-548c9a41 .wd-accordion-title{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 20px !important; cursor:pointer;
}
.elementor-element-548c9a41 .wd-accordion-title-text span{
  font-family:var(--kk-font-text) !important;
  font-weight:700 !important; font-size:15.5px !important;
  text-transform:none !important;
  color:var(--kk-ink) !important;
}
.elementor-element-548c9a41 .wd-accordion-opener{ position:relative; width:19px; height:19px; flex-shrink:0; }
.elementor-element-548c9a41 .wd-accordion-opener::before,
.elementor-element-548c9a41 .wd-accordion-opener::after{
  content:""; position:absolute; background:var(--kk-coal);
  transition:transform .2s ease, background-color .15s ease;
}
.elementor-element-548c9a41 .wd-accordion-opener::before{ left:0; top:50%; width:100%; height:2.5px; transform:translateY(-50%); }
.elementor-element-548c9a41 .wd-accordion-opener::after{ top:0; left:50%; width:2.5px; height:100%; transform:translateX(-50%); }
.elementor-element-548c9a41 .wd-accordion-title[aria-expanded="true"] .wd-accordion-opener::after,
.elementor-element-548c9a41 .wd-accordion-item.active .wd-accordion-opener::after{ transform:translateX(-50%) scaleY(0); }
.elementor-element-548c9a41 .wd-accordion-item.active .wd-accordion-opener::before,
.elementor-element-548c9a41 .wd-accordion-item.active .wd-accordion-opener::after{ background:var(--kk-flame); }
.elementor-element-548c9a41 .wd-accordion-content{ padding:0 20px 20px !important; }
.elementor-element-548c9a41 .wd-accordion-content p{
  font-size:15px !important; color:var(--kk-grey) !important;
  line-height:1.65; margin:0; max-width:560px;
}

@media(max-width:1024px){
  .elementor-421 > .e-con-boxed{ padding-top:40px !important; padding-bottom:40px !important; }
}
@media(max-width:767px){
  .elementor-element-4840dc53 .woodmart-title-container.title,
  .elementor-element-704f020d .woodmart-title-container.title{ font-size:23px !important; }
}


/* 10 — (libre : ancien patch des widgets à <style> embarqué, supprimé) */


/* ================================================================
   11 — CARTES PRODUIT (générique : accueil, boutique, catégories)
   Carte blanche à filet coloré en haut (cf. cartes « PACK » de la
   charte), élévation au survol, actions révélées au survol, titre
   Archivo Black, prix flamme, CTA flamme pleine largeur.
   ================================================================ */

/* --- En-tête de la section produits (sur-titre injecté : BASE) --- */
.elementor-element-223b89e9 .e-con-inner > .elementor-element-4e8e1fe1{
  margin-bottom:36px !important;
}

/* --- Carte --- */
.wd-product-wrapper{
  border:1px solid var(--kk-line) !important;
  border-top:4px solid var(--kk-flame) !important;
  border-radius:var(--kk-radius-card) !important;
  overflow:hidden;
  background:var(--kk-white) !important;
  box-shadow:var(--kk-shadow);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.wd-product-wrapper:hover{
  transform:translateY(-5px);
  box-shadow:var(--kk-shadow-hover);
  border-color:var(--kk-coal) !important;
}
.wd-product-card-bg{ background:var(--kk-white) !important; }

/* --- Visuel --- */
.wd-product-thumb{
  position:relative;
  background:var(--kk-white) !important;
  padding:22px;
  border-bottom:1px solid var(--kk-line);
}
.wd-product-thumb img{ transition:transform .3s ease; }
.wd-product-wrapper:hover .wd-product-thumb img{ transform:scale(1.04); }

/* --- Actions rapides : révélées au survol --- */
.wd-buttons.wd-pos-r-t{
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .2s ease, transform .2s ease;
}
.wd-product-wrapper:hover .wd-buttons.wd-pos-r-t,
.wd-product-wrapper:focus-within .wd-buttons.wd-pos-r-t{ opacity:1; transform:translateY(0); }
.wd-action-btn .wd-action-icon{
  width:36px !important; height:36px !important;
  border-radius:50% !important;
  background:var(--kk-white) !important;
  border:1px solid var(--kk-line) !important;
  box-shadow:0 2px 8px rgba(23,18,15,0.12);
}
.wd-action-btn:hover .wd-action-icon{
  border-color:var(--kk-flame) !important;
  background:var(--kk-flame) !important;
}
.wd-action-btn:hover .wd-action-icon::before,
.wd-action-btn:hover .wd-action-icon::after{ background-color:var(--kk-coal) !important; }

/* --- Fiche --- */
.product-element-bottom{ padding:20px 20px 22px !important; }

.wd-entities-title{ margin-bottom:10px !important; }
.wd-entities-title a{
  display:-webkit-box !important;
  -webkit-line-clamp:2;          /* 2 lignes max : cartes régulières */
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.6em;
  font-size:15.5px !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--kk-ink) !important;
}
.wd-entities-title a:hover{ color:var(--kk-flame-text) !important; }

/* --- Tag catégorie : étiquette contour, capitales espacées --- */
.wd-product-cats{ margin-bottom:12px !important; }
.wd-product-cats a{
  display:inline-block !important;
  padding:3px 9px !important;
  border:1.5px solid var(--kk-flame-text) !important;
  border-radius:var(--kk-radius-btn) !important;
  font-family:var(--kk-font-text) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--kk-flame-text) !important;
  transition:background-color .15s ease, color .15s ease;
}
.wd-product-cats a:hover{
  background:var(--kk-flame-text) !important;
  color:var(--kk-white) !important;
}

/* --- Prix : Archivo Black, flamme (≥ 22px → lisible sur blanc) --- */
.wrap-price{ margin-bottom:16px !important; }
.price .woocommerce-Price-amount{
  font-family:var(--kk-font-title) !important;
  font-size:24px !important;
  font-weight:400 !important;
  color:var(--kk-flame) !important;
}

/* --- Bouton panier : flamme pleine largeur, texte charbon --- */
.wd-add-btn.wd-add-btn-replace{ width:100%; }
.wd-add-btn .add-to-cart-loop{
  width:100% !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px !important;
  background:var(--kk-cta) !important;
  border:none !important;
  border-radius:var(--kk-radius-btn) !important;
  font-family:var(--kk-font-text) !important;
  font-weight:700 !important;
  font-size:13px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  transition:background-color .15s ease;
}
.wd-add-btn .add-to-cart-loop:hover{ background:var(--kk-cta-hover) !important; }
.wd-add-btn .add-to-cart-loop .wd-action-text{ color:var(--kk-cta-text) !important; }

/* --- Panneau "en savoir plus" --- */
.wd-product-card-hover,
.hover-content-wrap{
  background:var(--kk-white) !important;
  border-top:1px solid var(--kk-line) !important;
}
.hover-content-inner p{
  font-size:13px !important;
  line-height:1.55 !important;
  color:var(--kk-grey) !important;
}
.hover-content-inner p strong{ color:var(--kk-ink) !important; font-weight:700 !important; }
.wd-more-desc-btn{
  border:1px solid var(--kk-line) !important;
  border-radius:50% !important;
  transition:border-color .15s ease;
}
.wd-more-desc-btn:hover{ border-color:var(--kk-flame) !important; }

@media(max-width:480px){
  .product-element-bottom{ padding:16px 14px 18px !important; }
  .wd-entities-title a{ font-size:14px !important; }
  .price .woocommerce-Price-amount{ font-size:21px !important; }
}


/* ================================================================
   12 — FINITIONS CARTES PRODUIT (complète la section 11)
   ================================================================ */

/* --- Badge "Kostenlose Lieferung" : étiquette promo ambre inclinée
   (s'affiche sur TOUS les produits) --- */
.wd-product-thumb::before{
  content:"Kostenlose Lieferung";
  position:absolute;
  top:14px; left:12px;
  z-index:2;
  background:var(--kk-amber);
  color:var(--kk-coal);
  font-family:var(--kk-font-text);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:5px 10px;
  border-radius:var(--kk-radius-btn);
  transform:rotate(-3deg);
  box-shadow:0 2px 6px rgba(23,18,15,0.15);
  pointer-events:none;
}

/* --- Une teinte par essence : filet haut de carte + tag --- */
.product_cat-buche .wd-product-wrapper{ border-top-color:var(--kk-flame) !important; }
.product_cat-buche .wd-product-cats a{
  border-color:var(--kk-flame-text) !important;
  color:var(--kk-flame-text) !important;
}
.product_cat-buche .wd-product-cats a:hover{ background:var(--kk-flame-text) !important; color:var(--kk-white) !important; }

.product_cat-eiche .wd-product-wrapper{ border-top-color:var(--kk-amber) !important; }
.product_cat-eiche .wd-product-cats a{
  border-color:var(--kk-coal-2) !important;
  color:var(--kk-coal-2) !important;
}
.product_cat-eiche .wd-product-cats a:hover{ background:var(--kk-amber) !important; border-color:var(--kk-amber) !important; color:var(--kk-coal) !important; }

.product_cat-birke .wd-product-wrapper{ border-top-color:var(--kk-ash) !important; }
.product_cat-birke .wd-product-cats a{
  border-color:var(--kk-grey) !important;
  color:var(--kk-grey) !important;
}
.product_cat-birke .wd-product-cats a:hover{ background:var(--kk-grey) !important; color:var(--kk-white) !important; }

.product_cat-mischholz .wd-product-wrapper{ border-top-color:var(--kk-coal) !important; }
.product_cat-mischholz .wd-product-cats a{
  border-color:var(--kk-coal) !important;
  color:var(--kk-coal) !important;
}
.product_cat-mischholz .wd-product-cats a:hover{ background:var(--kk-coal) !important; color:var(--kk-white) !important; }

/* --- Mention TVA sous le prix (convention e-commerce DE) --- */
.wrap-price::after{
  content:"inkl. MwSt.";
  display:block;
  font-size:12px;
  color:var(--kk-grey);
  margin-top:2px;
}

@media(max-width:767px){
  .wd-product-thumb::before{ font-size:9.5px; padding:4px 7px; }
}


/* ================================================================
   13 — BLOC INFOS FOOTER (elementor-element-662b0188)
   Fond charbon, filet ambre en haut, pastilles rondes flamme,
   icônes charbon en SVG intégrés.
   ================================================================ */

.elementor-element-662b0188{
  background:var(--kk-coal-2);
  border-top:4px solid var(--kk-amber);
  padding:44px 32px;
  display:flex;
  flex-wrap:wrap;
  gap:32px;
}
.elementor-element-45807d76,
.elementor-element-63f8f96b{
  display:flex;
  flex-direction:column;
  gap:24px;
  flex:1;
  min-width:260px;
}

.elementor-element-662b0188 .info-svg-wrapper{
  width:46px !important; height:46px !important;
  border-radius:50%;
  background:var(--kk-flame) !important;
  flex-shrink:0;
  position:relative;
}
.elementor-element-662b0188 .info-svg-wrapper img{ opacity:0; }
.elementor-element-662b0188 .info-svg-wrapper::before{
  content:"";
  position:absolute; inset:12px;
  background-color:var(--kk-coal);
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
}
/* Téléphone */
.elementor-element-70d6bd8e .info-svg-wrapper::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
}
/* Livraison */
.elementor-element-58e9d57e .info-svg-wrapper::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h13v11H1zM14 9h4l4 4v3h-8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2'/%3E%3Ccircle cx='17.5' cy='18.5' r='2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h13v11H1zM14 9h4l4 4v3h-8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2'/%3E%3Ccircle cx='17.5' cy='18.5' r='2'/%3E%3C/svg%3E");
}
/* Conseil / chat */
.elementor-element-34a00c64 .info-svg-wrapper::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E");
}
/* Adresse */
.elementor-element-f904d3b .info-svg-wrapper::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.elementor-element-662b0188 .info-box-inner p{
  font-size:14.5px !important;
  color:var(--kk-on-dark) !important;
  line-height:1.6;
  margin:0 !important;
}
/* Libellés à couleur inline figée (#333333) : forcés en fumée */
.elementor-element-662b0188 .info-box-inner p span,
.elementor-element-662b0188 .info-box-inner p strong{
  color:var(--kk-smoke) !important;
  font-weight:700 !important;
}

@media(max-width:1024px){
  .elementor-element-662b0188{
    flex-direction:column;
    gap:28px;
    padding:36px 24px;
  }
}
@media(max-width:480px){
  .elementor-element-45807d76,
  .elementor-element-63f8f96b{ min-width:0; }
}


/* ================================================================
   14 — PAGE DE CONFIRMATION DE COMMANDE (WooCommerce natif)
   ================================================================ */

.woocommerce-order{
  max-width:820px;
  margin:0 auto;
  padding:56px 24px 80px;
  color:var(--kk-ink);
}

/* --- Bandeau de succès --- */
.woocommerce-notice.woocommerce-notice--success{
  display:flex;
  align-items:center;
  gap:14px;
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-left:5px solid var(--kk-flame);
  border-radius:var(--kk-radius-card);
  padding:18px 22px;
  font-weight:700;
  font-size:16px;
  color:var(--kk-ink);
  margin:0 0 32px;
}
.woocommerce-notice.woocommerce-notice--success::before{
  content:"";
  width:30px; height:30px;
  flex-shrink:0;
  border-radius:50%;
  background-color:var(--kk-flame);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317120F' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:16px 16px;
  background-position:center;
  background-repeat:no-repeat;
}

/* --- Récapitulatif (numéro, date, e-mail, total, paiement) --- */
.woocommerce-order-overview{
  list-style:none;
  margin:0 0 32px;
  padding:24px 28px;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
  gap:20px;
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-radius:var(--kk-radius-card);
}
.woocommerce-order-overview li{ display:flex; flex-direction:column; gap:4px; }
.woocommerce-order-overview li span{
  font-family:var(--kk-font-text);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--kk-grey);
}
.woocommerce-order-overview li strong{
  font-family:var(--kk-font-title);
  font-size:17px;
  font-weight:400;
  color:var(--kk-ink);
}

/* --- Note d'instructions --- */
.woocommerce-order > p{
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-left:5px solid var(--kk-amber);
  border-radius:var(--kk-radius-card);
  padding:16px 20px;
  font-size:15px;
  color:var(--kk-grey);
  line-height:1.65;
  margin:0 0 24px;
}

/* --- Coordonnées bancaires (action requise) --- */
.woocommerce-bacs-bank-details{
  background:var(--kk-white);
  border:2px solid var(--kk-flame);
  border-radius:var(--kk-radius-card);
  padding:26px 28px;
  margin:0 0 40px;
}
.wc-bacs-bank-details-heading{ font-size:18px; color:var(--kk-ink); margin:0 0 14px; }
.wc-bacs-bank-details-account-name{
  font-size:14px; font-weight:700; color:var(--kk-grey); margin:0 0 10px;
}
ul.bacs_details{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
ul.bacs_details li{ font-size:15px; color:var(--kk-ink); }
ul.bacs_details li strong{
  font-family:var(--kk-font-text);
  font-weight:700;
  color:var(--kk-ink);
  margin-left:4px;
  letter-spacing:.04em;
}

/* --- Détails de la commande (tableau produits) --- */
.woocommerce-order-details{ margin:0 0 40px; }
.woocommerce-order-details__title{ font-size:20px; color:var(--kk-ink); margin:0 0 16px; }
table.woocommerce-table--order-details{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-radius:var(--kk-radius-card);
  overflow:hidden;
}
table.woocommerce-table--order-details thead tr{ background:var(--kk-coal-2); }
table.woocommerce-table--order-details th{
  text-align:left;
  font-family:var(--kk-font-text);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--kk-smoke);
  padding:13px 16px;
  border-bottom:3px solid var(--kk-flame);
}
table.woocommerce-table--order-details td{
  padding:14px 16px;
  font-size:15px;
  color:var(--kk-ink);
  border-bottom:1px solid var(--kk-line);
}
table.woocommerce-table--order-details tbody tr:last-child td{ border-bottom:none; }
table.woocommerce-table--order-details tfoot th,
table.woocommerce-table--order-details tfoot td{
  padding:12px 16px;
  font-size:15px;
  color:var(--kk-grey);
  background:var(--kk-white);
  text-transform:none;
  letter-spacing:0;
  border-bottom:1px solid var(--kk-line);
}
table.woocommerce-table--order-details tfoot tr:last-of-type th,
table.woocommerce-table--order-details tfoot tr:last-of-type td{
  font-weight:700;
  font-size:16px;
  color:var(--kk-ink);
  border-top:2px solid var(--kk-coal);
  border-bottom:none;
}
.woocommerce-table__product-name a{ color:var(--kk-ink); font-weight:700; }
.woocommerce-table__product-name a:hover{ color:var(--kk-flame-text); }
.product-quantity{ color:var(--kk-grey); font-weight:600; margin-left:6px; }

/* --- Adresse de facturation --- */
.woocommerce-customer-details{
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-radius:var(--kk-radius-card);
  padding:24px 28px;
}
.woocommerce-column__title{ font-size:18px; color:var(--kk-ink); margin:0 0 12px; }
.woocommerce-customer-details address{
  font-style:normal;
  font-size:15px;
  color:var(--kk-grey);
  line-height:1.75;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email{ margin:4px 0 0; }

@media(max-width:767px){
  .woocommerce-order{ padding:40px 20px 56px; }
  .woocommerce-order-overview{ padding:20px; }
}
@media(max-width:480px){
  .woocommerce-bacs-bank-details,
  .woocommerce-customer-details{ padding:20px; }
  table.woocommerce-table--order-details th,
  table.woocommerce-table--order-details td{ padding:10px 12px; }
}


/* ================================================================
   15 — BARRE DE RÉASSURANCE ACCUEIL (sous le hero)
   Widget Custom HTML elementor-element-04cf0d5 (dans 661b2e7), .bh-bar.
   Bandeau blanc (contraste avec le hero charbon), 4 atouts en
   pastilles flamme séparés par des filets. 2×2 sous 1024px,
   empilé et centré sous 480px.
   ================================================================ */

.bh-bar{
  background:var(--kk-white);
  border-bottom:1px solid var(--kk-line);
  padding:28px 32px;
  font-family:var(--kk-font-text);
}
.bh-bar__list{
  list-style:none;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
}
.bh-bar__item{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0;
  padding:4px 24px;
  border-left:1px solid var(--kk-line);
}
.bh-bar__item:first-child{ border-left:none; padding-left:0; }
.bh-bar__item:last-child{ padding-right:0; }

.bh-bar__icon{
  flex-shrink:0;
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--kk-flame);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bh-bar__icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:var(--kk-coal);
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.bh-bar p{ margin:0; }
.bh-bar .bh-bar__title{
  font-family:var(--kk-font-title);
  font-size:14.5px;
  font-weight:400;
  line-height:1.25;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--kk-ink);
}
.bh-bar .bh-bar__sub{
  margin-top:3px;
  font-size:14px;
  line-height:1.4;
  color:var(--kk-grey);
}

@media(max-width:1024px){
  .bh-bar__list{ grid-template-columns:repeat(2, 1fr); row-gap:20px; }
  .bh-bar__item:nth-child(odd){ border-left:none; padding-left:0; }
  .bh-bar__item:nth-child(2){ padding-right:0; }
}
@media(max-width:767px){
  .bh-bar{ padding:22px 20px; }
  .bh-bar__item{ padding:4px 14px; }
}
@media(max-width:480px){
  .bh-bar{ padding:22px 16px; }
  .bh-bar__list{ column-gap:12px; }
  .bh-bar__item,
  .bh-bar__item:first-child,
  .bh-bar__item:last-child{
    flex-direction:column;
    text-align:center;
    gap:10px;
    padding:0;
    border-left:none;
  }
  .bh-bar .bh-bar__title{ font-size:13px; }
  .bh-bar .bh-bar__sub{ font-size:13px; }
}


/* ================================================================
   16 — BLOCS "QUALITÄT · ABLAUF · LIEFERUNG" (accueil)
   Widget Custom HTML elementor-element-a2d862d.
   Tout est scopé sous .bh-ablauf : aucun :root, body ni hX global.
   Disposition :
     1. Qualität  — intro + chiffre clé (carte charbon, chiffre
                    flamme) à gauche, 3 atouts en liste à droite.
     2. Ablauf    — panneau charbon, frise de 4 étapes reliées par
                    un pointillé ambre (verticale sur mobile)
                    → alternance clair / sombre.
     3. Lieferung — carte blanche à filet flamme : icône camion,
                    texte + étiquettes, bouton contour (« LES PACKS »).
   ================================================================ */

.bh-ablauf{
  background:var(--kk-white);
  padding:88px 0;
  color:var(--kk-ink);
  font-family:var(--kk-font-text);
}

.bh-ablauf__inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 32px;
  display:flex;
  flex-direction:column;
  gap:88px;
}

/* --- Typo commune --- */
.bh-ablauf .bh-ablauf__eyebrow{
  margin:0 0 14px;
  font-family:var(--kk-font-text);
  font-size:12px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--kk-flame-text);
}
.bh-ablauf .bh-ablauf__title{
  margin:0;
  font-family:var(--kk-font-title);
  font-size:clamp(28px, 3.4vw, 42px);
  font-weight:400;
  line-height:1.05;
  letter-spacing:.01em;
  text-transform:uppercase;
  color:var(--kk-ink);
}
.bh-ablauf .bh-ablauf__title--sm{ font-size:clamp(22px, 2.6vw, 30px); }
.bh-ablauf__accent{ color:var(--kk-flame); }

.bh-ablauf p{ margin:0; }


/* ================= 1. QUALITÄT ================= */

.bh-ablauf__quality{
  display:grid;
  grid-template-columns:5fr 7fr;
  gap:72px;
  align-items:start;
}

.bh-ablauf__lead{
  margin-top:18px !important;
  font-size:16.5px;
  line-height:1.65;
  color:var(--kk-grey);
  max-width:440px;
}

/* Chiffre clé : carte charbon, gros chiffre flamme */
.bh-ablauf__stat{
  margin-top:32px;
  padding:28px 30px;
  background:var(--kk-coal);
  border-radius:var(--kk-radius-block);
  border-top:4px solid var(--kk-flame);
}
.bh-ablauf .bh-ablauf__stat-num{
  font-family:var(--kk-font-title);
  font-size:clamp(56px, 7vw, 84px);
  font-weight:400;
  line-height:.95;
  color:var(--kk-flame);
}
.bh-ablauf__stat-label{
  margin-top:12px !important;
  font-size:15px;
  line-height:1.55;
  color:var(--kk-on-dark);
  max-width:340px;
}

/* Atouts : lignes séparées par un filet */
.bh-ablauf__features{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--kk-line);
}
.bh-ablauf__feature{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:22px;
  align-items:start;
  margin:0;
  padding:28px 0;
  border-bottom:1px solid var(--kk-line);
}
.bh-ablauf__feature-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--kk-flame);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bh-ablauf__feature-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:var(--kk-coal);
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bh-ablauf .bh-ablauf__feature-title{
  margin:4px 0 8px;
  font-family:var(--kk-font-title);
  font-size:19px;
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--kk-ink);
}
.bh-ablauf__feature p{
  font-size:15.5px;
  line-height:1.6;
  color:var(--kk-grey);
}


/* ================= 2. ABLAUF (fond sombre) ================= */

.bh-ablauf__steps-panel{
  background:var(--kk-coal-2);
  border-radius:var(--kk-radius-block);
  padding:56px 48px 60px;
  color:var(--kk-smoke);
}
.bh-ablauf__steps-head{
  text-align:center;
  margin-bottom:48px;
}
.bh-ablauf__steps-panel .bh-ablauf__eyebrow{ color:var(--kk-amber); }
.bh-ablauf__steps-panel .bh-ablauf__title{ color:var(--kk-smoke); }
.bh-ablauf__steps-panel .bh-ablauf__accent{ color:var(--kk-flame); }

.bh-ablauf__steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:28px;
  counter-reset:none;
}
.bh-ablauf__step{
  position:relative;
  margin:0;
}
/* Pointillé entre deux étapes */
.bh-ablauf__step::after{
  content:"";
  position:absolute;
  top:28px;
  left:72px;
  right:-14px;
  border-top:2px dashed rgba(242,179,61,0.45);
}
.bh-ablauf__step:last-child::after{ display:none; }

.bh-ablauf__step-num{
  position:relative;
  z-index:1;
  width:56px;
  height:56px;
  border-radius:50%;
  background:transparent;
  border:2px solid var(--kk-amber);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  font-family:var(--kk-font-title);
  font-size:22px;
  font-weight:400;
  line-height:1;
  color:var(--kk-amber);
}
.bh-ablauf__step:last-child .bh-ablauf__step-num{
  background:var(--kk-flame);
  border-color:var(--kk-flame);
  color:var(--kk-coal);
}
.bh-ablauf .bh-ablauf__step-title{
  margin:0 0 8px;
  font-family:var(--kk-font-title);
  font-size:17px;
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--kk-smoke);
}
.bh-ablauf__step p{
  font-size:15px;
  line-height:1.6;
  color:var(--kk-on-dark);
}


/* ================= 3. LIEFERUNG ================= */

.bh-ablauf__delivery{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:36px;
  align-items:center;
  padding:40px 44px;
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-top:4px solid var(--kk-flame);
  border-radius:var(--kk-radius-block);
  box-shadow:0 12px 30px rgba(23,18,15,0.08);
}
.bh-ablauf__delivery-icon{
  width:88px;
  height:88px;
  border-radius:50%;
  background:var(--kk-coal-2);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bh-ablauf__delivery-icon svg{
  width:40px;
  height:40px;
  fill:none;
  stroke:var(--kk-flame);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bh-ablauf__delivery-body .bh-ablauf__eyebrow{ margin-bottom:8px; }
.bh-ablauf__delivery-text{
  margin-top:10px !important;
  font-size:15.5px;
  line-height:1.6;
  color:var(--kk-grey);
  max-width:560px;
}

/* Étiquettes de réassurance (contour charbon, coche flamme) */
.bh-ablauf__chips{
  list-style:none;
  margin:18px 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.bh-ablauf__chips li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:6px 12px 6px 10px;
  background:var(--kk-white);
  border:1.5px solid var(--kk-coal);
  border-radius:var(--kk-radius-btn);
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--kk-coal);
}
.bh-ablauf__chips li::before{
  content:"";
  width:15px;
  height:15px;
  flex-shrink:0;
  background-color:var(--kk-flame);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Bouton contour (« LES PACKS » : contour, capitales) */
.bh-ablauf a.bh-ablauf__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:14px 30px;
  border-radius:var(--kk-radius-btn);
  background:transparent;
  border:2px solid var(--kk-coal);
  color:var(--kk-coal);
  font-family:var(--kk-font-text);
  font-size:14px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease;
}
.bh-ablauf a.bh-ablauf__btn:hover,
.bh-ablauf a.bh-ablauf__btn:focus-visible{
  background:var(--kk-coal);
  border-color:var(--kk-coal);
  color:var(--kk-smoke);
}
.bh-ablauf a.bh-ablauf__btn:focus-visible{
  outline:3px solid rgba(232,96,28,0.4);
  outline-offset:3px;
}


/* ================= RESPONSIVE ================= */

@media(max-width:1024px){
  .bh-ablauf__inner{ gap:64px; }
  .bh-ablauf__quality{ grid-template-columns:1fr; gap:40px; }
  .bh-ablauf__lead{ max-width:none; }

  .bh-ablauf__steps-panel{ padding:44px 28px; }
  .bh-ablauf__steps-head{ text-align:left; margin-bottom:32px; }
  .bh-ablauf__steps{ grid-template-columns:1fr; gap:0; }
  .bh-ablauf__step{
    display:grid;
    grid-template-columns:56px 1fr;
    column-gap:20px;
    padding-bottom:28px;
  }
  .bh-ablauf__step:last-child{ padding-bottom:0; }
  .bh-ablauf__step-num{ grid-row:1 / span 2; margin-bottom:0; }
  .bh-ablauf .bh-ablauf__step-title{ margin-top:14px; }
  .bh-ablauf__step::after{
    top:60px;
    bottom:4px;
    left:27px;
    right:auto;
    border-top:none;
    border-left:2px dashed rgba(242,179,61,0.45);
  }

  .bh-ablauf__delivery{ grid-template-columns:auto 1fr; }
  .bh-ablauf__delivery .bh-ablauf__btn{ grid-column:2; justify-self:start; }
}

@media(max-width:767px){
  .bh-ablauf{ padding:56px 0; }
  .bh-ablauf__inner{ padding:0 20px; gap:48px; }
  .bh-ablauf__feature{ grid-template-columns:44px 1fr; gap:16px; padding:22px 0; }
  .bh-ablauf__feature-icon{ width:44px; height:44px; }
  .bh-ablauf__feature-icon svg{ width:20px; height:20px; }
  .bh-ablauf .bh-ablauf__feature-title{ font-size:17px; margin-top:2px; }
  .bh-ablauf__feature p{ font-size:15px; }
  .bh-ablauf__stat{ padding:22px 24px; }

  .bh-ablauf__steps-panel{ padding:36px 20px; }

  .bh-ablauf__delivery{ grid-template-columns:1fr; gap:20px; padding:28px 22px; }
  .bh-ablauf__delivery-icon{ width:64px; height:64px; }
  .bh-ablauf__delivery-icon svg{ width:30px; height:30px; }
  .bh-ablauf__delivery .bh-ablauf__btn{ grid-column:1; justify-self:stretch; }
}

@media(max-width:480px){
  .bh-ablauf{ padding:48px 0; }
  .bh-ablauf__inner{ padding:0 16px; }
  .bh-ablauf__steps-panel{ padding:32px 16px; }
  .bh-ablauf__chips li{ font-size:11px; }
}

@media(prefers-reduced-motion:reduce){
  .bh-ablauf a.bh-ablauf__btn{ transition:none; }
}


/* ================================================================
   17 — PAGE ÜBER UNS (elementor-419, widget Custom HTML d4f4ba2)
   Widget en classes .bh-about (fichier ueber-uns-widget-d4f4ba2.html).
   Tout est scopé sous .bh-about : aucun :root, body ni hX global.
   Rythme des fonds (blanc par défaut, aucun crème) :
   charbon (hero) · blanc · blanc · blanc · charbon profond (étapes)
   · blanc · flamme (CTA). Sections blanches séparées par un filet.
   ================================================================ */

/* --- Conteneur --- */
.elementor-element-908d076,
.elementor-element-d4f4ba2{ padding:0 !important; }

.bh-about{
  color:var(--kk-ink);
  font-family:var(--kk-font-text);
}
.bh-about > section{ padding:96px 0; }
.bh-about__wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 32px;
}
.bh-about__head{ max-width:640px; margin-bottom:48px; }

/* --- Titres --- */
.bh-about .bh-about__eyebrow{
  margin:0 0 14px;
  font-family:var(--kk-font-text);
  font-size:12px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--kk-flame-text);
}
.bh-about .bh-about__h1{
  margin:0 0 22px;
  font-family:var(--kk-font-title);
  font-size:clamp(36px, 5.2vw, 64px);
  font-weight:400;
  line-height:1.02;
  text-transform:uppercase;
  color:var(--kk-smoke);
}
.bh-about .bh-about__h2{
  margin:0 0 16px;
  font-family:var(--kk-font-title);
  font-size:clamp(28px, 3.4vw, 42px);
  font-weight:400;
  line-height:1.05;
  text-transform:uppercase;
  color:var(--kk-ink);
}
.bh-about .bh-about__h3{
  margin:0 0 8px;
  font-family:var(--kk-font-title);
  font-size:17px;
  font-weight:400;
  line-height:1.25;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--kk-ink);
}
.bh-about__accent{ color:var(--kk-flame); }

/* --- Texte --- */
.bh-about .bh-about__p{
  margin:0 0 16px;
  font-size:16.5px;
  line-height:1.7;
  color:var(--kk-grey);
}
.bh-about .bh-about__p:last-child{ margin-bottom:0; }
.bh-about .bh-about__p strong{ color:var(--kk-ink); font-weight:700; }
.bh-about .bh-about__note{
  margin:24px 0 0;
  font-family:var(--kk-font-text);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--kk-grey);
}

/* ================= 1. HERO (charbon) ================= */

.bh-about .bh-about__hero{
  position:relative;
  overflow:hidden;
  background:var(--kk-coal-2);
  padding:104px 0 88px;
}
.bh-about__hero::before{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at 88% 110%, rgba(242,179,61,0.22) 0%, rgba(232,96,28,0.32) 22%, rgba(232,96,28,0) 58%);
  pointer-events:none;
}
.bh-about__hero-inner{ position:relative; z-index:1; }
.bh-about__hero .bh-about__eyebrow{ color:var(--kk-amber); }
.bh-about__hero .bh-about__accent{ color:var(--kk-flame); }
.bh-about .bh-about__lead{
  max-width:620px;
  margin:0;
  font-size:18px;
  line-height:1.65;
  color:var(--kk-on-dark);
}

/* Chiffres clés */
.bh-about__facts{
  list-style:none;
  margin:56px 0 0;
  padding:28px 0 0;
  border-top:1px solid rgba(255,255,255,0.16);
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:32px;
  max-width:880px;
}
.bh-about__fact{ margin:0; display:flex; flex-direction:column; gap:6px; }
.bh-about__fact-num{
  font-family:var(--kk-font-title);
  font-size:clamp(32px, 3.8vw, 46px);
  font-weight:400;
  line-height:1;
  color:var(--kk-amber);
}
.bh-about__fact-label{
  font-family:var(--kk-font-text);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--kk-on-dark);
}

/* ================= 2. GESCHICHTE ================= */

.bh-about .bh-about__story{ background:var(--kk-white); }
.bh-about__story-grid{
  display:grid;
  grid-template-columns:5fr 6fr;
  gap:72px;
  align-items:center;
}
.bh-about__media{
  position:relative;
  margin:0;
  aspect-ratio:4/5;
  border-radius:var(--kk-radius-block);
  overflow:hidden;
  background:var(--kk-coal-2);
}
.bh-about__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.bh-about__badge{
  position:absolute;
  left:20px; right:20px; bottom:20px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  background:rgba(23,18,15,0.9);
  border-left:4px solid var(--kk-flame);
  border-radius:var(--kk-radius-btn);
}
.bh-about__badge svg{
  width:24px; height:24px;
  flex-shrink:0;
  fill:none;
  stroke:var(--kk-amber);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bh-about__badge span{
  font-family:var(--kk-font-text);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.45;
  text-transform:uppercase;
  color:var(--kk-smoke);
}

/* Liste de garanties */
.bh-about__checks{
  list-style:none;
  margin:28px 0 0;
  padding:24px 0 0;
  border-top:1px solid var(--kk-line);
  display:flex;
  flex-direction:column;
  gap:14px;
}
.bh-about__checks li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0;
  font-size:15.5px;
  font-weight:600;
  color:var(--kk-ink);
}
.bh-about__checks svg{
  width:24px; height:24px;
  flex-shrink:0;
  padding:5px;
  border-radius:50%;
  background:var(--kk-flame);
  fill:none;
  stroke:var(--kk-coal);
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ================= 3. PRINZIPIEN ================= */

.bh-about .bh-about__values{
  background:var(--kk-white);
  border-top:1px solid var(--kk-line);
}
.bh-about__cards{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
}
.bh-about__card{
  margin:0;
  padding:28px;
  background:var(--kk-white);
  border:1px solid var(--kk-line);
  border-top:4px solid var(--kk-flame);
  border-radius:var(--kk-radius-card);
  box-shadow:var(--kk-shadow);
  transition:transform .2s ease, box-shadow .2s ease;
}
.bh-about__card:nth-child(2){ border-top-color:var(--kk-amber); }
.bh-about__card:nth-child(3){ border-top-color:var(--kk-ash); }
.bh-about__card:nth-child(4){ border-top-color:var(--kk-coal); }
.bh-about__cards .bh-about__card:hover{
  transform:translateY(-4px);
  box-shadow:var(--kk-shadow-hover);
}
.bh-about__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px; height:48px;
  margin-bottom:18px;
  border-radius:50%;
  background:var(--kk-flame);
}
.bh-about__icon svg{
  width:22px; height:22px;
  fill:none;
  stroke:var(--kk-coal);
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bh-about__card .bh-about__p{ font-size:15px; line-height:1.6; }

/* ================= 4. SORTIMENT ================= */

.bh-about .bh-about__range{
  background:var(--kk-white);
  border-top:1px solid var(--kk-line);
}
.bh-about__range-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:0 48px;
  border-top:2px solid var(--kk-coal);
}
.bh-about__range-list li{ margin:0; border-bottom:1px solid var(--kk-line); }
.bh-about a.bh-about__range-item{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"name link" "text link";
  gap:6px 24px;
  align-items:center;
  padding:26px 0;
  text-decoration:none;
}
.bh-about__range-name{
  grid-area:name;
  font-family:var(--kk-font-title);
  font-size:22px;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--kk-ink);
  transition:color .15s ease;
}
.bh-about__range-text{
  grid-area:text;
  font-size:15px;
  line-height:1.55;
  color:var(--kk-grey);
}
.bh-about__range-link{
  grid-area:link;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--kk-font-text);
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--kk-flame-text);
}
.bh-about__range-link::after{
  content:"→";
  font-family:var(--kk-font-text);
  font-size:16px;
  transition:transform .15s ease;
}
.bh-about a.bh-about__range-item:hover .bh-about__range-name,
.bh-about a.bh-about__range-item:focus-visible .bh-about__range-name{ color:var(--kk-flame-text); }
.bh-about a.bh-about__range-item:hover .bh-about__range-link::after{ transform:translateX(4px); }
.bh-about a.bh-about__range-item:focus-visible{
  outline:3px solid rgba(232,96,28,0.4);
  outline-offset:4px;
}

/* ================= 5. SO ARBEITEN WIR (charbon profond) ================= */

.bh-about .bh-about__steps{ background:var(--kk-coal); }
.bh-about__steps .bh-about__eyebrow{ color:var(--kk-amber); }
.bh-about__steps .bh-about__h2{ color:var(--kk-smoke); }
.bh-about__step-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:32px;
}
.bh-about__step{
  margin:0;
  padding-top:24px;
  border-top:2px solid rgba(255,255,255,0.14);
  position:relative;
}
.bh-about__step::before{
  content:"";
  position:absolute;
  top:-2px; left:0;
  width:48px; height:2px;
  background:var(--kk-flame);
}
.bh-about__step-num{
  display:block;
  margin-bottom:16px;
  font-family:var(--kk-font-title);
  font-size:46px;
  font-weight:400;
  line-height:1;
  color:var(--kk-flame);
}
.bh-about__steps .bh-about__h3{ color:var(--kk-smoke); }
.bh-about__steps .bh-about__p{ font-size:15px; line-height:1.6; color:var(--kk-on-dark); }

/* ================= 6. UNTERNEHMEN ================= */

.bh-about .bh-about__company{ background:var(--kk-white); }
.bh-about__company-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}
.bh-about__company-card{
  padding:12px 28px;
  border:1px solid var(--kk-line);
  border-top:4px solid var(--kk-coal);
  border-radius:var(--kk-radius-card);
}
.bh-about__row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid var(--kk-line);
}
.bh-about__row:last-child{ border-bottom:none; }
.bh-about__row dt{
  margin:0;
  font-family:var(--kk-font-text);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--kk-grey);
  padding-top:3px;
}
.bh-about__row dd{
  margin:0;
  font-size:15.5px;
  line-height:1.55;
  color:var(--kk-ink);
}
.bh-about__row dd a{
  color:var(--kk-ink);
  font-weight:700;
  border-bottom:2px solid var(--kk-flame);
  transition:color .15s ease;
}
.bh-about__row dd a:hover,
.bh-about__row dd a:focus-visible{ color:var(--kk-flame-text); }

/* ================= 7. CTA (fond flamme) ================= */

.bh-about .bh-about__cta{
  position:relative;
  overflow:hidden;
  background:var(--kk-flame);
  padding:88px 0;
  text-align:center;
}
.bh-about__cta::before{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at 50% 120%, rgba(242,179,61,0.45) 0%, rgba(242,179,61,0) 60%);
  pointer-events:none;
}
.bh-about__cta-inner{ position:relative; z-index:1; max-width:760px; }
.bh-about__cta .bh-about__eyebrow{ color:var(--kk-coal); }
.bh-about__cta .bh-about__h2{ color:var(--kk-coal); }
.bh-about__cta .bh-about__accent{ color:var(--kk-smoke); }
.bh-about__cta .bh-about__p{ color:var(--kk-coal); max-width:520px; margin:0 auto; }

.bh-about__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
  margin-top:32px;
}
.bh-about a.bh-about__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 32px;
  border:2px solid var(--kk-coal);
  border-radius:var(--kk-radius-btn);
  background:var(--kk-coal);
  color:var(--kk-smoke);
  font-family:var(--kk-font-text);
  font-size:14px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}
.bh-about a.bh-about__btn:hover,
.bh-about a.bh-about__btn:focus-visible{
  background:var(--kk-amber);
  border-color:var(--kk-amber);
  color:var(--kk-coal);
  transform:translateY(-1px);
}
.bh-about a.bh-about__btn--ghost{
  background:transparent;
  border-color:var(--kk-coal);
  color:var(--kk-coal);
}
.bh-about a.bh-about__btn:focus-visible{
  outline:3px solid rgba(23,18,15,0.45);
  outline-offset:3px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1024px){
  .bh-about > section{ padding:72px 0; }
  .bh-about .bh-about__hero{ padding:80px 0 64px; }
  .bh-about__story-grid{ grid-template-columns:1fr 1fr; gap:48px; }
  .bh-about__cards{ grid-template-columns:repeat(2, 1fr); }
  .bh-about__step-list{ grid-template-columns:repeat(2, 1fr); gap:40px 32px; }
  .bh-about__company-grid{ grid-template-columns:1fr; gap:32px; }
}

@media(max-width:767px){
  .bh-about > section{ padding:56px 0; }
  .bh-about .bh-about__hero{ padding:64px 0 48px; }
  .bh-about .bh-about__cta{ padding:64px 0; }
  .bh-about__wrap{ padding:0 20px; }
  .bh-about__head{ margin-bottom:32px; }
  .bh-about .bh-about__lead{ font-size:16.5px; }
  .bh-about__facts{ grid-template-columns:1fr; gap:18px; margin-top:40px; }
  .bh-about__fact{ flex-direction:row; align-items:baseline; gap:14px; }
  .bh-about__fact-num{ min-width:96px; }
  .bh-about__story-grid{ grid-template-columns:1fr; gap:36px; }
  .bh-about__media{ aspect-ratio:4/3; }
  .bh-about__range-list{ grid-template-columns:1fr; }
  .bh-about__range-list li:first-child a.bh-about__range-item{ padding-top:20px; }
  .bh-about a.bh-about__range-item{ padding:20px 0; }
  .bh-about__range-name{ font-size:19px; }
  .bh-about__step-num{ font-size:38px; margin-bottom:12px; }
}

@media(max-width:480px){
  .bh-about__wrap{ padding:0 16px; }
  .bh-about .bh-about__p{ font-size:15.5px; }
  .bh-about__cards{ grid-template-columns:1fr; gap:16px; }
  .bh-about__card{ padding:22px; }
  .bh-about__step-list{ grid-template-columns:1fr; gap:28px; }
  .bh-about__badge{ left:12px; right:12px; bottom:12px; padding:12px 14px; }
  .bh-about__badge span{ font-size:10.5px; }
  .bh-about a.bh-about__range-item{ grid-template-columns:1fr; grid-template-areas:"name" "text" "link"; }
  .bh-about__company-card{ padding:8px 18px; }
  .bh-about__row{ grid-template-columns:1fr; gap:4px; }
  .bh-about__actions{ flex-direction:column; }
  .bh-about a.bh-about__btn{ width:100%; }
}

@media(prefers-reduced-motion:reduce){
  .bh-about__card,
  .bh-about a.bh-about__btn,
  .bh-about__range-link::after{ transition:none; }
  .bh-about__cards .bh-about__card:hover,
  .bh-about a.bh-about__btn:hover{ transform:none; }
}


/* ================================================================
   18 — FOOTER GLOBAL (Woodmart .wd-footer · bloc HTML elementor-418)
   Fond charbon profond, filet flamme en haut, titres Archivo Black
   en capitales avec trait flamme, liens fumée → ambre au survol,
   icônes de contact dans des pastilles rondes flamme.
   ================================================================ */

/* --- Conteneur --- */
html .wd-footer.footer-container{
  background-color:var(--kk-coal) !important;
  border-top:4px solid var(--kk-flame);
  color:var(--kk-on-dark);
}
.wd-footer .main-footer{ padding-top:64px; padding-bottom:48px; }

/* --- Titres de colonnes --- */
.wd-footer .footer-widget .widget-title{
  position:relative;
  margin:0 0 22px;
  padding-bottom:12px;
  font-family:var(--kk-font-title) !important;
  font-size:15px !important;
  font-weight:400 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase;
  color:var(--kk-smoke) !important;
}
.wd-footer .footer-widget .widget-title::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:28px; height:3px;
  background:var(--kk-flame);
}

/* --- Bloc marque : logo + accroche --- */
.elementor-element-116d2b3 img{ max-width:190px; height:auto; }
.elementor-element-caebc6b .wd-text-block{ margin-top:16px; }
.elementor-element-caebc6b .wd-text-block p{
  font-size:14.5px !important;
  line-height:1.65;
  color:var(--kk-on-dark) !important;
}
.elementor-element-caebc6b .wd-text-block p strong{ color:var(--kk-smoke); font-weight:700; }

/* --- Coordonnées : icônes en pastilles rondes flamme ---
   Woodmart rend l'icône dans un <span> en ligne : sans display
   explicite, la pastille n'a pas de taille et reste invisible.
   On garde les images SVG d'origine, recolorées en noir par filtre
   (fonctionne quelle que soit leur couleur de départ). */
.elementor-element-5129a37 .wd-list{ margin-top:22px; display:flex; flex-direction:column; gap:12px; }
.elementor-element-5129a37 .wd-list li{
  display:flex !important;
  align-items:flex-start;
  gap:12px;
  margin:0 !important;
}
.elementor-element-5129a37 .wd-list .wd-icon{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  width:30px !important;
  height:30px !important;
  min-width:30px;
  margin:0 !important;
  border-radius:50%;
  background-color:var(--kk-flame) !important;
  line-height:1;
}
.elementor-element-5129a37 .wd-list .wd-icon img{
  display:block !important;
  width:14px !important;
  height:14px !important;
  max-width:none;
  margin:0 !important;
  opacity:.9 !important;
  filter:brightness(0);
}
.elementor-element-5129a37 .wd-list-content,
.elementor-element-5129a37 .wd-list-content span{
  padding-top:5px;
  font-size:14.5px !important;
  line-height:1.55;
  color:var(--kk-on-dark) !important;
}

/* --- Menus de colonnes (Navigation, Kategorien, Rechtliche) --- */
.wd-footer .widget_nav_menu ul.menu{ list-style:none; margin:0; padding:0; }
.wd-footer .widget_nav_menu ul.menu li{ margin:0 0 10px; }
.wd-footer .widget_nav_menu ul.menu li a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14.5px;
  line-height:1.5;
  color:var(--kk-on-dark) !important;
  transition:color .15s ease;
}
.wd-footer .widget_nav_menu ul.menu li a::before{
  content:"";
  width:6px; height:2px;
  flex-shrink:0;
  background:var(--kk-flame);
  transition:width .15s ease;
}
.wd-footer .widget_nav_menu ul.menu li a:hover,
.wd-footer .widget_nav_menu ul.menu li a:focus-visible,
.wd-footer .widget_nav_menu ul.menu li.current-menu-item > a{
  color:var(--kk-amber) !important;
}
.wd-footer .widget_nav_menu ul.menu li a:hover::before{ width:12px; background:var(--kk-amber); }

/* --- Copyright --- */
.wd-footer .wd-copyrights{
  background:var(--kk-coal-3) !important;
  border-top:none;
  padding:18px 0;
}
.wd-footer .site-copyright{
  margin:0;
  font-family:var(--kk-font-text);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--kk-ash);
}

/* --- Responsive --- */
@media(max-width:1024px){
  .wd-footer .main-footer{ padding-top:56px; padding-bottom:32px; }
}
@media(max-width:767px){
  .wd-footer .main-footer{ padding-top:44px; padding-bottom:24px; }
  .wd-footer .footer-column{ margin-bottom:8px; }
  .wd-footer .wd-copyrights{ text-align:center; }
}
@media(max-width:480px){
  .elementor-element-116d2b3 img{ max-width:160px; }
  .wd-footer .site-copyright{ font-size:10.5px; }
}
@media(prefers-reduced-motion:reduce){
  .wd-footer .widget_nav_menu ul.menu li a,
  .wd-footer .widget_nav_menu ul.menu li a::before{ transition:none; }
}