/* =========================================================
   OSMBKLJ — stil modula "Produženi boravak"
   Učitava se samo na stranicama sa [modul ... stil="boravak"].
   Sve boje su varijable — mijenjaju se na jednom mjestu.
========================================================= */

.pb-program,.pb-program *,.pb-program *::before,.pb-program *::after{box-sizing:border-box}

/* Varijable su i na :root i na .pb-program — tako boje rade
   i ako se blokovi koriste izvan omotača modula. */
:root,.pb-program{
  --pb-gold:#C9A24B;--pb-gold-dark:#9B742D;--pb-gold-light:#E7D09D;--pb-gold-pale:#F8F0DD;
  --pb-navy:#14365D;--pb-navy-dark:#0C2440;--pb-navy-light:#295573;
  --pb-orange:#DF8239;--pb-green:#5A8C65;--pb-blue:#4D7FA0;--pb-red:#B75B55;--pb-purple:#806799;
  --pb-text:#344556;--pb-muted:#6A7782;--pb-white:#fff;
  --pb-serif:"Bitter",Georgia,"Times New Roman",serif;
}

.pb-program{
  position:relative;width:100%;overflow:hidden;padding:70px 20px;color:var(--pb-text);
  background:radial-gradient(circle at 5% 3%,rgba(201,162,75,.14),transparent 24%),radial-gradient(circle at 96% 40%,rgba(20,54,93,.07),transparent 28%),linear-gradient(150deg,#fff 0%,#FCFAF5 45%,#F8F2E5 100%);
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;line-height:1.65;isolation:isolate
}
.pb-container{position:relative;z-index:4;width:min(100%,1180px);margin:0 auto}
.pb-program svg{display:block;width:100%;height:100%}
.pb-program h1,.pb-program h2,.pb-program h3{font-family:var(--pb-serif)}
.pb-program p,.pb-program li,.pb-program ul,.pb-program ol{max-width:none}

/* ---- izolacija: stilovi sadržaja teme ne smiju ulaziti u modul ----
   Pravila teme tipa ".unos-sadrzaj ul" (specifičnost 0-1-1) gaze pravila
   modula tipa ".pb-check-list" (0-1-0), pa se ovdje ciljano poništavaju
   i odmah vraćaju vrijednosti modula sa istom težinom. */
.unos-sadrzaj .pb-program ul,.unos-sadrzaj .pb-program ol{margin:0;padding:0;list-style:none}
.unos-sadrzaj .pb-program li,.unos-sadrzaj .pb-program li+li{margin:0;padding:0}
.unos-sadrzaj .pb-program .pb-check-list li,
.unos-sadrzaj .pb-program .pb-additional-box li,
.unos-sadrzaj .pb-program .pb-play-card li{margin:0 0 13px;padding-left:29px}
.unos-sadrzaj .pb-program .pb-check-list li:last-child,
.unos-sadrzaj .pb-program .pb-additional-box li:last-child,
.unos-sadrzaj .pb-program .pb-play-card li:last-child{margin-bottom:0}
.unos-sadrzaj .pb-program .pb-literature-panel ol{padding-left:22px;list-style:decimal}
.unos-sadrzaj .pb-program .pb-literature-panel li{margin:0 0 8px;padding-left:0}
/* naslovi: tema dodaje margin-top, modul ga ne želi */
.unos-sadrzaj .pb-program h1,.unos-sadrzaj .pb-program h2,
.unos-sadrzaj .pb-program h3,.unos-sadrzaj .pb-program h4{margin-top:0}
.unos-sadrzaj .pb-program .pb-schedule-header h3{margin-top:1px}
.pb-activities-section{position:relative}

/* ---- dekorativna pozadina ---- */
.pb-pattern{position:absolute;inset:0;z-index:0;opacity:.45;pointer-events:none;
  background-image:linear-gradient(45deg,rgba(201,162,75,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(201,162,75,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(201,162,75,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(201,162,75,.035) 75%);
  background-position:0 0,0 13px,13px -13px,-13px 0;background-size:26px 26px}
.pb-orb{position:absolute;z-index:1;border-radius:50%;pointer-events:none}
.pb-orb-one{top:100px;right:-190px;width:470px;height:470px;border:75px solid rgba(201,162,75,.055);animation:pbFloatOrbOne 13s ease-in-out infinite}
.pb-orb-two{top:55%;left:-210px;width:440px;height:440px;border:65px solid rgba(20,54,93,.04);animation:pbFloatOrbTwo 15s ease-in-out infinite}

/* ---- hero ---- */
.pb-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:50px;min-height:520px;padding:55px;overflow:hidden;border:1px solid rgba(201,162,75,.42);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(250,246,236,.98));box-shadow:0 28px 75px rgba(20,54,93,.12),inset 0 0 0 6px rgba(255,255,255,.8),inset 0 0 0 7px rgba(201,162,75,.11)}
.pb-hero::before,.pb-hero::after{content:"";position:absolute;pointer-events:none;width:65px;height:65px}
.pb-hero::before{top:18px;left:18px;border-top:1px solid rgba(201,162,75,.65);border-left:1px solid rgba(201,162,75,.65)}
.pb-hero::after{right:18px;bottom:18px;border-right:1px solid rgba(201,162,75,.65);border-bottom:1px solid rgba(201,162,75,.65)}
.pb-hero-content{position:relative;z-index:3;animation:pbFadeLeft .9s ease both}
.pb-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:17px;color:var(--pb-gold-dark);font-size:11px;font-weight:800;letter-spacing:1.55px;text-transform:uppercase}
.pb-eyebrow-line{width:31px;height:1px;background:linear-gradient(90deg,transparent,var(--pb-gold))}
.pb-eyebrow-line:last-child{background:linear-gradient(90deg,var(--pb-gold),transparent)}
.pb-eyebrow-icon{width:19px;height:19px}
.pb-eyebrow-icon svg{fill:var(--pb-gold)}
.pb-hero h1{max-width:720px;margin:0;color:var(--pb-navy);font-size:clamp(38px,5vw,60px);font-weight:800;line-height:1.1;letter-spacing:-1.2px}
.pb-title-ornament{display:flex;align-items:center;gap:10px;width:220px;margin:21px 0}
.pb-title-ornament span{position:relative;width:80px;height:1px;overflow:hidden;background:rgba(201,162,75,.33)}
.pb-title-ornament span::after{content:"";position:absolute;inset:0;left:-100%;background:linear-gradient(90deg,transparent,var(--pb-gold),transparent);animation:pbLineShine 3.5s ease-in-out infinite}
.pb-title-ornament svg{width:18px;height:18px;fill:var(--pb-gold);animation:pbStarPulse 2.5s ease-in-out infinite}
.pb-hero-intro{max-width:650px;margin:0;color:var(--pb-muted);font-size:17px;line-height:1.8}
.pb-meta-row{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}
.pb-meta-card{display:flex;align-items:center;gap:12px;min-width:220px;padding:13px 16px;border:1px solid rgba(201,162,75,.25);border-radius:5px;background:rgba(255,255,255,.72);box-shadow:0 8px 23px rgba(20,54,93,.06)}
.pb-meta-icon{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,var(--pb-gold-light),var(--pb-gold-dark));box-shadow:0 7px 18px rgba(155,116,45,.22)}
.pb-meta-icon svg{width:20px;height:20px;fill:var(--pb-white)}
.pb-meta-card small,.pb-meta-card strong,.pb-meta-card em{display:block}
.pb-meta-card small{color:var(--pb-muted);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.pb-meta-card strong{color:var(--pb-navy);font-size:14px}
.pb-meta-card em{color:var(--pb-muted);font-size:11px;font-style:normal}

/* ---- hero ilustracija ---- */
.pb-hero-visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:330px;animation:pbFadeRight .9s .15s ease both}
.pb-visual-ring{position:absolute;border-radius:50%}
.pb-ring-one{width:285px;height:285px;border:1px solid rgba(201,162,75,.28);animation:pbRingPulse 3.5s ease-in-out infinite}
.pb-ring-two{width:230px;height:230px;border:1px dashed rgba(201,162,75,.42);animation:pbRotate 22s linear infinite}
.pb-book{position:relative;z-index:2;display:flex;width:230px;height:150px;filter:drop-shadow(0 20px 25px rgba(20,54,93,.2));animation:pbBookFloat 4s ease-in-out infinite}
.pb-book-left,.pb-book-right{position:relative;width:50%;padding:30px 22px;background:linear-gradient(145deg,#fff,#F3E7C9);border:2px solid var(--pb-gold)}
.pb-book-left{border-radius:12px 0 0 20px;transform:skewY(4deg);transform-origin:right center}
.pb-book-right{border-radius:0 12px 20px 0;transform:skewY(-4deg);transform-origin:left center}
.pb-book-center{position:absolute;top:0;bottom:0;left:50%;z-index:3;width:5px;background:var(--pb-gold-dark);transform:translateX(-50%);box-shadow:0 0 10px rgba(155,116,45,.25)}
.pb-book-left span,.pb-book-right span{display:block;height:4px;margin-bottom:13px;border-radius:5px;background:rgba(20,54,93,.19)}
.pb-book-left span:nth-child(2),.pb-book-right span:nth-child(2){width:78%}
.pb-book-left span:nth-child(3),.pb-book-right span:nth-child(3){width:58%}
.pb-floating-icon{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgba(201,162,75,.33);border-radius:50%;background:rgba(255,255,255,.93);box-shadow:0 10px 24px rgba(20,54,93,.12)}
.pb-floating-icon svg{width:26px;height:26px;fill:var(--pb-gold-dark)}
.pb-float-pencil{top:15px;right:15px;animation:pbFloatIcon 4.5s ease-in-out infinite}
.pb-float-star{bottom:15px;left:15px;animation:pbFloatIcon 5s .8s ease-in-out infinite}
.pb-float-ball{right:-5px;bottom:45px;animation:pbFloatIcon 4.2s .4s ease-in-out infinite}

/* ---- brzi pregled ---- */
.pb-quick-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 75px}
.pb-quick-card{display:flex;align-items:flex-start;gap:13px;min-height:145px;padding:22px 18px;border:1px solid rgba(201,162,75,.27);border-radius:6px;background:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(20,54,93,.07);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.pb-quick-card:hover{transform:translateY(-6px);border-color:rgba(201,162,75,.7);box-shadow:0 20px 40px rgba(20,54,93,.12)}
.pb-quick-icon{display:flex;flex:0 0 43px;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;background:var(--pb-gold-pale)}
.pb-quick-icon svg{width:21px;height:21px;fill:var(--pb-gold-dark)}
.pb-quick-card strong{display:block;margin-bottom:6px;color:var(--pb-navy);font-size:14px}
.pb-quick-card p{margin:0;color:var(--pb-muted);font-size:12px;line-height:1.65}

/* ---- opće sekcije ---- */
.pb-section{position:relative;margin:0 0 80px;scroll-margin-top:100px}
.pb-section-heading{display:flex;align-items:flex-start;gap:23px;max-width:900px;margin-bottom:34px}
.pb-section-number{display:flex;flex:0 0 58px;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid rgba(201,162,75,.45);border-radius:50%;color:var(--pb-gold-dark);background:var(--pb-gold-pale);font-family:var(--pb-serif);font-size:18px;font-weight:700;box-shadow:0 10px 24px rgba(20,54,93,.08),inset 0 0 0 5px rgba(255,255,255,.75)}
.pb-section-kicker{display:block;margin-bottom:4px;color:var(--pb-gold-dark);font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.pb-section-heading h2{margin:0 0 8px;color:var(--pb-navy);font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.6px}
.pb-section-heading p{margin:0;color:var(--pb-muted);font-size:15px;line-height:1.75}

/* ---- ciljevi ---- */
.pb-main-goals{display:grid;grid-template-columns:1.45fr .55fr;gap:20px;margin-bottom:35px}
.pb-goal-card{position:relative;display:flex;align-items:flex-start;gap:18px;min-height:150px;padding:27px;overflow:hidden;border:1px solid rgba(201,162,75,.35);border-radius:6px;background:var(--pb-white);box-shadow:0 13px 35px rgba(20,54,93,.07);transition:transform .35s ease,box-shadow .35s ease}
.pb-goal-card::after{content:"";position:absolute;right:-55px;bottom:-55px;width:125px;height:125px;border:20px solid rgba(201,162,75,.06);border-radius:50%}
.pb-goal-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(20,54,93,.12)}
.pb-goal-number{display:flex;flex:0 0 45px;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;color:var(--pb-white);background:linear-gradient(145deg,var(--pb-gold-light),var(--pb-gold-dark));font-family:var(--pb-serif);font-size:20px;font-weight:700}
.pb-goal-card p{position:relative;z-index:2;margin:2px 0 0;color:var(--pb-text);font-size:15px;line-height:1.75}
.pb-subheading{display:flex;align-items:center;gap:11px;margin:25px 0 18px}
.pb-subheading-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:var(--pb-gold-pale)}
.pb-subheading-icon svg{width:17px;height:17px;fill:var(--pb-gold-dark)}
.pb-subheading h3{margin:0;color:var(--pb-navy);font-size:21px}
.pb-number-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.pb-number-item{display:flex;align-items:flex-start;gap:12px;min-height:102px;padding:18px;border-left:3px solid var(--pb-gold);background:rgba(255,255,255,.75);box-shadow:0 7px 20px rgba(20,54,93,.05);transition:transform .3s ease,background .3s ease}
.pb-number-item:hover{transform:translateX(4px);background:var(--pb-white)}
.pb-number-item span{color:var(--pb-gold-dark);font-family:var(--pb-serif);font-size:18px;font-weight:700}
.pb-number-item p{margin:0;color:var(--pb-text);font-size:13px;line-height:1.6}

/* ---- područja razvoja ---- */
.pb-development-section{padding:48px;border:1px solid rgba(201,162,75,.25);border-radius:7px;background:rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(20,54,93,.07)}
.pb-development-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pb-development-card{min-height:175px;padding:22px 18px;border:1px solid rgba(201,162,75,.23);border-radius:5px;background:linear-gradient(145deg,#fff,#FBF7EE);transition:transform .35s ease,border-color .35s ease}
.pb-development-card:hover{transform:translateY(-5px);border-color:var(--pb-gold)}
.pb-development-icon{display:flex;align-items:center;justify-content:center;width:47px;height:47px;margin-bottom:17px;border-radius:50%;background:var(--pb-gold-pale)}
.pb-development-icon svg{width:23px;height:23px;fill:var(--pb-gold-dark)}
.pb-development-card p{margin:0;color:var(--pb-navy);font-size:13px;font-weight:700;line-height:1.6}

/* ---- organizacija / literatura ---- */
.pb-two-columns{display:grid;grid-template-columns:1fr .82fr;gap:24px}
.pb-info-panel,.pb-literature-panel{padding:30px;border:1px solid rgba(201,162,75,.28);border-radius:6px;background:var(--pb-white);box-shadow:0 14px 37px rgba(20,54,93,.07)}
.pb-check-list,.pb-additional-box ul,.pb-play-card ul{margin:0;padding:0;list-style:none}
.pb-check-list li,.pb-additional-box li,.pb-play-card li{position:relative;margin-bottom:13px;padding-left:29px;color:var(--pb-text);font-size:14px;line-height:1.68}
.pb-check-list li:last-child,.pb-additional-box li:last-child,.pb-play-card li:last-child{margin-bottom:0}
.pb-check-list li::before,.pb-additional-box li::before,.pb-play-card li::before{content:"✓";position:absolute;top:1px;left:0;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;color:var(--pb-white);background:var(--pb-gold);font-size:11px;font-weight:800}
.pb-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.pb-panel-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--pb-gold-pale)}
.pb-panel-icon svg{width:22px;height:22px;fill:var(--pb-gold-dark)}
.pb-panel-heading h3,.pb-literature-panel h3{margin:0;color:var(--pb-navy);font-size:24px}
.pb-literature-panel>p{margin:0 0 15px;color:var(--pb-muted);font-size:14px}
.pb-literature-panel ol{margin:0;padding-left:22px}
.pb-literature-panel li{margin-bottom:8px;color:var(--pb-text);font-size:14px}
.pb-highlight-box{display:flex;align-items:flex-start;gap:20px;margin-top:24px;padding:28px;border:1px solid rgba(201,162,75,.35);border-left:5px solid var(--pb-gold);background:linear-gradient(120deg,var(--pb-gold-pale),#fff)}
.pb-highlight-icon{display:flex;flex:0 0 55px;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;background:var(--pb-white);box-shadow:0 8px 20px rgba(20,54,93,.08)}
.pb-highlight-icon svg{width:27px;height:27px;fill:var(--pb-gold-dark)}
.pb-highlight-box h3{margin:0 0 8px;color:var(--pb-navy);font-size:20px}
.pb-highlight-box p{margin:0;color:var(--pb-text);font-size:14px;line-height:1.75}

/* ---- tamna sekcija ---- */
.pb-dark-section{padding:50px;overflow:hidden;border:1px solid rgba(231,208,157,.34);border-radius:7px;background:radial-gradient(circle at 100% 0,rgba(201,162,75,.13),transparent 25%),linear-gradient(135deg,var(--pb-navy-dark),var(--pb-navy));box-shadow:0 25px 65px rgba(20,54,93,.2)}
.pb-light-heading h2{color:var(--pb-white)}
.pb-light-heading p{color:rgba(255,255,255,.72)}
.pb-dark-section .pb-section-number{color:var(--pb-navy-dark);border-color:var(--pb-gold-light);background:var(--pb-gold-light)}
.pb-obligations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pb-obligation-item{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid rgba(231,208,157,.17);border-radius:4px;background:rgba(255,255,255,.055);transition:transform .3s ease,background .3s ease,border-color .3s ease}
.pb-obligation-item:hover{transform:translateY(-3px);border-color:rgba(231,208,157,.48);background:rgba(255,255,255,.09)}
.pb-obligation-item span{flex:0 0 31px;color:var(--pb-gold-light);font-family:var(--pb-serif);font-size:16px;font-weight:700}
.pb-obligation-item p{margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.65}
.pb-additional-box{margin-top:24px;padding:27px;border:1px solid rgba(231,208,157,.26);background:rgba(255,255,255,.06)}
.pb-additional-box h3{margin:0 0 18px;color:var(--pb-gold-light);font-size:18px}
.pb-additional-box li{color:rgba(255,255,255,.82)}
.pb-dark-summary{margin:25px 0 0;padding:19px 22px;border-left:4px solid var(--pb-gold);color:var(--pb-white);background:rgba(201,162,75,.1);font-size:14px;font-weight:600;line-height:1.75}

/* ---- termini (details) ---- */
.pb-terms{display:grid;gap:13px}
.pb-term{overflow:hidden;border:1px solid rgba(201,162,75,.3);border-radius:5px;background:var(--pb-white);box-shadow:0 8px 24px rgba(20,54,93,.055)}
.pb-term summary{display:flex;align-items:center;gap:14px;min-height:73px;padding:15px 20px;color:var(--pb-navy);cursor:pointer;list-style:none;font-size:16px;font-weight:700;transition:background .3s ease}
.pb-term summary::-webkit-details-marker{display:none}
.pb-term summary:hover,.pb-term[open] summary{background:var(--pb-gold-pale)}
.pb-term-icon{display:flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pb-white);box-shadow:0 6px 15px rgba(20,54,93,.07)}
.pb-term-icon svg{width:21px;height:21px;fill:var(--pb-gold-dark)}
.pb-term-arrow{position:relative;width:24px;height:24px;margin-left:auto;flex-shrink:0}
.pb-term-arrow::before,.pb-term-arrow::after{content:"";position:absolute;top:11px;width:9px;height:2px;background:var(--pb-gold-dark);transition:transform .3s ease}
.pb-term-arrow::before{left:4px;transform:rotate(45deg)}
.pb-term-arrow::after{right:4px;transform:rotate(-45deg)}
.pb-term[open] .pb-term-arrow::before{transform:rotate(-45deg)}
.pb-term[open] .pb-term-arrow::after{transform:rotate(45deg)}
.pb-term-content{padding:3px 25px 25px 76px;animation:pbAccordionOpen .4s ease both}
.pb-term-content p{margin:0 0 13px;color:var(--pb-text);font-size:14px;line-height:1.77}
.pb-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.pb-tag-list span{padding:7px 12px;border:1px solid rgba(201,162,75,.36);border-radius:3px;color:var(--pb-navy);background:var(--pb-gold-pale);font-size:12px;font-weight:700}

/* ---- rasporedi ---- */
.pb-schedule-section{padding:49px;border-radius:7px;background:linear-gradient(145deg,rgba(248,240,221,.7),rgba(255,255,255,.92));box-shadow:0 20px 55px rgba(20,54,93,.08)}
.pb-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.pb-schedule-card{overflow:hidden;border:1px solid rgba(201,162,75,.35);border-radius:6px;background:var(--pb-white);box-shadow:0 15px 38px rgba(20,54,93,.08)}
.pb-schedule-header{display:flex;align-items:center;gap:15px;padding:22px;color:var(--pb-white);background:linear-gradient(120deg,var(--pb-navy-dark),var(--pb-navy-light))}
.pb-schedule-letter{display:flex;flex:0 0 53px;align-items:center;justify-content:center;width:53px;height:53px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:var(--pb-navy-dark);background:var(--pb-gold-light);font-family:var(--pb-serif);font-size:25px;font-weight:700}
.pb-schedule-header small{display:block;color:var(--pb-gold-light);font-size:9px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}
.pb-schedule-header h3{margin:1px 0 0;color:var(--pb-white);font-size:27px}
.pb-timeline{padding:20px 18px}
.pb-time-row{display:grid;grid-template-columns:72px 17px minmax(0,1fr);gap:10px;min-height:73px}
.pb-time{padding-top:6px;text-align:right}
.pb-time strong,.pb-time span{display:block}
.pb-time strong{color:var(--pb-navy);font-size:13px}
.pb-time span{color:var(--pb-muted);font-size:11px}
.pb-time-line{position:relative;display:flex;justify-content:center}
.pb-time-line::after{content:"";position:absolute;top:19px;bottom:-20px;left:50%;width:1px;background:rgba(201,162,75,.36);transform:translateX(-50%)}
.pb-time-row:last-child .pb-time-line::after{display:none}
.pb-time-line span{position:relative;z-index:2;width:11px;height:11px;margin-top:11px;border:2px solid var(--pb-white);border-radius:50%;background:var(--pb-gold);box-shadow:0 0 0 2px rgba(201,162,75,.28)}
.pb-time-content{display:flex;align-items:flex-start;gap:11px;padding:4px 0 15px}
.pb-activity-icon{display:flex;flex:0 0 35px;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:var(--pb-gold-pale)}
.pb-activity-icon svg{width:17px;height:17px;fill:var(--pb-gold-dark)}
.pb-icon-school{background:rgba(77,127,160,.13)}
.pb-icon-school svg{fill:var(--pb-blue)}
.pb-time-content strong{padding-top:6px;color:var(--pb-text);font-size:12px;line-height:1.5}

/* ---- ručak ---- */
.pb-lunch-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:23px}
.pb-lunch-intro,.pb-lunch-rules{padding:30px;border:1px solid rgba(201,162,75,.3);border-radius:6px;background:var(--pb-white);box-shadow:0 14px 38px rgba(20,54,93,.07)}
.pb-lunch-main-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin-bottom:20px;border-radius:50%;background:linear-gradient(145deg,var(--pb-gold-light),var(--pb-gold-dark));box-shadow:0 10px 25px rgba(155,116,45,.22)}
.pb-lunch-main-icon svg{width:31px;height:31px;fill:var(--pb-white)}
.pb-lunch-intro h3,.pb-lunch-rules h3{margin:0 0 12px;color:var(--pb-navy);font-size:25px}
.pb-lunch-intro p,.pb-lunch-rules>p{margin:0 0 13px;color:var(--pb-text);font-size:14px;line-height:1.75}

