/**
 * Optimizaciones para dispositivos móviles
 * Asegura una excelente experiencia de usuario en móviles
 * 
 * @package YeshuaTech
 */

/* ============================================
   MEJORAS GENERALES PARA MÓVIL
   ============================================ */

/* Asegurar que el viewport funcione correctamente */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Tamaños mínimos táctiles (44x44px según Apple HIG) */
button, 
a.button,
input[type="submit"],
input[type="button"],
.yeshua-cart-toggle,
#mobile-menu-toggle,
#mobile-search-toggle {
    min-height: 44px;
    min-width: 44px;
    touch-action: manipulation;
}

/* Prevenir zoom en inputs en iOS */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    select,
    textarea {
        font-size: 16px !important; /* Previene zoom automático en iOS */
    }
}

/* ============================================
   HEADER MÓVIL
   ============================================ */

@media (max-width: 1023px) {
    /* Top bar más compacta en móvil */
    .yeshua-top-bar {
        padding: 0.5rem 0;
    }
    
    .yeshua-top-bar .text-xs {
        font-size: 0.7rem;
        line-height: 1.3;
    }
    
    /* Header principal más compacto */
    .yeshua-header-content {
        padding: 0.75rem 0;
    }
    
    /* Logo más pequeño en móvil */
    .yeshua-header-content img {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }
    
    /* Ocultar texto del logo en móvil muy pequeño */
    @media (max-width: 640px) {
        .yeshua-header-content .hidden.sm\:block {
            display: none !important;
        }
    }
    
    /* Botones del header más grandes para toque fácil */
    #mobile-menu-toggle,
    #mobile-search-toggle,
    #yeshua-cart-toggle {
        padding: 0.75rem;
        min-width: 44px;
        min-height: 44px;
    }
}

/* Menú móvil mejorado */
@media (max-width: 1023px) {
    .mobile-menu-overlay {
        z-index: 9999;
    }
    
    .mobile-menu {
        width: 85vw;
        max-width: 320px;
    }
    
    .yeshua-mobile-menu a {
        padding: 1rem;
        font-size: 1rem;
        min-height: 48px;
        display: flex;
        align-items: center;
        border-radius: 0.5rem;
        transition: all 0.2s ease;
    }
    
    .yeshua-mobile-menu a:active {
        background-color: #f3f4f6;
        transform: scale(0.98);
    }
}

/* Búsqueda móvil mejorada */
@media (max-width: 1023px) {
    .mobile-search-overlay {
        z-index: 9999;
    }
    
    .mobile-search {
        padding: 1.5rem 1rem;
        position: relative;
    }
    
    .mobile-search .relative {
        position: relative;
    }
    
    .mobile-search input {
        font-size: 16px !important; /* Previene zoom en iOS */
        padding: 1rem 3rem 1rem 3rem;
        min-height: 48px;
    }
    
    .mobile-search svg {
        width: 1.25rem;
        height: 1.25rem;
    }
    
    /* Contenedor de resultados de búsqueda móvil */
    #yeshua-mobile-search-results {
        position: absolute !important;
        top: calc(100% + 0.5rem) !important;
        left: 0 !important;
        right: 0 !important;
        background: white !important;
        border-radius: 0.75rem !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid #e5e7eb !important;
        max-height: 60vh !important;
        overflow-y: auto !important;
        z-index: 10000 !important;
        margin: 0 !important;
        margin-top: 0.5rem !important;
    }
    
    .mobile-search {
        position: relative !important;
    }
    
    .mobile-search form {
        position: relative !important;
    }
    
    /* Items de búsqueda móvil mejorados */
    #yeshua-mobile-search-items .yeshua-search-item {
        padding: 1rem !important;
        border-bottom: 1px solid #f3f4f6 !important;
        min-height: 80px;
        display: flex !important;
        align-items: center !important;
    }
    
    #yeshua-mobile-search-items .yeshua-search-item:last-child {
        border-bottom: none !important;
    }
    
    #yeshua-mobile-search-items .yeshua-search-item img {
        width: 4rem !important;
        height: 4rem !important;
        border-radius: 0.5rem !important;
        object-fit: cover !important;
    }
    
    #yeshua-mobile-search-items .yeshua-search-item h4 {
        font-size: 0.9375rem !important;
        line-height: 1.4 !important;
    }
    
    /* Loading y empty states móvil */
    #yeshua-mobile-search-loading,
    #yeshua-mobile-search-empty {
        padding: 2rem 1rem !important;
    }
    
    /* Items de búsqueda móvil */
    #yeshua-mobile-search-items .yeshua-search-item {
        padding: 1rem;
        border-bottom: 1px solid #f3f4f6;
    }
    
    #yeshua-mobile-search-items .yeshua-search-item:last-child {
        border-bottom: none;
    }
    
    #yeshua-mobile-search-items .yeshua-search-item img {
        width: 4rem;
        height: 4rem;
        border-radius: 0.5rem;
    }
    
    /* Scrollbar personalizado para resultados móviles */
    #yeshua-mobile-search-results::-webkit-scrollbar {
        width: 6px;
    }
    
    #yeshua-mobile-search-results::-webkit-scrollbar-track {
        background: #f3f4f6;
    }
    
    #yeshua-mobile-search-results::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 10px;
    }
    
    #yeshua-mobile-search-results::-webkit-scrollbar-thumb:hover {
        background: #9ca3af;
    }
}

