/** Shopify CDN: Minification failed

Line 1920:0 All "@import" rules must come first
Line 1959:0 All "@import" rules must come first

**/
/* Bilge Brew - Premium Visual Overhaul */

/* ===== TYPOGRAPHY ===== */
h1, h2, .h0, .h1, .h2, .title {
  letter-spacing: 0.04em;
  font-weight: 800 !important;
}

.h0 {
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  line-height: 1.05 !important;
}

/* Hero heading boost */
.banner__heading .h0,
.banner__heading .h1 {
  font-size: clamp(3rem, 6vw, 5rem) !important;
  line-height: 1.0 !important;
  text-shadow: 2px 2px 20px rgba(0,0,0,0.4);
}

/* Hero subtext */
.banner__text {
  font-size: 1.15rem !important;
  line-height: 1.6 !important;
  max-width: 540px;
}

/* ===== BUTTONS ===== */
.button, .btn, .shopify-challenge__button, 
.button--primary, a.button, button.button {
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 16px 36px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  font-size: 0.85rem !important;
}

.button:hover, .btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important;
}

.button--secondary:hover {
  transform: translateY(-2px) !important;
}

/* ===== CARDS & PRODUCTS ===== */
.card-wrapper, .card, .collection-list__item {
  transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.card-wrapper:hover, .collection-list__item:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
}

.card__media img, .media img {
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.card-wrapper:hover .card__media img,
.card-wrapper:hover .media img {
  transform: scale(1.06) !important;
}

.card__media, .media {
  overflow: hidden !important;
}

/* ===== HERO / BANNER ===== */
.banner {
  min-height: 85vh !important;
}

.banner__media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 60%, transparent 100%) !important;
  z-index: 1 !important;
}

.banner__content {
  z-index: 2 !important;
  position: relative !important;
}

/* ===== ICON BAR / TRUST BADGES ===== */
.icon-with-text, .multicolumn-list__item {
  text-align: center;
}

/* ===== SECTION TRANSITIONS ===== */
.shopify-section {
  transition: opacity 0.3s ease;
}

/* ===== IMAGE WITH TEXT ===== */
.image-with-text .image-with-text__media-item img {
  transition: transform 0.6s ease !important;
}

.image-with-text:hover .image-with-text__media-item img {
  transform: scale(1.03) !important;
}

/* ===== ANNOUNCEMENT BAR ===== */
.announcement-bar {
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
}

/* ===== HEADER ===== */
.header {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid rgba(243, 192, 29, 0.3) !important;
}

/* ===== REVIEW STARS ===== */
.jdgm-star {
  color: #f3c01d !important;
}

/* ===== COLLECTION GRID ===== */
.collection-list {
  gap: 24px !important;
}

.collection-list__item .card__content {
  padding: 20px 16px !important;
}

/* ===== SCROLLBAR STYLING ===== */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0e0e0e;
}
::-webkit-scrollbar-thumb {
  background: #f3c01d;
  border-radius: 4px;
}

/* ===== NEWSLETTER SECTION ===== */
.newsletter {
  padding: 60px 0 !important;
}

.newsletter .field__input {
  border: 2px solid rgba(255,255,255,0.3) !important;
  padding: 14px 20px !important;
  font-size: 1rem !important;
}

/* ===== SMOOTH SCROLL ===== */
html {
  scroll-behavior: smooth;
}

/* ===== BETTER LINK HOVER ===== */
.header__menu-item, .list-menu__item {
  transition: color 0.2s ease, opacity 0.2s ease !important;
}

.header__menu-item:hover {
  color: #f3c01d !important;
}

/* ===== FOOTER ===== */
.footer {
  border-top: 2px solid rgba(243, 192, 29, 0.2) !important;
}

/* ===== BLOG CARDS ===== */
.article-card__info {
  padding: 20px !important;
}

.article-card:hover {
  transform: translateY(-4px) !important;
  transition: transform 0.3s ease !important;
}

/* ===== PRODUCT PRICE ===== */
.price-item--regular, .price-item--sale {
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  color: #f3c01d !important;
}

/* ===== SECTION HEADINGS ===== */
.section-header__title, .title, .collection__title {
  position: relative;
  display: inline-block;
}

/* Gold underline accent on section headings */
.section-header__title::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #f3c01d;
  border-radius: 2px;
}


/* ===== COLLECTION LIST ON WHITE BG ===== */
.collection-list .card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.collection-list .card__heading {
  font-weight: 800 !important;
}

/* ===== BLOG SECTION DARK ===== */
.blog-posts .article-card {
  background: rgba(255,255,255,0.05) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.blog-posts .article-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.3) !important;
}

/* ===== VIEW ALL BUTTON ===== */
.button--tertiary, .center a {
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}

/* ===== FAQ ACCORDION ===== */
.collapsible-content .accordion__title {
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.02em !important;
}

/* ===== MULTICOLUMN / ICON BAR ===== */
.multicolumn-list .multicolumn-card__info {
  text-align: center !important;
}

/* ===== IMAGE HOVER ZOOM ON COLLECTION CARDS ===== */
.collection-card-wrapper .card__media img {
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.collection-card-wrapper:hover .card__media img {
  transform: scale(1.08) !important;
}

/* ===== PRODUCT CARD TITLES ===== */
.card__heading a {
  font-weight: 700 !important;
  transition: color 0.2s ease !important;
}

.card__heading a:hover {
  color: #f3c01d !important;
}

/* ===== HERO IMAGE OVERLAY GRADIENT ===== */
.banner__media img {
  filter: brightness(0.85) !important;
}

/* ===== TRUST BADGES ROW ===== */
.icon-with-text__icon {
  color: #f3c01d !important;
}

/* ===== SOCIAL ICONS HOVER ===== */
.list-social__link:hover {
  color: #f3c01d !important;
  transform: translateY(-2px) !important;
  transition: all 0.2s ease !important;
}

/* ===== FEATURED COLLECTION - WHITE BG ===== */
.featured-collection .card {
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.featured-collection .card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.15) !important;
}

/* ===== GOLD ACCENT DIVIDER ===== */
.shopify-section + .shopify-section {
  border-top: none !important;
}

/* ===== MOBILE RESPONSIVENESS ===== */
@media (max-width: 749px) {
  .h0 {
    font-size: 2rem !important;
  }
  .banner {
    min-height: 60vh !important;
  }
  .button, .btn {
    padding: 14px 24px !important;
  }
}


/* =============================================
   COLLECTION / CATALOG PAGES
   ============================================= */

/* Collection page title */
.collection-hero__title,
.title--primary {
  font-weight: 800 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Collection grid product cards */
.collection .card,
.collection-product-card,
.product-grid .grid__item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.collection .card:hover,
.collection-product-card:hover,
.product-grid .grid__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* Collection filter/sort bar */
.facets-container,
.collection-filters {
  border-bottom: 1px solid rgba(243, 192, 29, 0.2);
  padding-bottom: 12px;
  margin-bottom: 24px;
}

.facets__summary span,
.collection-filters__label {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.85rem;
}

/* Product count badge */
.collection-product-count {
  color: #f3c01d;
  font-weight: 700;
}

/* =============================================
   PRODUCT PAGES
   ============================================= */

/* Product title */
.product__title h1,
.product__title {
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
}

/* Product price - make it gold and prominent */
.product__info-wrapper .price-item,
.product__info-wrapper .price__regular .price-item--regular,
.product__info-wrapper .price .money,
.product__info-container .price-item {
  color: #f3c01d !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
}

/* Compare at price (sale) */
.product__info-wrapper .price-item--sale {
  color: #f3c01d !important;
  font-weight: 700 !important;
}

.product__info-wrapper .price-item--compare {
  text-decoration: line-through;
  opacity: 0.5;
}

/* Variant selectors */
.product-form__input select,
.product-form__input .form__label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}

/* Add to Cart button - bigger, bolder */
.product-form__submit,
button[name="add"],
.shopify-payment-button__button {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 18px 36px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.product-form__submit:hover,
button[name="add"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 192, 29, 0.3) !important;
}

/* Product description - better typography */
.product__description {
  line-height: 1.75;
  font-size: 1rem;
}

.product__description strong,
.product__description b {
  color: #f3c01d;
}

/* Product image gallery thumbnails */
.product__media-list .product__media-item {
  border-radius: 6px;
  overflow: hidden;
  transition: opacity 0.2s ease;
}

.product__media-list .product__media-item:hover {
  opacity: 0.85;
}

/* Product badges/tags */
.product__tax,
.product__policies {
  font-size: 0.85rem;
  opacity: 0.7;
}