/* ---- igra ---- */
.pb-play-section{padding:47px;border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,240,221,.68))}
.pb-play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.pb-play-card{position:relative;padding:30px;overflow:hidden;border:1px solid rgba(201,162,75,.3);border-radius:6px;background:var(--pb-white);box-shadow:0 14px 35px rgba(20,54,93,.07)}
.pb-play-card::after{content:"";position:absolute;right:-50px;bottom:-50px;width:130px;height:130px;border:20px solid rgba(201,162,75,.055);border-radius:50%}
.pb-play-icon{display:flex;align-items:center;justify-content:center;width:57px;height:57px;margin-bottom:18px;border-radius:50%;background:var(--pb-gold-pale)}
.pb-play-icon svg{width:28px;height:28px;fill:var(--pb-gold-dark)}
.pb-play-card h3{position:relative;z-index:2;margin:0 0 11px;color:var(--pb-navy);font-size:24px}
.pb-play-card p{position:relative;z-index:2;margin:0 0 13px;color:var(--pb-text);font-size:14px;line-height:1.72}
.pb-play-card ul{position:relative;z-index:2}

/* ---- prateće aktivnosti ---- */
.pb-activities-intro{max-width:800px;margin-bottom:24px;padding:18px 22px;border-left:4px solid var(--pb-gold);background:var(--pb-gold-pale)}
.pb-activities-intro p{margin:0;color:var(--pb-text);font-size:14px}
.pb-activities-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}
.pb-activity-card{position:relative;grid-column:span 2;min-height:350px;padding:29px 25px;overflow:hidden;border:1px solid rgba(201,162,75,.3);border-radius:6px;background:var(--pb-white);box-shadow:0 14px 37px rgba(20,54,93,.075);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}
.pb-activity-card:nth-child(4),.pb-activity-card:nth-child(5){grid-column:span 3}
.pb-activity-card:hover{transform:translateY(-8px);border-color:rgba(201,162,75,.75);box-shadow:0 24px 50px rgba(20,54,93,.13)}
.pb-activity-number{position:absolute;top:22px;right:23px;color:rgba(201,162,75,.16);font-family:var(--pb-serif);font-size:50px;font-weight:700;line-height:1}
.pb-activity-large-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:61px;height:61px;margin-bottom:20px;border-radius:50%;transition:transform .4s ease}
.pb-activity-card:hover .pb-activity-large-icon{transform:scale(1.08) rotate(5deg)}
.pb-activity-large-icon svg{width:29px;height:29px;fill:var(--pb-white)}
.pb-activity-one .pb-activity-large-icon{background:var(--pb-green)}
.pb-activity-two .pb-activity-large-icon{background:var(--pb-red)}
.pb-activity-three .pb-activity-large-icon{background:var(--pb-orange)}
.pb-activity-four .pb-activity-large-icon{background:var(--pb-purple)}
.pb-activity-five .pb-activity-large-icon{background:var(--pb-blue)}
.pb-activity-card h3{position:relative;z-index:2;margin:0 0 14px;color:var(--pb-navy);font-size:24px;line-height:1.25}
.pb-activity-card p{position:relative;z-index:2;margin:0;color:var(--pb-text);font-size:13px;line-height:1.72}
.pb-card-decoration{position:absolute;right:-70px;bottom:-70px;width:175px;height:175px;border:25px solid rgba(201,162,75,.05);border-radius:50%}
.pb-note{display:flex;align-items:flex-start;gap:17px;margin-top:25px;padding:24px;border:1px solid rgba(201,162,75,.4);border-radius:5px;background:linear-gradient(120deg,var(--pb-gold-pale),#fff)}
.pb-note-icon{display:flex;flex:0 0 47px;align-items:center;justify-content:center;width:47px;height:47px;border-radius:50%;background:var(--pb-gold)}
.pb-note-icon svg{width:23px;height:23px;fill:var(--pb-white)}
.pb-note strong{display:block;margin-bottom:4px;color:var(--pb-navy);font-size:16px}
.pb-note p{margin:0;color:var(--pb-text);font-size:14px;line-height:1.7}

/* ---- završna poruka ---- */
.pb-final-message{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:36px 40px;overflow:hidden;border:1px solid rgba(231,208,157,.45);border-radius:6px;color:var(--pb-white);background:radial-gradient(circle at 100% 0,rgba(201,162,75,.2),transparent 28%),linear-gradient(125deg,var(--pb-navy-dark),var(--pb-navy),var(--pb-navy-light));box-shadow:0 24px 60px rgba(20,54,93,.22)}
.pb-final-decoration{position:absolute;top:-80px;right:110px;width:210px;height:210px;border:30px solid rgba(201,162,75,.06);border-radius:50%}
.pb-final-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:69px;height:69px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:linear-gradient(145deg,var(--pb-gold-light),var(--pb-gold-dark))}
.pb-final-icon svg{width:33px;height:33px;fill:var(--pb-white)}
.pb-final-message>div:nth-child(2),.pb-final-message>div:nth-child(3){position:relative;z-index:2}
.pb-final-message small{display:block;margin-bottom:4px;color:var(--pb-gold-light);font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.pb-final-message h2{margin:0 0 8px;color:var(--pb-white);font-size:clamp(24px,3vw,34px);line-height:1.25}
.pb-final-message p{max-width:760px;margin:0;color:rgba(255,255,255,.75);font-size:14px;line-height:1.7}
.pb-final-star{position:relative;z-index:2;width:43px;height:43px}
.pb-final-star svg{fill:var(--pb-gold);filter:drop-shadow(0 0 9px rgba(201,162,75,.38));animation:pbStarPulse 2.6s ease-in-out infinite}

/* ---- animacije ---- */
@keyframes pbFadeLeft{from{opacity:0;transform:translateX(-38px)}to{opacity:1;transform:translateX(0)}}
@keyframes pbFadeRight{from{opacity:0;transform:translateX(38px)}to{opacity:1;transform:translateX(0)}}
@keyframes pbLineShine{0%,22%{left:-100%}70%,100%{left:100%}}
@keyframes pbStarPulse{0%,100%{opacity:.7;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.16) rotate(10deg)}}
@keyframes pbRingPulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes pbRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes pbBookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pbFloatIcon{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(7deg)}}
@keyframes pbFloatOrbOne{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-25px,25px) rotate(8deg)}}
@keyframes pbFloatOrbTwo{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(25px,-22px) rotate(-8deg)}}
@keyframes pbAccordionOpen{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}

