/* PG Orehovec — stilovi usklađeni s brošurom 2026, font Getty (Typeverything) */
@font-face{font-family:"Getty";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/getty-vf.woff2) format("woff2-variations"),url(/assets/fonts/getty-vf.woff2) format("woff2")}

:root{
  --krem:#F9E3D2;       /* osnovna podloga brošure */
  --krem-2:#F2D2BA;     /* tamnija krem za izmjenu odjeljaka */
  --crvena:#E73B38;     /* crvena stranica / kresta */
  --hrda:#C3412A;       /* stranica prerađevina */
  --naranca:#E8901C;    /* podloga pakiranja */
  --tamna:#231F20;      /* tekst i tamne stranice */
  --siva:#5E4F48;
  --linija:#E2C2AC;
  --font:"Getty",ui-serif,Georgia,"Times New Roman",serif;   /* naslovi, gumbi, izbornik */
  --font-tekst:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; /* odlomci i obrasci: čitljivo, s č ć đ š ž */
  --w:1180px;
  --pad:clamp(20px,5vw,48px);
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(84px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%;background:var(--krem)}
body{margin:0;background:var(--krem);color:var(--tamna);font:400 1.0625rem/1.65 var(--font-tekst)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--crvena);text-decoration-thickness:2px;text-underline-offset:.2em}
a:hover{color:var(--crvena)}
:focus-visible{outline:3px solid var(--crvena);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--font);color:inherit;line-height:1.02;margin:0 0 .5em;font-weight:800}
h1,h2{text-transform:uppercase;letter-spacing:-.005em}
h1{font-size:clamp(2.4rem,6.6vw,5.2rem);font-weight:900;line-height:.98}
h2{font-size:clamp(1.9rem,4vw,3.1rem)}
h3{font-size:1.35rem;line-height:1.2;font-weight:700}
h4{font-size:1.05rem;font-weight:700}
p{margin:0 0 1em;max-width:62ch}
ul,ol{padding-left:1.2em;max-width:62ch}
li{margin:.25em 0}
.skip{position:absolute;left:-999px;top:8px;background:var(--tamna);color:var(--krem);padding:8px 14px;z-index:100}
.skip:focus{left:8px}

