/* ==========================================================================
   FakturaPlus — FP Landing 2026 (redesign)
   Standalone stylesheet for page-fp-landing.php / page-fp-pocetak.php
   ========================================================================== */

.fp-landing-body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: #0f172a;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
}

.fp-landing-body a {
  color: #1e4fa3;
  text-decoration: none;
}
.fp-landing-body a:hover {
  color: #1a4287;
}

.fp-landing-body * {
  box-sizing: border-box;
}

.fp-landing {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.fp-h2 {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 31px;
  color: #0f172a;
  margin: 0;
}
.fp-section-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
}
.fp-section-sub {
  font-size: 17px;
  color: #64748b;
  margin: 0;
}

/* Buttons ---------------------------------------------------------------- */
.fp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 17px;
  padding: 16px 28px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1.2;
}
.fp-btn-primary {
  background: #1e4fa3;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.fp-btn-primary:hover { color: #ffffff !important; background: #1a4287; }
.fp-btn-secondary {
  background: #ffffff;
  color: #334155 !important;
  border-color: #e2e8f0;
}
.fp-btn-secondary:hover { color: #1a4287 !important; }
.fp-btn-outline-brand {
  background: #ffffff;
  color: #1e4fa3 !important;
  border-color: #1e4fa3;
}
.fp-btn-small {
  font-size: 15px;
  padding: 13px 20px;
}
.fp-btn-block { width: 100%; }

/* Nav ---------------------------------------------------------------------*/
.fp-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px;
  height: 76px;
  border-bottom: 1px solid #e2e8f0;
  background: #ffffff;
  position: relative;
  z-index: 20;
}
.fp-nav__logo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #1e4fa3;
}
.fp-nav__links {
  display: flex;
  align-items: center;
  gap: 32px;
}
.fp-nav__links a {
  font-size: 15px;
  font-weight: 500;
  color: #334155 !important;
}
.fp-nav__actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.fp-nav__login {
  font-size: 15px;
  font-weight: 600;
  color: #1e4fa3 !important;
}
.fp-nav__cta {
  font-size: 15px;
  padding: 10px 20px;
  white-space: nowrap;
}
.fp-nav__cta-short { display: none; }
.fp-nav__burger { display: none; }

