/** Shopify CDN: Minification failed

Line 567:0 Expected "}" to go with "{"

**/
.category-navigation-cards {
  /* padding-top: var(--section-padding-top, 0); */
  padding-bottom: var(--section-padding-bottom, 20px);
  /* padding-inline: max(16px, calc(var(--page-margin, 1.5rem) * 0.2)); */
  position: relative;
  z-index: 0;
  isolation: isolate;
}

.category-navigation-cards--custom-width {
  max-width: var(--category-section-max-width, 1400px);
  margin-inline: auto;
  padding-inline: max(8px, calc(var(--page-margin, 1.5rem) * 0.6));
}

.category-navigation-cards__label {
  margin: 0 0 0.5rem;
  font-size: 1.1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground-rgb) / 0.65);
}

.category-navigation-cards__heading {
  margin: 0 0 var(--category-heading-gap, 1.6rem);
  padding-top: 20px;
  font-size: clamp(2rem, 2.2vw, 2.8rem);
  line-height: 1.2;
}

.category-navigation-cards__grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--category-card-gap, 10px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column: var(--full-width);
  --product-grid-gap-mobile: 12px 12px;
  --product-grid-gap-desktop: 30px 30px;
  container-type: inline-size;
  container-name: product-grid;
}

.category-navigation-cards__item {
  max-width: 100%;
  width: 100%;
}

.category-navigation-card {
  position: relative;
  display: block;
  width: min(100%, var(--category-card-scale, 78%), 100%);
  margin-inline: auto;
  color: inherit;
  text-decoration: none;
  border-radius: 1.2rem;
  overflow: hidden;
  background: rgb(var(--color-foreground-rgb) / 0.04);
  box-shadow: 0 1rem 2rem rgb(var(--color-foreground-rgb) / 0.14), 0 0 0 1px rgb(var(--color-foreground-rgb) / 0.12);
  transition: transform var(--duration-default), box-shadow var(--duration-default);
}

.category-navigation-card__media {
  position: relative;
}

.category-navigation-card__media::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.category-navigation-card__media > img,
.category-navigation-card__placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.category-navigation-card__media > img {
  object-fit: cover;
  object-position: var(--category-card-image-position, center center);
}

.category-navigation-card__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(140deg, rgb(var(--color-foreground-rgb) / 0.15), rgb(var(--color-foreground-rgb) / 0.05));
}

.category-navigation-card__placeholder .placeholder-svg {
  width: 4.8rem;
  height: 4.8rem;
  opacity: 0.7;
}

.category-navigation-card--overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgb(0 0 0 / 55%) 8%, rgb(0 0 0 / 18%) 48%, rgb(0 0 0 / 0%) 80%);
  pointer-events: none;
}

.category-navigation-card__content {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 2;
  padding: 0.9rem 0.6rem;
  pointer-events: none;
}

.category-navigation-card__title {
  display: inline-block;
  margin: 0;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(var(--color-background-rgb));
  background: transparent;
  border-radius: 0.6rem;
  padding: 0.45rem 0.7rem;
}

.category-navigation-card:not(.category-navigation-card--overlay) .category-navigation-card__title {
  color: rgb(var(--color-foreground-rgb));
  background: transparent;
}

.category-navigation-card.is-active {
  box-shadow: 0 0 0 0.2rem rgb(var(--color-foreground-rgb) / 0.35), 0 1rem 2rem rgb(var(--color-foreground-rgb) / 0.1);
}

@media screen and (hover: hover) {
  .category-navigation-card:hover {
    transform: translateY(-0.25rem) scale(1.01);
    box-shadow: 0 1.4rem 2.6rem rgb(var(--color-foreground-rgb) / 0.18), 0 0 0 1px rgb(var(--color-foreground-rgb) / 0.12);
  }

  .category-navigation-card:hover .category-navigation-card__media > img {
    transform: scale(1.04);
    transition: transform var(--duration-default);
  }
}

.grid--1-col-mobile.category-navigation-cards__grid {
  grid-template-columns: 1fr;
}

