:root {
  --primary-color: #5180D8;
  --primary-hover: #035487;
  --secondary-color: #f1f3f9;
  --bg-second-color: #EFF2F8;
  --background-color: #fff;
  --white-grey: #DFE3EC;
  --black-color: #000000;
  --red-color: #FC4444;
  --hit-color: #FD6969;
  --blue-light-color: #7499E0;
  --grey-color: #6C6C6C;
  --grey-light: #C7C7CC;
  --green-color: #21681b;
  --text-color: #2E2E2E;
  --text-color-grey: #33363F;
  --text-subcolor: #777777;
  --color-btn-hover: #035487;
  --color-bg-modal: rgba(0,0,0,0.4);
  --properties-bg-color: #E9EDF6;
  --bg-producent: #B6CEF1;
  --checkbox-color: #33363f;
  --filter-color: #d2dbee;
  --logo-col: #FFA500;
  --title-col: #67686E;
  --text-col-grey: #2e2e33;
  --color-33: #333333;
  --color-titles: #434343;
  --color-grey: #45454C;
  --color-dark: #1d1d1f;
  --color-353: #353539;
  --color-h2: #383A3C;
  --color-yellow: #FBE601;
  --color-84: #8496B7;
  --color-cont: #FAA61A;
  --color-uni: #ED1D25;
  --color-bar: #20438C;
  --color-falk: #20438C;
  --color-kum: #CCA770;
  --font-family: "Open Sans", sans-serif;
  --font-secondary: "Roboto", sans-serif;
  --line-height-base: 20px;
  --line-stand: 27px;
  --font-max-mini: 10px;
  --font-mini: 11px;
  --font-size-small: 12px;
  --font-small: 13px;
  --font-size-base: 14px;
  --font-size-extra: 15px;
  --font-size-up: 16px;
  --font-17: 17px;
  --font-size-large: 18px;
  --font-size-low: 19px;
  --font-big: 20px;
  --font-big2: 22px;
  --font-title: 24px;
  --font-h1: 32px;
  --font-34: 34px;
  --font-h1-desktop: 40px;
  --font-24: 24px;
  --font-tab: 25px;
  --font-26: 26px;
  --font-card-name: 28px;
  --font-32: 32px;
  --font-big-mobile: 34px;
  --font-tablet: 36px;
  --font-40: 40px;
  --font-45: 45px;
  --size-huge: 46px;
  --font-50: 50px;
  --font-weight-normal: 400;
  --font-weight500: 500;
  --font-weight-bold: 600;
  --font-max-bold: 700;
  --transition-duration: 500ms;
  --transition-ease: ease-out;
  --shadow-right-bottom: rgba(0,0,0,.15) 2.4px 2.4px 3.2px;
  --radius-min: 4px;
  --radius-stand: 10px;
  --radius-mix: 14px;
  --line-top-bottom: 1px solid #D3DBEE;
  --line2-top-bottom: 1px solid #dde3f1;
  --line3-border: 1px solid #B2B2B2;
  --border-line: 1px solid #C1C1C1;
  --radius-input: 19px;
}

:root {
  --primary-color: #5180D8;
  --primary-hover: #035487;
  --secondary-color: #f1f3f9;
  --bg-second-color: #EFF2F8;
  --background-color: #fff;
  --white-grey: #DFE3EC;
  --black-color: #000000;
  --red-color: #FC4444;
  --hit-color: #FD6969;
  --blue-light-color: #7499E0;
  --grey-color: #6C6C6C;
  --grey-light: #C7C7CC;
  --green-color: #21681b;
  --text-color: #2E2E2E;
  --text-color-grey: #33363F;
  --text-subcolor: #777777;
  --color-btn-hover: #035487;
  --color-bg-modal: rgba(0,0,0,0.4);
  --properties-bg-color: #E9EDF6;
  --bg-producent: #B6CEF1;
  --checkbox-color: #33363f;
  --filter-color: #d2dbee;
  --logo-col: #FFA500;
  --title-col: #67686E;
  --text-col-grey: #2e2e33;
  --color-33: #333333;
  --color-titles: #434343;
  --color-grey: #45454C;
  --color-dark: #1d1d1f;
  --color-353: #353539;
  --color-h2: #383A3C;
  --color-yellow: #FBE601;
  --color-84: #8496B7;
  --color-cont: #FAA61A;
  --color-uni: #ED1D25;
  --color-bar: #20438C;
  --color-falk: #20438C;
  --color-kum: #CCA770;
  --font-family: "Open Sans", sans-serif;
  --font-secondary: "Roboto", sans-serif;
  --line-height-base: 20px;
  --line-stand: 27px;
  --font-max-mini: 10px;
  --font-mini: 11px;
  --font-size-small: 12px;
  --font-small: 13px;
  --font-size-base: 14px;
  --font-size-extra: 15px;
  --font-size-up: 16px;
  --font-17: 17px;
  --font-size-large: 18px;
  --font-size-low: 19px;
  --font-big: 20px;
  --font-big2: 22px;
  --font-title: 24px;
  --font-h1: 32px;
  --font-34: 34px;
  --font-h1-desktop: 40px;
  --font-24: 24px;
  --font-tab: 25px;
  --font-26: 26px;
  --font-card-name: 28px;
  --font-32: 32px;
  --font-big-mobile: 34px;
  --font-tablet: 36px;
  --font-40: 40px;
  --font-45: 45px;
  --size-huge: 46px;
  --font-50: 50px;
  --font-weight-normal: 400;
  --font-weight500: 500;
  --font-weight-bold: 600;
  --font-max-bold: 700;
  --transition-duration: 500ms;
  --transition-ease: ease-out;
  --shadow-right-bottom: rgba(0,0,0,.15) 2.4px 2.4px 3.2px;
  --radius-min: 4px;
  --radius-stand: 10px;
  --radius-mix: 14px;
  --line-top-bottom: 1px solid #D3DBEE;
  --line2-top-bottom: 1px solid #dde3f1;
  --line3-border: 1px solid #B2B2B2;
  --border-line: 1px solid #C1C1C1;
  --radius-input: 19px;
}

.admin-information {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 10px 0 13px 0;
}
.admin-information .adInf .stsum {
  width: 69px;
  text-align: center;
  background: var(--primary-hover);
  color: var(--background-color);
  font-weight: bold;
  font-size: var(--font-big-mobile);
  padding: 10px;
  cursor: pointer;
  margin-top: 36px;
  border-radius: 4px;
}
.admin-information .adInf .stsum:hover {
  background-color: var(--primary-color);
  transition-property: color, fill, border, background-color;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.admin-information .adInf .adminV2 .tttpl .tttinadm {
  max-width: 280px;
  text-align: left;
}
.admin-information .adInf .adminV2 .tttpl .tttinadm .hh1 {
  padding-bottom: 5px;
  color: #e20a11;
}
.admin-information .adInf .adminV2 .tttpl .tttinadm .hh2 {
  padding-bottom: 1px;
}
.admin-information .adInf .adminV2 .tttpl .tttinadm .hh3 {
  font-size: 14px;
  font-weight: bold;
}
.admin-information .adInf .adminV2 .tttpl .tttinadm .dod1 {
  padding-top: 10px;
  color: #666;
  font-size: 12px;
}
.admin-information .adInf2 {
  display: flex;
  align-items: flex-start;
  width: 589px;
  flex-wrap: wrap;
  gap: 6px;
}
.admin-information .adInf2 .adel1 {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  background-color: var(--primary-color);
  color: var(--background-color);
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  padding: 3px 6px 3px 8px;
  display: flex;
  border-radius: 4px;
  gap: 4px;
}

#backToTopBtn {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-color);
  background-color: var(--secondary-color);
  transition-property: color, fill, border, background-color;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: none;
  position: fixed;
  bottom: 29px;
  right: 110px;
  z-index: 99;
  outline: none;
  cursor: pointer;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid rgba(108, 108, 108, 0.2117647059);
  box-shadow: var(--shadow-right-bottom);
  align-items: center;
}

#backToTopBtn:hover {
  background-color: #e7ebf5;
  transition-property: color, fill, border, background-color;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.disabled,
.readonly {
  pointer-events: none !important;
  opacity: 0.6 !important;
}

.arrow-top {
  display: flex;
  align-items: center;
  width: 13px;
  margin-right: 3px;
}

.lpOponySrodek {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.lpOponyDol {
  display: flex;
  justify-content: center;
}
.lpOponyDol .pager2 {
  display: flex;
  justify-content: center;
}
.lpOponyDol .stronicowanie2 ul {
  display: flex;
  gap: 28px;
}

.containerX {
  display: flex;
  justify-content: center;
  background-color: var(--background-color);
  padding: 10px 0 10px 0;
}
.containerX .section {
  max-width: 1290px;
  border-radius: var(--radius-stand);
  border-top: 6px solid #98b1df;
  background-color: var(--secondary-color);
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.containerX .section .section-box {
  padding: 30px 60px 10px 60px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0;
}
.containerX .section .section-box .dropdown-container {
  display: inline-block;
  padding-top: 12px;
}
.containerX .section .section-box .drop-mobile {
  display: none;
}
.containerX .section .section-box .dropdown {
  display: none;
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(203, 209, 216, 0.7882352941);
  border-radius: var(--radius-mix);
  background-color: var(--background-color);
}
.containerX .section .section-box #dropdown-3 label:hover, .containerX .section .section-box #dropdown-4 label:hover, .containerX .section .section-box #dropdown-5 label:hover {
  color: var(--background-color);
  background-color: var(--primary-color);
}
.containerX .section .section-box #dropdown-3, .containerX .section .section-box #dropdown-4, .containerX .section .section-box #dropdown-5 {
  overflow: auto;
  max-height: 170px;
}
.containerX .section .section-box #dropdown-3 label:hover:last-child, .containerX .section .section-box #dropdown-4 label:hover:last-child, .containerX .section .section-box #dropdown-5 label:hover:last-child {
  color: var(--background-color);
  background-color: var(--primary-color);
  margin: 0;
  border-bottom-right-radius: var(--radius-mix);
  border-bottom-left-radius: var(--radius-mix);
}
.containerX .section .section-box .drop-custom {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
}
.containerX .section .section-box .drop-custom .custom-element {
  position: relative;
  cursor: pointer;
  display: flex;
  margin-top: 2px;
  padding-left: 10px;
}
.containerX .section .section-box .drop-custom .width {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 5px 0 5px 20px;
  font-size: var(--font-size-base);
  margin-bottom: 0;
}
.containerX .section .section-box .drop-custom .checkbox,
.containerX .section .section-box .drop-custom .radio {
  position: relative;
  display: flex;
  font-size: var(--font-size-base);
  color: var(--checkbox-color);
  padding: 0 0 0 25px;
  transition: background 0.3s, border-color 0.3s;
}
.containerX .section .section-box .drop-custom .custom-element:hover, .containerX .section .section-box .drop-custom focus {
  background-color: var(--background-color);
}
.containerX .section .section-box .drop-custom .checkbox:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 21px;
  height: 20px;
  background: var(--background-color);
  background-image: url(gfx/hpn/checkbox-1.svg);
}
.containerX .section .section-box .drop-custom .radio:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 21px;
  height: 20px;
  background: var(--background-color);
  background-image: url(gfx/hpn/radiobutton-1.svg);
}
.containerX .section .section-box .drop-custom .radio:after {
  border-radius: 50%;
}
.containerX .section .section-box .drop-custom input[type=checkbox],
.containerX .section .section-box .drop-custom input[type=radio] {
  position: absolute;
  width: 22px;
  height: 22px;
  opacity: 0;
}
.containerX .section .section-box .drop-custom input[type=checkbox]:checked ~ .checkbox:after {
  background-image: url(gfx/hpn/checkbox-2.svg);
  transition: background-image 400ms ease-in-out;
}
.containerX .section .section-box .drop-custom input[type=radio]:checked ~ .radio:after {
  background-image: url(gfx/hpn/radiobutton-2.svg);
  transition: background-image 400ms ease-in-out;
}
.containerX .section .section-box .drop-custom input[type=checkbox]:checked ~ .checkbox {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight500);
  color: var(--checkbox-color);
}
.containerX .section .section-box .drop-custom input[type=radio]:checked ~ .radio {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight500);
  color: var(--checkbox-color);
}
.containerX .section .section-box .drop-custom button {
  color: var(--background-color);
  background-color: var(--primary-color);
  margin: 10px 0 5px 12px;
  padding: 7px;
  cursor: pointer;
  width: 79px;
  border-radius: 5px;
  border-width: 0;
  transition: transform 200ms ease-in-out;
}
.containerX .section .section-box .drop-custom button:hover {
  background-color: #4865A6;
}
.containerX .section .section-box .drop-custom .field {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--checkbox-color);
  background-color: var(--background-color);
  border: 1px solid #aeafb1;
  cursor: pointer;
  border-radius: var(--radius-stand);
  line-height: var(--line-height-base);
  width: 69px;
  height: 33px;
  text-align: center;
}
.containerX .section .section-box .drop-custom .field:focus {
  background-color: initial;
  border-color: initial;
  color: initial;
  outline: none;
}
.containerX .section .section-box .drop-custom .elem-to {
  display: flex;
  justify-content: center;
  gap: 10px;
  background-color: inherit;
  border-bottom: 1px solid #b3b6b9;
  width: 100%;
}
.containerX .section .section-box .drop-custom .elem-to:hover {
  background-color: var(--background-color);
}
.containerX .section .section-box .drop-custom .elem-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 10px;
  color: var(--title-col);
}
.containerX .section .section-box .drop1 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 172px;
}
.containerX .section .section-box .drop2 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 139.9px;
}
.containerX .section .section-box .drop3 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 90.88px;
}
.containerX .section .section-box .drop4 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 89.8px;
}
.containerX .section .section-box .drop5 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 89.6px;
}
.containerX .section .section-box .drop6 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 189px;
}
.containerX .section .section-box .drop7 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 134.8px;
}
.containerX .section .section-box .drop8 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 134.8px;
}
.containerX .section .section-box .drop9 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 135.8px;
}
.containerX .section .section-box .drop10 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 135.8px;
}
.containerX .section .section-box .drop11 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 135px;
}
.containerX .section .section-box .drop12 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 134.9px;
}
.containerX .section .section-box .drop13 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 195.8px;
}
.containerX .section .section-box .drop14 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 188.9px;
}
.containerX .section .section-box .drop15 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;
  width: 195.8px;
}
.containerX .section .section-box .dropdown label:hover {
  background-color: #f1f1f1;
}
.containerX .section .section-box .dropdown-btn {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--checkbox-color);
  background-color: var(--background-color);
  padding: 8px 16px 8px 16px;
  border: 1px solid rgba(203, 209, 216, 0.7882352941);
  cursor: pointer;
  border-radius: var(--radius-mix);
  line-height: var(--line-height-base);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px 0 inset;
}
.containerX .section .section-box .dropdown-btn .arr-drop {
  transition: 0.33s ease-in;
}
.containerX .section .section-box .dropdown-btn img {
  width: 10px;
  height: 10px;
}
.containerX .section .section-box .drop-elem {
  border-top: 1px solid #b3b6b9;
}
.containerX .section .section-box .dropdown-btn-mid {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--checkbox-color);
  background-color: var(--background-color);
  padding: 8px 16px 8px 16px;
  border: 1px solid rgba(203, 209, 216, 0.7882352941);
  cursor: pointer;
  border-radius: var(--radius-mix);
  line-height: var(--line-height-base);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-width: 0;
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px 0 inset;
}
.containerX .section .section-box .dropdown-btn-mid .arr-drop {
  transition: 0.33s ease-in;
}
.containerX .section .section-box .dropdown-btn-mid img {
  width: 10px;
  height: 10px;
  transform: rotate(180deg);
}
.containerX .section .section-box .btn-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 140px;
}
.containerX .section .section-box .btn-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 108px;
}
.containerX .section .section-box .btn-3 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 72.88px;
  padding: 8px 10px 8px 8px;
  display: flex;
}
.containerX .section .section-box .btn-4 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 71.88px;
  padding: 8px 10px 8px 8px;
}
.containerX .section .section-box .btn-5 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 71.88px;
  padding: 8px 10px 8px 8px;
}
.containerX .section .section-box .btn-6 img {
  margin-left: 91px;
}
.containerX .section .section-box .btn-7 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 117px;
  padding: 8px 10px 8px 8px;
}
.containerX .section .section-box .btn-8 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 117px;
  padding: 8px 10px 8px 8px;
}
.containerX .section .section-box .btn-9 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 117.8px;
  padding: 8px 10px 8px 8px;
}
.containerX .section .section-box .btn-10 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 117.8px;
  padding: 8px 10px 8px 8px;
}
.containerX .section .section-box .btn-11 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 117px;
  padding: 8px 10px 8px 8px;
}
.containerX .section .section-box .btn-12 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 117px;
  padding: 8px 10px 8px 8px;
}
.containerX .section .section-box .btn-13 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 186px;
  padding: 8px 6px 8px 4px;
}
.containerX .section .section-box .btn-14 img {
  margin-left: 91px;
}
.containerX .section .section-box .btn-15 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 186px;
  padding: 8px 6px 8px 4px;
}
.containerX .section .section-box .title-label {
  font-family: var(--font-family);
  font-size: var(--font-mini);
  font-weight: var(--font-weight-normal);
  display: flex;
  justify-content: center;
  color: var(--title-col);
  line-height: var(--line-height-base);
}
.containerX .section .section-box .title-pad {
  padding: 0;
}
.containerX .section .section-box .title-bot {
  padding-bottom: 4px;
  align-items: flex-end;
}
.containerX .section .section-box .sticker-new-red {
  font-family: var(--font-family);
  font-size: var(--font-max-mini);
  font-weight: var(--font-weight-bold);
  color: var(--secondary-color);
  background-color: var(--hit-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  margin-right: 12px;
  box-shadow: var(--shadow-right-bottom);
  margin-top: 8px;
}
.containerX .section .box-added {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  padding: 10px 60px 20px 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--checkbox-color);
  line-height: 17px;
}
.containerX .section .drop-show {
  display: none;
}
.containerX .section .drop-custom .custom-element {
  position: relative;
  cursor: pointer;
  display: flex;
  padding-top: 10px;
}
.containerX .section .drop-custom .checkbox {
  position: relative;
  display: flex;
  font-size: var(--font-size-base);
  color: var(--checkbox-color);
  padding: 0 15px 0 30px;
}
.containerX .section .drop-custom .custom-element:hover, .containerX .section .drop-custom focus {
  background-color: inherit;
}
.containerX .section .drop-custom .width {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 5px 0 5px 15px;
  font-size: var(--font-size-base);
  margin-bottom: 0;
  text-align: left;
}
.containerX .section .drop-custom .checkbox:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 21px;
  height: 20px;
  transition: background 200ms ease-in-out;
  background-image: url(gfx/hpn/checkbox-1.svg);
}
.containerX .section .drop-custom input[type=checkbox] {
  position: absolute;
  width: 22px;
  height: 22px;
  opacity: 0;
}
.containerX .section .drop-custom input[type=checkbox]:checked ~ .checkbox:after {
  background-image: url(gfx/hpn/checkbox-2.svg);
  transition: background-image 400ms ease-in-out;
}
.containerX .section .drop-custom input[type=checkbox]:checked ~ .checkbox {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight500);
  color: var(--checkbox-color);
}
.containerX .section .active-filter {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-bold);
  padding: 0 60px 20px 60px;
  color: var(--checkbox-color);
  line-height: var(--line-height-base);
}
.containerX .section .active-filter .filter-num {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-max-bold);
  color: var(--background-color);
  background-color: var(--red-color);
  line-height: var(--line-height-base);
  padding: 1px 7px 1px 5px;
  border-radius: 50px;
  margin-left: 10px;
}
.containerX .section .lineSymbol {
  border: 1px solid #B3B6B9;
  width: 100%;
  margin-top: 17px;
}
.containerX .section .list-filter {
  display: flex;
  flex-wrap: wrap;
}
.containerX .section .list-filter .item-filter {
  font-family: var(--font-family);
  font-size: var(--font-mini);
  font-weight: var(--font-weight-bold);
  color: var(--checkbox-color);
  background-color: var(--filter-color);
  line-height: var(--line-height-base);
  border-radius: 6px;
  padding: 0 10px 0 10px;
  margin: 10px 7px 2px 0;
  text-transform: uppercase;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  cursor: pointer;
}
.containerX .section .list-filter .item-filter img {
  padding-right: 5px;
}
.containerX .section .list-filter .closer {
  color: var(--background-color);
  background-color: var(--primary-color);
}

