.cat-wrap{max-width:1080px;margin:0 auto;padding:0 16px 64px}.cat-top{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:14px 16px;display:flex}.cat-top .mono{color:var(--ink-subtle)}.cat-hero{border-radius:var(--r-xl);background:var(--dark);color:var(--dark-ink);align-items:flex-end;min-height:220px;margin:4px 16px 0;display:flex;position:relative;overflow:hidden}@media (min-width:1112px){.cat-hero{max-width:1048px;margin:4px auto 0}}.cat-hero img.cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cat-hero .shade{background:#0b0f178c;position:absolute;inset:0}.cat-hero .inner{gap:8px;padding:24px;display:grid;position:relative}.cat-hero .spot-logo{border-radius:var(--r-sm);object-fit:contain;background:#fff;width:48px;height:48px}.cat-hero h1{font-size:clamp(28px,7vw,44px)}.cat-hero p{color:#c9d1de;margin:0}.cat-chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:20px 16px 8px;display:flex;overflow-x:auto}.cat-chips::-webkit-scrollbar{display:none}.cat-chip{border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);height:40px;color:var(--ink);flex:none;align-items:center;padding:0 16px;font-size:15px;text-decoration:none;display:inline-flex}.cat-chip[aria-current=true]{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:12px;display:grid}.cat-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);color:inherit;transition:transform .2s var(--ease);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}@media (hover:hover){.cat-card:hover{transform:translateY(-2px)}}.cat-card:active{transform:scale(.99)}.cat-media{aspect-ratio:16/10;background:var(--tint);color:var(--accent);place-items:center;display:grid}.cat-media img{object-fit:cover;width:100%;height:100%;display:block}.cat-body{align-content:start;gap:6px;padding:16px;display:grid}.cat-res{letter-spacing:-.01em;font-size:18px;font-weight:600}.cat-title{color:var(--ink-muted);font-size:15px}.cat-meta{color:var(--ink-subtle);font-size:13px}.cat-price{border-top:1px solid var(--hairline);justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:10px;display:flex}.cat-price strong{font-size:18px}.cat-price small{color:var(--ink-subtle);font-size:13px}.cat-empty,.cat-note{background:var(--tint);color:var(--accent-deep);border-radius:var(--r-md);margin-top:16px;padding:16px}.cat-back{height:44px;color:var(--accent);align-items:center;gap:6px;font-size:15px;text-decoration:none;display:inline-flex}.cat-detail{gap:20px;display:grid}@media (min-width:900px){.cat-detail{grid-template-columns:1.4fr 1fr;align-items:start}}.cat-gallery{border-radius:var(--r-xl);background:var(--tint);color:var(--accent);aspect-ratio:4/3;place-items:center;display:grid;overflow:hidden}.cat-gallery img{object-fit:cover;width:100%;height:100%;display:block}.cat-thumbs{gap:8px;margin-top:8px;display:flex;overflow-x:auto}.cat-thumbs img{object-fit:cover;border-radius:var(--r-sm);flex:none;width:88px;height:66px}.cat-box{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);gap:10px;padding:20px;display:grid}.cat-row{justify-content:space-between;gap:12px;display:flex}.cat-row span:first-child{color:var(--ink-muted)}.cat-row.big{font-size:20px;font-weight:600}.cat-section h2{margin-bottom:8px;font-size:20px}.cat-section ul{color:var(--ink-muted);margin:0;padding-left:20px}.cat-section p{color:var(--ink-muted);white-space:pre-line;margin:0}.cat-provider{color:var(--ink-subtle);font-size:13px}
