/* ===================================
   首页自定义样式
   =================================== */

/* 分类轮播样式 */
.category-carousel {
  padding: 0 0 0 4%;
}

.category-nav-btn {
  transition: all 0.3s ease;
}

.category-nav-btn:hover {
  background-color: #f8f9fa !important;
  transform: translateY(-50%) scale(1.1);
}

.category-carousel-track {
  transition: transform 0.3s ease;
}

.category-slide:hover .category-circle {
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

.category-circle {
  transition: all 0.3s ease;
  border: 2px solid #f8f9fa;
}

.category-slide:hover .category-circle {
  /* border-color: #0d6efd; */
}

/* 联系信息栏样式 */
.contact-icon {
  flex-shrink: 0;
}

.social-icons a {
  transition: all 0.3s ease;
}

.social-icons a:hover {
  transform: scale(1.1);
  color: #333 !important;
}

/* 产品标签页样式 */
.product-tabs {
  background-color: #f8f9fa;
}

.tab-item {
  color: #495057;
  text-decoration: none;
  transition: all 0.3s ease;
}

.tab-item.active {
  background-color: #0d6efd;
  color: white;
  font-weight: 500;
}

.tab-item:hover:not(.active) {
  background-color: #e9ecef;
}

/* 仓库侧边栏样式 */
.bg-gradient-dark {
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
}

.warehouse-sidebar img {
  height: 120px;
  object-fit: cover;
}

.contact-info-sidebar {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid #ffc107;
}

.contact-info-sidebar i {
  font-size: 14px;
}

/* ===================================
   响应式样式
   =================================== */

/* 平板和小屏幕 */
@media (max-width: 768px) {
  /* 分类轮播响应式 */
  .category-carousel {
    padding: 0 50px;
  }
  
  .category-nav-btn {
    width: 40px !important;
    height: 40px !important;
  }
  
  .category-slide {
    width: 120px !important;
  }
  
  .category-circle {
    width: 80px !important;
    height: 80px !important;
  }
  
  .category-circle img {
    width: 50px !important;
    height: 50px !important;
  }

  /* 联系信息栏响应式 */
  .social-icons {
    justify-content: center !important;
    margin-top: 15px;
  }
  
  .contact-info-row .col-lg-2,
  .contact-info-row .col-lg-3,
  .contact-info-row .col-lg-4 {
    margin-bottom: 15px;
  }
  
  .contact-info-row .col-lg-4:last-child {
    margin-bottom: 0;
  }

  /* 仓库侧边栏响应式 */
  .warehouse-sidebar {
    margin-top: 30px;
  }
  
  .warehouse-sidebar .row.g-2 {
    margin-bottom: 20px;
  }
}

/* 小型移动设备 */
@media (max-width: 576px) {
  .category-carousel {
    padding: 0 40px;
  }
  
  .category-nav-btn {
    width: 35px !important;
    height: 35px !important;
  }
  
  .category-slide {
    width: 100px !important;
  }
  
  .category-circle {
    width: 70px !important;
    height: 70px !important;
  }
  
  .category-circle img {
    width: 45px !important;
    height: 45px !important;
  }
}