/* PAGE HERO STRIP */
    .page-hero{background:linear-gradient(135deg,var(--dark) 0%,#0f2744 100%);padding:40px 36px;position:relative;overflow:hidden;}
    .page-hero::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(232,82,26,.12) 0%,transparent 70%);right:-80px;top:-100px;pointer-events:none;}
    .page-hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1;}
    .page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);color:#fff;margin-bottom:8px;}
    .page-hero h1 span{color:var(--primary);}
    .page-hero p{color:rgba(255,255,255,.6);font-size:14px;max-width:480px;}
    .page-hero-stats{display:flex;gap:28px;margin-top:22px;}
    .phs-item{text-align:center;}
    .phs-num{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--gold);}
    .phs-lbl{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;}

    /* FILTER BAR */
    .filter-bar{background:var(--white);border-bottom:1px solid var(--border);padding:16px 36px;position:sticky;top:62px;z-index:400;}
    .filter-bar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
    .fb-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:9px 14px;flex:1;min-width:220px;max-width:320px;transition:border-color .2s;}
    .fb-search:focus-within{border-color:var(--primary);}
    .fb-search i{color:var(--muted);font-size:13px;}
    .fb-search input{border:none;background:transparent;font-size:13.5px;font-family:'Sora',sans-serif;color:var(--text);outline:none;width:100%;}
    .fb-select{padding:9px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:13px;font-family:'Sora',sans-serif;color:var(--text);background:var(--white);outline:none;cursor:pointer;transition:border-color .2s;}
    .fb-select:focus{border-color:var(--primary);}
    .fb-pill{padding:8px 16px;border:1.5px solid var(--border);border-radius:30px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .22s;background:transparent;color:var(--charcoal);font-family:'Sora',sans-serif;}
    .fb-pill.active,.fb-pill:hover{background:var(--primary);color:#fff;border-color:var(--primary);}
    .fb-results{font-size:13px;color:var(--muted);margin-left:auto;white-space:nowrap;}
    .fb-results strong{color:var(--primary);}

    /* PAGE LAYOUT */
    .page-wrap{max-width:1280px;margin:0 auto;padding:28px 36px 60px;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start;}

    /* SIDEBAR */
    .sidebar{position:sticky;top:130px;}
    .filter-card{background:var(--white);border-radius:14px;border:1.5px solid var(--border);padding:20px;margin-bottom:14px;}
    .fc-title{font-size:13px;font-weight:700;color:var(--dark);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;}
    .fc-title button{background:none;border:none;color:var(--primary);font-size:11.5px;font-weight:600;font-family:'Sora',sans-serif;cursor:pointer;}
    .fc-title button:hover{text-decoration:underline;}
    .check-list{display:flex;flex-direction:column;gap:9px;}
    .check-item{display:flex;align-items:center;gap:9px;cursor:pointer;}
    .check-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;}
    .check-item label {
      font-size: 12.5px;
      color: var(--text);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: flex-start !important;
      width: 100%;
      column-gap: 8px;
    }
    .c-count{font-size:11px;color:var(--muted);background:var(--bg);padding:2px 7px;border-radius:10px;}
    .star-filter{display:flex;gap:6px;}
    .star-pill{padding:7px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .22s;background:transparent;color:var(--charcoal);font-family:'Sora',sans-serif;display:flex;align-items:center;gap:4px;}
    .star-pill.active,.star-pill:hover{background:var(--gold);color:#fff;border-color:var(--gold);}
    .star-pill i{font-size:11px;}
    .exp-range{display:flex;flex-direction:column;gap:8px;}
    .exp-range input[type=range]{width:100%;accent-color:var(--primary);height:4px;cursor:pointer;}
    .exp-range-lbl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);}
    .exp-range-lbl strong{color:var(--dark);}
    .apply-btn{width:100%;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:9px;font-size:13.5px;font-weight:700;font-family:'Sora',sans-serif;cursor:pointer;transition:all .25s;margin-top:4px;}
    .apply-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(232,82,26,.35);}
    .reset-link{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:8px;cursor:pointer;transition:color .2s;}
    .reset-link:hover{color:var(--primary);}

    /* AGENTS GRID */
    .main-col{}
    .results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px;}
    .results-title{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--dark);}
    .results-sub{font-size:13px;color:var(--muted);margin-top:3px;}
    .results-sub strong{color:var(--primary);}
    .sort-wrap{display:flex;align-items:center;gap:9px;}
    .sort-select{padding:8px 13px;border:1.5px solid var(--border);border-radius:9px;font-size:12.5px;font-family:'Sora',sans-serif;color:var(--text);outline:none;background:var(--white);cursor:pointer;transition:border-color .2s;}
    .sort-select:focus{border-color:var(--primary);}
    .view-toggle{display:flex;gap:4px;}
    .vt-btn{width:34px;height:34px;border:1.5px solid var(--border);border-radius:8px;background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:13px;transition:all .2s;}
    .vt-btn.active,.vt-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);}

    /* AGENT CARD — grid */
    .agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;}
    .ag-card{background:var(--white);border-radius:16px;border:1.5px solid var(--border);overflow:hidden;transition:all .3s;cursor:pointer;opacity:0;transform:translateY(20px);}
    .ag-card.agv{opacity:1;transform:none;}
    .ag-card:hover{border-color:var(--primary);box-shadow:0 12px 36px rgba(232,82,26,.12);transform:translateY(-5px);}
    /* card header */
    .ag-card-header{background:linear-gradient(135deg,var(--dark),#0f2744);padding:20px 18px 16px;position:relative;text-align:center;}
    .ag-card-header::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(232,82,26,.15) 0%,transparent 60%);}
    .ag-buyers-badge{position:absolute;top:12px;right:12px;background:rgba(232,82,26,.2);border:1px solid rgba(232,82,26,.35);border-radius:20px;padding:3px 9px;font-size:10.5px;color:rgba(255,255,255,.85);font-weight:600;z-index:1;}
    .ag-avatar-wrap{position:relative;display:inline-block;z-index:1;}
    .ag-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);box-shadow:0 6px 20px rgba(0,0,0,.3);}
    .ag-verified-badge{position:absolute;bottom:2px;right:2px;width:22px;height:22px;background:var(--green);border-radius:50%;border:2px solid var(--dark);display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;}
    .ag-card-name{font-size:15px;font-weight:700;color:#fff;margin:10px 0 3px;position:relative;z-index:1;}
    .ag-card-company{font-size:11.5px;color:rgba(255,255,255,.55);position:relative;z-index:1;}
    /* card body */
    .ag-card-body{padding:16px 18px;}
    .ag-tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px;}
    .ag-tag{padding:4px 10px;border-radius:4px;font-size:10.5px;font-weight:700;text-transform:uppercase;}
    .tag-sale{background:var(--primary-light);color:var(--primary);}
    .tag-new{background:#fef9c3;color:#92400e;}
    .tag-rental{background:#f0fdf4;color:var(--green);}
    .tag-luxury{background:#fdf4ff;color:#7c3aed;}
    .tag-com{background:#eff6ff;color:var(--blue);}
    /* stats */
    .ag-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;}
    .ag-stat-box{background:var(--bg);border-radius:9px;padding:9px 6px;text-align:center;}
    .ag-stat-val{font-size:15px;font-weight:700;color:var(--dark);}
    .ag-stat-lbl{font-size:10px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.3px;}
    /* rating */
    .ag-rating-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;}
    .ag-stars{color:var(--gold);font-size:12px;letter-spacing:1px;}
    .ag-rating-val{font-size:13px;font-weight:700;color:var(--dark);}
    .ag-reviews{font-size:11.5px;color:var(--muted);}
    /* areas */
    .ag-areas{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px;}
    .ag-area-pill{font-size:11px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:3px 8px;color:var(--muted);}
    /* since + member */
    .ag-member{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:14px;}
    .ag-member i{color:var(--primary);font-size:11px;}
    /* action buttons */
    .ag-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
    .ag-btn{padding:9px 0;border-radius:9px;font-size:13px;font-weight:700;font-family:'Sora',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .25s;text-decoration:none;}
    .ag-btn-primary{background:var(--primary);color:#fff;border:none;}
    .ag-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(232,82,26,.4);}
    .ag-btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary);}
    .ag-btn-outline:hover{background:var(--primary-light);}
    .ag-btn-wa{background:#25d366;color:#fff;border:none;grid-column:1/-1;}
    .ag-btn-wa:hover{background:#1fba59;}

    /* LIST VIEW */
    .agents-grid.list-view{grid-template-columns:1fr;}
    .list-view .ag-card{display:grid;grid-template-columns:200px 1fr;}
    .list-view .ag-card-header{border-radius:0;padding:28px 20px;}
    .ag-card.agv {
      opacity: 1;
      transform: none;
      min-width: unset !important;
      max-width: unset !important;
    }
    .list-view .ag-card-body{display:flex;flex-direction:column;justify-content:space-between;padding:20px 22px;}
    .list-view .ag-btns{grid-template-columns:repeat(3,auto);width:fit-content;gap:8px;}
    @media(max-width:1024px){
      .page-wrap{grid-template-columns:1fr;padding:20px 20px 48px;}
      .sidebar{position:relative;top:0;display:none;}
      .sidebar.mob-open{display:block;position:fixed;inset:0;z-index:700;overflow-y:auto;background:var(--white);padding:70px 24px 24px;}
      .footer-grid{grid-template-columns:1fr 1fr;}
    }
    @media(max-width:768px){
      .nav-links{display:none;} .hamburger{display:flex;}
      nav{padding:0 18px;} .breadcrumb-bar{padding:9px 18px;}
      .filter-bar{padding:12px 18px;top:58px;}
      .page-hero{padding:28px 18px;}
      .list-view .ag-card{grid-template-columns:1fr;}
      .footer-grid{grid-template-columns:1fr;}
    }
    @media(max-width:480px){
      .agents-grid{grid-template-columns:1fr;}
      .page-hero-stats{gap:18px;}
    }