.detail-360-toggle{width:100%;min-height:46px;margin-top:16px;padding:12px 18px;border:1px solid var(--gold);background:transparent;color:#6b4e22;font:500 16px/1.4 var(--body-font,Arial,sans-serif);cursor:pointer}
.detail-360-toggle.active{background:#eee4d3;border-color:#9c7842;color:#33291c}
.detail-360-status{margin:12px 0 0;color:#665a46;font:14px/1.6 Arial,sans-serif}
.detail-image-wrap.is-360{overflow:hidden}
.product-360-viewer{height:min(68vh,650px);min-height:320px;display:flex;flex-direction:column;background:#eee7dc;color:#352d23}
.product-360-stage{flex:1;min-height:0;position:relative;background:radial-gradient(ellipse at 50% 40%,#fffaf0,#d4c7b1);overflow:hidden}
.product-360-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.product-360-stage canvas:active{cursor:grabbing}
.product-360-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:11px 12px 0}
.product-360-modes{display:flex;gap:6px}
.product-360-modes button{min-height:44px;padding:10px 12px;border:1px solid #aa9980;background:transparent;color:#352d23;font:14px/1.3 Arial,sans-serif;cursor:pointer}
.product-360-modes button[aria-pressed=true]{background:#2e261b;color:#f6ead2;border-color:#2e261b}
.product-360-angle{flex:1;min-width:145px;max-width:230px;font:14px/1.4 Arial,sans-serif}
.product-360-angle output{float:right;font-variant-numeric:tabular-nums}
.product-360-angle input{display:block;width:100%;margin:5px 0 0;min-height:24px;accent-color:#6c512c}
.product-360-note{margin:0;padding:8px 12px 12px;color:#635746;font:14px/1.45 Arial,sans-serif}
@media(max-width:700px){.product-360-viewer{height:46vh;height:46dvh;min-height:300px}.detail-image-wrap.is-360{max-height:none}.product-360-toolbar{gap:8px}.product-360-angle{max-width:none}.detail-360-toggle{min-height:48px}}

/* All pendant viewers share the Trio preview stage and control layout. */
.pendant-360-layout{display:flex;flex-direction:column;width:100%;height:min(76vh,720px);min-height:430px;box-sizing:border-box;background:#eee7dc;color:#352d23}
.pendant-360-layout>.product-360-stage{flex:1 1 auto;min-height:300px;width:100%}
.pendant-360-layout>.product-360-toolbar,.pendant-360-layout>.product-360-note{flex:0 0 auto}

[data-product-code="LMBAP018"]:fullscreen{background:#293334;width:100vw;height:100dvh;display:flex;flex-direction:column;padding:12px;box-sizing:border-box}[data-product-code="LMBAP018"] .product-360-toolbar{flex-wrap:wrap}