{
  "version": 3,
  "sources": ["src/app/features/catalog/components/blog-carousel/blog-carousel.component.css"],
  "sourcesContent": ["/* ── Section ──────────────────────────────────────────────────────────────── */\n.blog-carousel {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  padding-block: var(--space-section);\n  border-top: 1px solid var(--color-border-primary);\n}\n\n/* ── Header ──────────────────────────────────────────────────────────────── */\n.blog-carousel__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.blog-carousel__title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-2xl);\n  font-weight: var(--font-weight-heading-bold);\n  color: var(--color-text-primary);\n  line-height: var(--leading-tight);\n  margin: 0;\n}\n\n.blog-carousel__view-all {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-link);\n  text-decoration: none;\n  transition: color var(--transition-fast);\n  white-space: nowrap;\n}\n\n.blog-carousel__view-all:hover {\n  color: var(--color-brand-secondary-hover);\n}\n\n/* ── Wrapper (arrows + track) ────────────────────────────────────────────── */\n.blog-carousel__wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n}\n\n/* ── Track ────────────────────────────────────────────────────────────────── */\n.blog-carousel__track {\n  --blog-columns: 3;\n  display: flex;\n  gap: var(--space-6);\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  flex: 1;\n  padding-block: var(--space-2);\n}\n\n.blog-carousel__track::-webkit-scrollbar {\n  display: none;\n}\n\n/* ── Slot ─────────────────────────────────────────────────────────────────── */\n.blog-carousel__slot {\n  flex: 0 0 calc(\n    (100% - (var(--blog-columns) - 1) * var(--space-6))\n    / var(--blog-columns)\n  );\n  scroll-snap-align: start;\n}\n\n/* ── Card ─────────────────────────────────────────────────────────────────── */\n.blog-carousel__card {\n  display: flex;\n  flex-direction: column;\n  text-decoration: none;\n  color: inherit;\n  height: 100%;\n}\n\n.blog-carousel__image-wrap {\n  aspect-ratio: 16 / 9;\n  overflow: hidden;\n}\n\n.blog-carousel__image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform var(--transition-slow);\n}\n\n.blog-carousel__card:hover .blog-carousel__image {\n  transform: scale(1.04);\n}\n\n.blog-carousel__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  padding-block-start: var(--space-4);\n}\n\n.blog-carousel__date {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-brand-primary);\n  font-weight: var(--font-weight-body-medium);\n}\n\n.blog-carousel__card-title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-base);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n  line-height: var(--leading-snug);\n  margin: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  transition: color var(--transition-fast);\n}\n\n.blog-carousel__card:hover .blog-carousel__card-title {\n  color: var(--color-brand-secondary);\n}\n\n.blog-carousel__excerpt {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-relaxed);\n  margin: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* ── Arrows ───────────────────────────────────────────────────────────────── */\n.blog-carousel__arrow {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.25rem;\n  height: 2.25rem;\n  border-radius: var(--radius-button);\n  border: 1px solid var(--color-border-primary);\n  background: var(--color-surface-primary);\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  transition: background var(--transition-fast), color var(--transition-fast);\n}\n\n.blog-carousel__arrow:hover {\n  background: var(--color-surface-secondary);\n  color: var(--color-text-primary);\n}\n\n/* ── Pagination bars ──────────────────────────────────────────────────────── */\n.blog-carousel__pagination {\n  display: flex;\n  gap: 3px;\n  justify-content: center;\n}\n\n.blog-carousel__bar {\n  flex: 1;\n  max-width: 3rem;\n  height: 3px;\n  padding: 0;\n  border: none;\n  border-radius: 1.5px;\n  background: var(--color-border-primary);\n  cursor: pointer;\n  transition: background var(--transition-fast), transform var(--transition-fast);\n}\n\n.blog-carousel__bar:hover {\n  background: var(--color-text-secondary);\n  transform: scaleY(1.6);\n}\n\n.blog-carousel__bar--active {\n  background: var(--color-action-primary);\n}\n\n/* ── Responsive ───────────────────────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .blog-carousel__track {\n    --blog-columns: 2;\n  }\n}\n\n@media (max-width: 640px) {\n  .blog-carousel__title {\n    font-size: var(--text-size-xl);\n  }\n\n  .blog-carousel__track {\n    --blog-columns: 1;\n    gap: var(--space-4);\n  }\n\n  .blog-carousel__slot {\n    flex: 0 0 calc(\n      (100% - (var(--blog-columns) - 1) * var(--space-4))\n      / var(--blog-columns)\n    );\n  }\n\n  .blog-carousel__arrow {\n    display: none;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}