/* Cenník webov: tri pruhy na celú šírku. Cena je hlavný prvok, koralová stupnica ukazuje rozsah, prerušovaný okraj značí cenu na mieru. */
.cenik{width:100%;max-width:1240px;margin:0 auto;padding:clamp(110px,14vh,150px) var(--pad) clamp(56px,9vh,110px)}
.cenik-head{max-width:60ch;margin-bottom:clamp(36px,6vh,64px)}
.cenik-head h1{font:700 clamp(40px,5.4vw,76px)/.98 var(--disp);letter-spacing:-.02em;text-transform:uppercase;color:var(--mint)}
.cenik-head p{margin-top:16px;font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:rgba(var(--hi),.82)}
.cenik-head a{display:inline-block;margin-top:18px;font-size:14.5px;color:var(--mint);border-bottom:1px solid rgba(var(--hi),.35);padding-bottom:2px;transition:border-color .2s}
.cenik-head a:hover{border-color:var(--pink)}
.tiers{list-style:none;display:grid;gap:clamp(14px,1.6vw,22px)}
.tier{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) auto;gap:clamp(20px,3.2vw,56px);align-items:center;
  padding:clamp(22px,3vw,40px) clamp(22px,3.2vw,48px);border-radius:18px;
  background:linear-gradient(160deg,rgba(var(--hi),.07),rgba(var(--hi),.015) 60%),rgba(var(--shade),.62);
  border:1px solid rgba(var(--hi),.16);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(var(--hi),.14),0 18px 30px -18px rgba(var(--shade),.7)}
.tier-ask{background:rgba(var(--shade),.4);border:1.5px dashed rgba(var(--hi),.38)}
.scale{display:flex;gap:5px;margin-bottom:14px}
.scale i{width:30px;height:5px;border-radius:3px;background:rgba(var(--hi),.2)}
.scale i.on{background:var(--pink)}
.tier h3{font:700 clamp(19px,1.7vw,24px)/1.15 var(--disp);letter-spacing:-.01em;color:#fff}
.price{display:flex;align-items:baseline;gap:8px;margin-top:6px;color:var(--mint);font-family:var(--disp);font-weight:700}
.price .from{font:300 clamp(24px,2.2vw,32px)/1 var(--sub);color:rgba(var(--hi),.75)}
.price .num{font-size:clamp(54px,6.2vw,92px);line-height:.95;letter-spacing:-.03em;font-variant-numeric:lining-nums}
.price .cur{font-size:clamp(26px,2.6vw,38px)}
.price .num.ask{font-size:clamp(30px,3vw,44px);line-height:1.05;letter-spacing:-.015em}
.tier-body p{font-size:clamp(15.5px,1.15vw,17px);line-height:1.55;color:#fff;max-width:46ch}
.tier-body ul{list-style:none;margin-top:14px;display:grid;gap:7px}
.tier-body li{position:relative;padding-left:20px;font-size:clamp(14px,1vw,15.5px);line-height:1.5;color:rgba(var(--hi),.84)}
.tier-body li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--pink)}
.tier .gbtn{justify-self:end;max-width:100%;height:auto;min-height:54px;padding:10px 20px 10px 24px;line-height:1.25;text-align:left}
.cenik-note{margin-top:18px;font-size:14px;color:var(--muted)}
@media (hover:hover) and (pointer:fine){.tier .gbtn:hover .arw{transform:translateX(6px)}}
@media (max-width:980px){.tier{grid-template-columns:1fr;gap:18px}.tier .gbtn{justify-self:start}}
@media (max-width:620px){.tier .gbtn{width:100%;justify-content:space-between}.scale i{width:26px}}
@supports (animation-timeline:view()){
  @keyframes tierIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  .tier{animation:tierIn both var(--ease-out);animation-timeline:view();animation-range:entry 0% entry 45%}
}
@media (prefers-reduced-motion:reduce){.tier{animation:none}}

/* pozadie: notebook na stole a mobil pri ňom. Desktop: pevné za stránkou, pruhy vľavo. Mobil: obrázok pod nadpisom. */
.cn-bg{display:none}
.cn-hero{display:block;width:100%;height:auto;margin-top:26px;border-radius:14px;
  -webkit-mask-image:linear-gradient(180deg,#000 84%,transparent);mask-image:linear-gradient(180deg,#000 84%,transparent)}
@media (min-width:821px){
  .cn-hero{display:none}
  .cn-bg{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,rgba(var(--shade),.5),transparent 26%,transparent 70%,rgba(var(--shade),.55)),url(../img/cennik_bg_pc.webp?v=2) 100% 40%/cover no-repeat,var(--navy-deep)}
}
@media (min-width:1101px){
  .cenik-head,.tiers,.cenik-note{max-width:min(58%,800px)}
  .cenik-head{max-width:min(58%,60ch)}
  .tier{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px clamp(20px,2.4vw,40px)}
  .tier .gbtn{grid-column:2;justify-self:start}
  .price .num{font-size:clamp(46px,3.9vw,60px)}
}

/* zvýraznený balík: svetlý rámik a jemný prstenec okolo pruhu */
.tier-feat{border:2px solid rgba(var(--hi),.9);
  background:linear-gradient(160deg,rgba(var(--hi),.16),rgba(var(--hi),.04) 62%),rgba(var(--shade),.7);
  box-shadow:0 0 0 7px rgba(var(--hi),.1),inset 0 1px 0 rgba(var(--hi),.3),0 26px 44px -20px rgba(var(--shade),.85)}
.tier-feat h3{color:#fff}
.tier-feat .scale i.on{box-shadow:0 0 0 1px rgba(var(--hi),.25)}

/* nemecké slová sú dlhé (Unverbindliches): nadpis formulára sa zmenší, nech nezasahuje do formulára */
html:lang(de) .plate.cta h2{font-size:clamp(26px,2.7vw,36px);overflow-wrap:anywhere;hyphens:auto;min-width:0}