/* responsive.css — breakpoints + reduced motion (load last) */
@media (max-width:860px){
  .head{gap:10px}   /* padding via --gutter (set to 14px below) so head + wrap always match */
  .acct{margin-left:auto}        /* pin account to the far right (no spacer now) */
  .head>.head-loc{display:none}        /* location is in the bottom tab bar on mobile */
  .home{padding:18px 14px 70px}
  .btn-post{display:none}                   /* posting lives in the avatar menu on mobile */
  .acct-post{display:block}
  .head-nav{display:none}        /* search/cats/location live in the bottom tab bar on mobile */
  .feed{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:14px 0 90px}
  .card-img>svg{width:36px;height:36px}
  body.view-map .mapwrap{display:block;height:calc(100vh - var(--head-h) - 58px);position:relative}
  .map-list{display:none}
  .pane-map{position:absolute;inset:0;margin:0;border-radius:0}
  .map-cards{display:flex;position:absolute;left:0;right:0;bottom:18px;gap:12px;padding:0 14px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;z-index:25}
  .map-cards::-webkit-scrollbar{display:none}
  .map-cards .card{scroll-snap-align:center;flex:0 0 80%;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:2px solid transparent;padding:10px;display:flex;gap:11px}
  .map-cards .card.active{border-color:var(--coral)}
  .map-cards .card .card-img{width:78px;flex:none;aspect-ratio:1;border-radius:var(--r-md)}
  .map-cards .card .card-img>svg{width:28px;height:28px}.map-cards .card .card-b{padding:0;flex:1}.map-cards .card .card-title{min-height:0;font-size:13.5px}
  .panel{position:fixed;left:0;right:0;bottom:0;width:auto;border-radius:var(--r-xl) var(--r-xl) 0 0;transform:translateY(100%);display:block;transition:transform .26s cubic-bezier(.3,.8,.3,1);max-height:86vh;overflow-y:auto;padding:20px 18px max(20px,env(safe-area-inset-bottom))}
  .panel.open{transform:translateY(0)}
  .panel::before{content:"";display:block;width:38px;height:4px;border-radius:99px;background:var(--line-2);margin:0 auto 14px}
  .cats{left:0;right:0;top:0;bottom:0;width:auto;border-radius:0;transform:translateY(100%);transition:transform .26s cubic-bezier(.3,.8,.3,1),visibility .26s;overflow-y:auto;padding:18px 16px max(18px,env(safe-area-inset-bottom))}
  .cats.open{transform:translateY(0)}
}
@media (max-width:380px){
  .head{gap:8px}
  .btn-post{padding:9px 11px;gap:6px}
  .controls-row{gap:8px}
  .count{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}