/* 2026-07-25 v1.10
 * - Set product-gallery navigation offsets to exactly 4px
 *
 * 2026-07-25 v1.9
 * - Reduced product-gallery navigation inset
 *
 * 2026-07-25 v1.8
 * - Kept configurator cards at their final width during initialization
 *
 * 2026-07-25 v1.7
 * - Moved product-gallery navigation buttons 10px inward
 *
 * 2026-07-25 v1.6
 * - Anchored direct configurator cards to the left content gutter
 *
 * 2026-07-25 v1.5
 * - Capped direct configurator cards to the viewport minus both content gutters
 *
 * 2026-07-25 v1.4
 * - Included direct configurator-card borders in the mobile column width
 *
 * 2026-07-25 v1.3
 * - Kept direct mobile configurator cards within their masonry column
 *
 * 2026-07-25 v1.2
 * - Kept the initialized mobile product gallery within its masonry column
 *
 * 2026-07-25 v1.1
 * - Kept mobile cross-sell carousels inside the viewport
 */

.kdp-product-page-item-with-border, .css-mason-grid-item, .kdp-product-page-wrapper .group  {
    max-width: calc(100vw - 20px);
}
.kdp-product-page-wrapper > .css-mason-grid-item > .kdp-product-page-item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.kdp-product-page-wrapper > .css-mason-grid-item > .kdp-product-page-item-with-border {
    width: calc(100vw - 40px);
    max-width: calc(100vw - 40px);
    min-width: 0;
    box-sizing: border-box;
    margin-left: 0!important;
    margin-right: auto!important;
}
.product-images-swiper-wrapper .royalswiper > .swiper-button-custom-left {
    left: 4px!important;
}
.product-images-swiper-wrapper .royalswiper > .swiper-button-custom-right {
    right: 4px!important;
}
.kdp-cross-sell-swiper {
    width: 100%!important;
}
 .kdp-pf-form-item-input-inline.product-formula-form-amount-table {
    width: calc(100% + 20px)!important;
    margin-left: -10px;
    max-width: calc(100% + 20px)!important;
}

.kdp-product-page-item-with-border:not(.no-phone), .css-mason-grid-item .css-mason-grid-item:not(.no-phone) {
    display: block!important;
}
.css-mason-grid-item {
    margin-bottom: 0px;
}
.css-mason-grid-item > * { 
     margin-bottom: 10px!important;
}
.css-mason-grid-item > .product-formula-form-wrapper {
    margin-bottom: 0px!important;
}
.kdp-product-page-wrapper .cross-sell-group > :is(h3, .h3) {
   /* text-align: center;*/
}
.kdp-horizontal-slider-wrapper-container {
    margin-left: -15px!important;
    width: calc(100% + 30px)!important;
}
.kdp-horizontal-slider {
    
} 
.price-result {
    display: block!important;
    padding-bottom: 10px!important;
}
label .label-option-contents > img:first-child {
   /* max-width: 30px!important;*/
	 max-width: 40px!important;
}
.product-formula-form-item-kdp-subproducts .label-option-contents .text {
    white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
     max-width: 100%;
}
.kdp-pf-form-item-images.griditems-5, .kdp-pf-form-item-images.griditems-10, .kdp-pf-form-item-images.griditems-15 {
    grid-template-columns: 1fr 1fr 1fr;
}

.kdp-cross-sell-grid-no-horizontal-slider > .kdp-product-thumbnail  {
    max-width: 190px;
    margin-left: auto!important;
    margin-right: auto!important;
}
.price-result-keyval-table {
    margin-top: 10px!important;
}

.config-all-in-eindtotaal-prijs {
    display: flex;
}
.config-all-in-eindtotaal-prijs > * {
    margin: auto;
}
.config-all-in-eindtotaal-prijs > *:first-child {
    margin-left: 0px;
}
.config-all-in-eindtotaal-prijs > *:last-child {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 20px;
}

/* CONFIG 2026 Design-10: slightly tighten the gap before the mobile USP list. */
.accordeon-placeholder.phone .product-description-accordeon .pd-acc-item-content p + ul.plusmin-list {
    margin-top: 5px!important;
}