/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
 #module-isemanticsconfigurator-configurator i {
    
 }
 
.MagicToolboxContainer.noscroll {
    position: relative!important;
}
 
.dp_validation_messages {
    display: none !important;
}
.product-customizable .product-without-taxes{
    display: none;
}
.page-wrapper--cms #content{
    width: 100% !important;
}
.discount-product {
    display: none;
}
.discount {
    display: block !important;
}
button:focus {outline:0;}
#category-description p{
    padding-left: inherit;
    font-family: inherit;
    color: inherit;
    font-size: inherit;
}
.excl-btw {
    /* display: block !important;     */
}
.container-iqit-menu .cbp-category-tree {
    border-right: 0 !important;
}
.dp_field_container .dp_slider_buttons {
    position: relative;
    top: 9px;
}
.dp_slider_control {
    left: 37px;
    top: -18px;
}
.cbp-spmenu {
    box-shadow: none !important;
}
#iqitmegamenu-accordion {
    border-right: 1px solid #000;
}
#iqitmegamenu-accordion.cbp-spmenu li a:hover {
box-shadow: none !important;
}


/* *************************** START CSS BLOG MODULE *********************************************** */

.blog-grid .block_cont .block_top img {
    transition: 0.5s ease-in-out!important;	
}

.blog-grid:hover .block_cont .block_top img {
    transform: scale(1.1)!important;
}

#prestablogfront #prestablog_article {
    text-align: left;
    text-transform: none;
    margin-left: 0;
    font-weight: bold;
}

#prestablogfront {
    border: none;
}

#prestablogfront .date, #prestablogfront .info_blog, .prestablogExtra, #prestablog_menu_cat {
    display: none;	
}

#blog_list_1-7 .block_cont {
    border: none;
    box-shadow: none !important;
}

.custom-blogs-container-left ul li {
    width: 100%!important;
}

.custom-blogs-container-middle ul li {
    width: 100%!important;
}

.custom-blogs-container-right ul li {
    width: 100%!important;
}

.custom-blogs-container-right-double ul li {
    width: 50%!important;
}

.custom-blogs-container .prestablog h2.title {
    font-family: nunito_sansbold;
    font-size: 21px;
    color: #0b6a70;
    text-align: left;
    text-transform: none!important;
}

#blog_list_1-7 .block_top {
    min-height: 300px;	
}

#blog_list_1-7 .block_cont .date_blog-cat {
    display: none;
}

#blog_list_1-7 .block_cont .block_bas a {
    font-size: 16px;
    font-weight: bold;	
}

 
#module-prestablog-blog #wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.prestablog_more {
    background-color: #ffffff!important;
}

.prestablog_more .comments, .prestablog .block_bas a, .prestablog_more .blog_link {
    color: #0b6a70!important;
}
 

/* updated 6DEC2024 */

main > header .custom-new-search-bar .search-widget {

    display: inline-block;

    float: none !important;

}



main > header .custom-new-search-bar .search-widget input[type="text"] {

    background-color: #fffe !important;

}



.an_brandslider-items .owl-item img {

    height: auto;

}

#header .header-top #_desktop_cart {

    margin-top: 10px!important;

}

main > header .cart-preview .header {

    color: #0b6a70;

}



main > header .cart-preview .header i.shopping-cart {

    display: block; 

    margin: 0 auto;

    color: #0b6a70;

}
 
@media (max-width: 1400px) {
    #module-prestablog-blog #wrapper {
         max-width: 1200px!important;
     }
}

@media (max-width: 1200px) {
    #module-prestablog-blog #wrapper {
         max-width: 90%!important;
     }
}

@media (max-width: 991px) {
    .custom-blogs-container-right ul li {
        width: 100%!important;
    }
}

/* *************************** END CSS BLOG MODULE *********************************************** */



@media (min-width:991px) {
    .category-slider .slick-list {
        max-width: 585px !important;
    }
    
     .category-slider .slick-slide img {
         max-width: 200px !important;
         /*max-height: 179px !important;*/
     }
     #header #_desktop_logo .logo {
       max-width: 200px;
     }
 }
 
 /* ******************************** Update Trello punten Mei/Juni 2022 ************************** */
  
 #header .header-nav {
     height: auto;
 }
 
 #header .displayNav1 {
     margin-top: 5px;
 }
 
 #header .displayNav1 .contact-heading {
     margin-top: 0!important;   
 }
 
 #header .displayNav2 p {
     margin: 0;
 }
 
 #header .header-top {
     margin-bottom: 5px;
     border-bottom: 1px solid #e2e4e4;
     padding-bottom: 5px;
 }
 
 #header .header-top .logo {
     margin-top: 8px;
 }
 
 #header .header-top #search_widget {
     margin-top: 18px;
     align-self: center;
 }
 
 #header .header-top .custom-new-search-bar {
     text-align: center;
 }
 
 #header .header-top .custom-new-search-bar form {
     display: inline-block;
     position: relative;
 }
 
 #header .header-top #_desktop_user_info {
     margin-top: 18px;
     text-align: center;
 }
 
 #header .header-top #_desktop_cart {
     margin-top: 10px!important;  
     text-align: center; 
 }
 
  #header .header-top .header_right_icon, #header .header-nav .header_right_icon {
     height: 25px;
     display: block;
     margin: 0 auto;
 }
 
 #header .header-nav .phone svg {
     height: 25px;
 }
 
 #category .categorie-beschrijving-style {
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
     max-height: 380px;
     position: relative;
   }
 
   .category-heading-custom p {   
     font-family: nunito_sansregular !important;
	 /*font-family: "Nova",Arial !important;*/
   }
 
 /* #category .categorie-beschrijving-style::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(255,255,255,0) 70%,rgb(255,255,255) 100%)  
 } */
 
 .added-class-no-pseudo:after {
   content: none!important;
 }
 
 #category .categorie-beschrijving-style-read-more, #category .categorie-beschrijving-style-read-more-mobile{
     color: #0b6a70;
 }
 
 #category .categorie-beschrijving-style-read-more:hover, #category .categorie-beschrijving-style-read-more-mobile:hover {
     text-decoration: underline;
     cursor: pointer;
 }
 
 #category .tajribaShowMore {
     max-height: initial;
     overflow: initial;
 }
 
 #category .tajribaShowMore p {
     height: auto;
 }
 
 #category .category-slider {
     text-align: center;
 }
 
 #category .category-review-iframe {
     width: 100%;
     max-height: 100%;
     height: auto;
     min-height: 280px;
 }
 
 #category .link-specificaties {
     margin-top: 0;
 }
 
 #category #productspecificaties {
     margin-bottom: 0;
 }
 
 #category #productspecificaties #category-description > div {
     float: none;
 }
 
 #category .category-slider .slick-next {
     height: 50px;
     width: 100%;
     top: -50px;
 }
 
 /*#category .category-slider .slick-next::before {
     right: 0;
     transform: rotate(180deg);
 }
 */

#category .category-slider .slick-next::before {
    right: 50%;
    transform: translateX(50%) rotate(180deg);
}

