:root{
  --wclg-gap: 1rem;
}
.wclg-toggle{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem}
.wclg-toggle .wclg-label{opacity:.75;font-weight:600}
.wclg-toggle .wclg-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #e5e7eb;background:#fff;padding:.4rem .6rem;border-radius:.5rem;cursor:pointer}
.wclg-toggle .wclg-btn[aria-pressed="true"]{border-color:#111;background:#f7f7f7}

/* Default grid styles are WooCommerce native (ul.products) */
/* List view adjustments */
body.wclg-view-list ul.products{display:block}
body.wclg-view-list ul.products li.product{display:flex;gap:var(--wclg-gap);width:100%;max-width:100%}
body.wclg-view-list ul.products li.product a.woocommerce-LoopProduct-link{display:flex;gap:var(--wclg-gap);width:100%}
body.wclg-view-list ul.products li.product .attachment-woocommerce_thumbnail{max-width:220px;height:auto}
body.wclg-view-list ul.products li.product .woocommerce-loop-product__title{margin-top:0}
body.wclg-view-list ul.products li.product .price{margin:.25rem 0}
body.wclg-view-list ul.products li.product .star-rating{margin:.25rem 0}
body.wclg-view-list ul.products li.product .button{align-self:flex-start}

/* Ensure equal spacing in grid when toggling back */
body.wclg-view-grid ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--wclg-gap)}