/* Sportikado: školica sporta. Tokeni i komponente iz design handoffa. */
:root{
  --cream:#FFF8EC;--ink:#173B38;--teal:#4FB0A5;--teal-dark:#2F8F84;
  --lime:#C4F227;--lime-soft:#DDF7A0;--pink:#FF6B7F;--pink-soft:#FFE3E6;--pink-text:#E0485E;
  --yellow:#FFC94A;--yellow-soft:#FFEDB8;--mint-soft:#D5F0EC;
  --muted:#4C6663;--muted-2:#6D8582;--body-color:#2E4F4B;--line:#E6DFCF;--line-2:#EDE6D6;
  --error:#D6344C;
  --gutter:clamp(16px,4vw,48px);
  --maxw:1240px;
  --shadow-card:0 10px 30px rgba(23,59,56,.06);
  --font-display:'Baloo 2',system-ui,sans-serif;
  --font-body:'Nunito',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--teal-dark)}
input,select,button,textarea{font-family:inherit}
h1,h2,h3,p,figure,blockquote{margin:0}
.page{min-height:100vh;overflow-x:hidden}

.msr{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:'liga';display:inline-block;flex:none;
  width:1em;height:1em;overflow:hidden;font-size:24px}

.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:99px;z-index:100;font-weight:800}
.skip:focus{left:16px;color:#fff}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}

/* ---------- zajednički tipografski obrasci ---------- */
.eyebrow{font-weight:900;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-dark)}
.eyebrow--pink{color:var(--pink-text)}
.eyebrow--lime{color:var(--lime-soft)}
.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}
.h1-home{font-size:clamp(46px,6.8vw,92px);line-height:.98;text-wrap:balance}
.h1-sub{font-size:clamp(44px,6vw,80px);line-height:1;text-wrap:balance}
.h2{font-size:clamp(38px,5vw,64px);line-height:1}
.h2-sm{font-size:clamp(36px,4.6vw,58px);line-height:1}
.lead{font-size:clamp(17px,1.5vw,20px);font-weight:700;line-height:1.55;color:var(--muted);text-wrap:pretty}
.section{padding:0 var(--gutter) clamp(72px,9vw,120px)}
.section--sub{padding:0 var(--gutter) clamp(64px,8vw,110px)}
.wrap{max-width:var(--maxw);margin:0 auto}
.stack{display:flex;flex-direction:column}
.center{align-items:center;text-align:center}

