/** Shopify CDN: Minification failed

Line 7:0 Unexpected "/"

**/

/
/* ============================================
   BBB CUSTOM CSS
   byebyeboyfriend.co
   ============================================ */
 
 
/* ── ANNOUNCEMENT BAR ────────────────────────
   White bar, oat pill containing the text
   ──────────────────────────────────────────── */
 
.wt-announcement {
  background-color: #ffffff !important;
  --color-background: #ffffff !important;
  padding: 8px 16px !important;
}
 
.wt-announcement__container {
  background-color: #ffffff !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
 
.wt-announcement__body.wt-announcement__text {
  background-color: #FCF8E9 !important; /* oat */
  color: #5C0202 !important;
  border-radius: 100px !important;
  padding: 6px 20px !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}
 
.wt-announcement__body.wt-announcement__text a {
  color: #5C0202 !important;
  text-decoration: none !important;
}
 
/* Close button stays on white bg */
.wt-announcement__close {
  color: #5C0202 !important;
}
 
/* ── LAYOUT CONTAINMENT ──────────────────────
   Pulls sections into a contained flow like ANFISA
   instead of bleeding full screen width
   ──────────────────────────────────────────── */
 
/* Global page max-width with breathing room */
.wt-page-width,
.page-width,
.container,
[class*="wt-container"] {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
 
/* On mobile, tighter padding */
@media screen and (max-width: 749px) {
  .wt-page-width,
  .page-width,
  .container,
  [class*="wt-container"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
 
/* Sections that SHOULD stay full-bleed (hero images, banners) */
.wt-image-banner,
.wt-image-with-text--full,
[class*="wt-hero"],
.wt-video {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
 
 
/* ── ZEBRA TEXTURE — PRODUCT GRID ────────────
   Pure CSS zebra in cream + off-white tones
   Reads as texture, not pattern
   ──────────────────────────────────────────── */
 
.wt-grid-view-with-drawer {
  position: relative !important;
  background-color: #FAF6EE !important; /* warm oat base */
  isolation: isolate !important;
}
 
.wt-grid-view-with-drawer::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image: repeating-linear-gradient(
    75deg,
    transparent,
    transparent 18px,
    rgba(236, 228, 210, 0.55) 18px,
    rgba(236, 228, 210, 0.55) 38px,
    transparent 38px,
    transparent 52px,
    rgba(225, 215, 195, 0.35) 52px,
    rgba(225, 215, 195, 0.35) 58px
  ) !important;
  background-size: 80px 80px !important;
}
 
/* Make sure content sits above the texture */
.wt-grid-view-with-drawer > * {
  position: relative !important;
  z-index: 1 !important;
}
 
 
 
 
/* ── FEATURED COLLECTION — HOVER ONLY BUTTON ─
   Hide static below-image ATC at ALL screen sizes
   Preserve hover slide-up on desktop
   ──────────────────────────────────────────── */
 
/* Hide static below-image button at all sizes */
.card__quick-add-container--hidden {
  display: none !important;
}
 
/* Ensure hover container is visible and slide-up works */
.card__quick-add-container--desktop {
  display: block !important;
  transform: translateY(125%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
 
.card__picture-container:hover .card__quick-add-container--desktop,
.card__container:focus-within .card__quick-add-container--desktop {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}