.o360-viewer{position:relative;width:100%;background:#111;border-radius:16px;overflow:hidden;}
.o360-viewer .o360-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;color:#fff;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-align:center;opacity:.9}
.o360-drag-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.55);color:#fff;padding:10px 14px;border-radius:999px;font:13px/1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;backdrop-filter:blur(6px);display:flex;gap:8px;align-items:center;z-index:50;user-select:none;pointer-events:none}
.o360-drag-hint .o360-hand{width:18px;height:18px;display:inline-block;opacity:.9}
.o360-hotspot-popup{position:absolute;right:16px;bottom:16px;max-width:360px;min-width:240px;background:rgba(10,10,10,.78);color:#fff;border-radius:14px;padding:14px 14px 12px 14px;z-index:60;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.o360-hotspot-popup h3{margin:0 0 6px 0;font:600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.o360-hotspot-popup p{margin:0 0 10px 0;font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;opacity:.95}
.o360-hotspot-popup .o360-close{position:absolute;right:10px;top:8px;width:28px;height:28px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;cursor:pointer}
.o360-ui-row{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:10px;align-items:flex-end;z-index:55}
.o360-thumbs{display:flex;gap:8px;overflow:auto;padding:6px;background:rgba(0,0,0,.35);border-radius:14px;backdrop-filter:blur(8px)}
.o360-thumb{width:68px;height:44px;border-radius:10px;flex:0 0 auto;background:#222 center/cover no-repeat;opacity:.9;cursor:pointer;border:1px solid rgba(255,255,255,.12)}
.o360-thumb.is-active{outline:2px solid rgba(255,255,255,.65);opacity:1}


/* v2.0.74 Custom 360 Icon */
.o360-hotspot-icon,
.o360-hotspot-marker,
.o360-hotspot-editor-dot {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}


/* v2.0.74 FORCE popup bottom layout */
.o360-popup {
    display: flex !important;
    flex-direction: column !important;
}

.o360-popup-inner,
.o360-popup-content {
    flex: 1 1 auto !important;
}

.o360-popup-header {
    position: relative !important;
    order: 99 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    padding: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: rgba(0,0,0,0.9) !important;
}

.o360-popup-title {
    margin: 0 !important;
}

.o360-popup-close {
    position: relative !important;
}


/* v2.0.74 SVG 360 Marker Icon */
.o360-hotspot-icon,
.o360-hotspot-marker,
.o360-hotspot-editor-dot {
    background-image: url("../images/360-icon.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 42px;
    height: 42px;
}