/** Shopify CDN: Minification failed

Line 164:0 Unexpected "}"

**/
/* Category Showcase Section
   Reusable section with curved container, heading chip, split rows, shaped images, and collection carousel
   Mobile-first responsive design with consistent curved shapes */

.category-showcase {
  --container-radius: clamp(48px, 7vw, 149px);
  --shape-radius: clamp(32px, 5vw, 82px);
  --stack-gap: clamp(20px, 4vw, 40px);
  --video-ratio: 1.78;
  position: relative;
  width: 100%;
}

.category-showcase__wrapper {
  width: 100%;
  padding-block: var(--pad-block, clamp(24px, 4vw, 64px));
  position: relative;
}

.category-showcase__container {
  max-width: min(90vw, 1440px);
  margin-inline: auto;
  background: var(--container-bg, #DBE3FF);
  border-radius: var(--container-radius);
  padding: clamp(24px, 4vw, 64px) clamp(16px, 4vw, 40px);
  padding-top: clamp(180px, 20vw, 280px);
  position: relative;
  
  /* Figma specs for heading chip */
  --cs-chip-width: 1439px;
  --cs-chip-height: 775px;
  --cs-chip-radius: 149px;
  
  /* Derived overlap (50% of chip height) */
  --cs-chip-overlap: calc(var(--cs-chip-height) / 2);
}

/* Heading Chip */
.category-showcase__heading-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: min(90vw, 1440px);
  display: flex;
  justify-content: var(--heading-align, center);
  z-index: 0;        /* Keep below split row */
  overflow: visible; /* Allow the rounded chip to overlap below */
}

.category-showcase__heading-stack {
  position: relative;         /* enable z-index */
  z-index: 1;                 /* lower than split row (which will be 2) */
  width: min(100%, var(--cs-chip-width));
  height: var(--cs-chip-height);
  margin: 0 auto;             /* center within the page/container */
  margin-bottom: calc(var(--cs-chip-overlap) * -1); /* Pull split row up by 50% */
  border-radius: var(--cs-chip-radius);
  border: 1px solid #000;
  
  /* Layout for text content */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* keep content toward the top of the chip */
  text-align: center;
  
  /* Place subheading/heading/tagline higher in the chip */
  padding: clamp(40px, 8vw, 140px) clamp(16px, 3vw, 48px) 0;
  gap: clamp(8px, 1.6vw, 24px);
  
  /* Keep existing styling */
  background: var(--heading-bg, #435CBC);
  color: #ffffff;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.25);
}

.category-showcase__heading {
  margin: 0;
  margin-top: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

/* Ensure tight vertical spacing without large default margins */
.category-showcase__heading-stack h1,
.category-showcase__heading-stack h2,
.category-showcase__heading-stack h3 {
  margin-top: 0;
}

/* Stack container for blocks */
.category-showcase__stack {
  display: flex;
  flex-direction: column;
  gap: var(--stack-gap);
}

/* Split Row - Reuses collapsible-multirow styles */
.category-showcase__split-row {
  --shape-radius: clamp(32px, 5vw, 82px);
  border-radius: 0 var(--shape-radius) var(--shape-radius) 0;
  background: var(--row-bg, rgba(255, 255, 255, 1));
  overflow: hidden;
  width: 100%;
  max-width: min(90vw, 1271px);
  margin-inline: auto;
  margin-top: 200px;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #ffffff;
  position: relative;
  z-index: 2; /* Split row must appear above the chip (z-index: 1) */
}

.category-showcase__split-row--reverse {
  border-radius: var(--shape-radius) 0 0 var(--shape-radius);
}

.category-showcase__split-row-rail {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
}

@media (min-width: 900px) {
  .category-showcase__split-row-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.category-showcase__split-row--reverse .category-showcase__split-row-rail {
  direction: rtl;
}

.category-showcase__split-row--reverse .category-showcase__split-row-content,
.category-showcase__split-row--reverse .category-showcase__split-row-media {
  direction: ltr;
}

/* Media Side */
.category-showcase__split-row-media {
  position: relative;
  background: rgba(var(--color-foreground, 0 0 0), 0.04);
}

.category-showcase__media-inner {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.75;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  border: 1px solid #ffffff;
}
}

.category-showcase__media-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--media-focal, 50% 50%);
  display: block;
  border: 1px solid white;
}

