.item-box .btn-wrapper button:hover,
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before,
.select input[type="checkbox"]:checked + label,
.select-boxes input[type="checkbox"]:checked + label,
.two-row-carousels .slick-arrow:hover,
.home-page-polls .answer input[type="radio"]:checked + label:before,
.answer input[type="radio"]:checked + label:before,
.pager li a:hover,
.pager li span,
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover,
.ui-datepicker-header,
.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active,
.order-progress .active-step:not(.last) a:hover:before,
.opc .selector input[type="checkbox"]:checked ~ label:before,
.forum-search-box.search-box .search-box-button:hover,
.ico-wishlist .wishlist-qty,
.ico-cart .cart-qty,
.shopping-cart-link .cart-qty,
.selected-options-list > li span,
.header-menu .close-menu,
.close-side-menu,
.mobile-flyout-wrapper .close-side-menu,
.header-menu ul li.back-button,
.avatar-page .upload-image.valid + label,
.ui-slider-range,
.filters-button,
.quick-view-button a:hover,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.blog-search-box .search-box-button:hover,
.sale-of-the-day-offer .timer-info-box,
.spc-products .slick-arrow:hover,
.nivo-directionNav a:hover,
.anywhere-slider .slick-arrow:hover,
.theme-roller .open-button,
.product-filters .ui-slider-range,
.buttons .k-button {
  background-color: #0a6dbe;
}
.selected-options-list > li span:hover,
.theme-roller .open-button:hover,
.avatar-page .upload-image.valid + label:hover,
.buttons .k-button:hover {
  background-color: #064375;
}
.link-rss:hover:before,
.field-validation-valid,
.username-available-status,
.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a,
.cart .product a:hover,
.data-table .product a:hover,
.compare-products-table .product a:hover,
.forums-table-section .product a:hover,
.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a,
.mini-shopping-cart .count a:hover,
.mini-shopping-cart .price,
.mini-shopping-cart .totals strong,
.login-form-in-header .in-header-register .register-button:hover,
.login-form-in-header .inputs input:focus + .inputs-icons,
.footer-block a:hover,
.social-sharing a:hover:before,
.footer-block .title:before,
.footer-block .title:after,
.block .title:before,
.block .list li.active > a,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.poll > strong,
.block .answer label:hover,
.breadcrumb a:hover,
.breadcrumb a:hover span,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a,
.product-name .manufacturers .value,
.overview .manufacturers .value,
.product-review-links a:hover,
.product-no-reviews a:hover,
.compare-products .add-to-compare-list-button:hover,
.compare-products .add-to-compare-list-button:hover:before,
.back-in-stock-subscription:hover:before,
.overview .additional-details div .value a,
.variant-overview .additional-details div .value a,
.download-sample a,
.product-social-sharing li a:hover:before,
.email-a-friend:hover:before,
.overview .product-price,
.variant-overview .product-price,
.tier-prices .item-price,
.product-tags-list a,
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.ui-tabs .submitReviewResult,
.product-review-helpfulness .vote:hover:before,
.wishlist-page .share-info a,
.compare-products-mobile .price .item span,
.email-a-friend-page .title a,
.accept-privacy-policy .read,
.account-page .button-2.return-items-button:hover,
.account-page .button-2.return-items-button:hover:before,
.order-total td label,
.order-total td span,
.cart-total .order-total,
.terms-of-service .read,
.cart-collaterals > div > .title:hover,
.cart-collaterals > div > .title:before,
.cart-collaterals .message-success,
.checkout-page .add-button .btn-holder.open:before,
.order-completed .order-number,
.opc > li.allow:not(.active) .step-title:after,
.opc > li.active .step-title .number,
.opc > li.active .step-title .title,
.order-details-page .order-overview .order-number,
.sitemap-page a,
.post-date,
.news-date,
.post-navigation a:before,
.post-navigation a:after,
.back-to-all-button:hover,
.back-to-all-button:hover:before,
.blog-page .tags li,
.blogpost-page .tags a,
.read-comments:hover,
.read-comments:hover:before,
.new-comment .result,
.news-list-homepage .view-all a,
.news-list-homepage .view-all a:after,
.current-time,
.forum-search-box .advanced > a:hover,
.forum-table a:hover,
.topic-post .pm-button:before,
.topic-post .post-vote > .vote.up:hover:before,
.topic-post .post-vote > .vote.down:hover:before,
.compare-products-table .product-price td,
.order-progress .active-step.last a span,
.category-navigation-list-wrapper ul li:hover > a,
.category-navigation-list-wrapper ul li:hover > span,
.category-navigation-list-wrapper ul li:hover > a:after,
.header-links a:hover,
.header-links a:hover:before,
.block.block-recently-viewed-products .list a:hover,
.block-account-navigation.block .list a:hover,
.block-account-navigation.block .list a:hover:after,
.block-account-navigation.block .list a.active,
.block-account-navigation.block .list a.active:after,
.header-selectors-wrapper > div input[type="radio"]:checked + label,
.ajaxCart .k-window-titlebar.k-header .k-window-actions .k-icon:hover:before,
.productAddedToCartWindowDescription strong,
.clearFilterOptionsAll:hover,
.filter-block .toggleControl:before,
.filter-block a.clearFilterOptions:hover:before,
.filter-block a.clearPriceRangeFilter:hover:before,
.picture-thumbs .slick-prev:hover:before,
.picture-thumbs .slick-next:hover:before,
.instant-search-item .detail .price,
.home-page .jCarouselMainWrapper.small-products .nop-jcarousel .carousel-title:before,
.mega-menu .sublist li:hover > a,
.category-navigation-list .dropdown .box .title a,
.category-navigation-list .dropdown .box .subcategory-item a:hover,
.mega-menu .manufacturers .box:hover .title,
.mega-menu .vendors .box:hover .title,
.previous-product a:before,
.next-product a:before,
.quickView .k-window-titlebar.k-header .k-window-actions a:hover:before,
.quickViewWindow #accordion > h3 span:before,
.quickViewWindow .product-variant .product-price,
.ropc .section .title:after,
.ropc .coupon-box-panel .message-success,
.ropc .giftcard-box-panel .message-success,
.ropc .cart-total .cart-total-row span,
.sale-of-the-day-offer .product-name a:hover,
.sale-of-the-day-offer .price.actual-price,
.sale-of-the-day-offer .slick-arrow:hover:before,
.rich-blog-homepage .view-all a,
.rich-blog-homepage .view-all a:after,
.blog-search-results .search-term-highlighter,
.share-post li a:hover:before,
.post-relations li a,
.spc-products .spc-header li:hover,
.spc-categories .navigation li:hover,
.spc-header li.active,
.spc-categories .navigation li.active,
.spc-categories .category-title,
.spc-categories .category-sublist a:hover,
.spc-categories .slick-prev:hover:before,
.spc-categories .slick-next:hover:before,
.advantages-item .title a:hover,
.scroll-back-button:before,
.inputs.accept-consent .read,
.product-filters .selected-price-range {
  color: #0a6dbe;
}
.product-name .manufacturers .value:hover,
.product-tags-list a:hover:hover,
.overview .additional-details div .value a:hover,
.variant-overview .additional-details div .value a:hover,
.terms-of-service .read:hover,
.download-sample a:hover,
.sitemap-page a:hover,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.product-tags-list a:hover,
.cart .edit-item a:hover,
.news-list-homepage .view-all a:hover,
.news-list-homepage .view-all a:hover:after,
.manufacturers .value:hover,
.block .view-all a:hover,
.data-table a:hover,
.forums-table-section a:hover,
.category-navigation-list .dropdown .box .title a:hover,
.rich-blog-homepage .view-all a:hover,
.rich-blog-homepage .view-all a:hover:after,
.post-relations li a:hover,
.spc-categories .category-title a:hover {
  color: #064375;
}
.ajax-loading-block-window:before,
.ajax-loading-block-window:after,
.two-row-carousels .slick-arrow:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.order-progress .active-step.last a:before,
.block-account-navigation.block .list a.active,
.nopAjaxCartPanelAjaxBusy:before,
.nopAjaxCartPanelAjaxBusy:after,
.miniProductDetailsPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:after,
.ui-slider-handle,
.product-filters .ui-slider-handle,
.productPanelAjaxBusy:before,
.productPanelAjaxBusy:after,
.infinite-scroll-loader:before,
.infinite-scroll-loader:after,
.cloudzoom-ajax-loader:before,
.cloudzoom-ajax-loader:after,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.quickView .k-loading-image:before,
.quickView .k-loading-image:after,
.quickView .cloudzoom-ajax-loader:before,
.quickView .cloudzoom-ajax-loader:after,
.panel-loader-effect .spinner:before,
.panel-loader-effect .spinner:after,
.spc-categories .loading-overlay:before,
.spc-categories .loading-overlay:after,
.spc-body .loading-overlay:before,
.spc-body .loading-overlay:after,
.spc-products .slick-arrow:hover,
.scroll-back-button,
.nivoSlider:before,
.nivoSlider:after,
.anywhere-slider:before,
.anywhere-slider:after,
.jCarouselMainWrapper .loading-overlay:before,
.jCarouselMainWrapper .loading-overlay:after {
  border-color: #0a6dbe;
}
.pager li a:hover,
.pager li span {
  border-color: #0a6dbe !important;
}
.button-1,
.eu-cookie-bar-notification button,
.login-form-in-header .login-button,
.category-navigation-list-wrapper:hover .category-navigation-title,
.category-navigation-list-wrapper.menuItemsAreClickable.opened .category-navigation-title,
.newsletter-email .newsletter-subscribe-button,
.home-page-polls .poll button,
.contact-vendor-button,
.item-box .buttons .button-2:hover,
.grouped-btn:hover,
.write-review .title strong,
.comment-form-btn strong,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.qq-uploader .qq-upload-button,
.blog-posts .read-more,
.news-items .read-more,
.forums-table-section .view-all a,
.topic-post .post-actions .quote-post-button,
.ropc .complete-button button,
.spc-categories .category-picture .spc-to-all-products,
.jCarouselMainWrapper .slick-dots .slick-active button,
.sale-of-the-day-offer li.slick-active button,
.spc .slick-dots .slick-active button {
  background-color: #5cb85c;
}
.button-1:hover,
.eu-cookie-bar-notification button:hover,
.mini-shopping-cart .buttons button:hover,
.login-form-in-header .login-button:hover,
.search-box .search-box-button:hover,
.newsletter-email .newsletter-subscribe-button:hover,
.poll .buttons button:hover,
.contact-vendor-button:hover,
.product-reviews-page .title .write-review-title:hover,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.qq-uploader .qq-upload-button:hover,
.blog-posts .read-more:hover,
.news-items .read-more:hover,
.open-comment-form:hover,
.forums-table-section .view-all a:hover,
.topic-post .post-actions .quote-post-button:hover,
.ropc .complete-button button:hover {
  background-color: #47a447;
}
@media all and (min-width: 1025px) {
  .search-box .search-box-button,
  .center-2 .product-list .item-box .buttons .button-2 {
    background-color: #5cb85c;
  }
  .center-2 .product-list .item-box .buttons .button-2:hover {
    background-color: #47a447;
  }
  .block-account-navigation.block .list .active a,
  .block-account-navigation.block .list .active a:after {
    color: #0a6dbe;
  }
  .block-account-navigation.block .list .active a {
    border-color: #0a6dbe;
  }
}
.sale-of-the-day-offer { background-image: url('https://www.dhz-proshop.be/images/thumbs/0170980_3187a311-2188-468f-b0dd-cd5c50a239b4.webp'); }:root {
    --site-blue: #0a6dbe;
    --blue-background: #0a6dbe;
}

