/** Shopify CDN: Minification failed

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

**/
.featured-collection-tabs .product-label {
  white-space: nowrap;
}

@media (min-width: 769px) {
  .featured-collection-info--carousel {
    margin-bottom: 10px;
  }
  .featured-collection-info {
    flex-basis: 280px;
  }
  .featured-collection-info + .container {
    max-width: calc(100% - 280px);
  }
  .featured-collection-info + .carousel {
    max-width: calc(100% - 280px);
  }
  .featured-collection-info + .carousel .slider {
    width: 100%;
    margin-inline-start: 0;
  }
  .featured-collection-container {
    max-width: calc(var(--page-width, 1320px) + var(--gutter) * 2);
    padding-inline-start: var(--gutter);
  }
  .featured-collection--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: var(--header-end-padded, 0);
    transition: top 0.3s;
  }
  .featured-collection--sticky-fill {
    min-height: var(--card--product-height, auto);
  }
  .featured-collection-tabs {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .featured-collection-info {
    flex-basis: 350px;
    margin-inline-end: var(--gutter-md, 32px);
  }
  .featured-collection-info + .container {
    max-width: calc((100% - 350px) - var(--gutter-md, 32px));
    padding: 0;
  }
  .featured-collection-info + .carousel {
    max-width: calc((100% - 350px) - var(--gutter-md, 32px));
  }
  .featured-collection-container {
    padding: 0 var(--gutter);
  }
}
@media (max-width: 768.98px) {
  .featured-collection-info {
    margin: 0 var(--gutter) var(--gutter);
  }
  
  /* ===== Reduce the top spacing above the pill tabs ===== */
.featured-collection-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Also tighten the internal container spacing */
.featured-collection-container > .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Finally, pull the tabs closer to the title area */
.featured-collection-tabs {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Kill the default section padding inside Featured collection */
.cc-featured-collection > featured-collection.section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Tighten the header area that sits above the pills */
.cc-featured-collection > featured-collection.section .section__header {
  padding-top: -24px !important;
  padding-bottom: 0 !important;
  margin-top: -24px !important;
  margin-bottom: 0 !important;
}
/* Pull the pill tabs up closer to the Rock heading */
.featured-collection-tabs {
  margin-top: 0px !important;  /* tweak -16px / -20px / -24px to taste */
}
/* Desktop: pull the Featured collection section up closer to the Rock header */
@media (min-width: 1024px) {
  .template-collection .cc-featured-collection {
    margin-top: -32px !important;   /* try -24px, -32px, -40px to taste */
    padding-top: -24px !important;
  }
  
}