/* ============================================
   CARRITO MÓVIL
   ============================================ */

@media (max-width: 640px) {
    .yeshua-mini-cart-sidebar {
        width: 100vw !important;
        max-width: 100vw !important;
    }
    
    /* Items del carrito más compactos */
    .yeshua-mini-cart-item {
        padding: 0.75rem 0;
    }
    
    .yeshua-mini-cart-item img {
        width: 60px !important;
        height: 60px !important;
    }
    
    /* Controles de cantidad más grandes */
    .yeshua-mini-cart-item .qty-minus,
    .yeshua-mini-cart-item .qty-plus {
        min-width: 44px;
        min-height: 44px;
        padding: 0.75rem;
    }
    
    /* Botón eliminar más grande */
    .yeshua-mini-cart-item .remove_from_cart_button {
        min-width: 44px;
        min-height: 44px;
        padding: 0.75rem;
    }
    
    /* Botón proceder al pago más grande */
    .yeshua-mini-cart-sidebar a[href*="checkout"] {
        padding: 1rem;
        font-size: 1rem;
        min-height: 48px;
    }
}

/* ============================================
   CHECKOUT MÓVIL
   ============================================ */

@media (max-width: 1023px) {
    /* Header del checkout más compacto */
    .yeshua-checkout-header {
        position: relative;
        padding: 1rem 0;
    }
    
    .yeshua-checkout-header h1 {
        font-size: 1.5rem;
    }
    
    /* Barra de progreso más compacta */
    .yeshua-checkout-header .flex.items-center.gap-4 {
        gap: 0.5rem;
    }
    
    .yeshua-checkout-header .w-8.h-8 {
        width: 2rem;
        height: 2rem;
        font-size: 0.75rem;
    }
    
    /* Grid de checkout: una columna en móvil */
    .yeshua-checkout-header + .max-w-7xl .grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Secciones del checkout más compactas */
    .yeshua-checkout-section {
        padding: 1.25rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* Campos de formulario más grandes para toque fácil */
    .yeshua-form-group input,
    .yeshua-form-group select,
    .yeshua-form-group textarea {
        min-height: 48px;
        padding: 0.875rem 1rem;
        font-size: 16px !important; /* Previene zoom en iOS */
    }
    
    /* Iconos en campos más grandes */
    .yeshua-form-group .relative svg {
        width: 1.5rem;
        height: 1.5rem;
        left: 1rem;
    }
    
    .yeshua-form-group input[class*="pl-12"] {
        padding-left: 3.5rem !important;
    }
    
    /* Radio buttons más grandes */
    input[type="radio"] {
        width: 1.5rem !important;
        height: 1.5rem !important;
        min-width: 1.5rem;
        min-height: 1.5rem;
    }
    
    /* Labels de métodos de envío/pago más grandes */
    label[class*="border-2"] {
        padding: 1rem !important;
        min-height: 64px;
    }
    
    /* Botones más grandes */
    button[type="submit"],
    button[type="button"],
    #yeshua-continue-to-payment {
        min-height: 52px;
        padding: 1rem 1.5rem;
        font-size: 1rem;
    }
    
    /* Resumen del pedido sticky en móvil */
    .yeshua-checkout-header + .max-w-7xl .lg\:col-span-1 {
        position: sticky;
        bottom: 0;
        z-index: 10;
        background: white;
        border-top: 2px solid #e5e7eb;
        padding-top: 1rem;
        margin-top: 1rem;
    }
    
    /* Imágenes del resumen más pequeñas */
    .yeshua-order-items img {
        width: 60px !important;
        height: 60px !important;
    }
}

