/* QAYO 3D production gate — completely isolated from original catalog CSS. */
.qayo-3d-production-overlay{
 position:fixed;inset:0;z-index:2147483646;
 background:radial-gradient(circle at 50% 40%,#123d67 0%,#04182f 48%,#010814 100%);
 isolation:isolate;opacity:1;overflow:hidden;
 transition:opacity .24s ease;
}
.qayo-3d-production-overlay.is-exiting{opacity:0;pointer-events:none}
/* ONE permanent sales strip from the Gemini satellite first frame to catalog handoff.
   Topmost over both iframe sources; click reveals existing catalog instantly. */
.qayo-3d-sales-cta{
 position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));
 transform:translateX(-50%);z-index:10;width:min(calc(100% - 28px),630px);
 min-height:66px;padding:9px 14px;box-sizing:border-box;
 display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;
 background:linear-gradient(110deg,#c81843,#f62559);color:#fff;
 text-decoration:none;text-align:center;border:1px solid rgba(255,198,216,.92);
 border-radius:18px;box-shadow:0 0 19px #df1c6480,0 7px 20px #0008;
 font:900 15px/1.18 -apple-system,BlinkMacSystemFont,Arial,sans-serif;
 pointer-events:auto;-webkit-tap-highlight-color:transparent
}
.qayo-3d-sales-cta strong{font-size:clamp(17px,4.1vw,23px);letter-spacing:.015em}
.qayo-3d-sales-cta span{font-size:clamp(12px,3.1vw,16px);letter-spacing:.01em}
.qayo-3d-sales-cta b{font-size:1.15em}
.qayo-3d-sales-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-height:660px){.qayo-3d-sales-cta{min-height:56px;padding:6px 10px}}
/* Final Bakı scene has the original red CTA INSIDE the approved video.
   Reposition the existing clickable anchor as an invisible hit area so the
   same red CTA never appears twice. Earlier scenes unchanged. */
.qayo-3d-production-overlay.qayo-baki-scene .qayo-3d-sales-cta{
 opacity:0;bottom:13%;width:min(80%,540px);min-height:63px;
 background:transparent;border-color:transparent;box-shadow:none;
 pointer-events:auto;
}
/* Immediate first image = actual QAYO point-cloud globe, not a splash. */
.qayo-3d-firstframe-preview{
 position:absolute;inset:0 0 95px 0;pointer-events:none;z-index:1;overflow:hidden;
 background:#031024 url("/qayo-3d/first-frame.svg?v=2") center/100% 100% no-repeat;
 opacity:1;transition:opacity .18s ease
}
.qayo-3d-firstframe-brand{
 position:absolute;left:3%;right:3%;top:48%;transform:translateY(-50%);
 display:flex;flex-direction:column;align-items:center;text-align:center;
 justify-content:center;gap:13px;
 color:#fff;text-shadow:0 0 11px #bfeaff,0 0 29px #309dff
}
.qayo-3d-firstframe-brand strong{
 font:950 clamp(40px,11vw,68px)/1.05 Arial,sans-serif;letter-spacing:.06em
}
.qayo-3d-firstframe-brand span{
 font:900 clamp(12px,3.1vw,18px)/1.25 Arial,sans-serif;letter-spacing:.025em
}
/* Exact same first-frame marketing title as QAYO's moving dotted globe.
   Keep the existing static geo-dots, no separate legacy title screen. */
