@media (max-width: 850px) {
    .product-modal__body {
        flex-direction: column;
        max-height: 90vh;
        overflow-y: auto;
    }
    .product-modal__image-container {
        flex: 0 0 auto;
        width: 100%;
        padding: 0;
    }
    .product-modal__image-container img {
        width: 100%;
        max-height: 50vh;
        object-fit: cover;
    }
    .product-modal__info {
        flex: 0 0 auto;
        padding: var(--spacing-lg);
        overflow-y: visible;
    }
}

@media (max-width: 768px) {
    .header__menu-btn { display: block; }
    .header__nav, .header__nav--right { display: none; }
    .header__logo h1 { font-size: 1.2rem; }
    .section-header { flex-direction: column; align-items: flex-start; }
    .about__grid, .about__highlights { grid-template-columns: 1fr; }
    .about__border { display: none; }
    .footer__grid { grid-template-columns: 1fr 1fr; }
    .footer__bottom { flex-direction: column; gap: 20px; text-align: center; }
}

@media (max-width: 480px) {
    :root { font-size: 14px; }
    .hero__title { font-size: 2rem; }
    .hero__buttons { flex-direction: column; gap: var(--spacing-md); }
    .btn { width: 100%; text-align: center; }
    .products-grid, .testimonials-grid, .fragrances-grid { grid-template-columns: 1fr; }
}
.filter-tabs__btn {
    cursor: pointer;
    touch-action: manipulation; /* Optimiza el clic en móviles */
    -webkit-tap-highlight-color: transparent; /* Quita el cuadro azul feo al tocar */
}