* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            color: #333;
        }

        h1,
        h2,
        h3,
        h4 {
            font-family: 'Playfair Display', serif;
        }

        .text-primary-pink {
            color: #E83B8E;
        }

        .bg-primary-pink {
            background-color: #E83B8E;
        }

        .size-badge {
            display: inline-block;
            padding: 2px 8px;
            border-radius: 12px;
            font-size: 0.75rem;
            font-weight: 600;
            margin: 2px;
        }

        .whatsapp-float {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
            }

            70% {
                box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
            }
        }

        .nav-link {
            position: relative;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 0;
            background-color: #E83B8E;
            transition: width 0.3s ease;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        .product-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

        .filter-option {
            transition: all 0.3s ease;
        }

        .filter-option:hover {
            background-color: #fdf2f8;
        }

        .filter-option.active {
            background-color: #fce7f3;
            color: #E83B8E;
            font-weight: 600;
        }

        .price-slider {
            -webkit-appearance: none;
            width: 100%;
            height: 6px;
            border-radius: 5px;
            background: #e5e7eb;
            outline: none;
        }

        .price-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #E83B8E;
            cursor: pointer;
        }

        .price-slider::-moz-range-thumb {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #E83B8E;
            cursor: pointer;
            border: none;
        }

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

        .pagination-btn:hover:not(.disabled) {
            background-color: #fce7f3;
            color: #E83B8E;
        }

        .pagination-btn.disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .pagination-btn.active {
            background-color: #E83B8E;
            color: white;
        }

        /* WhatsApp button fix for mobile */
        @media (max-width: 768px) {
            .whatsapp-float {
                bottom: 80px !important;
                right: 20px !important;
                width: 56px !important;
                height: 56px !important;
            }

            .filters-sidebar {
                position: fixed;
                top: 0;
                left: -100%;
                width: 85%;
                height: 100vh;
                z-index: 1000;
                transition: left 0.3s ease;
                overflow-y: auto;
            }

            .filters-sidebar.active {
                left: 0;
            }

            .filters-overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
                z-index: 999;
            }

            .filters-overlay.active {
                display: block;
            }
        }
/* Estilos específicos para o catálogo */
.filter-option {
    transition: all 0.3s ease;
}

.filter-option:hover {
    background-color: #fdf2f8;
}

.filter-option.active {
    background-color: #fce7f3;
    color: #E83B8E;
    font-weight: 600;
}

.filter-option.category-filter.active {
    background-color: #E83B8E;
    color: white;
}

.price-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: #e5e7eb;
    outline: none;
}

.price-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #E83B8E;
    cursor: pointer;
}

.price-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #E83B8E;
    cursor: pointer;
    border: none;
}

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

.pagination-btn:hover:not(.disabled) {
    background-color: #fce7f3;
    color: #E83B8E;
}

.pagination-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-btn.active {
    background-color: #E83B8E;
    color: white;
}

/* WhatsApp button fix for mobile */
@media (max-width: 768px) {
    .filters-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 85%;
        height: 100vh;
        z-index: 1000;
        transition: left 0.3s ease;
        overflow-y: auto;
    }
    
    .filters-sidebar.active {
        left: 0;
    }
    
    .filters-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 999;
    }
    
    .filters-overlay.active {
        display: block;
    }
}