/* Tab content visibility */
.tab__content {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.tab__content.show {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.brands__hero .hero__title {
  max-width: 63.542vw;
}
.brands__hero .hero__bottom-text-wrap:first-child .hero__bottom-text {
  max-width: 14.219vw;
}
.brands__hero .hero__bottom-text-wrap:last-child .hero__bottom-text {
  max-width: 14.219vw;
}

.brands {
  padding-top: 4.688vw;
}

.brands__content {
  padding-top: 1.458vw;
}

.brand__info-top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 5.521vw;
}
.brand__info-name {
  margin-bottom: 0.521vw;
}
.brand__site {
  font-size: 1.146vw;
  font-weight: 400;
  line-height: 103%; /* 1.18vw */
  letter-spacing: 0.011vw;
  text-decoration: underline;
  opacity: 0.5;
  transition: 0.3s;
}
.brand__site:hover {
  opacity: 1;
}
.brand__descr_titebond {
  margin-right: 6.615vw;
  max-width: 33.958vw;
}
.brand__descr_minwax {
  margin-right: 9.115vw;
  max-width: 31.146vw;
}
.brand__descr_altax {
  margin-right: 5.208vw;
  max-width: 35vw;
}
.brand__descr_man-at-work {
  margin-right: 14.479vw;
  max-width: 25.781vw;
}
.brand__slider-wrap {
  display: flex;
  align-items: center;
  gap: 4.792vw;
}
.brand__slider {
  width: 91.208vw;
}
.brand__slider .slick-list {
  margin: 0 -10px;
  padding-right: 1.042vw;
}
.brand__slider .brand__slider-item {
  margin: 0 10px;
}
.brand__slider-item {
  border-radius: 2.083vw;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}
.brand__slider-item:first-of-type {
  box-shadow: 0 0 0 1px inset rgba(31, 31, 29, 0.1);
}
.brand__slider-item:first-of-type img {
  width: 13.281vw;
  height: auto;
}
.brand__slider-item:not(:first-of-type) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.story__card {
  padding: 7.76vw 2.865vw 2.083vw;
  width: 56.667vw;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.brand-story__content {
  height: 56.667vw;
}

.brand-story__img {
  width: 39.6vw;
  border-radius: 2.083vw;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.brand__story-subtitle {
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.349vw; /* 143.889% */
  text-transform: uppercase;
  margin-bottom: 0.938vw;
}
.brand__story-title {
  margin-bottom: 3.385vw;
}
.brand__story-text {
  display: flex;
  gap: 4.635vw;
  align-items: start;
}
.brand__story-descr {
  width: 20.208vw;
}

.brand__coop {
  width: 100%;
  border-radius: 1.042vw;
  border: 0.052vw solid #1f1f1d;
  padding: 1.51vw 1.302vw 1.563vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.brand__coop-text {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.025vw;
  text-transform: uppercase;
  max-width: 21.458vw;
}
.brand__coop-text_minwax {
  max-width: 26.719vw;
}
.brand__coop-text_mat {
  max-width: 30.938vw;
}

.about__stat-quant span {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 3.474vw;
  letter-spacing: 0.125vw;
}

.brand-story__stat {
  width: 19.74vw;
}

.brand-story__stats {
  gap: 4.74vw;
  margin-top: 6.615vw;
  min-height: 198.605px;
}
.brand-story__stats .about__stat-quant {
  margin-bottom: 1.146vw;
}

.brand__adv-title {
  max-width: 53.542vw;
  margin-bottom: 2.604vw;
}
.brand__adv-text {
  display: flex;
  gap: 19.167vw;
  align-items: start;
}
.brand__adv-text_minwax .brand__adv-descr:first-child {
  width: 20.833vw;
}
.brand__adv-descr {
  width: 22.083vw;
}

.brand__content.show {
  overflow: visible;
}

.brand__adv-list-wrap {
  margin-top: 7.813vw;
}
.brand__adv-list {
  display: flex;
  gap: 1.042vw;
}
.brand__adv-item {
  width: 23.698vw;
  aspect-ratio: 1;
  border-radius: 2.083vw;
  box-shadow: 0 0 0 1px inset rgba(31, 31, 29, 0.1);
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}
.brand__adv-item svg {
  opacity: 0.25;
  width: 2.865vw;
  height: 2.865vw;
  transition: 0.3s;
}
.brand__adv-item svg path {
  transition: 0.3s;
}
.brand__adv-item:hover {
  box-shadow: 0 0 0 1px inset rgb(31, 31, 29);
}
.brand__adv-item:hover svg {
  opacity: 1;
}
.brand__adv-item:hover svg path {
  fill: #ef642d;
}
.brand__adv-item:hover:nth-of-type(2) svg path {
  stroke: #ef642d;
}
.brand__adv-item:hover:nth-of-type(3) svg path {
  stroke: #ef642d;
}
.brand__adv-item-inner {
  padding: 1.823vw 1.823vw 1.771vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.cards-section__top_brand {
  margin-bottom: 5vw;
}

.brand-hero {
  opacity: 0;
}
.brand-hero.show {
  opacity: 1;
}

@media (max-width: 1150px) {
  .brands__hero .hero__title {
    max-width: 66.016vw;
  }
  .brands__hero .hero__bottom-text-wrap:first-child .hero__bottom-text {
    max-width: 22.396vw;
  }
  .brands__hero .hero__bottom-text-wrap:last-child .hero__bottom-text {
    max-width: 18.359vw;
  }
  .brands {
    padding-top: 4.948vw;
  }
  .brands__content {
    padding-top: 0;
  }
  .brand__info-top {
    margin-bottom: 5.208vw;
  }
  .brand__info-name {
    margin-bottom: 1.042vw;
  }
  .brand__site {
    font-size: 1.563vw;
    font-weight: 400;
    line-height: 103%; /* 2.951vw */
    letter-spacing: 0.029vw;
  }
  .brand__descr_titebond {
    margin-right: 11.979vw;
    max-width: 46.745vw;
  }
  .brand__descr_minwax {
    margin-right: 15.365vw;
    max-width: 43.359vw;
  }
  .brand__descr_altax {
    margin-right: 14.063vw;
    max-width: 44.661vw;
  }
  .brand__descr_man-at-work {
    margin-right: 18.099vw;
    max-width: 40.625vw;
  }
  .brand__slider-wrap {
    gap: 6.771vw;
  }
  .brand__slider {
    width: 86.286vw;
  }
  .brand__slider .slick-list {
    margin: 0 -5px;
    padding-right: 2.604vw;
  }
  .brand__slider .brand__slider-item {
    margin: 0 5px;
  }
  .brand__slider-item {
    border-radius: 1.953vw;
    display: flex !important;
  }
  .brand__slider-item:first-of-type img {
    width: 13.672vw;
  }
  .story__card {
    padding: 2.604vw;
    width: 58.724vw;
  }
  .brand-story__content {
    height: 87.24vw;
  }
  .brand-story__img {
    width: 34.766vw;
    border-radius: 1.953vw;
  }
  .brand__story-subtitle {
    font-size: 1.563vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1; /* 143.889% */
    text-transform: none;
    margin-bottom: 1.302vw;
  }
  .brand__story-title {
    margin-bottom: 3.906vw;
    font-size: 2.344vw;
    line-height: 3.255vw;
  }
  .brand__story-text {
    flex-direction: column;
    gap: 1.953vw;
  }
  .brand__story-descr {
    width: 100%;
  }
  .brand__story_titebond .brand__story-descr:first-child {
    width: 35.286vw;
  }
  .brand__story_titebond .brand__story-descr:last-child {
    width: 31.25vw;
  }
  .brand__story_minwax .brand__story-descr:first-child {
    width: 40.885vw;
  }
  .brand__story_minwax .brand__story-descr:last-child {
    width: 46.875vw;
  }
  .brand__story_altax .brand__story-descr:first-child {
    width: 54.297vw;
  }
  .brand__story_altax .brand__story-descr:last-child {
    width: 46.875vw;
  }
  .brand__story_mat .brand__story-descr:first-child {
    width: 39.063vw;
  }
  .brand__story_mat .brand__story-descr:last-child {
    width: 41.667vw;
  }
  .brand__coop {
    border-radius: 2.604vw;
    padding: 2.604vw 2.604vw 2.604vw 1.302vw;
    flex-direction: column;
    gap: 2px;
    align-items: end;
    min-height: 17.318vw;
  }
  .brand__coop_row {
    flex-direction: row;
    gap: 6px;
  }
  .brand__coop-text {
    font-size: 2.083vw;
    line-height: 1;
    letter-spacing: 0.063vw;
    max-width: 31.25vw;
    align-self: start;
  }
  .about__stat-quant span {
    font-size: 3.125vw;
    line-height: 1;
    letter-spacing: 0.182vw;
  }
  .brand-story__stat {
    width: 22.786vw;
  }
  .brand-story__stats {
    gap: 1.953vw;
    margin-top: 4.427vw;
    min-height: auto;
  }
  .brand-story__stats .about__stat-quant {
    margin-bottom: 1.042vw;
  }
  .brand-story__stats_minwax .brand-story__stat:last-child {
    width: 29.297vw;
  }
  .brand-story__stats_altax .brand-story__stat {
    width: 29.297vw;
  }
  .brand-story__stats_mat .brand-story__stat {
    width: 45.833vw;
  }
  .brand__adv-title {
    max-width: 42.708vw;
    margin-bottom: 3.906vw;
    font-size: 2.344vw;
    line-height: 3.255vw;
  }
  .brand__adv-text {
    gap: 16.406vw;
  }
  .brand__adv-descr {
    width: 31.641vw;
  }
  .brand__adv-list-wrap {
    margin-top: 5.208vw;
    display: flex;
    align-items: center;
    gap: 6.771vw;
  }
  .brand__adv-list {
    display: block;
    width: 85.286vw;
  }
  .brand__adv-list .slick-list {
    margin: 0 -5px;
    padding-right: 2.604vw;
  }
  .brand__adv-list .brand__adv-item {
    margin: 0 5px;
  }
  .brand__adv-item {
    width: auto;
    border-radius: 1.953vw;
  }
  .brand__adv-item svg {
    width: 4.557vw;
    height: 4.557vw;
  }
  .brand__adv-item-inner {
    padding: 2.604vw;
  }
  .cards-section__top_brand {
    margin-bottom: 6.901vw;
  }
  .cards-section__top_brand h2 {
    font-size: 2.344vw;
    line-height: 3.255vw;
  }
}
@media (max-width: 576px) {
  .brands__hero .hero__title {
    max-width: 88.056vw;
  }
  .brands__hero .hero__bottom-text-wrap:first-child .hero__bottom-text {
    max-width: 30.556vw;
  }
  .brands__hero .hero__bottom-text-wrap:last-child .hero__bottom-text {
    max-width: 100%;
  }
  .brands {
    padding-top: 14.722vw;
    overflow: hidden;
  }
  .brands__content {
    padding-top: 0;
  }
  .brand__info {
    padding-top: 7.222vw;
  }
  .brand__info-top {
    margin-bottom: 6.944vw;
    flex-direction: column;
    gap: 2.222vw;
  }
  .brand__info-name {
    margin-bottom: 2.778vw;
  }
  .brand__site {
    font-size: 3.333vw;
    font-weight: 400;
    line-height: 103%; /* 6.294vw */
    letter-spacing: 0.061vw;
  }
  .brand__descr {
    max-width: 66.389vw;
    margin-right: 0;
    align-self: end;
  }
  .brand__slider-wrap {
    gap: 14.444vw;
  }
  .brand__slider {
    width: 100%;
  }
  .brand__slider .slick-list {
    margin: 0 -6px;
    overflow: visible;
    padding-right: 0;
  }
  .brand__slider .brand__slider-item {
    margin: 0 6px;
  }
  .brand__slider-item {
    border-radius: 10px;
    display: flex !important;
  }
  .brand__slider-item:first-of-type img {
    width: 29.167vw;
  }
  .story__card {
    padding: 5.556vw;
    width: 100%;
  }
  .brand-story__content {
    height: auto;
  }
  .brand-story__img {
    width: 100%;
    border-radius: 5.556vw;
    height: 60.556vw;
  }
  .brand__story-subtitle {
    font-size: 3.333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1; /* 143.889% */
    margin-bottom: 2.778vw;
  }
  .brand__story-title {
    margin-bottom: 8.333vw;
    font-size: 5vw;
    line-height: 6.944vw;
  }
  .brand__story-text {
    flex-direction: column;
    gap: 6.944vw;
  }
  .brand__story-descr {
    width: 75.278vw;
  }
  .brand__story .brand__story-descr:nth-child(n) {
    width: 75.278vw;
  }
  .brand__story_titebond .brand__story-descr:first-child {
    width: 75.278vw;
  }
  .brand__story_titebond .brand__story-descr:last-child {
    width: 66.667vw;
  }
  .brand__coop {
    border-radius: 5.556vw;
    padding: 5.556vw;
    justify-content: space-between;
    gap: 0.556vw;
    align-items: start;
    height: 50.833vw;
    margin-top: 8.333vw;
  }
  .brand__coop_row {
    flex-direction: column;
  }
  .brand__coop-text {
    font-size: 4.444vw;
    line-height: 1;
    letter-spacing: 0.133vw;
    max-width: 66.667vw;
    align-self: start;
  }
  .about__stat-quant span {
    font-size: 6.667vw;
    line-height: 1;
    letter-spacing: 0.389vw;
  }
  .brand-story__stat {
    width: 48.611vw;
  }
  .brand-story__stats {
    gap: 4.167vw;
    margin-top: 9.444vw;
    min-height: auto;
  }
  .brand-story__stats .about__stat-quant {
    margin-bottom: 8px;
  }
  .brand-story__stats_minwax .brand-story__stat:last-child {
    width: 63.333vw;
  }
  .brand-story__stats_mat .brand-story__stat {
    width: 63.333vw;
  }
  .brand__adv-title {
    max-width: 91.111vw;
    margin-bottom: 8.333vw;
    font-size: 5vw;
    line-height: 6.944vw;
  }
  .brand__adv-text {
    gap: 6.944vw;
    flex-direction: column;
  }
  .brand__adv-descr {
    width: 67.5vw;
  }
  .brand__adv-list-wrap {
    margin-top: 8.333vw;
    display: flex;
    gap: 6.944vw;
    align-items: end;
    flex-direction: column;
  }
  .brand__adv-list {
    width: 100%;
    align-self: start;
  }
  .brand__adv-list .slick-list {
    margin: 0 -5px;
    padding-right: 0;
  }
  .brand__adv-list .brand__adv-item {
    margin: 0 5px;
  }
  .brand__adv-item {
    border-radius: 5.556vw;
  }
  .brand__adv-item svg {
    width: 9.722vw;
    height: 9.722vw;
  }
  .brand__adv-item .why-choose__descr {
    max-width: 68.056vw;
  }
  .brand__adv-item-inner {
    padding: 5.556vw;
  }
  .cards-section__top_brand {
    margin-bottom: 6.389vw;
  }
  .cards-section__top_brand h2 {
    font-size: 5vw;
    line-height: 6.944vw;
  }
}