/* CIFRA SALE — custom styles (Tailwind handles the rest) */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* marquee */
.marquee { overflow: hidden; }
.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee-scroll 38s linear infinite;
}
.marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}

/* article typography */
.prose-cf { color: #1e293b; font-size: 16.5px; line-height: 1.75; }
.prose-cf p { margin: 0 0 1em; }
.prose-cf h2, .prose-cf h3, .prose-cf h4 { font-weight: 800; margin: 1.4em 0 0.6em; line-height: 1.3; }
.prose-cf h2 { font-size: 1.35em; }
.prose-cf h3 { font-size: 1.2em; }
.prose-cf h4 { font-size: 1.05em; }
.prose-cf ul, .prose-cf ol { margin: 0 0 1em 1.4em; }
.prose-cf ul { list-style: disc; }
.prose-cf ol { list-style: decimal; }
.prose-cf li { margin-bottom: 0.35em; }
.prose-cf strong, .prose-cf b { font-weight: 700; color: #0f172a; }
.prose-cf a { color: #e11d48; text-decoration: underline; }
.prose-cf img { max-width: 100%; height: auto; border-radius: 14px; margin: 1em 0; }
.prose-cf blockquote { border-left: 3px solid #e11d48; padding-left: 1em; color: #64748b; margin: 0 0 1em; }
.prose-cf table { border-collapse: collapse; width: 100%; margin: 0 0 1em; font-size: 0.92em; }
.prose-cf th, .prose-cf td { border: 1px solid #e2e8f0; padding: 0.5em 0.7em; text-align: left; }
.prose-cf hr { border: 0; border-top: 1px solid #e2e8f0; margin: 1.6em 0; }
.prose-cf code { background: #f1f5f9; padding: 0.1em 0.35em; border-radius: 5px; font-size: 0.9em; }

/* scrollbar (cart/modal) */
.overflow-y-auto::-webkit-scrollbar { width: 8px; }
.overflow-y-auto::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
.overflow-y-auto::-webkit-scrollbar-track { background: transparent; }

/* counters badge baseline fix */
header button > span.absolute { line-height: 1; }

/* selection */
::selection { background: #e11d48; color: #fff; }