/** Shopify CDN: Minification failed

Line 6:0 Unexpected "<"

**/
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

@font-face {
    font-family: 'Snell BT';
    src: url('https://cdn.shopify.com/s/files/1/0746/4439/0118/files/SnellBT-Regular.otf?v=1745508668') format('opentype');
    font-weight: normal;
    font-display: swap;
  }


.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
  }

  @font-face {
    font-family: 'Snell BT';
    src: url('https://cdn.shopify.com/s/files/1/0879/3885/9315/files/SnellBT-Regular.otf?v=1746626909') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  .lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  
.public-sans {
  font-family: "Public Sans", sans-serif;
}

body, p, h1, h2, h3, a, li, button, div, select, option {
    font-family: "Public Sans", sans-serif !important;
    font-weight: 300 !important;
}

h1 {
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px;
}

.no-results {
  text-align: center;
}

.cart-drawer .cart-item {
  display: flex !important;
  gap: 1rem;
  margin-bottom: 0;
}

/* First child (e.g. thumbnail) gets 20% */
.cart-drawer .cart-item > *:first-child {
  flex: 0 0 40% !important;
}

/* Second child (details, name, price, etc.) gets 80% */
.cart-drawer .cart-item > *:nth-child(2) {
  flex: 0 0 60% !important;
}

.cart-drawer .price {
  font-size: 1.2rem;
}

input::placeholder {
  color: #999 !important;
  opacity: 1 !important;
  font-size: 1.1rem; 
  letter-spacing: 1px;         /* Firefox needs this */
}

/* For WebKit-based browsers (Chrome, Safari) */
input::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}

/* For Microsoft Edge and IE 10+ */
input:-ms-input-placeholder {
  color: #999;
}