body {
    font: normal 12px 'Open Sans', Arial, Helvetica, Verdana, sans-serif;
}

.html-widget customized-info-boxes {
    display: none;
}

.category-navigation-list-wrapper {
    border-left: 3px solid #ffffff;
}

.home-page .topic-block-body h1 {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.home-page .jCarouselMainWrapper.small-products {
    margin: 50px 0 30px 0 !important
}

.header-menu-parent {
    margin-bottom: 15px
}

.master-wrapper-content {
    min-height: 800px;
}

.header-menu>ul>li>a {
    color: #404040;
}

.header-menu>ul>li>a:hover {
    color: var(--site-blue);
}

.nop-jcarousel .carousel-title {
    font-size: 20px
}

.header-selectors-wrapper select {
    color: #ffffff;
}

.overview .delivery {
    padding: 15px 5px 15px 5px;
    background-color: #f6f6f6;
    border: 1px solid #0a6dbe;
}

.overview .add-to-wishlist button {
    text-transform: none;
}

.tax-display-type-selector:before {
    color: #ffffff;
    width: 100%;
    aspect-ratio: auto 1 / 1;
}

.header-selectors-wrapper select option {
    color: #404040;
}

.header-links a {
    color: #404040;
}

.header-links a:before {
    color: #404040;
}

.header-logo a img {
    aspect-ratio: auto 225 / 45;
    width: 100%;
}

.category-navigation-title {
    color: #404040;
}

.category-navigation-list-wrapper ul li a {
    color: #404040;
}

.responsive-nav-wrapper>div>a:before {
    color: #404040;
}

.responsive-nav-wrapper>div>span:before {
    color: #404040;
}

.ico-cart .cart-label {
    font-weight: normal;
}

.ui-tabs .ui-tabs-panel {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
    background-color: #FFF;
}

.ui-tabs .ui-tabs-nav li a {
    text-transform: none !important;
}

.productTabs-body a.ui-tabs-anchor {
    color: var(--site-blue);
}

.full-description,
.product-specs-box {
    background-color: #FFF
}

.full-description p {
    font-size: 15px;
}

.attachment-category ul {
    Text-align: left;
}

.file-attachments ul li a.attachmentLinkImg {
    width: 50px;
    max-height: 50px;
}

.category-grid .item-box .title a {
    font-size: 15px;
    color: var(--site-blue);
}

.category-page .category-grid .sub-category-item {
    border: 1px solid #eee;
    border-radius: 3px;
}

.category-page .category-grid .sub-category-item:hover {
    border-color: #ddd;
}

.category-navigation-list .box {
    border: 1px solid #eee;
    border-radius: 3px;
}

.category-navigation-list .box:hover {
    border-color: #ddd;
}

.category-page .category-grid .sub-category-item:hover {
    border-color: #ddd;
}

.search-box .search-box-button {
    background-color: var(--site-blue);
}

.search-box .search-box-button:hover {
    background-color: #0081ff;
}

.product-details-page .related-products-grid {
    display: none;
}

.blogpost-page .related-products-grid {
    margin-top: 40px;
}

.jCarouselMainWrapper {
    margin-top: 20px
}

.jCarouselMainWrapper .product-grid {
    padding-top: 20px;
    padding-bottom: 20px;
}

.center-2 .nop-jcarousel .carousel-title {
    font-size: 22px;
}

.nop-jcarousel .carousel-title strong {
    color: #111111;
}

.search-page .page-title {
    display: none;
}

.file-attachments ul li a.attachmentLink {
    font-size: 14px;
    padding-left: 10px;
}

.blog-post-page .related-products-grid {
    display: none;
}

.blog-post .post-body p {
    font-size: 15px;
}

.file-attachments .title {
    display: none;
}

.blog-page .tags,
.blogpost-page .tags {
    display: none;
}

.product-tags-box {
    display: none;
}

.advantages-item .title {
    text-transform: none !important;
}

.bar-notification.success {
    background-color: #5cb85c;
}

.manufacturer-description h2,
h3,
h4 {
    color: #111 !important;
}

.breadcrumb li {
    font-size: 12px;
}

.product-name h1 {
    font-size: 18px
}

.item-box .product-title,
.item-box .title {
    font-size: 13px;
}

.item-box .button-2 {
    text-transform: none;
}

.button-1 {
    text-transform: none;
}

div.block.block-popular-tags {
    display: none;
}

.mini-shopping-cart .name a {
    font-size: 12px;
}

.productAddedToCartWindowSummary a {
    text-transform: none;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
}

.productAddedToCartWindowSummary a:hover {
    background-color: #f6f6f6;
    border: 1px solid #0a6dbe;
    color: #0a6dbe;
}

.ajaxCart .product-name,
.ajaxCart .productAddedToCartWindowTitle,
.ajaxCart .k-window-title {
    font-size: 18px;
    text-align: left;
}

.ajaxCart .product-grid .title {
    font-size: 18px;
    text-align: left;
}

.miniProductDetailsView .short-description {
    font-size: 13px;
}

.miniProductDetailsView .overview .product-price {
    font-size: 20px
}

.productTabs .full-description,
.productTabs .product-specs-box {
    margin: 0;
    padding: 0;
    text-align: left;
}

.overview .old-product-price span,
.overview .old-product-price label,
.variant-overview .old-product-price span,
.variant-overview .old-product-price label {
    font-size: 14px;
}

.miniProductDetailsView .product-variant-name,
.productAddedToCartWindowDescription h1 a {
    font-size: 16px;
    text-transform: none;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    font-size: 15px;
}

.quickViewWindow .product-name {
    font-size: 18px;
}

.quickViewWindow .links-panel a {
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    text-transform: none;
    font-size: 18px;
    font-weight: 500;
}

.quickViewWindow .links-panel a:hover {
    color: #0a6dbe;
    border: 1px solid #0a6dbe;
    background-color: #f6f6f6;
}

.quickViewWindow .popup-header {
    text-align: left;
}

.quickViewWindow .product-grid .title {
    text-align: left;
}

.quickViewWindow .overview .add-to-wishlist button {
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
}

.quickViewWindow .overview .add-to-wishlist button:hover {
    background-color: #f6f6f6;
}

.quickViewWindow .links-panel a:hover:after {
    color: #0a6dbe;
}

.quickViewWindow .product-grid .item-box .title,
.quickViewWindow .product-grid .item-box .product-title:hover {
    color: #0a6dbe;
}

.wishlist-content .button-2 {
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
}

.wishlist-content .button-2 {
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
}

.wishlist-content .button-2:hover {
    background-color: #f6f6f6;
    border: 1px solid #0a6dbe;
    color: #0a6dbe;
}

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

.product-collateral .title {
    text-transform: none;
}

.compare-products .add-to-compare-list-button {
    display: block;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    color: #8c8c8c;
    font-size: 0;
    text-transform: none;
    text-align: center;
    background-color: #f6f6f6;
    transition: all .1s ease;
    margin-top: 15px;
    border: 1px solid #f6f6f6;
}

.compare-products .add-to-compare-list-button:hover {
    border: 1px solid #0a6dbe;
    color: #0a6dbe;
}

.overview .add-to-compare-list-button {
    width: 100%;
    font-size: 13px;
}

.overview .add-to-wishlist button {
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
}

.overview .add-to-wishlist button:hover {
    border: 1px solid #0a6dbe;
    color: #0a6dbe;
    background-color: #f6f6f6;
}

.overview .add-to-wishlist button:hover:before {
    color: #0a6dbe;
}

.overview .add-to-cart {
    margin: 0 auto 25px;
}

.overview .stock,
.variant-overview .stock {
    color: #0a6dbe;
}

.product-estimate-shipping {
    margin: 15px 0 10px 0;
    color: #8c8c8c;
    border: 1px solid #f6f6f6;
    padding: 15px 0 15px 0;
}

.delivery .delivery-date {
    color: #0a6dbe;
}

.overview .delivery {
    margin: 15px 0 15px;
}

.product-social-buttons {
    margin-bottom: 10px;
}

.product-details-total-price {
    background: #efefef;
    width: 100%;
    padding: 10px 20px;
    margin: 0 auto 15px !important;
    color: black;
    font-size: 18px;
    border-radius: 8px;
}

.product-details-total-price span {
    font-size: 14px;
}

/* Google Captcha */
.grecaptcha-badge {
    bottom: 110px !important;
}

/* cart */
.estimate-shipping-row-item #StateProvinceId,
.estimate-shipping-row-item #ZipPostalCode,
#updatecart {
    display: none;
}

