/* Lokalne UX izmene početne prema video briefu Home page izmene. */
.site main>section[id]{scroll-margin-top:100px}
.site .btn>span[aria-hidden="true"],.site .step-btn>i{display:none}
.home-hero-note{font-size:14px;line-height:1.6;color:var(--accent-text);max-width:460px}
.home-hero-clients{margin-top:48px}
#kako-radi .step-btn{background:var(--inverse-bg);color:var(--accent);border-color:var(--inverse-line);justify-content:center}
#kako-radi .step-btn:hover{background:var(--inverse-surface);border-color:var(--accent);color:var(--accent)}
#kako-radi .step-btn i{display:none}
.home-early-proof{margin-top:64px;display:grid;gap:24px}
.home-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-proof-card{min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg)}
.home-proof-card .video>button,.home-hero-player{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:var(--inverse-bg)}
.home-proof-card .video>button video,.home-hero-player img{width:100%;height:100%;object-fit:cover}
.home-proof-card .video>button svg,.home-hero-player svg{position:absolute;top:50%;left:50%;width:min(68px,20%);height:auto;transform:translate(-50%,-50%)}
.home-proof-card .video>button circle,.home-hero-player circle{fill:color-mix(in srgb,var(--inverse-bg) 70%,transparent)}
.home-proof-card .video>button path,.home-hero-player path{fill:var(--inverse-text)}
.home-proof-card .video>button:focus-visible,.home-hero-player:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}
.home-proof-caption{display:grid;gap:4px;padding:18px 12px 12px}
.home-proof-caption b{font-size:20px;letter-spacing:-.02em}
.home-proof-caption p{font-size:14px;color:var(--text-muted)}
.home-vertical-proof .container{max-width:1160px}
.home-vertical-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.home-vertical-proof .home-proof-card{padding:8px}
.home-vertical-proof .video{aspect-ratio:9/16}
@media(max-width:860px){.home-vertical-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:360px){.home-vertical-proof-grid{grid-template-columns:1fr}}

/* Ista hijerarhija kao u katalogu: naslov, modul, podnaslov. */
.home-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-module{height:100%}
.home-module .lesson-cover{height:220px}
.home-module .lesson-cover .play-mark{display:none}
.home-module .lesson-card-body{gap:0}
.home-module .lesson-title{font-size:24px;line-height:1.12;min-height:2.24em}
.home-module .module-label{font-style:normal}
.home-module .home-module-link{margin-top:auto;display:block;align-self:stretch;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:800;color:var(--accent);text-align:center;transition:background .2s,border-color .2s}
.home-module p{margin-bottom:24px}
.home-module:hover .home-module-link{background:var(--inverse-surface);border-color:var(--accent)}
.home-module .lesson-logo-stage .module-logo{margin-top:0;max-height:110px}
.home-module .agent-primer-stage{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 65%),var(--inverse-bg)}
.home-module .agent-primer-node{background:var(--inverse-surface);color:var(--inverse-text);border-color:var(--border-strong)}
.home-module .agent-primer-node:after{background:var(--border-strong)}
.home-module .cover-models>img{padding:16px;filter:none}
.home-catalog-cta{display:flex;justify-content:center;margin-top:32px}

