.manual-button {
  margin-bottom: 25px;
}
.manual-button .manual-button-top {
text-align: center; padding: 25px 0; border-bottom: 1px solid rgba(0,0,0,0.35); background: #f47727; color: #fff;
}
.manual-button .manual-button-top span {
  margin-top: 20px;
  font-size: 2.1rem;
  display: block;
}
.manual-button .manual-button-bottom {
  padding: 20px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-top: 0;
}

hr.manual-divider {
  border: 0;
  border-top: 1px solid #e0e0e0;
  margin: 25px 0;
}

h2.manual-heading {
  margin-bottom: 25px;
}
.manual-video {
  margin-top: 30px;
}
.manual-video .manual-step-help,
.manual-bottom-help .manual-step-help {
  margin-bottom: 15px;
  margin-top: 30px;
  background: #f5f5f5;
  padding: 15px;
  border-bottom: 1px solid #00516c;
}
.manual-video .manual-step-help h1.manual-need-help,
.manual-bottom-help .manual-step-help h1.manual-need-help {
  margin-bottom: 15px;
  color: #00516c;
  font-size: 2.1rem;
}
.manual-steps .manual-step {
  margin-bottom: 15px;
  background: #f5f5f5;
  padding: 15px;
  border-bottom: 1px solid #00516c;
}
.manual-steps .manual-step h1.step-heading {
  margin-bottom: 15px;
  color: #00516c;
  font-size: 2.1rem;
}
h3.manual-upsell-heading {
  margin: 30px 0;
  font-size: 24px;
  font-weight: 300;
}

.modal-popup._inner-scroll .modal-inner-wrap {
  max-width: 1000px;
}
.page-main .category-view .category-image {
  margin-bottom: 30px;
}
.product-options-wrapper .maat-bepalen {
    background: #dbe5e9;
    padding: 5px 15px;
    font-size: 14px;
    color: #31312f !important;
    margin: 0 12px 11px !important;
	text-align: left !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.catalog-product-view .product-add-form .box-tocart { width:50%; }
}


