header.active #header_right {
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1.01,1.01);
        transform: scale(1.01,1.01)
    }

    50% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-o-keyframes pulse {
    0%,100% {
        -o-transform: scale(1.01,1.01);
        transform: scale(1.01,1.01)
    }

    50% {
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1.01,1.01);
        -o-transform: scale(1.01,1.01);
        transform: scale(1.01,1.01)
    }
e
    50% {
        -webkit-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-webkit-keyframes shine {
    from {
        opacity: 0;
        left: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        left: 100%
    }
}

@-o-keyframes shine {
    from {
        opacity: 0;
        left: 0
    }

    50% {
        opacity: 1
  }
}
.btn {
    border-radius: 68px;
    padding: 23px 45px;
    overflow: hidden;
    display: inline-block;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
}
.btn__accent {
    cursor: pointer;
    color: #fff;
    background: -webkit-linear-gradient(12.88deg,#ffb200 7.18%,#ff7a00 100.77%);
    background: -o-linear-gradient(12.88deg,#ffb200 7.18%,#ff7a00 100.77%);
    background: linear-gradient(77.12deg,#ffb200 7.18%,#ff7a00 100.77%);
    -webkit-box-shadow: 0 25px 45px rgba(255,153,1,.4);
    box-shadow: 0 25px 45px rgba(255,153,1,.4);
    -webkit-transform: scale(1.01,1.01);
    -ms-transform: scale(1.01,1.01);
    -o-transform: scale(1.01,1.01);
    transform: scale(1.01,1.01);
    -webkit-animation: pulse 1s cubic-bezier(0,.04,.46,1.34) infinite;
    -o-animation: pulse 1s cubic-bezier(0,.04,.46,1.34) infinite;
    animation: pulse 1s cubic-bezier(0,.04,.46,1.34) infinite;
 	width: fit-content;
  	text-decoration: none !important;
}
.btn__accent:before {
  content: '';
    display: inline-block;
    position: absolute;
    background-color: #ff7a00;
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transition: all .17s ease-in-out;
    -o-transition: all .17s ease-in-out;
    transition: all .17s ease-in-out;
    -webkit-box-shadow: 0 0 15px 3px #fff;
    box-shadow: 0 0 15px 3px #fff;
    width: 0;
    height: 86%;
    top: 7%;
    left: 0;
    -webkit-animation: shine 1.5s 0s linear infinite;
    -o-animation: shine 1.5s 0s linear infinite;
    animation: shine 1.5s 0s linear infinite;
}
#first-block.kraska .btn__accent {
  font-family: Neutral Face;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
  	padding: 20px 40px;
}
#first-block.kraska h1 {
  font-size: 60px;
  line-height: 75px; /* 125% */
}
#first-block.kraska #first-block-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#first-block.kraska .main-img {
  display: block;
}
#first-block.kraska .first-block-right {
  position: relative;
  width: 100%;
  max-width: calc(100% - 894px);
  margin-top: 60px;
}
#first-block.kraska .main-img img {
  width: auto;
  height: auto;
  max-width: 760px;

}
#first-block.kraska .first-block-left {
  max-width: 944px;
}
#first-block.kraska .bigger {
  margin: 40px 0 30px 0;
  width: 80%;
}

#first-block.kraska #buttons {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
#first-block.kraska #buttons .primary {
  width: max-content;
  font-family: "Neutral Face";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 23px;
  color: #fff;
  box-shadow: 2px 2px 20px rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  margin-top: 40px;
  box-sizing: border-box;
  padding: 20px 40px;
}

#first-block.kraska #buttons .modal {
  width: max-content;
  padding: 13px 80px 13px 20px;
}

.btn.primary.modal {
  background: #FF7D00 5.13%;
}

.cart-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  background: linear-gradient(45deg, #ffb200 0%, #ff7d00 100%);
  border-radius: 50%;
  display: none;
}
.cart-btn__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-btn p {
  display: none;
}
.cart-btn span {
  position: absolute;
  right: -4px;
  top: -4px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  color: #333;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
}
#catalog h2 {
  line-height: 150%;
}
#catalog h2 span {
  -webkit-text-fill-color: white;
}
.paint-checker {
  padding: 0;
  width: max-content;
  margin: 0 auto;
  background: linear-gradient(45deg, #ffb200 0%, #ff7d00 100%);
  border-radius: 6px;
  padding: 3px;
}
.custom-radio {
  width: max-content;
}
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radiobtn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  position: absolute;
  top: 0;
  left: 0;
  height: 52px;
  width: 140px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 30px */
  transition: all 400ms ease;
  background: #2b2b2b;
}

.custom-radio input:checked ~ .radiobtn {
  background: transparent;
}

.tabs-wrapper {
  position: relative;
  margin: 50px 13px 0 13px;
}
.tabs {
  display: flex;
  margin: 0 0 35px 0;
}
.tab {
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 400ms ease;
  cursor: pointer;
  padding: 0 10px 4px 10px;
}
.tab.on::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: transparent;
  transition: all 400ms ease;
}
.tab:not(:last-child) {
  margin: 0 13px 0 0;
}
.tab.on {
  color: #ffb200;
  position: relative;
}
.tab.on::after {
  background: linear-gradient(45deg, #ffb200 0%, #ff7d00 100%);
}
.tabs-items .item {
  display: none;
}
.tabs-items .item.on {
  display: block;
}

.colors-table {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 40px 30px;
}
.color-card {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.01);
  box-shadow: 0px 0px 20px 2px rgba(255, 255, 255, 0.15);
}
.color-card__main {
  padding: 10px 10px 12px 10px;
}
.color-card__top {
  border-radius: 10px;
  padding: 9px 0;
}
.color-title {
  color: #fff;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
  text-shadow:
    1px 0 #222222,
    0 -1px #222222,
    -1px 0 #222222,
    0 1px #222222;
  padding: 0;
  margin: 0;
}
.color-card__top span {
  color: #222;
  font-family: Proxima Nova;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  text-shadow:
    1px 0 #fff,
    0 -1px #fff,
    -1px 0 #fff,
    0 1px #fff;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.color-card__price {
  color: #fff;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
}
.add-to-cart {
  background:
    linear-gradient(#2b2b2b 0 0) padding-box,
    linear-gradient(to right, #ffb200, #ff7d00) border-box;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 4px 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
}
.add-to-cart::after {
  display: block;
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.6094 18.6094C16.0156 18.2031 16.4844 18 17.0156 18C17.5469 18 18 18.2031 18.375 18.6094C18.7812 19.0156 18.9844 19.4844 18.9844 20.0156C18.9844 20.5469 18.7812 21.0156 18.375 21.4219C18 21.7969 17.5469 21.9844 17.0156 21.9844C16.4844 21.9844 16.0156 21.7969 15.6094 21.4219C15.2031 21.0156 15 20.5469 15 20.0156C15 19.4844 15.2031 19.0156 15.6094 18.6094ZM0.984375 2.01562H4.26562L5.20312 3.98438H20.0156C20.2969 3.98438 20.5312 4.09375 20.7188 4.3125C20.9062 4.5 21 4.73438 21 5.01562C21 5.17188 20.9531 5.32812 20.8594 5.48438L17.2969 11.9531C16.9219 12.6406 16.3438 12.9844 15.5625 12.9844H8.10938L7.21875 14.625L7.17188 14.7656C7.17188 14.9219 7.25 15 7.40625 15H18.9844V17.0156H6.98438C6.45312 17.0156 5.98438 16.8125 5.57812 16.4062C5.20312 16 5.01562 15.5312 5.01562 15C5.01562 14.6875 5.09375 14.375 5.25 14.0625L6.60938 11.5781L3 3.98438H0.984375V2.01562ZM5.57812 18.6094C5.98438 18.2031 6.45312 18 6.98438 18C7.51562 18 7.98438 18.2031 8.39062 18.6094C8.79688 19.0156 9 19.4844 9 20.0156C9 20.5469 8.79688 21.0156 8.39062 21.4219C7.98438 21.7969 7.51562 21.9844 6.98438 21.9844C6.45312 21.9844 5.98438 21.7969 5.57812 21.4219C5.20312 21.0156 5.01562 20.5469 5.01562 20.0156C5.01562 19.4844 5.20312 19.0156 5.57812 18.6094Z' fill='url(%23paint0_linear_1909_799)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1909_799' x1='2.03323' y1='21.9844' x2='22.2236' y2='21.5323' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FFB200'/%3e%3cstop offset='1' stop-color='%23FF7D00'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.add-to-cart.added {
  background: linear-gradient(45deg, #ffb200 0%, #ff7d00 100%);
}
.add-to-cart.added::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.6094 19.6094C16.0156 19.2031 16.4844 19 17.0156 19C17.5469 19 18 19.2031 18.375 19.6094C18.7812 20.0156 18.9844 20.4844 18.9844 21.0156C18.9844 21.5469 18.7812 22.0156 18.375 22.4219C18 22.7969 17.5469 22.9844 17.0156 22.9844C16.4844 22.9844 16.0156 22.7969 15.6094 22.4219C15.2031 22.0156 15 21.5469 15 21.0156C15 20.4844 15.2031 20.0156 15.6094 19.6094ZM0.984375 3.01562H4.26562L5.20312 4.98438H20.0156C20.2969 4.98438 20.5312 5.09375 20.7188 5.3125C20.9062 5.5 21 5.73438 21 6.01562C21 6.17188 20.9531 6.32812 20.8594 6.48438L17.2969 12.9531C16.9219 13.6406 16.3438 13.9844 15.5625 13.9844H8.10938L7.21875 15.625L7.17188 15.7656C7.17188 15.9219 7.25 16 7.40625 16H18.9844V18.0156H6.98438C6.45312 18.0156 5.98438 17.8125 5.57812 17.4062C5.20312 17 5.01562 16.5312 5.01562 16C5.01562 15.6875 5.09375 15.375 5.25 15.0625L6.60938 12.5781L3 4.98438H0.984375V3.01562ZM5.57812 19.6094C5.98438 19.2031 6.45312 19 6.98438 19C7.51562 19 7.98438 19.2031 8.39062 19.6094C8.79688 20.0156 9 20.4844 9 21.0156C9 21.5469 8.79688 22.0156 8.39062 22.4219C7.98438 22.7969 7.51562 22.9844 6.98438 22.9844C6.45312 22.9844 5.98438 22.7969 5.57812 22.4219C5.20312 22.0156 5.01562 21.5469 5.01562 21.0156C5.01562 20.4844 5.20312 20.0156 5.57812 19.6094Z' fill='white'/%3e%3crect x='15' width='10' height='10' rx='5' fill='white'/%3e%3cpath d='M17.5 5H22.5' stroke='url(%23paint0_linear_105_2)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M20 2.5V7.5' stroke='url(%23paint1_linear_105_2)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_105_2' x1='17.762' y1='6' x2='22.746' y2='5.44337' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FFB200'/%3e%3cstop offset='1' stop-color='%23FF7D00'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_105_2' x1='20.0524' y1='7.5' x2='21.0616' y2='7.49549' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FFB200'/%3e%3cstop offset='1' stop-color='%23FF7D00'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
}
.color-card__cart {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 10px 0;
  height: 36px;
}
.counter {
  /* display: flex; */
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  align-items: center;
  gap: 5px;
  background:
    linear-gradient(#2b2b2b 0 0) padding-box,
    linear-gradient(to right, #ffb200, #ff7d00) border-box;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 0 5px;
}
.counter-field {
  /* width: calc(100% - 56px); */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.counter-field span {
  color: #a5a5a5;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 10px */
}
.counter-minus,
.counter-plus {
  width: 20px;
  height: 20px;
  cursor: pointer;
  user-select: none;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.counter-minus {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10H15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.counter-plus {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10H15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 5V15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.counter-minus.disabled {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10H15' stroke='grey' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ") !important;
}
.counter-plus.disabled {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10H15' stroke='grey' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 5V15' stroke='grey' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ") !important;
}
.counter-input[type="text"] {
  color: #fff;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100% !important; /* 18px */
  border: none !important;
  padding: 0 !important;
  width: 100%;
}

.color-card__btn {
  background:
    linear-gradient(#2b2b2b 0 0) padding-box,
    linear-gradient(to right, #ffb200, #ff7d00) border-box;
  border: 1px solid transparent;
  border-radius: 6px;
  background-clip: text;
  padding: 6px 0;
  display: block;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 144.444% */
  cursor: pointer;
}
.color-card__btn span {
  background: linear-gradient(88.72deg, #ffb200 5.13%, #ff7d00 103.84%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  text-align: center;
}

.equipment {
  padding: 160px 0 80px 0;
  background: #2b2b2b;
}

.equipment-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.equipment-item {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.01);
  box-shadow: 0px 0px 20px 2px rgba(255, 255, 255, 0.15);
  padding: 30px 40px 33px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.equipment-item .primary {
  box-shadow: none;
}
.equipment-title {
  color: #fff;
  font-family: Proxima Nova;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  text-align: center;
  height: 60px;
}
.equipment .btn__accent {
  font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 137.5% */
letter-spacing: 0.5px;
  padding: 9px 27px;
}
.production,
.clients {
  padding: 80px 0;
  background: #2b2b2b;
  position: relative;
}

.production-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 30px;
}
.production-item {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.01);
  box-shadow: 0px 0px 20px 2px rgba(255, 255, 255, 0.15);
}
.production .btn.btn__accent {
  font-size: 36px;
font-weight: 700;
line-height: 130%;
  display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  border-radius: 10px;
}
  
.production-img {
  width: 100%;
  border-radius: 10px;
  margin: 0 0 16px 0;
}

.production-title {
  color: #fff;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  text-align: center;
  padding: 0 20px 16px 20px;
  height: 60px;
}
.production-content .primary {
  color: #fff;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  display: flex;
  align-items: center;
  justify-content: center;
}

.clients-content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.clients-item {
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 0px 20px 2px rgba(255, 255, 255, 0.15);
  height: 123px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#help.kraska {
  padding: 80px 0;
}
#help.kraska h3 {
  width: 90%;
  margin: 0 0 50px 0;
}
#delivery.kraska {
  padding: 80px 0 160px 0;
}
.kraska #delivery_body {
  padding-top: 50px;
}

.cart {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  background: #fff;
  padding: 60px 5px 30px 30px;
  max-width: 710px;
  z-index: 1000;
  transition: all 400ms ease;
  transform: translateX(130%);
  opacity: 0;
}
.cart.open {
  transform: translateX(0);
  opacity: 1;
}
.cart-title {
  color: #000;
  font-family: Proxima Nova;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 155.556% */
}
.cart-close {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L23 23' stroke='%23282828' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M23 1L1 23' stroke='%23282828' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.cart-item {
  display: grid;
  grid-template-columns: repeat(6, max-content);
  align-items: center;
  border-bottom: 2px solid #f5f5f5;
  padding: 20px 0;
  transition: all 400ms ease;
}
.cart-item.removed {
  opacity: 0;
  transform: translateX(-100px);
}
.cart-item__color {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background: #eebc42;
  margin: 0 14px 0 0;
}
.cart-item__delete {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #a5a5a5;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 10px */
  cursor: pointer;
}
.cart-item__delete::after {
  width: 16px;
  height: 16px;
  display: block;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.0769 5.64111L3.69229 13.0257C3.69229 13.461 3.86518 13.8784 4.17293 14.1861C4.48069 14.4939 4.89809 14.6668 5.33331 14.6668H10.6666C11.1019 14.6668 11.5193 14.4939 11.827 14.1861C12.1348 13.8784 12.3077 13.461 12.3077 13.0257L12.9231 5.64111' stroke='%23B9B9B9' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.23096 8.5127V12.1968' stroke='%23B9B9B9' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.76904 8.5127V12.1968' stroke='%23B9B9B9' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M2.25635 3.79492H13.7435' stroke='%23B9B9B9' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.0513 3.79503V2.15401C10.0513 1.9364 9.96485 1.72769 9.81097 1.57382C9.6571 1.41994 9.4484 1.3335 9.23078 1.3335H6.76924C6.55163 1.3335 6.34293 1.41994 6.18905 1.57382C6.03518 1.72769 5.94873 1.9364 5.94873 2.15401V3.79503' stroke='%23B9B9B9' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.cart-item__title {
  color: #222;
  font-family: Proxima Nova;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
  margin: 0 0 4px 0;
}
.cart-item__color-type {
  color: #222;
  font-family: Proxima Nova;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}
.cart-item__total {
  color: #282828;
  font-family: Proxima Nova;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
  margin: 0 28px 0 0;
}
.cart-item__sum {
  color: #282828;
  font-family: Proxima Nova;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  margin: 0 23px 0 0;
}

.cart-total {
  color: #282828;
  font-family: Proxima Nova;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  margin: 20px 0 0 0;
  text-align: right;
}
.cart-content {
  height: 90%;
  overflow: auto;
  padding: 0 25px 0 0;
}
.cart-content::-webkit-scrollbar {
  width: 6px; /* ширина scrollbar */
}
.cart-content::-webkit-scrollbar-track {
  background: transparent; /* цвет дорожки */
}
.cart-content::-webkit-scrollbar-thumb {
  background-color: #ffb200e0; /* цвет плашки */
  border-radius: 20px; /* закругления плашки */
  border: 3px solid transparent; /* padding вокруг плашки */
}
.cart .counter {
  background:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(to right, #ffb200, #ff7d00) border-box;
  border: 1px solid transparent;
  margin: 0 28px;
  max-width: 100px;
  height: 36px;
}
.cart .counter-input[type="text"] {
  color: #282828;
}
.cart .counter-minus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10H15' stroke='%23282828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.cart .counter-plus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10H15' stroke='%23282828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 5V15' stroke='%23282828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.cart-form {
  margin: 50px 0 0 0;
}
.cart-form__comment {
  color: #232323;
  font-family: Proxima Nova;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 130% */
  margin: 0 0 20px 0;
}
.cart-form input {
  display: block;
  width: 100%;
}
.cart-form input:not(:last-of-type) {
  margin: 0 0 20px 0;
}
.cart-form p {
  color: #000;
  font-family: Proxima Nova;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 10px 0 20px 0;
}
.cart-form p a {
  color: #000;
  font-family: Proxima Nova;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
}

.cart-form__btn {
  border-radius: 6px;
  background: var(--linear, linear-gradient(45deg, #ffb200 0%, #ff7d00 100%));
  box-shadow: none;
  color: #fff;
  text-align: center;
  font-family: Proxima Nova;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 23px 0;
  text-align: center;
  width: 100%;
}
.select-field {
  align-items: center;
  gap: 8px;
  margin: 30px 0;
  display: none;
}
.custom-select-container {
  width: 186px;
}
.custom-select-opener {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 6px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 10px;
}
.custom-select-opener::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='5' viewBox='0 0 12 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L6 4L1 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 400ms ease;
}
.custom-select-container.is-open .custom-select-opener::after {
  transform: rotate(180deg);
}
.custom-select-panel {
  background-color: #2b2b2b;
}
.custom-select-option {
  cursor: pointer;
}
.custom-select-option.has-focus {
  background: linear-gradient(45deg, #ffb200 0%, #ff7d00 100%);
}
#help .btn.btn__accent {
  width: 100%;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
}

/* Bottom header */
.logo-img {
  margin-right: 20px;
}
.header_bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.active .header_bottom-wrapper {
  gap: 20px;
  justify-content: start;
}
.header_right-menu {
  gap: 40px;
}
.header_right-menu .header-bottom__menu {
  gap: 40px;
}
@media (max-width: 1400px) {
  #first-block.kraska .first-block-right {
    max-width: 40%;
  }
  #first-block.kraska .first-block-left {
    max-width: 60%;
  }
}
@media (max-width: 1200px) {
  #first-block.kraska h1 {
    font-size: 50px;
    line-height: 120%;
  }
  .colors-table {
    gap: 30px 20px;
  }
}
@media (max-width: 992px) {
  .tabs {
    display: none;
  }
  .select-field {
    display: flex;
  }
  .tabs-wrapper {
    margin: 0;
  }
  .colors-table {
    grid-template-columns: repeat(4, 1fr);
  }
  .equipment {
    padding: 80px 0;
  }
  .clients-item {
    padding: 0 15px;
  }
  .clients-content {
    grid-template-columns: repeat(4, 1fr);
  }
  #delivery.kraska {
    padding: 80px 0;
  }
  .cart {
    max-width: 100%;
    width: 100%;
    padding: 0;
    height: 100%;
    overflow: auto;
  }
  .cart-top {
    padding: 60px 15px 32px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cart-content {
    padding: 0 15px;
    height: max-content;
  }
  .cart-close {
    position: relative;
    width: 16px;
    height: 16px;
    top: unset;
    right: unset;
  }
  .cart-title {
    font-size: 26px;
    line-height: 120%;
  }
  .cart-form__comment,
  .cart-form p {
    text-align: center;
  }
  .cart-form {
    margin: 40px 0 0 0;
    padding: 0 0 50px 0;
  }
  .cart-btn {
    position: fixed;
    bottom: 0;
    border-radius: 0;
    background: linear-gradient(45deg, #ffb200 0%, #ff7d00 100%);
    width: 100%;
    height: 50px;
    right: unset;
    top: unset;
    z-index: 1001;
    gap: 17px;
  }
  .cart-btn p {
    display: block;
  }
  #help.kraska h3 {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .kraska #delivery_body {
    padding-top: 30px;
  }
  .production .btn.btn__accent {
    font-size: 26px;
}
}

@media (max-width: 809px) {
  .colors-table {
    grid-template-columns: repeat(3, 1fr);
  }
  #first-block.kraska #first-block-content {
    flex-direction: column;
    gap: 10px;
  }
  
  #first-block.kraska .first-block-left,
  #first-block.kraska .first-block-right {
    max-width: 100%;
    margin-top: 20px;
  }
  
  #first-block.kraska .bigger {
    width: 100%;
  }

  #first-block.kraska #buttons {
    align-items: center;
    gap: 20px;
  }
  #first-block.kraska .main-img {
    display: flex;
    justify-content: center;
  }
  .equipment-item {
    padding: 10px 15px;
  }
  .equipment-item .primary {
    width: calc(100% - 30px);
    text-align: center;
    padding: 10px;
    display: block;
    max-width: 100%;
  }
  .equipment-title {
    font-size: 16px;
    line-height: 120%;
    height: 39px;
  }
  .equipment-content {
    gap: 15px;
  }
  .production-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 20px;
  }
}
@media (max-width: 768px) {
  #first-block.kraska .first-block-left,
  #first-block.kraska .first-block-right {
    max-width: 100%;
    margin-top: 40px; 
  }

  
  #first-block.kraska {
    overflow: initial;
  }
  .header_bottom-wrapper .header-bottom__logo-img {
    display: none;
  }
  #help .primary {
    font-size: 16px;
  }
  #first-block.kraska h1 {
    font-size: 20px;
    line-height: 30px;
  }
  #first-block.kraska #buttons .primary {
    font-size: 20px;
    line-height: 23px;
    padding: 10px 20px;
  }

  #first-block.kraska .main-img img {
    padding-left: 80px;
    width: 100%;
    max-width: 686px;
  }

  #catalog.kraski {
    padding: 50px 0 0 0;
  }
  .clients-content {
    grid-template-columns: repeat(3, 1fr);
  }
  .production-title {
    font-size: 16px;
    line-height: 120%;
    height: 55px;
  }
  .production-content .primary {
    font-size: 20px;
    line-height: 120%;
    padding: 0 10px 0 10px;
  }
  .cart-item {
    grid-template-columns: max-content max-content 1fr max-content;
    gap: 27px 0;
  }
  .cart-item__color {
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
  }
  .cart .counter {
    margin: 0 20px;
    max-width: 100%;
  }
  .cart-item__total {
    grid-column: 1/3;
    margin: 0;
  }
  .cart-item__delete {
    grid-column: 4/5;
    grid-row: 1/2;
    justify-content: flex-end;
  }
  .cart-item__sum {
    grid-column: 3/5;
    margin: 0;
    text-align: right;
  }
}
@media (max-width: 600px) {
  .colors-table {
    grid-template-columns: repeat(2, 1fr);
  }
  .color-card__main {
    padding: 14px 6px 20px 6px;
  }
  .custom-select-container {
    width: 100%;
  }
  #first-block.kraska #buttons .modal {
    width: calc(100% - 20px);
    padding: 10px;
  }
  #first-block.kraska #buttons .btn__accent {
	width: calc(100% - 40px);
    text-align: center;
    padding: 20px;
    font-size: 16px;
  }
  #first-block.kraska #buttons .modal br {
    display: none;
  }
  #first-block.kraska #buttons .primary {
    width: 100%;
    text-align: center;
    padding: 15px;
    font-size: 18px;
  }
  .equipment-content {
    grid-template-columns: 100%;
  }
  .equipment-item {
    padding: 30px 15px;
    gap: 10px;
  }
  .equipment,
  #help.kraska,
  #delivery.kraska {
    padding: 30px 0;
  }
  .production,
  .clients {
    padding: 30px 0;
  }
  .production .btn.btn__accent {
    font-size: 18px;
}
}
@media (max-width: 480px) {
  #first-block.kraska .main-img img {
    padding-left: 40px;
    max-width: 390px;
  }

  .color-card__cart {
    flex-direction: column;
    height: auto;
  }
  .add-to-cart {
    width: 100%;
    padding: 4px 0;
  }
  .clients-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .production-content {
    grid-template-columns: 100%;
    gap: 20px;
  }
  .production-title {
    height: auto;
  }
  .production-content .primary {
    padding: 20px 10px;
  }
  .cart .counter {
    max-width: 100px;
    margin: 0 10px;
  }
}

@media (max-width: 375px) {
  #first-block.kraska .main-img img {
    padding-left: 40px;
    max-width: 330px;
  }

  #first-block.kraska  {
    padding-bottom: 50px;
  }

  #first-block.kraska .first-block-right  {
    margin-top: 0;
  }
}