/* ============================================================
   ELINT × CyberBiz · 全站合併 CSS · elint-all-merged.css
   -----------------------------------------------------------
   一鍵合併所有頁面樣式，貼進 CyberBiz 後台：
   → snippets/custom.css.snippet.liquid
   全站永久生效
   
   合併順序：
   [1]  tokens        · 單一色票來源
   [2]  header        · 導覽列 + i18n modal
   [3]  footer        · 站尾
   [4]  account       · 會員中心通用
   [5]  auth          · 登入/註冊/忘記密碼/啟用
   [6]  orders        · 訂單查詢/詳情
   [7]  cart-popup-wishlist · 空車 popup + 收藏清單
   [8]  empty-cart    · 空購物車頁
   [9]  cart          · 結帳
   [10] quickview     · 商品快速預覽 modal
   [11] search        · 搜尋結果
   [12] partner       · 特約診所/經銷合作
   [13] policies      · 政策條款
   [14] blog          · 專欄列表
   [15] blog-article  · 專欄詳情
   ============================================================ */


/* ============================================================
   [1  TOKENS]  來源檔案：elint-tokens.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz · Design Tokens · 單一色票來源
   -----------------------------------------------------------
   全站所有 CSS 改用這裡的變數。改設計只改這一份。
   ============================================================ */

:root {
  /* ---------- Color · Paper ---------- */
  --elint-paper:     #EAE7E1;   /* 主要底色 · 米色 */
  --elint-panel:     #F2F0EA;   /* 次要底色 · blockquote / 內嵌區塊 */
  --elint-card:      #FFFFFF;   /* 卡片實心底 */

  /* ---------- Color · Ink（文字）---------- */
  --elint-ink:       #211E24;   /* 主要文字 · 品牌墨 */
  --elint-ink2:      #57515F;   /* 次要文字 · 描述文 */
  --elint-muted:     #8B8590;   /* 弱化文字 · 日期／輔助 */
  --elint-white:     #FFFFFF;

  /* ---------- Color · Brand（品牌紫）---------- */
  --elint-lav:       #6E52B8;   /* 主品牌紫 · CTA、accent */
  --elint-lav-d:     #503E7D;   /* 深紫 · hover 深化 */
  --elint-lav-l:     rgba(110, 82, 184, 0.10);  /* 淡紫背景 · h3 底 */
  --elint-lav-hl:    rgba(110, 82, 184, 0.15);  /* 強調 highlight 底 */

  /* ---------- Color · Line ---------- */
  --elint-line:      #DBD6CE;              /* 主要邊線 */
  --elint-line-2:    rgba(219, 214, 206, 0.6);
  --elint-line-3:    rgba(219, 214, 206, 0.7);
  --elint-line-4:    rgba(219, 214, 206, 0.8);

  /* ---------- Color · Status ---------- */
  --elint-error:     #E5484D;
  --elint-success:   #30A46C;

  /* ---------- Color · 第三方保留（不要動）---------- */
  --elint-line-brand: #06C755;   /* LINE 品牌綠 */

  /* ---------- Typography ---------- */
  --elint-font-sans:  -apple-system, BlinkMacSystemFont, "Segoe UI",
                       "Noto Sans TC", "PingFang TC", "Microsoft JhengHei",
                       sans-serif;
  --elint-font-serif: "Noto Serif TC", "Noto Serif CJK TC", "PingFang TC",
                       serif;

  /* ---------- Radius ---------- */
  --elint-r-pill:    999px;
  --elint-r-xl:      28px;   /* 詳情頁大卡 */
  --elint-r-lg:      20px;   /* 一般卡片 */
  --elint-r-md:      16px;   /* 中型卡 */
  --elint-r-sm:      12px;   /* 輸入框、圖片 */
  --elint-r-xs:      8px;

  /* ---------- Spacing scale ---------- */
  --elint-sp-1:      4px;
  --elint-sp-2:      8px;
  --elint-sp-3:      12px;
  --elint-sp-4:      16px;
  --elint-sp-5:      20px;
  --elint-sp-6:      24px;
  --elint-sp-8:      32px;
  --elint-sp-10:     40px;
  --elint-sp-12:     48px;

  /* ---------- Shadow ---------- */
  --elint-shadow-card:     0 4px 16px rgba(34, 29, 42, 0.06),
                           0 12px 32px rgba(34, 29, 42, 0.08);
  --elint-shadow-hover:    0 8px 24px rgba(34, 29, 42, 0.10),
                           0 20px 48px rgba(34, 29, 42, 0.14);
  --elint-shadow-article:  0 4px 16px rgba(34, 29, 42, 0.06),
                           0 20px 48px rgba(34, 29, 42, 0.10);
  --elint-shadow-dropdown: 0 12px 32px rgba(34, 29, 42, 0.18);
  --elint-shadow-soft:     0 2px 8px rgba(34, 29, 42, 0.04);
  --elint-shadow-focus:    0 0 0 3px rgba(110, 82, 184, 0.12);

  /* ---------- Transition ---------- */
  --elint-tr-fast:   0.15s ease;
  --elint-tr-med:    0.20s ease;
  --elint-tr-slow:   0.30s ease;

  /* ---------- Z-index scale ---------- */
  --elint-z-deco:      0;
  --elint-z-content:   1;
  --elint-z-header:    100;
  --elint-z-dropdown:  200;
  --elint-z-modal:     1000;
  --elint-z-toast:     2000;
}

/* ============================================================
   全站基底
   ============================================================ */

html, html body, body,
body #template, #template {
  background: var(--elint-paper) !important;
  background-color: var(--elint-paper) !important;
  --theme_bg: var(--elint-paper) !important;
  font-family: var(--elint-font-sans);
}

/* 麵包屑當前頁 · 全站一致 */
.breadcrumb-item.active,
.breadcrumb-item.active a {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
}

/* ============================================================
   [2  HEADER]  來源檔案：elint-header.css
   ============================================================ */

/* ELINT HEADER */
/* 工具列下拉：加大選擇器涵蓋範圍（部分 CyberBiz 版本 class 略有差異） */
.tool-nav .qk-dropdown_menu,
.tool-nav [role="menu"],
.tool-nav .dropdown > .qk-dropdown_menu {
  background: #FFFFFF !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 20px !important;
  margin-top: 32px !important;
  box-shadow: 0 24px 56px rgba(34, 29, 42, 0.18) !important;
  padding: 16px !important;
}
.tool-nav .qk-dropdown_menu * {
  color: var(--elint-ink);
}

/* 搜尋輸入框 pill */
.tool-nav .search input[type="search"],
.tool-nav .search .search-input,
.tool-nav .search .qk-inputbox {
  border-radius: 999px !important;
  border: 1px solid var(--elint-line) !important;
  padding: 10px 20px !important;
  background: #FFFFFF !important;
  min-height: 44px !important;
  color: var(--elint-ink) !important;
}

/* 搜尋按鈕：橘 → 紫 pill */
.tool-nav .search .qk-btn,
.tool-nav .search .qk-btn--primary,
.tool-nav .search .search-btn,
.tool-nav .search button[type="submit"] {
  border-radius: 999px !important;
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
}
.tool-nav .search .qk-btn:hover,
.tool-nav .search .qk-btn--primary:hover,
.tool-nav .search .search-btn:hover {
  background: #503E7D !important;
  border-color: #503E7D !important;
}

/* i18n / 語系 modal：body-level 全螢幕 modal，用最寬選擇器 */
body > [class*="i18n"], body > [id*="i18n"],
body > [class*="language_currency"], body > .modal-mask,
.qk-modal-content, .qk-modal_content,
[class*="i18n_modal_content"], [class*="i18n-modal-content"] {
  background: transparent !important;
}
[class*="i18n"] .modal-content,
[class*="i18n"] .qk-modal-content,
[class*="i18n"] > .content,
[class*="i18n"] .setting-block,
[class*="i18n"] [class*="content"] {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  border: 0 !important;
  padding: 24px !important;
  margin-top: 32px !important;
}

/* i18n 內的橘 → 紫 */
[class*="i18n"] .qk-btn--primary,
[class*="i18n"] button.confirm,
[class*="i18n"] .btn-confirm,
[class*="i18n"] [class*="confirm"],
[class*="i18n"] button[type="submit"] {
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
}
[class*="i18n"] .qk-btn--secondary,
[class*="i18n"] button.cancel,
[class*="i18n"] .btn-cancel,
[class*="i18n"] [class*="cancel"] {
  background: transparent !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink) !important;
  border-radius: 999px !important;
  min-height: 44px !important;
}