.account-links .link-item i img {
    vertical-align: top;
}

 #category .category-slider .slick-prev {
     height: 50px;
     width: 100%;
     bottom: -50px;
     top: initial;
 }
 
 #category .category-slider .slick-prev::before {
     left: 0;
     right: 0;
     transform: rotate(0deg);
 }
 
 #category .category-main-image-tajriba {
     text-align: center;
 }
 
 #category .category-main-image-tajriba img {
     max-width: 100%!important;
     max-height: 100%!important;
 }
 
 #category .category-slider .slick-slide {
     margin-top: 10px;
     margin-bottom: 10px;   
 }
 
 #category .tajriba-category-extra-description {
     margin-top: 30px;
     margin-bottom: 45px;
 }
 
 #category .category-heading-custom {
     padding-bottom: 20px;
 }
 
 #category .products .product-miniature {
     padding-top: 15px;
     padding-bottom: 15px;
 }
 
 #category .products .product-miniature .card-img-top {
     width: 170px;
 }
 
 #category #products {
     display: flex;
     flex-direction: column;
     width: 100%;
 }
 
 #category #products .category-custom-top {
     order: 1;
 }
 
 #category #products .custom-category-products-top {
     order: 2;
 }
 
 #category #products .custom-category-active-filters {
     order: 3;
 }
 
 #category #products .custom-category-products-self {
     order: 4;
 }
 
 #category #products .custom-category-products-bottom {
     order: 5;
 }
 
 #category .custom-category-products-top #js-product-list-top {
     margin-top: 0!important;
     margin-bottom: 0!important;   
 }
 
 #category .custom-category-products-top #js-product-list-top .custom-set-sort-to-right {
     margin-left: auto;
 }
 
 #product .product-add-to-cart .product-quantity .qty #quantity_wanted {
     
 }
 
 #product .product-page-product-title {
     margin-bottom: 10px!important;
 }
 
 #tajribaAppendReviewWidget .rating {
     float: none;
     margin: 0;
     display: block;
     margin-bottom: 10px;
 }
 
 #product .product-prices .current-price .price-incl {
     font-weight: bold;
     font-size: 24px;
     margin-right: 5px;
 }
 
 #product .mcs-items-container .mcs-item {
     height: 20%!important;
 }
 #product .mcs-items-container .mcs-item a {
     padding: 3px;
 }
 
 #product .mcs-items-container .mcs-item a img {
     border: 1px solid rgb(226, 228, 228);
     border-bottom: 1px solid rgb(226, 228, 228) !important;
 }
 
 #product .product-add-to-cart .gewicht {
     margin-top: 15px;
 }
 
 #product .product-add-to-cart .btn-add-to-cart {
     margin-top: 0;
 }
 
 .tajribaSeparator {
     border-bottom: 1px solid #e2e4e4;
     margin-bottom: 15px;
     margin-top: 15px;
     width: 100%;
 }
 
 #product .product-accessories {
     width: 100%;
 }
 
 #product .USP-productpage-tajriba img {
     width: 25px;
     margin-right: 20px;
 }
 
 #product .tajribaProductOptions {
     width: 100%;
     margin-top: 15px;
     display: flex;
 }
 
 #product .tajribaProductOptions .gewicht {
     margin: 0;
     float: left;
     align-self: center;
 }
 
 #product .tajribaProductOptions .kg-gewicht {
     margin: 0;
     position: relative;
     top: 7px;
     margin-left: 15px;
 }
 
 #product .tajribaProductOptions .gewicht, #product .tajribaProductOptions .kg-gewicht {
     width: auto;
     display: inline-block;
     float: none;
 }
 
 #product .tajribaProductOptions .kg-gewicht {
     
 }
 
 #product .tajribaProductOptions #product-availability {
     display: inline-block;
 }
 
 #product .product-prices .current-price .price-incl {
     font-weight: normal;
     font-size: 14px;
     margin-right: 0;
 }
 
 #product .product-prices .current-price .incl-btw {
     font-size: 14px;
     margin-left: 5px;
 }
 
 #product .product-flags {
     right: 25px;
     left: initial;
     z-index: 7;
 }
 
 #category .category-is-sale .products .product-miniature {
     max-width: 50%;
     flex: 0 0 50%;
 }
 
 #category .category-is-sale .products .product-miniature:nth-child(even) {
     border-left: 1px solid #d8d8d8;
 }
 
 #category .category-is-sale .products .product-miniature .add-to-cart-custom {
     position: relative;
 }
 
 #category .custom-category-products-top #js-product-list-top {
     padding-top: 15px;
 }
 
 #category .custom-category-products-top .custom-set-sort-to-right select {
     min-width: 210px;
     margin-right: 15px;
     height: 35px;
 }
 
 #category #js-product-list-bottom .link-specificaties, #category #js-product-list-bottom #productspecificaties {
     display: none;
 }
 
 .breadcrumb {
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 15px;
 }
 
 #category #_desktop_category_header .h1, #category #_desktop_category_header .rating {
     margin-bottom: 0!important;
 }
 
 @media (max-width: 992px) {
     #category #_desktop_category_header .h1 {
         margin: 0;
     }
     
     #category #_desktop_category_header {
         margin-top: 30px;
         margin-bottom: 30px;
     }
     
     /*#category #products .category-custom-top {
         order: 4;
     }*/
     
     #category #products .custom-category-products-top {
         order: 1;
     }
     
     #category #products .custom-category-active-filters {
         order: 2;
     }
     
     #category #products .custom-category-products-self {
         order: 3;
         margin-top:20px;
     }
     
     #category #_desktop_category_header {
         margin-bottom: 0;
     }
     
     #category .link-specificaties {
         margin-top: 30px;   
     }
     
     #product .product-page-product-title {
         text-align: center;
     }
     
     #product #tajribaAppendReviewWidget {
         text-align: center;
     }
     
     #product #tajribaAppendReviewWidget .rating {
         margin: 0 auto;
     }
     
     #product #content-wrapper .product-wrapper-cart {
         order: 0;
     }
     
     #product #content-wrapper .img-wrapper {
         order: 1;
     }
     
     #product #content-wrapper .product-tabs {
         order: 2;
     }
     
     #product #content-wrapper .product-accessories {
         order: 3;
     }
     
     #product .mcs-items-container .mcs-item {
         margin: 0 auto;
     }
     
     #product .img-wrapper .MagicToolboxMainContainer {
         border: 1px solid rgb(221, 221, 221);
         border-radius: 3px;
     }
     
     #category .category-is-sale .products .product-miniature {
         max-width: 100%;
         flex: 0 0 100%;
     }
     
     #category .category-is-sale .products .product-miniature:nth-child(even) {
         border-left: none;
     }
 }
 
 #product .product-add-to-cart .product-quantity .qty .input-group-prepend, #product .product-add-to-cart .product-quantity .qty .input-group-append, #product .product-add-to-cart .product-quantity .quantity__label {
     display: none;
 }
 
 #product .product-add-to-cart .product-quantity .qty {
     width: 20%;
 }
 
 #product .product-add-to-cart .product-quantity .qty #quantity_wanted {
     width: auto;
     max-width: 100% !important;
     height: 40px;
 }
 
 #product .product-add-to-cart .product-quantity .custom_product_add_to_cart {
     width: 80%;
     float: left;
     padding-left: 15px;
 }
 
 #category #products .tajriba-hide-images {
     display: none;
 }
 
 #category .category-custom-top .category-slider {
   margin-bottom: 50px;
 }
 
 #category .custom-align-center-tajriba {
   width: 50%;
   margin: 0 auto;
 }
 
 #category .no-white-overlay::after {
   background-image: none;
 }
 
 #product .dp_weight_str, #product #dp_weight_str {
   display: none;
 }
 
 @font-face {
     font-family: 'Nova';
     src: url('Nova-Regular.otf');
     font-style: normal;
     font-display: swap;
 }
 
 @media (max-width: 992px) {
     #header .header-top, #header .container-iqit-menu {
         display: none;
     }
 }
 
 /* **************** Lettertypes **************** */
 
 *, #header, #header .displayNav1, .container-iqit-menu #cbp-hrmenu > ul > li:first-child > a {
     font-family: nunito_sansregular !important;
	 /*font-family: "Nova", Arial;*/
 }
 
 .material-icons {
     font-family: Material Icons!important;
 }
 
 /* *************** Einde lettertypes *********** */
 
 /* ***************************** Einde Update Trello punten Mei/Juni 2022 *********************** */
 
 #index #main {
     margin: 0 auto;
 }
 
 
 /* ***************************** Start Hiupsell *********************** */
 .upsell_block_product_grid .slick-arrow {
     background: none;
 }
 .upsell_block_product_grid.featured-products .variant-links {
     box-shadow: none;
 }
 .upsell_block_product_grid .product-miniature {
     border: 1px solid rgba(0,0,0,.125);
     padding: 10px;
 }
 .upsell_block_product_grid .thumbnail img {
     margin: 0 auto;
 }
 .slick-next::before, .slick-prev::before {
     background: white;
 }
 .upsell_block_product_grid .product-flags {
     left: 0;
 }
 .upsell_block_product_grid .product-title {
   font-size: 16px !important;
 }
 .upsell_block_product_grid  input[checked="checked"] {
   box-shadow: 0 0 1pt 1pt #0b6a70;
 }
 .upsell_block_product_grid .product-miniature {
   width: 100% !important;
   max-width: 100% !important;
 }
 .upsell_block_product_grid .slick-next, .slick-prev {
   top: -100px;
 }
 .g-recaptcha iframe {
   height: auto;
 }
