.hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  align-items: center;
}
.hero h1 { font-size: clamp(2rem, 4vw, 3.4rem); }
.hero-art {
  min-height: 260px;
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(41,182,255,.3), rgba(108,125,255,.15));
  border: 1px solid rgba(86, 130, 224, 0.45);
  box-shadow: inset 0 0 60px rgba(41, 182, 255, 0.15);
}
.carousel { display: grid; gap: 12px; }
.carousel-track { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.newsletter { display: grid; gap: 10px; grid-template-columns: 1fr auto; }
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
  .carousel-track { grid-template-columns: 1fr; }
  .newsletter { grid-template-columns: 1fr; }
}

.premium-hero {
  background: linear-gradient(150deg, rgba(24, 36, 63, .94), rgba(13, 19, 34, .94));
  border: 1px solid rgba(99, 125, 188, .45);
}
.hero-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
}
.category-card {
  min-height: 130px;
  display: grid;
  align-content: center;
}
.deal-highlight {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  align-items: center;
}
.deal-highlight img {
  height: 210px;
  width: 100%;
  object-fit: contain;
  border-radius: 12px;
  background: rgba(8, 14, 30, .7);
}
.newsletter-card { gap: 10px; }
.cta-row { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 900px) {
  .deal-highlight { grid-template-columns: 1fr; }
}