.grid--2-col-mobile.category-navigation-cards__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media screen and (max-width: 749px) {
  .category-navigation-cards {
    --category-card-size: max(140px, var(--category-card-size));
    --category-card-grid-track: max(140px, var(--category-card-grid-track));
  }

  .category-navigation-cards .category-navigation-card__media {
    width: 140px;
    height: 140px;
    margin-inline: auto;
  }

  .category-navigation-cards .category-navigation-card__media::before {
    padding-bottom: 140px;
  }

  .category-navigation-cards .category-navigation-card.category-navigation-card--overlay {
    width: min(100%, 140px) !important;
  }

  .category-navigation-cards .category-navigation-card.category-navigation-card--overlay .category-navigation-card__media {
    width: 140px;
    height: 140px;
  }

  .category-navigation-cards .category-navigation-card.category-navigation-card--overlay .category-navigation-card__media::before {
    padding-bottom: 140px;
  }

  .category-navigation-card__title {
    font-size: 1rem;
  }

  .category-navigation-cards--horizontal-mobile {
    display: flex;
    gap: var(--category-card-gap, 4px);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 0.3rem;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    overscroll-behavior-x: contain;
  }

  .category-navigation-cards--horizontal-mobile > .category-navigation-cards__item {
    flex: 0 0 max(25%, 140px);
    max-width: max(25%, 140px);
    scroll-snap-align: start;
  }

  .grid--2-col-mobile.category-navigation-cards--horizontal-mobile > .category-navigation-cards__item {
    flex: 0 0 max(25%, 140px);
    max-width: max(25%, 140px);
  }

  .grid--2-col-mobile.category-navigation-cards__grid:not(.category-navigation-cards--horizontal-mobile) {
    gap: max(0.6rem, calc(var(--category-card-gap, 1rem) * 0.75));
  }

  .category-navigation-cards__grid {
    gap: max(0.6rem, calc(var(--category-card-gap, 1rem) * 0.9));
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .category-navigation-cards__grid {
    gap: calc(var(--category-card-gap, 10px) * 1.1);
  }
}

@media screen and (min-width: 750px) {
  .category-navigation-cards .category-navigation-card.category-navigation-card--overlay {
    width: min(100%, 140px) !important;
  }

  .category-navigation-cards .category-navigation-card.category-navigation-card--overlay .category-navigation-card__media {
    width: 140px;
    height: 140px;
    margin-inline: auto;
  }

  .category-navigation-cards .category-navigation-card.category-navigation-card--overlay .category-navigation-card__media::before {
    padding-bottom: 140px;
  }

  .category-navigation-card {
    width: min(100%, var(--category-card-scale, 88%), calc(18rem - 50px));
  }

  .grid--2-col-tablet.category-navigation-cards__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid--3-col-tablet.category-navigation-cards__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (min-width: 990px) {
  .category-navigation-card {
    width: min(100%, var(--category-card-scale, 88%), calc(18rem - 60px));
  }

  .category-navigation-cards__grid--short {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--category-card-gap, 4px);
  }

  .category-navigation-cards__grid--short > .category-navigation-cards__item {
    flex: 0 0 var(--category-card-grid-track);
    max-width: var(--category-card-grid-track);
  }

  .grid--2-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid--3-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid--4-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid--5-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media screen and (min-width: 1200px) {
  .category-navigation-cards__grid {
    gap: calc(var(--category-card-gap, 2px) + 2px);
  }

  /* .category-navigation-card {
    width: min(100%, var(--category-card-scale, 88%), calc(18rem - 80px));
  } */

  .grid--2-col-desktop.category-navigation-cards__grid,
  .grid--3-col-desktop.category-navigation-cards__grid,
  .grid--4-col-desktop.category-navigation-cards__grid,
  .grid--5-col-desktop.category-navigation-cards__grid {
    justify-content: center;
  }

  .grid--2-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(2, minmax(0, calc(18rem - 80px)));
  }

  .grid--3-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(3, minmax(0, calc(18rem - 80px)));
  }

  .grid--4-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(4, minmax(0, calc(18rem - 80px)));
  }

  .grid--5-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(5, minmax(0, calc(18rem - 30px)));
  }

  .grid--3-col-tablet.category-navigation-cards__grid,
  .grid--4-col-desktop.category-navigation-cards__grid,
  .grid--5-col-desktop.category-navigation-cards__grid {
    column-gap: calc(var(--category-card-gap, 10px) * 1.15);
    row-gap: calc(var(--category-card-gap, 10px) * 0.9);
  }
}

/* ==========================================================
   RESPONSIVE CATEGORY CARD SIZING OVERRIDE
   Uses CSS vars + media queries (375 -> 2000+)
   Keeps category cards intentionally smaller than product/hero visuals
   ========================================================== */

.category-navigation-cards {
  --category-card-size: 9.4rem;       /* 375px base (iPhone XR) */
  --category-card-grid-track: 9.4rem;
}

@media screen and (min-width: 414px) {
  .category-navigation-cards {
    --category-card-size: 9.8rem;
    --category-card-grid-track: 9.8rem;
  }
}

