/** Shopify CDN: Minification failed

Line 60:8 Expected identifier but found whitespace
Line 60:14 Unexpected "!"

**/
/* TEXT STYLING */

h1,h2,h3,h4,h5 {
font-family: Cutive Mono !important;
font-weight:400 !important;
}

p {font-family: Albert Sans !important;
font-weight:400 !important;}


a {
 font-family: Cutive Mono !important;
font-weight:400 !important;
}

.collection-list a.product-link,
.collection a.product-link,
.product-block a.product-link {
  font-family: 'Albert Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #222;
  text-decoration: none;
  transition: color 0.25s ease;
}

/* Optional: Hover effect */
.collection-list a.product-link:hover,
.collection a.product-link:hover {
  color: #0077cc; /* Adjust to your brand highlight */
}

/* Override the left alignment on product detail wrapper */
.product-block__detail.align-ltr-left {
  text-align: center !important;  /* Force override */
}

.product-block__title {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

/* remove inline-block from this so flex works */
.product-price--block {
  margin-left: auto;
  margin-right: auto;
}

display: flex !important;


/* Override flex to enable centering */
.product-block__detail .product-price--block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
}


/* Optional: clean spacing and styling */
.product-block__detail .product-price--block .price {
  margin: 4px auto 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #B51E4F;
}




.badge {
border-radius:40px;
}

/* rounded corners on collection page */

.product-block.collection-block .image-cont {
  border-radius: 12px;
  overflow: hidden;
  background-color: transparent;
}
.product-block.collection-block .image-cont img {
  border-radius: inherit;
  display: block;
}
.product-block.collection-block .image-cont {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-block.collection-block .image-cont:hover {
  transform: scale(1.03); /* Slight zoom */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Soft shadow */

}



/* rounded on collection specific page eg. cards*/

/* Round corners on product images inside a collection */
.product-block__image .theme-img {
  border-radius: 12px;
  display: block;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}




/* hover to buttons*/

.button,
.shopify-payment-button__button,
.btn,
.button--primary,
.button--secondary {
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.button:hover,
.shopify-payment-button__button:hover,
.btn:hover,
.button--primary:hover,
.button--secondary:hover {
  transform: scale(1.015); /* Smaller scale, more subtle */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); /* Softer shadow */
}


/*gallery section*/

/* 1. Round the image itself */
.gallery .slider__grid img {
  border-radius: 16px;
  display: block;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

/* 2. Add hover effect */
.gallery .slider__grid img:hover {
  transform: scale(1.02);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

/* 3. Clip the wrapping containers */
.gallery .slider__grid > div,
.gallery .slider__grid .media,
.gallery .slider__grid .gallery__item,
.gallery .slider__grid .image-cont {
  border-radius: 16px;
  overflow: hidden;
  background-color: transparent;
}


/* custom backgrounds */

.striped-bg {
  background-image: url('/cdn/s/files/.../stripebackground.png'); 
  background-repeat: repeat;
  background-position: top center;
  background-size: auto;
  padding: 60px 20px;
}


/*MOBILE SIZING AND PADDING */

/* SOLD OUT LABEL BELOW PRICE — PILL STYLE */

.product-block .price-label--sold-out {
  display: inline-block;
  margin: 8px auto 0 auto; /* center horizontally */
  background-color: #B51E4F;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 20px;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}


/* Optional mobile font tweak */
@media screen and (max-width: 749px) {
  .product-block .price-label--sold-out {
    font-size: 11px;
    padding: 4px 8px;
  }
}