.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.sec{padding:clamp(56px,9vw,112px) 0}
.sec--polje{background:var(--krem-2)}
.sec--drava{background:var(--tamna);color:var(--krem)}
.sec--drava a:hover{color:#fff}
.sec--hrda{background:var(--hrda);color:var(--krem)}
.lead{font-size:1.25rem;line-height:1.5;font-weight:500;max-width:56ch}

/* gumbi */
.btn{display:inline-block;font:700 1rem/1 var(--font);padding:16px 24px;border-radius:999px;text-decoration:none;border:2px solid transparent;transition:background .15s,color .15s}
.btn--kukuruz{background:var(--tamna);color:var(--krem)}
.btn--kukuruz:hover{background:var(--crvena);color:#fff}
.btn--obrub{border-color:currentColor;color:var(--tamna)}
.btn--obrub:hover{background:var(--tamna);color:var(--krem);border-color:var(--tamna)}
.sec--drava .btn--kukuruz,.sec--hrda .btn--kukuruz{background:var(--krem);color:var(--tamna)}
.sec--drava .btn--kukuruz:hover{background:var(--crvena);color:#fff}
.sec--drava .btn--obrub,.sec--hrda .btn--obrub{color:var(--krem)}
.sec--drava .btn--obrub:hover,.sec--hrda .btn--obrub:hover{background:var(--krem);color:var(--tamna);border-color:var(--krem)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* zaglavlje */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(249,227,210,.96);backdrop-filter:saturate(1.3) blur(8px);border-bottom:1px solid var(--linija)}
.hdr__in{display:flex;align-items:center;gap:24px;height:80px}
.brand{display:flex;align-items:center;text-decoration:none;flex:none}
.brand img{height:40px;width:auto}
.nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.nav a{font-weight:600;font-size:1rem;text-decoration:none;padding:8px 11px;border-radius:8px}
.nav a:hover{color:var(--crvena)}
.nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--crvena);border-radius:0}
.nav .nav__b2b{margin-left:10px;background:var(--tamna);color:var(--krem);border-radius:999px;padding:9px 18px}
.nav .nav__b2b:hover{background:var(--crvena);color:#fff}
.nav .nav__b2b[aria-current="page"]{background:var(--crvena);color:#fff;box-shadow:none;border-radius:999px}
.langs{flex:none;display:flex;margin-left:8px;border:2px solid var(--tamna);border-radius:999px;overflow:hidden}
.langs a{font-weight:800;font-size:.85rem;line-height:1;text-decoration:none;padding:7px 9px}
.langs a:hover{color:var(--crvena)}
.langs a[aria-current]{background:var(--tamna);color:var(--krem)}
.menu{display:none;margin-left:4px;background:none;border:0;padding:10px;cursor:pointer;color:var(--tamna)}
.menu svg{display:block}
@media (max-width:1180px){
  .menu{display:block}
  .langs{margin-left:auto}
  .nav{display:none;position:fixed;inset:calc(80px + env(safe-area-inset-top,0px)) 0 0 0;background:var(--krem);flex-direction:column;align-items:stretch;gap:0;padding:12px var(--pad) calc(24px + env(safe-area-inset-bottom,0px));overflow:auto;border-top:1px solid var(--linija)}
  .nav.open{display:flex}
  .nav a{font-size:1.6rem;font-weight:800;text-transform:uppercase;line-height:1.1;padding:14px 2px;border-bottom:1px solid var(--linija);border-radius:0}
  .nav a[aria-current="page"]{box-shadow:none;color:var(--crvena)}
  .nav .nav__b2b{margin:20px 0 0;text-align:center;font-size:1.1rem;padding:18px;border-radius:999px;border:0}
  body.menu-open{overflow:hidden}
  /* backdrop-filter bi izbornik (position:fixed) zatvorio u visinu zaglavlja */
  .hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--krem)}
}

/* fotografije */
.ph{position:relative;background-color:var(--hrda);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 14px,transparent 14px 28px);background-size:cover;background-position:center;overflow:hidden}
.ph__lbl{position:absolute;left:14px;bottom:12px;right:14px;color:#fff;font-size:.85rem;line-height:1.35}
.ph__lbl::before{content:attr(data-l) ": ";opacity:.75}
.ph.ok .ph__lbl{display:none}
.ph.ok{background-image:none}
.r-wide{aspect-ratio:16/9}.r-4-3{aspect-ratio:4/3}.r-tall{aspect-ratio:4/5}.r-sq{aspect-ratio:1}.r-trak{aspect-ratio:21/9}

/* naslovna — uvod */
.hero{padding:clamp(36px,6vw,72px) 0 clamp(48px,7vw,88px)}
.hero__g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:end}
.hero h1{margin-bottom:.4em;font-size:clamp(2.1rem,4.9vw,4.3rem)}
.hero .ph{aspect-ratio:4/5}
@media (max-width:820px){.hero__g{grid-template-columns:1fr}.hero .ph{aspect-ratio:4/3}}

/* lanac — crvena stranica brošure */
.lanac{background:var(--crvena);color:var(--tamna);padding:clamp(56px,8vw,104px) 0}
.lanac h2 span{display:block}
.lanac h2{font-size:clamp(2.2rem,5.4vw,4.2rem)}
.lanac>.wrap>p{font-size:1.2rem;font-weight:500;max-width:56ch}
.lanac__ol{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);max-width:none;counter-reset:k}
.lanac__ol li{margin:0;padding:54px 18px 0 0;position:relative;counter-increment:k}
.lanac__ol li::before{content:counter(k);position:absolute;top:0;left:0;width:38px;height:38px;border-radius:50%;background:var(--tamna);color:var(--krem);font:800 1.05rem/38px var(--font);text-align:center;z-index:1}
.lanac__ol li::after{content:"";position:absolute;top:18px;left:38px;right:0;height:2px;background:var(--tamna)}
.lanac__ol li:last-child::after{display:none}
.lanac__ol h3{font-size:1.25rem;margin-bottom:.3em}
.lanac__ol p{font-size:.98rem;line-height:1.5;margin:0}
.lanac__ol strong{display:block;font-weight:800;margin-top:10px}
@media (max-width:1040px){.lanac__ol{grid-template-columns:1fr 1fr 1fr;row-gap:36px}.lanac__ol li:nth-child(3)::after{display:none}}
@media (max-width:620px){
  .lanac__ol{grid-template-columns:1fr;row-gap:0}
  .lanac__ol li{padding:0 0 28px 58px}
  .lanac__ol li::after{display:block;top:38px;bottom:0;left:18px;right:auto;width:2px;height:auto}
  .lanac__ol li:nth-child(3)::after{display:block}
  .lanac__ol li:last-child::after{display:none}
}

