@import "../../../css/theme.css";
@import "../../../css/custom.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/hk-groteks');



.bg-primary{
	background-color: #2e6bc6!important;
}
.bg-secondary{
	background-color: #F3F3F3!important;
}

.c-text{
	color: #333!important;
}
.c-primary{color: #2e6bc6!important;}

a, button, img, input, span{-webkit-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;}

input {font-family: "Jost", sans-serif;}

html, body {background: white;font-family: 'Jost', sans-serif;scroll-behavior: smooth;}

.title, header nav a, header nav button, .call-to-action h3 {font-family: 'HK Grotesk', sans-serif;font-weight: 600;color: #121519;font-size: 14px;}
.title{text-align: center;font-size: 36px;}

header{z-index: 1021;}
header .logo{max-height: 48px;}
header nav{font-weight: 500;}
header nav a, header nav button{color: #333;font-weight: 600;}
header nav a:hover, header nav button:hover{color: #2e6bc6;}
header nav ul li a{    text-transform: none;color: #7e7e7e;font-weight: 400;}
header .dropdown-menu {max-height: calc(100vh - 130px);overflow: auto;width: 200px;z-index: 9999;box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);border-radius: 8px;}
header .menu {width: 30px;}
/* header span{height: 2px;transition: all ease-in-out .3s;} */

body{padding-top: 93px;}
body.whith-name{padding-top: 137px;}
body.with-bar{padding-top: 119px;}
body.with-name.with-bar{padding-top: 163px;}

.badge{background-color: #2e6bc6;height: 25px;}

a, a:hover, button button:hover {
	-webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

#carouselBanners .tns-controls { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
#carouselBanners .tns-controls button { background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; border: none; color: #F6C40F; height: 35px; position: absolute; width: 35px; }
#carouselBanners .tns-controls button[data-controls="prev"] { background-image: url('../img/ico-arrow-prev.svg'); left: 15px; }
#carouselBanners .tns-controls button[data-controls="next"] { background-image: url('../img/ico-arrow-next.svg'); right: 15px; }

#carouselBanners .carousel-indicators button{background-color: #D9D9D9;border-radius: 50%;height: 16px;opacity: 1;width: 16px;}
#carouselBanners .carousel-indicators button.active{background-color: #FCD9B8;}
#carouselBanners img.d-none.d-sm-block {object-fit: cover;}
.tns-nav{position: absolute;z-index: 1;bottom: 5vh;left: 50%;transform: translate(-50%, -50%);}
.tns-nav button{border-radius: 25px;width: 12px;height: 16px;margin: 0px 5px;border: 2px solid #bbb;background-color: transparent;}
.tns-nav-active{background-color: #333!important;border: 2px solid #333!important;}

.featuredProducts .tns-nav{bottom: -6vh;}
.featuredProducts .btn-style-1{margin-top: 90px;}

.sliderCategories .tns-controls {top: 50%;margin-top: -12px;}
.sliderCategories .item{transition: all 0.3s ease-in-out;}
.sliderCategories .item h3 {transition: color 0.3s ease-in-out;}
.sliderCategories .item a.btn-cat{z-index: 1;}
.sliderCategories .item .bg-img{transition: all 0.3s ease-in-out;position: relative;overflow: hidden;}
.sliderCategories .item .bg-img::after{display: none;content: '';position: absolute;inset: 0;background-color: rgba(255, 80, 73, 0.15);opacity: 0;transition: opacity 0.3s ease-in-out;border-radius: inherit;}
.sliderCategories .item:hover .bg-img::after{opacity: 1;}
.sliderCategories .item .item-box{padding: 25px 30px 30px;}

.img-zoom {width: 100%;height: 100%;object-fit: cover;transition: 1.5s cubic-bezier(0, 0, 0.2, 1);}

.btn-style-1{display: flex;align-items: center;justify-content: center;}
.btn-style-1 a{background-color: #2e6bc6;color: white;padding: 8px 20px;border-radius: 5px;font-weight: 600;text-transform: uppercase;font-size: 12px;}
.btn-style-1 a:hover{box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.1);}

.item h3 {transition: color 1.5s cubic-bezier(0, 0, 0.2, 1);}
.item:hover .img-zoom {transform: scale(1.1);}
.item:hover h3 {opacity: 0.8;}


.category-hover .category-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.75);display: flex;justify-content: center;align-items: center;opacity: 0;transition: all 0.3s ease-in-out;}
.category-hover:hover .category-overlay {opacity: 1;}

.product-count {background-color: #ff5049;color: white;font-weight: bold;font-size: 1rem;padding: 0.6rem 1.2rem;border-radius: 50px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}


.tns-controls {
	left: 0;
	position: absolute;
	top: 30%;
	width: 100%;

	[data-controls="prev"], [data-controls="next"] {
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		border: 0;
		height: 24px;
		padding: 0;
		position: absolute;
		width: 24px;
	}

	[data-controls="prev"] {
		background-image: url('https://emidica.com/img/icos/ico-arrow-prev.svg');
	}
	[data-controls="next"] {
		background-image: url('https://emidica.com/img/icos/ico-arrow-next.svg');
		right: 0;
	}
}


.shipping_type, .payment_method {
	&.active::after {
		color: var(--bs-green);
		content: '\F26A';
		display: block;
		font-family: 'bootstrap-icons';
		height: 16px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 16px;
	}
}

.longDescription, .short_description {
	overflow: hidden;

	figure, p {
		img {
			max-width: 100%;
			height: auto;
		}
	}

	figure {
		display: block;
		margin: 20px auto;
		max-width: 100%;

		img {
			display: block;
			margin: 20px auto;
		}

		&.image-style-side {
			float: right;
			margin: 20px 0 20px 20px;
		}
	}
}

.bg-color-category .menu-categories{
    background-color: #f8f8f8;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.menu-categories {
		li {

		.imgblack {
			display: block;
		}

		.imgcolor {
			display: none;
		}

		&.active {
			& > div > a {
				color: #CB8161;
			}

			& > div > button .imgblack {
				display: none;
			}

			& > div > button .imgcolor {
				display: block;
			}
		}
	}
}

.menu-categories > ul > li ul {
	list-style: none;
	padding-left: 20px;
}

.menu-categories > ul > li > ul {
	display: block !important;
}

footer{background-color: #000;color: white;}
footer .logo{max-height: 45px;max-width: 115px;}
footer a{color: white;transition: all ease-in-out .3s;}
footer a:hover{color: #2e6bc6;transition: all ease-in-out .3s;opacity: 0.5;}
footer a i:hover{color: #2e6bc6;transition: all ease-in-out .3s;opacity: 0.5;}


#thumbnail-carousel-track {height: 516px !important;}

#icons-items, .confirmed-order .bg-dark-vertex-light-1, .bg-color-category, .detail-order .bg-dark-vertex-light-1  {background-color: #f8f8f8;}
#icons-items .icon-hover-flip .fa-solid, .icon-hover-flip img{transition: transform 0.3s ease-in-out;transform: scaleX(1);color: #646363;}
#icons-items p{	color: #444;font-weight: 400;}
#icons-items .icon-hover-flip:hover .fa-solid, #icons-items .icon-hover-flip:hover img {transform: scaleX(-1);}
#icons-items .icon-hover-flip i.fa-solid{color: #2e6bc6;}

.price-offer{display: inline-flex;align-items: center;justify-content: center;padding: 5px 7px;min-height: 50px;border-radius: 35px;font-size: 14px;min-width: 50px;color: white;}

/* header */
header {position: fixed;top: 0;left: 0;width: 100%;transition: transform 0.3s ease-in-out;background-color: #fff;}
header .menu span{background-color: #323232!important;height: 2px;}

header.hidden {box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5);}



.scroll-top-btn{
	bottom: 0;
    right: 30px;
    margin-bottom: 15px;
    z-index: 999;
    border-radius: 50%;
    border: 0;
    color: white;
	transition: all ease-in-out .3s;
	&:hover {
		background-color: #292828!important;
	}
}

.btn-buy-add{position: absolute;left: 0;right: 0;bottom: 0;transform: translateY(100%);opacity: 0;transition: transform .35s ease, opacity .35s ease; }
.btn-buy-add .btn-add::before{before { position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 20px;transition: opacity .15s ease, transform .25s ease;transform: translateY(100%);content: "\f123";font-family: "woodmart-font";}}

.product-card .box-img-btn{position: relative;border-radius: 10px;overflow: hidden;}
.product-card .box-img-btn .btn-buy-add{}
.product-card span.cat-name{font-size: 13px;color: #777;text-align: center;display: block;}

.product-card{height: 100%;}
.product-card h3{font-size: 14px;font-weight: 500;color: #333333;font-family: 'HK Grotesk', sans-serif;}
.product-card .ratio{background-size: 100%;background-position: center;transition: background-size 1.5s cubic-bezier(0, 0, 0.2, 1);will-change: background-size;}
.product-card span.price{color: #2e6bc6;font-weight: 600;}
.product-card:hover ratio{background-size: 110%;}

.product-card:hover .btn-buy-add, .product-card .box-img-btn:hover .btn-buy-add {transform: translateY(0);opacity: 1;}
.product-card:hover .ratio {background-size: 110%;}

.btn-buy-add button {background-color: #2e6bc6;border: 2px solid #2e6bc6;color: white;width: 100%;padding-top: 8px;padding-bottom: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;font-size: 13px;}
.btn-buy-add .btn-buy {background-color: white;border: 2px solid #E9E9E9;color: #333;z-index: 2;position: relative;border-top-right-radius: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.btn-buy-add .btn-buy:hover{box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);}
.btn-buy-add .btn-add {z-index: 1;position: relative;overflow: hidden;}
.btn-buy-add .btn-add:hover{box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);}

.btn-buy-add .btn-add::after{content: "";position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background-image: url('../img/cart-1.png');background-repeat: no-repeat;background-position: center;background-size: 24px 24px;transform: translateY(100%);opacity: 0;transition: opacity .25s ease, transform .25s ease;filter: invert(1);}
.btn-buy-add .btn-add:hover .btn-add-label{transform: translateY(-100%);opacity: 0;}
.btn-buy-add .btn-add:hover::after{transform: translateY(0);opacity: 1;}
.btn-buy-add button:hover{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;transition: .3s;}


.call-to-action{background-size: 100%;background-position: center;background-repeat: no-repeat;transition: background-size 1.5s cubic-bezier(0, 0, 0.2, 1);will-change: background-size;border-radius: 5px;}
.call-to-action:hover{background-size: 110%;}
.call-to-action .btn-orange{border-radius: 50px !important;}
.call-to-action h3{font-size: 27px;}

.search form input{background-color: #f5f5f5;border-radius: 10px !important;}

.bodyProduct .btn-whatsapp {display: none;}

.bodyProduct{padding-right: inherit!important;}

.img-review .btn{height: inherit;line-height: 30px;position: absolute;top: 0;right: 0;padding-left: 10px;padding-right: 10px;}
.img-review .btn i{color: white;}

.breadcrumb-item.active{color: #242424!important;font-weight: bold;}

.breadcrumbs-head{padding-top: 30px;padding-bottom: 30px;}
.breadcrumbs-head ol.breadcrumb{margin-bottom: 0px;}
.breadcrumbs-head .d-flex{justify-content: start!important;}
.breadcrumb-item+.breadcrumb-item::before{mask: none;background-color: transparent;content: "/";font-weight: normal;}

.product-detail .column-right .price-title{color: #2e6bc6;font-weight: 600;font-size: 28px;}
.product-detail .product-name{font-size: 34px;font-weight: 600;color: #333333;font-family: 'HK Grotesk', sans-serif;}

.product-detail .div-sellfast .btn-sellfast{background-color: #333;border-color: #333;border-radius: 5px;text-transform: uppercase;}

.btn-sellfast:hover{background-color: #292828!important;border-color: #292828!important;}

.product-detail .long-description{background-color: #f8f8f8;padding-top: 20px;padding-bottom: 20px;}
.product-detail .long-description .tab-content p{padding-left: 28px;padding-right: 28px;}
.product-detail .long-description .nav-item{margin-bottom: 0px;}

.product-detail .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent;color: #2e6bc6;border-radius: 0px;}

.nav-link:hover, .nav-link:focus{color: #2e6bc6;}

.watch-model-1 div{
	text-align: left!important;
}
.offer-watch{
	justify-content: start!important;
}
.watch-model-1 .offer-watch .ratio{
	background-color: #f8f8f8!important;
    color: #343434!important;
}

.contact-items .col i::before{line-height: normal !important;display: block;}

.form-control{border-radius: 8px!important;background-color: #f8f8f8;border-color: #f8f8f8;color: #333;}
.form-control:focus{box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);}

.confirmed-order .badge{
	background-color: #2e6bc6;
}
.confirmed-order .bg-dark-vertex-light-1, .bg-color-category .menu-categories{border-radius: 8px;}
.bg-color-category .menu-categories ul li a.text-dark-emphasis:hover{color: #2e6bc6!important;}
.menu-categories.cats-mobile{background-color: #f8f8f8;}

.btn-buy-detail{background-color: #333;border: 2px solid #333;color: white;padding-top: 8px;padding-bottom: 8px;border-radius: 5px;font-size: 13px;text-transform: uppercase;padding-left: 20px;padding-right: 20px;font-weight: 600;}
.btn-buy-detail:hover{background-color: #343434!important;}
.btn-add-detail, .ratings .text-sm-end .btn, .btn-contact{background-color: #2e6bc6;border: 2px solid #2e6bc6;color: white;padding-top: 8px;padding-bottom: 8px;border-radius: 5px;font-size: 13px;text-transform: uppercase;padding-left: 20px;padding-right: 20px;font-weight: 600;}
.btn-add-detail:hover{background-color: #2e6bc6!important;color: white!important;}

.confirmed-order .form-floating .form-control{position: relative;z-index: 3;background: transparent;}
.btn-deatil-buy-add .btn-buy{font-size: 14px !important;border-radius: 5px !important;font-weight: 600;background-color: #313131 !important;}
.btn-deatil-buy-add .btn-buy:hover{background-color: #2e6bc6!important;opacity: 0.5;}
.btn-deatil-buy-add .btn-add{font-size: 14px !important;border-radius: 5px !important;font-weight: 600;background-color: #f5f5f5 !important;color: #313131;}
.btn-deatil-buy-add .btn-add:hover{background-color: #313131!important;color: white!important;}

.splide__track--nav>.splide__list>.splide__slide.is-active{opacity: 0.5;border: none;}

.count{display: flex;align-items: center;justify-content: center;color: #777;border: 1px solid #0000001a;}
.count.count-down{border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.count.count-up{border-top-right-radius: 7px;border-bottom-right-radius: 7px;}

.full-screen-carousel{position: absolute;box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);bottom: 0;background-color: white;border-radius: 36px;display: flex;align-items: center;justify-content: center;min-width: 50px;height: 50px;}

.ratings .title{text-align: start;font-size: 22px;}

.content-contact .contact-form{border-left: 1px solid #e8e8e8;}
.content-contact h5{font-size: 18px;text-align: start;}

.offcanvas-header .btn-buy-detail{margin-left: 0px;}

.detail-order .badge{height: auto;}

.modal-variation{z-index: 999;}
@media (max-width: 991px) {
	body {
		padding-top: 79px;

		.mobile-nav {
			left: -100%;
			padding-top: 62px;
			transition: all ease-in-out .3s;
			z-index: 3;
			max-width: 425px;
			z-index: 6;

			&.active {
				left: 0;
				background-color: white;
				color: #444;
			}
		}

		&.with-name {
			padding-top: 118px;

			.mobile-nav {
				padding-top: 118px;
			}
		}

		&.with-bar {
			padding-top: 105px;

			.mobile-nav {
				padding-top: 105px;
			}
		}

		&.with-name.with-bar {
			padding-top: 144px;

			.mobile-nav {
				padding-top: 144px;
			}
		}
	}

}

@media (max-width: 767px) {
	.border-start-dotted {
		border-left: 0;
	}
	.border-end-dotted {
		border: none;
	}
	.btn-whatsapp{
		bottom: 14px!important;
	}
	.scroll-top-btn{
		right: 21px;
	}
}

@media screen and (max-width: 576px) {
	.bg-color-category{background-color: transparent;}
	.confirmed-order .subtotal-price{position: absolute;top: 0;right: 0;}
	.tns-nav{bottom: 0;}
	.content-contact .contact-form{border-left: none; border-top: 1px solid #e8e8e8;padding-top: 20px;}
	#thumbnail-carousel-track {height: auto !important;}
	.title, header nav a, header nav button, .call-to-action h3{font-size: 24px;}
	.btn-buy-add{position: relative;transform: none;opacity: inherit;}
	.btn-buy-add .btn-buy{}
}