.checkout-attributes textarea {
    width: 100%;
}

.cart td {
    padding: 20px 10px;
}

.cart td.quantity {
    min-width: 150px;
}

.cart td.quantity .qty-input {
    border-left: none;
    border-right: none;
}

.cart .qty-input,
.cart .qty-dropdown {
    width: 60px;
}

.increase-qty,
.decrease-qty {
    border: 1px solid #e7e7e7;
    background: none;
    height: 40px;
    vertical-align: middle;
}

.increase-qty:before,
.decrease-qty:before {
    display: block;
    font-size: 15px;
    color: #8e8e8e;
    padding: 0 3px;
}

.increase-qty:before {
    content: "i";
}

.decrease-qty:before {
    content: "h";
}

/* Order Completed */
.order-completed .details {
    border: none;
}

/* Registration Page */
.registration-page .form-fields {
    text-align: left;
}

.hidden {
    display: none !important;
}

#company {
    text-align: left;
}

#company>.inputs {
    display: inline-block;
    min-width: 125px;
}

.valid {
    border: 1px solid #96CC39 !important;
    clear: none;
}

.sale-of-the-day-offer .go-to-product-page {
    line-height: 25px;
}

.valid+.valid-icon {
    position: absolute;
    top: 6px;
    right: 15px;
}

