.shoppable-gallery{background:var(--sg-bg, #F2F1EF);padding:var(--sg-pt, 60px) 24px var(--sg-pb, 60px);position:relative}.shoppable-gallery__header{text-align:var(--sg-align, center);max-width:600px;margin:0 auto 36px}.shoppable-gallery__heading{font-family:var(--sg-font, inherit);font-weight:var(--sg-font-weight, 700);font-size:var(--sg-heading-size, 28px);letter-spacing:.04em;margin:0 0 8px}.shoppable-gallery__subheading{font-family:var(--sg-font, inherit);font-size:var(--sg-subheading-size, 15px);color:#6b6b6b;margin:0}.shoppable-gallery__viewport{position:relative;max-width:1400px;margin:0 auto}.shoppable-gallery__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.shoppable-gallery__track::-webkit-scrollbar{display:none}.shoppable-gallery__track--fit{justify-content:stretch;flex-wrap:nowrap;overflow-x:visible}.shoppable-gallery__track--fit .shoppable-gallery__item{flex:1 1 0;max-width:none}.shoppable-gallery__item{flex:0 0 260px;scroll-snap-align:start}.shoppable-gallery__image-wrap{position:relative;overflow:hidden;background:#e5e2dc}.shoppable-gallery__image{width:100%;height:auto;display:block;aspect-ratio:4 / 5;object-fit:cover}.shoppable-gallery__placeholder{aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px}.shoppable-gallery__handle{margin:10px 2px 0;font-family:var(--sg-font, inherit);font-size:var(--sg-handle-size, 13px);color:#333}.shoppable-gallery__arrow{position:absolute;top:40%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:#2b2b2b;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 4px 10px #0003;transition:opacity .2s ease,visibility .2s ease}.shoppable-gallery__arrow:hover{background:#000}.shoppable-gallery__arrow--prev{left:-6px}.shoppable-gallery__arrow--next{right:-6px}.shoppable-gallery__arrow.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.shoppable-gallery__hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2}.shoppable-gallery__hotspot-dot{width:26px;height:26px;border-radius:50%;background:#ffffffeb;color:#2b2b2b;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;line-height:1;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:transform .2s ease;padding:0}.shoppable-gallery__hotspot:hover .shoppable-gallery__hotspot-dot{transform:scale(1.08)}.shoppable-gallery__hotspot.is-open .shoppable-gallery__hotspot-dot{transform:rotate(45deg)}.shoppable-gallery__hotspot-card--floating{position:absolute;z-index:10;display:flex;align-items:flex-start;gap:8px;background:#fff;border-radius:6px;padding:10px;min-width:170px;max-width:220px;box-shadow:0 8px 24px #00000038;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.shoppable-gallery__hotspot-card--floating.is-open{opacity:1;visibility:visible;pointer-events:auto}.shoppable-gallery__hotspot-card img{border-radius:4px;object-fit:cover;flex-shrink:0}.shoppable-gallery__hotspot-info{display:flex;flex-direction:column;font-family:var(--sg-font, inherit);font-size:12px}.shoppable-gallery__hotspot-title{color:#1a1a1a;font-weight:600;line-height:1.3}.shoppable-gallery__hotspot-price{color:#6b6b6b;margin-top:2px}.shoppable-gallery__hotspot-link{margin-top:6px;font-size:11px;font-weight:600;text-decoration:underline;color:#2b2b2b;white-space:nowrap}.shoppable-gallery__hotspot-link:hover{color:#000}@media(max-width:749px){.shoppable-gallery{padding-left:12px;padding-right:12px}.shoppable-gallery__item{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px)}.shoppable-gallery__track{gap:12px}.shoppable-gallery__image-wrap{border-radius:0}.shoppable-gallery__hotspot-card--floating{min-width:150px;max-width:180px}.shoppable-gallery__track--fit{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.shoppable-gallery__track--fit .shoppable-gallery__item{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px)}.shoppable-gallery__arrow{width:36px;height:36px}.shoppable-gallery__arrow--prev{left:4px}.shoppable-gallery__arrow--next{right:4px}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/shoppable-gallery.css.map */