/*FONTES*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

/* Chrome, Safari, Edge, Opera */
.input-text.qty.text::-webkit-outer-spin-button,
.input-text.qty.text::-webkit-inner-spin-button {

}

/* Firefox */
.input-text.qty.text[type="number"] {
}


body{
    overflow-x: hidden!important;
}

.icone-shop{
    text-decoration: none;
    color: #666!important;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 800;
    font-family: Nunito Sans;
    text-transform: uppercase;
    position:relative;
    justify-content: center;
    top:2px;
}
.icone-shop span{
    font-size:24px;
    color:rgba(255,255,255,.5);
    transition:all linear .2s;
}
.icone-shop:hover span{
    transform:scale(1.1);
    color:white;
}

.orion-img-internas{
    height:40vh!important;
    width:100vw!important;
    object-fit: cover;
}


span.txt-icon{
    font-size:8px;
    position: absolute;
    letter-spacing: 1px;
    bottom:-22px;
    font-family: Open Sans, sans-serif;
}


.orion-woo-links {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-end;
    margin-right:35px;
}

.usuario-dropdown {
    position: relative;
}

.usuario-dropdown > a {
    text-decoration: none;
    color: rgba(255,255,255,.5)!important; /* Preto ou escolha uma cor mais visível */
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 800;
    font-family: Nunito Sans;
    text-transform: uppercase;
    transition:all linear .2s;
}
.usuario-dropdown > a:hover {
    color: white!important;
    transform: scale(1.05);
}

.usuario-dropdown > a i {
    font-size: 20px;
}
.usuario-dropdown > a i:hover {
    transform:scale(1.1);
}
.woocommerce span.onsale, .woocommerce-page span.onsale{
    background: #38c662 !important;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700 !important;
    top: -15px !important;
    left: 0;
    z-index: 999;
    border: 2px solid #00800075;
}


.submenu-usuario {
    display: none;
    position: absolute;
    padding: 30px 0!important;
    padding-top:41px!important;
    left:-54px;
    text-align:center;


}
.submenu-usuario ul {
    min-width: 140px;
    background: #fff;
    list-style: none!important;
    background: #b3b3b3;
    margin-top: -19px;
    padding: 0;
}

.submenu-usuario li {
    padding: 0;
    margin: 0;
}

.submenu-usuario li a {
    text-decoration: none;
    display: block;
    padding: 10px 16px;
    font-size: 14px;
    transition: background 0.2s;
    font-weight:800;
    background-color: #FFCC00;
    color:#333!important;
    text-transform: uppercase;
}

.submenu-usuario li a:hover {
    background-color: #ff8a00;
    color:#333;
}

.usuario-dropdown:hover .submenu-usuario {
    display: block;
}

.icone-carrinho {
    position: relative;
    text-decoration: none;
    font-size: 18px;
    color: rgba(255,255,255,.5)!important;
    display: flex;
    align-items: center;
    transition:all linear .2s;
}
.icone-carrinho:hover{
    color:white!important;
}
.icone-carrinho i {
    font-size: 24px;
    padding-top:5px;
}
.icone-carrinho i:hover {
    transform:scale(1.1);
}

.quantidade-carrinho {
    position: absolute;
    top: -10px;
    right: -32px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    width: 31px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #ffffff5e;
}

/* Telefone */
.telefone::before {
    content: "\e090";
    font-family: 'ETmodules';
    font-size: 10px;
    margin-right: 8px;
    color: #fff;
}

/* E-mail */
.email::before {
    content: "\e076";
    font-family: 'ETmodules';
    font-size: 10px;
    margin-right: 8px;
    color: #fff;
}

#bannerSuperior .et_pb_slide_description{
    margin-left:0;
    padding-left: 0
}
#bannerSuperior .et_pb_container{
    margin-left:0!important;
}

.descricao-produto-curta{
    color: #017a3b;
    font-size: 16px;
    margin-top: -7px;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.et-db #et-boc .et-l .et-pb-icon{
    font-size:28px;
}

.et_pb_menu .et_pb_menu__menu li ul.sub-menu {
    border-top:none!important;
    padding:0;
    margin:0;
    background-color:red!important;
}
.et_pb_menu .et_pb_menu__menu li ul.sub-menu li {
    padding:0;
}
.et_pb_menu .et_pb_menu__menu li ul.sub-menu li a{
    background:#4291cf;
    border-top:1px solid #c9a40069;
    color:white;
}
.et_pb_menu .et_pb_menu__menu li ul.sub-menu li a:hover{
    background:#088cf5;
    opacity:1;
}

.et_pb_menu .et_pb_menu__menu li ul.sub-menu:before {
    content:" ";
    height:66px;
    background:transparent!important;
    display:block;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu{
    background-color:rgba(255,255,255,.0)!important;
    box-shadow: none!important;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li{
    padding:0 16px!important;
}

ul.et_pb_side_nav.et-visible{
    display:none;
}

.botao-add-carrinho {
    margin-top: 10px;
    text-align: center;
    display:block;
}


input[type="number"] {
    -moz-appearance: textfield; /* Pra Firefox não sumir */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1; /* sempre visível */
    -webkit-appearance: inner-spin-button !important;
    margin: 0;
}

#lista-produtos-pg-inicial form.cart.orion-add-cart{
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    display: flex;
    position: relative;
    width: 100%;
    background: transparent;

}


form.cart .quantity{
    margin-right:0!important;
}

#div-de-cobertura{
    position:relative;
    width:80%;
}
#div-de-cobertura a.added_to_cart{
    display: inline-block;
    background: transparent;
    font-size: 12px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 40px;
}
.aparecer-caixinha #div-de-cobertura .button{
    margin-top: 0;
    background: transparent;
    border-color: transparent;
    background: #5965a8;
    font-size: 13.5px;
    text-transform: uppercase;
    width: 100%;
    padding-top:7px;
}
.aparecer-caixinha #div-de-cobertura .button:hover{
    background:#48bdfd!important;
    color:#fff!important;
}
#div-de-cobertura .button:after{
    font-size:21px;
}
#div-de-cobertura {
    margin:0;
}

.caixinha-add-carrinho {
    display: none;
}

.aparecer-caixinha .caixinha-add-carrinho {
    display: block;
}

.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity{
    margin-right:0!important;
}

.woocommerce .quantity input.qty{
    padding:6px;
    background:#f9f9f9;
    color:#333;
    border:1px solid #dfdfdf;
}


