/* Discover Alone modern look (preview: discoveralone.com/?look=new), 29 Sep 2026 */
:root{--ink:#11201a;--muted:#6b716c;--card:#fff;--bg:#f4f1ea;--shadow:0 1px 2px rgba(17,32,26,.06),0 6px 20px rgba(17,32,26,.07)}
html,body{overflow-x:hidden}
.leaflet-container{overflow:hidden}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased;background:var(--bg)}
.map-filters-plain{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.map-filters-plain-title{display:block;font:800 22px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:-.03em;color:var(--ink)!important;margin:26px 0 14px}
.chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;padding:0 0 8px}
@media (min-width:760px){.chips{grid-template-columns:repeat(6,minmax(0,1fr))}}
.chip{position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-end;gap:4px!important;min-height:96px;padding:12px!important;border:0!important;background:var(--card)!important;color:var(--ink)!important;border-radius:18px!important;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;text-align:left;overflow:hidden}
.chip:active{transform:scale(.96)}
.chip .dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.chip-art{display:block;width:42px;height:42px;flex:none;border-radius:10px;background-color:#f1eddf;background-repeat:no-repeat;animation:chip-art-wander 2.8s ease-in-out infinite;transform-origin:center bottom}
.chip-art-main{background-image:url('/assets/filter-illustrations/tom-types.webp');background-size:400% 600%}
.chip-art-extra{background-image:url('/assets/filter-illustrations/tom-shop-and-story.webp');background-size:200% 100%}
.chip::before{content:none!important}
@keyframes chip-art-wander{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.chip-art{animation:none}}
.chip-label{font:700 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.01em}
.chip-count{display:block!important;font:600 12px/1 Inter,system-ui,sans-serif;color:var(--muted)}
.chip.on{background:var(--ink)!important;color:#fff!important;box-shadow:0 10px 26px rgba(17,32,26,.35)}
.chip.on .chip-count{color:rgba(255,255,255,.7)}
.picture-only-control{border:0!important;background:var(--card)!important;border-radius:16px!important;box-shadow:var(--shadow);padding:14px 16px!important;font-weight:700}
.picture-only-control input{accent-color:var(--ink);width:20px;height:20px}
.map-distance,.visitor-note,.place-checks,.place-check{border-color:transparent!important;border-radius:16px!important;box-shadow:var(--shadow)}
.map-distance-title{font:700 15px/1.2 Inter,system-ui,sans-serif!important;border-radius:12px!important}
.see-places{border-radius:999px!important;font-weight:800!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important}
#map{border-radius:22px;overflow:hidden}
button,.button,a.button{border-radius:14px}
@media (max-width:760px){
  .chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .chip{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center!important;gap:6px!important;min-height:62px;padding:8px 9px!important;border-radius:12px!important}
  .chip .chip-art{width:38px;height:38px}
  .chip .dot{justify-self:center}
  .chip-label{grid-column:2;font-size:11.5px;line-height:1.15;overflow-wrap:normal;word-break:normal;padding-top:8px}
  .chip-count{position:absolute;top:5px;right:8px;font-size:10px;white-space:nowrap}
  .map-filters-plain-title{margin:16px 0 10px}
  #results{scroll-margin-top:16px}
}
