:root {
	--categorie-listing-number-of-cols: 5;
}

.top_mainpage .contentBlockContainer {
    margin-bottom: 0;
}

.st_homepage .home_page_listing.index.categoriesclass {
    margin-top: 0;
}

/* offerte knop gaat via paperform */
.productinfo_price_box:has(.productinfo_offerte_button),
.productinfo_offerte_button {
    display: none !important;
}



/* https://support.shoptrader.com/a/tickets/105944 */
.productinfo_kenmerken {
    display: none;
}




.yt-iframe-container {
        position: relative;
        width: 100%;
        /* max-width komt overeen met de afmeting van de thumbnail */
        max-width: 480px;
        aspect-ratio: 16 / 9;
    }

    .yt-iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.btn-advice-box {
	display: flex;
  	justify-content: start;
  	--bs-btn-color: var(--supporting-600);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: var(--supporting-600);
    --bs-btn-hover-bg: var(--supporting-50);
    --bs-btn-hover-border-color: var(--supporting-200);
    --bs-btn-active-color: var(--supporting-600);
    --bs-btn-active-bg: var(--supporting-50);
    --bs-btn-active-border-color: var(--supporting-200);
}


.st-loader {
  --st-loader-size: 50px;
  --st-loader-border-width: 8px;
  border: var(--st-loader-border-width) solid var(--grey-300);
  border-top: var(--st-loader-border-width) solid var(--grey-700);
  border-radius: 50%;
  width: var(--st-loader-size);
  height: var(--st-loader-size);
  margin: auto;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.st-loading-content:has(iframe) .st-loader {
    display:none;
}

.site-showcase-bar {
  	--highlight-bg-color: var(--grey-200);
 	position: relative; 
  	padding-block: var(--st-spacing-sm);
}

.site-showcase-bar::after {
 	position: absolute;
  	content: "";
  	background-repeat: no-repeat;
    z-index: -2;
    left: calc(-50vw + 50%);
    width: 100vw;

    background-color: var(--highlight-bg-color);
    height: 100%;
    top: 0;
}

.site-showcase-bar p {
  	margin-block-end: 0 !important;
}

.site-showcase-bar ul {
 	list-style: none;
  	gap: var(--st-spacing-md);
}

.site-showcase-bar > div {
 	overflow-x: auto; 
}

@media screen and (min-width: 1700px) {
  .site-showcase-bar > div {
	justify-content: center;
  }
}

.site-showcase-bar > div p,
.site-showcase-bar > div ul {
 	min-width: max-content; 
}

.contentBlockContainer.lastContainer:has(.site-showcase-bar) {
 	 margin-block-end: 0 !important;
}

.st_homepage:has(.site-showcase-bar) .site-footer {
 	 margin-block-start: 0 !important;
}

.st_homepage:has(.site-showcase-bar) .wrapper.content > .container {
 	padding-block-end: 0 !important; 
}