/* PARTITURA (2026-11-03, Goran: "redizajniraj sajt u potpunosti, drugi totalno nacin, a ovo sacuvaj ako mi se ne svidi").
   Potpuno drugi jezik od SCENE: bijeli papir, krupna crna slova (Inter Tight), drugi red tanjim rezom istog fonta (Goran: nikad kurziv/rukopis, samo sans ili serif),
   tanke crne linije umjesto kartica, ostri uglovi, JEDNA boja naglaska (crvena), cijene zelene, tipke klavira kao motiv.
   Samo izgled: ista oznaka stranica (testovi, naslovna.js, bina.js, chat.js rade isto). Ukljucuje se u jezgro.php (dizajn()),
   body.partitura; SCENA (scena.css) ostaje sacuvana i vraca se jednom rijeci u dizajn.txt. */

body.partitura {
  --paper: #ffffff; --card: #ffffff; --soft: #f3f2ee; --ink: #0d0d0d; --muted: #5b5b5b; --line: #e0ded8;
  --accent: #c73f26; --accent-d: #a8321c; --accent-soft: #fbe2d9; --green: #17773a;
  --stage: #0d0d0d; --stage2: #161616; --stage-l: #2b2b2b; --dim: #a6a6a6;
  --head: "Inter Tight", "Inter", system-ui, sans-serif; --body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
 --r: 2px; --g: clamp(16px, 4vw, 48px); --max: 1200px; --vrh: 60px;
  --tipke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='34'%3E%3Crect width='140' height='34' fill='%23fff'/%3E%3Cpath d='M20 0v34M40 0v34M60 0v34M80 0v34M100 0v34M120 0v34M139.4 0v34' stroke='%230d0d0d' stroke-width='1.2'/%3E%3Cg fill='%230d0d0d'%3E%3Crect x='13.5' width='13' height='21'/%3E%3Crect x='33.5' width='13' height='21'/%3E%3Crect x='73.5' width='13' height='21'/%3E%3Crect x='93.5' width='13' height='21'/%3E%3Crect x='113.5' width='13' height='21'/%3E%3C/g%3E%3C/svg%3E");
  background: #fff; color: var(--ink); font: 16px/1.55 var(--body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
body.partitura h1, body.partitura h2, body.partitura h3 { font-family: var(--head); letter-spacing: -0.035em; line-height: 1.02; }
body.partitura h2 { font-weight: 800; }
body.partitura ::selection { background: var(--accent); color: #fff; }
body.partitura :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 0; }
body.partitura .w { max-width: calc(var(--max) + 2 * var(--g)); padding: 0 var(--g); }
body.partitura .uska { max-width: calc(820px + 2 * var(--g)); }
body.partitura .uska2 { max-width: calc(1040px + 2 * var(--g)); }
body.partitura .siv, body.partitura .sitno { color: var(--muted); }
body.partitura .hl { background: none; padding: 0; }
body.partitura .rukom { color: var(--accent); font: 800 21px/1 var(--head); letter-spacing: -.03em; }
body.partitura .ch-dug i, body.partitura .ch-vrh i, body.partitura #gcRoot .gc-av { font: 800 16px/1 var(--head); }

/* oznaka iznad naslova: crvena crtica + verzal */
body.partitura .eye, body.partitura .cl-oko { display: block; font: 700 12px/1.2 var(--body); letter-spacing: .2em; text-transform: uppercase; color: var(--ink); text-shadow: none; }
body.partitura .eye::before, body.partitura .cl-oko::before { content: ""; display: inline-block; width: 26px; height: 2px; margin: 0 12px 0 0; vertical-align: .32em; background: var(--accent); }
body.partitura .centar .eye::before, body.partitura .cl-hero .cl-oko::before, body.partitura .cl-kurs .cl-oko::before { display: none; }
body.partitura .cl-hero .cl-oko, body.partitura .cl-kurs .cl-oko { color: var(--ak2); }   /* na crnoj bini */

/* dugmad: ostri pravougaonici */
body.partitura .btn { border-radius: 2px; box-shadow: none; font-family: var(--head); font-weight: 700; letter-spacing: 0; }
body.partitura .btn-g { background: var(--accent); }
body.partitura .btn-g:hover { background: var(--ink); }
body.partitura .btn-o { border: 1.5px solid var(--ink); color: var(--ink); }
body.partitura .btn-o:hover { background: var(--ink); color: #fff; }
body.partitura .btn-lista { border-radius: 2px; background: var(--ink); color: #fff; font-family: var(--body); }
body.partitura .btn-lista:hover { background: var(--accent); }
body.partitura .btn-kursevi { border-radius: 2px; box-shadow: none; font: 800 17px/1.2 var(--head); letter-spacing: .04em; }
body.partitura .btn-kursevi:hover { background: var(--ink); transform: none; }
body.partitura .btn-cijeli { border-radius: 2px; background: var(--accent); box-shadow: none; font-family: var(--head); }
body.partitura .btn-cijeli:hover { background: var(--ink); box-shadow: none; }

/* ----------------------------------------------------------------------------------------------- zaglavlje -- */
body.partitura .top { background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid var(--ink); color: var(--ink); }
body.partitura .top-in { height: var(--vrh); }
body.partitura .brand { font: 800 19px/1 var(--head); letter-spacing: -.035em; color: var(--ink); }
body.partitura .brand span { color: var(--accent); }
body.partitura .kurs-sw { border: 1.5px solid var(--ink); border-radius: 3px; padding: 2px; }
body.partitura .kurs-sw a { border-radius: 1px; font: 700 14px/1 var(--head); color: var(--ink); }
body.partitura .kurs-sw a.da { background: var(--ink); color: #fff; }
body.partitura .kurs-sw a:not(.da):hover { background: var(--soft); color: var(--ink); }
body.partitura.sw-gore .kurs-sw { box-shadow: 0 0 0 3px rgba(199, 63, 38, .35); }
body.partitura .top nav a { border-radius: 2px; font: 600 14.5px/1 var(--body); color: var(--ink); }
body.partitura .top nav a:hover { background: var(--ink); color: #fff; }
body.partitura .korpa-znak { border-radius: 2px; }
@media (max-width: 760px) { body.partitura { --vrh: 54px; } body.partitura .brand { font-size: 17px; } }
@media (max-width: 440px) { body.partitura .brand { font-size: clamp(14px, 4.2vw, 17px); } body.partitura .top nav a { font-size: clamp(12.5px, 3.5vw, 14px); } }

/* ------------------------------------------------------------------------------- slideshow (bina) -- */
/* Isti kadrovi i isto ponasanje (bina.js), drugi raspored: svaka stanica je bijela strana, kadar u okviru pored teksta
   (na kompjuteru jedan lijevo, sljedeci desno), na telefonu kadar od ruba do ruba ispod naslova. */
body.partitura .bina { --scena: #fff; --papir: var(--ink); --siv: var(--muted); --ak: var(--accent); --ak2: var(--accent); --naslov: var(--head); --tijelo: var(--body);
  background: #fff; color: var(--ink); -webkit-font-smoothing: antialiased; }
body.partitura .bina .putanja { display: none; }
body.partitura .bina .st::before, body.partitura .bina .st::after { content: none; }
body.partitura .bina .st { position: relative; height: auto; min-height: 0; overflow: visible; isolation: auto; border-top: 1px solid var(--ink); }
body.partitura .bina .st > video { position: relative; inset: auto; z-index: auto; display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: 50% 50%;
  transform: none; filter: none; background: #111; border-top: 3px solid var(--accent); transition: box-shadow .3s; }
body.partitura .bina .st.u > video { transform: none; }
body.partitura .bina .st.zvuk > video { filter: none; box-shadow: 0 0 0 3px var(--accent), 0 30px 70px -40px rgba(199, 63, 38, calc(.5 + .5 * var(--puls))); }
body.partitura .bina .broj { position: static; z-index: auto; transform: none; display: block; font: 900 clamp(76px, 8.6vw, 136px)/.78 var(--head); letter-spacing: -.065em; color: var(--accent); -webkit-text-stroke: 0; }
body.partitura .bina .eye { color: var(--ink); text-shadow: none; }
body.partitura .bina .st h1, body.partitura .bina .st h2 { font-weight: 800; letter-spacing: -.045em; color: var(--ink); }
body.partitura .bina .st h2 { font-size: clamp(42px, 5.2vw, 86px); line-height: .94; }
body.partitura .bina .st p.l { color: var(--muted); font-size: clamp(17px, 1.3vw, 20px); line-height: 1.55; text-shadow: none; }

body.partitura .bina .rijec > span { transition-duration: .8s; }
/* "Poslušajte": crni pravougaonik, prsten napretka ostaje */
body.partitura .bina .dug { border-radius: 2px; min-height: 62px; padding: 0 26px 0 9px; background: var(--ink); color: #fff; box-shadow: none; font: 700 16.5px/1 var(--head); letter-spacing: 0; }
body.partitura .bina .dug:hover { background: var(--accent); transform: none; }
body.partitura .bina .dug.svira { background: var(--accent); }
body.partitura .bina .dug i { border-radius: 50%; background: rgba(255, 255, 255, .14); }
body.partitura .bina .dug-o { background: transparent; border: 1.5px solid var(--ink); color: var(--ink); padding: 0 26px; }
body.partitura .bina .dug-o:hover { background: var(--ink); color: #fff; }
body.partitura .bina .kontakt { color: var(--muted); }
body.partitura .bina .kontakt b { color: var(--ink); font-family: var(--head); }
/* naslov v3: "Put do zarade" crno, ispod kurziv "od sviranja klavijature." (bina.js ga i dalje rasteze FONTOM na istu sirinu) */
body.partitura .bina .h-a { font-weight: 800; letter-spacing: -.05em; }
body.partitura .bina .h-b { margin-top: .14em; font: 500 clamp(26px, 3.6vw, 58px)/1 var(--head); letter-spacing: 0; color: var(--ink); }
body.partitura .bina .h-eur svg { filter: none; }
body.partitura .bina .h-eur path { stroke: var(--accent); }
body.partitura .bina .brojac { color: var(--ink); font-family: var(--head); letter-spacing: -.03em; }
body.partitura .bina .brojac b { color: var(--accent); }
/* "Šta želite?": spisak s tankim crnim linijama, strelica desno; sve jedno ispod drugog */
body.partitura .bina .upiti { gap: 0; max-width: none; margin-top: 0; }
body.partitura .bina .upiti-h { margin: 0 0 14px; font: 700 12px/1 var(--body); letter-spacing: .2em; color: var(--muted); text-shadow: none; }
body.partitura .bina .up { position: relative; gap: 16px; min-height: 78px; padding: 12px 6px 12px 0; border: 0; border-top: 1px solid var(--ink); border-radius: 0; background: transparent;
  -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--ink); transition: background .2s, padding .25s; }
body.partitura .bina .up::after { content: "\2192"; flex: none; margin-left: auto; padding-left: 10px; font: 500 22px/1 var(--head); color: var(--ink); transition: transform .25s, color .2s; }
body.partitura .bina .up:hover, body.partitura .bina .up:focus-visible { border-color: var(--ink); background: var(--soft); padding-left: 10px; transform: none; }
body.partitura .bina .up:hover::after { transform: translateX(4px); color: var(--accent); }
body.partitura .bina #upKontakt { border-bottom: 1px solid var(--ink); }
body.partitura .bina .up-ik { border-radius: 2px; background: var(--ink); margin-left: 0; }
body.partitura .bina .up:hover .up-ik { background: var(--accent); }
body.partitura .bina .up-sl { border-radius: 0; box-shadow: none; }
body.partitura .bina .up-t b { font: 700 18px/1.2 var(--head); letter-spacing: -.015em; }
body.partitura .bina .up-t small { color: var(--muted); font-size: 14px; }
body.partitura .bina .upiti .btn-kursevi { max-width: none; min-height: 68px; margin-top: 22px; }
/* recenzije */
body.partitura .bina .st.rec > video { display: none; }
body.partitura .bina .rec-sve .rec-k { border-radius: 0; box-shadow: none; }
body.partitura .bina .rec-k .pl { box-shadow: 0 0 0 7px rgba(199, 63, 38, .25); }
body.partitura .bina .rec-k .ko b { color: #fff; }
body.partitura .bina .rec-k .ko span { color: #d6d6d6; }
/* zadnja stanica: crveni plakat, kadar preko njega crno-crveno (duotone) */
body.partitura .bina .st.kraj { isolation: isolate; overflow: hidden; background: var(--accent); color: #fff; border-top: 0; }
body.partitura .bina .st.kraj > video { grid-column: auto; grid-row: auto; margin: 0; width: 100%; position: absolute; inset: 0; z-index: -1; height: 100%; aspect-ratio: auto; border: 0; filter: grayscale(1) contrast(1.15); mix-blend-mode: multiply; opacity: .5; }
body.partitura .bina .st.kraj .eye, body.partitura .bina .st.kraj h2 { color: #fff; }
body.partitura .bina .st.kraj .eye::before { background: #fff; }
body.partitura .bina .st.kraj p.l, body.partitura .bina .st.kraj .kontakt { color: rgba(255, 255, 255, .9); }
body.partitura .bina .st.kraj .kontakt b { color: #fff; }
body.partitura .bina .st.kraj .dug { background: #fff; color: var(--ink); }
body.partitura .bina .st.kraj .dug i { background: var(--accent); }
body.partitura .bina .st.kraj .dug:hover { background: var(--ink); color: #fff; }
body.partitura .bina .st.kraj .dug-o { background: transparent; border-color: #fff; color: #fff; }
body.partitura .bina .st.kraj .dug-o:hover { background: #fff; color: var(--ink); }
/* klavijatura koja pokazuje sekcije: bijela, crni rub, crvene upaljene dirke */
body.partitura .bina .klav { bottom: 22px; width: min(460px, 42vw); height: 46px; gap: 2px; background: #fff; box-shadow: 0 0 0 6px #fff, 0 0 0 7.5px var(--ink), 0 24px 44px -18px rgba(0, 0, 0, .45); }
body.partitura .bina .dirka { border-radius: 0 0 3px 3px; background: #fff; box-shadow: inset 0 0 0 1px var(--ink); color: #8a8a8a; font-family: var(--body); }
body.partitura .bina .dirka.sv { background: var(--accent); color: #fff; transform: translateY(2px); box-shadow: inset 0 0 0 1px var(--accent-d), 0 0 calc(10px + 22px * var(--puls)) rgba(199, 63, 38, .6); }
body.partitura .bina .crna { background: var(--ink); border-radius: 0 0 2px 2px; }
body.partitura .bina .klav-nat { bottom: 84px; padding: 6px 12px; background: #fff; box-shadow: 0 0 0 1px var(--ink); color: var(--ink); font-family: var(--body); }
/* traka napretka ispod zaglavlja (i na kompjuteru, umjesto vijugave putanje) */
body.partitura .bina .tel-put { display: block; position: fixed; z-index: 31; top: var(--vrh); left: 0; right: 0; height: 3px; background: transparent; border-radius: 0; }
body.partitura .bina .tel-put i { border-radius: 0; background: var(--accent); box-shadow: none; }
/* "Okrenite telefon" i prezentacija: tamne poruke dolje */
body.partitura .bina .prez-traka { background: var(--ink); border: 0; border-radius: 2px; }
body.partitura .bina .prez-x { border-radius: 2px; }
body.partitura .bina .prez-kreni { background: rgba(255, 255, 255, .7); }
body.partitura .bina .prez-kreni button { border-radius: 2px; animation: none; box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .5); }

@media (min-width: 761px) {
  body.partitura .bina .st { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: auto 1fr; column-gap: clamp(32px, 5vw, 84px); align-items: start;
    padding: clamp(84px, 13vh, 150px) max(var(--g), calc((100% - var(--max)) / 2)); }
  body.partitura .bina .st > .broj { grid-column: 1; grid-row: 1; margin: 0 0 30px -.04em; }
  body.partitura .bina .st > .sad-t { grid-column: 1; grid-row: 2; margin: 0; max-width: none; }
  body.partitura .bina .st > video { grid-column: 2; grid-row: 1 / span 2; }
  body.partitura .bina .st h2 { margin-top: 16px; }
  body.partitura .bina .st p.l { margin-top: 26px; max-width: 30em; }
  body.partitura .bina .dugmad { margin-top: 34px; }
  body.partitura .bina .st:nth-of-type(odd):not(.b0):not(.rec):not(.kraj) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  body.partitura .bina .st:nth-of-type(odd):not(.b0):not(.rec):not(.kraj) > .broj,
  body.partitura .bina .st:nth-of-type(odd):not(.b0):not(.rec):not(.kraj) > .sad-t { grid-column: 2; }
  body.partitura .bina .st:nth-of-type(odd):not(.b0):not(.rec):not(.kraj) > video { grid-column: 1; }
  /* prva strana: naslov preko cijele sirine, ispod lijevo "Šta želite?", desno kadar */
  body.partitura .bina .st.b0 { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-rows: auto auto auto auto 1fr; row-gap: 0; align-content: start;
    min-height: calc(100vh - var(--vrh)); min-height: calc(100svh - var(--vrh)); padding-top: clamp(40px, 7vh, 84px); padding-bottom: clamp(56px, 9vh, 100px); border-top: 0; }
  body.partitura .bina .b0 .sad-t { display: contents; }
  body.partitura .bina .b0 > .broj { display: none; }
  body.partitura .bina .b0 .eye { grid-column: 1 / -1; grid-row: 1; }
  body.partitura .bina .b0 h1 { grid-column: 1 / -1; grid-row: 2; justify-self: start; margin: 22px 0 clamp(36px, 6vh, 64px); }
  body.partitura .bina .b0 .upiti { grid-column: 1; grid-row: 3 / -1; }
  body.partitura .bina .b0 > video { grid-column: 2; grid-row: 3; position: sticky; top: calc(var(--vrh) + 24px); }
  body.partitura .bina .b0 p.l { display: block; grid-column: 2; grid-row: 4; margin-top: 22px; }
  body.partitura .bina .b0 .brojac { display: block; grid-column: 2; grid-row: 5; margin-top: 18px; align-self: start; }
  body.partitura .bina .h-a { font-size: clamp(60px, 9.6vw, 156px); }
  body.partitura .bina .st.rec > .sad-t, body.partitura .bina .st.kraj > .sad-t { grid-column: 1 / -1; grid-row: 1 / -1; }
  body.partitura .bina .st.rec h2, body.partitura .bina .st.kraj h2 { font-size: clamp(48px, 7vw, 120px); }
  body.partitura .bina .rec-sve { margin-top: 44px; gap: 16px; }
  body.partitura .bina .st.kraj .dugmad { justify-items: start; }
}
@media (min-width: 761px) and (max-height: 940px) { body.partitura .bina .b0 .brojac { display: block; } body.partitura .bina .h-a { font-size: clamp(56px, 8.4vw, 132px); } }

@media (max-width: 760px) {
  body.partitura .bina .st { display: flex; flex-direction: column; align-items: stretch; padding: 54px var(--g) 62px; }
  body.partitura .bina .sad-t { display: contents; margin: 0; }
  body.partitura .bina .st > .broj { order: 1; font-size: 84px; margin: 0 0 22px -.03em; }
  body.partitura .bina .eye { order: 2; }
  body.partitura .bina .st h1, body.partitura .bina .st h2 { order: 3; margin-top: 14px; }
  body.partitura .bina .st h2 { font-size: clamp(38px, 11.4vw, 52px); }
  body.partitura .bina .st > video { order: 4; margin: 28px calc(-1 * var(--g)) 0; width: auto; border-bottom: 0; }
  body.partitura .bina .st p.l { order: 5; margin-top: 22px; font-size: 17px; }
  body.partitura .bina .dugmad { order: 6; margin-top: 26px; }
  body.partitura .bina .rec-sve { order: 6; }
  /* prva strana na telefonu: naslov, pa "Šta želite?" i dugme kurseva (prvi ekran), kadar odmah ispod */
  body.partitura .bina .st.b0 { padding-top: 26px; padding-bottom: 40px; border-top: 0; min-height: 0; }
  body.partitura .bina .b0 > .broj { display: none; }
  body.partitura .bina .b0 .eye { order: 1; }
  body.partitura .bina .b0 h1 { order: 2; margin-top: 14px; }
  body.partitura .bina .b0 .upiti { order: 3; margin-top: 24px; }
  body.partitura .bina .b0 > video { order: 4; margin-top: 30px; }
  body.partitura .bina .b0 p.l, body.partitura .bina .b0 .brojac { display: none; }
  body.partitura .bina .h-a { font-size: clamp(40px, 12.6vw, 60px); }
  body.partitura .bina .h-b { font-size: clamp(20px, 6vw, 30px); }
  body.partitura .bina .up { min-height: 0; gap: 12px; padding: 10px 0; }
  body.partitura .bina .up::after { display: none; }
  body.partitura .bina .up:hover, body.partitura .bina .up:focus-visible { padding-left: 0; }
  body.partitura .bina .up-t b { font-size: 16px; }
  body.partitura .bina .up-t small { font-size: 12.5px; line-height: 1.35; }
  body.partitura .bina .up-sl { width: 80px; }
  body.partitura .bina .up-ik { width: 44px; height: 44px; }
  body.partitura .bina .upiti .btn-kursevi { min-height: 60px; margin-top: 18px; font-size: 16px; }
  body.partitura .bina .st.kraj { padding-top: 64px; min-height: 0; }
  body.partitura .bina .st.kraj > video { margin: 0; }
  body.partitura .bina .st.rec { min-height: 0; }
  body.partitura .bina .okreni { top: auto; bottom: calc(16px + env(safe-area-inset-bottom)); border-radius: 2px; background: var(--ink); border: 0; color: #fff; }
  body.partitura .bina .okreni small { color: #c4c4c4; }
  body.partitura .bina .okreni i { border-radius: 2px; }
  body.partitura .bina .prez-traka { top: calc(var(--vrh) + 10px); }
}
@media (max-width: 760px) and (max-height: 780px) { body.partitura .bina .up-t small { display: none; } body.partitura .bina .up { min-height: 56px; } }
@media (orientation: landscape) and (max-height: 540px) and (hover: none) and (pointer: coarse) {
  body.partitura .bina .st:not(.b0) > video { position: relative; inset: auto; height: auto; aspect-ratio: 16 / 9; }
  body.partitura .bina .st:not(.b0)::before { content: none; }
  body.partitura .bina .st:not(.b0) .sad-t { margin: 0; max-width: none; }
  body.partitura .bina .st:not(.b0) p.l { display: block; }
}

/* --------------------------------------------------------------------------- naslovna ispod slideshowa -- */
body.partitura.naslovna h2 { font-size: clamp(38px, 5.4vw, 80px); line-height: .98; letter-spacing: -.045em; }
body.partitura.naslovna .sec { padding: clamp(80px, 13vh, 150px) 0; border-top: 1px solid var(--ink); }
body.partitura.naslovna .eye { color: var(--ink); }
/* brojevi poglavlja 01-05 iznad naslova */
body.partitura.naslovna main { counter-reset: pog; }
body.partitura :is(#lekcije .sek-vrh2 h2, #cijene .sek-vrh h2, #goran h2, #pitanja > .w > h2, #snimak h2)::before {
  counter-increment: pog; content: counter(pog, decimal-leading-zero); display: block; margin: 0 0 18px; font: 700 13px/1 var(--body); letter-spacing: .2em; color: var(--accent); }
body.partitura #goran h2::before { font-family: var(--body); font-style: normal; }

/* stari vrh (izjava + igrica sluha): veliki naslov, sivo pa crno */
body.partitura .stage { padding: clamp(80px, 13vh, 150px) 0; background: #fff; color: var(--ink); border-top: 1px solid var(--ink); }
body.partitura .stage .eye { color: var(--ink); }
body.partitura .stage .h1-v3 { max-width: 15em; font-size: clamp(32px, 4.4vw, 66px); line-height: 1.02; letter-spacing: -.04em; color: #858585; text-wrap: balance; }
body.partitura .stage .h1-v3 .hl { display: inline; margin: 0; color: var(--ink); }
body.partitura .stage .podnaslov { margin-top: 26px; font: 600 clamp(22px, 2.4vw, 32px)/1.2 var(--head); letter-spacing: -.02em; color: var(--ink); }
body.partitura .stage .lead { max-width: 34em; margin: 26px 0 0; font-size: 18px; line-height: 1.6; color: var(--muted); }
body.partitura .stage .lead-b { color: var(--ink); font-weight: 600; }
@media (min-width: 901px) { body.partitura .hero-grid { grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: clamp(32px, 5vw, 80px); align-items: end; } }
body.partitura .hero-r .gk-card { border-radius: 4px; box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .55); }
body.partitura .stage .lica { margin-top: 34px; color: var(--muted); font-size: 15px; }
body.partitura .stage .lica-t b { color: var(--ink); }
body.partitura .stage .lica img { border-color: #fff; }
body.partitura .stage .lica a::after { border-color: #fff; }
body.partitura .lica-klik, body.partitura .lica .lica-klik { display: inline-flex; border-radius: 2px; box-shadow: none; }

/* brojke: cetiri ogromna broja, tanke linije izmedju */
body.partitura.naslovna .brojke-sek { margin: 0; padding: 0 0 clamp(70px, 11vh, 130px); }
body.partitura .brojke { gap: 0; border-top: 2px solid var(--ink); }
body.partitura .brojke li, body.partitura.naslovna .brojke li { padding: 26px 22px 4px; background: none; border: 0; border-left: 1px solid var(--line); border-radius: 0; box-shadow: none; }
body.partitura .brojke li:first-child { border-left: 0; padding-left: 0; }
body.partitura .brojke b, body.partitura.naslovna .brojke b { font: 800 clamp(54px, 7vw, 112px)/.86 var(--head); letter-spacing: -.06em; color: var(--ink); }
body.partitura .brojke span { margin-top: 14px; font-size: 15px; font-weight: 500; color: var(--muted); }
@media (max-width: 760px) {
  body.partitura .brojke li:nth-child(odd) { border-left: 0; padding-left: 0; }
  body.partitura .brojke li:nth-child(n+3) { border-top: 1px solid var(--line); }
  body.partitura .brojke li { padding: 20px 14px 18px; }
}

/* lekcije: gusta tabela, tanke linije */
body.partitura .sek-vrh2 { margin-bottom: 34px; }
body.partitura .sek-vrh2 .pod { margin-top: 18px; font-size: 18px; }
body.partitura .lk { border-top: 2px solid var(--ink); }
body.partitura .lk-g { margin: 46px 0 0; padding: 0 0 12px; border-bottom: 1px solid var(--ink); font: 700 12.5px/1.2 var(--body); letter-spacing: .18em; color: var(--accent); }
body.partitura .lk-g:first-child { margin-top: 22px; }
body.partitura .lk-g span { color: var(--muted); letter-spacing: 0; text-transform: none; font-weight: 500; font-size: 14px; }
body.partitura .lk-r { border-bottom: 1px solid var(--line); }
body.partitura .lk-r > summary { grid-template-columns: 52px minmax(0, 1fr) auto auto auto; gap: 4px 16px; padding: 17px 0; font-size: 16px; transition: background .2s; }
body.partitura .lk-r > summary:hover { background: var(--soft); }
body.partitura .lk-br { font: 800 15px/1 var(--head); color: var(--ink); font-variant-numeric: tabular-nums; }
body.partitura .lk-n { font: 650 18px/1.25 var(--head); letter-spacing: -.015em; }
body.partitura .lk-k { font-size: 13.5px; }
body.partitura .lk-c { font: 800 16px/1 var(--head); }
body.partitura .lk-kupi { border-radius: 2px; height: 36px; line-height: 33px; padding: 0 14px; font-family: var(--body); }
body.partitura .lk-kupi:hover { background: var(--ink); color: #fff; }
body.partitura .lk-l { padding: 2px 0 20px 68px; font-size: 15px; color: #2c2c2c; }
body.partitura .lk-l a { color: var(--accent); }
body.partitura .lk-dno { margin-top: 24px; font-size: 16px; }
body.partitura .besplatno { border-radius: 0; border: 1.5px solid var(--accent); }
body.partitura .cj-traka { border-radius: 0; border: 2px solid var(--accent); padding: 22px; }
body.partitura .cj-traka .cj-app, body.partitura .izb-app { border-radius: 2px; }
@media (max-width: 560px) {
  body.partitura .lk-r > summary { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 4px 10px; padding: 14px 0; }
  body.partitura .lk-n { font-size: 16.5px; }
  body.partitura .lk-l { padding-left: 0; }
  body.partitura .lk-kupi { height: 34px; line-height: 31px; }
}

/* cijene: siva traka, kurs kao bijeli list s crnim rubom i crvenom glavom */
body.partitura #cijene { background: var(--soft); }
body.partitura .sek-vrh { align-items: flex-end; margin-bottom: 34px; }
body.partitura .seg { padding: 0; border: 1.5px solid var(--ink); border-radius: 3px; background: #fff; }
body.partitura .seg button { padding: 11px 18px; border-radius: 0; font: 700 14.5px/1 var(--head); }
body.partitura .seg button[aria-selected=true] { background: var(--ink); color: #fff; }
body.partitura .kurs { padding: clamp(22px, 3.4vw, 44px); background: #fff; border: 2px solid var(--ink); border-top: 8px solid var(--accent); border-radius: 0; box-shadow: none; }
body.partitura .kurs-vrh h3 { font: 800 clamp(30px, 3.4vw, 46px)/1 var(--head); letter-spacing: -.04em; }
body.partitura .kurs-vrh p { margin-top: 8px; font-size: 15.5px; }
body.partitura .cij b, body.partitura.naslovna .cij b { font: 800 clamp(46px, 5.4vw, 74px)/.9 var(--head); letter-spacing: -.05em; }
body.partitura .cij small { display: block; margin-top: 6px; }
body.partitura .cij .cj-lok { font: 700 17px/1.2 var(--head); color: var(--ink); }
body.partitura .kurs-za { margin-top: 20px; font-size: 17px; color: #2c2c2c; }
body.partitura .stavke { margin: 22px 0; gap: 0; border-top: 1px solid var(--line); font-size: 15.5px; }
body.partitura .stavke li { padding: 10px 0 10px 28px; border-bottom: 1px solid var(--line); }
body.partitura .stavke li::before { top: 10px; }
body.partitura .rate { gap: 6px; }
body.partitura .rate a { border-radius: 2px; border: 1px solid var(--ink); padding: 8px 12px; font-size: 13.5px; }
body.partitura .rate a:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
body.partitura .kurs .btn-g.btn-w { height: 66px; font-size: 18px; }
body.partitura .povj { margin-top: 16px; }
body.partitura details.slozi { margin-top: 14px; border-radius: 0; border: 1.5px solid var(--ink); background: #fff; }
body.partitura details.slozi > summary { padding: 18px 20px; font: 700 17px/1.2 var(--head); }
body.partitura .zbir-bar { border-radius: 0; border-top: 1.5px solid var(--ink); }
body.partitura .dio-upit { border-radius: 0; border: 1px dashed var(--ink); background: #fff; }
body.partitura .korpa-lista label.k-svi, body.partitura .dio.dio-svi { background: #fffbef; }

/* ko sam ja: kurzivni naslov kao potpis */
body.partitura .ko { border-left: 0; padding: 0; }
body.partitura #goran .eye { display: none; }
body.partitura #goran h2 { margin: 18px 0 30px; font: 800 clamp(46px, 6.4vw, 100px)/.95 var(--head); letter-spacing: -.045em; }
body.partitura .ko p { max-width: 34em; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.65; color: #232323; margin-bottom: 16px; }
body.partitura .ko-pot { margin-top: 22px; }
body.partitura .ko-pot .rukom { font-size: 30px; }
body.partitura .ko-pot a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
body.partitura .ko-pot a:hover { color: var(--accent); }

/* kako ide kupovina: tri velika broja */
body.partitura.naslovna .mali { padding: clamp(70px, 11vh, 130px) 0; border-top: 1px solid var(--ink); }
body.partitura .mali-h { margin-bottom: 36px; font-size: clamp(32px, 4vw, 58px); letter-spacing: -.045em; }
body.partitura .koraci3 { gap: 0; border-top: 2px solid var(--ink); }
body.partitura .koraci3 li { flex-direction: column; gap: 14px; padding: 26px 28px 0 0; font-size: 15.5px; }
body.partitura .koraci3 li + li { padding-left: 28px; border-left: 1px solid var(--line); }
body.partitura .koraci3 li::before { content: counter(k, decimal-leading-zero); display: block; width: auto; height: auto; border-radius: 0; background: none; color: var(--accent); font: 800 clamp(48px, 5vw, 76px)/.85 var(--head); letter-spacing: -.06em; }
body.partitura .koraci3 b { margin-bottom: 4px; font: 700 20px/1.2 var(--head); letter-spacing: -.02em; }
@media (max-width: 760px) {
  body.partitura .koraci3 li, body.partitura .koraci3 li + li { padding: 22px 0; border-left: 0; border-bottom: 1px solid var(--line); }
}

/* pitanja */
body.partitura #pitanja > .w > h2 { margin-bottom: 34px !important; }
body.partitura details.faq { border-bottom: 1px solid #cfcdc7; }
body.partitura #pitanja h2 + details.faq, body.partitura #pitanja details.faq:first-of-type { border-top: 2px solid var(--ink); }
body.partitura details.faq summary { align-items: center; padding: 22px 0; font: 650 clamp(17px, 1.5vw, 21px)/1.3 var(--head); letter-spacing: -.015em; }
body.partitura details.faq summary::after { font: 300 32px/.8 var(--head); color: var(--accent); transition: transform .25s; }
body.partitura details.faq[open] summary::after { content: "+"; transform: rotate(45deg); }
body.partitura details.faq p { max-width: 40em; padding-bottom: 24px; font-size: 17px; line-height: 1.65; }
body.partitura .snimak-red { margin-top: 40px; padding: 20px 22px; border: 1.5px solid var(--ink); border-radius: 0; background: var(--soft); font: 650 17px/1.3 var(--head); }

/* snimak (snimak.js ubacuje svoj CSS: ovdje samo uglovi i papir) */
body.partitura #snimak { background: var(--soft); }
body.partitura .sn-kart { border-radius: 2px; border: 1.5px solid var(--ink); box-shadow: none; background: #fff; }
body.partitura .sn-drop { border-radius: 0; background: var(--soft); border-color: #b9b7b0; }
body.partitura .sn-fajl, body.partitura .sn-nast { border-radius: 0; background: var(--soft); }
body.partitura .sn-koraci li::before, body.partitura .sn-drop .sn-ik { border-radius: 2px; }
body.partitura .sn-up { border-radius: 2px; box-shadow: none; }
body.partitura .sn-p :is(input, select, textarea), body.partitura .sn-cips span { border-radius: 2px; }
body.partitura .sn-salji, body.partitura .sn-dug2, body.partitura .sn-free { border-radius: 2px; box-shadow: none; }
body.partitura .sn-salji { font-family: var(--head); }
body.partitura .sn-p :is(input, select, textarea), body.partitura .sn-cips span, body.partitura .sn-dug2 { border-color: #bdbab3; }
body.partitura #snimak .sn-grid h2 + .siv { margin-top: 22px !important; font-size: 17px; }

/* obavjestenja */
body.partitura .obav { padding: clamp(48px, 8vh, 80px) 0; background: #fff; border-top: 1px solid var(--ink); border-bottom: 0; }
body.partitura .obav-h { font: 800 clamp(24px, 2.6vw, 34px)/1.1 var(--head); letter-spacing: -.035em; }
body.partitura .obav-h::before { border-radius: 0; }
body.partitura .obav-row input[type=email] { height: 54px; border-radius: 2px; border: 1.5px solid var(--ink); }
body.partitura .obav-row .btn { height: 54px; }

/* ljepljiva traka */
body.partitura .ljep { background: rgba(13, 13, 13, .97); border-top: 0; }
body.partitura .ljep-t b { font-family: var(--head); }
body.partitura .ljep .btn { border-radius: 2px; }

/* ---------------------------------------------------------------------------------------------- podnozje -- */
/* tipke klavira kao gornji rub, ogroman potpis */
body.partitura .dno { position: relative; padding: calc(34px + clamp(56px, 9vh, 100px)) 0 120px; background: #0d0d0d var(--tipke) repeat-x 0 0 / 140px 34px; color: #a6a6a6; border-top: 0; font-size: 14px; line-height: 1.6; }
body.partitura .dno .w::before { content: "Goran Amadeus"; display: block; margin: 0 0 40px -.04em; font: 900 clamp(44px, 11vw, 184px)/.84 var(--head); letter-spacing: -.042em; color: #fff; white-space: nowrap; }
body.partitura .dno a, body.partitura .dno-l a { color: #e6e6e6; }
body.partitura .dno a:hover { color: #fff; }
body.partitura .dno-l { margin-top: 14px; gap: 6px 18px; }
body.partitura .dno-cl b, body.partitura .dno b { color: #fff; }

/* -------------------------------------------------------------------------------------- prozori i chat -- */
body.partitura .izb-oko { background: rgba(255, 255, 255, .62); -webkit-backdrop-filter: blur(12px) saturate(1.2); backdrop-filter: blur(12px) saturate(1.2); }
body.partitura .izb-p { border-radius: 0; border: 1.5px solid var(--ink); border-top: 6px solid var(--accent); background: #fff; box-shadow: 0 50px 100px -40px rgba(0, 0, 0, .45); }
body.partitura .izb-x { border-radius: 0; background: transparent; font-size: 30px; }
body.partitura .izb-x:hover { background: var(--soft); }
body.partitura .izb-h { font: 800 26px/1.1 var(--head); letter-spacing: -.035em; }
body.partitura .izb-op { border-radius: 0; border: 1px solid var(--line); background: #fff; }
body.partitura .izb-op-kupi { border: 2px solid var(--ink); }
body.partitura .izb-op-n { font: 700 19px/1.2 var(--head); letter-spacing: -.02em; }
body.partitura .izb-br { border-radius: 0; }
body.partitura .izb-dug { border-radius: 2px; font-family: var(--head); font-weight: 700; }
body.partitura .izb-dug-kupi:hover { background: var(--ink); }
body.partitura .izb-app:hover { background: var(--soft); }
body.partitura .tr-q { border-radius: 2px; border: 1.5px solid var(--ink); }
body.partitura .tr-r { border-radius: 0; border: 0; border-bottom: 1px solid var(--line); padding: 12px 6px; }
body.partitura .tr-r:hover, body.partitura .tr-r:focus-visible { background: var(--soft); border-color: var(--line); }
body.partitura .tr-rez { gap: 0; border-top: 1px solid var(--ink); }
body.partitura .tr-ins img, body.partitura .tr-vid { border-radius: 0; }
@media (max-width: 560px) { body.partitura .izb-p { border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; } }
body.partitura .korpa-p, body.partitura .nar-p { border-radius: 0; border: 1.5px solid var(--ink); border-top: 6px solid var(--accent); }
body.partitura .korpa-u li, body.partitura .korpa-lista label { border-radius: 0; }
body.partitura .korpa-x { border-radius: 0; }
@media (max-width: 480px) { body.partitura .korpa-p { border-radius: 0; } }
body.partitura .cj-tost { border-radius: 2px; }
body.partitura .ch-dug { font-family: var(--head); }
body.partitura .ch { border-radius: 4px; border: 1.5px solid var(--ink); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .4); }
body.partitura .ch-vrh { border-bottom: 1px solid var(--ink); }
body.partitura .ch-vrh b { font-family: var(--head); font-size: 15px; }
body.partitura .ch-p { border-radius: 4px; }
body.partitura .ch-p.on { border-bottom-right-radius: 0; }
body.partitura .ch-p.ja { border-bottom-left-radius: 0; background: var(--soft); border-color: var(--soft); }
body.partitura .ch-unos input, body.partitura .ch-unos button { border-radius: 2px; }
body.partitura .cip { border-radius: 2px; }
@media (max-width: 480px) { body.partitura .ch { border-radius: 0; border-left: 0; border-right: 0; } }
body.partitura .ld-x { border-radius: 0; }

/* --------------------------------------------------------------------------------- stranice prodavnice -- */
body.partitura main > .w > h2:first-of-type, body.partitura main > .w > h1:first-of-type { font-size: clamp(36px, 6.4vw, 72px); line-height: .96; letter-spacing: -.05em; }
body.partitura main > .w > h2:first-of-type::before, body.partitura main > .w > h1:first-of-type::before { content: ""; display: block; width: 44px; height: 6px; margin: 0 0 22px; background: var(--accent); }
body.partitura main > .w.centar > h2:first-of-type::before, body.partitura main > .w > .centar > h2:first-of-type::before { margin-left: auto; margin-right: auto; }
body.partitura main.sec, body.partitura main > .sec:first-child { padding-top: clamp(44px, 8vh, 90px); }
body.partitura main > .w > h2:first-of-type, body.partitura main > .w > h1:first-of-type { margin-bottom: clamp(22px, 4vh, 40px); }
body.partitura .app-izbor span, body.partitura .planovi label, body.partitura .ok-red, body.partitura .polje .promo-ok { border-color: #cfcdc7; }
body.partitura .kartica { border-radius: 0; border: 1.5px solid var(--ink); box-shadow: none; padding: clamp(18px, 2.6vw, 30px); }
body.partitura .polje input[type=text], body.partitura .polje input[type=email], body.partitura .polje input[type=tel], body.partitura .polje input[type=search], body.partitura .polje textarea,
body.partitura .tel-red select, body.partitura .tel-red input { border-radius: 2px; border: 1.5px solid #bdbab3; }
body.partitura .polje input:focus, body.partitura .polje textarea:focus, body.partitura .tel-red input:focus, body.partitura .tel-red select:focus { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(13, 13, 13, .08); outline: none; }
body.partitura .polje label, body.partitura .polje .l { font-family: var(--head); font-weight: 700; }
body.partitura .app-izbor span, body.partitura .planovi label, body.partitura .ok-red, body.partitura .polje .promo-ok { border-radius: 2px; }
body.partitura .app-izbor input:checked + span, body.partitura .planovi label:has(input:checked) { border-color: var(--ink); background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
body.partitura .kupi-grid .btn-g.btn-w { border-radius: 2px; height: 64px; }
body.partitura :is(.upoz, .upoz-crv, .vazno, .greska, .pp-info, .poklon, .savjet, .raspored, .popust-info, .stepeni li, .stepen-savjet, .nema, .cj-odustao) { border-radius: 0; }
body.partitura .faktura { border-radius: 0; border: 1px solid #c9c6bf; background: #fff; box-shadow: 10px 10px 0 var(--soft); }
body.partitura .faktura .f-ime { font-family: var(--head); }
body.partitura .pjesme, body.partitura .folderi li, body.partitura .moje-pj, body.partitura .mail-prev, body.partitura .pr-red, body.partitura .rate a { border-radius: 0; }
body.partitura .pp { border-radius: 2px; }
body.partitura .pp-d { border-radius: 2px; }
body.partitura .kvac { border-radius: 0; }
body.partitura .lek-sek { border-radius: 0; border-left: 0; border-right: 0; border-top: 0; margin: 0; background: transparent; }
body.partitura .lek-sek:first-of-type { border-top: 2px solid var(--ink); }
body.partitura .lek-sek > summary { padding: 16px 4px; font-size: 16px; }
body.partitura .lek-sek > summary .br { border-radius: 0; background: var(--ink); }
body.partitura .lek-sek > summary .n { font: 650 17px/1.25 var(--head); }
body.partitura .uslovi h3 { font-size: 21px; margin-top: 30px; }
body.partitura .uslovi p, body.partitura .uslovi li { font-size: 16px; line-height: 1.65; color: #232323; }
body.partitura .tabela { border-radius: 0; }

/* ------------------------------------------------------------------------- besplatne lekcije i tutorijali -- */
/* bina clanka ostaje crna (krug, klavijatura, dvojka su "instrumenti"), bez crvenog sjaja; tekst na bijelom papiru */
body.partitura .cl { --noc: #0d0d0d; --noc2: #1c1c1c; --noc3: #2c2c2c; --nocl: #343434; --noct: #ffffff; --nocm: #a9a9a9; --ak2: #ff6a4d; }
body.partitura .cl-hero { background: #0d0d0d; border-bottom: 0; padding-bottom: 34px; background-image: var(--tipke); background-repeat: repeat-x; background-position: 0 100%; background-size: 140px 34px; }
body.partitura .cl-hero h1 { font-weight: 800; letter-spacing: -.045em; }
body.partitura .cl-br, body.partitura .tut-sl { color: var(--accent); -webkit-text-stroke: 0; font-weight: 900; letter-spacing: -.06em; }
body.partitura .cl-tekst { max-width: calc(720px + 32px); }
body.partitura .cl-tekst section { padding-top: 54px; }
body.partitura .cl-tekst h2 { font-size: clamp(30px, 5vw, 50px); letter-spacing: -.045em; }
body.partitura :is(.kk-lj, .kk-par, .pr, .dv, .cl-ins video) { border-radius: 4px; border-bottom: 0; border-top: 3px solid var(--accent); }
body.partitura .cl-hero .dv { border: 0; }
body.partitura .pr-c, body.partitura .dv-takt span { border-radius: 2px; }
body.partitura .kk-lj .zn i, body.partitura .tut-t { border-radius: 2px; }
body.partitura .cl-faq details { border-top-color: #cfcdc7; }
body.partitura .cl-faq details:first-of-type { border-top: 2px solid var(--ink); }
body.partitura .cl-faq summary { font: 650 18px/1.3 var(--head); }
body.partitura .cl-faq details p { color: #2c2c2c; }
body.partitura .cl-kurs { background: #0d0d0d var(--tipke) repeat-x 0 0 / 140px 34px; border-top: 0; border-bottom: 0; padding-top: 34px; }
body.partitura .cl-kurs h2 { font-weight: 800; letter-spacing: -.05em; }
body.partitura .cl-jos a { font-weight: 750; }
body.partitura .cl-jos a:first-of-type { border-top: 2px solid var(--ink); }
body.partitura .tut-trazi input, body.partitura .tut-trazi select { border-radius: 2px; }
body.partitura .tut-g ul { border-top: 2px solid var(--ink); }
body.partitura .tut-g li button:hover { background: var(--soft); }
body.partitura .tut-nar-dug, body.partitura .tut-upute { border-radius: 2px; }
body.partitura .tut-bira .tut-g li button::before { border-radius: 1px; }

/* ---------------------------------------------------------------------------------------- pojavljivanje -- */
body.partitura .pojava { opacity: 0; transform: translateY(26px); transition: opacity .8s ease var(--kas, 0s), transform .9s cubic-bezier(.2, .8, .2, 1) var(--kas, 0s); }
body.partitura .pojava.vidi { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { body.partitura .pojava { opacity: 1; transform: none; transition: none; } }

/* Korg PA setovi (setovi.php i red Sekcije 14) */
body.partitura .set-k:first-child { border-top: 2px solid var(--ink); }
body.partitura .set-demo, body.partitura .set-vid { border-radius: 0; border-top: 3px solid var(--accent); }
body.partitura .set-kupi { border-radius: 2px; }
body.partitura .lk-set-n b { font-family: var(--head); }
body.partitura .set-izb, body.partitura .set-bar .btn { border-radius: 2px; }