@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//cfbl-premiumholz.de/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.8") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//cfbl-premiumholz.de/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//cfbl-premiumholz.de/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//cfbl-premiumholz.de/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//cfbl-premiumholz.de/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//cfbl-premiumholz.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//cfbl-premiumholz.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//cfbl-premiumholz.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//cfbl-premiumholz.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Barlow", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(89,89,89);
	--wd-text-font-size: 16px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(8,56,47);
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(8,56,47);
	--wd-entities-title-color-hover: rgb(11, 81, 67);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(8,56,47);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 4px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(27,67,50);
	--wd-alternative-color: rgb(201,122,52);
	--btn-default-bgcolor: rgb(27,67,50);
	--btn-default-bgcolor-hover: rgb(27,67,50);
	--btn-accented-bgcolor: rgb(27,67,50);
	--btn-accented-bgcolor-hover: rgb(27,67,50);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(11,81,67);
	--wd-link-color-hover: rgb(8,56,47);
}
.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-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(250,250,250);
	--wd-bordered-bg:rgb(250,250,250);
}
: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(27,67,50);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-size: 58px;
	color: rgb(8,56,47);
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 42px;
	--wd-arrow-icon-size: 14px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-offset-v: 20px;
	--wd-arrow-color: rgb(11,81,67);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgb(11,81,67);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(11,81,67);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 21px;
}
.wd-nav-scroll {
	--wd-nscroll-drag-bg: rgb(11,81,67);
	--wd-nscroll-drag-bg-hover: rgb(11,81,67);
}
.product-labels .product-label.onsale {
	background-color: rgb(231,27,47);
}
.product-labels .product-label.new {
	background-color: rgb(231,27,47);
}
.product-labels .product-label.featured {
	background-color: rgb(231,27,47);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(231,27,47);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 36px;
	}

}
:root{
--wd-container-w: 1564px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1564px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1564px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1564px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(225,237,235);
}

:root {
    --color-primary: #1b4332;       /* Vert sapin (coopérative forestière) */
    --color-secondary: #c97a34;     /* Terracotta (chaleur du bois) */
    --color-dark: #2b2b2b;          /* Texte principal (charbon) */
    --color-light: #faf9f6;         /* Fond principal (blanc cassé) */
    --color-white: #ffffff;         /* Blanc pur */
    --color-gray-light: #f2f2f0;    /* Fond alternatif (gris clair) */
    --color-gray-border: #e0deda;   /* Bordures et séparateurs */
}

/* ==========================================================================
   HEADER — Refonte complète (version corrigée)
   Site de chauffage au bois (marché allemand)
   Toutes les couleurs sont codées en dur, aucune balise HTML modifiée.
   ========================================================================== */

/* Palette utilisée dans ce fichier :
   Vert sapin       #1b4332
   Vert sapin foncé #143327
   Terracotta       #c97a34
   Terracotta foncé #a9642a
   Texte principal  #2b2b2b
   Fond principal   #faf9f6
   Blanc            #ffffff
   Gris clair       #f2f2f0
   Gris bordure     #e0deda
*/

/* --------------------------------------------------------------------
   1. STRUCTURE GÉNÉRALE
   -------------------------------------------------------------------- */

.whb-header {
	background-color: #ffffff;
	font-family: "Segoe UI", Arial, sans-serif;
}

.whb-general-header {
	background-color: #ffffff !important;
	border-bottom: 1px solid #e0deda;
	padding-top: 18px;
	padding-bottom: 18px;
}

.whb-header.whb-sticky-real.whb-scroll-stick .whb-general-header {
	box-shadow: 0 4px 14px rgba(27, 67, 50, 0.12);
	padding-top: 10px;
	padding-bottom: 10px;
	transition: padding 0.25s ease, box-shadow 0.25s ease;
}

/* Bande de navigation du bas : fond vert forcé (le thème pose parfois
   "whb-without-bg" qui annule le fond, d'où le !important) */
.whb-row.whb-header-bottom {
	background-color: #1b4332 !important;
	border-top: 1px solid #143327;
	border-bottom: 3px solid #c97a34;
}

.whb-header-bottom-inner {
	min-height: 48px;
}

/* --------------------------------------------------------------------
   2. LOGO
   -------------------------------------------------------------------- */

.site-logo .wd-logo {
	display: inline-flex;
	align-items: center;
	transition: opacity 0.2s ease;
}

.site-logo .wd-logo:hover {
	opacity: 0.85;
}


/* --------------------------------------------------------------------
   4. ICÔNES OUTILS (compte, wishlist, comparateur)
   -------------------------------------------------------------------- */

.wd-tools-element {
	margin-left: 6px;
	margin-right: 6px;
}

