@charset "UTF-8";
/* ąś */

/*
    6px = 0.375rem   |    7px = 0.4375rem  |    8px = 0.5rem     |    9px = 0.5625rem  |   10px = 0.625rem   |
   11px = 0.6875rem  |   12px = 0.75rem    |   13px = 0.8125rem  |   14px = 0.875rem   |   15px = 0.9375rem  |
   16px = 1rem       |   17px = 1.063rem   |   18px = 1.125rem   |   19px = 1.188rem   |   20px = 1.25rem    |
   21px = 1.313rem   |   22px = 1.375rem   |   23px = 1.438rem   |   24px = 1.5rem     |   25px = 1.563rem   |
   26px = 1.625rem   |   27px = 1.688rem   |   28px = 1.75rem    |   29px = 1.813rem   |   30px = 1.875rem   |
   31px = 1.938rem   |   32px = 2rem       |   33px = 2.063rem   |   34px = 2.125rem   |   35px = 2.188rem   |
   36px = 2.25rem    |   37px = 2.313rem   |   38px = 2.375rem   |   39px = 2.438rem   |   40px = 2.5rem     |
*/

/* //v1: */
/* latin-ext - lokalnie */
/*
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src:
       local('Open Sans Light Ialic'),
       url(fonts/OpenSans/OpenSans-LightItalic.woff2) format('woff2'),
       url(fonts/OpenSans/OpenSans-LightItalic.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src:
       local('Open Sans Italic'),
       url(fonts/OpenSans/OpenSans-Italic.woff2) format('woff2'),
       url(fonts/OpenSans/OpenSans-Italic.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src:
       local('Open Sans SemiBold Italic'),
       url(fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format('woff2'),
       url(fonts/OpenSans/OpenSans-SemiBoldItalic.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src:
       local('Open Sans Bold Italic'),
       url(fonts/OpenSans/OpenSans-BoldItalic.woff2) format('woff2'),
       url(fonts/OpenSans/OpenSans-BoldItalic.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src:
       local('Open Sans Light'),
       url(fonts/OpenSans/OpenSans-Light.woff2) format('woff2'),
       url(fonts/OpenSans/OpenSans-Light.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src:
       local('Open Sans Regular'),
       url(fonts/OpenSans/OpenSans-Regular.woff2) format('woff2'),
       url(fonts/OpenSans/OpenSans-Regular.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src:
       local('Open Sans SemiBold'),
       url(fonts/OpenSans/OpenSans-SemiBold.woff2) format('woff2'),
       url(fonts/OpenSans/OpenSans-SemiBold.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src:
       local('Open Sans Bold'),
       url(fonts/OpenSans/OpenSans-Bold.woff2) format('woff2'),
       url(fonts/OpenSans/OpenSans-Bold.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
*/

/* v2  - modern */
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-300italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-500italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-600italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-stretch: normal;
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/OpenSans/open-sans-v34-latin_latin-ext-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/OpenSans/open-sans-v34-latin_latin-ext-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
	interpolate-size: allow-keywords;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;

	--base-color1-HS:207, 57%;
	--base-color1-L:45%;
	--kolor1: hsl(var(--base-color1-HS),var(--base-color1-L)); /* #3A89C9 -> #3179B4 */
		--kolor1-lighter: hsl(var(--base-color1-HS),calc(var(--base-color1-L) + 10%));
		--kolor1-darker: hsl(var(--base-color1-HS),calc(var(--base-color1-L) - 10%));

	--base-color2-HS:220, 56%;
	--base-color2-L:24%;
	--kolor2: hsl(var(--base-color2-HS),var(--base-color2-L)); /* #1b325f */
		--kolor2-lighter: hsl(var(--base-color2-HS),calc(var(--base-color2-L) + 10%));
		--kolor2-darker: hsl(var(--base-color2-HS),calc(var(--base-color2-L) - 10%));

	--btn-primary-text: #ffffff;
	--btn-primary-bg: var(--kolor1);
	--btn-primary-border: var(--kolor1);
		--btn-primary-grad1: transparent;
		--btn-primary-grad2: transparent;

	--btn-primary-hover-text: #ffffff;
	--btn-primary-hover-bg: var(--kolor2);
	--btn-primary-hover-border: var(--kolor2);
		--btn-primary-hover-grad1: var(--kolor1);
		--btn-primary-hover-grad2: var(--kolor2);

	--btn-default-text: #ffffff;
	--btn-default-bg: var(--kolor1);
	--btn-default-border: var(--kolor1);
		--btn-default-grad1: transparent;
		--btn-default-grad2: transparent;

	--btn-default-hover-text: #ffffff;
	--btn-default-hover-bg: var(--kolor2);
	--btn-default-hover-border: var(--kolor2);
		--btn-default-hover-grad1: var(--kolor1);
		--btn-default-hover-grad2: var(--kolor2);

	--input: #cccccc; /* var(--input) */
	--separator: rgba(0,0,0,0.13); /* var(--separator) */
	--ramka1: rgba(0,0,0,0.13); /* var(--ramka1) */
	--ramka2: rgba(0,0,0,0.15); /* var(--ramka2) */
	--stopkaBg: #2a2a2a; /* var(--stopkaBg) */
	--nadStopkaBg: #000000; /* var(--nadStopkaBg) */
	--podpisBg: #393939; /* var(--podpisBg) */

	--kolorOK: #006619;
	--kolorError: #9f0000;
}

html {/*scroll-behavior: smooth;*/}

/* fix page shifting when modal is active */
body {overflow-y: scroll; word-wrap:break-word;}

h1, .h1 {font-size: calc(1.375rem + 1.5vw);}
@media (min-width: 1200px) {
	h1, .h1 {font-size: 2.25rem;}
}

h2, .h2 {font-size: calc(1.325rem + 0.9vw);}
@media (min-width: 1200px) {
	h2, .h2 {font-size: 1.875rem;}
}

h3, .h3 {font-size: calc(1.3rem + 0.6vw);}
@media (min-width: 1200px) {
	h3, .h3 {font-size: 1.5rem;}
}

h4, .h4 {font-size: calc(1.275rem + 0.3vw);}
@media (min-width: 1200px) {
	h4, .h4 {font-size: 1.125rem;}
}

h5, .h5 {font-size: 0.875rem;}
h6, .h6 {font-size: 0.75rem;}


#wrapperBackground {min-height: 100vh; display: flex; flex-direction: column; position: relative;}
.mainBody {width: 100%; clear: both; flex-grow: 1;}
.mainFooter {width: 100%; clear: both;}

.pp_overlay {z-index: 6000!important;}

/* fix na różne skrypty z wysokim z-index */
div[style*="z-index: 2147483647"] {z-index: 5999!important;}

.form-control {border-color: var(--input);}

.orders .form-control-plaintext {display: inline; border: unset; color: unset; background-color: unset; line-height: unset; padding: unset;}

.form-control:focus {}
select.form-control:focus option {/* background-color: #f8f8f8; */}
.form-control::placeholder {}

.form-control:not(:placeholder-shown):valid {}
.form-control:not(:placeholder-shown):invalid {}
.form-control:focus:invalid {}

.has-error .form-control {border-color: var(--kolorError, #9f0000);}

body.modal-open {overflow-y: scroll; margin: 0;}
.modal {overflow: auto;}

.img-responsive {display: block; max-width: 100%; height: auto;}

/* skalowanie wymuszone */
.box_customBox img,
.box_ads img,
.boxContents img,
.box_contents img,
.box_panel img {display: block; width: auto; max-width: 100%; height: auto;}

/* skalowanie opcjonalne */
.value img,
.catPicDesc img,
.catExtDesc img,
.manufacturer img,
.productAttributes img,
.detCard .tabs img,
.conBody img,
#section_custom img {display: block; width: auto; max-width: 100%; height: auto;}

.productAttributes .value img {display: inline-block; margin: 5px 10px 5px 0; outline: 1px solid #f1f1f1; outline-offset: 1px; box-shadow: 0 0 5px 0px rgba(0,0,0,0.05);}

img.img-normal {display: inline-block!important; max-width: none!important;}

/* reset */
.navbar-collapse,
.navbar-form {
	border: 0px solid transparent;
	box-shadow: inset 0 0 0 rgba(255,255,255,0);
}
.navbar-fixed-top {
	top: 0;
	border: 0;
}


@media (max-width:359px) {
	.col-xs{flex:1 0 0}
	.row-cols-xs-auto>*{flex:0 0 auto;width:auto}
	.row-cols-xs-1>*{flex:0 0 auto;width:100%}
	.row-cols-xs-2>*{flex:0 0 auto;width:50%}
	.row-cols-xs-3>*{flex:0 0 auto;width:33.33333333%}
	.row-cols-xs-4>*{flex:0 0 auto;width:25%}
	.row-cols-xs-5>*{flex:0 0 auto;width:20%}
	.row-cols-xs-6>*{flex:0 0 auto;width:16.66666667%}
	.col-xs-auto{flex:0 0 auto;width:auto}
	.col-xs-1{flex:0 0 auto;width:8.33333333%}
	.col-xs-2{flex:0 0 auto;width:16.66666667%}
	.col-xs-3{flex:0 0 auto;width:25%}
	.col-xs-4{flex:0 0 auto;width:33.33333333%}
	.col-xs-5{flex:0 0 auto;width:41.66666667%}
	.col-xs-6{flex:0 0 auto;width:50%}
	.col-xs-7{flex:0 0 auto;width:58.33333333%}
	.col-xs-8{flex:0 0 auto;width:66.66666667%}
	.col-xs-9{flex:0 0 auto;width:75%}
	.col-xs-10{flex:0 0 auto;width:83.33333333%}
	.col-xs-11{flex:0 0 auto;width:91.66666667%}
	.col-xs-12{flex:0 0 auto;width:100%}
	.offset-xs-0{margin-left:0}
	.offset-xs-1{margin-left:8.33333333%}
	.offset-xs-2{margin-left:16.66666667%}
	.offset-xs-3{margin-left:25%}
	.offset-xs-4{margin-left:33.33333333%}
	.offset-xs-5{margin-left:41.66666667%}
	.offset-xs-6{margin-left:50%}
	.offset-xs-7{margin-left:58.33333333%}
	.offset-xs-8{margin-left:66.66666667%}
	.offset-xs-9{margin-left:75%}
	.offset-xs-10{margin-left:83.33333333%}
	.offset-xs-11{margin-left:91.66666667%}
	.g-xs-0,.gx-xs-0{--bs-gutter-x:0}
	.g-xs-0,.gy-xs-0{--bs-gutter-y:0}
	.g-xs-1,.gx-xs-1{--bs-gutter-x:0.25rem}
	.g-xs-1,.gy-xs-1{--bs-gutter-y:0.25rem}
	.g-xs-2,.gx-xs-2{--bs-gutter-x:0.5rem}
	.g-xs-2,.gy-xs-2{--bs-gutter-y:0.5rem}
	.g-xs-3,.gx-xs-3{--bs-gutter-x:1rem}
	.g-xs-3,.gy-xs-3{--bs-gutter-y:1rem}
	.g-xs-4,.gx-xs-4{--bs-gutter-x:1.5rem}
	.g-xs-4,.gy-xs-4{--bs-gutter-y:1.5rem}
	.g-xs-5,.gx-xs-5{--bs-gutter-x:3rem}
	.g-xs-5,.gy-xs-5{--bs-gutter-y:3rem}
}

@media (min-width:360px) {
	.col-sm{flex:1 0 0}
	.row-cols-sm-auto>*{flex:0 0 auto;width:auto}
	.row-cols-sm-1>*{flex:0 0 auto;width:100%}
	.row-cols-sm-2>*{flex:0 0 auto;width:50%}
	.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}
	.row-cols-sm-4>*{flex:0 0 auto;width:25%}
	.row-cols-sm-5>*{flex:0 0 auto;width:20%}
	.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}
	.col-sm-auto{flex:0 0 auto;width:auto}
	.col-sm-1{flex:0 0 auto;width:8.33333333%}
	.col-sm-2{flex:0 0 auto;width:16.66666667%}
	.col-sm-3{flex:0 0 auto;width:25%}
	.col-sm-4{flex:0 0 auto;width:33.33333333%}
	.col-sm-5{flex:0 0 auto;width:41.66666667%}
	.col-sm-6{flex:0 0 auto;width:50%}
	.col-sm-7{flex:0 0 auto;width:58.33333333%}
	.col-sm-8{flex:0 0 auto;width:66.66666667%}
	.col-sm-9{flex:0 0 auto;width:75%}
	.col-sm-10{flex:0 0 auto;width:83.33333333%}
	.col-sm-11{flex:0 0 auto;width:91.66666667%}
	.col-sm-12{flex:0 0 auto;width:100%}
	.offset-sm-0{margin-left:0}
	.offset-sm-1{margin-left:8.33333333%}
	.offset-sm-2{margin-left:16.66666667%}
	.offset-sm-3{margin-left:25%}
	.offset-sm-4{margin-left:33.33333333%}
	.offset-sm-5{margin-left:41.66666667%}
	.offset-sm-6{margin-left:50%}
	.offset-sm-7{margin-left:58.33333333%}
	.offset-sm-8{margin-left:66.66666667%}
	.offset-sm-9{margin-left:75%}
	.offset-sm-10{margin-left:83.33333333%}
	.offset-sm-11{margin-left:91.66666667%}
	.g-sm-0,.gx-sm-0{--bs-gutter-x:0}
	.g-sm-0,.gy-sm-0{--bs-gutter-y:0}
	.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}
	.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}
	.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}
	.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}
	.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}
	.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}
	.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}
	.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}
	.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}
	.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}
}

@media (min-width:768px) {
	.col-md{flex:1 0 0}
	.row-cols-md-auto>*{flex:0 0 auto;width:auto}
	.row-cols-md-1>*{flex:0 0 auto;width:100%}
	.row-cols-md-2>*{flex:0 0 auto;width:50%}
	.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}
	.row-cols-md-4>*{flex:0 0 auto;width:25%}
	.row-cols-md-5>*{flex:0 0 auto;width:20%}
	.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}
	.col-md-auto{flex:0 0 auto;width:auto}
	.col-md-1{flex:0 0 auto;width:8.33333333%}
	.col-md-2{flex:0 0 auto;width:16.66666667%}
	.col-md-3{flex:0 0 auto;width:25%}
	.col-md-4{flex:0 0 auto;width:33.33333333%}
	.col-md-5{flex:0 0 auto;width:41.66666667%}
	.col-md-6{flex:0 0 auto;width:50%}
	.col-md-7{flex:0 0 auto;width:58.33333333%}
	.col-md-8{flex:0 0 auto;width:66.66666667%}
	.col-md-9{flex:0 0 auto;width:75%}
	.col-md-10{flex:0 0 auto;width:83.33333333%}
	.col-md-11{flex:0 0 auto;width:91.66666667%}
	.col-md-12{flex:0 0 auto;width:100%}
	.offset-md-0{margin-left:0}
	.offset-md-1{margin-left:8.33333333%}
	.offset-md-2{margin-left:16.66666667%}
	.offset-md-3{margin-left:25%}
	.offset-md-4{margin-left:33.33333333%}
	.offset-md-5{margin-left:41.66666667%}
	.offset-md-6{margin-left:50%}
	.offset-md-7{margin-left:58.33333333%}
	.offset-md-8{margin-left:66.66666667%}
	.offset-md-9{margin-left:75%}
	.offset-md-10{margin-left:83.33333333%}
	.offset-md-11{margin-left:91.66666667%}
	.g-md-0,.gx-md-0{--bs-gutter-x:0}
	.g-md-0,.gy-md-0{--bs-gutter-y:0}
	.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}
	.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}
	.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}
	.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}
	.g-md-3,.gx-md-3{--bs-gutter-x:1rem}
	.g-md-3,.gy-md-3{--bs-gutter-y:1rem}
	.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}
	.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}
	.g-md-5,.gx-md-5{--bs-gutter-x:3rem}
	.g-md-5,.gy-md-5{--bs-gutter-y:3rem}
}

@media (min-width:992px) {
	.col-lg{flex:1 0 0}
	.row-cols-lg-auto>*{flex:0 0 auto;width:auto}
	.row-cols-lg-1>*{flex:0 0 auto;width:100%}
	.row-cols-lg-2>*{flex:0 0 auto;width:50%}
	.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}
	.row-cols-lg-4>*{flex:0 0 auto;width:25%}
	.row-cols-lg-5>*{flex:0 0 auto;width:20%}
	.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}
	.col-lg-auto{flex:0 0 auto;width:auto}
	.col-lg-1{flex:0 0 auto;width:8.33333333%}
	.col-lg-2{flex:0 0 auto;width:16.66666667%}
	.col-lg-3{flex:0 0 auto;width:25%}
	.col-lg-4{flex:0 0 auto;width:33.33333333%}
	.col-lg-5{flex:0 0 auto;width:41.66666667%}
	.col-lg-6{flex:0 0 auto;width:50%}
	.col-lg-7{flex:0 0 auto;width:58.33333333%}
	.col-lg-8{flex:0 0 auto;width:66.66666667%}
	.col-lg-9{flex:0 0 auto;width:75%}
	.col-lg-10{flex:0 0 auto;width:83.33333333%}
	.col-lg-11{flex:0 0 auto;width:91.66666667%}
	.col-lg-12{flex:0 0 auto;width:100%}
	.offset-lg-0{margin-left:0}
	.offset-lg-1{margin-left:8.33333333%}
	.offset-lg-2{margin-left:16.66666667%}
	.offset-lg-3{margin-left:25%}
	.offset-lg-4{margin-left:33.33333333%}
	.offset-lg-5{margin-left:41.66666667%}
	.offset-lg-6{margin-left:50%}
	.offset-lg-7{margin-left:58.33333333%}
	.offset-lg-8{margin-left:66.66666667%}
	.offset-lg-9{margin-left:75%}
	.offset-lg-10{margin-left:83.33333333%}
	.offset-lg-11{margin-left:91.66666667%}
	.g-lg-0,.gx-lg-0{--bs-gutter-x:0}
	.g-lg-0,.gy-lg-0{--bs-gutter-y:0}
	.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}
	.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}
	.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}
	.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}
	.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}
	.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}
	.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}
	.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}
	.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}
	.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}
}

@media (min-width:1200px) {
	.col-xl{flex:1 0 0}
	.row-cols-xl-auto>*{flex:0 0 auto;width:auto}
	.row-cols-xl-1>*{flex:0 0 auto;width:100%}
	.row-cols-xl-2>*{flex:0 0 auto;width:50%}
	.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}
	.row-cols-xl-4>*{flex:0 0 auto;width:25%}
	.row-cols-xl-5>*{flex:0 0 auto;width:20%}
	.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}
	.col-xl-auto{flex:0 0 auto;width:auto}
	.col-xl-1{flex:0 0 auto;width:8.33333333%}
	.col-xl-2{flex:0 0 auto;width:16.66666667%}
	.col-xl-3{flex:0 0 auto;width:25%}
	.col-xl-4{flex:0 0 auto;width:33.33333333%}
	.col-xl-5{flex:0 0 auto;width:41.66666667%}
	.col-xl-6{flex:0 0 auto;width:50%}
	.col-xl-7{flex:0 0 auto;width:58.33333333%}
	.col-xl-8{flex:0 0 auto;width:66.66666667%}
	.col-xl-9{flex:0 0 auto;width:75%}
	.col-xl-10{flex:0 0 auto;width:83.33333333%}
	.col-xl-11{flex:0 0 auto;width:91.66666667%}
	.col-xl-12{flex:0 0 auto;width:100%}
	.offset-xl-0{margin-left:0}
	.offset-xl-1{margin-left:8.33333333%}
	.offset-xl-2{margin-left:16.66666667%}
	.offset-xl-3{margin-left:25%}
	.offset-xl-4{margin-left:33.33333333%}
	.offset-xl-5{margin-left:41.66666667%}
	.offset-xl-6{margin-left:50%}
	.offset-xl-7{margin-left:58.33333333%}
	.offset-xl-8{margin-left:66.66666667%}
	.offset-xl-9{margin-left:75%}
	.offset-xl-10{margin-left:83.33333333%}
	.offset-xl-11{margin-left:91.66666667%}
	.g-xl-0,.gx-xl-0{--bs-gutter-x:0}
	.g-xl-0,.gy-xl-0{--bs-gutter-y:0}
	.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}
	.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}
	.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}
	.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}
	.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}
	.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}
	.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}
	.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}
	.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}
	.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}
}

@media (min-width:1400px) {
	.col-xxl{flex:1 0 0}
	.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}
	.row-cols-xxl-1>*{flex:0 0 auto;width:100%}
	.row-cols-xxl-2>*{flex:0 0 auto;width:50%}
	.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}
	.row-cols-xxl-4>*{flex:0 0 auto;width:25%}
	.row-cols-xxl-5>*{flex:0 0 auto;width:20%}
	.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}
	.col-xxl-auto{flex:0 0 auto;width:auto}
	.col-xxl-1{flex:0 0 auto;width:8.33333333%}
	.col-xxl-2{flex:0 0 auto;width:16.66666667%}
	.col-xxl-3{flex:0 0 auto;width:25%}
	.col-xxl-4{flex:0 0 auto;width:33.33333333%}
	.col-xxl-5{flex:0 0 auto;width:41.66666667%}
	.col-xxl-6{flex:0 0 auto;width:50%}
	.col-xxl-7{flex:0 0 auto;width:58.33333333%}
	.col-xxl-8{flex:0 0 auto;width:66.66666667%}
	.col-xxl-9{flex:0 0 auto;width:75%}
	.col-xxl-10{flex:0 0 auto;width:83.33333333%}
	.col-xxl-11{flex:0 0 auto;width:91.66666667%}
	.col-xxl-12{flex:0 0 auto;width:100%}
	.offset-xxl-0{margin-left:0}
	.offset-xxl-1{margin-left:8.33333333%}
	.offset-xxl-2{margin-left:16.66666667%}
	.offset-xxl-3{margin-left:25%}
	.offset-xxl-4{margin-left:33.33333333%}
	.offset-xxl-5{margin-left:41.66666667%}
	.offset-xxl-6{margin-left:50%}
	.offset-xxl-7{margin-left:58.33333333%}
	.offset-xxl-8{margin-left:66.66666667%}
	.offset-xxl-9{margin-left:75%}
	.offset-xxl-10{margin-left:83.33333333%}
	.offset-xxl-11{margin-left:91.66666667%}
	.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}
	.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}
	.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}
	.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}
	.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}
	.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}
	.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}
	.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}
	.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}
	.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}
	.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}
	.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}
}

.bezOdstepow {gap: 0;}
.bezOdstepow,.bezOdstepow .col-md-1,.bezOdstepow .col-md-2,.bezOdstepow .col-md-3,.bezOdstepow .col-md-4,.bezOdstepow .col-md-5,.bezOdstepow .col-md-6,.bezOdstepow .col-md-7,.bezOdstepow .col-md-8,.bezOdstepow .col-md-9,.bezOdstepow .col-md-10,.bezOdstepow .col-md-11,.bezOdstepow .col-md-12,.bezOdstepow .col-sm-1,.bezOdstepow .col-sm-2,.bezOdstepow .col-sm-3,.bezOdstepow .col-sm-4,.bezOdstepow .col-sm-5,.bezOdstepow .col-sm-6,.bezOdstepow .col-sm-7,.bezOdstepow .col-sm-8,.bezOdstepow .col-sm-9,.bezOdstepow .col-sm-10,.bezOdstepow .col-sm-11,.bezOdstepow .col-sm-12 {padding-left: 0!important; padding-right: 0!important; margin-left: 0!important; margin-right: 0!important;}

.boo3 #prodListMain *:focus,
.boo3 .slideList *:focus,
.boo3 #thumbsSlick *:focus,
.boo3 #thumbsSlickVertical *:focus {outline: 0!important;}

.boo3 .nav > li > a {padding: 5px 1rem;}

.boo3 .form-horizontal .form-group,
.boo3 .container > .navbar-header,
.boo3 .container-fluid > .navbar-header,
.boo3 .container > .navbar-collapse,
.boo3 .container-fluid > .navbar-collapse {margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));}

.boo3 .form-horizontal .checkbox label.control-label {text-align: left;}

.forms.form-group {margin-bottom: 1rem; padding: 0;}
.forms.form-group label.control-label {margin-bottom: 5px;}
.forms.form-group label.form-label {margin-bottom: .5rem;}

.form-check-input:focus {box-shadow: none; outline: 0;}

/*
.opiForm .forms.form-group {display: flex;}
.opiForm .forms.form-group .control-label[class*="col-"] {display: inline-flex;}
*/

.orders .checkbox.form-check,
.panelPages .checkbox.form-check,
.contactForm .checkbox.form-check,
.forms.forms-check .checkbox.form-check {margin-bottom: 1rem;}

.checkList {margin-bottom: 1rem;}
.checkList .checkListElem {margin-bottom: .5rem;}
.checkList .checkListElem:last-of-type {margin-bottom: 0;}
.checkList .checkListElem .fa {margin-right: 5px;}
.checkList .checkListElem .fa.fa-check {}
.checkList .checkListElem .fa.fa-times {}

