/** Shopify CDN: Minification failed

Line 243:28 Unexpected "{"
Line 243:37 Expected ":"

**/
.featured-hover-enabled .product-recommendations .tile-link::after {
  content: attr(data-title);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px; /* set the fixed height */
  background-color: #ff2eb5;
  color: white;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  padding: 0 8px;
  line-height: 1.2;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .featured-hover-enabled .product-recommendations .tile-link::after {
    font-size: 0.95rem;
    height: auto;
    min-height: 50px;
    padding: 4px 10px;
    line-height: 1.3;
    flex-wrap: wrap;
    word-break: break-word;
    white-space: normal;
    text-align: center;
  }
}

.tile-link::after {
  content: attr(data-title);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #ff2eb5;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  padding: 0 8px;
  line-height: 1.2;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tile-link:hover::after {
  opacity: 1;
  transform: translateY(0);
}

.tile-link:hover::after .product-recommendations {
  opacity: 1;
  transform: translateY(0); /* slide up into place */
}

.featured-hover-enabled .tile-link::after {
  content: attr(data-title);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px; /* set the fixed height */
  background-color: #ff2eb5;
  color: white;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}


.tile-link:hover::after {
  opacity: 1;
  transform: translateY(0); /* slide up into place */
}

/* 🚫 Kill pink banner only inside image carousel sections */
.section-container[id^="section-"][id*="image_carousel"] .tile-link::after,
.section-container[id^="section-"][id*="image_carousel"] .tile-link:hover::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
}


/* Move play button from center to bottom-right in video carousel */
.z-20 {
  top: auto !important;
  left: auto !important;
  bottom: 1rem;
  right: 1rem;
  transform: none !important;
}

/* Prevent logo from shrinking or scaling weirdly */
.locked-logo-wrapper {
  width: 200px; 
  max-width: 200px;
  min-width: 200px;
  flex-shrink: 0 !important;
}

.site-title-logo-image {
  width: auto !important;
  height: auto !important;
  max-height: 200px; 
  max-width: 200px !important;
  object-fit: contain !important;
  display: block;
}





header .locked-logo-wrapper {
  flex-shrink: 0 !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

header {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

/* Target the exact grid cell */
#shopify-section-header-main-grid .row-start-1:nth-child(1) {
  position: relative !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  flex-shrink: 0 !important;
}

/* Target the rendered logo wrapper inside the snippet */
.site-header__logo,
.row-start-1 .site-header__logo {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: absolute !important; /* locks into place */
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Target the img inside the logo snippet */
.site-header__logo img,
.site-title-logo-image {
  width: 100% !important;
  height: auto !important;
  vertical-align: middle !important;
}


/* Stop grid layout from resizing the logo column */
#shopify-section-header-main-grid > .row-start-1 {
  grid-column: span 2 / span 2 !important;
  max-width: 200px !important;
  min-width: 200px !important;
  width: 200px !important;
  position: relative !important;
  z-index: 2;
}

/* Keep logo image centered + contained */
.site-title-logo-image,
.site-header__logo img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}


/* LOCK THE LOGO SIZE & PREVENT MOVEMENT */
.locked-logo-wrapper.logo-has-alternate {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  display: block !important;
  position: relative !important;
}

/* FORCE LOGO IMAGE TO OBEY CONTAINING BOX */
.site-title-logo-image.logo-default {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
  vertical-align: middle !important;
  transform: none !important;
}

/* STOP THE GRID CONTAINER FROM STRETCHING IT */
#shopify-section-sections--{{ section.id }}-main-grid > .row-start-1 {
  grid-column: span 2 / span 2 !important;
  width: auto !important;
  justify-self: start !important;
  align-self: center !important;
}

img.logo-hardlock {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
  transform: none !important;
  vertical-align: middle !important;
}

.product-form button[type="submit"]:nth-of-type(2),
.product-form .shopify-payment-button:nth-of-type(2) {
  display: none !important;
}

/* Style the marquee wrapper */
.marquee {
  overflow: hidden;
  position: relative;
  background-color: black; /* Or use your color scheme class */
  color: white;
  width: 100%;
}

/* Style the inner container that moves */
.marquee-container {
  display: inline-block;
  white-space: nowrap;
  animation: marquee-scroll linear infinite;
}

/* The repeated phrases */
.marquee-container span {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 4rem; /* Wider spacing between each phrase */
  display: inline-block;
}

/* Scroll animation */
@keyframes marquee-scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.pl-series .pl-kicker-bottom {
  font-family: "Cormorant Garamond" !important, serif;
}
.pl-title {
  font-family: "Knewave" !important, serif;
  letter-spacing: 0;
}

.slideshow__controls--buttons{
  position: absolute; inset: 0;
  display:flex; align-items:center; justify-content:space-between;
  pointer-events:none; z-index:5;
}
.slideshow__controls--buttons .slider-button{
  pointer-events:auto; transform:none; top:0;
}

/* make the carousel a positioning context */
.gb-carousel{ position: relative; }

/* center both arrows vertically and pin to edges */
.gb-carousel button[aria-label*="Previous"],
.gb-carousel button[aria-label*="Next"]{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

/* specific sides */
.gb-carousel button[aria-label*="Previous"]{ left: .5rem; }
.gb-carousel button[aria-label*="Next"]{ right: .5rem; }

/* if your theme used a separate "controls at bottom" bar, float the buttons above it */
.gb-carousel .slider-buttons,
.gb-carousel .slideshow__controls--buttons{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;   /* let clicks pass through */
}
.gb-carousel .slider-buttons .slider-button,
.gb-carousel .slideshow__controls--buttons .slider-button,
.gb-carousel button[aria-label*="Previous"],
.gb-carousel button[aria-label*="Next"]{
  pointer-events: auto;   /* but keep arrows clickable */
}