/*
Theme Name: hr-duurzaam-webshop
Text Domain: hr-duurzaam-webshop
Description: Schone, snelle en professionele WooCommerce-webshop voor HR Duurzaam, met duidelijke header, webshopnavigatie, homepage en footer. Bestaande WooCommerce-producten blijven behouden.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Buffervaten HERO — exact dezelfde basisstijl als Elektrische boilers en Elektrisch verwarmen */
.hrd-landing-buffer .hrd-buffer-landing-hero{width:min(1200px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:48% 52%;background:#edf6fb;border-radius:8px;overflow:hidden;min-height:360px;border:0;box-shadow:none}
.hrd-landing-buffer .hrd-buffer-landing-hero-copy{padding:48px 35px;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;position:relative;z-index:2}
.hrd-landing-buffer .hrd-buffer-eyebrow{margin:0 0 8px;color:#42a84f;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hrd-landing-buffer .hrd-buffer-landing-hero-copy h1{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.04em;color:#103b5b;margin:0 0 17px;max-width:620px}
.hrd-landing-buffer .hrd-buffer-landing-hero-copy>p:not(.hrd-buffer-eyebrow){font-size:17px;line-height:1.5;color:#466276;max-width:620px;margin:0 0 22px}
.hrd-landing-buffer .hrd-buffer-hero-benefits{display:none}
.hrd-landing-buffer .hrd-buffer-actions{display:flex;gap:10px;flex-wrap:wrap}
.hrd-landing-buffer .hrd-btn-primary,.hrd-landing-buffer .hrd-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:4px;font-weight:800;font-size:14px;text-decoration:none}
.hrd-landing-buffer .hrd-btn-primary{background:#42a84f;color:#fff}.hrd-landing-buffer .hrd-btn-secondary{background:#fff;color:#12324a;border:1px solid #cbdde6}
.hrd-landing-buffer .hrd-buffer-landing-hero-media{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:0;overflow:hidden;box-shadow:none}
.hrd-landing-buffer .hrd-buffer-landing-slide{position:absolute;inset:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;padding:25px}
.hrd-landing-buffer .hrd-buffer-landing-hero-media:after{display:none}
.hrd-landing-buffer .hrd-buffer-hero-callout,.hrd-landing-buffer .hrd-buffer-landing-hero-media:before{display:none}
@media(max-width:760px){.hrd-landing-buffer .hrd-buffer-landing-hero{width:100%;grid-template-columns:1fr;border-radius:8px}.hrd-landing-buffer .hrd-buffer-landing-hero-copy{padding:32px 22px 22px}.hrd-landing-buffer .hrd-buffer-landing-hero-copy h1{font-size:37px}.hrd-landing-buffer .hrd-buffer-landing-hero-copy>p:not(.hrd-buffer-eyebrow){font-size:15px}.hrd-landing-buffer .hrd-buffer-landing-hero-media{min-height:230px}.hrd-landing-buffer .hrd-buffer-landing-slide{padding:10px 20px}}
@media(max-width:560px){.hrd-landing-buffer .hrd-buffer-landing-hero-copy{padding:30px 18px 20px}.hrd-landing-buffer .hrd-buffer-landing-hero-copy h1{font-size:34px}.hrd-landing-buffer .hrd-buffer-actions{flex-direction:column;align-items:stretch;width:100%}.hrd-landing-buffer .hrd-btn-primary,.hrd-landing-buffer .hrd-btn-secondary{width:100%}.hrd-landing-buffer .hrd-buffer-landing-hero-media{min-height:220px}}

/* HR Duurzaam — Buffervaten landing page */
.hrd-buffer-landing-page{background:#fff;color:#12324a;font-family:inherit;line-height:1.6}
.hrd-buffer-landing-page *{box-sizing:border-box}
.hrd-wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.hrd-buffer-landing-page .eyebrow,.hrd-buffer-eyebrow{margin:0 0 8px;color:#42a84f;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hrd-buffer-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf6fb 0%,#fff 65%);border-bottom:1px solid #e2edf3}
.hrd-buffer-hero-inner{min-height:470px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:55px 0}
.hrd-buffer-hero-copy h1{margin:0 0 18px;font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.035em;color:#12324a}
.hrd-buffer-hero-copy>p:not(.eyebrow){max-width:620px;margin:0 0 26px;font-size:18px;color:#456273}
.hrd-buttons{display:flex;flex-wrap:wrap;gap:12px}
.hrd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;text-decoration:none!important;font-weight:750;transition:transform .2s ease,box-shadow .2s ease}
.hrd-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(18,50,74,.12)}
.hrd-btn-green{background:#42a84f;color:#fff!important}.hrd-btn-light{background:#fff;color:#12324a!important;border:1px solid #cbdde6}
.hrd-buffer-hero-media{position:relative;min-height:360px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 16px 45px rgba(18,50,74,.12)}
.hrd-buffer-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px;opacity:0;animation:hrdBufferHero 16s infinite;background:#fff}
.hrd-buffer-hero-slide:nth-of-type(1){animation-delay:0s}.hrd-buffer-hero-slide:nth-of-type(2){animation-delay:4s}.hrd-buffer-hero-slide:nth-of-type(3){animation-delay:8s}.hrd-buffer-hero-slide:nth-of-type(4){animation-delay:12s}
@keyframes hrdBufferHero{0%,22%{opacity:1}25%,100%{opacity:0}}
.hrd-buffer-hero-label{position:absolute;left:18px;bottom:18px;background:#12324a;color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.hrd-buffer-hero-dots{position:absolute;right:18px;bottom:22px;display:flex;gap:6px}.hrd-buffer-hero-dots span{width:7px;height:7px;border-radius:50%;background:#42a84f}
.hrd-buffer-featured-products{padding:55px 0 10px}
.hrd-buffer-product-section{padding:0 0 52px}.hrd-buffer-product-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.hrd-buffer-product-heading h2{margin:0;color:#12324a;font-size:27px;line-height:1.2}.hrd-buffer-product-heading>a{color:#0b4f73;font-weight:750;text-decoration:none;white-space:nowrap}.hrd-buffer-product-heading>a:hover{text-decoration:underline}
.hrd-buffer-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hrd-buffer-featured-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e0e9ee;border-radius:12px;overflow:hidden;box-shadow:0 3px 14px rgba(18,50,74,.06);transition:transform .2s ease,box-shadow .2s ease}.hrd-buffer-featured-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,50,74,.11)}
.hrd-buffer-featured-image{height:245px;display:flex;align-items:center;justify-content:center;padding:20px;background:#f7fafb}.hrd-buffer-featured-image img{width:100%;height:100%;object-fit:contain}.hrd-buffer-featured-body{display:flex;flex:1;flex-direction:column;padding:16px}.hrd-buffer-product-meta{font-size:11px;font-weight:800;letter-spacing:.07em;color:#6c8492;text-transform:uppercase}.hrd-buffer-featured-body h3{margin:7px 0 14px;font-size:16px;line-height:1.35}.hrd-buffer-featured-body h3 a{color:#12324a;text-decoration:none}.hrd-buffer-featured-body h3 a:hover{color:#0b4f73}.hrd-buffer-featured-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}.hrd-buffer-price{font-size:17px;font-weight:800;color:#12324a}.hrd-buffer-price del{font-size:12px;color:#8a9aa4;margin-right:4px}.hrd-buffer-price ins{text-decoration:none}.hrd-buffer-view{font-size:13px;color:#0b4f73;font-weight:750;text-decoration:none;white-space:nowrap}
.hrd-buffer-landing-page #buffervaten-assortiment{padding:35px 0 20px}.hrd-buffer-landing-page #buffervaten-assortiment>section,.hrd-buffer-landing-page #buffervaten-assortiment>div{margin-bottom:30px}
.hrd-buffer-landing-page .wp-block-heading{color:#12324a}.hrd-buffer-landing-page p{color:#456273}.hrd-buffer-landing-page a{transition:color .2s ease}
.hrd-buffer-landing-page img{max-width:100%}
@media(max-width:900px){.hrd-buffer-hero-inner{grid-template-columns:1fr;min-height:auto;padding:40px 0}.hrd-buffer-hero-media{min-height:330px}.hrd-buffer-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hrd-wrap{width:min(100% - 28px,1200px)}}
@media(max-width:560px){.hrd-buffer-hero-copy h1{font-size:34px}.hrd-buffer-hero-copy>p:not(.eyebrow){font-size:16px}.hrd-buffer-hero-media{min-height:260px;border-radius:12px}.hrd-buffer-featured-grid{grid-template-columns:1fr;gap:14px}.hrd-buffer-featured-image{height:230px}.hrd-buffer-product-heading{align-items:flex-start;flex-direction:column;gap:8px}.hrd-buffer-product-heading h2{font-size:23px}.hrd-buttons{flex-direction:column;align-items:stretch}.hrd-btn{width:100%}}

/* Buffervaten landing content classes used by the published page */
.hrd-landing-buffer{width:100%;background:#fff;color:#12324a}
.hrd-buffer-landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;padding:60px max(20px,calc((100% - 1200px)/2));background:linear-gradient(135deg,#edf6fb 0%,#fff 72%);border-bottom:1px solid #e1edf3}
.hrd-buffer-landing-hero-copy{min-width:0}.hrd-buffer-landing-hero-copy h1{margin:0 0 18px;font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-.035em;color:#12324a}.hrd-buffer-landing-hero-copy>p:not(.hrd-buffer-eyebrow){margin:0 0 26px;max-width:600px;font-size:18px;color:#456273}
.hrd-buffer-actions{display:flex;flex-wrap:wrap;gap:12px}.hrd-btn-primary,.hrd-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:8px;text-decoration:none!important;font-weight:750}.hrd-btn-primary{background:#42a84f;color:#fff!important}.hrd-btn-secondary{background:#fff;color:#12324a!important;border:1px solid #cbdde6}
.hrd-buffer-landing-hero-media{position:relative;min-height:390px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 16px 45px rgba(18,50,74,.12)}
.hrd-buffer-landing-slide{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0;animation:hrdBufferLanding 12s infinite;background-color:#fff}.hrd-buffer-landing-slide:nth-child(1){animation-delay:0s}.hrd-buffer-landing-slide:nth-child(2){animation-delay:4s}.hrd-buffer-landing-slide:nth-child(3){animation-delay:8s}@keyframes hrdBufferLanding{0%,29%{opacity:1}33%,100%{opacity:0}}
.hrd-buffer-intro{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:58px 0 35px}.hrd-buffer-intro>div{max-width:850px}.hrd-buffer-eyebrow{display:block;margin:0 0 8px;color:#42a84f;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hrd-buffer-intro h2{margin:0 0 12px;font-size:32px;line-height:1.2;color:#12324a}.hrd-buffer-intro p{margin:0;color:#456273;font-size:17px}
.hrd-landing-buffer .hrd-buffer-featured-products{width:min(1200px,calc(100% - 40px));padding:25px 0 10px}.hrd-landing-buffer .hrd-buffer-product-section{padding-bottom:50px}.hrd-landing-buffer .hrd-buffer-product-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.hrd-landing-buffer .hrd-buffer-product-heading h2{margin:0;color:#12324a;font-size:27px;line-height:1.2}.hrd-landing-buffer .hrd-buffer-product-heading>a{color:#0b4f73;font-weight:750;text-decoration:none;white-space:nowrap}.hrd-landing-buffer .hrd-buffer-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hrd-landing-buffer .hrd-buffer-featured-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e0e9ee;border-radius:12px;overflow:hidden;box-shadow:0 3px 14px rgba(18,50,74,.06)}.hrd-landing-buffer .hrd-buffer-featured-image{height:245px;display:flex;align-items:center;justify-content:center;padding:20px;background:#f7fafb}.hrd-landing-buffer .hrd-buffer-featured-image img{width:100%;height:100%;object-fit:contain}.hrd-landing-buffer .hrd-buffer-featured-body{display:flex;flex:1;flex-direction:column;padding:16px}.hrd-landing-buffer .hrd-buffer-featured-body h3{margin:7px 0 14px;font-size:16px;line-height:1.35}.hrd-landing-buffer .hrd-buffer-featured-body h3 a{color:#12324a;text-decoration:none}.hrd-landing-buffer .hrd-buffer-featured-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}.hrd-landing-buffer .hrd-buffer-price{font-size:17px;font-weight:800;color:#12324a}.hrd-landing-buffer .hrd-buffer-view{font-size:13px;color:#0b4f73;font-weight:750;text-decoration:none;white-space:nowrap}

/* HERO gelijk aan Elektrische boilers / Elektrisch verwarmen */
.hrd-landing-buffer .hrd-buffer-landing-hero{width:min(1200px,calc(100% - 40px))!important;margin:0 auto!important;display:grid!important;grid-template-columns:48% 52%!important;gap:0!important;align-items:stretch!important;min-height:360px!important;padding:0!important;background:#edf6fb!important;border-radius:8px!important;overflow:hidden!important;border-bottom:0!important}
.hrd-landing-buffer .hrd-buffer-landing-hero-copy{padding:48px 35px!important;display:flex!important;justify-content:center!important;flex-direction:column!important;min-width:0!important}
.hrd-landing-buffer .hrd-buffer-landing-hero-copy h1{font-size:clamp(34px,4vw,54px)!important;line-height:1.05!important;letter-spacing:-.04em!important;color:#103b5b!important;margin:0 0 17px!important}
.hrd-landing-buffer .hrd-buffer-landing-hero-copy>p:not(.hrd-buffer-eyebrow){font-size:17px!important;line-height:1.6!important;color:#466276!important;max-width:620px!important;margin:0 0 22px!important}
.hrd-landing-buffer .hrd-buffer-hero-benefits{display:none!important}
.hrd-landing-buffer .hrd-buffer-landing-hero-media{min-height:360px!important;height:auto!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;position:relative!important}
.hrd-landing-buffer .hrd-buffer-landing-slide{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;padding:25px!important}
.hrd-landing-buffer .hrd-buffer-hero-callout{display:none!important}
@media(max-width:760px){.hrd-landing-buffer .hrd-buffer-landing-hero{width:min(100% - 28px,1200px)!important;grid-template-columns:1fr!important;min-height:auto!important}.hrd-landing-buffer .hrd-buffer-landing-hero-copy{padding:32px 22px 22px!important}.hrd-landing-buffer .hrd-buffer-landing-hero-copy h1{font-size:37px!important}.hrd-landing-buffer .hrd-buffer-landing-hero-media{min-height:230px!important}.hrd-landing-buffer .hrd-buffer-landing-slide{padding:10px 20px!important}}
/* Generic lower-page blocks: keeps the existing content readable even when their editor classes differ. */
.hrd-landing-buffer>section:not(.hrd-buffer-landing-hero):not(.hrd-buffer-intro){width:min(1200px,calc(100% - 40px));margin-inline:auto}.hrd-landing-buffer h2{color:#12324a}.hrd-landing-buffer a{color:#0b4f73}.hrd-landing-buffer img{max-width:100%}.hrd-landing-buffer ul{padding-left:20px}.hrd-landing-buffer .hrd-buffer-category-grid,.hrd-landing-buffer .hrd-buffer-categories,.hrd-landing-buffer .hrd-buffer-landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0 50px}.hrd-landing-buffer .hrd-buffer-category-card,.hrd-landing-buffer .hrd-buffer-cat-card{display:flex;flex-direction:column;justify-content:center;min-height:145px;padding:24px;background:#fff;border:1px solid #dfe9ee;border-radius:12px;box-shadow:0 3px 14px rgba(18,50,74,.06);text-decoration:none}.hrd-landing-buffer .hrd-buffer-category-card strong,.hrd-landing-buffer .hrd-buffer-cat-card strong{font-size:18px;color:#12324a}.hrd-landing-buffer .hrd-buffer-category-card span{display:block;margin:9px 0 14px;color:#456273;font-size:14px;line-height:1.5}.hrd-landing-buffer .hrd-buffer-category-card b{color:#0b4f73;font-size:13px}.hrd-landing-buffer .hrd-buffer-cta,.hrd-landing-buffer .hrd-buffer-product-cta{margin:20px auto 55px;padding:38px;border-radius:16px;background:#edf6fb;text-align:center}.hrd-landing-buffer .hrd-buffer-cta h2,.hrd-landing-buffer .hrd-buffer-product-cta h2{margin-top:0}.hrd-landing-buffer .hrd-buffer-faq{margin:20px auto 60px}.hrd-landing-buffer details{border-bottom:1px solid #dfe9ee;padding:18px 0}.hrd-landing-buffer summary{cursor:pointer;font-weight:750;color:#12324a}
@media(max-width:900px){.hrd-buffer-landing-hero{grid-template-columns:1fr;padding:42px max(14px,calc((100% - 700px)/2))}.hrd-buffer-landing-hero-media{min-height:320px}.hrd-landing-buffer .hrd-buffer-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hrd-landing-buffer .hrd-buffer-category-grid,.hrd-landing-buffer .hrd-buffer-categories,.hrd-landing-buffer .hrd-buffer-landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hrd-buffer-landing-hero-copy h1{font-size:34px}.hrd-buffer-landing-hero-copy>p:not(.hrd-buffer-eyebrow){font-size:16px}.hrd-buffer-landing-hero-media{min-height:260px;border-radius:12px}.hrd-buffer-actions{flex-direction:column}.hrd-btn-primary,.hrd-btn-secondary{width:100%}.hrd-buffer-intro{width:calc(100% - 28px);padding:42px 0 25px}.hrd-buffer-intro h2{font-size:25px}.hrd-landing-buffer .hrd-buffer-featured-products{width:calc(100% - 28px)}.hrd-landing-buffer .hrd-buffer-featured-grid{grid-template-columns:1fr}.hrd-landing-buffer .hrd-buffer-featured-image{height:230px}.hrd-landing-buffer .hrd-buffer-product-heading{align-items:flex-start;flex-direction:column;gap:8px}.hrd-landing-buffer .hrd-buffer-product-heading h2{font-size:23px}.hrd-landing-buffer .hrd-buffer-category-grid,.hrd-landing-buffer .hrd-buffer-categories,.hrd-landing-buffer .hrd-buffer-landing-grid{grid-template-columns:1fr}.hrd-landing-buffer>section:not(.hrd-buffer-landing-hero):not(.hrd-buffer-intro){width:calc(100% - 28px)}}

/* Buffervaten hero: exact same visual structure as the Elektrische boilers / Elektrisch verwarmen hero. */

/* Homepage feature cards — clean two-column composition, matching heights and controlled text overlay. */
.hrd-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.hrd-feature-grid .hrd-feature{position:relative;height:360px;min-height:360px;overflow:hidden;border-radius:8px;background:#edf4f7;isolation:isolate}
.hrd-feature-grid .hrd-feature>img:first-child{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hrd-feature-grid .hrd-feature:first-child>img:first-child{object-fit:contain;object-position:72% center;background:#fff}
.hrd-feature-grid .hrd-feature:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.86) 34%,rgba(255,255,255,.15) 67%,rgba(255,255,255,0) 100%);pointer-events:none}
.hrd-feature-grid .hrd-feature-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px 36px;max-width:64%}
.hrd-feature-grid .hrd-feature h2{margin:0 0 8px;color:#12324a;font-size:clamp(25px,2.4vw,34px);line-height:1.08;letter-spacing:-.025em}
.hrd-feature-grid .hrd-feature p:not(.eyebrow){margin:0 0 16px;color:#466276;max-width:410px;line-height:1.45;font-size:16px}
.hrd-feature-grid .hrd-feature a{display:inline-flex;align-items:center;background:#fff;border:1px solid #cbdde6;padding:11px 16px;border-radius:5px;color:#12324a;font-weight:800;text-decoration:none;box-shadow:0 3px 10px rgba(18,50,74,.08)}
.hrd-feature-grid .hrd-feature .eyebrow{margin:0 0 8px;color:#42a84f;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.hrd-feature-grid{grid-template-columns:1fr}.hrd-feature-grid .hrd-feature{height:310px;min-height:310px}.hrd-feature-grid .hrd-feature-copy{padding:24px;max-width:72%}.hrd-feature-grid .hrd-feature:first-child>img:first-child{object-position:72% center}.hrd-feature-grid .hrd-feature h2{font-size:27px}.hrd-feature-grid .hrd-feature p:not(.eyebrow){font-size:15px}}
.hrd-feature-grid .hrd-feature .hrd-feature-logo-bottom{position:absolute;z-index:3;left:18px;right:auto;top:auto;bottom:14px;width:82px;height:auto;object-fit:contain;padding:4px 6px;background:rgba(255,255,255,.92);border-radius:5px;box-shadow:0 2px 8px rgba(18,50,74,.10)}
@media(max-width:520px){.hrd-feature-grid .hrd-feature-copy{max-width:82%;padding:22px}.hrd-feature-grid .hrd-feature{height:290px;min-height:290px}.hrd-feature-grid .hrd-feature .hrd-feature-logo-bottom{left:12px;bottom:10px;width:70px}}

/* Homepage service links — text-only webshop block inspired by the clean utility sections used by Warmteservice. */
body.home .hrd-service-section{padding:34px 0 42px}
body.home .hrd-service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
body.home .hrd-service-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d8e0e5;border-radius:6px;background:#fff;color:#12324a;text-decoration:none;box-shadow:0 2px 8px rgba(18,50,74,.06);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.home .hrd-service-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(18,50,74,.12);border-color:#c5d2d9}
body.home .hrd-service-card-top{min-height:118px;padding:24px 26px 22px;display:flex;flex-direction:column;justify-content:flex-end}
body.home .hrd-service-card-top-blue{background:#eaf5fb}
body.home .hrd-service-card-top-green{background:#edf7ef}
body.home .hrd-service-card-top span{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#087bc1}
body.home .hrd-service-card-top-green span{color:#318a3d}
body.home .hrd-service-card-top strong{display:block;font-size:20px;line-height:1.2;color:#12324a}
body.home .hrd-service-card-body{display:flex;flex:1;flex-direction:column;padding:22px 26px 24px}
body.home .hrd-service-card-body h2{margin:0 0 9px;color:#12324a;font-size:24px;line-height:1.18;letter-spacing:-.02em}
body.home .hrd-service-card-body p{margin:0;color:#526b7a;font-size:15px;line-height:1.55;max-width:620px}
body.home .hrd-service-card-cta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;color:#087bc1;font-size:14px;font-weight:800}
body.home .hrd-service-card:nth-child(2) .hrd-service-card-cta{color:#318a3d}
body.home .hrd-service-card-cta span{font-size:20px;line-height:1;transition:transform .18s ease}
body.home .hrd-service-card:hover .hrd-service-card-cta span{transform:translateX(4px)}
@media(max-width:760px){
 body.home .hrd-service-section{padding:22px 0 30px}
 body.home .hrd-service-cards{grid-template-columns:1fr;gap:14px}
 body.home .hrd-service-card-top{min-height:104px;padding:20px 20px 18px}
 body.home .hrd-service-card-top strong{font-size:18px}
 body.home .hrd-service-card-body{padding:19px 20px 21px}
 body.home .hrd-service-card-body h2{font-size:21px}
 body.home .hrd-service-card-body p{font-size:14px;line-height:1.52}
 body.home .hrd-service-card-cta{padding-top:17px;font-size:13px}
}

/* Homepage hero: product photography stays sharp and does not crop. */
.hrd-hero-photo{position:relative;overflow:hidden;background:#fff;height:360px;min-height:360px}
.hrd-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#fff;opacity:0;transition:opacity .8s ease}
.hrd-hero-slide.is-active{opacity:1}
.hrd-hero-slide:first-child{position:relative;inset:auto;width:100%;height:100%;opacity:1;object-fit:contain;object-position:center}
@media(max-width:760px){.hrd-hero-photo{height:220px;min-height:220px}.hrd-hero-slide{object-fit:contain}}
.hrd-landing-buffer .hrd-buffer-boiler-intro{display:grid;grid-template-columns:48% 52%;background:#edf6fb;border-radius:8px;overflow:hidden;min-height:360px}.hrd-landing-buffer .hrd-buffer-boiler-intro-copy{padding:48px 35px;display:flex;justify-content:center;flex-direction:column}.hrd-landing-buffer .hrd-buffer-boiler-intro-copy h1{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.04em;color:#103b5b;margin:0 0 17px}.hrd-landing-buffer .hrd-buffer-boiler-intro-copy>p:not(.eyebrow){font-size:17px;color:#466276;max-width:620px;margin:0 0 22px;line-height:1.6}.hrd-buffer-boiler-actions{display:flex;gap:10px;flex-wrap:wrap}.hrd-landing-buffer .hrd-buffer-boiler-intro-image{display:flex;align-items:center;justify-content:center;background:#fff;padding:25px;position:relative;min-height:360px}.hrd-landing-buffer .hrd-buffer-boiler-intro-image img{width:100%;height:330px;object-fit:contain;position:absolute;inset:0;margin:auto;opacity:0;animation:hrdBufferBoilerSlide 12s infinite}.hrd-landing-buffer .hrd-buffer-boiler-intro-image img:nth-child(1){animation-delay:0s}.hrd-landing-buffer .hrd-buffer-boiler-intro-image img:nth-child(2){animation-delay:4s}.hrd-landing-buffer .hrd-buffer-boiler-intro-image img:nth-child(3){animation-delay:8s}@keyframes hrdBufferBoilerSlide{0%,29%{opacity:1}33%,100%{opacity:0}}
.hrd-buffer-boiler-usp{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e2e9ee;border-top:0;border-radius:0 0 7px 7px;margin-bottom:10px}.hrd-buffer-boiler-usp>div{padding:18px 20px;border-right:1px solid #e2e9ee}.hrd-buffer-boiler-usp>div:last-child{border-right:0}.hrd-buffer-boiler-usp strong,.hrd-buffer-boiler-usp span{display:block}.hrd-buffer-boiler-usp strong{font-size:13px}.hrd-buffer-boiler-usp span{font-size:11px;color:#718394;margin-top:2px}.hrd-buffer-boiler-section-intro{padding:42px 0 18px;max-width:850px}.hrd-buffer-boiler-section-intro h2{font-size:28px;letter-spacing:-.025em;margin:0 0 12px;color:#12324a}.hrd-buffer-boiler-section-intro>p:not(.eyebrow){color:#536d7e;font-size:15px}.hrd-buffer-boiler-section-intro .eyebrow{margin-bottom:8px;color:#42a84f;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.hrd-landing-buffer .hrd-buffer-boiler-intro{grid-template-columns:1fr}.hrd-landing-buffer .hrd-buffer-boiler-intro-copy{padding:32px 22px 22px}.hrd-landing-buffer .hrd-buffer-boiler-intro-copy h1{font-size:37px}.hrd-landing-buffer .hrd-buffer-boiler-intro-copy>p:not(.eyebrow){font-size:15px}.hrd-landing-buffer .hrd-buffer-boiler-intro-image{padding:10px 20px 20px;min-height:230px}.hrd-landing-buffer .hrd-buffer-boiler-intro-image img{height:230px}.hrd-buffer-boiler-usp{grid-template-columns:1fr 1fr}.hrd-buffer-boiler-usp>div{border-right:1px solid #e2e9ee;border-bottom:1px solid #e2e9ee;padding:13px}.hrd-buffer-boiler-usp>div:nth-child(2){border-right:0}.hrd-buffer-boiler-usp>div:nth-child(n+3){border-bottom:0}}