/* ---------- i18n modal（精準版：.confirm-modal-wrap.i18n-modal） ---------- */
.confirm-modal-wrap.i18n-modal .qk-modal-mask {
  background: rgba(0, 0, 0, 0.4) !important;
}
.confirm-modal-wrap.i18n-modal .qk-modal-content {
  background: #FFFFFF !important;
  border-radius: 22px !important;
  border: 0 !important;
  padding: 28px !important;
  box-shadow: 0 24px 56px rgba(34, 29, 42, 0.22) !important;
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal .qk-modal-body,
.confirm-modal-wrap.i18n-modal .confirm-content {
  background: #FFFFFF !important;
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal h2,
.confirm-modal-wrap.i18n-modal label {
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal .vs__dropdown-toggle {
  border-radius: 999px !important;
  border: 1px solid var(--elint-line) !important;
  background: #FFFFFF !important;
  padding: 10px 20px !important;
  min-height: 46px !important;
}
.confirm-modal-wrap.i18n-modal .vs__selected {
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal .button-wrap {
  gap: 12px !important;
  margin-top: 22px !important;
  justify-content: flex-end !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn {
  border-radius: 999px !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  font-weight: 700 !important;
  transition: background .2s, color .2s !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn--primary {
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn--primary:hover {
  background: #503E7D !important;
  border-color: #503E7D !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn--secondary {
  background: transparent !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn--secondary:hover {
  background: var(--elint-panel) !important;
}


.confirm-modal-wrap.i18n-modal .qk-modal-close,
.qk-modal-content .qk-modal-close {
  background: #FFFFFF !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  color: var(--elint-ink) !important;
  position: absolute !important;
  top: -14px !important;
  right: -14px !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
  z-index: 10 !important;
  box-shadow: 0 6px 16px rgba(34, 29, 42, 0.16) !important;
  transition: background .2s, transform .2s !important;
}
.confirm-modal-wrap.i18n-modal .qk-modal-close:hover,
.qk-modal-content .qk-modal-close:hover {
  background: var(--elint-panel) !important;
  transform: scale(1.05) !important;
}
/* 若原本沒有 × 內容則補上 */
.confirm-modal-wrap.i18n-modal .qk-modal-close::before,
.qk-modal-content .qk-modal-close::before {
  content: '\d7';
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: var(--elint-ink);
}


/* ==== 最高特異度覆蓋（i18n modal 確認/取消 + 搜尋按鈕）==== */
html body .confirm-modal-wrap.i18n-modal button.qk-btn.qk-btn--primary,
html body .confirm-modal-wrap.i18n-modal button.qk-btn--lg.qk-btn--primary {
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}
html body .confirm-modal-wrap.i18n-modal button.qk-btn.qk-btn--primary:hover,
html body .confirm-modal-wrap.i18n-modal button.qk-btn--lg.qk-btn--primary:hover {
  background: #503E7D !important;
  background-color: #503E7D !important;
  border-color: #503E7D !important;
}
html body .confirm-modal-wrap.i18n-modal button.qk-btn.qk-btn--secondary,
html body .confirm-modal-wrap.i18n-modal button.qk-btn--lg.qk-btn--secondary {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #DBD6CE !important;
  color: #211E24 !important;
  border-radius: 999px !important;
}
html body .confirm-modal-wrap.i18n-modal button.qk-btn.qk-btn--secondary:hover {
  color: #6E52B8 !important;
  border-color: #6E52B8 !important;
}

/* 搜尋工具下拉 + 搜尋按鈕 —— 最高特異度 */
html body .tool-nav .search .qk-dropdown_menu,
html body .tool-nav .search .dropdown-menu {
  background: #FFFFFF !important;
  border: 1px solid #DBD6CE !important;
  border-radius: 20px !important;
  margin-top: 32px !important;
  padding: 16px !important;
  box-shadow: 0 24px 56px rgba(34, 29, 42, 0.18) !important;
}
html body .tool-nav .search input[type="search"],
html body .tool-nav .search .search-input,
html body .tool-nav .search .qk-inputbox {
  border-radius: 999px !important;
  border: 1px solid #DBD6CE !important;
  background: #FFFFFF !important;
  padding: 10px 20px !important;
  min-height: 44px !important;
  color: #211E24 !important;
}
html body .tool-nav .search button.qk-btn,
html body .tool-nav .search button.qk-btn--primary,
html body .tool-nav .search button.qk-btn--lg,
html body .tool-nav .search .search-btn {
  border-radius: 999px !important;
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  font-weight: 700 !important;
}
html body .tool-nav .search button.qk-btn:hover,
html body .tool-nav .search button.qk-btn--primary:hover,
html body .tool-nav .search .search-btn:hover {
  background: #503E7D !important;
  border-color: #503E7D !important;
}


/* ==== 全站統一膠囊按鈕規格（tool-nav 下拉 + 搜尋 + 購物車 CTA） ==== */
html body .tool-nav .dropdown-menu .qk-btn,
html body .tool-nav .qk-dropdown_menu .qk-btn,
html body .tool-nav .dropdown-menu a.qk-btn,
html body .tool-nav .qk-dropdown_menu a.qk-btn {
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  transition: background .2s, color .2s, transform .2s !important;
  width: 100% !important;
}

/* 購物車「前往收藏清單」/「前往購物車」按鈕：紫底白字膠囊 */
html body .tool-nav .cart .btn-tracking,
html body .tool-nav .cart .btn-checkout,
html body .tool-nav .cart a.btn-tracking,
html body .tool-nav .cart a.btn-checkout,
html body .tool-nav .cart .qk-btn--secondary,
html body .tool-nav .cart .qk-btn--primary {
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  border: 0 !important;
}
html body .tool-nav .cart .btn-tracking:hover,
html body .tool-nav .cart .btn-checkout:hover,
html body .tool-nav .cart .qk-btn--secondary:hover,
html body .tool-nav .cart .qk-btn--primary:hover {
  background: #503E7D !important;
  background-color: #503E7D !important;
  color: #FFFFFF !important;
}

/* 搜尋按鈕：紫底白字膠囊，文字置中 */
html body .tool-nav .search .search-btn,
html body .tool-nav .search button.qk-btn,
html body .tool-nav .search button[type="submit"] {
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
html body .tool-nav .search .search-btn:hover,
html body .tool-nav .search button.qk-btn:hover {
  background: #503E7D !important;
  background-color: #503E7D !important;
}

/* 搜尋 form 布局：input + button 有間距，垂直置中 */
html body .tool-nav .search .search-area,
html body .tool-nav .search form.form-inline {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}


/* ELINT HEADER START */

/* ---------- 品牌變數（先在:root 定義 ELINT 顏色）---------- */
:root {
  --elint-paper: #EAE7E1;
  --elint-panel: #F2F0EA;
  --elint-card: #FFFFFF;
  --elint-ink: #211E24;
  --elint-ink2: #57515F;
  --elint-muted: #8B8590;
  --elint-lav: #6E52B8;
  --elint-lav-d: #503E7D;
  --elint-line: #DBD6CE;
  --elint-hot: #FB5470;
  --elint-font-sans: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  --elint-font-serif: 'Noto Serif TC', Cambria, serif;
}

/* Google Fonts 只在 header 用到時載入（避免全站阻塞） */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;900&family=Noto+Serif+TC:wght@500;600;700&display=swap');

/* ---------- 覆蓋 CyberBiz 主題變數 ---------- */
:root,
body {
  --nav_logo_bg: var(--elint-paper) !important;
  --nav_menu_bg: var(--elint-paper) !important;
  --nav_menu_text: var(--elint-ink2) !important;
  --nav_menu_icon: var(--elint-ink) !important;
  --nav_menu_icon_hover: var(--elint-lav) !important;
  --accent: var(--elint-lav) !important;
  --theme_bg: var(--elint-paper) !important;
  --product_border: var(--elint-line) !important;
}

/* ---------- Header 容器 ---------- */
#header {
  font-family: var(--elint-font-sans);
  background: rgba(234, 231, 225, 0.86) !important;
  border-bottom: none;
  box-shadow: 0 8px 24px -10px rgba(34, 29, 42, 0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  width: 100vw !important;
  left: 0 !important;
}

/* 頂端公告條（消費滿 $3800 那條） */
/* 公告條：黑底 + 純白字 */
.header_banner_simple,
.header_banner_simple.qk-display--flex {
  background: #000000 !important;
  background-color: #000000 !important;
}
.header_banner_simple .header_banner,
.header_banner_simple a {
  color: #FFFFFF !important;
}
.header_banner_simple_text,
.header_banner_simple .header_banner_simple_text {
  color: #FFFFFF !important;
}

/* ---------- Logo 區 ---------- */

/* Logo：把白 logo 轉成黑色 */
.header_logo .logo img,
.mobile-nav .logo img,
.drawer-nav .sidebar .logo img {
  filter: brightness(0) !important;
  -webkit-filter: brightness(0) !important;
}

.header_logo {
  background: transparent !important;
  padding: 12px 24px !important;
}
.logo img {
  height: 40px !important;
  width: auto !important;
}

/* ---------- 主選單（電腦版 pill 造型）---------- */
.computer_nav {
  padding: 8px 24px;
}
/* 主選單 pill 膠囊容器 */
.main_nav > ul.link_shelf_top,
.main_nav ul.link_shelf_top {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  padding: 5px !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 auto !important;
}
.header_nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.main_nav .link_shelf_top > span > li,
.main_nav .link_shelf_top .dropdown,
.main_nav .link_shelf_top .two_dimension_dropdown {
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
}
.main_nav .link_shelf_top a {
  display: inline-block !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  color: var(--elint-ink2) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: background .2s, color .2s !important;
  font-family: var(--elint-font-sans) !important;
  line-height: 1.2 !important;
}
.main_nav .link_shelf_top a:hover,
.main_nav .link_shelf_top .dropdown:hover > a,
.main_nav .link_shelf_top .two_dimension_dropdown:hover > .second-level-dropdown > a {
  background: var(--elint-panel) !important;
  color: var(--elint-ink) !important;
}

/* ---------- 所有商品 mega dropdown ---------- */
.two_dimension_dropdown_menu {
  margin-top: 32px !important;
  padding: 28px 32px !important;
  border-radius: 22px !important;
  border: 1px solid var(--elint-line) !important;
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 32px 64px rgba(34, 29, 42, 0.18) !important;
}
.second_level_text.two_dimension-content {
  color: var(--elint-ink) !important;
  font-family: var(--elint-font-serif) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--elint-line);
  margin-bottom: 10px !important;
}
.second_level_text.two_dimension-content:hover {
  color: var(--elint-lav-d) !important;
}
.link_shelf_third_item a.two_dimension_content-third-lvl {
  color: var(--elint-ink2) !important;
  font-size: 13.5px !important;
  padding: 8px 0 !important;
  background: transparent !important;
}
.link_shelf_third_item a.two_dimension_content-third-lvl:hover {
  color: var(--elint-lav) !important;
  background: transparent !important;
}

/* ---------- 右側工具列 ---------- */
.tool-nav .link_shelf_top {
  gap: 6px !important;
}
.tool-nav .link_shelf_top > li {
  padding: 8px !important;
}
.tool-nav .i18n-selector .setting {
  padding: 5px 9px !important;
  border: 1px solid var(--elint-ink) !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--elint-ink) !important;
}
.tool-nav .customer_account [data-toggle="dropdown"],
.tool-nav .cart [data-toggle="dropdown"],
.tool-nav .search [data-toggle="dropdown"] {
  color: var(--elint-ink);
  transition: color .2s, transform .2s;
}
.tool-nav .customer_account:hover [data-toggle="dropdown"] > [data-icon-type],
.tool-nav .cart:hover .shopcart > [data-icon-type],
.tool-nav .search:hover [data-toggle="dropdown"] > [data-icon-type] {
  color: var(--elint-lav);
}

/* 購物車紅點 */
.global-cart-count,
html body #header .global-cart-count,
html body #mobile-bottom-bar .global-cart-count,
html body .tool-nav .cart .global-cart-count,
html body .tool-nav li.cart span.global-cart-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  background-color: #FB5470 !important;
  background: #FB5470 !important;
  color: #FFFFFF !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  border: 0 !important;
  border-radius: 50% !important;
  top: -2px !important;
  right: -4px !important;
  line-height: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  z-index: 5 !important;
}


/* ---------- 工具列下拉（會員 / 購物車 / 搜尋）：白底 + 圓角 + 距離 header 有間距 ---------- */
.tool-nav .dropdown-menu.qk-dropdown_menu,
.tool-nav .customer_account .dropdown-menu,
.tool-nav .cart .dropdown-menu,
.tool-nav .search .dropdown-menu {
  background: #FFFFFF !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 20px !important;
  margin-top: 32px !important;
  box-shadow: 0 24px 56px rgba(34, 29, 42, 0.18) !important;
  padding: 16px !important;
}

/* 下拉內文字 */
.tool-nav .dropdown-menu.qk-dropdown_menu,
.tool-nav .dropdown-menu.qk-dropdown_menu * {
  color: var(--elint-ink) !important;
}

/* 下拉內橘色主要按鈕 → 品牌紫 pill；次要按鈕 → 米色線框 pill */
.tool-nav .dropdown-menu .qk-btn,
.tool-nav .dropdown-menu .qk-btn--lg {
  border-radius: 999px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
  transition: background .2s, color .2s !important;
}
.tool-nav .dropdown-menu .qk-btn--primary,
.tool-nav .dropdown-menu .btn-login,
.tool-nav .dropdown-menu .btn-checkout,
.tool-nav .dropdown-menu .search-btn {
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
}
.tool-nav .dropdown-menu .qk-btn--primary:hover,
.tool-nav .dropdown-menu .btn-login:hover,
.tool-nav .dropdown-menu .btn-checkout:hover,
.tool-nav .dropdown-menu .search-btn:hover {
  background: #503E7D !important;
  border-color: #503E7D !important;
  color: #FFFFFF !important;
}
.tool-nav .dropdown-menu .qk-btn--secondary,
.tool-nav .dropdown-menu .btn-orders,
.tool-nav .dropdown-menu .btn-tracking {
  background: transparent !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink) !important;
}
.tool-nav .dropdown-menu .qk-btn--secondary:hover,
.tool-nav .dropdown-menu .btn-orders:hover,
.tool-nav .dropdown-menu .btn-tracking:hover {
  background: var(--elint-panel) !important;
}

/* 搜尋輸入框 → pill */
.tool-nav .search .search-input,
.tool-nav .search .qk-inputbox {
  border-radius: 999px !important;
  border: 1px solid var(--elint-line) !important;
  padding: 10px 20px !important;
  background: #FFFFFF !important;
  min-height: 44px !important;
}
.tool-nav .search .search-area {
  gap: 10px !important;
}

/* ---------- 語系 / 幣別 modal（i18n modal） ---------- */
/* modal 是 body-level 全螢幕遮罩，用寬選擇器打 */
.i18n-modal, .i18n_modal, [id*="i18n"] .modal-content,
[class*="i18n_modal"] .modal-content,
[class*="i18n-modal"] .modal-content,
.language-modal .modal-content,
.currency-modal .modal-content {
  background: #FFFFFF !important;
  border-radius: 22px !important;
  border: 0 !important;
  padding: 24px !important;
  margin-top: 32px !important;
}

/* i18n modal 內的下拉框、按鈕：pill + 紫色 */
[class*="i18n"] .qk-inputbox,
[class*="i18n"] select,
[class*="language"] select,
[class*="currency"] select {
  border-radius: 999px !important;
  border: 1px solid var(--elint-line) !important;
  padding: 12px 20px !important;
  background: #FFFFFF !important;
  min-height: 44px !important;
}
[class*="i18n"] .qk-btn,
[class*="i18n"] .qk-btn--primary,
[class*="language"] .qk-btn,
[class*="language"] .qk-btn--primary,
[class*="currency"] .qk-btn,
[class*="currency"] .qk-btn--primary {
  border-radius: 999px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
}
[class*="i18n"] .qk-btn--primary,
[class*="language"] .qk-btn--primary,
[class*="currency"] .qk-btn--primary,
[class*="i18n"] button[type="submit"],
.i18n-modal button.confirm,
.i18n_modal button.confirm {
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
}
[class*="i18n"] .qk-btn--secondary,
[class*="language"] .qk-btn--secondary,
[class*="currency"] .qk-btn--secondary,
.i18n-modal button.cancel,
.i18n_modal button.cancel {
  background: transparent !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink) !important;
}

/* 全站兜底：把 CyberBiz 主要按鈕橘色改紫（僅套用在 tool-nav 內或 modal 內） */

/* ---------- 手機版 ---------- */
.mobile-nav {
  background: rgba(234, 231, 225, 0.92) !important;
  border-bottom: 1px solid var(--elint-line);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.mobile-nav .logo img {
  height: 30px !important;
}

/* 手機側邊 drawer */
.drawer-nav {
  background: var(--elint-paper) !important;
}
.drawer-nav .sidebar li a {
  color: var(--elint-ink) !important;
  font-family: var(--elint-font-sans);
}
.drawer-nav .sidebar .category_title,
.drawer-nav .sidebar .category_account-title {
  color: var(--elint-muted) !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 11.5px !important;
}
.drawer-nav .customer-not-login-menu_login {
  background: var(--elint-ink) !important;
  border-color: var(--elint-ink) !important;
}
.drawer-nav .customer-not-login-menu_login span {
  color: #fff !important;
}

/* 手機底部 bottom-bar */
#mobile-bottom-bar {
  background: rgba(234, 231, 225, 0.94) !important;
  border-top: 1px solid var(--elint-line);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
#mobile-bottom-bar [data-icon-type] {
  color: var(--elint-ink);
}
#mobile-bottom-bar a:hover [data-icon-type] {
  color: var(--elint-lav);
}
#mobile-bottom-bar .global-cart-count {
  top: 0 !important;
  right: -6px !important;
}

/* ---------- 對齊：sticky header 別遮住第一屏 ---------- */
#template {
  scroll-margin-top: 84px;
}


/* 工具列下拉：加大選擇器涵蓋範圍（部分 CyberBiz 版本 class 略有差異） */
.tool-nav .qk-dropdown_menu,
.tool-nav [role="menu"],
.tool-nav .dropdown > .qk-dropdown_menu {
  background: #FFFFFF !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 20px !important;
  margin-top: 32px !important;
  box-shadow: 0 24px 56px rgba(34, 29, 42, 0.18) !important;
  padding: 16px !important;
}
.tool-nav .qk-dropdown_menu * {
  color: var(--elint-ink);
}

/* 搜尋輸入框 pill */
.tool-nav .search input[type="search"],
.tool-nav .search .search-input,
.tool-nav .search .qk-inputbox {
  border-radius: 999px !important;
  border: 1px solid var(--elint-line) !important;
  padding: 10px 20px !important;
  background: #FFFFFF !important;
  min-height: 44px !important;
  color: var(--elint-ink) !important;
}

/* 搜尋按鈕：橘 → 紫 pill */
.tool-nav .search .qk-btn,
.tool-nav .search .qk-btn--primary,
.tool-nav .search .search-btn,
.tool-nav .search button[type="submit"] {
  border-radius: 999px !important;
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
}
.tool-nav .search .qk-btn:hover,
.tool-nav .search .qk-btn--primary:hover,
.tool-nav .search .search-btn:hover {
  background: #503E7D !important;
  border-color: #503E7D !important;
}

/* i18n / 語系 modal：body-level 全螢幕 modal，用最寬選擇器 */
body > [class*="i18n"], body > [id*="i18n"],
body > [class*="language_currency"], body > .modal-mask,
.qk-modal-content, .qk-modal_content,
[class*="i18n_modal_content"], [class*="i18n-modal-content"] {
  background: transparent !important;
}
[class*="i18n"] .modal-content,
[class*="i18n"] .qk-modal-content,
[class*="i18n"] > .content,
[class*="i18n"] .setting-block,
[class*="i18n"] [class*="content"] {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  border: 0 !important;
  padding: 24px !important;
  margin-top: 32px !important;
}

/* i18n 內的橘 → 紫 */
[class*="i18n"] .qk-btn--primary,
[class*="i18n"] button.confirm,
[class*="i18n"] .btn-confirm,
[class*="i18n"] [class*="confirm"],
[class*="i18n"] button[type="submit"] {
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
}
[class*="i18n"] .qk-btn--secondary,
[class*="i18n"] button.cancel,
[class*="i18n"] .btn-cancel,
[class*="i18n"] [class*="cancel"] {
  background: transparent !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink) !important;
  border-radius: 999px !important;
  min-height: 44px !important;
}


