/* ═══════════════════════════════════════════════════════════════
   Zeus — /usluge landing stil. Dodano 12.10.2026.
   Aditivno uz site.css; ne dira postojeće .policy pravilo (samo ga
   proširuje na ovoj stranici kroz .usluge-page).
   ═══════════════════════════════════════════════════════════════ */

.usluge-page > *{ max-width: 1080px; }

.usluge-hero{ margin-bottom: clamp(2.5rem,5vw,4rem); }
.usluge-hero .kicker{ margin-bottom: .6rem; }
.usluge-hero h1{
  font-size: clamp(2.1rem,5.4vw,3.4rem);
  line-height: 1.06;
  letter-spacing: -.03em;
  margin: 0 0 1rem;
}
/* isti „premium" gradijent kao .section-head h2 .accent u polish.css */
.usluge-hero h1 .accent{
  background-image: linear-gradient(90deg, var(--accent), var(--accent-lt));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.usluge-list{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.25rem;
  margin-bottom: clamp(2.5rem,5vw,4rem);
}

.usluge-item{
  position: relative;
  padding: 1.75rem 1.6rem;
  border-radius: var(--r);
  background: var(--surface);
  border: 1px solid var(--border-soft);
  transition: transform .4s var(--ease), border-color .4s var(--ease), background .4s var(--ease);
}
.usluge-item:hover{
  transform: translateY(-4px);
  border-color: var(--border);
  background: var(--surface-2);
}

.usluge-num{
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--accent);
  margin-bottom: .7rem;
}

.usluge-item h2{
  font-size: 1.3rem;
  margin: 0 0 .6rem !important;
  letter-spacing: -.01em;
}
.usluge-item p{
  color: var(--muted);
  line-height: 1.7;
  margin: 0 0 .9rem;
}
.usluge-item ul{
  margin: 0;
  padding-left: 1.1rem;
  color: var(--muted);
  line-height: 1.65;
}
.usluge-item li{ margin-bottom: .35rem; }
.usluge-item a{ color: var(--accent-lt); }

.usluge-cta{
  padding: clamp(1.75rem,4vw,2.75rem);
  border-radius: var(--r);
  background: var(--surface);
  border: 1px solid var(--border);
  text-align: center;
}
.usluge-cta h2{
  font-size: clamp(1.4rem,3vw,2rem);
  margin: 0 0 .75rem !important;
}
.usluge-cta p{ color: var(--muted); margin: 0 0 1.25rem; }
.usluge-links{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: center;
}
.usluge-links .btn{ width: auto; }

@media (max-width: 640px){
  .usluge-list{ grid-template-columns: 1fr; }
  .usluge-links{ flex-direction: column; }
  .usluge-links .btn{ width: 100%; }
}

@media (prefers-reduced-motion: reduce){
  .usluge-item{ transition: none; }
}