/*
Theme Name: EsEm Tactical
Template: astra
Description: Zaglavlje i footer EsEm Tactical.
Version: 1.2
Text Domain: esem
*/


:root{
  --maslina:#3a4030;
  --maslina-tamna:#272c20;
  --coyote:#b99a6b;
  --coyote-svijetla:#e3d5bd;
  --krem:#f5f2ec;
  --crvena:#a3271f;
  --zelena:#2f7d32;
  --zuta:#c98a00;
  --tekst:#1c1c1a;
  --sivi:#6b6b64;
  --linija:#dedad2;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;color:var(--tekst);background:#fff;line-height:1.6;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
h1,h2,h3,.nas{font-family:'Saira Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}

/* ---------- ZAGLAVLJE ---------- */
.top{background:var(--maslina-tamna);color:var(--coyote-svijetla);font-size:13px;padding:7px 0}
.top .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
header{background:var(--maslina);color:#fff;position:sticky;top:0;z-index:60}
header .wrap{display:flex;align-items:center;gap:28px;height:74px}
.logo img{height:44px;width:auto}
nav{margin-left:auto;display:flex;gap:24px;font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-weight:600;font-size:15px;letter-spacing:.04em}
nav a{padding:6px 0;border-bottom:2px solid transparent}
nav a:hover{border-bottom-color:var(--coyote)}
.kosarica{display:flex;align-items:center;gap:8px;background:var(--coyote);color:#231f18;padding:9px 16px;font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:14px}
.burger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;margin-left:auto}

/* ---------- PUTANJA ---------- */
.putanja{font-size:13px;color:var(--sivi);padding:18px 0 4px}
.putanja span{margin:0 7px;color:#c3bfb5}
.putanja a{color:var(--sivi);text-decoration:none}
.putanja a:hover{color:var(--maslina)}
.putanja a.kat{color:var(--maslina);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.putanja a.kat:hover{color:var(--coyote)}


.marka-plocica{flex:none;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;padding:11px 18px;margin:0}
.marka-plocica img{height:52px;width:auto;max-width:170px;object-fit:contain;display:block}
.top{background:var(--maslina-tamna);color:var(--coyote-svijetla);padding:0}
.top .wrap{display:block;padding:0}
.top-rot{position:relative;display:block;height:42px;overflow:hidden}
.top-por{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.top-por.vidljiva{opacity:1;transform:translateY(0)}
.top-por strong{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:17px;letter-spacing:.05em;color:#fff;text-transform:uppercase}
.top-por span{font-size:14px;color:var(--coyote-svijetla);opacity:.95}
.logo img{height:54px;width:auto}
@media (max-width:640px){
  .marka-plocica{padding:9px 14px}
  .marka-plocica img{height:40px;max-width:130px}
  .top-rot{height:38px}
  .top-por{gap:7px;padding:0 12px}
  .top-por strong{font-size:14.5px}
  .top-por span{font-size:12.5px}
}
@media (max-width:430px){
  .top-rot{height:52px}
  .top-por{flex-direction:column;gap:1px;justify-content:center;line-height:1.25}
  .top-por strong{font-size:15px}
  .top-por span{display:block;font-size:12px;text-align:center}
}
@media (prefers-reduced-motion:reduce){.top-por{transition:none}}

/* ================= ZAGLAVLJE ================= */

.zg-akcije{background:var(--maslina-tamna);color:var(--coyote-svijetla)}
.zg-akcije .wrap{display:flex;align-items:center;gap:26px;height:40px;font-family:'Saira Condensed',sans-serif;font-size:13.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.zg-akcije a{padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}
.zg-akcije a:hover{border-bottom-color:var(--coyote)}
.zg-akcije a.istaknuto{color:#ffb4a8}
.zg-akcije .desno{margin-left:auto;display:flex;gap:20px;align-items:center}
.zg-akcije .desno a{display:flex;align-items:center;gap:7px}
.zg-akcije .ikonica{width:15px;height:15px;fill:currentColor;flex:none}
.zg-akcije .broj{background:var(--coyote);color:#231f18;font-size:11px;padding:1px 6px;border-radius:2px;font-weight:700}

.zg-glavni{background:#4A5140;color:#fff;position:sticky;top:0;z-index:60}
.zg-glavni .wrap{display:flex;align-items:center;gap:28px;height:146px}
.zg-logo{margin-left:-90px !important;position:relative;left:-6px}
.zg-logo img{height:101px;width:276px;object-fit:contain}
.zg-pretraga{flex:1;max-width:620px;position:relative}
.zg-pretraga input{width:100%;height:46px;border:0;padding:0 96px 0 18px;font-family:'Barlow',sans-serif;font-size:15px;color:var(--tekst);background:#fff}
.zg-pretraga input::placeholder{color:#9a978f}
.zg-pretraga button{position:absolute;right:0;top:0;height:46px;width:56px;background:var(--coyote);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.zg-pretraga button svg{width:20px;height:20px;fill:#231f18}
.zg-pretraga .mikrofon{position:absolute;right:60px;top:0;height:46px;width:34px;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.zg-pretraga .mikrofon svg{width:17px;height:17px;fill:#8d8a82}

.zg-desno{margin-left:auto;display:flex;align-items:center;gap:22px}
.zg-podrska{display:flex;align-items:center;gap:9px;color:#fff}
.zg-podrska svg{width:26px;height:26px;fill:var(--coyote-svijetla);flex:none}
.zg-podrska .txt{font-family:'Saira Condensed',sans-serif;line-height:1.15}
.zg-podrska .txt b{display:block;font-size:15px;letter-spacing:.03em}
.zg-podrska .txt span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--coyote)}
.ik-slika{width:38px;height:38px;object-fit:contain;flex:none;display:block}
.zg-zelje{display:flex;align-items:center;gap:11px;color:#fff}
.zg-zelje .slika{position:relative;display:block}
.zg-zelje .kolicina{position:absolute;top:-5px;right:-8px;min-width:19px;height:19px;padding:0 5px;background:var(--crvena);color:#fff;border-radius:10px;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.zg-zelje .txt{font-family:'Saira Condensed',sans-serif;line-height:1.15}
.zg-zelje .txt b{display:block;font-size:16px}
.zg-zelje .txt span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--coyote)}
.zg-nalog{display:flex;align-items:center;gap:11px;color:#fff}
.zg-nalog svg{width:28px;height:28px;fill:#fff;flex:none}
.zg-nalog .txt{font-family:'Saira Condensed',sans-serif;line-height:1.15}
.zg-nalog .txt b{display:block;font-size:16px}
.zg-nalog .txt span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--coyote)}
.zg-kosarica{display:flex;align-items:center;gap:11px;color:#fff}
.zg-kosarica .slika{position:relative}
.zg-kosarica .slika svg{width:30px;height:30px;fill:#fff}
.zg-kosarica .kolicina{position:absolute;right:-7px;top:-5px;background:var(--coyote);color:#231f18;font-family:'Saira Condensed',sans-serif;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.zg-kosarica .txt{font-family:'Saira Condensed',sans-serif;line-height:1.15}
.zg-kosarica .txt b{display:block;font-size:16px}
.zg-kosarica .txt span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--coyote)}

.zg-kat{background:#111110;border-bottom:3px solid var(--coyote);margin-left:0;display:block;width:100%;flex:0 0 100%}
@media (max-width:860px){.zg-kat{display:none}}
.zg-kat .wrap{display:flex;align-items:stretch;gap:0;height:56px;overflow-x:auto;scrollbar-width:none}
.zg-kat .wrap::-webkit-scrollbar{display:none}
.zg-kat a{display:flex;align-items:center;font-family:'Barlow',sans-serif;font-size:15px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#fff;padding:0 20px;white-space:nowrap;border-bottom:3px solid transparent;transition:background .15s,color .15s}
.zg-kat a:hover{background:var(--maslina);color:#fff;border-bottom-color:var(--coyote)}
.zg-kat a.aktivna{background:var(--maslina);border-bottom-color:var(--coyote)}

.zg-burger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}

@media (max-width:1080px){
  .zg-podrska{display:none}
  .zg-glavni .wrap{gap:18px}
}
@media (max-width:860px){
  .zg-akcije{display:none}
  .zg-glavni .wrap{height:auto;padding-top:10px;padding-bottom:12px;flex-wrap:wrap;gap:12px}
  /* prvi red: logo lijevo, ikone desno */
  .zg-logo{order:1;margin:0 !important;left:0}
  .zg-logo img{height:79px;width:188px;object-fit:contain}
  .zg-desno{order:2;margin-left:auto;gap:18px}
  /* prisilni prelom reda */
  .zg-glavni .wrap::after{content:"";order:3;flex-basis:100%;height:0}
  /* drugi red: meni i pretraga */
  .zg-burger{display:block;order:4;flex:none;font-size:28px;padding:0 2px}
  .zg-pretraga{order:5;flex:1 1 0;max-width:none;min-width:0}
  .zg-pretraga input{height:44px;font-size:14.5px;padding-right:92px}
  .zg-pretraga button{height:44px}
  .zg-pretraga .mikrofon{height:44px}
  .zg-nalog .txt{display:none}
  .zg-zelje .txt{display:none}
  .ik-slika{width:34px;height:34px}
  .zg-kosarica .txt{display:none}

}


/* ---------- BOCNI MENI (mobitel) ---------- */
.meni-zastor{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;opacity:0;transition:opacity .25s ease}
.meni-zastor.otvoren{opacity:1}
.meni-panel{position:fixed;left:0;top:0;bottom:0;width:86%;max-width:400px;background:#000;color:#fff;z-index:91;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(-100%);transition:transform .25s ease;-webkit-overflow-scrolling:touch}
.meni-panel.otvoren{transform:translateX(0)}
.meni-vrh{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.18)}
.meni-naslov{font-family:'Barlow',sans-serif;font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.meni-zatvori{background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer;padding:0 4px}
.meni-pomoc{border-bottom:1px solid var(--maslina)}
.meni-pomoc a{display:flex;align-items:center;gap:16px;padding:18px 22px;color:#fff;font-family:'Barlow',sans-serif;font-size:17px;font-weight:500}
.meni-pomoc .ik-slika{width:34px;height:34px}
.meni-kat{display:flex;flex-direction:column}
.meni-stavka{display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;padding:19px 22px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;font-family:'Barlow',sans-serif;font-size:17px;font-weight:500;text-align:left;cursor:pointer}
.meni-stavka .strelica{width:22px;height:22px;fill:#fff;flex:none;transition:transform .2s ease}
.meni-stavka[aria-expanded="true"] .strelica{transform:rotate(180deg)}
.meni-pod{display:none;background:#0b0b0b;border-bottom:1px solid rgba(255,255,255,.14)}
.meni-pod.otvoren{display:block}
.meni-pod a{display:block;padding:13px 22px 13px 40px;color:rgba(255,255,255,.82);font-size:15.5px;border-bottom:1px solid rgba(255,255,255,.07)}
.meni-pod a:last-child{border-bottom:0}
.meni-ik{flex:none;width:34px;height:34px;object-fit:contain}
.meni-tekst{flex:1 1 auto}
.meni-dno{border-top:1px solid var(--maslina);padding:6px 0 26px;display:flex;flex-direction:column}
.meni-dno a{padding:15px 22px;color:#fff;font-family:'Barlow',sans-serif;font-size:16px;font-weight:500}
.meni-dno .meni-akcija{color:#ff9c8e;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
body.meni-otvoren{overflow:hidden}
@media (min-width:861px){.meni-zastor,.meni-panel{display:none!important}}

/* ---------- STRANICE ---------- */
.str-hero{background:var(--maslina-tamna);color:var(--coyote-svijetla);padding:52px 0 46px;position:relative;overflow:hidden}
.str-hero .oznaka{font-family:'Saira Condensed',sans-serif;font-size:12px;letter-spacing:.28em;color:var(--coyote);text-transform:uppercase;margin-bottom:10px}
.str-hero h1{font-size:44px;color:#fff}
.str-hero p{margin-top:15px;max-width:62ch;font-size:16.5px;line-height:1.65;color:var(--coyote-svijetla);opacity:.94}
.str-sadrzaj{padding:44px 0 72px}
.str-sadrzaj h2{font-size:28px;letter-spacing:.03em;color:var(--maslina-tamna);margin-bottom:18px}
.str-sadrzaj h3{font-size:19px;letter-spacing:.03em;color:var(--maslina-tamna);margin-bottom:10px}
.str-sadrzaj p{margin-bottom:16px;max-width:70ch;font-size:16.5px;line-height:1.72;color:#26261f}
.str-sadrzaj p:last-child{margin-bottom:0}
.blok{margin-bottom:52px}
.blok:last-child{margin-bottom:0}
.zaglavlje-bloka{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.zaglavlje-bloka .broj{font-family:'Saira Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.24em;color:var(--coyote)}
.zaglavlje-bloka .crta{height:1px;background:var(--coyote);width:30px}
.zaglavlje-bloka h2{margin:0}
.prica{display:grid;grid-template-columns:1fr 300px;gap:0;border:1px solid var(--linija)}
.prica-tekst{padding:34px}
.prica-brojke{background:var(--maslina);padding:34px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.brojka .vrijednost{font-family:'Saira Condensed',sans-serif;font-size:40px;font-weight:700;color:var(--coyote-svijetla);line-height:1}
.brojka .opis{font-family:'Saira Condensed',sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--coyote);margin-top:5px}
.brojka-crta{height:1px;background:rgba(227,213,189,.22)}
.kartice{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kartica{background:#fff;border:1px solid var(--linija);border-top:3px solid var(--maslina);padding:26px 22px}
.kartica .ik{width:64px;height:64px;margin-bottom:14px}
.kartica .ik svg{width:100%;height:100%;fill:var(--maslina);stroke:none}
.kartica .ik img{width:100%;height:100%;object-fit:contain}
.kartica h3{margin-bottom:9px}
.kartica p{font-size:15.5px;line-height:1.65;color:#33332c;margin:0}
.izjava{background:var(--maslina-tamna);color:var(--coyote-svijetla);padding:38px 34px}
.izjava .oznaka{font-family:'Saira Condensed',sans-serif;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--coyote);margin-bottom:16px}
.izjava .tekst{font-family:'Saira Condensed',sans-serif;font-size:23px;font-weight:600;line-height:1.45;color:#fff;max-width:680px;margin-bottom:18px}
.izjava .potpis{font-family:'Saira Condensed',sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--coyote)}
.kont-mreza{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kont-kartica{background:#fff;border:1px solid var(--linija);padding:26px}
.kont-kartica .oznaka{font-family:'Saira Condensed',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--sivi);margin-bottom:10px}
.kont-kartica h3{margin-bottom:14px}
.kont-red{display:flex;gap:11px;align-items:flex-start;margin-bottom:15px;font-size:15.5px;line-height:1.6}
.kont-red:last-child{margin-bottom:0}
.kont-red .ik{width:18px;height:18px;flex:none;margin-top:3px;opacity:.7}
.kont-red .ik svg{width:100%;height:100%;fill:var(--maslina);stroke:none;display:block}
.kont-red a{color:var(--maslina);font-weight:600;border-bottom:1px solid var(--linija)}
.kont-red a:hover{border-bottom-color:var(--maslina)}
.satnica{width:100%;border-collapse:collapse;font-size:15.5px}
.satnica td{padding:11px 0;border-bottom:1px solid var(--linija);vertical-align:top;line-height:1.5}
.satnica td:first-child{width:52%;padding-right:18px;color:var(--sivi)}
.satnica td:last-child{text-align:left;font-weight:600;color:var(--maslina-tamna)}
.satnica tr:last-child td{border-bottom:0}
@media (max-width:640px){
  .satnica,.satnica tbody,.satnica tr,.satnica td{display:block;width:100%}
  .satnica tr{padding:11px 0;border-bottom:1px solid var(--linija)}
  .satnica tr:last-child{border-bottom:0}
  .satnica td{padding:0;border-bottom:0}
  .satnica td:first-child{font-family:'Barlow',sans-serif;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sivi);margin-bottom:3px;width:auto;padding-right:0}
  .satnica td:last-child{font-size:16px}
}
.mreze{display:flex;flex-direction:column;gap:9px}
.mreza-link{display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid var(--linija);transition:border-color .15s}
.mreza-link:hover{border-color:var(--maslina)}
.mreza-link .naziv{font-family:'Saira Condensed',sans-serif;font-size:15px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--maslina-tamna)}
.mreza-link .rukovalac{font-size:13px;color:var(--sivi);margin-left:auto}
.napomena{background:var(--krem);border-left:3px solid var(--coyote);padding:20px 24px;font-size:15.5px;line-height:1.7;margin-top:24px}
@media (max-width:900px){
  .kartice{grid-template-columns:1fr}
  .prica{grid-template-columns:1fr}
  .kont-mreza{grid-template-columns:1fr}
  .str-hero h1{font-size:32px}
}


/* ---------- POCETNA: MREZA KATEGORIJA ---------- */
.kat-blok{background:var(--krem);padding:48px 0 54px;border-bottom:1px solid var(--linija)}
.sek-vrh{text-align:center;margin-bottom:30px}
.sek-vrh .oznaka{font-family:'Saira Condensed',sans-serif;font-size:12px;letter-spacing:.28em;color:var(--coyote);text-transform:uppercase;margin-bottom:8px}
.sek-vrh h2{font-size:30px;color:var(--maslina-tamna)}
.sek-vrh p{margin-top:10px;font-size:15.5px;color:var(--sivi)}
.kat-mreza{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.kat-plocica{position:relative;flex:0 0 calc(25% - 13.5px);display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--maslina);padding:28px 14px 22px;border-radius:4px;transition:background .2s ease,transform .2s ease}
.kat-plocica::after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:4px;transition:border-color .2s ease;pointer-events:none}
.kat-plocica:hover{background:var(--maslina-tamna);transform:translateY(-3px)}
.kat-plocica:hover::after{border-color:var(--coyote)}
.kat-plocica img{width:92px;height:92px;object-fit:contain;margin-bottom:14px}
.kat-plocica .naziv{font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-weight:700;font-size:17px;letter-spacing:.05em;color:#fff;line-height:1.15}
.kat-plocica .vise{margin-top:8px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--coyote)}

/* ---------- POCETNA: POVJERENJE ---------- */
.pov-blok{padding:48px 0 52px}

/* ---------- POCETNA: BRENDOVI ---------- */
.brend-blok{background:var(--maslina-tamna);padding:40px 0 44px}
.brend-blok .sek-vrh h2{color:#fff}
.brend-blok .sek-vrh p{color:var(--coyote-svijetla);opacity:.85}
.brend-traka{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.brend-plocica{background:#fff;border-radius:4px;padding:16px 24px;font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-weight:700;font-size:16px;letter-spacing:.06em;color:var(--maslina-tamna);min-width:150px;text-align:center}

/* ---------- POCETNA: USLOVI ---------- */
.usl-blok{background:var(--krem);padding:46px 0 50px;border-top:1px solid var(--linija)}
.usl-mreza{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.usl-stavka{background:#fff;border:1px solid var(--linija);border-top:3px solid var(--coyote);padding:22px 20px}
.usl-stavka h3{font-size:18px;color:var(--maslina-tamna);margin-bottom:7px}
.usl-stavka p{font-size:15px;line-height:1.6;color:#33332c}
.usl-poziv{margin-top:26px;text-align:center}
.usl-poziv a{display:inline-block;background:var(--coyote);color:#231f18;font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.06em;font-size:16px;padding:14px 32px;border-radius:3px}
.usl-poziv a:hover{background:var(--coyote-svijetla)}
.usl-poziv .sitno{margin-top:10px;font-size:14px;color:var(--sivi)}

@media (max-width:900px){
  .kat-plocica{flex:0 0 calc(33.333% - 12px)}
  .usl-mreza{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .kat-blok{padding:36px 0 40px}
  .sek-vrh h2{font-size:24px}
  .kat-mreza{gap:12px}
  .kat-plocica{flex:0 0 calc(50% - 6px);padding:22px 10px 18px}
  .kat-plocica img{width:70px;height:70px;margin-bottom:11px}
  .kat-plocica .naziv{font-size:14.5px}
  .usl-mreza{grid-template-columns:1fr}
  .brend-plocica{min-width:0;flex:0 0 calc(50% - 6px);padding:13px 10px;font-size:14px}
}


/* ═══ FOOTER ═══ */
footer{margin-top:60px;background:#1a1a18;border-top:1px solid #2e2e2b;font-family:'Roboto',sans-serif;}
footer h3,footer h4{font-family:'Roboto Condensed',sans-serif;}
.footer-newsletter{background:#3a4030;padding:30px 0;}
.footer-newsletter-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;gap:48px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.newsletter-form{flex:1 1 460px;min-width:0;}
.newsletter-naslov{display:flex;align-items:center;gap:12px;}
.newsletter-naslov svg{width:30px;height:30px;color:#b99a6b;flex:none;}
.newsletter-form h3{font-family:'Montserrat',sans-serif;font-size:18px;color:#fff;font-weight:800;letter-spacing:1px;margin:0;}
.newsletter-form p{color:rgba(255,255,255,.66);font-size:13.5px;margin:4px 0 12px 42px;}
.newsletter-input-row{display:flex;margin-left:42px;max-width:520px;}
.newsletter-input-row input{flex:1;height:44px;padding:0 14px;border:none;outline:none;font-size:13.5px;font-family:'Roboto',sans-serif;}
.newsletter-input-row button{background:#1a1a18;color:#fff;border:none;padding:0 24px;font-family:'Roboto Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.8px;cursor:pointer;}
.newsletter-input-row button:hover{background:#b99a6b;color:#231f18;}
.footer-social{background:#111110;border-top:1px solid #2e2e2b;}
.footer-social-inner{max-width:1280px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.footer-social h4{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#fff;margin:0;}
.footer-mreze-red{display:flex;gap:10px;flex-wrap:wrap;}
.mreza-dugme{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 11px;border:1px solid rgba(255,255,255,.28);border-radius:4px;color:#fff;transition:background .18s ease,border-color .18s ease,transform .18s ease;}
.mreza-dugme svg{width:22px;height:22px;flex:none;}
.mreza-dugme>span{display:flex;flex-direction:column;line-height:1.2;}
.mreza-dugme b{font-size:13.5px;font-weight:500;}
.mreza-dugme>span span{font-size:11.5px;color:var(--coyote) !important;}
.mreza-dugme:hover{border-color:transparent;transform:translateY(-2px);}
.mreza-fb:hover{background:#1877f2;}
.mreza-ig:hover{background:linear-gradient(45deg,#f09433,#dc2743 45%,#bc1888);}
.mreza-dugme:hover>span span{color:rgba(255,255,255,.85);}
.footer-links-inner{position:relative;overflow:hidden;max-width:1280px;margin:0 auto;padding:38px 20px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px;}
.footer-links-inner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('slike/footer-logo-sjena.png');background-repeat:no-repeat;background-position:center center;background-size:94% auto;pointer-events:none;z-index:0;}
.footer-links-inner>*{position:relative;z-index:1;}
.footer-col h4{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.6);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #33332e;}
.footer-col a{display:block;font-size:15.5px;color:var(--coyote) !important;margin-bottom:9px;font-weight:700 !important;}
.footer-col a:hover{color:#fff !important;}
.footer-col p{font-size:13px;color:var(--coyote) !important;line-height:1.7;margin-bottom:10px;font-weight:500;}
.footer-col .lista{display:block;}
.footer-marka .footer-logo{height:66px;width:auto;display:block;content:url('slike/logo-footer-smedja.png');}
.footer-marka .footer-slogan{font-size:13.5px;color:var(--coyote) !important;margin:12px 0 16px;line-height:1.55;}
.footer-col a.footer-kontakt{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#fff !important;}
.footer-kontakt img{width:28px;height:28px;object-fit:contain;flex:none;}
.footer-kontakt .ik-okvir{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;color:#b99a6b;}
.footer-kontakt .ik-okvir svg{width:22px;height:22px;}
.footer-kontakt>span{display:flex;flex-direction:column;line-height:1.3;}
.footer-kontakt b{font-size:14.5px;font-weight:500;color:#fff !important;}
.footer-kontakt>span span{font-size:12px;color:var(--coyote) !important;font-weight:300;}
.footer-kontakt:hover b{color:#b99a6b !important;}
.footer-bottom{background:#fff;border-top:1px solid #e0dfda;padding:14px 0;}
.footer-napomena{background:#1a1a18;border-top:1px solid #2e2e2b;text-align:center;padding:20px 20px;}
.footer-napomena p{font-size:13.5px;color:#8d8a82 !important;font-weight:300;margin-bottom:8px;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.6;}
.footer-napomena a{font-size:13.5px;color:#fff !important;font-weight:700;}
.footer-napomena a:hover{color:#fff !important;}
.footer-bottom-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.esem-napomena-footer p{font-size:13px;line-height:1.5;color:#9a948a;text-align:center;max-width:900px;margin:0 auto;}
.footer-bottom p{font-size:12.5px;color:#5a5a55;font-weight:300;}

@media (max-width:760px){
  .footer-newsletter{padding:24px 0 26px;}
  .footer-newsletter-inner{flex-direction:column;gap:0;padding:0 16px;}
  .newsletter-form{flex:0 0 auto !important;width:100%;text-align:center;}
  .newsletter-naslov{justify-content:center;gap:10px;}
  .newsletter-naslov svg{width:26px;height:26px;}
  .newsletter-form h3{font-size:19px;letter-spacing:.4px;}
  .newsletter-form p{font-size:13.5px;margin:6px 0 14px 0;}
  .newsletter-input-row{margin-left:0;max-width:none;}
  .newsletter-input-row input{height:46px;font-size:14px;}
  .newsletter-input-row button{padding:0 20px;font-size:14px;}
  .footer-social-inner{flex-direction:column;gap:12px;padding:18px 16px;justify-content:center;}
  .footer-social h4{font-size:16px;}
  .footer-mreze-red{justify-content:center;width:100%;gap:10px;}
  .mreza-dugme{flex:1 1 0;justify-content:center;padding:10px 8px;}
  .footer-links-inner{display:block;padding:0;}
  .footer-links-inner::before{height:240px;background-size:contain;background-position:center top;opacity:.22;}
  .footer-col{border-bottom:1px solid #2e2e2b;}
  .footer-col h4{margin:0;padding:15px 44px 15px 16px;border-bottom:none;text-align:center;position:relative;cursor:pointer;font-size:14px;letter-spacing:1.2px;}
  .footer-col h4::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-6px;border-right:2px solid #8d8a82;border-bottom:2px solid #8d8a82;transform:rotate(45deg);transition:transform .22s ease;}
  .footer-col.otvoren h4::after{transform:rotate(-135deg);margin-top:-2px;}
  .footer-col .lista{max-height:0;overflow:hidden;transition:max-height .28s ease;text-align:center;}
  .footer-col.otvoren .lista{max-height:420px;}
  .footer-col .lista>*:first-child{margin-top:4px;}
  .footer-col .lista>*:last-child{margin-bottom:16px;}
  .footer-col a{font-size:14px;margin-bottom:12px;}
  .footer-col p{font-size:13px;padding:0 16px;}
  .footer-marka{border-bottom:none;padding:24px 16px 20px;text-align:center;display:block;}
  .footer-marka .footer-logo{height:58px;margin:0 auto;}
  .footer-marka .footer-slogan{font-size:13.5px;margin:12px 0 16px;}
  .footer-col a.footer-kontakt{display:flex;flex-direction:column;align-items:center;gap:6px;
    width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:16px;}
  .footer-kontakt img,.footer-kontakt .ik-okvir{width:24px;height:24px;}
  .footer-kontakt .ik-okvir svg{width:19px;height:19px;}
  .footer-kontakt b{font-size:13.5px;}
  .footer-kontakt>span{align-items:center;text-align:center;}
  .footer-kontakt>span span{font-size:11px;}
  .footer-bottom{padding:14px 0;}
  .footer-bottom-inner{justify-content:center;text-align:center;padding:0 16px;}
  .footer-bottom p{font-size:12px;line-height:1.5;}
}
.newsletter-pristanak{color:rgba(255,255,255,.6);font-size:12px;margin:10px 0 0 42px;}
.newsletter-pristanak a{color:rgba(255,255,255,.85);text-decoration:underline;}
  @media (max-width:760px){.newsletter-pristanak{margin-left:0;text-align:center;}}

/* uski telefoni — logo sa amblemom i ikone ostaju u istom redu */
@media (max-width:400px){
  .zg-logo img{height:66px;width:162px}
  .zg-desno{gap:12px}
}

/* nišan na dugmetu pretrage (coyote polje) */
.zg-pretraga button[type="submit"] svg{display:none}
.zg-pretraga button[type="submit"]{background:var(--coyote) url('slike/ikona-nisan-pretraga.webp') center/34px 34px no-repeat;transition:background-size .15s ease}
.zg-pretraga button[type="submit"]:hover{background-size:38px 38px}
@media (max-width:860px){.zg-pretraga button[type="submit"]{background-size:32px 32px}}

/*
Pravilo `header{position:sticky;top:0}` gore je za zaglavlje sajta, ali pogađa
i WooCommerce/Astra trake naslova (<header class="woocommerce-products-header">,
"entry-header", "page-header") pa se traka "OBUĆA" lijepila preko zaglavlja.
Te trake idu normalno sa stranicom, ispod zaglavlja.
*/
header.woocommerce-products-header,
header.entry-header,
header.page-header,
.ast-archive-description,
.ast-archive-description header{position:relative!important;top:auto!important;z-index:1!important}

/* prazna pretraga — kratko istakni polje umjesto odlaska na početnu */
.zg-pretraga-prazna input{box-shadow:inset 0 0 0 2px var(--coyote);animation:esemPretragaTrzaj .35s ease 2}
@keyframes esemPretragaTrzaj{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* ---------- stranica Brendovi (/brendovi/) ---------- */
.br-str{padding:18px 0 56px}
.br-naslov{font-family:'Oswald',sans-serif;font-size:32px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--tekst);margin:14px 0 6px}
.br-uvod{color:var(--sivi);margin:0 0 26px}
.br-mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.br-kartica{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linija);text-decoration:none!important;color:var(--tekst)!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.br-kartica:hover{border-color:var(--maslina);box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}
.br-logo{height:120px;display:flex;align-items:center;justify-content:center;padding:18px 22px;border-bottom:1px solid var(--linija)}
.br-logo img{max-height:58px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .2s ease,opacity .2s ease}
.br-kartica:hover .br-logo img{filter:none;opacity:1}
.br-ime-veliko{font-family:'Oswald',sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--maslina)}
.br-dno{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}
.br-ime{font-family:'Oswald',sans-serif;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.br-broj{font-size:12.5px;color:var(--sivi);white-space:nowrap}
@media (max-width:640px){
	.br-naslov{font-size:24px}
	.br-uvod{margin-bottom:18px}
	.br-mreza{grid-template-columns:repeat(2,1fr);gap:10px}
	.br-logo{height:92px;padding:12px}
	.br-logo img{max-height:42px}
	.br-dno{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}
	.br-ime{font-size:13.5px}
}
.br-mreza>*{min-width:0}
.br-logo{min-width:0;overflow:hidden}
.br-logo img{height:auto;min-width:0}
/* Brendovi: logo lijevo, opis brenda desno */
.br-mreza{grid-template-columns:repeat(auto-fill,minmax(520px,1fr))}
.br-kartica{flex-direction:row;align-items:stretch}
.br-logo{flex:0 0 200px;height:auto;min-height:170px;border-bottom:0;border-right:1px solid var(--linija)}
.br-tekst{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;padding:16px 18px}
.br-vrh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.br-opis{font-size:13.5px;line-height:1.55;color:#4a4a44;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.br-pogledaj{margin-top:auto;font-family:'Oswald',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--maslina)}
.br-kartica:hover .br-pogledaj{color:var(--coyote)}
@media (max-width:640px){
	.br-mreza{grid-template-columns:1fr;gap:12px}
	.br-logo{flex-basis:104px;min-height:0;padding:10px}
	.br-logo img{max-height:40px}
	.br-tekst{padding:12px 12px 12px 14px;gap:6px}
	.br-vrh{flex-direction:column;align-items:flex-start;gap:0}
	.br-opis{font-size:12.5px;-webkit-line-clamp:4}
	.br-pogledaj{font-size:11.5px}
}
/* Brendovi: tekstualni dio u tamnoj maslinastoj, kao sekcija brenda na proizvodu;
   logo ostaje na svijetloj pločici da se vidi u originalnom obliku */
.br-kartica{background:var(--maslina-tamna,#272c20);border:0;color:var(--coyote-svijetla,#e3d5bd)!important;overflow:hidden}
.br-kartica:hover{box-shadow:0 8px 22px rgba(0,0,0,.22)}
.br-logo{background:#fff;border-right:0}
.br-ime{color:#fff}
.br-broj{color:var(--coyote,#b99a6b);font-weight:600}
.br-opis{color:var(--coyote-svijetla,#e3d5bd);opacity:.92}
.br-pogledaj{color:var(--coyote,#b99a6b)}
.br-kartica:hover .br-pogledaj{color:#fff}
@media (max-width:640px){
	.br-kartica{flex-direction:column}
	.br-logo{flex-basis:auto;height:84px;padding:12px 16px}
	.br-logo img{max-height:44px}
	.br-tekst{padding:14px 16px 16px;gap:8px}
	.br-vrh{flex-direction:row;align-items:baseline;justify-content:space-between}
	.br-ime{font-size:15px}
	.br-opis{font-size:13.5px;line-height:1.6;-webkit-line-clamp:4}
	.br-pogledaj{font-size:12px}
}
.br-kartica{border:1px solid var(--maslina-tamna,#272c20)}
.br-logo{background:var(--krem,#f5f2ec)}
.br-logo img{mix-blend-mode:multiply}