/* css/home.css - home page only (tabs, Aadil Virtual / Aadil Mods sections, screenshots) */
.tab-panel.hidden{display:none !important;}
.tabs{display:flex;gap:.25rem;padding:.25rem;max-width:22rem;margin:0 auto 1.5rem;border:1px solid var(--border-light);border-radius:.875rem;background:var(--bg-light-secondary);}
html.dark .tabs{border-color:var(--border-dark);background:var(--bg-dark-secondary);}
.tab{flex:1;padding:.6rem 1rem;border-radius:.625rem;font-weight:600;color:var(--text-light-secondary);transition:background-color .2s,color .2s;}
html.dark .tab{color:var(--text-dark-secondary);}
.tab.active{background:var(--accent);color:#fff !important;}
.tab:focus-visible,.g-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.tab-panel{animation:fade .25s ease;}
@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.v-hero{text-align:center;padding:2rem 0 1rem;}
.v-icon{width:96px;height:96px;border-radius:22px;margin:0 auto 1rem;object-fit:cover;box-shadow:0 8px 24px rgba(37,99,235,.25);}
.v-hero .hero-title{font-size:clamp(2rem,6vw,3.25rem);}
.v-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem;}
.btn-lg{padding:.9rem 1.75rem;font-size:1.05rem;}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;}
.feature-card{padding:1.25rem;border:1px solid var(--border-light);border-radius:1rem;background:var(--bg-light);transition:border-color .2s,transform .2s;}
html.dark .feature-card{background:var(--bg-dark-secondary);border-color:var(--border-dark);}
.feature-card:hover{border-color:var(--accent);transform:translateY(-2px);}
.feature-icon{color:var(--accent);font-size:2rem;margin-bottom:.5rem;}
.feature-card h3{font-weight:700;margin-bottom:.25rem;}
.feature-card p{color:var(--text-light-secondary);font-size:.95rem;line-height:1.55;}
html.dark .feature-card p{color:var(--text-dark-secondary);}
.compat{max-width:40rem;margin:0 auto;border:1px solid var(--border-light);border-radius:1rem;overflow:hidden;}
html.dark .compat{border-color:var(--border-dark);}
.gallery{position:relative;}
.g-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem 1rem 1rem;scrollbar-width:none;}
.g-track::-webkit-scrollbar{display:none;}
.shot{flex:0 0 auto;width:min(240px,62vw);aspect-ratio:1080 / 2340;scroll-snap-align:center;border-radius:1.25rem;overflow:hidden;border:1px solid var(--border-light);background:var(--bg-light-secondary);}
html.dark .shot{border-color:var(--border-dark);background:var(--bg-dark-secondary);}
.shot img{width:100%;height:100%;object-fit:contain;display:block;}
.g-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:2.5rem;height:2.5rem;display:none;align-items:center;justify-content:center;border-radius:9999px;background:var(--bg-light);border:1px solid var(--border-light);box-shadow:0 2px 8px rgba(0,0,0,.15);}
html.dark .g-btn{background:var(--bg-dark-secondary);border-color:var(--border-dark);color:var(--text-dark);}
.g-prev{left:0;}
.g-next{right:0;}
@media (min-width: 768px){
  .g-btn{display:flex;}
  .g-track{justify-content:safe center;padding-inline:3.5rem;}
}
.g-dots{display:flex;gap:.5rem;justify-content:center;}
.g-dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--border-light);transition:background-color .2s,width .2s;}
html.dark .g-dot{background:var(--border-dark);}
.g-dot.on{background:var(--accent);width:1.25rem;}
.v-cta{margin-top:3.5rem;padding:2.5rem 1rem;text-align:center;border:1px solid var(--border-light);border-radius:1.25rem;background:var(--bg-light-secondary);}
html.dark .v-cta{border-color:var(--border-dark);background:var(--bg-dark-secondary);}
.v-cta .btn{margin-top:1.25rem;}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.5rem;}
.info-card{padding:1.25rem;border:1px solid var(--border-light);border-radius:1rem;background:var(--bg-light);}
html.dark .info-card{background:var(--bg-dark-secondary);border-color:var(--border-dark);}
.info-card h2{font-size:1.15rem;font-weight:700;margin-bottom:.75rem;}
.info-table{width:100%;font-size:.95rem;}
.info-table th{text-align:left;font-weight:600;padding:.5rem .75rem .5rem 0;}
.info-table td{padding:.5rem 0;color:var(--text-light-secondary);}
html.dark .info-table td{color:var(--text-dark-secondary);}
.info-table tr + tr{border-top:1px solid var(--border-light);}
html.dark .info-table tr + tr{border-color:var(--border-dark);}
.info-list{display:grid;gap:.6rem;font-size:.95rem;}
.info-list li{display:flex;gap:.5rem;align-items:flex-start;}
.info-list .material-symbols-rounded{font-size:1.25rem;}
.info-list .ok{color:#22c55e;}
.info-list .st{color:var(--accent);}
.dl-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;}
.shot-auto{aspect-ratio:auto;width:min(260px,70vw);}
.shot-auto img{height:auto;}
.glow{position:relative;overflow:hidden;}
.glow::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 260px at 50% 0%,rgba(37,99,235,.14),transparent 70%);pointer-events:none;}
.glow>*{position:relative;}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.25rem;}
.chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--muted);border:1px solid var(--line);background:var(--surface);padding:.3rem .8rem;border-radius:999px;}
.chip .mi{font-size:1.05rem;color:var(--accent);}
.hero-meta{margin-top:.9rem;font-size:.9rem;color:var(--muted);}
.tbl .yes{color:var(--ok);font-weight:600;}