body.liinea-style-active{background:var(--liinea-style-bg)!important;color:var(--liinea-style-text)}.liinea-style-page{--lsb-bg:var(--liinea-style-bg,#f7efe6);--lsb-surface:var(--liinea-style-surface,#fff8f0);--lsb-text:var(--liinea-style-text,#2f2a25);--lsb-muted:var(--liinea-style-muted,#75685d);--lsb-accent:var(--liinea-style-accent,#b88b67);--lsb-button:var(--liinea-style-button,#c49a72);background:var(--lsb-bg);color:var(--lsb-text);font-family:Inter,system-ui,sans-serif}.liinea-style-hero{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden}.liinea-style-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.liinea-style-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28))}.liinea-style-hero__content{position:relative;z-index:2;text-align:center;color:#fff;padding:40px 20px;text-shadow:0 10px 34px rgba(0,0,0,.28)}.liinea-style-hero h1{margin:0 0 14px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(46px,7vw,84px);font-weight:400;line-height:.95;color:#fff}.liinea-style-hero p{margin:0 0 26px;font-family:"Cormorant Garamond",Georgia,serif;font-size:23px;color:#fff}.liinea-style-button,.liinea-style-summary button,.liinea-bottom-banner a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 28px;border:0;background:var(--lsb-button);color:#fff!important;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;text-shadow:none}.liinea-usp-strip,.liinea-service-strip{width:min(94%,1220px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(80,65,50,.18)}.liinea-usp-strip{padding:28px 0}.liinea-usp-strip article,.liinea-service-strip article{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:0 28px;border-right:1px solid rgba(80,65,50,.16)}.liinea-usp-strip article:last-child,.liinea-service-strip article:last-child{border-right:0}.liinea-usp-strip span,.liinea-service-strip span{font-size:30px;color:var(--lsb-muted);line-height:1;text-align:center}.liinea-usp-strip h3,.liinea-service-strip h3{margin:0 0 5px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--lsb-text)}.liinea-usp-strip p,.liinea-service-strip p{margin:0;color:var(--lsb-muted);font-size:13px;line-height:1.55}.liinea-collection-area{width:min(94%,1220px);margin:30px auto 0}.liinea-collection-head{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;margin:20px 0 10px}.liinea-collection-head h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:44px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--lsb-text)}.liinea-ornament{color:var(--lsb-accent);font-size:28px}.liinea-product-tabs{display:flex;justify-content:center;gap:38px;margin:0 0 24px;flex-wrap:wrap}.liinea-product-tabs button{border:0;background:transparent;color:var(--lsb-text);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:9px 0;border-bottom:1px solid transparent}.liinea-product-tabs button.is-active{color:var(--lsb-accent);border-bottom-color:var(--lsb-accent)}.liinea-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}.liinea-product-card{position:relative}.liinea-product-card label{display:block;cursor:pointer}.liinea-product-card input{position:absolute;opacity:0;pointer-events:none}.liinea-product-card__image{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--lsb-surface);border-radius:4px}.liinea-product-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .18s ease}.liinea-product-card:hover img{filter:brightness(.96)}.liinea-product-card__body{display:block;padding-top:12px}.liinea-product-card strong{display:block;color:var(--lsb-text);font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:500;line-height:1.05}.liinea-product-card em{display:block;margin-top:4px;color:var(--lsb-text);font-style:normal;font-size:14px}.liinea-product-card small{display:none}.liinea-product-card__button{display:inline-flex;margin-top:10px;min-height:30px;padding:0 16px;align-items:center;justify-content:center;background:var(--lsb-button);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.liinea-product-card.is-selected .liinea-product-card__button{background:var(--lsb-text)}.liinea-style-details{margin-top:36px;padding:32px;border-top:1px solid rgba(80,65,50,.18);border-bottom:1px solid rgba(80,65,50,.18)}.liinea-style-details h2{margin:0 0 18px;font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:400}.liinea-style-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.liinea-style-fields p{margin:0}.liinea-style-fields label{display:block;margin-bottom:7px;font-size:13px;font-weight:650}.liinea-style-fields input,.liinea-style-fields textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid rgba(80,65,50,.22);background:#fff;box-sizing:border-box}.liinea-style-fields textarea{min-height:98px}.liinea-style-field-full{grid-column:1/-1}.liinea-style-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;padding:26px 0}.liinea-style-summary span{display:block;margin-bottom:5px;color:var(--lsb-muted);font-size:13px}.liinea-style-summary strong{font-size:24px}.liinea-bottom-banner{width:min(94%,1220px);margin:18px auto 0;display:grid;grid-template-columns:1fr 1.55fr;min-height:210px;border:1px solid rgba(80,65,50,.16);background:rgba(255,255,255,.24);overflow:hidden}.liinea-bottom-banner__text{padding:34px 58px}.liinea-bottom-banner h2{margin:0 0 12px;font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:400;text-transform:uppercase;letter-spacing:.04em}.liinea-bottom-banner p{margin:0 0 20px;color:var(--lsb-muted);line-height:1.7}.liinea-bottom-banner__image img{width:100%;height:100%;object-fit:cover;display:block}.liinea-service-strip{padding:24px 0 40px;border-bottom:0}.liinea-styles-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;width:min(94%,1220px);margin:40px auto}.liinea-style-card{display:block;text-decoration:none;color:var(--liinea-style-text,#2f2a25)}.liinea-style-card__image{display:block;aspect-ratio:4/5;overflow:hidden}.liinea-style-card__image img{width:100%;height:100%;object-fit:cover}.liinea-style-card__content{display:block;text-align:center;padding-top:16px}.liinea-style-card small{display:block;color:var(--liinea-style-accent,#b88b67);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.liinea-style-card strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:400}.liinea-style-card em{display:block;color:var(--liinea-style-muted,#75685d);font-style:normal}.liinea-style-card span span{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;text-transform:uppercase}@media(max-width:1050px){.liinea-product-grid{grid-template-columns:repeat(3,1fr)}.liinea-usp-strip,.liinea-service-strip{grid-template-columns:repeat(2,1fr);row-gap:20px}.liinea-usp-strip article:nth-child(2),.liinea-service-strip article:nth-child(2){border-right:0}.liinea-style-fields{grid-template-columns:1fr 1fr}.liinea-style-summary,.liinea-bottom-banner{grid-template-columns:1fr}}@media(max-width:650px){.liinea-style-hero{min-height:460px}.liinea-product-grid,.liinea-usp-strip,.liinea-service-strip,.liinea-style-fields,.liinea-styles-overview{grid-template-columns:1fr}.liinea-usp-strip article,.liinea-service-strip article{border-right:0;border-bottom:1px solid rgba(80,65,50,.14);padding:18px 0}.liinea-product-tabs{gap:18px}.liinea-collection-head h2{font-size:32px}.liinea-style-details{padding:22px 0}.liinea-style-summary button{width:100%}.liinea-bottom-banner__text{padding:28px 22px}}


/* =========================================================
   Liinea Style Builder v5 – styling dichter bij voorbeeld
   ========================================================= */

body.liinea-style-active {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.72), transparent 32%),
    linear-gradient(180deg, var(--liinea-style-bg, #f7efe6) 0%, #f9f1e9 100%) !important;
}

/* Full page paper feel */
.liinea-style-page {
  background:
    radial-gradient(circle at 8% 12%, rgba(255,255,255,.62), transparent 24%),
    radial-gradient(circle at 88% 28%, rgba(255,255,255,.42), transparent 22%),
    var(--lsb-bg) !important;
}

/* Hero closer to screenshot: wide, image-led, not too tall */
.liinea-style-hero {
  width: 100% !important;
  min-height: clamp(500px, 52vw, 650px) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-top: 1px solid rgba(60, 48, 38, .08) !important;
  border-bottom: 1px solid rgba(60, 48, 38, .10) !important;
}

.liinea-style-hero__bg {
  filter: saturate(.96) contrast(.98) brightness(.92) !important;
}

.liinea-style-hero__overlay {
  background:
    radial-gradient(circle at 50% 58%, rgba(0,0,0,.26), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.22) 100%) !important;
}

.liinea-style-hero__content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding-top: clamp(170px, 20vw, 255px) !important;
  color: #fff !important;
  text-align: center !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.38) !important;
}