/* ---------- dugmad ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-weight:900;font-size:18px;padding:17px 30px;white-space:nowrap;border:0;cursor:pointer;transition:transform .15s,background-color .15s,color .15s}
.btn--pink{background:var(--pink);color:#fff}
.btn--pink:hover{color:#fff;background:#f25a6f}
.btn--white{background:#fff;color:var(--ink);padding:17px 26px;box-shadow:inset 0 0 0 2px var(--line)}
.btn--ink{background:var(--ink);color:#fff;font-size:16px;padding:14px 24px}
.btn--ink:hover{background:var(--teal-dark);color:#fff}
.btn--lime{background:var(--lime);color:var(--ink)}
.btn--lime:hover{color:var(--ink);background:#d3f75a}
.btn--sm{font-size:16px;padding:14px 24px}
.btn--outline-dark{background:transparent;color:#fff;padding:17px 26px;box-shadow:inset 0 0 0 2px #3F6A66}
.btn--outline-dark:hover{color:var(--lime)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- header ---------- */
.site-header{padding:18px var(--gutter) 0;position:relative;z-index:20}
.site-header__bar{max-width:var(--maxw);margin:0 auto;background:#fff;border-radius:99px;padding:10px 10px 10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 30px rgba(23,59,56,.08)}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand__avatar{width:46px;height:46px;border-radius:50%;background:var(--teal);overflow:hidden;display:flex;flex:none}
.brand__avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(1.45)}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--ink)}
.brand__tag{font-weight:800;font-size:11px;color:var(--teal-dark);letter-spacing:.16em}
.site-nav{display:flex;gap:6px;font-weight:800;font-size:16px}
.site-nav a{padding:10px 16px;border-radius:99px;white-space:nowrap}
.site-nav a[aria-current="page"]{background:var(--lime-soft)}
.site-nav a:hover{color:var(--teal-dark)}
.header-cta{background:var(--ink);color:#fff;padding:13px 24px;border-radius:99px;font-weight:900;font-size:16px;white-space:nowrap}
.header-cta:hover{color:#fff;background:var(--teal-dark)}
.menu-btn{display:none;width:48px;height:48px;border-radius:50%;border:none;background:var(--ink);color:#fff;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}
.menu-btn .msr{font-size:26px}
.menu-btn .msr--close{display:none}
.menu-btn[aria-expanded="true"] .msr--menu{display:none}
.menu-btn[aria-expanded="true"] .msr--close{display:inline-block}
.mobile-menu{max-width:var(--maxw);margin:10px auto 0;background:#fff;border-radius:28px;padding:10px;display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(23,59,56,.14)}
.mobile-menu[hidden]{display:none}
.mobile-menu a.row{padding:16px 18px;border-radius:18px;font-weight:900;font-size:20px;display:flex;justify-content:space-between;align-items:center}
.mobile-menu a.row[aria-current="page"]{background:var(--lime-soft)}
.mobile-menu a.row .msr{font-size:22px;color:var(--teal-dark)}
.mobile-menu .btn{margin-top:6px;font-size:18px;padding:16px;width:100%}
.sticky-bar,.sticky-spacer{display:none}

/* ---------- početna: hero ---------- */
.hero{padding:clamp(36px,6vw,80px) var(--gutter) clamp(56px,7vw,96px)}
.hero__grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(32px,5vw,64px);align-items:center}
.hero__copy{display:flex;flex-direction:column;gap:24px;align-items:flex-start;min-width:0}
.pill{background:var(--lime-soft);color:var(--ink);padding:8px 16px;border-radius:99px;font-weight:900;font-size:14px;display:flex;gap:8px;align-items:center;text-align:left}
.pill i{width:9px;height:9px;border-radius:50%;background:var(--pink);flex:none}
.hero h1 em{font-style:normal;color:var(--teal-dark)}
.hero .lead{max-width:29em}
.info-row{display:flex;gap:clamp(12px,3vw,28px);flex-wrap:nowrap;padding-top:4px;white-space:nowrap}
.info-row__item{display:flex;flex-direction:column}
.info-row__big{font-family:var(--font-display);font-weight:800;font-size:clamp(17px,4.4vw,28px);line-height:1.1}
.info-row__small{font-weight:800;font-size:clamp(12px,3.2vw,14px);color:var(--muted-2)}
.info-row__sep{width:2px;background:var(--line);flex:none}
.hero__art{position:relative;max-width:580px;width:100%;justify-self:center;padding:0 0 12% 10%}
.hero__photo{position:relative;border-radius:48px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 24px 50px rgba(23,59,56,.18)}
.hero__photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero__badge{position:absolute;right:-2%;top:-6%;background:var(--yellow);border-radius:50%;width:clamp(96px,11vw,132px);aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(8deg)}
.hero__badge b{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3vw,38px);line-height:.9}
.hero__badge span{font-weight:900;font-size:13px}
.hero__mascot{position:absolute;left:-4%;bottom:-2%;width:52%}
.hero__mascot img{width:100%;display:block;filter:drop-shadow(0 14px 18px rgba(23,59,56,.25));animation:bob 3s ease-in-out infinite}
.hero__card{position:absolute;right:4%;bottom:2%;background:#fff;border-radius:22px;padding:14px 18px;display:flex;flex-direction:column;box-shadow:0 12px 30px rgba(23,59,56,.14)}
.hero__card span{font-weight:800;font-size:13px;color:var(--muted-2)}
.hero__card b{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.1}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.hero__mascot img{animation:none}*{transition:none!important}}

.values-strip{background:var(--ink);padding:22px var(--gutter)}
.values-strip__inner{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-around;gap:10px 28px;flex-wrap:wrap;font-family:var(--font-display);font-weight:800;font-size:clamp(19px,2.2vw,28px);color:#fff}
.values-strip__inner i{font-style:normal;color:var(--lime)}

.why{padding:clamp(72px,9vw,120px) var(--gutter)}
.why .wrap{display:flex;flex-direction:column;gap:48px}
.why__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.why__head h2{max-width:14em;text-wrap:balance}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.pillar{border-radius:36px;padding:36px 32px;display:flex;flex-direction:column;gap:16px;min-height:300px}
.tile{display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.tile--lg{width:72px;height:72px;border-radius:24px;transform:rotate(-6deg)}
.tile--lg .msr{font-size:40px;transform:rotate(6deg)}
.pillar h3{margin:auto 0 0;font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.05}
.pillar p{font-size:17px;font-weight:700;line-height:1.55;color:var(--body-color)}
.bg-lime{background:var(--lime-soft)}.bg-pink{background:var(--pink-soft)}.bg-yellow{background:var(--yellow-soft)}.bg-mint{background:var(--mint-soft)}

.programs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.programs-head > div{display:flex;flex-direction:column;gap:12px;min-width:0}
.link-arrow{font-weight:900;font-size:17px;display:flex;align-items:center;gap:6px}
.link-arrow .msr{font-size:20px}
.programs .wrap{display:flex;flex-direction:column;gap:36px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.pcard{background:#fff;border-radius:32px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card);transition:transform .2s}
.pcard:hover{transform:translateY(-4px);color:var(--ink)}
.pcard__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tile--md{width:56px;height:56px;border-radius:18px}
.tile--md .msr{font-size:30px}
.age{padding:6px 12px;border-radius:99px;font-weight:900;font-size:13px;white-space:nowrap}
.pcard h3{margin:8px 0 0;font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.05}
.pcard p{font-size:16px;font-weight:700;line-height:1.5;color:var(--muted)}
.pcard__more{margin-top:auto;font-weight:900;font-size:15px;color:var(--teal-dark);display:flex;align-items:center;gap:4px}
.pcard__more .msr{font-size:18px}

.termini__box{max-width:var(--maxw);margin:0 auto;background:var(--teal);border-radius:48px;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.termini__photo{min-height:300px;position:relative}
.termini__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.termini__body{padding:clamp(28px,5vw,60px);display:flex;flex-direction:column;gap:22px;color:#fff;min-width:0}
.termini__body h2{font-size:clamp(36px,4.4vw,56px);line-height:1}
.termini__body p{font-size:17px;font-weight:700;line-height:1.55;color:#EFFFFB}
.days{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.day{background:#fff;color:var(--ink);border-radius:28px;padding:20px 22px;display:flex;flex-direction:column;gap:4px}
.day span{font-weight:900;font-size:16px;color:var(--teal-dark)}
.day b{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,4vw,54px);line-height:1}
.termini__body .btn{align-self:flex-start;font-size:16px;padding:14px 24px}

.quotes .wrap{display:flex;flex-direction:column;gap:36px}
.quotes__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.grid-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.quote{border-radius:32px;padding:30px;display:flex;flex-direction:column;gap:18px}
.quote .msr{font-size:40px}
.quote blockquote{font-size:18px;font-weight:800;line-height:1.5}
.quote figcaption{margin-top:auto;font-weight:800;font-size:15px;color:var(--muted)}

.cta-band{max-width:var(--maxw);margin:0 auto;background:var(--ink);color:#fff;border-radius:48px;padding:clamp(32px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta-band__copy{display:flex;flex-direction:column;gap:12px;max-width:34em;min-width:0}
.cta-band h2{font-size:clamp(34px,4.4vw,56px);line-height:1}
.cta-band h2 em{font-style:normal;color:var(--lime)}
.cta-band p{font-size:18px;font-weight:700;line-height:1.5;color:#CFE2DF}

/* ---------- podstranice ---------- */
.intro{padding:clamp(40px,6vw,80px) var(--gutter) clamp(40px,5vw,64px)}
.intro .wrap{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.intro h1{max-width:13em}
.intro .lead{max-width:36em}
.programs-list{display:flex;flex-direction:column;gap:24px}
.program{background:#fff;border-radius:44px;padding:clamp(16px,2vw,24px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(20px,3vw,40px);box-shadow:var(--shadow-card)}
.program__panel{border-radius:32px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:18px;min-width:0}
.program__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.program__top .age{background:#fff;padding:8px 14px;font-size:14px}
.program__panel h2{margin:12px 0 0;font-size:clamp(34px,3.6vw,46px);line-height:1;letter-spacing:-.01em}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.meta div{background:rgba(255,255,255,.7);border-radius:20px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.meta span{font-weight:800;font-size:13px;color:var(--muted)}
.meta b{font-weight:900;font-size:16px}
.program__body{padding:clamp(4px,2vw,20px) clamp(4px,1vw,12px);display:flex;flex-direction:column;gap:20px;justify-content:center;min-width:0}
.program__body > p{font-size:18px;font-weight:700;line-height:1.6;color:var(--body-color);text-wrap:pretty}
.learn{display:flex;flex-direction:column;gap:10px}
.learn > span{font-weight:900;font-size:14px;letter-spacing:.12em;color:var(--teal-dark)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:var(--cream);padding:9px 14px;border-radius:99px;font-weight:800;font-size:15px;display:flex;gap:6px;align-items:center}
.chip .msr{font-size:18px}
.program__body .btn{align-self:flex-start}

.steps-block{max-width:var(--maxw);margin:0 auto;background:var(--teal);border-radius:48px;padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;gap:36px;color:#fff}
.steps-block__head{display:flex;flex-direction:column;gap:12px}
.steps-block h2{max-width:14em}
.grid-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}
.step{background:#fff;color:var(--ink);border-radius:30px;padding:26px;display:flex;flex-direction:column;gap:12px}
.step__top{display:flex;justify-content:space-between;align-items:center}
.step__n{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1;color:var(--teal)}
.step__min{font-weight:900;font-size:13px;background:var(--lime-soft);padding:5px 11px;border-radius:99px}
.step h3{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1.1}
.step p{font-size:16px;font-weight:700;line-height:1.5;color:var(--muted)}

/* rođendani */
.split{padding:clamp(40px,6vw,80px) var(--gutter) clamp(56px,7vw,96px)}
.split__grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,64px);align-items:center}
.split__copy{display:flex;flex-direction:column;gap:22px;align-items:flex-start;min-width:0}
.split__copy .lead{max-width:30em}
.split__photo{position:relative;border-radius:48px;overflow:hidden;aspect-ratio:5/4;box-shadow:0 24px 50px rgba(23,59,56,.18)}
.split__photo img{width:100%;height:100%;object-fit:cover;display:block}
.block-title{display:flex;flex-direction:column;gap:32px}
.grid-6{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.incl{background:#fff;border-radius:28px;padding:24px;display:flex;gap:16px;align-items:flex-start;box-shadow:var(--shadow-card)}
.tile--sm{width:52px;height:52px;border-radius:16px}
.tile--sm .msr{font-size:28px}
.incl > div{display:flex;flex-direction:column;gap:4px;min-width:0}
.incl b{font-family:var(--font-display);font-weight:800;font-size:21px;line-height:1.15}
.incl span{font-size:15px;font-weight:700;line-height:1.45;color:var(--muted)}
.yellow-block{max-width:var(--maxw);margin:0 auto;background:var(--yellow);border-radius:48px;padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;gap:32px}
.grid-p3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.pstep{background:var(--cream);border-radius:30px;padding:28px;display:flex;flex-direction:column;gap:10px}
.pstep__n{width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:24px}
.pstep b{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1.1}
.pstep span{font-size:16px;font-weight:700;line-height:1.5;color:var(--muted)}

/* o nama */
.about__copy{gap:22px}
.about__copy p{font-size:18px;font-weight:700;line-height:1.6;color:var(--muted);max-width:32em}
.about__photo{position:relative;border-radius:48px;overflow:hidden;aspect-ratio:4/3.4}
.about__photo img{width:100%;height:100%;object-fit:cover;display:block}
.grid-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.value{border-radius:30px;padding:28px;display:flex;flex-direction:column;gap:12px}
.value .msr{font-size:36px}
.value b{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1.1}
.value span:last-child{font-size:16px;font-weight:700;line-height:1.5;color:var(--body-color)}
.grid-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.grid-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:var(--shadow-card);display:block}
.grid-coach{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.coach{background:#fff;border-radius:36px;padding:14px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card)}
.coach__ph{aspect-ratio:1/1;border-radius:28px;background-image:repeating-linear-gradient(135deg,rgba(23,59,56,.05) 0 14px,transparent 14px 28px);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}
.coach__ph span{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--muted)}
.coach__info{padding:0 10px 12px;display:flex;flex-direction:column;gap:4px}
.coach__info b{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.1}
.coach__info em{font-style:normal;font-weight:900;font-size:14px;color:var(--teal-dark)}
.coach__info span{font-size:15px;font-weight:700;line-height:1.5;color:var(--muted);margin-top:4px}

/* upis */
.contact-block{max-width:var(--maxw);margin:0 auto;background:var(--lime-soft);border-radius:48px;padding:clamp(24px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(32px,5vw,56px)}
.contact__copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.contact__copy .eyebrow{color:#2F6B1A}
.contact__copy h1{font-size:clamp(42px,5.4vw,70px);line-height:1;text-wrap:balance}
.contact__copy .lead{font-size:18px;line-height:1.55;color:#3C5A2E;max-width:26em}
.tiles{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.contact-tile{background:#fff;border-radius:22px;padding:16px 20px;display:flex;gap:14px;align-items:center;min-width:0}
.contact-tile .msr{font-size:26px;color:var(--teal-dark)}
.contact-tile > span:last-child{display:flex;flex-direction:column;min-width:0}
.contact-tile small{font-weight:800;font-size:13px;color:var(--muted-2)}
.contact-tile b{font-weight:900;font-size:16px;overflow-wrap:anywhere}
.form-card{background:#fff;border-radius:36px;padding:clamp(22px,4vw,40px);display:flex;flex-direction:column;gap:18px;align-self:start;min-width:0}
.form-card h2{font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1}
.form{display:flex;flex-direction:column;gap:18px}
.field-label{display:flex;flex-direction:column;gap:6px;font-weight:900;font-size:15px;min-width:0}
.field-label[hidden]{display:none}
.interest{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-weight:900;font-size:15px;min-width:0}
.interest legend{padding:0;margin-bottom:8px}
.interest__chips{display:flex;gap:8px;flex-wrap:wrap}
.interest__chips button{padding:11px 18px;border-radius:99px;border:none;background:var(--cream);color:var(--ink);font-weight:900;font-size:15px;cursor:pointer}
.interest__chips button[aria-pressed="true"]{background:var(--ink);color:#fff}
.input{padding:15px 18px;border-radius:16px;border:2px solid var(--line-2);font-size:17px;font-weight:700;background:var(--cream);color:var(--ink);width:100%;min-width:0;-webkit-appearance:none;appearance:none}
.input:focus{outline:3px solid var(--teal);outline-offset:0;border-color:var(--teal)}
select.input{padding:15px 36px 15px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%23173B38' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}
.rodjendan-fields{display:flex;flex-direction:column;gap:18px}
.rodjendan-fields[hidden]{display:none}
.input--date{color-scheme:light}
.input--date::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;border-radius:8px;filter:invert(20%) sepia(17%) saturate(1116%) hue-rotate(131deg) brightness(93%) contrast(92%)}
.input--date::-webkit-calendar-picker-indicator:hover{background:var(--line-2)}
.form-error{color:var(--error);font-weight:800;font-size:15px}
.form-error[hidden]{display:none}
.form .btn{margin-top:4px;background:var(--ink);color:#fff;padding:18px;font-size:18px;width:100%}
.form .btn:hover{background:var(--teal-dark)}
.form-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:16px 0}
.form-done[hidden],.form[hidden]{display:none}
.form-done img{width:150px}
.form-done h2{font-size:34px;overflow-wrap:anywhere}
.form-done p{font-size:17px;font-weight:700;line-height:1.5;color:var(--muted);max-width:22em}
.form-done button{background:var(--cream);border:none;padding:12px 22px;border-radius:99px;font-weight:900;font-size:15px;cursor:pointer;color:var(--ink)}
.faq{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.faq h2{text-align:center}
.faq__list{display:flex;flex-direction:column;gap:10px}
.faq__item{background:#fff;border-radius:26px;overflow:hidden}
.faq__item button{width:100%;background:none;border:none;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;cursor:pointer;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:21px;line-height:1.2}
.faq__item button .msr{font-size:26px;color:var(--teal-dark)}
.faq__item button .msr--minus{display:none}
.faq__item.is-open button .msr--plus{display:none}
.faq__item.is-open button .msr--minus{display:inline-block}
.faq__item p{padding:0 24px 22px;font-size:16px;font-weight:700;line-height:1.6;color:var(--muted)}
.faq__item p[hidden]{display:none}

/* footer */
.site-footer{background:var(--ink);color:#fff;padding:clamp(48px,6vw,72px) var(--gutter) 32px}
.site-footer__inner{max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;gap:40px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:32px}
.footer-col{display:flex;flex-direction:column;gap:10px;font-weight:800;font-size:15px;min-width:0}
.footer-col--brand{gap:12px}
.footer-logo{display:block;width:min(200px,38vw);max-width:100%;height:auto}
.footer-blurb{font-size:15px;font-weight:700;line-height:1.5;color:#CFE2DF}
.footer-h{font-weight:900;font-size:13px;letter-spacing:.12em;color:#8FB5B0}
.footer-col a{color:#fff;overflow-wrap:anywhere}
.footer-col a:hover{color:var(--lime)}
.footer-legal{border-top:1px solid #2E5652;padding-top:22px;font-size:14px;font-weight:700;color:#8FB5B0}

/* ---------- mobilni (ispod 1040px) ---------- */
@media (max-width:1039px){
  .site-nav,.header-cta{display:none}
  .menu-btn{display:flex}
  .sticky-spacer{display:block;height:84px;background:var(--ink)}
  .sticky-bar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;background:var(--ink);border-radius:99px;padding:8px;gap:8px;box-shadow:0 14px 34px rgba(23,59,56,.35)}
  .info-row{display:none}
  .sticky-bar{transition:transform .3s ease,opacity .3s ease,visibility .3s}
  .sticky-bar.is-hidden{transform:translateY(140%);opacity:0;visibility:hidden;pointer-events:none}
  .sticky-bar__call{width:52px;height:52px;flex:none;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center}
  .sticky-bar__call:hover{color:var(--ink)}
  .sticky-bar__call .msr{font-size:26px}
  .sticky-bar__cta{flex:1;background:var(--pink);color:#fff;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px}
  .sticky-bar__cta:hover{color:#fff}
}
@media (min-width:1040px){.mobile-menu{display:none!important}}
@media (max-width:420px){
  .brand__name{font-size:22px}
  .brand__tag{font-size:10px}
  .btn-row .btn{flex:1 1 auto}
  .cta-band .btn-row{width:100%}
}

@media (max-width:640px){
  .values-strip__inner{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;justify-items:center;text-align:center;font-size:clamp(18px,5vw,24px)}
  .values-strip__inner i{display:none}
}

/* ---- footer: pravni linkovi + kredit NRT Digital ---- */
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}
.footer-legal__links{display:flex;flex-wrap:wrap;gap:10px 18px}
.footer-legal a{color:#8FB5B0;font-weight:700}
.footer-legal a:hover{color:var(--lime)}
.footer-credit{margin-left:auto}
@media (max-width:640px){.footer-credit{margin-left:0}}

/* ---- pravne stranice ---- */
.legal{max-width:760px;margin:0 auto;padding:clamp(32px,5vw,56px) var(--gutter) clamp(48px,6vw,72px)}
.legal h1{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,5vw,46px);line-height:1.05;margin-bottom:14px}
.legal .legal__meta{font-size:14px;font-weight:700;color:var(--muted-2);margin-bottom:28px}
.legal h2{font-family:var(--font-display);font-weight:800;font-size:clamp(21px,2.6vw,26px);line-height:1.2;margin:34px 0 10px}
.legal p,.legal li{font-size:16px;font-weight:600;line-height:1.7;color:var(--body-color)}
.legal p{margin-bottom:12px}
.legal ul{margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:7px}
.legal a{color:var(--teal-dark);font-weight:800;text-decoration:underline}

/* ---- stranice grešaka 404 / 403 ---- */
.errpage{max-width:var(--maxw);margin:0 auto;padding:clamp(56px,9vw,120px) var(--gutter);display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.errpage__code{font-family:var(--font-display);font-weight:800;font-size:clamp(68px,16vw,140px);line-height:.85;color:var(--teal)}
.errpage__mascot{width:clamp(140px,26vw,210px);height:auto;align-self:center;margin-top:-8px}
.errpage .chips-row{display:flex;flex-wrap:wrap;gap:10px}
.errpage .chips-row a{background:#fff;border:2px solid var(--line);border-radius:99px;padding:9px 18px;font-weight:800;font-size:15px}
.errpage .chips-row a:hover{border-color:var(--teal);color:var(--teal-dark)}