.valid+.valid-icon:before {
    display: block;
}

.valid-icon:before {
    font-family: "emporium-icons";
    content: "0";
    display: none;
    font-size: 22px;
    font-weight: bold;
    color: #96CC39;
    transition: color .2s ease;
}

.address-edit-page .valid+.valid-icon {
    top: 35px;
}

.address-edit-page .inputs>.required {
    top: 25px;
    right: -10px;
}

.ajax-cart-button-wrapper {
    display: inline;
}

.login-popup {
    width: 360px;
}

.login-popup .returning-wrapper .form-fields {
    padding: 30px 20px;
}

.login-popup .inputs.reversed label {
    margin-left: 20px;
}

.login-popup .inputs.reversed label:before {
    content: none;
}

.login-popup .remember-me {
    width: 50%;
    float: left;
}

.login-popup .forgot-password {
    text-align: right;
    clear: none;
    float: right;
}

#RememberMe1 {
    left: 0;
}

.ico-address:before {
    content: "N";
}

.ico-orders:before {
    content: "d";
}

/* Hide extra content */
.extra-content {
    display: none;
}

.content-button {
    background: var(--site-blue);
    padding: 10px 20px;
    border-radius: 3px;
    color: white;
    border: none;
    margin: 5px 0px;
    font-size: 15px;
}

.register-link {
    display: inline-block;
    padding: 0px 20px 10px;
}

.button-1.login-button {
    width: 90%;
}

.item-box .buttons {
    display: block;
}

.product-essential .breadcrumb li:last-child,
.product-essential .breadcrumb li:nth-last-child(2) .delimiter {
    display: none;
}

.back-button {
    margin-bottom: 20px;
}

.back-button a {
    background-color: #f1f1f1;
    padding: 10px 20px 10px 20px;
    color: var(--site-blue);
    border-radius: 3px;
    text-transform: none;
    font-weight: 700;
}

.back-button a:hover {
    background-color: #e6e6e6;
}

.order-details-page .products table th,
.order-details-page .products table td {
    font-size: 15px;
    padding: 20px 10px;
}

.filter-show-more {
    color: var(--site-blue) !important;
}

.filter-show-more:hover {
    text-decoration: underline;
}

.order-items-button {
    margin-left: 10px;
}

.section.order-item {
    height: auto !important;
}

.order-item .table-wrapper {
    display: none;
    margin-top: 20px;
}

.order-items-button:before {
    content: "1";
    font-family: "emporium-icons";
    font-size: 16px;
}

.order-item .data-table th,
.order-item .data-table td {
    font-size: 14px;
    padding: 10px;
}

.order-item .data-table .quantity {
    width: 50px;
}

.order-item .data-table .sku {
    width: 120px;
}

.html-widget .home-page-advantages {
    margin: auto;
}

.html-widget .advantages-item {
    display: none;
    padding: 10px 30px 10px 40px;
    width: 100%;
}

.html-widget .advantages-item .picture {
    width: 40px;
    height: 40px;
}

.html-widget .advantages-item>div {
    display: inline-block;
    vertical-align: middle;
}

.html-widget .advantages-item .info {
    width: calc(100% - 55px);
    padding-left: 10px;
}

.html-widget .home-page-advantages .description {
    display: none;
}

.profile-menu-box.login-popup a {
    font-size: 13px;
}

.order-summary-content .nop-jcarousel.product-grid {
    display: none;
}

.shopping-cart-page .nop-jcarousel.product-grid {
    display: block;
}

.termly-display-preferences {
    color: white;
    font-size: 13px;
    padding: 5px 10px;
    border: 1px solid white;
    margin: 0px 10px;
}

@media all and (min-width: 1921px) {
    .html-widget .advantages-item {
        width: 25% !important;
        display: inline-block;
    }
}

@media (min-width: 1281px) {
    .product-name h1 {
        font-size: 18px
    }

    .overview .prices {
        margin: 20px 0 20px;
    }
}

@media all and (min-width: 1025px) {
    .mobile-flyout-wrapper {
        padding-left: 20px;
    }

    .header-links a {
        font-size: 13px;
    }

    .header-menu>ul>li>a,
    .header-menu>ul>li>span {
        text-transform: none;
        font-size: 14px;
    }

    .category-navigation-title {
        font-size: 15px;
        text-transform: none;
    }

    .mini-shopping-cart .quantity {
        font-size: 12px;
    }

    .mini-shopping-cart .quantity span {
        font-size: 12px
    }

    .order-progress a {
        font-size: 14px;
        padding-top: 80px;
    }

    .logged-in .ico-account.opener:after,
    .logged-out .ico-account.opener:after {
        padding: 4px;
        border-radius: 8px;
        color: white;
        position: absolute;
        top: -5px;
        left: 40px;
        font-size: 8px;
    }

    .logged-in .ico-account.opener:after {
        content: "0";
        background: var(--site-blue);
    }

    .logged-out .ico-account.opener:after {
        content: "v";
        background: gray;
    }

    .login-popup .title {
        padding: 10px 20px 0px;
    }

    .login-popup .title strong,
    .profile-menu-box .title strong {
        color: #5cb85c !important;
        font-weight: bold !important;
        font-size: 18px;
    }

    .profile-menu-box .close-side-menu {
        display: block;
        background: none;
    }

    .logged-in .profile-menu-box {
        width: 200px;
    }

    .logged-in .profile-menu-box .title {
        padding: 10px 20px 20px;
    }

    .block-account-navigation.block .listbox {
        text-align: left;
    }

    .block-account-navigation.block .list a {
        padding: 15px 15px 15px 40px;
    }

    .block-account-navigation.block .list a:after {
        content: none;
    }

    .block-account-navigation.block .list a:before {
        position: absolute;
        top: 50%;
        left: 0px;
        right: unset;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        font-family: "emporium-icons";
        font-size: 20px;
        font-weight: normal;
        text-transform: none;
        color: #b7b7b7;
        transition: all .2s ease;
    }

    .block-account-navigation .customer-info a:before {
        content: "a";
    }

    .block-account-navigation .customer-addresses a:before {
        content: "N";
    }

    .block-account-navigation .customer-orders a:before {
        content: "d";
    }

    .block-account-navigation .change-password a:before {
        content: "x";
    }

    .block-account-navigation .customer-reviews a:before {
        content: "S";
    }

    .block-account-navigation .customer-gdpr a:before {
        content: "\e90a";
    }

    .block-account-navigation .return-requests a:before {
        content: "\4f";
    }

    .order-details-page .products table .shipped-quantity {
        width: 65px;
    }

    .order-details-page .products table .open-shipping-quantity,
    .order-details-page .products table .total,
    .order-details-page .products table .sku,
    .order-details-page .products table .price,
    .order-details-page .products table .eta {
        width: 100px;
    }

    .order-details-page .products table .product {
        min-width: 250px;
    }

    .html-widget .home-page-advantages {
        padding: 0px;
    }

    .html-widget .advantages-item {
        width: 50%;
    }

    .html-widget .advantages-item .picture {
        width: 60px !important;
        height: 60px !important;
    }

    .html-widget .advantages-item .picture {
        margin-bottom: 0px;
    }

    .html-widget .advantages-item .info {
        width: calc(100% - 65px);
    }
}