.wd-tools-element .wd-tools-icon {
	color: #2b2b2b;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #f2f2f0;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wd-tools-element:hover .wd-tools-icon {
	background-color: #1b4332;
	color: #ffffff;
}

.wd-tools-element .wd-tools-text {
	color: #2b2b2b;
	font-size: 12px;
	font-weight: 500;
}

.wd-tools-element:hover .wd-tools-text {
	color: #c97a34;
}

/* Pastilles de compteur (wishlist / comparateur / panier) */
.wd-header-wishlist.wd-tools-element .wd-tools-count,
.wd-header-compare.wd-tools-element .wd-tools-count,
.wd-header-cart.wd-tools-element .wd-cart-number.wd-tools-count {
	background-color: #c97a34 !important;
	color: #ffffff !important;
	border: 2px solid #ffffff;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	min-width: 18px;
	height: 18px;
	line-height: 14px;
}

/* --------------------------------------------------------------------
   5. COMPTE (icône + menu déroulant connexion / dropdown compte)
   -------------------------------------------------------------------- */

.wd-header-my-account .wd-dropdown-my-account,
.wd-header-my-account .wd-dropdown-register {
	background-color: #1b4332;
	border: none;
	border-radius: 4px;
	box-shadow: 0 10px 24px rgba(27, 67, 50, 0.25);
	overflow: hidden;
	margin-top: 10px;
}

.wd-dropdown-my-account .wd-sub-menu {
	padding: 6px 0;
}

.wd-dropdown-my-account .wd-sub-menu li a {
	color: #faf9f6;
	font-size: 13px;
	padding: 10px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: block;
	transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

.wd-dropdown-my-account .wd-sub-menu li:last-child a {
	border-bottom: none;
}

.wd-dropdown-my-account .wd-sub-menu li a:hover {
	background-color: #143327;
	color: #c97a34;
	padding-left: 22px;
}

/* Formulaire de connexion dans le dropdown */
.wd-dropdown-register .wd-heading .title {
	color: #faf9f6;
	font-weight: 600;
}

.wd-dropdown-register .create-account-link {
	color: #c97a34;
}

.wd-dropdown-register .create-account-link:hover {
	color: #ffffff;
}

.wd-dropdown-register label {
	color: #faf9f6;
}

.wd-dropdown-register .input-text {
	background-color: #ffffff;
	border: 1px solid #e0deda;
	color: #2b2b2b;
	border-radius: 3px;
}

.wd-dropdown-register .input-text:focus {
	border-color: #c97a34;
	outline: none;
}

.wd-dropdown-register .woocommerce-form-login__submit {
	background-color: #c97a34;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.wd-dropdown-register .woocommerce-form-login__submit:hover {
	background-color: #a9642a;
}

.wd-dropdown-register .lost_password {
	color: #d9cdb8;
}

.wd-dropdown-register .lost_password:hover {
	color: #c97a34;
}

/* --------------------------------------------------------------------
   6. PANIER
   -------------------------------------------------------------------- */

.wd-header-cart .wd-tools-icon {
	background-color: #f2f2f0;
	color: #2b2b2b;
}

.wd-header-cart:hover .wd-tools-icon {
	background-color: #c97a34;
	color: #ffffff;
}

.wd-header-cart .wd-cart-subtotal .woocommerce-Price-amount {
	color: #1b4332;
	font-weight: 700;
	font-size: 14px;
}

.wd-header-cart .wd-cart-subtotal .woocommerce-Price-currencySymbol {
	color: #1b4332;
}

.wd-header-cart:hover .wd-cart-subtotal .woocommerce-Price-amount,
.wd-header-cart:hover .wd-cart-subtotal .woocommerce-Price-currencySymbol {
	color: #c97a34;
}

/* --------------------------------------------------------------------
   7. NAVIGATION PRINCIPALE (bande basse verte)
   -------------------------------------------------------------------- */

.wd-header-nav.wd-nav-secondary {
	color: #faf9f6;
}

.wd-nav.wd-nav-header {
	display: flex;
	justify-content: center;
	gap: 4px;
}

.wd-nav.wd-nav-header .menu-item {
	position: relative;
}

.wd-nav.wd-nav-header .menu-item > a.woodmart-nav-link {
	color: #faf9f6 !important;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 16px 18px;
	display: inline-block;
	transition: color 0.2s ease;
}

.wd-nav.wd-nav-header .menu-item > a.woodmart-nav-link .nav-link-text {
	position: relative;
	color: inherit;
}

.wd-nav.wd-nav-header .menu-item > a.woodmart-nav-link .nav-link-text::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 0;
	height: 2px;
	background-color: #c97a34;
	transition: width 0.25s ease;
}

.wd-nav.wd-nav-header .menu-item:hover > a.woodmart-nav-link,
.wd-nav.wd-nav-header .menu-item.current-menu-item > a.woodmart-nav-link {
	color: #c97a34 !important;
}

