.site-main--shop{padding-block:clamp(2rem,4vw,4rem)}.woocommerce .products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products li.product{width:auto!important;margin:0!important}.woocommerce ul.products li.product img{border-radius:var(--psg-radius);background:var(--psg-sand);aspect-ratio:1/1;object-fit:cover;width:100%;height:auto}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#333;font-size:1rem}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{border-radius:var(--psg-pill)!important;background:var(--psg-forest)!important;color:#fff!important;font-weight:700!important}.woocommerce table.shop_table{border-color:var(--psg-line)}.wc-block-cart,.wc-block-checkout{max-width:var(--psg-shell);margin-inline:auto;padding:2rem 1rem}
/* Breadcrumb ("Hjem / Category / Product") had no theme styling at all — running on WooCommerce core's own bare defaults only, no explicit horizontal layout guaranteed. display:flex + flex-wrap makes the row layout explicit and robust regardless of content length, instead of relying on inline-anchor default flow alone. */
.woocommerce-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;column-gap:.35em;row-gap:.25em;font-size:.875rem;color:var(--psg-copy);margin:0 0 var(--psg-space-4)}
.woocommerce-breadcrumb a{color:var(--psg-copy);text-decoration:none}
.woocommerce-breadcrumb a:hover{color:var(--psg-forest);text-decoration:underline}