/* Gold Coupon landing page styles */
:root{
  --gold:#d4af37;
  --bg:#0f0f0f;
  --muted:#e6e6e6;
}
body.gc-body{font-family: 'Helvetica Neue', Arial, sans-serif; margin:0; color:var(--muted); background:#070707;}
.gc-container{max-width:1100px; margin:0 auto; padding:24px;}
.gc-hero{background-size:cover;background-position:center; height:60vh; position:relative; display:flex; align-items:center;}
.gc-hero-overlay{background:linear-gradient(180deg, rgba(0,0,0,0.55), rgba(0,0,0,0.7)); width:100%; padding:40px 0;}
.gc-title{font-size:38px; color:#fff; margin:0 0 12px;}
.gc-subtitle{font-size:18px; color:#ddd; margin:0 0 18px;}
.gc-cta{display:inline-block; background:var(--gold); color:#111; padding:12px 20px; border-radius:6px; text-decoration:none; font-weight:700}

.gc-row{display:flex; gap:20px; align-items:flex-start;}
.gc-col{box-sizing:border-box}
.gc-col-7{flex:0 0 60%}
.gc-col-5{flex:0 0 40%}
.gc-aside-image{width:100%; border-radius:8px; display:block}

.gc-features{padding:36px 0}
.gc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.gc-card{background:linear-gradient(180deg,#111,#0c0c0c); padding:12px; border-radius:8px; text-align:center}
.gc-card img{width:100%; height:150px; object-fit:cover; border-radius:6px}
.gc-card h4{margin:12px 0 8px; color:var(--gold)}
.gc-card p{font-size:14px; color:#cfcfcf}

.gc-offer{background:linear-gradient(90deg, rgba(212,175,55,0.06), rgba(212,175,55,0.02)); padding:36px; border-radius:8px; margin:28px 0;}
.gc-offer-inner{display:flex; align-items:center; justify-content:space-between; gap:20px}
.gc-offer h3{color:var(--gold); margin:0 0 8px}
.gc-form{display:flex; gap:8px}
.gc-form input{padding:12px; border-radius:6px; border:1px solid #333; background:#0b0b0b; color:#eee}
.gc-form button{background:var(--gold); border:none; padding:12px 16px; border-radius:6px; font-weight:700}

.gc-gallery{margin:24px 0}
.gc-gallery-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:8px}
.gc-gallery-grid img{width:100%; height:90px; object-fit:cover; border-radius:6px}

.gc-footer{padding:18px 0; text-align:center; color:#888}

@media (max-width:900px){
  .gc-row{flex-direction:column}
  .gc-grid{grid-template-columns:repeat(2,1fr)}
  .gc-gallery-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:480px){
  .gc-title{font-size:26px}
  .gc-grid{grid-template-columns:1fr}
  .gc-gallery-grid{grid-template-columns:repeat(2,1fr)}
  .gc-offer-inner{flex-direction:column}
}