/* ---------- i18n modal（精準版：.confirm-modal-wrap.i18n-modal） ---------- */
.confirm-modal-wrap.i18n-modal .qk-modal-mask {
  background: rgba(0, 0, 0, 0.4) !important;
}
.confirm-modal-wrap.i18n-modal .qk-modal-content {
  background: #FFFFFF !important;
  border-radius: 22px !important;
  border: 0 !important;
  padding: 28px !important;
  box-shadow: 0 24px 56px rgba(34, 29, 42, 0.22) !important;
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal .qk-modal-body,
.confirm-modal-wrap.i18n-modal .confirm-content {
  background: #FFFFFF !important;
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal h2,
.confirm-modal-wrap.i18n-modal label {
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal .vs__dropdown-toggle {
  border-radius: 999px !important;
  border: 1px solid var(--elint-line) !important;
  background: #FFFFFF !important;
  padding: 10px 20px !important;
  min-height: 46px !important;
}
.confirm-modal-wrap.i18n-modal .vs__selected {
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal .button-wrap {
  gap: 12px !important;
  margin-top: 22px !important;
  justify-content: flex-end !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn {
  border-radius: 999px !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  font-weight: 700 !important;
  transition: background .2s, color .2s !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn--primary {
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn--primary:hover {
  background: #503E7D !important;
  border-color: #503E7D !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn--secondary {
  background: transparent !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink) !important;
}
.confirm-modal-wrap.i18n-modal .qk-btn--secondary:hover {
  background: var(--elint-panel) !important;
}


.confirm-modal-wrap.i18n-modal .qk-modal-close,
.qk-modal-content .qk-modal-close {
  background: #FFFFFF !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  color: var(--elint-ink) !important;
  position: absolute !important;
  top: -14px !important;
  right: -14px !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
  z-index: 10 !important;
  box-shadow: 0 6px 16px rgba(34, 29, 42, 0.16) !important;
  transition: background .2s, transform .2s !important;
}
.confirm-modal-wrap.i18n-modal .qk-modal-close:hover,
.qk-modal-content .qk-modal-close:hover {
  background: var(--elint-panel) !important;
  transform: scale(1.05) !important;
}
/* 若原本沒有 × 內容則補上 */
.confirm-modal-wrap.i18n-modal .qk-modal-close::before,
.qk-modal-content .qk-modal-close::before {
  content: '\d7';
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: var(--elint-ink);
}


/* ==== 最高特異度覆蓋（i18n modal 確認/取消 + 搜尋按鈕）==== */
html body .confirm-modal-wrap.i18n-modal button.qk-btn.qk-btn--primary,
html body .confirm-modal-wrap.i18n-modal button.qk-btn--lg.qk-btn--primary {
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}
html body .confirm-modal-wrap.i18n-modal button.qk-btn.qk-btn--primary:hover,
html body .confirm-modal-wrap.i18n-modal button.qk-btn--lg.qk-btn--primary:hover {
  background: #503E7D !important;
  background-color: #503E7D !important;
  border-color: #503E7D !important;
}
html body .confirm-modal-wrap.i18n-modal button.qk-btn.qk-btn--secondary,
html body .confirm-modal-wrap.i18n-modal button.qk-btn--lg.qk-btn--secondary {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #DBD6CE !important;
  color: #211E24 !important;
  border-radius: 999px !important;
}
html body .confirm-modal-wrap.i18n-modal button.qk-btn.qk-btn--secondary:hover {
  color: #6E52B8 !important;
  border-color: #6E52B8 !important;
}

/* 搜尋工具下拉 + 搜尋按鈕 —— 最高特異度 */
html body .tool-nav .search .qk-dropdown_menu,
html body .tool-nav .search .dropdown-menu {
  background: #FFFFFF !important;
  border: 1px solid #DBD6CE !important;
  border-radius: 20px !important;
  margin-top: 32px !important;
  padding: 16px !important;
  box-shadow: 0 24px 56px rgba(34, 29, 42, 0.18) !important;
}
html body .tool-nav .search input[type="search"],
html body .tool-nav .search .search-input,
html body .tool-nav .search .qk-inputbox {
  border-radius: 999px !important;
  border: 1px solid #DBD6CE !important;
  background: #FFFFFF !important;
  padding: 10px 20px !important;
  min-height: 44px !important;
  color: #211E24 !important;
}
html body .tool-nav .search button.qk-btn,
html body .tool-nav .search button.qk-btn--primary,
html body .tool-nav .search button.qk-btn--lg,
html body .tool-nav .search .search-btn {
  border-radius: 999px !important;
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  font-weight: 700 !important;
}
html body .tool-nav .search button.qk-btn:hover,
html body .tool-nav .search button.qk-btn--primary:hover,
html body .tool-nav .search .search-btn:hover {
  background: #503E7D !important;
  border-color: #503E7D !important;
}


/* ==== 全站統一膠囊按鈕規格（tool-nav 下拉 + 搜尋 + 購物車 CTA） ==== */
html body .tool-nav .dropdown-menu .qk-btn,
html body .tool-nav .qk-dropdown_menu .qk-btn,
html body .tool-nav .dropdown-menu a.qk-btn,
html body .tool-nav .qk-dropdown_menu a.qk-btn {
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  transition: background .2s, color .2s, transform .2s !important;
  width: 100% !important;
}

/* 購物車「前往收藏清單」/「前往購物車」按鈕：紫底白字膠囊 */
html body .tool-nav .cart .btn-tracking,
html body .tool-nav .cart .btn-checkout,
html body .tool-nav .cart a.btn-tracking,
html body .tool-nav .cart a.btn-checkout,
html body .tool-nav .cart .qk-btn--secondary,
html body .tool-nav .cart .qk-btn--primary {
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  border: 0 !important;
}
html body .tool-nav .cart .btn-tracking:hover,
html body .tool-nav .cart .btn-checkout:hover,
html body .tool-nav .cart .qk-btn--secondary:hover,
html body .tool-nav .cart .qk-btn--primary:hover {
  background: #503E7D !important;
  background-color: #503E7D !important;
  color: #FFFFFF !important;
}

/* 搜尋按鈕：紫底白字膠囊，文字置中 */
html body .tool-nav .search .search-btn,
html body .tool-nav .search button.qk-btn,
html body .tool-nav .search button[type="submit"] {
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
html body .tool-nav .search .search-btn:hover,
html body .tool-nav .search button.qk-btn:hover {
  background: #503E7D !important;
  background-color: #503E7D !important;
}

/* 搜尋 form 布局：input + button 有間距，垂直置中 */
html body .tool-nav .search .search-area,
html body .tool-nav .search form.form-inline {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* ELINT HEADER END */

/* 購物車 badge：即使套用 qk-bg--accent 也強制紅色 */
html body .global-cart-count.qk-bg--accent,
html body .global-cart-count.qk-circle {
  background-color: #FB5470 !important;
  background: #FB5470 !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
}

/* i18n modal 容器允許 overflow 讓 X 按鈕突出 */
html body .confirm-modal-wrap.i18n-modal .qk-modal-content {
  overflow: visible !important;
  position: relative !important;
}

/* 下拉選項清單：把 CyberBiz 預設的粉色高亮改成品牌紫 */
html body .confirm-modal-wrap.i18n-modal .vs__dropdown-option--selected,
html body .confirm-modal-wrap.i18n-modal .vs__dropdown-option--highlight,
html body .confirm-modal-wrap.i18n-modal ul[role="listbox"] li[aria-selected="true"],
html body .confirm-modal-wrap.i18n-modal ul[role="listbox"] .selected,
html body .confirm-modal-wrap.i18n-modal ul[role="listbox"] .active,
html body .confirm-modal-wrap.i18n-modal .vs__dropdown-menu li.selected,
html body .confirm-modal-wrap.i18n-modal .vs__dropdown-menu li.active {
  background: #EDE8F7 !important;
  color: #6E52B8 !important;
  font-weight: 600 !important;
}

/* v-select 高亮文字：粉/橘 → 品牌紫 */
html body .confirm-modal-wrap.i18n-modal .vs__dropdown-menu li[style*="color"],
html body .confirm-modal-wrap.i18n-modal .vs__dropdown-menu .vs__dropdown-option {
  color: var(--elint-ink) !important;
}
html body .confirm-modal-wrap.i18n-modal .vs__dropdown-menu li[style*="color: rgb(255"] {
  color: #6E52B8 !important;
}

/* CyberBiz 全域 accent 顏色（橘/粉）在此 modal 內強制轉紫 */
html body .confirm-modal-wrap.i18n-modal [class*="accent"],
html body .confirm-modal-wrap.i18n-modal [class*="--accent"] {
  color: #6E52B8 !important;
}


/* v-select 選項清單（可能被 portal 到 body）：白底 */
html body .vs__dropdown-menu,
html body .v-select .vs__dropdown-menu,
html body ul.vs__dropdown-menu,
html body ul[role="listbox"][id^="vs"],
html body ul[id^="vs"][role="listbox"] {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #DBD6CE !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 40px rgba(34, 29, 42, 0.18) !important;
  padding: 8px !important;
  margin-top: 4px !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  color: #211E24 !important;
}
html body .vs__dropdown-menu li,
html body ul[role="listbox"][id^="vs"] li {
  background: transparent !important;
  color: #211E24 !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}
html body .vs__dropdown-menu li:hover,
html body ul[role="listbox"][id^="vs"] li:hover {
  background: #F2F0EA !important;
  color: #211E24 !important;
}
html body .vs__dropdown-option--highlight,
html body .vs__dropdown-option--selected {
  background: #EDE8F7 !important;
  color: #6E52B8 !important;
  font-weight: 600 !important;
}

/* 購物車彈窗：只保留「前往收藏清單」按鈕，隱藏立即購買 */
html body .tool-nav .cart .btn-checkout,
html body .tool-nav .cart .qk-btn--primary.btn-checkout,
html body .tool-nav .cart a.btn-checkout {
  display: none !important;
}

/* sticky header 撐滿最寬 */
html body #navbar,
html body span#navbar {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  display: block !important;
}
html body #header,
html body #header > .header_top,
html body #header > .computer_nav,
html body #header .row_nav {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  box-sizing: border-box !important;
}

/* ============ 統一 sticky header 陰影：去除堆疊，只保留一條全寬淺陰影 ============ */
html body #header {
  box-shadow: 0 6px 20px -8px rgba(34, 29, 42, 0.14) !important;
  border-bottom: none !important;
}
html body #header .header_top,
html body #header .computer_nav,
html body #header .mobile-nav,
html body #header .row_nav,
html body #header .header_logo,
html body #header .header_banner_simple,
html body #header .header_top > div {
  border-bottom: none !important;
  box-shadow: none !important;
}
/* 麵包屑列不要有 border-bottom */
html body #site_path,
html body #site_path.qk-bd_b--default {
  border-bottom: none !important;
  box-shadow: none !important;
}


/* ============ Mega Dropdown（所有商品）乾淨版 ============ */
/* 每一格：flex-column，內容整齊靠左，不要邊框、不要膠囊 */
html body .two_dimension_dropdown_menu .swiper,
html body .two_dimension_dropdown_menu .swiper-wrapper {
  align-items: flex-start !important;
}
html body .two_dimension_dropdown_menu .swiper-slide {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 0 12px !important;
}
html body .two_dimension_dropdown_menu .swiper-slide > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  width: 100% !important;
}

/* 頂排分類標題（襯線紫，無邊框、無膠囊） */
html body .two_dimension_dropdown_menu a.second_level_text,
html body .two_dimension_dropdown_menu .second_level_text.two_dimension-content {
  color: #6E52B8 !important;
  font-family: 'Noto Serif TC', Cambria, serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-align: left !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  justify-content: flex-start !important;
}
html body .two_dimension_dropdown_menu a.second_level_text:hover {
  color: #503E7D !important;
  background: transparent !important;
}

/* 子項目容器 */
html body .two_dimension_dropdown_menu .link_shelf_third_container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 2px !important;
}
html body .two_dimension_dropdown_menu .link_shelf_third_item {
  width: 100% !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 子項目連結（深墨字，無邊框、無膠囊） */
html body .two_dimension_dropdown_menu .link_shelf_third_item a.two_dimension_content-third-lvl,
html body .two_dimension_dropdown_menu .link_shelf_third_item > a {
  color: #211E24 !important;
  font-family: 'Noto Sans TC', 'PingFang TC', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  text-align: left !important;
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  justify-content: flex-start !important;
}
html body .two_dimension_dropdown_menu .link_shelf_third_item a:hover {
  color: #6E52B8 !important;
  background: transparent !important;
}

/* === Mega dropdown 補強：加入 invisible bridge 讓游標可從 trigger 移動到選單 === */
html body .two_dimension_dropdown_menu {
  position: absolute !important;
  padding-top: 32px !important;
  margin-top: 0 !important;
  background-clip: padding-box !important;
}
html body .two_dimension_dropdown_menu::before {
  content: '' !important;
  position: absolute !important;
  top: -12px !important;
  left: 0 !important;
  right: 0 !important;
  height: 40px !important;
  background: transparent !important;
  z-index: -1 !important;
}

/* === Mega dropdown 有間距 + 游標可穿過（invisible bridge） === */
html body .two_dimension_dropdown_menu {
  position: absolute !important;
  margin-top: 24px !important;    /* 視覺間距：header 底部到 dropdown 白卡有 24px */
  padding-top: 0 !important;
}
html body .two_dimension_dropdown_menu::before {
  content: '' !important;
  position: absolute !important;
  top: -48px !important;
  left: 0 !important;
  right: 0 !important;
  height: 48px !important;
  background: transparent !important;
}

/* === Mega dropdown 分類大標不可點擊 === */
html body .two_dimension_dropdown_menu .second_level_text.two_dimension-content,
html body .two_dimension_dropdown_menu a.second_level_text {
  pointer-events: none !important;
  cursor: default !important;
}

/* === Mega dropdown 內部 swiper 頂部留白 === */
html body .two_dimension_dropdown_menu .swiper,
html body .two_dimension_dropdown_menu .swiper-wrapper {
  padding-top: 8px !important;
}
html body .two_dimension_dropdown_menu .second_level_text {
  margin-top: 0 !important;
  padding-top: 4px !important;
}

/* === Mega dropdown 上下 padding 對稱 === */
html body .two_dimension_dropdown_menu {
  padding: 48px 40px !important;
}
html body .two_dimension_dropdown_menu .swiper,
html body .two_dimension_dropdown_menu .swiper-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body .two_dimension_dropdown_menu .second_level_text {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html body .two_dimension_dropdown_menu .link_shelf_third_container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
html body .two_dimension_dropdown_menu .link_shelf_third_item:last-child a {
  padding-bottom: 6px !important;
}

/* ============================================================
   === 語系/幣別 Modal 精準覆蓋（i18n_modal.liquid black-box）===
   -----------------------------------------------------------
   實際 DOM 由 CyberBiz Vue 產出，class 為 .qk-modal-content
   用 :has(.language-select) 鎖定「同時含語言下拉」的 modal 才會套用
   ============================================================ */

/* --- 主容器：白底 + 圓角 + 陰影 --- */
html body .qk-modal-content:has(.language-select) {
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 56px rgba(34, 29, 42, .22) !important;
  padding: 28px !important;
  color: var(--elint-ink, #211E24) !important;
  font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif !important;
  overflow: visible !important;
  position: relative !important;
}

/* --- 關閉 X：圓形 36×36，突出右上 --- */
html body .qk-modal-content:has(.language-select) .qk-modal-close {
  position: absolute !important;
  top: -14px !important;
  right: -14px !important;
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 1px solid var(--elint-line, #DBD6CE) !important;
  color: var(--elint-ink, #211E24) !important;
  display: grid !important;
  place-items: center !important;
  z-index: 10 !important;
  cursor: pointer !important;
  transition: background .2s, transform .2s !important;
}
html body .qk-modal-content:has(.language-select) .qk-modal-close::before {
  content: '\d7' !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  color: var(--elint-ink, #211E24) !important;
}
html body .qk-modal-content:has(.language-select) .qk-modal-close:hover {
  background: var(--elint-panel, #F2F0EA) !important;
  transform: scale(1.05) !important;
}

/* --- 標題 h2 --- */
html body .qk-modal-content:has(.language-select) h2.qk-fs--hd2 {
  color: var(--elint-ink, #211E24) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  margin: 0 0 18px !important;
}

/* --- Label 語言 / 幣別 --- */
html body .qk-modal-content:has(.language-select) label {
  color: var(--elint-ink2, #57515F) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  display: block !important;
  margin-bottom: 6px !important;
}

/* --- 下拉區塊間距 --- */
html body .qk-modal-content:has(.language-select) .corona-select {
  margin-bottom: 14px !important;
}

/* --- v-select 下拉：膠囊 --- */
html body .qk-modal-content:has(.language-select) .vs__dropdown-toggle {
  border-radius: 999px !important;
  border: 1px solid var(--elint-line, #DBD6CE) !important;
  background: #FFFFFF !important;
  padding: 0 20px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
}
html body .qk-modal-content:has(.language-select) .vs__selected-options {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
}
html body .qk-modal-content:has(.language-select) .vs__selected {
  color: var(--elint-ink, #211E24) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
html body .qk-modal-content:has(.language-select) .vs__search {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* --- 下拉箭頭（qk-arrow 是純 CSS border 三角）換品牌紫 --- */
html body .qk-modal-content:has(.language-select) .qk-arrow {
  border-top-color: var(--elint-lav, #6E52B8) !important;
  border-bottom-color: var(--elint-lav, #6E52B8) !important;
}

/* --- 下拉選項 popover（開啟時的清單）--- */
html body .qk-modal-content:has(.language-select) .vs__dropdown-menu {
  border-radius: 14px !important;
  border: 1px solid var(--elint-line, #DBD6CE) !important;
  box-shadow: 0 12px 32px rgba(34, 29, 42, .12) !important;
  padding: 6px !important;
  margin-top: 6px !important;
}
html body .qk-modal-content:has(.language-select) .vs__dropdown-option {
  border-radius: 10px !important;
  padding: 8px 14px !important;
  color: var(--elint-ink, #211E24) !important;
}
html body .qk-modal-content:has(.language-select) .vs__dropdown-option--highlight,
html body .qk-modal-content:has(.language-select) .vs__dropdown-option--selected {
  background: var(--elint-panel, #F2F0EA) !important;
  color: var(--elint-lav, #6E52B8) !important;
}

/* --- 按鈕列 --- */
html body .qk-modal-content:has(.language-select) .button-wrap {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

/* --- 按鈕通用（膠囊）--- */
html body .qk-modal-content:has(.language-select) .qk-btn,
html body .qk-modal-content:has(.language-select) .qk-btn--lg {
  border-radius: 999px !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  transition: background .2s, color .2s, border-color .2s !important;
  cursor: pointer !important;
}

/* --- 確認：品牌紫實心 --- */
html body .qk-modal-content:has(.language-select) .qk-btn--primary,
html body .qk-modal-content:has(.language-select) button.qk-btn.qk-btn--lg.qk-btn--primary {
  background: var(--elint-lav, #6E52B8) !important;
  background-color: var(--elint-lav, #6E52B8) !important;
  border: 1px solid var(--elint-lav, #6E52B8) !important;
  color: #FFFFFF !important;
}
html body .qk-modal-content:has(.language-select) .qk-btn--primary:hover,
html body .qk-modal-content:has(.language-select) button.qk-btn.qk-btn--lg.qk-btn--primary:hover {
  background: var(--elint-lav-d, #503E7D) !important;
  background-color: var(--elint-lav-d, #503E7D) !important;
  border-color: var(--elint-lav-d, #503E7D) !important;
}

/* --- 取消：白底 + 邊 --- */
html body .qk-modal-content:has(.language-select) .qk-btn--secondary,
html body .qk-modal-content:has(.language-select) button.qk-btn.qk-btn--lg.qk-btn--secondary {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid var(--elint-line, #DBD6CE) !important;
  color: var(--elint-ink, #211E24) !important;
}
html body .qk-modal-content:has(.language-select) .qk-btn--secondary:hover,
html body .qk-modal-content:has(.language-select) button.qk-btn.qk-btn--lg.qk-btn--secondary:hover {
  color: var(--elint-lav, #6E52B8) !important;
  border-color: var(--elint-lav, #6E52B8) !important;
}

/* ============================================================
   [4  ACCOUNT]  來源檔案：elint-account.css
   ============================================================ */

/* ============================================================
   ELINT 帳戶頁樣式（minimal 版本）
   原則：保持 CyberBiz 原生排版，只覆蓋顏色（橘/粉 → 品牌紫）
   ============================================================ */

/* ELINT ACCOUNT START */

/* ============ 色票 tokens ============ */
:root{
  --theme_bg:#EAE7E1;
  --product_border:#DBD6CE;
  --text:#4A4550;
  --heading:#211E24;
  --accent:#6E52B8;
  --primary:#211E24;
  --button:#503E7D;
}
body,#template,#site_path{background-color:#EAE7E1 !important}

/* ============ 頁面 sticky header 間距 ============ */
body:has(#account) #template,
body:has(#account_menu) #template,
body[class*="customer"] #template,
body[class*="account"] #template {
  padding-top:110px !important;
}

/* ============ 側邊選單顏色（保持原排版）============ */
#account_menu > div{padding:14px 8px !important}
html body #account_menu > div.active > a,
html body #account_menu > div.active,
html body #account_menu > div.active a,
html body #account_menu [class*="active"] > a,
html body #account_menu [class*="active"] a,
html body #account_menu .nav-collapse-body .active a,
html body #account_menu .nav-collapse-body [class*="active"] > a {
  color:#6E52B8 !important;
  font-weight:700 !important;
}

/* ============ 麵包屑：一般黑，active 紫 ============ */
html body #site_path .breadcrumb .breadcrumb-item a,
html body #site_path .breadcrumb .breadcrumb-item span {
  color:#211E24 !important;
}
html body #site_path .breadcrumb .breadcrumb-item.active a,
html body #site_path .breadcrumb .breadcrumb-item.active span {
  color:#6E52B8 !important;
  font-weight:700 !important;
}
html body #site_path .breadcrumb .breadcrumb-item a:hover {
  color:#6E52B8 !important;
}

/* ============ h1 標題：黑色襯線 ============ */
html body #account #account-title,
html body h1#account-title,
html body h1.qk-text--heading.qk-fs--hd2 {
  color:#211E24 !important;
  font-family:"Noto Serif TC",Cambria,serif !important;
  font-weight:900 !important;
}

/* ============ 主要按鈕（qk-btn--primary）橘 → 品牌紫 pill ============ */
html body #account button.qk-btn--primary,
html body #account .qk-btn.qk-btn--primary,
html body #account a.qk-btn--primary,
html body #account button[type="submit"] {
  background:#6E52B8 !important;
  color:#FFFFFF !important;
  border-color:#6E52B8 !important;
  border-radius:999px !important;
}
html body #account button.qk-btn--primary:hover,
html body #account .qk-btn.qk-btn--primary:hover,
html body #account button[type="submit"]:hover {
  background:#503E7D !important;
  border-color:#503E7D !important;
}

/* ============ 次要按鈕（outline / secondary）橘框 → 紫框 pill ============ */
html body #account button.qk-btn--secondary,
html body #account a.qk-btn--secondary,
html body #account .qk-btn--outline {
  background:#FFFFFF !important;
  color:#6E52B8 !important;
  border:1px solid #6E52B8 !important;
  border-radius:999px !important;
}
html body #account button.qk-btn--secondary:hover,
html body #account a.qk-btn--secondary:hover {
  background:#F3EFF9 !important;
}

/* ============ Tabs：橘底 → 品牌紫 ============ */
html body #account .nav-tabs .active,
html body #account .nav-tabs .active a,
html body #account [role="tab"].active,
html body #account [role="tab"][aria-selected="true"],
html body #account .tab-item.active {
  color:#6E52B8 !important;
  border-color:#6E52B8 !important;
  font-weight:700 !important;
}
html body #account .qk-btn-tab.active,
html body #account .status-tab.active,
html body #account button.active[class*="tab"],
html body #account [class*="filter"].active {
  background:#6E52B8 !important;
  color:#FFFFFF !important;
  border-color:#6E52B8 !important;
}

/* ============ 帳戶首頁：橘連結 → 紫；小標籤保留原排版 ============ */
html body #account #account_info .qk-text--accent,
html body #account #account_info .account_edit,
html body #account #account_info a[href*="account_edit"],
html body #account #account_info a[href*="logout"] {
  color:#6E52B8 !important;
  border-color:#6E52B8 !important;
}

/* ============ qk-text--accent 全部橘 → 紫（帳戶區）============ */
html body #account .qk-text--accent {
  color:#6E52B8 !important;
}
html body #account .qk-bg--accent {
  background:#6E52B8 !important;
  color:#FFFFFF !important;
}

/* ============ 分頁 active 紫 ============ */
html body #account .pagination .active,
html body #account .pagination [aria-current="page"] {
  background:#6E52B8 !important;
  color:#FFFFFF !important;
  border-color:#6E52B8 !important;
}

/* ============ 表單 focus 紫光 ============ */
html body .account_table .form-control:focus {
  border-color:#6E52B8 !important;
  box-shadow:0 0 0 3px rgba(110,82,184,.15) !important;
  outline:none;
}

/* ============ Radio：只在 :checked 時顯示紫，未選保持 CyberBiz 預設空圈 ============ */
html body .account_table input[type="radio"]:checked + .radio_label {
  background-color:#6E52B8 !important;
  border-color:#6E52B8 !important;
}

/* ============ 訂單狀態 tag：粉/橘 → 淺紫底品牌紫字 pill ============ */
html body #account [class*="qk-tag"],
html body #account [class*="qk-badge"] {
  background:#EDE8F7 !important;
  color:#6E52B8 !important;
  border-color:#EDE8F7 !important;
  border-radius:999px !important;
}

/* ELINT ACCOUNT END */

/* ============ 推薦代碼區塊：白色卡片 ============ */
html body #account_info .referral_info_block,
html body #account_info [class*="referral"],
html body #account_info .referral,
html body #account_info .code-label + .code-info,
html body #account_info .code-info {
  background: #FFFFFF !important;
  border: 1px solid #DBD6CE !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
}

/* ============================================================
   [5  AUTH]  來源檔案：elint-auth.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz 會員身份頁 (E14-E17)
   -----------------------------------------------------------
   涵蓋：登入 / 註冊 / 忘記密碼 / 啟用帳戶（共用 .login_related）
   規則：底色米色 + 灰綠→紫，LINE 按鈕保留品牌綠
   ============================================================ */

:root {
  --elint-paper: #EAE7E1;
  --elint-panel: #F2F0EA;
  --elint-card: #FFFFFF;
  --elint-ink: #211E24;
  --elint-ink2: #57515F;
  --elint-muted: #8B8590;
  --elint-lav: #6E52B8;
  --elint-lav-d: #503E7D;
  --elint-line: #DBD6CE;
}

/* ---------- 頁面底 ---------- */
html, html body, body,
body #template, #template {
  background: var(--elint-paper) !important;
  background-color: var(--elint-paper) !important;
  --theme_bg: var(--elint-paper) !important;
}
#login.login_related,
.login_related {
  background: var(--elint-paper) !important;
  --theme_bg: var(--elint-paper) !important;
  padding: 32px 0 !important;
}

/* ---------- 麵包屑當前頁 ---------- */
.breadcrumb-item.active a {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
}

/* ---------- 表單卡片 · 更寬版 ---------- */
.login_related .form_container,
.form_container.qk-bd--default.qk-bd--product_border {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 20px !important;
  padding: 48px 56px !important;
  max-width: 640px !important;
  margin: 24px auto !important;
  box-shadow: 0 8px 24px rgba(34, 29, 42, .06) !important;
}

/* 表單標題 */
.form_title {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  letter-spacing: 0.04em !important;
}

/* ---------- LINE 快速登入按鈕（保留 LINE 品牌綠 · 只改圓角）---------- */
.btn-line,
a.btn.btn-line {
  border-radius: 999px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  transition: filter .2s !important;
}
.btn-line:hover {
  filter: brightness(1.08) !important;
}

/* ---------- 分隔線 ---------- */
.divider,
hr.divider {
  border-color: var(--elint-line) !important;
  border-top-width: 1px !important;
  margin: 24px 0 !important;
}

/* ---------- Label ---------- */
.login_related label,
.login_related label.qk-text--heading {
  color: var(--elint-ink) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* ---------- Input 欄位 ---------- */
.login_related .form-control,
.login_related input.form-control {
  border: 1px solid var(--elint-line) !important;
  border-radius: 12px !important;
  background: var(--elint-card) !important;
  color: var(--elint-ink) !important;
  padding: 12px 16px !important;
  min-height: 48px !important;
  font-size: 15px !important;
  box-shadow: none !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.login_related .form-control:focus {
  border-color: var(--elint-lav) !important;
  box-shadow: 0 0 0 3px rgba(110, 82, 184, .12) !important;
  outline: none !important;
}
.login_related .form-control::placeholder {
  color: var(--elint-muted) !important;
}
.login_related .form-control.is-invalid {
  border-color: #E5484D !important;
}
.login_related .invalid-feedback {
  color: #E5484D !important;
  font-size: 12.5px !important;
}

/* ---------- 主 CTA · 會員登入 / 註冊 / 送出 ---------- */
.login_related .qk-btn--primary,
.login_related button.qk-btn--primary,
.login_related button.submit,
.login_related button.qk-btn.qk-btn--primary.submit {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  background-image: none !important;
  border: 1px solid var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  min-height: 52px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  transition: background .2s, border-color .2s !important;
  padding: 0 24px !important;
}
html body .login_related .qk-btn--primary:hover,
html body .login_related button.qk-btn--primary:hover,
html body .login_related button.submit:hover,
html body .login_related button.qk-btn.qk-btn--primary.submit:hover,
html body .login_related button.qk-btn.qk-btn--primary.qk-w--100.submit:hover,
.login_related .qk-btn--primary:hover,
.login_related button.qk-btn--primary:hover,
.login_related button.submit:hover,
.login_related button.qk-btn--primary:focus,
.login_related button.submit:focus,
.login_related button.qk-btn--primary:active,
.login_related button.submit:active {
  background: #211E24 !important;
  background-color: #211E24 !important;
  background-image: none !important;
  border-color: #211E24 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

/* ---------- 保持登入 checkbox（只保留 label 內的樣式框，隱藏原生 input）---------- */
.login_related .form-check-label {
  color: var(--elint-ink2) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  cursor: pointer !important;
}
.login_related .form-check-input.qk-display--none {
  display: none !important;
}
.login_related .form-check-input {
  accent-color: var(--elint-lav) !important;
}

/* ---------- 頁尾 ---------- */
.form_footer {
  margin-top: 24px !important;
  color: var(--elint-ink2) !important;
}

/* 導覽列連結（忘記密碼 / 註冊）· 白底紫框膠囊，垂直並排、與登入按鈕同寬 */
.form_footer,
.login_related .form_footer,
.form_footer.qk-align--center {
  width: 100% !important;
  align-items: stretch !important;
  align-self: stretch !important;
}
.form_footer > p:first-of-type {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  /* 5px 左右 padding：對齊 Bootstrap .form-row -5 / .col 5 造成的內縮，
     讓忘記密碼 / 註冊按鈕與會員登入按鈕等寬 */
  padding: 0 5px !important;
  box-sizing: border-box !important;
}
.form_footer > p:first-of-type > a.qk-text--link,
.form_footer > p:first-of-type > a.col.qk-text--link {
  background: var(--elint-card) !important;
  color: var(--elint-lav) !important;
  border: 1px solid var(--elint-lav) !important;
  border-radius: 999px !important;
  padding: 0 24px !important;
  min-height: 52px !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  margin: 0 !important;
  transition: background .2s, color .2s !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}
.form_footer > p:first-of-type > a.qk-text--link:hover {
  background: var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-color: var(--elint-lav) !important;
}
/* 內部 SVG · 品牌紫、跟文字垂直置中 */
.form_footer > p:first-of-type > a.qk-text--link svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  color: currentColor !important;
}
.form_footer > p:first-of-type > a.qk-text--link svg *,
.form_footer > p:first-of-type > a.qk-text--link svg polygon,
.form_footer > p:first-of-type > a.qk-text--link svg path,
.form_footer > p:first-of-type > a.qk-text--link svg use {
  fill: currentColor !important;
  stroke: currentColor !important;
  color: currentColor !important;
}

/* ---------- 條款連結（第二段 · span 內連結） ---------- */
.form_footer p span .qk-text--link,
.form_footer p span a.qk-text--link {
  display: inline !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--elint-lav) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 600 !important;
  min-height: 0 !important;
}
.form_footer p span .qk-text--link:hover {
  color: var(--elint-lav-d) !important;
  background: transparent !important;
}

/* ---------- 忘記密碼頁 / 註冊頁專用（若有補充欄位）---------- */
.login_related .info,
.login_related .description {
  color: var(--elint-ink2) !important;
  font-size: 13.5px !important;
  line-height: 1.85 !important;
  margin-bottom: 16px !important;
}

/* ---------- 響應式 ---------- */
@media (max-width: 640px) {
  .login_related .form_container {
    padding: 28px 20px !important;
    margin: 12px !important;
    border-radius: 16px !important;
  }
  .form_title { font-size: 20px !important; }
}

/* ============================================================
   [6  ORDERS]  來源檔案：elint-orders.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz 訂單查詢 / 訂單詳情 (E5)
   -----------------------------------------------------------
   規則：底色米色 + 灰綠/粉紅 → 品牌紫，維持 CyberBiz 排版
   ============================================================ */

:root {
  --elint-paper: #EAE7E1;
  --elint-panel: #F2F0EA;
  --elint-card: #FFFFFF;
  --elint-ink: #211E24;
  --elint-ink2: #57515F;
  --elint-muted: #8B8590;
  --elint-lav: #6E52B8;
  --elint-lav-d: #503E7D;
  --elint-line: #DBD6CE;
}

/* ---------- 頁面底 ---------- */
html, html body, body,
body #template, #template {
  background: var(--elint-paper) !important;
  --theme_bg: var(--elint-paper) !important;
}

/* ---------- 麵包屑當前頁 ---------- */
.breadcrumb-item.active a {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
}

/* ---------- 頁面標題 ---------- */
#account-title,
h1#account-title {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
}

/* ---------- 側邊 nav active（訂單查詢 / 一般訂單） ---------- */
#account_menu .active a,
#account_menu > div.active,
#account_menu > div.active > a,
#account_menu .nav-collapse-block .active a {
  color: var(--elint-lav) !important;
  font-weight: 800 !important;
}
#account_menu a:hover {
  color: var(--elint-lav) !important;
}
/* 訂單查詢 collapse header active 也一起處理 */
#collapse-order-header.qk-cursor--pointer:not(.collapsed) {
  color: var(--elint-lav) !important;
  font-weight: 800 !important;
}

/* ---------- 一般訂單 / 定期定額訂單 tab ---------- */
.order-tab {
  border-bottom: 1px solid var(--elint-line) !important;
  padding-left: 0 !important;
  margin-bottom: 20px !important;
  gap: 8px !important;
  list-style: none !important;
}
.order-tab .tab-item {
  position: relative !important;
  padding: 12px 20px !important;
  cursor: pointer !important;
  border: 0 !important;
  background: transparent !important;
}
.order-tab .tab-item,
.order-tab .tab-item.active,
.order-tab .tab-item a,
.order-tab .tab-item.active a {
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
/* 清掉 CyberBiz 預設可能存在的粉紅底線 pseudo */
.order-tab .tab-item::before,
.order-tab .tab-item.active::before {
  display: none !important;
  content: none !important;
}
.order-tab .tab-item a {
  color: var(--elint-ink2) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.order-tab .tab-item:hover a {
  color: var(--elint-lav) !important;
}
.order-tab .tab-item.active a {
  color: var(--elint-lav) !important;
  font-weight: 800 !important;
}
/* 我方 ::after 是唯一的紫色指示線 */
.order-tab .tab-item.active::after {
  content: '' !important;
  position: absolute !important;
  left: 20px !important;
  right: 20px !important;
  bottom: -1px !important;
  height: 2px !important;
  background: var(--elint-lav) !important;
  border-radius: 2px !important;
  display: block !important;
}

/* ---------- 訂單狀態篩選 · 所有訂單 / 準備出貨 / 已出貨 / 已收貨 / 退貨 ---------- */
.shipping_filter {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.shipping_filter li {
  padding: 8px 16px !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 999px !important;
  background: var(--elint-card) !important;
  color: var(--elint-ink) !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: border-color .2s, color .2s, background .2s !important;
  font-size: 14px !important;
}
.shipping_filter li:hover {
  border-color: var(--elint-lav) !important;
  color: var(--elint-lav) !important;
}
.shipping_filter li.active {
  background: var(--elint-lav) !important;
  border-color: var(--elint-lav) !important;
  color: #FFFFFF !important;
}

/* ---------- 訂單表格 · 空狀態 ---------- */
#order_table .empty,
.empty {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 20px !important;
  padding: 60px 24px !important;
  text-align: center !important;
  color: var(--elint-ink2) !important;
  font-weight: 600 !important;
}
#order_table .empty .qk-text--heading,
.empty .qk-text--heading {
  color: var(--elint-ink) !important;
  font-size: 16px !important;
}

/* ---------- 訂單列表卡片（有訂單時，通用預設）---------- */
#order_table .order,
#order_table > div:not(.empty) > .order-item,
.order-item {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 16px !important;
  margin-bottom: 14px !important;
  padding: 20px !important;
  transition: box-shadow .2s !important;
}
#order_table .order:hover,
.order-item:hover {
  box-shadow: 0 8px 24px rgba(34, 29, 42, .08) !important;
}

/* 訂單編號 / 建立日期 */
.order .order-number,
.order .order-date,
.order-item .qk-text--heading {
  color: var(--elint-ink) !important;
  font-weight: 700 !important;
}
.order .order-status-desc,
.order-item .qk-text--text {
  color: var(--elint-ink2) !important;
}

/* 狀態徽章 · 準備/出貨/收貨/退貨 → 品牌紫系 */
.order .status-tag,
.order [class*="status"],
.order-item [class*="status"] {
  background: var(--elint-panel) !important;
  color: var(--elint-lav) !important;
  border: 1px solid var(--elint-lav) !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
}

/* 商品圖框 */
.order .line-item-img,
.order-item .line-item-img,
.order-item [class*="product_image"] {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--elint-line) !important;
}

/* 商品名 */
.order .line-item-name,
.order-item .qk-text--link,
.order a.qk-text--link {
  color: var(--elint-ink) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.order .line-item-name:hover,
.order-item .qk-text--link:hover {
  color: var(--elint-lav) !important;
}

/* 金額 · 粉紅 → 品牌紫 */
.order .total-price,
.order-item .qk-text--price,
.order-item .qk-text--discount_price {
  color: var(--elint-lav) !important;
  font-weight: 800 !important;
}

/* ---------- 訂單卡片內按鈕 ---------- */
/* 主 CTA · 再次購買 → 品牌紫實心 */
.order .repurchase-btn,
.order .qk-btn--primary,
button.qk-btn--primary,
button.repurchase-btn {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  border: 1px solid var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
  transition: background .2s !important;
}
.order .repurchase-btn:hover,
.order .qk-btn--primary:hover,
button.qk-btn--primary:hover,
button.repurchase-btn:hover {
  background: var(--elint-ink) !important;
  background-color: var(--elint-ink) !important;
  border-color: var(--elint-ink) !important;
}

/* 次要 · 取消訂單 / 查看詳情 → 白底邊 hover 紫 */
.order .qk-btn--secondary,
.order .qk-btn--default_secondary,
button.qk-btn--secondary,
.order .btn:not(.qk-btn--primary):not(.repurchase-btn) {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink) !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
  transition: border-color .2s, color .2s !important;
}
.order .qk-btn--secondary:hover,
.order .qk-btn--default_secondary:hover,
.order .btn:not(.qk-btn--primary):hover {
  border-color: var(--elint-lav) !important;
  color: var(--elint-lav) !important;
}

/* ---------- 訂單詳情頁（單筆訂單）---------- */
/* 大金額摘要 · 應付總額 */
.order-detail .total-amount,
.order-detail [class*="total"],
.total-should-pay .total-price {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}

/* 分區標題 */
.order-detail h3,
.order-detail h4,
.order-detail .section-title,
.order-detail .circle-head {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
}

/* 分區卡片 */
.order-detail .co-block,
.order-detail .section-block,
.order-detail .info-card {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  margin-bottom: 14px !important;
}

/* label */
.order-detail .co-label,
.order-detail label {
  color: var(--elint-ink) !important;
  font-weight: 700 !important;
}
.order-detail .info-value {
  color: var(--elint-ink2) !important;
}

/* ============================================================
   [7  CART-POPUP + WISHLIST]  來源檔案：elint-cart-popup-wishlist.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz · Header 購物車空車 popup + 收藏清單頁
   -----------------------------------------------------------
   規則：只換底色 + 灰綠/橘 → 品牌紫，不動排版
   ============================================================ */

:root {
  --elint-paper: #EAE7E1;
  --elint-panel: #F2F0EA;
  --elint-card: #FFFFFF;
  --elint-ink: #211E24;
  --elint-ink2: #57515F;
  --elint-muted: #8B8590;
  --elint-lav: #6E52B8;
  --elint-lav-d: #503E7D;
  --elint-line: #DBD6CE;
}

/* ============================================================
   A. Header 購物車空車 popup
   ============================================================ */

/* 外框 */
.qk-dropdown_menu.dropdown-menu,
.qk-dropdown_menu.dropdown-menu.show {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(34, 29, 42, .18) !important;
  padding: 20px !important;
}

/* 兩顆按鈕垂直堆疊 */
.qk-dropdown_menu.dropdown-menu ul,
.qk-dropdown_menu.dropdown-menu ul > li.button {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* 空車文字 */
.cart_empty {
  color: var(--elint-ink) !important;
  font-weight: 600 !important;
  padding: 12px 0 !important;
  margin: 0 0 12px !important;
}

/* 「前往收藏清單」按鈕 · 橘外框 → 品牌紫外框 */
.btn-tracking,
a.btn-tracking,
a.btn-tracking.qk-btn--secondary,
a.btn-tracking.qk-btn.qk-btn--lg.qk-btn--secondary {
  background: var(--elint-card) !important;
  background-color: var(--elint-card) !important;
  border: 1px solid var(--elint-lav) !important;
  color: var(--elint-lav) !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 12px 24px !important;
  transition: background .2s, color .2s, border-color .2s !important;
}
.btn-tracking:hover,
a.btn-tracking:hover {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-color: var(--elint-lav) !important;
}

/* 「立即購買」按鈕（有商品時才顯示，purple 主 CTA）*/
/* 用 :not([style*="none"]) 尊重 CyberBiz 的 inline display:none，避免空車也顯示 */
.btn-checkout:not([style*="none"]),
a.btn-checkout.qk-btn--primary:not([style*="none"]) {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  border: 1px solid var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 12px 24px !important;
}
/* 顏色/字型變化不需要 display 條件（不會強制顯示） */
.btn-checkout,
a.btn-checkout.qk-btn--primary {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  border-color: var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
.btn-checkout:hover {
  background: var(--elint-ink) !important;
  background-color: var(--elint-ink) !important;
  border-color: var(--elint-ink) !important;
}

/* ============================================================
   B. 收藏清單頁面 (/account/tracking_items)
   ============================================================ */

/* 頁面標題 */
#account-title,
h1#account-title {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
}

/* 麵包屑當前頁 */
.breadcrumb-item.active a {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
}

/* 側邊 nav：active 高亮改成品牌紫（僅字色，不加左側直條）*/
#account_menu > div.active,
#account_menu > div.active > a {
  color: var(--elint-lav) !important;
  font-weight: 800 !important;
}
#account_menu > div > a:hover {
  color: var(--elint-lav) !important;
}

/* 商品卡片 · row */
.table_content .product.table_item,
.table_content .table_item.table_row {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 16px !important;
  margin-bottom: 14px !important;
  padding: 16px !important;
  box-shadow: 0 2px 8px rgba(34, 29, 42, .04) !important;
  transition: box-shadow .2s !important;
}
.table_content .product.table_item:hover {
  box-shadow: 0 8px 20px rgba(34, 29, 42, .10) !important;
}

/* 商品名稱連結 */
.product_title a,
.product_title a.qk-text--heading {
  color: var(--elint-ink) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.product_title a:hover {
  color: var(--elint-lav) !important;
}

/* 價格：粉色現價 → 品牌紫；刪除線價維持柔灰 */
.qk-text--discount_price,
.qk-text--discount_price .money_tag,
.qk-text--price,
.qk-text--price .money_tag {
  color: var(--elint-lav) !important;
  font-weight: 800 !important;
}
.product .qk-display--flex.qk-fs--title del,
.product del.qk-text--text {
  color: var(--elint-muted) !important;
}

/* 加入購物車按鈕 · 橘 → 品牌紫實心 hover 黑 */
.btn-cart,
button.btn-cart,
button.btn-cart.qk-btn.qk-btn--lg.qk-btn--primary,
.product_btn .btn-cart {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  background-image: none !important;
  border: 1px solid var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  font-weight: 700 !important;
  transition: background .2s, border-color .2s !important;
}
.btn-cart:hover,
button.btn-cart:hover {
  background: var(--elint-ink) !important;
  background-color: var(--elint-ink) !important;
  border-color: var(--elint-ink) !important;
}
.btn-cart .text {
  color: #FFFFFF !important;
}

/* 「刪除」按鈕（手機顯示）· default_secondary 灰 → 白底邊 hover 紫 */
.btn_delete_love,
button.btn_delete_love,
button.btn_delete_love.qk-btn.qk-btn--lg.qk-btn--default_secondary {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink2) !important;
  border-radius: 999px !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  font-weight: 600 !important;
  transition: border-color .2s, color .2s !important;
}
.btn_delete_love:hover {
  border-color: var(--elint-lav) !important;
  color: var(--elint-lav) !important;
}

/* 右上角 X 刪除 icon · 樸素小 X（無圓框），hover 紫 */
.cross_btn.btn_delete_love {
  width: 20px !important;
  height: 20px !important;
  border: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  color: var(--elint-muted) !important;
  padding: 0 !important;
  top: 12px !important;
  right: 12px !important;
  box-shadow: none !important;
  transition: color .2s !important;
}
/* 用 ::before / ::after 畫兩條斜線組成 X（蓋掉 CyberBiz 原本圓圈 X）*/
.cross_btn.btn_delete_love::before,
.cross_btn.btn_delete_love::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 16px !important;
  height: 1.5px !important;
  background: currentColor !important;
  border-radius: 1px !important;
  border: 0 !important;
}
.cross_btn.btn_delete_love::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}
.cross_btn.btn_delete_love::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}
.cross_btn.btn_delete_love:hover {
  color: var(--elint-lav) !important;
}

/* 空狀態訊息（若真的沒商品）*/
.tracking-items .table_content .empty,
.table_content .empty {
  background: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 20px !important;
  padding: 48px 24px !important;
  text-align: center !important;
  color: var(--elint-ink2) !important;
}

/* 商品下架標記 · 只在 CyberBiz 判定為下架時顯示（尊重 qk-display--none）*/
.product_end:not(.qk-display--none) {
  background: rgba(34, 29, 42, .82) !important;
  color: #FFFFFF !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  font-weight: 700 !important;
}

/* 卡片內 qk-text--discount_price 是粉色 accent，我們統一轉紫 */
.qk-text--discount_price,
.product .qk-text--discount_price {
  color: var(--elint-lav) !important;
}

/* ============================================================
   [8  EMPTY-CART]  來源檔案：elint-empty-cart.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz 空車頁 (Empty Cart) · ELINT 軟導向版
   -----------------------------------------------------------
   目的：取代「空車自動跳轉」邏輯，顯示品牌一致的空車頁面
        提供三條動線：看收藏 / 逛商品 / 回熟悉的診所
   ============================================================ */

:root {
  --elint-paper: #EAE7E1;
  --elint-panel: #F2F0EA;
  --elint-card: #FFFFFF;
  --elint-ink: #211E24;
  --elint-ink2: #57515F;
  --elint-muted: #8B8590;
  --elint-lav: #6E52B8;
  --elint-lav-d: #503E7D;
  --elint-line: #DBD6CE;
}

/* 頁面米色底 */
body:has(.elint-empty-cart),
html body:has(.elint-empty-cart) {
  background: var(--elint-paper) !important;
}

.elint-empty-cart {
  max-width: 720px;
  margin: 40px auto 80px;
  padding: 56px 40px;
  background: var(--elint-card);
  border: 1px solid var(--elint-line);
  border-radius: 24px;
  text-align: center;
  color: var(--elint-ink);
  font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
}

/* 空車 icon */
.elint-empty-cart .icon {
  width: 88px;
  height: 88px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: var(--elint-panel);
  display: grid;
  place-items: center;
  color: var(--elint-lav);
}
.elint-empty-cart .icon svg {
  width: 44px;
  height: 44px;
  stroke: currentColor;
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* 主標 */
.elint-empty-cart h2 {
  font-family: 'Noto Serif TC', serif;
  font-size: 26px;
  font-weight: 800;
  color: var(--elint-ink);
  margin: 0 0 12px;
  letter-spacing: 0.03em;
}

/* 副標 */
.elint-empty-cart .lead {
  font-size: 15px;
  line-height: 1.9;
  color: var(--elint-ink2);
  margin: 0 auto 32px;
  max-width: 460px;
}

/* CTA 按鈕群組 */
.elint-empty-cart .cta {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 340px;
  margin: 0 auto;
}

.elint-empty-cart .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s;
  text-decoration: none;
  border: 1px solid transparent;
  font-family: inherit;
}

/* 主 CTA：看收藏 */
.elint-empty-cart .btn-primary {
  background: var(--elint-lav);
  border-color: var(--elint-lav);
  color: #FFFFFF;
}
.elint-empty-cart .btn-primary:hover {
  background: var(--elint-ink);
  border-color: var(--elint-ink);
}

/* 次要 CTA：逛商品 */
.elint-empty-cart .btn-outline {
  background: transparent;
  border-color: var(--elint-line);
  color: var(--elint-ink);
}
.elint-empty-cart .btn-outline:hover {
  border-color: var(--elint-lav);
  color: var(--elint-lav);
}

/* 第三 CTA：回診所 */
.elint-empty-cart .btn-ghost {
  background: transparent;
  border: 0;
  color: var(--elint-ink2);
  min-height: 40px;
  padding: 0;
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.elint-empty-cart .btn-ghost:hover {
  color: var(--elint-lav);
}

/* 底部小字提示 */
.elint-empty-cart .note {
  margin: 28px 0 0;
  font-size: 12.5px;
  color: var(--elint-muted);
  line-height: 1.8;
}

/* RWD */
@media (max-width: 640px) {
  .elint-empty-cart {
    margin: 20px 16px 60px;
    padding: 44px 24px;
    border-radius: 20px;
  }
  .elint-empty-cart h2 { font-size: 22px; }
  .elint-empty-cart .icon { width: 76px; height: 76px; }
  .elint-empty-cart .icon svg { width: 38px; height: 38px; }
}

/* ============================================================
   [9  CART / CHECKOUT]  來源檔案：elint-cart.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz 結帳頁 · 底色 + 灰綠→紫（白勾保留 · 深紫圓）
   ============================================================ */

/* ---------- 頁面底色：米色 ---------- */
html,
html body,
body,
body #template,
#template,
.checkout-wrapper {
  background: #EAE7E1 !important;
  background-color: #EAE7E1 !important;
  --theme_bg: #EAE7E1 !important;
}

/* ---------- 已選擇 Radio：外框轉紫，統一 1px 邊 ---------- */
.checkable-radio.active {
  border-color: #6E52B8 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.nav-pills > li.active > a,
.nav-pills > li:has(.checkable-radio.active) > a,
li.active > a[role="tab"] {
  border-color: #6E52B8 !important;
  border-width: 1px !important;
  border-style: solid !important;
  box-shadow: none !important;
}
/* Radio / tab hover → 紫邊 */
.checkable-radio:not(.active):hover,
.nav-pills > li:not(.active) > a:hover,
li > a[role="tab"]:hover {
  border-color: #6E52B8 !important;
  cursor: pointer !important;
}
.checkable-radio.active .checkable-radio-label {
  color: #6E52B8 !important;
  font-weight: 700 !important;
}
/* 勾勾圓 · 圓底深紫、勾保留白 */
.checkable-radio.active::before {
  background-color: #6E52B8 !important;
  background: #6E52B8 !important;
  border-color: #6E52B8 !important;
}
.checkable-radio.active svg circle {
  fill: #6E52B8 !important;
  stroke: #6E52B8 !important;
}
.checkable-radio.active svg path[fill="#fff"],
.checkable-radio.active svg path[fill="white"],
.checkable-radio.active svg path[fill="#FFF"],
.checkable-radio.active svg path[fill="#FFFFFF"] {
  fill: #FFFFFF !important;
}

/* ---------- 已選擇 grid-button（7-11 取貨、信用卡等）· 統一 1px 邊 ---------- */
.grid-button.active .form-control,
.grid-button.active button.form-control {
  border-color: #6E52B8 !important;
  border-width: 1px !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* 未選擇的 grid-button hover → 紫邊 */
.grid-button:not(.active) .form-control:hover,
.grid-button:not(.active) button.form-control:hover {
  border-color: #6E52B8 !important;
  background-color: rgba(110, 82, 184, .04) !important;
  cursor: pointer !important;
}
.grid-button.active .title,
.grid-button.active .payment-label .title,
.grid-button.active .shipping-label .title {
  color: #6E52B8 !important;
}

/* grid-button 內部勾勾：用 hue-rotate 保留白色 ✓（不覆蓋 background-color）*/
.grid-button.active .form-control::before,
.grid-button.active .form-control::after,
.grid-button.active button.form-control::before,
.grid-button.active button.form-control::after,
.grid-button.active [class*="selected"],
.grid-button.active [class*="check"]:not(.checkable-radio),
.grid-button.active .selected-icon,
.grid-button.active .check-icon,
.grid-button.active .checked,
.grid-button.active > img,
.grid-button.active .form-control > img:not(.icon):not(.active-icon) {
  filter: hue-rotate(85deg) saturate(2) brightness(.85) !important;
}

/* ---------- 「請選擇取貨門市」按鈕（灰綠邊框 + 綠字）---------- */
.cvs-pick-block .form-control,
.cvs-pick-button,
input.cvs-pick-button,
input.cvs-pick-button.form-control {
  border-color: #6E52B8 !important;
  color: #6E52B8 !important;
  background: transparent !important;
}
.cvs-pick-block .form-control:hover,
.cvs-pick-button:hover {
  background-color: rgba(110, 82, 184, .06) !important;
}

/* ---------- 會員專區 已登入標記 ---------- */
.checked-icon,
img.checked-icon {
  filter: hue-rotate(85deg) saturate(2) brightness(.85) !important;
}
.logined-label {
  color: #6E52B8 !important;
}

/* ---------- 主 CTA · 立即結帳 → 品牌紫 ---------- */
#checkout-button,
button#checkout-button,
button#checkout-button.btn.btn-default.btn-block {
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
}
html body button#checkout-button:hover,
html body button#checkout-button.btn.btn-lg.btn-default.btn-block:hover,
html body button#checkout-button:focus,
html body button#checkout-button:active,
#checkout-button:hover,
button#checkout-button:hover {
  background: #211E24 !important;
  background-color: #211E24 !important;
  background-image: none !important;
  border-color: #211E24 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body button#checkout-button:hover h3,
#checkout-button:hover h3 {
  color: #FFFFFF !important;
}
#checkout-button h3 {
  color: #FFFFFF !important;
}

/* ---------- 灰綠文字 → 紫 ---------- */
.color.dark-cyan:not(.help-block),
.color.green,
.color.teal {
  color: #6E52B8 !important;
}
.help-block.color.dark-cyan {
  color: #57515F !important;
}

/* ---------- 「選擇優惠券或輸入優惠碼」按鈕（灰綠邊 + 綠字）→ 紫 ---------- */
#coupon-discount-block .button-block,
#coupon-discount-block button.btn.btn-default.btn-block,
#coupon-discount-block .btn.btn-default {
  border-color: #6E52B8 !important;
  color: #6E52B8 !important;
  background: transparent !important;
  background-color: transparent !important;
}
#coupon-discount-block .button-block:hover,
#coupon-discount-block button.btn.btn-default.btn-block:hover {
  border-color: #503E7D !important;
  color: #FFFFFF !important;
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
}

/* ---------- 全站按鈕 hover 統一 → 品牌紫 ---------- */
/* 排除主 CTA 立即結帳（那個已經是實心紫） */
.btn:not(#checkout-button):hover,
.btn-default:not(#checkout-button):hover,
button.btn:not(#checkout-button):hover,
button.btn-default:not(#checkout-button):hover,
a.btn:not(#checkout-button):hover {
  border-color: #6E52B8 !important;
  color: #6E52B8 !important;
  background-color: rgba(110, 82, 184, .06) !important;
}
/* 推薦碼 · 確認 按鈕：紫底白字，hover 黑 */
#referral-code .input-group-btn .btn,
#referral-code .input-group-btn button.btn.btn-default,
.input-group-btn .btn.btn-default {
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}
#referral-code .input-group-btn .btn div,
#referral-code .input-group-btn button.btn.btn-default div,
.input-group-btn .btn.btn-default div {
  color: #FFFFFF !important;
}
#referral-code .input-group-btn .btn:hover,
#referral-code .input-group-btn button.btn.btn-default:hover,
.input-group-btn .btn.btn-default:hover {
  background: #211E24 !important;
  background-color: #211E24 !important;
  border-color: #211E24 !important;
  color: #FFFFFF !important;
}
#referral-code .input-group-btn .btn:hover div,
.input-group-btn .btn.btn-default:hover div {
  color: #FFFFFF !important;
}
/* 主 CTA hover 已由上方 #checkout-button:hover 處理 */

/* ============================================================
   [10 QUICKVIEW MODAL]  來源檔案：elint-quickview-modal.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz 商品快速預覽 modal (G2)
   -----------------------------------------------------------
   規則（同結帳頁）：
     1. modal 底色 → ELINT 米色 #EAE7E1
     2. 灰綠色元素 → 品牌紫 #6E52B8
     3. 按鈕 hover → 品牌紫；加入購物車 hover → 品牌墨黑
   保留：內部 CKEditor 商品介紹自訂樣式不動
   ============================================================ */

/* ---------- Modal 外框：米色底 ---------- */
.modal-content.qk-bg--theme_bg,
.modal-content.qk-bd--none.qk-center,
.mobile_modal-content {
  background: #EAE7E1 !important;
  background-color: #EAE7E1 !important;
  --theme_bg: #EAE7E1 !important;
}

/* 若 modal body 也吃到底色 */
.modal-content .modal-body,
.mobile_modal-content .mobile_modal-body {
  background: #EAE7E1 !important;
  background-color: #EAE7E1 !important;
}

/* ---------- 關閉 X 按鈕 hover ---------- */
.btn-close.qk-circle:hover {
  border-color: #6E52B8 !important;
  color: #6E52B8 !important;
}

/* ---------- 商品圖 swiper 導航箭頭 hover ---------- */
.photo-prev,
.photo-next,
.qk-swiper_btn {
  transition: color .2s, border-color .2s, background-color .2s, box-shadow .2s !important;
}
.photo-prev:hover,
.photo-next:hover,
.qk-swiper_btn:hover {
  color: #6E52B8 !important;
  border-color: #6E52B8 !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 1px #6E52B8 !important;
}
/* 箭頭本體（可能是 ::before/::after 假元素、SVG 或 border 三角）*/
.photo-prev:hover::before,
.photo-prev:hover::after,
.photo-next:hover::before,
.photo-next:hover::after,
.qk-swiper_btn:hover::before,
.qk-swiper_btn:hover::after {
  border-color: #6E52B8 !important;
  color: #6E52B8 !important;
  background-color: transparent !important;
}
.photo-prev:hover svg,
.photo-prev:hover svg path,
.photo-next:hover svg,
.photo-next:hover svg path,
.qk-swiper_btn:hover svg,
.qk-swiper_btn:hover svg path {
  fill: #6E52B8 !important;
  stroke: #6E52B8 !important;
  color: #6E52B8 !important;
}

/* ---------- 縮圖被選中：品牌紫邊 ---------- */
.product-thumbnail.focus,
.product-thumbnail.active,
.product-thumbnail:hover {
  border-color: #6E52B8 !important;
}

/* ---------- 價格：品牌墨（保留原本 heading 色）---------- */
/* .variant-price 由 CyberBiz 自控（qk-text--price），若太搶就取消下方註解 */
/* .variant-price.qk-text--price { color: #211E24 !important; } */

/* ---------- 數量選擇 +/- ---------- */
.product-quantity .add-down:hover,
.product-quantity .add-up:hover {
  color: #6E52B8 !important;
  border-color: #6E52B8 !important;
}
.product-quantity .item-quantity {
  color: #211E24 !important;
}

/* ---------- 加入購物車按鈕（灰綠 → 品牌紫，hover 黑）---------- */
button.add-button,
button.add-button.qk-btn--primary,
.add-button-wrapper .add-button,
.add-button-wrapper button.add-button,
button.add-button.qk-btn--lg,
button.btn-mobile.add-button,
button.btn-mobile.add-button.qk-btn--primary {
  background: #6E52B8 !important;
  background-color: #6E52B8 !important;
  background-image: none !important;
  border-color: #6E52B8 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}
button.add-button:hover,
.add-button-wrapper button.add-button:hover,
button.btn-mobile.add-button:hover {
  background: #211E24 !important;
  background-color: #211E24 !important;
  background-image: none !important;
  border-color: #211E24 !important;
  color: #FFFFFF !important;
}

/* ---------- 加入最愛按鈕 · 三種狀態 ---------- */
/* 預設：空心愛心（深墨色） */
.btn-love,
a.btn-love {
  color: #211E24 !important;
  transition: color .2s, border-color .2s !important;
}
.btn-love svg path,
a.btn-love svg path {
  stroke: currentColor !important;
  fill: none !important;
}

/* Hover：品牌紫空心 */
.btn-love:hover,
a.btn-love:hover {
  color: #6E52B8 !important;
  border-color: #6E52B8 !important;
}
.btn-love:hover svg path,
a.btn-love:hover svg path {
  stroke: #6E52B8 !important;
  fill: none !important;
}

/* 已加入最愛（active / actived / liked / on / favorited）：實心紅愛心 */
.btn-love.actived,
.btn-love.active,
.btn-love.liked,
.btn-love.on,
.btn-love.is-favorited,
.btn-love.elint-favorited,
a.btn-love[aria-pressed="true"] {
  color: #E5484D !important;
  border-color: #E5484D !important;
}
.btn-love.actived svg path,
.btn-love.active svg path,
.btn-love.liked svg path,
.btn-love.on svg path,
.btn-love.is-favorited svg path,
.btn-love.elint-favorited svg path,
a.btn-love[aria-pressed="true"] svg path {
  fill: #E5484D !important;
  stroke: #E5484D !important;
}

/* Active 狀態 hover：略深紅 */
.btn-love.actived:hover,
.btn-love.active:hover,
.btn-love.liked:hover,
.btn-love.on:hover,
.btn-love.elint-favorited:hover {
  color: #C23A3F !important;
  border-color: #C23A3F !important;
}
.btn-love.actived:hover svg path,
.btn-love.active:hover svg path,
.btn-love.liked:hover svg path,
.btn-love.on:hover svg path,
.btn-love.elint-favorited:hover svg path {
  fill: #C23A3F !important;
  stroke: #C23A3F !important;
}

/* ---------- Toast / notification 樣式（統一底色）---------- */
.qk-toast,
.toast,
.notification,
[class*="toast"] {
  border-radius: 12px !important;
}

/* ---------- 手機版 modal（.mobile-modal / .mobile-footer） ---------- */
.mobile-modal .btn-close:hover {
  border-color: #6E52B8 !important;
  color: #6E52B8 !important;
}

/* ---------- Section headings（商品介紹 / 規格說明 / 運送方式）---------- */
h5.section-heading.qk-bd--heading {
  color: #211E24 !important;
  border-color: #DBD6CE !important;
}

/* ---------- 灰綠 accent 轉紫（不含 CKEditor 內部）---------- */
.modal-content > * .color.dark-cyan:not(.help-block),
.modal-content > * .color.green,
.modal-content > * .color.teal {
  color: #6E52B8 !important;
}

/* ---------- 底部裝飾線 ---------- */
.section-heading {
  border-bottom-color: #DBD6CE !important;
}

/* ============================================================
   [11 SEARCH]  來源檔案：elint-search.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz 搜尋結果頁 (A5 · /search)
   -----------------------------------------------------------
   規則：底色米色 + 灰綠/橘 → 品牌紫，不動排版
   ============================================================ */

:root {
  --elint-paper: #EAE7E1;
  --elint-panel: #F2F0EA;
  --elint-card: #FFFFFF;
  --elint-ink: #211E24;
  --elint-ink2: #57515F;
  --elint-muted: #8B8590;
  --elint-lav: #6E52B8;
  --elint-lav-d: #503E7D;
  --elint-line: #DBD6CE;
}

/* ---------- 頁面底色 ---------- */
html, html body, body,
body #template, #template {
  background: var(--elint-paper) !important;
  background-color: var(--elint-paper) !important;
  --theme_bg: var(--elint-paper) !important;
}

/* ---------- 麵包屑當前頁 → 紫 ---------- */
.breadcrumb-item.active a {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
}

/* ---------- 側邊分類選單 ---------- */
#collection_menu_shelf_top.sidebar {
  background: transparent !important;
  border-right: 1px solid var(--elint-line) !important;
  padding-right: 12px !important;
}
#collection_menu_shelf_top.sidebar li a {
  color: var(--elint-ink) !important;
  font-weight: 600 !important;
  padding: 12px 4px !important;
  display: block !important;
  transition: color .2s, padding-left .2s !important;
  border-bottom: 1px solid var(--elint-line) !important;
}
#collection_menu_shelf_top.sidebar li a:hover {
  color: var(--elint-lav) !important;
  padding-left: 8px !important;
}

/* ---------- 搜尋結果標題 ---------- */
.search-heading,
h3.search-heading {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  border-bottom: 1px solid var(--elint-line) !important;
  padding-bottom: 12px !important;
}

/* ---------- 兩顆 tab：商品搜尋結果 / 文章搜尋結果 ---------- */
/* 選中：品牌紫實心 */
.corona-button.search-btn .qk-btn--primary,
.corona-button.search-btn button.qk-btn--primary {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  border: 1px solid var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
  transition: background .2s !important;
}
.corona-button.search-btn .qk-btn--primary:hover {
  background: var(--elint-ink) !important;
  background-color: var(--elint-ink) !important;
  border-color: var(--elint-ink) !important;
}
/* 未選：白底紫邊 */
.corona-button.search-btn .qk-btn--secondary,
.corona-button.search-btn button.qk-btn--secondary,
.corona-button.search-btn button.qk-btn--secondary.qk-bg--theme_bg {
  background: var(--elint-card) !important;
  background-color: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  color: var(--elint-ink) !important;
  border-radius: 999px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
  transition: color .2s, border-color .2s !important;
}
html body .corona-button.search-btn .qk-btn--secondary:hover,
html body .corona-button.search-btn button.qk-btn--secondary:hover,
html body .corona-button.search-btn button.qk-btn--secondary.qk-bg--theme_bg:hover {
  background: var(--elint-card) !important;
  background-color: var(--elint-card) !important;
  border-color: var(--elint-lav) !important;
  color: var(--elint-lav) !important;
}

/* ---------- 排序下拉 v-select · 膠囊 · 文字垂直置中 ---------- */
.corona-select.sort-select .vs__dropdown-toggle {
  border: 1px solid var(--elint-line) !important;
  border-radius: 999px !important;
  background: var(--elint-card) !important;
  padding: 0 16px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
}
.corona-select.sort-select .vs__selected-options {
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  flex: 1 !important;
}
.corona-select.sort-select .vs__selected {
  color: var(--elint-ink) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.corona-select.sort-select .vs__search {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}
.corona-select.sort-select .vs__actions {
  display: flex !important;
  align-items: center !important;
}
.corona-select.sort-select .qk-arrow {
  border-top-color: var(--elint-lav) !important;
  border-bottom-color: var(--elint-lav) !important;
}
.corona-select.sort-select .vs__dropdown-menu {
  border: 1px solid var(--elint-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(34, 29, 42, .12) !important;
  padding: 6px !important;
  margin-top: 6px !important;
}
.corona-select.sort-select .vs__dropdown-option {
  border-radius: 10px !important;
  padding: 8px 14px !important;
  color: var(--elint-ink) !important;
}
.corona-select.sort-select .vs__dropdown-option--highlight,
.corona-select.sort-select .vs__dropdown-option--selected {
  background: var(--elint-panel) !important;
  color: var(--elint-lav) !important;
}

/* ---------- 總數量文字 ---------- */
.total-count {
  color: var(--elint-ink2) !important;
}

/* ---------- 商品卡片 ---------- */
.result-container.products .item {
  padding: 8px !important;
}
.result-container .product {
  background: transparent !important;
}
.result-container .hover-image-container {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--elint-line) !important;
}

/* 快速加入購物車 icon 按鈕（hover 時出現在圖片上）*/
.add_to_cart_btn,
button.add_to_cart_btn,
button.add_to_cart_btn.add_to_cart_btn--lg {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  border: 1px solid var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  transition: background .2s !important;
}
.add_to_cart_btn:hover {
  background: var(--elint-ink) !important;
  background-color: var(--elint-ink) !important;
  border-color: var(--elint-ink) !important;
}
.add_to_cart_btn svg,
.add_to_cart_btn svg path {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* 商品標籤（粉紫 accent chip）→ 品牌紫 · 文字垂直置中 */
.product_slogan,
.product_slogan.qk-text--accent {
  color: var(--elint-lav) !important;
  border: 1px solid var(--elint-lav) !important;
  background: var(--elint-card) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  min-height: 28px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.product_slogan > span {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* 商品名 */
.product_title,
p.product_title {
  color: var(--elint-ink) !important;
  font-weight: 700 !important;
  transition: color .2s !important;
}
.result-container a:hover .product_title {
  color: var(--elint-lav) !important;
}

/* 價格 */
.product_price .money_tag,
.product_price .qk-text--price,
.product_price .money_tag.qk-text--price {
  color: var(--elint-lav) !important;
  font-weight: 800 !important;
}

/* 手機版加入購物車按鈕 · 橘 → 品牌紫 */
.btn.btn-cart.mobile-button,
button.btn.btn-cart.qk-btn--primary.mobile-button {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  border: 1px solid var(--elint-lav) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
.btn.btn-cart.mobile-button:hover {
  background: var(--elint-ink) !important;
  background-color: var(--elint-ink) !important;
  border-color: var(--elint-ink) !important;
}

/* ============================================================
   [12 PARTNER]  來源檔案：elint-partner.css
   ============================================================ */

/* ============================================================
   ELINT 經銷合作頁 B3
   URL: /pages/professional-partner
   ============================================================ */

/* ELINT PARTNER START */

/* 頁面容器 */
body:has(.elint-partner) #template {
  padding: 130px 0 0 !important;
  background: #EAE7E1 !important;
}
.elint-partner {
  font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;
  color: #211E24;
  line-height: 1.85;
}

/* ============ 通用容器 ============ */
.elint-partner .p-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============ Section 1：Hero ============ */
.elint-partner .p-hero {
  padding: 32px 0 64px;
}
.elint-partner .p-hero-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 48px;
  align-items: center;
}
.elint-partner .p-hero-copy .p-eyebrow {
  font-family: 'Noto Serif TC', serif;
  font-size: 26px;
  font-weight: 700;
  color: #211E24;
  margin: 0 0 8px;
}
.elint-partner .p-hero-copy .p-hero-title {
  font-family: 'Fraunces', 'Noto Serif TC', serif;
  font-size: 48px;
  font-weight: 400;
  color: #6E52B8;
  line-height: 1.15;
  margin: 0 0 32px;
  letter-spacing: -0.02em;
}
.elint-partner .p-hero-image {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #6E52B8;
  background: #EAE7E1 center/cover no-repeat;
  max-width: 380px;
  margin-left: auto;
}
.elint-partner .p-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ============ Section 2：Intro ============ */
.elint-partner .p-intro {
  padding: 32px 0 72px;
}
.elint-partner .p-intro h2 {
  font-family: 'Noto Serif TC', serif;
  font-size: 30px;
  font-weight: 700;
  color: #211E24;
  line-height: 1.4;
  margin: 0 0 24px;
  padding-bottom: 20px;
  border-bottom: 2px solid #6E52B8;
  max-width: 900px;
}
.elint-partner .p-intro p {
  font-size: 16px;
  color: #4A4550;
  line-height: 1.95;
  margin: 0 0 16px;
  max-width: 900px;
}

/* ============ Section 3：Grow Together ============ */
.elint-partner .p-grow {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 48px;
  margin: 0 auto 72px;
  max-width: 1120px;
  border: 1px solid #DBD6CE;
}
.elint-partner .p-grow-head {
  border-left: 4px solid #6E52B8;
  border-top: 4px solid #6E52B8;
  padding: 16px 24px;
  margin: 0 0 40px;
  display: inline-block;
}
.elint-partner .p-grow-head h2 {
  font-family: 'Fraunces', serif;
  font-size: 40px;
  font-weight: 400;
  color: #6E52B8;
  margin: 0 0 4px;
  letter-spacing: -0.02em;
}
.elint-partner .p-grow-head p {
  font-family: 'Noto Serif TC', serif;
  font-size: 16px;
  font-weight: 700;
  color: #211E24;
  margin: 0;
}
.elint-partner .p-grow-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.elint-partner .p-grow-card {
  background: #F6F3ED;
  border-radius: 16px;
  padding: 32px;
}
.elint-partner .p-grow-card-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid #6E52B8;
  margin: 0 0 20px;
}
.elint-partner .p-grow-card-title .num {
  font-family: 'Fraunces', serif;
  font-size: 32px;
  color: #6E52B8;
  font-weight: 400;
}
.elint-partner .p-grow-card-title .txt {
  font-family: 'Noto Serif TC', serif;
  font-size: 22px;
  font-weight: 700;
  color: #211E24;
}
.elint-partner .p-grow-card p {
  color: #4A4550;
  font-size: 15px;
  line-height: 1.9;
  margin: 0 0 16px;
}
.elint-partner .p-grow-card p:last-child { margin-bottom: 0; }

/* ============ Section 4：Trusted Partnership（紫色 pill 標題）============ */
.elint-partner .p-trust {
  background: #F3EFF9;
  padding: 64px 0;
  margin: 0 0 72px;
}
.elint-partner .p-trust-head {
  background: #6E52B8;
  color: #FFFFFF;
  padding: 20px 40px;
  border-radius: 20px;
  display: inline-block;
  margin: 0 0 40px;
}
.elint-partner .p-trust-head .p-eyebrow-en {
  font-family: 'Fraunces', serif;
  font-size: 15px;
  color: #FFFFFF;
  opacity: 0.85;
  margin: 0 0 6px;
  font-weight: 400;
}
.elint-partner .p-trust-head h2 {
  font-family: 'Noto Serif TC', serif;
  font-size: 32px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}
.elint-partner .p-trust-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  border-top: 1px solid #C7B4FF;
  padding-top: 32px;
}
.elint-partner .p-trust-body-col p {
  color: #4A4550;
  font-size: 15.5px;
  line-height: 1.9;
  margin: 0 0 16px;
}
.elint-partner .p-trust-mail,
.elint-partner .p-trust-line {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 0 20px !important;
  height: 60px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  width: 100% !important;
  max-width: 420px !important;
  transition: background .2s, color .2s !important;
  box-sizing: border-box !important;
}
.elint-partner .p-trust-mail {
  background: #FFFFFF !important;
  color: #211E24 !important;
  margin-top: 20px !important;
}
.elint-partner .p-trust-mail:hover {
  background: #F3EFF9 !important;
  color: #6E52B8 !important;
}
.elint-partner .p-trust-mail-addr {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: inherit;
}
.elint-partner .p-trust-mail-icon {
  color: #6E52B8;
  font-size: 20px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto;
}
.elint-partner .p-trust-line {
  background: #06C755 !important;
  color: #FFFFFF !important;
  margin-top: 16px !important;
}
.elint-partner .p-trust-line:hover {
  background: #05A548 !important;
  color: #FFFFFF !important;
}
/* 全站統一 LINE 按鈕內 icon：白圓 + 綠色 LINE 三個字母 */
.p-trust-line-icon,
.elint-footer-social.line-icon,
.elint-line-icon {
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FFFFFF !important;
  color: #06C755 !important;
  border-radius: 50% !important;
  font-family: 'Noto Sans TC', sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.5px !important;
  flex: 0 0 auto !important;
}

/* ============ Section 5：合作流程 4 step ============ */
.elint-partner .p-flow {
  padding: 32px 0 72px;
  text-align: center;
}
.elint-partner .p-flow h2 {
  font-family: 'Noto Serif TC', serif;
  font-size: 36px;
  font-weight: 700;
  color: #6E52B8;
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: 3px solid #6E52B8;
  margin: 0 0 12px;
}
.elint-partner .p-flow-subtitle {
  font-family: 'Fraunces', serif;
  font-size: 20px;
  color: #211E24;
  margin: 0 0 40px;
  font-weight: 400;
}
.elint-partner .p-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.elint-partner .p-step-card {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 24px;
  text-align: left;
  border-top: 4px solid #6E52B8;
  transition: transform .2s;
}
.elint-partner .p-step-card:hover { transform: translateY(-4px); }
.elint-partner .p-step-card img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 20px;
}
.elint-partner .p-step-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #DBD6CE;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.elint-partner .p-step-card-num {
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-size: 28px;
  color: #6E52B8;
}
.elint-partner .p-step-card-title {
  font-family: 'Noto Serif TC', serif;
  font-size: 18px;
  font-weight: 700;
  color: #211E24;
}
.elint-partner .p-step-card p {
  font-size: 14.5px;
  color: #4A4550;
  line-height: 1.85;
  margin: 0;
}

/* ============ Section 6：攜手共創佳績 ============ */
.elint-partner .p-close {
  padding: 32px 0 72px;
}
.elint-partner .p-close h2 {
  font-family: 'Noto Serif TC', serif;
  font-size: 32px;
  font-weight: 700;
  color: #6E52B8;
  border-bottom: 3px solid #6E52B8;
  display: inline-block;
  padding-bottom: 6px;
  margin: 0 0 24px;
}
.elint-partner .p-close p {
  color: #4A4550;
  font-size: 16px;
  line-height: 2;
  margin: 0 0 12px;
  max-width: 800px;
}

/* ============ Section 7：診所 LINE 跑馬燈 ============ */
.elint-partner .p-marquee {
  background: #FFFFFF;
  padding: 32px 0;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid #DBD6CE;
  border-bottom: 1px solid #DBD6CE;
}
.elint-partner .p-marquee-label {
  text-align: center;
  color: #8B8590;
  font-size: 13px;
  letter-spacing: 0.15em;
  margin-bottom: 16px;
}
.elint-partner .p-marquee-track {
  display: flex;
  gap: 48px;
  animation: partnerMarquee 40s linear infinite;
  width: max-content;
  align-items: center;
}
.elint-partner .p-marquee:hover .p-marquee-track {
  animation-play-state: paused;
}
.elint-partner .p-marquee-item {
  flex: 0 0 auto;
  font-family: 'Noto Serif TC', serif;
  font-size: 22px;
  font-weight: 700;
  color: #211E24;
  padding: 0 24px;
  border-right: 1px solid #DBD6CE;
  white-space: nowrap;
}
.elint-partner .p-marquee-item:last-child { border-right: 0; }
@keyframes partnerMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ============ RWD ============ */
@media (max-width: 900px) {
  .elint-partner .p-hero-inner,
  .elint-partner .p-grow-grid,
  .elint-partner .p-trust-body {
    grid-template-columns: 1fr !important;
  }
  .elint-partner .p-hero-copy .p-hero-title { font-size: 34px; }
  .elint-partner .p-grow { padding: 32px 24px; }
  .elint-partner .p-flow-grid { grid-template-columns: 1fr 1fr; }
  .elint-partner .p-hero-image { max-width: 280px; margin: 0 auto; }
}
@media (max-width: 560px) {
  .elint-partner .p-flow-grid { grid-template-columns: 1fr; }
  .elint-partner .p-grow-head h2 { font-size: 30px; }
  .elint-partner .p-trust-head h2 { font-size: 22px; }
  .elint-partner .p-marquee-item { font-size: 17px; padding: 0 16px; }
}

/* ELINT PARTNER END */

/* mailto link 樣式：外觀不變、hover 底線 */
.elint-partner a.p-trust-mail-addr {
  text-decoration: none !important;
  color: #211E24 !important;
  cursor: pointer;
}
.elint-partner a.p-trust-mail-addr:hover {
  color: #6E52B8 !important;
  text-decoration: underline !important;
}

/* ============================================================
   [13 POLICIES]  來源檔案：elint-policies.css
   ============================================================ */

/* ============================================================
   ELINT 政策頁樣式（B4: 服務條款 / 隱私政策 / 退款政策）
   URL: /pages/terms, /pages/privacy, /pages/refund
   只換底色 + 字體，不動間距結構
   ============================================================ */

/* ELINT POLICIES START */

/* 頁面容器 */
body:has(#template .custom-page-content),
body:has(#template .page-content),
body[class*="pages-terms"] #template,
body[class*="pages-privacy"] #template,
body[class*="pages-refund"] #template,
body[class*="page-terms"] #template,
body[class*="page-privacy"] #template,
body[class*="page-refund"] #template {
  background: #EAE7E1 !important;
  padding-top: 130px !important;
}

/* 內文容器：白卡片包起來、置中、限制寬度 */
html body #template .custom-page-content,
html body #template .page-content,
html body #template article.page,
html body #template .qk-container > .content {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 40px 24px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #211E24 !important;
  font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
  letter-spacing: 0.01em !important;
}

/* 標題層級 */
html body #template .custom-page-content h1,
html body #template .page-content h1 {
  color: #211E24 !important;
  font-family: 'Noto Serif TC', Cambria, serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  margin: 0 0 24px !important;
  letter-spacing: 0.02em !important;
}

/* 「｜付款方式」這種橘色小標 → 品牌紫 */
html body #template .custom-page-content h2,
html body #template .custom-page-content h3,
html body #template .page-content h2,
html body #template .page-content h3,
html body #template .custom-page-content strong[style*="color"],
html body #template .custom-page-content span[style*="color: rgb(243"],
html body #template .custom-page-content span[style*="color:#f37"],
html body #template .custom-page-content span[style*="color:#F37"],
html body #template .page-content strong[style*="color"],
html body #template .page-content span[style*="color: rgb(243"] {
  color: #6E52B8 !important;
  font-family: 'Noto Serif TC', Cambria, serif !important;
  font-weight: 700 !important;
}
html body #template .custom-page-content h2,
html body #template .page-content h2 {
  font-size: 20px !important;
  margin: 36px 0 12px !important;
  padding-left: 12px !important;
  border-left: 3px solid #6E52B8 !important;
}
html body #template .custom-page-content h3,
html body #template .page-content h3 {
  font-size: 17px !important;
  margin: 24px 0 8px !important;
}

/* 段落 */
html body #template .custom-page-content p,
html body #template .page-content p {
  color: #4A4550 !important;
  margin: 0 0 12px !important;
  font-family: 'Noto Sans TC', 'PingFang TC', sans-serif !important;
  line-height: 1.85 !important;
}

/* 列表 */
html body #template .custom-page-content ol,
html body #template .custom-page-content ul,
html body #template .page-content ol,
html body #template .page-content ul {
  padding-left: 24px !important;
  margin: 0 0 16px !important;
  color: #4A4550 !important;
}
html body #template .custom-page-content li,
html body #template .page-content li {
  margin-bottom: 6px !important;
  line-height: 1.85 !important;
}

/* 連結 */
html body #template .custom-page-content a,
html body #template .page-content a {
  color: #6E52B8 !important;
  border-bottom: 1px solid #6E52B8 !important;
  text-decoration: none !important;
}
html body #template .custom-page-content a:hover,
html body #template .page-content a:hover {
  color: #503E7D !important;
  border-bottom-color: #503E7D !important;
}