/* Hero ----------------------------------------------------------------- */
.fp-hero {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
  padding: 88px 80px;
  align-items: center;
  background: #ffffff;
}
.fp-hero__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.fp-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #eef3fb;
  color: #1a4287;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 999px;
}
.fp-hero__title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 49px;
  line-height: 1.15;
  color: #0f172a;
  margin: 0;
}
.fp-hero__title .fp-accent { color: #0f766e; }
.fp-hero__subtitle {
  font-size: 19px;
  line-height: 1.55;
  color: #475569;
  max-width: 520px;
  margin: 0;
}
.fp-hero__ctas {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.fp-hero__trust {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
}
.fp-trust-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  color: #64748b;
}

.fp-hero__visual {
  position: relative;
  display: flex;
  justify-content: center;
}
.fp-hero__visual-desktop {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.fp-hero__visual-bg {
  position: absolute;
  top: 28px;
  left: 28px;
  width: 480px;
  height: 420px;
  background: #eef3fb;
  border-radius: 16px;
}
.fp-hero__visual-mobile { display: none; }

/* Invoice card ----------------------------------------------------------- */
.fp-invoice-card {
  position: relative;
  width: 480px;
  max-width: 100%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.fp-invoice-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fp-invoice-card__title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 17px;
  color: #0f172a;
}
.fp-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
}
.fp-pill-teal { background: #f0fdfa; color: #0f766e; }
.fp-pill-blue { background: #eef3fb; color: #1a4287; }
.fp-pill-red { background: #fef2f2; color: #dc2626; }

.fp-invoice-card__parties {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.fp-party-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: #94a3b8;
  text-transform: uppercase;
}
.fp-party-name {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}
.fp-party-loc {
  font-size: 13px;
  color: #64748b;
}
.fp-invoice-card__party {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fp-invoice-card__lines {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e2e8f0;
}
.fp-invoice-card__line {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
}
.fp-invoice-card__line:last-child { border-bottom: none; }
.fp-invoice-card__line-label { font-size: 14px; color: #334155; }
.fp-invoice-card__line-label--muted { color: #64748b; }
.fp-invoice-card__line-value { font-size: 14px; font-weight: 500; color: #0f172a; }
.fp-invoice-card__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #eef3fb;
  border-radius: 10px;
  padding: 14px 18px;
}
.fp-invoice-card__total-label { font-size: 14px; font-weight: 600; color: #1a4287; }
.fp-invoice-card__total-value {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #1e4fa3;
}
.fp-invoice-card__foot {
  font-size: 11px;
  color: #94a3b8;
  text-align: center;
}

/* Generic section -------------------------------------------------------- */
.fp-section {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 80px;
}
.fp-section--grey { background: #f8fafc; }
.fp-section--white { background: #ffffff; }

/* Steps (kako radi) ------------------------------------------------------- */
.fp-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.fp-step-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px;
}
.fp-step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: #d6e2f5;
  border-radius: 10px;
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #1a4287;
  flex-shrink: 0;
}
.fp-step-title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #0f172a;
}
.fp-step-text {
  font-size: 15px;
  line-height: 1.55;
  color: #64748b;
}

/* App preview (Sve na jednom ekranu) -------------------------------------- */
.fp-app-frame {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
  overflow: hidden;
}
.fp-app-frame__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  padding: 12px 20px;
}
.fp-app-frame__dots {
  display: flex;
  gap: 6px;
}
.fp-app-frame__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #e2e8f0;
}
.fp-app-frame__url-wrap {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.fp-app-frame__url {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 12px;
  color: #64748b;
  padding: 4px 16px;
}
.fp-app-frame__body {
  display: flex;
  background: #ffffff;
}
.fp-app-frame__sidebar {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 220px;
  flex-shrink: 0;
  background: #f8fafc;
  border-right: 1px solid #e2e8f0;
  padding: 20px 14px;
}
.fp-app-frame__sidebar-logo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #1e4fa3;
  padding: 0 10px 12px 10px;
}
.fp-app-frame__nav-item {
  color: #64748b;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 10px;
}
.fp-app-frame__nav-item--active {
  background: #d6e2f5;
  color: #1a4287;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  padding: 8px 10px;
}
.fp-app-frame__main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-grow: 1;
  padding: 24px;
  min-width: 0;
}
.fp-app-frame__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.fp-stat-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px;
}
.fp-stat-card__label { font-size: 12px; font-weight: 600; color: #64748b; }
.fp-stat-card__value {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #0f172a;
}
.fp-stat-card__value--danger { color: #dc2626; }

.fp-app-frame__table {
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}
.fp-app-frame__table-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  padding: 10px 16px;
}
.fp-app-frame__table-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #94a3b8;
  text-transform: uppercase;
}
.fp-app-frame__table-cta {
  display: inline-flex;
  background: #1e4fa3;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 7px;
  padding: 6px 12px;
}
.fp-app-frame__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px;
  border-bottom: 1px solid #f1f5f9;
  gap: 8px;
}
.fp-app-frame__row:last-child { border-bottom: none; }
.fp-app-frame__row-id { font-size: 13px; font-weight: 500; color: #0f172a; width: 110px; flex-shrink: 0; }
.fp-app-frame__row-name { font-size: 13px; color: #334155; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fp-app-frame__row-amount { font-size: 13px; font-weight: 500; color: #0f172a; width: 100px; text-align: right; flex-shrink: 0; }
.fp-app-frame__row-status { display: flex; justify-content: flex-end; width: 110px; flex-shrink: 0; }

/* Feature list / ladder ---------------------------------------------------- */
.fp-two-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.fp-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 32px;
}
.fp-card__title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #0f172a;
}
.fp-check-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fp-check-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #334155;
}
.fp-arrow-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fp-arrow-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.fp-arrow-item svg { margin-top: 2px; flex-shrink: 0; }
.fp-arrow-item p {
  font-size: 15px;
  line-height: 1.55;
  color: #334155;
  margin: 0;
}

/* Pricing ------------------------------------------------------------------ */
.fp-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.fp-price-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 32px;
}
.fp-price-card--featured {
  border: 2px solid #1e4fa3;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}
.fp-price-card__badge {
  position: absolute;
  top: -14px;
  left: 32px;
  background: #0d9488;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 999px;
}
.fp-price-card__head {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fp-price-card__name {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #0f172a;
}
.fp-price-card__price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.fp-price-card__price {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 39px;
  color: #0f172a;
}
.fp-price-card__period { font-size: 14px; color: #64748b; }
.fp-price-card__desc { font-size: 14px; color: #64748b; }
.fp-price-card__features {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fp-price-card__feature {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  color: #334155;
}
.fp-price-card__feature--off { color: #94a3b8; }
.fp-price-card .fp-btn { margin-top: auto; }

.fp-fiscal-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  background: #f0fdfa;
  border: 1px solid #99f6e4;
  border-radius: 16px;
  padding: 24px 32px;
}
.fp-fiscal-banner__left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.fp-fiscal-banner__text {
  font-size: 15px;
  line-height: 1.55;
  color: #134e4a;
}
.fp-fiscal-banner__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0f766e !important;
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 15px;
  white-space: nowrap;
}

/* ERP band ------------------------------------------------------------------ */
.fp-erp-band {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  padding: 64px 80px;
  background: #0f172a;
  flex-wrap: wrap;
}
.fp-erp-band__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 720px;
}
.fp-erp-band__title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 31px;
  color: #ffffff;
  margin: 0;
}
.fp-erp-band__desc {
  font-size: 17px;
  line-height: 1.55;
  color: #94a3b8;
  margin: 0;
}
.fp-erp-band .fp-btn-primary {
  background: #ffffff;
  color: #0f172a !important;
  white-space: nowrap;
}

/* FAQ ------------------------------------------------------------------------ */
.fp-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.fp-faq-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px;
}
.fp-faq-card__q {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 17px;
  color: #0f172a;
  margin: 0;
}
.fp-faq-card__a {
  font-size: 15px;
  line-height: 1.55;
  color: #64748b;
  margin: 0;
}

/* Final CTA -------------------------------------------------------------------- */
.fp-final-cta {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  padding: 72px 80px;
  background: #1e4fa3;
  text-align: center;
}
.fp-final-cta__title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 31px;
  color: #ffffff;
  margin: 0;
}
.fp-final-cta__desc {
  font-size: 17px;
  color: #d6e2f5;
  margin: 0;
}
.fp-final-cta .fp-btn-primary {
  background: #ffffff;
  color: #1e4fa3 !important;
  padding: 16px 32px;
}

