/* Sve oko okućnice – specifično */
.brand img{height:44px;width:auto;border-radius:6px}
.ftr-logo{background:none;padding:0}
.ftr-logo img{height:48px;border-radius:6px}
.loader-logo img{height:56px;width:auto}
.hero h1 em .w>span{background-image:linear-gradient(90deg,var(--accent-d),var(--accent2),var(--gold),var(--accent-d))}

/* loader: pločice se slažu */
.pave{display:grid;grid-template-columns:repeat(4,22px);gap:4px}
.pave i{width:22px;height:22px;border-radius:3px;background:var(--accent);opacity:0;transform:scale(.3) rotate(-20deg);animation:tile .5s var(--ease) forwards;animation-delay:calc(var(--i)*55ms + .1s)}
.pave i:nth-child(3n){background:var(--gold)}.pave i:nth-child(5n){background:var(--accent-d)}
@keyframes tile{to{opacity:1;transform:none}}
.loader-panel.p1{background:var(--accent)}.loader-panel.p2{background:var(--gold)}

/* pozadina hero – uzorak opločnika */
.pave-bg{background-image:
  linear-gradient(rgba(106,166,80,.09) 2px,transparent 2px),
  linear-gradient(90deg,rgba(106,166,80,.09) 2px,transparent 2px),
  linear-gradient(90deg,rgba(106,166,80,.09) 2px,transparent 2px);
  background-size:96px 48px,96px 96px,96px 96px;background-position:0 0,0 0,48px 48px}
.badge b{display:grid;place-items:center;margin:0 auto 4px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff}
.badge b svg{width:18px;height:18px}

.brand-logo{min-width:170px}
.partners{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.partners .brand-logo{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 22px;height:auto}
.partners img{max-height:60px;width:auto;filter:grayscale(1);opacity:.75;transition:all .3s}
.partners .brand-logo:hover img{filter:none;opacity:1}

.svcs-4{grid-template-columns:repeat(4,1fr)}

/* koraci */
.steps4{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.steps4-line{position:absolute;left:8%;right:8%;top:28px;height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.steps4-line i{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform 2s var(--ease) .2s}
.steps4:has(.step.in) .steps4-line i{transform:scaleX(1)}
.step{position:relative;text-align:center;padding:0 8px}
.step .fico{margin:0 auto 18px;box-shadow:0 0 0 8px var(--bg-alt),0 12px 24px -10px rgba(40,70,30,.5)}
.step-n{position:absolute;right:14%;top:-10px;font:800 40px/1 var(--head);color:transparent;-webkit-text-stroke:1px rgba(106,166,80,.35)}
.step h3{font-size:19px}
.step p{color:var(--muted);font-size:14.5px;margin:0}

/* zašto mi */
.why{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.why-img{border-radius:26px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:var(--shadow)}
.why-img img{width:100%;height:100%;object-fit:cover}
.why-list{display:grid;gap:14px;margin-top:20px}

/* usluge – redovi */
.svc-rows{display:grid;gap:clamp(50px,7vw,90px)}
.svc-row{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.svc-row:nth-child(even) .svc-row-img{order:2}
.svc-row-img{border-radius:26px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow)}
.svc-row-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 1.6s var(--ease)}
.svc-row.in .svc-row-img{clip-path:inset(0)}
.svc-row.in .svc-row-img img{transform:scale(1)}
.svc-row-txt{position:relative}
.svc-num{position:absolute;right:0;top:-30px;font:800 110px/1 var(--head);color:transparent;-webkit-text-stroke:1.5px rgba(106,166,80,.25)}
.svc-row-txt h2{font-size:clamp(30px,3.4vw,44px)}

@media (max-width:1024px){
  .svcs-4{grid-template-columns:1fr 1fr}
  .why,.svc-row{grid-template-columns:1fr}
  .svc-row:nth-child(even) .svc-row-img{order:0}
  .steps4{grid-template-columns:1fr 1fr;row-gap:40px}.steps4-line{display:none}
}
@media (max-width:640px){.svcs-4,.steps4{grid-template-columns:1fr}.svc-num{font-size:80px}}