/* bomao_goods_list - 样式隔离 */
.bomao-goods-list {
  background-color: #D9D9D9;
  padding: 1.87rem 0 4.125rem; /* 80px 0 100px / 2 = 40px 0 50px = 2.5rem 0 3.125rem */
  border-radius: 1.5625rem 1.5625rem 0 0;
  background: #E4E4E4;
  position: relative;
  z-index: 1;
}
.bomao-goods-list .bomao-filter-tab-wrapper{
  position: relative;
}
.bomao-goods-list .goods-drop-menu{
  position: absolute;
  top: calc(100% + 0.8rem);
  z-index: 1;
  left: 0;
  border-radius: 0.3125rem;
  background: #FFF;
  box-shadow: 0 1px 9px 0 rgba(102, 52, 137, 0.22);
  padding: 0.63rem 0;
  /* opacity: 0; */
  width: fit-content !important;
  display: none;
  flex-direction: column;
  /* align-items: center; */
  transition:all 0.3s ease;
}
.bomao-goods-list .goods-drop-menu::before{
  content:'';
  position:absolute;
  top:-0.81rem;
  width:100%;
  height:0.81rem;
  ledt:0;
  background:transparent;
}
.bomao-goods-list .bomao-filter-tab-wrapper:hover .goods-drop-menu{
  /* opacity:1; */
  display: flex;
} 
.bomao-goods-list .goods-drop-menu a{
  display: block;
  /* padding: 0.5rem 1rem; */
  background: #fff;
  color: #000;
  white-space: nowrap;
  font-size: 0.4375rem;
  padding: 0.3rem 0.47rem;
}
.bomao-goods-list .goods-drop-menu a:hover{
  background: rgba(0,0,0,0.05);
}
/* 筛选导航区域 */
.bomao-filter-section {
  margin-bottom: 1.87rem; /* 80px / 2 = 40px = 2.5rem */
}

.bomao-filter-header {
  /* background: linear-gradient(135deg, #D9D9D9 0%, #D9D9D9 100%); */
  border: 1px solid #000000;
  border-radius: 2.03125rem; /* 65px / 2 = 32.5px = 2.03125rem */
  padding: 0.25rem 0.88rem; /* 70px 80px / 2 = 35px 40px = 2.1875rem 2.5rem */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  /* border-radius: 4.0625rem; */
  /* border: 1px solid #000; */
}

.bomao-filter-tabs {
  display: flex;
  gap: 0.625rem; /* 20px / 2 = 10px = 0.625rem */
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.bomao-filter-tab {
  padding: 0.56rem 0.47rem; /* 18px 15px / 2 = 9px 7.5px = 0.5625rem 0.46875rem，但调整为1.125rem 0.9375rem */
  border-radius: 1.875rem; /* 60px / 2 = 30px = 1.875rem */
  background: transparent;
  color: #000000;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.5rem; /* 16px / 2 = 8px = 0.5rem */
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem; /* 10px / 2 = 5px = 0.3125rem，调整为0.625rem */
  line-height: 0.625rem;
  /* min-height: 2.125rem; */ /* 根据设计稿调整高度 */
}

.bomao-filter-tab:hover {
  background: #FFF100;
  color: #000000;
  text-decoration: none;
}

.bomao-filter-tab.active {
  background: #FFF100;
  color: #000000;
}

/* 产品网格 */
.bomao-products-grid {
  display: flex;
  /* grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); */ /* 根据设计稿调整为更大的卡片 */
  gap: 0.81rem; /* 30px / 2 = 15px = 0.9375rem，调整为1.875rem */
  margin-bottom: 2.5rem; /* 80px / 2 = 40px = 2.5rem */
  flex-wrap: wrap;
}

.bomao-product-item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 0.81rem * 3) / 4);
  /* width: 25%; */
}

.bomao-product-card {
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, #8C72E5 6.11%, #6E55D1 100%);
  border-radius: 1.125rem; /* 36px / 2 = 18px = 1.125rem */
  overflow: hidden;
  transition: all 0.3s ease;
  text-decoration: none;
  color: #FFFFFF;
  height: 100%;
  position: relative;
  padding: 0.38rem;
}
.bomao-product-card:hover .bomao-product-image img{
    transform:scale(1.1);
}


.bomao-product-image {
  width: 100%;
  /* height: 15rem; */ /* 根据设计稿调整高度 */
  overflow: hidden;
  position: relative;
  border-radius: 1.125rem; /* 36px / 2 = 18px = 1.125rem */
  aspect-ratio: 1/1;

}

.bomao-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.125rem;
    transition:all 0.3s ease;
}

.bomao-product-info {
  padding: 0.62rem 0.34rem 0; /* 根据设计稿调整内边距 */
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bomao-product-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75625rem; /* 24.226px / 2 = 12.113px ≈ 0.75625rem */
  font-weight: 600;
  color: #FFFFFF;
  margin: 0 0 0.5rem 0;
  line-height: 1.219;
  /* text-transform: uppercase; */
  /* text-align: center; */
}

.bomao-product-description {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.5625rem; /* 18px / 2 = 9px = 0.5625rem */
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 0 0.62rem 0;
  line-height: 1.219;
  text-align: left;
  flex-grow: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 这里是超出几行省略 */
  overflow: hidden;
}