@media screen and (min-width: 768px) {
  .category-navigation-cards {
    --category-card-size: 10.8rem;
    --category-card-grid-track: 10.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .category-navigation-cards {
    --category-card-size: 11.4rem;
    --category-card-grid-track: 11.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .category-navigation-cards {
    --category-card-size: 12rem;
    --category-card-grid-track: 12rem;
  }
}

@media screen and (min-width: 1440px) {
  .category-navigation-cards {
    --category-card-size: 12.4rem;
    --category-card-grid-track: 12.4rem;
  }
}

@media screen and (min-width: 1600px) {
  .category-navigation-cards {
    --category-card-size: 12.6rem;
    --category-card-grid-track: 12.6rem;
  }

  .category-navigation-cards__grid {
    gap: calc(var(--category-card-gap, 2px) + 2px);
  }
}

@media screen and (min-width: 1680px) {
  .category-navigation-cards {
    --category-card-size: 12.8rem;
    --category-card-grid-track: 12.8rem;
  }

  .category-navigation-cards__grid {
    gap: calc(var(--category-card-gap, 2px) + 3px);
  }
}

@media screen and (min-width: 1920px) {
  .category-navigation-cards {
    --category-card-size: 13rem;
    --category-card-grid-track: 13rem;
  }

  .category-navigation-cards__grid {
    gap: calc(var(--category-card-gap, 2px) + 2px);
  }
}

@media screen and (min-width: 2000px) {
  .category-navigation-cards {
    --category-card-size: 13.2rem;
    --category-card-grid-track: 13.2rem;
  }

  .category-navigation-cards__grid {
    gap: calc(var(--category-card-gap, 3px) + 3px);
  }
}

/* Force responsive size to win over older calc(...) rules above */
.category-navigation-cards .category-navigation-card {
  width: min(100%, var(--category-card-scale, 88%), var(--category-card-size)) !important;
}

/* Keep overlay category image cards fixed across all screens */
.category-navigation-cards .category-navigation-card.category-navigation-card--overlay {
  width: min(100%, 120px) !important;
}

.category-navigation-cards .category-navigation-card.category-navigation-card--overlay .category-navigation-card__media {
  width: 120px;
  height: 120px;
  margin-inline: auto;
}

.category-navigation-cards .category-navigation-card.category-navigation-card--overlay .category-navigation-card__media::before {
  padding-bottom: 120px;
}

/* Grid track consideration for multiple cards on desktop */
@media screen and (min-width: 990px) {
  .grid--2-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(2, minmax(0, var(--category-card-grid-track))) !important;
  }

  .grid--3-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(3, minmax(0, var(--category-card-grid-track))) !important;
  }

  .grid--4-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(4, minmax(0, var(--category-card-grid-track))) !important;
  }

  /* .grid--5-col-desktop.category-navigation-cards__grid {
    grid-template-columns: repeat(5, minmax(0, var(--category-card-grid-track))) !important;
  }
} */

/* Aspect ratio + crop consistency */
.category-navigation-cards .category-navigation-card__media,
.category-navigation-cards .category-navigation-card__media > img,
.category-navigation-cards .category-navigation-card__placeholder,
.category-navigation-cards .card-image,
.category-navigation-cards .category-card img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Alternative smooth scaling using clamp()
   Enable by adding: class="use-clamp-card-scaling" on section wrapper */
.category-navigation-cards.use-clamp-card-scaling {
  --category-card-size: clamp(9.4rem, 7.8rem + 1.9vw, 13.2rem);
  --category-card-grid-track: clamp(9.4rem, 7.8rem + 1.9vw, 13.2rem);
}

/* Match compact card sizing for specific collections (Jewelry/Watch Accessories) */
@media screen and (min-width: 990px) {
  .category-navigation-cards--compact-100 {
    --category-card-size: 100px;
    --category-card-grid-track: 100px;
    --category-card-gap: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .category-navigation-cards--compact-100 {
    --category-card-size: 100px;
    --category-card-grid-track: 100px;
    --category-card-gap: 10px;
  }
}

@media screen and (min-width: 1440px) {
  .category-navigation-cards--compact-100 {
    --category-card-size: 100px;
    --category-card-grid-track: 100px;
    --category-card-gap: 10px;
  }
}

@media screen and (min-width: 1600px) {
  .category-navigation-cards--compact-100 {
    --category-card-size: 102px;
    --category-card-grid-track: 102px;
    --category-card-gap: 4px;
  }
}

@media screen and (min-width: 1680px) {
  .category-navigation-cards--compact-100 {
    --category-card-size: 104px;
    --category-card-grid-track: 104px;
    --category-card-gap: 6px;
  }
}

@media screen and (min-width: 1920px) {
  .category-navigation-cards--compact-100 {
    --category-card-size: 106px;
    --category-card-grid-track: 106px;
    --category-card-gap: 6px;
  }
}

@media screen and (min-width: 2000px) {
  .category-navigation-cards--compact-100 {
    --category-card-size: 108px;
    --category-card-grid-track: 108px;
    --category-card-gap: 6px;
  }
}

/* Keep category navigation in a single row on larger screens */
@media screen and (min-width: 1200px) {
  .category-navigation-cards__grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  .category-navigation-cards__grid > .category-navigation-cards__item {
    flex: 0 0 var(--category-card-grid-track);
    max-width: var(--category-card-grid-track);
    scroll-snap-align: start;
  }

  #shopify-section-template--20669122838755__category_navigation_cards_4RgrTR .category-navigation-cards {
    padding-left: 0;
  }

  #shopify-section-template--20669122838755__category_navigation_cards_4RgrTR .category-navigation-cards__grid {
    justify-content: flex-start !important;
    margin-inline: 0 !important;
    padding-inline-start: 0;
  }
}