/* Klub Pictures — podstrona /imprezy-firmowe-warszawa/. Wspólne elementy (pierwszy ekran, ekran w loży, licznik, linia) w style.css. */

/* ===== 1. Slajd powitalny na ekranie w loży ===== */
.tv--slide { background: radial-gradient(90% 120% at 85% 0%, rgba(243, 198, 126, .2), rgba(243, 198, 126, 0) 60%), linear-gradient(160deg, #101918, #06090A); }
.tv--slide .tv__in { top: 0; align-content: center; padding: 0 8cqw; gap: 2.4cqw; }
.tv--slide .tv__k { padding: 0; background: none; color: var(--c-lamp); font-size: 3.8cqw; }
.tv--slide .tv__m { font-size: 9cqw; line-height: 1.08; overflow-wrap: anywhere; }
.tv--slide .tv__m span { color: var(--c-lamp); }
.tv--slide .tv__s { color: rgba(255, 255, 255, .7); }
.fslide { display: flex; gap: 10px; margin-top: 26px; max-width: 540px; }
.fslide__f { flex: 1; min-width: 0; }
.fslide__f input { width: 100%; height: 48px; padding: 0 20px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .24); background: rgba(255, 255, 255, .08); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: #fff; font: inherit; font-size: 1rem; outline: none; transition: border-color .2s, background-color .2s; }
.fslide__f input::placeholder { color: rgba(255, 255, 255, .55); }
.fslide__f input:focus { border-color: #fff; background: rgba(255, 255, 255, .12); }
.fslide__hint { margin-top: 10px; font-size: .875rem; color: rgba(255, 255, 255, .6); }

/* ===== 2. Tydzień z cenami ===== */
.fweek__head { display: flex; justify-content: space-between; align-items: end; gap: 16px 40px; flex-wrap: wrap; margin-bottom: clamp(24px, 3vw, 36px); }
.fweek__head > div { display: grid; gap: 16px; }
.days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; }
.days li { display: grid; gap: 10px; padding: 18px 16px; border-radius: 16px; background: var(--c-surface); box-shadow: inset 0 0 0 1px var(--c-line); opacity: .6; }
.days b { font: 500 12px var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--c-ink-2); }
.days span { font: 500 1.0625rem var(--f-mono); letter-spacing: -.01em; color: var(--c-ink); white-space: nowrap; }
.days .is-low { opacity: 1; box-shadow: inset 0 0 0 1px rgba(243, 198, 126, .5), 0 0 30px -12px rgba(243, 198, 126, .4); }
.days .is-low b { color: var(--c-lamp); }
.days__note { margin-top: 16px; }

/* ===== 3. Co dostaje zespół ===== */
.fget { padding-top: 0; }
.fget .h2 { margin: 14px 0 clamp(24px, 3vw, 40px); max-width: 16em; }
.fget__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

/* ===== 4. Dojazd ===== */
.froute { padding-top: 0; }
.froute .line .line__n { font-size: .9375rem; }
.faq__head .more { justify-self: start; }

/* ===== Tablet ===== */
@media (max-width: 1079px) {
  .fget__grid { grid-template-columns: 1fr 1fr; }
  .days span { font-size: .875rem; }
  .days li { padding: 14px 10px; }
}

/* ===== Telefon ===== */
@media (max-width: 759px) {
  .fslide { flex-direction: column; margin-top: 22px; }
  .fslide .btn { width: 100%; }
  .days { gap: 4px; }
  .days li { padding: 12px 4px; gap: 6px; text-align: center; border-radius: 12px; }
  .days b { font-size: 11px; letter-spacing: .08em; }
  .days span { font-size: 0; }
  .days span::before { content: attr(data-short); font-size: 11px; }
  .fget__grid { grid-template-columns: 1fr; gap: 10px; }
}