@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}
html {
	font-family: 'Montserrat', sans-serif!important;
}
body {
	overflow-x: hidden;
}
body.category-page {
    overflow-x: clip !important; 
}
.topbar_menu {
	padding: 10px 0px;
}
.topbar_menu li {
	display: inline-block;
	line-height: 20px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #dedede;
}
.topbar_menu .fa {
	color:#000;
}
.topbar_menu li a {
	color: #8d8d8d;
}
.topbar_menu li a:hover {
	color: #ff6f00;
	text-decoration: none;
}
.topbar_menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
footer {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #dedede;
	padding: 40px 0px;
}
footer h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #333;
}
footer a {
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    color: #333;
}
footer ul li a {
	font-size: 14px;
	color: #a3a3a3;
}
footer ul li a:hover {
	color: #ff6f00
}
.upperFooter {
	color: #a3a3a3;
	padding: 10px 0px;
}
.btn {
	margin: 20px 0px;
	padding: 0 50px;
	height: 55px;
	line-height: 55px;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	background: #000;
}
.sub-error { 
	color: #a3a3a3;
	font-size: 18px;
}
.main-error {
	font-size: 30px;
	color: #000;
	font-weight: 500;
}
.search-form {
	width: 100%;
	height: 47px;
	display: flex;
	position: relative;
	background: #fff;
	border-radius: 3px;
	padding: 5px;
	border: 2px solid #fdb813;
	#margin-top: -15px;
}
.search-form .search-box {
	width: 100%;
	padding-right: 67px;
}
.basket {
	position: relative;
}
.basket svg {
	height: 50px;
	width: 50px;
}
.search-form input {
	border: 0;
	padding: 0;
	line-height: 35px;
	width: 100%;
	padding-left: 20px;
	color: #9e9e9e;
}
.search-form input:focus-visible {
	outline:0px none transparent;
}
.search-form button {
	background:  #fdb813;
	color: #fff;
	margin-left: 10px;
	font-size: 0;
	border: none;
	padding: 4px 25px;
	height: 43px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.search-form button:hover {
	opacity:0.8;
}
.menu {
	background: #1f1f1f;
}
.menu .category {
	width: 100%;
	position: relative;
	z-index: 1;
}
.menu .category ul.main-menu {
	position: absolute;
	width: 100%;
}
.menu .category .header {
	color: #333;
	font-size: 20px;
	position: relative;
	padding: 9px;
	text-align: right;
	padding-right: 18px;
	display: none;
}
.menu .category .header:before {
	content: "\f036";
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 50px;
	font: normal normal normal 24px/2 FontAwesome !important;
	text-align: center;
	color: #222;
	
}
.menu .category ul.main-menu li {
	float: unset;
	position: relative !important;
	list-style: none;
	background: #fff;
	float:left;
}
/*
.menu .category ul.main-menu li:hover {
	border-left: 1px solid #ff6f00;
}
*/
.menu .category ul.main-menu li a {
	font-family: 'Roboto Condensed', sans-serif !important;
	margin: 0;
	width: 100%;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	white-space: normal;
	color: #939393;
	position: relative;
	padding: 11.2px 8px;
	display: inline-block;
	line-height: 1.2; !important; 
  
}
.menu .category ul.main-menu li a:hover {
	color: #ff6f00;
	text-decoration: none;
}
.menu .category ul.main-menu li ul.child {
	display: none;
	position: absolute;
	width: 250px;
	z-index:1;
	left: 10px;
	top: 40px;
	background: #fff;
}
.menu .category ul.main-menu li ul.child li {
	border: none;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
.benefits {
	margin-bottom: 30px;
}
.benefits .content {
	padding: 45px 15px 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #dfdfdf;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.benefits .title {
	font-size: 16px;
	font-weight: 600;
}
.benefits .subtitle {
	font-size: 15px;
	color: #a3a3a3;
	line-height: 30px;
}
.benefits svg {
	height: 60px;
	width: auto;
	fill: #ff6f00;
}
.banner-items {
	margin-bottom: 30px;
	display: flex;
}
.banner-items .banner {
	position: absolute;
	top: 120px;
	width: 100%;
	max-width: 477px;
	left: 0;
}
.banner-items .banner-item-big {
	position: relative;
	overflow: hidden;
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
	flex: 1;
}
.banner-items .banner-item-big img {
	width: auto;
	height: 100%;
}
.banner-items .banner_wraper {
	position: absolute;
	width: 100%;
	max-width: 477px;
	left: 0;
	padding: 35px 0;
    padding-left: 0px;
	padding-left: 45px;
	clip-path: polygon(83% 0,100% 34%,100% 100%,0 100%,0 0);
	background: #ff6f00;
}
.banner-items .banner.right {
	left: auto;
	right: 0px;
}
.banner-items .item:last-child, .banner-items .item:nth-last-child(2) {
	margin-bottom: 0px;
}
	
.banner-items .banner.right:after {
	border-left-color: rgb(0, 0, 0);
	right: -5px;
	left: auto;
	border-right-color: transparent;
}
.banner-items .banner.right .banner_wraper {
	clip-path: polygon(100% 0%, 100% 53%, 100% 100%, 0 100%, 0% 50%, 15% 0%);
}

.banner-items .banner:after {
	content: "";
	position: absolute;
	top: -13px;
	border-style: solid;
	border-width: 7px 10px;
	border-color: #000;
		border-top-color: rgb(0, 0, 0);
		border-left-color: rgb(0, 0, 0);
	left: -5px;
	border-left-color: transparent;
	border-top-color: transparent;
}
.banner-items .subtitle {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}
.banner-items .title {
	color: #fff;
	font-size: 36px;
	margin: 0 0 5px;
}
.banner-items .banner-item-smaller {
	padding: 0px;
	flex: 1;
}
.banner-items img {
	width: 100%;
	transition: opacity 1s ease 0s,transform 1s ease 0s;
}
.banner-items img:hover {
	filter: alpha(opacity=80);
	transform: scale3d(1.1,1.1,1);
}
.banner-items h2 {
	font-size: 24px;
	margin: 25px 0 5px;
}
.banner-items p {
	font-size: 16px;
	color: #a3a3a3;
}
.banner-items .item {
	margin-bottom: 20px;
}
.banner-items a {
	height: 100%;
	display: block;
	overflow: hidden;
}
.basketCount {
	top: -42px;
	right: -5px;
	border: 2px solid white;
	padding: 3px 6px;
	z-index: 0;
	background: #000;
	position: absolute;
	border-radius: 50px;
	color: #fff;
	height: 23px;
	width: 23px;
	font-size: 11px;
}
#basketPrice {
	font-size: 16px;
    padding-right: 0;
    vertical-align: middle;
    font-weight: 600;
	position: relative;
	top: -20px;
}
#basketPrice:hover {
	color: #fdb813;
}
.basket svg:hover { 
	fill: #fdb813;
}
.top .right-side {
	text-align: right;
}
.menu {
	background: #f9fbfc;
	border-top: 1px solid #ddd;
}
.top .right-side .phone-link {
	margin-right: 20px;
	position: relative;
	top: 5px;
}
.top .right-side .basket img {
	float: right;
}
.top .right-side i {
	font-size: 40px !important;
	color: #ff6f00;
}
.top .phone-number {
	position: relative;
	top: -9px;
	margin-left: 10px;
	color: #000;
	font-size: 17px;
}
.btn:hover {
	background: #ff6f00;
	color: #fff;
}

