body{
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-style: normal;
}
.material-symbols-outlined {
font-size: inherit !important;
}
.material-symbols-filled {
font-variation-settings: 'FILL' 1;
}
.menu-nav {
position: relative;
}
.menu-nav>ul>li {
height: 50px;
display:flex;
align-items:center;
}
.menu-nav>ul>li.menu-item-has-children>a:after{
content: "keyboard_arrow_down";
display: inline-block;
font-family: "Material Symbols Outlined";
}
.menu-nav>ul>li>a {
text-transform: uppercase;
font-weight: 600;
}
.menu-nav ul li.current-menu-item > a,
.menu-nav>ul>li>a:hover {
color: #ea078b ! important;
}
.menu-nav>ul>li {
padding: 0 20px;
} 
.menu-nav>ul>li>.sub-menu {
position: absolute;
z-index: 10;
background-color: white;
top: 100%;
left: -10px;
right: -10px;
color: #636363;
box-shadow: -2px 6px 5px -3px rgba(0,0,0,0.25);
-webkit-box-shadow: -2px 6px 5px -3px rgba(0,0,0,0.25);
-moz-box-shadow: -2px 6px 5px -3px rgba(0,0,0,0.25);
display: flex;
flex-wrap: wrap;
border: 1px solid #e1e1e175;
padding: 10px 0;
visibility:hidden;
transition: all 0.1s linear;
opacity: 0;
}
.menu-nav>ul>li:hover>.sub-menu{
visibility: visible;
opacity: 1;
}
.menu-nav>ul>li>.sub-menu>li {
width: 50%;
padding: 0 30px;
margin: 10px 0;
}
.menu-nav>ul>li>.sub-menu>li>a {
margin-bottom: 5px;
display: block;
color: #434343;
font-size: 15px;
font-weight: 500;
}
.menu-nav>ul>li>.sub-menu>li>.sub-menu>li {
margin: 5px 0;
}
.menu-nav>ul>li>.sub-menu>li>.sub-menu .sub-menu {
display: none;
}
.menu-nav .sub-menu a:hover {
color: #ea078b
}
.menu-nav-mobile li {
border-top: 1px  solid #f0f0f0;
text-transform: uppercase;
}
.menu-nav-mobile li>a {
display: block;
padding: 10px 0;
}
.menu-nav-mobile .menu>li:first-child {
border: none;
}
.menu-nav-mobile .sub-menu {
padding-left: 15px;
display: none;
}
.menu-nav-mobile li.menu-item-has-children {
position: relative;
} .mt-product-tab.active {
background-color: black;
color: white;
}
.ui-slider-handle {
border-radius: 100% !important;
background-color: oklch(55.1% 0.027 264.364) !important;
}
.ui-slider-horizontal {
height: 10px !important;
border-radius: 10px !important;
}
.ui-slider-range {
background-color: oklch(70.1% 0.027 264.364)  !important;
} .woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
margin: 0;
}
.wc-block-components-button{
background-color: #bababc;
color: white;
border-radius: 5px;
}
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button{
background-color: #f02c37;
color: white;
border-radius: 5px;
}
#content .wp-block-woocommerce-empty-cart-block h2:nth-child(3),
.wp-block-woocommerce-product-new{
display: none;
}
.woocommerce .woocommerce-ordering select{
outline: none;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
float: inherit;
}
.product-single img{
height: inherit;
max-width: inherit;
}
.woocommerce-store-notice, p.demo_store {
position: relative;
top: auto;
z-index: 10;
padding: 3px;
background-color: #4c60ff;
}
.news-lastest{
max-width: 100%;
max-height: 100vh;
}
#add-cart-control-desktop,#add-cart-control-mobile{
display: none;
}
header .menu-nav>ul>li>.sub-menu{
z-index: 99;
}
#site-content{
position: sticky;
top: 0;
z-index: 999;
transition: all .5s ease-out;
}
#site-content.scroll-top {
transform: translateY(-100%);
overflow: hidden;
}
.flickity .flickity-slider .carousel-item{
max-width: 20%; 
padding: 0 10px;
}
.flickity .flickity-prev-next-button.previous{
left: -4%;
}
.flickity .flickity-prev-next-button.next{
right: -4%;
}
.flickity .flickity-button, .flickity .flickity-button:disabled{ 
opacity: 0;
background-color: #101010;
color: white;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; 
}
.flickity:hover .flickity-button:not(:disabled){
opacity: 1;
}
.flickity .flickity-button:hover{
transform: scale(1.12) translateY(-50%);
}
.flickity .flickity-prev-next-button .flickity-button-icon{
left: 30%;
top: 30%;
width: 40%;
height: 40%;
}
@media (max-width: 768px) {
.flickity .flickity-slider .carousel-item{
max-width: 50%; 
}
}
@keyframes header-slide-in {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}