.mobile-nav-a{
    color:rgba(241,239,254,.45);
    text-decoration:none;
}

/* Global safety */
img, video {
    max-width:100%;
    height:auto;
}

/* Large tablets and down */
@media (max-width: 1199px) {
    nav {
        padding:0 28px;
        gap:18px;
    }

    .hero,
    .section,
    .about-section,
    .nutshell-section,
    .founding-section,
    .dual-cta-section,
    footer,
    .search-header {
        padding-left:28px !important;
        padding-right:28px !important;
    }

    .events-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }

    .footer-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:26px !important;
    }

    .founding-inner,
    .dc-grid,
    .cards-grid {
        gap:20px !important;
    }

    .b2b-banner {
        margin-left:28px !important;
        margin-right:28px !important;
        padding:18px 22px !important;
    }

    .hscroll-wrap {
        margin:0 -28px !important;
        padding:0 28px 14px !important;
    }
}

/* Tablets / landscape phones */
@media (max-width: 900px) {
    nav {
        padding:0 18px;
        height:60px;
    }

    .nav-links,
    .nav-right {
        display:none !important;
    }

    .nav-hamburger {
        display:flex !important;
        margin-left:auto;
    }

    .mobile-menu {
        inset:60px 0 0;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        padding:16px;
    }

    .hero,
    .section,
    .about-section,
    .nutshell-section,
    .founding-section,
    .dual-cta-section,
    footer,
    .search-header {
        padding-left:18px !important;
        padding-right:18px !important;
    }

    .hero {
        min-height:72vh !important;
        padding-top:56px !important;
        padding-bottom:72px !important;
    }

    .hero-sub,
    .backstage-sub,
    .spotlight-sub,
    .fl-sub,
    .dc-sub {
        max-width:100% !important;
    }

    .section-header,
    .spotlight-header,
    .founding-inner,
    .results-toolbar,
    .footer-bottom,
    .notify-row,
    .b2b-banner,
    .backstage-header,
    .bs-left,
    .bs-btns,
    .bs-perks,
    .services-strip,
    .nutshell-row,
    .dc-grid {
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .section-header,
    .spotlight-header {
        gap:12px;
    }

    .events-grid,
    .spotlight-grid,
    .footer-grid,
    .founding-stats,
    .gig-results,
    .artist-results,
    .cards-grid,
    .ac-grid,
    .dc-grid,
    .tab-content-wrap .tab-panel,
    .results-panel {
        grid-template-columns:1fr !important;
    }

    .search-body {
        flex-direction:column !important;
    }

    .sidebar,
    .map-panel {
        display:none !important;
    }

    .mobile-toolbar {
        display:flex !important;
      
    }

    .results-panel {
        padding:14px !important;
    }

    .vr-card {
        flex-direction:column !important;
    }

    .vr-img-col {
        width:100% !important;
        height:170px;
    }

    .vr-content {
        padding:14px !important;
    }

    .vr-footer,
    .vr-cta-row,
    .artist-footer,
    .venue-footer,
    .ev-footer {
        flex-wrap:wrap;
        gap:8px;
    }

    .tab-bar {
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .tab-btn {
        white-space:nowrap;
    }

    .hscroll-wrap {
        margin:0 -18px !important;
        padding:0 18px 14px !important;
    }

    .venue-card,
    .artist-card {
        width:min(84vw, 320px) !important;
    }

    .b2b-banner {
        margin-left:18px !important;
        margin-right:18px !important;
        gap:12px !important;
    }

    .section-link,
    .spotlight-link {
        align-self:flex-start;
    }
}

/* Phones */
@media (max-width: 768px) {
    h1.hero-h1,
    .hero-h1 {
        font-size:clamp(40px, 13vw, 72px) !important;
        line-height:0.95 !important;
    }

    .section-title,
    .spotlight-title,
    .backstage-title,
    .founding-title,
    .fl-title,
    .dc-title {
        font-size:clamp(28px, 9vw, 44px) !important;
        line-height:1.02 !important;
    }

    .search-bar,
    .sh-search,
    .notify-row,
    .bsh-form {
        width:100%;
    }

    .sb-btn,
    .notify-btn,
    .bsh-btn,
    .bb-cta,
    .section-cta,
    .founding-cta,
    .btn-primary,
    .btn-ghost,
    .btn-white {
        width:100%;
        justify-content:center;
    }

    .search-bar {
        flex-wrap:wrap;
        border-radius:10px;
        padding:8px;
        gap:8px;
    }

    .sb-icon {
        display:none;
    }

    .sb-input {
        width:100%;
        padding:12px !important;
        border:1px solid rgba(124,58,237,.25);
        border-radius:8px;
        background:rgba(3,1,10,.28);
    }

    .sb-btn {
        border-radius:8px;
        min-height:42px;
    }

    .vr-events-head {
        flex-direction:column;
        align-items:flex-start !important;
    }

    .vr-event-tabs {
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        padding-bottom:2px;
    }

    .vr-event-tab {
        white-space:nowrap;
    }

    .ev-img,
    .gig-img,
    .venue-img,
    .artist-img-banner {
        height:180px !important;
    }

    .footer-bottom {
        gap:8px;
    }
}

/* Small phones */
@media (max-width: 480px) {
    nav {
        padding:0 12px;
    }

    .hero,
    .section,
    .about-section,
    .nutshell-section,
    .founding-section,
    .dual-cta-section,
    footer,
    .search-header {
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .hero-kicker,
    .section-kicker,
    .spotlight-eyebrow,
    .fg-label {
        letter-spacing:.1em !important;
    }

    .venue-card,
    .artist-card {
        width:min(88vw, 320px) !important;
    }

    .hscroll-wrap {
        margin:0 -12px !important;
        padding:0 12px 12px !important;
    }

    .tab-btn,
    .drawer-tab,
    .mm-item,
    .mm-cta,
    .fg-chip,
    .vr-btn-follow,
    .vr-btn-view,
    .artist-btn,
    .follow-btn {
        min-height:40px;
    }

    .results-panel,
    .drawer-body,
    .drawer-header,
    .drawer-footer {
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .b2b-banner {
        margin-left:12px !important;
        margin-right:12px !important;
        padding:14px !important;
    }
}





/* popup css start */

/* Overlay */
.pop-overlay{
    position:fixed;inset:0;z-index:9000;
    background:rgba(3,1,10,.85);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    opacity:0;pointer-events:none;
    transition:opacity .2s ease;
  }
  .pop-overlay.on{opacity:1;pointer-events:all;}
  
  /* Container */
  .pop{
    position:fixed;z-index:9001;
    top:50%;left:50%;
    transform:translate(-50%,-50%) translateY(20px);
    background:#07041A;
    border:1px solid rgba(124,58,237,.3);
    border-radius:20px;
    box-shadow:0 32px 80px rgba(0,0,0,.7),0 0 0 1px rgba(124,58,237,.1);
    opacity:0;pointer-events:none;
    transition:opacity .28s ease-out,transform .28s ease-out;
    overflow:hidden;
  }
  .pop.on{opacity:1;pointer-events:all;transform:translate(-50%,-50%) translateY(0);}
  .pop.closing{
    opacity:0;transform:translate(-50%,-50%) translateY(12px);
    transition:opacity .18s ease-in,transform .18s ease-in;
  }
  
  /* Close × */
  .pop-x{
    position:absolute;top:16px;right:16px;z-index:10;
    width:32px;height:32px;border-radius:50%;
    background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.2);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    font-family:'Space Mono',monospace;font-size:14px;
    color:rgba(241,239,254,.45);line-height:1;
    transition:background .15s,color .15s;
  }
  .pop-x:hover{background:rgba(124,58,237,.3);color:#F1EFFE;}
  
  /* Shared label style */
  .p-lbl{
    font-family:'Space Mono',monospace;
    font-size:9px;letter-spacing:.15em;text-transform:uppercase;
    color:#A78BFA;display:block;margin-bottom:7px;
  }
  
  /* Field */
  .p-fld{margin-bottom:16px;}
  .p-inp{
    width:100%;height:50px;
    background:#0D0925;border:1px solid rgba(124,58,237,.2);
    border-radius:10px;padding:0 16px;
    font-family:'DM Sans',sans-serif;font-size:14px;color:#F1EFFE;
    outline:none;box-sizing:border-box;
    transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;
  }
  .p-inp::placeholder{color:rgba(241,239,254,.28);}
  .p-inp:focus{border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.12);}
  .p-inp.err{border-color:rgba(245,158,11,.6);box-shadow:0 0 0 3px rgba(245,158,11,.08);}
  
  /* Password wrap */
  .p-pww{position:relative;}
  .p-pww .p-inp{padding-right:46px;}
  .p-eye{
    position:absolute;right:14px;top:50%;transform:translateY(-50%);
    cursor:pointer;color:rgba(241,239,254,.35);
    display:flex;align-items:center;transition:color .15s;
  }
  .p-eye:hover{color:#A78BFA;}
  
  /* Remember + forgot row */
  .p-rm-row{
    display:flex;align-items:center;justify-content:space-between;
    margin:6px 0 18px;
  }
  .p-chk-lbl{display:flex;align-items:center;gap:8px;cursor:pointer;}
  .p-chk-in{display:none;}
  .p-chk-box{
    width:16px;height:16px;flex-shrink:0;
    background:#0D0925;border:1px solid rgba(124,58,237,.3);
    border-radius:4px;display:flex;align-items:center;justify-content:center;
    transition:background .15s,border-color .15s;
  }
  .p-chk-in:checked + .p-chk-box{background:#7C3AED;border-color:#7C3AED;}
  .p-chk-in:checked + .p-chk-box::after{
    content:'✓';color:white;font-size:10px;font-weight:700;line-height:1;
  }
  .p-chk-txt{font-family:'DM Sans',sans-serif;font-size:12px;color:rgba(241,239,254,.45);}
  .p-forgot{
    font-family:'DM Sans',sans-serif;font-size:12px;color:#F59E0B;
    cursor:pointer;text-decoration:none;transition:text-decoration .1s;
  }
  .p-forgot:hover{text-decoration:underline;}
  
  /* Primary button */
  .p-btn{
    width:100%;height:50px;
    font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:.05em;
    border:none;border-radius:10px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    gap:10px;transition:all .2s ease;
  }
  .p-btn-pur{background:#7C3AED;color:#F1EFFE;}
  .p-btn-pur:hover{background:#6D28D9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(124,58,237,.4);}
  .p-btn-amb{background:#F59E0B;color:#03010A;}
  .p-btn-amb:hover{background:#D97706;transform:translateY(-1px);}
  .p-btn-dis{
    background:rgba(124,58,237,.2);color:rgba(241,239,254,.3);
    cursor:not-allowed;font-size:15px;letter-spacing:.03em;
  }
  .p-btn.loading{opacity:.55;pointer-events:none;transform:none!important;box-shadow:none!important;}
  .p-spin{
    width:16px;height:16px;flex-shrink:0;
    border:2px solid rgba(255,255,255,.2);border-top-color:white;
    border-radius:50%;animation:pspin .8s linear infinite;display:none;
  }
  .p-btn.loading .p-spin{display:block;}
  @keyframes pspin{to{transform:rotate(360deg);}}
  
  /* Error strip */
  .p-err-strip{
    max-height:0;overflow:hidden;transition:max-height .2s ease;margin-top:0;
  }
  .p-err-strip.on{max-height:60px;margin-top:10px;}
  .p-err-strip-inner{
    background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.25);
    border-radius:8px;padding:10px 14px;
    font-family:'DM Sans',sans-serif;font-size:12px;color:#F59E0B;
  }
  
  /* Switch row */
  .p-sw-row{
    text-align:center;margin-top:16px;
    font-family:'DM Sans',sans-serif;font-size:12px;color:rgba(241,239,254,.45);
  }
  .p-sw-lnk{color:#F59E0B;cursor:pointer;font-weight:600;text-decoration:none;}
  .p-sw-lnk:hover{text-decoration:underline;}
  
  /* Back link */
  .p-back{
    font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.1em;
    text-transform:uppercase;color:rgba(241,239,254,.4);
    cursor:pointer;display:inline-flex;align-items:center;gap:4px;
    margin-bottom:18px;transition:color .15s;
  }
  .p-back:hover{color:#F1EFFE;}
  
  /* ── JOIN POPUP ── */
  #pop-join{width:520px;padding:36px 32px;}
  .j-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0;}
  .j-card{
    background:#0D0925;border:1px solid rgba(124,58,237,.15);
    border-radius:12px;padding:14px 16px;
    display:flex;align-items:center;gap:12px;
    cursor:pointer;position:relative;
    transition:border-color .15s,transform .15s,background .15s;
  }
  .j-card:hover{border-color:rgba(124,58,237,.5);transform:translateY(-2px);}
  .j-card.sel{border:2px solid #7C3AED;background:rgba(124,58,237,.1);}
  .j-chk{
    position:absolute;top:8px;right:8px;
    width:18px;height:18px;border-radius:50%;background:#10B981;
    display:none;align-items:center;justify-content:center;
    font-size:10px;color:white;font-weight:700;
    transform:scale(0);transition:transform .15s ease;
  }
  .j-card.sel .j-chk{display:flex;transform:scale(1);}
  .j-emo{font-size:22px;line-height:1;flex-shrink:0;}
  .j-name{
    font-family:'Bebas Neue',sans-serif;font-size:20px;color:#F1EFFE;
    letter-spacing:.02em;line-height:1;margin-bottom:3px;
  }
  .j-desc{font-family:'DM Sans',sans-serif;font-size:11px;color:rgba(241,239,254,.45);line-height:1.4;}
  .j-note{
    background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.18);
    border-radius:8px;padding:10px 14px;margin-top:10px;
    opacity:0;pointer-events:none;transition:opacity .2s ease;
    font-family:'DM Sans',sans-serif;font-size:12px;color:rgba(241,239,254,.5);line-height:1.5;
  }
  .j-note.on{opacity:1;pointer-events:all;}
  .j-note-star{font-family:'Space Mono',monospace;color:#F59E0B;margin-right:4px;}
  .j-sub-note{
    font-family:'DM Sans',sans-serif;font-size:11px;
    color:rgba(241,239,254,.28);text-align:center;margin-top:6px;
  }
  
  /* ── LOGIN POPUP ── */
  #pop-login{width:460px;padding:36px 32px;}
  .l-logo{width:100px;height:auto;display:block;margin:0 auto 16px;}
  .l-hl{
    font-family:'Bebas Neue',sans-serif;font-size:42px;color:#F1EFFE;
    text-align:center;line-height:1;letter-spacing:.01em;margin:0 0 8px;
  }
  .l-sub{
    font-family:'DM Sans',sans-serif;font-size:13px;
    color:rgba(241,239,254,.45);text-align:center;margin:0 0 22px;
  }
  .l-state{transition:opacity .18s ease;}
  
  /* Forgot success */
  .l-ok{text-align:center;padding:8px 0;}
  .l-ok-ico{font-size:36px;display:block;margin-bottom:12px;animation:scaleIn .2s ease-out;}
  @keyframes scaleIn{from{transform:scale(.5);opacity:0;}to{transform:scale(1);opacity:1;}}
  .l-ok-hl{font-family:'Bebas Neue',sans-serif;font-size:28px;color:#F1EFFE;margin-bottom:8px;}
  .l-ok-sub{font-family:'DM Sans',sans-serif;font-size:12px;color:rgba(241,239,254,.45);line-height:1.6;}
  
  /* ── Mobile ── */
  @media(max-width:767px){
    .pop{
      top:auto;left:0;right:0;bottom:0;
      transform:translateY(100%);
      border-radius:20px 20px 0 0;
      max-height:90vh;overflow-y:auto;
      width:100%!important;
    }
    .pop.on{transform:translateY(0);transition:transform .3s ease-out,opacity .3s;}
    .pop.closing{transform:translateY(100%);transition:transform .2s ease-in;}
    #pop-join,#pop-login{padding:28px 20px 32px;}
    .l-hl{font-size:36px;}
  }
  

/* popup css End */