/* ============================================================
   CANNI V8.2.136 — final storefront typography / mobile UX layer
   Loaded last on storefront so historical !important rules cannot win.
   ============================================================ */
:root{

  --canni-home-eyebrow-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --canni-home-eyebrow-size-mobile:10px;--canni-home-eyebrow-size-desktop:11px;--canni-home-eyebrow-color:#292521;--canni-home-eyebrow-weight:600;--canni-home-eyebrow-spacing:.22em;
  --canni-related-eyebrow-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --canni-related-eyebrow-size-mobile:10px;--canni-related-eyebrow-size-desktop:11px;--canni-related-eyebrow-color:#8f857c;--canni-related-eyebrow-weight:600;--canni-related-eyebrow-spacing:.18em;
  --canni-product-price-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --canni-product-price-size-mobile:24px;--canni-product-price-size-desktop:30px;--canni-product-price-color:#292521;--canni-product-price-weight:700;--canni-product-price-spacing:.01em;
  --canni-service-eyebrow-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --canni-service-eyebrow-size-mobile:10px;--canni-service-eyebrow-size-desktop:11px;--canni-service-eyebrow-color:#978d85;--canni-service-eyebrow-weight:600;--canni-service-eyebrow-spacing:.20em;
  --canni-home-heading-font:Georgia,"Times New Roman","Noto Serif TC",serif;
  --canni-home-heading-size-mobile:25px;--canni-home-heading-size-desktop:34px;--canni-home-heading-color:#24211e;--canni-home-heading-weight:500;--canni-home-heading-spacing:-.03em;
  --canni-search-prompt-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --canni-search-prompt-size-mobile:20px;--canni-search-prompt-size-desktop:28px;--canni-search-prompt-color:#292521;--canni-search-prompt-weight:400;--canni-search-prompt-spacing:.01em;
  --canni-related-heading-font:Georgia,"Times New Roman","Noto Serif TC",serif;
  --canni-related-heading-size-mobile:24px;--canni-related-heading-size-desktop:30px;--canni-related-heading-color:#292521;--canni-related-heading-weight:500;--canni-related-heading-spacing:-.02em;
  --canni-product-tabs-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --canni-product-tabs-size-mobile:17px;--canni-product-tabs-size-desktop:21px;--canni-product-tabs-color:#4f4a45;--canni-product-tabs-weight:500;--canni-product-tabs-spacing:.02em;
  --canni-service-content-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --canni-service-content-color:#6f6862;--canni-service-content-weight:400;--canni-service-content-spacing:.01em;--canni-service-content-line-height:1.75;
  --canni-service-lead-size-mobile:14px;--canni-service-lead-size-desktop:16px;
  --canni-service-link-size-mobile:16px;--canni-service-link-size-desktop:18px;
  --canni-service-sub-size-mobile:12px;--canni-service-sub-size-desktop:13px;
}

/* 1. Shared home product headings, including the complete catalog directory. */
#homeView #homeRecommendedSectionV8238 .home-heading h2,
#homeView #hotTitle,
#homeView #newTitle,
#homeView #homeCatalogDiscoveryV321 > h2{
  font-family:var(--canni-home-heading-font)!important;
  font-size:var(--canni-home-heading-size-mobile)!important;
  color:var(--canni-home-heading-color)!important;
  -webkit-text-fill-color:var(--canni-home-heading-color)!important;
  font-weight:var(--canni-home-heading-weight)!important;
  letter-spacing:var(--canni-home-heading-spacing)!important;
  line-height:1.15!important;
}

/* 1b. English eyebrow above Home section headings. */
#homeView .home-heading small{
  font-family:var(--canni-home-eyebrow-font)!important;
  font-size:var(--canni-home-eyebrow-size-mobile)!important;
  color:var(--canni-home-eyebrow-color)!important;
  -webkit-text-fill-color:var(--canni-home-eyebrow-color)!important;
  font-weight:var(--canni-home-eyebrow-weight)!important;
  letter-spacing:var(--canni-home-eyebrow-spacing)!important;
  line-height:1.3!important;
}

/* 2. Search prompt: placeholder and typed query share the chosen typography. */
#utilityPageV8215 .search-page-input-v8215 input{
  font-family:var(--canni-search-prompt-font)!important;
  font-size:var(--canni-search-prompt-size-mobile)!important;
  color:var(--canni-search-prompt-color)!important;
  -webkit-text-fill-color:var(--canni-search-prompt-color)!important;
  font-weight:var(--canni-search-prompt-weight)!important;
  letter-spacing:var(--canni-search-prompt-spacing)!important;
}
#utilityPageV8215 .search-page-input-v8215 input::placeholder{
  font:inherit!important;letter-spacing:inherit!important;
  color:var(--canni-search-prompt-color)!important;
  -webkit-text-fill-color:var(--canni-search-prompt-color)!important;
  opacity:.62!important;
}