.blockcart-modal .modal-footer {
  z-index: 10000;
}

.blockcart-modal {
  padding-bottom: 110px
}
@media (max-width: 568px) {
 #scrolling-usp {
  height: 40px;
  overflow: hidden;
}
  .videohonderdopmobiel {
    width: 100% !important;
  }
}
.rc:after {
  display: none !important;
}

@media (max-width: 991px) {
  #cms.cms-id-27 table,
  #cms.cms-id-27 tbody,
  #cms.cms-id-27 tr{
      display: block;
  }
  #cms.cms-id-27 td{
      display: block;
      width: auto;
  }
  #cms.cms-id-27 td img {
    max-width: 100%;
  }
  
}
.ColorLabel:after {
    display:inline-block;
    content:attr(data-after);
    margin-left:5px;
    font-weight:bold;
}

/*.row .videohonderdopmobiel .youtube-container {

    display: none;

}*/



.dp_input_container{display:flex;}

.dp_input_container > * {

    border-radius: 5px;

}

.custom-price-block{display:flex; gap:5px;}

.dp_input_container .ui-button{    background: #ccc !important;   outline: none;}



#search_widget form i {
    position: initial;
    padding: 0;
}

#search_widget {
    overflow: initial;
}

#blog_list_1-7 .block_top img{width:auto;}


.page-customer-account .page-header, .page-customer-account .page-content, .page-customer-account  .page-footer{
    float: initial;
    margin: auto;
    max-width: 1400px;
    padding-inline: 0;
    width: 100%;
}


.dp-controls-container .dp_input_container .ui-button {
    
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #e7e7e7 !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    text-align: center;
    align-items: center;
    justify-content: center;
	flex: 0 0 auto;
}
.dp_container .dp-controls-container button:focus {
     outline: 0;
}
.dp_container .dp-controls-container .dp_slider {
  
  /*  width: 60%;*/

}
.dp-controls-container fieldset.dp_group.dp_group_default {
    border: 0;
}
.dp-controls-container .dp_input_container .ui-corner-all {
    border-radius: 4px;
}
 .dp-controls-container .dp_away {
   
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    width: 50%;
    padding: 0;
    position: unset !important;
    visibility: hidden;
}
 /*
.dp-controls-container .attribute_label span {
    display: none !important;
}*/
.dp-controls-container .attribute_label span>* {
    font-weight: 600;
}
.dp-controls-container .value-input {
    padding:0!important;
    width: auto !important;
    user-select: none;
}
.dp-controls-container .attribute_label span {
    text-align: left;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-weight: 600 !important;
    color: #000;
}


.dp_field_container.dp_weight {
  display: none !important;
}

.dp_btn.dp_tooltip_btn.dp_link {
  display: none !important;
}

@media screen and (max-width:768px){
    .blockcart .cart-products-count.wk-cart-quantity {
        position: absolute;
        top: 4px;
        background: white;
        right: 4px;
        border-radius:50%;
        width:20px;
        text-align:center;
        height:20px;
        font-size:12px;
        padding:2px;
        border:1px solid #ebebeb;
    }

    section.login-form{padding:15px;}
    header.page-header.page-header--authentication{padding-inline:15px;}
}

.cart-summary-line{color:#000;}

.cart-summary-line > div {
    flex: 50%;
    max-width: 50%;
}

.cart-summary-line .media-left {
    text-align: right;
}

#content-checkout-addresses-step > .card-body {
    padding-bottom: 75px;
}

#content-checkout-addresses-step  .confirm-addresses {
    position: absolute;
    bottom: 10px;
}

.fa{font-family:FontAwesome  !important}
.dp_field_container.dp_type_radio{
	display:flex;
	flex-wrap:wrap;
}
.dp_field_container.dp_type_radio > :first-child{
	flex:1;
}
.dp_field_container.dp_type_radio > :first-child .attribute_label {
	width:auto;
}
.dp_field_container.dp_type_radio .dp_input_container {
	display:block;
}
.card-body.card-body--summary{
	padding:10px 20px;
}
.card-body.card-body--summary .cart-detailed-totals{
	margin-right:;
}
.cart-summary-line > :last-child{
	text-align:right;
}
.dp_field_container.dp_type_slider .dp_away{
	display:none !important;
}
.dp_field_container.dp_type_slider {
	margin-bottom:35px;
}
.dp_field_container.dp_type_slider  .dp_input_container{
	position:relative;
	top:20px;
	width:60%;
}

.dp-controls-container .attribute_label span{
	width:60%;
	top:0;
	right:0;
}
.product-information .product-additional-info .btn_gwsaq{
	width:100%;
	border-radius:7px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.dp_container.svelte-1cs5va1 .dp_group.svelte-c1qji4{
	padding:0;
}
.page-customer-account .page-header, .page-customer-account .page-footer{
	padding-inline:1.25rem;
}
.page-customer-account .page-content{
	padding-bottom:1.25rem;
}
#gallery{
	display:grid;
	height:auto !important;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	column-gap:15px;
    row-gap: 20px;
	margin-inline:0 !important;
}

#gallery li{
    width: 100% !important;
    height: auto !important;
    left: initial !important;
	top:initial !important;
	bottom:initial !important;
	right:initial !important;
}
#gallery li .img-wrapper{
	position:relative;
}
#gallery li a.zoom-img{
	display:block;
}
#gallery li a.zoom-img img{
	width:100% !important;
	padding: 0;
	height:500px !important;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width:575px){
	#gallery{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media screen and (min-width:991px){
	#gallery{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 25px;
	}
	#gallery li a.zoom-img img{
		height:400px !important;
	}
}
@media screen and (min-width:1200px){
	#gallery{
		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: 35px;
	}
}
.lgcookieslaw-account-button .material-icons, .cookieslaw-account-button .material-icons{
	display:inline-flex;
}

#cbp-hrmenu-tab-2 .cbp-tab-title {
    color: #ce671b;
}

#cbp-hrmenu-tab-24 .cbp-tab-title {
    color: #146a1c;
}

.subheaders-content{display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
#configurator .options-wrapper .subheaders-content .padd{
    padding-inline: 10px;
}
#configurator .options-wrapper .subheaders-content .subheader {
    margin-bottom: 5px;
    padding: 10px;
    height: 73px;
    text-align: center;
}
#configurator .options-wrapper .subheaders-content .subheader h3,
#configurator .options-wrapper .subheaders-content .subheader p{
    font-size: 12px;
}

.solits-configurator-product{display:flex; gap:.5rem;}

.particulier_0, .particulier_2, .particulier_3 {
  display: none;
}

.page-category .img-modal .prev {
    left: 0;
    right: initial;
}
.page-category .img-modal .prev:before, .page-category .img-modal .next:before{
    content: "\E316" !important;
}
.page-category .img-modal .next {
    right: 0 !important;
    left: initial;
}