/* "na prvi pogled" — brojke iz brošure */
.brojke{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px;margin:40px 0 0;padding:0;list-style:none;max-width:none}
.brojke li{margin:0;border-top:2px solid currentColor;padding-top:14px}
.brojke b{display:block;font-weight:900;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1;letter-spacing:-.01em}
.brojke span{display:block;margin-top:8px;font-weight:600;font-size:.98rem;line-height:1.35}
@media (max-width:820px){.brojke{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.brojke{grid-template-columns:1fr}}
.puna{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}
@media (max-width:620px){.puna{aspect-ratio:4/3}}

/* rešetke */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
@media (max-width:900px){.g4{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr}}
@media (max-width:760px){.g2{grid-template-columns:1fr}}
@media (max-width:520px){.g4{gap:24px 14px}.kat h3{font-size:1.1rem}}

.kat{text-decoration:none;color:inherit;display:block}
.kat .ph{margin-bottom:16px}
.kat h3{margin-bottom:.25em}
.kat p{font-size:.98rem;margin:0;color:var(--siva)}
.kat:hover h3{color:var(--crvena)}

.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.sec-head h2{margin:0}
.sec-head p{margin:.6em 0 0}

/* tipografski panel umjesto fotografije */
.panel{background:var(--hrda);color:var(--krem);aspect-ratio:4/3;display:flex;align-items:flex-end;padding:clamp(24px,4vw,44px)}
.panel p{margin:0;font-weight:900;text-transform:uppercase;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1}

/* certifikati */
.cert{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--tamna)}
.cert>div{padding:24px 22px 8px 0}
.cert>div+div{padding-left:22px;border-left:1px solid var(--linija)}
.cert h3{font-size:1.4rem;margin-bottom:.25em}
.cert p{font-size:.97rem;color:var(--siva)}
@media (max-width:900px){.cert{grid-template-columns:1fr 1fr}.cert>div:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:560px){.cert{grid-template-columns:1fr}.cert>div+div{padding-left:0;border-left:0;border-top:1px solid var(--linija)}}

/* podstranice */
.ph-head{padding:clamp(40px,7vw,88px) 0 clamp(28px,4vw,48px);border-bottom:1px solid var(--linija)}
.ph-head h1{font-size:clamp(2.2rem,5.6vw,4.4rem);max-width:17ch}
.crumbs{font-size:.92rem;color:var(--siva);margin-bottom:18px}
.crumbs a{text-decoration:none}
.prose h2{margin-top:1.4em;font-size:clamp(1.6rem,3vw,2.2rem)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.4em}

.blok{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px);padding:clamp(48px,7vw,88px) 0;border-bottom:1px solid var(--linija);align-items:start}
.blok:last-child{border-bottom:0}
.blok--obrnuto{grid-template-columns:7fr 5fr}
.blok--obrnuto .blok__img{order:2}
@media (max-width:820px){.blok,.blok--obrnuto{grid-template-columns:1fr}.blok--obrnuto .blok__img{order:0}}
.blok h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.uvod{font-size:1.2rem;font-weight:600;line-height:1.45}

.popis{list-style:none;padding:0;margin:0 0 1.2em;columns:2;column-gap:32px}
.popis li{break-inside:avoid;padding:9px 0;border-bottom:1px solid var(--linija);margin:0}
@media (max-width:520px){.popis{columns:1}}
.rasjek{display:grid;grid-template-columns:120px 1fr;gap:6px 20px;margin:0 0 1.4em;max-width:62ch}
.rasjek dt{font-weight:800}
.rasjek dd{margin:0 0 8px}
@media (max-width:420px){.rasjek{grid-template-columns:1fr}.rasjek dd{margin-bottom:14px}}