.drop-mobile {
  display: none;
}

.szukajProdList {
  width: 100%;
  max-width: 940px;
  box-shadow: 0 0 8px rgba(1, 1, 1, 0.29);
  padding: 30px 40px 30px 40px;
  right: 333px;
}
.szukajProdList .szukajProdCnt .poleSzukaj {
  position: relative;
}
.szukajProdList .szukajProdCnt .poleSzukaj input {
  font-family: var(--font-secondary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  width: 300px;
  height: 38px;
  border-radius: var(--radius-input);
  background-color: var(--background-color);
  border: 1px solid #aeaeae;
  padding-left: 44px;
  margin-bottom: 15px;
  line-height: var(--line-stand);
}
.szukajProdList .szukajProdCnt .poleSzukaj .szukajImgLu {
  width: 22px;
  position: absolute;
  left: 19px;
  top: 9px;
}
.szukajProdList .szukajProdCnt .poleSzukaj .wylaczWybor {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  line-height: 27px;
  color: #5080d7;
  text-decoration: none;
  margin-left: 15px;
  cursor: pointer;
}
.szukajProdList .szukajProdCnt .poleSzukaj .wylaczWybor:hover {
  text-decoration: underline;
}
.szukajProdList .szukajProdCnt .prodChk {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.szukajProdList .szukajProdCnt .prodChk img {
  width: 20px;
  height: 20px;
}
.szukajProdList .szukajProdCnt .prodGr {
  display: flex;
  align-items: center;
  width: 300px;
  height: 44px;
  padding: 0 20px 0 20px;
  cursor: pointer;
  border-radius: 10px;
  background-color: var(--bg-producent);
  margin-top: 20px;
}
.szukajProdList .szukajProdCnt .prodGr p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-large);
  font-weight: var(--font-max-bold);
  margin-right: auto;
  margin-left: 20px;
  line-height: var(--line-height-base);
  color: var(--text-color);
}
.szukajProdList .szukajProdCnt .prodGrLi {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0 20px;
}
.szukajProdList .szukajProdCnt .prodGrLi .prodLi {
  display: flex;
  align-items: center;
  width: 140px;
  padding: 4px 5px 4px 5px;
  cursor: pointer;
}
.szukajProdList .szukajProdCnt .prodGrLi .prodLi p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  margin-left: 10px;
  line-height: var(--line-stand);
  color: var(--text-color);
}
.szukajProdList .szukajProdCnt .prodGrLi .prodLiUkr {
  display: none;
}
.szukajProdList .szukajProdCnt .prodGrLi .szukajUkr {
  display: none;
}
.szukajProdList .szukajProdCnt .prodGrLi .break {
  flex-basis: 100%;
  height: 0;
}
.szukajProdList .szukajProdCnt .prodGrLi .prodMo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 170px;
  padding: 4px 20px 4px 20px;
  cursor: pointer;
}
.szukajProdList .szukajProdCnt .prodGrLi .prodMo p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-extra);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-stand);
  color: var(--primary-color);
}
.szukajProdList .szukajProdCnt .prodGrLi .prodMo img {
  margin-left: 10px;
  width: 20px;
}
.szukajProdList .szukajProdCnt .prodGrLi .prodMoOtw img {
  transform: rotate(180deg);
  transition: 500ms ease-out;
}
.szukajProdList .szukajProdCnt .prodGrLi .container .letter {
  font-family: var(--font-family);
  font-size: var(--font-big);
  font-weight: var(--font-weight-bold);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 5px;
  padding-bottom: 0;
  box-sizing: content-box;
  width: 30px;
  height: 30px;
  background-color: var(--bg-producent);
  border-radius: var(--radius-min);
}
.szukajProdList .szukajProdCnt .prodGrLi .container .line::after {
  content: "";
  display: block;
  width: 87%;
  height: 1px;
  background-color: var(--bg-producent);
  margin-top: -10px;
  margin-left: 45px;
}
.szukajProdList .szukajProdCnt .prodGrLi .container .box {
  display: flex;
  flex-wrap: wrap;
}
.szukajProdList .szukajProdCnt .prodGrLi .container .lineUkr {
  display: none;
}
.szukajProdList .szukajProdCnt .prodGrLi .container .boxUkr {
  display: none;
}
.szukajProdList .szukajProdCnt .prodEkoBl {
  display: block;
}
.szukajProdList .szukajProdCnt .contain-divier {
  display: flex;
  flex-wrap: wrap;
}
.szukajProdList .szukajProdCnt .prodGrBlock {
  display: block;
}
.szukajProdList .szukajTop {
  position: relative;
}
.szukajProdList .szukajTop .szukajImgTr {
  width: 30px;
  position: absolute;
  margin-top: -55px;
  margin-left: 660px;
}
.szukajProdList .szukajBot {
  display: flex;
  justify-content: flex-end;
}
.szukajProdList .szukajBot .szukajProdZast {
  font-family: var(--font-secondary);
  font-size: var(--font-big2);
  font-weight: var(--font-weight-normal);
  color: var(--background-color);
  background-color: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 7px;
  width: 160px;
  height: 45px;
  border-radius: 23px;
  cursor: pointer;
}
.szukajProdList .szukajBot .szukajProdZast:hover {
  background: var(--primary-hover);
  transition-property: color, fill, border, background-color;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.alu .szukajProdList {
  right: 157px;
}

.section-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}
.section-list .box-sort2 {
  display: none;
}
.section-list .amount {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight500);
  margin-left: 60px;
  line-height: var(--line-height-base);
}
.section-list .box-sort {
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: center;
  padding-top: 10px;
}
.section-list .dropdown-container {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  display: inline-block;
  padding-top: 0;
  line-height: var(--line-height-base);
}
.section-list .dropdown {
  display: none;
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(203, 209, 216, 0.7882352941);
  border-radius: var(--radius-mix);
  background-color: var(--background-color);
}
.section-list .drop-custom .custom-element {
  position: relative;
  cursor: pointer;
  display: block;
  margin-top: 7px;
  margin-left: 13px;
}
.section-list .drop-custom .width {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: flex-start;
  font-size: var(--font-size-base);
  margin-bottom: 0;
  padding-left: 5px;
  padding: 9px 10px 4px 15px;
}
.section-list .drop3 {
  cursor: pointer;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  width: 178.2px;
}
.section-list .dropdown label:hover {
  color: var(--background-color);
  background-color: var(--primary-color);
}
.section-list .dropdown label:hover:last-child {
  color: var(--background-color);
  background-color: var(--primary-color);
  margin: 0;
  border-bottom-right-radius: var(--radius-mix);
  border-bottom-left-radius: var(--radius-mix);
}
.section-list .dropdown-btn-sort {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--checkbox-color);
  background-color: var(--background-color);
  border: 1px solid rgba(203, 209, 216, 0.7882352941);
  cursor: pointer;
  border-radius: var(--radius-mix);
  line-height: var(--line-height-base);
  width: 178px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-list .dropdown-btn-sort img {
  width: 10px;
  height: 10px;
}
.section-list .dropdown-btn-mid-sort {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--checkbox-color);
  background-color: var(--background-color);
  border: 1px solid rgba(203, 209, 216, 0.7882352941);
  cursor: pointer;
  border-radius: var(--radius-mix);
  line-height: var(--line-height-base);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-width: 0;
  width: 178px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-list .dropdown-btn-mid-sort img {
  width: 10px;
  height: 10px;
  transform: rotate(180deg);
}
.section-list .btn-16 img {
  margin-left: 20px;
  margin-right: 10px;
}
.section-list .title-label {
  font-family: var(--font-family);
  font-size: var(--font-mini);
  font-weight: var(--font-weight-normal);
  display: flex;
  justify-content: center;
  color: var(--title-col);
  line-height: var(--line-height-base);
}

.container-list {
  display: block;
  background-color: var(--secondary-color);
  margin: 20px 0 0 0;
}
.container-list .section-list-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 1290px;
  border-radius: var(--radius-stand);
  background-color: var(--background-color);
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  margin: 0 auto;
}
.container-list .section-list-item .box-flex {
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
}
.container-list .section-list-item .box-flex .box-left {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 27px;
  position: relative;
  padding-left: 0;
  width: 210px;
}
.container-list .section-list-item .box-flex .box-left .seasson {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  padding-top: 10px;
  left: 13px;
  top: -8px;
}
.container-list .section-list-item .box-flex .box-left .seasson .symSe {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.container-list .section-list-item .box-flex .box-left .seasson .symSe img {
  width: 32px;
  height: 32px;
}
.container-list .section-list-item .box-flex .box-left .photo {
  max-width: 160px;
  margin-left: 57px;
  max-height: 211px;
}
.container-list .section-list-item .box-flex .box-left .seasson-text {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--grey-color);
  background-color: var(--secondary-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  border: 1px solid #B2B9CA;
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
}
.container-list .section-list-item .box-flex .logos {
  position: relative;
  top: 36px;
  right: 30px;
}
.container-list .section-list-item .box-flex .logos .oficjalnySklep img {
  width: 96px;
}
.container-list .section-list-item .box-flex .logos2 {
  display: none;
}
.container-list .section-list-item .box-center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 7px;
}
.container-list .section-list-item .box-center .stickers {
  display: flex;
  align-items: flex-start;
}
.container-list .section-list-item .box-center .stickers .el-hit {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--secondary-color);
  background-color: var(--hit-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  margin-right: 12px;
  box-shadow: var(--shadow-right-bottom);
}
.container-list .section-list-item .box-center .stickers .el-sz-po {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--secondary-color);
  background-color: var(--hit-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  margin-right: 12px;
  box-shadow: var(--shadow-right-bottom);
}
.container-list .section-list-item .box-center .stickers .sticker-new {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--secondary-color);
  background-color: var(--blue-light-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  margin-right: 12px;
  box-shadow: var(--shadow-right-bottom);
}
.container-list .section-list-item .box-center .stickers .sticker-new-none {
  display: none;
}
.container-list .section-list-item .box-center .stickers .sticker-class {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--grey-color);
  background-color: var(--secondary-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  border: 1px solid #B2B9CA;
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
}
.container-list .section-list-item .box-center .stickers-mark {
  display: flex;
  align-items: flex-start;
}
.container-list .section-list-item .box-center .stickers-mark .sticker-prod {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--grey-color);
  background-color: var(--secondary-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 3px 4px 3px 4px;
  text-transform: uppercase;
}
.container-list .section-list-item .box-center .stickers-mark .sticker-prod img {
  width: 70px;
  height: 18px;
  margin-left: 4px;
}
.container-list .section-list-item .box-center .stickers-mark .sticker-prod a {
  display: flex;
  align-items: center;
  padding: 4px 0 4px 0;
}
.container-list .section-list-item .box-center .list-name-properties {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.container-list .section-list-item .box-center .list-name-properties .name-tyre {
  font-family: var(--font-family);
  font-size: var(--font-big);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: var(--line-stand);
  padding-bottom: 5px;
}
.container-list .section-list-item .box-center .list-name-properties .name-tyre .nazwaRozm {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  color: var(--text-color);
  line-height: var(--line-stand);
}
.container-list .section-list-item .box-center .list-name-properties a:hover {
  text-decoration: none;
}
.container-list .section-list-item .box-center .list-name-properties .parametr {
  font-family: var(--font-family);
  font-size: var(--font-mini);
  font-weight: var(--font-weight-bold);
  color: var(--text-color);
  background-color: var(--properties-bg-color);
  line-height: 15px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  cursor: pointer;
}
.container-list .section-list-item .box-center .list-name-properties .item-props {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 480px;
}
.container-list .section-list-item .box-center .date-product h3 {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  line-height: 17px;
  color: var(--text-color);
  margin: 0;
}
.container-list .section-list-item .box-center .etykieta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 25px;
  background-color: inherit;
  width: 266px;
  padding: 0;
}
.container-list .section-list-item .box-center .etykieta img {
  width: 18px;
  height: 15px;
  padding-right: 2px;
}
.container-list .section-list-item .box-center .etykieta span {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-max-bold);
  line-height: 17px;
  margin-right: 20px;
  color: var(--text-color);
}
.container-list .section-list-item .box-center .opinion .gwiazdki {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.container-list .section-list-item .box-center .ocenaGwiazdki {
  display: flex;
  align-items: center;
  gap: 15px;
}
.container-list .section-list-item .box-center .ocenaGwiazdki .gwiazdkiD img {
  width: 13.67px;
  height: 13px;
}
.container-list .section-list-item .box-center .ocenaGwiazdki .opWl {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-max-bold);
  line-height: 17px;
  margin-right: 0;
  color: var(--text-color);
}
.container-list .section-list-item .box-center .ocenaGwiazdki .oceIle {
  font-family: var(--font-family);
  font-size: var(--font-max-mini);
  font-weight: var(--font-weight-bold);
  line-height: 14px;
  color: var(--grey-color);
  display: contents;
}
.container-list .section-list-item .box-center .bottom-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.container-list .section-list-item .box-center .bottom-box .imgTips {
  width: 12px;
  height: 11px;
  padding-left: 5px;
  cursor: pointer;
}
.container-list .section-list-item .box-right {
  background-color: var(--secondary-color);
  width: 360px;
  border-radius: var(--radius-stand);
  margin: 10px;
  display: flex;
  flex-direction: column;
}
.container-list .section-list-item .box-right .list-top {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 0;
  flex-direction: column;
}
.container-list .section-list-item .box-right .list-top .price {
  font-family: var(--font-family);
  font-size: var(--size-huge);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: 63px;
}
.container-list .section-list-item .box-right .list-top .sign-price {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: flex-end;
  color: var(--text-color);
  line-height: 22px;
  margin-bottom: 8px;
  margin-left: 5px;
}
.container-list .section-list-item .box-right .list-top .darmowa {
  font-family: var(--font-family);
  font-size: var(--font-max-mini);
  font-weight: var(--font-weight-normal);
  color: var(--grey-color);
  line-height: 14px;
  margin-top: -8px;
  margin-left: -33px;
}
.container-list .section-list-item .box-right .list-top .btn-buy a {
  font-family: var(--font-family);
  font-size: var(--font-size-low);
  font-weight: var(--font-weight-bold);
  color: var(--background-color);
  background-color: var(--primary-color);
  display: block;
  padding: 10px 60px 10px 60px;
  text-decoration: none;
  border-radius: 40px;
  text-align: center;
  box-shadow: var(--shadow-right-bottom);
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.container-list .section-list-item .box-right .list-top .btn-buy .prNiedost {
  font-size: var(--font-size-small);
  font-weight: bold;
  margin: -11px 0 6px -56px;
  text-align: center;
  color: var(--red-color);
}
.container-list .section-list-item .box-right .list-top .btn-buy .prOstatni {
  font-size: var(--font-size-small);
  font-weight: bold;
  margin: 0 0 1px -8px;
  text-align: center;
  color: var(--red-color);
}
.container-list .section-list-item .box-right .list-top .btn-buy .btnDodajDis {
  background-color: #ddd;
}
.container-list .section-list-item .box-right .list-top .btn-buy .btnDodajDis:hover {
  background-color: #ddd;
}
.container-list .section-list-item .box-right .list-top .btn-buy a:hover {
  background: var(--primary-hover);
  transition-property: color, fill, border, background-color;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.container-list .section-list-item .box-right .list-top .amount-tyre {
  display: flex;
  align-items: flex-end;
  align-content: center;
}
.container-list .section-list-item .box-right .list-top .amount-tyre select {
  padding: 6px 2px 6px 10px;
  font-size: var(--font-big);
  line-height: var(--line-stand);
  border: 1px solid #B2B9CA;
  border-radius: 8px;
  background-color: var(--background-color);
  cursor: pointer;
  display: flex;
  gap: 6px;
  margin-bottom: 5px;
}
.container-list .section-list-item .box-right .subbox {
  display: flex;
  gap: 6px;
  padding: 0;
  margin-top: 10px;
  justify-content: space-between;
}
.container-list .section-list-item .box-right .subbox .access {
  display: flex;
  gap: 5px;
}
.container-list .section-list-item .box-right .subbox-2 {
  display: flex;
  gap: 6px;
  padding: 0;
  justify-content: space-between;
}
.container-list .section-list-item .box-right .line-top {
  border-top: 1px solid var(--background-color);
}
.container-list .section-list-item .box-right .raty-box {
  display: flex;
}
.container-list .section-list-item .box-right .raty-box .pre-icon-raty {
  width: 20px;
  height: 17px;
  margin-right: 9px;
}
.container-list .section-list-item .box-right .raty-box a:hover {
  color: #21681b;
  text-decoration: none;
}
.container-list .section-list-item .box-right .item-right-box {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  display: flex;
  gap: 5px;
  padding: 9px 11px 8px 9px;
  color: var(--text-color);
  line-height: 17px;
}
.container-list .section-list-item .box-right .item-right-box .pre-icon {
  width: 20px;
  height: 17px;
  margin-right: 5px;
}
.container-list .section-list-item .box-right .item-right-box .ttin .data {
  margin-right: 12px;
}
.container-list .section-list-item .box-right .item-right-box .service {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight500);
  color: var(--primary-color);
  cursor: pointer;
  line-height: 17px;
  transition: transform 450ms ease-in-out;
}
.container-list .section-list-item .box-right .item-right-box .service:hover {
  color: var(--color-btn-hover);
  transition: color 450ms ease-in-out;
}
.container-list .section-list-item .box-right .item-right-box .raty {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--secondary-color);
  background-color: var(--hit-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  margin-right: 0;
  cursor: default;
}
.container-list .section-list-item .box-right .raty-wyl {
  display: none;
}
.container-list .section-list-item .box-right .opNiedostepna {
  display: none;
}
.container-list .section-list-item .box-right .ttin {
  border-width: medium;
}
.container-list .section-list-item .box-right .ttin img {
  width: 0;
}
.container-list .section-list-item .box-right .ttin .opRatyKartaButton {
  font-weight: bold;
}
.container-list .section-list-item .box-right .item-top {
  display: flex;
  gap: 5px;
}
.container-list .section-list-item .box-right .btn-am {
  padding-top: 8px;
  padding-bottom: 0;
}
.container-list .section-list-item .box-right-point {
  background-color: var(--secondary-color);
  width: 360px;
  border-radius: var(--radius-stand);
  margin: 5px 5px 5px 0;
  display: flex;
  flex-direction: column;
}
.container-list .section-list-item .box-right-point .divier-inside {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.container-list .section-list-item .box-right-point .divier-inside .inside-title {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: var(--line-height-base);
  padding: 43px 0 16px 0;
}
.container-list .section-list-item .box-right-point .divier-inside .title-point {
  padding: 43px 0 0 0;
}
.container-list .section-list-item .box-right-point .divier-inside .inside-subtitle {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-color);
  line-height: var(--line-height-base);
}
.container-list .section-list-item .box-right-point .divier-inside .inside-price {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: flex-end;
  color: var(--text-color);
  line-height: var(--line-height-base);
}
.container-list .section-list-item .box-right-point .divier-inside .inside-price .price {
  font-family: var(--font-family);
  font-size: var(--size-huge);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: 42px;
  padding-top: 20px;
  padding: 20px 4px 0 10px;
}
.container-list .section-list-item .box-right-point .divier-inside .inside-price .price p {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  color: var(--text-color);
  line-height: var(--line-height-base);
}
.container-list .section-list-item .box-right-point .divier-inside .list-punkt {
  padding: 0;
}
.container-list .section-list-item .box-right-point .btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0 10px 0;
}
.container-list .section-list-item .box-right-point .btn-box .btn-check {
  font-family: var(--font-family);
  font-size: var(--font-size-low);
  font-weight: var(--font-weight-bold);
  color: var(--background-color);
  background-color: var(--primary-color);
  display: block;
  padding: 10px 60px 10px 60px;
  text-decoration: none;
  border-radius: 40px;
  text-align: center;
  box-shadow: var(--shadow-right-bottom);
  cursor: pointer;
  border-width: 0;
  transition: transform 450ms ease-in-out;
}
.container-list .section-list-item .box-right-point .btn-box .btn-check:hover {
  background-color: var(--color-btn-hover);
  transition: background-color 450ms ease-in-out;
}
.container-list .section-list-item .box-right-point .subbox-2 {
  display: flex;
  gap: 6px;
  padding: 10px 10px 31px 10px;
  justify-content: space-between;
}
.container-list .section-list-item .box-right-point .subbox-2 .item-right-box {
  display: flex;
  align-items: center;
  gap: 4px;
}
.container-list .section-list-item .box-right-point .sub {
  padding: 0 10px 0 10px;
}
.container-list .section-list-item .box-right-point .line-top {
  border-top: 1px solid var(--background-color);
}
.container-list .section-list-item .box-right-point .service {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight500);
  color: var(--primary-color);
  cursor: pointer;
  line-height: 17px;
  transition: transform 450ms ease-in-out;
}
.container-list .section-list-item .box-right-point .service:hover {
  color: var(--color-btn-hover);
  transition: color 450ms ease-in-out;
}
.container-list .section-list-item .box-right-point .ttin {
  border-width: medium;
}
.container-list .section-list-item .box-right-point .ttin img {
  width: 0;
}
.container-list .section-list-item .box-right-point .ttin .opRatyKartaButton {
  font-weight: bold;
}
.container-list .section-list-item .box-right-point .item-right-box .dostepnosc {
  display: flex;
  gap: 5px;
}
.container-list .section-list-item .box-right-point .btn-am {
  padding-top: 8px;
  padding-bottom: 10px;
}
.container-list .section-list-item .mobile-box-right {
  display: none;
}
.container-list .section-list-item .bottom-box .dnone {
  display: none;
}
.container-list .section-list-item .ostatnie-sztuki .item-right-box {
  display: none;
}
.container-list .section-list-item .ostatnie-sztuki .list-top {
  padding-top: 30px;
}
.container-list .section-list-item .ostatnie-sztuki .btn-am {
  padding-bottom: 64px;
}
.container-list .section-list-item .ostatnie-sztuki .bottom-box {
  gap: 5px;
}
.container-list .cloud {
  position: relative;
}
.container-list .cloud::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 16%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: var(--background-color) transparent transparent transparent;
}
.container-list .border-premium {
  border: 4px solid var(--hit-color);
}
.container-list .border-srednia {
  border: 4px solid #22A45F;
}
.container-list .border-ekonom {
  border: 4px solid #225DA4;
}
.container-list .logo-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 20px 140px 20px;
}
.container-list .logo-box .logo-prod {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--text-color);
  background-color: var(--logo-col);
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  text-transform: uppercase;
  width: 96px;
  height: 48px;
  box-shadow: var(--shadow-right-bottom);
}
.container-list .list-item-suboffert {
  width: auto;
}
.container-list .list-item-suboffert .flex-suboffert {
  padding-top: 16px;
  padding-left: 14px;
}
.container-list .list-item-suboffert .seasson {
  padding-top: 12px;
}
.container-list .list-item-suboffert .box-center .prop-suboffert {
  display: flex;
  align-items: flex-start;
  flex-direction: initial;
  gap: 10px;
}
.container-list .list-item-suboffert .mobile-right-suboffert {
  display: none;
}
.container-list .list-item-suboffert .pre-icon-info {
  padding: 16px 16px 16px 10px;
  width: 32px;
  height: 25px;
}
.container-list .list-item-suboffert .text-info {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight500);
  padding: 10px 0 10px 15px;
}
.container-list .list-item-suboffert .btn-buy-sub a {
  font-family: var(--font-family);
  font-size: var(--font-size-low);
  font-weight: var(--font-weight-bold);
  color: var(--background-color);
  background-color: var(--primary-color);
  display: block;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  border-radius: 40px;
  text-align: center;
  box-shadow: var(--shadow-right-bottom);
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.container-list .list-item-suboffert .btn-buy-sub a:hover {
  background: var(--primary-hover);
  transition-property: color, fill, border, background-color;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.container-list .list-item-suboffert .box-right .list-top {
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 10px 0 10px 0;
}
.container-list .list-item-suboffert .box-right .list-top .darmowa {
  margin-top: -11px;
  margin-left: 0px;
}
.container-list .list-item-suboffert .box-right .list-top .price {
  display: flex;
}
.container-list .list-item-suboffert .box-right .list-top .item-top {
  padding-top: 13px;
}
.container-list .list-item-suboffert .box-right .list-top .item-top p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-large);
  font-weight: var(--font-max-bold);
  margin: 6px 0 2px 17px;
  color: var(--grey-color);
}
.container-list .list-item-suboffert .box-right .list-top .item-top .prOstatni {
  font-family: var(--font-secondary);
  font-size: var(--font-size-small);
  font-weight: var(--font-max-bold);
  margin: 6px 0 2px 17px;
  color: var(--red-color);
}
.container-list .list-item-suboffert .item-suboffert .dostepnosc {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.container-list .list-item-suboffert .box-right .sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container-list .list-item-suboffert .box-right .sub .product-date {
  padding-left: 12px;
}
.container-list .list-item-suboffert .box-right .sub .product-date h3 {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
}
.container-list .list-item-suboffert .box-right .sub .product-date h3 b {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-max-bold);
}
.container-list .list-item-suboffert .box-right .sub .product-date h3 b .imgTips {
  width: 12px;
  height: 11px;
  padding-left: 5px;
  cursor: pointer;
}
.container-list .list-item-suboffert .box-right .subbox {
  margin-top: 0;
}
.container-list .sub-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 20px 0;
}