@media screen and (max-width:768px){
    #gwsaq_submit {
        margin-top: 30px;
    }

    #gws_aq_modal .modal-content {
        width: 350px;
    }

    .g-recaptcha iframe {
        height: 20vw !important;
    }
}


/* START NEW IFRAME CSS */

/*Custom code Mahan*/

/* Importeer het originele website-lettertype Nunito Sans */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&display=swap');

/* =========================================================
   VERWILDER SCROLLBAR IN IFRAME (OVERFLOW FIX)
   ========================================================= */
html.iframe-view,
body.iframe-view,
body.iframe-view #main,
body.iframe-view #page,
body.iframe-view #content-wrapper {
    overflow: hidden !important;
    overflow-y: hidden !important;
    height: auto !important;
}

/* =========================================================
   PRODUCT IFRAME – PDF CENTER LAYOUT (MIDDLE COLUMN)
   Applies only to iframe view for the specific configurator product.
   ========================================================= */

body.iframe-view .pdf-center-layout {
  /* padding: 40px 0;
  background: #dfe7ea; */
}

body.iframe-view { 
    background: none!important;
    font-family: "Nunito Sans", sans-serif !important;
}

body.iframe-view .pdf-center-grid {
  max-width: 1200px;
  margin: 0 auto;
  background: #e6edf1;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  padding: 25px 40px 25px;
}

body.iframe-view .pdf-center-header {
  text-align: center;
  margin-bottom: 20px;
}

body.iframe-view .pdf-center-title {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.5px;
  margin: 0;
  color: #3b3f3f;
  font-family: "Nunito Sans", sans-serif !important;
}

body.iframe-view .pdf-center-title .highlight {
  color: #0b6a70;
}

body.iframe-view .pdf-center-column {
  display: grid;
  grid-template-columns: 1.2fr 1.1fr;
  align-items: start;
  column-gap: 50px;
}

body.iframe-view .pdf-center-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.iframe-view .pdf-center-image img {
  max-height: 480px;
  width: auto;
  object-fit: contain;
}

body.iframe-view .pdf-center-config {
  background: transparent;
}

body.iframe-view .pdf-center-options {
  margin-bottom: 15px;
}

body.iframe-view .pdf-center-variants-header {
  margin-bottom: 15px;
}

body.iframe-view .pdf-center-variants-title {
  font-size: 16px;
  font-weight: 800;
  color: #0b6a70;
  margin: 0 0 4px;
  text-transform: none;
  font-family: "Nunito Sans", sans-serif !important;
}

body.iframe-view .pdf-center-variants-subtitle {
  font-size: 13px;
  margin: 0;
  color: #555;
  font-family: "Nunito Sans", sans-serif !important;
}

body.iframe-view .pdf-center-price-block {
  margin-bottom: 15px;
}

body.iframe-view .pdf-center-add-to-cart .product-add-to-cart {
  margin-top: 10px;
}

/* AFGERONDE WINKELWAGEN KNOP MET NUNITO SANS */
body.iframe-view .pdf-center-add-to-cart .btn-add-to-cart,
body.iframe-view .pdf-center-add-to-cart button[type="submit"] {
  width: 100%;
  text-transform: uppercase;
  background-color: #0b6a70;
  border-radius: 25px;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 800;
  padding: 12px 20px;
  border: none;
  color: #fff;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

body.iframe-view .pdf-center-add-to-cart .btn-add-to-cart:hover,
body.iframe-view .pdf-center-add-to-cart button[type="submit"]:hover {
  background-color: #085257;
}

body.iframe-view .pdf-center-delivery {
  margin-top: 10px;
  font-size: 13px;
  color: #666;
  text-align: center;
  font-family: "Nunito Sans", sans-serif !important;
}

body.iframe-view .pdf-center-delivery .delivery-text {
  display: inline-block;
}

/* Iframe-only: quantity row above, full-width button */
body.iframe-view .product-add-to-cart-iframe .product-quantity {
  margin-bottom: 10px;
}

body.iframe-view .product-add-to-cart-iframe .product-quantity .quantity__label {
  display: inline-block;
  margin-right: 8px;
}

body.iframe-view .product-add-to-cart-iframe .product-quantity .qty {
  display: inline-block;
}

body.iframe-view .product-add-to-cart-iframe .product-add-button .btn-add-to-cart {
  width: 100%;
  border-radius: 25px;
}

body.iframe-view .pdf-center-price-block .pdf-center-price-label {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  font-family: "Nunito Sans", sans-serif !important;
}

/* PRIJS: IDENTIEK AAN PRODUCTPAGINA (GROOT, VET, GEEN KADER) */
body.iframe-view .pdf-center-price-box {
  display: inline-block;
  background: transparent !important;
  padding: 0;
  border-radius: 0;
  font-size: 36px !important;
  font-weight: 900 !important;
  color: #0b6a70 !important;
  margin-bottom: 2px;
  line-height: 1.1;
  letter-spacing: -0.5px;
  font-family: "Nunito Sans", sans-serif !important;
}

body.iframe-view .pdf-center-price-note {
  font-size: 12px;
  color: #333;
  font-family: "Nunito Sans", sans-serif !important;
}

@media (max-width: 992px) {
  body.iframe-view .pdf-center-grid {
    padding: 20px 15px 20px;
  }

  body.iframe-view .pdf-center-column {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }

  body.iframe-view .pdf-center-image img {
    max-height: 320px;
  }
}

/* =========================================================
   HOMEPAGE BUILDER SECTION & IFRAME HOOGTE
   ========================================================= */
.slider-container{
    height: auto!important;
}

.dp-builder-section {
  width: 100%;
  padding: 20px 0 20px;
  margin-bottom: 0px;
}

.dp-builder-card {
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 14px;
  padding: 20px 25px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  border: 1px solid #e3e6e8;
  background: #f4f7f8;
}

.dp-builder-title {
  text-align: center;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  color: #2b2b2b;
  font-family: "Nunito Sans", sans-serif !important;
}

/* 📌 FIX VOOR IFRAME HOOGTE EN GEEN SCROLLBALK */
.dp-builder-iframe {
  width: 100%;
  height: 900px !important;
  border: none;
  background: transparent;
  display: block;
  overflow: hidden !important;
}


/* =========================================================
   IFRAME PRODUCT CLEANUP
   ========================================================= */

body.iframe-view #header,
body.iframe-view .header-nav,
body.iframe-view #footer,
body.iframe-view .breadcrumb,
body.iframe-view .tabs,
body.iframe-view .product-accessories,
body.iframe-view .MagicToolboxSelectorsContainer,
body.iframe-view .page-footer {
  display: none !important;
}

body.iframe-view main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.iframe-view #main .product-container {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   MAIN 3-COLUMN GRID INSIDE IFRAME
   ========================================================= */

body.iframe-view .iframe-grid {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 40px;
  padding: 30px 40px 20px;
  background: #e6edf1;
  border-radius: 14px;
  max-width: 1200px;
  margin: 0 auto;
}

body.iframe-view .iframe-col {
  flex: 1;
  position: relative;
}

/* vertical divider */
body.iframe-view .iframe-col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 10%;
  right: -20px;
  width: 1px;
  height: 80%;
  background: #cfd8dc;
}


/* =========================================================
   LEFT IMAGE COLUMN
   ========================================================= */

body.iframe-view .iframe-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.iframe-view .iframe-image img {
  max-height: 480px;
  width: auto;
  object-fit: contain;
}

body.iframe-view .product-images {
  text-align: center;
}


/* =========================================================
   CENTER CONFIG COLUMN
   ========================================================= */

body.iframe-view .iframe-config {
  padding-top: 5px;
}

body.iframe-view .iframe-config .product-variants-item {
  margin-bottom: 15px;
}