.cd-slider {
	position: relative;
	width: 100%;
	height: 65rem;
	overflow: hidden;
	margin-bottom: 10px;
	top: -20px;
}
.cd-slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s 1s;
  will-change: visibility;
}
.cd-slider .image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	clip: rect(0, 80rem, 50rem, 80rem);
	transition: clip .5s cubic-bezier(0.99, 0.01, 0.45, 0.9) .5s;
  will-change: clip;
}
.cd-slider .container {
	width: 100%;
	height: 100%;
	padding: 2rem 0 0 2rem;
	font-size: 9rem;
	text-align: left;
	padding-left: 300px;
}
.cd-slider .container h2 {
	text-overflow: ellipsis;
	overflow: hidden;
	transform: translateY(-30%);
	opacity: 0;
	transition: transform .5s, opacity .5s;
	will-change: transform, opacity;
	color: #fff;
}
.cd-slider .container a {
	display: inline-block;
	font-size: 2rem;
	text-transform: lowercase;
	padding: 1.5rem;
	opacity: 0;
	transform: translateY(-100%);
	transition: transform .5s .1s, opacity .5s .1s;
	will-change: transform, opacity;
	background: rgb(60, 175, 65);
	color: #fff;
}
.cd-slider .container a:hover {
	text-decoration: none;
}
/* Current Slide 
-------------------------------------*/
.cd-slider li.current {
	visibility: visible;
	transition-delay: 0s;
}
.cd-slider li.current .image {
	clip: rect(0, 80rem, 50rem, 0);
}
.cd-slider li.current .container h2 {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1s;
}
.cd-slider li.current .container a {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1.1s;
}
/* Prev Slide 
------------------------------------*/
.cd-slider li.prev_slide .image {
	clip: rect(0, 0, 50rem, 0);
}
.cd-slider nav {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	z-index: 2;
	padding: 10px;
}
.cd-slider .prev, .next, .counter {
	vertical-align: middle;
}
.cd-slider .prev, .next {
	position: relative;
	display: inline-block;
	height: 5rem;
	width: 5rem;
  border: 0;
  cursor: pointer;
  background: transparent;
}
.cd-slider .prev::before, .next::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border: .8rem solid transparent;
	border-right-width: 1rem;
	border-right-color: #fff;
	border-left-width: 0;
	width: 0;
	height: 0;
}
.cd-slider .prev::after, .next::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateZ(0);
	left: .5rem;
	background: #fff;
	height: .1rem;
	min-height: 1px;
	width: 2.5rem;
	transition: width .3s;
}
.cd-slider .next::before {
	right: 0;
  left: auto;
	border-left-width: 1rem;
	border-left-color: #fff;
	border-right-width: 0;
}
.cd-slider .next::after {
	right: .5rem;
	left: auto;
}
.cd-slider .counter {
	display: inline-block;
	font-size: 4rem;
	font-family: serif;
	font-style: italic;
	color: #fff;
}
.cd-slider .counter span:last-child::before {
	content: '/';
	margin: 0 1rem;
}
.cd-slider .prev:hover::after, .next:hover::after {
	width: 3.5rem;
}
.row-gray {
	background: #f9fbfc;
	padding: 50px 0px;
}
.form-contact, .form-order {
	margin: 0px 80px 0px 80px;
    padding: 30px 30px 30px 30px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.11);
	z-index: 2;
    position: relative;
}
.form-contact-image {
	position: absolute;
	top: 0px;
	width: 85%;
	left: 50px;
}
.form-contact input, .form-contact textarea, .form-confirm textarea,
.form-order input, .form-order textarea {
	font-size: 0.8rem;
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 2.5;
	color: #495057;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin: 10px 0px;
	max-width: 100%;
}
input:focus, textarea:focus {
	outline:0px none transparent;
}
.contact-page p, .order-page p {
	color: #8b8e92;
	font-size: 18px;
	line-height: 27px;
}
.form-contact input[type="submit"], .button {
	background: #0051FF !important;
	background-color: #0051FF !important;
	border:1px solid #0051FF;
	color: #ffffff !important;
	padding: 11px 30px 11px 30px;
	margin-top: 20px;
	float:right;
	width: auto;
	border-radius: .25rem;
}
.contact-page .title, .order-page .title {
	color: #233D63;
	font-size: 50px;
	font-weight: 700;
}
.wrapper {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.wrapper b {
	color: #233D63;
	padding: 25px 0 35px;
	font-size: 45px;
	text-align: center;
	font-weight: 700;
}
.wrapper {
	color: #727586;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1.2em;
}
.error-container {
	padding: 20px;
	color: #fb5959;
	border: 1px solid #fb5959;
	border-radius: 10px;
	text-align: center;
}
.store-title {
	color: #333646;
	font-size: 24px;
	font-weight: bold;
}
.panel {
	background: #fff;
	box-shadow: 0px 10px 14px 0px rgba(90,111,155,0.05);
	border: 1px solid #ddd;
	padding:10px;
	margin-top: 10px;
}
.summary .title {
	color: #a5a5a7;
	line-height: 32px;
	font-size: 16px;
}
.summary .price {
	color: #21222b;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
.payment {
	padding: 20px;
	cursor: pointer;
	border: 3px solid #fff;
}
.payment strong {
	color: #212330;
	font-weight: bold;
}

.payment.active {
	border: 3px solid #1a7fdc;
}
.basket .name {
	color: #292c38;
	font-weight: bold;
	font-size: 17px;
}
.basket .product-attribute {
	color: #b8b8ba;
}
.basket .product-attribute strong {
	color: #232330;
	font-weight: bold;
}
.payment img {
	width: 50px;
	height: auto;
}
.payment  strong {
	font-size:18px;
}
.payment-wrapper {
	padding-right: 10px;
	
}
.payment-wrapper .payment{
	width: 100%;
}
.delete {
	background: #fb5959;
	border: 1px solid #fb5959;
	padding: 10px;
	color: #fff;
	margin-top: 30px;
	margin-right: 10px;
}
.basket select {
	padding: 12px;
	background: #fff;
	border: 1px solid #ddd;
	float:right;
	margin-right: 25px;
	margin-top: 30px;
}
.delete:hover {
	color: #fb5959;
	background: #fff;
	text-decoration: none;
}
.basket .delete {
	float: right;
}
.basket strong {
	font-weight: bold;
}
.infoTab {
	color: #8b8e92;
	font-size: 18px;
	line-height: 27px;
}
.infoTab strong {
	color: #000;
}
.successCopy, .success-alert {
	display: none;
	background: #fff;
	box-shadow: 0px 10px 14px 0px rgba(90,111,155,0.05);
	color: #00b400;
	padding: 20px;
	text-align: center;
}
.payment input[name="payment"] {
	display: none;
}
.other_delivery span {
	color: #8b8e92;
	position: relative;
	top: 5px;
	margin: 13px;
}
.other_delivery input {
	float: left;
	width: auto;
}
.text-center {
	text-align: center;
}
.confirm-page .price {
	
}
.confirm-page .saved-data {
	font-size: 17px;
	color: #333646;
	display: inline-block;
}
.confirm-page .saved-data strong {
	font-weight: bold;
}
.normaln-button {
	background-color: #DDD !important;
	border: 1px solid #DDD;
	color: #000 !important;
	padding: 11px 30px 11px 30px;
	margin-top: 20px;
	float: right;
	width: auto;
	border-radius: .25rem;
}
.normaln-button:hover {
	background: #FFF!important;
	text-decoration: none;
}
.to-left {
	float: left;
}
.to-right {
	float: right;
}
.products-view-checker {
	border: 1px solid #ddd;
	float: left;
	background: #fff;
}
.products-view-checker li {
	padding: 10px 10px 5px 10px;
	float: left;
	cursor: pointer;
}
.products-view-checker li i {
	font-size: 18px!important;
	color: #888;
}
.products-view-checker li.active i {
	color: #000;
}
.sort-form select {
	float: right;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}
.paginationControl {
	width: auto;
	display: table;
	border: 2px solid #fdb813;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	float: none;
	border-radius: 5px;
	padding: 15px;
}
.paginationControl .left,
.paginationControl .right {
	color:  #fdb813;
}
.paginationControl .active {
	color:  #fdb813;
}
.paginationControl .current-page,
.paginationControl a {
	color: #4b4a51;
	padding: 5px;
	font-weight: bold;
	
}
.paginationControl a:hover {
	text-decoration: none;
}
.br-line {
	border-bottom: 1px solid #ddd;
}
.panel.basket {
	padding-bottom:0px;
}
.panel.basket .br-line:last-child {
	border-bottom: none;
}
.paginationControl .current-page {
	color:  #fdb813;
}
.search-page .title, .infoProduct .title {
    color: #233D63;
    font-weight: 700;
	font-size: 22px;
	text-align: center;
	padding: 10px;
}
.infoProduct .title {
	text-align: left;
}
.boxCategory .title {
	font-size: 14px;
}
.search-page .box a, .checkboxs-filter ul li {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	width: 100%;
	margin: 0;
	color: #8d8d8d;
	padding: 10px 0 10px 27px;
}
.search-page .child {
	margin-left: 40px;
}
.search-page .box a:before {
	content: "";
	position: absolute;
	border: 1px solid rgba(143,143,143,.4);
	width: 7px;
	height: 7px;
	bottom: 50%;
	left: 10px;
	top: 18px;
	border-radius: 50px;
}
.search-page .box a:hover {
	text-decoration: none;
}
.search-page .selected {
	color: #333!important;
	font-weight: bold;
}
.no-padding {
	margin:0px;
	padding: 0px;
}
.checkboxs-filter input {
	margin-right: 10px;
}
.product-wrapper .free-delivery, .product-wrapper .price-wrapper {
	background: #f9fbfc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.product-wrapper .avatarcontent img {
    width: 100%;
	border: 0 solid #fff;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.product-wrapper .description {
    padding: 10px;
	color: #555;
}
.greenBorder {
    border: 2px solid #62ab00;
}
.redBorder {
    border: 2px solid #990000;
}
.orangeBorder {
	border: 2px solid #ff6f00;
}
.productColor .tooltiptext.red {
    background: #990000;
}
.productColor .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 10px;
}
.productColor .tooltiptext.green {
    background: #477545;
}
.productColor .tooltiptext.orange {
    background: #ff6f00;
}
.boxCategory {
	font-family: 'Roboto Condensed', sans-serif !important;
	position: relative;
	margin-bottom:20px;
	display: block;
}
.category-content .price-wrapper, .infoProduct .price-wrapper {
	background: #000;
	color:#fff;
	border:1px solid #000;
	font-size: 16px;
}
a:hover {
	text-decoration: none;
}
.category-content {
	display: flex;
	flex-wrap: wrap;
	margin: -12px;
}
a.myButton {
	background: #000;
	color: #fff;
	border: 1px solid #000;
	box-shadow: none;
}
a.myButton:hover {
	background: #fff;
	color: #000;
	border: 1px solid #000;
	box-shadow: none;
}
.naglowek h1 {
	color: #000;
	font-weight: bold;
}/*
.main-menu {
	display: none;
}*/
#imageView img {
	width: 100%!important;
	height: auto!important;
}
.description-wrapper {
	padding: 10px;
}
.description-wrapper p, .description-wrapper h1 {
	margin: 15px 0px;
}
.description-wrapper ul {
	padding-left: 40px;
}
.description-wrapper ul li {
	list-style-type: disc;
}
.description-wrapper strong {
	font-weight: bold;
}
.no-padding.row {
	margin-left: -15px; 
	margin-right: -15px;
}
.productColor:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.productColor {
    position: relative;
	float: left;
    margin-right: 5px;
}
.header {
	text-align: center;
	font-size: 25px;
	padding: 10px;
	padding-bottom: 0px;
}
.thumbnailBinder {
	border: 1px solid #ddd;
	float: left;
}
.infoProduct .paginationControl {
	margin: 40px auto;
}
.infoProduct .thumbnails {
	display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
}
.infoProduct .title.small {
	font-size: 11px;
}
/*
.panel .title {
	border-bottom: 1px solid #ddd;
} */
.small-description { 
	padding: 5px 20px;
	color: #333;
}
.toBasket, .ui-dialog-buttonset .ui-button {
	float: right;
    background: #fdb813;
	border: 1px solid #fdb813;
    padding: 10px;
    color: #fff;
}
.product-container .zestaw {
	padding-bottom: 20px;
}
.product-container .zestaw select.additional {
	width: 95%;
	margin-left: 11px;
	background: #f4f6f7;
}