.oznaka{display:inline-block;font-size:.88rem;font-weight:700;background:var(--tamna);color:var(--krem);padding:5px 12px;border-radius:999px;margin:0 6px 6px 0}

.formati{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--tamna);margin:8px 0 1.4em;max-width:640px}
.formati>div{padding:18px 20px}
.formati>div+div{border-left:2px solid var(--tamna)}
.formati h4{text-transform:uppercase;margin-bottom:.4em}
.formati p{margin:0;font-size:.95rem;line-height:1.5}
@media (max-width:520px){.formati{grid-template-columns:1fr}.formati>div+div{border-left:0;border-top:2px solid var(--tamna)}}

.sv{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:28px 0 8px}
.sv figure{margin:0}
.sv .ph{aspect-ratio:9/14}
.sv figcaption{font-weight:800;text-transform:uppercase;font-size:.95rem;line-height:1.2;padding:12px 8px 0 0}
@media (max-width:620px){.sv{grid-template-columns:1fr 1fr;row-gap:20px}}

.okusi{list-style:none;padding:0;margin:0 0 1em;counter-reset:o}
.okusi li{counter-increment:o;display:flex;gap:16px;align-items:baseline;font-weight:800;text-transform:uppercase;font-size:1.3rem;padding:8px 0;border-bottom:1px solid rgba(249,227,210,.25)}
.okusi li::before{content:counter(o,decimal-leading-zero);font-size:1rem;opacity:.7}

.koraci{list-style:none;padding:0;margin:0;counter-reset:s;max-width:none}
.koraci li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--linija);margin:0}
.koraci li::before{content:counter(s);font-weight:900;font-size:2rem;line-height:1;color:var(--crvena)}
.koraci h3{margin-bottom:.25em}
.koraci p{margin:0;color:var(--siva)}

.qa details{border-top:1px solid var(--linija);padding:6px 0}
.qa details:last-child{border-bottom:1px solid var(--linija)}
.qa summary{cursor:pointer;list-style:none;font-weight:800;font-size:1.3rem;line-height:1.3;padding:16px 40px 16px 0;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:2.5px solid var(--crvena);border-bottom:2.5px solid var(--crvena);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.qa details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.qa details>div{padding:0 0 18px}

.recept{padding:clamp(40px,6vw,72px) 0;border-bottom:1px solid var(--linija)}
.recept__g{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,56px)}
@media (max-width:820px){.recept__g{grid-template-columns:1fr}}
.recept h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.recept .meta{color:var(--siva);margin-bottom:1.2em}
.recept__cols{display:grid;grid-template-columns:2fr 3fr;gap:32px}
@media (max-width:620px){.recept__cols{grid-template-columns:1fr}}
.recept ol li{margin:.5em 0}

.subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.subnav a{text-decoration:none;font-weight:700;font-size:.95rem;padding:8px 15px;border-radius:999px;border:2px solid var(--tamna)}
.subnav a:hover{background:var(--tamna);color:var(--krem)}
.subnav a[aria-current="page"]{background:var(--tamna);color:var(--krem)}

.lanci{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;max-width:none}
.lanci li{margin:0;font-weight:800;font-size:1.3rem;line-height:1;border:2px solid var(--tamna);border-radius:999px;padding:14px 22px}

.vijest{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:32px 0;border-top:1px solid var(--linija)}
.vijest time{font-weight:800;color:var(--crvena);line-height:1.3}
.vijest h2,.vijest h3{text-transform:none;font-size:1.6rem}
@media (max-width:620px){.vijest{grid-template-columns:1fr;gap:8px}}

.posao{padding:24px 0;border-top:1px solid var(--linija)}
.posao h3{margin-bottom:.2em}
.posao p{margin:.2em 0 0;color:var(--siva)}

.osoba{border-left:4px solid var(--crvena);padding:4px 0 4px 18px;margin:1.4em 0}
.osoba p{margin:0}