/* Footer ---------------------------------------------------------------------- */
.fp-footer {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 56px 80px 40px 80px;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}
.fp-footer__cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
}
.fp-footer__brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fp-footer__logo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #1e4fa3;
}
.fp-footer__tagline {
  font-size: 14px;
  line-height: 1.55;
  color: #64748b;
}
.fp-footer__col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fp-footer__col-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: #94a3b8;
  text-transform: uppercase;
}
.fp-footer__col a {
  font-size: 14px;
  color: #334155 !important;
}
.fp-footer__bottom {
  font-size: 13px;
  color: #94a3b8;
  border-top: 1px solid #f1f5f9;
  padding-top: 24px;
}

/* /pocetak hero + form ---------------------------------------------------------- */
.fp-pocetak-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 18px;
  padding: 80px 80px 24px 80px;
}
.fp-pocetak-hero__title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 1.15;
  color: #0f172a;
  margin: 0;
}
.fp-pocetak-hero__desc {
  font-size: 18px;
  line-height: 1.55;
  color: #475569;
  max-width: 620px;
  margin: 0;
}
.fp-pocetak-form-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 96px 20px;
}
.fp-pocetak-form-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  padding: 36px;
}
.fp-pocetak-form-card__subtitle {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #0f172a;
  margin: 0 0 20px 0;
}

/* =========================================================================
   MOBILE — below 768px, behaves like the Mobilna.dc.html reference
   ========================================================================= */