.toBasket:hover, .toBasket:focus, .ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:focus {
	background: #fff;
	color: #ff6f00;
	text-decoration: none;
}
.another-price {
	text-align: center;
	display: block;
	float: right;
	padding: 10px;
	font-size: 22px;
	font-weight: bold;
}
#imageView {
	border: 1px solid #ddd;
	display: table;
	width: 100%;
	border-radius: 5px;
}
.description-wrapper {
	margin-top: 5px;
	display: table;
}
body a {
	color: #333;
}
.any-question {
	font-size: 14px;
}
.box-center {
	margin-left: auto;
	margin-right: auto;
	display: table;
	float: none;
}
.box-set {
	margin-bottom: 20px;
	display: flow-root;
}
.opis {
	height: auto!important;
}
.category-description p {
	font-size: 14px;
}
select.additional, .notification-box select {
	padding:10px;
	border: 1px solid #ddd;
	margin-left: auto;
	margin-right: auto;
	display: table;
	font-size: 14px;
	background: #f4f6d7;
	font-weight: bold;
}
}
.breadcrumb {
	background: #fff;
	margin-bottom: 0px;
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.breadcrumb-list > li {
    color: #fdb813;
	float: left;
	font-size: 14px;
}
.breadcrumb-list > li > a {
    color: #999;
}
.breadcrumb-list > li > a {
    margin-right: 25px;
    position: relative;
	font-size: 14px;
}
.breadcrumb-list > li a::before {
    content: "/";
    height: 25px;
    position: absolute;
    right: -13px;
    top: 0;
    width: 1px;
}
.category-list {
	width: 100%;
}
.category-list .topPic {
	float:left;
	margin-top: -47px;
	width: 40%;
}
.category-list .title, .category-list .price-wrapper, .category-list .free-delivery, .category-list .description, .category-list .color-wrapper {
	display: table!important;
	float:right;
	width: 60%
}
.category-list .panel {
	display: table;
	overflow: hidden;
	width: 100%;
}
.top .not-results-search, .top .products-search {
    position: absolute;
    top: 100%;
    left: -3px;
    right: 1px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0,0,0,.08);
    -moz-box-shadow: 0 3px 15px 0 rgba(0,0,0,.08);
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.08);
    z-index: 100;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin-top: 17px;
	color: #666;
}
.top .not-results-search {
	padding: 14px 17px;
}
.top .not-results-search::before, .top .products-search::before {
    content: '';
    border-style: solid;
    border-width: 10px 8px;
    border-color: transparent transparent #ebebeb transparent;
    position: absolute;
    top: -20px;
    left: 30px;
}
.top .not-results-search::after, .top .products-search::after {
    content: '';
    border-style: solid;
    border-width: 8px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -16px;
    left: 31px;
}
.top .product-search-item {
    overflow: hidden;
    padding: 14px 17px;
    border-bottom: 1px solid #eaeaea;
}
.top .product-image {
    width: 45px;
    float: left;
}
.top .product-image img {
    border-radius: 3px;
    border: 1px solid #f0f0f0;
	width: 100%;
	height: auto;
}
.top .product-title-price {
    overflow: hidden;
    padding-left: 10px;
}
.top .mask-link {
    display: block;
	color: #333;
}
header {
	position: relative;
	min-height: 140px;
	z-index: 44444;
}
header .header__fixed {
	position: fixed;
	width: 100%;
	z-index: 5;
	background: #fff;
	height: 140px;
}