/* 麵包屑（如有） */
html body #site_path {
  background: #EAE7E1 !important;
  border-bottom: none !important;
}
html body #site_path .breadcrumb .breadcrumb-item a,
html body #site_path .breadcrumb .breadcrumb-item span {
  color: #211E24 !important;
}

/* ELINT POLICIES END */

/* ============================================================
   [14 BLOG LIST]  來源檔案：elint-blog.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz 專欄 · 列表頁 + 文章詳情頁 (C1-C3) · v2
   已對照實際 DOM：#all_blogs_title / .blogs_group .container /
   #blog_articles.blog_articles.row / .article / .article_image /
   .article_title h2 / .article_date / .article_content /
   .article_readmore a
   ============================================================ */

:root {
  --elint-paper: #EAE7E1;
  --elint-panel: #F2F0EA;
  --elint-card: #FFFFFF;
  --elint-ink: #211E24;
  --elint-ink2: #57515F;
  --elint-muted: #8B8590;
  --elint-lav: #6E52B8;
  --elint-lav-d: #503E7D;
  --elint-line: #DBD6CE;
}

/* ---------- 全頁底色 ---------- */
html, html body, body,
body #template, #template {
  background: var(--elint-paper) !important;
  background-color: var(--elint-paper) !important;
  --theme_bg: var(--elint-paper) !important;
}

