/* ═══════════════════════════════════════════
   Thm-Teepublic Retro — Hero V1 Banner
   Vintage Theme + Bold Red Brand (#DC2626)
   ═══════════════════════════════════════════ */

.fl-retro-hero-v1 {
  padding: 60px 48px;
  margin-bottom: 48px;
  background: #FFF8E7;
  border: 4px solid #2D2D2D;
}

.fl-retro-hero-v1::before {
  content: '';
  display: block;
  height: 16px;
  margin-bottom: 32px;
  background: repeating-linear-gradient(
    -45deg,
    #DC2626,
    #DC2626 8px,
    #F5F5DC 8px,
    #F5F5DC 16px
  );
  border: 4px solid #2D2D2D;
}

.fl-retro-hero-v1-border {
  border: 4px solid #2D2D2D;
}

.fl-retro-hero-v1-content {
  max-width: 800px;
}

.fl-retro-hero-v1-title {
  margin: 0 0 16px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 44px;
  font-weight: 700;
  color: #2D2D2D;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.fl-retro-hero-v1-slogan {
  margin: 0 0 32px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 18px;
  font-weight: 700;
  color: #555555;
  letter-spacing: 1px;
  line-height: 1.5;
}

.fl-retro-hero-v1-cta {
  display: inline-block;
  padding: 16px 48px;
  background: #DC2626;
  border: 4px solid #2D2D2D;
  color: #FFF8E7 !important;
  font-family: 'Courier New', Courier, monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
}

.fl-retro-hero-v1-cta:hover {
  background: #991B1B;
}

@media (max-width: 768px) {
  .fl-retro-hero-v1 {
    padding: 32px 20px;
  }

  .fl-retro-hero-v1-title {
    font-size: 28px;
    letter-spacing: 1px;
  }
}