@media all and (min-width: 769px) {
    .product-details-page {
        text-align: center;
    }

    .custom-tab .product-faq {
        text-align: left !important;
    }

    .nop-jcarousel .carousel-title {
        font-size: 24px;
    }

    .display-inline {
        display: inline-block;
    }

    .inputs.display-inline {
        width: calc(50% - 17px);
    }

    .margin-r-30 {
        margin-right: 30px;
    }

    .html-widget .advantages-item .picture {
        width: 40px;
        height: 40px;
    }

    .html-widget .advantages-item>div {
        display: inline-block;
        vertical-align: middle;
    }

    .html-widget .advantages-item .info {
        width: calc(100% - 67px);
        padding-left: 30px;
        text-align: left;
    }
}

@media all and (max-width: 768px) {

    .prev,
    .next {
        cursor: pointer;
        position: absolute;
        top: 30%;
        width: auto;
        padding: 1px 8px;
        color: #808080;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 14px;
    }

    /* Position the "next button" to the right */
    .next {
        right: 0;
    }

    .next:before {
        content: "j";
    }

    .prev {
        left: 0;
    }

    .prev:before {
        content: "k";
    }

    /* Fading animation */
    .fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }

    /*@keyframes fade {
from {
opacity: .4
}

to {
opacity: 1
}
}*/
}

@media screen and (max-width:1024px) {
    .cart td.quantity label {
        display: none;
    }

    .termly-parent {
        margin-top: 15px !important;
    }
}

img {
    content-visibility: auto;
}

/* =========================================================
DHZ BLOG blocks - definitief (opgeschoond)
========================================================= */

/* 1) Blogpagina: verberg titelbalk + witruimte verwijderen */
.page.blog-page .page-title,
.page.blog-page .page-title h1 {
    display: none !important;
}

.page.blog-page .page-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 2) Verberg datum op bloglijst + detailpagina */
.blog-posts .post-date,
.blogpost-page .post-date {
    display: none !important;
}

.post-date+.read-comments {
    margin-left: 0 !important;
}

/* 3) Verberg archief in zijbalk */
.block-blog-archive {
    display: none !important;
}

/* 4) Blog tags: chips */
.block-popular-blogtags .listbox ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 220px;
    overflow: auto;
    padding: 0;
    margin: 0;
}

.block-popular-blogtags .listbox li {
    list-style: none;
    margin: 0;
}

.block-popular-blogtags .listbox a {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, .10);
    background: #fff;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
}

.block-popular-blogtags .listbox a:hover {
    border-color: rgba(10, 109, 190, .35);
}

/* (optioneel) tags elders iets netter */
.block .tags li a,
.product-tags-all-page li a {
    line-height: 15px !important;
}

/* =========================================================
Blog list (grid/cards): gelijke beeldhoogte + gelijke tekstruimte
========================================================= */
.blog-posts .post {
    display: flex;
    flex-direction: column;
}

.blog-posts .post .post-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.blog-posts .post .buttons {
    margin-top: auto;
}

.blog-posts .post .rich-blog-image {
    height: 220px;
    overflow: hidden;
}

.blog-posts .post .rich-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog-posts .post .read-comments {
    display: inline-block;
    margin-bottom: 12px;
}

.blog-posts .post a.post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.2;
    min-height: calc(1.2em * 1);
}

.blog-posts .post .post-body {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 1.4;
    min-height: calc(1.4em * 4);
}

/* =========================================================
DHZ blog: forceer juiste typografie binnen dhz-guide
(override theme .post-body ul / p / li)
========================================================= */

.blogpost-page .post-body .dhz-guide p,
.blogpost-page .post-body .dhz-guide li,
.blogpost-page .post-body .dhz-guide summary,
.blogpost-page .post-body .dhz-guide details>div {
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: rgba(0, 0, 0, .78) !important;
}

/* ook ul zelf neutraliseren */
.blogpost-page .post-body .dhz-guide ul {
    font-size: 14px !important;
    line-height: 1.75 !important;
}

/* bullets netjes zoals jouw design */
.blogpost-page .post-body .dhz-guide .dhz-advice-list {
    padding-left: 18px !important;
    list-style: disc !important;
}

/* voorkom dat theme margins jouw cards breken */
.blogpost-page .post-body .dhz-guide ul li {
    margin-bottom: 6px !important;
}

/* Fix mobiele blogtitel (H1) spacing en lettergrootte */
@media (max-width: 481px) {

    .dhz-guide-hero h1,
    .dhz-guide-hero h1 span {
        font-size: 18px !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
        padding-bottom: 10px;
    }
}

/* Force correcte typografie voor blog hero titel */
.dhz-guide-hero h1,
.dhz-guide-hero h1 span {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.1px;
    padding-bottom: 10px;
}

/* Mobiel iets compacter */
@media (max-width: 768px) {

    .dhz-guide-hero h1,
    .dhz-guide-hero h1 span {
        font-size: 18px;
        line-height: 1.25;
    }
}

/* =========================================================
DHZ SEO/GEO blocks (advies + FAQ) - herbruikbaar
========================================================= */
.dhz-seo-wrap {
    margin: 24px 0 10px;
    font-size: 16px;
    line-height: 1.75;
}

.dhz-seo-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    padding: 18px;
    margin: 0 0 16px;
}

.dhz-seo-card h2 {
    margin: 0 0 10px !important;
    line-height: 1.25;
    font-size: 22px !important;
    font-weight: 700;
}

