/* Footer Styles */

/* Base styles */
.footer {
  padding: 60px 0;
}
.footer__body {
  background-color: var(--whiteColor);
  border-radius: 14px;
  box-shadow: 0px 22.63px 22.63px 0px #ffffff inset, 0px -7px 15px 0px #e6e6e6 inset, 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.footer__topmenu:not(:last-child) {
  margin-bottom: 30px;
}
.footer__topmenulink {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer__topmenuicon {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #255a06 100%, #1c4405 0%);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2), 0px 5.6px 5.6px 0px #265d06 inset, 0px -5.6px 5.6px 0px #1a4004 inset;
}
.footer__topmenutext {
  color: var(--greenColor);
  font-weight: 800;
  font-size: 16px;
  line-height: 150%; /* 24/16 */
}
.footer__logo:not(:last-child) {
  margin-bottom: 20px;
}
.footer__text {
  font-size: 12px;
}
.footer__text:not(:last-child) {
  margin-bottom: 15px;
}
.footer__text p:not(:last-child) {
  margin-bottom: 10px;
}
.footer__coltitle {
  font-weight: 800;
  color: var(--greenColor);
  font-size: 16px;
  line-height: 150%; /* 24/16 */
}
.footer__menuitem {
  font-weight: 500;
}
.footer__menulink.footer__menulink-under {
  text-decoration: underline;
}
.footer__ordertel {
  font-weight: 500;
}
.footer__ordertel:not(:last-child) {
  margin-bottom: 15px;
}
.footer__bottom {
  display: flex;
}
.footer__copy {
  color: var(--greenColor);
  font-size: 16px;
  line-height: 118.75%; /* 19/16 */
}
.footer__prod {
  color: var(--greenColor);
  font-size: 16px;
  line-height: 118.75%; /* 19/16 */
  text-decoration: underline;
}

/* Media queries */
@media (max-width: 82.561875em) {
  .footer__bottomtext {
    display: none;
  }
}

@media (max-width: 47.5em) {
  .footer__topmenuicon {
    flex: 0 0 35px;
    height: 35px;
    width: 35px;
  }
  .footer__topmenuicon img {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
  }
  .footer__menu {
    flex-wrap: wrap;
  }
  .footer__column {
    flex: 0 1 calc((100% - 20px) / 2);
  }
}

@media (max-width: 39.375em) {
  .footer {
    background: url("../files/assets/img/footer-bg-mob.webp") center/cover no-repeat;
  }
  .footer__body {
    padding: 30px 15px;
  }
  .footer__topmenuitem:not(:last-child) {
    margin-bottom: 10px;
  }
  .footer__topmenulink {
    border-radius: 14px;
    padding: 10px 15px;
    background-color: var(--whiteColor);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843), 0px 9.52px 9.52px 0px #ffffff inset, 0px -5px 5px 0px #e3e3e3 inset;
  }
  .footer__top:not(:last-child) {
    margin-bottom: 30px;
  }
  .footer__left:not(:last-child) {
    margin-bottom: 30px;
  }
  .footer__logo {
    width: 222px;
  }
  .footer__text {
    line-height: 116.666667%; /* 14/12 */
  }
  .footer__column:not(:last-child) {
    margin-bottom: 30px;
  }
  .footer__coltitle:not(:last-child) {
    margin-bottom: 15px;
  }
  .footer__menulist:not(:last-child) {
    margin-bottom: 10px;
  }
  .footer__menuitem {
    font-size: 14px;
    line-height: 121.428571%; /* 17/14 */
  }
  .footer__menuitem:not(:last-child) {
    margin-bottom: 10px;
  }
  .footer__ordertel {
    font-size: 14px;
    line-height: 121.428571%; /* 17/14 */
  }
  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

@media (max-width: 73.75em) {
  .footer {
    background: url("../files/assets/img/footer-bg.webp") center/cover no-repeat;
  }
  .footer__body {
    padding: 30px 20px;
  }
  .footer__topmenu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843), 0px 9.52px 9.52px 0px #ffffff inset, 0px -5px 5px 0px #e3e3e3 inset;
  }
  .footer__topmenuitem {
    flex: 0 1 calc((100% - 40px) / 3);
  }
  .footer__top {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
  }
  .footer__top:not(:last-child) {
    margin-bottom: 40px;
  }
  .footer__logo {
    width: 100%;
  }
  .footer__text {
    line-height: 133.333333%; /* 16/12 */
    color: rgba(56, 56, 56, 0.6);
  }
  .footer__menu {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 40px;
  }
  .footer__coltitle:not(:last-child) {
    margin-bottom: 20px;
  }
  .footer__menulist:not(:last-child) {
    margin-bottom: 15px;
  }
  .footer__menuitem {
    font-size: 16px;
    line-height: 131.25%; /* 21/16 */
  }
  .footer__menuitem:not(:last-child) {
    margin-bottom: 15px;
  }
  .footer__ordertel {
    font-size: 16px;
    line-height: 131.25%; /* 21/16 */
  }
  .footer__bottom {
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
  }
  .footer__copy {
    font-weight: 800;
  }
  .footer__prod {
    font-weight: 800;
  }
}

@media (min-width: 48em) {
  .footer__topmenu {
    justify-content: space-between;
  }
  .footer__topmenuitem {
    flex: 0 1 auto;
    border-radius: 5px;
    border: 1px solid #fff;
    padding: 7px 20px;
  }
  .footer__topmenuitem:hover {
    border: 1px solid #dadada;
  }
  .footer__topmenuicon {
    flex: 0 0 50px;
    height: 50px;
    width: 50px;
  }
  .footer__topmenuicon img {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
  }
  .footer__column {
    flex: 1;
  }
}

@media (min-width: 61.25em) {
  .footer__body {
    padding: 50px 40px;
  }
  .footer__topmenu {
    padding: 14px 33px;
  }
  .footer__top {
    flex-wrap: nowrap;
    gap: 60px;
  }
  .footer__left {
    flex: 0 0 221px;
  }
  .footer__text-dn {
    display: none;
  }
  .footer__menu {
    padding-top: 17px;
  }
  .footer__column {
    max-width: 262px;
    flex: 0 1 auto;
  }
  .footer__column:first-child {
    max-width: 187px;
  }
  .footer__column:nth-child(2) {
    max-width: 168px;
  }
  .footer__bottom {
    display: grid;
    grid-template-columns: 222px 1fr 262px;
    gap: 60px;
  }
  .footer__bottomtext {
    font-size: 12px;
    line-height: 133.333333%; /* 16/12 */
    font-weight: 500;
    color: rgba(56, 56, 56, 0.6);
    max-width: 647px;
  }
  .footer__prod {
    justify-self: start;
  }
}

/* Hover styles */
html:not([data-fls-touch]) .footer__topmenulink:hover {
  text-decoration: auto;
}
html:not([data-fls-touch]) .footer__menulink:hover {
  text-decoration: auto;
}
html:not([data-fls-touch]) .footer__menulink.footer__menulink-under:hover {
  text-decoration: none;
}
html:not([data-fls-touch]) .footer__ordertel:hover {
  text-decoration: auto;
}
html:not([data-fls-touch]) .footer__prod:hover {
  text-decoration: none;
}