@charset "UTF-8";
/* =========================================================================
   Contra.Host
   1. Fontovi
   2. Tokeni
   3. Osnova
   4. Dugmad i sitni delovi
   5. Zaglavlje
   6. Hero
   7. Sekcije
   8. Paketi
   9. Tabele
  10. Alat za domene
  11. Tabovi, pitanja, kartice
  12. Podnozje
  13. Kontakt i obrasci
  14. Uski ekrani
   ========================================================================= */

/* ---------- 1. Fontovi ---------- */

@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;
	src:url(../fonts/archivo-var-latin.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;
	src:url(../fonts/archivo-var-latin-ext.woff2) format("woff2");
	unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;
	src:url(../fonts/inter-var-latin.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;
	src:url(../fonts/inter-var-latin-ext.woff2) format("woff2");
	unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:400;font-display:swap;
	src:url(../fonts/plexmono-400-latin.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:500;font-display:swap;
	src:url(../fonts/plexmono-500-latin.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- 2. Tokeni ---------- */
/* Sloj 1: sirova paleta. Komponente ovo ne koriste direktno. */
:root{
	--c900:#0a1f2b; --c800:#0e2a38; --c700:#123646; --c600:#1b4e64; --c500:#2b6b87;
	--c200:#cbdce4; --c100:#e6f0f5; --c050:#f3f8fa;
	--a500:#12a5e6; --a600:#0c87c0; --a700:#096a97; --a100:#dbf0fb;
	--n900:#0f1a20; --n700:#3a4a54; --n600:#54646e; --n500:#6d7d87;
	--n300:#c3d0d7; --n200:#dfe7eb; --n150:#ebf1f4; --n100:#f5f8f9;
	--w500:#d9822b; --w100:#fbeedd;
	--ok:#12855f; --ok100:#dff3ea; --err:#bd3a2c; --err100:#fbe6e3;

	/* Sloj 2: znacenje. Komponente koriste samo ovo. */
	--boja-tekst:var(--n900);
	--boja-tiho:var(--n600);
	--boja-jos-tise:var(--n500);
	--boja-pozadina:#fff;
	--boja-povrs:var(--n100);
	--boja-povrs-2:var(--c050);
	--boja-ivica:var(--n200);
	--boja-ivica-jaca:var(--n300);
	--boja-brend:var(--c800);
	--boja-brend-2:var(--c700);
	--boja-akcent:var(--a500);
	--boja-akcent-tamniji:var(--a600);
	--boja-topla:var(--w500);
	--boja-na-tamnom:#e8f1f5;
	--boja-na-tamnom-tiho:#9db3be;

	--font-naslov:Archivo,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--font-telo:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--font-mono:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

	--r1:4px; --r2:8px; --r3:12px; --r4:18px;
	--sen-1:0 1px 2px rgba(10,31,43,.06),0 1px 1px rgba(10,31,43,.04);
	--sen-2:0 2px 4px rgba(10,31,43,.05),0 8px 20px rgba(10,31,43,.07);
	--sen-3:0 4px 10px rgba(10,31,43,.07),0 18px 44px rgba(10,31,43,.10);

	--wrap:1180px;
	--pad-sek:clamp(52px,6vw,92px);
	--zaglavlje-h:64px;
}

/* ---------- 3. Osnova ---------- */

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;max-width:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
	*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}
body{
	margin:0;overflow-x:hidden;max-width:100%;
	font-family:var(--font-telo);font-size:17px;line-height:1.65;
	color:var(--boja-tekst);background:var(--boja-pozadina);
	-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
	font-feature-settings:"cv05" 1,"ss01" 1;
}
[hidden]{display:none !important}
img,picture,svg,video,iframe,table,pre{max-width:100%}
img{height:auto}
p,li,dd,dt,address,figcaption{overflow-wrap:break-word}
h1,h2,h3,h4{font-family:var(--font-naslov);font-weight:700;line-height:1.14;letter-spacing:-.021em;margin:0 0 .5em;color:var(--boja-tekst)}
h1{font-size:clamp(2rem,1.24rem + 2.5vw,3.05rem)}
h2{font-size:clamp(1.5rem,1.14rem + 1.36vw,2.15rem)}
h3{font-size:clamp(1.06rem,.99rem + .32vw,1.24rem);letter-spacing:-.012em}
p{margin:0 0 1em}
a{color:var(--boja-akcent-tamniji);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--a700)}
ul,ol{margin:0 0 1em;padding-left:1.15em}
strong,b{font-weight:600}
:focus-visible{outline:2px solid var(--a500);outline-offset:2px;border-radius:2px}
::selection{background:var(--a100);color:var(--c900)}

.ch-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.ch-vh{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ch-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--c800);color:#fff;padding:12px 18px;border-radius:0 0 var(--r2) 0}
.ch-skip:focus{left:0}
.ch-i{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:-.18em}
.ch-pic{display:block}
.ch-mono{font-family:var(--font-mono);font-size:.92em}

/* ---------- 4. Dugmad ---------- */

.ch-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.5em;
	font-family:var(--font-naslov);font-weight:600;font-size:.94rem;letter-spacing:-.005em;
	padding:11px 20px;border-radius:var(--r2);border:1.5px solid transparent;
	text-decoration:none;cursor:pointer;white-space:nowrap;
	transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease;
}
.ch-btn:active{transform:translateY(1px)}
.ch-btn-lg{padding:14px 26px;font-size:1rem}
.ch-btn-i{width:1.05em;height:1.05em;margin:0;flex:none}
.ch-btn-primar{background:var(--a600);border-color:var(--a600);color:#fff}
.ch-btn-primar:hover{background:var(--a700);border-color:var(--a700);color:#fff}
.ch-btn-obris{background:transparent;border-color:var(--boja-ivica-jaca);color:var(--boja-brend)}
.ch-btn-obris:hover{border-color:var(--c600);background:var(--c050);color:var(--boja-brend)}
.ch-btn-svetlo{background:#fff;border-color:#fff;color:var(--c800)}
.ch-btn-svetlo:hover{background:var(--c100);border-color:var(--c100);color:var(--c900)}
.ch-btn-tamno{background:var(--c800);border-color:var(--c800);color:#fff}
.ch-btn-tamno:hover{background:var(--c900);border-color:var(--c900);color:#fff}

.ch-veza{display:inline-flex;align-items:center;gap:.4em;font-weight:500;text-decoration:none;border-bottom:1.5px solid var(--a500);padding-bottom:1px}
.ch-veza:hover{border-color:var(--a700)}
.ch-veza .ch-i{width:1em;height:1em}

/* ---------- 5. Zaglavlje ---------- */

.ch-zaglavlje{position:sticky;top:0;z-index:90;background:var(--c800);color:#fff}
.ch-traka{background:var(--c900);font-size:.8rem;color:var(--boja-na-tamnom-tiho);border-bottom:1px solid rgba(255,255,255,.06)}
.ch-traka-unutra{display:flex;align-items:center;gap:22px;min-height:36px}
.ch-traka-stavka{display:inline-flex;align-items:center;gap:.45em;color:var(--boja-na-tamnom-tiho);text-decoration:none}
.ch-traka-stavka:hover{color:#fff}
.ch-traka-stavka .ch-i{width:.95em;height:.95em;opacity:.75}
.ch-traka-desno{margin-left:auto;display:flex;align-items:center;gap:18px}
.ch-jezici{display:flex;gap:2px}
.ch-jezik{
	display:inline-block;padding:2px 7px;border-radius:var(--r1);font-size:.78rem;font-weight:600;
	color:var(--boja-na-tamnom-tiho);text-decoration:none;letter-spacing:.02em;
}
.ch-jezik:hover{color:#fff;background:rgba(255,255,255,.08)}
.ch-jezik.is-on{color:var(--c900);background:var(--boja-na-tamnom)}

.ch-glava-unutra{display:flex;align-items:center;gap:24px;min-height:var(--zaglavlje-h)}
.ch-brend{display:flex;align-items:center;color:#fff;text-decoration:none;flex:none}
.ch-logo{display:block;color:currentColor}
.ch-logo svg{display:block;height:26px;width:auto}
.ch-nav{margin-left:auto;display:flex;align-items:center;gap:26px}
.ch-meni{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.ch-meni a{
	display:block;padding:8px 12px;border-radius:var(--r2);
	color:#d3e2ea;font-family:var(--font-naslov);font-weight:500;font-size:.94rem;text-decoration:none;
	transition:color .16s ease,background-color .16s ease;
}
.ch-meni a:hover{color:#fff;background:rgba(255,255,255,.07)}
.ch-meni .je-tekuca a{color:#fff;background:rgba(255,255,255,.1)}
.ch-nav-akcija .ch-btn{padding:9px 18px}
.ch-meni-dugme{display:none}
.ch-nav-dodatak{display:none}

/* ---------- 6. Hero ---------- */

.ch-hero{background:var(--c800);color:var(--boja-na-tamnom);padding:clamp(38px,5vw,66px) 0 clamp(46px,5.5vw,74px);position:relative;overflow:hidden}
.ch-hero::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
	background-size:56px 56px;
	-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%);
	mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%);
}
.ch-hero-unutra{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(28px,4vw,60px);align-items:center}
.ch-hero-tekst h1{color:#fff;margin-bottom:.42em;max-width:20ch;font-size:clamp(1.95rem,1.2rem + 2.3vw,2.85rem)}
.ch-hero-uvod{font-size:clamp(1rem,.96rem + .22vw,1.12rem);color:#bfd3dd;max-width:58ch;margin-bottom:26px}
.ch-hero-lista{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.9rem;color:#a9c1cd}
.ch-hero-lista li{display:flex;align-items:center;gap:.45em}
.ch-hero-lista .ch-i{width:1em;height:1em;color:var(--a500)}

.ch-hero-karta{background:var(--c900);border:1px solid rgba(255,255,255,.09);border-radius:var(--r4);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.ch-hero-karta .ch-pic{display:block;aspect-ratio:3/2}
.ch-hero-karta img{display:block;width:100%;height:100%;object-fit:cover}
.ch-hero-karta-noga{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.09)}
.ch-hero-karta-noga div{padding:13px 14px;border-left:1px solid rgba(255,255,255,.07)}
.ch-hero-karta-noga div:first-child{border-left:0}
.ch-hero-karta-noga b{display:block;font-family:var(--font-naslov);font-size:.9rem;color:#fff;letter-spacing:-.01em}
.ch-hero-karta-noga span{display:block;font-size:.74rem;color:#8ba6b3;margin-top:1px}

/* traka poverenja */
.ch-traka-poverenje{background:var(--c050);border-bottom:1px solid var(--boja-ivica)}
.ch-traka-poverenje ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.ch-traka-poverenje li{display:flex;align-items:center;gap:10px;padding:17px 20px 17px 0;font-size:.86rem;color:var(--n700);line-height:1.42}
.ch-traka-poverenje .ch-i{width:1.35em;height:1.35em;color:var(--c600);flex:none}

/* ---------- 7. Sekcije ---------- */

.ch-sec{padding:var(--pad-sek) 0}
.ch-sec-planovi{padding-top:calc(var(--pad-sek) * .92)}
.ch-tamno{background:var(--c800);color:var(--boja-na-tamnom)}
.ch-tamno h2,.ch-tamno h3{color:#fff}
.ch-tamno p{color:#b6cbd5}
.ch-tamno a{color:#8ed6f6}

.ch-sh{max-width:64ch;margin:0 0 34px}
.ch-sh h1,.ch-sh h2{margin-bottom:.36em}
.ch-sh p{color:var(--boja-tiho);font-size:1.02rem;margin:0}
.ch-sh-c{margin-left:auto;margin-right:auto;text-align:center}
.ch-sh-l p{color:#b6cbd5}

.ch-mreza-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ch-kartica{background:var(--boja-pozadina);border:1px solid var(--boja-ivica);border-radius:var(--r3);padding:22px 22px 24px;transition:border-color .18s ease,box-shadow .18s ease}
.ch-kartica:hover{border-color:var(--c200);box-shadow:var(--sen-1)}
.ch-kartica-i{width:26px;height:26px;color:var(--c600);margin:0 0 14px;display:block}
.ch-kartica h3{margin-bottom:.35em}
.ch-kartica p{margin:0;color:var(--boja-tiho);font-size:.94rem;line-height:1.6}
.ch-kartica-kome h3{font-size:1.12rem;color:var(--boja-brend)}
.ch-kartica-kome-nota{margin-top:.9em !important;padding-top:.9em;border-top:1px solid var(--boja-ivica);font-size:.87rem !important;color:var(--boja-jos-tise) !important}

.ch-lista-cek{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.ch-lista-cek li{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.55}
.ch-lista-cek .ch-i{width:1.1em;height:1.1em;margin-top:.25em;color:var(--ok);flex:none}
.ch-tamno .ch-lista-cek .ch-i{color:var(--a500)}
.ch-lista-2{grid-template-columns:repeat(2,1fr);gap:12px 30px;margin-bottom:0}

/* split */
.ch-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,4vw,60px);align-items:center}
.ch-split-obrnuto .ch-split-tekst{order:2}
.ch-split-obrnuto .ch-split-slika{order:1}
.ch-split-tekst h2{margin-bottom:.5em}
.ch-split-tekst p{color:var(--boja-tiho)}
.ch-tamno .ch-split-tekst p{color:#b6cbd5}
.ch-split-slika .ch-pic{display:block;border-radius:var(--r4);overflow:hidden;box-shadow:var(--sen-2)}
.ch-split-slika img{display:block;width:100%;height:auto}
.ch-tamno .ch-split-slika .ch-pic{box-shadow:0 20px 50px rgba(0,0,0,.3)}

/* zaglavlje podstranice */
.ch-phero{position:relative;background:var(--c900);color:#fff;padding:clamp(46px,5.5vw,78px) 0 clamp(40px,5vw,64px);overflow:hidden}
.ch-phero-slika{position:absolute;inset:0}
.ch-phero-slika .ch-pic,.ch-phero-slika img{display:block;width:100%;height:100%;object-fit:cover}
.ch-phero-slika::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,31,43,.95) 0%,rgba(10,31,43,.9) 42%,rgba(10,31,43,.66) 100%)}
.ch-phero .ch-wrap{position:relative}
.ch-phero h1{color:#fff;max-width:18ch;margin-bottom:.4em}
.ch-phero-uvod{color:#c1d5df;max-width:62ch;font-size:clamp(1rem,.96rem + .2vw,1.1rem)}
.ch-phero-meta{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.9rem;color:#a9c1cd}
.ch-phero-meta li{display:flex;align-items:center;gap:.45em}
.ch-phero-meta .ch-i{width:1em;height:1em;color:var(--a500)}
.ch-phero-akcije{margin-top:26px}
.ch-mrvice{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#93aeba;margin-bottom:18px}
.ch-mrvice a{color:#93aeba;text-decoration:none}
.ch-mrvice a:hover{color:#fff;text-decoration:underline}

/* ---------- 8. Paketi ---------- */

.ch-planovi-vrh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.ch-planovi-vrh .ch-sh{margin-bottom:0}
.ch-prekidac{display:inline-flex;background:var(--boja-povrs);border:1px solid var(--boja-ivica);border-radius:var(--r2);padding:3px;flex:none}
.ch-prekidac button{
	border:0;background:transparent;cursor:pointer;border-radius:calc(var(--r2) - 2px);
	padding:7px 15px;font-family:var(--font-naslov);font-weight:600;font-size:.85rem;color:var(--boja-tiho);
}
.ch-prekidac button.is-on{background:var(--boja-pozadina);color:var(--boja-brend);box-shadow:var(--sen-1)}

.ch-planovi-mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.ch-plan{
	position:relative;display:flex;flex-direction:column;height:100%;
	background:var(--boja-pozadina);border:1px solid var(--boja-ivica);border-radius:var(--r3);padding:24px 22px 22px;
}
.ch-plan-top{border-color:var(--c600);box-shadow:var(--sen-2)}
.ch-plan-oznaka{
	position:absolute;top:-11px;left:22px;background:var(--w500);color:#fff;
	font-family:var(--font-naslov);font-weight:700;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;
	padding:4px 10px;border-radius:var(--r1);
}
.ch-plan-glava h3{font-size:1.22rem;color:var(--boja-brend);margin-bottom:.3em}
.ch-plan-glava p{font-size:.9rem;color:var(--boja-tiho);margin:0;min-height:3.4em;line-height:1.5}
.ch-plan-cena{margin:18px 0 4px;padding-bottom:18px;border-bottom:1px solid var(--boja-ivica)}
.ch-cena{display:flex;align-items:baseline;gap:6px}
.ch-cena-val{font-family:var(--font-naslov);font-weight:700;font-size:2.5rem;line-height:1;letter-spacing:-.03em;color:var(--boja-tekst);font-variant-numeric:tabular-nums}
.ch-cena-val-eur{font-family:var(--font-naslov);font-weight:600;font-size:1rem;color:var(--boja-jos-tise)}
.ch-cena-nota{font-size:.82rem;color:var(--boja-jos-tise);margin-top:5px}
.ch-plan-spec{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:0}
.ch-plan-spec li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dotted var(--boja-ivica);font-size:.88rem}
.ch-plan-spec li:last-child{border-bottom:0}
.ch-plan-spec span{color:var(--boja-tiho)}
.ch-plan-spec b{font-family:var(--font-mono);font-weight:500;font-size:.86rem;color:var(--boja-tekst);text-align:right}
.ch-plan-spec em{font-style:normal;color:var(--boja-jos-tise);font-size:.92em}
.ch-plan-plus{list-style:none;margin:14px 0 20px;padding:0;display:grid;gap:7px}
.ch-plan-plus li{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;color:var(--boja-tiho);line-height:1.45}
.ch-plan-plus .ch-i{width:1em;height:1em;margin-top:.22em;color:var(--ok);flex:none}
.ch-plan-akcija{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.ch-plan-akcija .ch-btn{width:100%}
.ch-plan-vise{text-align:center;font-size:.83rem;color:var(--boja-jos-tise);text-decoration:none}
.ch-plan-vise:hover{color:var(--boja-akcent-tamniji);text-decoration:underline}
.ch-planovi-noga{margin:22px 0 0;font-size:.9rem;color:var(--boja-tiho)}
.ch-planovi-sitno{margin:22px 0 0;font-size:.82rem;color:var(--boja-jos-tise)}

/* ---------- 9. Tabele ---------- */

.ch-tabela-omot{overflow-x:auto;overflow-y:hidden;border:1px solid var(--boja-ivica);border-radius:var(--r3);background:var(--boja-pozadina);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ch-tabela{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem}
.ch-tabela th,.ch-tabela td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--boja-ivica);vertical-align:top}
.ch-tabela thead th{
	background:var(--c800);color:#fff;font-family:var(--font-naslov);font-weight:600;font-size:.92rem;
	position:sticky;top:0;z-index:2;border-bottom:0;
}
.ch-tabela thead th.je-top{background:var(--c600)}
.ch-tabela tbody th{font-weight:500;color:var(--boja-tekst);width:31%;background:var(--n100)}
.ch-tabela td{font-family:var(--font-mono);font-size:.86rem;color:var(--boja-tekst)}
.ch-tabela td.je-top{background:var(--a100)}
.ch-tabela tbody tr:last-child th,.ch-tabela tbody tr:last-child td{border-bottom:0}
.ch-tabela-cena td b{font-family:var(--font-naslov);font-size:1.05rem}
.ch-pomoc{display:block;font-family:var(--font-telo);font-size:.79rem;color:var(--boja-jos-tise);font-weight:400;margin-top:3px;line-height:1.42}
.ch-da{color:var(--ok);width:1.2em;height:1.2em}
.ch-ne{color:var(--n300);width:1.2em;height:1.2em}
.ch-tabela-izbor td{font-family:var(--font-telo);font-size:.9rem}
.ch-tabela-nota{margin:12px 0 0;font-size:.82rem;color:var(--boja-jos-tise)}

/* ---------- 10. Alat za domene ---------- */

.ch-dom{background:var(--boja-pozadina);border:1px solid var(--boja-ivica);border-radius:var(--r3);padding:16px;box-shadow:var(--sen-2);color:var(--boja-tekst)}
.ch-dom-naslov{font-size:1.1rem;margin-bottom:.6em}
.ch-dom-tabovi{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--boja-ivica)}
.ch-dom-tab{
	border:0;background:transparent;cursor:pointer;padding:8px 12px 10px;margin-bottom:-1px;
	font-family:var(--font-naslov);font-weight:600;font-size:.86rem;color:var(--boja-tiho);
	border-bottom:2px solid transparent;
}
.ch-dom-tab:hover{color:var(--boja-brend)}
.ch-dom-tab.is-on{color:var(--boja-brend);border-bottom-color:var(--a500)}
.ch-dom-polje{display:flex;gap:8px}
.ch-dom-unos{
	flex:1 1 auto;min-width:0;font-family:var(--font-mono);font-size:1rem;
	padding:12px 14px;border:1.5px solid var(--boja-ivica-jaca);border-radius:var(--r2);
	background:var(--boja-pozadina);color:var(--boja-tekst);
}
.ch-dom-unos::placeholder{color:var(--n300)}
.ch-dom-unos:focus{outline:0;border-color:var(--a500);box-shadow:0 0 0 3px var(--a100)}
.ch-dom-dugme{flex:none;padding-left:20px;padding-right:20px}
.ch-dom-nota{margin:9px 0 0;font-size:.8rem;color:var(--boja-jos-tise)}
.ch-dom-nota.je-greska{color:var(--err)}
.ch-dom-rezultat{margin-top:14px}
.ch-dom-kompakt{box-shadow:none}

.ch-ishod{border:1px solid var(--boja-ivica);border-radius:var(--r2);padding:14px 16px;background:var(--n100)}
.ch-ishod-slobodan{border-color:#a9dcc6;background:var(--ok100)}
.ch-ishod-zauzet{border-color:var(--c200);background:var(--c050)}
.ch-ishod-glava{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ch-ishod-domen{font-family:var(--font-mono);font-weight:500;font-size:1.06rem;color:var(--boja-tekst);word-break:break-all}
.ch-znak{
	display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-naslov);font-weight:700;
	font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:var(--r1);
}
.ch-znak-da{background:var(--ok);color:#fff}
.ch-znak-ne{background:var(--c600);color:#fff}
.ch-znak-mozda{background:var(--n300);color:var(--n900)}
.ch-ishod-akcija{margin-left:auto}
.ch-ishod-akcija .ch-btn{padding:8px 15px;font-size:.85rem}
.ch-ishod-recenica{margin:8px 0 0;font-size:.9rem;color:var(--boja-tiho)}

.ch-whois{margin-top:12px;border-top:1px solid var(--boja-ivica);padding-top:12px}
.ch-whois dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:.88rem}
.ch-whois dt{color:var(--boja-jos-tise)}
.ch-whois dd{margin:0;font-family:var(--font-mono);font-size:.84rem;word-break:break-word}
.ch-whois-ns{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.ch-whois-ns li{font-family:var(--font-mono);font-size:.78rem;background:var(--boja-pozadina);border:1px solid var(--boja-ivica);border-radius:var(--r1);padding:2px 7px}
.ch-sirovo{margin-top:12px}
.ch-sirovo summary{cursor:pointer;font-size:.85rem;font-weight:500;color:var(--boja-akcent-tamniji);list-style:none}
.ch-sirovo summary::-webkit-details-marker{display:none}
.ch-sirovo summary::before{content:"+ ";font-family:var(--font-mono)}
.ch-sirovo[open] summary::before{content:"- "}
.ch-sirovo-telo{position:relative;margin-top:8px}
.ch-sirovo pre{
	margin:0;background:var(--c900);color:#cfe2ea;border-radius:var(--r2);padding:14px 14px;
	font-family:var(--font-mono);font-size:.74rem;line-height:1.55;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;
}
.ch-kopiraj{
	position:absolute;top:8px;right:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);
	color:#cfe2ea;border-radius:var(--r1);padding:3px 9px;font-size:.72rem;cursor:pointer;font-family:var(--font-telo);
}
.ch-kopiraj:hover{background:rgba(255,255,255,.16)}

.ch-predlozi{margin-top:14px}
.ch-predlozi h4{font-family:var(--font-naslov);font-size:.82rem;font-weight:600;color:var(--boja-jos-tise);margin:0 0 8px;letter-spacing:.02em}
.ch-predlozi-mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.ch-predlog{
	display:flex;flex-direction:column;align-items:flex-start;gap:2px;
	border:1px solid var(--boja-ivica);border-radius:var(--r2);padding:9px 11px;background:var(--boja-pozadina);
	font-family:var(--font-mono);font-size:.8rem;line-height:1.35;
}
.ch-predlog b{font-weight:500;word-break:break-all}
.ch-predlog i{font-style:normal;font-family:var(--font-telo);font-size:.72rem;font-weight:600;letter-spacing:.02em}
.ch-predlog-da{border-color:#a9dcc6}
.ch-predlog-da i{color:var(--ok)}
.ch-predlog-ne i{color:var(--boja-jos-tise)}
.ch-predlog-cek i{color:var(--n300)}

.ch-domeni-raspored{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,4vw,56px);align-items:center}
.ch-domeni-nota{font-size:.9rem;color:#93aeba !important}
.ch-uzak{max-width:720px;margin:0 auto}
.ch-sec-domeni-uzak{background:var(--c050)}

/* ---------- 11. Tabovi, pitanja ---------- */

.ch-tabovi-traka{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--boja-ivica);margin-bottom:24px}
.ch-tabovi-traka button{
	border:0;background:transparent;cursor:pointer;padding:10px 16px 12px;margin-bottom:-1px;
	font-family:var(--font-naslov);font-weight:600;font-size:.92rem;color:var(--boja-tiho);
	border-bottom:2px solid transparent;
}
.ch-tabovi-traka button:hover{color:var(--boja-brend)}
.ch-tabovi-traka button.is-on{color:var(--boja-brend);border-bottom-color:var(--a500)}
.ch-tamno .ch-tabovi-traka{border-bottom-color:rgba(255,255,255,.14)}
.ch-tamno .ch-tabovi-traka button{color:#9db3be}
.ch-tamno .ch-tabovi-traka button.is-on{color:#fff}

.ch-faq-raspored{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(26px,4vw,56px);align-items:start}
.ch-faq-uvod h2{margin-bottom:.4em}
.ch-faq-uvod p{color:var(--boja-tiho);margin-bottom:1.2em}
.ch-faq{border-top:1px solid var(--boja-ivica)}
.ch-faq-stavka{border-bottom:1px solid var(--boja-ivica)}
.ch-faq-stavka summary{
	display:flex;align-items:flex-start;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;
	padding:16px 0;font-family:var(--font-naslov);font-weight:600;font-size:1.02rem;color:var(--boja-tekst);line-height:1.35;
}
.ch-faq-stavka summary::-webkit-details-marker{display:none}
.ch-faq-stavka summary:hover{color:var(--boja-akcent-tamniji)}
.ch-faq-i{width:20px;height:20px;flex:none;margin-top:2px;color:var(--boja-jos-tise);transition:transform .18s ease}
.ch-faq-stavka[open] .ch-faq-i{transform:rotate(180deg)}
.ch-faq-odg{padding:0 44px 18px 0}
.ch-faq-odg p{margin:0;color:var(--boja-tiho);font-size:.96rem}

/* resursi */
.ch-resursi{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:var(--r3);overflow:hidden}
.ch-resurs{display:flex;gap:16px;padding:20px 22px;background:var(--c800)}
.ch-resurs-oznaka{
	font-family:var(--font-mono);font-weight:500;font-size:.74rem;letter-spacing:.04em;
	color:var(--a500);background:rgba(18,165,230,.12);border:1px solid rgba(18,165,230,.28);
	border-radius:var(--r1);padding:4px 8px;height:fit-content;flex:none;min-width:56px;text-align:center;
}
.ch-resurs h3{font-size:1rem;margin-bottom:.3em}
.ch-resurs p{margin:0;font-size:.9rem;line-height:1.6}

/* cipovi */
.ch-dodaci-raspored{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(26px,4vw,56px);align-items:start}
.ch-dodaci-nota{font-size:.88rem !important;color:#93aeba !important}
.ch-cipovi{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.ch-cipovi li{
	font-size:.82rem;padding:6px 11px;border-radius:var(--r2);
	background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cfdfe7;
}
.ch-cip-vise{background:rgba(18,165,230,.14) !important;border-color:rgba(18,165,230,.32) !important;color:#8ed6f6 !important;font-weight:600}

/* podrska */
.ch-podrska-kontakt{display:grid;gap:10px;margin-top:22px}
.ch-kontakt-red{
	display:flex;align-items:center;gap:12px;padding:13px 15px;text-decoration:none;
	border:1px solid var(--boja-ivica);border-radius:var(--r2);background:var(--boja-pozadina);color:var(--boja-tekst);
	transition:border-color .16s ease,background-color .16s ease;
}
.ch-kontakt-red:hover{border-color:var(--c600);background:var(--c050);color:var(--boja-tekst)}
.ch-kontakt-red .ch-i{width:1.3em;height:1.3em;color:var(--c600);flex:none}
.ch-kontakt-red b{display:block;font-family:var(--font-naslov);font-size:.98rem;font-weight:600}
.ch-kontakt-red em{display:block;font-style:normal;font-size:.82rem;color:var(--boja-jos-tise);margin-top:1px}

/* CTA */
.ch-cta{background:var(--c700);color:#fff;padding:clamp(38px,4.6vw,62px) 0}
.ch-cta-blok{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.ch-cta h2{color:#fff;margin-bottom:.34em;max-width:22ch}
.ch-cta p{color:#bad0da;margin:0;max-width:56ch}
.ch-cta-akcije{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ch-cta-tel{display:inline-flex;align-items:center;gap:.5em;color:#fff;text-decoration:none;font-family:var(--font-naslov);font-weight:600}
.ch-cta-tel:hover{color:#8ed6f6}

/* ---------- 12. Podnozje ---------- */

.ch-podnozje{background:var(--c900);color:#a8bfca;padding:clamp(40px,4.6vw,60px) 0 26px;font-size:.9rem}
.ch-podnozje-vrh{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:32px}
.ch-podnozje-brend p{margin:16px 0 16px;max-width:44ch;color:#8ba6b3;font-size:.86rem;line-height:1.6}
.ch-logo-podnozje svg{height:24px}
.ch-podnozje-brend .ch-logo{color:#fff}
.ch-podnozje-cta{display:inline-flex;align-items:center;gap:.45em;color:#8ed6f6;text-decoration:none;font-weight:500;font-size:.88rem}
.ch-podnozje-cta:hover{color:#fff}
.ch-podnozje-kolona h3{color:#fff;font-size:.86rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1em}
.ch-podnozje-kolona ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ch-podnozje-kolona a{color:#a8bfca;text-decoration:none;font-size:.88rem}
.ch-podnozje-kolona a:hover{color:#fff;text-decoration:underline}
.ch-podnozje-kontakt li a,.ch-podnozje-kontakt li span{display:flex;align-items:flex-start;gap:8px;color:#a8bfca;font-size:.86rem;line-height:1.45}
.ch-podnozje-kontakt .ch-i{width:1.05em;height:1.05em;margin-top:.2em;color:#5d7b89;flex:none}
.ch-podnozje-dno{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ch-podnozje-dno p{margin:0;font-size:.8rem;color:#7794a3}

/* ---------- 13. Kontakt i obrasci ---------- */

.ch-kontakt-vrh{background:var(--c800);color:#fff;padding:clamp(34px,4vw,56px) 0 clamp(30px,3.6vw,46px)}
.ch-kontakt-vrh h1{color:#fff;margin-bottom:.35em}
.ch-kontakt-uvod{color:#bad0da;max-width:64ch;margin:0}
.ch-kontakt-raspored{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,3.6vw,52px);align-items:start}
.ch-kontakt-forma h2{margin-bottom:.35em}
.ch-forma-uvod{color:var(--boja-tiho);font-size:.94rem;margin-bottom:1.6em}
.ch-forma-red{display:grid;gap:16px;margin-bottom:16px}
.ch-forma-2{grid-template-columns:repeat(2,1fr)}
.ch-polje{margin-bottom:16px}
.ch-polje label{display:block;font-family:var(--font-naslov);font-weight:600;font-size:.88rem;margin-bottom:6px;color:var(--boja-tekst)}
.ch-polje input[type=text],.ch-polje input[type=email],.ch-polje select,.ch-polje textarea{
	width:100%;font-family:var(--font-telo);font-size:.98rem;color:var(--boja-tekst);
	padding:11px 13px;border:1.5px solid var(--boja-ivica-jaca);border-radius:var(--r2);background:var(--boja-pozadina);
}
.ch-polje textarea{resize:vertical;min-height:120px;line-height:1.6}
.ch-polje select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2354646e' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:38px}
.ch-polje input:focus,.ch-polje select:focus,.ch-polje textarea:focus{outline:0;border-color:var(--a500);box-shadow:0 0 0 3px var(--a100)}
.ch-polje.je-greska input,.ch-polje.je-greska textarea,.ch-polje.je-greska select{border-color:var(--err)}
.ch-polje-greska{margin:6px 0 0;font-size:.83rem;color:var(--err)}
.ch-polje-zbir{max-width:340px}
.ch-polje-cek label{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-telo);font-weight:400;font-size:.9rem;color:var(--boja-tiho);line-height:1.5}
.ch-polje-cek input{margin-top:.22em;width:17px;height:17px;flex:none;accent-color:var(--a600)}
.ch-mamac{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ch-poruka{border:1px solid var(--boja-ivica);border-radius:var(--r3);padding:20px 22px;margin-bottom:22px}
.ch-poruka h2{margin-bottom:.35em}
.ch-poruka p{margin:0 0 .6em;color:var(--boja-tiho)}
.ch-poruka p:last-child{margin-bottom:0}
.ch-poruka-ok{border-color:#a9dcc6;background:var(--ok100)}
.ch-poruka-greska{border-color:#eab5ad;background:var(--err100)}
.ch-poruka-greska p{color:#8d2d22}

.ch-kontakt-bocna{display:grid;gap:16px}
.ch-kontakt-blok{border:1px solid var(--boja-ivica);border-radius:var(--r3);padding:20px}
.ch-kontakt-blok h2{font-size:.86rem;letter-spacing:.05em;text-transform:uppercase;color:var(--boja-jos-tise);margin-bottom:14px}
.ch-kontakt-blok .ch-kontakt-red{margin-bottom:8px}
.ch-kontakt-blok .ch-kontakt-red:last-of-type{margin-bottom:0}
.ch-adresa{font-style:normal;font-size:.92rem;line-height:1.6;margin-bottom:14px}
.ch-podaci{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 12px;font-size:.86rem}
.ch-podaci dt{color:var(--boja-jos-tise)}
.ch-podaci dd{margin:0;font-family:var(--font-mono);font-size:.84rem}
.ch-sitno{font-size:.79rem;color:var(--boja-jos-tise);margin:0;line-height:1.5}

.ch-sec-mapa{padding-top:0}
.ch-mapa-raspored{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(24px,3.4vw,48px);align-items:center;background:var(--c050);border:1px solid var(--boja-ivica);border-radius:var(--r4);padding:clamp(20px,2.6vw,32px)}
.ch-mapa-tekst h2{font-size:1.4rem}
.ch-mapa-tekst p{color:var(--boja-tiho);font-size:.94rem}
.ch-mapa-okvir{border-radius:var(--r3);overflow:hidden;border:1px solid var(--boja-ivica);background:#e8eef1}
.ch-mapa-okvir iframe{display:block;width:100%;height:320px;border:0}

.ch-proza{max-width:760px}
.ch-404{text-align:center;padding-top:clamp(56px,7vw,110px)}
.ch-404-kod{font-family:var(--font-mono);font-size:3.4rem;color:var(--n300);margin:0 0 .1em;letter-spacing:.06em}
.ch-404-tekst{color:var(--boja-tiho);max-width:52ch;margin:0 auto 26px}
.ch-404-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ch-404-lista a{display:inline-flex;align-items:center;gap:.5em;border:1px solid var(--boja-ivica);border-radius:var(--r2);padding:10px 16px;text-decoration:none;color:var(--boja-brend);font-weight:500}
.ch-404-lista a:hover{border-color:var(--c600);background:var(--c050)}
.ch-404-lista .ch-i{width:1em;height:1em}

/* ---------- 14. Uski ekrani ---------- */

@media (max-width:1080px){
	.ch-podnozje-vrh{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:28px}
	.ch-podnozje-brend{grid-column:1 / -1}
	}

@media (max-width:980px){
	body{font-size:16px}
	.ch-hero-unutra{grid-template-columns:1fr;gap:30px}
	.ch-hero-tekst h1{max-width:none}
	.ch-split,.ch-domeni-raspored,.ch-faq-raspored,.ch-dodaci-raspored,.ch-kontakt-raspored,.ch-mapa-raspored{grid-template-columns:1fr}
	.ch-split-obrnuto .ch-split-tekst{order:1}
	.ch-split-obrnuto .ch-split-slika{order:2}
	.ch-mreza-3{grid-template-columns:repeat(2,1fr)}
	.ch-planovi-mreza{grid-template-columns:1fr;max-width:520px}
	.ch-plan-glava p{min-height:0}
	.ch-resursi{grid-template-columns:1fr}
	.ch-traka-poverenje ul{grid-template-columns:repeat(2,1fr)}
	.ch-traka-poverenje li{padding-right:14px}

	/* zaglavlje: gornja traka ide u meni */
	.ch-traka{display:none}
	.ch-meni-dugme{
		display:inline-flex;align-items:center;justify-content:center;margin-left:auto;
		width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r2);
		background:rgba(255,255,255,.05);cursor:pointer;color:#fff;
	}
	.ch-meni-crte{display:block;width:20px;height:14px;position:relative}
	.ch-meni-crte i{position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .18s ease}
	.ch-meni-crte i:nth-child(1){top:0}
	.ch-meni-crte i:nth-child(2){top:6px}
	.ch-meni-crte i:nth-child(3){top:12px}
	body.ch-meni-otvoren .ch-meni-crte i:nth-child(1){transform:translateY(6px) rotate(45deg)}
	body.ch-meni-otvoren .ch-meni-crte i:nth-child(2){opacity:0}
	body.ch-meni-otvoren .ch-meni-crte i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

	.ch-nav{
		position:fixed;top:var(--zaglavlje-h);right:0;bottom:0;width:min(340px,86vw);
		display:block;margin:0;padding:20px 20px 40px;overflow-y:auto;overscroll-behavior:contain;
		background:var(--c800);border-left:1px solid rgba(255,255,255,.1);
		transform:translateX(102%);visibility:hidden;
		transition:transform .22s ease,visibility 0s linear .22s;z-index:95;
	}
	body.ch-meni-otvoren .ch-nav{transform:translateX(0);visibility:visible;transition:transform .22s ease,visibility 0s}
	body.ch-meni-otvoren .ch-zaglavlje{z-index:96}
	body.ch-meni-otvoren{overflow:hidden}
	body.ch-meni-otvoren::after{content:"";position:fixed;inset:var(--zaglavlje-h) 0 0 0;background:rgba(6,20,28,.6);z-index:88}
	.ch-meni{display:block}
	.ch-meni li{border-bottom:1px solid rgba(255,255,255,.08)}
	.ch-meni a{padding:14px 6px;font-size:1.02rem;border-radius:0}
	.ch-nav-akcija{margin:20px 0 0}
	.ch-nav-akcija .ch-btn{width:100%;padding:13px 18px}
	.ch-nav-dodatak{display:block;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
	.ch-nav-jezici{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}
	.ch-nav-jezici .ch-jezik{text-align:center;padding:9px 6px;font-size:.84rem;background:rgba(255,255,255,.06)}
	.ch-nav-jezici .ch-jezik.is-on{background:var(--boja-na-tamnom);color:var(--c900)}
	.ch-nav-red{display:flex;align-items:center;gap:10px;padding:9px 0;color:#b6cbd5;text-decoration:none;font-size:.9rem}
	.ch-nav-red:hover{color:#fff}
	.ch-nav-red .ch-i{width:1.1em;height:1.1em;color:#5d7b89}
}

@media (max-width:720px){
	.ch-wrap{padding:0 16px}
	:root{--pad-sek:44px}
	.ch-planovi-vrh{flex-direction:column;align-items:stretch}
	.ch-prekidac{align-self:flex-start}
	.ch-mreza-3{grid-template-columns:1fr}
	.ch-lista-2{grid-template-columns:1fr}
	.ch-forma-2{grid-template-columns:1fr}
	.ch-hero-karta-noga{grid-template-columns:1fr;}
	.ch-hero-karta-noga div{border-left:0;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:baseline;gap:8px;padding:10px 14px}
	.ch-hero-karta-noga div:first-child{border-top:0}
	.ch-dom-polje{flex-direction:column}
	.ch-dom-dugme{width:100%}
	.ch-ishod-akcija{margin-left:0;width:100%}
	.ch-ishod-akcija .ch-btn{width:100%}
	.ch-cta-blok{flex-direction:column;align-items:flex-start}
	.ch-cta-akcije{width:100%}
	.ch-cta-akcije .ch-btn{flex:1 1 auto;justify-content:center}
	.ch-podnozje-vrh{grid-template-columns:1fr;gap:26px}
	.ch-faq-odg{padding-right:0}
	.ch-traka-poverenje ul{grid-template-columns:1fr}
	.ch-traka-poverenje li{padding:12px 0;border-bottom:1px solid var(--boja-ivica)}
	.ch-traka-poverenje li:last-child{border-bottom:0}
	.ch-tabela tbody th{width:auto;min-width:180px}
	.ch-mapa-okvir iframe{height:240px}
	.ch-whois dl{grid-template-columns:1fr;gap:2px 0}
	.ch-whois dt{margin-top:8px}
}

@media (max-width:420px){
	.ch-cena-val{font-size:2.1rem}
}

/* Ikone u dugmadi i vezama uvek na kraju fajla, da ih ne pregazi
   nijedno ranije pravilo. Lekcija iz ranijih tema. */
.ch-btn>.ch-i,.ch-veza>.ch-i,.ch-cta-tel>.ch-i{margin:0;flex:none}
.ch-btn>.ch-btn-i{margin:0;flex:none;width:1.05em;height:1.05em}