/** Shopify CDN: Minification failed

Line 134:45 Unexpected "@media"

**/
/* =========================================================
   BEE TENDED brand layer over Sleek (FoxEcom) v2.3.0
   Loaded after theme.css from layout/theme.liquid.
   Typography: Cormorant Garamond (matches the logo wordmark)
   + Jost. Colors live in theme settings (color schemes), not
   here, so the theme editor stays in control of them.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Jost:ital,wght@0,300;0,400;0,500&display=swap');

:root {
  --font-heading-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-heading-weight: 500;
  --font-heading-style: normal;
  --font-body-family: 'Jost', 'Avenir Next', 'Futura', system-ui, sans-serif;
}

/* Italic accent inside headings picks up the scheme accent */
h1 em, h2 em, h3 em,
.h1 em, .h2 em, .h3 em,
.hd1 em, .hd2 em, .hd3 em {
  font-style: italic;
  color: rgb(var(--color-primary));
}

/* Cormorant runs small on the x-height; give body-size serif
   moments a touch more presence where the theme uses them. */
.testimonial__text,
blockquote {
  font-family: var(--font-heading-family);
  font-size: 1.25em;
  line-height: 1.4;
}

/* If no logo image is set, the shop-name fallback still reads
   as the brand: letterspaced serif caps like the wordmark. */
.header__logo--text a,
.header__logo--text {
  font-family: var(--font-heading-family);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}

/* ---- Honeycomb texture utility ----
   Add "bt-honeycomb" (light sections) or "bt-honeycomb--strong" in any
   section's Custom class field to lay the hive texture behind it. */
.bt-honeycomb,
.bt-honeycomb--strong {
  position: relative;
}
.bt-honeycomb::before,
.bt-honeycomb--strong::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='%232f2a1e' fill-opacity='0.05'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: radial-gradient(75% 100% at 50% 0%, black, transparent 78%);
  mask-image: radial-gradient(75% 100% at 50% 0%, black, transparent 78%);
  pointer-events: none;
}
.bt-honeycomb--strong::before {
  -webkit-mask-image: none;
  mask-image: none;
}
.bt-honeycomb > *,
.bt-honeycomb--strong > * {
  position: relative;
}

/* Soft hive behind the product-grid on collection pages */
.collection-template .section--padding:has(.collection) {
  position: relative;
}
.collection-template .section--padding:has(.collection)::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='%232f2a1e' fill-opacity='0.02'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 92%);
  mask-image: linear-gradient(to bottom, black 40%, transparent 92%);
  pointer-events: none;
}
.collection-template .collection {
  position: relative;
}

/* ---- Micro-interactions ----
   Presses acknowledge the hand: a quick scale on every button. */
.btn {
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1),
              background-color 200ms ease, color 200ms ease,
              border-color 200ms ease;
}
.btn:active {
  transform: scale(0.97);
}
@media (prefers-reduced-motion: reduce) {
  .btn { transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease; }
  .btn:active { transform: none; }
}

/* ================= FINAL BUTTON SYSTEM v2 =================
   No side sweeps anywhere. Every standard button's hover fill
   rises from the bottom.
   True primary CTAs  = suds (umber rise + drifting bubbles)
   Everything lesser  = light hive (rise carrying a faint
   honeycomb): secondary, white, and product-card quick-adds.
   =========================================================== */
.btn--primary {
  --color-button: 126, 70, 80;
  --color-button-text: 255, 253, 246;
  --color-button-hover-background: 47, 42, 30;
  --color-button-hover-text: 252, 249, 242;
}
.color-scheme-inverse .btn--primary {
  --color-button: 243, 235, 218;
  --color-button-text: 42, 37, 25;
  --color-button-hover-background: 205, 164, 170;
  --color-button-hover-text: 42, 37, 25;
}

/* marquee: mauve serif, a touch heavier for legibility */
.scrolling-promotion .promotion__item {
  font-weight: 600;
}

/* physics: lift on hover, press on click */
.btn--primary, .btn--secondary, .btn--white, @media (hover: hover) and (pointer: fine) {
  .btn--primary:hover, .btn--secondary:hover, .btn--white:hover, .product-card__atc:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px rgba(47, 42, 30, 0.4);
  }
}
.btn--primary:active, .btn--secondary:active, .btn--white:active, .product-card__atc:active {
  transform: translateY(0) scale(0.97);
  box-shadow: none;
  transition-duration: 90ms;
}

