.page-header .panel.wrapper{background-color:#EDF2F7;}
.page-footer{background:#f7f9fd;}
.action.primary{background:#2da74e;border-color:#2da74e;}
.action.primary:hover, .action.primary:focus, .action.primary:active{background:#2da74e;border-color:#2da74e;}
.tocart.action, .block.soldtogether-block .soldtogether-cart-btn, .bundle-actions .action.primary.customize{background:#2da74e;border-color:#2da74e;}
.tocart.action:hover, .block.soldtogether-block .soldtogether-cart-btn:hover, .bundle-actions .action.primary.customize:hover, .tocart.action:active, .block.soldtogether-block .soldtogether-cart-btn:active, .bundle-actions .action.primary.customize:active, .tocart.action:focus, .block.soldtogether-block .soldtogether-cart-btn:focus, .bundle-actions .action.primary.customize:focus{background:#2da74e;border-color:#2da74e;}
.page-title-wrapper .page-title, .catalog-product-view .column.main > .block .block-title [role="heading"]{font-family:'Poppins', sans-serif;}
div.block .block-title strong, .block.askit-question-form > .block-title strong, .contact.form .legend, .column.main .block-title [aria-level="3"], div.block .content-heading [role="heading"]{font-family:'Poppins', sans-serif;}
.product-info-main .product-info-price .price-box .price-container [data-price-type=finalPrice] .price, .product-info-main .product-info-price .price-box .price-container [data-price-type=minPrice] .price, .product-info-main .product-info-price .price-box .price-container [data-price-type=maxPrice] .price, .bundle-options-container .block-bundle-summary .price-box [data-price-type=finalPrice] .price{color:#012d57;}
/*BODY */
body {
	font-family:'poppins', sans-serif;
    font-size: 1.45rem !important;
}

a, .alink, .amstock-button.-link {
    color: #2d92d5;
    text-decoration: none;
}
@media (min-width: 769px){
.page-wrapper { 
    margin: 0; 
    position: initial; 
    transition: 
    margin .3s ease-out 0s 
}
}

H1 {font-size: 2.3rem;}
H2 {font-size: 2.0rem;}
H3 {font-size: 1.7rem;}




.usp-home .fa {
    color:#2da74e;
}

.review-control-vote label:before,.review-control-vote:before,.rating-summary .rating-result:before,.rating-summary .rating-result>span:before {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2IDE1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMyREE3NEU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOCwwbDIuMSw1LjFsNS41LDAuNGwtNC4yLDMuNmwxLjMsNS40TDgsMTEuNmwtNC43LDIuOWwxLjMtNS40TDAuNCw1LjVsNS41LTAuNEw4LDB6Ii8+Cjwvc3ZnPgo=') repeat no-repeat left top / 26px 24px;
    background-size: 13px 14px;
}



/* EINDE HEADER */

.easycatalogimg-grid.easycatalogimg-cols-4 .item {
    border: 1px solid #eff3f6;
    border-radius:5px;
}
.easycatalogimg-grid.easycatalogimg-cols-5 .item {
    border: 1px solid #eff3f6;
    border-radius:5px;
}

.easycatalogimg .parent-category-top {
    font-size:14px;
    font-weight:700;
    line-height:125%;
    margin: 5px 5px !important;
    text-align: left;
    max-width: 120px;
    display: inline-block;
}
.easycatalogimg-grid.easycatalogimg-cols-5 .item:hover {
    box-shadow: 0 7px 16px 0 rgb(0 0 0 / 15%);
}
.easycatalogimg .image {
    float:left;
}

.home-cat .easycatalogimg .image {
    float:left;
    width:100%;
}

.home-cat .easycatalogimg .parent-category-top {
    max-width:100%;
    padding-top:10px;
    padding-left:18px;
}

.home-cat .easycatalogimg .parent-category-top {
    font-size:20px;
}

.easycatalogimg a {
    text-decoration: none;
    color: #012d57;
}

.home-cat .easycatalogimg-grid.easycatalogimg-cols-4 .item {
    border: 1px solid #eff3f6;
    border-radius: 5px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    background: #fff;
}

@media only screen and (max-width: 767px){
    /* Catalog images 1 kolom mobiel */
    .easycatalogimg-grid .item {
    	width: calc(100% - 10px*2);
    }
    /* Catalog images uitschakelen mobiel */
    .easycatalogimg-grid {
        
    }
}


.product-info-main .box-tocart .field.qty .label, .bundle-options-container .box-tocart .field.qty .label, .product-info-main .field.option .field.qty .label, .bundle-options-container .field.option .field.qty .label {
    display:none;
}

.help_block_pdp {
	background: #f3f6f9;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
    float:left;
}

.help_block_pdp img{
	margin-top: -40px;
    margin-bottom: -10px;
    float: right;
}

.titel-hulp {
    font-size:22px;
    margin-bottom:5px;
}

.telefoon{
    background: #002d57;
    padding: 5px;
    border-radius: 2px;
}

.telefoon a{
   color:#f3f6f9;
}    

.product-info-main .box-tocart .field.qty .control, .bundle-options-container .box-tocart .field.qty .control, .product-info-main .field.option .field.qty .control, .bundle-options-container .field.option .field.qty .control {
    margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px){
.hulp_img {
	display:none;
}
}
.usp_block_pdp {
    border-top: 2px solid #eff3f6;
}

.product-social-links {
    display:none;
}

.product-info-main .product.attribute.sku {
    display:none;
}

.product-info-main .stock.available, .product-info-main .stock.unavailable {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

.product-info-main .product-info-stock-sku {
    color: #0b2d57;
}

/* Categorie pagina */

.abs-page-title-with-line .page-title::after, .page-products .main>:first-child .page-title::after, .account .main .page-title::after, .contact-index-index .page-title-wrapper .page-title::after {
    display: none!important;
}

.product-item .price-box [data-price-type=finalPrice] .price .symbol {
    font-size: 23px;
    display: inline-block;
    vertical-align: baseline;
}

.product-item .price-box [data-price-type=finalPrice] .price, .product-item .price-box > .regular-price .price, .product-item .price-box > .minimal-price .price, .product-item .price-box > .price-from .price, .product-item .price-box > .price-to .price {
    color: #012d57;
    font-size: 24px;
    font-weight: 600;
}

.page-products .column.main .products-grid:not(.swiper-container) .product-items .product-item .product-item-name, .column.main .block.widget .products-grid:not(.swiper-container) .product-items .product-item .product-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

@media (min-width: 1280px){
.page-products .column.main .products-grid:not(.swiper-container) .product-items .product-item, .column.main .block.widget .products-grid:not(.swiper-container) .product-items .product-item {
    height: 100%;
    min-height:500px;
    }
}

.product-item-name, .product.name a {
    min-height:44px;
}

.price-excluding-tax:after {
    padding-left:5px;
}

.price-including-tax + .price-excluding-tax:before {
    display:none;
}

.old-price .price-including-tax::after {
    display:none;
}

.product-item .old-price .price {
    font-weight: normal;
    text-decoration: line-through;
}

@media (min-width: 1280px){
.page-products .column.main .products-grid:not(.swiper-container) .product-items .product-item:hover .product-item-info, .column.main .block.widget .products-grid:not(.swiper-container) .product-items .product-item:hover .product-item-info {
  border: none;
  overflow: visible;
  height: auto;
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  z-index: 3;
  background: #fff;
  box-shadow: 11px 4px 40px rgba(0, 0, 0, 0.2);
  padding: 22px;
}
}

.product-item .price-box .price-label {
    display: none;
}

.product-item .price-box {
    margin: 10px 0;
    min-height: 65px;
}

/* product pagina */

.fotorama__stage .fotorama__img, .fotorama__nav-wrap .fotorama__img {
    filter:none;
}

.help_block_pdp {
	background: #f3f6f9;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
    float:left;
}

.help_block_pdp img{
	margin-top: -40px;
    margin-bottom: -10px;
    float: right;
}

.titel-hulp {
    font-size:22px;
    margin-bottom:5px;
}

.telefoon{
    background: #002d57;
    padding: 5px;
    border-radius: 2px;
}

.telefoon a{
   color:#f3f6f9;
}    

@media only screen and (max-width: 767px){
.hulp_img {
	display:none;
}
}
.usp_block_pdp {
    border-top: 2px solid #eff3f6;
}

.product-info-price .price-box .old-price .price {
    text-decoration:line-through;
}

.product-info-main .product-info-price .price-box .price .symbol{
    font-size: inherit;
    display: inline-block;
    vertical-align: unset;
}

.product-info-main .product-options-bottom .price-box .price-container .price-label, .product-info-main .product-info-price .price-box .price-container .price-label {
    display:none;
}

.product-config {
    padding-top:10px;
}

.product-info-main .stock.available {
    /*border: 1px solid #04a74e;
    padding: 5px 15px;
    border-radius: 2px;*/
}

.amstockstatus-status-container.stock.available span span {
    color: #04a74e;
    font-weight: 600;
}

.tua {
    color:#ff6900 !important;
}

.amstockstatus-status-container.stock.unavailable span span {
    color: red;
    font-weight: 600;
}

.catalog-product-view .page-title-wrapper .page-title {
    line-height: 2.6rem;
    font-size:2.3rem;
}

/* FOOTER */

.page-footer > .content {
    padding: 20px 10px 20px;
}

.footer.content .footer-links {
    width:100%;
}


/* Layered */

.filter-options input[type='checkbox'] + .amshopby-choice:before {
    width:16px;
    height:16px;
}

/* Mobile Nav */

@media (max-width: 767px){
    .nav-open .nav-toggle:after{
background: rgba(0,0,0,.5);
    content: '';
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    backdrop-filter: blur(2px);
}

}  

/* Product page tabs */

@media (min-width: 768px){
	.product.data.items.expanded > .item.title {
		 width: 100% !important;
	}
	.product.data.items.expanded > .item.content {
		 width: 100% !important;
		 border-radius:8px;
	}
}

/* CHECKOUT */

.firecheckout #checkout .opc-wrapper .step-title:before, .firecheckout #checkout .opc-block-summary > .title:before, .firecheckout #checkout .opc-sidebar .step-title:before {
background: #3ec3a5;
border-radius:6px;
}

.firecheckout #maincontent .authentication-wrapper .action-auth-toggle {
background: #3ec3a5;
line-height:100%;
}

.firecheckout .place-order .actions-toolbar .primary .action {
background: #3ec3a5;
border-radius:6px;
}

.firecheckout .place-order {
margin-left:0px;
margin-right:0px;
}

.firecheckout #checkout .opc-wrapper .step-title, .firecheckout #checkout .opc-block-summary > .title, .firecheckout #checkout .opc-sidebar .step-title {
color:#203646;
}

.firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"]), .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"]), .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"]), .firecheckout #checkout select, .firecheckout .modal-custom select, .firecheckout .modal-popup select, .firecheckout #checkout textarea, .firecheckout .modal-custom textarea, .firecheckout .modal-popup textarea {
border-radius:6px;
}

.firecheckout #checkout .opc-wrapper .step-title, .firecheckout #checkout .opc-block-summary > .title, .firecheckout #checkout .opc-sidebar .step-title {
line-height:150%;
}

@media (min-width: 1024px){
.page-layout-1column .block.widget .products-grid .product-item {
    width: 24%;
}
}

.swiper-container.easycatalogimg .parent-category-top {
	max-width: 100% !important;
    display: inherit !important;
}

ul.ambrands-content {
    list-style: none;
}

.amform-form {
    margin: 0px !important;
}

.review-form .action.submit.primary {
    background: #2ea74e;
    padding: 15px 20px;
}

.row-shadow {
        box-shadow: -15px 35px 35px rgba(40, 56, 74, 0.04);
    padding-bottom: 40px;
}

.amcart-confirm-buttons .checkout {
    display: block;
    background: #2da74e !important;
    padding: 20px !important;
    margin: 25px;
    border-radius: 6px;
    color: #FFFFFF !important;
    font-size: 22px !important;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.amcart-confirm-buttons .am-btn-left {
    background-color: #BBB;
}

/* FOOTER */
@media (max-width: 767px){
.footer-kolom-3 {
    display:none;
}
}


/* ALGEMEEN */

@media (max-width: 768px){
    .hide-mobile {
        display:none !important;
    }
}


.product-item-name, .product.name a {
    font-size: 14px;
}

.page-products .main>:first-child .subtitle {
    font-weight: 200 !important;
    font-size: 20px !important;
    color: #7a8fa3;
}

.page-products .main>:first-child .page-title, .account .main .page-title, .contact-index-index .page-title-wrapper .page-title {
    margin: 0;
    line-height: 20px;
    font-size: 30px;
}
/* ZOEKEN AMASTY */



@media (min-width: 1024px){
.amsearch-products-section.-grid:not(.-slider) .amsearch-item {
    max-width: calc(25%);
    }
}



@media (max-width: 768px) {
.amsearch-wrapper-block {
	margin:0px;
	padding:5px 0;
}
.amsearch-products-section.-grid .amsearch-image {
	max-width:30%;
	}
.amsearch-products-section .product-item-details {
	max-width:70%;
	}
.amsearch-products-section .amsearch-item {
	padding:10px;
	}
    .amsearch-products-section.-grid:not(.-slider) .amsearch-item {
        max-width: 100%;
    }
}
.amsearch-related-terms {
    display: block;
}

.product.attibute.geschikt_model {
    width: 100% !important;
    height: 500px;
    overflow-y: scroll;
}

.minicart-items .product-item-name a {
    color: #092d57;
}

.products-grid .product-item .prolabels-wrapper .product.actions {
    opacity:1 !important;
    display:block;
    position:relative;
	top: auto;
    right: auto;
    margin: 0;
}
.firecheckout .field.address-autofill-intl-input {
    width: 100% !important;
}

.postcodenl-autocomplete-menu.postcodenl-autocomplete-logo, input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank.postcodenl-autocomplete-logo {
    background-image: none !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}


/* SUBCATEGORIEEN CATEGORIEPAGINA (compact, 11 sep 2026)
   Template: Swissup_Easycatalogimg::list-compact.phtml, in de hoofdkolom onder de H1.
   Kolommen volgen de breedte van het blok zelf (container queries):
   < 620px 2 kolommen (ingeklapt 8), 620-879px 3 (ingeklapt 6), >= 880px 4 (ingeklapt 8). */
.wgp-subcats {
    position: relative;
    container: wgpsubcats / inline-size;
    margin: 24px 0;
}
.wgp-subcats__title {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #012d57;
    margin: 0 0 12px;
}
/* Dubbele klasse: het thema zet input[type="checkbox"] op position:relative,
   en dan neemt deze onzichtbare checkbox een eigen regel in. Onderaan geplaatst
   zodat focus na een klik op de knop de pagina niet omhoog laat springen. */
.wgp-subcats .wgp-subcats__toggle {
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}
.wgp-subcats__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.wgp-subcats__item {
    margin: 0;
    padding: 0;
}
/* :visited expliciet: het thema kleurt bezochte links rood (#f66560) */
.wgp-subcats__link,
.wgp-subcats__link:visited {
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    height: 100%;
    min-height: 56px;
    padding: 8px;
    background: #f3f6f9;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #012d57;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
    transition: background-color .15s, border-color .15s, box-shadow .15s;
}
.wgp-subcats__link:hover,
.wgp-subcats__link:focus-visible,
.wgp-subcats__link:active {
    background: #fff;
    border-color: #012d57;
    box-shadow: 0 4px 14px rgb(1 45 87 / 12%);
    color: #012d57;
    text-decoration: none;
}
.wgp-subcats__thumb {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
}
.wgp-subcats__thumb picture,
.wgp-subcats__thumb img {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: contain;
}
/* Afbreken met koppelteken (html lang="nl"), niet midden in een woord knippen */
.wgp-subcats__name {
    flex: 1 1 auto;
    min-width: 0;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
}
.wgp-subcats__toggle:not(:checked) ~ .wgp-subcats__list .wgp-subcats__item:nth-child(n+9) {
    display: none;
}
.wgp-subcats__more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    padding: 10px 18px;
    background: #fff;
    border: 2px solid #012d57;
    border-radius: 6px;
    color: #012d57;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    transition: background-color .15s, color .15s;
}
.wgp-subcats__more:hover {
    background: #012d57;
    color: #fff;
}
.wgp-subcats__more::after {
    content: '';
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}
.wgp-subcats__toggle:checked ~ .wgp-subcats__more::after {
    margin-top: 4px;
    transform: rotate(-135deg);
}
.wgp-subcats__more-close,
.wgp-subcats__toggle:checked ~ .wgp-subcats__more .wgp-subcats__more-open {
    display: none;
}
.wgp-subcats__toggle:checked ~ .wgp-subcats__more .wgp-subcats__more-close {
    display: inline;
}
.wgp-subcats__toggle:focus-visible ~ .wgp-subcats__more {
    outline: 2px solid #2d92d5;
    outline-offset: 2px;
}
.wgp-subcats--le8 .wgp-subcats__more {
    display: none;
}
/* Verbergen zodra er gefilterd is of op pagina 2+; ook na Ajax-filteren.
   Swissup Ajaxlayerednavigation zet actieve filters in ul.filter-active (hoofdkolom). */
body:has(ul.filter-active, .filter-actions, .filter-current, .pages-item-previous) .wgp-subcats {
    display: none;
}
/* Vanaf 3 kolommen: knop links uitgelijnd met de tegels, pijltje in de tegel */
@container wgpsubcats (min-width: 620px) {
    .wgp-subcats__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
    .wgp-subcats__link,
    .wgp-subcats__link:visited {
        padding: 8px 12px 8px 8px;
    }
    .wgp-subcats__link::after {
        content: '';
        flex: none;
        width: 6px;
        height: 6px;
        margin-left: 2px;
        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: rotate(45deg);
        opacity: .35;
        transition: opacity .15s;
    }
    .wgp-subcats__link:hover::after {
        opacity: 1;
    }
    .wgp-subcats__more {
        width: fit-content;
        margin: 16px auto 0;
    }
    .wgp-subcats__toggle:not(:checked) ~ .wgp-subcats__list .wgp-subcats__item:nth-child(n+7) {
        display: none;
    }
    .wgp-subcats--le8 .wgp-subcats__more {
        display: flex;
    }
}
@container wgpsubcats (min-width: 880px) {
    .wgp-subcats__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .wgp-subcats__toggle:not(:checked) ~ .wgp-subcats__list .wgp-subcats__item:nth-child(n+7) {
        display: block;
    }
    .wgp-subcats__toggle:not(:checked) ~ .wgp-subcats__list .wgp-subcats__item:nth-child(n+9) {
        display: none;
    }
    .wgp-subcats--le8 .wgp-subcats__more {
        display: none;
    }
}
/* Categoriepagina: minder witruimte boven de titel (gemeten in Chrome, 11 sep 2026).
   Thema: h1 { margin-top: 2rem; line-height: 5.6rem } (56px bij 23px tekst),
   .page-products .page-main { margin-top: 50px }, en de Filters-rij van Swissup
   Ajaxlayerednavigation (.swissup-aln-slideout) is een eigen rij van 41px boven
   zijbalk en hoofdkolom. body-prefix: admin_backend.css staat niet altijd als laatste. */
body.catalog-category-view .column.main > .page-title-wrapper .page-title {
    margin: 0;
    line-height: 1.2;
}
@media only screen and (min-width: 768px) {
    body.catalog-category-view.page-products .page-main {
        margin-top: 20px;
    }
    body.catalog-category-view .column.main > .page-title-wrapper {
        margin: 0;
        padding: 0;
    }
}
/* Vanaf 1200px is de zijbalk (>= 273px) breder dan het Filters-knopje (266px).
   De rij krijgt hoogte 0; het knopje blijft zichtbaar en klikbaar boven de zijbalk,
   die er 41px ruimte voor houdt, en de titel staat op dezelfde hoogte ernaast.
   Bij een ingeklapte zijbalk (.swissup-aln-do-slideout) komt de ruimte terug. */
@media only screen and (min-width: 1200px) {
    body.catalog-category-view .swissup-aln-slideout {
        height: 0;
        position: relative;
        z-index: 2;
    }
    body.catalog-category-view .sidebar-main {
        padding-top: 41px;
    }
    body.catalog-category-view .sidebar-main.swissup-in-stuck {
        padding-top: 0;
    }
    body.catalog-category-view .columns.swissup-aln-do-slideout {
        padding-top: 41px;
    }
    /* ingeklapte zijbalk is 1px breed; met padding zou hij de hoofdkolom 41px omlaag duwen */
    body.catalog-category-view .columns.swissup-aln-do-slideout .sidebar-main {
        padding-top: 0;
    }
    /* midden titel = midden Filters-kop (41px hoog, zie blok FILTERS ZIJBALK) */
    body.catalog-category-view .column.main > .page-title-wrapper {
        padding-top: 7px;
    }
}
/* EINDE SUBCATEGORIEEN */


/* FILTERS ZIJBALK (voorstel 11 sep 2026)
   Swissup Ajaxlayerednavigation + Luma. Zelfde stijl als de subcategorieën:
   donkerblauw #012d57, randen #e3e9ef, afgeronde hoeken. */

/* Groepen, titels en opties (alle breedtes) */
body .block.filter .filter-options-item {
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #eef2f5;
}
body .block.filter .filter-options-item:last-child {
    border-bottom: 0;
}
body .block.filter .filter-options-title {
    padding: 0 22px 0 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #012d57;
}
body .block.filter .filter-options-title::after {
    top: 0;
    right: 2px;
    font-size: 12px;
    line-height: 20px;
    color: #7a8fa3;
}
body .block.filter .filter-options-content {
    margin: 0;
    padding: 10px 0 0;
}
body .block.filter .filter-options-content input.search {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    margin: 0 0 6px;
    padding: 0 10px 0 32px;
    font-size: 13px;
    color: #1f2d3d;
    background: #f7f9fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8fa3' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 10px 50%;
    background-size: 14px 14px;
    border: 1px solid #e3e9ef;
    border-radius: 6px;
    box-shadow: none;
}
body .block.filter .filter-options-content input.search:focus {
    background-color: #fff;
    border-color: #012d57;
    box-shadow: 0 0 0 3px rgb(1 45 87 / 10%);
    outline: none;
}
body .block.filter .filter-options-content .item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    line-height: 20px;
}
body .block.filter .filter-options-content a.swissup-aln-item,
body .block.filter .filter-options-content .items > li > a {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 4px 0;
    color: #1f2d3d;
    font-size: 14px;
    line-height: 20px;
    background: none;
}
body .block.filter .filter-options-content a.swissup-aln-item:hover,
body .block.filter .filter-options-content .items > li > a:hover {
    color: #012d57;
    background: none;
    text-decoration: none;
}
body .block.filter .filter-options-content a:hover + .count {
    background: none;
}
body .block.filter .swissup-option-label {
    flex: 1 1 auto;
    min-width: 0;
}
body .block.filter .filter-options-content .count.swissup-option-count {
    flex: none;
    margin-left: auto;
    padding: 0 7px;
    min-width: 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #7a8fa3 !important;
    background: #f3f6f9;
    border-radius: 10px;
}
/* Na filteren toont Swissup bij andere opties "+13" (extra resultaten) als
   swissup-count-red; dat is geen fout, dus neutraal houden. */