.woocommerce div.product form.cart .button{
    border-radius: 0;
    font-size: 14px;
    border-width: 1px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.woocommerce-MyAccount-navigation{
}
.woocommerce-MyAccount-navigation a, .woocommerce-MyAccount-content a{
    color:#3cb233;
}
.woocommerce-MyAccount-content a:hover{
    text-decoration: underline;
}
.woocommerce-MyAccount-navigation ul{
    background: #1f793c;
    padding: 0 !important;
    width: 90%;
    margin-bottom:30px;
}
.woocommerce-MyAccount-navigation ul li{
    list-style: none;
}
.woocommerce-MyAccount-navigation ul li a{
    padding:15px;
    display:block;
    color:white;
    transition:all linear .1s;
    font-size:12px;
    font-weight:bold;
    text-transform: uppercase;
}

.woocommerce-MyAccount-navigation ul li:nth-child(odd){
    background:#666;
}
.woocommerce-MyAccount-navigation ul li:nth-child(even){
    background:#444;
}

.woocommerce-MyAccount-navigation ul li a:hover{
    filter:brightness(1.1);
    background:#00aa37!important;
}

/* Toast fixo no canto inferior direito */
.woocommerce-message.custom-toast{
    position: fixed!important;
    bottom: 0px!important;
    right: 0px!important;
    background-color: #e74c3c!important; /* vermelho forte */
    color: #ffffff!important;            /* texto branco */
    padding: 12px 20px!important;
    border-radius: 4px!important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3)!important;
    z-index: 10000!important;
}

/* Link “Ver carrinho” dentro do toast */
.woocommerce-message.custom-toast a {
    color: #fff;
    text-decoration: underline;
    margin-left: 8px;
}

.wc-block-cart-item__wrap a{
    font-weight: 700;
    color: #5365a8;
}

.wc-block-cart-item__wrap a:hover{
    text-decoration: underline;
}

:root :where(.wp-element-button, .wp-block-button__link){
    padding:2px 15px;
}
:root :where(.wp-element-button, .wp-block-button__link):hover{
    background:#40a74d;
}

.wc-block-components-checkout-return-to-cart-button:hover{
    color:#40a74d;
}

.et-db #et-boc .et-l .nav li ul{
    background:transparent;
    padding: 0;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul{
    background-color:transparent!important;
}
.et-db #et-boc .et-l .et_pb_menu .et-menu-nav>ul ul{
    padding:0;
    background:red;
    width:200px;
}
.et-db #et-boc .et-l .nav li li{
    padding:0
}
.et-db #et-boc .et-l .nav li li a{
    color:#333!important;
    background:#ffcc00!important;
}
.et-db #et-boc .et-l .nav li li a:hover{
    background:#ff8a00!important;
    color:#333!important;
    opacity:1!important;
}
.wc-block-grid__product-title{
    font-size:18px!important;
    color:green!important;
}
.wc-block-cart__empty-cart__title{
    background:#f1f1f1!important;
    padding:30px 30px 50px 30px;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
    mask-size:3.5em!important;
    background-color:#bdbdbd!important;
    margin-bottom:10px!important;
}

.woocommerce-account .addresses .title .edit{
    float:left;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{

}
.main_title{
    margin-top:20px;
}
.woocommerce-notices-wrapper .woocommerce-message{
    background:#2ea3f2!important;
    padding:25px!important;
}
.woocommerce-notices-wrapper .woocommerce-message a{
    margin-top:50px;
}

.woocommerce-MyAccount-content .woocommerce-info{
    background-color: #2EA3F2 !important;
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 50px 50px 30px 50px !important;
    z-index: 99;
    font-weight: 700;
    text-align: center;
}

#left-area{
    padding-bottom:65px;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads{
}

.woocommerce-EditAccountForm.edit-account button.woocommerce-Button{
    margin-top:30px;
}
.woocommerce-EditAccountForm.edit-account button.woocommerce-Button:after{
    font-size:21px;
}


.woocommerce-MyAccount-content button{
    margin-top:30px!important
}
.woocommerce-MyAccount-content button:after{
    font-size:21px!important;
}



.woocommerce-MyAccount-content .woocommerce-info a{
    width:max-content;
    margin:0 auto;
}


.woocommerce-message.custom-toast{
    position: fixed;
    bottom: 0;
    margin-bottom: 0;
    right: 0;
    background: #009fff !important;
    width: 20%;
    border-radius: 0;
    padding: 37px !important;
    border-top-left-radius: 20px;
    box-shadow: -10px -10px 45px #00000045 !important;
    text-align: center;
    z-index: 999999;
}

.woocommerce-message.custom-toast a{
    text-decoration: none;
    display: block;
    background: #0084d3;
    padding: 5px 10px;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    margin-top: 20px;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    transition:all linear .2s;

}

.woocommerce-message.custom-toast a:hover{
    background:#026eaf;
}

.busca-original{
}
.busca-original .orion-search-form input.search-field{
    padding:10px 30px 10px 20px;
    font-size:14px;
}
.busca-original .orion-search-form button{
    padding:12px 18px;
}

.orion-search-form{
    width:100%!important;
}
/*.busca-original .campo-busca-produto{justify-content: flex-end;}*/


.orion-sidebar.orion-sidebar-carrinho, .orion-sidebar.orion-sidebar-conta,.orion-sidebar.orion-sidebar-loja, .orion-sidebar.orion-sidebar-categoria, .orion-sidebar.orion-sidebar-produto{
    width:16.3%;
}
.orion-sidebar.orion-sidebar-carrinho a{
    color:blue;
}
.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item{
    color:white!important;
    padding:1px 5px 1px 13px!important;
    gap:2px!important;
    font-size:10px!important;
    background:#666!important;
}
.wp-block-separator.has-alpha-channel-opacity{
    margin-top:45px;
    margin-bottom:30px;
}
.wp-block-heading.has-text-align-center{
    margin-bottom:15px;
}
.wc-block-grid__products .wc-block-grid__product-image img:hover{
    filter:brightness(1.1);
    cursor: pointer;
}
.wc-block-grid__product{
    padding:15px!important;
    background:#f1f1f1!important;
    border-color:white!important;
}


.woocommerce-notices-wrapper ul.woocommerce-error{
    background: #0096cff2 !important;
    position: fixed !important;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 55px 10px !important;
    margin-bottom:-10px;
}

/* Suaviza entrada e saída */
.woocommerce-notices-wrapper .woocommerce-error {
    animation: orionFade 6s ease forwards;
}

/* Animação */
@keyframes orionFade {
    0% {
        opacity: 0;
        transform: translateY(20px); /* vem de baixo */
    }
    10% {
        opacity: 1;
        transform: translateY(0); /* posição normal */
    }
    85% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-10px); /* leve subida ao desaparecer */
    }
}