body.iframe-view .iframe-layout {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

@media (max-width: 1440px) {
    #iframe-configurator #product .product-information, 
    #product .product-prices {
        max-width: 600px!important;
        margin: 0 auto;
    }
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 992px) {
  .dp-builder-iframe {
    height: 850px !important;
  }

  body.iframe-view .iframe-grid {
    flex-direction: column;
    padding: 20px 15px;
  }

  body.iframe-view .iframe-col::after {
    display: none;
  }

  body.iframe-view .iframe-image img {
    max-height: 320px;
  }
}


/* =========================
   ROOT
========================= */
#iframe-configurator {
  background: transparent!important;
  padding: 10px 20px 0px;
  font-family: "Nunito Sans", sans-serif !important;
  overflow: hidden !important;
}

body.iframe-view #iqitmegamenu-mobile-content{
    display: none!important;
}

/* =========================
   MAIN LAYOUT
========================= */
#iframe-configurator .config-inner {
  max-width: 100%;
  margin: 0 auto;
}

/* =========================
   RIGHT COLUMN
========================= */
#iframe-configurator .right {
  flex: 1;
  display: flex;
  align-items: flex-end; 
  justify-content: center;
}

/* IMAGE HOLDER */
#iframe-configurator .image-holder {
  height: 100%;
  display: flex;
  align-items: flex-end; 
}

/* IMAGE */
#iframe-configurator .image-holder img {
  max-height: 450px;
  width: auto;
  object-fit: contain;
}
#iframe-configurator .configurator-row{
    margin-left: -15px;
    margin-right: -15px;
    align-items: center;
}

/* =========================
   TITLE
========================= */
#iframe-configurator .title {
  font-size: 18px;
  color: #1b6f6a;
  margin-bottom: 12px;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif !important;
}
#iframe-configurator .title strong{
    font-weight: 800;
}
/* =========================
   MODULE FIELDS
========================= */
#iframe-configurator .product-variants > * {
  margin-bottom: 15px;
}

/* =========================
   LABEL ALIGNMENT
========================= */
#iframe-configurator label {
  justify-content: space-between;
  font-size: 15px;
  margin-bottom: 6px;
  width: 100px;
  font-family: "Nunito Sans", sans-serif !important;
}

/* VALUE BOX */
#iframe-configurator label span {
  padding: 0px 5px;
  font-weight: 800;
  min-width: 70px;
  text-align: center;
  font-family: "Nunito Sans", sans-serif !important;
}

/* =========================
   SLIDER
========================= */
#iframe-configurator input[type="range"] {
  width: 100%;
  height: 4px;
  background: #dcdcdc;
  margin: 8px 0;
}

/* THUMB */
#iframe-configurator input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #1b6f6a;
  border-radius: 50%;
  margin-top: -6px;
}

/* =========================
   RAL-KLEUR / RADIO BUTTONS
========================= */
#iframe-configurator input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #1b6f6a;
  border-radius: 50%;
  background: #fff;
  margin-right: 8px;
  cursor: pointer;
  vertical-align: middle;
  transition: all 0.2s ease;
}

#iframe-configurator input[type="radio"]:checked {
  background: #1b6f6a;
  box-shadow: inset 0 0 0 3px #fff;
}

/* RAL-kleurnamen groter weergegeven */
#iframe-configurator label:has(input[type="radio"]),
#dp-container .dp-field-container.dp-radio-field label {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  background: #ffffff;
  border: 1.5px solid #dcdcdc;
  border-radius: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #2b2b2b;
  font-family: "Nunito Sans", sans-serif !important;
  transition: all 0.2s ease;
}

#iframe-configurator label:has(input[type="radio"]:checked) {
  border-color: #0b6a70;
  background-color: #f0f7f7;
  color: #0b6a70;
}

/* =========================
   QUANTITY
========================= */
#iframe-configurator .row-field {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#iframe-configurator .row-field input {
  width: 70px;
  padding: 6px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  height: 32px;
  text-align: center;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 700;
}

/* =========================
   PRICE
========================= */
#iframe-configurator .price-section {
  margin: 15px 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#iframe-configurator .price-title {
  color: #1b6f6a;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 800;
  font-family: "Nunito Sans", sans-serif !important;
}

#iframe-configurator .price-box {
  background: transparent !important;
  padding: 0px;
  font-size: 36px !important;
  font-weight: 900 !important;
  width: auto;
  text-align: right;
  color: #0b6a70 !important;
  line-height: 1.1;
  letter-spacing: -0.5px;
  font-family: "Nunito Sans", sans-serif !important;
}

/* =========================
   BUTTON
========================= */
#iframe-configurator .btn-add-to-cart {
  width: 100%;
  background: #0b6a70;
  color: #fff;
  padding: 13px 20px;
  border: none;
  font-weight: 800;
  margin-top: 12px;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  border-radius: 25px;
  font-family: "Nunito Sans", sans-serif !important;
  cursor: pointer;
  transition: background 0.2s ease;
}

#iframe-configurator .btn-add-to-cart:hover {
  background: #085257;
}

/* =========================
   DELIVERY
========================= */
#iframe-configurator .delivery {
  margin-top: 8px;
  font-size: 13px;
  text-align: center;
  font-family: "Nunito Sans", sans-serif !important;
}

/* =========================
   SLIDER CONTAINER
========================= */
#iframe-configurator .dp_input_container {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* =========================
   SLIDER TRACK (FULL)
========================= */
#iframe-configurator .ui-slider {
  position: relative;
  height: 4px;
  background: #dcdcdc;
  border-radius: 2px;
  border: none;
}

/* =========================
   ACTIVE TRACK (GREEN FILL)
========================= */
#iframe-configurator .ui-slider-range {
  background: #1b6f6a !important;
  height: 4px;
  border-radius: 2px;
}

/* =========================
   SLIDER HANDLE (DOT)
========================= */
#iframe-configurator .ui-slider-handle {
  width: 16px;
  height: 16px;
  background: #1b6f6a;
  border-radius: 50%;
  border: none;
  top: -6px;
  cursor: pointer;
}

/* REMOVE DEFAULT UI STYLE */
#iframe-configurator .ui-widget-content {
  border: none !important;
  background: #dcdcdc !important;
}

/* =========================
   OPTIONAL: END DOTS
========================= */
#iframe-configurator .ui-slider::before,
#iframe-configurator .ui-slider::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #f2f2f2;
  border-radius: 50%;
  position: absolute;
  top: -4px;
}

#iframe-configurator .ui-slider::before {
  left: -6px;
}

#iframe-configurator .ui-slider::after {
  right: -6px;
}

/* =========================
   PLUS / MINUS BUTTONS
========================= */
#iframe-configurator .ui-button {
  background: transparent;
  border: none;
  cursor: pointer;
}

/* ICON FIX */
#iframe-configurator .ui-icon {
  font-size: 16px;
  color: #1b6f6a;
}

/* =========================
   FIELD CONTAINER & AFMETINGEN
========================= */
#iframe-configurator .dp_field_container {
  margin-bottom: 20px !important;
}

#iframe-configurator .dp_field_container > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* AFMETINGEN LABELS (L/B/H) */
#iframe-configurator .attribute_label {
  font-size: 16px !important;
  font-weight: 700 !important;
  width: 100%;
  display: flex !important;
  align-items: center;
  font-family: "Nunito Sans", sans-serif !important;
}

#iframe-configurator .attribute_label::first-letter {
  font-size: 22px;
  font-weight: 900;
  color: #0b6a70;
}

/* AFMETINGS-WAARDEN */
#iframe-configurator .dp_away {
  background: transparent;
  padding: 4px 10px;
  font-size: 22px !important;
  color: #0b6a70 !important;
  font-weight: 900 !important;
  min-width: 100px;
  text-align: right;
  font-family: "Nunito Sans", sans-serif !important;
}

