/* The Cassette Club homepage. Inline styles carry the design; this file guards it against theme styles and handles phones. */
body.tcc-home-page { margin: 0; background: #13221B; }
html:has(.tcc-home) { scroll-padding-top: 96px; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html:has(.tcc-home) { scroll-behavior: auto; } }
.admin-bar .tcc-home header { top: 32px !important; }
@media (max-width: 782px) { .admin-bar .tcc-home header { top: 46px !important; } }
.tcc-home { background: #13221B; color: #FFFFFF; font-family: Jost, system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
.tcc-home *, .tcc-home *::before, .tcc-home *::after { box-sizing: border-box; }
.tcc-home img { max-width: 100%; }
.tcc-home h1, .tcc-home h2, .tcc-home h3, .tcc-home h4 { color: inherit; text-transform: none; }
.tcc-home a { color: #DBDE52; }
.tcc-home a:hover { color: #FFFFFF; }
.tcc-home a[style*="background: #DBDE52"]:hover { color: #13221B; filter: brightness(1.06); }
.tcc-home a[style*="background: #FFFFFF"]:hover { color: #13221B; }
.tcc-home button { text-transform: none; letter-spacing: normal; box-shadow: none; }
.tcc-home button:focus-visible, .tcc-home a:focus-visible, .tcc-home summary:focus-visible { outline: 2px solid #DBDE52; outline-offset: 3px; }
.tcc-home details > summary { list-style: none; }
.tcc-home details > summary::-webkit-details-marker { display: none; }
.tcc-home details > summary::after { content: "+"; float: right; color: #DBDE52; font-weight: 400; }
.tcc-home details[open] > summary::after { content: "–"; }
.tcc-home ul, .tcc-home ol { margin-top: 0; }
.tcc-home input[type="email"] { color: #FFFFFF; }
.tcc-home-newsletter input[type="email"] { min-height: 50px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22); background: #13221B; color: #FFFFFF; }
.tcc-home-newsletter input[type="submit"], .tcc-home-newsletter button { min-height: 50px; padding: 0 22px; border: 0; border-radius: 999px; background: #DBDE52; color: #13221B; font: 600 15px Jost, sans-serif; cursor: pointer; }

/* Phones */
@media (max-width: 720px) {
  .tcc-home section, .tcc-home header > div, .tcc-home footer > div, .tcc-home footer > p { padding-left: 16px !important; padding-right: 16px !important; }
  .tcc-home section { padding-top: 56px !important; }
  .tcc-home section#top { padding-top: 32px !important; }
  .tcc-home h1 { font-size: clamp(34px, 10vw, 44px) !important; line-height: 1.08 !important; }
  .tcc-home h2 { font-size: clamp(28px, 8vw, 34px) !important; line-height: 1.12 !important; }
  .tcc-home [style*="padding: 48px"], .tcc-home [style*="padding: 56px"], .tcc-home [style*="padding: 64px"] { padding: 20px !important; }
  .tcc-home [style*="repeat(4, minmax(0, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .tcc-home [style*="flex: 1 1 480px"], .tcc-home [style*="flex: 1 1 440px"], .tcc-home [style*="flex: 1 1 500px"], .tcc-home [style*="flex: 1 1 360px"], .tcc-home [style*="flex: 1 1 340px"] { flex-basis: 100% !important; }
  .tcc-home [style*="border-radius: 32px"] { border-radius: 22px !important; }
  .tcc-home [style*="flex: 1 1 520px"], .tcc-home [style*="flex: 1 1 460px"], .tcc-home [style*="flex: 1 1 420px"], .tcc-home [style*="flex: 1 1 400px"], .tcc-home [style*="flex: 1 1 380px"] { flex-basis: 100% !important; }
  .tcc-home [style*="minmax(240px"], .tcc-home [style*="minmax(260px"], .tcc-home [style*="minmax(280px"], .tcc-home [style*="minmax(300px"], .tcc-home [style*="minmax(320px"], .tcc-home [style*="minmax(340px"], .tcc-home [style*="minmax(360px"], .tcc-home [style*="minmax(380px"] { grid-template-columns: minmax(0, 1fr) !important; }
  .tcc-home [style*="padding: 32px"]:not(section) { padding: 20px !important; }
  .tcc-home [style*="padding: 32px"] > section { padding-left: 0 !important; padding-right: 0 !important; }
  .tcc-home [style*="height: 400px"] { height: 280px !important; }
  html:has(.tcc-home) { scroll-padding-top: 112px; }
  .tcc-home header > div { padding-top: 10px !important; padding-bottom: 8px !important; gap: 8px !important; }
  .tcc-home header nav { width: 100%; flex-wrap: nowrap !important; overflow-x: auto; gap: 18px !important; font-size: 14px !important; white-space: nowrap; scrollbar-width: none; padding-bottom: 2px; }
  .tcc-home header nav::-webkit-scrollbar { display: none; }
  .tcc-home header nav a { flex: none; }
  .tcc-home header nav a[aria-label^="Cart"] { min-height: 34px !important; padding: 0 12px !important; }
  .tcc-home footer nav { gap: 28px !important; }
}

/* E-voucher form */
.tcc-home .tcc-v-form input::placeholder, .tcc-home .tcc-v-form textarea::placeholder { color: rgba(255,255,255,.5); opacity: 1; }
.tcc-home .tcc-v-form input:focus, .tcc-home .tcc-v-form textarea:focus { outline: 2px solid #DBDE52; outline-offset: 1px; border-color: transparent; }
.tcc-home .tcc-v-form [hidden], .tcc-home [hidden] { display: none !important; }
.tcc-home .tcc-v-opt { transition: background .15s, color .15s, border-color .15s; }