/* Sprievodca cenou – návrh 28. 9. 2026 */
.wz{--wz-bg:#1b1e26}
.wz form{display:flex;flex-direction:column;gap:30px}
.wz-step{border:0;margin:0;padding:0;min-width:0;animation:wzIn .35s ease both}
.wz-step[hidden]{display:none}
.wz-step legend{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;line-height:1.3;margin-bottom:14px;padding:0;color:var(--text)}
.wz-n{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#05b9b0;color:#062c2c;font-size:14px;font-weight:700}
.wz-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wz-card{position:relative;cursor:pointer;display:block}
.wz-card input{position:absolute;opacity:0;pointer-events:none}
.wz-card-in{display:flex;flex-direction:column;gap:4px;height:100%;padding:18px 18px 20px;border:1.5px solid #ffffff26;border-radius:20px;background:#ffffff08;transition:border-color .2s,background .2s,transform .2s}
.wz-card-in strong{font-size:16px;font-weight:600;color:var(--text)}
.wz-card-in em{font-style:normal;font-size:13px;color:#5bddd1}
.wz-card-in small{font-size:13px;line-height:1.55;color:var(--muted);margin-top:6px}
.wz-card-in small b{color:var(--text);font-weight:600}
.wz-ill{width:96px;height:64px;color:#aeb8bc;margin-bottom:8px;transition:color .2s}
.wz-card input:checked+.wz-card-in{border-color:#05b9b0;background:#05b9b01a}
.wz-card input:checked+.wz-card-in .wz-ill{color:#5bddd1}
.wz-card input:focus-visible+.wz-card-in{outline:2px solid #5bddd1;outline-offset:3px}
.wz-badge{position:absolute;top:14px;right:14px;font-style:normal;font-size:11px;letter-spacing:.04em;padding:4px 9px;border-radius:99px;background:#05b9b0;color:#062c2c;font-weight:600}
@media (hover:hover) and (pointer:fine){.wz-card:hover .wz-card-in{border-color:#ffffff55;transform:translateY(-2px)}}
.wz-help{margin-top:12px;font-size:13px;color:var(--muted)}
.wz-help summary{cursor:pointer;color:#5bddd1;width:max-content}
.wz-help p{margin:8px 0 0;line-height:1.65}
.wz-help b{color:var(--text)}
.wz-warn{margin-top:12px;padding:14px 16px;border-radius:16px;border:1px solid #f0b45a66;background:#f0b45a14;font-size:13px;line-height:1.65;color:#f3e3c7}
.wz-warn b{color:#ffd28a}
.wz-sidewall{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;margin-bottom:8px;border-radius:12px;background:#0d0f14;border:1px solid #ffffff1f;font-family:'IBM Plex Mono',monospace;font-size:17px;letter-spacing:.06em;color:#8d969b}
.wz-sidewall mark{background:#05b9b0;color:#062c2c;border-radius:6px;padding:1px 7px;font-weight:600}
.wz-tip{margin:0 0 12px}
.options small{opacity:.75}
[data-only][hidden]{display:none!important}
.wz .check{border-top:0;padding:10px 0}
.wz .check small{display:block;color:var(--muted);margin-top:3px;line-height:1.5}
.wz-receipt{align-self:start;position:sticky;top:24px}
.wz-receipt .caption{font-size:13px;letter-spacing:.02em;text-transform:none;color:var(--text);opacity:.85}
.wz-do{margin:4px 0 16px}
.wz-do[hidden]{display:none}
.wz-do h4{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#5bddd1;font-weight:600}
.wz-do ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.wz-do li{position:relative;padding-left:26px;font-size:14px;line-height:1.5;color:var(--text)}
.wz-do li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#05b9b0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23062c2c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.wz-do--you h4{color:#ffd28a}
.wz-do--you li:before{background:#f0b45a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4v5M8 11.5v.5' fill='none' stroke='%23332205' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
.wz-receipt .price-lines{opacity:.8}
/* jemná animácia ilustrácií po výbere */
.wz-card input:checked+.wz-card-in .wz-ill--tires .t1{animation:wzL 1.4s ease-in-out infinite alternate}
.wz-card input:checked+.wz-card-in .wz-ill--tires .t3{animation:wzR 1.4s ease-in-out infinite alternate}
.wz-card input:checked+.wz-card-in .wz-ill--wheels .w1,.wz-card input:checked+.wz-card-in .wz-ill--wheels .w2{animation:wzSpin 3s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes wzL{to{transform:translateX(-6px)}}
@keyframes wzR{to{transform:translateX(6px)}}
@keyframes wzSpin{to{transform:rotate(360deg)}}
@keyframes wzIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wz *{animation:none!important;transition:none!important}}
@media (max-width:760px){
 .wz-cards{grid-template-columns:1fr}
 .wz-card-in{display:grid;grid-template-columns:72px 1fr;column-gap:14px;row-gap:2px;padding:16px}
 .wz-ill{grid-row:1/span 3;width:72px;height:52px;margin:4px 0 0}
 .wz-card-in small{grid-column:1/-1}
 .wz-badge{position:static;grid-column:2;justify-self:start;margin-top:6px;order:5}
 .wz-step legend{font-size:16px}
 .wz-receipt{position:static}
}

.wz-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:99px;background:#191e26ee;border:1px solid #05b9b066;box-shadow:0 12px 40px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.wz-bar b{font-size:22px;color:#5bddd1;font-weight:600;letter-spacing:-.02em}
.wz-bar span{font-size:12px;color:var(--muted);display:block}
.wz-bar a{padding:11px 16px;border-radius:99px;background:#05b9b0;color:#062c2c;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
@media (max-width:760px){.wz-bar.on{display:flex}}

/* animácia postupu práce – SVG komponent */
.wz-anim{margin:4px 0 20px}
.wz-anim[hidden]{display:none}
.wz-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.wz-tabs button{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 7px;border-radius:99px;border:1px solid #ffffff26;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.wz-tabs button span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffff1f;font-size:11px}
.wz-tabs button.on{border-color:#05b9b0;color:var(--text)}
.wz-tabs button.on span{background:#05b9b0;color:#062c2c}
.wz-stage{border-radius:18px;overflow:hidden;border:1px solid #ffffff14;background:#1a1c26}
.wz-stage tyre-animation{display:block}

/* fotoikony v kartách (29. 9. 2026) */
.wz-card-in img.wz-ill{width:120px;height:110px;object-fit:contain;object-position:left center;margin-bottom:8px;filter:grayscale(.15) brightness(.9);transition:filter .2s}
.wz-card input:checked+.wz-card-in img.wz-ill{filter:none}
img.wz-sidewall{display:block;width:100%;max-width:340px;height:auto;border-radius:14px;border:1px solid #ffffff1f;padding:0;background:none;margin-bottom:10px}
@media (max-width:760px){.wz-card-in img.wz-ill{grid-row:1/span 3;width:84px;height:84px;margin:0}}

[data-svc][hidden]{display:none}
.wz-veh-note{line-height:1.7}
.wz-veh-note b{color:var(--text);font-weight:600}