/* ---------- 麵包屑當前頁 ---------- */
.breadcrumb-item.active a {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
}

/* ---------- 頂部分類 tab 列 ---------- */
#all_blogs_title {
  padding: 32px 0 24px !important;
  border-bottom: 1px solid var(--elint-line) !important;
  margin-bottom: 40px !important;
  background: transparent !important;
}
#all_blogs_title .blog_title .section-heading {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  text-align: center !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
}
#all_blogs_title .blogs_group,
#all_blogs_title .blogs_group .container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 16px !important;
  max-width: 100% !important;
}
#all_blogs_title .blogs_group a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 18px !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 999px !important;
  background: var(--elint-card) !important;
  color: var(--elint-ink) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: color .2s, border-color .2s, background .2s !important;
}
#all_blogs_title .blogs_group a:hover {
  border-color: var(--elint-lav) !important;
  color: var(--elint-lav) !important;
  background: var(--elint-card) !important;
}

/* ---------- 專欄列表主標題（｜精選必看｜）---------- */
#blog .blog_title h1.section-heading {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  padding: 0 0 14px !important;
  margin: 0 0 32px !important;
  border: 0 !important;
  border-bottom: 2px solid var(--elint-lav) !important;
  display: inline-block !important;
}

/* ---------- 文章 grid ---------- */
#blog_articles.blog_articles.row {
  margin: 0 -12px !important;
}
#blog_articles > .col-12,
#blog_articles > [class*="col-"] {
  padding: 0 12px !important;
  margin-bottom: 24px !important;
}