/* aanbidingen pagina blokken */

    #gd-aanbiedingen-container {
        max-width: 1279.98px;
        margin: 0 auto;
        padding: 20px;
        position: relative;
    }

    .gd-aanbiedingen-aanbieding {
        background-color: #f5f5f5;
        border-radius: 10px;
        margin-bottom: 30px;
        overflow: hidden;
        display: flex;
        align-items: stretch;
    }

    .gd-aanbiedingen-aanbieding img {
        width: 60%;
        height: auto;
        display: block;
        object-fit: contain; /* 'contain' voor tablets */
    }

    .gd-aanbiedingen-aanbieding-content {
        padding: 30px;
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .gd-aanbiedingen-aanbieding h2 {
        color: #004561;
        margin-bottom: 15px;
        font-size: 2.2em;
    }

    .gd-aanbiedingen-aanbieding p {
        margin-bottom: 25px;
        font-size: 1.3em;
        line-height: 1.6;
    }

    .gd-aanbiedingen-aanbieding .gd-aanbiedingen-button {
        display: inline-block;
        background-color: #f47726;
        color: white;
        padding: 18px 35px;
        font-size: 1.3em;
        text-decoration: none;
        border-radius: 8px;
        transition: box-shadow 0.2s ease;
        font-weight: bold;
        text-align: center;
    }

    .gd-aanbiedingen-aanbieding .gd-aanbiedingen-button:hover {
        box-shadow: 0 0 10px 5px rgba(244, 119, 38, 0.7);
    }

    .gd-aanbiedingen-intro {
        text-align: center;
        margin-bottom: 40px;
    }

    .gd-aanbiedingen-intro h2 {
        font-size: 2.5em;
        color: #333;
    }

    /* Media query voor tablets in landscape (ongeveer 1051px tot 1200px) */
    @media (min-width: 1051px) and (max-width: 1200px) {
        .gd-aanbiedingen-aanbieding img {
            width: 50%;
            height: auto;
            object-fit: contain;
        }

        .gd-aanbiedingen-aanbieding-content {
            width: 50%;
        }
    }

    /* Media query voor mobiele schermen (portrait en de meeste landscape) */
    @media (max-width: 1050px) { /* Breekpunt nu inclusief tablets in portrait */
        .gd-aanbiedingen-aanbieding {
            flex-direction: column;
            align-items: stretch;
        }

        .gd-aanbiedingen-aanbieding img,
        .gd-aanbiedingen-aanbieding-content {
            width: 100%;
        }

        .gd-aanbiedingen-aanbieding img {
            height: auto;
        }

        .gd-aanbiedingen-aanbieding-content {
            padding: 15px; /* Iets minder padding op mobiel */
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .gd-aanbiedingen-aanbieding h2 {
            font-size: 1.6em; /* Iets kleinere titel op mobiel */
            margin-bottom: 10px;
        }

        .gd-aanbiedingen-aanbieding p {
            font-size: 1.0em; /* Iets kleinere tekst op mobiel */
            margin-bottom: 15px;
        }

        .gd-aanbiedingen-aanbieding .gd-aanbiedingen-button {
            padding: 12px 25px; /* Kleinere padding voor de button op mobiel */
            font-size: 1.1em; /* Kleinere tekstgrootte voor de button op mobiel */
            text-align: center;
        }
    }

    /* Media query voor grotere desktops (boven 1200px) */
    @media (min-width: 1201px) {
        .gd-aanbiedingen-aanbieding img {
            width: 60%;
            height: auto;
            object-fit: cover;
        }

        .gd-aanbiedingen-aanbieding-content {
            width: 40%;
        }
    }


/* Alert box blauwe achtergrond */

.alert-custom-blue {
background-color: #e6f1f5;
color: #004561 !important;
border: 1px solid #b3d8e6;
border-radius: 0.25rem;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0.75rem 1rem;
text-align: left;
min-height: 40px;
max-width: 100%;
}

.alert-custom-blue p {
  display: block;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
  color: inherit;
  width: 100%;
}

@media (max-width: 768px) {
  .alert-custom-blue {
    flex-direction: column;
    align-items: flex-start;
  }

  .alert-custom-blue p {
    width: 100%;
  }
}

/* Tabel */

  .product-table {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .product-table th,
  .product-table td,
  .product-table p {
    font-size: 14px;
  }

  .product-table p {
    margin: 0;
    padding: 0;
  }

/* blok keuzehulp en spoedglas */

.spoedglas {
  border-radius: 4.5px;
  position: relative;
  margin-top: 5rem;
}

.spoedglas img {
  position: absolute;
  margin-left: -1rem;
  margin-top: -4.4rem;
}


/* ============================
   Keuzehulp banner lichtstraat
   ============================ */

.keuzehulp-wrap{
  position: relative;
  margin-top: 4rem;
  padding-top: 35px;
}

.keuzehulp-img{
  position: absolute;
  left: -12px;
  bottom: 0;
  width: 120px;
  height: auto;
  z-index: 2;
}

.gd-aanbiedingen-lichtstraat{
  background-color: #eaf6fb;
  color: #004561 !important;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
  box-shadow: 0 0px 2px rgba(0,0,0,0.1);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;

  padding: 22px 22px 22px 175px;
}

.gd-aanbiedingen-lichtstraat h4{
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}

.gd-aanbiedingen-lichtstraat .gd-aanbiedingen-button{
  display: inline-block;
  background-color: #f47726;
  color: white;
  padding: 12px 25px;
  font-size: 1.1em;
  text-decoration: none;
  border-radius: 8px;
  transition: box-shadow 0.2s ease;
  white-space: nowrap;
  flex: 0 0 auto;
}

.gd-aanbiedingen-lichtstraat .gd-aanbiedingen-button:hover{
  box-shadow: 0 0 10px 5px rgba(244,119,38,0.7);
}


/* Desktop spacing zodat Karin niet tegen de H1 komt */
@media (min-width: 993px){

  .keuzehulp-wrap{
    margin-top: clamp(4.5rem,6vw,7rem);
  }

}


/* Tablet groot */
@media (max-width:1200px){

  .keuzehulp-img{
    width:110px;
    left:-10px;
  }

  .gd-aanbiedingen-lichtstraat{
    padding-left:160px;
  }

}


/* Probleemgebied 992 → 541 */
@media (max-width:992px){

  .keuzehulp-img{
    width:95px;
    left:-8px;
  }

  .gd-aanbiedingen-lichtstraat{
    padding:18px 18px 18px 120px;
    gap:12px;
  }

  .gd-aanbiedingen-lichtstraat h4{
    font-size:16px;
    line-height:1.25;
  }

}


/* Klein mobiel */
@media (max-width:541px){

  .keuzehulp-wrap{
    margin-top:1.5rem;
    padding-top:25px;
  }

  .keuzehulp-img{
    width:80px;
    left:-6px;
  }

  .gd-aanbiedingen-lichtstraat{
    padding:16px 14px 16px 95px;
    gap:10px;
  }

}


/* iPhone / 375px */
@media (max-width:420px){

  .keuzehulp-wrap{
    margin-top:1.25rem;
    padding-top:22px;
  }

  .keuzehulp-img{
    width:72px;
    left:-4px;
  }

  .gd-aanbiedingen-lichtstraat{
    padding:14px 12px 14px 86px;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:10px;
  }

  .gd-aanbiedingen-lichtstraat h4{
    font-size:15px;
    line-height:1.25;
  }

  .gd-aanbiedingen-lichtstraat .gd-aanbiedingen-button{
    width:100%;
    text-align:center;
    white-space:normal;
  }

}

.disc-type {
  list-style-type: disc;
  padding-left: 1.5rem;
}

.ph-mega-categories-list-lvl-1 > li {
  position: relative !important;
}

.ph-mega-categories-list-lvl-2 {
  display: none !important;
  position: absolute !important;
  top: 0 !important;
  left: calc(100% + 10px) !important;
  min-width: 240px !important;
  background-color: #fff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  z-index: 1000 !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.ph-mega-categories-list-lvl-1 > li:hover > .ph-mega-categories-list-lvl-2 {
  display: block !important;
}
/* Actie knop */

.acties-knop {
  background-color: #f47726;
  color: #ffffff !important;
  font-weight: 600;
  padding: 4px 14px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.1s ease;
}

.acties-knop:hover {
  background-color: #d8661f;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1),
              0 0 4px rgba(0,0,0,0.08);
}

.main-megamenu .menu-links li {
  margin: 0 0 0 5px !important;
}

.mobiel-menu-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
}

.mobiel-menu {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
  width: 100%; /* volledige breedte gebruiken */
}

.mobiel-menu li {
  margin: 0;
  padding: 0;
}

.mobiel-knop,
.mobiel-acties-knop {
  display: block;
  width: 100% !important;
  padding: 12px 14px;
  margin-bottom: 4px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: left;
  max-width: none !important;
}

/* Standaard knop (lichtgrijs) */
.mobiel-knop {
  background-color: #f5f5f5;
  color: #004561 !important;
}

/* Oranje actieknop */
.mobiel-acties-knop {
  background-color: #f47726;
  color: #ffffff !important;
}

@media only screen and (max-width: 991px) {
  .menulinks ul {
    margin: 6px 8px 7px 2px !important;
  }
}

  .ph-info {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 1em;
  }
.ph-info--full {
    background: #f47727;
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
}

  .mega-menu-col a:hover {
    color: #f47727;
  }

.custom-hover-item {
  display: inline-block;
  border-radius: 3px;
  overflow: hidden;
  transition: box-shadow 0.05s ease;
}

.custom-hover-item:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

.custom-hover-item img {
  display: block;
  width: 100%;
  height: auto;
}

.slider-products .owl-stage-outer {
    border-radius: 3px !important;
    overflow: hidden !important;
}

.slider-products .owl-item,
.slider-products .sm-slider-item-wrap {
    border-radius: 3px !important;
    overflow: hidden !important;
}
.slider-products .sm-slider-item-wrap img,
.slider-products .owl-item img,
.slider-products .owl-lazy {
    display: block;
    border-radius: 3px !important;
}

.gd-offer-blue {
  display: flex;
  align-items: center; /* badge verticaal centreren */
  gap: 18px;

  background: #eaf6fb;
  border-radius: 6px;
  padding: 18px 20px;
  margin: 18px 0;

  border: 1px solid rgba(17, 76, 108, 0.15);
}

.gd-offer-badge {
  width: 65px;
  height: 65px;
  border-radius: 50%;

  background: #114c6c;
  color: #ffffff;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;
}

/* zorgt dat tekstblok netjes uitlijnt */
.gd-offer-content {
  flex: 1;
}

.gd-offer-content h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #114c6c;
}

.gd-offer-content p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #1f2a2e;
}

