/* 2026-09-16 v1.21
 * - Normalized mobile spacing between consecutive RO Blocks
 * - Prevented anchor-only full-width blocks from adding an extra empty gap
 *
 * 2026-07-25 v1.20
 * - Removed the temporary root-overflow workaround after isolating the cross-sell width
 *
 * 2026-07-24 v1.18
 * - Restored the compact dynamic product-title height on mobile
 *
 * 2026-07-23 v1.17
 * - Added 5px vertical spacing between mobile checkbox filter options
 * - Kept the requested 20px horizontal content padding on mobile
 *
 * 2026-07-23 v1.15
 * - Disabled the experimental two-column switch layout and reset stale cached switch rules
 *
 * 2026-07-22 v1.13
 * - Replaced mobile checked-checkbox :has() selectors with existing option state classes
 *
 * 2026-07-20 v1.12
 * - Restored the mobile filter panel slide-in without moving individual filter blocks
 *
 * 2026-07-17 v1.11
 * - Displayed mobile product filter checkboxes as compact sliding switches
 *
 * 2026-07-17 v1.7
 * - Replaced the upward mobile filter reveal with a short panel fade in Safari
 *
 * 2026-07-11 v1.6
 * - Added two-column mobile filter options with larger checkbox markers
 *
 * 2026-07-09 v1.5
 * - Used visual viewport sizing for the mobile filter panel and removed close-wrapper flow space
 *
 * 2026-07-07 v1.4
 * - Smoothed the mobile filter panel slide-in with transform easing and will-change
 *
 * 2026-07-07 v1.3
 * - Disabled inner range-filter transitions in the mobile filter panel
 *
 * 2026-07-07 v1.2
 * - Hid active filters wrapper on mobile filter panel
 *
 * 2026-07-03 v1.1
 * - Disabled mobile active-filter wrapper transition and min-height
 */

.ro-blocks > div[ro-block-id]:not([class*="divider"]):not(:last-child) {
	margin-bottom: 20px;
}

.ro-blocks > div[ro-block-id].ro-block-template-text-fullwidth:has(.spacer-m:only-child) {
	margin-bottom: 0px;
}

.content-wrapper {
	padding-left: 20px;
	padding-right: 20px;
}

body .kdp-dynamisch-overzicht-products .kdp-product-thumbnail-info > .kdp-dynamisch-overzicht-pseudo-heading {
	min-height: 29px;
}

.kdp-category-page-sidebar {
    transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s ease!important;
    will-change: transform, opacity;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
}
.kdp-category-page-sidebar {
    margin-bottom: 0px!important;
}
body.kdp-category-page-sidebar-open {
    overflow: hidden!important;
}
#mainphonemenu * {
    user-select: none;
}
.kdp-product-filters-close-button-wrapper {
    position: relative!important;
}
body.kdp-category-page-sidebar-open .kdp-product-filters-close-button-wrapper {
    position: absolute!important;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px!important;
    margin: 0px!important;
    z-index: 100005;
    pointer-events: none;
}
body.kdp-category-page-sidebar-open .kdp-product-filters-close-button-wrapper .kd-close-button {
    pointer-events: auto;
}
.kdp-breadcrums {
    padding-bottom: 5px;
}

.products-count-wrapper {
    display: none;
}
.cms-sidebar-notes {
    display: none!important;
}
.no-phone {
    display: none!important;
}

.kdp-category-page-wrapper, .kdp-product-page-wrapper {
	display: block!important;
}
.kdp-category-page-sidebar, .kdp-product-page-sidebar  {
	display: none;
}

.kdp-products-thumbnails, .kdp-products-thumbnails[kdp-thumbs-amount="2"]  {

	grid-template-columns: repeat( auto-fit, minmax(160px, 1fr) );
      grid-gap: 10px!important;
	
}

header .menu .max-width-lock {
	padding-left: 0px!important;
	padding-right: 0px!important;
	
}

header nav li a {
	white-space: nowrap;
}

.header-wrapper {

}


