/* ZDG Servis – rezervacija termina (en korak naenkrat).
   Prenova 12. 11. 2026: enotne kartice z oznako izbire, fotografije naprav v belem okvirju (slika nikoli ne vpliva na velikost okvirja),
   mreže se ravnajo po širini kartice z obrazcem (container query »bk«), lepljiva vrstica »Nazaj / Naprej« na vseh zaslonih. */
html.bk-html{background:var(--grey);scroll-snap-type:none;scroll-padding-top:84px;scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom))}
.bk{background:radial-gradient(60% 40% at 100% 0%,rgba(15,47,169,.10),rgba(15,47,169,0) 70%),radial-gradient(50% 40% at 0% 100%,rgba(0,145,126,.10),rgba(0,145,126,0) 70%),var(--grey);color:var(--char);min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.bk .nw{white-space:nowrap}

/* glava */
.bk-hdr{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) var(--gut) 10px;background:rgba(245,247,250,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bk-hdr .logo-mark{color:var(--navy);--logo-ac:var(--teal);height:22px}
.bk-hdr .brand-t{color:var(--char)}
.bk-hdr .bk-sos{height:38px}

/* postavitev: obrazec + povzetek ob strani (računalnik) */
.bk-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(16px,4vh,44px) var(--gut) 28px}
.bk-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;max-width:780px;margin:0 auto}
@media (min-width:980px){.bk-wrap{grid-template-columns:minmax(0,1fr) 300px;max-width:none}}
/* min-width:0 + overflow:clip: dolg trak dni ne razširi strani; clip (ne hidden), da lepljiva vrstica deluje */
.bk-flow{--pad:clamp(20px,3.6vw,40px);container:bk/inline-size;position:relative;min-width:0;min-height:min(600px,72vh);padding:var(--pad);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 70px -50px rgba(15,47,169,.45);overflow:hidden;overflow:clip}