.qayo-3d-firstframe-brand{gap:4px}
.qayo-3d-firstframe-brand>strong{margin-bottom:9px}
.qayo-3d-firstframe-brand>.qayo-corporate-name{
 display:block;font:900 clamp(12px,3.23vw,19px)/1.14 Arial,sans-serif;
 letter-spacing:.045em;color:#f6fcff;white-space:nowrap
}
.qayo-3d-firstframe-brand>.qayo-corporate-type{
 display:block;font:850 clamp(10px,2.64vw,15px)/1.17 Arial,sans-serif;
 letter-spacing:.12em;color:#d1ecff;text-shadow:0 0 5px #0d93ff
}
.qayo-3d-firstframe-brand>.qayo-corporate-fields{
 display:block;margin-top:7px;max-width:96%;
 font:750 clamp(7.7px,2.04vw,11px)/1.23 Arial,sans-serif;
 letter-spacing:.04em;color:#d9f5ff;white-space:normal
}
@media(max-width:350px){
 .qayo-3d-firstframe-brand>.qayo-corporate-fields{font-size:7.4px;letter-spacing:.01em}
 .qayo-3d-firstframe-brand>.qayo-corporate-name{font-size:11px}
}
@media(max-height:640px){
 .qayo-3d-firstframe-brand{gap:2px}
 .qayo-3d-firstframe-brand>strong{margin-bottom:4px}
 .qayo-3d-firstframe-brand>.qayo-corporate-fields{margin-top:4px}
}
.qayo-3d-iframe{
 position:absolute;inset:0;height:100%;width:100%;border:0;
 background:transparent;opacity:0;pointer-events:none;z-index:2;
 transition:opacity .18s ease
}
.qayo-3d-production-overlay.is-frame-mounted .qayo-3d-iframe{pointer-events:auto}
.qayo-3d-production-overlay.is-ready .qayo-3d-iframe,.qayo-3d-production-overlay.is-tap-required .qayo-3d-iframe{opacity:1;pointer-events:auto}
.qayo-3d-production-overlay.is-ready .qayo-3d-firstframe-preview,.qayo-3d-production-overlay.is-tap-required .qayo-3d-firstframe-preview{opacity:0}
.qayo-3d-loading-fallback{
 position:absolute;inset:0;z-index:1;pointer-events:none;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:20px;color:#fff;text-align:center;
 font:800 clamp(13px,3.2vw,22px)/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.qayo-3d-loading-fallback>strong{
 font:950 clamp(44px,11vw,78px)/1 Arial,sans-serif;letter-spacing:.1em;
 text-shadow:0 0 10px #e2ffff,0 0 27px #35b6ff;
}
.qayo-3d-loading-fallback>span{
 text-shadow:0 0 10px #52baff
}
.qayo-3d-loading-fallback:before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse at 50% 52%,#e3276622,transparent 37%),
 radial-gradient(ellipse at 35% 55%,#138ded28,transparent 50%);
 box-shadow:inset 0 0 90px #020d28;
}
.qayo-3d-loading-fallback>strong,.qayo-3d-loading-fallback>span{z-index:2;position:relative;}
.qayo-3d-loading-earth{display:none!important;}
.qayo-3d-production-overlay.is-ready .qayo-3d-loading-fallback{
 opacity:0
}
.qayo-3d-direct-skip{
 position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:6;
 background:#081e35da;border:1px solid #4dc0ff94;
 box-shadow:0 0 9px #35c4ff50;
 border-radius:11px;padding:9px 13px;color:#fff;cursor:pointer;
 font:800 12px/1 Arial,sans-serif;
}
.qayo-3d-direct-skip:focus-visible{outline:2px solid #fff;outline-offset:3px}
.qayo-3d-production-overlay.is-ready .qayo-3d-direct-skip,.qayo-3d-production-overlay.is-tap-required .qayo-3d-direct-skip{display:none}
@media(prefers-reduced-motion:reduce){
 .qayo-3d-production-overlay,.qayo-3d-iframe{transition:none}
}
/* QAYO GEMINI INTRO — site-wide customer overlay first paints the REAL P2 first frame.
   No misleading old dot-globe splash before original 10s video begins.
   Only live50 presentation adds the qayo-gemini-original-start-preview class. */
.qayo-3d-production-overlay .qayo-3d-firstframe-preview.qayo-gemini-original-start-preview{
 inset:0;opacity:1;
 background:#020913 url("/qayo-film-gemini-original/gemini-firstframe.jpg") center center / contain no-repeat !important;
}
.qayo-3d-production-overlay .qayo-gemini-original-start-preview .qayo-3d-firstframe-brand{
 display:none!important;
}
.qayo-3d-production-overlay.is-ready .qayo-gemini-original-start-preview{opacity:0}