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

.corp-section--forsid-ai-content-generation > .container {
  max-width: 1180px;
}

.corp-section--forsid-ai-main > .container {
  max-width: 1180px;
}

.corp-section--forsid-ai-product-description > .container {
  max-width: 1180px;
}

.forsid-ai-content-panel__section {
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.forsid-ai-content-panel__tab {
  transition: background 0.25s ease, color 0.25s ease;
}

.forsid-ai-product-desc-panel__status {
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

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

.story-visual-renderer__empty-shape {
  background: rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.story-visual-renderer__placeholder-icon {
  background: rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.vss-ai__pill--claude.vss-ai__pill--sel .vss-ai__pill-dot {
  background: rgba(255, 255, 255, 0.6);
}

.vss-ai__pill--gemini.vss-ai__pill--sel .vss-ai__pill-dot {
  background: rgba(255, 255, 255, 0.6);
}

.vss-ai__pill--openai.vss-ai__pill--sel .vss-ai__pill-dot {
  background: rgba(255, 255, 255, 0.6);
}

.vss-bdd__add {
  gap: 0.1875rem;
}

.vss-bdd__overlay {
  inset: 0;
}

.vss-bdd__sec-card {
  transition: border-color 0.2s, background 0.2s;
}

.vss-grid {
  height: 400px;
  min-height: 400px;
  max-height: 400px;
}

.vss-item-body--open .vss-item-body-inner {
  transform: translate3d(0, 0, 0);
}

.vss-panel-inner {
  max-width: min(1200px, 92vw);
}

.vss-seo__overlay {
  inset: 0;
}

.vss-seo__ring-lbl {
  inset: 0;
}

.vss-sk__overlay {
  inset: 0;
}

.vss-sk__toast {
  transform: translateX(-50%);
}

.vss-visual-shell {
  height: 400px;
}

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

@media (max-width: 991.98px) {
  .vss-list--mobile {
    min-height: calc((4 * 42px) + 6.5rem + (3 * 0.125rem));
  }
  .vss-mobile-stack .vss-visual-frame {
    height: var(--vss-mobile-visual-height);
    min-height: var(--vss-mobile-visual-height);
    max-height: var(--vss-mobile-visual-height);
  }
  .vss-mobile-stack .vss-visual-frame__preview {
    height: var(--vss-mobile-visual-height);
    min-height: var(--vss-mobile-visual-height);
    max-height: var(--vss-mobile-visual-height);
  }
  :root {
    --vss-mobile-stack-reserve: calc((4 * 42px) + 6.5rem + (3 * 0.125rem) + (2 * 0.5rem) + 24px);
    --vss-mobile-visual-height: min(
      330px,
      calc(100svh - var(--nav-height) - var(--vss-grid-offset) - var(--vss-mobile-stack-reserve) - 20px)
      );
  }
}