/** Shopify CDN: Minification failed

Line 502:17 Unexpected "*"
Line 507:46 Unexpected "__main"
Line 605:23 Unexpected "__main-padding"

**/
#shop-hcaptcha-badge-container {
    font-weight: 600;
    display: none !important
}


.search-modal__content {

  background-color: #fff;
}


/* hero banner */

.banner {
    padding-bottom: 48px;
    border-bottom: 1px solid #cccc;
}

.header {
  padding-left: 24px;
  padding-right: 24px; 
  padding-top: 24px;  
  padding-bottom: 24px;
}

/* Heading sizes */
.banner__heading {
    margin-bottom: 0;
    margin-top: 0;
    font-family: "Forma DJR Mono Header", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: calc(var(--font-heading-scale) * -0.001em);
}

.banner__heading.large {
    font-size: calc(var(--font-heading-scale) * 9rem) !important;
    line-height: 100%;
    letter-spacing: calc(var(--font-heading-scale) * -0.001em);
    
}

.banner__heading.medium {
    font-size: calc(var(--font-heading-scale) * 6.4rem) !important;
    line-height: 100%;
    letter-spacing: calc(var(--font-heading-scale) * -0.001em);
}

@media screen and (max-width: 749px) {
    .banner__heading.large {
        font-size: calc(var(--font-heading-scale) * 5.5rem) !important;
    }

    .banner__heading.medium {
        font-size: calc(var(--font-heading-scale) * 4rem) !important;
        letter-spacing: 0em;
    }
}

@media screen and (max-width: 768px) {
    .banner {
        padding-bottom: 32px;
    }
}
  
/* Add the new button styles here */
.banner__buttons .button {
    /* Base button style */
    background-color: #FFFFFF;
    color: #000000;
    border-bottom: 2px solid #000000;
    font-family: 'Forma DJR Mono Header', sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 4px 24px 8px 4px;
    transition: background-color 0.2s ease;
    justify-content: left;
    align-items: left;
    min-height: 24px;
    font-size: 1.8rem;
  }
  
  .banner__buttons .button:hover {
    background-color: #F4B942; /* The gold/yellow color */
    color: #000000;
    border-bottom: 2px solid #F4B942;
    transform: rotate(-2deg);
  }

  /* Remove any inherited shadows */
.banner__buttons .button::before,
.banner__buttons .button::after {
  display: none;
}

.banner__media {
    height: 100%;
    position: relative;
    width: calc(100% - 24px);  /* 12px margin on each side for mobile */
    margin-left: 12px;
    margin-right: 12px;
    display: block;
}

@media screen and (min-width: 750px) {
    .banner--large:not(.banner--adapt) .banner__media-container {
        height: 96vh !important;
    }
}

@media screen and (min-width: 750px) {
    .banner__media {
        width: calc(100% - 48px);  /* 24px margin on each side for desktop */
        margin-left: 24px;
        margin-right: 24px;
    }
}

.banner .banner__subcopy,
.banner__box .banner__subcopy {
    font-size: 1.8rem !important;  /* Using !important since this is a deliberate override */
}

@media screen and (max-width: 749px) {
    .banner__heading {
        font-size: calc(var(--font-heading-scale) * 5.5rem) !important; /* 6.8rem = 68px since 1rem = 10px */
        
    }

    .banner .banner__subcopy,
.banner__box .banner__subcopy {
    font-size: 1.6rem !important;  /* Using !important since this is a deliberate override */
}

    .banner--mobile-bottom .banner__box {
        padding: 0rem 24px !important;
        padding-bottom: 24px !important;
        padding-top: 32px !important;
    }
}

/* Krispy Collections */
/* Product page container */
[class*="section-template--"][class*="__main-padding"] .page-width {
    padding-left: 1.2rem !important;  /* 12px for mobile */
    padding-right: 1.2rem !important;  /* 12px for mobile */
}