body .block.filter .filter-options-content .count.swissup-count-red {
    color: #7a8fa3 !important;
}
body .block.filter .filter-options-content .count::before,
body .block.filter .filter-options-content .count::after {
    content: none;
}
/* Vinkvakjes: afgerond, aangevinkt donkerblauw met wit vinkje */
body .block.filter .swissup-filter-item-checkbox {
    flex: none;
    position: relative;
    width: 16px;
    height: 16px;
}
body .block.filter .swissup-filter-item-checkbox > div {
    width: 16px;
    height: 16px;
}
body .block.filter .swissup-filter-item-checkbox > div::after,
body .block.filter .swissup-filter-item-checkbox > div::before {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border-radius: 4px;
}
body .block.filter .swissup-filter-item-checkbox > div::before {
    border: 1.5px solid #b8c4ce;
}
body .block.filter .item:hover .swissup-filter-item-checkbox > div::before {
    border-color: #012d57;
}
body .block.filter .swissup-filter-item-checkbox input:checked + div::after {
    background-color: #012d57;
}
body .block.filter .swissup-filter-item-checkbox input:checked + div::before {
    width: 10px;
    height: 6px;
    top: 4px;
    left: 3px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
    border-radius: 0;
    transform: rotate(-50deg);
}
/* "+ Meer" als link */
body .block.filter .swissup-aln-more {
    min-height: 0;
    padding-top: 4px;
}
body .block.filter .swissup-aln-more span {
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #012d57;
    background: none;
}
body .block.filter .swissup-aln-more span:hover {
    background: none;
    text-decoration: underline;
}

