/* ============================================================
   MTEL Paketi — kartice
   ============================================================ */
/* ============================================================
   Tabovi
   ============================================================ */
.pk-tabs-nav{
  display:flex;gap:6px;padding:5px;border-radius:999px;
  background:#EDF1F6;border:1px solid #DDE3EC;
  max-width:520px;margin:0 auto
}
.pk-tab{
  flex:1;padding:11px 14px;border:0;border-radius:999px;
  background:transparent;color:#6B7A91;
  font-family:inherit;font-size:13px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  cursor:pointer;transition:background .25s,color .25s;white-space:nowrap
}
.pk-tab:hover{color:#0A1F3D}
.pk-tab.on{background:#0A1F3D;color:#fff}
.pk-tab:focus-visible{outline:2px solid #FFB347;outline-offset:2px}
.pk-panel[hidden]{display:none}


   .pk-list{display:grid;gap:12px;margin:32px 0}

.pk{
  position:relative;padding:24px;border-radius:14px;
  background:#fff;border:1px solid #DDE3EC;
  display:grid;gap:14px;align-content:start;
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s
}
.pk:hover{transform:translateY(-3px);box-shadow:0 22px 44px -26px rgba(10,31,61,.5)}
.pk-hi{border-color:transparent;box-shadow:0 0 0 2px #C72C48}

.pk-flag{
  position:absolute;top:-11px;left:24px;
  background:linear-gradient(45deg,#C80815,#C72C48 46%,#FFB347);
  color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;padding:4px 12px;border-radius:999px
}

.pk-n{
  font-size:19px;font-weight:800;letter-spacing:-.02em;
  margin-bottom:5px;color:#0A1F3D
}
.pk-m{font-size:13px;color:#6B7A91;font-weight:300;line-height:1.55}
.pk-m p{margin:0 0 6px}
.pk-m ul{margin:0;padding-left:18px}
.pk-m li{margin-bottom:4px}

.pk-p{
  font-size:22px;font-weight:800;color:#0A1F3D;letter-spacing:-.02em;
  margin-top:auto
}
.pk-p small{
  display:block;font-size:11px;font-weight:400;
  color:#6B7A91;letter-spacing:.04em;margin-top:2px
}

/* prekidač za trajanje */
.pk-sw{display:flex;gap:6px;flex-wrap:wrap}
.pk-sw-b{
  flex:1;min-width:72px;padding:9px 10px;border-radius:8px;
  border:1px solid #DDE3EC;background:#fff;color:#6B7A91;
  font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.03em;
  cursor:pointer;transition:border-color .2s,background .2s,color .2s
}
.pk-sw-b:hover{border-color:#B9C4D4}
.pk-sw-b.on{background:#0A1F3D;border-color:#0A1F3D;color:#fff}
.pk-sw-b:focus-visible{outline:2px solid #FFB347;outline-offset:2px}

/* CTA */
.pk .btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 22px;border-radius:999px;
  background:linear-gradient(45deg,#C80815,#C72C48 46%,#FFB347);
  color:#fff;font-size:13px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;text-decoration:none;
  box-shadow:0 10px 30px -12px rgba(200,8,21,.85);
  transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s
}
.pk .btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px -12px rgba(200,8,21,.95)}

@media(min-width:720px){
  .pk-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
}

@media(prefers-reduced-motion:reduce){
  .pk,.pk .btn{transition:none}
  .pk:hover,.pk .btn:hover{transform:none}
}

.pk-features{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.pk-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--navy-700,#15294F)}
.pk-feature-icon{
  flex:none;width:28px;height:28px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(237,29,36,.08);color:var(--red,#ED1D24)
}
.pk-feature-text{line-height:1.4}
.pk-feature-text{
  font-family:"Pero",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}