/* VALUE INPUT */
#iframe-configurator .value-input {
  width: auto !important;
  border: none;
  background: transparent;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-align: center;
  color: #0b6a70;
  font-family: "Nunito Sans", sans-serif !important;
}

/* SLIDER ROW */
#iframe-configurator .dp_input_container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}

#iframe-configurator .ui-button {
  display: none;
}

#iframe-configurator .ui-slider {
  flex: 1;
  height: 4px;
  background: #fff !important;
  border-radius: 3px;
  position: relative;
}

#iframe-configurator .ui-slider-range {
  background: #1b6f6a !important;
  height: 6px;
  border-radius: 3px;
}

#iframe-configurator .ui-slider-handle {
  width: 14px;
  height: 14px;
  background: #1b6f6a;
  border-radius: 50%;
  top: -5px;
  border: none;
}

#iframe-configurator .ui-slider::before,
#iframe-configurator .ui-slider::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: -5px;
}

#iframe-configurator .ui-slider::before {
  left: -10px;
}

#iframe-configurator .ui-slider::after {
  right: -10px;
}

#iframe-configurator .dp_container .dp-controls-container .dp_slider{
    max-width: 100%;
}
#iframe-configurator .custom-price-block{
    display: block;
}
#iframe-configurator .custom-price-block .product-without-taxes-custom,
#iframe-configurator .current-price.price-box .price-incl{
    font-size: 14px;
    font-weight: 600;
    color: #666;
    font-family: "Nunito Sans", sans-serif !important;
}

#iframe-configurator .dp_away iframe,
#iframe-configurator .dp_away span:not(:first-child) {
  display: none !important;
}

#iframe-configurator .dp-controls-container .attribute_label span{
    top:0;
    width:auto!important;
    right: 0 !important;
    color: #1b6f6a;
}

#iframe-configurator .dp_field_container.dp_type_radio{
    flex-direction: column;
}

#iframe-configurator .dp_field_container.dp_type_radio > div > .attribute_label{
    display: none !important;
}

#iframe-configurator .dp_input_container#dp_soort{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

#iframe-configurator #dp_soort > label{
    justify-content: initial;
}

#iframe-configurator .dp_field_container.dp_type_slider .dp_input_container{
    top: 0;
    width: 100%;
}

#iframe-configurator .bottom-text {
    font-size: 12px;
    font-family: "Nunito Sans", sans-serif !important;
}

#iframe-configurator .input-group-append .input-group-prepend {
    display: none!important;
}

#iframe-configurator .tajribaProductOptions {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    display: block!important;
}

/* =========================
   TOOLTIPS (BY RK)
========================= */
.info-tooltip {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
  vertical-align: middle;
}

.info-tooltip .info-icon {
  font-size: 16px;
  color: #666;
  transition: color 0.2s ease;
}

.info-tooltip:hover .info-icon {
  color: #000;
}

.info-tooltip .tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 220px;
  background-color: #333;
  color: #fff;
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
  padding: 8px 12px;
  border-radius: 4px;
  position: absolute;
  z-index: 99;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  font-family: "Nunito Sans", sans-serif !important;
}

.info-tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #006272 transparent transparent transparent;
}

.info-tooltip:hover .tooltip-text,
.info-tooltip:focus .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* FORCEER FORMAAT HOOFDLABEL */
div[class*="product-variant"] .control-label,
div[class*="product-variant"] > label,
.product-variants-item label,
.product-variants-item .control-label {
  font-size: 15px !important;
  font-weight: 800 !important;
  display: block !important;
  margin-bottom: 8px !important;
  font-family: "Nunito Sans", sans-serif !important;
}

/* FORCEER FORMAAT OPTIE TEKSTEN */
div[class*="product-variant"] .custom-control-label,
div[class*="product-variant"] input[type="radio"] + label,
.product-variants-item .custom-control-label {
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: "Nunito Sans", sans-serif !important;
}

/* =========================================================
   HOMEPAGE SIDEBOX BLOCK
   ========================================================= */
.sidebox-block{
    display: flex;
    flex-wrap: wrap;
    font-family: "Nunito Sans", sans-serif !important;
}
.bg-dark-theme{
    background: #0D6A70;
}
h3{
    color: #0b6a70;
}
.sideblock-left, .sideblock-right{
    flex: 50%;
    max-width: 50%;
    padding: clamp(12px, 2.5vw + 0.5rem, 16px);
}
.sideblock-right{
	padding: 30px;
}
.sideblock-left{
	padding-left: 0;
    padding-right: clamp(20px, 2.5vw + 0.5rem, 40px);
}
.sideblock-heading {
    margin-bottom: 30px;
    flex: 100%;
}
.sideblock-heading h3{
    text-transform: uppercase;
    font-size: clamp(20px, 2.5vw + 0.5rem, 34px);
    font-weight: 800;
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-heading h3 span{
    color: #C4CDD3;
    display: block;
    font-weight: 800;
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-left > p{
    color: #000;
    font-weight: 800;
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-left > p span{
    color: #0b6a70;
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-left ul{
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-left ul li h4 {
    display: flex;
    align-items: center;
    gap: clamp(8px, 2.5vw + 0.5rem, 10px);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 800;
    color: #0b6a70;
    font-size: clamp(16px, 2.5vw + 0.5rem, 18px);
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-left ul li h4 > span{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #0b6a70;
    border-radius: 50%;
    color: #fff;
    font-size: clamp(12px, 2.5vw + 0.5rem, 16px);
    font-weight: 700;
    text-align: center;
}
.sideblock-left ul li p{
    margin-top: 0;
    color: #000;
    font-size: clamp(12px, 2.5vw + 0.5rem, 16px);
    font-family: "Nunito Sans", sans-serif !important;
}

.sideblock-right{
    color: #fff;
    font-size: clamp(12px, 2.5vw + 0.5rem, 16px);
    align-self: flex-start;
}
.sideblock-right p{
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-right h4{
    color: #fff;
    font-size: clamp(16px, 2.5vw + 0.5rem, 18px);
    font-family: "Nunito Sans", sans-serif !important;
}

.sideblock-right ul{
    margin: 0;
    list-style: none;
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-right ul li span, .sideblock-right ul li strong{
    font-family: "Nunito Sans", sans-serif !important;
}
.sideblock-right ul li{
    position: relative;
    padding-left: 16px;
    font-family: "Nunito Sans", sans-serif !important;
    margin-bottom: 5px;
}
.sideblock-right ul li::before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #C4CDD3;
    border-radius: 50%;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 10px;
}

img{
    max-width: 100%;
}
#iframe-configurator .product-add-to-cart .row-field .qty .input-group-btn{
    display: none;
}
.dp-iframe-product{
    color: #1b6f6a;
}

.dp-iframe-product span, .dp-iframe-product strong {
    font-family: "Nunito Sans", sans-serif !important;    
    font-weight: 900;
}

.dp-iframe-product span{
    color: #fff;
}

.dp-iframe-builder-card {
    max-width: 1280px;
    margin: 0 auto;
    border-radius: 0;
    padding: 35px 40px 45px;
    border: 1px solid #e3e6e8;
    background: #C6CFD4;
}

/*Remove price inclusive from the iframe of the product*/
#iframe-configurator .product-add-to-cart .product-prices .price-incl {
    display: none!important;
}
#iframe-configurator .product-add-to-cart .product-prices .incl-btw {
    display: none!important;
}

#iframe-configurator .excl-btw, #iframe-configurator .product-without-taxes-custom {
    font-size: 15px;
    font-family: "Nunito Sans", sans-serif !important;
}

/* =========================================================
   IFRAME ON HOMEPAGE AFTER UPGRADED START
   ========================================================= */
#dp-container #dp label {
    width: fit-content;
}
#dp-container #dp button:has(svg) {
    display: none;
}
#dp-container .dp\:w-full {
    max-width: 97% !important;
}
#iframe-configurator #dp-container .dp\:w-full {
    max-width: 98% !important;
}
#dp-container .dp-layers img {
    display: none;
}
#dp-container .dp-field-container .dp-field input[type="number"] {
    margin-left: auto;
    height: 26px;
    width: 45px;
    font-weight: 700;
    font-family: "Nunito Sans", sans-serif !important;
}
#dp-container fieldset.dp-group {
    border: none;
}
#iframe-configurator #dp-container .dp-field .dp-helper-text {
    display: none;
}