.wd-nav.wd-nav-header .menu-item:hover > a.woodmart-nav-link .nav-link-text::after,
.wd-nav.wd-nav-header .menu-item.current-menu-item > a.woodmart-nav-link .nav-link-text::after {
	width: 100%;
}

/* --------------------------------------------------------------------
   8. MENU MOBILE
   -------------------------------------------------------------------- */

.wd-header-mobile-nav .wd-tools-icon {
	background-color: #f2f2f0;
	color: #2b2b2b;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wd-header-mobile-nav:hover .wd-tools-icon {
	background-color: #1b4332;
	color: #ffffff;
}

.wd-header-mobile-nav .wd-tools-text {
	color: #2b2b2b;
	font-size: 11px;
}

/* --------------------------------------------------------------------
   9. AFFICHAGE MOBILE / DESKTOP
   Sécurité anti-chevauchement : le thème gère normalement l'affichage
   via JS selon la largeur réelle de l'écran. Ces règles forcent le
   bon comportement même si le JS n'est pas encore appliqué (évite
   d'avoir logo + menu compte affichés deux fois en même temps).
   -------------------------------------------------------------------- */

@media (min-width: 1025px) {
	.whb-hidden-lg {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	.whb-visible-lg {
		display: none !important;
	}
}

.whb-mobile-center .site-logo img {
	max-width: 170px;
}

.whb-mobile-right .wd-header-my-account .wd-tools-icon {
	width: 36px;
	height: 36px;
	background-color: #f2f2f0;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* --------------------------------------------------------------------
   10. LIENS GÉNÉRIQUES / ACCESSIBILITÉ
   -------------------------------------------------------------------- */

.whb-header a {
	text-decoration: none;
	color: inherit;
}

.whb-header a:focus-visible,
.whb-header button:focus-visible {
	outline: 2px solid #c97a34;
	outline-offset: 2px;
	border-radius: 2px;
}

.whb-header ::selection {
	background-color: #c97a34;
	color: #ffffff;
}

/* ==========================================================================
   SLIDER — Section 1 (Hero)
   CSS des textes uniquement : overlay + ombres pour rester lisible
   quel que soit le visuel de fond posé par le système de slide du thème.
   Couleurs codées en dur.
   ========================================================================== */


/* --------------------------------------------------------------------
   1. OVERLAY (assombrit le fond pour faire ressortir le texte)
   -------------------------------------------------------------------- */

.eh-slide-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		90deg,
		rgba(27, 67, 50, 0.72) 0%,
		rgba(27, 67, 50, 0.45) 45%,
		rgba(27, 67, 50, 0.15) 100%
	);
	z-index: 1;
	pointer-events: none;
}

/* --------------------------------------------------------------------
   2. BLOC DE CONTENU (titre, sous-titre, description, bouton)
   -------------------------------------------------------------------- */