/* obrazac */
.form{display:grid;gap:16px;max-width:560px}
.form label{display:grid;gap:6px;font-weight:700;font-size:.97rem}
.form input[type=file]{padding:10px;background:#FFF8F2}
.form input,.form textarea,.form select{font:400 1rem/1.4 var(--font-tekst);padding:13px 14px;border:1.5px solid var(--linija);border-radius:8px;background:#FFF8F2;color:var(--tamna);width:100%}
.form input:focus,.form textarea:focus{border-color:var(--tamna);outline:none;box-shadow:0 0 0 3px rgba(231,59,56,.35)}
.form textarea{min-height:150px;resize:vertical}
.form .hp{position:absolute;left:-9999px}
.form .mala{font-weight:400;font-size:.9rem;color:var(--siva)}
.form .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.form .chk input{width:auto;margin-top:5px}
.form button{justify-self:start;cursor:pointer}
.poruka{padding:14px 16px;border-radius:8px;background:#FFF8F2;border-left:4px solid var(--crvena);margin-bottom:20px;max-width:560px}
.poruka[hidden]{display:none}

.kontakt dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0 0 1.5em}
.kontakt dt{color:var(--siva)}
.kontakt dd{margin:0;font-weight:600}

/* podnožje */
.ftr{background:var(--tamna);color:#E9D3C3;padding:64px 0 28px;font-size:.97rem}
.ftr a{color:var(--krem);text-decoration:none}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr__g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.ftr h4{color:var(--krem);font-size:1rem;text-transform:uppercase;margin-bottom:12px}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{margin:6px 0}
.ftr p{margin:0 0 .8em}
.ftr__brand{display:block;margin-bottom:18px}
.ftr__brand img{height:44px;width:auto}
.ftr__eu{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:44px;padding:20px;background:#fff;border-radius:4px}
.ftr__eu img{height:52px;width:auto}
.ftr__eu .euph{height:52px;min-width:120px;border:1px dashed #bbb;border-radius:4px;color:#777;font-size:.8rem;display:flex;align-items:center;justify-content:center;padding:0 10px}
.ftr__dno{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid rgba(249,227,210,.18);margin-top:36px;padding-top:20px;font-size:.9rem}
.drustvene{display:flex;gap:10px;margin-top:16px}
.drustvene a{display:flex;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(249,227,210,.4);align-items:center;justify-content:center}
.drustvene a:hover{background:var(--crvena);border-color:var(--crvena)}
@media (max-width:900px){.ftr__g{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ftr__g{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.ftr,.btns{display:none}}

/* shematska karta */
.karta-okvir{max-width:560px}
.karta{display:block;width:100%;height:auto;font-family:var(--font)}

/* grananje: partneri / potrošači */
.grana{display:grid;grid-template-columns:1fr 1fr}
.grana__k{display:flex;flex-direction:column;justify-content:flex-end;min-height:380px;padding:clamp(28px,5vw,64px);text-decoration:none;transition:filter .15s}
.grana__k:hover{filter:brightness(1.06)}
.grana__k--b2b{background:var(--tamna);color:var(--krem)}
.grana__k--b2b:hover{color:var(--krem)}
.grana__k--b2c{background:var(--crvena);color:var(--tamna)}
.grana__k--b2c:hover{color:var(--tamna)}
.grana__o{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;margin-bottom:14px;opacity:.85}
.grana__k h2{font-size:clamp(2rem,4.4vw,3.4rem);margin-bottom:.35em}
.grana__k p{font-size:1.1rem;max-width:40ch}
.grana__s{font-weight:800;margin-top:10px;font-size:1.05rem}
@media (max-width:760px){.grana{grid-template-columns:1fr}.grana__k{min-height:300px}}

.rasjek-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 clamp(32px,5vw,56px)}
.rasjek-gal figure{margin:0}
.rasjek-gal .ph{aspect-ratio:3/2}
.rasjek-gal figcaption{font-weight:800;text-transform:uppercase;font-size:.9rem;line-height:1.2;padding:10px 0 0}
@media (max-width:620px){.rasjek-gal{grid-template-columns:1fr 1fr;row-gap:18px}}

/* Private label i kooperacija: istaknuto u zaglavlju i ispod uvoda na naslovnoj */
.nav .nav__b2b--koop{margin-left:6px;background:var(--naranca);color:var(--tamna)}
.nav .nav__b2b--koop:hover{background:var(--tamna);color:var(--krem)}
.nav .nav__b2b--koop[aria-current="page"]{background:var(--tamna);color:var(--krem)}
.vrh .grana__k{min-height:300px}
.vrh .grana__k--b2c{background:var(--naranca);color:var(--tamna)}
@media (max-width:1180px){.nav .nav__b2b--koop{margin:10px 0 0}}

/* --- dorada 15.10.2026: font, uvod, brojke, poslovni obrazac --- */
.nav a,.brojke b,.lanac__ol strong,.grana__s,.grana__o,figcaption,.vijest time,.panel p,.oznaka,.formati h4,dt{font-family:var(--font)}
.lead{font-weight:400}
.brojke--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.brojke--4{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.brojke--4{grid-template-columns:1fr 1fr;gap:28px 18px}.brojke--4 b{font-size:2.1rem}}
@media (max-width:820px){
  .hero{padding:20px 0 40px}
  .hero__g{gap:24px}
  .hero h1{font-size:clamp(1.9rem,8.4vw,2.6rem);line-height:1;margin-bottom:.35em}
  .hero .lead{font-size:1.05rem;margin-bottom:0}
  .hero .btns{margin-top:18px;gap:10px}
  .hero .btns .btn{flex:1 1 auto;text-align:center;padding:15px 18px}
}
/* poslovni obrazac */
.form--b2b{gap:20px}
.form--b2b .f{display:grid;gap:6px;margin:0;padding:0;border:0;min-width:0}
.form--b2b label,.form--b2b legend{font-weight:700;font-size:.97rem;padding:0}
.form--b2b .chk{font-weight:400;display:flex;gap:10px;align-items:flex-start}
.form--b2b .chk input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--tamna)}
.chk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:4px}
@media (max-width:520px){.chk-grid{grid-template-columns:1fr}}
.form select{appearance:auto;min-height:48px}
.form input:disabled{opacity:.55}
.form select:focus{border-color:var(--tamna);outline:none;box-shadow:0 0 0 3px rgba(231,59,56,.35)}
.f-err{color:#A3231F;font-size:.92rem;font-weight:600}
.f--err input,.f--err textarea{border-color:#A3231F;background:#FFF1EE}
.poruka--ok{border-left-color:#2F7D3A}
.form--b2b button{justify-self:stretch;max-width:360px}
@media (max-width:520px){.form--b2b button{max-width:none}}
.form--b2b .f>label{display:block}
.form--b2b .f>label .mala,.form--b2b legend .mala{font-weight:400}
/* zaglavlje: stavke u jednom redu (EN je duži) */
@media (min-width:1181px){.nav a{white-space:nowrap;line-height:1.2;padding:8px 9px;font-size:.95rem}.nav .nav__b2b{padding:10px 16px;margin-left:8px}.nav .nav__b2b--koop{margin-left:6px}.hdr__in{gap:16px}}

/* rasjek: stablo verzija (s kosti i kožom / bez kosti / bez kosti i kože) */
.stablo{list-style:none;margin:2px 0 0;padding:0;max-width:none}
.stablo li{position:relative;margin:0;padding:0 0 12px 26px}
.stablo li::before{content:"";position:absolute;left:6px;top:0;bottom:0;border-left:2px solid var(--tamna)}
.stablo li:last-child{padding-bottom:0}
.stablo li:last-child::before{bottom:auto;height:.8em}
.stablo li::after{content:"";position:absolute;left:6px;top:.8em;width:14px;border-top:2px solid var(--tamna)}
.stablo__k{display:block;font-family:var(--font);font-weight:700;font-size:1.05rem}
.stablo__v{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.stablo__v span{font-size:.86rem;line-height:1.3;border:1.5px solid var(--tamna);border-radius:999px;padding:3px 10px;white-space:nowrap}

/* pravni tekstovi i obavijesti uz obrasce */
.form .obavijest{margin:0;line-height:1.5}
.form .obavijest a,.form .chk a{color:inherit;text-decoration:underline}
.ftr__pravno{display:flex;flex-wrap:wrap;gap:6px 22px}
.prose ul{padding-left:1.2em}
.prose li{margin:.35em 0}
.prose.kontakt dl{margin:1.2em 0}