.liinea-style-hero h1 {
  margin-bottom: 10px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(42px, 5.8vw, 74px) !important;
  font-weight: 500 !important;
  line-height: .94 !important;
  letter-spacing: .01em !important;
}

.liinea-style-hero h1 em {
  display: inline-block !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

.liinea-style-hero p {
  margin-bottom: 24px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(17px, 1.8vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.liinea-style-button,
.liinea-style-summary button,
.liinea-bottom-banner a {
  min-height: 42px !important;
  padding: 0 28px !important;
  background: var(--lsb-button) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  color: #fff !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  box-shadow: 0 8px 20px rgba(49, 35, 24, .16) !important;
}

/* USP strip like screenshot: thinner, compact, with line separators */
.liinea-usp-strip {
  width: min(94%, 1220px) !important;
  padding: 26px 0 24px !important;
  margin: 0 auto !important;
  border-bottom: 1px solid rgba(80,65,50,.18) !important;
  background: transparent !important;
}

.liinea-usp-strip article {
  grid-template-columns: 42px 1fr !important;
  gap: 14px !important;
  min-height: 62px !important;
  padding: 0 26px !important;
  border-right: 1px solid rgba(80,65,50,.17) !important;
}

.liinea-usp-strip span {
  font-size: 28px !important;
  color: var(--lsb-muted) !important;
  opacity: .9 !important;
}

.liinea-usp-strip h3 {
  margin-bottom: 4px !important;
  font-size: 11px !important;
  letter-spacing: .085em !important;
  line-height: 1.15 !important;
}

.liinea-usp-strip p {
  max-width: 190px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

/* Collection area more like screenshot */
.liinea-collection-area {
  width: min(94%, 1220px) !important;
  margin-top: 26px !important;
}

.liinea-collection-head {
  gap: 22px !important;
  margin: 26px 0 8px !important;
}

.liinea-collection-head h2 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(34px, 4vw, 48px) !important;
  font-weight: 500 !important;
  letter-spacing: .145em !important;
  line-height: 1 !important;
}

.liinea-ornament {
  position: relative !important;
  width: 74px !important;
  height: 1px !important;
  color: transparent !important;
  background: rgba(80,65,50,.38) !important;
}

.liinea-ornament::before,
.liinea-ornament::after {
  content: "" !important;
  position: absolute !important;
  top: -3px !important;
  width: 7px !important;
  height: 7px !important;
  border-top: 1px solid rgba(80,65,50,.42) !important;
  border-left: 1px solid rgba(80,65,50,.42) !important;
}

.liinea-ornament::before {
  left: 0 !important;
  transform: rotate(-45deg) !important;
}

.liinea-ornament::after {
  right: 0 !important;
  transform: rotate(135deg) !important;
}

.liinea-product-tabs {
  gap: clamp(22px, 4vw, 52px) !important;
  margin-bottom: 25px !important;
}

.liinea-product-tabs button {
  font-size: 12px !important;
  letter-spacing: .09em !important;
  padding: 7px 0 !important;
}

.liinea-product-tabs button.is-active {
  color: var(--lsb-accent) !important;
  border-bottom-color: var(--lsb-accent) !important;
}

/* Product grid closer to image: 5 columns, calm cards */
.liinea-product-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 28px 30px !important;
}

.liinea-product-card__image {
  border-radius: 4px !important;
  background: #eaded2 !important;
  box-shadow: none !important;
}

.liinea-product-card__image img {
  filter: saturate(.94) contrast(.98) !important;
}

.liinea-product-card__body {
  padding-top: 12px !important;
}

.liinea-product-card strong {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--lsb-text) !important;
}

.liinea-product-card em {
  margin-top: 4px !important;
  font-family: Inter, system-ui, sans-serif !important;
  color: var(--lsb-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.liinea-product-card__button {
  min-height: 28px !important;
  margin-top: 10px !important;
  padding: 0 18px !important;
  background: color-mix(in srgb, var(--lsb-button) 82%, white 18%) !important;
  color: #fff !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  border-radius: 2px !important;
}

.liinea-product-card.is-selected .liinea-product-card__button {
  background: var(--lsb-text) !important;
}

/* Order form: still present, but calmer and below collection */
.liinea-style-details {
  margin-top: 42px !important;
  padding: 28px 32px !important;
  background: rgba(255,255,255,.24) !important;
  border: 1px solid rgba(80,65,50,.14) !important;
}

.liinea-style-details h2 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
}

.liinea-style-fields input,
.liinea-style-fields textarea {
  border: 1px solid rgba(80,65,50,.20) !important;
  background: rgba(255,255,255,.72) !important;
}

.liinea-style-summary {
  padding: 24px 0 30px !important;
}

/* Bottom banner much closer to screenshot */
.liinea-bottom-banner {
  width: min(94%, 1220px) !important;
  margin: 12px auto 0 !important;
  min-height: 196px !important;
  grid-template-columns: minmax(330px, .95fr) minmax(0, 1.55fr) !important;
  border: 1px solid rgba(80,65,50,.16) !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.25) !important;
}

.liinea-bottom-banner__text {
  padding: 32px 56px !important;
}

.liinea-bottom-banner h2 {
  margin-bottom: 12px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 31px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
}

.liinea-bottom-banner p {
  margin-bottom: 20px !important;
  max-width: 330px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: var(--lsb-text) !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

.liinea-bottom-banner a {
  min-height: 36px !important;
  padding: 0 20px !important;
  font-size: 11px !important;
  border: 0 !important;
}

.liinea-bottom-banner__image img {
  filter: saturate(.95) contrast(.98) !important;
}

/* Service strip bottom */
.liinea-service-strip {
  width: min(94%, 1220px) !important;
  padding: 22px 0 42px !important;
  margin: 0 auto !important;
}

.liinea-service-strip article {
  grid-template-columns: 42px 1fr !important;
  gap: 13px !important;
  padding: 0 28px !important;
  border-right: 0 !important;
}

.liinea-service-strip span {
  font-size: 27px !important;
  color: var(--lsb-muted) !important;
}

.liinea-service-strip h3 {
  font-size: 11px !important;
  letter-spacing: .08em !important;
}

.liinea-service-strip p {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

/* Overview cards */
.liinea-styles-overview {
  width: min(94%, 1220px) !important;
  gap: 32px !important;
}

.liinea-style-card__image {
  border-radius: 4px !important;
}

.liinea-style-card__content strong {
  font-size: 36px !important;
}

/* Responsive */
@media (max-width: 1050px) {
  .liinea-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .liinea-usp-strip,
  .liinea-service-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .liinea-usp-strip article:nth-child(2),
  .liinea-service-strip article:nth-child(2) {
    border-right: 0 !important;
  }

  .liinea-bottom-banner {
    grid-template-columns: 1fr !important;
  }

  .liinea-bottom-banner__image {
    min-height: 220px !important;
  }
}

@media (max-width: 650px) {
  .liinea-style-hero {
    min-height: 450px !important;
  }

  .liinea-style-hero__content {
    padding-top: 130px !important;
  }

  .liinea-style-hero h1 {
    font-size: 42px !important;
  }

  .liinea-style-hero p {
    font-size: 18px !important;
  }

  .liinea-usp-strip,
  .liinea-service-strip,
  .liinea-product-grid {
    grid-template-columns: 1fr !important;
  }

  .liinea-usp-strip article,
  .liinea-service-strip article {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(80,65,50,.14) !important;
    padding: 17px 0 !important;
  }

  .liinea-collection-head h2 {
    font-size: 31px !important;
    letter-spacing: .1em !important;
  }

  .liinea-ornament {
    width: 36px !important;
  }

  .liinea-style-details {
    padding: 24px 18px !important;
  }

  .liinea-bottom-banner__text {
    padding: 28px 22px !important;
  }
}



/* =========================================================
   Liinea Style Builder v6 – hero/banner verhouding corrigeren
   Focus: hoogte/breedte zoals voorbeeld, geen achtergrond-aanpassingen
   ========================================================= */

/* HERO: breed en minder hoog, zoals de referentie */
.liinea-style-page .liinea-style-hero {
  width: 100% !important;
  min-height: auto !important;
  height: clamp(440px, 48vw, 620px) !important;
  max-height: 620px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Hero afbeelding moet echt als brede banner voelen */
.liinea-style-page .liinea-style-hero__bg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Tekst iets lager, meer zoals midden-onder in voorbeeld */
.liinea-style-page .liinea-style-hero__content {
  width: min(92%, 900px) !important;
  max-width: 900px !important;
  min-height: 100% !important;
  padding: 0 20px 54px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  text-align: center !important;
}

/* Hero tekst compacter zodat die niet te groot wordt */
.liinea-style-page .liinea-style-hero h1 {
  margin: 0 0 10px !important;
  font-size: clamp(38px, 5vw, 66px) !important;
  line-height: .94 !important;
}

.liinea-style-page .liinea-style-hero p {
  margin: 0 0 22px !important;
  font-size: clamp(16px, 1.55vw, 21px) !important;
  line-height: 1.35 !important;
}

/* Hero knop iets lager/kleiner zoals voorbeeld */
.liinea-style-page .liinea-style-hero .liinea-style-button {
  min-height: 40px !important;
  padding: 0 28px !important;
}

/* USP blijft als smalle strip direct onder hero */
.liinea-style-page .liinea-usp-strip {
  margin-top: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 22px !important;
}

/* BOTTOM BANNER: horizontale brede strip, niet te hoog */
.liinea-style-page .liinea-bottom-banner {
  width: min(94%, 1220px) !important;
  min-height: 150px !important;
  height: clamp(150px, 16vw, 205px) !important;
  margin: 18px auto 0 !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 34%) minmax(0, 66%) !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

/* Tekst links compacter, verticaal gecentreerd */
.liinea-style-page .liinea-bottom-banner__text {
  height: 100% !important;
  padding: 24px 44px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.liinea-style-page .liinea-bottom-banner h2 {
  margin: 0 0 9px !important;
  font-size: clamp(24px, 2.45vw, 32px) !important;
  line-height: 1 !important;
}

.liinea-style-page .liinea-bottom-banner p {
  max-width: 350px !important;
  margin: 0 0 16px !important;
  font-size: 16px !important;
  line-height: 1.42 !important;
}

.liinea-style-page .liinea-bottom-banner a {
  min-height: 34px !important;
  padding: 0 18px !important;
}

/* Afbeelding rechts moet breed en laag zijn */
.liinea-style-page .liinea-bottom-banner__image {
  min-height: 100% !important;
  height: 100% !important;
}

.liinea-style-page .liinea-bottom-banner__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Productgrid iets dichter op bottom banner zoals voorbeeld */
.liinea-style-page .liinea-style-summary {
  padding-bottom: 20px !important;
}

/* Tablet */
@media (max-width: 1050px) {
  .liinea-style-page .liinea-style-hero {
    height: clamp(400px, 56vw, 540px) !important;
  }

  .liinea-style-page .liinea-bottom-banner {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
  }

  .liinea-style-page .liinea-bottom-banner__text {
    padding: 30px 34px !important;
  }

  .liinea-style-page .liinea-bottom-banner__image {
    height: 220px !important;
  }
}

/* Mobile */
@media (max-width: 650px) {
  .liinea-style-page .liinea-style-hero {
    height: 390px !important;
  }

  .liinea-style-page .liinea-style-hero__content {
    padding-bottom: 42px !important;
  }

  .liinea-style-page .liinea-style-hero h1 {
    font-size: 38px !important;
  }

  .liinea-style-page .liinea-style-hero p {
    font-size: 16px !important;
  }

  .liinea-style-page .liinea-bottom-banner__text {
    padding: 26px 22px !important;
  }

  .liinea-style-page .liinea-bottom-banner__image {
    height: 180px !important;
  }
}



/* =========================================================
   Liinea Style Builder v8 – vorige hero/banner, maar full-width
   ========================================================= */

/* Zorg dat theme containers de huisstijlpagina niet smal maken */
body.liinea-style-detail-page .site-content,
body.liinea-style-detail-page .content-area,
body.liinea-style-detail-page .site-main,
body.liinea-style-detail-page .ast-container,
body.liinea-style-detail-page .entry-content,
body.liinea-style-detail-page article,
body.liinea-style-detail-page .type-liinea_style {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.liinea-style-detail-page .entry-header {
  display: none !important;
}

/* Pagina gebruikt volledige breedte */
.liinea-style-page {
  width: 100% !important;
  max-width: none !important;
  overflow-x: hidden !important;
}

/* HERO: terug naar vorige overlay-stijl, maar 100vw/full-width */
.liinea-style-page .liinea-style-hero {
  width: 100% !important;
  max-width: none !important;
  min-height: auto !important;
  height: clamp(470px, 50vw, 660px) !important;
  max-height: 660px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(60, 48, 38, .08) !important;
  border-bottom: 1px solid rgba(60, 48, 38, .10) !important;
  background: #eee1d5 !important;
}

/* Hero image full bleed */
.liinea-style-page .liinea-style-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.96) contrast(.98) brightness(.92) !important;
  display: block !important;
}

/* Overlay terug naar rustig over foto */
.liinea-style-page .liinea-style-hero__overlay {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 58%, rgba(0,0,0,.24), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.22) 100%) !important;
  z-index: 1 !important;
}

/* Hero tekst midden-onder zoals vorige */
.liinea-style-page .liinea-style-hero__content {
  position: relative !important;
  z-index: 2 !important;
  width: min(92%, 940px) !important;
  max-width: 940px !important;
  min-height: 100% !important;
  padding: 0 20px 58px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  text-align: center !important;
  color: #fff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.38) !important;
}

.liinea-style-page .liinea-style-hero h1 {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-size: clamp(42px, 5.4vw, 72px) !important;
  line-height: .94 !important;
  text-align: center !important;
}

.liinea-style-page .liinea-style-hero h1 em {
  font-style: italic !important;
  font-weight: 400 !important;
}

.liinea-style-page .liinea-style-hero p {
  margin: 0 0 22px !important;
  color: #fff !important;
  font-size: clamp(17px, 1.6vw, 22px) !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

.liinea-style-page .liinea-style-hero .liinea-style-button {
  min-height: 40px !important;
  padding: 0 30px !important;
}

/* Alles onder hero gebruikt bijna volledige breedte zoals voorbeeld */
.liinea-style-page .liinea-usp-strip,
.liinea-style-page .liinea-collection-area,
.liinea-style-page .liinea-bottom-banner,
.liinea-style-page .liinea-service-strip {
  width: min(96%, 1360px) !important;
  max-width: 1360px !important;
}

/* USP breed en rustig */
.liinea-style-page .liinea-usp-strip {
  margin: 0 auto !important;
  padding: 26px 0 24px !important;
}

/* Collectie breder maken */
.liinea-style-page .liinea-collection-area {
  margin: 26px auto 0 !important;
}

/* Productgrid mag ruimte gebruiken */
.liinea-style-page .liinea-product-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 30px 32px !important;
}

/* BANNER: terug naar vorige horizontale stijl, maar breder */
.liinea-style-page .liinea-bottom-banner {
  margin: 18px auto 0 !important;
  min-height: 180px !important;
  height: clamp(180px, 18vw, 235px) !important;
  display: grid !important;
  grid-template-columns: minmax(340px, 34%) minmax(0, 66%) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid rgba(80,65,50,.16) !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.25) !important;
}

/* tekst links in banner zoals vorige */
.liinea-style-page .liinea-bottom-banner__text {
  height: 100% !important;
  min-height: 0 !important;
  padding: 30px 58px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.liinea-style-page .liinea-bottom-banner h2 {
  margin: 0 0 10px !important;
  font-size: clamp(26px, 2.5vw, 34px) !important;
  line-height: 1 !important;
}

.liinea-style-page .liinea-bottom-banner p {
  max-width: 370px !important;
  margin: 0 0 18px !important;
  font-size: 17px !important;
  line-height: 1.42 !important;
}

.liinea-style-page .liinea-bottom-banner a {
  min-height: 36px !important;
  padding: 0 20px !important;
}

/* Banner-afbeelding als vorige: cover, maar met betere focus */
.liinea-style-page .liinea-bottom-banner__image {
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  background: #eee1d5 !important;
}

.liinea-style-page .liinea-bottom-banner__image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Servicebalk breed */
.liinea-style-page .liinea-service-strip {
  margin: 0 auto !important;
  padding: 24px 0 44px !important;
}

/* Tablet */
@media (max-width: 1050px) {
  .liinea-style-page .liinea-style-hero {
    height: clamp(420px, 58vw, 560px) !important;
  }

  .liinea-style-page .liinea-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .liinea-style-page .liinea-bottom-banner {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
  }

  .liinea-style-page .liinea-bottom-banner__text {
    padding: 32px 36px !important;
  }

  .liinea-style-page .liinea-bottom-banner__image {
    height: 240px !important;
  }
}

/* Mobile */
@media (max-width: 650px) {
  .liinea-style-page .liinea-style-hero {
    height: 420px !important;
  }

  .liinea-style-page .liinea-style-hero__content {
    padding-bottom: 46px !important;
  }

  .liinea-style-page .liinea-style-hero h1 {
    font-size: 40px !important;
  }

  .liinea-style-page .liinea-style-hero p {
    font-size: 16px !important;
  }

  .liinea-style-page .liinea-usp-strip,
  .liinea-style-page .liinea-collection-area,
  .liinea-style-page .liinea-bottom-banner,
  .liinea-style-page .liinea-service-strip {
    width: min(92%, 1360px) !important;
  }

  .liinea-style-page .liinea-product-grid {
    grid-template-columns: 1fr !important;
  }

  .liinea-style-page .liinea-bottom-banner__text {
    padding: 28px 22px !important;
  }

  .liinea-style-page .liinea-bottom-banner__image {
    height: 190px !important;
  }
}



/* =========================================================
   Liinea Style Builder v10 – alleen container/full-width fix
   LET OP: geen hero/banner styling aangepast
   ========================================================= */

/* Astra zet content vaak in een .ast-container. Deze regels halen alleen de container-beperking weg. */
body.liinea-style-detail-page .site-content > .ast-container,
body.liinea-style-detail-page .ast-container:has(.liinea-style-page),
body.liinea-style-detail-page .content-area:has(.liinea-style-page),
body.liinea-style-detail-page .site-main:has(.liinea-style-page),
body.liinea-style-detail-page article.type-liinea_style:has(.liinea-style-page),
body.liinea-style-detail-page .entry-content:has(.liinea-style-page) {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Alleen de Liinea pagina uit de theme container trekken. 
   Dit verandert niet de hero/banner verhoudingen zelf. */
body.liinea-style-detail-page .entry-content > .liinea-style-page,
body.liinea-style-detail-page .liinea-style-page {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Post titel/standaard spacing weg, zonder de Liinea layout zelf te wijzigen */
body.liinea-style-detail-page .entry-header,
body.liinea-style-detail-page .post-thumb-img-content,
body.liinea-style-detail-page .ast-single-post-order {
  display: none !important;
}

body.liinea-style-detail-page .entry-content {
  margin-top: 0 !important;
}

body.liinea-style-detail-page .ast-article-single {
  padding-top: 0 !important;
}

/* Voorkom horizontale scroll door de full-bleed techniek */
html,
body.liinea-style-detail-page {
  overflow-x: hidden !important;
}



/* =========================================================
   Liinea Style Builder v12 – alleen filters + formulier reveal
   Geen hero/banner/layout reset
   ========================================================= */

/* Filtering moet producten echt verbergen */
.liinea-style-page .liinea-product-card[hidden],
.liinea-style-page .liinea-product-card.is-filter-hidden {
  display: none !important;
}

/* Formulier pas tonen wanneer er iets gekozen is */
.liinea-style-page .liinea-form-reveal[hidden] {
  display: none !important;
}

.liinea-style-page .liinea-form-reveal.is-visible {
  display: block !important;
  animation: liineaFormReveal .22s ease-out both;
}

@keyframes liineaFormReveal {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tabs duidelijk klikbaar, zonder de layout te veranderen */
.liinea-style-page .liinea-product-tabs button {
  cursor: pointer !important;
}

.liinea-style-page .liinea-product-tabs button:hover {
  color: var(--lsb-accent) !important;
}



/* =========================================================
   Liinea Style Builder v13 – ruimte + navbar/header fix
   ========================================================= */

/* Meer ruimte tussen producten/formulier en de onderste banner */
.liinea-style-page .liinea-bottom-banner {
  margin-top: 56px !important;
}

.liinea-style-page .liinea-style-summary {
  padding-bottom: 10px !important;
}

/* Op mobiel iets minder, maar nog steeds duidelijk */
@media (max-width: 650px) {
  .liinea-style-page .liinea-bottom-banner {
    margin-top: 34px !important;
  }
}

/* ---------------------------------------------------------
   Navbar/header fix:
   eerdere full-width/container regels mogen de header niet raken.
   Daarom resetten we expliciet de Astra header/nav containers.
   --------------------------------------------------------- */
body.liinea-style-detail-page .site-header,
body.liinea-style-detail-page .main-header-container,
body.liinea-style-detail-page .ast-builder-grid-row-container,
body.liinea-style-detail-page .ast-builder-grid-row,
body.liinea-style-detail-page .ast-builder-row-container,
body.liinea-style-detail-page .ast-primary-header-bar,
body.liinea-style-detail-page .ast-desktop .main-header-menu,
body.liinea-style-detail-page .ast-mobile-header-wrap,
body.liinea-style-detail-page .ast-above-header-wrap,
body.liinea-style-detail-page .ast-below-header-wrap,
body.liinea-style-detail-page header,
body.liinea-style-detail-page nav {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
}

/* De content-container mag full width zijn, maar de header container niet */
body.liinea-style-detail-page .site-header .ast-container,
body.liinea-style-detail-page .main-header-container .ast-container,
body.liinea-style-detail-page header .ast-container,
body.liinea-style-detail-page nav .ast-container {
  width: min(100%, var(--ast-container-width, 1200px)) !important;
  max-width: var(--ast-container-width, 1200px) !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Veiligheidsreset voor menu-items zodat ze niet 'uitrekken' */
body.liinea-style-detail-page .main-header-menu,
body.liinea-style-detail-page .ast-builder-menu,
body.liinea-style-detail-page .ast-nav-menu {
  width: auto !important;
  max-width: none !important;
}

/* De echte full-width escape alleen op de Liinea custom content houden */
body.liinea-style-detail-page .entry-content > .liinea-style-page,
body.liinea-style-detail-page .liinea-style-page {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}



/* =========================================================
   Liinea Style Builder v16 – alleen meer verticale ruimte
   ========================================================= */

/* Meer verticale ruimte tussen de grote secties */
.liinea-style-page .liinea-usp-strip {
  margin-bottom: 40px !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.liinea-style-page .liinea-collection-area {
  margin-top: 40px !important;
}

.liinea-style-page .liinea-collection-head {
  margin-bottom: 24px !important;
}

.liinea-style-page .liinea-product-tabs {
  margin-bottom: 34px !important;
}

.liinea-style-page .liinea-product-grid {
  margin-bottom: 34px !important;
}

/* Meer ruimte voordat formulier verschijnt */
.liinea-style-page .liinea-form-reveal.is-visible {
  margin-top: 34px !important;
}

.liinea-style-page .liinea-style-details {
  margin-top: 0 !important;
}

.liinea-style-page .liinea-style-summary {
  padding-top: 10px !important;
  padding-bottom: 24px !important;
}

/* Meer ruimte tussen formulier/producten en onderste banner */
.liinea-style-page .liinea-bottom-banner {
  margin-top: 64px !important;
}

/* Servicebalk onderaan ook wat meer ademruimte */
.liinea-style-page .liinea-service-strip {
  padding-top: 30px !important;
  padding-bottom: 42px !important;
}

@media (max-width: 650px) {
  .liinea-style-page .liinea-usp-strip {
    margin-bottom: 28px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  .liinea-style-page .liinea-collection-area {
    margin-top: 28px !important;
  }

  .liinea-style-page .liinea-product-tabs {
    margin-bottom: 24px !important;
  }

  .liinea-style-page .liinea-form-reveal.is-visible {
    margin-top: 24px !important;
  }

  .liinea-style-page .liinea-bottom-banner {
    margin-top: 42px !important;
  }

  .liinea-style-page .liinea-service-strip {
    padding-top: 24px !important;
    padding-bottom: 34px !important;
  }
}
