.carousel-only { position:relative; width:100%; min-width:0; }
.depth-carousel-shell { position:relative; width:100%; height:520px; overflow:visible; background:transparent; }
.depth-carousel { position:relative; width:100%; height:100%; min-height:320px; display:flex; align-items:center; justify-content:center; perspective:var(--dc-perspective,980px); perspective-origin:48% 50%; outline:none; user-select:none; }
.depth-carousel__card { width:320px; height:404px; border-radius:23px; transform-origin:center; will-change:transform,opacity,filter; pointer-events:none; }
.depth-carousel__hint { display:none; }
@media (max-width:860px) { .depth-carousel-shell { height:480px; } .depth-carousel__card { width:290px; height:366px; } }
@media (max-width:520px) { .depth-carousel-shell { height:410px; } .depth-carousel { min-height:380px; } .depth-carousel__card { width:248px; height:314px; } }
@media (prefers-reduced-motion:reduce) { .depth-carousel__card { will-change:auto; } }