/* Custom Styles */
body {
    font-family: 'Poppins', sans-serif;
    color: #333;
}
.font-serif {
    font-family: 'Playfair Display', serif;
}
.hero-slide {
    transition: opacity 1s ease-in-out;
}

/* Product Carousel Animation */
.carousel-track {
    display: flex;
    animation: scroll 40s linear infinite;
}
.carousel-container:hover .carousel-track {
    animation-play-state: paused;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-352px * 5)); } 
}
.carousel-card {
    flex-shrink: 0;
    width: 320px;
    margin: 0 1rem;
}

/* Floating Action Buttons */
.floating-buttons {
    position: fixed;
    bottom: 8.5rem; 
    right: 1.5rem;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.floating-buttons a {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition: transform 0.3s, background-color 0.3s;
}

.floating-buttons a:hover {
    transform: scale(1.1);
}

.whatsapp-btn {
    background-color: #25D366;
}
.whatsapp-btn:hover {
    background-color: #1DAE5A;
}
.call-btn {
    background-color: #DC2626;
}
.call-btn:hover {
    background-color: #B91C1C;
}

.floating-buttons a i {
    font-size: 1.5rem;
}

/* Adjust button position on larger screens */
@media (min-width: 1024px) {
    .floating-buttons {
        bottom: 1.5rem;
    }
}