/* universal rise: repurpose the theme's ::before on every standard button */
.btn:not(.btn--plain):not(.btn--underline, .btn--inherit)::before {
  top: -2px !important;
  bottom: -2px !important;
  left: -2px !important;
  right: -2px !important;
  transform: translateY(103%) !important;
  transition: transform 360ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  background-color: rgb(var(--color-button-hover-background)) !important;
}
.btn:not(.btn--plain):not(.btn--underline, .btn--inherit):hover::before {
  transform: translateY(0) !important;
}

/* the fill underneath stays put while the layer rises */
@media (hover: hover) {
  .btn--primary:hover { background-color: rgb(var(--color-button)) !important; }
  .btn--secondary:hover { background-color: rgb(var(--color-secondary-button)) !important; }
  .btn--white:hover { background-color: #fff !important; }
}

/* the old ::after sweep retires everywhere... */
.btn:not(.btn--plain):not(.btn--underline, .btn--inherit)::after {
  display: none !important;
}

/* ...except true primary CTAs, where it becomes the suds */
.btn.btn--primary:not(.btn--plain):not(.btn--underline, .btn--inherit):not(.product-card__atc)::after {
  display: block !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  background-color: transparent !important;
  background-image: radial-gradient(circle 2px at 20% 80%, rgba(243, 235, 218, 0.6) 99%, transparent),
                    radial-gradient(circle 1.5px at 60% 90%, rgba(243, 235, 218, 0.5) 99%, transparent),
                    radial-gradient(circle 2.5px at 85% 75%, rgba(243, 235, 218, 0.4) 99%, transparent);
  background-size: 90px 90px;
  opacity: 0;
  transition: opacity 300ms ease !important;
  animation: bt-suds 2.6s linear infinite;
}
.btn.btn--primary:not(.btn--plain):not(.btn--underline, .btn--inherit):not(.product-card__atc):hover::after {
  opacity: 1;
}
@keyframes bt-suds {
  from { background-position: 0 90px; }
  to { background-position: 0 -90px; }
}

/* light hive on the lesser buttons' rising layer */
.btn--secondary::before,
.btn--white::before,
.product-card__atc::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='%23f3ebda' fill-opacity='0.10'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

@media (prefers-reduced-motion: reduce) {
  .btn:not(.btn--plain):not(.btn--underline, .btn--inherit)::before,
  .btn:not(.btn--plain):not(.btn--underline, .btn--inherit)::after {
    display: none !important;
  }
  .btn--primary:hover, .btn--secondary:hover, .btn--white:hover, .product-card__atc:hover,
  .btn--primary:active, .btn--secondary:active, .btn--white:active, .product-card__atc:active {
    transform: none;
    box-shadow: none;
  }
}



/* Card image zooms: slow bloom instead of snap */
.hover-wrapper .hover-scale-up {
  transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.hover-wrapper:hover .hover-scale-up {
  --scale-x: 1.05;
  --scale-y: 1.05;
}



/* Drawers size to the dynamic viewport (mobile URL bars, etc.) */
.drawer {
  height: 100dvh;
}



/* Sold out / disabled buttons: muted, flat, no pattern, no motion —
   they must never share a feeling with a buyable button. */
.btn[disabled],
.btn[aria-disabled="true"] {
  background-color: rgba(47, 42, 30, 0.10) !important;
  background-image: none !important;
  color: rgba(47, 42, 30, 0.55) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: default;
}
.btn[disabled]::before,
.btn[disabled]::after,
.btn[aria-disabled="true"]::before,
.btn[aria-disabled="true"]::after {
  display: none !important;
}

/* ============ ADD TO CART SYSTEM ============
   Every buyable add-to-cart surface: dark wine rgb(106,56,67),
   white text, whisper of hive (5%) in the fill.
   Covers: product cards, product page, quick-view modal, sticky
   mobile bar. Disabled/sold-out is excluded and handled by the
   muted firewall above. Hover: light-mauve rise with dark text. */
.product-card__atc:not([disabled]),
.product-form__submit:not([disabled]) {
  --color-button: 106, 56, 67;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 106, 56, 67;
  --color-secondary-button-text: 255, 255, 255;
  --color-secondary-button-border: 106, 56, 67;
  --color-button-hover-background: 205, 164, 170;
  --color-button-hover-text: 42, 37, 25;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='%23f3ebda' fill-opacity='0.05'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/svg%3E");
}