.elFalken .wylacz, .elConti24prom .wylacz, .elUniroyal .wylacz, .elBarum .wylacz, .elYoko24z .wylacz, .elMich24z .wylacz, .elNok24z .wylacz, .elMichelin24z .wylacz, .elKumho .wylacz, .elConti25 .wylacz, .elMichel25 .wylacz {
  display: block;
}
.elFalken .konkursmobile, .elConti24prom .konkursmobile, .elUniroyal .konkursmobile, .elBarum .konkursmobile, .elYoko24z .konkursmobile, .elMich24z .konkursmobile, .elNok24z .konkursmobile, .elMichelin24z .konkursmobile, .elKumho .konkursmobile, .elConti25 .konkursmobile, .elMichel25 .konkursmobile {
  display: none;
}
.elFalken a:hover, .elConti24prom a:hover, .elUniroyal a:hover, .elBarum a:hover, .elYoko24z a:hover, .elMich24z a:hover, .elNok24z a:hover, .elMichelin24z a:hover, .elKumho a:hover, .elConti25 a:hover, .elMichel25 a:hover {
  text-decoration: none;
}
.elFalken .pasekKonkurs, .elConti24prom .pasekKonkurs, .elUniroyal .pasekKonkurs, .elBarum .pasekKonkurs, .elYoko24z .pasekKonkurs, .elMich24z .pasekKonkurs, .elNok24z .pasekKonkurs, .elMichelin24z .pasekKonkurs, .elKumho .pasekKonkurs, .elConti25 .pasekKonkurs, .elMichel25 .pasekKonkurs {
  display: flex;
  justify-content: space-between;
  border-radius: 10px 10px 0 0;
  position: relative;
  top: 5px;
  cursor: pointer;
  padding-left: 0;
}
.elFalken .pasekKonkurs .left, .elConti24prom .pasekKonkurs .left, .elUniroyal .pasekKonkurs .left, .elBarum .pasekKonkurs .left, .elYoko24z .pasekKonkurs .left, .elMich24z .pasekKonkurs .left, .elNok24z .pasekKonkurs .left, .elMichelin24z .pasekKonkurs .left, .elKumho .pasekKonkurs .left, .elConti25 .pasekKonkurs .left, .elMichel25 .pasekKonkurs .left {
  display: flex;
}
.elFalken .pasekKonkurs .left .describe, .elConti24prom .pasekKonkurs .left .describe, .elUniroyal .pasekKonkurs .left .describe, .elBarum .pasekKonkurs .left .describe, .elYoko24z .pasekKonkurs .left .describe, .elMich24z .pasekKonkurs .left .describe, .elNok24z .pasekKonkurs .left .describe, .elMichelin24z .pasekKonkurs .left .describe, .elKumho .pasekKonkurs .left .describe, .elConti25 .pasekKonkurs .left .describe, .elMichel25 .pasekKonkurs .left .describe {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight500);
  display: flex;
  align-items: center;
  padding: 0;
  text-transform: uppercase;
}
.elFalken .pasekKonkurs .left .logo, .elConti24prom .pasekKonkurs .left .logo, .elUniroyal .pasekKonkurs .left .logo, .elBarum .pasekKonkurs .left .logo, .elYoko24z .pasekKonkurs .left .logo, .elMich24z .pasekKonkurs .left .logo, .elNok24z .pasekKonkurs .left .logo, .elMichelin24z .pasekKonkurs .left .logo, .elKumho .pasekKonkurs .left .logo, .elConti25 .pasekKonkurs .left .logo, .elMichel25 .pasekKonkurs .left .logo {
  width: 78px;
  height: 20px;
  padding: 5px 20px 5px 60px;
}
.elFalken .pasekKonkurs .box, .elConti24prom .pasekKonkurs .box, .elUniroyal .pasekKonkurs .box, .elBarum .pasekKonkurs .box, .elYoko24z .pasekKonkurs .box, .elMich24z .pasekKonkurs .box, .elNok24z .pasekKonkurs .box, .elMichelin24z .pasekKonkurs .box, .elKumho .pasekKonkurs .box, .elConti25 .pasekKonkurs .box, .elMichel25 .pasekKonkurs .box {
  padding-right: 60px;
}
.elFalken .pasekKonkurs .box .btn-check, .elConti24prom .pasekKonkurs .box .btn-check, .elUniroyal .pasekKonkurs .box .btn-check, .elBarum .pasekKonkurs .box .btn-check, .elYoko24z .pasekKonkurs .box .btn-check, .elMich24z .pasekKonkurs .box .btn-check, .elNok24z .pasekKonkurs .box .btn-check, .elMichelin24z .pasekKonkurs .box .btn-check, .elKumho .pasekKonkurs .box .btn-check, .elConti25 .pasekKonkurs .box .btn-check, .elMichel25 .pasekKonkurs .box .btn-check {
  font-family: var(--font-family);
  font-size: var(--font-max-mini);
  font-weight: var(--font-weight-bold);
  color: var(--black-color);
  background-color: var(--background-color);
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 14px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  box-shadow: var(--shadow-right-bottom);
  margin: 5px 0 5px 0;
}
.elFalken .pasekKonkurs .box .btn-check .sign, .elConti24prom .pasekKonkurs .box .btn-check .sign, .elUniroyal .pasekKonkurs .box .btn-check .sign, .elBarum .pasekKonkurs .box .btn-check .sign, .elYoko24z .pasekKonkurs .box .btn-check .sign, .elMich24z .pasekKonkurs .box .btn-check .sign, .elNok24z .pasekKonkurs .box .btn-check .sign, .elMichelin24z .pasekKonkurs .box .btn-check .sign, .elKumho .pasekKonkurs .box .btn-check .sign, .elConti25 .pasekKonkurs .box .btn-check .sign, .elMichel25 .pasekKonkurs .box .btn-check .sign {
  width: 4px;
  height: 8px;
}
.elFalken .pasekKonkurs-mobile, .elConti24prom .pasekKonkurs-mobile, .elUniroyal .pasekKonkurs-mobile, .elBarum .pasekKonkurs-mobile, .elYoko24z .pasekKonkurs-mobile, .elMich24z .pasekKonkurs-mobile, .elNok24z .pasekKonkurs-mobile, .elMichelin24z .pasekKonkurs-mobile, .elKumho .pasekKonkurs-mobile, .elConti25 .pasekKonkurs-mobile, .elMichel25 .pasekKonkurs-mobile {
  display: none;
}
.elFalken .bannerBox, .elConti24prom .bannerBox, .elUniroyal .bannerBox, .elBarum .bannerBox, .elYoko24z .bannerBox, .elMich24z .bannerBox, .elNok24z .bannerBox, .elMichelin24z .bannerBox, .elKumho .bannerBox, .elConti25 .bannerBox, .elMichel25 .bannerBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.elFalken .bannerBox .bannerImg, .elConti24prom .bannerBox .bannerImg, .elUniroyal .bannerBox .bannerImg, .elBarum .bannerBox .bannerImg, .elYoko24z .bannerBox .bannerImg, .elMich24z .bannerBox .bannerImg, .elNok24z .bannerBox .bannerImg, .elMichelin24z .bannerBox .bannerImg, .elKumho .bannerBox .bannerImg, .elConti25 .bannerBox .bannerImg, .elMichel25 .bannerBox .bannerImg {
  width: 100%;
  max-width: 1290px;
}

.modal-col-point {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: var(--color-bg-modal);
  padding-top: 60px;
  opacity: 0;
  transform: translateY(-50px) scale(0.95);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.modal-col-point .modal-content-col-point {
  margin: 5% auto;
  padding: 0;
  border: 1px solid #888;
  width: 700px;
  height: 814px;
  overflow: auto;
  border-radius: 10px;
  animation: modalFadeIn 0.5s ease forwards;
  background-color: var(--secondary-color);
}
.modal-col-point .modal-content-col-point .container-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
}
.modal-col-point .modal-content-col-point .container-name .list-top {
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 50px;
  padding-bottom: 0;
  flex-direction: column;
}
.modal-col-point .modal-content-col-point .container-name .list-top .item-top {
  padding-bottom: 11px;
}
.modal-col-point .modal-content-col-point .container-name .list-top .name-tyre {
  font-family: var(--font-family);
  font-size: var(--font-big);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: var(--line-stand);
  padding-bottom: 5px;
}
.modal-col-point .modal-content-col-point .container-name .list-top .name-tyre .nazwaRozm {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  color: var(--text-color);
  line-height: var(--line-stand);
}
.modal-col-point .modal-content-col-point .container-name .list-top a:hover {
  text-decoration: none;
}
.modal-col-point .modal-content-col-point .container-name .list-point {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 55px 0 0;
  margin: 0;
  border-bottom: 0;
}
.modal-col-point .modal-content-col-point .container-name .list-point .amount-tyre {
  display: flex;
  align-items: flex-end;
  align-content: center;
}
.modal-col-point .modal-content-col-point .container-name .list-point .amount-tyre select {
  padding: 6px 8px 6px 10px;
  font-size: var(--font-big);
  line-height: var(--line-stand);
  border: 1px solid #B2B9CA;
  border-radius: 8px;
  background-color: var(--background-color);
  cursor: pointer;
  display: flex;
  gap: 6px;
  margin-bottom: 0;
}
.modal-col-point .modal-content-col-point .container-name .list-point .price {
  font-family: var(--font-family);
  font-size: var(--font-big-mobile);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: 34px;
}
.modal-col-point .modal-content-col-point .container-name .list-point .sign-price {
  font-family: var(--font-family);
  font-size: var(--font-small);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: flex-end;
  color: var(--text-color);
  line-height: 20px;
  margin-bottom: 0;
}
.modal-col-point .modal-content-col-point .container-name .list-point .darmowa {
  font-family: var(--font-family);
  font-size: var(--font-max-mini);
  font-weight: var(--font-weight-normal);
  color: var(--grey-color);
  line-height: 14px;
  margin-top: 0;
  margin-left: 0;
}
.modal-col-point .modal-content-col-point .container-name .list-point .item-top {
  display: flex;
  gap: 5px;
}
.modal-col-point .modal-content-col-point .container-name .list-point .item-top p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-large);
  font-weight: var(--font-max-bold);
  margin: 8px 0 2px 4px;
  color: var(--grey-color);
}
.modal-col-point .modal-content-col-point .modal-point-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0;
  background-color: var(--secondary-color);
  padding: 30px 17px 0px 0;
}
.modal-col-point .modal-content-col-point .point-hero {
  padding: 0 30px 15px 50px;
}
.modal-col-point .modal-content-col-point .point-hero .point-subtitle {
  font-family: var(--font-family);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight500);
  color: var(--text-color-grey);
  line-height: var(--line-height-base);
  padding: 10px 0 12px 0;
  border-top: var(--line3-border);
}
.modal-col-point .modal-content-col-point .point-hero .cust {
  border-top: 0;
}
.modal-col-point .modal-content-col-point .point-hero .point-describe {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-subcolor);
  line-height: 19.07px;
  margin-bottom: 24px;
}
.modal-col-point .modal-content-col-point .point-hero .custom {
  margin-bottom: 0;
  padding-bottom: 18px;
  border-bottom: 1px solid #D8DFF0;
}
.modal-col-point .modal-content-col-point .point-hero .search-form {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-col-point .modal-content-col-point .point-hero .search-form-container {
  position: relative;
}
.modal-col-point .modal-content-col-point .point-hero .search-form-label {
  display: none;
}
.modal-col-point .modal-content-col-point .point-hero .search-form-input {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  min-width: 279px;
  padding: 10px 40px 10px 17px;
  background-color: var(--background-color);
  border: 1px solid #B6B6B8;
  border-radius: 20px;
  transition: 250ms ease-in-out 100ms;
  color: var(--text-color);
}
.modal-col-point .modal-content-col-point .point-hero .search-form-input:focus, .modal-col-point .modal-content-col-point .point-hero .search-form-input:hover {
  outline: none;
  transition: 250ms ease-in-out 100ms;
}
.modal-col-point .modal-content-col-point .point-hero .search-form-input::placeholder {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: #AAAAAA;
}
.modal-col-point .modal-content-col-point .point-hero .search-form-button {
  position: absolute;
  right: 17px;
  top: 10px;
  border: 0;
  background: none;
  outline: 0;
}
.modal-col-point .modal-content-col-point .point-hero .search-form-icon {
  cursor: pointer;
  display: flex;
  width: 20px;
  height: 20px;
}
.modal-col-point .modal-content-col-point .point-hero .point-title {
  font-family: var(--font-family);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight500);
  color: var(--text-color-grey);
  padding: 35px 0 20px 0;
}
.modal-col-point .modal-content-col-point .point-hero .empty {
  padding: 0 0 60px 0;
}
.modal-col-point .modal-content-col-point .point-hero .sticker-new-red {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--secondary-color);
  background-color: var(--hit-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  margin-right: 12px;
  box-shadow: var(--shadow-right-bottom);
  margin-top: 0;
}
.modal-col-point .modal-content-col-point .point-hero .title-sticker {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.modal-col-point .height {
  height: 654px;
}
.modal-col-point .content-down {
  background-color: var(--background-color);
  border-top: 1px solid #D8DFF0;
  padding: 0 100px 0 100px;
}
.modal-col-point .content-down-list {
  padding: 0 50px 0 50px;
}
.modal-col-point .content-down-list .title-item {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: #777777;
  line-height: var(--line-height-base);
  padding: 26px 0 19px 0;
}
.modal-col-point .content-down-list .list-item {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-color-grey);
  padding: 12px 0;
  display: flex;
  gap: 8px;
  border-bottom: var(--border-line);
  cursor: pointer;
}
.modal-col-point .content-down-list .list-item:focus, .modal-col-point .content-down-list .list-item:hover {
  outline: none;
  background-color: var(--secondary-color);
  transition: 350ms ease-in-out;
}
.modal-col-point .content-down-list .list-item img {
  padding-left: 5px;
}
.modal-col-point .content-down-list .point-title-mod {
  font-family: var(--font-family);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight500);
  color: var(--text-color-grey);
  padding: 38px 0 12px 0;
}
.modal-col-point .content-down .empty {
  padding: 0 0 60px 0;
}
.modal-col-point .content-down .box-list {
  max-width: 1290px;
  border-radius: 12px;
  background-color: var(--secondary-color);
  border: 1px solid #D8DFF0;
  margin-bottom: 28px;
  padding: 13px;
}
.modal-col-point .content-down .box-list-name {
  display: flex;
  justify-content: space-between;
}
.modal-col-point .content-down .box-list-name li {
  display: flex;
  align-items: center;
}
.modal-col-point .content-down .box-list-name .image {
  margin-right: 8px;
  width: 11.37px;
  height: 17px;
}
.modal-col-point .content-down .box-list-title {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight500);
  color: var(--text-color-grey);
  line-height: var(--line-height-base);
}
.modal-col-point .content-down .box-list .adress-list {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-color-grey);
  line-height: var(--line-height-base);
  padding: 14px 0 14px 0;
  border-bottom: var(--border-line);
}
.modal-col-point .content-down .box-list .down-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-col-point .content-down .box-list .down-box .list-point {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.modal-col-point .content-down .box-list .down-box .list-point .amount-tyre {
  display: flex;
  align-items: flex-end;
  align-content: center;
}
.modal-col-point .content-down .box-list .down-box .list-point .amount-tyre select {
  padding: 4px 8px 4px 10px;
  font-size: var(--font-big);
  line-height: var(--line-stand);
  border: 1px solid #B2B9CA;
  border-radius: 8px;
  background-color: var(--background-color);
  cursor: pointer;
  display: flex;
  gap: 6px;
  margin-bottom: 0;
}
.modal-col-point .content-down .box-list .down-box .list-point .price {
  font-family: var(--font-family);
  font-size: var(--font-big-mobile);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: 33px;
}
.modal-col-point .content-down .box-list .down-box .list-point .sign-price {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: flex-end;
  color: var(--text-color);
  line-height: 22px;
  margin-bottom: 0;
}
.modal-col-point .content-down .box-list .down-box .list-point .darmowa {
  font-family: var(--font-family);
  font-size: var(--font-max-mini);
  font-weight: var(--font-weight-normal);
  color: var(--grey-color);
  line-height: 14px;
  margin-top: 0px;
  margin-left: 0px;
}
.modal-col-point .content-down .box-list .down-box .list-point .item-top {
  display: flex;
  gap: 5px;
}
.modal-col-point .content-down .box-list .down-box .list-point .item-top p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-large);
  font-weight: var(--font-max-bold);
  margin: 6px 0 2px 8px;
  color: var(--grey-color);
}
.modal-col-point .content-down .box-list .down-box .buy-container-btn-buy {
  font-family: var(--font-family);
  font-size: var(--font-size-low);
  font-weight: var(--font-weight-bold);
  color: var(--background-color);
  background-color: var(--primary-color);
  display: block;
  padding: 6px 20px 6px 20px;
  text-decoration: none;
  border-radius: 40px;
  text-align: center;
  box-shadow: var(--shadow-right-bottom);
  cursor: pointer;
  border-width: 0;
  transition: transform 450ms ease-in-out;
}
.modal-col-point .content-down .box-list .down-box .buy-container-btn-buy:hover {
  background-color: var(--color-btn-hover);
  transition: background-color 450ms ease-in-out;
}
.modal-col-point .content-down .box-list-two {
  max-width: 1290px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  border-bottom: var(--border-line);
}
.modal-col-point .content-down .box-list-two .time-title {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-color-grey);
  line-height: var(--line-height-base);
  padding-top: 14px;
}
.modal-col-point .content-down .box-list-two .dropdown {
  display: none;
  position: relative;
  z-index: 1;
  background-color: var(--secondary-color);
  padding: 0 0 10px 0;
}
.modal-col-point .content-down .box-list-two .dropdown .box-hours {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  color: var(--grey-color);
  line-height: 15px;
}
.modal-col-point .content-down .box-list-two .dropdown .box-hours .hours-list {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
}
.modal-col-point .content-down .box-list-two .dropdown-btn-hours {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: center;
  padding: 14px 0 14px 0;
  cursor: pointer;
  line-height: var(--line-height-base);
  color: var(--primary-color);
  gap: 10px;
}
.modal-col-point .content-down .box-list-two .dropdown-btn-hours .arr-drop {
  transition: 0.33s ease-in;
}
.modal-col-point .content-down .box-list-two .dropdown-btn-hours img {
  width: 10px;
  height: 10px;
}
.modal-col-point .content-down .box-list-two .dropdown-btn-mid-hours {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: center;
  padding: 15px 10px 13px 33px;
  cursor: pointer;
  line-height: var(--line-height-base);
  color: var(--primary-color);
  gap: 10px;
}
.modal-col-point .content-down .box-list-two .dropdown-btn-mid-hours .arr-drop {
  transition: 0.33s ease-in;
}
.modal-col-point .content-down .box-list-two .dropdown-btn-mid-hours img {
  width: 10px;
  height: 10px;
  transform: rotate(180deg);
}

