/* forsid-seo 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--forsid-seo-main > .container {
  max-width: 1180px;
}

.corp-section--forsid-seo-meta-templates > .container {
  max-width: 1180px;
}

.corp-section--forsid-seo-redirects > .container {
  max-width: 1180px;
}

.corp-section--forsid-seo-robots-txt > .container {
  max-width: 1180px;
}

.corp-section--forsid-seo-tracking-404 > .container {
  max-width: 1180px;
}

.corp-section--forsid-seo-url-structure > .container {
  max-width: 1180px;
}

.forsid-seo-feature-card {
  padding: 14px 14px;
}

.forsid-seo-meta-stat-card {
  padding: 14px 14px;
}

.forsid-seo-robots-panel__toggle--on .forsid-seo-robots-panel__toggle-thumb {
  transform: translateX(14px);
}

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

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