/** Shopify CDN: Minification failed

Line 69:4 Unexpected "{"
Line 69:5 Expected identifier but found "%"
Line 72:6 Unexpected "{"
Line 72:7 Expected identifier but found "%"

**/


  :root {
    --bdb-header-bg: #00171d;
    --bdb-header-text: #ffffff;
    --bdb-header-accent: #0089a5;
    --bdb-header-cart: #f29a4a;
  }

a.bdb-header__icon-btn.bdb-header__icon-btn--cart {
    position: relative;
}

.bdb-cart-count {
  position: absolute;
  top: -6px;
  right: -6px;
  background: #ff4747;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}


  .bdb-header {
    width: 100%;
    background-color: var(--bdb-header-bg);
    color: var(--bdb-header-text);
    position: relative;
    z-index: 30;
  }

  .bdb-header__inner {
    max-width: 1400px;
    margin: 0 auto;
    height: 99px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 0 20px;
  }


.bdb-header__nav-link:focus {
  color: #fff !important;
}

.bdb-cart-count:empty{
display:none;
}

  @media (min-width: 1600px) {
    {% comment %} .bdb-header__inner {
      padding-left: 40px;
      padding-right: 40px;
    } {% endcomment %}
  }

  .bdb-header__logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }

  .bdb-header__logo-link {
    display: inline-flex;
    align-items: center;
    outline: none;
  }

  .bdb-header__logo-img {
    display: block;
    height: 63px;
    width: auto;
  }

  .bdb-header__logo-text {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.18em;
  }

  /* NAV */
  .bdb-header__nav {
    flex: 0 1 auto;
  }

  .bdb-header__nav-list {
    display: flex;
    align-items: center;
    gap: 28px;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }

  .bdb-header__nav-item {
    position: relative;
  }

  .bdb-header__nav-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    line-height: 1;
    text-decoration: none !important;
    color: var(--bdb-header-text);
    transition: opacity 0.18s ease;
  }

  .bdb-header__nav-link:hover {
    opacity: 0.72;
    color: #fff !important;
  }

  .bdb-header__nav-caret {
    display: inline-flex;
    margin-top: 1px;
    font-size: 0;
  }
 
  ul.bdb-header__nav-list li:nth-child(3) .bdb-header__nav-caret{
    display: none;
  }

  .bdb-icon {
    display: block;
  }

  .bdb-icon--caret {
    width: 10px;
    height: 6px;
  }

  /* DROPDOWN (desktop only hover) */
  .bdb-header__dropdown {
    position: absolute;
    top: 150%;
    left: 0;
    background-color: #021f27;
    min-width: 180px;
    padding: 8px 0;
    border-radius: 6px;
    list-style: none;
    margin: 0;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
    z-index: 20;
  }

  @media (min-width: 1101px) {
    .bdb-header__nav-item--has-dropdown:hover .bdb-header__dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
       .bdb-header__nav-item--has-dropdown:first-child:hover .bdb-header__dropdown {
      display: none;
    }
  }

  .bdb-header__dropdown-link {
    display: block;
    padding: 8px 16px;
    font-size: 13px;
    text-decoration: none !important;
    color: #f5f5f5;
  }

  .bdb-header__dropdown-link:hover {
    background-color: rgba(255, 255, 255, 0.07);
    color: #f5f5f5 !important;
  }

  /* SEARCH – shared styles */
  .bdb-header__search-form {
    position: relative;
    width: 100%;
  }

  .bdb-header__search-input {
    width: 100%;
    height: 46px;
    border-radius: 100px;
    border: none;
    padding: 0 44px 0 22px;
    font-size: 16px;
    outline: none;
    background-color: #ffffff;
    color: #111111;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
  }

  .bdb-header__search-input::placeholder {
    color: #999999;
    opacity: 1;
  }

  .bdb-header__search-button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--bdb-header-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .bdb-icon--search {
    width: 18px;
    height: 18px;
  }

  /* DESKTOP / TABLET SEARCH POSITION */
  .bdb-header__search-wrapper {
    flex: 0 0 300px;
    display: flex;
    justify-content: center;
  }

  .bdb-header__search-mobile {
    display: none; /* hidden by default – only mobile shows this */
  }

  /* ICON BUTTONS */
  .bdb-header__icons {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .bdb-header__icon-btn {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.15s ease;
  }

  .bdb-header__icon-btn--cart {
    background-color: var(--bdb-header-cart);
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.23);
  }

  .bdb-header__icon-btn--account {
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: #ffffff;
    background: transparent;
  }

  .bdb-header__icon-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
    opacity: 0.9;
  }

  .bdb-icon--cart,
  .bdb-icon--account {
    width: 22px;
    height: 22px;
  }

  /* MOBILE TOGGLE */
  .bdb-header__mobile-toggle {
    display: none;
    margin-left: 8px;
    width: 28px;
    height: 20px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
  }

  .bdb-header__mobile-toggle span {
    display: block;
    height: 2px;
    border-radius: 999px;
    background-color: var(--bdb-header-text);
    margin-bottom: 6px;
  }

  .bdb-header__mobile-toggle span:last-child {
    margin-bottom: 0;
  }
  .mega-view-all.btn {
        background: var(--orange);
    color: #fff !important;
    box-shadow: none;
    margin-top: 30px;
    font-size: 15px;
    padding: 13px 32px;
  }


