/**
 * Homepage Styles
 *
 * Custom styles for template-home.php components
 */

/* ============================================
   Info Cards
   ============================================ */
.hi-info-cards {
    scrollbar-width: thin;
    scrollbar-color: #66b98f #f1f1f1;
}

.hi-info-cards .card {
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.hi-info-cards .card-body {
    padding: 0.75rem;
}

/* ============================================
   Category Icons
   ============================================ */
.hi-category-icons [data-href] {
    cursor: pointer;
}

/* ============================================
   Product Sections
   ============================================ */
.hi-product-section {
    margin-bottom: 1.5rem;
}

/* ============================================
   Mobile Promo Scroll (image-scroll-view)
   ============================================ */
.image-scroll-view-container {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #66b98f #f1f1f1;
}

.image-scroll-view {
    display: flex;
    gap: 10px;
    padding: 0 15px;
}

.image-scroll-view::-webkit-scrollbar {
    display: none;
}

.image-scroll-view img {
    width: 250px;
    height: auto;
    border-radius: 8px;
    flex-shrink: 0;
    cursor: pointer;
    object-fit: cover;
}