/* Qom 5.8: GPU-friendly panoramic photo layers, functional controls and contextual install panel. */
.qom-live-hero .hero-scene>img.scene-active{opacity:0!important;animation:none!important}
.qom-live-hero .hero-scene .qom-live-layers{position:absolute;inset:-10px;z-index:1;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .35s ease-out;pointer-events:none}
.qom-live-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;opacity:0;transform:scale(1.065);transition:opacity 1.2s ease,transform 9s ease;pointer-events:none}
.qom-live-photo[data-active=true]{opacity:1;transform:scale(1.0)}
.qom-live-hero .hero-scene{background:linear-gradient(125deg,#a8dce1,#d6e7c5)}
.qom-live-hero .hero-scene::before{content:'';z-index:2;position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,#e6b96b16,transparent 45%,#0f769126)}
.qom-live-hero .hero-scene-controls{display:none!important}
.qom-live-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;margin:14px auto 4px;flex-wrap:wrap;max-width:100%;color:#153d4b}
.qom-live-title{font-size:12px;font-weight:700;text-align:center;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qom-live-button,.qom-live-gallery{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:35px;border:1px solid #abd7da;border-radius:999px;background:#ffffffe7;color:#125773;font:inherit;cursor:pointer;box-shadow:0 4px 12px #205f7513}
.qom-live-button{font-size:19px}.qom-live-pause{font-size:15px}
.qom-live-gallery{min-width:0;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none}
.qom-live-button:focus-visible,.qom-live-gallery:focus-visible{outline:3px solid #087fa5;outline-offset:2px}
.qom-install-dialog{position:fixed;z-index:10050;direction:rtl;inset:auto 50% max(18px,env(safe-area-inset-bottom)) auto;transform:translateX(50%);width:min(470px,calc(100% - 30px));display:grid;grid-template-columns:50px 1fr 25px;gap:11px 12px;align-items:start;padding:18px 16px 16px;border:1px solid #c4e8e5;border-radius:25px;background:linear-gradient(128deg,#fffffff7,#e4f9f5f7);color:#164252;box-shadow:0 14px 48px #123f5060;animation:qom-arrive .32s ease-out;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.qom-install-dialog>img{grid-column:1;width:48px;height:48px;object-fit:contain;border-radius:13px}
.qom-install-copy{grid-column:2;display:grid;gap:4px;min-width:0}.qom-install-copy strong{font-size:14px;line-height:1.6}.qom-install-copy p{font-size:12px;color:#476874;line-height:1.8;margin:0}
.qom-install-actions{grid-column:1/4;display:flex;align-items:center;gap:9px;margin-top:4px}.qom-install-actions button{border-radius:999px;min-height:42px;padding:9px 17px;font:inherit;cursor:pointer;font-size:13px;font-weight:700}.qom-install-primary{border:1px solid #0781a0;background:var(--qom-sdk-accent,#087fa5);color:white}.qom-install-later{border:1px solid #c4dcd9;background:white;color:#315d6a}
.qom-install-close{grid-column:3;grid-row:1;border:0;background:transparent;color:#416a76;font-size:23px;cursor:pointer;width:27px;height:30px}
.qom-sdk-extras{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;border-top:1px solid #d9e8e6;padding-top:12px}.qom-sdk-extras-label{flex-basis:100%;font-size:12px;color:#456b75}.qom-sdk-extras button{border:1px solid #b9deda;border-radius:999px;background:#f3faf8;color:#12657c;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}
html[data-qom-host=eitaa] .qom-install-dialog{bottom:calc(95px + max(env(safe-area-inset-bottom),var(--eitaa-bottom,0px)))}
@keyframes qom-arrive{from{opacity:0;transform:translate(50%,14px)}to{opacity:1;transform:translate(50%,0)}}
@media (min-width:900px){.qom-live-hero .qom-live-photo{object-position:50% 48%}}
@media (max-width:380px){.qom-live-title{max-width:135px;font-size:11px}.qom-live-controls{gap:5px}.qom-live-gallery{font-size:11px;padding:5px 7px}}
@media (prefers-reduced-motion:reduce){.qom-live-photo,.qom-live-hero .qom-live-layers,.qom-install-dialog{animation:none!important;transition:none!important}}
html[data-motion=minimal] .qom-live-photo,html[data-motion=minimal] .qom-live-hero .qom-live-layers,html[data-motion=minimal] .qom-install-dialog{animation:none!important;transition:none!important}
html[data-performance=optimized] .qom-live-hero .qom-live-layers{transform:none!important;transition:none!important}
/* Override original .hero-scene img rules from the legacy compiled theme. */
.qom-live-hero .hero-scene .qom-live-photo{opacity:0!important;animation:none!important;transform:scale(1.065)}
.qom-live-hero .hero-scene .qom-live-photo[data-active="true"]{opacity:1!important;transform:scale(1)}
@media(prefers-reduced-motion:reduce){.qom-live-hero .hero-scene .qom-live-photo{transform:none!important}}
html[data-motion=minimal] .qom-live-hero .hero-scene .qom-live-photo{transform:none!important}