/* Product order: shirts, shorts (one article, two provisional pictures), bags, accessories. */
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
.product-grid .product:first-child{grid-column:auto}
.product-grid .product-photo,.product-grid .product:first-child .product-photo{aspect-ratio:1}
.product-grid .product-photo>img{object-fit:contain;object-position:center}
/* Catalogue accessories use the same available width as clothing. Keep the
   original catalogue graphics complete, including all crests and lettering. */
.product-grid .product-photo.bag>img{max-width:none;width:100%;height:100%}
.product-grid .product:has(>.product-photo[href="shop-laccetto.html"]){grid-column:1/-1}
.product-grid .product-photo[href="shop-laccetto.html"]{aspect-ratio:3.5;background:#fff}
.product-grid .product-meta{display:block}
.product-grid .product-meta .price-pending{padding-top:8px;white-space:normal}
.product-grid .product-pants{grid-column:1/-1}
.product-grid .product-photo-pair{aspect-ratio:auto;background:transparent;overflow:visible}
.pants-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pants-color{position:relative;background:#efeee9;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}
.pants-color img{width:100%;height:100%;object-fit:contain}
.pants-color>span:not(.shop-kit-mockup){position:absolute;bottom:14px;left:14px;padding:6px 9px;background:#faf9f5e8;font-size:12px;font-weight:700}
.product-photo-pair .product-label{background:#ffe8a3;color:#28231b;font-weight:700}
.product-grid .product-pants .product-meta{max-width:760px}
@media(max-width:700px){
 .product-grid{gap:28px 12px}
 .product-grid .product-photo[href="shop-laccetto.html"]{aspect-ratio:2.3}
 .pants-photos{gap:12px}
 .product-grid .product:first-child .product-meta{display:block}
 .product-grid .product:first-child .price-pending{padding-top:8px}
 .product-grid .product-meta h3{font-size:15px}
 .product-grid .product-photo-note{font-size:11px;line-height:1.55;letter-spacing:0}
 .pants-color>span:not(.shop-kit-mockup){bottom:9px;left:9px;font-size:10px;padding:4px 6px}
}

/* The mug source has three complete views in a central band. Trim only the
   blank upper/lower margins; keep every handle, crest and printed word. */
.product-grid .product:has(>.product-photo[href="shop-tazza.html"]){grid-column:1/-1}
.product-grid .product-photo[href="shop-tazza.html"]{aspect-ratio:2}
.product-grid .product-photo[href="shop-tazza.html"]>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
/* Keep the three bottle views legible and avoid an empty half-row beside them. */
.product-grid .product:has(>.product-photo[href="shop-borraccia.html"]){grid-column:1/-1}
.product-grid .product-photo[href="shop-borraccia.html"]{aspect-ratio:1.15}
.product-grid .product-photo[href="shop-borraccia.html"]>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
@media(min-width:701px){
 .product-grid .product-photo[href="shop-borraccia.html"]{aspect-ratio:auto;height:min(620px,50vw);background:#fff}
 .product-grid .product-photo[href="shop-borraccia.html"]>img{object-fit:contain}
}