{
  "version": 3,
  "sources": ["src/app/features/home/blocks/featured-category-block/featured-category-block.component.css"],
  "sourcesContent": ["/* ── Section ─────────────────────────────────────────────────────────────── */\n.block-featured {\n  background-color: var(--color-surface-secondary);\n  padding-block: var(--space-section);\n}\n\n.block-featured__inner {\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n}\n\n/* ── Header ──────────────────────────────────────────────────────────────── */\n.block-featured__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.block-featured__title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-4xl);\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.block-featured__view-all {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\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-action-primary);\n  text-decoration: none;\n  border: 1.5px solid var(--color-action-primary);\n  padding: var(--space-2) var(--space-4);\n  border-radius: var(--radius-button);\n  transition: background var(--transition-fast), color var(--transition-fast);\n  white-space: nowrap;\n}\n\n.block-featured__view-all:hover {\n  background: var(--color-action-primary);\n  color: var(--color-text-inverse);\n}\n\n/* ── Content: grid + banner ──────────────────────────────────────────────── */\n.block-featured__content {\n  display: grid;\n  grid-template-columns: 3fr 2fr;\n  gap: var(--space-6);\n  align-items: start;\n}\n\n/* ── Product grid (3×2) ──────────────────────────────────────────────────── */\n.block-featured__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--space-4);\n}\n\n/* ── Banner ──────────────────────────────────────────────────────────────── */\n.block-featured__banner {\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  border-radius: var(--radius-modal);\n  text-decoration: none;\n  color: var(--color-text-inverse);\n  min-height: 100%;\n}\n\n.block-featured__banner-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  filter: brightness(0.55) saturate(1.2);\n  transition: transform var(--transition-slow);\n}\n\n.block-featured__banner:hover .block-featured__banner-img {\n  transform: scale(1.03);\n}\n\n.block-featured__banner-overlay {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: var(--space-8);\n  width: 100%;\n  min-height: 100%;\n  background: linear-gradient(\n    to top,\n    rgb(0 0 0 / 0.65) 0%,\n    rgb(0 0 0 / 0.15) 50%,\n    transparent 100%\n  );\n}\n\n.block-featured__banner-kicker {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-body-medium);\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  opacity: 0.8;\n  margin-bottom: var(--space-2);\n}\n\n.block-featured__banner-heading {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-2xl);\n  font-weight: var(--font-weight-heading-bold);\n  line-height: var(--leading-tight);\n  margin: 0 0 var(--space-6) 0;\n}\n\n.block-featured__banner-cta {\n  display: inline-flex;\n  align-items: center;\n  align-self: flex-start;\n  gap: var(--space-2);\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-primary);\n  background: var(--color-surface-primary);\n  padding: var(--space-3) var(--space-6);\n  border-radius: var(--radius-button);\n  transition: background var(--transition-fast), transform var(--transition-fast);\n}\n\n.block-featured__banner:hover .block-featured__banner-cta {\n  background: var(--color-action-primary);\n  color: var(--color-text-inverse);\n}\n\n/* ── Responsive ──────────────────────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .block-featured__content {\n    grid-template-columns: 1fr;\n  }\n\n  .block-featured__banner {\n    min-height: 280px;\n  }\n}\n\n@media (max-width: 768px) {\n  .block-featured__title {\n    font-size: var(--text-size-2xl);\n  }\n\n  .block-featured__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 480px) {\n  .block-featured__banner-heading {\n    font-size: var(--text-size-xl);\n  }\n\n  .block-featured__banner-overlay {\n    padding: var(--space-6);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .block-featured__banner-img {\n    transition: none;\n  }\n\n  .block-featured__banner-cta {\n    transition: none;\n  }\n}\n"],
  "mappings": ";AACA,CAAA;AACE,oBAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,aAAA,IAAA;AACA,iBAAA;AACA,kBAAA,IAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,eAAA,IAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,mBAAA;AACA,UAAA,MAAA,MAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,iBAAA,IAAA;AACA,cAAA,WAAA,IAAA,kBAAA,EAAA,MAAA,IAAA;AACA,eAAA;AACF;AAEA,CAhBA,wBAgBA;AACE,cAAA,IAAA;AACA,SAAA,IAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,yBAAA,IAAA;AACA,OAAA,IAAA;AACA,eAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,yBAAA,OAAA,CAAA,EAAA;AACA,OAAA,IAAA;AACF;AAGA,CAAA;AACE,YAAA;AACA,WAAA;AACA,YAAA;AACA,iBAAA,IAAA;AACA,mBAAA;AACA,SAAA,IAAA;AACA,cAAA;AACF;AAEA,CAAA;AACE,YAAA;AACA,SAAA;AACA,SAAA;AACA,UAAA;AACA,cAAA;AACA,mBAAA,OAAA;AACA,UAAA,WAAA,MAAA,SAAA;AACA,cAAA,UAAA,IAAA;AACF;AAEA,CArBA,sBAqBA,OAAA,CAXA;AAYE,aAAA,MAAA;AACF;AAEA,CAAA;AACE,YAAA;AACA,WAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,WAAA,IAAA;AACA,SAAA;AACA,cAAA;AACA;IAAA;;;;;AAMF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,kBAAA;AACA,kBAAA;AACA,WAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,eAAA,IAAA;AACA,UAAA,EAAA,EAAA,IAAA,WAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,cAAA;AACA,OAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,cAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,iBAAA,IAAA;AACA,cAAA,WAAA,IAAA,kBAAA,EAAA,UAAA,IAAA;AACF;AAEA,CA3EA,sBA2EA,OAAA,CAfA;AAgBE,cAAA,IAAA;AACA,SAAA,IAAA;AACF;AAGA,QAAA,WAAA;AACE,GAjGF;AAkGI,2BAAA;AACF;AAEA,GAtFF;AAuFI,gBAAA;AACF;AACF;AAEA,QAAA,WAAA;AACE,GA1IF;AA2II,eAAA,IAAA;AACF;AAEA,GAvGF;AAwGI,2BAAA,OAAA,CAAA,EAAA;AACF;AACF;AAEA,QAAA,WAAA;AACE,GAlDF;AAmDI,eAAA,IAAA;AACF;AAEA,GAjFF;AAkFI,aAAA,IAAA;AACF;AACF;AAEA,QAAA,wBAAA;AACE,GAtGF;AAuGI,gBAAA;AACF;AAEA,GAxDF;AAyDI,gBAAA;AACF;AACF;",
  "names": []
}