/* Photo-led venue cards */
.deal-list { gap: 16px; }
.deal-list .deal-card { padding: 0; overflow: hidden; border-radius: 16px; }
.deal-image { position: relative; height: 174px; overflow: hidden; background: #281d29; }
.deal-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .35s, filter .35s; }
.deal-card:hover .deal-image img { transform: scale(1.04); }
.deal-card:nth-child(2n) .deal-image img { filter: hue-rotate(17deg) saturate(1.08); }
.deal-card:nth-child(3n) .deal-image img { filter: hue-rotate(-13deg) brightness(.86); }
.image-shade { position: absolute; inset: 0; background: linear-gradient(180deg, #0806119c 0%, transparent 60%, #0d091875 100%); }
.image-topline { position: absolute; inset: 0 0 auto; z-index: 1; display: flex; justify-content: space-between; align-items: start; padding: 14px; color: #fff; gap: 10px; }
.image-topline .venue { font: 700 18px/1.05 'DM Sans', sans-serif; letter-spacing: -.035em; color: #fff; text-shadow: 0 1px 7px #0008; }
.image-ends { white-space: nowrap; background: #10101de8; color: var(--lime); padding: 6px 8px; border-radius: 999px; font: 500 10px 'DM Mono', monospace; box-shadow: 0 1px 7px #0004; }
.deal-copy { padding: 15px 17px 17px; }
.venue-card { display: block; margin: 0 0 7px; font-size: 18px; letter-spacing: -.03em; }
.deal-copy .deal-title { margin: 8px 0 3px; }
.best-deal-label { color: #b74a2c; }
.deal-copy .metrics { margin-top: 13px; }
.deal-copy .metrics { border-top: 0; padding-top: 0; gap: 8px; flex-wrap: wrap; }
.deal-mood, .freshness { display: inline-flex; align-items: center; border-radius: 999px; padding: 7px 9px; font: 500 11px 'DM Sans', sans-serif; }
.deal-mood { background: #fff1d4; color: #77451c; }
.deal-mood b { margin: 0 3px; }
.freshness { background: #e6f4e5; color: #397342; }
.map-link { display:inline-flex; align-items:center; padding:9px 11px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:#fff; text-decoration:none; font:600 12px 'DM Sans', sans-serif; }
.deal-image .sponsored { top: auto; bottom: 12px; right: 13px; }
.deal-card > .deal-copy > .venue { font-weight: 700; font-size: 16px; }

/* Venue detail popup */
.modal-address { color: var(--muted); margin: -8px 0 18px; line-height: 1.45; }
.place-detail { margin: 14px 0; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.place-detail h3 { margin: 0 0 9px; font: 700 12px 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; color: #655f75; }
.place-detail p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.happy-hour-detail { border-color: #d9eab9; background: #f6fbe9; }
.detail-content { display: grid; gap: 4px; color: #343526; font-size: 13px; }
.detail-content b { font-size: 16px; }
.detail-content span { color: #486130; font-weight: 700; }
.detail-content small { color: #68705e; font-size: 11px; }
.menu-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.menu-link { display: inline-flex; align-items: center; padding: 9px 11px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: #fff; text-decoration: none; font: 600 12px 'DM Sans', sans-serif; }
.menu-link.primary { background: var(--ink); border-color: var(--ink); color: #fff; }
.menu-unavailable { color: var(--muted); font-size: 12px; }

@media (max-width: 700px) {
  .deal-list .deal-card { padding: 0; }
  .deal-image { height: 185px; }
  .deal-copy { padding: 14px 15px 16px; }
}