/* ==========================================================================
   REAL PROPERTY GURU — AGENTS LIST RESPONSIVE MOBILE/TABLET V51
   SCOPE: exact Agents directory page only (#page-agents)
   DESKTOP >=1025px: untouched
   ========================================================================== */

/* --------------------------------------------------------------------------
   Base safety for mobile/tablet only
   -------------------------------------------------------------------------- */
@media (max-width:1024px){

  body#page-agents{
    overflow-x:hidden!important;
  }

  body#page-agents .rpg-core-directory,
  body#page-agents .rpg-core-directory *{
    box-sizing:border-box!important;
  }

  body#page-agents .rpg-core-directory .container{
    width:100%!important;
    max-width:100%!important;
  }

  /* HERO */
  body#page-agents .rpg-core-directory__hero{
    overflow:hidden!important;
  }

  body#page-agents .rpg-core-directory__hero-inner{
    min-width:0!important;
  }

  body#page-agents .rpg-core-directory__hero-copy{
    min-width:0!important;
  }

  body#page-agents .rpg-core-directory__hero-copy h1{
    overflow-wrap:anywhere!important;
  }

  body#page-agents .rpg-core-directory__stats{
    min-width:0!important;
  }

  /* SEARCH */
  body#page-agents .rpg-core-directory__search-wrap{
    position:relative!important;
    z-index:20!important;
  }

  body#page-agents .rpg-core-directory__search{
    min-width:0!important;
  }

  body#page-agents .rpg-core-directory__field{
    min-width:0!important;
  }

  body#page-agents .rpg-core-directory__field input,
  body#page-agents .rpg-core-directory__field select{
    width:100%!important;
    min-width:0!important;
  }

  /* QUICK FILTERS */
  body#page-agents .rpg-core-directory__quick-filters{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body#page-agents .rpg-core-directory__quick-filters::-webkit-scrollbar{
    display:none!important;
  }

  body#page-agents .rpg-core-directory__quick-filters > a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  /* DIRECTORY HEADER / SORT */
  body#page-agents .rpg-core-directory__section-head{
    min-width:0!important;
  }

  body#page-agents .rpg-core-directory__tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body#page-agents .rpg-core-directory__tabs::-webkit-scrollbar{
    display:none!important;
  }

  body#page-agents .rpg-core-directory__tabs > a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  body#page-agents .rpg-core-directory__tabs > a.is-active,
  body#page-agents .rpg-core-directory__tabs > a.active{
    background:#087746!important;
    border-color:#087746!important;
    color:#fff!important;
    box-shadow:0 5px 12px rgba(8,119,70,.14)!important;
  }

  /* CARDS */
  body#page-agents .rpg-core-agent-grid{
    align-items:stretch!important;
  }

  body#page-agents .rpg-core-agent-card{
    min-width:0!important;
    height:100%!important;
    overflow:hidden!important;
    border-radius:16px!important;
    border:1px solid rgba(6,78,53,.10)!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(5,64,45,.08)!important;
  }

  body#page-agents .rpg-core-agent-card__media{
    position:relative!important;
    overflow:hidden!important;
  }

  body#page-agents .rpg-core-agent-card__portrait{
    display:grid!important;
    place-items:center!important;
  }

  body#page-agents .rpg-core-agent-card__portrait img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  body#page-agents .rpg-core-agent-card__body{
    min-width:0!important;
  }

  body#page-agents .rpg-core-agent-card__body h3{
    overflow-wrap:anywhere!important;
  }

  body#page-agents .rpg-core-agent-card__meta{
    min-width:0!important;
  }

  body#page-agents .rpg-core-agent-card__meta span{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }

  body#page-agents .rpg-directory-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body#page-agents .rpg-directory-action{
    min-width:0!important;
  }

  body#page-agents .rpg-directory-action--profile{
    grid-column:1/-1!important;
  }

  /* PAGINATION */
  body#page-agents .rpg-core-directory__pagination{
    overflow:hidden!important;
  }

  body#page-agents .rpg-core-directory__pagination .flat-pagination{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:7px!important;
  }

  body#page-agents .rpg-core-directory__pagination .page-numbers{
    display:grid!important;
    place-items:center!important;
  }

  /* TRUST + CTA */
  body#page-agents .rpg-core-directory__trust,
  body#page-agents .rpg-core-directory__cta{
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* ==========================================================================
   MOBILE — <=576px
   ========================================================================== */
