/* Moje první video · telefon a cesta na vrchol (obnoveno ze staré verze, barvy z V6) */
.d6 .zpet-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,3vw,28px);max-width:1180px;margin:0 auto;border-bottom:1px solid var(--line)}
.d6 .zpet-nav .nav-logo{font:700 20px/1 var(--head);color:var(--ink);text-decoration:none}
.d6 .zpet-nav .zpet-web{font:600 15px/1 var(--sans);color:var(--ink);text-decoration:none;border-bottom:2px solid var(--oranz);padding-bottom:4px}
.d6 .zpet-nav .zpet-web:hover{color:var(--oranz-tm)}
.d6 .mini-pata{border-top:1px solid var(--line);padding:34px 0 56px;color:var(--ink-soft);font-size:14px}
.d6 .mini-pata .strana{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center}
.d6 .mini-pata a{color:var(--ink-soft);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.d6 .mini-pata a:hover{color:var(--ink);text-decoration:underline}
.d6 .mini-pata .footer-cookies{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);background:none;border:0;padding:0;cursor:pointer;min-height:44px}

.d6 .vystup{display:flex;flex-direction:column;gap:34px}
.d6 .vystup-text{flex:1}
.d6 .kroky{list-style:none;padding:0;margin:26px 0 0}
.d6 .kroky li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;line-height:1.5;border-bottom:1px solid var(--line);color:var(--ink);opacity:.45;transition:opacity .5s ease;font-size:17px}
.d6 .kroky li:last-child{border-bottom:none}
.d6 .krok-cislo{width:26px;height:26px;border-radius:50%;background:var(--papir-2);color:var(--oranz-tm);font-weight:700;font-size:13px;flex:none;display:flex;align-items:center;justify-content:center;transition:.4s}
.d6 .hora-bezi .kroky li{opacity:1}
.d6 .hora-bezi .kroky li .krok-cislo{background:var(--oranz);color:var(--ink)}
.d6 .hora-bezi .kroky li:nth-child(1){transition-delay:.15s}
.d6 .hora-bezi .kroky li:nth-child(2){transition-delay:.4s}
.d6 .hora-bezi .kroky li:nth-child(3){transition-delay:.65s}
.d6 .hora-bezi .kroky li:nth-child(4){transition-delay:.9s}
.d6 .hora-bezi .kroky li:nth-child(5){transition-delay:1.15s}
.d6 .hora-bezi .kroky li:nth-child(6){transition-delay:1.4s}
.d6 .hora-bezi .krok-cislo{transition-delay:inherit}
.d6 .hora{margin:0;flex:1}
.d6 .hora svg{width:100%;height:auto;display:block;overflow:visible}
.d6 .hora-mlha{fill:var(--line);opacity:.7}
.d6 .hora-telo{fill:#C9C4B8}
.d6 .hora-snih{fill:#F5F4F0}
.d6 .trasa-pozadi{fill:none;stroke:var(--ink-soft);stroke-width:2;opacity:.35;stroke-dasharray:1 7;stroke-linecap:round}
.d6 .trasa-postup{fill:none;stroke:var(--oranz);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100}
.d6 .hora-bezi .trasa-postup{transition:stroke-dashoffset 1.8s ease-out;stroke-dashoffset:0}
.d6 .bod{fill:var(--bila);stroke:var(--oranz);stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4)}
.d6 .hora-bezi .bod{opacity:1;transform:scale(1);transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.15s + var(--i) * .25s)}
.d6 .bod.vrchol{fill:var(--oranz);stroke:var(--bila);stroke-width:3}
.d6 .stitek{fill:var(--papir-2);stroke:var(--line);stroke-width:1;opacity:0}
.d6 .stitek-vrchol{fill:var(--oranz);stroke:none}
.d6 .stitek-text{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.1em;fill:var(--ink-soft);text-anchor:middle;opacity:0}
.d6 .stitek-text-vrchol{fill:var(--ink)}
.d6 .hora-bezi .stitek,.d6 .hora-bezi .stitek-text{opacity:1;transition:opacity .4s ease .3s}
.d6 .hora-bezi .stitek-vrchol,.d6 .hora-bezi .stitek-text-vrchol{transition-delay:1.5s}
@media (prefers-reduced-motion:reduce){
  .d6 .rec-tecka{animation:none}
  .d6 .kroky li,.d6 .trasa-postup,.d6 .bod,.d6 .stitek,.d6 .stitek-text{opacity:1;transform:none;transition:none}
  .d6 .trasa-postup{stroke-dashoffset:0}
  .d6 .kroky li .krok-cislo{background:var(--oranz);color:var(--ink)}
}
@media (min-width:900px){
  .d6 .vystup{flex-direction:row;gap:56px;align-items:center}
  .d6 .vystup-text{flex:1.1}
  .d6 .hora{flex:1}
}