.eh-slide-content {
	position: relative;
	z-index: 2;
	max-width: 620px;
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

/* --------------------------------------------------------------------
   3. SOUS-TITRE (accroche courte, terracotta)
   -------------------------------------------------------------------- */

.eh-slide-subtitle {
	display: inline-block;
	color: #f2b072;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin-bottom: 14px;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55);
}

/* --------------------------------------------------------------------
   4. TITRE PRINCIPAL
   -------------------------------------------------------------------- */

.eh-slide-title {
	color: #ffffff;
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
	margin: 0 0 18px 0;
	text-shadow: 0 3px 10px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* --------------------------------------------------------------------
   5. DESCRIPTION
   -------------------------------------------------------------------- */

.eh-slide-desc {
	color: #faf9f6;
	font-size: 17px;
	line-height: 1.6;
	font-weight: 400;
	margin: 0 0 30px 0;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
	max-width: 540px;
}

/* --------------------------------------------------------------------
   6. BOUTON D'ACTION (CTA vers la page catégorie)
   -------------------------------------------------------------------- */

.eh-slide-btn {
	display: inline-block;
	background-color: #c97a34;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	padding: 15px 34px;
	border-radius: 3px;
	border: 2px solid #c97a34;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.eh-slide-btn:hover {
	background-color: transparent;
	border-color: #ffffff;
	color: #ffffff;
	transform: translateY(-2px);
}

.eh-slide-btn:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

/* --------------------------------------------------------------------
   7. RESPONSIVE
   -------------------------------------------------------------------- */

@media (max-width: 768px) {
	.eh-slide-overlay {
		background: linear-gradient(
			180deg,
			rgba(27, 67, 50, 0.75) 0%,
			rgba(27, 67, 50, 0.55) 100%
		);
	}

	.eh-slide-content {
		max-width: 100%;
		padding: 28px 18px;
		align-items: flex-start;
		text-align: left;
	}

	.eh-slide-title {
		font-size: 28px;
	}

	.eh-slide-desc {
		font-size: 15px;
	}

	.eh-slide-btn {
		padding: 12px 24px;
		font-size: 13px;
	}
}

/* ==========================================================================
   FICHE PRODUIT — Description longue + résumé rapide
   Couleurs codées en dur, aucune balise HTML modifiée.
   ========================================================================== */

/* Palette :
   Vert sapin       #1b4332
   Vert sapin foncé #143327
   Vert sapin clair #eaf1ed
   Terracotta       #c97a34
   Terracotta clair #f7e9da
   Texte principal  #2b2b2b
   Texte secondaire #6b6b66
   Fond principal   #faf9f6
   Blanc            #ffffff
   Gris clair       #f2f2f0
   Gris bordure     #e0deda
*/

/* --------------------------------------------------------------------
   1. CONTENEUR GÉNÉRAL DE LA DESCRIPTION
   -------------------------------------------------------------------- */

.long-desc-wood {
	color: #2b2b2b;
	font-size: 15px;
	line-height: 1.75;
	max-width: 820px;
}

/* --------------------------------------------------------------------
   2. INTRODUCTION (premier paragraphe mis en avant)
   -------------------------------------------------------------------- */

.long-desc-wood .desc-intro {
	background-color: #eaf1ed;
	border-left: 4px solid #1b4332;
	padding: 18px 22px;
	border-radius: 3px;
	font-size: 16px;
	color: #1b4332;
	margin-bottom: 26px;
}

/* --------------------------------------------------------------------
   3. PARAGRAPHES STANDARD
   -------------------------------------------------------------------- */

.long-desc-wood .desc-paragraph {
	margin-bottom: 18px;
	color: #2b2b2b;
}

.long-desc-wood strong {
	color: #1b4332;
	font-weight: 700;
}

/* --------------------------------------------------------------------
   4. BADGE DE CERTIFICATION (PEFC, FSC...)
   -------------------------------------------------------------------- */

.certification-badge {
	display: inline-block;
	background-color: #c97a34;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 3px 10px;
	border-radius: 12px;
	vertical-align: middle;
}

/* --------------------------------------------------------------------
   5. TITRES DE SECTION
   -------------------------------------------------------------------- */

.long-desc-wood .desc-section-title {
	color: #1b4332;
	font-size: 20px;
	font-weight: 800;
	margin: 38px 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #e0deda;
	position: relative;
}

.long-desc-wood .desc-section-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 60px;
	height: 2px;
	background-color: #c97a34;
}

/* --------------------------------------------------------------------
   6. LISTE DES AVANTAGES TECHNIQUES (cartes)
   -------------------------------------------------------------------- */

.long-desc-wood .desc-advantages-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.long-desc-wood .advantage-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	background-color: #ffffff;
	border: 1px solid #e0deda;
	border-radius: 6px;
	padding: 18px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.long-desc-wood .advantage-item:hover {
	border-color: #c97a34;
	box-shadow: 0 6px 16px rgba(43, 43, 43, 0.08);
}

/* L'emoji d'origine est masqué et remplacé par un repère visuel en CSS pur */
.long-desc-wood .advantage-icon {
	position: relative;
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: #eaf1ed;
	font-size: 0;
	line-height: 0;
	color: transparent;
}

.long-desc-wood .advantage-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #1b4332;
	transform: translate(-50%, -50%);
}

.long-desc-wood .advantage-text {
	flex: 1;
}

.long-desc-wood .advantage-title {
	color: #1b4332;
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 6px 0;
}

.long-desc-wood .advantage-desc {
	color: #6b6b66;
	font-size: 13.5px;
	line-height: 1.6;
	margin: 0;
}

/* --------------------------------------------------------------------
   7. LISTE DES UTILISATIONS RECOMMANDÉES
   -------------------------------------------------------------------- */

.long-desc-wood .desc-uses-list {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.long-desc-wood .use-item {
	position: relative;
	padding: 10px 14px 10px 38px;
	background-color: #f2f2f0;
	border-radius: 4px;
	font-size: 14px;
	color: #2b2b2b;
}

/* Coche dessinée en CSS pur (pas d'emoji, pas d'image) */
.long-desc-wood .use-item::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	width: 8px;
	height: 4px;
	border-left: 2px solid #c97a34;
	border-bottom: 2px solid #c97a34;
	transform: translateY(-65%) rotate(-45deg);
}

/* --------------------------------------------------------------------
   8. CONCLUSION
   -------------------------------------------------------------------- */

.long-desc-wood .desc-conclusion {
	background-color: #f7e9da;
	border-left: 4px solid #c97a34;
	padding: 18px 22px;
	border-radius: 3px;
	color: #2b2b2b;
	margin-top: 30px;
	font-size: 15px;
}

