:root {
	--page-padding: 30px;
	--body-background: #161C2F;
	--border-box-radius: 15px;
	--border-button-radius: 8px;


	--main-color: var(--send-main-color);
	--main-text-color: var(--send-main-text-color);
	--main-light-color: var(--send-main-light-color);


	--second-color: var(--send-second-color);
	--second-text-color: var(--send-second-text-color);
	--second-light-color: var(--send-second-light-color);

	--third-color: var(--send-third-color);
	--third-text-color: var(--send-third-text-color);
	--third-light-color: var(--send-third-light-color);
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	background: var(--body-background);
	background-image: linear-gradient(to left top, #0f2631, #0f1f29, #0d1821, #081019, #00050f);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	color: #fff;
	/*scroll-behavior: smooth;*/
}


body:not(.home) {
	padding-top: 87px;
}


.spec-font,
.main-header .nav-link {
	font-family: "Headland One", serif;
	font-weight: 400;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700 !important;
}


body.menu-opened {
	position: relative;
}

body.menu-opened:after {
	content: '';
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}


/** slider **/

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: var(--main-color);
}

.lSSlideOuter .lSPager.lSpg > li a {
	background-color: #888;
}



/*** rotate ********/


.rotate-it {
	animation: rotate 25s linear infinite;
}

@keyframes rotate {
	from {
		transform: rotate(0deg); /* Počiatočná rotácia */
	}
	to {
		transform: rotate(-360deg); /* Konečná rotácia */
	}
}




/**** customized checkbox , radio *****/

.js-radio-label span,
.js-checkbox-label span {
    font-size: 13px;
}

.js-radio-label,
.js-checkbox-label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    font-weight: 400;
}

.js-radio-label input,
.js-checkbox-label input {
    display: none;
}


.js-checkbox-label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    background: #f9f9f9;
}

.js-checkbox-label.checked:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 5px;
    height: 9px;
    z-index: 2;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
}


.js-radio-label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: #f9f9f9;
}

.js-radio-label.checked:after {
    border: 1px solid #000;
}

.js-radio-label.checked:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    z-index: 2;
}






/** GLOBAL **/


.alert {
    border-radius: 0;
    font-size: 14px;
}

.alert-success {
    color: #4CAF50;
    border-color: #4CAF50;
    background: #E5F3E5;
}

.form-group label {
    color: #999;
    margin-bottom: 5px;
    font-size: 14px;
}

.form-control {
    border-radius: 0;
    border-color: #f1f1f1;

    font-size: 16px;

}

.form-control:focus {
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border-color: var(--main-color);
	background: rgba(255,255,255,0.1);
}

 .form-control {
    color: #fff !important;
    border-color: rgba(255,255,255,0.1);
	 background: rgba(255,255,255,0.1);
    font-size: 14px;
}

 input.form-control {
     height: 40px;
 }

.form-control::placeholder {
    color: rgba(255,255,255,0.7);
    font-weight: 500 !important;
    font-size: 14px;
}


.page {
    padding-top: var(--page-padding);
    padding-bottom: var(--page-padding);
    /*background: #f9f9f9;*/
}

.ng-shadow {
    /*box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 10px;*/
    border: 1px solid rgba(0,0,0,0.05);
}


.ng-shadow.ng-shadow-hover {
    transition: box-shadow 0.3s ease;
}

.ng-shadow.ng-shadow-hover:hover {
    box-shadow: rgba(99, 99, 99, 0.13) 0 2px 10px 2px;
    transition: box-shadow 0.3s ease;
}




.container {
    max-width: 1400px;
}



.btn {
    border: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	position: relative;
    padding: 0.7em 1.5em;
	z-index: 1;
	border-radius: var(--border-button-radius);
}



.btn-primary {
	background: var(--main-color);
	color: var(--main-text-color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background: var(--second-color) !important;
	color: var(--second-text-color) !important;
}

.btn-primary-2 {
	background: var(--second-color) !important;
	color: var(--second-text-color) !important;
}

.btn-primary-2:hover,
.btn-primary-2:focus,
.btn-primary-2:active {
	background: var(--second-color) !important;
	color: var(--second-text-color) !important;
}


.btn-secondary {
	background: transparent;
	color: #fff;
	border: 2px solid var(--main-color);
}


.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	background: var(--main-color);
	color: var(--main-text-color);
	border: 2px solid var(--main-color);
}







.t-btn.add-btn {
	font-size: 20px;
	font-weight: 400;
}



/******** SPEC BUTTONS ******/


/*.t-btn.theme2 {*/
/*	background-image: linear-gradient(*/
/*		325deg,*/
/*		hsla(217 100% 56% / 1) 0%,*/
/*		hsla(194 100% 69% / 1) 55%,*/
/*		hsla(217 100% 56% / 1) 90%*/
/*	);*/
/*	color: rgba(255,255,255,0.85);*/
/*	box-shadow:*/
/*		0px 0px 20px rgba(71, 184, 255, 0.5),*/
/*		0px 5px 5px -1px rgba(58, 125, 233, 0.25),*/
/*		inset 4px 4px 8px rgba(175, 230, 255, 0.5),*/
/*		inset -4px -4px 8px rgba(19, 95, 216, 0.35);*/
/*}*/


.t-btn.theme2 {
	background-image: linear-gradient(
		325deg,
		#19254D 0%,
		#2B3A7A 40%,
		#4059B0 70%,
		#19254D 100%
	);
	color: var(--main-text-color);
	box-shadow:
		0px 0px 20px rgba(64, 89, 176, 0.5),
		0px 5px 5px -1px rgba(43, 58, 122, 0.25),
		inset 4px 4px 8px rgba(64, 89, 176, 0.35),
		inset -4px -4px 8px rgba(25, 37, 77, 0.4);
	transition: all 0.3s ease;
}



.t-btn.theme {
	background-image: linear-gradient(
		325deg,
		#F47340 0%,
		#FFA65C 55%,
		#F47340 90%
	);
	color: rgba(255,255,255,0.85);
	box-shadow:
		0px 0px 20px rgba(244, 115, 64, 0.5),
		0px 5px 5px -1px rgba(244, 115, 64, 0.25),
		inset 4px 4px 8px rgba(255, 166, 92, 0.5),
		inset -4px -4px 8px rgba(244, 115, 64, 0.35);
}



.t-btn {
	cursor: pointer;
	padding: 0.9em 1.4em;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-weight: 500;
	font-size: 16px;
	transition: 0.8s;
	background-size: 280% auto;
	border: none;
	border-radius: 14px;
	line-height: 1.3;
}

.t-btn:hover {
	background-position: right top;
}

.t-btn:is(:focus,:hover, :focus-visible, :active) {
	outline: none;

}

.t-btn:is(:focus,:hover, :focus-visible, :active) {
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.t-btn {
		transition: linear;
	}
}









/* tabs */

.tabinator {
    margin-bottom: 3px;
    display: block;
    overflow: hidden;
    position: relative;
}

.tabinator .tabinator-item {
    display: inline-block;
    cursor: pointer;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    position: relative;
    z-index: 1;
}

.tabinator-content {
    background: #fff;
    padding: 35px;
}


.tabinator .tabinator-item.active {
    background: #fff;
}



.tabinator .tabinator-item:hover,
.tabinator .tabinator-item.active {
    color: #222;
}


.tabinator-content .content {
    display: none;
}

.tabinator-content .content.active {
    display: block;
}






/* heading */

.heading-box .heading {
    font-weight: 700;
    font-size: 28px;
    display: inline-block;
    position: relative;
}



@media (min-width:1400px) {
    .w-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}




/*************** To top btn *************************/

#myBtn {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 10px;
	z-index: 99;
	font-size: 25px;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.45);
}

#myBtn:hover {
  background: rgba(0, 0, 0, 0.65);
}




/************************** MAIN HEADER ************************/

/*.main-header {*/
/*    background: #fff;*/
/*}*/


.main-header {
	padding-top: 20px;
	padding-bottom: 20px;
}

.main-header {
	height: 80px;
}

.main-header .info-bar {
	font-size: 12px;
	color: #fff;
}


/******** mega menu ***********/

.main-header .mega-menu {
	width: 100%;
	padding: 15px 25px;
	transform: translate(0, 0) !important;
	top: 100% !important;
	left: 0 !important;
	position: absolute !important;
	max-height: 60vh !important;
	overflow-x: auto;
}


.main-header .mega-dropdown .mega-menu .subcategory-item a:hover {
	background: #fff !important;
	color: var(--main-color) !important;
}


.main-header .mega-dropdown {
	position: static;
	border: none;
}

.main-header .mega-menu .subcategory-item {
	display: flex;
	align-items: flex-start;
	column-gap: 10px;
}

.main-header .mega-menu .subcategory-item .title {
	display: block;
	font-size: 13px;
	color: #000;
	font-weight: 600;
	text-decoration: none;
}

.main-header .mega-menu .subcategory-item .links .subsub-item {
	font-size: 12px !important;
	color: #888;
	font-weight: 400;
}

.main-header .mega-menu .subcategory-item .links .subsub-item:after {
	content: ',';
}

.main-header .mega-menu .subcategory-item .links .subsub-item:last-of-type:after {
	content: '';
}



.main-header .mega-menu .subcategory-item img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	padding: 5px;
	border: 1px solid #f1f1f1;
}




/* top bar */

.main-header .top-bar .sale-info {
    color: #555;
}

.main-header .top-bar {
    background: #f9f9f9;
    font-size: 12px;
    padding: 8px 0;
    transition: height 0.3s ease;
}

.main-header .top-bar-menu {
    display: flex;
    list-style: none;
    width: auto;
    margin-left: auto;
    column-gap: 8px;
    margin-bottom: 0;
    justify-content: flex-end;
}

.main-header .top-bar a {
    color: #555;
}

.main-header .top-bar a:hover {
    text-decoration: none;
    color: #000;
}




/*** main bar *****/

.main-header .search-box {
    width: 100%;
}

.main-header .main-bar .op-box {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    column-gap: 0;
    height: 100%;
}



.main-header .dropdown.no-arrow .dropdown-toggle::after {
    all: unset;
}


/*.main-header .main-bar {*/
/*    border-bottom: 1px solid #f1f1f1;*/
/*}*/


.main-header .main-bar .op-box .small-title {
    font-size: 10px;
    font-weight: 400;
    text-align: center;
	display: block;
    color: #000;
	padding-top: 3px;
	width: 100%;
}

.main-header .main-bar {
    padding-top: 0;
    padding-bottom: 0;
}


.main-header .main-bar .op-box > li {
    height: 100%;
	display: inline-flex;
	align-items: center;
}

.main-header .main-bar .op-box li > a,
.main-header .main-bar .op-box .dropdown > a {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: var(--main-color);
}


.main-header .op-box .icon-layer .counter {
	position: absolute;
	top: -4px;
	right: -11px;
	background: #fa6012;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	border-radius: 50%;
	width: 19px;
	height: 19px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

}

.main-header .main-bar .op-box .icon-layer i {
    font-size: 17px;
    color: var(--second-color);
}


.main-header .main-bar .dropdown-menu {
    padding: 8px;
    border-radius: 0;
    border-color: #f1f1f1;
}

.main-header .main-bar .op-box .dropdown-menu a {
    border: 0;
    font-size: 13px;
    text-align: left;
    padding: 8px;
    color: #111;
}

.main-header .main-bar .op-box .dropdown-menu a  img {
    padding-right: 5px;
}

.main-header .main-bar .op-box li > a,
.main-header .main-bar .op-box .dropdown > a {
    display: inline-flex;
	flex-wrap: wrap;
    align-items: center;
	justify-content: center;
}

.main-header .main-bar .search-box .form-control {
    height: 48px;
    border-radius: 0;
    border: none;
    background: #FAFAFA;
    color: #000;
}

.main-header .main-bar .search-box .input-group {
	border-radius: var(--border-button-radius);
	overflow: hidden;
}


.main-header .main-bar .search-box .form-control::placeholder {
    font-weight: 600;
    font-size: 14px;
}

.main-header .main-bar .search-box .form-control:focus {
    box-shadow: none;
    outline: none;
}

.main-header .main-bar .search-box button {
    border: 0;
    font-size: 18px;
    width: 45px;
	background: #FAFAFA;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #222;
}



/**** Js cat menu ***/

.main-header .js-cat-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #f1f1f1;
}



.main-header .nav-item.spec-category {
    position: relative;
}


.main-header .js-cat-dropdown .category-menu {
    display: none;
}

.main-header .js-cat-dropdown .category-menu.opened {
    display: block;
}

.main-header .opened.js-cat-dropdown {
    display: block;
    padding: 10px;
    z-index: 50;
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
}


.main-header .js-cat-dropdown::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.main-header .js-cat-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

/* Handle */
.main-header .js-cat-dropdown::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 4px;
}

/* Handle on hover */
.main-header .js-cat-dropdown::-webkit-scrollbar-thumb:hover {
    background: #999;
    border-radius: 4px;
}


.main-header .js-cat-dropdown .left-part ul .js-cat-jumper.active {
    background: var(--main-color);
    color: #fff;
}

.main-header .js-cat-dropdown .left-part ul .js-cat-jumper:not(.active):hover {
    background: var(--main-light-color);
}

.main-header .js-cat-dropdown .category-menu-box {
    display: flex;
    column-gap: 15px;
}

.main-header .js-cat-dropdown .left-part {
    max-width: 250px;
    width: 100%;
}

.main-header .js-cat-dropdown .right-part {
    width: calc(100% - 250px);
}

.main-header .js-cat-dropdown .left-part ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.main-header .js-cat-dropdown .left-part ul .js-cat-jumper {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
    padding: 8px 15px;
    background: rgba(0,0,0,0.01);
    display: block;
}

.main-header .js-cat-dropdown .left-part ul .js-cat-back {
    display: none;
}


.main-header .js-cat-dropdown .subcat-box .img-box {
    width: 75px;
    display: block;
    font-size: 1px;
    aspect-ratio: 1;
    border: 1px solid rgba(0,0,0,0.04);
    overflow: hidden;
}

.main-header .js-cat-dropdown .subcat-box .img-box:hover img {
    transform: scale(1.2);
    transition: transform 0.3s ease;
}

.main-header .js-cat-dropdown .subcat-box .info-box {
    width: calc(100% - 75px);
}

.main-header .js-cat-dropdown .subcat-box .img-box img {
    width: 75px;
    aspect-ratio: 1;
    object-fit: contain;
    transition: transform 0.3s ease;

}

.main-header .js-cat-dropdown .subcat-box .title {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 5px;
    display: block;
}

.main-header .js-cat-dropdown .subcat-box {
    display: inline-flex;
    column-gap: 8px;
}

.main-header .js-cat-dropdown .subcat-box .title:hover {
    color: var(--main-color);
}

.main-header .js-cat-dropdown .subcat-box .subcat-links a {
    font-size: 13px;
    color: #999;
    border-right: 1px solid #999;
    padding-right: 3px;
    text-decoration: none;
}

.main-header .js-cat-dropdown .subcat-box .subcat-links a:last-of-type {
    border: none;
}

.main-header .js-cat-dropdown .subcat-box .subcat-links a:hover {
    color: #000;
    text-decoration: underline;
}




/* Bottom bar */


.main-header .bottom-bar {
	background: #000;
}

.main-header .main-nav .menu-list {
    display: flex;
    flex-wrap: wrap;
	position: relative;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.main-header .main-nav .menu-list .nav-link {
    padding: 12px 15px;
    font-size: 14px;
	text-transform: uppercase;
}


.main-header .main-nav .menu-list .nav-link:hover {
	color: var(--main-color);
}

@media (min-width: 992px) {
	.main-header .main-nav .menu-list .nav-link {
		color: #fff;
	}
}

.main-header .bottom-bar .navbar {
    padding: 0;
}

.main-header .bottom-bar .navbar .nav-link {
    padding: 12px 16px;
    font-weight: 600;
}

.main-header .bottom-bar .spec-category .nav-link {
    background: var(--main-light-color);
    color: #222;
    font-size: 14px;
    font-weight: 600;
    column-gap: 10px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: 0.5px;
}

.main-header .bottom-bar .spec-category .nav-link.active {
    background: var(--main-color);
    color: #fff;
}


.main-header .bottom-bar .spec-category .nav-link i {
    position: relative;
    top: 2px;
    transition: transform 0.3s ease;
}

.main-header .bottom-bar .spec-category .nav-link.active i {
    transform: rotate(-180deg);
    top: -1px;
    transition: transform 0.3s ease;
}


.main-header .bottom-bar .dropdown-menu, .main-header .top-bar .dropdown-menu {
    border-radius: 0;
    border-color: #f1f1f1;
}

.main-header .bottom-bar .dropdown-menu a {
    font-size: 14px;
}

.main-header .bottom-bar .dropdown-menu a:hover, .main-header .top-bar .dropdown-menu a:hover,
.main-header .bottom-bar .dropdown-menu a:focus, .main-header .top-bar .dropdown-menu a:focus {
    background: var(--main-light-color) !important;
    color: #000;
}






/*** cart *****/

body.opened-cart {
    height: 100vh;
    overflow: hidden;
    z-index: 2000;
}

body.opened-cart:before {
    content: '';
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    z-index: 2001;
}

.js-cart-box {
    display: block;
    position: fixed;
    height: 100vh;
    right: -1000px;
    top: 0;
    width: 350px;
	background-image: linear-gradient(to left top, #0f2631, #0f1f29, #0d1821, #081019, #00050f);
	backdrop-filter: blur(20px);
    transform: translate(100%,0);
    transition: all 0.3s ease;
    z-index: 9999;
}

.js-cart-box .header {
    height: 70px;
    padding-left: 15px;
    padding-right: 15px;
    /*background: rgba(0,0,0,0.04);*/
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    justify-content: space-between;
}

.js-cart-box .header .title {
    font-weight: 600;
}



.js-cart-box .js-cart-closer {
    color: rgba(0,0,0,0.19);
}

.js-cart-box .js-cart-closer:hover {
    color: rgba(0,0,0,0.49);
}

.js-cart-box.opened {
    right: 0;
    transform: translate(0,0);
    transition: all 0.3s ease;

}

.js-cart-box .product-item {
    display: flex;
    column-gap: 15px;
    padding: 15px;
}


.js-cart-box .product-item:nth-of-type(even) {
    background: rgba(0,0,0,0.02);
}

.js-cart-box .product-item .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.2);
    width: 70px;
    height: 70px;
}

.js-cart-box .product-item .img-box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.js-cart-box .product-item .info-box {
    width: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.js-cart-box .product-item .info-box .title {
    font-size: 14px;
    font-weight: 500;
    display: block;
    text-decoration: none;
    line-height: 1.3;
    color: #fff;
}

.js-cart-box .product-item .params {
	font-size: 11px;
	color: rgba(255,255,255,0.8);
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}

.js-cart-box .product-item .info-box .title:hover {
    color: var(--main-color);
}

.js-cart-box .product-item .price-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.js-cart-box .product-item .price-box .count {
    color: rgba(255,255,255,0.8);
    font-size: 13px;
}

.js-cart-box .product-item .price-box .price {
    color: var(--main-color);
}



.js-cart-box .product-list {
    overflow: auto;
    height: calc(100% - 140px);
}

.js-cart-box {
    padding-bottom: 60px;
    height: 100%;
}

.js-cart-box a.cart-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.js-cart-box .total-box {
    display: flex;
    height: 70px;
    padding: 10px 15px;
    align-items: center;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    justify-content: space-between;
    border-top: 1px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.03);
}


