/* Icons */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css"); */

body{font-family: var(--font-primary), sans-serif; font-size: 14px; color: var(--texto); background: #fcfcfc; letter-spacing: .4px;}

.transition{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a{text-decoration: none; color: var(--text);}

h1{color: var(--primary); font-size: 30px; font-weight: bold;}
/* h2{margin-bottom: 20px; color: var(--primary);} */

.submenu{position: absolute; min-width: 160px; top: 100%; margin-top: 2px; background: #fff;left: 0;z-index: 10000;max-height:0;overflow:hidden;-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);-webkit-transform-origin:50% 0;-webkit-transition:350ms;-moz-transition:350ms;-o-transition:350ms;transition:350ms;-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05); border:solid 1px #ddd; opacity: 0;}
.submenu .dropdown-inner{display: flex;}
.submenu ul{min-width: 160px; margin-bottom: 0;}
.submenu ul > li{width: 100%;}
.submenu ul > li > a{width: 100%; float: left; padding:5px 15px;}
.submenu ul > li > a:hover{text-decoration: none; background-color: var(--primary); color: #fff;}
.submenu .grandchild{font-size: 12px; color: #777;}
.submenu .grandchild:hover{font-size: 12px; color: #fff;}

#smart-filter #slider-range, #smart-filter .ui-slider-range {height: 4px; border: none; position: relative; background: #ebebeb;}
#smart-filter .ui-widget-header {background: var(--primary);}
#smart-filter .ui-slider-handle {top: -7px; border-radius: 100px; background: var(--primary); border: none;}
#smart-filter input {position: relative; margin: 0; appearance: none;}
#smart-filter input:checked::after {content: ''; position: absolute; left: 8px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0;transform: rotate(45deg);}
#smart-filter input:checked::before {border-color: var(--primary); background: var(--primary);}
#smart-filter input::before {content: ''; display: block; width: 22px; height: 22px; border: 2px solid #c6cfd6; border-radius: 4px; background-color: transparent;}
#smart-filter label {display: flex; align-items: center; gap: 5px; margin-bottom: 5px;}

.submenu-mobile{display: none;}

.dropdown:hover .submenu{
	max-height:1000px; -webkit-transform:perspective(400) rotate3d(0,0,0,0); opacity: 1;
}

.form-group{margin-bottom: 10px;}
.fw-500 {font-weight: 500;}
.breadcrumb{padding:15px 0}

.heading-title {text-align: start; margin: 0; color: #515566; font-size: 20px; font-weight: 600;}
.heading-title::after {content: ""; width: 80px; height: 4px; background: var(--primary); border-radius: 50px; display: table; margin: 8px 0 32px !important;}
.title-description{text-align: center;}
.container-title-link {margin-bottom: 32px; font-weight: 600;}
.container-title-link a {color: var(--primary) !important;}


/* ////////// BOX ///////////*/
.box{padding:20px; border:solid 1px #eee; margin-bottom: 30px; display: block; width: 100%; border-radius: 10px;}
.box h3{font-size: 16px; color: var(--primary); text-transform: uppercase; margin-top: 0; padding-bottom: 10px; border-bottom: solid 1px #eee; margin-bottom: 10px;}
.box-menu{list-style: none; padding: 0; margin:0}
.box-menu > li > a{font-size: 14px; color:var(--text); padding: 5px 0; display: table; }
.box-menu > ul > li > a{ color:var(--text); padding: 3px 0; display: table; opacity: 0.8;}
.box-menu > ul > ul{background: #f3f3f3; padding: 10px; margin:5px 0; border-radius: 10px;}
.box-menu > ul > ul > li > a{ color:var(--text); padding: 3px 0; display: table;}
.box-menu ul{list-style: none; margin-left: 0;}
.box-menu a:hover{text-decoration: none; color: var(--primary)}

.box-tabs{display: table; margin-bottom: 0; margin-left: 10px;}
.box-tabs a{font-size: 14px; font-weight: bold; color: var(--tertiary) !important; padding: 20px; display: table;}
.box-tabs .active a{color: var(--primary) !important; border-bottom:solid 4px var(--primary); }

@media(max-width:767px){
    .show-next + div{display: none}
    .box{padding:15px;}
}


.rating i{color: #ccc; font-size: 14px;}
.rating .bi-star-fill{color: gold;}

#offcanvasBody .offcanvas-body{min-height: auto !important;}

.panel-heading{padding: 10px 0; border-bottom:solid 1px #ddd;}
.panel-body{padding: 15px;}

/* .form-group .control-label{display: none} */
form legend{font-size: 16px; font-weight: 500;}
.radio-inline{margin-right: 20px;}
.swiper {overflow: initial !important; overflow-x: clip !important;}

.btn-primary{background-color: var(--btn-primary, var(--primary)); border-color:var(--btn-primary, var(--primary));}
.btn-primary:hover{background-color: var(--btn-primary-hover, var(--secondary)); border-color: var(--btn-primary-hover, var(--secondary));}

.btn-cart{background-color: var(--btn-cart); border-color: var(--btn-cart); color: #fff; }
.btn-cart:hover{background-color: var(--btn-cart-hover); border-color: var(--btn-cart-hover); color: #fff;}


.active>.page-link, .page-link.active{background-color: var(--primary); border-color: var(--primary); }
.page-link{color: var(--primary); border:none; border-radius: 4px;}

::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb {background-color: #555;border-radius: 4px;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
.pull-right {margin-bottom: 10px;}

#product-search .input-group-text, #product-category .input-group-text {padding: 6px 18px; background: var(--primary); color: #fff;}
#product-search h2, #product-category h2 {margin-bottom: 20px;}
#product-search  #compare-total {display: none;}
#list-view i, #grid-view i {font-size: 18px;}
@media (min-width: 1400px){
	.container {
    	max-width: 1620px !important;
	}
}

.text-right {text-align: right;}
::selection {color: #fff; background: var(--primary);}


@media (min-width: 1400px) {
	.col-xxl-20 {flex: 0 0 auto; width: 20%;}
}

@media (min-width: 991px) {
	.product-list-carousel .vowt-prev{left: -10px;}
	.product-list-carousel .vowt-next{right: -10px;}
	.product-list-vowt-pagination {display: none;}
}

@media (max-width: 991px) {
	.product-list-carousel .vowt-next, .product-list-carousel .vowt-prev {display: none;}
	.product-list-carousel .swiper-slide {width: 70%;}
	.product-list-vowt-pagination {text-align: center; display: block; margin-top: -20px;}
}