/* Etapa 02: polazni ekran (tabla polazaka). Redovi prelaze iz problema u resenje kad tabla udje u ekran. v24b */
.pb{margin-top:40px;max-width:760px;background:rgba(7,8,13,.9);border:1px solid #2a2e40;border-radius:18px;padding:22px 24px 8px;text-align:left;text-shadow:none}
.pb-top{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-bottom:14px;font-family:var(--mono)}
.pb-t{font-size:14px;letter-spacing:.2em;color:#F2B544}
.pb-s{font-size:11px;letter-spacing:.14em;color:rgba(244,241,234,.78)}
.pb-h,.pb-r{display:grid;grid-template-columns:150px minmax(0,1fr) 168px;gap:14px;align-items:center}
.pb-h{padding-bottom:8px;border-bottom:1px solid #1e2130;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:rgba(244,241,234,.72)}
.pb-l{list-style:none;margin:0;padding:0}
.pb-r{padding:12px 0;border-bottom:1px solid #1e2130}
.pb-r:last-child{border-bottom:0}
.pb-time{display:flex;gap:3px}
.pb-time i{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:36px;background:#171a26;border-radius:4px;font-style:normal;font-family:var(--mono);font-size:20px;color:#F2B544}
.pb-time i:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#07080d}
.pb-time b{display:inline-flex;align-items:center;justify-content:center;width:10px;font-weight:400;font-family:var(--mono);font-size:20px;color:#F2B544}
.pb-x{font-family:var(--sans);font-size:17px;line-height:1.35;color:#F4F1EA}
.pb-st{display:grid;justify-items:start;perspective:420px}
.pb-st span{grid-area:1/1;padding:7px 10px;border-radius:6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;line-height:1.2;white-space:nowrap;backface-visibility:hidden;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .4s}
.pb-st .no{background:#B3441A;color:#fff}
.pb-st .da{background:#9FD8C7;color:#0B1A16;transform:rotateX(-90deg);opacity:0}
.pb-r.on .pb-st .no{transform:rotateX(90deg);opacity:0}
.pb-r.on .pb-st .da{transform:none;opacity:1}
@media (max-width:640px){.pb{padding:16px 14px 4px}.pb-h{display:none}.pb-r{grid-template-columns:auto minmax(0,1fr);row-gap:8px}.pb-st{grid-column:2}.pb-time i{width:20px;height:30px;font-size:16px}.pb-time b{font-size:16px}.pb-x{font-size:15px}}
@media (prefers-reduced-motion:reduce){.pb-st span{transition:none}}
@media (max-width:640px){.pb-time i:after{display:none}}
@media (min-width:761px) and (pointer:fine){:root[data-theme=dark] .top.scrolled{background:#0c102873;border-color:#ffffff14}}@media (max-width:760px),(pointer:coarse){.icon-btn{width:44px;height:44px}.lang a{padding-top:13px;padding-bottom:13px}.lit .top.scrolled,:root[data-theme=dark] .top.scrolled{background:#0e1022f5}.top.scrolled{background:#f4f1eaf5}}
/* v24d */:root[data-theme=dark] [data-hero]+.ondark:after{background:linear-gradient(180deg,#42374d 0,#0c1430 130px,#25305a)}:root:not([data-theme=dark]) [data-hero]+.ondark:after{background:linear-gradient(180deg,#d99878 0,#b9776f 30px,#5a3a5a 80px,#2e2a52 120px,#0c1430 160px,#25305a)}.ondark+.ondark:after{background:linear-gradient(180deg,#25305a,#0c1430 calc(100% - 130px),rgba(12,20,48,0))}:root[data-theme=dark] #kontakt.ondark:after,:root[data-theme=dark] #contact.ondark:after{background:linear-gradient(180deg,rgba(28,32,69,0) 0,#1c2045 140px)}:root:not([data-theme=dark]) #kontakt.ondark:after,:root:not([data-theme=dark]) #contact.ondark:after{background:linear-gradient(180deg,rgba(231,164,131,0) 0,#e7a483 24px,#5a3a5a 84px,#2e2a52 140px,#1c2045)}