@media (max-width:576px){

  body#page-agents .rpg-core-directory .container{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  /* HERO */
  body#page-agents .rpg-core-directory__hero{
    padding-top:29px!important;
    padding-bottom:62px!important;
  }

  body#page-agents .rpg-core-directory__hero-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body#page-agents .rpg-core-directory__hero-copy{
    max-width:none!important;
  }

  body#page-agents .rpg-core-directory__eyebrow{
    margin-bottom:10px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    letter-spacing:.045em!important;
  }

  body#page-agents .rpg-core-directory__hero-copy h1{
    margin:0 0 10px!important;
    max-width:340px!important;
    font-size:26px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }

  body#page-agents .rpg-core-directory__hero-copy p{
    margin:0!important;
    max-width:360px!important;
    font-size:12.5px!important;
    line-height:1.55!important;
  }

  body#page-agents .rpg-core-directory__stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body#page-agents .rpg-core-directory__stat{
    min-height:76px!important;
    padding:9px 5px!important;
    border-radius:12px!important;
  }

  body#page-agents .rpg-core-directory__stat strong{
    font-size:20px!important;
    line-height:1.05!important;
  }

  body#page-agents .rpg-core-directory__stat strong svg{
    width:22px!important;
    height:22px!important;
  }

  body#page-agents .rpg-core-directory__stat span{
    margin-top:5px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
  }

  /* SEARCH */
  body#page-agents .rpg-core-directory__search-wrap{
    margin-top:-31px!important;
  }

  body#page-agents .rpg-core-directory__search{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:9px!important;
    border-radius:15px!important;
    box-shadow:0 14px 34px rgba(2,58,41,.14)!important;
  }

  body#page-agents .rpg-core-directory__field,
  body#page-agents .rpg-core-directory__search-btn{
    width:100%!important;
    min-height:44px!important;
    height:44px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }

  body#page-agents .rpg-core-directory__field svg,
  body#page-agents .rpg-core-directory__search-btn svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
  }

  body#page-agents .rpg-core-directory__field input,
  body#page-agents .rpg-core-directory__field select{
    font-size:12px!important;
  }

  /* FILTERS */
  body#page-agents .rpg-core-directory__quick-filters{
    margin-top:10px!important;
    margin-bottom:22px!important;
    padding-bottom:2px!important;
  }

  body#page-agents .rpg-core-directory__quick-filters > a{
    min-height:35px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0 11px!important;
    border-radius:999px!important;
    font-size:11.5px!important;
    font-weight:800!important;
  }

  body#page-agents .rpg-core-directory__quick-filters > a svg{
    width:15px!important;
    height:15px!important;
  }

  /* BODY HEADER */
  body#page-agents .rpg-core-directory__body{
    padding-top:5px!important;
  }

  body#page-agents .rpg-core-directory__section-head{
    display:block!important;
    margin-bottom:15px!important;
  }

  body#page-agents .rpg-core-directory__section-head > div:first-child{
    margin-bottom:11px!important;
  }

  body#page-agents .rpg-core-directory__section-head span{
    font-size:10.5px!important;
  }

  body#page-agents .rpg-core-directory__section-head h2{
    margin:4px 0 6px!important;
    font-size:21px!important;
    line-height:1.12!important;
  }

  body#page-agents .rpg-core-directory__section-head p{
    margin:0!important;
    max-width:340px!important;
    font-size:12px!important;
    line-height:1.48!important;
  }

  body#page-agents .rpg-core-directory__tabs{
    width:100%!important;
    padding:5px!important;
    border-radius:12px!important;
  }

  body#page-agents .rpg-core-directory__tabs > a{
    min-height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    font-weight:800!important;
  }

  /* AGENT GRID: ONE CARD */
  body#page-agents .rpg-core-agent-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
  }

  body#page-agents .rpg-core-agent-card{
    border-radius:15px!important;
  }

  body#page-agents .rpg-core-agent-card__media{
    min-height:118px!important;
    height:118px!important;
  }

  body#page-agents .rpg-core-agent-card__portrait{
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
  }

  body#page-agents .rpg-core-agent-card__initials{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
    font-size:19px!important;
  }

  body#page-agents .rpg-core-agent-card__body{
    padding:12px 13px 13px!important;
  }

  body#page-agents .rpg-core-agent-card__topline{
    margin-bottom:5px!important;
  }

  body#page-agents .rpg-core-agent-card__role{
    min-height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 8px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  body#page-agents .rpg-core-agent-card__body h3{
    margin:7px 0 8px!important;
    font-size:16px!important;
    line-height:1.22!important;
  }

  body#page-agents .rpg-core-agent-card__meta{
    margin-bottom:11px!important;
  }

  body#page-agents .rpg-core-agent-card__meta span{
    min-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
  }

  body#page-agents .rpg-core-agent-card__meta svg{
    width:15px!important;
    height:15px!important;
  }

  body#page-agents .rpg-directory-actions{
    gap:6px!important;
  }

  body#page-agents .rpg-directory-action{
    min-height:40px!important;
    height:40px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    font-weight:850!important;
  }

  body#page-agents .rpg-directory-action svg{
    width:16px!important;
    height:16px!important;
  }

  body#page-agents .rpg-directory-action--profile{
    min-height:42px!important;
    height:42px!important;
    margin-top:1px!important;
  }

  /* PAGINATION */
  body#page-agents .rpg-core-directory__pagination{
    margin-top:25px!important;
    margin-bottom:29px!important;
  }

  body#page-agents .rpg-core-directory__pagination .page-numbers{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:9px!important;
    font-size:12px!important;
  }

  /* TRUST */
  body#page-agents .rpg-core-directory__trust{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin-top:0!important;
    padding:18px!important;
    border-radius:16px!important;
  }

  body#page-agents .rpg-core-directory__trust-copy{
    margin-bottom:7px!important;
  }

  body#page-agents .rpg-core-directory__trust-copy > span{
    font-size:10px!important;
  }

  body#page-agents .rpg-core-directory__trust-copy h3{
    margin:5px 0 7px!important;
    font-size:19px!important;
    line-height:1.16!important;
  }

  body#page-agents .rpg-core-directory__trust-copy p{
    margin:0!important;
    font-size:12px!important;
    line-height:1.55!important;
  }

  body#page-agents .rpg-core-directory__trust-item{
    display:grid!important;
    grid-template-columns:34px 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    padding:11px 0!important;
  }

  body#page-agents .rpg-core-directory__trust-item > svg{
    grid-row:1/3!important;
    width:28px!important;
    height:28px!important;
  }

  body#page-agents .rpg-core-directory__trust-item strong{
    font-size:12px!important;
  }

  body#page-agents .rpg-core-directory__trust-item span{
    font-size:11.2px!important;
    line-height:1.4!important;
  }

  /* PROFESSIONAL CTA */
  body#page-agents .rpg-core-directory__cta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin-top:14px!important;
    padding:18px!important;
    border-radius:16px!important;
  }

  body#page-agents .rpg-core-directory__cta > div > span{
    font-size:10px!important;
  }

  body#page-agents .rpg-core-directory__cta h3{
    margin:5px 0 7px!important;
    font-size:19px!important;
    line-height:1.16!important;
  }

  body#page-agents .rpg-core-directory__cta p{
    margin:0!important;
    font-size:12px!important;
    line-height:1.55!important;
  }

  body#page-agents .rpg-core-directory__cta-btn{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border-radius:10px!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  body#page-agents .rpg-core-directory__cta-btn svg{
    width:16px!important;
    height:16px!important;
  }

  /* MOBILE FOOTER: same marketplace accordion behavior */
  body#page-agents .rpg-market-footer{
    padding-bottom:88px!important;
  }

  body#page-agents .rpg-market-footer__grid{
    display:block!important;
  }

  body#page-agents .rpg-market-footer__brand{
    margin-bottom:12px!important;
  }

  body#page-agents .rpg-market-footer__brand p{
    font-size:12px!important;
    line-height:1.52!important;
  }

  body#page-agents .rpg-market-footer__col{
    border-top:1px solid rgba(255,255,255,.11)!important;
  }

  body#page-agents .rpg-market-footer__col h4{
    position:relative!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding-right:28px!important;
    font-size:12px!important;
    cursor:pointer!important;
    user-select:none!important;
  }

  body#page-agents .rpg-market-footer__col h4::after{
    content:'+'!important;
    position:absolute!important;
    right:2px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:400!important;
  }

  body#page-agents .rpg-market-footer__col.is-open h4::after{
    content:'−'!important;
  }

  body#page-agents .rpg-market-footer__col > a{
    display:none!important;
    padding:7px 0!important;
    font-size:12px!important;
  }

  body#page-agents .rpg-market-footer__col.is-open > a{
    display:block!important;
  }

  body#page-agents .rpg-market-footer__newsletter{
    padding-top:15px!important;
  }

  body#page-agents .rpg-market-footer__newsletter p{
    font-size:12px!important;
    line-height:1.52!important;
  }

  body#page-agents .rpg-market-footer__newsletter-form input,
  body#page-agents .rpg-market-footer__newsletter-form button{
    min-height:43px!important;
    height:43px!important;
  }

  /* EXACT APPROVED MARKETPLACE BOTTOM NAV — DO NOT REDESIGN */
  body#page-agents{
    padding-bottom:88px!important;
  }

  body#page-agents .rpgx-mobile-bottom.rpgp-mobile-bottom{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    min-height:68px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    gap:5px!important;
    padding:7px!important;
    border:1px solid rgba(7,89,60,.12)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 14px 38px rgba(3,56,41,.20)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    z-index:1650!important;
  }

  body#page-agents .rpgx-mobile-bottom.rpgp-mobile-bottom a{
    min-height:54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:5px 4px!important;
    border-radius:13px!important;
    color:#52635a!important;
    background:transparent!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body#page-agents .rpgx-mobile-bottom.rpgp-mobile-bottom strong{
    width:29px!important;
    height:29px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:10px!important;
    background:#edf7f1!important;
    color:#078e48!important;
    font-size:19px!important;
    line-height:1!important;
  }

  body#page-agents .rpgx-mobile-bottom.rpgp-mobile-bottom a[aria-current="page"]{
    background:#078e48!important;
    color:#fff!important;
  }

  body#page-agents .rpgx-mobile-bottom.rpgp-mobile-bottom a[aria-current="page"] strong{
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
  }
}

