﻿/* Catalogo essenziale: foto quadrate, nome e prezzo. */
.shop-section>.container{max-width:1440px}
.shop-section .products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.shop-section .product-card{border-radius:0;box-shadow:none;background:transparent}
.shop-section .product-card:hover{transform:none;box-shadow:none}
.shop-section .product-image-container{height:auto;aspect-ratio:1/1;margin-bottom:0;border-radius:8px}
.shop-section .product-image-trigger{height:100%}
.shop-section .product-image img{object-fit:cover;object-position:center}
.shop-section .product-card:hover .product-image img{transform:none}
.shop-section .product-info{padding:12px 4px 0}
.shop-section .product-info h3{font-family:Montserrat,Arial,sans-serif;font-size:12px;line-height:1.5;font-weight:400;margin:0 0 5px;overflow-wrap:anywhere}
.shop-section .product-price{font-size:16px;font-weight:500;color:#795c37;margin:0}
.shop-section .image-nav-buttons{padding:0 6px}
.shop-section .nav-btn{width:32px;height:36px;font-size:14px;border-radius:2px;background:#33261fcc}
.shop-section .product-image-container:focus-within .nav-btn{opacity:1}
.shop-section .image-counter{bottom:8px;right:8px;padding:3px 7px;border-radius:2px;font-size:10px;pointer-events:none}
@media(max-width:850px){.shop-section .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.shop-section>.container{padding-inline:16px}.shop-section .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.shop-section .product-info h3{font-size:11px}}
@media(hover:none){.shop-section .nav-btn{opacity:1}}
@media(max-width:600px){
    .shop-page .shop-section .image-nav-buttons{padding:0 4px}
    .shop-page .shop-section .nav-btn{width:26px;height:28px;padding:0;font-size:11px}
}

/* Anche gli arrivi dalle collezioni della home saltano alla galleria senza animazione. */
html:has(.shop-section){scroll-behavior:auto}