.et-db #et-boc .et-l .et_pb_wc_images .woocommerce-product-gallery.images{
}

.woocommerce-breadcrumb a{
    color:green!important;
}
.woocommerce .woocommerce-breadcrumb{
    margin-bottom:30px;
    font-size:12px;
    color:#333;
}
.woocommerce .woocommerce-breadcrumb a{
    padding: 6px 25px;
    color: #333!important;
    transition: all linear .2s;
    font-size:12px;
    letter-spacing: .3px;
    opacity:.5;
}
.woocommerce .woocommerce-breadcrumb a:nth-of-type(1){
    padding-left:0;
}
.woocommerce-breadcrumb a:hover{
    opacity:1;
}
.related.products{
    margin-top:60px;
}
.et-db #et-boc .et-l .et_pb_wc_related_products ul.products li.product a img, .et-db #et-boc .et-l .et_pb_wc_upsells ul.products li.product a img{
    border:1px solid #dfdfdf
}

.woocommerce ul.product_list_widget{
    display:flex;
    flex-direction: column;
}
.woocommerce ul.product_list_widget li{
    position:relative;
}
.woocommerce ul.product_list_widget img{
    width:100%!important;
    filter:grayscale(1)
}
.woocommerce ul.product_list_widget img:hover{
    filter:grayscale(0)
}
.woocommerce ul.product_list_widget li span.product-title{
    position:absolute;
    pointer-events: none;
    left:15px;
    top:15px;
}
.woocommerce ul.product_list_widget li span.woocommerce-Price-amount.amount{
    display:none;
}
.woocommerce div.product p.price{
    font-weight: 700;
    margin-bottom: 25px;
}


.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    border:1px solid #dfdfdf;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
    border: 1px solid #c9c9c9;
}
.flex-viewport, .woocommerce-product-gallery__wrapper, .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{
    border:1px solid #dfdfdf;
}
.woocommerce div.product form.cart .reset_variations{
    position: absolute;
    background: #ff2500;
    right: 0;
    margin-top: -64px;
    padding: 1px 22px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.woocommerce div.product form.cart .variations{
    background:#cdcdcd;
}
.woocommerce div.product form.cart .variations select{
    width:95%;
}
.woocommerce div.product form.cart .variations td{
    vertical-align: middle;
    padding-bottom:0!important;
}
#left-area ul.products{
    padding-top:25px!important
}

.woocommerce ul.products li.product a img{
    transition:all linear .2s;
    padding:6px;
    background:white;
    height:200px;
    object-fit: cover;
}

#lista-produtos-pg-inicial .woocommerce ul.products li.product a img{
    height:315px;
}

.woocommerce ul.products li.product a:hover img{
    border-color:#666;
    padding:2px;

}
/* remove parágrafo vazio que alguns widgets injetam antes do nosso bloco */
.orion-featured-sidebar{
}
.orion-featured__list{
    padding:23px!important;
}
.orion-featured__thumb img{
    border:1px solid #dfdfdf;
}
.orion-featured__head{
    background:#17367b;
    color:white;
    font-size:16px;
}
.orion-single-main{
    margin-right:55px;
}

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container{
    padding-top:40px;
}

.woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit{
    color:white!important;
    border-color:#005900;
}


/* Esconde ícones e busca somente no HEADER, quando for mobile */
/* Container que vai aparecer dentro do menu mobile */
#orion-mobile-extras{
    padding:14px 16px;
    background:#f5f5f5;
    border-bottom:1px solid #e2e2e2;
}
#orion-mobile-extras .orion-mobile-icons{
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
    margin-top:8px;
}
#orion-mobile-extras .orion-mobile-search{
    margin-top:10px;
}
#orion-mobile-extras input[type="search"],
#orion-mobile-extras input[type="text"]{
    width:100% !important;
}

/* remove bolinha/indent padrão do <li> que receberá os blocos */
.et_mobile_menu #orion-mobile-extras{
    list-style:none;
    padding-left:16px;
}


.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap{
}

.et_pb_menu__logo-wrap{
}

/* Faz o UL alinhar todos os LI com mesma altura */
#produtos-em-destaque ul.products {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* garante que todos fiquem com a mesma altura */
}

/* Faz cada LI ocupar o mesmo espaço e se ajustar */
#produtos-em-destaque ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#pg-inicial-nossos-bichos form.cart.orion-add-cart{
    display:none;
}

/* ===== LOJA (shop) — Grid estável e sem buraco no 1º item ===== */
body.woocommerce-shop ul.products{
    --gap:24px;
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    grid-auto-flow: row dense; /* preenche qualquer lacuna */
    gap:var(--gap);
    align-items:start;
}

/* zera heranças do tema */
body.woocommerce-shop ul.products li.product{
    float:none !important;
    clear:none !important;
    margin:0 !important;
    width:auto !important;
    display:block; /* evita o encolhimento do <a> */
}
body.woocommerce-shop ul.products li.product.first,
body.woocommerce-shop ul.products li.product.last{
    clear:none !important;
    margin-right:0 !important;
}

/* garante que o link do produto envolva tudo */
body.woocommerce-shop ul.products li.product > a.woocommerce-LoopProduct-link{
    display:block;
}

/* neutraliza o float da imagem do Divi */
body.woocommerce-shop ul.products li.product .et_shop_image{
    float:none !important;
    display:block;
    width:100% !important;
}
body.woocommerce-shop ul.products li.product .et_shop_image img{
    display:block !important;
    width:100% !important;
    object-fit: cover!important;
}
.woocommerce ul.products li.product .button{
    margin-top:1px;
}
.woocommerce ul.products li.product .button{
}

/* opcional: padroniza altura do título (até 2 linhas) */
body.woocommerce-shop .woocommerce-loop-product__title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:48px;
}

/* Mata os pseudo-elementos que viram itens do grid (só na LOJA) */
body.woocommerce-shop ul.products::before,
body.woocommerce-shop ul.products::after,
body.woocommerce-shop .woocommerce ul.products::before,
body.woocommerce-shop .woocommerce ul.products::after,
body.woocommerce-shop .woocommerce-page ul.products::before,
body.woocommerce-shop .woocommerce-page ul.products::after {
    content: none !important;
    display: none !important;
}