/* Ponuda: stvarno potvrđen broj uplata i rok iz pricing/prices.json. */
.home-offer-window{padding:32px;border-radius:var(--radius-xl);margin-bottom:32px;border:1px solid var(--border);background:var(--inverse-bg)}
.home-offer-top{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.home-offer-copy{display:grid;gap:12px}
.home-offer-copy h3{font-size:clamp(24px,2.5vw,32px);color:var(--inverse-text)}
.home-offer-copy h3 .home-offer-next-price{color:var(--accent)}
.home-offer-copy p{max-width:560px;color:var(--text-muted);font-size:16px;line-height:1.6}
.home-offer-countdown{display:flex;gap:12px}
.home-offer-countdown>div{width:86px;padding:16px 10px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);display:grid;text-align:center;gap:8px}
.home-offer-countdown b{font:800 36px/1 var(--mono);letter-spacing:-.06em;color:var(--accent)}
.home-offer-countdown span{font-size:12px;color:var(--text-muted)}
.home-offer-window .home-price-ladder{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}.home-price-ladder li{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.home-price-ladder span{font:700 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.home-price-ladder b{font:800 24px/1.1 var(--mono);letter-spacing:-.04em;color:var(--inverse-text)}.home-price-ladder em{font-style:normal;font-size:13px;color:var(--text-muted)}.home-price-ladder .is-done b{color:var(--text-muted)}.home-price-ladder .is-current{border-color:var(--accent)}.home-price-ladder .is-current b,.home-price-ladder .is-current em{color:var(--accent)}@media(max-width:560px){.home-offer-window .home-price-ladder{grid-auto-flow:row;grid-template-columns:1fr;gap:8px}.home-price-ladder li{grid-template-columns:1fr auto;align-items:baseline;padding:12px 14px}.home-price-ladder em{grid-column:1/-1}}
.home-offer-members{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline;margin-block:32px 16px}
.home-offer-members p{font-size:14px;color:var(--text-muted)}
.home-offer-members p>b{font:800 24px/1.2 var(--mono);color:var(--inverse-text);margin-right:8px}
.home-offer-members>strong{font-size:16px;color:var(--accent)}
.home-seat-grid>span{display:grid;grid-template-columns:repeat(50,minmax(0,1fr));gap:4px}
.home-seat-grid i{height:18px;border:1px solid var(--border-strong);border-radius:3px;background:var(--surface)}
.home-seat-grid i.filled{background:var(--accent);border-color:var(--accent)}
.home-offer-ended{margin-top:16px!important;font-size:15px;line-height:1.6}
.home-offer-ended a{color:var(--accent)!important;text-decoration:underline!important}
.home-offer-ended[hidden]{display:none}
.home-offer-window.is-expired .home-offer-countdown b{color:var(--text-muted)}
.home-offer-window.is-expired .home-offer-members>strong{display:none}
.home-offer-window~.offers a[aria-disabled="true"]{pointer-events:none;opacity:.6;cursor:default}
@media(max-width:860px){.home-offer-top{grid-template-columns:1fr}.home-offer-countdown>div{width:88px}}
@media(max-width:560px){.home-offer-window{padding:24px 20px}.home-offer-top{gap:24px}.home-offer-countdown{width:100%;gap:8px}.home-offer-countdown>div{width:auto;flex:1}.home-offer-members{display:grid;gap:12px;margin-top:24px}.home-seat-grid>span{grid-template-columns:repeat(25,minmax(0,1fr))}.home-hero-clients{margin-top:32px}}

@media(max-width:1000px){.home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-module .lesson-title{font-size:22px}}
@media(max-width:700px){.home-proof-grid,.home-module-grid{grid-template-columns:1fr}.home-early-proof{margin-top:40px}.home-module .lesson-title{min-height:0}.home-catalog-cta .btn{white-space:normal;text-align:center}}

:is(#ponuda,#ponuda-mobile) .offer.main .price,:is(#ponuda,#ponuda-mobile) .offer.main .price b,:is(#ponuda,#ponuda-mobile) .offer.main .price i{color:var(--accent)}
.home-proof-card .video>iframe.home-tella-warm{opacity:.01;pointer-events:none}
.home-proof-card .video>iframe.home-tella-warm.is-ready{pointer-events:auto}

:is(#ponuda,#ponuda-mobile) h2 .home-price-underline{color:inherit;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:.12em;text-underline-offset:.15em}
.home-price-exit{box-sizing:border-box;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:48px 40px 40px;margin:auto;border:1px solid var(--inverse-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);overflow:auto}
.home-price-exit::backdrop{background:color-mix(in srgb,var(--inverse-bg) 80%,transparent);backdrop-filter:blur(8px)}
html.home-exit-open{overflow:hidden}
.home-price-exit .home-exit-close{position:absolute;right:16px;top:12px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--inverse-text);font:400 28px/1 var(--sans);cursor:pointer}
.home-price-exit .home-exit-close:hover{background:var(--inverse-surface)}
.home-price-exit h2{font-size:clamp(28px,3vw,40px);line-height:1.12;text-align:center;letter-spacing:-.035em;color:var(--inverse-text)}
.home-price-exit h2 em{color:var(--accent);font-style:normal}
.home-price-exit .home-exit-visual{display:grid;place-items:center;gap:12px;margin:28px 0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);padding:12px}
.home-exit-orbit{display:grid;place-items:center;align-content:center;gap:4px;width:140px;height:140px;border:6px solid var(--inverse-line);border-top-color:var(--accent);border-right-color:var(--accent);border-bottom-color:var(--accent);border-radius:50%;font:800 48px/1 var(--mono);color:var(--accent);transform:rotate(-25deg)}
.home-exit-orbit>span{display:grid;gap:4px;text-align:center;transform:rotate(25deg)}
.home-exit-orbit small{font:500 14px/1.4 var(--sans);color:var(--inverse-text)}
.home-exit-visual p{font-size:14px;color:var(--inverse-muted)}
.home-price-exit .home-exit-action{display:flex;justify-content:center}
.home-price-exit .btn{white-space:normal;text-align:center;background:var(--accent);color:var(--accent-ink)}
.home-price-exit button:focus-visible,.home-price-exit a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:560px){.home-price-exit{padding:48px 24px 28px}.home-price-exit .home-exit-visual{margin:20px 0}.home-exit-orbit{width:116px;height:116px;font-size:40px}}

/* Mobile gets a complete offer after testimonials AND at the original bottom position. */
.home-mobile-pricing{display:none}
@media(max-width:860px){
  .home-mobile-pricing{display:block}
  #akademija.hero{padding-top:32px}
  #akademija .hero-copy{gap:22px}
}

/* Ponuda na pocetnoj: samo trajni pristup, jedna kartica. */
.offers.offers-single{grid-template-columns:minmax(0,640px);justify-content:center}
.home-hero-tools{margin-top:14px;font-size:15px;line-height:1.6;color:var(--muted,var(--text-muted))}.home-hero-tools b{color:var(--text);font-weight:700}
.lesson-cover.cover-course img{filter:none}
.home-more-courses{margin:28px 0 0;width:100%;text-align:center;text-wrap:balance;font-size:16px;line-height:1.6;color:var(--muted,var(--text-muted))}
#lekcije .home-more-courses{margin-top:32px}

/* Ponuda: stara cena precrtana pored trenutne */
.offer .price s.price-old{align-self:center;margin-left:14px;font:700 clamp(18px,1.6vw,22px)/1 var(--mono);color:var(--text-muted);text-decoration-thickness:2px}
/* Ponuda na desktopu uža, da kartice i brojač mesta ne idu preko cele širine */
@media(min-width:861px){#ponuda.flip>.container,#paketi>.container{max-width:880px}}