@media (max-width: 767px) {
  .fp-h2 { font-size: 25px; }
  .fp-section { padding: 40px 20px; gap: 20px; }
  .fp-section-head { align-items: flex-start; text-align: left; }
  .fp-section-sub { font-size: 15px; }

  /* Nav */
  .fp-nav { padding: 0 20px; height: 60px; }
  .fp-nav__logo { font-size: 19px; }
  .fp-nav__links,
  .fp-nav__login { display: none; }
  .fp-nav__actions { gap: 14px; }
  .fp-nav__cta { font-size: 14px; padding: 9px 14px; }
  .fp-nav__cta-full { display: none; }
  .fp-nav__cta-short { display: inline; }
  .fp-nav__burger { display: inline-flex; }

  /* Hero */
  .fp-hero {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 36px 20px 32px 20px;
  }
  .fp-hero__content { gap: 18px; }
  .fp-hero__title { font-size: 31px; line-height: 1.18; }
  .fp-hero__subtitle { font-size: 16px; max-width: none; }
  .fp-hero__ctas { flex-direction: column; align-items: stretch; width: 100%; gap: 12px; }
  .fp-hero__ctas .fp-btn { width: 100%; font-size: 16px; padding: 15px 20px; }
  .fp-hero__trust { gap: 12px; }
  .fp-trust-item { font-size: 13px; }

  .fp-hero__visual-desktop { display: none; }
  .fp-hero__visual-mobile {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
    margin-top: 24px;
  }
  .fp-hero__visual { display: block; }
  .fp-hero__visual-bg { display: none; }
  .fp-invoice-card { width: 100%; padding: 20px; gap: 14px; }
  .fp-invoice-card__title { font-size: 15px; }
  .fp-invoice-card__total-value { font-size: 19px; }
  .fp-invoice-card__parties { display: none; }

  /* Steps */
  .fp-steps { grid-template-columns: 1fr; gap: 12px; }
  .fp-step-card { flex-direction: row; align-items: flex-start; gap: 14px; padding: 18px; }
  .fp-step-title { font-size: 16px; }
  .fp-step-text { font-size: 14px; }

  /* App frame */
  .fp-app-frame__body { flex-direction: column; }
  .fp-app-frame__sidebar { display: none; }
  .fp-app-frame__main { padding: 16px; }
  .fp-app-frame__stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .fp-app-frame__row-name { display: none; }
  .fp-app-frame__row { padding: 11px 12px; }
  .fp-app-frame__row-id { width: auto; flex-shrink: 1; }
  .fp-app-frame__row-amount { width: auto; flex-shrink: 0; }
  .fp-app-frame__row-status { width: auto; }
  .fp-app-frame__row-status .fp-pill { white-space: nowrap; font-size: 10px; padding: 3px 7px; }

  /* Two column -> stacked */
  .fp-two-col,
  .fp-faq-grid,
  .fp-pricing-grid {
    grid-template-columns: 1fr;
  }
  .fp-card,
  .fp-price-card,
  .fp-faq-card { padding: 24px; }
  .fp-price-card__price { font-size: 25px; }
  .fp-price-card__name { font-size: 17px; }

  .fp-fiscal-banner { flex-direction: column; align-items: flex-start; padding: 20px; }
  .fp-fiscal-banner__left { align-items: flex-start; }

  /* ERP band */
  .fp-erp-band { padding: 40px 20px; flex-direction: column; align-items: flex-start; gap: 16px; }
  .fp-erp-band__title { font-size: 25px; }
  .fp-erp-band .fp-btn { width: 100%; }

  /* Final CTA */
  .fp-final-cta { padding: 44px 20px; }
  .fp-final-cta__title { font-size: 25px; }
  .fp-final-cta .fp-btn { width: 100%; }

  /* Footer */
  .fp-footer { padding: 28px 20px; gap: 20px; }
  .fp-footer__cols { grid-template-columns: 1fr; gap: 24px; }

  /* Pocetak */
  .fp-pocetak-hero { padding: 40px 20px 10px 20px; }
  .fp-pocetak-hero__title { font-size: 28px; }
  .fp-pocetak-hero__desc { font-size: 16px; }
  .fp-pocetak-form-card { padding: 24px; }
}

@media (min-width: 768px) {
  .fp-hero__visual-mobile { display: none !important; }
}

/* === FP ERP === */
.fp-eyebrow {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
  margin: 0;
}
.fp-nav__links a.is-active {
  color: #1e4fa3 !important;
  font-weight: 700;
}
.fp-center-narrow {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.fp-hero__visual .fp-app-frame {
  width: 100%;
}
.fp-erp-band__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffffff !important;
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;
  font-size: 14px;
}

/* === FP SCREENSHOTS === */
.fp-app-frame__screenshot {
  width: 100%;
  height: auto;
  display: block;
}

/* === FP KASA === */
/* Kasa reuses the shared FP Landing 2026 components (nav, hero, fp-app-frame,
   fp-steps, fp-card/fp-check-list, fp-pricing-grid, fp-faq-grid, fp-final-cta,
   fp-footer) as-is. The only page-specific tweak is below: the FAQ section
   has an odd number of cards, so the trailing lone card is widened instead
   of leaving a half-empty row. */
.fp-faq-grid .fp-faq-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}