/* SK Nosteria Nuštar — javni stil (handoff 31.10.2026.). Mjere su iz prototipova (design/*.dc.html). Elementor widgeti dobivaju klase nos-*; „body” u selektorima nadjačava zadane stilove kompleta (kit). */ :root{ --nos-navy-900:#05090D;--nos-navy-800:#07101A;--nos-navy-700:#09131C;--nos-navy-600:#0B1620;--nos-navy-500:#0D1822;--nos-navy-400:#111C26; --nos-ink:#F3F3F0;--nos-ink-2:#A8B0B8;--nos-muted:#8A939C;--nos-slate:#5C6670;--nos-red:#D7192D;--nos-red-h:#B9142A; --nos-line-dark:rgba(243,243,240,.12); --nos-f-display:'Oswald',sans-serif;--nos-f-ui:'Archivo',system-ui,sans-serif;--nos-f-mono:'DM Mono',monospace; --nos-ease:cubic-bezier(.2,.7,.2,1); } html,body{background:#0B1620} body{margin:0;color:#0D1822;font-family:var(--nos-f-ui);line-height:normal;-webkit-font-smoothing:antialiased;overflow-x:hidden} body *,body *::before,body *::after{box-sizing:border-box} body a{text-decoration:none} body :focus-visible{outline:2px solid var(--nos-red);outline-offset:2px} @media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}} /* ---------- kontejneri bez zadanih razmaka Elementora ---------- */ body :where(.e-con[class*="nos-"]){--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--min-height:0;--width:100%} body :where(.elementor-widget[class*="nos-"]){margin:0;--kit-widget-spacing:0px} body .nos-wrap{width:100%;max-width:1328px;margin:0 auto} body .nos-dark{--fg:#F3F3F0;--fg2:#A8B0B8;--rule:rgba(243,243,240,.14);--btn-b:rgba(243,243,240,.38);--btn-bh:#F3F3F0;--link-b:rgba(243,243,240,.35);background-color:#0B1620;color:#F3F3F0} body .nos-light{--fg:#0D1822;--fg2:#5C6670;--rule:rgba(13,24,34,.14);--btn-b:rgba(13,24,34,.4);--btn-bh:#0D1822;--link-b:rgba(13,24,34,.35);background-color:#F3F3F0;color:#0D1822} body .nos-sec{padding:120px 56px} /* ---------- tipografija (widget → .elementor-heading-title / p) ---------- */ body [class*="nos-"] .elementor-heading-title{margin:0;padding:0;font-family:var(--nos-f-ui);font-weight:400;color:var(--fg,inherit);line-height:inherit;letter-spacing:normal;text-transform:none} body [class*="nos-"] .elementor-heading-title a{color:inherit} body .nos-h2 .elementor-heading-title{font-family:var(--nos-f-display);font-weight:600;font-size:clamp(40px,4.6vw,72px);line-height:.98;letter-spacing:-.008em;color:var(--fg);text-wrap:pretty} body .nos-h2--xl .elementor-heading-title{font-size:clamp(44px,5.6vw,88px);line-height:.96;letter-spacing:-.01em;max-width:12ch} body .nos-h2--clan .elementor-heading-title{font-size:clamp(44px,5.2vw,84px);line-height:.96;letter-spacing:-.01em} body .nos-h2--cta .elementor-heading-title{font-weight:700;font-size:clamp(56px,8.4vw,136px);line-height:.9;letter-spacing:-.015em;text-wrap:balance} body .nos-lead .elementor-heading-title{font-size:17px;line-height:1.6;color:var(--fg2);max-width:460px;text-wrap:pretty} body .nos-sub .elementor-heading-title{font-size:18px;line-height:1.5;color:#5C6670;max-width:440px} body .nos-eyebrow .elementor-heading-title{display:flex;align-items:center;gap:16px;font-size:11px;line-height:normal;letter-spacing:.34em;color:var(--fg2)} body .nos-eyebrow .elementor-heading-title::before{content:"";width:28px;height:1px;background:var(--nos-red);display:block;flex:none} body .nos-eyebrow--kv .elementor-heading-title::before{width:14px;height:14px;background:linear-gradient(var(--nos-red),var(--nos-red)) 0 0/7px 7px no-repeat,linear-gradient(rgba(13,24,34,.28),rgba(13,24,34,.28)) 7px 0/7px 7px no-repeat,linear-gradient(rgba(13,24,34,.28),rgba(13,24,34,.28)) 0 7px/7px 7px no-repeat,linear-gradient(var(--nos-red),var(--nos-red)) 7px 7px/7px 7px no-repeat} body .nos-eyebrow .elementor-heading-title{margin-bottom:20px} body .nos-mono .elementor-heading-title{font-family:var(--nos-f-mono);font-size:11.5px;line-height:normal;letter-spacing:.18em;color:var(--fg2)} body .nos-mono-sm .elementor-heading-title{font-family:var(--nos-f-mono);font-size:11px;line-height:normal;letter-spacing:.22em;color:#5C6670} body .nos-prazno{margin:0;padding:28px 0;font-size:16px;line-height:1.5;color:var(--fg2,#5C6670)} body .nos-prazno a{color:inherit;border-bottom:1px solid currentColor} /* ---------- gumbi (Elementor Button + klasa) ---------- */ body [class*="nos-btn"] .elementor-button{display:inline-flex;align-items:center;height:52px;padding:0 24px;background:transparent;color:var(--fg);border:1px solid var(--btn-b);border-radius:2px;font-family:var(--nos-f-ui);font-size:15px;font-weight:500;line-height:1;letter-spacing:.02em;text-transform:none;fill:currentColor;box-shadow:none;transition:background 180ms,border-color 180ms,color 180ms} body [class*="nos-btn"] .elementor-button:hover,body [class*="nos-btn"] .elementor-button:focus{color:var(--fg);border-color:var(--btn-bh);background:transparent} body [class*="nos-btn"] .elementor-button:focus-visible{outline:2px solid var(--nos-red);outline-offset:3px} body [class*="nos-btn"] .elementor-button-content-wrapper{display:flex;align-items:center;gap:22px;flex-direction:row} body [class*="nos-btn"] .elementor-button-text{white-space:nowrap} body [class*="nos-btn"] .elementor-button-content-wrapper::after,body .nos-arr{content:"→";display:inline-block;transition:transform 180ms var(--nos-ease)} body [class*="nos-btn"] .elementor-button:hover .elementor-button-content-wrapper::after,body .nos-cta:hover .nos-arr{transform:translateX(4px)} body .nos-btn--red .elementor-button{background:var(--nos-red);border-color:var(--nos-red);color:#FFFFFF} body .nos-btn--red .elementor-button:hover,body .nos-btn--red .elementor-button:focus{background:var(--nos-red-h);border-color:var(--nos-red-h);color:#FFFFFF} body .nos-dark .nos-btn--red .elementor-button:focus-visible{outline-color:#F3F3F0} body .nos-light .nos-btn--red .elementor-button:focus-visible{outline-color:#0D1822} body .nos-btn--ghost55 .elementor-button{border-color:rgba(243,243,240,.55)} body .nos-btn--link .elementor-button{height:auto;padding:0 0 8px;gap:14px;border:0;border-bottom:1px solid var(--link-b);border-radius:0;font-size:14px;letter-spacing:.04em} body .nos-btn--link .elementor-button:hover,body .nos-btn--link .elementor-button:focus{border-color:var(--nos-red)} body .nos-btn--link .elementor-button-content-wrapper{gap:14px} body .nos-cta-red{display:flex;flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap} body .nos-cta-red > .elementor-widget{width:auto} /* ---------- mjesto za fotografiju (pozadina kontejnera, postavlja klub) ---------- */ body .nos-foto{position:relative;background-color:#141E28;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.85)} body .nos-light .nos-foto,body .nos-foto--svijetla{background-color:#E9E9E5} /* ---------- logotip (zaglavlje, heroj, podnožje) ---------- */ body .nos-lockup{display:flex;align-items:center;gap:20px;flex-shrink:0;color:#F3F3F0;flex-direction:row;width:auto} body .nos-lockup img{height:42px;width:auto;display:block} body .nos-lockup__crta{width:1px;height:36px;background:rgba(243,243,240,.18);display:block} body .nos-lockup__tekst{display:flex;flex-direction:column;gap:4px} body .nos-lockup__ime{font-family:var(--nos-f-display);font-weight:500;font-size:17px;letter-spacing:.14em;line-height:1;white-space:nowrap;color:#F3F3F0} body .nos-lockup__pod{font-family:var(--nos-f-ui);font-size:9.5px;letter-spacing:.34em;line-height:1;white-space:nowrap;color:#A8B0B8} /* Elementor inačica (widgeti unutar .nos-lockup) */ body .nos-lockup .elementor-widget-image img{height:42px;width:auto} body .nos-lockup .nos-lockup__crta{flex:none} body .nos-lockup .nos-lockup__tekst{width:auto} body .nos-lockup .nos-lockup__ime .elementor-heading-title{font-family:var(--nos-f-display);font-weight:500;font-size:17px;letter-spacing:.14em;line-height:1;white-space:nowrap;color:#F3F3F0} body .nos-lockup .nos-lockup__pod .elementor-heading-title{font-size:9.5px;letter-spacing:.34em;line-height:1;white-space:nowrap;color:#A8B0B8} /* ---------- zaglavlje (Theme Builder) ---------- */ body .nos-header{position:relative;z-index:6;flex-direction:row;align-items:center;gap:32px;padding:26px 56px;background:#0B1620;color:#F3F3F0} body .nos-header > .nos-nav{margin-left:auto;width:auto} body .nos-nav .elementor-nav-menu--main .elementor-nav-menu{display:flex;gap:28px}body .nos-nav .elementor-nav-menu::after{display:none} body .nos-nav .elementor-nav-menu--main .elementor-item{padding:10px 0 8px;margin:0;font-family:var(--nos-f-ui);font-size:14px;font-weight:400;line-height:normal;letter-spacing:.02em;color:#A8B0B8;border-bottom:2px solid transparent;white-space:nowrap;transition:color 180ms} body .nos-nav .elementor-nav-menu--main .elementor-item:hover,body .nos-nav .elementor-nav-menu--main .elementor-item:focus{color:#F3F3F0} body .nos-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#F3F3F0;border-bottom-color:var(--nos-red)} body .nos-nav .elementor-nav-menu--main .elementor-item:focus-visible{outline:2px solid var(--nos-red);outline-offset:4px} body .nos-nav .elementor-menu-toggle{display:none;margin-left:auto;align-items:center;gap:10px;width:auto;height:auto;padding:9px 12px;background:transparent;border:1px solid rgba(243,243,240,.3);border-radius:2px;color:#F3F3F0;font-size:12px;letter-spacing:.18em;cursor:pointer} body .nos-nav .elementor-menu-toggle::after{content:"IZBORNIK";font-family:var(--nos-f-ui)} body .nos-nav .elementor-menu-toggle.elementor-active::after{content:"ZATVORI"} body .nos-nav .elementor-menu-toggle .elementor-menu-toggle__icon--open,body .nos-nav .elementor-menu-toggle .elementor-menu-toggle__icon--close,body .nos-nav .elementor-menu-toggle i,body .nos-nav .elementor-menu-toggle svg{display:none!important} body .nos-nav .elementor-nav-menu--dropdown{background:#09131C;border-top:1px solid rgba(243,243,240,.12);padding:4px 20px 16px} body .nos-nav .elementor-nav-menu--dropdown .elementor-item{padding:14px 0;border-bottom:1px solid rgba(243,243,240,.08);font-family:var(--nos-f-ui);font-size:16px;color:#F3F3F0;background:transparent} body .nos-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{color:#F3F3F0;background:transparent;box-shadow:inset 2px 0 0 var(--nos-red);padding-left:12px} body .nos-nav .elementor-nav-menu--dropdown .elementor-item:hover{background:transparent;color:#FFFFFF} @media (max-width:1180px){ body .nos-nav .elementor-menu-toggle{display:inline-flex} body .nos-header{position:relative} body .nos-header .nos-nav,body .nos-header .nos-nav .elementor-widget-container{position:static!important} body .nos-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute!important;left:0!important;right:0!important;top:100%!important;margin:0!important;width:auto!important;z-index:20} } @media (max-width:960px){body .nos-header{padding:16px 20px;gap:14px}} /* ---------- podnožje (Theme Builder) ---------- */ body .nos-footer{padding:72px 56px 40px;background:#09131C;color:#F3F3F0;border-top:1px solid rgba(243,243,240,.1)} body .nos-footer__grid{display:grid;grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,2fr));gap:48px 32px;align-items:start} body .nos-footer .nos-lockup{gap:18px} body .nos-footer .nos-lockup img,body .nos-footer .nos-lockup .elementor-widget-image img{height:36px} body .nos-footer .nos-lockup .nos-lockup__crta{height:32px} body .nos-footer .nos-lockup .nos-lockup__ime .elementor-heading-title{font-size:16px} body .nos-footer__stupac{display:flex;flex-direction:column;gap:12px} body .nos-footer__oznaka .elementor-heading-title{margin:0 0 6px;font-family:var(--nos-f-mono);font-size:10.5px;letter-spacing:.22em;line-height:normal;color:#A8B0B8} body .nos-footer__veze,body .nos-footer__veze p{margin:0;display:flex;flex-direction:column;gap:12px;font-family:var(--nos-f-ui);font-size:15px;line-height:normal;color:#F3F3F0} body .nos-footer__veze a{color:#F3F3F0} body .nos-footer__veze a:hover{color:#FFFFFF} body .nos-footer__adresa{color:#A8B0B8;line-height:1.5} body .nos-footer__kontakt{font-size:15px;line-height:1.5;display:flex;flex-direction:column;gap:12px;font-style:normal;margin:0} body .nos-footer__dno{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin-top:72px;padding-top:24px;border-top:1px solid rgba(243,243,240,.12)} body .nos-footer__dno .elementor-heading-title,body .nos-footer__dno p,body .nos-footer__dno a{font-family:var(--nos-f-ui);font-size:12px;line-height:normal;letter-spacing:.04em;color:#A8B0B8;margin:0} body .nos-footer__dno a:hover{color:#F3F3F0} body .nos-footer__pravno p{display:flex;gap:28px} body .nos-footer__dno > .elementor-widget{width:auto} @media (max-width:960px){ body .nos-footer{padding:64px 20px 40px} body .nos-footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 24px} body .nos-footer__grid > .nos-lockup{grid-column:1 / -1} body .nos-footer__dno{flex-direction:column;align-items:flex-start;gap:14px} } /* ---------- naslovnica: heroj ---------- */ body .nos-sek-hero{background:#07101A} body .nos-hero{position:relative;width:100%;height:100vh;min-height:520px;overflow:hidden;background:#07101A} body .nos-hero__in{position:absolute;left:0;top:0;width:1595px;height:986px;transform-origin:0 0} body .nos-hero__bg,body .nos-hero__fg{position:absolute;inset:0;width:1595px;height:986px;max-width:none;display:block} body .nos-hero__fg{z-index:3;pointer-events:none} body .nos-hero__meta{position:absolute;left:591.4px;top:104.4px;width:595.2px;height:595.2px;z-index:2;opacity:.9;pointer-events:none;overflow:visible} body .nos-hero__link{position:absolute;z-index:5;border-radius:4px} body .nos-hero__link:focus-visible{outline:2px solid #D7192D;outline-offset:2px} /* ---------- naslovnica: Nosteria u brojkama ---------- */ body .nos-sec--brojke{padding:96px 56px 104px;border-top:1px solid rgba(243,243,240,.1)} body .nos-stats{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:48px;align-items:start} body .nos-stats__glava{padding-top:36px;border-top:1px solid rgba(243,243,240,.14)} body .nos-stats__naslov{margin:0;font-family:var(--nos-f-ui);font-weight:400;font-size:11.5px;line-height:normal;letter-spacing:.34em;color:#A8B0B8;text-transform:uppercase} body .nos-stats__sezona{margin:28px 0 0;font-family:var(--nos-f-display);font-weight:500;font-size:30px;line-height:1;letter-spacing:.02em;color:#F3F3F0;font-variant-numeric:tabular-nums} body .nos-stats__brojke{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(243,243,240,.14)} body .nos-stat{padding:36px 0 0 32px;border-left:1px solid rgba(243,243,240,.14)} body .nos-stat:first-child{padding-left:0;border-left:0} body .nos-stat__broj{margin:0;font-family:var(--nos-f-display);font-weight:700;font-size:clamp(88px,8.6vw,148px);line-height:.88;letter-spacing:-.02em;color:#F3F3F0;font-variant-numeric:tabular-nums} body .nos-stat__broj--prazno{color:rgba(243,243,240,.38)} body .nos-stat__oznaka{margin:18px 0 0;font-size:11.5px;line-height:1.5;letter-spacing:.3em;color:#A8B0B8} /* ---------- naslovnica: Sljedeća meta ---------- */ body .nos-sec--sljedeca{padding:112px 56px 120px} body .nos-glava{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:end;margin-bottom:56px} body .nos-glava > .elementor-widget:last-child{justify-self:end;width:auto} body .nos-next{display:grid;grid-template-columns:minmax(200px,3fr) minmax(0,6fr) minmax(0,3fr);gap:40px;align-items:stretch;border-top:2px solid var(--nos-red);padding-top:40px;color:#0D1822} body .nos-next__datum{border-right:1px solid rgba(13,24,34,.14);padding-right:32px} body .nos-next__dan{margin:0;font-family:var(--nos-f-display);font-weight:700;font-size:clamp(96px,10vw,160px);line-height:.86;letter-spacing:-.02em;color:#0D1822;font-variant-numeric:tabular-nums} body .nos-next__mj{margin:16px 0 0;font-family:var(--nos-f-mono);font-size:13px;letter-spacing:.2em;color:#0D1822} body .nos-next__rel{margin:18px 0 0;display:inline-block;padding:5px 10px;border:1px solid rgba(13,24,34,.3);border-radius:2px;font-family:var(--nos-f-mono);font-size:12px;letter-spacing:.06em;color:#0D1822} body .nos-next__sredina{min-width:0} body .nos-next__vrsta{margin:0 0 16px;font-size:11px;letter-spacing:.32em;color:#5C6670} body .nos-next__naziv{margin:0;font-family:var(--nos-f-display);font-weight:500;font-size:clamp(32px,3.6vw,56px);line-height:1.02;color:#0D1822;text-wrap:pretty;max-width:14ch} body .nos-next__podaci{margin:32px 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font-size:15px;line-height:1.4} body .nos-next__podaci dt{color:#5C6670;letter-spacing:.04em;font-weight:400} body .nos-next__podaci dd{margin:0;color:#0D1822} body .nos-next__cta{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:32px;text-align:right;color:#0D1822;border-left:1px solid rgba(13,24,34,.14);padding-left:32px;min-height:160px} body .nos-next__cta:hover{color:#0D1822} body .nos-next__strelica{font-family:var(--nos-f-display);font-weight:300;font-size:56px;line-height:1} body .nos-next__detalji{font-size:14px;font-weight:500;letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid rgba(13,24,34,.35)} /* ---------- naslovnica: O klubu ---------- */ body .nos-klub{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:720px;overflow:hidden;position:relative} body .nos-klub__foto{min-height:480px} body .nos-klub__foto::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,#0B1620 0%,rgba(11,22,32,.4) 18%,rgba(11,22,32,0) 40%)} body .nos-klub__tekst{position:relative;display:flex;flex-direction:column;justify-content:center;padding:120px 56px 120px 24px;max-width:600px} body .nos-klub__tekst::before{content:"N";position:absolute;right:-6%;top:-4%;font-family:var(--nos-f-display);font-weight:700;font-size:640px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(243,243,240,.05);pointer-events:none;user-select:none} body .nos-klub__tekst > .elementor-widget{position:relative} body .nos-klub__tekst .nos-lead{margin-top:28px} body .nos-klub__tekst .nos-mono{margin-top:28px} body .nos-klub__tekst .nos-btn--ghost{margin-top:40px;align-self:flex-start;width:auto} /* ---------- naslovnica: istaknuti rezultati ---------- */ body .nos-rez{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start} body .nos-rez__lijevo{position:sticky;top:96px} body .nos-rez__lijevo .nos-lead{margin-top:28px} body .nos-rez__lijevo .nos-lead .elementor-heading-title{max-width:420px} body .nos-rez__lijevo .nos-btn--ghost{margin-top:40px;width:auto} body .nos-rez__desno{padding-top:12px} body .nos-hl__glava{margin:0 0 8px;display:flex;justify-content:space-between;align-items:baseline;gap:24px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#5C6670} body .nos-hl__sezona{font-family:var(--nos-f-display);font-weight:500;font-size:30px;letter-spacing:.02em;color:#0D1822;font-variant-numeric:tabular-nums} body .nos-hl__red{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;column-gap:32px;align-items:center;padding:28px 0;border-top:1px solid rgba(13,24,34,.14);color:#0D1822;transition:background 180ms} body .nos-hl__red:hover{background:rgba(13,24,34,.035);color:#0D1822} body .nos-hl__tekst{min-width:0} body .nos-hl__datum{margin:0 0 10px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#5C6670} body .nos-hl__natjecanje{margin:0;font-family:var(--nos-f-display);font-weight:500;font-size:clamp(24px,2.4vw,34px);line-height:1.08;color:#0D1822;text-wrap:pretty} body .nos-hl__tko{margin:12px 0 0;font-size:16px;color:#0D1822} body .nos-hl__kat{margin:4px 0 0;font-size:14px;color:#5C6670} body .nos-hl__rez{text-align:right} body .nos-hl__plasman{margin:0;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(52px,5vw,76px);line-height:.88;letter-spacing:-.01em;color:#0D1822;font-variant-numeric:tabular-nums} body .nos-hl__medalja{margin:10px 0 0;display:flex;align-items:center;justify-content:flex-end;gap:8px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#5C6670} body .nos-hl__medalja > span:first-child{width:7px;height:7px;background:var(--nos-red);display:block} body .nos-hl__medalja--bez{display:block} body .nos-hl__str{font-size:18px;color:#5C6670} body .nos-hl__kraj{border-top:1px solid rgba(13,24,34,.14)} body .nos-hl__prazno{border-top:1px solid rgba(13,24,34,.14)} /* ---------- naslovnica: Škola streljaštva ---------- */ body .nos-skola{position:relative;min-height:780px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden} body .nos-skola__foto{position:absolute!important;inset:0;width:100%;height:100%} body .nos-skola__foto::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,22,32,.15) 0%,rgba(11,22,32,0) 30%,rgba(11,22,32,.55) 62%,rgba(11,22,32,.92) 100%)} body .nos-skola__tekst{position:relative;width:100%;max-width:1440px;margin:auto auto 0;padding:160px 56px 88px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end} body .nos-skola__desno{max-width:480px;justify-self:end} body .nos-skola__desno .nos-lead .elementor-heading-title{color:#F3F3F0;max-width:none} body .nos-skola__desno .nos-cta-red{margin-top:32px} /* ---------- naslovnica: Kalendar (nadolazeća) ---------- */ body .nos-sec--kal{padding:120px 56px 96px} body .nos-glava--kal{margin-bottom:48px} body .nos-kal__naslov{display:flex;flex-direction:row;align-items:baseline;gap:28px;flex-wrap:wrap} body .nos-kal__naslov > .elementor-widget{width:auto} body .nos-up{list-style:none;margin:0;padding:0;border-top:1px solid rgba(13,24,34,.14)} body .nos-up__red{display:grid;grid-template-columns:56px 120px minmax(0,5fr) minmax(0,3fr) 40px;column-gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(13,24,34,.14);color:#0D1822} body .nos-up__red:hover{background:rgba(13,24,34,.035);color:#0D1822} body .nos-up__br{font-family:var(--nos-f-mono);font-size:12px;letter-spacing:.12em;color:#5C6670} body .nos-up__datum,body .nos-up__naziv,body .nos-up__mjesto{display:flex;flex-direction:column;gap:6px} body .nos-up__dan{font-family:var(--nos-f-display);font-weight:600;font-size:34px;line-height:.9;color:#0D1822;font-variant-numeric:tabular-nums;white-space:nowrap} body .nos-up__mj{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#5C6670} body .nos-up__naziv{min-width:0} body .nos-up__ime{font-family:var(--nos-f-display);font-weight:500;font-size:clamp(21px,1.9vw,27px);line-height:1.12;color:#0D1822;text-wrap:pretty} body .nos-up__sub{font-size:14.5px;color:#5C6670} body .nos-up__mjesto{font-size:15px;color:#0D1822} body .nos-up__rel{font-family:var(--nos-f-mono);font-size:12px;color:#5C6670} body .nos-up__rel--prvi{color:var(--nos-red)} body .nos-up__str{justify-self:end;font-family:var(--nos-f-display);font-weight:300;font-size:26px;color:#0D1822} /* ---------- naslovnica: Članstvo ---------- */ body .nos-clan{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);min-height:680px;overflow:hidden} body .nos-clan__tekst{display:flex;flex-direction:column;justify-content:center;padding:120px 48px 120px 56px;max-width:720px;justify-self:end;width:100%} body .nos-clan__foto{min-height:480px} body .nos-clan__foto::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#F3F3F0 0%,rgba(243,243,240,.35) 16%,rgba(243,243,240,0) 36%)} body .nos-dl{margin-top:40px} body .nos-dl dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 32px;border-top:1px solid rgba(13,24,34,.14)} body .nos-dl dt{padding:18px 0;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;line-height:normal;color:#5C6670;border-bottom:1px solid rgba(13,24,34,.14);font-weight:400} body .nos-dl dd{margin:0;padding:18px 0;font-family:var(--nos-f-ui);font-size:16px;line-height:1.5;color:#0D1822;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-clan__tekst .nos-cta-red{margin-top:40px} /* ---------- naslovnica: Aktualno ---------- */ body .nos-sec--news{padding:120px 56px 128px} body .nos-news{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start} body .nos-news__slika{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#141E28} body .nos-news__slika--vodeca{aspect-ratio:16/10} body .nos-news__img{display:block;width:100%;height:100%;object-fit:cover} body .nos-img--prazno{background:#141E28} body .nos-news__tekst{display:block;color:#F3F3F0} body .nos-news__tekst:hover{color:#F3F3F0} body .nos-news__meta{margin:24px 0 12px;display:flex;gap:18px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#A8B0B8} body .nos-news__kat{color:#F3F3F0} body .nos-news__naslov{margin:0;font-family:var(--nos-f-display);font-weight:500;font-size:clamp(22px,1.9vw,28px);line-height:1.1;color:#F3F3F0;text-wrap:pretty} body .nos-news__naslov--vodeci{font-size:clamp(28px,3vw,44px);line-height:1.06} body .nos-news__sazetak{margin:16px 0 0;font-size:16px;line-height:1.55;color:#A8B0B8;max-width:560px;text-wrap:pretty} body .nos-news__ostale{display:flex;flex-direction:column;margin-top:-28px} body .nos-news__stavka{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid rgba(243,243,240,.14)} body .nos-news__tekst--mala{display:flex;flex-direction:column;gap:10px;min-width:0} body .nos-news__tekst--mala .nos-news__meta{margin:0} body .nos-news__sazetak--mali{margin:0;font-size:14.5px;line-height:1.5} /* ---------- naslovnica: završni poziv ---------- */ body .nos-sec--cta{position:relative;padding:140px 56px;background:#09131C;overflow:hidden;border-top:1px solid rgba(243,243,240,.1)} body .nos-prsteni{position:absolute;right:-8%;top:50%;width:min(52vw,760px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none} body .nos-prsteni span{position:absolute;border-radius:50%} body .nos-prsteni span:nth-child(1){inset:0;border:1px solid rgba(243,243,240,.1)} body .nos-prsteni span:nth-child(2){inset:19%;border:1px solid rgba(243,243,240,.08)} body .nos-prsteni span:nth-child(3){inset:38%;border:1px solid rgba(243,243,240,.06)} body .nos-sec--cta > .elementor-widget-html{position:absolute;inset:0;pointer-events:none} body .nos-cta-sek{position:relative;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;align-items:end} body .nos-cta-sek .nos-eyebrow .elementor-heading-title{margin-bottom:24px} body .nos-cta-sek .nos-lead .elementor-heading-title{max-width:380px} body .nos-cta-sek .nos-cta-red{margin-top:32px} /* ---------- mobilni raspored (≤ 960 px, prema prototipu) ---------- */ @media (max-width:960px){ body .nos-sec{padding:64px 20px} body .nos-sec--brojke,body .nos-sec--sljedeca,body .nos-sec--rez,body .nos-sec--kal,body .nos-sec--news,body .nos-sec--cta{padding:72px 20px} body .nos-glava,body .nos-rez,body .nos-stats,body .nos-news,body .nos-cta-sek,body .nos-skola__tekst{grid-template-columns:minmax(0,1fr);gap:36px} body .nos-glava{gap:20px;margin-bottom:40px} body .nos-glava > .elementor-widget:last-child{justify-self:start} body .nos-rez__lijevo{position:static} body .nos-stats__brojke{grid-template-columns:minmax(0,1fr);border-top:0} body .nos-stat,body .nos-stat:first-child{border-left:0;border-top:1px solid rgba(243,243,240,.14);padding:28px 0} body .nos-stat__broj{font-size:clamp(88px,26vw,140px)} body .nos-stat__oznaka{margin-top:12px} body .nos-next{grid-template-columns:minmax(0,1fr)} body .nos-next__datum{border-right:0;border-bottom:1px solid rgba(13,24,34,.14);padding:0 0 28px} body .nos-next__cta{border-left:0;padding-left:0;min-height:0;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:18px;text-align:left} body .nos-next__strelica{font-size:32px} body .nos-klub,body .nos-clan{grid-template-columns:minmax(0,1fr)} body .nos-klub__foto,body .nos-clan__foto{position:relative;width:100%;aspect-ratio:4/3;min-height:0;height:auto} body .nos-klub__tekst,body .nos-clan__tekst{padding:64px 20px;max-width:none} body .nos-klub__tekst::before,body .nos-prsteni{display:none} body .nos-hl__red{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:start;padding:24px 0} body .nos-hl__str{display:none} body .nos-hl__plasman{font-size:44px} body .nos-skola{min-height:620px} body .nos-skola__tekst{padding:0 20px 56px;max-width:none;gap:28px} body .nos-skola__desno{justify-self:start;max-width:none} body .nos-up__red{grid-template-columns:88px minmax(0,1fr);column-gap:16px;padding:22px 0} body .nos-up__br,body .nos-up__str{display:none} body .nos-up__mjesto{grid-column:2} body .nos-up__dan{font-size:26px} body .nos-cta-red{flex-direction:column;align-items:stretch} body .nos-cta-red > .elementor-widget{width:100%} body .nos-cta-red .elementor-button{width:100%;justify-content:space-between} body .nos-cta-red .elementor-button-content-wrapper{width:100%;justify-content:space-between} body .nos-h2--cta .elementor-heading-title{font-size:clamp(56px,15vw,96px)} body .nos-news__slika--vodeca{aspect-ratio:4/3} body .nos-news__stavka{grid-template-columns:minmax(0,1fr)} body .nos-news__ostale{margin-top:0} } @media (max-width:960px){ } /* ---------- kalendar ([nos_calendar], Kalendar.dc.html) ---------- */ body .nos-sek-kal{background:#F6F7F9;color:#0D1822;padding-bottom:72px} body .nos-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} body .nos-cal{font-family:var(--nos-f-ui);color:#0D1822} body .nos-cal--ucitava{opacity:.6;transition:opacity 150ms} body .nos-cal-bezjs{margin:24px 56px;padding:0;list-style:none;font-size:15px;line-height:1.8} body .nos-cal button{font:inherit;line-height:normal;text-transform:none;letter-spacing:normal} body .nos-cal-main{display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);column-gap:18px;align-items:stretch} body .nos-cal-left{min-width:0;padding:26px 0 28px 56px} body .nos-cal-oznaka{margin:0;font-size:15px;font-weight:700;letter-spacing:.08em;color:var(--nos-red)} body .nos-cal-red{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:10px} body .nos-cal-mj{display:flex;align-items:center;gap:14px} body .nos-cal .nos-cal-krug{width:44px;height:44px;padding:0;border-radius:50%;background:#FFFFFF;border:1px solid rgba(13,24,34,.14);color:#0D1822;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center} body .nos-cal .nos-cal-krug:hover{border-color:#0D1822;background:#FFFFFF;color:#0D1822} body .nos-cal-h1{margin:0;font-family:var(--nos-f-ui);font-weight:700;font-size:clamp(32px,2.7vw,42px);line-height:1;letter-spacing:-.01em;color:#0D1822;white-space:nowrap} body .nos-cal > .nos-cal-h1{margin:26px 56px 0} body .nos-cal-sez{position:relative;display:block;margin:0} body .nos-cal-sez select{height:38px;padding:0 40px 0 16px;appearance:none;-webkit-appearance:none;background:#FFFFFF;border:1px solid rgba(13,24,34,.12);border-radius:8px;font-family:var(--nos-f-ui);font-size:13px;color:#0D1822;cursor:pointer;box-shadow:none;width:auto} body .nos-cal-sez svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none} body .nos-cal-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} body .nos-cal .nos-cal-chip{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 18px;background:#FFFFFF;color:#0D1822;border:1px solid rgba(13,24,34,.14);border-radius:16px;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0} body .nos-cal .nos-cal-chip:hover{background:#FFFFFF;color:#0D1822} body .nos-cal .nos-cal-chip--on,body .nos-cal .nos-cal-chip--on:hover{background:#0D1A2E;color:#FFFFFF;border-color:#0D1A2E} body .nos-cal-chip > span{width:12px;height:12px;border-radius:50%;display:block} body .nos-cal-mreza{margin-top:20px} body .nos-cal-dani{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))} body .nos-cal-dani span{padding:0 0 12px;text-align:center;font-size:12.5px;font-weight:500;letter-spacing:.04em;color:#3F4851} body .nos-cal-tjedni{background:#FFFFFF;border:1px solid rgba(13,24,34,.1);border-radius:6px;overflow:hidden} body .nos-cal-tj{position:relative} body .nos-cal-tj + .nos-cal-tj{border-top:1px solid rgba(13,24,34,.09)} body .nos-cal-tj-dani{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))} body .nos-cal .nos-cal-dan{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;background:#FFFFFF;border:0;border-radius:0;text-align:left;cursor:pointer;min-width:0;color:#0D1822} body .nos-cal .nos-cal-dan + .nos-cal-dan{border-left:1px solid rgba(13,24,34,.09)} body .nos-cal .nos-cal-dan:hover{background:#FAFBFC;color:#0D1822} body .nos-cal .nos-cal-dan:focus-visible{outline:2px solid var(--nos-red);outline-offset:-2px} body .nos-cal-broj{display:block;width:100%;padding:8px 10px 6px;font-size:13px;font-weight:700;line-height:1;color:#0D1822} body .nos-cal-dan--van .nos-cal-broj{color:#B4BBC2} body .nos-cal-dan--danas .nos-cal-broj{color:var(--nos-red)} body .nos-cal-dan--sel .nos-cal-broj{background:#0D1A2E;border-radius:5px 5px 0 0;color:#FFFFFF} body .nos-cal-tocke{display:none;gap:3px;flex-wrap:wrap;padding:0 10px} body .nos-cal-tocke span{width:7px;height:7px;border-radius:50%;display:block} body .nos-cal-trake{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:30px;grid-auto-rows:auto;row-gap:4px;padding:0 0 8px;pointer-events:none} body .nos-cal .nos-cal-traka{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:5px 8px;border:0;box-shadow:none;text-align:left;cursor:pointer;min-width:0;color:#0D1822} body .nos-cal .nos-cal-traka:hover{color:#0D1822} body .nos-cal .nos-cal-traka:focus-visible{outline:2px solid #0D1822;outline-offset:1px} body .nos-cal-traka > svg{flex-shrink:0} body .nos-cal-traka-in{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1} body .nos-cal-traka-ime{display:flex;align-items:center;gap:6px;min-width:0} body .nos-cal-traka-ime > span:first-child{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:block} body .nos-cal-traka-ime > span:last-child{font-size:11.5px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body .nos-cal-traka-disc{padding-left:16px;color:#3F4851} body .nos-cal-discs{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px} body .nos-cal-disc{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding-right:7px;margin-right:7px;position:relative} body .nos-cal-disc--sep{border-right:1px solid rgba(13,24,34,.25)} body .nos-cal-disc svg{display:block;flex-shrink:0} body .nos-cal .nos-cal-vise{pointer-events:auto;justify-self:start;margin-left:8px;padding:2px 4px;background:none;border:0;border-bottom:1px solid rgba(13,24,34,.4);border-radius:0;font-size:12px;font-weight:600;color:#0D1822;cursor:pointer} /* panel odabranog dana */ body .nos-cal-side{position:relative;min-width:0;min-height:560px} body .nos-cal-side-in{position:absolute;inset:0;display:flex;flex-direction:column;background:#EEF0F3;border-radius:14px 0 0 14px;padding-bottom:18px;overflow:hidden} body .nos-cal-glava{position:relative;flex:0 0 auto;min-height:clamp(220px,30%,300px);background:#0B1620;border-radius:14px 0 0 0;overflow:hidden} body .nos-cal-glava-foto{position:absolute;inset:0;background:#141E28 center/cover no-repeat} body .nos-cal-glava-sjena{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,26,46,.96) 0%,rgba(13,26,46,.82) 45%,rgba(13,26,46,.35) 100%)} body .nos-cal-glava-tekst{position:relative;padding:44px 28px 96px;color:#FFFFFF;pointer-events:none} body .nos-cal-glava-dan{margin:0;font-weight:700;font-size:clamp(30px,2.5vw,40px);line-height:1.12;letter-spacing:-.005em;color:#FFFFFF;display:flex;flex-direction:column} body .nos-cal-glava-broj{margin:12px 0 0;font-size:19px;color:#FFFFFF} body .nos-cal-kartice{position:relative;flex:1 1 auto;min-height:0;overflow-y:hidden;margin:-48px 0 0;padding:0 12px 4px 16px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(13,24,34,.22) transparent} body .nos-cal-kartice--scroll{overflow-y:auto} body .nos-cal-kartice::-webkit-scrollbar{width:6px} body .nos-cal-kartice::-webkit-scrollbar-thumb{background:rgba(13,24,34,.22);border-radius:3px} @keyframes nosFade{from{opacity:0}to{opacity:1}} body .nos-cal-kartica{position:relative;display:grid;grid-template-columns:minmax(0,1fr);background:#FFFFFF;border-radius:6px;overflow:hidden;box-shadow:0 6px 22px rgba(13,24,34,.10);color:#0D1822;animation:nosFade 200ms ease-out both} body .nos-cal-kartica--foto{grid-template-columns:minmax(0,1fr) 24%} body .nos-cal-kartica:hover{color:#0D1822;box-shadow:0 10px 30px rgba(13,24,34,.16)} body .nos-cal-kartica-crta{position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:6px 0 0 6px} body .nos-cal-kartica-tijelo{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px 18px 20px 30px;min-width:0} body .nos-cal-kartica-vrh{display:flex;justify-content:space-between;gap:10px;align-items:center} body .nos-cal-badge{padding:3px 8px;border:1px solid;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.06em} body .nos-cal-rel{padding:3px 8px;border-radius:4px;font-size:12.5px;font-weight:500;white-space:nowrap} body .nos-cal-kartica-ime{font-weight:700;font-size:19px;line-height:1.25;color:#0D1822;text-wrap:pretty} body .nos-cal-kartica-podaci{display:flex;flex-direction:column;gap:10px;font-size:15px;color:#0D1822} body .nos-cal-ik{display:flex;align-items:center;gap:14px} body .nos-cal-ik svg{flex-shrink:0} body .nos-cal-kartica-disc{padding-top:4px} body .nos-cal-kartica-disc .nos-cal-disc{gap:7px;padding-right:10px;margin-right:10px} body .nos-cal-krug-str{position:absolute;right:16px;bottom:44px;width:38px;height:38px;border:1px solid rgba(13,24,34,.25);border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;transition:background 160ms,color 160ms} body .nos-cal-kartica:hover .nos-cal-krug-str,body .nos-cal-lrow:hover .nos-cal-larr{background:#0D1822;color:#FFFFFF;border-color:#0D1822} body .nos-cal-kartica-foto{position:relative;display:block;min-height:100%;background:#E9E9E5 center/cover no-repeat} body .nos-cal-fade{position:sticky;bottom:-4px;flex:0 0 40px;margin-top:-56px;pointer-events:none;background:linear-gradient(180deg,rgba(238,240,243,0) 0%,#EEF0F3 100%)} body .nos-cal-prazno{flex:1 1 auto;min-height:260px;display:flex;flex-direction:column;justify-content:center;background:#FFFFFF;border-radius:6px;padding:36px 32px;box-shadow:0 6px 22px rgba(13,24,34,.08)} body .nos-cal-prazno-n{margin:0;font-weight:700;font-size:22px;line-height:1.25;color:#0D1822} body .nos-cal-sljedece{margin-top:28px;padding-top:24px;border-top:1px solid rgba(13,24,34,.1)} body .nos-cal-sljedece > p{margin:0;font-size:12px;font-weight:600;letter-spacing:.1em;color:#5C6670} body .nos-cal .nos-cal-sljedece button{margin-top:14px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:#0D1822} body .nos-cal-sljedece-t{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:15px} body .nos-cal-sljedece-ime{font-weight:700;font-size:18px;line-height:1.25} body .nos-cal-sljedece-mj{font-size:14px;color:#5C6670} body .nos-cal-krug-str--st{position:static;flex-shrink:0} /* popis ispod */ body .nos-cal-list{margin:20px 48px 0;background:#FFFFFF;border-radius:10px;box-shadow:0 2px 18px rgba(13,24,34,.05);padding:22px 18px 14px} body .nos-cal-list-glava{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} body .nos-cal-list-l{display:flex;align-items:center;gap:24px;flex-wrap:wrap} body .nos-cal-list h2{margin:0;font-family:var(--nos-f-ui);font-weight:700;font-size:24px;line-height:normal;letter-spacing:normal;color:#0D1822} body .nos-cal-tabs{display:flex;gap:8px;flex-wrap:wrap} body .nos-cal .nos-cal-tabs button{height:28px;min-width:108px;padding:0 14px;background:#EEF0F3;color:#0D1822;border:0;border-radius:5px;font-size:12.5px;font-weight:500;cursor:pointer} body .nos-cal .nos-cal-tabs button.nos-on{background:#0D1A2E;color:#FFFFFF} body .nos-cal .nos-cal-cijela{background:none;border:0;padding:0;font-size:12.5px;font-weight:500;color:#0D1822;cursor:pointer;display:inline-flex;gap:8px;align-items:center} body .nos-cal .nos-cal-cijela:hover{background:none;color:#0D1822} body .nos-cal-lhead,body .nos-cal-lrow{display:grid;grid-template-columns:130px minmax(0,3.6fr) minmax(0,2.1fr) minmax(0,2.5fr) minmax(0,2.2fr) minmax(0,1.6fr) 24px;gap:16px} body .nos-cal-lhead{padding:22px 0 6px 30px;font-size:11px;font-weight:500;letter-spacing:.06em;color:#5C6670} body .nos-cal-lrow{position:relative;align-items:center;padding:7px 0 7px 30px;border-top:1px solid rgba(13,24,34,.07);color:#0D1822;font-size:13px} body .nos-cal-lrow:hover{background:rgba(13,24,34,.02);color:#0D1822} body .nos-cal-lcrta{position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:2px} body .nos-cal-ldatum{white-space:nowrap} body .nos-cal-lime{font-weight:700;line-height:1.3;min-width:0} body .nos-cal-lrow .nos-cal-disc{gap:7px;padding-right:10px;margin-right:10px} body .nos-cal-lbadge{padding:2px 6px;border:1px solid;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.06em;white-space:nowrap} body .nos-cal-larr{justify-self:end;display:flex;color:#0D1822;border-radius:50%} body .nos-cal-lprazno{margin:0;padding:24px 0 12px 30px;font-size:14px;color:#5C6670} @media (max-width:1000px){ body .nos-cal-main{grid-template-columns:minmax(0,1fr);row-gap:20px} body .nos-cal-left{padding:24px 20px} body .nos-cal-side{min-height:0} body .nos-cal-side-in{position:static;border-radius:0;overflow:visible} body .nos-cal-glava{border-radius:0} body .nos-cal-kartice{overflow:visible;padding:0 12px 4px} body .nos-cal-kartica{max-height:none!important;flex:0 0 auto!important} body .nos-cal-list{margin:24px 16px 0} } @media (max-width:760px){ body .nos-cal-h1{font-size:34px} body .nos-cal-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px} body .nos-cal-tj{min-height:58px!important} body .nos-cal .nos-cal-traka,body .nos-cal .nos-cal-vise{display:none} body .nos-cal-tocke{display:flex} body .nos-cal-kartice{margin:-60px 12px 0} body .nos-cal-kartica-foto{display:none} body .nos-cal-kartica,body .nos-cal-kartica--foto{grid-template-columns:minmax(0,1fr)} body .nos-cal-lhead{display:none} body .nos-cal-lrow{grid-template-columns:minmax(0,1fr) 32px;row-gap:4px} body .nos-cal-lrow > *:not(.nos-cal-lcrta){grid-column:1} body .nos-cal-lrow > *:last-child{grid-column:2;grid-row:1 / span 7;align-self:center} } /* ---------- uvod podstranice (phero) ---------- */ body .nos-phero{padding:56px 56px 96px;background:#0B1620;color:#F3F3F0;border-top:1px solid rgba(243,243,240,.08)} body .nos-crumb p,body .nos-crumb .elementor-heading-title{padding-bottom:64px} body .nos-crumb p,body .nos-crumb .elementor-heading-title{margin:0;display:flex;gap:12px;font-family:var(--nos-f-mono);font-size:11px;line-height:normal;letter-spacing:.18em;color:#A8B0B8} body .nos-crumb a{color:#A8B0B8;white-space:nowrap} body .nos-crumb a:hover{color:#F3F3F0} body .nos-crumb [aria-current]{color:#F3F3F0;white-space:nowrap} body .nos-phero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end} body .nos-h1 .elementor-heading-title{font-family:var(--nos-f-display);font-weight:700;font-size:clamp(72px,8.4vw,136px);line-height:.88;letter-spacing:-.014em;color:#F3F3F0;animation:nosRise 640ms cubic-bezier(.2,.7,.2,1) both} @keyframes nosRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} body .nos-tocka{display:inline-block;width:.11em;height:.11em;background:var(--nos-red);margin-left:.05em} body .nos-phero-lead{justify-self:end;width:auto} body .nos-phero-lead .elementor-heading-title{font-size:18px;line-height:1.55;color:#A8B0B8;max-width:440px;text-wrap:pretty} @media (max-width:960px){ body .nos-phero{padding:28px 20px 56px} body .nos-crumb p{padding-bottom:32px} body .nos-h1 .elementor-heading-title{font-size:clamp(56px,15vw,96px)} body .nos-phero-grid{grid-template-columns:minmax(0,1fr);gap:28px} body .nos-phero-lead{justify-self:start} } /* ---------- rezultati ([nos_results], Rezultati.dc.html) ---------- */ body .nos-sek-rz{background:#F3F3F0;color:#0D1822;padding:72px 56px 128px} body .nos-rz{font-family:var(--nos-f-ui);color:#0D1822} body .nos-rz-sezone{display:flex;gap:44px;flex-wrap:wrap;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-rz-sezona{border-bottom:2px solid transparent;margin-bottom:-1px;padding:0 0 18px;color:#8A939C;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(28px,3vw,44px);line-height:1;font-variant-numeric:tabular-nums;transition:color 180ms} body .nos-rz-sezona:hover{color:#0D1822} body .nos-rz-sezona.nos-on{color:#0D1822;border-bottom-color:var(--nos-red)} body .nos-rz-stat{display:flex;gap:56px;align-items:flex-end;padding:40px 0 0} body .nos-rz-stat > div{display:flex;align-items:baseline;gap:14px} body .nos-rz-stat-n{font-family:var(--nos-f-display);font-weight:700;font-size:56px;line-height:.9;color:#0D1822;font-variant-numeric:tabular-nums} body .nos-rz-stat-l{font-size:11px;line-height:1.4;letter-spacing:.24em;color:#5C6670;max-width:160px} body .nos-rz-filtri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:20px;align-items:end;margin:56px 0 0} body .nos-rz-polje{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0} body .nos-rz-polje > span:first-child{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#5C6670} body .nos-rz-sel{position:relative;display:block} body .nos-rz-sel select{width:100%;height:48px;padding:0 40px 0 14px;appearance:none;-webkit-appearance:none;background:#FFFFFF;border:1px solid rgba(13,24,34,.22);border-radius:2px;font-family:var(--nos-f-ui);font-size:15px;color:#0D1822;cursor:pointer;box-shadow:none} body .nos-rz-sel > span{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:11px;color:#0D1822} body .nos-rz-tip{display:flex;border:1px solid rgba(13,24,34,.22);border-radius:2px;overflow:hidden;height:48px} body .nos-rz .nos-rz-tip button{padding:0 18px;border:0;border-radius:0;background:#FFFFFF;color:#0D1822;font-family:var(--nos-f-ui);font-size:14px;font-weight:400;line-height:normal;cursor:pointer;white-space:nowrap} body .nos-rz .nos-rz-tip button.nos-on{background:#0D1822;color:#F3F3F0} body .nos-rz .nos-rz-tip button:focus-visible{outline:2px solid var(--nos-red);outline-offset:-2px} body .nos-rz-sazetak{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:20px} body .nos-rz-sazetak p{margin:0;font-family:var(--nos-f-mono);font-size:11.5px;letter-spacing:.14em;color:#5C6670} body .nos-rz-ponisti,body .nos-rz-prazno a{padding:0 0 4px;border-bottom:1px solid rgba(13,24,34,.35);font-size:14px;color:#0D1822} body .nos-rz-popis{margin-top:40px} body .nos-rz-grupa{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px;padding:44px 0;border-top:1px solid rgba(13,24,34,.16)} body .nos-rz-ev{display:block;color:#0D1822;align-self:start} body .nos-rz-ev:hover{color:#0D1822} body .nos-rz-ev-datum{margin:0;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.16em;color:#5C6670} body .nos-rz-ev-ime{margin:12px 0 0;font-family:var(--nos-f-display);font-weight:500;font-size:clamp(22px,2.1vw,30px);line-height:1.1;color:#0D1822;text-wrap:pretty} body .nos-rz-ev-mj{margin:10px 0 0;font-size:14.5px;color:#5C6670} body .nos-rz-ev-cta{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-size:13.5px;font-weight:500;padding-bottom:4px;border-bottom:1px solid rgba(13,24,34,.35)} body .nos-rz-redovi{list-style:none;margin:0;padding:0;border-top:1px solid rgba(13,24,34,.22)} body .nos-rz-red{display:grid;grid-template-columns:minmax(0,1fr) auto 96px 20px;column-gap:28px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(13,24,34,.1);color:#0D1822} body .nos-rz-red:hover{background:rgba(13,24,34,.035);color:#0D1822} body .nos-rz-tko{min-width:0;display:flex;flex-direction:column;gap:5px} body .nos-rz-ime{font-size:17px;font-weight:500;color:#0D1822} body .nos-rz-ekipno{margin-left:10px;font-family:var(--nos-f-mono);font-weight:400;font-size:10.5px;letter-spacing:.18em;color:#5C6670} body .nos-rz-kat{font-size:14px;color:#5C6670} body .nos-rz-rez{font-family:var(--nos-f-mono);font-size:15px;color:#0D1822;text-align:right} body .nos-rz-pl{display:flex;flex-direction:column;align-items:flex-end;gap:5px} body .nos-rz-pl-n{font-family:var(--nos-f-display);font-weight:600;font-size:36px;line-height:.9;color:#0D1822;font-variant-numeric:tabular-nums} body .nos-rz-med{display:inline-flex;align-items:center;gap:6px;font-family:var(--nos-f-mono);font-size:10px;letter-spacing:.18em;color:#5C6670} body .nos-rz-med > span{width:6px;height:6px;background:var(--nos-red);display:block} body .nos-rz-str{font-size:16px;color:#5C6670} body .nos-rz-prazno{padding:72px 0;border-top:1px solid rgba(13,24,34,.14)} body .nos-rz-prazno p{margin:0 0 20px;font-family:var(--nos-f-display);font-weight:500;font-size:32px;color:#0D1822} body .nos-rz-vise{border-top:1px solid rgba(13,24,34,.14);padding-top:40px;display:flex;justify-content:center} body .nos-rz-vise-btn{display:inline-flex;align-items:center;gap:22px;height:52px;padding:0 24px;background:transparent;color:#0D1822;border:1px solid rgba(13,24,34,.4);border-radius:2px;font-size:15px;font-weight:500;transition:border-color 180ms} body .nos-rz-vise-btn:hover{border-color:#0D1822;color:#0D1822} body .nos-cta:hover .nos-arr--dolje{transform:translateY(3px)} @media (max-width:960px){ body .nos-sek-rz{padding:64px 20px} body .nos-rz-filtri{grid-template-columns:repeat(2,minmax(0,1fr))} body .nos-rz-grupa{grid-template-columns:minmax(0,1fr);gap:14px;padding:32px 0} body .nos-rz-red{grid-template-columns:minmax(0,1fr) auto;row-gap:6px} body .nos-rz-rez{grid-column:1;grid-row:2;text-align:left} body .nos-rz-pl{grid-row:1 / span 2} body .nos-rz-str{display:none} body .nos-rz-stat{flex-wrap:wrap;gap:20px 32px} } @media (max-width:560px){body .nos-rz-filtri{grid-template-columns:minmax(0,1fr)}} /* ---------- natjecanje ([nos_event], Dogadjaj.dc.html) ---------- */ body .nos-ev-uvod{padding:56px 56px 88px} body .nos-ev-crumb{margin:0 0 56px;display:flex;gap:12px;flex-wrap:wrap;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#A8B0B8} body .nos-ev-crumb a{color:#A8B0B8} body .nos-ev-crumb a:hover,body .nos-ev-crumb [aria-current]{color:#F3F3F0} body .nos-ev-crumb [aria-current]{white-space:nowrap} body .nos-ev-vrsta{margin:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;letter-spacing:.3em;color:#A8B0B8} body .nos-ev-vrsta-o{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0} body .nos-ev-vrsta-o > span:first-child{width:10px;height:10px;display:block;flex-shrink:0} body .nos-ev-rel{padding:5px 10px;border:1px solid rgba(243,243,240,.35);border-radius:2px;font-family:var(--nos-f-mono);font-size:11.5px;letter-spacing:.08em;color:#F3F3F0} body .nos-ev-h1{margin:24px 0 0;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(40px,5.2vw,84px);line-height:1;letter-spacing:-.01em;color:#F3F3F0;max-width:20ch;text-wrap:balance;animation:nosRise 640ms cubic-bezier(.2,.7,.2,1) both} body .nos-ev-nema{padding:96px 56px 160px} body .nos-ev-nema .nos-ev-h1{margin:0;font-size:56px} body .nos-ev-natrag{display:inline-block;margin-top:28px;font-size:15px;color:#F3F3F0;padding-bottom:6px;border-bottom:1px solid rgba(243,243,240,.4)} body .nos-ev-disc{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:20px;color:#F3F3F0} body .nos-ev-disc > span{display:inline-flex;align-items:center;gap:10px;position:relative} body .nos-ev-disc svg{display:block} body .nos-ev-meta{margin:56px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(243,243,240,.16)} body .nos-ev-meta > div{padding:22px 24px 0 0} body .nos-ev-meta > div:last-child{padding-right:0} body .nos-ev-meta dt{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;color:#A8B0B8;font-weight:400} body .nos-ev-meta dd{margin:10px 0 0;color:#F3F3F0} body .nos-ev-veliko{font-family:var(--nos-f-display);font-weight:500;font-size:24px;line-height:1.15} body .nos-ev-meta .nos-ev-priguseno{color:#A8B0B8} body .nos-ev-tab{font-variant-numeric:tabular-nums} body .nos-ev-meta .nos-ev-vrijeme{margin-top:6px;font-family:var(--nos-f-mono);font-size:13px;color:#A8B0B8} body .nos-ev-kat{font-size:16px;line-height:1.5} body .nos-ev-dok{display:flex;gap:12px;flex-wrap:wrap;margin-top:48px} body .nos-ev-dok-btn{display:inline-flex;align-items:center;gap:22px;height:52px;padding:0 22px;background:transparent;color:#F3F3F0;border:1px solid rgba(243,243,240,.38);border-radius:2px;font-size:15px;font-weight:500;transition:border-color 180ms} body .nos-ev-dok-btn:hover{border-color:#F3F3F0;color:#F3F3F0} body .nos-ev-pdf{font-family:var(--nos-f-mono);font-size:11px;color:#A8B0B8} body .nos-ev-sek{background:#F3F3F0;color:#0D1822;padding:0 56px 112px} body .nos-ev-rez{padding:104px 56px 96px} body .nos-ev-rez-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start} body .nos-ev-h2{margin:0;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(40px,4.4vw,68px);line-height:.98;letter-spacing:-.008em;color:#0D1822} body .nos-ev-sazetak{margin:20px 0 0;font-family:var(--nos-f-mono);font-size:11.5px;letter-spacing:.16em;color:#5C6670} body .nos-ev-redovi{list-style:none;margin:0;padding:0;border-top:1px solid rgba(13,24,34,.16)} body .nos-ev-red{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;column-gap:32px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(13,24,34,.12)} body .nos-ev-tko{min-width:0} body .nos-ev-ime{margin:0;font-family:var(--nos-f-display);font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.1;color:#0D1822} body .nos-ev-ekipno{margin-left:12px;font-family:var(--nos-f-mono);font-weight:400;font-size:11px;letter-spacing:.18em;color:#5C6670;vertical-align:4px} body .nos-ev-katd{margin:8px 0 0;font-size:15px;color:#5C6670} body .nos-ev-vr,body .nos-ev-pl{text-align:right} body .nos-ev-rezultat{margin:0;font-family:var(--nos-f-mono);font-size:18px;color:#0D1822} body .nos-ev-unutarnje{margin:4px 0 0;font-family:var(--nos-f-mono);font-size:12px;color:#5C6670} body .nos-ev-pl-n{margin:0;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(44px,4vw,60px);line-height:.88;color:#0D1822;font-variant-numeric:tabular-nums} body .nos-ev-med{margin:8px 0 0;display:flex;align-items:center;justify-content:flex-end;gap:7px;font-family:var(--nos-f-mono);font-size:10.5px;letter-spacing:.18em;color:#5C6670} body .nos-ev-med > span{width:7px;height:7px;background:var(--nos-red);display:block} body .nos-ev-med--bez{display:block} body .nos-ev-gal{padding:0 56px 104px} body .nos-ev-gal--prva{padding:104px 56px 104px} body .nos-ev-gal-glava{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px;border-top:1px solid rgba(13,24,34,.16);padding-top:28px} body .nos-ev-h2--gal{font-size:clamp(32px,3.2vw,48px);line-height:1} body .nos-ev-gal-glava > span{font-family:var(--nos-f-mono);font-size:12px;letter-spacing:.16em;color:#5C6670} body .nos-ev-gal-mreza{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} body .nos-ev-foto{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#E9E9E5;cursor:zoom-in} body .nos-ev-foto:first-child{grid-column:1 / span 2;grid-row:span 2;aspect-ratio:1/1} body .nos-ev-foto img{width:100%;height:100%;object-fit:cover;display:block} body .nos-ev-povecaj{position:absolute;right:10px;bottom:10px;width:40px;height:40px;background:rgba(11,22,32,.78);color:#F3F3F0;border-radius:2px;font-size:16px;display:flex;align-items:center;justify-content:center} body .nos-ev-foto:hover .nos-ev-povecaj{background:#0B1620} body .nos-ev-izv-a{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start;border-top:2px solid var(--nos-red);padding-top:32px;color:#0D1822} body .nos-ev-izv-a:hover{color:#0D1822} body .nos-ev-izv-o{margin:0;font-family:var(--nos-f-mono);font-weight:400;font-size:12px;letter-spacing:.22em;color:#5C6670} body .nos-ev-izv-t{max-width:720px} body .nos-ev-izv-d{margin:0;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#5C6670} body .nos-ev-izv-n{margin:12px 0 0;font-family:var(--nos-f-display);font-weight:500;font-size:clamp(26px,2.6vw,38px);line-height:1.08;color:#0D1822;text-wrap:pretty} body .nos-ev-izv-s{margin:14px 0 0;font-size:16.5px;line-height:1.6;color:#5C6670;text-wrap:pretty} body .nos-ev-izv-cta{display:inline-flex;align-items:center;gap:14px;margin-top:22px;font-size:14px;font-weight:500;padding-bottom:6px;border-bottom:1px solid rgba(13,24,34,.35)} body .nos-ev-nav--sama{padding:72px 56px 112px} body .nos-ev-nav-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(13,24,34,.16);padding-top:28px} body .nos-ev-nav-in a{font-size:15px;font-weight:500;color:#0D1822;padding-bottom:6px;border-bottom:1px solid rgba(13,24,34,.35)} body .nos-ev-nav-in a:hover{border-color:var(--nos-red);color:#0D1822} /* lightbox (front.js) */ body .nos-lb{position:fixed;inset:0;z-index:9999;background:rgba(5,9,13,.94);display:grid;grid-template-columns:72px minmax(0,1fr) 72px;grid-template-rows:64px minmax(0,1fr) 56px;font-family:var(--nos-f-ui);color:#F3F3F0;outline:none;animation:nosFade 160ms ease-out both} body .nos-lb-br{grid-column:2;grid-row:1;margin:0;align-self:center;font-family:var(--nos-f-mono);font-size:12px;letter-spacing:.16em;color:#A8B0B8} body .nos-lb button{align-self:center;justify-self:center;background:none;border:1px solid rgba(243,243,240,.3);border-radius:2px;color:#F3F3F0;font-size:20px;cursor:pointer;padding:0} body .nos-lb-x{grid-column:3;grid-row:1;width:44px;height:44px} body .nos-lb-p{grid-column:1;grid-row:2;width:48px;height:48px} body .nos-lb-n{grid-column:3;grid-row:2;width:48px;height:48px} body .nos-lb-slika{grid-column:2;grid-row:2;min-height:0;display:flex;align-items:center;justify-content:center} body .nos-lb-slika img{max-width:100%;max-height:100%;object-fit:contain} body .nos-lb-opis{grid-column:2;grid-row:3;margin:0;align-self:center;font-size:14px;color:#A8B0B8} @media (max-width:960px){ body .nos-ev-uvod{padding:28px 20px 56px} body .nos-ev-crumb{margin-bottom:32px} body .nos-ev-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} body .nos-ev-sek,body .nos-ev-rez,body .nos-ev-gal,body .nos-ev-gal--prva,body .nos-ev-nav--sama{padding-left:20px;padding-right:20px} body .nos-ev-rez{padding-top:64px;padding-bottom:64px} body .nos-ev-rez-grid,body .nos-ev-izv-a{grid-template-columns:minmax(0,1fr);gap:28px} body .nos-ev-red{grid-template-columns:minmax(0,1fr) auto;row-gap:10px} body .nos-ev-vr{grid-column:1;grid-row:2;text-align:left} body .nos-ev-pl{grid-row:1 / span 2} body .nos-ev-gal-mreza{grid-template-columns:repeat(2,minmax(0,1fr))} body .nos-ev-foto:first-child{grid-column:1 / -1;grid-row:auto} body .nos-lb{grid-template-columns:48px minmax(0,1fr) 48px} } @media (max-width:560px){ body .nos-ev-meta{grid-template-columns:minmax(0,1fr)} body .nos-ev-dok-btn{flex:1 1 100%;justify-content:space-between} } /* ---------- zajednički gradivni blokovi statičnih stranica ---------- */ body .nos-g{display:grid;align-items:start} body .nos-g-5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} body .nos-g-7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} body .nos-g-4-8{grid-template-columns:minmax(0,4fr) minmax(0,8fr)} body .nos-g-6-6{grid-template-columns:minmax(0,6fr) minmax(0,6fr)} body .nos-g-3-2{grid-template-columns:minmax(0,3fr) minmax(0,2fr)} body .nos-g-3{grid-template-columns:repeat(3,minmax(0,1fr))} body .nos-g-4{grid-template-columns:repeat(4,minmax(0,1fr))} body .nos-gap-12{gap:12px}body .nos-gap-24{gap:24px}body .nos-gap-40{gap:40px}body .nos-gap-48{gap:48px}body .nos-gap-64{gap:64px}body .nos-gap-72{gap:72px} body .nos-al-end{align-items:end}body .nos-al-center{align-items:center}body .nos-al-stretch{align-items:stretch} body .nos-mb-48{margin-bottom:48px}body .nos-pb-48{padding-bottom:48px}body .nos-pb-56{padding-bottom:56px}body .nos-pov-g{column-gap:40px}body .nos-galerija-stupac{gap:24px}body .nos-mb-56{margin-bottom:56px}body .nos-mb-64{margin-bottom:64px} body .nos-mt-4{margin-top:4px}body .nos-mt-8{margin-top:8px}body .nos-mt-10{margin-top:10px}body .nos-mt-12{margin-top:12px}body .nos-mt-14{margin-top:14px}body .nos-mt-16{margin-top:16px}body .nos-mt-20{margin-top:20px}body .nos-mt-24{margin-top:24px}body .nos-mt-28{margin-top:28px}body .nos-mt-32{margin-top:32px}body .nos-mt-36{margin-top:36px}body .nos-mt-40{margin-top:40px}body .nos-mt-48{margin-top:48px}body .nos-mt-96{margin-top:96px} body .nos-pt-48{padding-top:48px} body .nos-bt{border-top:1px solid var(--rule)} body .nos-self-end{justify-self:end;width:auto} body .nos-stupac{display:flex;flex-direction:column} body .nos-sec--112{padding:112px 56px}body .nos-sec--104{padding:104px 56px} body .nos-sec--b120{padding:0 56px 120px} body .nos-bg-700{background-color:#09131C} /* omjeri fotografija */ body .nos-ar-21-9{aspect-ratio:21/9}body .nos-ar-4-5{aspect-ratio:4/5}body .nos-ar-16-10{aspect-ratio:16/10}body .nos-ar-7-6{aspect-ratio:7/6}body .nos-ar-1-1{aspect-ratio:1/1}body .nos-ar-4-3{aspect-ratio:4/3} body .nos-foto.nos-flex1{flex:1;min-height:0} body .nos-span2{grid-row:span 2} /* tekst */ body .nos-t18 .elementor-heading-title{font-size:18px;line-height:1.6;color:var(--fg);text-wrap:pretty} body .nos-t17 .elementor-heading-title{font-size:17px;line-height:1.6;color:var(--fg2);text-wrap:pretty} body .nos-t16 .elementor-heading-title{font-size:16px;line-height:1.6;color:var(--fg2);max-width:380px;text-wrap:pretty} body .nos-t16w .elementor-heading-title{max-width:420px} body .nos-t155 .elementor-heading-title{font-size:15.5px;line-height:1.55;color:var(--fg2);max-width:280px;text-wrap:pretty} body .nos-t15 .elementor-heading-title{font-size:15px;line-height:1.55;color:var(--fg2)} body .nos-max620{max-width:620px}body .elementor-widget.nos-max560,body .nos-max560{max-width:560px!important} body .nos-max440 .elementor-heading-title{max-width:440px} body .nos-mono11 .elementor-heading-title{font-family:var(--nos-f-mono);font-size:11px;line-height:normal;letter-spacing:.2em;color:var(--fg2)} body .nos-h3 .elementor-heading-title{font-family:var(--nos-f-display);font-weight:500;font-size:clamp(26px,2.4vw,34px);line-height:1.08;color:var(--fg)} body .nos-h3v .elementor-heading-title{font-family:var(--nos-f-display);font-weight:600;font-size:clamp(32px,3vw,46px);line-height:1;color:var(--fg)} body .nos-h2--m .elementor-heading-title{font-size:clamp(36px,4vw,60px);line-height:1;letter-spacing:normal} body .nos-h2--poziv .elementor-heading-title{font-weight:700;font-size:clamp(44px,5.4vw,84px);line-height:.92;letter-spacing:-.012em} body .nos-tekst-dug .elementor-widget-container,body .nos-tekst-dug{font-family:var(--nos-f-ui)} body .nos-tekst-dug p{margin:0 0 20px;font-size:16.5px;line-height:1.7;color:var(--fg2);text-wrap:pretty} body .nos-tekst-dug p:first-child{font-size:17.5px;color:var(--fg)} body .nos-tekst-dug p:last-child{margin-bottom:0} body .nos-btn--link6 .elementor-button{padding-bottom:6px} body .nos-btn--link.nos-mt-20{width:auto} /* činjenice (dl u 4 stupca) */ body .nos-cinj dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule)} body .nos-cinj dl > div{padding:20px 20px 0 0} body .nos-cinj dt{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;color:var(--fg2);font-weight:400} body .nos-cinj dd{margin:10px 0 0;font-family:var(--nos-f-display);font-weight:500;font-size:26px;color:var(--fg)} body .nos-cinj dd.nos-mali{font-family:var(--nos-f-ui);font-weight:400;font-size:15px;line-height:1.45} /* most između tamnog uvoda i svijetle sekcije */ body .nos-most{background:linear-gradient(180deg,#0B1620 50%,#F3F3F0 50%);padding:0 56px} /* vrijednosti (4 stupca s linijama) */ body .nos-vr{padding:28px 24px 0 24px;border-top:1px solid rgba(243,243,240,.18);border-left:1px solid rgba(243,243,240,.1)} body .nos-vr:first-child{padding-left:0;border-left:0} /* kartice-poveznice (Dođi upoznati klub) */ body .nos-pov{display:flex;flex-direction:column;gap:14px;padding:32px 28px 32px 0;border-top:1px solid rgba(243,243,240,.18);color:#F3F3F0;transition:border-color 180ms} body .nos-pov:hover{color:#F3F3F0;border-top-color:var(--nos-red)} body .nos-pov .nos-pov-n{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;color:#A8B0B8} body .nos-pov .nos-pov-r{display:flex;justify-content:space-between;align-items:baseline;gap:16px} body .nos-pov .nos-pov-ime{font-family:var(--nos-f-display);font-weight:600;font-size:clamp(30px,3vw,44px);line-height:1} body .nos-pov .nos-arr{font-family:var(--nos-f-display);font-weight:300;font-size:32px} body .nos-pov .nos-pov-opis{font-size:15px;line-height:1.55;color:#A8B0B8} /* mini statistika sezone ([nos_stats_mini]) */ body .nos-sm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(243,243,240,.16)} body .nos-sm > div{padding:28px 24px 0 0} body .nos-sm-n{margin:0;font-family:var(--nos-f-display);font-weight:700;font-size:clamp(72px,7vw,120px);line-height:.88;color:#F3F3F0;font-variant-numeric:tabular-nums} body .nos-sm-l{margin:16px 0 0;font-size:11px;line-height:1.5;letter-spacing:.28em;color:#A8B0B8} body .nos-sezona-t p{margin:16px 0 0;font-family:var(--nos-f-display);font-weight:500;font-size:26px;line-height:normal;color:#F3F3F0;font-variant-numeric:tabular-nums} @media (max-width:960px){ body .nos-g-5-7,body .nos-g-7-5,body .nos-g-4-8,body .nos-g-6-6{grid-template-columns:minmax(0,1fr);gap:28px} body .nos-g-3{grid-template-columns:minmax(0,1fr)} body .nos-sm{grid-template-columns:minmax(0,1fr);gap:0} body .nos-g-4,body .nos-cinj dl{grid-template-columns:repeat(2,minmax(0,1fr))} body .nos-g > *{justify-self:start} body .nos-self-end{justify-self:start} body .nos-sec--112,body .nos-sec--104{padding:64px 20px} body .nos-sec--b120{padding:0 20px 64px} body .nos-most{padding:0 20px} body .nos-galerija-stupac > .nos-foto{aspect-ratio:4/3;flex:none} } /* ---------- Škola streljaštva ---------- */ body .nos-phero--skola{padding:56px 56px 0;overflow:hidden} body .nos-crumb--56 p{padding-bottom:56px} body .nos-g-6-5{grid-template-columns:minmax(0,6fr) minmax(0,5fr)} body .nos-gap-56{gap:56px} body .nos-pb-96{padding-bottom:96px} body .nos-mb-72{margin-bottom:72px} body .nos-h1--skola .elementor-heading-title{font-size:clamp(72px,7.6vw,124px)} body .nos-t19 .elementor-heading-title{font-size:19px;line-height:1.55;color:var(--fg);max-width:500px;text-wrap:pretty} body .nos-sec--96{padding:96px 56px} body .nos-cinj4 dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(13,24,34,.14)} body .nos-cinj4 dl > div{padding:28px 28px 0;border-left:1px solid rgba(13,24,34,.14)} body .nos-cinj4 dl > div:first-child{padding-left:0;border-left:0} body .nos-cinj4 dl > div:last-child{padding-right:0} body .nos-cinj4 dt{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;color:#5C6670;font-weight:400} body .nos-cinj4 dd{margin:16px 0 0;font-size:17px;line-height:1.5;color:#0D1822;text-wrap:pretty} body .nos-cinj4 dd.nos-veliki{margin-top:12px;font-family:var(--nos-f-display);font-weight:600;font-size:48px;line-height:1} body .nos-cinj4 dd.nos-pod{margin-top:10px;font-size:15px;color:#5C6670} body .nos-sec--termini{padding:24px 56px 120px;scroll-margin-top:24px} body .nos-t16-360 .elementor-heading-title{max-width:360px} body .nos-btn--link.nos-mt-24{width:auto} body .nos-term{width:100%;font-family:var(--nos-f-ui)} body .nos-term-glava,body .nos-term-red{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,3fr) minmax(0,3fr);gap:24px} body .nos-term-glava{padding:0 0 14px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;color:#5C6670;border-bottom:1px solid rgba(13,24,34,.22)} body .nos-term-red{align-items:baseline;padding:24px 0;border-bottom:1px solid rgba(13,24,34,.14);font-size:16px;color:#0D1822} body .nos-term-g{font-family:var(--nos-f-display);font-weight:500;font-size:24px} body .nos-term-v{font-family:var(--nos-f-mono);font-size:15px} body .nos-term-m{font-size:15px;color:#5C6670} body .nos-koraci{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} body .nos-korak{padding:0 32px;border-top:1px solid rgba(243,243,240,.16);border-left:1px solid rgba(243,243,240,.1)} body .nos-korak:first-child{padding-left:0;border-left:0} body .nos-korak:last-child{padding-right:0} body .nos-korak-crta{display:block;width:28px;height:2px;margin-top:-1px;background:transparent} body .nos-korak-crta--on{background:var(--nos-red)} body .nos-korak-br .elementor-heading-title{padding-top:28px;font-family:var(--nos-f-display);font-weight:600;font-size:64px;line-height:1;color:#F3F3F0;font-variant-numeric:tabular-nums} body .nos-korak-n .elementor-heading-title{padding-top:20px;font-family:var(--nos-f-display);font-weight:500;font-size:24px;line-height:normal;color:#F3F3F0} body .nos-korak-o .elementor-heading-title{padding-top:12px;font-size:15.5px;line-height:1.6;color:#A8B0B8;text-wrap:pretty} body .nos-ar-3-2{aspect-ratio:3/2} body .nos-min280{min-height:280px} /* česta pitanja (Elementor Accordion) */ body .nos-faq .elementor-accordion,body .nos-faq .elementor-toggle{border-top:1px solid rgba(13,24,34,.14)} body .nos-faq .elementor-accordion-item,body .nos-faq .elementor-toggle-item{border:0;border-bottom:1px solid rgba(13,24,34,.14);margin:0} body .nos-faq .elementor-accordion-item + .elementor-accordion-item{border-top:0} body .nos-faq .elementor-tab-title{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;border:0;cursor:pointer;font-family:var(--nos-f-display);font-weight:500;font-size:clamp(20px,1.8vw,26px);line-height:1.2;color:#0D1822} body .nos-faq .elementor-tab-title a{color:#0D1822;font:inherit}body .nos-faq .elementor-tab-title.elementor-active,body .nos-faq .elementor-tab-title.elementor-active a{color:#0D1822} body .nos-faq .elementor-tab-title::after{content:"+";flex-shrink:0;font-family:var(--nos-f-display);font-weight:300;font-size:32px;line-height:1;transition:transform 180ms} body .nos-faq .elementor-tab-title.elementor-active::after{transform:rotate(45deg)} body .nos-faq .elementor-accordion-icon,body .nos-faq .elementor-toggle-icon{display:none} body .nos-faq .elementor-tab-content{padding:0 0 28px;border:0;max-width:640px} body .nos-faq .elementor-tab-content p{margin:0;font-size:16px;line-height:1.65;color:#5C6670} /* prijava i obrasci (Elementor Pro Form) */ body .nos-sec--prijava{padding:0 56px 128px;scroll-margin-top:24px} body .nos-prijava{border-top:2px solid var(--nos-red);padding-top:64px} body .nos-t16p p{margin:0;font-size:16px;line-height:1.6;color:#5C6670;max-width:360px;text-wrap:pretty} body .nos-t16p a{color:#0D1822;border-bottom:1px solid rgba(13,24,34,.35)} body .nos-forma .elementor-field-group{margin-bottom:0} body .nos-forma .elementor-field-label{margin-bottom:8px;padding:0;font-family:var(--nos-f-mono);font-size:11px;font-weight:400;line-height:normal;letter-spacing:.18em;color:#5C6670} body .nos-forma .elementor-field-group .elementor-field-textual{height:52px;min-height:52px;padding:0 16px;background:#FFFFFF;border:1px solid rgba(13,24,34,.22);border-radius:2px;font-family:var(--nos-f-ui);font-size:16px;line-height:normal;color:#0D1822;box-shadow:none} body .nos-forma .elementor-field-group textarea.elementor-field-textual{height:auto;padding:14px 16px;line-height:1.5;resize:vertical} body .nos-forma .elementor-field-textual:focus{outline:2px solid var(--nos-red);outline-offset:1px;box-shadow:none} body .nos-forma .elementor-field-type-acceptance{margin-top:4px} body .nos-forma .elementor-field-subgroup .elementor-field-option{display:flex;gap:14px;align-items:flex-start;max-width:640px} body .nos-forma .elementor-field-option input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--nos-red);flex-shrink:0} body .nos-forma .elementor-field-option label{font-family:var(--nos-f-ui);font-size:14.5px;line-height:1.5;color:#5C6670} body .nos-forma .e-form__buttons{margin-top:4px} body .nos-forma .elementor-button{display:inline-flex;align-items:center;height:52px;padding:0 24px;background:var(--nos-red);border:1px solid var(--nos-red);border-radius:2px;font-family:var(--nos-f-ui);font-size:15px;font-weight:500;letter-spacing:.02em;color:#FFFFFF;transition:background 180ms} body .nos-forma .elementor-button:hover{background:var(--nos-red-h);border-color:var(--nos-red-h);color:#FFFFFF} body .nos-forma .elementor-button-content-wrapper{display:flex;gap:22px;align-items:center} body .nos-forma .elementor-button-content-wrapper::after{content:"→";display:inline-block;transition:transform 180ms var(--nos-ease)} body .nos-forma .elementor-button:hover .elementor-button-content-wrapper::after{transform:translateX(4px)} body .nos-forma .elementor-message{margin-top:20px;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(28px,3vw,40px);line-height:1.08;color:#0D1822} body .nos-forma .elementor-message::before{display:none} body .nos-forma .elementor-message.elementor-message-danger,body .nos-forma .elementor-error .elementor-message,body .nos-forma .elementor-field-group .elementor-message{font-family:var(--nos-f-ui);font-weight:400;font-size:14.5px;line-height:1.5;color:#B9142A} @media (max-width:960px){ body .nos-phero--skola{padding:28px 20px 0} body .nos-g-6-5{grid-template-columns:minmax(0,1fr);gap:28px} body .nos-pb-96{padding-bottom:0} body .nos-mb-72{margin-bottom:40px} body .nos-sec--96{padding:64px 20px} body .nos-sec--termini{padding:24px 20px 64px} body .nos-sec--prijava{padding:0 20px 64px} body .nos-cinj4 dl{grid-template-columns:minmax(0,1fr)} body .nos-cinj4 dl > div,body .nos-cinj4 dl > div:first-child{padding:24px 0;border-left:0;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-term-glava{display:none} body .nos-term-red{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px} body .nos-term-g{grid-column:1 / -1} body .nos-koraci{grid-template-columns:minmax(0,1fr)} body .nos-korak,body .nos-korak:first-child{padding:28px 0;border-left:0} body .nos-forma .elementor-field-group{width:100%!important} } /* ---------- Članstvo ---------- */ body .nos-ar-5-6{aspect-ratio:5/6} body .nos-mt-18{margin-top:18px} body .nos-podnaslov .elementor-heading-title{font-family:var(--nos-f-display);font-weight:500;font-size:clamp(26px,2.6vw,38px);line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:#F3F3F0} body .nos-t18m .elementor-heading-title{font-size:18px;line-height:1.55;color:#A8B0B8;max-width:480px;text-wrap:pretty} body .nos-btn--dolje .elementor-button-content-wrapper::after{content:"↓"} body .nos-btn--dolje .elementor-button:hover .elementor-button-content-wrapper::after{transform:translateY(3px)} body .nos-pb-64{padding-bottom:64px} body .nos-info dl{margin:0;border-top:1px solid rgba(13,24,34,.14)} body .nos-info dl > div{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr);gap:32px;padding:32px 0;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-info dt{font-family:var(--nos-f-display);font-weight:500;font-size:24px;line-height:1.15;color:#0D1822} body .nos-info dd{margin:0} body .nos-info dd p{margin:0;font-size:16.5px;line-height:1.6;color:#0D1822;text-wrap:pretty} body .nos-info ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:16.5px;line-height:1.5;color:#0D1822} body .nos-info li{display:flex;gap:14px;margin:0} body .nos-info li::before{content:"";flex-shrink:0;width:12px;height:1px;background:#0D1822;margin-top:12px;display:block} body .nos-sec--zahtjev{padding:120px 56px 128px;scroll-margin-top:24px} body .nos-zahtjev-glava{border-top:2px solid var(--nos-red);padding-top:40px;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap} body .nos-zahtjev-glava > .elementor-widget{width:auto} body .nos-h2--zahtjev .elementor-heading-title{font-weight:700;font-size:clamp(48px,6vw,96px);line-height:.9;letter-spacing:-.01em;text-transform:uppercase} body .nos-max380 .elementor-heading-title{max-width:380px} /* obrazac članstva: skupine (legenda lijevo, polja desno) */ body .nos-forma--clan{margin-top:56px} body .nos-forma--clan .elementor-form-fields-wrapper{display:grid;grid-template-columns:calc((100% - 40px) * .25 + 16px) minmax(0,1fr) minmax(0,1fr);column-gap:24px;row-gap:20px;align-items:start;margin:0!important;padding:36px 0} body .nos-forma--clan .elementor-field-group{width:100%!important;max-width:none;margin:0!important;padding:0!important;grid-column:auto} body .nos-forma--clan .elementor-field-type-html{padding:0} body .nos-forma--clan [class*="elementor-field-group-leg_"]{grid-column:1} body .nos-forma--clan [class*="elementor-field-group-sep_"]{grid-column:1 / -1} body .nos-forma--clan .elementor-field-group-datum,body .nos-forma--clan .elementor-field-group-roditelj_tel{grid-column:2} body .nos-forma--clan .elementor-field-group-ime,body .nos-forma--clan .elementor-field-group-telefon,body .nos-forma--clan .elementor-field-group-disciplina{grid-column:2} body .nos-forma--clan .elementor-field-group-maloljetan,body .nos-forma--clan .elementor-field-group-roditelj,body .nos-forma--clan .elementor-field-group-napomena,body .nos-forma--clan .elementor-field-group-privola,body .nos-forma--clan .e-form__buttons{grid-column:2 / 4} body .nos-forma--clan .e-form__buttons{margin:4px 0 0!important;padding:0!important;width:auto!important} body .nos-forma--clan .elementor-field-group-privola .elementor-field-option{max-width:680px} body .nos-forma--clan .elementor-button{height:56px;padding:0 28px} body .nos-forma--clan:not(.nos-maloljetan) :is(.elementor-field-group-sep_roditelj,.elementor-field-group-leg_roditelj,.elementor-field-group-roditelj,.elementor-field-group-roditelj_tel,.elementor-field-group-roditelj_email){display:none} body .nos-forma--clan.nos-maloljetan :is(.elementor-field-group-leg_roditelj,.elementor-field-group-roditelj,.elementor-field-group-roditelj_tel,.elementor-field-group-roditelj_email){animation:nosFade 240ms ease-out both} body .nos-sep{display:block;margin:16px 0;border-top:1px solid rgba(13,24,34,.14)} body .nos-leg{margin:0;font-family:var(--nos-f-display);font-weight:500;font-size:22px;line-height:normal;color:#0D1822} body .nos-leg-br{display:block;margin-bottom:10px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;color:#5C6670} body .nos-leg--crvena .nos-leg-br{color:var(--nos-red)} body .nos-forma .elementor-field-type-radio .elementor-field-subgroup,body .nos-forma .elementor-field-type-checkbox .elementor-field-subgroup{display:flex;flex-direction:column;gap:12px} body .nos-forma .elementor-field-type-radio .elementor-field-label{margin-bottom:12px} body .nos-forma .elementor-field-type-radio .elementor-field-option,body .nos-forma .elementor-field-type-checkbox .elementor-field-option{display:flex;gap:12px;align-items:center;margin:0} body .nos-forma .elementor-field-type-radio .elementor-field-option input,body .nos-forma .elementor-field-type-checkbox .elementor-field-option input{width:20px;height:20px;margin:0;accent-color:var(--nos-red);flex-shrink:0} body .nos-forma .elementor-field-type-radio .elementor-field-option label{font-family:var(--nos-f-ui);font-size:15.5px;line-height:normal;color:#0D1822} body .nos-forma .elementor-field-type-checkbox .elementor-field-option label{font-family:var(--nos-f-ui);font-size:15px;color:#0D1822} @media (max-width:960px){ body .nos-sec--zahtjev{padding:64px 20px} body .nos-info dl > div{grid-template-columns:minmax(0,1fr);gap:12px} body .nos-forma--clan .elementor-form-fields-wrapper{grid-template-columns:minmax(0,1fr)} body .nos-forma--clan .elementor-field-group,body .nos-forma--clan [class*="elementor-field-group-"],body .nos-forma--clan .e-form__buttons{grid-column:1 / -1!important} } /* ---------- Kontakt ---------- */ body .nos-gap-80{gap:80px} body .nos-sec--kontakt{padding:96px 56px 120px} body .nos-kontakt-ime{margin:0;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(28px,2.8vw,40px);line-height:1.05;color:#0D1822} body .nos-kontakt dl{margin:40px 0 0;border-top:1px solid rgba(13,24,34,.14)} body .nos-kontakt dl > div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-kontakt dt{font-family:var(--nos-f-mono);font-size:11px;font-weight:400;letter-spacing:.2em;color:#5C6670;padding-top:3px} body .nos-kontakt dd{margin:0;font-size:16.5px;line-height:normal;color:#0D1822}body .nos-kontakt dl > div:first-child dd,body .nos-kontakt dl > div:last-child dd{line-height:1.5} body .nos-kontakt dd a{color:#0D1822;border-bottom:1px solid rgba(13,24,34,.35)} body .nos-kontakt-mreze{display:flex;gap:20px} body .nos-h2--poruka .elementor-heading-title{font-size:clamp(36px,3.8vw,56px);line-height:1;letter-spacing:normal} body .nos-forma--kontakt .elementor-field-group{margin-bottom:20px!important} body .nos-forma--kontakt .elementor-field-group-poruka{margin-bottom:24px!important} body .nos-forma--kontakt .elementor-field-group-privola{margin-bottom:24px!important} body .nos-forma .elementor-select-wrapper select{height:52px;padding:0 40px 0 16px;appearance:none;-webkit-appearance:none;background:#FFFFFF;border:1px solid rgba(13,24,34,.22);border-radius:2px;font-family:var(--nos-f-ui);font-size:16px;color:#0D1822} body .nos-forma .elementor-select-wrapper::before{content:"▼";font-family:var(--nos-f-ui);font-size:11px;color:#0D1822;right:16px} body .nos-forma .elementor-select-wrapper .select-caret-down-wrapper{display:none} body .nos-karta-sek{position:relative;background:#0B1620} body .nos-karta{display:block;width:100%;height:520px;border:0;filter:grayscale(1) contrast(1.05) brightness(.96)} body .nos-karta-tekst{margin:0;padding:18px 56px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#A8B0B8;background:#0B1620} @media (max-width:960px){ body .nos-sec--kontakt{padding:64px 20px} body .nos-gap-80{gap:48px} body .nos-karta{height:360px} body .nos-karta-tekst{padding:18px 20px} } /* ---------- Novosti ([nos_news]) ---------- */ body .nos-sec--novosti{padding:56px 56px 128px} body .nos-nv{font-family:var(--nos-f-ui);color:#0D1822} body .nos-nv-kat-traka{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-nv-kats{display:flex;gap:28px;flex-wrap:wrap} body .nos-nv-kats a{flex-shrink:0;display:inline-flex;align-items:baseline;gap:8px;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 0 16px;font-size:15px;color:#5C6670;white-space:nowrap} body .nos-nv-kats a:hover{color:#0D1822} body .nos-nv-kats a.nos-on{color:#0D1822;border-bottom-color:var(--nos-red)} body .nos-nv-n{font-family:var(--nos-f-mono);font-size:11px;color:#8A939C} body .nos-nv-vodeca{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end;padding:56px 0 72px;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-nv-slika{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:#E9E9E5} body .nos-nv-slika--vodeca{aspect-ratio:16/10} body .nos-nv-slika .nos-img--prazno{background:#E9E9E5} body .nos-nv-img{display:block;width:100%;height:100%;object-fit:cover} body .nos-nv-vodeca-t{display:block;color:#0D1822} body .nos-nv-vodeca-t:hover,body .nos-nv-tekst:hover{color:#0D1822} body .nos-nv-meta{display:flex;gap:18px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#5C6670} body .nos-nv-kat{color:#0D1822} body .nos-nv-vodeca-n{margin:16px 0 0;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(32px,3.6vw,56px);line-height:1.02;color:#0D1822;text-wrap:pretty} body .nos-nv-vodeca-s{margin:18px 0 0;font-size:17px;line-height:1.6;color:#5C6670;text-wrap:pretty} body .nos-nv-procitaj{display:inline-flex;align-items:center;gap:14px;margin-top:28px;font-size:14px;font-weight:500;letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid rgba(13,24,34,.35)} body .nos-nv-mreza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 40px;padding-top:64px} body .nos-nv-kartica{display:flex;flex-direction:column;gap:20px;min-width:0} body .nos-nv-tekst{display:flex;flex-direction:column;gap:12px;color:#0D1822} body .nos-nv-tekst .nos-nv-meta{gap:16px} body .nos-nv-naslov{margin:0;font-family:var(--nos-f-display);font-weight:500;font-size:clamp(22px,1.9vw,28px);line-height:1.1;color:#0D1822;text-wrap:pretty} body .nos-nv-sazetak{font-size:15px;line-height:1.55;color:#5C6670;text-wrap:pretty} body .nos-nv-prazno{margin:56px 0 0;font-size:16px;color:#5C6670} body .nos-nv-vise{display:flex;justify-content:center;margin-top:72px;padding-top:40px;border-top:1px solid rgba(13,24,34,.14)} /* ---------- Novost (single) ---------- */ body .nos-wrap--1120{max-width:1120px} body .nos-nvs-uvod{padding:56px 56px 120px} body .nos-nvs-glava .nos-ev-crumb{margin-bottom:64px} body .nos-nvs-meta{margin:0;display:flex;gap:18px;font-family:var(--nos-f-mono);font-size:11.5px;letter-spacing:.18em;color:#A8B0B8} body .nos-nvs-meta span:first-child{color:#F3F3F0} body .nos-nvs-h1{margin:24px 0 0;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(44px,5.4vw,88px);line-height:.98;letter-spacing:-.01em;color:#F3F3F0;max-width:18ch;text-wrap:balance;animation:nosRise 640ms cubic-bezier(.2,.7,.2,1) both} body .nos-nvs-uvod .nos-nvs-uvod,body .nos-nvs-glava .nos-nvs-uvod{margin:28px 0 0;padding:0;font-size:20px;line-height:1.55;color:#A8B0B8;max-width:640px;text-wrap:pretty} body .nos-nvs-most{background:linear-gradient(180deg,#0B1620 64px,#F3F3F0 64px);padding:0 56px} body .nos-nvs-figura{margin:-64px 0 0} body .nos-nvs-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;height:auto} body .nos-nvs-figura figcaption{margin-top:12px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.14em;color:#5C6670} body .nos-sec--clanak{padding:80px 56px 120px} body .nos-nvs-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:64px;align-items:start} body .nos-nvs-lijevo{position:sticky;top:24px} body .nos-nvs-aside{margin:0;border-top:1px solid rgba(13,24,34,.14)} body .nos-nvs-aside > div{padding:16px 0;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-nvs-aside dt{font-family:var(--nos-f-mono);font-size:10.5px;font-weight:400;letter-spacing:.2em;color:#5C6670} body .nos-nvs-aside dd{margin:6px 0 0;font-size:15px;color:#0D1822} body .nos-nvs-dijeli{display:flex;gap:16px;font-size:14px;margin-top:2px} body .nos-nvs-dijeli a,body .nos-nvs-dijeli button{background:none;border:0;padding:0;border-bottom:1px solid rgba(13,24,34,.35);border-radius:0;font:inherit;font-size:14px;color:#0D1822;cursor:pointer} body .nos-nvs-desno{max-width:680px} body .nos-nvs-tijelo p,body .nos-nvs-tijelo li{font-family:var(--nos-f-ui);font-size:18px;line-height:1.75;color:#0D1822} body .nos-nvs-tijelo p{margin:0 0 24px} body .nos-nvs-tijelo h2,body .nos-nvs-tijelo h3{margin:56px 0 20px;font-family:var(--nos-f-display);font-weight:600;font-size:32px;line-height:1.1;color:#0D1822} body .nos-nvs-tijelo a{color:#0D1822;border-bottom:1px solid rgba(13,24,34,.35)} body .nos-nvs-tijelo img{max-width:100%;height:auto} body .nos-nvs-gal{margin:48px 0 0} body .nos-nvs-gal-m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} body .nos-nvs-gal-m a{display:block;aspect-ratio:1/1;overflow:hidden;background:#E9E9E5;cursor:zoom-in} body .nos-nvs-gal-m img{width:100%;height:100%;object-fit:cover;display:block} body .nos-nvs-gal figcaption{margin-top:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.14em;color:#5C6670} body .nos-nvs-gal figcaption a{color:#0D1822;border-bottom:1px solid rgba(13,24,34,.35)} body .nos-nvs-pov{margin-top:64px;border-top:2px solid var(--nos-red)} body .nos-nvs-pov-o{margin:20px 0 4px;font-family:var(--nos-f-mono);font-size:10.5px;letter-spacing:.2em;color:#5C6670} body .nos-nvs-pov-a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid rgba(13,24,34,.14);color:#0D1822} body .nos-nvs-pov-a:hover{color:#0D1822} body .nos-nvs-pov-t{display:flex;flex-direction:column;gap:6px} body .nos-nvs-pov-ime,body .nos-nvs-pov-a--kal{font-family:var(--nos-f-display);font-weight:500;font-size:22px} body .nos-nvs-pov-meta{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.14em;color:#5C6670} body .nos-nvs-pov-a .nos-arr{font-family:var(--nos-f-display);font-weight:300;font-size:22px} body .nos-sec--jos{padding:0 56px 128px} body .nos-jos{border-top:1px solid rgba(13,24,34,.14);padding-top:64px} body .nos-jos-glava{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px} body .nos-jos-glava > .elementor-widget{width:auto} body .nos-h2--jos .elementor-heading-title{font-size:clamp(32px,3.4vw,52px);line-height:1;letter-spacing:normal} body .nos-nv-mreza--jos{gap:40px;padding-top:0} @media (min-width:961px) and (max-width:1180px){body .nos-nv-mreza{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:960px){ body .nos-sec--novosti{padding:40px 20px 64px} body .nos-nv-kats{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px 2px} body .nos-nv-vodeca{grid-template-columns:minmax(0,1fr);gap:24px} body .nos-nv-mreza{grid-template-columns:minmax(0,1fr);gap:40px} body .nos-nvs-uvod{padding:28px 20px 96px} body .nos-nvs-most{padding:0 20px} body .nos-sec--clanak{padding:48px 20px 64px} body .nos-nvs-grid{grid-template-columns:minmax(0,1fr);gap:32px} body .nos-nvs-lijevo{position:static} body .nos-sec--jos{padding:0 20px 64px} } /* ---------- 404 ---------- */ body .nos-e-sek{position:relative;overflow:hidden;min-height:calc(100vh - 94px);justify-content:center;padding:80px 56px 96px;border-top:1px solid rgba(243,243,240,.08)} body .nos-e-meta-w{position:absolute!important;inset:0;pointer-events:none;width:100%!important} body .nos-e-meta{position:absolute;right:-12%;top:50%;transform:translateY(-50%);width:min(1000px,72vw);aspect-ratio:1} body .nos-e-meta img{display:block;width:100%;height:100%} body .nos-e-meta .nos-e-rupa{position:absolute;left:16.67%;top:26.67%;width:10%;height:10%;transform:translate(-50%,-50%)} body .nos-e-wrap{position:relative;z-index:1} body .nos-e-tekst{max-width:620px} body .nos-e-oznaka .elementor-heading-title{display:flex;align-items:center;gap:14px;font-family:var(--nos-f-mono);font-size:12px;letter-spacing:.2em;color:#A8B0B8} body .nos-e-oznaka .elementor-heading-title::before{content:"";width:28px;height:1px;background:var(--nos-red);display:block} body .nos-h1--404 .elementor-heading-title{font-size:clamp(72px,9vw,148px)} body .nos-btn--ghost32 .elementor-button{border-color:rgba(243,243,240,.32)} body .nos-e-brze{margin-top:64px;padding-top:24px;border-top:1px solid rgba(243,243,240,.12)} body .nos-e-brze .nos-e-oz{margin:0 0 16px;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;color:#A8B0B8} body .nos-e-veze{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:15px} body .nos-e-veze a{color:#F3F3F0} body .nos-e-veze a:hover{color:#FFFFFF} @media (max-width:960px){ body .nos-e-sek{padding:56px 20px 72px;min-height:0} body .nos-e-meta{width:150vw;right:-75vw;top:-10%;transform:none;opacity:.45} body .nos-e-veze{flex-direction:column;align-items:flex-start;gap:0} body .nos-e-veze a{padding:12px 0;border-bottom:1px solid rgba(243,243,240,.08);width:100%} } /* ---------- Dolazimo uskoro ---------- */ body .nos-u-sek{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;padding:32px 56px} body .nos-u-sek--web{min-height:calc(100vh - 94px)} body .nos-u-meta{position:absolute;right:-14%;top:50%;transform:translateY(-50%);width:min(1040px,74vw);aspect-ratio:1;animation:nosFade 900ms ease both} body .nos-u-meta img{display:block;width:100%;height:100%} body .nos-u-vrh{position:relative;z-index:1;align-items:center;justify-content:space-between;gap:24px} body .nos-u-mreze{width:auto} body .nos-u-mreze .nos-footer__mreze{margin:0;display:flex;align-items:center;gap:28px;font-size:14px} body .nos-u-mreze a{color:#A8B0B8} body .nos-u-mreze a:hover{color:#F3F3F0} body .nos-u-main{position:relative;z-index:1;flex:1 1 auto!important;justify-content:center;padding:72px 0} body .nos-u-tekst{max-width:640px} body .nos-h1--uskoro .elementor-heading-title{font-size:clamp(64px,8.6vw,140px)} body .nos-u-kontakt{padding-top:24px;border-top:1px solid rgba(243,243,240,.12);display:flex;align-items:flex-start;gap:40px} body .nos-u-kontakt > div{display:flex;flex-direction:column;gap:8px} body .nos-u-kontakt > div + div{border-left:1px solid rgba(243,243,240,.12);padding-left:40px} body .nos-u-kontakt span{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.2em;color:#A8B0B8} body .nos-u-kontakt a{font-size:16px;color:#F3F3F0} body .nos-u-kontakt p{margin:0;display:flex;gap:24px} body .nos-u-dno{position:relative;z-index:1;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid rgba(243,243,240,.08)} body .nos-u-dno > .elementor-widget{width:auto} body .nos-u-dno-t .elementor-heading-title{font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.18em;color:#A8B0B8} @media (max-width:960px){ body .nos-u-sek{padding:20px 20px 28px} body .nos-u-mreze{display:none} body .nos-u-main{padding:64px 0 48px} body .nos-u-meta{width:150vw;right:-80vw;top:-8%;transform:none;opacity:.45} body .nos-u-kontakt{flex-direction:column;gap:18px} body .nos-u-kontakt > div + div{border-left:0;padding-left:0} body .nos-u-dno{flex-direction:column;align-items:flex-start;gap:10px} } /* zaglavlje na uskim ekranima: logotip i IZBORNIK u jednom redu (prototip na 390 px gumb gura izvan ekrana) */ body .nos-header{flex-wrap:nowrap} body .nos-header > .nos-nav{flex-shrink:0} } /* aktivna stavka izbornika na pojedinačnom natjecanju (Kalendar) i objavi (Novosti), kao u prototipu */ body.single-nos_event .nos-nav .elementor-nav-menu--main a.elementor-item[href$="/kalendar/"],body.single-post .nos-nav .elementor-nav-menu--main a.elementor-item[href$="/novosti/"]{color:#F3F3F0;border-bottom-color:var(--nos-red)} body .nos-forma--kontakt .elementor-field-type-acceptance,body .nos-forma--kontakt .e-form__buttons{margin-top:0} body .nos-forma--kontakt .e-form__buttons{margin-bottom:24px!important} /* ---------- naslovnica: isto zaglavlje, prozirno preko heroja (handoff v2 NosHeader overlay) ---------- */ body.home .nos-header{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent;border-bottom:1px solid rgba(243,243,240,.14)} body.admin-bar.home .nos-header{top:32px} @media (max-width:782px){body.admin-bar.home .nos-header{top:46px}} /* ---------- heroj: cover / fit / compact (handoff v2 §6.1) ---------- */ body .nos-hero__win{position:absolute;inset:0;overflow:hidden} body .nos-hero__cover{display:none;position:absolute;left:0;top:0;width:910px;height:986px;z-index:1;background:linear-gradient(90deg,#07101A 0,#07101A 800px,rgba(7,16,26,0) 910px)} body .nos-hero__fitfade{display:none;position:absolute;left:0;right:0;top:740px;height:246px;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(7,16,26,0),#07101A 92%)} body .nos-hero[data-mode="fit"] .nos-hero__fitfade{display:block} body .nos-hero__fadet{position:absolute;left:0;right:0;top:0;height:120px;z-index:6;pointer-events:none;background:linear-gradient(180deg,rgba(7,16,26,.85),rgba(7,16,26,0))} body .nos-hero__fadeb{display:none;position:absolute;left:0;right:0;bottom:0;height:42%;z-index:6;pointer-events:none;background:linear-gradient(180deg,rgba(7,16,26,0),#07101A)} /* naslov kao pravi HTML: na desktopu je u slici, pa je ovdje samo za čitače ekrana i tražilice */ body .nos-hero__compact{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} body .nos-hero__copy{position:relative;z-index:7;margin-top:-64px;padding:0 20px 44px;display:flex;flex-direction:column;gap:20px;font-family:'Archivo',system-ui,sans-serif;color:#F3F3F0} body .nos-hero__eyebrow{margin:0;display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.3em;line-height:normal;color:#E6EAF0;white-space:nowrap} body .nos-hero__eyebrow span{flex:1;max-width:120px;height:1px;background:rgba(243,243,240,.5);display:block} body .nos-hero__h1{margin:0;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(40px,11.4vw,104px);line-height:.9;letter-spacing:-.008em} body .nos-hero__h1 span{display:block;color:#F3F3F0} body .nos-hero__h1 span + span{color:#D3E6FF} body .nos-hero__sub{margin:0;font-size:16px;line-height:1.55;color:#DCE2E8;max-width:520px;text-wrap:pretty} body .nos-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px} body .nos-hero__btn{flex:1 1 160px;max-width:260px;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(243,243,240,.45);color:#F3F3F0;border-radius:6px;font-size:16px;font-weight:500;transition:border-color 180ms,background 180ms,color 180ms} body .nos-hero__btn:hover{border-color:#F3F3F0;color:#FFFFFF} body .nos-hero__btn--puni{flex:1 1 140px;max-width:240px;background:#F7F8FA;border-color:#F7F8FA;color:#0D1822} body .nos-hero__btn--puni:hover{background:#FFFFFF;border-color:#FFFFFF;color:#0D1822} body .nos-hero__btn:focus-visible{outline:2px solid #D7192D;outline-offset:3px} @media (max-width:700px),(max-aspect-ratio:1/1){ body .nos-hero{height:auto;min-height:100vh;min-height:100svh;display:flex;flex-direction:column} body .nos-hero__win{position:relative;inset:auto;flex:1 1 auto;min-height:min(90vw,60vh);min-height:min(90vw,60svh);max-height:150vw} body .nos-hero__fg{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 900px,#000 916px);mask-image:linear-gradient(90deg,transparent 0,transparent 900px,#000 916px)} body .nos-hero__link{display:none} body .nos-hero__cover,body .nos-hero__fadeb{display:block} body .nos-hero__compact{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;display:flex;flex-direction:column;flex:none} } @media (min-width:600px) and (max-aspect-ratio:1/1){ body .nos-hero__copy{padding-left:40px;padding-right:40px} } @media (prefers-reduced-motion:reduce){body .nos-hero__btn{transition:none}} /* ---------- kolačići: traka i postavke (NosCookies.dc.html, handoff v2 §7c) ---------- */ @keyframes nosRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} @keyframes nosFade{from{opacity:0}to{opacity:1}} .nos-ck [hidden]{display:none!important} .nos-ck-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#09131C;color:#F3F3F0;border-top:1px solid rgba(243,243,240,.16);box-shadow:0 -12px 40px rgba(5,9,13,.35);font-family:'Archivo',system-ui,sans-serif;animation:nosRise 320ms cubic-bezier(.2,.7,.2,1) both} .nos-ck-in{max-width:1328px;margin:0 auto;padding:24px 56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 48px;align-items:center;box-sizing:border-box} .nos-ck-tekst{display:flex;flex-direction:column;gap:10px;min-width:0} .nos-ck-oznaka{margin:0;display:flex;align-items:center;gap:12px;font-family:'DM Mono',monospace;font-size:11px;line-height:normal;letter-spacing:.22em;color:#A8B0B8} .nos-ck-oznaka > span{width:24px;height:1px;background:#D7192D;display:block} .nos-ck-oznaka--tamna{color:#5C6670} .nos-ck-opis{margin:0;font-size:15px;line-height:1.55;color:#E4E8EC;max-width:760px;text-wrap:pretty} .nos-ck-opis a{color:#F3F3F0;border-bottom:1px solid rgba(243,243,240,.45);text-decoration:none} .nos-ck-opis a:hover{color:#F3F3F0;border-bottom-color:#F3F3F0} .nos-ck-btns{display:flex;gap:12px;align-items:center;flex-wrap:wrap} .nos-ck button{font-family:'Archivo',system-ui,sans-serif;letter-spacing:normal;text-transform:none;line-height:normal;box-shadow:none} .nos-ck button:focus-visible,.nos-ck a:focus-visible{outline:2px solid #D7192D;outline-offset:2px} .nos-ck-postavke{height:48px;padding:0 18px;background:transparent;border:0;border-radius:0;color:#F3F3F0;font-size:14.5px;font-weight:400;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(243,243,240,.45)} .nos-ck-postavke:hover,.nos-ck-postavke:focus{background:transparent;color:#F3F3F0;text-decoration-color:#F3F3F0} .nos-ck-btn{height:48px;padding:0 22px;border-radius:2px;font-size:14.5px;font-weight:500;cursor:pointer;transition:border-color 180ms,background 180ms} .nos-ck-bar .nos-ck-btn{min-width:148px} .nos-ck-btn--obrub{background:transparent;border:1px solid rgba(243,243,240,.55);color:#F3F3F0} .nos-ck-btn--obrub:hover,.nos-ck-btn--obrub:focus{border-color:#F3F3F0;background:rgba(243,243,240,.06);color:#F3F3F0} .nos-ck-btn--crveni{background:#D7192D;border:1px solid #D7192D;color:#FFFFFF} .nos-ck-btn--crveni:hover,.nos-ck-btn--crveni:focus{background:#BD1427;border-color:#BD1427;color:#FFFFFF} .nos-ck-bar .nos-ck-btn--crveni:focus-visible{outline-color:#F3F3F0} .nos-ck-wrap{position:fixed;inset:0;z-index:100;background:rgba(5,9,13,.62);display:flex;align-items:center;justify-content:center;padding:24px;font-family:'Archivo',system-ui,sans-serif;animation:nosFade 180ms ease both} .nos-ck-modal{width:100%;max-width:640px;max-height:calc(100vh - 48px);overflow:auto;background:#F3F3F0;color:#0D1822;border-radius:2px;box-shadow:0 24px 80px rgba(5,9,13,.4);display:flex;flex-direction:column;box-sizing:border-box} .nos-ck-glava{padding:36px 40px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px} .nos-ck-glava-tekst{display:flex;flex-direction:column;gap:12px} .nos-ck-naslov{margin:0;font-family:'Oswald',sans-serif;font-weight:600;font-size:36px;line-height:1;letter-spacing:normal;text-transform:none;color:#0D1822} .nos-ck-zatvori{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid rgba(13,24,34,.2);border-radius:2px;color:#0D1822;cursor:pointer} .nos-ck-zatvori:hover,.nos-ck-zatvori:focus{background:transparent;border-color:#0D1822;color:#0D1822} .nos-ck-uvod{margin:20px 0 0;padding:0 40px;font-size:15px;line-height:1.6;color:#3F4851;text-wrap:pretty} .nos-ck-uvod a{color:#0D1822;border-bottom:1px solid rgba(13,24,34,.35);text-decoration:none} .nos-ck-kat{list-style:none;margin:28px 0 0;padding:0 40px} .nos-ck-kat li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:22px 0;margin:0;border-top:1px solid rgba(13,24,34,.14)} .nos-ck-kat-naslov{font-family:'Oswald',sans-serif;font-weight:500;font-size:20px;line-height:1.2;color:#0D1822} .nos-ck-kat-opis{font-size:14.5px;line-height:1.55;color:#3F4851;text-wrap:pretty} .nos-ck-uvijek{grid-row:1 / span 2;grid-column:2;align-self:center;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.16em;color:#5C6670;white-space:nowrap} .nos-ck-switch{grid-row:1 / span 2;grid-column:2;align-self:center;position:relative;width:52px;height:30px;padding:0;border-radius:15px;border:1px solid #A8B0B8;background:#A8B0B8;cursor:pointer;transition:background 180ms,border-color 180ms} .nos-ck-switch:hover,.nos-ck-switch:focus{background:#A8B0B8;border-color:#A8B0B8} .nos-ck-switch[aria-checked="true"],.nos-ck-switch[aria-checked="true"]:hover,.nos-ck-switch[aria-checked="true"]:focus{background:#0D1822;border-color:#0D1822} .nos-ck-switch > span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 3px rgba(5,9,13,.3);transition:left 180ms} .nos-ck-switch[aria-checked="true"] > span{left:25px} .nos-ck .nos-ck-switch:focus-visible{outline-offset:3px} .nos-ck-foot{margin-top:auto;padding:24px 40px 32px;border-top:1px solid rgba(13,24,34,.14);display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;background:#F3F3F0;position:sticky;bottom:0} .nos-ck-foot .nos-ck-btn{padding:0 20px} .nos-ck-btn--svijetli{background:transparent;border:1px solid rgba(13,24,34,.3);color:#0D1822} .nos-ck-btn--svijetli:hover,.nos-ck-btn--svijetli:focus{background:transparent;border-color:#0D1822;color:#0D1822} .nos-ck-btn--tamni{background:#0D1822;border:1px solid #0D1822;color:#F3F3F0} .nos-ck-btn--tamni:hover,.nos-ck-btn--tamni:focus{background:#1A2733;border-color:#1A2733;color:#F3F3F0} .nos-ck .nos-ck-btn--tamni-fokus:focus-visible{outline-color:#0D1822} html.nos-ck-otvoreno{overflow:hidden} @media (max-width:960px){ .nos-ck-in{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px} .nos-ck-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px} .nos-ck-bar .nos-ck-btns > button{min-width:0;width:100%} .nos-ck-btns > button:first-child{grid-column:1 / -1;order:3;height:44px} .nos-ck-wrap{padding:0;align-items:flex-end} .nos-ck-modal{max-height:92vh;max-height:92dvh} .nos-ck-pad{padding-left:20px;padding-right:20px} .nos-ck-glava{padding-top:24px} .nos-ck-foot{padding:16px 20px 20px;display:grid;grid-template-columns:1fr 1fr} .nos-ck-foot > button:last-child{grid-column:1 / -1;order:-1} } @media (prefers-reduced-motion:reduce){.nos-ck-bar,.nos-ck-wrap{animation:none}.nos-ck-switch,.nos-ck-switch > span,.nos-ck-btn{transition:none}} /* ---------- zaglavlje i podnožje: responzivna pravila (handoff v2 §7b, NosHeader/NosFooter) ---------- */ body .nos-nav .elementor-menu-toggle{padding:0 14px;min-height:44px;gap:10px} body .nos-nav .elementor-menu-toggle::before{content:"";width:16px;height:12.5px;flex:none;background:linear-gradient(currentColor,currentColor) 0 0/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 5.5px/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 11px/100% 1.5px no-repeat} body .nos-nav .elementor-menu-toggle:focus-visible{outline:2px solid #D7192D;outline-offset:3px} body .nos-footer__pravno p{flex-wrap:wrap;gap:8px 28px;align-items:center} body .nos-footer__kolacici{padding:0;margin:0;background:transparent;border:0;border-radius:0;color:#A8B0B8;font-family:var(--nos-f-ui);font-size:12px;font-weight:400;line-height:normal;letter-spacing:.04em;text-transform:none;cursor:pointer} body .nos-footer__kolacici:hover,body .nos-footer__kolacici:focus{background:transparent;color:#F3F3F0} body .nos-footer__kolacici:focus-visible,body .nos-footer a:focus-visible{outline:2px solid #D7192D;outline-offset:3px} @media (min-width:961px) and (max-width:1180px){ body .nos-footer__grid{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))} body .nos-footer__grid > .nos-lockup{grid-column:1 / -1} } @media (max-width:960px){ body .nos-footer__stupac,body .nos-footer__veze,body .nos-footer__veze p,body .nos-footer__kontakt{gap:0} body .nos-footer__veze a{padding:11px 0;display:block} body .nos-footer__oznaka .elementor-heading-title{margin-bottom:4px} body .nos-footer__pravno p{gap:0 24px} body .nos-footer__pravno a,body .nos-footer__kolacici{padding:12px 0;white-space:nowrap} } @media (max-width:560px){ body .nos-header{padding:14px 16px} body .nos-header .nos-lockup{gap:12px} body .nos-header .nos-lockup .nos-lockup__crta{display:none} body .nos-header .nos-lockup .elementor-widget-image img{height:36px} body .nos-header .nos-lockup .nos-lockup__ime .elementor-heading-title{font-size:15px;letter-spacing:.1em} body .nos-header .nos-lockup .nos-lockup__pod .elementor-heading-title{font-size:9.5px;letter-spacing:.28em} body .nos-nav .elementor-menu-toggle{width:44px;padding:0;justify-content:center} body .nos-nav .elementor-menu-toggle::after{display:none} body .nos-footer__grid{grid-template-columns:minmax(0,1fr)} body .nos-footer__grid > nav,body .nos-footer__grid > .nos-footer__adr{border-top:1px solid rgba(243,243,240,.1);padding-top:20px} } /* ---------- karta uz pristanak (Kontakt.dc.html, handoff v2) ---------- */ body .nos-karta-blok{height:520px;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:#0D1822;background-image:repeating-linear-gradient(135deg,rgba(243,243,240,.03) 0 1px,transparent 1px 14px);font-family:var(--nos-f-ui);box-sizing:border-box} body .nos-karta-blok-in{max-width:460px;display:flex;flex-direction:column;align-items:flex-start;gap:16px} body .nos-karta-oznaka{margin:0;display:flex;align-items:center;gap:12px;font-family:var(--nos-f-mono);font-size:11px;line-height:normal;letter-spacing:.22em;color:#A8B0B8} body .nos-karta-oznaka span{width:24px;height:1px;background:#D7192D;display:block} body .nos-karta-objasnjenje{margin:0;font-size:16px;line-height:1.6;color:#E4E8EC;text-wrap:pretty} body .nos-karta-gumbi{display:flex;flex-wrap:wrap;gap:12px} body .nos-karta-gumbi button{height:48px;padding:0 20px;border-radius:2px;font-family:var(--nos-f-ui);font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;cursor:pointer} body .nos-karta-prikazi{background:#F3F3F0;border:0;color:#0D1822;font-weight:500} body .nos-karta-prikazi:hover,body .nos-karta-prikazi:focus{background:#FFFFFF;color:#0D1822} body .nos-karta-postavke{background:transparent;border:1px solid rgba(243,243,240,.4);color:#F3F3F0;font-weight:400} body .nos-karta-postavke:hover,body .nos-karta-postavke:focus{background:transparent;border-color:#F3F3F0;color:#F3F3F0} body .nos-karta-gumbi button:focus-visible{outline:2px solid #D7192D;outline-offset:3px} @media (max-width:960px){body .nos-karta-blok{height:360px}} /* ---------- pravne stranice: Politika privatnosti / Uvjeti korištenja (handoff v2 §7c) ---------- */ html{scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} body .nos-pr-hero{padding-bottom:88px} body .nos-pr-hero .nos-h1 .elementor-heading-title{font-size:clamp(64px,7.4vw,120px);line-height:.9;text-wrap:balance} body .nos-pr-desno{display:flex;flex-direction:column;gap:20px;justify-self:end;max-width:440px;width:auto} body .nos-pr-desno .nos-phero-lead{justify-self:auto} body .nos-pr-vrijedi .elementor-heading-title{margin:0;font-family:var(--nos-f-mono);font-size:11px;line-height:normal;letter-spacing:.18em;color:#A8B0B8} body .nos-pr-sek{padding:96px 56px 128px;background:#F3F3F0;color:#0D1822} body .nos-pr-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:80px;align-items:start} body .nos-pr-toc-w{position:sticky;top:32px;align-self:start} body.admin-bar .nos-pr-toc-w{top:64px} body .nos-pr-toc{display:flex;flex-direction:column;border-top:1px solid rgba(13,24,34,.14);font-family:var(--nos-f-ui)} body .nos-pr-toc p{margin:0;padding:18px 0 10px;font-family:var(--nos-f-mono);font-size:11px;line-height:normal;letter-spacing:.22em;color:#5C6670} body .nos-pr-toc a,body .nos-pr-toc-m-veze a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;padding:9px 0;font-size:15px;line-height:1.35;color:#3F4851;border:0} body .nos-pr-toc a:hover{color:#0D1822} body .nos-pr-toc a span:first-child,body .nos-pr-toc-m-veze a span:first-child{font-family:var(--nos-f-mono);font-size:12px;color:#8A939C;padding-top:2px} body .nos-pr-toc a:focus-visible,body .nos-pr-toc-m-veze a:focus-visible,body .nos-pr-toc-m summary:focus-visible{outline:2px solid #D7192D;outline-offset:2px} body .nos-pr-tekst{max-width:760px;font-family:var(--nos-f-ui)} body .nos-pr-m{display:none} body .nos-pr-toc-m{border-top:1px solid rgba(13,24,34,.14);border-bottom:1px solid rgba(13,24,34,.14);margin-bottom:24px} body .nos-pr-toc-m summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;cursor:pointer;list-style:none;font-family:var(--nos-f-mono);font-size:12px;letter-spacing:.2em;color:#0D1822} body .nos-pr-toc-m summary::-webkit-details-marker{display:none} body .nos-pr-ico{font-size:22px;line-height:1;transition:transform 180ms} body .nos-pr-toc-m[open] .nos-pr-ico{transform:rotate(45deg)} body .nos-pr-toc-m-veze{display:flex;flex-direction:column;padding-bottom:12px} body .nos-pr-toc-m-veze a{padding:10px 0;font-size:15.5px;line-height:normal} body .nos-pr-uvod .elementor-heading-title{margin:0;font-family:var(--nos-f-ui);font-size:19px;font-weight:400;line-height:1.6;color:#0D1822;text-wrap:pretty} body .nos-pr-cjelina{padding:40px 0;border-top:1px solid rgba(13,24,34,.14);scroll-margin-top:24px} body .nos-pr-cjelina--prva{margin-top:32px} body .nos-pr-cjelina--zadnja{padding-bottom:0} body .nos-pr-br .elementor-heading-title{margin:0;padding-bottom:10px;font-family:var(--nos-f-mono);font-size:12px;line-height:normal;letter-spacing:.16em;color:#D7192D} body .nos-pr-h2 .elementor-heading-title{margin:0;font-family:var(--nos-f-display);font-weight:600;font-size:clamp(26px,2.4vw,34px);line-height:1.1;color:#0D1822} body .nos-pr-tijelo{font-size:17px;line-height:1.65;color:#2A3540} body .nos-pr-tijelo p{margin:16px 0 0;font-size:17px;line-height:1.65;color:#2A3540} body .nos-pr-tijelo strong{font-weight:500;color:#0D1822} body .nos-pr-tijelo a{color:#0D1822;border-bottom:1px solid rgba(13,24,34,.35);text-decoration:none} body .nos-pr-tijelo a:hover{border-bottom-color:#0D1822} body .nos-pr-tijelo ul{margin:16px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:17px;line-height:1.6;color:#2A3540} body .nos-pr-tijelo ul.nos-pr-ul-uz{margin-top:12px;gap:8px} body .nos-pr-tijelo ul.nos-pr-ul-8{gap:8px} body .nos-pr-tijelo li{margin:0} body .nos-pr-osnove{margin-top:20px;border-top:1px solid rgba(13,24,34,.14)} body .nos-pr-osnova{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid rgba(13,24,34,.14);font-size:16px;line-height:1.55} body .nos-pr-osnova span:first-child{color:#0D1822} body .nos-pr-osnova span:last-child{color:#5C6670} body .nos-pr-tablica{margin-top:24px;border-top:1px solid rgba(13,24,34,.14)} body .nos-pr-th,body .nos-pr-tr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.9fr);gap:20px;border-bottom:1px solid rgba(13,24,34,.14)} body .nos-pr-th{padding:12px 0;line-height:normal;font-family:var(--nos-f-mono);font-size:11px;letter-spacing:.16em;color:#5C6670} body .nos-pr-tr{padding:16px 0;font-size:15.5px;line-height:1.5;color:#2A3540} body .nos-pr-naziv{font-family:var(--nos-f-mono);font-size:13.5px;color:#0D1822;overflow-wrap:anywhere} body .nos-pr-vrsta{color:#0D1822} body .nos-pr-tijelo p.nos-pr-gumb-w{margin-top:28px} body .nos-pr-gumb{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 22px;background:#0D1822;color:#F3F3F0;border:0;border-radius:2px;font-family:var(--nos-f-ui);font-size:15px;font-weight:500;line-height:normal;letter-spacing:normal;text-transform:none;cursor:pointer} body .nos-pr-gumb:hover,body .nos-pr-gumb:focus{background:#1A2733;color:#F3F3F0} body .nos-pr-gumb:focus-visible{outline:2px solid #D7192D;outline-offset:3px} body .nos-pr-gumb .nos-arr{display:inline-block;transition:transform 180ms} body .nos-pr-gumb:hover .nos-arr{transform:translateX(4px)} @media (max-width:960px){ body .nos-pr-hero{padding-bottom:56px} body .nos-pr-hero .nos-h1 .elementor-heading-title{font-size:clamp(56px,15vw,96px)} body .nos-pr-desno{justify-self:start;max-width:none} body .nos-pr-sek{padding:64px 20px} body .nos-pr-grid{grid-template-columns:minmax(0,1fr);gap:28px} body .nos-pr-toc-w{display:none} body .nos-pr-m{display:block} body .nos-pr-tr,body .nos-pr-osnova{grid-template-columns:minmax(0,1fr);gap:6px} body .nos-pr-th{display:none} body .nos-pr-gumb{min-height:44px} } /* Dolazimo uskoro: PRIVATNOST · KOLAČIĆI u mini podnožju (handoff v2) */ body .nos-u-dno > .nos-u-pravno{width:auto} body .nos-u-pravno p{margin:0;display:flex;flex-wrap:wrap;gap:4px 20px;font-family:var(--nos-f-mono);font-size:11px;line-height:normal;letter-spacing:.18em} body .nos-u-pravno a,body .nos-u-pravno button{padding:6px 0;margin:0;background:transparent;border:0;border-radius:0;color:#A8B0B8;font:inherit;letter-spacing:inherit;text-transform:none;cursor:pointer} body .nos-u-pravno a:hover,body .nos-u-pravno button:hover,body .nos-u-pravno button:focus{background:transparent;color:#F3F3F0} body .nos-u-pravno a:focus-visible,body .nos-u-pravno button:focus-visible{outline:2px solid #D7192D;outline-offset:3px} /* v2 NosHeader: podnaslov u zaglavlju 10 px (podnožje ostaje 9,5 px) */ @media (min-width:561px){body .nos-header .nos-lockup .nos-lockup__pod .elementor-heading-title{font-size:10px}} /* v2: privole obrazaca vode na Politiku privatnosti */ body .nos-forma .elementor-field-option label a{color:#0D1822;border-bottom:1px solid rgba(13,24,34,.35);text-decoration:none} body .nos-forma .elementor-field-option label a:hover{color:#0D1822;border-bottom-color:#0D1822} body .nos-forma .elementor-field-option label a:focus-visible{outline:2px solid #D7192D;outline-offset:3px} body .nos-forma--kontakt .elementor-field-subgroup .elementor-field-option{max-width:none} /* podnožje: oznaka KONTAKT nasljeđuje prored 1,5 od
(NosFooter) */ body .nos-footer__adr .nos-footer__oznaka .elementor-heading-title{line-height:1.5} /* ---------- responzivna pravila handoffa v2 (§7b): ispravci prema usporedbi na 390 / 768 / 1024 ---------- */ @media (max-width:960px){ body .nos-crumb--56 p{padding-bottom:32px} body .nos-h1--skola .elementor-heading-title{font-size:clamp(56px,15vw,96px)} body .nos-term-red{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 24px} body .nos-term-g{grid-column:auto} body .nos-rz-tip{grid-column:1 / -1} body .nos-rz .nos-rz-tip button{flex:1 1 0} body .nos-nv-kats{scrollbar-width:none} body .nos-nv-kats::-webkit-scrollbar{display:none} } @media (max-width:960px){ body .nos-phero--skola .nos-g{gap:56px} body .nos-phero--skola .nos-pb-96{padding-bottom:96px} body .nos-phero--skola .nos-foto{aspect-ratio:4/3!important;margin:0 -20px;width:calc(100% + 40px)!important;max-width:none} } @media (max-width:960px){ /* tekstualni CTA linkovi: dodirna površina ≥ 44 px (v2 §7b, [data-nos="cta"]{min-height:44px}) */ body .nos-btn--link .elementor-button{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box} body .nos-sec--novosti{padding:64px 20px} body .nos-sec--kontakt .nos-gap-80{gap:28px} } @media (max-width:760px){ /* kalendar ≤760 (handoff v2 Kalendar.dc.html) */ body .nos-cal-lrow{padding:12px 0 12px 20px;font-size:14px} body .nos-cal-mj{width:100%;justify-content:space-between;gap:8px} body .nos-cal-h1{font-size:clamp(24px,7.6vw,34px);flex:1;text-align:center} body .nos-cal-chips{scrollbar-width:none} body .nos-cal-chips::-webkit-scrollbar{display:none} body .nos-cal-chips > button{flex:none} body .nos-cal-list-l{width:100%;gap:14px} body .nos-cal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%} body .nos-cal .nos-cal-tabs button{min-width:0;height:auto;min-height:40px;padding:6px 8px;line-height:1.2;white-space:normal} body .nos-cal .nos-cal-cijela{min-height:44px;white-space:nowrap;font-size:14px} } @media (max-width:960px){ body .nos-phero--skola{padding:28px 20px 56px} body .nos-karta-tekst{padding:18px 56px} } @media (max-width:960px){ /* naslovnica: [data-nos="sec"] > div > [data-nos="grid"]:first-child{gap:20px;margin-bottom:40px}; fotografija zadržava min-height 480 */ body .nos-stats,body .nos-rez,body .nos-news{gap:20px;margin-bottom:40px} body .nos-klub__foto,body .nos-clan__foto{min-height:480px} } @media (max-width:960px){ body .nos-sec--termini{padding:64px 20px} body .nos-info dl > div{gap:10px;padding:24px 0} } @media (max-width:960px){ body .nos-footer__dno{--flex-direction:column;flex-direction:column!important;align-items:flex-start;gap:14px} body .nos-termini{justify-self:stretch;width:100%} body .nos-pr-lead .elementor-heading-title{max-width:none} } @media (max-width:960px){ body .nos-g > .nos-max620{max-width:none} } /* [data-nos="cta"] > span{white-space:nowrap} (v2) */ body .nos-pov .nos-pov-ime{white-space:nowrap} body .nos-forma--clan .elementor-field-group-privola{margin-top:4px} /* ---------- mjesta za fotografije: oznaka s preporučenom veličinom dok fotografija nije postavljena (Toni 01.11.) ---------- */ body .nos-foto.nos-foto--prazno{background-image:repeating-linear-gradient(135deg,rgba(127,140,152,.07) 0 1px,transparent 1px 14px)} body .nos-foto.nos-foto--prazno::before{content:"MJESTO ZA FOTOGRAFIJU\A" attr(data-mjere) "\A" attr(data-opis);white-space:pre-line;position:absolute;inset:auto;left:50%;top:50%;right:auto;bottom:auto;height:auto;transform:translate(-50%,-50%);z-index:1;width:min(86%,360px);background:none;mix-blend-mode:normal;opacity:1;padding:14px 16px;border:1px dashed rgba(127,140,152,.45);border-radius:2px;font-family:var(--nos-f-mono);font-size:11px;line-height:1.6;letter-spacing:.08em;text-align:center;color:#8A939C;pointer-events:none} body .nos-dark .nos-foto.nos-foto--prazno::before,body .nos-foto--tamna.nos-foto--prazno::before{color:#A8B0B8;border-color:rgba(168,176,184,.35)}