.gd-offer-content strong {
  color: #114c6c;
}

.category-home-top img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

/* Mobiel */
@media (max-width: 768px) {
    .category-home-top img {
        height: 120px;
    }
}

@media (max-width: 768px) {
    .easycatalogimg {
        margin-top: 5px !important;
    }
}

.gd-infobox{
  margin:20px 0;
  padding:18px;
  border:1px solid #e2e2e2;
  border-radius:10px;
  background:#f9f9f9;
}
.gd-infogrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
  align-items:start;
}
.gd-infogrid > div{ min-width:0; }
.gd-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#777;
  margin-bottom:6px;
  line-height:1.2;
  word-break:break-word;
}
.gd-value{
  font-weight:600;
  line-height:1.35;
  overflow-wrap:anywhere;
}

@media (max-width: 900px){
  .gd-infogrid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
}
@media (max-width: 600px){
  .gd-infogrid{ grid-template-columns:1fr; gap:14px; }
}

/* ===== Groene offer blokken ===== */
.gd-offer-green {
  background: #e8f5e9;
  border: 1px solid #81c784;
  border-radius: 8px;
  padding: 5px 16px;
  margin: 0 0 7px 0;
  width: 100%;
}

.gd-offer-green ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gd-offer-green li {
  display: flex;
  align-items: center;
}