.dhz-seo-card p {
    margin: 0 0 10px !important;
    line-height: 1.75 !important;
    font-size: 14px !important;
}

.dhz-advice-list {
    margin: 0 !important;
    padding-left: 18px !important;
    line-height: 1.9;
    font-size: 14px;
}

.dhz-advice-list li {
    margin: 0 0 6px;
}

.dhz-advice-list li:last-child {
    margin-bottom: 0;
}

.dhz-seo-accordion details {
    padding: 12px 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.dhz-seo-accordion details:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.dhz-seo-accordion summary {
    list-style: none;
    cursor: pointer;
    font-weight: 600;
    line-height: 1.45;
    outline: none;
    position: relative;
    padding-left: 18px;
}

.dhz-seo-accordion summary::-webkit-details-marker {
    display: none;
}

.dhz-seo-accordion summary:before {
    content: "+";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--site-blue, #0a6dbe);
    font-weight: 800;
}

.dhz-seo-accordion details[open] summary:before {
    content: "–";
}

.dhz-seo-accordion summary:hover {
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, .25);
}

.dhz-seo-accordion details>div {
    margin-top: 8px;
    line-height: 1.65;
    color: rgba(0, 0, 0, .78);
    font-size: 14px;
}

.dhz-seo-accordion a {
    color: var(--site-blue, #0a6dbe);
    text-decoration: none;
}

.dhz-seo-accordion a:hover {
    text-decoration: underline;
}

/* =========================================================
DHZ Adviespagina template (Topic pages) - .dhz-guide
========================================================= */
.dhz-guide {
    margin: 24px 0;
}

/* Links: blauw + geen underline, wél underline op hover */
.dhz-guide a {
    color: var(--site-blue, #0a6dbe);
    text-decoration: none;
}

.dhz-guide a:hover {
    text-decoration: underline;
}

.dhz-guide-hero {
    background: linear-gradient(135deg, rgba(10, 109, 190, .10), rgba(10, 109, 190, .03));
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 12px;
    padding: 22px;
    margin: 0 0 16px;
}

.dhz-guide-hero p {
    margin: 0 !important;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .78);
    max-width: none;
}

.dhz-guide-nav {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dhz-guide-nav a {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}

.dhz-guide-nav a:hover {
    border-color: rgba(10, 109, 190, .35);
    text-decoration: none;
}

.dhz-guide-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    padding: 18px;
    margin: 0 0 16px;
}

.dhz-guide-card h2 {
    margin: 0 0 10px !important;
    font-size: 18px;
    line-height: 1.25;
    color: #111;
}

.dhz-guide-card p {
    margin: 0 0 10px !important;
    font-size: 14px;
    line-height: 1.75;
    color: rgba(0, 0, 0, .78);
}

/* Keuzehulp: per keuze 1 card (BELANGRIJK) */
.dhz-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 10px;
}

.dhz-choice-item {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    padding: 14px;
}

.dhz-choice-top {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 6px;
}

.dhz-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(10, 109, 190, .10);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.dhz-choice-title {
    font-weight: 800;
    font-size: 14px;
    color: #111;
    line-height: 1.2;
}

.dhz-choice-text {
    font-size: 13px;
    line-height: 1.6;
    color: rgba(0, 0, 0, .75);
    margin: 0;
}

.dhz-choice-cta {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
}

.dhz-tip {
    border-left: 4px solid var(--site-blue, #0a6dbe);
    background: rgba(10, 109, 190, .06);
    padding: 12px 14px;
    border-radius: 10px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .78);
}

/* FAQ op adviespagina */
.dhz-guide-faq details {
    padding: 12px 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.dhz-guide-faq details:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.dhz-guide-faq summary {
    list-style: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.45;
    position: relative;
    padding-left: 18px;
}

.dhz-guide-faq summary::-webkit-details-marker {
    display: none;
}

.dhz-guide-faq summary:before {
    content: "+";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--site-blue, #0a6dbe);
    font-weight: 900;
}

.dhz-guide-faq details[open] summary:before {
    content: "–";
}

.dhz-guide-faq summary:hover {
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, .25);
}

.dhz-guide-faq details>div {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.75;
    color: rgba(0, 0, 0, .78);
}

@media (max-width:768px) {
    .dhz-choice-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
DHZ Category Info – Clean (site-consistent) - .dhz-catinfo-clean
========================================================= */
.dhz-catinfo-clean {
    width: 100%;
    margin: 40px 0 60px;
    padding: 0;
}

.dhz-catinfo-clean .dhz-section {
    margin-bottom: 70px;
}

@media (max-width:992px) {
    .dhz-catinfo-clean .dhz-section {
        margin-bottom: 44px;
    }
}

.dhz-catinfo-clean .dhz-section:last-child {
    margin-bottom: 0;
}

.dhz-catinfo-clean h2 {
    font-size: 20px;
    line-height: 1.25;
    margin: 0 0 12px;
    color: #111;
    letter-spacing: -.1px;
    font-weight: 700;
}

.dhz-catinfo-clean p {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(0, 0, 0, .72);
    margin: 0 0 12px;
    max-width: none !important;
}

.dhz-catinfo-clean a {
    color: var(--site-blue, #0a6dbe);
    text-decoration: none;
}

.dhz-catinfo-clean a:hover {
    text-decoration: underline;
}

/* HERO grid */
.dhz-catinfo-clean .dhz-question {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: clamp(18px, 4vw, 64px);
    align-items: start;
    padding: 10px 0 28px;
    margin: 0;
}

.dhz-catinfo-clean .dhz-hero-media {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #111;
    aspect-ratio: 16/9;
    box-shadow: 0 16px 46px rgba(0, 0, 0, .12);
}

.dhz-catinfo-clean .dhz-hero-media>img,
.dhz-catinfo-clean .dhz-hero-media>iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    object-fit: cover;
}

/* Highlights bar */
.dhz-highlights-clean {
    margin: 18px 0 26px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.dhz-highlight {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--site-blue, #0a6dbe);
    font-weight: 600;
    white-space: nowrap;
}

.dhz-highlight:before {
    content: "✓";
    font-weight: 900;
    color: var(--site-blue, #0a6dbe);
    line-height: 1;
}

@media (max-width:992px) {
    .dhz-catinfo-clean .dhz-question {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-bottom: 20px;
    }

    .dhz-highlights-clean {
        justify-content: flex-start;
        padding: 10px 0;
    }

    .dhz-highlight {
        width: 100%;
        padding: 8px 0;
        white-space: normal;
    }

    .dhz-highlight+.dhz-highlight {
        border-top: 1px solid rgba(0, 0, 0, .08);
    }
}

/* Topic cards */
.dhz-topics-clean {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 14px;
}

@media (max-width:992px) {
    .dhz-topics-clean {
        grid-template-columns: 1fr;
    }
}

.dhz-topic-clean {
    position: relative;
    display: block;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
    transition: box-shadow .18s ease;
}

.dhz-topic-clean:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, .10);
}

.dhz-topic-clean img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.dhz-topic-body {
    padding: 14px 14px 16px;
}

.dhz-topic-clean h3 {
    font-size: 15px;
    line-height: 1.25;
    margin: 0 0 6px;
    color: #111;
    font-weight: 700;
}

.dhz-topic-clean p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: rgba(0, 0, 0, .72);
}

