.product-orbit{background:#f4f9f8;overflow:hidden;color:#28546a;padding:46px 0 24px;position:relative}
.orbit-heading{text-align:center;padding:0 6%;max-width:850px;margin:auto}
.orbit-heading h1{font-family:var(--display);font-size:clamp(34px,4.4vw,64px);font-weight:600;letter-spacing:-.035em;line-height:1.08;margin:0 0 15px;text-wrap:balance}
.orbit-heading h1 em{color:#bd397b;font-style:normal}
.orbit-heading p{font-size:14px;line-height:1.7;max-width:560px;margin:auto;color:#526f7e}
.orbit-stage{height:470px;position:relative;max-width:1450px;margin:0 auto;touch-action:pan-y;cursor:grab;isolation:isolate}
.orbit-stage.is-dragging{cursor:grabbing}
.orbit-stage:focus-visible{outline:2px solid #bd397b;outline-offset:-8px}
.orbit-photo{position:absolute;left:50%;top:50%;width:130px;margin:0;transform-origin:center;will-change:transform}
.orbit-photo button{display:block;width:100%;padding:6px;background:#fff;border-radius:3px;box-shadow:0 12px 28px #28546a24;transform:translateY(0);filter:brightness(var(--photo-depth,1));transition:transform .22s cubic-bezier(.16,1,.3,1),filter .22s;cursor:inherit}
.orbit-photo img{display:block;width:100%;height:176px;object-fit:contain;background:#fff;pointer-events:auto}
.orbit-photo figcaption{font-size:12px;font-weight:500;padding:9px 0 0;text-align:center;color:#28546a;cursor:text;user-select:text}
.orbit-photo button[aria-pressed="true"]{transform:translateY(-16px) scale(1.035);filter:brightness(1.06)}
.orbit-photo button:focus-visible{outline:3px solid #bd397b;outline-offset:5px}
.orbit-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1250px;padding:0 5%;margin:0 auto}
.orbit-instruction{font-size:12px;line-height:1.7;margin:0;color:#526f7e}
.orbit-controls{display:flex;align-items:center;gap:10px}
.orbit-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #a5c5ca;border-radius:50%;background:transparent;color:#28546a}
.orbit-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.orbit-controls button:hover{background:#ffe565;border-color:#ffe565}
.orbit-explore{font-size:12px;border-bottom:1px solid #28546a;padding:8px 0;margin-left:12px;white-space:nowrap}
.orbit-disclosure{font-size:11px;color:#526f7e;text-align:center;margin:18px 5% 0;line-height:1.6}
.product-orbit ::selection{background:#f6cde1;color:#28546a}
@media(max-width:600px){.product-orbit{padding-top:34px}.orbit-heading h1{font-size:36px}.orbit-heading p{font-size:13px}.orbit-stage{height:405px}.orbit-photo{width:108px}.orbit-photo img{height:146px}.orbit-photo figcaption{font-size:12px}.orbit-footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px}.orbit-instruction{width:100%}.orbit-disclosure{font-size:10px}}
@media(prefers-reduced-motion:reduce){.orbit-photo button{transition:none}}

.orbit-stage{perspective:1200px}
.orbit-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.orbit-controls .orbit-play{width:auto;min-width:100px;padding:0 16px;border-radius:24px;font-size:12px;white-space:nowrap}
.orbit-photo button{border:1px solid #ffffff}
.orbit-photo figcaption{background:#f4f9f8cc;width:fit-content;margin:0 auto;padding:4px 7px;border-radius:2px;line-height:1.4}

/* Photo focus keeps the frozen ribbon in place behind the enlarged original. */
.orbit-photo{transition:opacity .3s ease,filter .3s ease}
.orbit-photo button{cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),filter .28s,box-shadow .28s}
.orbit-photo:hover button:not([aria-pressed="true"]){transform:translateY(-10px) scale(1.065);filter:brightness(1.04);box-shadow:0 20px 34px #23374030}
.product-orbit.has-selected-photo .orbit-photo:not(.is-selected){opacity:1;filter:brightness(.78)}
.product-orbit.has-selected-photo .orbit-ribbon{opacity:.7}
.orbit-photo.is-selected{width:235px;z-index:300!important;transform:translate(-50%,-50%) translate3d(0,-6px,0)!important;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.orbit-photo.is-selected img{height:320px}
.orbit-photo.is-selected button[aria-pressed="true"]{transform:none;filter:brightness(1.04);padding:10px;box-shadow:0 26px 60px #23374040;cursor:pointer}
.orbit-photo.is-selected figcaption{font-size:15px;background:#fff;padding:8px 14px;margin-top:10px;box-shadow:0 4px 16px #23374012}
.orbit-close{position:absolute;right:5%;top:18px;z-index:400;padding:11px 17px;border:1px solid #adc6cb;border-radius:24px;background:#fff;color:#28546a;font-size:12px;cursor:pointer}
.orbit-close[hidden]{display:none}
.orbit-close:hover{background:#ffe565;border-color:#ffe565}
.orbit-close:focus-visible,.orbit-play:focus-visible{outline:3px solid #bd397b;outline-offset:3px}
@media(max-width:600px){.orbit-photo.is-selected{width:190px}.orbit-photo.is-selected img{height:260px}.orbit-close{top:4px}.orbit-photo.is-selected figcaption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.orbit-photo,.orbit-photo.is-selected,.orbit-photo button{transition:none}}


.orbit-footer{justify-content:flex-end}.orbit-load-error{text-align:center;padding:20px;color:#28546a}
@media(max-width:600px){.orbit-footer{justify-content:center}}