.device-presentation{--device-accent:#75a9e3;isolation:isolate;background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--device-accent) 18%, transparent), transparent 65%), linear-gradient(150deg, #10213d, #040b1c 70%);border-radius:20px;height:470px;transition:background .55s;position:relative;overflow:hidden}.device-stage-floor{filter:blur(6px);pointer-events:none;background:radial-gradient(#000b,#0000 72%);border-radius:50%;height:30px;position:absolute;bottom:78px;left:18%;right:18%}.device-transition-layer,.device-media-layer{min-width:0;position:absolute;inset:0}.device-transition-layer{opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.device-transition-layer[data-current=true]{opacity:1;pointer-events:auto}.device-presentation .official-phone-viewer,.device-photo-viewer{outline-offset:-4px;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.device-presentation canvas{touch-action:pan-y;width:100%;height:100%;display:block}.device-photo-surface,.device-loading-preview{touch-action:pan-y;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:52px 24px 132px}.device-loading-preview{opacity:.5;pointer-events:none}.genuine-photo-crop{flex-shrink:1;max-width:100%;height:100%;position:relative;overflow:hidden}.genuine-photo-crop>img{object-fit:contain;width:100%;height:100%;display:block}.verified-screen-overlay{color:#c5e6ff;background:#061631;place-items:center;font-size:clamp(9px,2vw,18px);display:grid;position:absolute}.device-presentation .viewer-activation-hint{text-align:center;color:#c9d9ee;pointer-events:none;background:#050e23b3;border-radius:12px;padding:8px;font-size:11px;position:absolute;inset:12px 10px auto}.device-presentation .viewer-interaction-toolbar{z-index:4;flex-wrap:wrap;justify-content:center;gap:5px;display:flex;position:absolute;bottom:12px;left:10px;right:10px}.device-presentation .viewer-interaction-toolbar button,.device-photo-angle-controls button{color:#e3efff;cursor:pointer;background:#0e2443e6;border:1px solid #6da9ed44;border-radius:10px;min-width:44px;min-height:44px;padding:8px 10px;font-size:11px}.device-presentation .viewer-interaction-toolbar button:hover,.device-photo-angle-controls button:hover,.device-photo-angle-controls button[aria-pressed=true]{background:#1a4270;box-shadow:0 0 16px #3188da33}.device-photo-angle-controls{justify-content:center;gap:6px;display:flex;position:absolute;bottom:112px;left:10px;right:10px}.device-load-message{text-align:center;color:#e6f1ff;z-index:3;background:#06142ccf;border-radius:12px;padding:14px;position:absolute;top:43%;left:12px;right:12px}.device-update-status,.device-reference-note{color:#cedef5;text-align:center;pointer-events:none;z-index:3;background:#06132dcc;border-radius:8px;padding:7px;font-size:11px;position:absolute;bottom:105px;left:12px;right:12px}.device-update-status{top:48px;bottom:auto}.device-reference-note{bottom:110px}.device-media-missing{text-align:center;color:#aec9e9;flex-direction:column;justify-content:center;height:100%;padding:24px;display:flex}.device-media-missing span{color:#fff;letter-spacing:3px;font-size:25px}.device-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.device-showcase-grid>.device-choice{background:linear-gradient(150deg,#12294dde,#071329ed);border:1px solid #78adf129;min-width:0;overflow:hidden;box-shadow:0 16px 48px #0004,inset 0 1px #a1cfff1a}.device-choice-heading{font-size:11px}.device-family-selector{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.device-family-selector button{color:#d2e9ff;cursor:pointer;background:#112744;border:1px solid #599ee744;border-radius:14px;min-height:44px;padding:10px 16px}.device-family-selector button[aria-pressed=true]{background:#1755a4;border-color:#75bdff}.device-model-label{color:#c4dbf3;gap:8px;margin:10px 0;font-size:12px;display:grid}.device-model-label select{color:#f1f7ff;background:#0b1e37;border:1px solid #8bbef04d;border-radius:12px;width:100%;min-width:0;min-height:44px;padding:10px}.device-choice .device-colours{flex-wrap:wrap;gap:8px;padding:8px 0}.device-choice .device-colours button{border:3px solid #07142d;width:44px;height:44px;transition:transform .22s,box-shadow .22s;box-shadow:0 0 0 1px #80acd744}.device-choice .device-colours button[aria-pressed=true]{transform:scale(.94);box-shadow:0 0 0 2px #61b2ff,0 0 20px #4597e444}.device-media-caption{color:#a9c3df;min-height:3em;margin:12px 0 0;font-size:12px;line-height:1.6}.device-product-video video{border-radius:16px;width:100%;max-height:440px}.device-genuine-3d:fullscreen,.device-photo-viewer:fullscreen{background:#061127;height:100dvh}.stock-device-dialog{color:#edf5ff;background:#09172e;border:1px solid #62a9e855;border-radius:22px;width:min(960px,100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}.stock-device-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010716cc}.stock-device-dialog header{justify-content:space-between;align-items:start;gap:12px;display:flex}.stock-device-dialog h2{margin:0 0 5px;font-size:clamp(18px,3vw,26px)}.stock-device-dialog header button{color:#fff;cursor:pointer;background:#18395d;border:1px solid #78ade955;border-radius:12px;min-width:44px;min-height:44px;font-size:22px}.stock-device-dialog .device-presentation{height:min(70dvh,600px)}.stock-interactive-button{min-height:44px;margin:8px 0 12px}@media (max-width:1100px){.device-showcase-grid{grid-template-columns:minmax(0,1fr)}.device-presentation{height:480px}}@media (max-width:600px){.device-presentation{height:460px}.device-photo-surface,.device-loading-preview{inset:55px 18px 170px}.device-photo-angle-controls{bottom:145px}.device-reference-note{bottom:135px}.device-presentation .viewer-interaction-toolbar{bottom:10px}.device-showcase-grid{gap:22px}.device-presentation .viewer-interaction-toolbar button{padding:8px}.stock-device-dialog{padding:14px}}@media (prefers-reduced-motion:reduce){.device-transition-layer,.device-photo-surface,.device-choice .device-colours button{transition:none}}.device-media-layer[data-asset-type=FRONT_BACK] .device-photo-surface,.device-media-layer[data-asset-type=MULTI_ANGLE] .device-photo-surface{bottom:175px}.device-media-layer[data-asset-type=MISSING] .device-photo-surface{bottom:170px}@media (max-width:600px){.device-media-layer[data-asset-type=FRONT_BACK] .device-photo-surface,.device-media-layer[data-asset-type=MULTI_ANGLE] .device-photo-surface,.device-media-layer[data-asset-type=MISSING] .device-photo-surface{bottom:200px}}@property --device-accent{syntax:"<color>";inherits:true;initial-value:#75a9e3}@property --device-glow{syntax:"<color>";inherits:true;initial-value:#75a9e3}.device-presentation{transition:--device-accent .55s,--device-glow .55s}@media (prefers-reduced-motion:reduce){.device-presentation{transition:none}}.device-photo-current,.device-photo-previous{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.device-photo-current{animation:.45s cubic-bezier(.22,1,.36,1) both b13-photo-enter}.device-photo-previous{pointer-events:none;animation:.45s cubic-bezier(.22,1,.36,1) both b13-photo-leave}[data-sequence=true] .device-photo-current,[data-sequence=true] .device-photo-previous{animation-duration:.11s}@keyframes b13-photo-enter{0%{opacity:0}to{opacity:1}}@keyframes b13-photo-leave{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.device-photo-current,.device-photo-previous{animation:none}}