/* Deals & Bundles page styles - semi-transparent dark cards */
html, body { min-height: 100vh; }
body { margin:0; padding:16px; color:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('assets/sfront.png');
  background-size: cover; background-repeat: no-repeat; background-position: center;
}
.container { max-width: 1100px; margin: 0 auto; }
.grid { display:grid; gap:16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 769px){ .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1025px){ body{ background-attachment: fixed; } .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.card { background: rgba(0,0,0,0.65); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:14px; }
.btn { padding:10px; border-radius:10px; border:1px solid #666; background: rgba(0,0,0,0.45); color:#fff; }
.btn.primary { background:#111; border-color:#111; }
/* Info panel for immediate messaging (matches About page style) */
.info-panel { background: rgba(0,0,0,0.65); color:#fff; border-radius:14px; padding:16px; text-align:center; border:1px solid rgba(255,255,255,.08); margin: 0 0 16px; }
.info-panel h3, .info-panel p { color:#fff; margin: 0; }