.category-showcase__media-inner picture {
  width: 100%;
  height: 100%;
  display: flex;
}

.category-showcase__media-inner picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--media-focal, 50% 50%);
  display: block;
}

/* Video Wrapper */
.category-showcase__video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: calc(100% / var(--video-ratio, 1.78));
  background: #000;
}

.category-showcase__video-wrapper iframe,
.category-showcase__video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.category-showcase__video-wrapper .plyr__video-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Custom Video Thumbnail Overlay */
.cs-ext-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cs-video-thumb {
  transition: opacity 0.3s ease;
}

.cs-video-thumb:hover {
  opacity: 0.9;
}

.cs-video-thumb:focus {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.cs-ext-video--playing .cs-video-thumb {
  display: none;
}

/* Text/Content Side */
.category-showcase__split-row-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: clamp(24px, 4vw, 40px);
  background: var(--row-bg, rgba(255, 255, 255, 1));
  border-radius: 0 var(--shape-radius) var(--shape-radius) 0;
  text-align: center;
}

.category-showcase__split-row--reverse .category-showcase__split-row-content {
  border-radius: var(--shape-radius) 0 0 var(--shape-radius);
}

.category-showcase__split-row-content h2,
.category-showcase__split-row-content h3 {
  margin: 0;
  color: var(--heading-text-color, inherit);
}

.category-showcase__split-row-content .rte {
  margin: 0;
}

.category-showcase__split-row-content .button {
  margin-top: 1rem;
}

/* Placeholder state for empty media */
.category-showcase__media-inner.is-empty {
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: clamp(0.875rem, 2vw, 1rem);
}

.category-showcase__media-inner.is-empty::after {
  content: 'Add media';
}

/* Shaped Image Block - inherits from custom-shaped-image.css */
.category-showcase__shaped-image {
  width: 100%;
  max-width: min(90vw, 1271px);
  margin-inline: auto;
}

/* Collection Carousel Block */
.category-showcase__carousel {
  width: 100%;
  max-width: min(90vw, 1440px);
  margin-inline: auto;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  .category-showcase__video-wrapper video[autoplay],
  .category-showcase__video-wrapper iframe[src*="autoplay=1"] {
    display: none;
  }
  
  .category-showcase *,
  .category-showcase *::before,
  .category-showcase *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Responsive chip sizing */
@media (max-width: 1200px) {
  .category-showcase__container {
    --cs-chip-height: 640px;
    --cs-chip-radius: 120px;
    --cs-chip-overlap: calc(var(--cs-chip-height) / 2);
  }
}

@media (max-width: 992px) {
  .category-showcase__container {
    --cs-chip-height: 560px;
    --cs-chip-radius: 96px;
    --cs-chip-overlap: calc(var(--cs-chip-height) / 2);
  }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .category-showcase__container {
    padding: clamp(16px, 4vw, 32px) clamp(12px, 3vw, 24px);
    --cs-chip-height: 460px;
    --cs-chip-radius: 80px;
    --cs-chip-overlap: calc(var(--cs-chip-height) / 2);
  }
  
  .category-showcase__heading {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }
  
  .category-showcase__heading-stack {
    padding-top: clamp(32px, 10vw, 96px);
  }
  
  .category-showcase__split-row-content {
    padding: clamp(16px, 4vw, 24px);
  }
}

@media (max-width: 480px) {
  .category-showcase__container {
    --cs-chip-height: 380px;
    --cs-chip-radius: 56px;
    --cs-chip-overlap: calc(var(--cs-chip-height) / 2);
  }
}

/* Tablet Adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
  .category-showcase__container {
    max-width: 85vw;
  }
}