@media screen and (min-width: 750px) {
    [class*="section-template--"][class*="__main-padding"] .page-width {
        padding-left: 2.4rem !important;  /* 24px for desktop */
        padding-right: 2.4rem !important;  /* 24px for desktop */
    }
}

/* Keep existing styles */
:root {
    --grid-desktop-horizontal-spacing: 16px;
    --grid-desktop-vertical-spacing: 16px;
    --grid-mobile-horizontal-spacing: 12px;
    --grid-mobile-vertical-spacing: 12px;
    --variant-pills-radius: 0;
}

/* Mobile facets drawer padding */
.mobile-facets__main {
    padding: 2.7rem 1.2rem 0 1.2rem !important;  /* 12px left and right padding */
}

.mobile-facets__info {
    padding: 0 1.2rem !important;  /* 12px left and right padding */
}

.mobile-facets__header {
    padding: 1rem 1.2rem !important;  /* 12px left and right padding */
}

.mobile-facets__footer {
    padding: 2rem 1.2rem !important;  /* 12px left and right padding */
}

/* Keep drawer width */
.mobile-facets__inner {
    max-width: 37.5rem !important;
    width: calc(100% - 5rem);
    margin-left: auto;
}

/* Add white background to product cards */
.card-wrapper .card {
    background-color: #FFFFFF !important;
}

.card--standard .card__inner {
    background-color: #FFFFFF !important;
}

/* Keep existing styles */
.card__content,
.card__information {
    text-align: center !important;
    justify-content: center;
}

/* Product title style */
.card__heading {
    font-size: 1.8rem !important;
    font-family: 'Forma DJR Mono Header', sans-serif !important;
    text-transform: uppercase !important;
    display: inline-block;
}

/* Mobile title size */
@media screen and (max-width: 749px) {
    .card__heading {
        font-size: 1.6rem !important;
    }
}

/* Hover effect */
.card__heading .full-unstyled-link {
    text-decoration: none;
    display: inline;
    padding: 0 4px;
    transition: background-color 0.3s ease;
}

.card__heading .full-unstyled-link:hover {
    background-color: #F4B942;
    text-decoration: none;
}

/* Base price styling */
.price {
  text-align: center;
}

/* Collection card price styling - being very specific */
.card-information .price,
.card-information .price .price-item {
  font-size: 1.8rem !important;
  font-weight: 400 !important; /* Regular weight */
  font-family: var(--font-body-family) !important; /* Use the body font variable */
  text-align: center;
  letter-spacing: normal;
}