/* Loja: mostrar o título inteiro (sem corte) */
body.woocommerce-shop .woocommerce-loop-product__title{
    display: block !important;            /* cancela o -webkit-box */
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    overflow: visible !important;
    min-height: 0 !important;
    white-space: normal !important;
    word-break: break-word;               /* evita estouro em palavras grandes */
}

/* dá um respiro entre título e preço */
body.woocommerce-shop ul.products li.product .price{
    margin-top: .35rem;
}

.orion-img-internas-mobile{
    display:none;
}


#left-area ul, .entry-content ul{
    padding:0;
}


/*COMEÇAM AQUI AS ADAPTAÇÕES*/
.secao-topo-azul{
    position:fixed!important;
    width:100%!important;
    padding:0!important;
}
.secao-topo-azul .linha-topo-azul{
    display:flex!important;
    align-items:center!important;
    padding:15px 30px!important;
}
.menu-superior-principal{
    padding-top:100px!important;
    background:white;
}

.menu-opened #tour-partilhar {
    display: none !important;
}

/*COMEÇAM AQUI AS ADAPTAÇÕES*/



.partilhar-sale-badge {
    background: #2ecc71; /* verde bonito */
    color: #fff;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 12px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 20;
}

.woocommerce-breadcrumb i.fas.fa-chevron-right:last-of-type {
    margin-right: 31px !important;
}

.pswp__bg{
    background:rgba(0,55,124,.9);
}
.woocommerce div.product div.summary{
    margin-bottom: 2em;
    background: white;
    /* box-shadow: 0 0 20px #e1e1e1; */
    padding: 45px;
    /* border-radius: 10px; */
    border: 1px solid #dfdfdf;
}


/*interna de produtos mais bonitinha*/

/* Aumenta o z-index do cabeçalho global */
.et-l--header {
    position: relative;
    z-index: 99 !important;
}

.et-l--footer {
    position: relative;
    z-index: 999 !important;
}

/* Diminui o z-index das seções do template do Divi */
.et-l--body {
    position: relative;
    z-index: 1 !important;
}

/* Permite que o submenu transborde */
.et_pb_menu .et_pb_menu__menu {
    overflow: visible !important;
}



.orion-color-swatches {
    display: flex;
    gap: 10px;
    margin: 5px 0 15px 0;
}

.orion-color-swatch {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ddd;
    transition: 0.2s ease;
}

.orion-color-swatch:hover {
    transform: scale(1.12);
}

.orion-color-swatch.selected {
    border: 3px solid #ffffff;
    transform: scale(1.1);
    outline: 2px solid #3483FA;
}


/*interna de produtos mais bonitinha*/
#main-content{
    background-color:#f5f5f5;
}
/*AREA AGENDAMENTO TESTES*/


body.admin-bar.et_fixed_nav #top-header{
    height:70px!important;
    display:flex!important;
    font-size:19px!important;
    font-family: "Quicksand", sans-serif!important;
    background:rgba(0,55,124,.8)!important
}
#top-header .et-social-icon a{
    font-size:19px!important;
}
body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header{
    background-color:white!important;
    box-shadow: 0 0 15px rgba(0,0,0,.7)!important
}
#et-info{
    float:right!important;
}
ul.sub-menu{
    background-color:white!important;
}
body .et_pb_button{
    padding:10px 40px!important;
}
body .et_pb_button:hover{
    padding:10px 50px!important;
}
.et_pb_button:hover, .et_pb_module .et_pb_button:hover{
    padding:10px 50px!important;
}
.et-pb-controllers a{
    padding:7px;
    border-radius: 50px!important;
    border:3px solid white!important;
}
.et-pb-controllers{
}
.et-l.et-l--header{
    position:relative;
    z-index: 1;
}
.et-l.et-l--post{
    position:relative;
    z-index: 0;
}


.faixa-menu{

}

.area-menu-principal{

}

.btn-abrir-calendario{
    padding: 18px;
    color: white;
    position: fixed;
    bottom: 105px;
    right: 25px;
    letter-spacing: 1px;
    font-weight: 700;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
    text-align: center;
    font-size: 12px;
    background: #00beff;
    border: 4px solid white;
    box-shadow: 0 0 30px white;
    transition:all linear .2s;
}

.btn-abrir-whatsapp{
    padding: 18px;
    color: white;
    position: fixed;
    bottom: 20px;
    right: 25px;
    letter-spacing: 1px;
    font-weight: 700;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
    text-align: center;
    font-size: 12px;
    background: #1DAA61;
    border: 4px solid white;
    box-shadow: 0 0 30px white;
    transition:all linear .2s;
}

.btn-abrir-calendario img, .btn-abrir-whatsapp img{
    width:28px;
    margin-bottom:-10px;
}

.btn-fechar-calendario{
    background: #ff8300;
    position: absolute;
    top: 45%;
    left: -90px;
    padding: 14px 15px 8px 15px;
    border-radius: 50px;
    border: 8px solid white;
    cursor:pointer;
    transition:all linear .1s;
    box-shadow:-8px 0px 6px rgba(0, 0, 0,.5);
}
.btn-fechar-calendario img{
    width:20px;
}
.btn-fechar-calendario:hover{
    transform:scale(1.1);
    background:#ff3100;
}

.btn-abrir-calendario:hover{
    background: #0c71c3;
    transform: scale(1.1)
}
.btn-abrir-whatsapp:hover{
    background: #158149;
    transform: scale(1.1)
}


/*TOUR PARTILHAR*/
#tour-partilhar {
    position: fixed;
    bottom: -10px;
    right: 56px;
    width: 260px;
    z-index: 99999;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    pointer-events: none;
}

#tour-partilhar #tour-close{
    position: absolute;
    z-index: 9999;
    padding: 10px;
    top: -53px;
    background: #fff;
    padding: 10px 17px;
    border-radius: 50px;
    color: #000;
    cursor: pointer;
    box-shadow: 0px -3px 4px #5e5e5e26;
    pointer-events: initial;
    left:-115px;

}
#tour-partilhar #tour-close:hover{
    color:red;
}
#tour-partilhar .tour-buttons {
    margin-top:5px;
    pointer-events: initial;

}
#tour-partilhar .tour-buttons button{
    cursor:pointer;
    font-size:10px;
    background:#333;
    color:white;
    border-radius: 3px;
    font-weight: bold;
    border:none;
    padding:5px 10px;
}
#tour-partilhar .tour-buttons button:hover{
    background:red;
}

