/* ============ EP KES - kvalifikovani elektronski sertifikat ============ */
.kes-main{display:block}
.kes-wrap{--blue:#0053C2;--blue-d:#003272;--navy:#0a2a52;--ink:#1f2c3f;--mut:#5b6677;--grn:#0a5f37;--grn2:#1f9d57;--bg:#f4f8ff;--line:#e2e8f3;--amber:#e07a14;--red:#E10913;
	font-family:inherit;color:var(--ink);line-height:1.6;font-size:17px;overflow-x:clip}
.kes-wrap *{box-sizing:border-box}
.kes-wrap a{color:var(--blue);text-decoration:none}
.kes-wrap a:hover{text-decoration:underline}
.kes-in{max-width:1160px;margin:0 auto;padding:0 22px}
.kes-in-wide{max-width:1320px;margin:0 auto;padding:0 22px}
.kes-anchor{display:block;position:relative;top:-80px;visibility:hidden}

/* dugmad */
.kes-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;padding:14px 26px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:.18s;text-decoration:none!important}
.kes-btn-sm{padding:10px 17px;font-size:.92rem}
.kes-wrap a.kes-btn-p{background:var(--blue);color:#fff;box-shadow:0 10px 26px rgba(0,83,194,.28)}
.kes-wrap a.kes-btn-p:hover{background:var(--blue-d);color:#fff;transform:translateY(-2px)}
.kes-wrap a.kes-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.kes-wrap a.kes-btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.kes-wrap a.kes-btn-g{background:#fff;color:var(--blue-d);border-color:#cfdcf3}
.kes-wrap a.kes-btn-g:hover{border-color:var(--blue);color:var(--blue-d)}

/* HERO */
.kes-hero{position:relative;background:linear-gradient(150deg,#06203f 0%,#0a2a52 45%,#0053C2 100%);color:#fff;padding:64px 22px 56px;overflow:hidden;text-align:center}
.kes-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(820px 380px at 82% -10%,rgba(255,255,255,.14),transparent 60%);pointer-events:none}
.kes-hero-in{max-width:840px;margin:0 auto;position:relative}
.kes-badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:700;font-size:.82rem;padding:7px 15px;border-radius:999px;margin-bottom:18px}
.kes-hero h1{font-size:2.6rem;line-height:1.12;margin:0 0 14px;color:#fff;font-weight:800;letter-spacing:-.02em}
.kes-hero-sub{font-size:1.16rem;color:#dbe7fb;max-width:720px;margin:0 auto 26px}
.kes-hero-sub strong{color:#fff}
.kes-hero-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.kes-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.kes-chips span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 15px;font-size:.85rem;color:#e6eefc}

/* sekcije */
.kes-sec{padding:54px 0;border-bottom:1px solid var(--line)}
.kes-sec-alt{background:var(--bg)}
.kes-head{max-width:780px;margin:0 auto 32px;text-align:center}
.kes-kicker{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:rgba(0,83,194,.09);padding:5px 12px;border-radius:999px;margin-bottom:12px}
.kes-head h2{font-size:2rem;line-height:1.18;margin:0 0 10px;color:var(--blue-d);font-weight:800;letter-spacing:-.01em}
.kes-lead{font-size:1.08rem;color:var(--mut);margin:0}

/* facts */
.kes-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1060px;margin:0 auto}
.kes-fact{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;text-align:center;box-shadow:0 2px 10px rgba(0,40,114,.04)}
.kes-fact .n{display:block;font-size:1.5rem;font-weight:800;color:var(--blue);line-height:1.15}
.kes-fact .l{display:block;font-size:.9rem;color:var(--mut);margin-top:7px;line-height:1.4}

/* kartice */
.kes-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto}
.kes-cols-2{grid-template-columns:1fr 1fr;max-width:900px}
.kes-cols-4{grid-template-columns:repeat(4,1fr);max-width:1200px}
.kes-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 2px 10px rgba(0,40,114,.04);transition:.18s}
.kes-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,40,114,.1)}
.kes-card .ic{font-size:1.8rem;display:block;margin-bottom:10px}
.kes-card h3{font-size:1.08rem;margin:0 0 7px;color:var(--blue-d);font-weight:800}
.kes-card p{font-size:.96rem;color:var(--mut);margin:0}
.kes-card .kes-tag{display:inline-block;margin-top:10px;font-size:.74rem;font-weight:800;padding:3px 10px;border-radius:7px;background:var(--bg);color:var(--blue-d)}
.kes-card.is-free{border:2px solid var(--grn2)}
.kes-card .kes-tag-free{background:#e6f7ee;color:var(--grn2)}

/* proza + 2 kolone */
.kes-2col{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start;max-width:1060px;margin:0 auto}
.kes-prose p{font-size:1.04rem;color:var(--ink);margin:0 0 14px}
.kes-prose p:last-child{margin:0}

/* callout */
.kes-callout{display:flex;gap:14px;align-items:flex-start;border-radius:14px;padding:18px 20px;margin:22px auto 0;max-width:1060px;border:1px solid;font-size:.98rem}
.kes-callout strong{display:block;margin-bottom:3px}
.kes-info{background:#eef4ff;border-color:#cfe0fd;color:#1c3a63}
.kes-warn{background:#fff5ec;border-color:#ffd9b8;color:#7a4012}
.kes-good{background:#eefaf2;border-color:#c2ebd2;color:#0a5f37}
.kes-callout .cic{flex:0 0 auto;font-size:1.3rem;line-height:1}

/* tooltip pojam */
.kes-tt{position:relative;border-bottom:2px dotted var(--blue);cursor:help;font-weight:600;color:var(--blue-d)}
.kes-tt-pop{position:absolute;left:50%;bottom:140%;transform:translateX(-50%) translateY(6px);background:var(--navy);color:#fff;font-weight:400;font-size:.85rem;line-height:1.45;padding:11px 14px;border-radius:10px;width:270px;max-width:80vw;opacity:0;visibility:hidden;transition:.18s;z-index:30;box-shadow:0 12px 30px rgba(0,20,60,.32)}
.kes-tt-pop:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--navy)}
.kes-tt:hover .kes-tt-pop,.kes-tt:focus .kes-tt-pop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* tabovi */
.kes-tabs{max-width:1000px;margin:0 auto}
.kes-tabnav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.kes-tabbtn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--line);color:var(--mut);font-weight:700;font-size:.96rem;padding:11px 20px;border-radius:12px;cursor:pointer;transition:.15s}
.kes-tabbtn:hover{border-color:var(--blue-d);color:var(--blue-d)}
.kes-tabbtn.on{background:var(--blue);border-color:var(--blue);color:#fff}
.kes-tabpane{display:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 2px 12px rgba(0,40,114,.04)}
.kes-tabpane.on{display:block;animation:kesFade .25s ease}
@keyframes kesFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kes-tabpane h3{margin:0 0 12px;color:var(--blue-d);font-size:1.2rem}
.kes-tabpane ul{margin:0;padding-left:20px}
.kes-tabpane li{margin-bottom:9px;color:var(--ink)}
.kes-tabpane li b{color:var(--blue-d)}

/* timeline */
.kes-tl{max-width:900px;margin:0 auto;position:relative;padding-left:8px}
.kes-tl:before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--blue),#cfe0fd)}
.kes-tl-i{position:relative;display:flex;gap:18px;padding:0 0 22px}
.kes-tl-i:last-child{padding-bottom:0}
.kes-tl-n{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;z-index:1}
.kes-tl-c{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 18px;flex:1;box-shadow:0 2px 10px rgba(0,40,114,.04)}
.kes-tl-c h3{margin:0 0 4px;color:var(--blue-d);font-size:1.05rem;font-weight:800}
.kes-tl-c p{margin:0;color:var(--mut);font-size:.95rem}

/* tabela pružalaca/cena */
.kes-tablewrap{max-width:1100px;margin:0 auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,40,114,.05);background:#fff}
.kes-tscroll{overflow-x:auto}
.kes-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:680px}
.kes-table th{text-align:left;padding:13px 16px;background:#f1f6ff;color:var(--blue-d);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--line)}
.kes-table td{padding:13px 16px;border-bottom:1px solid #eef2f8;vertical-align:top;color:var(--ink)}
.kes-table tr:last-child td{border-bottom:none}
.kes-table tr:hover td{background:#f9fbff}
.kes-table .pname{font-weight:800;color:var(--blue-d)}
.kes-table .free{color:var(--grn2);font-weight:800}
.kes-tnote{max-width:1100px;margin:14px auto 0;font-size:.86rem;color:var(--mut);text-align:center}

/* FAQ */
.kes-faq{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.kes-faq-i{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.kes-faq-i[open]{box-shadow:0 6px 18px rgba(0,40,114,.06)}
.kes-faq-i summary{list-style:none;cursor:pointer;padding:17px 52px 17px 20px;font-weight:700;color:var(--blue-d);position:relative;font-size:1.02rem}
.kes-faq-i summary::-webkit-details-marker{display:none}
.kes-faq-x{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:16px;height:16px}
.kes-faq-x:before,.kes-faq-x:after{content:"";position:absolute;background:var(--blue);border-radius:2px}
.kes-faq-x:before{top:7px;left:0;width:16px;height:2px}
.kes-faq-x:after{top:0;left:7px;width:2px;height:16px;transition:.2s}
.kes-faq-i[open] .kes-faq-x:after{transform:rotate(90deg);opacity:0}
.kes-faq-b{padding:0 20px 18px;color:var(--mut)}
.kes-faq-b p{margin:0 0 10px}.kes-faq-b p:last-child{margin:0}

/* CTA */
.kes-cta{background:linear-gradient(135deg,#0a2a52,#0053C2);color:#fff;padding:54px 22px;text-align:center}
.kes-cta-in{max-width:760px;margin:0 auto}
.kes-cta h2{color:#fff;font-size:1.85rem;margin:0 0 10px;font-weight:800}
.kes-cta p{color:#dbe7fb;font-size:1.08rem;margin:0 0 24px}
.kes-cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.kes-disc{font-size:.85rem;color:#8590a3;text-align:center;padding:26px 22px 46px;margin:0 auto;max-width:900px;line-height:1.6}

/* responsive */
@media(max-width:900px){
	.kes-facts{grid-template-columns:1fr 1fr}
	.kes-cards{grid-template-columns:1fr 1fr}
	.kes-2col{grid-template-columns:1fr}
	.kes-hero h1{font-size:2.05rem}
}
@media(max-width:600px){
	.kes-wrap{font-size:16px}
	.kes-facts,.kes-cards,.kes-cols-2{grid-template-columns:1fr}
	.kes-hero{padding:46px 18px 40px}
	.kes-hero h1{font-size:1.7rem}
	.kes-hero-sub{font-size:1.03rem}
	.kes-sec{padding:40px 0}
	.kes-head h2{font-size:1.55rem}
	.kes-cta h2{font-size:1.5rem}
	.kes-tabpane{padding:20px}
}