
#mouseControls{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:96vw;gap:clamp(8px,2vw,32px);justify-content:center;bottom:clamp(82px,12vh,125px)}
#mouseControls button{color:#fff;background:#173d2c73;border:1px solid #fff9;box-shadow:0 2px 12px #09261940;text-shadow:0 1px 3px #14271a;min-width:clamp(52px,7vw,94px);min-height:clamp(49px,9vh,90px);font-size:clamp(24px,4vh,36px)}
#mouseControls button:hover,#mouseControls button:focus-visible{background:#173d2cbf}
#mouseControls button:active{background:#3b6234e0}
#mouseControls small{font-size:clamp(9px,1.4vh,13px)}
#mouseControls .turnPad button{min-width:clamp(64px,9vw,116px)}
#mouseControls p{left:50%;transform:translateX(-50%);white-space:nowrap}
.catalogOpen .modelViewport:has(#loaderViewer:not([hidden])){height:clamp(360px,65vh,850px);overflow:hidden}
#loaderViewer:not([hidden]){position:relative;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 75%,#edf1ee,#fff 70%)}
#loaderSpin{height:100%;width:100%;display:block}
#loaderPhoto{height:86%;width:96%;object-fit:contain;mix-blend-mode:multiply;transform-origin:center;transition:transform .18s}
#loaderViewer.photoZoom #loaderPhoto{transform:scale(1.44)}
#loaderGallery{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;background:#fffffff0;border-radius:12px;padding:4px 8px}
#loaderGallery button{padding:5px 9px}
#productPins{position:absolute;top:12px;right:12px;display:grid;gap:7px;max-width:min(210px,55%);justify-items:end;pointer-events:none}
#productPins details{pointer-events:auto;max-width:100%}
#productPins summary{cursor:pointer;color:white;background:#244b38ec;border:1px solid white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;margin-left:auto;box-shadow:0 2px 7px #14271a44;font-weight:750}
#productPins p{margin:3px 0 0;background:#fff;border:1px solid #dbe4d9;border-radius:8px;padding:8px 10px;text-align:right;color:#18382a;font-size:13px;box-shadow:0 2px 10px #173d2c22}
@media(max-width:600px){.catalogOpen .modelViewport:has(#loaderViewer:not([hidden])){height:clamp(320px,55vh,530px)}#mouseControls{gap:8px}#mouseControls .turnPad{gap:3px}}