.dhz-topic-clean .dhz-topic-overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    text-decoration: none !important;
    font-size: 0;
    color: transparent;
}

.dhz-topic-clean img,
.dhz-topic-clean .dhz-topic-body {
    position: relative;
    z-index: 1;
}

.dhz-topic-clean a {
    cursor: pointer;
}

/* FAQ block (met beeld) */
.dhz-faq-clean {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 38px;
    align-items: start;
}

@media (max-width:992px) {
    .dhz-faq-clean {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.dhz-faq-clean img {
    width: 100%;
    border-radius: 12px;
    display: block;
    object-fit: cover;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .10);
}

@media (min-width:993px) {
    .dhz-catinfo-clean .dhz-faq-clean>div:first-child img {
        height: clamp(260px, 22vw, 360px) !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

.dhz-faq-clean details {
    padding: 14px 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.dhz-faq-clean details:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.dhz-faq-clean summary {
    cursor: pointer;
    font-weight: 600;
    list-style: none;
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 1.45;
    color: #111;
}

.dhz-faq-clean summary::-webkit-details-marker {
    display: none;
}

.dhz-faq-clean summary:before {
    content: "+";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--site-blue, #0a6dbe);
    font-weight: 900;
}

.dhz-faq-clean details[open] summary:before {
    content: "–";
}

.dhz-faq-clean summary:hover {
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, .25);
}

.dhz-faq-clean details>div {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.75;
    color: rgba(0, 0, 0, .72);
    max-width: 70ch;
}

/* =========================================================
DHZ – Adviesblok (onder categoriepagina)
========================================================= */
.dhz-catinfo-clean .dhz-advice-entry {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    background: linear-gradient(180deg, #f3f7ff, #f7faff) !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    margin: 40px 0 0 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .06) !important;
}

.dhz-catinfo-clean .dhz-advice-entry h3 {
    margin: 0 0 6px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #111 !important;
}

.dhz-catinfo-clean .dhz-advice-entry p {
    margin: 0 0 12px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(0, 0, 0, .75) !important;
    max-width: none !important;
}

.dhz-catinfo-clean .dhz-advice-links {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 6px !important;
}

@media (min-width:993px) {
    .dhz-catinfo-clean .dhz-advice-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
        row-gap: 8px !important;
    }
}

.dhz-catinfo-clean .dhz-advice-links li {
    margin: 0 !important;
}

.dhz-catinfo-clean .dhz-advice-links a {
    display: inline-flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--site-blue, #0a6dbe) !important;
    text-decoration: none !important;
}

.dhz-catinfo-clean .dhz-advice-links a:hover {
    text-decoration: underline !important;
}

.dhz-catinfo-clean .dhz-advice-links a:before {
    content: "›" !important;
    font-size: 16px !important;
    opacity: .85 !important;
    line-height: 0.5 !important;
    margin-top: 1px !important;
    flex: 0 0 8px !important;
}

.dhz-catinfo-clean .dhz-advice-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 16px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    background: rgba(10, 109, 190, .08) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--site-blue, #0a6dbe) !important;
    text-decoration: none !important;
}

.dhz-catinfo-clean .dhz-advice-cta:hover {
    text-decoration: none !important;
    background: rgba(10, 109, 190, .12) !important;
}

.dhz-catinfo-clean .dhz-advice-cta:after {
    content: "→" !important;
}

/* Advice icon */
.dhz-catinfo-clean .dhz-advice-icon {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(10, 109, 190, .10), rgba(10, 109, 190, .06)) !important;
    box-shadow: 0 10px 22px rgba(10, 109, 190, .12) !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
}

.dhz-catinfo-clean .dhz-advice-icon:before {
    content: "" !important;
    position: absolute !important;
    inset: -40% -40% auto auto !important;
    width: 120px !important;
    height: 120px !important;
    background: radial-gradient(circle, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 60%) !important;
    transform: rotate(18deg) !important;
    z-index: 1 !important;
}

.dhz-catinfo-clean .dhz-advice-icon:after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
    width: 45px !important;
    height: 45px !important;
    background-color: rgba(10, 109, 190, .95) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath  fill='black' d='M12 2C6.486 2 2 5.936 2 10.772c0 2.64 1.365 5.019 3.62 6.64L5 22l4.02-2.27c.96.23 1.97.35 2.98.35 5.514 0 10-3.936 10-8.772C22 5.936 17.514 2 12 2zm.03 14.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5zM14 10.35c-.62.45-.95.78-.95 1.65v.25h-2.1v-.4c0-1.4.62-2.1 1.43-2.7.54-.4.92-.72.92-1.25 0-.62-.5-1.05-1.25-1.05-.83 0-1.37.48-1.43 1.23H8.5c.1-2.02 1.7-3.38 3.98-3.38 2.32 0 3.87 1.29 3.87 3.1 0 1.35-.83 2.15-1.35 2.52z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C6.486 2 2 5.936 2 10.772c0 2.64 1.365 5.019 3.62 6.64L5 22l4.02-2.27c.96.23 1.97.35 2.98.35 5.514 0 10-3.936 10-8.772C22 5.936 17.514 2 12 2zm.03 14.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5zM14 10.35c-.62.45-.95.78-.95 1.65v.25h-2.1v-.4c0-1.4.62-2.1 1.43-2.7.54-.4.92-.72.92-1.25 0-.62-.5-1.05-1.25-1.05-.83 0-1.37.48-1.43 1.23H8.5c.1-2.02 1.7-3.38 3.98-3.38 2.32 0 3.87 1.29 3.87 3.1 0 1.35-.83 2.15-1.35 2.52z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

/* Mobiel adviesblok */
@media (max-width:600px) {
    .dhz-catinfo-clean .dhz-advice-entry {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .dhz-catinfo-clean .dhz-advice-icon {
        margin: 0 auto !important;
    }
}

/* =========================================================
MOBIEL FIXES (helemaal onderaan)
========================================================= */

/* FAQ-afbeelding compacter op mobiel */
@media (max-width: 992px) {
    .dhz-catinfo-clean .dhz-faq-clean>div:first-child {
        border-radius: 12px;
        overflow: hidden;
    }

    .dhz-catinfo-clean .dhz-faq-clean>div:first-child img {
        width: 100% !important;
        height: 220px !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }
}

/* Forceer links-uitlijning op mobiel */
@media (max-width: 992px) {

    .dhz-catinfo-clean,
    .dhz-catinfo-clean h1,
    .dhz-catinfo-clean h2,
    .dhz-catinfo-clean h3,
    .dhz-catinfo-clean p,
    .dhz-catinfo-clean li,
    .dhz-catinfo-clean summary,
    .dhz-catinfo-clean details>div,
    .dhz-guide,
    .dhz-guide h1,
    .dhz-guide h2,
    .dhz-guide h3,
    .dhz-guide p,
    .dhz-guide li,
    .dhz-guide summary,
    .dhz-guide details>div {
        text-align: left !important;
    }

    .dhz-guide .dhz-guide-nav {
        justify-content: flex-start !important;
    }
}

/* FIX: voorkom “uitgerekte”/gejustifyde tekst in de keuze-boxen */
.dhz-guide .dhz-choice-item,
.dhz-guide .dhz-choice-item * {
    text-align: left !important;
    text-justify: auto !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}

/* Extra: titel en tekst netjes laten “flowen” */
.dhz-guide .dhz-choice-title {
    text-align: left !important;
    white-space: normal !important;
}

.dhz-guide .dhz-choice-text {
    text-align: left !important;
    white-space: normal !important;
}

/* =========================================================
DHZ Compare block – only (categoriepagina)
Fix: tabel leesbaar, netjes, responsive, theme-proof
Scope: .dhz-catinfo-clean
========================================================= */

/* Wrapper: zorgt dat tabel op mobiel kan scrollen zonder layout-breuk */
.dhz-catinfo-clean .dhz-table-wrapper {
    margin-top: 12px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    overflow: hidden;
    /* ronde hoeken correct */
    box-shadow: 0 10px 26px rgba(0, 0, 0, .06);
}

/* Als de tabel breder wordt dan mobiel: horizontaal scrollen */
@media (max-width: 768px) {
    .dhz-catinfo-clean .dhz-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Tabel basis */
.dhz-catinfo-clean table.dhz-compare-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    /* nette kolombreedtes */
}

/* Kop */
.dhz-catinfo-clean table.dhz-compare-table thead th {
    text-align: left;
    padding: 14px 14px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
    color: #111;
    background: rgba(10, 109, 190, .06);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

/* Body cell */
.dhz-catinfo-clean table.dhz-compare-table tbody td {
    padding: 14px 14px;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(0, 0, 0, .78);
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

/* Laatste rij: geen bottom border */
.dhz-catinfo-clean table.dhz-compare-table tbody tr:last-child td {
    border-bottom: 0;
}

/* Verticale scheidingslijnen (zacht) */
.dhz-catinfo-clean table.dhz-compare-table th+th,
.dhz-catinfo-clean table.dhz-compare-table td+td {
    border-left: 1px solid rgba(0, 0, 0, .06);
}

/* Kolombreedtes: Eigenschap smaller, 2 vergelijkkolommen breder */
.dhz-catinfo-clean table.dhz-compare-table th:first-child,
.dhz-catinfo-clean table.dhz-compare-table td:first-child {
    width: 34%;
    font-weight: 700;
    color: #111;
}

/* Zebra voor leesbaarheid */
.dhz-catinfo-clean table.dhz-compare-table tbody tr:nth-child(even) td {
    background: rgba(0, 0, 0, .015);
}

/* Mobiel: maak de tabel minimaal scrollbaar zonder dat tekst raar breekt */
@media (max-width: 768px) {
    .dhz-catinfo-clean table.dhz-compare-table {
        min-width: 720px;
        /* forceert horizontaal scrollen i.p.v. geplet */
    }
}

/* Extra: voorkom dat theme rare alignment/letterspacing forceert */
.dhz-catinfo-clean table.dhz-compare-table,
.dhz-catinfo-clean table.dhz-compare-table * {
    text-align: left !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-justify: auto !important;
}

/* =========================================================
PRODUCT FAQ – altijd open (zonder <details>)
    ========================================================= */

.html-product-details-page .product-faq {
    margin-top: 16px;
}

.html-product-details-page .product-faq h3 {
    margin: 0 0 14px;
    font-size: 18px;
    /* duidelijk groter dan vraag/antwoord */
    font-weight: 700;
    /* echt titelgewicht */
    line-height: 1.3;
    color: rgba(0, 0, 0, .95);
}

/* Elke Q/A */
.html-product-details-page .product-faq .faq-item {
    padding: 12px 0;
    border-top: 1px solid rgba(0, 0, 0, .12);
}

.html-product-details-page .product-faq .faq-item:first-of-type {
    border-top: 0;
    padding-top: 0;
}

/* Vraag */
.html-product-details-page .product-faq .faq-question {
    margin: 0;
    font-size: 14px;
    /* match met je theme */
    font-weight: 600;
    line-height: 1.4;
    color: rgba(0, 0, 0, .90);
}

/* Antwoord */
.html-product-details-page .product-faq .faq-answer {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(0, 0, 0, .78);
    max-width: 100%;
}

/* Lijsten */
.html-product-details-page .product-faq .faq-answer ul {
    margin: 8px 0 0;
    padding-left: 18px;
    list-style: disc;
}

.html-product-details-page .product-faq .faq-answer li {
    margin: 0 0 1px;
    color: rgba(0, 0, 0, .78);
    font-size: 14px;
}

.html-product-details-page .product-faq .faq-answer li:last-child {
    margin-bottom: 6px;
}

/* FAQ-tekst netjes links uitgelijnd op mobiel */
@media (max-width: 768px) {
    .product-faq {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .product-faq h3,
    .product-faq p,
    .product-faq li {
        text-align: left;
    }
}

/* =========================================================
    PRODUCT OMSCHRIJVING – zelfde leesstijl als FAQ
    ========================================================= */

/* Basis tekst */
.html-product-details-page #quickTab-description .full-description {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(0, 0, 0, .78);
    max-width: 85ch;
}

/* Paragrafen: meer ademruimte */
.html-product-details-page #quickTab-description .full-description p {
    margin: 0 0 14px;
}

/* Koppen binnen omschrijving */
.html-product-details-page #quickTab-description .full-description h3,
.html-product-details-page #quickTab-description .full-description h4 {
    margin: 22px 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, .90);
}

/* Lijsten: zelfde look & feel als FAQ */
.html-product-details-page #quickTab-description .full-description ul {
    margin: 8px 0 16px;
    padding-left: 18px;
    list-style: disc;
}

.html-product-details-page #quickTab-description .full-description li {
    margin: 0 0 1px;
    color: rgba(0, 0, 0, .78);
    font-size: 14px;
}

.html-product-details-page #quickTab-description .full-description li:last-child {
    margin-bottom: 0;
}

/* Links (bv. technische fiche) */
.html-product-details-page #quickTab-description .full-description a {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.html-product-details-page #quickTab-description .full-description p {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(0, 0, 0, .78);
    margin: 0 0 14px;
}