/* koraki */
.bk-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 16px;padding:0}
.bk-steps li{display:flex;flex-direction:column;gap:7px;min-width:0}
.bk-steps i{display:block;height:5px;border-radius:5px;background:var(--grey-2);overflow:hidden;position:relative}
.bk-steps i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),var(--teal));transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.bk-steps li.done i::after,.bk-steps li.on i::after{transform:scaleX(1)}
.bk-steps span{font-size:11.5px;font-weight:700;color:var(--mute);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-steps li.on span{color:var(--navy)}
.bk-steps li.done span{color:var(--teal)}
.bk-stepn{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 10px}
.bk-stepn b{color:var(--navy)}
@container bk (max-width:519px){.bk-steps{margin-bottom:14px}.bk-steps span{display:none}}

.bk-step{display:none}
.bk-step.on{display:block;animation:bkIn .5s var(--ease-o)}
.bk-step.on.back{animation:bkBack .5s var(--ease-o)}
@keyframes bkIn{from{opacity:0;transform:translateX(24px)}}
@keyframes bkBack{from{opacity:0;transform:translateX(-24px)}}
.bk-h{font-size:clamp(26px,4.2vw,40px);font-weight:800;font-stretch:92%;letter-spacing:-.025em;color:var(--ink);line-height:1.06;margin:0 0 8px;text-wrap:balance}
.bk-h:focus{outline:none}
.bk-sub{color:var(--mute);font-size:15px;line-height:1.5;margin:0 0 20px;max-width:56ch;text-wrap:pretty}
.bk-noscript{padding:14px;border-radius:12px;background:#FFF3F2;color:#9B2C22;margin-bottom:12px}

/* ---------- izbirne kartice: skupni videz (storitev, naprava, način) ---------- */
.bk-opt,.bk-devs button,.bk-mode button{position:relative;min-width:0;border-radius:20px;border:1.5px solid var(--line);background:var(--grey);color:var(--char);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background-color .2s,box-shadow .25s,transform .25s var(--ease)}
.bk-opt[aria-checked=true],.bk-devs button[aria-checked=true],.bk-mode button[aria-checked=true]{border-color:var(--teal);background:var(--mint);box-shadow:0 14px 30px -24px rgba(0,145,126,.85)}
/* oznaka izbire (kljukica) */
.bk-opt::after,.bk-devs button::after,.bk-mode button::after{content:"";position:absolute;top:9px;right:9px;width:22px;height:22px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.8 3.8 7.2-8'/%3E%3C/svg%3E") 50%/14px no-repeat;box-shadow:0 0 0 3px #fff;opacity:0;transform:scale(.4);transition:opacity .18s,transform .3s cubic-bezier(.3,1.6,.5,1);pointer-events:none}
.bk-opt[aria-checked=true]::after,.bk-devs button[aria-checked=true]::after,.bk-mode button[aria-checked=true]::after{opacity:1;transform:none}
@media (hover:hover){
  .bk-opt:hover,.bk-devs button:hover,.bk-mode button:hover{border-color:#B9C5D6;box-shadow:0 16px 32px -26px rgba(15,47,169,.6)}
  .bk-opt:hover,.bk-devs button:hover{transform:translateY(-2px)}
  .bk-opt[aria-checked=true]:hover,.bk-devs button[aria-checked=true]:hover,.bk-mode button[aria-checked=true]:hover{border-color:var(--teal)}
}
.bk-opt:focus-visible,.bk-devs button:focus-visible,.bk-mode button:focus-visible{outline-offset:2px}

/* 1 · storitev */
.bk-opts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@container bk (min-width:500px){.bk-opts{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}}
.bk-opt{display:flex;align-items:center;gap:14px;width:100%;min-height:82px;padding:10px 38px 10px 10px}
.bk-opt-img{position:relative;flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,47,169,.07);overflow:hidden;color:var(--navy);font-size:27px;--ac:var(--teal)}
.bk-opt-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.bk-opt b{display:block;font-size:16px;color:var(--ink);line-height:1.25;text-wrap:pretty}
.bk-opt small{display:block;font-size:13px;color:var(--mute);line-height:1.4;margin-top:3px;text-wrap:pretty}

/* 2 · naprava: navpične kartice, slika v belem okvirju stalnega razmerja; »Ne vem« = vitka vrstica čez vso širino */
.bk-devs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
@container bk (min-width:500px){.bk-devs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bk-devs button{display:flex;flex-direction:column;align-items:stretch;padding:7px 7px 14px}
.bk-dev-img{position:relative;display:block;width:100%;aspect-ratio:4/3;margin:0 0 11px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,47,169,.07);overflow:hidden;color:var(--navy);--ac:var(--teal)}
.bk-dev-img picture{display:contents}
/* slika je zunaj toka: okvir ima vedno 4 : 3, pokončni kotel ali ploščata klima se le pomanjšata vanj */
.bk-dev-img img{position:absolute;inset:0;width:100%;height:100%;padding:10% 12%;object-fit:contain;transition:transform .35s var(--ease)}
@media (hover:hover){.bk-devs button:hover .bk-dev-img img{transform:scale(1.04)}}
.bk-devs button::after{top:13px;right:13px}
.bk-devs b{display:block;padding:0 7px;font-size:15px;line-height:1.22;color:var(--ink);text-wrap:pretty}
.bk-devs small{display:block;padding:0 7px;margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--mute);text-wrap:pretty}
@supports (grid-template-rows:subgrid){
  .bk-devs{row-gap:0}
  .bk-devs button:not(.bk-dev-x){display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start;margin-bottom:10px}
}
.bk-devs .bk-dev-x{grid-column:1/-1;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:9px 40px 9px 9px}
.bk-dev-x .bk-dev-img{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;aspect-ratio:auto;margin:0;border-radius:13px;font-size:21px}
.bk-dev-x b{grid-column:2;grid-row:1;align-self:end;padding:0}
.bk-dev-x small{grid-column:2;grid-row:2;align-self:start;padding:0;margin-top:1px}
.bk-devs .bk-dev-x::after{top:calc(50% - 11px);right:11px}
.bk-row2{display:flex;flex-wrap:wrap;gap:0 14px}
.bk-row2>.fld{flex:1 1 220px;min-width:0}

/* polja */
.bk .fld{margin-bottom:14px}
.bk .fld>span{line-height:1.3}
.bk .fld input,.bk .fld textarea{font-weight:500}
.bk input::placeholder,.bk textarea::placeholder{color:#9AA4B2}
.bk .fld textarea{min-height:96px}
.bk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 14px}
@container bk (min-width:440px){.bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bk-grid .span2{grid-column:1/-1}
.bk-grid.bk-grid-adr{grid-template-columns:minmax(108px,.6fr) minmax(0,1.4fr)}

/* 3 · termin */
.bk-mode{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:2px 0 18px}
@container bk (min-width:460px){.bk-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.bk-mode button{display:flex;align-items:center;gap:12px;min-height:66px;padding:9px 36px 9px 9px;border-radius:18px}
.bk-mode-i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,47,169,.07);font-size:21px;color:var(--navy);--ac:var(--teal)}
.bk-mode b{display:block;font-size:15px;color:var(--ink);line-height:1.22}
.bk-mode small{display:block;font-size:12.5px;color:var(--mute);line-height:1.35;margin-top:2px}
.bk-mode button::after{top:calc(50% - 11px);right:10px}
.bk-flex{padding:16px 16px 4px;border-radius:20px;background:linear-gradient(160deg,var(--mint),#fff 72%);border:1.5px solid rgba(0,145,126,.25);margin-bottom:6px;animation:bkIn .45s var(--ease-o)}
.bk-flex .bk-sub{margin-bottom:14px;color:var(--char)}
.bk-lbl{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin:0 0 8px}
.bk-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.bk-pills button{min-height:44px;padding:0 17px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:14.5px;color:var(--char);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.bk-pills button[aria-checked=true]{background:var(--teal);border-color:var(--teal);color:#fff}
@media (hover:hover){.bk-pills button:not([aria-checked=true]):hover{border-color:#B9C5D6}}
.bk-fixed>.bk-sub{margin-bottom:14px}
.bk-fast{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:9px 14px 9px 9px;border-radius:16px;border:1.5px solid rgba(0,145,126,.3);background:var(--mint);color:var(--teal);font-weight:600;font-size:14.5px;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.bk-fast-i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;font-size:18px;color:var(--teal);--ac:var(--teal)}
.bk-fast b{color:var(--ink);font-weight:800}
@media (hover:hover){.bk-fast:hover{border-color:var(--teal);box-shadow:0 12px 26px -20px rgba(0,145,126,.9)}}
/* trak dni: sega do robov kartice, na robovih mehko izgine */
.bk-days-wrap{position:relative;margin:0 calc(var(--pad)*-1) 2px}
.bk-days{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px var(--pad) 12px;scroll-padding-inline:var(--pad);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--pad) - 4px),#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--pad) - 4px),#000 calc(100% - 40px),transparent 100%)}
.bk-days::-webkit-scrollbar{display:none}
.bk-day{flex:none;scroll-snap-align:start;width:66px;padding:10px 0 9px;border-radius:16px;border:1.5px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;color:var(--char);transition:border-color .2s,background-color .2s,transform .2s}
.bk-day small{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.bk-day b{font-size:22px;font-weight:800;font-stretch:90%;line-height:1.1;color:var(--ink)}
.bk-day i{font-style:normal;font-size:11px;color:var(--mute)}
.bk-day .n{margin-top:3px;font-size:11px;font-weight:700;color:var(--teal);white-space:nowrap}
.bk-day:disabled{opacity:.38;cursor:default;background:var(--grey)}
@media (hover:hover){.bk-day:not(:disabled):not([aria-selected=true]):hover{border-color:#B9C5D6}}
.bk-day[aria-selected=true]{background:var(--navy);border-color:var(--navy);transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(15,47,169,.9)}
.bk-day[aria-selected=true] small,.bk-day[aria-selected=true] b,.bk-day[aria-selected=true] i,.bk-day[aria-selected=true] .n{color:#fff}
/* puščici ob traku: samo z miško na širši kartici (na dotik se trak povleče s prstom); sedita v robu kartice, ne čez dneve */
.bk-days-arr{display:none}
@media (hover:hover) and (pointer:fine){
  @container bk (min-width:520px){
    .bk-days-arr{position:absolute;top:34px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:15px;cursor:pointer;box-shadow:0 8px 20px -12px rgba(15,47,169,.6);transition:border-color .2s,transform .2s var(--ease)}
    .bk-days-arr:hover{border-color:#B9C5D6;transform:scale(1.08)}
    .bk-days-arr .ico{stroke-width:3.4}
    [data-days-prev]{left:max(3px,calc((var(--pad) - 32px)/2))}
    [data-days-next]{right:max(3px,calc((var(--pad) - 32px)/2))}
    /* s puščicama je rob kartice prazen: dnevi se ob robu vsebine mehko odrežejo, puščici sta na čisti podlagi */
    .bk-days{--m:linear-gradient(90deg,transparent calc(var(--pad) - 12px),#000 var(--pad),#000 calc(100% - var(--pad)),transparent calc(100% - var(--pad) + 12px));-webkit-mask-image:var(--m);mask-image:var(--m)}
  }
}
.bk-mon{flex:none;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);padding:0 2px}
.bk-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px;margin-top:4px;min-height:52px}
@container bk (max-width:439px){.bk-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bk-slot{min-height:52px;border-radius:14px;border:1.5px solid var(--line);background:var(--grey);font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;cursor:pointer;color:var(--ink);white-space:nowrap;transition:border-color .2s,background-color .2s,color .2s}
@media (hover:hover){.bk-slot:not([aria-selected=true]):hover{border-color:#B9C5D6}}
.bk-slot[aria-selected=true]{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 12px 24px -18px rgba(0,145,126,.95)}
.bk-empty{padding:14px 16px;border-radius:14px;background:var(--grey);color:var(--mute);font-size:14.5px}
.bk-msg3{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#FFF1EF;color:#B42318;font-weight:700;font-size:14.5px;line-height:1.4}

/* 4 · podatki v dveh skupinah */
.bk-group{min-width:0;border:1.5px solid var(--line);border-radius:20px;padding:12px 16px 2px;margin:0 0 14px;background:#fff}
.bk-group legend{display:flex;align-items:center;gap:8px;padding:0 6px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.bk-group legend .ico{font-size:18px;color:var(--teal);--ac:var(--teal)}

/* 5 · povzetek po skupinah, en »Uredi« na skupino */
.bk-sum{margin:2px 0 16px;padding:2px 18px;border-radius:18px;background:var(--grey);border:1px solid var(--line)}
.bk-sum-g{padding:13px 0 14px}
.bk-sum-g+.bk-sum-g{border-top:1px solid var(--line)}
.bk-sum-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 3px}
.bk-sum-h h3{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);line-height:1.3;font-stretch:100%}
.bk-sum-h button{flex:none;margin:-8px -10px -8px 0;padding:8px 10px;min-height:36px;border-radius:10px;background:none;border:0;color:var(--navy);font-weight:800;font-size:13.5px;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(15,47,169,.3);text-underline-offset:3px}
.bk-sum-h button:hover{background:#E8EDF7;text-decoration-color:currentColor}
.bk-sum-v{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}
.bk-sum dl{display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:5px 12px;margin:0;font-size:15px;line-height:1.4}
.bk-sum-v+dl{margin-top:6px}
.bk-sum dt{color:var(--mute);font-weight:600;white-space:nowrap}
.bk-sum dd{margin:0;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.bk .chk{font-size:14px;line-height:1.45;color:var(--char);padding:13px 14px;border-radius:14px;border:1.5px solid var(--line);background:#fff;transition:border-color .2s,background-color .2s}
.bk .chk input{margin-top:1px}
.bk .chk.bad{border-color:var(--warn);background:#FFF6F5}
.bk .chk.bad span{color:var(--char)}
.bk-err{min-height:1.35em;margin-top:10px;font-weight:700;color:#C2362C;font-size:14px}

/* lepljiva vrstica »Nazaj / Naprej«: ostane na dnu zaslona, dokler je korak daljši od zaslona; .stuck doda JS */
.bk-nav{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px calc(var(--pad)*-1) calc(var(--pad)*-1);padding:14px var(--pad) calc(14px + env(safe-area-inset-bottom));border-top:1px solid transparent;border-radius:0 0 27px 27px;transition:background-color .2s,box-shadow .2s,border-color .2s}
.bk-nav.stuck{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top-color:var(--line);box-shadow:0 -16px 32px -26px rgba(15,47,169,.5);border-radius:0}
.bk-nav .btn{min-width:0}
.bk-nav .btn-line{flex:0 0 auto;min-width:118px}
.bk-nav .btn-teal{flex:1 1 auto;max-width:300px;margin-left:auto}
.bk-nav .btn:disabled{opacity:.7;cursor:progress}

/* 6 · zaključek */
.bk-done{text-align:center}
.bk-done.on{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:min(500px,62vh);padding:clamp(8px,3vh,28px) 0}
.bk-check{width:92px;height:92px;margin:0 0 16px}
.bk-check circle,.bk-check path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1.05;animation:draw 1s var(--ease) forwards}
.bk-check circle{stroke:var(--teal);opacity:.35}
.bk-check path{stroke:var(--teal);animation-delay:.45s}
@keyframes draw{to{stroke-dashoffset:0}}
.bk-done-when{font-size:clamp(18px,2.4vw,22px);font-weight:800;color:var(--navy);line-height:1.35;margin:6px 0 10px;text-wrap:balance}
.bk-done-when>span{display:block}
.bk-done-when>span+span{font-weight:700;color:var(--ink)}
.bk-done .bk-sub{margin:0 auto 20px;max-width:46ch}
.bk-done-act{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}
@container bk (max-width:439px){.bk-done-act{flex-direction:column;align-items:stretch;max-width:340px}.bk-done-act .btn{width:100%}}
.bk-done-sos{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;color:var(--mute)}
.bk-done-sos a{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#E5484D;text-decoration:none}

/* povzetek ob strani */
.bk-side-card{position:sticky;top:88px;padding:22px;border-radius:24px;background:var(--navy);color:#fff;background-image:radial-gradient(80% 60% at 100% 0%,rgba(51,211,183,.28),rgba(51,211,183,0) 70%)}
.bk-side-img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:18px}
.bk-side-card .eyebrow{color:var(--teal-l)}
.bk-side-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:13px}
.bk-side-list li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;--ac:var(--teal-l)}
.bk-side-list .ico{grid-row:1/3;font-size:22px}
.bk-side-list li>span{font-size:12px;color:rgba(255,255,255,.62);font-weight:600}
.bk-side-list b{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.bk-trust{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;gap:10px;font-size:14px;color:rgba(255,255,255,.85);--ac:var(--teal-l)}
.bk-trust li{display:flex;align-items:center;gap:10px}
@media (max-width:979px){.bk-side{display:none}}

/* noga */
.bk-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:18px var(--gut) calc(18px + env(safe-area-inset-bottom));font-size:13px;color:var(--mute)}
.bk-foot a{text-decoration:none;font-weight:600}

/* preklic termina */
.bk-cancel{max-width:560px;margin:4vh auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,48px)}
.bk-cancel h1{font-size:clamp(26px,4vw,38px);color:var(--ink);margin:10px 0}
.bk-cancel p{color:var(--mute);margin-bottom:12px}
.bk-cancel-i{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--mint);color:var(--navy);font-size:30px}
.bk-cancel-when{font-weight:800;color:var(--navy)!important;font-size:18px}
.bk-cancel-act{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}
.bk-msg{margin-top:12px;font-weight:700}

/* telefon */
@media (max-width:619px){
  .bk-main{padding:12px 12px 0}
  .bk-flow{--pad:18px;border-radius:24px;min-height:0}
  .bk-nav{border-radius:0 0 23px 23px}
  .bk-nav .btn-line{min-width:0;padding:.78em 1.15em}
  .bk-opt{min-height:78px;gap:12px}
  .bk-opt-img{width:56px;height:56px}
  .bk-opt b{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){.bk-step.on,.bk-flex{animation:none}.bk-opt,.bk-devs button,.bk-dev-img img{transition:none}}