.sgp .sgp-hero__grid>*,.sgp .sgp-hero__media,.sgp .sgp-hero__stage,.sgp .sgp-carousel,.sgp .sgp-carousel__thumbs,.sgp .sgp-carousel__track{min-width:0}.sgp-carousel{position:relative;display:block;width:100%}.sgp-hero__stage{position:relative;width:100%}.sgp .sgp-hero__frame{aspect-ratio:var(--sgp-hero-ratio, 1 / 1)}.sgp-carousel__viewport{position:relative;width:100%;height:100%}.sgp-carousel__track{display:flex;width:100%;height:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.sgp-carousel__track::-webkit-scrollbar{display:none}.sgp-carousel__track:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.sgp-carousel__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.sgp .sgp-carousel__slide img,.sgp .sgp-carousel__slide .sgp-ph{width:100%;height:100%;object-fit:var(--sgp-hero-fit, cover)}.sgp-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:40px;height:40px;display:grid;place-items:center;padding:0;cursor:pointer;color:var(--color-text);background:var(--color-bg);border:1.5px solid color-mix(in srgb,var(--color-text) 14%,transparent);border-radius:999px;box-shadow:0 3px 12px color-mix(in srgb,#2e2b25 26%,transparent);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease}.sgp-carousel__arrow:hover:not(:disabled){background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);transform:translateY(-50%) scale(1.08)}.sgp-carousel__arrow:active:not(:disabled){transform:translateY(-50%) scale(.96)}.sgp-carousel__arrow:disabled{opacity:.32;cursor:default}.sgp-carousel__arrow--prev{left:12px}.sgp-carousel__arrow--next{right:12px}.sgp-carousel__dots{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:4;display:flex;gap:7px;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sgp-carousel__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;cursor:pointer;background:color-mix(in srgb,var(--color-text) 28%,transparent);transition:background .15s ease,transform .15s ease}.sgp-carousel__dot.is-active{background:var(--color-accent);transform:scale(1.25)}.sgp-carousel__thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.sgp-carousel__thumbs::-webkit-scrollbar{display:none}.sgp-carousel__thumb{flex:0 0 auto;width:72px;height:72px;padding:0;cursor:pointer;overflow:hidden;background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-md);opacity:.55;transition:opacity .15s ease,border-color .15s ease}.sgp .sgp-carousel__thumb img{display:block;width:100%;height:100%;object-fit:cover}.sgp-carousel__thumb:hover{opacity:1}.sgp-carousel__thumb.is-active{opacity:1;border-color:var(--color-accent)}.sgp-carousel__thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media screen and (max-width:620px){.sgp-carousel__arrow{width:44px;height:44px}.sgp-carousel__arrow--prev{left:8px}.sgp-carousel__arrow--next{right:8px}.sgp-carousel__dots{bottom:10px}.sgp-carousel__thumb{width:58px;height:58px}}@media(prefers-reduced-motion:reduce){.sgp-carousel__track{scroll-behavior:auto}.sgp-carousel__dot,.sgp-carousel__thumb,.sgp-carousel__arrow{transition:none}.sgp-carousel__arrow:hover:not(:disabled){transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sgp-carousel.css.map */