/* ============================================================
   浩卡反代皮肤 skin.css  v1
   作用域：仅 haokayp.91kawang.com（反代 mp.yapingkeji.com）
   说明：命名全部加 hk- 前缀，避免与上游样式冲突
   ============================================================ */

/* ---------- 一、店铺首页：隐藏上游品牌装饰 ---------- */

/* 顶部轮播 banner */
.content .navi_title > .banner.banner-wrapper,
.content .navi_title > .banner {
  display: none !important;
}

/* 店铺头像 / 店名 / 签名条 */
.content .navi_title .dw .navi_img {
  display: none !important;
}

/* 顶部四宫格入口（11月推荐 / 流量卡 / 宽带 / 分享店铺） */
.content .navi_title .dw .navi_img_cct .nav_item_list .nav_item {
  display: none !important;
}

/* 没有 banner 了，取消负边距，避免内容顶到屏幕边缘 */
.content .navi_title .dw[data-v-968179d2] {
  margin-top: 0 !important;
}

/* ---------- 二、底部导航：拆掉底栏，把保留项搬进顶部宫格 ---------- */

/* 被搬进页面的 nav-list（JS 会加 .hk-inline） */
.nav-list.hk-inline {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  z-index: auto !important;
}

/* 宫格内只保留一格，宽度对齐原来的 nav_item */
.nav-list.hk-inline .nav-list-item {
  width: 25% !important;
  height: 5.625rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 店铺首页 / 订单查询 / 在线客服 —— 已移出 */
.nav-list.hk-inline .nav-list-item.hk-drop {
  display: none !important;
}

/* 保留项的视觉放大约到原 nav_item 的量级 */
.nav-list.hk-inline .nav-item {
  width: auto !important;
  font-size: .8125rem !important;
  line-height: 1.15 !important;
  color: #191919 !important;
}

.nav-list.hk-inline .nav-item .nav-icon,
.nav-list.hk-inline .nav-item .nav-icon uni-image {
  width: 2.5rem !important;
  height: 2.5rem !important;
  margin: 0 auto !important;
}

/* 浅色圆底，让单入口在白卡上不显得空 */
.nav-list.hk-inline .nav-item .nav-icon {
  background: #e9f5ff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.nav-list.hk-inline .nav-item .nav-icon uni-image {
  width: 1.75rem !important;
  height: 1.75rem !important;
}

.nav-list.hk-inline .nav-item .nav-icon uni-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.nav-list.hk-inline .nav-item .text {
  margin-top: .5rem !important;
  font-size: .8125rem !important;
  color: #191919 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

/* ---------- 三、商品详情页 ---------- */

/* 查询名下卡数量 / 分享商品 两个按钮条 */
.detail-wrapper .attr_btn {
  display: none !important;
}

/* 分段控件里的"常见问题"（剩余两项各占一半） */
.detail-wrapper .header-wrapper .segmented-control .segmented-control__item.hk-drop {
  display: none !important;
}

.detail-wrapper .header-wrapper .segmented-control .segmented-control__item {
  flex: 1 1 50% !important;
  width: 50% !important;
  max-width: 50% !important;
}

/* 整条底部操作栏（订单 + 立即领取） */
.detail-wrapper .button_bar {
  display: none !important;
}

/* ---------- 四、悬浮"回首页"按钮 ---------- */

.hk-fab {
  position: fixed;
  right: .875rem;
  bottom: calc(1.25rem + env(safe-area-inset-bottom));
  z-index: 9999;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(140deg, #00a2ea, #0079c4);
  box-shadow: 0 .25rem .875rem rgba(0, 122, 190, .42);
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .12s ease;
  opacity: .94;
}

.hk-fab:active {
  transform: scale(.92);
}

.hk-fab svg {
  width: 1.125rem;
  height: 1.125rem;
  fill: #fff;
  margin-bottom: .1875rem;
}

.hk-fab span {
  font-size: .5625rem;
  line-height: 1;
  color: #fff;
}