/* --------------------------------------------------------------------
   9. RÉSUMÉ RAPIDE (fiche courte affichée en haut de la page produit)
   -------------------------------------------------------------------- */

.eh-short-desc {
	background-color: #ffffff;
	border: 1px solid #e0deda;
	border-radius: 6px;
	padding: 20px 22px;
	margin-bottom: 20px;
}

.eh-short-desc .eh-quick-specs {
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0;
}

.eh-short-desc .eh-quick-specs li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid #e0deda;
	font-size: 14px;
	color: #2b2b2b;
}

.eh-short-desc .eh-quick-specs li:last-child {
	border-bottom: none;
}

.eh-short-desc .eh-quick-specs li i.fas {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #eaf1ed;
	color: #1b4332;
	border-radius: 50%;
	font-size: 13px;
	flex-shrink: 0;
}

.eh-short-desc .eh-quick-specs li strong {
	color: #1b4332;
	font-weight: 700;
	margin-right: 4px;
}

.eh-short-desc .eh-delivery-notice {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #eaf1ed;
	color: #1b4332;
	font-size: 13.5px;
	font-weight: 600;
	padding: 12px 14px;
	border-radius: 4px;
	margin: 0;
}

.eh-short-desc .eh-delivery-notice i.fas {
	color: #c97a34;
	font-size: 15px;
	flex-shrink: 0;
}

/* --------------------------------------------------------------------
   10. RESPONSIVE
   -------------------------------------------------------------------- */

@media (max-width: 768px) {
	.long-desc-wood .desc-advantages-list,
	.long-desc-wood .desc-uses-list {
		grid-template-columns: 1fr;
	}

	.long-desc-wood .desc-intro {
		font-size: 15px;
		padding: 15px 18px;
	}

	.long-desc-wood .desc-section-title {
		font-size: 18px;
	}
}

/* ==========================================================================
   PAGE PRODUIT — CSS complet (classes existantes du thème Woodmart)
   + Section réassurance (nouvelle, à placer sous l'image produit)
   Couleurs codées en dur. Aucune balise HTML modifiée sur les éléments
   déjà présents. .eh-short-desc et .long-desc-wood sont déjà stylisés
   dans product-description.css — non répétés ici.
   ========================================================================== */

/* Palette :
   Vert sapin       #1b4332
   Vert sapin foncé #143327
   Vert sapin clair #eaf1ed
   Terracotta       #c97a34
   Terracotta foncé #a9642a
   Terracotta clair #f7e9da
   Texte principal  #2b2b2b
   Texte secondaire #6b6b66
   Fond principal   #faf9f6
   Blanc            #ffffff
   Gris clair       #f2f2f0
   Gris bordure     #e0deda
*/

/* --------------------------------------------------------------------
   1. FIL D'ARIANE (BREADCRUMB)
   -------------------------------------------------------------------- */

.wd-breadcrumbs.woocommerce-breadcrumb {
	font-size: 13px;
	color: #6b6b66;
}

.wd-breadcrumbs.woocommerce-breadcrumb a {
	color: #6b6b66;
	transition: color 0.2s ease;
}

.wd-breadcrumbs.woocommerce-breadcrumb a:hover {
	color: #c97a34;
}

.wd-breadcrumbs .wd-delimiter {
	color: #c3bfb5;
	margin: 0 6px;
}

.wd-breadcrumbs .wd-last,
.wd-breadcrumbs .wd-last-link {
	color: #1b4332;
	font-weight: 600;
}

/* --------------------------------------------------------------------
   2. NAVIGATION PRODUIT PRÉCÉDENT / SUIVANT
   -------------------------------------------------------------------- */

.wd-products-nav .wd-product-nav-btn {
	border: 1px solid #e0deda;
	border-radius: 50%;
	background-color: #ffffff;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.wd-products-nav .wd-product-nav-btn:hover {
	border-color: #1b4332;
	background-color: #eaf1ed;
}

