/* forsid-site-kit 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--site-kit-auto-events > .container {
  max-width: 1180px;
}

.corp-section--site-kit-main > .container {
  max-width: 1180px;
}

.corp-section--site-kit-server-side > .container {
  max-width: 1180px;
}

.corp-section--site-kit-supported-services > .container {
  max-width: 1180px;
}

.corp-section--site-kit-zero-code > .container {
  max-width: 1180px;
}

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

.site-kit-config-modal {
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.site-kit-config-modal__toggle {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}

.site-kit-config-modal__toggle-row--on {
  border-color: rgba(29, 158, 117, 0.35);
  box-shadow: 0 0 0 3px rgba(29, 158, 117, 0.1);
}

.site-kit-config-modal__toggle-thumb {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.site-kit-config-modal__toggle.is-on {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06),
    0 0 0 3px rgba(29, 158, 117, 0.2);
}

.site-kit-config-modal__toggle.is-on .site-kit-config-modal__toggle-thumb {
  transform: translateX(20px);
}

.site-kit-integration-card__status {
  transition: background 0.3s ease, color 0.3s ease;
}

.site-kit-integrations-panel {
  max-width: 1180px;
}

.site-kit-zero-code-panel__card--highlight {
  box-shadow: 0 0 0 3px rgba(83, 74, 183, 0.08);
}

: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;
}