/* ==========================================================================
   SMALL TABLET — 577px to 799px
   ========================================================================== */
@media (min-width:577px) and (max-width:799px){

  body#page-agents .rpg-core-directory .container{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  body#page-agents .rpg-core-directory__hero{
    padding-top:38px!important;
    padding-bottom:68px!important;
  }

  body#page-agents .rpg-core-directory__hero-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  body#page-agents .rpg-core-directory__hero-copy h1{
    font-size:31px!important;
    line-height:1.08!important;
  }

  body#page-agents .rpg-core-directory__stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body#page-agents .rpg-core-directory__search-wrap{
    margin-top:-34px!important;
  }

  body#page-agents .rpg-core-directory__search{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr)!important;
    gap:8px!important;
  }

  body#page-agents .rpg-core-directory__search-btn{
    grid-column:1/-1!important;
    min-height:44px!important;
  }

  body#page-agents .rpg-core-directory__section-head{
    display:block!important;
  }

  body#page-agents .rpg-core-directory__tabs{
    margin-top:12px!important;
  }

  body#page-agents .rpg-core-agent-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body#page-agents .rpg-core-agent-card__media{
    min-height:124px!important;
    height:124px!important;
  }

  body#page-agents .rpg-core-agent-card__portrait{
    width:100%!important;
    height:100%!important;
  }

  body#page-agents .rpg-core-agent-card__body{
    padding:12px!important;
  }

  body#page-agents .rpg-core-agent-card__body h3{
    font-size:15px!important;
  }

  body#page-agents .rpg-core-agent-card__meta span{
    font-size:11px!important;
  }

  body#page-agents .rpg-directory-action{
    min-height:40px!important;
    font-size:11px!important;
  }

  body#page-agents .rpg-core-directory__trust{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body#page-agents .rpg-core-directory__trust-copy{
    grid-column:1/-1!important;
  }

  body#page-agents .rpg-core-directory__cta{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
}

