*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f6f3ec;color:#0b1d2b}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:30;background:rgba(7,23,36,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.navin{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.06em}.brand img{width:42px;height:42px;object-fit:contain}.links{display:flex;gap:22px;margin-left:auto}.links a{color:#dce5ea;text-decoration:none;font-weight:700;font-size:14px}.cta{padding:10px 15px;border-radius:999px;background:var(--vp-gold-500);color:#092031;text-decoration:none;font-weight:900}.hero{background:radial-gradient(circle at 75% 10%,#17455f 0,var(--vp-navy-900) 38%,#071724 75%);color:#fff;padding:70px 0 64px;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:#b68a30}.hero .kicker{color:var(--vp-gold-500)}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.94;margin:12px 0 20px;letter-spacing:-.06em}.hero p{font-size:18px;line-height:1.65;color:#d1dbe1;max-width:650px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;text-decoration:none;font-weight:900;border:1px solid transparent;cursor:pointer;font:inherit}.btn.gold{background:var(--vp-gold-500);color:#071724}.btn.ghost{border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.04)}.heroCard{border-radius:26px;overflow:hidden;background:#fff;color:#0b1d2b;box-shadow:0 28px 70px rgba(0,0,0,.32)}.heroCard img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.heroCard div{padding:20px 22px}.heroCard h2{margin:6px 0 8px;font-size:25px}.datePill{display:inline-flex;background:#fff3d4;color:#6d4d08;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}section{padding:76px 0}.head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.head h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;margin:5px 0}.head p{max-width:580px;color:#526473;line-height:1.6}.newsGrid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.card{background:#fff;border:1px solid #e4e1da;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(25,42,53,.05)}.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.cardBody{padding:19px}.meta{font-size:12px;font-weight:900;color:#9a731f;text-transform:uppercase;letter-spacing:.08em}.card h3{font-size:22px;margin:8px 0}.card p{color:#5e6b75;line-height:1.55}.cup{background:#fff}.cupHero{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;background:var(--vp-navy-900);color:#fff;border-radius:30px;padding:24px;box-shadow:0 24px 60px rgba(6,26,40,.18)}.cupPoster{border-radius:20px;overflow:hidden;background:#0a1e2b}.cupPoster img{width:100%;height:100%;max-height:630px;object-fit:contain;display:block}.cupIntro{padding:18px 18px 18px 4px}.cupIntro h2{font-size:clamp(40px,6vw,70px);line-height:.98;letter-spacing:-.055em;margin:9px 0 16px}.cupIntro p{color:#c9d6dd;line-height:1.65;font-size:17px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 10px;border-radius:999px;font-size:12px;font-weight:900}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.countdown div{background:#fff;color:var(--vp-navy-900);border-radius:16px;text-align:center;padding:14px 8px}.countdown b{display:block;font-size:28px}.countdown small{font-size:10px;text-transform:uppercase;font-weight:900;color:#75838d}.hub{margin-top:28px;border:1px solid #ddd9d0;border-radius:26px;background:#f9f7f2;overflow:hidden}.hubTop{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;background:#fff;border-bottom:1px solid #e5e0d8}.hubTitle{font-size:22px;font-weight:950}.liveState{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900}.dot{width:10px;height:10px;border-radius:50%;background:#a8b0b5}.dot.ok{background:#26b879;box-shadow:0 0 0 5px rgba(38,184,121,.1)}.dot.live{background:#e44d42;box-shadow:0 0 0 5px rgba(228,77,66,.12)}.tabs{display:flex;overflow:auto;background:#fff;padding:0 14px;border-bottom:1px solid #e5e0d8}.tab{appearance:none;border:0;background:transparent;padding:15px 13px;font-weight:900;color:#64737e;white-space:nowrap;cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:var(--vp-navy-900);border-color:#d7a535}.panel{display:none;padding:24px}.panel.active{display:block}.empty{padding:38px 20px;text-align:center;color:#70808b;background:#fff;border:1px dashed #d6d2cb;border-radius:18px}.empty b{display:block;color:#162d3d;font-size:20px;margin-bottom:6px}.teams{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.team{background:#fff;border:1px solid #e2ded7;border-radius:15px;padding:15px;font-weight:900}.groupGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.groupBox{background:#fff;border:1px solid #e2ded7;border-radius:18px;overflow:hidden}.groupBox h3{margin:0;padding:14px 16px;background:var(--vp-navy-900);color:#fff;font-size:15px}.groupList{list-style:none;padding:10px 16px 15px;margin:0}.groupList li{padding:9px 0;border-bottom:1px solid #eee9e1;font-weight:800}.groupList li:last-child{border:0}.matches{display:grid;gap:10px}.match{display:grid;grid-template-columns:90px 1fr auto 1fr 90px;gap:10px;align-items:center;background:#fff;border:1px solid #e1ddd6;border-radius:16px;padding:13px 15px}.matchTime{font-weight:950;color:#89661a}.matchTeam{font-weight:850}.matchTeam.right{text-align:right}.score{font-weight:950;font-size:20px;color:var(--vp-navy-900);min-width:52px;text-align:center}.statusTag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;text-align:right}.statusTag.live{color:#d53c32}.statusTag.done{color:#26885f}.tableWrap{overflow:auto;background:#fff;border:1px solid #e2ded7;border-radius:18px}.standings{width:100%;border-collapse:collapse;font-size:13px}.standings th,.standings td{padding:11px 12px;border-bottom:1px solid #eee9e2;text-align:center}.standings th:nth-child(2),.standings td:nth-child(2){text-align:left}.standings th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6b7983}.standings tbody tr:nth-child(-n+2){background:#eef8f2}.bracket{display:flex;gap:16px;overflow:auto;padding-bottom:6px}.round{min-width:230px;display:flex;flex-direction:column;gap:10px}.round h4{margin:0 0 5px}.brMatch{background:#fff;border:1px solid #e1ddd6;border-radius:14px;overflow:hidden}.brRow{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #eee9e2;font-weight:800}.brRow:last-child{border:0}.liveHero{display:grid;grid-template-columns:1fr 280px;gap:16px}.liveMatch{background:var(--vp-navy-900);color:#fff;border-radius:20px;padding:22px}.liveTeams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:16px 0}.liveTeams strong{font-size:24px}.liveTeams strong:last-child{text-align:right}.liveScore{font-size:42px;font-weight:950;color:var(--vp-gold-500)}.liveSets{color:#bfcdd5}.liveLink{background:#fff;border:1px solid #e1ddd6;border-radius:20px;padding:20px}.about{background:var(--vp-navy-900);color:#fff}.aboutGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.about h2{font-size:48px;letter-spacing:-.045em;margin:8px 0 18px}.about p{color:#c8d4db;line-height:1.7}.values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.value{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:19px}.value b{font-size:18px}.footer{background:#071724;color:#aebdc6;padding:35px 0}.footerin{display:flex;justify-content:space-between;gap:25px}.footer a{color:var(--vp-gold-500)}.truth{font-size:12px;color:#7b8c97;margin-top:10px}@media (max-width:900px){.links{display:none}.heroGrid,.cupHero,.aboutGrid,.liveHero{grid-template-columns:1fr}.newsGrid{grid-template-columns:1fr 1fr}.newsGrid .card:first-child{grid-column:1/-1}.cupPoster img{max-height:460px}.teams{grid-template-columns:repeat(2,1fr)}.groupGrid{grid-template-columns:1fr}.head{align-items:start;flex-direction:column}.cupIntro{padding:6px}.countdown{grid-template-columns:repeat(4,1fr)}}@media (max-width:620px){.wrap{width:min(100% - 24px,1180px)}.hero{padding-top:42px}.hero h1{font-size:52px}.newsGrid{grid-template-columns:1fr}.newsGrid .card:first-child{grid-column:auto}.cupHero{padding:14px}.panel{padding:15px}.hubTop{align-items:flex-start;flex-direction:column}.teams{grid-template-columns:1fr}.match{grid-template-columns:60px 1fr auto 1fr}.match .statusTag{display:none}.matchTime{font-size:12px}.matchTeam{font-size:12px}.score{font-size:18px}.countdown b{font-size:22px}.values{grid-template-columns:1fr}.footerin{flex-direction:column}}
/* =========================================================
   VOLLEY PISZ — CENTRUM TURNIEJU — PREMIUM REDESIGN
   Dotyczy wyłącznie elementów wewnątrz .hub.
   Zastępuje poprzednią warstwę "visual polish".
   ========================================================= */

