.product_listing_item_compare_buttons {
	position: absolute;
	top: 60px;
	right: 10px;
}



.product_listing_item_compare_button,
.product_listing_item_compare_button_selected {
	width: 30px;
	height: 30px;
	mask-position: center;
	mask-repeat: no-repeat;
	display: inline-block;
	border: none;
	cursor: pointer;
	transition: all;
	transition-duration: 0.4s;
}

.product_listing_item_compare_button {
	background-color: #c9c9c9;
}


.product_listing_item_compare_button_selected {
	background-color: #6b6b6b;
}

.product_listing_item_compare_button:hover {
	background-color: #e7e7e7;
}
.product_listing_item_compare_button_selected:hover {
	background-color: #282828;
}


#product_listing {

}

#product_listing_default_filter_area {
	padding: 10px;
	background-color: #eaeaea;
}

#product_listing_default_filter_area button {
	margin: 3px;
}

#product_listing_filter_area {
	position: fixed;
	right: 0px;
	top: 0px;
	background: #ffffff;
	height: 100%;
	overflow: auto;
	padding: 10px;
	width: 500px;
	max-width: 100%;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	z-index: 999999;
}

#product_listing_selected_filter_area {
	padding: 10px;
}
#product_listing_selected_filter_area button {
	margin: 2px;
}

.product_listing_filter {
	border: 1px solid #283077;
	margin: 7px;
	margin-bottom: 20px;
	background-color: #ffffff;
}

.product_listing_filter_title {
	background-color: #283077;
	padding: 10px;
	font-weight: 200;
	cursor: pointer;
	color: #ffffff;
}

.product_listing_filter_filter {
	padding: 5px;
	max-height: 300px;
	overflow: auto;
}

#product_listing_filter_area_bottom_buttons {
	padding: 5px;
}

#product_listing_sort_title {
	font-weight: bolder;
	color: #5e5e5e;
}

#product_listing_sort {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0px;
	padding:15px 20px 15px 20px;
	color:#999;
	font-size:14px;
	flex-wrap: wrap;
}

#product_listing_header {
	background-color:#f6f6f6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 auto;
	flex-wrap: wrap;
}

#product_listing_footer {
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 auto;
	flex-wrap: wrap;
}

#product_listing_footer .ontop {color:var(--color-01-hex); font-size:17px; font-family:Roboto, sans-serif; font-weight:700; display:inline-block; padding:19px 38px; border:2px #efefef solid; cursor:pointer}
#product_listing_footer .ontop:hover {background-color:rgba(0 0 0 / 3%)}


#product_listing_selected_sorter {
	text-decoration:none;
	margin:0 30px 0 0; padding:10px 0; white-space:nowrap;
	cursor:default; font-family:Roboto, sans-serif; font-weight:700; color:var(--color-03-hex)
}

.product_listing_sort_btn {
	color:#999;
	background-color: transparent;
	border: none;
	cursor: pointer;
	text-decoration:underline; margin:0 30px 0 0; padding:10px 0; white-space:nowrap;
}



#product_listing_list {
}

.btn-listing-filter {
	background-color: #ffbfbf;
}

.btn-listing-filter:hover {
	background-color: #ffd8d8;
}

.btn-listing-filter .icon {
	background-color: #000000;
}



#product_listing_filter_area_top_buttons {
	padding: 5px;
	height: 55px;
}

#product_listing_filter_area_bottom_buttons {
	padding: 5px;
	height: 40px;
}

#product_listing_filter {
	height: calc(100% - 130px);
	overflow: auto;
}

.product_listing_filter_option,
.product_listing_filter_option_selected,
.product_listing_filter_option_disabled {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 5px;
	margin: 5px;
}

.product_listing_filter_option>label,
.product_listing_filter_option_selected>label,
.product_listing_filter_option_disabled>label {
	position: relative;top: 5px;
	padding: 2px;
}

.product_listing_filter_option_selected {
	background-color: #c9c9c9;
}

.product_listing_filter_option_disabled {
	opacity: 0.5;
}


.product_listing_list_products {
	display: grid;
	gap: 0px;
	justify-content: left;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	border-left: 1px solid #F3F3F3;
	border-top: 1px solid #F3F3F3;
}


.product_listing_item {
	background-color: #ffffff;
	padding: 10px;
	position: relative;
	border-right: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
}


.product_listing_item a {
	color: #343434;
}

.product_listing_item_images {
	height: 350px;
	text-align: center;
	position: relative;
}

.product_listing_item_images_main_image {
	width: 100%;
	height: 350px;
	position: absolute;
	top:0px;
	left: 0px;
	background-position: center center;
	background-size: 70% auto;
	background-repeat: no-repeat;
	transition: all;
	transition-duration: 0.5s;
}

