/* One card per product type, with alternate photographs inside the card. */
#collection .product{position:relative;min-width:0}
#collection .product[hidden]{display:none}
#collection .product-link{display:block;color:inherit;text-decoration:none}
#collection .product-img .photo-layer{position:absolute;inset:0;display:block;opacity:0;transition:opacity .4s ease,transform .6s ease}
#collection .product-img .photo-active{opacity:1}
#collection .product-img>span{z-index:3}
#collection .product:focus-within .product-img>span{opacity:1}
#collection .photo-dots{position:absolute;z-index:3;top:19px;left:14px;display:flex;gap:5px;pointer-events:none;padding:6px 7px;border-radius:20px;background:#ffffffdc}
#collection .photo-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#4d4d4d40}
#collection .photo-dots i.active{background:var(--wine)}
#collection .photo-next{position:absolute;z-index:4;top:13px;right:13px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #ffffffa8;border-radius:50%;background:#ffffffed;color:var(--wine);cursor:pointer;box-shadow:0 2px 10px #2b2b2b12}
#collection .photo-next:hover{background:#fffaf4}
#collection .photo-next:focus-visible,#collection .product-link:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
#collection .collection-photo-hint{font-size:11px;color:var(--muted);margin:-6px 0 28px;line-height:1.6}
@media(prefers-reduced-motion:reduce){#collection .product-img .photo-layer{transition:none}}