:root {
  --beige: #C8A791;
  --brown: #603320;
  --white: #ffffff;
}

body {
  background-color: var(--beige);
  color: var(--white);111
}
h2 {
  color: var(--brown);
}
.header {
  background-color: var(--beige);
}
.header__button .btn-sm-aslink {
  color: var(--brown);
}
.header__menuItem {
  color: var(--brown);
}
.header__menuActive {
  color: var(--white);
}
.header__menuLI_1 .header__menuItem {
  color: var(--white);
}
.products {
  background-color: var(--beige);
}
.footer__year,
.footer__agreement,
.footer__agreement a {
  color: var(--white);
}
.btn-primary {
  background-color: var(--white) !important;
  color: var(--brown);
  border-color: var(--white);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  border-color: var(--beige);
}

.partnerForm__field,
.partnerForm__radio label input + span,
.partnerForm__radio label input:checked + span,
.partnerForm__select > div > div{
  border-color: var(--white);
  color: var(--white);
}
.partnerForm__label,
.partnerForm__field::placeholder {
  color: var(--white);
}
.partnerForm__radio label input + span:before {
  background: var(--white);
}
.partnerForm__agreement label input + span:before {
  background: var(--white);
}
.partnerForm__radio label input:checked + span:before {
  background-image: url(//api.fummo.ru/upload/ultima/radio.svg);
}
.partnerForm__agreement label input:checked + span:before {
  background-image: url(//api.fummo.ru/upload/ultima/checkbox.svg);
}
.partnerForm__radio label:hover input:not(:checked) + span {
  border-color: var(--brown);
}
.feedback__input:hover,
.feedback__input:focus,
.partnerForm__input:focus,
.partnerForm__input:hover {
  outline: 1px var(--brown) solid;
}
.partnerForm__select > div > div:focus,
.partnerForm__select > div > div:hover {
  border-color: var(--brown);
}

.partnerFormModal__container .partnerForm__title {
  color: var(--white);
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
  color: var(--brown);
}

.features {
  overflow: hidden;
  background: url("./under_banner_cropped.png") no-repeat 50% 50% / auto 410px;
  aspect-ratio: 1172 / 560;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 500px;
  margin-bottom: -100px;
}
@media (max-width: 1024px) {
  .features {
    background-size: auto 310px;
    gap: 300px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .features {
    flex-direction: column;
    gap: 30px;
    padding-right: 50px;
    background: none;
    aspect-ratio: auto;
    margin: 40px -15px 40px 0;
    position: relative;
    overflow: hidden;
  } 
  .features:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60%;
    width: 100%;
    height: 100%;
    background: url("./under_banner_cropped.png") no-repeat right 50% top 50% / contain;
    z-index: -1;
    opacity: 0.8;
  }
}
.features-left {
  flex: 0 0 20%;
  gap: 50px;
}
.features-right {
  flex: 0 0 15%;
  gap: 40px;
}
@media (max-width: 1024px) {
  .features-left {
    flex: 0 0 35%;
    gap: 40px;
  }
  .features-right {
    flex: 0 0 30%;
    gap: 40px;
  } 
}
@media (max-width: 767px) {
  .features-left,
  .features-right {
    flex: 0 0 auto;
    gap: 30px;
  }
}

.features-left,
.features-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.features-item {
  visibility: hidden;
}
.features-item.on-left {
  padding-right: 15px;
  border-right: 1px var(--white) solid;
  text-align: right;
}
@media (max-width: 767px) {
  .features-item.on-left {
    padding-right: 0;
    border-right: 0px var(--white) solid;
    padding-left: 15px;
    border-left: 1px var(--white) solid;
    text-align: left;
  }
}
.features-item.on-right {
  padding-left: 15px;
  border-left: 1px var(--white) solid;
}

.tastes__item {
  color: var(--brown);
  opacity: 0.8;
}
.tastes__item:hover,
.tastes__item:focus {
  opacity: 1;
}
.tastes__item-selected {
  color: var(--brown);
  opacity: 1;
}
.tastes__item-selected svg {
  fill: var(--brown);
}
.partnerForm__legend,
.partnerForm__agreement label span,
.partnerForm__agreement label a {
  color: var(--white);
}

.contacts__social > ul > li img {
  box-sizing: border-box;
  padding: 48px 48px 0 0;
}
.contacts__social > ul > li:nth-child(1) img {
  background: url("//api.fummo.ru/upload/ultima/social/telegram.png");
}
.contacts__social > ul > li:nth-child(2) img {
  background: url("//api.fummo.ru/upload/ultima/social/vk.png");
}
.contacts__social > ul > li:nth-child(3) img {
  background: url("//api.fummo.ru/upload/ultima/social/insta.png");
}

.footer__toTop:hover,
.footer__toTop:focus {
  background: hsla(0, 0%, 0%, 0.5);
  -webkit-box-shadow: 0 0 0 1px var(--brown);
  box-shadow: 0 0 0 1px var(--brown);
}
.footer__toTop:hover svg, 
.footer__toTop:focus svg {
  stroke: var(--white);
}

.products__item-new:before {
  background-color: var(--brown);
}

.ultima_title {
  text-align: center;
}
@media (max-width: 1024px) {
  .ultima_title {
    font-size: 44px !important;
    margin-top: -30px;
  }
}
@media (max-width: 768px) {
  .ultima_title {
    line-height: 1.1 !important;
    margin-bottom: 70px !important;
  }
}