/* Home bottle carousel (data-bl-home) */
.hb-card .hb-media { position: relative; aspect-ratio: 16 / 10; background: #08080A; overflow: hidden; }
.hb-track { display: flex; gap: 8px; height: 100%; margin: 0; padding: 0; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; }
.hb-track::-webkit-scrollbar { display: none; }
.hb-track.is-drag { cursor: grabbing; scroll-snap-type: none; }
.hb-track li { flex: 0 0 auto; height: 100%; aspect-ratio: 4 / 5; scroll-snap-align: start; }
.hb-track img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; user-select: none; pointer-events: none; }
.hb-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(201,169,98,.5); background: rgba(8,8,10,.72); color: #C9A962; cursor: pointer; z-index: 2; padding: 0; }
.hb-arrow:hover { background: rgba(8,8,10,.92); border-color: #C9A962; }
.hb-arrow--prev { left: 8px; } .hb-arrow--next { right: 8px; }
.hb-card .hb-link { display: inline-block; margin: 0 18px 20px; color: #C9A962; font-size: .95rem; letter-spacing: .06em; text-decoration: none; border-bottom: 1px solid rgba(201,169,98,.5); }
.hb-card .hb-link:hover { color: #E8D9A8; border-color: #E8D9A8; }
.hb-card:hover { transform: none; }
.hb-card:hover .hb-media img { transform: none; }
@media (max-width: 720px) { .hb-arrow { width: 32px; height: 32px; } }