.js-cart-box .total-box .total-price {
    color: var(--main-color);
}



.js-cart-box .product-list::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.js-cart-box .product-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

/* Handle */
.js-cart-box .product-list::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 4px;
}

/* Handle on hover */
.js-cart-box .product-list::-webkit-scrollbar-thumb:hover {
    background: #999;
    border-radius: 4px;
}





/*** fixed header **/


.main-header.sticky .top-bar {
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.2s linear;
}


.main-header.sticky {
	background: rgba(0,0,0,0.33);
	backdrop-filter: blur(20px);
}


.main-header.sticky {
    width: 100%;
}











/* MOBILE */




@media screen and (max-width: 1999.98px) {
    .main-header .main-bar .op-box li > a,
    .main-header .main-bar .op-box .dropdown > a {
        padding: 8px 8px;
    }
}

@media screen and (max-width: 991.98px) {


	.main-header .mega-menu.show {
		display: block !important;
	}

    .main-header .main-bar .op-box .small-title {
        display: none;
    }

    .main-header .main-bar .op-box li > a,
    .main-header .main-bar .op-box .dropdown > a {
        padding: 4px;
        border: none !important;
    }

    .main-header .main-bar .op-box li > a,
    .main-header .main-bar .op-box .dropdown > a {
        display: inline-flex;
        align-items: center;
    }

    .main-header .main-bar .op-box li > a:focus,
    .main-header .main-bar .op-box .dropdown > a:focus {
        border: none;
        box-shadow: none;
        outline: none;
    }


    .main-header .js-mobile-menu-open,
    .main-header .js-mobile-menu-open:focus {
        border: none;
        box-shadow: none;
        outline: none;
        padding: 6px;
        font-size: 18px;
        color: #fff;
        height: 100%;
        display: inline-flex !important;
        align-items: center;
        text-decoration: none;
    }

    .main-header .js-search-open {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
        font-size: 18px;
        color: var(--main-color);
        text-decoration: none;
        height: 100%;
    }

    .main-header .button-nav {
        height: 100%;
    }

    .main-header .main-bar {
        border-bottom: none;
    }




    /** open search menu **/

    .search-opened .main-header .search-col  {
        position: absolute;
        display: flex !important;
        align-items: stretch;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 10;
        padding-left: 0;
        padding-right: 0;
    }

    .search-opened .main-header .search-box,
    .search-opened .main-header .search-box .form-control,
    .search-opened .main-header .search-box .input-group,
    .search-opened .main-header .search-box .form-group,
    .search-opened .main-header .search-box form {
        height: 100% !important;
    }

    .search-opened .main-header .search-box button {
        width: 60px;
    }

    .search-opened .main-header .search-box .form-control {
        background: #fff;
    }

    .search-opened .main-header .search-box .js-search-close {
        color: #fff;
        background: red;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        width: 60px;
        text-decoration: none;

    }

    .search-opened .main-header .main-bar {
        position: relative;
        height: 60px;
        overflow: hidden;
    }


    /*** opened menu ****/



    .main-header .main-nav.opened {
        visibility: visible;
        transform: translate(0, 0);
        left: 0;
    }



    .main-header .main-nav {
        position: fixed !important;
        top: 0;
        left: 0;
        display: block;
        z-index: 2000 !important;
        width: 100%;
        max-width: 350px;
		height: 100lvh;
        visibility: hidden;
		background: var(--body-background);
		background-image: linear-gradient(to left top, #0f2631, #0f1f29, #0d1821, #081019, #00050f);
        transform: translate(-100%, 0);
        overflow-y: auto;


    }

	.main-header .main-nav.opened {
		transition: all 0.3s ease;
	}

     .main-header .main-nav:not(.opened) {
        visibility: hidden;
    }

    body.opened-mobile-menu {
        height: 100vh;
        overflow: hidden !important;
		position: fixed;
		top: 0;
		left: 0;
    }

    .opened-mobile-menu .main-header:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .opened-mobile-menu:after {
        content: '';
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .opened-mobile-menu:after,
    .opened-mobile-menu .main-header:after {
        background: rgba(0,0,0,0.65);
    }

    .main-header .main-nav .js-cat-dropdown {
        position: static !important;
    }

    .main-header .main-nav .dropdown-menu {
        position: static !important;
        transform: translate(0,0) !important;
    }

    .main-header .main-nav .nav-link {
        display: block !important;
    }

    .main-header .main-nav .nav-link.js-cat-menu {
        display: flex !important;
    }

    .main-header .main-nav .nav-item .nav-link {
        border-bottom: 1px solid rgba(255,255,255,0.03);
		font-weight: 400;
    }

    .main-header .main-nav .menu-list {
        display: block;
    }


    .main-header .js-cat-dropdown {
        max-height: 100% !important;
        max-width: 100% !important;
        height: 100%;
    }

    .main-header .menu-head {
        display: flex;
        height: 70px;
        padding-left: 15px;
        padding-right: 15px;
        /*background: rgba(0,0,0,0.04);*/
        align-items: center;
        justify-content: space-between;
    }

    .main-header .menu-head .title {
        font-weight: 600;
        font-size: 1rem;
    }

    .main-header .js-mobile-menu-close {
        aspect-ratio: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 25px;
        color: rgba(255,255,255,0.39);
    }

    .main-header .js-mobile-menu-close:hover {
        color: rgba(255,255,255,0.49);
    }




    .main-header .main-nav::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    .main-header .main-nav::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    /* Handle */
    .main-header .main-nav::-webkit-scrollbar-thumb {
        background: var(--main-color);
        border-radius: 4px;
    }

    /* Handle on hover */
    .main-header .main-nav::-webkit-scrollbar-thumb:hover {
        background: #999;
        border-radius: 4px;
    }


    .main-header .js-cat-dropdown {
        padding: 0 !important;
        border: none !important;
    }


    .main-header .js-cat-dropdown .category-menu-box {
        flex-wrap: wrap;
    }

    .main-header .js-cat-dropdown .subcat-box {
        flex-wrap: wrap;
    }

    .main-header .js-cat-dropdown .img-box {
        width: 100% !important;
    }

    .main-header .js-cat-dropdown .info-box {
        width: 100% !important;
    }

    .main-header .js-cat-dropdown .info-box .title {
        padding-top: 8px;
    }

    .main-header .js-cat-dropdown .subcat-box .img-box img {
        height: 100%;
        width: 100%;
        aspect-ratio: unset;
        object-fit: contain;
    }

    .main-header .js-cat-dropdown .left-part ul .js-cat-jumper {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 8px;
        padding: 6px 10px;
        position: relative;
    }

    .main-header .js-cat-dropdown .left-part ul .js-cat-jumper.active {
        pointer-events: none;
    }

    .main-header .js-cat-dropdown .left-part ul li {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .main-header .js-cat-dropdown .left-part ul .js-cat-jumper {
        width: 100%;
        margin-bottom: 0;
		padding: 15px;
        background: #fff;
    }

    .main-header .js-cat-dropdown .left-part ul .js-cat-jumper:not(.active):hover {
        background: #fff !important;
    }

    .main-header .js-cat-dropdown .left-part ul .js-cat-jumper.active {
        background: #000;
    }




    .main-header .js-cat-dropdown .left-part ul .js-cat-back {
        width: 45px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
		text-decoration: none;
		color: #555;
		background: #f9f9f9;
    }

	.main-header .js-cat-dropdown .right-part {
		background: #fff;
	}

	.main-header .mobile-title {
		background: #f9f9f9;
		text-align: center;
		font-size: 16px;
		color: #ccc;
		letter-spacing: 0.2px;
		font-weight: 600;
		padding: 20px;
		border-bottom: 1px solid rgba(0,0,0,0.02);
		border-top: 1px solid rgba(0,0,0,0.02);
	}

    .main-header .js-cat-dropdown .left-part ul a:not(.active, .js-cat-back) {
        display: none;
    }

	.main-header .js-cat-dropdown .category-menu.opened {
		padding: 15px;
	}


    /*.main-header .js-cat-dropdown .left-part {*/
    /*    margin-bottom: 10px;*/
    /*}*/

    /*.main-header .js-cat-dropdown .right-part {*/
    /*    padding: 10px;*/
    /*}*/


    .main-header .js-cat-dropdown .left-part,
    .main-header .js-cat-dropdown .right-part {
        width: 100%;
        max-width: 100%;
    }

    .main-header .js-cat-dropdown .subcat-box .subcat-links a {
        font-size: 12px;
        border-right: none;
        padding-right: 0;
        text-decoration: underline ;
        display: block;
    }

    .main-header .category-menu .row {
        --bs-gutter-x: 0.5rem;
    }

    .main-header .main-nav .dropdown-toggle {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    .main-header .main-nav .dropdown-toggle:focus {
        box-shadow: none;
        outline: none;
    }


    .main-header .main-nav .dropdown-toggle:after {
        border: none;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
    }

    .main-header .main-nav .nav-link {
        font-weight: 600;
    }





}




















/************* Home page **************/

/************** PRODUCT LIST SLIDER *********/

section.top-products {
	padding: 50px 0;
}

section.top-products .product-list-slider {
	padding-left: 35px;
	padding-right: 35px;
}

section.top-products .product-list-slider .splide__arrow--prev {
	left: 0;
	border-radius: var(--border-button-radius);
	background: none;
}

section.top-products .product-list-slider .splide__arrow--next {
	right: 0;
	border-radius: var(--border-button-radius);
	background: none;
}


.splide__arrow svg {
	height: 20px !important;
	width: 40px !important;
	fill: var(--second-color) !important;
}


/************** Brand LIST SLIDER *********/

section.top-brands {
	padding: 50px 0;
}

section.top-brands .brand-list-slider {
	padding-left: 35px;
	padding-right: 35px;
}

section.top-brands .brand-list-slider .splide__arrow--prev {
	left: 0;
	border-radius: var(--border-button-radius);
	background: none;
}

section.top-brands .brand-list-slider .splide__arrow--next {
	right: 0;
	border-radius: var(--border-button-radius);
	background: none;
}

section.top-brands .splide__slide {
	display: flex;
	align-items: center;
}


/** spec cats **/

.home-page .spec-cats {
	padding-top: 50px;
}

.home-page .spec-cats a {
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	color: #000;
	display: block;
}

.home-page .spec-cats img {
	border-radius: 50%;
	margin-bottom: 10px;
}






/* main slider */

.home-page {
    padding-top: var(--page-padding);
    padding-bottom: var(--page-padding);
}





.carousel-item {
	height: 100% !important;
}


.home-page .includer-slider-box .main-slider img {
    border-radius: var(--border-box-radius);
}

.home-page .includer-slider-box .main-slider .nav-boxer {
    width: 45px;
    height: 45px;
    display: flex;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.3);
    opacity: 1;
    border-radius: 50%;
}

.home-page .includer-slider-box .main-slider .carousel-control-prev,
.home-page .includer-slider-box .main-slider .carousel-control-next {
    opacity: 1;
}

.home-page .includer-slider-box .main-slider .carousel-control-prev:hover .nav-boxer,
.home-page .includer-slider-box .main-slider .carousel-control-next:hover .nav-boxer {
    background: rgba(0,0,0,0.4);
}

.home-page .includer-slider-box .main-slider .carousel-control-prev {
    transform: translatex(-100%);
    opacity: 0;
    transition: transform 0.2s linear, opacity 0.5s ease-out;
}

.home-page .includer-slider-box .main-slider .carousel-control-next {
    transform: translatex(100%);
    opacity: 0;
    transition: transform 0.2s linear, opacity 0.5s ease-out;
}

.home-page .includer-slider-box .main-slider:hover .carousel-control-prev,
.home-page .includer-slider-box .main-slider:hover .carousel-control-next{
    transform: translatex(0);
    opacity: 1;
    transition: transform 0.2s linear, opacity 0.4s ease-in;
}


.home-page .includer-slider-box .main-slider {
    overflow: hidden;
}

.home-page .includer-slider-box .main-slider .carousel-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    background: rgba(0,0,0,0.45);
    border: none;
}

.home-page .includer-slider-box .main-slider .carousel-indicators button.active {
    background: var(--main-color);
    opacity: 1;
}

.home-page .includer-slider-box .banner-col {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 16px;
}

.home-page .includer-slider-box .banner-col a {
    display: block;
    height: 50%;
}

.home-page .includer-slider-box .banner-col a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767.98px) {
	.home-page .includer-slider-box .main-slider .carousel-item img {

		height: auto;

	}

}


/**** text-box ********/

.home-page .text-box .container .content {
	background: radial-gradient(90% 90% at 81.19% 51.75%, #ffde59 0%, #ff914d 100%);
	border-radius: var(--border-box-radius);
	padding: 90px 60px !important;

	/*background: linear-gradient(90deg, #ffde59, #ff914d) !important;*/

}

.home-page .text-box img {
	border-radius: var(--border-box-radius);
}

.home-page .text-box .container .content .heading {
	color: #000;

}



.home-page .text-box .container .cont {
    max-width: 650px;
}


.home-page .text-box .container .content p {
    color: #000;
	font-size: 18px !important;
	text-align: left !important;
}


/*** top brands box **/

.home-page .top-brands .slide-item a {
	display: flex;
	background: #fff;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	padding: 15px;
	text-decoration: none;
}


.home-page .top-brands .slide-item img {
	width: 100%;
	height: 100px;
	object-fit: contain;
}


/** top categories **/

.home-page .top-categories .category-item {
	display: flex;
	width: 100%;
	align-items: center;
	box-sizing: border-box;
	column-gap: 8px;
	padding: 15px;
	margin: 3px;
	padding-right: 35px;
	background: #fff;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}

.home-page .top-categories .category-item:after {
	content: '';
	position: absolute;
	right: 20px;
	top: calc(50% - 5px);
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.home-page .top-categories .category-item .title {
	font-size: 14px;
	font-weight: 600;
	width: calc(100% - 70px);
	color: #444;
}

.home-page .top-categories .category-item:hover .title {
	color: var(--main-color);
}

.home-page .top-categories .category-item img {
	height: 70px;
	width: 70px;
	object-fit: contain;
}


@media (max-width: 767.98px) {
	.home-page .top-categories .category-item .title {
		font-size: 12px;
		width: calc(100% - 40px);
	}

	.home-page .top-categories .category-item img {
		height: 40px;
		width: 40px;
	}
}


/*** benefit box ***/



.home-page .benefit-box {
    display: flex;
	align-items: center;
	flex-direction: column;
}


.home-page .benefit-box .img-box {
    display: inline-flex;
    width: 120px;
    height: 90px;
    align-items: center;
    justify-content: center;
    font-size: 55px;
    color: #444;
}


.home-page .benefit-box p {
    margin-bottom: 0;
    font-size: 14px;
	text-align: center;
	font-weight: 500;
}

.home-page .benefit-box .title {
    text-transform: uppercase;
    font-weight: 600;
	display: block;
	text-align: center;
    margin-bottom: 5px;
	color: var(--second-color);
}












/********** product main item ********/




/*.product-main-item {*/
/*    background: #fff;*/
/*}*/

/*.product-main-item .img-box a img {*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    object-fit: contain;*/
/*}*/

/*.product-main-item .img-box {*/
/*    overflow: hidden;*/
/*    height: 300px;*/
/*    position: relative;*/
/*}*/

/*.product-main-item .img-box .ribbon-list {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 10px;*/
/*    padding-left: 0;*/
/*    margin-bottom: 0;*/
/*    list-style: none;*/
/*}*/

/*.product-main-item .ribbon-list li span {*/
/*    font-size: 10px;*/
/*    font-weight: 600;*/
/*    padding: 4px 13px;*/
/*    display: inline-block;*/
/*}*/

/*.product-main-item .info-box {*/
/*	padding-top: 15px;*/
/*}*/

/*.product-main-item .code-box .code {*/
/*	font-size: 13px;*/
/*	color: #777;*/
/*	white-space: nowrap;*/
/*}*/

/*.product-main-item .code-box {*/
/*	display: flex;*/
/*	margin-top: 4px;*/
/*	flex-wrap: wrap;*/
/*	justify-content: space-between;*/
/*}*/


/*.product-main-item .ribbon-list li {*/
/*    margin-bottom: 3px;*/
/*}*/


/*.product-main-item {*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*}*/

/*.product-main-item .title {*/
/*    font-weight: 700;*/
/*    display: block;*/
/*    font-size: 16px;*/
/*    line-height: 22px;*/
/*    min-height: 44px;*/
/*    margin-bottom: 6px;*/
/*    color: #000;*/
/*    text-decoration: none;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 2;*/
/*    -webkit-box-orient: vertical;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*}*/


/*.product-main-item .title:hover {*/
/*    text-decoration: underline;*/
/*    color: var(--main-color);*/
/*}*/

/*.product-main-item .img-box .second-img,*/
/*.product-main-item:hover .img-box .first-img {*/
/*    display: none;*/
/*}*/

/*.product-main-item:hover .img-box .second-img {*/
/*    display: block;*/
/*}*/

/*.product-main-item .btn {*/
/*    padding: 12px;*/
/*    font-weight: 700;*/
/*    font-size: 14px;*/
/*    display: inline-flex !important;*/
/*    align-items: center;*/
/*	gap: 5px;*/
/*    justify-content: center;*/
/*	border-radius: var(--border-button-radius);*/
/*	background: #ff8329;*/
/*	color: #fff;*/
/*}*/

/*.product-main-item .btn i {*/
/*	font-size: 12px;*/
/*}*/

/*.product-main-item .btn-box {*/
/*    position: absolute;*/
/*	display: none;*/
/*	text-align: center;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    width: 100%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

/*.product-main-item:hover .btn-box {*/
/*	display: block;*/
/*}*/

/*.product-main-item .stock {*/
/*    font-weight: 600;*/
/*    font-size: 11px;*/
/*    display: inline-block;*/
/*    padding: 4px 7px;*/
/*}*/

/*.product-main-item .stock.is {*/
/*    background: #f3fbe1;*/
/*    color: #618514;*/
/*}*/

/*.product-main-item .stock.out {*/
/*    background: #FEF0DA;*/
/*    color: #F8AD36;*/
/*}*/

/*.product-main-item .price-box {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

/*.product-main-item .price {*/
/*    font-weight: 600;*/
/*    font-size: 14px;*/
/*    color: #000;*/
/*}*/

/*.product-main-item .price.sale > span {*/
/*    font-size: 13px;*/
/*    padding-left: 1px;*/
/*    font-weight: 600;*/
/*    color: rgba(0,0,0,0.25);*/
/*    text-decoration: line-through;*/
/*}*/

/*.product-main-item  .info-box .is-stock {*/
/*	font-size: 13px;*/
/*	font-weight: 700;*/
/*	display: block;*/
/*	color: #77bb41;*/
/*}*/






/*@media screen and (max-width: 1200px) {*/
/*    .product-main-item .title {*/
/*        font-size: 14px;*/
/*        line-height: 20px;*/
/*        min-height: 40px;*/
/*    }*/

/*    .product-main-item .price {*/
/*        font-size: 18px;*/
/*    }*/

/*    .product-main-item .price.sale > span {*/
/*        font-size: 13px;*/
/*    }*/



/*}*/

/*@media screen and (max-width: 991.98px) {*/
/*    .product-main-item .title {*/
/*        font-size: 12px;*/
/*        line-height: 18px;*/
/*        min-height: 36px;*/
/*        display: -webkit-box;*/
/*        -webkit-line-clamp: 2;*/
/*        -webkit-box-orient: vertical;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*    }*/

/*    .product-main-item .stock {*/
/*        font-weight: 600;*/
/*        font-size: 10px;*/
/*        padding: 4px 7px;*/
/*    }*/

/*    .product-main-item .price {*/
/*        font-size: 17px;*/
/*        display: block;*/
/*        width: 100%;*/
/*    }*/

/*    .product-main-item .price-box {*/
/*        flex-wrap: wrap;*/
/*    }*/

/*    .product-main-item .btn-box {*/
/*        transform: unset;*/
/*        position: static;*/
/*    }*/

/*    .product-main-item .price-box {*/
/*        min-height: 44px;*/
/*    }*/

/*    .product-main-item .ribbon-list li span {*/
/*        font-size: 9px;*/
/*        padding: 4px 10px;*/
/*    }*/

/*    .product-main-item .img-box {*/
/*        height: 150px;*/
/*    }*/

/*    .product-main-item .btn {*/
/*        padding-top: 10px;*/
/*        padding-bottom: 10px;*/
/*        font-size: 13px;*/
/*    }*/



/*	.product-main-item .btn-box .btn span {*/
/*		display: none;*/
/*	}*/

/*	.product-main-item .btn-box {*/
/*		display: block;*/
/*		transform: unset;*/
/*		left: 5px;*/
/*		bottom: 5px;*/
/*		top: unset;*/
/*		position: absolute;*/
/*		text-align: left;*/

/*	}*/

/*	.product-main-item .btn {*/
/*		width: 27px;*/
/*		height: 27px;*/
/*	}*/

/*	.product-main-item .btn i {*/
/*		font-size: 14px;*/
/*	}*/

/*}*/










/********* MAIN FOOTER ********/

.main-footer {
    background: #0B0E17;
	color: #fff;
}

.main-footer .copyright a {
    color: #fff;
}

.main-footer .copyright {
    font-size: 13px;
    color: rgba(255,255,255,0.85);
	padding: 15px 0;
	font-weight: 300;
}

.main-footer .copyright .created a {
	font-weight: 500;
	color: var(--main-color);
	text-decoration: none;
}

.main-footer .copyright .created  {
	font-weight: 300;
	color: var(--main-color);
}




.main-footer {
    border-top: 1px solid rgba(0,0,0,0.04);
}

.main-footer .main-foot a {
    color: #fff;
	font-weight: 500;
	font-size: 15px;
    text-decoration: none;
}

.main-footer .main-foot {
    padding-top: 70px;
}

.main-footer .main-foot a:hover {
    text-decoration: underline;
}

.main-footer .main-foot ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.main-footer .footer-heading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
	text-transform: uppercase;
	color: #fff;
}

.main-footer .social-links {
    display: flex;
    column-gap: 12px;
    margin: 10px 0;
}

.main-footer .social-links a {
    display: inline-flex;
    background: #fff;
    width: 40px;
    height: 40px;
    align-items: center;
    color: var(--main-color);
    border: 1px solid #f1f1f1;
    font-size: 18px;
    justify-content: center;
}


.main-footer .social-links a:hover {
    color: #fff;
    background: var(--main-color);
    border-color: var(--main-color);
    text-decoration: none;
}

.main-footer .contact-info i {

    font-size: 17px;
    padding-right: 8px;
}



@media(max-width: 567.98px) {
	/*.main-footer .footer-heading,*/
	/*.main-footer ul,*/
	/*.main-footer .payment-img-box {*/
	/*	text-align: center;*/
	/*}*/

	/*.main-footer table.contact-info {*/
	/*	margin: auto;*/
	/*	text-align: center;*/
	/*	margin-bottom: 15px;*/
	/*}*/


	/*.main-footer .social-links {*/
	/*	justify-content: center;*/
	/*}*/
}


/*** newsletter box **/

.newsletter-box {
    position: relative;
	background: #F1F1F1;
	padding: 70px 0;
}

.newsletter-box .container {
	max-width: 100%;
	width: 950px;
}

.newsletter-box .heading {
    font-weight: 700;
}



.newsletter-box .form-control {
    height: 55px;
    border-radius: 0;
    background: #fff;
    border: none;
	border-top-left-radius: var(--border-button-radius);
	border-bottom-left-radius: var(--border-button-radius);
}

.newsletter-box .form-control:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.newsletter-box button {
    border-color: var(--second-color) !important;
    background: var(--second-color);
    border: none;
    color: var(--second-text-color);
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1px;
	border-top-right-radius: var(--border-button-radius);
	border-bottom-right-radius: var(--border-button-radius);
}



@media screen and (max-width: 761.98px) {


    .newsletter-box .container {
        padding: 25px;
    }

    .newsletter-box .heading {
        font-size: 20px;
    }
}




/********* ARTICLE ITEM **********/

.article-item {
    background: #fff;
}

.article-item .info-box {
    padding: 0 15px 15px 15px;
}

.article-item .excerpt * {
	all: unset !important;
    font-size: 12px !important;
    line-height: 18px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.article-item .meta-data .category {
    background: #fff;
    border: 1px solid #f1f1f1;
    color: #000;
    font-size: 11px;
    font-weight: 600;
    border-radius: 6px;
    padding: 2px 4px;
    display: inline-block;
    text-decoration: none;
    background: var(--main-light-color);
}

.article-item .meta-data .category:hover {
    color: #fff;
    background: var(--main-color);
}


.article-item .meta-data {
    padding: 8px 15px;
}

.article-item .img-box {
    height: 250px;
    position: relative;
}

.article-item .date {
    position: absolute;
    top: 5px;
    left: 5px;
    background: var(--main-color);
    display: inline-block;
    padding: 3px 6px;
    font-weight: 600;
    color: #fff;
    font-size: 11px;;
}

.article-item .img-box a {
    display: block;
    height: 100%;
    width: 100%;
}


.article-item .title {
    font-weight: 600;
    line-height: 22px;
    font-size: 16px;
    min-height: 44px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
    color: #000;
    text-decoration: none;
    margin-bottom: 5px;
}

.article-item .title:hover {
    color: var(--main-color);
}

.article-item a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.article-item .detail-link:hover {
    color: var(--second-color);
}




@media screen and (max-width: 991.98px) {

    .article-item .title {
        font-weight: 600;
        line-height: 18px;
        font-size: 14px;
        min-height: 36px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .article-item .img-box {
        height: 170px;
    }

    .article-item .excerpt {
        margin-bottom: 8px;
    }
}


/*************** breadcrumb ****************/




.panel-ad-bar {
    background: #ffc;
    text-align: center;
    padding: 8px 20px;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    position: relative;
}

.panel-ad-bar .js-close-ad-bar {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #000;
    font-size: 15px;
}

.panel-ad-bar .js-close-ad-bar:hover {
    opacity: 0.5;
    text-decoration: none;
}



@media screen and (max-width: 567.98px) {

    .panel-ad-bar {
        font-size: 11px;
    }

}




/********* CATEGORY PAGE ***********/


/* subcategories */

.category-page .subcategories {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3px;
    margin-right: -3px;;
}

.category-page .subcategories .subcategory-item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    column-gap: 8px;
    padding: 15px;
    margin: 3px;
    width: calc( 100% / 3 - 6px);
    padding-right: 35px;
    background: #fff;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.category-page .subcategories .subcategory-item:after {
    content: '';
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.category-page .subcategories .subcategory-item .title {
    font-size: 14px;
    font-weight: 600;
    width: calc(100% - 50px);
    color: #444;
}

.category-page .subcategories .subcategory-item:hover .title {
    color: var(--main-color);
}

.category-page .subcategories .subcategory-item img {
    height: 50px;
    width: 50px;
    object-fit: contain;
}

.category-page .js-more-subcategories {
    display: none;
}


@media (max-width: 1150px) {

    .category-page .subcategories .subcategory-item {
        margin: 3px;
        width: calc( 100% / 2 - 6px);
    }

}


@media (max-width: 991.98px) {

    .category-page .subcategories .subcategory-item {
        margin: 3px;
        width: calc( 100% / 3 - 6px);
    }


    .category-page .subcategories .subcategory-item .title {
        font-size: 13px;
    }


}


@media (max-width: 761.98px) {

    .category-page .subcategories .subcategory-item {
        margin: 3px;
        width: calc( 100% / 2 - 6px);
    }

    .category-page .subcategories .subcategory-item:nth-of-type(n + 7) {
        display: none;
    }

    .category-page .subcategories.show .subcategory-item {
        display: inline-flex !important;
    }


    .category-page .js-more-subcategories {
        display: block;
        color: #000;
        text-decoration: underline;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 8px;
    }

}

/* cat desc */

.category-page .cat-desc {
    margin-bottom: 25px;
    font-size: 14px;
    color: #333;
}

/** cat sord box */

.category-page .sort-box {
    display: flex;
    background: #f9f9f9;
	border-radius: var(--border-button-radius);
    align-items: flex-end;
    justify-content: space-between;
    padding: 10px;
}

.category-page .sort-box .count-box {
    font-weight: 300;
    color: #000;
    font-size: 13px;
}

.category-page .sort-box .count-box strong {
    font-weight: 600;
}

.category-page .sort-box select {
    box-shadow: none;
    outline: none;
    border-radius: 0;
    font-size: 13px;
    border: none;
}


.category-page .sort-box select:focus {
    box-shadow: none;
    outline: none;
    border: none;
}

@media (max-width: 567.98px) {

    .category-page .sort-box .count-box {
        font-size: 12px;
    }

    .category-page .subcategories .subcategory-item .title {
        font-size: 12px;
        width: calc(100% - 40px);
    }

    .category-page .subcategories .subcategory-item {
        padding-left: 8px;
        padding-right: 25px;
    }

    .category-page .subcategories .subcategory-item:after {
        right: 10px;
    }



    .category-page .subcategories .subcategory-item img {
        height: 40px;
        width: 40px;
    }

    .category-page .sort-box .count-box strong {
        display: block;
        text-align: right;
    }





}



/***** category-sidebar ******/








/***** category-sidebar ******/


.category-sidebar .filter-box.cat-list-box {
	border: none;
}

.category-sidebar .filter-box.cat-list-box .head .title {
	color: var(--second-color);
}



.category-sidebar .filter-box.cat-list-box .cat-list a {
	padding-right: 15px;
	width: 100%;
	display: block;
}

.category-sidebar .filter-box.cat-list-box .cat-list ul {
	display: none;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened > ul {
	display: block;
}

.category-sidebar .filter-box.cat-list-box .cat-list {
	border-radius: var(--panel-radius);
	overflow: hidden;
	margin-bottom: 0;
}

.category-sidebar .filter-box.cat-list-box .cat-list,
.category-sidebar .filter-box.cat-list-box .cat-list ul {
	padding-left: 0;
	list-style: none;
}

.category-sidebar .filter-box.cat-list-box .cat-list li {
	position: relative;
}

.category-sidebar .filter-box.cat-list-box .cat-list li a {
	color: #000;
	text-decoration: none;
}

.category-sidebar .filter-box.cat-list-box .title {
	font-size: 20px;
}

.category-sidebar .filter-box.cat-list-box .cat-list .dropik {
	position: absolute;
	cursor: pointer;
	top: 6px;
	right: 0;
	width: 40px;
	font-size: 20px;
	height: 40px;
	color: #ccc;
	/*     transform: translate(0, -50%); */
	display: flex;
	align-items: center;
	justify-content: center;
}

.category-sidebar .filter-box.cat-list-box .cat-list > li {
	padding: 15px 25px;
	padding-left: 0;
	border-bottom: 1px solid #f1f1f1;
}

.category-sidebar .filter-box.cat-list-box .cat-list > li > a {
	padding-left: 10px;
}

.category-sidebar .filter-box.cat-list-box .cat-list > li:first-child {
	border-top: 1px solid #f1f1f1;
}


.category-sidebar .filter-box.cat-list-box .cat-list .opened > ul {
	margin-left: 0;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened {
	padding-bottom: 0;
	padding-right: 0;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened > ul > li {
	padding: 15px;
	padding-left: 35px;
	border-top: 1px solid #f1f1f1;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened > ul > li:first-child {
	margin-top: 15px;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened .opened > ul {
	margin-left: -55px;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened .opened > ul > li {
	padding: 15px;
	padding-left: 80px;
	padding-right: 25px;
	border-top: 1px solid #f1f1f1;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened .opened ul > li:first-child {
	margin-top: 15px;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened .opened {
	padding-bottom: 0;
}


.category-sidebar .filter-box.cat-list-box .cat-list .opened .opened a {
	color: #555;
}


.category-sidebar .filter-box.cat-list-box .cat-list a:hover, .category-sidebar .filter-box.cat-list-box .cat-list a.active {
	color: var(--main-color) !important;
}

.category-sidebar .filter-box.cat-list-box .cat-list > .opened {
	background: rgba(0,0,0,0.01);
}

.category-sidebar .filter-box.cat-list-box .cat-list li > a {
	font-size: 13px;
	font-weight: 600;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened ul a {
	font-size: 12px;
	font-weight: 600;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened .opened ul a {
	font-size: 12px;
	font-weight: 600;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened > .dropik {
	transform: rotate(180deg);
}








.category-sidebar .filter-box.hidden .content {
    display: none;
}

.category-sidebar .filter-box {
    background: #fff;;
}

.category-sidebar .filter-box .head {
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

.category-sidebar .filter-box.hidden .js-minimalize-it {
    transform: rotate(180deg);
    transition: transform 0.1s ease-in;


}


.category-sidebar .filter-box .js-minimalize-it {
    display: inline-flex;
    width: 20px;
    height: 20px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    text-decoration: none;

    color: #000;
    transition: transform 0.1s ease-in;
}



.category-sidebar .filter-box .head .title {
    font-size: 17px;
    font-weight: 700;
}

.category-sidebar .filter-box .content {
    padding: 15px;
    padding-top: 0;
}

.category-sidebar .filter-box .content .spec-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    max-height: 350px;
    overflow-y: auto;
}

.category-sidebar .filter-box .js-checkbox-label .count {
    font-size: 12px;
    color: #aaa;
}


.category-sidebar .filter-box .content .spec-list::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.category-sidebar .filter-box .content .spec-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

/* Handle */
.category-sidebar .filter-box .content .spec-list::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 4px;
}

/* Handle on hover */
.category-sidebar .filter-box .content .spec-list::-webkit-scrollbar-thumb:hover {
    background: #999;
    border-radius: 4px;
}

/** paremeter filter box ***/


.category-sidebar .filter-box.parameter .js-checkbox-label .color-span {
	display: flex;
	column-gap: 5px;
	align-items: center;


}

.category-sidebar .filter-box.parameter li {
	margin-bottom: 10px;
}

.category-sidebar .filter-box.parameter .js-checkbox-label .color-box {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 50%;
}

.category-sidebar .filter-box.parameter .js-checkbox-label .color-span img {
	width: 50px !important;
	height: 20px !important;
	object-fit: contain;
}

.category-sidebar .filter-box.parameter .js-checkbox-label.color.checked:before {
	top: calc(50% - 1px);
	transform: translate(0,-50%) rotate(45deg);
}

.category-sidebar .filter-box.parameter .js-checkbox-label.color.checked:after {
	top: 50%;
	transform: translate(0,-50%);
}




.category-sidebar .filter-box.parameter .js-checkbox-label {
	display: flex;
	align-items: center;
}


@media (min-width: 992px) {
	.category-sidebar .filter-box.cat-list-box .head {
		padding-top: 0;
	}
}


/********* mobile filter *******/

@media (max-width: 991.98px) {

    body.opened-filter {
        overflow: hidden;
        height: 100vh;
    }

    body.opened-filter .js-filter {
        display: block !important;
        z-index: 9999;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
        background: #fff;
    }

    .btn.filter-btn {
        background: #000;
        color: #fff;
    }


    .btn.filter-btn:focus {
        background: #000;
        color: #fff;
    }

    body.opened-filter .js-filter .filter-box {
        box-shadow: none;
        border: none;
        background: rgba(0,0,0,0.01);
        margin-bottom: 0 !important;
        border-bottom: 1px solid #f1f1f1;
    }

    body.opened-filter .js-filter .filter-box .head {
        box-shadow: none;
        border: none;
        background: rgba(0,0,0,0.01);
    }

    body.opened-filter .js-filter .mobile-head {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 50px;
        font-weight: 600;
        padding: 0 15px;
        letter-spacing: 0.2px;
        text-transform: uppercase;
        position: relative;
        font-size: 16px;
        color: #fff;
        background: var(--main-color);
    }

    /*body.opened-filter .js-filter .category-sidebar {*/
    /*    height: calc(100% - 50px);*/
    /*    overflow: auto;*/

    /*}*/

    body.opened-filter .js-filter .category-sidebar::-webkit-scrollbar {
        width: 0;
    }

    body.opened-filter .js-filter .mobile-head .js-close-filter {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        text-decoration: none;
        background: var(--main-light-color);
        font-size: 25px;
        color: var(--main-color);
        right: 0;
        aspect-ratio: 1;
        height: 100%;
    }

    body.opened-filter .js-filter .mobile-head .js-close-filter:hover {
        opacity: 0.7;
    }
}














/* path */

nav.path ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    font-size: 14px;
    margin-bottom: 0;
    column-gap: 10px;
    row-gap: 5px;

}

nav.path ul li a {
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
    color: #fff;
    font-weight: 500;
    padding-right: 12px;
}

nav.path ul li a:hover {
    text-decoration: underline;
    color: var(--second-color);
}

nav.path ul li .final-path {
    font-weight: 600;
	color: #fff;
}

nav.path ul li a:after {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 2.5px);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;

}

nav.path {
    background: rgba(255,255,255,0.02);
    padding: 10px 0;
}

@media (max-width: 767.98px) {
	nav.path ul {
		font-size: 10px;
	}
}


/************ RJS category pagination ********/


.rjs-category-paginator .pagination .page-item:first-of-type .page-link,
.rjs-category-paginator .pagination .page-item:last-of-type .page-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-indent: -9999px;
	background: #fff;

}



.rjs-category-paginator .pagination .page-item:first-of-type .page-link::after,
.rjs-category-paginator .pagination .page-item:last-of-type .page-link::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: relative;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	transform: rotate(-45deg);
	left: 1px;
}

.rjs-category-paginator .pagination .page-item:last-of-type .page-link::after {
	transform: rotate(135deg);
	left: -1px;
}

.rjs-category-paginator .pagination .page-item {
	min-width: 35px;
	text-align: center;
	border: 1px solid #f1f1f1;
}

.rjs-category-paginator .pagination {
	column-gap: 2px;
}



.rjs-category-paginator .pagination .page-item .page-link {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	border: none;
	background: #fff;
}

.rjs-category-paginator .pagination .page-item .page-link:hover {
	background: var(--main-light-color);
}

.rjs-category-paginator .page-item.disabled {
	opacity: 0.2;
}

.rjs-category-paginator .pagination .page-item .page-link:focus {
	outline: none;
	box-shadow: none;
}

.rjs-category-paginator .pagination {
	margin-bottom: 15px;
}



.rjs-category-paginator .pagination .page-item.disabled .page-link {
	color: #555;
	font-size: 14px;
	font-weight: 400;
	border: none;
}





.rjs-category-paginator .pagination .page-item.active .page-link {
	background:  var(--main-color);
	border-color: var(--main-color);
	color: #fff;
	font-weight: 600;
}









/**** Pagination ****/

.pagination {
    justify-content: center;
}

.pagination .page-link {
    border-radius: 0 !important;
    color: #777;
    font-size: 13px;
}

.pagination .active .page-link {
    font-weight: 600;
    background: var(--main-color) ;
    border-color: var(--main-color);
    color: #fff;
}

.pagination .page-link:focus {
    outline: none;
    box-shadow: none;
}





/****************** PRODUCT PAGE ***************/

.product-page .page {

}


.product-page .page .detailed-description .container {
	background: var(--main-light-color);
	border-radius: var(--border-box-radius);
	padding-top: 35px;
	background: rgba(0,0,0,0.2);
}

.product-page .page .detailed-description .tabinator-item {
	background: rgba(255,255,255,0.15);
	color: #fff;
	border-radius: var(--border-button-radius);
	padding: 10px 15px;
	font-size: 14px;
}

.product-page .page .tabinator-content {
	background: transparent;
	padding: 35px;
}

.product-page .page .detailed-description .tabinator-item:hover {
	opacity: 0.5;
}



.product-page .page .detailed-description .tabinator-item.active, .product-page .page .detailed-description .tabinator-item:focus {
	background: var(--main-color);
	color: var(--main-text-color);
}

.product-page .page .detailed-description .tabinator {
	gap: 8px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.product-page .page .detailed-description .tabinator {
	padding: 0 15px;
}

.product-page .page .detailed-description .tabinator-content {
	padding: 25px 15px;
}



/* slider */

.product-page .gallery-box ul {
    list-style: none;
}


.product-page .gallery-box {
    overflow: hidden;
    position: relative;
	/*padding: 25px;*/
	/*border-radius: 25px;*/
	/*background: rgba(255,255,255,0.07);*/
}

.product-page .gallery-box .ribbon-list {
    position: absolute;
    top: 10px;
    left: 10px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    z-index: 200;
}

.product-page .gallery-box .ribbon-list li span {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 13px;
    display: inline-block;
}

.product-page .gallery-box .info-box {
    padding: 15px;
}


.product-page .gallery-box .ribbon-list li {
    margin-bottom: 3px;
}

.product-page .gallery-box .lSPager li a img {
    aspect-ratio: 1;
    object-fit: contain;
}

.product-page .gallery-box .lSPager li a {
    display: block;
    border-radius: 0;
    background: rgba(0,0,0,0.2);
    padding: 8px;
}

.product-page .gallery-box .lSPager li.active a {
    border-color: var(--main-color);
}


.product-page .gallery-box .lSPager li a:hover {
    display: block;

    border-radius: 0;
}

.product-page .gallery-box .lSPager li {
    padding: 2px;
}

.product-page .gallery-box .product-slider .lslide {
    text-align: center;
}

.product-page .gallery-box .product-slider .lslide img {
    width: 100%;
	height: auto;
}

.product-page .gallery-box .lSAction a {
    background: var(--main-light-color);
    opacity: 0.5;
    display: inline-flex;
    align-items: center;
    justify-content: center;

}

.product-page .gallery-box .lSAction a:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: relative;
    left: 3px;
    transform: rotate(45deg);
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
}

.product-page .gallery-box .lSAction .lSNext:after {
    transform: rotate(-135deg);
    left: -3px;
}








/*** product info **/

/* rating */

.product-page .product-main-info .rating-bar {
    display: inline-flex;
    position: relative;
    background-image: linear-gradient(to right, #FEDC5A, #FEDC5A);
    background-position: left;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    cursor: pointer;
}

.product-page .product-main-info .rating-box .small {
    display: block;
    font-size: 12px;
    color: #999;
}


.rating-box .small .rating {
    font-weight: 700;
    font-size: 12px;
    color: #000;
}


.product-page .product-main-info .rating-bar i {
    color: rgba(0,0,0,0.03);
    letter-spacing: 0;
    font-size: 15px;
}





.product-page .product-main-info .product-code {
    font-size: 13px;
    color: #a2a2a2;
}

.product-page .product-main-info .category-link {
    background: #000;
    display: inline-block;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.product-page .product-main-info .product-desc {
    font-size: 16px;
    color: rgba(255,255,255,0.8);
}


/*.product-page .product-main-info .process-box {*/
/*    padding: 20px;*/
/*    background: #fff;*/

/*}*/

.product-page .product-main-info .op-box .info-box a {
    font-size: 12px;
    color: #000;
}

.product-page .product-main-info .op-box .info-box a:hover {
    text-decoration: none;
}

.product-page .product-main-info .process-box .op-box .title {
    font-size: 13px;
    font-weight: 600;
    color: var(--main-color);
}

.product-page .product-main-info .process-box .op-box .options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    row-gap: 8px;
}

.product-page .product-main-info .stock-price-info-box .price {
    font-size: 40px;
    font-weight: 700;
    color: #fa6012;
    display: block;
    margin-bottom: 0;
    line-height: 1;
    white-space: nowrap;
}

.product-page .product-main-info .stock-price-info-box .price-info-tip {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255,255,255,0.5);
    display: block;
    margin-top: 3px;
    line-height: 1;
}

.product-page .product-main-info .stock-price-info-box .price.sale span {
    font-size: 16px;
    letter-spacing: 0.1px;
    color: #999;
    text-decoration: line-through;
    font-weight: 600;
}


.product-page .product-main-info .stock-price-info-box .stock {
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    padding: 4px 10px;
}

.product-page .product-main-info .stock-price-info-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.product-page .product-main-info .stock-price-info-box .info-tip {
    font-size: 12px;
    font-weight: 400;
    color: #888;
    display: block;
    margin-top: 3px;
}

.product-page .product-main-info .stock-price-info-box .stock.is {
    background: #f3fbe1;
    color: #618514;
}

.product-page .product-main-info .stock-price-info-box .stock.out {
    background: #FEF0DA;
    color: #F8AD36;
}

.product-page .product-main-info .add-btn {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.product-page .product-main-info .add-box {
    column-gap: 15px;
    display: flex;
	align-items: center;
    width: 100%;
}



.product-page .page .related-products {
    padding-bottom: var(--page-padding);
    background: var(--body-background);
}


.product-page .variants-list .rsj-add-product-to-cart {
	font-size: 12px;
	display: inline-flex;
	width: auto;
}

.product-page .variants-list .price {
	color: #000;
	font-weight: 600;
	font-size: 14px;
}

.product-page .variants-list .title {
	font-size: 12px;
	font-weight: 600;
	color: #121212;
}

.product-page .variants-list .param-list {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
	font-size: 12px;
	color: #888;
}

.product-page .variants-list td {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}

.product-page .variants-list tr {
	border-right: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
}

.product-page .variants-list td {
	border-color: #f1f1f1;
}

.product-page .variants-list tr:nth-of-type(odd) {
	background: #f9f9f9;
}

/* params */

.product-page .tabinator-content .params {
	margin-bottom: 0;
	list-style: none;
	padding-left: 0;
}

.product-page .tabinator-content .params li {
	margin-bottom: 5px;
}

.product-page .tabinator-content .params .param {
	padding-right: 10px;
	min-width: 150px;
	display: inline-block;
	color: #555;
	font-weight: 300;
	font-size: 14px;
}


.product-page .tabinator-content .params span {
	color: #000;
	font-weight: 600;
	font-size: 14px;
}

/** question **/

.product-page .tabinator-content .question-form {
	max-width: 470px;
	padding: 25px;
	background: rgba(255,255,255,0.85);
}



.product-page .tabinator-content a:not(.btn) {
	font-size: 14px;
	color: var(--main-color);
}

.product-page .tabinator-content a:hover {
	text-decoration: none;
}






/** review item ***/

.product-page .rjs-ajax-form {
	max-width: 470px;
	margin: auto;
	padding: 25px;
	background: rgba(255,255,255,0.85);
}


.product-page .js-hidden-box {
	display: none;
}

.product-page .rjs-ajax-form .js-rate-star {
	color: rgba(0,0,0,0.07);
	cursor: pointer;
	font-size: 45px;
}

.product-page .rjs-ajax-form .rating {
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-page .rjs-ajax-form .js-rate-star.active {
	color: #fedc5a;
}




.product-page .tabinator-content .review-head .rating-bar {
    display: inline-flex;
    position: relative;
    background-image: linear-gradient(to right, #FEDC5A, #FEDC5A);
    background-position: left;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
}

.product-page .tabinator-content .review-head .rating-bar i {
    color: rgba(0,0,0,0.03);
    letter-spacing: 0;
    font-size: 25px;
}

.product-page .tabinator-content .review-head  {
    text-align: center;
    margin-bottom: 25px;
}

.product-page .tabinator-content .review-head .rating {
    font-size: 40px;
    font-weight: 700;
}

.product-page .tabinator-content .review-head p {
    font-size: 14px;
    margin-top: 4px;
    color: #a4a4a4;
}




.product-page .review-item .rating-bar {
    display: inline-flex;
    position: relative;
    background-image: linear-gradient(to right, #FEDC5A, #FEDC5A);
    background-position: left;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
}

.product-page .review-item .rating-bar i {
    color: rgba(0,0,0,0.03);
    letter-spacing: 0;
    font-size: 17px;
}

.product-page .review-item .name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #000;

}

.product-page .review-item .review-text {
    font-size: 14px;
    color: #000;
    margin-top: 5px;
}

.product-page .review-item {
    padding: 25px 10px;
}

.product-page .review-item:nth-of-type(even) {
    background: rgba(0,0,0,0.02);
}


.product-page .review-item .small-info {
    display: block;
    font-size: 11px;
    color: #a4a4a4;
}

.product-page .review-item .rating-box .small {
    font-size: 11px;
    color: #a4a4a4;
}

.product-page .review-item .rating-box .percent {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}


/*** comment **/


.product-page .comment-item .name {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #000;

}

.product-page .comment-item .comment-text {
	font-size: 14px;
	color: #000;
	margin-top: 5px;
}

.product-page .comment-item {
	padding: 25px 10px;
}

.product-page .comment-item:nth-of-type(even) {
	background: rgba(0,0,0,0.02);
}


.product-page .comment-item .small-info {
	display: block;
	font-size: 11px;
	color: #a4a4a4;
}



@media (max-width: 567.98px) {
    /*.product-page .product-main-info .add-box {*/
    /*    flex-wrap: wrap;*/
    /*    justify-content: flex-start;*/
    /*}*/

    .product-page .tabinator .tabinator-item {
        padding: 10px 15px;
        font-size: 14px;
    }

    .product-page .product-main-info .add-btn {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 60px;
		font-size: 16px;
    }

    .product-page .product-main-info .add-box .count-box {
        margin-bottom: 10px;
        margin-top: 10px;
    }


    .product-page .product-main-info .stock-price-info-box  {
        flex-wrap: wrap;
    }

    .product-page .product-main-info .stock-price-info-box .stock-box {
        order: 2;
        width: 100%;
        margin-top: 10px;
    }

    .product-page .product-main-info .stock-price-info-box .price-box {
        order: 1;
        width: 100%;
    }


    .product-page .product-main-info .stock-price-info-box .price-box .price-info-tip {
        display: inline-block;
    }


    .product-page .product-main-info .stock-price-info-box .price {
        font-size: 35px;
        white-space: nowrap;
    }

    .product-page .product-main-info .stock-price-info-box .price-info-tip {
        font-size: 12px;
    }

    .product-page .product-main-info .stock-price-info-box .price.sale span {
        font-size: 14px;
    }


	.product-page .product-main-info .count-box {
		max-width: 100px !important;
	}


	.product-page .product-main-info .input-group.count input {
		width: 40px !important;
	}

	.product-page .product-main-info .input-group.count > div {
		width: 30px !important;
	}

}



/** product cart modal **/


.modal .btn-close:focus {
    box-shadow: none;
    outline: none;
    border: none;
}

.cart-modal .modal-header {
    border-bottom: none;
}

.cart-modal .current-product {
    max-width: 350px;
    margin: auto;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 15px;
}

.cart-modal .modal-footer {
	border-color: rgba(255,255,255,0.2);
}

.cart-modal .current-product .img-box img {
    height: 300px;
    width: 100%;
    object-fit: contain;
}


.cart-modal .current-product .title {
    font-weight: 700;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
}

.cart-modal .current-product .price-box {
	text-align: center;
}

.cart-modal .current-product .price-box .price {
	font-weight: 600;
	font-size: 18px;
	color: var(--main-color);
}

.cart-modal .current-product .price-box .qty {
	font-weight: 400;
	font-size: 14px;
	color: rgba(255,255,255,0.6);
}

.cart-modal .modal-header .btn-close {
	color: #fff;
}


.cart-modal hr {
    border-color: var(--main-color);
}


.cart-modal .modal-content {
	background: rgba(0,0,0,0.35);
	backdrop-filter: blur(20px);
}





/*** special check,label ***/

/* default select */

.product-page .op-box .js-checkbox-label.special:after,
.product-page .op-box .js-checkbox-label.special:before,
.product-page .op-box .js-radio-label.special:after,
.product-page .op-box .js-radio-label.special:before {
    all: unset;
}


.product-page .op-box .js-checkbox-label.special,
.product-page .op-box .js-radio-label.special {
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 4px;
    border: 1px solid #f1f1f1;
    position: relative;
}

.product-page .op-box .js-checkbox-labe.special.checked,
.product-page .op-box .js-radio-label.special.checked {
    border-color: var(--main-color);

}

.product-page .op-box .js-checkbox-label.special.checked:after,
.product-page .op-box .js-radio-label.special.checked:after {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    right: -7px;
    height: 16px;
    width: 16px;
    background: var(--main-color);
    border-radius: 50%;
}

.product-page .op-box .js-checkbox-label.special.checked:before,
.product-page .op-box .js-radio-label.special.checked:before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: -2px;
    height: 7px;
    width: 3px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(225deg);
    z-index: 2;
}

.product-page .op-box .js-checkbox-label.special .text,
.product-page .op-box .js-radio-label.special .text {
    font-size: 11px;
    color: #555;
    font-weight: 600;
}


.product-page .product-main-info .count-box {
    max-width: 170px;
    width: 100%;
}



.product-page .product-main-info .input-group.count {
    display: flex;
    width: auto;
    max-width: 100%;
    height: 50px;
}

.product-page .product-main-info .input-group.count input {
    width: 70px;
    height: 100%;
    border-radius: 0;
    border: 1px solid rgba(255,255,255,0.1);
    text-align: center;
	background: rgba(255,255,255,0.1);
	color: #fff;
}

.product-page .product-main-info .input-group.count > div {
    width: 50px;
    height: 100%;
}

.product-page .product-main-info .input-group.count > div span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-color);
    height: 100%;
    cursor: pointer;
    font-size: 13px;
}

/* Chrome, Safari, Edge, Opera */
.product-page .product-main-info .input-group.count input::-webkit-outer-spin-button,
.product-page .product-main-info .input-group.count input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.product-page .product-main-info .input-group.count input[type=number] {
    -moz-appearance: textfield;
}



/** color **/



.product-page .op-box.color .js-checkbox-label.special span:not(.text),
.product-page .op-box.color .js-radio-label.special span:not(.text) {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 2px solid #fff;
}





@media (max-width: 767.98px) {
    /*.product-page .gallery-box .product-slider .lslide img {*/
    /*    height: 250px;*/
    /*}*/
}



/********* FAQ PAGE ********/




/*** FAQ PAGE ***/

.faq-page .faq-answer {
    display: none;
}

.faq-page .faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f1f1f1;
    padding: 15px;
    background: #fff;
    color: #444;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

.faq-page .faq-item.active .faq-question {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}

.faq-page .faq-item {
    margin-bottom: 15px;
}

.faq-page .faq-item.active .roller {
    transform: rotate(180deg);
}

.faq-page .faq-item .faq-answer {
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    background: #fff;
}




/**** STORE PAGE ***/

.store-page .contact-info .cf-box .subheading {
    color: #777;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding-right: 5px;
}

.store-page .cf-box .heading {
    color: #000;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 16px;
    margin-bottom: 15px;

}

.store-page .contact-info .cf-box span,
.store-page .contact-info .cf-box a {
    color: #777;
    font-size: 14px;
}

.store-page .contact-info .cf-box a {
    color: var(--main-color);
}

.store-page .contact-info .cf-box ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.store-page .contact-info {
    padding: 25px;
    background: #fff;
}

.store-page .contact-info .cf-box li {
    margin-bottom: 5px;
}

.store-page .contact-info .cf-box i {
    color: var(--main-color);
    display: inline-block;
    font-size: 18px;
    min-width: 22px;
}

.store-page .photos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
}


.store-page .photos img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.store-page .desc {
    font-size: 14px;
    color: #555;
}

@media (max-width: 768px) {
    .store-page .photos img {
        width: 50px;
        height: 50px;
    }
}



/************** ABOUT PAGE **************/

.about-page .about .content {
    max-width: 950px;
    margin: auto;
    text-align: center;
    font-size: 14px;
    color: #555;
}





/* timeline */


.about-page .timeline {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.about-page .timeline .line {
    position: absolute;
    top: 0;
    left: calc(50% - 2px);
    display: block;
    width: 4px;
    height: 100%;
    background: var(--main-light-color);
    z-index: -1;
}

.about-page .timeline .line:before,
.about-page .timeline .line:after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--main-color);
    border: 3px solid #fff;
}

.about-page .timeline .line:after {
    top: auto;
    bottom: 0;
}

.about-page .timeline .year-box {
    text-align: center;
    padding: 30px 0;
}

.about-page .timeline .year-box .year {
    color: var(--main-color);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    background: #fff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 4px 18px;
}

.about-page .timeline {
    max-width: 700px;
    margin: auto;
}

.about-page .timeline .info-box {
    width: min(300px, calc(50% - 25px));
    background: #fff;
    padding: 15px;
}

.about-page .timeline .info-box img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.about-page .timeline .info-box.right {
    margin-left: auto;
}

@media (max-width: 600px) {
    .about-page .timeline .info-box {
        width: 100%;
    }
}

.about-page .timeline .info-box {
    font-size: 13px;
    color: #777;
}

/* members */

/*.about-page .members .container {*/
/*    background: #fff;*/
/*    padding: 45px 25px;*/
/*}*/



.about-page .member-item .img-box {
    position: relative;
}

.about-page .member-item .img-box {
    background: transparent;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: -50px;
    align-items: center;
    justify-content: center;
}

.about-page .member-item .img-box img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    border: 20px solid var(--body-background);
}

.about-page .member-item .info-box {
    background: #fff;
    padding: 10px;
    padding-top: 75px;
}

.about-page .member-item .img-box .name {
    position: absolute;
    background: var(--main-color);
    color: #fff;
    display: inline-block;
    width: auto;
    max-width: 100%;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.1px;
    padding: 3px 8px;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, 0%);
}



.about-page .member-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.about-page .member-item .info {
    font-size: 13px;
    color: #696969;
    margin-bottom: 8px;
}

.about-page .member-item .position {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}


.about-page .member-item a {
    color: var(--main-color);
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.about-page .member-item a:hover {
    text-decoration: none;
}


@media (max-width: 767.98px) {

    .about-page .member-item a {
        color: var(--main-color);
        font-size: 12px;
        letter-spacing: 0.2px;
    }
}



/*********** BLOG *********/

.blog-sidebar .cat-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.blog-sidebar {
    background: #fff;
}

.blog-sidebar .active a {
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    border-color: var(--main-color);
}

.blog-sidebar li:not(.active) a:hover {
    background: var(--main-light-color);
}



.blog-sidebar ul .active a .count {
    color: #fff;
    font-weight: 400;
}


.blog-sidebar ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 600;
    padding: 15px 25px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

.blog-sidebar ul li:not(:last-of-type) a {
    border-bottom: 1px solid #f9f9f9;
}

.blog-sidebar ul li a .count {
    font-size: 12px;
    padding-left: 5px;
    color: #a3a3a3;
}







@media screen and (max-width: 767.98px) {
    body.opened-blog .js-blog-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        display: block !important;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        z-index: 9999;
        background: #fff;
    }

    body.opened-blog {
        height: 100vh;
        overflow: hidden;
    }

    .js-blog-sidebar .head {
        height: 70px;
        display: flex;
        padding: 0 15px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f1f1f1;
    }

    .js-blog-sidebar .js-close-blog {
        aspect-ratio: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 25px;
        color: rgba(0,0,0,0.19);
    }

    .js-blog-sidebar .head .title {
        font-weight: 600;
        font-size: 1rem;
    }


}



/****** ARTICLE PAGE **********/

.article-page .img-box {
    position: relative;
}

.article-page .img-box .time {
    color: #fff;
    background: var(--main-color);
    position: absolute;
    top: 15px;
    left: 15px;
    font-weight: 600;
    padding: 3px 8px;
    font-size: 13px;
}



.article-page img,
.simple-page img {
    max-width: 100% !important;
}

.simple-page a {
	color: var(--main-color);
}


/******** LOGIN/REGISTER/LOST pass page **********/

.account-box {
    max-width: 450px;
    background: #fff;
    padding: 25px;
    margin: auto;
}


.account-box .log-box {
    max-width: 500px;
    border: 1px solid #f1f1f1;
    margin: auto;
    width: 100%;
    padding: 25px;
    background: #f9f9f9;
}

.account-box .form-group.spec {
    position: relative;
}

.account-box .form-group.spec i {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 45px;
    color: rgba(0,0,0,0.15);
}

.account-box .icon-box {
    display: flex;
    width: 50px;
    height: 50px;
    font-size: 25px;
    color: #fff;
    background: var(--main-color);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 15px;
}


.account-box .form-control:not(select) {
    color: #555;
    height: 40px;
    font-size: 16px;
    border-color: rgba(0,0,0,0.05);
}

.account-box .spec .form-control:not(select) {
	padding-left: 40px;
}

.account-box .form-control::placeholder {
    color: #555;
    font-weight: 300 !important;
    font-size: 14px;
}

.account-box a {
    color: #9d9d9d;
    font-size: 12px;

}

.account-box a:hover {
    text-decoration: none;
}

.account-box .form-heading {
    font-weight: 700;

    letter-spacing: 1px;
    margin-top: 55px;
    font-size: 14px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--main-light-color);
}

.register-page .is-facturation-box {
    display: none;
}

.register-page .is-other-delivery-box {
	display: none;
}
/********* testimonial page ********/

.review-page .testimonial-item {
    padding: 25px;
    background: rgba(255,255,255,0.1);
    display: flex;
    column-gap: 15px;
    flex-wrap: wrap;
    position: relative;
    min-height: 250px;
}

.review-page .testimonial-item .img-box {
    width: 100px;
}


.review-page .testimonial-item .content {
    width: calc(100% - 115px);
    font-size: 13px;
}

.review-page .testimonial-item .meta span {
    display: block;
    text-align: center;
}

.review-page .testimonial-item .name {
    font-weight: 600;
    font-size: 14px;
    margin-top: 8px;
}

.review-page .testimonial-item .position {
    font-size: 13px;
    font-weight: 400;
    color: #a3a3a3;
}

.review-page .testimonial-item .img-box img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;border-radius: 50%;
}



.review-page .testimonial-item > i {
    position: absolute;
    color: var(--main-color);
    font-size: 35px;
    top: -15px;
    left: 0;
}

@media (max-width: 767.98px) {
    .review-page .testimonial-item {
        padding: 15px;
    }

    .review-page .testimonial-item .img-box {
        width: 70px;
    }


    .review-page .testimonial-item .content {
        width: calc(100% - 85px);
    }

    .review-page .testimonial-item .name {
        font-size: 12px;
    }

    .review-page .testimonial-item .position {
        font-size: 12px;
    }


}


/*********** Contact page ********/

.contact-page .contact-form-box {
    padding: 25px;
    background: rgba(0,0,0,0.1);
}



.contact-page .social-box a {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
}

.contact-page .social-box a i {
	width: 20px;
	font-size: 20px;
}

.contact-page .social-box a:hover {
	color: var(--main-color);
	text-decoration: none;
}



.contact-page .contact-info-box ul {
    padding-left: 0;
    list-style: none;
}

.contact-page .contact-info-box {
	padding: 25px;
	background: rgba(0,0,0,0.1);
}



.contact-page .contact-info-box ul li {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.contact-page .contact-info-box ul li i {
    display: inline-flex;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: var(--main-color);
}

.contact-page .contact-info-box ul .first-box {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.contact-page .contact-info-box .heading {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.contact-page .contact-info-box ul li,
.contact-page .contact-info-box ul li a {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}


.contact-page .social-links {
    display: flex;
    column-gap: 5px;
    row-gap: 5px;

}

.contact-page .social-links a {
    display: inline-flex;
    background: #fff;
    width: 40px;
    height: 40px;
    align-items: center;
    color: var(--second-color);
    border: 1px solid #f1f1f1;
    font-size: 18px;
    justify-content: center;
    text-decoration: none;
}


.contact-page .social-links a:hover {
    color: #fff;
    background: var(--main-color);
    border-color: var(--main-color);
    text-decoration: none;
}


.contact-page .contact-form-box .heading {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: uppercase;
}


/******* PYDEV page *******/

.paydevinfo-page .title-head {
    font-size: 18px;
    color: var(--main-color);
    font-weight: 600;
}



.paydevinfo-page .dp-item {
    background: #fff;
    padding: 25px;
}

.paydevinfo-page .dp-item .head img {
    height: 45px;
    width: auto;
}


.paydevinfo-page .dp-item .head {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}


.paydevinfo-page .dp-item .head .title {
    color: #000;
    font-weight: 600;
    padding-left: 10px;
}


.paydevinfo-page .dp-item .body {
    font-size: 14px;
    color: #888;
}

@media (max-width: 767.98px) {
    .paydevinfo-page .dp-item .head img {
        height: 25px;
        width: auto;
    }
}



/********** USER PROFILE PAGE ************/

.user-profile-page .profile-box {
    padding: 25px;
    background: #fff;
}

.user-profile-page .form-group {
	margin-bottom: 15px;
}

.user-profile-page .profile-box .form-heading {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--main-light-color);
}




/**** orders ***/

.user-profile-page .total-price-box {
	font-size: 16px;
	color: #555;
}

.user-profile-page .total-price-box .total-price {
	color: var(--main-color);
	font-size: 25px;
	font-weight: 700;
	padding-left: 10px;
}

.user-profile-page .order .content-box.info {
	background: rgba(0,0,0,0.02);
	padding: 12px;
}

.user-profile-page .order .order-heading {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: var(--main-color);
	letter-spacing: 1px;
}


.user-profile-page .order .param-row .param,
.user-profile-page .order .val {
	font-size: 13px;
	font-weight: 400;
	color: #555;
	padding-right: 8px;
}

.user-profile-page .order .param-row .value {
	font-weight: 600;
	font-size: 14px;
	color: #000;
}

.user-profile-page .row.info .param-box {
	display: flex;
	justify-content: space-between;
}

.user-profile-page .row.info .param-box .param {
	font-size: 13px;
	font-weight: 400;
	color: #555;
}

.user-profile-page .row.info .param-box .value {
	font-size: 14px;
	font-weight: 600;
	color: #000;
}


.user-profile-page .order .param-row:not(.note) {
	display: flex;
	justify-content: space-between;
}




.user-profile-page .order .table.orders .value {
	font-size: 14px;
	color: #999;
}

.user-profile-page .order .table.orders .param-name {
	font-size: 14px;
	font-weight: 600;
	padding-right: 5px;
}



.user-profile-page .table.orders>tbody>tr:nth-of-type(odd)>* {
	--bs-table-accent-bg: rgba(0,0,0,0.02);
	border: none;
}


.user-profile-page .table.orders td {
	border: none;
}

.user-profile-page .table.orders img {
	width: 35px;
	height: 35px;
	object-fit: contain;
	border: 1px solid #f1f1f1;
}


.user-profile-page .table.orders th {
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: 600;
	font-size: 14px;
	color: #000;
	letter-spacing: 0.1px;
}


.user-profile-page .table.orders .count-price,
.user-profile-page .table.orders .discount,
.user-profile-page .table.orders .count {
	font-weight: 400;
	font-size: 12px;
	color: #555;
	white-space: nowrap;
}



.user-profile-page .table.orders .price {
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	color: var(--main-color);
}

.user-profile-page .table.orders .title {
	color: var(--main-color);
	font-size: 14px;
	font-weight: 600;
	display: block;
}

.user-profile-page .table.orders .date {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	color: #555;
}

.user-profile-page .table.orders .status {
	font-size: 13px;
	font-style: italic;
	color: #777;
}

.user-profile-page .table.orders .paydev {
	font-size: 12px;
	color: #444;
}


/**** profile nav *****/

.profile-sidebar {
	background: #fff;
}

.profile-sidebar .head-box {
	text-align: center;
	padding: 15px;
	border-bottom: 1px solid #f1f1f1;
}

.profile-sidebar {
	border: 1px solid #f1f1f1;
	box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}

.profile-sidebar .head-box .user-box {
	display: inline-flex;
	max-width: 100%;
	max-height: 100%;
	height: 100px;
	color: #444;
	width: 100px;
	font-size: 32px;
	border-radius: 50%;
	background: rgba(0,0,0,0.03);
	border: 1px solid rgba(0,0,0,0.03);
	align-items: center;
	justify-content: center;
}

.profile-sidebar .head-box .title {
	display: block;
	font-weight: 600;
	font-size: 14px;
	color: #000;
	letter-spacing: 0.4px;
}


.profile-sidebar .head-box a {
	color: #888;
	font-size: 11px;
}

.profile-sidebar ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}


.profile-sidebar ul li:not(:last-of-type) a {
	border-bottom: 1px solid #f1f1f1;
}


.profile-sidebar li {
	font-size: 14px;
}

.profile-sidebar li i {
	display: inline-block;
	width: 25px;
	color: #bbb;
}

.profile-sidebar li a {
	font-weight: 400;
	display: flex;
	align-items: center;
	font-size: 13px;
	padding: 10px 16px;
	color: #222;
	text-decoration: none;
}

.profile-sidebar li.active a  {
	color: #fff;
	font-weight: 600;
	background: var(--main-color);
	border-color: var(--main-color);
}

.profile-sidebar li.active i  {
	color: #fff;
}

.profile-sidebar li:not(.active) a:hover {
	background: rgba(0,0,0,0.03);
}



/********************* BRAND PAGE *********************/


.brands-page .js-search-brand-box {
	display: none;
	background: #fff;
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	overflow: hidden;
	max-height: 400px;
	overflow-y: auto;
	padding: 30px 25px;
	z-index: 10;
	border-radius: 3px;
	box-shadow: 0 1px 7px 0 rgb(0 0 0 / 8%);
	border: 1px solid #e5e5ea;
}

.brands-page .js-search-brand-box .spec-ul {
	columns: 4;
	padding-left: 0;
	margin-bottom: 0;
}


.brands-page .js-search-brand-box .spec-ul.hasResults {
	margin-top: 15px;
}

.brands-page .js-search-brand-box .founded {
	font-size: 14px;
	color: #999;
	display: block;
}

.brands-page .js-search-brand-box .founded .js-count-brands {
	font-weight: 600;
	color: #000;
}

.brands-page .js-search-brand-box .spec-ul li {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	position: relative;

}

.brands-page .js-search-brand-box .spec-ul li a {
	font-size: 13px;
	line-height: 16px;
	color: #000;
	position: relative;
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	text-overflow: ellipsis;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

.brands-page .js-search-brand-box .spec-ul li a:hover {
	color: var(--main-color);
}

.brands-page .js-search-brand-box .spec-ul li .counter {
	font-size: 12px;
	color: #999;
}


.brands-page .js-search-brand-box::-webkit-scrollbar {
	width: 3px;
}

/* Track */
.brands-page .js-search-brand-box::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

/* Handle */
.brands-page .js-search-brand-box::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 4px;
}

/* Handle on hover */
.brands-page .js-search-brand-box::-webkit-scrollbar-thumb:hover {
	background: #999;
	border-radius: 4px;
}


@media (max-width: 1200px) {
	.brands-page .js-search-brand-box .spec-ul {
		columns: 3;
	}
}

@media (max-width: 800px) {
	.brands-page .js-search-brand-box .spec-ul {
		columns: 2;
	}
}

@media (max-width: 450px) {
	.brands-page .js-search-brand-box .spec-ul {
		columns: 1;
	}
}


.brands-page .brands-list .letter-box {
	background: #fff;
	padding: 15px;
	margin-top: 15px;
}

.brands-page .brands-list .letter-box .title {
	font-weight: 700;
	color: var(--main-color);
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.brands-page .brands-list .letter-box ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.brands-page .brands-list .letter-box ul li a {
	color: #333;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
}

.brands-page .brands-list .letter-box ul li a:hover {
	color: var(--main-color);
}

.brands-page .brands-list .letter-box ul li {
	margin-bottom: 6px;
	display: flex;
	column-gap: 15px;
}

.brands-page .brands-list .counter {
	font-size: 12px;
	color: #ccc;
	font-weight: 500;
}



@media (max-width: 567.98px) {

	.brands-page .brands-list .letter-box .heading-box {
		padding-left: 10px;
	}
}





















/****************** CART PAGE *****************/


/* gift box */

.cart-page .gift-box {
	padding: 25px;
	background: #fff;
}

.cart-page .gift-box .js-radio-label:after,
.cart-page .gift-box .js-radio-label:before {
	all: unset;
}


.cart-page .gift-box .js-radio-label {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 4px;
	border: 1px solid #f1f1f1;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative !important;
}


.cart-page .gift-box .js-radio-label.checked {
	border-color: var(--main-color);

}


.cart-page .gift-box .js-radio-label.checked:after {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	right: -7px;
	height: 16px;
	width: 16px;
	background: var(--main-color);
	border-radius: 50%;
}


.cart-page .gift-box .js-radio-label.checked:before {
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	right: -2px;
	height: 7px;
	width: 3px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: rotate(225deg);
	z-index: 2;
}


.cart-page .gift-box .js-radio-label {
	display: flex;
	align-items: center;
	min-height: 100px;
	justify-content: space-between;
	padding: 15px;
}

.cart-page .gift-box .js-radio-label img {
	width: 60px;
	height: 60px;
	object-fit: contain;
	margin-right: 10px;
}

.cart-page .gift-box .js-radio-label .title {
	font-size: 12px;
	color: #000;
	font-weight: 600;
}


.cart-page .gift-box .title {
	font-size: 14px;
	display: block;
	padding-bottom: 10px;
	font-weight: 600;
}




/** sales box **/

.cart-page .info-sale-box {
	background: #ffe;
	text-align: center;
	font-size: 14px;
	color: #330;
	font-weight: 500;
	padding: 25px;
}




.cart-page .info-sale-box strong {
	color: #770;
}

.cart-page .info-sale-box i {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f9f9f9;
	width: 70px;
	height: 70px;
	padding-right: 0;
	color: #770;
	font-size: 30px;
}

.cart-page .info-sale-box {
	position: relative;
	margin-top: 35px;
	padding-top: 50px;
}



.contact-cart-page .address-error-message {
	color: #F20101;
	font-weight: 600;
	font-size: 12px;
}

.contact-cart-page input.address-error {
	border-color: #F20101;
	position: relative;
}

.contact-cart-page .form-group:has(.address-error) {
	position: relative;
}

.contact-cart-page .form-group:has(.address-error)::after {
	content: '!';
	display: inline-flex;
	width: 15px;
	font-weight: 900;
	font-size: 12px;
	height: 15px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #F20101;
	z-index: 50;
	right: 0;
	top: 0;
	position: absolute;
}







.cart-page .cart-product-item .count-box .count-box {
    max-width: 250px;
    width: 100%;
	display: flex !important;
}

.cart-page .cart-product-item .count-box .unit {
	display: inline-flex;
	align-items: center;
	color: #cacaca;
	padding-left: 5px;
}


.cart-page .cart-product-item .count-box .input-group.count {
    display: flex;
    width: auto;
    max-width: 100%;
    height: 40px;
    flex-wrap: nowrap;
}

.cart-page .cart-product-item .count-box .input-group.count input {
    width: 50px;
    height: 100%;
    border-radius: 0;
    border: 1px solid #f1f1f1;
    text-align: center;
}

.cart-page .cart-product-item .count-box .input-group.count > div {
    width: 40px;
    height: 100%;
}

.cart-page .cart-product-item .count-box .input-group.count > div span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-light-color);
    height: 100%;
    cursor: pointer;
    font-size: 12px;
}

/* Chrome, Safari, Edge, Opera */
.cart-page .cart-product-item .count-box .input-group.count input::-webkit-outer-spin-button,
.cart-page .cart-product-item .count-box .input-group.count input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.cart-page .cart-product-item .count-box .input-group.count input[type=number] {
    -moz-appearance: textfield;
}




.cart-page .cart-product-item {
    display: flex;
    background: #fff;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
}

.cart-page .cart-product-item .title {
    color: #000;
    font-weight: 600;
    font-size: 15px;
    display: block;
}

.cart-page .cart-product-item .title:hover {
    text-decoration: none;
    color: var(--main-color);
}

.cart-page .cart-product-item .parameters {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    font-size: 11px;
    color: #999;
    font-weight: 400;
}



.cart-page .cart-product-item .img-box {
    height: 80px;
    width: 80px;
}

.cart-page .cart-product-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




.cart-page .cart-product-item .info-box {
    margin-right: auto;
    padding-left: 10px;
}

.cart-page .cart-product-item .op-box .js-remove-product {
    font-size: 20px;
    background: rgba(0,0,0,0.04);
    width: 40px;
    height: 40px;
    color: #555;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.cart-page .cart-product-item .op-box .js-remove-product:hover {
    background: rgba(0,0,0,0.05);
    color: #000;
}

.cart-page .cart-product-item .price-box {
    max-width: 150px;
    min-height: 40px;
    color: var(--main-color);
    font-weight: 600;
    width: 100%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cart-page .cart-row > div:not(:first-of-type) {
    border-top: 1px solid #f1f1f1;
}



.cart-page .coupone-box .form-group .form-control {
    height: auto;
}

.cart-page .coupone-box {
    width: 100%;
	background: #fff;
	padding: 15px;
}

.cart-page .coupone-box .success {
	font-size: 13px;
	color: #333;
	line-height: 1.5;
}

.cart-page .coupone-box .success a {
	color: red;
	display: block;
}

.cart-page .coupone-box .success a:hover {
	text-decoration: none;
}

.cart-page .coupone-box .title {
    font-size: 14px;
    display: block;
    padding-bottom: 10px;
    font-weight: 600;
}




@media (max-width: 567.98px) {
    .cart-page .cart-product-item {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .cart-page .cart-product-item .img-box {
        order: 1;
        width: 50px;
        height: 50px;
        border: 1px solid rgba(255,255,255,0.2);
    }

    .cart-page .cart-product-item .info-box {
        order: 2;
        width: calc(100% - 120px);
    }

    .cart-page .cart-product-item .info-box .title {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .cart-page .cart-product-item .count-box {
        order: 4;
        margin-top: 10px;
    }

    .cart-page .cart-product-item .price-box {
        order: 3;

        justify-content: flex-end;
        width: 70px;
        font-size: 14px;
		display: flex;
		align-items: center;
		height: 100%;
    }

    .cart-page .cart-product-item .op-box {
        order: 5;
        margin-top: 10px;
    }
}



/********* SHOP PROCESS ***/


.cart-page .page,
.delivery-page .page,
.contact-cart-page .page {
	max-width: 1150px;
	margin: auto;
}





/** contact info page ***/




.contact-cart-page .form-heading {
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
    font-size: 16px;
    color: var(--main-color);
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.contact-cart-page label {
    font-weight: 400;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    position: relative;
    padding-right: 20px;
}

.contact-cart-page .form-group {
    margin-bottom: 20px;
}


.contact-cart-page .form-control::placeholder {
    color: #555;
    font-weight: 300 !important;
    font-size: 14px;
}

.contact-cart-page .contact-box a {
    color: var(--main-color);
    text-decoration: underline;
}


.contact-cart-page .is-facturation-box {
    display: none;
}
.contact-cart-page .is-other-delivery-box {
	display: none;
}



/*** cart hide menu footer etc ***/

.cart-body footer,
.cart-body .newsletter-box,
.cart-body .main-header .top-bar,
.cart-body .main-header .bottom-bar,
.cart-body .main-header .search-box,
.cart-body .main-header .op-box,
.cart-body .main-header .button-nav,
.cart-body .main-header .op-col,
.cart-body .main-header .search-col {
    display: none !important;
}

.cart-body .main-header .logo-col {
	margin: auto;
	justify-content: center;
}



/****** CART SIDEBAR *****/



.cart-sidebar {
    background: rgba(255,255,255,0.1);
    margin-bottom: 25px;
}

.cart-sidebar .price-item {
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.cart-sidebar .price-item.product img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,0.2);
}

.cart-sidebar .price-item.product .title {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    display: block;

}

.cart-sidebar .price-item.product .info-box  {
    display: flex;
}

.cart-sidebar .price-item.product .text-box  {
    width: calc(100% - 45px);
}

.cart-sidebar .price-item.product .params {
    font-size: 11px;
    color: #777;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.cart-sidebar .price-item.product .count {
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    white-space: nowrap;
}

.cart-sidebar .price-item.product .price {
    font-weight: 600;
    padding-left: 15px;
    white-space: nowrap;
    color: var(--main-color);
}

.cart-sidebar .price-item.product .price-box {
    display: flex;
    align-items: center;
}

.cart-sidebar .info-box {
    display: inline-flex;
    column-gap: 6px;
    align-items: flex-start;
}

.cart-sidebar .price-item.paydev {
    font-size: 13px;
}

.cart-sidebar .price-item.paydev .price {
    font-weight: 600;
    font-size: 14px;
}

.cart-sidebar .price-item.total {
    font-size: 20px;
    font-weight: 600;
}

.cart-sidebar .price-item.no-tax {
    font-size: 13px;
    color: #999;
}



/******************* DELIVERY PAGE **************/



.delivery-page .js-radio-label:after,
.delivery-page .js-radio-label:before {
    all: unset;
}


.delivery-page .js-radio-label {
	background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 4px;
    border: 1px solid rgba(255,255,255,0.3);
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative !important;
}


.delivery-page .js-radio-label.checked {
    border-color: var(--main-color);

}


.delivery-page .js-radio-label.checked:after {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    right: -7px;
    height: 16px;
    width: 16px;
    background: var(--main-color);
    border-radius: 50%;
}


.delivery-page .js-radio-label.checked:before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: -2px;
    height: 7px;
    width: 3px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(225deg);
    z-index: 2;
}


.delivery-page .js-radio-label .text {
    font-size: 11px;
    color: #555;
    font-weight: 600;
}

.delivery-page .js-radio-label {
    display: flex;
    align-items: center;
    min-height: 100px;
    justify-content: space-between;
    padding: 15px;
}

.delivery-page .js-radio-label img {
    max-width: 50px;
    width: 100%;
    height: auto;
    margin-right: 10px;
}

.delivery-page .js-radio-label .price {
    white-space: nowrap;
    color: #86B919;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    padding-left: 20px;
}

.delivery-page .js-radio-label .info {
    font-size: 11px;
    color: #888;
    margin-bottom: 0;
}

.delivery-page .js-radio-label .title {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.delivery-page .js-radio-label .info-box {
    display: flex;
    align-items: center;
}

.delivery-page .dp-heading {
    font-size: 14px;
    font-weight: 700;
    color: #aaa;
    letter-spacing: 0.2px;
}


.delivery-page .js-radio-label.disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.delivery-page .js-radio-label.disabled .title,
.delivery-page .js-radio-label.disabled .info {
	color: #ccc !important;
}

.delivery-page .country-box {
	background: none;
	padding: 25px;
}

.delivery-page .js-radio-label .info-box > div > .hidden-info > button {
	border: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #000;
	color: #fff;
	position: relative;
	padding: 0.4em 0.5em;
	letter-spacing: 0.1px;
	line-height: 1;
	font-size: 11px;
	z-index: 1;

	transition: all 0.2s linear;
}


.delivery-page .js-radio-label .info-box > div > .hidden-info > button:hover,
.delivery-page .js-radio-label .info-box > div > .hidden-info > button:focus {
	background: var(--second-color) !important;
}



.delivery-page .js-radio-label .info-box > div > .hidden-info > .packeta-info-div {
	font-size: 12px;
	color: green;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 5px;
}










/*** cart step ***/

.cart-step {
    display: flex;
    margin-bottom: 25px;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}


.cart-step a {
    text-decoration: none;
    color: #000;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1px;
    width: calc(100% / 3);
}

.cart-step a span {
    display: flex;
    margin: auto;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 600;
    width: 50px;
    height: 50px;
    color: #555;
    background: rgba(0,0,0,0.2);
}


.cart-step a {
    opacity: 0.4;
}




.cart-step.cart a:nth-of-type(1) {
    opacity: 1;
}

.cart-step.cart a:nth-of-type(1) span {
    background: var(--main-color);
    color: #fff;
}



.cart-step.delivery a:nth-of-type(2) {
    opacity: 1;
}

.cart-step.delivery a:nth-of-type(2) span {
    background: var(--main-color);
    color: #fff;
}


.cart-step.delivery a:nth-of-type(1) {
    opacity: 0.5;
}

.cart-step.delivery a:nth-of-type(1) span {
    background: var(--main-color);
    color: #fff;
}




.cart-step.contact-info a:nth-of-type(3) {
    opacity: 1;
}

.cart-step.contact-info a:nth-of-type(3) span {
    background: var(--main-color);
    color: #fff;
}


.cart-step.contact-info a:nth-of-type(1),
.cart-step.contact-info a:nth-of-type(2){
    opacity: 0.5;
}

.cart-step.contact-info a:nth-of-type(1) span,
.cart-step.contact-info a:nth-of-type(2) span{
    background: var(--main-color);
    color: #fff;
}



@media (max-width: 767.98px) {
    .cart-step a {
        font-size: 12px;
    }
}


/********* summary-page ************/

.summary-page .content {
    max-width: 850px;
    width: 100%;
    margin: auto;
}

.summary-page label {
	font-weight: 400;
	color: #777;
	font-size: 13px;
	position: relative;
	padding-right: 20px;
	display: inline-block !important;
}



.summary-page label a {
	color: var(--main-color);
}



.summary-page .address-box {
    padding: 25px;
    background: rgba(255,255,255,0.1);
}


.summary-page .person-box table {
    width: 100%;
    max-width: 100%;
}

.summary-page .person-box table .heading {
    font-weight: 700;
    color: #000;
    font-size: 16px;
    padding-bottom: 8px;
    padding-top: 15px;
    margin-bottom: 15px;
    letter-spacing: 0.2px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.summary-page .person-box tr > td:first-of-type,
.summary-page .person-box .td-head {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.summary-page .person-box tr > td:last-of-type {
    font-size: 13px;
    color: var(--second-color);
    font-weight: 400;
}

.summary-page .person-box table p {
    font-size: 12px;
}


/***** order complete ***/

.order-complete-page .order-box {
    max-width: 750px;
    padding: 25px;
    background: #fff;
    margin: auto;
    border: 1px solid #f1f1f1;
}








/******* BULK LOGO *******/

.bulk-logo {
    font-size: 37px;
    font-weight: 700;
}


@media screen and (max-width: 991.98px) {

    .bulk-logo {
        font-size: 27px;
    }
}












.form-error-message {
	color: #F20101;
	font-weight: 600;
	font-size: 12px;
}

.form-control.form-element-error {
	border-color: #F20101;
	position: relative;
}

.form-group:has(.form-element-error) {
	position: relative;
}

.form-group:has(.form-element-error)::after {
	content: '!';
	display: inline-flex;
	width: 15px;
	font-weight: 900;
	font-size: 12px;
	height: 15px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #F20101;
	z-index: 50;
	right: 0;
	top: 0;
	position: absolute;
}




.profile-box .rating-bar i {
	color: rgba(0,0,0,0.03);
	letter-spacing: 0;
	font-size: 15px;
}

.profile-box .rating-bar {
	display: inline-flex;
	position: relative;
	background-image: linear-gradient(to right, #FEDC5A, #FEDC5A);
	background-position: left;
	background-repeat: no-repeat;
	-webkit-background-clip: text;
	background-clip: text;
	cursor: pointer;
}


/********** COOKIE BAR **********/


.cc-container.displayed {
	left: 0;
	bottom: 0;
	padding: 25px;
	height: 100% !important;
	width: 100% !important;
	background: rgba(0,0,0,0.7);
	justify-content: center;
	align-items: center;
}

.cc-container.displayed .cc-box {
	width: 750px !important;
	max-width: 100% !important;
	height: auto;
	padding: 35px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}


.cc-container.displayed .cc-title {
	font-weight: 700;
	color: #808080;
	font-size: 22px;
	margin-bottom: 15px;
}

.cc-container.displayed .cc-section-landing {
	font-size: 15px;
	font-weight: 400;
	color: #121212;
}

.cc-container.displayed .cc-categories {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 15px;
	row-gap: 10px;
	margin-bottom: 10px;
	float: unset;
}

.cc-container.displayed .cc-categories > div[role="checkbox"] {
	display: inline-block;
	width: auto;
	margin: 0;
	font-size: 14px;
	text-decoration: none !important;
	border: none !important;
	padding-left: 27px;
}

.cc-container.displayed .cc-categories span[role="link"] {
	font-size: 15px;
	border: none !important;
	color: #121212;
	font-weight: 600;
}

.cc-container.displayed .cc-category-description {
	min-height: 150px;
	float: unset;
	width: 100%;
	background: #f9f9f9;
	transform: unset;
	padding: 15px;
	font-size: 15px;
	color: #555;
	font-weight: 400;
}

.cc-container.displayed .cc-categories > div[role="checkbox"]:before {
	width: 20px;
	height: 20px;
}

.cc-container.displayed [role="checkbox"][aria-checked="mixed"]:active::after,
.cc-container.displayed [role="checkbox"][aria-checked="true"]::after {
	display: block;
	width: 6px;
	height: 12px;
	border: solid #fff;
	border-width: 0 0.2em 0.2em 0;
	transform: translateY(-65%) translateX(-50%) rotate(45deg);
}


.cc-container.displayed [role="checkbox"][aria-checked="mixed"]::before, .cc-container [role="checkbox"][aria-checked="true"]::before {
	border-color: #aec71e !important;
	background: #aec71e !important;
}

.cc-container.displayed .cc-btn-reject,
.cc-container.displayed .cc-btn-reject:hover {
	background: #696969;
	color: #fff;
	font-weight: 700;
}

.cc-container.displayed .cc-btn-accept,
.cc-container.displayed .cc-btn-accept:hover {
	background: #46F77B;
	color: #000;
	font-weight: 700;
}

.cc-container.displayed .cc-btn-settings,
.cc-container.displayed .cc-btn-settings:hover {
	background: #1696FF;
	color: #fff;
	font-weight: 700;
}


@media (max-width: 767.98px)  {

	.cc-container.displayed .cc-title {
		line-height: 1.2 !important;
	}

	.cc-container.displayed {
		padding: 5px;
	}

	.cc-container.displayed .cc-description {
		text-align: justify;
	}

	.cc-container.displayed .cc-box {
		padding: 15px;
		margin: 5px;
	}

	.cc-container.displayed .cc-buttons {
		float: unset;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		gap: 15px;
	}

	.cc-container.displayed .cc-category-description {
		text-align: justify;
		padding: 0;
		background: #fff;
	}

	.cc-container.displayed .cc-categories span[role="link"] {
		font-size: 13px;
	}

	.cc-container.displayed .cc-btn {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		padding: 15px;
	}
}





/******* ADMIN PANEL *******/

.js-admin-panel {
	position: fixed;
	right: 0;
	z-index: 9999;
	transform: translateX(calc(100% - 50px));
	top: 40%;
	padding-left: 50px;
	transition: transform 0.2s linear;
}


.js-admin-panel.opened {
	transform: translateX(0);
	transition: transform 0.2s linear;
}

.js-admin-panel .cont {
	background: #fff;
	border: 1px solid #f1f1f1;
	border-right: none;
}



.js-admin-panel ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.js-admin-panel ul a {
	display: block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #f1f1f1;
}

.js-admin-panel ul a:hover {
	background: rgba(0,0,0,0.02);
}

.js-admin-panel-trigger {
	width: 50px;
	height: 120px;
	cursor: pointer;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #aec71e;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}

.js-admin-panel-trigger .title {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform:rotate(-90deg);
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
}


@media (max-width: 997.98px) {
	.js-admin-panel {
		display: none;
	}
}




.top-banners .banner-col a {
	text-decoration: none;
	overflow: hidden;
	display: block;
}


.top-banners .banner-col .title {
	background: #ffffff;
	padding: 10px 8px;
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}



/*** LUX ****/


.variants-items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.variants-items .variant {
	text-align: center;
	border: 2px solid #576176;
	padding: 5px;
	font-size: 10px;
}


.lux-packages {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.lux-packages .package {
	border: 2px solid #576176;
	width: 32%;
	max-width: 125px;
}

.lux-packages .package span.name {
	background: #576176;
	color: #ffffff;
	font-weight: bold;
}

.lux-packages .package span.price {
	font-size: 13px;
}

.lux-packages .package span {
	display: block;
	text-align: center;
	width: 100%;
}

.lux-packages .package input {
	display: block;
	text-align: center;
	width: 100%;
	border: 1px solid #576176;
	border-bottom: 0;
}

.lux-packages .package .btn {
	display: block;
	text-align: center;
	width: 100%;
	padding: 0;
}

.product-page .lux-packages {
	margin-top: 10px;
	gap: 6px;
}

.product-page .lux-packages .package {
	margin-top: 10px;
	border: none;
}

.product-page .package .name {
	padding: 8px 5px;
	line-height: 1;
}

.product-page .lux-packages .package .price {
	border-right: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	padding: 5px 4px;
	font-size: 15px;
	color: #576176;
	line-height: 1.4;
}

.product-page .lux-packages .package .price:last-of-type {
	color: #9cb211;
	font-weight: 700;
}

.product-page .lux-packages .package input,
.product-page .lux-packages .package input:focus {
	border-right: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	border-top: none;
}

.product-page .lux-packages .package .btn {
	margin-top: 5px;
	padding: 5px;
}

.product-page .lux-packages .package .price span {
	font-size: 11px;
	line-height: 1;
	text-align: right;
	display: block;
	width: 100%;
}



/* ****** ***** VARIANTS ****** */
.rjs-variant-main {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.rjs-variant-item {
	border: 2px solid #a6a6a6;
	border-radius: 5px;
	min-width: 40px;
	height: 40px;
	text-align: center;
}


.rjs-variant-item.disabled {
	 text-decoration: line-through;
	 color: grey;
	 background: #ff0000;
 }
.rjs-variant-item.selected {
	font-weight: bold;
}

.rjs-variant-item.selected {
	border-color: #000; /* Zelená farba pre aktívne tlačidlo */
}



/* Fullscreen overlay */
#send-order-loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8); /* stmavenie */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 20px;
	text-align: center;
}

/* Spinning circle */
.send-order-spinner {
	border: 6px solid #f3f3f3;
	border-top: 6px solid #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
	margin-bottom: 20px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Skrytý loader na začiatku */
#send-order-loader-overlay.hidden {
	display: none;
}



/********** NEW CART PAGE ***********/


.cart-page {
	padding-top: 35px;
}


.cart-page .cart-product-item {
	padding: 12px !important;
	background: #fff;
	border: 1px solid #f1f1f1 !important;
	margin-bottom: 10px;
}

.cart-page .cart-product-item .title {
	color: #000;
	font-weight: 500;
	font-size: 12px;
	display: block;
	max-width: 220px;
	text-decoration: none;
}

.cart-page .cart-product-item .price-box {
	font-weight: 400;
}

.cart-page .cart-product-item .img-box {
	height: 60px;
	width: 60px;
}

.cart-page .cart-product-item .img-box img {
	object-position: left;
}

.cart-page .cart-row > div:not(:first-of-type) {
	border-top: unset;
	margin-top: 10px;
}

.cart-page .cart-product-item .price-box {
	font-weight: 400;
	color: #000;
	font-size: 14px;
}

.cart-page .coupone-box {
	background: none;
	padding: 0;
	border: none;
}

.cart-page .cart-product-item .count-box .input-group.count {
	max-width: 100%;
	width: 120px;
	height: 29px;
	font-size: 14px;
}

.cart-page .cart-product-item .count-box .unit {
	color: #888;
	font-weight: 400;
	font-size: 14px;
}

.cart-body .main-header {
	border-bottom: 1px solid #f1f1f1;
}

.cart-step {
	display: none;
}

.cart-page .cart-product-item .count-box .button-plus,
.cart-page .cart-product-item .count-box .button-minus {
	font-size: 10px !important;
	background: #f9f9f9 !important;
	color: #1c1c1c !important;
}

.cart-page .cart-product-item .count-box .input-group.count input {
	width: 40px;
}

.cart-page .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border: none !important;
}


.cart-page .cart-product-item .op-box .js-remove-product {
	font-size: 15px;
	background: rgba(0, 0, 0, 0);
	width: 35px;
	height: 35px;
	color: #666;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}




.cart-page .rjs-cart-container .row .col-lg-4 {
	position: relative;
}

.cart-page {
	min-height: 100dvh;
	overflow: hidden;
}

.cart-page .rjs-cart-container .row .col-lg-4:after {
	content: '';
	background: rgba(0,0,0,0.04);
	position: absolute;
	top: -100%;
	left: 0;
	border-left: 1px solid #f1f1f1;
	width: 500%;
	height: 1000%;
	z-index: -1;
}

.cart-page .cart-sidebar .price-item.total {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

.cart-page .cart-sidebar .price-item.total .price {
	font-size: 17px;
	font-weight: 600;
}

.cart-page .cart-sidebar {
	border: none !important;
	background: none !important;
}


.cart-page .coupone-box .title {
	font-size: 13px !important;
	font-weight: 500;
	text-transform: uppercase !important;
}

.cart-page .coupone-box input::placeholder {
	font-weight: 300;
	font-size: 12px;
}

.cart-page .cart-sidebar .total {
	padding: 0;
	padding-top: 10px;
	border: none;
	border-top: 1px solid rgba(255,255,255,0.2) !important;
}


.cart-page .btn-success {
	background: var(--main-color);
	font-weight: 600;
	font-size: 13px;
}

.cart-page .btn-success:focus {
	background: #000;
}

.cart-page .coupone-box .btn {
	background: rgba(0,0,0,1);
	color: #fff;
	font-weight: 600;
	border: 1px solid #000 !important;
}

.cart-page .coupone-box .btn:hover,
.cart-page .coupone-box .btn:focus {
	background: #000 !important;
	color: #fff !important;
	border: 1px solid #000 !important;
}

.cart-page .coupone-box .form-group {
	gap: 5px;
}



.cart-body .main-header .navbar-brand .second ,
.cart-body .main-header:hover .navbar-brand .second {
	display: none !important;
}

.cart-body .main-header .navbar-brand .first,
.cart-body .main-header:hover .navbar-brand .first{
	display: block !important;
}



@media (max-width: 992px) {
	.cart-page .rjs-cart-container .row .col-lg-4::after {
		background: rgba(0,0,0,0.04);
		top: 0;
		left: 0;
		border-left: unset;
		width: 100%;
		height: 500%;
	}

	.cart-page .rjs-cart-container .row .col-lg-4 {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

/*** delivery page ***/


.delivery-page .page > .container > .row > .col-lg-4 {
	position: relative;
}

.delivery-page {
	min-height: 100dvh;
	overflow: hidden;
}

.delivery-page .page > .container > .row > .col-lg-4:after {
	content: '';
	background: rgba(0,0,0,0.04);
	position: absolute;
	top: -100%;
	left: 0;
	border-left: 1px solid rgba(255,255,255,0.2);
	width: 500%;
	height: 500%;
	z-index: -1;
}


@media (max-width: 992px) {
	.delivery-page .page > .container > .row > .col-lg-4:after {
		background: rgba(0,0,0,0.04);
		top: 0;
		left: 0;
		border-left: unset;
		width: 100%;
		height: 100%;
	}
}


.delivery-page .btn-success {
	background: var(--main-color);
	font-weight: 600;
	font-size: 13px;
}

.delivery-page .btn-success:focus {
	background: #000;
}


.delivery-page .country-box {
	padding: 0;
	border: 0;
}

.delivery-page .form-group label {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	color: rgba(255,255,255,0.8);
}



.delivery-page .form-control {
	font-weight: 500;
	font-size: 15px;
}

.delivery-page .form-control::placeholder {
	display: none !important;
}

.delivery-page .form-control::placeholder {
	color: #f9f9f9 !important;
}

.delivery-page .form-control {
	background: rgba(255,255,255,0.1);
	color: #fff;
}





.delivery-page .cart-sidebar .price-item {
	padding-left: 0;
	padding-right: 0;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.delivery-page .cart-sidebar {
	background: transparent !important;
	border: none !important;
}


.delivery-page .cart-sidebar .price-item.total {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

.delivery-page .cart-sidebar .price-item.total .price {
	font-size: 17px;
	font-weight: 600;
}

.delivery-page .cart-sidebar .price-item.paydev {
	font-size: 12px;
	font-weight: 400;
}

.delivery-page .cart-sidebar .price-item.paydev .rjs-selected-payment-name,
.delivery-page .cart-sidebar .price-item.paydev .rjs-selected-delivery-name{
	font-weight: 500;
}

.delivery-page  .cart-sidebar .price-item.product .count {
	font-size: 12px;
	font-weight: 400;
}

.delivery-page .cart-sidebar .price-item.product .title {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	display: block;
}


.delivery-page .js-radio-label {
	display: flex;
	align-items: center;
	min-height: 100px;
	justify-content: space-between;
	padding: 5px;
}

.delivery-page .js-radio-label {
	display: flex;
	align-items: center;
	min-height: 67px;
	justify-content: space-between;
	padding: 5px;
}

.delivery-page .js-radio-label .price {
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 13px;

}


.delivery-page .js-radio-label .title {
	font-size: 13px;
	color: #fff;
	font-weight: 600;
}

.delivery-page .heading {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 300;
}

.delivery-page .js-radio-label.checked:after {
	background: var(--main-color);
}

.delivery-page .js-radio-label.checked {
	border-color: var(--main-color);
}




.delivery-page .cart-sidebar .price-item.product .price {
	font-weight: 500;
	font-size: 14px;
}



@media (max-width: 992px) {
	.delivery-page .page > .container > .row > .col-lg-4:after {
		background: rgba(0,0,0,0.04);
		top: 0;
		left: 0;
		border-left: unset;
		width: 100%;
		height: 500%;
	}


	.delivery-page .page {
		padding-bottom: 0;
	}

	.delivery-page .page > .container > .row > .col-lg-4 {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}



/*** contact cart page ***/


.contact-cart-page .page > .container > .row > .col-lg-4 {
	position: relative;
}

.contact-cart-page {
	min-height: 100dvh;
	overflow: hidden;
}

.contact-cart-page .page > .container > .row > .col-lg-4:after {
	content: '';
	background: rgba(0,0,0,0.04);
	position: absolute;
	top: -100%;
	left: 0;
	border-left: 1px solid rgba(255,255,255,0.2);
	width: 500%;
	height: 500%;
	z-index: -1;
}


.contact-cart-page .btn-success {
	background: var(--main-color);
	font-weight: 600;
	font-size: 13px;
}


.contact-cart-page .btn-success:focus {
	background: #000;
}




.contact-cart-page .cart-sidebar .price-item {
	padding-left: 0;
	padding-right: 0;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.contact-cart-page .cart-sidebar {
	background: transparent !important;
	border: none !important;
}


.contact-cart-page .cart-sidebar .price-item.total {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

.contact-cart-page .cart-sidebar .price-item.total .price {
	font-size: 17px;
	font-weight: 600;
}

.contact-cart-page .cart-sidebar .price-item.paydev {
	font-size: 12px;
	font-weight: 400;
}

.contact-cart-page .cart-sidebar .price-item.paydev .rjs-selected-payment-name,
.contact-cart-page .cart-sidebar .price-item.paydev .rjs-selected-delivery-name{
	font-weight: 500;
}

.contact-cart-page .cart-sidebar .price-item.product .count {
	font-size: 12px;
	font-weight: 400;
}

.contact-cart-page .cart-sidebar .price-item.product .title {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	display: block;
}


.contact-cart-page .contact-box {
	padding: 0;
	border: none;
}

.contact-cart-page .form-heading {
	font-weight: 500;
	letter-spacing: 0;
	text-transform: uppercase;
	font-size: 17px;
	color: var(--main-color);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.contact-cart-page .form-group label {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	color: rgba(255,255,255,0.8);
}



.contact-cart-page .form-control {
	font-weight: 500;
	font-size: 15px;
}

.contact-cart-page .form-control::placeholder {
	display: none !important;
}

.contact-cart-page .form-control::placeholder {
	color: #f9f9f9 !important;
}

.contact-cart-page .form-control {
	background: rgba(255,255,255,0.1);
	color: #fff;
}



@media (max-width: 992px) {
	.contact-cart-page .page > .container > .row > .col-lg-4:after {
		background: rgba(0,0,0,0.04);
		top: 0;
		left: 0;
		border-left: unset;
		width: 100%;
		height: 100%;
	}



	.contact-cart-page .page {
		padding-bottom: 0;
	}

	.contact-cart-page .page > .container > .row > .col-lg-4 {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}


/**** ZHRNUTIE OBJEDNAVKY ***/

.summary-page {
	background: rgba(0,0,0,0.04);
}

.summary-page .container {
	max-width: 750px;
}
.summary-page .col-md-8,
.summary-page .col-md-4 {
	width: 100% !important;
}

.summary-page .person-box .heading {
	font-weight: 600 !important;
	letter-spacing: 0;
	text-transform: uppercase;
	font-size: 17px !important;
	margin-top: 45px;
	color: #fff !important;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.summary-page .person-box tr > td:first-of-type,
.summary-page .person-box .td-head {
	font-size: 13px;

	font-weight: 400;
	color: rgb(255, 255, 255);
}

.summary-page .person-box tr > td:last-of-type {
	font-size: 14px;
	color: var(--main-color);
	font-weight: 400;
}

.summary-page .person-box p {
	font-size: 14px !important;
	color: var(--main-color) !important;
	font-weight: 500 !important;
}


.summary-page label {
	font-weight: 400;
	color: rgb(255, 255, 255);
	font-size: 14px;
}

.summary-page .btn-success {
	background: var(--main-color);
	font-weight: 600;
	font-size: 14px;
	width: 100%;
}

.summary-page .btn-success:focus {
	background: #000;
}




.summary-page .cart-sidebar .price-item {
	padding-left: 0;
	padding-right: 0;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.summary-page .cart-sidebar {
	padding: 25px;
}


.summary-page .cart-sidebar .price-item.total {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

.summary-page .cart-sidebar .price-item.total .price {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	background: #000;
	padding: 5px 15px;
}

.summary-page .cart-sidebar .price-item.paydev {
	font-size: 12px;
	font-weight: 400;
}

.summary-page .cart-sidebar .price-item.paydev .rjs-selected-payment-name,
.summary-page .cart-sidebar .price-item.paydev .rjs-selected-delivery-name{
	font-weight: 500;
}

.summary-page  .cart-sidebar .price-item.product .count {
	font-size: 12px;
	font-weight: 400;
}

.summary-page .cart-sidebar .price-item.product .title {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	display: block;
}

.summary-page label {
	text-align: left;
	width: 100%;
}



@media( max-width: 556px ){
	.summary-page .col-6 {
		width: 100%;
	}

	.summary-page .btn-success {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}



body.cart-body {
	padding-top: 0 !important;
}

body.cart-body .main-header {
	position: static !important;
}

body.cart-body .main-header .main-bar {
	border-bottom: none !important;
}

@media (min-width: 992px) {
	.cart-body .page > .container > .row > .col-lg-4 {
		padding-left: 30px;
	}
}


.product-page .rjs-variant-item.selected {
	border-color: #000;
	color: #fff;
	background: #000;
	font-weight: 700;

}

.product-page .rjs-variant-item {
	border-radius: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	border: none;
	background: #f1f1f1;
	border: 2px solid rgba(0,0,0,0.05);
	color: #555;
	font-weight: 500;
	cursor: pointer;
	padding: 2px 6px;

}

.product-page .rjs-variant-main {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	margin-top: 8px;
}




/**** home page ****/


.home-page {
	padding-top: 0;
	padding-bottom: 0;
}


.home-page .hero {
	min-height: 100svh;
	position: relative;
}


.hero .countdown-box {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0, -100%);
	text-align: right;
	padding-bottom: 15px;
	padding-right: 15px;
}

.hero .countdown-box .time {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	font-size: 17px;
}

.hero .countdown-box .first {
	font-size: 15px;
	text-transform: uppercase;
	display: block;
}

.hero .countdown-box .second {
	font-size: 23px;
	text-transform: uppercase;
	display: block;
}


.hero .countdown-box .time .pr {

	text-transform: uppercase;

}

.hero .bottom-bar .container {
	position: relative;
}



.home-page .hero .pot-font {
	font-size: 170px;
	color: #fff; /* pre istotu biela farba textu */
	position: relative;
}

.home-page .hero .pot-font::after {
	content: 'Dano Drevo';
	font-size: inherit;
	text-transform: uppercase;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	text-shadow: 0 0 25px #fff;
	opacity: 1;
	animation: glowShadow 3s infinite alternate;
	animation-delay: 1s;

}


@keyframes glowShadow {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.home-page .hero .t-btn {
	font-size: 17px;
}

.home-page .hero img.spec {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-position: top;
	object-fit: cover;
}

.home-page .hero .btn-box {
	padding-top: 100px;
	display: flex;
	justify-content: center;
	align-content: center;
	gap: 15px;
}

.home-page .hero .content {
	position: relative;
	z-index: 3;
	text-align: center;
}

.home-page .hero {
	display: flex;
	align-items: center;
}

.home-page .hero .subhead {
	display: block;
	font-size: 38px;
	text-transform: uppercase;

}

.home-page .hero .dd {
	width: 800px;
}



.home-page .hero::after {
	content: '';
	position: absolute;
	z-index: 2;
	width: 950px;
	height: 750px;
	top: 35%;
	left: 50%;
	transform: translate(-50%, 0);
	display: block;
	background: radial-gradient(25% 30% at 51.19% 51.75%, rgba(255, 107, 47, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.6; /* základná hodnota */
	animation: pulseOpacity 5s ease-in-out infinite;
}

@keyframes pulseOpacity {
	0% { opacity: 0.3; }
	50% { opacity: 0.7; }
	100% { opacity: 0.3; }
}





.home-page .hero .bottom-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	padding-bottom: 50px;
}

.home-page .hero {
	overflow: hidden;
}

.home-page .hero .spec {
	inset: 0;
	transform-origin: center center;
	animation: pulseZoom 12s ease-in-out infinite;
	will-change: transform;
}


@keyframes pulseZoom {
	0%   { transform: scale(1); }
	50%  { transform: scale(1.12); } /* nastav mieru priblíženia */
	100% { transform: scale(1); }
}

.home-page .hero .hero-item .title {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1.2;
	margin-top: 10px;
}

.home-page .hero .hero-item {
	text-align: center;
}


.home-page .hero .next {
	position: absolute;
	bottom: 50px;
	cursor: pointer;
	display: block;
	left: 50%;
	z-index: 15;
	width: 50px;
	height: 50px;
	transform: translate(-50%, 0) !important;
}




/**** spec about ***/

.container {
	max-width: 1150px;
}


.home-page  .spec-about {
	background: #0B0E17;
	padding-top: 35px;
}




.home-page .spec-about .quote.spec-font {
	text-shadow: 0 0 0 var(--main-color) !important;
	transition: all 0.3s linear;
	position: relative;
	z-index: 10;
}

.home-page .spec-about .quote.spec-font:hover {
	text-shadow: 0 0 10px var(--main-color) !important;
	transition: all 0.3s linear;
}

.home-page .spec-about .ppt {
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.2);
	transform: translate(0, 0);
	transition: all 0.2s linear;
	position: relative;
	z-index: 10;
}

.home-page .spec-about .ppt:hover {
	box-shadow: 0 0 25px rgba(255, 255, 255, 0.2);
	transform: translate(0, 5px);
	transition: all 0.2s linear;
}


.home-page .spec-about .ppt {
	border-radius: 14px;
}


.home-page .spec-about .quote {
	font-size: 28px;
	color: var(--second-color);
	text-transform: uppercase;
	display: block;
	margin-top: 45px;
	line-height: 1.2;
	padding-bottom: 150px;
}


.home-page .spec-about p {
	line-height: 1.6;
	font-size: 14px;
	max-width: 420px;
	position: relative;
	z-index: 2;
}

.home-page .spec-about .hash {
	font-size: 20px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 35px;
}

.home-page .spec-about h2 {
	font-size: 38px;
	font-weight: 400 !important;
	padding-top: 90px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.home-page .spec-about .pt {
	position: relative;
	left: -170px;
	z-index: 1;
}


.home-page .spec-about .relative {
	position: relative;
}

.home-page .spec-about .owl {
	position: absolute;
	bottom: 0;
	right: 0;
}


/* spec about 2 */

.home-page .spec-about-2 {
	background: #0B0E17D6;
}

.home-page .spec-about-2 {
	position: relative;

}


.home-page .spec-about-2 .cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.home-page .spec-about-2 .spcer {
	position: relative;
	z-index: 11;
}



.home-page .spec-about-2 .spec-left {
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-250%, -50%);
	z-index: 2;
}

.home-page .spec-about-2 .spec-right {
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(150%, -50%);
	z-index: 2;
}


.home-page .spec-about-2 .spec-container {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 10;
}

.home-page .spec-about-2 .spec-container img {
	position: relative;
	left: -150px;


}


.home-page .spec-about-2 .btn-box {
	position: relative;
	top: -100px;
	z-index: 11;
}


.home-page .paper-1::after {
	content: '';
	display: block;
	width: 110%;
	height: 5px;
	position: absolute;
	background: #4C3D2B;
	filter: blur(1px);
	bottom: 0;
	left: -5%;
	box-shadow: 0 0 10px #4C3D2B;
}

.home-page .paper-wrap {
	max-width: 100%;
	overflow-x: hidden;
}

.home-page .paper-wrap {
	background: #e6ded7;
	position: relative;
	color: #1c1c1c;
}

.home-page .paper-wrap .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.7;
	z-index: 1;
}

.home-page .paper-wrap .paper-1 {
	padding: 60px 0;
	position: relative;
	z-index: 2;
}

.home-page .paper-wrap .paper-1 p {
	margin-bottom: 40px;
}

.home-page .paper-wrap .paper-1 .row-text .subhead {
	font-weight: 500;
	font-size: 18px;
}

.home-page .paper-wrap .paper-1 .heading {
	font-weight: 400 !important;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.home-page .paper-wrap .paper-1 .bigger {
	font-weight: 600;
	line-height: 1.6;
	margin-top: 9px;
	margin-bottom: 9px;
	display: block;
}

.home-page .paper-wrap .paper-1 .date {
	font-size: 14px;
	display: block;
}



.home-page .paper-wrap p {
	color: #2E1A18;
}

.home-page .paper-wrap .paper-2 {
	padding: 60px 0;
	position: relative;
	z-index: 2;
}

.home-page .paper-wrap .paper-2 p {
	margin-bottom: 40px;
}

.home-page .paper-wrap .paper-2 .subhead {
	font-weight: 500;
	font-size: 18px;
}

.home-page .paper-wrap .paper-2 .heading {
	font-weight: 400 !important;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.home-page .paper-wrap .paper-2 .bigger {
	font-weight: 600;
	line-height: 1.6;
	margin-top: 9px;
	margin-bottom: 9px;
	display: block;
}

.home-page .paper-wrap .paper-2 .date {
	font-size: 14px;
	display: block;
}


.home-page .paper-wrap .paper-2 .row.text {
	padding-right: 70px;
}



/*** products ***/


.home-page .products {
	background: #0B0E17;
	padding: 50px 0;
}






.product-main-item {
	background: transparent;
	padding: 25px;
	border-radius: 15px;
	background: #1E2743;
	margin-bottom: 50px;

}



.product-main-item .info-box {
	text-align: center;
}

.product-main-item .title {
	color: #fff;
	text-decoration: none;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 0;
	display: block;
}

.product-main-item .is-stock {
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.8;
	font-weight: 400;
}

.product-main-item .price-box {
	color: #a9a9a9;
	font-size: 19px;
	font-weight: 300;
}


.product-main-item {
	box-shadow: 0 0 5px rgba(255,255,255,0.2);
	transform: translate(0,0);
	transition: all 0.3s ease-in;
}

.product-main-item:hover {
	box-shadow: 0 0 15px rgba(255,255,255,0.3);
	transform: translate(0,-10px);
	transition: all 0.3s linear;
}



.product-main-item .btn {
	background: var(--main-color);
	color: #fff;
}


.home-page .products .container {
	position: relative;
}

.home-page .products {
	padding-top: 10px;
}

.home-page .products img.spec {
	position: relative;
	bottom: -50px;
	left: -100px;
	z-index: 5;
}


/*** product detail ****/





.product-main-item .title {
	margin-bottom: 15px;
	margin-top: 15px;
}

.product-main-item .btn-box {
	margin-top: 15px;
}


@media (max-width: 767.98px) {
	.product-main-item .title {
		font-size: 24px;
	}

	.product-main-item .price-box {
		font-size: 17px;
	}

}


/************* CART PAGE ********/


.cart-body .main-header {
	backdrop-filter: blur(20px);


}

.cart-body .main-header {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.cart-page .rjs-cart-container .row .col-lg-4:after {
	border-left: 1px solid rgba(255,255,255,0.2);
}

.cart-page .cart-product-item {
	background: rgba(255,255,255,0.1);
	border: none !important;
}

.cart-page .cart-product-item .title {
	color: #fff;
}

.cart-page .cart-product-item .count-box .button-plus, .cart-page .cart-product-item .count-box .button-minus {
	background: var(--main-color) !important;
}

.cart-page .cart-product-item .price-box {
	font-weight: 700;
	color: #fff;
	font-size: 16px;
}


.cart-page .cart-product-item .op-box .js-remove-product {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}



.cart-page .cart-product-item .count-box .unit {
	color: rgba(255,255,255,0.8);

}

.cart-page .cart-product-item .op-box .js-remove-product:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	color: #fff !important;
}




/**** MAIN FOOTER ***/

.main-foot .container {
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 25px;
	padding: 25px;
}

.main-foot .footer-heading {
	font-weight: 400 !important;
	text-transform: unset;
	font-size: 17px;
	margin-bottom: 25px;
}

.main-foot a {
	font-weight: 300 !important;
}


.main-footer .main-foot ul a {
	font-size: 13px;
	margin-bottom: 5px;
	display: inline-block;
}


.main-footer .social-box a {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	font-size: 13px;
	margin-bottom: 10px;
}

.main-footer .social-box a i {
	width: 20px;
	font-size: 20px;
}

.main-footer .social-box a:hover {
	color: var(--main-color);
	text-decoration: none;
}




/*** gallery ***/


.home-page .gallery {
	padding: 120px 0;
	position: relative;
	background: #161C2F;
}

.home-page .gallery::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	z-index: 1;
	background: radial-gradient(40% 40% at 51.19% 51.75%, rgba(255, 107, 47, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
}

.home-page .gallery .gallery-box {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	position: relative;
	z-index: 2;
}

.home-page .gallery .gallery-box a {
	width: calc(100% / 4 - 45px / 4);
	flex: auto;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 15px;
}

.home-page .gallery .gallery-box a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: all 0.3s linear;
}

.home-page .gallery .gallery-box a:hover img {
	transform: scale(1.1);
	transition: all 0.3s linear;
}



.home-page .products {
	position: relative;
}

.home-page .products .container {
	position: relative;
	z-index: 3;
}

.home-page .products .spec-left {
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-250%, -50%);
	z-index: 2;
}

.home-page .products .spec-right {
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(150%, -50%);
	z-index: 2;
}

@media (max-width: 567.98px) {
	.home-page .gallery .gallery-box a {
		width: calc(100% / 3 - 30px / 3);
		border-radius: 12px;
	}


	.home-page .gallery .gallery-box {
		gap: 5px;
	}

}





/********** FIX SCROLL *******/



@media (max-width: 1600px) {
	.home-page .spec-about-2 .spec-container img {
		position: relative;
		left: 0;
		width: 200px;
	}

	.home-page .products img.spec {
		bottom: -30px;
		left: -50px;
		width: 200px;
	}


	.home-page .hero .pot-font {
		font-size: 150px;
	}


	.home-page .spec-about-2 .spec-right {
		transform: translate(100%, -50%);
	}

	.home-page .spec-about-2 .spec-left {
		transform: translate(-200%, -50%);
	}

	.home-page .products .spec-right {
		transform: translate(100%, -50%);
	}

	.home-page .products .spec-left {
		transform: translate(-200%, -50%);
	}
}

@media (max-width: 991.98px) {
	.home-page .spec-about-2 .spec-container img {
		width: 170px;
	}

	.home-page .products img.spec {
		bottom: -30px;
		left: 0;
		width: 150px;
	}

	.home-page .hero .subhead {
		font-size: 30px;
	}

	.home-page .spec-about-2 .btn-box {
		top: -100px;
	}

	.home-page .spec-about-2 .spec-right {
		transform: translate(50%, -50%);
	}

	.home-page .spec-about-2 .spec-left {
		transform: translate(-100%, -50%);
	}


	.home-page .products .spec-right {
		transform: translate(50%, -50%);
	}

	.home-page .hero .pot-font {
		font-size: 120px;
	}

	.home-page .products .spec-left {
		transform: translate(-100%, -50%);
	}

	.home-page .spec-about .quote {
		font-size: 20px;
		padding-bottom: 70px;
		margin-top: 25px;
	}

	.home-page .spec-about h2 {
		font-size: 30px;
		padding-top: 60px;
	}



	.hero .countdown-box .time {

		font-size: 16px;
	}

	.hero .countdown-box .first {
		font-size: 14px;
	}

	.hero .countdown-box .second {
		font-size: 20px;
	}
}


@media (max-width: 767.98px) {

	.home-page .hero .subhead {
		font-size: 25px;
	}

	.home-page .hero .pot-font {
		font-size: 80px;
	}

	.home-page .products .col-md-6[data-iteration="2"] {
		order: 1;
	}

	.home-page .products .col-md-6[data-iteration="1"] {
		order: 2;
	}

	.home-page .spec-about-2 .btn-box {
		top: -50px;
	}

	.home-page .spec-about-2 {
		padding-bottom: 100px;
	}

	.home-page .spec-about .pt {
		left: 0;
		margin: auto;
		display: block;
	}

	.hero .countdown-box .time {

		font-size: 14px;
	}

	.hero .countdown-box .first {
		font-size: 12px;
	}

	.hero .countdown-box .second {
		font-size: 17px;
	}
}

@media (max-width: 567.98px) {
	.home-page .hero .pot-font {
		font-size: 60px;
	}

	.home-page .hero .subhead {
		font-size: 20px;
	}

	.home-page .hero .btn-box {
		padding-top: 30px;
	}

	.home-page .hero .bottom-bar {
		padding-bottom: 10px;
	}

	.hero .countdown-box .time {

		font-size: 12px;
	}

	.hero .countdown-box .first {
		font-size: 10px;
	}

	.home-page .hero .t-btn {
		font-size: 14px;
	}

	.home-page .hero .bottom-bar .img-fluid {
		width: 60px;
	}

	.hero .countdown-box .second {
		font-size: 15px;
	}

}

/*** cart ***/

.cart-body .page .btn {
	color: #fff;
}




.home-page .products .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-page .products::after {
	content: '';
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #060B23;
	opacity: 0.7;
}

.home-page .products {
	padding-top: 150px;
}


.product-main-item {
	padding: 15px !important;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.2);
	backdrop-filter: blur(5px);
}
..product-main-item  .img-box {
	border-radius: 10px;
	overflow: hidden;
	height: auto;
}

.home-page .products .btn-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}


.product-main-item .detail {
	padding: 0.9em 1.4em;
	text-decoration: none;
	font-size: 17px;
	color: rgba(255,255,255,0.5);
	font-weight: 300;
	border-radius: 14px;
	background-color: rgba(255, 255, 255, 0.04); /* polopriehľadná biela */
	backdrop-filter: blur(10px); /* rozmazanie pozadia za elementom */
	-webkit-backdrop-filter: blur(10px); /* pre Safari */
	border: 1px solid rgba(255, 255, 255, 0.2); /* jemný rámik */
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); /* jemný tieň */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
}

.product-main-item .detail:hover {
	color: rgba(255,255,255,0.8);
	background-color: rgba(255, 255, 255, 0.2); /* polopriehľadná biela */
}


.product-main-item .t-btn {
	font-size: 17px;
}


.product-main-item .lim-box {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 5px 8px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.15);
	backdrop-filter: blur(2px);
	border-radius: 5px;
}

.product-main-item .badge-lim {
	line-height: 1;
	font-weight: 600;
	background: linear-gradient(45deg, #f9d976, #f7cc48, #efb70a );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-flex;
}

.product-main-item .img-box {
	position: relative;
}












.spec-about-2 .spcer {
	transform: translate(0, -26%);

}



.spec-about-2::after {
	content: '';
	position: absolute;
	z-index: 2;
	width: 650px;
	height: 650px;
	top: 50%;
	left: 50%;
	transform: translate(20%, -60%);
	display: block;
	background: radial-gradient(rgba(216, 113, 71, 0.65) 0%, rgba(0, 0, 0, 0) 70%);
	opacity: 0.6;
	animation: pulseOpacity 5s ease-in-out infinite;
}


.spec-about-2::before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 400px;
	height: 400px;
	top: 40%;
	left: 10%;
	display: block;
	background: radial-gradient(rgba(255, 107, 47, 0.95) 0%, rgba(0, 0, 0, 0) 70%);
	opacity: 0.6;
	animation: pulseOpacity 5s ease-in-out infinite;
}

@media (max-width: 1600px) {
	.spec-about-2::after {
		width: 450px;
		height: 450px;
		top: 50%;
		left: 50%;
		transform: translate(20%, -60%);
	}
}

@media (max-width: 1150px) {
	.spec-about-2::after {
		width: 250px;
		height: 250px;
		top: 50%;
		left: 50%;
		transform: translate(20%, -60%);
	}
}

@media (max-width: 767.98px) {
	.spec-about-2::after {
		width: 270px;
		height: 270px;
		top: 50%;
		left: 20%;
		transform: translate(20%, -60%);
		display: none;
	}

	.spec-about-2::before {

		width: 200px;
		height: 200px;
		top: 40%;
		left: 50%;
		transform: translate(-50%, 0);
		display: none;
	}
}



/******* PRODUCT PAGE ********/


.product-page .product-main-info .input-group.count .button-plus {
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
	font-size: 17px !important;
	background: rgba(255,255,255,0.2);
}

.product-page .product-main-info .input-group.count .button-minus {
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	font-size: 17px !important;
	background: rgba(255,255,255,0.2);
}

.product-page .product-main-info .input-group.count input {
	background: rgba(255,255,255,0.1);
	border: none !important;
	color: #fff;
	font-size: 17px !important;
}


.product-page .product-main-info .stock-price-info-box .price {
	line-height: 1;
	font-weight: 700;
	background: linear-gradient(45deg, #C2C7CE, #C2C7CE, #76889D);
	-webkit-background-clip: text;
	font-size: 45px;
	-webkit-text-fill-color: transparent;
	display: inline-flex;
}





.product-main-item.limited .title {
	background: linear-gradient(45deg, #f9d976, #f7cc48, #efb70a );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-flex;
}


.product-main-item.limited {
	box-shadow: 0 0 9px rgba(255, 179, 0, 0.5); /* teplá oranžovo-zlatá */
	border-color: rgba(255, 179, 0, 0.2);
	transform: translate(0, 0);
	transition: all 0.3s ease-in;
	background: rgba(255, 179, 0, 0.1) !important;
}

.product-main-item.limited:hover {
	box-shadow:
		0 0 7px rgba(255, 179, 0, 0.5),   /* teplá zlatá */
		0 0 15px rgba(255, 152, 0, 0.4),  /* sýtejší oranžovo-zlatý lesk */
		0 0 30px rgba(255, 140, 0, 0.3);  /* hlbší oranžový odtieň */
	transform: translate(0, -10px);
	transition: all 0.3s linear;
}








.hale .container {
	position: relative;
	z-index: 3;
}


.hale {
	position: relative;
	padding: 45px 0 !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.hale::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #000;
	opacity: 0.85;
	width: 100%;
	height: 100%;
}

.hale img {
	border-radius: 14px;
}

.hale .spec-font {
	font-weight: 400 !important;
	font-size: 22px !important;
	color: rgba(255,255,255,0.89);
}

.hale ul li::marker {
	color: gold; /* alebo #FFD700 */
	font-size: 1.2em; /* voliteľne veľkosť bulletu */
}


.product-main-item.limited {
	box-shadow: 0 0 9px rgba(255, 179, 0, 0.5); /* teplá oranžovo-zlatá */
	border-color: rgba(255, 179, 0, 0.2);
	transform: translate(0, 0);
	transition: all 0.3s ease-in;

}




.main-header .sp-link::after {
	content: 'Kúpiť';
	font-size: inherit;
	text-transform: uppercase;
	position: absolute;
	padding: inherit;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: var(--main-color);
	text-shadow: 0 0 15px var(--main-color);
	opacity: 1;
	animation: glowShadow 1s infinite alternate;
	animation-delay: 1s;
}

.main-header .sp-link {
	position: relative;
	font-weight: 400;
	color: var(--main-color) !important;
}




/*** producte detail limited ***/

.product-page.limited .subheading {
	font-size: 16px;
	opacity: 0.8;
	margin-bottom: 30px;
}


.product-page.limited .heading {
	background: linear-gradient(45deg, #f9d976, #f7cc48, #efb70a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-flex;
}

.product-page.limited .product-desc span {
	color: #f9d976;
}


.product-page.limited .hale .cont {
	background: rgba(255,255,255,0.12);
	padding: 15px;
	backdrop-filter: blur(10px);
	border-radius: 14px;
	height: 100%;
}


.product-page.limited .hale .cont ul {
	padding-left: 20px;
}

.product-page.limited .hale .cont h3 {
	font-size: 17px !important;
	color: #FFD700;
}

.product-page.limited .hale .cont {
	color: rgba(255,255,255,0.8);
	font-size: 14px;
}

.product-page.limited .hale .prize {
	padding: 25px;
	border-radius: 14px;
	background: rgba(255, 179, 0, 0.1);
	backdrop-filter: blur(10px);
	height: 100%;

}

.product-page.limited .hale .prize img {
	max-width: 100%;
	width: 350px;
	display: block;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.product-page.limited .hale .prize .spec-p {
	font-size: 16px !important;
}

.product-page.limited .hale .prize span {

	color: #FFD700;
}

/************ ************/

.product-page.classic .heading {
	background: linear-gradient(45deg, #e0e0e0, #c0c0c0, #a8a8a8, #d0d0d0, #f0f0f0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-flex;
}


.product-page.classic .subheading {
	font-size: 16px;
	opacity: 0.8;
	margin-bottom: 30px;
}

.product-page.classic .hale .cont {
	background: rgba(255,255,255,0.12);
	padding: 15px;
	backdrop-filter: blur(10px);
	border-radius: 14px;
	height: 100%;

}


.product-page.classic .hale .cont ul {
	padding-left: 20px;
}

.product-page.classic .hale .cont h3 {
	font-size: 17px !important;
	color: #c0c0c0;
}

.product-page.classic .hale .cont {
	color: rgba(255,255,255,0.8);
	font-size: 14px;
}



.product-page.classic .hale .prize {
	padding: 25px;
	border-radius: 14px;
	background: rgba(255, 179, 0, 0.1);
	backdrop-filter: blur(10px);
	height: 100%;

}


.product-page .hale .col-md-6 {
	margin-bottom: 24px;
}

.product-page.classic .hale .prize img {
	max-width: 100%;
	width: 350px;
	display: block;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.product-page.classic .hale .prize .spec-p {
	font-size: 16px !important;
}

.product-page.classic .hale .prize span {

	color: #FFD700;
}



/********** ODER SUMMARY *******/

.order-complete-page .order-box {
	max-width: 750px;
	padding: 25px;
	background: rgba(255,255,255,0.05);
	border-radius: 14px;
	margin: auto;
	border: 1px solid rgba(255,255,255,0.1);
}

.order-complete-page .order-box strong {
	color: var(--main-color);
}


/******  prize page ********/

.prize-page table th {
    color: #fff;
}

.prize-page table td {
    color: #fff !important;
}

.prize-page th {
	border: none !important;
}

.prize-page .first-prize  {
	background: linear-gradient(45deg, #f9d976, #f7cc48, #efb70a) !important;
	color: #OOO !important;

}

.prize-page .first-prize td {
	color: #000 !important;
}



.prize-page .table td {
	border-color: rgba(255,255,255,0.1);
}

.prize-page .table tbody tr:nth-of-type(odd) td {
	background: rgba(255,255,255,0.04);
}

.prize-page .table tbody tr td:nth-of-type(2),
.prize-page .table tbody tr td:nth-of-type(3){
	white-space: nowrap;
}

.prize-page .golden {
	background: linear-gradient(45deg, #f9d976, #f7cc48, #efb70a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.prize-page .cnt .golden {
	font-size: 27px;
}

@media (max-width: 567.98px) {
	.prize-page .cnt .golden {
		font-size: 24px;
	}
}


.delivery-page .rjs-pr-def {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background: var(--main-color);
	border-radius: 4px;
	padding: 2px 4px;
}

.delivery-page .rjs-pr-def:hover {
	color: #fff;
	opacity: 0.8;
}


#rjs-gls-modal .modal-dialog {
	height: calc( 100vh - 200px);
	margin: 100px;
}


@media (max-width: 767.98px) {
	#rjs-gls-modal .modal-dialog {
		height: calc( 100vh - 150px);
		margin: 15px;
		margin-top: 35px;
		margin-bottom: 35px;
	}

}



.spec-about .ppt {
	aspect-ratio: 352/309;
}

.product-main-item .img-box img {
	aspect-ratio: 676/617;
}


.spec-about-2 .spcer {
	aspect-ratio: 1003/759;
}

.home-page .products .cover {
	aspect-ratio: 1440/793;
}

.home-page .paper-wrap .nw-img {
	aspect-ratio: 713/800;

}