/* ===== Casino Catalog — frontend styles (scoped .cc-catalog) ===== */
.cc-catalog{
  --cc-paper:#ffffff;
  --cc-ink:#1c1a17;
  --cc-ink-soft:#5c574e;
  --cc-line:#e7e1d6;
  --cc-accent:#c8102e;
  --cc-radius:18px;
  --cc-min:230px;
  font-family:"Hanken Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:var(--cc-ink);
  line-height:1.5;
}
.cc-catalog *{box-sizing:border-box}
.cc-catalog a{color:inherit;text-decoration:none}

/* Region heading */
.cc-catalog .cc-region{margin:0}
.cc-catalog .cc-region-head{display:flex;align-items:baseline;gap:14px;margin:0}
.cc-catalog .cc-region-head h2{
  font-family:"Fraunces", Georgia, serif;font-weight:600;
  font-size:clamp(24px,3.2vw,34px);letter-spacing:-.015em;margin:0;color:var(--cc-ink);
}
.cc-catalog .cc-count{color:var(--cc-ink-soft);font-size:14px;font-weight:600}
.cc-catalog .cc-rule{height:1px;background:var(--cc-line);margin:12px 0 0}

/* City sub-heading */
.cc-catalog .cc-city{margin:0}
.cc-catalog .cc-city-name{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;
  font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-ink-soft);
}
.cc-catalog .cc-pin{width:14px;height:14px;color:var(--cc-accent)}

/* Grid */
.cc-catalog .cc-grid{
  display:grid;gap:22px;
  grid-template-columns:repeat(auto-fill,minmax(var(--cc-min),1fr));
}

/* Card: image + name only */
.cc-catalog .cc-card{
  background:var(--cc-paper);border:1px solid var(--cc-line);border-radius:var(--cc-radius);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow:0 1px 2px rgba(28,26,23,.05);
}
.cc-catalog .cc-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(28,26,23,.06),0 14px 30px -18px rgba(28,26,23,.4);border-color:#dcd5c8}
.cc-catalog .cc-thumb{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eee}
.cc-catalog .cc-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.cc-catalog .cc-card:hover .cc-thumb img{transform:scale(1.05)}
.cc-catalog .cc-body{padding:14px 14px 16px}
.cc-catalog .cc-title{font-weight:700;font-size:15.5px;line-height:1.25;letter-spacing:-.01em;color:var(--cc-ink)}
.cc-catalog .cc-card:hover a.cc-title{text-decoration:underline;text-underline-offset:3px}

@media (max-width:560px){
  .cc-catalog{--cc-min:150px}
  .cc-catalog .cc-grid{gap:14px}
}