/* MOBILE VIEW ICONS — alleen zichtbaar onder 749px */
@media (max-width: 749px) {
/* Knopcontainer */
.mobile-view-toggle {
display: flex !important;
justify-content: flex-end;
align-items: center;
margin-top: -60px;
margin-bottom: 5px;
padding-right: 10px;
}
/* De knop zelf */
.view-toggle-btn {
width: 32px;
height: 32px;
background: transparent;
border: none;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
/* 🔥 ICONS — alleen hier stylen zodat desktop NIET geraakt wordt */
.view-toggle-btn .icon svg {
width: 22px;
height: 22px;
color: #FFD400;
display: block;
}
/* grid/1 kolom icon switch */
.cloud-search-filters-products .product-list.mobile-single .product-block {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
/* 2 kolommen standaard */
.cloud-search-filters-products .product-list .product-block {
width: 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
}