.checkListElem {color: var(--kolorError, #9f0000)!important;}
.checkListElem.passCheck {color: var(--kolorOK, #006619)!important;}

@media all and (min-width: 768px) {
	.boo3 .container > .navbar-header,
	.boo3 .container-fluid > .navbar-header,
	.boo3 .container > .navbar-collapse,
	.boo3 .container-fluid > .navbar-collapse {margin-right: 0; margin-left: 0;}
}

@media all and (min-width: 768px) {
	.boo3 .navbar > .container .navbar-brand,
	.boo3 .navbar > .container-fluid .navbar-brand {margin-left: -1rem;}
}
.boo3 .navbar-nav {margin: 5px -1rem;}

.boo3 .navbar-form {padding: 5px 1rem; margin-right: -1rem; margin-left: -1rem;}

@media all and (min-width: 768px) {
	.boo3 .navbar-right {margin-right: -1rem;}
	.boo3 .navbar-right ~ .navbar-right {margin-right: 0;}
}

/*
@media all and (max-width: 767px) {
	.container {width: auto; max-width: unset;}
	#sideColLeft .container,
	#sideColRight .container,
	.twoColumnSet #mainCol .container,
	.twoColumnSet .container#page_detCard {min-width: auto;}
}
@media all and (min-width: 992px) {
	.container {width: auto; min-width: 945px;}
	#sideColLeft .container,
	#sideColRight .container,
	.twoColumnSet #mainCol .container,
	.twoColumnSet .container#page_detCard {min-width: auto;}
}
@media all and (min-width: 1200px) {
	.mainTopWrap,
	#menuTop {max-width: 1200px;}
	.container {width: auto; max-width: 1200px;}
	.boxMain.whole .container,
	#sideColLeft .container,
	#sideColRight .container,
	.twoColumnSet #mainCol .container,
	.twoColumnSet .container#page_detCard {max-width: 100%;}
}
@media all and (min-width: 1600px) {
	.mainTopWrap,
	#menuTop,
	.container {max-width: 1370px;}
	.boxMain.whole .container,
	#sideColLeft .container,
	#sideColRight .container,
	.twoColumnSet #mainCol .container,
	.twoColumnSet .container#page_detCard {max-width: 100%;}
}
*/

@media (min-width: 576px) {
	.mainTopWrap,
	#menuTop,
	.container {
		max-width: unset;
	}
}
@media (min-width: 768px) {
	.mainTopWrap,
	#menuTop,
	.container {
		max-width: unset;
		min-width: 720px;
	}
}
@media (min-width: 992px) {
	.mainTopWrap,
	#menuTop,
	.container {
		max-width: unset;
		min-width: 960px;
	}
}
@media (min-width: 1200px) {
	.mainTopWrap,
	#menuTop,
	.container {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.mainTopWrap,
	#menuTop,
	.container {
		max-width: 1200px;
	}
}
@media (min-width: 1600px) {
	.mainTopWrap,
	#menuTop,
	.container {
		max-width: 1400px;
	}
}

.boxMain.whole .container {min-width: unset; max-width: 100%;}
.twoColumnSet #mainCol .container,
#sideColLeft .container,
#sideColRight .container {min-width: unset; max-width: 100%; margin: 0; padding: 0;}

/* breakpoint od 992px zamiast 478px */
@media all and (max-width: 991px) {
	.boo3 .navbar-header {
		float: none;
	}
	.boo3 .navbar-left,
	.boo3 .navbar-right {
		float: none !important;
	}
	.boo3 .navbar-collapse,
	.boo3 .navbar-form {
		border: 0px solid transparent;
		box-shadow: inset 0 0 0 rgba(255,255,255,0);
	}
	.boo3 .navbar-fixed-top {
		top: 0;
		border: 0;
	}
	.boo3 .navbar-collapse.collapse {
		display: none!important;
	}
	.boo3 .navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.boo3 .navbar-nav>li {
		float: none;
	}
	.boo3 .navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.boo3 .collapse.in,
	.boo3 .collapse.show{
		display:block !important;
	}
}

/* ***** special ***** */
body#wrapperPop {margin: 0; padding: 0;}
body div#wrapperBackgroundPop {}

.pageAdmin,
.pageClient {position: fixed; display: block; width: 100%; box-sizing: border-box; text-align: center; font-family: Verdana, Tahoma, Arial, sans-serif; z-index: 99999; box-shadow: #000000 1px 1px 5px; font-weight: 700; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

.pageAdmin {bottom: 60px; background-color: #df0000; color: #ffffff; font-size: 0.875rem; padding: 5px; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); opacity: 0.9;}

.pageClient {top: 50px; background-color: #ffffff; color: #000000; font-size: 0.75rem; line-height: 1.3;}
.pageClient .pageClientContent {max-width: 1000px; margin: 0 auto; text-align: left; /* text-shadow: 1px 1px 1px rgba(239,239,239,0.75); */}
.pageClient * {font-size: inherit; color: inherit;}
.pageClient a,
.pageClient a:visited {text-decoration: none; color: blue;}
.pageClient a:hover {text-decoration: underline; color: navy;}

.pageClient.page404   .pageClientContent   {}
.pageClient.pageThank .pageClientContent {padding: 50px 0; text-align: center; font-size: 0.8125rem; font-weight: 700;}

@media all and (max-width: 991px) {
	.pageAdmin {top: 10px; bottom: auto; font-size: 0.75rem;}
}

@media all and (max-width: 767px) {
	.pageAdmin {font-size: 0.6875rem;}
}

/* cookies */
#informacjaOCiasteczkach {position: fixed!important; bottom: 0!important; left: 0!important; width: 100%!important; z-index: 99999!important; text-align: center!important; font-size: 0.6875rem!important; background-color: #dddddd!important; border-top: 1px solid #888888!important;}
#informacjaOCiasteczkach a {display: inline-flex!important; margin: 0 5px!important; font-size: 0.6875rem!important; text-decoration: underline!important;}
#informacjaOCiasteczkach .button,
#informacjaOCiasteczkach .btn {font-size: 0.6875rem!important; text-decoration: none!important;}

/* cookiesBs */
#informacjaOCiasteczkachBs {position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; text-align: center; font-size: 0.75rem;background-color: #0009; display: flex; justify-content:center; align-items: center;}
#informacjaOCiasteczkachBs > div {background-color: #ffffff; border-top: 1px solid #808080; border-bottom: 1px solid #808080; width: 100%;}

#informacjaOCiasteczkachBs div.containerCookie {display:flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 1rem; padding: 1rem;}
#informacjaOCiasteczkachBs div.btn-link,
#informacjaOCiasteczkachBs div.btn {font-size: 0.75rem;}
#informacjaOCiasteczkachBs div.btn-box  {display: flex; gap: 1rem;}

#informacjaOCiasteczkachBs.blockDocument {top:0;}
#informacjaOCiasteczkachBs.blockDocument .btn-con {padding: 1rem;}
#informacjaOCiasteczkachBs.blockDocument  > div {width: auto; max-width: min(90vw,900px); border: 1px solid #808080;}
#informacjaOCiasteczkachBs.blockDocument .containerCookie {flex-direction: column;}

@media all and (max-width: 767px) {
	#informacjaOCiasteczkachBs div.containerCookie {flex-wrap: wrap;}
	#informacjaOCiasteczkachBs > div {width: 100%; clear: both;}
	#informacjaOCiasteczkachBs div.btn-link {display: inline-flex; flex: 0 1 auto;}
	#informacjaOCiasteczkachBs div.btn {display: inline-flex; flex: 0 1 auto;}

	#informacjaOCiasteczkachBs.blockDocument div.containerCookie {gap: 2rem;}
	#informacjaOCiasteczkachBs.blockDocument div.btn-box {flex-direction: column; flex-wrap: wrap; width: 100%;}
	#informacjaOCiasteczkachBs.blockDocument div.btn-box .btn-link,
	#informacjaOCiasteczkachBs.blockDocument div.btn-box .btn {width: 100%;}
}

/* cookies.php */
#page_cookie .containerCookie {
	display: flex; flex-direction: column; gap:2rem;
}
#page_cookie .cookiesTab {
	display: flex;
	gap:2rem;
	justify-content:space-between;padding: 1rem;
	border-top: 1px solid var(--separator);
	border-bottom: 1px solid var(--separator);
	background-color: rgba(0,0,0,0.05);
}
#page_cookie .btn-box {display: flex; gap:1rem; justify-content:flex-end}
#page_cookie .cookie-is-set {text-align: right;}

/* body */
body {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, sans-serif;}

.detCard .fullDescription,
.con1.content,
.con7.content,
.con8.content,
.catExtDesc,
.catDescCMS,
.catMoreDesc {font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;}

html {font-size: 1rem;}
body,
td,
.form-control,
.dropdown-menu {font-size: 0.875rem;}
td {font-family: inherit; color: inherit;}

#wrapper {}
#wrapperBackground {}

a,
a:visited,
a:hover {text-decoration: none;}

a,
a:visited {color: var(--kolor1);}
a:hover {color: #000000;}

.productName,
.productName a,
.productName a:visited {color: #000000;}
.productName a:hover {color: var(--kolor1);}

/* Safari fixes */
* {/*  -webkit-text-size-adjust: none; */}
textarea,
input[type="search"],
input[type="text"],
input[type="button"],
input[type="submit"] {/* border-radius: 0; */}

.hide {display: none;}

#main {padding-bottom: 2rem;}
#sideColLeft,
#sideColRight,
#mainCol {padding-top: 2rem;}
.welcomePage.oneColumnSet #mainCol {padding-top: 0; padding-bottom: 0;}

#mainCol div.pageContent {padding-top: 0; padding-bottom: 0;}
.boo3 #mainCol div.row.pageContent {padding-top: 0; padding-bottom: 0;}

@media all and (min-width: 992px) {
	.boo3 .col-md-pull-9#sideColLeft {padding-left: 0;}
	.boo3 .col-md-push-3#mainCol {padding-right: 0;}
}

/*
@media all and (min-width: 992px) {
	.boo3 #main .col-md-pull-9#sideColLeft {width: 20%; right: 80%; padding-left: 0;}
	.boo3 #main .col-md-push-3#mainCol {width: 80%; left: 20%; padding-right: 0;}
}
*/

#main:empty,
#mainCol:empty {display: none;}

@media all and (max-width: 991px) {
	.boo3 #main {
		display: flex;
		flex-direction: column;
	}
	.boo3 #main #sideColLeft,
	.boo3 #main #sideColRight,
	.boo3 #main #mainCol {margin: 0; padding: 2rem 0; width: 100%;}

	#main .side-panel#sideColLeft,
	#main .side-col#sideColLeft {padding: 0 1rem;}

	.boo3 #main .side-panel.collapse#sideColLeft,
	.boo3 #main .side-col.collapse#sideColLeft {height: 0!important; min-height: 0;}
	.boo3 #main .side-panel.collapsing#sideColLeft,
	.boo3 #main .side-col.collapsing#sideColLeft {min-height: 0;}
	.boo3 #main .side-panel.collapse.in#sideColLeft,
	.boo3 #main .side-col.collapse.in#sideColLeft {height: auto!important; min-height: initial;}

	.boo3 #main #sideColLeft {order: 1;}
	.boo3 #main #mainCol {order: 2;}
	.boo3 #main #sideColRight {order: 3;}

	#main .side-panel.collapsing#sideColLeft,
	#main .side-col.collapsing#sideColLeft {display: block!important;}

	.side-panel#sideColLeft .panel,
	.side-col#sideColLeft   .panel {display: none!important; margin-bottom: 0!important;}

	.side-panel#sideColLeft .panel#box_loginPanel,
	.side-col#sideColLeft   .panel#box_listFilters {display: block!important; margin-top: 1rem; margin-bottom: 2rem;}
	.side-col#sideColLeft   .panel#box_listFilters #filters_buttons {margin-bottom: 0;}
}

@media all and (min-width: 992px) {
	.boo3 .collapse#sideColLeft {display: block;}
	.boo3 #main .side-panel#sideColLeft {/* position: sticky; top: 2rem; */}
}

#main .side-panel#sideColLeft,
#main .side-col#sideColLeft {display: none;}
#main .side-panel.in#sideColLeft,
#main .side-panel.show#sideColLeft,
#main .side-col.in#sideColLeft,
#main .side-col.show#sideColLeft {display: block;}

@media all and (min-width: 992px) {
	#main .side-panel#sideColLeft,
	#main .side-col#sideColLeft {display: block;}
}

/* patch */
#section_breadcrumbs {margin: 0; width: 100%; border-bottom: 1px solid var(--ramka1); background-color: /* #f3f3f3 */ #FCFCFC; min-height: 1px; clear: both;}
.galCatPath#section_breadcrumbs {}

/*
#section_breadcrumbs li {white-space: nowrap; word-break: keep-all;}
#section_breadcrumbs span.breadcrumbs {word-break: normal; overflow-wrap: anywhere; hyphens: auto;}
#section_breadcrumbs span.divide,
#section_breadcrumbs span.breadcrumbs {display: inline;}
*/
.boo3 #section_breadcrumbs .container {margin: 0 auto; padding: 0;}
.boo3 #section_breadcrumbs .row {margin: 0; padding: 0;}
.boo3 #section_breadcrumbs .container .col-md-12 {margin: 0; padding: 0;}

#section_breadcrumbs .breadcrumb {margin: 0; padding: 10px 0; font-size: 0.6875rem;}

#section_breadcrumbs div.breadcrumbs {display: block; clear: both;}
#section_breadcrumbs ol.breadcrumb {display: inline-block;}
#section_breadcrumbs .breadcrumb > li + li,
#section_breadcrumbs .breadcrumb > .breadcrumb-item + .breadcrumb-item {padding: 0!important;}
#section_breadcrumbs .breadcrumb > li + li::before,
#section_breadcrumbs .breadcrumb > .breadcrumb-item + .breadcrumb-item::before {display: none!important;}

.rowPath {margin-top: -1rem;}
.rowPath section#breadcrumbs {width: 100%; clear: both; border-bottom: 1px solid var(--ramka1); background-color: #ffffff; min-height: 1px; margin: 0 0 1rem 0; padding: 0 0 1rem 0; font-size: 0.6875rem;}

/*
@media all and (min-width: 768px) {
	#section_breadcrumbs .row {width: 750px;}
}
@media all and (min-width: 992px) {
	#section_breadcrumbs .row {width: 970px;}
}
@media all and (min-width: 1200px) {
	#section_breadcrumbs .row {width: 1170px;}
}
@media all and (min-width: 1600px) {
	#section_breadcrumbs .row {width: 1340px;}
}
*/

.breadcrumb {background-color: /* #f3f3f3 */ #FCFCFC;}
.breadcrumb > li {display: inline; white-space: normal;}
.breadcrumb > li + li::before {padding: 0 0px; content: ""; display: none;}
.breadcrumb a,
.breadcrumb a:visited {color: #1a1a18;}
.breadcrumb a:hover,
.breadcrumb .active,
.breadcrumb li:last-child .breadcrumbs span.breadcrumb-name,
.breadcrumb span.breadcrumbs span.breadcrumb-name {color: var(--kolor1);}

.breadcrumb span.divide {}

.breadcrumb .active,
.breadcrumb li:last-child .breadcrumbs span.breadcrumb-name,
.breadcrumb span.breadcrumbs span.breadcrumb-name {font-weight: 700;}

.breadcrumb li:empty {display: none;}

.breadcrumbs.buyPath {margin: 0; padding: 0 0 1rem 0; border-top: 0;}
.buyPath#buyTips {padding-top: 1rem; margin-bottom: 1rem; text-align: left;}

.breadcrumbs.buyPath ul.content {display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0;}
.breadcrumbs.buyPath ul.content li.steps {width: 25%; margin: 0 0; padding: 0; list-style: none; display: inline-flex; align-items: center; text-align: center; font-size: 0.875rem; text-transform: uppercase; min-height: 40px; line-height: 1; gap: 0 1rem; position: relative;}

.breadcrumbs.buyPath ul.content li.steps h3,
.breadcrumbs.buyPath ul.content li.steps .breadcrumbs {display: flex; width: 100%; align-items: center; text-align: center; justify-content: center;}
.breadcrumbs.buyPath ul.content li.steps .breadcrumbs {padding: 0 1rem;}

.breadcrumbs.buyPath ul.content li.steps span.sep {display: inline-flex; padding: 0; position: absolute; left: 0.5rem;}
.breadcrumbs.buyPath ul.content li.steps span.sep.step1 {display: none;}

@media all and (max-width: 767px) {
	.breadcrumbs.buyPath ul.content li.steps {font-size: 0.75rem; width: 50%;}
	.breadcrumbs.buyPath ul.content li.steps.step-3 {clear: left;}
	.breadcrumbs.buyPath ul.content li.steps span.sep {display: none;}
	.breadcrumbs.buyPath ul.content li.steps .breadcrumbs {display: flex; padding: 0 1.5rem;}
}
.breadcrumbs.buyPath ul.content li.steps {background-color: #eeeeee; color: #1a1a18;}
.breadcrumbs.buyPath ul.content li.steps.active {background-color: #333333; color: #dedede;}
.breadcrumbs.buyPath ul.content li.steps:hover {background-color: #dedede; color: #1a1a18;}
.breadcrumbs.buyPath ul.content li.steps.active:hover {background-color: var(--kolor1); color: #ffffff;}
.breadcrumbs.buyPath ul.content li.steps span.sep {color: #ffffff; }

.breadcrumbs.buyPath ul.content li.steps a.breadcrumbs,
.breadcrumbs.buyPath ul.content li.steps a.breadcrumbs:visited,
.breadcrumbs.buyPath ul.content li.steps a.breadcrumbs:hover {color: inherit;}
.breadcrumbs.buyPath ul.content li.steps span.breadcrumbs {color: #1a1a18;}

.buyPath h3 {margin: 0; padding: 0; font-size: inherit; font-weight: 400;}
.buyPath h3 .breadcrumbs,
.buyPath h3 .breadcrumbs {}
.buyPath span.sep {}

.buyPath h3 a.breadcrumbs,
.buyPath h3 a.breadcrumbs:visited {color: var(--kolor1);}
.breadcrumb li:last-child .breadcrumbs,
.buyPath h3 span.breadcrumbs {}
.buyPath h3 a.breadcrumbs:hover {color: #1a1a18;}

.buyPath h3 .selected {font-weight: 700;}

#overHeader {background-color: #f3f4f6; color: #555555;}

#overHeader .link .dropdown-toggle,
#overHeader li a,
#overHeader li a:visited {color: #555555; background-color: transparent;}
#overHeader .link.open .dropdown-toggle,
#overHeader .link .dropdown-toggle:hover,
#overHeader li a:hover {color: #000000; background-color: #FCFCFC;}

#overHeader .active a,
#overHeader .active a:visited {color: var(--kolor1); background-color: #FCFCFC;}
#overHeader .link.open .dropdown-toggle:hover,
#overHeader .active a:hover {color: #000000; background-color: #FCFCFC;}

.fullPop .badge,
#overHeader .badge {display: inline-flex; padding: 0 3px; line-height: 1; width: auto; min-width: 16px; height: 16px; font-size: 0.625rem; font-weight: 600; text-align: center; align-items: center; justify-content: center; border-radius: 16px; background-color: #666666; color: #ffffff;}
#header .badge {}

.menuFooter {background-color: var(--stopkaBg);}
.menuFooter,
.menuFooter a,
.menuFooter a:visited {color: /* #a1a1a1 */ #A3A3A3;}
.menuFooter a:hover {color: #ffffff;}

.menuFooter a.active,
.menuFooter a.active:visited {color: #ffffff;}
.menuFooter a.active:hover {color: var(--kolor1);}

.menuFooter .links-header,
.menuFooter h3 {color: #ffffff;}

#section_copyrights {background-color: var(--podpisBg);}
#section_copyrights,
#section_copyrights a,
#section_copyrights a:visited {color: /* #a1a1a1 */ #A3A3A3;}
#section_copyrights a:hover {color: #ffffff;}

#section_custom {background-color: var(--nadStopkaBg);}
#section_custom,
#section_custom a,
#section_custom a:visited {color: /* #a1a1a1 */ #A3A3A3;}
#section_custom a:hover {color: #ffffff;}

.boo3 #linksMenu_collapse .nav.navbar-nav.navbar-left {margin-left: 0;}
.boo3 #linksMenu_collapse .nav.navbar-nav.navbar-right {margin-right: 0;}

#section_menuTop {}

#section_slider {margin-bottom: 2rem; overflow: hidden;}
#section_slider:empty {display: none;}

.section_txt,
#section_indexTxt,
#section_additionalTxt {}

#section_news,
#section_catListMain,
#section_prodListMain {margin-bottom: 2rem;}

#section_regForm,
#section_regParForm,
#section_userForm,
#section_parForm,
#filters_prodFilters,
#filters_priceFilters,
#filters_sortFilters,
#filters_promotionTypes,
#filters_availabilityStatus,
#filters_resultsPerPage {margin-bottom: 2rem;}

#mainProd,
#mainCat,
#mainBlog,
#mainMain,
#mainSale,
#mainPro,
#mainBest,
#mainNew {/* margin-bottom: 60px; */}

#main .container.section_txt,
#main .container#mainProd,
#main .container#mainCat,
#main .container#mainBlog,
#main .container#mainMain,
#main .container#mainSale,
#main .container#mainPro,
#main .container#mainBest,
#main .container#mainNew {padding: 0; width: 100%; max-width: unset;}

#sideColLeft  .container {padding: 0;}
#sideColRight .container {padding: 0;}

#section_mainList,
#section_saleList,
#section_proList,
#section_bestList,
#section_newList {/* margin-bottom: 0; */}

#section_compoList,
#section_setList,
#section_crossSelList {margin-bottom: 60px;}

#filters_availabilityStatus {text-align: right;}

.table-responsive.no-border,
.table-responsive.no-border th,
.table-responsive.no-border td,
.table-responsive.no-border tr {border: 0 solid;}

.select_wrap.multiselect .table-responsive.f_tab {height: auto;}
.select_wrap.multiselect .table-responsive.f_tab td {vertical-align: middle; padding: 5px 1rem 5px 0; height: auto;}
.select_wrap.multiselect .table-responsive.f_tab td .checkbox,
.select_wrap.multiselect .table-responsive.f_tab td label,
.select_wrap.multiselect .table-responsive.f_tab td img {display: inline-block; margin: 0; padding: 0; vertical-align: middle;}
.select_wrap.multiselect .table-responsive.f_tab td .checkbox {margin-right: 10px;}

#section_copyrights {font-size: 0.6875rem;}

#section_copyrights .row {padding-top: 2rem; padding-bottom: 60px;}
#section_menuFooter .row,
#section_menuFooterColumns .row {padding-top: 2rem; padding-bottom: 1rem;}

#section_copyrights .row .row,
#section_menuFooter .row .row,
#section_menuFooterColumns .row .row {padding-top: 0px; padding-bottom: 0px;}

#custom776,
#custom777,
#customTxt,
#infoserwis {color: inherit;}
#infoserwis {text-align: right;}

/* linia */
/*
#section_copyrights .row {border-top: 1px solid #dddddd; margin-left: 0; margin-right: 0;}
#section_copyrights .row .col-sm-12 {padding-left: 0; padding-right: 0;}

#customTxt {padding-left: 0; padding-right: 1rem;}
#infoserwis {padding-left: 1rem; padding-right: 0;}
*/

@media all and (max-width: 767px) {
	#section_copyrights .col-sm-12 {text-align: center;}

	#customTxt,
	#infoserwis {text-align: center; padding-top: 5px; padding-bottom: 5px;}
}

.section_txt a:hover img,
#section_additionalTxt a:hover img,
#section_indexTxt a:hover img,
#custom776 a:hover img,
#custom777 a:hover img {opacity: 0.9;}

#custom776 {padding-top: 1rem; padding-bottom: 1rem;}

#custom777 {padding-top: 0; padding-bottom: 1rem}

.menuFooter {font-size: 0.75rem;}
.menuFooter .links-header,
.menuFooter h3 {font-size: 0.875rem; padding: 0 0 6px 0; margin: 0; font-weight: 700;}
@media all and (max-width: 767px) {
	.menuFooter .links-header,
	.menuFooter h3 {padding-top: 10px;}
	.menuFooter .cursorHand {cursor: pointer;}
}
.menuFooter ul {list-style: none; margin: 0 0 10px 0; padding: 0;}
.menuFooter li {padding: 4px 0; margin: 0;}

.menuFooter div.conLinks0 {margin: 0; padding: 0 0 1rem 0;}
.menuFooter div.conLinks0 a {display: inline-block; padding: 4px 5px 4px 5px;}
.menuFooter div.conLinks0 .sep {display: inline-block; padding: 4px 5px 4px 5px;}

.menuFooter ul.conLinks2 {margin: 0; padding: 0 0 1rem 0;}
.menuFooter ul.conLinks2 li {display: inline-block; padding: 4px 10px 4px 0px;}

.menuFooter.menuFooterMulti .links-header,
.menuFooter.menuFooterMulti h3 {display: block;}
.menuFooter.menuFooterMulti .links-header span.fa,
.menuFooter.menuFooterMulti .links-header span.glyphicon,
.menuFooter.menuFooterMulti h3 span.fa,
.menuFooter.menuFooterMulti h3 span.glyphicon {float: right; cursor: pointer; font-size: 1.5rem; width: 30px; text-align: center; margin-top: -4px;}
.menuFooter.menuFooterMulti ul.conLinks2 li {display: block; padding: 4px 0px 4px 0px;}

@media all and (max-width: 767px) {
	.menuFooter.menuFooterMulti .links-header,
	.menuFooter.menuFooterMulti h3 {padding-top: 0.5rem; padding-bottom: 0.5rem;}
	.menuFooter.menuFooterMulti ul.conLinks2 {padding-top: 0; padding-bottom: 0;}
	.menuFooter.menuFooterMulti ul.conLinks2 li {display: block; padding: 0 0px 0 0px;}
	.menuFooter.menuFooterMulti ul.conLinks2 li:last-child {margin-bottom: 1rem;}
	.menuFooter.menuFooterMulti ul.conLinks2 li a {display: block; padding: 0.5rem 0 0.5rem 0; font-size: 0.875rem;}
}

@media all and (min-width: 768px) {
	.menuFooter.menuFooterMulti .links-header .fa {display: none!important;}
	.menuFooter.menuFooterMulti ul.conLinks2.collapse,
	.menuFooter.menuFooterMulti ul.conLinks2.collapsing {display: block!important; transition: none!important; height: auto!important;}
}

/* @media all and (min-width: 768px) {
	.menuFooter .collapse {display: block;}
	.menuFooter .links-header span,
	.menuFooter h3 span {display: none;}
} */

/* Boostrap extensions */
@media all and (max-width: 479px) {
	.hidden-xxs {
		display: none !important;
	}
}
@media all and (max-width: 479px) {
	.visible-xxs-block,
	.visible-xxs {
		display: block !important;
	}
	.visible-xxs-inline-block {
		display: inline-block !important;
	}
	.visible-xxs-inline {
		display: inline !important;
	}
	table.visible-xxs {
		display: table;
	}
	tr.visible-xxs {
		display: table-row !important;
	}
	th.visible-xxs,
	td.visible-xxs {
		display: table-cell !important;
	}
}

/* Bootstrap ovverride */
.well {margin-bottom: 1rem;}
.choose .well,
.well.information {padding: 1rem;}
.alert-success {clear: both;}
.alert-success hr {}
.alert-success .alert-link {}
.choose .well,
.well.information.hint,
.alert-info {clear: both; color: #555555; background-color: /* #f3f3f3 */ #FCFCFC; border-color: var(--ramka1);}
.alert-info hr {border-top-color: #a6e1ec;}
.alert-info .alert-link {color: #245269;}
.alert-warning {clear: both;}
.alert-warning hr {}
.alert-warning .alert-link {}
.alert-danger {clear: both;}
.alert-danger hr {}
.alert-danger .alert-link {}
.alert-success {background-image: none;}

.well.information.hint,
.alert-info {
	background-image: linear-gradient(to bottom, #f3f3f3 0%, #dedede 100%);
	background-repeat: repeat-x;
	border-color: var(--ramka1);
	background-image: none;
}
.alert-warning {
	background-image: none;
}
.alert-danger {
	background-image: none;
}

#section_slider .container {/* padding-left: 0; padding-right: 0; max-width: 100%; */}
#section_slider .row {margin-left: 0; margin-right: 0;}
#section_slider .col-md-12 {padding-left: 0; padding-right: 0;}

.button,
.btn,
.btn-lg, .btn-group-lg > .btn,
.btn-sm, .btn-group-sm > .btn,
.btn-xs, .btn-group-xs > .btn,
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn,
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn,
.input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {border-radius: 0;}
.form-control,
.input-lg, .form-group-lg .form-control,
.input-sm, .form-group-sm .form-control,
.input-xs, .form-group-xs .form-control,
.nav-tabs > li > a,
.nav-tabs.nav-justified > li > a,
.nav-pills > li > a,
.nav-tabs-justified > li > a,
.navbar,
.navbar-toggle,
.navbar-toggle .icon-bar,
.dropdown-menu,
.navbar-nav > li > .dropdown-menu,
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu,
.breadcrumb,
.pagination,
.pager li > a, .pager li > span,
.label,
.container .jumbotron, .container-fluid .jumbotron,
.thumbnail,
.alert,
.panel,
.panel-heading,
.panel-body,
.panel-group .panel,
.well,
.well-lg,
.well-sm,
.well-xs,
.modal-content {border-radius: 0;}

.navbar-brand {padding: 10px 0 0 10px;}
.navbar-brand img {width: 110px;}

.has-error .form-control,
.has-error .form-control:focus,
.has-error .form-control:active,
.form-control,
.form-control:focus,
.form-control:active {box-shadow: none;}

/* search */
#quickSearch {}
#quickSearch .btn[type="submit"] {}
#quickSearch .btn[type="submit"]:hover {}
#quickSearch .btn[type="submit"] span.fa {}
#quickSearch input.form-control {}

@media all and (max-width: 991px) {
	#quickSearch input.form-control {width: 100px;}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#quickSearch {max-width: 300px;}
}

@media all and (min-width: 1200px) {
	#quickSearch {max-width: 340px;}
}

@media all and (min-width: 1400px) {
	#quickSearch {max-width: 350px;}
	#quickSearch .form-control {min-width: 250px;}
}

.findForm .wrap {}

.findForm.input-group {display: flex; flex-direction: row; margin: 0; padding: 0; border: 1px solid var(--ramka1);}
.findForm.input-group.mobile {}

.findForm .form-control,
.findForm .input-group-btn {display: inline-flex; flex: 1 1 auto; height: 35px; line-height: 1; align-items: center; border: 0;}
.findForm .form-control {display: flex; width: 100%; padding: 0 10px; align-items: center; justify-content: flex-start;}
.findForm .input-group-btn {width: auto;}
.findForm .btn.findBtn {display: flex; width: auto; flex: 0 1 auto; line-height: 1; align-items: center; justify-content: center; flex-direction: row; border: 0; flex-wrap: nowrap;}
.findForm .btn.findBtn:hover {border: 0;}

.findForm .txt {display: none;}

/* pakiet jezykowy */
#overHeader .nav#curLan {}

#overHeader .nav#curLan ul,
#overHeader .nav#curLan li {padding: 0; margin: 0;}

#overHeader .nav#curLan .link#flagList,
#overHeader .nav#curLan .link#curList {margin-right: 1rem; white-space: nowrap;}
#overHeader .nav#curLan .link#flagList img {margin-top: -3px; margin-right: 5px;}

#overHeader .nav#curLan .caret {display: inline-flex; border: 0; width: auto; height: 100%; vertical-align: unset; /*  */ overflow: hidden; margin: 0 0 0 0.5rem; align-items: center; justify-content: center;}
#overHeader .nav#curLan .caret::before {display: flex; font-size: 0.625rem; font-weight: 400; /* content: "\e114"; font-family: 'Glyphicons Halflings'; */ content: "\f078"; font-family: 'FontAwesome';}

#overHeader .nav#curLan .dropdown-menu {border: 0; padding: 0; margin: 0; box-shadow: none; min-width: unset; width: auto; top: 100%; left: auto; position: absolute; box-sizing: border-box; z-index: 5201;}
#overHeader .nav#curLan .dropdown-menu ul {border: 0; padding: 0; margin: 0; box-shadow: none; width: 100%; box-sizing: border-box; list-style: none;}
#overHeader .nav#curLan .dropdown-menu li {padding: 0; margin: 0; width: 100%;}

#overHeader .nav li a,
#overHeader .nav#curLan .dropdown-toggle,
#overHeader .nav#curLan .dropdown-menu li a,
#overHeader .nav#curLan .dropdown-menu li span.curLink {cursor: pointer; padding: 5px 10px;}

#overHeader .nav#curLan .dropdown-menu li a,
#overHeader .nav#curLan .dropdown-menu li span.curLink {display: block;}

#overHeader .nav#curLan .dropdown-menu li img {margin-right: 3px;}
#overHeader .nav#curLan .dropdown-menu .selected {font-weight: 700;}

#mobi_clientMenu .nav li a,
.nav#curLan2 li span.curLink,
.boo3 .nav#curLan2 li a {display: block; padding: 5px 10px; cursor: pointer;}

#mobi_clientMenu .nav li a,
#mobi_clientMenu .nav li a:visited,
#overHeader    .nav#curLan  .dropdown-menu li a,
#overHeader    .nav#curLan  .dropdown-menu li a:visited,
#mobi_language .nav#curLan2 .dropdown-menu li a,
#mobi_language .nav#curLan2 .dropdown-menu li a:visited,
#overHeader    .nav#curLan  .dropdown-menu li span.curLink,
#mobi_language .nav#curLan2 .dropdown-menu li span.curLink {background-color: #ffffff; border: 1px solid #f5f5f5;}
#mobi_clientMenu .nav li a:hover,
#overHeader    .nav#curLan  .dropdown-menu li a:hover,
#mobi_language .nav#curLan2 .dropdown-menu li a:hover,
#overHeader    .nav#curLan  .dropdown-menu li span.curLink:hover,
#mobi_language .nav#curLan2 .dropdown-menu li span.curLink:hover {background-color: var(--kolor1); border: 1px solid var(--kolor1); color: #ffffff;}

#mobi_clientMenu .nav li.active a,
#mobi_clientMenu .nav li.active a:visited,
#overHeader    .nav#curLan  .dropdown-menu li a.selected,
#overHeader    .nav#curLan  .dropdown-menu li a.selected:visited,
#mobi_language .nav#curLan2 .dropdown-menu li a.selected,
#mobi_language .nav#curLan2 .dropdown-menu li a.selected:visited,
#overHeader    .nav#curLan  .dropdown-menu li span.curLink.selected,
#mobi_language .nav#curLan2 .dropdown-menu li span.curLink.selected {background-color: var(--kolor1); border: 1px solid var(--kolor1); color: #ffffff;}
#mobi_clientMenu .nav li.active a:hover,
#overHeader    .nav#curLan  .dropdown-menu li a.selected:hover,
#mobi_language .nav#curLan2 .dropdown-menu li a.selected:hover,
#overHeader    .nav#curLan  .dropdown-menu li span.curLink.selected:hover,
#mobi_language .nav#curLan2 .dropdown-menu li span.curLink.selected:hover {background-color: var(--kolor2); border: 1px solid var(--kolor2); color: #ffffff;}

@media all and (max-width: 991px) {
	#mainTop .nav#curLan .open .dropdown-menu {
		position: absolute;
		top: 100%;
	}
}

@media all and (min-width: 992px) {
	#overHeader .nav#curLan .dropdown-menu {
		box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);
	}
}

#curList2  .dropdown-toggle,
#flagList2 .dropdown-toggle {display: none!important;}

#curList2  .dropdown-menu,
#flagList2 .dropdown-menu {display: block!important; width: 100%; height: auto; float: none; position: static; top: 0; left: 0; border: 0; padding: 0; margin: 0; box-shadow: none;}

#mobi_language ul.nav,
#mobi_clientMenu ul.nav {display: flex; width: 100%; margin: 0; flex-wrap: wrap; gap: 10px; align-content: flex-start; align-items: center; justify-content: flex-start; flex-direction: row;}
#mobi_language ul.nav#curLan2 {flex-direction: column; align-items: flex-start; justify-content: center;}

#mobi_language ul.nav::before,
#mobi_language ul.nav::after,
#mobi_clientMenu ul.nav::before,
#mobi_clientMenu ul.nav::after {display: none;}

#curList2  .dropdown-menu ul,
#flagList2 .dropdown-menu ul {display: flex; width: 100%; margin: 0; padding: 0; flex-wrap: wrap; gap: 5px 10px; align-content: flex-start; align-items: center; justify-content: flex-start;}

#mobi_clientMenu li,
#curList2  .dropdown-menu li,
#flagList2 .dropdown-menu li {display: inline-block; clear: none; margin: 0;}
#mobi_clientMenu li a,
#curList2  .dropdown-menu li span.curLink,
#curList2  .dropdown-menu li a,
#flagList2 .dropdown-menu li a {display: inline-block; clear: none; text-transform: uppercase; padding: 5px 1rem; cursor: pointer;}
#flagList2 .dropdown-menu li a img {margin-right: 5px; margin-top: -1px; margin-bottom: 1px;}

#header,
.fullPop,
.navbar-collapse.fullPop {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);
}

/* sticky */
.sticky {position: fixed; top: 0;}

@media all and (max-width: 991px) {
	.sticked {position: relative;}
	.sticked.mobile-fixet {position: fixed;}
	.sticked {top: 0;}
	.sticked.mobile-hide {top: -100%;}
}

.sticked.sticky {}
.sticked.sticky .mainTopWrap {}

.outer-sticked,
.sticky-transform,
#header {z-index: 5200;}

.sticky-transform {width: 100%;}

#overHeader,
#overHeader .dropdown-menu {font-size: 0.6875rem;}

#header .dropdown-menu {}

#mobi_clientMenu .dropdown-menu,
#mobi_language .dropdown-menu {background-color: transparent;}

.navbar-collapse.fullPop button.navbar-toggle {display: none; opacity: 0;}

@media all and (max-width: 991px) {
	.navbar-collapse.fullPop {display: flex; position: fixed; top: 0; left: -100%; width: 100%!important; height: 100vh!important; max-height: 100vh!important; margin: 0!important; padding: 60px 0 1rem 0!important; box-sizing: border-box; z-index: 5201; overflow: auto!important; flex-direction: column; align-items: center; justify-content: flex-start; opacity: 0;}

	.navbar-collapse.fullPop::before,
	.navbar-collapse.fullPop::before {display: none;}
	.navbar-collapse.fullPop .nav.navbar-nav::after,
	.navbar-collapse.fullPop .nav.navbar-nav::after {display: none;}

	.navbar-collapse.fullPop .dropdown-menu {}
	.navbar-collapse.fullPop ul.navbar-nav {display: flex; flex-wrap: wrap; gap: 10px; margin: 0; width: 100%;}
	.navbar-collapse.fullPop ul.navbar-nav li {margin: 0;}

	.navbar-collapse.fullPop#mobi_menuTop ul.navbar-nav,
	.navbar-collapse.fullPop#mobi_menuCat ul.navbar-nav {display: block;}

	.navbar-collapse.fullPop.collapse.collapsing {}
	.navbar-collapse.fullPop.collapse.in,
	.navbar-collapse.fullPop.collapse.show {left: 0; opacity: 1;}

	.navbar-collapse.fullPop.collapse.in button.navbar-toggle.btnPopClose,
	.navbar-collapse.fullPop.collapse.show button.navbar-toggle.btnPopClose {display: inline-flex; position: fixed; top: 10px; right: 10px; margin: 0; z-index: 0; opacity: 1;}

	.navbar-collapse.fullPop#mobi_search .navbar-form form,
	.navbar-collapse.fullPop#mobi_menuTop ul.navbar-nav,
	.navbar-collapse.fullPop#mobi_menuCat ul.navbar-nav,
	.navbar-collapse.fullPop#mobi_language ul.navbar-nav,
	.navbar-collapse.fullPop#mobi_clientMenu ul.navbar-nav {padding: 0 10px;}
}

@media all and (min-width: 992px) {
	#overHeader > .container {display: flex; justify-content: space-between; gap: 0 1rem; flex-wrap: nowrap; min-height: 50px;}
	#overHeader > .container::before,
	#overHeader > .container::after {display: none;}
	#overHeader #curLan,
	#overHeader #menuHeader,
	#overHeader #quickSearch {display: flex; flex-direction: row; align-items: center; float: none; flex-wrap: wrap;}
	#overHeader #curLan      {order: 1; margin: 0.5rem auto 0.5rem 0;}
	#overHeader #menuHeader  {order: 2; margin: 0.5rem auto 0.5rem 0; flex-wrap: wrap; flex: 1 1 auto; justify-content: flex-end;}
	#overHeader #quickSearch {order: 3; margin: 5px 0 5px auto;}
}

#mainTop {display: flex; clear: both; height: auto; flex-direction: column; height: unset;}

.mainTopWrap {display: flex; clear: both; width: 100%; margin: 0 auto; flex-direction: row; height: 100px; position: relative; align-items: center; justify-content: space-between; gap: 0 2rem; padding: 0 1rem;}
.sticked .mainTopWrap {height: 80px;}

@media all and (min-width: 992px) {
	.outer-sticked {min-height: 80px;}

	.sticked.mobile-hide .mainTopWrap {height: 0!important; overflow: hidden;}
	.sticked.mobile-hide .mainTopWrap * {display: none;}
}

#logo {display: flex; flex: 1 1 auto; min-width: 300px; height: 100%; text-align: left; padding: 10px 0; box-sizing: border-box; overflow: hidden;}
#logo div {display: block; width: 100%; /* max-width: -moz-available; */ height: 100%; text-align: left;}
.linkLogo {display: block; width: 100%; height: 100%;}
.mainLogo {display: block; height: 100%;}
.mainLogo.mainLogo-mobile {display: none;}
.mainLogo span {display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
#logo img {display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto auto auto 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}
#quickCart {display: flex; flex: 0 1 auto; width: auto; justify-content: flex-end; margin: 0; padding: 0; white-space: nowrap; position: relative; z-index: 5200;}
.sticky#quickCart {width: auto;}

.mediumWrap {display: flex; clear: both; height: auto; flex-direction: row; align-items: center;}
#specialLogo {display: flex; flex: 1 1 auto; width: 100%; height: 100%; text-align: center; padding: 10px 1rem; box-sizing: border-box;}
#specialLogo .mainLogo {width: 100%; text-align: center;}
.mainTopWrap #logo img,
#specialLogo img {display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto auto auto 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}

.mainTopWrap #quickSearch {display: flex; flex: 0 1 auto; justify-content: flex-end; margin: 0 0 0 auto; padding: 0; box-sizing: border-box;}
.mainTopWrap #quickSearch .navbar-form {margin: 0; padding: 0px 10px 10px 10px;}
.mainTopWrap #quickSearch .navbar-form form {width: 100%;}

@media all and (max-width: 991px) {
	.navbar-collapse#mobi_search .navbar-form {width: 100%;}
	.navbar-collapse#mobi_search .navbar-form form {width: 100%; box-sizing: border-box;}

	.mainTopWrap {height: 80px;}
	.sticked .mainTopWrap {height: 70px;}

	.mainTopWrap {gap: 0;}
	.mainTopWrap #logo {flex: 1 1 auto; width: auto; min-width: 120px; text-align: left; margin: 0 10px 0 0; padding: 0;}
	.mainTopWrap #mobiMenu {flex: 0 1 auto; margin: 0; padding: 0 10px; justify-content: flex-end;}
	.mainTopWrap #logo div {width: 100%; text-align: left;}

	.mainTopWrap .multiLogo .mainLogo {display: none;}
	.mainTopWrap .multiLogo .mainLogo-mobile {display: block;}

	.mainTopWrap img {margin: auto auto auto 0;}
	.mainTopWrap #quickSearch {margin: 0 0 0 auto;}
	.mainTopWrap #quickSearch .navbar-form {margin-left: auto; padding: 10px; text-align: right;}
	.mainTopWrap #quickCart {padding: 0; margin: 0 0 0 auto;}
}

@media all and (max-width: 479px) {
	.mainTopWrap #logo {min-width: 80px;}
}

/* styl dla wyższego paska z logiem */
/*
.mainTopWrap,
.sticked .mainTopWrap {height: 150px;}
.sticked.sticky .mainTopWrap {height: 130px;}
.mainTopWrap #logo {padding: 0;}

@media all and (max-width: 991px) {
	.outer-sticked {min-height: 80px;}
	.mainTopWrap,
	.sticked .mainTopWrap,
	.sticked.sticky .mainTopWrap {height: 80px;}
}

@media all and (min-width: 992px) {
	.sticked.mobile-hide .mainTopWrap {height: 0!important;}
}

@media all and (min-width: 992px) {
	.outer-sticked {min-height: calc(130px + 55px);}
	.sticked .mainTopWrap {height: 130px;}
	.sticked .mainTopWrap #logo {padding: 0;}
}
*/

.navbar#stickyTop {margin-bottom: 0; border-top: 0;}

.boo3 .collapse {height: auto !important; overflow: visible !important;}

.navbar#clientMenu {padding: 0; margin: 0; border: 0; text-align: right; min-height: 1px;}
.navbar#clientMenu .navbar-right {margin-right: 0;}
.navbar#clientMenu li {border: 0; padding: 0; margin: 0;}
.navbar#clientMenu li a {padding: 9px 10px; border: 0; margin-left: 2px; text-align: center; font-size: 0.75rem; line-height: 1;}
.navbar#clientMenu li .badge {float: right; display: inline-block; margin: -2px 0 0 5px; font-size: 0.625rem; padding: 3px 5px 4px 5px; line-height: 1;}
.navbar#clientMenu li .delete {float: right; display: inline-block; width: 12px; height: 12px; margin: 7px 5px 0 -7px; padding: 9px 0; overflow: hidden; text-align: left; text-indent: -999px; background: transparent url(btn-close-3x.png) no-repeat 50% 50%; background-size: 12px 12px;}

.navbar#clientMenu li.comForm a {display: inline-block;}

#mobi_clientMenu .navbar-collapse {overflow: hidden; height: auto;}
#mobi_clientMenu .navbar-nav li.repLink,
#mobi_clientMenu .navbar-nav li.link {display: inline-block;}
#mobi_clientMenu .navbar-nav li.link.dropdown {display: block;}

li.repLink:empty,
#mobi_clientMenu .navbar-nav li.repLink:empty {display: none;}

#mobiMenu {display: flex; flex-direction: row; align-content: center; align-items: center; flex-wrap: wrap; height: 100%; min-height: 1px; gap: 5px; padding: 5px 10px;}
@media all and (min-width: 992px) {
	#mobiMenu {display: none;}
}

.fullPop.collapse.in .navbar-toggle,
.fullPop.collapse.show .navbar-toggle,
#mobiMenu .navbar-toggle {margin: 0; display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; text-align: center; width: 30px; height: 30px; padding: 5px;}
#mobiMenu::before,
#mobiMenu::after {display: none;}
@media all and (min-width: 620px) {
	#mobiMenu {gap: 10px;}
	.fullPop.collapse.in .navbar-toggle,
	.fullPop.collapse.show .navbar-toggle,
	#mobiMenu .navbar-toggle {width: 36px; height: 36px;}
}

#mobiMenu .navbar-toggle span.ico {}
#mobiMenu .navbar-toggle .text {}

#mobiMenu #mobi_quickCart {display: flex; flex: 1 1 auto; margin: 0 0 0 auto; justify-content: flex-end; align-items: stretch;}

/* cart */
div.cart {display: inline-block; height: 100%; padding: 0 0 0 40px; margin: 0; position: relative; text-align: left; font-size: 0.875rem; font-weight: 700; overflow: visible; line-height: 1;}
.sticked #quickCart {height: 100%; align-items: center;}

@media all and (min-width: 992px) {
	.sticked #quickCart {height: 100%;}
	div.cart {height: 46px; background-color: var(--kolor1); color: #ffffff;}
}

div.cart.cartEmpty {}
div.cart.cartFull {z-index: 5100!important;}

div.cart a.cart    {display: flex; justify-content: center; align-items: center; height: 100%;}
div.cart span.icon {display: flex; justify-content: center; align-items: center; height: 100%; font-size: 1.375rem; position: absolute; top: 0; left: 0; width: 40px; margin: 0; padding: 0; /* background: transparent url(icon_cart.png) no-repeat 50% 50%; */}
/* div.cart span.icon::before {display: none;} */

div.cart.cartFull span.icon {cursor: pointer;}

div.cart span.sep {display: none; color: rgba(255,255,255,0.5); padding-left: 3px; padding-right: 3px;}
div.cart .rows {display: flex; margin: 0; padding: 0 10px 0 10px; white-space: nowrap; align-items: center;}
div.cart .tags {color: #ffffff;}
div.cart .total {text-align: center; padding: 10px 0 10px 0;}

div.cart .basketItems {display: none;}
div.cart .basketTotal {display: block;}

div.cart .value,
div.cart .price {color: #ffffff; font-size: 1rem; font-weight: 700;}
div.cart .price .currency {font-size: 0.75rem;}

div.cart .cartHidden {display: none; width: 340px; background-color: #ffffff; line-height: 1.2; border: 1px solid var(--ramka1); white-space: normal; padding: 0px; box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);}

div.cart .cartHidden.collapsing,
div.cart .cartHidden.collapse.in,
div.cart .cartHidden.collapse.show {display: block; position: absolute; top: 100%; right: 0; left: auto;}

div.cart .cartHidden.dropdown-menu.show {}

@media all and (max-width: 991px) {
	div.cart {background-color: transparent; color: var(--kolor1);}
	div.cart .rows {padding: 0 0 0 0;}
	div.cart .icon,
	div.cart .tags,
	div.cart .value,
	div.cart .price {color: var(--kolor1);}
	div.cart .basketTotal .tags {display: none;}
}

@media all and (max-width: 479px) {
	div.cart.cartFull span.icon {cursor: default;}
	div.cart a.cart {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	div.cart .rows {display: none;}
	div.cart .cartHidden,
	div.cart .cartHidden.collapse,
	div.cart .cartHidden.collapse.in,
	div.cart .cartHidden.collapse.show {display: none!important;}
}

div.cart .total,
div.cart .cartHidden,
div.cart .cartHidden .price {color: #444444;}

div.cart .cartScroll {display: block; padding: 10px 10px; clear: both; width: 100%; max-height: 70vh; overflow: hidden; overflow-y: auto; box-sizing: border-box; /* border-top: 1px solid var(--ramka1); */ border-bottom: 1px solid var(--ramka1);}
div.cart .cartItem {display: flex; width: 100%; overflow: hidden; padding: 10px 5px 10px 5px; margin: 0; position: relative; border-bottom: 1px solid #efeeec; gap: 10px 10px; justify-content: space-between; align-items: center;}
div.cart .cartScroll > *:nth-last-child(3) {border-bottom: 0!important;}

div.cart .cartItem .cartPic {width: 60px; min-width: 60px; height: 60px; position: relative; overflow: hidden; background-color: #ffffff; border: 1px solid var(--ramka1);}
div.cart .cartItem .cartPic img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto; max-width: 100%; max-height: 100%; display: block; width: auto; height: auto;}
div.cart .cartItem .cartValue {width: 100%; height: auto; font-size: 0.6875rem;}
div.cart .cartItem .delete {min-width: 12px;}

div.cart .cartItem .cartProduct {font-size: 0.8125rem;}
div.cart .cartItem .cartProduct a {display: block; font-weight: 700;}
div.cart .cartItem .cartProduct,
div.cart .cartItem .cartPrices,
div.cart .cartItem .cartCounter {margin: 3px 0;}
div.cart .cartItem .cartCounter span {padding-right: 2px;}
div.cart .cartItem .price {font-size: 0.875rem;}

div.cart .cartHidden .buttons {text-align: center; padding: 0 10px 10px 10px;}
div.cart .cartHidden.collapse .buttons {display: block;}
div.cart .buttons .btn-block {width: 100%;}

@media all and (min-width: 992px) {
	div.cart .basketItems .value {padding-left: 5px;}
}

#mobiMenu #mobi_quickCart div.cart {width: auto;}
#mobiMenu #mobi_quickCart div.cart .rows {}
#mobiMenu #mobi_quickCart div.cart .tags {}

.navbar-toggle {display: flex; flex: 0 1 auto; font-size: 1.125rem;}

/* normalny */
#simplemodal-container a.modalCloseImg,
.r-modalCloseImg,
.fullPop .navbar-toggle[aria-expanded="true"], /* btnPopClose */
.navbar-toggle.collapsed,
.navbar-toggle[aria-expanded="false"] {background-color: #ffffff; border: 1px solid var(--ramka1);}
#simplemodal-container a.modalCloseImg,
.r-modalCloseImg,
.fullPop .navbar-toggle[aria-expanded="true"] span, /* btnPopClose */
.navbar-toggle.collapsed span,
.navbar-toggle[aria-expanded="false"] span {color: var(--kolor1);}

/* wybrany */
.navbar-toggle,
.navbar-toggle[aria-expanded="true"] {background-color: var(--kolor1); border: 1px solid var(--kolor1);}
.navbar-toggle span,
.navbar-toggle[aria-expanded="true"] span {color: #ffffff;}

/* normalny hover */
#simplemodal-container a.modalCloseImg:hover,
.r-modalCloseImg:hover,
.fullPop .navbar-toggle[aria-expanded="true"]:hover, /* btnPopClose */
.navbar-toggle.collapsed:hover,
.navbar-toggle[aria-expanded="false"]:hover {background-color: var(--kolor1); border: 1px solid var(--kolor1);}
#simplemodal-container a.modalCloseImg:hover,
.r-modalCloseImg:hover,
.fullPop .navbar-toggle[aria-expanded="true"]:hover span,  /* btnPopClose */
.navbar-toggle.collapsed:hover span,
.navbar-toggle[aria-expanded="false"]:hover span {color: #ffffff;}

/* wybrany hover */
.navbar-toggle:hover,
.navbar-toggle[aria-expanded="true"]:hover {background-color: var(--kolor2); border: 1px solid var(--kolor2);}
.navbar-toggle:hover span,
.navbar-toggle[aria-expanded="true"]:hover span {color: #ffffff;}

/* underHeader  */
#underHeader {z-index: 5100;}
#underHeaderOuter {border: 0; padding: 0; margin: 0;}

#underHeader,
.sticky #underHeader,
.navbar-inverse {
	background-color: #2a2a2a;
	background-image: linear-gradient(to bottom, #484848 0%, #2a2a2a 100%);
}

@media all and (max-width: 991px) {
	#underHeader,
	#underHeaderOuter {display: none!important;}

	#underHeader,
	.sticky #underHeader,
	.navbar-inverse {
		background-color: #ffffff;
		background-image: none;
		border-top: 1px solid var(--separator);
	}
	/* .sticky.mobile-hide #underHeader {border-top: 0px solid var(--separator);} */
}

#underHeader .content {margin: 0 auto; padding: 0; width: 100%;}

#menuTop {margin: 0 auto; clear: both; padding: 0 1rem; z-index: 5100;}

#menuTop ul {margin-bottom: 0;}
#menuTop .dropdown-menu {margin: 0; border: 0; background-color: #ffffff; border: 1px solid var(--ramka1);}

/* flex version - start */
@media all and (min-width: 992px) {
	#menuTop {display: flex; width: 100%; height: 100%; position: relative;}
	#menuTop .nav.navbar-nav {display: flex; float: none; width: 100%; height: 100%; margin: 0 auto 0 0; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
	#menuTop .nav.navbar-nav::before,
	#menuTop .nav.navbar-nav::after {display: none;}
}

#menuTop .nav li > ul {display: none; flex-direction: column;}
#menuTop .nav li:hover > ul {display: flex;}

#menuTop .nav li {display: inline-flex; /* flex: 1 1 auto; */ float: none; min-height: 55px; position: relative; box-sizing: border-box; margin: 0;}
#menuTop .nav li li {display: flex; width: 100%; min-height: auto;}

#menuTop .nav li a {display: flex; padding: 5px 10px; width: 100%; height: 100%; line-height: 1; font-size: 1rem; font-weight: 400; align-items: center; justify-content: center; position: relative; /* overflow-wrap: anywhere; hyphens: auto; */}
#menuTop .nav li li a {height: auto; line-height: 1.3; font-size: 0.875rem; justify-content: start; word-break: normal; white-space: nowrap;}
#menuTop .nav li li li a {font-size: 0.8125rem;}
#menuTop .nav li li li li a {font-size: 0.75rem;}

#menuTop .nav li ul {min-width: initial; width: auto; max-width: 600px; position: absolute; top: 100%; left: 0; opacity: 0;}
#menuTop .nav li:hover ul {height: auto; overflow: visible; z-index: 5101; padding: 0; opacity: 1;}
#menuTop .nav li:hover ul div {padding: 0 5px;}
#menuTop .nav li ul ul {width: 0; height: 0; left: 100%; top: 0px; opacity: 0; z-index: -1;}
#menuTop .nav li ul li:hover ul {width: auto; height: auto; position: absolute; z-index: 5102; opacity: 1; min-width: 200px;}

#menuTop .nav li .dropdown-toggle,
#menuTop .nav .caret {display: none; background-color: transparent;}

/*
@media all and (min-width: 992px) {
	#menuTop .nav li.has-drops {flex-direction: row; justify-content: space-between;}
	#menuTop .nav li.has-drops > a {display: flex; flex: 1 1 auto; padding-right: 2rem;}
	#menuTop .nav li.has-drops .dropdown-toggle {display: flex; flex: 0 1 auto; width: 30px; margin: 0; padding: 0; position: absolute; top: 50%; right: 0; transform: translate(0%, -50%); opacity: 1;}
	#menuTop .nav li.has-drops .dropdown-toggle,
	#menuTop .nav li.has-drops .dropdown-toggle:visited,
	#menuTop .nav li.has-drops .dropdown-toggle:hover {background-color: transparent;}
	#menuTop .nav li.has-drops .dropdown-toggle .caret {display: flex; width: 100%; height: 100%; line-height: 1; padding: 0; border: 0; margin: 0; overflow: hidden; align-items: center; justify-content: center; opacity: 0.5;}
	#menuTop .nav li.has-drops .dropdown-toggle .caret::before {display: flex; font-size: 0.625rem; font-weight: 400; content: "\f078"; font-family: 'FontAwesome';}
	#menuTop .nav li.has-drops li > a {padding-right: 2rem;}
	#menuTop .nav li.has-drops li .dropdown-toggle {width: 20px;}
	#menuTop .nav li.has-drops li .dropdown-toggle .caret::before {content: "\f054"; font-family: 'FontAwesome';}

	#menuTop .nav li.has-drops .dropdown-toggle::after {display: none;}
}
*/

#menuTop .nav li:hover ul {padding: 15px;}
#menuTop .nav ul li:hover ul {top: -16px;}

/* cała szerokość menu */
@media all and (min-width: 992px) {
	#menuTop .nav-type3.nav {justify-content: space-between; flex-wrap: nowrap;}
}

/* whole, columns, after */
@media all and (min-width: 992px) {
	#menuTop .nav-type1.nav {flex-wrap: nowrap;}

	#menuTop .nav-type1.nav li {display: flex; width: 100%; position: static; flex: 0 1 auto;}
	#menuTop .nav-type1.nav li li {display: flex; flex-direction: column; width: calc(33.333333% - 1rem); height: auto; position: static; float: none;}
	#menuTop .nav-type1.nav li li.lvl2 {margin: 0 0 1rem 0;}
	#menuTop .nav-type1.nav li li li {width: 100%;}

	#menuTop .nav-type1.nav li a {display: flex; padding: 5px 5px; text-transform: none; text-align: center; align-items: center; justify-content: center; position: relative; white-space: normal;}
	#menuTop .nav-type1.nav > li.has-drops > a {padding: 5px 35px 5px 5px;}

	#menuTop .nav-type1.nav li li a {font-weight: 700; padding: 5px 0; text-transform: none; text-align: left; justify-content: flex-start; word-break: normal; border-bottom: 1px solid var(--separator);}
	#menuTop .nav-type1.nav li li li a {font-weight: 400; text-transform: none; border: 0;}

	#menuTop .nav-type1.nav li ul {width: 100%; height: auto; max-width: unset; flex-direction: row; flex-wrap: wrap; background-color: #ffffff; padding: 0;}
	#menuTop .nav-type1.nav li:hover ul {display: flex; z-index: 5101; padding: 1rem; gap: 1rem;}

	#menuTop .nav-type1.nav li:hover ul.ddrop1 {max-height: calc(100vh - 200px); overflow-y: auto;}

	#menuTop .nav-type1.nav li ul ul {display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; height: auto; position: static; opacity: 1; z-index: 1; padding: 0; border: 0; box-shadow: none;}
	#menuTop .nav-type1.nav li:hover ul li ul {display: flex; flex-direction: column; padding: 5px 0 5px 0; gap: 0;}
	#menuTop .nav-type1.nav li:hover ul li ul ul {padding: 0px 0 0px 10px;}
	#menuTop .nav-type1.nav li ul li:hover ul {width: 100%; position: static;}

	#menuTop .nav-type1.nav li .dropdown-toggle {position: relative; display: inline-flex; width: 30px; flex: 0 1 auto; margin: 0 -2rem 0 0; transform: translate(-2rem, -50%); padding: 0;}
	#menuTop .nav-type1.nav li:hover .dropdown-toggle {}
	#menuTop .nav-type1.nav li li .dropdown-toggle {display: none;}
}
@media all and (min-width: 1600px) {
	#menuTop .nav-type1.nav li li {width: calc(25% - 1rem);}
	#menuTop .nav-type1.nav li li li {width: 100%;}
}
/* whole, columns, after */

/* whole, columns, below */
@media all and (min-width: 992px) {
	#menuTop .nav-type2.nav {flex-wrap: nowrap;}

	#menuTop .nav-type2.nav li {display: flex; width: 100%; position: static;}
	#menuTop .nav-type2.nav li li {display: inline-flex; flex-direction: column; width: 100%; height: auto; position: static; float: none; padding: 5px 0;}
	#menuTop .nav-type2.nav li li.lvl2 {margin: 0 0 1rem 0;}
	#menuTop .nav-type2.nav li li li {display: flex; width: 100%; padding: 5px 0;}
	#menuTop .nav-type2.nav li li li li {padding: 5px 0 5px 1rem;}

	#menuTop .nav-type2.nav li a {display: flex; padding: 5px 5px; text-transform: none; text-align: center; align-items: center; justify-content: center; position: relative; white-space: normal; width: 100%; height: 100%; line-height: 1;}
	#menuTop .nav-type2.nav li.has-drops > a {padding: 5px 35px 5px 5px;}

	#menuTop .nav-type2.nav li li a {font-weight: 700; text-transform: none; text-align: center; justify-content: flex-start; white-space: normal; height: auto; padding: 5px 5px;}
	#menuTop .nav-type2.nav li li li a {font-weight: 400; text-transform: none;}

	#menuTop .nav-type2.nav li ul {width: 100%; height: auto; max-width: unset; background-color: #ffffff;}
	#menuTop .nav-type2.nav li ul ul {display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; height: auto; position: static; opacity: 1; z-index: 1; padding: 0; border: 0; box-shadow: none;}
	#menuTop .nav-type2.nav li:hover ul li ul {display: flex; flex-direction: column; padding: 0 0 1rem 0;}
	#menuTop .nav-type2.nav li:hover ul li ul ul {padding: 0;}
	#menuTop .nav-type2.nav li ul li:hover ul {width: 100%; position: static;}

	#menuTop .nav-type2.nav li:hover > ul {display: block; width: 100%; position: absolute; top: 100%; left: 0; overflow-x: hidden; overflow-y: auto; z-index: 9001; opacity: 1; max-height: 400px; padding: 10px 10px;
		columns: 4;
		column-fill: auto;
	}
	#menuTop .nav-type2.nav li:hover > ul ul {height: auto; position: static; padding: 5px 0 0 0; overflow: visible;
		columns: 1;
		column-fill: unset;
	}

	#menuTop .nav-type2.nav li .dropdown-toggle {position: relative; display: inline-flex; width: 30px; flex: 0 1 auto; margin: 0 -2rem 0 0; transform: translate(-2rem, -50%); padding: 0; /* background-color: transparent; */}
	#menuTop .nav-type2.nav li:hover .dropdown-toggle {/* background-color: transparent; */}
	#menuTop .nav-type2.nav li li .dropdown-toggle {display: none;}
}
/* whole, columns, after */

#menuTop .nav li.has-drops > a {padding-right: 2rem;}
#menuTop .nav > li.has-drops .dropdown-toggle {display: none;}
#menuTop .nav > li.has-drops > a::after {content: ""; display: flex; font-size: 0.625rem; font-weight: 400; content: "\f078"; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; width: 30px; height: 100%; align-items: center; justify-content: center; opacity: 0.5; color: inherit;}
#menuTop .nav.nav-type0 li li.has-drops > a::after {content: ""; display: flex; font-size: 0.625rem; font-weight: 400; content: "\f054"; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; width: 20px; height: 100%; align-items: center; justify-content: center; opacity: 1; color: #555555;}

#menuTop .nav li a,
#menuTop .nav li a:visited {background-color: transparent; color: #ffffff; background-image: none;}
#menuTop .nav > li.dropdown:hover > a,
#menuTop .nav > li.dropdown:hover > a:visited,
#menuTop .nav li a:hover {background-color: #888888; color: #ffffff;}

#menuTop .nav > li.dropdown > a.selected,
#menuTop .nav > li.dropdown > a.selected:visited,
#menuTop .nav > li.dropdown > a.selected:hover,
#menuTop .nav li a.selected,
#menuTop .nav li a.selected:visited,
#menuTop .nav li a.selected:hover {background-color: #dddddd; color: #222222;}

#menuTop .nav li li a,
#menuTop .nav li li a:visited {background-color: transparent; color: #555555;}
#menuTop .nav li li a:hover {background-color: initial; color: var(--kolor1);}

#menuTop .nav li li a.selected,
#menuTop .nav li li a.selected:visited {background-color: transparent; color: var(--kolor1);}
#menuTop .nav li li a.selected:hover {background-color: transparent; color: var(--kolor2);}

#menuTop .nav li:first-child {border-left: 0px solid #2a2a2a;}
#menuTop .nav li {border-right: 1px solid #2a2a2a;}
#menuTop .nav li:last-child {border-right: 0;}
#menuTop .nav li li:first-child {border-left: 0;}
#menuTop .nav li li {border-right: 0;}
#menuTop .nav li li:last-child {border-right: 0;}

#mobi_underHeader,
#mobi_underHeaderCat {margin: 0; padding: 0; background-color: #ffffff;}

#mobi_underHeader .dropdown-toggle,
#mobi_underHeader .dropdown-toggle:visited,
#mobi_underHeader .dropdown-toggle:hover,
#mobi_underHeaderCat .dropdown-toggle,
#mobi_underHeaderCat .dropdown-toggle:visited,
#mobi_underHeaderCat .dropdown-toggle:hover,
#mobi_underHeader .dropdown-menu,
#mobi_underHeaderCat .dropdown-menu {background-color: transparent;}

#mobi_underHeader .open .dropdown-menu,
#mobi_underHeaderCat .open .dropdown-menu {background-color: transparent;}

#mobi_underHeader .navbar-nav,
#mobi_underHeaderCat .navbar-nav {margin: 0;}
#mobi_underHeader .container,
#mobi_underHeaderCat .container {margin: 0; padding: 0;}

#mobi_menuTop,
#mobi_menuCat {color: #555555; padding: 0; margin: 0;}
#mobi_menuTop li a,
#mobi_menuCat li a {font-size: 1rem; line-height: 20px; padding-top: 10px; padding-bottom: 10px; display: block;}
#mobi_menuTop li.active > a,
#mobi_menuCat li.active > a {font-weight: 700;}
#mobi_menuTop li .dropdown-toggle,
#mobi_menuCat li .dropdown-toggle {font-size: 1.125rem; line-height: inherit; padding-top: 0; padding-bottom: 0;}
#mobi_menuTop li li a,
#mobi_menuCat li li a {font-size: 0.875rem; padding-top: 0.5rem; padding-bottom: 0.5rem;}
#mobi_menuTop li a,
#mobi_menuCat li a,
#mobi_menuTop li a:visited,
#mobi_menuCat li a:visited {border: 0px solid #555555; color: #555555; background-color: transparent;}
#mobi_menuTop li a:hover,
#mobi_menuCat li a:hover {border: 0px solid #ffffff; color: var(--kolor1); background-color: transparent;}
#mobi_menuTop li a.selected,
#mobi_menuCat li a.selected,
#mobi_menuTop li a.selected:visited,
#mobi_menuCat li a.selected:visited {color: var(--kolor1); background-color: transparent;}
#mobi_menuTop li a:hover,
#mobi_menuCat li a:hover {color: var(--kolor2); background-color: transparent;}
#mobi_menuTop .dropdown-menu > .active > a,
#mobi_menuCat .dropdown-menu > .active > a,
#mobi_menuTop li li a.selected,
#mobi_menuCat li li a.selected,
#mobi_menuTop li li a.selected:visited,
#mobi_menuCat li li a.selected:visited {color: var(--kolor1); background-color: transparent; background-image: none;}
#mobi_menuTop li li a:hover,
#mobi_menuCat li li a:hover {color: var(--kolor1); background-color: transparent; background-image: none;}

#mobi_menuTop li.dropdown a,
#mobi_menuCat li.dropdown a {padding-right: 35px; position: relative;}
#mobi_menuTop li.dropdown .dropdown-toggle,
#mobi_menuCat li.dropdown .dropdown-toggle {display: inline-block; position: absolute; top: 0px; right: 0px; border: 0; width: auto; padding-left: 0; padding-right: 0; text-align: left; border-left: 1px solid rgba(222,222,222,0.2); background-color: transparent;}

#mobi_menuTop li.dropdown li a,
#mobi_menuCat li.dropdown li a {}
#mobi_menuTop li.dropdown li .dropdown-toggle,
#mobi_menuCat li.dropdown li .dropdown-toggle {border-left: 1px solid rgba(222,222,222,0.2); background-color: transparent;}

#mobi_menuTop .dropdown-toggle::after,
#mobi_menuCat .dropdown-toggle::after {display: none;}

#mobi_menuTop .caret,
#mobi_menuCat .caret {
	/* glyphicon */
	position: relative;
	text-align: center;
	top: 0px;
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	line-height: /* 1 */ 40px;
	width: 30px;
	border: 0;
	height: inherit;
	margin: 0;
}
#mobi_menuTop li > .dropdown-toggle > .caret::before,
#mobi_menuCat li > .dropdown-toggle > .caret::before {content: "\f078"; font-family: 'FontAwesome';}

#mobi_menuTop li.open > .dropdown-toggle > .caret::before,
#mobi_menuCat li.open > .dropdown-toggle > .caret::before {content: "\f077"; font-family: 'FontAwesome';}

#mobi_menuTop ul.nav li.dropdown:hover > .dropdown-menu,
#mobi_menuCat ul.nav li.dropdown:hover > .dropdown-menu {}
#mobi_menuTop ul.nav .dropdown-menu li.dropdown.dropdown-submenu,
#mobi_menuCat ul.nav .dropdown-menu li.dropdown.dropdown-submenu {/* position: relative; */}
#mobi_menuTop ul.nav .dropdown-menu li.dropdown.dropdown-submenu ul,
#mobi_menuCat ul.nav .dropdown-menu li.dropdown.dropdown-submenu ul {/* display: block; */}
#mobi_menuTop ul.nav .dropdown-menu li.dropdown.dropdown-submenu:hover .dropdown-menu,
#mobi_menuCat ul.nav .dropdown-menu li.dropdown.dropdown-submenu:hover .dropdown-menu {/* display: block; */ /* position: absolute; left: 100%; top: 0; margin-top: -6px; */}

@media (max-width: 991px) {
	#mobi_menuTop .navbar-nav .open > .dropdown-menu,
	#mobi_menuCat .navbar-nav .open > .dropdown-menu {
		display: block;
		position: static;
		float: none;
		box-shadow: none;
		border: 0;
	}

	#mobi_menuTop .dropdown-menu,
	#mobi_menuCat .dropdown-menu {margin-top: 0; padding-top: 0; padding-bottom: 0;}

	#mobi_menuTop .navbar-nav .open .dropdown-menu .dropdown-menu,
	#mobi_menuCat .navbar-nav .open .dropdown-menu .dropdown-menu {padding-left: 10px;}
/*
	#mobi_menuTop .navbar-nav .open .dropdown-menu .dropdown-toggle,
	#mobi_menuCat .navbar-nav .open .dropdown-menu .dropdown-toggle {display: none;}
*/
}

@media all and (min-width: 992px) {
	.navbar-collapse.collapse#mobi_menuTop,
	.navbar-collapse.collapse#mobi_menuCat {display: none!important;}
}


/* catMenu */
#box_catMenu {}
.catMenu {border: 1px solid #dedede; border-top: 0;}

.catMenu ul {list-style: none; margin: 0; padding: 0; width: 100%;}
.catMenu li {list-style: none; margin: 0; padding: 0; display: block;}

.catMenu ul ul {padding-top: 0; padding-bottom: 0;}

.catMenu li {/* background-color: #ffffff; */ border-top: 1px solid #dedede; text-transform: uppercase;}
.catMenu li li {border-top: 1px solid #c8c8c8; text-transform: none;}
.catMenu li:last-child {/* border-bottom: 0; */}

.catMenu li a {display: block; padding: 0.5rem 45px 0.5rem 1rem; font-size: 1rem; font-weight: 400;}

.catMenu li a:hover {}
.catMenu li li a {padding-left: 2rem; font-size: 0.875rem;}
.catMenu li li a:hover {}
.catMenu li li li a {padding-left: 45px;}
.catMenu li li li a:hover {}
.catMenu li li li li a {padding-left: 60px;}
.catMenu li li li li a:hover {}
.catMenu li li li li li a {padding-left: 75px;}
.catMenu li li li li li a:hover {}

.catMenu li a.selected {font-weight: 700;}

.catMenu ul li a,
.catMenu ul li a:visited {color: #000000; background: url(arrow-menu-down.png) no-repeat calc(100% - 14px) 50%;}
.catMenu ul li a:hover {color: #000000; background-color: #FCFCFC}

.catMenu ul li a.selected,
.catMenu ul li a.selected:visited {background: #FCFCFC url(arrow-menu-up.png) no-repeat calc(100% - 14px) 50%;}
.catMenu ul li a.selected:hover {background-color: #dbdbdb;}
/*
.catMenu ul li li a,
.catMenu ul li li a:visited {color: #000000;}
.catMenu ul li li a:hover {background-color: #dbdbdb;}

.catMenu ul li li a.selected,
.catMenu ul li li a.selected:visited {background-color: #e6e6e6; background-image: none;}
.catMenu ul li li a.selected:hover {background-color: #d0d0d0;}
*/

/* catMenu */
#box_conCatMenu {}
.catMenu.conCatMenu {}

/* slideShow */
.carousel {}
.carousel .item img {width: 100%; display: block; height: auto;}

.carousel-control  {width: 15%; opacity: 0; z-index: 15;}
.carousel-control:hover {opacity: 1;}

.carousel-indicators {width: 70%; line-height: 1; display: none; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 20;}

@media all and (min-width: 768px) {
	.carousel-control {width: 50px;}

	.carousel-indicators {width: calc(100% - 100px);}
	ul.carousel-indicators {display: block; bottom: 5px;}
	div.carousel-indicators {display: flex; bottom: 1rem; flex-wrap: wrap; justify-content: center; gap: 3px;}
}
@media all and (min-width: 1200px) {
	.carousel-control {width: 60px;}

	.carousel-indicators {width: calc(100% - 120px);}
}

.carousel-caption {left: 25px; bottom: 35px; right: auto; margin: 0; text-align: left; padding: 0; max-width: 80%; z-index: 10;}

.carousel-caption h3 {display: inline-block; font-weight: 400; margin: 0 auto 0 0; padding: 5px 1rem; left: 0; font-size: 1.375rem; color: #ffffff; background-color: transparent; text-align: left; line-height: 1.1; text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.carousel-caption p {margin: 10px auto 0 0; font-weight: 300; padding: 10px 1rem; background-color: rgba(50,50,50,0.5); border-radius: 0; color: #ffffff; font-size: 0.875rem; text-align: left; width: auto; line-height: 1.3;}

ul.carousel-indicators li,
ul.carousel-indicators li.active {margin: 0; border-radius: 0; corner-shape: superellipse(infinity); width: 16px; height: 16px; padding: 0; border: 1px solid #ffffff;}
ul.carousel-indicators li {background-color: #ffffff; opacity: 0.75;}
ul.carousel-indicators li.active {background-color: #ffffff; opacity: 1;}
ul.carousel-indicators li:hover {background-color: #ffffff; opacity: 0.9;}

div.carousel-indicators [data-bs-target],
div.carousel-indicators [data-bs-target].active {margin: 0 1px 0 1px; border-radius: 50%; corner-shape: superellipse(1); width: 16px; height: 16px; padding: 0; border: 1px solid #ffffff;}
div.carousel-indicators [data-bs-target] {background-color: #ffffff; opacity: 0.75;}
div.carousel-indicators [data-bs-target].active {background-color: #ffffff; opacity: 1;}
div.carousel-indicators [data-bs-target]:hover {background-color: #ffffff; opacity: 0.9;}

.carousel-control .icon-prev,
.carousel-control .icon-next {font-size: 1.5rem;}
.carousel-control .icon-prev::before {content: "\f053"; font-family: 'FontAwesome';}
.carousel-control .icon-next::before {content: "\f054"; font-family: 'FontAwesome';}

button.carousel-control .carousel-control-prev-icon,
button.carousel-control .carousel-control-next-icon {background-image: none;}

/* fade for carousel */
.boo3 .carousel[data-fx="fade"] .item {transition-property: opacity;}
.boo3 .carousel[data-fx="fade"] .item,
.boo3 .carousel[data-fx="fade"] .active.left,
.boo3 .carousel[data-fx="fade"] .active.right {opacity: 0;}
.boo3 .carousel[data-fx="fade"] .active,
.boo3 .carousel[data-fx="fade"] .next.left,
.boo3 .carousel[data-fx="fade"] .prev.right {opacity: 1;}
.boo3 .carousel[data-fx="fade"] .next,
.boo3 .carousel[data-fx="fade"] .prev,
.boo3 .carousel[data-fx="fade"] .active.left,
.boo3 .carousel[data-fx="fade"] .active.right {left: 0; transform: translate3d(0, 0, 0);}
.boo3 .carousel[data-fx="fade"] .active.left {z-index:2;}
.boo3 .carousel[data-fx="fade"] .next {z-index:1;}
/*
.carousel-fade .carousel-item {transition: transform 0.5s ease-out;}
.carousel-fade .active.carousel-item-start {transition: opacity 0s 2s;}
.carousel-fade .active.carousel-item-end {transition: opacity 0s 2s;}
*/
/*
.dropdown-menu li:hover {position: relative;}
.dropdown-menu li:hover ul {position: absolute; left: 100%; top: 0; display: block;}
*/

* html .ui-autocomplete {width:1px;}
.ui-autocomplete {position: absolute; cursor: default; z-index: 5202!important;}
.ui-menu {list-style: none; display: block; box-sizing: border-box; width: 285px; margin: 0; padding: 0; float: left; color: #808080; overflow: auto; max-height: 600px; background: #ffffff none; border: 1px solid var(--ramka1)!important; border-bottom: 0!important;}
.ui-menu .ui-menu-item {list-style: none; display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 0 0 0 0; float: left; clear: left; text-decoration: none; line-height: 1.5; font-size: 0.6875rem; cursor: pointer; background: #ffffff none; border: 0!important; border-bottom: 1px solid var(--ramka1)!important; white-space: normal; overflow: hidden;}
.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item.ui-state-hover,
.ui-menu .ui-menu-item.ui-state-focus,
.ui-menu .ui-menu-item.ui-state-active {background: #efefef none; color: #000000;}
.ui-helper-hidden-accessible {border: 0!important;}

.ui-menu .sugg,
.ui-menu .sugHeader {display: block; box-sizing: border-box; width: 100%; padding: 6px 12px; color: inherit; text-decoration: none; overflow: hidden;}

.ui-menu .sugg b {font-weight: 700; /* color: red; background-color: rgba(0,0,0,0.05); text-decoration: underline; */}
.ui-menu .sugHeader {background-color: #efefef; color: #444444; text-transform: uppercase; font-weight: 600;}

.ui-menu .pics {display: none; box-sizing: border-box; float: left; width: 50px; height: 50px; overflow: hidden; position: relative; background: #ffffff; border: 1px solid var(--ramka1); outline: 1px solid #ffffff; outline-offset: 0px; margin: 5px 0 10px -60px;}
.ui-menu .pics img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto; max-width: 100%; max-height: 100%; display: block; width: auto; height: auto;}
.ui-menu .pics span.img {display: block; width: 50px; height: 50px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.ui-menu .names {display: block; box-sizing: border-box;}
.ui-menu .names .name {}
.ui-menu .names .price {padding-top: 5px; font-size: 0.6875rem; color: inherit;}
.ui-menu .names .price .currency {font-size: inherit; color: inherit;}

@media all and (min-width: 480px) {
	.ui-menu .pics {display: block;}
	.ui-menu .sugg.hasPic {padding-left: 70px;}
}

/*
@media all and (max-width: 991px) {
	.ui-menu {width: calc(100% - 20px); box-sizing: border-box;}
}
*/

@media all and (max-width: 479px) {
	.ui-menu {width: 255px;}
}

@media all and (max-width: 359px) {
	.ui-menu {width: 225px;}
}

/* box default */
.panel {
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

.panel.box {
	border-color: var(--ramka1);
	border: 0;
	margin-bottom: 2rem;
}
.panel.box > .panel-heading {
	/* color: #333; */
	background-color: transparent;
	border: 0px solid var(--ramka1);
}
.panel.box > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--ramka1);
	border: 0;
}
.panel.box > .panel-heading .badge {
	color: #f3f3f3;
	background-color: #333;
}
.panel.box > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: var(--ramka1);
	border: 0;
}

/* box-blue */
.panel.box1 {
	border-color: #337ab7;
	border: 0;
}
.panel.box1 > .panel-heading {
	/* color: #fff; */
	/* background-color: #337ab7; */
	border-color: #337ab7;
	border: 0;
}
.panel.box1 > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #337ab7;
	border: 0;
}
.panel.box1 > .panel-heading .badge {
	color: #337ab7;
	background-color: #fff;
}
.panel.box1 > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #337ab7;
	border: 0;
}

#mainCol .box_customBox {border: 0px solid var(--ramka1);}
#mainCol .box_customBox .panel-body {padding: 0;}

#mainAdvBot .box_customBox {border: 0px solid var(--ramka1);}
#mainAdvBot .box_customBox .panel-body {padding: 0;}

.section_txt .panel.box_contents {border: 0;}
.section_txt .panel.box_contents .panel-body {padding: 0;}

#sideColLeft .panel .panel-body,
#sideColRight .panel .panel-body {padding: 10px 0;}

#sideColLeft .panel.box_contents .panel-body,
#sideColRight .panel.box_contents .panel-body {}

#box_catList,
#box_newsLista,
#box_prodListMain,
#box_blogMainList,
#box_mainList,
#box_saleList,
#box_proList,
#box_bestList,
#box_newList {}

.boxMain {margin-bottom: 2rem;}
.boxMain.whole {/* padding-left: 0; padding-right: 0; */}

.boxMain.container {padding-left: calc(0.5 * var(--bs-gutter-x)); padding-right: calc(0.5 * var(--bs-gutter-x));}
.boxMain.container .container {padding-left: 0px; padding-right: 0px;}
#main .boxMain.container {padding-left: 0px; padding-right: 0px;}

.boxMain#box_slideShowRWD {margin-bottom: 0;}

.boo3 .section_txt .boxMain.whole,
.boo3 .section_txt .boxMain.container {padding-left: calc(0.5 * var(--bs-gutter-x)); padding-right: calc(0.5 * var(--bs-gutter-x));}

@media all and (max-width: 991px) {
	.boo3 .boxMain.whole,
	.boo3 .boxMain.container,
	.boo3 .boxMain.whole .container {width: 100%; max-width: unset;}
}

.boo3 .boxMain .panel-body {padding: 0;}
.boo3 #sideColLeft .boxMain .panel-body,
.boo3 #sideColRight .boxMain .panel-body {padding: 0;}

/* headers */
.boxHead,
.boxTitle,
.pageHead,
.pageTitle,
.pageSubTitle,
.moduleHead,
.moduleTitle,
.panel-heading,
.tabsHead,
.menuFooter .links-header {/* text-transform: uppercase; */}

.pageTitle,
.panel-heading,
.panel-heading .panel-title,
.galleries h1.galleryName,
.pageSubTitle,
.moduleTitle {color: #010101; font-weight: 300; padding: 0px 0;}

.galleries h1.galleryName,
.pageTitle {font-size: 1.875rem; margin: 0 0 2rem 0;}

.panel-heading {font-size: 1.5rem; margin: 0 0 1rem 0;}
.panel-heading .panel-title {font-size: 1.5rem; margin: 0px 0;}

.boxMain .panel-heading {font-size: 1.875rem; margin: 0 0 2rem 0;}
.boxMain .panel-heading .panel-title {font-size: 1.875rem; margin: 0; padding: 0;}

.tabContent .con9 .rowTitle,
#sideColLeft .box .rowTitle,
#sideColRight .box .rowTitle,
.boxMain .rowTitle {display: none;}

.conBody #page_conForm .pageTitle,
.pageSubTitle {font-size: 1.375rem; margin: 0 0 2rem 0;}
.rmaPages .pageSubTitle,
.orders .pageSubTitle {margin: 0 0 1rem 0;}

.detCard .pageTitle,
.moduleTitle,
.tabContent .pageTitle {font-size: 1.125rem; margin: 0 0 1rem 0;}

#mainCol .box_customBox .panel-heading,
#mainAdvBot .box_customBox .panel-heading,
#sideColLeft .panel-heading,
#sideColRight .panel-heading {}
#mainCol .box_customBox .panel-heading .panel-heading .panel-title,
#mainAdvBot .box_customBox .panel-heading .panel-heading .panel-title,
#sideColLeft .panel-heading .panel-title,
#sideColRight .panel-heading .panel-title {text-transform: uppercase; font-size: 1.375rem;}

.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5,
.panel-heading h6 {font-size: inherit; font-weight: inherit; color: inherit; margin: 0; padding: 0;}

#section_userPanel .pageSubTitle {margin-top: 1rem; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--separator);}

.form-control {box-shadow: none;}

/* buttons */
.btn-link,
.btn-link:visited,
/* .btn-link:focus, */
.btn,
.button {
	display: inline-flex;
	font-size: 0.875rem;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	box-shadow: none;
	justify-content: center;
	align-items: center;
}

.icon-link-hover:focus-visible,
.nav-link:focus-visible,
.btn-link:focus-visible,
.btn:focus-visible {box-shadow: none; outline: 0;}

.boo3 .btn-link,
.boo3 .btn-link:visited,
/* .boo3 .btn-link:focus, */
.boo3 .btn,
.boo3 .button {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	line-height: 1.42857143;
}

.btn-link:focus {text-decoration: none;}

.button:focus,
.button:active:focus,
.button.active:focus,
.button.focus,
.button:active.focus,
.button.active.focus {
	outline: thin dotted;
	outline-offset: -2px;
	text-decoration: none;
}
/* .button:focus, */
.button:hover {
	color: #333;
	text-decoration: none;
}
.button:active,
.button.active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button {
	cursor: not-allowed;
	box-shadow: none;
	opacity: .65;
}

.button.btn-big,
.btn.btn-big,
.button#reg_submit,
.btn#reg_submit {padding: 10px clamp(5px, 1rem, 20px); /* height: 40px; */ font-size: 1rem;}

.btn.btn-long,
.btn.button-long {white-space: normal; word-wrap: break-word;}

.item .btn.btn-see,
.item .btn.btn-cart {padding: 5px clamp(5px, 1rem, 20px); text-align: center; font-size: 0.8125rem;}
.btn-cart#addToBasket {}

.btn-link .fa,
.btn-link .icon,
.button .fa,
.button .icon,
.btn .fa,
.btn .icon {font-size: 0.875rem; line-height: 1.42857143; margin-right: 10px; margin-left: 0px;}

.findForm .btn .fa,
.findForm .btn .icon {margin: 0;}

.btn#toTop .fa {margin: 0;}

.btn-cart#addToBasket .icon {}

.btn-link {text-transform: uppercase;}

.btn-link.btn-back {}
.btn-link.adr-new  {}
.btn-link.adr-edit {}
.btn-link.adr-del  {}

.btn-inverse:hover,
.btn-inherit,
.btn-inherit:visited {
	color: var(--kolor1) /* var(--colorText) */;
	background-color: #ffffff /* var(--colorBG) */;
	border: 1px solid var(--kolor1) /* var(--colorText) */;
}

.btn-inverse,
.btn-inverse:visited,
.btn-inherit:hover {
	color: #ffffff /* var(--colorBG) */;
	background-color: var(--kolor1) /* var(--colorText) */;
	border: 1px solid var(--kolor1) /* var(--colorBG) */;
}

.button,
.button:visited,
/* .button:focus, */
.btn,
.btn:visited,
/* .btn:focus, */
.btn.btn-default,
.btn.btn-default:visited {
	/* color: var(--btn-default-text);
	background-color: var(--btn-default-bg);
	background-image: linear-gradient(to bottom, var(--btn-default-grad1), var(--btn-default-grad2));
	border-color: var(--btn-default-border); */
	color: var(--kolor1);
	background-color: #ffffff;
	background-image: none;
	border: 1px solid var(--kolor1);
	text-shadow: none;
	box-shadow: none;
	text-transform: uppercase;
}
.button:hover,
.btn:hover,
.btn.btn-default:hover {
	/* color: var(--btn-default-hover-text);
	background-color: var(--btn-default-hover-bg);
	background-image: linear-gradient(to bottom, var(--btn-default-hover-grad1), var(--btn-default-hover-grad2));
	border-color: var(--btn-default-hover-border); */
	color: var(--kolor2);
	background-color: #ffffff;
	background-image: none;
	border: 1px solid var(--kolor2);
	text-shadow: none;
	box-shadow: none;
}

.pack-tab .selected .btn.btn-inverse,
.pack-tab .selected .btn.btn-inverse:visited,
footer .subReqForm .btn,
footer .subReqForm .btn:visited,
#buttonSet .btn,
#buttonSet .btn:visited,
.btn-see,
.btn-see:visited,
.btn-cart,
.btn-cart:visited,
.btn.btn-primary,
.btn.btn-primary:visited {
	color: var(--btn-primary-text);
	background-color: var(--btn-primary-bg);
	background-image: linear-gradient(to bottom, var(--btn-primary-grad1), var(--btn-primary-grad2));
	border-color: var(--btn-primary-border);
}
.pack-tab .selected .btn.btn-inverse:hover,
footer .subReqForm .btn:hover,
#buttonSet .btn:hover,
.btn-see:hover,
.btn-cart:hover,
.btn.btn-primary:hover {
	color: var(--btn-primary-hover-text);
	background-color: var(--btn-primary-hover-bg);
	background-image: linear-gradient(to bottom, var(--btn-primary-hover-grad1), var(--btn-primary-hover-grad2));
	border-color: var(--btn-primary-hover-border);
}

.btn.btn-default#toTop,
.btn.btn-default#toTop:visited {
	color: var(--btn-default-text);
	background-color: var(--btn-default-bg);
	background-image: linear-gradient(to bottom, var(--btn-default-grad1), var(--btn-default-grad2));
	border-color: var(--btn-default-border);
	position: fixed; bottom: 5px; right: 5px;
	opacity: 0.75;
}
.btn.btn-default#toTop:hover {
	color: var(--btn-default-hover-text);
	background-color: var(--btn-default-hover-bg);
	background-image: linear-gradient(to bottom, var(--btn-default-hover-grad1), var(--btn-default-hover-grad2));
	border-color: var(--btn-default-hover-border);
	position: fixed; bottom: 5px; right: 5px;
	opacity: 1;
}

#buttonReset .btn,
#buttonReset .btn:visited {}
#buttonReset .btn:hover {}

#buttonSet .btn,
#buttonSet .btn:visited {}
#buttonSet .btn:hover {}

.btn-close,
.btn-close:visited {}
.btn-close:hover {}

.btn-remove,
.btn-remove:visited {}
.btn-remove:hover {}

.btn-del,
.btn-del:visited {color: #c60000; background-color: #ffffff; background-image: none; border: 1px solid #c60000;}
.btn-del:hover   {color: #ffffff; background-color: #c60000; background-image: none; border: 1px solid #c60000;}

.btn-link,
.btn-link:visited {
	text-decoration: none;
	color: var(--kolor1);
	background-color: #ffffff;
	background-image: none;
	border: 1px solid var(--kolor1);
}
.btn-link:hover   {
	text-decoration: none;
	color: var(--kolor2);
	background-color: #ffffff;
	background-image: none;
	border: 1px solid var(--kolor2);
}

.btn-back,
.btn-back:visited {
	text-decoration: none;
	color: var(--kolor1);
	background-color: transparent;
	background-image: none;
	border: 0;
}
.btn-back:hover {
	text-decoration: none;
	color: var(--kolor2);
	background-color: transparent;
	background-image: none;
	border: 0;
}

.btn-google,
.btn-facebook {text-transform: none; margin-bottom: 1rem;}

.btn-google,
.btn-google:visited   {color: #ffffff; background-color: #CF4332; background-image: none; border: 1px solid #CF4332;}
.btn-google:hover     {color: #ffffff; background-color: #ae3628; background-image: none; border: 1px solid #ae3628;}

.btn-facebook,
.btn-facebook:visited {color: #ffffff; background-color: #1877f2; background-image: none; border: 1px solid #1877f2;}
.btn-facebook:hover   {color: #ffffff; background-color: #0c61d3; background-image: none; border: 1px solid #0c61d3;}

.button[disabled],
.button[disabled]:visited,
.btn[disabled],
.btn[disabled]:visited,
.btn[disabled]:hover,
.button[disabled]:hover {color: #ffffff; background-color: #dddddd; background-image: none; border-color: #dddddd;}

/* przewijanie (slick) */
#prodListMain,
.slideList {overflow: hidden; position: relative; border-radius: 0; margin: 0 1rem; padding: 0px 0px; height: auto; /* background-color: #ffffff; */}
#section_prodListMain .row {/* margin: 0; padding: 0; */}
#section_prodListMain .row .slick-list {padding: 0!important;}
.slick-slider#prodListMain {margin: 0 0;}

/* fix na slick.js i zakładki */
/*
.tab-content > .tab-pane {display: block; visibility: hidden;}
.tab-content > .tab-pane.active {visibility: visible;}
.tab-content {position: relative;}
.tab-pane:not (:first-child){position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
*/

/* producenci */
.producer.thumbnail {margin: 0px 1rem; padding: 0; height: auto; width: 100%; text-align: center; vertical-align: middle; border: 0; box-shadow: none; overflow: hidden; position: relative; /* background-color: #ffffff; */}
.producer.thumbnail a {display: block; padding: 0 0; text-align: center; font-size: 0.6875rem;}
.producer.thumbnail .caption {display: none; position: absolute; top: -100%; background-color: rgba(255,255,255,0.9); color: #555555; font-size: 0.6875rem; width: 100%; padding: 0;}
.producer.thumbnail:hover .caption {top: 0;}
.producer.thumbnail .caption .producerName {font-size: inherit; margin: 0; padding: 0;}
.producer.thumbnail .caption a {display: block; padding: 5px;}
.producer.thumbnail .caption a span {}

.producer.thumbnail a.producerImage {position: relative; height: 55px; background-color: #ffffff; vertical-align: middle;}
.producer.thumbnail a.producerImage img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; opacity: 0.9}
.producer.thumbnail a.producerImage:hover img {opacity: 1;}

/* prodList */
.prodList {overflow: hidden;}
.prodList .brandItems {}

.prodList ul.brands {width: 100%; margin: 0; padding: 0; overflow: auto; list-style: none;}
.prodList ul.brands li.brands {width: 20%; text-align: center; margin: 0; padding: 0; list-style: none; display: inline-block; float: left; overflow: hidden;}

.prodList div.producer {margin: 1rem; padding: 0 0 45px 0; position: relative; overflow: hidden;}
.prodList div.producer a {text-decoration: none;}
.prodList .producer .producerImage {text-align: center; position: relative; padding: 10px;}
.prodList .producer .producerImage a {display: block; margin: 0; padding: 0; overflow: hidden;  position: relative;}

.prodList .producer .producerImage .producerPic {display: block; width: 100%; height: 150px; position: relative;}
.prodList .producer .producerImage .producerPic img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}

.prodList .producer .producerImage .producerDesc {display: block; position: absolute; top: -100%; left: 0; width: 100%; opacity: 0;}
.prodList .producer:hover .producerImage .producerDesc {top: 0%; opacity: 1;}
.prodList .producer .producerImage .producerDesc a {display: block; padding: 10px; font-size: 0.75rem; background-color: rgba(255,255,255,1);}

.prodList .producer .producerName {margin: 0; padding: 0; position: absolute; bottom: 0; display: block; width: 100%; background-color: #ffffff;}
.prodList .producer .producerName a {display: block; padding: 1rem; font-size: 0.875rem; text-align: center;}
.prodList .producer .producerName a span {}

.prodList div.producer {background-color: #ffffff; border: 1px solid var(--ramka1);}
.prodList div.producer:hover {background-color: #ffffff; border: 1px solid var(--ramka1);}

@media all and (max-width: 991px) {
	.prodList ul.brands li.brands {width: 25%;}
}

@media all and (max-width: 767px) {
	.prodList ul.brands li.brands {width: 50%;}
}

@media all and (max-width: 479px) {
	.prodList ul.brands li.brands {width: 100%;}
}

/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box;}

.slick-slider {
	/*
	-webkit-touch-callout: none;
	    -ms-touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	*/
	user-select: none;
	touch-action: pan-y;
}

.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0 1rem;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;}

.slick-slider .slick-track,
.slick-slider .slick-list {transform: translate3d(0, 0, 0);}

.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track::before, .slick-track::after {display: table; content: '';}
.slick-track::after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir="rtl"] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slick-loading .slick-list {
	background: #fff url(ajax-loader.gif) center center no-repeat;
	/*
	background-image: url(ajax-loader-3x.png);
	background-size: 31px 31px;
	*/
}

/* Arrows */
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; transform: translate(0%, -50%); display: block; width: 30px; height: 30px; margin: 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 2;}
.slick-prev {left: 0px;}
.slick-next {right: 0px;}

.gridList .slick-prev,
.gridList .slick-next {width: 30px; height: 48px;}

@media all and (min-width: 992px) {
	.gridList .slick-prev,
	.gridList .slick-next {width: 30px; height: 30px;}
}

/* .slick-prev:focus,
.slick-next:focus, */
.slick-prev:hover,
.slick-next:hover {color: transparent; outline: none; background: transparent; background-color: rgba(255,255,255,0.4);}
 /* .slick-prev:focus::before,
 .slick-next:focus::before, */
.slick-prev:hover::before,
.slick-next:hover::before {opacity: 1;}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {opacity: 0.25;}

.slick-prev::before,
.slick-next::before {line-height: 1; opacity: .75; color: white; /* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */}

.slick-prev::before,
.slick-next::before,
.slick-slider button.scroll span {font-size: 1.25rem;}

.gridList .slick-prev::before,
.gridList .slick-next::before,
.gridList .slick-slider button.scroll span {font-size: 2rem;}

@media all and (min-width: 992px) {
	.gridList .slick-prev::before,
	.gridList .slick-next::before,
	.gridList .slick-slider button.scroll span {font-size: 1.5rem;}
}

/*
.slick-prev span,
.slick-next span {display: inline-block; font-size: 1.125rem; color: #ffffff; text-shadow: 1px 1px 1px #000000;}
.slick-prev:hover span,
.slick-next:hover span {color: #000000; background-color: transparent; background-image: none;}
*/

.slick-slider button.scroll {opacity: 1; text-shadow: none; background-color: transparent; background-image: none;}
.slick-slider button.scroll span {color: rgba(125,125,125,1);}
.slick-slider button.scroll .fa::before {opacity: 1; text-shadow: 0 0 1px rgba(0,0,0,1);}
.slick-slider button.scroll:hover {opacity: 1; background-color: transparent; background-image: none;}
.slick-slider button.scroll:hover span {color: rgba(0,0,0,1);}
.slick-slider button.scroll:hover .fa::before {opacity: 1; text-shadow: 0 0 1px rgba(255,255,255,1);}

/* Dots */
.slick-slider {margin-bottom: 2rem;}

.slick-dots {position: absolute; bottom: 5px; list-style: none; display: none; text-align: center; padding: 0; width: 100%;  margin: 0 auto;}
.slick-dots li {position: relative; display: inline-block; height: 10px; width: 10px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; text-shadow: 1px 1px 1px #000000; background-color: rgba(255,255,255,0.4); border-radius: 0;}
/* .slick-dots li button:focus, */
.slick-dots li button:hover {outline: none;}
/* .slick-dots li button:focus::before, */
.slick-dots li button:hover::before {opacity: 1;}
.slick-dots li button::before {/* font-family: 'slick'; */ font-size: 0.375rem; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; /* content: '•'; */ text-align: center; opacity: .25; color: black; /* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */}
.slick-dots li.slick-active button {background-color: rgba(255,255,255,0.8);}
.slick-dots li.slick-active button::before {color: black; opacity: 0.75;}

.slick-dots li:hover button,
.slick-dots li.slick-active:hover button {background-color: rgba(255,255,255,1);}

/* popup cart */
#modal {display: none;}
#simplemodal-wrap {z-index: 20000!important;}
#simplemodal-overlay {background-color: #000000; z-index: 20000!important;}
#simplemodal-container {z-index: 20000!important;}

#simplemodal-container .simplemodal-wrap {background-color: #ffffff; box-shadow: 0 0 2rem #000000;}
#simplemodal-container a.modalCloseImg {/* display: none; */}
#simplemodal-container img {vertical-align: bottom;}

.addToCartPopup {}
.addToCartPopupWrapper {position: static;}

#simplemodal-container #popup h3,
.addToCartPopupWrapper h3.popupHead {display: block; clear: right; margin: 0; line-height: 1; font-weight: 700; font-size: 1rem;}
#simplemodal-container #popup h3 {padding: 0 2rem 1rem 0;}
.addToCartPopupWrapper h3.popupHead {background-color: #efece9; color: #262b34; padding: 1rem 3rem 1rem 1rem;}

@media all and (min-width: 992px) {
	.addToCartPopupWrapper h3.popupHead {font-size: 1.25rem;}
	#simplemodal-container #popup h3 {padding: 0 1rem 1rem 0; font-size: 1.25rem;}
}

.addToCartPopupContent {overflow: hidden; padding: 10px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; gap: 1rem;}

.addToCartPopupContent div.image {display: none;}
.addToCartPopupContent div.info {font-size: 0.6875rem; padding: 0px; line-height: 1.2; width: 100%; box-sizing: border-box;}
.addToCartPopupContent div.info .details {padding: 1rem; border-bottom-width: 1px; border-bottom-style: solid;}

.r-modalCloseImg,
#simplemodal-container a.modalCloseImg {display: inline-flex; border-width: 1px; border-style: solid; width: 30px; height: 30px; z-index: 20001; position: absolute; cursor: pointer; font-size: 1.125rem; text-align: center; align-items: center; justify-content: center; gap: 0 5px;}

.orders .btn-link.btn-remove .icon:empty::before,
.r-modalCloseImg:empty::before,
#simplemodal-container a.modalCloseImg:empty::before {content: "";}

.orders .btn-link.btn-remove .icon:empty,
.r-modalCloseImg:empty,
#simplemodal-container a.modalCloseImg:empty {background: #ffffff url(btn-close-3x.png) no-repeat 50% 50%; background-size: 16px 16px;}
.orders .btn-link.btn-remove .icon:empty:hover,
.r-modalCloseImg:empty:hover,
#simplemodal-container a.modalCloseImg:empty:hover {background: #eeeeee url(btn-close-3x.png) no-repeat 50% 50%; background-size: 16px 16px;}

@media all and (min-width: 768px) {
	.addToCartPopupContent {flex-direction: row; flex-wrap: nowrap;}
	.addToCartPopupContent div.image {display: block; width: 135px; min-width: 135px; height: 135px; border-width: 1px; border-style: solid; padding: 5px; text-align: center; overflow: hidden;}
	.addToCartPopupContent div.image a {display: block; margin: 0 auto 0 auto; width: 125px; height: 125px; overflow: hidden; text-align: center; position: relative;}
	.addToCartPopupContent div.image a img {max-width: 100%; max-height: 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto;}
}

.r-modalCloseImg {top: 5px; right: 5px;}
#simplemodal-container a.modalCloseImg {top: 5px; right: 5px;}

.r-body img {display: inline-block; width: 100%; height: auto;}

.addToCartPopupContent .productName {margin: 0; padding: 0 0 10px 0; font-size: 0.875rem;}
.addToCartPopupContent .productPrice {font-size: 0.75rem;}
.addToCartPopupContent .productPrice span {font-weight: 700;}
.addToCartPopupContent .productPrice span.price {font-size: 0.875rem;}
.addToCartPopupContent .productPrice span.currency {font-size: 0.75rem;}
.addToCartPopupContent .productCode {display: none;}

@media all and (min-width: 768px) {
	.addToCartPopupContent .productCode {display: block; padding: 10px 1rem 10px 1rem; border-bottom-width: 1px; border-bottom-style: solid;}
	.addToCartPopupContent .productCode span {}
}

.addToCartPopupButtons {display: flex; flex-direction: row-reverse; justify-content: space-between; flex-wrap: wrap; gap: 0; width: 100%; clear: both; float: none; overflow: hidden; border-top-width: 1px; border-top-style: solid;}
.addToCartPopupButtons div {display: inline-flex; padding: 1rem; margin: 0;}
.addToCartPopupButtons div.productButton     {text-align: right;}
.addToCartPopupButtons div.continueBuyButton {}
.addToCartPopupButtons .icon {margin-left: 0px; margin-right: 10px;}
@media all and (max-width: 767px) {
	.addToCartPopupButtons {flex-direction: column; align-items: center;}
	.addToCartPopupButtons div {padding: 10px;}
}

.addToCartPopupContent div.info .details,
.addToCartPopupButtons {background-color: /* #f3f3f3 */ #FCFCFC;}

.addToCartPopupButtons,
.addToCartPopupContent div.image,
.addToCartPopupContent div.info .details,
.addToCartPopupContent .productCode {border-color: var(--separator);}

/* catList, conList */
.catList {}
.catList .information {padding: 0 0 1rem 0;}

.catList.conList {margin: 0 0 0 0;}
.catList.conList table.catList.conList {width: 100%; margin: 0 auto 1rem 0;}
.catList.conList .categoryName {font-size: 0.875rem; display: inline-block; padding: 0; margin: 0 0 2px 0;}
.catList.conList .categorySubject {font-size: 0.75rem; margin: 0 0 5px 0;}

/* subCatList */
#section_subCatList {margin: 0 0 20px 0;}
.subCatList {}
.subCatItem {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0; line-height: 1;}
.subCatItem .thumbnail {display: flex; width: 100%; height: 100%; padding: 0; margin: 0; border: 0;}
.subCatItem .thumbnail > a {display: flex; flex-direction: column; gap: 10px 0; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 44px; padding: 5px; position: relative; overflow: hidden;}
.subCatItem .thumbnail > a,
.subCatItem .thumbnail > a:visited {background-color: #ffffff; outline: 1px solid var(--ramka1); color: #000000; text-decoration: none;}
.subCatItem .thumbnail > a:hover {outline: 1px solid var(--ramka2); color: var(--kolor1); text-decoration: none;}
.subCatItem .categoryImage {display: block;}
.subCatItem .categoryImage img {max-width: 100%; display: block; height: auto;}
.subCatItem .categoryDescription {display: block; position: absolute; top: -100%; font-size: 0.625rem; padding: 5px; background-color: rgba(255,255,255,0.9); color: #555555; line-height: 1.3;}
.subCatItem:hover .categoryDescription {top: 0;}
.subCatItem .categoryDescription .content {}
.subCatItem .caption {padding: 0; word-break: normal; overflow-wrap: anywhere; hyphens: auto; color: inherit;}
.subCatItem .caption .categoryName {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; line-height: 1.3;}

/* catListMain */
#section_catListMain {}
#section_catListMain .container {}
#section_catListMain .row .catItems {}
#section_catListMain .catItem {text-align: center; margin: 0 0 1rem 0; width: 100%; height: auto; padding: 1rem; background-color: #ffffff; border: 1px solid var(--ramka1); position: relative; overflow: hidden; text-decoration: none;}
#section_catListMain .catItem:hover {border: 1px solid var(--ramka2); text-decoration: none;}
#section_catListMain .catItem .categoryImage {display: block; width: 100%; /* height: auto; padding: 0 0 100% 0; */ height: auto; aspect-ratio: auto 1 / 1; margin: 0; overflow: hidden; position: relative;}
#section_catListMain .catItem .categoryImage img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}
#section_catListMain .catItem .categoryImage .categoryName {display: block; position: absolute; bottom: -100%; left: 0; width: 100%; padding: 5px 10px; box-sizing: border-box; word-break: normal; overflow-wrap: anywhere; hyphens: auto;}
#section_catListMain .catItem:hover .categoryName {bottom: 0%;}

#box_listFilters {}
#box_listFilters .panel-head,
#box_listFilters .boxHead {}
#box_listFilters .panel-title,
#box_listFilters .boxTitle {}
#box_listFilters .panel-body,
#box_listFilters .boxContent {padding: 0;}

.filterBox {margin: 0 0 1rem 0;}
.filterHead {}
.filterContent {}

#box_listFilters .control-label,
#box_listFilters .filterHead {font-size: 1rem; border-bottom: 1px dashed #555555; padding: 10px 0; margin: 0 0 10px 0; color: #000000; display: block; font-weight: 400;}
#box_listFilters .control-label.form-label {}

#box_listFilters .filterHead:empty {display: none;}

#side_filters {/* overflow: hidden; */ color: #555555;}

#side_filters ul {display: block; width: 100%; clear: both; list-style: none; padding: 0; margin: 0;}
#side_filters li {padding: 0; margin: 0; display: block;}

#side_filters input,
#side_filters select {vertical-align: middle;}
#side_filters select {min-width: 120px;}

#side_filters a {display: inline-block;}

#side_filters div.multiselect {overflow-y: auto; width: 100%; max-height: 250px; margin: 0 0 0 -5px; padding: 0 0 0 5px;}

#side_filters ul#promotionTypes,
#side_filters div.multiselect div.checkbox {display: grid; margin: 0; padding: 0; grid-auto-rows: minmax(0, auto); grid-gap: 0.5rem 1rem; grid-template-columns: repeat(1, 1fr);}
#side_filters div.multiselect .value {display: block; clear: both; padding: 0; margin: 0; /* overflow: hidden; */}
#side_filters div.multiselect .value label {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0; padding: 0 0 0 20px; /* overflow: hidden; */ word-break: normal; overflow-wrap: anywhere; hyphens: auto;}
#side_filters div.multiselect .value input[type="checkbox"],
#side_filters div.multiselect .value input[type="radio"],
#side_filters div.multiselect .value input.checkbox {margin: 0 10px 0 -20px; float: none;}

#side_filters div.multiselect select.form-control {margin-top: 1rem;}
#side_filters div.multiselect select.form-control:first-child {margin-top: 0;}

#side_filters table.filters {width: 100%; margin: 0 auto; outline: 0 solid red;}

#side_filters label,
#side_filters .label.types {padding-left: 5px; padding-right: 10px; /* font-size: 0.875rem; font-weight: 400; text-transform: uppercase; */}

#side_filters .label.types {padding-left: 0; display: block;}

#side_filters #statusyDostepnosci label {padding-right: 0;}

#side_filters a.link,
#side_filters span.label {padding: 0.5rem 5px 0 0;}
#side_filters a,
#side_filters span {display: inline-block;}

#side_filters ul.f_tab {width: 100%;}
#side_filters ul.f_tab input[type="text"] {/* border-radius: 4px; border: 1px solid #cccccc; box-sizing: border-box; font-size: 0.75rem; line-height: 1.42857; padding: 6px 6px; height: 35px; */}

#side_filters .f_tab .prr {display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; align-items: center; /* justify-content: space-between; */}

#side_filters span.select,
#side_filters span.select_wrap,
#side_filters span.input {display: block; width: 100%;}
#side_filters .f_tab span.labelFrom,
#side_filters .f_tab span.labelTo {display: inline; width: auto;}

#side_filters .f_tab .form-control {width: 100%;}
#side_filters .f_tab span.labelFrom .form-control,
#side_filters .f_tab span.labelTo .form-control {width: auto;}

#side_filters li span.label {margin-top: -3px; /* fix */}

#side_filters #filters_buttons {display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin: 0; gap: 2rem;}
#side_filters #buttonReset {display: flex; flex: 1 1 auto; margin: 1rem 0 0 0;}
#side_filters #buttonSet   {display: flex; flex: 1 1 auto; margin: 1rem 0 0 0;}
#side_filters #linkMore {display: block; clear: both;}

#filters_prodFilters {}

#filters_priceFilters .form-control {min-width: 49%; width: 49%; margin-bottom: 5px; display: inline-block;}
#filters_priceFilters .form-control:last-of-type {margin-left: 2%;}
#filters_priceFilters span.select,
#filters_priceFilters span.select_wrap {display: inline-block;}

#filters_priceFilters_range {}
#filters_priceFilters_range .form-group {display: flex; margin: 0; flex-direction: column-reverse;}
#filters_priceFilters_range #priceRangeSliderValues {display: flex; flex-direction: row; justify-content: space-between; overflow: hidden; margin: 0 0 1rem 0; padding: 0; gap: 10px;}
#filters_priceFilters_range #priceRangeSlider {width: calc(100% - 18px); margin: 0 auto 1rem auto; padding: 0;}

#filters_priceFilters_range .currentPrice {display: inline-block;}
#filters_priceFilters_range .currentPrice#priceMax {}
#filters_priceFilters_range .currentPrice .rangePrice {font-weight: 700; font-size: 0.875rem;}
#filters_priceFilters_range .currentPrice .rangePrice .rangeCurrency {font-weight: 400; font-size: 0.75rem; padding-left: 3px;}

#filters_priceFilters_range .ui-slider#priceRangeSlider {height: 10px; border-radius: 0; /* background-color: #ffffff; background-image: none; border: 0; box-shadow: -1px 1px 3px -2px #000000 inset; */}
#filters_priceFilters_range .ui-slider-range.ui-widget-header {height: 8px; border-radius: 0; /* background-color: #ffffff; background-image: none; border: 0; box-shadow: -1px 1px 3px -2px #000000 inset; */}
#filters_priceFilters_range .ui-slider-handle {width: 18px; height: 18px; cursor: pointer; margin-left: -9px; top: -5px; border-radius: 0;}
#filters_priceFilters_range .ui-slider-handle:last-child {margin-left: -8px;}
/* #filters_priceFilters_range .ui-slider-handle:focus {outline: 0;} */

#filters_priceFilters_range .ui-slider-handle,
#filters_priceFilters_range .ui-slider-handle.ui-state-focus {background-color: var(--kolor1); border-color: var(--kolor1);}
#filters_priceFilters_range .ui-slider-handle:hover,
#filters_priceFilters_range .ui-slider-handle.ui-state-active {background-color: var(--kolor2); border-color: var(--kolor2);}

/* zamiana miejsc */
/*
#filters_priceFilters_range .form-group {flex-direction: column-reverse;}
*/

#page_ordList #side_filters {margin: 0 0 0 auto; text-align: right;}
#page_ordList #side_filters #resultsPages {float: right; padding-right: 0px; clear: both;}
#page_ordList #side_filters #resultsPerPage {float: right; padding-right: 0px; clear: both;}
#page_ordList #side_filters #resultsPages span.label {}
#page_ordList #side_filters #resultsPages span.value {}
#page_ordList #side_filters #resultsPages span.value span {font-weight: 700;}

#side_filters div.hr {margin: 0; padding: 2px 0; clear: both;}

#side_filters input.button {display: block; width: 100%; padding: 5px 0;}

#side_filters #buttonSet span,
#side_filters #buttonReset span {display: block; padding: 0; width: 100%;}

#listOptions {display: flex; flex-direction: column; width: 100%; clear: both; margin-bottom: 2rem; gap: 1rem 2rem;}
#listOptions #listResults,
#listOptions #listSort {display: block;}
#listOptions .navItems#navTop {display: none;}
@media all and (min-width: 768px) {
	#listOptions {flex-direction: row; justify-content: space-between;}
	#listOptions #listResults,
	#listOptions #listSort {display: flex;}

	#listOptions #listSort {justify-content: flex-end;}
}
@media all and (min-width: 992px) {
	#listOptions {justify-content: space-between;}
	#listOptions #listSort {justify-content: flex-start;}
	#listOptions .navItems#navTop {display: flex; /* justify-content: flex-end; */}
}

#listOptions .form-group {margin: 0;}
#listOptions .control-label,
#listOptions .form-text {margin-right: 10px; font-size: 0.75rem; font-weight: 400;}
#listOptions .form-select {font-size: 0.75rem;}

/* items */
.price {color: #02759b; font-weight: 700;}
.price.priceDiscount {color: #ab1814;}
.price.priceOld {color: #555555; font-weight: 400; /* text-decoration: line-through; text-decoration-skip-ink: none; */ width: fit-content; position: relative;}
.price.priceOld::after {content: ""; position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); width: 100%; height: 1px; background-color: #555555;}
.price .currency {padding-left: 2px; font-size: 80%; font-weight: 400;}

.productPromotionIcons {display: inline-block; line-height: 1; padding: 0; height: auto; margin: 0;}
.productPromotionIcons .icons {display: inline-block; padding: 4px 5px; margin: 0 0 2px 2px; width: auto; height: auto; text-align: center; font-size: 0.5625rem; text-transform: uppercase; font-weight: 400; word-break: normal; overflow-wrap: anywhere; hyphens: auto;}

.productPromotionIcons .iconNew        {color: #ffffff; background-color: /* #428484 */ #3F7D7D;}
.productPromotionIcons .iconBestseller {color: #ffffff; background-color: /* #5ba0d0 */ #317BAF;}
.productPromotionIcons .iconDiscount   {color: #ffffff; background-color: /* #fe5858 */ #E90101;}
.productPromotionIcons .iconSale       {color: #ffffff; background-color: #5c5c5c;}
.productPromotionIcons .iconDelivery   {color: #ffffff; background-color: /* #00aa00 */ #008A00;}

.productPromotionIcons .icons a {color: inherit; font-weight: inherit; font-size: inherit; padding: 0; margin: 0;}

.catExtDesc,
.catMoreDesc {padding: 0 0 2rem 0; overflow: hidden; clear: both;}

.catPicDesc {padding: 0; margin: 0 0 19px 0; border-bottom: 1px solid var(--separator); overflow: hidden; clear: both; line-height: 1.5;}
.catPic {float: left; margin: 0 1rem 1rem 0;}

.catPicDesc .catExtDesc {margin: 0;}
.catDesc {margin: 0 0 2rem 0;}
.catMoreDesc {padding-top: 1rem;}

.prodDesc {margin-bottom: 2rem;}
.prodDesc.prodDescFull {}
.prodDesc.prodDescShort {}
.prodDesc.prodDescAdditional {margin-top: 0; margin-bottom: 0; padding-top: 2rem;}

.adultWarning .item.adultOnly {}
.adultWarning .item.adultOnly .productImage,
.adultWarning .item.adultOnly .productImage .otherView {
	background-color: #ffffff!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	background-image: url(adultOnly.png)!important;
	/*
	background-image: url(adultOnly-3x.png)!important;
	background-size: cover!important;
	*/
}
.adultWarning .item.adultOnly .productImage img {opacity: 0.10!important;}

/* gridList */
.gridList {display: grid; margin: 0 0 2rem 0; padding: 0 0; float: none; grid-auto-rows: minmax(0, auto); grid-gap: 2rem 2rem; grid-template-columns: repeat(1, 1fr);}
.gridList.grid-scroll {margin: 0 0 2rem 0; grid-template-columns: repeat(1, 1fr);}
#sideColLeft .gridList,
#sideColRight .gridList {margin: 0; grid-gap: 2rem 2rem; grid-template-columns: repeat(1, 1fr);}
#offerRight .gridList,
#offerRight .gridList.grid-scroll {grid-gap: 1rem 0;}
.gridList.subCatList {grid-gap: 1rem 1rem;}

@media all and (min-width: 360px) and (max-width: 479px) {
	/* .gridList {grid-template-columns: repeat(2, 1fr);} */
	.gridList {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}
	#offerRight .gridList,
	#offerRight .gridList.grid-scroll,
	.gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);}
}

@media all and (min-width: 480px) and (max-width: 991px) {
	.gridList {grid-template-columns: repeat(2, 1fr);}
	.gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);}
	.gridList.grid-per-2,
	.gridList.grid-per-3,
	.gridList.grid-per-4 {grid-template-columns: repeat(2, 1fr);}
	.gridList.grid-per-5,
	.gridList.grid-per-6 {grid-template-columns: repeat(3, 1fr);}
	#offerRight .gridList,
	#offerRight .gridList.grid-scroll,
	.gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);}
}

@media all and (min-width: 992px) {
	.gridList {grid-template-columns: repeat(3, 1fr);}
	.gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);}
	.gridList.grid-per-2 {grid-template-columns: repeat(2, 1fr);}
	.gridList.grid-per-3,
	.gridList.grid-per-4 {grid-template-columns: repeat(3, 1fr);}
	.gridList.grid-per-5 {grid-template-columns: repeat(4, 1fr);}
	.gridList.grid-per-6 {grid-template-columns: repeat(5, 1fr);}
	#offerRight .gridList,
	#offerRight .gridList.grid-scroll,
	.gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);}
}

@media all and (min-width: 1600px) {
	.gridList {grid-template-columns: repeat(4, 1fr);}
	.gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);}
	.gridList.grid-per-2 {grid-template-columns: repeat(2, 1fr);}
	.gridList.grid-per-3 {grid-template-columns: repeat(3, 1fr);}
	.gridList.grid-per-4 {grid-template-columns: repeat(4, 1fr);}
	.gridList.grid-per-5 {grid-template-columns: repeat(5, 1fr);}
	.gridList.grid-per-6 {grid-template-columns: repeat(6, 1fr);}
	#offerRight .gridList,
	#offerRight .gridList.grid-scroll,
	.gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);}
}

@media all and (min-width: 992px) {
	#sideColLeft .gridList,
	#sideColLeft .gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);}
	#sideColLeft .gridList.grid-per-2,
	#sideColLeft .gridList.grid-per-3,
	#sideColLeft .gridList.grid-per-4,
	#sideColLeft .gridList.grid-per-5,
	#sideColLeft .gridList.grid-per-6 {grid-template-columns: repeat(2, 1fr);}
	#sideColLeft .gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);}

	#sideColRight .gridList,
	#sideColRight .gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);}
	#sideColRight .gridList.grid-per-2,
	#sideColRight .gridList.grid-per-3,
	#sideColRight .gridList.grid-per-4,
	#sideColRight .gridList.grid-per-5,
	#sideColRight .gridList.grid-per-6 {grid-template-columns: repeat(2, 1fr);}
	#sideColRight .gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);}
}

/* automatyczne szerokości */
.gridList.grid-auto {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}

.gridList .gridCol {display: flex; flex: 0 1 auto; height: auto; box-sizing: border-box; width: 100%; float: none; padding: 0; margin: 0;}
.gridList.grid-scroll .gridCol {margin: 0 1rem 0 1rem;}

#offerRight .gridList.grid-scroll .slick-track {width: 100%!important; transform: none!important; display: flex!important; flex-direction: column!important;}
#offerRight .gridList.grid-scroll .gridCol {margin: 0; width: 100%!important; display: none!important;}
#offerRight .gridList.grid-scroll .gridCol.slick-active {display: flex!important;}
#offerRight .gridList.grid-scroll .gridCol.slick-cloned {}

@media all and (max-width: 991px) {
	#offerRight .gridList.grid-scroll .slick-list {transform: none!important; height: auto!important;}
	#offerRight .gridList.grid-scroll .gridCol {display: flex!important;}
	#offerRight .gridList.grid-scroll .gridCol.slick-active {}
	#offerRight .gridList.grid-scroll .scroll,
	#offerRight .gridList.grid-scroll .gridCol.slick-cloned {display: none!important;}
}

.gridList .gridCol[aria-hidden="true"] {user-select: none;}

/*
.gridList.list-itemList .gridCol {margin: 0 0 1rem 0;}
#sideColLeft .gridList .gridCol,
#sideColRight .gridList .gridCol,
#sideColLeft .gridList.grid-scroll .gridCol,
#sideColRight .gridList.grid-scroll .gridCol {margin: 0 0 1rem 0;}
*/

.gridList.grid-scroll {position: relative;}
.gridList.grid-scroll .slick-slider.slideList {width: unset; margin: 0 calc(-.5 * var(--bs-gutter-x)); padding: 0 calc(0.5 * var(--bs-gutter-x)); background-color: transparent; box-sizing: border-box; overflow: hidden; position: static; border-radius: 0; height: auto; /* background-color: #f5f5f5!important; margin: 0; padding: 1rem; */}
.gridList.grid-scroll .slick-list {margin: 0; padding: 0;}
.gridList.grid-scroll .slick-track {display: flex!important; flex-direction: row!important; flex-wrap: nowrap;}
.gridList.grid-scroll .slick-prev {left: /* -24px */ calc(-.5 * var(--bs-gutter-x));}
.gridList.grid-scroll .slick-next {right: /* -24px */ calc(-.5 * var(--bs-gutter-x));}
/*
@media all and (min-width: 992px) {
	.gridList.grid-scroll .slick-prev {left: -1rem;}
	.gridList.grid-scroll .slick-next {right: -1rem;}
}
*/
.gridList div.inputHidden {display: none;}

.gridList .item {display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; margin: 0; padding: 0 0 1px 0; text-align: center; position: relative;}
.gridList .item.inBasket {}
.gridList .item.itemOutOfStock {}
.gridList .item.AjaxBasket {}
.gridList .item:hover {}

.gridList .item .productImage {display: flex; flex: 0 1 auto; width: 100%; margin: 0 auto; position: relative; top: 0; overflow: hidden; background-color: #ffffff; border: 1px solid var(--ramka1);}
.gridList .item .productImage:hover {top: 0px; border: 1px solid var(--ramka2); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);}
@media all and (max-width: 991px) {
	.gridList .item .productImage {max-height: 280px;}
}

.gridList .item .productImage img {display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto;}

.gridList .item .productImage .mainImage {display: block; width: 100%; height: 100%; align-content: center; aspect-ratio: auto 1 / 1; /* height: 0; margin: 0 auto; padding: 0 0 100% 0; */}
.gridList .item .productImage .mainImage img {}
.gridList .item .productImage .otherView {display: flex; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; background-color: #ffffff;}
.gridList .item .productImage:hover .otherView {opacity: 1;}
.gridList .item .productImage .otherView .secondImage {display: flex; width: 100%; height: 100%;}
.gridList .item .productImage .otherView .secondImage img {}

.gridList .item .productPromotionIcons {position: absolute; top: 0; right: 0; text-align: right; overflow: hidden; opacity: 1; max-width: calc(100% - 2rem);}
.gridList .item:hover .productPromotionIcons {opacity: 0;}

.gridList .item .productText {display: block; position: absolute; bottom: -100%; left: 0; width: 100%; height: auto; max-height: 100%; padding: 5px 0; background-color: transparent; color: #555555; font-size: 0.6875rem; text-align: left; overflow: auto; z-index: 2;}
.gridList .item:hover .productText {bottom: 0; background-color: #ffffff;}

.gridList .item .productDescription {padding: 0 5px 0 5px;}
.gridList .item .productAttributes {padding: 5px 5px 0 5px;}
.gridList .item .productAttributes .attribute {display: block; font-weight: 400;}
.gridList .item .productAttributes .attribute .attributeValue {font-weight: 700;}

.gridList .item .productCode {font-size: 0.625rem; text-align: right; color: #444444; background-color: #ffffff; border-radius: 5px 0 0 0; /* text-shadow: 1px 1px 0px #c0c0c0; */ position: absolute; bottom: 0; right: 0; padding: 5px;}

.gridList .item .wishList-btn {display: flex; position: absolute; top: 0; left: 0; z-index: 3; width: 30px; height: 30px; padding: 0; align-items: center; justify-content: center; text-align: center;}
.gridList .item .wishList-btn,
.gridList .item .wishList-btn:visited {border: 0; background-color: transparent;}
.gridList .item .wishList-btn:hover {border: 0; background-color: transparent;}
.gridList .item .wishList-btn .wishList-icon {font-size: 1.125rem;}

.gridList .item .caption {display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; margin: 0; padding: 0; width: 100%; word-break: normal; overflow-wrap: anywhere; hyphens: auto;}

.gridList .item .productName    {display: flex; width: 100%; height: auto; align-items: flex-start; justify-content: center; margin: 0; padding: 5px 0 0 0; font-size: 0.875rem; line-height: 1.3; font-weight: 400;}
.gridList .item .productPrices  {display: flex; width: 100%; height: 100%; align-items: center; justify-content: flex-end; flex-direction: column; margin: 0; padding: 5px 0;}
.gridList .item .productButtons {display: flex; width: 100%; height: auto; align-items: flex-end; justify-content: center; flex-direction: row; margin: 0; padding: 5px 0 0 0; position: relative;}
.gridList .item.AjaxBasket .productButtons {align-items: center; justify-content: center; flex-direction: column;}

.gridList .item .productPrices .price {font-size: clamp(16px, 18px, 20px);}
.gridList .item .productPrices .price .currency {}
.gridList .item .productPrices .priceOld {font-size: clamp(12px, 14px, 16px);}
.gridList .item .productPrices .priceOld .currency {}

.gridList .item .productPrices .priceTax {}
.gridList .item .productPrices .priceTax.priceNet {display: block; font-size: clamp(14px, 16px, 18px);}
.gridList .item .productPrices .priceTax.priceNet .currency {}
.gridList .item .productPrices .priceTax.priceGross {font-size: clamp(16px, 18px, 20px);}
.gridList .item .productPrices .priceTax.priceGross .currency {}
.gridList .item .productPrices .priceTax.pricePromotion {}
.gridList .item .productPrices .priceTax.pricePromotion .currency {}

.gridList .item .basket-mes {display: flex; width: 100%; height: auto; padding: 5px 0; margin: 0; font-size: 0.75rem; align-items: center; justify-content: center; position: absolute; top: 100%; left: 0;}

.item.item-list .caption .complet-info {display: flex; justify-content: center; gap: 0.5ch}

#offerRight .gridList .item.item-list {flex-direction: row; flex-wrap: nowrap; gap: 0 2rem; border-bottom: 1px solid var(--ramka1); margin: 0; padding: 0 0 1rem 0; text-align: left;}
#offerRight .gridList .item.item-list .productImage {width: 80px; height: 80px; min-width: 80px; max-height: 80px; margin: 0 auto 0 0; border: 0px solid var(--ramka1); box-shadow: unset;}
#offerRight .gridList .item.item-list .productImage:hover {border: 0px solid var(--ramka1); box-shadow: unset;}
#offerRight .gridList .item.item-list .caption {justify-content: center; position: relative;}
#offerRight .gridList .item.item-list .caption::after {content: ""; display: block; background-color: var(--ramka1); width: 1px; height: 100%; position: absolute; top: 0; left: -1rem;}
#offerRight .gridList .item.item-list .caption .productName,
#offerRight .gridList .item.item-list .caption .productPrices,
#offerRight .gridList .item.item-list .caption .productButtons {width: 100%; height: auto; justify-content: flex-start; padding: 3px 0;}
#offerRight .gridList .item.item-list .caption .productName {font-weight: 600;}
#offerRight .gridList .item.item-list .caption .complet-info {display: block; color: #555555; font-size: 0.8125rem; padding: 3px 0;}
#offerRight .gridList .item.item-list .caption .complet-info span {padding-right: 3px;}
#offerRight .gridList .item.item-list .productCode {display: none;}


/* navs | listNav */
#navTop {}
#navBottom {text-align: center;}
#navTop .pagination {}
#navBottom .pagination {text-align: center; margin-left: auto; margin-right: auto}

.navItems {clear: both; margin: 1rem 0; line-height: 1; border: 0px solid var(--separator); overflow: hidden;}
.navItems.navList {}
.navItems.navOrders {}
.navItems.navOrders.navOrder {}
.navItems.navRepo {}
.navItems.multiNav,
.navItems.navCart {margin-top: 0px; margin-bottom: 25px; border: 0;}
.navItems.navNews {margin-top: 1rem;}
.navItems#navTop {}
.navItems#navBottom {border-top: 1px solid var(--separator); padding: 1rem 0 0 0;}
.navItems.navBlog {margin-bottom: 1rem;}

.navItems ul,
.navItems li,
.navItems a,
.navItems span,
.navItems .btn-link {font-size: 0.75rem; line-height: 1;}

.navItems .btn-link .fa,
.navItems .btn-link .icon,
.navItems .icon {padding: 0; margin: 0;}

.navItems .pager {width: 100%; font-size: 0.75rem; padding: 0; margin: 0; position: relative;}
.navItems .pager ul {margin: 0 auto; border: 0;}

.navItems.navNews .pager {position: static;}

.navItems .pager .previous {float: left; position: relative; text-align: left; z-index: 2;}
.navItems .pager .next {float: right; position: relative; text-align: right; z-index: 2;}
.navItems .pager .centered {position: absolute; left: 0; width: 100%; text-align: center; z-index: 1;}

@media all and (min-width: 992px) {
	.navItems#navTop {margin: 0 0 0 auto; border: 0;}
	.navItems.navList .pagination {display: flex; justify-content: center; align-items: center; gap: 0 5px;}
	.navItems.navList#navTop .pagination {justify-content: flex-end;}
	.navItems.navList .pager::after,
	.navItems.navList .pager::before {display: none;}
	.navItems.navList .pager {display: flex; justify-content: center; align-items: center; width: auto; position: static; gap: 0 1rem;}
	.navItems.navList#navTop .pager {justify-content: flex-end;}
	.navItems.navList#navBottom .centered {flex: 1 1 auto;}
	.navItems.navList li.centered {order: 2; float: none; position: static; width: auto; text-align: center;}
	.navItems.navList#navTop li.previous {text-align: right;}
	.navItems.navList li.next {order: 3;}
}

.navItems .pager li.previous,
.navItems .pager li.centered,
.navItems .pager li.next {display: inline-block; margin: 0; padding: 0; border: 0;}

.navItems a,
.navItems .btn-link,
.navItems .pager span,
.navItems .pager a {display: inline-flex; font-size: 0.75rem; height: 26px; padding: 0; margin: 0; border: 0; text-transform: uppercase; align-items: center; gap: 0 10px;}

.navItems.navList .pager a.page,
.navItems .pager .centered span,
.navItems .pager .centered a {padding: 0 5px;}

.navItems.navList .pager a.page.pagePrevious {margin-left: -5px;}
.navItems.navList .pager a.page.pageNext {margin-right: -5px;}

.navItems .pager .centered a {position: relative;}
.navItems .pager .centered a:hover::after,
.navItems .pager .centered .selected a::after {content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0;}
.navItems .pager .centered a:hover::after {background-color: var(--kolor2);}
.navItems .pager .centered .selected a::after {background-color: var(--kolor1);}

.navItems .pager .pagination li:first-child a,
.navItems .pager .pagination li:first-child span,
.navItems .pager .pagination li:last-child > a,
.navItems .pager .pagination li:last-child > span {border-radius: 0;}

.navItems .pager .disabled span,
/* .navItems .pager a:focus, */
.navItems .pager a:active {background-color: transparent; background-image: none;}

.paginator .btn-link,
.paginator .btn-link:visited,
.navItems .btn-link,
.navItems .btn-link:visited,
.navItems .pager a,
.navItems .pager a:visited {color: #555555; background-color: transparent;}
.paginator .btn-link:hover,
.navItems .btn-link:hover,
.navItems .pager a:hover {color: var(--kolor1); background-color: transparent;}

.navItems .pager .selected a,
.navItems .pager .selected a:visited {color: var(--kolor1);}

.navItems .pager .previous a,
.navItems .pager .next a,
.navItems .pager .previous a:visited,
.navItems .pager .next a:visited {color: #555555; background-color: transparent;}

.navItems .pager .selected a:hover,
.navItems .pager .previous a:hover,
.navItems .pager .next a:hover  {color: var(--kolor1); background-color: transparent; background-image: none;}

.navItems.multiNav {display: flex; justify-content: space-between; gap: 0 1rem;}
.navItems.multiNav .lastLink {display: flex; flex: 1 1 auto; margin: 0;}
.navItems.multiNav .previous,
.navItems.multiNav .next {display: flex; flex: 0 1 auto; margin: 0;}

/* div.navigator a, */
.navigator {margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px;}
.navigator.paginatorPrevious {text-align: left;}
.navigator.paginatorPrevious .btn {display: inline-flex; margin: 0}
.navigator.paginatorNext {text-align: right;}
.navigator.paginatorNext .btn {display: inline-flex; margin-left: auto;}

.navigator.spaceBetween {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: space-between; margin: 0.5rem 0; padding: 0.5rem 0; gap: 1rem;}
.navigator.spaceBetween .paginatorPrevious {display: flex; flex-direction: column; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0; order: 1;}
.navigator.spaceBetween .paginatorNext {display: flex; flex-direction: column; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 0 auto; padding: 0; order: 2; justify-content: flex-end;}
@media all and (min-width: 798px) {
	.navigator.spaceBetween {}
	.navigator.spaceBetween .paginatorPrevious {}
	.navigator.spaceBetween .paginatorNext {}
}

.navigator.spaceBetween .btn-back {margin: 0 auto 0 0;}
.navigator.spaceBetween .pull-right {margin: 0;}

.deliAdr-select .form-control {margin-bottom: 10px;}
.deliAdr-select .btn-link {margin-top: 10px;}

table.paginatorCart {margin-left: auto; margin-right: 0; width: 100%; overflow: hidden;}
table.paginatorCart td {padding: 10px 0; /* display: inline-block; */}
table.paginatorCart td.paginatorCartPrevious {}
table.paginatorCart td.paginatorCartNext {padding-right: 0; text-align: right;}

div.row.paginatorCart {padding-top: 10px; padding-bottom: 5px;}
div.row.paginatorCart:empty {display: none;}
div.row.paginatorCart div.paginatorCartPrevious {padding-top: 5px; padding-bottom: 5px;}
div.row.paginatorCart div.paginatorCartNext {padding-top: 5px; padding-bottom: 5px;}

table.paginator.paginatorDetails,
table.paginator.paginatorBottom {width: 100%; margin: 0 0 0.5rem 0;}
table.paginator.paginatorBottom td {width: 50%;}
table.paginator.paginatorBottom td:first-child {}
table.paginator.paginatorBottom td:last-child {text-align: right;}

@media all and (max-width: 479px) {
	table.paginator.paginatorBottom tbody,
	table.paginator.paginatorBottom tr,
	table.paginator.paginatorBottom td {display: block; width: 100%;}
}

table.paginator.paginatorNews td,
table.paginator.paginatorDetails td {width: 33%;}
table.paginator.paginatorNews td:nth-child(2) a
table.paginator.paginatorDetails td:nth-child(2) a {margin-left: 3px; margin-right: 3px;}
table.paginator.paginatorNews td:nth-child(2) a,
table.paginator.paginatorDetails td:nth-child(1) {}
table.paginator.paginatorNews td:nth-child(2),
table.paginator.paginatorDetails td:nth-child(2) {text-align: center;}
table.paginator.paginatorNews td:nth-child(3),
table.paginator.paginatorDetails td:nth-child(3) {text-align: right;}

table.paginator.paginatorNews {width: 100%; margin: 1rem 0;}

.orders .btn-link.btn-back,
.panelPages .btn-link.btn-back,
.nav .btn-link.btn-back,
.navigator .btn-link.btn-back,
.paginator .btn-link.btn-back {border: 0; padding: 0;}

.lastLink#action_continue {margin: 0 0 2rem 0; padding: 0 0;}

/* nawigacja */
.navItems.nawigacja {justify-content: flex-end;}

.navItems.nawigacja .pager {}
.navItems.nawigacja .pagination {display: flex; gap: 0 5px;}
.navItems.nawigacja .page-item {}
.navItems.nawigacja .page-item.page-nav {}
.navItems.nawigacja .page-item.page-numbers {}

.navItems.nawigacja .page-item.previous {margin: 0 auto 0 0;}
.navItems.nawigacja .page-item.next {margin: 0 0 0 auto;}

.navItems.nawigacja .page-link {display: inline-flex; position: relative; padding: 0 5px; line-height: 1; font-size: 0.75rem; height: 26px; vertical-align: middle; justify-content: center; align-items: center; gap: 0 10px; text-transform: uppercase;}
.navItems.nawigacja .page-link,
.navItems.nawigacja .page-link:visited {color: #555555; background-color: transparent; border: 0; box-shadow: none;}
.navItems.nawigacja .page-link:hover {color: var(--kolor1); background-color: transparent; border: 0; box-shadow: none;}
.navItems.nawigacja .page-link:focus {box-shadow: none;}

.navItems.nawigacja .page-item.disabled .page-link {opacity: 0.25;}

.navItems.nawigacja .page-item.active .page-link,
.navItems.nawigacja .page-item.active .page-link:visited {color: var(--kolor1); background-color: transparent; border: 0;}
.navItems.nawigacja .page-item.active .page-link:hover {color: var(--kolor2); background-color: transparent; border: 0;}
.navItems.nawigacja .page-item.active .page-link::after {}
.navItems.nawigacja .page-item.page-numbers .page-link:hover::after,
.navItems.nawigacja .page-item.page-numbers.active .page-link::after {content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0;}
.navItems.nawigacja .page-item.page-numbers .page-link:hover::after {background-color: var(--kolor2);}
.navItems.nawigacja .page-item.page-numbers.active .page-link::after {background-color: var(--kolor1);}

.navItems.nawigacja.navList .page-nav .page-link {/* min-width: 30px; border-radius: 50%; corner-shape: superellipse(1); border: 1px solid var(--ramka1); */}

.navItems.nawigacja#navTop {margin: 0 0 0 auto;}
.navItems.nawigacja#navBottom {}
.navItems.nawigacja.navBottom {justify-content: center;}
.navItems.nawigacja.navBottom .pager,
.navItems.nawigacja.navBottom .pagination {width: 100%;}
.navItems.nawigacja.navBottom .page-item.previous {margin: 0 auto 0 0;}
.navItems.nawigacja.navBottom .page-item.next {margin: 0 0 0 auto;}

/* prettyPhoto */
div.pp_pic_holder {z-index: 20002; position: fixed!important; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important;}

/* dopasowanie obrazków */
div.pp_gallery ul {height: 45px!important;}
div.pp_gallery ul li {width: 43px!important;}

div.pp_default .pp_gallery ul li.selected a {border-color: #808080!important;}
div.pp_default .pp_gallery ul li a {border-color: var(--ramka1)!important;}

div.pp_gallery ul a {width: 43px!important; height: 43px!important; position: relative!important; overflow: hidden!important;}
div.pp_gallery ul a img {width: auto!important; height: auto!important; max-width: 100%!important; max-height: 100%!important; display: block!important; position: absolute!important; margin: auto!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; overflow: auto!important;}

@media all and (max-width: 767px) {
	/* div.pp_pic_holder {position: absolute!important; top: 0%!important; left: 0%!important; transform: none!important; width: 100%!important; overflow: hidden;} */
	div.pp_pic_holder {position: fixed!important; top: 0!important; left: 0!important; transform: none!important; width: 100vw!important; height: 100vh!important; overflow-y: auto!important;}
	.ppt,
	.pp_top,
	.pp_bottom,
	.pp_gallery {display: none!important;}
	div.pp_default .pp_content_container .pp_left {padding-left: 0!important;}
	div.pp_default .pp_content_container .pp_right {padding-right: 0!important;}
	.pp_hoverContainer {width: 100%!important; height: 100%!important; z-index: 2!important;}
	.pp_content {width: 100%!important; height: auto!important;}
	.pp_fade {width: 100%!important; height: 100%!important;}
	a.pp_expand,
	a.pp_contract {display: none!important;}
	.pp_hoverContainer {width: 100%!important; padding: 0!important; background-color: transparent!important;}
	#pp_full_res img {width: 100%!important; height: auto!important; margin-top: 50px!important;}
	.pp_details {position: fixed!important; top: 0!important; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #000000!important; color: #ffffff!important; margin-top: 0px!important; opacity: 0.9!important; height: 50px!important; z-index: 3!important;}
	.currentTextHolder {color: #ffffff!important;}
	a.pp_close {right: 5px!important; top: 10px!important;}
	.pp_nav {margin-right: 0!important;}
	.pp_description {margin-right: 0!important;}
}
.pp_pic_holder .ppt,
.pp_pic_holder .pp_nav {display: none!important;}
.pp_pic_holder .pp_expand {right: auto!important; top: 10px!important; left: 2rem!important;}

.pp_pic_holder .pp_play,
.pp_pic_holder .currentTextHolder {display: none!important;}

/* detCard */
div.detCard {}

.detCard #offerLeft {padding-bottom: 1rem;}
.detCard #offerRight {padding-bottom: 2rem; position: relative;}

@media all and (min-width: 767px) {
	.detCard #offerLeft,
	.detCard #offerRight {padding-bottom: 2rem;}
}

.detCard .separator {margin-top: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--separator);}
.detCard .separator.to-productAttributes {}
.detCard .separator.to-choosedAttributes {}
.detCard .separator.to-manufacturer {}
.detCard .separator.to-information {}
.detCard .separator.to-basketSection {margin-top: 0; margin-bottom: 1rem; border-bottom: 1px solid transparent;}
.detCard .separator.to-basketSection.to-info-order-notify,
.detCard .separator.to-basketSection.to-info-notify {}
.detCard .separator.to-cartprices {}
.detCard .separator.to-prices {}
.detCard .separator.to-addThis {}
.detCard .separator.to-opinions {}
.detCard .separator.to-productGroup {}
.detCard .separator.to-variants {}

.detCard .showVariants {}
#offerRight .wrap {padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--separator);}

.detCard h1.productName,
.detCard #productInfoSmall .productName {margin: 0 0 1rem 0; padding-top: 0px; padding-bottom: 1rem; border-bottom: 1px solid var(--separator); font-size: 1.5rem; font-weight: 700;}

.detCard #productInfoSmall .productName {font-size: 1.25rem; text-align: center;}

.detCard .productCode {font-size: 0.875rem; padding: 0; margin: 0 0 5px 0;}
.detCard .productCode span {font-weight: 700;}
.detCard .productCode span.colon {color: inherit; font-weight: inherit;}
.detCard .productCode.barCode {display: block; clear: both;}

#productInfoSmall .productCode {}
#productInfoSmall .productCode.barCode {}

#offerRight .productPromotionIcons {display: block;}
#offerRight .productPromotionIcons .icons {margin: 0 5px 0px 0;}

#offerRight .wrap {overflow: hidden; display: flex; justify-content: space-between;}
#offerRight .wrap .codeWrap {overflow: hidden;}
#offerRight .wrap .codeWrap:empty {display: none;}
#offerRight .wrap .opinionWrap {}
#offerRight .wrap .availabilityWrap img {min-width: 80px;}

#offerRight .wrap .productCode { /*float: left;*/ display: inline-block; margin-right: 1rem;}
#offerRight .wrap .productCode.barCode {display: inline-block; /* clear: none; */}

#offerRight .wrap .information,
#offerRight .wrap div.availability {font-size: 0.875rem; padding: 0; margin: 0 0 1rem 0;}
#offerRight .wrap .productDetails.availability {padding: 0; margin: 0;}
#offerRight .wrap .productDetails.availability td {padding: 0 10px 0 0;}

#offerRight .wrap .productCode,
#offerRight .wrap .productDetails.availability td {line-height: 1.3;}

@media all and (min-width: 1399px) {
	/* #offerRight .wrap .information,
	#offerRight .wrap div.availability,
	#offerRight .wrap .productDetails.availability {float: right; display: inline; padding: 0; margin: 0; text-align: right;} */
	#offerRight .wrap .productDetails.availability td {padding: 0 0 0 10px;}
	/* #offerRight .wrap .left .information,
	#offerRight .wrap .left div.availability,
	#offerRight .wrap .left .productDetails.availability {float: left;} */
}

#offerLeft .productPromotionIcons {display: none;}

@media all and (min-width: 992px) {
	#offerLeft .productPromotionIcons {display: block; position: absolute; top: 0; right: 0; opacity: 1; z-index: 1;}
	#offerLeft .productPromotionIcons .icons {margin: 0 0 5px 5px; padding: 5px; font-size: 0.75rem;}
	#offerLeft .productImage:hover .productPromotionIcons {opacity: 0;}
}

@media all and (max-width: 991px) {
	#offerRight .wrap .information,
	#offerRight .wrap .productDetails.availability {margin-top: 5px; clear: left;}
	#productInfoSmall .productDetails.availability {margin-bottom: 0;}
	#productInfoSmall div.availability {padding-top: 5px; padding-bottom: 5px;}
}

#productInfoSmall {padding-top: 5px; margin-bottom: 1rem;}

.detCard #thumbsSlick .slick-list,
.detCard #thumbsSlick .div.slick-track,
.detCard #thumbsSlickBig .slick-list {margin: 0; padding: 0!important;}

.detCard #thumbsSlickBig {margin-top: 0; margin-bottom: 0;}
.detCard #thumbsSlickBig img {border: 0; margin: 0 auto; cursor: pointer;}
.detCard .productImage {position: relative; margin-bottom: 1rem; border: 1px solid var(--ramka1); background-color: #ffffff; overflow: hidden;}
.detCard .productImage #thumbsSlickBig img {display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%;}

.detCard button.scroll {opacity: 0.5; z-index: 2;}
.detCard button.scroll span {font-size: 1.125rem;}
.detCard #thumbsSlickBig button.scroll span {font-size: 1.5rem;}

.detCard #offerLeft div.productThumbnails#thumbsSlick,
.detCard #offerLeft div.productThumbnails #thumbsSlick {display: block; clear: both; margin: 0 0 1rem 0; text-align: left; padding: 0 2rem 0 0; /* width: 100%; margin: 0; padding: 0 0 2rem 0; position: relative; */}
.detCard #offerLeft div.productThumbnails div.slick-list,
.detCard #offerLeft div.productThumbnails div.slick-track {margin: 0; padding: 0;}
.detCard #offerLeft div.productThumbnails div.pics {margin: 0 10px 0 0; padding: 0; /* width: 100%; margin: 0; */}
.detCard #offerLeft div.productThumbnails a {display: block; cursor: pointer; line-height: 1;}
.detCard #offerLeft div.productThumbnails div.pics > span,
.detCard #offerLeft div.productThumbnails a span {display: inline-block; position: relative; width: 100%; /* height: 0; padding: 0 0 100% 0; */ /* height: 100px; */ height: auto; aspect-ratio: auto 1 / 1; border: 1px solid var(--ramka1); background-color: #ffffff;}
.detCard #offerLeft div.productThumbnails a:hover {}
.detCard #offerLeft div.productThumbnails img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}

/* slick - horizontal */
.detCard #offerLeft #thumbsSlick button.scroll {margin: 0; transform: translate(0%, 0%);}
.detCard #offerLeft #thumbsSlick button.scroll.slick-prev {left: auto; right: 0; width: 30px; height: 50%; top: 50%;}
.detCard #offerLeft #thumbsSlick button.scroll.slick-next {left: auto; right: 0; width: 30px; height: 50%; top: 0%;}

/* slick - vertical */
/*
.detCard #offerLeft #thumbsSlick button.scroll {display: block; width: 67px; height: 20px; margin: 0; cursor: pointer; padding: 0; border: 0 solid; position: absolute; left: 17px;}
.detCard #offerLeft #thumbsSlick button.scroll.up {top: 0px;}
.detCard #offerLeft #thumbsSlick button.scroll.down {bottom: 0px;}
*/

/* slick - pionowe miniatury w lewej kolumnie */
/*
.detCard .pics-block {padding: 0; margin: 0; clear: both; width: 100%; display: block;}
.detCard .pics-block div.col-Main {width: 100%; display: block; box-sizing: border-box; position: relative; padding: 1px; margin: 0;}
.detCard .pics-block div.col-Thumbs {width: 102px; display: block; box-sizing: border-box; position: relative; padding: 0; margin: 0; float: left;}

@media screen and (min-width: 992px) {
	.detCard .pics-block.has-thumbs div.col-Main {width: calc(100% - 102px); float: right;}
}

@media screen and (max-width: 991px) {
	.detCard .pics-block {margin-bottom: 2rem;}
	.detCard .pics-block.has-thumbs div.col-Main {width: 100%;}
	.detCard .pics-block div.col-Thumbs {display: none;}
}

.detCard .productThumbnails {display: block; padding: 0 10px 0 0;}
.detCard .productThumbnails div.pics {margin: 0 0 0 0; padding: 0;}

.detCard .col-Main .productImage,
.detCard .col-Thumbs div.pics a {display: block; border: 1px solid var(--ramka1);}

.detCard #thumbsSlick {margin: 0; padding: 0 0 1rem 0; position: relative; text-align: center; float: right; z-index: 2;}
.detCard #thumbsSlick .slick-list.draggable {}
.detCard #thumbsSlick * {outline: 0;}

.slick-vertical .slick-slide {clear: both; width: 100%;}

.detCard #thumbsSlick a {display: block; margin: 0 0 9px 0; padding: 0; z-index: 1; width: 100%; height: auto; clear: both; cursor: pointer; opacity: 1;}
.detCard #thumbsSlick .slick-current a {opacity: 0.75;}
.detCard #thumbsSlick a:hover {opacity: 0.5;}

.detCard #thumbsSlick a span {display: block; width: 88px; padding: 0 0 100% 0; height: 0; overflow: hidden; position: relative;}
.detCard #thumbsSlick a span img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}

.detCard #thumbsSlick button.scroll {display: block; width: 50%; height: 15px; line-height: 1; margin: 0; cursor: pointer; padding: 0; border: 0; position: absolute; z-index: 2; opacity: 0.15;}
.detCard #thumbsSlick button.scroll span {font-size: 0.875rem;}
.detCard #thumbsSlick button.scroll:hover {opacity: 1;}
.detCard #thumbsSlick button.scroll.slick-prev {top: auto; left: 0; right: auto; bottom: 0; color: #ffffff;}
.detCard #thumbsSlick button.scroll.slick-next {top: auto; left: auto; right: 0; bottom: 0; color: #ffffff;}
*/

/*
#offerLeft .productImage div.zoomPad {border: 0px solid var(--ramka1); text-align: center;}
#offerLeft .productImage img,
#offerLeft .MoreZoom img {width: 100%; height: auto; display: block;}

.detCard .zoomWrapper,
.detCard .zoomWindow {border: 0 solid!important; display: none!important;}
.detCard .zoomWrapperTitle {display: none!important;}
.detCard .zoomWrapper {}
.detCard .zoomPad {cursor: pointer!important;}
.detCard .zoomPreload {display: none!important;}
*/

/* jqzoom OFF */
/*
@media all and (max-width: 1199px) {
	.detCard .MoreZoom .zoomPad {position: static!important; float: none!important; cursor: pointer!important;}
	.detCard .MoreZoom .zoomPup {cursor: default!important; position: static!important;}
	.detCard .MoreZoom .zoomPup,
	.detCard .MoreZoom .zoomWindow,
	.detCard .MoreZoom .zoomPreload {display: none!important;}
	.detCard .MoreZoom .zoomWindow,
	.detCard .MoreZoom .zoomWrapper {cursor: default!important;}
}
*/

/* PhotoSwipe */
.pswp__bullets-indicator {display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: center; position: absolute; bottom: 5px; left: 0; /* transform: translate(-50%, 0); */ gap: 5px; padding: 10px;}
.pswp__bullets-indicator.pswp__hide-on-close {opacity: 0!important;}
.pswp__bullets-indicator.pswp__hide-on-close:hover {opacity: 1!important;}
.pswp__bullet {width: 12px; height: 12px; border-radius: 50%; corner-shape: superellipse(1); margin: 0; background: #ffffff; opacity: 0.5;}
.pswp__bullet--active {opacity: 1;}
.pswp__bullet:hover {opacity: 0.75;}

.pswp .pic_desc.pswp__hide-on-close {position: fixed; top: 10px; left: 50%; transform: translate(-50%, 0); padding: 5px 1rem; background-color: rgba(0,0,0,0.5); color: #ffffff; opacity: 0.75; font-size: 0.75rem; z-index: 1;}
.pswp .pic_desc.pswp__hide-on-close:hover {opacity: 1; z-index: 10;}

/* inne przyciski */
/*
.pswp__button.pswp__button--arrow,
.pswp__button.pswp__button--close,
.pswp__button.pswp__button--zoom {display: flex; align-items: center; justify-content: center; border-radius: 50%; corner-shape: superellipse(1); opacity: 0.85!important; background-color: #ffffff; color: #000000; border: 0px solid #ffffff; box-shadow: 0 0 5px #000000; overflow: visible; position: fixed;}

.pswp__button.pswp__button--arrow:hover,
.pswp__button.pswp__button--close:hover,
.pswp__button.pswp__button--zoom:hover {opacity: 1!important; background-color: #000000; color: #ffffff; border: 0px solid #ffffff; box-shadow: 0 0 5px #ffffff;}

.pswp__button.pswp__button--arrow {top: auto; bottom: 40px; width: 60px; height: 60px; scale: 0.8;}
.pswp__button.pswp__button--close {top: auto; bottom: 40px; width: 60px; height: 60px; left: 50%; right: auto; transform: translate(-50%, 0); margin: 0 0 0 0px; scale: 1;}
.pswp__button.pswp__button--zoom {top: 1rem; bottom: auto; width: 60px; height: 60px; left: auto; right: 1rem; scale: 0.8;}

.pswp__button.pswp__button--arrow--prev {margin: 0 0px 0 -75px; left: 50%; right: auto; transform: translate(-50%, 0);}
.pswp__button.pswp__button--arrow--next {margin: 0 -75px 0 0px; left: auto; right: 50%; transform: translate(50%, 0);}

.pswp__button .fa {font-size: 2rem;}
.pswp__button .fa.fa-search-plus::before {content:"\f00e";}

.pswp__button.pswp--zoomed-in .fa.fa-search-plus::before,
.pswp__button .fa.fa-search-minus::before {content:"\f010";}

.pswp__button.pswp__button--arrow--prev .fa {margin-left: -5px;}
.pswp__button.pswp__button--arrow--next .fa {margin-right: -5px;}
*/

table.productDetails {width: auto;}
.productDetails td {padding: 5px 10px 5px 0; vertical-align: middle; font-size: 0.875rem; line-height: 1.3;}

.productDetails.opinions {width: auto;}
.productDetails.opinions td {}
.productDetails.opinions div.ratBar {}

.productOpinions div.div1 {display: flex; flex-direction: column; align-items: flex-end; justify-content: center; line-height: 1; gap: 5px 0;}
.productOpinions div.div2,
.productOpinions div.div3 {display: block; font-size: 0.6875rem;}
.productOpinions div.div3 a {}

.productDetails.opinions div.div1 {display: flex; flex-direction: row; align-items: center; line-height: 1; gap: 0 10px; overflow: hidden;}
.productDetails.opinions div.div2 {display: inline-flex; font-size: 0.6875rem;}
.productDetails.opinions div.div3 {display: inline-flex; font-size: 0.8125rem;}
.productDetails.opinions div.div3 a {}

div.productDetails.choosedAttributes,
div.productDetails.productAttributes {}
.productDetails.choosedAttributes td,
.productDetails.productAttributes td {padding-top: 10px; padding-bottom: 10px;}

.productDetails.productAttributes img {margin-right: 5px;}
.productDetails.productAttributes img + .sep {display: none;}

.detCard #offerRight .productDetails .tipTip {display: inline-block; margin-left: 5px; font-size: 1rem;}

table.productDetails.prices {width: auto;}
.productDetails.prices td {vertical-align: text-bottom; line-height: 1;}
.productDetails.prices td.tag {display: none;}

table.productDetails.prices table.productDetails.prices {width: 100%; margin: 0;}
table.productDetails.prices table.productDetails.prices td {padding: 0;}

.cartprices .tagFrom {font-size: 0.75rem; padding: 0 0 5px 0; color: #555555;}
div.productDetails.prices {display: flex; flex-direction: column; margin: 0 0 10px 0; gap: 10px; font-size: 0.875rem;}
div.productDetails.prices .priceTax {display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 10px 10px; line-height: 1;}
div.productDetails.prices .tag,
div.productDetails.prices .value {display: inline-flex; align-items: baseline;}

div.productDetails.prices .onePrice .tag {display: none;}

div.productDetails.prices .value {gap: 0 10px; flex-wrap: wrap;}
div.productDetails.prices .tag:empty {display: none;}
/*
div.productDetails.prices .priceTax.pricePromotion {flex-direction: column; align-items: flex-start; justify-content: flex-end;}
div.productDetails.prices .priceTax.pricePromotion .tag {width: 100%;}
div.productDetails.prices .priceTax.pricePromotion .value {width: 100%; flex-direction: column; align-itens: flex-end; justify-content: baseline;}
*/
.productDetails.prices .price,
.productDetails.prices .price.priceDiscount {font-size: 3rem; font-weight: 700;}
.productDetails.prices .price .currency,
.productDetails.prices .price.priceDiscount .currency {font-size: 1.875rem; font-weight: inherit;}
.productDetails.prices .price.priceOld {font-size: 1.5rem; font-weight: 500; display: block; padding-right: 0;}
.productDetails.prices .price.priceOld .currency {font-size: 1.375rem;}

.productDetails.prices .multiPrice.priceNet .tag {font-size: 0.8125rem;}
.productDetails.prices .multiPrice.priceNet .value .price,
.productDetails.prices .multiPrice.priceNet .value .price.priceDiscount {font-size: 1.375rem;}
.productDetails.prices .multiPrice.priceNet .value .price .currency,
.productDetails.prices .multiPrice.priceNet .value .price.priceDiscount .currency {font-size: 1rem;}

.productDetails.prices .multiPrice.priceGross .tag {}
.productDetails.prices .multiPrice.priceGross .value .price,
.productDetails.prices .multiPrice.priceGross .value .price.priceDiscount {font-size: 3rem;}
.productDetails.prices .multiPrice.priceGross .value .price .currency,
.productDetails.prices .multiPrice.priceGross .value .price.priceDiscount .currency {font-size: 1.875rem;}

/* Omnibus */
.detCard table.productDetails.prices {margin: 0 0 1rem 0;}
.detCard table.productDetails.prices table.productDetails.prices {width: 100%; margin: 0 0 1rem 0;}
.detCard table.productDetails.prices table.productDetails.prices td {padding: 0;}

.detCard .omnibusPrice {display: block; padding: 0; margin: 0 0 1rem 0; font-size: 0.75rem;}
.detCard .omnibusPrice .tag,
.detCard .omnibusPrice .value {display: inline; font-size: 0.75rem; font-weight: 400; color: #555555;}
.detCard .omnibusPrice .tag {padding-right: 5px;}
.detCard .omnibusPrice .tag:empty {display: none;}
.detCard .omnibusPrice span.price {color: inherit!important; font-size: 0.75rem!important; font-weight: 400!important;}
.detCard .omnibusPrice span.price .currency {font-size: 0.6875rem!important; font-weight: 400!important;}
/* Omnibus */

.showVariants {}
.showVariants.selectVariants {}
.showVariants table.productDetails.prices {width: auto;}

.productDetails.availability {margin-bottom: 0;}
div.availability.availability .colon {margin-right: 5px;}
div.availability.availability-variant,
div.availability.availability.availability-product {margin-bottom: 1rem;}
div.availability.availability.availability-product td {padding: 0;}
div.availability.availability-variant span,
div.availability.availability.availability-product td.value {font-weight: 700;}

#selectVariants {}
#selectVariants .dostepnoscWariantu {margin-bottom: 0;}
#selectVariants .dostepnoscWariantu#dw0 {}
#selectVariants .availability {}
#selectVariants .availability .colon {margin-right: 5px;}
#selectVariants .availability img {vertical-align: middle; display: inline-block;}
#selectVariants .forTable {}

.detCard #selAtrs:empty,
.detCard .productCode:empty,
.detCard .wrap .availability:empty,
#selectVariants .availability:empty,
#selectVariants .dostepnoscWariantu:empty {display: none;}

.basketSection {display: flex; flex-direction: column; gap: 0; flex-wrap: wrap; /* overflow: hidden; */}

.basketSection .basketWrap {display: flex; flex-wrap: nowrap; gap: 1rem; align-items: stretch; min-height: 40px;}
.basketSection .labels.quantity,
.basketSection #addToBasket,
.basketSection .wishList-btn {min-height: 40px;}

.basketSection .form,
.basketSection .form-inline {text-align: center;}
.basketSection label {padding-left: 0; padding-right: 0;}
.basketSection .form-inline input.form-control {width: 60px; margin-left: auto; margin-right: auto;}

.basketSection label.txt,
.basketSection div.txt {width: 100%; font-size: 1rem; margin: 0 0 10px 0; font-weight: 700;}
.basketSection .txt .colon,
.basketSection .txt .unit {font-weight: 400;}

.basketSection .labels,
.basketSection .btn {}
.basketSection .labels {}
.basketSection .labels.quantity {display: inline-flex;}
.basketSection .labels.txt.unit {margin-right: 10px;}
.basketSection .labels.quantity input,
/* .basketSection input#quantity {display: inline-flex; align-items: center; justify-content: flex-end; padding: 4px 10px 4px 5px; border: 1px solid var(--ramka1); font-size: 0.875rem; line-height: 1; width: 100%; height: 100%; min-width: 60px; text-align: right;} */
.basketSection #addToBasket {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; white-space: normal; gap: 0 10px; padding: 4px 1rem; font-size: 0.875rem; text-align: center; width: 100%; height: 100%; max-width: 300px;}
.basketSection #addToBasket .icon {margin: 0;}

.basketSection .wishList-btn {display: inline-flex; align-items: center; justify-content: center; padding: 0; min-width: 40px;}
.basketSection .wishList-btn,
.basketSection .wishList-btn:visited {border: 1px solid var(--ramka1);}
.basketSection .wishList-btn:hover {border: 1px solid var(--ramka2);}
.basketSection .wishList-btn .wishList-icon {font-size: 1.25rem;}

@media all and (max-width: 768px) {
	.basketSection #addToBasket {max-width: unset;}
}

@media all and (max-width: 479px) {
	.basketSection .basketWrap {min-height: 50px;}
	.basketSection .labels.quantity,
	.basketSection #addToBasket,
	.basketSection .wishList-btn {min-height: 50px; min-width: 50px;}

	.basketSection #addToBasket {font-size: 1rem;}
	.basketSection #addToBasket .icon {display: none;}
}

/* specjalna klasa tworząca ilość z przyciskami plus/minus */
.bsPlusMinus {}
.detCard .bsPlusMinus {}
.orders  .bsPlusMinus {}

.bsPlusMinusOuter {display: flex;}
.item .bsPlusMinusOuter {margin: 0 0 10px 0;}

.bsPlusMinusInner {display: flex; flex-direction: row; width: 100%; height: 35px; overflow: hidden; padding: 0; margin: 0; align-items: center; justify-content: center; border: 1px solid var(--input);}
.detCard .bsPlusMinusInner {height: 40px;}
.bsPlusMinusInner .btn,
.bsPlusMinusInner .form-control {display: inline-flex; height: 100%; line-height: 1; padding: 5px; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;}
.bsPlusMinusInner .btn {width: auto; flex: 0 1 auto; min-width: 35px; border: 0;}
.bsPlusMinusInner .btn .fa {margin: 0 auto; padding: 0;}
.bsPlusMinusInner .form-control {width: 100%; flex: 1 1 auto; border: 0; border-left: 1px solid var(--input); border-right: 1px solid var(--input);}
.bsPlusMinusInner .btn.btn-less {}
.bsPlusMinusInner .btn.btn-more {}

.plusMinus {display: inline-flex; align-items:center; gap: 0; height: 35px;}
.detCard .plusMinus {height: 40px;}
.orders .plusMinus {}
.plusMinus .qty-btn{display: inline-flex; align-items:center; width:32px; min-width: 32px; height:100%; padding:0;margin:0;border-radius:0}
.plusMinus .qty-btn:nth-of-type(1) {/* border-top-left-radius:.375rem;border-bottom-left-radius:.375rem; */border-right:0}
.plusMinus .qty-btn:nth-of-type(2) {/* border-top-right-radius:.375rem;border-bottom-right-radius:.375rem; */border-left:0}
.plusMinus .form-control {display: inline-flex; align-items:center; justify-content: center; text-align: center; width: 60px; min-width: 60px; height:100%; margin: 0; padding: 4px .5rem; box-shadow: none; border: 1px solid var(--kolor1); border-left-color: var(--input); border-right-color: var(--input); border-radius: 0; /* box-shadow:inset 1px 0 0 rgba(0,0,0,.12),inset -1px 0 0 rgba(0,0,0,.12) */}
.plusMinus input[type=number]::-webkit-outer-spin-button,
.plusMinus input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.plusMinus input[type=number]{-moz-appearance:textfield;appearance:textfield}

.detCard table.variants {margin: 0 0 10px 0; width: 100%;}
.showVariants.selectVariants table.variants {width: auto;}

.detCard table.variants td {padding: 5px 10px 5px 0; vertical-align: middle;}
.detCard table.variants td table {width: 100%; margin: 0;}
.detCard table.variants td td {padding: 5px 0px 5px 10px;}

.detCard table.variants td td.name,
.detCard table.variants td td.price {padding-left: 0;}

.detCard table.variants td td.buttons,
.detCard table.variants td td.price {padding-top: 0;}

.detCard table.variants td td.name,
.detCard table.variants td td.availability {padding-bottom: 0px;}

.detCard table.variants td td.availability,
.detCard table.variants td td.buttons {width: 200px; text-align: right;}

.detCard table.variants td td.availability span.img {display: block;}
.detCard table.variants td td.availability {font-size: 0.75rem;}
.detCard table.variants td td.availability .colon {padding-right: 5px;}
.detCard table.variants td td.availability.availability-cell {}

.detCard table.variants .productName {font-weight: 300; font-size: 1.375rem; margin: 0; border: 0;}
.detCard table.variants td td.tag {display: none;}
.detCard table.variants td span.price,
.detCard table.variants td span.price.priceDiscount {font-size: 1.875rem;}
.detCard table.variants td span.price .currency,
.detCard table.variants td span.price.priceDiscount .currency {font-size: 1.5rem;}
.detCard table.variants td span.priceOld {font-size: 1.5rem;}
.detCard table.variants td span.priceOld .currency {font-size: 1rem;}

.detCard table.variants td td.price table {width: auto; margin: 0 auto 0 0;}
.detCard table.variants td td.price table td {vertical-align: text-bottom;}
.detCard table.variants td td.price table td.tag {display: /* table-cell */ none; padding: 0 5px 0 0;}
.detCard table.variants td td.price table td.value {padding: 0;}

@media all and (max-width: 479px) {
	.detCard table.variants td table,
	.detCard table.variants td table tr,
	.detCard table.variants td table tbody,
	.detCard table.variants td table td {display: block; width: 100%; float: left; text-align: left; padding: 0;}
	.detCard table.variants td td.availability span.img {display: inline-block; margin-left: 10px;}

	.detCard table.variants td table td.name,
	.detCard table.variants td table td.availability,
	.detCard table.variants td table td.price,
	.detCard table.variants td table td.buttons {width: 100%; text-align: center; padding: 5px 0;}
	.detCard table.variants td table td.name {padding-top: 0; border-top: 1px solid var(--separator);}
}

.detCard .pack-module,
.detCard .productGroup,
.detCard .variant-brick {display: block; width: 100%; clear: both; margin: 0 0 1rem 0; padding: 0;}
.detCard .pack-module .moduleHead,
.detCard .productGroup .moduleHead,
.detCard .variant-brick .moduleHead {margin: 0; padding: 0;}
.basketSection div.txt,
.detCard .pack-module .moduleTitle,
.detCard .productGroup .moduleTitle,
.detCard .variant-brick .moduleTitle {font-weight: 700; margin: 0; padding: 0 0 10px 0; font-size: 0.875rem;}
.detCard .pack-module .moduleContent,
.detCard .productGroup .moduleContent,
.detCard .variant-brick .bricks,
.detCard .variant-brick .moduleContent {margin: 0; padding: 0; display: flex; width: 100%; flex-direction: row; justify-content: flex-start; gap: 10px; flex-wrap: wrap; overflow: visible;}
.detCard .variant-brick span.brick {display: inline-flex; margin: 0 0 0px 0; padding: 0; cursor: pointer;}
.detCard .variant-brick label {display: flex; align-items: center; justify-content: center; height: auto; min-height: 30px; min-width: 30px; margin: 0; padding: 2px 10px; font-size: 1rem; font-weight: 700; text-align: center; cursor: pointer; position: relative;}
.detCard .variant-brick input {position: absolute; width: 0px; height: 0px; border: 0;}
.detCard .variant-brick input:focus {border: 0!important; outline: 0!important; box-shadow: none!important;}

.detCard .variant-brick span.brick.disabled,
.detCard .variant-brick span.brick.disabled label {cursor: not-allowed;}

.detCard .productGroup ul {display: flex; width: 100%; flex-direction: row; justify-content: flex-start; margin: 0; gap: 10px; padding: 0; list-style: none; flex-wrap: wrap;}
.detCard .productGroup li {display: inline-flex; margin: 0 0 0px 0; padding: 0;}

.detCard .productGroup a,
.detCard .variant-brick span.brick.brick-Pic {display: block; width: 60px; height: 60px; position: relative; text-align: center; overflow: hidden; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.detCard .productGroup a img,
.detCard .variant-brick span.brick.brick-Pic img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}
/*
.detCard .variant-brick .bricks.bricks-pic {display: grid; grid-auto-rows: minmax(0, auto); grid-gap: 10px 10px; grid-template-columns: repeat(4, 1fr);}
.detCard .variant-brick .bricks.bricks-pic label {width: 100%;}
.detCard .variant-brick .bricks.bricks-pic span.brick.brick-Pic label {align-items: flex-end; font-size: inherit;}
.detCard .variant-brick .bricks.bricks-pic span.brick {width: 100%; height: auto; aspect-ratio: auto 1 / 1; overflow: hidden;}
*/
.detCard .productGroup a span,
.detCard .variant-brick span.brick.brick-Pic span {display: none; padding: 5px; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; overflow: hidden; cursor: pointer; text-align: center; font-size: 0.75rem;}

.detCard .productGroup a:hover img,
.detCard .variant-brick span.brick.brick-Pic:hover img {opacity: 0.5;}
/* .detCard .productGroup a:hover span, */
.detCard .variant-brick span.brick.brick-Pic:hover span {display: flex; align-items: center; justify-content: center;}

.detCard .productGroup li.active a span,
.detCard .variant-brick span.brick.selected label {font-weight: 700;}

.detCard .productGroup a,
.detCard .variant-brick span.brick {background-color: #ffffff; border: 2px solid #ffffff; outline: 1px solid #a8a8a8; outline-offset: -1px;}
.detCard .productGroup a span,
.detCard .variant-brick label {color: #1a1a18; background-color: #ffffff;}

.detCard .productGroup a:has(input:focus),
.detCard .variant-brick span.brick:has(input:focus),
.detCard .productGroup a:hover,
.detCard .productGroup li.active a,
.detCard .variant-brick span.brick:hover,
.detCard .variant-brick span.brick.selected {background-color: var(--kolor1); border: 2px solid var(--kolor1); outline: 2px solid var(--kolor1); outline-offset: -2px;}
.detCard .productGroup a:hover span,
.detCard .productGroup li.active a span,
.detCard .variant-brick span.brick:hover label,
.detCard .variant-brick span.brick.selected label {color: #ffffff; background-color: transparent;}

.detCard .variant-brick span.brick.disabled,
.detCard .variant-brick span.brick.disabled:hover {background-color: #ffffff; border-color: #dbdbdb; opacity: 0.5; outline: 2px solid transparent;}
.detCard .variant-brick span.brick.disabled label,
.detCard .variant-brick span.brick.disabled:hover label {color: #bfbfbf; background-color: #ffffff; cursor: not-allowed;}

.detCard table.pack-tab {}
.detCard .pack-tab th {padding-top: 0; font-size: 0.75rem;}
.detCard .pack-tab td {vertical-align: middle; width: 33%;}
.detCard .pack-tab td.c-1 {width: auto;}
.detCard .pack-tab .btn {width: 100%;}
.detCard .pack-tab .btn .txt-active {display: none;}
.detCard .pack-tab .selected .btn .txt {display: none;}
.detCard .pack-tab .selected .btn .txt-active {display: inline;}

.detCard div.availability {}
.detCard table.productDetails.prices {margin-bottom: 10px;}

.detCard .productDetails.addThis {line-height: 1;}
.detCard .addthis_toolbox {line-height: 1; padding: 0; margin: 0;}
.detCard .addthis_toolbox a {line-height: 1; margin: 1px 0px 1px 2px; vertical-align: middle;}

.detCard #action_addToAny {}
.detCard #action_addThis {display: none;}
@media all and (min-width: 768px) {
	.detCard #action_addToAny {}
	.detCard #action_addThis {display: block;}
}

.detCard table.addToAny {width: auto;}
.detCard .addToAny td {line-height: 1;}
.detCard .addToAny .a2a_kit {display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px;}
.detCard .addToAny .a2a_kit .a2a_svg {}

div.action_addThis {margin: 1rem 0; padding-top: 1rem; border-top: 1px solid var(--separator);}
.action_addThis.addThisTresc {}
.action_addThis.addThisBlog {}

.action_addThis table.addThis,
.action_addThis .addThis tbody,
.action_addThis .addThis tr,
.action_addThis .addThis td {width: 100%; display: block; box-sizing: border-box;}
.action_addThis .addThis td {padding: 5px 0;}
.action_addThis .addThis .tag {font-weight: 700;}

.action_addThis .separator.to-addThis {display: none;}
.action_addThis .separator.to-addThis.to-addThisTresc {}
.action_addThis .separator.to-addThis.to-addThisBlog {}

.detCard .tabs {border-bottom: 1px solid var(--separator); margin-bottom: 60px;}
.detCard .tabsHead {margin: 0; border-bottom: 1px solid var(--separator); background-color: rgba(255,255,255,0.25);}
.detCard .tabsHead .nav {border: 0px; margin: 0; display: flex; flex-wrap: wrap; gap: 0 1rem; justify-content: center; text-align: center;}
.detCard .tabsHead .nav::before,
.detCard .tabsHead .nav::after {display: none;}

.detCard .tabsHead li {float: none; min-width: unset; margin: 0;}
.detCard .tabsHead a {display: flex; height: 40px; padding: 5px 0px; border: 0; font-size: 1rem; font-weight: 400; text-transform: uppercase; align-items: center; justify-content: center; text-align: center; cursor: pointer; margin: 0; position: relative;}
.detCard .tabsHead .zakladka {background-color: transparent; color: #444444;}
.detCard .tabsHead .zakladka:hover,
.detCard .tabsHead .zakladka_on {background-color: transparent; color: var(--kolor1);}
.detCard .tabsHead .zakladka::after {display: block; content: ""; width: 100%; height: 3px; background-color: transparent; position: absolute; bottom: -1px; left: 0;}
.detCard .tabsHead .zakladka_on::after {background-color: var(--kolor1);}
.detCard .tabContent {}
.detCard .tabContentWrapper {}
.detCard .tabContent .content,
.detCard .tabContent .moduleContent {padding: 2rem 0;}

.detCard .tabContent .additional .moduleContent {padding-top: 0; padding-bottom: 2rem;}

@media all and (max-width: 479px) {
	.detCard .tabs .tabsHead .nav {flex-direction: column;}
	.detCard .tabs .tabsHead li {}
	.detCard .tabs .tabsHead li a {}
}

.printOnly {display: none!important;}

#wish {}

.detCard .actions {display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--separator); margin: 0; padding: 0 0 1rem 0; /* overflow: hidden; */ gap: 10px;}
.detCard .actions:empty {display: none;}

.detCard .actions .btn-link {font-size: 0.8125rem;}

.detCard .actions .btn-link::after {/* content: "/"; padding-left: 6px; */}
.detCard .actions:last-child .btn-link::after {/* content: ""; padding-left: 0; */}
.detCard .actions .btn-link:last-of-type::after {/* content: ""; */}

@media all and (max-width: 767px) {
	.detCard .actions .btn-link#action_print {display: none;}
	.detCard .actions .btn-link:nth-last-child(2) .btn-link::after {/* content: ""; padding-left: 0; */}
}

@media all and (max-width: 479px) {
	.detCard .actions {flex-direction: column;}
}

#action_social {margin: 10px 0 10px 0; float: right; display: inline-block; font-size: 0.75rem;}
#action_social table td {padding: 5px 0 5px 5px;}

/* contactForm - askForm, recForm */
.contactForm {}
.contactForm .productImage {}
.contactForm .productName {font-size: 1.125rem;}

@media all and (max-width: 767px) {
	.contactForm .productImage,
	.contactForm .productName {text-align: center; margin-bottom: 10px;}
}

.smallLogo {display: none;}

/* sticky */
@media all and (min-width: 992px) {
	.sticky {position: fixed; top: 0;}
	.sticky#underHeader {position: fixed; width: 100%; top: 0px; left: 0; z-index: 5100; box-shadow: 0 0px 20px rgba(0,0,0,0.5);}
	.sticky#quickCart {position: fixed; top: 0px; right: 0; z-index: 5200;}
	.sticky#quickCart div.cart {width: auto;}
	.sticky#quickCart div.cart span.sep,
	.sticky#quickCart div.cart .basketTotal {display: none;}
	.sticky#quickSearch {position: fixed; top: 0px; right: 0px; z-index: 5200; margin: 5px 5px 0px 0;}
	.sticky#quickSearch div.findForm {width: auto;}

	.sticked.sticky.mobile-hide #underHeader .smallLogo,
	.sticky#underHeader .linkLogo,
	.sticky#underHeader .smallLogo {display: inline-flex; position: absolute; left: 0; top: 0; width: 80px; height: 100%; overflow: hidden; padding: 5px;}

	.sticky#underHeader .multiLogo .mainLogo {display: inline-flex;}
	.sticky#underHeader .mainLogo.mainLogo-mobile,
	.sticky#underHeader .multiLogo .mainLogo-mobile {display: none;}

	.sticked.sticky.mobile-hide #underHeader .smallLogo span,
	.sticky#underHeader .linkLogo .mainLogo span,
	.sticky#underHeader .smallLogo span {display: flex; position: relative; width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; align-items: center; justify-content: center;}

	.sticked.sticky.mobile-hide #underHeader .smallLogo span img,
	.sticky .mainLogo span img,
	.sticky .smallLogo span img {display: block; margin: auto auto auto 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}

	.sticked.sticky.mobile-hide #underHeader #menuTop {padding: 0 0 0 80px;}
	.sticky#underHeader #menuTop {width: auto; margin: 0; padding: 0 10px 0 100px; position: relative; border: 0;}
}

div.information {margin-bottom: 1rem;}

.invalid-feedback {color: var(--kolorError, #9f0000);}
.information.error {color: var(--kolorError, #9f0000); padding: 10px 0;}
.has-error .information.error {display: block; padding: 5px 0 0 0; font-size: 0.75rem;}
.has-error .information.error.invalid-feedback {padding: 0; font-size: 0.8125rem;}

.p-container           .has-error-info {display: none;}
.p-container.has-error .has-error-info {display: block;}

.subReqForm form {display: flex; flex-direction: column; width: 100%;}
.subReqForm .links-header {display: none;}
.subReqForm .description {display: flex; flex: 1 1 auto; font-size: 0.75rem; padding: 1rem 0 5px 0; align-items: center;}
.subReqForm .form-group {display: flex; flex: 1 1 auto; flex-direction: row; margin: 0; padding: 5px 0 1rem 0;}
.subReqForm .form-group .form-control,
.subReqForm .form-group .btn {display: inline-flex; flex: 1 1 auto; height: 34px; line-height: 1; align-items: center;}
.subReqForm .form-group .form-control {width: 100%; padding: 0.5rem 10px; justify-content: flex-start;}
.subReqForm .form-group .btn {width: auto; padding: 5px 10px; justify-content: center;}

#sideColLeft .subReqForm .description,
#sideColRight .subReqForm .description {font-size: 0.75rem; padding: 0;}
#sideColLeft .subReqForm .form-group,
#sideColRight .subReqForm .form-group {flex-direction: column; padding: 0;}
#sideColLeft .subReqForm .form-control,
#sideColRight .subReqForm .form-control {margin: 10px 0;}

@media all and (min-width: 992px) {
	.mainFooter .subReqForm form {flex-direction: row; justify-content: flex-end;}
	.mainFooter .subReqForm .description,
	.mainFooter .subReqForm .form-group {flex: 0 1 auto; padding: 1rem 0;}
	.mainFooter .subReqForm .form-group {width: 312px;}
	.mainFooter .subReqForm .description {margin-right: 1rem; text-align: right;}
	.subReqForm .form-group .form-control,
	.subReqForm .form-group .btn {height: 40px;}
}

@media all and (max-width: 767px) {
	.subReqForm .description {justify-content: flex-start;}
}

.subReqForm.r-subReqForm {text-align: left; clear: both; margin-bottom: 1rem;}
.subReqForm.r-subReqForm .description {float: none; padding: 0; text-align: left;}
.subReqForm.r-subReqForm .form-group {padding: 1rem 0; margin-bottom: 0;}
.subReqForm.r-subReqForm .form-group .form-control {}
.subReqForm.r-subReqForm .form-group .btn {clear: both; margin-top: 1rem;}

/* loginPanel */
#section_userPanel {}
.user-welcome {font-size: 1rem; padding: 5px 0;}
.user-welcome span {font-weight: 700;}
.user-welcome span.exclamation {font-weight: 400; padding-left: 3px;}

.user-orders {}
.user-data,
.user-points {margin-bottom: 2rem; line-height: 1.5;}

.user-data div {}
.user-data .user-links {padding-top: 10px;}
.user-data .user-links .btn-link {margin-right: 1rem;}

/* loginForm */
.loginForm ul,
.loginPage ul {display: block; width: 100%; list-style: none; margin: 0; padding: 0;}
.loginForm li,
.loginPage li {display: block; width: 100%; list-style: none; margin: 0; padding: 0;}

.loginPage .tags {padding-right: 20px;}

/* page choose */
.loginPage #lp_login,
.loginPage .btn {/* margin-left: 10px; */}

.linkiLogowania {width: 100%; clear: both;}
.line-or {display: block; z-index: 1; width: 100%; margin: 1rem 0 1rem 0; text-align: center; position: relative; text-transform: uppercase; clear: both;}
.line-or.line-over  {}
.line-or.line-under {display: none;}
.line-or .line-or-text {display: inline-block; margin: 0 auto; z-index: 2; width: auto; height: auto; padding: 0.5rem 1rem; text-align: center; background-color: #ffffff; border: 0px solid #cccccc;}
.line-or::before {content: ""; display: block; position: absolute; top: 50%; left: 0; margin: 0px; width: 100%; border-top: 1px solid #cccccc; height: 1px; z-index: -1;}
.regForm .linkiLogowania {padding: 1rem 0;}
.regForm .line-or.line-over {display: none;}
.regForm .line-or.line-under {display: block;}
.regForm .alt-login,
.regForm .alt-login .fb,
.regForm .alt-login .google {/* text-align: center; */}

.panelWelcome div,
.panelDiscount div {padding: 5px 10px; display: inline-block;}

/*
section#page_loginPage .nav > li > a {display: inline-block;}
section#page_choose .nav > li > a {padding: 5px 10px; display: inline-block;}

.loginPage .nav a {padding: 5px 0;}
.loginPage .nav a,
.loginPage .nav a:visited {background-color: transparent; background-image: none; border: 0;}
.loginPage .nav a:hover {background-color: transparent; background-image: none; border: 0;}
*/

#page_loginPage .btn-link,
#page_choose .btn-link {display: inline-flex; margin-bottom: 1rem;}

.box#box_loginPanel .userLinks li {padding: 0;}
.box#box_loginPanel .panelWelcome div,
.box#box_loginPanel .panelDiscount div {padding: 5px 0;}
.box#box_loginPanel ul {margin: 0; padding: 0; list-style: none;}
.box#box_loginPanel ul li {margin: 0; padding: 0;}
.box#box_loginPanel ul > li > a {display: block; padding: 5px 0; border-top: 1px solid #dedede;}
.box#box_loginPanel ul > li > a,
.box#box_loginPanel ul > li > a:visited {background-image: none; background-color: transparent;}
.box#box_loginPanel ul > li > a:hover {background-image: none; background-color: transparent;}

.box#box_loginPanel li.selected a {font-weight: 700;}

.box#box_loginPanel .panelNewComplaint,
.box#box_loginPanel .panelComplaints {/* display: none; */}

.box#box_loginForm .panelWelcome div,
.box#box_loginForm .panelDiscount div,
.box#box_loginForm .userLinks li {display: block; padding: 5px 0;}

.visiblePanel .box#box_loginForm {display: none!important;}

section#page_choose .firstBuy .sep {display: none;}
section#page_choose .firstBuy .btn {/* margin-top: 5px; margin-left: 10px; margin-right: 0; float: right; */}

section#page_choose div.choose,
section#page_choose h2.name {margin-bottom: 2rem;}

section#page_choose div.choose .buttons {display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem;}
@media all and (min-width: 992px) {
	section#page_choose div.choose .buttons {justify-content: flex-end;}
}

div.alert {}
.page#page_itemList .alert {}

/* adresy dostawy */
#adresyDostawy {display: flex; border: 0; gap: 0; padding: 0; gap: 0 0.5rem; position: relative; border-bottom: 1px solid var(--separator); background-color: rgba(255,255,255,0.25);}
.adr-tag {display: inline-flex; height: 40px; padding: 0.5rem 1rem; cursor: pointer; align-items: center; gap: 5px; border: 1px solid var(--separator); border-bottom: 0; font-size: 1rem; margin: 0 0.5rem 0 0; position: relative;}
.adr-tag,
.adr-tag:visited {background-color: transparent; color: #444444;}
.adr-tag:hover,
.adr-tag.selected,
.adr-tag.active {background-color: transparent; color: var(--kolor1);}
.adr-tag.selected:hover,
.adr-tag.active:hover {background-color: #eaeaea;}
.adr-tag.active::after {content: ""; display: block; width: 100%; height: 3px; background-color: var(--kolor1); position: absolute; bottom: -1px; left: 0;}
.adr-tag .adr-default {font-weight: 400; padding-left: 5px; display: inline-block; font-size: 80%; font-style: italic;}
.adr-tag i.fa {float: right; font-size: 1.125rem; display: inline-block;}

.adr-address,
.adr-sel.adr-address,
.adr-sel .adr-header-address {display: none;}

.adr-header-tag,
.tab-content .adr-header-address {margin-top: 1rem;}

.tab-pane.fade,
.tab-pane.show {display: none!important; opacity: 0!important;}

.tab-pane.selected,
.tab-pane.show.in,
.tab-pane.show.active {display: block!important; opacity: 1!important;}

.adr-sel.selected,
.adr-sel.active {display: block;}

.adr-add {margin-bottom: 1rem;}

.adr-address .adr-wrap div:empty {display: none;}

#simplemodal-container {width: /* 100% */ auto!important; height: auto!important; max-width: min(90vw,900px)!important; min-width: 300px!important; left: 50%!important; top: 50%!important; margin: 0!important; transform: translate(-50%, -50%)!important;}
#simplemodal-container .simplemodal-wrap {/* width: 100%!important; */ height: 100%!important; overflow: auto!important;}
@media all and (min-width: 468px) {
	#simplemodal-container {min-width: 400px!important;}
}
@media all and (min-width: 768px) {
	#simplemodal-container {min-width: 600px!important;}
}

.bs-popup,
.bs-popup-info {min-width: 300px; width: calc(100vw - 60px); max-height: calc(100vh - 120px)!important; min-height: 60px; padding: 1rem 1rem; box-sizing: border-box; max-width: 100%; overflow: auto;}

@media all and (min-width: 992px) {
	.bs-popup,
	.bs-popup-info {min-width: 400px; width: auto; padding: 2rem 2rem; max-width: 1340px;}
}

.bts-del,
.bts-edit {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 0.5rem 1rem; margin: 1rem 0px 0px 0px;}

.adr-del {margin: 0 0 0 auto;}

.pods .bts-edit {margin: 0px 0px 0px 0px;}
.adr-kraj {min-height: 143px;}
.adr-del-info {font-size: 1rem; text-align: center; margin-top: 20px;}
@media all and (max-width: 767px) {
	.adr-del-info {font-size: 0.875rem;}
}

@media all and (max-width: 991px) {
	.adr-col-1,
	.adr-col-2 {width: 100%; float: none; clear: both; position: static;}
	.deliAdr-list .adr-address {position: static; padding: 1rem 0 1rem 0;}
	.adr-address .adr-wrap {}
	.adr-list-header {display: none}
	.adr-address.list {position: inherit; border-top: 1px solid var(--separator); padding: 10px;}
	.adr-header-address {padding-left: 0;}
}

/* order pages */
.char-plus {}
.char-brackets {white-space: nowrap; padding: 0;}
.char-bracket-left  {padding-right: 1px;}
.char-bracket-right {padding-left: 1px;}

.weightInfo .weightTag {}
.weightInfo .weight {font-weight: 700;}
.weightInfo .weightUnit {padding-left: 2px; font-size: 80%;}

table.orders {width: 100%;}
.orders table {width: 100%;}
.orders table td {vertical-align: middle;}

.orders table label {padding: 0; margin: 0; font-size: inherit; font-weight: inherit;}
.orders table .title {font-size: 1rem; font-weight: 700;}
.orders table span.div.description,
.orders table div.description {display: block; font-size: 0.8125rem; font-weight: 400;}
@media all and (max-width: 991px) {
	.orders table .title {font-size: 0.875rem;}
	.orders table span.div.description,
	.orders table div.description {font-size: 0.75rem;}
}

.orders table span.div.deliveryParameters {}
.orders table .description.paymentTime {}
.orders table .description.installments {}

.orders .information {padding: 10px 0;}

.orders .buyerComment {margin-bottom: 1rem;}

.orders input[type="radio"] {margin: 0; padding: 0;}

table.addedItems {margin: 0 auto 1rem 0;}
.addedItems th,
.addedItems td {padding: 10px 10px 10px 10px;}

.addedItems td table {margin: 0; width: auto;}
.addedItems td td {padding: 0;}

.table > thead > tr > th {border-bottom: 1px solid var(--separator);}
.table > tbody > tr > td {border-top: 1px solid var(--separator);}
.table > tbody > tr > td td {border-top: 0;}

.addedItems th {border-bottom: 2px solid var(--separator);}
.addedItems td {border-bottom: 1px solid var(--separator);}
.addedItems td td {border-bottom: 0;}

/* dark-table */
/*
.table {
	--bs-table-bg: transparent;
	--bs-table-striped-bg: rgba(255,255,255,0.05);
	--bs-table-striped-color: #ffffff;
	--bs-table-active-bg: rgba(255,255,255,0.1);
	--bs-table-active-color: #ffffff;
	--bs-table-hover-bg: rgba(255,255,255,0.15);
	--bs-table-hover-color: #ffffff;

	--bs-table-color: var(--kolor3);
	--bs-table-accent-bg: transparent;
	--bs-table-border-color: var(--ramka1);
}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: rgba(255,255,255,0);}
*/
/* dark-table */

.addedItems .col-orderNr  {width: 30px; padding-left: 0;}
.addedItems .col-image    {width: 1px;}
.addedItems .col-name     {}
.addedItems .col-quantity {width: 120px; text-align: right;}
@media all and (max-width: 991px) {
	.addedItems .col-quantity {width: 180px; text-align: left;}
}
.addedItems .col-quantity a {display: flex; width: 100%; justify-content: center; align-items: center;}
.addedItems .col-price    {width: 200px; text-align: right;}
.addedItems .col-actions  {width: 30px; text-align: right; padding-right: 0;}

.orders .btn-link.btn-remove {display: inline-flex; width: 35px; height: 35px; padding: 0; justify-content: center; align-items: center;}
.orders .btn-link.btn-remove .icon {display: inline-flex; margin: 0; font-size: 1.375rem; width: 100%; height: 100%; justify-content: center; align-items: center; border-radius: inherit;}
.orders .btn-link.btn-remove .icon::before {/* display: none; */}
.orders .btn-link.btn-remove .txt {display: none;}

.addedItems .col-quantity div.ilosc {display: flex; gap: 3px 5px; align-items: center; padding: 3px 0; justify-content: flex-end; width: 100%; flex-wrap: wrap;}
.addedItems .col-quantity div.ilosc button {display: flex; width: 100%; justify-content: center; align-items: center;}
.addedItems .col-quantity div.ilosc .ilosc-button {width: 100%;}
.addedItems .col-quantity table {width: auto; margin: 0 0 0 auto;}
.addedItems .col-quantity table td {padding: 5px 5px;}
/*
@media all and (max-width: 991px) {
	.addedItems .col-quantity div.ilosc {flex-wrap: wrap;}
	.addedItems .col-quantity div.ilosc .ilosc-button {width: 100%;}
}
*/
.addedItems .col-quantity>.ilosc{display:flex;align-items:center;width:100%}
.addedItems .col-quantity>.ilosc .unit{margin-left: 5px;}

.addedItems .col-name a,
.orders td.name .productName a,
.orders td.col-name a {font-size: 1rem; font-weight: 700;}
@media all and (max-width: 1199px) {
	.addedItems .col-name a,
	.orders td.name .productName a,
	.orders td.col-name a {font-size: 0.875rem;}
}
@media all and (max-width: 767px) {
	.addedItems .col-name a,
	.orders td.name .productName a,
	.orders td.col-name a {font-size: 0.8125rem;}
}

.addedItems .productCode {font-weight: 700;}

.addedItems .productAuthor,
.addedItems .productCategory,
.addedItems .productCode,
.addedItems .choosedAttributes {font-size: 0.75rem; padding: 5px 0 0 0; margin: 0; color: #666666;}
.addedItems .choosedAttributes span {color: #444444;}

.orders .mobile-label {display: none; font-style: italic; font-size: 0.75rem; padding: 0; font-weight: 300; color: #666666; opacity: 0.8;}

table.orders.delivery     {}
table.orders.payments     {}
table.orders.packages     {}
table.orders.country      {}
table.orders.deliveryTime {}
table.orders.summary      {margin: 10px 0 10px 0; border-top: 1px solid var(--separator); border-bottom: 1px solid var(--separator);}
table.orders.yourRebate   {}

.sum table.orders.summary {margin: -1px 0 0px 0; border-top: 0px solid var(--separator);}

.orders.delivery     table {}
.orders.payments     table {}
.orders.packages     table {}
.orders.deliveryTime table {}
.orders.country      table {width: auto;}
.orders.summary      table {width: 100%;}
.orders.yourRebate   table {width: auto; margin-right: 0; margin-left: auto; overflow: hidden;}

.orders.delivery     td,
.orders.payments     td,
.orders.packages     td,
.orders.country      td,
.orders.deliveryTime td {padding: 10px 10px 10px 10px;}
.orders.summary      td {padding: 10px 10px; text-align: right;}
.orders.yourRebate   td {padding: 10px; display: inline-block;}

.orders.country    .tag,
.orders.yourRebate .tag {padding-left: 0;}
.orders.country    .value,
.orders.yourRebate .value {text-align: right;}
.orders.country    .buttons,
.orders.yourRebate .buttons {padding-right: 0;}

.orders.yourRebate .form-control-static {font-weight: 700;}

.orders.country .form-control-static {padding-right: 10px;}

.orders td.col-icon {width: 1px; padding-left: 0;}
.orders td.col-radio {width: 30px; text-align: center;}
.orders td.col-description {}
.orders .col-description img {display: inline-block; width: 100%; height: auto; max-width: max-content;}
.orders td.col-price {}
@media all and (min-width: 992px) {
	.orders td.col-price {width: 230px;}
}
.orders td.col-price,
.orders td.cost,
.orders th.cost,
.orders td.col-cost,
.orders th.col-cost {text-align: right;}

.orders td.buttons .btn,
.orders td.col-buttons .btn {width: 100%; margin: 5px 0;}

.repForm table.orders {margin: 10px 0;}
.repForm table.orders .col-orderNr  {width: 30px; padding-left: 10px;}
.repForm table.orders .col-image    {width: 1px;}
.repForm table.orders .col-name     {}
.repForm table.orders .col-buttons {width: 200px; text-align: right;}
.repForm table.orders .col-remove  {width: 100px; text-align: center;}
.repForm .nav {margin-top: 1rem;}

@media all and (max-width: 479px) {
	.orders td.col-icon {display: none;}

	.addedItems .col-quantity,
	.addedItems .col-price,
	.addedItems .col-actions {}


	.orders td.col-radio {width: 20px; text-align: left;}
	.orders td.col-price {width: auto;}
}

table.orders.summary td {font-size: 0.875rem; padding: 10px;}
table.orders.summary .tag {}
table.orders.summary .value {width: 100px; font-size: 1rem; white-space: nowrap;}

.sum table.orders.summary,
table.orders.summary.points {background-color: transparent;}
table.orders.summary.points .value {font-size: 1rem;}
table.orders.summary.priceTax.priceNet .value {font-size: 1rem;}

#page_cartForm table.orders.summary,
table.orders.summary.costTotal {background-color: rgba(0,0,0,0.07);}
table.orders.summary.costTotal td {font-weight: 700; font-size: 1.375rem;}
table.orders.summary.costTotal td.tag {}
table.orders.summary.costTotal td.value {font-size: 1.5rem;}

@media all and (max-width: 479px) {
	table.orders.summary.costTotal tbody,
	table.orders.summary.costTotal tr,
	table.orders.summary.costTotal td {display: block; width: 100%;}
	table.orders.summary.costTotal td.tag {text-align: left; padding: 5px 10px 0 10px; font-size: 1.25rem;}
	table.orders.summary.costTotal td.value {text-align: right; padding: 5px 10px 10px 10px;}
}

.orders.yourRebate table,
.orders.yourDiscount table {width: auto; margin-left: auto; margin-right: 0;}
.orders.yourRebate table td {padding: 0 10px 0 0;}
.orders.yourDiscount table td {padding: 5px 10px 5px 0;}
.orders.yourRebate table td.tag,
.orders.yourDiscount table td.tag {text-align: right;}
.orders.yourRebate table td.value,
.orders.yourDiscount table td.value {text-align: right;}

@media all and (max-width: 767px) {
	.orders.yourRebate table,
	.orders.yourDiscount table {width: 100%; margin-left: 0; margin-right: 0;}
	.orders.yourRebate table td.tag,
	.orders.yourDiscount table td.tag {text-align: left;}
	.orders.yourRebate table td.value {text-align: left;}
	.orders.yourDiscount table td.value {text-align: right;}

	.orders.yourRebate td.buttons {display: block; margin-top: 5px;}
	.orders.country .btn {margin-top: 5px; margin-bottom: 5px;}
}

/* new */
.twoCols {}

.stickUs {}
.stickMe {}

.stickUs .bgStick {}
.stickMe .bgStick {position: sticky; top: 200px; padding: 0; border: 1px solid var(--separator);}

.orders fieldset {margin: 0 0 1rem 0;}
.ordersV2 {display: flex; flex-direction: column; gap: 0.5rem 0;}

.gridCartRow {outline: 2px solid transparent;}
.gridCartRow:hover,
.gridCartRow.checked {outline: 2px solid #e1ffe1;}

.gridCartRow label {display: grid; grid-template-columns: 45px 1fr; margin: 0; padding: 0; font-weight: 400; font-size: 0.875rem; cursor: pointer;}
.gridCartRow .gridCartCol {display: flex; flex-direction: column; justify-content: center; padding: 0.5rem 1rem;}
.gridCartRow .gridCartCol.col-icon {display: none; align-items: center;}
.gridCartRow .gridCartCol.col-input {align-items: center;}
.gridCartRow .gridCartCol.col-text {align-items: flex-start;}

@media all and (min-width: 576px) {
	.gridCartRow label {grid-template-columns: 90px 45px 1fr;}
	.orders .gridCartCol.col-icon {display: flex;}
}

@media all and (min-width: 1200px) {
	.gridCartRow label {grid-template-columns: 140px 45px 1fr;}
}

.gridCartRow .title {display: block; font-weight: 700; font-size: 1rem;}
.gridCartRow .moreInfo,
.gridCartRow .div.description,
.gridCartRow .div.full-description {display: block;}
.gridCartRow .moreInfo:empty,
.gridCartRow .div.description:empty,
.gridCartRow .div.full-description:empty {display: none;}

.gridCartRow .col-icon span {display: block; width: 100%; padding: 0; height: auto; aspect-ratio: auto 108 / 66; align-content: center; position: relative;}
.gridCartRow .col-icon span img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto auto auto; overflow: auto;}

div.gridOrders {display: grid; grid-template-columns: 1fr; font-size: 0.875rem; gap: 0.5rem 1rem; align-items: center; margin: 0 0 1rem 0; padding: 0 0 1rem 0; border: 0px solid var(--separator); border-bottom: 1px solid var(--separator);}
div.gridOrders.yourRebate {display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5rem 1rem;}
div.gridOrders.yourDiscount {}
div.gridOrders.country {}
div.gridOrders.summary {}
div.gridOrders.costTotal {border: 0;}

.stickMe div.gridOrders {background-color: rgba(0,0,0,0.05); margin: 0; padding: 0.5rem 1rem;}
.stickMe div.gridOrders.costTotal {padding: 1rem;}

.stickMe .multiOrders {}
.stickMe .gridHead {font-size: 0.8125rem; padding: 1rem;}
.stickMe .multiOrders .gridOrders {background-color: #e1ffe1; font-size: 0.8125rem;}

div.gridOrders .tag {}
div.gridOrders .value {font-size: 1rem; white-space: nowrap; text-align: right;}

.stickMe div.gridOrders.costTotal {background-color: rgba(0,0,0,0.07); font-weight: 700; font-size: 1.25rem;}
.stickMe div.gridOrders.costTotal .value {font-size: 1.5rem;}

@media all and (min-width: 480px) {
	div.gridOrders {grid-template-columns: 1fr 130px;}
	div.gridOrders .tag {text-align: left;}
	div.gridOrders .value {width: 130px;}

	div.gridOrders.country {grid-template-columns: 1fr auto;}
	div.gridOrders.country .value {width: auto; min-width: 130px;}

	div.gridOrders.summary .tag,
	div.gridOrders.costTotal .tag {text-align: right;}

	.stickMe div.gridOrders.summary .tag,
	.stickMe div.gridOrders.costTotal .tag {text-align: left;}

	div.gridOrders.costTotal {font-size: 1.375rem;}
}

@media all and (min-width: 992px) {
	.stickMe div.gridOrders.costTotal {display: block;}
	.stickMe div.gridOrders.costTotal .value {width: unset;}
}

.orders td.col-icon label {display: block; width: 108px; height: 66px; overflow: hidden; position: relative; border: 0px solid var(--separator);}
.orders td.col-icon label img {display: block; margin: auto auto auto 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; border: 0;}

.orders td.image .productImage span.fotka,
.orders td.image .productImage a,
.orders td.col-image span.fotka,
.orders td.col-image a {display: block; width: 100px; height: 100px; overflow: hidden; position: relative; border: 1px solid var(--ramka1); background-color: #ffffff;}
.orders td.image img,
.orders td.col-image img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto auto auto; overflow: auto;}
.orders td.col-icon label:empty,
.orders td.image .productImage span.fotka:empty,
.orders td.image .productImage a:empty,
.orders td.col-image span.fotka:empty,
.orders td.col-image a:empty {display: none;}

/* flex version - koszyk i podsumowanie */
@media all and (max-width: 991px) {
	.addedItems > thead {display: none;}
	.addedItems > tbody {/* display: block; padding: 5px; width: 100%; box-sizing: border-box; */}
	.addedItems > tbody > tr {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin: 0 0 10px 0; padding: 10px 0; position: relative;}
	.addedItems > tbody > tr:first-child {}
	.addedItems > tbody > tr:last-child {margin: 0;}

	.addedItems td.col-orderNr {display: none; width: auto; padding: 5px; font-size: 0.625rem; line-height: 1; position: absolute; top: -1px; left: -1px; z-index: 1;}

	.addedItems td.image,
	.addedItems td.col-image {display: flex; flex: 1 1 110px; padding: 10px 10px 10px 0; align-items: center; justify-content: center;}
	.addedItems td.image .productImage span.fotka,
	.addedItems td.image .productImage a,
	.addedItems td.col-image span.fotka,
	.addedItems td.col-image a {width: 100px; height: 100px;}

	.addedItems td.image img,
	.addedItems td.col-image img {margin: auto;}

	.addedItems td.name,
	.addedItems td.col-name {display: flex; flex: 1 1 calc(100% - 112px); flex-direction: column; padding: 10px 40px 10px 10px; align-items: flex-start; justify-content: center;}

	.orders .mobile-label {display: inline-block;}

	.addedItems td.quantity,
	.addedItems td.col-quantity,
	.addedItems td.price,
	.addedItems td.col-price,
	.addedItems td.cost,
	.addedItems td.col-cost,
	.addedItems td.col-actions {display: flex; flex: 0; /* align-items: center; */ padding: 10px 1rem 1rem 0; white-space: nowrap; flex-direction: column; justify-content: center; align-items: flex-start;}
	.addedItems td.quantity {/* flex: 0; justify-content: flex-end; */}
	.addedItems td.col-quantity {/* flex: 0; justify-content: flex-start; */}
	.addedItems td.quantity .form-control,
	.addedItems td.col-quantity .form-control {min-width: 60px; text-align: left;}

	.addedItems td.quantity .plusMinus .form-control,
	.addedItems td.col-quantity .plusMinus .form-control {text-align: center;}

	.addedItems td.price,
	.addedItems td.col-price {text-align: left; /* flex-direction: column; justify-content: center; align-items: flex-end; */}
	.addedItems td.cost,
	.addedItems td.col-cost,
	.addedItems td.col-actions {padding: 7px 10px 7px 0; flex: 1; align-items: flex-end; /* justify-content: flex-end; */}

	.addedItems td.price,
	.addedItems td.col-price,
	.addedItems td.quantity {font-size: 1rem;}
	.addedItems td.cost,
	.addedItems td.col-cost {font-size: 1rem;}

	.addedItems td.quantity table,
	.addedItems td.col-quantity table {margin: 0 auto 0 0; display: flex; flex-direction: row;}
	.addedItems td.quantity tbody,
	.addedItems td.col-quantity tbody {margin: 0; display: flex; flex-direction: row;}
	.addedItems td.quantity table tr,
	.addedItems td.col-quantity table tr {display: inline-flex;}
	.addedItems td.quantity table td,
	.addedItems td.col-quantity	table td {display: inline-flex; padding: 0 10px 0 0; align-items: center;}

	.orderPages .cartForm .table-responsive,
	.addedItems tr tr,
	.addedItems td {border: 0;}

	.addedItems > tbody > tr {border-top: 1px solid var(--separator); border-bottom: 1px solid var(--separator);}
	/*
	.addedItems td.col-orderNr {background-color: rgba(0,0,0,0.07); border: 1px solid var(--separator);}
	.addedItems td.image,
	.addedItems td.col-image,
	.addedItems td.quantity,
	.addedItems td.col-quantity {border-right: 1px solid var(--separator);}
	.addedItems td.price,
	.addedItems td.col-price,
	.addedItems td.quantity,
	.addedItems td.col-quantity,
	.addedItems td.cost,
	.addedItems td.col-cost {border-top: 1px solid var(--separator);}
	.addedItems td.price,
	.addedItems td.col-price {border-right: 1px solid var(--separator); border-top: 1px solid var(--separator);}
	*/

	.addedItems td.col-actions {position: absolute; top: 10px; right: 0; border: 0; width: unset; padding: 0;}
	.addedItems .col-actions .btn-link {width: 28px; height: 28px;}
	.addedItems .col-actions .btn-link .icon {font-size: 1.25rem;}
	.addedItems .col-actions .btn-link .txt {display: none;}
}

@media all and (max-width: 767px) {
	.addedItems td.image,
	.addedItems td.col-image {flex: 1 1 60px; padding: 5px 5px 5px 0;}
	.addedItems td.image .productImage span.fotka,
	.addedItems td.image .productImage a,
	.addedItems td.col-image span.fotka,
	.addedItems td.col-image a {width: 60px; height: 60px;}
	.addedItems td.name,
	.addedItems td.col-name {flex: 1 1 calc(100% - 72px);}
}
/*
@media all and (max-width: 479px) {
	.addedItems th.image,
	.addedItems td.image,
	.addedItems td.col-image {display: none;}

	.addedItems tbody > tr td.name,
	.addedItems tbody > tr td.col-name {flex: 1 1 100%;}
}
*/

.orderAgain {margin: 0 0 1rem 0;}

.userFiles .col-nr   {width: 30px;}
.userFiles .col-date {width: 150px;}
.userFiles .col-name {font-weight: bold;}
.userFiles .col-name .description {font-size: 0.6875rem; padding: 5px 0; font-weight: normal;}
.userFiles .col-actions  {width: 130px; text-align: right;}

#page_complaintList .comment {font-size: 0.75rem;}
#page_complaintList .comment b {}
#page_complaintList .comment div {padding: 5px 0 0 0;}

#page_complaintList .comment-client {}
#page_complaintList .comment-answer {margin: 10px 0 0 0; border-top: 1px solid var(--separator); padding: 10px 0 0 0;}
#page_complaintList .comment-answer div {font-style: italic;}

.rmaPages section.rma {margin-bottom: 2rem;}
.rmaPages .alert ul {margin: 0 0 0 10px; padding: 0 0 0 10px;}
.rmaPages .alert li {margin: 0; padding: 5px 0 5px 10px;}
.rmaPages .button-actions {display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem;}

.orderPages .table > tbody > tr > .tag,
.orderPages .table > tr > .tag {font-weight: 700;}

#page_paynow .forms.forms-blik {display: inline-flex; flex-direction: row; border: 1px solid var(--ramka1); background: #f1f1f1 url(blik.png) no-repeat 1rem 50%; background-size: 68px 36px; padding: 1rem 1rem 1rem 100px; margin: 0 auto 1rem auto; gap: 1rem; width: auto;}
#page_paynow .forms.forms-blik .form-control {display: flex; align-items: center; justify-content: center; text-align: center; padding: 0.5rem 0.5rem; height: 56px; width: 100%; min-width: 20rem; font-family: "Courier New", Courier, serif; font-size: 3rem; font-weight: 700; letter-spacing: 1rem;}
#page_paynow .forms.forms-blik .btn {border-radius: 5px;}

#page_paynow .forms.forms-check {font-size: 0.8125rem;}
#page_paynow .forms.forms-check .value-title {display: inline-block; font-size: 0.875rem;}
#page_paynow .forms.forms-check .value-content {display: block; padding: 5px 0;}

.XpressCheck {border: 1px solid var(--ramka1); background-color: #f1f1f1; padding: 10px; margin: 10px 0 0 0;}
.XpressCheck .XpressDescription {padding: 0 0 5px 0;}
.XpressCheck .form-inline {overflow: hidden; display: block;}
.XpressCheck .form-control {float: left;}
.XpressCheck .btn {cursor: pointer; float: left;}
.XpressCheck #xpressMes {padding: 5px 0 0 0;}
.XpressCheck #xpressMes:empty  {display: none;}
.XpressCheck .xpressOK    {color: var(--kolorOK, #006619);}
.XpressCheck .xpressError {color: var(--kolorError, #9f0000); font-weight: 700;}
.XpressCheck .xpressError.notAllowed  {}
.XpressCheck .xpressError.formatError {}
.XpressCheck .xpressError.fatalError  {}

#installment-mini a,
#installment-mini a:visited {color: var(--kolor1)!important;}
#installment-mini a:hover {color: var(--kolor2)!important;}

div.printPage {display: none; text-align: right; padding-top: 1rem; padding-bottom: 1rem;}
.orders  div.printPage,
.detCard div.printPage,
.conBody div.printPage {}

.ordList .filters ul {width: 100%;}
.ordList .filters li {text-align: right;}

div.button-actions {margin: 0 0 1rem 0;}

/* ***** payFormLink ***** */
div.payFormLink {border-top: 1px solid var(--separator); border-top: 1px solid var(--separator); padding: 10px; margin: 10px 0; text-align: center;}
.payFormLink span.image {display: block; margin: 0 auto; padding: 10px 0; text-align: center;}
.payFormLink span.image img {vertical-align: bottom;}

.payFormLink a, .payFormLink a:visited {}
.payFormLink a:hover {/* link do formularza przelewu */ }
.payFormLink img {}


/* Przelewy24 */
.p24PayForm .p24_wfh940g {width: 100%!important; margin-left: auto; margin-right: auto;}
.p24PayForm .p24_wfh940g table {width: 100%!important;}
.p24PayForm .p24_wfh940g table td {padding: 3px 0; height: auto;}
.p24PayForm .p24_wfh940g div {background-color: transparent!important; /* color: inherit!important; */ padding: 5px 0 5px 0!important; border: 0px solid!important;}
.p24PayForm .p24_wfh940g div#p24_4j3j52 {padding: 0 0 5px 0!important;}

.p24PayForm .p24_wfh940g input {display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;}
.p24PayForm .p24_wfh940g label {width: 80%!important; padding: 1rem 0 1rem 55px!important; background-position: 0% 50%!important; background-repeat: no-repeat!important; background-size: 46px 46px!important; display: inline-block!important; font-size: 0.75rem;}

.p24PayForm .p24_wfh940g label[for=pf129] {background-image: url(plat_aliorraty.png);} /* raty */
.p24PayForm .p24_wfh940g label[for=pf85]  {background-image: url(plat_milenium.png);}
.p24PayForm .p24_wfh940g label[for=pf48]  {background-image: url(plat_bos.png);}
.p24PayForm .p24_wfh940g label[for=pf59] {background-image: url(plat_bankpocztowy.png);}
.p24PayForm .p24_wfh940g label[for=pf114] {background-image: url(plat_brebank.png);}
.p24PayForm .p24_wfh940g label[for=pf45] {background-image: url(plat_creditagricole.png);}
.p24PayForm .p24_wfh940g label[for=pf103] {background-image: url(plat_dnb.png);}
.p24PayForm .p24_wfh940g label[for=pf94] {background-image: url(plat_eurobank.png);}
.p24PayForm .p24_wfh940g label[for=pf34] {background-image: url(plat_getinbank.png);} /* bank */
.p24PayForm .p24_wfh940g label[for=pf108] {background-image: url(plat_ideabank.png);}
.p24PayForm .p24_wfh940g label[for=pf25] {background-image: url(plat_mbank_mtransfer.png);}
.p24PayForm .p24_wfh940g label[for=pf27] {background-image: url(plat_mbank_multitransfer.png);}
.p24PayForm .p24_wfh940g label[for=pf119] {background-image: url(plat_citi.png);}
.p24PayForm .p24_wfh940g label[for=pf26] {background-image: url(plat_inteligo.png);}
.p24PayForm .p24_wfh940g label[for=pf131] {background-image: url(plat_plusbank.png);}
.p24PayForm .p24_wfh940g label[for=pf35] {background-image: url(plat_bph.png);}
.p24PayForm .p24_wfh940g label[for=pf58] {background-image: url(plat_sgb.png);}
.p24PayForm .p24_wfh940g label[for=pf121] {background-image: url(plat_tmobile.png);}
.p24PayForm .p24_wfh940g label[for=pf111] {background-image: url(plat_trustpay.png);}
.p24PayForm .p24_wfh940g label[for=pf1000] {background-image: url(plat_przelew.png);}

.p24PayForm .p24_wfh940g label[for=pf56] {background-image: url(plat_bgz.png);}
.p24PayForm .p24_wfh940g label[for=pf32] {background-image: url(plat_nordea.png);}
.p24PayForm .p24_wfh940g label[for=pf65] {background-image: url(plat_pekao.png);}
.p24PayForm .p24_wfh940g label[for=pf33] {background-image: url(plat_paribas.png);}
.p24PayForm .p24_wfh940g label[for=pf20] {background-image: url(plat_bzwbk.png);}
.p24PayForm .p24_wfh940g label[for=pf110] {background-image: url(plat_deutschebank.png);}
.p24PayForm .p24_wfh940g label[for=pf105] {background-image: url(plat_eskok.png);}
.p24PayForm .p24_wfh940g label[for=pf68] {background-image: url(plat_getbank.png);}
.p24PayForm .p24_wfh940g label[for=pf79] {background-image: url(plat_getinbank.png);} /* online */
.p24PayForm .p24_wfh940g label[for=pf37] {background-image: url(plat_kredytbank.png);}
.p24PayForm .p24_wfh940g label[for=pf113] {background-image: url(plat_meritumbank.png);}
.p24PayForm .p24_wfh940g label[for=pf88] {background-image: url(plat_aliorbank.png);} /* bank */
.p24PayForm .p24_wfh940g label[for=pf135] {background-image: url(plat_placeziko.png);}
.p24PayForm .p24_wfh940g label[for=pf31] {background-image: url(plat_placezipko.png);}
.p24PayForm .p24_wfh940g label[for=pf112] {background-image: url(plat_ing.png);}
.p24PayForm .p24_wfh940g label[for=pf62] {background-image: url(plat_raiffeisen.png);}
.p24PayForm .p24_wfh940g label[for=pf87] {background-image: url(plat_skycash.png);}
.p24PayForm .p24_wfh940g label[for=pf64] {background-image: url(plat_toyotabank.png);}
.p24PayForm .p24_wfh940g label[for=pf69] {background-image: url(plat_volkswagenbank.png);}
.p24PayForm .p24_wfh940g label[for=pf2000] {background-image: url(plat_przedplata.png);}
.p24PayForm .p24_wfh940g label[for=pf90] {background-image: url(plat_fmbank.png);}
.p24PayForm .p24_wfh940g label[for=pf153] {background-image: url(plat_getinonline.png);}

.p24PayForm .p24_wfh940g label[for=pf66] {background-image: url(plat_paypal.png);}
.p24PayForm .p24_wfh940g label[for=pf84] {background-image: url(plat_aliorraty.png);}
.p24PayForm .p24_wfh940g label[for=pf43] {background-image: url(plat_pekao.png);}
.p24PayForm .p24_wfh940g label[for=pf47] {background-image: url(plat_citi.png);}
.p24PayForm .p24_wfh940g label[for=pf36] {background-image: url(plat_deutschebank.png);}
.p24PayForm .p24_wfh940g label[for=pf49] {background-image: url(plat_ing.png);}
.p24PayForm .p24_wfh940g label[for=pf102] {background-image: url(plat_raiffeisen.png);}
.p24PayForm .p24_wfh940g label[for=pf89] {background-image: url(plat_meritumbank.png);}
.p24PayForm .p24_wfh940g label[for=pf141] {background-image: url(plat_bankpocztowy.png);}

@media all and (max-width: 767px) {
	.p24PayForm .p24_wfh940g input {margin-top: 0px; margin-bottom: 0px;}
	.p24PayForm .p24_wfh940g label {width: 80%!important; padding: 6px 0 6px 25px!important; font-size: 0.75rem; background-size: 23px 23px!important;}
}

/* PaczkaWRUCHU */
div#PaczkawRuchu {margin: 0; padding: 10px 0; text-align: left; overflow: hidden;}
div#PaczkawRuchu a.button {margin: 0 auto 0 0; font-size: 0.875rem; cursor: pointer;}
div#PaczkawRuchu a.button .buttonLinkContent {padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-image: url(select_point.png);
	/*
	background-image: url(select_point-3x.png);
	background-size: 10px 14px;
	*/
}

#PaczkawRuchu a.button {}

div#receiptPointBlock {margin: 0 auto 10px auto; padding: 0;/*  border: 1px solid #c7c8ca; */}
div#receiptPointBlock .pageSubTitle {/* margin: 0; padding: 5px 0; background-color: #e8ecef; */}
div#punktodbioru {/* padding: 5px 0; */}
div#punktodbioru div {padding: 2px 0;}
div#punktodbioru #street_name {font-weight: 700;}
div#punktodbioru #location {}
div#punktodbioru #opening_hours {font-style: italic;}

div#paczkaWRuchuSelect label {margin-top: 10px; margin-bottom: 5px;}
div#paczkaWRuchuSelect select {margin-bottom: 1rem; width: 100%; box-sizing: border-box;}

/* Paczkomaty */
#selectet-pacz {}
#selectet-pacz div.sumInPost {margin: 0px auto 10px auto; padding: 0 0 5px 0;}
#selectet-pacz div.sumInPost h4 {}
#selectet-pacz div.sumInPost h5 {margin: 0; padding: 5px 0; font-weight: bold;}
#selectet-pacz div.sumInPost div {margin: 0; padding: 0 0 5px 0;}

/* aucSumForm */
div.center {margin: 0 auto;}

/* aucSumForm after*/
table.aucSumForm {width: 100%;}
table.aucSumForm div {width: 100%;}
table.aucSumForm div.opisPowrotu {padding: 5px 0;}
table.aucSumForm div.linkPowrotu {padding: 5px 0; text-align: right;}
table.aucSumForm div.linkPowrotu img {margin-right: 5px;}
table.aucSumForm div.etykieta {font-size: 0.875rem; font-weight: 700; padding-top: 10px;}
table.aucSumForm div.sprzedajacy_nazwa {font-size: 0.875rem; padding: 5px 0 5px 10px;}
table.aucSumForm div.sprzedajacy_linki {padding: 2px 0 10px 10px;}

/* galleries */
.galleries .galleryItem {display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; margin: 0; padding: 1rem; text-align: center; position: relative; gap: 10px 0; overflow: hidden; text-decoration: none;}
.galleries .galleryItem:hover {text-decoration: none;}

.galleries .galleryName {display: flex; text-align: center; align-items: center; justify-content: center; width: 100%; font-size: 0.875rem; font-weight: 700; padding: 0;}
.galleries.galCatList .galleryName {font-size: 1rem;}

.galleries .galleryImage {display: block; width: 100%; height: 120px; padding: 0; margin: 0; overflow: hidden; position: relative;}
.galleries.galCatList .galleryImage {/* height: 0; padding: 0 0 100% 0; */ height: auto; aspect-ratio: auto 1 / 1;}
.galleries .galleryImage img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}

.galleries .galleryDescription {display: block; position: absolute; bottom: -100%; left: 0; width: 100%; padding: 5px 5px; box-sizing: border-box; word-break: normal; overflow-wrap: anywhere; hyphens: auto; font-size: 0.6875rem; background-color: #ffffff;}
.galleries.galCatList .galleryDescription {font-size: 0.75rem;}

.galleries a.galleryItem:hover .galleryDescription {bottom: 0%;}

.galleries .galleryName:empty,
.galleries .galleryImage:empty,
.galleries .galleryDescription:empty {display: none;}

.gallery #galleryWindow {padding: 1rem; text-align: center; margin: 0 0 1rem 0;}
.gallery #galleryWindow img {display: block; margin: 0 auto;}

@media all and (max-width: 767px) {
	.gallery #galleryWindow img {width: 100%; height: auto;}
}
.gallery #galleryList {margin: 0 0 1rem 0; padding: 0 0;}

.gallery #galleryList ul {display: flex; width: 100%; margin: 0; padding: 0; overflow: auto; flex-direction: row; flex-wrap: wrap; gap: 1rem;}
.gallery #galleryList li {display: flex; height: unset; padding: 0; margin: 0; list-style: none; float: none;}
.gallery #galleryList li.lastChild {padding-right: 0;}
.gallery #galleryList li:first-child,
.gallery #galleryList li.first {clear: left;}

.gallery #galleryList .galleryItem {display: flex; height: unset; padding: 0; text-align: center;}

.gallery #galleryList .galleryItem a {display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; margin: 0; padding: 5px; text-align: center; position: relative; gap: 10px 0; font-size: 0.625rem;}

.gallery #galleryList .galleryItem span.image,
.gallery #galleryList .galleryItem span.name,
.gallery #galleryList .galleryItem span.description {display: flex; text-align: center; align-items: center; justify-content: center; width: 100%;}

.gallery #galleryList .galleryItem span.name:empty,
.gallery #galleryList .galleryItem span.description:empty {display: none;}

.gallery #galleryList .galleryItem span.image {position: relative; /* height: 100px; */ /* height: 0; padding: 0 0 100% 0; */ height: auto; aspect-ratio: auto 1 / 1;}
.gallery #galleryList .galleryItem span.image:hover {border: 0px solid var(--ramka2);}
.gallery #galleryList .galleryItem img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}
.gallery #galleryList .galleryItem span.name {flex: 1 1 auto; font-weight: 700;}
.gallery #galleryList .galleryItem span.description {}

.gallery #galleryList a,
.gallery #galleryList a:visited,
.gallery #galleryList a:hover {text-decoration: none;}

.galeriaBrakZdjec {margin: 5px auto;}

.galleries .paginator {width: 100%; margin: 0 auto 1rem auto;}
.galleries .paginator td {width: 33%; vertical-align: middle; text-align: center; font-size: 0.75rem;}
.galleries .paginator.paginatorLists td {width: 33%;}

.galleryItem,
.galleries #galleryWindow,
.galleries.galList .gallery,
.galleries.galCatList .gallery {background-color: #ffffff; border: 1px solid var(--ramka1);}

.galleryItem:hover,
.galleries #galleryList li:hover,
.galleries.galList .gallery:hover,
.galleries.galCatList .gallery:hover {box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);}

#galleryList a:hover {background-color: rgb(242,242,242); background-color: rgba(242,242,242,0.75);}

div.newsShortList .newsItem {margin-bottom: 1rem;}
div.newsShortList .newsShort {display: block; margin: 0 0 5px 0; padding: 0;}
div.newsShortList .newsLink {display: block; margin: 0 0 5px 0; padding: 0;}
div.newsShortList .newsLink a,
div.newsShortList .newsLink a:visited {}
div.newsShortList .newsLink a:hover {}
div.newsShortList .newsImage {display: block; margin: 0 0 10px 0; padding: 0;}
div.newsShortList .newsWrap {display: block; position: relative; height: 150px; overflow: hidden; margin: 0 0 10px 0;}
div.newsShortList .newsWrap .newsImage {margin: 0; position: relative;}
div.newsShortList .newsWrap .newsImage img {width: 100%; height: auto; display: block; /* max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; */}

div.newsShortList .newsDataPublikacji {display: block; margin: 0 0 10px 0; padding: 0; font-style: italic; color: #555555; font-size: 0.75rem;}
div.newsShortList .newsWrap .newsDataPublikacji {margin: 0; padding: 5px; background-color: rgba(0,0,0,0.25); color: #dedede; position: absolute; top: 0; left: 0;}
div.newsShortList .newsSkrot {display: block; margin: 0 0 10px 0; padding: 0;}
div.newsShortList .newsArchLink {display: block; margin: 5px 0;}

div.newsList {margin: 5px auto 20px auto; clear: both;}
div.newsList .newsFull {margin-bottom: 10px; overflow: hidden;}
div.newsList .newsFull p {}
div.newsList div.newsLink {padding-bottom: 4px; font-size: 1rem;}
div.newsList .newsLink a,
div.newsList .newsLink a:visited {font-weight: 700;}
div.newsList .newsLink a:hover {}
div.newsList .newsDataPublikacji {font-weight: 400; font-style: italic; font-size: 0.6875rem; padding: 0 0 4px 0;}
div.newsList .newsTresc {padding-bottom: 20px; clear: both; overflow: hidden;}
div.newsList .newsImage {display: inline-block; float: left; font-size: 0; margin: 0 10px 10px 0;}
div.newsList .newsImage img {vertical-align: middle;}

.newsBody {}

/* pollForm - sondy */
div.pollForm#naglowek {}
table.pollForm {width: 100%;}
table.pollForm td {vertical-align: middle; padding: 1px 1px;}
table.pollForm td.probeQuestion {}
table.pollForm td.poleSondy {width: 18px; padding: 1px 0 4px 0; text-align: left;}
table.pollForm td.poleSondy input {margin-left: 0;}
table.pollForm td.opcjaSondy {width: 150px; padding: 2px 0 3px 0; font-weight: 700;}
table.pollForm td.przyciskiSondy {text-align: right;}
table.pollForm td.przyciskiSondy input {margin-left: auto; margin-right: 0;}
table.pollForm input.button#glosuj {}
table.pollForm input.button#wyniki {background-image: none; background-color: transparent; border: 0; font-weight: 700; text-align: center; margin-top: 5px;}
table.pollForm a#wyniki {display: block; font-weight: 700; text-align: center; margin-top: 5px; cursor: pointer;}
table.pollForm span.glosuj {display: block;}
table.pollForm span.wyniki {display: block;}
table.pollForm td.wynikSondy {padding: 0 0 0.5rem 0; font-size: 0.6875rem; vertical-align: middle;}
table.pollForm td.wykresSondy {background-color: var(--kolor1);}
table.pollForm td.wynikSondy img {margin-top: 4px;}
table.pollForm td.iloscGlosow {padding-top: 2px;}
table.pollForm td.iloscGlosow span {font-weight: 700;}

/* ratStarBar */
.ratBar {background-position: 0 100%;}
.ratForm .ratBar,
.ratForm #ratBar {}
.ratForm .voteBarRating,
.ratForm #voteBarRating {float:left; margin-top: 2px;}
.ratForm .voteBarCandidate,
.ratForm #voteBarCandidate {float:left; padding: 0 0 0 10px; width:2em; margin-top: 1px;}
.ratForm .voteBar,
.ratForm #voteBar {overflow:hidden; float:left; background-position: 0 100%; /* margin-top: 3px; */}
.ratForm .voteBarCurrent,
.ratForm #voteBarCurrent {overflow:hidden; position: relative;}
.ratForm .voteBarSlider,
.ratForm #voteBarSlider {overflow:hidden; position: relative; width: 100%;}
.ratForm .voteBarSlider a,
.ratForm #voteBarSlider a {display:block; float:left; margin: 0; overflow:hidden; padding: 0; background-repeat: no-repeat; background-position: 0 100%;}
.ratForm .voteBarSlider img,
.ratForm #voteBarSlider img {border: 0; margin: 0;}
.ratForm .ratFormOption {margin:4px;}

.ratBar,
.ratBarCurrent,
.ratForm .idRatBar,
.ratForm #ratBar,
.ratForm .voteBarCurrent,
.ratForm #voteBarCurrent,
.ratForm .voteBar,
.ratForm #voteBar {height: 22px;}
.ratForm .voteBarCandidate,
.ratForm #voteBarCandidate {height: 22px; line-height: 22px;}
.ratForm .voteBarSlider,
.ratForm #voteBarSlider {height: 22px; top: -22px;}
.ratForm .voteBarSlider a,
.ratForm #voteBarSlider a {height: 22px; line-height: 22px; width: 22px;}
.ratForm .voteBarSlider img,
.ratForm #voteBarSlider img {width: 22px; height: 22px;}

.ratBar,
.ratBarCurrent,
.ratForm .voteBar,
.ratForm #voteBar,
.ratForm .voteBarCurrent,
.ratForm #voteBarCurrent,
.ratForm .voteBarSlider a,
.ratForm #voteBarSlider a {
	background-image: url(ratingStarBar22-3x.png);
	background-size: 22px 66px;
}

div.opiList div.ocena {width: 110px;}

/* opiList, opiForm */
.opiForm {}
.opiForm .form-group {}

.row.opiList {padding: 0 0/* 25px */;}

.row.opiForm .row .forms label.col-sm-12 {padding: 5px 10px 5px 0; text-transform: uppercase; font-weight: normal;}
/* .row.opiForm .row:first-child .forms label.col-sm-12 {padding-top: 0; padding-bottom: 2px;} */
.row.opiForm .row .forms div.col-sm-12 {padding: 0 0 0 0;}
.row.opiForm .row .col-sm-offset-2,
.row.opiForm .row .col-md-offset-2,
.row.opiForm .row .col-xs-offset-2 {padding-left: 0; padding-right: 0;}

.opiList table {width: 100%; margin: 0 0 1rem 0;}
.opiList td.col1 {width: 150px; padding: 10px 1rem 10px 0; vertical-align: top;}
.opiList td.col2 {padding: 10px 0 0 1rem; vertical-align: top;}

div.opiList {margin: 0 auto; padding: 0;}
div.opiList table {margin: 0;}
div.opiList table td {text-align: left; padding: 10px 10px 10px 0; vertical-align: top;}
div.opiList table th {text-align: left; padding: 2px 10px 2px 0;}
div.opiList a {}

div.opiList .rev-outer {}
div.opiList .rev-line {display: flex;}

div.opiList div.who {padding-bottom: 5px; overflow: hidden;}
div.opiList div.TrustMate {max-width: 100px; margin: 0 auto 0 0;}

@media all and (min-width: 768px) {
	div.opiList div.who {flex-grow: 1; margin: 0 auto 0 0;}
	div.opiList div.TrustMate {max-width: 100px; margin: 0 0 0 auto;}
	div.opiList div.TrustMate img {margin: 0 0 1rem auto;}
}

div.opiList div.review {padding-bottom: 2rem; margin-bottom: 1rem; border-bottom: 1px solid var(--separator);}

div.opiList span.name,
div.opiList span.date {font-size: 0.8125rem; display: inline-block; padding: 2px 1rem 0 0;  float: left;}
div.opiList div.rating {display: inline-block; margin: 0; /* margin: 5px 0 0 0; */ float: left; font-size: 0.8125rem;}
div.opiList span.name {font-weight: 700;}
div.opiList span.review {font-size: 0.9375rem; padding-bottom: 5px; word-break: normal; overflow-wrap: anywhere; hyphens: auto;}
div.opiList span.shop {}
div.opiList span.shop.review {}
div.opiList span.shop.name {}

.opiList.opiConList {}

#addToCartPopup.opiFormPopup {display: flex; max-height: 90vh;}
#addToCartPopup.opiFormPopup .item-pop { max-width: 30%; }
#addToCartPopup.opiFormPopup .opiForm-form { box-shadow: 5px 0px 25px 35px #ffffff; padding: 2rem 1rem; display: flex; flex-direction: column; gap: 0; min-width: 300px;}

#addToCartPopup.opiFormPopup .opiForm-item {display: flex; flex-direction: row; gap: 1rem 1rem; flex-wrap: nowrap; align-items: center; padding: 0 0 1rem 0; margin: 0 0 1rem 0; border-bottom: 1px solid var(--separator);}

#addToCartPopup.opiFormPopup .opiForm-item-pic {width: 75px; height: 75px; overflow: hidden; padding: 5px; border: 1px solid var(--ramka1); background-color: #ffffff;}
#addToCartPopup.opiFormPopup .opiForm-item-pic span {display: block; width: 100%; height: 100%; align-content: center; aspect-ratio: auto 1 / 1; position: relative;}
#addToCartPopup.opiFormPopup .opiForm-item-pic span img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto auto auto; overflow: auto;}

#addToCartPopup.opiFormPopup .opiForm-item-name {margin: 0; padding: 0 2rem 0 0; font-size: 1.375rem; font-weight: 700;}
#addToCartPopup.opiFormPopup .pageTitle {margin: 0 0 1rem 0; padding: 0; font-size: 1.25rem; font-weight: 500;}

#addToCartPopup.opiFormPopup .rowThank,
#addToCartPopup.opiFormPopup .rowThank div {text-align: center;}
#addToCartPopup.opiFormPopup .rowThank span.information {display: block; padding: 0 0 1rem 0; font-size: 1rem;}

@media all and (min-width: 992px) {
	#addToCartPopup.opiFormPopup .opiForm-form {min-width: 600px;}

	#addToCartPopup.opiFormPopup .opiForm-item {}
	#addToCartPopup.opiFormPopup .opiForm-item-pic {width: 100px; height: 100px;}
	#addToCartPopup.opiFormPopup .opiForm-item-name {font-size: 1.5rem;}
}

div.conBody {}
div.conBody p.conBody {}

.conBody #page_conForm .pageTitle {margin-bottom: 1rem; text-align: left;}
.conBody .conForm {text-align: left;}

/* blog */
section.blogMainList {}
section.blogList {}
section.blogList.blogFeatured {}
section.blogBody {}

.blogDescription {margin: 0 0 2rem 0; border-bottom:1px solid var(--separator); padding: 0 0 2rem 0;}

.blogPost {}
.blogPosts {border: 1px solid var(--ramka1); margin: 1rem 0; padding: 1rem;}
.blogFeatured .blogPosts {border: 0; margin: 0; padding: 0;}
.blogFeatured .pageSubTitle {padding-top: 0;}

.blogPicture {margin: 0 0 1rem 0; text-align: left;}
.blogPicture img {display: block; margin: 0 auto; width: 100%; height: auto;}
.blogEntry {}
.blogEntry .tag {padding-right: 5px;}
.blogEntry .sep {color: #555555;}
.blogEntry .blogTitle {margin-top: 0;}
.blogEntry .blogDate {font-size: 0.75rem; font-style: italic; margin-bottom: 5px; color: #555555;}
.blogEntry .blogTags {font-size: 0.75rem; margin-bottom: 5px;}
.blogEntry .blogLead {}
.blogEntry .blogButtons {padding: 1rem 0; text-align: left;}

.blogMainList {margin-bottom: 2rem;}
.blogMainList .blogMainPosts {/* display: flex; flex-direction: row; flex-wrap: wrap; */}
.blogMainList .blogMainPost {display: flex; flex-direction: column; margin-bottom: 1rem; width: 100%;}
.blogMainList .blogPicture {display: flex; border: 1px solid var(--ramka1); position: relative; width: 100%; height: 135px; background-repeat: no-repeat; background-position: 0% 100%; background-size: cover; opacity: 1;}
.blogMainList .blogPicture:hover {opacity: 0.9;}
.blogMainList .blogDate {position: absolute; top: 10px; right: 10px; display: inline-flex; height: 28px; padding: 0 28px; justify-content: center; align-items: center; background-color: var(--kolor1); color: #ffffff; font-size: 0.6875rem; font-weight: 400;}

.blogMainList .blogContent {display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; margin: 0; padding: 0; width: 100%;}

.blogMainList .blogTitle   {display: flex; width: 100%; height: auto; align-items: flex-start; justify-content: start; flex-direction: column; margin: 0 0 5px 0; padding: 0; font-weight: 600;}
.blogMainList .blogLead  {display: flex; width: 100%; height: 100%; align-items: baseline; justify-content: flex-start; flex-direction: row; margin: 0; padding: 0 0 10px 0; flex-wrap: wrap; font-weight: 300; font-size: 0.875rem;}
.blogMainList .blogButtons {display: flex; width: 100%; height: auto; align-items: end; justify-content: flex-start; flex-direction: row; margin: 0 0 1rem 0; padding: 0 0 0 0; font-weight: 700; font-size: 0.875rem;}

.blogMainList .blogMore {margin: 0; text-align: right;}
.blogMainList .blogMore .btn {}

@media all and (min-width:360px) and (max-width:991px) {
	.gridList.grid-per-3.blogMainPosts {grid-template-columns: repeat(2, 1fr);}
	.gridList.grid-per-3.blogMainPosts .gridCol {}
	.gridList.grid-per-3.blogMainPosts .gridCol:nth-child(3n+1) {grid-column-start: 1; grid-column-end: 3;}
	.gridList.grid-per-3.blogMainPosts .gridCol:nth-child(3n+1) .blogPicture {height: 270px;}
}

/* channels */
div.channels {text-align: center; overflow: auto;}
div.channels div.channel {overflow: hidden; float: left; margin: 5px; border: 1px solid #C1C1C1; padding: 5px; display: inline-flex; position: relative; width: 130px; height: 60px;}
div.channels span.label {float: none; display: flex; align-items: center; gap: 5px;}
div.channels input {float: none; display: flex; margin: 0;}
div.channels label {float: none; display: flex; margin: 0; padding: 0;}
div.channels img {display: block; margin: 0 auto; vertical-align: middle;}
div.channels span.name {display: flex; padding: 5px; font-size: 0.5625rem; position: absolute; right: 0; top: -100px;}
div.channels div.channel:hover,
div.channels div.channel.selected:hover {border: 1px solid #000000;}
div.channels div.channel:hover span.name {display: block; top: 0; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.90); max-width: 100px; color: #555555;}

div.channels span.channelPic {display: flex; width: 95px; height: 50px; background-size: contain!important;}

/* tabele bardziej responsywne */
.stacktable {width: 100%;}
.st-head-row {padding-top: 1em;}
.st-head-row.st-head-row-main {font-size: 1.5em; padding-top: 0;}
.st-key {width: 49%; text-align: right; padding-right: 1%;}
.st-val {width: 49%; padding-left: 1%;}

.stacktable.large-only {display: table;}
.stacktable.small-only {display: none;}

@media all and (max-width: 991px) {
	.stacktable.large-only {display: none;}
	.stacktable.small-only {display: table;}
}

.currencyToLeft span.price {}
.currencyToLeft span.currency,
.currencyToLeft span.rangeCurrency {padding-left: 0; display: none!important;}

#fb-slide {float: right; overflow: hidden; padding-left: 0px; position: fixed; top: 220px; z-index: 2002; box-sizing: content-box;}
#fb-slide-gfx {height: 111px; padding-left: 35px; position: fixed; top: 220px; z-index: 2002; background-repeat: no-repeat; background-position: 0 0; box-sizing: content-box;}
#fb-slide #fb-frame {padding: 20px 5px 20px 12px; background-color: #5777b1; box-sizing: content-box;}
#fb-slide #fb-frame #fb-back {background: white; box-sizing: content-box;}
iframe div.fbDarkWidget {background: red;}

#fb-slide-gfx,
#fb-slide {display: none!important;}

@media all and (min-width: 992px) {
	#fb-slide-gfx,
	#fb-slide {display: block!important;}
/*
	#fb-slide-gfx,
	#fb-slide,
	#fb-slide-frame {width: 340px!important;}
*/
}

.towaryTresc a,
.linkiTresc a,
.plikiTresc a,
.flv a {display: block; padding: 5px 0;}

.towaryTresc .description,
.linkiTresc .description,
.plikiTresc .description,
.flv .description {margin-bottom: 10px;}

.towaryTresc .description:empty,
.linkiTresc .description:empty,
.plikiTresc .description:empty,
.flv .description:empty {display: none;}

div.flv li a,
div.flv .videoName {display: block; padding: 5px 0; font-weight: bold;}
div.flv .videoDescription {padding: 0 0 1rem 0; font-size: 0.75rem;}

div.flv ul,
div.flv li,
.additional.itemFilms ul,
.additional.itemFilms li,
.additional.itemVideo ul,
.additional.itemVideo li,
.additional.itemMusic ul,
.additional.itemMusic li {display: block; margin: 0; padding: 0; list-style: none; clear: both;}

div.flv li,
.additional.itemFilms li,
.additional.itemVideo li {margin-bottom: 1rem;}
.additional.itemMusic li {margin-bottom: 25px;}

div.flv video,
.additional video,
video.video-responsive {margin: 0; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%;}

.itemMusic audio {}
.itemMusic .songTitle {padding: 5px 0; font-weight: bold;}
.itemMusic .songDescription {padding: 0 0; margin-bottom: 10px; font-size: 0.75rem;}

/*
<video controls controlslist="nofullscreen nodownload noremoteplayback"></video>

video::-internal-media-controls-cast-button,
audio::-internal-media-controls-cast-button {display:none;}
video::-internal-media-controls-download-button,
audio::-internal-media-controls-download-button {display:none;}
*/

video::-webkit-media-controls-enclosure,
audio::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel,
audio::-webkit-media-controls-panel {width: calc(100% + 2rem);}

table.banList,
table.flashBanList {width: 100%; margin: 0 0 1rem 0;}

textarea.partnerCode {margin: 0 0 1rem 0; width: 100%; display: block; box-sizing: border-box; padding: 10px; font-size: 0.75rem; clear: both;}
div.partnerView {margin: 0 0 1rem 0; clear: both;}
div.partnerView img {display: block; margin: 0 auto 0 0; width: auto; height: auto; max-width: 100%; max-height: 100%;}

/* animations */
.fullPop,
.sticky,
.sticky#quickCart div.cart,
.mainTopWrap,
.pager a:hover,
.pagination a:hover,
#clientMenu a:hover,
#headerMenu li:hover,
#headerMenu a:hover,
.menuFooter a:hover,
footer a:hover,
#box_catMenu a:hover,
div.channels div.channel:hover span.name,
#offerLeft .productImage:hover .productPromotionIcons,
.subCatItem:hover .categoryDescription,
.btn:hover,
.button:hover,
.producer:hover *,
.galleryItem:hover,
.catItem:hover,
.catItem:hover *,
.item:hover,
.item:hover * {
	transition: all 0.25s ease 0s;
}

.item .productImage .otherView {
	transition: opacity 0.25s ease-in-out;
}

.item .productImage:hover .otherView {
	transition: opacity 0.5s ease-in-out;
}

/* Chrome fix dla position: fixed */
.pageAdmin,
.pageClient,
#fb-slide,
#fb-slide-gfx,
.btn.btn-default#toTop,
.sticky {
	transform: translateZ(0)!important;
	transform: none !important;
}

@keyframes shadowPulse {
	0% {
		box-shadow: 0px 0px 1rem 3px rgba(255,0,0,0);
	}
	50% {
		box-shadow: 0px 0px 1rem 3px rgba(255,0,0,1);
	}
	100% {
		box-shadow: 0px 0px 1rem 3px rgba(255,0,0,0);
	}
}

.shadow-pulse {
	animation-name: shadowPulse;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.bs-popup-info.bs-error {padding: 10px 2rem 2rem 2rem;}
.bs-popup-info.bs-error .popup-info-content {padding: 20px 10px 2rem; text-align: center; font-size: 1.25rem;}
.bs-popup-info.bs-error .buttonBlock {text-align: right;}

/* basket message */
.basket-mes-box {z-index: 5400; position: fixed; right: 1rem; top: 120px; /* top: 50%; transform: translate(0%, -50%); */}
.basket-mes-content {box-sizing: border-box; padding: 10px 1rem; margin: 0 0 1em 0; color: #ffffff; font-weight: 700; overflow: hidden; text-align: center;}

.mes-info    {background-color: #238c00;}
.mes-warning {background-color: #646473;}
.mes-error   {background-color: #b30000;}

.w8 {display: inline;}
.w8 b {opacity: 0;}
.w8 b.d1 {animation: dot1 2s infinite linear;}
.w8 b.d2 {animation: dot2 2s infinite linear;}
.w8 b.d3 {animation: dot3 2s infinite linear;}
.w8 b.d4 {animation: dot4 2s infinite linear;}
@keyframes dot1 {0%  {opacity: 0} 20% {opacity: 1} 80% {opacity: 1} 100%{opacity: 0}}
@keyframes dot2 {20% {opacity: 0} 60% {opacity: 1} 80% {opacity: 1} 100%{opacity: 0}}
@keyframes dot3 {40% {opacity: 0} 70% {opacity: 1} 80% {opacity: 1} 100%{opacity: 0}}
@keyframes dot4 {60% {opacity: 0} 80% {opacity: 1} 81% {opacity: 1} 100%{opacity: 0}}

/* basket message end */

img {/* aspect-ratio: auto 1 / 1; */}

/*Wish list*/
.wishList-btn {text-decoration: none!important;}
.wishList-btn .wishList-icon,
.wishList-btn .wishList-to-remove {display: none;}

.wishList-btn.wishListJS.to-remove .wishList-to-remove,
.wishList-btn.wishListJS.to-add .wishList-to-add {display:inline-block}

.wishList-btn.wishListJS.to-remove .wishList-to-add,
.wishList-btn.wishListJS.to-add .wishList-to-remove {display: none;}

.wishList-btn .wishList-icon {display:inline-flex; margin: 0 auto; color: var(--kolor1);}
.wishList-btn:hover .wishList-icon {color: var(--kolor2);}
.wishList-btn .wishList-icon::before {content: '\f004';}
.wishList-btn.to-add    .wishList-icon::before {content: '\f08a';}
.wishList-btn.to-remove .wishList-icon::before {content: '\f004';}

/*Wish list w karcie*/
.detCard .wishList-btn .w8 {display: none;}

.detCard .wishList-btn .wishList-icon {margin: 0 10px 0 0;}

.detCard .wishList-btn .wishList-to-add,
.detCard .wishList-btn .wishList-to-remove,
.detCard .wishList-btn.wishListJS .wishList-to-add,
.detCard .wishList-btn.wishListJS .wishList-to-remove {display:none}

/*Wish list na listach*/
.item .wishList-btn .w8 {display: none;}

.item .wishList-btn .wishList-to-add,
.item .wishList-btn .wishList-to-remove,
.item .wishList-btn.wishListJS .wishList-to-add,
.item .wishList-btn.wishListJS .wishList-to-remove {display:none}

#dpd-widget-wrapp {margin: 2rem 0;}

div.freeDelivery {clear: both; margin: 5px auto 5px 0; font-size: 0.875rem; font-weight: 400; color: green;}
div.freeDelivery.toFreeDelivery {color: var(--kolor1);}

div.freeDelivery .freeDeliveryContent {}

div.freeDelivery.freeDeliveryCart {display: block;}
div.freeDelivery.freeDeliveryCart .freeDeliveryContent {display: inline-block; border: 1px solid green; padding: 10px;}
div.freeDelivery.freeDeliveryCart.toFreeDelivery .freeDeliveryContent {border-color: var(--kolor1);}

div.freeDelivery.freeDeliveryPopup {display: block;}
div.freeDelivery.freeDeliveryPopup .freeDeliveryContent {border-top: 1px solid var(--separator); padding: 10px 1rem 5px 1rem;}
div.freeDelivery.freeDeliveryPopup.toFreeDelivery .freeDeliveryContent {}

div.freeDelivery .price {font-size: 1rem;}
div.freeDelivery .price .currency {}

/*
#main {
	display: grid;
	grid-template-columns: 25% 50% 25% ;
}

#mainCol {grid-column: 2 / span 1; grid-row: 1;}
#sideColLeft { grid-column: 1 / span 1; grid-row: 1; width: 100%;}
#sideColRight {grid-column: 3 / span 1; grid-row: 1; width: 100%;} */


.editSize .flex { display: flex; align-items: center; flex-wrap: wrap; }
.editSize .flex .errorInfo { width: 100%;}

.orders .file-label {justify-content: space-between;font-size: 1rem; font-weight: bold; display: flex; gap: 1rem; padding: 2px 0; color: rgb(85, 85, 85);}

hr.hr-atr { margin-top: 5px; margin-bottom: 5px; }

/* kadrowanie */
table.atr-editPic {width: 100%; margin: 0 0 1rem 0;}
/*
table.atr-editPic td {padding: 3px 5px;}
table.atr-editPic td.tag {padding: 3px 5px 3px 0;}
table.atr-editPic td.value {padding: 3px 0 3px 5px;}
*/

table#picEdit-btn {width: 100%; margin: 0 0 10px 0;}

@media all and (max-width: 479px) {
	table#picEdit-btn,
	table#picEdit-btn tbody,
	table#picEdit-btn tr,
	table#picEdit-btn td {display: block; width: 100%;}
	table#picEdit-btn td {padding: 5px 0;}
}
@media all and (min-width: 480px) {
	table#picEdit-btn td {width: 50%; padding: 5px;}
	table#picEdit-btn tr td:first-child {padding: 5px 5px 5px 0;}
	table#picEdit-btn tr td:last-child {padding: 5px 0 5px 5px;}
}

table#picEdit-btn .btn {width: 100%; background-position: 10px 50%; background-repeat: no-repeat; background-size: 20px 20px; padding-left: 45px; text-align: left;}

.btn#odbY {background-image: url(btn-flip-h.webp);}
.btn#odbX {background-image: url(btn-flip-v.webp);}
.btn#obrL {background-image: url(btn-rotate-l.webp);}
.btn#obrP {background-image: url(btn-rotate-r.webp);}

.editSize,
.errorInfo .errors {margin: 0 0 1rem 0;}

#jcrop-contener .jcrop-handle {background-color: rgba(255,255,255,0.9); width: 14px; height: 14px; border: 1px solid var(--ramka1); border-radius: 0%; position: relative; box-shadow: 0px 0px 0 1px rgba(0,0,0,1);}
#jcrop-contener .ord-n.jcrop-handle  {margin-top:    -6px; margin-left:  -6px;}
#jcrop-contener .ord-s.jcrop-handle  {margin-bottom: -6px; margin-left:  -6px;}
#jcrop-contener .ord-e.jcrop-handle  {margin-top:    -6px; margin-right: -6px;}
#jcrop-contener .ord-w.jcrop-handle  {margin-top:    -6px; margin-left:  -6px;}
#jcrop-contener .ord-nw.jcrop-handle {margin-top:    -6px; margin-left:  -6px;}
#jcrop-contener .ord-ne.jcrop-handle {margin-top:    -6px; margin-right: -6px;}
#jcrop-contener .ord-se.jcrop-handle {margin-bottom: -6px; margin-right: -6px;}
#jcrop-contener .ord-sw.jcrop-handle {margin-bottom: -6px; margin-left:  -6px;}

.opi-btn-box {display: flex; gap: 2rem; align-items:flex-start; align-items: center;}
.opi-agreement > label {display: flex;align-items: center; gap: 1rem; margin: 0; }

.opi-agreement {display: flex; flex-direction: column;}

.opi-agreement > label > input {margin: 0;}

.error_input .opi-agreement > label {color: var(--kolorError, #9f0000);}
.opi-agreement > label > .information.error {width: 100%; margin-bottom: 0px;}

@media all and (max-width: 767px) {
	.opi-btn-box {flex-direction: column; gap: 1rem;}
	.opi-btn-box > input {order:1}
	.opi-btn-box > label {order:0}
}

/* Boo3 -> Boo5 */
@media (max-width: 767px) {
	.hidden-xs {}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {}
}
@media (min-width: 1200px) {
	.hidden-lg {}
}
@media (min-width: 1399px) {
	.hidden-xl {}
}

@media (min-width: 768px) {
	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	#listOptions .form-inline .form-group {display: block;}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.form-inline .form-control-static {
		display: inline-block;
	}
}

@media screen and (max-width: 991px) {
	.table-responsive table.labelTable {border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}
	.table-responsive table.labelTable thead {border: none; /* clip: rect(0, 0, 0, 0); */ clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; opacity: 0;}
	.table-responsive table.labelTable thead tr {display: none;}
	.table-responsive table.labelTable > tr {border-bottom: 3px solid var(--separator); display: block; width: 100%; margin-bottom: 1rem;}
	.table-responsive table.labelTable tbody > tr > td {border-bottom: 1px solid var(--separator); display: block; width: 100%; text-align: right; /* font-size: 0.875rem; */}
	.table-responsive table.labelTable td::before {content: attr(data-bs-label); float: left; font-weight: bold; text-transform: uppercase; user-select: none; opacity: 0.8; /* font-size: 0.75rem; */}
	.table-responsive table.labelTable td:last-child {border-bottom: 0; margin-bottom: 1rem;}
/*
	.table-responsive table.labelTable.table-striped,
	.table-responsive table.labelTable.table-striped tr,
	.table-responsive table.labelTable.table-striped td {background-color: #ffffff;}
	.table-responsive table.labelTable.table-striped > tbody > tr:nth-of-type(odd) > *  {background-color: #ffffff; box-shadow: none;}
	.table-responsive table.labelTable.table-striped > tbody > tr:nth-of-type(even) > * {background-color: #f1f1f1; box-shadow: none;}
	.table-responsive table.labelTable.table-striped td:nth-of-type(even) {}
*/
}

.embed-responsive {position: relative; display: block; height: 0; padding: 0; overflow: hidden;}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}
.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive-4by3 {padding-bottom: 75%;}
.embed-responsive-1by1 {padding-bottom: 100%;}

.flex {display: flex;}
.gap-1 {gap: .25rem;}
.gap-2 {gap: .5rem;}
.gap-3 {gap: 1rem;}
.gap-4 {gap: 1.5rem;}
.gap-5 {gap: 3rem;}
.flex-col {flex-direction: column;}
.items-center {align-items: center;}
.flex-row-reverse {flex-direction: row-reverse;}


.apaczka-btn .apaczkaIMG img {
	max-height: 120px;
	max-width: 120px;
	border-radius: 10px;
}

.apaczka-btn .apaczkaIMG.mini-img img {
	max-height: 40px;
	max-width: 70px;
	border-radius: 5px;
}

@media (max-width: 767px) {
	.montonio-box .nav-pills {display: flex!important; flex-direction: column!important; gap: 0.5rem 1rem!important; flex-wrap: wrap!important; margin: 0 0 1rem 0!important;}
	.montonio-box .nav-pills > .nav-item {width: auto!important; float: none!important; clear: none!important;}
	.montonio-box .nav-pills > .nav-item + li {margin-left: 0!important;}
	.montonio-box .nav-pills::before {display: none;}
}
/*
.montonio-box .nav-pills .nav-item        .nav-link {background-color: #ffffff; color: var(--kolor3); border-color: var(--kolor3);}
.montonio-box .nav-pills .nav-item.active .nav-link {background-color: var(--kolor3); color: #ffffff; border-color: var(--kolor3);}
.montonio-box .nav-pills .nav-item        .nav-link:hover {background-color: var(--kolor3); color: #ffffff; border-color: var(--kolor3);}
.montonio-box .nav-pills .nav-item.active .nav-link:hover {background-color: #ffffff; color: var(--kolor3); border-color: var(--kolor3);}

.montonio-box .tab-pane.fade.in {display: block!important; opacity: 1!important;}
*/

/* Ukryj strzałki w input[type=number] */

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

/* *:focus {outline: 1px solid rgba(217,0,217,0.8)!important; box-shadow: 0 0 5px -1px rgba(217,0,217,0.8), inset 0 0 5px -1px rgba(217,0,217,0.8)!important;} */