.hub{
  margin-top:28px;
  border:1px solid #e3ddd0;
  border-radius:28px;
  background:#fbfaf6;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(11,38,56,.10);
}

/* ---------- Nagłówek ---------- */
.hubTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px 26px;
  background:linear-gradient(180deg,#ffffff 0%,#fbf9f4 100%);
  border-bottom:1px solid #eae4d8;
}
.hubTitle{
  font-size:23px;
  font-weight:950;
  letter-spacing:-.02em;
  color:var(--vp-navy-900);
}
.hub .truth{
  font-size:13px;
  color:#7c8a92;
  margin-top:4px;
  font-weight:700;
}
.liveState{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  font-weight:900;
  padding:9px 14px;
  border-radius:999px;
  background:#f2eee3;
  color:#3d4a52;
  white-space:nowrap;
}
.dot{width:9px;height:9px;border-radius:50%;background:#a8b0b5;flex:none}
.dot.ok{background:#26b879;box-shadow:0 0 0 5px rgba(38,184,121,.14)}
.dot.live{background:#e44d42;box-shadow:0 0 0 5px rgba(228,77,66,.16);animation:hubPulse 1.6s ease-in-out infinite}
@keyframes hubPulse{0%,100%{opacity:1}50%{opacity:.45}}

/* ---------- Zakładki ---------- */
.tabs{
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  gap:2px;
  background:#fff;
  padding:0 10px;
  border-bottom:1px solid #eae4d8;
}
.tabs::-webkit-scrollbar{display:none}
.tab{
  appearance:none;
  border:0;
  background:transparent;
  padding:16px 14px;
  font-weight:850;
  font-size:14px;
  color:#7c8a92;
  white-space:nowrap;
  cursor:pointer;
  border-bottom:3px solid transparent;
  flex:none;
  transition:color .15s ease;
}
.tab:hover{color:var(--vp-navy-900)}
.tab.active{color:var(--vp-navy-900);border-color:var(--vp-gold-500);font-weight:950}

/* ---------- Panele ---------- */
.panel{display:none;padding:26px}
.panel.active{display:block;animation:hubFade .25s ease}
@keyframes hubFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.empty{
  padding:44px 22px;
  text-align:center;
  color:#70808b;
  background:#fff;
  border:1.5px dashed #d9d3c7;
  border-radius:20px;
}
.empty b{display:block;color:#162d3d;font-size:20px;margin-bottom:6px;font-weight:900}

/* ---------- Info / Format ---------- */
.groupGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.groupBox{
  background:#fff;
  border:1px solid #e6e0d4;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(11,38,56,.06);
}
.groupBox h3{
  margin:0;
  padding:15px 18px;
  background:linear-gradient(135deg,var(--vp-navy-900),#123b52);
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.01em;
}
.groupList{list-style:none;padding:6px 18px 14px;margin:0}
.groupList li{
  padding:12px 0;
  border-bottom:1px solid #f0ece2;
  font-weight:800;
  color:#243642;
}
.groupList li:last-child{border:0}
.groupList li b{color:var(--vp-navy-900)}

/* ---------- Drużyny ---------- */
.teams{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.team{
  position:relative;
  min-height:78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:16px 18px;
  background:#fff;
  border:1px solid #e6e0d4;
  border-radius:16px;
  font-weight:900;
  color:var(--vp-navy-900);
  box-shadow:0 8px 22px rgba(11,38,56,.05);
  transition:transform .15s ease,box-shadow .15s ease;
}
.team:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,38,56,.09)}
.team .meta{
  margin-bottom:4px;
  color:#b18427;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
}

/* ---------- Mecze ---------- */
.matches{display:grid;gap:11px}
.match{
  display:grid;
  grid-template-columns:96px 1fr auto 1fr 96px;
  gap:12px;
  align-items:center;
  background:#fff;
  border:1px solid #e6e0d4;
  border-radius:18px;
  padding:15px 17px;
  min-height:68px;
  box-shadow:0 8px 20px rgba(11,38,56,.05);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.match:hover{
  transform:translateY(-1px);
  border-color:#d9cfbd;
  box-shadow:0 14px 28px rgba(11,38,56,.09);
}
.matchTime{color:#9a731f;font-size:12px;font-weight:950;letter-spacing:.02em}
.matchTeam{font-weight:850;font-size:14.5px;color:#182b38}
.matchTeam.right{text-align:right}
.score{
  min-width:66px;
  padding:8px 12px;
  border-radius:12px;
  background:#f4f0e6;
  font-weight:950;
  font-size:21px;
  color:var(--vp-navy-900);
  text-align:center;
}
.statusTag{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  text-align:right;
  padding:6px 9px;
  border-radius:999px;
  background:#f2f4f5;
  color:#6b7983;
  justify-self:end;
}
.statusTag.live{background:#fdeceb;color:#d53c32}
.statusTag.done{background:#e9f7f0;color:#1c8156}

/* ---------- Tabele grupowe ---------- */
#p-tables > div{
  background:#fff;
  border:1px solid #e6e0d4;
  border-radius:22px;
  padding:18px;
  box-shadow:0 12px 28px rgba(11,38,56,.06);
  margin-bottom:18px;
}
#p-tables > div:last-child{margin-bottom:0}
#p-tables > div > h3{
  margin:0 0 14px;
  font-size:19px;
  font-weight:950;
  letter-spacing:-.02em;
  color:var(--vp-navy-900);
}
.tableWrap{
  overflow-x:auto;
  border-radius:14px;
  -webkit-overflow-scrolling:touch;
}
.standings{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;min-width:420px}
.standings th{
  padding:12px 12px;
  background:var(--vp-navy-900);
  color:#e7edf0;
  font-size:10.5px;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:900;
  text-align:center;
}
.standings th:first-child{border-radius:12px 0 0 12px}
.standings th:last-child{border-radius:0 12px 12px 0}
.standings th:nth-child(2){text-align:left}
.standings td{
  padding:13px 12px;
  border-bottom:1px solid #f0ece2;
  text-align:center;
  color:#243642;
}
.standings td:nth-child(2){text-align:left;font-size:14.5px}
.standings td:last-child{font-size:15.5px}
.standings tbody tr:last-child td{border-bottom:0}
.standings tbody tr:nth-child(-n+2){background:#f0f8f3}
.standings tbody tr:nth-child(-n+2) td:first-child{color:#197451;font-weight:950}
.standings tbody tr:hover{background:#f7f4ec}
.standings tbody tr:nth-child(-n+2):hover{background:#e7f4ec}

/* ---------- LIVE ---------- */
.liveHero{display:grid;grid-template-columns:1fr 280px;gap:18px}
.liveMatch{
  background:linear-gradient(150deg,#081d2b 0%,#123b52 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:24px;
  box-shadow:0 20px 44px rgba(7,23,36,.22);
}
.liveMatch .meta{font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-gold-500)}
.liveTeams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:18px 0}
.liveTeams strong{font-size:23px;font-weight:900}
.liveTeams strong:last-child{text-align:right}
.liveScore{min-width:120px;text-align:center;font-size:46px;font-weight:950;letter-spacing:-.03em;color:var(--vp-gold-500)}
.liveSets{color:#c3d1d8;font-weight:700;font-size:14px}
.liveLink{
  background:#fff;
  border:1px solid #e6e0d4;
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 28px rgba(11,38,56,.06);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.liveLink h3{margin:6px 0 8px;font-size:20px}
.liveLink p{color:#5e6b75;line-height:1.5;margin:0 0 14px}

/* ---------- Drabinka ---------- */
.bracket{display:flex;gap:24px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.round{min-width:250px;display:flex;flex-direction:column;gap:12px;flex:none}
.round h4{
  margin:0 0 4px;
  padding:0 3px 6px;
  color:#7c8a92;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:900;
  border-bottom:2px solid #eae4d8;
}
.brMatch{
  background:#fff;
  border:1px solid #e6e0d4;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(11,38,56,.06);
}
.brRow{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #f0ece2;
  font-weight:800;
  color:#243642;
}
.brRow:last-child{border:0}

/* ---------- Mobile ---------- */
@media (max-width:620px){
  .hub{border-radius:20px}
  .hubTop{padding:18px;flex-direction:column;align-items:flex-start;gap:10px}
  .hubTitle{font-size:19px}
  .tabs{padding:0 6px}
  .tab{padding:14px 11px;font-size:13px}
  .panel{padding:16px}
  .groupGrid{grid-template-columns:1fr;gap:12px}
  .teams{grid-template-columns:repeat(2,1fr);gap:9px}
  .team{min-height:64px;padding:12px 14px}
  .match{
    grid-template-columns:52px 1fr auto 1fr;
    padding:12px 11px;
    gap:8px;
  }
  .match .statusTag{display:none}
  .matchTime{font-size:11px}
  .matchTeam{font-size:12.5px}
  .score{min-width:46px;padding:6px 8px;font-size:17px}
  #p-tables > div{padding:12px;border-radius:16px}
  .standings{font-size:12.5px;min-width:380px}
  .standings th,.standings td{padding:10px 8px}
  .liveHero{grid-template-columns:1fr}
  .liveMatch{padding:18px}
  .liveTeams strong{font-size:18px}
  .liveScore{min-width:88px;font-size:36px}
  .bracket{gap:16px}
  .round{min-width:220px}
}

/* =========================================================
   VOLLEY PISZ — GALERIA — SUWAK (CAROUSEL)
   ========================================================= */
.galleryWrap{position:relative}
.gallery{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:2px 2px 16px;
  margin:0;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--vp-gold-500) #ece7db;
}
.gallery::-webkit-scrollbar{height:8px}
.gallery::-webkit-scrollbar-track{background:#ece7db;border-radius:999px}
.gallery::-webkit-scrollbar-thumb{background:var(--vp-gold-500);border-radius:999px}
.gallery::-webkit-scrollbar-thumb:hover{background:#d7a535}
.gallery > a,
.gallery > button{
  flex:0 0 auto;
  width:min(72%,340px);
  aspect-ratio:4/3;
  height:auto;
  min-height:0;
  border-radius:18px;
  overflow:hidden;
  scroll-snap-align:start;
  position:relative;
  box-shadow:0 10px 26px rgba(11,38,56,.08);
  appearance:none;
  border:0;
  padding:0;
  background:transparent;
  cursor:zoom-in;
}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.gallery > a:hover img,.gallery > button:hover img{transform:scale(1.05)}
.galArrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;height:46px;
  border-radius:50%;
  border:1px solid #e2ded7;
  background:rgba(255,255,255,.92);
  color:var(--vp-navy-900);
  font-size:22px;
  line-height:1;
  font-weight:900;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(11,38,56,.14);
  z-index:2;
  padding:0;
  transition:background .15s ease,transform .15s ease,opacity .15s ease;
}
.galArrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.galArrow.prev{left:-6px}
.galArrow.next{right:-6px}
.galDots{display:flex;gap:8px;justify-content:center;margin-top:2px}
.galDot{
  width:8px;height:8px;border-radius:50%;
  border:0;padding:0;
  background:#ddd6c8;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.galDot.active{background:var(--vp-gold-500);transform:scale(1.35)}

@media (max-width:620px){
  .gallery > a,.gallery > button{width:82%}
  .galArrow{width:38px;height:38px;font-size:18px}
  .galArrow.prev{left:2px}
  .galArrow.next{right:2px}
}


/* =========================================================
   VOLLEY PISZ — AKTUALNOŚCI — PEŁNY POST
   ========================================================= */
#cmsNewsGrid .newsCard{
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#cmsNewsGrid .newsCard:hover{
  transform:translateY(-3px);
  border-color:#d8cfbf;
  box-shadow:0 16px 36px rgba(11,38,56,.10);
}
#cmsNewsGrid .newsCard:focus-visible{
  outline:3px solid rgba(231,187,88,.55);
  outline-offset:3px;
}
#cmsNewsGrid .newsReadMore{
  appearance:none;
  border:0;
  background:transparent;
  color:#173b5d;
  padding:8px 0 0;
  font:inherit;
  font-weight:950;
  cursor:pointer;
}
#cmsNewsGrid .newsReadMore:hover{text-decoration:underline}

.newsModal{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:28px 16px;
  overflow-y:auto;
}
.newsModal.open{display:flex}
.newsModalBackdrop{
  position:fixed;
  inset:0;
  background:rgba(3,15,24,.78);
  backdrop-filter:blur(7px);
}
.newsModalCard{
  position:relative;
  z-index:1;
  width:min(820px,100%);
  margin:auto;
  background:#fff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 32px 90px rgba(0,0,0,.38);
}
.newsModalClose{
  position:absolute;
  top:14px;
  right:14px;
  z-index:4;
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:rgba(7,23,36,.90);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.newsModalMedia{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2px;
  background:var(--vp-navy-900);
}
.newsModalMedia:empty{display:none}
.newsModalImage{
  appearance:none;
  border:0;
  padding:0;
  background:var(--vp-navy-900);
  cursor:zoom-in;
  min-height:220px;
}
.newsModalImage:first-child:last-child{grid-column:1/-1}
.newsModalImage img{
  width:100%;
  height:100%;
  max-height:470px;
  display:block;
  object-fit:cover;
}
.newsModalBody{padding:30px 34px 36px}
.newsModalBody h2{
  margin:8px 0 20px;
  font-size:clamp(30px,5vw,48px);
  line-height:1.05;
  letter-spacing:-.04em;
  color:#0b1d2b;
}
.newsModalText{
  color:#455762;
  font-size:17px;
  line-height:1.75;
  white-space:pre-line;
}
.newsModalLink{
  display:inline-flex;
  margin-top:24px;
  color:#173b5d;
  font-weight:950;
  text-decoration:none;
}
.newsModalLink:hover{text-decoration:underline}

@media (max-width:620px){
  .newsModal{padding:10px 8px}
  .newsModalCard{border-radius:22px}
  .newsModalBody{padding:24px 20px 28px}
  .newsModalBody h2{font-size:32px}
  .newsModalText{font-size:16px;line-height:1.68}
  .newsModalMedia{grid-template-columns:1fr}
  .newsModalImage{min-height:180px}
  .newsModalClose{top:10px;right:10px;width:40px;height:40px}
}

/* =========================================================
   VOLLEY PISZ — MAIN NAVIGATION + CUP PORTAL RESTORE
   Restores visual layer for markup used by index.html.
   ========================================================= */

/* clickable media reset */
.heroMedia,.cardMedia,.posterMedia,.mediaOpen,.cupLandingPoster,.cupPoster,.gallery button{
  appearance:none;border:0;padding:0;margin:0;background:transparent;font:inherit;color:inherit;cursor:pointer
}
.heroMedia{display:block;width:100%}
.heroMedia img{display:block;width:100%}

/* home navigation tiles */
.mainMenuSection{padding:58px 0 72px;background:#f6f3ec}
.compactHead{margin-bottom:24px}
.mainTiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mainTile{
  position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;
  min-height:190px;padding:24px 24px 22px;border-radius:24px;border:1px solid #ddd8ce;
  background:#fff;color:var(--vp-navy-900);text-decoration:none;box-shadow:0 12px 30px rgba(11,38,56,.06);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.mainTile:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(11,38,56,.11);border-color:#d0c7b6}
.mainTile .tileNo{font-size:13px;font-weight:950;letter-spacing:.08em;color:#b2852e;padding-top:3px}
.mainTile small{display:block;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#8a98a1;margin-bottom:8px}
.mainTile h3{margin:0 0 10px;font-size:30px;line-height:1;letter-spacing:-.035em;color:var(--vp-navy-900)}
.mainTile p{margin:0;color:#65747e;line-height:1.55;max-width:430px}
.mainTile .tileArrow{font-size:26px;line-height:1;font-weight:900;color:#c7952f;transition:transform .18s ease}
.mainTile:hover .tileArrow{transform:translateX(4px)}
.mainTile.featured{background:linear-gradient(135deg,var(--vp-navy-900) 0%,#123c54 100%);border-color:#123c54;color:#fff}
.mainTile.featured h3{color:#fff}
.mainTile.featured p{color:#c8d5dc}
.mainTile.featured small{color:#d7bf87}
.mainTile.featured .tileNo,.mainTile.featured .tileArrow{color:var(--vp-gold-500)}
.homePanel{scroll-margin-top:82px}

/* CUP portal shell */
.cupView{background:#f6f3ec;min-height:70vh}
.cupLanding{padding:54px 0 82px;background:#f6f3ec}
.backHome{
  appearance:none;border:0;background:transparent;color:#415664;font:inherit;font-size:13px;font-weight:900;
  letter-spacing:.04em;cursor:pointer;padding:8px 0 18px
}
.backHome:hover{color:var(--vp-navy-900)}
.cupLandingHead{
  display:grid;grid-template-columns:1fr minmax(230px,330px);gap:34px;align-items:center;
  padding:34px;border-radius:30px;background:linear-gradient(135deg,#071724 0%,#0b2d43 68%,#134a64 100%);
  color:#fff;box-shadow:0 28px 70px rgba(7,23,36,.20);margin-bottom:22px
}
.cupLandingHead h1{font-size:clamp(52px,7vw,86px);line-height:.9;letter-spacing:-.06em;margin:10px 0 18px}
.cupLandingHead p{margin:0;max-width:620px;font-size:17px;line-height:1.6;color:#cad7de}
.cupLandingPoster{position:relative;display:block;border-radius:22px;overflow:hidden;background:#091e2c;box-shadow:0 16px 34px rgba(0,0,0,.26)}
.cupLandingPoster img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.cupLandingPoster span{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:12px;background:rgba(7,23,36,.82);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:900;text-align:center}

.cupTiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 26px}
.cupTile{
  appearance:none;width:100%;border:1px solid #ded9cf;background:#fff;border-radius:20px;padding:18px;
  display:grid;grid-template-columns:auto 1fr;gap:13px;text-align:left;text-decoration:none;color:var(--vp-navy-900);
  cursor:pointer;box-shadow:0 8px 22px rgba(11,38,56,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease
}
.cupTile:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(11,38,56,.10);border-color:#cfc6b5}
.cupTile>span{font-size:11px;font-weight:950;color:#b1842c;padding-top:3px}
.cupTile small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900;color:#8a98a1;margin-bottom:5px}
.cupTile h3{margin:0 0 5px;font-size:20px;letter-spacing:-.025em}
.cupTile p{margin:0;color:#687781;line-height:1.4;font-size:13px}
.cupTile.active{border-color:#d3a94c;box-shadow:0 0 0 2px rgba(231,187,88,.18),0 12px 28px rgba(11,38,56,.08)}
.cupTile.liveTile{background:var(--vp-navy-900);border-color:var(--vp-navy-900);color:#fff}
.cupTile.liveTile h3{color:#fff}.cupTile.liveTile p{color:#c5d2d9}.cupTile.liveTile small{color:#d5bd87}.cupTile.liveTile>span{color:var(--vp-gold-500)}

.cupPanel{display:none;padding-top:10px;scroll-margin-top:86px}
.cupPanel.active{display:block}
.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:34px 0 22px}
.sectionTitle h2{font-size:clamp(34px,5vw,54px);letter-spacing:-.045em;margin:5px 0 0}
.sectionTitle p{max-width:560px;margin:0;color:#60717d;line-height:1.55}

/* docs */
.docsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.docCard{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;
  border:1px solid #ddd8cf;background:#fff;color:var(--vp-navy-900);text-decoration:none;box-shadow:0 8px 24px rgba(11,38,56,.05)
}
.docCard:hover{border-color:#cdbf9c;box-shadow:0 14px 32px rgba(11,38,56,.09)}
.docCard .docType{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--vp-navy-900);color:#fff;font-size:11px;font-weight:950}
.docCard b{display:block;font-size:16px}.docCard small{display:block;margin-top:4px;color:#72808a}

.posterGalleryItem img,.posterMedia img{object-fit:contain;background:#0a1e2b}

/* lightbox */
.siteLightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(3,12,18,.90)}
.siteLightbox.open{display:flex}
.lightboxStage{max-width:min(1100px,94vw);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:10px}
.lightboxStage img{display:block;max-width:100%;max-height:82vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.45)}
.lightboxClose{position:fixed;top:18px;right:18px;z-index:2;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#071724;font-size:30px;line-height:1;cursor:pointer}
.lightboxHint{color:#cbd5da;font-size:12px;text-align:center}

.footerActions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.organizerLink{font-size:12px;font-weight:850;text-decoration:none}

@media (max-width:900px){
  .mainTiles{grid-template-columns:1fr 1fr}
  .cupLandingHead{grid-template-columns:1fr 240px;padding:26px}
  .cupTiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .mainMenuSection{padding:36px 0 50px}
  .mainTiles{grid-template-columns:1fr;gap:11px}
  .mainTile{min-height:0;padding:19px 18px;border-radius:19px;gap:13px}
  .mainTile h3{font-size:25px}
  .mainTile p{font-size:14px}
  .cupLanding{padding:28px 0 54px}
  .cupLandingHead{grid-template-columns:1fr;padding:20px;border-radius:24px;gap:22px}
  .cupLandingHead h1{font-size:54px}
  .cupLandingPoster{max-width:260px}
  .cupTiles{grid-template-columns:1fr;gap:9px}
  .cupTile{padding:15px;border-radius:17px}
  .sectionTitle{align-items:start;flex-direction:column;gap:8px;margin-top:26px}
  .docsGrid{grid-template-columns:1fr}
  .footerActions{align-items:flex-start}
  .siteLightbox{padding:16px}
}

/* Aktualności — na kaflu pokazujemy tylko krótki podgląd, pełna treść jest w "Czytaj całość" */
#cmsNewsGrid .newsCard .cardBody > p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  line-clamp:4;
  overflow:hidden;
}

/* ===== Lightbox: przewijanie Galeria + Aktualności ===== */
.lightboxNav{
  position:fixed;top:50%;z-index:3;transform:translateY(-50%);
  width:54px;height:54px;border:0;border-radius:50%;
  background:rgba(255,255,255,.94);color:#071724;
  font-size:42px;line-height:1;display:grid;place-items:center;
  cursor:pointer;box-shadow:0 10px 35px rgba(0,0,0,.28)
}
.lightboxPrev{left:max(14px,calc((100vw - 1180px)/2))}
.lightboxNext{right:max(14px,calc((100vw - 1180px)/2))}
.lightboxNav[hidden],.lightboxCounter[hidden]{display:none!important}
.lightboxCounter{
  position:fixed;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);
  padding:7px 12px;border-radius:999px;background:rgba(7,23,36,.78);
  color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;
  backdrop-filter:blur(8px)
}
.siteLightbox.open .lightboxStage{touch-action:pan-y}
@media (max-width:620px){
  .lightboxNav{width:44px;height:44px;font-size:34px;background:rgba(255,255,255,.88)}
  .lightboxPrev{left:8px}.lightboxNext{right:8px}
  .lightboxCounter{bottom:14px}
  .lightboxStage img{max-height:78vh;border-radius:12px}
}

/* ===== CUP 2026 — tryb po turnieju / Podsumowanie ===== */
.cupFinishedSummary{display:grid;gap:22px}
.cupFinishedSummaryIntro{background:#fff;border:1px solid #e3ded5;border-radius:22px;padding:22px 24px;box-shadow:0 10px 28px rgba(11,38,56,.06)}
.cupFinishedSummaryIntro .kicker{margin-bottom:8px}
.cupFinishedSummaryIntro h3{margin:0 0 10px;font-size:clamp(28px,4vw,40px);letter-spacing:-.035em;color:var(--vp-navy-900)}
.cupFinishedSummaryIntro p{margin:0;color:#5c6c77;font-size:16px;line-height:1.7;white-space:pre-line}
.cupFinalRanking{display:grid;gap:9px}
.cupFinalRanking h3{margin:0 0 4px;font-size:24px;color:var(--vp-navy-900)}
.cupFinalPlace{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:12px;padding:13px 16px;background:#fff;border:1px solid #e3ded5;border-radius:15px;font-weight:900;color:#183044}
.cupFinalPlace strong{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f4ead0;color:#8a6515;font-size:15px}
.cupFinalPlace:nth-of-type(2){border-color:#dfc47d;background:#fffaf0}.cupFinalPlace:nth-of-type(2) strong{background:var(--vp-gold-500);color:var(--vp-navy-900)}
.cupFinalPlace:nth-of-type(3) strong{background:#e8ebee;color:#52606a}
.cupFinalPlace:nth-of-type(4) strong{background:#e7d0b0;color:#70471b}
@media (max-width:620px){.cupFinishedSummaryIntro{padding:18px}.cupFinalPlace{grid-template-columns:44px 1fr;padding:11px 13px}.cupFinalPlace strong{width:34px;height:34px}}


/* CSS 1.2 — canonical lightbox lives in site.css; site-gallery-fixed.css removed. */

/* CSS 1.3–1.5: site.css owns shared public components and lightbox.
   Event CSS must stay scoped to .hall* / #hall-tournament. */

/* CSS 1.9 — styles moved from index.html */
/* V2: Centrum turnieju nie jest dublowane na stronie głównej — dostęp przez Volley Pisz Cup */
.v2CommandCard[data-v2-cmd="live"]{display:none!important;}
.v2CommandGrid{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width:900px){.v2CommandGrid{grid-template-columns:1fr;}}

#buildVersionBadge{position:fixed;right:10px;bottom:10px;z-index:2000;padding:5px 8px;border-radius:999px;background:rgba(7,23,36,.82);color:#fff;font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.04em;box-shadow:0 4px 14px rgba(0,0,0,.18);backdrop-filter:blur(8px);opacity:.72;pointer-events:none}
@media (max-width:620px){#buildVersionBadge{right:6px;bottom:6px;font-size:10px;padding:4px 7px}}


/* ================================================================
   VOLLEY PISZ v6.2 — DESIGN REFRESH
   Etapy 2–5: spójny design system + strona główna + Cup + hala.
   Zmiany wyłącznie wizualne. Bez zmian klas/ID i bez zmian logiki JS.
   ================================================================ */
:root{
  --vp-surface:#ffffff;
  --vp-surface-soft:#fbfaf7;
  --vp-surface-warm:#f6f3ec;
  --vp-ink:#102331;
  --vp-muted:#657680;
  --vp-gold-soft:#fff4d8;
  --vp-ring:0 0 0 3px rgba(231,187,88,.25);
}
body{background:var(--vp-surface-warm);color:var(--vp-ink);font-family:var(--vp-font-sans)}
.wrap{width:min(var(--vp-wrap-max),calc(100% - 40px))}
.nav{background:rgba(7,23,36,.96);border-bottom-color:rgba(255,255,255,.10);box-shadow:0 8px 28px rgba(7,23,36,.10)}
.navin{min-height:76px}.brand{letter-spacing:.075em}.brand img{width:44px;height:44px}.links{gap:8px}.links a{padding:10px 12px;border-radius:999px;color:#dce6eb;transition:.18s ease}.links a:hover{background:rgba(255,255,255,.08);color:#fff}.links a:focus-visible,.btn:focus-visible,.cupTile:focus-visible,.tab:focus-visible{outline:none;box-shadow:var(--vp-ring)}
.hero{padding:78px 0 72px;background:radial-gradient(circle at 80% 8%,#1d536f 0,#0e3045 29%,var(--vp-navy-950) 70%)}
.heroGrid{gap:56px}.hero h1{font-size:clamp(50px,7vw,86px);max-width:760px}.hero p{color:#d3dfe5;max-width:620px}.heroCard{border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px rgba(0,0,0,.32);transform:translateZ(0)}.heroCard img{aspect-ratio:16/9}.heroCard div{padding:22px 24px}.heroCard h2{font-size:26px;letter-spacing:-.025em}.datePill{background:var(--vp-gold-soft);color:#75550d;border:1px solid #efd18d}.btn{border-radius:14px;padding:14px 19px;transition:transform .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-1px)}.btn.gold{box-shadow:0 10px 24px rgba(231,187,88,.18)}
section{padding:82px 0}.head{margin-bottom:34px}.head h2{color:var(--vp-navy-950)}.head p{color:var(--vp-muted)}
.mainMenuSection{padding:64px 0 80px;background:linear-gradient(180deg,#f7f4ed 0,#f3efe6 100%)}
.mainMenuGrid{gap:18px}.mainMenuCard{border-color:#e4dfd5;box-shadow:0 12px 30px rgba(11,38,56,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mainMenuCard:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(11,38,56,.10);border-color:#d7cdbd}
.newsGrid{gap:20px}.card{border-color:#e5e0d6;border-radius:24px;box-shadow:0 10px 28px rgba(11,38,56,.055);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(11,38,56,.09)}.cardBody{padding:21px}.card h3{letter-spacing:-.02em}.card p{color:var(--vp-muted)}
.about{background:linear-gradient(145deg,var(--vp-navy-950),var(--vp-navy-900));color:#fff}.aboutGrid{gap:58px;align-items:start}.about h2{font-size:clamp(38px,5vw,56px);line-height:1.02}.about p{color:#cbd8df}.values{gap:12px}.value{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:18px;padding:20px}.value b{color:#fff;font-size:17px}.value p{margin:7px 0 0;color:#bdcbd3}.value:nth-child(1){border-top-color:rgba(231,187,88,.55)}
.galleryWrap{padding-top:2px}.gallery{gap:14px}.gallery>a,.gallery>button{border-radius:20px;box-shadow:0 10px 25px rgba(11,38,56,.08)}.galArrow{box-shadow:0 10px 22px rgba(11,38,56,.12)}
.cupLanding{padding:62px 0 88px;background:linear-gradient(180deg,#f7f4ed,#f4f0e8)}.cupLandingHead{border-radius:30px;padding:34px;background:linear-gradient(135deg,var(--vp-navy-950),#123e56);box-shadow:0 26px 60px rgba(7,23,36,.18)}.cupLandingHead h1{font-size:clamp(50px,7vw,82px)}.cupLandingPoster{border:1px solid rgba(255,255,255,.12)}.cupTiles{gap:14px;margin:24px 0 30px}.cupTile{border-radius:18px;padding:16px 17px;background:#fff;box-shadow:0 8px 22px rgba(11,38,56,.045)}.cupTile h3{font-size:19px}.cupTile.active{border-color:#d9ac48;box-shadow:0 0 0 2px rgba(231,187,88,.16),0 14px 30px rgba(11,38,56,.07)}.cupTile.liveTile{background:linear-gradient(145deg,var(--vp-navy-950),var(--vp-navy-900))}.cupPanel{border-radius:24px}.cupHero{border-radius:28px;background:linear-gradient(145deg,var(--vp-navy-950),var(--vp-navy-900));box-shadow:0 24px 55px rgba(7,23,36,.16)}.hub{border-color:#ddd7cc;background:#faf8f3;box-shadow:0 10px 26px rgba(11,38,56,.05)}.hubTop{padding:22px 24px}.tabs{scrollbar-width:thin}.tab{padding:16px 14px}.panel{padding:26px}
.footer{background:var(--vp-navy-950);border-top:1px solid rgba(255,255,255,.08)}.footerin{padding-top:30px;padding-bottom:30px}.organizerLink{border-radius:999px}
.siteLightbox{background:rgba(4,13,20,.94);backdrop-filter:blur(10px)}.lightboxStage img{border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
@media (max-width:900px){.wrap{width:min(var(--vp-wrap-max),calc(100% - 32px))}.hero{padding:62px 0}.heroGrid{gap:30px}.aboutGrid{gap:30px}.cupLandingHead{padding:26px}.cupTiles{gap:10px}}
@media (max-width:620px){.wrap{width:calc(100% - 24px)}.navin{min-height:66px}.brand img{width:38px;height:38px}.hero{padding:48px 0 46px}.hero h1{font-size:clamp(44px,14vw,60px);line-height:.92}.hero p{font-size:16px;line-height:1.55}.heroCard{border-radius:22px}.heroCard div{padding:18px}.mainMenuSection{padding:42px 0 54px}section{padding:58px 0}.head{align-items:start;gap:12px;margin-bottom:24px}.head h2{font-size:38px}.newsGrid{gap:14px}.card{border-radius:19px}.cardBody{padding:17px}.about{padding:58px 0}.about h2{font-size:38px}.value{padding:17px}.cupLanding{padding:38px 0 62px}.cupLandingHead{padding:20px;border-radius:22px}.cupLandingHead h1{font-size:48px}.cupTiles{grid-template-columns:1fr;gap:8px}.cupTile{padding:14px 15px}.cupHero{padding:16px;border-radius:22px}.panel{padding:16px}.hub{border-radius:20px}.footerin{padding-top:24px;padding-bottom:74px}}