.tour-img-wrapper img {
    width: 100%;
    max-width: 240px;
    animation: fadeIn 0.5s ease;
}

#tour-text-wrapper {
    background: white;
    border-radius: 70px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    animation: fadeIn 0.5s ease;
    position: absolute;
    top: -15%;
    right: 72%;
    width: 210px;
    padding: 30px;
    border-bottom-right-radius: 0;
}

#tour-text-wrapper span{
    font-weight: bold;
}
#tour-text-wrapper span.azul{
    color:#00beff
}
#tour-text-wrapper span.verde{
    color:#1DAA61
}

#tour-text-wrapper p {
    margin: 0;
    font-size: 15px;
    color: #333;
    line-height: 1.4;
}

/* animação de fade suave */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*TOUR PARTILHAR*/





.area-de-agendamento {
    position: fixed!important;
    right: 0;
    top: 0;
    width: 45vw;
    height: 100vh;
    z-index: 9;
    box-shadow: -5px 0 15px rgba(0,0,0,.6);
    transform: translateX(110%);
    transition: transform 0.3s ease-in-out;
    padding:50px!important;
}

.area-de-agendamento.open {
    transform: translateX(0);
}

.area-de-agendamento form{
    display:flex;
    flex-wrap: nowrap;
    gap:15px;
}
.area-de-agendamento form label{
    font-size: 9px;
    font-weight:700;
    text-transform: uppercase;
    display: block;
    margin-bottom:-5px;
}
.area-de-agendamento form input{
    font-size: 16px;
    padding:10px;
    width:100%;
    margin-bottom: 15px;
    border:1px solid #dfdfdf;
}
.area-de-agendamento form select{
    font-size: 16px;
    padding:10px 10px 8px 10px;
    width:100%;
    border:1px solid #dfdfdf;
}
.area-de-agendamento form button{
    cursor:pointer;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    transition:all linear .2s;
    font-size: 18px;
    padding:10px 40px;
    background:#00beff;
    border-radius: 50px;
    color:white;
    margin-top: 40px;
    border:none;
}
.area-de-agendamento form button:hover{
    background:#60cff5;
    padding:10px 45px;
}
.formulario-de-agendamento h1{
    font-weight: 700;
    font-size:28px;
    color:#46bcfd;
}

.formulario-de-agendamento p.info-campos-obrigatorios{
    font-size: 12px;
    margin-bottom: 0;
    width: 40%;
    float: left;
    font-weight: 500;
    font-style: italic;
}

.formulario-de-agendamento p{
    font-size:16px;
    line-height: 1.7em;
}
.formulario-de-agendamento span.txt-bolinha-azul{
    font-weight: 600;
    color: #00BEFF;
}
.formulario-de-agendamento span.txt-bolinha-lilas{
    font-weight: 600;
    color: #6B00FF;
}
.formulario-de-agendamento span.txt-bolinha-cinza{
    font-weight: 600;
    color: #999;
}


#calendar{
    width:100%;
    margin-bottom:20px;
}
#calendar table{
    width:100%;
    border-collapse:collapse;
}
#calendar thead{
    background:#eee;
    text-transform: uppercase;
}
#calendar th{
    text-align:center;
    padding:8px;
    font-weight:700;
    border:1px solid #eee;
}
#calendar th.next, #calendar th.prev{
    cursor:pointer;
    background:#999;
    color:white;
    transition:all linear .1s;
}
#calendar th.next:hover, #calendar th.prev:hover{
    background:#333;
}
#calendar td{
    width:14.28%;
    height:60px;
    vertical-align:bottom;
    position:relative;
    cursor:pointer;
    border:1px solid #eee;
    text-align:center;
    transition:all linear .1s;
}
#calendar td:hover{
    background:#b6eeff;
}
#calendar td.empty{
    cursor:default;
    background:#f9f9f9;
}
#calendar td.selected{
    background:#b3ffd4;
}
#calendar .num{
    position:absolute;
    top:4px;
    left:0;
    font-size:14px;
    width:100%
}
#calendar .dot{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    margin:1px;
}
#calendar .dot.manha{
    background:#00aaff;
}
#calendar .dot.tarde{
    background:#aa00ff;
}
#calendar .dot.none{
    background:#ccc;
}

.explicacao-calendario{
    font-size: 14px;
    line-height: 1.3;
}
.explicacao-calendario span.txt-bolinha-azul{
}
.explicacao-calendario span.txt-bolinha-lilas{
}


#calendar .dot.manha.avail   {
    background: #00beff;
}
#calendar .dot.manha.unavail {
    background: #ccc;
}
#calendar .dot.tarde.avail   {
    background: #6b00ff;
}
#calendar .dot.tarde.unavail {
    background: #ccc;
}

/* ───────────────────────────────────────────────────────────
   1) Form em flexível e com wrap
─────────────────────────────────────────────────────────── */
#formAgendamento {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;               /* espaçamento entre colunas */
}

/* ───────────────────────────────────────────────────────────
   2) Cada DIV vira 1/3 do form (3 colunas iguais)
─────────────────────────────────────────────────────────── */
#formAgendamento > div:nth-child(2) {
    flex: 0 0 20%;
}

/* 3ª div = 30% */
#formAgendamento > div:nth-child(3) {
    flex: 0 0 45%;
}

#formAgendamento > div:nth-child(4) {
    flex: 0 0 28%;
}

/* mantém mínimo pra não quebrar demais em mobile */
#formAgendamento > div {
    min-width: 120px;
}



/* ───────────────────────────────────────────────────────────
   3) Botão embaixo, ocupando 100% da largura disponível
─────────────────────────────────────────────────────────── */
#formAgendamento button {
    flex: 0 0 auto;
    margin-top: 15px;
    margin-left:auto;
}

/* ───────────────────────────────────────────────────────────
   4) Mensagem de resposta abaixo do botão, também 100%
─────────────────────────────────────────────────────────── */
#formAgendamento #respostaAgendamento {
    flex: 1 1 100%;
    margin-top: 5px;
}



