/* odeme-orkestrasyonu stilleri: public/front/global.css (tek kaynak) */


/* Sayfaya özel ve şüpheli kurallar (tekrarlar kaldırıldı) */

*::after {
  box-sizing: border-box;
}

*::before {
  box-sizing: border-box;
}

.animate-floating {
  animation: floating 4s ease-in-out infinite;
}

.animate-glow-pulse {
  animation: glow-pulse 2.5s ease-in-out infinite;
}

.animate-shimmer {
  animation: shimmer 2s linear infinite;
}

.badge {
  border: 1px solid rgba(109, 93, 246, 0.16);
}

.container-narrow {
  max-width: 1020px;
}

.corp-section--payment-orchestration-commission > .container {
  max-width: 1180px;
}

.corp-section--payment-orchestration-installments > .container {
  max-width: 1180px;
}

.corp-section--payment-orchestration-integrations > .container {
  max-width: 1180px;
}

.corp-section--payment-orchestration-main > .container {
  max-width: 1180px;
}

.corp-section--payment-orchestration-routing > .container {
  max-width: 1180px;
}

.glass-effect {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(12px);
}

.payment-orchestration-installments-panel__toggle.is-on .payment-orchestration-installments-panel__toggle-thumb {
  transform: translateX(15px);
}

.payment-orchestration-routing-panel__toggle.is-on .payment-orchestration-routing-panel__toggle-thumb {
  transform: translateX(15px);
}

:root {
  --clr-white: #ffffff;
  --clr-accent-light: rgba(109, 93, 246, 0.08);
  --clr-accent-glow: rgba(109, 93, 246, 0.18);
  --color-lilac-soft: rgba(207, 196, 255, 0.12);
  --vss-mobile-stack-reserve: calc((4 * 42px) + 6.5rem + (3 * 0.125rem) + 1rem + 56px);
  --vss-mobile-visual-height: min(
    350px,
    calc(100svh - var(--nav-height) - var(--vss-grid-offset) - var(--vss-mobile-stack-reserve))
  );
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
  --shadow-hover: 0 20px 48px rgba(0, 0, 0, 0.1), 0 8px 20px rgba(0, 0, 0, 0.06);
  --shadow-blog: 0 6px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.02);
  --shadow-active: 0 24px 56px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(109, 93, 246, 0.08);
  --transition-base: 300ms ease;
}