.bomao-product-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.31rem 0.75rem; /* 10px 30px / 2 = 5px 15px = 0.3125rem 0.9375rem，调整为0.625rem 1.875rem */
  border-radius: 2.5rem; /* 80px / 2 = 40px = 2.5rem */
  font-family: 'Montserrat', sans-serif;
  font-size: 0.5625rem; /* 18px / 2 = 9px = 0.5625rem */
  font-weight: 500;
  /* text-transform: uppercase; */
  text-decoration: none;
  transition: all 0.3s ease;
  /* width: 8.8125rem; */ /* 141px / 2 = 70.5px，调整为8.8125rem */
  /* height: 1.375rem; */ /* 44px / 2 = 22px = 1.375rem，调整为1.375rem */
  min-height: 1.375rem;
  /* gap: 0.625rem; */
  align-self: flex-end;
  margin-top: auto;
  float: right;
}
.bomao-product-card:hover .bomao-product-btn{
  background: #FFF100;
  color: #000000;
}

.bomao-product-btn:hover {
  background: #FFE600;
  color: #000000;
  text-decoration: none;
}

/* 分页区域 */
.bomao-pagination-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1.87rem; /* 80px / 2 = 40px = 2.5rem */
}

/* 覆写通用分页样式 */
.bomao-goods-list .pagesize {
  display: flex;
  gap: 0.5rem; /* 16px / 2 = 8px = 0.5rem */
  align-items: center;
}

.bomao-goods-list .pagesize a,
.bomao-goods-list .pagesize span {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.5625rem; /* 18px / 2 = 9px = 0.5625rem */
  font-weight: 400;
  color: #000000;
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 0.3125rem 0.625rem; /* 5px 10px / 2 = 2.5px 5px = 0.15625rem 0.3125rem，调整为0.3125rem 0.625rem */
  min-width: 2rem; /* 32px / 2 = 16px = 1rem，调整为2rem */
  text-align: center;
  line-height: 1.219;
}

.bomao-goods-list .pagesize a:hover {
  color: #000000;
  text-decoration: none;
}

.bomao-goods-list .pagesize .current {
  background: #6E55D1;
  color: #FFFFFF;
  border-radius: 0.5rem; /* 16px / 2 = 8px = 0.5rem */
  padding: 0.3125rem 0.625rem; /* 5px 10px / 2 = 2.5px 5px = 0.15625rem 0.3125rem，调整为0.3125rem 0.625rem */
}

/* 响应式设计 */
@media (max-width: 1500px) {
  .bomao-goods-list .goods-drop-menu a{
    font-size:0.625rem;
  }
}
@media (max-width: 1200px) {
  .bomao-goods-list .goods-drop-menu a{
    font-size:0.725rem;
  }
  .bomao-products-grid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  }
  
  .bomao-filter-tab {
    font-size: 0.675rem;
  }
}
@media (max-width: 992px) {
  .bomao-product-item{
    width:calc( 50% - 0.405rem);
  }
  .bomao-product-title{
    font-size:0.875rem;
  }
  .bomao-product-description,.bomao-product-btn{
    font-size:0.725rem;
  }
  .bomao-product-btn{
    /* padding:0.4rem ; */
  }
}
@media (max-width: 768px) {
  .bomao-product-item{
    width:100%;
  }
  .bomao-goods-list {
    /* padding: 1.5rem 0 2rem; */
  }
  
  .bomao-filter-header {
    padding: 1.5rem 2rem;
    border-radius: 1.5rem;
  }
  
  .bomao-filter-tabs {
    gap: 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  
  .bomao-filter-tab {
    font-size: 0.875rem;
    padding: 0.875rem 0.75rem;
    min-height: 1.75rem;
  }
  
  .bomao-products-grid {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    /* gap: 1.25rem; */
  }
  
  .bomao-product-image {
    /* height: 12rem; */
  }
  
  .bomao-product-info {
    padding: 0.875rem 1rem 1.25rem;
  }
  
  .bomao-product-title {
    /* font-size: 0.6875rem; */
  }
  
  .bomao-product-description {
    /* font-size: 0.5rem; */
  }
  
  .bomao-product-btn {
    /* width: 7.5rem; */
    height: 1.25rem;
    /* font-size: 0.5rem; */
    /* padding: 0.5rem 1.5rem; */
  }
}
@media (max-width: 576px) {
  .bomao-filter-tab{
    font-size: 0.65rem;
  }
  .bomao-filter-tab{
    padding:0.5rem;
  }
  .bomao-filter-header{
    padding:0.5rem;
  }
  .bomao-filter-tabs{
    gap:0;
  }
}

.bomao-goods-list #pagesize ul li a{
  width: 32px;
  height: 32px;
}
.bomao-goods-list #pagesize ul li a{
  border: none;
  background: none;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bomao-goods-list #pagesize ul li a:hover,
.bomao-goods-list #pagesize ul li a.active{
  border: none;
}
.bomao-goods-list #pagesize ul li a.disabled{
  display: none;
}

.bomao-goods-list #pagesize ul li:nth-child(1):hover a,
.bomao-goods-list #pagesize ul li:nth-last-child(1):hover a{
  background: none;
  color: #6E55D1 !important;
  border: none;
  box-shadow: none;
}

.bomao-goods-list #pagesize ul li:nth-child(1) a,
.bomao-goods-list #pagesize ul li:nth-last-child(1) a{
  width: auto;
  height: auto;
}
.bomao-goods-list #pagesize{
  margin: 0;
}
.bomao-goods-list #pagesize ul{
  align-items: center;
}