/* Merchandise-only correction; a distinct file avoids stale shared CSS. */
.shop-design-image img{display:block;width:100%;aspect-ratio:4/4.6;height:auto;object-fit:cover}
.shop-preview-image img{width:auto;height:auto;max-width:100%;max-height:75vh}
@media(max-width:760px){.shop-preview-image img{height:auto;max-height:70vh}}

/* Clickable design previews, without a separate View design overlay. */
.shop-design-image{transition:border-color .22s ease,box-shadow .22s ease}
.shop-design-image:focus-visible{border-color:#c38cdb;box-shadow:0 0 0 2px #aa72bc55}
.shop-design-image:focus-visible img{transform:scale(1.02)}
@media(hover:hover) and (pointer:fine){.shop-design-image:hover{border-color:#b782c9;box-shadow:0 8px 25px #0005}.shop-design-image:hover img{transform:scale(1.02)}}
.shop-preview-close{width:44px;height:44px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.shop-preview-close span{font-size:27px;line-height:1;margin:0}
@media(prefers-reduced-motion:reduce){.shop-design-image,.shop-design-image img{transition:none}.shop-design-image:hover img,.shop-design-image:focus-visible img{transform:none}}

@media(hover:none){.shop-design-image:hover img{transform:none}}

.shop-preview-close{border:0;background:transparent;box-shadow:none}
.shop-preview-close:focus-visible{outline:2px solid #c38cdb;outline-offset:3px}

/* Preserve the full logo-shirt photographs without cropping or letterboxing. */
.shop-logo-collection .shop-design-image img{aspect-ratio:1312/1199;object-fit:contain}

/* Keep each collection's introduction directly beneath its heading. */
.shop-collection-heading{grid-template-columns:1fr;gap:4px;align-items:start}
.shop-collection-heading>p{max-width:none;width:100%}