/** Shopify CDN: Minification failed

Line 252:1 Expected "}" to go with "{"

**/
/* ============================================
   Custom CSS — FOUC fixes & UI polish
   ============================================ */

/* 1. Mega Menu Dropdown FOUC */
.hdt-mega-dropdown {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.hdt-mega-dropdown.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* 2. Announcement Bar FOUC */
hdt-slider:not(:defined),
hdt-marquee:not(:defined) {
  opacity: 0;
  visibility: hidden;
}

.hdt-announcement-bar__slider .hdt-slider__container {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.hdt-announcement-bar__slider .hdt-slider__slide {
  flex: 0 0 100%;
  max-width: 100%;
}

/* 3. Header Alignment FOUC */
.hdt-main-header .main-hdr-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media (min-width: 1025px) {
  .hdt-main-header .lg\:hdt-custom-col-2 {
    width: 16.666667%;
    flex-shrink: 0;
  }

  .hdt-main-header .lg\:hdt-custom-col-6 {
    width: 50%;
    flex: 1 1 auto;
    display: block;
  }

  .hdt-main-header .lg\:hdt-custom-col-3 {
    width: 25%;
    flex-shrink: 0;
  }

  .hdt-main-header .lg\:hdt-hidden {
    display: none !important;
  }
}

/* ============================================
   4. Fix Mobile Badge Overlap (Issue #36)
   Badges ("Sold out" + "Best Seller") stack
   and cover the small product image on mobile.
   ============================================ */
@media (max-width: 767px) {
  /* In list-view cards, the image is too small to hold stacked badges.
     We move them to the top-left of the entire card and scale them down. */
  .hdt-card-product__wrapper.hdt-flex {
    position: relative;
  }
  
  .hdt-card-product__wrapper.hdt-flex .hdt-card-product__media {
    position: static !important; 
  }
  
  .hdt-card-product__wrapper.hdt-flex .hdt-badge__wrapp {
    top: 0px !important;
    left: 0px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3px;
    z-index: 2;
    padding: 5px;
    width: 100%;
    pointer-events: none;
  }

  .hdt-card-product__wrapper.hdt-flex .hdt-badge__wrapp .hdt-badge {
    font-size: 9px !important;
    padding: 2px 5px !important;
    line-height: 1.1 !important;
    margin-bottom: 0 !important;
  }
}

/* ============================================
   5. Wishlist / Compare button active state (Issue #37)
   The theme uses   action="added"   attribute,
   NOT a CSS class.
   ============================================ */

/* — Wishlist added state — */
hdt-wishlist.hdt-pr_btn[action="added"],
hdt-wishlist.hdt-card-product__btn-wishlist[action="added"],
hdt-wishlist.hdt-product-form__btn-wishlist[action="added"],
hdt-wishlist[action="added"] {
  background: #0047AB !important;
  border-color: #0047AB !important;
  color: #fff !important;
}

hdt-wishlist[action="added"] svg,
hdt-wishlist[action="added"] svg path {
  fill: #fff !important;
  color: #fff !important;
}

/* — Compare added state — */
hdt-compare.hdt-pr_btn[action="added"],
hdt-compare.hdt-card-product__btn-compare[action="added"],
hdt-compare[action="added"] {
  background: #0047AB !important;
  border-color: #0047AB !important;
  color: #fff !important;
}

hdt-compare[action="added"] svg,
hdt-compare[action="added"] svg path {
  fill: #fff !important;
  color: #fff !important;
}

/* — Make default-state buttons more visible on desktop — */
@media (min-width: 769px) {
  .hdt-product-btns .hdt-pr_btn {
    border: 1px solid #ddd !important;
    background: #f8f8f8 !important;
    color: #555 !important;
    transition: all 0.2s ease;
  }

  .hdt-product-btns .hdt-pr_btn:hover {
    border-color: #0047AB !important;
    color: #0047AB !important;
    background: #eef4ff !important;
  }

  .hdt-product-btns .hdt-pr_btn svg {
    opacity: 1 !important;
  }
@media (max-width: 768px) {
  /* — Footer CSS Checkbox Hack — */
  .hdt-footer-toggle-check { display: none !important; }
  .hdt-footer-toggle-check:checked ~ .hdt-collapse-content,
  .hdt-footer-toggle-check:checked ~ .hdt-collapse-contents,
  .hdt-footer-toggle-check:checked ~ .hdt-footer-menu-list {
    height: auto !important;
    max-height: 2000px !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding-bottom: 20px !important;
    transition: max-height 0.4s ease-in-out !important;
    display: block !important;
  }
  
  .hdt-footer-toggle-check:checked ~ label .hdt-collapse-icon {
    transform: rotate(180deg) !important;
  }

  /* — Mobile Tap-to-Reveal (All Product Cards) — */
  .hdt-product-btns {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
  }

  .mobile-tapped .hdt-product-btns,
  .hdt-card-product__media.mobile-tapped .hdt-product-btns,
  .hdt-card-product__wrapper.mobile-tapped .hdt-product-btns {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 20 !important;
  }
}

/* Override for card-2 Quick View full-width button */
.card-2 button.hdt-card-product__btn-quick-view.hdt-pr_btn {
  background: #0047AB !important;
  color: #fff !important;
  border-color: #0047AB !important;
}

/* ============================================
   6. Global Container Responsiveness Fix
   Enforce consistent max-width and fluid width
   for all sections on desktop (Issue: narrow sections).
   ============================================ */
@media (min-width: 1150px) {

  .hdt-container,
  .hdt-container-full,
  .page-width {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ============================================
   6. Variant Picker: Sold Out / Disabled Strikethrough
   Ensures out-of-stock or unavailable options show
   a clear visual indicator (strikethrough + opacity).
   ============================================ */
.hdt-variant-picker .is-disabled,
.hdt-variant-picker .is-unavailable,
.hdt-popover-variant hdt-richlist button.is-disabled,
.hdt-popover-variant hdt-richlist button.is-unavailable {
  text-decoration: line-through !important;
  opacity: 0.5;
}

/* Ensure the dropdown trigger also reflects the disabled state 
   when the currently selected value is sold out */
.hdt-product-form__input .hdt-select.is-disabled {
  text-decoration: line-through;
  opacity: 0.8;
}

.hdt-header-language_currencies {
  justify-content: center
}

h3.hdt-sec-heading.hdt-rte.hdt-h3.hdt-s-text.hdt-flex.hdt-align-center {
    font-weight: 500;
}