/* Shared screenshot gallery, full-size viewer and video slot for app pages. */
/* REAL SCREENSHOTS */
.shots-section{max-width:1200px;margin:0 auto;padding:40px 24px 80px;}
.shots-head{max-width:640px;margin:0 auto 36px;text-align:center;}
.shots-head h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(30px,4vw,44px);font-weight:400;margin-bottom:10px;}
.shots-head p{color:#a3aab6;font-size:16px;line-height:1.6;}
.shots{list-style:none;display:flex;justify-content:center;gap:20px;}
.shot{flex:0 1 216px;min-width:0;}
.shot p{font-size:14px;line-height:1.45;color:#c9ced6;margin-top:14px;text-align:center;}
.shot-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:26px;}
.shot-btn img{display:block;width:100%;height:auto;border-radius:26px;border:6px solid #1c2029;box-shadow:0 20px 40px rgba(0,0,0,0.45);transition:transform .2s;}
.shot-btn:hover img{transform:translateY(-4px);}
.shot-btn:focus-visible{outline:2px solid #0a84ff;outline-offset:6px;}
@media(max-width:900px){
  .shots{display:grid;justify-content:start;grid-auto-flow:column;grid-auto-columns:62vw;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 24px 12px;margin:0 -24px;scrollbar-width:none;}
  .shots::-webkit-scrollbar{display:none;}
  .shot{scroll-snap-align:center;}
}
.shot-dialog{margin:auto;padding:0;border:0;background:none;max-width:min(92vw,440px);max-height:92vh;overflow:visible;}
.shot-dialog::backdrop{background:rgba(4,5,8,0.88);}
.shot-dialog img{display:block;width:100%;height:auto;max-height:88vh;object-fit:contain;border-radius:28px;}
.shot-close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:#f4f5f7;color:#080a0e;font-size:26px;line-height:1;cursor:pointer;}
.watch{max-width:880px;margin:64px auto 0;}
.watch h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:28px;margin-bottom:16px;text-align:center;}
.watch-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#13161d;}
.watch-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
@media(prefers-reduced-motion:reduce){.shot-btn img{transition:none;}}