.gd-offer-green li strong {
  margin-left: 4px;
}

/* Icoon uitlijning */
.gd-offer-green li i {
  width: 15px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1;
  margin: 0 10px 0 0;
  flex-shrink: 0;
  transform: translateY(-1.5px);
}

/* ===== Popup styling (alle 3 gelijk) ===== */
#popup-SAMENSTELLING,
#popup-ISOLATIEWAARDE,
#popup-zwartkader {
  font-size: 14px;
  line-height: 1.7;
}

#popup-SAMENSTELLING p,
#popup-SAMENSTELLING li,
#popup-ISOLATIEWAARDE p,
#popup-ISOLATIEWAARDE li,
#popup-zwartkader p,
#popup-zwartkader li {
  font-size: 14px;
}

#popup-SAMENSTELLING .tooltiptitle,
#popup-ISOLATIEWAARDE .tooltiptitle,
#popup-zwartkader .tooltiptitle {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px;
}

/* ===== Link styling ===== */
.gd-offer-green a {
  text-decoration: none;
}

.gd-offer-green a:hover span {
  text-decoration: underline;
}

.gd-offer-green--inline-form {
  max-width: 689px;
  box-sizing: border-box;
  margin-left: 10px;
}

/*Gele blokken proefsamples */

.gd-proefsamples-blok {
  background: #fff6d9;
  border: 1px solid #d4a94f;
  border-radius: 8px;
  padding: 5px 16px;
  margin: 0 0 8px 0;
}

.gd-proefsamples-blok ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gd-proefsamples-blok li {
  display: flex;
  align-items: center;
  color: #114c6c;
}

.gd-proefsamples-blok li i {
  margin: 0 10px 0 0;
  color: #114c6c;
  flex-shrink: 0;
  width: 15px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1;
}

.gd-proefsamples-blok a.gd-proefsamples-link {
  color: #114c6c !important;
  text-decoration: none;
  font-weight: normal;
}

.catalog-product-view .gd-proefsamples-blok a.gd-proefsamples-link,
.catalog-product-view .gd-proefsamples-blok a.gd-proefsamples-link:visited {
  color: #114c6c !important;
}

.gd-proefsamples-blok a.gd-proefsamples-link strong {
  font-weight: 600;
}

.gd-proefsamples-blok a.gd-proefsamples-link:hover {
  text-decoration: underline;
}