/* Hortilight.eu — geoptimaliseerde centrale stylesheet. Algemene regels eenmaal; pagina-specifieke opmaak behouden. */

/* ===== GEDEELDE BASIS ===== */
body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) * { box-sizing: border-box; }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .header {
      height: 94px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 max(5%, calc((100vw - 1400px) / 2));
      position: relative;
      z-index: 10;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .logo {
      width: 225px;
      max-width: 48vw;
      height: auto;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .nav {
      display: flex;
      align-items: center;
      gap: 38px;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .nav a {
      color: #24392b;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      transition: color .2s;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .nav a:hover { color: var(--green); }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .hero {
      min-height: 640px;
      height: min(76vh, 800px);
      position: relative;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: #203e2c;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg,
  rgba(7, 29, 17, .68) 0%,
  rgba(7, 29, 17, .42) 35%,
  rgba(7, 29, 17, .04) 80%),
        url("../images/hortilight-hero.webp") center center / cover no-repeat;
      animation: heroZoom 16s ease-out both;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .hero-content {
      position: relative;
      z-index: 1;
      width: min(90%, 1400px);
      margin: auto;
      color: white;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .eyebrow {
      display: inline-block;
      color: #b9f3a9;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 13px;
      font-weight: bold;
      margin-bottom: 24px;
      animation: fadeUp .8s ease both;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) h1 {
      max-width: 900px;
      margin: 0;
      font-size: clamp(38px, 4.5vw, 66px);
      line-height: 1.09;
      letter-spacing: -2px;
      font-weight: 750;
      animation: fadeUp .9s .2s ease both;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) h1 span { color: #a6e77d; }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .hero p {
      max-width: 580px;
      font-size: clamp(17px, 1.6vw, 21px);
      line-height: 1.65;
      margin: 30px 0 36px;
      color: #e8f0e9;
      animation: fadeUp .9s .45s ease both;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .hero-button {
      display: inline-block;
      background: #50b64d;
      color: #fff;
      text-decoration: none;
      padding: 17px 28px;
      border-radius: 5px;
      font-size: 15px;
      font-weight: bold;
      transition: background .2s, transform .2s;
      animation: fadeUp .9s .65s ease both;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .hero-button:hover {
      background: #379c39;
      transform: translateY(-2px);
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .intro {
  max-width: 1400px;
  margin: auto;
  padding: 100px 5%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 70px;
  text-align: left;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .intro-video {
  width: 100%;
  display: block;
  border-radius: 10px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: #14251a;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .intro-content {
  min-width: 0;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .intro h2 {
      font-size: clamp(28px, 3vw, 43px);
      margin: 0 0 22px;
    }

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .applications {
  background: #f5f7f5;
  padding: 100px 5%;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .applications-container {
  max-width: 1400px;
  margin: 0 auto;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .applications-heading {
  text-align: center;
  max-width: 750px;
  margin: 0 auto 55px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .applications-heading .accent {
  display: block;
  color: var(--green);
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .applications-heading h2 {
  font-size: clamp(28px, 3vw, 43px);
  margin: 0 0 20px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .applications-heading p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .applications-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .application-card {
  background: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .05);
  transition: transform .3s ease, box-shadow .3s ease;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .application-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, .10);
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .application-image {
  aspect-ratio: 5 / 4;
  overflow: hidden;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .application-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .application-card:hover .application-image img {
  transform: scale(1.05);
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .application-content {
  padding: 28px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .application-content h3 {
  font-size: 23px;
  margin: 0 0 14px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .application-content p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .contact-section {
  background: #173b2a;
  color: #ffffff;
  padding: 95px 6%;
  text-align: center;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .contact-container {
  max-width: 760px;
  margin: 0 auto;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .contact-section .accent {
  display: block;
  color: #a8e59c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .contact-section h2 {
  color: #ffffff;
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: 1.2;
  margin: 0 0 24px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .contact-section p {
  color: #d7e5dc;
  font-size: 17px;
  line-height: 1.8;
  margin: 0 auto 34px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .contact-button {
  display: inline-block;
  background: #4caf50;
  color: #ffffff;
  padding: 17px 32px;
  border-radius: 5px;
  font-weight: 700;
  text-decoration: none;
  transition: background .25s ease, transform .25s ease;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .contact-button:hover {
  background: #399d3e;
  transform: translateY(-2px);
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .contact-button:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 4px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .site-footer {
  background: #102b20;
  color: #d5e1d9;
  padding: 65px 6% 0;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.2fr;
  gap: 70px;
  padding-bottom: 55px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-logo {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
  margin-bottom: 24px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-brand p {
  max-width: 310px;
  font-size: 14px;
  line-height: 1.8;
  color: #b8ccc0;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-column h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 22px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-column p, body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-column a {
  display: block;
  color: #b8ccc0;
  font-size: 14px;
  line-height: 1.8;
  margin: 0 0 6px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-column a {
  text-decoration: none;
  transition: color .2s ease;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-column a:hover {
  color: #a8e59c;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-column a:focus-visible {
  outline: 2px solid #a8e59c;
  outline-offset: 4px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .menu-toggle {
  display: none;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-brand > a {
  display: inline-block;
  margin-top: 12px;
  color: #ffffff;
  text-decoration: none;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-brand > a:hover, body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-legal a:hover {
  text-decoration: underline;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-contact p {
  margin: 0 0 12px;
  line-height: 1.5;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-contact p:last-child {
  margin-bottom: 0;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-contact p a {
  display: inline;
  color: inherit;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-legal a {
  color: #ffffff;
  text-decoration: none;
  font-size: inherit;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-mobile {
  display: none;
}

body:is(.page-index,.page-producten,.page-hortilight,.page-spectrabox,.page-wederverkopers) .footer-desktop {
  display: block;
}

/* ===== INDEX — pagina-specifiek ===== */


    body.page-index {
      --green: #279b43;
      --dark: #15291e;
      --muted: #627268;
    }

    

    html:has(body.page-index) { scroll-behavior: smooth; }

    body.page-index {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--dark);
      background: #fff;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    






body.page-index .intro .accent {
  color: var(--green);
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

body.page-index .intro p {
  margin: 0;
  max-width: none;
}

@media  (max-width: 800px) {
  body.page-index .intro {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 65px 6%;
  }
}


    

    body.page-index .intro p {
      color: var(--muted);
      line-height: 1.8;
      font-size: 18px;
      max-width: 760px;
      margin: auto;
    }

    body.page-index .intro .accent {
      color: var(--green);
      font-weight: bold;
      letter-spacing: 2px;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 20px;
      display: block;
    }

    @keyframes  fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes  heroZoom {
      from { transform: scale(1.06); }
      to { transform: scale(1); }
    }

    @media  (max-width: 700px) {
      body.page-index .header {
        height: auto;
        min-height: 82px;
        padding: 18px 5%;
        flex-wrap: wrap;
        gap: 18px;
      }

      body.page-index .logo { width: 175px; }

      body.page-index .nav {
        gap: 18px;
        flex-wrap: wrap;
      }

      body.page-index .nav a { font-size: 13px; }

      body.page-index .hero {
        min-height: 620px;
        height: auto;
        padding: 90px 0;
      }

      body.page-index .hero::before {
        background:
          linear-gradient(90deg,
            rgba(7, 29, 17, .85),
            rgba(7, 29, 17, .38)),
          url("../images/hortilight-hero.webp") center / cover no-repeat;
      }

      body.page-index h1 { letter-spacing: -1px; }

      body.page-index .intro { padding: 75px 6%; }
    }

    @media  (prefers-reduced-motion: reduce) {
      body.page-index *, body.page-index *::before, body.page-index *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }
	  
	
/* Toepassingsgebieden */































@media  (max-width: 900px) {
  body.page-index .applications-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media  (max-width: 600px) {
  body.page-index .applications {
    padding: 70px 6%;
  }

  body.page-index .applications-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-index .application-card, body.page-index .application-image img {
    transition: none;
  }
}
 
	  
/* Contactsectie Hortilight */

















@media  (max-width: 600px) {
  body.page-index .contact-section {
    padding: 70px 6%;
  }
}

	
/* Footer Hortilight */



















body.page-index .footer-bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding: 23px 0;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #9db5a6;
  font-size: 13px;
}

@media  (max-width: 800px) {
  body.page-index .footer-container {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  body.page-index .footer-brand {
    grid-column: 1 / -1;
  }
}

@media  (max-width: 550px) {
  body.page-index .site-footer {
    padding-top: 50px;
  }

  body.page-index .footer-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  body.page-index .footer-brand {
    grid-column: auto;
  }

  body.page-index .footer-bottom {
    line-height: 1.6;
  }
}
  
	  
/* Mobiele navigatie Hortilight */



@media  (max-width: 768px) {
  body.page-index .header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  body.page-index .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  body.page-index .menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #173b2a;
    border-radius: 2px;
  }

  body.page-index .menu-toggle:focus-visible {
    outline: 2px solid #173b2a;
    outline-offset: 3px;
  }

  body.page-index .header .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 16px 6% 22px;
    background: #ffffff;
    box-shadow: 0 12px 20px rgba(0, 0, 0, .10);
  }

  body.page-index .header .nav.is-open {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  body.page-index .header .nav a {
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #173b2a;
    text-decoration: none;
  }
}

	  
/* Footer aanvullingen */











body.page-index .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}





	/* Definitieve responsive footer */





@media  (max-width: 768px) {

  body.page-index .footer-desktop {
    display: none;
  }

  body.page-index .footer-mobile {
    display: block;
  }

  body.page-index .footer-accordion {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 16px 0;
  }

  body.page-index .footer-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
  }

  body.page-index .footer-accordion summary::-webkit-details-marker {
    display: none;
  }

  body.page-index .footer-accordion summary::after {
    content: "+";
    font-size: 22px;
    font-weight: 400;
  }

  body.page-index .footer-accordion[open] summary::after {
    content: "−";
  }

  body.page-index .footer-accordion-content {
    margin-top: 18px;
  }

  body.page-index .footer-accordion-content > a {
    display: block;
  }

  body.page-index .footer-contact .footer-accordion-content p a {
    display: inline;
  }
}
	  
  


/* ===== PRODUCTEN — pagina-specifiek ===== */


    body.page-producten {
      --green: #279b43;
      --dark: #15291e;
      --muted: #627268;
    }

    

    html:has(body.page-producten) { scroll-behavior: smooth; }

    body.page-producten {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--dark);
      background: #fff;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    






body.page-producten .intro .accent {
  color: var(--green);
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

body.page-producten .intro p {
  margin: 0;
  max-width: none;
}

@media  (max-width: 800px) {
  body.page-producten .intro {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 65px 6%;
  }
}


    

    body.page-producten .intro p {
      color: var(--muted);
      line-height: 1.8;
      font-size: 18px;
      max-width: 760px;
      margin: auto;
    }

    body.page-producten .intro .accent {
      color: var(--green);
      font-weight: bold;
      letter-spacing: 2px;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 20px;
      display: block;
    }

    @keyframes  fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes  heroZoom {
      from { transform: scale(1.06); }
      to { transform: scale(1); }
    }

    @media  (max-width: 700px) {
      body.page-producten .header {
        height: auto;
        min-height: 82px;
        padding: 18px 5%;
        flex-wrap: wrap;
        gap: 18px;
      }

      body.page-producten .logo { width: 175px; }

      body.page-producten .nav {
        gap: 18px;
        flex-wrap: wrap;
      }

      body.page-producten .nav a { font-size: 13px; }

      body.page-producten .hero {
        min-height: 620px;
        height: auto;
        padding: 90px 0;
      }

      body.page-producten .hero::before {
        background:
          linear-gradient(90deg,
            rgba(7, 29, 17, .85),
            rgba(7, 29, 17, .38)),
          url("../images/hortilight-hero.webp") center / cover no-repeat;
      }

      body.page-producten h1 { letter-spacing: -1px; }

      body.page-producten .intro { padding: 75px 6%; }
    }

    @media  (prefers-reduced-motion: reduce) {
      body.page-producten *, body.page-producten *::before, body.page-producten *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }
	  
	
/* Toepassingsgebieden */































@media  (max-width: 900px) {
  body.page-producten .applications-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media  (max-width: 600px) {
  body.page-producten .applications {
    padding: 70px 6%;
  }

  body.page-producten .applications-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-producten .application-card, body.page-producten .application-image img {
    transition: none;
  }
}
 
	  
/* Contactsectie Hortilight */

















@media  (max-width: 600px) {
  body.page-producten .contact-section {
    padding: 70px 6%;
  }
}

	
/* Footer Hortilight */



















body.page-producten .footer-bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding: 23px 0;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #9db5a6;
  font-size: 13px;
}

@media  (max-width: 800px) {
  body.page-producten .footer-container {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  body.page-producten .footer-brand {
    grid-column: 1 / -1;
  }
}

@media  (max-width: 550px) {
  body.page-producten .site-footer {
    padding-top: 50px;
  }

  body.page-producten .footer-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  body.page-producten .footer-brand {
    grid-column: auto;
  }

  body.page-producten .footer-bottom {
    line-height: 1.6;
  }
}
  
	  
/* Mobiele navigatie Hortilight */



@media  (max-width: 768px) {
  body.page-producten .header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  body.page-producten .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  body.page-producten .menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #173b2a;
    border-radius: 2px;
  }

  body.page-producten .menu-toggle:focus-visible {
    outline: 2px solid #173b2a;
    outline-offset: 3px;
  }

  body.page-producten .header .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 16px 6% 22px;
    background: #ffffff;
    box-shadow: 0 12px 20px rgba(0, 0, 0, .10);
  }

  body.page-producten .header .nav.is-open {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  body.page-producten .header .nav a {
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #173b2a;
    text-decoration: none;
  }
}


/* Productpagina - introductie */

body.page-producten .products-intro {
  background: #f4f7f5;
  padding: 105px 6% 100px;
  text-align: center;
}

body.page-producten .products-intro-inner {
  max-width: 850px;
  margin: 0 auto;
}

body.page-producten .products-eyebrow {
  display: block;
  color: #2e9144;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

body.page-producten .products-intro h1 {
  color: #173b2a;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.15;
  margin: 0 0 26px;
}

body.page-producten .products-intro p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  margin: 0 auto;
  max-width: 730px;
}

/* Productpagina - merken */

body.page-producten .brands-section {
  background: #ffffff;
  padding: 90px 6% 110px;
}

body.page-producten .brands-container {
  max-width: 1400px;
  margin: 0 auto;
}

body.page-producten .brands-heading {
  text-align: center;
  margin-bottom: 55px;
}

body.page-producten .brands-heading h2 {
  color: #173b2a;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.25;
  margin: 0;
}

body.page-producten .brands-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

body.page-producten .brand-card {
  display: flex;
  align-items: center;
  min-height: 350px;
  padding: 50px;
  background: #f4f7f5;
  border: 1px solid #e5ece7;
  border-radius: 12px;
  transition: transform .3s ease, box-shadow .3s ease;
}

body.page-producten .brand-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, .08);
}

body.page-producten .brand-card-content {
  max-width: 450px;
}

body.page-producten .brand-card h3 {
  color: #173b2a;
  font-size: 32px;
  margin: 0 0 20px;
}

body.page-producten .brand-card p {
  color: #617269;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 30px;
}

body.page-producten .brand-link {
  display: inline-block;
  padding: 14px 24px;
  background: #4caf50;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  transition: background .25s ease;
}

body.page-producten .brand-link:hover {
  background: #399d3e;
}

body.page-producten .brand-link:focus-visible {
  outline: 3px solid #173b2a;
  outline-offset: 4px;
}

/* Productpagina - mobiel */

@media  (max-width: 768px) {
  body.page-producten .products-intro {
    padding: 75px 6%;
  }

  body.page-producten .brands-section {
    padding: 70px 6%;
  }

  body.page-producten .brands-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.page-producten .brand-card {
    min-height: auto;
    padding: 35px 28px;
  }

  body.page-producten .brand-card h3 {
    font-size: 27px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-producten .brand-card, body.page-producten .brand-link {
    transition: none;
  }
}

	  /* Productafbeeldingen in merkkaarten */

body.page-producten .brand-card {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

body.page-producten .brand-card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
  margin-bottom: 25px;
}

body.page-producten .brand-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.page-producten .brand-card-content {
  max-width: none;
}

@media  (max-width: 768px) {
  body.page-producten .brand-card-image {
    height: 230px;
  }
}
	
	/* ScrogMaster PRO groter weergeven */

body.page-producten .brand-card-image img.scrogmaster-image {
  transform: scale(1.4);
}  
	
	  
/* Footer aanvullingen */











body.page-producten .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}





/* Definitieve responsive footer */





@media  (max-width: 768px) {

  body.page-producten .footer-desktop {
    display: none;
  }

  body.page-producten .footer-mobile {
    display: block;
  }

  body.page-producten .footer-accordion {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 16px 0;
  }

  body.page-producten .footer-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
  }

  body.page-producten .footer-accordion summary::-webkit-details-marker {
    display: none;
  }

  body.page-producten .footer-accordion summary::after {
    content: "+";
    font-size: 22px;
    font-weight: 400;
  }

  body.page-producten .footer-accordion[open] summary::after {
    content: "−";
  }

  body.page-producten .footer-accordion-content {
    margin-top: 18px;
  }

  body.page-producten .footer-accordion-content > a {
    display: block;
  }

  body.page-producten .footer-contact .footer-accordion-content p a {
    display: inline;
  }
}	  
  


/* ===== HORTILIGHT — pagina-specifiek ===== */


    body.page-hortilight {
      --green: #279b43;
      --dark: #15291e;
      --muted: #627268;
    }

    

    html:has(body.page-hortilight) { scroll-behavior: smooth; }

    body.page-hortilight {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--dark);
      background: #fff;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    






body.page-hortilight .intro .accent {
  color: var(--green);
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

body.page-hortilight .intro p {
  margin: 0;
  max-width: none;
}

@media  (max-width: 800px) {
  body.page-hortilight .intro {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 65px 6%;
  }
}


    

    body.page-hortilight .intro p {
      color: var(--muted);
      line-height: 1.8;
      font-size: 18px;
      max-width: 760px;
      margin: auto;
    }

    body.page-hortilight .intro .accent {
      color: var(--green);
      font-weight: bold;
      letter-spacing: 2px;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 20px;
      display: block;
    }

    @keyframes  fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes  heroZoom {
      from { transform: scale(1.06); }
      to { transform: scale(1); }
    }

    @media  (max-width: 700px) {
      body.page-hortilight .header {
        height: auto;
        min-height: 82px;
        padding: 18px 5%;
        flex-wrap: wrap;
        gap: 18px;
      }

      body.page-hortilight .logo { width: 175px; }

      body.page-hortilight .nav {
        gap: 18px;
        flex-wrap: wrap;
      }

      body.page-hortilight .nav a { font-size: 13px; }

      body.page-hortilight .hero {
        min-height: 620px;
        height: auto;
        padding: 90px 0;
      }

      body.page-hortilight .hero::before {
        background:
          linear-gradient(90deg,
            rgba(7, 29, 17, .85),
            rgba(7, 29, 17, .38)),
          url("../images/hortilight-hero.webp") center / cover no-repeat;
      }

      body.page-hortilight h1 { letter-spacing: -1px; }

      body.page-hortilight .intro { padding: 75px 6%; }
    }

    @media  (prefers-reduced-motion: reduce) {
      body.page-hortilight *, body.page-hortilight *::before, body.page-hortilight *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }
	  
	
/* Toepassingsgebieden */































@media  (max-width: 900px) {
  body.page-hortilight .applications-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media  (max-width: 600px) {
  body.page-hortilight .applications {
    padding: 70px 6%;
  }

  body.page-hortilight .applications-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-hortilight .application-card, body.page-hortilight .application-image img {
    transition: none;
  }
}
 
	  
/* Contactsectie Hortilight */

















@media  (max-width: 600px) {
  body.page-hortilight .contact-section {
    padding: 70px 6%;
  }
}

	
/* Footer Hortilight */



















body.page-hortilight .footer-bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding: 23px 0;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #9db5a6;
  font-size: 13px;
}

@media  (max-width: 800px) {
  body.page-hortilight .footer-container {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  body.page-hortilight .footer-brand {
    grid-column: 1 / -1;
  }
}

@media  (max-width: 550px) {
  body.page-hortilight .site-footer {
    padding-top: 50px;
  }

  body.page-hortilight .footer-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  body.page-hortilight .footer-brand {
    grid-column: auto;
  }

  body.page-hortilight .footer-bottom {
    line-height: 1.6;
  }
}
  
	  
/* Mobiele navigatie Hortilight */



@media  (max-width: 768px) {
  body.page-hortilight .header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  body.page-hortilight .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  body.page-hortilight .menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #173b2a;
    border-radius: 2px;
  }

  body.page-hortilight .menu-toggle:focus-visible {
    outline: 2px solid #173b2a;
    outline-offset: 3px;
  }

  body.page-hortilight .header .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 16px 6% 22px;
    background: #ffffff;
    box-shadow: 0 12px 20px rgba(0, 0, 0, .10);
  }

  body.page-hortilight .header .nav.is-open {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  body.page-hortilight .header .nav a {
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #173b2a;
    text-decoration: none;
  }
}


/* Productpagina - introductie */

body.page-hortilight .products-intro {
  background: #f4f7f5;
  padding: 105px 6% 100px;
  text-align: center;
}

body.page-hortilight .products-intro-inner {
  max-width: 850px;
  margin: 0 auto;
}

body.page-hortilight .products-eyebrow {
  display: block;
  color: #2e9144;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

body.page-hortilight .products-intro h1 {
  color: #173b2a;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.15;
  margin: 0 0 26px;
}

body.page-hortilight .products-intro p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  margin: 0 auto;
  max-width: 730px;
}

/* Productpagina - merken */

body.page-hortilight .brands-section {
  background: #ffffff;
  padding: 90px 6% 110px;
}

body.page-hortilight .brands-container {
  max-width: 1400px;
  margin: 0 auto;
}

body.page-hortilight .brands-heading {
  text-align: center;
  margin-bottom: 55px;
}

body.page-hortilight .brands-heading h2 {
  color: #173b2a;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.25;
  margin: 0;
}

body.page-hortilight .brands-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

body.page-hortilight .brand-card {
  display: flex;
  align-items: center;
  min-height: 350px;
  padding: 50px;
  background: #f4f7f5;
  border: 1px solid #e5ece7;
  border-radius: 12px;
  transition: transform .3s ease, box-shadow .3s ease;
}

body.page-hortilight .brand-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, .08);
}

body.page-hortilight .brand-card-content {
  max-width: 450px;
}

body.page-hortilight .brand-card h3 {
  color: #173b2a;
  font-size: 32px;
  margin: 0 0 20px;
}

body.page-hortilight .brand-card p {
  color: #617269;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 30px;
}

body.page-hortilight .brand-link {
  display: inline-block;
  padding: 14px 24px;
  background: #4caf50;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  transition: background .25s ease;
}

body.page-hortilight .brand-link:hover {
  background: #399d3e;
}

body.page-hortilight .brand-link:focus-visible {
  outline: 3px solid #173b2a;
  outline-offset: 4px;
}

/* Productpagina - mobiel */

@media  (max-width: 768px) {
  body.page-hortilight .products-intro {
    padding: 75px 6%;
  }

  body.page-hortilight .brands-section {
    padding: 70px 6%;
  }

  body.page-hortilight .brands-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.page-hortilight .brand-card {
    min-height: auto;
    padding: 35px 28px;
  }

  body.page-hortilight .brand-card h3 {
    font-size: 27px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-hortilight .brand-card, body.page-hortilight .brand-link {
    transition: none;
  }
}

	  /* Productafbeeldingen in merkkaarten */

body.page-hortilight .brand-card {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

body.page-hortilight .brand-card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
  margin-bottom: 25px;
}

body.page-hortilight .brand-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.page-hortilight .brand-card-content {
  max-width: none;
}

@media  (max-width: 768px) {
  body.page-hortilight .brand-card-image {
    height: 230px;
  }
}
	
	/* ScrogMaster PRO groter weergeven */

body.page-hortilight .brand-card-image img.scrogmaster-image {
  transform: scale(1.4);
}  
	
	  
/* Spectrabox productpresentaties */

body.page-hortilight .spectrabox-section {
  background: #ffffff;
  padding: 90px 6% 110px;
}

body.page-hortilight .spectrabox-container {
  max-width: 1250px;
  margin: 0 auto;
}

body.page-hortilight .spectrabox-product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 75px;
  padding: 65px 0;
  border-bottom: 1px solid #e5ece7;
}

body.page-hortilight .spectrabox-product:first-child {
  padding-top: 0;
}

body.page-hortilight .spectrabox-product:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}


body.page-hortilight .spectrabox-product:nth-child(odd) .spectrabox-image {
  order: 2;
}

body.page-hortilight .spectrabox-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 390px;
  padding: 35px;
  background: #f4f7f5;
  border-radius: 12px;
}

body.page-hortilight .spectrabox-image img {
  display: block;
  width: 100%;
  max-width: 440px;
  height: 360px;
  object-fit: contain;
}

body.page-hortilight .spectrabox-placeholder {
  color: #7b9082;
  font-size: 15px;
  text-align: center;
}

body.page-hortilight .spectrabox-content {
  min-width: 0;
}

body.page-hortilight .spectrabox-content h2 {
  color: #173b2a;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.2;
  margin: 0 0 22px;
}

body.page-hortilight .spectrabox-content p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  margin: 0 0 25px;
}

body.page-hortilight .spectrabox-models {
  color: #173b2a;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 25px;
}

body.page-hortilight .spectrabox-content ul {
  margin: 0;
  padding-left: 20px;
  color: #617269;
  font-size: 16px;
  line-height: 2;
}

body.page-hortilight .spectrabox-content li::marker {
  color: #4caf50;
}

/* Spectrabox op tablet en mobiel */

@media  (max-width: 900px) {
  body.page-hortilight .spectrabox-product {
    gap: 35px;
  }

  body.page-hortilight .spectrabox-image {
    min-height: 300px;
    padding: 25px;
  }

  body.page-hortilight .spectrabox-image img {
    height: 280px;
  }
}

@media  (max-width: 700px) {
  body.page-hortilight .spectrabox-section {
    padding: 60px 6% 80px;
  }

  body.page-hortilight .spectrabox-product {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 50px 0;
  }

  body.page-hortilight .spectrabox-product:nth-child(even) .spectrabox-image {
    order: 0;
  }

  body.page-hortilight .spectrabox-image {
    min-height: 280px;
  }

  body.page-hortilight .spectrabox-image img {
    height: 260px;
  }

  body.page-hortilight .spectrabox-content h2 {
    font-size: 30px;
  }

  body.page-hortilight .spectrabox-content p {
    font-size: 16px;
  }
}
	
/* Spectrabox PRO afbeelding vergroten */

body.page-hortilight .spectrabox-image img.pro-image {
  transform: scale(1.35);
  transform-origin: center;
}
	
	  
/* Footer aanvullingen */











body.page-hortilight .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}






/* Hortilight productcategorieën */

body.page-hortilight .hortilight-categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 28px 20px;
  background: #ffffff;
}

body.page-hortilight .hortilight-categories a {
  display: inline-block;
  padding: 11px 20px;
  border: 1px solid #d5e3d7;
  border-radius: 6px;
  color: #234b35;
  text-decoration: none;
  font-weight: 600;
}

body.page-hortilight .hortilight-categories a:hover {
  background: #f2f7f2;
}

body.page-hortilight .hortilight-group-title {
  color: #234b35;
  font-size: clamp(26px, 3vw, 34px);
  margin: 0 0 45px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d5e3d7;
}

@media  (max-width: 768px) {
  body.page-hortilight .hortilight-categories {
    gap: 10px;
  }

  body.page-hortilight .hortilight-categories a {
    padding: 10px 14px;
    font-size: 14px;
  }

  body.page-hortilight .hortilight-group-title {
    margin-bottom: 25px;
  }
}
 
/* Hortilight ScrogMaster PRO en Dual vergroten */

body.page-hortilight .spectrabox-image img.hortilight-scrogmaster-image {
  transform: scale(1.4);
  transform-origin: center;
}

	  
/* Hortilight mobiel: afbeelding altijd boven tekst */

@media  (max-width: 700px) {

  body.page-hortilight #led-verlichting .spectrabox-product, body.page-hortilight #cmh-verlichting .spectrabox-product, body.page-hortilight #plasmaverlichting .spectrabox-product {
    grid-template-columns: 1fr;
  }

  body.page-hortilight #led-verlichting .spectrabox-image, body.page-hortilight #cmh-verlichting .spectrabox-image, body.page-hortilight #plasmaverlichting .spectrabox-image {
    order: 0;
  }

  body.page-hortilight #led-verlichting .spectrabox-content, body.page-hortilight #cmh-verlichting .spectrabox-content, body.page-hortilight #plasmaverlichting .spectrabox-content {
    order: 1;
  }

}
	

/* Definitieve responsive footer */





@media  (max-width: 768px) {

  body.page-hortilight .footer-desktop {
    display: none;
  }

  body.page-hortilight .footer-mobile {
    display: block;
  }

  body.page-hortilight .footer-accordion {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 16px 0;
  }

  body.page-hortilight .footer-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
  }

  body.page-hortilight .footer-accordion summary::-webkit-details-marker {
    display: none;
  }

  body.page-hortilight .footer-accordion summary::after {
    content: "+";
    font-size: 22px;
    font-weight: 400;
  }

  body.page-hortilight .footer-accordion[open] summary::after {
    content: "−";
  }

  body.page-hortilight .footer-accordion-content {
    margin-top: 18px;
  }

  body.page-hortilight .footer-accordion-content > a {
    display: block;
  }

  body.page-hortilight .footer-contact .footer-accordion-content p a {
    display: inline;
  }
}

	  
  


/* ===== SPECTRABOX — pagina-specifiek ===== */


    body.page-spectrabox {
      --green: #279b43;
      --dark: #15291e;
      --muted: #627268;
    }

    

    html:has(body.page-spectrabox) { scroll-behavior: smooth; }

    body.page-spectrabox {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--dark);
      background: #fff;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    






body.page-spectrabox .intro .accent {
  color: var(--green);
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

body.page-spectrabox .intro p {
  margin: 0;
  max-width: none;
}

@media  (max-width: 800px) {
  body.page-spectrabox .intro {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 65px 6%;
  }
}


    

    body.page-spectrabox .intro p {
      color: var(--muted);
      line-height: 1.8;
      font-size: 18px;
      max-width: 760px;
      margin: auto;
    }

    body.page-spectrabox .intro .accent {
      color: var(--green);
      font-weight: bold;
      letter-spacing: 2px;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 20px;
      display: block;
    }

    @keyframes  fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes  heroZoom {
      from { transform: scale(1.06); }
      to { transform: scale(1); }
    }

    @media  (max-width: 700px) {
      body.page-spectrabox .header {
        height: auto;
        min-height: 82px;
        padding: 18px 5%;
        flex-wrap: wrap;
        gap: 18px;
      }

      body.page-spectrabox .logo { width: 175px; }

      body.page-spectrabox .nav {
        gap: 18px;
        flex-wrap: wrap;
      }

      body.page-spectrabox .nav a { font-size: 13px; }

      body.page-spectrabox .hero {
        min-height: 620px;
        height: auto;
        padding: 90px 0;
      }

      body.page-spectrabox .hero::before {
        background:
          linear-gradient(90deg,
            rgba(7, 29, 17, .85),
            rgba(7, 29, 17, .38)),
          url("../images/hortilight-hero.webp") center / cover no-repeat;
      }

      body.page-spectrabox h1 { letter-spacing: -1px; }

      body.page-spectrabox .intro { padding: 75px 6%; }
    }

    @media  (prefers-reduced-motion: reduce) {
      body.page-spectrabox *, body.page-spectrabox *::before, body.page-spectrabox *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }
	  
	
/* Toepassingsgebieden */































@media  (max-width: 900px) {
  body.page-spectrabox .applications-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media  (max-width: 600px) {
  body.page-spectrabox .applications {
    padding: 70px 6%;
  }

  body.page-spectrabox .applications-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-spectrabox .application-card, body.page-spectrabox .application-image img {
    transition: none;
  }
}
 
	  
/* Contactsectie Hortilight */

















@media  (max-width: 600px) {
  body.page-spectrabox .contact-section {
    padding: 70px 6%;
  }
}

	
/* Footer Hortilight */



















body.page-spectrabox .footer-bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding: 23px 0;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #9db5a6;
  font-size: 13px;
}

@media  (max-width: 800px) {
  body.page-spectrabox .footer-container {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  body.page-spectrabox .footer-brand {
    grid-column: 1 / -1;
  }
}

@media  (max-width: 550px) {
  body.page-spectrabox .site-footer {
    padding-top: 50px;
  }

  body.page-spectrabox .footer-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  body.page-spectrabox .footer-brand {
    grid-column: auto;
  }

  body.page-spectrabox .footer-bottom {
    line-height: 1.6;
  }
}
  
	  
/* Mobiele navigatie Hortilight */



@media  (max-width: 768px) {
  body.page-spectrabox .header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  body.page-spectrabox .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  body.page-spectrabox .menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #173b2a;
    border-radius: 2px;
  }

  body.page-spectrabox .menu-toggle:focus-visible {
    outline: 2px solid #173b2a;
    outline-offset: 3px;
  }

  body.page-spectrabox .header .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 16px 6% 22px;
    background: #ffffff;
    box-shadow: 0 12px 20px rgba(0, 0, 0, .10);
  }

  body.page-spectrabox .header .nav.is-open {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  body.page-spectrabox .header .nav a {
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #173b2a;
    text-decoration: none;
  }
}


/* Productpagina - introductie */

body.page-spectrabox .products-intro {
  background: #f4f7f5;
  padding: 105px 6% 100px;
  text-align: center;
}

body.page-spectrabox .products-intro-inner {
  max-width: 850px;
  margin: 0 auto;
}

body.page-spectrabox .products-eyebrow {
  display: block;
  color: #2e9144;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

body.page-spectrabox .products-intro h1 {
  color: #173b2a;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.15;
  margin: 0 0 26px;
}

body.page-spectrabox .products-intro p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  margin: 0 auto;
  max-width: 730px;
}

/* Productpagina - merken */

body.page-spectrabox .brands-section {
  background: #ffffff;
  padding: 90px 6% 110px;
}

body.page-spectrabox .brands-container {
  max-width: 1400px;
  margin: 0 auto;
}

body.page-spectrabox .brands-heading {
  text-align: center;
  margin-bottom: 55px;
}

body.page-spectrabox .brands-heading h2 {
  color: #173b2a;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.25;
  margin: 0;
}

body.page-spectrabox .brands-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

body.page-spectrabox .brand-card {
  display: flex;
  align-items: center;
  min-height: 350px;
  padding: 50px;
  background: #f4f7f5;
  border: 1px solid #e5ece7;
  border-radius: 12px;
  transition: transform .3s ease, box-shadow .3s ease;
}

body.page-spectrabox .brand-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, .08);
}

body.page-spectrabox .brand-card-content {
  max-width: 450px;
}

body.page-spectrabox .brand-card h3 {
  color: #173b2a;
  font-size: 32px;
  margin: 0 0 20px;
}

body.page-spectrabox .brand-card p {
  color: #617269;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 30px;
}

body.page-spectrabox .brand-link {
  display: inline-block;
  padding: 14px 24px;
  background: #4caf50;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  transition: background .25s ease;
}

body.page-spectrabox .brand-link:hover {
  background: #399d3e;
}

body.page-spectrabox .brand-link:focus-visible {
  outline: 3px solid #173b2a;
  outline-offset: 4px;
}

/* Productpagina - mobiel */

@media  (max-width: 768px) {
  body.page-spectrabox .products-intro {
    padding: 75px 6%;
  }

  body.page-spectrabox .brands-section {
    padding: 70px 6%;
  }

  body.page-spectrabox .brands-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.page-spectrabox .brand-card {
    min-height: auto;
    padding: 35px 28px;
  }

  body.page-spectrabox .brand-card h3 {
    font-size: 27px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-spectrabox .brand-card, body.page-spectrabox .brand-link {
    transition: none;
  }
}

	  /* Productafbeeldingen in merkkaarten */

body.page-spectrabox .brand-card {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

body.page-spectrabox .brand-card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
  margin-bottom: 25px;
}

body.page-spectrabox .brand-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.page-spectrabox .brand-card-content {
  max-width: none;
}

@media  (max-width: 768px) {
  body.page-spectrabox .brand-card-image {
    height: 230px;
  }
}
	
	/* ScrogMaster PRO groter weergeven */

body.page-spectrabox .brand-card-image img.scrogmaster-image {
  transform: scale(1.4);
}  
	
	  
/* Spectrabox productpresentaties */

body.page-spectrabox .spectrabox-section {
  background: #ffffff;
  padding: 90px 6% 110px;
}

body.page-spectrabox .spectrabox-container {
  max-width: 1250px;
  margin: 0 auto;
}

body.page-spectrabox .spectrabox-product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 75px;
  padding: 65px 0;
  border-bottom: 1px solid #e5ece7;
}

body.page-spectrabox .spectrabox-product:first-child {
  padding-top: 0;
}

body.page-spectrabox .spectrabox-product:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

body.page-spectrabox .spectrabox-product:nth-child(even) .spectrabox-image {
  order: 2;
}

body.page-spectrabox .spectrabox-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 390px;
  padding: 35px;
  background: #f4f7f5;
  border-radius: 12px;
}

body.page-spectrabox .spectrabox-image img {
  display: block;
  width: 100%;
  max-width: 440px;
  height: 360px;
  object-fit: contain;
}

body.page-spectrabox .spectrabox-placeholder {
  color: #7b9082;
  font-size: 15px;
  text-align: center;
}

body.page-spectrabox .spectrabox-content {
  min-width: 0;
}

body.page-spectrabox .spectrabox-content h2 {
  color: #173b2a;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.2;
  margin: 0 0 22px;
}

body.page-spectrabox .spectrabox-content p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  margin: 0 0 25px;
}

body.page-spectrabox .spectrabox-models {
  color: #173b2a;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 25px;
}

body.page-spectrabox .spectrabox-content ul {
  margin: 0;
  padding-left: 20px;
  color: #617269;
  font-size: 16px;
  line-height: 2;
}

body.page-spectrabox .spectrabox-content li::marker {
  color: #4caf50;
}

/* Spectrabox op tablet en mobiel */

@media  (max-width: 900px) {
  body.page-spectrabox .spectrabox-product {
    gap: 35px;
  }

  body.page-spectrabox .spectrabox-image {
    min-height: 300px;
    padding: 25px;
  }

  body.page-spectrabox .spectrabox-image img {
    height: 280px;
  }
}

@media  (max-width: 700px) {
  body.page-spectrabox .spectrabox-section {
    padding: 60px 6% 80px;
  }

  body.page-spectrabox .spectrabox-product {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 50px 0;
  }

  body.page-spectrabox .spectrabox-product:nth-child(even) .spectrabox-image {
    order: 0;
  }

  body.page-spectrabox .spectrabox-image {
    min-height: 280px;
  }

  body.page-spectrabox .spectrabox-image img {
    height: 260px;
  }

  body.page-spectrabox .spectrabox-content h2 {
    font-size: 30px;
  }

  body.page-spectrabox .spectrabox-content p {
    font-size: 16px;
  }
}
	
/* Spectrabox PRO afbeelding vergroten */

body.page-spectrabox .spectrabox-image img.pro-image {
  transform: scale(1.35);
  transform-origin: center;
}
	
	  
/* Footer aanvullingen */











body.page-spectrabox .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}





/* Definitieve responsive footer */





@media  (max-width: 768px) {

  body.page-spectrabox .footer-desktop {
    display: none;
  }

  body.page-spectrabox .footer-mobile {
    display: block;
  }

  body.page-spectrabox .footer-accordion {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 16px 0;
  }

  body.page-spectrabox .footer-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
  }

  body.page-spectrabox .footer-accordion summary::-webkit-details-marker {
    display: none;
  }

  body.page-spectrabox .footer-accordion summary::after {
    content: "+";
    font-size: 22px;
    font-weight: 400;
  }

  body.page-spectrabox .footer-accordion[open] summary::after {
    content: "−";
  }

  body.page-spectrabox .footer-accordion-content {
    margin-top: 18px;
  }

  body.page-spectrabox .footer-accordion-content > a {
    display: block;
  }

  body.page-spectrabox .footer-contact .footer-accordion-content p a {
    display: inline;
  }
}	  
  


/* ===== WEDERVERKOPERS — pagina-specifiek ===== */


    body.page-wederverkopers {
      --green: #279b43;
      --dark: #15291e;
      --muted: #627268;
    }

    

    html:has(body.page-wederverkopers) { scroll-behavior: smooth; }

    body.page-wederverkopers {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--dark);
      background: #fff;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    






body.page-wederverkopers .intro .accent {
  color: var(--green);
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

body.page-wederverkopers .intro p {
  margin: 0;
  max-width: none;
}

@media  (max-width: 800px) {
  body.page-wederverkopers .intro {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 65px 6%;
  }
}


    

    body.page-wederverkopers .intro p {
      color: var(--muted);
      line-height: 1.8;
      font-size: 18px;
      max-width: 760px;
      margin: auto;
    }

    body.page-wederverkopers .intro .accent {
      color: var(--green);
      font-weight: bold;
      letter-spacing: 2px;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 20px;
      display: block;
    }

    @keyframes  fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes  heroZoom {
      from { transform: scale(1.06); }
      to { transform: scale(1); }
    }

    @media  (max-width: 700px) {
      body.page-wederverkopers .header {
        height: auto;
        min-height: 82px;
        padding: 18px 5%;
        flex-wrap: wrap;
        gap: 18px;
      }

      body.page-wederverkopers .logo { width: 175px; }

      body.page-wederverkopers .nav {
        gap: 18px;
        flex-wrap: wrap;
      }

      body.page-wederverkopers .nav a { font-size: 13px; }

      body.page-wederverkopers .hero {
        min-height: 620px;
        height: auto;
        padding: 90px 0;
      }

      body.page-wederverkopers .hero::before {
        background:
          linear-gradient(90deg,
            rgba(7, 29, 17, .85),
            rgba(7, 29, 17, .38)),
          url("../images/hortilight-hero.webp") center / cover no-repeat;
      }

      body.page-wederverkopers h1 { letter-spacing: -1px; }

      body.page-wederverkopers .intro { padding: 75px 6%; }
    }

    @media  (prefers-reduced-motion: reduce) {
      body.page-wederverkopers *, body.page-wederverkopers *::before, body.page-wederverkopers *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }
	  
	
/* Toepassingsgebieden */































@media  (max-width: 900px) {
  body.page-wederverkopers .applications-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media  (max-width: 600px) {
  body.page-wederverkopers .applications {
    padding: 70px 6%;
  }

  body.page-wederverkopers .applications-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-wederverkopers .application-card, body.page-wederverkopers .application-image img {
    transition: none;
  }
}
 
	  
/* Contactsectie Hortilight */

















@media  (max-width: 600px) {
  body.page-wederverkopers .contact-section {
    padding: 70px 6%;
  }
}

	
/* Footer Hortilight */



















body.page-wederverkopers .footer-bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding: 23px 0;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #9db5a6;
  font-size: 13px;
}

@media  (max-width: 800px) {
  body.page-wederverkopers .footer-container {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  body.page-wederverkopers .footer-brand {
    grid-column: 1 / -1;
  }
}

@media  (max-width: 550px) {
  body.page-wederverkopers .site-footer {
    padding-top: 50px;
  }

  body.page-wederverkopers .footer-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  body.page-wederverkopers .footer-brand {
    grid-column: auto;
  }

  body.page-wederverkopers .footer-bottom {
    line-height: 1.6;
  }
}
  
	  
/* Mobiele navigatie Hortilight */



@media  (max-width: 768px) {
  body.page-wederverkopers .header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  body.page-wederverkopers .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  body.page-wederverkopers .menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #173b2a;
    border-radius: 2px;
  }

  body.page-wederverkopers .menu-toggle:focus-visible {
    outline: 2px solid #173b2a;
    outline-offset: 3px;
  }

  body.page-wederverkopers .header .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 16px 6% 22px;
    background: #ffffff;
    box-shadow: 0 12px 20px rgba(0, 0, 0, .10);
  }

  body.page-wederverkopers .header .nav.is-open {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  body.page-wederverkopers .header .nav a {
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #173b2a;
    text-decoration: none;
  }
}


/* Productpagina - introductie */

body.page-wederverkopers .products-intro {
  background: #f4f7f5;
  padding: 105px 6% 100px;
  text-align: center;
}

body.page-wederverkopers .products-intro-inner {
  max-width: 850px;
  margin: 0 auto;
}

body.page-wederverkopers .products-eyebrow {
  display: block;
  color: #2e9144;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

body.page-wederverkopers .products-intro h1 {
  color: #173b2a;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.15;
  margin: 0 0 26px;
}

body.page-wederverkopers .products-intro p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  margin: 0 auto;
  max-width: 730px;
}

/* Productpagina - merken */

body.page-wederverkopers .brands-section {
  background: #ffffff;
  padding: 90px 6% 110px;
}

body.page-wederverkopers .brands-container {
  max-width: 1400px;
  margin: 0 auto;
}

body.page-wederverkopers .brands-heading {
  text-align: center;
  margin-bottom: 55px;
}

body.page-wederverkopers .brands-heading h2 {
  color: #173b2a;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.25;
  margin: 0;
}

body.page-wederverkopers .brands-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

body.page-wederverkopers .brand-card {
  display: flex;
  align-items: center;
  min-height: 350px;
  padding: 50px;
  background: #f4f7f5;
  border: 1px solid #e5ece7;
  border-radius: 12px;
  transition: transform .3s ease, box-shadow .3s ease;
}

body.page-wederverkopers .brand-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, .08);
}

body.page-wederverkopers .brand-card-content {
  max-width: 450px;
}

body.page-wederverkopers .brand-card h3 {
  color: #173b2a;
  font-size: 32px;
  margin: 0 0 20px;
}

body.page-wederverkopers .brand-card p {
  color: #617269;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 30px;
}

body.page-wederverkopers .brand-link {
  display: inline-block;
  padding: 14px 24px;
  background: #4caf50;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  transition: background .25s ease;
}

body.page-wederverkopers .brand-link:hover {
  background: #399d3e;
}

body.page-wederverkopers .brand-link:focus-visible {
  outline: 3px solid #173b2a;
  outline-offset: 4px;
}

/* Productpagina - mobiel */

@media  (max-width: 768px) {
  body.page-wederverkopers .products-intro {
    padding: 75px 6%;
  }

  body.page-wederverkopers .brands-section {
    padding: 70px 6%;
  }

  body.page-wederverkopers .brands-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.page-wederverkopers .brand-card {
    min-height: auto;
    padding: 35px 28px;
  }

  body.page-wederverkopers .brand-card h3 {
    font-size: 27px;
  }
}

@media  (prefers-reduced-motion: reduce) {
  body.page-wederverkopers .brand-card, body.page-wederverkopers .brand-link {
    transition: none;
  }
}

	  /* Productafbeeldingen in merkkaarten */

body.page-wederverkopers .brand-card {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

body.page-wederverkopers .brand-card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
  margin-bottom: 25px;
}

body.page-wederverkopers .brand-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.page-wederverkopers .brand-card-content {
  max-width: none;
}

@media  (max-width: 768px) {
  body.page-wederverkopers .brand-card-image {
    height: 230px;
  }
}
	
	/* ScrogMaster PRO groter weergeven */

body.page-wederverkopers .brand-card-image img.scrogmaster-image {
  transform: scale(1.4);
}  
	 
	
/* Wederverkoperspagina */

body.page-wederverkopers .reseller-section {
  padding: 75px 24px 90px;
  background: #ffffff;
}

body.page-wederverkopers .reseller-container {
  max-width: 1120px;
  margin: 0 auto;
}

body.page-wederverkopers .reseller-intro {
  max-width: 800px;
  margin: 0 auto 65px;
  text-align: center;
}

body.page-wederverkopers .reseller-intro h2, body.page-wederverkopers .reseller-contact h2 {
  color: #234b35;
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.25;
  margin-bottom: 22px;
}

body.page-wederverkopers .reseller-intro p, body.page-wederverkopers .reseller-contact p {
  color: #555;
  font-size: 17px;
  line-height: 1.8;
}

body.page-wederverkopers .reseller-brands {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  margin-bottom: 80px;
}

body.page-wederverkopers .reseller-brand {
  padding: 42px;
  background: #f2f7f2;
  border-radius: 12px;
}

body.page-wederverkopers .reseller-brand h3 {
  color: #234b35;
  font-size: 25px;
  margin: 0 0 18px;
}

body.page-wederverkopers .reseller-brand p {
  color: #555;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 26px;
}

body.page-wederverkopers .reseller-brand a, body.page-wederverkopers .reseller-contact a {
  display: inline-block;
  padding: 13px 25px;
  background: #234b35;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  border-radius: 6px;
  transition: background 0.2s ease;
}

body.page-wederverkopers .reseller-brand a:hover, body.page-wederverkopers .reseller-contact a:hover {
  background: #326b4b;
}

body.page-wederverkopers .reseller-contact {
  max-width: 850px;
  margin: 0 auto;
  padding: 55px 45px;
  background: #f2f7f2;
  border-radius: 12px;
  text-align: center;
}

body.page-wederverkopers .reseller-contact p {
  margin-bottom: 30px;
}

@media  (max-width: 768px) {
  body.page-wederverkopers .reseller-section {
    padding: 50px 20px 65px;
  }

  body.page-wederverkopers .reseller-intro {
    margin-bottom: 40px;
  }

  body.page-wederverkopers .reseller-brands {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 50px;
  }

  body.page-wederverkopers .reseller-brand {
    padding: 30px 25px;
  }

  body.page-wederverkopers .reseller-contact {
    padding: 40px 25px;
  }
}
  
	  
/* Footer aanvullingen */











body.page-wederverkopers .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}





/* Definitieve responsive footer */





@media  (max-width: 768px) {

  body.page-wederverkopers .footer-desktop {
    display: none;
  }

  body.page-wederverkopers .footer-mobile {
    display: block;
  }

  body.page-wederverkopers .footer-accordion {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 16px 0;
  }

  body.page-wederverkopers .footer-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    cursor: pointer;
    color: #ffffff;
    font-weight: 700;
  }

  body.page-wederverkopers .footer-accordion summary::-webkit-details-marker {
    display: none;
  }

  body.page-wederverkopers .footer-accordion summary::after {
    content: "+";
    font-size: 22px;
    font-weight: 400;
  }

  body.page-wederverkopers .footer-accordion[open] summary::after {
    content: "−";
  }

  body.page-wederverkopers .footer-accordion-content {
    margin-top: 18px;
  }

  body.page-wederverkopers .footer-accordion-content > a {
    display: block;
  }

  body.page-wederverkopers .footer-contact .footer-accordion-content p a {
    display: inline;
  }
}	  
  


/* Mobiel: minder witruimte tussen LED Bars en CMH-verlichting */
@media (max-width: 700px) {
  body.page-hortilight #led-verlichting { padding-bottom: 35px; }
  body.page-hortilight #cmh-verlichting { padding-top: 35px; }
}


/* =========================================
   OVER HORTILIGHT
   ========================================= */

/* Introductie */
.page-over-hortilight .products-intro {
  background: #f4f7f5;
  padding: 105px 6% 100px;
  text-align: center;
}

.page-over-hortilight .products-intro-inner {
  max-width: 850px;
  margin: 0 auto;
}

.page-over-hortilight .products-eyebrow {
  display: block;
  color: #2e9144;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.page-over-hortilight .products-intro h1 {
  color: #173b2a;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.15;
  margin: 0 0 26px;
}

.page-over-hortilight .products-intro p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  max-width: 730px;
  margin: 0 auto;
}

/* Inhoud */
.page-over-hortilight .about-section {
  padding: 90px 6% 110px;
  background: #ffffff;
}

.page-over-hortilight .about-container {
  max-width: 1100px;
  margin: 0 auto;
}

.page-over-hortilight .about-block {
  padding: 0 0 65px;
  margin-bottom: 65px;
  border-bottom: 1px solid #e5ece7;
}

.page-over-hortilight .about-block:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.page-over-hortilight .about-block h2 {
  color: #173b2a;
  font-size: clamp(27px, 3vw, 39px);
  line-height: 1.25;
  margin: 0 0 24px;
}

.page-over-hortilight .about-block p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  max-width: 850px;
  margin: 0 0 22px;
}

.page-over-hortilight .brand-link {
  display: inline-block;
  background: #4caf50;
  color: #ffffff;
  padding: 15px 27px;
  margin-top: 12px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background .25s ease;
}

.page-over-hortilight .brand-link:hover {
  background: #399d3e;
}

/* Mobiele weergave */
@media (max-width: 768px) {
  .page-over-hortilight .products-intro {
    padding: 75px 6%;
  }

  .page-over-hortilight .about-section {
    padding: 70px 6%;
  }

  .page-over-hortilight .about-block {
    padding-bottom: 45px;
    margin-bottom: 45px;
  }

  .page-over-hortilight .about-block p {
    font-size: 16px;
    line-height: 1.8;
  }
}

/* =========================================
   CONTACTPAGINA HORTILIGHT
   ========================================= */

/* Introductie */
.page-contact .products-intro {
  background: #f4f7f5;
  padding: 105px 6% 100px;
  text-align: center;
}

.page-contact .products-intro-inner {
  max-width: 850px;
  margin: 0 auto;
}

.page-contact .products-eyebrow {
  display: block;
  color: #2e9144;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.page-contact .products-intro h1 {
  color: #173b2a;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.15;
  margin: 0 0 26px;
}

.page-contact .products-intro p {
  color: #617269;
  font-size: 17px;
  line-height: 1.85;
  max-width: 730px;
  margin: 0 auto;
}

/* Contactgegevens en formulier */
.page-contact .contact-page-section {
  padding: 100px 6% 110px;
  background: #ffffff;
}

.page-contact .contact-page-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 100px;
  align-items: start;
}

.page-contact .contact-page-info h2,
.page-contact .contact-page-form h2 {
  color: #173b2a;
  font-size: clamp(27px, 3vw, 36px);
  line-height: 1.25;
  margin: 0 0 26px;
}

.page-contact .contact-page-info h3 {
  color: #173b2a;
  font-size: 22px;
  margin: 45px 0 18px;
}

.page-contact .contact-page-info p {
  color: #617269;
  font-size: 16px;
  line-height: 1.85;
  margin: 0 0 24px;
}

.page-contact .contact-page-info a {
  color: #278b42;
  text-decoration: none;
}

.page-contact .contact-page-info a:hover {
  text-decoration: underline;
}

/* Formuliervelden */
.page-contact .form-field {
  margin-bottom: 24px;
}

.page-contact .form-field label {
  display: block;
  color: #173b2a;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}

.page-contact .form-field input,
.page-contact .form-field select,
.page-contact .form-field textarea {
  display: block;
  width: 100%;
  padding: 15px 16px;
  border: 1px solid #d6e0d9;
  border-radius: 5px;
  background: #ffffff;
  color: #173b2a;
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
}

.page-contact .form-field textarea {
  resize: vertical;
  min-height: 160px;
}

.page-contact .form-field input:focus,
.page-contact .form-field select:focus,
.page-contact .form-field textarea:focus {
  outline: 2px solid #279b43;
  outline-offset: 2px;
  border-color: #279b43;
}

/* Privacytekst */
.page-contact .contact-privacy {
  color: #617269;
  font-size: 13px;
  line-height: 1.7;
  margin: 0 0 25px;
}

.page-contact .contact-privacy a {
  color: #278b42;
  text-decoration: underline;
}

/* Verzendknop */
.page-contact .contact-submit {
  display: inline-block;
  background: #4caf50;
  color: #ffffff;
  border: 0;
  border-radius: 5px;
  padding: 16px 30px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background .25s ease;
}

.page-contact .contact-submit:hover {
  background: #399d3e;
}

.page-contact .contact-submit:focus-visible {
  outline: 3px solid #173b2a;
  outline-offset: 4px;
}

/* Tablet en mobiel */
@media (max-width: 900px) {
  .page-contact .contact-page-container {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}

@media (max-width: 768px) {
  .page-contact .products-intro {
    padding: 75px 6%;
  }

  .page-contact .contact-page-section {
    padding: 70px 6%;
  }

  .page-contact .contact-page-container {
    gap: 45px;
  }

  .page-contact .contact-page-info h3 {
    margin-top: 30px;
  }

  .page-contact .contact-submit {
    width: 100%;
  }
}