.wd-products-nav .wd-btn-back {
	color: #2b2b2b;
	border: 1px solid #e0deda;
	border-radius: 20px;
	padding: 8px 16px;
	font-size: 13px;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.wd-products-nav .wd-btn-back:hover {
	border-color: #c97a34;
	color: #c97a34;
}

.wd-products-nav .wd-dropdown {
	background-color: #ffffff;
	border: 1px solid #e0deda;
	border-radius: 4px;
	box-shadow: 0 10px 24px rgba(43, 43, 43, 0.14);
}

.wd-products-nav .wd-product-nav-desc .wd-entities-title {
	color: #1b4332;
	font-size: 13px;
	font-weight: 600;
}

.wd-products-nav .wd-product-nav-desc .price {
	color: #c97a34;
	font-weight: 700;
}

/* --------------------------------------------------------------------
   3. GALERIE PRODUIT
   -------------------------------------------------------------------- */

.woocommerce-product-gallery {
	border: 1px solid #e0deda;
	border-radius: 6px;
	overflow: hidden;
	background-color: #ffffff;
}

.wd-nav-arrows .wd-btn-arrow {
	background-color: #ffffff;
	border: 1px solid #e0deda;
	color: #1b4332;
	border-radius: 50%;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.wd-nav-arrows .wd-btn-arrow:hover {
	background-color: #1b4332;
	border-color: #1b4332;
	color: #ffffff;
}

/* --------------------------------------------------------------------
   4. SECTION RÉASSURANCE (nouvelle — sous l'image produit)
   -------------------------------------------------------------------- */

.wd-reassurance-section {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin-top: 18px;
	padding: 18px;
	background-color: #ffffff;
	border: 1px solid #e0deda;
	border-radius: 6px;
}

.wd-reassurance-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wd-reassurance-title {
	color: #1b4332;
	font-size: 13.5px;
	font-weight: 700;
	margin: 0 0 3px 0;
}

.wd-reassurance-desc {
	color: #6b6b66;
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
}

/* Cercle commun à toutes les icônes de réassurance */
.wd-reassurance-icon {
	position: relative;
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: #eaf1ed;
}

/* Icône "Livraison" — camion dessiné en CSS pur */
.wd-icon-shipping::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 9px;
	width: 18px;
	height: 10px;
	background-color: #1b4332;
	border-radius: 1px;
}

.wd-icon-shipping::after {
	content: "";
	position: absolute;
	top: 18px;
	left: 27px;
	width: 8px;
	height: 7px;
	background-color: #1b4332;
	border-radius: 0 1px 1px 0;
	box-shadow:
		-15px 10px 0 -8px #eaf1ed,
		4px 8px 0 -6px #ffffff,
		-8px 8px 0 -6px #ffffff;
}

/* Icône "Certifié" — feuille dessinée en CSS pur */
.wd-icon-certified::before {
	content: "";
	position: absolute;
	top: 11px;
	left: 14px;
	width: 14px;
	height: 14px;
	background-color: #1b4332;
	border-radius: 0 60% 0 60%;
	transform: rotate(45deg);
}

.wd-icon-certified::after {
	content: "";
	position: absolute;
	top: 25px;
	left: 20px;
	width: 2px;
	height: 8px;
	background-color: #1b4332;
}

/* Icône "Paiement sécurisé" — cadenas dessiné en CSS pur */
.wd-icon-secure::before {
	content: "";
	position: absolute;
	top: 19px;
	left: 13px;
	width: 16px;
	height: 12px;
	background-color: #1b4332;
	border-radius: 2px;
}

.wd-icon-secure::after {
	content: "";
	position: absolute;
	top: 11px;
	left: 16px;
	width: 10px;
	height: 10px;
	border: 2px solid #1b4332;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
}

/* Icône "Garantie" — bouclier dessiné en CSS pur */
.wd-icon-guarantee::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 13px;
	width: 16px;
	height: 18px;
	background-color: #1b4332;
	clip-path: polygon(50% 0%, 100% 20%, 100% 55%, 50% 100%, 0% 55%, 0% 20%);
}

.wd-icon-guarantee::after {
	content: "";
	position: absolute;
	top: 17px;
	left: 17px;
	width: 6px;
	height: 3px;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(-45deg);
}

/* --------------------------------------------------------------------
   5. TITRE DU PRODUIT
   -------------------------------------------------------------------- */

.wd-single-title .product_title.entry-title {
	color: #1b4332;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.3;
}

/* --------------------------------------------------------------------
   6. PRIX
   -------------------------------------------------------------------- */

.wd-single-price .price .woocommerce-Price-amount {
	color: #c97a34;
	font-size: 30px;
	font-weight: 800;
}

.wd-single-price .price .woocommerce-Price-currencySymbol {
	color: #c97a34;
}

/* --------------------------------------------------------------------
   7. FORMULAIRE D'AJOUT AU PANIER
   -------------------------------------------------------------------- */

.wd-single-add-cart .quantity {
	border: 1px solid #e0deda;
	border-radius: 4px;
	overflow: hidden;
	display: inline-flex;
}

.wd-single-add-cart .quantity .qty {
	border: none;
	color: #2b2b2b;
	text-align: center;
	background-color: #ffffff;
}

