/* Studio: Odliczanie (0.8.0).
   Rozmiar liczb = min(ustawiony rozmiar, tyle, ile mieści się w szerokości licznika), więc na telefonie licznik zostaje
   w jednym rzędzie i tylko maleje. --cd-k to szerokość jednej jednostki w em (zależna od układu), --cd-x dodatkowe cyfry
   (np. 120 dni), --cd-s miejsce na dwukropek. Selektory tekstów mają przedrostek .studio-block.studio-countdown (0,3,0), bo Kubio koloruje
   nagłówki i akapity selektorami (0,2,1) w edytorze, a linki jeszcze mocniejszymi. */
.studio-countdown{--cd-ink:currentColor;--cd-gap:var(--studio-cd-gap,16px);--cd-k:2;--cd-s:0;align-self:stretch;text-align:center}
.studio-countdown.has-separator{--cd-s:.5}
.studio-countdown.is-align-left{text-align:left}.studio-countdown.is-align-right{text-align:right}
.studio-countdown[hidden]{display:none!important}

.studio-block.studio-countdown .studio-cd__head{margin:0 0 clamp(16px,2.6vw,28px)}
.studio-block.studio-countdown .studio-cd__eyebrow{margin:0 0 10px;color:var(--studio-cd-accent,#b58a38);font-size:.78rem;font-weight:700;letter-spacing:.18em;line-height:1.3;text-transform:uppercase}
.studio-block.studio-countdown .studio-cd__title{margin:0;color:var(--studio-cd-title,inherit);font-size:clamp(1.4rem,3.2vw,2.3rem);line-height:1.15;letter-spacing:-.015em}
.studio-block.studio-countdown .studio-cd__subtitle{max-width:62ch;margin:12px 0 0;color:var(--studio-cd-title,inherit);opacity:.72;font-size:1rem;line-height:1.6}
.studio-countdown.is-align-center .studio-cd__subtitle{margin-inline:auto}.studio-countdown.is-align-right .studio-cd__subtitle{margin-left:auto}

.studio-cd__timer{container-type:inline-size}
.studio-cd__units{--cd-n:4;--cd-x:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:var(--cd-gap);row-gap:.3em;font-size:var(--studio-cd-size,56px);font-weight:var(--studio-cd-weight,700);line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
@supports (width:1cqi){.studio-cd__units{font-size:clamp(12px,calc((100cqi - (var(--cd-n) - 1) * var(--cd-gap)) / (var(--cd-n) * var(--cd-k) + var(--cd-x) * .62 + (var(--cd-n) - 1) * var(--cd-s))),var(--studio-cd-size,56px))}}
.has-separator .studio-cd__units{column-gap:calc(var(--cd-gap) + .5em)}
.is-align-left .studio-cd__units{justify-content:flex-start}.is-align-right .studio-cd__units{justify-content:flex-end}

.studio-cd__unit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}
.studio-cd__value{position:relative;display:block;color:var(--studio-cd-num,var(--cd-ink));letter-spacing:-.02em;white-space:nowrap}
.studio-cd__d{position:relative;display:inline-block}
.studio-cd__label{display:block;margin-top:.7em;color:var(--studio-cd-label,var(--cd-ink));opacity:var(--studio-cd-label-op,.7);font-size:max(.6875rem,.19em);font-weight:600;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;white-space:nowrap}

/* Dwukropek leży w odstępie między jednostkami, więc nie zmienia ich szerokości. */
.has-separator .studio-cd__unit:not(:last-child)::after{content:":";position:absolute;top:0;left:100%;width:calc(var(--cd-gap) + .5em);font-weight:inherit;line-height:1;text-align:center;opacity:.38;pointer-events:none}
.has-separator.is-layout-tiles .studio-cd__unit:not(:last-child)::after,.has-separator.is-layout-rings .studio-cd__unit:not(:last-child)::after{top:50%;transform:translateY(-55%)}
.has-separator.is-layout-minimal .studio-cd__unit:not(:last-child)::after{color:var(--studio-cd-num,inherit)}
.has-separator.is-layout-flip .studio-cd__unit:not(:last-child)::after{line-height:1.5}

/* Kafelki */
.is-layout-tiles .studio-cd__unit{min-width:2em;padding:.32em .3em .3em;border-radius:var(--studio-cd-radius,18px)}
.is-layout-tiles .studio-cd__label{margin-top:.75em}
.is-tile-solid.is-layout-tiles .studio-cd__unit,.is-tile-solid .studio-cd__half{background:var(--studio-cd-bg,#254e3a)}
.is-tile-solid.is-layout-tiles .studio-cd__unit,.is-tile-solid .studio-cd__flip{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 .25em .6em -.3em rgba(0,0,0,.45)}
.is-tile-glass.is-layout-tiles .studio-cd__unit,.is-tile-glass .studio-cd__half{background:rgba(20,30,25,.45);background:color-mix(in srgb,var(--studio-cd-bg-solid,#254e3a) 45%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}
.is-tile-glass.is-layout-tiles .studio-cd__unit,.is-tile-glass .studio-cd__flip{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 .3em .8em -.4em rgba(0,0,0,.35)}
.is-tile-soft.is-layout-tiles .studio-cd__unit,.is-tile-soft .studio-cd__half,.is-tile-outline .studio-cd__half{background:rgba(127,127,127,.12);background:color-mix(in srgb,var(--studio-cd-bg-solid,#254e3a) 13%,transparent)}
.is-tile-outline.is-layout-tiles .studio-cd__unit,.is-tile-outline .studio-cd__flip{box-shadow:inset 0 0 0 max(1.5px,.03em) color-mix(in srgb,var(--studio-cd-bg-solid,#254e3a) 75%,transparent)}
.is-tile-solid.is-layout-tiles,.is-tile-glass.is-layout-tiles,.is-tile-solid.is-layout-flip,.is-tile-glass.is-layout-flip{--cd-ink:var(--studio-cd-on-bg,#fff)}
.is-layout-flip .studio-cd__label{color:var(--studio-cd-label,currentColor)}

/* Wąsko (telefon, wąska kolumna): kafelki dzielą rząd po równo, a podpisy zwężają się, zamiast zawijać licznik. */
@container (max-width:520px){
  .studio-cd__units{flex-wrap:nowrap}
  .is-layout-tiles .studio-cd__unit{flex:1 1 0;min-width:0;padding:.3em .12em .26em}
  .studio-cd__label{max-width:100%;overflow:hidden;font-size:clamp(9px,.2em,12px);letter-spacing:.05em;text-overflow:ellipsis}
  .is-layout-inline .studio-cd__units{flex-wrap:wrap}
}

/* Klapki: dwie połówki z tym samym tłem (gradient rozciągnięty na całą kartę), klapki animowane na wierzchu. */
.is-layout-flip{--cd-k:1.6}
.is-layout-flip .studio-cd__units,.is-layout-minimal .studio-cd__units{align-items:flex-start}
.studio-cd__flip{position:relative;display:block;height:1.5em;padding:0 .16em;border-radius:min(var(--studio-cd-radius,18px),.22em);line-height:1.5em;perspective:4em}
.studio-cd__sizer{display:block;visibility:hidden}
.studio-cd__half{position:absolute;left:0;right:0;height:50%;overflow:hidden;background-size:100% 200%!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.studio-cd__half>span{display:block;height:1.5em;line-height:1.5em;text-align:center}
.studio-cd__half.is-top{top:0;border-radius:min(var(--studio-cd-radius,18px),.22em) min(var(--studio-cd-radius,18px),.22em) 0 0;background-position:top!important;transform-origin:50% 100%}
.studio-cd__half.is-bottom{bottom:0;border-radius:0 0 min(var(--studio-cd-radius,18px),.22em) min(var(--studio-cd-radius,18px),.22em);background-position:bottom!important;transform-origin:50% 0}
.studio-cd__half.is-bottom>span{transform:translateY(-50%)}
.studio-cd__half.is-top::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.07),rgba(0,0,0,.06));pointer-events:none}
.studio-cd__flip::after{content:"";position:absolute;left:0;right:0;top:50%;z-index:3;height:max(1px,.025em);background:rgba(0,0,0,.32);transform:translateY(-50%)}
.studio-cd__half.is-flap{z-index:2}
.studio-cd__half.is-top.is-flap{animation:studio-cd-flip-top .3s cubic-bezier(.55,0,.9,.4) forwards}
.studio-cd__half.is-bottom.is-flap{transform:rotateX(90deg);animation:studio-cd-flip-bottom .32s cubic-bezier(.1,.6,.3,1) .3s forwards}
@keyframes studio-cd-flip-top{to{transform:rotateX(-90deg)}}
@keyframes studio-cd-flip-bottom{from{transform:rotateX(90deg)}to{transform:rotateX(0)}}

/* Pierścienie: obwód = 100 (pathLength), więc stroke-dashoffset to procent pozostałej części. */
.is-layout-rings{--cd-k:2.6}
.is-layout-rings .studio-cd__unit{width:2.6em;height:2.6em}
.is-layout-rings .studio-cd__value{font-size:.78em}
.is-layout-rings .studio-cd__label{margin-top:.55em;font-size:max(.625rem,.15em);letter-spacing:.1em}
.studio-cd__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.studio-cd__ring circle{fill:none;stroke-width:3.6}
.studio-cd__track{stroke:currentColor;opacity:.14}
.studio-cd__bar{stroke:var(--studio-cd-accent,#b58a38);stroke-linecap:round;stroke-dasharray:100 100;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1)}

/* Minimal */
.is-layout-minimal{--cd-k:1.3}
.is-layout-minimal .studio-cd__label{margin-top:.9em}

/* Pasek: wszystko w jednym rzędzie (np. nad nagłówkiem strony albo w sekcji z promocją). */
.studio-countdown.is-layout-inline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px clamp(16px,3vw,32px)}
.studio-countdown.is-layout-inline.is-align-left{justify-content:flex-start}.studio-countdown.is-layout-inline.is-align-right{justify-content:flex-end}
.studio-countdown.is-layout-inline .studio-cd__head{margin:0}
.studio-countdown.is-layout-inline .studio-cd__title{font-size:clamp(1rem,2vw,1.3rem)}
.studio-countdown.is-layout-inline .studio-cd__subtitle{margin-top:4px}
.studio-countdown.is-layout-inline .studio-cd__timer{container-type:normal}
.studio-countdown.is-layout-inline .studio-cd__units{column-gap:.55em;align-items:baseline;font-size:var(--studio-cd-size,28px)}
.is-layout-inline .studio-cd__unit{flex-direction:row;align-items:baseline;gap:.16em}
.is-layout-inline .studio-cd__label{margin:0;font-size:.5em;font-weight:500;letter-spacing:0;text-transform:none}
.studio-countdown.is-layout-inline .studio-cd__actions{margin:0}
.studio-countdown.is-layout-inline .studio-cd__progress{margin-top:10px}

/* Animacje cyfr: nowa wjeżdża z góry, stara wyjeżdża w dół (przycięte do wysokości liczby). */
.is-anim-slide .studio-cd__value{-webkit-clip-path:inset(-.08em -.6em);clip-path:inset(-.08em -.6em)}
.is-layout-rings.is-anim-slide .studio-cd__value{-webkit-clip-path:none;clip-path:none}
.studio-cd__n{display:inline-block}
.studio-cd__old{position:absolute;left:0;top:0;pointer-events:none}
.is-anim-slide .studio-cd__n.is-in{animation:studio-cd-in .55s cubic-bezier(.2,.8,.2,1)}
.is-anim-slide .studio-cd__old{animation:studio-cd-out .55s cubic-bezier(.2,.8,.2,1) forwards}
.is-anim-fade .studio-cd__n.is-in{animation:studio-cd-fade .5s ease}
@keyframes studio-cd-in{from{opacity:0;transform:translateY(-.7em)}}
@keyframes studio-cd-out{to{opacity:0;transform:translateY(.7em)}}
@keyframes studio-cd-fade{from{opacity:.1}}

/* Pasek postępu: ile zostało z całego odcinka. */
.studio-cd__progress{max-width:min(100%,640px);height:4px;margin:clamp(14px,2.2vw,24px) auto 0;overflow:hidden;border-radius:99px;background:rgba(127,127,127,.2);background:color-mix(in srgb,currentColor 14%,transparent)}
.is-align-left .studio-cd__progress{margin-left:0}.is-align-right .studio-cd__progress{margin-right:0}
.studio-cd__progress>span{display:block;height:100%;border-radius:inherit;background:var(--studio-cd-accent,#b58a38);transform:scaleX(var(--cd-progress,1));transform-origin:left;transition:transform .9s linear}

/* Po zakończeniu */
.studio-block.studio-countdown .studio-cd__finished{margin:0;color:var(--studio-cd-title,inherit);font-size:clamp(1.3rem,3.4vw,2.3rem);font-weight:750;line-height:1.2}
.studio-countdown:not(.is-finished) .studio-cd__finished{display:none}
.studio-countdown.is-finished .studio-cd__units,.studio-countdown.is-finished .studio-cd__progress,.studio-countdown.is-finished .is-hide-on-finish{display:none}
.studio-countdown.is-pending .studio-cd__units{visibility:hidden}
.studio-countdown.is-hidden-preview{opacity:.45;outline:1px dashed currentColor;outline-offset:6px}

/* Przycisk. Kubio koloruje linki selektorem o wadze (0,3,1), a po najechaniu (0,4,1) — stąd podwójna klasa. */
.studio-block.studio-countdown .studio-cd__actions{margin-top:clamp(18px,2.6vw,28px)}
.studio-block.studio-countdown .studio-cd__actions .studio-cd__button.studio-cd__button{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:46px;padding:12px 26px;border-radius:999px;background:var(--studio-cd-accent,#b58a38);color:var(--studio-cd-on-accent,#fff);font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 12px 30px -12px rgba(0,0,0,.45);transition:transform .25s ease,filter .25s ease}
.studio-block.studio-countdown .studio-cd__actions .studio-cd__button.studio-cd__button:hover{color:var(--studio-cd-on-accent,#fff);transform:translateY(-2px);filter:brightness(1.07)}
.studio-block.studio-countdown .studio-cd__button::after{content:"→";transition:transform .25s ease}
.studio-block.studio-countdown .studio-cd__button:hover::after{transform:translateX(3px)}
.studio-block.studio-countdown .studio-cd__button:focus-visible{outline:3px solid var(--studio-cd-accent,#b58a38);outline-offset:3px}

.studio-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(prefers-reduced-motion:reduce){.studio-block.studio-countdown *,.studio-block.studio-countdown *::after{animation:none!important;transition:none!important}}

/* Panel boczny edytora */
.studio-editor-choices{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.studio-editor-choices .components-button{justify-content:center;min-width:72px}
.studio-editor-label{margin:0 0 8px;font-size:11px;font-weight:500;text-transform:uppercase}
.studio-editor-row.is-fields{flex-wrap:nowrap;gap:12px}.studio-editor-row.is-fields>*{flex:1}