.msg-informativa .alert{
    background: #ccc;
    margin-left: -50px;
    margin-right: -50px;
    padding: 30px;
    color: white;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 1px;
    font-size:14px;
    font-weight: 600;
}
.msg-informativa #respostaAgendamento .alert.alert-warning{
    background: #ff3c3c;
}
.msg-iformativa  #respostaAgendamento .alert.alert-info{
    background: #1db546;
}

.tooltip-calendario{
    background: #ffffff;
    padding: 15px 0;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    margin-top: -20px;
    margin-bottom: 5px;
    gap: 18px;
}
.tooltip-calendario span{
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 5px;
    position: relative;
    top: -3px;
}
.tooltip-calendario .manha span{
    color:#00BEFF;
}
.tooltip-calendario .tarde span{
    color:#6B00FF;
}
.tooltip-calendario .indisponivel span{
    color:#ccc;
}

.btn-agendar.desabilitado{
    cursor: not-allowed;
    opacity: .4;
    filter:grayscale(1);
    pointer-events: none;
}

/* datas anteriores */
.cal-table td.day.past {
    opacity: .2;
    pointer-events: none;
    filter:grayscale(1)
}
/* destaque para hoje */

#calendar .cal-table td.day.today .num {
    background: #0B57D0;
    color: white;
    background: #0B57D0;
    width: 32px;
    border-radius: 30px;
    padding: 2px;
    margin: 0 auto;
    position: relative;
    font-weight: 600;
}

/* desabilita o dia quando nenhum turno estiver livre */
.cal-table td.day.unavailable {
    pointer-events: none;
    opacity: .2;
    filter:grayscale(1);
}
/* mantém o hover dos dias válidos */
.cal-table td.day:not(.past):not(.unavailable):hover {
    background: #f0f8ff;
    cursor: pointer;
}

.mensagem-full-agendamento{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 188, 212, .94);
    display: none;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 0 35vw;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    flex-direction: column;
}

.mensagem-full-agendamento img{
    width:64px;
}

.boom{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    background:rgba(0,55,124,.9);
    z-index: 99;
    display:none
}

.swipe-vertical{
    display:none;
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before{
    color:blue;
}
select[name="periodo"].campo-ativo {
    background: #c4f8d1 !important; /* verde clarinho */
}


/*SM001 - NOVAS ADAPTAÇÕES*/

.topo-agendamento{
    display:flex;
}
.topo-agendamento .textual{
    flex:0 0 60%;
    margin-bottom:20px;
}
.topo-agendamento .msg-informativa{
    flex:0 0 40%;
    display:none;
}

/* estado padrão: tudo apagado e bloqueado */
/* todos os labels começam apagados */
#formAgendamento label {
    opacity: .35;
    pointer-events: none;
    transition: .25s;
}

/* Período liberado */
#formAgendamento.periodo-liberado label[for="periodo"] {
    opacity: 1;
    pointer-events: auto;
}

/* Nome e telefone liberados */
#formAgendamento.dados-liberados label[for="nome"],
#formAgendamento.dados-liberados label[for="telefone"] {
    opacity: 1;
    pointer-events: auto;
}

/* caixa verde */
select.campo-ativo,
input.campo-ativo {
    background: #d3ffe2 !important;
}


select option[disabled] {
    color: #bbb !important;
    background:white!important;
    cursor: not-allowed;
}

body {
    opacity: 0;
    transition: opacity .6s ease;
}
body.carregado {
    opacity: 1;
}

.et_pb_social_media_follow li{
    margin-bottom: 3px;
}

.et_pb_tabs_controls{
    display: flex;
    border-bottom:1px solid #dfdfdf;
}
.reviews_tab{
    border-bottom:0!important;
}
.et_pb_tab_active{
    border-bottom:0!important;
}
p.price{
    display:flex;
    flex-direction: column;
}
.reset_variations {
    display: none !important;
}
.et_pb_wc_add_to_cart form.cart .variations td.value span:after{
    display:none;
}
table.variations tbody{
    background:white;
}

.orion-capacidade-swatches {
    display: flex;
    gap: 10px;
    margin: 8px 0 12px;
}

.orion-cap-swatch {
    background: #fafafa;
    border: 3px solid #ffffff;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: all .25s ease;
    color: #c3c3c3;
    outline: 2px solid #dfdfdf;
}

.orion-cap-swatch:hover {
    background: #f0f0f0;
}

.orion-cap-swatch.selected {
    background: #e5edff;
    border-color: #fff;
    color: #3483FA;
    outline: 2px solid #3483FA;
}
.single_variation_wrap .woocommerce-variation-add-to-cart,
.single_add_to_cart_button {
    opacity: 1 !important;
    pointer-events: auto !important;
}

#orion-products-wrap li{
    background:white;
    padding:15px;
    box-shadow: 0 0 15px #dfdfdf;
}
#orion-products-wrap li span{
    font-size:18px;
    font-weight: 700;
    color:#5d1eb0!important;
}

#orion-products-wrap li span.partilhar-sale-badge{
    color:white!important;
    font-size:14px;
}

.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover{
    border-radius: 0!important;
    font-size: 14px;
    border-width: 1px;
    padding-top: 6px;
    padding-bottom: 6px;

}
.woocommerce-notices-wrapper .woocommerce-message{
    background: #0096cff2 !important;
    padding: 55px 10px!important;
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    justify-content: space-between;
    text-align: center;
    animation: orionFade 6s ease forwards;
    margin-bottom:-10px;
}

.woocommerce-price-suffix{font-size:14px; margin-top:10px; color:#4f4f4f;}

.et_pb_tab_content a{
    background: #8c59ef;
    padding: 5px 15px;
    display: inline-block;
    margin: 10px 0;
}

.et_pb_tab_content a:hover{
    background:#6336b9;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
    content:none;
}
#lista-produtos-pg-inicial .woocommerce .products ul::after, #lista-produtos-pg-inicial .woocommerce .products ul::before, #lista-produtos-pg-inicial .woocommerce ul.products::after, #lista-produtos-pg-inicial .woocommerce ul.products::before{
    content:' ';
}
.woocommerce-notices-wrapper .woocommerce-message .wc-forward{
    display:none;
}

/* Oculta o preço do produto variável antes da seleção */
.single-product .product .summary .price {
    display: none !important;
}

/* Estilo do preço da variação selecionada */
.single-product .woocommerce-variation-price .price {
    display: block !important;
    font-size: 42px!important;
    font-weight: 700;
    color: #53A88E!important;
    margin-bottom: 30px!important;
}