/* ---------- 文章卡片 ---------- */
html body .blog_articles .article {
  background: var(--elint-card) !important;
  background-color: var(--elint-card) !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 2px 8px rgba(34, 29, 42, .04) !important;
  transition: box-shadow .2s, transform .2s !important;
}
html body .blog_articles .article:hover {
  box-shadow: 0 12px 32px rgba(34, 29, 42, .10) !important;
  transform: translateY(-4px) !important;
}

/* 文章圖片 */
.blog_articles .article .article_image {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.blog_articles .article .article_image a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  transition: transform .3s !important;
}
.blog_articles .article:hover .article_image a {
  transform: scale(1.04) !important;
}

/* 內文區內距 */
.blog_articles .article .article_title,
.blog_articles .article .article_date,
.blog_articles .article .article_content,
.blog_articles .article .article_readmore {
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.blog_articles .article .article_title {
  padding-top: 20px !important;
  margin-top: 0 !important;
}

/* 文章標題 */
.blog_articles .article .article_title a {
  text-decoration: none !important;
  color: var(--elint-ink) !important;
  display: block !important;
}
.blog_articles .article .article_title h2 {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: color .2s !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.blog_articles .article .article_title a:hover h2 {
  color: var(--elint-lav) !important;
}

/* 日期 · ELINT | 2026-07-23 */
.blog_articles .article .article_date {
  color: var(--elint-muted) !important;
  font-size: 12.5px !important;
  margin: 10px 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  letter-spacing: 0.04em !important;
  font-weight: 500 !important;
}

/* 內文摘要 */
.blog_articles .article .article_content,
.blog_articles .article .article_content .hidden-sm,
.blog_articles .article .article_content .visible-sm {
  color: var(--elint-ink2) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}
.blog_articles .article .article_content {
  margin: 0 0 12px !important;
  flex: 1 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* 閱讀更多 */
.blog_articles .article .article_readmore {
  padding-bottom: 20px !important;
  padding-top: 4px !important;
  margin: 0 !important;
}
.blog_articles .article .article_readmore a {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color .2s !important;
  font-size: 13.5px !important;
}
.blog_articles .article .article_readmore a:hover {
  color: var(--elint-lav-d) !important;
}

/* ---------- 分頁 ---------- */
.pagination, #blog .pagination {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 40px 0 !important;
  list-style: none !important;
}
.pagination li a, .pagination li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid var(--elint-line) !important;
  border-radius: 999px !important;
  color: var(--elint-ink) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  background: var(--elint-card) !important;
  transition: border-color .2s, color .2s !important;
}
.pagination li a:hover {
  border-color: var(--elint-lav) !important;
  color: var(--elint-lav) !important;
}
.pagination li.active a, .pagination li.active span {
  background: var(--elint-lav) !important;
  border-color: var(--elint-lav) !important;
  color: #FFFFFF !important;
}

/* ---------- 選中相關文章（selected_blog）---------- */
#selected_blog {
  margin-top: 60px !important;
  padding-top: 40px !important;
  border-top: 1px solid var(--elint-line) !important;
}
#selected_blog .blog_title .section-heading {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  margin-bottom: 24px !important;
}

