/* Verpakking/product-switch boven het standaard WooCommerce-raster
 * (inc/product-card-images.php); zelfde vorm als de switch op de eigen
 * categoriepagina's. */
.pro-card-toggle{display:inline-flex;gap:4px;margin:0 0 18px;border:1px solid #d3e8f3;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 8px 20px rgba(7,59,104,.06);padding:4px}
.pro-card-toggle__button{min-height:36px;border:0;border-radius:999px;background:transparent;color:#315c79;cursor:pointer;font:800 .8rem/1 "Nunito Sans","Segoe UI",sans-serif;padding:9px 16px;transition:background .16s ease,color .16s ease}
.pro-card-toggle__button:hover{color:#0878cf}
.pro-card-toggle__button.is-active{background:linear-gradient(135deg,#0878cf,#36aee5);box-shadow:0 6px 14px rgba(8,120,207,.22);color:#fff}
.pro-card-toggle__button:focus-visible{outline:3px solid rgba(8,120,207,.28);outline-offset:2px}
.woocommerce ul.products li.product img.pro-card-image{aspect-ratio:1;object-fit:contain}
.woocommerce-result-count+.pro-card-toggle{margin-left:16px;vertical-align:middle}
@media(max-width:600px){.woocommerce-result-count+.pro-card-toggle{display:flex;width:max-content;margin:6px 0 14px}}
.pro-card-toggle--head{flex:0 0 auto;align-self:center;margin:0 0 0 auto}
.pro-card-toggle--head+a{margin-left:16px}
@media(max-width:700px){.pro-card-toggle--head{margin:4px 0 0}.pro-card-toggle--head+a{margin-left:0}}
.pro-topic-products__tools .pro-card-toggle--head{margin:0}
.pro-topic-products__tools>a{white-space:nowrap}