/* sticky header */
/* Default state */
.bdb-header {
  z-index: 9999;
  transform: translateY(0);
  transition: transform 0.4s ease-in-out, position 0.3s ease;
}

/* Hide when scrolling down */
.header--hidden {
  transform: translateY(-100%);
}

/* Optional: add background when sticky */
.header--scrolled {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 0;
    left: 0;
}
.product-thumb .product-thumb-label {
    width: unset;
    height: unset;
    border-radius: 3px;
    padding: 0 8px;
    line-height: 27px;
}
.product-thumb .product-thumb-label-sold {
  width: unset;
    height: unset;
    border-radius: 3px;
    padding: 0 8px;
    line-height: 27px;
}

 @media (max-width: 1280px) {
  .bdb-header__icons {
    gap: 10px;
  }
  .bdb-header__search-wrapper {
    flex: 0 0 200px;
  }
    .bdb-header__inner {  height: 80px; }
 }

  @media (max-width: 1100px) {
    .bdb-header__inner {
      gap: 12px;
      padding-inline: 20px;
    }

    .bdb-header__logo {
      flex: 0 0 auto;
    }

    .bdb-header__icons {
      margin-left: auto;
    }

    .bdb-header__mobile-toggle {
      display: inline-flex;
      flex-shrink: 0;
      flex-direction: column;
      justify-content: center;
    }

    /* nav becomes dropdown under header */
    .bdb-header__nav {
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      background-color: var(--bdb-header-bg);
      padding: 12px 20px 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      display: none;
    }

    .bdb-header--open .bdb-header__nav {
      display: block;
      height: 97vh;
    }

    /* mobile search inside dropdown */
    .bdb-header__search-mobile {
      display: block;
      margin-bottom: 16px;
    }

    /* hide desktop search bar on mobile */
    .bdb-header__search-wrapper {
      display: none;
    }

    .bdb-header__search-input {
      height: 40px;
    }

    .bdb-header__nav-list {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }

    .bdb-header__dropdown {
      position: static;
      box-shadow: none;
      padding: 4px 0 4px 12px;
      background: none;
      opacity: 1;
      visibility: visible;
      transform: none;
    }

    .bdb-header__dropdown-link {
      padding: 4px 0;
      font-size: 14px;
    }
    
  }

  @media (min-width: 1301px) and (max-width: 1400px) { 
  
  .bdb-header__inner {
    padding: 0px 20px; }
  }


    @media (min-width: 1025px) and (max-width: 1280px) {
  .bdb-header__inner { gap: 10px; height: 80px; }
.bdb-header__nav-link
  {
    font-size: 14px;
  }


  /* .bdb-header__logo-img
  {
    height: 45px !important;
  } */
   
  }

  @media (max-width: 768px) {
    .bdb-header__inner {
      height: 70px;
      padding-inline: 16px;
      gap: 10px;
    }

    .bdb-header__logo-img {
      height: 55px;
    }
    .bdb-header__icon-btn {
    width: 40px;
    height: 40px;
    }
   #shopify-section-beedee_header_announcementbar .beedee_announcement-bar {
    padding: 10px 12px;
    font-size: 13px;
    line-height: 16px;
}
  }



  /* Mobile only */
@media (max-width: 1100px) {

  /* Hide dropdown by default */
  .bdb-header__dropdown {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }

  /* Open only active clicked menu */
  .bdb-header__nav-item.active 
  .bdb-header__dropdown {
    display: block;
    max-height: 500px; /* enough height */
    overflow-y: auto;
  }

  /* Make parent clickable */
  .bdb-header__nav-item--has-dropdown > a {
    cursor: pointer;
  }
}