/* ---------- 文章詳情頁 ---------- */
#article, .article-page, .blog-single {
  background: transparent !important;
  padding: 40px 0 !important;
}
#article h1, .article-page h1, .blog-single h1,
#article .article-title {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 30px !important;
  line-height: 1.4 !important;
  margin: 24px 0 12px !important;
}
#article .article-meta, #article .article_cat, #article .article_date {
  color: var(--elint-muted) !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
}
#article .article-meta .cat {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
}
#article .article-image, .article-page .article-image {
  border-radius: 20px !important;
  overflow: hidden !important;
  margin: 20px 0 32px !important;
}
#article .article-body, .article-page .content,
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor), .article-content .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) {
  color: var(--elint-ink) !important;
  font-size: 15.5px !important;
  line-height: 1.9 !important;
}
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) h2, #article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) h3 {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  margin: 32px 0 14px !important;
}
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) h2 {
  font-size: 22px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--elint-lav) !important;
  display: inline-block !important;
}
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) h3 {
  font-size: 18px !important;
  color: var(--elint-lav) !important;
}
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) a, .article-content .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) a {
  color: var(--elint-lav) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) a:hover {
  color: var(--elint-lav-d) !important;
}
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) blockquote {
  border-left: 3px solid var(--elint-lav) !important;
  background: var(--elint-panel) !important;
  padding: 16px 20px !important;
  margin: 20px 0 !important;
  color: var(--elint-ink2) !important;
  border-radius: 8px !important;
}
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) img {
  border-radius: 12px !important;
  margin: 16px 0 !important;
  max-width: 100% !important;
  height: auto !important;
}

/* ============================================================
   [15 BLOG DETAIL]  來源檔案：elint-blog-article.css
   ============================================================ */

/* ============================================================
   ELINT × CyberBiz · 專欄文章詳情頁（C3）
   -----------------------------------------------------------
   風格：米色底 + 品牌紫暈染背景 + 半透明磨砂玻璃卡片
   對照首頁 hero / bento / 診所卡的 glassmorphism 語彙
   ============================================================ */

