/* Regression fix 2026-10-28: desktop/tablet Nearby panel */
html,body{max-width:100%;overflow-x:hidden}
@media (min-width:900px){
  .yard-arrow{display:none!important}           /* decorative arrow looked like a stuck spinner */
  #bottomSheet{box-sizing:border-box;max-width:100%;overflow-x:hidden}
  #bottomSheet .kind-chips{flex-wrap:wrap;overflow:visible}
  #bottomSheet p,#bottomSheet .muted-note{white-space:normal;overflow-wrap:anywhere}
  .desk-nav{flex:0 1 auto;min-width:0}
}
@media (min-width:900px) and (max-width:1279.98px){
  .desk-nav{gap:2px}
  .desk-nav a{padding:8px 8px}
  .desk-nav .desk-how,.desk-nav .desk-install{display:none!important}
}
@media (min-width:900px) and (max-width:1099.98px){
  .desk-nav a:not(.desk-post) span{display:none}
}
/* Silver ring on kind chips (All types / Shops / ...) */
html[data-linkstyle="silver"] body[data-mode] .kind-chips button{border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#C9CED5 0%,#8E959F 45%,#B9BFC7 70%,#7D848E 100%) border-box!important;color:#2B3037!important;box-shadow:0 0 5px rgba(120,128,138,.35)!important}
html[data-linkstyle="silver"] body[data-mode="night"] .kind-chips button{background:linear-gradient(#22262C,#22262C) padding-box,linear-gradient(135deg,#F4F6F8 0%,#B8BEC6 45%,#E6E9ED 70%,#A9B0B9 100%) border-box!important;color:#E4E7EB!important;box-shadow:0 0 8px rgba(217,221,227,.35)!important}
html[data-linkstyle="silver"] body[data-mode] .kind-chips button.active{background:linear-gradient(#2B3037,#2B3037) padding-box,linear-gradient(135deg,#F4F6F8 0%,#B8BEC6 45%,#E6E9ED 70%,#A9B0B9 100%) border-box!important;color:#fff!important}
/* Regfix 2 (1:33 PM): arrow off everywhere; pills wrap at every width so mouse users reach all */
.yard-arrow{display:none!important}
.kind-chips{flex-wrap:wrap!important;overflow:visible!important;row-gap:8px}
/* Header pin mockups (preview): ?pin=off | ?pin=small | ?pin=default */
html[data-pin="off"] .b4u-mark .b4u-pin{display:none!important}
html[data-pin="off"] .b4u-mark{gap:0!important}
html[data-pin="small"] .b4u-mark{align-items:center!important;gap:5px!important}
html[data-pin="small"] .b4u-mark .b4u-pin{width:18px!important;height:18px!important;flex:0 0 18px!important;border-radius:5px!important;transform:translateY(1px)}