/* ===== Hermana Header/Footer 2026-09-13 (白底 header + 深青綠 footer) ===== */
/* ---- Desktop Header: 白底 ---- */
.header.header-classic.module-header_desktop_classic-1037,
.module-header_desktop_classic-1037 .header-main,
.module-header_desktop_classic-1037 .header-secondary,
.module-header_desktop_classic-1037 .header-top {
  background-color: #ffffff !important;
}
/* Desktop header 文字/icon 深色 */
.module-header_desktop_classic-1037 .top-menu > li > a,
.module-header_desktop_classic-1037 .top-menu .top-menu-item > a,
.module-header_desktop_classic-1037 .header-cart .cart-label,
.module-header_desktop_classic-1037 a,
.module-header_desktop_classic-1037 .language-currency .dropdown-toggle {
  color: #2b2b2b !important;
}
/* Desktop search bar: 灰白底 + 深字 + 圓角 */
.module-header_desktop_classic-1037 .header-search,
.module-header_desktop_classic-1037 .search-input,
.module-header_desktop_classic-1037 input[name="search"] {
  background-color: #f4f4f0 !important;
  color: #2b2b2b !important;
  border-color: #e5e2db !important;
  border-radius: 24px !important;
}
.module-header_desktop_classic-1037 .header-search .btn,
.module-header_desktop_classic-1037 .header-search button,
.module-header_desktop_classic-1037 .search-button {
  color: #ffffff !important;
  background-color: #0f3a4a !important;
}
/* count badge 深青綠 */
.module-header_desktop_classic-1037 .count-badge {
  background-color: #0f3a4a !important;
  color: #ffffff !important;
}
.module-header_desktop_classic-1037 .fa-shopping-cart,
.module-header_desktop_classic-1037 .cart-icon {
  color: #0f3a4a !important;
  background: transparent !important;
}
/* Desktop menu hover/active */
.module-header_desktop_classic-1037 .main-menu > ul > li > a:hover,
.module-header_desktop_classic-1037 .main-menu > ul > li > a.active {
  color: #0f3a4a !important;
}
/* ---- Mobile Header: 白底 ---- */
.mobile-header.module-header_mobile_2-741,
.module-header_mobile_2-741 .mobile-bar,
.module-header_mobile_2-741 .mobile-menu-bar,
.module-header_mobile_2-741 .mobile-search-group,
.module-header_mobile_2-741 .mobile-cart-group {
  background-color: #ffffff !important;
}
.module-header_mobile_2-741 .mobile-bar a,
.module-header_mobile_2-741 .mobile-bar .menu-icon,
.module-header_mobile_2-741 .mobile-bar i,
.module-header_mobile_2-741 .mobile-wrapper-top-menu a {
  color: #2b2b2b !important;
}
/* Mobile search */
.module-header_mobile_2-741 input[name="search"] {
  background-color: #f4f4f0 !important;
  color: #2b2b2b !important;
  border-color: #e5e2db !important;
  border-radius: 20px !important;
}
/* mobile top bar (account 等) */
.module-header_mobile_2-741 .mobile-top-bar,
.module-header_mobile_2-741 .top-menu,
.module-header_mobile_2-741 .language-currency {
  background-color: #ffffff !important;
  color: #2b2b2b !important;
}
.module-header_mobile_2-741 .mobile-top-bar a,
.module-header_mobile_2-741 .mobile-top-bar .top-menu-item > a {
  color: #2b2b2b !important;
}
/* ---- Footer: 深青綠 + 白字 ---- */
footer,
footer .grid-rows,
footer .grid-row,
footer .row-bg,
footer .grid-cols-wrapper,
footer .grid-col {
  background-color: #0f3a4a !important;
}
footer,
footer a,
footer .footer-menu a,
footer .links-menu a,
footer .top-menu a,
footer .info, 
footer p,
footer h3,
footer h4,
footer .title {
  color: #ffffff !important;
}
footer a:hover {
  color: #b98a5e !important;
}
/* footer divider 香檳金微光 */
footer .grid-col {
  border-color: rgba(255,255,255,.12) !important;
}
/* 零碎 badge/span 防粉紅 */
footer .count-badge,
footer span[style*="255, 141"], footer span[style*="255,126"] {
  background-color: #b98a5e !important;
}

/* ===== Mobile search bar 轉色 (2026-09-13 #2) ===== */
.module-header_mobile_2-741 .mobile-search-group,
.module-header_mobile_2-741 .mobile-search-group .mobile-search-wrapper,
.module-header_mobile_2-741 .mobile-search-wrapper,
.module-header_mobile_2-741 .mobile-search-group.full-search,
.module-header_mobile_2-741 .mobile-search-group .full-search {
  background-color: #ffffff !important;
}
.module-header_mobile_2-741 .mobile-search-group .header-search,
.module-header_mobile_2-741 .mobile-search-group .search-input {
  background-color: #f4f4f0 !important;
  color: #2b2b2b !important;
  border-radius: 24px !important;
  border-color: #e5e2db !important;
}
.module-header_mobile_2-741 .mobile-search-group .search-button,
.module-header_mobile_2-741 .mobile-search-group button.search-button {
  color: #0f3a4a !important;
  background-color: transparent !important;
}
.module-header_mobile_2-741 .mobile-search-group .search-trigger .menu-icon,
.module-header_mobile_2-741 .mobile-search-group .search-trigger {
  color: #0f3a4a !important;
}

