/* Storefront additions: mobile product visuals, smart sizing and inventory UI. */
.product-image{position:relative;display:block;width:100%;border:0;padding:0}
.product-image>.atlas,.product-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-image>img{display:block;transition:transform .4s}
.product-image:hover>img{transform:scale(1.04)}
.dialog-image{position:relative;overflow:hidden;background:#f0e2de}
.dialog-image>.atlas,.dialog-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:200% 200%}
.cart-thumb{overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sku{font-size:12px;letter-spacing:.08em;color:var(--muted);font-weight:600}
.size-calculator{max-width:900px;margin:42px auto 18px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end;text-align:left}
.size-calculator label{display:grid;gap:7px;font-size:12px;font-weight:600}
.size-calculator input{width:100%;padding:14px;border:1px solid var(--line);background:white;color:var(--ink)}
.size-result{max-width:900px;margin:0 auto;padding:20px;border:1px solid var(--line);background:white;font:600 22px var(--serif)}
.size-result.ready{border-color:var(--rose);background:#fff4f4}
.size-disclaimer{display:block;color:var(--muted);margin:12px auto 0}
@media(max-width:900px){.size-calculator{grid-template-columns:1fr 1fr}.size-calculator .button{align-self:end}}
@media(max-width:560px){.size-calculator{grid-template-columns:1fr}.size-result{font-size:19px}.quick-add{top:calc(80% - 38px);right:8px}}