/* Campagnepagina: gratis offerte, duidelijke projectprijs en eigen montagewerk. */
[data-offerte-landing] .offerte-hero{
  position:relative;color:#fff;background:radial-gradient(ellipse at 12% 15%,#302056 0,transparent 48%),#10072b;
}
.offerte-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:clamp(2rem,4.5vw,4.5rem);align-items:center;padding-block:clamp(2.5rem,5vw,5rem)}
.offerte-copy,.offerte-visual{min-width:0}
.offerte-hero .breadcrumb{margin:0 0 1.3rem;color:#c9c3d8;font-size:.72rem}
.offerte-hero .breadcrumb a{color:#fff}
.offerte-kicker{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.2rem;padding:.5rem .8rem;color:#ffe7a4;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;font-size:.75rem;font-weight:800}
.offerte-kicker>span{display:grid;place-items:center;flex:0 0 auto;width:1.1rem;height:1.1rem;background:#ffe7a4;color:#10072b;border-radius:50%;font-size:.7rem}
[data-offerte-landing] .offerte-hero h1{margin:0 0 1.4rem;max-width:14ch;color:#fff;font-family:var(--heading);font-size:clamp(2.5rem,4.9vw,4.7rem);line-height:1.06;font-weight:600;letter-spacing:-.04em;word-break:normal;overflow-wrap:normal}
.offerte-hero h1 em{font-style:normal;color:#ffe2a0}
.offerte-hero .offerte-intro{max-width:35rem;margin:0 0 1.4rem;color:#ded9ea;font-size:clamp(.95rem,1.25vw,1.06rem);line-height:1.7}
.offerte-benefits{display:grid;gap:.6rem;margin:0 0 1.6rem;padding:0;list-style:none;color:#f4f1fb;font-size:.85rem;line-height:1.5}
.offerte-benefits li{display:flex;align-items:baseline;gap:.65rem}
.offerte-benefits li>span{flex:0 0 auto;color:#ffe2a0;font-weight:800}
[data-offerte-landing] .offerte-start{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;width:auto;max-width:100%;min-height:3.8rem;padding:1rem 1.3rem;border-radius:.8rem;color:#fff;background:var(--red);box-shadow:0 .6rem 1.8rem #e20b1733;font-size:1rem;line-height:1.35;white-space:normal;text-align:left}
.offerte-start__arrow{display:grid;place-items:center;flex:0 0 auto;width:1.8rem;height:1.8rem;background:#ffffff1f;border-radius:50%;font-size:1.1rem}
.offerte-reassurance{margin:.7rem 0 1.7rem;color:#d7d0e5;font-size:.74rem}
.offerte-price{display:flex;flex-wrap:wrap;gap:.45rem 1rem;max-width:35rem;margin:0;padding-top:1.1rem;border-top:1px solid #ffffff26;color:#d7d0e5;font-size:.77rem;line-height:1.65}
.offerte-price>span:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem}
.offerte-price>span:first-child>strong{color:#fff;font-family:var(--heading);font-size:1.6rem;line-height:1}
.offerte-price strong>span{font-size:.85rem;font-weight:500}
.offerte-price__minimum{display:block;flex-basis:100%;color:#d7d0e5}
.offerte-price__minimum strong{color:#fff}
.offerte-visual{position:relative;align-self:center;min-height:0;width:100%;margin:0;background:#21143b;border:1px solid #ffffff26;border-radius:1.3rem;overflow:hidden}
.offerte-visual__image{position:relative;width:100%;aspect-ratio:4/3;background:#d9d6ce}
.offerte-visual__image>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
/* De foto's bevatten al het bedrijfslogo; voorkom een tweede logo over de plint. */
[data-offerte-landing] .offerte-visual__image>.image-brand,
[data-offerte-landing] .project-gallery .image-brand{display:none}
[data-offerte-landing] .project-gallery .project-gallery__grid img[src*="plinten-laten-plaatsen-montageteam"]{object-position:center 85%}
[data-offerte-landing] .project-gallery .project-gallery__grid img[src*="gebogen-plint-ronde-muur"]{object-position:center bottom}
.offerte-visual__label{position:absolute;z-index:1;top:1.1rem;left:1.1rem;right:1.1rem;width:fit-content;max-width:calc(100% - 2.2rem);display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border:1px solid #ffffffad;border-radius:999px;background:#fffffff0;color:#241a32;font-size:.65rem;font-weight:800;line-height:1.5}
.offerte-visual__label>span{color:#248660;font-size:.6rem}
.offerte-visual figcaption{position:static;padding:1.4rem clamp(1.2rem,3vw,2rem);color:#fff}
.offerte-visual figcaption>span{display:block;margin-bottom:.6rem;color:#ffe2a0;font-size:.7rem;font-weight:800}
.offerte-visual figcaption strong{display:block;color:#fff;font:500 clamp(1.5rem,2.5vw,2.2rem)/1.16 var(--heading);letter-spacing:-.02em}
.offerte-trust{padding-block:1.65rem;background:#fff;border-bottom:1px solid #e7e4ec}
.offerte-trust__grid{display:grid;grid-template-columns:1.2fr 1fr 1.15fr;gap:2rem}
.offerte-trust__grid>div,.offerte-trust__grid>a{min-width:0;display:flex;align-items:center;gap:1rem;color:#211830}
.offerte-trust__grid>div{padding-left:2rem;border-left:1px solid #e7e4ec}
.offerte-trust strong,.offerte-trust small{display:block}
.offerte-trust strong{font-size:.83rem;line-height:1.4}
.offerte-trust small{margin-top:.25rem;color:#64616f;font-size:.68rem;line-height:1.5}
.offerte-stars{color:#a56b00;letter-spacing:.08em;font-size:1.05rem;white-space:nowrap}
.offerte-trust__number{font:600 1.7rem/1 var(--heading)}
.offerte-trust__icon{display:grid;place-items:center;flex:0 0 auto;width:2.7rem;height:2.7rem;border-radius:50%;background:#f4f0fb;color:#443066;font-size:1.2rem}
.offerte-value{padding-block:clamp(3rem,6vw,5.5rem);background:#faf9f6}
.offerte-section-heading{max-width:42rem;margin:0 0 2rem}
.offerte-section-heading h2,.offerte-faq h2{margin:.6rem 0 1rem;color:#1d1430;font:600 clamp(2rem,3.5vw,3.2rem)/1.1 var(--heading);letter-spacing:-.025em}
.offerte-section-heading>p:last-child{color:#66616c;font-size:.95rem}
.offerte-value__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.offerte-value__grid article{min-width:0;padding:1.7rem;background:#fff;border:1px solid #e9e5df;border-radius:1rem}
.offerte-value__icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;margin-bottom:1.4rem;border-radius:.7rem;background:#fff3d8;color:#6c4500;font:600 1.4rem var(--heading)}
.offerte-value__grid h3{margin:0 0 .7rem;color:#211830;font:600 1.35rem/1.25 var(--heading)}
.offerte-value__grid p{margin:0;color:#65606b;font-size:.86rem;line-height:1.75}
.offerte-text-link{display:inline-flex;gap:.7rem;margin-top:1.8rem;padding:.25rem 0;color:#91101b;border-bottom:1px solid #dcb6b8;font-size:.86rem;font-weight:800;line-height:1.5}
.offerte-text-link>span{flex:0 0 auto}
.offerte-faq{padding-block:clamp(3rem,5vw,5rem);background:#faf9f6}
.offerte-faq__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem)}
.offerte-faq__grid>div{min-width:0}
.offerte-faq__grid>div>p:last-child{max-width:28rem;color:#65606b;font-size:.9rem;line-height:1.75}
.offerte-faq details{padding:1.25rem 0;border-bottom:1px solid #ddd8d0}
.offerte-faq details:first-child{border-top:1px solid #ddd8d0}
.offerte-faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:#211830;cursor:pointer;list-style:none;font-size:.93rem;font-weight:800}
.offerte-faq summary::-webkit-details-marker{display:none}
.offerte-faq summary>span{flex:0 0 auto;display:inline-block;color:#a2121e;font-size:1.3rem;font-weight:500}
.offerte-faq details[open] summary>span{transform:rotate(45deg)}
.offerte-faq details p{margin:.85rem 0 0;color:#65606b;font-size:.86rem;line-height:1.8}
[data-offerte-landing] .offerte-final{padding-block:clamp(3rem,6vw,5rem)}
.offerte-final__eyebrow{color:#ffe2a0!important;font-size:.76rem!important;font-weight:800}
.offerte-final h2{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.1}
.offerte-final__minimum{margin-top:.8rem!important;font-size:.76rem!important}
.offerte-final .button{white-space:normal;text-align:center;line-height:1.4;border-radius:.8rem}
[data-offerte-landing] a:focus-visible,[data-offerte-landing] summary:focus-visible{outline:3px solid #bc7000;outline-offset:5px}
.offerte-hero a:focus-visible,.offerte-final a:focus-visible{outline-color:#ffe2a0}
@media(max-width:1050px){
  .offerte-trust__grid{gap:1.2rem}
  .offerte-trust__grid>div{padding-left:1.2rem}
  .offerte-trust__review{flex-direction:column;align-items:flex-start!important;gap:.3rem!important}
}
@media(max-width:900px){
  .offerte-layout{grid-template-columns:1fr;gap:2rem}
  [data-offerte-landing] .offerte-hero h1{max-width:19ch;font-size:clamp(2.5rem,7vw,4.5rem)}
  .offerte-hero .offerte-intro{max-width:40rem}
  .offerte-trust__grid{grid-template-columns:1fr 1fr}
  .offerte-trust__grid>div:last-child{grid-column:1/-1;padding:1rem 0 0;border-left:0;border-top:1px solid #e7e4ec}
  .offerte-value__grid{gap:1rem}
  .offerte-value__grid article{padding:1.2rem}
  .offerte-faq__grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .offerte-layout{padding-block:1.6rem 2rem;gap:1.7rem}
  .offerte-hero .breadcrumb{margin-bottom:1rem}
  .offerte-kicker{font-size:.66rem;margin-bottom:1rem;padding:.45rem .65rem}
  [data-offerte-landing] .offerte-hero h1{font-size:clamp(2.4rem,9.8vw,3.4rem);margin-bottom:1rem}
  .offerte-hero .offerte-intro{font-size:.91rem;line-height:1.65;margin-bottom:1.2rem}
  .offerte-benefits{font-size:.78rem;gap:.5rem;margin-bottom:1.3rem}
  [data-offerte-landing] .offerte-start{width:100%;gap:.7rem;font-size:.9rem;padding:.9rem 1rem}
  .offerte-reassurance{text-align:center;margin-bottom:1.3rem;font-size:.7rem}
  .offerte-visual figcaption{padding:1.2rem}
  .offerte-visual figcaption strong{font-size:1.65rem}
  .offerte-trust{padding-block:1.3rem}
  .offerte-trust__grid{gap:1rem .8rem}
  .offerte-trust__grid>div{padding-left:.8rem;gap:.6rem}
  .offerte-trust__grid>div:nth-child(2){flex-direction:column;align-items:flex-start;gap:.35rem}
  .offerte-trust strong{font-size:.73rem}
  .offerte-trust small{font-size:.63rem}
  .offerte-stars{font-size:.88rem}
  .offerte-trust__number{font-size:1.4rem}
  .offerte-value__grid{grid-template-columns:1fr}
  .offerte-value__grid article{padding:1.4rem}
  .offerte-value__icon{margin-bottom:.9rem}
  .offerte-section-heading h2,.offerte-faq h2{font-size:2.2rem}
  .offerte-text-link{font-size:.8rem}
  .offerte-faq summary{font-size:.86rem}
}
@media(prefers-reduced-motion:reduce){
  [data-offerte-landing] .offerte-start{animation:none;transition:none}
}