.beats-catalog-page { overflow-x: clip; }
.beats-main { position: relative; z-index: 1; }
.beats-hero { min-height: min(620px, 72vh); padding-bottom: 82px; }
.beats-hero h1 { max-width: 930px; }
.beats-hero p { max-width: 720px; }
.beats-store-section { position: relative; margin-top: -38px; }
.beats-store-section::before { content: ""; position: absolute; z-index: -1; inset: 6% 12% 18%; border-radius: 50%; background: rgba(241,170,19,.08); filter: blur(80px); pointer-events: none; }
.beats-eyebrow { display: block; margin-bottom: 10px; color: #f1aa13; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.beats-page-player { width: min(100%, 1080px); min-height: 800px; margin: 32px auto 0; padding: 20px; border: 1px solid rgba(241,170,19,.2); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); box-shadow: 0 28px 80px rgba(0,0,0,.35); }
.beats-page-player iframe { display: block; min-height: 800px; margin-inline: auto; border-radius: 10px; }
.beats-guide { padding-top: 72px; }
.beats-guide .service-copy-card { position: relative; overflow: hidden; }
.beats-card-number { display: block; margin-bottom: 20px; color: rgba(241,170,19,.55); font-family: Montserrat, sans-serif; font-size: 34px; font-weight: 900; line-height: 1; }
.beats-text-link { display: inline-flex; margin-top: 14px; color: #f1aa13; font-weight: 700; text-decoration: none; }
.beats-text-link:hover { color: #ffc233; }
.beats-cta { margin-top: 30px; }

@media (max-width: 768px) {
  .beats-hero { min-height: auto; padding-bottom: 58px; }
  .beats-store-section { margin-top: 0; }
  .beats-page-player { min-height: 720px; margin-top: 22px; padding: 8px; border-radius: 13px; }
  .beats-page-player iframe { min-height: 700px; height: 700px; }
  .beats-guide { padding-top: 48px; }
}

@media (max-width: 420px) {
  .beats-page-player { width: 100%; min-height: 650px; padding: 4px; }
  .beats-page-player iframe { min-height: 640px; height: 640px; }
}