/* ── RESPONSIVE ── */
@media(max-width:900px){
  footer{grid-template-columns:1fr 1fr;gap:2rem}
  .footer-logo,.footer-tagline{grid-column:1/-1}
  .search-strip-inner,.hero-grid,.chaos-grid,.cta-box{grid-template-columns:1fr}
  .category-grid{grid-template-columns:repeat(3,1fr)}
  .seller-grid,.audience-grid,.demo-grid{grid-template-columns:1fr 1fr}

  .steps{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:1fr 1fr}

  .preview-grid{grid-template-columns:1fr}
  .cta-btns{flex-direction:row}
}
@media(max-width:640px){
  nav{height:56px;padding:0 1.25rem}
  .nav-inner{flex-wrap:nowrap;gap:0.5rem;width:100%;align-items:center}
  .nav-links{display:none}
  .hamburger{display:block;margin-left:0}
  .nav-loc-pill{display:inline-flex!important;flex:1;min-width:0;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.72rem;padding:0.28rem 0.6rem}
  #nav-mob-search-btn{margin-left:0.25rem;margin-right:0.25rem}
  .nav-search-btn{width:34px;height:34px;border-radius:50%;border:none;background:#F2F4F7;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);flex-shrink:0}
  .nav-search-expanded{flex:1;display:flex;align-items:center;gap:0.5rem;background:#F2F4F7;border-radius:50px;padding:0.3rem 0.75rem}
  .nav-search-expanded input{flex:1;border:none;background:none;outline:none;font-family:'DM Sans',sans-serif;font-size:0.85rem;color:var(--ink)}
  .nav-search-expanded input::placeholder{color:var(--muted)}
  .nav-search-cancel{background:none;border:none;font-size:0.75rem;font-weight:600;color:var(--prim-dark);cursor:pointer;padding:0;font-family:'DM Sans',sans-serif;white-space:nowrap}
  section{padding:44px 0}
  footer{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.25rem}
  .hero{padding:0.75rem 1.25rem 0.875rem}
  .hero-inner{grid-template-columns:1fr;gap:0}
  .hero-right{display:none}
  .hero h1{font-size:clamp(1.5rem,6.5vw,2rem);margin-bottom:0;line-height:1.25}
  .hero-eyebrow{display:none}
  .hero-sub{display:none}
  .hero-stats{display:none}
  .hero-search-wrap{display:none}
  .hero-cta-row{display:none}
  h2{font-size:1.45rem}
  .section-head{text-align:left;margin-bottom:1.75rem}
  .section-head p{font-size:0.9rem}
  .category-grid{grid-template-columns:1fr 1fr}
  .category{display:flex;align-items:center;text-align:left;gap:0.75rem;padding:0.875rem 1rem;border-radius:16px}
  .category span{margin:0;font-size:1.75rem;flex-shrink:0}
  .seller-grid,.audience-grid{grid-template-columns:1fr}
  .mkt-section{padding:1rem 1.25rem 1.5rem}
  .evt-section{padding:1rem 0 1.5rem!important}
  .mkt-head{text-align:left;margin-bottom:0.625rem}
  .mkt-head-title{font-family:'DM Sans',sans-serif;font-size:0.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
  .mkt-head-sub{display:none}
  .mkt-tools-arrow{display:none}
  .arr-group{display:none}
  .mkt-items-grid{overflow-x:auto;scrollbar-width:none}
  .mkt-items-grid::-webkit-scrollbar{display:none}
  .mkt-items-skel-img{height:160px}
  .events-grid-3{gap:0.625rem;overflow-x:auto;scrollbar-width:none}
  .events-grid-3::-webkit-scrollbar{display:none}
  .carousel-arrow{display:none}
  .event-card{min-width:252px;width:252px}
  .evt-items-skel{min-width:252px;width:252px}
  .evt-items-skel-img{height:130px}
  .mkt-browse-card{display:flex;min-width:252px;width:252px}
  .evt-browse-card{display:flex;min-width:252px;width:252px}
  .mkt-cta{display:none}
  .sec-hd-cta{display:none!important}
  .home-discover{padding:0.75rem 1.25rem 0.25rem}
  #btn-browse-events{display:none}
  #marketplace .section-head{text-align:center}
  #marketplace .section-head p{font-size:0.9rem}
  #problem-we-solve .section-head,
  .home-banner-section .section-head{text-align:center}
  #stop-whatsapp .evp-split-left{display:flex;flex-direction:column;align-items:center;text-align:center}
  #stop-whatsapp .evp-split-list{align-self:stretch;max-width:340px;text-align:left}
  .steps{grid-template-columns:1fr 1fr;gap:0.625rem}
  .step{padding:0.75rem;border-radius:14px;text-align:center}
  .step-num{width:30px;height:30px;font-size:0.85rem;border-radius:8px;margin-bottom:0.5rem}
  .step h3{font-size:0.78rem;margin-bottom:0.2rem}
  .step p{font-size:0.68rem;line-height:1.45}
  .stats-grid{grid-template-columns:1fr 1fr;gap:0.75rem}
  .chaos-grid{grid-template-columns:1fr}
  .chaos-card,.clean-card{padding:1.25rem;border-radius:22px}
  .stat-box strong{font-size:1.75rem}
  .cta-section{padding:48px 0}
  .cta-box{flex-direction:column;align-items:flex-start}
  .cta-btns{flex-direction:column;width:100%}
  .cta-btns .btn{width:100%;justify-content:center}
  .cta-btns>div{flex-direction:column}
  .wa-bubble{bottom:5rem}
  .faq-head>div{flex-direction:row;align-items:center;justify-content:center;gap:0.35rem!important;flex-wrap:nowrap!important}
  .faq-head>div a,.faq-head>div button{font-size:0.72rem!important;padding:0.42rem 0.62rem!important}
  .faq-q{font-size:0.875rem;padding:1rem}
  .nav-logo-img{display:block}
  nav > .nav-inner > .nav-logo{padding:0.22rem}
  nav > .nav-inner > .nav-logo .nav-logo-text{display:none}
  .mob-hd .nav-logo{padding:0.28rem 0.875rem 0.28rem 0.28rem;background:rgba(0,184,148,0.06);border:1px solid rgba(0,184,148,0.14)}
  .mob-hd .nav-logo .nav-logo-text{display:flex}
  .community-loop{padding:14px 0}
  .loop-pill{font-size:0.78rem;padding:0.5rem 0.8rem}
  .loop-pill img{width:24px;height:24px}
  /* Bottom nav */
  .mob-bot-nav{display:flex}
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
}

/* ── SEARCH POPUP OVERLAY ── */
.srch-ovl{position:fixed;inset:0;z-index:500;background:rgba(10,15,25,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:4.5rem;opacity:0;pointer-events:none;transition:opacity 0.18s}
.srch-ovl.open{opacity:1;pointer-events:auto}
.srch-box{background:white;border-radius:24px;width:min(92vw,600px);box-shadow:0 32px 80px rgba(0,0,0,0.28);transform:translateY(-16px) scale(0.97);transition:transform 0.22s cubic-bezier(0.4,0,0.2,1);overflow:hidden}
.srch-ovl.open .srch-box{transform:translateY(0) scale(1)}
.srch-inp-row{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;border-bottom:1px solid #EDF1F7}
.srch-inp{flex:1;border:none;outline:none;font-family:'DM Sans',sans-serif;font-size:1.05rem;color:#1A2332;background:transparent}.srch-inp::placeholder{color:#A0AEC0}
.srch-esc{padding:0.28rem 0.55rem;border-radius:8px;background:#F1F5F9;border:none;cursor:pointer;font-size:0.72rem;font-weight:700;color:#64748B;letter-spacing:0.04em;flex-shrink:0}
.srch-body{padding:1rem 1.25rem 1.25rem}
.srch-lbl{font-size:0.62rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:#A0AEC0;margin-bottom:0.6rem}
.srch-chips{display:flex;flex-wrap:wrap;gap:0.45rem}
.srch-chip{display:inline-flex;align-items:center;gap:0.35rem;padding:0.42rem 0.875rem;border-radius:50px;background:#F8FAFC;border:1.5px solid #EDF1F7;font-size:0.82rem;font-weight:600;color:#2D3436;cursor:pointer;transition:all 0.12s;font-family:'DM Sans',sans-serif}
.srch-chip:hover,.srch-chip:active{background:#E6FFFA;border-color:rgba(0,184,148,0.35);color:#00B894}
@media(max-width:640px){.srch-ovl{padding-top:3rem}.srch-inp{font-size:0.95rem}}
.srch-res-lbl{font-size:0.62rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:#A0AEC0;margin:0.5rem 0 0.3rem;padding:0 0.25rem}
.srch-res-item{display:flex;align-items:center;gap:0.625rem;padding:0.5rem 0.625rem;border-radius:10px;cursor:pointer;text-decoration:none;color:#2D3436;background:none;border:none;width:100%;text-align:left;transition:background 0.12s;font-family:'DM Sans',sans-serif}.srch-res-item:hover,.srch-res-item:active{background:#F7FAFC}
.srch-res-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.9rem}
.srch-res-name{font-size:0.84rem;font-weight:600;color:#1A2332;line-height:1.2}
.srch-res-sub{font-size:0.72rem;color:#718096;margin-top:1px}
.srch-loading{text-align:center;padding:1.5rem;color:#A0AEC0;font-size:0.82rem}
.srch-sep{height:1px;background:#F1F5F9;margin:0.4rem 0}
.srch-empty{text-align:center;padding:1.5rem 1rem 0.5rem}
.srch-empty-ico{font-size:1.5rem;margin-bottom:0.35rem}
.srch-empty-txt{font-size:0.82rem;color:#A0AEC0}

/* ── MOBILE FOOTER: compact 2-column matching marketplace ── */
@media(max-width:640px){
  footer{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:1.25rem 1rem!important;
    padding:1.5rem 1rem 1rem!important;
    align-items:start;
  }
  footer>div:first-child{
    grid-column:1/-1!important;
  }
  footer h5{
    font-size:.72rem!important;
    margin-bottom:.45rem!important;
  }
  footer a{
    font-size:.76rem!important;
    margin-bottom:.25rem!important;
  }
  .footer-bottom{
    font-size:.69rem!important;
    padding:.7rem 1rem!important;
    text-align:center!important;
    line-height:1.6!important;
  }
}

/* ── HERO SELLER CTA — hidden everywhere on mobile ── */
.hero-seller-cta{display:none}

/* ── HERO H1 — compact layout on mobile ── */
@media(max-width:640px){
  .h1-tagline{display:block;text-align:right;padding-right:0.15rem;margin-top:0.1rem;font-size:0.88em;opacity:0.82}
  .filter-select{font-size:0.68rem;padding:0.3rem 1.4rem 0.3rem 0.65rem;max-width:8.5rem}
}

/* ── MOBILE BOTTOM NAV ── */
.mob-bot-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--border);z-index:290;box-shadow:0 -4px 16px rgba(0,0,0,0.07);padding-bottom:env(safe-area-inset-bottom,0px)}
.mob-bot-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0.45rem 0.15rem;text-decoration:none;color:var(--muted);font-size:0.52rem;font-weight:600;transition:color 0.15s;-webkit-tap-highlight-color:transparent;text-align:center;line-height:1.15}
.mob-bot-item.active{color:var(--prim)}
.mob-bot-icon{font-size:1.25rem;line-height:1}
.mob-bot-item.mob-bot-cta{color:#007A5E}