/* Home Page Styles */

/* Hero Carousel Custom Styles */
.hero-carousel-section { height: 250px; }
@media (min-width: 640px) { .hero-carousel-section { height: 400px; } }
@media (min-width: 768px) { .hero-carousel-section { height: 600px; } }
.hero-slide { transition: opacity 1s ease-in-out; }
.hero-slide.active { opacity: 1; z-index: 10; }
.hero-slide.inactive { opacity: 0; z-index: 1; }
.hero-title { font-size: 32px; }
@media (min-width: 768px) { .hero-title { font-size: 52px; } }
.hero-btn-dark { background-color: #333333; color: #ffffff; }
.hero-btn-dark:hover { background-color: #000000; }
.hero-btn-light { background-color: #ffffff; color: #333333; }
.hero-btn-light:hover { background-color: #f3f4f6; }
.hero-pagination { bottom: -20px; }
.hero-pagination span { transition: all 0.3s ease; }
.active-page { font-size: 0.875rem !important; opacity: 1 !important; color: #333333 !important; }
@media (min-width: 768px) { .active-page { font-size: 1.875rem !important; } }
.inactive-page { font-size: 0.625rem !important; opacity: 0.6 !important; color: #333333; }
@media (min-width: 768px) { .inactive-page { font-size: 1rem !important; } }
.inactive-page:hover { opacity: 1 !important; color: #f05a28 !important; }

/* Category Swiper */
.category-section { background-color: #ffffff; }
.category-swiper-viewport { overflow: hidden; width: 100%; }
.category-swiper-wrapper { display: flex; transition: transform 0.5s ease-in-out; width: 100%; }
.category-slide { width: 100%; flex-shrink: 0; box-sizing: border-box; }
.category-dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #999999; cursor: pointer; transition: all 0.3s ease; }
.category-dot.active { background-color: #333333; border-color: #333333; }
.category-main-title { color: #333333; font-size: 24px; }
@media (min-width: 768px) { .category-main-title { font-size: 36px; } }

/* Product List Section */
.product-price-discount { color: #e33545; }
.product-apply-btn { background-color: #333333; color: #ffffff; }
.product-apply-btn:hover { background-color: #000000; }
.success-stories-tag { background-color: #f05a28; color: #ffffff; }

/* Reviews Section */
.reviews-section { background-color: #ffffff; }
.reviews-header-bg { background-color: #ffeaea; }
.reviews-main-title { color: #333333; }
.reviews-subtitle { color: #333333; }
.review-card { background-color: #f9f9f9; }
.review-dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #666666; cursor: pointer; transition: all 0.3s ease; }
.review-dot.active { background-color: #666666; border-color: #666666; }

/* B2B Wholesale Section */
.b2b-section { background-color: #ffffff; }
.b2b-main-title { color: #333333; font-size: 24px; }
@media (min-width: 768px) { .b2b-main-title { font-size: 36px; } }
.b2b-card-bg { background-color: #f5f5f5; }
.b2b-card-inner { background-color: #ffffff; }
.b2b-card-title { color: #333333; font-size: 18px; }
@media (min-width: 768px) { .b2b-card-title { font-size: 20px; } }
.b2b-card-subtitle { color: #666666; font-size: 14px; }
.b2b-list-item { color: #333333; font-size: 15px; }
.b2b-btn { background-color: #f05a28; color: #ffffff; font-size: 14px; }
.b2b-btn:hover { background-color: #d0481c; }

/* Source Factory Cluster Section */
.factory-cluster-section { padding-top: 40px; padding-bottom: 40px; }
@media (min-width: 768px) { .factory-cluster-section { padding-top: 80px; padding-bottom: 80px; } }
.factory-cluster-box { background-color: rgba(255, 255, 255, 0.85); padding: 30px 15px; width: 90%; margin: 0 auto; }
@media (min-width: 768px) { .factory-cluster-box { padding: 50px 20px; width: 60%; } }
.factory-cluster-title { color: #333333; font-size: 24px; }
@media (min-width: 768px) { .factory-cluster-title { font-size: 36px; } }
.factory-cluster-subtitle { color: #333333; font-size: 14px; }