/* ============================================
   PÁGINA DE PRODUCTO MÓVIL
   ============================================ */

@media (max-width: 767px) {
    /* Contenedor más compacto */
    .yeshua-single-product-container {
        padding: 1rem !important;
    }
    
    /* Grid de una columna en móvil */
    .yeshua-product-main-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    /* Imagen sin sticky en móvil */
    .yeshua-product-image-column {
        position: relative !important;
        top: auto !important;
    }
    
    /* Imagen más compacta */
    .yeshua-product-image-wrapper {
        aspect-ratio: 1;
    }
    
    /* Título más pequeño */
    .yeshua-product-title {
        font-size: 1.5rem !important;
        line-height: 1.3;
    }
    
    /* Precio más pequeño */
    .yeshua-price-current {
        font-size: 1.75rem !important;
    }
    
    /* Servicios en columna */
    .yeshua-product-services {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .yeshua-service-item {
        width: 100%;
        min-width: 100%;
    }
    
    /* Tabs más compactos */
    .yeshua-tabs-header {
        gap: 1rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .yeshua-tab-button {
        font-size: 0.9375rem;
        white-space: nowrap;
        padding: 0.5rem 0;
    }
    
    /* Botones de añadir al carrito en móvil */
    .yeshua-product-add-to-cart button.single_add_to_cart_button,
    .yeshua-btn-add-to-cart {
        min-height: 48px !important;
        padding: 0.875rem 1.5rem !important;
        font-size: 0.9375rem !important;
    }
    
    /* Estilos globales para botones de añadir al carrito */
    .yeshua-btn-add-to-cart {
        position: relative;
        overflow: hidden;
    }
    
    .yeshua-btn-add-to-cart svg {
        transition: transform 0.3s ease;
    }
    
    .yeshua-btn-add-to-cart:hover svg {
        transform: scale(1.1) rotate(-5deg);
    }
    
    .yeshua-btn-out-of-stock {
        background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%) !important;
        cursor: not-allowed !important;
        opacity: 0.6 !important;
    }
    
    .yeshua-btn-out-of-stock:hover {
        transform: none !important;
        box-shadow: 0 4px 14px rgba(156, 163, 175, 0.25) !important;
    }
    
    .yeshua-product-add-to-cart button {
        min-height: 52px;
        padding: 1rem;
        font-size: 1rem;
    }
    
    /* Productos relacionados: scroll horizontal mejorado */
    .yeshua-related-products .products {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .yeshua-related-products .products li.product {
        width: 240px !important;
        flex: 0 0 240px !important;
        max-width: 240px !important;
    }
}

/* ============================================
   TIENDA MÓVIL
   ============================================ */

@media (max-width: 1023px) {
    /* Header más compacto */
    .woocommerce-page.archive-page header {
        padding: 1.5rem 1rem !important;
    }
    
    .woocommerce-page.archive-page h1 {
        font-size: 1.75rem !important;
    }
    
    /* Grid de 2 columnas en móvil */
    .woocommerce-page.archive-page ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }
    
    /* Productos más compactos */
    .woocommerce-page.archive-page ul.products li.product {
        padding: 0.75rem !important;
    }
    
    /* Botón de filtros más grande */
    #mobile-filters-toggle {
        min-height: 48px;
        padding: 0.875rem 1rem;
        font-size: 1rem;
    }
    
    /* Drawer de filtros más ancho */
    #mobile-filters-drawer {
        width: 85vw;
        max-width: 320px;
    }
    
    /* Filtros más grandes para toque fácil */
    #mobile-filters-drawer a,
    #mobile-filters-drawer button {
        min-height: 44px;
        padding: 0.75rem 1rem;
    }
    
    /* Sliders de precio más grandes */
    .price-range-slider {
        height: 8px !important;
    }
    
    .price-range-slider::-webkit-slider-thumb {
        width: 24px !important;
        height: 24px !important;
    }
    
    .price-range-slider::-moz-range-thumb {
        width: 24px !important;
        height: 24px !important;
    }
    
    /* Paginación más grande */
    .woocommerce-pagination ul li a,
    .woocommerce-pagination ul li span {
        min-width: 44px;
        min-height: 44px;
        font-size: 1rem;
    }
}

