/* Vetrina shop: griglie di riferimento senza prezzi */
.vt{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}
.vt__c{display:flex;flex-direction:column;gap:4px}
.vt__a{display:block;border:1px solid rgba(201,169,98,.35);border-radius:12px;overflow:hidden;aspect-ratio:1/1;background:#0f2747}
.vt__a img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vt__a:hover img,.vt__a:focus-visible img{transform:scale(1.04)}
.vt__a:focus-visible{outline:3px solid #e6c98a;outline-offset:3px}
.vt__c h3{margin:8px 0 0;font-size:1.05rem;line-height:1.3}
.vt__f{margin:0;opacity:.8}
.vt__i{margin:0;font-size:.8rem;opacity:.65;font-style:italic}
.vt__hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.vt__fig{margin:0}.vt__fig img{display:block;width:100%;height:auto;border-radius:14px}.vt__fig figcaption{font-size:.8rem;opacity:.7;margin-top:6px}
.vt__nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px}
.vt__nav a{color:inherit;text-decoration:underline;text-underline-offset:4px}
@media(max-width:860px){.vt__hero{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.vt__a img{transition:none}}
/* w3: hero scuro, testo su pannello, immagine fusa col blu */
.vt__hero>div:first-child{position:relative;z-index:3;background:linear-gradient(135deg,rgba(5,13,34,.88),rgba(8,22,52,.78));padding:30px 32px;border-radius:18px;border:1px solid rgba(201,162,92,.28);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.vt__hero h1.display{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.06}
.vt__fig{position:relative;z-index:2}
.vt__fig img{border-radius:18px;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%);filter:saturate(1.08) contrast(1.04)}
.vt__fig figcaption{text-align:center}