/* ---- tablet ---- */
@media(max-width:1024px){
  .pb-hero{grid-template-columns:1fr .55fr;gap:28px;padding:43px}
  .pb-hero h1{font-size:46px}
  .pb-hero-visual{transform:scale(.87)}
  .pb-quick-overview,.pb-number-list,.pb-development-grid,.pb-activities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-activity-card,.pb-activity-card:nth-child(4),.pb-activity-card:nth-child(5){grid-column:auto}
  .pb-activity-card:last-child{grid-column:1/-1;min-height:auto}
}
@media(max-width:850px){
  .pb-program{padding:55px 17px}
  .pb-hero{grid-template-columns:1fr;min-height:auto;padding:40px}
  .pb-hero-visual{min-height:280px;transform:none}
  .pb-main-goals,.pb-two-columns,.pb-schedule-grid,.pb-lunch-layout,.pb-play-grid,.pb-obligations-grid{grid-template-columns:1fr}
  .pb-development-section,.pb-dark-section,.pb-schedule-section,.pb-play-section{padding:38px 30px}
}
/* ---- mobitel ---- */
@media(max-width:600px){
  .pb-program{padding:35px 12px}
  .pb-hero{gap:20px;padding:31px 22px}
  .pb-hero::before,.pb-hero::after{width:38px;height:38px}
  .pb-eyebrow{gap:5px;font-size:8px;letter-spacing:.9px}
  .pb-eyebrow-line{width:15px}
  .pb-eyebrow-icon{width:15px;height:15px}
  .pb-hero h1{font-size:34px;letter-spacing:-.6px}
  .pb-hero-intro{font-size:14px}
  .pb-meta-row{display:grid;grid-template-columns:1fr}
  .pb-meta-card{min-width:0}
  .pb-hero-visual{min-height:230px;transform:scale(.78);margin:-18px 0}
  .pb-quick-overview{grid-template-columns:1fr;margin-bottom:55px}
  .pb-quick-card{min-height:auto}
  .pb-section{margin-bottom:58px}
  .pb-section-heading{gap:13px;margin-bottom:26px}
  .pb-section-number{flex-basis:43px;width:43px;height:43px;font-size:14px}
  .pb-section-heading h2{font-size:27px}
  .pb-section-heading p{font-size:13px}
  .pb-main-goals,.pb-number-list,.pb-development-grid,.pb-activities-grid{grid-template-columns:1fr}
  .pb-goal-card{min-height:auto;padding:21px}
  .pb-number-item,.pb-development-card{min-height:auto}
  .pb-development-section,.pb-dark-section,.pb-schedule-section,.pb-play-section{padding:29px 18px}
  .pb-info-panel,.pb-literature-panel,.pb-lunch-intro,.pb-lunch-rules,.pb-play-card{padding:23px 19px}
  .pb-highlight-box{display:block;padding:22px}
  .pb-highlight-icon{margin-bottom:14px}
  .pb-term summary{min-height:64px;padding:12px;font-size:13px}
  .pb-term-icon{flex-basis:36px;width:36px;height:36px}
  .pb-term-content{padding:5px 17px 20px}
  .pb-timeline{padding:16px 9px}
  .pb-time-row{grid-template-columns:55px 13px minmax(0,1fr);gap:7px}
  .pb-time strong{font-size:11px}
  .pb-time span{font-size:10px}
  .pb-activity-icon{flex-basis:31px;width:31px;height:31px}
  .pb-time-content{gap:7px}
  .pb-time-content strong{font-size:11px}
  .pb-activity-card,.pb-activity-card:last-child{grid-column:auto;min-height:auto;padding:25px 20px}
  .pb-final-message{grid-template-columns:auto 1fr;gap:15px;padding:27px 20px}
  .pb-final-icon{width:54px;height:54px}
  .pb-final-star{display:none}
  .pb-final-message h2{font-size:22px}
  .pb-final-message p{grid-column:1/-1;font-size:12px}
}
@media(max-width:380px){
  .pb-hero h1{font-size:30px}
  .pb-eyebrow-line{display:none}
  .pb-section-heading h2{font-size:25px}
  .pb-time-row{grid-template-columns:48px 10px minmax(0,1fr);gap:5px}
  .pb-activity-icon{display:none}
}
@media(prefers-reduced-motion:reduce){
  .pb-program *,.pb-program *::before,.pb-program *::after{animation:none!important;transition:none!important}
}