/** Shopify CDN: Minification failed

Line 174:4 Unexpected "{"
Line 174:5 Expected identifier but found "%"
Line 175:45 Unexpected "'t coming from this element'"
Line 176:99 Unterminated string token
Line 180:5 Expected identifier but found "%"
Line 187:4 Unexpected "{"
Line 187:5 Expected identifier but found "%"
Line 188:42 Unexpected "("
Line 192:93 Unterminated string token
Line 193:93 Unterminated string token
... and 8 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:cart-drawer (INDEX:4) */
/* ── Logo header ── */
.cart-drawer__logo-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.cart-drawer__logo-img {
  display: block;
  width: 80px;
  height: auto;
}

/* ── Free shipping bar ── */
.cart-drawer free-shipping-bar .progress-bar {
  background: #e0dbd3 !important;
  height: 3px !important;
}

.cart-drawer free-shipping-bar .progress-bar:before {
  background: #1c1c1c !important;
}

.cart-drawer .free-shipping-bar span,
.cart-drawer .free-shipping-bar .free-shipping-bar__text {
  font-weight: 700 !important;
  color: #1c1c1c !important;
  opacity: 1 !important;
}

/* ── Discount code row (dormant — markup removed, styles kept for easy re-add) ── */
.cart-drawer__discount-row {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}

.cart-drawer__discount-input {
  flex: 1 1 0;
  height: 2.5rem;
  padding: 0 0.75rem;
  border: 1px solid #d0ccc6;
  border-radius: 4px;
  font-family: var(--text-font-family);
  font-size: 0.8125rem;
  color: #1c1c1c;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s ease;
}

.cart-drawer__discount-input::placeholder {
  color: #9e9e9e;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}

.cart-drawer__discount-input:focus {
  border-color: #1c1c1c;
}

.cart-drawer__discount-apply {
  flex-shrink: 0;
  height: 2.5rem;
  padding: 0 1rem;
  background: #1c1c1c;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-family: var(--heading-font-family);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.15s ease;
  white-space: nowrap;
}

.cart-drawer__discount-apply:hover {
  background: #3a3a3a;
}

.cart-drawer__discount-apply:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cart-drawer__discount-feedback {
  font-size: 0.75rem;
  margin: 0;
  min-height: 1rem;
}

/* ── Best-sellers block ── */
.cart-drawer__bestsellers-block {
  background: #f5f0e8;
  margin-inline: calc(-1 * var(--drawer-body-padding-inline, 1.25rem));
  padding: 1rem var(--drawer-body-padding-inline, 1.25rem);
  border-top: 1px solid rgba(0,0,0,0.06);
}

@media screen and (min-width: 1000px) {
  .cart-drawer__bestsellers-block {
    margin-inline: calc(-1 * var(--drawer-body-padding-inline, 2rem));
    padding: 1rem var(--drawer-body-padding-inline, 2rem);
  }
}

.cart-drawer__bestsellers-heading {
  font-family: var(--heading-font-family);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1c1c1c;
  margin-bottom: 0.75rem;
}

.cart-drawer__bestsellers-stack {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.cart-drawer__bestsellers-stack .horizontal-product-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: #ffffff;
  border-radius: 4px;
  padding: 0.625rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  width: 100%;
}
/* END_SECTION:cart-drawer */

/* START_SECTION:main-product (INDEX:38) */
.product-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.4em;
  flex-wrap: wrap;
  grid-area: product-breadcrumb;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.6rem;
}

@media screen and (max-width: 699px) {
  .product-breadcrumb {
    {%- comment -%}
    The visible gap above the breadcrumb wasn't coming from this element's own margin — it was the
    grid's row-gap (--product-gap, ~30px on mobile), which applies between every row in the gallery
    + breadcrumb + info stack regardless of margin. A positive margin-top here only adds on top of
    that gap instead of closing it. Pulling up with a negative margin roughly equal to the row-gap
    (minus a little breathing room) actually closes the space.
    {%- endcomment -%}
    margin-top: -1.25rem;
  }
}

@media screen and (min-width: 1000px) {
  .product-breadcrumb {
    {%- comment -%}
    Breaks out of the centered .container (which has its own, wider gutter matching the rest of the
    page) so the breadcrumb instead hugs the actual browser viewport edge with a small fixed 15px gap,
    as its own thin row above the gallery+info grid. The "100vw / -50vw" pair is the standard
    container-breakout trick: width:100vw makes the element span the full viewport regardless of its
    parent's width, and left:calc(50% - 50vw) shifts it left by exactly the distance from the
    viewport's left edge to the container's (centered) left edge, cancelling out the parent's
    horizontal centering.
    {%- endcomment -%}
    width: 100vw;
    position: relative;
    left: calc(50% - 50vw);
    padding-left: 15px;
    padding-right: 15px;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin-top: 0;

    {%- comment -%}
    Closing the gap to the gallery/info row below: the grid's own row-gap (--product-gap in
    sections/main-product.liquid's <style> block) is 3.5rem (56px) at this breakpoint and 5rem (80px)
    from 1150px up — that gap applies automatically between every row in the grid regardless of this
    element's own margin, the same mechanism as the mobile fix above. A negative margin-bottom here
    eats into that row-gap so the visible space lands around 5px instead of 56-80px. Two breakpoints
    needed since --product-gap itself changes at 1150px.
    {%- endcomment -%}
    margin-bottom: -51px;
  }
}

@media screen and (min-width: 1150px) {
  .product-breadcrumb {
    margin-bottom: -75px;
  }
}

.product-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.product-breadcrumb a:hover {
  text-decoration: underline;
}

.product-breadcrumb__current {
  color: #1a1a1a;
}

h1.product-title {
  color: #1a1a1a;
}

.color-swatch:not(.border) {
  border: none !important;
  box-shadow: none !important;
}

input:checked + .color-swatch {
  outline: 1px solid #000000;
  outline-offset: 2px;
}

.buy-buttons .button:not(:disabled) {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

.buy-buttons .button:not(:disabled):hover {
  background: #16807a !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

.feature-badge-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.feature-badge-list .feature-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #000000 !important;
  white-space: nowrap;
  font-size: 0.8rem;
}

.feature-badge-list .feature-badge svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.product-info__block-item[data-block-type="feature-with-icon"] {
  margin-top: -0.5rem;
}

@media screen and (max-width: 699px) {
  .feature-badge-list .feature-badge {
    font-size: 0.65rem;
    gap: 0.25rem;
  }

  .feature-badge-list .feature-badge svg {
    width: 13px;
    height: 13px;
  }
}
/* END_SECTION:main-product */