/** Shopify CDN: Minification failed

Line 10:2 Expected "{" but found "#shopify-section-headers"
Line 131:0 Unexpected "}"

**/
/* Dusk N Dawn: Desktop-only floating sticky header */

@media screen and (min-width: 1366px) and (min-height: 768px)
  #shopify-section-headers.shopify-section-header-sticky {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    position: fixed !important;
    top: 12px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: center !important;
    pointer-events: none !important;
  }

  #shopify-section-headers.shopify-section-header-sticky > header {
    width: fit-content !important;
    max-width: 94vw !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(37, 28, 19, 0.72) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(215, 180, 120, 0.25) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.28) !important;
    pointer-events: auto !important;
  }

  #shopify-section-headers.shopify-section-header-sticky .page-width,
  #shopify-section-headers.shopify-section-header-sticky .page-full-width,
  #shopify-section-headers.shopify-section-header-sticky .row,
  #shopify-section-headers.shopify-section-header-sticky .header-row {
    width: auto !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  #shopify-section-headers.shopify-section-header-sticky .header__heading,
  #shopify-section-headers.shopify-section-header-sticky .header__heading-link {
    display: none !important;
  }

  #shopify-section-headers.shopify-section-header-sticky .header__inline-menu,
  #shopify-section-headers.shopify-section-header-sticky #AccessibleNav,
  #shopify-section-headers.shopify-section-header-sticky ul.dt-nav {
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 16px !important;
  }

  #shopify-section-headers.shopify-section-header-sticky ul.dt-nav > li,
  #shopify-section-headers.shopify-section-header-sticky a.dt-sc-nav-link,
  #shopify-section-headers.shopify-section-header-sticky a.dt-sc-nav-link span {
    height: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #shopify-section-headers.shopify-section-header-sticky a {
    color: #f4e3c7 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  #shopify-section-headers.shopify-section-header-sticky .header__icons {
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #shopify-section-headers.shopify-section-header-sticky .header__icon,
  #shopify-section-headers.shopify-section-header-sticky .icon-search {
    width: 22px !important;
    height: 38px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #shopify-section-headers.shopify-section-header-sticky svg {
    width: 16px !important;
    height: 16px !important;
    color: #f4e3c7 !important;
    fill: #f4e3c7 !important;
  }

  #shopify-section-headers.shopify-section-header-sticky .header__icon--wishlist,
  #shopify-section-headers.shopify-section-header-sticky .header__icon--compare,
  #shopify-section-headers.shopify-section-header-sticky .header__icon--account,
  #shopify-section-headers.shopify-section-header-sticky .modal__toggle-close,
  #shopify-section-headers.shopify-section-header-sticky .icon-close,
  .dn-hide-close {
    display: none !important;
  }
}
/* Keep mobile/tablet header above page banners */
@media screen and (max-width: 1024px) {
  #shopify-section-headers {
    position: relative !important;
    z-index: 50 !important;
  }

  #shopify-section-headers > header {
    position: relative !important;
    z-index: 51 !important;
  }

  .banner,
  .image-banner,
  .slideshow,
  .main-page-title,
  .shopify-section:first-of-type {
    z-index: 1 !important;
  }
}

/* 1025px to 1365px: normal Teapoy desktop header */
@media screen and (min-width: 1025px) and (max-width: 1365px) {
  #shopify-section-headers.shopify-section-header-sticky {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: block !important;
    pointer-events: auto !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* 1024px and below: normal mobile/tablet header */
@media screen and (max-width: 1024px) {
  #shopify-section-headers.shopify-section-header-sticky {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: block !important;
    pointer-events: auto !important;
  }
}
/* Keep header visible on inner pages */
@media screen and (max-width: 1024px) {
  body:not(.template-index) #shopify-section-headers {
    position: relative !important;
    z-index: 9999 !important;
    background: #0f0d0b !important;
  }

  body:not(.template-index) #shopify-section-headers > header {
    position: relative !important;
    z-index: 10000 !important;
    background: #0f0d0b !important;
  }

  body:not(.template-index) #shopify-section-headers svg,
  body:not(.template-index) #shopify-section-headers .header__icon,
  body:not(.template-index) #shopify-section-headers .icon-search {
    color: #f4e3c7 !important;
    fill: #f4e3c7 !important;
  }
}