/* Ljuska: omotac, panelii, tipografija, greske i ucitavanje. */
/* ================================================
   MAIN WRAPPER
   ================================================ */
.pk-wrap {
  padding: 2.5rem 1rem 5rem;
  padding-top: calc(87px + 2.5rem); /* offset fixed nav */
}

@media screen and (max-width: 991px) {
  .pk-wrap { padding-top: 2.5rem; } /* nav is relative on mobile */
}

.pk-inner {
  max-width: 700px;
  margin: 0 auto;
}

/* ================================================
   PANELS
   ================================================ */
.pk-panel { display: none; }
.pk-panel.active {
  display: block;
  animation: pkFadeIn 0.22s ease;
}

@keyframes pkFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0);   }
}

/* ================================================
   TYPOGRAPHY
   ================================================ */
.pk-heading {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 0.4rem;
}

.pk-sub {
  font-size: 0.9375rem;
  color: #7A6559;
  margin-bottom: 2rem;
  line-height: 1.5;
}

.pk-sub a { color: #C85A3B; font-weight: 600; text-decoration: none; }
.pk-sub a:hover { text-decoration: underline; }

/* ================================================
   ERROR & LOADING
   ================================================ */
.pk-error {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #C85A3B;
  min-height: 1.25em;
  margin-top: 0.5rem;
}

.pk-loading { display: none; text-align: center; padding: 4rem 1rem; }