/* Renok mobile home refresh — additive styles, desktop layout is intentionally unchanged. */
.category-helper{display:none}
.category-tile-all{display:none}
.mobile-home-shortcuts{scroll-margin-top:76px}

@media (max-width: 820px){
  /* Compact, app-like search area. The desktop hero remains untouched. */
  .hero{
    padding:14px 0 17px!important;
    color:var(--ink,#172b27)!important;
    background:#f5f8f6!important;
    overflow:visible;
  }
  .hero-photo,.hero-orb,.hero:before,.hero:after{display:none!important}
  .hero-content{animation:none!important}
  .hero .eyebrow,.hero h1,.hero .hero-copy,.hero .hero-footnote{
    position:absolute!important;
    width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
  }
  .hero .container{width:calc(100% - 28px)}
  .hero-search{
    display:grid!important;grid-template-columns:minmax(0,1fr) 106px!important;
    align-items:center;gap:7px!important;width:100%;max-width:none!important;
    padding:7px!important;border:1px solid #e1e9e4;border-radius:16px!important;
    background:#fff!important;box-shadow:0 3px 13px rgba(13,56,42,.055)!important;
    transform:none!important;
  }
  .hero-search .search-query{grid-column:1/-1;min-width:0}
  .hero-search .search-query input{height:45px!important;padding:9px 12px 9px 41px!important;border:0!important;border-radius:10px!important;background:#f7faf8;font-size:.93rem!important}
  .hero-search .search-icon{left:13px;font-size:1.55rem}
  .hero-search .search-category{grid-column:1;min-width:0}
  .hero-search .search-category select{height:43px!important;min-height:43px!important;padding:8px 10px!important;border:1px solid #e2eae5!important;border-radius:10px!important;background:#f7faf8!important;font-size:.79rem!important}
  .hero-search .btn{grid-column:2;grid-row:2;display:inline-flex!important;width:100%;min-width:0!important;height:43px!important;min-height:43px!important;padding:8px 10px!important;border-radius:10px!important;font-size:.82rem!important;box-shadow:none!important;white-space:nowrap}

  /* Categories become the first browsing decision after search. */
  .category-section{
    padding:19px 0 24px!important;
    background:#f6f9f7;
    border-top:1px solid #edf2ee;
    border-bottom:1px solid #e9f0eb;
  }
  .category-section>.container{width:calc(100% - 28px)!important}
  .category-section .section-heading{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;gap:10px!important;margin:0 0 14px!important;
  }
  .category-section .section-heading>div:first-child{flex:1 1 auto;min-width:0}
  .category-section .section-heading .eyebrow{display:none!important}
  .category-section .section-heading h2{margin:0!important;font-size:1.27rem!important;line-height:1.12!important;letter-spacing:-.035em}
  .category-helper{display:block;margin:5px 0 0;color:#687970;font-size:.76rem;line-height:1.4}
  .category-section .section-heading>.text-link{
    flex:0 0 auto;gap:4px!important;font-size:.72rem!important;white-space:nowrap;
  }
  .category-section .section-heading>.text-link span{font-size:1rem}
  .category-grid{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;align-items:stretch;
  }
  .category-tile{
    display:flex!important;flex-direction:column!important;align-items:center!important;
    justify-content:flex-start!important;gap:0!important;min-width:0;min-height:126px!important;
    padding:11px 6px 10px!important;border:1px solid #e2eae5!important;border-radius:15px!important;
    background:#fff!important;box-shadow:0 2px 8px rgba(17,55,42,.035)!important;
    text-align:center!important;transform:none!important;
  }
  .category-tile:hover{transform:none!important;box-shadow:0 3px 12px rgba(17,55,42,.07)!important}
  .category-tile:active{transform:scale(.985)!important}
  .category-icon{
    display:grid!important;place-items:center;flex:0 0 44px;width:44px!important;height:44px!important;
    margin:0 0 9px!important;border-radius:13px!important;background:#eaf5ee!important;
    color:#075c45;font-size:1.33rem!important;line-height:1;
  }
  .category-name{
    display:block!important;align-self:center!important;width:100%!important;min-width:0;
    margin:0!important;color:#183d30!important;font-size:.76rem!important;font-weight:800!important;
    line-height:1.25!important;text-align:center!important;overflow-wrap:anywhere;word-break:normal;
  }
  .category-count{
    display:block!important;align-self:center!important;margin:auto 0 0!important;padding-top:6px;
    color:#7c8b82!important;font-size:.67rem!important;line-height:1.2!important;text-align:center!important;
  }
  .category-tile-all{display:flex!important;background:#edf7f0!important;border-color:#cde4d4!important}
  .category-tile-all .category-icon{background:#d9efe0!important;color:#0b704f!important}

  /* Make the jobs/rent shortcuts useful without letting them push categories down. */
  .mobile-home-shortcuts{margin:0!important;padding:15px 0 18px!important;background:#fff}
  .mobile-home-shortcuts .container{width:calc(100% - 28px)!important}
  .mobile-home-shortcuts .jobs-promo-card{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;
    padding:16px!important;border:1px solid #e3ebe6!important;border-radius:17px!important;
    background:#fff!important;box-shadow:0 3px 12px rgba(16,55,41,.035)!important;
  }
  .mobile-home-shortcuts .jobs-promo-icon{width:44px!important;height:44px!important;border-radius:13px!important;font-size:1.35rem!important}
  .mobile-home-shortcuts .jobs-promo-copy h2{font-size:1.17rem!important;line-height:1.2;margin-bottom:6px!important}
  .mobile-home-shortcuts .jobs-promo-copy p{font-size:.82rem!important;line-height:1.5}
  .mobile-home-shortcuts .jobs-promo-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-width:0!important;width:100%}
  .mobile-home-shortcuts .jobs-promo-actions .btn,.mobile-home-shortcuts .jobs-promo-actions .text-link{width:100%;min-height:45px;justify-content:center}
  .mobile-home-shortcuts .jobs-promo-actions .text-link{padding:9px 10px;border:1px solid #dce9e0;border-radius:10px;background:#f8fbf9;font-size:.82rem!important}
  .mobile-home-shortcuts a{touch-action:manipulation}

  /* Simple, readable city chips and listing cards on narrow screens. */
  .location-strip{padding:16px 0!important;background:#fff}
  .location-strip-inner{gap:10px!important}
  .location-strip h2{font-size:1.02rem!important}
  .location-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0 5px;scrollbar-width:none}
  .location-chips::-webkit-scrollbar{display:none}
  .location-chip{flex:0 0 auto;min-height:39px!important;border-radius:12px!important;background:#f8fbf9;font-size:.78rem!important}
  .ad-slot{padding:12px 0!important}
  .section-soft{padding-top:25px!important;padding-bottom:34px!important}
  .section-soft .section-heading{display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px!important;margin-bottom:14px!important}
  .section-soft .section-heading>div{min-width:0;flex:1 1 auto}
  .section-soft .section-heading .eyebrow{font-size:.6rem;letter-spacing:.1em;margin-bottom:6px}
  .section-soft .section-heading h2{font-size:1.27rem!important;line-height:1.13!important;margin-bottom:6px!important}
  .section-soft .section-subtitle{font-size:.78rem!important;line-height:1.4;margin:0!important}
  .section-soft .section-heading>.text-link{flex:0 0 auto;font-size:.72rem!important;white-space:nowrap;gap:3px}
  .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .listing-card{min-width:0;border-radius:13px!important}
  .listing-image{aspect-ratio:1/1!important}
  .listing-card-body{padding:9px!important}
  .listing-title{font-size:.8rem!important;line-height:1.3!important;min-height:40px}
  .listing-price{font-size:.9rem!important;margin-top:7px}
  .listing-location{font-size:.67rem!important}
  .pro-ribbon,.featured-ribbon{font-size:.57rem!important;left:6px;top:6px;padding:4px 6px}
  .trust-section{padding:34px 0!important}
  .trust-section>.container{gap:23px!important}
  .trust-intro h2{font-size:1.8rem!important;line-height:1.08}
  .trust-point{gap:11px!important}
  .trust-point p{font-size:.82rem!important;line-height:1.5}
  .sell-banner-inner{padding-top:29px!important;padding-bottom:30px!important;gap:17px!important}
}

@media(max-width:380px){
  .category-section .section-heading h2{font-size:1.15rem!important}
  .category-grid{gap:6px!important}
  .category-tile{min-height:120px!important;padding-inline:4px!important}
  .category-name{font-size:.71rem!important}
  .hero-search{grid-template-columns:minmax(0,1fr) 96px!important}
  .section-soft .section-heading h2{font-size:1.13rem!important}
}

@media(prefers-reduced-motion:reduce){
  .category-tile,.hero-search,.location-chip{transition:none!important}
}