/* Desktop: paneel met de Filters-rij als kop */
@media only screen and (min-width: 768px) {
    body .sidebar-main .block.filter {
        box-sizing: border-box;
        margin-bottom: 24px;
        padding: 2px 16px 6px;
        background: #fff;
        border: 1px solid #e3e9ef;
        border-radius: 0 0 8px 8px;
    }
    body .sidebar-main .block.filter .filter-subtitle {
        display: none;
    }
    body .swissup-aln-slideout > div {
        display: flex;
        align-items: center;
        gap: 10px;
        box-sizing: border-box;
        width: calc(23.75% - 20px);
        height: 41px;
        top: 0;
        padding: 0 16px;
        background: #fff;
        border: 1px solid #e3e9ef;
        border-bottom-color: #eef2f5;
        border-radius: 8px 8px 0 0;
    }
    body:has(.columns.swissup-aln-do-slideout) .swissup-aln-slideout > div {
        border-bottom-color: #e3e9ef;
        border-radius: 8px;
    }
    body .swissup-aln-slideout > div i {
        flex: none;
        width: 18px;
        height: 18px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    body .swissup-aln-slideout > div span {
        flex: 1 1 auto;
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        color: #012d57;
    }
    body .swissup-aln-slideout > div span.arrow {
        flex: none;
        width: 14px;
        height: 14px;
        margin: 0;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: .6;
    }
    body .sidebar .block-contact {
        border: 1px solid #e3e9ef;
        border-radius: 8px;
    }
}
/* Horizontale filterbalk (zoekresultaten en 1-koloms pagina's, .page-layout-1column):
   daar zijn de groepen knoppen met een dropdown. De zijbalk-opmaak hierboven
   (padding, lijn, titel zonder padding) niet toepassen, oorspronkelijke waarden terug. */
body .page-layout-1column .block.filter .filter-options-item {
    margin: 0 15px 0 0;
    padding: 0 0 15px;
    border-bottom: 0;
}
body .page-layout-1column .block.filter .filter-options-title {
    padding: 10px 2px 10px 12px;
    border-radius: 4px;
}
body .page-layout-1column .block.filter .filter-options-title::after {
    position: static;
    top: auto;
    right: auto;
    margin-left: 7px;
}
body .page-layout-1column .block.filter .filter-options-content {
    padding: 6px;
}

/* Mobiel: het paneel opent via .filter-title (Swissup kijkt naar de user-agent, niet
   naar de breedte). Losse "Filters"-rij (desktop-inklapknop) verbergen, "Filteren"
   als knop over de volle breedte in de stijl van "Toon alle subcategorieën",
   paneelkop kleiner. */
@media only screen and (max-width: 767px) {
    body .swissup-aln-slideout {
        display: none;
    }
    /* iOS geeft een tik alleen als klik door op "klikbare" elementen */
    body .block.filter .filter-title strong {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    body .block.filter:not(.active) .filter-title strong {
        left: 0;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        box-sizing: border-box;
        height: 44px;
        padding: 0 16px;
        background: #fff;
        border: 2px solid #012d57;
        border-radius: 6px;
        color: #012d57;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
    }
    body .block.filter:not(.active) .filter-title strong::before {
        content: '';
        flex: none;
        width: 18px;
        height: 18px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23012d57' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
    }
    body .block.filter.active .filter-subtitle {
        font-size: 18px;
    }
}
/* EINDE FILTERS ZIJBALK */
/* PRODUCTKAARTEN CATEGORIEPAGINA (voorstel 11 sep 2026)
   Productlijst in grid-weergave op categorie- en zoekpagina's: kaart met rand,
   vaste afbeeldingsverhouding, gelijke hoogtes, knop onderaan.
   :nth-child(n) geeft extra specificiteit tegen de Argento-regels
   (o.a. vaste hoogte 314px/min-height 500px en de absolute hover-kaart). */
body.page-products .column.main .products-grid:not(.swiper-container) .product-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items::before,
body.page-products .column.main .products-grid:not(.swiper-container) .product-items::after,
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n)::before {
    display: none;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) {
    position: relative;
    display: flex;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-info,
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n):hover .product-item-info {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    z-index: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e9ef;
    border-radius: 8px;
    box-shadow: none;
    transition: border-color .15s, box-shadow .15s;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n):hover .product-item-info {
    border-color: #012d57;
    box-shadow: 0 6px 18px rgb(1 45 87 / 10%);
}
/* Afbeelding: vast vak van 4:3, foto past erin */
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .prolabels-wrapper {
    position: relative;
    margin: 0 0 10px;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-photo {
    display: block;
    margin: 0;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-image-container {
    display: block;
    width: 100% !important;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-image-wrapper {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 75% !important;
    overflow: hidden;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-image-wrapper > .product-image-photo {
    position: absolute;
    top: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    margin: 0;
    object-fit: contain;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-image-wrapper picture > img {
    position: static;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}
/* Tekst en volgorde: naam, fabrikant, prijs, levertijd, knop */
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-details {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-name {
    order: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
    min-height: 0;
    margin: 0 0 2px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    white-space: normal;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-name a,
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-name a:visited {
    min-height: 0;
    color: #012d57;
    font-size: 14px;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .featured-attributes {
    order: 2;
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 16px;
    color: #7a8fa3;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .price-box {
    order: 3;
    min-height: 0;
    margin: 2px 0 4px;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .price-box .price,
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .price-box [data-price-type=finalPrice] .price,
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .price-box [data-price-type=finalPrice] .price .symbol {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #012d57;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .amstockstatus-category {
    order: 4;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 18px;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .amstockstatus-status-container {
    display: block;
    color: #4a5a6a;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-actions {
    order: 5;
    display: block;
    margin: auto 0 0;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-actions .actions-primary,
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-actions form {
    display: block;
    width: 100%;
    margin: 0;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-actions .tocart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 6px;
    white-space: nowrap;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-actions .tocart::before {
    content: '';
    flex: none;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.4a2 2 0 0 0 2 1.6h8.2a2 2 0 0 0 2-1.6L21 8H6'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-inner {
    display: none;
}
@media only screen and (min-width: 640px) {
    body.page-products .column.main .products-grid:not(.swiper-container) .product-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }
    body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n) .product-item-info,
    body.page-products .column.main .products-grid:not(.swiper-container) .product-items > .product-item:nth-child(n):hover .product-item-info {
        padding: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body.page-products .column.main .products-grid:not(.swiper-container) .product-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* EINDE PRODUCTKAARTEN */


/* AJAX LAYERED NAVIGATION: knop "Load Previous Page" */
/* Swissup voegt deze knop altijd toe vanaf pagina 2, ook met infinite scroll uit
   (ajaxlayerednavigation/general/is_infinite_scroll = 0). Met gewone paginering
   is hij zinloos en hij landt midden in de toolbar. */
.toolbar.toolbar-products button.swissup-layered-load-previous-page {
    display: none !important;
}
/* EINDE LOAD PREVIOUS PAGE */