.wd-single-add-cart .quantity .btn {
	background-color: #f2f2f0;
	color: #1b4332;
	border: none;
	font-weight: 700;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wd-single-add-cart .quantity .btn:hover {
	background-color: #1b4332;
	color: #ffffff;
}

.wd-single-add-cart .single_add_to_cart_button.button.alt {
	background-color: #1b4332;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	transition: background-color 0.2s ease;
}

.wd-single-add-cart .single_add_to_cart_button.button.alt:hover {
	background-color: #143327;
}

.wd-single-add-cart .wd-buy-now-btn.button.alt {
	background-color: #ffffff;
	color: #c97a34;
	border: 2px solid #c97a34;
	border-radius: 4px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wd-single-add-cart .wd-buy-now-btn.button.alt:hover {
	background-color: #c97a34;
	color: #ffffff;
}

/* Bandeau garantie "Trockenes Holz oder Geld zurück" */
.wd-product-guarantee-text {
	background-color: #eaf1ed;
	border-left: 3px solid #1b4332;
	border-radius: 3px;
	padding: 10px 14px;
	margin-top: 14px;
}

.wd-product-guarantee-text p {
	color: #1b4332;
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

.wd-product-guarantee-text .fa-shield-halved {
	color: #c97a34;
	margin-right: 6px;
}

.wd-product-guarantee-text strong {
	color: #143327;
}

/* Compteur "personnes regardent ce produit" */
.live-viewers-counter {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	padding: 8px 12px;
	background-color: #f7e9da;
	border-radius: 3px;
	font-size: 12.5px;
	color: #a9642a;
}

.live-viewers-counter .fa-eye {
	color: #c97a34;
}

.live-viewers-counter .viewers-number {
	font-weight: 800;
	color: #1b4332;
}

/* --------------------------------------------------------------------
   8. BOUTONS COMPARER / WISHLIST (SOUS LE PANIER)
   -------------------------------------------------------------------- */

.wd-single-action-btn .wd-action-btn a {
	color: #6b6b66;
	font-size: 13px;
	transition: color 0.2s ease;
}

.wd-single-action-btn .wd-action-btn a:hover {
	color: #c97a34;
}

/* --------------------------------------------------------------------
   9. MÉTA PRODUIT (SKU, CATÉGORIE)
   -------------------------------------------------------------------- */

.product_meta {
	border-top: 1px solid #e0deda;
	padding-top: 14px;
	margin-top: 18px;
	font-size: 12.5px;
	color: #6b6b66;
}

.product_meta .meta-label {
	color: #1b4332;
	font-weight: 600;
}

.product_meta a {
	color: #c97a34;
}

.product_meta a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------
   10. ONGLET "BESCHREIBUNG"
   -------------------------------------------------------------------- */

.wd-single-tabs .wd-all-open-title.title {
	color: #1b4332;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-bottom: 2px solid #e0deda;
	padding-bottom: 12px;
	position: relative;
}

.wd-single-tabs .wd-all-open-title.title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 50px;
	height: 2px;
	background-color: #c97a34;
}

/* --------------------------------------------------------------------
   11. TITRE "ÄHNLICHE PRODUKTE"
   -------------------------------------------------------------------- */

.title-wrapper .woodmart-title-container.title {
	color: #1b4332;
	font-weight: 800;
}

.wd-underline-colored .liner-continer::after {
	background-color: #c97a34;
}

/* --------------------------------------------------------------------
   12. CARROUSEL "PRODUITS SIMILAIRES"
   -------------------------------------------------------------------- */

.wd-products .wd-product .product-wrapper {
	border: 1px solid #e0deda;
	border-radius: 6px;
	overflow: hidden;
	background-color: #ffffff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wd-products .wd-product .product-wrapper:hover {
	border-color: #c97a34;
	box-shadow: 0 8px 20px rgba(43, 43, 43, 0.1);
}

.wd-products .wd-product .wd-entities-title a {
	color: #1b4332;
	font-size: 14px;
	font-weight: 600;
	transition: color 0.2s ease;
}

.wd-products .wd-product .wd-entities-title a:hover {
	color: #c97a34;
}

.wd-products .wd-product .wd-product-cats a {
	color: #6b6b66;
	font-size: 12px;
}

.wd-products .wd-product .price .woocommerce-Price-amount {
	color: #c97a34;
	font-weight: 700;
}

.wd-products .wd-product .wd-add-btn .add_to_cart_button {
	background-color: #1b4332;
	color: #ffffff;
	border-radius: 4px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.03em;
	transition: background-color 0.2s ease;
}

.wd-products .wd-product .wd-add-btn .add_to_cart_button:hover {
	background-color: #c97a34;
}

.wd-products .wd-product .wd-action-btn a {
	background-color: #ffffff;
	border: 1px solid #e0deda;
	color: #1b4332;
	border-radius: 50%;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wd-products .wd-product .wd-action-btn a:hover {
	background-color: #1b4332;
	border-color: #1b4332;
	color: #ffffff;
}

/* Flèches et pagination du carrousel */
.wd-nav-pagin-wrap .wd-nav-pagin-item span {
	background-color: #e0deda;
}

.wd-nav-pagin-wrap .wd-nav-pagin-item.wd-active span {
	background-color: #c97a34;
}

/* --------------------------------------------------------------------
   13. RESPONSIVE
   -------------------------------------------------------------------- */

@media (max-width: 768px) {
	.wd-reassurance-section {
		grid-template-columns: 1fr;
	}

	.wd-single-title .product_title.entry-title {
		font-size: 21px;
	}

	.wd-single-price .price .woocommerce-Price-amount {
		font-size: 24px;
	}
}

/* ==========================================================================
   CATEGORY BRENNHOLZPALETTEN - COMBINED CSS (MAX-WIDTH 1200PX)
   ========================================================================== */

.cat-brenn-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    font-family: 'Roboto', sans-serif;
    color: var(--color-dark);
    line-height: 1.8;
}

/* --------------------------------------------------------------------------
   SECTION 1 : HERO CATEGORIE
   -------------------------------------------------------------------------- */
.cat-brenn-hero {
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: 4.5rem 1.5rem;
    margin-bottom: 3.5rem;
}

.cat-brenn-hero__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.cat-brenn-tag {
    font-family: 'Barlow', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--color-secondary);
    display: block;
    margin-bottom: 0.75rem;
}

.cat-brenn-hero h1 {
    font-family: 'Barlow', sans-serif;
    font-size: 3rem;
    color: var(--color-white);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1.25rem;
}

.cat-brenn-lead {
    font-size: 1.15rem;
    color: #cbdad5;
    max-width: 900px;
    margin-bottom: 2rem;
}

.cat-brenn-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.brenn-badge {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 3px;
    font-family: 'Barlow', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-white);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.brenn-badge i {
    color: var(--color-secondary);
}

/* --------------------------------------------------------------------------
   SECTION 2 : GRILLE DE PRODUITS
   -------------------------------------------------------------------------- */
.cat-brenn-products {
    margin-bottom: 5rem;
}

.cat-brenn-header {
    border-bottom: 2px solid var(--color-primary);
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}

.cat-brenn-header h2 {
    font-family: 'Barlow', sans-serif;
    font-size: 2rem;
    color: var(--color-primary);
    font-weight: 800;
    margin-bottom: 0.25rem;
}

.cat-brenn-header p {
    color: #666;
    margin: 0;
}

/* Grille de cartes asymétriques */
.cat-brenn-grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.cat-brenn-card {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-border);
    border-radius: 4px;
    display: grid;
    grid-template-columns: 320px 1fr;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.cat-brenn-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
}

