/* Djeca i ja 1.5: accessible responsive design polish, isolated to platform widgets. */
.dijedu-lesson,.dijedu-catalogue,.dij-account,.dij-game{--dij-brand:#1966e4;--dij-focus:#7138bb;--dij-radius:22px}
.dijedu-stage{max-width:100%;margin-inline:auto;overflow-wrap:anywhere;border-radius:clamp(18px,3vw,30px)}
.dijedu-title{font-size:clamp(1.65rem,4vw,2.5rem)!important;letter-spacing:-.025em}
.dijedu-choice,.dijedu-match-tile,.dijedu-count-tile{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dijedu-choice:focus-visible,.dijedu-button:focus-visible,.dijedu-match-tile:focus-visible,.dijedu-count-tile:focus-visible{outline:4px solid var(--dij-focus)!important;outline-offset:3px}
.dijedu-choice:disabled{opacity:.65;filter:saturate(.7)}
.dijedu-card{transition:box-shadow .18s ease,transform .18s ease;border-radius:24px}
.dijedu-card:focus-within{outline:3px solid var(--dij-focus);outline-offset:3px}
.dijedu-card h3{overflow-wrap:anywhere}
.dijedu-feedback:not(:empty){scroll-margin-top:100px}
.dijedu-audio{max-width:100%}
.dij-account{width:min(100%,1060px)}
.dij-account-grid article{box-shadow:0 3px 10px #123b6d0a}
.dij-account button:hover,.dij-account input[type=submit]:hover{background:#104cba}
.dij-account :is(button,input[type=submit]):active,.dij-game button:active{transform:translateY(1px)}
.dij-game-panel{border:1px solid #dce8fa}
.dij-game-word{line-height:1.25;overflow-wrap:anywhere}
.dij-game-feedback{scroll-margin-top:90px}
@media(max-width:600px){.dijedu-stage{padding:16px 12px}.dijedu-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dijedu-choice{min-height:132px}.dijedu-card-body{padding:16px}.dijedu-voice-text p{line-height:1.45!important}.dij-account{padding:18px 14px}.dij-game{margin-block:12px}}
@media(max-width:360px){.dijedu-options{gap:7px}.dijedu-choice{min-height:115px}.dijedu-choice-label{font-size:13px!important}}
@media(hover:none){.dijedu-choice:hover,.dijedu-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.dijedu-card,.dijedu-choice,.dij-account button,.dij-game button{transition:none!important;transform:none!important}}
@media(forced-colors:active){.dijedu-choice,.dijedu-card,.dij-account button{border:2px solid ButtonText}}

/* v1.6 — one visual language across the public site, accounts and learning spaces. */
:root{--dij-brand:#1966e4;--dij-ink:#193653;--dij-muted:#52677f;--dij-line:#dce7f4;--dij-paper:#fff;--dij-bg:#f5f8fd;--dij-radius:24px;--dij-shadow:0 12px 32px #173e7010;--blue:#1966e4;--blue-deep:#1557bf}
body{color:var(--dij-ink);-webkit-text-size-adjust:100%}
:where(.site-main,.dij-child-shell) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #7138bb;outline-offset:4px}
.site-main :is(button,input,select,textarea){max-width:100%}
.site-main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #b8cbe2;border-radius:12px;padding:11px 14px;background:#fff;color:#193653;min-height:48px}
.site-main :is(button,input[type=submit]){min-height:48px;border-radius:14px;touch-action:manipulation}
.site-main h1,.site-main h2,.site-main h3{color:#193653;letter-spacing:-.035em}
.site-main p{color:#52677f}
.site-main .btn{border-radius:15px;min-height:50px;padding:14px 22px;line-height:1.35;white-space:normal}
.site-main .btn-primary{background:#1966e4;color:#fff;box-shadow:0 8px 20px #1966e426}
.site-main .btn-primary:hover{background:#124eaf;color:#fff}
.site-main .btn-light{border:1px solid #cbdaf0;background:#fff;color:#174b90}
.site-main .btn-dark{background:#193653;color:#fff}
.site-main .section-kicker{font-size:11px;letter-spacing:.13em;color:#1966e4;font-weight:850}
.site-main .section{padding-block:64px}
.site-main .article-card,.site-main .dij-tile,.site-main .program-card{border:1px solid #dce7f4;box-shadow:var(--dij-shadow);border-radius:24px}
.site-main .page-banner{padding-block:52px;background:linear-gradient(120deg,#edf5ff,#f9fbff 65%,#fff8e9)}
.site-main .page-banner h1{font-size:clamp(30px,4.5vw,52px)}
.site-header{border-bottom:1px solid #e3ebf5;box-shadow:0 4px 20px #15395307}
.site-header .site-branding{min-width:0}
.site-header .site-nav{min-width:0}
@media(min-width:901px){
 .site-header .header-inner{height:auto;min-height:108px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:24px;padding-block:14px}
 .site-header .site-branding img{max-width:112px;max-height:76px}
 .site-header .site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px 16px}
 .site-header #primary-navigation .nav-list{display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;gap:6px}
 .site-header #primary-navigation .nav-list>li>a{font-size:12px;padding:8px 10px!important;min-height:36px;display:flex;align-items:center;border-radius:10px;background:#edf4ff;color:#204a7d}
 .site-header .nav-pill{font-size:12px;min-height:36px;padding:8px 15px;background:#fff0c7;color:#193653;box-shadow:none}
 .site-header .header-social-links a{width:29px!important;height:29px!important}
 .site-header .header-social-links svg{width:17px;height:17px}
}
@media(max-width:900px){.site-header .site-nav{max-height:calc(100dvh - 85px);overflow-y:auto;overscroll-behavior:contain}.site-header .site-nav.is-open .nav-list{width:100%}.site-header #primary-navigation .nav-list>li>a{white-space:normal}}

/* Homepage: four real programmes and a continuous route into the platform. */
.dij-refresh-home .hero-section{padding:44px 0 58px;background:linear-gradient(120deg,#edf5ff 0%,#f6faff 58%,#fff8e8 100%)}
.dij-refresh-home .hero-grid{min-height:410px;gap:42px;grid-template-columns:1.15fr .85fr}
.dij-refresh-home .hero-content h1{font-size:clamp(36px,4.9vw,61px);line-height:1.08;letter-spacing:-.045em;max-width:680px;margin:0 0 23px}
.dij-refresh-home .hero-content h1 span{color:#1966e4}
.dij-refresh-home .hero-content>p{font-size:18px;line-height:1.7;max-width:560px;margin-bottom:26px}
.dij-refresh-home .hero-content .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:22px;border-color:#dae6f7;background:#fff}
.dij-refresh-home .hero-visual{min-height:390px}
.dij-refresh-home .hero-image-ring{width:min(385px,100%);border:12px solid #fff9ed;box-shadow:0 18px 42px #35578116}
.dij-refresh-home .hero-proof{font-size:12px;margin-top:22px;justify-content:flex-start;gap:10px}
.dij-refresh-home .hero-proof svg{width:40px;height:22px}
.dij-refresh-home .hero-actions{gap:12px;flex-wrap:wrap}
.dij-refresh-home .floating-label{border-radius:12px;box-shadow:0 8px 25px #19365312}
.dij-refresh-home .dij-start{background:#fff;padding:46px 0 40px}
.dij-refresh-home .dij-start-heading h2{font-size:clamp(28px,3.5vw,40px);margin:10px 0 12px}
.dij-refresh-home .dij-start-heading p{max-width:650px;line-height:1.6}
.dij-refresh-home .dij-start-heading>a{color:#1557bf}
.dij-refresh-home .dij-start-grid{gap:18px}
.dij-refresh-home .dij-start-card{border:1px solid #dce7f4;border-radius:24px;background:#fff;box-shadow:var(--dij-shadow);transition:transform .18s,box-shadow .18s}
.dij-refresh-home .dij-start-art{height:173px;background:#edf5ff;border-bottom:1px solid #e4edf7;padding:8px}
.dij-refresh-home .dij-start-dijaspora .dij-start-art{background:#f4efff}
.dij-refresh-home .dij-start-skolarci .dij-start-art{background:#edf9f1}
.dij-refresh-home .dij-start-odrasli .dij-start-art{background:#fff6e5}
.dij-refresh-home .dij-start-copy{padding:21px;gap:11px}
.dij-refresh-home .dij-start-copy small{font-size:10px;font-weight:850;letter-spacing:.09em;color:#476480}
.dij-refresh-home .dij-start-copy strong{font-size:21px;color:#193653;line-height:1.25}
.dij-refresh-home .dij-start-copy>span{font-size:14px;color:#52677f;line-height:1.6}
.dij-refresh-home .dij-start-copy>b{color:#1557bf;padding-top:12px;font-size:14px}
.dij-refresh-home .dij-start-more{border-top:1px solid #e6edf6;padding-top:18px;gap:8px 23px;margin-top:28px}
.dij-refresh-home .dij-start-more a{color:#1557bf}
.dij-platform-guide{background:#f5f8fd;padding:56px 0}
.dij-guide-heading{max-width:680px;margin-bottom:27px}
.dij-guide-heading h2{font-size:clamp(27px,3.5vw,38px);margin:10px 0 14px;line-height:1.2}
.dij-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dij-guide-grid article{background:#fff;border:1px solid #dce7f4;border-radius:22px;padding:26px;box-shadow:0 6px 20px #173e7007;min-width:0}
.dij-step-number{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:#eaf1ff;color:#1557bf;font-size:14px;font-weight:850;margin-bottom:20px}
.dij-guide-grid article:nth-child(2) .dij-step-number{background:#eef9f1;color:#226943}.dij-guide-grid article:nth-child(3) .dij-step-number{background:#fff4db;color:#81570a}
.dij-guide-grid h3{font-size:21px;line-height:1.25;margin:0 0 12px}
.dij-guide-grid p{font-size:15px;line-height:1.7;margin:0}
.dij-account-banner{display:flex;justify-content:space-between;align-items:center;gap:28px;background:#e9f1ff;border:1px solid #ccdefb;border-radius:24px;padding:30px;margin-top:24px}
.dij-account-banner h3{font-size:27px;margin:9px 0 12px}.dij-account-banner p{max-width:660px;font-size:15px;margin:0}.dij-account-banner .btn{flex-shrink:0}
.dij-refresh-home .dij-language-panel,.dij-refresh-home .dij-viber-panel{box-shadow:var(--dij-shadow);border-radius:26px}
.dij-refresh-home .dij-language-panel{background:#f1f6ff;border-color:#dce7f4;border-left-color:#ffd36c}
.dij-refresh-home .program-card .program-name{color:#193653}
.dij-refresh-home .program-card .program-desc{max-width:none}

/* Parent/adult surfaces retain their existing forms, data and access checks. */
.dij-portal{padding:12px 20px 48px;background:#f5f8fd}
.dij-portal .dij-account,.dij-portal .dijp-card{width:min(100%,1060px);max-width:1060px;box-sizing:border-box;margin:28px auto;padding:32px;border:1px solid #dce7f4;border-radius:24px;box-shadow:var(--dij-shadow);background:#fff}
.dij-account-grid article{background:#f7faff;border:1px solid #e1eaf6;border-radius:20px;padding:23px}
.dij-account-grid article:nth-child(2){background:#f1f9f5}.dij-account-grid article:nth-child(3){background:#fffaf0}
.dij-account h2{font-size:clamp(25px,3.4vw,35px)}.dij-account h3,.dijp-card h3{font-size:21px;line-height:1.3}
.dij-account label,.dijp-card label{font-size:14px;font-weight:750;color:#314d6c}
.dij-account :is(button,input[type=submit]),.dijp-card :is(button,input[type=submit]){background:#1966e4!important;color:#fff!important;border:0;border-radius:13px;min-height:48px;font-weight:800;padding:12px 18px;cursor:pointer}
.dij-account :is(button,input[type=submit]):hover,.dijp-card :is(button,input[type=submit]):hover{background:#124eaf!important}
.dij-account input[type=checkbox],.dijp-card input[type=checkbox]{min-height:20px;width:20px;accent-color:#1966e4}
.dijp-card details{background:#f7faff;border:1px solid #dce7f4!important;border-radius:17px!important;padding:18px!important}
.dijp-card summary{min-height:32px;font-weight:800;color:#174b90;cursor:pointer}
.dijp-card li{padding:8px 0;border-bottom:1px solid #edf2f8;line-height:1.5}
.dij-account nav[aria-label="Polazni jezik"]{display:flex;gap:10px;flex-wrap:wrap}
.dij-account nav[aria-label="Polazni jezik"] a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:13px;border:1px solid #ccdcef;background:#f4f8ff;text-decoration:none;font-weight:800}
.dij-account nav[aria-label="Polazni jezik"] a[aria-current=page]{background:#1966e4;color:white;border-color:#1966e4}
.dij-game{max-width:860px;border:1px solid #dce7f4;border-radius:26px;box-shadow:var(--dij-shadow);padding:30px}
.dij-game-head{border-bottom:1px solid #e3ebf6;margin-bottom:22px;padding-bottom:15px}
.dij-game-head h2{font-size:25px}.dij-game-meter{margin:8px 0 0;font-size:13px;color:#52677f}
.dij-game-panel{background:#f4f8ff;border:1px solid #dce7f4;border-radius:20px;padding:30px;min-height:240px}
.dij-game-eyebrow{display:inline-flex;background:#e4edff;color:#174b90;padding:6px 11px;border-radius:9px;font-size:12px;margin:0 0 12px}
.dij-game-word{font-size:clamp(29px,5vw,42px);letter-spacing:-.035em;margin:12px 0}.dij-game-translation{color:#365675;font-size:20px}
.dij-game-explanation{font-size:14px;color:#49647f;padding-top:16px;border-top:1px solid #dce7f4;margin-top:18px}
.dij-game button{border-radius:13px;border-color:#bdcfe6;min-height:50px}.dij-game .dij-game-primary{background:#1966e4;color:#fff;box-shadow:0 5px 14px #1966e421}
.dij-game-feedback{color:#185c49;font-size:16px;line-height:1.5;margin-block:16px}.dij-game-footer{gap:11px}

/* Child home, programme catalogue and games share the same blue/pastel system. */
.dij-child-shell{--dij-ink:#193653;background:#f4f8fe;color:#193653;font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dij-child-shell .dij-child-wrap{max-width:1120px;padding-top:26px}
.dij-child-shell .dij-child-hero{padding:24px 28px;margin-bottom:26px;background:linear-gradient(110deg,#e8f1ff,#f7fbff);border:1px solid #d3e2f8;border-radius:26px}
.dij-child-shell .dij-child-hero img{border-radius:20px;box-shadow:0 6px 18px #19365310}
.dij-child-shell .dij-child-hero h1{letter-spacing:-.035em;color:#193653}
.dij-child-shell .dij-child-topics{gap:16px}
.dij-child-shell .dij-child-tile{border-width:1px;border-color:#cbdcf3;border-radius:23px;box-shadow:0 5px 0 #dce7f6,0 9px 22px #173e7008;min-height:140px;gap:8px}
.dij-child-shell .dij-child-tile span{font-size:43px}.dij-child-shell .dij-child-tile strong{font-size:20px}
.dij-child-shell .dij-child-age{padding:9px;background:#e8f0fc;border-radius:18px;margin-block:28px;gap:8px}
.dij-child-shell .dij-child-age a{flex:1;justify-content:center;text-align:center;background:#fff;border:1px solid #d4e3f6;border-radius:13px;font-size:15px}
.dij-child-shell .dij-child-card{border-color:#d5e2f4;border-radius:23px;box-shadow:var(--dij-shadow)}
.dij-child-shell .dij-child-card>a{padding:16px;gap:11px}
.dij-child-shell .dij-child-card img{height:150px;border-radius:15px;background:#f0f6ff}
.dij-child-shell .dij-child-card strong{font-size:18px;line-height:1.4;color:#193653}
.dij-child-shell .dij-child-earned{align-self:flex-start;padding:6px 12px;border-radius:10px;background:#eaf1ff;color:#1557bf;font-size:14px}
.dij-child-shell .dij-learning-path{padding:22px;border-color:#dce7f4;border-radius:22px;box-shadow:var(--dij-shadow)}
.dij-child-shell .dij-learning-path h3{font-size:21px;color:#193653;line-height:1.3}
.dij-child-shell .dij-learning-path p,.dij-child-shell .dij-learning-path li{font-size:15px;line-height:1.65}
.dij-child-shell .dij-tracks .dij-track-tab{border-width:1px;border-color:#d5e2f4;border-radius:24px;box-shadow:var(--dij-shadow)}
.dij-child-shell .dij-tracks .dij-track-copy{padding:23px;gap:12px}
.dij-child-shell .dij-tracks .dij-track-art{background:#edf5ff}
.dij-child-shell .dij-tracks .dij-track-tab strong{font-size:23px;color:#193653;line-height:1.25}
.dij-child-shell .dij-tracks .dij-track-count{display:block;color:#1557bf;font-size:14px}
.dij-child-shell .dij-tracks .dij-track-head{border-radius:23px;background:#eaf2ff;border-color:#d3e2f8;padding:20px}
.dij-child-shell .dij-tracks .dij-lesson-card{border-color:#dce7f4;border-radius:22px;box-shadow:var(--dij-shadow)}
.dij-child-shell .dij-tracks .dij-lesson-card-body{padding:20px;gap:10px}
.dij-child-shell .dij-tracks .dij-lesson-go{background:#1966e4;min-height:48px;border-radius:13px}
.dij-child-shell .dij-tracks .dij-grade-nav a[aria-current=page]{background:#1966e4;border-color:#1966e4}
.dij-child-shell .dijedu-world .dijedu-primary{background:#1966e4!important;box-shadow:0 5px 0 #124da6}
.dij-child-shell .dijedu-world .dijedu-world-concept{border-radius:28px;box-shadow:0 6px 0 #d2e2e3,0 15px 36px #173e7012}
.dij-child-shell .dijedu-world .dijedu-world-word{color:#193653;letter-spacing:-.025em}
.dij-child-shell .dij-child-rewards{background:#fff8e6;border-color:#e8d7a6;border-radius:23px}

@media(max-width:960px){.dij-refresh-home .hero-grid{gap:25px;grid-template-columns:1.05fr .95fr}.dij-refresh-home .hero-content>p{font-size:16px}.dij-refresh-home .dij-start-card{display:flex}.dij-refresh-home .dij-start-art{height:170px;min-height:0}.dij-guide-grid{gap:14px}.dij-guide-grid article{padding:21px}.dij-account-banner{padding:25px}}
@media(max-width:700px){
 .site-main .section{padding-block:44px}.site-main .container{width:calc(100% - 32px)}
 .dij-refresh-home .hero-section{padding:32px 0 38px}.dij-refresh-home .hero-grid{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0}
 .dij-refresh-home .hero-content h1{font-size:clamp(34px,9.5vw,48px);line-height:1.12;margin-bottom:18px}.dij-refresh-home .hero-content>p{font-size:16px;max-width:520px;margin-bottom:23px}
 .dij-refresh-home .hero-content .eyebrow{font-size:9px;letter-spacing:.05em;max-width:100%;white-space:normal;line-height:1.4}
 .dij-refresh-home .hero-proof{justify-content:center}.dij-refresh-home .hero-visual{min-height:275px;margin-top:5px}.dij-refresh-home .hero-image-ring{width:265px;max-width:78%;border-width:10px}
 .dij-refresh-home .dij-start{padding-block:32px}.dij-refresh-home .dij-start-heading h2{font-size:29px}.dij-refresh-home .dij-start-heading>a{font-size:14px}
 .dij-guide-grid{grid-template-columns:minmax(0,1fr)}.dij-guide-grid article{padding:21px}.dij-step-number{margin-bottom:15px}.dij-platform-guide{padding-block:36px}.dij-guide-heading h2{font-size:29px}
 .dij-account-banner{align-items:stretch;flex-direction:column;padding:24px;gap:20px}.dij-account-banner h3{font-size:25px}.dij-account-banner .btn{width:100%}
 .dij-portal{padding:6px 12px 30px}.dij-portal .dij-account,.dij-portal .dijp-card{padding:21px 17px;margin:18px auto;border-radius:20px}
 .dij-account-grid{grid-template-columns:minmax(0,1fr)}.dij-account-grid article{padding:19px}
 .dij-game{padding:19px 16px;border-radius:22px}.dij-game-head h2{font-size:23px}.dij-game-panel{padding:23px 17px;min-height:220px}
 .dij-child-shell .dij-child-wrap{padding-inline:13px;padding-top:16px}.dij-child-shell .dij-child-hero{padding:18px 16px;gap:15px;border-radius:22px}.dij-child-shell .dij-child-hero h1{font-size:28px}
 .dij-child-shell .dij-child-topics{gap:12px}.dij-child-shell .dij-child-tile{min-height:120px;border-radius:20px}.dij-child-shell .dij-child-age a{font-size:13px;flex-basis:100%}
 .dij-child-shell .dij-child-card>a{padding:12px}.dij-child-shell .dij-child-card img{height:120px}.dij-child-shell .dij-child-card strong{font-size:16px}
 .dij-child-shell .dij-tracks .dij-track-copy{padding:17px 14px}.dij-child-shell .dij-tracks .dij-track-tab strong{font-size:20px}.dij-child-shell .dij-tracks .dij-lesson-card-body{padding:14px;gap:7px}
}
@media(max-width:600px){.dij-refresh-home .dij-start-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.dij-refresh-home .dij-start-art{height:100%;min-height:182px;padding:5px;border-bottom:0;border-right:1px solid #e4edf7}.dij-refresh-home .dij-start-art svg{max-width:100%}.dij-refresh-home .dij-start-copy{padding:18px 15px;gap:8px}.dij-refresh-home .dij-start-copy strong{font-size:20px}.dij-refresh-home .dij-start-copy>span{font-size:13px}.dij-refresh-home .dij-start-more{gap:4px 17px;font-size:13px}}
@media(max-width:360px){.dij-refresh-home .dij-start-card{grid-template-columns:90px minmax(0,1fr)}.dij-refresh-home .hero-actions .btn{width:100%}.dij-refresh-home .dij-start-copy{padding:15px 12px}.dij-refresh-home .dij-start-copy strong{font-size:18px}.dij-child-shell .dij-child-card strong{font-size:15px}.dij-child-shell .dij-child-hero h1{font-size:24px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.dij-refresh-home .dij-start-card:hover{transform:translateY(-4px);box-shadow:0 17px 34px #173e701a}}
@media(prefers-reduced-motion:reduce){.dij-refresh-home *,.dij-child-shell *{scroll-behavior:auto!important}.dij-refresh-home .dij-start-card{transition:none;transform:none}}

/* Keep account settings compact and easy to scan. */
@media(min-width:701px){.dij-account .dij-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
.dij-account .dij-address h3{font-size:18px;line-height:1.35;margin:12px 0}
.dij-account .dij-address p{font-size:14px;line-height:1.65}
.dij-account .dij-account-grid article{min-height:0}
.dij-account form button,.dij-account form input[type=submit]{margin-top:10px}


/* ===== Djeca i ja 9.0 — zajednički izgled lekcija (28.10.2026) ===== */
.dij-child-shell,body:has(.dij-tracks),body:has(.dij-lesson-grid){background:radial-gradient(1100px 560px at 0% -10%,#fff4dc 0,rgba(255,244,220,0) 60%),radial-gradient(900px 560px at 100% 0,#dff0ff 0,rgba(223,240,255,0) 60%),#f3f8ff!important}
.dij-child-wrap h1,.dij-child-wrap h2,.dij-tracks h1,.dij-tracks h2{color:#173f55!important;font-weight:900!important;letter-spacing:-.01em}
.dij-child-wrap h1{font-size:clamp(30px,4.4vw,46px)!important}
.dij-child-tile,.dij-track-back{display:inline-flex!important;align-items:center;gap:6px;padding:10px 16px!important;border-radius:16px!important;background:#fff!important;border:0!important;color:#173f55!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 5px 0 rgba(23,63,85,.12),0 10px 24px rgba(23,63,85,.1)!important;transition:transform .15s}
.dij-child-tile:hover,.dij-track-back:hover{transform:translateY(-2px)}
.dij-track-tabs{gap:18px!important}
.dij-track-tab{position:relative;border:0!important;border-radius:30px!important;overflow:hidden;color:#fff!important;background:linear-gradient(140deg,#2f7bf0,#1452c4)!important;box-shadow:0 8px 0 rgba(0,0,0,.12),0 12px 28px rgba(23,63,85,.14)!important;transition:transform .15s!important}
.dij-track-tab:nth-child(2){background:linear-gradient(140deg,#2a9d8f,#1d7469)!important}
.dij-track-tab:nth-child(3){background:linear-gradient(140deg,#f7a239,#e07b10)!important}
.dij-track-tab:nth-child(4){background:linear-gradient(140deg,#8e44ad,#6a2d8a)!important}
.dij-track-tab:hover{transform:translateY(-4px)}
.dij-track-tab:before{content:"";position:absolute;right:-50px;top:-60px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
.dij-track-art{background:transparent!important;padding:14px 14px 0!important}
.dij-track-art img{width:100%!important;object-fit:cover;border-radius:22px!important;border:4px solid rgba(255,255,255,.5);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.dij-track-copy{background:transparent!important;color:#fff!important}
.dij-track-copy *{color:#fff!important}
.dij-track-copy strong,.dij-track-copy h3,.dij-track-copy b{font-size:24px!important;font-weight:900!important}
.dij-track-desc{opacity:.95;font-weight:600!important}
.dij-track-count{display:inline-block;margin-top:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.22);font-weight:900!important}
.dij-track-copy small,.dij-track-copy .dij-track-age,.dij-track-copy span:first-child{font-weight:800}
.dij-track-head{border:0!important;border-radius:30px!important;background:linear-gradient(140deg,#2f7bf0,#1452c4)!important;color:#fff!important;box-shadow:0 8px 0 rgba(0,0,0,.1),0 12px 28px rgba(23,63,85,.14)!important}
.dij-track-head *{color:#fff!important}
.dij-track-head h1,.dij-track-head h2{color:#fff!important}
.dij-track-head-art img{border-radius:18px!important;border:3px solid rgba(255,255,255,.55)}
.dij-catalogue-count{color:#5b7083!important;font-weight:800!important}
.dij-lesson-grid{gap:18px!important}
.dij-lesson-card{position:relative;border:0!important;border-radius:28px!important;overflow:hidden;background:#fff!important;box-shadow:0 8px 0 rgba(23,63,85,.08),0 12px 28px rgba(23,63,85,.12)!important;transition:transform .15s!important}
.dij-lesson-card:hover{transform:translateY(-4px)}
.dij-lesson-card:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;z-index:2;background:linear-gradient(90deg,#2f7bf0,#1452c4)}
.dij-lesson-card:nth-child(4n+2):before{background:linear-gradient(90deg,#2fb36b,#1d8a52)}
.dij-lesson-card:nth-child(4n+3):before{background:linear-gradient(90deg,#f7a239,#e07b10)}
.dij-lesson-card:nth-child(4n+4):before{background:linear-gradient(90deg,#8e44ad,#6a2d8a)}
.dij-lesson-card-body h2,.dij-lesson-card-body h3{color:#173f55!important;font-weight:900!important;line-height:1.2!important}
.dij-lesson-age{display:inline-block!important;align-self:flex-start!important;width:auto!important;padding:4px 10px!important;border-radius:999px!important;background:#eaf2ff!important;color:#1966e4!important;font-weight:800!important}
.dij-lesson-meta{color:#5b7083!important;font-weight:700!important}
.dij-lesson-go{border-radius:18px!important;background:#1966e4!important;color:#fff!important;font-weight:900!important;border:0!important;box-shadow:0 6px 0 #0f4bb0,0 10px 20px rgba(25,102,228,.25)!important;transition:transform .12s}
.dij-lesson-go:active{transform:translateY(5px);box-shadow:0 1px 0 #0f4bb0!important}
.dij-selected-guide{border:0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 10px 28px rgba(23,63,85,.1)!important}
html body .dijedu-world .dijedu-stage,html body.dij-child-shell .dijedu-stage{background:rgba(255,255,255,.9)!important;background-image:none!important;border-radius:36px!important;margin-top:14px!important;margin-bottom:14px!important;box-shadow:0 14px 40px rgba(23,63,85,.2)!important;backdrop-filter:blur(8px)}
.dijedu-world-hero{background:transparent!important;box-shadow:none!important}
.dijedu-world-cover img,.dijedu-world-cover{border-radius:24px!important}
.dijedu-title{color:#173f55!important;font-weight:900!important;letter-spacing:-.01em}
.dijedu-learning-phase{border-radius:16px!important;background:#f3f8ff!important;color:#173f55!important;font-weight:800!important}
.dijedu-button{border-radius:18px!important;font-weight:900!important;border:0!important;background:#fff!important;color:#173f55!important;box-shadow:0 5px 0 rgba(23,63,85,.14),0 8px 18px rgba(23,63,85,.1)!important;transition:transform .12s}
.dijedu-button:active{transform:translateY(4px)}
.dijedu-button.dijedu-primary{background:#1966e4!important;color:#fff!important;box-shadow:0 6px 0 #0f4bb0,0 10px 20px rgba(25,102,228,.25)!important}
.dijedu-world-exit{border-radius:16px!important;background:#fff!important;box-shadow:0 5px 0 rgba(23,63,85,.12)!important}
.dijedu-world-track{height:12px!important;border-radius:999px!important}

/* ===== Djeca i ja 9.0 — svjetovi lekcija (w9), isti potpis kao igre ===== */
.w9{--ink:#173f55;--muted:#5b7083;--blue:#1966e4;--sh:0 10px 28px rgba(23,63,85,.14);--c1:#7cc4ff;--c2:#e6f6ff;--hill:#7cc36a;--hill2:#5fae55;--g:linear-gradient(140deg,#2f7bf0,#1452c4);position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 40px);padding:16px 14px 150px;border-radius:0;font-family:Nunito,"Segoe UI Rounded","Arial Rounded MT Bold",system-ui,-apple-system,sans-serif;color:var(--ink);font-size:17px;line-height:1.45;background:linear-gradient(180deg,var(--c1) 0%,var(--c2) 62%,#fff 100%);text-align:start}
.w9 *{box-sizing:border-box}
.w9:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60px 26px at 12% 9%,#fff 98%,transparent),radial-gradient(90px 34px at 18% 11%,#fff 98%,transparent),radial-gradient(70px 28px at 78% 7%,#fff 98%,transparent),radial-gradient(110px 38px at 86% 10%,#fff 98%,transparent),radial-gradient(60px 22px at 55% 4%,rgba(255,255,255,.8) 98%,transparent);opacity:.9}
.w9:after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:210px;z-index:-1;pointer-events:none;background:radial-gradient(60% 120px at 22% 100%,var(--hill) 98%,transparent),radial-gradient(55% 140px at 82% 100%,var(--hill2) 98%,transparent),radial-gradient(70% 90px at 50% 100%,var(--hill) 98%,transparent)}
.w9 h1,.w9 h2,.w9 h3{font-family:inherit;color:var(--ink);margin:0;letter-spacing:-.01em}
.w9 button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:0;background:none;margin:0;text-align:center;-webkit-tap-highlight-color:transparent}
.w9 button:disabled{cursor:default}
.w9 img{max-width:100%}
.w9-in{position:relative;max-width:960px;margin:0 auto}
.w9-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.w9-round{display:grid!important;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%!important;background:#fff!important;color:var(--ink)!important;font-size:22px!important;font-weight:900;box-shadow:0 5px 0 rgba(23,63,85,.16),0 8px 18px rgba(23,63,85,.12)}
.w9-round:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(23,63,85,.16)}
.w9-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.92);font-weight:900;box-shadow:0 4px 12px rgba(23,63,85,.1)}
.w9-top .w9-sp{flex:1}
.w9-starchip b{color:#e6a800}
.w9-banner{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:30px;background:var(--g);color:#fff;overflow:hidden;box-shadow:0 8px 0 rgba(0,0,0,.12),var(--sh)}
.w9-banner:before{content:"";position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.12)}
.w9-banner img{position:relative;flex:0 0 auto;width:84px;height:84px;object-fit:cover;border-radius:22px;border:4px solid rgba(255,255,255,.55)}
.w9-banner h1{position:relative;color:#fff;font-size:clamp(24px,3.6vw,36px);font-weight:900;line-height:1.1}
.w9-banner p{position:relative;margin:4px 0 0;font-weight:700;opacity:.95}
.w9-banner .w9-prog{position:relative;margin-top:10px;height:12px;border-radius:999px;background:rgba(255,255,255,.3);overflow:hidden;max-width:320px}
.w9-banner .w9-prog i{display:block;height:100%;background:#ffd84d;border-radius:inherit}
.w9-map{position:relative;margin:26px auto 0;max-width:560px}
.w9-path{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none}
.w9-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:150px;margin-bottom:26px;text-decoration:none!important;color:var(--ink)!important}
.w9-node.p0{margin-left:calc(50% - 75px)}.w9-node.p1{margin-left:calc(86% - 75px)}.w9-node.p2{margin-left:calc(50% - 75px)}.w9-node.p3{margin-left:calc(14% - 75px)}
.w9-dot{position:relative;display:grid;place-items:center;width:98px;height:98px;border-radius:50%;background:#fff;border:6px solid #fff;box-shadow:0 8px 0 rgba(23,63,85,.18),0 12px 24px rgba(23,63,85,.18);overflow:hidden;transition:transform .15s;font-size:44px;font-weight:900}
.w9-dot img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.w9-node:hover .w9-dot{transform:translateY(-4px) scale(1.04)}
.w9-num{position:absolute;z-index:2;top:-4px;left:calc(50% + 28px);display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:var(--g);color:#fff;font-weight:900;font-size:16px;border:3px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.w9-node.is-done .w9-dot{border-color:#ffd84d}
.w9-node.is-next .w9-dot{border-color:#fff;animation:w9-pulse 1.8s ease-in-out infinite}
.w9-ntitle{margin-top:10px;padding:6px 12px;border-radius:14px;background:rgba(255,255,255,.94);font-weight:900;font-size:14px;line-height:1.25;text-align:center;box-shadow:0 4px 12px rgba(23,63,85,.1)}
.w9-nstars{margin-top:4px;font-size:18px;letter-spacing:2px;color:#ffc81e;text-shadow:0 1px 0 rgba(0,0,0,.15)}
.w9-nstars .off{color:rgba(255,255,255,.85)}
.w9-here{position:absolute;z-index:3;top:4px;width:62px;left:-48px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.2));animation:w9-bob 3s ease-in-out infinite;pointer-events:none}
.w9-node.p1 .w9-here{left:-52px}.w9-node.p3 .w9-here{left:auto;right:-50px}
.w9-here img{width:100%;display:block}
.w9-here .w9-av{width:56px;height:56px;font-size:26px}
.w9-guide{display:flex;align-items:flex-end;gap:10px;margin:0 0 14px}
.w9-guide-img{flex:0 0 auto;width:86px;height:86px;border-radius:50%;background:#fff;border:4px solid #fff;overflow:hidden;box-shadow:0 6px 0 rgba(23,63,85,.14),0 8px 18px rgba(23,63,85,.15)}
.w9-guide-img img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.w9-av{display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#2a9d8f,#1d7469);color:#fff;font-weight:900;font-size:36px;width:100%;height:100%}
.w9-bubble{position:relative;flex:1;padding:14px 18px;border-radius:24px 24px 24px 8px;background:#fff;box-shadow:var(--sh);font-weight:800;font-size:clamp(18px,2.4vw,22px);line-height:1.35}
.w9[dir=rtl] .w9-bubble{border-radius:24px 24px 8px 24px}
.w9-bubble small{display:block;margin-top:4px;color:var(--muted);font-weight:700;font-size:15px}
.w9-say{display:inline-grid;place-items:center;width:40px;height:40px;margin-inline-start:8px;vertical-align:middle;border-radius:50%!important;background:#eaf2ff!important;font-size:18px!important}
.w9-stage{position:relative;max-width:820px;margin:0 auto;padding:clamp(16px,3vw,28px);border-radius:32px;background:rgba(255,255,255,.95);box-shadow:0 14px 40px rgba(23,63,85,.18)}
.w9-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;flex:1}
.w9-dots i{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 2px rgba(23,63,85,.12)}
.w9-dots i.on{background:#ffd84d;box-shadow:0 2px 0 #e0a800}
.w9-dots i.cur{background:#fff;box-shadow:0 0 0 3px var(--blue)}
.w9-tiles{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(10px,2vw,18px)}
.w9-tile{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:clamp(110px,18vw,170px);padding:12px!important;border-radius:26px!important;background:#fff!important;color:var(--ink)!important;font-weight:900!important;font-size:clamp(34px,6vw,60px)!important;line-height:1.05;box-shadow:0 7px 0 #cfdbe9,0 0 0 3px #e3ecf6 inset,0 12px 22px rgba(23,63,85,.08);transition:transform .12s,box-shadow .12s;animation:w9-pop .35s both}
.w9-tile:not(:disabled):hover{transform:translateY(-3px)}
.w9-tile:not(:disabled):active{transform:translateY(5px);box-shadow:0 2px 0 #cfdbe9,0 0 0 3px #e3ecf6 inset}
.w9-tile img{max-height:clamp(70px,12vw,120px);width:auto;object-fit:contain}
.w9-tile .lbl{font-size:clamp(15px,2vw,19px);font-weight:900}
.w9-tile .vis{font-size:clamp(34px,6vw,58px);letter-spacing:2px;line-height:1.1;word-break:break-all}
.w9-tile.sm{min-height:76px;font-size:clamp(18px,2.6vw,24px)!important;border-radius:20px!important}
.w9-tile.ok{background:#e3f7ec!important;box-shadow:0 7px 0 #2fb36b,0 0 0 3px #2fb36b inset!important;animation:w9-bounce .5s}
.w9-tile.bad{animation:w9-shake .45s;background:#fde8ea!important;box-shadow:0 7px 0 #e9a1a8,0 0 0 3px #e63946 inset!important}
.w9-tile.sel{box-shadow:0 7px 0 #0f4bb0,0 0 0 4px var(--blue) inset!important;background:#eaf2ff!important}
.w9-tile.hint{animation:w9-glow 1.1s ease-in-out infinite}
.w9-tile.faded{opacity:.35}
.w9-tile.gone{visibility:hidden}
.w9-shape{width:clamp(70px,11vw,110px);height:clamp(70px,11vw,110px)}
.w9-field{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:16px;border-radius:24px;background:#f3f8ff;margin-bottom:16px}
.w9-obj{position:relative;font-size:clamp(40px,7vw,58px)!important;line-height:1;padding:6px!important;border-radius:18px!important;transition:transform .15s}
.w9-obj.on{transform:scale(.92);filter:saturate(.6)}
.w9-obj b{position:absolute;right:-4px;top:-6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:15px;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.w9-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,40px)}
.w9-cols>div{display:grid;gap:12px}
.w9-mem{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px}
.w9-card{position:relative;aspect-ratio:1;border-radius:22px!important;perspective:600px;padding:0!important}
.w9-card .in{position:absolute;inset:0;transition:transform .4s;transform-style:preserve-3d}
.w9-card.up .in,.w9-card.got .in{transform:rotateY(180deg)}
.w9-card .f,.w9-card .b{position:absolute;inset:0;display:grid;place-items:center;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 6px 0 rgba(23,63,85,.16)}
.w9-card .b{background:var(--g);color:#fff;font-size:34px;font-weight:900}
.w9-card .b:after{content:"";position:absolute;inset:10px;border-radius:14px;border:3px dashed rgba(255,255,255,.35)}
.w9-card .f{background:#fff;transform:rotateY(180deg);font-size:clamp(28px,6vw,48px);font-weight:900;padding:6px;text-align:center;line-height:1.1;box-shadow:0 6px 0 #cfdbe9,0 0 0 3px #e3ecf6 inset}
.w9-card .f img{max-width:80%;max-height:80%}
.w9-card.got .f{box-shadow:0 6px 0 #2fb36b,0 0 0 3px #2fb36b inset;background:#e3f7ec}
.w9-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:92px;padding:12px;margin-bottom:16px;border-radius:22px;border:3px dashed #cfdbe9}
.w9-slot{display:grid;place-items:center;min-width:76px;height:76px;padding:0 10px;border-radius:18px;background:#f3f8ff;font-weight:900;font-size:26px}
.w9-slot.full{background:#e3f7ec;box-shadow:0 4px 0 #2fb36b;animation:w9-pop .3s}
.w9-bins{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:12px;margin-bottom:16px}
.w9-bin{min-height:120px;padding:12px!important;border-radius:24px!important;background:#f3f8ff!important;border:4px dashed #cfdbe9!important;display:flex!important;flex-direction:column;align-items:center;gap:8px;font-weight:900;font-size:20px!important}
.w9-bin.ready{border-color:var(--blue)!important;background:#eaf2ff!important}
.w9-bin .got{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.w9-bin .got span{padding:4px 10px;border-radius:12px;background:#fff;font-size:15px;box-shadow:0 2px 0 #cfdbe9}
.w9-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:0 28px!important;border-radius:20px!important;font-weight:900!important;font-size:19px!important;background:var(--blue)!important;color:#fff!important;box-shadow:0 6px 0 #0f4bb0,0 12px 24px rgba(25,102,228,.25);transition:transform .12s;text-decoration:none!important}
.w9-btn:active{transform:translateY(5px);box-shadow:0 1px 0 #0f4bb0}
.w9-btn.soft{background:#fff!important;color:var(--ink)!important;box-shadow:0 6px 0 rgba(23,63,85,.14),var(--sh)}
.w9-btn.green{background:#2fb36b!important;box-shadow:0 6px 0 #1d8a52,0 12px 24px rgba(47,179,107,.25)}
.w9-btn:disabled{background:#b9c7d8!important;box-shadow:0 6px 0 #9aaabd}
.w9-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
.w9-intro,.w9-fin{text-align:center}
.w9-intro .cover{display:block;width:min(100%,380px);margin:0 auto 14px;border-radius:26px;box-shadow:0 8px 0 rgba(23,63,85,.1),var(--sh)}
.w9-intro h1,.w9-fin h1{font-size:clamp(26px,4.2vw,40px);font-weight:900;line-height:1.1;margin-bottom:8px}
.w9-intro p,.w9-fin p{margin:0 auto;max-width:560px;color:var(--muted);font-weight:700}
.w9-bigstars{font-size:clamp(54px,10vw,84px);letter-spacing:8px;line-height:1;color:#ffc81e;text-shadow:0 4px 0 #e0a800}
.w9-bigstars .off{color:#e3eaf2;text-shadow:0 4px 0 #cfd8e3}
.w9-bigstars span{display:inline-block;animation:w9-pop .5s both}
.w9-esma-fin{width:140px;margin:0 auto -6px;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.15))}
.w9-conf{position:fixed;z-index:99999;width:10px;height:14px;border-radius:3px;pointer-events:none;animation:w9-fall 1.1s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes w9-fall{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}
@keyframes w9-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}
@keyframes w9-bounce{30%{transform:translateY(-12px) scale(1.04)}60%{transform:translateY(2px)}}
@keyframes w9-shake{20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}
@keyframes w9-glow{50%{box-shadow:0 7px 0 #f2b705,0 0 0 5px #ffd84d inset,0 0 24px #ffd84d}}
@keyframes w9-pulse{50%{box-shadow:0 8px 0 rgba(23,63,85,.18),0 0 0 10px rgba(255,255,255,.55)}}
@keyframes w9-bob{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.w9 *{animation:none!important}}
@media (max-width:640px){.w9{padding:10px 10px 130px;font-size:16px}.w9-tiles{gap:10px}.w9-tile{min-height:104px;border-radius:22px!important}.w9-tiles.n4{--n:2!important}.w9-guide-img{width:64px;height:64px}.w9-bubble{font-size:18px;padding:12px 14px}.w9-node{width:120px}.w9-node.p0,.w9-node.p2{margin-left:calc(50% - 60px)}.w9-node.p1{margin-left:calc(84% - 60px)}.w9-node.p3{margin-left:calc(16% - 60px)}.w9-dot{width:82px;height:82px;font-size:36px}.w9-num{left:calc(50% + 20px)}.w9-banner{padding:14px}.w9-banner img{width:64px;height:64px}.w9-here{width:50px;left:-34px}.w9-node.p3 .w9-here{right:-38px}.w9-cols{gap:10px}.w9-mem{gap:8px}.w9-btn{width:100%}}
.w9-lesson .w9-stage:not(.w9-intro):not(.w9-fin){min-height:min(52vh,460px);display:flex;flex-direction:column;justify-content:center}
.w9-lesson .w9-tile:not(.sm){min-height:clamp(120px,20vw,220px)}
.w9-home{max-width:520px;margin:18px auto 0;padding:12px 16px;border-radius:18px;background:#fff4dc;color:#6b4a12;font-weight:700;font-size:15px;text-align:start}
.w9-home b{display:block;color:#173f55;font-weight:900;margin-bottom:2px}

body.w9-on .dijedu-lesson,body.w9-on .dijedu-game-dock,body.w9-on .dijedu-world{display:none!important}
body.w9-on{overflow:hidden}
.w9.w9-lesson{z-index:1000000!important}
@media (max-width:760px){.w9.w9-lesson{padding-top:64px!important}.w9.w9-mapview{padding-top:12px}}


/* ===== Djeca i ja 9.0 — zajednički izgled cijele stranice (28.10.2026) ===== */
body:not(.dij-child-shell){--v2ink:#173f55;--v2muted:#5b7083;--v2blue:#1966e4;--v2sh:0 10px 28px rgba(23,63,85,.12);--pg:linear-gradient(140deg,#2f7bf0,#1452c4);--pc1:#7cc4ff;--pc2:#dff1ff}
body:not(.dij-child-shell):not(.dij-v2){background:radial-gradient(1100px 520px at 0% 0%,#fff4dc 0,rgba(255,244,220,0) 60%),radial-gradient(900px 520px at 100% 0,#dff0ff 0,rgba(223,240,255,0) 60%),#f5f9ff!important}
body:not(.dij-child-shell) h1,body:not(.dij-child-shell) h2,body:not(.dij-child-shell) h3{font-weight:900;letter-spacing:-.01em;color:var(--v2ink)}
body.page-id-32001{--pg:linear-gradient(140deg,#e63946,#b8222f);--pc1:#ffb3bb;--pc2:#ffe9ec}
body.page-id-32028{--pg:linear-gradient(140deg,#f7a239,#e07b10);--pc1:#ffd08f;--pc2:#fff2df}
body.page-id-2012,body.page-id-32029,body.category-roditelji,body.single-post{--pg:linear-gradient(140deg,#2fb36b,#1d8a52);--pc1:#9be3b8;--pc2:#e6f8ee}
body.page-id-2001,body.page-id-2007{--pg:linear-gradient(140deg,#8e44ad,#6a2d8a);--pc1:#d6b4ea;--pc2:#f4eafa}
body.page-id-2009,body.page-id-32172{--pg:linear-gradient(140deg,#3b4f9b,#26346b);--pc1:#b3c0f0;--pc2:#eef1fc}
body:not(.dij-child-shell) .site-header{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(23,63,85,.07)!important;border-bottom:0!important}
body:not(.dij-child-shell) .site-nav .nav-list>li>a{border-radius:999px!important;padding:9px 14px!important;font-weight:800!important;color:var(--v2ink)!important;transition:background .15s,transform .15s}
body:not(.dij-child-shell) .site-nav .nav-list>li>a:hover{background:#eef4ff!important;transform:translateY(-1px)}
body:not(.dij-child-shell) .site-nav .nav-list>li.current-menu-item>a,body:not(.dij-child-shell) .site-nav .nav-list>li.current_page_item>a{background:#eaf2ff!important;color:var(--v2blue)!important}
body:not(.dij-child-shell) .site-nav .dij-child-menu>a{background:var(--v2blue)!important;color:#fff!important;box-shadow:0 4px 0 #0f4bb0,0 8px 16px rgba(25,102,228,.25)!important}
body:not(.dij-child-shell) .site-nav .dij-child-menu>a:hover{background:#1452c4!important}
body:not(.dij-child-shell) .site-nav .sub-menu{border-radius:20px!important;border:0!important;box-shadow:0 16px 40px rgba(23,63,85,.16)!important;padding:8px!important}
body:not(.dij-child-shell) .site-nav .sub-menu a{border-radius:12px!important;font-weight:700!important}
body:not(.dij-child-shell) .page-banner{position:relative;overflow:hidden;margin:18px auto 0!important;width:min(1180px,calc(100% - 28px));border-radius:34px!important;padding:clamp(28px,5vw,56px) 0 clamp(54px,7vw,84px)!important;background:linear-gradient(180deg,var(--pc1) 0%,var(--pc2) 100%)!important;box-shadow:var(--v2sh)}
body:not(.dij-child-shell) .page-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70px 26px at 10% 22%,#fff 98%,transparent),radial-gradient(100px 34px at 17% 26%,#fff 98%,transparent),radial-gradient(80px 28px at 82% 18%,#fff 98%,transparent),radial-gradient(120px 38px at 90% 24%,#fff 98%,transparent);opacity:.85}
body:not(.dij-child-shell) .page-banner:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:70px;pointer-events:none;background:radial-gradient(60% 60px at 25% 100%,#7cc36a 98%,transparent),radial-gradient(55% 70px at 80% 100%,#5fae55 98%,transparent)}
body:not(.dij-child-shell) .page-banner .container{position:relative;z-index:1}
body:not(.dij-child-shell) .page-banner h1{display:table;margin:10px 0 0!important;padding:14px 26px;border-radius:24px;background:var(--pg);color:#fff!important;font-size:clamp(30px,5vw,52px)!important;line-height:1.08;box-shadow:0 7px 0 rgba(0,0,0,.14),0 14px 28px rgba(23,63,85,.18)}
body:not(.dij-child-shell) .page-banner p{color:var(--v2ink)!important;font-weight:700}
body:not(.dij-child-shell) .section-kicker{display:inline-block!important;padding:5px 12px!important;border-radius:999px!important;background:#fff!important;color:var(--v2blue)!important;font-weight:900!important;letter-spacing:.06em;box-shadow:0 4px 12px rgba(23,63,85,.08)}
body:not(.dij-child-shell) .btn{border-radius:18px!important;font-weight:900!important;border:0!important;transition:transform .12s,box-shadow .12s!important}
body:not(.dij-child-shell) .btn:not(.btn-dark):not(.btn-light):not(.btn-outline){background:var(--v2blue)!important;color:#fff!important;box-shadow:0 5px 0 #0f4bb0,0 10px 20px rgba(25,102,228,.22)!important}
body:not(.dij-child-shell) .btn-dark{background:#173f55!important;color:#fff!important;box-shadow:0 5px 0 #0c2738,0 10px 20px rgba(23,63,85,.22)!important}
body:not(.dij-child-shell) .btn:hover{transform:translateY(-2px)}
body:not(.dij-child-shell) .btn:active{transform:translateY(4px)}
body:not(.dij-child-shell) .dij-tile,body:not(.dij-child-shell) .article-card,body:not(.dij-child-shell) .dij-sheet-grid>*,body:not(.dij-child-shell) .dijp-card{border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 7px 0 rgba(23,63,85,.07),var(--v2sh)!important;transition:transform .15s!important;overflow:hidden}
body:not(.dij-child-shell) .dij-tile:hover,body:not(.dij-child-shell) .article-card:hover,body:not(.dij-child-shell) .dij-sheet-grid>*:hover{transform:translateY(-4px)}
body:not(.dij-child-shell) .dij-tile img,body:not(.dij-child-shell) .article-card img,body:not(.dij-child-shell) .dij-sheet-picture img{border-radius:20px}
body:not(.dij-child-shell) .dij-series{border-radius:32px!important;padding:clamp(18px,3vw,30px)!important;background:rgba(255,255,255,.75)!important;box-shadow:var(--v2sh)!important;margin-bottom:24px!important}
body:not(.dij-child-shell) .dij-series-nav a,body:not(.dij-child-shell) .dij-tag{border-radius:999px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(23,63,85,.08)}
body:not(.dij-child-shell) .text-arrow{font-weight:900;color:var(--v2blue)!important}
body:not(.dij-child-shell) .rich-content iframe{border-radius:20px}
body:not(.dij-child-shell) .site-footer{position:relative;margin-top:70px!important;border-radius:40px 40px 0 0;background:#173f55!important}
body:not(.dij-child-shell) .site-footer:before{content:"";position:absolute;left:0;right:0;top:-46px;height:48px;pointer-events:none;background:radial-gradient(55% 48px at 20% 100%,#7cc36a 98%,transparent),radial-gradient(50% 44px at 78% 100%,#5fae55 98%,transparent),radial-gradient(40% 30px at 50% 100%,#7cc36a 98%,transparent)}
body:not(.dij-child-shell) .site-footer h2,body:not(.dij-child-shell) .site-footer h3,body:not(.dij-child-shell) .site-footer h4{color:#fff!important;font-weight:900!important}
body:not(.dij-child-shell) .site-footer a{transition:color .15s}
body:not(.dij-child-shell) .site-footer a:hover{color:#ffd84d!important}
@media (max-width:760px){body:not(.dij-child-shell) .page-banner{border-radius:26px!important;width:calc(100% - 20px)}body:not(.dij-child-shell) .page-banner h1{padding:10px 18px;border-radius:18px}body:not(.dij-child-shell) .site-footer{border-radius:28px 28px 0 0}}
html body:not(.dij-child-shell) .site-header .nav-list>li.current-menu-item>a,html body:not(.dij-child-shell) .site-header .nav-list>li.current_page_item>a,html body:not(.dij-child-shell) .site-header .nav-list>li.current-menu-ancestor>a{background:#eaf2ff!important;color:#1966e4!important}
body:not(.dij-child-shell) .dij-playlist iframe{border-radius:22px;box-shadow:var(--v2sh)}

/* obrasci i račun */
body:not(.dij-child-shell) .dij-portal input:not([type=checkbox]):not([type=radio]),body:not(.dij-child-shell) .dij-portal select,body:not(.dij-child-shell) .dij-portal textarea,body:not(.dij-child-shell) .rich-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),body:not(.dij-child-shell) .rich-content select,body:not(.dij-child-shell) .rich-content textarea{border-radius:14px!important;border:2px solid #dfe8f3!important;min-height:48px;font-weight:700;background:#fbfdff}
body:not(.dij-child-shell) .dij-portal input:focus,body:not(.dij-child-shell) .dij-portal select:focus,body:not(.dij-child-shell) .rich-content input:focus,body:not(.dij-child-shell) .rich-content textarea:focus{border-color:#1966e4!important;outline:none;box-shadow:0 0 0 4px rgba(25,102,228,.15)}
body:not(.dij-child-shell) .dij-portal button,body:not(.dij-child-shell) .dij-portal input[type=submit],body:not(.dij-child-shell) .rich-content input[type=submit]{border-radius:16px!important;font-weight:900!important;box-shadow:0 5px 0 #0f4bb0,0 10px 20px rgba(25,102,228,.2)}
body:not(.dij-child-shell) .dij-account,body:not(.dij-child-shell) .dij-portal>.dijp-card{border-radius:30px!important}

.w9-ill{display:block;width:clamp(130px,24vw,220px);height:auto;margin:0 auto 16px;filter:drop-shadow(0 10px 16px rgba(23,63,85,.18));animation:w9-pop .4s both}

.w9-dot img[src*="dij9-cover-"]{object-position:74% 72%;transform:scale(2.1);transform-origin:74% 70%}

/* bez pitanja o obraćanju (28.10.2026) */
label:has(select[name="address"]),label:has(input[name="address"]){display:none!important}

/* pismo roditeljima (28.10.2026) */
.dij-pismo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px 30px;align-items:center;padding:clamp(22px,4vw,40px);border-radius:32px;background:linear-gradient(140deg,#e6f8ee 0,#fff 70%);border:3px solid #bfe9d0;box-shadow:0 10px 28px rgba(23,63,85,.10);font-family:Nunito,system-ui,sans-serif;color:#173f55}
.dij-pismo *{box-sizing:border-box}
.dij-pismo-kick{display:inline-block;padding:5px 12px;border-radius:999px;background:#2fb36b;color:#fff;font-weight:900;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.dij-pismo h2{margin:12px 0 8px!important;font-size:clamp(24px,3.2vw,34px)!important;line-height:1.12;font-weight:900;color:#173f55!important;text-wrap:balance}
.dij-pismo p{margin:0;color:#2e5a46;font-weight:700;line-height:1.55}
.dij-pismo-form{display:grid;gap:12px;margin:0}
.dij-pismo-row{display:flex;gap:10px;flex-wrap:wrap}
.dij-pismo-row input[type=email]{flex:1 1 220px;min-width:0;min-height:54px;padding:0 18px;border-radius:18px;border:2px solid #bfe9d0;background:#fff;font:700 17px Nunito,system-ui,sans-serif;color:#173f55}
.dij-pismo-row input[type=email]:focus{outline:3px solid #1966e4;outline-offset:2px;border-color:#1966e4}
.dij-pismo-row button{min-height:54px;padding:0 24px;border:0;border-radius:18px;background:#2fb36b;color:#fff;font:900 17px Nunito,system-ui,sans-serif;cursor:pointer;box-shadow:0 5px 0 #1d8a52,0 10px 20px rgba(47,179,107,.25);transition:transform .12s}
.dij-pismo-row button:hover{transform:translateY(-2px)}.dij-pismo-row button:active{transform:translateY(4px);box-shadow:0 1px 0 #1d8a52}
.dij-pismo-ok{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:700;color:#2e5a46;line-height:1.45}
.dij-pismo-ok input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:#2fb36b}
.dij-pismo-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.dij-pismo-msg{grid-column:2;padding:14px 18px;border-radius:18px;background:#fff;border:2px solid #2fb36b;color:#1d6b41!important;font-weight:800}
.dij-pismo-msg.err{border-color:#e63946;color:#b8222f!important}
.v2-pismo-sec{padding-top:0!important}
@media (max-width:820px){.dij-pismo{grid-template-columns:1fr}.dij-pismo-msg{grid-column:1}}

/* partneri (28.10.2026) — samo roditeljski dijelovi */
.dijp-strip{margin:0 0 22px}
.dijp-strip a,.dijp-foot a{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:12px 18px;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(23,63,85,.08);text-decoration:none!important;color:#5b7083!important;font:800 14px Nunito,system-ui,sans-serif}
.dijp-strip a span,.dijp-foot a span{text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.dijp-foot{max-width:1180px;margin:0 auto;padding:26px 16px 0}
.dijp-foot a{background:rgba(255,255,255,.96)}
.dijp-rec{margin:34px 0 0;padding:22px;border-radius:28px;background:#fff;border:2px dashed #cfdbe6}
.dijp-lab{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef3f8;color:#5b7083;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.dijp-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:14px}
.dijp-recs .dijp-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;background:#f7fafc;text-decoration:none!important;color:#173f55!important;font:700 15px/1.4 Nunito,system-ui,sans-serif}
.dijp-recs .dijp-card:hover{background:#eef4ff}
.dijp-note{margin:12px 0 0!important;font-size:13px;color:#5b7083;font-weight:700}
.v2-world{position:relative}
.dijp-world{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:rgba(255,255,255,.95);color:#5b7083;font:800 11px Nunito,system-ui,sans-serif;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.dijp-world img{max-width:90px!important}

/* premium katanac (28.10.2026) */
.dij-lock{position:absolute;top:8px;right:8px;z-index:4;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.18);font-size:15px;line-height:1}.dij-locked{position:relative}.w9-node .dij-lock{top:-4px;right:-4px;width:26px;height:26px;font-size:13px}.w9-node{position:relative}
.dij-pw{position:fixed;inset:0;z-index:2000000;display:grid;place-items:center;padding:16px;background:rgba(15,30,45,.55)}.dij-pw>div{max-width:420px;width:100%;padding:26px;border-radius:28px;background:#fff;text-align:center;font-family:Nunito,system-ui,sans-serif;color:#173f55;box-shadow:0 20px 50px rgba(0,0,0,.3)}.dij-pw b{display:block;font-size:22px;font-weight:900;margin:8px 0}.dij-pw p{margin:0 0 16px;font-weight:700;color:#5b7083}.dij-pw a{display:inline-flex;min-height:50px;align-items:center;padding:0 22px;border-radius:16px;background:#1966e4;color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 5px 0 #0f4bb0}.dij-pw button{display:block;margin:12px auto 0;border:0;background:none;color:#5b7083;font:800 14px Nunito,system-ui,sans-serif;cursor:pointer}

/* ulazne stranice kursa za odrasle (28.10.2026) */
.lb9{width:min(1100px,calc(100vw - 28px));max-width:none!important;margin-left:calc(50% - min(550px,calc(50vw - 14px)))!important;font-family:Nunito,system-ui,sans-serif;color:#173f55}.lb9 *{box-sizing:border-box}.lb9 h2,.lb9 h3{margin:0;color:#173f55;font-weight:900}.lb9 p{margin:0}
.lb9-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(22px,4vw,42px);border-radius:32px;background:linear-gradient(140deg,#2a9d8f,#1d7469);color:#fff;box-shadow:0 12px 30px rgba(23,63,85,.16)}
.lb9-hero h2{color:#fff!important;font-size:clamp(30px,4.6vw,48px);line-height:1.06;margin:12px 0 12px;text-wrap:balance}.lb9-hero p{font-size:18px;font-weight:700;color:#e9fbf7;max-width:560px}
.lb9-kick{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-weight:900;font-size:13px;letter-spacing:.05em}
.lb9-cta{display:inline-flex;align-items:center;min-height:56px;margin-top:20px;padding:0 26px;border-radius:18px;background:#ffd84d;color:#173f55!important;font-weight:900;font-size:18px;text-decoration:none!important;box-shadow:0 5px 0 #d9a900,0 12px 22px rgba(0,0,0,.18)}.lb9-cta:hover{transform:translateY(-2px)}
.lb9-sub{margin-top:10px!important;font-size:14px!important;color:#c9f1ea!important}
.lb9-phone{display:grid;gap:10px;padding:18px;border-radius:26px;background:rgba(255,255,255,.14)}.lb9-bub{padding:12px 16px;border-radius:18px;background:#fff;color:#173f55;font-weight:800}.lb9-bub b{display:block;font-size:20px}.lb9-bub span{font-size:14px;color:#5b7083}
.lb9-h{font-size:clamp(24px,3vw,32px)!important;margin:34px 0 12px!important}
.lb9-who{display:flex;flex-wrap:wrap;gap:10px}.lb9-who span{padding:10px 16px;border-radius:999px;background:#fff;font-weight:800;box-shadow:0 4px 14px rgba(23,63,85,.08)}
.lb9-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.lb9-u{padding:18px;border-radius:24px;background:#fff;box-shadow:0 7px 0 rgba(23,63,85,.06),0 10px 24px rgba(23,63,85,.08)}.lb9-u i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-style:normal;font-size:26px;margin-bottom:10px}.lb9-u b{display:block;font-size:17px}.lb9-u em{display:block;margin-top:4px;color:#2a9d8f;font-weight:800;font-style:normal}
.lb9-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lb9-steps li{list-style:none;padding:20px;border-radius:24px;background:#fff;box-shadow:0 10px 24px rgba(23,63,85,.08)}.lb9-steps{margin:0;padding:0}.lb9-steps strong{display:block;font-size:18px;margin-bottom:4px}.lb9-steps span{color:#5b7083;font-weight:700}
.lb9-tab{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 24px rgba(23,63,85,.08)}.lb9-tab th,.lb9-tab td{padding:13px 18px;text-align:start;border-bottom:1px solid #e8eef4}.lb9-tab th{background:#e9fbf7;font-weight:900}.lb9-tab td:first-child{font-weight:900;font-size:17px}.lb9-tab tr:last-child td{border-bottom:0}
.lb9-price{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:22px;border-radius:26px;background:#fff4dc;border:3px solid #ffe2a3}.lb9-price p{flex:1 1 320px;font-weight:800;font-size:17px}.lb9-btn{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border-radius:16px;background:#1966e4;color:#fff!important;font-weight:900;text-decoration:none!important;box-shadow:0 5px 0 #0f4bb0}
.lb9-faq{display:grid;gap:10px}.lb9-faq details{padding:16px 18px;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(23,63,85,.07)}.lb9-faq summary{cursor:pointer;font-weight:900;font-size:17px}.lb9-faq p{margin-top:8px!important;color:#5b7083;font-weight:700}
.lb9-end{margin-top:34px;padding:28px;border-radius:30px;background:linear-gradient(140deg,#2a9d8f,#1d7469);text-align:center}.lb9-end h2{color:#fff!important;font-size:clamp(24px,3vw,32px)}.lb9-langs{margin-top:22px;text-align:center;font-weight:800;color:#5b7083}.lb9-langs a{margin:0 6px;color:#1966e4;font-weight:900}
@media (max-width:900px){.lb9-units{grid-template-columns:repeat(2,minmax(0,1fr))}.lb9-hero{grid-template-columns:1fr}.lb9-steps{grid-template-columns:1fr}}
.lb9-hero p{color:#e9fbf7!important}.lb9-hero .lb9-sub{color:#c9f1ea!important}.lb9-end h2{margin-bottom:6px!important}
p.v2-intl-link a{color:inherit;font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}

/* Mobilni dodiri (28.10.2026): veće mete za prste, čitljiviji sitni tekst */
@media (max-width:782px){
.site-footer .footer-grid li a{display:inline-block;padding:11px 0;min-height:44px;box-sizing:border-box}
.site-footer .footer-grid ul li{margin:0}
.header-social-mobile a{display:inline-grid;place-items:center;min-width:44px;min-height:44px}
.lb9-langs a,p.v2-intl-link a{display:inline-block;padding:11px 4px}
.dijedu-world-position{font-size:13px!important}
}


/* Stariji preglednici bez min()/clamp() (npr. stari Microsoft Edge) – rezervni izgled početne (31.10.2026) */
@supports not (width: min(1px, 2px)) {
  .v2-wrap{width:92%;max-width:1120px;margin-left:auto;margin-right:auto}
  .v2-hero{padding:40px 0 16px}
  .v2-hero-grid{grid-gap:32px}
  .v2-hero h1{font-size:56px}
  .v2-hero-art img{width:100%;max-width:380px;height:auto}
  .home .v2-hero-art img{max-width:380px!important}
  .v2-actions>*{margin:0 12px 12px 0}
  .v2-trust li{margin:0 18px 8px 0}
  .v2-float{display:none!important}
}

/* Stariji preglednici (stari Edge) – automatske rezerve za clamp()/min()/max()/place-items (31.10.2026) */
@supports not (width: min(1px, 2px)) {
  .hero-content h1{font-size:70px}
  .v2-wrap{width:92%;max-width:1120px}
  .v2-section{padding:56px 0}
  .v2-hero{padding:60px 0 20px}
  .v2-hero-grid{gap:48px}
  .v2-hero h1{font-size:74px}
  .v2-lead{font-size:20px}
  .v2-trust li:before{align-items:center;justify-items:center}
  .v2-hero-art img{width:380px;max-width:100%}
  .v2-float{align-items:center;justify-items:center}
  .v2-head h2,.v2-premium h2{font-size:42px}
  .v2-steps b{align-items:center;justify-items:center}
  .v2-premium{padding:40px}
  .v2-partners{padding:40px}
  .v2-partners h2{font-size:38px}
  .v2-ava{align-items:center;justify-items:center}
  .v2-safe h2{font-size:34px}
  .v2-print-t strong{font-size:36px}
  h1{font-size:4.3rem}
  h2{font-size:3.1rem}
  .brand-symbol{align-items:center;justify-items:center}
  .hero-content h1{font-size:4.4rem}
  .hero-image-ring{width:95%;max-width:425px;align-items:center;justify-items:center}
  .hero-fallback-big{font-size:3.6rem}
  .rainbow span{top:15px;right:15px;bottom:15px;left:15px}
  .rainbow span:nth-child(2){top:36px;right:36px;bottom:36px;left:36px}
  .rainbow span:nth-child(3){top:57px;right:57px;bottom:57px;left:57px}
  .feature-icon{align-items:center;justify-items:center}
  .program-card:before{top:auto;right:-30px;bottom:-67px;left:auto}
  .program-arrow{align-items:center;justify-items:center}
  .art-circle{align-items:center;justify-items:center}
  .page-banner h1{font-size:4rem}
  .inner-art{align-items:center;justify-items:center}
  .inner-art-ring{align-items:center;justify-items:center}
  .dijedu-stage{border-radius:30px}
  .dijedu-title{font-size:2.5rem!important}
  .dij-account{width:1060px;max-width:100%}
  .site-main .page-banner h1{font-size:52px}
  .dij-refresh-home .hero-content h1{font-size:61px}
  .dij-refresh-home .hero-image-ring{width:100%;max-width:385px}
  .dij-refresh-home .dij-start-heading h2{font-size:40px}
  .dij-guide-heading h2{font-size:38px}
  .dij-portal .dij-account,.dij-portal .dijp-card{width:1060px;max-width:100%}
  .dij-account h2{font-size:35px}
  .dij-game-word{font-size:42px}
  .dij-child-wrap h1{font-size:46px!important}
  .w9:before{top:0;right:0;bottom:0;left:0}
  .w9-round{align-items:center;justify-items:center}
  .w9-banner h1{font-size:36px}
  .w9-dot{align-items:center;justify-items:center}
  .w9-num{align-items:center;justify-items:center}
  .w9-av{align-items:center;justify-items:center}
  .w9-bubble{font-size:22px}
  .w9-say{align-items:center;justify-items:center}
  .w9-stage{padding:28px}
  .w9-tiles{gap:18px}
  .w9-tile{min-height:170px;font-size:60px!important}
  .w9-tile img{max-height:120px}
  .w9-tile .lbl{font-size:19px}
  .w9-tile .vis{font-size:58px}
  .w9-tile.sm{font-size:24px!important}
  .w9-shape{width:110px;height:110px}
  .w9-obj{font-size:58px!important}
  .w9-obj b{align-items:center;justify-items:center}
  .w9-cols{gap:40px}
  .w9-card .in{top:0;right:0;bottom:0;left:0}
  .w9-card .f,.w9-card .b{top:0;right:0;bottom:0;left:0;align-items:center;justify-items:center}
  .w9-card .b:after{top:10px;right:10px;bottom:10px;left:10px}
  .w9-card .f{font-size:48px}
  .w9-slot{align-items:center;justify-items:center}
  .w9-intro .cover{width:380px;max-width:100%}
  .w9-intro h1,.w9-fin h1{font-size:40px}
  .w9-bigstars{font-size:84px}
  .w9-lesson .w9-stage:not(.w9-intro):not(.w9-fin){min-height:52vh}
  .w9-lesson .w9-tile:not(.sm){min-height:220px}
  body:not(.dij-child-shell) .page-banner:before{top:0;right:0;bottom:0;left:0}
  body:not(.dij-child-shell) .page-banner h1{font-size:52px!important}
  body:not(.dij-child-shell) .dij-series{padding:30px!important}
  .w9-ill{width:220px}
  .dij-pismo{padding:40px}
  .dij-pismo h2{font-size:34px!important}
  .dij-lock{align-items:center;justify-items:center}
  .dij-pw{top:0;right:0;bottom:0;left:0;align-items:center;justify-items:center}
  .lb9-hero{padding:42px}
  .lb9-hero h2{font-size:48px}
  .lb9-h{font-size:32px!important}
  .lb9-u i{align-items:center;justify-items:center}
  .lb9-end h2{font-size:32px}
}

/* Stariji preglednici: širina kontejnera, margin-inline i razmaci u podnožju (31.10.2026) */
@supports not (width: min(1px, 2px)) {
  .container{width:calc(100% - 48px);max-width:var(--max);margin-left:auto;margin-right:auto}
  .container{margin-left:auto;margin-right:auto}
  .empty-content{margin-left:auto;margin-right:auto}
  .hero-content p{margin-left:auto;margin-right:auto}
  .esma-feature-art{margin-left:auto;margin-right:auto}
  .article-grid{margin-left:auto;margin-right:auto}
  .dijedu-stage{margin-left:auto;margin-right:auto}
  .dij-game{margin-top:12px;margin-bottom:12px}
  .site-main .section{padding-top:64px;padding-bottom:64px}
  .site-main .page-banner{padding-top:52px;padding-bottom:52px}
  .site-header .header-inner{padding-top:14px;padding-bottom:14px}
  .dij-game-feedback{margin-top:16px;margin-bottom:16px}
  .dij-child-shell .dij-child-age{margin-top:28px;margin-bottom:28px}
  .site-main .section{padding-top:44px;padding-bottom:44px}
  .dij-refresh-home .dij-start{padding-top:32px;padding-bottom:32px}
  .dij-platform-guide{padding-top:36px;padding-bottom:36px}
  .dij-child-shell .dij-child-wrap{padding-left:13px;padding-right:13px}
  .footer-dots i{margin-right:7px}
  .footer-social>*{margin-right:8px}
  .footer-grid>*{margin-right:40px}
}