@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//borde-brennholz.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.2") format("woff2");
}

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

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

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--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: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(203,141,79);
	--wd-alternative-color: rgb(204,165,126);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(203,141,79);
	--btn-accented-bgcolor-hover: rgb(204,182,165);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://borde-brennholz.com/wp-content/uploads/2021/09/retail-popup-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://borde-brennholz.com/wp-content/uploads/2022/09/1-PELleTE-DE-BOIS.png);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(255,240,214);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 16px;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

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


/* ============================================================
   BÖRDE-BRENNHOLZ — GLOBAL PRODUCT PAGE CSS
   Brand color: #dc5a14 | Design system: bb-wrap / cr-wrap
   ============================================================ */

/* === RESET & BASE === */
.bb-wrap *, .cr-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.bb-wrap, .cr-wrap { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #1a1a1a; line-height: 1.6; }

/* === HERO BLOCK === */
.bb-hero, .cr-hero {
  background: linear-gradient(135deg, #1a0d00 0%, #2d1a00 50%, #1a0d00 100%);
  color: #fff; border-radius: 16px; padding: 48px 40px; margin-bottom: 32px;
  position: relative; overflow: hidden;
}
.cr-hero { background: linear-gradient(135deg, #1a0d00 0%, #2d1a00 50%, #1a0d00 100%); }
.bb-hero::before, .cr-hero::before {
  content: ''; position: absolute; top: -50%; right: -10%; width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(220,90,20,0.15) 0%, transparent 70%);
  border-radius: 50%;
}
.bb-badge, .cr-badge {
  display: inline-block; background: #dc5a14; color: #fff; font-size: 11px;
  font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  padding: 6px 16px; border-radius: 20px; margin-bottom: 20px;
}
.bb-htitle, .cr-htitle {
  font-size: clamp(24px, 4vw, 38px); font-weight: 800; line-height: 1.2;
  margin-bottom: 16px; color: #fff;
}
.bb-hsub, .cr-hsub { font-size: 16px; color: rgba(255,255,255,0.75); margin-bottom: 28px; max-width: 600px; }
.bb-pricebox, .cr-pricebox {
  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px; padding: 20px 28px; display: inline-block; backdrop-filter: blur(10px);
}
.bb-price-main, .cr-price-main { font-size: 36px; font-weight: 800; color: #dc5a14; }
.bb-price-reg, .cr-price-reg { font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: line-through; }
.bb-price-save, .cr-price-save {
  display: inline-block; background: #dc5a14; color: #fff; font-size: 12px;
  font-weight: 700; padding: 3px 10px; border-radius: 12px; margin-top: 6px;
}

/* === SPECS GRID === */
.bb-specs, .cr-specs {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 32px;
}
.bb-spec, .cr-spec {
  background: #f8f5f2; border-radius: 12px; padding: 20px 16px; text-align: center;
  border-top: 3px solid #dc5a14;
}
.bb-spec-icon, .cr-spec-icon { font-size: 28px; margin-bottom: 8px; }
.bb-spec-val, .cr-spec-val { font-size: 22px; font-weight: 800; color: #dc5a14; }
.bb-spec-lbl, .cr-spec-lbl { font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 1px; }

/* === SECTION TITLES === */
.bb-stitle, .cr-stitle {
  font-size: 22px; font-weight: 800; color: #1a1a1a; margin-bottom: 20px;
  padding-bottom: 10px; border-bottom: 3px solid #dc5a14;
}

/* === WOOD SPECIES / FEATURES CARDS === */
.bb-woods, .cr-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 32px; }
.bb-wood, .cr-feature {
  background: #fff; border: 1px solid #e8e0d8; border-radius: 12px; padding: 20px;
  text-align: center; transition: transform 0.2s, box-shadow 0.2s;
}
.bb-wood:hover, .cr-feature:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(220,90,20,0.12); }
.bb-wood-icon, .cr-feature-icon { font-size: 32px; margin-bottom: 10px; }
.bb-wood-name, .cr-feature-name { font-size: 15px; font-weight: 700; margin-bottom: 6px; }
.bb-wood-desc, .cr-feature-desc { font-size: 13px; color: #666; }

/* === BENEFITS GRID === */
.bb-benefits, .cr-benefits { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 32px; }
.bb-benefit, .cr-benefit {
  background: #fff; border: 1px solid #e8e0d8; border-radius: 12px; padding: 20px;
  display: flex; gap: 16px; align-items: flex-start;
}
.bb-benefit-icon, .cr-benefit-icon { font-size: 28px; flex-shrink: 0; }
.bb-benefit-title, .cr-benefit-title { font-size: 15px; font-weight: 700; margin-bottom: 6px; }
.bb-benefit-desc, .cr-benefit-desc { font-size: 13px; color: #555; }

/* === DATA TABLE === */
.bb-table, .cr-table { width: 100%; border-collapse: collapse; margin-bottom: 32px; border-radius: 12px; overflow: hidden; }
.bb-table thead th, .cr-table thead th {
  background: #1a0d00; color: #fff; padding: 14px 18px; text-align: left; font-size: 13px; text-transform: uppercase; letter-spacing: 1px;
}
.bb-table tbody tr:nth-child(even), .cr-table tbody tr:nth-child(even) { background: #f8f5f2; }
.bb-table tbody tr:nth-child(odd), .cr-table tbody tr:nth-child(odd) { background: #fff; }
.bb-table tbody td, .cr-table tbody td { padding: 12px 18px; font-size: 14px; border-bottom: 1px solid #e8e0d8; }
.bb-table tbody td:first-child, .cr-table tbody td:first-child { font-weight: 600; color: #1a1a1a; }
.bb-table tbody td:last-child, .cr-table tbody td:last-child { color: #dc5a14; font-weight: 600; }

/* === CERTIFICATIONS === */
.bb-certs, .cr-certs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 32px; }
.bb-cert, .cr-cert {
  background: #fff; border: 1px solid #e8e0d8; border-left: 4px solid #dc5a14;
  border-radius: 8px; padding: 16px 20px;
}
.bb-cert-name, .cr-cert-name { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.bb-cert-desc, .cr-cert-desc { font-size: 12px; color: #666; }

/* === DELIVERY BLOCK === */
.bb-delivery, .cr-delivery {
  background: linear-gradient(135deg, #1a0d00, #2d1a00); color: #fff;
  border-radius: 16px; padding: 36px 40px; margin-bottom: 32px;
}
.bb-delivery-grid, .cr-delivery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.bb-delivery-item, .cr-delivery-item { text-align: center; }
.bb-delivery-icon, .cr-delivery-icon { font-size: 36px; margin-bottom: 12px; }
.bb-delivery-title, .cr-delivery-title { font-size: 15px; font-weight: 700; margin-bottom: 6px; }
.bb-delivery-desc, .cr-delivery-desc { font-size: 13px; color: rgba(255,255,255,0.7); }

/* === REASSURANCE STRIP === */
.bb-reassurance, .cr-reassurance {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
  background: #f8f5f2; border-radius: 12px; padding: 24px; margin-bottom: 32px;
}
.bb-reassurance-item, .cr-reassurance-item { text-align: center; }
.bb-reassurance-icon, .cr-reassurance-icon { font-size: 28px; margin-bottom: 8px; }
.bb-reassurance-text, .cr-reassurance-text { font-size: 13px; font-weight: 600; color: #333; }

/* === VOLUME DISCOUNTS === */
.bb-discounts, .cr-discounts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 32px; }
.bb-discount, .cr-discount {
  background: #fff; border: 2px solid #e8e0d8; border-radius: 12px; padding: 20px;
  text-align: center; transition: border-color 0.2s;
}
.bb-discount:hover, .cr-discount:hover { border-color: #dc5a14; }
.bb-discount-qty, .cr-discount-qty { font-size: 13px; color: #666; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; }
.bb-discount-pct, .cr-discount-pct { font-size: 28px; font-weight: 800; color: #dc5a14; }
.bb-discount-save, .cr-discount-save { font-size: 13px; color: #555; margin-top: 4px; }

/* === FAQ === */
.bb-faq, .cr-faq { margin-bottom: 32px; }
.bb-faq-item, .cr-faq-item {
  background: #fff; border: 1px solid #e8e0d8; border-radius: 10px;
  padding: 20px; margin-bottom: 12px;
}
.bb-faq-q, .cr-faq-q { font-size: 15px; font-weight: 700; margin-bottom: 10px; color: #1a1a1a; }
.bb-faq-q::before, .cr-faq-q::before { content: 'Q: '; color: #dc5a14; }
.bb-faq-a, .cr-faq-a { font-size: 14px; color: #555; }

/* === REVIEWS === */
.bb-reviews, .cr-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 32px; }
.bb-review, .cr-review {
  background: #fff; border: 1px solid #e8e0d8; border-radius: 12px; padding: 20px;
}
.bb-review-stars, .cr-review-stars { color: #f59e0b; font-size: 16px; margin-bottom: 10px; }
.bb-review-text, .cr-review-text { font-size: 13px; color: #555; margin-bottom: 12px; font-style: italic; }
.bb-review-author, .cr-review-author { font-size: 13px; font-weight: 700; color: #1a1a1a; }
.bb-review-date, .cr-review-date { font-size: 12px; color: #999; }

/* === FINAL CTA === */
.bb-cta, .cr-cta {
  background: linear-gradient(135deg, #dc5a14, #e8740a); color: #fff;
  border-radius: 16px; padding: 40px; text-align: center; margin-bottom: 24px;
}
.bb-cta h3, .cr-cta h3 { font-size: 24px; font-weight: 800; margin-bottom: 12px; }
.bb-cta p, .cr-cta p { font-size: 15px; opacity: 0.9; margin-bottom: 24px; }
.bb-cta-btn, .cr-cta-btn {
  display: inline-block; background: #fff; color: #dc5a14; font-weight: 800;
  font-size: 16px; padding: 16px 40px; border-radius: 50px; text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}
.bb-cta-btn:hover, .cr-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }

/* === RESPONSIVE === */
@media (max-width: 680px) {
  .bb-specs, .cr-specs { grid-template-columns: repeat(2, 1fr); }
  .bb-woods, .cr-features { grid-template-columns: repeat(2, 1fr); }
  .bb-benefits, .cr-benefits { grid-template-columns: 1fr; }
  .bb-certs, .cr-certs { grid-template-columns: repeat(2, 1fr); }
  .bb-delivery-grid, .cr-delivery-grid { grid-template-columns: 1fr; }
  .bb-reassurance, .cr-reassurance { grid-template-columns: repeat(2, 1fr); }
  .bb-discounts, .cr-discounts { grid-template-columns: 1fr; }
  .bb-reviews, .cr-reviews { grid-template-columns: 1fr; }
  .bb-hero, .cr-hero { padding: 32px 24px; }
}