.product_listing_item_images_thbs {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.product_listing_item_images_thbs_container {
	justify-content: center;
	display: grid;
	gap:10px;
	grid-template-columns: repeat(auto-fit, 50px);
	margin: 20px;
}

.product_listing_item_images_thb {
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px auto;
	border: 1px solid #c9c9c9;
	transition: all;
	transition-duration: 0.5s;
}

.product_listing_item_images_thb.selected {
	border: 1px solid #000000;
}

.product_listing_item_title {
	font-weight: bolder;
	overflow: hidden;
	height: 50px;
	text-align: center;
}

.product_listing_item_title a {
	text-decoration: none;
}

.product_listing_item_stickers {
	position: absolute;
	left: 5px;
	right: 5px;
}

.product_listing_item_stickers .discount {
	position: absolute;
	right: 0px;
	top: 0px;
	margin:10px 0 0 0;
	padding:7px 10px;
	background-color:var(--color-01-hex);
	color:#fff;
	font-size:14px
}

.product_listing_item_sticker {
	display: flex;
	gap: 5px;
	width: 120px;
	align-items: center;
	margin: 5px;
	opacity: 0.8;
}

.product_listing_item_sticker_image {
	padding: 3px;
	position: relative;
	width: 30px;
}

.product_listing_item_sticker_image img {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}


.product_listing_item_sticker_text {
	font-size: 0.8rem;
	width: 40px;
	padding: 5px;
}

.product_listing_availability {
	text-align: center;
}

.product_listing_item_price {
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #E61717;
}

.product_listing_item .free-delivery {
	color: #4BA4DD;
	font-weight: bolder;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.product_listing_item_price_standard {
	display: inline-block;
	padding: 5px;
	color: #999999;
	text-decoration: line-through;
}

.product_listing_item_price_final {
	display: inline-block;
	text-align: right;
	font-weight: bolder;
	padding: 5px;
	font-size: 1.4rem
}

.product_listing_item_buy_buttons {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	align-items: center;
}

.product_listing_item_buy_buttons .detail .icon {
	background-color: #c9c9c9;
}

.product_listing_item_buy_buttons .detail,
.product_listing_item_buy_buttons .select_variant,
.product_listing_item_buy_buttons .buy
{
	text-align: center;
	padding: 10px;
	font-weight: bolder;
	transition: all;
	transition-duration: 0.5s;
	justify-content: center;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.product_listing_item_buy_buttons .select_variant .icon,
.product_listing_item_buy_buttons .buy .icon
{
	background: #ffffff;
}

.product_listing_item_buy_buttons .detail {
	background-color: #ffffff;
	border: 1px solid #E1E1E1;
	color: #A0C41A;
}

.product_listing_item_buy_buttons .detail:hover {
	background-color: #f1f1f1;
}


.product_listing_item_buy_buttons .select_variant,
.product_listing_item_buy_buttons .buy
{
	background-color: #A0C41A;
	border: 1px solid #A0C41A;
	color: #ffffff;
}

.product_listing_item_buy_buttons .select_variant:hover,
.product_listing_item_buy_buttons .buy:hover
{
	background-color: #8ba918;
}




.product_listing_pagination  {
	display: flex;
	flex: 1 1 auto;
	padding:0 0 0 20px;
	gap: 2px;
	text-align:right;

	align-items: center;
	justify-content: right;
	padding-right: 20px;
}

.product_listing_pagination  span.page-item,
.product_listing_pagination  a.next-btn
{
	display:inline-block;
	margin:0 0 0 2px;
	padding:13px 16px;
	background-color:#4a4a4a;
	color:#fff;
	text-decoration:none;
}


.product_listing_pagination  a.page-item {
	display:inline-block;
	margin:0 0 0 2px;
	padding:13px 16px;
	text-decoration:none;
	background-color:#fff;
	color:#999;
	cursor: pointer;
}

.product_listing_pagination  a.page-item:hover {
	color:#000;
}






.product_listing_item_reviews {
	position: absolute;
	top: 10px;
	left: 10px;
	opacity: 1;
}

.product_listing_item_reviews .star
{
	color: #00b84b;
}






.dual-slider {
	padding-top: 20px;
	padding-left: 2%;
	padding-right: 2%;
	width: 96%;

}


.dial-slider-container {
	position: relative;
	min-height: 30px;
}

.dual-slider-range {
	position: absolute;
	-webkit-appearance: none;
	appearance: none;
	pointer-events: none;
	width: 100%;

	height: 3px;
	background-color: #C6C6C6;
}


.dual-slider-range::-webkit-slider-thumb
{
	-webkit-appearance: none;
	pointer-events: all;
	width: 24px;
	height: 24px;
	background-color: #2a0fb0;
	border-radius: 10%;
	box-shadow: 0 0 0 1px #C6C6C6;
	cursor: pointer;
}

.dual-slider-range::-moz-range-thumb {
	-webkit-appearance: none;
	pointer-events: all;
	width: 24px;
	height: 24px;
	background-color: #2a0fb0;
	border-radius: 10%;
	box-shadow: 0 0 0 1px #C6C6C6;
	cursor: pointer;
}


.dual-slider-range::-webkit-slider-thumb:hover {
	background: #2a0fb0;
}

.dual-slider-range::-webkit-slider-thumb:active {
	box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}


.dial-slider-values {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}

.dual-slider-status-from {
	text-align: left
}

.dual-slider-status-to {
	text-align: right
}

.dual-slider-from {
}

.categories {
	margin-top: 20px;
	margin-bottom: 20px;
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 0px;
	border-top: 1px solid #F6F6F6;
	border-left: 1px solid #F6F6F6;
}




.category {
	padding: 10px;
	background-color: #ffffff;
	border-right: 1px solid #F6F6F6;
	border-bottom: 1px solid #F6F6F6;
}

.category a {
	color: #000000;
	font-size: 1.1rem;
}

.category-image {
	position: relative;
	text-align: center;
	height: 150px;
}

.category-image img {
	max-width: 150px;
	max-height: 150px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.category .category-subcategories {
	padding: 10px;
}

.category-name {
	font-size: 1.4rem;
	text-align: center;
	font-weight: bolder;
	line-height: 1.5;
	height: 2lh;
}

.category-subcategory a {
	display: inline-block;
	color: #3f3f3f;
	margin: 5px;
	font-size: 1.2rem;
}


/*
.category-description>.image {
	grid-column: image;
	grid-row: span 2;
}
.category-description>.title {
	grid-column: title;
}
.category-description>.description {
	grid-column: description;
	color: #999999;
}

.category-description>.description a {
	color: #7e7e7e;
	text-decoration: underline;
}
*/

.category-description {
	display: grid;
	gap: 5px;
	grid-template-columns: 80px 1fr;
	align-items: center;
}




.category-description .image {
	padding: 20px;
	max-width: 150px;
	height: auto
}

.category-description .image img {
	max-width: 150px;
	height: auto
}

/*
@media screen and (width <= 1600px) {
	.category-description {
		display: none;
	}
}
 */

.product_detail_sticker {
	display: flex;
	gap: 5px;
	width: 120px;
	align-items: center;
	margin: 5px;
	opacity: 0.8;
	padding: 5px;
}

.product_detail_sticker_image {
	padding: 3px;
	position: relative;
	width: 30px;
}

.product_detail_sticker_image img {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}


.product_detail_sticker_text {
	font-size: 0.8rem;
	width: 40px;
	padding: 5px;
}


.hp-categories {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1px;
	border-top: 1px solid #F6F6F6;
	border-left: 1px solid #F6F6F6;
	margin: 10px;
}

.hp-categories .hp-category {
	background-color: #ffffff;
	border-right: 1px solid #F6F6F6;
	border-bottom: 1px solid #F6F6F6;

}

.hp-categories .hp-category>.name {
	display: grid;
	grid-template-columns: 50px 1fr;
	align-items: center;
	gap: 10px;
	padding: 10px;
}

.hp-categories .hp-category>.name a {
	color: #000000;
	font-weight: bolder;
}

.hp-categories .hp-category .subcategories {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.hp-categories .hp-category .subcategories a {
	color: #999999;
	text-decoration: underline;
	margin: 2px;
	margin-right: 4px;
	font-size: 15px;
}

.hp-categories .hp-category .subcategories a:hover {
	text-decoration: none;
	color: #000000;
}

.best-sellers {padding:15px 0 25px 0}
.best-sellers .top {font-size:21px; font-family:Roboto, sans-serif; font-weight:700; padding-bottom:20px; border-bottom:1px #edebeb solid}
.best-sellers .item {display:table; width:100%; padding:8px 0; border-bottom:1px #ddd dotted}
.best-sellers .item:last-child {border-bottom:0 none}
.best-sellers .item div {display:table-cell; vertical-align:middle}
.best-sellers .counter {width:15px}
.best-sellers .image {width:130px; text-align:center}
.best-sellers .title {padding-right:30px}
.best-sellers .title a {font-size:17px; font-family:Roboto, sans-serif; font-weight:700; color:#000; text-decoration:none}
.best-sellers .title a:hover {text-decoration:underline}
.best-sellers .availability {width:260px; font-size:14px; padding-right:30px}
.best-sellers .availability span {color:#90bf11}
.best-sellers .price {width:120px; text-align:right; color:var(--color-03-hex); font-size:18px; font-family:Roboto, sans-serif; font-weight:700; white-space:nowrap}


.category-video {display:flex; flex-wrap:wrap; background-color:#fff}
.category-video .item {position:relative; width:calc(100% / 3); padding-bottom:calc(56.25% / 3)}
.category-video .item::before {content:''; position:absolute; top:calc(50% - 7px); left:calc(50% - 3px); z-index:0; width:0; height:0; border-style:solid; border-width:8px 0 8px 12px; border-color:transparent transparent transparent #d3d3d3}
.category-video .item::after {content:''; position:absolute; top:calc(50% - 25px); left:calc(50% - 25px); z-index:0; width:50px; height:50px; border:1px #e9e9e9 solid; border-radius:100%}
.category-video .item iframe {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; width:100%; height:100%}

.category-video-2 {max-width:1280px; padding:20px 15px; margin:0 auto; background-color:#fff}
.category-video-2 .title {font-weight:700; padding-bottom:8px}
.category-video-2 .video {position:relative; padding-bottom:56.25%}
.category-video-2 .video iframe {position:absolute; top:0; left:0; width:100%; height:100%}

.category-manufacturer-banner {padding:10px 0; background-color:#fff}
.category-manufacturer-banner img {display:block; max-width:100%; margin:0 auto}


.category-header {display:flex; justify-content:space-between; align-items:flex-start; padding:40px 0 0 0}

.category-header .left {flex:1 1 60%; display:flex; padding:0}
.category-header .left .icon {flex:1 0 auto; width:50px; height:50px; padding:0 30px 0 0}
.category-header .left .icon img {max-width:100%}
.category-header .left .texts {}
.category-header .left .texts h1 {color:#000; font-size:32px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase}
.category-header .left .texts h1 span {display:block; font-size:20px}
.category-header .left .texts .description {padding:10px 0 0 0; font-size:14px; color:#999; line-height:1.5; overflow:hidden}
.category-header .left .texts .description a {color:var(--color-01-hex)}
.category-header .left .texts .description .description-visible {display:inline}
.category-header .left .texts .description .description-visible .description-hidden-mobile {display:inline}
.category-header .left .texts .description .description-hidden {display:none}
.category-header .left .texts .description .toggle {padding-top:2px}
.category-header .left .texts .description .toggle div {text-decoration:underline; font-size:13px; color:var(--color-01-hex); cursor:pointer; white-space:nowrap}
.category-header .left .texts .description .toggle div.text-a {display:inline}
.category-header .left .texts .description .toggle div.text-a::after {content:''; display:inline-block; margin-left:8px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid var(--color-01-hex); vertical-align:middle}
.category-header .left .texts .description .toggle div.text-b {display:none}
.category-header .left .texts .description .toggle div.text-b::after {content:''; display:inline-block; margin-left:8px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid var(--color-01-hex); vertical-align:middle}
.category-header .left .texts .description .toggle div:hover {text-decoration:none}
.category-header .left .texts .description.active {}
.category-header .left .texts .description.active .description-visible .dots {display:none}
.category-header .left .texts .description.active .description-hidden {display:inline}
.category-header .left .texts .description.active .toggle .text-a {display:none}
.category-header .left .texts .description.active .toggle .text-b {display:block}

.category-header .right {flex:1 1 auto;  display:flex; justify-content:space-between; margin-left:40px; background-color:#f6f6f6}
.category-header .right .count {flex:0 1 auto;  display:flex; align-items:center; padding:40px 0; font-family:Roboto, sans-serif; font-weight:700}
.category-header .right .count .pieces {padding:0 10px 0 35px; color:var(--color-01-hex); font-size:40px}
.category-header .right .count .text {padding-right:10px; color:#000; font-size:13px; line-height:15px}
.category-header .right .count .text span {display:block; font-size:18px}
.category-header .right .image {flex:0 1 153px; background-repeat:no-repeat; background-position:center center; background-size:100%; margin-right:20px}
.category-header .right .percentage {flex:0 1 153px; position:relative; background-repeat:no-repeat; background-position:right center; min-width:153px}
.category-header .right .percentage span {position:absolute; top:70px; right:30px; color:#fff; font-size:40px}

.categories-list {display:flex; flex-wrap:wrap; margin:25px auto 0 auto; box-shadow:inset 1px 1px 0 #f6f6f6}
.categories-list .box {position:relative; width:25%; box-shadow:inset -1px -1px 0 #f6f6f6; padding-bottom:20px}
.categories-list .box a.top {display:block; color:#231f20; text-decoration:none}
.categories-list .box a.top .image {display:flex; justify-content:center; align-items:center; padding:20px 30px}
.categories-list .box a.top .image img {max-width:100%; max-height:110px}
.categories-list .box a.top h2 {padding:0 20px; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; text-align:center}
.categories-list .box .bottom {text-align:center; padding:10px 15px}
.categories-list .box .bottom a.sub-title {display:inline-block; padding:3px 6px 3px 0; color:#999; font-size:14px}
.categories-list .box .bottom a.sub-title-all {display:inline-block; padding:3px 0; color:var(--color-01-hex); font-size:14px}
.categories-list .box .bottom a.sub-title-all span {display:inline-block; background:url(/templates/b2c/images/arrow-blue.png); width:6px; height:9px; margin-left:5px}
.categories-list.sub-list {}

.categories-list-2 {margin:25px auto 0 auto; text-align:center;  display:flex; flex-flow:wrap; justify-content:center; overflow:hidden; max-width:1288px}
.categories-list-2 .box {position:relative; vertical-align:top; background-color:#fff;  flex:0 0 25%; overflow:hidden}
.categories-list-2 a.image {display:block; margin:0 4px 8px 4px}
.categories-list-2 a.image img {width:100%}
.categories-list-2 a.title {position:absolute; right:0; bottom:20px; left:0; display:block; text-align:center; color:#fff; text-decoration:none; font-size:16px; padding:0 25px}
.categories-list-2 a.title span {display:inline-block; vertical-align:middle; height:60px}
.categories-list-2 a.title h2 {display:inline-block; vertical-align:middle}

.category-info {background-color:#fff; padding:30px 0;  display:flex}
.category-info > div {flex:1 0 33%; box-sizing:border-box}
.category-info > div:not(.product) {border-right:1px #ccc dotted}
.category-info .contact {}
.category-info .contact a {display:block; color:var(--color-02-hex); margin:20px 0}
.category-info .contact a:hover {text-decoration:none}
.category-info .help {}
.category-info .row {display:table; margin-bottom:15px}
.category-info .row div {display:table-cell; vertical-align:top; padding-right:12px}
.category-info .row span {display:block; width:20px; height:20px; line-height:23px; text-align:center; border:1px #ccc solid; border-radius:50%; color:#ccc}
.category-info .row a {display:table-cell; padding-top:2px; color:var(--color-02-hex)}
.category-info .row a:hover {text-decoration:none}
.category-info .product {}
.category-info .product a {display:block; color:#000; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none; margin:10px 0}
.category-info .title {padding:0 50px 15px 50px; font-size:18px; font-family:Roboto, sans-serif; font-weight:700}
.category-info .content {display:table; padding:0 50px; font-size:14px}
.category-info .icon {display:table-cell; width:76px; height:99px; background:url(/templates/b2c/images/poradime.jpg)}
.category-info .data {display:table-cell; color:#999; padding-left:20px}
.category-info .mail {display:inline-block; width:16px; height:11px; background-image:url(/templates/b2c/images/envelope.png); vertical-align:middle; margin-right:15px}
.category-info .phone {display:inline-block; width:16px; height:16px; background-image:url(/templates/b2c/images/phone.png); vertical-align:middle; margin-right:15px}
.category-info .image {display:table-cell; width:76px; height:92px; background-repeat:no-repeat; background-position:center center; background-size:80%}
.category-info .old {color:#666; font-size:13px; text-decoration:line-through; display:inline-block; margin-right:10px}
.category-info .price {color:var(--color-03-hex); font-size:17px; font-family:Roboto, sans-serif; font-weight:700}


.product-info {color:#231f20}
.product-info .gallery {position:relative; float:left; width:50%; box-shadow:inset -1px 0 0 #f3f3f3; padding-bottom:20px}
.product-info .products-3d-model {position:relative; z-index:0; margin:0px auto; max-width:535px; width:100%; height:550px}
.product-info .main {display:block; text-align:center; margin:70px 0 30px 0}
.product-info .main img {width:auto; max-width:80%; height:auto; max-height:80%}
.product-info .thumbs { display:flex; margin:40px 0 0 0;  justify-content:flex-end; flex-flow:wrap}
.product-info .thumb {flex:0 0 25%; text-align:center}
.product-info .thumb img {width:auto; max-width:90%; height:auto; max-height:90%}
.product-info .all {position:relative; flex:0 0 25%; color:var(--color-02-hex); text-align:center; vertical-align:top; cursor:pointer}
.product-info .all span {display:block; background-image:url(/templates/b2c/images/gallery-all.png); width:32px; height:33px; margin:5% auto 5%}
.product-info .all:hover {text-decoration:underline}
.product-info .hidden {display:none}
.product-info .stickers {position:absolute; top:50px; right:0; text-align:right}
.product-info .sticker-discount {display:inline-block; color:#fff; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; background-color:#b2d125; margin-bottom:18px; padding:7px 12px}
.product-info .sticker-delivery {display:inline-block; background-image:url(/templates/b2c/images/preview-delivery.png); width:32px; height:22px; margin:0 12px 18px 0}
.product-info .sticker-gift {display:inline-block; background-image:url(/templates/b2c/images/preview-gift.png); width:28px; height:28px; margin:0 12px 18px 0}
.product-info .property {display:inline-block; height:28px; margin:0 12px 18px 0}
.product-info .property img {max-height:100%}
.product-info .left-icons {position:absolute; top:50px; left:0}
.product-info .left-icons .tv-reklama {background-image:url(/templates/b2c/images/preview-tv.png); width:74px; height:58px; margin-bottom:20px}
.product-info .left-icons .free-delivery {width:75px; height:64px; margin-bottom:20px;background-size: 75px 64px;}
.product-info .unknown-info {font-size:22px; color:var(--color-03-hex); font-family:Roboto, sans-serif; font-weight:700; margin:80px 0; line-height:1.5}
.product-info .info {position:relative; float:right; width:50%; box-shadow:-1px 0 0 #f3f3f3; padding-bottom:30px}
.product-info .info > div {margin-left:50px}
.product-info .top {display:flex; padding:30px 0 25px 0}
.product-info .top .socials {}
.product-info .top .options {display:flex; align-items:center; padding:0 0 0 50px}
.product-info .top .options .link {font-size:15px; color:#999; text-decoration:underline; background:url(/templates/b2c/images/envelope-icon.png) 0 center no-repeat; min-height:19px; padding-left:26px; cursor:pointer; white-space:nowrap}
.product-info .top .options .link:hover {color:#000}
.product-info .top .options .questions {font-size:15px; color:#999; text-decoration:underline; background:url(/templates/b2c/images/info-bubble.png) 0 center no-repeat; min-height:19px; padding-left:24px; cursor:pointer; white-space:nowrap}
.product-info .top .options .questions:hover {color:#000}
.product-info h1 {font-size:34px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase}
.product-info .copy-benefits {position:absolute; background-color:var(--color-05-hex); padding:30px 75px 15px 30px; border:1px rgba(0 0 0 / 5%) solid; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.15); display:none}
.product-info .copy-benefits .arrow-line {font-size:15px; font-weight:bold; margin-bottom:15px}
.product-info .copy-benefits .arrow-line::before {content:""; background-image:url(/templates/b2c/images/check-green.png); width:13px; height:10px; vertical-align:middle; display:inline-block; margin-right:16px}
.product-info .copy-benefits .arrow-1 {position:absolute; top:-10px; left:90%; display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid rgba(0 0 0 / 5%); margin:0 0 -10px -10px}
.product-info .copy-benefits .arrow-2 {position:absolute; top:-9px; left:90%; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:9px solid var(--color-05-hex); margin:0 0 -9px -9px}
.product-info .copy-benefits .arrow-3 {position:absolute; bottom:0; left:10%; display:none; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid rgba(0 0 0 / 5%); margin:0 0 -10px -10px}
.product-info .copy-benefits .arrow-4 {position:absolute; bottom:0; left:10%; display:none; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid var(--color-05-hex); margin:0 0 -9px -9px}
.product-info .copy-benefits .close {position:absolute; top:4px; right:12px; cursor:pointer; font-size:21px}


.product-info .price {margin:25px 0 -10px 0; font-size:18px; font-family:Roboto, sans-serif; font-weight:700}
.product-info .final {color:var(--color-03-hex); font-size:32px}
.product-info .normal {text-decoration:line-through}
.product-info .row {display:flex; align-items:center; flex-flow:wrap}
.product-info .cell {padding:0 30px 15px 0; white-space:nowrap}
.product-info .ibod {background:url(/templates/b2c/images/ibod-68x32.png) 0 center no-repeat; height:32px; line-height:45px; margin-top:-25px; padding-left:75px; color:#818181}
.product-info .pre-actions {display:flex; flex-flow:wrap; width:100%; margin:25px 0 0 0; padding:5px 0 0 0; border-top:1px #dbdbdb dotted}
.product-info .pre-actions .availability {padding:20px 30px 0 0; color:#9fbe14; font-size:17px; font-weight:700}
.product-info .pre-actions .available {padding:20px 20px 0 0; font-weight:700; color:#000; text-decoration:underline; cursor:pointer}
.product-info .pre-actions .available:hover {text-decoration:none}
.product-info .benefits-variants { display:flex; flex-flow:wrap; padding:10px 0}
.product-info .benefits-variants > span {padding-top:25px}
.product-info .benefits-variants a {display:block; vertical-align:top; color:#231f20; font-size:13px; text-decoration:none; padding-top:25px}
.product-info .benefits-variants .icon {display:inline-block; vertical-align:middle}
.product-info .benefits-variants .text {display:inline-block; vertical-align:middle; padding:0 70px 0 12px; font-size:13px}
.product-info .benefits-variants [data-tooltip] {display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px; text-align:center; margin:-16px 10px 0 15px; border:1px #cfcfcf solid; border-radius:50%; color:#aaa; font-size:13px}
.product-info .shipping .icon {background:url(/templates/b2c/images/benefit-shipping.png); width:40px; height:26px}
.product-info .gift .icon {background:url(/templates/b2c/images/benefit-gift.png); width:31px; height:32px}
.product-info .compare {cursor:pointer}
.product-info .compare .icon {background:url(/templates/b2c/images/compare-icon-gray.png) center center no-repeat; width:32px; height:30px}
.product-info .warranty .icon {background:url(/templates/b2c/images/benefit-warranty.png); width:36px; height:36px}
.product-info .twisto .icon {background:url(/templates/b2c/images/benefit-twisto.png); width:40px; height:32px}
.product-info .actions {display:flex; flex-wrap:wrap; align-items:flex-start; background-color:#f6f6f6; margin:20px 0 15px 0; padding:30px}
.product-info .actions .left {}


.quantity .plus,
.quantity .minus {
	right: 0;
	display: block;
	background-color: #fff;
	line-height: 30px;
	color: #999;
	text-align: center;
	cursor: pointer;
	border: 1px #e8e6e6 solid;
	border-left: none;
}

.quantity .plus {
	grid-area: plus;
}
.quantity .minus {
	grid-area: minus;
	border-top: none;
}

.quantity input {
	grid-area: input;
}

.quantity {
	display: grid;
	grid-template:
			"input plus"
			"input minus";
	grid-template-columns: auto 36px;
}



.product-info .actions .form-button {display:flex}
.product-info .actions .form-button input[type=text] {vertical-align:top; border:1px #e8e6e6 solid; width:50px; font-size:17px; text-align:center; color:#231f20; padding:20px 0}
.product-info .actions .form-button button {border:none;background-color:var(--color-02-hex); background-image:url(/templates/b2c/images/button-cart.png); background-position:22px center; background-repeat:no-repeat; padding:20px 35px 20px 70px; color:#fff; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase; vertical-align:top}
.product-info .static {margin-top:30px; font-size:14px}
.product-info .static select {margin-left:10px}
.product-info .actions .right {padding:0 0 0 50px; font-size:15px}
.product-info .benefits {}
.product-info .benefits > span {display:block; vertical-align:top; font-size:13px; margin-bottom:25px}
.product-info .benefits > span:last-child {margin-bottom:0}
.product-info .benefits a {display:block; vertical-align:top; color:#231f20; font-size:13px; text-decoration:none}
.product-info .benefits .icon {display:inline-block; margin-right:10px; vertical-align:middle}
.product-info .benefits .text {display:inline-block; vertical-align:middle; padding:0}
.product-info .benefits .compare .text {text-decoration:underline}
.product-info .benefits .compare:hover .text {text-decoration:none}
.product-info .benefits [data-tooltip] {display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px; text-align:center; margin:0 10px; border:1px #cfcfcf solid; border-radius:50%; color:#aaa; font-size:13px}
.product-info .gifts {margin:20px 0 15px 0; font-size:15px}
.product-info .gifts > span {display:block; margin-bottom:10px; color:#666}
.product-info .gifts .gift-row { display:flex; align-items:center; background-color:#f6f6f6; margin-bottom:3px; padding:12px}
.product-info .gifts .gift-row.selected {background-color:#ffe6a4}
.product-info .gifts .gift-row span { flex:0 0 20px}
.product-info .gifts .gift-row a {color:#000; font-size:14px; text-decoration:none; padding-right:20px}
.product-info .gifts .image {vertical-align:middle; display:inline-block; padding-left:15px}
.product-info .gifts a {}
.product-info .manufacturer { display:flex;  justify-content:space-between; align-items:center; margin:10px 0}
.product-info .manufacturer .left {color:#999; font-size:14px}
.product-info .manufacturer .right { flex:1 0 50%; height:80px; background-repeat:no-repeat; background-position:right center; background-size:auto 100%}
.product-info .manufacturer a.name {color:#999; display:inline-block; margin-left:10px}
.product-info .manufacturer a.name:hover {color:#000}



.product-accessories {max-width:1280px; margin:0 auto; padding:25px 0; border-top:1px #f3f3f3 solid}
.product-accessories .title {display:inline-block; margin:0 0 25px 0; padding:0 2px 7px 0; border-bottom:2px var(--color-02-hex) solid; font-size:16px; font-weight:700}
.product-accessories .list {position:relative; padding:0 40px; box-sizing:border-box}
.product-accessories .list .swiper-container {position:initial}
.product-accessories .list .swiper-container .swiper-wrapper {height:auto}
.product-accessories .list .swiper-container .swiper-button-prev {left:0; z-index:1; width:auto; height:auto; padding:14px 8px; background-color:#000; color:#fff; outline:none}
.product-accessories .list .swiper-container .swiper-button-prev::after {font-size:18px; font-weight:700}
.product-accessories .list .swiper-container .swiper-button-next {right:0; z-index:1; width:auto; height:auto; padding:14px 8px; background-color:#000; color:#fff; outline:none}
.product-accessories .list .swiper-container .swiper-button-next::after {font-size:18px; font-weight:700}

.product-promo-before-tabs {max-width:1280px; margin:0 auto}
.product-promo-before-tabs-variants {max-width:1280px; margin:0 auto}

.product-tabs {padding:25px 0}
.product-tabs .titles {display:flex; flex-wrap:wrap}
.product-tabs .tab-title {position:relative; padding:10px 35px; box-sizing:border-box; font-size:17px; color:#999; font-family:Roboto, sans-serif; font-weight:700; cursor:pointer}
.product-tabs h2 {font-size:18px; color:#231f20; font-family:Roboto, sans-serif; font-weight:700; padding:50px 50px 40px 50px; border-bottom:1px #f3f3f3 solid}
.product-tabs .tab-title.selected {background-color:var(--color-01-hex); color:#fff; cursor:default}
.product-tabs .tab-title.selected span {position:absolute; bottom:0; left:50%; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid var(--color-01-hex); margin:0 0 -9px -9px}
.product-tabs .tab-title:not(.selected):hover {background-color:rgba(0 0 0 / 5%); color:#333}
.product-tabs .contents {background-color:#fff; margin-top:25px}
.product-tabs .tab-content {display:none}
.product-tabs .tab-content.selected {display:block}
.product-tabs .tc-description {padding:30px 50px; line-height:24px; font-size:15px}
.product-tabs .tc-description a {color:var(--color-01-hex)}
.product-tabs .tc-description a:hover {text-decoration:none}
.product-tabs .tc-description ul {margin:10px 0 20px 20px}
.product-tabs .tc-description .pdf {margin-top:30px}
.product-tabs .tc-description .pdf span {display:inline-block; vertical-align:middle; width:44px; height:46px; background-image:url(/templates/b2c/images/pdf-icon.png); margin-right:15px}
.product-tabs .tc-description .block {padding:0 0 35px 0; text-align:justify}
.product-tabs .tc-description .columns {display:flex; justify-content:space-between; align-items:center}
.product-tabs .tc-description .columns .left {padding-right:20px; padding-bottom:20px}
.product-tabs .tc-description .columns .right {padding-bottom:20px; padding-left:20px}
.product-tabs .tc-description .columns .image {}
.product-tabs .tc-description .columns .image img {display:block; margin:0 auto}
.product-tabs .tc-description .columns .text {padding-top:20px; text-align:center}
.product-tabs .tc-description .columns .text .heading {margin:0 0 15px 0; font-size:17px; font-weight:700}
.product-tabs .tc-description .break-line {height:1px; margin:20px 0; background-color:#eee}
.product-tabs .tc-params {padding:30px 0 0 0; color:#231f20; font-size:15px}
.product-tabs .tc-params .title {display:block; padding:0 50px 25px 50px; color:#000; font-family:Roboto, sans-serif; font-size:16px; font-weight:700}
.product-tabs .tc-params .param-description {display:flex; align-items:center; gap:10px; margin:0 50px 15px 50px; padding:18px; background-color:var(--color-04-hex); font-size:14px}
.product-tabs .tc-params .param-description img {}
.product-tabs .tc-params .list {display:grid; grid-template-columns:minmax(40%, max-content) auto; grid-gap:2px; margin:0 0 30px 0; padding:0 50px 30px 50px; border-bottom:1px #dfdfdf dotted}
.product-tabs .tc-params .list:last-child {margin:0; border:0 none}
.product-tabs .tc-params .list .label {padding:18px; background-color:#f6f6f6; font-weight:600}
.product-tabs .tc-params .list .properties {position:relative; display:flex; flex-wrap:wrap; gap:10px 20px; padding:18px 80px 18px 18px; background-color:#f6f6f6}
.product-tabs .tc-params .list .properties a {color:var(--color-01-hex); text-decoration:none}
.product-tabs .tc-params .list .properties a:hover {text-decoration:underline}
.product-tabs .tc-params .list .properties .property-description {position:absolute; top:15px; right:15px}
.product-tabs .tc-inclusion {padding:30px 0 20px 0}
.product-tabs .tc-inclusion.border-top {border-top:1px #dfdfdf dotted}
.product-tabs .tc-inclusion a {display:block; margin:0 0 30px 0; padding:0 50px 30px 50px; border-bottom:1px #dfdfdf dotted; font-size:15px; color:var(--color-01-hex); text-decoration:none}
.product-tabs .tc-inclusion a:last-child {margin-bottom:0; border:0 none}
.product-tabs .tc-inclusion span {display:flex; align-items:baseline; margin:0 20px 5px 0; line-height:1.5}
.product-tabs .tc-inclusion span > span {width:0; height:0; border-left:5px solid var(--color-02-hex); border-bottom:5px solid transparent; border-top:5px solid transparent; margin-right:10px}
.product-tabs .tc-inclusion span:hover {text-decoration:underline}


.product-tabs .tc-articles {padding:0 !important; background-color:#fff !important}
.product-tabs .tc-accessories {}
.product-tabs .tc-video {position:relative; padding-bottom:56.25%; margin-bottom:4px}
.product-tabs .tc-video iframe {position:absolute; top:0; left:0; width:100%; height:100%}

.product-tabs .products-listing { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; box-shadow:inset 0 -1px 0 #f3f3f3}
.product-tabs .products-listing .product {position:relative; flex:0 0 25%; border-bottom:1px #f3f3f3 solid; box-shadow:1px 0 0 #f3f3f3; text-align:center}
.product-tabs .products-listing .benefits {position:absolute; top:10px; right:0; z-index:1}
.product-tabs .products-listing .benefits .icons {text-align:right}
.product-tabs .products-listing .discount {display:inline-block; background-color:#b2d125; color:#fff; font-size:14px; margin-bottom:12px; padding:7px 10px}
.product-tabs .products-listing .delivery {display:inline-block; background-image:url(/templates/b2c/images/preview-delivery.png); width:32px; height:22px; margin:0 8px 12px 0}
.product-tabs .products-listing .gift {display:inline-block; background-image:url(/templates/b2c/images/preview-gift.png); width:28px; height:28px; margin:0 8px 12px 0}
.product-tabs .products-listing .rank {position:absolute; top:10px; left:15px}
.product-tabs .products-listing .rank .stars {background-image:url(/templates/b2c/images/star-rating-15.png); background-repeat:no-repeat; width:96px; height:15px; margin:5px 15px 0 0}
.product-tabs .products-listing a.image {position:relative; display:block; height:260px; text-decoration:none}
.product-tabs .products-listing a.image img {width:auto; max-width:70%; height:auto; max-height:70%; vertical-align:middle}
.product-tabs .products-listing .middle {display:inline-block; height:100%; vertical-align:middle}
.product-tabs .products-listing .availability {font-size:14px; padding-bottom:8px}
.product-tabs .products-listing .availability span {color:#90bf11}
.product-tabs .products-listing a.title {display:block; height:50px; line-height:25px; overflow:hidden; padding:0 15px; color:#231f20; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none; white-space:initial}
.product-tabs .products-listing .price {text-align:center; padding:15px 15px 20px 15px}
.product-tabs .products-listing .price .final {color:var(--color-01-hex); font-size:19px; font-family:Roboto, sans-serif; font-weight:700}
.product-tabs .products-listing .price .old {display:inline-block; margin-right:15px; font-family:Roboto, sans-serif; color:#999; font-size:13px; text-decoration:line-through}

.product-info-user-photos {max-width:1280px; margin:0 auto; padding:0 0 25px 0}
.product-info-user-photos .title {display:flex; padding:0 0 25px 0}
.product-info-user-photos .title .text {position:relative; padding:10px 40px; background-color:var(--color-01-hex); text-align:center}
.product-info-user-photos .title .text h3 {color:#fff; font-size:17px; font-weight:700}
.product-info-user-photos .title .text::after {content:''; position:absolute; bottom:0; left:50%; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid var(--color-01-hex); margin:0 0 -9px -9px}
.product-info-user-photos .swiper-container {}
.product-info-user-photos .swiper-container .swiper-wrapper {height:auto}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide {}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span {position:relative; display:block; padding-top:70%; background-color:#fff; background-size:cover; background-position:center}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span::before {content:''; position:absolute; top:50%; left:calc(50% - 12px + 2px); width:24px; height:4px; background-color:rgba(255 255 255 / 75%); box-shadow:0 0 10px rgba(0 0 0 / 80%); transition:all 200ms ease}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span::after {content:''; position:absolute; top:calc(50% - 12px + 2px); left:50%; width:4px; height:24px; background-color:rgba(255 255 255 / 75%); transition:all 200ms ease}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span:hover::before {background-color:#fff}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span:hover::after {background-color:#fff}

.product-accessories {max-width:1280px; margin:0 auto; padding:25px 0; border-top:1px #f3f3f3 solid}
.product-accessories .title {display:inline-block; margin:0 0 25px 0; padding:0 2px 7px 0; border-bottom:2px var(--color-02-hex) solid; font-size:16px; font-weight:700}
.product-accessories .list {position:relative; padding:0 40px; box-sizing:border-box}
.product-accessories .list .swiper-container {position:initial}
.product-accessories .list .swiper-container .swiper-wrapper {height:auto}
.product-accessories .list .swiper-container .swiper-button-prev {left:0; z-index:1; width:auto; height:auto; padding:14px 8px; background-color:#000; color:#fff; outline:none}
.product-accessories .list .swiper-container .swiper-button-prev::after {font-size:18px; font-weight:700}
.product-accessories .list .swiper-container .swiper-button-next {right:0; z-index:1; width:auto; height:auto; padding:14px 8px; background-color:#000; color:#fff; outline:none}
.product-accessories .list .swiper-container .swiper-button-next::after {font-size:18px; font-weight:700}




/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/


@media only screen and (max-width:1600px) {
	.category-header {padding:25px 20px 0 40px}
	.categories-list {margin:20px auto 0 auto; box-shadow:inset 0 1px 0 #f6f6f6, inset 0 -1px 0 #f6f6f6}
	.categories-list-2 {margin:20px 36px 0 36px}
	.banners-category a.banners img.desktop {max-width:calc(100% - 40px)}
	.product-info {padding:0 40px}
	.product-accessories {max-width:initial; padding:25px 40px}
	.product-promo-before-tabs {max-width:initial}
	.product-promo-before-tabs-variants {max-width:initial}
	.product-info-user-photos {max-width:initial; padding:0 40px 25px 40px}
	.product-tabs {padding:25px 40px}
}


@media only screen and (max-width:1280px) {
	.product-info .price {margin:15px 0 -10px 0}
	.product-info .cell {padding:0 30px 5px 0}
	.product-info .ibod {margin-top:-16px}
	.product-info .stickers {top:30px}
	.product-info .sticker-discount {top:30px; right:30px}
	.product-info .actions .right {width:100%; padding:35px 0 0 0}
}


@media only screen and (max-width:1200px) {
	.category-info {flex-flow:wrap}
	.category-info > div { flex:1 0 auto}
	.category-info > div.help {border:0 none}
	.category-info > div.product {border-top:1px #ccc dotted; margin:30px 30px 0 30px; padding-top:30px;  flex:1 0 calc(100% - 60px)}
	.category-info > div.product .title {padding:0 20px 15px 20px}
	.category-info > div.product .content {padding:0 20px}
	.category-info .data {padding-left:40px}
	.category-info .image {width:86px; height:104px; background-size:100%}

	.product-tabs .tab-title {padding:15px 25px}

	.product-info .thumb { flex:0 0 50%; margin-top:20px}
	.product-info .all { flex:0 0 50%}
	.product-info .ibod { flex:0 0 100%; margin:0 0 20px 0}
}

@media only screen and (max-width:1180px) {
	.product-info .info > div {margin-left:30px}


}


@media only screen and (max-width:1080px) {
	.categories-list .box {width:calc(100% / 3)}
	.categories-list-2 .box { flex:0 0 calc(100% / 3)}

	.category-header .left .icon {padding:0 20px 0 0}
	.category-header .right {display:none}
	.product-accessories .list {padding:0 30px}


	.best-sellers .availability {width:200px}


	.product-accessories .list {padding:0 30px}
	.product-tabs .products-listing .product {flex:0 0 calc(100%/3)}


}

@media only screen and (max-width:1020px) {
	.product-tabs .tab-title {padding:15px 15px}
	.product-tabs .tab-title.selected span {display:none}
}

@media only screen and (max-width:980px) {
	.category-header {padding:25px 20px 0 20px}
	.categories-list-2 {margin:20px 16px 0 16px}
	.category-video .item {width:100%; padding-bottom:56.25%}

	.product-info {padding:0 15px}
	.product-info .info {padding-bottom:10px}
	.product-info .info > div {margin-left:20px}
	.product-info .top {padding:20px 0 15px 0}
	.product-info .stickers {top:20px}
	.product-info .sticker-discount {top:20px; right:20px}

	.product-accessories {padding:25px 15px 15px 15px}
	.product-accessories .title {margin:0 0 20px 0}

	.product-tabs {padding:0}
	.product-tabs .contents {margin-top:0}
	.product-tabs h2 {padding:30px 30px 20px 30px}
	.product-tabs .tc-description {padding:20px 30px}
	.product-tabs .tc-params {padding:20px 0 10px 0}
	.product-tabs .tc-params .title {padding:0 30px 20px 30px}
	.product-tabs .tc-params .param-description {margin:0 30px 15px 30px}
	.product-tabs .tc-params .list {padding:0 30px 30px 30px}
	.product-tabs .tc-inclusion {padding:20px 0 10px 0}
	.product-tabs .tc-inclusion a {margin:0 0 20px 0; padding:0 30px 10px 30px}
	.product-tabs .tc-reviews {padding:20px 0 30px 0}
	.product-tabs .tc-reviews .overview {margin:0 30px}
	.product-tabs .tc-reviews .list .post > div {margin:0 30px}
	.product-tabs .tc-questions {padding:20px 0 30px 0}
	.product-tabs .tc-questions .overview {margin:0 30px}
	.product-tabs .tc-questions .list .post > div {margin:0 30px}
	.product-info-user-photos {padding:0}
	.product-info-user-photos .title {padding:20px}
	.product-info-user-photos .title .text {padding:15px 20px}
	.product-info-user-photos .title .text::after {display:none}

	.category-info > div { flex:1 0 calc(100% - 60px)}
	.category-info > div.contact {border-right:0 none; border-bottom:1px #ccc dotted; margin:0 30px 30px 30px; padding-bottom:30px}
	.category-info > div.contact .title {padding:0 20px 15px 20px}
	.category-info > div.contact .content {padding:0 20px}


}

@media only screen and (max-width:940px) {
}

@media only screen and (max-width:920px) {
}

@media only screen and (max-width:860px) {
	.categories-list .box .bottom a.sub-title {padding:6px 6px 6px 0}
	.categories-list .box .bottom a.sub-title-all {padding:6px 0}

	.product-info .gallery {float:none; width:100%; box-shadow:none; border-bottom:1px #f3f3f3 solid}
	.product-info .main {margin:0}
	.product-info .info {float:none; width:100%; box-shadow:none}
	.product-info .info > div {margin:20px 0 0 0}
	.product-info .thumb { flex:0 0 25%; margin-top:0}
	.product-info .all { flex:0 0 25%}
	.product-info .copy-benefits .arrow-1 {display:none}
	.product-info .copy-benefits .arrow-2 {display:none}
	.product-info .copy-benefits .arrow-3 {display:block}
	.product-info .copy-benefits .arrow-4 {display:block}
	.product-info .actions .right {width:auto; padding:0 0 0 50px}

	.product-tabs .tab-title {font-size:15px; font-family:Roboto, sans-serif}

	.product-info-user-photos .title .text h3 {font-size:15px}

	.banners-category a.banners  img.desktop {display:none}
	.banners-category a.banners  img.mobile {display:block}

}

@media only screen and (max-width:820px) {
	.categories-list-2 .box { flex:0 0 50%}

	.product-tabs .products-listing .product {flex:0 0 50%}

	.product-tabs .tc-description .columns {flex-wrap:wrap; align-items:flex-start}
	.product-tabs .tc-description .columns .left {width:100%; padding:0 0 20px 0}
	.product-tabs .tc-description .columns .right {width:100%; padding:0 0 20px 0}
	.product-tabs .tc-description .columns .image {order:-1}
	.product-tabs .tc-description .columns .image img {max-width:100%}

	.products-3d-model-popup .content .container .close {top:-57px; right:0}
}


@media only screen and (max-width:780px) {
	.product-tabs .tab-title {flex:1 0 auto; width:50%; text-align:center; border-bottom:3px #fff solid}
	.product-tabs .tab-title:nth-child(even) {border-left:3px #fff solid}
	.product-tabs #question-popup .content-question {padding:30px 20px}

	.product-tabs h2 {padding:30px 20px 20px 20px}
	.product-tabs .tc-description {padding:20px}
	.product-tabs .tc-params .title {padding:0 20px 20px 20px}
	.product-tabs .tc-params .param-description {margin:0 20px 15px 20px}
	.product-tabs .tc-params .list {padding:0 20px 20px 20px}
	.product-tabs .tc-inclusion a {padding:0 20px 10px 20px}
	.product-tabs .tc-reviews .overview {margin:0 20px}
	.product-tabs .tc-reviews .list .post > div {margin:0 20px}
	.product-tabs .tc-questions .overview {margin:0 20px}
	.product-tabs .tc-questions .list .post > div {margin:0 20px}
}


@media only screen and (max-width:720px) {
	.category-header .left .texts .description .description-visible .description-hidden-mobile {display:none}
	.category-header .left .texts .description.active .description-visible .description-hidden-mobile {display:inline}
}

@media only screen and (max-width:680px) {
	.categories-list .box {width:50%}
	.categories-list .box a.top h2 {font-size:17px}
	.products-listing .ontop {order:1; text-align:center}
	.products-listing .bottom .pagination {width:100%; margin-bottom:25px; text-align:center}

	.product-tabs #question-popup .content-question > div {display:block}
	.product-tabs #question-popup .content-question > div > div:first-child {text-align:left}
}


@media only screen and (max-width:640px) {
	.product-info .thumb { flex:0 0 50%; margin-top:20px}
	.product-info .all { flex:0 0 50%}
	.product-tabs .tc-reviews .list .columns > div { flex:0 0 100%; margin-bottom:20px; max-width:none}
}

@media only screen and (max-width:600px) {
	.product-info .actions {padding:15px}
	.product-info .actions .right {padding:10px 0 10px 35px}
	.product-info .manufacturer {display:block; justify-content:initial; text-align:center}
	.product-info .manufacturer .right {display:none}
	.product-info .benefits-variants {border-bottom:1px #ccc dotted; padding-bottom:30px}

	.product-info-user-photos .title .text {width:100%}

}


@media only screen and (max-width:560px) {
	.product-info .actions .right {width:100%; padding:35px 0 0 0}

	.product-tabs .tc-params .list {grid-template-columns:1fr}
	.product-tabs .tc-params .list .properties {background-color:#fff}
	.product-tabs .tc-reviews .list .verified {margin-top:15px}
	.product-tabs .tc-questions .info {display:block; margin:0 0 15px 0}
}

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

	.product-tabs .products-listing .product {flex:0 0 100%}

	.product-info-user-photos .title {padding:10px}
}

@media only screen and (max-width:500px) {
	.category-header .left .icon {width:30px; height:30px; padding:2px 15px 0 0}
	.category-header .left .texts h1 {font-size:27px}
	.category-header .left .texts .description {padding:6px 0 0 0}

	.product-info .top {flex-wrap:wrap; padding:5px 0 25px 0}
	.product-info .top .options {width:100%; padding:30px 0 0 0}

}

@media only screen and (max-width:480px) {
	.categories-list-2 .box { flex:0 0 100%}
	.categories-list-2 a.image {display:block; margin:0 4px 4px 4px}
	.category-info .icon {display:none}
	.category-info .data {padding-left:0}
}

@media only screen and (max-width:460px) {
	.categories-list.sub-list .box {width:100%}
}


@media only screen and (max-width:380px) {
	.product-info .actions {background-color:initial; padding:0 0 20px 0; border-bottom:1px #ccc dotted}
	.product-info .actions .form-button input[type=button] {padding:20px 25px 20px 65px}
}

a.listing-product-item-min {display:flex; align-items:center; text-decoration:none}
a.listing-product-item-min .image {display:flex; justify-content:center; align-items:center; width:70px; min-width:70px; height:70px}
a.listing-product-item-min .image img {max-width:100%}
a.listing-product-item-min .name {padding:0 0 0 10px; font-size:14px; font-weight:700; color:#000; line-height:1.4}
a.listing-product-item-min:hover .name {text-decoration:underline}

@media only screen and (max-width:660px) {
	a.listing-product-item-min .name {font-size:13px}
}


.listing-tabs {position:relative}
.listing-tabs .loading {position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; display:flex; justify-content:center; align-items:center; background-color:#fff}
.listing-tabs .loading .preloader-circle {width:64px; height:64px; border:5px solid rgba(0 0 0 / 10%); border-top:5px solid var(--color-02-hex)}
.listing-tabs .titles {display:flex}
.listing-tabs .titles .tab-title {position:relative; padding:10px 40px; cursor:pointer}
.listing-tabs .titles .tab-title.selected {background-color:var(--color-01-hex); cursor:default}
.listing-tabs .titles .tab-title.selected::after {content:''; position:absolute; bottom:0; left:50%; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid var(--color-01-hex); margin:0 0 -9px -9px}
.listing-tabs .titles .tab-title h3 {font-size:17px; color:#999; font-weight:700}
.listing-tabs .titles .tab-title.selected h3 {color:#fff}
.listing-tabs .titles .tab-title:not(.selected):hover {background-color:rgba(0 0 0 / 5%)}
.listing-tabs .titles .tab-title:not(.selected):hover h3 {color:#333}
.listing-tabs .line {width:100%; height:1px; margin:25px 0 0 0; background-color:#f3f3f3}
.listing-tabs .contents {background-color:#fff}
.listing-tabs .contents .products-listing-tabs.swiper-container {position:relative; display:none; box-shadow:inset 1px 0 0 #f3f3f3, inset -1px 0 0 #f3f3f3}
.listing-tabs .contents .products-listing-tabs.swiper-container.selected {display:block}
.listing-tabs .contents .products-listing-tabs.swiper-container .swiper-wrapper {height:auto}
.listing-tabs.listing-tabs-white {background-color:#fff; padding:40px 0 0 0}
.listing-tabs.listing-tabs-cart {padding:30px 0 0 0; border-bottom:1px #f3f3f3 solid}
.listing-tabs.listing-tabs-product-info {border-bottom:1px #f3f3f3 solid}
.listing-tabs.listing-tabs-search-empty {padding:30px 0 0 0; border-bottom:1px #f3f3f3 solid}


.listing-product-item {position:relative; box-sizing:border-box; border-right:1px #f3f3f3 solid;width: 320px;}
.listing-product-item a.image {display:flex; justify-content:center; align-items:center; width:100%; height:260px; margin:0 0 10px 0}
.listing-product-item a.image img {width:auto; max-width:100%; height:auto; max-height:100%}
.listing-product-item .availability {padding:0 0 8px 0; color:#90bf11; font-size:14px; text-align:center}
.listing-product-item a.name {display:block; height:40px; margin:0 0 12px 0; padding:0 15px; box-sizing:border-box; text-align:center; text-decoration:none; color:#000; font-size:17px; font-weight:600; line-height:1.2; overflow:hidden}
.listing-product-item a.name:hover {text-decoration:underline}
.listing-product-item .free-delivery {height:18px; color:#4ba4dd; font-size:12px; font-weight:700; text-transform:uppercase; text-align:center}
.listing-product-item .prices {display:flex; justify-content:center; align-items:baseline; padding:5px 10px 15px 10px}
.listing-product-item .prices .old {padding:0 15px 0 0; color:#999; font-size:13px; text-decoration:line-through}
.listing-product-item .prices .real {color:var(--color-03-hex); font-size:19px; font-weight:700}
.listing-product-item .left {position:absolute; top:0; left:15px; z-index:1}
.listing-product-item .left .rank {margin:15px 0 0 0}
.listing-product-item .left .tv-reklama {margin:15px 0 0 0; background-image:url(/templates/b2c/images/preview-tv.png); width:74px; height:58px}
.listing-product-item .left img.ma-icon {display:block; max-width:75px; margin:15px 0 0 0}
.listing-product-item .left .letak {margin:15px 0 0 0; background-image:url(/templates/b2c/images/top_bar_letak_icon.png); width:42px; height:38px}
.listing-product-item .right {position:absolute; top:0; right:0; z-index:1; display:flex; flex-wrap:wrap; justify-content:flex-end; max-width:70px}
.listing-product-item .right .discount {display:block; margin:10px 0 0 0; padding:7px 10px; background-color:var(--color-01-hex); color:#fff; font-size:14px}
.listing-product-item .right .gift {margin:15px 12px 0 0; background:url(/templates/b2c/images/preview-gift.png); width:28px; height:28px}
.listing-product-item:only-child {min-width:320px}


.delivery-popup .content-delivery {padding:20px}
.delivery-popup .green {background-color:#ddfcac; margin:-10px 0 20px 0; padding:15px}
.delivery-popup .green span {display:inline-block; background:#90bf11 url(/templates/b2c/images/check.png) center center no-repeat; width:22px; height:22px; border-radius:11px; vertical-align:middle; margin-right:20px}
.delivery-popup .row {display:flex; border-bottom:1px #bebebe dotted; padding:20px 0}
.delivery-popup .cell {flex:0 0 50%}
.delivery-popup .left {font-size:15px}
.delivery-popup .right {font-size:14px; color:#999}
.delivery-popup .right span {color:var(--color-03-hex); font-size:15px; font-family:Roboto, sans-serif; font-weight:700; display:inline-block; margin-right:10px}
.delivery-popup .bottom {color:#999; font-size:14px; margin-top:30px; line-height:22px}





.product-info .variants-title {
	font-weight: bolder;
	padding: 10px;
}


.product-info .variants {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin-bottom: 20px;
}

.product-info .variants .variant .img {
	grid-area: image;
}

.product-info .variants .variant .img img {
	width: 90%;
	height: auto;
	text-align: center;
	padding: 0px;
}


.product-info .variants .variant .name {
	grid-area: name;
	padding: 10px;
	font-weight: bolder;
	text-transform: capitalize;

}

.product-info .variants .variant .avl {
	grid-area: avl;
	font-size: 0.8rem;
}

.product-info .variants .variant .price {
	grid-area: price;
	border: 1px solid purple;
}


.product-info .variants .variant {
	align-items: center;
	gap: 0px;
	border: 1px solid #d5d5d5;
	display: grid;
	grid-template:  "image name"
					"image avl";
	grid-template-columns: 100px 1fr;
	grid-template-rows: auto auto;
}


.product-info .variants .variant {
	opacity: 0.5;
	cursor: pointer;
}

.product-info .variants .variant-selected {
	background-color: #ffffff;
	border: 2px solid #c9c9c9;
	opacity: 1;
}

.product-info .variants .variant-selected .name {
	font-weight: bolder;
	font-size: 1.1rem;
}