.bio-commerce{border:1px solid color-mix(in srgb,var(--bio-fg) 14%,transparent);border-radius:var(--bio-radius);background:var(--bio-surface);box-shadow:var(--bio-shadow);padding:20px;text-align:left}.bio-commerce h3{margin:0 0 8px}.bio-commerce p{color:var(--bio-muted);white-space:pre-wrap}.bio-commerce>a{display:block;margin-top:16px;border-radius:max(6px,calc(var(--bio-radius) / 2));background:var(--bio-accent);color:var(--bio-accent-contrast);font-weight:850;padding:12px 16px;text-align:center;text-decoration:none}.bio-commerce>a:focus-visible{outline:3px solid var(--bio-fg);outline-offset:3px}
.bio-product{display:grid;grid-template-columns:minmax(110px,34%) 1fr;gap:18px;align-items:center}.bio-product.no-media{display:block}.bio-product>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:max(4px,calc(var(--bio-radius) - 8px))}.bio-commerce-badge,.bio-commerce-kicker{display:inline-flex;border-radius:999px;background:color-mix(in srgb,var(--bio-accent) 14%,transparent);color:var(--bio-accent);font-size:15px;font-weight:850;padding:5px 9px}.bio-commerce-price{display:flex;align-items:baseline;gap:9px}.bio-commerce-price strong{color:var(--bio-fg);font-size:1.65rem}.bio-commerce-price del,.bio-commerce-price span{font-size:15px}.bio-price.is-highlighted{outline:3px solid var(--bio-accent);outline-offset:2px}.bio-price ul{padding-left:1.25rem}.bio-price li+li{margin-top:5px}.bio-payment>strong{display:block;margin-top:12px;font-size:1.65rem}.bio-payment small{display:block;margin-top:10px;color:var(--bio-muted);line-height:1.45}
@media(max-width:520px){.bio-commerce{padding:16px}.bio-product{grid-template-columns:1fr}.bio-product>img{aspect-ratio:16/9}}