/* Sellfigo landing — дополнения к Tailwind */

@keyframes sf-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes sf-shimmer {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}

.sf-float {
  animation: sf-float 5s ease-in-out infinite;
}

.sf-float-delay {
  animation: sf-float 5s ease-in-out 1.2s infinite;
}

.sf-grid-bg {
  background-image:
    linear-gradient(rgba(20, 18, 26, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 18, 26, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
}

.sf-card-shadow {
  box-shadow:
    0 1px 2px rgba(20, 18, 26, 0.06),
    0 12px 40px rgba(20, 18, 26, 0.08);
}

.sf-hero-glow {
  background: radial-gradient(ellipse 80% 60% at 70% 20%, rgba(115, 103, 240, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 40% at 20% 80%, rgba(27, 107, 90, 0.1), transparent 50%);
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  .sf-float,
  .sf-float-delay {
    animation: none;
  }
  html {
    scroll-behavior: auto;
  }
}

/* Контент статей блога (HTML из БД) */
.article-content {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: rgba(20, 18, 26, 0.82);
}

.article-content > * + * {
  margin-top: 1.25em;
}

.article-content h2,
.article-content h3,
.article-content h4 {
  font-family: Fraunces, Georgia, serif;
  font-weight: 600;
  color: #14121a;
  line-height: 1.3;
  margin-top: 2em;
  margin-bottom: 0.6em;
}

.article-content h2 { font-size: 1.5rem; }
.article-content h3 { font-size: 1.25rem; }
.article-content h4 { font-size: 1.125rem; }

.article-content p {
  margin-top: 1.1em;
}

.article-content a {
  color: #7367f0;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.article-content a:hover {
  color: #5e52d4;
}

.article-content ul,
.article-content ol {
  padding-left: 1.35em;
  margin-top: 1em;
}

.article-content li {
  margin-top: 0.4em;
}

.article-content ul { list-style-type: disc; }
.article-content ol { list-style-type: decimal; }

.article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
  margin: 1.5em 0;
  border: 1px solid rgba(20, 18, 26, 0.08);
}

.article-content blockquote {
  border-left: 3px solid #7367f0;
  padding-left: 1.25rem;
  font-style: italic;
  color: rgba(20, 18, 26, 0.65);
}

.article-content pre,
.article-content code {
  font-size: 0.9em;
}

.article-content pre {
  overflow-x: auto;
  border-radius: 0.75rem;
  background: #ebe6dc;
  padding: 1rem 1.25rem;
}

.article-content :not(pre) > code {
  background: #ebe6dc;
  padding: 0.15em 0.4em;
  border-radius: 0.35rem;
}

.article-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95em;
}

.article-content th,
.article-content td {
  border: 1px solid rgba(20, 18, 26, 0.1);
  padding: 0.5rem 0.75rem;
  text-align: left;
}

.article-content th {
  background: #f6f3ee;
  font-weight: 600;
}