.xc-product-orbit {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    background: #FFF9F7;
    isolation: isolate;
    --orbit-width: 700px;
}
.xc-product-orbit__marquee { position: absolute; z-index: 0; top: 50%; left: 0; right: 0; transform: translateY(-50%); overflow: hidden; pointer-events: none; color: #351326; font: 700 150px/1.1 Arial, Helvetica, sans-serif; white-space: nowrap; }
.xc-product-orbit__marquee-track { display: flex; width: max-content; will-change: transform; }
.xc-product-orbit__marquee-group { display: block; flex: 0 0 auto; min-width: 100vw; padding-right: 120px; }
.xc-product-orbit--preview .xc-product-orbit__marquee-track { will-change: auto; }
.xc-product-orbit__stage {
    position: relative;
    z-index: 1;
    width: min(var(--orbit-width), calc(100% - 56px));
    height: 100%;
    margin-inline: auto;
    perspective: 1200px;
    transform-style: preserve-3d;
}
.xc-product-orbit__item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 280px;
    height: 420px;
    margin: -210px 0 0 -140px;
    transform-origin: center;
    will-change: transform;
    pointer-events: none;
    z-index: 3;
}
.xc-product-orbit__item img { display: block; width: 100%; height: 100%; object-fit: contain; transform: rotate(30deg); }
.xc-product-orbit__item:nth-child(2) { transform: translateX(255px) scale(.82); z-index: 1; }
.xc-product-orbit__item:nth-child(3) { transform: translateX(-255px) scale(.82); z-index: 1; }
.xc-product-orbit__toggle {
    position: absolute;
    z-index: 2;
    right: 32px;
    bottom: 24px;
    width: 44px;
    height: 44px;
    border: 1px solid #dcd5d2;
    border-radius: 50%;
    background: transparent;
    color: #351326;
    cursor: pointer;
    font: 400 16px/1 Arial, Helvetica, sans-serif;
    transition: color .2s, border-color .2s, background .2s;
}
.xc-product-orbit__toggle:hover,
.xc-product-orbit__toggle:focus-visible { border-color: #A22D6D; color: #A22D6D; background: #f8edf2; }
.xc-product-orbit__toggle:focus-visible { outline: 2px solid #A22D6D; outline-offset: 3px; }
.xc-product-orbit__toggle:active { background: #efdce5; }
@media (max-width: 767px) {
    .xc-product-orbit { height: 340px; }
    .xc-product-orbit__item { width: 187px; height: 280px; margin: -140px 0 0 -93.5px; }
    .xc-product-orbit__item:nth-child(2) { transform: translateX(115px) scale(.82); }
    .xc-product-orbit__item:nth-child(3) { transform: translateX(-115px) scale(.82); }
    .xc-product-orbit__toggle { right: 20px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .xc-product-orbit__item { will-change: auto; }
    .xc-product-orbit__marquee-track { will-change: auto; }
    .xc-product-orbit__toggle { display: none; transition: none; }
}