.et-pb-active-slide table{
    text-align: left;
}

.et_pb_post{
    margin-bottom:0;
    padding-bottom:100px!important;
    padding-top:50px;
}


/* Grid de categorias do WooCommerce */
.woocommerce ul.products li.product-category a {
  display: block;
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
  text-align: center;
}

.woocommerce ul.products li.product-category a:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

.woocommerce ul.products li.product-category img {
  border-radius: 12px;
  margin: 0 auto 12px;
}

.woocommerce ul.products li.product-category h2 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
}










#area-produtos-destaques .et_pb_post{
    padding-bottom:25px!important;
    position:relative;
    box-shadow: 0 0 15px #dfdfdf;
}
#area-produtos-destaques .et_pb_post img{
    padding:5px;
    background:white;
}

#area-produtos-destaques h2 {
    position: absolute !important;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.45), 0px 4px 8px rgba(0, 0, 0, 0.35);
    z-index: 15;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
    padding: 100px 10px 16px 16px;
    width: calc(100% - 10px);
    left: 5px;
    bottom: 5px;
    pointer-events: none;
}

#area-produtos-destaques .et_pb_image_container{
    margin-bottom:-56px;
}


/* ====== GRID DECENTE NAS CATEGORIAS (#orion-products-wrap) ====== */
#orion-products-wrap ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* 4 colunas no desktop */
    gap: 30px 30px; /* espaçamento horizontal e vertical */
    margin: 0;
    padding: 0;
}

/* zera o float/margem padrão do Woo/Divi */
#orion-products-wrap ul.products li.product {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
}


/*FIM - SM001 - NOVAS ADAPTAÇÕES*/

@media screen and (max-width: 575px) {
    
    .et_pb_image .et_pb_image_wrap img[src*=".svg"]{width:85px!important;}

    .woocommerce ul.products li.product a.woocommerce-loop-product__link{
        padding:0!important;
        background:white!important
    }

    #main-content{
    }
    
    .btn-abrir-calendario img, .btn-abrir-whatsapp img{width:20px; margin-bottom:-6px;}
    
    #tour-partilhar{
        transform:scale(.8);
        right:-10px;
        bottom:-32px;
    }
    .btn-abrir-whatsapp{
        bottom:1.7%;
        right:10px;
        padding:14px 17px;
    }
    .btn-abrir-calendario{
        right: 10px;
        bottom: 12.5%;
        padding: 14px 17px;
    }

    #tour-text-wrapper{
        top:-34%;
        width:147px;
        right:60%;
    }
    #tour-partilhar #tour-close{
        left:-25px;
        top:-100px;
    }

    #formAgendamento .alert{
        margin-left:-40px;
        margin-right:-40px;
    }

    #calendar th{
        padding:4px;
        font-size:12px;
    }

    .area-de-agendamento form input{
        margin-bottom:0;
    }

    .swipe-vertical{
        height:100vh;
        display:flex;
        align-items: center;
        position:absolute;
        top:0;
        left:-26px;
    }
    .swipe-vertical div{

        height: 70px;
        width: 5px;
        background: #cdc8c8;
        margin-right: 4px;
        border-radius: 30px;

    }
    #area-menu-mobile .mobile_menu1{
        z-index: 99;
    }
    .area-de-agendamento{
        width:90%;
    }

    .btn-fechar-calendario{

    }
    .area-de-agendamento{
        padding:40px!important;
        overflow: auto;
        height:100vh;
    }
    .formulario-de-agendamento h1{
        width:50%
    }
    #formAgendamento > div:nth-child(2), #formAgendamento > div:nth-child(3), #formAgendamento > div:nth-child(4){
        flex:100%;
    }
    .tooltip-calendario .indisponivel{
        display:none;
    }
    #calendar td{
        height:50px;
    }

    .btn-fechar-calendario {
        top: 10px;
        right: 10px;
        left: inherit;
        background: none;
        filter: brightness(0.5);
        border: none;
        box-shadow: none;
    }
}


@media (min-width: 576px) and (max-width:767px) {
    .area-de-agendamento{
        width:90vw;
    }

}
@media (min-width: 768px) and (max-width:998px) {
    .area-de-agendamento{
        width:70vw;
    }
    .linha-topo-azul .et_pb_column.et_pb_column_1_3.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough {
        display:none;
    }

}
@media (min-width: 999px) and (max-width:1200px) {
    .area-de-agendamento{
        width:70vw;
    }

}
@media (min-width: 1201px) and (max-width:1499px) {
    .area-de-agendamento{
        width:60vw;
    }
}
@media (min-width: 1500px){

}

