/* Kosmiczne Spodki v0.3.34.0 — tylko wybór wariantu gry. Nie zmienia CMS ani panelu. */
.ks-v4 .ks-variant-picker{min-width:0;max-width:1040px;margin:32px auto 28px;padding:0;border:0;color:#f7f4ff}
.ks-v4 .ks-variant-picker legend{padding:0 0 18px;width:100%;display:flex;flex-direction:column;align-items:start;gap:8px}
.ks-v4 .ks-variant-picker legend strong{font-size:clamp(21px,2.7vw,35px);line-height:1.15;letter-spacing:-.025em}
.ks-v4 .ks-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ks-v4 .ks-variant-card{position:relative;min-width:0;cursor:pointer;display:block;color:inherit}
.ks-v4 .ks-variant-card input{position:absolute;opacity:0;width:1px;height:1px;top:12px;left:12px}
.ks-v4 .ks-variant-card-body{position:relative;display:grid;gap:8px;min-height:180px;padding:24px 26px;border:1px solid rgba(164,143,244,.5);border-radius:16px;background:linear-gradient(140deg,rgba(33,22,83,.60),rgba(16,11,50,.33));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:border-color .18s,background .18s,transform .18s;box-shadow:0 8px 28px rgba(7,5,32,.12)}
.ks-v4 .ks-variant-card:hover .ks-variant-card-body{border-color:#b4ff99;transform:translateY(-2px)}
.ks-v4 .ks-variant-card input:checked+.ks-variant-card-body{border:2px solid #b4ff99;padding:23px 25px;background:linear-gradient(140deg,rgba(52,39,122,.83),rgba(23,29,81,.65));box-shadow:inset 0 0 30px rgba(132,114,232,.08),0 0 0 1px rgba(181,252,140,.18)}
.ks-v4 .ks-variant-card input:focus-visible+.ks-variant-card-body{outline:3px solid #fff;outline-offset:4px}
.ks-v4 .ks-variant-name{font-size:clamp(17px,2vw,24px);font-weight:800;letter-spacing:-.02em}
.ks-v4 .ks-variant-time{color:#d0cae9;font-size:14px}
.ks-v4 .ks-variant-card-body>strong{font-size:clamp(24px,2.5vw,31px);color:#b4ff99;line-height:1.1}
.ks-v4 .ks-variant-card-body>strong small{color:#cfc9e8;font-weight:500;font-size:13px}
.ks-v4 .ks-variant-hours{color:#b9aee6;font-size:12px;letter-spacing:.01em}
.ks-v4 .ks-variant-info{color:#c9c3e6;font-size:13px;margin:12px 3px 0}
.ks-v4 .ks-variant-estimate{padding:13px 15px;border-left:3px solid #b4ff99;background:rgba(50,44,110,.33);border-radius:6px;color:#e5f8df;font-weight:650;font-size:13px}
@media(max-width:650px){.ks-v4 .ks-variant-grid{grid-template-columns:1fr;gap:11px}.ks-v4 .ks-variant-picker{margin:20px 0 26px}.ks-v4 .ks-variant-card-body{min-height:unset;padding:18px 20px}.ks-v4 .ks-variant-card input:checked+.ks-variant-card-body{padding:17px 19px}}
@media(prefers-reduced-motion:reduce){.ks-v4 .ks-variant-card-body{transition:none}.ks-v4 .ks-variant-card:hover .ks-variant-card-body{transform:none}}

/* v0.3.34.1 — podświetlenie zaznaczonej godziny po wyborze daty. */
/* Reguła ma większą swoistość niż domyślny fiolet przycisków w ks-front-v4.css. */
.ks-v4 .ks-v4-booking .slot-choices .slot-choice.selected-slot,
.ks-v4 .ks-v4-booking .slot-choices .slot-choice.selected-slot:hover {
  background: #b0fb91;
  color: #14223a;
  border-color: #d9ffc6;
  font-weight: 850;
  box-shadow: 0 0 0 2px rgba(176, 251, 145, .25), 0 0 22px rgba(176, 251, 145, .27);
}
.ks-v4 .ks-v4-booking .slot-choices .slot-choice.selected-slot:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}