/* Konverzace (nejčastější otázky) */
.d6 .chat{display:flex;flex-direction:column;gap:14px;max-width:820px;margin:0 auto}
.d6 .bubl{margin:0;padding:16px 22px;border-radius:22px;font-size:clamp(17px,1.9vw,19px);line-height:1.45;max-width:min(560px,92%);
  background:var(--bila);border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:6px;
  opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i) * .22s)}
.d6 .bubl.dr{align-self:flex-end;border-bottom-left-radius:22px;border-bottom-right-radius:6px;background:var(--papir-2);border-color:#CFCBC0}
.d6 .bubl.odpoved{display:flex;gap:18px;align-items:center;max-width:100%;margin-top:10px;background:var(--ink);border-color:var(--ink);color:var(--papir);border-radius:22px;border-bottom-left-radius:6px}
.d6 .bubl.odpoved picture{flex:none;width:60px;height:60px;display:block}
.d6 .bubl.odpoved img{width:60px;height:60px;aspect-ratio:1/1;border-radius:50%;object-fit:cover;object-position:50% 30%;border:2px solid var(--oranz);display:block}
.d6 .bubl.odpoved p{margin:0;font-size:clamp(17px,1.9vw,19px);line-height:1.55}
.d6 .chat.vidim .bubl{opacity:1;transform:none}

/* Timeline obsahu kurzu */
.d6 .tl-os{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:clamp(28px,4vw,52px)}
.d6 .tl-os::before{content:"";position:absolute;top:0;bottom:0;left:15px;width:2px;background:linear-gradient(var(--line),#CFCBC0 8%,#CFCBC0 92%,var(--line))}
.d6 .tl-bod{position:relative;padding-left:52px}
.d6 .tl-tecka{position:absolute;left:6px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--papir);border:2px solid #CFCBC0;transition:.5s}
.d6 .tl-tecka::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#CFCBC0;transition:.5s}
.d6 .tl-obsah{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.d6 .tl-obsah b{display:block;font:700 15px/1 var(--cisla);letter-spacing:.06em;color:var(--oranz-tm);margin-bottom:10px}
.d6 .tl-obsah h3{font-size:clamp(25px,3vw,34px);line-height:1.1;margin:0 0 14px}
.d6 .tl-obsah ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:520px}
.d6 .tl-obsah li{position:relative;padding-left:22px;font-size:17px;line-height:1.55;color:#3A372F}
.d6 .tl-obsah li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--oranz)}
.d6 .tl-bod.vidim .tl-obsah{opacity:1;transform:none}
.d6 .tl-bod.vidim .tl-tecka{border-color:var(--oranz);background:var(--oranz);box-shadow:0 0 0 6px rgba(242,92,5,.16),0 0 28px rgba(242,92,5,.35)}
.d6 .tl-bod.vidim .tl-tecka::after{background:var(--papir)}
@media(min-width:820px){
  .d6 .tl-os::before{left:50%;margin-left:-1px}
  .d6 .tl-bod{padding-left:0;display:grid;grid-template-columns:1fr 1fr;column-gap:0}
  .d6 .tl-tecka{left:50%;margin-left:-10px;top:10px}
  .d6 .tl-bod:nth-child(odd) .tl-obsah{grid-column:2;padding-left:clamp(36px,5vw,64px)}
  .d6 .tl-bod:nth-child(even) .tl-obsah{grid-column:1;grid-row:1;padding-right:clamp(36px,5vw,64px);justify-self:end}
  .d6 .tl-bod:nth-child(even) .tl-obsah ul{justify-self:end}
}
@media (prefers-reduced-motion:reduce){
  .d6 .bubl,.d6 .tl-obsah{opacity:1;transform:none;transition:none}
  .d6 .tl-bod .tl-tecka{border-color:var(--oranz);background:var(--oranz)}
}

@media(min-width:860px){.d6 .sliby.tretiny{grid-template-columns:2fr 1fr}}

/* Cenová karta: oranžový gradient */
.d6 .slib-karta.cena-karta{background:linear-gradient(135deg,#FFB26B 0%,#FF8A3D 40%,var(--oranz) 100%);border-color:transparent;color:var(--ink)}
.d6 .cena-karta .eyebrow{color:var(--ink)}
.d6 .cena-karta .eyebrow::before{background:var(--ink)}
.d6 .cena-karta .cena strong{color:var(--ink)}
.d6 .cena-karta .cena span{color:rgba(20,18,15,.82)}
.d6 .cena-karta .tl.brzy{background:rgba(255,255,255,.3);border-color:rgba(20,18,15,.4);color:var(--ink)}
.d6 .cena-karta .pozn{color:rgba(20,18,15,.82)}
.d6 .cena-karta .pozn a{color:var(--ink);border-color:var(--ink)}

/* Sudé otázky: broskvové pozadí */
.d6 .bubl.dr{background:#FFD9BF;border-color:#F5B58A}

/* Odznak garance ve stylu animací (tmavá karta, oranžová záře) */
.d6 .garance-odznak{flex:none;width:clamp(150px,22vw,190px);aspect-ratio:1/1}
.d6 .garance-odznak svg{width:100%;height:100%;display:block;overflow:visible}
.d6 .go-telo{stroke:rgba(255,255,255,.12);stroke-width:1}
.d6 .go-okraj{fill:none;stroke:var(--oranz-na-tmave);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:100px 100px}
.d6 .go-vnitrni{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1;stroke-dasharray:2 5}
.d6 .go-kruhtext{transform-origin:100px 100px;animation:go-toceni 48s linear infinite}
.d6 .go-kruhtext text{font:600 10.5px var(--sans);letter-spacing:.1em;fill:var(--oranz-na-tmave)}
.d6 .go-cislo{font:700 56px var(--head);fill:#fff;letter-spacing:-.02em}
.d6 .go-dni{font:700 12px var(--sans);letter-spacing:.32em;fill:var(--oranz-na-tmave);text-indent:.3em}
.d6 .go-zare{transform-origin:100px 100px;animation:go-dych 4.5s ease-in-out infinite}
.d6 .garance-odznak{opacity:0;transform:scale(.86);filter:blur(6px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.d6 .garance.vidim .garance-odznak{opacity:1;transform:none;filter:none}
.d6 .garance.vidim .go-okraj{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s ease-out .3s}
@keyframes go-toceni{to{transform:rotate(360deg)}}
@keyframes go-dych{0%,100%{opacity:.75;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){
  .d6 .go-kruhtext,.d6 .go-zare{animation:none}
  .d6 .garance-odznak{opacity:1;transform:none;filter:none;transition:none}
  .d6 .go-okraj{stroke-dashoffset:0;transition:none}
}

/* Karty s fotkou nahoře (jako náhledy článků) */
.d6 .slib-karta.s-fotem{padding:0;overflow:hidden;gap:0}
.d6 .s-fotem .foto-misto{aspect-ratio:16/9;border-radius:0;width:100%}
.d6 .s-fotem .karta-text{padding:clamp(22px,3vw,32px) clamp(24px,3vw,34px) clamp(24px,3vw,34px);display:flex;flex-direction:column;gap:16px}