.cat-brenn-card__image {
    background-color: var(--color-gray-light);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.cat-brenn-card__image img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.cat-brenn-card__content {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cat-brenn-spec {
    font-family: 'Barlow', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-secondary);
    letter-spacing: 1px;
    display: block;
    margin-bottom: 0.5rem;
}

.cat-brenn-card__content h3 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.5rem;
    color: var(--color-primary);
    font-weight: 800;
    margin-bottom: 1rem;
}

.cat-brenn-card__content p {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 1.5rem;
}

.cat-brenn-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--color-gray-border);
    padding-top: 1.25rem;
    font-size: 0.85rem;
    color: #777;
    font-weight: 500;
}

.cat-brenn-btn {
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: 0.65rem 1.5rem;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.cat-brenn-btn:hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
}

/* --------------------------------------------------------------------------
   SECTION 3 : DETAIL PRODUIT & AVANTAGES
   -------------------------------------------------------------------------- */
.cat-brenn-details {
    margin-bottom: 5rem;
}

.cat-brenn-details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.cat-brenn-details-box {
    background-color: var(--color-gray-light);
    border: 1px solid var(--color-gray-border);
    padding: 3rem;
    border-radius: 4px;
}

.cat-brenn-details-box--accent {
    background-color: var(--color-white);
    border-left: 5px solid var(--color-primary);
}

.cat-brenn-details-box h2 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.6rem;
    color: var(--color-primary);
    font-weight: 800;
    margin-bottom: 1.25rem;
}

.cat-brenn-details-box p {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 1rem;
}

.cat-brenn-details-box p strong {
    color: var(--color-primary);
}

.cat-brenn-details-box p:last-child {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   RESPONSIVE DESIGN
   -------------------------------------------------------------------------- */
@media (max-width: 992px) {
    .cat-brenn-card {
        grid-template-columns: 1fr;
    }

    .cat-brenn-details-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .cat-brenn-hero {
        padding: 2.5rem 1rem;
    }

    .cat-brenn-hero h1 {
        font-size: 2.2rem;
    }

    .cat-brenn-card__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .cat-brenn-btn {
        width: 100%;
        justify-content: center;
    }

    .cat-brenn-details-box {
        padding: 1.5rem;
    }
}