/* ============================================
   FOOTER MÓVIL
   ============================================ */

@media (max-width: 1023px) {
    /* Footer más compacto */
    .site-footer {
        padding: 2rem 1rem !important;
    }
    
    /* Grid de una columna en móvil */
    .site-footer .grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    
    /* Newsletter más compacta */
    .site-footer .border-b {
        padding: 2rem 1rem !important;
    }
    
    /* Formulario de newsletter en columna */
    .site-footer form {
        flex-direction: column;
    }
    
    .site-footer form input {
        width: 100%;
        margin-bottom: 0.75rem;
        min-height: 48px;
        font-size: 16px !important; /* Previene zoom en iOS */
    }
    
    .site-footer form button {
        width: 100%;
        min-height: 48px;
    }
    
    /* Enlaces del footer más grandes */
    .site-footer ul li a {
        padding: 0.5rem 0;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}

/* ============================================
   PÁGINA "PRÓXIMAMENTE" MÓVIL
   ============================================ */

@media (max-width: 767px) {
    .content-coming-soon {
        padding: 2rem 1rem !important;
    }
    
    .content-coming-soon h1 {
        font-size: 2rem !important;
    }
    
    .content-coming-soon p {
        font-size: 1rem !important;
    }
    
    .content-coming-soon .flex.flex-col {
        gap: 0.75rem;
    }
    
    .content-coming-soon a {
        min-height: 48px;
        padding: 1rem;
        font-size: 1rem;
    }
}

/* ============================================
   MEJORAS DE TOUCH Y GESTOS
   ============================================ */

/* Mejorar scroll en iOS */
* {
    -webkit-overflow-scrolling: touch;
}

/* Prevenir selección accidental de texto */
button, 
a.button,
input[type="submit"],
input[type="button"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Mejorar feedback táctil */
button:active,
a.button:active,
input[type="submit"]:active,
input[type="button"]:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
}

/* Mejorar scrollbars en móvil */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

/* ============================================
   MEJORAS DE PERFORMANCE MÓVIL
   ============================================ */

/* Optimizar animaciones en móvil */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Mejorar renderizado de imágenes */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Optimizar fuentes en móvil */
@media (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 1.6;
    }
    
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }
    h4 { font-size: 1.125rem; }
}

/* ============================================
   CORRECCIONES ESPECÍFICAS
   ============================================ */

/* Asegurar que los overlays tengan z-index correcto */
.mobile-menu-overlay,
.mobile-search-overlay,
.yeshua-cart-overlay {
    z-index: 9999;
}

/* Asegurar que los drawers se abran desde el lado correcto */
.mobile-menu {
    left: 0;
    right: auto;
}

#mobile-filters-drawer {
    right: 0;
    left: auto;
}

.yeshua-mini-cart-sidebar {
    right: 0;
    left: auto;
}

/* Prevenir scroll del body cuando hay overlay abierto */
body.menu-open,
body.search-open,
body.cart-open,
body.filters-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