/* Share button */
.product__share-button {
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.product__share-button:hover {
  opacity: 1;
}



/* =============================================
   CART PAGE
   ============================================= */

/* Cart title */
.cart__title,
h1.title {
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Cart items */
.cart-item {
  border-bottom: 1px solid rgba(243, 192, 29, 0.15) !important;
  padding: 20px 0 !important;
  transition: background 0.2s ease;
}

.cart-item:hover {
  background: rgba(243, 192, 29, 0.03);
}

/* Cart item price */
.cart-item .price,
.cart-item .price .money {
  color: #f3c01d !important;
  font-weight: 700 !important;
}

/* Cart item image */
.cart-item__media {
  border-radius: 8px;
  overflow: hidden;
}

/* Cart item name */
.cart-item__name {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Cart quantity controls */
.quantity__button {
  transition: color 0.2s ease;
}
.quantity__button:hover {
  color: #f3c01d !important;
}

/* Checkout button */
.cart__checkout-button,
button[name="checkout"],
.cart__ctas .button {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 18px 36px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.cart__checkout-button:hover,
button[name="checkout"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 192, 29, 0.3) !important;
}

/* Cart subtotal */
.totals__subtotal-value,
.cart__subtotal .money {
  color: #f3c01d !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
}

/* Empty cart */
.cart--empty-message {
  font-size: 1.1rem;
  line-height: 1.6;
}

/* =============================================
   BLOG & ARTICLE PAGES
   ============================================= */

/* Blog listing grid */
.blog-articles .article-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 8px;
  overflow: hidden;
}

.blog-articles .article-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* Blog article image */
.blog-articles .article-card__image-wrapper,
.article-card__image {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.article-card__image-wrapper img {
  transition: transform 0.4s ease;
}

.article-card:hover .article-card__image-wrapper img {
  transform: scale(1.05);
}

/* Blog article title */
.article-card__title,
.article-card__title a {
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: color 0.2s ease;
}

.article-card__title a:hover {
  color: #f3c01d !important;
}

/* Blog article meta (date, author) */
.article-card__info,
.article-card__meta {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
}

/* Single article page */
.article-template h1,
.article-template__title {
  font-weight: 800 !important;
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
  letter-spacing: 0.02em;
}

.article-template__content {
  line-height: 1.8;
  font-size: 1.05rem;
}

.article-template__content h2,
.article-template__content h3 {
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-top: 2em;
}

.article-template__content a {
  color: #f3c01d;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.article-template__content a:hover {
  opacity: 0.8;
}

/* Blog back link */
.article-template__back {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
  font-size: 0.85rem;
}



/* =============================================
   ABOUT / CONTACT / GENERAL PAGES
   ============================================= */

/* Page titles */
.page-title,
.shopify-section--page-title h1 {
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Page content areas */
.page-content,
.rte {
  line-height: 1.8;
}

.rte h2, .rte h3, .rte h4 {
  font-weight: 700;
  letter-spacing: 0.02em;
}

.rte a {
  color: #f3c01d;
  text-underline-offset: 3px;
}

/* Contact form */
.contact__fields .field__input,
.contact__fields textarea {
  border-radius: 4px;
  transition: border-color 0.2s ease;
}

.contact__fields .field__input:focus,
.contact__fields textarea:focus {
  border-color: #f3c01d !important;
  box-shadow: 0 0 0 2px rgba(243, 192, 29, 0.15) !important;
}

.contact__button {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}

/* =============================================
   404 PAGE
   ============================================= */

.shopify-section--404 h1 {
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.shopify-section--404 a {
  color: #f3c01d;
}

/* =============================================
   SEARCH RESULTS PAGE
   ============================================= */

.search__title {
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.search-results .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* Search input */
.search__input {
  border-radius: 4px !important;
  transition: border-color 0.2s ease;
}

.search__input:focus {
  border-color: #f3c01d !important;
  box-shadow: 0 0 0 2px rgba(243, 192, 29, 0.15) !important;
}

/* =============================================
   GLOBAL ENHANCEMENTS (ALL PAGES)
   ============================================= */

/* All page breadcrumbs */
.breadcrumbs,
nav[aria-label="breadcrumb"] {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.8rem;
  font-weight: 600;
  opacity: 0.7;
}

.breadcrumbs a:hover {
  color: #f3c01d !important;
}

/* All pagination */
.pagination__item--current {
  background: #f3c01d !important;
  color: #1a1a1a !important;
  font-weight: 700;
}

.pagination__item:hover {
  color: #f3c01d !important;
}

/* Newsletter signup section - global */
.newsletter__input:focus {
  border-color: #f3c01d !important;
  box-shadow: 0 0 0 2px rgba(243, 192, 29, 0.15) !important;
}

.newsletter__button {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
}

/* All form inputs global focus state */
input:focus, select:focus, textarea:focus {
  outline-color: #f3c01d;
}

/* All badges (sale, new, etc) */
.badge {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  font-size: 0.7rem;
}

/* Sale badge - red */
.badge--sale,
.badge[aria-label="Sale"] {
  background: #c00 !important;
}

/* Sold out badge */
.badge--sold-out {
  opacity: 0.7;
}

/* Quick add buttons on all grids */
.quick-add__submit {
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-weight: 600 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.quick-add__submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(243, 192, 29, 0.25) !important;
}

/* Mobile drawer menu improvements */
@media (max-width: 749px) {
  .menu-drawer__navigation .menu-drawer__menu-item {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    padding: 12px 0;
    border-bottom: 1px solid rgba(243, 192, 29, 0.1);
  }

  .menu-drawer__navigation .menu-drawer__menu-item:hover {
    color: #f3c01d !important;
  }

  /* Mobile product page */
  .product__title h1 {
    font-size: 1.4rem !important;
  }

  .product-form__submit {
    padding: 16px 24px !important;
  }

  /* Mobile collection grid */
  .collection .grid__item {
    margin-bottom: 16px;
  }
}

/* Predictive search dropdown */
.predictive-search__result-group .predictive-search__item {
  transition: background 0.2s ease;
}

.predictive-search__result-group .predictive-search__item:hover {
  background: rgba(243, 192, 29, 0.05);
}

.predictive-search__item-heading {
  font-weight: 600;
}

/* Gift card page */
.gift-card__price .money {
  color: #f3c01d !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
}

/* Announcement bar - ensure consistency across all pages */
.announcement-bar {
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-weight: 600 !important;
}





/* =============================================
   FORCE DARK ON ALL NON-HOMEPAGE CONTENT SECTIONS
   ============================================= */

/* Target the main content section wrapper (has .section class) */
.shopify-section.section {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

.shopify-section.section h1,
.shopify-section.section h2,
.shopify-section.section h3,
.shopify-section.section h4 {
  color: #ffffff !important;
}

.shopify-section.section a:not(.button) {
  color: #f3c01d;
}

/* Page content links */
.shopify-section.section .rte a {
  color: #f3c01d !important;
  text-underline-offset: 3px;
}

/* Also target non-grouped sections that aren't header/footer */
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group):not(.section) {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group):not(.section) h1,
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group):not(.section) h2,
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group):not(.section) h3 {
  color: #ffffff !important;
}

/* Ensure page-width content areas have right text color */
.page-width h1, .page-width h2, .page-width h3 {
  color: inherit;
}



/* ============================================
   BILGE BREW - COMPREHENSIVE CSS FIXES v2
   Fixes all visual issues across all pages
   ============================================ */

/* =============================================
   1. APP BLOCK - MEDIA TEXT SECTIONS FIX
   ============================================= */
[class*="ai-media-text-content-"] {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}
[class*="ai-media-text-content-"] h1,
[class*="ai-media-text-content-"] h2,
[class*="ai-media-text-content-"] h3 {
  color: #ffffff !important;
}
[class*="ai-media-text-content-"] p,
[class*="ai-media-text-content-"] span {
  color: #d0d0d0 !important;
}
[class*="ai-media-text-button-"] {
  max-width: 280px !important;
  width: auto !important;
  text-align: center !important;
  display: inline-block !important;
  padding: 16px 40px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
[class*="ai-media-text-button-"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(243, 192, 29, 0.3) !important;
}

/* 2. PRODUCT COMPARE / IMAGE WRAPPERS */
[class*="ai-product-compare__image-wrapper-"],
[class*="ai-product-card-image-wrapper-"] {
  background: #2a2a2a !important;
}

/* 3. JUDGE.ME REVIEWS WIDGET FIX */
.jdgm-widget,
.jdgm-carousel-wrapper,
.jdgm-carousel,
[class*="jdgm-"] {
  color: #e0e0e0 !important;
}
.jdgm-title {
  color: #ffffff !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 12px !important;
}
.jdgm-rating-text,
.jdgm-reviews-count,
.jdgm-verified-text,
.jdgm-verified-wrapper,
.jdgm-carousel__rating {
  color: #e0e0e0 !important;
}
.jdgm-carousel__item,
.jdgm-carousel-item {
  background: #2a2a2a !important;
  border: 1px solid #3a3a3a !important;
  border-radius: 8px !important;
  color: #e0e0e0 !important;
}
.jdgm-carousel__item-text,
.jdgm-rev__body,
.jdgm-rev-text {
  color: #d0d0d0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.jdgm-carousel__item-author,
.jdgm-rev__author {
  color: #ffffff !important;
  font-weight: 700 !important;
}
.jdgm-carousel__item-product,
.jdgm-rev__product {
  color: #999 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
}
.jdgm-arrow {
  color: #f3c01d !important;
  opacity: 1 !important;
}
.jdgm-star {
  color: #f3c01d !important;
}

/* 4. SHOP ALL COFFEE BUTTON FIX */
[class*="ai-shop-coffee-button-"] {
  max-width: 360px !important;
  width: auto !important;
  margin: 40px auto !important;
  display: block !important;
  text-align: center !important;
  padding: 18px 48px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
[class*="ai-shop-coffee-button-"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(243, 192, 29, 0.3) !important;
}

/* 5. FAQ SECTION - COMPLETE OVERHAUL */
.bb-faq {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 60px 20px !important;
}
.bb-faq__heading {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #ffffff !important;
  margin-bottom: 40px !important;
  letter-spacing: 0.02em !important;
  position: relative !important;
  padding-bottom: 16px !important;
}
.bb-faq__heading::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60px !important;
  height: 3px !important;
  background: #f3c01d !important;
}
.bb-faq__list {
  border-top: 1px solid #333 !important;
}
.bb-faq__item {
  border-bottom: 1px solid #333 !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: background 0.2s ease !important;
}
.bb-faq__item:hover {
  background: rgba(243, 192, 29, 0.03) !important;
}
.bb-faq__question {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  padding: 22px 16px !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  letter-spacing: 0.01em !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
}
.bb-faq__question:hover {
  color: #f3c01d !important;
}
.bb-faq__icon {
  color: #f3c01d !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  flex-shrink: 0 !important;
  margin-left: 16px !important;
  transition: transform 0.3s ease !important;
}
.bb-faq__answer {
  color: #b0b0b0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  padding: 0 16px 22px !important;
}
.bb-faq__answer p {
  color: #b0b0b0 !important;
  margin: 0 !important;
}
.bb-faq__answer a {
  color: #f3c01d !important;
}
.bb-faq__cta {
  display: inline-block !important;
  margin-top: 32px !important;
  padding: 16px 40px !important;
  background: #f3c01d !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.bb-faq__cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(243, 192, 29, 0.3) !important;
  color: #1a1a1a !important;
}

/* 6. BLOG SECTION heading fix */
.blog-posts h2,
[class*="featured_blog"] h2,
.section-template--19485145169962__featured_blog_PETnNh h2 {
  color: #ffffff !important;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}
.card__inner.color-scheme-2 {
  background: #2a2a2a !important;
}
.card__inner.color-scheme-2 .card__content {
  color: #e0e0e0 !important;
}

/* 7. NEWSLETTER/FOOTER FIX */
.footer .newsletter-form__field-wrapper input,
.newsletter-form__field-wrapper input[type="email"] {
  background: #2a2a2a !important;
  border: 1px solid #555 !important;
  color: #ffffff !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
}
.newsletter-form__field-wrapper input::placeholder {
  color: #888 !important;
}
.footer h2,
.footer .newsletter-form__message {
  color: #ffffff !important;
  font-size: 18px !important;
}
.footer p,
.footer span,
.footer .rte {
  color: #b0b0b0 !important;
}

/* 8. SECTION SPACING */
.shopify-section + .shopify-section {
  margin-top: 0 !important;
}
[class*="ai-shop-coffee"] {
  margin-bottom: 40px !important;
}

/* 9. VIEW ALL BUTTON */
.blog-posts .center a,
.blog-posts__link,
a.blog-posts__link {
  background: transparent !important;
  border: 2px solid #f3c01d !important;
  color: #f3c01d !important;
  padding: 14px 36px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  text-decoration: none !important;
  display: inline-block !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}
.blog-posts .center a:hover,
.blog-posts__link:hover {
  background: #f3c01d !important;
  color: #1a1a1a !important;
}

/* 10-11. Reviews section padding */
#shopify-section-template--19485145169962__17682419896f337948 {
  padding: 60px 0 !important;
}
#shopify-section-template--19485145169962__17682419896f337948 .jdgm-carousel-wrapper {
  padding: 40px 20px !important;
}
#shopify-section-template--19485145169962__1769825290949681f8 {
  padding: 40px 0 !important;
}

/* 12. Product cards */
[class*="ai-product-card-"] {
  background: transparent !important;
}
[class*="ai-product-card-title-"],
[class*="ai-product-card-name-"] {
  color: #ffffff !important;
  font-weight: 700 !important;
}
[class*="ai-product-card-price-"] {
  color: #f3c01d !important;
  font-weight: 700 !important;
}
[class*="ai-product-card-desc-"],
[class*="ai-product-card-description-"] {
  color: #b0b0b0 !important;
}

/* 13. GLOBAL APP BLOCK DARK MODE */
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) [style*="background-color: rgb(243, 243, 243)"],
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) [style*="background-color: #f3f3f3"],
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) [style*="background: rgb(243, 243, 243)"] {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

/* 14. TYPEWRITER TEXT */
[class*="ai-typing-text-"],
[class*="ai-typewriter-"] {
  color: #ffffff !important;
  font-size: clamp(1rem, 2vw, 1.2rem) !important;
}

/* 15. COLLECTION PAGE */
.collection .card-wrapper .card {
  background: #2a2a2a !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.collection .card__heading a { color: #ffffff !important; }
.collection .price-item { color: #f3c01d !important; font-weight: 700 !important; font-size: 16px !important; }
.facets__summary, .facets__disclosure { color: #e0e0e0 !important; }
.active-facets__button { color: #f3c01d !important; }

/* 16. PRODUCT PAGE */
.product .price-item--regular,
.product .price-item--sale {
  color: #f3c01d !important; font-size: 24px !important; font-weight: 800 !important;
}
.product .product__title h1 { color: #ffffff !important; font-weight: 800 !important; font-size: clamp(1.4rem, 3vw, 2rem) !important; }
.product .product-form__submit {
  background: #f3c01d !important; color: #1a1a1a !important; padding: 18px 36px !important;
  font-size: 16px !important; font-weight: 800 !important; text-transform: uppercase !important;
  letter-spacing: 0.1em !important; border-radius: 4px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.product .product-form__submit:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 16px rgba(243, 192, 29, 0.3) !important; }
.product .variant-input__label, .product label { color: #ffffff !important; text-transform: uppercase !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 0.05em !important; }
.product select, .product .product-form__input select { background: #2a2a2a !important; color: #e0e0e0 !important; border: 1px solid #444 !important; border-radius: 4px !important; }
.product .product__description, .product .product__description p { color: #c0c0c0 !important; line-height: 1.7 !important; font-size: 15px !important; }
.product .jdgm-prev-badge, .product .jdgm-prev-badge span { color: #e0e0e0 !important; }

/* 17. CART PAGE */
.cart-item .price, .cart-item .cart-item__price { color: #f3c01d !important; font-weight: 700 !important; }
.cart__footer .totals__total-value { color: #f3c01d !important; font-weight: 800 !important; font-size: 20px !important; }
button[name="checkout"], .cart__checkout-button { background: #f3c01d !important; color: #1a1a1a !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; padding: 18px 36px !important; border-radius: 4px !important; }

/* 18. FORCE DARK ON APP BLOCKS */
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) .color-scheme-2 { background: #2a2a2a !important; color: #e0e0e0 !important; }
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) .color-scheme-2 h1,
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) .color-scheme-2 h2,
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) .color-scheme-2 h3 { color: #ffffff !important; }

/* 19. ABOUT / CONTACT / GENERAL PAGES */
.shopify-section.section .page-width .rte { color: #c0c0c0 !important; line-height: 1.8 !important; font-size: 16px !important; }
.shopify-section.section .page-width .rte a { color: #f3c01d !important; }
.shopify-section.section h1, .shopify-section.section h2 { color: #ffffff !important; }

/* 20. SEARCH PAGE */
.search input[type="search"] { background: #2a2a2a !important; color: #ffffff !important; border: 2px solid #444 !important; border-radius: 4px !important; padding: 14px 16px !important; }
.search input[type="search"]:focus { border-color: #f3c01d !important; outline: none !important; box-shadow: 0 0 0 2px rgba(243, 192, 29, 0.2) !important; }

/* 21. MOBILE RESPONSIVE */
@media screen and (max-width: 749px) {
  .bb-faq__question { font-size: 14px !important; padding: 18px 12px !important; }
  .bb-faq__heading { font-size: 1.4rem !important; }
  .bb-faq__answer { font-size: 14px !important; padding: 0 12px 18px !important; }
  [class*="ai-media-text-button-"] { max-width: 240px !important; padding: 14px 32px !important; }
  [class*="ai-shop-coffee-button-"] { max-width: 280px !important; padding: 14px 32px !important; }
  .jdgm-title { font-size: 1.4rem !important; }
}



/* ============================================
   BILGE BREW - CSS FIXES v3
   Round 2: scroll-trigger animations, 
   product price, misc refinements
   ============================================ */

/* FIX: scroll-trigger animations not firing = invisible elements */
.scroll-trigger.animate--slide-in,
.scroll-trigger.animate--fade-in,
.scroll-trigger.animate--zoom-in {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* FIX: Second reviews section title faded */
.jdgm-carousel-wrapper .jdgm-title,
.jdgm-widget .jdgm-title {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* FIX: Product page price not gold */
.product .price .price-item,
.product .price__regular .price-item--regular,
.product .price .price-item--sale,
.product .price .money {
  color: #f3c01d !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

/* FIX: Blog section heading was opacity 0.01 */
.blog__title,
.blog__title.inline-richtext {
  opacity: 1 !important;
  color: #ffffff !important;
}

/* FIX: Blog cards visible */
.blog__post,
.blog__post.article {
  opacity: 1 !important;
  transform: none !important;
}

/* FIX: View All link visible */
.blog-posts .link.underlined-link,
a.underlined-link {
  opacity: 1 !important;
}

/* FIX: Product image wrapper gray bg on homepage */
.shopify-section:not(.shopify-section-group-header-group) [class*="ai-product-compare__image-wrapper-"],
.shopify-section:not(.shopify-section-group-header-group) [class*="ai-product-card-image-wrapper-"],
.shopify-section:not(.shopify-section-group-header-group) [class*="ai-product-image-wrapper-"] {
  background: transparent !important;
}

/* FIX: Govx/discount banner dark mode */
.govx-offer-banner,
[class*="govx"],
.seal-subscription-widget {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
}

/* FIX: Collection page product card hover */
.collection .card-wrapper:hover .card {
  box-shadow: 0 4px 20px rgba(243, 192, 29, 0.15) !important;
}

/* FIX: Ensure all slider items are visible */
.slider__slide.scroll-trigger {
  opacity: 1 !important;
  transform: none !important;
}


/* ============================================
   BILGE BREW - CSS MEGA FIX v4
   Premium overhaul: buttons, cards, PDP,
   collection, mobile responsive
   ============================================ */

/* 1. SHOP ALL COFFEE BUTTON - COMPLETE REDO */
[class*="ai-shop-coffee-button-"] {
  max-width: 100% !important;
  width: 100% !important;
  margin: 20px auto !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
[class*="ai-shop-coffee-button-"] a,
[class*="ai-shop-coffee-button__link-"] {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: #f3c01d !important;
  color: #1a1a1a !important;
  padding: 16px 48px !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
  max-width: 320px !important;
  width: auto !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
[class*="ai-shop-coffee-button-"] a:hover,
[class*="ai-shop-coffee-button__link-"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 192, 29, 0.35) !important;
  background: #e5b31a !important;
  color: #1a1a1a !important;
}
[class*="ai-shop-coffee-button__icon-"] {
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0 !important;
}
[class*="ai-shop-coffee-button__text-"] {
  font-size: 15px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* 2. HOMEPAGE PRODUCT COMPARE CARDS */
[class*="ai-product-compare__card-"] {
  background: #1e1e1e !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
[class*="ai-product-compare__card-"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(243, 192, 29, 0.15) !important;
}
[class*="ai-product-compare__button-"],
[class*="ai-product-compare__button-"] a {
  max-width: 280px !important;
  width: auto !important;
  margin: 16px auto 0 !important;
  display: block !important;
  text-align: center !important;
  padding: 14px 36px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  background: #f3c01d !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  line-height: 1.3 !important;
}
[class*="ai-product-compare__button-"]:hover,
[class*="ai-product-compare__button-"] a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(243, 192, 29, 0.3) !important;
  background: #e5b31a !important;
}
[class*="ai-product-compare__title-"] { color: #ffffff !important; font-weight: 800 !important; }
[class*="ai-product-compare__price-"] { color: #f3c01d !important; font-weight: 800 !important; font-size: 20px !important; }
[class*="ai-product-compare__image-wrapper-"] { background: transparent !important; overflow: hidden !important; }
[class*="ai-product-compare__image-wrapper-"] img { transition: transform 0.4s ease !important; }
[class*="ai-product-compare__card-"]:hover [class*="ai-product-compare__image-wrapper-"] img { transform: scale(1.05) !important; }

/* 3. HOMEPAGE INDIVIDUAL PRODUCT CARDS */
[class*="ai-product-card-"] {
  background: #1e1e1e !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}
[class*="ai-product-card-"]:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(243, 192, 29, 0.15) !important;
}
[class*="ai-product-card-image-wrapper-"] { background: transparent !important; overflow: hidden !important; border-radius: 10px 10px 0 0 !important; }
[class*="ai-product-card-image-wrapper-"] img, [class*="ai-product-card-image-"] { transition: transform 0.4s ease !important; border-radius: 0 !important; }
[class*="ai-product-card-"]:hover [class*="ai-product-card-image-wrapper-"] img, [class*="ai-product-card-"]:hover [class*="ai-product-card-image-"] { transform: scale(1.05) !important; }
[class*="ai-product-card-content-"] { padding: 16px 20px 20px !important; }
[class*="ai-product-card-title-"] { color: #ffffff !important; font-weight: 800 !important; font-size: 17px !important; margin-bottom: 6px !important; }
[class*="ai-product-card-price-"] { color: #f3c01d !important; font-weight: 800 !important; font-size: 18px !important; margin-bottom: 10px !important; }
[class*="ai-product-card-description-"] { color: #999 !important; font-size: 13px !important; line-height: 1.5 !important; }

/* 4. PRODUCT PAGE (PDP) - COMPLETE OVERHAUL */
.product__title h1, .product .product__title, h1.product__title {
  color: #ffffff !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
}
.product .price-item, .product .price .money, .product .price-item--regular, .product .price-item--sale,
.product .price__regular .price-item, .product .price__sale .price-item--sale,
.product-price-group .price-item, .price-item--regular, .price__regular .price-item, .price .money {
  color: #f3c01d !important;
  font-size: clamp(1.4rem, 3vw, 2rem) !important;
  font-weight: 800 !important;
}
.product .price-item--compare, .price__sale .price-item--compare, .product .compare-at-price {
  color: #666 !important;
  text-decoration: line-through !important;
  font-size: 1rem !important;
}
.product__description, .product .product__description p, .product__info-container .rte p {
  color: #c0c0c0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.product-form__input label, .variant-picker__label, .product .product-form label, .product fieldset legend {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 8px !important;
}
.product-form__input input[type="radio"] + label, .variant-picker__option label, fieldset .product-form__input label {
  background: #2a2a2a !important;
  color: #e0e0e0 !important;
  border: 1px solid #444 !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
.product-form__input input[type="radio"]:checked + label, .variant-picker__option input:checked + label {
  background: #f3c01d !important;
  color: #1a1a1a !important;
  border-color: #f3c01d !important;
  font-weight: 800 !important;
}
.quantity, .product-form__quantity, .quantity__input {
  background: #2a2a2a !important;
  color: #ffffff !important;
  border: 1px solid #444 !important;
  border-radius: 4px !important;
}
.quantity__button { color: #ffffff !important; background: #333 !important; border: none !important; }
.quantity__button:hover { background: #444 !important; color: #f3c01d !important; }
.product-form__submit, .product-form__submit span, .product form [name="add"],
button[name="add"], .product-form button[type="submit"] {
  background: #f3c01d !important;
  color: #1a1a1a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 18px 40px !important;
  border-radius: 4px !important;
  border: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
  cursor: pointer !important;
  width: 100% !important;
}
.product-form__submit:hover, button[name="add"]:hover, .product-form button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 192, 29, 0.35) !important;
  background: #e5b31a !important;
}
.shopify-payment-button__button, .shopify-payment-button .shopify-payment-button__button {
  background: transparent !important;
  color: #f3c01d !important;
  border: 2px solid #f3c01d !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
}
.shopify-payment-button__button:hover { background: rgba(243, 192, 29, 0.1) !important; }
.product__media-wrapper, .product__media-list { background: #1a1a1a !important; }
.product__media-item { border-radius: 8px !important; overflow: hidden !important; background: #1e1e1e !important; }
.product__media-item img { border-radius: 8px !important; }
.product__info-container, .product__info-wrapper { background: transparent !important; }
.breadcrumbs a, .breadcrumb a, nav.breadcrumb a {
  color: #999 !important; text-decoration: none !important; font-size: 12px !important;
  text-transform: uppercase !important; letter-spacing: 0.05em !important;
}
.breadcrumbs a:hover, nav.breadcrumb a:hover { color: #f3c01d !important; }
.breadcrumbs span, nav.breadcrumb span { color: #666 !important; }
.product__accordion .accordion__title, .product-tabs .tab-title, details.accordion summary {
  color: #ffffff !important; font-weight: 700 !important; font-size: 15px !important; border-color: #333 !important;
}
.product__accordion .accordion__content, details.accordion .accordion__content {
  color: #c0c0c0 !important; font-size: 14px !important; line-height: 1.6 !important;
}
.product .icon-with-text, .product .product__icon-list { color: #c0c0c0 !important; }
.product .icon-with-text .icon { color: #f3c01d !important; }
.product .share-button { color: #999 !important; }
.product .share-button:hover { color: #f3c01d !important; }

/* 5. COLLECTION PAGE - PREMIUM GRID */
.collection-hero__title, .collection .title, h1.collection__title {
  color: #ffffff !important;
  font-size: clamp(2rem, 5vw, 3.2rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
}
.collection-hero__description, .collection .collection__description {
  color: #c0c0c0 !important; text-align: center !important; max-width: 600px !important; margin: 0 auto 40px !important;
}
.collection .card, .collection .product-card-wrapper .card, .card--standard, .card--card {
  background: #1e1e1e !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.collection .card:hover, .card--standard:hover, .card--card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(243, 192, 29, 0.15) !important;
}
.card__media, .card .media { overflow: hidden !important; background: transparent !important; }
.card__media img, .card .media img { transition: transform 0.4s ease !important; }
.collection .card:hover .card__media img, .card--standard:hover .card__media img, .card--card:hover .media img { transform: scale(1.05) !important; }
.card__content, .card__information { padding: 16px 20px !important; }
.card__heading a, .card-information__text, .card__heading {
  color: #ffffff !important; font-weight: 700 !important; font-size: 15px !important; text-decoration: none !important;
}
.card__heading a:hover { color: #f3c01d !important; }
.card .price-item, .card .price .money, .card .price-item--regular {
  color: #f3c01d !important; font-weight: 800 !important; font-size: 16px !important;
}
.card .badge, .badge--bottom-left {
  background: #f3c01d !important; color: #1a1a1a !important; font-weight: 800 !important;
  font-size: 11px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important;
  border-radius: 3px !important; padding: 4px 10px !important;
}
.facets__wrapper, .facets-container {
  background: #1e1e1e !important; border: 1px solid #333 !important; border-radius: 8px !important; padding: 16px !important;
}
.facets__label, .facets__heading {
  color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 12px !important; letter-spacing: 0.08em !important;
}
.facets__summary span, .facets__selected { color: #e0e0e0 !important; }
.facet-checkbox__text, .facets__item label { color: #c0c0c0 !important; }
.facet-filters__sort select, .collection-filters__sort select {
  background: #2a2a2a !important; color: #e0e0e0 !important; border: 1px solid #444 !important; border-radius: 4px !important; padding: 8px 12px !important;
}
.active-facets__button, .facets__pill {
  background: #f3c01d !important; color: #1a1a1a !important; border-radius: 20px !important; font-weight: 700 !important; font-size: 12px !important;
}
.collection .products-count, #ProductCount { color: #999 !important; font-size: 13px !important; }
.pagination__list .pagination__item a, .pagination__list .pagination__item span {
  color: #e0e0e0 !important; background: #2a2a2a !important; border: 1px solid #444 !important; border-radius: 4px !important; padding: 8px 14px !important; transition: all 0.2s ease !important;
}
.pagination__list .pagination__item a:hover { background: #f3c01d !important; color: #1a1a1a !important; border-color: #f3c01d !important; }
.pagination__list .pagination__item--current span { background: #f3c01d !important; color: #1a1a1a !important; border-color: #f3c01d !important; font-weight: 800 !important; }

/* 6. CART PAGE ENHANCEMENTS */
.cart__items .cart-item__name, .cart-item__name a { color: #ffffff !important; font-weight: 700 !important; text-decoration: none !important; }
.cart-item__name a:hover { color: #f3c01d !important; }
.cart-item__price .price, .cart-item .price { color: #f3c01d !important; font-weight: 800 !important; }
.cart__footer .totals__total-value, .cart__subtotal .price { color: #f3c01d !important; font-weight: 800 !important; font-size: 1.4rem !important; }
.cart__checkout-button, button[name="checkout"], #cart-notification-button, .cart__ctas button {
  background: #f3c01d !important; color: #1a1a1a !important; font-weight: 800 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase !important; border-radius: 4px !important;
  border: none !important; padding: 18px 40px !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.cart__checkout-button:hover, button[name="checkout"]:hover {
  transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(243, 192, 29, 0.35) !important; background: #e5b31a !important;
}

/* 7. GLOBAL LINK & MISC ENHANCEMENTS */
a:not([class]) { color: #f3c01d !important; }
.section-header__title, h2.section-header__title { color: #ffffff !important; }
.announcement-bar { background: #8B0000 !important; }
.announcement-bar a, .announcement-bar__message { color: #ffffff !important; font-weight: 700 !important; }

/* 8. MOBILE RESPONSIVE - ALL v4 STYLES */
@media screen and (max-width: 749px) {
  [class*="ai-shop-coffee-button-"] a, [class*="ai-shop-coffee-button__link-"] {
    padding: 14px 32px !important; font-size: 13px !important; max-width: 280px !important; letter-spacing: 0.1em !important;
  }
  [class*="ai-product-compare__button-"], [class*="ai-product-compare__button-"] a {
    max-width: 240px !important; padding: 12px 28px !important; font-size: 13px !important;
  }
  [class*="ai-product-card-content-"] { padding: 12px 16px 16px !important; }
  [class*="ai-product-card-title-"] { font-size: 15px !important; }
  [class*="ai-product-card-price-"] { font-size: 16px !important; }
  .product__title h1, .product .product__title, h1.product__title { font-size: 1.6rem !important; margin-bottom: 8px !important; }
  .product .price-item, .product .price .money, .price-item--regular { font-size: 1.3rem !important; }
  .product-form__submit, button[name="add"], .product-form button[type="submit"] { padding: 16px 24px !important; font-size: 14px !important; }
  .collection-hero__title, h1.collection__title { font-size: 1.8rem !important; }
  .card__content, .card__information { padding: 12px 16px !important; }
  .card__heading a, .card__heading { font-size: 14px !important; }
  .card .price-item { font-size: 15px !important; }
  .cart__checkout-button, button[name="checkout"] { padding: 16px 24px !important; font-size: 14px !important; }
  .facets__wrapper, .facets-container { padding: 12px !important; }
  .collection .card:hover, .card--standard:hover, .card--card:hover, [class*="ai-product-card-"]:hover, [class*="ai-product-compare__card-"]:hover {
    transform: none !important; box-shadow: none !important;
  }
  .collection .card:active, .card--standard:active, [class*="ai-product-card-"]:active, [class*="ai-product-compare__card-"]:active {
    transform: scale(0.98) !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .product__title h1, .product .product__title { font-size: 2rem !important; }
  .collection-hero__title, h1.collection__title { font-size: 2.4rem !important; }
  [class*="ai-shop-coffee-button-"] a, [class*="ai-shop-coffee-button__link-"] { padding: 15px 40px !important; font-size: 14px !important; }
}



/* ============================================
   CSS v4.1 HOTFIX - App Block Product Page Classes
   ============================================ */

/* Product title - bb-title app block */
h1.bb-title, .bb-title {
  color: #ffffff !important;
  font-size: clamp(1.6rem, 4vw, 2.4rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}

/* Product price - bb-price app block */
p.bb-price, .bb-price, .bb-price .money {
  color: #f3c01d !important;
  font-size: clamp(1.4rem, 3vw, 2rem) !important;
  font-weight: 800 !important;
}

/* Subscription/price - Seal Subscriptions (sls-) */
.sls-price, .sls-total-price, .sls-one-time-price,
.sls-price .money, .sls-total-price .money,
.sls-price-container .money,
span.money.conversion-bear-money.seal-money.ht-money {
  color: #f3c01d !important;
  font-weight: 800 !important;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem) !important;
}

/* Subscription widget styling */
.sls-purchase-options-container {
  background: #1e1e1e !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  padding: 16px !important;
}
.sls-purchase-options-label, .sls-selling-plan-group-name {
  color: #ffffff !important;
  font-weight: 700 !important;
}
.sls-option-container {
  border-color: #444 !important;
}
.sls-option-container.sls-active {
  border-color: #f3c01d !important;
}
.sls-savings-badge {
  background: #f3c01d !important;
  color: #1a1a1a !important;
  font-weight: 800 !important;
  border-radius: 4px !important;
}
.sls-custom-radio {
  border-color: #666 !important;
}
.sls-active .sls-custom-radio {
  border-color: #f3c01d !important;
  background: #f3c01d !important;
}
.sls-select {
  background: #2a2a2a !important;
  color: #e0e0e0 !important;
  border: 1px solid #444 !important;
  border-radius: 4px !important;
}
.sls-subscription-details-label, .sls-more-info-text {
  color: #999 !important;
}

/* AI sticky bar */
[class*="ai-sticky-bar-price-"] {
  color: #f3c01d !important;
  font-weight: 800 !important;
}
[class*="ai-sticky-bar-button-"] {
  background: #f3c01d !important;
  color: #1a1a1a !important;
  font-weight: 800 !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* Main form Add to Cart (product-form) */
.product-form .form button[type="submit"],
form[action*="/cart/add"] button[type="submit"],
form.form button[type="submit"] {
  background: #f3c01d !important;
  color: #1a1a1a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 18px 40px !important;
  border-radius: 4px !important;
  border: none !important;
  width: 100% !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer !important;
}
form[action*="/cart/add"] button[type="submit"]:hover,
form.form button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 192, 29, 0.35) !important;
  background: #e5b31a !important;
}

/* Trust badges on product page */
.bb-trust img {
  filter: brightness(1.2) !important;
}

/* Product page variant selects */
form.form select,
.product-form select,
form[action*="/cart/add"] select {
  background: #2a2a2a !important;
  color: #e0e0e0 !important;
  border: 1px solid #444 !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  appearance: auto !important;
}

/* Product page labels */
form.form label,
.product-form label {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* Mobile adjustments for PDP hotfix */
@media screen and (max-width: 749px) {
  h1.bb-title, .bb-title {
    font-size: 1.4rem !important;
  }
  p.bb-price, .bb-price {
    font-size: 1.2rem !important;
  }
  form[action*="/cart/add"] button[type="submit"],
  form.form button[type="submit"] {
    padding: 16px 24px !important;
    font-size: 14px !important;
  }
}


/* ============================================
   BILGE BREW - CSS v5 MEGA OVERHAUL
   Complete design upgrade fixing ALL issues
   ============================================ */

/* =============================================
   0. GLOBAL DESIGN SYSTEM
   Better typography, spacing, and visual hierarchy
   ============================================= */

/* Import better font pairing */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* Global color variables override */
:root {
  --bb-gold: #f3c01d;
  --bb-gold-hover: #ffd54f;
  --bb-dark: #0e0e0e;
  --bb-dark-card: #1a1a1a;
  --bb-dark-surface: #222222;
  --bb-dark-border: #333333;
  --bb-text-primary: #ffffff;
  --bb-text-secondary: #b0b0b0;
  --bb-text-muted: #888888;
  --bb-red-accent: #c41e1e;
}

/* Apply Oswald to headings, Inter to body */
h1, h2, h3, .h1, .h2, .h3,
.title, .section-header__title {
  font-family: 'Oswald', sans-serif !important;
  letter-spacing: 0.03em !important;
}

body, p, span, a, li, label, input, textarea, select, button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }/* ============================================
   BILGE BREW - CSS v5 MEGA OVERHAUL
   Complete design upgrade fixing ALL issues
   ============================================ */

/* =============================================
   0. GLOBAL DESIGN SYSTEM
   Better typography, spacing, and visual hierarchy
   ============================================= */

/* Import better font pairing */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* Global color variables override */
:root {
  --bb-gold: #f3c01d;
  --bb-gold-hover: #ffd54f;
  --bb-dark: #0e0e0e;
  --bb-dark-card: #1a1a1a;
  --bb-dark-surface: #222222;
  --bb-dark-border: #333333;
  --bb-text-primary: #ffffff;
  --bb-text-secondary: #b0b0b0;
  --bb-text-muted: #888888;
  --bb-red-accent: #c41e1e;
}

/* Apply Oswald to headings, Inter to body */
h1, h2, h3, .h1, .h2, .h3,
.title, .section-header__title {
  font-family: 'Oswald', sans-serif !important;
  letter-spacing: 0.03em !important;
}

body, p, span, a, li, label, input, textarea, select, button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* =============================================
   1. ANNOUNCEMENT BAR FIX
   Fix dark red only in middle column
   Make entire bar uniform red
   ============================================= */
.utility-bar {
  background: var(--bb-red-accent) !important;
}
.utility-bar__grid {
  background: var(--bb-red-accent) !important;
}
.utility-bar__grid > * {
  background: transparent !important;
}
.announcement-bar {
  background: transparent !important;
}
/* Ensure announcement text is white & visible */
.utility-bar *,
.announcement-bar *,
.announcement-bar__message * {
  color: #ffffff !important;
}
.utility-bar a:hover,
.announcement-bar a:hover {
  color: var(--bb-gold) !important;
}
/* Social icons in announcement bar */
.utility-bar .list-social a {
  color: #ffffff !important;
  opacity: 0.85;
  transition: all 0.2s ease !important;
}
.utility-bar .list-social a:hover {
  color: var(--bb-gold) !important;
  opacity: 1;
}

/* =============================================
   2. NAV DROPDOWN / MENU DRAWER FIX
   Fix invisible headings on hover
   Restyle to dark theme with gold accents
   ============================================= */
/* Mobile menu drawer - change from gold bg to dark bg */
.menu-drawer {
  background: var(--bb-dark) !important;
  color: var(--bb-text-primary) !important;
}
.menu-drawer__inner-container {
  background: var(--bb-dark) !important;
}
.menu-drawer a,
.menu-drawer summary,
.menu-drawer button,
.menu-drawer__menu-item,
.menu-drawer .list-menu__item {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  padding: 14px 24px !important;
  transition: all 0.2s ease !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.menu-drawer a:hover,
.menu-drawer summary:hover,
.menu-drawer button:hover {
  color: var(--bb-gold) !important;
  background: rgba(243, 192, 29, 0.08) !important;
}
.menu-drawer .menu-drawer__submenu {
  background: #111111 !important;
}
.menu-drawer__close-button {
  color: var(--bb-text-primary) !important;
}
/* Desktop header dropdown menus */
.header__submenu,
.mega-menu,
.mega-menu__content,
header details[open] > .header__submenu {
  background: var(--bb-dark) !important;
  border: 1px solid var(--bb-dark-border) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important;
}
.header__submenu a,
.mega-menu a,
.mega-menu__link {
  color: var(--bb-text-primary) !important;
  transition: all 0.2s ease !important;
}
.header__submenu a:hover,
.mega-menu a:hover,
.mega-menu__link:hover {
  color: var(--bb-gold) !important;
  background: rgba(243, 192, 29, 0.06) !important;
}

/* =============================================
   3. PRODUCT CARD BORDER FIX
   Remove borders from child elements
   Only border on the OUTER card wrapper
   ============================================= */
/* RESET: Remove borders from ALL ai-product-card elements */
[class*="ai-product-card-"] {
  border: none !important;
  border-width: 0 !important;
}
/* Then add border ONLY to the outer card container */
[class*="ai-product-card-"][class*="aigenblock"] {
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--bb-dark-card) !important;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
/* Hover effect on card */
[class*="ai-product-card-"][class*="aigenblock"]:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 32px rgba(243, 192, 29, 0.12), 0 4px 12px rgba(0,0,0,0.3) !important;
  border-color: rgba(243, 192, 29, 0.25) !important;
}
/* Product card titles */
[class*="ai-product-card-title-"] {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
}
/* Product card prices */
[class*="ai-product-card-price-"],
[class*="ai-product-card-price-"] * {
  color: var(--bb-gold) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}
/* Product card descriptions */
[class*="ai-product-card-description-"] {
  color: var(--bb-text-secondary) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
/* Product card content area */
[class*="ai-product-card-content-"] {
  padding: 16px 18px !important;
  background: transparent !important;
}
/* Product card image wrappers */
[class*="ai-product-card-image-wrapper-"],
[class*="ai-product-compare__image-wrapper-"] {
  background: var(--bb-dark-surface) !important;
  overflow: hidden !important;
}
[class*="ai-product-card-image-"] {
  transition: transform 0.5s ease !important;
}
[class*="ai-product-card-"][class*="aigenblock"]:hover [class*="ai-product-card-image-"] {
  transform: scale(1.05) !important;
}

/* =============================================
   4. SHOP ALL COFFEE BUTTON FIX
   Fix full-width, icon alignment, hover shadow
   ============================================= */
[class*="ai-shop-coffee-button-"] {
  max-width: 340px !important;
  width: auto !important;
  margin: 40px auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 44px !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;  white-space: nowrap !important;
}
/* Center the button within its parent */
[class*="ai-shop-coffee-button-"]:is(a, button) {
  display: inline-flex !important;
}
.shopify-block:has([class*="ai-shop-coffee-button-"]) {
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}
[class*="ai-shop-coffee-button-"]:hover {
  background: var(--bb-gold-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 192, 29, 0.35) !important;
}
/* Fix icon inside Shop All Coffee */
[class*="ai-shop-coffee-button-"] svg,
[class*="ai-shop-coffee-button-"] img,
[class*="ai-shop-coffee-button-"] i {
  width: 18px !important;
  height: 18px !important;
  vertical-align: middle !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}

/* =============================================
   5. FIND YOUR ROAST BUTTON CENTER ALIGN
   ============================================= */
.bb-faq__cta,
a.bb-faq__cta,
button.bb-faq__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  padding: 14px 36px !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.bb-faq__cta:hover {
  background: var(--bb-gold-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 192, 29, 0.35) !important;
}
/* Center the parent */
*:has(> .bb-faq__cta) {
  text-align: center !important;
}

/* =============================================
   6. CHOOSE YOUR GRIND / MEDIA TEXT BUTTONS
   ============================================= */
[class*="ai-media-text-content-"] {
  background: var(--bb-dark-card) !important;
  color: #e0e0e0 !important;
  padding: 32px !important;
}
[class*="ai-media-text-content-"] h1,
[class*="ai-media-text-content-"] h2,
[class*="ai-media-text-content-"] h3 {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
}
[class*="ai-media-text-content-"] p,
[class*="ai-media-text-content-"] span {
  color: var(--bb-text-secondary) !important;
}
[class*="ai-media-text-button-"] {
  max-width: 260px !important;
  width: auto !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 36px !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}
[class*="ai-media-text-button-"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(243, 192, 29, 0.3) !important;
}

/* =============================================
   7. PDP (PRODUCT DETAIL PAGES) OVERHAUL
   Complete redesign for professional look
   ============================================= */
/* Main product section background */
.product, .product__info-wrapper {
  background: var(--bb-dark) !important;
}
/* Product title - standard Dawn + app blocks */
.product__title, .product__title h1,
h1.bb-title, .bb-title {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(1.8rem, 4.5vw, 2.8rem) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
}
/* Product price - all variants */
.product .price-item, .product .price .money,
.product .price-item--regular, .product .price-item--sale,
p.bb-price, .bb-price, .bb-price .money,
.product__info-container .price *,
.product-form__info-content .price * {
  color: var(--bb-gold) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(1.5rem, 3.5vw, 2.2rem) !important;
  font-weight: 800 !important;
}
/* Compare at price (strikethrough) */
.product .price-item--regular s,
.product .price s,
.product .price--on-sale .price-item--regular {
  color: var(--bb-text-muted) !important;
  font-size: 0.85em !important;
}
/* Subscription prices */
.sls-price, .sls-total-price, .sls-one-time-price,
.sls-price .money, .sls-total-price .money,
span.money.conversion-bear-money.seal-money.ht-money {
  color: var(--bb-gold) !important;
  font-weight: 800 !important;
}
/* Subscription widget container */
.sls-purchase-options-container {
  background: var(--bb-dark-surface) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  margin: 16px 0 !important;
}
.sls-purchase-option {
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin-bottom: 8px !important;
  transition: all 0.2s ease !important;
  background: rgba(255,255,255,0.02) !important;
}
.sls-purchase-option:hover,
.sls-purchase-option.sls-active {
  border-color: var(--bb-gold) !important;
  background: rgba(243, 192, 29, 0.05) !important;
}
.sls-savings-badge {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
}
.sls-active .sls-custom-radio,
.sls-custom-radio:checked {
  border-color: var(--bb-gold) !important;
  background: var(--bb-gold) !important;
}
.sls-purchase-options-container label,
.sls-purchase-options-container span,
.sls-purchase-options-container p {
  color: var(--bb-text-primary) !important;
}
/* Subscription frequency select */
.sls-frequency-select,
.sls-purchase-options-container select {
  background: var(--bb-dark-card) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
}

/* Variant picker buttons */
.product-form__input label,
variant-radios label,
.product-form__input input[type="radio"] + label {
  background: var(--bb-dark-surface) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
.product-form__input input[type="radio"]:checked + label,
variant-radios input[type="radio"]:checked + label {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  border-color: var(--bb-gold) !important;
  font-weight: 700 !important;
}

/* Quantity selector */
.quantity, .quantity__input {
  background: var(--bb-dark-surface) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 8px !important;
}
.quantity__button {
  color: var(--bb-text-primary) !important;
  transition: color 0.2s ease !important;
}
.quantity__button:hover {
  color: var(--bb-gold) !important;
}

/* ADD TO CART button */.product-form__submit,
form[action*="/cart/add"] button[type="submit"],
.shopify-payment-button button {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 18px 32px !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(243, 192, 29, 0.2) !important;
}
.product-form__submit:hover,
form[action*="/cart/add"] button[type="submit"]:hover {
  background: var(--bb-gold-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(243, 192, 29, 0.35) !important;
}

/* Product description / tabs */
.product__description, .product__description * {
  color: var(--bb-text-secondary) !important;
  line-height: 1.7 !important;
}
.product__description h2, .product__description h3,
.product__description strong {
  color: var(--bb-text-primary) !important;
}

/* Trust badges / BB trust block */
.bb-trust, [class*="bb-trust"] {
  background: var(--bb-dark-surface) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin: 16px 0 !important;
}
.bb-trust *, [class*="bb-trust"] * {
  color: var(--bb-text-secondary) !important;
}

/* Product media / gallery */
.product__media-wrapper {
  background: var(--bb-dark-card) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.product__media-item {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Sticky bar */
[class*="ai-sticky-bar-"] {
  background: var(--bb-dark) !important;
  border-top: 1px solid var(--bb-dark-border) !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.3) !important;
}
[class*="ai-sticky-bar-price-"],
[class*="ai-sticky-bar-price-"] * {
  color: var(--bb-gold) !important;
  font-weight: 700 !important;
}
[class*="ai-sticky-bar-button-"] {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
}

/* =============================================
   8. "YOU MAY ALSO LIKE" SECTION FIX
   Override color-scheme-1 (white) to dark
   ============================================= */
.product-recommendations,
[class*="related-products"],
[id*="related-products"] .color-scheme-1,
.shopify-section:has(product-recommendations) .color-scheme-1 {
  background: var(--bb-dark) !important;
  color: var(--bb-text-primary) !important;
}
product-recommendations .color-scheme-1 {
  background: var(--bb-dark) !important;
}
product-recommendations h2,
.product-recommendations h2,
.product-recommendations .title,
[id*="related-products"] h2 {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-bottom: 32px !important;
}
/* Product cards within recommendations */
product-recommendations .card,
.product-recommendations .card {
  background: var(--bb-dark-card) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
product-recommendations .card:hover,
.product-recommendations .card:hover {
  border-color: rgba(243, 192, 29, 0.25) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}
product-recommendations .card__content,
.product-recommendations .card__content {
  background: var(--bb-dark-card) !important;
}
product-recommendations .card__heading a,
.product-recommendations .card__heading a,
product-recommendations .full-unstyled-link {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
product-recommendations .price-item,
.product-recommendations .price-item,
product-recommendations .money {
  color: var(--bb-gold) !important;
  font-weight: 700 !important;
}
product-recommendations .card__inner,
.product-recommendations .card__inner {
  background: var(--bb-dark-surface) !important;
}

/* =============================================
   9. COLLECTION / APPAREL PAGE FILTER & SORT
   Polish the filter bar and overall layout
   ============================================= */
/* Collection title */
.collection-hero__title,
.collection .title,
.collection h1 {
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(2rem, 5vw, 3.2rem) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--bb-text-primary) !important;
  text-align: center !important;
  margin-bottom: 8px !important;
}
/* Collection description */
.collection-hero__description,
.collection__description {
  color: var(--bb-text-secondary) !important;
  text-align: center !important;
  max-width: 640px !important;
  margin: 0 auto 32px !important;
}
/* Filter bar redesign */
.facets-wrapper {
  background: var(--bb-dark-surface) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 10px !important;
  padding: 16px 24px !important;
  margin-bottom: 32px !important;
}
.facets-wrapper * {
  color: var(--bb-text-primary) !important;
}
/* Filter labels */
.facets__label,
.facet-filters__label {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 13px !important;
  color: var(--bb-text-primary) !important;
}
/* Sort dropdown */
.facet-filters__sort select,
.facet-filters sorting select,
select#SortBy {
  background: var(--bb-dark-card) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
}
/* Product count */
.facet-filters__count,
.collection-product-count {
  color: var(--bb-text-muted) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
}
/* Filter disclosure buttons */
.facets__disclosure button,
.facets__summary {
  background: transparent !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  transition: all 0.2s ease !important;
}
.facets__disclosure button:hover,
.facets__summary:hover {
  border-color: var(--bb-gold) !important;
  color: var(--bb-gold) !important;
}

/* Standard collection product cards (Dawn cards, not app blocks) */
.collection .card,
.collection-product-list .card {
  background: var(--bb-dark-card) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.35s ease !important;
}
.collection .card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(243, 192, 29, 0.2) !important;  box-shadow: 0 12px 32px rgba(0,0,0,0.3) !important;
}
.collection .card__inner {
  background: var(--bb-dark-surface) !important;
}
.collection .card__content {
  background: var(--bb-dark-card) !important;
  padding: 16px !important;
}
.collection .card__heading a,
.collection .full-unstyled-link {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
}
.collection .price-item,
.collection .price .money {
  color: var(--bb-gold) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
/* Quick add buttons in collection */
.quick-add__submit,
.collection .card button {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.quick-add__submit:hover {
  background: var(--bb-gold-hover) !important;
}

/* Pagination */
.pagination {
  margin-top: 48px !important;
}
.pagination__item,
.pagination a {
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 6px !important;
  padding: 8px 14px !important;
  transition: all 0.2s ease !important;
}
.pagination__item--current,
.pagination a:hover {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  border-color: var(--bb-gold) !important;
}

/* =============================================
   10. PODCAST PLAYER / WHITE SECTIONS FIX
   Fix white background on podcast section
   ============================================= */
[class*="ai-podcast-player-"] {
  background: var(--bb-dark-card) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
[class*="ai-podcast-player-"] * {
  color: var(--bb-text-primary) !important;
  background-color: transparent !important;
}
[class*="ai-podcast-player-"] h2,
[class*="ai-podcast-player-"] h3 {
  font-family: 'Oswald', sans-serif !important;
  color: var(--bb-text-primary) !important;
}
/* Generic white section override for any missed sections */
.shopify-section .color-scheme-1 {
  background: var(--bb-dark-card) !important;
  color: var(--bb-text-primary) !important;
}
.color-scheme-1 h1, .color-scheme-1 h2, .color-scheme-1 h3 {
  color: var(--bb-text-primary) !important;
}
.color-scheme-1 p, .color-scheme-1 span, .color-scheme-1 a {
  color: var(--bb-text-secondary) !important;
}
.color-scheme-1 a:hover {
  color: var(--bb-gold) !important;
}

/* =============================================
   11. CONTACT PAGE FORM STYLING
   Professional dark form design
   ============================================= */
.contact .field__input,
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact textarea,
.form__label,
.field__label {
  background: var(--bb-dark-surface) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  transition: border-color 0.2s ease !important;
}
.contact .field__input:focus,
.contact input:focus,
.contact textarea:focus {
  border-color: var(--bb-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(243, 192, 29, 0.15) !important;
}
.contact .field__label,
.contact label {
  color: var(--bb-text-secondary) !important;
  font-weight: 500 !important;
}
.contact h1, .contact h2,
.contact .title {
  font-family: 'Oswald', sans-serif !important;
  color: var(--bb-text-primary) !important;
  text-transform: uppercase !important;
}
.contact button[type="submit"],
.contact .form__submit {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  border: none !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}
.contact button[type="submit"]:hover {
  background: var(--bb-gold-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 192, 29, 0.35) !important;
}

/* =============================================
   12. ABOUT / INFO PAGES STYLING
   Better typography and layout for content pages
   ============================================= */
.page .rte, .page .page-width,
.template-page .rte {
  max-width: 800px !important;
  margin: 0 auto !important;
}
.page h1, .template-page h1 {
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: var(--bb-text-primary) !important;
  margin-bottom: 16px !important;
  line-height: 1.15 !important;
}
.page h2, .template-page h2,
.page h3, .template-page h3 {
  font-family: 'Oswald', sans-serif !important;
  color: var(--bb-text-primary) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}
.page p, .template-page p,
.page .rte p {
  color: var(--bb-text-secondary) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin-bottom: 16px !important;
}
.page strong, .template-page strong {
  color: var(--bb-text-primary) !important;
  font-weight: 600 !important;
}
.page a, .template-page a {
  color: var(--bb-gold) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.page a:hover {
  color: var(--bb-gold-hover) !important;
}
/* Add subtle separator for about page sections */
.page .rte hr,
.template-page hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--bb-dark-border), transparent) !important;
  margin: 40px 0 !important;
}

/* =============================================
   13. CART PAGE STYLING
   ============================================= */
.cart__items, .cart-items {
  background: var(--bb-dark) !important;
}
.cart-item, .cart__item {
  border-bottom: 1px solid var(--bb-dark-border) !important;
}
.cart-item__name, .cart__item-name {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.cart-item .price, .cart__item .price,
.cart-item .money {
  color: var(--bb-gold) !important;
  font-weight: 700 !important;
}
/* Cart totals */
.totals, .cart__footer {
  border-top: 2px solid var(--bb-gold) !important;
}
.totals__total-value, .cart-total .money {  color: var(--bb-gold) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.3em !important;
  font-weight: 800 !important;
}
/* Checkout button */
.cart__checkout-button,
button[name="checkout"],
.cart__ctas button {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
  padding: 18px !important;
  transition: all 0.3s ease !important;
}
.cart__checkout-button:hover,
button[name="checkout"]:hover {
  background: var(--bb-gold-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(243, 192, 29, 0.35) !important;
}

/* =============================================
   14. JUDGE.ME REVIEWS WIDGET
   ============================================= */
.jdgm-widget,
.jdgm-carousel-wrapper,
.jdgm-carousel,
[class*="jdgm-"] {
  color: var(--bb-text-secondary) !important;
}
.jdgm-title {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 12px !important;
}
.jdgm-rating-text,
.jdgm-reviews-count,
.jdgm-verified-text,
.jdgm-verified-wrapper,
.jdgm-carousel__rating {
  color: var(--bb-text-secondary) !important;
}
.jdgm-carousel__item,
.jdgm-carousel-item,
.jdgm-rev {
  background: var(--bb-dark-surface) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 10px !important;
  color: var(--bb-text-secondary) !important;
  padding: 20px !important;
  transition: all 0.3s ease !important;
}
.jdgm-carousel__item:hover,
.jdgm-rev:hover {
  border-color: rgba(243, 192, 29, 0.2) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
}
.jdgm-carousel__item-text,
.jdgm-rev__body,
.jdgm-rev-text {
  color: var(--bb-text-secondary) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.jdgm-carousel__item-author,
.jdgm-rev__author {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}
.jdgm-carousel__item-product,
.jdgm-rev__product {
  color: var(--bb-text-muted) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}
.jdgm-arrow {
  color: var(--bb-gold) !important;
  opacity: 1 !important;
}
.jdgm-star {
  color: var(--bb-gold) !important;
}
/* Review form */
.jdgm-form input,
.jdgm-form textarea,
.jdgm-form select {
  background: var(--bb-dark-surface) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 6px !important;
}
.jdgm-form__submit-btn {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  font-weight: 700 !important;
}

/* =============================================
   15. GLOBAL POLISH
   Section headings, links, buttons, scrollbar
   ============================================= */
/* Section headings everywhere */
.section-header__title,
.title--primary,
h2.title {
  font-family: 'Oswald', sans-serif !important;
  color: var(--bb-text-primary) !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
/* Global link color */
a {
  transition: color 0.2s ease !important;
}
a:not([class]):hover {
  color: var(--bb-gold) !important;
}
/* Footer styling */
.footer {
  background: var(--bb-dark) !important;
  border-top: 1px solid var(--bb-dark-border) !important;
}
.footer h2, .footer .footer__heading {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
.footer a {
  color: var(--bb-text-secondary) !important;
  transition: color 0.2s ease !important;
}
.footer a:hover {
  color: var(--bb-gold) !important;
}
/* Newsletter input in footer */
.footer .field__input,
.newsletter-form__field-wrapper input {
  background: var(--bb-dark-surface) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 6px !important;
}
.footer .field__input:focus,
.newsletter-form__field-wrapper input:focus {
  border-color: var(--bb-gold) !important;
}
.footer button[type="submit"],
.newsletter-form__button {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
}
/* Custom scrollbar for dark theme */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bb-dark);
}
::-webkit-scrollbar-thumb {
  background: var(--bb-dark-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--bb-gold);
}

/* Fullwidth media sections (Always fresh. Never shelved.) */
[class*="ai-fullwidth-media-"] {
  border-radius: 0 !important;
}

/* =============================================
   16. AI MENU TABS (Top Sellers, Bundles, etc.)
   ============================================= */
[class*="ai-menu-tabs-"] {
  background: var(--bb-dark) !important;
  border-bottom: 1px solid var(--bb-dark-border) !important;
}
[class*="ai-menu-tabs-"] a,
[class*="ai-menu-tabs-"] button {
  color: var(--bb-text-primary) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
}
[class*="ai-menu-tabs-"] a:hover,
[class*="ai-menu-tabs-"] button:hover {
  background: var(--bb-gold) !important;
  color: var(--bb-dark) !important;
  border-color: var(--bb-gold) !important;
}

/* =============================================
   17. COLOR SCHEME OVERRIDES
   Force dark theme on all scheme variants
   ============================================= */
/* Scheme 2 (light gray) - force dark */
.color-scheme-2 {
  background: var(--bb-dark-surface) !important;
  color: var(--bb-text-primary) !important;
}
/* Keep scheme 3 (header dark) and scheme 4 (dark gold) as-is */

/* =============================================
   18. MOBILE RESPONSIVE OVERHAUL
   ============================================= */
@media (max-width: 749px) {
  /* Announcement bar mobile */
  .utility-bar__grid--3-col {
    display: flex !important;    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
  }
  .utility-bar .list-social {
    justify-content: center !important;
  }

  /* Menu drawer mobile */
  .menu-drawer {
    width: 85vw !important;
    max-width: 360px !important;
  }
  .menu-drawer a,
  .menu-drawer summary {
    font-size: 14px !important;
    padding: 12px 20px !important;
  }

  /* Product cards mobile */
  [class*="ai-product-card-"][class*="aigenblock"] {
    margin-bottom: 16px !important;
  }
  [class*="ai-product-card-title-"] {
    font-size: 14px !important;
  }
  [class*="ai-product-card-price-"],
  [class*="ai-product-card-price-"] * {
    font-size: 16px !important;
  }

  /* Shop All Coffee button mobile */
  [class*="ai-shop-coffee-button-"] {
    max-width: 280px !important;
    padding: 14px 32px !important;
    font-size: 14px !important;
  }

  /* PDP mobile */
  .product__title, .product__title h1,
  h1.bb-title, .bb-title {
    font-size: 1.6rem !important;
  }
  p.bb-price, .bb-price, .bb-price .money {
    font-size: 1.3rem !important;
  }
  .product-form__submit,
  form[action*="/cart/add"] button[type="submit"] {
    font-size: 15px !important;
    padding: 16px 24px !important;
  }

  /* Filter bar mobile */
  .facets-wrapper {
    padding: 12px 16px !important;
    border-radius: 8px !important;
  }

  /* Collection title mobile */
  .collection-hero__title,
  .collection .title,
  .collection h1 {
    font-size: 1.8rem !important;
  }

  /* Page content mobile */
  .page h1, .template-page h1 {
    font-size: 1.8rem !important;
  }
  .page p, .page .rte p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  /* Contact form mobile */
  .contact .field__input,
  .contact textarea {
    font-size: 16px !important; /* Prevent zoom on iOS */
  }

  /* Podcast player mobile */
  [class*="ai-podcast-player-"] {
    padding: 16px !important;
  }

  /* Reviews mobile */
  .jdgm-carousel__item,
  .jdgm-rev {
    padding: 16px !important;
  }
}

/* Tablet */
@media (min-width: 750px) and (max-width: 989px) {
  .product__title, .product__title h1,
  h1.bb-title, .bb-title {
    font-size: 2rem !important;
  }

  .collection-hero__title,
  .collection .title,
  .collection h1 {
    font-size: 2.2rem !important;
  }
}

/* =============================================
   19. ANIMATIONS & MICRO-INTERACTIONS
   Subtle, professional animations
   ============================================= */
/* Fade in sections on load */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.shopify-section {
  animation: fadeInUp 0.5s ease forwards;
}

/* Gold underline hover effect for nav links */
.header__menu-item > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 0 !important;
  height: 2px !important;
  background: var(--bb-gold) !important;
  transition: all 0.3s ease !important;
  transform: translateX(-50%) !important;
}
.header__menu-item > a:hover::after {
  width: 80% !important;
}
.header__menu-item > a {
  position: relative !important;
}

/* Button press effect */
[class*="ai-shop-coffee-button-"]:active,
.product-form__submit:active,
.bb-faq__cta:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(243, 192, 29, 0.2) !important;
}

/* =============================================
   20. SEARCH RESULTS PAGE
   ============================================= */
.search__results, .template-search {
  background: var(--bb-dark) !important;
}
.search input[type="search"] {
  background: var(--bb-dark-surface) !important;
  color: var(--bb-text-primary) !important;
  border: 1px solid var(--bb-dark-border) !important;
  border-radius: 8px !important;
}
.search input[type="search"]:focus {
  border-color: var(--bb-gold) !important;
  box-shadow: 0 0 0 2px rgba(243, 192, 29, 0.15) !important;
}
.predictive-search {
  background: var(--bb-dark-card) !important;
  border: 1px solid var(--bb-dark-border) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
}
.predictive-search a {
  color: var(--bb-text-primary) !important;
}
.predictive-search a:hover {
  background: rgba(243, 192, 29, 0.06) !important;
}
.predictive-search .money {
  color: var(--bb-gold) !important;
}


/* ============================================
   BILGE BREW - CSS v5.1 HOTFIX
   Fixes remaining issues found during verification
   ============================================ */

/* HOTFIX 1: Product Card Child Borders */
[class*="ai-product-card-image-wrapper-"],
[class*="ai-product-card-image-"],
[class*="ai-product-card-content-"],
[class*="ai-product-card-title-"],
[class*="ai-product-card-price-"],
[class*="ai-product-card-description-"],
[class*="ai-product-card-badge-"],
[class*="ai-product-card-rating-"],
[class*="ai-product-card-button-"],
[class*="ai-product-card-vendor-"],
[class*="ai-product-card-compare-"],
[class*="ai-product-card-variant-"],
[class*="ai-product-card-stock-"],
[class*="ai-product-card-sku-"] {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
}
a[class*="ai-product-card-"][class*="aigenblock"] {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* HOTFIX 2: Contact Page White Card */
.bb-contact .card,
.bb-contact header.card,
.bb-contact .card--secondary {
  background: var(--bb-dark-card, #1a1a1a) !important;
  color: #e0e0e0 !important;
  border: 1px solid var(--bb-dark-border, #333) !important;
}
.bb-contact .card h1,.bb-contact .card h2,.bb-contact .card h3,.bb-contact .card h4 {
  color: #fff !important;
}
.bb-contact .card p,.bb-contact .card span,.bb-contact .card li {
  color: #d0d0d0 !important;
}
.bb-contact .card a,.bb-contact .card button {
  color: var(--bb-gold, #f3c01d) !important;
  border-color: var(--bb-gold, #f3c01d) !important;
}
.bb-contact details,.bb-contact summary,.bb-contact blockquote {
  background: var(--bb-dark-surface, #222) !important;
  color: #d0d0d0 !important;
  border-color: var(--bb-dark-border, #333) !important;
}
.contact .field__input,.contact .field__label,.contact textarea,.contact input,.contact select,.contact .field {
  background: var(--bb-dark-surface, #222) !important;
  color: #fff !important;
  border-color: var(--bb-dark-border, #333) !important;
}
.contact .field__label { color: var(--bb-text-muted, #888) !important; }
.contact .button,.contact [type="submit"] {
  background: var(--bb-gold, #f3c01d) !important;
  color: var(--bb-dark, #0e0e0e) !important;
  border: none !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* HOTFIX 3: Shop All Coffee Button Height */
[class*="ai-shop-coffee-button-"] {
  padding: 16px 44px !important;
  min-height: auto !important;
  height: auto !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
}
[class*="ai-shop-coffee-button-"] svg,
[class*="ai-shop-coffee-button-"] img,
[class*="ai-shop-coffee-button-"] [class*="icon"] {
  width: 24px !important;
  height: 24px !important;
}

/* HOTFIX 4: Collection Page Filter Border */
.facets-wrapper,.facets-wrapper-desktop {
  border: none !important;
  border-color: transparent !important;
}
.facets-wrapper .facets,.active-facets {
  background: var(--bb-dark-surface, #222) !important;
  border: 1px solid var(--bb-dark-border, #333) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}

/* HOTFIX 5: Collection Product Card Buttons */
.collection .card__content .button,
.collection .quick-add__submit {
  background: var(--bb-gold, #f3c01d) !important;
  color: var(--bb-dark, #0e0e0e) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 4px !important;
}

/* HOTFIX 6: Dawn .card global dark */
.page-width .card,main .card,.shopify-section .card {
  background: var(--bb-dark-card, #1a1a1a) !important;
  color: #e0e0e0 !important;
}

/* HOTFIX 7: You May Also Like cards */
.product-recommendations .card-wrapper,
.product-recommendations .card,
.product-recommendations .card--standard {
  background: var(--bb-dark-card, #1a1a1a) !important;
}
.product-recommendations .card__heading a,
.product-recommendations .card__heading {
  color: #fff !important;
  text-transform: uppercase !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
}
.product-recommendations .price-item {
  color: var(--bb-gold, #f3c01d) !important;
  font-weight: 700 !important;
}
.product-recommendations .card__media,
.product-recommendations .media {
  background: var(--bb-dark-surface, #222) !important;
}

/* HOTFIX 8: body.gradient white fix */
body.gradient {
  background: var(--bb-dark, #0e0e0e) !important;
}

/* HOTFIX 9: Nav dropdown dark */
.header__submenu,.list-menu--disclosure {
  background: var(--bb-dark, #0e0e0e) !important;
  border: 1px solid var(--bb-dark-border, #333) !important;
}
.header__submenu .header__menu-item,
.list-menu--disclosure .list-menu__item {
  color: #e0e0e0 !important;
}
.header__submenu .header__menu-item:hover,
.list-menu--disclosure .list-menu__item:hover {
  color: var(--bb-gold, #f3c01d) !important;
  background: rgba(243, 192, 29, 0.08) !important;
}

/* HOTFIX 10: Card media bg for white product photos */
.card__media,.card__media img,.media.media--transparent {
  background: var(--bb-dark-surface, #222) !important;
}

/* v5.2 PATCH: Product card border - nuclear option */
[class*="ai-product-card-"][class*="aigenblock"]:not(a) {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
}
div[class*="ai-product-card-"],
h3[class*="ai-product-card-"],
img[class*="ai-product-card-"],
span[class*="ai-product-card-"],
p[class*="ai-product-card-"] {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
}

/* ============================================
   BILGE BREW - CSS v6 COMPREHENSIVE FIX
   Fixes: collection images, Shop All Coffee button,
   filter borders, and card__content overlay
   ============================================ */
.card--standard .card__content,
.card .card__content,
.card-wrapper .card__content {
  background: transparent !important;
  background-color: transparent !important;
}
.card--standard .card__media,
.card .card__media {
  z-index: 1 !important;
}
.card__content .card__information {
  background: transparent !important;
}
.card--standard:not(:has(.card__media)) .card__content {
  background: var(--bb-dark-card, #1a1a1a) !important;
}
div[class*="ai-shop-coffee-button-"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
  height: auto !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
a[class*="ai-shop-coffee-button"] {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 44px !important;
  min-height: auto !important;
  height: auto !important;
  max-width: 340px !important;
  background: var(--bb-gold, #f3c01d) !important;
  color: var(--bb-dark, #0e0e0e) !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
a[class*="ai-shop-coffee-button"]:hover {
  background: var(--bb-gold-hover, #ffd54f) !important;
}
a[class*="ai-shop-coffee-button"] svg,
a[class*="ai-shop-coffee-button"] img {
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0 !important;
}
a[class*="ai-shop-coffee-button"] span {
  white-space: nowrap !important;
}

/* v6 FIX 3: Filter Section - Nuclear border reset */
.facets-container,
.facets-container *,
facet-filters-form,
facet-filters-form.facets,
.facets__wrapper,
#FacetsWrapperDesktop,
.facets__summary,
.facets__display,
.parent-display,
.facets__header,
.active-facets,
.facets-wrapper,
.facets-wrapper-desktop {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.facets-container {
  background: var(--bb-dark-surface, #222) !important;
  border: 1px solid var(--bb-dark-border, #333) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}
.facets__summary {
  background: transparent !important;
  color: #e0e0e0 !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
}
.facets__summary:hover {
  color: var(--bb-gold, #f3c01d) !important;
}
.facet-filters__sort select,
.collection-hero__sort select {
  background: var(--bb-dark-card, #1a1a1a) !important;
  color: #e0e0e0 !important;
  border: 1px solid var(--bb-dark-border, #333) !important;
  border-radius: 4px !important;
}
.facets-container .product-count,
.facets-container [id*="ProductCount"] {
  color: var(--bb-gold, #f3c01d) !important;
  font-weight: 700 !important;
}
/* v6 FIX 4: Refine global .card override */
.page-width .card,
main .card,
.shopify-section .card {
  color: #e0e0e0 !important;
}
.card-wrapper > .card,
.card-wrapper {
  background: var(--bb-dark-card, #1a1a1a) !important;
}
.card__inner {
  background: transparent !important;
}
/* v6 FIX 5: Card media */
.card__media {
  background: var(--bb-dark-surface, #222) !important;
  z-index: 1 !important;
  position: relative !important;
}
.card__media img {
  background: transparent !important;
  position: relative !important;
  z-index: 2 !important;
}
.card__media .media,
.card__media .media--transparent {
  background: transparent !important;
}
/* v6 FIX 6: Collection card text */
.card__content .card__heading,
.card__content .card__heading a {
  color: #fff !important;
  text-transform: uppercase !important;
  font-family: 'Oswald', sans-serif !important;
}
.card__content .price-item,
.card__content .price {
  color: var(--bb-gold, #f3c01d) !important;
  font-weight: 700 !important;
}
/* v6 FIX 7: PDP enhancements */
.product__media-wrapper {
  background: var(--bb-dark-card, #1a1a1a) !important;
}
.product__info-wrapper {
  background: transparent !important;
}
.product-form__input label,
.variant-picker__label {
  color: #fff !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.product__accordion .accordion__content,
.product__description {
  color: #d0d0d0 !important;
  line-height: 1.6 !important;
}
.product__accordion summary,
.product__accordion .accordion__title {
  color: #fff !important;
  border-color: var(--bb-dark-border, #333) !important;
}
.bb-trust,
[class*="bb-trust"] {
  background: transparent !important;
}
.product-sticky-form,
.shopify-section--product-sticky {
  background: var(--bb-dark, #0e0e0e) !important;
  border-top: 1px solid var(--bb-dark-border, #333) !important;
}
/* v6 FIX 8-9: Review & recommendation cards */
.jdgm-carousel-item .card__content,
.jdgm-rev__media .card__content,
.product-recommendations .card__content,
.product-recommendations .card__inner {
  background: transparent !important;
}

/* v6.1 HOTFIX: card__media must stay position:absolute for Dawn full-bleed */
.card__media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}
.card__media img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 2 !important;
}
.card__media .media {
  position: absolute !important;
  inset: 0 !important;
}


/* ============================================================
   CSS v7: FILTER SECTION - COMPLETE REDESIGN FROM SCRATCH
   Inspired by firedeptcoffee.com: clean, flat, minimal bar
   with thin horizontal rules, no nested boxes
   ============================================================ */

/* === NUCLEAR RESET: Strip everything from all filter elements === */
aside.facets-wrapper,
aside.facets-wrapper.page-width,
#main-collection-filters,
.facets-container,
facet-filters-form,
facet-filters-form.facets,
.facets__form,
.facets__wrapper,
#FacetsWrapperDesktop,
.facet-filters,
.facet-filters.sorting,
.facet-filters.sorting.caption,
.facet-filters__field,
.facet-filters__label,
.facet-filters__sort,
.product-count,
.product-count.light,
.active-facets,
.facets-container *:not(select):not(option):not(summary):not(svg):not(path) {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* === MAIN WRAPPER: thin top & bottom border only === */
aside.facets-wrapper,
aside.facets-wrapper.page-width,
#main-collection-filters {
  padding: 0 0 !important;
  margin: 0 auto 24px auto !important;
  border-top: 1px solid rgba(255,255,255,0.12) !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 0 !important;
  max-width: 100% !important;
}

/* === GRID CONTAINER: single-row layout === */
.facets-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  min-height: auto !important;
}

/* === FILTER FORM (left side) === */
facet-filters-form.facets,
facet-filters-form.facets.small-hide {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
}

.facets__form,
#FacetFiltersForm {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.facets__wrapper,
#FacetsWrapperDesktop {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
}

/* === FILTER: label === */
.facets__heading,
.facets__wrapper > span:first-child,
.facets__wrapper > label:first-child {
  color: #fff !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-right: 8px !important;
  white-space: nowrap !important;
}

/* === FILTER DROPDOWNS (Availability, Price) === */
details.disclosure-has-popup,
details.js-filter {
  position: relative !important;
  margin: 0 4px !important;
}

.facets__summary,
summary.facets__summary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  color: var(--bb-gold, #f3c01d) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
}

.facets__summary:hover {
  color: var(--bb-gold-hover, #ffd54f) !important;
}

.facets__summary::-webkit-details-marker {
  display: none !important;
}

/* Dropdown arrow icon */
.facets__summary .icon-caret,
.facets__summary svg {
  width: 12px !important;
  height: 12px !important;
  color: var(--bb-gold, #f3c01d) !important;
  stroke: var(--bb-gold, #f3c01d) !important;
  transition: transform 0.2s ease !important;
}

details[open] .facets__summary svg {
  transform: rotate(180deg) !important;
}

/* === FILTER DROPDOWN PANELS === */
.facets__display,
.parent-display.facets__display {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 100 !important;
  min-width: 240px !important;
  background: var(--bb-dark-card, #1a1a1a) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  padding: 16px !important;
  margin-top: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
}

/* === SORT AREA (right side) === */
.facet-filters.sorting,
.facet-filters.sorting.caption {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-left: auto !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.facet-filters__label,
.facet-filters__label label {
  color: #fff !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Sort select dropdown */
.facet-filters__sort,
select.facet-filters__sort,
.facet-filters__sort.select__select,
select#SortBy {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23f3c01d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  color: var(--bb-gold, #f3c01d) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 4px !important;
  padding: 8px 36px 8px 14px !important;
  cursor: pointer !important;
  min-width: 160px !important;
  transition: border-color 0.2s ease !important;
}

select#SortBy:hover,
.facet-filters__sort:hover {
  border-color: var(--bb-gold, #f3c01d) !important;
}

select#SortBy option {
  background: var(--bb-dark-card, #1a1a1a) !important;
  color: #e0e0e0 !important;
}

/* Hide Dawn's default select wrapper arrow */
.facet-filters .select .svg-wrapper,
.facet-filters .select::after,
.facet-filters .select .icon-caret {
  display: none !important;
}

/* === PRODUCT COUNT === */
.product-count,
.product-count.light {
  display: flex !important;
  align-items: center !important;
  margin-left: 20px !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.product-count__text,
.product-count h2 {
  color: var(--bb-gold, #f3c01d) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* === ACTIVE FILTERS (when a filter is selected) === */
.active-facets {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 0 0 0 !important;
  flex-wrap: wrap !important;
}

.active-facets__button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 12px !important;
  background: rgba(243,192,29,0.15) !important;
  border: 1px solid var(--bb-gold, #f3c01d) !important;
  border-radius: 20px !important;
  color: var(--bb-gold, #f3c01d) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.active-facets__button:hover {
  background: rgba(243,192,29,0.25) !important;
}


/* ============================================================
   CSS v7.1: FILTER BAR LAYOUT FIX
   The form.facets__form contains all 4 elements in one row:
   [FILTER: AVAILABILITY PRICE] ... [SORT BY: dropdown] [31 products]
   ============================================================ */

/* facet-filters-form must be full width */
facet-filters-form.facets,
facet-filters-form.facets.small-hide {
  width: 100% !important;
  flex: 1 !important;
}

/* The form itself: single-row flex, items centered, space-between */
form.facets__form,
#FacetFiltersForm {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}

/* Filter wrapper (FILTER: + dropdowns) takes up left side */
.facets__wrapper,
#FacetsWrapperDesktop {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
}

/* Active facets in the middle - flexible space */
.active-facets.active-facets-desktop {
  flex: 1 !important;
  min-width: 0 !important;
}

/* Sort + product count stay on the right */
.facet-filters.sorting.caption {
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

.product-count.light:not(.medium-hide) {
  flex-shrink: 0 !important;
}

/* Hide mobile duplicates on desktop */
.facets-container > .active-facets-mobile.medium-hide,
.facets-container > .product-count.medium-hide {
  display: none !important;
}

/* Also hide the mobile filter form */
facet-filters-form.facets:not(.small-hide) {
  display: none !important;
}


/* v7.2: Add horizontal padding so product count doesn't clip */
aside.facets-wrapper,
aside.facets-wrapper.page-width,
#main-collection-filters {
  padding: 0 24px !important;
  overflow: visible !important;
}


/* ============================================================
   CSS v8 PATCH — Bilge Brew Coffee Co.
   Three Fixes:
   1. Shop All Coffee button — rebuilt from scratch
   2. Category nav buttons — classy dark redesign
   3. Brew Methods page cards — dark theme fix
   ============================================================ */


/* ============================================================
   FIX 1: SHOP ALL COFFEE BUTTON — COMPLETE REBUILD
   ============================================================ */

div[class*="ai-shop-coffee-button"] {
  all: unset !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;
  width: auto !important;
  max-width: none !important;
  border-radius: 0 !important;
  transition: none !important;
  overflow: visible !important;
}

a[class*="ai-shop-coffee-button"] {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 48px !important;
  background: var(--bb-gold, #f3c01d) !important;
  color: var(--bb-dark, #0e0e0e) !important;
  border: 2px solid var(--bb-gold, #f3c01d) !important;
  border-radius: 6px !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.15s ease !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
}

a[class*="ai-shop-coffee-button"]:hover {
  background: transparent !important;
  color: var(--bb-gold, #f3c01d) !important;
  border-color: var(--bb-gold, #f3c01d) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(243, 192, 29, 0.2) !important;
}

a[class*="ai-shop-coffee-button"]:active {
  transform: translateY(0) !important;
  box-shadow: none !important;
}

a[class*="ai-shop-coffee-button"] svg,
div[class*="ai-shop-coffee-button"] svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
  transition: fill 0.25s ease !important;
  flex-shrink: 0 !important;
}


/* ============================================================
   FIX 2: CATEGORY NAV BUTTONS — CLASSY DARK REDESIGN
   ============================================================ */

[class*="ai-menu-tabs-nav"] {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  padding: 10px 0 !important;
  background: transparent !important;
}

[class*="ai-menu-tabs-container"] {
  background: rgba(14, 14, 14, 0.95) !important;
  border-bottom: 1px solid rgba(243, 192, 29, 0.15) !important;
  padding: 0 16px !important;
}

a[class*="ai-menu-tabs-button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 28px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 2px !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
}

a[class*="ai-menu-tabs-button"]:hover {
  background: rgba(243, 192, 29, 0.08) !important;
  color: var(--bb-gold, #f3c01d) !important;
  border-color: rgba(243, 192, 29, 0.4) !important;
}

a[class*="ai-menu-tabs-button"]:active {
  background: rgba(243, 192, 29, 0.15) !important;
  color: var(--bb-gold, #f3c01d) !important;
  border-color: var(--bb-gold, #f3c01d) !important;
}


/* ============================================================
   FIX 3: BREW METHODS PAGE CARDS — DARK THEME FIX
   ============================================================ */

a[class*="ai-brew-navigator__card"] {
  background: var(--bb-dark-card, #1a1a1a) !important;
  color: var(--bb-gold, #f3c01d) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

a[class*="ai-brew-navigator__card"]:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(243, 192, 29, 0.3) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

[class*="ai-brew-navigator__image-wrapper"] {
  background: var(--bb-dark-surface, #222222) !important;
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
}

img[class*="ai-brew-navigator__image"] {
  border-radius: 10px 10px 0 0 !important;
  transition: transform 0.3s ease !important;
}

a[class*="ai-brew-navigator__card"]:hover img[class*="ai-brew-navigator__image"] {
  transform: scale(1.03) !important;
}

[class*="ai-brew-navigator__overlay"] {
  background: transparent !important;
}

[class*="ai-brew-navigator__content"] {
  background: var(--bb-dark-card, #1a1a1a) !important;
  color: var(--bb-gold, #f3c01d) !important;
  padding: 16px !important;
}

[class*="ai-brew-navigator__content"] * {
  color: var(--bb-gold, #f3c01d) !important;
  font-family: 'Oswald', sans-serif !important;
  text-decoration: none !important;
}

[class*="ai-brew-navigator__title"],
[class*="ai-brew-navigator__name"],
[class*="ai-brew-navigator__label"],
[class*="ai-brew-navigator__content"] span,
[class*="ai-brew-navigator__content"] p,
[class*="ai-brew-navigator__content"] h3,
[class*="ai-brew-navigator__content"] h4 {
  color: var(--bb-gold, #f3c01d) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
}

[class*="ai-brew-navigator__grid"] {
  gap: 16px !important;
}

[class*="ai-brew-navigator__heading"],
[class*="ai-brew-navigator"] h2 {
  color: #ffffff !important;
  font-family: 'Oswald', sans-serif !important;
}

[class*="ai-brew-navigator__subtitle"],
[class*="ai-brew-navigator__description"] {
  color: rgba(255, 255, 255, 0.6) !important;
}


/* ============================================================
   CSS v8.1 HOTFIX — Shop All Coffee button compact layout
   ============================================================ */
a[class*="ai-shop-coffee-button"] {
  flex-direction: row !important;
  align-items: center !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
  padding: 14px 36px !important;
}

a[class*="ai-shop-coffee-button"] svg {
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

a[class*="ai-shop-coffee-button"] span {
  display: inline !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

div[class*="ai-shop-coffee-button"] {
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
}



/* ============================================================
   CSS v8.2 MOBILE RESPONSIVE FIX
   Ensures v8 overrides don't break app block mobile styles.
   Breakpoints: 989px (tablet), 749px (mobile)
   ============================================================ */

/* --- Tablet (750px - 989px) --- */
@media screen and (max-width: 989px) {
  a[class*="ai-menu-tabs-button"] {
    padding: 8px 20px !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.1em !important;
  }

  [class*="ai-menu-tabs-nav"] {
    gap: 6px !important;
  }

  a[class*="ai-shop-coffee-button"] {
    padding: 14px 32px !important;
    font-size: 1rem !important;
  }
}

/* --- Mobile (max-width: 749px) --- */
@media screen and (max-width: 749px) {

  /* Category nav buttons: wrap into 2x2 grid on small screens */
  [class*="ai-menu-tabs-nav"] {
    flex-wrap: wrap !important;
    gap: 4px !important;
    padding: 6px 0 !important;
    justify-content: center !important;
  }

  [class*="ai-menu-tabs-container"] {
    padding: 0 8px !important;
  }

  a[class*="ai-menu-tabs-button"] {
    padding: 6px 16px !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
    border-radius: 2px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Shop All Coffee button: constrain for mobile */
  a[class*="ai-shop-coffee-button"] {
    padding: 12px 28px !important;
    font-size: 0.95rem !important;
    max-width: 280px !important;
    width: auto !important;
  }

  div[class*="ai-shop-coffee-button"] {
    max-width: 100% !important;
    width: 100% !important;
  }

  a[class*="ai-shop-coffee-button"] svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* Brew method cards: tighter spacing on mobile */
  [class*="ai-brew-navigator__content"] {
    padding: 10px 12px !important;
  }

  [class*="ai-brew-navigator__grid"] {
    gap: 10px !important;
  }

  [class*="ai-brew-navigator__title"],
  [class*="ai-brew-navigator__name"],
  [class*="ai-brew-navigator__label"],
  [class*="ai-brew-navigator__content"] span,
  [class*="ai-brew-navigator__content"] h3,
  [class*="ai-brew-navigator__content"] h4 {
    font-size: 0.85rem !important;
  }

  a[class*="ai-brew-navigator__card"] {
    border-radius: 8px !important;
  }

  [class*="ai-brew-navigator__image-wrapper"] {
    border-radius: 8px 8px 0 0 !important;
  }

  img[class*="ai-brew-navigator__image"] {
    border-radius: 8px 8px 0 0 !important;
  }
}