/* 3. Product "You may also like" title (not Recently Viewed). */
#productPageV81 .product-related-v81:not(.product-recent-v81) .product-section-head-v81 h2{
  font-family:var(--canni-related-heading-font)!important;
  font-size:var(--canni-related-heading-size-mobile)!important;
  color:var(--canni-related-heading-color)!important;
  -webkit-text-fill-color:var(--canni-related-heading-color)!important;
  font-weight:var(--canni-related-heading-weight)!important;
  letter-spacing:var(--canni-related-heading-spacing)!important;
  line-height:1.15!important;
}

/* 3b. English eyebrow above "You may also like". */
#productPageV81 .product-related-v81:not(.product-recent-v81) .product-section-head-v81 small{
  font-family:var(--canni-related-eyebrow-font)!important;
  font-size:var(--canni-related-eyebrow-size-mobile)!important;
  color:var(--canni-related-eyebrow-color)!important;
  -webkit-text-fill-color:var(--canni-related-eyebrow-color)!important;
  font-weight:var(--canni-related-eyebrow-weight)!important;
  letter-spacing:var(--canni-related-eyebrow-spacing)!important;
}

/* 4. Product description / review tabs. */
#productPageV81 .product-tab-nav-v827 button{
  font-family:var(--canni-product-tabs-font)!important;
  font-size:var(--canni-product-tabs-size-mobile)!important;
  font-weight:var(--canni-product-tabs-weight)!important;
  letter-spacing:var(--canni-product-tabs-spacing)!important;
  color:var(--canni-product-tabs-color)!important;
  -webkit-text-fill-color:var(--canni-product-tabs-color)!important;
}
#productPageV81 .product-tab-nav-v827 button[data-tab="reviews"]{
  color:var(--canni-product-tabs-color)!important;
  -webkit-text-fill-color:var(--canni-product-tabs-color)!important;
}

/* 4b. Customer-service English eyebrow gets its own setting. */
#utilityPageV8215 .service-page-v8217>.utility-eyebrow-v8215{
  font-family:var(--canni-service-eyebrow-font)!important;
  font-size:var(--canni-service-eyebrow-size-mobile)!important;
  color:var(--canni-service-eyebrow-color)!important;
  -webkit-text-fill-color:var(--canni-service-eyebrow-color)!important;
  font-weight:var(--canni-service-eyebrow-weight)!important;
  letter-spacing:var(--canni-service-eyebrow-spacing)!important;
}

/* 4c. Main product price and sticky mobile price. */
#productPageV81 .product-page-price-v81,
#productPageV81 .product-mobile-price-v811 b,
#canniProductBuybarV284 .product-mobile-price-v811 b{
  font-family:var(--canni-product-price-font)!important;
  font-size:var(--canni-product-price-size-mobile)!important;
  color:var(--canni-product-price-color)!important;
  -webkit-text-fill-color:var(--canni-product-price-color)!important;
  font-weight:var(--canni-product-price-weight)!important;
  letter-spacing:var(--canni-product-price-spacing)!important;
}
#productPageV81 .product-page-price-v81 .sale-price{color:var(--canni-product-price-color)!important;-webkit-text-fill-color:var(--canni-product-price-color)!important}

/* 5. Customer service content under the page heading. */
#utilityPageV8215 .service-page-v8217>.service-lead-v8217,
#utilityPageV8215 .service-page-v8217 .service-links-v8217 b,
#utilityPageV8215 .service-page-v8217 .service-links-v8217 small,
#utilityPageV8215 .service-page-v8217 .service-faq-link-v8256 b,
#utilityPageV8215 .service-page-v8217 .service-faq-link-v8256 small{
  font-family:var(--canni-service-content-font)!important;
  color:var(--canni-service-content-color)!important;
  -webkit-text-fill-color:var(--canni-service-content-color)!important;
  font-weight:var(--canni-service-content-weight)!important;
  letter-spacing:var(--canni-service-content-spacing)!important;
  line-height:var(--canni-service-content-line-height)!important;
}
#utilityPageV8215 .service-page-v8217>.service-lead-v8217{font-size:var(--canni-service-lead-size-mobile)!important}
#utilityPageV8215 .service-page-v8217 .service-links-v8217 b,
#utilityPageV8215 .service-page-v8217 .service-faq-link-v8256 b{font-size:var(--canni-service-link-size-mobile)!important}
#utilityPageV8215 .service-page-v8217 .service-links-v8217 small,
#utilityPageV8215 .service-page-v8217 .service-faq-link-v8256 small{font-size:var(--canni-service-sub-size-mobile)!important;opacity:.82}