/* responsivo */
@media (max-width: 980px){
    body.woocommerce-shop ul.products{
        --gap:16px;
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}
@media (max-width: 640px){
    body.woocommerce-shop ul.products{
        grid-template-columns: 1fr;
    }
}
@media (min-width: 1400px){
    body.woocommerce-shop ul.products{
        grid-template-columns: repeat(4, minmax(0,1fr));
    }
}

@media screen and (max-width: 575px) {
    
    .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{padding:20px 20px 7px 20px;}
.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product .price{padding:0 20px 20px 20px;}

#lista-produtos-pg-inicial ul.products.columns-3 li{width:100%!important;}
    
    .woocommerce ul.products li.product .button{
    }

    .menu-superior-principal{
        padding-top:30px!important;
        position:fixed!important;
        width:100vw;
        padding-left:30px;
        padding-right:30px;            
    }

    .aparecer-caixinha #div-de-cobertura .button{
        width:auto;
    }

    .et_pb_slide{
        padding:11% 0;
        margin-top: 75px;
    }

    .icone-carrinho i{
        font-size:15px;
    }

    #menu-superior-principal{
        padding-top:25px;
    }

    .orion-internas-mobile{
        display:initial;
    }


    .orion-single-main{
        margin-right:0!important;
    }
    .woocommerce div.product .product_title{
        margin-top:10px;
    }
    #pg-inicial-nossos-bichos{
        margin-top:60px;
    }
    #pg-inicial-nossos-bichos ul{
    }
    #pg-inicial-nossos-bichos ul li:last-child{
        display:none;
    }
    #pg-inicial-nossos-bichos ul li h2{
        font-size:22px
    }
    #pg-inicial-nossos-bichos ul li .descricao-produto-curta{
        font-size:16px;
        line-height: 1;
    }

    #orion-categoria-verde{
    }
    #orion-categoria-verde img{
    }

    .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap{
        display:initial!important;
    }
    .et_pb_menu__logo-wrap{
        display:initial!important;
    }
    .et_pb_row.et_pb_row_0_tb_header .et_pb_column{
        margin-bottom:0!important;
        text-align: center;
    }
    .et_pb_row.et_pb_row_0_tb_header .et_pb_column .et_pb_text_inner{
        text-align: center;
    }
    .et_pb_row.et_pb_row_0_tb_header .et_pb_column span, .et_pb_row.et_pb_row_0_tb_header .et_pb_column .email{
        display:none;
    }
    .icones-mobile .iconesMobile{
    }
    .icones-mobile .iconesMobile .orion-woo-links{
    }
    .icones-mobile .iconesMobile .campo-busca-produto{
    }

    /*ADAPTAÇÃO MOBILE*/
    /* Container do módulo vira flex (uma linha) */
    .iconesMobile .et_pb_code_inner{
        display:flex;
        align-items:center;
        gap:12px;
        flex-wrap:nowrap;
    }

    /* Grupo de ícones não estica */
    .iconesMobile .orion-woo-links{
        display:flex;
        align-items:center;
        gap:12px;
        flex:0 0 auto;
    }

    /* A busca ocupa o restante da linha */
    .iconesMobile .campo-busca-produto{
        flex:1 1 auto;
        display:flex;
    }

    /* Form da busca preenche a largura disponível */
    .iconesMobile .orion-search-form{
        display:flex;
        align-items:center;
        width:100%;          /* sobrescreve o width:50% */
        max-width:none;
        min-width:0;         /* evita overflow do input no flex */
        justify-content:stretch; /* garante alinhamento à esquerda */
    }

    /* Input cresce e pode encolher sem quebrar layout */
    .iconesMobile .orion-search-form .search-field{
        flex:1 1 auto;
        min-width:0;
    }

    /* (Opcional) apertar um pouco o padding em telas bem estreitas */
    .iconesMobile .orion-search-form .search-field{
        padding:12px 14px;
    }
    .iconesMobile .orion-search-form button{
        padding:12px 16px;
        font-size:16px;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__trigger{
        z-index: 1
    }

    /*ADAPTAÇÃO MOBILE*/
    .woocommerce div.product .woocommerce-tabs ul.tabs li{
        z-index: 1!important;
    }
    .icone-shop span{
        font-size:14px;
    }
    .et-db #et-boc .et-l .et-pb-icon{
        font-size:18px;
    }
    .iconesMobile .orion-search-form button{
        display:none;
    }
    .icones-mobile {
        padding: 20px !important;
        z-index: 0;
        background: #00a8f2!important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        top:127px;
        position:fixed;
        width:100vw;
    }
    .icones-mobile .et_pb_row.et_pb_row_2_tb_header{
        margin:0!important;
        width:100%!important;
    }

    body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container{
        padding-top:0;
    }


    .icones-mobile .et_pb_row {
        width:100%;
    }
    .et_pb_column .et_pb_row_inner, .et_pb_row{
        padding:15px 0
    }
    .quantidade-carrinho{
        font-size: 10px;
        color: #333;
        background: transparent;
        border: none;
        background: white;
        top: -18px;
        width: 25px;
        height: 25px;
        left: 12px;
    }
    .iconesMobile .orion-search-form .search-field{
        font-size: 12px;
        padding: 5px 10px;
        background: #fff url('../img/lupa.svg');
        background-repeat: no-repeat;
        background-position:center right;
        border-radius: 30px;
        padding: 16px 20px;
        color:#333;
    }
    .iconesMobile .orion-search-form .search-field::placeholder{
        color:#333!important;
        letter-spacing: 1px;
        font-weight: 500;
        opacity: .3
    }

    .orion-woo-links{
        margin-right:15px;
    }
    .icone-shop span{
    }
    #mobile_menu1{
        width: 100vw !important;
        top: 127px !important;
        height: calc(100vh - 160px);
        position: fixed !important;
        overflow: auto;
    }

    form.cart.orion-add-cart{
        background:transparent;
    }
    #bannerSuperior .et_pb_container{
        margin-left:0
    }

    #bannerSuperior .et_pb_slide_description{
        padding-right:0!important;
        padding-left:35px;
        padding-bottom:0;
    }

    .et_pb_fullwidth_post_slider_0.et_pb_slider .et_pb_slide_description{
        width:100%;
    }

    .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content{
        display:block!important;
    }
    .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title{
        font-size:35px;
        font-weight:800;
    }
    #bannerSuperior .et_pb_slide_description{
        width:100%;
    }
    form.cart.orion-add-cart{
        display:flex;
        justify-content: center;
    }
    .woocommerce span.onsale, .woocommerce-page span.onsale{
        z-index: 1;
    }
    .woocommerce .woocommerce-breadcrumb{
        width:110vw;
        margin-left: -43px;
    }

    #left-area form.cart .quantity{
        display:none;
    }
    .woocommerce-message.custom-toast{
        width:100vw;
        bottom:0!important;
        right:0!important;
    }

    #pg-inicial-nossos-bichos form.cart.orion-add-cart{
        display:none;
    }

    .descricao-produto-curta{
        margin-bottom:0;
    }
    .icone-shop span.txt-icon{
        bottom:-17px;
    }
    .orion-img-internas{
        display:none;
    }
    .orion-img-internas-mobile{
        display:block;
        height:20vh!important;
        object-fit:cover;
    }
    #left-area{
        padding-bottom:0;
    }
    .icones-mobile .et-db #et-boc .et-l .et_pb_row{
        padding:20px 0!important;
    }
    .woocommerce .woocommerce-breadcrumb{
        background:#333;
        color:#999;
        padding:20px;
    }
    .woocommerce .woocommerce-breadcrumb a{
        color:white!important;
    }
    .aparecer-caixinha #div-de-cobertura .button{
        background:#5965a8;
    }

    .woocommerce-products-header__title.page-title{
        width:50%;
        font-size:25px;
        padding-top:20px;
    }

}

/* tablet grande: 3 colunas */
@media (max-width: 1199px) {
    #orion-products-wrap ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* tablet / notebook estreito: 2 colunas */
@media (max-width: 980px) {
    #orion-products-wrap ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* mobile: 1 coluna */
@media (max-width: 600px) {
    #orion-products-wrap ul.products {
        grid-template-columns: 1fr;
    }
}