/* Mejorar visibilidad de elementos en móvil */
@media (max-width: 767px) {
    /* Aumentar contraste en textos pequeños */
    .text-xs,
    .text-sm {
        font-size: 0.875rem !important;
        line-height: 1.5;
    }
    
    /* Asegurar que los badges sean visibles */
    .yeshua-badge {
        font-size: 0.75rem;
        padding: 0.375rem 0.625rem;
    }
    
    /* Banner carousel más compacto */
    .yeshua-banner-carousel {
        height: 400px !important;
        min-height: 400px !important;
    }
    
    .yeshua-banner-carousel h2 {
        font-size: 2rem !important;
    }
    
    .yeshua-banner-carousel p {
        font-size: 1.125rem !important;
    }
    
    /* Botones de navegación del banner más grandes */
    .banner-nav {
        min-width: 48px !important;
        min-height: 48px !important;
        width: 3rem !important;
        height: 3rem !important;
    }
    
    /* Controles de navegación - Ocultos */
    .banner-nav {
        display: none !important;
    }
    
    /* Dots tipo Apple - Asegurar que se muestren */
    .yeshua-banner-dots {
        display: flex !important;
    }
    
    .yeshua-banner-dot {
        display: block !important;
    }
    
    /* Carrusel de categorías con mejor scroll */
    .yeshua-category-filters {
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .yeshua-category-filter {
        scroll-snap-align: start;
        min-height: 44px;
        touch-action: manipulation;
    }
    
    /* Productos en grid más compactos */
    #yeshua-products-grid {
        gap: 0.75rem !important;
    }
    
    /* Carruseles de productos con mejor scroll */
    .yeshua-product-carousel {
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .yeshua-product-carousel .product {
        scroll-snap-align: start;
        flex: 0 0 160px !important;
        min-width: 160px !important;
    }
}

/* ============================================
   ANIMACIONES ELEGANTES PARA MÓVILES
   ============================================ */

/* Animaciones suaves para elementos interactivos */
@keyframes gentleBounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideUpFade {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Animación para tarjetas de productos en móvil */
@media (max-width: 768px) {
    .product,
    .woocommerce ul.products li.product {
        animation: fadeInScale 0.4s ease-out forwards;
        opacity: 0;
    }
    
    .product:nth-child(1), .woocommerce ul.products li.product:nth-child(1) { animation-delay: 0.05s; }
    .product:nth-child(2), .woocommerce ul.products li.product:nth-child(2) { animation-delay: 0.1s; }
    .product:nth-child(3), .woocommerce ul.products li.product:nth-child(3) { animation-delay: 0.15s; }
    .product:nth-child(4), .woocommerce ul.products li.product:nth-child(4) { animation-delay: 0.2s; }
    
    /* Hover suave en móvil (para dispositivos con stylus) */
    .product:active,
    .woocommerce ul.products li.product:active {
        transform: scale(0.98);
        transition: transform 0.1s ease;
    }
}

/* Animación para botones en móvil */
@media (max-width: 768px) {
    button,
    .button,
    a.button,
    input[type="submit"],
    .yeshua-cart-toggle {
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    button:active,
    .button:active,
    a.button:active,
    input[type="submit"]:active,
    .yeshua-cart-toggle:active {
        transform: scale(0.95);
    }
}

/* Animación para menú móvil */
@media (max-width: 768px) {
    #mobile-menu {
        animation: slideUpFade 0.3s ease-out;
    }
    
    #mobile-menu a {
        animation: fadeInScale 0.3s ease-out forwards;
        opacity: 0;
    }
    
    #mobile-menu a:nth-child(1) { animation-delay: 0.05s; }
    #mobile-menu a:nth-child(2) { animation-delay: 0.1s; }
    #mobile-menu a:nth-child(3) { animation-delay: 0.15s; }
    #mobile-menu a:nth-child(4) { animation-delay: 0.2s; }
    #mobile-menu a:nth-child(5) { animation-delay: 0.25s; }
}

/* Animación para banners en móvil */
@media (max-width: 768px) {
    .yeshua-banner-carousel .banner-slide {
        transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    }
    
    .yeshua-banner-carousel .banner-slide.opacity-100 {
        animation: fadeInScale 0.6s ease-out;
    }
}

/* Animación para tarjetas de marcas */
@media (max-width: 768px) {
    .yeshua-brand-item {
        animation: slideUpFade 0.4s ease-out forwards;
        opacity: 0;
    }
    
    .yeshua-brand-item:nth-child(1) { animation-delay: 0.05s; }
    .yeshua-brand-item:nth-child(2) { animation-delay: 0.1s; }
    .yeshua-brand-item:nth-child(3) { animation-delay: 0.15s; }
    .yeshua-brand-item:nth-child(4) { animation-delay: 0.2s; }
    .yeshua-brand-item:nth-child(5) { animation-delay: 0.25s; }
}

/* Animación suave para formularios */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    select,
    textarea {
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="number"]:focus,
    select:focus,
    textarea:focus {
        animation: gentleBounce 0.3s ease;
    }
}

/* Animación para iconos y SVG */
@media (max-width: 768px) {
    svg {
        transition: transform 0.2s ease;
    }
    
    button:active svg,
    a:active svg {
        transform: scale(0.9);
    }
}

/* Mejorar rendimiento con GPU acceleration */
@media (max-width: 768px) {
    .product,
    button,
    .button,
    .yeshua-banner-carousel .banner-slide,
    .yeshua-brand-item {
        will-change: transform;
        transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
}

/* Preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
    .product,
    button,
    .button,
    #mobile-menu,
    .yeshua-banner-carousel .banner-slide,
    .yeshua-brand-item,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    select,
    textarea {
        animation: none !important;
        transition: none !important;
    }
}