.modal-col-point.active {
  display: block;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.close {
  visibility: hidden;
}

.close-w {
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.close-w:hover {
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out;
  transform: rotate(90deg);
}

.close-w-new {
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.close-w-new:hover {
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out;
  transform: rotate(90deg);
}

.inner-modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto;
  padding-top: 40px;
  opacity: 0;
  transform: translateY(-50px) scale(0.95);
  transition: opacity 0.5s ease, transform 0.5s ease;
  background-color: var(--color-bg-modal);
}

.list-item img {
  transition: transform 0.3s ease;
}

.list-item:hover img {
  transform: translateY(-2px);
  transition: transform 0.8s ease-out;
}

.inner-modal-content {
  margin: 5% auto;
  animation: modalFadeIn 0.5s ease forwards;
  padding: 0;
  border: 1px solid #888;
  width: 700px;
  height: 842px;
  overflow: auto;
  border-radius: 10px;
  background-color: var(--secondary-color);
}
.inner-modal-content .container-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
}
.inner-modal-content .container-name .list-top {
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 50px;
  padding-bottom: 0;
  flex-direction: column;
}
.inner-modal-content .container-name .list-top .item-top {
  padding-bottom: 11px;
}
.inner-modal-content .container-name .list-top .name-tyre {
  font-family: var(--font-family);
  font-size: var(--font-big);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: var(--line-stand);
  padding-bottom: 5px;
}
.inner-modal-content .container-name .list-top .name-tyre .nazwaRozm {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  color: var(--text-color);
  line-height: var(--line-stand);
}
.inner-modal-content .container-name .list-top a:hover {
  text-decoration: none;
}
.inner-modal-content .container-name .list-point {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 0 48px;
  margin: 0;
  border-bottom: 0;
}
.inner-modal-content .container-name .list-point .amount-tyre {
  display: flex;
  align-items: flex-end;
  align-content: center;
}
.inner-modal-content .container-name .list-point .amount-tyre select {
  padding: 6px 8px 6px 10px;
  font-size: var(--font-big);
  line-height: var(--line-stand);
  border: 1px solid #B2B9CA;
  border-radius: 8px;
  background-color: var(--background-color);
  cursor: pointer;
  display: flex;
  gap: 6px;
  margin-bottom: 0;
}
.inner-modal-content .container-name .list-point .price {
  font-family: var(--font-family);
  font-size: var(--font-big-mobile);
  font-weight: var(--font-max-bold);
  color: var(--text-color);
  line-height: 34px;
}
.inner-modal-content .container-name .list-point .sign-price {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: flex-end;
  color: var(--text-color);
  line-height: 22px;
  margin-bottom: 0;
}
.inner-modal-content .container-name .list-point .darmowa {
  font-family: var(--font-family);
  font-size: var(--font-max-mini);
  font-weight: var(--font-weight-normal);
  color: var(--grey-color);
  line-height: 14px;
  margin-top: 0;
  margin-left: 0;
}
.inner-modal-content .container-name .list-point .item-top {
  display: flex;
  gap: 5px;
}
.inner-modal-content .container-name .list-point .item-top p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-large);
  font-weight: var(--font-max-bold);
  margin: 6px 0 2px 17px;
  color: var(--grey-color);
}
.inner-modal-content .point-hero {
  padding: 0 30px 15px 50px;
}
.inner-modal-content .point-hero .point-subtitle {
  font-family: var(--font-family);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight500);
  color: var(--text-color-grey);
  line-height: var(--line-height-base);
  padding: 10px 0 12px 0;
  border-top: var(--line3-border);
}
.inner-modal-content .point-hero .cust {
  border-top: 0;
}
.inner-modal-content .point-hero .point-describe {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-subcolor);
  line-height: 19.07px;
  margin-bottom: 24px;
}
.inner-modal-content .point-hero .custom {
  margin-bottom: 0;
  padding-bottom: 18px;
  border-bottom: 1px solid #D8DFF0;
}
.inner-modal-content .point-hero .search-form {
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-modal-content .point-hero .search-form-container {
  position: relative;
}
.inner-modal-content .point-hero .search-form-label {
  display: none;
}
.inner-modal-content .point-hero .search-form-input {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  min-width: 279px;
  padding: 10px 40px 10px 17px;
  background-color: var(--background-color);
  border: 1px solid #B6B6B8;
  border-radius: 20px;
  transition: 250ms ease-in-out 100ms;
  color: var(--text-color);
}
.inner-modal-content .point-hero .search-form-input:focus, .inner-modal-content .point-hero .search-form-input:hover {
  outline: none;
  transition: 250ms ease-in-out 100ms;
}
.inner-modal-content .point-hero .search-form-input::placeholder {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: #AAAAAA;
}
.inner-modal-content .point-hero .search-form-button {
  position: absolute;
  right: 17px;
  top: 7px;
  border: 0;
  background: none;
  outline: 0;
}
.inner-modal-content .point-hero .search-form-icon {
  cursor: pointer;
  display: flex;
  width: 20px;
  height: 20px;
}
.inner-modal-content .point-hero .point-title {
  font-family: var(--font-family);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight500);
  color: var(--text-color-grey);
  padding: 35px 0 20px 0;
}
.inner-modal-content .point-hero .empty {
  padding: 0 0 60px 0;
}
.inner-modal-content .point-hero .sticker-new-red {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--secondary-color);
  background-color: var(--hit-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  margin-right: 12px;
  box-shadow: var(--shadow-right-bottom);
  margin-top: 0;
}
.inner-modal-content .point-hero .title-sticker {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.inner-modal-content .modal-point-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0;
  background-color: var(--secondary-color);
  padding: 30px 17px 0px 0;
}
.inner-modal-content .modal-point-top .close-w {
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  visibility: visible;
  padding: 0 0 8px 10px;
}
.inner-modal-content .modal-point-top .close-w:hover {
  transform: rotate(0deg);
}
.inner-modal-content .modal-point-top .close-w-new {
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  visibility: visible;
  padding: 0 0 8px 20px;
}
.inner-modal-content .modal-point-top .close-w-new:hover {
  transform: rotate(0deg);
}
.inner-modal-content .content-down {
  background-color: var(--background-color);
  border-top: 1px solid #D8DFF0;
  padding: 0 100px 0 100px;
}
.inner-modal-content .content-down .point-hero {
  padding: 0 30px 30px 30px;
}
.inner-modal-content .content-down .point-hero .point-title {
  font-family: var(--font-family);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight500);
  color: var(--text-color-grey);
  padding: 20px 0 20px 0;
}
.inner-modal-content .content-down .point-hero .box-list {
  max-width: 1290px;
  border-radius: 12px;
  background-color: var(--secondary-color);
  border: 1px solid #D8DFF0;
  margin-bottom: 10px;
  padding: 13px;
}
.inner-modal-content .content-down .point-hero .box-list-name {
  display: flex;
  justify-content: space-between;
}
.inner-modal-content .content-down .point-hero .box-list-name li {
  display: flex;
  align-items: center;
}
.inner-modal-content .content-down .point-hero .box-list-name .image {
  margin-right: 8px;
  width: 11.37px;
  height: 17px;
}
.inner-modal-content .content-down .point-hero .box-list-title {
  font-family: var(--font-family);
  font-size: var(--font-size-up);
  font-weight: var(--font-weight500);
  color: var(--text-color-grey);
  line-height: var(--line-height-base);
}
.inner-modal-content .content-down .point-hero .box-list .dropdown {
  display: none;
  position: relative;
  z-index: 1;
  background-color: var(--secondary-color);
  padding: 0 0 10px 0;
}
.inner-modal-content .content-down .point-hero .box-list .dropdown .box-hours {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  color: var(--grey-color);
  line-height: 15px;
}
.inner-modal-content .content-down .point-hero .box-list .dropdown .box-hours .hours-list {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
}
.inner-modal-content .content-down .point-hero .box-list .dropdown-btn-hours {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: center;
  padding: 14px 0 14px 0;
  cursor: pointer;
  line-height: var(--line-height-base);
  color: var(--primary-color);
  gap: 10px;
}
.inner-modal-content .content-down .point-hero .box-list .dropdown-btn-hours .arr-drop {
  transition: 0.33s ease-in;
}
.inner-modal-content .content-down .point-hero .box-list .dropdown-btn-hours img {
  width: 10px;
  height: 10px;
}
.inner-modal-content .content-down .point-hero .box-list .dropdown-btn-mid-hours {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: center;
  padding: 14px 0 14px 0;
  cursor: pointer;
  line-height: var(--line-height-base);
  color: var(--primary-color);
  gap: 10px;
}
.inner-modal-content .content-down .point-hero .box-list .dropdown-btn-mid-hours .arr-drop {
  transition: 0.33s ease-in;
}
.inner-modal-content .content-down .point-hero .box-list .dropdown-btn-mid-hours img {
  width: 10px;
  height: 10px;
  transform: rotate(180deg);
}
.inner-modal-content .content-down .point-hero .box-list .buy-container {
  display: flex;
}
.inner-modal-content .content-down .point-hero .box-list .buy-container-btn-buy {
  font-family: var(--font-family);
  font-size: var(--font-size-low);
  font-weight: var(--font-weight-bold);
  color: var(--background-color);
  background-color: var(--primary-color);
  display: block;
  padding: 6px 20px 6px 20px;
  text-decoration: none;
  border-radius: 40px;
  text-align: center;
  box-shadow: var(--shadow-right-bottom);
  cursor: pointer;
  border-width: 0;
  transition: transform 450ms ease-in-out;
}
.inner-modal-content .content-down .point-hero .box-list .buy-container-btn-buy:hover {
  background-color: var(--color-btn-hover);
  transition: background-color 450ms ease-in-out;
}
.inner-modal-content .content-down .point-hero .adress-list {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-color-grey);
  line-height: var(--line-height-base);
  padding: 14px 0 14px 0;
  border-bottom: var(--border-line);
}
.inner-modal-content .content-down .point-hero .time-title {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-color-grey);
  line-height: var(--line-height-base);
  padding-top: 14px;
}
.inner-modal-content .content-down .point-hero .empty {
  padding: 0 0 60px 0;
}
.inner-modal-content .sticker-new-red {
  font-family: var(--font-family);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--secondary-color);
  background-color: var(--hit-color);
  display: flex;
  align-items: center;
  line-height: 16px;
  border-radius: var(--radius-min);
  padding: 2px 6px 2px 6px;
  text-transform: uppercase;
  margin-right: 12px;
  box-shadow: var(--shadow-right-bottom);
  margin-top: 8px;
}
.inner-modal-content .title-sticker {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.inner-modal-content .title-sticker .cust {
  border-top: 0;
}

.inner-modal.active {
  display: block;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.close-inner {
  cursor: pointer;
}
.close-inner:hover {
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out;
  transform: rotate(90deg);
}

body.modal-open {
  overflow: hidden;
}

.modal-hidden {
  display: none;
}

@keyframes modalFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-50px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.elFalken .pasekKonkurs {
  background: #063580;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.elFalken .pasekKonkurs .left .describe {
  color: var(--background-color);
}

.elConti24prom .pasekKonkurs {
  background: #FAA61A;
  box-shadow: rgba(0, 0, 0, 0.15) 2.2px 0px 5px 1px;
}
.elConti24prom .pasekKonkurs .left .describe {
  color: var(--black-color);
}

.elUniroyal .pasekKonkurs {
  background: #ED1D25;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.elUniroyal .pasekKonkurs .left .describe {
  color: var(--background-color);
}

.elBarum .pasekKonkurs {
  background: #20438C;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.elBarum .pasekKonkurs .left .describe {
  color: #FFF641;
}
.elBarum .pasekKonkurs .box .btn-check {
  background-color: #FFD400;
  color: #20438C;
}

.elYoko24z .pasekKonkurs {
  background: #CC3333;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.elYoko24z .pasekKonkurs .left .describe {
  color: var(--background-color);
}
.elYoko24z .pasekKonkurs .box .btn-check {
  background-color: var(--background-color);
  color: var(--black-color);
}

.elMich24z .pasekKonkurs {
  background: #1A2A66;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.elMich24z .pasekKonkurs .left .describe {
  color: var(--background-color);
}
.elMich24z .pasekKonkurs .box .btn-check {
  background-color: var(--background-color);
  color: #1A2A66;
}

.elNok24z .pasekKonkurs {
  background: #51B848;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.elNok24z .pasekKonkurs .left .describe {
  color: var(--background-color);
}
.elNok24z .pasekKonkurs .box .btn-check {
  background-color: var(--background-color);
  color: #51B848;
}

.elMichelin24z .pasekKonkurs {
  background: #5677B3;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.elMichelin24z .pasekKonkurs .left .describe {
  color: var(--background-color);
}
.elMichelin24z .pasekKonkurs .box .btn-check {
  background-color: #FDED44;
  color: #3A61A6;
}

.elKumho .pasekKonkurs {
  background: #981D1F;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.elKumho .pasekKonkurs .left .describe {
  color: #E8CA96;
}
.elKumho .pasekKonkurs .box .btn-check {
  background-color: #E8CA96;
  color: #981D1F;
}

.elConti25 .pasekKonkurs {
  background: #FAA61A;
  box-shadow: rgba(0, 0, 0, 0.15) 2.2px 0px 5px 1px;
}
.elConti25 .pasekKonkurs .left .describe {
  color: var(--black-color);
}

.elMichel25 .pasekKonkurs {
  background: #234690;
  box-shadow: rgba(0, 0, 0, 0.15) 2.2px 0px 5px 1px;
}
.elMichel25 .pasekKonkurs .left .describe {
  color: var(--background-color);
}
.elMichel25 .pasekKonkurs .box .btn-check {
  background-color: #FBE502;
  color: #234690;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
}

@media (min-width: 1101px) and (max-width: 1298px) {
  .admin-information .adInf2 {
    width: 497px;
  }
  .containerX {
    padding: 10px;
  }
  .containerX .section .section-box {
    padding: 30px 60px 20px 60px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }
  .containerX .section-alu-wheel .alu-box {
    justify-content: space-around;
  }
  .container-list {
    display: block;
    background-color: var(--secondary-color);
    margin: 20px 0 0 0;
  }
  .container-list .section-list-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1100px;
    border-radius: var(--radius-stand);
    background-color: var(--background-color);
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    margin: 0;
  }
  .container-list .section-list-item .box-flex {
    display: flex;
    align-items: flex-start;
    padding-top: 20px;
  }
  .container-list .section-list-item .box-flex .box-left {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 27px;
    width: 175px;
    position: relative;
  }
  .container-list .section-list-item .box-flex .box-left .seasson {
    display: flex;
    gap: 10px;
    position: absolute;
    padding-top: 10px;
    left: 13px;
    top: -11px;
  }
  .container-list .section-list-item .box-flex .logos {
    position: relative;
    top: 36px;
    right: 30px;
  }
  .container-list .section-list-item .box-flex .logos .oficjalnySklep img {
    width: 96px;
  }
  .container-list .section-list-item .box-right {
    background-color: var(--secondary-color);
    width: 280px;
    border-radius: var(--radius-stand);
    margin: 5px;
    display: flex;
    flex-direction: column;
  }
  .container-list .section-list-item .box-right .list-top {
    display: flex;
    align-items: center;
    padding-top: 0;
    flex-direction: column;
  }
  .container-list .section-list-item .box-right .list-top .darmowa {
    font-family: var(--font-family);
    font-size: var(--font-max-mini);
    font-weight: var(--font-weight-normal);
    color: var(--grey-color);
    line-height: 14px;
    margin-top: -8px;
    margin-left: 0;
  }
  .container-list .section-list-item .box-right .list-top .btn-buy a {
    padding: 10px 60px 10px 60px;
  }
  .container-list .section-list-item .box-right .empty-block {
    gap: 0;
    padding: 0;
    margin-top: 10px;
    flex-direction: column-reverse;
  }
  .container-list .section-list-item .box-right .subbox {
    display: flex;
    gap: 0;
    padding: 0;
    margin-top: 10px;
    flex-direction: column-reverse;
  }
  .container-list .section-list-item .box-right .subbox .access {
    display: flex;
    gap: 13px;
    padding-left: 8px;
  }
  .container-list .section-list-item .box-right .subbox-2 {
    display: block;
  }
  .container-list .section-list-item .box-right .subbox-2 .serv {
    display: flex;
    border-top: 0 solid var(--background-color);
    padding: 0 9px 7px 35px;
  }
  .container-list .section-list-item .box-right .subbox-2 .raty-wyl {
    display: none;
  }
  .container-list .section-list-item .box-right .line-top {
    border-top: 0 solid var(--background-color);
  }
  .container-list .section-list-item .box-right .item-right-box {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    display: flex;
    gap: 5px;
    padding: 8px 11px 8px 4px;
    color: var(--text-color);
    line-height: 17px;
    border-top: 1px solid var(--background-color);
  }
  .container-list .section-list-item .box-right .item-right-box .service-tablet {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight500);
    color: var(--primary-color);
    cursor: pointer;
    line-height: 17px;
  }
  .container-list .section-list-item .box-right .item-ref {
    padding: 8px 9px 8px 4px;
  }
  .container-list .section-list-item .box-right .raty-wyl {
    display: none;
  }
  .container-list .section-list-item .bottom-box .dnone {
    display: none;
  }
  .container-list .section-list-item .ostatnie-sztuki .item-right-box {
    display: none;
  }
  .container-list .section-list-item .ostatnie-sztuki .list-top {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .container-list .section-list-item .ostatnie-sztuki .btn-am {
    padding-bottom: 45px;
  }
  .container-list .section-list-item .ostatnie-sztuki .bottom-box {
    gap: 5px;
  }
  .container-list .section-list-item .ostatnie-sztuki .subbox-2 .serv {
    display: flex;
  }
  .container-list .section-list-item .mobile-box-right {
    display: none;
  }
  .container-list .list-item-suboffert {
    width: auto;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert {
    display: none;
  }
  .container-list .list-item-suboffert .right-suboffert {
    width: 360px;
  }
  .container-list .list-item-suboffert .right-suboffert .list-top {
    flex-direction: initial;
  }
  .container-list .list-item-suboffert .right-suboffert .line-top {
    border-top: 1px solid var(--background-color);
  }
  .container-list .list-item-suboffert .right-suboffert .item-right-box {
    border-top: 0px solid var(--background-color);
  }
  .container-list .list-item-suboffert .right-suboffert .line-top {
    border-top: 1px solid var(--background-color);
  }
  .container-list .list-item-suboffert .right-suboffert .subbox {
    margin-top: 0;
  }
  .container-list .list-item-suboffert .right-suboffert .subbox-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 0;
  }
  .container-list .list-item-suboffert .right-suboffert .subbox-2 .serv {
    display: flex;
    border-top: 0 solid var(--background-color);
    padding: 0 9px 0 46px;
  }
  .container-list .sub-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 20px 0;
  }
  .alu .szukajProdList {
    right: 7px;
    top: 308px;
  }
  .szukajProdList {
    right: 16px;
  }
  .elFalken .wylacz, .elConti24prom .wylacz, .elUniroyal .wylacz, .elBarum .wylacz, .elYoko24z .wylacz, .elMich24z .wylacz, .elNok24z .wylacz, .elMichelin24z .wylacz, .elKumho .wylacz, .elConti25 .elMichel25 .wylacz {
    display: flex;
    flex-direction: column;
  }
  .elFalken .konkursmobile, .elConti24prom .konkursmobile, .elUniroyal .konkursmobile, .elBarum .konkursmobile, .elYoko24z .konkursmobile, .elMich24z .konkursmobile, .elNok24z .konkursmobile, .elMichelin24z .konkursmobile, .elKumho .konkursmobile, .elConti25 .elMichel25 .konkursmobile {
    display: none;
  }
  .elFalken a:hover, .elConti24prom a:hover, .elUniroyal a:hover, .elBarum a:hover, .elYoko24z a:hover, .elMich24z a:hover, .elNok24z a:hover, .elMichelin24z a:hover, .elKumho a:hover, .elConti25 .elMichel25 a:hover {
    text-decoration: none;
  }
  .elFalken .pasekKonkurs-mobile, .elConti24prom .pasekKonkurs-mobile, .elUniroyal .pasekKonkurs-mobile, .elBarum .pasekKonkurs-mobile, .elYoko24z .pasekKonkurs-mobile, .elMich24z .pasekKonkurs-mobile, .elNok24z .pasekKonkurs-mobile, .elMichelin24z .pasekKonkurs-mobile, .elKumho .pasekKonkurs-mobile, .elConti25 .elMichel25 .pasekKonkurs-mobile {
    display: none;
  }
  .container-list .list-item-suboffert .box-right .list-top .item-top p {
    margin: 6px 0 2px 13px;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .lpOponySrodek {
    align-items: center;
  }
  .containerX {
    padding: 10px;
  }
  .containerX .section .section-box {
    padding: 30px 60px 20px 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  .containerX .section-alu-wheel .alu-box {
    justify-content: space-around;
  }
  .container-list {
    display: block;
    background-color: var(--secondary-color);
    margin: 20px 0 0 0;
  }
  .container-list .section-list-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 727px;
    border-radius: var(--radius-stand);
    background-color: var(--background-color);
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    margin: 0;
  }
  .container-list .section-list-item .box-flex {
    display: flex;
    align-items: flex-start;
    padding-top: 13px;
  }
  .container-list .section-list-item .box-flex .box-left {
    display: flex;
    align-items: flex-start;
    padding-right: 2px;
    flex-direction: column;
    padding-left: 11px;
    width: 134px;
  }
  .container-list .section-list-item .box-flex .box-left .photo {
    width: 100%;
    max-width: 141px;
    max-height: 175px;
    margin-left: 0;
    padding-right: 0;
  }
  .container-list .section-list-item .box-flex .box-left .seasson {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 10px;
    left: 11px;
    top: -9px;
  }
  .container-list .section-list-item .box-flex .logos {
    display: none;
  }
  .container-list .section-list-item .box-flex .logos2 {
    display: flex;
    position: relative;
    top: 0;
    right: 10px;
  }
  .container-list .section-list-item .box-flex .logos2 .oficjalnySklep img {
    width: 96px;
  }
  .container-list .section-list-item .box-center .list-name-properties .item-props {
    width: 330px;
  }
  .container-list .section-list-item .box-center .etykieta {
    width: 230px;
  }
  .container-list .section-list-item .bottom-box .dnone {
    display: none;
  }
  .container-list .section-list-item .box-center .content-prod {
    display: flex;
    justify-content: flex-start;
    padding-top: 8px;
  }
  .container-list .section-list-item .box-right {
    background-color: var(--secondary-color);
    max-width: 235px;
    border-radius: var(--radius-stand);
    margin: 5px;
    display: flex;
    flex-direction: column;
  }
  .container-list .section-list-item .box-right .list-top {
    padding-top: 0;
  }
  .container-list .section-list-item .box-right .list-top .btn-buy a {
    padding: 10px 40px 10px 40px;
  }
  .container-list .section-list-item .box-right .list-top .btn-am {
    padding-bottom: 0;
    padding-top: 10px;
  }
  .container-list .section-list-item .box-right .subbox {
    display: flex;
    gap: 0;
    padding: 0;
    margin-top: 10px;
    flex-direction: column-reverse;
  }
  .container-list .section-list-item .box-right .subbox .access {
    display: flex;
    gap: 9px;
    padding-left: 8px;
  }
  .container-list .section-list-item .box-right .subbox-2 {
    display: block;
  }
  .container-list .section-list-item .box-right .subbox-2 .serv {
    display: flex;
    border-top: 0 solid var(--background-color);
    padding: 0 9px 7px 30px;
  }
  .container-list .section-list-item .box-right .subbox-2 .raty-wyl {
    display: none;
  }
  .container-list .section-list-item .box-right .line-top {
    border-top: 0 solid var(--background-color);
  }
  .container-list .section-list-item .box-right .item-right-box {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    display: flex;
    gap: 5px;
    padding: 6px 3px 6px 4px;
    color: var(--text-color);
    line-height: 17px;
    border-top: 1px solid var(--background-color);
  }
  .container-list .section-list-item .box-right .item-right-box .pre-icon {
    width: 20px;
    height: 17px;
    margin-right: 5px;
  }
  .container-list .section-list-item .box-right .item-right-box .raty {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
    color: var(--secondary-color);
    background-color: var(--hit-color);
    display: flex;
    align-items: center;
    line-height: 16px;
    border-radius: var(--radius-min);
    padding: 2px 6px 2px 6px;
    margin-right: 12px;
    cursor: default;
  }
  .container-list .section-list-item .ostatnie-sztuki .item-right-box {
    display: none;
  }
  .container-list .section-list-item .ostatnie-sztuki .list-top {
    padding-top: 13px;
    padding-bottom: 57px;
  }
  .container-list .section-list-item .ostatnie-sztuki .btn-am {
    padding-bottom: 28px;
  }
  .container-list .section-list-item .ostatnie-sztuki .logos2 {
    display: none;
  }
  .container-list .section-list-item .ostatnie-sztuki .bottom-box {
    gap: 0;
  }
  .container-list .section-list-item .ostatnie-sztuki .etykieta {
    display: none;
  }
  .container-list .section-list-item .ostatnie-sztuki .photo {
    margin-top: -24px;
  }
  .container-list .section-list-item .ostatnie-sztuki .opinion {
    display: none;
  }
  .container-list .section-list-item .ostatnie-sztuki .subbox-2 .serv {
    display: flex;
  }
  .container-list .section-list-item .mobile-box-right {
    display: none;
  }
  .container-list .list-item-suboffert {
    width: auto;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert {
    display: none;
  }
  .container-list .list-item-suboffert .box-right {
    max-width: 360px;
  }
  .container-list .list-item-suboffert .right-suboffert {
    width: 360px;
  }
  .container-list .list-item-suboffert .right-suboffert .list-top {
    flex-direction: initial;
  }
  .container-list .list-item-suboffert .right-suboffert .line-top {
    border-top: 1px solid var(--background-color);
  }
  .container-list .list-item-suboffert .right-suboffert .item-right-box {
    border-top: 0px solid var(--background-color);
  }
  .container-list .list-item-suboffert .right-suboffert .line-top {
    border-top: 1px solid var(--background-color);
  }
  .container-list .list-item-suboffert .right-suboffert .subbox {
    margin-top: 0;
  }
  .container-list .list-item-suboffert .right-suboffert .subbox-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 2px 3px 5px 0;
  }
  .container-list .list-item-suboffert .right-suboffert .subbox-2 .serv {
    display: flex;
    border-top: 0 solid var(--background-color);
    padding: 0 9px 0 46px;
  }
  .container-list .sub-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 20px 0;
  }
  .container-list .section-list-item .box-right .item-right-box .pre-icon {
    margin-right: 0;
  }
  .container-list .section-list-item .box-right .raty-box .pre-icon-raty {
    margin-right: 6px;
  }
  .containerX .section .section-box .dropdown-container {
    display: inline-block;
    padding-top: -2px;
  }
  .containerX .section .section-box .drop-mobile {
    display: none;
  }
  .alu .szukajProdList {
    right: 7px;
    top: 386px;
  }
  .szukajProdList {
    max-width: 764px;
    width: 94%;
    padding: 30px 20px;
    margin-left: 0;
    right: 16px;
    top: 185px;
  }
  .elFalken .wylacz, .elConti24prom .wylacz, .elUniroyal .wylacz, .elBarum .wylacz, .elYoko24z .wylacz, .elMich24z .wylacz, .elNok24z .wylacz, .elMichelin24z .wylacz, .elKumho .wylacz, .elConti25 .wylacz, .elMichel25 .wylacz {
    display: flex;
    flex-direction: column;
  }
  .elFalken .konkursmobile, .elConti24prom .konkursmobile, .elUniroyal .konkursmobile, .elBarum .konkursmobile, .elYoko24z .konkursmobile, .elMich24z .konkursmobile, .elNok24z .konkursmobile, .elMichelin24z .konkursmobile, .elKumho .konkursmobile, .elConti25 .konkursmobile, .elMichel25 .konkursmobile {
    display: none;
  }
  .elFalken a:hover, .elConti24prom a:hover, .elUniroyal a:hover, .elBarum a:hover, .elYoko24z a:hover, .elMich24z a:hover, .elNok24z a:hover, .elMichelin24z a:hover, .elKumho a:hover, .elConti25 a:hover, .elMichel25 a:hover {
    text-decoration: none;
  }
  .elFalken .pasekKonkurs, .elConti24prom .pasekKonkurs, .elUniroyal .pasekKonkurs, .elBarum .pasekKonkurs, .elYoko24z .pasekKonkurs, .elMich24z .pasekKonkurs, .elNok24z .pasekKonkurs, .elMichelin24z .pasekKonkurs, .elKumho .pasekKonkurs, .elConti25 .pasekKonkurs, .elMichel25 .pasekKonkurs {
    top: 4px;
    padding-left: 4px;
    gap: 7px;
  }
  .elFalken .pasekKonkurs .left .logo, .elConti24prom .pasekKonkurs .left .logo, .elUniroyal .pasekKonkurs .left .logo, .elBarum .pasekKonkurs .left .logo, .elYoko24z .pasekKonkurs .left .logo, .elMich24z .pasekKonkurs .left .logo, .elNok24z .pasekKonkurs .left .logo, .elMichelin24z .pasekKonkurs .left .logo, .elKumho .pasekKonkurs .left .logo, .elConti25 .pasekKonkurs .left .logo, .elMichel25 .pasekKonkurs .left .logo {
    padding: 5px 20px 5px 20px;
  }
  .elFalken .pasekKonkurs .left .describe, .elConti24prom .pasekKonkurs .left .describe, .elUniroyal .pasekKonkurs .left .describe, .elBarum .pasekKonkurs .left .describe, .elYoko24z .pasekKonkurs .left .describe, .elMich24z .pasekKonkurs .left .describe, .elNok24z .pasekKonkurs .left .describe, .elMichelin24z .pasekKonkurs .left .describe, .elKumho .pasekKonkurs .left .describe, .elConti25 .pasekKonkurs .left .describe, .elMichel25 .pasekKonkurs .left .describe {
    font-family: var(--font-family);
    font-size: var(--font-small);
    font-weight: var(--font-weight500);
  }
  .elFalken .pasekKonkurs .box, .elConti24prom .pasekKonkurs .box, .elUniroyal .pasekKonkurs .box, .elBarum .pasekKonkurs .box, .elYoko24z .pasekKonkurs .box, .elMich24z .pasekKonkurs .box, .elNok24z .pasekKonkurs .box, .elMichelin24z .pasekKonkurs .box, .elKumho .pasekKonkurs .box, .elConti25 .pasekKonkurs .box, .elMichel25 .pasekKonkurs .box {
    padding-right: 20px;
  }
  .elFalken .pasekKonkurs-mobile, .elConti24prom .pasekKonkurs-mobile, .elUniroyal .pasekKonkurs-mobile, .elBarum .pasekKonkurs-mobile, .elYoko24z .pasekKonkurs-mobile, .elMich24z .pasekKonkurs-mobile, .elNok24z .pasekKonkurs-mobile, .elMichelin24z .pasekKonkurs-mobile, .elKumho .pasekKonkurs-mobile, .elConti25 .pasekKonkurs-mobile, .elMichel25 .pasekKonkurs-mobile {
    display: none;
  }
  .modal-col-point .modal-content-col-point {
    width: 590px;
  }
  .modal-col-point .content-down {
    padding: 0 40px 0 0;
  }
  .modal-col-point .content-down-list {
    padding: 0 100px 0 100px;
  }
  .modal-col-point .modal-content-col-point .container-name .list-point {
    padding: 0 55px 0 0;
    gap: 18px;
  }
  .modal-col-point .modal-content-col-point .container-name .list-point .sign-price {
    line-height: 16px;
  }
  .modal-col-point .modal-content-col-point .container-name .list-point .item-top p {
    margin: 9px -11px 0px 3px;
  }
  .modal-col-point .modal-content-col-point .point-hero {
    padding: 0 35px 15px 50px;
  }
  .modal-col-point .modal-content-col-point .point-hero .point-describe {
    padding: 0 16px 14px 0;
  }
  .modal-col-point .modal-content-col-point .point-hero .point-subtitle {
    padding: 20px 17px 16px 0;
  }
  .modal-col-point .modal-content-col-point .search-form-input {
    min-width: 376px;
    padding: 9px 0 9px 19px;
    height: 20px;
  }
  .inner-modal-content .container-name .list-point {
    padding: 0 33px;
  }
  .inner-modal-content .container-name .list-point .item-top p {
    margin: 7px -11px 2px 11px;
  }
  .inner-modal-content {
    width: 590px;
  }
  .inner-modal-content .content-down-list {
    padding: 0 100px 0 100px;
  }
  .inner-modal-content .point-hero {
    padding: 0 5px 30px 5px;
  }
  .inner-modal-content .point-hero .point-describe {
    padding: 0 78px 13px 39px;
  }
  .inner-modal-content .point-hero .point-subtitle {
    padding: 20px 78px 12px 40px;
  }
  .inner-modal-content .point-hero .search-form-input {
    min-width: 376px;
    padding: 9px 0 9px 19px;
    height: 20px;
  }
  .container-list .section-list-item .box-right-point {
    max-width: 235px;
  }
  .container-list .section-list-item .box-right-point .service {
    padding-left: 24px;
  }
  .container-list .section-list-item .box-right-point .line-top {
    flex-direction: column;
  }
  .container-list .section-list-item .box-right-point .btn-box .btn-check {
    padding: 10px 26px 10px 26px;
  }
  .container-list .section-list-item .box-right-point .divier-inside .inside-subtitle {
    padding: 0 10px 0 15px;
  }
  .container-list .section-list-item .box-right-point .divier-inside .list-punkt {
    padding: 0 0 13px 0;
    border-bottom: 1px solid var(--background-color);
  }
  .container-list .section-list-item .box-right-point .subbox-2 .item-right-box {
    border-top: 0;
  }
}
@media (max-width: 767px) {
  #backToTopBtn {
    bottom: 4px;
    right: 292px;
    padding: 5px;
  }
  .lpOponyDol .pager2 {
    display: flex;
    justify-content: center;
  }
  .lpOponyDol .stronicowanie2 ul {
    display: flex;
    gap: 0;
  }
  .lpOponySrodek {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .containerX {
    padding: 0;
  }
  .containerX .section {
    max-width: 1290px;
    border-top: 0 solid #98b1df;
    background-color: var(--background-color);
    box-shadow: none;
  }
  .containerX .section .drop-show {
    display: flex;
  }
  .containerX .section .section-box {
    padding: 10px 20px 20px 15px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 0;
  }
  .containerX .section .section-box .dropdown-container .open-filter {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--primary-color);
    line-height: var(--line-height-base);
    padding-top: 30px;
    cursor: pointer;
  }
  .containerX .section .section-box .dropdown-container .open-filter img {
    padding-right: 8px;
  }
  .containerX .section .section-box .dropdown-container .btn-1 img {
    margin-left: 0;
  }
  .containerX .section .section-box .dropdown-container .btn-6 img {
    margin-left: 50px;
  }
  .containerX .section .section-box .dropdown-container .btn-6 {
    margin-right: 0;
  }
  .containerX .section .lineSymbol {
    border: 0px solid #b3b6b9;
    width: 100%;
    margin-top: 0;
  }
  .containerX .section .section-box {
    padding: 10px 0 20px 0;
  }
  .containerX .section .section-box .dropdown-btn {
    font-size: var(--font-size-up);
  }
  .containerX .section .section-box .dropdown-btn-mid {
    font-size: var(--font-size-up);
  }
  .containerX .section .section-box .drop-hidden {
    display: none;
  }
  .containerX .section .section-box .drop-mobile {
    display: block;
  }
  .containerX .section .section-box .drop1 {
    width: 172px;
  }
  .containerX .section .section-box .drop2 {
    width: 139.9px;
  }
  .containerX .section .section-box .drop3 {
    width: 97.7px;
  }
  .containerX .section .section-box .drop4 {
    width: 97px;
  }
  .containerX .section .section-box .drop5 {
    width: 98.1px;
  }
  .containerX .section .section-box .drop-custom .checkbox {
    font-size: var(--font-size-up);
  }
  .containerX .section .section-box .drop-custom .width {
    font-size: var(--font-size-up);
  }
  .containerX .section .section-box .drop-custom input[type=checkbox]:checked ~ .checkbox {
    font-size: var(--font-size-up);
  }
  .containerX .section .section-box .drop-custom input[type=radio]:checked ~ .radio {
    font-size: var(--font-size-up);
  }
  .containerX {
    padding: 0;
  }
  .containerX .section .drop-hidden {
    display: none;
  }
  .containerX .section .active-filter {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight500);
    color: var(--primary-color);
    background-color: var(--secondary-color);
    padding: 20px 30px 20px 30px;
    line-height: var(--line-height-base);
    cursor: pointer;
    border-top: var(--line-top-bottom);
    border-bottom: var(--line-top-bottom);
  }
  .containerX .section .line {
    border: 0px solid #B3B6B9;
    width: 100%;
    margin-top: 17px;
  }
  .containerX .section .list-filter {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--secondary-color);
  }
  .containerX .section .list-filter .item-filter {
    font-family: var(--font-family);
    font-size: var(--font-small);
    font-weight: var(--font-weight-bold);
    color: var(--checkbox-color);
    background-color: var(--filter-color);
    line-height: var(--line-height-base);
    border-radius: 6px;
    padding: 0 10px 0 10px;
    margin: 10px 7px 2px 0;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
  .containerX .section .list-filter .item-filter img {
    padding-right: 5px;
  }
  .containerX .section .list-filter .closer {
    color: var(--background-color);
    background-color: var(--primary-color);
  }
  .containerX .section .drop-custom .checkbox {
    position: relative;
    display: flex;
    font-size: var(--font-size-up);
    color: var(--checkbox-color);
    padding: 0 0 0 30px;
  }
  .containerX .section .drop-custom .custom-element {
    position: relative;
    cursor: pointer;
    display: flex;
    padding-top: 4px;
    width: 165px;
  }
  .containerX .section .drop-custom input[type=checkbox]:checked ~ .checkbox {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight500);
    color: var(--checkbox-color);
  }
  .containerX .section .drop-custom input[type=radio]:checked ~ .radio {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight500);
    color: var(--checkbox-color);
  }
  .containerX .section .section-box .btn-3 {
    width: 79.88px;
  }
  .containerX .section .section-box .btn-4 {
    width: 78.88px;
  }
  .containerX .section .section-box .btn-5 {
    width: 79.88px;
  }
  .modal {
    background-color: var(--background-color);
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    transform: translateX(100%);
    transition: transform 0.5s ease-out;
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: 100vh;
  }
  .is-open {
    transform: translateX(0);
  }
  body.modal-open {
    overflow: hidden;
  }
  .modal-content-top {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--background-color);
    padding: 20px;
  }
  .modal-content-top .close {
    float: left;
    visibility: visible;
  }
  .modal-content-top .close:hover,
  .modal-content-top .close:focus {
    cursor: pointer;
  }
  .modal-content-top .name {
    font-family: var(--font-family);
    font-size: var(--font-size-large);
    font-weight: var(--font-weight500);
    display: flex;
    justify-content: center;
  }
  .modal-content-top .clean-btn {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight500);
    color: var(--primary-color);
    display: flex;
    gap: 5px;
    cursor: pointer;
  }
  .filter-content .item:first-child {
    border-top: var(--line2-top-bottom);
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .filter-content .item {
    font-family: var(--font-family);
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-bold);
    border-bottom: 1px solid #dde3f1;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: var(--line-height-base);
    padding-left: 16px;
    color: var(--checkbox-color);
    display: block;
    cursor: pointer;
    padding-top: 0;
  }
  .filter-content .dropdown-container {
    display: inline-block;
    padding-top: 8px;
  }
  .filter-content .drop-mobile {
    display: none;
  }
  .dropdown {
    display: none;
    position: inherit;
    background-color: var(--background-color);
    margin-bottom: 0;
    transition: max-height 500ms ease-out, opacity 0.2s ease-out;
  }
  .dropdown .content {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding-top: 10px;
    position: static;
  }
  .dropdown .content .field {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--checkbox-color);
    background-color: var(--background-color);
    border: 1px solid #aeafb1;
    cursor: pointer;
    border-radius: var(--radius-stand);
    line-height: var(--line-height-base);
    width: 69px;
    height: 33px;
    text-align: center;
  }
  .dropdown .content .field:focus {
    background-color: initial;
    border-color: initial;
    color: initial;
    outline: none;
  }
  .dropdown .content .elem-to {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    background-color: inherit;
    border-bottom: 0px solid #b3b6b9;
    width: 100%;
    padding-left: 0;
  }
  .dropdown .content .elem-to:hover {
    background-color: var(--background-color);
  }
  .dropdown .content .elem-item {
    display: flex;
    align-items: center;
    flex-direction: inherit;
    padding-bottom: 10px;
    color: var(--title-col);
  }
  .dropdown .con-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .dropdown .content {
    display: block;
  }
  .dropdown .brand-alu {
    display: flex;
    flex-wrap: wrap;
  }
  #dropdown-17 {
    display: block;
  }
  #drop17 .dropdown-btn {
    padding: 0;
  }
  #drop17 .dropdown-btn .arr-drop {
    transition: 500ms ease-out;
    margin-right: 0;
  }
  #drop17 .dropdown-btn .arr-drop-filter {
    margin-right: 10px;
    transition: 500ms ease-out;
  }
  #drop17 .dropdown-btn-mid {
    padding: 0;
  }
  #drop17 .dropdown-btn-mid .arr-drop {
    transform: rotate(0deg);
    position: relative;
    left: 0;
    top: 0;
  }
  #drop17 .dropdown-btn-mid .arr-drop {
    transition: 500ms ease-out;
    margin-right: 0;
  }
  #drop17 .dropdown-btn-mid .arr-drop-filter {
    transform: rotate(-90deg);
    position: relative;
    left: 0;
    top: 0;
  }
  #drop17 .dropdown-btn-mid .arr-drop-filter {
    transition: 500ms ease-out;
    margin-right: 10px;
  }
  #dropdown-30 .custom-element {
    width: 231px;
  }
  .item:focus-visible {
    transition: 0.5s ease-out;
  }
  .drop18 {
    top: 19px;
    left: -57px;
    padding-top: 6px;
  }
  #dropdown-3 label:hover, #dropdown-4 label:hover, #dropdown-5 label:hover {
    color: var(--background-color);
    background-color: var(--primary-color);
  }
  #dropdown-3 label:hover:last-child, #dropdown-4 label:hover:last-child, #dropdown-5 label:hover:last-child {
    color: var(--background-color);
    background-color: var(--primary-color);
    margin: 0;
    border-bottom-right-radius: var(--radius-mix);
    border-bottom-left-radius: var(--radius-mix);
  }
  #dropdown-18 .content {
    display: flex;
    gap: 5px;
    padding-top: 10px;
    position: static;
    flex-direction: column;
  }
  .drop-custom {
    padding-bottom: 0;
  }
  .drop-custom .custom-element {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight-normal);
    cursor: pointer;
    display: flex;
    margin-top: 2px;
    padding-left: 10px;
  }
  .drop-custom .elem-width {
    margin-bottom: 10px;
  }
  .drop-custom .elem-radio {
    margin-top: 10px;
  }
  .drop-custom .width {
    position: relative;
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 15px;
    font-size: var(--font-size-base);
    margin-bottom: 0;
  }
  .drop-custom .checkbox,
  .drop-custom .radio {
    position: relative;
    display: flex;
    font-size: var(--font-size-up);
    color: var(--checkbox-color);
    padding: 0 0 0 30px;
  }
  .drop-custom .index-2 {
    width: 80px;
    height: 20px;
  }
  .drop-custom .index {
    width: 100px;
    height: 20px;
  }
  .drop-custom .index-4 {
    width: 180px;
    height: 20px;
  }
  .drop-custom .custom-element:hover, .drop-custom focus {
    background-color: var(--background-color);
  }
  .drop-custom .checkbox:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 21px;
    height: 20px;
    background: #ffffff;
    background-image: url(gfx/hpn/checkbox-1.svg);
  }
  .drop-custom .radio:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 21px;
    height: 20px;
    background: #ffffff;
    background-image: url(gfx/hpn/radiobutton-1.svg);
  }
  .drop-custom .radio:after {
    border-radius: 50%;
  }
  .drop-custom input[type=checkbox],
  .drop-custom input[type=radio] {
    position: absolute;
    width: 22px;
    height: 22px;
    opacity: 0;
  }
  .drop-custom input[type=checkbox]:checked ~ .checkbox:after {
    background-image: url(gfx/hpn/checkbox-2.svg);
    transition: background-image 400ms ease-in-out;
  }
  .drop-custom input[type=radio]:checked ~ .radio:after {
    background-image: url(gfx/hpn/radiobutton-2.svg);
    transition: background-image 400ms ease-in-out;
  }
  .drop-custom input[type=checkbox]:checked ~ .checkbox {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight500);
    color: var(--checkbox-color);
  }
  .drop-custom input[type=radio]:checked ~ .radio {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight500);
    color: var(--checkbox-color);
  }
  .drop-custom button {
    color: var(--background-color);
    background-color: var(--primary-color);
    margin: 10px 0 5px 12px;
    padding: 7px;
    cursor: pointer;
    width: 79px;
    border-radius: 5px;
    border-width: 0;
  }
  .drop-custom button:hover {
    background-color: #4865A6;
  }
  .drop-custom .field {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--checkbox-color);
    background-color: var(--background-color);
    border: 1px solid #aeafb1;
    cursor: pointer;
    border-radius: var(--radius-stand);
    line-height: var(--line-height-base);
    width: 69px;
    height: 33px;
    text-align: center;
    margin-left: 7px;
  }
  .drop-custom .field:focus {
    background-color: initial;
    border-color: initial;
    color: initial;
    outline: none;
  }
  .drop-custom .elem-to {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    background-color: inherit;
    border-bottom: 0 solid #b3b6b9;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
  }
  .drop-custom .elem-to:hover {
    background-color: var(--background-color);
  }
  .drop-custom .elem-item {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight500);
    display: block;
    color: var(--title-col);
  }
  .prod-alu {
    margin-top: 50px;
  }
  .drop-custom-17 {
    padding-bottom: 27px;
  }
  .dropdown label:hover {
    background-color: #f1f1f1;
  }
  .dropdown-btn {
    padding: 0;
  }
  .dropdown-btn .arr-drop {
    transition: 500ms ease-out;
    margin-right: 0;
  }
  .dropdown-btn .arr-drop-filter {
    margin-right: 10px;
    transition: 500ms ease-out;
  }
  .dropdown-btn-mid {
    padding: 0;
  }
  .dropdown-btn-mid .arr-drop {
    transform: rotate(0deg);
    position: relative;
    left: 0;
    top: 0;
  }
  .dropdown-btn-mid .arr-drop {
    transition: 500ms ease-out;
    margin-right: 0;
  }
  .dropdown-btn-mid .arr-drop-filter {
    transform: rotate(90deg);
    position: relative;
    left: 0;
    top: 0;
  }
  .dropdown-btn-mid .arr-drop-filter {
    transition: 500ms ease-out;
    margin-right: 10px;
  }
  .item-sticker {
    display: flex;
  }
  .item-sticker .sticker-new-red {
    font-family: var(--font-family);
    font-size: var(--font-max-mini);
    font-weight: var(--font-weight-bold);
    color: var(--secondary-color);
    background-color: var(--hit-color);
    display: flex;
    align-items: center;
    line-height: 16px;
    border-radius: var(--radius-min);
    padding: 2px 6px 2px 6px;
    text-transform: uppercase;
    margin-right: 12px;
    box-shadow: var(--shadow-right-bottom);
    margin-left: 15px;
  }
  .title-label {
    font-family: var(--font-family);
    font-size: var(--font-mini);
    font-weight: var(--font-weight-normal);
    display: flex;
    justify-content: center;
    color: var(--title-col);
    line-height: var(--line-height-base);
  }
  .section-list {
    background-color: var(--secondary-color);
  }
  .section-list .box-sort {
    display: none;
  }
  .section-list .amount {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight500);
    margin: -9px 0 0 7px;
    line-height: var(--line-height-base);
  }
  .section-list .box-sort2 {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    text-align: center;
    padding-top: 13px;
    flex-direction: column-reverse;
  }
  .section-list .box-sort2 .title-label2 {
    font-family: var(--font-family);
    font-size: var(--font-mini);
    font-weight: var(--font-weight-normal);
    display: flex;
    justify-content: center;
    color: var(--title-col);
    line-height: var(--line-height-base);
  }
  .section-list .box-sort2 .dropdown-container2 {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    display: inline-block;
    padding-top: 0;
    line-height: var(--line-height-base);
  }
  .section-list .box-sort2 .dropdown-container2 .dropdown {
    display: none;
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(203, 209, 216, 0.7882352941);
    border-radius: 8px;
    background-color: var(--background-color);
    padding: 0;
    margin: 0;
  }
  .section-list .box-sort2 .dropdown-container2 .drop-custom .custom-element {
    position: relative;
    cursor: pointer;
    display: block;
    margin-top: 7px;
    margin-left: 13px;
  }
  .section-list .box-sort2 .dropdown-container2 .drop-custom .width {
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    font-size: var(--font-size-base);
    padding-left: 19px;
    padding-top: 8px;
  }
  .section-list .box-sort2 .dropdown-container2 .drop3 {
    cursor: pointer;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    width: 172px;
    height: 95px;
    margin-top: 2px;
    margin-left: -98px;
    box-shadow: var(--shadow-right-bottom);
  }
  .section-list .box-sort2 .dropdown-container2 .dropdown label:hover {
    color: var(--background-color);
    background-color: var(--primary-color);
  }
  .section-list .box-sort2 .dropdown-container2 .dropdown label:hover:first-child {
    color: var(--background-color);
    background-color: var(--primary-color);
    margin: 0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .section-list .box-sort2 .dropdown-container2 .dropdown label:hover:last-child {
    color: var(--background-color);
    background-color: var(--primary-color);
    margin: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .section-list .box-sort2 .dropdown-container2 .dropdown-btn-sort {
    font-family: var(--font-family);
    font-size: var(--font-size-extra);
    font-weight: var(--font-weight-normal);
    color: var(--checkbox-color);
    background-color: var(--background-color);
    padding: 4px 10px 4px 10px;
    border: 1px solid rgba(203, 209, 216, 0.7882352941);
    cursor: pointer;
    border-radius: 8px;
    line-height: var(--line-height-base);
    width: auto;
    height: auto;
  }
  .section-list .box-sort2 .dropdown-container2 .dropdown-btn-sort img {
    width: 10px;
    height: 10px;
  }
  .section-list .box-sort2 .dropdown-container2 .drop-elem {
    border: 1px solid rgba(203, 209, 216, 0.7882352941);
  }
  .section-list .box-sort2 .dropdown-container2 .dropdown-btn-mid-sort {
    font-family: var(--font-family);
    font-size: var(--font-size-extra);
    font-weight: var(--font-weight-normal);
    color: var(--checkbox-color);
    background-color: var(--background-color);
    padding: 4px 10px 4px 10px;
    border: 1px solid rgba(203, 209, 216, 0.7882352941);
    cursor: pointer;
    border-radius: 8px;
    line-height: var(--line-height-base);
    width: auto;
    height: auto;
  }
  .section-list .box-sort2 .dropdown-container2 .dropdown-btn-mid-sort img {
    width: 10px;
    height: 10px;
    transform: rotate(180deg);
  }
  .section-list .box-sort2 .dropdown-container2 .btn-27 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 71.88px;
    padding: 5px 0 4px 0;
    display: flex;
  }
  .box-btn {
    position: sticky;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100px;
    border-top: 1px solid #b6cef1;
    background-color: #dde3f1;
    margin-top: 16px;
  }
  .box-btn .btn-submit {
    font-family: var(--font-secondary);
    font-size: var(--font-big);
    font-weight: var(--font-weight-normal);
    color: var(--background-color);
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 23px;
    border-radius: 23px;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
    border-width: 0;
    margin: 25px auto;
  }
  .container-list {
    display: block;
    background-color: var(--secondary-color);
    padding: 10px 0 0 0;
    margin-top: 5px;
  }
  .container-list .section-list-item {
    display: flex;
    align-items: center;
    width: 350px;
    border-radius: var(--radius-stand);
    background-color: var(--background-color);
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    margin: 0 auto;
    flex-direction: column;
    padding: 0;
  }
  .container-list .section-list-item .box-flex {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }
  .container-list .section-list-item .box-flex .box-left {
    height: 130px;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 350px;
    padding-right: 0;
  }
  .container-list .section-list-item .box-flex .box-left .seasson {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    padding-top: 10px;
    left: 13px;
    top: 0;
  }
  .container-list .section-list-item .box-flex .box-left .seasson .symSe {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .container-list .section-list-item .box-flex .box-left .seasson .symSe img {
    width: 32px;
    height: 32px;
  }
  .container-list .section-list-item .box-flex .box-left .photo {
    width: 100%;
    max-width: 250px;
    max-height: 329px;
    margin-left: 0;
  }
  .container-list .section-list-item .box-flex .box-left .seasson-text {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
    color: var(--grey-color);
    background-color: var(--secondary-color);
    display: flex;
    align-items: center;
    line-height: 16px;
    border-radius: var(--radius-min);
    border: 1px solid #B2B9CA;
    padding: 2px 6px 2px 6px;
    text-transform: uppercase;
  }
  .container-list .section-list-item .box-flex .logos {
    display: none;
  }
  .container-list .section-list-item .box-flex .logos2 {
    display: flex;
  }
  .container-list .section-list-item .box-flex .logos2 .oficjalnySklep img {
    width: 68px;
  }
  .container-list .section-list-item .box-center {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    width: 324px;
  }
  .container-list .section-list-item .box-center .stickers {
    display: flex;
    align-items: flex-start;
  }
  .container-list .section-list-item .box-center .list-name-properties {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .container-list .section-list-item .box-center .list-name-properties .name-tyre {
    font-family: var(--font-family);
    font-size: var(--font-big);
    font-weight: var(--font-max-bold);
    color: var(--text-color);
    line-height: var(--line-stand);
    padding-bottom: 5px;
    width: 325px;
  }
  .container-list .section-list-item .box-center .list-name-properties .name-tyre .nazwaRozm {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight-normal);
    color: var(--text-color);
    line-height: var(--line-stand);
  }
  .container-list .section-list-item .box-center .list-name-properties a:hover {
    text-decoration: none;
  }
  .container-list .section-list-item .box-center .list-name-properties .parametr {
    font-family: var(--font-family);
    font-size: var(--font-mini);
    font-weight: var(--font-weight-bold);
    color: var(--text-color);
    background-color: var(--properties-bg-color);
    line-height: 15px;
    border-radius: var(--radius-min);
    padding: 2px 6px 2px 6px;
    text-transform: uppercase;
    cursor: pointer;
  }
  .container-list .section-list-item .box-center .list-name-properties .item-props {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 320px;
  }
  .container-list .section-list-item .box-center .date-product h3 {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    line-height: 17px;
    color: var(--text-color);
    margin: 0;
  }
  .container-list .section-list-item .box-center .etykieta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 25px;
    background-color: inherit;
    width: 226px;
    padding: 0 0 3px 0;
  }
  .container-list .section-list-item .box-center .etykieta img {
    width: 18px;
    height: 15px;
    padding-right: 2px;
  }
  .container-list .section-list-item .box-center .etykieta span {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-max-bold);
    line-height: 17px;
    margin-right: 20px;
    color: var(--text-color);
  }
  .container-list .section-list-item .box-center .dnone {
    display: none;
  }
  .container-list .section-list-item .box-center .opinion .gwiazdki {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
  }
  .container-list .section-list-item .box-center .ocenaGwiazdki {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .container-list .section-list-item .box-center .ocenaGwiazdki .gwiazdkiD img {
    width: 13.67px;
    height: 13px;
  }
  .container-list .section-list-item .box-center .ocenaGwiazdki .opWl {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-max-bold);
    line-height: 17px;
    margin-right: 0;
    color: var(--text-color);
  }
  .container-list .section-list-item .box-center .bottom-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .container-list .section-list-item .box-center .content-prod {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 4px;
  }
  .container-list .section-list-item .box-center .of-shop {
    padding-left: 15px;
  }
  .container-list .section-list-item .box-right {
    display: none;
  }
  .container-list .section-list-item .box-right-punkt {
    background-color: var(--secondary-color);
    width: 340px;
    border-radius: var(--radius-stand);
    margin: 10px;
    display: flex;
    flex-direction: column;
  }
  .container-list .section-list-item .box-right-punkt .list-top {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 0;
    flex-direction: column;
  }
  .container-list .section-list-item .box-right-punkt .list-top .price {
    font-family: var(--font-family);
    font-size: var(--font-big-mobile);
    font-weight: var(--font-max-bold);
    color: var(--text-color);
    line-height: 46px;
  }
  .container-list .section-list-item .box-right-punkt .list-top .sign-price {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight-normal);
    display: flex;
    align-items: flex-end;
    color: var(--text-color);
    line-height: 22px;
    margin-bottom: 8px;
  }
  .container-list .section-list-item .box-right-punkt .list-top .darmowa {
    font-family: var(--font-family);
    font-size: var(--font-max-mini);
    font-weight: var(--font-weight-normal);
    color: #6C6C6C;
    line-height: 14px;
    margin-top: -8px;
    margin-left: -33px;
  }
  .container-list .section-list-item .box-right-punkt .list-top .btn-buy a {
    font-family: var(--font-family);
    font-size: var(--font-size-low);
    font-weight: var(--font-weight-bold);
    color: var(--background-color);
    background-color: var(--primary-color);
    display: block;
    padding: 10px 60px 10px 60px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    box-shadow: var(--shadow-right-bottom);
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .container-list .section-list-item .box-right-punkt .list-top .btn-buy .prNiedost {
    font-size: var(--font-size-small);
    font-weight: bold;
    margin-top: -11px;
    text-align: center;
    color: var(--red-color);
    margin-left: -56px;
    margin-bottom: 6px;
  }
  .container-list .section-list-item .box-right-punkt .list-top .btn-buy .prOstatni {
    font-size: var(--font-size-small);
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
    color: var(--red-color);
    margin-left: -8px;
    margin-bottom: 1px;
  }
  .container-list .section-list-item .box-right-punkt .list-top .btn-buy .btnDodajDis {
    background-color: #ddd;
  }
  .container-list .section-list-item .box-right-punkt .list-top .btn-buy .btnDodajDis:hover {
    background-color: #ddd;
  }
  .container-list .section-list-item .box-right-punkt .list-top .btn-buy a:hover {
    background: var(--primary-hover);
    transition-property: color, fill, border, background-color;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .container-list .section-list-item .box-right-punkt .list-top .amount-tyre {
    display: flex;
    align-items: flex-end;
    align-content: center;
  }
  .container-list .section-list-item .box-right-punkt .list-top .amount-tyre select {
    padding: 6px 2px 6px 10px;
    font-size: var(--font-big);
    line-height: var(--line-stand);
    border: 1px solid #B2B9CA;
    border-radius: 8px;
    background-color: var(--background-color);
    cursor: pointer;
    display: flex;
    gap: 6px;
    margin-bottom: 5px;
  }
  .container-list .section-list-item .box-right-punkt .subbox {
    display: flex;
    gap: 6px;
    padding: 0;
    margin-top: 10px;
    justify-content: space-between;
  }
  .container-list .section-list-item .box-right-punkt .subbox .access {
    display: flex;
    gap: 5px;
  }
  .container-list .section-list-item .box-right-punkt .subbox-2 {
    display: flex;
    gap: 6px;
    padding: 0;
    justify-content: space-between;
  }
  .container-list .section-list-item .box-right-punkt .line-top {
    border-top: 1px solid var(--background-color);
  }
  .container-list .section-list-item .box-right-punkt .raty-box {
    display: flex;
  }
  .container-list .section-list-item .box-right-punkt .raty-box .pre-icon-raty {
    width: 20px;
    height: 17px;
    margin-right: 9px;
  }
  .container-list .section-list-item .box-right-punkt .raty-box a:hover {
    color: #21681b;
    text-decoration: none;
  }
  .container-list .section-list-item .box-right-punkt .item-right-box {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    display: flex;
    gap: 5px;
    padding: 8px 11px 8px 9px;
    color: var(--text-color);
    line-height: 17px;
  }
  .container-list .section-list-item .box-right-punkt .item-right-box .pre-icon {
    width: 20px;
    height: 17px;
    margin-right: 5px;
  }
  .container-list .section-list-item .box-right-punkt .item-right-box .ttin .data {
    margin-right: 12px;
  }
  .container-list .section-list-item .box-right-punkt .item-right-box .service {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight500);
    color: var(--primary-color);
    cursor: pointer;
    line-height: 17px;
    transition: transform 450ms ease-in-out;
  }
  .container-list .section-list-item .box-right-punkt .item-right-box .service:hover {
    color: var(--color-btn-hover);
    transition: color 450ms ease-in-out;
  }
  .container-list .section-list-item .box-right-punkt .raty-wyl {
    visibility: visible;
  }
  .container-list .section-list-item .box-right-punkt .opNiedostepna {
    display: none;
  }
  .container-list .section-list-item .box-right-punkt .ttin {
    border-width: medium;
  }
  .container-list .section-list-item .box-right-punkt .ttin img {
    width: 0;
  }
  .container-list .section-list-item .box-right-punkt .ttin .opRatyKartaButton {
    font-weight: bold;
  }
  .container-list .section-list-item .box-right-punkt .item-top {
    display: flex;
    gap: 5px;
  }
  .container-list .section-list-item .box-right-punkt .btn-am {
    padding-top: 8px;
    padding-bottom: 0;
  }
  .container-list .section-list-item .mobile-box-right {
    background-color: var(--secondary-color);
    width: 340px;
    border-radius: var(--radius-stand);
    margin: 0 5px 5px 5px;
    display: flex;
    flex-direction: column;
  }
  .container-list .section-list-item .mobile-box-right .list-top {
    display: flex;
    align-items: flex-end;
    padding: 9px 30px 0 0;
    flex-direction: column;
  }
  .container-list .section-list-item .mobile-box-right .list-top .price {
    font-family: var(--font-family);
    font-size: var(--font-big-mobile);
    font-weight: var(--font-max-bold);
    color: var(--text-color);
    line-height: 46px;
  }
  .container-list .section-list-item .mobile-box-right .list-top .sign-price {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight-normal);
    display: flex;
    align-items: flex-end;
    color: var(--text-color);
    line-height: 31px;
    margin-bottom: 0;
  }
  .container-list .section-list-item .mobile-box-right .list-top .darmowa {
    font-family: var(--font-family);
    font-size: var(--font-max-mini);
    font-weight: var(--font-weight-normal);
    color: #6C6C6C;
    line-height: 1px;
    margin: -6px 18px 0 141px;
  }
  .container-list .section-list-item .mobile-box-right .list-top .btn-buy a {
    font-family: var(--font-family);
    font-size: var(--font-size-low);
    font-weight: var(--font-weight-bold);
    color: var(--background-color);
    background-color: var(--primary-color);
    display: block;
    padding: 6px 60px 6px 60px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    box-shadow: var(--shadow-right-bottom);
  }
  .container-list .section-list-item .mobile-box-right .list-top .btn-buy .prNiedost {
    font-size: var(--font-size-small);
    font-weight: bold;
    text-align: center;
    color: var(--red-color);
    margin: -3px 0 6px -94px;
  }
  .container-list .section-list-item .mobile-box-right .list-top .btn-buy .prOstatni {
    font-size: var(--font-size-small);
    font-weight: bold;
    text-align: center;
    color: var(--red-color);
    margin: -3px 0 6px 12px;
  }
  .container-list .section-list-item .mobile-box-right .list-top .btn-buy .btnDodajDis {
    background-color: #ddd;
  }
  .container-list .section-list-item .mobile-box-right .list-top .btn-buy .btnDodajDis:hover {
    background-color: #ddd;
  }
  .container-list .section-list-item .mobile-box-right .list-top .btn-buy a:hover {
    background: var(--primary-hover);
    transition-property: color, fill, border, background-color;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .container-list .section-list-item .mobile-box-right .list-top .amount-tyre {
    display: flex;
    align-items: flex-end;
    align-content: center;
  }
  .container-list .section-list-item .mobile-box-right .list-top .amount-tyre select {
    font-family: var(--font-family);
    font-size: var(--font-big);
    font-weight: var(--font-weight-normal);
    padding: 5px 3px 4px 13px;
    line-height: var(--line-stand);
    border: 1px solid #B2B9CA;
    border-radius: 8px;
    background-color: var(--background-color);
    cursor: pointer;
    display: flex;
    gap: 6px;
    margin-bottom: 0;
  }
  .container-list .section-list-item .mobile-box-right .list-top .amount-tyre select img {
    padding-right: 22px;
  }
  .container-list .section-list-item .mobile-box-right .flex-list {
    display: flex;
    align-items: center;
  }
  .container-list .section-list-item .mobile-box-right .flex-list .flex {
    display: flex;
  }
  .container-list .section-list-item .mobile-box-right .flex-list .flex .dostepnosc {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    padding: 0 55px 10px 0;
  }
  .container-list .section-list-item .mobile-box-right .flex-list .flex .price-box {
    display: flex;
    gap: 5px;
    padding-bottom: 4px;
  }
  .container-list .section-list-item .mobile-box-right .subbox {
    display: flex;
    gap: 30px;
    padding: 0;
    margin-top: 0;
    justify-content: space-between;
  }
  .container-list .section-list-item .mobile-box-right .subbox .access {
    display: flex;
    gap: 5px;
  }
  .container-list .section-list-item .mobile-box-right .subbox-2 {
    display: flex;
    gap: 0px;
    padding: 0;
    margin-top: 0;
    justify-content: space-between;
    border-bottom: 1px solid var(--background-color);
  }
  .container-list .section-list-item .mobile-box-right .subbox-2 .serv {
    display: flex;
    border-top: 0 solid var(--background-color);
    padding: 7px 9px 7px 23px;
  }
  .container-list .section-list-item .mobile-box-right .subbox-2 .raty-box {
    display: flex;
    align-items: center;
  }
  .container-list .section-list-item .mobile-box-right .subbox-2 .raty-box .raty {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
    color: var(--secondary-color);
    background-color: var(--hit-color);
    display: flex;
    align-items: center;
    line-height: 16px;
    border-radius: var(--radius-min);
    padding: 2px 6px 2px 6px;
    margin-right: 12px;
    cursor: default;
  }
  .container-list .section-list-item .mobile-box-right .subbox-2 .raty-wyl {
    display: none;
  }
  .container-list .section-list-item .mobile-box-right .line-top {
    border-top: 0 solid var(--background-color);
    border-bottom: 1px solid var(--background-color);
  }
  .container-list .section-list-item .mobile-box-right .line-bottom {
    border-top: 1px solid var(--background-color);
  }
  .container-list .section-list-item .mobile-box-right .item-right-box {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    display: flex;
    gap: 4px;
    padding: 8px 6px 8px 5px;
    color: var(--text-color);
    line-height: 17px;
  }
  .container-list .section-list-item .mobile-box-right .item-right-box .ttin a {
    display: contents;
  }
  .container-list .section-list-item .mobile-box-right .item-right-box img {
    width: 20px;
    height: 17px;
    margin-right: 0;
  }
  .container-list .section-list-item .mobile-box-right .item-right-box .ttips {
    padding-right: 0;
  }
  .container-list .section-list-item .mobile-box-right .item-ref {
    padding: 8px 9px 8px 4px;
  }
  .container-list .section-list-item .mobile-box-right .item-right-box-credit {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    display: flex;
    gap: 4px;
    padding: 8px 5px 8px 5px;
    color: var(--text-color);
    line-height: 17px;
    justify-content: flex-start;
  }
  .container-list .section-list-item .mobile-box-right .item-right-box-credit .ttin a {
    display: contents;
  }
  .container-list .section-list-item .mobile-box-right .item-right-box-credit .credit-item {
    display: flex;
  }
  .container-list .section-list-item .mobile-box-right .item-right-box-credit .credit-item img {
    width: 20px;
    height: 17px;
    margin-right: 4px;
  }
  .container-list .section-list-item .mobile-box-right .item-right-box-credit .credit-item a:hover {
    color: var(--green-color);
    text-decoration: none;
  }
  .container-list .section-list-item .mobile-box-right .raty-wyl {
    display: none;
  }
  .container-list .section-list-item .mobile-box-right .ttin {
    border-width: medium;
  }
  .container-list .section-list-item .mobile-box-right .ttin img {
    width: 0;
  }
  .container-list .section-list-item .mobile-box-right .ttin .opRatyKartaButton {
    font-weight: bold;
  }
  .container-list .section-list-item .mobile-box-right .item-top {
    display: flex;
    gap: 5px;
  }
  .container-list .section-list-item .mobile-box-right .btn-am {
    display: flex;
    align-items: center;
    padding: 0 0 10px 0;
    gap: 40px;
  }
  .container-list .section-list-item .box-right-point {
    background-color: var(--secondary-color);
    border-radius: var(--radius-stand);
    width: 343px;
    margin: 5px 5px 5px 5px;
    display: flex;
    flex-direction: column;
  }
  .container-list .section-list-item .box-right-point .divier-inside {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .container-list .section-list-item .box-right-point .divier-inside .inside-title {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-max-bold);
    color: var(--text-color);
    line-height: var(--line-height-base);
    padding: 43px 0 16px 0;
  }
  .container-list .section-list-item .box-right-point .divier-inside .title-point {
    padding: 43px 0 0 0;
  }
  .container-list .section-list-item .box-right-point .divier-inside .inside-subtitle {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--text-color);
    line-height: var(--line-height-base);
  }
  .container-list .section-list-item .box-right-point .divier-inside .inside-price {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight-normal);
    display: flex;
    align-items: flex-end;
    color: var(--text-color);
    line-height: var(--line-height-base);
  }
  .container-list .section-list-item .box-right-point .divier-inside .inside-price .price {
    font-family: var(--font-family);
    font-size: var(--font-big-mobile);
    font-weight: var(--font-max-bold);
    color: var(--text-color);
    line-height: 32px;
    padding-top: 20px;
    padding: 20px 4px 0 10px;
  }
  .container-list .section-list-item .box-right-point .divier-inside .inside-price .price p {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight-normal);
    color: var(--text-color);
    line-height: var(--line-height-base);
  }
  .container-list .section-list-item .box-right-point .divier-inside .list-punkt {
    padding: 0;
  }
  .container-list .section-list-item .box-right-point .btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0 10px 0;
  }
  .container-list .section-list-item .box-right-point .btn-box .btn-check {
    font-family: var(--font-family);
    font-size: var(--font-size-low);
    font-weight: var(--font-weight-bold);
    color: var(--background-color);
    background-color: var(--primary-color);
    display: block;
    padding: 10px 60px 10px 60px;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    box-shadow: var(--shadow-right-bottom);
    cursor: pointer;
    border-width: 0;
    transition: transform 450ms ease-in-out;
  }
  .container-list .section-list-item .box-right-point .btn-box .btn-check:hover {
    background-color: var(--color-btn-hover);
    transition: background-color 450ms ease-in-out;
  }
  .container-list .section-list-item .box-right-point .subbox-2 {
    display: flex;
    gap: 6px;
    padding: 10px 10px 31px 10px;
    justify-content: space-between;
  }
  .container-list .section-list-item .box-right-point .subbox-2 .item-right-box {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .container-list .section-list-item .box-right-point .sub {
    padding: 0 10px 0 10px;
  }
  .container-list .section-list-item .box-right-point .line-top {
    border-top: 1px solid var(--background-color);
  }
  .container-list .section-list-item .box-right-point .service {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight500);
    color: var(--primary-color);
    cursor: pointer;
    line-height: 17px;
    transition: transform 450ms ease-in-out;
  }
  .container-list .section-list-item .box-right-point .service:hover {
    color: var(--color-btn-hover);
    transition: color 450ms ease-in-out;
  }
  .container-list .section-list-item .box-right-point .ttin {
    border-width: medium;
  }
  .container-list .section-list-item .box-right-point .ttin img {
    width: 0;
  }
  .container-list .section-list-item .box-right-point .ttin .opRatyKartaButton {
    font-weight: bold;
  }
  .container-list .section-list-item .box-right-point .item-right-box .dostepnosc {
    display: flex;
    gap: 5px;
  }
  .container-list .section-list-item .box-right-point .btn-am {
    padding-top: 8px;
    padding-bottom: 10px;
  }
  .container-list .list-item-suboffert {
    width: 350px;
    flex-direction: row;
    display: flex;
    margin: 7px 0 18px 0;
  }
  .container-list .list-item-suboffert .flex-suboffert {
    padding-top: 16px;
  }
  .container-list .list-item-suboffert .seasson {
    padding-top: 12px;
  }
  .container-list .list-item-suboffert .box-center {
    padding: 0;
  }
  .container-list .list-item-suboffert .box-center .seasson {
    display: none;
  }
  .container-list .list-item-suboffert .box-right {
    display: flex;
  }
  .container-list .list-item-suboffert .box-center .prop-suboffert {
    display: flex;
    align-items: flex-start;
    flex-direction: initial;
    gap: 0;
  }
  .container-list .list-item-suboffert .box-right .list-top .price {
    font-family: var(--font-family);
    font-size: var(--font-big-mobile);
    font-weight: var(--font-max-bold);
    padding-right: 4px;
  }
  .container-list .list-item-suboffert .box-right .list-top .darmowa {
    line-height: 6px;
  }
  .container-list .list-item-suboffert .box-right .list-top .sign-price {
    margin-bottom: 13px;
  }
  .container-list .list-item-suboffert .box-center .prop-suboffert .name-tyre {
    width: 310px;
  }
  .container-list .list-item-suboffert .right-suboffert {
    width: 310px;
  }
  .container-list .list-item-suboffert .right-suboffert .item-suboffert {
    padding: 8px 6px 8px 9px;
  }
  .container-list .list-item-suboffert .right-suboffert {
    display: none;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert {
    width: 340px;
    margin: 5px 0 5px 5px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .item-suboffert {
    padding: 8px 6px 8px 0;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .item-suboffert .list-top .item-pop p {
    margin: 6px 0 2px 6px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .item-right-box {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    display: flex;
    gap: 4px;
    padding: 8px 12px 8px 5px;
    color: var(--text-color);
    line-height: 17px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .item-right-box .ttin a {
    display: contents;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .item-right-box .ttips {
    padding-right: 8px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .item-right-box .ttips img {
    width: 0;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .subbox {
    margin-top: 0;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .list-top {
    padding-top: 0;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .list-top .btn-buy a {
    padding: 6px 60px 6px 60px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .list-top .amount-tyre {
    padding-right: 0;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .list-top .btn-am .amount-tyre select {
    padding: 5px 3px 4px 13px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .list-top .btn-am {
    padding-top: 8px;
    padding-bottom: 10px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list {
    display: flex;
    align-items: center;
    padding-right: 20px;
    border-top: 1px solid var(--background-color);
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .flex {
    display: flex;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .flex .dostepnosc {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    padding: 0 55px 10px 0;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .flex .price-box {
    display: flex;
    gap: 5px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .item-top .darmowa {
    margin: -11px 10px 0 141px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .item-top {
    gap: 25px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .sub-point {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--background-color);
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .sub-point .service {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight500);
    color: var(--primary-color);
    cursor: pointer;
    line-height: 17px;
    transition: transform 450ms ease-in-out;
    border-top: 0px solid var(--background-color);
    padding: 8px 6px 8px 6px;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .sub-point .service:hover {
    color: var(--color-btn-hover);
    transition: color 450ms ease-in-out;
  }
  .container-list .list-item-suboffert .mobile-right-suboffert .flex-list .price {
    font-size: var(--font-big-mobile);
    line-height: 53px;
  }
  .container-list .list-item-suboffert .line-top {
    border-top: 1px solid var(--background-color);
  }
  .container-list .text-info {
    font-family: var(--font-family);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight500);
    line-height: 16px;
  }
  .section-list-item .box-flex .ostatnie-sztuki .photo {
    margin-bottom: -188px;
  }
  .section-list-item .mobile-box-right .btn-am {
    display: flex;
    align-items: flex-end;
    gap: 45px;
    padding: 15px 0 15px 0;
  }
  .section-list-item .mobile-box-right .list-top {
    display: flex;
    align-items: center;
    padding: 7px 0 0 0;
  }
  .section-list-item .ostatnie-sztuki .subbox .item-right-box {
    display: none;
  }
  .section-list-item .ostatnie-sztuki .subbox-2 .item-right-box {
    display: none;
  }
  .section-list-item .ostatnie-sztuki .subbox-2 .item-right-box .service {
    display: none;
  }
  .section-list-item .ostatnie-sztuki .lay-ost-pr {
    display: none;
  }
  .section-list-item .ostatnie-sztuki .top-ost-pr {
    border-top: 0 solid var(--background-color);
  }
  .section-list-item .ostatnie-sztuki .lay-ost-pr .item-right-box-credit {
    padding: 0;
    border-bottom: 0 solid var(--background-color);
  }
  .section-list-item .ostatnie-sztuki .content-prod .bottom-box {
    gap: 0;
    padding-right: 20px;
  }
  .section-list-item .ostatnie-sztuki .list-top .btn-am {
    display: flex;
    align-items: center;
    padding: 0 0 55px 0;
  }
  .container-list .section-list-item .ostatnie-sztuki .subbox-2 {
    border-bottom: 0 solid var(--background-color);
    display: none;
  }
  .elFalken .wylacz, .elConti24prom .wylacz, .elUniroyal .wylacz, .elBarum .wylacz, .elYoko24z .wylacz, .elMich24z .wylacz, .elNok24z .wylacz, .elMichelin24z .wylacz, .elKumho .wylacz, .elConti25 .wylacz, .elMichel25 .wylacz {
    display: none;
  }
  .elFalken .konkursmobile, .elConti24prom .konkursmobile, .elUniroyal .konkursmobile, .elBarum .konkursmobile, .elYoko24z .konkursmobile, .elMich24z .konkursmobile, .elNok24z .konkursmobile, .elMichelin24z .konkursmobile, .elKumho .konkursmobile, .elConti25 .konkursmobile, .elMichel25 .konkursmobile {
    display: flex;
    margin: -14px 5px 5px 5px;
  }
  .elFalken a:hover, .elConti24prom a:hover, .elUniroyal a:hover, .elBarum a:hover, .elYoko24z a:hover, .elMich24z a:hover, .elNok24z a:hover, .elMichelin24z a:hover, .elKumho a:hover, .elConti25 a:hover, .elMichel25 a:hover {
    text-decoration: none;
  }
  .elFalken .pasekKonkurs, .elConti24prom .pasekKonkurs, .elUniroyal .pasekKonkurs, .elBarum .pasekKonkurs, .elYoko24z .pasekKonkurs, .elMich24z .pasekKonkurs, .elNok24z .pasekKonkurs, .elMichelin24z .pasekKonkurs, .elKumho .pasekKonkurs, .elConti25 .pasekKonkurs, .elMichel25 .pasekKonkurs {
    padding: 9px 0 9px 36px;
    top: 9px;
    box-shadow: none;
  }
  .elFalken .pasekKonkurs .left .logo, .elConti24prom .pasekKonkurs .left .logo, .elUniroyal .pasekKonkurs .left .logo, .elBarum .pasekKonkurs .left .logo, .elYoko24z .pasekKonkurs .left .logo, .elMich24z .pasekKonkurs .left .logo, .elNok24z .pasekKonkurs .left .logo, .elMichelin24z .pasekKonkurs .left .logo, .elKumho .pasekKonkurs .left .logo, .elConti25 .pasekKonkurs .left .logo, .elMichel25 .pasekKonkurs .left .logo {
    display: none;
  }
  .elFalken .pasekKonkurs .box .btn-check, .elConti24prom .pasekKonkurs .box .btn-check, .elUniroyal .pasekKonkurs .box .btn-check, .elBarum .pasekKonkurs .box .btn-check, .elYoko24z .pasekKonkurs .box .btn-check, .elMich24z .pasekKonkurs .box .btn-check, .elNok24z .pasekKonkurs .box .btn-check, .elMichelin24z .pasekKonkurs .box .btn-check, .elKumho .pasekKonkurs .box .btn-check, .elConti25 .pasekKonkurs .box .btn-check, .elMichel25 .pasekKonkurs .box .btn-check {
    display: none;
  }
  .elFalken .mobile-card, .elConti24prom .mobile-card, .elUniroyal .mobile-card, .elBarum .mobile-card, .elYoko24z .mobile-card, .elMich24z .mobile-card, .elNok24z .mobile-card, .elMichelin24z .mobile-card, .elKumho .mobile-card, .elConti25 .mobile-card, .elMichel25 .mobile-card {
    margin: -25px 0 0 0;
  }
  .elFalken .bannerBox, .elConti24prom .bannerBox, .elUniroyal .bannerBox, .elBarum .bannerBox, .elYoko24z .bannerBox, .elMich24z .bannerBox, .elNok24z .bannerBox, .elMichelin24z .bannerBox, .elKumho .bannerBox, .elConti25 .bannerBox, .elMichel25 .bannerBox {
    display: none;
  }
  .elFalken .pasekKonkurs .left .describe {
    font-size: var(--font-small);
    display: flex;
    text-align: center;
  }
  .elConti24prom .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    padding-left: 40px;
  }
  .elUniroyal .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    display: flex;
    text-align: center;
  }
  .elYoko24z .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    display: block;
    text-align: center;
  }
  .elBarum .pasekKonkurs {
    padding: 9px 0 9px 34px;
  }
  .elBarum .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    display: flex;
    text-align: center;
  }
  .elMich24z .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    display: flex;
    text-align: center;
  }
  .elMichelin24z .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    display: block;
    text-align: center;
  }
  .elNok24z .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    display: flex;
    text-align: center;
  }
  .elNok24z .pasekKonkurs .box {
    padding-right: 30px;
  }
  .elKumho .pasekKonkurs {
    top: 9px;
    box-shadow: none;
    display: block;
    padding: 8px 0;
  }
  .elKumho .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    display: block;
    text-align: center;
  }
  .elConti25 .pasekKonkurs {
    padding: 9px 0 9px 0;
    text-align: center;
  }
  .elConti25 .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    padding-left: 0;
  }
  .elConti25 .pasekKonkurs .box {
    padding-right: 0;
  }
  .elMichel25 .pasekKonkurs {
    padding: 9px 5px 9px 5px;
    text-align: center;
  }
  .elMichel25 .pasekKonkurs .left .describe {
    font-size: var(--font-size-base);
    padding-left: 0;
  }
  .elMichel25 .pasekKonkurs .box {
    padding-right: 0;
  }
  .modal-col-point {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 60px;
    opacity: 1;
    transform: translateY(-50px) scale(0.95);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  }
  .modal-col-point .modal-content-col-point {
    background-color: var(--background-color);
    margin: 1% auto;
    padding: 10px 0 10px 0;
    border: 1px solid #888;
    overflow: auto;
    width: auto;
    max-height: 100vh;
    transform: translateX(100%);
    transition: transform 0.5s ease-out;
    animation: none;
  }
  .modal-col-point .modal-content-col-point .container-name {
    display: block;
  }
  .modal-col-point .modal-content-col-point .container-name .list-top {
    display: flex;
    align-items: flex-start;
    padding: 10px 30px 10px 30px;
    flex-direction: column;
  }
  .modal-col-point .modal-content-col-point .container-name .list-top .item-top {
    padding-bottom: 0;
  }
  .modal-col-point .modal-content-col-point .container-name .list-top .name-tyre {
    font-family: var(--font-family);
    font-size: var(--font-big);
    font-weight: var(--font-max-bold);
    color: var(--text-color);
    line-height: var(--line-stand);
    padding-bottom: 0;
  }
  .modal-col-point .modal-content-col-point .container-name .list-top .name-tyre .nazwaRozm {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight-normal);
    color: var(--text-color);
    line-height: var(--line-stand);
  }
  .modal-col-point .modal-content-col-point .container-name .list-top a:hover {
    text-decoration: none;
  }
  .modal-col-point .modal-content-col-point .container-name .list-point {
    padding: 0 0px 16px 26px;
  }
  .modal-col-point .modal-content-col-point .modal-point-top {
    border-bottom: 0;
    background-color: var(--background-color);
    padding: 10px 20px 10px 20px;
  }
  .modal-col-point .modal-content-col-point .point-hero {
    padding: 0 30px 0 30px;
  }
  .modal-col-point .modal-content-col-point .point-hero .point-subtitle {
    font-family: var(--font-family);
    font-size: var(--font-size-large);
    font-weight: var(--font-weight500);
    color: var(--text-color-grey);
    line-height: var(--line-height-base);
    padding-bottom: 12px;
  }
  .modal-col-point .modal-content-col-point .point-hero .title-sticker {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: 0;
    padding-top: 0;
    flex-direction: column-reverse;
    gap: 8px;
  }
  .modal-col-point .modal-content-col-point .point-hero .cust {
    padding-top: 0;
  }
  .modal-col-point .modal-content-col-point .point-hero .point-describe {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--text-subcolor);
    line-height: 19.07px;
    margin-bottom: 24px;
  }
  .modal-col-point .modal-content-col-point .point-hero .custom {
    margin-bottom: 0;
  }
  .modal-col-point .modal-content-col-point .point-hero .search-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-col-point .modal-content-col-point .point-hero .search-form-container {
    position: relative;
  }
  .modal-col-point .modal-content-col-point .point-hero .search-form-label {
    display: none;
  }
  .modal-col-point .modal-content-col-point .point-hero .search-form-input {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    min-width: 279px;
    max-width: 268px;
    height: 20px;
    padding: 9px 11px 9px 16px;
    background: none;
    border: 1px solid #B6B6B8;
    border-radius: 20px;
    transition: 250ms ease-in-out 100ms;
    color: var(--text-color);
  }
  .modal-col-point .modal-content-col-point .point-hero .search-form-input:focus, .modal-col-point .modal-content-col-point .point-hero .search-form-input:hover {
    outline: none;
    transition: 250ms ease-in-out 100ms;
  }
  .modal-col-point .modal-content-col-point .point-hero .search-form-input::placeholder {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: #AAAAAA;
  }
  .modal-col-point .modal-content-col-point .point-hero .search-form-button {
    position: absolute;
    right: 8px;
    top: 9px;
    border: 0;
    background: none;
    outline: 0;
  }
  .modal-col-point .modal-content-col-point .point-hero .search-form-icon {
    cursor: pointer;
    display: flex;
  }
  .modal-col-point .modal-content-col-point .point-hero .point-title {
    font-family: var(--font-family);
    font-size: var(--font-size-large);
    font-weight: var(--font-weight500);
    color: var(--text-color-grey);
    padding-bottom: 10px;
  }
  .modal-col-point .modal-content-col-point .point-hero .empty {
    padding: 0 0 60px 0;
  }
  .modal-col-point .modal-content-col-point .content-down {
    background-color: var(--background-color);
    border-top: 0;
    padding: 0px 15px 0 4px;
  }
  .modal-col-point .modal-content-col-point .content-down-list {
    padding: 0 30px 0 30px;
  }
  .modal-col-point .modal-content-col-point .content-down .box-list-two {
    flex-direction: column;
  }
  .modal-col-point .modal-content-col-point .content-down .box-list-two .dropdown-btn-mid-hours {
    padding: 15px 10px 13px 0;
  }
  .modal-col-point .modal-content-col-point .content-down .box-list .down-box {
    flex-direction: column;
    padding-bottom: 6px;
  }
  .modal-col-point .modal-content-col-point .content-down .box-list .down-box .buy-container {
    padding-top: 11px;
  }
  .modal-col-point .modal-content-col-point .point-title-mod {
    padding: 3px 0 12px 0;
  }
  .modal-col-point.active {
    display: none;
    transform: none;
  }
  .modal-col-point.visible .modal-content-col-point {
    transform: translateX(0);
  }
  .close-w {
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
  .close-w-new {
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
  .close-w-n {
    cursor: pointer;
  }
  .close {
    visibility: visible;
  }
  .close:hover {
    transform: rotate(0deg);
  }
  .close-mod {
    visibility: hidden;
  }
  .inner-modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 60px;
    opacity: 1;
    transform: translateY(-50px) scale(0.95);
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  .list-item img {
    transition: transform 0.3s ease;
  }
  .list-item:hover img {
    transform: translateY(-2px);
    transition: transform 0.5s ease-out;
  }
  .inner-modal-content {
    background-color: var(--background-color);
    margin: 1% auto;
    border: 1px solid #888;
    overflow: auto;
    width: auto;
    max-height: 100vh;
    transform: translateX(100%);
    transition: transform 0.5s ease-out;
    animation: none;
  }
  .inner-modal-content .container-name {
    display: block;
  }
  .inner-modal-content .container-name .list-top {
    display: flex;
    align-items: flex-start;
    padding: 16px 30px 0 30px;
    padding-bottom: 0;
    flex-direction: column;
  }
  .inner-modal-content .container-name .list-top .item-top {
    padding-bottom: 11px;
  }
  .inner-modal-content .container-name .list-top .name-tyre {
    font-family: var(--font-family);
    font-size: var(--font-big);
    font-weight: var(--font-max-bold);
    color: var(--text-color);
    line-height: var(--line-stand);
    padding-bottom: 5px;
  }
  .inner-modal-content .container-name .list-top .name-tyre .nazwaRozm {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight-normal);
    color: var(--text-color);
    line-height: var(--line-stand);
  }
  .inner-modal-content .container-name .list-top a:hover {
    text-decoration: none;
  }
  .inner-modal-content .modal-point-top {
    border-bottom: var(--line-top-bottom);
    background-color: var(--background-color);
    padding: 20px 20px 10px 20px;
  }
  .inner-modal-content .modal-point-top .close-w {
    padding: 0;
  }
  .inner-modal-content .modal-point-top .close-w-new {
    padding: 0;
  }
  .inner-modal-content .point-hero {
    padding: 25px 25px 0 25px;
  }
  .inner-modal-content .point-hero .point-title {
    font-family: var(--font-family);
    font-size: var(--font-size-large);
    font-weight: var(--font-weight500);
    color: var(--text-color-grey);
    padding-bottom: 10px;
    border-top: var(--line3-border);
  }
  .inner-modal-content .point-hero .box-list {
    max-width: 1290px;
    border-radius: 12px;
    background-color: var(--secondary-color);
    border: 1px solid #D8DFF0;
    margin-bottom: 10px;
    padding: 13px;
  }
  .inner-modal-content .point-hero .box-list-name {
    display: flex;
    justify-content: space-between;
  }
  .inner-modal-content .point-hero .box-list-name li {
    display: flex;
    align-items: center;
  }
  .inner-modal-content .point-hero .box-list-name .image {
    margin-right: 8px;
    width: 11.37px;
    height: 17px;
  }
  .inner-modal-content .point-hero .box-list-title {
    font-family: var(--font-family);
    font-size: var(--font-size-up);
    font-weight: var(--font-weight500);
    color: var(--text-color-grey);
    line-height: var(--line-height-base);
  }
  .inner-modal-content .point-hero .adress-list {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--text-color-grey);
    line-height: var(--line-height-base);
    padding: 14px 0 14px 0;
    border-bottom: var(--border-line);
  }
  .inner-modal-content .point-hero .time-title {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--text-color-grey);
    line-height: var(--line-height-base);
    padding-top: 14px;
  }
  .inner-modal-content .point-hero .empty {
    padding: 0 0 60px 0;
  }
  .inner-modal-content .point-hero .title-sticker {
    align-items: flex-start;
    border-top: 0;
    padding-top: 0;
  }
  .inner-modal-content .title-sticker {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 0px;
    border-top: var(--line3-border);
    padding-top: 10px;
  }
  .inner-modal-content .title-sticker .cust {
    padding-top: 10px;
  }
  .inner-modal-content .content-down {
    border-top: 0;
    padding: 20px;
  }
  .inner-modal-content .content-down .point-hero {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .inner-modal.active {
    display: none;
    transform: none;
  }
  .inner-modal.visible .inner-modal-content {
    transform: translateX(0);
  }
  .close-inner {
    cursor: pointer;
  }
  .close-inner:hover {
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-timing-function: ease-in-out;
    transform: rotate(90deg);
  }
  .empty {
    padding: 0 0 60px 0;
  }
  .close-innerAr {
    cursor: pointer;
  }
  body.modal-open {
    overflow: hidden;
  }
  .szukajProdList {
    max-width: 385px;
    width: 96%;
    padding: 30px 0 30px 0;
    margin-left: 0;
    top: 370px;
    right: 9px;
    position: relative;
  }
  .szukajProdList .szukajTop .szukajImgTr {
    margin-left: 80px;
  }
  .szukajProdList .szukajProdCnt .poleSzukaj input {
    width: 79%;
    margin-left: 5px;
  }
  .szukajProdList .szukajProdCnt .prodGr {
    width: 85%;
    margin-left: 8px;
  }
  .szukajProdList .szukajProdCnt .prodGr p {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
  }
  .szukajProdList .szukajProdCnt .prodGrLi .container .letter {
    font-family: var(--font-family);
    font-size: var(--font-big);
    font-weight: var(--font-weight-bold);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 10px 5px;
    padding-bottom: 0;
    box-sizing: content-box;
    width: 30px;
    height: 30px;
    background-color: var(--bg-producent);
    border-radius: var(--radius-min);
  }
  .szukajProdList .szukajProdCnt .prodGrLi .container .line::after {
    content: "";
    display: block;
    width: 77%;
    height: 1px;
    background-color: var(--bg-producent);
    margin-top: -10px;
    margin-left: 37px;
  }
  .szukajProdList .szukajBot {
    justify-content: center;
    margin-top: 20px;
    border-top: 1px solid #b6cef1;
    height: 100px;
    width: 100%;
    position: fixed;
    background-color: #dde3f1;
    align-content: center;
    align-items: center;
    bottom: 0;
    left: 0;
  }
  .szukajProdList .szukajBot .szukajProdZast {
    font-family: var(--font-secondary);
    font-size: var(--font-big2);
    font-weight: var(--font-weight-normal);
    color: var(--background-color);
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 7px;
    width: 160px;
    height: 45px;
    border-radius: 23px;
    cursor: pointer;
  }
  .szukajProdList .szukajBot .szukajProdZast:hover {
    background: var(--primary-hover);
    transition-property: color, fill, border, background-color;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .alu .szukajProdList {
    right: 9px;
  }
}