/* 响应式适配（可选，如小屏幕仍保持一行两列） */
@media (max-width: 768px) {
/* 针对产品网格的行 */
.product-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; /* 抵消列的内边距，使布局更紧凑 */
}

/* 针对产品列 */
.product-grid > div[class*="col-"] {
  flex: 0 0 50%; /* 每列宽度占 50%，实现一行两列 */
  max-width: 50%;
  padding: 0 15px; /* 自定义内边距 */
}
.p-30 {
    padding: 10px !important;
}
/* 针对产品页间距 */
.mb-50 {
    margin-bottom: 5px !important;
}
  
}


/* 1. 折叠触发器（手机端按钮）样式 */
/* 仅在手机端生效（小于768px） */
@media (max-width: 767.98px) {
  /* 触发器按钮样式 */
  .btn-collapse-trigger {
    color: #2c3e50; /* 按钮文字颜色 */
    font-weight: 600; /* 文字加粗 */
    padding: 12px 0; /* 上下内边距 */
    font-size: 16px; /* 文字大小 */
    text-decoration: none; /* 移除默认下划线 */
  }

  /* 按钮 hover/点击状态 */
  .btn-collapse-trigger:hover,
  .btn-collapse-trigger:focus {
    color: #e74c3c; /*  hover 颜色 */
    text-decoration: none; /* 保持无下划线 */
    box-shadow: none; /* 移除默认焦点阴影 */
  }

  /* 箭头图标样式（配合 Font Awesome） */
  .btn-collapse-trigger .arrow-icon {
    transition: transform 0.3s ease; /* 箭头旋转动画 */
    margin-left: 8px; /* 与文字间距 */
  }

  /* 折叠时箭头旋转（借助 Bootstrap 折叠组件的 .collapsed 类） */
  .btn-collapse-trigger.collapsed .arrow-icon {
    transform: rotate(-180deg); /* 折叠状态箭头朝上 */
  }


  /* 2. 折叠内容区域样式 */
  #collapsibleContent {
    padding: 15px 0; /* 内容内边距（上下留白） */
    border-top: 1px solid #f1f1f1; /* 顶部分隔线 */
    margin-top: 8px; /* 与触发器的间距 */
  }

  /* 折叠动画优化（默认折叠动画是高度变化，可增强过渡效果） */
  #collapsibleContent.collapsing {
    transition: max-height 0.5s ease, opacity 0.3s ease; /* 高度+透明度过渡 */
    max-height: 0; /* 折叠时初始高度 */
    opacity: 0; /* 折叠时初始透明度 */
    overflow: hidden;
  }

  #collapsibleContent.show {
    max-height: 1000px; /* 展开时最大高度（需大于实际内容高度） */
    opacity: 1; /* 展开时完全显示 */
  }


  /* 3. 内容内部元素适配手机端 */
  .widget-about p {
    font-size: 14px; /* 缩小文字大小 */
    line-height: 1.6; /* 增加行高提升可读性 */
    margin-bottom: 12px; /* 减少段落间距 */
  }

  .mobile-social-icon a {
    width: 36px; /* 社交图标尺寸 */
    height: 36px;
    margin-right: 8px; /* 图标间距 */
  }

  .mobile-social-icon i {
    font-size: 16px; /* 图标内文字大小 */
  }
}

/* 4. 非手机端（平板/桌面）样式保持（可选） */
@media (min-width: 768px) {
  /* 确保折叠内容在大屏幕不折叠，且无多余边框 */
  #collapsibleContent {
    border-top: none;
    margin-top: 0;
    padding: 0;
  }
}

/* 针对菜单栏间距 */
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
    padding: 8px 0 8px;
}
.categories-button-active-2 {
    padding: 5px 0;
}

/* 针对产品列标题自动换行 */
.product-cart-wrap .product-content-wrap h2 a {
    white-space: normal;
}

/* 针对产品列隐藏筛选 */
.col-lg-12{
	display: none;
}

@media only screen and (max-width: 480px)
.shop-product-filter .total-product {
	display: none;

}
/*产品字体大小间距*/
.product-cart-wrap .product-content-wrap h2 {
    line-height: 18px;
}
.product-cart-wrap .product-content-wrap h2 {
    border-bottom: 1px solid #eee;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 0px 0 0px;
}
.product-cart-wrap .product-content-wrap {
    padding: 5px;
}
/*产品页面间距*/
.mt-60 {
    margin-top: 10px !important;
}
.mt-50 {
    margin-top: 10px !important;
}
/*隐藏搜索框*/
.mobile-search {
    display: none;
}
.main-categories-wrap {
    display: none;
}

/* 响应式适配（ 间距缩短） */
@media only screen and (max-width: 480px) {
    .section-padding-60 {
        padding: 0px 0;
    }
}
.mb-30 {
    margin-bottom: 10px !important;
}