/* ==========================================================================
   LARGE TABLET — 800px to 1024px
   ========================================================================== */
@media (min-width:800px) and (max-width:1024px){

  body#page-agents .rpg-core-directory .container{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  body#page-agents .rpg-core-directory__hero-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(310px,.8fr)!important;
    gap:30px!important;
    align-items:end!important;
  }

  body#page-agents .rpg-core-directory__hero-copy h1{
    font-size:36px!important;
    line-height:1.08!important;
  }

  body#page-agents .rpg-core-directory__stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }

  body#page-agents .rpg-core-directory__search{
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) minmax(190px,.75fr) auto!important;
    gap:8px!important;
  }

  body#page-agents .rpg-core-directory__section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:20px!important;
    align-items:end!important;
  }

  body#page-agents .rpg-core-agent-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:15px!important;
  }

  body#page-agents .rpg-core-agent-card__media{
    min-height:118px!important;
    height:118px!important;
  }

  body#page-agents .rpg-core-agent-card__portrait{
    width:100%!important;
    height:100%!important;
  }

  body#page-agents .rpg-core-agent-card__body{
    padding:11px!important;
  }

  body#page-agents .rpg-core-agent-card__body h3{
    font-size:14.5px!important;
  }

  body#page-agents .rpg-core-agent-card__meta span{
    font-size:10.8px!important;
  }

  body#page-agents .rpg-directory-action{
    min-height:38px!important;
    font-size:10.8px!important;
  }

  body#page-agents .rpg-core-directory__trust{
    grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.75fr))!important;
    gap:14px!important;
    align-items:start!important;
  }

  body#page-agents .rpg-core-directory__cta{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
}

/* Desktop lock */
@media (min-width:1025px){
  body#page-agents .rpgx-mobile-bottom.rpgp-mobile-bottom[data-rpg-agents-v51]{
    display:none!important;
  }
}