/* ===== Mobile bar icon 顏色修復 (::before 白→深青綠, 2026-09-13) ===== */
.module-header_mobile_2-741 .mobile-bar .menu-icon::before,
.module-header_mobile_2-741 .mobile-bar .fa::before,
.module-header_mobile_2-741 .mobile-custom-menu .links-text::before,
.module-header_mobile_2-741 .mobile-bar .links-text::before,
.module-header_mobile_2-741 .mobile-bar [class*="icon"]::before,
.module-header_mobile_2-741 .mobile-cart-wrapper .fa-shopping-cart::before {
  color: #0f3a4a !important;
  background-color: transparent !important;
}

= 產品卡片心形 Wishlist (2026-09-13) ===== */
.product-thumb .image-group { position: relative; }
.hkb-wl {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9b4ac;
  font-size: 18px;
  z-index: 6;
  transition: color .2s ease, transform .2s ease, background .2s ease;
  text-decoration: none;
}
.hkb-wl:hover { color: #e05a74; transform: scale(1.1); }
.hkb-wl i { pointer-events: none; line-height: 1; }
.hkb-wl.active { color: #e05a74; background: #ffffff; }
.hkb-wl.pulse { animation: hkbHeartPulse .45s ease; }
@keyframes hkbHeartPulse {
  0% { transform: scale(.75); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

/* ===== 主頁美容日誌 Blog Section (2026-09-14) ===== */
.hkb-blog-sec{max-width:100%;margin:0 auto;padding:14px 0 30px}
.hkb-blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hkb-blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee7de;border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.hkb-blog-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,58,74,.10)}
.hkb-blog-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hkb-blog-card-body{padding:10px 12px 12px}
.hkb-blog-cat{font-size:11px;color:#b98a2f;font-weight:600;letter-spacing:.4px;margin-bottom:4px}
.hkb-blog-title{font-size:14px;font-weight:600;color:#0f3a4a;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hkb-blog-more{text-align:center;margin-top:14px}
.hkb-blog-more a{display:inline-block;font-size:13.5px;color:#0f3a4a;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.hkb-blog-more a:hover{color:#b98a2f}
@media (max-width:980px){.hkb-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.hkb-blog-grid{grid-template-columns:1fr;gap:12px}.hkb-blog-title{font-size:15px}}


/* ===== Blog 文章正文樣式 (2026-09-14) ===== */
.route-journal3-blog-post .post-content{max-width:760px;margin:0 auto;font-size:15.5px;line-height:1.85;color:#33404a}
.route-journal3-blog-post .post-content p{margin:0 0 18px}
.route-journal3-blog-post .post-content h2{font-size:21px;font-weight:700;color:#0f3a4a;margin:34px 0 14px;padding-left:14px;border-left:4px solid #d9ad59;line-height:1.4}
.route-journal3-blog-post .post-content p img{display:block;width:100%;height:auto;border-radius:14px;margin:20px 0;box-shadow:0 6px 18px rgba(15,58,74,.08)}
.route-journal3-blog-post .post-content p:has(> img){text-align:center}
.route-journal3-blog-post .post-content a{color:#0f3a4a;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.route-journal3-blog-post .post-content a:hover{color:#d9ad59}
@media (max-width:560px){.route-journal3-blog-post .post-content{font-size:15px;line-height:1.8;padding:0 6px}.route-journal3-blog-post .post-content h2{font-size:19px;margin:30px 0 12px}}


/* ===== Hermana Desktop 主選單 方案A 白底深字 2026-09-14（信哥哥揀A） ===== */
/* 黃色 item 底 → 透明・白底 */
.module-header_desktop_classic-1037 .desktop-main-menu-wrapper li.main-menu-item > a{background:transparent !important;color:#1c2021}
/* hover：深青綠字 + 綠色 inset 底線（唔用 ::after 避免覆蓋 dropdown 箭嘴 icon） */
.module-header_desktop_classic-1037 .desktop-main-menu-wrapper li.main-menu-item > a:hover{color:#0f3a4a !important;background:transparent !important;box-shadow:inset 0 -2px 0 #01a101}
/* 移除 ☰「所有目錄」item（desktop 已全部文字列出分類） */
.module-header_desktop_classic-1037 .desktop-main-menu-wrapper li.main-menu-item-1{display:none !important}
/* 方案A 補充：item 文字色強制深色（override compiled scheme color） */
.module-header_desktop_classic-1037 .desktop-main-menu-wrapper li.main-menu-item > a{color:#1c2021 !important}

/* ===== 主頁美容日誌 Blog Block 方案A 橫卡 2026-09-14（信哥哥揀A） ===== */
/* desktop 限定：橫卡 圖左(132)文右，慳一半位；tablet/mobile 維持直卡 */
@media (min-width:981px){
.hkb-blog-card{flex-direction:row;align-items:stretch}
.hkb-blog-card img{width:132px;height:132px;aspect-ratio:1/1;flex-shrink:0;object-fit:cover}
.hkb-blog-card-body{padding:10px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hkb-blog-title{-webkit-line-clamp:3}
}



/* main menu bar B */
.desktop-main-menu-wrapper.menu-bar::before, .desktop-main-menu-wrapper.menu-bar::after { background-color:#FDF3F5 !important; }
.main-menu.main-menu-1045 > .j-menu > .main-menu-item > a, .main-menu.main-menu-1045 > .j-menu > .main-menu-item > a .links-text { color:#2B2C2C !important; }
/* /main menu bar B */


/* === HKB MENU HOT PRODUCTS START === */
.hkb-hot-wrap { list-style: none !important; display: block !important; }
.hkb-hot-products {
  margin: 12px 0 0; padding: 14px 18px 16px; border-top: 1px solid #f2e6e9;
  background: #fff; box-sizing: border-box; width: 100%;
}
.hkb-hot-title {
  font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #C4707F;
  margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid #f4eaed; text-transform: uppercase;
}
.hkb-hot-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.hkb-hot-card { display: flex; flex-direction: column; text-decoration: none !important; }
.hkb-hot-card .hkb-hot-img {
  display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden;
  background: #fbf8f9; border: 1px solid #f4eaed; border-radius: 8px; flex: 0 0 auto;
}
.hkb-hot-card .hkb-hot-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.hkb-hot-name {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  font-size: 11.5px; line-height: 1.35; color: #3d3d3d; margin-top: 6px; height: 2.7em; overflow: hidden;
}
.hkb-hot-price { margin-top: auto; padding-top: 4px; font-size: 14px; font-weight: 700; color: #C4707F; }
.hkb-hot-card:hover .hkb-hot-name { color: #C4707F; }
.main-menu.main-menu-1045 .j-menu > li.has-hot-menu > .dropdown-menu {
  min-width: 560px !important; width: 560px !important; max-width: 92vw !important;
  box-sizing: border-box !important; padding: 10px 0 2px !important; display: block !important;
}
.main-menu.main-menu-1045 .j-menu > li.has-hot-menu > .dropdown-menu > ul.j-menu {
  box-sizing: border-box !important; width: 100% !important; max-width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 8px !important; padding: 0 10px 4px !important;
}
.main-menu.main-menu-1045 .j-menu > li.has-hot-menu > .dropdown-menu > ul.j-menu > li {
  width: auto !important; min-width: 0 !important;
}
.main-menu.main-menu-1045 .j-menu > li.has-hot-menu > .dropdown-menu > ul.j-menu > li > a {
  padding-left: 12px !important; padding-right: 12px !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (max-width: 980px) {
  .hkb-hot-products { display: none !important; }
  .main-menu.main-menu-1045 .j-menu > li.has-hot-menu > .dropdown-menu { width: auto !important; min-width: 0 !important; }
}
/* === HKB MENU HOT PRODUCTS END === */
/* === HKB MENU HOVER START === */
/* 接管 dropdown 開關：只認 menu item 自己（唔認 menu bar / 週邊空白） */
.main-menu.main-menu-1045 .j-menu > li.main-menu-item > .dropdown-menu,
#main-menu .j-menu > li.main-menu-item > .dropdown-menu {
  display: none !important;
}
.main-menu.main-menu-1045 .j-menu > li.main-menu-item.hkb-open > .dropdown-menu,
#main-menu .j-menu > li.main-menu-item.hkb-open > .dropdown-menu {
  display: block !important;
}
/* 撳住 menu item 時保持打開 */
.main-menu.main-menu-1045 .j-menu > li.main-menu-item.hkb-open > a,
#main-menu .j-menu > li.main-menu-item.hkb-open > a { color: #C4707F !important; }
/* === HKB MENU HOVER END === */
/* === HK-HOTCAT-V2 START === */
.hkb-hotgrid{display:grid;grid-template-columns:repeat(9,1fr);gap:12px}
.hkb-htile{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:inherit;padding:13px 6px;border:1px solid #f2e9ea;border-radius:14px;background:#fff;transition:.2s}
.hkb-htile:hover{border-color:#FF8DA1;box-shadow:0 4px 14px rgba(255,141,161,.16);transform:translateY(-2px)}
.hkb-htile img{width:54px;height:54px;object-fit:contain;display:block}
.hkb-htile .n{font-size:12.5px;font-weight:700;text-align:center;line-height:1.32;color:#2B2C2C}
.hkb-htile.hkb-hide{display:none}
.hkb-hotmore{text-align:right;margin-top:14px}
.hkb-htoggle{border:1px solid #2B2C2C;background:#fff;border-radius:22px;padding:8px 22px;font-size:13.5px;font-weight:700;cursor:pointer;color:#2B2C2C;font-family:inherit}
.hkb-htoggle:hover{background:#2B2C2C;color:#fff}
.hkb-fngrid{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;background:linear-gradient(135deg,#fff5f7,#fffdf9);border:1px solid #ffe3e8;border-radius:16px;padding:16px}
.hkb-fn{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:inherit;padding:4px}
.hkb-fn img{width:52px;height:52px;object-fit:contain;display:block}
.hkb-fn .n{font-size:12.5px;font-weight:700;text-align:center;line-height:1.32;color:#2B2C2C}
.hkb-fn:hover .n{color:#FF8DA1}
@media(max-width:980px){.hkb-hotgrid,.hkb-fngrid{grid-template-columns:repeat(5,1fr);gap:10px}.hkb-htile img,.hkb-fn img{width:46px;height:46px}}
@media(max-width:560px){.hkb-hotgrid,.hkb-fngrid{grid-template-columns:repeat(3,1fr);gap:8px}.hkb-htile{padding:10px 4px}.hkb-htile .n,.hkb-fn .n{font-size:12px}.hkb-htile img,.hkb-fn img{width:42px;height:42px}}
/* === HK-HOTCAT-V2 END === */

/* === HK-HOTCAT-V2b START (2026-09-16) === */
.hkb-sec-note{color:#6b655c;font-weight:600}
@media(max-width:400px){.hkb-htile .n,.hkb-fn .n{font-size:11.5px}}
/* === HK-HOTCAT-V2b END === */



/* HERMANA-PIN-HERO-MOBILE start */
@media (max-width:980px){
  .hkb-hero-slide.hkb-hero-pinned{
    background-image:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 42%,rgba(255,255,255,.28) 72%,rgba(255,255,255,.08) 100%),url('https://www.hermana.com.hk/image/catalog/home_v2/obge_hero_mobile.jpg') !important;
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
}
/* HERMANA-PIN-HERO-MOBILE end */

/* HK-ASCE-HERO-PIN2 start */
.hkb-hero-slide.hkb-hero-pinned .hkb-hero-img img{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.hkb-hero-slide.hkb-hero-pinned .hkb-hero-img{ background:transparent !important; box-shadow:none !important; }
/* HK-ASCE-HERO-PIN2 end */

/* ===== 主頁產品卡心心 Wishlist (2026-09-16) ===== */
.hkb-pcard .hkb-wl{width:32px;height:32px;right:10px;bottom:11px;font-size:15px;border:1px solid #ece8e0;background:rgba(255,255,255,.96)}
.hkb-pcard .hkb-pprice{padding-right:50px}
.hkb-adband .hkb-pcard .hkb-wl{width:28px;height:28px;font-size:13px;right:8px;bottom:9px}
.hkb-adband .hkb-pcard .hkb-pprice{padding-right:42px}
@media (max-width:560px){
  .hkb-pcard .hkb-wl{width:26px;height:26px;right:7px;bottom:9px;font-size:13px}
  .hkb-pcard .hkb-pprice{padding-right:36px}
}
/* ===== 主頁產品卡心心 Wishlist END ===== */

/* ===== 2026-09-30：缺貨都可以加入購物車（CartStockEnable override） ===== */
/* Journal3 預設對 .out-of-stock 產品個 cart 按鈕 pointer-events:none，呢度解鎖 */
.main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart,
.main-products-style.product-list .out-of-stock .product-thumb .cart-group .btn-cart,
.product-info.out-of-stock .button-group-page .cart-group .btn-cart,
.product-info.out-of-stock #product .cart-group .btn-cart,
.product-info.out-of-stock .cart-group .btn-cart {
  pointer-events: auto !important;
  cursor: pointer !important;
}
/* 缺貨產品 cart group 唔好半透明 */
.main-products-style.product-grid .out-of-stock .product-thumb .cart-group,
.main-products-style.product-list .out-of-stock .product-thumb .cart-group {
  opacity: 1 !important;
  cursor: pointer !important;
}

/* 缺貨按鈕外觀正常化：icon 換返購物車、字色跟有貨按鈕（灰字→hover 藍） */
.main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart::before,
.main-products-style.product-list .out-of-stock .product-thumb .cart-group .btn-cart::before {
  content: '\e9f8' !important;
  font-family: icomoon !important;
  color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), var(--j-color-scheme-foreground-secondary-l), var(--j-color-scheme-foreground-secondary-a)) !important;
}
.main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart,
.main-products-style.product-list .out-of-stock .product-thumb .cart-group .btn-cart,
.main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart .btn-text,
.main-products-style.product-list .out-of-stock .product-thumb .cart-group .btn-cart .btn-text,
.main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart.btn,
.main-products-style.product-list .out-of-stock .product-thumb .cart-group .btn-cart.btn {
  color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), var(--j-color-scheme-foreground-secondary-l), var(--j-color-scheme-foreground-secondary-a));
}
.no-touchevents .main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart.btn:hover,
.no-touchevents .main-products-style.product-list .out-of-stock .product-thumb .cart-group .btn-cart.btn:hover {
  color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), var(--j-color-scheme-text-link-hover-l), var(--j-color-scheme-text-link-hover-a)) !important;
}
/* 產品詳情頁缺貨按鈕同樣處理 */
.product-info.out-of-stock .cart-group .btn-cart::before {
  content: '\e9f8' !important;
  font-family: icomoon !important;
}
/* ===== 缺貨加入購物車 END ===== */


/* ===== HKB-MOBILE-BOTTOM-FIX start (2026-10-04) ===== */
/* 問題：手機底部 tabbar (#hx-tabbar, 51px + safe-area) 蓋住產品頁 sticky 落單卡
   （實測 .button-group-page 高 111px、z-index 99，被 z-index 9990 嘅 tabbar 食咗底部 51px），
   另外返回頂部掣會被 iPhone 底部安全區遮住。
   做法：統一用 tabbar 自己輸出嘅 CSS 變數 --hx-tb-total（= 51px + env(safe-area-inset-bottom)），
   把所有固定底部元素升到 tabbar 之上。
   只影響手機（≤980px），桌面完全不變。 */
@media (max-width: 980px) {
  /* ① 產品頁 sticky 落單卡（加入購物車／加入清單／比較一下）升到 tabbar 之上 */
  .button-group-page {
    bottom: var(--hx-tb-total, 51px) !important;
  }
  /* ② 返回頂部掣：升到 tabbar 之上 */
  .scroll-top {
    bottom: calc(var(--hx-tb-total, 51px) + 72px) !important;
  }
  .route-product-product .scroll-top {
    bottom: calc(var(--hx-tb-total, 51px) + 184px) !important;
  }
}
/* ===== HKB-MOBILE-BOTTOM-FIX end ===== */
/* ===== HERMES-PDP-V1 begin 2026-10-04 ===== */
/* (1) 產品頁收走麵包屑（其他頁唔受影響） */
.route-product-product .breadcrumb { display: none !important; }
/* (2) 產品頁收走頂部促銷文字條（純文字，0 張圖，唔會多下載任何 asset） */
.route-product-product .grid-row-content-top-1 { display: none !important; }
/* (3) Journal3 demo 標籤 527 (Custom Label (new position)) / 528 (Another Label) 全站隱藏；296 等人氣標籤保留 */
.product-label-527, .product-label-528 { display: none !important; }
/* (4) 落單卡收埋「加入清單 / 比較」— #button-cart、數量、product_id 原位不動（追蹤零影響） */
.button-group-page .wishlist-compare { display: none !important; }
/* (5) 4 個 tab 捲到就貼住 header（Taobao 式） */
.route-product-product .nav-tabs { position: sticky !important; top: var(--desktop-header, 100px) !important; z-index: 30 !important; background: #ffffff !important; }
@media (max-width: 979px) { .route-product-product .nav-tabs { top: 119px !important; } }
/* (6) 收窄產品頁空隙，令圖同資料上移 */
.route-product-product .product-info { padding-top: 0 !important; margin-top: 0 !important; }
.route-product-product .product-details > .page-title { margin-top: 0 !important; margin-bottom: 4px !important; }
.route-product-product .page-title { margin-bottom: 4px !important; }
.route-product-product .product-labels-outside { display: none !important; }
.route-product-product .rating-page { margin-bottom: 4px !important; }
.route-product-product .product-price-group { margin-top: 6px !important; }
.route-product-product .product-stats { margin-top: 6px !important; }
/* (7) 主圖統一上限，令價錢早啲出現（保留完整圖片比例） */
.route-product-product .product-left .product-image img { max-height: 320px !important; width: auto !important; object-fit: contain !important; }
/* (8) 落單卡價格（由 customJS 注入 .hx-bar-price） */
.button-group-page .hx-bar-price { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 80px !important; margin-right: 8px !important; line-height: 1.15 !important; }
.button-group-page .hx-bar-price-now { font-size: 16px !important; font-weight: 700 !important; color: #c0392b !important; white-space: nowrap !important; }
.button-group-page .hx-bar-price-old { font-size: 11px !important; color: #999999 !important; text-decoration: line-through !important; }
/* (9) 手機：落單卡一行過（價錢 | 數量 | 加入購物車） */
@media (max-width: 979px) {
  .route-product-product .button-group-page .buttons-wrapper { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; }
  .route-product-product .button-group-page .stepper-group.cart-group { display: flex !important; align-items: center !important; gap: 6px !important; flex: 1 1 auto !important; }
  .route-product-product .button-group-page .stepper-group > .control-label { display: none !important; }
}
/* ===== HERMES-PDP-V1 end ===== */
/* ===== HERMES-PDP-V1.1 begin 2026-10-04（微調：再收 48px，令流程內價錢升到落單卡之上）===== */
.route-product-product .page-title { margin-top: 0 !important; }
.route-product-product .product-details { padding-top: 8px !important; padding-bottom: 12px !important; }
.route-product-product .product-price-group { margin-top: 2px !important; }
.route-product-product .rating-page { margin-top: 2px !important; margin-bottom: 2px !important; }
/* ===== HERMES-PDP-V1.1 end ===== */
/* ===== HERMES-PDP-V1.2 begin 2026-10-04（再收 108px：breadcrumbs 外殼 + container 上邊距 + H1 上邊距）===== */
html.route-product-product .breadcrumbs { display: none !important; }
html.route-product-product .container { margin-top: 0 !important; }
html.route-product-product .page-title,
html.route-product-product h1.page-title,
html.route-product-product .product-details > .page-title { margin-top: 0 !important; padding-top: 0 !important; }
/* ===== HERMES-PDP-V1.2 end ===== */
/* ===== HERMES-PDP-V1.3 begin 2026-10-04（標題排版 + 浮動掣跟新落單卡高度 99px 對位）===== */
@media (max-width: 979px) {
  /* 標題唔好斷到得返一個字一行 */
  html.route-product-product h1.page-title,
  html.route-product-product .page-title .page-title-text { font-size: 17px !important; line-height: 1.38 !important; letter-spacing: 0 !important; }
  html.route-product-product .product-price-group { margin-bottom: 4px !important; }
  /* 落單卡收窄，返回頂部掣跟住落返，避免壓住價錢卡 */
  html.route-product-product .scroll-top { bottom: calc(var(--hx-tb-total, 51px) + 172px) !important; }
}
/* ===== HERMES-PDP-V1.3 end ===== */
/* ===== HERMES-PDP-V2 (淘寶版) begin 2026-10-04 ===== */
/* 品牌色：深青綠 #0F3A4A / 金 #d9ad59 / 價錢紅 #d4342b */
html.route-product-product { --hxv-ink:#0F3A4A; --hxv-gold:#d9ad59; --hxv-price:#d4342b; --hxv-line:#ece8e0; --hxv-bg:#f5f5f7; --hxv-mut:#8a857b; }

/* ① 頂部導航壓成一行（PDP 專屬）：收 logo 列，保留搜尋列，加返回掣 */
html.route-product-product .mobile-header .mobile-bar.sticky-bar { display: none !important; }
html.route-product-product .mobile-header { height: auto !important; }
html.route-product-product .hx-back { display: flex !important; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 auto; color: #2b2b2b; text-decoration: none !important; }
html.route-product-product .mobile-search-group { display: flex !important; align-items: center !important; padding-left: 6px !important; }

/* ② 4 個 tab 掛頂（商品／評價／詳情／推薦） */
html.route-product-product .hx-tabbar { position: sticky; top: var(--desktop-header, 100px); z-index: 40; display: flex; gap: 22px; padding: 0 14px; background: #fff; border-bottom: 1px solid var(--hxv-line); overflow-x: auto; }
@media (max-width: 979px) { html.route-product-product .hx-tabbar { top: 54px; } }
html.route-product-product .hx-tabbar a { font-size: 13.5px; color: #7b7b7b; text-decoration: none !important; padding: 11px 0 9px; position: relative; font-weight: 600; white-space: nowrap; }
html.route-product-product .hx-tabbar a.on { color: var(--hxv-ink); font-weight: 800; }
html.route-product-product .hx-tabbar a.on::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 2px; width: 20px; height: 3px; border-radius: 2px; background: var(--hxv-ink); }
/* 原本 Journal3 3 個 tab 列收埋（內容已改放新結構） */
html.route-product-product .tab-container > .nav-tabs { display: none !important; }
html.route-product-product .tab-container { display: none !important; }

/* ③ 款／標籤列 */
html.route-product-product .hx-tagrow { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 10px; }
html.route-product-product .hx-tag { font-size: 11.5px; font-weight: 700; padding: 4px 9px; border-radius: 6px; background: #f0f5f6; color: var(--hxv-ink); }
html.route-product-product .hx-tag.hot { background: #fdf1e3; color: #a86b1d; }

/* ④ H1 移入 block，價格加大 */
html.route-product-product h1.page-title { display: none !important; }
html.route-product-product .hx-title { font-size: 16.5px; font-weight: 700; line-height: 1.42; color: #181818; }
html.route-product-product .product-price-group { display: flex !important; align-items: flex-end !important; gap: 10px !important; margin-top: 8px !important; }
html.route-product-product .price-wrapper { display: flex !important; flex-direction: row !important; align-items: flex-end !important; flex-wrap: wrap !important; gap: 8px !important; }
html.route-product-product .product-price { font-size: 30px !important; font-weight: 800 !important; color: var(--hxv-price) !important; line-height: 1 !important; letter-spacing: -.5px !important; }
html.route-product-product .product-labels-price { display: none !important; } /* 收走「from」 */
html.route-product-product .product-points { font-size: 12px !important; color: #a86b1d !important; background: #fdf8ec !important; border: 1px solid #f2e6cd !important; border-radius: 7px !important; padding: 5px 9px !important; }
html.route-product-product .product-stats { font-size: 12px !important; color: var(--hxv-mut) !important; }
html.route-product-product .product-stats a { color: var(--hxv-ink) !important; }
html.route-product-product .hx-sold { font-size: 12px; color: var(--hxv-mut); margin-left: auto; }

/* 優惠卡（真資料：滿$300 95折 / 滿$500 免運） */
html.route-product-product .hx-coupon { margin-top: 10px; border: 1px solid #f2d9b0; background: linear-gradient(180deg,#fffaf0,#fdf3e3); border-radius: 9px; padding: 9px 11px; font-size: 12.5px; color: #8a6a2a; line-height: 1.75; }
html.route-product-product .hx-coupon b { color: #b3543a; }

/* ⑤ 划重點 */
html.route-product-product .hx-key { margin: 14px 14px 14px; background: #fff9f7; border-left: 4px solid var(--hxv-gold); border-radius: 0 10px 10px 0; padding: 11px 13px; }
html.route-product-product .hx-key h4 { font-size: 12.5px; font-weight: 800; color: #b3543a; margin: 0 0 6px; }
html.route-product-product .hx-key p { font-size: 13px; line-height: 1.7; color: #4a4a4a; margin: 0; }
html.route-product-product .hx-key .more { display: inline-block; margin-top: 7px; font-size: 12.5px; font-weight: 700; color: var(--hxv-ink); text-decoration: none !important; }

/* ⑥ 物流黃底卡 */
html.route-product-product .hx-ship { margin: 0 14px 14px; background: #fff9e9; border: 1px solid #f0e0b4; border-radius: 11px; padding: 11px 13px; }
html.route-product-product .hx-ship h4 { font-size: 12.5px; font-weight: 800; color: #8a5a12; margin: 0 0 6px; }
html.route-product-product .hx-ship ul { list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 12.5px; color: #5c4a20; line-height: 1.8; }
html.route-product-product .hx-ship li { padding: 0 !important; }
html.route-product-product .hx-ship li i { font-style: normal; color: #8a5a12; font-weight: 700; }

/* ⑦ 支付卡 */
html.route-product-product .hx-pay { margin: 0 14px 14px; background: #fff; border: 1px solid var(--hxv-line); border-radius: 11px; padding: 11px 13px; }
html.route-product-product .hx-pay h4 { font-size: 12.5px; font-weight: 800; color: #2b2b2b; margin: 0; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
html.route-product-product .hx-pay h4 em { font-style: normal; font-size: 11.5px; color: #3f8f5c; font-weight: 700; }
html.route-product-product .hx-pay .row { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 9px; }
html.route-product-product .hx-pay .row span { font-size: 11.5px; font-weight: 600; color: #3a3a3a; background: #f5f5f3; border: 1px solid #eae7e0; border-radius: 6px; padding: 4px 9px; }

/* ⑧ 產品簡介 bullets */
html.route-product-product .hx-sec { background: #fff; padding: 15px 14px; border-top: 8px solid var(--hxv-bg); }
html.route-product-product .hx-sec h3 { font-size: 14px; font-weight: 800; color: var(--hxv-ink); margin: 0 0 10px; display: flex; justify-content: space-between; align-items: center; }
html.route-product-product .hx-sec h3 em { font-style: normal; font-size: 11.5px; color: var(--hxv-mut); font-weight: 600; }
html.route-product-product .hx-sec ul { list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 13px; line-height: 1.9; color: #3d3d3d; }
html.route-product-product .hx-sec ul li { padding-left: 17px !important; position: relative; }
html.route-product-product .hx-sec ul li::before { content: "✓"; position: absolute; left: 0; color: var(--hxv-gold); font-weight: 800; font-size: 12px; }

/* ⑧b 手風琴 */
html.route-product-product .hx-acc { background: #fff; border-top: 8px solid var(--hxv-bg); }
html.route-product-product .hx-acc .hd { display: flex; justify-content: space-between; align-items: center; padding: 14px; font-size: 13.5px; font-weight: 700; color: #2b2b2b; border-bottom: 1px solid var(--hxv-line); cursor: pointer; }
html.route-product-product .hx-acc .hd span { color: #b9b4ac; font-weight: 400; }
html.route-product-product .hx-acc .bd { display: none; padding: 4px 14px 16px; }
html.route-product-product .hx-acc .bd.on { display: block; }

/* ⑨ 問大家 */
html.route-product-product .hx-ask { background: #fff; border-top: 8px solid var(--hxv-bg); padding: 15px 14px; }
html.route-product-product .hx-ask h3 { font-size: 14px; font-weight: 800; color: var(--hxv-ink); margin: 0 0 4px; }
html.route-product-product .hx-ask p.lead { font-size: 12px; color: var(--hxv-mut); margin: 0 0 10px; }
html.route-product-product .hx-ask .q { display: flex; justify-content: space-between; align-items: center; gap: 10px; border: 1px solid var(--hxv-line); border-radius: 9px; padding: 9px 11px; font-size: 12.5px; color: #3d3d3d; margin-bottom: 8px; text-decoration: none !important; }
html.route-product-product .hx-ask .q b { color: var(--hxv-ink); font-weight: 700; flex: 0 0 auto; }

/* ⑩ 看了又看（橫向 rail） */
html.route-product-product .hx-also { background: #fff; border-top: 8px solid var(--hxv-bg); padding: 15px 0 20px; }
html.route-product-product .hx-also h3 { font-size: 14px; font-weight: 800; color: var(--hxv-ink); padding: 0 14px; margin: 0 0 11px; }
html.route-product-product .hx-rail { display: flex; gap: 10px; padding: 0 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
html.route-product-product .hx-rail::-webkit-scrollbar { display: none; }
html.route-product-product .hx-rail > * { width: 112px; flex: 0 0 auto; scroll-snap-align: start; }
html.route-product-product .hx-rail .image { width: 112px !important; height: 112px !important; border-radius: 10px; overflow: hidden; border: 1px solid var(--hxv-line); }
html.route-product-product .hx-rail .image img { width: 100% !important; height: 100% !important; object-fit: cover; }
html.route-product-product .hx-rail .caption, html.route-product-product .hx-rail .name { font-size: 11.5px !important; line-height: 1.35 !important; }
html.route-product-product .hx-rail .price { font-size: 14px !important; font-weight: 800 !important; color: var(--hxv-price) !important; }
html.route-product-product .hx-rail .btn-quickview, html.route-product-product .hx-rail .wishlist, html.route-product-product .hx-rail .product-stats { display: none !important; }

/* ⑪ 店鋪卡 */
html.route-product-product .hx-shop { background: #fff; border-top: 8px solid var(--hxv-bg); padding: 16px 14px; display: flex; align-items: center; gap: 12px; }
html.route-product-product .hx-shop .logo { width: 46px; height: 46px; border-radius: 11px; background: var(--hxv-ink); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 17px; flex: 0 0 auto; }
html.route-product-product .hx-shop .info { flex: 1; min-width: 0; }
html.route-product-product .hx-shop .info b { font-size: 14px; color: #181818; }
html.route-product-product .hx-shop .info p { font-size: 11.5px; color: var(--hxv-mut); margin: 3px 0 0; }
html.route-product-product .hx-shop .go { border: 1px solid var(--hxv-ink); color: var(--hxv-ink) !important; font-size: 12.5px; font-weight: 700; border-radius: 16px; padding: 7px 15px; flex: 0 0 auto; text-decoration: none !important; }
html.route-product-product .hx-foot { background: #0f3a4a; color: #cfe0e4; font-size: 11px; text-align: center; padding: 14px; line-height: 1.75; }
html.route-product-product .hx-foot b { color: #fff; font-weight: 700; }

/* ⑫ 底部固定 bar（PDP 專屬 5 格，出手機站原有 tabbar） */
html.route-product-product #hx-tabbar { display: none !important; }
html.route-product-product .button-group-page { background: #fff !important; border-top: 1px solid var(--hxv-line) !important; box-shadow: 0 -3px 14px rgba(0,0,0,.08) !important; padding: 6px 8px !important; }
html.route-product-product .button-group-page .buttons-wrapper { display: grid !important; grid-template-columns: 38px 38px 38px auto minmax(0,1fr) !important; align-items: center !important; gap: 4px !important; }
html.route-product-product .button-group-page .wishlist-compare { display: none !important; margin: 0 !important; width: 0 !important; }
html.route-product-product .button-group-page .hx-cell { width: 38px; flex: 0 0 auto; text-align: center; color: #5a5a5a !important; font-size: 9.5px; line-height: 1.15; text-decoration: none !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; }
html.route-product-product .button-group-page .hx-cell svg { display: block; }
html.route-product-product .button-group-page .hx-cell.wl.on { color: #d4342b !important; }
html.route-product-product .button-group-page .stepper-group.cart-group { flex: 0 0 auto; min-width: 0; display: flex; align-items: center; gap: 4px; }
/* 縮窄數量 stepper（bar 要容納 3 格 + 數量 + 2 粒掣） */
html.route-product-product .button-group-page .stepper button { width: 24px !important; height: 30px !important; border: 0 !important; background: #f5f5f3 !important; color: #4a4a4a !important; font-size: 13px !important; line-height: 1 !important; }
html.route-product-product .button-group-page .stepper input { width: 30px !important; height: 30px !important; text-align: center !important; border: 0 !important; border-left: 1px solid #ece8e0 !important; border-right: 1px solid #ece8e0 !important; font-size: 12.5px !important; font-weight: 700 !important; background: #fff !important; }
html.route-product-product .button-group-page .stepper { display: flex !important; align-items: center; border: 1px solid #e5e2dc !important; border-radius: 8px !important; overflow: hidden !important; }
html.route-product-product .button-group-page .stepper-group .control-label,
html.route-product-product .button-group-page .stepper-group label { display: none !important; }
html.route-product-product .button-group-page .stepper { flex: 0 0 auto; }
html.route-product-product .button-group-page #button-cart { flex: 0 0 auto !important; width: auto !important; min-width: 82px !important; max-width: none !important; display: flex !important; align-items: center; justify-content: center; white-space: nowrap; padding: 0 8px !important; border-radius: 21px !important; height: 42px !important; font-size: 12px !important; font-weight: 800 !important; background: var(--hxv-ink) !important; color: #fff !important; border: none !important; }
html.route-product-product .button-group-page #button-cart .btn-text { display: inline !important; color: #fff !important; }
html.route-product-product .button-group-page .hx-buy { flex: 1 1 0%; min-width: 0; height: 42px; border-radius: 21px; display: none; align-items: center; justify-content: center; white-space: nowrap; font-size: 12.5px; font-weight: 800; color: #5a3a06; background: linear-gradient(135deg,#e8b45a,#d49a2c); cursor: pointer; }
html.route-product-product .button-group-page .hx-barord { order: 0; }
html.route-product-product .button-group-page .hx-cell { order: 1; }
html.route-product-product .button-group-page .stepper-group.cart-group { order: 2; }
html.route-product-product .button-group-page .hx-buy { order: 3; }
@media (max-width: 979px) { html.route-product-product .button-group-page .hx-buy { display: flex; } }
/* 價錢已喺首屏頭部顯示 → 落單卡唔再重複 */
html.route-product-product .button-group-page .hx-bar-price { display: none !important; }
/* 底部 5 格 bar 高度 + 貼實底部（手機站 tabbar 已喺 PDP 收起，唔可以再留 51px 空位） */
html.route-product-product .button-group-page { min-height: 56px !important; bottom: 0 !important; }
html.route-product-product body { padding-bottom: 74px !important; }
html.route-product-product .scroll-top { bottom: 134px !important; }
/* 分享列（淘寶版唔要） */
html.route-product-product .product-share, html.route-product-product .product-social { display: none !important; }
/* 手機：主圖同資料卡之間嘅空位收埋 */
@media (max-width: 979px) {
  html.route-product-product .product-info { row-gap: 0 !important; }
  html.route-product-product .product-right { margin-top: 0 !important; padding-top: 0 !important; }
}
/* iPhone 底部安全區 */
html.route-product-product .button-group-page { padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important; }
html.route-product-product body { padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important; }
/* ===== HERMES-PDP-V2.1 (2026-10-04)：用盡左右闊度 + 標籤搬去圖上 ===== */
/* 主欄 24px + 產品卡 14px + 優惠卡 14px 三個唔同內縮 → 統一用盡，靠卡內 padding 做留白 */
html.route-product-product .container { padding-left: 0 !important; padding-right: 0 !important; }
html.route-product-product .row { margin-left: 0 !important; margin-right: 0 !important; }
html.route-product-product [class*="col-sm-"], html.route-product-product [class*="col-md-"] { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
html.route-product-product .product-details { padding-left: 0 !important; padding-right: 0 !important; }
html.route-product-product .product-info { padding-left: 0 !important; padding-right: 0 !important; }
html.route-product-product .hx-head { padding-left: 14px !important; padding-right: 14px !important; }
/* 貼邊卡：取消左右外距，改用內距 */
html.route-product-product .hx-key { margin: 0 0 8px !important; padding: 12px 14px !important; border-radius: 0 10px 10px 0 !important; }
html.route-product-product .hx-ship { margin: 0 0 8px !important; padding: 12px 14px !important; border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }
html.route-product-product .hx-pay { margin: 0 0 8px !important; padding: 12px 14px !important; border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }
/* 主圖用盡闊度（唔再 letterbox） */
@media (max-width: 979px) {
  html.route-product-product .product-left .product-image img,
  html.route-product-product .product-left .swiper-slide img,
  html.route-product-product .product-info .swiper-slide img { max-height: none !important; width: 100% !important; height: auto !important; object-fit: cover !important; }
  html.route-product-product .swiper-slide { width: 100% !important; }
}
/* 標籤列搬去產品圖之上 */
html.route-product-product .hx-tagstrip { background: #fff; padding: 9px 14px; border-bottom: 1px solid var(--hxv-line); }
html.route-product-product .hx-tagstrip .hx-tagrow { margin: 0 !important; }
/* ===== HERMES-PDP-V2.1 end ===== */

/* ===== HERMES-PDP-V2 end ===== */

/* ===== HERMES-PDP-DESKTOP-IMG begin ===== */
@media (min-width: 980px) {
  html.route-product-product .product-left .product-image,
  html.route-product-product .product-left .main-image,
  html.route-product-product .product-left .swiper,
  html.route-product-product .product-left .swiper-container,
  html.route-product-product .product-left .swiper-wrapper,
  html.route-product-product .product-left .swiper-slide {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
  html.route-product-product .product-left .product-image img,
  html.route-product-product .product-left .swiper-slide img {
    max-height: none !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }
  html.route-product-product .product-left {
    height: auto !important;
  }
}
/* ===== HERMES-PDP-DESKTOP-IMG end ===== */