.wmp-component{--wmp-radius:14px;--wmp-gap:24px}.wmp-component .wmpc-grid{display:grid;grid-template-columns:repeat(var(--wmp-cols,3),minmax(0,1fr));gap:var(--wmp-gap)}.wmp-component .wmpc-product{border-radius:var(--wmp-radius);border-top:4px solid var(--wmpc-accent,#c7ff4a);display:flex;flex-direction:column;gap:14px;min-width:0}.wmp-component .wmpc-product h3,.wmp-component .wmpc-product p{margin:0}.wmp-product-image{width:100%;aspect-ratio:var(--wmp-ratio,1);object-fit:var(--wmp-fit,contain);background:#fbfaf6;border-radius:10px}.wmp-product-placeholder{display:grid;place-items:center;aspect-ratio:var(--wmp-ratio,1);background:var(--wmpc-soft,#efffc9);border-radius:10px}.wmp-product-placeholder span{background:var(--wmpc-accent);color:var(--wmpc-accent-ink);transform:rotate(-7deg);border-radius:15px;padding:26px;font-size:36px;font-weight:800}.wmp-purchase{display:flex;flex-direction:column;gap:10px;margin-top:auto}.wmp-purchase select{width:100%;padding:12px;border:1px solid #d6dce5;border-radius:8px;background:#fff;color:#11131a}.wmp-product-details{font-size:13px;color:#596473}.wmp-demo-note{font-size:12px;font-weight:600;color:#854d0e}.wmp-component .wmpc-button{border-radius:var(--wmp-radius)}.wmp-component .slim-auth-card{border-radius:var(--wmp-radius)}.wmp-component .wmpc-pagination{display:flex;gap:20px;margin-top:24px}.wmp-component .wmpc-product:focus-within{outline:2px solid #6847ff;outline-offset:3px}.wmpc-cart-line .wmp-cart-photo{width:56px;height:56px;border-radius:8px;object-fit:contain;background:#fbfaf6}@media(max-width:1024px){.wmp-component .wmpc-grid{grid-template-columns:repeat(var(--wmp-cols-tablet,2),minmax(0,1fr))}}@media(max-width:600px){.wmp-component .wmpc-grid{grid-template-columns:repeat(var(--wmp-cols-mobile,1),minmax(0,1fr))}}
/* Respond to narrow theme content areas as well as the device width. */
.wmp-component-collection{container-type:inline-size}@container(max-width:800px){.wmp-component .wmpc-grid{grid-template-columns:repeat(var(--wmp-cols-tablet,2),minmax(0,1fr))}}@container(max-width:500px){.wmp-component .wmpc-grid{grid-template-columns:repeat(var(--wmp-cols-mobile,1),minmax(0,1fr))}}