/* Product page price styling */
.template-product .product__info-container .price {
  text-align: left !important;
  font-family: "Forma DJR Mono", monospace;
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

/* Ensure product page price elements maintain styling */
.template-product .product__info-container .price * {
  text-align: left !important;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* Control spacing between price and add to cart button on product page */
.template-product .product-form {
  margin-top: 1rem;
}

/* Product layout */
@media screen and (min-width: 750px) {
  .product__media-wrapper,
  .product__info-wrapper {
    width: 65% !important;  /* Match the 65% width requirement */
  }
  
  .product__info-wrapper {
    width: 35% !important;  /* Take remaining space */
    padding-left: 24px !important;
  }
}

/* Product accordions */
.product__accordion {
  margin-top: 32px;
  width: 100%;
  border: none;
  background: white;
}

.product__accordion:empty,
.product__accordion .accordion__content:empty {
  display: none !important;
}

.product__accordion summary {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  list-style: none;
  transition: background-color 0.2s ease;
}

/* Remove default arrow in all browsers */
.product__accordion summary::-webkit-details-marker,
.product__accordion summary::marker {
  display: none;
}

.product__accordion .summary__title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.product__accordion .accordion__title {
  margin: 0;
  font-size: 18px !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: var(--font-heading-family);
  display: inline;
  padding: 2px 4px;
}

/* Add background hover effect for accordion titles */
.product__accordion summary:hover .accordion__title {
    background-color: #FFBF03;
    transition: background-color 0.2s ease;
}

/* Rotate icon when open */
.product__accordion[open] summary svg {
  transform: rotate(180deg);
}

.product__accordion summary svg {
  transition: transform 0.3s ease;
}

.product__accordion[open] summary {
  border-bottom: none;
}

.product__accordion summary:hover {
  background-color: transparent;
}

.product__accordion .accordion__content {
  padding: 16px 0;
  font-size: 14px;
  line-height: 1.6;
}

.product__accordion .accordion__content p {
  margin: 0 0 1em 0;
}

.product__accordion .accordion__content ul {
  margin: 0;
  padding-left: 20px;
  list-style-type: disc;
  list-style-position: outside;
}

.product__accordion .accordion__content li {
  margin-bottom: 0.5em;
}

/* Mobile adjustments */
@media screen and (max-width: 749px) {
  .product__accordion {
    margin-top: 24px;
  }

  .product__accordion summary {
    padding: 14px 0;
  }

  .product__accordion .accordion__title {
    font-size: 16px !important;
  }

  
}

/* Style links in accordion content */




/* Single column product images */
@media screen and (min-width: 990px) {
  .product--stacked .product__media-item {
    max-width: 100% !important; /* Override the 50% max-width */
    width: 100% !important;
  }

  .product__media-list {
    display: flex;
    flex-direction: column;
    gap: calc(12 / 10) rem; /* Converting 12px to rem */
  }

  .product:not(.product--columns) .product__media-list .product__media-item {
    width: 100%;
    max-width: 100%;
  }
}

/* Ensure images maintain aspect ratio */
.product__media-item > * {
  width: 100%;
  height: auto;
}

/* Product page add to cart button */
.product-form__buttons {
  width: 100%;
  display: block;
  max-width: none !important; /* Override the 44rem max-width */
}

.product-form__submit {
  width: 100%;
  background-color: #000000;
  color: #FFFFFF;
  font-family: "Forma DJR Mono", monospace;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  padding: 16px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  margin: 0;
  display: block;
}

.product-form__submit:hover {
  background-color: #F4B942;
  color: #000000;
}

/* Remove any theme default styles */
.product-form__submit::before,
.product-form__submit::after {
  content: none;
}

/* Ensure form container doesn't have any restricting styles */
.product-form {
  width: 100%;
  display: block;
}

/* Add this more specific rule to override the general margin */
.product__info-container .price-item {
  margin: 0; /* or whatever specific margin you want */
}

/* If you need to adjust the spacing between the price and the Shop Pay text */
.product__installment-wrapper {
  margin-bottom: 2.5rem !important; /* adjust this value as needed */
}

/* Target the price specifically on the product page */
.product__info-container .price {
  text-align: left;
  font-family: "Forma DJR Mono", monospace; /* Your heading font */
  font-size: 2.5rem; /* Adjust this value as needed */
  font-weight: 700; /* Bold weight - adjust if needed */
  padding-top: 2.4rem;
  border-top: solid 1px #cccc;
  margin-top: 24px;
}

.product__info-container .price-item {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}

/* If you need to adjust the currency symbol size */
.product__info-container .price .money {
  font-size: inherit;
  font-weight: inherit;
}

/* Remove any center alignment that might be inherited */
#price-template--* {  /* Replace * with your template ID */
  text-align: left !important;
}

/* Target the specific price container structure shown in DevTools */
.product__info-container .price-template--[ID]__main {
  text-align: left;
}

.product__info-container .price_container {
  text-align: left;
  justify-content: flex-start;
}

/* Style the price itself */
.product__info-container .price {
  text-align: left;
  justify-content: flex-start;
  font-family: "Forma DJR Mono", monospace;
  font-size: 2.5rem;
  font-weight: 700;
}

/* Make sure the price item itself is also aligned */
.product__info-container .price-item {
  text-align: left;
}

/* Override the price classes shown in the DOM */
.price.price--large.price--show-badge {
  text-align: left !important;
  justify-content: flex-start !important;
}

.price_container {
  text-align: left !important;
  justify-content: flex-start !important;
}

.price_regular {
  text-align: left !important;
  justify-content: flex-start !important;
}

/* Style the actual price text */
.price-item.price-item--regular {
  text-align: left !important;
  font-family: "Forma DJR Mono", monospace;
  font-size: 2.5rem;
  font-weight: 700;
}

/* Control spacing to button */
.price--large {
  margin-bottom: 1rem;
}

/* Target the product title specifically */
.product__info-container .product__title h1,
.product__info-container .product__title .h1 {
  line-height: 1; /* Set to 100% */
  margin: 0; /* Remove any margin that might affect spacing */
}

/* In case we need to target the wrapper */
.product__info-container .product__title {
  line-height: 1;
  margin: 0;
}

/* Override the variant pills radius CSS variable */
:root {
  --variant-pills-radius: 0;
}

/* In case we need to be more specific */
.product-form__input--pill {
  --variant-pills-radius: 0;
}

/* And ensure the before element is also square */
.product-form__input--pill input[type='radio'] + label,
.product-form__input--pill input[type='radio'] + label:before {
  border-radius: var(--variant-pills-radius);
}

/* Make variant pills square with equal padding */
.product-form__input--pill input[type='radio'] + label {
  padding: 1.5rem !important; /* Use !important since the original styles use it */
  display: inline-block;
  text-align: center;
  min-width: 0; /* Remove any minimum width constraints */
  min-height: 0; /* Remove any minimum height constraints */
}

/* Ensure the text is centered within the square */
.product-form__input--pill input[type='radio'] + label span {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Add bottom border to main product section */
.section-template--[ID]__main-padding.gradient {
  border-bottom: 1px solid #cccccc;
}

/* If we need to be more specific */
product-info.gradient {
  border-bottom: 1px solid #cccccc;
}

/* Set standard padding and border for product info section */
product-info {
  padding-top: var(--section-padding-top);
  padding-bottom: 4.8rem !important;
  border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 749px) {
  product-info {
    padding-top: calc(var(--section-padding-top) * 0.75);
    padding-bottom: 3.2rem !important;
  }
}

/* Related Products - Full width with consistent padding */
.related-products {
  width: 100%;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  margin: 0 auto;
}

.related-products .product-grid {
  margin: 0;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .related-products {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.page-width {
  width: 100%;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  max-width: none;
}

@media screen and (max-width: 749px) {
  .page-width {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

/* Custom badge styling */
.card {
  position: relative;  /* This establishes the positioning context */
}

/* Reset and properly position the badge */
.card__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 3;  /* Ensure it stays above other elements */
  align-self: unset;
  grid-row-start: unset;
  justify-self: unset;
}

/* Style the badge itself */
.card__badge .badge {
  background-color: black;
  color: white;
  font-family: 'Dad', sans-serif;
  padding: 8px 8px;
  border-radius: 0;
  transform: rotate(-2deg);
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
}

/* Override any theme default colors */
.badge.color-scheme-3,
.badge.color-scheme-4,
.badge.badge--bottom-left,
.badge.badge--bottom-right,
.badge.badge--top-left,
.badge.badge--top-right,
.price__badge-sold-out.color-scheme-3 {
  background-color: black !important;
  color: white !important;
}

/* Product page badge styling */
.price .price__badge-sold-out {
  background-color: black;
  color: white;
  font-family: 'Dad', sans-serif;
  padding: 8px 8px;
  border-radius: 0;
  transform: rotate(-2deg);
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  margin: 0;
}

/* Ensure proper display of product page badge */
.price--sold-out .price__badge-sold-out {
  display: inline-block;
}