header .header.hover {
	cursor: default;
}
.ui-dialog {
	background: #f9fbfc;
	box-shadow: 0px 10px 14px 0px rgba(90,111,155,0.05);
	margin: 15px;
	border-radius: 5px;
	padding: 0px!important;
	z-index:44446;
}
.ui-dialog-title {
	font-size: 15px;
	padding-top: 4px;
}
#addToCartDialog, #addToCartDialogConfirm {
	background: #fff;
	padding: 1px;
	margin: 10px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#addToCartDialogConfirm  {
	font-size: 18px;
	text-align: center;
	padding: 20px;
}
#addToCartDialog select {
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
}
.ui-dialog-titlebar .ui-button{
	background: #f9fbfc;
	border: 1px solid #f9fbfc;
	margin-top: -7px;
	margin-right: 7px;
}
.ui-dialog thead td {
	font-weight: bold;
}
.white-btn {
	background: #FFF !important;
    background-color: rgb(255, 255, 255);
	background-color: rgb(0, 81, 255);
	background-color: #FFF !important;
	border: 1px solid #ddd;
	color: #333 !important;
	padding: 11px 30px 11px 30px;
	margin-top: 20px;
	float: left;
	width: auto;
	border-radius: .25rem;
}
.white-btn:hover {
	text-decoration: none;
	background:#ddd!important;
}
span.error {
	color:#d00;
}
.basket-counter {
	text-align: center;
	font-size:16px;
}
.basket-counter div {
	margin-top: 30px;
}
.tab_nagl {
	margin-left: 10px;
}
.alertForm select {
	width: 60%;
	display: table;
	margin: 10px auto;
}
.top {
	position: relative;
}
.advantage {
	margin-bottom: 35px;
}
.wrapp.container {
	background: #fff;
}
.boxes a {
	border: 1px solid #dfdfdf;
	display: block;
	box-shadow: 0px 0px 33px 0px #ddd;
	overflow: hidden;
}
.boxes .box-title {
	background: #f9fbfc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	padding: 5px;
	font-size: 18px;
}
.boxes a:hover > .box-title {
	color:#000;
}
.boxes img {
	width: 100%;
	border: 0 solid #fff;
	height: auto;
	display: block;
	max-height: 271px;
	margin-left: auto;
	margin-right: auto;
}
.item-box {
	margin-bottom:20px;
}
@media screen and ( max-width: 1440px ) {
	.form-contact, .form-order {
		margin: 0px;
	}
	.form-contact-image {
		position: absolute;
		top: 0px;
		width: 104%;
		left: -10px;
	}
	.item-box {
		width: 33%;
	}
}
@media screen and (max-width: 1200px) {
	.search-form {
		margin-top: 0px!important;
	}
	.row.panel.payment {
		height: 120px;
	} 
	.category-list .topPic {
		margin-top: 0px;
	}
	.item-box {
		width: 50%;
	}
}
@media screen and (min-width: 993px) {
	header .to-down {
		display: none;
	}
	header .category:hover > .main-menu.hover {
		display: block;
	}
	.menu .category ul.main-menu li:hover > ul.child {
		display: block;
		border: 1px solid #ddd;
	}
	/*.category-page header .category {
		display: none;
	}
	.category-page header {
		min-height: 102px;
	}*/
	.ulnested {
		display: none;
	}
	.linested:hover > .ulnested {
		display: block;
		position: absolute;
		width: 280px;
		left: 247px;
		z-index: 15;
		top: -1px;
		border: 1px solid #333;
	}
}
/* Maksymalne zacieśnienie elementów nested linested na komórkach */
@media screen and (max-width: 767px) {
    li.nested.linested {
        margin: 1 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* To jest kluczowe: zmniejszamy padding linków, które rozpychają menu */
    li.nested.linested a {
        padding-top: 2px !important;    /* Minimalny odstęp nad tekstem */
        padding-bottom: 2px !important; /* Minimalny odstęp pod tekstem */
        line-height: 1.4 !important;    /* Zmniejszenie wysokości linii */
        margin: 1 !important;
    }
}
@media screen and ( max-width: 992px ) {
	.menu .category ul.main-menu li {
		width: 100%;
	}
	.menu .category ul.main-menu li ul.child {
		top: 0px;
	}
	.menu .category {
		width: 250px;
	}
	.menu .category .header {
		display: block;
	}
	.main-menu {
		display: none!important;
	}
	.basket-wrapper {
		position: absolute;
		top: 5px;
		right: 0px;
	}
	.top .logo {
		margin-bottom: 8px;
	}
	.search-form {
		margin-bottom: 20px;
	}
	.form-contact, .form-order {
		margin-top: 50px;
	}
	.br-line .name {
		margin-top:10px;
	}
	.br-line img, .br-line span {
		margin-left: auto;
		margin-right: auto;
		display: table;
	}
	.payment-wrapper {
		padding:0px;
	}
	.payment-wrapper .row.panel.payment {
		margin-left: 0px;
		margin-right: 0px;
	}
	.switcher-grid-list {
		display: none;
	}
	.row.banner-items {
		display: block;
	}
	.row.banner-items .banner-item-big {
		margin-bottom: 35px;
	}
	.row.banner-items .banner-item-big img {
		width: 100%;
		height: auto;
	}
	.hidden-sm {
		display: none;
	}
	.sort-form {
		margin-top:30px;
	}
	
	header .menu .category {
		position: static;
	}
	header .category .main-menu.hover  {
		left: 0px!important;
	}
	header .main-menu .child {
		position: relative;
		width: 100%;
		left: 0px;
	}
	.menu .category ul.main-menu li > ul.child {
		width: 100%;
		position: relative;
		left: 0px;
	}
	header .main-menu .child li {
		background: #fefefe!important;
		border: 1px solid #fff!important;
	}
	header .to-down {
		float: right;
		padding: 13px 25px;
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.main-menu.hover.active {
		display: block!important;
	}
	
	header .child-active .child {
		display: block!important;
		position: static;
		width: 100%;
	}
	
	header {
		min-height: 209px!important;
	}
	
}

.tab-nav-container{
  background-color: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow:0 15px 10px rgba(0,0, 0, 0.16),
  0 3px 6px rgba(0,0, 0, 0.16);
  display: flex;
  padding: 10px 10px 0px 0px;
  justify-content: space-between;
  width: 350px;
  width: 100%;
	bottom: 0px;
	position: fixed;
	z-index: 4444444444;
}
.tab-nav-container i.fa {
  font-size: 28px !important;
  margin-top: -13px;
}
.tab-nav-container a:hover {
  color: #fdb813;
}
.tab{
  background-color: #fff;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin: 0 5px;
  transition: background 0.4s linear;
}
.tab i{
  font-size: 1.2em;
}
.tab p{
  font-weight: bold;
  overflow: hidden;
  max-width: 0;
}
.tab.active p{
  margin-left: 10px;
  max-width: 100px;
  transition: max-width 0.4s linear;
}
.tab.active.purple{
  background-color: rgba(91,55, 183, 0.2);
  color: rgba(91,55, 183, 1);
}
.tab.active.pink{
  background-color: rgba(201,55, 157, 0.2);
  color: rgba(201,55, 157, 1);
}
.tab.active.yellow{
  background-color: rgba(230,169, 25, 0.2);
  color: rgba(230,169, 25, 1);
}
.tab.active.teal{
  background-color: rgba(28,150,162,0.2);
  color: rgba(28,150,162,1);
}
@media screen and ( max-width: 767px ) {
	.xs-center {
		display: flex;
		justify-content: center;
	}
	footer .footer-column {
		text-align: center;
		margin-bottom: 30px;
	}
	#sortOrder {
		margin-top: 20px;
	}
	#sortOrder select {
		width: 100%!important;
		margin-bottom: 20px;
	}
	.hidden-xs {
		display: none;
	}
	header {
		min-height: 250px!important;
	}
	
}
@media screen and ( min-width: 767px) {
	.hidden-desktop {
		display: none;
	}
}
@media screen and ( max-width: 600px ) {
	.no-padding.row {
		margin-left: 0px; 
		margin-right: 0px;
	}
	.infoProduct, .infoProduct .product-wrapper, .infoProduct .foty  {
		padding: 0px;
		
	}
	.infoProduct .description-wrapper {
		padding: 10px;
	}
	.infoProduct .container {
		padding-left: 5px; 
		padding-right: 5px;
	}
	.item-box {
		width: 100%;
	}
	.logo-wrapper img {
		max-width: 100%;
		margin-top: 10px;
	}
	.search-form {
		margin: 10px 0px !important;
		border: none;
	}
	.search-form .search-box {
		display: none;
	}
	.search-form.active {
		position: fixed;
		border: 2px solid #fdb813;
		width: 96%;
		left: 8px;
	}
	header {
		min-height: auto !important;
	}
	.main-menu {
		height: 100vh;
		background: #fff;
	}
	header .header__fixed {
		height: 71px;
	}
	.infoProduct .title {
		padding-left: 10px;
	}
	.main-menu > li a p {
		font-weight: bold;
	}
	.main-menu ul li {
		margin-left: 20px;
	}
}
@media screen and ( max-width: 550px ) {
	.image { width: 100%; }
	.content { padding-right: 2rem; }
	nav { left: 0; right: auto; }
	.boxes { margin-top: 70px;}
}
@media (min-width: 576px) {
	.container {
		max-width: 540px;
		width: 100%;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 720px;
		width: 100%;
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 960px;
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
		width: 100%;
	}
}
@media (min-width: 1440px) {
	.container {
		max-width: 1440px;
		width: 100%;
	}
}
@media (max-width: 700px) {
	.ui-dialog {
		max-width: 100%!important;
		width: 100%!important;
		padding: 10px!important;
	}
	.ui-dialog .col-product-text {
		width: 100%!important;
		max-width: 100%!important;
	}
	.ui-dialog table {
		width: 100%!important;
		max-width: 100%!important;
	}
	
	#addToCartDialog {
		overflow: hidden!important;
	}
	
	.col-product-img {
		margin-left: auto!important;
		margin-right: auto!important;
		display: table!important;
		float: none!important;
	}
	.col-product-text {
		width: auto!important;
		padding: 40px 10px!important;
		overflow: hidden!important;
	}
	.col-product-text table{
		min-width:100%!important;
		margin: 0px!important;
	}
}

