.small-360-launch{display:flex;justify-content:center;margin:0 0 18px}
.small-360-open{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 19px;border:1px solid #154b42;border-radius:999px;background:#fff;color:#154b42;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.small-360-open[hidden]{display:none}.small-360-open span{font-size:17px}.small-360-open:hover{background:#edf3ee}
.small-360-dialog{box-sizing:border-box;width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:0;border-radius:20px;background:#f8faf7;color:#20352a;overflow:auto;box-shadow:0 24px 90px #0004}
.small-360-dialog::backdrop{background:#0b211bcc;backdrop-filter:blur(3px)}
.small-360-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.small-360-heading h2{margin:0;font-size:clamp(20px,4vw,28px);line-height:1.2;letter-spacing:-.025em}.small-360-heading p{margin:7px 0 16px;font-size:14px;line-height:1.4;color:#526558}
.small-360-close{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;margin:-8px -8px 0 0;border:0;border-radius:50%;font:inherit;font-size:28px;line-height:1;background:transparent;color:#20352a;cursor:pointer}.small-360-close:hover{background:#e6ede4}
.small-360-stage{position:relative;background:#eef2ed;border-radius:14px;overflow:hidden}
.small-360-stage model-viewer{display:block;width:100%;height:clamp(260px,52dvh,480px);--poster-color:#eef2ed;touch-action:pan-y}
.small-360-stage model-viewer::part(default-progress-bar){background:#487154}
.small-360-fallback{display:block;width:100%;height:clamp(240px,48dvh,430px);object-fit:contain}.small-360-fallback[hidden],.small-360-stage model-viewer[hidden]{display:none}
.small-360-hint{margin:12px 0!important;font-size:14px!important;line-height:1.5!important;color:#526558!important}
.small-360-controls{display:flex;gap:8px;flex-wrap:wrap}.small-360-controls button{min-height:44px;padding:9px 15px;border:1px solid #bbcabd;border-radius:999px;background:#fff;color:#20352a;font:inherit;font-size:14px;cursor:pointer}.small-360-controls button:hover:enabled{background:#e6ede4}.small-360-controls button:disabled{opacity:.5;cursor:wait}
.small-360-dialog button:focus-visible{outline:3px solid #487154;outline-offset:3px}
.small-360-status{font-size:14px;line-height:1.5;min-height:21px;margin:10px 0 0}.small-360-caption{font-size:13px;line-height:1.5;color:#526558;margin:8px 0 0}
#medium-cups{scroll-margin-top:180px}
@media(max-width:600px){.small-360-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:18px 16px;border-radius:16px}.small-360-stage model-viewer{height:clamp(240px,44dvh,400px)}.small-360-controls{gap:7px}.small-360-controls button{flex:1 1 calc(50% - 7px);padding:9px 10px}.small-360-heading h2{font-size:22px}#medium-cups{scroll-margin-top:210px}}

.small-product .variant-gallery .small-360-launch{position:absolute;left:14px;bottom:14px;z-index:3;margin:0;justify-content:flex-start}
@media(max-width:600px){.small-product .variant-gallery .small-360-launch{left:10px;bottom:10px}.small-360-open{padding:8px 14px;font-size:13px}}