.hero-gallery{min-width:0;width:100%;align-self:center}.hero-main{position:relative;width:100%;aspect-ratio:4/5;max-height:620px;padding:10px;background:#fff9f2;overflow:hidden;border:1px solid #153f3515;border-radius:22px;box-shadow:0 16px 42px #153f3512;touch-action:pan-y}.hero-main img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;border-radius:14px;transition:opacity .28s ease,transform .55s ease}.hero-main img.switching{opacity:.28;transform:translateX(8px) scale(.994)}.hero-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.hero-thumb{height:92px;min-width:0;padding:4px;border:1px solid #153f3520;border-radius:10px;background:#fff9f2;cursor:pointer;opacity:.68;transition:border-color .2s,box-shadow .2s,opacity .2s,transform .2s}.hero-thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}.hero-thumb:hover,.hero-thumb:focus-visible{opacity:1;transform:translateY(-2px);outline:none}.hero-thumb.active{border-color:#F84A00;opacity:1;box-shadow:0 0 0 2px #F84A001f,0 6px 16px #153f3514}.product-line img,.bottle-crop{background:#f7f1e8}.product-line img{object-fit:contain}@media(max-width:800px){.hero-main{max-height:none;border-radius:20px}.hero-thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:1px 1px 8px;scrollbar-width:thin}.hero-thumb{flex:0 0 84px;height:78px;scroll-snap-align:start}.hero-gallery{width:100%}}@media(max-width:480px){.hero-main{padding:7px;border-radius:18px}.hero-thumb{flex-basis:76px;height:70px}}