/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2025 | 17:39:28 */
/* ========================================
   ESTILOS GERAIS (TODOS OS TAMANHOS)
   ======================================== */

.aai-carousel-wrapper {
    position: relative !important;
}

.aai-carousel-wrapper .slick-slider {
    width: 100% !important;
    position: relative !important;
}

/* ========================================
   MOBILE (≤ 768px) - SETAS NAS LATERAIS
   ======================================== */

@media (max-width: 768px) {
    .aai-carousel-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 40px auto !important;
        padding: 0 !important;
    }

    .aai-carousel-wrapper .slick-list {
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .aai-carousel-wrapper .slick-track {
        display: flex !important;
        gap: 0 !important;
    }

    .aai-carousel-wrapper .slick-slide {
        width: 100% !important;
        padding: 0 !important;
    }

    .aai-carousel-wrapper .slick-slide img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
    }

    .aai-carousel-wrapper .slick-prev,
    .aai-carousel-wrapper .slick-next {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 99 !important;
        width: 40px !important;
        height: 40px !important;
        background-color: #1b4332 !important;
        border: none !important;
        color: white !important;
        font-size: 18px !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .aai-carousel-wrapper .slick-prev {
        left: 10px !important;
    }

    .aai-carousel-wrapper .slick-next {
        right: 10px !important;
    }

    .aai-carousel-wrapper .slick-prev:hover,
    .aai-carousel-wrapper .slick-next:hover {
        background-color: #0d2818 !important;
    }

    /* REMOVE TÍTULO */
    .aai-carousel-wrapper .woocommerce-loop-product_title,
    .aai-carousel-wrapper h2.woocommerce-loop-product__title {
        display: none !important;
    }

    /* Botão */
    .aai-carousel-wrapper .button {
        margin-top: 20px !important;
        padding: 12px 24px !important;
        display: inline-block !important;
    }
}

/* ========================================
   DESKTOP (≥ 769px)
   ======================================== */

@media (min-width: 769px) {
    /* Wrapper do carrossel */
    .aai-carousel-wrapper {
        width: 100% !important;
        max-width: 1100px !important;
        margin: 60px auto !important;
        padding: 0 90px !important;
    }

    /* Container do Slick */
    .aai-carousel-wrapper .slick-slider {
        position: relative !important;
    }

    /* Lista de slides */
    .aai-carousel-wrapper .slick-list {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    /* Track */
    .aai-carousel-wrapper .slick-track {
        display: flex !important;
        gap: 20px !important;
    }

    /* Cada slide */
    .aai-carousel-wrapper .slick-slide {
        width: 100% !important;
        height: auto !important;
        padding: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    /* Imagem */
    .aai-carousel-wrapper .slick-slide img {
        width: 100% !important;
        max-width: 550px !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* Container da imagem */
    .aai-carousel-wrapper .slick-slide a {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* REMOVE TÍTULO */
    .aai-carousel-wrapper .woocommerce-loop-product_title,
    .aai-carousel-wrapper h2.woocommerce-loop-product__title {
        display: none !important;
    }

    /* Botão */
    .aai-carousel-wrapper .button {
        margin-top: 20px !important;
        padding: 12px 24px !important;
        display: inline-block !important;
    }

    /* SETAS - DESKTOP */
    .aai-carousel-wrapper .slick-prev,
    .aai-carousel-wrapper .slick-next {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 99 !important;
        width: 50px !important;
        height: 50px !important;
        background-color: #1b4332 !important;
        border: none !important;
        color: white !important;
        font-size: 24px !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .aai-carousel-wrapper .slick-prev {
        left: -65px !important;
    }

    .aai-carousel-wrapper .slick-next {
        right: -65px !important;
    }

    .aai-carousel-wrapper .slick-prev:hover,
    .aai-carousel-wrapper .slick-next:hover {
        background-color: #0d2818 !important;
    }
}/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */