@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.ttf');
}
header {
  border-bottom: 1px solid #B8B7B4;
  box-sizing: border-box;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 10vh;
  min-height: 95px;
  background-color: #FFFFFF;
  box-shadow: -3px -26px 52px -5px rgba(34, 60, 80, 0.35);
  font-size: 12px;
}
header .header-contact button {
  padding: 10px clamp(10px, 1vw, 40px);
  font-size: clamp(10px, 1vw, 16px);
  min-width: max-content;
}
header .header-contact {
  display: flex;
  align-items: center;
  gap: 10px;
}
header .wrp {
  max-width: 90%;
  gap: 20px;
}
header .header-logo {
  z-index: 999;
  max-width: 230px;
  /* width: 100%; */
  height: 50px;
  cursor: pointer;
}
header .header-logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
header .header-nav {
  z-index: 999;
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
}
header .header-nav a {
  font-size: 14px !important;
  min-width: max-content;
  padding-bottom: 2px;
}
header .burger__menu--active {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  display: none;
  background-color: unset;
  padding: unset;
  z-index: 1111;
}
header .burger__menu {
  display: none;
  box-sizing: border-box;
  z-index: 998;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 70%;
  height: calc(100vh - max(10vh, 80px));
  background-color: #FFFFFF;
  flex-direction: column;
  align-items: end;
  /* padding: 10px 40px; */
  gap: 20px;
  overflow: auto;
}
header .burger__menu .burger--contact {
  padding: 10px 40px;
  margin: auto auto 10px;
  width: calc(100% - 20px);
  box-sizing: border-box;
}
header .burger__menu ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  list-style: none;
  align-items: end;
}
header .burger__menu.active {
  top: max(10vh, 80px);
  display: flex;
  bottom: unset;
  transition: 0.5s;
}
@keyframes burger__menu--animation {
  0% {
    bottom: 0;
  }
  100% {
    bottom: unset;
  }
}
.CurrNav {
  box-sizing: border-box;
  color: #ED8E58;
  padding-bottom: 3px;
}
footer {
  padding: 40px 0px;
  background-color: #FFFFFF;
}
footer a {
  font-size: 14px !important;
}
footer .wrp {
  max-width: 70vw;
  gap: 50px;
}
footer .footer-logo {
  width: 25%;
}
footer .footer-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 5px;
  width: 40%;
  max-height: 75px;
  column-count: 3;
  column-gap: 10px;
}
footer .footer-nav > div {
  width: max-content;
}
footer .footer-nav > div a {
  width: max-content;
}
:root {
  --accentColor: #E4032E;
  --accentColorText: #F7F5F1;
}
.accent__btn {
  background-color: var(--accentColor) !important;
  color: var(--accentColorText) !important;
  text-align: center;
}
.slick-dots li.slick-active button:before {
  color: var(--accentColor);
  opacity: 1;
}
.random_offer-select > div.active > p {
  border-bottom: 1px solid var(--accentColor);
}
.offer_slider .offer a {
  background-color: var(--accentColor);
  color: var(--accentColorText);
  padding: 10px 40px;
  cursor: pointer;
  transition: 0.3s;
  margin-top: 40px;
  max-width: 30% !important;
  min-width: 240px !important;
  width: 100% !important;
  box-sizing: border-box;
  text-align: center;
}
input,
textarea,
.file_load,
.color_load,
.brand_holder .item,
select {
  background-color: #F0EFEF;
  border: 1px solid #E0DDD5;
  resize: unset;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}
select {
  width: 100%;
}
p {
  font-size: 16px !important;
  line-height: 120%;
}
body {
  background-color: #FFFFFF;
}
.dropblck {
  display: flex;
  flex-direction: column;
  overflow: visible;
  max-height: calc(((1vh + 1vw) + 8px) * 0.52);
}
.dropblck.active a:not(:first-child) {
  display: block !important;
}
.dropblck a:not(:first-child) {
  display: none;
  padding: 10px 5px;
  background-color: #FFFFFF;
}
.main {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.main__wrp {
  margin-top: 30px;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
main {
  margin-top: max(10vh, 90px);
}
.error {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-image: url(/public/img/error.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.error::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #3A3939;
  opacity: 0.6;
}
.error .error__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.error .error--name {
  font-size: 6.5em;
}
.error span {
  color: #F7F5F1;
}
.error a {
  margin-top: 25px;
  color: #ED8E58;
  text-decoration: underline;
}
h1 {
  font-size: 2.5em;
  font-weight: 500;
}
h2 {
  font-size: 1.5em;
  font-weight: 500;
}
h3 {
  font-size: 1.3em;
}
h1,
h2,
h3 {
  line-height: 130%;
}
input,
textarea {
  background-color: #F0EFEF;
  border: 1px solid #E0DDD5;
  resize: unset;
}
input::placeholder,
textarea::placeholder {
  color: #3A3939;
}
input {
  padding: 8px;
}
* {
  font-family: "Roboto";
  font-size: clamp(14px, calc(((1vh + 1vw) + 8px) * 0.52), 18px);
  font-weight: 100;
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  background-color: unset;
  text-decoration: none;
  position: relative;
  height: auto;
  color: #3A3939;
}
.wrp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin: auto;
}
button {
  padding: 10px 40px;
  cursor: pointer;
}
img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
nav a.active {
  color: #E4032E;
}
nav a:hover {
  text-decoration: underline;
  color: #ED8E58;
}
.offer {
  display: flex;
  height: calc(400px + 1em);
  color: #F7F5F1;
}
.offer.right {
  flex-direction: row-reverse;
}
.offer * {
  color: inherit;
}
.offer button {
  width: 100%;
}
.offer img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.offer .offer-cell {
  box-sizing: border-box;
}
.offer .offer-cell:first-child {
  width: 50%;
}
.offer .offer-cell:last-child {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px 12% 15px 4%;
  justify-content: center;
  align-items: start;
  background-color: #3A3939;
  width: 50%;
}
.offer .offer-cell:last-child > p:last-child,
.offer .offer-cell:last-child p.desc {
  color: #B8B7B4;
}
.offer .offer-cell:last-child > div h1,
.offer .offer-cell:last-child > div p {
  color: #F7F5F1;
}
.offer_slider .offer .offer-cell:last-child {
  padding: 35px 12% 35px 4%;
}
.slick-slide .prod_card,
.random_offer-main .prod_card {
  max-width: unset !important;
}
.aktsiya {
  color: #3A3939;
  width: 90vw;
  margin: auto;
}
.aktsiya:nth-of-type(even) {
  flex-direction: row-reverse;
}
.aktsiya:first-child {
  margin-top: 30px;
}
.aktsiya .offer-cell:first-child {
  width: 50%;
}
.aktsiya .offer-cell:last-child {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: start;
  width: 50%;
  background-color: unset;
}
.aktsiya .offer-cell:last-child > div h1,
.aktsiya .offer-cell:last-child > div p {
  color: #F7F5F1;
}
.aktsiya .offer-cell:last-child > p:last-child {
  color: #3A3939;
  margin-top: 15px;
}
.contact {
  position: relative;
  overflow: hidden;
  padding: 100px 0px;
  background: url('/img/icons/offer.png');
  background-size: cover;
  object-fit: fill;
  background-repeat: no-repeat;
}
.contact__cell {
  padding: 50px;
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.contact__cell:first-child {
  border-right: 1px solid #B8B7B4;
}
.contact--wrp {
  width: 100%;
  max-width: 70vw;
  display: flex;
  background-color: #FFFFFF;
  margin: auto;
  align-items: stretch;
}
.contact__cell--heading {
  text-align: center;
}
.contact__cell--subheading {
  text-align: center;
  color: #B8B7B4;
}
.contact--img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover !important;
}
.contact--form {
  display: contents;
}
.contact--wrp button {
  width: 100%;
}
.contact textarea {
  width: 100%;
  padding: 2%;
}
.contact-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  width: auto;
  gap: 30px;
}
.contact-data > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-data:last-child > div {
  gap: 10px;
}
.contact-data img {
  width: 30px;
  height: 30px;
}
.graf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.graf > p {
  color: #B8B7B4;
}
.disigner {
  position: relative;
  overflow: hidden;
  padding: 100px 0px;
  background: url('/img/icons/offer.png');
  background-size: cover;
  object-fit: cover;
  background-repeat: no-repeat;
}
.disigner .flex {
  width: 100%;
  gap: 20px;
}
.disigner > div {
  width: 100%;
}
.disigner .wrp {
  max-width: 90vw;
}
.disigner > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover !important;
}
.disigner form {
  display: flex;
  background-color: #FFFFFF;
  width: 40vw;
  margin: auto;
}
.disigner form .graf > p {
  color: #B8B7B4;
}
.disigner form button {
  width: 100%;
}
.disigner form textarea {
  width: 100%;
  padding: 2%;
}
.disigner form input {
  width: 100%;
}
.disigner form .contact-cell {
  padding: 50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.disigner form .contact-cell h1,
.disigner form .contact-cell h2,
.disigner form .contact-cell p {
  text-align: center;
}
.disigner form .contact-cell > p {
  color: #B8B7B4;
}
.disigner_offer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100%;
  height: max(60vh, 500px);
  color: #F7F5F1;
}
.disigner_offer::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.69240196) 100%);
}
.disigner_offer * {
  color: inherit;
}
.disigner_offer h1 {
  margin-bottom: 40px;
  font-size: 430%;
  text-align: center;
}
.prod_card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 370px;
  width: 100%;
  max-height: max-content;
  box-sizing: border-box;
}
.prod_card .prod_card-img {
  height: 320px;
  width: 100%;
  display: flex;
}
.prod_card .prod_card-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.prod_card .prod_card-model {
  font-size: 1.5em !important;
  text-transform: uppercase;
}
.prod_card .prod_card-desc {
  width: 90%;
  padding: 20px;
  gap: 10px;
  box-sizing: border-box;
  position: absolute;
  bottom: 20px;
  left: calc(50% - 45%);
  background-color: #ffffffc4;
  display: flex;
  flex-direction: column;
}
.prod_card button {
  background-color: #E4032E;
  padding: 10px 0px;
}
.prod_card a {
  background-color: #E4032E;
  padding: 10px 40px;
  cursor: pointer;
  color: #F7F5F1;
  transition: 0.3s;
  text-align: center;
}
.disigner_advantages {
  width: 90%;
  display: flex;
  margin: auto;
  justify-content: left !important;
  flex-wrap: wrap;
  gap: 40px;
  margin: 90px auto;
}
.disigner_advantages > div {
  width: 100%;
  flex-grow: 1;
  max-width: calc(25% - 41px);
}
.disigner_advantages > div:first-child {
  justify-content: center;
  align-items: center;
}
.disigner_advantages-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
  padding-left: 10px ;
}
.disigner_advantages-item .subtitle {
  color: #B8B7B4;
}
.disigner_advantages-item:not(:first-child) {
  border-left: 1px solid #ED8E58;
  align-self: stretch;
  justify-content: start;
}
.disigner_advantages-item:nth-child(n + 5) {
  margin-top: 34px;
}
.offer_slider {
  display: flex;
  gap: 10px;
  justify-content: left;
}
.offer_slider .offer {
  height: unset;
}
.offer_slider:nth-child(even) {
  flex-direction: row-reverse;
  justify-content: right !important;
}
.offer_slider .offer_slider-slider {
  width: 100%;
  max-width: 45%;
}
.offer_slider .slick-dots {
  bottom: -50px;
}
.offer_slider .slick-dotted.slick-slider {
  margin-bottom: 50px;
}
.offer_slider .slick-next {
  bottom: -55px !important;
  right: 0 !important;
  top: unset !important;
}
.offer_slider .slick-prev {
  bottom: -55px !important;
  left: 0 !important;
  top: unset !important;
}
.offer_slider .slick-prev,
.offer_slider .slick-next {
  z-index: 20;
}
.slick-next:before,
.slick-prev::before {
  color: #B8B7B4 !important;
}
.preview_offer {
  width: 100%;
  height: 85vh;
  position: relative;
}
.preview_offer.slick-slider {
  margin-bottom: 50px;
}
.preview_offer .slick-dots {
  bottom: -50px;
}
.preview_offer .slick-prev,
.preview_offer .slick-next {
  bottom: -60px;
  top: unset;
}
.preview_offer .slick-prev {
  left: 40%;
}
.preview_offer .slick-next {
  right: 40%;
}
.preview_offer .slick-arrow {
  z-index: 3;
}
.preview_offer img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.preview_offer .preview_offer-offer {
  z-index: 2;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 400px;
  top: 30%;
  left: 20%;
}
.preview_offer .preview_offer-offer a {
  width: 140px;
  padding: 10px 40px;
  text-align: center;
}
.slick-initialized .slick-slide {
  display: flex !important;
  justify-content: center;
}
.catalog {
  display: flex;
  flex-direction: column;
  gap: 2em;
  width: 100%;
  max-width: 90%;
  margin: auto;
}
.catalog .sort {
  display: flex;
  justify-content: space-between;
}
.catalog .sort > a:last-child {
  color: #E4032E;
}
.catalog .sort > a:first-child span {
  font-size: 1.3em;
}
.catalog .catalog-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  justify-content: left;
  gap: 14px;
}
.catalog .catalog-list > * {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.catalog .collection-list .prod_card .prod_card-img img {
  object-fit: contain !important;
}
.catalog .collection-list .prod_card {
  margin: 0px auto;
  max-width: 360px;
}
.dowmore {
  max-width: 90%;
  margin: auto;
  display: flex;
  justify-content: center;
}
.dowmore button {
  background-color: unset;
  color: #3A3939;
  border-bottom: 1px solid #3A3939;
  transition: unset;
}
.btn_holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
button.save {
  width: 100%;
  background-color: #ED8E58;
  color: white;
  text-align: center;
}
button.black {
  width: 100%;
  background-color: transparent;
  color: black;
  border: 1px solid black;
  text-align: center;
}
.label {
  display: flex;
  flex-direction: column;
  gap: 5px !important;
  width: 100%;
}
.label label,
.label p,
.label span {
  color: #3A3939;
}
.label select {
  width: 100%;
}
.filter {
  position: relative;
}
.filter .filter--head {
  cursor: pointer;
  color: #ED8E58;
}
.filter--options {
  min-width: 370px;
  scrollbar-color: #ED8E58 #f4f4f4;
  scrollbar-width: thin;
  overflow-y: scroll;
  box-sizing: border-box;
  position: fixed;
  top: max(10vh, 80px);
  right: 0;
  background-color: white;
  padding: 10px;
  z-index: 99;
  width: 300px;
  height: 90vh;
  display: none;
}
.filter--options.active {
  display: block;
}
.filter--options .filter--wrp {
  min-height: 100%;
  box-sizing: border-box;
  height: max-content;
  padding: 50px 10px;
  border: 1px solid #E4032E;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.filter--options .filter--wrp form {
  display: contents;
}
.filter--options label {
  font-size: 20px;
}
.filter--options .filter--color {
  max-height: 180px;
  overflow-y: scroll;
}
.filter--options .filter--cls {
  --filterClsSiez: 20px;
  width: var(--filterClsSiez);
  height: var(--filterClsSiez);
  position: absolute;
  right: 10px;
  top: 10px;
  padding: unset;
  background-color: transparent;
  background-image: url('/public/img/icons/+.svg');
  background-position: center;
  background-size: contain;
}
.random_offer-wrp {
  max-width: 90%;
  width: 100%;
  margin: auto;
}
.random_offer-wrp .random_offer {
  width: 100%;
  margin: 14px auto;
  gap: 14px;
}
.random_offer-wrp .random_offer .slick-prev,
.random_offer-wrp .random_offer .slick-next {
  bottom: -35px;
  top: unset;
}
.random_offer-wrp .random_offer .slick-prev {
  left: 25%;
}
.random_offer-wrp .random_offer .slick-next {
  right: 25%;
}
.random_offer-wrp .random_offer .slick-arrow {
  z-index: 3;
}
.random_offer-select {
  height: 500px;
  background-color: #3A3939;
  color: #F7F5F1;
}
.random_offer-select * {
  color: inherit;
}
ol {
  padding: revert;
}
.usl_requirements {
  display: flex;
  flex-direction: column;
  max-width: 90%;
  margin: auto;
  gap: 20px;
}
.usl_requirements-requirements {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
}
.usl_requirements-requirements > div {
  width: 44%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.usl_requirements-requirements > div .heading {
  color: #ED8E58;
}
.usl_requirements-requirements > div p {
  padding: 0px 0px 0px 20px;
}
.usl {
  width: 100%;
  max-width: 90%;
  margin: 0px auto;
  justify-content: left;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex-wrap: wrap;
  gap: 20px;
}
.usl .usl-item {
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #B8B7B4;
  padding: 30px 20px;
  box-sizing: border-box;
}
.add {
  padding: 20px;
  box-sizing: border-box;
  gap: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ECECEC;
}
.add > div {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.add > div.logo {
  align-self: center;
}
.add > div.logo > img {
  width: 60%;
}
.characteristics {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: auto;
  gap: 10px;
}
.characteristics-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-count: 2;
}
.characteristics-holder div {
  width: 46%;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.characteristics-holder div:nth-child(4n +1) {
  background-color: #ECECEC;
}
.characteristics-holder div:nth-child(4n +2) {
  background-color: #ECECEC;
}
.preview_offer-slide {
  width: 100%;
  height: 85vh;
}
.preview_offer-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(265deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.669993) 83%);
}
.random_offer-select {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.random_offer-select > div {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 45%;
  height: 85%;
}
.random_offer-select > div .img_holder {
  width: 100%;
  height: 90%;
  overflow: hidden;
}
.random_offer-select > div .img_holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.random_offer-select > div p {
  width: max-content;
  align-self: center;
  text-align: center;
}
.slick-dots li.slick-active {
  scale: 2;
}
.catalog form {
  display: contents;
}
.catalog-list > div {
  max-width: 23.5%;
  padding: unset;
}
.item_card {
  margin-top: 50px;
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.item_card > div {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
}
.item_card > div > div {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 49%;
  width: 100%;
}
.item_card > div:last-child {
  height: 100%;
}
.slider-for {
  height: 500px;
}
.slider-for .slick-slide {
  height: 100%;
}
.slider-for .draggable {
  height: 100%;
}
.slider-for .slick-track {
  height: 100%;
}
.slider-for img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-nav {
  max-width: 90%;
  width: 100%;
  margin: 0px auto;
  height: 25%;
}
.slider-nav .slick-slide {
  padding: 5px;
}
.slider-nav .draggable {
  height: 100%;
}
.slider-nav .slick-track {
  height: 100%;
}
.slider-nav .slider-slide {
  display: flex;
}
.slider-nav img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.item_card-slider {
  height: 70%;
}
.item_card-navforslider {
  height: 30%;
  max-width: 90%;
  margin: 0px auto;
}
.item_card-navforslider img {
  width: 100%;
  height: 100%;
  max-height: 200px;
  object-fit: cover;
}
.item_card-navigator {
  display: flex;
  gap: 10px;
  justify-content: left !important;
}
.item_card-navigator a:not(:last-child):before {
  position: absolute;
  content: '/';
  right: 0;
  top: 0;
}
.item_card-navigator a {
  padding-right: 15px;
  color: #B8B7B4;
}
.about {
  display: flex;
  gap: 20px;
  height: 550px;
  max-width: 90vw;
  align-items: center;
  justify-content: center;
}
.about img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about .icon {
  width: 50%;
  height: auto;
  object-fit: contain;
}
.about .halfblck {
  justify-content: center;
}
.about .buy-slider.slider-nav img {
  height: 100px !important;
}
.about .buy-slider.slider-for .slick-slide {
  height: 100%;
}
.slick-slide {
  margin: 0px 5px;
}
.halfblck {
  display: flex;
  width: 50%;
  height: 100%;
}
.flexcol {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
div.color {
  width: 20px;
  height: 20px;
  border: 1.5px solid #A79A9A;
  content: '';
}
.inp {
  padding: 10px 15px;
}
.inp:not(.nost) {
  border: 1px solid #E0DDD5;
  background-color: #F0EFEF;
}
.radio-holder {
  position: relative;
}
.radio-holder input {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.radio-holder input:checked + .inp {
  border: 2px solid #ED8E58;
}
.flex {
  display: flex;
  gap: 10px;
  align-items: center;
}
.wherebuy {
  height: unset;
}
.wherebuy .slider-nav {
  width: 90%;
  margin: 0px auto;
}
.blckclck {
  position: relative;
  padding: 10px 20px 10px 0px;
  cursor: pointer;
}
.blckclck::before {
  --blckclckBeforeSize: 13px;
  position: absolute;
  content: '';
  width: var(--blckclckBeforeSize);
  height: var(--blckclckBeforeSize);
  right: 0;
  top: calc(50% - var(--blckclckBeforeSize) / 2);
  background-image: url('/public/img/icons/down.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.blckclck.active::before {
  background-image: url('/public/img/icons/up.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.blckclck * {
  cursor: pointer;
}
.blck {
  display: none;
  height: 0px;
}
.blck.active {
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 0px;
}
.dropDown {
  display: flex;
  width: max-content;
  height: max-content;
  position: relative;

  
}
#burger__menu .dropDown {
  border-bottom: 1px solid #E0E0E0;
  width: 100%;
  /* padding: 10px; */
  padding-right: 10px;
  box-sizing: border-box;
  align-items: end;
}
#burger__menu .dropDown--head {
  /* border-bottom: 1px solid #E0E0E0; */
  width: 100%;
  padding-bottom: 10px;
}
.dropDown .dropDown--content {
  padding: 10px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: max-content;
  display: none;
}
#burger__menu > a {
  padding-right: 10px;
  border-bottom: 1px solid #E0E0E0;
  box-sizing: border-box;
  text-align: end;
  width: 100%;
  padding-bottom: 10px;
}
.dropDown .dropDown--content a {
  padding: 10px 25px 10px 10px;
}
#burger__menu .dropDown .dropDown--content a  {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  width: max-content;
  padding: 10px 0px 10px 10px;
  box-sizing: border-box;
  color: #888686;
}

#burger__menu .dropDown .dropDown--content a:before {
  position: relative;
}
#burger__menu .dropDown--content {
  align-items: end;
  padding-right: unset;
  border-top: 1px solid #E0E0E0;
  padding-top: 20px;
  padding-left: unset;
  width: 100%;
}
.dropDown .dropDown--content a:hover {
  background-color: #F0EFEF;
}
.dropDown .dropDown--content a:before {
  --aBeforeSize: 15px;
  position: absolute;
  right: 5px;
  top: calc(50% - var(--aBeforeSize) / 2);
  display: block;
  content: '';
  width: var(--aBeforeSize);
  height: var(--aBeforeSize);
  background-image: url('/public/img/icons/rightarrow_121279.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dropDown .dropDown--content.active {
  display: flex;
  flex-direction: column;
}
header .header-nav .dropDown--content {
  position: absolute;
  top: calc(100% + 31px);
  left: -10px;
}
#burger__menu .dropDown {
  flex-direction: column;
}
#burger__menu .dropDown--head {
  text-align: right;
}
.filterCheckboxHolder {
  position: relative;
}
.filterCheckboxHolder input[type="checkbox"] {
  z-index: 1;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.filterCheckboxHolder input[type="checkbox"]:checked ~ .inp {
  border: 1px solid #ED8E58;
  box-sizing: border-box;
}
.modelAdd {
  margin-top: 0 !important;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 6%;
  max-width: 90vw;
  width: 100%;
  margin: auto;
  background-image: url('/public/img/slide.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 700px;
}
.modelAdd::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(247, 245, 241, 0.9) 0%, rgba(247, 245, 241, 0.85) 43%, rgba(247, 245, 241, 0) 100%);
}
.modelAdd .modelAdd--content {
  width: 40%;
  z-index: 1;
}
.modelAdd .modelAdd--logo {
  max-width: 100%;
  height: auto;
}
.modelAdd .modelAdd--logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#backpopup {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3a3939d3;
}
#backpopup.active {
  display: flex;
}
#backpopup .backpopupSection {
  position: relative;
  display: none;
  flex-direction: column;
  background-color: #FFFFFF;
  align-items: center;
  gap: 24px;
  max-width: 90%;
  max-height: min-content;
}
#backpopup .backpopupSection.active {
  display: flex;
}
#backpopup .backpopupSection .backpopupSection--head {
  font-size: 22px;
  text-align: center;
}
#backpopup .backpopupSection .backpopupSection--desc {
  color: #B8B7B4;
  text-align: center;
}
#backpopup .backpopupSection .form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#backpopup .backpopupSection input,
#backpopup .backpopupSection textarea {
  box-sizing: border-box;
  width: 100%;
}
#backpopup .backpopupSection .backpopup--cls {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  padding: unset;
  background-color: unset;
}
#backpopup .backpopupSection .backpopup--cls img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#setOrderModal {
  padding: 40px !important;
  max-width: 400px !important;
}
.mobileDropdown {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobileDropdown .mobileDropdown--content {
  padding: 10px 0px 10px 0px;
  display: none;
  flex-direction: column;
  align-items: end;
}
.mobileDropdown .mobileDropdown--content a {
  padding: 10px 0px;
}
.mobileDropdown.active .mobileDropdown--content {
  display: flex;
}
.priceSort span {
  margin-left: 8px;
}
.product__card {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px;
  margin: 0px auto;
  max-width: 90vw;
  align-items: start;
}
.product__card--preview {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 30%;
}
.product__card--preview__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product__card--preview__price {
  margin: 0px;
  padding: 0px;
  text-decoration: unset;
  line-height: 130%;
  font-size: 1.8em !important;
}
.product__card--preview__name {
  line-height: 120%;
  font-size: 1em;
}
.product__card--preview__select {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.product__card--options {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-self: stretch;
  width: 65%;
}
.product__card--options__heading {
  width: 100%;
  display: flex;
  margin-bottom: 40px;
}
.product__card--options__heading button {
  width: 100%;
  border-bottom: 1px solid black;
}
.product__card--options__heading button.current {
  width: 100%;
  color: #F7F5F1;
  background-color: #ED8E58;
  border-bottom: 1px solid #ED8E58;
}
.option {
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.3s;
}
.option.selected {
  border: 2px solid #ED8E58;
}
.option:not(.selected):hover {
  border: 2px solid #ed8f588d;
  transition: 0.5s;
}
.option__name {
  margin: 8px auto;
  max-width: max-content;
  text-align: center;
}
.outdoors .option__img {
  padding: 30px 0px;
  box-sizing: border-box;
}
.option__img,
.option__img img {
  width: 100%;
  object-fit: contain;
}
.random_offer-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.options__holder {
  position: absolute;
  opacity: 0;
  z-index: -100;
  display: flex;
  pointer-events: none;
  user-select: none;
  flex-direction: column;
  width: 100%;
  height: auto;
}
.options__holder * {
  pointer-events: none;
  user-select: none;
}
.options__holder.active {
  pointer-events: all;
  opacity: 1;
  z-index: 1;
  position: relative;
}
.options__holder.active,
.options__holder.active * {
  pointer-events: all;
}
.options__holder.options-colors .options__holder--wrp {
  max-height: 0px;
}
.options__holder.options-colors.active .options__holder--wrp {
  max-height: unset;
}
.options__slider {
  display: flex;
  flex-direction: column;
  margin: 0px 0px 50px 0px;
}
.options__slider--slider {
  margin: 0px;
}
.options__slider--slider .slick-dots {
  bottom: -40px !important;
}
.options__slider--slider .slick-next,
.options__slider--slider .slick-prev {
  bottom: -50px !important;
  top: unset;
}
.options__slider--slider .slick-next {
  right: 0px !important;
  z-index: 1;
}
.options__slider--slider .slick-prev {
  left: 0px !important;
  z-index: 1;
}
.options__holder--wrp {
  margin-bottom: 25px;
}
.colors__holder {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 15px;
}
.colors__holder--item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.colors__holder--item__img {
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.colors__holder--item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.options__holder--heading {
  font-size: 1.5em !important;
  margin-bottom: 25px;
}
.product__card--preview__img {
  display: flex;
  justify-content: space-evenly;
}
.product__card--preview__img img {
  width: 100%;
  height: 550px;
  object-fit: contain;
}
.outdoors .colors__holder--item__img,
.outdoors .colors__holder--item__img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.outdoors .colors__holder--item__img img {
  scale: 2;
}
.outdoors .option__img {
  width: 100%;
  object-fit: contain;
  overflow: hidden;
}
.outdoors .option__img img {
  scale: 1.3;
  transform: translate(25%);
}
.brand__preview {
  position: relative;
  height: 70vh;
  width: 100%;
  max-width: 90vw;
  margin: 0px auto 140px;
}
.brand__preview::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.brand__preview--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.brand__preview--description {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: #F7F5F1;
  padding: 20px;
  box-sizing: border-box;
  width: 50%;
  min-width: 360px;
  box-shadow: 0px 0px 23px -6px rgba(34, 60, 80, 0.35);
}
.brand__preview--description--heading {
  font-size: 4em !important;
  max-width: max-content;
  margin: 0px auto;
  text-align: center;
}
.brand__preview--description--desc {
  text-align: center;
}
.options__holder .slick-track {
  margin-right: unset !important;
  margin-left: unset !important;
}
.addOffer {
  display: flex;
  width: 100%;
  max-height: 400px;
  min-height: min-content;
  height: auto;
  align-items: stretch;
}
.addOffer__cell {
  height: auto;
  width: 100%;
  min-width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.addOffer__cell--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.addOffer__cell--description {
  padding: 40px;
  box-sizing: border-box;
  background-color: #3A3939;
  align-items: start;
  justify-content: center;
}
.addOffer__cell--description--wrp {
  margin: 0px auto;
  max-width: 90vw;
}
.addOffer__cell--description--wrp > .flexcol {
  gap: 2px !important;
  margin-bottom: 15px;
}
.addOffer__cell--description__heading {
  font-size: 2.5em !important;
  color: #F7F5F1;
}
.addOffer__cell--description__subheading {
  font-size: 1.5em !important;
  color: #F7F5F1;
}
.addOffer__cell--description__desc {
  color: #B8B7B4;
}
.addOffer__cell--description__modal {
  margin-top: 40px;
  max-width: 30%;
  min-width: 240px;
  width: 100%;
}
.outdoors .product__card--preview__name {
  font-size: 1.75em !important;
}
.outdoors .product__card--preview__price {
  font-size: 1em !important;
}
.outdoors .product__card--preview__img img {
  height: 380px !important;
}
.options__slider--slider .slick-dots {
  position: relative !important;
}
.burger_wrp {
  display: none;
}
.footer_content--wrp {
  display: contents;
  width: 100%;
  min-width: min-content;
  justify-content: space-between;
}
.options__slider .slick-prev,
.options__slider .slick-next {
  top: 50%;
}
.options__slider .slick-prev {
  left: -30px !important;
}
.options__slider .slick-next {
  right: -30px !important;
}
.header-contacts {
  background-color: var(--accentColor);
  width: 100%;
  height: min-content;
  padding: 5px 0px;
  box-sizing: border-box;
}
.header-contacts__wrp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.header-contacts__wrp > * {
  color: var(--accentColorText);
  font-size: 14px;
  text-decoration: none;
}
.burger-contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-align: center;

  border: 1px solid var(--accentColor);
  padding: 10px;
  box-sizing: border-box;
  width: calc(100% - 20px);
  height: max-content;
  margin: 10px auto 0px;
}
.burger-contacts p {
  color: #888686;
}
.burger-contacts p, .burger-contacts span, .burger-contacts a {
  font-size: 14px !important;
}