.spots-layout{display:block}.spots-page .home-sec{position:relative}.spots-side{gap:16px;margin-top:8px;display:grid}.spots-rail>*{flex-basis:62%}.spots-card{box-shadow:var(--home-card-shadow);background:#fff;border-radius:8px;display:block;overflow:hidden}.spots-card .home-ph{height:150px}.spots-card-body{padding:9px 10px 11px}.home-skeleton .spots-card-body{min-height:70px}.spots-card-name{font-size:15px;font-weight:600;line-height:1.45}.spots-card-area,.spots-card-rating{color:var(--home-ink-soft);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.spots-card-area .ic{width:12px;height:12px;color:var(--color-primary)}.spots-card-rating span[aria-hidden]{color:var(--color-accent)}.spots-card-rating-count{color:var(--home-muted)}.spots-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.spots-grid .spots-card .home-ph{height:110px}.spots-rail-categories>*{flex-basis:28%}.spots-category{box-shadow:var(--home-card-shadow);text-align:center;background:#fff;border-radius:8px;padding:8px 8px 0;display:block;overflow:hidden}.spots-category .home-ph{border-radius:6px;height:82px}.spots-category span{color:var(--home-ink-soft);padding:8px 4px 10px;font-size:12px;display:block}.spots-category.is-selected{outline:2px solid var(--color-primary);outline-offset:-2px}.spots-side-card{box-shadow:var(--home-card-shadow);background:#fff;border-radius:10px;padding:16px 14px}.spots-side-title{color:var(--home-ink);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.spots-side-title .ic{width:16px;height:16px;color:var(--color-primary)}.spots-side-title .ic.listing-ic-crown{color:var(--color-accent)}.spots-side-head{justify-content:space-between;align-items:center;display:flex}.spots-clear{color:var(--color-primary);font-size:11px}.spots-map{border-radius:6px;height:180px;margin-top:12px}.spots-map-btn{width:86%;height:36px;margin:12px auto 0;display:flex}.spots-cond{margin-top:12px}.spots-cond-label{color:var(--home-ink-soft);margin-bottom:6px;font-size:12px;font-weight:600}.spots-cond .listing-chip{height:24px;padding:0 10px;font-size:11px}.spots-cond-more{color:var(--home-muted);align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.spots-cond-more .ic{width:10px;height:10px}.spots-search-btn{width:100%;height:38px;margin-top:16px;display:flex}.spots-rank{margin-top:12px}.spots-rank button{text-align:left;grid-template-columns:22px 1fr;align-items:center;gap:10px;width:100%;padding:5px 0;font-size:12px;display:grid}.spots-rank-no{width:18px;height:18px;color:var(--home-muted);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.spots-rank li:nth-child(-n+3) .spots-rank-no{color:#fff;background:var(--color-primary)}@media (min-width:600px){.spots-grid{grid-template-columns:repeat(3,1fr)}.spots-side{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.spots-page .home-container,.spots-page .listing-hero-inner{width:min(92vw, calc(94 * var(--r)))}.spots-page .listing-hero{height:calc(22.2 * var(--r))}.spots-page .listing-hero-title{top:calc(2.9 * var(--r))}.spots-page .listing-hero-lead{top:calc(8.2 * var(--r))}.spots-page .listing-hero .home-search{top:calc(12 * var(--r));width:calc(48 * var(--r));height:calc(4 * var(--r))}.spots-page .listing-hero .home-keywords{top:calc(17.7 * var(--r))}.spots-layout{gap:calc(1.7 * var(--r));padding:calc(2 * var(--r)) 0 calc(3.2 * var(--r));grid-template-columns:minmax(0,72.7fr) minmax(0,19.6fr);align-items:start;display:grid}.spots-content{padding-top:calc(.4 * var(--r))}.spots-page .home-sec{margin-bottom:0}.spots-page .home-sec+.home-sec{margin-top:calc(2.7 * var(--r))}.spots-page .home-sec-head{margin-bottom:calc(1.2 * var(--r))}.spots-rail{gap:calc(1.1 * var(--r));grid-template-columns:repeat(4,1fr)}.spots-card{border-radius:calc(.8 * var(--r));box-shadow:0 calc(.1 * var(--r)) calc(.7 * var(--r)) #5a46280f}.spots-card .home-ph{height:calc(15.5 * var(--r))}.spots-card-body{padding:calc(1 * var(--r)) calc(1.1 * var(--r)) calc(1.2 * var(--r))}.home-skeleton .spots-card-body{min-height:calc(7 * var(--r))}.spots-card-name{font-size:calc(1.2 * var(--r));line-height:calc(1.6 * var(--r))}.spots-card-area,.spots-card-rating{gap:calc(.5 * var(--r));margin-top:calc(.8 * var(--r));font-size:calc(.85 * var(--r))}.spots-card-area .ic{width:calc(1.1 * var(--r));height:calc(1.1 * var(--r))}.spots-grid{gap:calc(1.2 * var(--r));grid-template-columns:repeat(3,1fr)}.spots-grid .spots-card .home-ph{height:calc(12 * var(--r))}.spots-rail-categories{gap:calc(1 * var(--r));grid-template-columns:repeat(7,1fr)}.spots-category{border-radius:calc(.6 * var(--r));box-shadow:0 calc(.1 * var(--r)) calc(.7 * var(--r)) #5a46280f;padding:calc(.8 * var(--r)) calc(.8 * var(--r)) 0}.spots-category .home-ph{height:calc(9.4 * var(--r));border-radius:calc(.5 * var(--r))}.spots-category span{padding:calc(1 * var(--r)) calc(.4 * var(--r)) calc(1.2 * var(--r));font-size:calc(1 * var(--r));line-height:calc(1.8 * var(--r))}.spots-side{gap:calc(1.5 * var(--r));grid-template-columns:1fr;margin-top:0}.spots-side-card{padding:calc(1.4 * var(--r)) calc(1.3 * var(--r)) calc(1.5 * var(--r));border-radius:calc(.8 * var(--r));box-shadow:0 calc(.1 * var(--r)) calc(.7 * var(--r)) #5a46280f}.spots-side-title{gap:calc(.9 * var(--r));font-size:calc(1.2 * var(--r))}.spots-side-title .ic{width:calc(1.5 * var(--r));height:calc(1.5 * var(--r))}.spots-clear{font-size:calc(.85 * var(--r))}.spots-map{height:calc(11.4 * var(--r));margin-top:calc(1.2 * var(--r));border-radius:calc(.6 * var(--r))}.spots-map-btn{width:calc(14.2 * var(--r));height:calc(2.6 * var(--r));margin-top:calc(1 * var(--r));font-size:calc(.95 * var(--r))}.spots-cond{margin-top:calc(1.4 * var(--r))}.spots-cond-label{margin-bottom:calc(.6 * var(--r));font-size:calc(1 * var(--r))}.spots-cond .listing-select select{height:calc(2.5 * var(--r));font-size:calc(.85 * var(--r))}.spots-cond .listing-chips{gap:calc(.6 * var(--r))}.spots-cond .listing-chip{height:calc(1.9 * var(--r));padding:0 calc(1 * var(--r));font-size:calc(.8 * var(--r))}.spots-cond-more{gap:calc(.4 * var(--r));font-size:calc(.8 * var(--r))}.spots-cond-more .ic{width:calc(.9 * var(--r));height:calc(.9 * var(--r))}.spots-search-btn{height:calc(2.9 * var(--r));margin-top:calc(1.4 * var(--r));font-size:calc(1 * var(--r))}.spots-rank{margin-top:calc(1.4 * var(--r))}.spots-rank button{grid-template-columns:calc(1.8 * var(--r)) 1fr;gap:calc(1.2 * var(--r));padding:calc(.55 * var(--r)) 0;font-size:calc(1 * var(--r))}.spots-rank-no{width:calc(1.5 * var(--r));height:calc(1.5 * var(--r));font-size:calc(.8 * var(--r))}}