/* 6. iPhone: controls below 16px trigger Safari auto-zoom on focus.
   Keep the native variant picker, but stop the page from visually zooming/shrinking. */
@media(max-width:900px){
  #productPageV81 #variantSelectV6{
    font-size:16px!important;
    -webkit-text-size-adjust:100%;
  }
}

/* 7. Mobile Banner: V8.2.99 still forces cover while the natural ratio is loading.
   contain guarantees the whole artwork is visible even before V8.2.134 resolves ratio. */
@media(max-width:800px){
  #homeView .hero-v812 .hero-slide-v812{
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-color:#fff!important;
  }
}

/* 8. Product favorite/share tools: compact boutique controls instead of two oversized pills. */
@media(max-width:900px){
  #productPageV81 .product-actions-v811{
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  #productPageV81 .product-action-v811{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:36px!important;
    padding:0 12px!important;
    gap:6px!important;
    font-size:10px!important;
  }
  #productPageV81 .product-action-v811 span{font-size:16px!important;line-height:1!important}
  #productPageV81 .product-action-v811 b{font-size:10px!important;font-weight:700!important}
  #productPageV81 .product-action-v811.share svg{width:15px!important;height:15px!important}
}

/* 8b. Home-card heart: this is the heart beside the small 推薦 badge. */
@media(max-width:900px){
  #homeView .home-favorite-v8239,
  #homeView .favorite-btn.v67-favorite{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    top:8px!important;
    right:8px!important;
    font-size:15px!important;
    line-height:28px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.06)!important;
  }
}

@media(min-width:700px){
  #homeView .home-heading small{font-size:var(--canni-home-eyebrow-size-desktop)!important}
  #productPageV81 .product-related-v81:not(.product-recent-v81) .product-section-head-v81 small{font-size:var(--canni-related-eyebrow-size-desktop)!important}
  #utilityPageV8215 .service-page-v8217>.utility-eyebrow-v8215{font-size:var(--canni-service-eyebrow-size-desktop)!important}
  #productPageV81 .product-page-price-v81,#productPageV81 .product-mobile-price-v811 b,#canniProductBuybarV284 .product-mobile-price-v811 b{font-size:var(--canni-product-price-size-desktop)!important}
  #homeView #homeRecommendedSectionV8238 .home-heading h2,
  #homeView #hotTitle,
  #homeView #newTitle,
  #homeView #homeCatalogDiscoveryV321 > h2{font-size:var(--canni-home-heading-size-desktop)!important}
  #utilityPageV8215 .search-page-input-v8215 input{font-size:var(--canni-search-prompt-size-desktop)!important}
  #productPageV81 .product-related-v81:not(.product-recent-v81) .product-section-head-v81 h2{font-size:var(--canni-related-heading-size-desktop)!important}
  #productPageV81 .product-tab-nav-v827 button{font-size:var(--canni-product-tabs-size-desktop)!important}
  #utilityPageV8215 .service-page-v8217>.service-lead-v8217{font-size:var(--canni-service-lead-size-desktop)!important}
  #utilityPageV8215 .service-page-v8217 .service-links-v8217 b,
  #utilityPageV8215 .service-page-v8217 .service-faq-link-v8256 b{font-size:var(--canni-service-link-size-desktop)!important}
  #utilityPageV8215 .service-page-v8217 .service-links-v8217 small,
  #utilityPageV8215 .service-page-v8217 .service-faq-link-v8256 small{font-size:var(--canni-service-sub-size-desktop)!important}
}

/* V8.2.136 review tab cleanup: the tab already says 顧客評價, so remove the duplicate title. */
#productPageV81 + .reviews-v740 .reviews-head-clean-v82136,
.reviews-v740 .reviews-head-clean-v82136{
  justify-content:flex-end!important;
  min-height:0!important;
  padding-bottom:10px!important;
}
.reviews-v740 .reviews-status-v82136{
  margin-left:auto!important;
  text-align:right!important;
}