a.logo, a.logo img {
	width: 100px;
}
.header-search-bar-wrapper:not(.header-phone-search-bar-wrapper) {
	display: none!important;	
}
.header-phone-search-bar-wrapper {
    background-color: #f6f6f6;
    padding: 5px;
    max-width: 100%!important;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.header-phone-search-bar-wrapper + ul {
    margin-top: 0px!important;
}
.header-phone-search-bar-wrapper input[type="search"] {
    max-width: calc(100% - 10px);
    position: relative!important;
    line-height: 20px!important;
    min-height: 30px!important;
    padding: 5px!important;
    padding-left: 8px!important;
}
.header-phone-search-bar-wrapper input[type="search"] + button {
    top: 5px;
    right: 5px;
    bottom: 5px;
}
.kdp-category-page-sidebar {
    display: block!important;
    position: fixed!important;
    left: 0px;
    right: 0px;
    top: auto;
    bottom: 0px;
    background-color:#f6f6f6;
   
    z-index: 100001;
    box-shadow: 0px -40px 100px 0px rgba(0,0,0,0.1), inset 0px 1px 0px 0px #ccc;
    max-height: calc(var(--kdp-mobile-visual-height, 100svh) - 40px);
    overflow: hidden!important;
} 
.kdp-product-filters-inner {
    overflow: auto;
    max-height: calc(100vh - 40px)!important;
    height: calc(100vh - 40px)!important;
    height: calc(100svh - 40px)!important;
    max-height: calc(var(--kdp-mobile-visual-height, 100svh) - 40px)!important;
    height: calc(var(--kdp-mobile-visual-height, 100svh) - 40px)!important;
    padding: 20px;
}
.kdp-category-page-sidebar {
    transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s ease!important;
}
.kdp-product-filters .kd-close-button {
    transition: 0.2s ease all!important;
}
.kdp-product-filters .kd-close-button {
    
    min-height: 40px;
    line-height: 40px;
    width: 40px!important;
    height: 40px!important;
    position: absolute;
    right: 0px;
    top: 0px;
    margin-right: 0px!important;
    z-index: 91293127013107932312;
}
 
body:not(.kdp-category-page-sidebar-open)  .kdp-category-page-sidebar {
    transform: translate3d(0,100%,0)!important;
    pointer-events: none;
}
.kdp-product-filters-filter, .kdp-active-filters-wrapper {
    transition: 0.4s ease all;
   
}
.kdp-active-filters-wrapper {
    display: none!important;
    transition: none!important;
    min-height: 0px!important;
}
.kdp-product-filters-filter[range-visibility],
.kdp-product-filters-filter[range-visibility] .rsl-wrapper,
.kdp-product-filters-filter[range-visibility] .rsl-bullet {
    transition: none!important;
}
.menu-open .widget-visible,
.kdp-category-page-sidebar-open .widget-visible:not(.bitching),
.kdp-category-page-sidebar-open .widget-visible:not(.bitching) iframe {
    display: none!important;  
}
body:not(.kdp-category-page-sidebar-open) .kdp-category-page-sidebar {
    opacity: 0;
}
body:not(.kdp-category-page-sidebar-open)   .kdp-product-filters-filter,
body:not(.kdp-category-page-sidebar-open)  .kdp-active-filters-wrapper {
    opacity:0.5;
    transform: translateY(100px)!important;
      margin-top:20px!important;
}
body:not(.kdp-category-page-sidebar-open)   .kdp-product-filters-filter:nth-child(2) {
    transform: translateY(120px)!important;
}
body:not(.kdp-category-page-sidebar-open)   .kdp-product-filters-filter:nth-child(3) {
    transform: translateY(140px)!important;
}
body:not(.kdp-category-page-sidebar-open)   .kdp-product-filters-filter:nth-child(4) {
    transform: translateY(160px)!important;
}
body:not(.kdp-category-page-sidebar-open)   .kdp-product-filters-filter:nth-child(5) {
    transform: translateY(180px)!important;
}
body:not(.kdp-category-page-sidebar-open)   .kdp-product-filters-filter:nth-child(6) {
    transform: translateY(200px)!important;
}
body:not(.kdp-category-page-sidebar-open)   .kdp-product-filters-filter:nth-child(7) {
    transform: translateY(220px)!important;
}

html body .kdp-category-page-sidebar {
    transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s ease!important;
    will-change: transform, opacity;
    transform: translate3d(0,0,0)!important;
}
html body:not(.kdp-category-page-sidebar-open) .kdp-category-page-sidebar {
    opacity: 0!important;
    transform: translate3d(0,100%,0)!important;
}
html body .kdp-category-page-sidebar .kdp-product-filters-filter,
html body .kdp-category-page-sidebar .kdp-active-filters-wrapper {
    transition: none!important;
}
html body:not(.kdp-category-page-sidebar-open) .kdp-category-page-sidebar .kdp-product-filters-filter,
html body:not(.kdp-category-page-sidebar-open) .kdp-category-page-sidebar .kdp-active-filters-wrapper {
    opacity: 1;
    transform: none!important;
    margin-top: 0px!important;
}
.kdp-category-page-sidebar-open .kdp-category-page-sorters {
    z-index: 1!important;
}

.kdp-product-filters {
    margin: auto!important;
    max-width: 780px;
    
}
.kdp-product-filters-filter {
    background-color:#fff;
    padding: 5px 15px!important;
    border-radius: 5px;
    margin-bottom: 10px!important;
}
/* Experimental mobile filter layout disabled; keep the current live one-column checkbox layout.
.kdp-product-filters .kdp-product-filter-generic {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 7px;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option {
    align-items: center;
    line-height: 18px;
    min-height: 30px;
    min-width: 0;
    padding-top: 0px!important;
    position: relative;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option .title,
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option .filter-option-display-option-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option .filter-option-display-option-title {
    font-size: 11px;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option::before {
    width: 28px;
    height: 16px;
    min-width: 28px;
    margin-right: 2px;
    transform: none;
    border-radius: 7px;
    background-color: #fff!important;
    box-shadow: 0 0 0 1.2px var(--checkboxbordercolor, #AAA)!important;
    transition: box-shadow 0.16s ease;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background-color: #ccc;
    transform: translateY(-50%);
    transition: left 0.16s ease, background-color 0.16s ease;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option:is(.selected, .kdp-product-filter-selected)::before {
    background-color: #fff!important;
    box-shadow: 0 0 0 1.5px var(--color_highlight, #fc0)!important;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option:is(.selected, .kdp-product-filter-selected)::after {
    left: 14px;
    background-color: var(--color_highlight, #fc0);
}
.kdp-product-filters .kdp-product-filter-showmore-clicker-wrapper,
.kdp-product-filters .kdp-product-filter-generic > .kdp-product-filter-showmore-clicker {
    grid-column: 1 / -1;
}
*/
.kdp-product-filters .kdp-product-filter-generic {
	display: block;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option + label.kdp-product-filter-generic-option {
	margin-top: 5px;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option {
	align-items: initial;
    line-height: 17px;
    min-height: 0px;
    min-width: 0px;
    position: static;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option .title,
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option .filter-option-display-option-title {
    overflow: visible;
    text-overflow: clip;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option .filter-option-display-option-title {
    font-size: inherit;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option::before {
    width: 16px;
    height: 16px;
    min-width: 0px;
    margin-right: 5px;
    transform: translateY(1px);
    border-radius: 3px;
    background-color: #fbfbfb!important;
    box-shadow: 0px 0px 0px 1.2px var(--checkboxbordercolor, #AAA), inset 0px 0px 0px 1.2px #FFF, inset 0px 0px 0px 1px #e6e6e6, 0px 0px 0px 0.01px var(--colorgreen)!important;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option:is(.selected, .kdp-product-filter-selected)::before {
    background-color: var(--color_highlight, #fc0)!important;
}
.kdp-product-filters .kdp-product-filter-generic > label.kdp-product-filter-generic-option::after {
    content: none;
    display: none;
}
.kdp-product-filters .kdp-product-filter-showmore-clicker-wrapper,
.kdp-product-filters .kdp-product-filter-generic > .kdp-product-filter-showmore-clicker {
    grid-column: auto;
}
.product-overview-filters-cards-below {
    display: none;
}
.card-wrapper {
    margin-left: 0px;
    width: 100%;
}
.kd-contact-option-description > * {
    margin-top: auto!important;
	margin-bottom: auto!important;
}
.kd-checkout-form-grid {
    grid-template-columns: 100%!important;
}
.kd-checkout-form-grid > * {
    margin-left: auto;
    margin-right: auto;
}
.price-nice {
    white-space: nowrap;
}

.kdp-products-thumbnails[kdp-thumbs-amount="1"], .kdp-products-thumbnails[kdp-thumbs-amount="2"] {
    grid-template-columns: 1fr 1fr!important;
    
}
