/* THE RIDE Warsaw, sklep QR (produkcja). Zbudowane przez zbuduj-strony-produkcja.js z kup.css i PALETA-OKLADKI-blok.css. Nie edytować ręcznie. */
.proto{background:#fff3cd;font-size:13px;text-align:center;padding:6px 12px;line-height:20px}body{overflow-x:hidden}.top .lang{margin-left:auto}
@media(min-width:1100px){.top .wrap{flex-wrap:nowrap}.tabs{gap:0;margin-left:auto;flex-wrap:nowrap}.tabs a{padding:12px 8px;font-size:14px;white-space:nowrap}.brand{letter-spacing:.14em;margin-right:0;white-space:nowrap;font-size:14px}.top .wrap{gap:12px;padding-left:24px;padding-right:24px}.top .lang{margin-left:8px}}
@media(max-width:760px){.top{position:static}.tabs{flex-wrap:wrap;overflow:visible;width:100%}.tabs a{padding:8px 6px;font-size:13.5px;min-height:40px}.top .wrap{gap:0 8px}.brand{order:1}.top .lang{order:2;margin-left:auto}.tabs{order:3}}
.stepper{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;padding:0}.stepper li{flex:1 1 0;min-width:0}.stepper button{width:100%;min-height:48px;padding:6px 8px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-2);font:700 13px/1.2 var(--font);cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center;text-align:left}.stepper button[disabled]{cursor:default}.stepper .no{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--soft);flex:0 0 26px;font-size:13px}.stepper li.cur button{border-color:var(--navy);color:var(--navy);background:var(--soft)}.stepper li.cur .no{background:var(--navy);color:#fff}.stepper li.done button{color:var(--navy)}.stepper li.done .no{background:var(--ok);color:#fff}
@media(max-width:760px){.stepper .t{display:none}.stepper li.cur .t{display:inline}.stepper li{flex:0 0 44px;width:44px}.stepper li.cur{flex:1 1 0;width:auto}.stepper{flex-wrap:nowrap}.stepper button{padding:6px 4px}}
.stepbox[hidden]{display:none}.stepbox h2::after{margin:14px 0 20px}.opts{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.opt{display:block;position:relative}.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;min-height:0}.opt .card{display:block;border:2px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;height:100%}.opt input:focus-visible+.card{outline:3px solid var(--gold);outline-offset:3px}.opt input:checked+.card{border-color:var(--navy);background:var(--soft)}.card b{display:block;font-size:22px;margin-bottom:6px}.card span{color:var(--ink-2);font-size:15px;line-height:22px}
.per{border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px;background:#fff}.per h3{font-size:19px;margin-bottom:12px}.slots{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.slot{min-height:76px;border:2px solid var(--navy);border-radius:10px;background:#fff;color:var(--ink);padding:8px;font:700 15px/1.3 var(--font);cursor:pointer;text-align:center}.slot small{display:block;font:400 13px/1.3 var(--font);color:var(--ink-2)}.slot[aria-pressed="true"]{background:var(--navy);color:#fff}.slot[aria-pressed="true"] small{color:#dfe5f3}.slot[disabled]{border-color:var(--line);color:var(--ink-2);background:var(--soft);cursor:not-allowed;text-decoration:line-through}.slot[disabled] .st{text-decoration:none;display:block}
@media(max-width:520px){.slots{grid-template-columns:1fr}.slot{min-height:56px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:8px}.slot small{display:inline}}
.sel{position:sticky;bottom:0;background:#fff;border:2px solid var(--navy);border-radius:var(--radius);padding:14px 16px;margin-top:8px;box-shadow:var(--shadow)}.sel b{display:block}.sel .amt{font-size:15px;color:var(--ink-2)}
.nav2{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.nav2 .btn{min-width:160px}
.f-row{display:grid;gap:0 20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.h{font-size:14px;color:var(--ink-2);margin:-2px 0 6px;line-height:20px}input[aria-invalid="true"]{border-color:var(--warn);border-width:2px}.err{margin-top:6px;min-height:0}.err:empty{display:none}
.chk{display:flex;gap:12px;align-items:flex-start}.chk input{width:28px;height:28px;min-height:28px;flex:0 0 28px;margin-top:2px}.chk label{margin:0;font-weight:400;line-height:26px}
.box{background:var(--soft);border-radius:var(--radius);padding:20px 22px;margin:18px 0}.box ul,.next ul{padding-left:22px}.box li,.next li{margin:6px 0}
.sumt{max-width:560px}.sumt th{text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink-2);width:46%}.sumt td{font-weight:700}.sumt tr.g td{font-size:20px}
.alert{border:2px solid var(--warn);border-radius:10px;padding:12px 16px;margin:16px 0;color:var(--warn);font-weight:700}.alert:empty{display:none}.badge{background:#fff3cd}
.reg h2{margin-top:36px}.reg p,.reg li{max-width:70ch;margin-bottom:.8em}.reg ul,.reg ol{padding-left:24px}

/* postęp i czytelność (aktualizacja 16:05) */
.progress{margin:0 0 14px}.progress .pt{font:700 15px/1.3 var(--font);color:var(--navy);margin-bottom:8px}.pbar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.pbar span{display:block;height:100%;background:var(--gold);border-radius:99px;transition:width .25s}
.opt .card{padding:26px 24px;min-height:190px;transition:border-color .15s,box-shadow .15s}.opt:hover .card{border-color:var(--navy)}.opt input:checked+.card{box-shadow:0 0 0 3px var(--gold)}
.opt .card b{font-size:24px}.opt .card span strong{color:var(--navy)}
.opt input:checked+.card::after{content:"✓";position:absolute;top:14px;right:16px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font:700 17px/1 var(--font)}
.slot{min-height:84px;font-size:16px}.slot:not([disabled]):hover{background:var(--soft)}.slot[aria-pressed="true"]:hover{background:var(--navy)}
#submit{min-height:56px;font-size:18px;min-width:220px}
@media(max-width:760px){.stepper{display:none}.progress{margin-bottom:20px}.stepbox h2{font-size:26px}}
@media(min-width:761px){.progress{display:none}}
.field{display:flex;flex-direction:column}.field label{order:1}.field .h{order:3;margin:6px 0 0}.field input{order:2}.field .err{order:4}.field.chk{flex-direction:row}.field.chk input{order:0}
.auction{margin:14px 0 0;max-width:62ch;font-weight:700;color:var(--navy)}.stepper,.progress{margin-top:24px}

/* PALETA-OKLADKI: kolory z okladki numeru 0 (SYSTEM-MARKI.md), te same co na /Warsaw: Noc #0d2246, Granat tytulu #22324b, Rzeka #1a1f33, Miedz kladki #a65a44, Swiatla miasta #f2d6bd, Fiolet panoramy #634971 */
:root{--noc:#0d2246;--granat:#22324b;--rzeka:#1a1f33;--miedz:#a65a44;--swiatla:#f2d6bd;--fiolet:#634971;--krem:#faf4ee;--ink-2:#4a5570}
html,body{background:var(--rzeka)}
.proto{background:var(--fiolet);color:#fff;font-weight:700;letter-spacing:.04em}
.top{background:var(--noc);border-bottom:1px solid rgba(242,214,189,.22)}
.top .brand{color:#fff}
.top .tabs a{color:#fff;min-height:44px;display:flex;align-items:center}
.top .tabs a:hover{border-bottom-color:rgba(242,214,189,.45)}
.top .tabs a[aria-current="page"],.top .tabs a.on{border-bottom-color:var(--swiatla);color:var(--swiatla)}
.top .lang a{color:#fff;border-color:rgba(242,214,189,.45);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.top .lang a:hover{border-color:var(--swiatla)}
.top .lang a.on{background:var(--swiatla);color:var(--noc);border-color:var(--swiatla)}
:focus-visible{outline:3px solid var(--swiatla);outline-offset:3px}
footer{background:var(--rzeka);color:#fff;border-top:1px solid rgba(242,214,189,.16)}
footer a{color:var(--swiatla);text-decoration-color:var(--swiatla)}
/* sekcje jasne: biel i cieply krem, naglowki w Granacie, akcent Miedz */
main section{background:#fff;color:var(--noc)}
main section.soft{background:var(--krem)}
main h1,main h2,main h3{color:var(--granat)}
main h1::after,main h2::after{background:var(--miedz);height:3px;width:112px}
main a:not(.btn){color:var(--granat);text-decoration-color:var(--miedz)}
main section :focus-visible{outline-color:var(--miedz)}
main .small,main .meta{color:var(--ink-2)}
main .btn{line-height:1.25;background:var(--miedz);border-color:var(--miedz);color:#fff}
main .btn:hover{background:var(--noc);border-color:var(--noc);color:#fff}
main .btn.ghost{background:transparent;border-color:var(--granat);color:var(--granat)}
main .btn.ghost:hover{background:rgba(166,90,68,.08);border-color:var(--miedz);color:var(--granat)}
main section .tile,main section.soft .tile{background:#fff;border:1px solid rgba(34,50,75,.10);border-top:3px solid var(--miedz);box-shadow:0 10px 30px rgba(13,34,70,.08)}
main .tile .rating{color:var(--miedz)}
main .price{color:var(--noc)}
main .tile li b{color:var(--noc)}
main .draft{background:var(--swiatla);border-color:rgba(166,90,68,.45);color:var(--noc)}
main .badge{background:var(--swiatla);color:var(--noc)}
/* pierwsza sekcja w Nocy, jak sekcja glowna na /Warsaw */
main section:first-child{background:var(--noc);color:#fff}
main section:only-child{background:linear-gradient(180deg,var(--noc) 0%,var(--noc) 72%,var(--rzeka) 100%)}
main section:first-child h1,main section:first-child h2,main section:first-child h3{color:#fff}
main section:first-child h1::after,main section:first-child h2::after{background:linear-gradient(90deg,var(--miedz),var(--swiatla))}
main section:first-child a:not(.btn){color:var(--swiatla);text-decoration-color:var(--swiatla)}
main section:first-child :focus-visible{outline-color:var(--swiatla)}
main section:first-child .small,main section:first-child .meta{color:#d5dbe7}
main section:first-child .btn:hover{background:var(--miedz);border-color:var(--swiatla)}
main section:first-child .btn.ghost{background:transparent;border-color:var(--swiatla);color:var(--swiatla)}
main section:first-child .btn.ghost:hover{background:rgba(242,214,189,.12);border-color:var(--swiatla)}
main section:first-child .tile{background:var(--granat);border-color:rgba(242,214,189,.22);border-top-color:var(--miedz);box-shadow:0 18px 44px rgba(0,0,0,.35);color:#fff}
.fleet .logo{background:var(--granat);box-shadow:inset 0 0 0 1px rgba(242,214,189,.18)}
.fleet:hover .logo{box-shadow:inset 0 0 0 1px var(--swiatla)}
main section:first-child .fleet .name{color:#fff}

/* produkcja: sekcja tytułowa w Nocy (pierwsza), sklep w jasnej sekcji (druga) */
main section.hero{padding-bottom:40px}main section.shop{padding-top:40px;background:#fff;color:var(--noc)}
main section.shop .stepper,main section.shop .progress{margin-top:0}
.opt .card .ct{display:block;font:700 24px/1.25 var(--font);color:var(--ink);margin-bottom:6px}.opt .card .cd{display:block}.opt .card .cp{display:block;margin-top:10px;font-weight:700;color:var(--navy)}
.box h3.bh{font-size:18px;margin-bottom:4px}
.stan-box{background:#fff;color:var(--noc);border-radius:var(--radius);padding:22px;margin-top:24px;max-width:760px}
.stan-box h2,.stan-box b{color:var(--granat)}.stan-box .small{color:var(--ink-2)}
.stan-box .sumt{width:100%}.stan-box .sumt th{color:var(--ink-2)}
main section:first-child .stan-box a:not(.btn){color:var(--granat);text-decoration-color:var(--miedz)}
main section:first-child .stan-box .btn.ghost{border-color:var(--granat);color:var(--granat)}
.alert a{color:inherit}