.cloudzoom-zoom-inside
{
  z-index:3!important;
}
/* Style dla wszystkich urządzeń */
.product-h1 {
    /* Ustawienie wybranego fontu na wąski wariant */
    font-family: 'Roboto Condensed', sans-serif;
    /* Pogrubienie dla lepszej widoczności */
    font-weight: 700; 
    /* Domyślny kolor */
    color: #333333; 
    /* Kontrola wysokości linii dla lepszego zagęszczenia */
    line-height: 1.15; 
    /* Dodanie małego odstępu między literami, aby uniknąć zlepiania */
    letter-spacing: 0.01em; 
}

/* 💻 Style dla Desktopu (czyli dla ekranów o szerokości powyżej 992px) */
@media (min-width: 992px) {
    .product-h1 {
        /* Duży rozmiar dla efektu "wysoki i widoczny" */
        font-size: 32px; 
    }
}

/* 📱 Style dla Urządzeń Mobilnych (do 991px) */
@media (max-width: 991px) {
    .product-h1 {
        /* Zmniejszenie rozmiaru fontu dla lepszej czytelności i uniknięcia łamania wierszy */
        font-size: 24px; 
        /* Ważne: Zmniejszenie odstępu od góry/dołu, aby nagłówek zajmował mniej miejsca */
        margin: 10px 0; 
    }
}
/* ZNACZNIE ZWIĘKSZONA SPECYFICZNOŚĆ SELEKTORA */
.zestaw .title.product-title-style,
.zestaw.ze .title.product-title-style {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 18px !important; /* Zmniejszenie z 22px na bardziej subtelny */
    color: #2c3e50 !important; /* Głęboki antracyt */
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
    text-align: left !important;
    text-transform: none !important; /* Brak wymuszonych wielkich liter */
}