#dp-container .dp\:slider::before, #dp-container .dp\:slider::after {
    content: "";
    width: 14px;
    height: 14px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: -5px;
}

#iframe-configurator #dp-container .dp\:slider::before, #iframe-configurator #dp-container .dp\:slider::after {
    top: 2px;
}
#dp-container .dp\:slider {
    position: relative;
    margin: 0 12px;
}

#dp-container .dp\:slider::before {
    left: -10px;
}
#dp-container .dp\:slider::after {
    right: -3px;
}
#dp-container input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #fff !important;
    border-radius: 5px;
}

#dp-container input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent;
}

#dp-container input[type="range"]:focus {
  outline: none;
}

#dp-container input[type="range"]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
}

#dp-container input[type="range"]::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #1b6f6a;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}

#dp-container input[type="range"]::-moz-range-thumb {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #1b6f6a;
    cursor: pointer;
    border: none;
}

#dp-container {
    background: #C6CFD4;
    padding: 0 10px;
}
#iframe-configurator #dp-container {
    padding: 0;
}
#iframe-configurator button#btn_open_gwsaq {
    display: none;
}

#dp-container .dp-field-container.dp-radio-field .dp-field-label-container label {
    display: none;
}

#iframe-configurator .dp-weight {
    display: none;
}
#dp-container .dp-field-label * {
    font-size: 16px;
    font-weight: 800;
	color: #0B6A70;
	font-family: "Nunito Sans", sans-serif !important;
}
#iframe-configurator input#quantity_wanted {
    margin-right: 0 !important;
    margin-left: auto !important;
}

#dp-container .dp-step .dp-field.dp\:contents > div > div {
    background: white;
    margin-left: -10px;
    padding-right: 4px;
}
#dp-container .dp-step .dp-field.dp\:contents > div > div ,#dp-container .dp-step .dp-field.dp\:contents > div > input[type="number"] {
    color: #1b6f6a;
}

#iframe-configurator .product-add-to-cart .row-field .qty #quantity_wanted {
    width: 100% !important;
    max-width: 80px !important;
    display: inline-block;
    min-width: 0;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px;
    height: 32px;
    font-family: "Nunito Sans", sans-serif !important;
}
/* =========================================================
   IFRAME ON HOMEPAGE AFTER UPGRADED END
   ========================================================= */

/* END NEW IFRAME CSS */



.nt-color-variant {
    display: flex;
    flex-wrap: wrap;
}
/* .nt-color-variant span.ral_text {
    display: none;
} */


/* =========================================================
   Sokkel — Product Listing GRID VIEW
   Scope: .custom-category-products-self.grid
   (applies ONLY when the "grid" class is on the wrapper)
   Written against live markup:
   .custom-category-products-self.grid > #js-product-list > .products
     > article.product-miniature > .card.card-product
       > .card-img-top.product__card-img > a.product-thumbnail.rc.ratio1_1 > img
       > .card-body > .float-left (info) + .float-right.desktop-cart
       > .mobile-cart   (sibling of .card-body, inside .card-product)
       > ul.product-flags > li.product-flag (.discount / .on-sale / .out_of_stock)
   Load AFTER the theme stylesheet.
========================================================= */

/* ---- Products wrapper: kill theme flex/float, force grid ---- */
.custom-category-products-self.grid #js-product-list .products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    flex-wrap: unset !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---- Cell (article.product-miniature) ---- */
.custom-category-products-self.grid #js-product-list .products .product-miniature {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    display: flex;
    flex-direction: column;
}

/* ---- Card shell (.card.card-product) ---- */
.custom-category-products-self.grid .product-miniature .card-product {
    position: relative; /* anchor for .product-flags */
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
        align-items: center;
}
.custom-category-products-self.grid .product-miniature .card-product:hover {
    border-color: #0b6a70;
    box-shadow: 0 10px 28px rgba(11,106,112,.14);
    transform: translateY(-4px);
}

