﻿.ps-hero-visual--carousel{height:clamp(380px,42vw,540px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.ps-hero-carousel{position:relative;width:100%;height:100%;min-width:0}
.ps-hero-carousel__stage{position:absolute;inset:0;overflow:hidden}
.ps-hero-carousel__slide{position:absolute;inset:5% 4%;display:flex;align-items:center;justify-content:center;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,12px,0) scale(.78) rotate(0deg);transition:opacity 700ms cubic-bezier(.22,1,.36,1),transform 700ms cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.ps-hero-carousel__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:26px}
.ps-hero-carousel__slide.is-active{z-index:3;opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1) rotate(0deg);animation:ps-hero-carousel-float 7s ease-in-out 700ms infinite}
.ps-hero-carousel__slide.is-prev,.ps-hero-carousel__slide.is-next{z-index:1;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0) scale(1) rotate(0deg)}
.ps-hero-carousel__controls{position:absolute;z-index:5;right:4%;bottom:1%;display:flex;align-items:center;gap:10px}
.ps-hero-carousel__button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgb(22 22 22 / 18%);border-radius:999px;background:rgb(250 249 245 / 88%);color:var(--ps-ink,#161616);font-size:18px;line-height:1;cursor:pointer;transition:background-color 200ms ease,color 200ms ease,transform 200ms ease}
.ps-hero-carousel__button:hover,.ps-hero-carousel__button:focus-visible{background:var(--ps-pink,#ba007c);color:#fff;transform:translateY(-1px)}
.ps-hero-carousel__status{min-width:38px;color:var(--ps-ink,#161616);font-size:12px;text-align:center}
@keyframes ps-hero-carousel-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:989px){.ps-hero-visual--carousel{height:clamp(360px,62vw,500px)}}
@media(max-width:749px){.ps-hero-visual--carousel{height:clamp(350px,96vw,520px);width:100%;max-width:100%;overflow:hidden}.ps-hero-carousel__slide{inset:2% 0}.ps-hero-carousel__slide.is-prev,.ps-hero-carousel__slide.is-next{opacity:0;visibility:hidden;transform:translate3d(0,0,0) scale(1)}.ps-hero-carousel__controls{right:0;bottom:0}.ps-hero-carousel__button{width:34px;height:34px}.ps-hero-carousel__image{border-radius:20px}}
@media(max-width:420px){.ps-hero-visual--carousel{height:clamp(300px,100vw,390px)}}
@media(prefers-reduced-motion:reduce){.ps-hero-carousel__slide{transition-duration:180ms}.ps-hero-carousel__slide.is-active{animation:none}.ps-hero-carousel__slide.is-prev,.ps-hero-carousel__slide.is-next{opacity:0;visibility:hidden}}
