/* =========================================================
   Bewatch Expert HK — 静态克隆附加样式
   主题样式沿用原站 Dawn 主题；本文件仅补充克隆所需交互样式
   ========================================================= */

/* ---- 集合页：筛选/排序控件 ---- */
.facets__disclosure { position: relative; }
.facets__summary span { font-size: 1.4rem; }
.facets__display { position: absolute; left: 0; z-index: 20; }
.facets__list { max-height: 30rem; overflow-y: auto; }
.facets__list input[type="checkbox"] { margin-right: 1rem; }
.facets__item label { display: flex; align-items: center; font-size: 1.4rem; }

/* 排序 select（桌面） */
.facets__sort select { padding: 1rem 4rem 1rem 1.5rem; font-size: 1.4rem; }
.facets__sort select:focus-visible { outline-offset: 0.3rem; }

/* 商品网格分页 */
.pagination-wrapper { margin-top: 4rem; }
.pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; }
.pagination__item { min-width: 4.4rem; min-height: 4.4rem; display: inline-flex; align-items: center; justify-content: center; border: 0.1rem solid rgba(18,18,18,.2); font-size: 1.4rem; text-decoration: none; }
.pagination__item--current { background: rgb(18,18,18); color: #fff; }
.pagination__item:hover:not(.pagination__item--current) { border-color: rgb(18,18,18); }

/* ---- 搜索页 ---- */
.search-hero { padding: 4rem 0 2rem; text-align: center; }
.search-hero .search__input { max-width: 60rem; margin: 0 auto; }
.search-count { text-align: center; margin-top: 2rem; font-size: 1.4rem; opacity: .7; }

/* ---- 商品页 BUY NOW 弹窗 ---- */
.product-popup-modal { position: fixed; inset: 0; z-index: 200; display: none; }
.product-popup-modal[open] { display: block; }
.product-popup-modal::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.4); }
.product-popup-modal__content { position: relative; max-width: 55rem; margin: 10vh auto 0; background: #fff; padding: 3rem; max-height: 80vh; overflow: auto; }
.product-popup-modal__toggle { position: absolute; top: 1rem; right: 1rem; background: none; border: 0; cursor: pointer; }
.product-popup-modal__content-info h1 { margin-bottom: 2rem; }
.product-popup-modal__content-info p { margin: 0 0 1.2rem; line-height: 1.7; }
.product-popup-modal__content-info .whatsapp-cta { display: inline-block; margin-top: 1rem; }

/* ---- 商品页媒体 ---- */
.product__media img { width: 100%; height: auto; display: block; }
.product__media-list .product__media-item + .product__media-item { margin-top: 1rem; }

/* ---- 商品页描述 ---- */
.product__description.rte { font-size: 1.5rem; line-height: 1.9; color: rgba(18,18,18,.75); }
.product__description.rte p { margin: 0 0 1rem; }

/* ---- 购物车说明页 ---- */
.cart-info { padding: 6rem 0; }
.cart-info__box { max-width: 70rem; margin: 0 auto; text-align: center; }
.cart-info__box h1 { margin-bottom: 2rem; }
.cart-info__box p { font-size: 1.5rem; line-height: 1.9; color: rgba(18,18,18,.75); margin-bottom: 1.2rem; }
.cart-info__box .button { margin: 1rem .5rem 0; }

/* ---- 404 ---- */
.not-found { padding: 10rem 0; text-align: center; }
.not-found h1 { font-size: 6rem; margin-bottom: 1rem; }
.not-found p { font-size: 1.6rem; margin-bottom: 3rem; }

/* ---- 首页富文本 ---- */
.rich-text__text p { font-size: 1.6rem; line-height: 1.9; }

/* 移动端菜单抽屉关闭按钮区域 */
@media screen and (max-width: 989px) {
  .product__info-wrapper { padding-top: 2rem; }
}

/* ---- 移动端抽屉菜单：静态站无 global.js，原生 details[open] 即展开 ---- */
header-drawer > details[open] > .menu-drawer,
header-drawer > details[open].menu-opening > .menu-drawer {
  transform: translate(0);
  visibility: visible;
}
header-drawer > details[open] > summary::before {
  visibility: visible;
  opacity: 1;
}

/* 抽屉定位锚点：header 相对定位，抽屉 top:100% 落在 header 正下方 */
header.header { position: relative; }
header-drawer > details[open] > .menu-drawer {
  height: calc(100vh - 11rem);
  overflow-y: auto;
}