/** Shopify CDN: Minification failed

Line 682:7 Expected ":"

**/
 /* HERO CAROUSEL  */
 .hero-carousel-main .hero-carousel-content-image img,
 .hero-carousel-main .hero-carousel-content-image video {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .hero-carousel-main .hero-carousel-content {
   position: relative;
   height: 100%;
 }

 .hero-carousel-main .hero-carousel-content-content {
   width: 100%;
   padding: 2.5rem 0;
   position: absolute;
   display: flex;
   max-width: 41.25rem;
   max-height: max-content;
   z-index: 1;
 }

 /* @keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
} */

 /* .hero-carousel-main .hero-carousel-content-outer{
  animation: slideIn 0.8s ease-out forwards;
} */
 /* .hero-carousel-main .hero-carousel-content-outer.slide-in{
  animation: slideIn 0.8s ease-out forwards;
} */

 .hero-carousel-main .hero-carousel-content:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /* --overlay:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%); */
   background: var(--overlay);
 }

 .hero-carousel-main .hero-carousel-content-outer {
   width: 100%;
   display: flex;
 }

 .hero-carousel-main .hero-carousel-content-outer .hero-carousel-content-inner {
   width: 100%;
 }

 .hero-carousel-main .hero-carousel-content-outer .hero-carousel-content-inner .heading-wrapper,
 .cta-link-wrapper .cta-link,
 .cta-link-wrapper .cta-text {
   color: rgb(var(--text-color));
 }

 .hero-carousel-main .hero-carousel-content-image {
   position: relative;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 10%);
 }

 .hero-carousel-main .hero-carousel-content-image video {
   z-index: 1;
 }

 .hero-carousel-main .hero-carousel-content-content.content--center-left {
   left: 0;
   top: 50%;
   padding-left: 2.5rem;
   transform: translateY(-50%);
   max-width: 43.75rem;
 }

 .hero-carousel-main .hero-carousel-content-content.content--bottom-left {
   bottom: 3.5rem;
   left: 0;
   padding-left: 2.5rem;
   max-width: 43.75rem;
 }

 .hero-carousel-main .hero-carousel-content-content.content--bottom-center {
   bottom: 3.5rem;
   left: 50%;
   transform: translatex(-50%);
 }

 .hero-carousel-main .only-one-slide .hero-carousel-content-content.content--bottom-center {
   bottom: 2.5rem;
 }

 @media screen and (max-width: 768px) {
   .hero-carousel-main .only-one-slide .hero-carousel-content-content.content--bottom-center {
     bottom: 2.5rem !important;
   }
 }

 .hero-carousel-main .hero-carousel-content-content.content--center-center {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .hero-carousel-main .content-align--center {
   text-align: center;
 }

 .hero-carousel-main .content-align--left {
   text-align: left;
 }

 .hero-carousel-main .content-align--right {
   text-align: right;
 }

 .hero-carousel-main .cta-link-wrapper {
   display: flex;
   gap: .75rem;
   margin-top: 1.25rem;
 }

 .hero-carousel-main .content-align--center .cta-link-wrapper {
   justify-content: center;
   align-items: center;
 }

 .hero-carousel-main .content-align--left .cta-link-wrapper {
   justify-content: left;
 }

 .hero-carousel-main .content-align--right .cta-link-wrapper {
   justify-content: right;
   align-items: flex-end;
 }

 .hero-carousel-content-content .heading.small-hide {
   font-size: 1.625rem;
   line-height: 2.275rem;
   letter-spacing: 0.065rem;
 }

 .hero-carousel-content-content .heading.medium-hide.large-up-hide {
   font-size: 1.125rem;
   line-height: 1.5625rem;
   letter-spacing: 0.045rem;
 }

 .hero-carousel-main .content--center-center .hero-carousel-content-outer {
   justify-content: center;
 }

 .hero-carousel-swiper .swiper-pagination-custom .swiper-pagination {
   display: flex;
   padding: 0.375rem 0.5rem;
   justify-content: center;
   align-items: center;
   gap: 0.375rem;
   border-radius: 3.125rem;
   background: linear-gradient(0deg, #0D0D0D 0%, #0D0D0D 100%), rgba(191, 191, 191, 0.10);
   background-blend-mode: color-dodge, normal;
   backdrop-filter: blur(1.25rem);
   width: fit-content;
   left: calc(50% - 1.25rem);
   bottom: 2.5rem;
   z-index: 10;
 }

 .hero-carousel-swiper .swiper-pagination-custom .swiper-pagination .swiper-pagination-bullet {
   background: white;
   width: 0.25rem;
   height: 0.25rem;
   margin: 0;
   opacity: 0.3;
 }

 .hero-carousel-swiper .swiper-pagination-custom .swiper-pagination .swiper-pagination-bullet-active {
   opacity: 1;
 }

 /* .hero-carousel-content-inner .cta-link-wrapper .cta-link {
  position: relative;
  text-decoration: none;
  background: transparent;
}

.hero-carousel-content-inner .cta-link-wrapper .cta-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.3rem;
  width: 100%;
  height: 0.56px;
  background-color: currentColor;
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}

.hero-carousel-content-inner .cta-link-wrapper .cta-link:hover::after {
  transform: scaleX(0);
} */
 .hero-carousel-content-inner .cta-link-wrapper .button {
   border: none;
   --initial-gradient: none;
   /* max-width: 7rem; */
   width: 100%;
 }

 .hero-carousel-content-inner .cta-link-wrapper {
   display: inline-block;
 }

 :root {
   --button-white-background: #fff;
   --button-black-color: #000;
   --button-black-background: #000;
   --button-white-color: #fff;
   --button-blue-background: #0E2EA0;
   --button-blue-color: #0E2EA0;
 }

 .hero-carousel-content-inner .cta-link-wrapper .button--white,
 .follow-btn .cta-link-wrapper .button--white {
   background-color: var(--button-white-background);
   background-image: var(--button-white-background);
   color: var(--button-black-color);
 }

 .hero-carousel-content-inner .cta-link-wrapper .button--black {
   background-color: var(--button-black-background);
   color: var(--button-white-color);
 }

 .hero-carousel-main.hero-carousel-section {
   background: rgb(var(--background));
 }

 @media screen and (max-width: 1023px) {
   .hero-carousel-main .content-align--center-mobile {
     text-align: center;
   }

   .hero-carousel-main .content-align--left-mobile {
     text-align: left;
   }

   .hero-carousel-main .content-align--right-mobile {
     text-align: right;
   }

   .hero-carousel-main .content-align--center-mobile .cta-link-wrapper {
     justify-content: center;
     align-items: center;
   }

   .hero-carousel-main .content-align--left-mobile .cta-link-wrapper {
     justify-content: left;
   }

   .hero-carousel-main .content-align--right-mobile .cta-link-wrapper {
     justify-content: right;
     align-items: flex-end;
   }

   .hero-carousel-main .hero-carousel-content-content.content--bottom-center-mobile {
     top: unset;
     left: 50%;
     transform: translatex(-50%);
   }

   .hero-carousel-main .hero-carousel-content-content.content--center-center-mobile {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }
 }

 @media screen and (max-width : 1024px) {
   .hero-carousel-main .hero-carousel-content-content {
     max-width: 43.75rem;
   }
 }

 @media screen and (max-width: 768px) {
   .hero-carousel-main .hero-carousel-content-content {
     max-width: 28rem;
     padding: 0 3.75rem;
   }

   .hero-carousel-main .hero-carousel-content-content.content--bottom-center-mobile {
     bottom: 6rem;
   }
 }

 @media screen and (max-width: 390px) {
   .hero-carousel-main .hero-carousel-content-content {
     padding: 0 1.25rem;
   }
 }

 .hero-carousel-content-image a {
   width: 100%;
   height: 100%;
 }

 .hero-carousel-content-image a img,
 .hero-carousel-content-image a video {
   width: 100%;
   height: auto;
   pointer-events: auto;
 }

 .hero-carousel-content-image a {
   pointer-events: auto;
   z-index: 1;
   position: relative;
 }

 /* The Vault Styles */
 :root {
   --vault-brand: rgb(184, 134, 11);
 }

 .button-vault {
   --initial-gradient: linear-gradient(var(--vault-brand), var(--vault-brand));
   border: 1px solid var(--vault-brand);
   background-image: var(--initial-gradient), var(--hover-gradient);
 }

 section[id*="__vault-collection-banner"] .color-scheme {
   padding-bottom: 40px;
 }

 section[id*="__vault-collection-banner"] .collection-banner-description {
   margin-top: 0;
 }

 .vault-title-wrapper .vault-title-container {
   padding: 40px 0px;
 }

 .vault-title-container {
   text-align: center;
   align-items: center;
   display: flex;
   flex-direction: column;
 }

 /* Vault Countdown Banner */
 .shopify-section.vault-countdown-banner {
   position: sticky;
   top: 0;
   left: 0;
   z-index: 3;
 }

 .vault-timer-banner {
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   z-index: 10;
   width: 100%;
   width: 100vw;
   text-align: center;
   padding: 1.25rem 1.25rem;
   background: var(--vault-brand);
   color: #ffffff;
 }

 .vault-timer-banner p {
   margin: 0.5em 0;
 }

 /* Countdown container styling */

 .vault-countdown-details {
   display: flex;
   justify-content: center;
   gap: 30px;
   margin-bottom: 10px;
   flex-wrap: wrap;
 }

 .countdown-period {
   font-size: 0.9em;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .countdown-label-secondary {
   font-weight: 600;
   font-size: 0.85em;
   opacity: 0.7;
   margin-bottom: 2px;
 }

 .countdown-date {
   font-weight: 500;
 }

 .countdown-header {
   margin-bottom: 0.6rem;
   line-height: 1.25rem;
   letter-spacing: 0.035rem;
   font-size: 1em;
   opacity: 0.9;
 }

 .vault-countdown-timer {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5px;
   font-weight: 600;
   font-size: 1.2em;
 }

 .countdown-unit {
   display: flex;
   flex-direction: column;
   align-items: center;
   min-width: 60px;
   opacity: 0.9;
 }

 .countdown-unit span:first-child {
   font-size: 1.3em;
   font-weight: 700;
 }

 .countdown-label {
   font-size: 0.6em;
   text-transform: uppercase;
   margin-top: 2px;
   opacity: 0.6;
 }

 .countdown-separator {
   font-weight: 700;
   font-size: 1.3em;
   margin-top: -14px;
   opacity: 0.8;
 }

 /* Responsive adjustments */
 @media screen and (max-width: 768px) {

   .vault-timer-banner {
     padding: 0.75rem;
   }

   .countdown-label {
     font-size: 0.5em;
   }

   .countdown-header {
     margin-bottom: 0.3rem;

   }

   .vault-user-info {
     flex-direction: column;
     gap: 8px;
   }

   .vault-countdown-details {
     gap: 15px;
   }

   .countdown-unit {
     min-width: 45px;
   }
 }

 .empty-state--vault {
   padding-block: 5rem;
 }

 @media screen and (max-width: 768px) {
   .empty-state--vault {
     padding-block: 2rem;
   }
 }


 .container.vault-grade-selector {
   margin: 0;
   margin-bottom: 60px;
   padding: 2rem 3rem;
 }

 .vault-grade-selector-grid {
   margin: 0 auto 0;
   display: flex;
   justify-content: center;
   gap: 2rem;
   padding: 0 2rem;
 }

 .vault-grade-panel {
   flex: 0 0 25%;
   max-width: 25%;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 61.5px;
 }

 @media screen and (max-width: 1149px) {
   .vault-grade-selector-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 1.5rem;
     padding: 0;
   }

   .vault-grade-panel {
     flex: unset;
     max-width: unset;
   }
 }


 .vault-grade-selector-grid:hover .vault-grade-panel {
   opacity: 0.4;
 }

 .vault-grade-selector-grid:hover .vault-grade-panel:hover {
   opacity: 1;
 }

 .vault-grade-panel {
   padding: 0;
   cursor: pointer;
   transition: opacity 0.3s ease-in-out;

 }

 .vault-grade-panel .vault-grade-panel-inner {
   height: 100%;
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   position: relative;
   padding: 1.5rem 1.5rem 2rem;
   transition: all 0.3s ease-in-out;
   border: 1px solid #d9d9d9;
   width: 100%;
   justify-content: center;
   align-items: center;
 }

 .vault-grade-panel:hover .vault-grade-panel-inner {
   background: #ffffff;
   border: 1px solid var(--vault-brand);
 }

 .vault-grade-title {
   font-size: 1.1rem;
   font-weight: 400;
   margin-bottom: 0.2rem;
 }

 .vault-grade-title.no-discount {
   font-size: 1.3rem;
   color: var(--vault-brand);
   font-weight: 600;
   letter-spacing: 0.1em;
   margin-bottom: 0;
 }


 .vault-grade-discount {
   font-size: 1.3rem;
   color: var(--vault-brand);
   font-weight: 600;
   letter-spacing: 0.1em;
 }

 .vault-grade-desc {
   line-height: 1.25rem;
   letter-spacing: 0.035rem;
 }


 @media screen and (max-width: 768px) {
   .container.vault-grade-selector {
     padding-top: 0.5rem
   }

   .vault-grade-selector-grid {
     width: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
     gap: 0.75rem;
     padding: 0;
   }

   .vault-grade-panel {
     flex: 0 0 100%;
     max-width: 100%;
     text-decoration: none !important;
     background-color: #fff !important;
     border: 1px solid rgb(var(--border-color)) !important;
     color: #000 !important;
     order: 2 !important;
     line-height: 1.25rem !important;
     letter-spacing: 0.035rem !important;
     padding: 0.5625rem 3.09375rem 0.6875rem 3.09375rem !important;
   }

   .vault-grade-panel-inner {
     padding: 0 !important;
     border: none !important;
   }

   .vault-grade-panel .vault-grade-panel-inner::after {
     display: none;
   }

   .vault-grade-title {
     font-size: 0.9rem;
     margin-bottom: 0rem;
   }

   .vault-grade-discount {
     font-size: 0.8rem;
   }

   .vault-grade-desc {
     display: none;
   }

 }

 .shopify-section--vault-back-button .container {
   padding: 1.5rem 0 0;
 }

 .shopify-section--vault-back-button a {
   display: flex;
   flex-direction: row;
   gap: 0.5rem;
   align-items: center;
 }

 @media screen and (min-width: 1024px) {

   body.vault .product-info,
   body.vault .product-gallery__thumbnail-list {
     top: 14.75rem !important;
   }

   body.vault:has(header .is-hidden) .product-info,
   body.vault:has(header .is-hidden) .product-gallery__thumbnail-list {
     top: 10.5rem !important;
   }
 }

 .price-list.price-list.price-list--vault {
   display: flex;
   flex gap: .5rem;
   flex-direction: row-reverse;
   justify-content: flex-end;
 }

 .product-card .price-list.price-list.price-list--vault {
   flex-direction: row;
   justify-content: flex-start;
 }

 .price-list--vault compare-at-price {
   font-size: .75rem;
   color: #aeaeae
 }

 .text-on-sale {
   color: #5b5b5b;
   font-size: .875rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.25rem;
   letter-spacing: .035rem;
 }

 .badge--vault-product-condition {
   position: absolute;
   top: 0.75rem;
   left: 0.75rem;
   background-color: #ffffff;
   text-transform: uppercase;
   padding: 0.35rem 0.7rem;
   line-height: 1.25rem;
   font-size: 0.75em;
   color: #888;
   letter-spacing: 0.035rem;
   z-index: 2;
 }

 .link-grey-button--vault {
   text-decoration: none !important;
   background-color: #EFEFEF !important;
   color: #000 !important;
   order: 2 !important;
   line-height: 1.25rem !important;
   letter-spacing: 0.035rem !important;
   padding: 0.5625rem 3.09375rem 0.6875rem 3.09375rem !important;
 }

 .vault-collection-link .link-grey-button--vault {
   width: 100% !important;
   display: block;
   text-align: center;
   background-color: #ffffff !important;
   border: 1px solid rgb(var(--border-color)) !important;
 }

 /* Vault Key Image */
 .vault-key-image {
   max-width: 85px;
   margin: 0 auto 12px;
   display: block;
 }

 @media screen and (max-width: 768px) {
   .vault-key-image {
     max-width: 70px;
   }
 }

 .vault-product-condition-title {
   color: var(--vault-brand);
 }

 .vault-product-condition-description {
   font-size: .875rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.25rem;
   letter-spacing: 0.035rem;
 }

 /* Vault Form Success Message */
 .vault-content.waiting-list-intro {
   display: block;
 }

 .vault-content.success-message {
   display: none;
 }

 .vault-content.success-message .v-stack {
   text-align: center;
 }

 /* Vault Form Error */
 .form-error {
   margin-bottom: 1rem;
 }

 .vault-closed-banner {
   padding: 0 2rem 4rem;
   text-align: center;
 }

 .vault-closed-banner .countdown-header {
   margin-bottom: 2.5rem;
 }

 .vault-closed-banner .vault-countdown-timer {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 1rem;
   margin-bottom: 1rem;
 }

 .vault-closed-banner .countdown-unit {
   display: flex;
   flex-direction: column;
   align-items: center;
   min-width: 60px;
 }

 .vault-closed-banner .countdown-unit span:first-child {
   font-size: 2rem;
   line-height: 1;
   margin-bottom: 0.5rem;
 }

 .vault-closed-banner .countdown-label {
   font-size: 0.6rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   opacity: 0.9;
 }

 .vault-closed-banner .countdown-separator {
   font-size: 2rem;
   font-weight: bold;
   opacity: 0.7;
 }

 .vault-closed-banner .countdown-opening-date {
   margin-top: 3rem;
 }

 @media (max-width: 768px) {

   .vault-closed-banner {
     padding: 0 1rem 1.5rem;
   }

   .countdown-header {}

   .vault-closed-banner .countdown-unit span:first-child {
     font-size: 2rem;
   }

   .vault-closed-banner .countdown-unit {
     min-width: 50px;
   }

   .vault-closed-banner .vault-countdown-timer {
     gap: 0.5rem;
   }
 }

 .vault-product .product-card__media {
   background-color: #ffffff;
 }

 .shopify-section--vault-upsell {
   overflow-x: hidden;
 }

 .account-button-wrapper {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   justify-content: start;
 }

 @media (min-width: 576px) {
   .account-button-wrapper {
     flex-direction: row;
   }
 }