/* ---- Image block (.card-img-top.product__card-img) ---- */
.custom-category-products-self.grid .product-miniature .product__card-img {
    width: 100% !important;
    min-width:100% !important;
    float: none !important;
    padding: 14px !important;
    background: #fff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

/* Neutralize theme's ratio-box (a.product-thumbnail.rc.ratio1_1):
   the rc/ratio classes use padding-based aspect ratio with an
   absolutely-positioned img — reset it so our fixed-height image works */
.custom-category-products-self.grid .product-miniature .product-thumbnail,
.custom-category-products-self.grid .product-miniature .product-thumbnail.rc,
.custom-category-products-self.grid .product-miniature .product-thumbnail.ratio1_1 {
    position: relative !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden;
}
.custom-category-products-self.grid .product-miniature .product-thumbnail::before,
.custom-category-products-self.grid .product-miniature .product-thumbnail::after {
    display: none !important;
    content: none !important;
}
.custom-category-products-self.grid .product-miniature .product-thumbnail img {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none;
    width: 100% !important;
    height: 210px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    transition: transform .35s ease;
}
.custom-category-products-self.grid .product-miniature .card-product:hover .product-thumbnail img {
    transform: scale(1.04);
}

/* ---- Card body: override theme's float-based two-column layout ---- */
.custom-category-products-self.grid .product-miniature .card-body {
    width: 100% !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 0 !important; /* per-child padding below */
    overflow: hidden;
}

/* Kill Bootstrap float utilities on the inner divs */
.custom-category-products-self.grid .card-body .float-left,
.custom-category-products-self.grid .card-body .float-right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Info column */
.custom-category-products-self.grid .card-body .float-left {
    flex: 1 1 auto;
    padding: 16px 18px 8px !important;
}

/* Desktop cart pinned to bottom of card-body */
.custom-category-products-self.grid .card-body .float-right.desktop-cart {
    margin-top: auto;
    padding: 0 18px 18px !important;
}
.custom-category-products-self.grid .desktop-cart .add-to-cart-or-refresh {
    width: 100%;
}

/* ---- Desktop/mobile cart visibility ----
   NOTE: .mobile-cart is a SIBLING of .card-body (direct child of .card-product) */
@media (min-width: 992px) {
    .custom-category-products-self.grid .product-miniature .desktop-cart {
        display: flex !important;
        flex-direction: column;
    }
    .custom-category-products-self.grid .product-miniature .mobile-cart {
        display: none !important;
    }
}

/* ---- Title ---- */
.custom-category-products-self.grid h2.product-title {
    text-align: left;
    margin: 0 0 10px !important;
    min-height: auto !important;
    line-height: 1.35;
    font-size: 17px;
}
.custom-category-products-self.grid .product-title a {
    color: #0b6a70 !important;
    text-decoration: none;
}
.custom-category-products-self.grid .product-title a:hover {
    text-decoration: underline;
}

/* ---- Meta rows (stock / delivery / spoed) ---- */
.custom-category-products-self.grid .verzending-dagen,
.custom-category-products-self.grid .product-voorraad,
.custom-category-products-self.grid .spoed {
    display: flex !important;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: 14px;
}
.custom-category-products-self.grid .product-voorraad {
    color: #1c8a4e;
    font-weight: 600;
}
.custom-category-products-self.grid .product-voorraad svg {
    flex: 0 0 auto;
}

/* ---- Price block (desktop-cart) ---- */
.custom-category-products-self.grid .desktop-cart .product-price-and-shipping {
    text-align: left !important;
    margin: 0 0 12px !important;
}
.custom-category-products-self.grid .desktop-cart .regular-price {
    display: block;
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
    line-height: 1.2;
}
.custom-category-products-self.grid .desktop-cart .price {
    font-size: 20px !important;
    font-weight: 700;
    color: #0b6a70;
    display: block;
    line-height: 1.25;
}

/* ---- Add-to-cart (button in form OR direct <a> like "Op maat") ---- */
#category .custom-category-products-self.grid .add-to-cart-custom,
#search  .custom-category-products-self.grid .add-to-cart-custom,
.custom-category-products-self.grid .add-to-cart-custom {
    position: static !important;
    bottom: auto !important;
    right: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 16px;
    background-color: #0b6a70 !important;
    color: #fff !important;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .2s ease;
    cursor: pointer;
}
#category .custom-category-products-self.grid .add-to-cart-custom:hover,
#search  .custom-category-products-self.grid .add-to-cart-custom:hover,
.custom-category-products-self.grid .add-to-cart-custom:hover {
    background-color: #08494d !important;
    color: #fff !important;
}
.custom-category-products-self.grid .add-to-cart-custom i {
    float: none;
    margin: 0;
}

/* ---- Product flags (.discount / .on-sale / .out_of_stock) ---- */
.custom-category-products-self.grid .product-flags {
    position: absolute;
    top: 8px;
    left: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}
.custom-category-products-self.grid .product-flag {
    font-size: 12px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    color: #fff;
}
.custom-category-products-self.grid .product-flag.discount,
.custom-category-products-self.grid .product-flag.on-sale {
    background: #e53e3e;
}
.custom-category-products-self.grid .product-flag.out_of_stock {
    background: #6c757d;
}
/* theme already hides .discount-product via existing custom.css rule */

/* =========================================================
   Responsive
========================================================= */

/* Tablet: 3 columns */
@media (max-width: 1199px) {
    .custom-category-products-self.grid #js-product-list .products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
    .custom-category-products-self.grid .product-miniature .product-thumbnail img {
        height: 185px !important;
    }
}

/* Small tablet: 2 columns + switch to mobile-cart */
@media (max-width: 991px) {
    .custom-category-products-self.grid #js-product-list .products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 18px !important;
    }

    .custom-category-products-self.grid .product-miniature .desktop-cart {
        display: none !important;
    }
    /* .mobile-cart sits after .card-body inside .card-product */
    .custom-category-products-self.grid .product-miniature .mobile-cart {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        padding: 0 18px 18px !important;
        margin-top: auto; /* pin to card bottom */
    }
    .custom-category-products-self.grid .mobile-cart .product-price-and-shipping {
        text-align: left !important;
        margin: 0 0 12px !important;
    }
    .custom-category-products-self.grid .mobile-cart .regular-price {
        display: block;
        font-size: 13px;
        color: #999;
        text-decoration: line-through;
        line-height: 1.2;
    }
    .custom-category-products-self.grid .mobile-cart .price {
        font-size: 19px !important;
        font-weight: 700;
        color: #0b6a70;
        display: block;
        line-height: 1.25;
    }
    .custom-category-products-self.grid .mobile-cart .add-to-cart-or-refresh {
        width: 100%;
    }
}

/* =========================================================
   Phone (≤575px): 1 column — VERTICAL card (same as desktop/tablet)
   Image centered on top, then title/meta, then price + full-width button
========================================================= */
@media (max-width: 676px) {
    .custom-category-products-self.grid #js-product-list .products {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    /* Keep the vertical card layout */
    .custom-category-products-self.grid .product-miniature .card-product {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
        transform: none !important;
    }
    .custom-category-products-self.grid .product-miniature .card-product:hover {
        transform: none !important;
        box-shadow: 0 4px 14px rgba(0,0,0,.08);
    }

    /* Image: full width on top, centered */
    .custom-category-products-self.grid .product-miniature .product__card-img {
        max-width: 100% !important;
        width:100%;
        flex: 0 0 auto !important;
        padding: 16px !important;
        align-self: stretch;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .custom-category-products-self.grid .product-miniature .product-thumbnail {
        justify-content: center !important;
    }
    .custom-category-products-self.grid .product-miniature .product-thumbnail img {
        height: 190px !important;
        width: 100% !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }
    .custom-category-products-self.grid .product-miniature .card-product:hover .product-thumbnail img {
        transform: none;
    }

    /* Body: full width below image */
    .custom-category-products-self.grid .product-miniature .card-body {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .custom-category-products-self.grid .card-body .float-left {
        padding: 14px 16px 6px !important;
    }

    .custom-category-products-self.grid h2.product-title {
        font-size: 17px;
        line-height: 1.35;
        margin: 0 0 8px !important;
    }
    .custom-category-products-self.grid .verzending-dagen,
    .custom-category-products-self.grid .product-voorraad,
    .custom-category-products-self.grid .spoed {
        font-size: 13.5px;
        margin-top: 6px;
    }

    /* mobile-cart: stacked — price above, full-width button below */
    .custom-category-products-self.grid .product-miniature .mobile-cart {
        flex: 0 0 auto !important;
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch;
        gap: 0;
        padding: 6px 16px 16px !important;
        margin-top: auto; /* pin to card bottom */
        border-top: 0;
    }
    .custom-category-products-self.grid .mobile-cart .product-price-and-shipping {
        text-align: left !important;
        margin: 0 0 12px !important;
    }
    .custom-category-products-self.grid .mobile-cart .regular-price {
        display: block;
        font-size: 13px;
        color: #999;
        text-decoration: line-through;
        line-height: 1.2;
    }
    .custom-category-products-self.grid .mobile-cart .price {
        font-size: 18px !important;
        font-weight: 700;
        color: #0b6a70;
        display: block;
        line-height: 1.25;
    }
    .custom-category-products-self.grid .mobile-cart .add-to-cart-or-refresh,
    .custom-category-products-self.grid .mobile-cart > a.add-to-cart-custom {
        flex: 0 0 auto;
        width: 100% !important;
        min-width: 0;
        max-width: 100%;
    }
    .custom-category-products-self.grid .mobile-cart .add-to-cart-custom {
        padding: 11px 16px;
        font-size: 15px;
    }

    .custom-category-products-self.grid .product-flags {
        top: 8px;
        left: 8px;
    }
}

span.ml-2 {
    font-size: 10px !important;
    color: #909090 !important;
}


/* ===== DP slider: white dots -> real minus / plus buttons ===== */

/* 1. purane decorative dots kill */
#dp-container .dp\:slider::before,
#dp-container .dp\:slider::after,
#iframe-configurator #dp-container .dp\:slider::before,
#iframe-configurator #dp-container .dp\:slider::after {
    content: none !important;
}

#dp-container .dp\:slider {
    position: relative;
    margin: 0;
    align-items: center;
}

/* 2. module ke asli ± buttons wapas visible */
#dp-container #dp .dp\:slider > button,
#dp-container #dp .dp\:slider > button:has(svg) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    min-width: 18px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #1b6f6a;
    line-height: 1;
    box-shadow: none;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

#dp-container #dp .dp\:slider > button:hover {
    background: #1b6f6a;
    color: #fff;
}

/* 3. icon CSS se draw — Iconify API pe dependency nahi rahegi */
#dp-container .dp\:slider > button svg,
#dp-container .dp\:slider > button .iconify {
    display: none !important;
}

#dp-container .dp\:slider > button::before {
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-top: -1px;
}

#dp-container .dp\:slider > button:first-child::before { content: "\2212"; } /* − */
#dp-container .dp\:slider > button:last-child::before  { content: "\002B"; } /* + */