/* Nadpisanie dla widoku mobilnego (max-width: 600px) */
@media (max-width: 600px) {
    .zestaw .title.product-title-style,
    .zestaw.ze .title.product-title-style {
        font-size: 18px !important;
        text-align: left !important; /* W boksie lepiej wygląda do lewej */
    }
    /* Styl dla numeru telefonu na urządzeniach mobilnych (unikalna klasa) */
@media (max-width: 600px) {
    .header-mobile-phone-link {
        /* Czcionka */
        font-family: 'Roboto Condensed', sans-serif !important; 
        font-size: 24px !important; /* Większy rozmiar fontu */
        font-weight: 700 !important; /* Pogrubienie dla lepszej widoczności */
        
        /* Kolor i dekoracja */
        color: #800000 !important; /* Kolor bordowy (Hex dla głębokiej czerwieni/bordowego) */
        text-decoration: none !important; /* Usuwamy podkreślenie linku */
        
        /* Layout */
        padding: 5px 0;
        display: block; /* Ułatwia kliknięcie, zajmuje całą szerokość rodzica */
    }
}
/* 🎯 OSTATECZNY, MAKSYMALNIE SPECYFICZNY STYL DLA TYTUŁU PRODUKTU */
/* Celujemy: w link a.category-product-link Wewnątrz div.boxCategory */
.boxCategory a.category-product-link {
    /* Wymuszenie Fontu Roboto Condensed - Najwyższy Priorytet w Selektorze */
    font-family: 'Roboto Condensed', sans-serif !important;
    
    /* Wygląd i rozmiar desktop/tablet */
    font-size: 17px !important;    
    font-weight: 700 !important;   
    color: #222 !important;        
    text-decoration: none !important; 
    text-transform: none !important;  
    text-align: center !important; 
    justify-content: center

    /* Odstępy (zgodnie z życzeniem 6px góra/dół) */
    display: block !important;     
    line-height: 1.2 !important;   
    padding-top: 6px !important;   
    padding-bottom: 6px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;          
}

/* Opcjonalnie: Zmiana koloru po najechaniu myszką */
.boxCategory a.category-product-link:hover {
    color: #555 !important;        
}

/* 📱 Style dla Urządzeń Mobilnych (tylko zmiana wielkości, dziedziczenie fontu) */
@media (max-width: 600px) {
    .boxCategory a.category-product-link {
        font-size: 16px !important; 
    }
}
/* 1. Wygląd głównej ramki (kontenera) */
form.fitrForm .panel.no-padding {
    padding: 20px !important;         /* Dodaje odstępy wewnątrz ramki */
    background-color: #f9f9f9 !important; /* Jasnoszare tło */
    border: 1px solid #e0e0e0 !important; /* Delikatna ramka dookoła */
    border-radius: 4px !important;    /* Zaokrąglone rogi */
    box-shadow: none !important;      /* Usunięcie ewentualnych cieni */
    margin-bottom: 20px !important;
}

/* 2. Wygląd tytułu "Kolor:" */
form.fitrForm .title {
    font-weight: 700 !important;      /* Pogrubienie tekstu */
    font-size: 16px !important;       /* Rozmiar czcionki */
    color: #333333 !important;        /* Ciemny kolor tekstu */
    text-transform: uppercase !important; /* Wielkie litery */
    border-bottom: 2px solid #ddd !important; /* Linia pod tytułem */
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}

/* 3. Wygląd poszczególnych wierszy z kolorami */
.checkboxs-filter ul li ul li {
	  font-family: 'Roboto Condensed', sans-serif !important;
    list-style: none !important;      /* Usunięcie punktorów */
    margin-bottom: 8px !important;    /* Odstęp między wierszami */
    font-size: 12px !important;
    color: #555555 !important;
    display: flex !important;         /* Układ elastyczny */
    align-items: center !important;   /* Wyrównanie checkboxa i tekstu w pionie */
    padding: 2px 0 !important;
}

/* 4. Efekt po najechaniu myszką na wiersz */
.checkboxs-filter ul li ul li:hover {
    color: #000000 !important;        /* Ciemniejszy tekst po najechaniu */
    cursor: pointer !important;       /* Kursor "łapka" */
}

/* 5. Wygląd samego checkboxa (kwadracika) */
.checkboxs-filter input[type="checkbox"] {
    margin-right: 12px !important;    /* Odstęp między checkboxem a tekstem */
    width: 16px !important;           /* Szerokość checkboxa */
    height: 16px !important;          /* Wysokość checkboxa */
    cursor: pointer !important;
    margin-top: 0 !important;         /* Reset marginesu górnego */
}

/* 6. Ukrycie kropek listy nadrzędnej (czyszczenie widoku) */
.checkboxs-filter ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
/* --- SKOMPRESOWANA STOPKA 1-KOLUMNOWA (WERSJA MOBILNA) --- */
@media (max-width: 767px) {
    /* 1. Kompresja głównego obszaru stopki (zmniejszenie wielkich marginesów z HTML) */
    footer {
        padding: 20px 0 10px 0 !important; 
    }

    /* 2. Wszystkie kolumny jedna pod drugą (100% szerokości) i wyśrodkowane */
    footer .footer-column {
        width: 100% !important;
        float: none !important;
        padding: 0 15px !important;
        margin-bottom: 25px !important;  /* Ściśnięty odstęp między poszczególnymi blokami */
        text-align: center !important;   /* Środkowanie wygląda najlepiej w 1 kolumnie na mobile */
        box-sizing: border-box !important;
        min-height: auto !important;
    }
    
    /* Zdejmujemy margines z ostatniej kolumny, by nie dodawała pustej przestrzeni na samym dole */
    footer .footer-column:last-child {
        margin-bottom: 0 !important;
    }

    /* 3. Kompresja nagłówków i list (nadpisywanie inline CSS z layout.phtml) */
    footer .footer-column h3 {
        font-size: 15px !important;      /* Mniejsze nagłówki (było 18px) */
        margin-bottom: 12px !important;  /* Mniejsza wyrwa pod nagłówkiem (było 20px) */
    }

    footer .footer-column ul {
        margin-bottom: 10px !important;
    }

    footer .footer-column ul li {
        margin-bottom: 6px !important;   /* Ściśnięte odstępy między linkami (było 10px) */
    }

    footer .footer-column ul li a {
        font-size: 13px !important;      /* Mniejsze i smuklejsze linki (było 15px) */
        line-height: 1.2 !important;
    }

    /* 4. Zacieśnienie informacji kontaktowych (Infolinia/WhatsApp) */
    footer .footer-column:nth-child(3) div {
        margin-bottom: 10px !important;  /* Mniejsze odstępy między dniami i godzinami */
    }
    
    footer .footer-column:nth-child(3) span {
        font-size: 13px !important;      /* Pomniejszenie szarego tekstu "pn - pt" */
    }
    footer .footer-column:nth-child(3) strong {
        font-size: 15px !important;      /* Pomniejszenie czarnych godzin (było 17px) */
    }

    /* 5. Dopasowanie wielkich przycisków e-mail / WhatsApp */
    footer .footer-column a[href^="mailto:"],
    footer .footer-column a[href^="https://wa.me"] {
        padding: 8px 10px !important;    /* Chudsze przyciski w pionie */
        font-size: 12px !important;
        width: 100% !important;          
        max-width: 250px !important;     /* Zapobiega brzydkiemu rozciągnięciu do samej krawędzi ekranu */
        box-sizing: border-box !important;
        margin: 5px auto 30px auto !important; /* Wyśrodkowanie przycisku */
        display: inline-flex !important;
    }
}
</style>