/** Shopify CDN: Minification failed

Line 147:0 Unexpected "{"
Line 147:1 Expected identifier but found "%"
Line 148:0 Unexpected "<"
Line 174:0 Unexpected "<"
Line 175:1 Expected identifier but found "%"
Line 302:1 Expected "}" to go with "{"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
#shopify-section-template--16624990912760__161bbea8-3f3e-4152-a068-7debe0757acd .bee-container, #shopify-section-template--16624990912760__667e7cb2-530b-4886-b47e-78f8e55cb171 .bee-container, #shopify-section-template--16624990912760__161bbea8-3f3e-4152-a068-7debe0757aca .bee-container, #shopify-section-template--16624990912760__667e7cb2-530b-4886-b47e-78f8e55cb17b .bee-container , #shopify-section-template--16624990912760__161bbea8-3f3e-4152-a068-7debe0757acc .bee-container, #shopify-section-template--16626485592312__55cb275c-d1be-44da-9fdd-7b276c22c258 .bee-container{
max-width: 1160px;
width: 100%
}

/* 修改產品標題為白色 */
.bee-product-title a {
  color: #ffffff !important;
}

/* 修改價格為白色 */
.bee-product-price .money {
  color: #ffffff !important;
}

.bee-product__title:hover,
.bee-product__title a:hover {
  color: #ffffff !important;
}

.bee-sticky-atc__price .money {
  color: #000000 !important;
}

.bee-sticky-atc {
  display: none !important;
}

.bee-btn-color-light {
  --btn-color-hover: #ffffff;         /* 文字變白 */
  --btn-background-hover: #000000;    /* 背景變黑 */
  --btn-border-hover: #000000;        /* 邊框也變黑 */
}

.bee-header__wrapper {
    --h-text-color-hover: #ffffff;}



/* --- 暫停時：顯示黑色播放鍵 --- */
.plyr__control--overlaid {
  background: #000 !important;   /* 黑色背景 */
  color: #fff !important;        /* 白色播放圖示 */
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.3s ease;
}

.plyr__control--overlaid svg {
  fill: #fff !important;
  width: 40px;
  height: 40px;
}

/* --- 播放時：自動隱藏播放鍵 --- */
.plyr--playing .plyr__control--overlaid {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.bee-thumbnail__badge {
    background-color: transparent !important;
}

.bee-flickity-slider .flickitybee-button {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* 簡化 Plyr 底部控制列 */
.plyr--video .plyr__controls {
  background: transparent !important;   /* 透明背景 */
  border: none !important;              /* 移除邊框 */
  border-radius: 0 !important;
  margin: 0 !important;                 /* 移除多餘 margin */
  padding: 4px 8px !important;          /* 保留一點內距讓按鈕不會貼邊 */
  position: absolute !important;
  left: 0; right: 0; bottom: 0;
  opacity: 1 !important;                /* 永遠清晰可見 */
  z-index: 5 !important;
}

body {
  padding: 0 !important;
  margin: 0 !important;
}

.header-wrapper,
.header__inline,
.header--transparent {
  background: transparent !important;
  background-color: transparent !important;
}
.is-sticky .header-wrapper {
  background-color: transparent !important;
}

/* 移除 Top bar / Announcement 的空隙 */
.top-bar, .header__top, .announcement-bar, .bee-topbar {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* 讓第一個內容區塊貼齊 Header */
#MainContent .shopify-section:first-child,
main .shopify-section:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 若主題用 section-spacing 類名，也一併歸零 */
.section-spacing, .section--spacing {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* Header 在最上層且背景預設透明 */
header.site-header, .header-wrapper, .header__inline {
  position: sticky;   /* 若想固定可改 fixed，記得替主內容加等高 padding-top */
  top: 0;
  z-index: 1000;
  background: transparent;
  border-top: 0 !important; /* 避免有主題預設的上邊框 */
}

{% if template.name == 'index' %}
<style>
  /* 只在首頁移除主題自動加的 Header 外距（var(--h-space-tr)） */
  .bee-section-header,
  #shopify-section-header-inline,
  header#shopify-section-header-inline {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 🔸 覆蓋主題內部的 calc() 邊距變數 */
  .bee-section-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    --h-space-tr: 0px !important; /* 關鍵變數覆蓋 */
  }

  /* 若還有其他內層包裝（例如 .bee-section-header.calc-pos-submenu） */
  .bee-section-header.calc-pos-submenu {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 預防被 .bee-theme.css 再次覆蓋 */
  [class*="bee-section-header"] {
    margin-top: 0 !important;
  }
</style>
{% endif %}

/* === 修正運費預估下拉選單字體顏色 === */
#ShippingCountry_main_cart,
#ShippingCountry_main_cart option {
  color: #000 !important;           /* 文字黑色 */
  background-color: #fff !important; /* 背景白色（避免黑底看不清） */
}
/* === 修正運費預估下拉選單：國家 + 省份 字體顏色 === */
#ShippingCountry_main_cart,
#ShippingCountry_main_cart option,
#ShippingProvince_main_cart,
#ShippingProvince_main_cart option {
  color: #000 !important;           /* 黑色文字 */
  background-color: #fff !important; /* 白色背景 */
}

/* === Estimate 按鈕：保持白字、不變色 === */
button[data-action="estimate-shipping"],
button[data-action="estimate-shipping"]:hover,
button[data-action="estimate-shipping"]:focus {
  background-color: transparent !important; /* 不變底色 */
  color: #fff !important;                   /* 文字保持白色 */
  border: 2px solid #fff !important;        /* 邊框保持白色 */
  transition: none !important;              /* 停止hover動畫 */
  box-shadow: none !important;              /* 移除陰影 */
}

/* === 隱藏所有產品卡片上的眼睛圖示（Quick View）=== */
@media (max-width: 1024px) {
  .bee-pr-quickview {
    display: none !important;
  }
}

/* 毛玻璃效果卡片 - 加強版 */
.bee-testimonial-wrap {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
  padding: 24px !important;
  transition: all 0.3s ease !important;
}
body .bee-sidebar-blog-post .bee-article-title,
body .bee-sidebar-blog-post .bee-article-title a,
body .bee-sidebar-blog-post .bee-article-title a:link,
body .bee-sidebar-blog-post .bee-article-title a:visited,
body .bee-sidebar-blog-post .bee-article-title a:hover {
  color: #ffffff !important;
}
body .bee-sidebar-blog-post article.bee-article-item .bee-article-info p.bee-article-title,
body .bee-sidebar-blog-post article.bee-article-item .bee-article-info p.bee-article-title a {
  color: #ffffff !important;
}
@media (max-width: 767px) {
  .bee-header__logo {
    max-width: 170px !important;
    flex: 0 0 170px !important;
  }

  .bee-header__logo a {
    display: block !important;
    width: 170px !important;
  }

  .bee-header__logo img.header__mobile-logo {
    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .bee-hero-image .hero-title {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #shopify-section-header-inline .bee-header__logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  /* 固定 Header */
.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: black; /* 或加 rgba(0,0,0,0.7) 做透明 */
}

/* 左邊圖片 sticky */
.bee-product__media-wrapper {
  position: sticky;
  top: 0px; /* header 高度 + 一點緩衝 */
  align-self: flex-start;
  z-index: 10;
  height: fit-content;
}

/* 讓圖片不超過頁面高度 */
.bee-product__media-wrapper img {
  max-height: calc(100vh - 120px); /* 避開 header 跟間距 */
  object-fit: contain;
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .menu_infos_title {
  color: #000000; /* 或直接寫 black 也可以 */
}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  
}