.elementor-85 .elementor-element.elementor-element-873b37e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-85 .elementor-element.elementor-element-9d2fd4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85 .elementor-element.elementor-element-8ec8a34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-85 .elementor-element.elementor-element-9402d2b .elementor-heading-title{color:#000000;}.elementor-85 .elementor-element.elementor-element-d005b5a{--e-rating-icon-marked-color:#000000;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-85 .elementor-element.elementor-element-d4b8e0c .price{color:#464646;font-family:"Roboto", Sans-serif;font-size:28px;font-weight:600;}.woocommerce .elementor-85 .elementor-element.elementor-element-d4b8e0c .price ins{color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-85 .elementor-element.elementor-element-09aaae9 .elementor-button{padding:20px 50px 20px 50px;}.elementor-85 .elementor-element.elementor-element-0cbf8b9{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:30px;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-85 .elementor-element.elementor-element-9d2fd4d{--width:50%;}.elementor-85 .elementor-element.elementor-element-8ec8a34{--width:50%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-c4335ef *//* 1. Inverter o Layout: Miniaturas na esquerda, Imagem na direita */
.woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 20px;
}

/* 2. Ajustar a coluna das miniaturas */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-direction: column !important; /* Coloca uma por baixo da outra */
    width: 15% !important; /* Ajusta a largura lateral */
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    width: 100% !important;
    margin-bottom: 10px;
    list-style: none;
}

.woocommerce-product-gallery .flex-control-thumbs img {
    border: 1px solid #eee;
    opacity: 0.6;
    transition: 0.3s;
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active {
    border-color: #000;
    opacity: 1;
}

/* 3. Ajustar a imagem principal */
.woocommerce-product-gallery .flex-viewport {
    width: 85% !important;
    margin: 0 !important;
}

/* 4. Estilizar e Posicionar as Setas no Canto Inferior Direito */
/* Nota: Se o seu widget usa Swiper (comum no Elementor), estas classes funcionam: */

.elementor-main-swiper .swiper-button-next,
.elementor-main-swiper .swiper-button-prev {
    top: auto !important;
    bottom: 20px !important; /* Distância do fundo */
    background: #000 !important; /* Fundo preto */
    color: #fff !important; /* Seta branca */
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    margin: 0 !important;
}

/* Afasta a seta da esquerda para não ficar em cima da direita */
.elementor-main-swiper .swiper-button-prev {
    right: 75px !important;
    left: auto !important;
}

.elementor-main-swiper .swiper-button-next {
    right: 20px !important;
}

/* Ajuste do tamanho do ícone da seta */
.elementor-main-swiper .swiper-button-next:after,
.elementor-main-swiper .swiper-button-prev:after {
    font-size: 16px !important;
    font-weight: bold;
}

/* 5. Ajuste para Telemóvel (Mobile) - Volta ao padrão para não esmagar a imagem */
@media (max-width: 768px) {
    .woocommerce-product-gallery {
        flex-direction: column !important;
    }
    .woocommerce-product-gallery .flex-control-thumbs {
        flex-direction: row !important;
        width: 100% !important;
    }
    .woocommerce-product-gallery .flex-viewport {
        width: 100% !important;
    }
}/* End custom CSS */