:root {
  --elint-paper: #EAE7E1;
  --elint-panel: #F2F0EA;
  --elint-card: #FFFFFF;
  --elint-ink: #211E24;
  --elint-ink2: #57515F;
  --elint-muted: #8B8590;
  --elint-lav: #6E52B8;
  --elint-lav-d: #503E7D;
  --elint-lav-l: rgba(110, 82, 184, 0.10);
  --elint-line: #DBD6CE;
  --elint-glass-bg: rgba(255, 255, 255, 0.55);
  --elint-glass-bg-strong: rgba(255, 255, 255, 0.72);
  --elint-glass-border: rgba(255, 255, 255, 0.55);
  --elint-glass-shadow: 0 20px 60px rgba(34, 29, 42, 0.10),
                       0 4px 16px rgba(34, 29, 42, 0.06),
                       inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* ---------- 全頁底色 + 裝飾暈染（為玻璃效果提供襯底）---------- */
html, html body, body,
body #template, #template {
  background: var(--elint-paper) !important;
  background-color: var(--elint-paper) !important;
  --theme_bg: var(--elint-paper) !important;
  position: relative !important;
}


/* ---------- 麵包屑 ---------- */
.breadcrumb {
  background: transparent !important;
  padding: 20px 0 8px !important;
}
.breadcrumb-item a {
  color: var(--elint-ink2) !important;
  text-decoration: none !important;
}
.breadcrumb-item a:hover {
  color: var(--elint-lav) !important;
}
.breadcrumb-item.active a,
.breadcrumb-item.active {
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--elint-muted) !important;
}

/* ============================================================
   主要文章卡片（磨砂玻璃）
   涵蓋兩套 CyberBiz 常見 class 命名
   ============================================================ */
#article,
.blog-single,
.article-page,
.blog .container .article,
.container .article-container {
  background: var(--elint-glass-bg) !important;
  background-color: var(--elint-glass-bg) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  border: 1px solid var(--elint-glass-border) !important;
  border-radius: 28px !important;
  padding: 48px 56px !important;
  margin: 24px auto 40px !important;
  max-width: 900px !important;
  box-shadow: var(--elint-glass-shadow) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 頂部光帶（幫玻璃感加分） */
#article::before,
.blog-single::before,
.article-page::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 10% !important;
  right: 10% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent) !important;
  pointer-events: none !important;
}

/* ---------- 文章 H1 ---------- */
#article h1,
.blog-single h1,
.article-page h1,
#article .article-title,
.article .article-title,
h1.article-title {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: clamp(24px, 3.4vw, 34px) !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
}

/* ---------- 作者 / 日期 meta ---------- */
#article .article-info,
#article .article-meta,
.article-page .article-info,
#article > p:first-of-type,
.blog-single .meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--elint-muted) !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  margin: 0 0 32px !important;
  padding: 6px 14px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 999px !important;
}

/* ---------- 封面圖 ---------- */
#article > img:first-of-type,
#article .article-image img,
.article-page .article-image img,
.blog-single .article-cover img,
#article figure:first-of-type img,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) > p:first-of-type img {
  border-radius: 20px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 32px !important;
  box-shadow: 0 12px 32px rgba(34, 29, 42, 0.12) !important;
}

/* ============================================================
   文章內文（.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) 或裸 markdown 內容）
   ============================================================ */
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor),
.article-content .ckeditor:not(:has(.elint-page)):not(#product .ckeditor),
.blog-single .body,
#article > *:not(h1):not(.article-info):not(.article-meta):not(.article-tags) {
  color: var(--elint-ink) !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
}

/* 段落 */
#article p,
.blog-single p,
.article-page p,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) p {
  color: var(--elint-ink) !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
  margin: 0 0 18px !important;
}

/* H2 · 小節標題 */
#article h2,
.blog-single h2,
.article-page h2,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) h2 {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  margin: 44px 0 16px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 2px solid var(--elint-lav) !important;
  display: inline-block !important;
  position: relative !important;
}

/* H3 · 產品/成分子標題 */
#article h3,
.blog-single h3,
.article-page h3,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) h3 {
  color: var(--elint-lav-d) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  margin: 32px 0 12px !important;
  padding: 10px 16px !important;
  background: var(--elint-lav-l) !important;
  border-left: 3px solid var(--elint-lav) !important;
  border-radius: 0 12px 12px 0 !important;
}

/* 連結 */
#article a,
.blog-single a,
.article-page a,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) a {
  color: var(--elint-lav) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  font-weight: 600 !important;
  transition: color .2s !important;
}
#article a:hover,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) a:hover {
  color: var(--elint-lav-d) !important;
}

/* 強調 · 粗體 */
#article strong,
.blog-single strong,
.article-page strong,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) strong {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  background: linear-gradient(180deg, transparent 60%, rgba(110, 82, 184, 0.15) 60%) !important;
  padding: 0 2px !important;
}

/* 列表 */
#article ul, #article ol,
.blog-single ul, .blog-single ol,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) ul, .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) ol {
  padding-left: 24px !important;
  margin: 0 0 20px !important;
}
#article li,
.blog-single li,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) li {
  color: var(--elint-ink) !important;
  line-height: 1.9 !important;
  margin-bottom: 6px !important;
}
#article ul li::marker,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) ul li::marker {
  color: var(--elint-lav) !important;
}

/* 引用 · 底部備註區塊 */
#article blockquote,
.blog-single blockquote,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) blockquote {
  border: 0 !important;
  border-left: 3px solid var(--elint-lav) !important;
  background: rgba(255, 255, 255, 0.5) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  padding: 18px 22px !important;
  margin: 24px 0 !important;
  color: var(--elint-ink2) !important;
  border-radius: 0 14px 14px 0 !important;
  font-style: normal !important;
}

/* 內文圖片 */
#article .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) img,
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) img,
#article img:not(:first-of-type) {
  border-radius: 14px !important;
  margin: 16px auto !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  box-shadow: 0 8px 24px rgba(34, 29, 42, 0.10) !important;
}

/* 快速跳段 · 目錄型連結區塊（例如「快速跳到你想看的」下方那排連結） */
#article p a[href^="#"],
.ckeditor:not(:has(.elint-page)):not(#product .ckeditor) p a[href^="#"] {
  display: inline-block !important;
  padding: 6px 14px !important;
  margin: 4px 6px 4px 0 !important;
  background: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid var(--elint-lav) !important;
  border-radius: 999px !important;
  color: var(--elint-lav) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: background .2s, color .2s !important;
}
#article p a[href^="#"]:hover {
  background: var(--elint-lav) !important;
  color: #FFFFFF !important;
}

/* ============================================================
   文章底部：文章分類 tag 列
   ============================================================ */
#article .article-tags,
.article-tags,
.blog-single .tags,
#article > p:last-of-type {
  margin-top: 40px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(219, 214, 206, 0.6) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}
.article-tags::before,
.article-tags > span:first-child {
  content: '文章分類' !important;
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  margin-right: 8px !important;
}
.article-tags a,
#article .article-tags a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 12px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(219, 214, 206, 0.8) !important;
  border-radius: 999px !important;
  color: var(--elint-ink2) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color .2s, border-color .2s !important;
}
.article-tags a:hover,
#article .article-tags a:hover {
  color: var(--elint-lav) !important;
  border-color: var(--elint-lav) !important;
  background: rgba(255, 255, 255, 0.75) !important;
}

/* ============================================================
   側邊欄（所有文章主題 / 文章分類 / 最新文章）· 磨砂玻璃小卡
   ============================================================ */
#blog aside,
#blog .sidebar,
.blog-sidebar,
.article-page-sidebar,
#article + .sidebar,
.blog #all_blogs_title.sidebar,
.blog .tag-cloud,
.blog .latest-articles {
  background: var(--elint-glass-bg-strong) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  border: 1px solid var(--elint-glass-border) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--elint-glass-shadow) !important;
}

/* 側欄標題 */
#blog aside h3, #blog .sidebar h3,
.blog-sidebar h3, .blog-sidebar .section-heading,
.blog aside .section-heading,
.blog .tag-cloud h3, .blog .latest-articles h3,
#all_blogs_title .section-heading {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(219, 214, 206, 0.7) !important;
}

/* 側欄「所有文章主題」的 7 個 tab（若也在此頁）*/
#all_blogs_title.sidebar .blogs_group,
.blog aside #all_blogs_title .blogs_group,
.blog aside .blogs_group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 !important;
}
#all_blogs_title.sidebar .blogs_group a,
.blog aside .blogs_group a {
  display: block !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--elint-ink) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transition: background .2s, color .2s !important;
}
#all_blogs_title.sidebar .blogs_group a:hover,
.blog aside .blogs_group a:hover {
  background: var(--elint-lav-l) !important;
  color: var(--elint-lav) !important;
}

/* 側欄 · 文章分類 tag cloud */
.tag-cloud a,
.blog .tag-cloud a,
.tags-cloud a {
  display: inline-block !important;
  padding: 4px 10px !important;
  margin: 3px 3px 3px 0 !important;
  border: 1px solid rgba(219, 214, 206, 0.7) !important;
  border-radius: 999px !important;
  color: var(--elint-ink2) !important;
  font-size: 12px !important;
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.4) !important;
  transition: color .2s, border-color .2s !important;
}
.tag-cloud a:hover,
.tags-cloud a:hover {
  color: var(--elint-lav) !important;
  border-color: var(--elint-lav) !important;
}

/* 側欄 · 最新文章 5 篇（有數字前綴） */
.latest-articles ol,
.latest-articles ul,
.blog .latest-articles ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.latest-articles a,
.blog .latest-articles a {
  display: block !important;
  padding: 10px 0 !important;
  border-bottom: 1px dashed rgba(219, 214, 206, 0.7) !important;
  color: var(--elint-ink) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.latest-articles a:hover {
  color: var(--elint-lav) !important;
}
.latest-articles li:last-child a {
  border-bottom: 0 !important;
}

/* ---------- 響應式 · 平板/手機 ---------- */
@media (max-width: 991px) {
  #article, .blog-single, .article-page {
    max-width: 100% !important;
    margin: 16px !important;
    padding: 32px 24px !important;
    border-radius: 22px !important;
  }
  #article h2, .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) h2 { font-size: 20px !important; }
  #article h3, .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) h3 { font-size: 16.5px !important; }
  #article p, .ckeditor:not(:has(.elint-page)):not(#product .ckeditor) p { font-size: 15px !important; }
}
@media (max-width: 640px) {
  #article, .blog-single, .article-page {
    margin: 12px !important;
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }
  #article h1, .article-title { font-size: 22px !important; }
}


/* ============================================================
   [16 404 頁 F1]
   ============================================================
   注意：404 頁還需要 JS 動態插入「404」「Oops! Page not found」
   兩段文字 + 按鈕 hover + 按鈕寬度對齊。
   JS 部分部署到 theme.liquid 底部（見 ELINT-第一階段-進度總結.md）
   ============================================================ */

[id="404"] {
  min-height: calc(100vh - 300px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 80px 24px !important;
  background: var(--elint-paper) !important;
}
[id="404"] .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  max-width: 640px !important;
  padding: 0 !important;
}
[id="404"] .error_img,
[id="404"] .error_img img,
[id="404"] .img-flex { display: none !important; }
[id="404"] .elint-404-hero {
  color: var(--elint-ink) !important;
  font-weight: 800 !important;
  font-size: clamp(120px, 20vw, 220px) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  font-family: var(--elint-font-serif) !important;
  margin: 0 0 8px !important;
}
[id="404"] .elint-404-sub {
  color: var(--elint-ink) !important;
  font-weight: 600 !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 40px !important;
}
[id="404"] .elint-404-msg,
[id="404"] .error_msg .qk-text--heading {
  color: var(--elint-ink) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 0 32px !important;
  padding: 0 !important;
  letter-spacing: 0.02em !important;
}
[id="404"] .error_msg {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  background: transparent !important;
}
[id="404"] .elint-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
  min-height: 48px !important;
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  background-image: none !important;
  border: 1.5px solid var(--elint-lav) !important;
  border-radius: var(--elint-r-pill) !important;
  color: var(--elint-white) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.06em !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background .2s, border-color .2s !important;
}


/* ============================================================
   [FIX 2026-09-08] 強制隱藏 body/#template 的紫暈染 pseudo element
   ============================================================ */
body #template::before,
body #template::after,
body::before, body::after,
#template::before, #template::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}
#elint-deco-layer { display: none !important; }

/* ===== ELINT HEADER PATCH · 磨砂玻璃版 (2026-10-19 v2) ===== */
/* 1) 灰色／黑色透出的真正原因：全站為了消除 footer 下方空白，把 html 與 body 都設成黑色。
      Header 半透明時，後方的黑色就透出來，變成灰色。
      做法：html 保持黑色（footer 下方不會有空白），body 自己改透明，
      再在 header 後方墊一層固定的米色，玻璃效果只會模糊米色與捲動的內容。 */
html body,
html body:has(.elint-footer-full),
html body:has(#footer) {
  background: transparent !important;
  background-color: transparent !important;
}
html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 180px;
  background: #EAE7E1;
  z-index: -1;
  pointer-events: none;
}

/* 2) Header 外層：半透明磨砂玻璃 */
html body #header {
  background: rgba(234, 231, 225, 0.72) !important;
  background-color: rgba(234, 231, 225, 0.72) !important;
  -webkit-backdrop-filter: saturate(1.4) blur(16px) !important;
  backdrop-filter: saturate(1.4) blur(16px) !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: 0 1px 0 rgba(33, 30, 36, 0.06) !important;
}

/* 3) 內層一律透明，避免各自疊底色形成淺色矩形 */
html body #header > .header_top,
html body #header > .computer_nav,
html body #header .mobile-nav,
html body #header .row_nav,
html body #header .header_top > div,
html body #header .header_logo {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body #header::before,
html body #header::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* 4) 快速向上捲動的黑線：關閉頁面上下回彈 */
html,
html body {
  overscroll-behavior-y: none !important;
}
html body #template,
html body #site_path {
  background-color: #EAE7E1 !important;
}
/* ===== /ELINT HEADER PATCH ===== */


/* ============================================================
   [3  FOOTER]  只改底色：保留 CyberBiz 原版 footer，底色改純黑
   ============================================================ */
:root { --footer_bg: #000000 !important; }
html { background: #000000 !important; background-color: #000000 !important; }
html body #footer,
html body #footer .copyright,
html body footer {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* ===== footer：隱藏 CyberBiz 原生四欄內容（改由 theme.liquid 腳本插入的 .elint-fx 取代）===== */
html body #footer > .qk-container {
  display: none !important;
}
html body #footer .copyright,
html body #footer .copyright a {
  color: rgba(255, 255, 255, 0.7) !important;
  text-decoration: none !important;
}

/* ===== 自訂頁面（.elint-page）底部與 footer 之間的 24px 空隙 =====
   原因：.page_content::after 是 inline-block 的 clearfix，會多出一行 24px 的空白行 */
html body .page_content:has(.elint-page)::after {
  display: none !important;
}

/* ===== 幣別按鈕：只留內圈框（.setting），外層 li 在任何狀態都不要框 =====
   切換語言／幣別、關閉彈窗後，主題會替外層 li（qk-btn / qk-bd--nav_menu_icon）加上邊框或外框 */
html body .tool-nav li.i18n-selector,
html body .tool-nav li.i18n-selector:hover,
html body .tool-nav li.i18n-selector:focus,
html body .tool-nav li.i18n-selector:focus-within,
html body .tool-nav li.i18n-selector:active,
html body .tool-nav li.i18n-selector.active,
html body .tool-nav li.i18n-selector.open,
html body .tool-nav li.i18n-selector.show {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html body .tool-nav li.i18n-selector::before,
html body .tool-nav li.i18n-selector::after {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
html body .tool-nav li.i18n-selector .setting:focus,
html body .tool-nav li.i18n-selector .setting:focus-visible,
html body .tool-nav li.i18n-selector .setting:active {
  outline: 0 !important;
  box-shadow: none !important;
}

/* ===== 商品卡 hover 出現的圓形購物車按鈕（桌機）：圖示一律白色、固定尺寸 =====
   原因：主題規則 .hover-add-to-cart-btn--primary svg { color: var(--button) !important }
   讓圖示變成深紫，疊在紫色圓鈕上看不見；svg 在 flex 容器裡也可能被壓成 0 寬 */
html body .hover-add-to-cart-btn,
html body .hover-add-to-cart-btn--primary {
  background: var(--elint-lav) !important;
  background-color: var(--elint-lav) !important;
  border-color: var(--elint-lav) !important;
  color: #FFFFFF !important;
}
html body .hover-add-to-cart-btn:hover,
html body .hover-add-to-cart-btn--primary:hover {
  background: var(--elint-ink) !important;
  background-color: var(--elint-ink) !important;
  border-color: var(--elint-ink) !important;
}
html body .hover-add-to-cart-btn svg,
html body .hover-add-to-cart-btn--primary svg,
html body .hover-add-to-cart-btn svg path {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}
html body .hover-add-to-cart-btn svg,
html body .hover-add-to-cart-btn--primary svg {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: block !important;
}

/* ============================================================
   手機側邊選單可捲動：平台預設 overflow:hidden，選單展開後底部的
   「語系｜貨幣」按鈕被擠到畫面外、捲不到而無法點擊
   ============================================================ */
html body .drawer-nav {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}