@charset "UTF-8";
.transition {
  transition-property: opacity, transform;
}

.duration-300 {
  transition-duration: 300ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.transform {
  transform-origin: center;
}

.scale-90 {
  transform: scale(0.9);
}

.scale-100 {
  transform: scale(1);
}

.footer {
  padding: 2.5rem 0 0.7rem;
  background-color: #ffffff;
  border-top: 0.0625rem solid #eeeae6;
}
@media (min-width: 768px) {
  .footer {
    padding: 2.5rem 0 1rem;
  }
}
@media (min-width: 1300px) {
  .footer {
    padding: 1.5rem 0 1rem;
  }
}
.footer .footer__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 0.75rem;
}
@media (min-width: 1300px) {
  .footer .footer__grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.footer .footer__column {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  grid-column: span 1;
}
@media (min-width: 768px) {
  .footer .footer__column {
    margin-bottom: 3.25rem;
  }
}
.footer .footer__column.footer__column--wide {
  grid-column: 1/3;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .footer .footer__column.footer__column--wide {
    margin-bottom: 3.25rem;
  }
}
@media (min-width: 1300px) {
  .footer .footer__column.footer__column--wide {
    grid-column: 1/4;
  }
}
.footer .footer__column.footer__column--wide .footer__title {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .footer .footer__column.footer__column--wide .footer__title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .footer .footer__column.footer__column--2 {
    padding-left: 20%;
  }
}
@media (min-width: 1300px) {
  .footer .footer__column.footer__column--3 {
    padding-left: 35%;
  }
}
.footer .footer__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .footer .footer__title {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .footer .footer__title {
    margin-bottom: 0.5rem;
  }
}
.footer .footer__list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .footer .footer__list {
    gap: 0.5rem;
  }
}
@media (min-width: 1300px) {
  .footer .footer__list {
    gap: 0.38rem;
  }
}
.footer .footer__item {
  height: 1.25rem;
}
@media (min-width: 768px) {
  .footer .footer__item {
    height: 1.625rem;
  }
}
.footer .footer__link {
  width: min-content;
}
.footer .footer__form {
  margin-bottom: 30px;
}
@media (min-width: 1300px) {
  .footer .footer__form {
    max-width: 26.8125rem;
  }
}
.footer .footer__form-group {
  position: relative;
  display: flex;
  align-items: center;
}
.footer .footer__input {
  width: 100%;
  padding: 12px 40px 12px 0;
  border: none;
  border-bottom: 1px solid var(--bs-gray-500);
  font-size: 14px;
  line-height: 1.4;
  background-color: transparent;
}
.footer .footer__input::placeholder {
  color: var(--bs-gray-500);
}
.footer .footer__input:focus {
  outline: none;
}
.footer .footer__submit {
  position: absolute;
  right: 0;
  padding: 8px;
  border: none;
  background: none;
  color: var(--bs-dark);
  cursor: pointer;
  transition: color 0.3s ease;
}
.footer .footer__submit:hover {
  color: var(--bs-primary);
}
.footer .footer__social {
  display: flex;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .footer .footer__social {
    gap: 0.75rem;
  }
}
.footer .footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .footer .footer__social-link {
    width: 3rem;
    height: 3rem;
  }
}
@media (min-width: 1300px) {
  .footer .footer__social-link {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.footer .footer__social-link svg {
  /*width: 100%;*/
  /*height: 100%;*/
}
.footer .footer__social-link:hover {
  transform: scale(1.1);
}
.footer .footer__social-link:hover svg path {
  fill: #d4cec8;
}
.footer .footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .footer .footer__contacts {
    margin-bottom: 1.75rem;
  }
}
.footer .footer__phone,
.footer .footer__email {
  width: fit-content;
}
.footer .footer__bottom {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
  padding-top: 0px;
  align-items: center;
}
@media (min-width: 1300px) {
  .footer .footer__bottom {
    grid-template-columns: repeat(5, auto);
  }
}
.footer .footer__center {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.footer .footer__policy {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: fit-content;
}
.footer .footer__policy_1 {
  grid-column: 1/3;
  justify-self: center;
}
@media (min-width: 1300px) {
  .footer .footer__policy_1 {
    grid-column: 4/5;
    grid-row: 1/2;
  }
}
.footer .footer__policy_2 {
  margin-bottom: 0.3125rem;
  grid-column: 1/3;
  justify-self: center;
}
@media (min-width: 1300px) {
  .footer .footer__policy_2 {
    margin-bottom: 0;
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.footer .footer__payment {
  margin-bottom: 1.3rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  display: flex;
  gap: 0.88rem;
  align-items: center;
  justify-content: center;
  grid-column: 1/3;
}
@media (min-width: 768px) {
  .footer .footer__payment {
    margin-bottom: 2rem;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    gap: 1.15rem;
  }
}
@media (min-width: 1300px) {
  .footer .footer__payment {
    margin-bottom: 0;
    padding: 0;
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
@media (min-width: 768px) {
  .footer .footer__payment-icon--1 {
    width: 3.62581rem;
    height: 1.1375rem;
  }
}
@media (min-width: 768px) {
  .footer .footer__payment-icon--2 {
    width: 2.34606rem;
    height: 1.42188rem;
  }
}
@media (min-width: 768px) {
  .footer .footer__payment-icon--3 {
    width: 4.12344rem;
    height: 1.1375rem;
  }
}
.footer .footer__made-link {
  grid-row: 4/5;
  justify-self: end;
}
@media (min-width: 1300px) {
  .footer .footer__made-link {
    grid-column: 5/6;
    grid-row: 1/2;
  }
}
.footer .footer__copyright {
  white-space: nowrap;
  grid-row: 4/5;
  justify-self: start;
}
@media (min-width: 1300px) {
  .footer .footer__copyright {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

.footer-mini {
  padding: 1.5rem 0 0.75rem;
  margin-top: 5rem;
  background-color: #ffffff;
  border-top: 0.0625rem solid #eeeae6;
}
@media (min-width: 768px) {
  .footer-mini {
    padding: 2rem 0 1rem;
    margin-top: 7.5rem;
  }
}
@media (min-width: 1300px) {
  .footer-mini {
    padding: 1.5rem 0;
  }
}
.footer-mini .footer-mini__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1300px) {
  .footer-mini .footer-mini__grid {
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }
}
.footer-mini .footer-mini__title {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (min-width: 1300px) {
  .footer-mini .footer-mini__title {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.footer-mini .footer-mini__phone {
  margin-top: 0.25rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #211c15;
  text-decoration: none;
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (min-width: 768px) {
  .footer-mini .footer-mini__phone {
    margin-top: 0.375rem;
  }
}
@media (min-width: 1300px) {
  .footer-mini .footer-mini__phone {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.footer-mini .footer__social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  grid-column: 2/3;
  grid-row: 1/3;
}
@media (min-width: 768px) {
  .footer-mini .footer__social {
    align-self: flex-start;
  }
}
@media (min-width: 1300px) {
  .footer-mini .footer__social {
    margin-left: 5.9375rem;
    grid-column: 2/3;
    grid-row: 1/3;
    align-self: center;
    justify-content: start;
  }
}
.footer-mini .footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .footer-mini .footer__social-link {
    align-items: flex-start;
  }
}
.footer-mini .footer__social-link svg {
  width: 100%;
  height: 100%;
}
.footer-mini .footer__social-link:hover {
  transform: scale(1.1);
}
.footer-mini .footer__social-link:hover svg path {
  fill: #d4cec8;
}
.footer-mini .footer-mini__messenger-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #f6f4f2;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.footer-mini .footer-mini__messenger-link:hover {
  background-color: #eeeae6;
}
.footer-mini .footer-mini__messenger-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.footer-mini .footer-mini__links {
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  grid-column: 1/3;
  grid-row: 3/4;
}
@media (min-width: 768px) {
  .footer-mini .footer-mini__links {
    padding-right: 5.625rem;
    margin-top: 2rem;
    gap: 1rem;
    gap: 2.5rem;
    justify-content: flex-start;
  }
}
@media (min-width: 1300px) {
  .footer-mini .footer-mini__links {
    grid-column: 3/4;
    grid-row: 1/3;
    margin-top: 0;
  }
}
.footer-mini .footer-mini__link {
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

.tooltip-wrapper {
  position: relative;
  display: inline-flex;
}

.tooltip {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  position: absolute;
  left: calc(100% + 10px);
  top: 35%;
  transform: translateY(0%);
  padding: 0.5rem 1.125rem;
  background-color: #eeeae6;
  border-radius: 0;
  color: #211c15;
  z-index: 10;
  max-width: 17.625rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  white-space: normal;
}
@media (min-width: 1300px) {
  .tooltip {
    display: block;
    width: 11.25rem;
  }
}
@media screen and (min-width: 97.5rem) {
  .tooltip {
    width: 14.875rem;
  }
}
@media screen and (min-width: 97.5rem) {
  .tooltip .tooltip__text {
    font-size: 0.75rem;
  }
}
.tooltip::before {
  content: "";
  position: absolute;
  top: 0rem;
  right: 100%;
  border-top: 0rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.5rem solid #eeeae6;
}
.tooltip__text {
  font-size: 1rem;
  line-height: 1.5;
}

.tooltip-wrapper:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.text-display {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 3rem;
  line-height: 2.875rem;
  letter-spacing: -0.06rem;
  text-transform: none;
  text-decoration: none;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .text-display {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 4.875rem;
    line-height: 5rem;
    letter-spacing: -0.12188rem;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-display {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 3.75rem;
    line-height: 3.5rem;
    letter-spacing: -0.075rem;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-display {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: -0.2rem;
    text-transform: none;
    text-decoration: none;
  }
}

.text-heading {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.625rem;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .text-heading {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 2.25rem;
    line-height: 2.375rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-heading {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-heading {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 2.25rem;
    line-height: 2.375rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}

.text-heading-2 {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .text-heading-2 {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-heading-2 {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.625rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-heading-2 {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 2rem;
    line-height: 2.125rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}

.text-subheading {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .text-subheading {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.625rem;
    line-height: 2rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-subheading {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-subheading {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.625rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}

.text-subheading-del {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: line-through;
}
@media (min-width: 768px) {
  .text-subheading-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 2.25rem;
    line-height: 2.625rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: line-through;
  }
}
@media (min-width: 1300px) {
  .text-subheading-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: line-through;
  }
}
@media (min-width: 1920px) {
  .text-subheading-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.625rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: line-through;
  }
}

.text-body-var {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.015rem;
  text-transform: none;
  text-decoration: none;
}
.product-card__title.text-body-var {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}
@media (min-width: 768px) {
  .text-body-var {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: 0.0225rem;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-body-var {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.0175rem;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-body-var {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: none;
    text-decoration: none;
  }
}

.text-body-var-uppercase {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: -0.0075rem;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 768px) {
  .text-body-var-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -0.01125rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-body-var-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.00875rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-body-var-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: -0.01rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}

.text-body-var-underline {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: -0.0075rem;
  text-transform: none;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .text-body-var-underline {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -0.01125rem;
    text-transform: none;
    text-decoration: underline;
  }
}
@media (min-width: 1300px) {
  .text-body-var-underline {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.00875rem;
    text-transform: none;
    text-decoration: underline;
  }
}
@media (min-width: 1920px) {
  .text-body-var-underline {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: -0.01rem;
    text-transform: none;
    text-decoration: underline;
  }
}

.text-body-var-del {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: -0.0075rem;
  text-transform: none;
  text-decoration: line-through;
}
@media (min-width: 768px) {
  .text-body-var-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -0.01125rem;
    text-transform: none;
    text-decoration: line-through;
  }
}
@media (min-width: 1300px) {
  .text-body-var-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.00875rem;
    text-transform: none;
    text-decoration: line-through;
  }
}
@media (min-width: 1920px) {
  .text-body-var-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: -0.01rem;
    text-transform: none;
    text-decoration: line-through;
  }
}

.text-caption {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.015rem;
  text-transform: none;
  text-decoration: none;
}
@media (min-width: 768px) {
  .text-caption {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    letter-spacing: 0.01875rem;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-caption {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.015rem;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-caption {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: none;
    text-decoration: none;
  }
}

.text-caption-uppercase {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.015rem;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 768px) {
  .text-caption-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    letter-spacing: 0.01875rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-caption-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-caption-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}

.text-caption-underline {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.015rem;
  text-transform: none;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .text-caption-underline {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5rem;
    letter-spacing: 0.025rem;
    text-transform: none;
    text-decoration: underline;
  }
}
@media (min-width: 1300px) {
  .text-caption-underline {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.015rem;
    text-transform: none;
    text-decoration: underline;
  }
}
@media (min-width: 1920px) {
  .text-caption-underline {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: none;
    text-decoration: underline;
  }
}

.text-caption-del {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.015rem;
  text-transform: none;
  text-decoration: line-through;
}
@media (min-width: 768px) {
  .text-caption-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: 0.025rem;
    text-transform: none;
    text-decoration: line-through;
  }
}
@media (min-width: 1300px) {
  .text-caption-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.015rem;
    text-transform: none;
    text-decoration: line-through;
  }
}
@media (min-width: 1920px) {
  .text-caption-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: none;
    text-decoration: line-through;
  }
}

.text-controls {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.0175rem;
  text-transform: none;
  text-decoration: none;
}
@media (min-width: 768px) {
  .text-controls {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: 0.0225rem;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-controls {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.0175rem;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-controls {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: none;
    text-decoration: none;
  }
}

.text-controls-uppercase {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.00875rem;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 768px) {
  .text-controls-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.75rem;
    line-height: 2.25rem;
    letter-spacing: -0.0175rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-controls-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.00875rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-controls-uppercase {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: -0.01rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}

.text-controls-del {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.00875rem;
  text-transform: none;
  text-decoration: line-through;
}
@media (min-width: 768px) {
  .text-controls-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -0.0175rem;
    text-transform: none;
    text-decoration: line-through;
  }
}
@media (min-width: 1300px) {
  .text-controls-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.00875rem;
    text-transform: none;
    text-decoration: line-through;
  }
}
@media (min-width: 1920px) {
  .text-controls-del {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: -0.01rem;
    text-transform: none;
    text-decoration: line-through;
  }
}

.text-responsive {
  font-family: "Pragmatica";
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
}
@media (min-width: 768px) {
  .text-responsive {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1300px) {
  .text-responsive {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}
@media (min-width: 1920px) {
  .text-responsive {
    font-family: "Pragmatica";
    font-weight: normal;
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
  }
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin: 0;
}

p {
  margin: 0;
}

.text-white {
  color: #ffffff;
}

.text-black {
  color: #211c15;
}

.text-red {
  color: #c81e3c;
}

.text-beige-100 {
  color: #aca6a0;
}

.text-beige-60 {
  color: #d4cec8;
}

.text-beige-20 {
  color: #dcd8d4;
}

.text-beige-10 {
  color: #eeeae6;
}

.text-beige-5 {
  color: #f6f4f2;
}

.text-grey-100 {
  color: #9b9b9b;
}

:root {
  --header-top-height: 2.25rem;
  --header-top-height-md: 2.75rem;
  --header-top-height-lg: 2.25rem;
  --header-top-height-xl: 2.25rem;
  --nav-height: 3.375rem;
  --nav-height-md: 4rem;
  --nav-height-lg: 3.375rem;
  --nav-height-xl: 3.375rem;
  --input-search-height: 5.125rem;
  --input-search-height-md: 5.875rem;
  --input-search-height-lg: 5rem;
}

.header-wrapper {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.header-wrapper .header-top {
  padding: 0 1rem;
  height: var(--header-top-height);
  background-color: #aca6a0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
}
@media (min-width: 768px) {
  .header-wrapper .header-top {
    height: var(--header-top-height-md);
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header-top {
    height: var(--header-top-height-lg);
  }
}
@media (min-width: 1920px) {
  .header-wrapper .header-top {
    height: var(--header-top-height-xl);
  }
}
.header-wrapper .header-top .header-top__text {
  text-align: center;
  padding-left: 1rem;
  flex-grow: 1;
}
.header-wrapper .header-top .button--cross {
  height: 1rem;
  width: 1.5rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .header-wrapper .header-top .button--cross {
    width: 2rem;
    height: 1.33331rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header-top .button--cross {
    width: 2rem;
    height: 1.25rem;
  }
}
.header-wrapper .header-top .button--cross svg {
  width: 100%;
  height: 100%;
}
.header-wrapper .header {
  position: relative;
  transition: 0.3s ease-in-out;
}
.header-wrapper .header .container--header {
  transition: 0.3s ease-in-out;
  height: var(--nav-height);
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .header-wrapper .header .container--header {
    height: var(--nav-height-md);
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header {
    height: var(--nav-height-lg);
    display: grid;
    grid-template-columns: repeat(4, auto) 1fr repeat(4, auto);
    grid-template-rows: 1fr;
    align-items: center;
    justify-content: space-between;
    gap: 0 1.5rem;
  }
}
.header-wrapper .header .container--header .button--logo {
  flex-grow: 1;
  width: 9.75rem;
  height: 1.3125rem;
}
@media (min-width: 768px) {
  .header-wrapper .header .container--header .button--logo {
    width: 10.497375rem;
    height: 1.499625rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .button--logo {
    width: 9.75rem;
    height: 1.3125rem;
    grid-column: 1/10;
    grid-row: 1/2;
    justify-self: center;
  }
}
.header-wrapper .header .container--header .button--logo svg {
  width: 100%;
  height: 100%;
}
.header-wrapper .header .container--header .button-container {
  position: relative;
  height: 1rem;
  width: 1.5rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .header-wrapper .header .container--header .button-container {
    width: 2rem;
    height: 1.33331rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .button-container {
    width: 2rem;
    height: 1.25rem;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.header-wrapper .header .container--header .button-container .button--menu,
.header-wrapper .header .container--header .button-container .button--cross {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.header-wrapper .header .container--header .button--menu svg path,
.header-wrapper .header .container--header .button--search svg path,
.header-wrapper .header .container--header .button--wishlist svg path,
.header-wrapper .header .container--header .button--cart svg path,
.header-wrapper .header .container--header .button--logo svg path {
  transition: 0.3s ease-in-out;
}
.header-wrapper .header .container--header .button--wishlist {
  height: 1rem;
  width: 1.5rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .header-wrapper .header .container--header .button--wishlist {
    width: 2rem;
    height: 1.33331rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .button--wishlist {
    width: 2rem;
    height: 1.25rem;
  }
}
.header-wrapper .header .container--header .button--wishlist svg {
  width: 100%;
  height: 100%;
}
.header-wrapper .header .container--header .button--menu svg path + path {
  transform: scaleX(0.7);
  transition: 0.3s ease-in-out;
}
.header-wrapper .header .container--header .button--menu:hover svg path + path {
  transform: scaleX(1);
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .button--search,
  .header-wrapper .header .container--header .button--wishlist,
  .header-wrapper .header .container--header .button--cart {
    display: none;
  }
}
.header-wrapper .header .container--header .link {
  display: none;
  color: #ffffff;
  position: relative;
  transition: 0.3s ease-in-out;
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .link {
    display: block;
  }
}
.header-wrapper .header .container--header .link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #aca6a0;
  transition: width 0.3s ease;
}
.header-wrapper .header .container--header .link:hover::after {
  width: 100%;
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .button--search-desktop {
    grid-column: 6/7;
    grid-row: 1/2;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .link--account {
    grid-column: 7/8;
    grid-row: 1/2;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .link--wishlist {
    grid-column: 8/9;
    grid-row: 1/2;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .button--cart {
    grid-column: 9/10;
    grid-row: 1/2;
  }
}
.header-wrapper .header .container--header.is-open, .header-wrapper .header .container--header.is-active {
  background-color: #ffffff;
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header.is-open, .header-wrapper .header .container--header.is-active {
    background-color: #ffffff;
  }
}
.header-wrapper .header .container--header.is-open .button--menu svg path,
.header-wrapper .header .container--header.is-open .button--search svg path,
.header-wrapper .header .container--header.is-open .button--wishlist svg path,
.header-wrapper .header .container--header.is-open .button--cart svg path, .header-wrapper .header .container--header.is-active .button--menu svg path,
.header-wrapper .header .container--header.is-active .button--search svg path,
.header-wrapper .header .container--header.is-active .button--wishlist svg path,
.header-wrapper .header .container--header.is-active .button--cart svg path {
  fill: #211c15;
}
.header-wrapper .header .container--header.is-open .button--logo svg path, .header-wrapper .header .container--header.is-active .button--logo svg path {
  fill: #211c15;
}
.header-wrapper .header .container--header.is-open .link, .header-wrapper .header .container--header.is-active .link {
  transition: 0.3s ease-in-out;
  color: #211c15;
}
.header-wrapper .header .container--header.is-open .link::after, .header-wrapper .header .container--header.is-active .link::after {
  background-color: #211c15;
}
.header-wrapper .header .container--header .wrapper-link--header-menu {
  display: none;
}
@media (min-width: 1300px) {
  .header-wrapper .header .container--header .wrapper-link--header-menu {
    grid-column: 2/3;
    grid-row: 1/2;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
  }
}
@media (hover: hover) {
  .header-wrapper .header .container--header:hover {
    background-color: #ffffff;
  }
  .header-wrapper .header .container--header:hover .button--logo svg path {
    fill: #211c15;
  }
  .header-wrapper .header .container--header:hover .button-container svg path {
    fill: #211c15;
  }
  .header-wrapper .header .container--header:hover .link {
    transition: 0.3s ease-in-out;
    color: #211c15;
  }
  .header-wrapper .header .container--header:hover .link::after {
    background-color: #211c15;
  }
}
.header-wrapper .header .search {
  position: absolute;
  top: 3.375rem;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #ffffff;
}
.header-wrapper .header .search .search__form {
  padding: 0 0.75rem;
  margin-bottom: 1.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .header-wrapper .header .search .search__form {
    padding: 0 1rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__form {
    padding: 0 1rem;
    margin-bottom: 1.75rem;
    grid-column: 1/3;
  }
}
.header-wrapper .header .search .search__form .search__input {
  height: var(--input-search-height);
  font-family: Pragmatica;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.625rem;
}
.header-wrapper .header .search .search__form .search__input::placeholder {
  font-size: 1.5rem;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .header-wrapper .header .search .search__form .search__input {
    height: var(--input-search-height-md);
    font-size: 2.25rem;
    line-height: 2.375rem;
  }
  .header-wrapper .header .search .search__form .search__input::placeholder {
    font-size: 2.25rem;
    line-height: 2.375rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__form .search__input {
    height: var(--input-search-height-lg);
    font-size: 1.75rem;
    line-height: 2rem;
  }
  .header-wrapper .header .search .search__form .search__input::placeholder {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
.header-wrapper .header .search .search__form .button--close {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  height: 2rem;
  width: 2rem;
  overflow: hidden;
}
.header-wrapper .header .search .search__form .button--close svg path {
  height: 2rem;
  width: 2rem;
  fill: #211c15;
}
@media (min-width: 768px) {
  .header-wrapper .header .search .search__form .button--close {
    right: 1rem;
  }
}
.header-wrapper .header .search .search__content {
  height: calc(100vh - (var(--header-top-height, 0px) + var(--nav-height, 0px) + var(--input-search-height, 0px)));
  overflow-y: auto;
}
@media (min-width: 768px) {
  .header-wrapper .header .search .search__content {
    height: calc(100vh - (var(--header-top-height-md, 0px) + var(--nav-height-md, 0px) + var(--input-search-height, 0px)));
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__content {
    padding-bottom: 40px;
    margin-right: 1rem;
    height: 480px;
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(0, 1052px);
    grid-template-rows: auto auto 1fr;
    gap: 0 4.625rem;
    align-items: start;
    justify-content: space-between;
  }
}
.header-wrapper .header .search .search__content .search__often-searches {
  padding: 0 0.75rem;
  margin-bottom: 1.75rem;
}
@media (min-width: 768px) {
  .header-wrapper .header .search .search__content .search__often-searches {
    padding: 0 1rem;
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__content .search__often-searches {
    margin-bottom: 2.25rem;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.header-wrapper .header .search .search__content .search__last-searches {
  padding: 0 0.75rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .header-wrapper .header .search .search__content .search__last-searches {
    padding: 0 1rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__content .search__last-searches {
    margin-bottom: 2.25rem;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__content .container {
    padding-right: 0;
    grid-column: 1/2;
    grid-row: 3/4;
    align-self: end;
    height: 48px;
  }
}
.header-wrapper .header .search .search__content .container .button--search-all svg path {
  fill: #ffffff;
}
.header-wrapper .header .search .search__content .search__title {
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .header-wrapper .header .search .search__content .search__title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__content .search__title {
    margin-bottom: 0.75rem;
  }
}
.header-wrapper .header .search .search__content .search__list {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 0.5rem;
}
.header-wrapper .header .search .search__content .search__list .search__item .search__link {
  color: #211c15;
}
.header-wrapper .header .search .search__results {
  background-color: #ffffff;
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__results {
    grid-column: 2/3;
    grid-row: 1/4;
  }
}
@media (min-width: 768px) {
  .header-wrapper .header .search .search__results .section.section--catalog {
    padding-top: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .header-wrapper .header .search .search__results .section.section--catalog {
    padding: 0;
  }
  .header-wrapper .header .search .search__results .section.section--catalog .swiper.catalog-slider .swiper-slide {
    height: 465px;
    width: calc(25% - 0.75rem);
  }
  .header-wrapper .header .search .search__results .section.section--catalog .swiper.catalog-slider .swiper-slide .product-card {
    width: 100%;
    height: 450px;
  }
  .header-wrapper .header .search .search__results .section.section--catalog .swiper.catalog-slider .swiper-slide .product-card .product-card__image {
    margin-bottom: 1rem;
    width: 100%;
    height: 362px;
  }
  .header-wrapper .header .search .search__results .section.section--catalog .swiper.catalog-slider .swiper-slide .product-card .product-card__title {
    font-size: 14px;
    line-height: 20px;
  }
  .header-wrapper .header .search .search__results .section.section--catalog .swiper.catalog-slider .swiper-slide .product-card .product-card__price {
    font-size: 14px;
    line-height: 20px;
  }
  .header-wrapper .header .search .search__results .section.section--catalog .swiper.catalog-slider .swiper-slide .product-card .product-card__collection {
    font-size: 12px;
    line-height: 16px;
  }
  .header-wrapper .header .search .search__results .section.section--catalog .swiper.catalog-slider .swiper-slide:first-of-type {
    margin-left: 0;
  }
  .header-wrapper .header .search .search__results .section.section--catalog .swiper.catalog-slider .swiper-slide:last-of-type {
    margin-right: 0;
  }
}

.button {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.button:hover {
  transition: 0.3s ease-in-out;
}

.button--empty {
  background-color: transparent;
  border: none;
  padding: 0;
}

.button--subscribe {
  width: 24px;
  height: 24px;
}
.button--subscribe svg {
  flex-shrink: 0;
}
.button--subscribe svg path {
  transition: fill 0.3s ease-in-out;
}
.button--subscribe:hover svg {
  transform: scale(1.1);
}

.button--favorite {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) {
  .button--favorite:hover svg .icon-fill {
    fill: #aca6a0;
  }
}
.button--favorite:active svg .icon-fill {
  fill: #211c15;
}

.button--dropdown {
  padding: 0;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #211c15;
  transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .button--dropdown {
    height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  .button--dropdown {
    height: 3rem;
  }
}
.button--dropdown:hover {
  border-bottom-color: #aca6a0;
}
.button--dropdown:hover svg path {
  transition: 0.3s ease-in-out;
  fill: #aca6a0;
}

.button--icon-right {
  padding: 1rem 0;
  width: 100%;
  height: auto;
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-top-color: #eeeae6;
  transition: 0.3s ease-in-out;
}
button:not([disabled]):not(.button--black):not(.text-beige-100) {
  color: #211c15;
}
@media (min-width: 768px) {
  .button--icon-right {
    min-height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  .button--icon-right {
    min-height: 3rem;
  }
}
.button--icon-right:hover {
  border-top-color: #aca6a0;
}
.button--icon-right:hover svg path {
  transition: 0.3s ease-in-out;
  fill: #aca6a0;
}

.button--black {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border: 1px solid #211c15;
  background-color: #211c15;
  color: #ffffff;
  transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .button--black {
    height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  .button--black {
    height: 3rem;
  }
}
@media (hover: hover) {
  .button--black:hover {
    background-color: #aca6a0;
    border-color: #aca6a0;
  }
}
.button--black:active {
  background-color: #d4cec8;
  border-color: #d4cec8;
}

.button--gray {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eeeae6;
  background-color: #eeeae6;
  color: #211c15;
  transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .button--gray {
    height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  .button--gray {
    height: 3rem;
  }
}
@media (hover: hover) {
  .button--gray:hover {
    background-color: #aca6a0;
    border-color: #aca6a0;
  }
}
.button--gray:active {
  background-color: #d4cec8;
  border-color: #d4cec8;
}

.button--whole-look {
  height: 1.75rem;
  padding: 0 0.375rem;
  border: none;
  background-color: #aca6a0;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.button--whole-look:hover {
  background-color: #211c15;
  color: #ffffff;
}
@media (min-width: 768px) {
  .button--whole-look {
    height: 2rem;
    padding: 0 0.625rem;
    right: 1rem;
    bottom: 1.25rem;
  }
  .button--whole-look svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (min-width: 1300px) {
  .button--whole-look {
    height: 1.75rem;
  }
}

.button--cross {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button--cross svg {
  width: 1.25rem;
  height: 1.25rem;
}
@media (min-width: 768px) {
  .button--cross {
    width: 2rem;
    height: 2rem;
  }
  .button--cross svg {
    width: 2rem;
    height: 2rem;
  }
}
@media (min-width: 1300px) {
  .button--cross {
    width: 24px;
    height: 24px;
  }
  .button--cross svg {
    width: 1rem;
    height: 1rem;
  }
}

.button--inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  height: 1.375rem;
}

.button--plus {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: #ffffff;
  z-index: 102;
  padding-top: 5.625rem;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .menu {
    padding-top: 6.75rem;
  }
}
@media (min-width: 1300px) {
  .menu {
    padding-top: 5.625rem;
    width: 17.5rem;
  }
}

.menu.is-open {
  transform: translateX(0);
}
@media (min-width: 1300px) {
  .menu.is-open {
    border-right: 1px solid #eeeae6;
  }
}

.menu__list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: calc(100vh - 5.625rem);
  overflow-y: auto;
}

.menu__item {
  height: 3.5rem;
  border-bottom: 1px solid #eeeae6;
}
.menu__item:first-child {
  border-top: 1px solid #eeeae6;
}
@media (min-width: 768px) {
  .menu__item {
    height: 4rem;
  }
}
@media (min-width: 1300px) {
  .menu__item {
    height: 3rem;
    border-color: transparent;
  }
}
@media (min-width: 1920px) {
  .menu__item {
    height: 3.5rem;
  }
}
.menu__item .button--login {
  width: 100%;
}
.menu__item .button--login span {
  margin-left: 0.5rem;
  margin-right: auto;
}
@media (min-width: 768px) {
  .menu__item .button--login span {
    margin-left: 1rem;
  }
}

@media (min-width: 1300px) {
  .menu__item--alt {
    display: none;
  }
}

.menu__item--login {
  padding-left: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: start;
}
.menu__item--login .menu__link {
  padding-left: 0.5rem;
}

.menu__link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  transition: 0.3s ease-in-out;
}
.menu__link--alt {
  flex-direction: column;
  align-items: flex-start;
}
.menu__link:hover {
  color: #aca6a0;
}
.menu__link:hover svg path {
  fill: #aca6a0;
}
@media (min-width: 1300px) {
  .menu__link {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1920px) {
  .menu__link {
    padding: 0.75rem 1rem;
  }
}

.link-indicator {
  position: relative;
}
.link-indicator::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.75rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #c81e3c;
  border-radius: 100%;
  transform: translateY(-50%);
}

.menu__item {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition-delay: calc(var(--item-index) * 0.1s);
}
.is-open .menu__item {
  opacity: 1;
  transform: translateX(0);
}

.submenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: #ffffff;
  z-index: 102;
  padding-top: 5.625rem;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  visibility: hidden;
}
@media (min-width: 768px) {
  .submenu {
    padding-top: 6.75rem;
  }
}
@media (min-width: 1300px) {
  .submenu {
    padding-top: 5.625rem;
    width: 17.5rem;
    z-index: 101;
  }
}
@media (min-width: 1920px) {
  .submenu {
    left: 17.5rem;
    z-index: 98;
  }
}

.submenu.is-active {
  transform: translateX(0);
  visibility: visible;
}

.submenu__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #eeeae6;
}
@media (min-width: 1300px) {
  .submenu__header {
    display: none;
  }
}

.submenu__back {
  height: 3.5rem;
  width: 100%;
  background: none;
  border: none;
  border-top: 1px solid #eeeae6;
  padding: 0.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .submenu__back {
    height: 4rem;
  }
}
@media (min-width: 1300px) {
  .submenu__back {
    height: 3rem;
  }
}
@media (min-width: 1920px) {
  .submenu__back {
    height: 3.5rem;
  }
}

.submenu__title {
  flex-grow: 1;
  margin: 0;
}

.submenu__list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: calc(100vh - 5.625rem);
  overflow-y: auto;
}

.submenu__item {
  height: 3.5rem;
  border-bottom: 1px solid #eeeae6;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition-delay: calc(var(--item-index) * 0.1s);
  display: flex;
  align-items: center;
  justify-content: start;
}
.submenu__item:first-of-type {
  border-top: 1px solid #eeeae6;
}
.is-active .submenu__item {
  opacity: 1;
  transform: translateX(0);
}
@media (min-width: 768px) {
  .submenu__item {
    height: 4rem;
  }
}
@media (min-width: 1300px) {
  .submenu__item {
    height: 3rem;
    border-color: transparent;
  }
}
@media (min-width: 1920px) {
  .submenu__item {
    height: 3.5rem;
  }
}

.submenu__link {
  width: 100%;
  display: block;
  padding: 0.75rem;
  color: #211c15;
  transition: 0.3s ease-in-out;
}
.submenu__link:hover {
  color: #aca6a0;
}
.submenu__link:hover svg path {
  fill: #aca6a0;
}
@media (min-width: 768px) {
  .submenu__link {
    padding: 1rem;
  }
}
@media (min-width: 1300px) {
  .submenu__link {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1920px) {
  .submenu__link {
    padding: 0.75rem 1rem;
  }
}

/* Изменяем сначала положение подменю для больших экранов */
@media (min-width: 1300px) {
  .submenu {
    left: 17.5rem;
    transform: translateX(-100%);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05);
  }
  .submenu.is-active {
    transform: translateX(0);
  }
  /* Оставляем основное меню видимым */
  body:has(.submenu.is-active) .menu {
    transform: translateX(0) !important;
  }
}
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  fill: currentColor;
}
@media (min-width: 768px) {
  .icon {
    width: 2rem;
    height: 2rem;
  }
}
@media (min-width: 1300px) {
  .icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (min-width: 1920px) {
  .icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.icon.icon--arrow {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon--arrow-right {
  transform: rotate(0deg);
}
.icon.icon--arrow-left {
  transform: rotate(180deg);
}
.icon.icon--arrow-up {
  transform: rotate(180deg);
}
.icon.icon--arrow-down {
  transform: rotate(0deg);
}
@media (min-width: 768px) {
  .icon.icon--arrow {
    width: 1.625rem;
    height: 1.625rem;
  }
}
@media (min-width: 1300px) {
  .icon.icon--arrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.icon.icon--small {
  width: 1.25rem;
  height: 1.25rem;
}

.animated-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-items: start;
  cursor: pointer;
}
.animated-link svg {
  margin-left: 0.25rem;
}
.animated-link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transition: width 0.3s ease-in-out;
  cursor: pointer;
}
@media (hover: hover) {
  .animated-link:hover::after {
    width: 100%;
  }
  .animated-link--center-out::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .animated-link--center-out:hover::after {
    width: 100%;
  }
}

.section--hero {
  margin-top: -100px;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.section--hero .hero-slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section--hero .hero-slider .swiper-wrapper {
  height: 100%;
}
.section--hero .hero-slider .swiper-slide {
  height: 100%;
  overflow: hidden;
}
.section--hero .hero-slider .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 1rem;
  position: relative;
  width: 100%;
  padding: 0 1.5rem;
  margin: 0 auto;
  gap: 0.25rem;
  max-width: 28.75rem;
}
@media (min-width: 768px) {
  .section--hero .hero-slider .swiper-pagination {
    max-width: 45rem;
  }
}
@media (min-width: 1300px) {
  .section--hero .hero-slider .swiper-pagination {
    max-width: 28.75rem;
  }
}
.section--hero .hero-slider .swiper-pagination-bullet {
  width: 2.5rem;
  height: 0.125rem;
  background: rgba(255, 255, 255, 0.5); /* Semi-transparent white */
  position: relative;
  z-index: 1;
  opacity: 1; /* Full opacity for all bullets */
  margin: 0 !important;
  border-radius: 0; /* Remove rounded corners */
  transition: all 0.3s ease;
  overflow: hidden; /* Keep the fill inside the bullet */
}
.section--hero .hero-slider .swiper-pagination-bullet-active {
  opacity: 1;
  flex-grow: 1;
}
.section--hero .hero-slider .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: white;
  animation: progressAnimation 4s linear forwards;
  animation-play-state: running;
}
.section--hero .hero-slider .hero-slide {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  overflow: hidden;
  position: relative;
}
.section--hero .hero-slider .hero-slide .hero-slide--filter {
  grid-column: 1/2;
  grid-row: 2/3;
  background: linear-gradient(2.67deg, rgba(0, 0, 0, 0.15) 0.93%, rgba(0, 0, 0, 0) 62.99%);
  z-index: 1;
}
.section--hero .hero-slider .hero-slide .hero-slide--full-filter {
  grid-column: 1/2;
  grid-row: 1/3;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.section--hero .hero-slider .hero-slide .hero__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.section--hero .hero-slider .hero-slide .hero-slide__content {
  grid-column: 1/2;
  grid-row: 2/3;
  align-self: end;
  justify-self: center;
  margin-bottom: 3.75rem;
  z-index: 2;
  text-align: center;
  width: 100%;
  max-width: 460px;
  text-align: center;
}
.section--hero .hero-slider .hero-slide .hero-slide__content .hero-slide__link {
  justify-self: center;
  display: inline-flex;
}
.section--hero .hero-slider .hero-slide .hero-slide__description {
  margin-bottom: 1rem;
}
.section--hero .hero-swiper-button-next,
.section--hero .hero-swiper-button-prev {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
@media (min-width: 1300px) {
  .section--hero .hero-swiper-button-next,
  .section--hero .hero-swiper-button-prev {
    display: flex;
  }
}
.section--hero .hero-swiper-button-next::after, .section--hero .hero-swiper-button-next::before,
.section--hero .hero-swiper-button-prev::after,
.section--hero .hero-swiper-button-prev::before {
  display: none;
}
.section--hero .hero-swiper-button-next svg,
.section--hero .hero-swiper-button-prev svg {
  width: 1.75rem;
  height: 1.75rem;
}
.section--hero .hero-swiper-button-prev {
  transform: rotate(180deg);
  left: 60px;
}
.section--hero .hero-swiper-button-next {
  right: 60px;
}

@keyframes progressAnimation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.section.section--consultation {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.section.section--consultation .consultation__grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1300px) {
  .section.section--consultation .consultation__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.section.section--consultation .consultation__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 1300px) {
  .section.section--consultation .consultation__title {
    grid-column: 2/3;
  }
}
.section.section--consultation .consultation__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
}
@media (min-width: 1300px) {
  .section.section--consultation .consultation__link {
    grid-column: 2/3;
  }
}

.section.section--category .section__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section.section--category .swiper.category-slider {
  position: relative;
}
.section.section--category .swiper.category-slider .swiper-slide {
  margin-left: 0.75rem;
  width: 306px;
  height: 369px;
}
@media (min-width: 768px) {
  .section.section--category .swiper.category-slider .swiper-slide {
    margin-left: 1rem;
    width: 642px;
    height: 735px;
  }
}
@media (min-width: 1300px) {
  .section.section--category .swiper.category-slider .swiper-slide {
    width: calc(50% - 1.5rem);
    height: 760px;
  }
}
@media (min-width: 1920px) {
  .section.section--category .swiper.category-slider .swiper-slide {
    width: calc(50% - 1.5rem);
    height: 775px;
  }
}
.section.section--category .swiper.category-slider .swiper-slide:last-of-type {
  margin-right: 0.75rem;
}
@media (min-width: 768px) {
  .section.section--category .swiper.category-slider .swiper-slide:last-of-type {
    margin-right: 1rem;
  }
}
.section.section--category .swiper.category-slider .swiper-button-prev,
.section.section--category .swiper.category-slider .swiper-button-next {
  display: none;
}
@media (min-width: 1300px) {
  .section.section--category .swiper.category-slider .swiper-button-prev,
  .section.section--category .swiper.category-slider .swiper-button-next {
    display: block;
  }
}
.section.section--category .swiper.category-slider .swiper-button-prev:after,
.section.section--category .swiper.category-slider .swiper-button-next:after {
  font-size: 1.5rem;
}
.section.section--category .category-card {
  overflow: hidden;
  transition: 0.3s ease-in-out;
  width: 306px;
  height: 369px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  align-items: start;
}
@media (min-width: 768px) {
  .section.section--category .category-card {
    width: 642px;
    height: 735px;
  }
}
@media (min-width: 1300px) {
  .section.section--category .category-card {
    width: 100%;
    height: 760px;
  }
}
@media (min-width: 1920px) {
  .section.section--category .category-card {
    width: 936px;
    height: 772px;
  }
}
.section.section--category .category-card .category-card__image-wrapper {
  margin-bottom: 0.75rem;
  width: 100%;
  height: 335px;
  overflow: hidden;
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (min-width: 768px) {
  .section.section--category .category-card .category-card__image-wrapper {
    margin-bottom: 1.25rem;
    width: 100%;
    height: 686px;
  }
}
@media (min-width: 1300px) {
  .section.section--category .category-card .category-card__image-wrapper {
    margin-bottom: 1rem;
    width: 100%;
    height: 720px;
  }
}
@media (min-width: 1920px) {
  .section.section--category .category-card .category-card__image-wrapper {
    width: 100%;
    height: 733px;
  }
}
.section.section--category .category-card .category-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: 0.3s ease-in-out;
}
.section.section--category .category-card .category-card__image:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.05);
}
.section.section--category .category-card .category-card__title {
  grid-column: 1/2;
  grid-row: 2/3;
}
.section.section--category .category-card .category-card__link {
  grid-column: 2/3;
  grid-row: 2/3;
  justify-self: end;
  transition: 0.3s ease-in-out;
}
@media (min-width: 1300px) {
  .section.section--category .category-card .category-card__link {
    opacity: 0;
  }
}
.section.section--category .category-card:hover .category-card__link {
  opacity: 1;
}
.section.section--category .category-card.category-card--1-2 {
  height: 205px;
}
@media (min-width: 768px) {
  .section.section--category .category-card.category-card--1-2 {
    height: 25rem;
  }
}
@media (min-width: 1300px) {
  .section.section--category .category-card.category-card--1-2 {
    height: 430px;
  }
}
@media (min-width: 1920px) {
  .section.section--category .category-card.category-card--1-2 {
    height: 540px;
  }
}
.section.section--category .category-card.category-card--1-2 .category-card__image-wrapper {
  height: 9.375rem;
}
@media (min-width: 768px) {
  .section.section--category .category-card.category-card--1-2 .category-card__image-wrapper {
    height: 21.875rem;
  }
}
@media (min-width: 1300px) {
  .section.section--category .category-card.category-card--1-2 .category-card__image-wrapper {
    height: 390px;
  }
}
@media (min-width: 1920px) {
  .section.section--category .category-card.category-card--1-2 .category-card__image-wrapper {
    height: 500px;
  }
}
.section.section--category .category-card.category-card--1-3 {
  height: 255px;
}
@media (min-width: 768px) {
  .section.section--category .category-card.category-card--1-3 {
    height: 501px;
  }
}
@media (min-width: 1300px) {
  .section.section--category .category-card.category-card--1-3 {
    height: 558px;
  }
}
@media (min-width: 1920px) {
  .section.section--category .category-card.category-card--1-3 {
    height: 672px;
  }
}
.section.section--category .category-card.category-card--1-3 .category-card__image-wrapper {
  height: 221px;
}
@media (min-width: 768px) {
  .section.section--category .category-card.category-card--1-3 .category-card__image-wrapper {
    height: 453px;
  }
}
@media (min-width: 1300px) {
  .section.section--category .category-card.category-card--1-3 .category-card__image-wrapper {
    height: 518px;
  }
}
@media (min-width: 1920px) {
  .section.section--category .category-card.category-card--1-3 .category-card__image-wrapper {
    height: 620px;
  }
}

.slider-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.slider-controls .swiper-button-custom-prev,
.slider-controls .swiper-button-custom-next {
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.sheet-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}

.sheet-container--fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.sheet-container--fullscreen .sheet {
  width: 100%;
  height: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: auto;
  transform: translateX(100%);
}
.sheet-container--fullscreen .sheet::-webkit-scrollbar {
  display: none;
}
.sheet-container--fullscreen .sheet .sheet__header {
  border-bottom: none;
}
@media (min-width: 1300px) {
  .sheet-container--fullscreen .sheet {
    display: block;
    right: 0;
    left: auto;
  }
}

.sheet-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
}
.sheet-overlay.is-active {
  background-color: black;
  opacity: 0.4;
  pointer-events: auto;
}

.sheet {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 90vh;
  transform: translateY(100%);
  transition: 0.3s ease-in-out;
  pointer-events: auto;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
@media (min-width: 1300px) {
  .sheet {
    transform: translateX(100%);
  }
}
@media (min-width: 1300px) {
  .sheet {
    display: none;
  }
}
.sheet .sheet__header {
  padding: 0 0.75rem;
  width: 100%;
  height: 3.5rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid #eeeae6;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .sheet .sheet__header {
    padding: 0 1rem;
    height: 4rem;
  }
}
.sheet .sheet__header .sheet__title {
  grid-column: 1/4;
  grid-row: 1/2;
  justify-self: center;
}
.sheet .sheet__header .header__button {
  grid-row: 1/2;
}
.sheet .sheet__header .header__button--right {
  grid-row: 1/2;
  grid-column: 3/4;
}
.sheet .sheet__header .header__button--left {
  grid-row: 1/2;
  grid-column: 1/2;
}
.sheet .sheet__title {
  margin: 0;
}
.sheet .sheet__content {
  max-height: 100%;
  overflow-y: auto;
  height: calc(100% - 3.5rem);
  overflow-y: auto;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .sheet .sheet__content {
    height: calc(100% - 4rem);
    overflow-y: auto;
  }
}
.sheet .sheet__content .sheet__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sheet .sheet__content .sheet__list .sheet__item {
  height: 3.5rem;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #eeeae6;
  position: relative;
}
.sheet .sheet__content .sheet__list .sheet__item .sheet__button {
  padding: 1rem 0.75rem;
  height: 3.5rem;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  align-items: center;
  justify-content: center;
}
.sheet .sheet__content .sheet__list .sheet__item .sheet__button .sheet__button-text {
  display: block;
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/2;
}
.sheet .sheet__content .sheet__list .sheet__item .sheet__button .sheet__button-tooltip {
  display: block;
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/2;
  text-align: right;
}
.sheet .sheet__content .sheet__list .sheet__item .sheet__button .sheet__button-icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: end;
}
.sheet .sheet__content .button-container {
  padding: 0 0.75rem 0.75rem;
}
@media (min-width: 768px) {
  .sheet .sheet__content .button-container {
    padding: 0 1rem 1rem;
  }
}
.sheet .sheet__content .radio-list {
  padding: 1.25rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .sheet .sheet__content .radio-list {
    padding: 2rem 1rem;
  }
}
.sheet .sheet__content--standard {
  padding: 1.25rem 0.75rem;
}
@media (min-width: 768px) {
  .sheet .sheet__content--standard {
    padding: 2.5rem 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet .sheet__content--standard {
    padding: 2.5rem 3rem;
  }
}
.sheet.is-open {
  transform: translateY(0);
}
@media (min-width: 1300px) {
  .sheet.is-open {
    transform: translateX(0);
  }
}

.sheet-desktop {
  position: absolute;
  bottom: 0;
  width: 23.25rem;
  height: 100%;
  max-height: 100%;
  transition: 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  pointer-events: auto;
  display: none;
}
@media (min-width: 1300px) {
  .sheet-desktop {
    display: flex;
  }
}
@media (min-width: 1920px) {
  .sheet-desktop {
    width: 30.75rem;
  }
}
.sheet-desktop .sheet-desktop__header {
  padding: 1rem 1rem 0 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sheet-desktop .sheet-desktop__content {
  padding: 0.6875rem 1rem 1.5rem;
  overflow-y: auto;
  flex-grow: 1;
}
.sheet-desktop .button-container {
  padding: 0 1rem 1rem;
  flex-shrink: 0;
}

.sheet-desktop.sheet-desktop-left {
  transform: translateX(-100%);
  left: 0;
}
.sheet-desktop.sheet-desktop-left.is-open {
  transform: translateX(0);
}

.sheet-desktop.sheet-desktop-right {
  transform: translateX(100%);
  right: 0;
}
.sheet-desktop.sheet-desktop-right.is-open {
  transform: translateX(0);
}
.sheet-desktop.sheet-desktop-right .sheet-desktop__content {
  padding: 2.5rem 3rem;
}
@media (min-width: 1920px) {
  .sheet-desktop.sheet-desktop-right .sheet-desktop__content {
    padding: 5rem 3.75rem;
  }
}

body.no-scroll {
  overflow: hidden;
}

.toast-notification {
  position: absolute;
  top: 3.375rem;
  left: 0;
  right: 0;
  height: 3.5rem;
  padding: 0rem 0.75rem;
  background-color: #eeeae6;
  z-index: 999;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toast-notification__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.toast-notification__text {
  text-align: center;
}
@media (min-width: 1300px) {
  .toast-notification__text {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .toast-notification {
    padding: 0rem 0.75rem;
    height: 3.5rem;
    top: 4rem;
  }
}
@media (min-width: 1300px) {
  .toast-notification {
    padding: 0rem 1rem;
    height: 3.5rem;
    top: 3.375rem;
    right: 1rem;
    left: unset;
    width: fit-content;
    max-width: 320px;
  }
}
@media (min-width: 1920px) {
  .toast-notification {
    padding: 0.75rem 1rem;
    height: auto;
  }
}

.radio-label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.radio-label input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.radio-custom {
  margin-right: 0.5rem;
  position: relative;
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  border: 0.125rem solid #211c15;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .radio-custom {
    margin-right: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (min-width: 1300px) {
  .radio-custom {
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem;
  }
}

.radio-custom--mini {
  margin-right: 0.75rem;
  width: 0.875rem;
  height: 0.875rem;
}
@media (min-width: 768px) {
  .radio-custom--mini {
    width: 1.375rem;
    height: 1.375rem;
  }
}
@media (min-width: 1300px) {
  .radio-custom--mini {
    width: 0.875rem;
    height: 0.875rem;
  }
}

/* Checked state */
.radio-label input[type=radio]:checked + .radio-custom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.125rem;
  height: 1.125rem;
  background-color: #211c15;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .radio-label input[type=radio]:checked + .radio-custom::after {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (min-width: 1300px) {
  .radio-label input[type=radio]:checked + .radio-custom::after {
    width: 1rem;
    height: 1rem;
  }
}

.radio-label input[type=radio]:checked + .radio-custom--mini::after {
  margin-right: 0.75rem;
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .radio-label input[type=radio]:checked + .radio-custom--mini::after {
    width: 1.375rem;
    height: 1.375rem;
  }
}
@media (min-width: 1300px) {
  .radio-label input[type=radio]:checked + .radio-custom--mini::after {
    width: 0.875rem;
    height: 0.875rem;
  }
}

/* Hover state - only on non-touch devices */
@media (hover: hover) {
  .radio-label:hover .radio-custom {
    border-color: #aca6a0;
  }
  .radio-label:hover input[type=radio]:checked + .radio-custom::after {
    background-color: #aca6a0;
  }
}
.radio-list {
  padding: 1.25rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .radio-list {
    padding: 2rem 1rem;
  }
}

.toggle-switch {
  display: flex;
  align-items: center;
  height: 40px;
}

.toggle-switch__checkbox {
  display: none;
}

.toggle-switch__label {
  display: block;
  width: 50px;
  height: 26px;
  background: #d4cec8;
  border-radius: calc(infinity * 1px);
  position: relative;
  cursor: pointer;
  transition: background 0.3s;
}

.toggle-switch__inner {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(infinity * 1px);
  background: #d4cec8;
  transition: background 0.3s;
}

.toggle-switch__switch {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 22px;
  height: 22px;
  background: #ffffff;
  border-radius: calc(infinity * 1px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s;
}

.toggle-switch__checkbox:checked + .toggle-switch__label .toggle-switch__inner {
  background: #211c15;
}

.toggle-switch__checkbox:checked + .toggle-switch__label .toggle-switch__switch {
  left: 26px;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(33, 28, 21, 0.15);
}

.toggle-switch__checkbox:disabled + .toggle-switch__label {
  opacity: 0.5;
  cursor: not-allowed;
}

.custom-checkbox {
  margin: 1px;
  width: 19px;
  height: 19px;
  border: 2px solid #211c15;
  display: inline-block;
  position: relative;
  background: #ffffff;
  cursor: pointer;
}
@media (min-width: 768px) {
  .custom-checkbox {
    margin: 2px;
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 1300px) {
  .custom-checkbox {
    margin: 1px;
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1920px) {
  .custom-checkbox {
    margin: 2px;
    width: 16px;
    height: 16px;
  }
}
.custom-checkbox.custom-checkbox--mini {
  width: 0.875rem;
  height: 0.875rem;
}
@media (min-width: 768px) {
  .custom-checkbox.custom-checkbox--mini {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (min-width: 1300px) {
  .custom-checkbox.custom-checkbox--mini {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.custom-checkbox.checked {
  background: #211c15;
  border-color: #211c15;
}

.custom-checkbox.disabled .custom-checkbox:has(input[disabled]) {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.custom-checkbox.checked.disabled,
.custom-checkbox.checked:has(input[disabled]) {
  background: #211c15;
  border-color: #211c15;
  opacity: 0.5;
}

input[type=checkbox] {
  display: none;
}

.custom-checkbox:has(input:checked) {
  background: #211c15;
  border-color: #211c15;
}

.color-checkbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.color-checkbox .color-checkbox__circle {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #eeeae6;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .color-checkbox .color-checkbox__circle {
    width: 26px;
    height: 26px;
  }
}
@media (min-width: 1300px) {
  .color-checkbox .color-checkbox__circle {
    width: 16px;
    height: 16px;
  }
}
@media (min-width: 1920px) {
  .color-checkbox .color-checkbox__circle {
    width: 20px;
    height: 20px;
  }
}
.color-checkbox .color-checkbox__dot {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .color-checkbox .color-checkbox__dot {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 1300px) {
  .color-checkbox .color-checkbox__dot {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1920px) {
  .color-checkbox .color-checkbox__dot {
    width: 12px;
    height: 12px;
  }
}
.color-checkbox.checked .color-checkbox__circle {
  border-color: transparent;
}
.color-checkbox.checked .color-checkbox__circle .color-checkbox__dot {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: none;
}
.color-checkbox:has(input:checked) .color-checkbox__circle {
  border-color: transparent;
}
.color-checkbox:has(input:checked) .color-checkbox__circle .color-checkbox__dot {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: none;
}

.slider-container {
  padding: 20px 16px;
}
.slider-container:marker {
  display: none;
}

.price-slider {
  width: 100%;
}
.price-slider .price-inputs {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.price-slider .price-input {
  display: inline-flex;
  align-items: center;
}
.price-slider .price-input__field {
  border: none;
  width: 60px;
}
.price-slider .price-input__field:focus {
  outline: none;
}
.price-slider .noUi-target {
  height: 1px;
  border: none;
  background-color: #e0e0e0;
  box-shadow: none;
}
.price-slider .noUi-handle:after,
.price-slider .noUi-handle:before {
  display: none;
}
.price-slider .noUi-touch-area {
  border-radius: 50%;
  background-color: #aca6a0;
}
.price-slider .noUi-connects {
  background-color: #eeeae6;
}
.price-slider .noUi-connects .noUi-connect {
  background-color: #aca6a0;
}
.price-slider .noUi-horizontal .noUi-handle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  right: -5px;
  top: -5px;
  background-color: #aca6a0;
  border: none;
}

.accordion {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.accordion .accordion::-webkit-scrollbar {
  display: none;
}
.accordion .accordion__item {
  border-top: 1px solid #eeeae6;
}
.accordion .accordion__item .accordion:first-child {
  border-top: none;
}
.accordion .accordion__item-header {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1920px) {
  .accordion .accordion__item-header {
    height: 3.5rem;
  }
}
.accordion .accordion__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.accordion .accordion__button .icon--rotated {
  transform: rotate(180deg);
}
.accordion .accordion__content {
  padding: 0 0 0.75rem 1.75rem;
}
.accordion .accordion__content .product-sizes-sheet__button {
  margin: 0;
  width: 100%;
  height: 3rem;
  text-align: left;
  justify-content: flex-start;
}
.accordion .accordion__content .table-size-container {
  margin: 0;
}

.accordion__list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1300px) {
  .accordion__list {
    gap: 0.25rem;
  }
}
@media (min-width: 1920px) {
  .accordion__list {
    gap: 0.5rem;
  }
}

.accordion__list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.sheet-container--shopping-cart .sheet {
  height: 100%;
  max-height: 100vh;
}
.sheet-container--shopping-cart .sheet .sheet__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.sheet-container--shopping-cart .shopping-cart__list {
  padding: 0.75rem;
  flex-grow: 1;
  overflow-y: auto;
  margin: 0;
  list-style: none;
  /* Hide scrollbar but maintain scroll functionality */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.sheet-container--shopping-cart .shopping-cart__list::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
@media (min-width: 768px) {
  .sheet-container--shopping-cart .shopping-cart__list {
    padding: 1rem;
  }
}
.sheet-container--shopping-cart .shopping-cart__list .shopping-cart__item {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-top: 0.75rem;
  border-top: 0.0625rem solid #eeeae6;
}
@media (min-width: 1300px) {
  .sheet-container--shopping-cart .shopping-cart__list .shopping-cart__item {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 1rem;
    border-top: 0.0625rem solid #eeeae6;
  }
}
.sheet-container--shopping-cart .shopping-cart__list .shopping-cart__item:first-of-type {
  padding-top: 0;
  border-top: none;
}
@media (min-width: 1300px) {
  .sheet-container--shopping-cart .shopping-cart__list .shopping-cart__item:first-of-type {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 1rem;
    border-top: 0.0625rem solid #eeeae6;
  }
}
.sheet-container--shopping-cart .sheet-desktop {
  width: 34.875rem;
}
.sheet-container--shopping-cart .sheet-desktop .sheet-desktop__header {
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
}
.sheet-container--shopping-cart .sheet-desktop .shopping-cart__list {
  padding: 1rem 3rem;
}
@media (min-width: 1300px) {
  .sheet-container--shopping-cart .sheet-desktop .shopping-cart__list {
    padding-top: 0;
  }
}
.sheet-container--shopping-cart .sheet-desktop .sheet-desktop__title {
  padding: 0 2rem;
  padding-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sheet-container--shopping-cart .sheet-desktop .shopping-cart__item-content {
  position: relative;
}
.sheet-container--shopping-cart .sheet-desktop .sheet-desktop__content {
  padding: 0;
}
.sheet-container--shopping-cart .sheet-desktop .sheet-desktop__content .shopping-cart__item-content {
  padding: 0;
  grid-template-columns: 80px 1fr auto;
}
.sheet-container--shopping-cart .sheet-desktop .sheet-desktop__content .shopping-cart__item-content--empty {
  grid-template-columns: none;
  width: 100%;
  display: block;
}
.sheet-container--shopping-cart .sheet-desktop .sheet-desktop__content .shopping-cart__item-image {
  width: 80px;
  height: 120px;
}
.sheet-container--shopping-cart .sheet-desktop .shopping-cart__item-title {
  max-width: 12.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sheet-container--shopping-cart .sheet-desktop .shopping-cart__item-price {
  grid-column: 2/4;
  grid-row: 1/2;
  justify-self: end;
}
.sheet-container--shopping-cart .sheet-desktop .delete-btn {
  position: absolute;
  right: -2rem;
  top: 2.5rem;
}
.sheet-container--shopping-cart .input-arrow-button {
  margin-bottom: 0.75rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
}
.sheet-container--shopping-cart .input-arrow-button .promocode-input {
  grid-column: 1/3;
  grid-row: 1/2;
  z-index: 1;
}
.sheet-container--shopping-cart .input-arrow-button .button {
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 2;
}
.sheet-container--shopping-cart .button-container {
  padding-top: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .sheet-container--shopping-cart .button-container {
    padding-top: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--shopping-cart .button-container {
    padding-top: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.sheet-container--shopping-cart .button-container .card-error {
  margin-top: 0.5rem;
}
.sheet-container--shopping-cart .button-container .button--black {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .sheet-container--shopping-cart .shopping-cart__list.shopping-cart__list--empty,
  .sheet-desktop__content.sheet-desktop__content--empty {
    flex-grow: unset;
  }
}
@media (min-width: 1300px) {
  .sheet__content .sheet-container--shopping-cart .shopping-cart__list.shopping-cart__list--empty .shopping-cart__item:first-of-type {
    margin-top: 0;
  }
  .sheet-desktop__content.sheet-desktop__content--empty .shopping-cart__item:first-of-type{
    border-top: unset;
  }
}
.sheet__content .sheet-container--shopping-cart .shopping-cart__list .shopping-cart__item:first-of-type {
  margin-top: 10px;
}

.shopping-cart__item-content {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  gap: 0 0.75rem;
  align-items: start;
}
.shopping-cart__item-content.shopping-cart__item-content--empty {
  grid-template-columns: none;
  width: 100%;
  display: block;
  text-align: left;
}
@media (min-width: 768px) {
  .shopping-cart__item-content {
    grid-template-columns: 172px 1fr auto;
  }
}
.shopping-cart__item-content .shopping-cart__item-image {
  grid-column: 1/2;
  grid-row: 1/5;
  width: 80px;
  height: 120px;
}
@media (min-width: 768px) {
  .shopping-cart__item-content .shopping-cart__item-image {
    width: 172px;
    height: 254px;
  }
}
.shopping-cart__item-content .shopping-cart__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shopping-cart__item-content .shopping-cart__item-title {
  grid-column: 2/3;
  grid-row: 1/2;
}
.shopping-cart__item-content .shopping-cart__item-price {
  margin-bottom: 0.5rem;
  grid-column: 2/3;
  grid-row: 2/3;
  display: block;
}
.shopping-cart__item-content .shopping-cart__item-details {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  grid-column: 2/3;
  grid-row: 3/4;
}
.shopping-cart__item-content .shopping-cart__item-details .shopping-cart__item-color {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.shopping-cart__item-content .shopping-cart__item-details .shopping-cart__item-color .color-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.shopping-cart__item-content .shopping-cart__item-details .shopping-cart__item-size {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.shopping-cart__item-content .shopping-cart__item-details .shopping-cart__item-availability {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.shopping-cart__item-content .shopping-cart__item-details .separator {
  display: block;
  width: 3px;
  height: 3px;
  background-color: #211c15;
  border-radius: 50%;
}
.shopping-cart__item-content .shopping-cart__item-actions {
  grid-column: 2/3;
  grid-row: 4/5;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.shopping-cart__item-content .shopping-cart__item-actions .quantity-control {
  display: flex;
  align-items: center;
}
.shopping-cart__item-content .shopping-cart__item-actions .quantity-control .quantity-decrease {
  width: 24px;
  height: 24px;
}
.shopping-cart__item-content .shopping-cart__item-actions .quantity-control .quantity-increase {
  width: 24px;
  height: 24px;
}
.shopping-cart__item-content .shopping-cart__item-actions .quantity-control .quantity-input {
  width: 36px;
  height: 24px;
  border: none;
  text-align: center;
}
.shopping-cart__item-content .delete-btn {
  grid-column: 3/4;
  grid-row: 1/3;
}
.shopping-cart__item-content .button--favorite-alt {
  grid-column: 3/4;
  grid-row: 4/5;
}
.shopping-cart__item-content .button--favorite-alt svg path {
  transition: fill 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .shopping-cart__item-content .button--favorite-alt svg {
    width: 2rem;
    height: 2rem;
  }
}
@media (min-width: 1300px) {
  .shopping-cart__item-content .button--favorite-alt svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.shopping-cart__item-content.disabled .shopping-cart__item-image {
  opacity: 0.5;
}
.shopping-cart__item-content.disabled .shopping-cart__item-title {
  opacity: 0.5;
}
.shopping-cart__item-content.disabled .shopping-cart__item-price {
  opacity: 0.5;
}
.shopping-cart__item-content.disabled .shopping-cart__item-details {
  opacity: 0.5;
}
.shopping-cart__item-content.disabled .shopping-cart__item-actions {
  display: none;
}
.shopping-cart__item-content.disabled .button--favorite-alt {
  display: none;
}
.shopping-cart__item-content.disabled .to-similar-products {
  grid-column: 2/4;
  grid-row: 4/5;
  justify-self: flex-end;
  max-width: fit-content;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=search],
textarea,
.input {
  padding: 0.75rem 0;
  height: 2.75rem;
  width: 100%;
  border: none;
  border-bottom: 0.0625rem solid #211c15;
  font-size: 0.875rem;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
.input::placeholder {
  color: #aca6a0;
}
@media (min-width: 768px) {
  input[type=text]::placeholder,
  input[type=email]::placeholder,
  input[type=tel]::placeholder,
  input[type=number]::placeholder,
  input[type=password]::placeholder,
  input[type=search]::placeholder,
  textarea::placeholder,
  .input::placeholder {
    font-size: 1.125rem;
  }
}
@media (min-width: 1300px) {
  input[type=text]::placeholder,
  input[type=email]::placeholder,
  input[type=tel]::placeholder,
  input[type=number]::placeholder,
  input[type=password]::placeholder,
  input[type=search]::placeholder,
  textarea::placeholder,
  .input::placeholder {
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=number],
  input[type=password],
  input[type=search],
  textarea,
  .input {
    padding: 1.125rem 0;
    height: 62px;
    width: 100%;
    font-size: 1.125rem;
  }
}
@media (min-width: 1300px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=number],
  input[type=password],
  input[type=search],
  textarea,
  .input {
    font-size: 0.875rem;
  }
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input:focus {
  outline: none;
  border-color: #aca6a0;
}
input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=tel]:focus-visible,
input[type=number]:focus-visible,
input[type=password]:focus-visible,
input[type=search]:focus-visible,
textarea:focus-visible,
.input:focus-visible {
  outline: none;
  border-color: #aca6a0;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
textarea:hover,
.input:hover {
  border-color: #aca6a0;
}
input[type=text].error,
input[type=email].error,
input[type=tel].error,
input[type=number].error,
input[type=password].error,
input[type=search].error,
textarea.error,
.input.error {
  color: #c81e3c;
  border-color: #c81e3c;
}
input[type=text].error::placeholder,
input[type=email].error::placeholder,
input[type=tel].error::placeholder,
input[type=number].error::placeholder,
input[type=password].error::placeholder,
input[type=search].error::placeholder,
textarea.error::placeholder,
.input.error::placeholder {
  color: #c81e3c;
}

textarea {
  resize: none;
  overflow: hidden;
  min-height: 48px;
  height: auto;
  line-height: 1.5;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.input-arrow-button {
  margin-bottom: 0.75rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  width: 100%;
}
.input-arrow-button .input {
  grid-column: 1/3;
  grid-row: 1/2;
  z-index: 1;
}
.input-arrow-button .button {
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 2;
  cursor: pointer;
}

.input-phone-number {
  display: flex;
  position: relative;
  overflow: visible;
}
.input-phone-number .input-phone-number__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.input-phone-number .input-phone-number__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  z-index: 100;
}

.error-text {
  display: flex;
}

.input-dropdown {
  position: relative;
  width: 100%;
}
.input-dropdown__trigger {
  padding: 0;
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  background-color: #ffffff;
}
.input-dropdown__trigger svg {
  transition: transform 0.3s ease-in-out;
  flex-shrink: 0;
}
.input-dropdown__trigger:hover {
  border-color: #aca6a0;
}
.input-dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  background: white;
  border: 1px solid transparent;
  border-top: none;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 8px 16px 0 rgba(33, 28, 21, 0.16);
}
.input-dropdown__menu::-webkit-scrollbar {
  width: 4px;
}
.input-dropdown__menu::-webkit-scrollbar-track {
  background: transparent;
}
.input-dropdown__menu::-webkit-scrollbar-thumb {
  background-color: #aca6a0;
  border-radius: 2px;
}
.input-dropdown__menu .radio-list {
  padding: 0.75rem;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .input-dropdown__menu .radio-list {
    padding: 1rem;
    gap: 0.75rem;
  }
}
.input-dropdown__menu .radio-label:hover {
  background-color: #eeeae6;
}

.sheet-container--certificates .sheet {
  height: 100vh;
}
.sheet-container--certificates .sheet .sheet__header .sheet__title {
  display: flex;
  align-items: center;
}
.sheet-container--certificates .sheet .sheet__content {
  height: calc(100vh - 3.5rem);
}
@media (min-width: 768px) {
  .sheet-container--certificates .sheet .sheet__content {
    height: calc(100vh - 4rem);
  }
}
.sheet-container--certificates .certificates-container {
  padding-top: 2.5rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sheet-container--certificates .certificates-container::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .sheet-container--certificates .certificates-container {
    padding-top: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--certificates .certificates-container {
    padding-top: 2.5rem;
    display: grid;
    grid-template-columns: 45.25rem 27.875rem;
    justify-content: space-between;
    gap: 0;
  }
}
.sheet-container--certificates .certificates-container .certificates-container__title {
  margin-bottom: 3.75rem;
  text-align: center;
}
@media (min-width: 768px) {
  .sheet-container--certificates .certificates-container .certificates-container__title {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--certificates .certificates-container .certificates-container__title {
    margin: 0 auto;
    margin-bottom: 3.75rem;
    max-width: min-content;
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
.sheet-container--certificates .certificates-container .certificates-container__subtitle {
  margin-bottom: 2rem;
  text-align: left;
}
.sheet-container--certificates .certificates-container .footer-mini {
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .sheet-container--certificates .certificates-container .footer-mini {
    margin-top: 7.5rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--certificates .certificates-container .footer-mini {
    grid-column: 1/3;
    grid-row: 7/8;
  }
}
.sheet-container--certificates .radio-custom--mini {
  margin-right: 8px;
}

@media (min-width: 1300px) {
  .certificates-container__design {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.certificates-container__design .section__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1300px) {
  .certificates-container__design .section__title {
    justify-content: space-between;
  }
}
.certificates-container__design .section__title .slider-controls {
  display: none;
}
@media (min-width: 1300px) {
  .certificates-container__design .section__title .slider-controls {
    display: flex;
  }
}

.certificates-slider {
  padding-bottom: 1.25rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .certificates-slider {
    margin-bottom: 1.25rem;
  }
}
.certificates-slider .swiper-wrapper .swiper-slide {
  margin-left: 1rem;
  width: 13.75rem;
  height: 10.125rem;
}
@media (min-width: 768px) {
  .certificates-slider .swiper-wrapper .swiper-slide {
    width: 21.25rem;
    height: 15.125rem;
  }
}
@media (min-width: 1300px) {
  .certificates-slider .swiper-wrapper .swiper-slide {
    width: 13.8125rem;
    height: 10.125rem;
  }
}
.certificates-slider .swiper-wrapper .swiper-slide:first-of-type {
  margin-left: 0.75rem;
}
@media (min-width: 768px) {
  .certificates-slider .swiper-wrapper .swiper-slide:first-of-type {
    margin-left: 1rem;
  }
}
.certificates-slider .swiper-wrapper .swiper-slide:last-of-type {
  margin-right: 0.75rem;
}
@media (min-width: 1300px) {
  .certificates-slider .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 1rem;
  }
}
.certificates-slider .swiper-wrapper .swiper-slide .certificates-slider__item {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  height: 100%;
  border-radius: 0.4375rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .certificates-slider .swiper-wrapper .swiper-slide .certificates-slider__item {
    gap: 1rem;
  }
}
@media (min-width: 1300px) {
  .certificates-slider .swiper-wrapper .swiper-slide .certificates-slider__item {
    gap: 0.75rem;
  }
}
.certificates-slider .swiper-wrapper .swiper-slide .certificates-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1300px) {
  .certificates-container__nominal {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.certificates-container__nominal .radio-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding-right: 20%;
}

.section.certificates-container__recipient .section__title {
  margin-bottom: 0.5rem;
}
.section.certificates-container__recipient .certificates-container__recipient-form {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .section.certificates-container__recipient .certificates-container__recipient-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.75rem 1rem;
  }
}
@media (min-width: 1300px) {
  .section.certificates-container__recipient .certificates-container__recipient-form {
    gap: 1.25rem;
  }
}
.section.certificates-container__recipient .certificates-container__recipient-form .certificates-container__recipient-form-item {
  width: 100%;
}
@media (min-width: 768px) {
  .section.certificates-container__recipient .certificates-container__recipient-form .certificates-container__recipient-form-item {
    grid-column: span 2;
  }
}
.section.certificates-container__recipient .certificates-container__recipient-form .certificates-container__recipient-form-item input {
  height: 3rem;
}
@media (min-width: 768px) {
  .section.certificates-container__recipient .certificates-container__recipient-form .certificates-container__recipient-form-item input {
    height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  .section.certificates-container__recipient .certificates-container__recipient-form .certificates-container__recipient-form-item input {
    height: 3rem;
  }
}
.section.certificates-container__recipient .certificates-container__recipient-form .certificates-container__recipient-form-item.half-width-input {
  width: 100%;
}
@media (min-width: 768px) {
  .section.certificates-container__recipient .certificates-container__recipient-form .certificates-container__recipient-form-item.half-width-input {
    grid-column: span 1;
  }
}
.section.certificates-container__recipient .certificates-container__recipient-form .phone-container .phone-number-code {
  height: 3rem;
}
@media (min-width: 768px) {
  .section.certificates-container__recipient .certificates-container__recipient-form .phone-container .phone-number-code {
    height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  .section.certificates-container__recipient .certificates-container__recipient-form .phone-container .phone-number-code {
    height: 3rem;
  }
}
.section.certificates-container__recipient .certificates-container__recipient-form .phone-container .phone-number-code__dropdown {
  top: 3rem;
}
@media (min-width: 768px) {
  .section.certificates-container__recipient .certificates-container__recipient-form .phone-container .phone-number-code__dropdown {
    width: calc(50vw - 2rem);
    top: 65px;
    left: 0px;
  }
}
@media (min-width: 1300px) {
  .section.certificates-container__recipient .certificates-container__recipient-form .phone-container .phone-number-code__dropdown {
    width: 21rem;
    top: 3rem;
  }
}
@media (min-width: 1300px) {
  .section.certificates-container__recipient {
    grid-column: 1/2;
    grid-row: 4/5;
  }
}

.tabs {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.tabs .tabs__item {
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid transparent;
  border-top: 0.0625rem solid transparent;
}
.tabs .tabs__item.is-active {
  border-bottom: 0.0625rem solid #211c15;
}
.tabs .tabs__separator {
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: #211c15;
  border-radius: 50%;
}

@media (min-width: 1300px) {
  .section.certificates-container__when-send {
    grid-column: 1/2;
    grid-row: 5/6;
  }
}
.section.certificates-container__when-send .section__title {
  margin-bottom: 0.5rem;
}
.section.certificates-container__when-send .tabs {
  margin-bottom: 1.75rem;
}
.section.certificates-container__when-send .button-black {
  margin-top: 20px;
}
.section.certificates-container__when-send .certificates-container__when-send-form {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .section.certificates-container__when-send .certificates-container__when-send-form {
    gap: 1.75rem;
  }
}
@media (min-width: 1300px) {
  .section.certificates-container__when-send .certificates-container__when-send-form {
    flex-direction: row;
    gap: 1rem;
  }
}
.section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item {
  width: 100%;
}
@media (min-width: 1300px) {
  .section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item:nth-child(2) {
    width: 161px;
    flex-shrink: 0;
  }
}
.section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item input,
.section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item .input-dropdown__trigger {
  height: 3rem;
}
@media (min-width: 768px) {
  .section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item input,
  .section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item .input-dropdown__trigger {
    height: 62px;
  }
}
@media (min-width: 1300px) {
  .section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item input,
  .section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item .input-dropdown__trigger {
    height: 3rem;
  }
}
@media (min-width: 1300px) {
  .section.certificates-container__when-send .certificates-container__when-send-form .certificates-container__when-send-form-item .date-picker__calendar {
    width: calc(100% + 16px);
  }
}

@media (min-width: 1300px) {
  .certificates-container__your-certificate {
    grid-column: 2/3;
    grid-row: 2/6;
    position: sticky;
    top: 0;
    align-self: start;
  }
}
.certificates-container__your-certificate .section__title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.certificates-container__your-certificate .your-certificate {
  width: 100%;
  aspect-ratio: 351/224;
  border-radius: 13.09px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .certificates-container__your-certificate .your-certificate {
    aspect-ratio: 740/470;
    border-radius: 27px;
  }
}
@media (min-width: 1300px) {
  .certificates-container__your-certificate .your-certificate {
    aspect-ratio: 430/274;
  }
}
.certificates-container__your-certificate .your-certificate img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.certificates-container__your-certificate .your-certificate .your-certificate__icon {
  position: absolute;
  right: 1.375rem;
  bottom: 1.5625rem;
}
@media (min-width: 768px) {
  .certificates-container__your-certificate .your-certificate .your-certificate__icon {
    right: 40px;
    bottom: 50px;
    width: 139px;
    height: 17px;
  }
}
@media (min-width: 1300px) {
  .certificates-container__your-certificate .your-certificate .your-certificate__icon {
    right: 1.625rem;
    bottom: 1.875rem;
    width: 5.0625rem;
    height: 0.625rem;
  }
}
.certificates-container__your-certificate .your-certificate .your-certificate__info {
  position: absolute;
  left: 1.5rem;
  bottom: 1.1875rem;
}
@media (min-width: 768px) {
  .certificates-container__your-certificate .your-certificate .your-certificate__info {
    left: 2.625rem;
    bottom: 2.625rem;
  }
}
@media (min-width: 1300px) {
  .certificates-container__your-certificate .your-certificate .your-certificate__info {
    left: 1.5rem;
    bottom: 1.5rem;
  }
}

.sheet-container--certificates-rules .sheet {
  height: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: auto;
}
.sheet-container--certificates-rules .sheet::-webkit-scrollbar {
  display: none;
}
.sheet-container--certificates-rules .sheet .sheet__header {
  border-bottom: none;
}
@media (min-width: 1300px) {
  .sheet-container--certificates-rules .sheet {
    display: block;
    width: 461px;
    left: auto;
    right: 0;
  }
}

.certificates-rules-container {
  padding: 1.5rem 0.75rem 2.5rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.certificates-rules-container::-webkit-scrollbar {
  display: none;
}
.certificates-rules-container .certificates-rules-container__title {
  margin-bottom: 1.5rem;
  text-align: left;
}
.certificates-rules-container .certificates-rules-container__content .list .list-item {
  margin-bottom: 0.5rem;
}
.certificates-rules-container .certificates-rules-container__content .certificates-rules-list {
  list-style: none;
  counter-reset: rule-counter;
  padding: 0;
  margin: 0;
}
.certificates-rules-container .certificates-rules-container__content .certificates-rules-list .certificates-rules-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
  counter-increment: rule-counter;
}
.certificates-rules-container .certificates-rules-container__content .certificates-rules-list .certificates-rules-item::before {
  content: counter(rule-counter) ".";
  font-weight: inherit;
  color: inherit;
  text-align: left;
  line-height: inherit;
}
@media (min-width: 768px) {
  .certificates-rules-container .certificates-rules-container__content .certificates-rules-list .certificates-rules-item {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .certificates-rules-container .certificates-rules-container__content .certificates-rules-list .certificates-rules-item {
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 768px) {
  .certificates-rules-container {
    padding: 2.5rem 6.9375rem 2.5rem 6.9375rem;
  }
}
@media (min-width: 1300px) {
  .certificates-rules-container {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

.submit-button {
  grid-column: 1/2;
  grid-row: 6/7;
}

.phone-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.phone-container .phone-number-code {
  width: 3.75rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  border-bottom: 0.0625rem solid #211c15;
}
.phone-container .phone-number-code:hover {
  border-bottom: 0.0625rem solid #aca6a0;
}
.phone-container .phone-number-code button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
.phone-container .phone-number-code.error {
  border-bottom: 0.0625rem solid #c81e3c;
}
.phone-container .phone-number__input {
  width: 100%;
  height: 4rem;
  outline: none;
  display: flex;
  align-items: center;
}
.phone-container .phone-number__input::placeholder {
  color: #aca6a0;
}
.phone-container .phone-number-code__dropdown {
  position: absolute;
  top: 4.75rem;
  left: 0;
  width: calc(100vw - 1.5rem);
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0 8px 16px 0 rgba(33, 28, 21, 0.16);
}
@media (min-width: 768px) {
  .phone-container .phone-number-code__dropdown {
    width: calc(100vw - 2rem);
  }
}
.phone-container .phone-number-code__dropdown .phone-number-code__search {
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  width: 100%;
}
.phone-container .phone-number-code__dropdown .phone-number-code__search svg {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
}
.phone-container .phone-number-code__dropdown .phone-number-code__search .phone-number-code__search-input {
  width: 100%;
  height: 64px;
  padding: 0 0.75rem;
  display: block;
  width: 100%;
}
.phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list {
  padding: 0;
  padding-top: 1.5rem;
  padding-left: 16px;
  list-style: none;
  overflow-y: auto;
  height: 13.25rem;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 8px 16px 0 rgba(33, 28, 21, 0.16);
  /* Ширина скроллбара */
  /* Трек (фон) скроллбара */
  /* Ползунок скроллбара */
  /* При наведении на ползунок */
}
.phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list ::-webkit-scrollbar {
  width: 10px;
}
.phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}
.phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}
.phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list .phone-number-code__dropdown-item {
  padding: 0.5rem 0rem;
}

.form .data-form-item--phone .phone-container .phone-number-code__dropdown {
  top: 3.5rem;
}
@media (min-width: 768px) {
  .form .data-form-item--phone .phone-container .phone-number-code__dropdown {
    top: 4.25rem;
  }
}
@media (min-width: 1300px) {
  .form .data-form-item--phone .phone-container .phone-number-code__dropdown {
    top: 3.75rem;
    width: calc(445px - 6rem);
  }
}
.form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__search svg {
  right: 1.5rem;
}
.form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list {
  padding-top: 1.5rem;
}
@media (min-width: 1300px) {
  .form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list {
    padding-top: 1.5rem;
    height: 296px;
  }
}
.form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list .phone-number-code__dropdown-item {
  padding: 0.25rem 0rem;
}
.form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list .phone-number-code__dropdown-item:nth-child(5) {
  padding-bottom: 1.25rem;
}
@media (min-width: 1300px) {
  .form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list .phone-number-code__dropdown-item:nth-child(5) {
    padding-bottom: 1.25rem;
  }
}
.form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__search .phone-number-code__search-input {
  margin-right: 1rem;
  margin-left: 1rem;
  height: 3rem;
  width: calc(100% - 2rem);
}
@media (min-width: 768px) {
  .form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__search .phone-number-code__search-input {
    height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  .form .data-form-item--phone .phone-container .phone-number-code__dropdown .phone-number-code__search .phone-number-code__search-input {
    height: 3rem;
  }
}

.date-picker {
  position: relative;
  display: inline-block;
  width: 100%;
}
.date-picker__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.date-picker__input {
  width: 100%;
  padding: 12px 40px 12px 16px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.date-picker__input:hover {
  border-color: #aca6a0;
}
.date-picker__input:focus {
  outline: none;
}
.date-picker__input::placeholder {
  color: #aca6a0;
}
.date-picker__toggle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, transform 0.3s ease;
  z-index: 10;
  padding: 0;
}
.date-picker__toggle:hover {
  color: #374151;
}
.date-picker__toggle--open {
  transform: translateY(-50%) rotate(180deg);
}
.date-picker__calendar {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f4f2;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  margin-top: 4px;
  padding: 12px 16px;
  max-width: 375px;
  width: 100%;
}
.date-picker__calendar:not(.date-picker__input-wrapper .date-picker__calendar) {
  left: 50%;
  transform: translateX(-50%);
}
.date-picker__header {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 24px;
  position: relative;
}
.date-picker__nav-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.date-picker__nav-btn:hover {
  background-color: #f3f4f6;
  color: #374151;
}
.date-picker__nav-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.date-picker__nav-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-grow: 1;
  gap: 8px;
}
.date-picker__month-year {
  text-align: left;
  flex-grow: 0;
}
.date-picker__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 8px;
}
.date-picker__weekday {
  padding: 0 4px;
  text-align: center;
  color: #aca6a0;
  text-transform: uppercase;
}
.date-picker__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px 0;
  justify-items: center;
}
.date-picker__day {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  color: #211c15;
  transition: all 0.2s ease;
  position: relative;
}
.date-picker__day:hover:not(.date-picker__day--disabled) {
  color: #aca6a0;
}
.date-picker__day--disabled {
  opacity: 0.2;
  pointer-events: none;
}
.date-picker__day--selected {
  background-color: #aca6a0 !important;
  color: #f6f4f2 !important;
  border-radius: 4px;
}
.date-picker__day--today {
  color: #aca6a0;
}
.date-picker__year-display {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.3s ease;
  border-radius: 4px;
  min-width: 80px;
  position: relative;
}
.date-picker__year-display:hover {
  background-color: #f3f4f6;
}
.date-picker__year-display svg {
  transition: transform 0.3s ease;
}
.date-picker__year-display--open svg {
  transform: rotate(180deg);
}
.date-picker__year-container {
  position: relative;
  display: flex;
  align-items: center;
}
.date-picker__year-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1001;
  background: #f6f4f2;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  margin-top: 4px;
  width: 120px;
  max-height: 200px;
  overflow: hidden;
}
.date-picker__year-list {
  max-height: 200px;
  overflow-y: auto;
  padding: 4px;
  /* Стилизация скроллбара */
}
.date-picker__year-list::-webkit-scrollbar {
  width: 6px;
}
.date-picker__year-list::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}
.date-picker__year-list::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.date-picker__year-list::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.date-picker__year-option {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 12px;
  text-align: center;
  transition: all 0.2s ease;
  border-radius: 4px;
  color: #211c15;
}
.date-picker__year-option:hover {
  background-color: #f3f4f6;
}
.date-picker__year-option--selected {
  background-color: #aca6a0;
  color: #f6f4f2;
}
.date-picker__year-option--selected:hover {
  background-color: #aca6a0;
}

.date-picker__calendar {
  /* Alpine.js transition classes */
}
.date-picker__calendar[x-transition] {
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.date-picker__calendar[x-transition][style*="display: none"] {
  opacity: 0;
  transform: translateY(-4px) scale(0.95);
}

.page-tabs {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.page-tabs::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
@media (min-width: 768px) {
  .page-tabs {
    height: 4rem;
  }
}
@media (min-width: 1300px) {
  .page-tabs {
    height: 2.375rem;
    justify-content: center;
  }
}
.page-tabs .page-tabs__list {
  display: flex;
  gap: 0.625rem;
}
@media (min-width: 768px) {
  .page-tabs .page-tabs__list {
    gap: 0.75rem;
  }
}
.page-tabs .page-tabs__list .page-tabs__item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  height: 1.25rem;
}
@media (min-width: 768px) {
  .page-tabs .page-tabs__list .page-tabs__item {
    gap: 0.75rem;
  }
}
.page-tabs .page-tabs__list .page-tabs__item:last-of-type .catalog-tabs__divider {
  display: none;
}
@media (min-width: 1300px) {
  .page-tabs .page-tabs__list .page-tabs__item .page-tabs__link {
    font-size: 14px;
  }
}
.page-tabs .page-tabs__list .page-tabs__item .page-tabs__link {
  padding-top: 0.0625rem;
  border-bottom: 0.0625rem solid transparent;
}
.page-tabs .page-tabs__list .page-tabs__item .page-tabs__divider {
  height: 0.1875rem;
  width: 0.1875rem;
  border-radius: 50%;
  background-color: #211c15;
}
.page-tabs .page-tabs__list .page-tabs__item .page-tabs__link--active {
  border-bottom: 0.0625rem solid #211c15;
}

.avatar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0 0.75rem;
  cursor: pointer;
}
.avatar .avatar__image {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  grid-column: 1/2;
  grid-row: 1/3;
  cursor: pointer;
}
.avatar .avatar__name {
  grid-column: 2/3;
  grid-row: 1/2;
}
.avatar .avatar__rank {
  grid-column: 2/3;
  grid-row: 2/3;
}

.roadmap {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
  max-width: 695px;
}
.roadmap.roadmap--canceled {
  opacity: 0.5;
}
.roadmap::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 2px;
  background: #eeeae6;
  transform: translateY(-50%);
  z-index: 1;
}
.roadmap .roadmap__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  flex: 1;
}
.roadmap .roadmap__item:first-child {
  align-items: flex-start;
}
.roadmap .roadmap__item:last-child {
  align-items: flex-end;
}
.roadmap .roadmap__item .roadmap__item-circle {
  margin-bottom: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #eeeae6;
  position: relative;
  z-index: 3;
}
.roadmap .roadmap__item .roadmap__item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.roadmap .roadmap__item:first-child .roadmap__item-content {
  align-items: flex-start;
  text-align: left;
}
.roadmap .roadmap__item:last-child .roadmap__item-content {
  align-items: flex-end;
  text-align: right;
}
.roadmap::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #211c15;
  transform: translateY(-50%);
  z-index: 2;
}

.roadmap[data-stage="1"] .roadmap__item:nth-child(1) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="1"] .roadmap__item:nth-child(2) .roadmap__item-title {
  color: #aca6a0;
}
.roadmap[data-stage="1"] .roadmap__item:nth-child(3) .roadmap__item-title {
  color: #aca6a0;
}
.roadmap[data-stage="1"] .roadmap__item:nth-child(4) .roadmap__item-title {
  color: #aca6a0;
}

.roadmap[data-stage="2"] .roadmap__item:nth-child(1) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="2"] .roadmap__item:nth-child(2) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="2"] .roadmap__item:nth-child(3) .roadmap__item-title {
  color: #aca6a0;
}
.roadmap[data-stage="2"] .roadmap__item:nth-child(4) .roadmap__item-title {
  color: #aca6a0;
}
.roadmap[data-stage="2"]::after {
  width: 37%;
}

.roadmap[data-stage="3"] .roadmap__item:nth-child(1) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="3"] .roadmap__item:nth-child(2) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="3"] .roadmap__item:nth-child(3) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="3"] .roadmap__item:nth-child(4) .roadmap__item-title {
  color: #aca6a0;
}
.roadmap[data-stage="3"]::after {
  width: 63%;
}

.roadmap[data-stage="4"] .roadmap__item:nth-child(1) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="4"] .roadmap__item:nth-child(2) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="4"] .roadmap__item:nth-child(3) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="4"] .roadmap__item:nth-child(4) .roadmap__item-circle {
  background: #211c15;
}
.roadmap[data-stage="4"]::after {
  width: 100%;
}


.roadmap.roadmap--done::after {
  width: 100%;
}

form.form input,
form.form .phone-container .phone-number__input,
form.form .phone-number-code {
  height: 3rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem 0;
}
@media (min-width: 768px) {
  form.form input,
  form.form .phone-container .phone-number__input,
  form.form .phone-number-code {
    height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  form.form input,
  form.form .phone-container .phone-number__input,
  form.form .phone-number-code {
    height: 3rem;
  }
}

@media (min-width: 1300px) {
  .data-form {
    gap: 0 2rem;
  }
}
.data-form .data-form-item {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.data-form .data-form-item:last-of-type {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .data-form .data-form-item:last-of-type {
    margin-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .data-form .data-form-item {
    margin-bottom: 2rem;
  }
}
.data-form .button.button--save {
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .data-form .button.button--save {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1300px) {
  .data-form .button.button--save {
    margin-top: 0rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 15rem;
  }
}
.data-form .button.button--logout .button__text {
  margin-right: 0.25rem;
}
@media (min-width: 1300px) {
  .data-form .button.button--logout {
    display: none;
  }
}

@media (min-width: 1300px) {
  .sheet-container--personal-consultation .sheet {
    max-width: 38.1875rem;
  }
}
.sheet-container--personal-consultation .sheet__content {
  padding: 1.5rem 0.75rem 0;
}
@media (min-width: 768px) {
  .sheet-container--personal-consultation .sheet__content {
    padding: 2rem 1rem 0;
  }
}
@media (min-width: 1300px) {
  .sheet-container--personal-consultation .sheet__content {
    padding: 2.5rem 3rem 0;
  }
  .sheet-container--personal-consultation .sheet__content .input {
    height: 2.75rem;
  }
}
.sheet-container--personal-consultation .sheet__content .sheet__title {
  margin-bottom: 0.5rem;
}
.sheet-container--personal-consultation .sheet__content .sheet__subtitle {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .sheet-container--personal-consultation .sheet__content .sheet__subtitle {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--personal-consultation .sheet__content .sheet__subtitle {
    margin-bottom: 1.5rem;
  }
}
.sheet-container--personal-consultation .sheet__content .form .data-form-item {
  margin-bottom: 0.75rem;
}
.sheet-container--personal-consultation .sheet__content .form .data-form-item--phone {
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container--personal-consultation .sheet__content .form .data-form-item--phone {
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--personal-consultation .sheet__content .form .data-form-item--phone {
    margin-bottom: 0.75rem;
  }
}
.sheet-container--personal-consultation .sheet__content .personal-consultation__list {
  padding: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .sheet-container--personal-consultation .sheet__content .personal-consultation__list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--personal-consultation .sheet__content .personal-consultation__list {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1300px) {
  .sheet-container--auth .sheet {
    max-width: 27.8125rem;
  }
}
.sheet-container--auth .sheet .sheet__content {
  padding: 1.5rem 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
@media (min-width: 768px) {
  .sheet-container--auth .sheet .sheet__content {
    padding: 2rem 1rem 1.5rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--auth .sheet .sheet__content {
    padding: 2.5rem 3rem 2rem;
  }
  .sheet-container--auth .sheet .sheet__content .input {
    height: 2.75rem;
  }
}
.sheet-container--auth .sheet .sheet__content .sheet__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container--auth .sheet .sheet__content .sheet__title {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--auth .sheet .sheet__content .sheet__title {
    margin-bottom: 0.5rem;
  }
}
.sheet-container--auth .sheet .sheet__content .sheet__subtitle {
  margin-bottom: 1.25rem;
  max-width: 18.75rem;
}
@media (min-width: 768px) {
  .sheet-container--auth .sheet .sheet__content .sheet__subtitle {
    margin-bottom: 2rem;
    max-width: 100%;
  }
}
@media (min-width: 1300px) {
  .sheet-container--auth .sheet .sheet__content .sheet__subtitle {
    margin-bottom: 1.25rem;
  }
}
.sheet-container--auth .sheet .sheet__content .form .data-form-item--phone {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .sheet-container--auth .sheet .sheet__content .form .data-form-item--phone {
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--auth .sheet .sheet__content .form .data-form-item--phone {
    margin-bottom: 0.75rem;
  }
}
.sheet-container--auth .sheet .sheet__content .form .data-form-item--code {
  margin-bottom: 2rem;
}
.sheet-container--auth .sheet .sheet__content .form .data-form-item--code .verification-code-inputs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container--auth .sheet .sheet__content .form .data-form-item--code .verification-code-inputs {
    gap: 0.75rem;
  }
}
.sheet-container--auth .sheet .sheet__content .form .data-form-item--code .verification-code-inputs .input {
  text-align: center;
}
.sheet-container--auth .sheet .sheet__content .form .data-form-item--code .verification-code-inputs .input[type=number] {
  -moz-appearance: textfield;
}
.sheet-container--auth .sheet .sheet__content .code-verification {
  width: 100%;
}
.sheet-container--auth .sheet .sheet__content .code-verification .resend-timer {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container--auth .sheet .sheet__content .code-verification .resend-timer {
    margin-bottom: 2.5rem;
  }
}
.sheet-container--auth .sheet .sheet__content .data-processing-notice {
  margin-top: auto;
}
.sheet-container--auth .sheet .sheet__content .button--get-code {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .sheet-container--auth .sheet .sheet__content .button--get-code {
    margin-bottom: 2rem;
  }
}

.section.section--slider-vertical {
  padding-top: 0.75rem;
}
@media (min-width: 768px) {
  .section.section--slider-vertical {
    padding-top: 1rem;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical {
    min-height: 100vh;
    padding-top: calc(var(--header-height, 0px) + 1rem);
  }
}

.section.section--slider-vertical .slider-vertical__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid {
    gap: 1rem;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover {
  position: relative;
  aspect-ratio: 351/380;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover {
    aspect-ratio: 736/480;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover {
    position: sticky;
    top: var(--header-height, 0px);
    height: calc(100vh - var(--header-height, 0px));
    aspect-ratio: auto;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0.75rem 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-title {
    padding: 1.25rem 0;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-title {
    padding: 1rem 0;
    padding-left: 1rem;
    text-align: left;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-link {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  padding: 1rem 1.5rem;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-link {
    padding: 1.25rem 1.5rem;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__cover .slider-vertical__cover-link {
    padding: 1rem;
    transform: translateX(0%);
    left: 0;
  }
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list {
    gap: 1rem;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list {
    display: flex;
    flex-direction: column;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item {
  padding: 0.75rem 0 0.75rem;
  border-top: 1px solid #eeeae6;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item {
    gap: 1rem;
    border-top: none;
    padding: 1rem 0 0;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item {
    padding: 0;
    aspect-ratio: 696/724;
    grid-template-rows: 1fr auto;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item .slider-vertical__list-item-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 0.5rem;
  min-height: 188px;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item .slider-vertical__list-item-content {
    padding-top: 1rem;
    gap: 0.75rem;
    min-height: 276px;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item .slider-vertical__list-item-content {
    padding-top: 1rem;
    gap: 0.5625rem;
    aspect-ratio: 696/368;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item .slider-vertical__list-item-content .slider-vertical__list-item-link,
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item .slider-vertical__list-item-content .slider-vertical__list-item-text {
  max-width: fit-content;
  align-self: start;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item .slider-vertical__list-item-image {
  position: relative;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item .slider-vertical__list-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-content {
  grid-column: 1/3;
  grid-row: 1/2;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-content .slider-vertical__list-item-title {
  grid-column: 2/3;
  grid-row: 1/2;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-content .slider-vertical__list-item-link,
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-content .slider-vertical__list-item-text {
  grid-column: 2/3;
  grid-row: 2/3;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-content .slider-vertical__list-item-number {
  grid-column: 2/3;
  grid-row: 3/4;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-image {
  grid-column: 1/3;
  grid-row: 2/3;
  aspect-ratio: 351/180;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-image {
    aspect-ratio: 736/340;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-image {
    aspect-ratio: 696/340;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+1) .slider-vertical__list-item-image img {
  object-position: center;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-content {
  grid-column: 1/2;
  grid-row: 1/3;
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-content {
    padding-top: 2rem;
    aspect-ratio: 340/724;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-content .slider-vertical__list-item-title {
  grid-column: 1/3;
  grid-row: 1/2;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-content .slider-vertical__list-item-link,
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-content .slider-vertical__list-item-text {
  grid-column: 1/3;
  grid-row: 2/3;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-content .slider-vertical__list-item-number {
  grid-column: 1/3;
  grid-row: 3/4;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-image {
  grid-column: 2/3;
  grid-row: 1/3;
  aspect-ratio: 170/380;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-image {
    aspect-ratio: 360/632;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+2) .slider-vertical__list-item-image {
    aspect-ratio: 340/724;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) {
    grid-template-rows: auto 1fr;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-content {
  grid-column: 1/3;
  grid-row: 2/3;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-content .slider-vertical__list-item-title {
  grid-column: 2/3;
  grid-row: 1/2;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-content .slider-vertical__list-item-link,
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-content .slider-vertical__list-item-text {
  grid-column: 2/3;
  grid-row: 2/3;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-content .slider-vertical__list-item-number {
  grid-column: 2/3;
  grid-row: 3/4;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-image {
  grid-column: 1/3;
  grid-row: 1/2;
  aspect-ratio: 351/180;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-image {
    aspect-ratio: 736/340;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-image {
    aspect-ratio: 696/340;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+3) .slider-vertical__list-item-image img {
  object-position: center;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-content {
  grid-column: 2/3;
  grid-row: 1/3;
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-content {
    padding-top: 2rem;
    aspect-ratio: 340/724;
  }
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-content .slider-vertical__list-item-title {
  grid-column: 1/3;
  grid-row: 1/2;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-content .slider-vertical__list-item-link,
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-content .slider-vertical__list-item-text {
  grid-column: 1/3;
  grid-row: 2/3;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-content .slider-vertical__list-item-number {
  grid-column: 1/3;
  grid-row: 3/4;
}
.section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-image {
  grid-column: 1/2;
  grid-row: 1/3;
  aspect-ratio: 170/380;
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-image {
    aspect-ratio: 360/632;
  }
}
@media (min-width: 1300px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:nth-child(4n+4) .slider-vertical__list-item-image {
    aspect-ratio: 340/724;
  }
}
@media (min-width: 768px) {
  .section.section--slider-vertical .slider-vertical__grid .slider-vertical__list .slider-vertical__list-item:first-of-type {
    padding-top: 0rem;
  }
}

.cookie-popup {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .cookie-popup {
    padding: 1rem;
  }
}
.cookie-popup.transition {
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.cookie-popup.duration-500 {
  transition-duration: 500ms;
}
.cookie-popup.duration-300 {
  transition-duration: 300ms;
}
.cookie-popup.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.cookie-popup.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.cookie-popup.opacity-0 {
  opacity: 0;
}
.cookie-popup.opacity-100 {
  opacity: 1;
}
.cookie-popup.translate-y-full {
  transform: translateY(100%);
}
.cookie-popup.translate-y-0 {
  transform: translateY(0);
}
.cookie-popup__container {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background-color: #eeeae6;
}
@media (min-width: 768px) {
  .cookie-popup__container {
    max-width: 337px;
  }
}
.cookie-popup__text {
  font-family: Pragmatica;
  font-weight: 400;
  font-style: Book;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 2%;
  vertical-align: middle;
  font-variant-numeric-zero: slashed-zero;
  color: #211c15;
}
.cookie-popup__link {
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.cookie-popup__link:hover {
  opacity: 0.7;
}
.cookie-popup__button {
  padding: 14px 24px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  font-size: 14px;
  line-height: 20px;
  flex-grow: 0;
  flex-shrink: 1;
  max-width: fit-content;
  max-height: 48px;
}

.modal-discount-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
@media (min-width: 768px) {
  .modal-discount-container {
    padding: 2rem;
  }
}
.modal-discount__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.modal-discount__overlay.is-active {
  opacity: 0.5;
  pointer-events: auto;
}
.modal-discount {
  position: relative;
  background-color: #ffffff;
  width: auto;
  max-height: 90vh;
  overflow-y: auto;
  z-index: 1;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
@media (min-width: 768px) {
  .modal-discount {
    /* max-width: 40rem; */
  }
}
@media (min-width: 1300px) {
  .modal-discount {
    /* max-width: 50rem; */
  }
}
.modal-discount.is-open {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
.modal-discount__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  background: transparent;
  border: none;
  color: #211c15;
  transition: opacity 0.2s ease;
}
@media (min-width: 768px) {
  .modal-discount__close {
    top: 0.5rem;
    right: 0.5rem;
    width: 3rem;
    height: 3rem;
  }
}
.modal-discount__close:hover {
  opacity: 0.7;
}
.modal-discount__close-icon {
  width: 1.5rem;
  height: 1.5rem;
}
@media (min-width: 768px) {
  .modal-discount__close-icon {
    width: 2rem;
    height: 2rem;
  }
}
.modal-discount__body {
  padding: 60px 20px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /* @include mix.lg-up {
  	padding: 6rem 4rem 4rem;
  } */
}
@media (min-width: 768px) {
  .modal-discount__body {
    padding: 104px 48px 86px;
  }
}
.modal-discount__body > * {
  max-width: 524px;
  width: 100%;
}
.modal-discount__title {
  margin-bottom: 12px;
  margin: 0 0 12px;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: left;
}
@media (min-width: 768px) {
  .modal-discount__title {
    font-size: 36px;
    line-height: 38px;
  }
}
@media (min-width: 1300px) {
  .modal-discount__title {
    font-size: 36px;
    line-height: 38px;
  }
}
.modal-discount__subtitle {
  margin: 0 0 2rem;
  width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .modal-discount__subtitle {
    font-size: 1rem;
  }
}
.modal-discount__button {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .modal-discount__button {
    margin-bottom: 2rem;
  }
}
.modal-discount__disclaimer {
  font-size: 16px;
  margin: 0;
  text-align: left;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Pragmatica", sans-serif;
  font-size: 16px;
  color: #211c15;
  margin: 0;
}

body.body-backdrop::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
  z-index: 90;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
  z-index: 90;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

a {
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}

svg {
  transition: 0.3s ease-in-out;
}
svg path {
  transition: 0.3s ease-in-out;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul li {
  padding: 0;
  margin: 0;
}

.container {
  width: 100%;
  max-width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 1300px) {
  .container-lg-up {
    padding-left: 0;
    padding-right: 0;
    max-width: 43.4375rem;
    margin: 0 auto;
  }
}

.container-custom-lg {
  padding-left: 0rem;
  padding-right: 0rem;
}
@media (min-width: 1300px) {
  .container-custom-lg {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.section {
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .section {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .section {
    padding-bottom: 2.5rem;
  }
}
.section .section__title {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .section .section__title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .section .section__title {
    margin-bottom: 1.5rem;
  }
}

.page.page--my-wishlist.page--my-wishlist-not-items {
  padding-bottom: 270px;
}
@media (min-width: 768px) {
  .page.page--my-wishlist.page--my-wishlist-not-items {
    padding-bottom: 622px;
  }
}
@media (min-width: 1300px) {
  .page.page--my-wishlist.page--my-wishlist-not-items {
    padding-bottom: 260px;
  }
}
.page.page--my-wishlist.page--my-wishlist-not-items .page__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .page.page--my-wishlist.page--my-wishlist-not-items .page__title {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-wishlist.page--my-wishlist-not-items .page__title {
    margin-bottom: 0.5rem;
  }
}
.page.page--my-wishlist.page--my-wishlist-not-items .not-items-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page.page--my-wishlist.page--my-wishlist-not-items .not-items-section__text {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .page.page--my-wishlist.page--my-wishlist-not-items .not-items-section__text {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-wishlist.page--my-wishlist-not-items .not-items-section__text {
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .page.page--my-wishlist.page--my-wishlist-not-items .not-items-section__text .text-label-newline {
    display: none;
  }
}
@media (min-width: 1300px) {
  .page.page--my-wishlist.page--my-wishlist-not-items .not-items-section__button {
    width: 240px;
  }
}

.page.page-wishlist .wishlist-page-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
@media (min-width: 1300px) {
  .page.page-wishlist .wishlist-page-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
}
.page.page-wishlist .wishlist-page-grid .product-card {
  width: 100%;
  height: 100%;
}

.page {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .page {
    padding-top: 3.75rem;
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 1300px) {
  .page {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
  }
}

.page__title {
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .page__title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .page__title {
    margin-bottom: 1.5rem;
  }
}

.list {
  display: flex;
  flex-direction: column;
}
.list .list__item {
  padding: 0 0.75rem;
  height: 3.5rem;
  border-bottom: 0.0625rem solid #eeeae6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .list .list__item {
    padding: 0 1rem;
    height: 4rem;
  }
}
.list .list__item:last-of-type {
  border-bottom: none;
}

.hide-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hidden {
  display: none;
}

.span-2 {
  grid-column: span 2;
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-stretch {
  align-content: stretch;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-grow {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.text-center {
  text-align: center;
}

@media (min-width: 1300px) {
  .product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 1rem;
  }
}
.product-grid .product-slider {
  overflow: hidden;
}
.product-grid .product-slider .swiper.product-swiper {
  position: relative;
  overflow: visible;
}
.product-grid .product-slider .swiper.product-swiper .swiper-wrapper {
  display: flex;
}
.product-grid .product-slider .swiper.product-swiper .swiper-wrapper .button--whole-look {
  right: 0.75rem;
  bottom: 0.75rem;
  position: absolute;
}
.product-grid .product-slider .swiper.product-swiper .swiper-slide {
  margin-left: 0.75rem;
  width: 100%;
  /*height: calc(100vh - 18.5rem);*/
  aspect-ratio: 3/4;
}
@media (min-width: 768px) {
  .product-grid .product-slider .swiper.product-swiper .swiper-slide {
    width: 100%;
    height: auto;
    aspect-ratio: 768/1230;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-slider .swiper.product-swiper .swiper-slide {
    width: 600px;
  }
}
.product-grid .product-slider .swiper.product-swiper .swiper-slide:first-of-type {
  margin-left: 0;
}
.product-grid .product-slider .swiper.product-swiper .swiper-slide:last-of-type {
  margin-right: 0rem;
}
@media (min-width: 768px) {
  .product-grid .product-slider .swiper.product-swiper .swiper-slide:last-of-type {
    margin-right: 0rem;
  }
}
.product-grid .product-slider .swiper.product-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-grid .product-slider .swiper.product-swiper .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-grid .product-slider .swiper.product-swiper .swiper-pagination {
  height: 2px;
  position: absolute;
  top: unset;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: transparent;
}
.product-grid .product-slider .swiper.product-swiper .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #aca6a0;
}
.product-grid .product-slider .swiper.product-swiper .swiper-button-prev,
.product-grid .product-slider .swiper.product-swiper .swiper-button-next {
  display: none;
}
@media (min-width: 1300px) {
  .product-grid .product-slider {
    display: none;
  }
}
.product-grid .product-showcase {
  display: none;
}
@media (min-width: 1300px) {
  .product-grid .product-showcase {
    display: grid;
    grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
    grid-template-rows: auto;
    gap: 1rem;
    grid-column: 1/3;
    grid-row: 1/3;
  }
}
.product-grid .product-showcase .product-showcase__image {
  aspect-ratio: 459/688;
  width: 100%;
  height: 100%;
  height: auto;
  position: relative;
  cursor: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.8' y='0.8' width='58.4' height='58.4' rx='29.2' fill='white'/%3E%3Crect x='0.8' y='0.8' width='58.4' height='58.4' rx='29.2' stroke='white' stroke-width='1.6'/%3E%3Cpath d='M29.2204 30.388V37H30.6204V30.388H37V28.988H30.6204V23H29.2204V28.988H23V30.388H29.2204Z' fill='%23211C15'/%3E%3C/svg%3E") 30 30, auto;
}
@media (min-width: 1601px) {
  .product-grid .product-showcase .product-showcase__image {
    aspect-ratio: 618 / 924;
  }
}
@media (max-width: 1600px) and (min-width: 1025px) {
  .product-grid .product-showcase .product-showcase__image {
    aspect-ratio: 458 / 688;
  }
}
@media (max-width: 425px) {
  .product-grid .product-showcase .product-showcase__image {
    aspect-ratio: 375 / 562;
  }
}
.product-grid .product-showcase .product-showcase__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-grid .product-showcase .product-showcase__image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-grid .product-showcase .product-showcase__image .button--whole-look {
  position: absolute;
  left: 0.75rem;
  bottom: 0.75rem;
}
@media (min-width: 1300px) {
  .product-grid .wrapper-product {
    grid-column: 3/4;
    grid-row: 1/2;
    position: sticky;
    top: 5.625rem;
  }
}
.product-grid .product-header .container {
  padding-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  height: auto; /* или конкретная высота */
  overflow: visible;
}
@media (min-width: 768px) {
  .product-grid .product-header .container {
    padding-top: 2rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container {
    padding-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.product-grid .product-header .container .product__season {
  margin-bottom: 0.5rem;
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product__season {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product__season {
    margin-bottom: 0.5rem;
  }
}
.product-grid .product-header .container .product-title {
  margin-bottom: 0.5rem;
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product-title {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-title {
    margin-bottom: 0.5rem;
  }
}
.product-grid .product-header .container .product-price-container {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  grid-row: 3/4;
  grid-column: 1/2;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product-price-container {
    margin-bottom: 1.75rem;
    gap: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-price-container {
    margin-bottom: 1.5rem;
  }
}
.product-grid .product-header .container .product-colors-container {
  margin-bottom: 1.25rem;
  grid-row: 4/5;
  grid-column: 1/2;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product-colors-container {
    margin-bottom: 1.75rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-colors-container {
    margin-bottom: 1.5rem;
  }
}
.product-grid .product-header .container .product-colors-container .product-colors-title {
  display: block;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product-colors-container .product-colors-title {
    margin-bottom: 0.75rem;
  }
}
.product-grid .product-header .container .product-colors-container .product-colors-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.product-grid .product-header .container .product-colors-container .product-colors-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-colors-container .product-colors-item {
    gap: 0.25rem;
  }
}
.product-grid .product-header .container .product-colors-container .product-colors-item:hover .product-colors-item-color:not(.product-colors-item-color--active) {
  transition: 0.3s ease-in-out;
  transform: scale(0.9);
}
.product-grid .product-header .container .product-colors-container .product-colors-item-color {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  position: relative;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product-colors-container .product-colors-item-color {
    width: 3rem;
    height: 3rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-colors-container .product-colors-item-color {
    width: 2rem;
    height: 2rem;
  }
}
.product-grid .product-header .container .product-colors-container .product-colors-item-color::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: var(--swatch-color, #211c15);
}
.product-grid .product-header .container .product-colors-container .product-colors-item-color--active {
  border: 2px solid #dcd8d4;
  padding: 0.25rem;
}
.product-grid .product-header .container .product-colors-container .product-colors-item-color--active::after {
  top: 0.25rem;
  left: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
}
.product-grid .product-header .container .product-colors-container .product-colors-item-color--disabled {
  overflow: visible;
  opacity: 0.5;
  pointer-events: none;
  transition: none;
}
.product-grid .product-header .container .product-colors-container .product-colors-item-color--disabled::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10%;
  transform: translate(-50%, -50%);
  width: 45px;
  height: 2px;
  background-color: #dcd8d4;
  transform: translateY(-50%) rotate(-45deg);
  z-index: 1;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product-colors-container .product-colors-item-color--disabled::before {
    width: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-colors-container .product-colors-item-color--disabled::before {
    width: 2.5rem;
  }
}
.product-grid .product-header .container .product-colors-container .product-colors-item-label {
  color: #211c15;
}
.product-grid .product-header .container .product-sizes-container {
  margin-bottom: 1.25rem;
  grid-row: 5/6;
  grid-column: 1/2;
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-sizes-container {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-sizes-container.mobile {
    display: none;
  }
}
.product-grid .product-header .container .product-sizes-container.desktop {
  display: none;
  position: relative;
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-sizes-container.desktop {
    display: block;
  }
}
.product-grid .product-header .container .product-sizes-container.desktop .dropdown-content {
  position: absolute;
  /*height: 12.5rem;*/
  top: 110%;
  left: 0;
  width: 100%;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0px 8px 16.8px 0px rgba(33, 28, 21, 0.1215686275);
}
.product-grid .product-header .container .product-sizes-container.desktop .dropdown-content .product-sizes-sheet__content {
  margin-bottom: 0.75rem;
  max-height: 100%;
  overflow-y: unset;
}
.product-grid .product-header .container .product-sizes-container.desktop .dropdown-content .product-sizes-sheet__content .product-sizes-sheet__item {
  border: none;
  margin-bottom: 0.5rem;
}
.product-grid .product-header .container .product-sizes-container.desktop .dropdown-content .product-sizes-sheet__content .product-sizes-sheet__item:first-of-type {
  padding-top: 1rem;
}
.product-grid .product-header .container .product-sizes-container.desktop .dropdown-content .product-sizes-sheet__content .product-sizes-sheet__button {
  padding: 0;
  height: 1.25rem;
}
.product-grid .product-header .container .product-cart-container {
  margin-bottom: 2.125rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  position: sticky;
  bottom: 1.5rem;
  z-index: 100;
}
.product-grid .product-header .container .product-cart-container .button--favorite {
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
}
.product-grid .product-header .container .product-cart-container .button--favorite svg {
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product-cart-container .button--favorite {
    height: 3.875rem;
    width: 3.875rem;
  }
  .product-grid .product-header .container .product-cart-container .button--favorite svg {
    height: 3rem;
    width: 3rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-cart-container .button--favorite {
    height: 3rem;
    width: 3rem;
  }
  .product-grid .product-header .container .product-cart-container .button--favorite svg {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.product-grid .product-header .container .product-cart-container .button--favorite:hover svg path:first-of-type {
  fill: #aca6a0;
}
.product-grid .product-header .container .product-cart-container .button--favorite:active svg path:first-of-type {
  fill: #211c15;
}
.product-grid .product-header .container .product-cart-container .button--black {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .product-grid .product-header .container .product-cart-container {
    margin-bottom: 3.375rem;
    position: static;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-header .container .product-cart-container {
    margin-bottom: 2.375rem;
  }
}
.product-grid .product-description .container {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .product-grid .product-description .container {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-description .container {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 0;
  }
}
.product-grid .product-description .container .product-details {
  margin-bottom: 0.875rem;
}
@media (min-width: 768px) {
  .product-grid .product-description .container .product-details {
    margin-bottom: 1.125rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-description .container .product-details {
    margin-bottom: 0.875rem;
  }
}
.product-grid .product-description .container .product-details .product-details__list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.product-grid .product-description .container .product-details .product-details__item {
  display: flex;
  justify-content: space-between;
}
.product-grid .product-description .container .product-details .product-details__item:not(:last-child) {
  border-bottom: 1px solid var(--beige-100);
}
.product-grid .product-description .container .product-details .product-details__term {
  margin-right: 1rem;
}
.product-grid .product-description .container .product-details .product-details__desc {
  text-align: right;
}
@media (min-width: 768px) {
  .product-grid .product-description .container .product-details .product-details__desc {
    width: calc(50% - 0.5rem);
    text-align: left;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-description .container .product-details .product-details__desc {
    width: auto;
    text-align: right;
  }
}
.product-grid .product-description .container .product-text {
  margin-bottom: 0.875rem;
}
@media (min-width: 768px) {
  .product-grid .product-description .container .product-text {
    margin-bottom: 1.125rem;
  }
}
@media (min-width: 1300px) {
  .product-grid .product-description .container .product-text {
    margin-bottom: 0.875rem;
  }
}
.product-grid .product-description .container .product-text p button.button--text {
  display: inline-block;
}

.section.section--catalog.section--model {
  padding-top: 0;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .section.section--catalog.section--model {
    padding-bottom: 3.75rem;
  }
}

.section.section--catalog.section--gonna-love {
  padding-top: 0;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .section.section--catalog.section--gonna-love {
    padding-bottom: 120px;
  }
}

.product-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow-y: scroll;
  display: none;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.product-modal::-webkit-scrollbar {
  display: none;
}
.product-modal.is-open {
  display: block;
}
.product-modal .product-modal__close {
  width: 1.5rem;
  height: 1.5rem;
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 1002;
}
@media (min-width: 1300px) {
  .product-modal .product-modal__close {
    display: none;
  }
}
.product-modal .product-modal__content {
  display: block;
  background-color: #ffffff;
}
.product-modal .product-modal__content .details-swiper {
  height: 100vh;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .product-modal .product-modal__content .details-swiper {
    pointer-events: auto;
  }
}
.product-modal .product-modal__content .details-swiper .swiper-wrapper {
  align-items: flex-start;
}
.product-modal .product-modal__content .details-swiper .swiper-slide {
  width: 100%;
  height: auto;
  aspect-ratio: 2/3;
}
.product-modal .product-modal__content .details-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  aspect-ratio: 2/3;
  object-fit: cover;
}
@media (min-width: 1300px) {
  .product-modal .product-modal__content .details-swiper .swiper-slide img {
    cursor: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.8' y='0.8' width='58.4' height='58.4' rx='29.2' fill='%23211C15'/%3E%3Crect x='0.8' y='0.8' width='58.4' height='58.4' rx='29.2' stroke='%23211C15' stroke-width='1.6'/%3E%3Cpath d='M37 29.9996H23V28.5996H37V29.9996Z' fill='white'/%3E%3C/svg%3E") 30 30, auto;
  }
}
.product-modal .product-modal__content .details-swiper-thumbs {
  display: none;
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 50px;
  z-index: 2;
}
@media (min-width: 1300px) {
  .product-modal .product-modal__content .details-swiper-thumbs {
    display: block;
  }
}
.product-modal .product-modal__content .details-swiper-thumbs .swiper-slide {
  width: 50px;
  height: 75px;
  opacity: 0.3;
  transition: 0.3s ease-in-out;
}
@media (max-height: 768px) {
  .product-modal .product-modal__content .details-swiper-thumbs .swiper-slide {
    width: 40px;
    height: 60px;
  }
}
.product-modal .product-modal__content .details-swiper-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-modal .product-modal__content .details-swiper-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.product-sizes-sheet {
  background-color: #ffffff;
}
.product-sizes-sheet .product-sizes-sheet__header .product-sizes-sheet__button {
  padding: 1rem 0.75rem;
  width: 100%;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.product-sizes-sheet .product-sizes-sheet__header .product-sizes-sheet__button .icon {
  position: absolute;
  top: 1rem;
  left: 0.75rem;
}
.product-sizes-sheet .product-sizes-sheet__title {
  margin: 0;
  color: #211c15;
}

.product-sizes-sheet .product-sizes-sheet__content {
  margin-bottom: 3.5rem;
  max-height: calc(90vh - 4rem);
  overflow-y: auto;
}
.product-sizes-sheet .product-sizes-sheet__content .product-sizes-sheet__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-sizes-sheet .product-sizes-sheet__content .product-sizes-sheet__list .product-sizes-sheet__item {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #eeeae6;
  position: relative;
}
.product-sizes-sheet .product-sizes-sheet__content .product-sizes-sheet__list .product-sizes-sheet__item .product-sizes-sheet__button {
  padding: 1rem 0.75rem;
  height: 3.5rem;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  align-items: center;
  justify-content: center;
}
.product-sizes-sheet .product-sizes-sheet__content .product-sizes-sheet__list .product-sizes-sheet__item .product-sizes-sheet__button .product-sizes-sheet__button-text {
  display: block;
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/2;
}
.product-sizes-sheet .product-sizes-sheet__content .product-sizes-sheet__list .product-sizes-sheet__item .product-sizes-sheet__button .product-sizes-sheet__button-tooltip {
  display: block;
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/2;
  text-align: right;
  padding-right: 5px;
}
.product-sizes-sheet .product-sizes-sheet__content .product-sizes-sheet__list .product-sizes-sheet__item .product-sizes-sheet__button .product-sizes-sheet__button-icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: end;
}
.product-sizes-sheet .product-sizes-sheet__footer .product-sizes-sheet__button {
  /*padding: 1rem 0.75rem;*/
  width: 100%;
  height: 2.5rem;
}
.product-sizes-sheet .product-sizes-sheet__footer .product-sizes-sheet__button .product-sizes-sheet__button-text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-sizes-sheet .product-sizes-sheet__footer .table-size-container {
  margin: 0 0.75rem 1.25rem;
  border: 1px solid #eeeae6;
}
.product-sizes-sheet .product-sizes-sheet__footer .table-size-container .table-size-container__row:last-child {
  border-bottom: none;
}
.product-sizes-sheet .product-sizes-sheet__footer .table-size-container .table-size-container__row span {
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.product-sizes-sheet .product-sizes-sheet__footer .table-size-container .table-size-container__row span:first-child {
  background-color: #f6f4f2;
}
.product-sizes-sheet .product-sizes-sheet__footer .table-size-container .table-size-container__row span:last-child {
  text-align: right;
  color: #211c15;
}
.product-sizes-sheet .product-sizes-sheet__footer .size-help-container {
  margin-bottom: 2.5rem;
}
.product-sizes-sheet .product-sizes-sheet__footer .size-help-container p {
  margin: 0 auto;
  max-width: 20rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .product-sizes-sheet .product-sizes-sheet__footer .size-help-container p {
    max-width: 35.625rem;
  }
}
.product-sizes-sheet .product-sizes-sheet__footer .size-help-container .size-help__icon-link {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.product-sizes-sheet .product-sizes-sheet__footer .size-help-container__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.sheet-container .product-sizes-sheet {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 90vh;
  transform: translateY(100%);
  transition: 0.3s ease-in-out;
  pointer-events: auto;
  overflow-y: auto;
}
.sheet-container .product-sizes-sheet.is-open {
  transform: translateY(0);
}

.sheet-container.sheet-container--size-table {
  display: none;
}
@media (min-width: 1300px) {
  .sheet-container.sheet-container--size-table {
    display: block;
  }
}
.sheet-container.sheet-container--size-table .sheet-desktop {
  width: 27.8125rem;
}
@media (min-width: 1920px) {
  .sheet-container.sheet-container--size-table .sheet-desktop {
    width: 38.1875rem;
  }
}
.sheet-container.sheet-container--size-table .sheet-desktop .table-size-container {
  margin: 1.5rem 0 0 0;
}
.sheet-container.sheet-container--size-table .sheet-desktop .table-size-container .table-size-container__row:first-of-type {
  background-color: #f6f4f2;
}
.sheet-container.sheet-container--size-table .sheet-desktop .sheet-desktop__subtitle {
  margin-top: 0.5rem;
}
.sheet-container.sheet-container--size-table .sheet-desktop .size-help-container {
  margin-top: 1.5rem;
}
.sheet-container.sheet-container--size-table .sheet-desktop .size-help-container .size-help-container__icons {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.sheet-container.sheet-container--size-table .sheet-desktop .size-help-container .size-help-container__icons .size-help__icon-link {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1300px) {
  .sheet-container.sheet-container--size-table-mobile {
    display: none;
  }
}

.sheet-container.sheet-container--details .sheet__content {
  padding: 1.5rem 0.75rem 0;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--details .sheet__content {
    padding: 2rem 1rem 0;
  }
}
.sheet-container.sheet-container--details .sheet__content .sheet__subtitle {
  margin-bottom: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--details .sheet__content .sheet__subtitle {
    margin-bottom: 2rem;
  }
}
.sheet-container.sheet-container--details .sheet-desktop {
  width: 27.8125rem;
}
@media (min-width: 1920px) {
  .sheet-container.sheet-container--details .sheet-desktop {
    width: 38.1875rem;
  }
}
.sheet-container.sheet-container--details .sheet-desktop .sheet__title {
  margin-bottom: 0.5rem;
}
.sheet-container.sheet-container--details .sheet-desktop .sheet__subtitle {
  margin-bottom: 1.5rem;
}
.sheet-container.sheet-container--details .sheet-desktop .sizes-tabs {
  justify-content: flex-start;
}
@media (min-width: 1300px) {
  .sheet-container.sheet-container--details .sheet-desktop .sizes-tabs {
    margin-bottom: 0.75rem;
    height: 38px;
  }
}
.sheet-container.sheet-container--details .sizes-tabs {
  margin-bottom: 0.75rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--details .sizes-tabs {
    margin-bottom: 0;
    height: 4rem;
  }
}
.sheet-container.sheet-container--details .sizes-tabs .sizes-tabs__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.sheet-container.sheet-container--details .sizes-tabs .sizes-tabs__button .divider {
  width: 3px;
  height: 3px;
  background-color: #211c15;
}
.sheet-container.sheet-container--details .sizes-tabs .sizes-tabs__item .sizes-tabs__button .sizes-tabs__text {
  transition: 0.3s ease-in-out;
  border-bottom: 1px solid transparent;
}
.sheet-container.sheet-container--details .sizes-tabs .sizes-tabs__item--active .sizes-tabs__button .sizes-tabs__text {
  border-bottom: 1px solid #211c15;
}
.sheet-container.sheet-container--details .sizes-tabs__content .sizes-tabs__item-content .table-size-container {
  margin: 0;
  margin-bottom: 1rem;
}
.sheet-container.sheet-container--details .sizes-tabs__content .sizes-tabs__item-content .table-size-container .table-size-container__row span:first-of-type {
  background-color: #f6f4f2;
}
.sheet-container.sheet-container--details .page-tabs {
  min-height: 3.5rem;
  border-top: 1px solid #eeeae6;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--details .page-tabs {
    min-height: 4rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container.sheet-container--details .page-tabs {
    margin-bottom: 0.875rem;
    min-height: 2.375rem;
    border-top: none;
  }
}
.sheet-container.sheet-container--details .page-tabs .page-tabs__list {
  margin-left: auto;
  margin-right: auto;
}
.sheet-container.sheet-container--details .page-tabs .page-tabs__list button {
  white-space: nowrap;
}
.sheet-container.sheet-container--details .product-details-composition {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--details .product-details-composition {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container.sheet-container--details .product-details-composition {
    margin-bottom: 1.5rem;
  }
}
.sheet-container.sheet-container--details .product-details-composition .product-details-composition__item {
  width: 100%;
}

.sheet-container.sheet-container--details .product-details-composition-rules {
  padding-left: 1rem;
  padding-bottom: 1.5rem;
  list-style: disc;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--details .product-details-composition-rules {
    padding-bottom: 2rem;
  }
}
.sheet-container.sheet-container--details .product-details-composition-link {
  padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: start;
  text-transform: uppercase;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--details .product-details-composition-link {
    padding-bottom: 2rem;
  }
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item {
  padding-top: 2rem;
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item:last-of-type {
  padding-bottom: 2rem;
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .addsress-card__title {
  margin-bottom: 0.75rem;
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .addsress-card__info {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .addsress-card__info .left-col {
  width: 50%;
  flex-shrink: 0;
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .addsress-card__info .right-col {
  flex-shrink: 0;
  width: 50%;
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .sizes-table {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  border: 1px solid #eeeae6;
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .sizes-table .sizes-table__title {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eeeae6;
  text-align: center;
  height: 100%;
  width: 5.5rem;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .sizes-table .sizes-table__title {
    width: 50%;
  }
}
@media (min-width: 1300px) {
  .sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .sizes-table .sizes-table__title {
    width: 5.5rem;
  }
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .sizes-table .sizes-table__content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-grow: 1;
  border-right: 1px solid #eeeae6;
}
.sheet-container.sheet-container--details .product-details-availability .product-details-availability__item .addsress-card .sizes-table .sizes-table__content:last-of-type {
  border-right: none;
}
@media (min-width: 1300px) {
  .sheet-container.sheet-container--details .sheet-container__content--composition .sheet__title {
    margin-bottom: 1.5rem;
  }
}

.sheet-container.sheet-container--call-back .sheet {
  height: 100%;
  max-height: 100vh;
}
.sheet-container.sheet-container--call-back .sheet__header {
  border: none;
}
.sheet-container.sheet-container--call-back .sheet__content {
  padding: 1.5rem 0.75rem 0;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--call-back .sheet__content {
    padding: 1.5rem 1rem 0;
  }
}
.sheet-container.sheet-container--call-back .sheet__content .sheet__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--call-back .sheet__content .sheet__title {
    margin-bottom: 0.75rem;
  }
}
.sheet-container.sheet-container--call-back .sheet__content .sheet__subtitle {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--call-back .sheet__content .sheet__subtitle {
    margin-bottom: 2rem;
  }
}
.sheet-container.sheet-container--call-back .sheet-desktop {
  width: 27.8125rem;
}
@media (min-width: 1920px) {
  .sheet-container.sheet-container--call-back .sheet-desktop {
    width: 38.1875rem;
  }
}
.sheet-container.sheet-container--call-back .sheet-desktop .sheet__title {
  margin-bottom: 0.5rem;
}
.sheet-container.sheet-container--call-back .sheet-desktop .sheet__subtitle {
  margin-bottom: 1.5rem;
}
.sheet-container.sheet-container--call-back .sheet-desktop .form-phone-number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.25rem;
}
.sheet-container.sheet-container--call-back .sheet-desktop .form-phone-number .phone-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.sheet-container.sheet-container--call-back .sheet-desktop .form-phone-number .phone-container .phone-number-code {
  width: 3.75rem;
  height: 3rem;
}
.sheet-container.sheet-container--call-back .sheet-desktop .form-phone-number .phone-container .phone-number__input {
  width: 100%;
  height: 3rem;
}
.sheet-container.sheet-container--call-back .sheet-desktop .form-phone-number .phone-container .phone-number-code__dropdown {
  width: 349px;
  top: 3rem;
}
@media (min-width: 1920px) {
  .sheet-container.sheet-container--call-back .sheet-desktop .form-phone-number .phone-container .phone-number-code__dropdown {
    width: 493px;
  }
}
.sheet-container.sheet-container--call-back .form-phone-number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.25rem;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code {
  width: 3.75rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  border-bottom: 0.0625rem solid #211c15;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number__input {
  width: 100%;
  height: 4rem;
  outline: none;
  display: flex;
  align-items: center;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number__input::placeholder {
  color: #aca6a0;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown {
  position: absolute;
  top: 4.75rem;
  left: 0;
  width: calc(100vw - 1.5rem);
  height: 100%;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown {
    width: calc(100vw - 2rem);
  }
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__search {
  position: relative;
  width: 100%;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__search svg {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__search .phone-number-code__search-input {
  width: 100%;
  height: 64px;
  padding: 0 0.75rem;
  display: block;
  width: 100%;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list {
  padding: 0;
  padding-top: 1.5rem;
  list-style: none;
  overflow-y: auto;
  height: 13.25rem;
  width: 100%;
  background-color: #ffffff;
  /* Ширина скроллбара */
  /* Трек (фон) скроллбара */
  /* Ползунок скроллбара */
  /* При наведении на ползунок */
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list ::-webkit-scrollbar {
  width: 10px;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.sheet-container.sheet-container--call-back .form-phone-number .phone-container .phone-number-code__dropdown .phone-number-code__dropdown-list .phone-number-code__dropdown-item {
  padding: 0.5rem 0rem;
}

.sheet-container--order-placement .sheet .sheet__header {
  border-bottom: none;
}
.sheet-container--order-placement .sheet .sheet__content {
  padding-bottom: 0;
}

.ordering-page {
  padding-top: 2.5rem;
}
.ordering-page .ordering-page__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .ordering-page {
    padding-top: 3.75rem;
    padding-bottom: 7.5rem;
  }
  .ordering-page h1 {
    width: 37.5rem;
    margin: 0 auto;
  }
}
@media (min-width: 1300px) {
  .ordering-page {
    padding-top: 2.5rem;
    padding-bottom: 6.25rem;
    display: grid;
    grid-template-columns: 45.5rem 26.875rem;
    justify-content: space-between;
  }
  .ordering-page h1 {
    grid-column: 1/3;
  }
}
.ordering-page .section--delivery-info,
.ordering-page .section--payment-info,
.ordering-page .section--personal-info,
.ordering-page .section--delivery-address,
.ordering-page .section--sertificate,
.ordering-page .section--order-summary {
  padding-top: 3.75rem;
}
@media (min-width: 768px) {
  .ordering-page .section--delivery-info,
  .ordering-page .section--payment-info,
  .ordering-page .section--personal-info,
  .ordering-page .section--delivery-address,
  .ordering-page .section--sertificate,
  .ordering-page .section--order-summary {
    padding-top: 5rem;
  }
}
@media (min-width: 1300px) {
  .ordering-page .section--delivery-info,
  .ordering-page .section--payment-info,
  .ordering-page .section--personal-info,
  .ordering-page .section--delivery-address,
  .ordering-page .section--sertificate,
  .ordering-page .section--order-summary {
    padding-top: 3.75rem;
    overflow-y: visible;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .ordering-page .section--delivery-info::-webkit-scrollbar,
  .ordering-page .section--payment-info::-webkit-scrollbar,
  .ordering-page .section--personal-info::-webkit-scrollbar,
  .ordering-page .section--delivery-address::-webkit-scrollbar,
  .ordering-page .section--sertificate::-webkit-scrollbar,
  .ordering-page .section--order-summary::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 1300px) {
  .ordering-page .section--personal-info {
    grid-column: 1/2;
  }
}
.ordering-page .section--personal-info .button-personal-info {
  margin-top: 1.5rem;
  border: none;
  border-bottom: 1px solid #211c15;
}
.ordering-page .section--personal-info .button-personal-info span {
  text-align: left;
}
.ordering-page .section--personal-info .button-add-address {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .ordering-page .section--personal-info .button-add-address {
    margin-top: 1.25rem;
  }
}
.ordering-page .section--personal-info .button-add-address span {
  text-align: left;
}
@media (min-width: 1300px) {
  .ordering-page .section--delivery-info,
  .ordering-page .section--delivery-address,
  .ordering-page .section--payment-info {
    grid-column: 1/2;
  }
}
.ordering-page .section--delivery-info .radio-list,
.ordering-page .section--delivery-address .radio-list,
.ordering-page .section--payment-info .radio-list {
  padding: 1.5rem 0 0;
  gap: 0;
}
@media (min-width: 768px) {
  .ordering-page .section--delivery-info .radio-list,
  .ordering-page .section--delivery-address .radio-list,
  .ordering-page .section--payment-info .radio-list {
    padding: 2rem 0 0;
  }
}
.ordering-page .section--delivery-info .radio-list .radio-label,
.ordering-page .section--delivery-address .radio-list .radio-label,
.ordering-page .section--payment-info .radio-list .radio-label {
  padding: 0.75rem 0;
  border-bottom: 1px solid #eeeae6;
  border-top: 1px solid transparent;
}
@media (min-width: 768px) {
  .ordering-page .section--delivery-info .radio-list .radio-label,
  .ordering-page .section--delivery-address .radio-list .radio-label,
  .ordering-page .section--payment-info .radio-list .radio-label {
    padding: 1rem 0;
  }
}
.ordering-page .section--delivery-info .radio-list .radio-text-wrapper,
.ordering-page .section--delivery-address .radio-list .radio-text-wrapper,
.ordering-page .section--payment-info .radio-list .radio-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (min-width: 768px) {
  .ordering-page .section--delivery-info .radio-list .radio-text-wrapper,
  .ordering-page .section--delivery-address .radio-list .radio-text-wrapper,
  .ordering-page .section--payment-info .radio-list .radio-text-wrapper {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1300px) {
  .ordering-page .section--sertificate {
    grid-column: 1/2;
  }
}
.ordering-page .section--sertificate .sertificate-list {
  padding: 1.5rem 0 1.6875rem;
  gap: 0;
}
@media (min-width: 768px) {
  .ordering-page .section--sertificate .sertificate-list {
    padding: 2rem 0;
  }
}
@media (min-width: 1300px) {
  .ordering-page .section--sertificate .sertificate-list {
    padding-bottom: 24px;
    display: flex;
    gap: 3.75rem;
  }
}
.ordering-page .section--sertificate .sertificate-list .sertificate-item {
  padding: 0.75rem 0;
  border-top: 1px solid #eeeae6;
}
@media (min-width: 768px) {
  .ordering-page .section--sertificate .sertificate-list .sertificate-item {
    padding: 1rem 0;
  }
}
@media (min-width: 1300px) {
  .ordering-page .section--sertificate .sertificate-list .sertificate-item {
    padding: 0;
    border-top: 1px solid transparent;
  }
}
.ordering-page .section--sertificate .sertificate-list .sertificate-item.disabled {
  opacity:0.5;
}
.ordering-page .section--sertificate .sertificate-list .sertificate-item-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .ordering-page .section--sertificate .sertificate-list .sertificate-item-wrapper {
    gap: 1.25rem;
  }
}
.ordering-page .section--sertificate .sertificate-list .sertificate-item-wrapper .sertificate-item-image {
  border-radius: 0.25rem;
  width: 7.625rem;
  height: 4.875rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .ordering-page .section--sertificate .sertificate-list .sertificate-item-wrapper .sertificate-item-image {
    width: 10rem;
    height: 6.375rem;
  }
}
.ordering-page .section--sertificate .sertificate-list .sertificate-item-wrapper .sertificate-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1300px) {
  .ordering-page .section--sertificate .sertificate-list .sertificate-item-wrapper .sertificate-item-image {
    width: 122px;
    height: 78px;
  }
}
.ordering-page .section--sertificate .sertificate-list .sertificate-item-wrapper .sertificate-item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ordering-page .section--sertificate .sertificate-list .sertificate-item-action {
  margin-left: auto;
}
@media (min-width: 1300px) {
  .ordering-page .section--order-summary {
    grid-column: 2/3;
    grid-row: 2/15;
    top: 2rem;
    overflow-y: auto;
  }
}
.ordering-page .section--order-summary .order-summary-header {
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.ordering-page .section--order-summary .order-summary-details {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .ordering-page .section--order-summary .order-summary-details {
    gap: 1.25rem;
  }
}
.ordering-page .section--order-summary .order-summary-details .order-item {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.ordering-page .section--order-summary .order-summary-details .order-item .item-label,
.ordering-page .section--order-summary .order-summary-details .order-item .item-value {
  flex-shrink: 0;
}
.ordering-page .section--order-summary .order-summary-details .order-item .order-item-divider {
  flex-grow: 1;
  height: 1rem;
  border-bottom: 1px dashed #eeeae6;
}
@media (min-width: 768px) {
  .ordering-page .section--order-summary .order-summary-details .order-item .order-item-divider {
    height: 1.25rem;
  }
}
.ordering-page .section--order-summary .shopping-cart__list {
  display: none;
  margin-top: 2.25rem;
}
@media (min-width: 1300px) {
  .ordering-page .section--order-summary .shopping-cart__list {
    display: block;
  }
}
.ordering-page .section--order-summary .shopping-cart__list .shopping-cart__item {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-top: 0.75rem;
  border-top: 0.0625rem solid #eeeae6;
}
.ordering-page .section--order-summary .shopping-cart__list .shopping-cart__item-content {
  grid-template-columns: 5rem 1fr auto;
}
.ordering-page .section--order-summary .shopping-cart__list .shopping-cart__item-actions,
.ordering-page .section--order-summary .shopping-cart__list .delete-btn,
.ordering-page .section--order-summary .shopping-cart__list .button--favorite-alt,
.ordering-page .section--order-summary .shopping-cart__list .to-similar-products {
  display: none;
}
.ordering-page .section--order-summary .shopping-cart__list .shopping-cart__item-title {
  max-width: 12.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ordering-page .section--order-summary .shopping-cart__list .shopping-cart__item-image {
  width: 5rem;
  height: 7.5rem;
}
.ordering-page .section--order-summary .shopping-cart__list .shopping-cart__item-price {
  grid-column: 2/4;
  grid-row: 1/2;
  justify-self: end;
}
.ordering-page .button-pay-order {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .ordering-page .button-pay-order {
    margin-top: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .ordering-page .button-pay-order {
    grid-column: 1/2;
  }
}
.ordering-page .section--delivery-address .button-delivery-address {
  margin-top: 1.5rem;
  border: none;
  border-bottom: 1px solid #211c15;
}
.ordering-page .section--delivery-address .button-add-address {
  margin-top: 1rem;
  border: none;
}
.ordering-page .footer-mini {
  margin-top: 5rem;
  background-color: #ffffff;
  z-index: 100;
}
@media (min-width: 768px) {
  .ordering-page .footer-mini {
    margin-top: 7.5rem;
  }
}
@media (min-width: 1300px) {
  .ordering-page .footer-mini {
    grid-column: 1/3;
    grid-row: 15/16;
  }
}

.sertificate-list {
  padding: 1.5rem 0 1.6875rem;
  gap: 0;
}
@media (min-width: 768px) {
  .sertificate-list {
    padding: 2rem 0;
  }
}
.sertificate-list .sertificate-item {
  padding: 0.75rem 0;
  border-top: 1px solid #eeeae6;
}
@media (min-width: 768px) {
  .sertificate-list .sertificate-item {
    padding: 1rem 0;
  }
}
.sertificate-list .sertificate-item-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .sertificate-list .sertificate-item-wrapper {
    gap: 1.25rem;
  }
}
.sertificate-list .sertificate-item-wrapper .sertificate-item-image {
  border-radius: 0.25rem;
  width: 7.625rem;
  height: 4.875rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .sertificate-list .sertificate-item-wrapper .sertificate-item-image {
    width: 10rem;
    height: 6.375rem;
  }
}
.sertificate-list .sertificate-item-wrapper .sertificate-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sertificate-list .sertificate-item-wrapper .sertificate-item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sertificate-list .sertificate-item-action {
  margin-left: auto;
}

@media (min-width: 1300px) {
  .sheet-container--order-placement-recipient-data .sheet,
  .sheet-container--order-placement-sender-data .sheet,
  .sheet-container--order-placement-boutique-address .sheet,
  .sheet-container--order-placement-pickup-point .sheet,
  .sheet-container--order-placement-edit-pickup-point .sheet,
  .sheet-container--order-placement-delivery-point .sheet {
    max-width: 445px;
    left: unset;
    right: 0;
  }
}
.sheet-container--order-placement-recipient-data .sheet__content,
.sheet-container--order-placement-sender-data .sheet__content,
.sheet-container--order-placement-boutique-address .sheet__content,
.sheet-container--order-placement-pickup-point .sheet__content,
.sheet-container--order-placement-edit-pickup-point .sheet__content,
.sheet-container--order-placement-delivery-point .sheet__content {
  height: 100%;
  padding: 1.5rem 0.75rem 1rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-recipient-data .sheet__content,
  .sheet-container--order-placement-sender-data .sheet__content,
  .sheet-container--order-placement-boutique-address .sheet__content,
  .sheet-container--order-placement-pickup-point .sheet__content,
  .sheet-container--order-placement-edit-pickup-point .sheet__content,
  .sheet-container--order-placement-delivery-point .sheet__content {
    padding: 1.5rem 1rem 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-recipient-data .sheet__content,
  .sheet-container--order-placement-sender-data .sheet__content,
  .sheet-container--order-placement-boutique-address .sheet__content,
  .sheet-container--order-placement-pickup-point .sheet__content,
  .sheet-container--order-placement-edit-pickup-point .sheet__content,
  .sheet-container--order-placement-delivery-point .sheet__content {
    padding: 2.5rem 3rem 1rem;
  }
}
.sheet-container--order-placement-recipient-data .sheet__content .sheet__title,
.sheet-container--order-placement-sender-data .sheet__content .sheet__title,
.sheet-container--order-placement-boutique-address .sheet__content .sheet__title,
.sheet-container--order-placement-pickup-point .sheet__content .sheet__title,
.sheet-container--order-placement-edit-pickup-point .sheet__content .sheet__title,
.sheet-container--order-placement-delivery-point .sheet__content .sheet__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-recipient-data .sheet__content .sheet__title,
  .sheet-container--order-placement-sender-data .sheet__content .sheet__title,
  .sheet-container--order-placement-boutique-address .sheet__content .sheet__title,
  .sheet-container--order-placement-pickup-point .sheet__content .sheet__title,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .sheet__title,
  .sheet-container--order-placement-delivery-point .sheet__content .sheet__title {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-recipient-data .sheet__content .sheet__title,
  .sheet-container--order-placement-sender-data .sheet__content .sheet__title,
  .sheet-container--order-placement-boutique-address .sheet__content .sheet__title,
  .sheet-container--order-placement-pickup-point .sheet__content .sheet__title,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .sheet__title,
  .sheet-container--order-placement-delivery-point .sheet__content .sheet__title {
    margin-bottom: 2rem;
  }
}
.sheet-container--order-placement-recipient-data .sheet__content .sheet__subtitle,
.sheet-container--order-placement-sender-data .sheet__content .sheet__subtitle,
.sheet-container--order-placement-boutique-address .sheet__content .sheet__subtitle,
.sheet-container--order-placement-pickup-point .sheet__content .sheet__subtitle,
.sheet-container--order-placement-edit-pickup-point .sheet__content .sheet__subtitle,
.sheet-container--order-placement-delivery-point .sheet__content .sheet__subtitle {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-recipient-data .sheet__content .sheet__subtitle,
  .sheet-container--order-placement-sender-data .sheet__content .sheet__subtitle,
  .sheet-container--order-placement-boutique-address .sheet__content .sheet__subtitle,
  .sheet-container--order-placement-pickup-point .sheet__content .sheet__subtitle,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .sheet__subtitle,
  .sheet-container--order-placement-delivery-point .sheet__content .sheet__subtitle {
    margin-bottom: 2rem;
  }
}
.sheet-container--order-placement-recipient-data .sheet__content .data-form .data-form-item,
.sheet-container--order-placement-sender-data .sheet__content .data-form .data-form-item,
.sheet-container--order-placement-boutique-address .sheet__content .data-form .data-form-item,
.sheet-container--order-placement-pickup-point .sheet__content .data-form .data-form-item,
.sheet-container--order-placement-edit-pickup-point .sheet__content .data-form .data-form-item,
.sheet-container--order-placement-delivery-point .sheet__content .data-form .data-form-item {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-recipient-data .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-sender-data .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-boutique-address .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-pickup-point .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-delivery-point .sheet__content .data-form .data-form-item {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-recipient-data .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-sender-data .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-boutique-address .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-pickup-point .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .data-form .data-form-item,
  .sheet-container--order-placement-delivery-point .sheet__content .data-form .data-form-item {
    margin-bottom: 1.5rem;
  }
}
.sheet-container--order-placement-recipient-data .sheet__content .data-form .data-form-item:last-of-type,
.sheet-container--order-placement-sender-data .sheet__content .data-form .data-form-item:last-of-type,
.sheet-container--order-placement-boutique-address .sheet__content .data-form .data-form-item:last-of-type,
.sheet-container--order-placement-pickup-point .sheet__content .data-form .data-form-item:last-of-type,
.sheet-container--order-placement-edit-pickup-point .sheet__content .data-form .data-form-item:last-of-type,
.sheet-container--order-placement-delivery-point .sheet__content .data-form .data-form-item:last-of-type {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-recipient-data .sheet__content .data-form .data-form-item:last-of-type,
  .sheet-container--order-placement-sender-data .sheet__content .data-form .data-form-item:last-of-type,
  .sheet-container--order-placement-boutique-address .sheet__content .data-form .data-form-item:last-of-type,
  .sheet-container--order-placement-pickup-point .sheet__content .data-form .data-form-item:last-of-type,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .data-form .data-form-item:last-of-type,
  .sheet-container--order-placement-delivery-point .sheet__content .data-form .data-form-item:last-of-type {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-recipient-data .sheet__content .phone-number-code__search,
  .sheet-container--order-placement-recipient-data .sheet__content .phone-number-code__dropdown-list,
  .sheet-container--order-placement-recipient-data .sheet__content .phone-number-code__dropdown,
  .sheet-container--order-placement-sender-data .sheet__content .phone-number-code__search,
  .sheet-container--order-placement-sender-data .sheet__content .phone-number-code__dropdown-list,
  .sheet-container--order-placement-sender-data .sheet__content .phone-number-code__dropdown,
  .sheet-container--order-placement-boutique-address .sheet__content .phone-number-code__search,
  .sheet-container--order-placement-boutique-address .sheet__content .phone-number-code__dropdown-list,
  .sheet-container--order-placement-boutique-address .sheet__content .phone-number-code__dropdown,
  .sheet-container--order-placement-pickup-point .sheet__content .phone-number-code__search,
  .sheet-container--order-placement-pickup-point .sheet__content .phone-number-code__dropdown-list,
  .sheet-container--order-placement-pickup-point .sheet__content .phone-number-code__dropdown,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .phone-number-code__search,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .phone-number-code__dropdown-list,
  .sheet-container--order-placement-edit-pickup-point .sheet__content .phone-number-code__dropdown,
  .sheet-container--order-placement-delivery-point .sheet__content .phone-number-code__search,
  .sheet-container--order-placement-delivery-point .sheet__content .phone-number-code__dropdown-list,
  .sheet-container--order-placement-delivery-point .sheet__content .phone-number-code__dropdown {
    width: 21.8125rem;
  }
}

.sheet-container--order-placement-boutique-address .sheet .sheet__title {
  margin-bottom: 1.25rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__title {
    margin-bottom: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__title {
    padding: 0 3rem;
    margin-bottom: 1.25rem;
  }
}
.sheet-container--order-placement-boutique-address .sheet .sheet__content {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__content {
    padding: 2.5rem 0rem 2.25rem;
    height: calc(100vh - 4rem);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .sheet-container--order-placement-boutique-address .sheet .sheet__content::-webkit-scrollbar {
    display: none;
  }
}
.sheet-container--order-placement-boutique-address .sheet .sheet__content .map-container {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .map-container {
    margin-bottom: 2rem;
  }
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .map-container #map {
    height: 530px !important;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .map-container {
    margin-bottom: 1.25rem;
  }
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .map-container #map {
    height: 350px !important;
  }
}
.sheet-container--order-placement-boutique-address .sheet .sheet__content .pickup-points__list {
  padding: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  gap: 1rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .pickup-points__list {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .pickup-points__list {
    padding: 0 3rem;
  }
}
.sheet-container--order-placement-boutique-address .sheet .sheet__content .pickup-points__list .radio-label {
  padding: 0 0 1rem 0;
  align-items: flex-start;
  border-bottom: 1px solid #eeeae6;
}
.sheet-container--order-placement-boutique-address .sheet .sheet__content .pickup-points__list .radio-label .radio-custom {
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .pickup-points__list .radio-label .radio-custom {
    margin-top: 0.375rem;
  }
}
.sheet-container--order-placement-boutique-address .sheet .sheet__content .pickup-points__list .radio-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sheet-container--order-placement-boutique-address .sheet .sheet__content .button-container {
  padding: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  align-self: flex-end;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .button-container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-boutique-address .sheet .sheet__content .button-container {
    margin: 0 auto;
    width: calc(100% - 6rem);
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-boutique-address .sheet {
    max-width: 38.75rem;
    left: unset;
    right: 0;
  }
}

.sheet-container--order-placement-pickup-point .sheet .sheet__title {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-pickup-point .sheet .sheet__title {
    margin-bottom: 2rem;
  }
}

.sheet-container--order-placement-delivery-point .sheet .sheet__title {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__title {
    padding: 0 3rem;
    margin-bottom: 1.25rem;
  }
}
.sheet-container--order-placement-delivery-point .sheet .sheet__content {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content {
    padding: 2.5rem 0rem 2.25rem;
    height: calc(100vh - 4rem);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .sheet-container--order-placement-delivery-point .sheet .sheet__content::-webkit-scrollbar {
    display: none;
  }
}
.sheet-container--order-placement-delivery-point .sheet .sheet__content .data-form {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .data-form {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .data-form {
    padding: 0 3rem;
  }
}
.sheet-container--order-placement-delivery-point .sheet .sheet__content .map-container {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .map-container {
    margin-bottom: 2rem;
  }
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .map-container #map {
    height: 530px !important;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .map-container {
    margin-bottom: 1.25rem;
  }
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .map-container #map {
    height: 350px !important;
  }
}
.sheet-container--order-placement-delivery-point .sheet .sheet__content .pickup-points__list {
  padding: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  gap: 1rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .pickup-points__list {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .pickup-points__list {
    padding: 0 3rem;
  }
}
.sheet-container--order-placement-delivery-point .sheet .sheet__content .pickup-points__list .radio-label {
  padding: 0 0 1rem 0;
  align-items: flex-start;
  border-bottom: 1px solid #eeeae6;
}
.sheet-container--order-placement-delivery-point .sheet .sheet__content .pickup-points__list .radio-label .radio-custom {
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .pickup-points__list .radio-label .radio-custom {
    margin-top: 0.375rem;
  }
}
.sheet-container--order-placement-delivery-point .sheet .sheet__content .pickup-points__list .radio-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sheet-container--order-placement-delivery-point .sheet .sheet__content .button-container {
  padding: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  align-self: flex-end;
}
@media (min-width: 768px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .button-container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-delivery-point .sheet .sheet__content .button-container {
    margin: 0 auto;
    width: calc(100% - 6rem);
  }
}
@media (min-width: 1300px) {
  .sheet-container--order-placement-delivery-point .sheet {
    max-width: 38.75rem;
    left: unset;
    right: 0;
  }
}

.section.section--catalog {
  padding-top: 2.5rem;
}
@media (min-width: 1300px) {
  .section.section--catalog {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1920px) {
  .section.section--catalog {
    padding-bottom: 6.25rem;
  }
}
.section.section--catalog .section__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section.section--catalog .section__title .catalog__link-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 25%;
}
@media (min-width: 1300px) {
  .section.section--catalog .section__title .catalog__link-wrapper {
    justify-content: flex-start;
  }
}
.section.section--catalog .section__title .slider-controls {
  display: none;
}
@media (min-width: 1300px) {
  .section.section--catalog .section__title h2 {
    width: calc(50% + 1rem);
  }
  .section.section--catalog .section__title .catalog__link {
    display: inline-flex;
    flex-grow: 0;
  }
  .section.section--catalog .section__title .slider-controls {
    width: 25%;
    justify-content: flex-end;
    display: flex;
  }
}
.section.section--catalog .swiper.catalog-slider .swiper-wrapper {
  display: flex;
}
.section.section--catalog .swiper.catalog-slider .swiper-slide {
  width: 9.8125rem;
  margin-left: 0.75rem;
}
@media (min-width: 768px) {
  .section.section--catalog .swiper.catalog-slider .swiper-slide {
    margin-left: 1rem;
    width: 21.25rem;
    height: 39.625rem;
  }
}
@media (min-width: 1300px) {
  .section.section--catalog .swiper.catalog-slider .swiper-slide {
    width: calc(25% - 1.25rem);
    height: 37.75rem;
  }
}
@media (min-width: 1920px) {
  .section.section--catalog .swiper.catalog-slider .swiper-slide {
    width: calc(25% - 1.25rem);
    height: 47.75rem;
  }
}
.section.section--catalog .swiper.catalog-slider .swiper-slide:last-of-type {
  margin-right: 0.75rem;
}
@media (min-width: 768px) {
  .section.section--catalog .swiper.catalog-slider .swiper-slide:last-of-type {
    margin-right: 1rem;
  }
}
.section.section--catalog .swiper.catalog-slider .product-card {
  height: 350px;
  width: 157px;
  position: relative;
}
@media (min-width: 768px) {
  .section.section--catalog .swiper.catalog-slider .product-card {
    width: 340px;
    height: 634px;
  }
}
@media (min-width: 1300px) {
  .section.section--catalog .swiper.catalog-slider .product-card {
    width: 100%;
    height: 31.875rem;
  }
}
.section.section--catalog .swiper.catalog-slider .product-card .product-card__image {
  margin-bottom: 0.75rem;
  width: 100%;
  height: 246px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .section.section--catalog .swiper.catalog-slider .product-card .product-card__image {
    margin-bottom: 1.25rem;
    width: 100%;
    height: 528px;
  }
}
@media (min-width: 1300px) {
  .section.section--catalog .swiper.catalog-slider .product-card .product-card__image {
    margin-bottom: 1rem;
    width: 100%;
    height: 510px;
  }
}
@media (min-width: 1920px) {
  .section.section--catalog .swiper.catalog-slider .product-card .product-card__image {
    height: 686px;
  }
}
.section.section--catalog .swiper.catalog-slider .product-card .product-card__wrapper {
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}
.section.section--catalog .swiper.catalog-slider .product-card .product-card__wrapper .product-card__price {
  display: flex;
  justify-content: start;
  align-items: center;
}
.section.section--catalog .swiper.catalog-slider .product-card .product-card__wrapper .product-card__color {
  display: flex;
  gap: 0.25rem;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .section.section--catalog .swiper.catalog-slider .product-card .product-card__wrapper .product-card__color {
    gap: 0.5rem;
  }
}
@media (min-width: 1300px) {
  .section.section--catalog .swiper.catalog-slider .product-card .product-card__wrapper .product-card__color {
    gap: 0.25rem;
  }
}
.section.section--catalog .swiper.catalog-slider .product-card .product-card__wrapper .product-card__color .product-card__color-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .section.section--catalog .swiper.catalog-slider .product-card .product-card__wrapper .product-card__color .product-card__color-dot {
    width: 1rem;
    height: 1rem;
  }
}
@media (min-width: 1300px) {
  .section.section--catalog .swiper.catalog-slider .product-card .product-card__wrapper .product-card__color .product-card__color-dot {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.section.section--catalog .swiper.catalog-slider .product-card .product-card__collection {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.section.section--catalog .swiper.catalog-slider .product-card .product-card__button-favorite {
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section.section--catalog .swiper.catalog-slider .product-card .product-card__button-favorite svg {
  flex-shrink: 0;
}
.section.section--catalog .swiper.catalog-slider .swiper-button-prev,
.section.section--catalog .swiper.catalog-slider .swiper-button-next {
  display: none;
}
@media (min-width: 1300px) {
  .section.section--catalog .swiper.catalog-slider .swiper-button-prev,
  .section.section--catalog .swiper.catalog-slider .swiper-button-next {
    display: block;
  }
}
.section.section--catalog .swiper.catalog-slider .swiper-button-prev:after,
.section.section--catalog .swiper.catalog-slider .swiper-button-next:after {
  font-size: 1.5rem;
}

.section.catalog-page-grid {
  padding-top: 0;
}

.product-card {
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  .product-card {
    width: 340px;
    height: 634px;
  }
}
@media (min-width: 1300px) {
  .product-card {
    width: 100%;
    height: 31.875rem;
  }
}
.product-card .product-card__image {
  margin-bottom: 0.75rem;
  aspect-ratio: 2/3;
  position: relative;
  overflow: hidden;
}
.product-card .product-card__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .product-card .product-card__image img {
    margin-bottom: 1.25rem;
    width: 100%;
  }
}
@media (min-width: 1300px) {
  .product-card .product-card__image img {
    margin-bottom: 1rem;
    width: 100%;
  }
}
.product-card .product-card__image img:last-child {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media (hover: hover) {
  .product-card .product-card__image:hover img:last-child {
    opacity: 1;
  }
}
.swiper-slide .product-card {
  position: relative;
}

.swiper-slide .product-card img:first-of-type {
  transition: opacity 0.3s ease-in-out;
}

.swiper-slide .product-card img:last-of-type {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

@media (hover: hover) {
  .swiper-slide .product-card:hover img:first-of-type {
    opacity: 1;
  }
  .swiper-slide .product-card:hover img:last-of-type {
    opacity: 1;
  }
}
.product-card .product-card__wrapper {
  margin-bottom: 0.375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-card .product-card__wrapper .product-card__price {
  display: flex;
  justify-content: start;
  align-items: center;
}
@media (min-width: 1300px) {
  .product-card .product-card__wrapper .product-card__price {
    font-size: 14px;
  }
}
.product-card .product-card__wrapper .product-card__price--old {
  padding-right: 0.375rem;
}
.product-card .product-card__wrapper .product-card__color {
  padding-left: 0.75rem;
  display: flex;
  gap: 0.25rem;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .product-card .product-card__wrapper .product-card__color {
    gap: 0.5rem;
  }
}
@media (min-width: 1300px) {
  .product-card .product-card__wrapper .product-card__color {
    gap: 0.25rem;
  }
}
.product-card .product-card__wrapper .product-card__color .product-card__color-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .product-card .product-card__wrapper .product-card__color .product-card__color-dot {
    width: 1rem;
    height: 1rem;
  }
}
@media (min-width: 1300px) {
  .product-card .product-card__wrapper .product-card__color .product-card__color-dot {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.product-card .product-card__collection {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.product-card .product-card__collection .product-card__collection-divider {
  width: 3px;
  height: 3px;
  background-color: #aca6a0;
  flex-shrink: 0;
}
.product-card .product-card__button-favorite {
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product-card .product-card__button-favorite svg {
  flex-shrink: 0;
}
.product-card__button-favorite.is-active .icon--favorite path:first-child {
  fill: #211c15;
}
.product-card .product-card__discount {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .product-card .product-card__discount {
    top: 1rem;
  }
}
.product-card .product-card__discount .product-card__discount-divider {
  width: 3px;
  height: 3px;
  background-color: #211c15;
}
.product-card .product-card__collection-text {
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
  .product-card .product-card__title {
    font-size: 18px;
    line-height: 18px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .search__results .product-card .product-card__title {
    line-height: 20px;
  }

  .product-card .product-card__price {
    font-size: 18px;
    line-height: 26px;
  }
  .product-card .product-card__collection {
    /*font-size: 18px;*/
    /*line-height: 26px;*/
  }
}

.product-card--discount .product-card__image {
  aspect-ratio: 2/3;
  width: 100%;
  height: auto;
}

.catalog-page-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2.25rem 0.75rem;
}
@media (min-width: 768px) {
  .catalog-page-grid {
    gap: 3rem 1rem;
  }
}
@media (min-width: 1300px) {
  .catalog-page-grid {
    grid-template-columns: repeat(12, 1fr);
    gap: 2.5rem 1rem;
  }
}
.catalog-page-grid .catalog-page-grid__item {
  grid-column: span 3;
}
.catalog-page-grid .catalog-page-grid__item:nth-child(21n+9), .catalog-page-grid .catalog-page-grid__item:nth-child(21n+10), .catalog-page-grid .catalog-page-grid__item:nth-child(21n+19), .catalog-page-grid .catalog-page-grid__item:nth-child(21n+20), .catalog-page-grid .catalog-page-grid__item:nth-child(21n+21) {
  grid-column: span 6;
}
@media (min-width: 1300px) {
  .catalog-page-grid .catalog-page-grid__item:nth-child(21n+19), .catalog-page-grid .catalog-page-grid__item:nth-child(21n+20), .catalog-page-grid .catalog-page-grid__item:nth-child(21n+21) {
    grid-column: span 4;
  }
}
.catalog-page-grid .product-card {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .catalog-page-grid .product-card .product-card__title {
    font-size: 0.75rem;
    line-height: 1rem;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}
.catalog-page-grid .consultation-card {
  padding: 0.75rem 0;
}
@media (min-width: 1920px) {
  .catalog-page-grid .consultation-card {
    max-width: 12.5rem;
  }
}
.catalog-page-grid .consultation-card .consultation-card__link {
  margin-top: 0.5rem;
  width: min-content;
}
@media screen and (max-width: 767px) {
  .catalog-page-grid .consultation-card .text-heading {
    font-size: 1.25rem;
  }
}
@media (min-width: 1300px) {
  .catalog-page-grid .consultation-card .text-heading {
    font-size: 1.5rem;
    width: 12.5rem;
  }
}
@media (min-width: 1920px) {
  .catalog-page-grid .consultation-card .text-heading {
    font-size: 2.25rem;
    width: 20rem;
  }
}

.catalog-tabs {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.catalog-tabs::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
@media (min-width: 768px) {
  .catalog-tabs {
    height: 4rem;
  }
}
@media (min-width: 1300px) {
  .catalog-tabs {
    height: 2.375rem;
    justify-content: center;
  }
}
.catalog-tabs .catalog-tabs__list {
  display: flex;
  gap: 0.625rem;
}
@media (min-width: 768px) {
  .catalog-tabs .catalog-tabs__list {
    gap: 0.75rem;
  }
}
.catalog-tabs .catalog-tabs__list .catalog-tabs__item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  height: 1.25rem;
}
@media (min-width: 768px) {
  .catalog-tabs .catalog-tabs__list .catalog-tabs__item {
    gap: 0.75rem;
  }
}
.catalog-tabs .catalog-tabs__list .catalog-tabs__item:last-of-type .catalog-tabs__divider {
  display: none;
}
.catalog-tabs .catalog-tabs__list .catalog-tabs__item .catalog-tabs__link {
  padding-top: 0.0625rem;
  border-bottom: 0.0625rem solid transparent;
}
.catalog-tabs .catalog-tabs__list .catalog-tabs__item .catalog-tabs__divider {
  height: 0.1875rem;
  width: 0.1875rem;
  border-radius: 50%;
  background-color: #211c15;
}
.catalog-tabs .catalog-tabs__list .catalog-tabs__item .catalog-tabs__link--active {
  border-bottom: 0.0625rem solid #211c15;
}

.catalog-filters {
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 768px) {
  .catalog-filters {
    height: 4rem;
  }
}
@media (min-width: 1300px) {
  .catalog-filters {
    margin-top: 1.375rem;
    height: 3.75rem;
  }
}
.catalog-filters .catalog-filters__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.catalog-filters .catalog-filters__item .icon {
  color: #ffffff;
  width: 1rem;
  height: 1rem;
}
@media (min-width: 768px) {
  .catalog-filters .catalog-filters__item .icon {
    width: 2rem;
    height: 2rem;
  }
}
.catalog-filters .catalog-filters__item .icon [data-name=path-1] {
  transition: transform 0.3s ease;
}
.catalog-filters .catalog-filters__item:hover .icon [data-name=path-1] {
  transform: translateX(8px);
}
@media (min-width: 768px) {
  .catalog-filters .catalog-filters__item:hover .icon [data-name=path-1] {
    transform: translateX(10px);
  }
}
.catalog-filters .catalog-filters__item:hover .icon [data-name=path-2] {
  transform: translateX(-8px);
}
@media (min-width: 768px) {
  .catalog-filters .catalog-filters__item:hover .icon [data-name=path-2] {
    transform: translateX(-10px);
  }
}
@media (min-width: 1300px) {
  .catalog-filters .catalog-filters__item.catalog-filters__item--count {
    justify-content: flex-end;
    margin-right: 1.5rem;
    margin-left: auto;
  }
}

.sheet-container--filters .sheet {
  height: 100%;
  max-height: 100vh;
}
.sheet-container--filters .sheet .sheet__content {
  height: 100%;
  max-height: calc(100vh - 3.5rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sheet-container--filters .sheet .sheet__content .filters-list {
  display: flex;
  flex-direction: column;
}
.sheet-container--filters .sheet .sheet__content .filters-list .filters-list__item {
  border-bottom: 0.0625rem solid #eeeae6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sheet-container--filters .sheet .sheet__content .filters-list .filters-list__item:last-of-type {
  border-bottom: none;
}
.sheet-container--filters .sheet-desktop__content {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.sheet-container--filters .sheet-desktop__content::-webkit-scrollbar {
  display: none;
}
.sheet-container--filters .sheet-desktop__content .wrapper {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sheet-container--filters .sheet-desktop__content .product-sizes-sheet__button {
  margin-top: 0.5rem;
}
.sheet-container--filters .sheet-desktop__content .discount-filter,
.sheet-container--filters .sheet-desktop__content .availability-filter {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1920px) {
  .sheet-container--filters .sheet-desktop__content .discount-filter,
  .sheet-container--filters .sheet-desktop__content .availability-filter {
    height: 3.5rem;
  }
}
.sheet-container--filters .sheet-desktop__content .availability-filter {
  border-bottom: 1px solid #eeeae6;
}
.sheet-container--filters .sheet-desktop__content .table-size-container__row:first-of-type {
  background-color: #f6f4f2;
}

.filter-submenu .product-sizes-sheet__button {
  height: 3.5rem;
  width: 100%;
}
.filter-submenu .table-size-container {
  margin: 0 0.75rem 1.25rem;
  border: 1px solid #eeeae6;
}
.filter-submenu .table-size-container .table-size-container__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #eeeae6;
}
.filter-submenu .table-size-container .table-size-container__row:last-child {
  border-bottom: none;
}
.filter-submenu .table-size-container .table-size-container__row span {
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.filter-submenu .table-size-container .table-size-container__row:first-of-type {
  background-color: #f6f4f2;
}

.table-size-container {
  margin: 0 0.75rem 1.25rem;
  border: 1px solid #eeeae6;
}
.table-size-container .table-size-container__row {
  height: 3rem;
  min-height: 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #eeeae6;
}
@media (min-width: 768px) {
  .table-size-container .table-size-container__row {
    min-height: 64px;
    height: 64px;
  }
}
@media (min-width: 1300px) {
  .table-size-container .table-size-container__row {
    min-height: 56px;
    height: 56px;
  }
}
@media (min-width: 1920px) {
  .table-size-container .table-size-container__row {
    min-height: 60px;
    height: 60px;
  }
}
.table-size-container .table-size-container__row:last-child {
  border-bottom: none;
}
.table-size-container .table-size-container__row span {
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@media (min-width: 1300px) {
  .sheet-container--sort {
    display: none;
  }
}

.catalog-sort-dropdown {
  padding: 0.75rem 1rem;
  position: absolute;
  right: 0.75rem;
  top: 3.125rem;
  width: auto;
  height: auto;
  background-color: #ffffff;
  z-index: 1;
  box-shadow: 0 0.5rem 1rem 0 rgba(33, 28, 21, 0.16);
  display: none;
}
@media (min-width: 1300px) {
  .catalog-sort-dropdown {
    display: block;
  }
}
.catalog-sort-dropdown .radio-list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.page--boutiques .page__title {
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .page--boutiques .page__title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .page--boutiques .page__title {
    margin-bottom: 1.5rem;
  }
}
.page--boutiques .boutiques-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 0;
}
@media (min-width: 1300px) {
  .page--boutiques .boutiques-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.page--boutiques .boutiques-list .boutiques-list__item {
  width: 100%;
  height: 100%;
  aspect-ratio: 351/520;
  position: relative;
}
@media (min-width: 1300px) {
  .page--boutiques .boutiques-list .boutiques-list__item {
    aspect-ratio: 696/632;
  }
}
.page--boutiques .boutiques-list .boutiques-list__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page--boutiques .boutiques-list .boutiques-list__item .top-text {
  padding: 1.25rem 0 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3.125rem;
  text-align: center;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 8.19%, rgba(0, 0, 0, 0.47) 96.65%);
  backdrop-filter: blur(1.008620739px);
}
@media (min-width: 768px) {
  .page--boutiques .boutiques-list .boutiques-list__item .top-text {
    padding: 1.5rem 0 0;
    height: 6.9375rem;
  }
}
.page--boutiques .boutiques-list .boutiques-list__item .bottom-text {
  padding: 0 20px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 220px;
  text-align: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 8.19%, rgba(0, 0, 0, 0.59) 96.65%);
  backdrop-filter: blur(1.008620739px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}
@media (min-width: 768px) {
  .page--boutiques .boutiques-list .boutiques-list__item .bottom-text {
    padding: 0 20px 24px;
    height: 30.5625rem;
  }
}
@media (min-width: 1300px) {
  .page--boutiques .boutiques-list .boutiques-list__item .bottom-text {
    padding: 0 20px 24px;
    height: 250px;
  }
}
.page--boutiques .boutiques-list .boutiques-list__item .bottom-text .bottom-text__text-header {
  margin-bottom: 8px;
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet {
    width: 66.6667vw;
    max-width: 1300px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__header {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content {
  height: 100%;
  padding: 1.5rem 0 0;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content {
    padding: 2.5rem 0 0;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content {
    padding: 2.5rem 0 0;
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .sheet__title {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .sheet__title {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .sheet__title {
    padding-right: 3rem;
    padding-left: 3rem;
    margin-bottom: 0.5rem;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .boutiques-details__list {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .boutiques-details__list {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-bottom: 2.625rem;
    gap: 0.375rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .boutiques-details__list {
    padding-right: 3rem;
    padding-left: 3rem;
    margin-bottom: 2rem;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details {
    margin-bottom: 2.75rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper {
    margin-bottom: 1rem;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide {
  margin-right: 0.75rem;
  width: 157px;
  height: 246px;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide {
    margin-right: 1rem;
    width: 265px;
    height: 413px;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide {
    margin-right: 10px;
    width: 300px;
    height: 400px;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide:first-of-type {
  margin-left: 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide:first-of-type {
    margin-left: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide:first-of-type {
    margin-left: 3rem;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide:last-of-type {
  margin-right: 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 1rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 3rem;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .slider-controls {
  display: none;
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .swiper-boutiques-details .slider-controls {
    padding-right: 3rem;
    padding-left: 3rem;
    display: flex;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .map-container {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .map-container #map-boutiques-details {
    height: 345px !important;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .map-container {
    display: none;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .page-tabs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .page-tabs {
    justify-content: center;
  }
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__content .page-tabs {
    padding-left: 3rem;
    margin-bottom: 0.875rem;
    justify-content: flex-start;
  }
}
.sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__aside {
  display: none;
}
@media (min-width: 1300px) {
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__aside {
    display: block;
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__aside .map-container {
    display: block;
  }
  .sheet-container--boutiques-details.sheet-container--fullscreen .sheet .sheet__aside .map-container #map-boutiques-details-aside {
    height: 100vh !important;
  }
}

.page.page--my-account .page__title {
  margin-bottom: 0;
}
.page.page--my-account .no-items-section {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .page.page--my-account .no-items-section {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account .no-items-section {
    margin-top: 0.5rem;
  }
}
.page.page--my-account .no-items-section .no-items-section__text {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .page.page--my-account .no-items-section .no-items-section__text {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account .no-items-section .no-items-section__text {
    max-width: 518px;
    margin-bottom: 2rem;
  }
}
.page.page--my-account .no-items-section .no-items-section__button {
  margin-top: 0;
}
@media (min-width: 1300px) {
  .page.page--my-account .no-items-section .no-items-section__button {
    max-width: 15rem;
  }
}

.page.page--my-account.my-orders .page__title {
  margin-bottom: 0;
}
.page.page--my-account.my-orders .my-orders-no-orders {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .page.page--my-account.my-orders .my-orders-no-orders {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-orders .my-orders-no-orders {
    margin-top: 0.5rem;
  }
}
.page.page--my-account.my-orders .my-orders-no-orders .my-orders-no-orders__text {
  margin-bottom: 2rem;
  max-width: 350px;
}
@media (min-width: 768px) {
  .page.page--my-account.my-orders .my-orders-no-orders .my-orders-no-orders__text {
    margin-bottom: 3rem;
    max-width: 518px;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-orders .my-orders-no-orders .my-orders-no-orders__text {
    max-width: 458px;
    margin-bottom: 2rem;
  }
}
.page.page--my-account.my-orders .my-orders-no-orders .my-orders-no-orders__button {
  margin-top: 0;
}
@media (min-width: 1300px) {
  .page.page--my-account.my-orders .my-orders-no-orders .my-orders-no-orders__button {
    max-width: 15rem;
  }
}
.page.page--my-account.my-orders .my-orders-list {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .page.page--my-account.my-orders .my-orders-list {
    margin-top: 1.625rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-orders .my-orders-list {
    margin: 20px auto 0;
    max-width: 695px;
  }
}
.page.page--my-account.my-orders .order-card {
  padding: 0.75rem 0;
  background: #ffffff;
  border-top: 1px solid #eeeae6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .page.page--my-account.my-orders .order-card {
    padding: 1rem 0;
    gap: 1rem;
  }
}
.page.page--my-account.my-orders .order-card .order-card__info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.page.page--my-account.my-orders .order-card .order-card__number {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.75rem;
}
.page.page--my-account.my-orders .order-card .my-orders-slider {
  width: 100%;
  height: 7.5rem;
}
@media (min-width: 768px) {
  .page.page--my-account.my-orders .order-card .my-orders-slider {
    height: 15.875rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-orders .order-card .my-orders-slider {
    height: 7.5rem;
  }
}
.page.page--my-account.my-orders .order-card .my-orders-slider .swiper-slide {
  width: 5rem;
  height: 7.5rem;
  margin-left: 0.5rem;
}
.page.page--my-account.my-orders .order-card .my-orders-slider .swiper-slide:first-of-type {
  margin-left: 0;
}
.page.page--my-account.my-orders .order-card .my-orders-slider .swiper-slide:last-of-type {
  margin-right: 0;
}
@media (min-width: 768px) {
  .page.page--my-account.my-orders .order-card .my-orders-slider .swiper-slide {
    width: 10.75rem;
    height: 15.875rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-orders .order-card .my-orders-slider .swiper-slide {
    width: 80px;
    height: 7.5rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-orders .order-card .my-orders-slider .swiper-slide[data-over-show] {
    position: relative;
  }
  .page.page--my-account.my-orders .order-card .my-orders-slider .swiper-slide[data-over-show]::after {
    content: attr(data-over-show);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 400;
    font-size: 12px;
  }
}
.page.page--my-account.my-orders .order-card .my-orders-slider .order-product__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page.page--my-account.my-orders .order-card .order-card__total {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 0;
}
.page-tabs-container {
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .page-tabs-container {
    padding: 0 16px;
  }
}
@media (min-width: 1300px) {
  .page-tabs-container {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    justify-content: space-between;
    gap: 0 0.75rem;
    height: 3.625rem;
  }
}
.page-tabs-container .avatar {
  display: none;
}
@media (min-width: 1300px) {
  .page-tabs-container .avatar {
    padding-top: 8px;
    display: grid;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.page-tabs-container .page-tabs {
  padding: 0;
}
@media (min-width: 1300px) {
  .page-tabs-container .page-tabs {
    margin: 0.375rem 0 0 0;
    height: 1.375rem;
    flex: 1 0;
    grid-column: 1/4;
    grid-row: 1/2;
  }
}
.page-tabs-container .logout {
  display: none;
}
@media (min-width: 1300px) {
  .page-tabs-container .logout {
    padding-top: 8px;
    display: block;
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.page-tabs-container .logout .logout__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.page-tabs-container--order-details {
  display: none;
}
@media (min-width: 1300px) {
  .page-tabs-container--order-details {
    display: grid;
  }
}

.order-details {
  padding-top: 0;
}
.order-details .order-details__header {
  padding: 1rem 0.75rem;
  height: 3.5rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  justify-content: space-between;
  gap: 0 12px;
  border-top: 1px solid #eeeae6;
  border-bottom: 1px solid #eeeae6;
  position: sticky;
  top: 0;
  z-index: 100;
}
@media (min-width: 768px) {
  .order-details .order-details__header {
    padding: 0 1rem;
    height: 4rem;
  }
}
@media (min-width: 1300px) {
  .order-details .order-details__header {
    padding: 0;
    margin-top: 3.75rem;
    border: none;
    height: 2rem;
  }
}
.order-details .order-details__header .order-details__link {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 2;
}
.order-details .order-details__header .order-details__title {
  text-align: center;
  grid-column: 1/4;
  grid-row: 1/2;
}
@media (min-width: 1300px) {
  .order-details .order-details__header .order-details__title {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
.order-details .roadmap {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .order-details .roadmap {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .order-details .roadmap {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.order-details .page__title {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .order-details .page__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 1300px) {
  .order-details .page__title {
    margin-bottom: 1.25rem;
  }
}
.order-details .order-details__info {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .order-details .order-details__info {
    margin-bottom: 3.75rem;
    gap: 1.25rem;
  }
}
@media (min-width: 1300px) {
  .order-details .order-details__info {
    margin-bottom: 2.5rem;
    gap: 1rem;
  }
}
.order-details .order-details__info-item {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.order-details .order-details__info-item .order-details__info-item-dash {
  height: 12px;
  border-bottom: 1px dashed #eeeae6;
  flex: 1 0;
}
@media (min-width: 768px) {
  .order-details .order-details__info-item .order-details__info-item-dash {
    height: 20px;
  }
}
.order-details .order-details__info-item .order-details__info-item-value {
  text-align: right;
  max-width: 230px;
}
.order-details .order-details__info-item:last-child {
  align-items: self-end;
}
.order-details .order-details__products {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .order-details .order-details__products {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .order-details .order-details__products {
    margin-bottom: 2.5rem;
  }
}
.order-details .order-details__products .order-details__product {
  padding: 0.75rem 0;
  background: #ffffff;
  border-top: 1px solid #eeeae6;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .order-details .order-details__products .order-details__product {
    padding: 1rem 0;
  }
}
.order-details .order-details__products .order-details__product .order-details__product-image {
  width: 80px;
  height: 120px;
}
@media (min-width: 768px) {
  .order-details .order-details__products .order-details__product .order-details__product-image {
    width: 172px;
    height: 254px;
  }
}
@media (min-width: 1300px) {
  .order-details .order-details__products .order-details__product .order-details__product-image {
    width: 120px;
    height: 180px;
  }
}
.order-details .order-details__products .order-details__product .order-details__product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.order-details .order-details__products .order-details__product .order-details__product-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 0;
}
.order-details .order-details__products .order-details__product .order-details__product-info .order-details__description {
  display: flex;
  align-items: center;
  justify-content: start;
}
.order-details .order-details__products .order-details__product .order-details__product-info .order-details__description .order-details__product-color {
  margin-right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.order-details .order-details__products .order-details__product .order-details__product-info .order-details__description .order-details__product-color-name {
  margin-right: 8px;
}
.order-details .order-details__products .order-details__product .order-details__product-info .order-details__description .order-details__product-divider {
  margin-right: 8px;
  width: 3px;
  height: 3px;
  background-color: #211c15;
  border-radius: 50%;
}
.order-details .order-details__products .order-details__product .order-details__product-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.order-details .button--can-retry, .order-details .button--can-change {
  margin-bottom: 10px;
}

.page.page--my-account.personal-data .page__title {
  margin-bottom: 1.25rem;
  text-align: left;
}
@media (min-width: 768px) {
  .page.page--my-account.personal-data .page__title {
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.personal-data .page__title {
    margin-bottom: 1.25rem;
    text-align: center;
  }
}
.page.page--my-account.personal-data .avatar {
  margin-bottom: 20px;
  max-width: fit-content;
}
@media (min-width: 768px) {
  .page.page--my-account.personal-data .avatar {
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.personal-data .avatar {
    display: none;
  }
}
.page.page--my-account.personal-data .personal-data-form {
  gap: 0rem;
}
@media (min-width: 768px) {
  .page.page--my-account.personal-data .personal-data-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.personal-data .personal-data-form {
    gap: 0 2rem;
  }
}
.page.page--my-account.personal-data .personal-data-form .personal-data-form-item {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.page.page--my-account.personal-data .personal-data-form .personal-data-form-item:last-of-type {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .page.page--my-account.personal-data .personal-data-form .personal-data-form-item:last-of-type {
    margin-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .page.page--my-account.personal-data .personal-data-form .personal-data-form-item {
    margin-bottom: 2rem;
  }
}
.page.page--my-account.personal-data .personal-data-form .button.button--save {
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .page.page--my-account.personal-data .personal-data-form .button.button--save {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.personal-data .personal-data-form .button.button--save {
    margin-top: 0rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 15rem;
  }
}
.page.page--my-account.personal-data .personal-data-form .button.button--logout .button__text {
  margin-right: 0.25rem;
}
@media (min-width: 1300px) {
  .page.page--my-account.personal-data .personal-data-form .button.button--logout {
    display: none;
  }
}

@media (min-width: 1300px) {
  .sheet-container--change-number-phone .sheet,
  .sheet-container--change-email .sheet,
  .sheet-container--add-address .sheet,
  .sheet-container--edit-address .sheet,
  .sheet-container--cancel-order .sheet,
  .sheet-container--add-certificate .sheet {
    max-width: 445px;
  }
}
.sheet-container--change-number-phone .sheet .sheet__content,
.sheet-container--change-email .sheet .sheet__content,
.sheet-container--add-address .sheet .sheet__content,
.sheet-container--edit-address .sheet .sheet__content,
.sheet-container--cancel-order .sheet .sheet__content,
.sheet-container--add-certificate .sheet .sheet__content {
  padding: 1.5rem 0.75rem 0;
}
@media (min-width: 768px) {
  .sheet-container--change-number-phone .sheet .sheet__content,
  .sheet-container--change-email .sheet .sheet__content,
  .sheet-container--add-address .sheet .sheet__content,
  .sheet-container--edit-address .sheet .sheet__content,
  .sheet-container--cancel-order .sheet .sheet__content,
  .sheet-container--add-certificate .sheet .sheet__content {
    padding: 2rem 1rem 0;
  }
}
@media (min-width: 1300px) {
  .sheet-container--change-number-phone .sheet .sheet__content,
  .sheet-container--change-email .sheet .sheet__content,
  .sheet-container--add-address .sheet .sheet__content,
  .sheet-container--edit-address .sheet .sheet__content,
  .sheet-container--cancel-order .sheet .sheet__content,
  .sheet-container--add-certificate .sheet .sheet__content {
    padding: 2.5rem 3rem 0;
  }
  .sheet-container--change-number-phone .sheet .sheet__content .input,
  .sheet-container--change-email .sheet .sheet__content .input,
  .sheet-container--add-address .sheet .sheet__content .input,
  .sheet-container--edit-address .sheet .sheet__content .input,
  .sheet-container--cancel-order-address .sheet .sheet__content .input,
  .sheet-container--add-certificate .sheet .sheet__content .input {
    height: 44px;
  }
}
.sheet-container--change-number-phone .sheet .sheet__content .sheet__title,
.sheet-container--change-email .sheet .sheet__content .sheet__title,
.sheet-container--add-address .sheet .sheet__content .sheet__title,
.sheet-container--edit-address .sheet .sheet__content .sheet__title,
.sheet-container--cancel-order .sheet .sheet__content .sheet__title,
.sheet-container--add-certificate .sheet .sheet__content .sheet__title {
  margin-bottom: 0.5rem;
}
.sheet-container--change-number-phone .sheet .sheet__content .sheet__subtitle,
.sheet-container--change-email .sheet .sheet__content .sheet__subtitle,
.sheet-container--add-address .sheet .sheet__content .sheet__subtitle,
.sheet-container--edit-address .sheet .sheet__content .sheet__subtitle,
.sheet-container--cancel-order .sheet .sheet__content .sheet__subtitle,
.sheet-container--add-certificate .sheet .sheet__content .sheet__subtitle {
  margin-bottom: 2rem;
}
.sheet-container--change-number-phone .sheet .sheet__content .sheet__subtitle a,
.sheet-container--change-email .sheet .sheet__content .sheet__subtitle a,
.sheet-container--add-address .sheet .sheet__content .sheet__subtitle a,
.sheet-container--edit-address .sheet .sheet__content .sheet__subtitle a,
.sheet-container--cancel-order .sheet .sheet__content .sheet__subtitle a,
.sheet-container--add-certificate .sheet .sheet__content .sheet__subtitle a {
  display: inline;
}

.page.page--my-account.my-addresses .my-addresses-section--no-addresses .page__title {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.page.page--my-account.my-addresses .my-addresses-section--no-addresses .page__subtitle {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 1300px) {
  .page.page--my-account.my-addresses .my-addresses-section--no-addresses .button {
    margin-left: auto;
    margin-right: auto;
    max-width: 15rem;
  }
}
.page.page--my-account.my-addresses .my-addresses-section .page__title {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .page.page--my-account.my-addresses .my-addresses-section .page__title {
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-addresses .my-addresses-section .page__title {
    margin-bottom: 1.25rem;
  }
}
.page.page--my-account.my-addresses .my-addresses-section .addreses-list {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.25rem;
}
.page.page--my-account.my-addresses .my-addresses-section .addreses-list .addreses-list__item {
  height: 4rem;
  border-bottom: 1px solid #211c15;
}
@media (min-width: 768px) {
  .page.page--my-account.my-addresses .my-addresses-section .addreses-list .addreses-list__item {
    height: 3.875rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-addresses .my-addresses-section .addreses-list .addreses-list__item {
    height: 3rem;
  }
}
.page.page--my-account.my-addresses .my-addresses-section .addreses-list .addreses-list__item .addreses-list__item-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
}
.page.page--my-account.my-addresses .my-addresses-section .addreses-list .addreses-list__item .addreses-list__item-content .addreses-list__item-content-text {
  flex: 1 0;
}
.page.page--my-account.my-addresses .my-addresses-section .addreses-list .addreses-list__item .addreses-list__item-content .addreses-list__item-content-text span {
  display: block;
  max-width: 70%;
}
.page.page--my-account.my-addresses .my-addresses-section .addreses-list .addreses-list__item .addreses-list__item-content .button.button--edit {
  margin-right: 0.5rem;
}
@media (min-width: 768px) {
  .page.page--my-account.my-addresses .my-addresses-section .addreses-list {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-addresses .my-addresses-section .addreses-list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-addresses .my-addresses-section .button.button--add-address {
    margin-left: auto;
    margin-right: auto;
    max-width: 15rem;
  }
}

.sheet-container--add-address .sheet .sheet__content .sheet__title,
.sheet-container--edit-address .sheet .sheet__content .sheet__title {
  margin-bottom: 2rem;
}
.sheet-container--add-address .sheet .data-form .data-form-item,
.sheet-container--edit-address .sheet .data-form .data-form-item {
  margin-bottom: 1.5rem;
}
@media (min-width: 1300px) {
  .sheet-container--add-address .sheet .data-form .data-form-item,
  .sheet-container--edit-address .sheet .data-form .data-form-item {
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 1920px) {
  .sheet-container--add-address .sheet .data-form .data-form-item,
  .sheet-container--edit-address .sheet .data-form .data-form-item {
    margin-bottom: 1.5rem;
  }
}
.sheet-container--add-address .sheet .data-form .data-form-item:last-of-type,
.sheet-container--edit-address .sheet .data-form .data-form-item:last-of-type {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .sheet-container--add-address .sheet .data-form .data-form-item:last-of-type,
  .sheet-container--edit-address .sheet .data-form .data-form-item:last-of-type {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1300px) {
  .sheet-container--add-address .sheet .data-form .data-form-item:last-of-type,
  .sheet-container--edit-address .sheet .data-form .data-form-item:last-of-type {
    margin-bottom: 2rem;
  }
}
.sheet-container--add-address .sheet .data-form .button.button--add-address,
.sheet-container--edit-address .sheet .data-form .button.button--add-address {
  margin-bottom: 1.5rem;
}
@media (min-width: 1300px) {
  .sheet-container--add-address .sheet .data-form .button.button--add-address,
  .sheet-container--edit-address .sheet .data-form .button.button--add-address {
    margin-bottom: 1.625rem;
  }
}

.page.page--my-account.my-certificates .page__title {
  margin-bottom: 1.25rem;
}
@media (min-width: 1300px) {
  .page.page--my-account.my-certificates .page__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 1920px) {
  .page.page--my-account.my-certificates .page__title {
    margin-bottom: 1.25rem;
  }
}
.page.page--my-account.my-certificates .my-certificates-list {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .page.page--my-account.my-certificates .my-certificates-list {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-certificates .my-certificates-list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-certificates .button.button--add-certificate {
    margin-left: auto;
    margin-right: auto;
    max-width: 15rem;
  }
}
.page.page--my-account.my-certificates .sertificate-list {
  padding: 0;
}
@media (min-width: 1300px) {
  .page.page--my-account.my-certificates .sertificate-list .sertificate-item {
    padding: 1.25rem 0;
  }
  .page.page--my-account.my-certificates .sertificate-list .sertificate-item-wrapper {
    gap: 1rem;
  }
  .page.page--my-account.my-certificates .sertificate-list .sertificate-item-wrapper .sertificate-item-image {
    width: 122px;
    height: 78px;
  }
}
.page.page--my-account.my-certificates .sertificate-list .sertificate-item.disabled {
  opacity: 0.5;
}

.page.page--my-account.my-loyalty-card {
  padding-bottom: 24px;
}
.page.page--my-account.my-loyalty-card .page__title {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .page.page--my-account.my-loyalty-card .page__title {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-loyalty-card .page__title {
    margin-bottom: 2rem;
  }
}
.page.page--my-account.my-loyalty-card .loyalty-card {
  /* Visually hide the semantic progress element but keep it accessible */
}
@media (min-width: 1300px) {
  .page.page--my-account.my-loyalty-card .loyalty-card {
    overflow: hidden;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__swiper {
    padding: 1.875rem 0;
    width: 100%;
    overflow: visible;
  }
}
.page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide {
  margin-left: 0.75rem;
  width: 20rem;
  height: 12rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide:active {
  transform: scale(0.98);
}
.page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide:first-of-type {
  margin-left: 1.75rem;
}
.page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide:last-of-type {
  margin-right: 1.75rem;
}
@media (min-width: 768px) {
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide {
    margin-left: 1rem;
    width: 44.25rem;
    height: 26.375rem;
  }
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide:first-of-type {
    margin-left: 1.875rem;
  }
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide:last-of-type {
    margin-right: 1.875rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide {
    width: 420px;
    height: 250px;
    transition: all 0.3s ease-in-out;
    margin: 0 1rem;
    opacity: 0;
  }
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide:first-of-type {
    margin-left: 0;
  }
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide:last-of-type {
    margin-right: 0;
  }
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide:not(.swiper-slide-active):hover {
    opacity: 0.8 !important;
    transform: scale(1.05);
  }
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide-active {
    transform: scaleX(1.2) scaleY(1.2);
    transition: all 0.3s ease-in-out;
    z-index: 10;
    opacity: 1;
    cursor: default !important;
  }
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide-next {
    opacity: 1;
    cursor: pointer;
  }
  .page.page--my-account.my-loyalty-card .loyalty-card .swiper-slide-prev {
    opacity: 1;
    cursor: pointer;
  }
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__item {
  padding: 1.5rem;
  width: 100%; /* Adjust as needed based on the image */
  height: 100%; /* Adjust as needed based on the image */
  background-color: #e0e0e0; /* Placeholder background */
  /* background-image: url('your-marble-image.jpg'); */ /* Uncomment and replace when you have the image */
  background-size: cover;
  background-position: top;
  border-radius: 15px;
  box-shadow: 2px -2px 2px 0px #eeeae6 inset;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__item {
    padding: 2rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__item {
    padding: 1.5rem;
  }
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__item--base {
  background-image: url("/local/templates/lesel/images/loyality-cards/img-base-card.png");
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__item--gold {
  background-image: url("/local/templates/lesel/images/loyality-cards/img-gold-card.png");
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__item--silver {
  background-image: url("/local/templates/lesel/images/loyality-cards/img-silver-card.png");
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__tier-name {
  flex: 1 0;
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__percentage {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 36px;
  font-weight: bold;
  color: #fff; /* Assuming white text based on the image's embossed effect */
  opacity: 0.7; /* Adjust opacity to match the embossed look */
  /* Consider text-shadow for a more embossed effect if needed */
  /* text-shadow: 1px 1px 2px rgba(0,0,0,0.2), -1px -1px 2px rgba(255,255,255,0.7); */
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__next-level-text {
  font-size: 12px;
  color: #555;
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__progress-bar {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  position: absolute;
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__progress-wrapper {
  width: 100%;
  margin-top: 1.25rem;
  position: relative; /* For absolute positioning of the visual bar if needed */
}
@media (min-width: 768px) {
  .page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__progress-wrapper {
    margin-top: 1.5rem;
  }
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__progress-visual {
  display: block;
  width: 100%;
  height: 0.25rem;
  background-color: #ffffff; /* Light grey for the unfilled part of the bar */
  overflow: hidden; /* Ensures the inner bar respects the border radius */
}
@media (min-width: 768px) {
  .page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__progress-visual {
    height: 0.375rem;
  }
}
.page.page--my-account.my-loyalty-card .loyalty-card .loyalty-card__progress-visual-bar {
  display: block;
  width: 30%; /* Example progress, adjust this value (or via JS) */
  height: 100%;
  background-color: #211c15; /* Black for the filled part */
}
.page.page--my-account.my-loyalty-card .loyalty__button {
  margin-top: 8rem;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
@media (min-width: 768px) {
  .page.page--my-account.my-loyalty-card .loyalty__button {
    margin-top: 15.125rem;
  }
}
@media (min-width: 1300px) {
  .page.page--my-account.my-loyalty-card .loyalty__button {
    margin-top: 12rem;
  }
}

.sheet-container--loyalty-card .sheet .sheet__content {
  padding: 0;
}
@media (min-width: 1300px) {
  .sheet-container--loyalty-card .sheet {
    max-width: 445px;
  }
}

.loyalty-card__rules {
  padding: 1.5rem 0.75rem 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.loyalty-card__rules .loyalty-card__rules-title {
  margin-bottom: 1.5rem;
  text-align: left;
}
.loyalty-card__rules .list {
  flex: 1 0;
}
.loyalty-card__rules .list .list-item {
  margin-bottom: 0.5rem;
}
.loyalty-card__rules::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .loyalty-card__rules {
    padding: 2.5rem 6.9375rem 2.5rem 6.9375rem;
  }
}
@media (min-width: 1300px) {
  .loyalty-card__rules {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

.page.page--collections .collections .collections__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem 0;
}
@media (min-width: 768px) {
  .page.page--collections .collections .collections__list {
    gap: 1rem 0;
  }
}
@media (min-width: 1300px) {
  .page.page--collections .collections .collections__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}
.page.page--collections .collections .collections__list .collections__item {
  width: 100%;
  height: auto;
  aspect-ratio: 2/3;
}
@media (min-width: 1300px) {
  .page.page--collections .collections .collections__list .collections__item:first-of-type {
    aspect-ratio: 16/9;
    grid-column: span 3;
  }
}
.page.page--collections .collections .collections__list .collections__item .collections__link {
  padding: 1.25rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  .page.page--collections .collections .collections__list .collections__item .collections__link {
    padding: 1.625rem;
  }
}
@media (min-width: 1300px) {
  .page.page--collections .collections .collections__list .collections__item .collections__link {
    padding: 1.25rem;
  }
}
.page.page--collections .collections .collections__list .collections__item .collections__link .collections__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.page.page--collections .collections .collections__list .collections__item .collections__link .collections__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.page.page--collections .collections .collections__list .collections__item .collections__link .collections__title {
  position: relative;
  z-index: 2;
}
@media (min-width: 1300px) {
  .page.page--collections .collections .collections__list .collections__item .collections__link .collections__title {
    font-size: 1.5rem;
  }
}

.page.page--collections-detail .page__sup-title {
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .page.page--collections-detail .page__sup-title {
    font-size: 1rem;
  }
}
@media (min-width: 1300px) {
  .page.page--collections-detail .page__sup-title {
    font-size: 14px;
  }
}
.page.page--collections-detail .collections-detail {
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .page.page--collections-detail .collections-detail {
    margin-bottom: 7.5rem;
  }
}
@media (min-width: 1300px) {
  .page.page--collections-detail .collections-detail {
    margin-bottom: 6.25rem;
  }
}
.page.page--collections-detail .collections-detail .collections-detail__image {
  margin-bottom: 2.5rem;
  width: 100%;
  height: auto;
  aspect-ratio: 2/3;
}
@media (min-width: 768px) {
  .page.page--collections-detail .collections-detail .collections-detail__image {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--collections-detail .collections-detail .collections-detail__image {
    aspect-ratio: 16/9;
    margin-bottom: 2.5rem;
  }
}
.page.page--collections-detail .collections-detail .collections-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__description {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__description {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__description {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-right: 0;
    margin-left: auto;
    max-width: 50.9375rem;
  }
}
@media (min-width: 1920px) {
  .page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__description {
    max-width: 70rem;
  }
}
.page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__description .collections-detail__button {
  display: inline;
}
.page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__images .collections-detail__images-list {
  margin-bottom: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem 0;
}
@media (min-width: 768px) {
  .page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__images .collections-detail__images-list {
    grid-template-columns: 1fr 1fr;
    gap: 6rem 0;
  }
}
@media (min-width: 1300px) {
  .page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__images .collections-detail__images-list {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4rem 0;
  }
}
.page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__images .collections-detail__images-list .collections-detail__images-item {
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 2/3;
  position: relative;
}
.page.page--collections-detail .collections-detail .collections-detail__content .collections-detail__images .collections-detail__images-list .collections-detail__images-item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page.page--collections-detail .collections-detail .section--hero {
  margin-top: 0;
}
.page.page--collections-detail .collections-products .collections-products__title {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .page.page--collections-detail .collections-products .collections-products__title {
    margin-bottom: 2rem;
  }
}
.page.page--collections-detail .collections-products .collection-page-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.25rem 0.75rem;
}
@media (min-width: 1300px) {
  .page.page--collections-detail .collections-products .collection-page-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.page.page--collections-detail .collections-products .collection-page-grid .product-card {
  width: auto;
  height: auto;
}
.page.page--collections-detail .collections-products .collection-page-grid .product-card .product-card__image {
  aspect-ratio: 2/3;
}
.page.page--collections-detail .collections-products .collection-page-grid .consultation-card h3 {
  margin-bottom: 0.5rem;
}

.page.page-catalog.search-results {
  padding-top: 0;
}
.page.page-catalog.search-results .search-results-title {
  padding: 1.5rem 0 0.75rem;
  text-align: center;
}
@media (min-width: 768px) {
  .page.page-catalog.search-results .search-results-title {
    padding: 2rem 0 1rem;
  }
}
@media (min-width: 1300px) {
  .page.page-catalog.search-results .search-results-title {
    padding: 1.375rem 0 0;
  }
}
.page.page-catalog.search-results .catalog-filters {
  margin-top: 0;
}

.page.page-catalog.search-results.search-results-nothing {
  padding: 3.75rem 0 14rem;
}

.page.page--contacts-for-cooperation .contacts-for-cooperation-section .page__title {
  margin: 0 auto 2rem;
  max-width: 330px;
}
@media (min-width: 1300px) {
  .page.page--contacts-for-cooperation .contacts-for-cooperation-section .page__title {
    max-width: unset;
  }
}
.page.page--contacts-for-cooperation .contacts-for-cooperation__info {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .page.page--contacts-for-cooperation .contacts-for-cooperation__info {
    margin-bottom: 2.5rem;
    gap: 1.25rem;
  }
}
@media (min-width: 1300px) {
  .page.page--contacts-for-cooperation .contacts-for-cooperation__info {
    margin-bottom: 2rem;
    gap: 1rem;
  }
}
.page.page--contacts-for-cooperation .contacts-for-cooperation__info .contacts-for-cooperation__info-item {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.page.page--contacts-for-cooperation .contacts-for-cooperation__info .contacts-for-cooperation__info-item .contacts-for-cooperation__info-item-dash {
  height: 12px;
  border-bottom: 1px dashed #eeeae6;
  flex: 1 0;
}
@media (min-width: 768px) {
  .page.page--contacts-for-cooperation .contacts-for-cooperation__info .contacts-for-cooperation__info-item .contacts-for-cooperation__info-item-dash {
    height: 20px;
  }
}
.page.page--contacts-for-cooperation .contacts-for-cooperation__info .contacts-for-cooperation__info-item .contacts-for-cooperation__info-item-value {
  text-align: right;
  max-width: 230px;
}
.page.page--contacts-for-cooperation .contacts-for-cooperation__info .contacts-for-cooperation__info-item:last-child {
  align-items: self-end;
}

@media (min-width: 1300px) {
  .sheet-container--contacts-for-cooperation .sheet {
    max-width: 27.8125rem;
  }
}
.sheet-container--contacts-for-cooperation .sheet__content {
  padding: 1.5rem 0.75rem 1.5rem;
}
@media (min-width: 768px) {
  .sheet-container--contacts-for-cooperation .sheet__content {
    padding: 2.5rem 3rem 2.5rem;
  }
}
.sheet-container--contacts-for-cooperation .sheet__content .sheet__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .sheet-container--contacts-for-cooperation .sheet__content .sheet__title {
    margin-bottom: 0.75rem;
  }
}
.sheet-container--contacts-for-cooperation .sheet__content .sheet__subtitle {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .sheet-container--contacts-for-cooperation .sheet__content .sheet__subtitle {
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .sheet-container--contacts-for-cooperation .sheet__content .data-form .data-form-item {
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 768px) {
  .sheet-container--contacts-for-cooperation .sheet__content .data-form .data-form-item:last-of-type {
    margin-bottom: 2rem;
  }
}


.page.page--404 {
  padding: 3.75rem 0 14rem;
}
.page.page--404 .page__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .page.page--404 .page__title {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--404 .page__title {
    margin-bottom: 0.5rem;
  }
}
.page.page--404 .page__subtitle {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .page.page--404 .page__subtitle {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1300px) {
  .page.page--404 .page__subtitle {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .page.page--404 .button {
    margin-right: auto;
    margin-left: auto;
    width: 15rem;
  }
}

.page.page--503 {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.page--503 .page__title {
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .page.page--503 .page__title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1300px) {
  .page.page--503 .page__title {
    margin-bottom: 0.75rem;
  }
}
.page.page--503 .page__list {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  .page.page--503 .page__list {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--503 .page__list {
    margin-bottom: 1rem;
  }
}
.page.page--503 .page__list .page__item {
  margin: 0;
  flex-grow: 0;
  max-width: fit-content;
}
.page.page--503 .page__list .page__item span {
  position: relative;
  padding-left: 0.75rem;
}
.page.page--503 .page__list .page__item span:before {
  content: "";
  display: block;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #211c15;
}
.page.page--503 .page__text {
  text-align: center;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .page.page--503 .page__text {
    margin-bottom: 2.625rem;
  }
}
@media (min-width: 1300px) {
  .page.page--503 .page__text {
    margin-bottom: 2rem;
  }
}
.page.page--503 .footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.page.page--503 .footer__social .footer__social-link {
  height: 36px;
  width: 36px;
}
.page.page--503 .footer__social .footer__social-link svg {
  width: 100%;
  height: 100%;
}


.page.page--lookbook .lookbook-list {
  padding-bottom: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem 0;
}
@media (min-width: 768px) {
  .page.page--lookbook .lookbook-list {
    padding-bottom: 5rem;
    gap: 1rem 0;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list {
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
  }
}
.page.page--lookbook .lookbook-list .lookbook-list__link {
  display: block;
  width: 100%;
  height: 100%;
}
.page.page--lookbook .lookbook-list .lookbook-list__item {
  position: relative;
  aspect-ratio: 351/522;
}
@media (min-width: 768px) {
  .page.page--lookbook .lookbook-list .lookbook-list__item {
    aspect-ratio: 736/1123;
  }
}
.page.page--lookbook .lookbook-list .lookbook-list__item .lookbook-list__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page.page--lookbook .lookbook-list .lookbook-list__item .lookbook-list__title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 1rem;
  text-align: center;
  z-index: 2;
}
@media (min-width: 768px) {
  .page.page--lookbook .lookbook-list .lookbook-list__item .lookbook-list__title {
    padding: 1.625rem 1rem;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list .lookbook-list__item .lookbook-list__title {
    padding: 1.25rem 1rem;
  }
}
.page.page--lookbook .lookbook-list .lookbook-list__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 4.8125rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.64) 4.24%, rgba(0, 0, 0, 0) 89.64%);
  z-index: 1;
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(1):last-child) .lookbook-list__item:nth-child(1) {
    grid-column: 1/7;
    aspect-ratio: 1408/792;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(2):last-child) .lookbook-list__item {
    aspect-ratio: 696/1032;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(2):last-child) .lookbook-list__item:nth-child(1) {
    grid-column: 1/4;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(2):last-child) .lookbook-list__item:nth-child(2) {
    grid-column: 4/7;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(3):last-child) .lookbook-list__item:nth-child(1) {
    grid-column: 1/7;
    grid-row: 1/2;
    aspect-ratio: 1408/792;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(3):last-child) .lookbook-list__item:nth-child(2) {
    grid-column: 1/4;
    grid-row: 2/3;
    aspect-ratio: 696/1032;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(3):last-child) .lookbook-list__item:nth-child(3) {
    grid-column: 4/7;
    grid-row: 2/3;
    aspect-ratio: 696/1032;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(4):last-child) .lookbook-list__item:nth-child(1) {
    grid-column: 1/7;
    grid-row: 1/2;
    aspect-ratio: 1408/792;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(4):last-child) .lookbook-list__item:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2/3;
    aspect-ratio: 459/679;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(4):last-child) .lookbook-list__item:nth-child(3) {
    grid-column: 3/5;
    grid-row: 2/3;
    aspect-ratio: 459/679;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(4):last-child) .lookbook-list__item:nth-child(4) {
    grid-column: 5/7;
    grid-row: 2/3;
    aspect-ratio: 459/679;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(1),
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(2) {
    grid-row: 1/2;
    aspect-ratio: 696/1032;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(1) {
    grid-column: 1/4;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(2) {
    grid-column: 4/7;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(3),
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(4),
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(5) {
    grid-row: 2/3;
    aspect-ratio: 459/679;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(3) {
    grid-column: 1/3;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(4) {
    grid-column: 3/5;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(5):last-child) .lookbook-list__item:nth-child(5) {
    grid-column: 5/7;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(1) {
    grid-column: 1/7;
    grid-row: 1/2;
    aspect-ratio: 1408/792;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(2) {
    grid-column: 1/4;
    grid-row: 2/3;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(3) {
    grid-column: 4/7;
    grid-row: 2/3;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(2),
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(3) {
    aspect-ratio: 696/1032;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(4) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(6) {
    grid-column: 5/7;
    grid-row: 3/4;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(4),
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(5),
  .page.page--lookbook .lookbook-list:has(.lookbook-list__item:nth-child(6)) .lookbook-list__item:nth-child(6) {
    aspect-ratio: 459/679;
  }
}

.page.page--lookbook-details .page__title {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .page.page--lookbook-details .page__title {
    max-width: 100%;
  }
}
.page.page--lookbook-details .page__subtitle {
  padding-bottom: 0.5rem;
  text-align: center;
}
.page.page--lookbook-details .lookbook-details__main-image-container {
  padding-bottom: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .page.page--lookbook-details .lookbook-details__main-image-container {
    padding-bottom: 1rem;
  }
}
.page.page--lookbook-details .lookbook-details__main-image-container .lookbook-details__main-image {
  aspect-ratio: 375/522;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .page.page--lookbook-details .lookbook-details__main-image-container .lookbook-details__main-image {
    aspect-ratio: 768/1068;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__main-image-container .lookbook-details__main-image {
    padding-right: 1rem;
    padding-left: 1rem;
    aspect-ratio: 1408/792;
  }
}
.page.page--lookbook-details .lookbook-details__grid {
  width: 100%;
  padding-bottom: 2.5rem;
}
.page.page--lookbook-details .lookbook-details__grid .row-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .row-1 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.page.page--lookbook-details .lookbook-details__grid .row-1 .lookbook-details__grid-item {
  position: relative;
  aspect-ratio: 2/3;
}
.page.page--lookbook-details .lookbook-details__grid .row-1 .lookbook-details__grid-item:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}
.page.page--lookbook-details .lookbook-details__grid .row-1 .lookbook-details__grid-item:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}
.page.page--lookbook-details .lookbook-details__grid .row-1 .lookbook-details__grid-item:nth-child(3) {
  grid-column: 1/3;
  grid-row: 2/3;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .row-1 .lookbook-details__grid-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .page.page--lookbook-details .lookbook-details__grid .row-1 .lookbook-details__grid-item:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/2;
  }
  .page.page--lookbook-details .lookbook-details__grid .row-1 .lookbook-details__grid-item:nth-child(3) {
    grid-column: 2/4;
    grid-row: 1/3;
    height: 100%;
  }
}
.page.page--lookbook-details .lookbook-details__grid .row-2 {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .row-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.page.page--lookbook-details .lookbook-details__grid .row-2 .lookbook-details__grid-item {
  position: relative;
  aspect-ratio: 2/3;
}
.page.page--lookbook-details .lookbook-details__grid .row-2 .lookbook-details__grid-item:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
  aspect-ratio: 1/1;
}
.page.page--lookbook-details .lookbook-details__grid .row-2 .lookbook-details__grid-item:nth-child(2) {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .row-2 .lookbook-details__grid-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
    aspect-ratio: 934/613;
  }
  .page.page--lookbook-details .lookbook-details__grid .row-2 .lookbook-details__grid-item:nth-child(2) {
    grid-column: 3/4;
    grid-row: 1/2;
    aspect-ratio: 459/613;
  }
}
.page.page--lookbook-details .lookbook-details__grid .row-3 {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .row-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.page.page--lookbook-details .lookbook-details__grid .row-3 .lookbook-details__grid-item {
  position: relative;
  aspect-ratio: 2/3;
}
.page.page--lookbook-details .lookbook-details__grid .row-3 .lookbook-details__grid-item:nth-child(1) {
  grid-column: 1/3;
  grid-row: 1/2;
}
.page.page--lookbook-details .lookbook-details__grid .row-3 .lookbook-details__grid-item:nth-child(2) {
  grid-column: 1/2;
  grid-row: 2/3;
}
.page.page--lookbook-details .lookbook-details__grid .row-3 .lookbook-details__grid-item:nth-child(3) {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .row-3 .lookbook-details__grid-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .page.page--lookbook-details .lookbook-details__grid .row-3 .lookbook-details__grid-item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .page.page--lookbook-details .lookbook-details__grid .row-3 .lookbook-details__grid-item:nth-child(3) {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.page.page--lookbook-details .lookbook-details__grid .row-4 {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .row-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.page.page--lookbook-details .lookbook-details__grid .row-4 .lookbook-details__grid-item {
  position: relative;
  aspect-ratio: 2/3;
}
.page.page--lookbook-details .lookbook-details__grid .row-4 .lookbook-details__grid-item:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}
.page.page--lookbook-details .lookbook-details__grid .row-4 .lookbook-details__grid-item:nth-child(2) {
  grid-column: 1/2;
  grid-row: 2/3;
  aspect-ratio: 1/1;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .row-4 .lookbook-details__grid-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
    aspect-ratio: 459/613;
  }
  .page.page--lookbook-details .lookbook-details__grid .row-4 .lookbook-details__grid-item:nth-child(2) {
    grid-column: 2/4;
    grid-row: 1/2;
    aspect-ratio: 934/613;
  }
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item {
  position: relative;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .lookbook-details__grid-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .lookbook-details__grid-button {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  background-color: #ffffff;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .lookbook-details__grid-button {
    width: 3.5rem;
    height: 3.5rem;
    bottom: 1rem;
    right: 1rem;
  }
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .lookbook-details__grid-button {
    width: 2.5rem;
    height: 2.5rem;
    bottom: 0.75rem;
    right: 0.75rem;
  }
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .lookbook-details__grid-button.is-active {
  background-color: #211c15;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image {
  display: none;
}
@media (min-width: 1300px) {
  .page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image {
    display: block;
    position: absolute;
    right: 0.75rem;
    bottom: 3.75rem;
    height: 424px;
    width: 357px;
    background-color: white;
    z-index: 1;
    overflow: auto;
    padding: 1rem;
    scrollbar-gutter: stable;
  }
  .page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image::-webkit-scrollbar {
    width: 10px;
  }
  .page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image::-webkit-scrollbar-track {
    background: #eeeae6;
    background-clip: content-box;
    border-right: 8px solid transparent;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
  }
  .page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image::-webkit-scrollbar-thumb {
    background: #d4cec8;
    background-clip: content-box;
    border-right: 8px solid transparent;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
  }
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item:not(:last-of-type) {
  margin-bottom: 1rem;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item .product-image-card {
  height: 7.5rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0 0.75rem;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item .product-image-card .product-image-card__image {
  width: 80px;
  height: 120px;
  object-fit: cover;
  grid-column: 1/2;
  grid-row: 1/5;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item .product-image-card .product-image-card__title {
  grid-column: 2/3;
  grid-row: 1/2;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item .product-image-card .product-image-card__wrapper {
  grid-column: 2/3;
  grid-row: 2/3;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.75rem;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item .product-image-card .product-image-card__color {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.25rem;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item .product-image-card .product-image-card__color .product-image-card__color-dot {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 50%;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item .product-image-card .product-image-card__collection {
  margin-top: 0.375rem;
  grid-column: 2/3;
  grid-row: 3/4;
}
.page.page--lookbook-details .lookbook-details__grid .lookbook-details__grid-item .products-from-image .products-from-image__item .product-image-card .product-image-card__button-favorite {
  grid-column: 3/4;
  grid-row: 1/5;
  align-self: start;
}
@media (min-width: 768px) {
  .page.page--lookbook-details .section--lookbook-details-all-products {
    padding-top: 3.75rem;
  }
}
.page.page--lookbook-details .section.section--catalog.section--other-history {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .page.page--lookbook-details .section.section--catalog.section--other-history {
    padding-top: 3.75rem;
  }
}

.section.section--catalog.section--other-history .catalog-slider-other-history .swiper-wrapper .swiper-slide {
  width: 19.125rem;
  height: 28.75rem;
}
@media (min-width: 768px) {
  .section.section--catalog.section--other-history .catalog-slider-other-history .swiper-wrapper .swiper-slide {
    width: 348px;
    height: 528px;
  }
}
@media (min-width: 1300px) {
  .section.section--catalog.section--other-history .catalog-slider-other-history .swiper-wrapper .swiper-slide {
    width: 340px;
    height: 510px;
  }
}
.section.section--catalog.section--other-history .catalog-slider-other-history .swiper-wrapper .swiper-slide .history-card {
  width: 100%;
  height: 100%;
  position: relative;
}
.section.section--catalog.section--other-history .catalog-slider-other-history .swiper-wrapper .swiper-slide .history-card .history-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section.section--catalog.section--other-history .catalog-slider-other-history .swiper-wrapper .swiper-slide .history-card .history-card__title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 1rem;
  text-align: center;
  z-index: 2;
}
.section.section--catalog.section--other-history .catalog-slider-other-history .swiper-wrapper .swiper-slide .history-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 4.8125rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.64) 4.24%, rgba(0, 0, 0, 0) 89.64%);
  z-index: 1;
}

@media (min-width: 1300px) {
  .sheet-container--lookbook-details {
    display: none;
  }
}
.sheet-container--lookbook-details .sheet {
  max-height: 100vh;
  overflow-y: auto;
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item {
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container--lookbook-details .products-from-image .products-from-image__item {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item:last-of-type {
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container--lookbook-details .products-from-image .products-from-image__item:last-of-type {
    padding-bottom: 1rem;
  }
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card {
  height: 7.5rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0 0.75rem;
}
@media (min-width: 768px) {
  .sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card {
    height: 15.875rem;
    gap: 0 1rem;
  }
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card .product-image-card__image {
  width: 80px;
  height: 120px;
  object-fit: cover;
  grid-column: 1/2;
  grid-row: 1/5;
}
@media (min-width: 768px) {
  .sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card .product-image-card__image {
    width: 10.75rem;
    height: 15.875rem;
  }
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card .product-image-card__title {
  grid-column: 2/3;
  grid-row: 1/2;
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card .product-image-card__wrapper {
  grid-column: 2/3;
  grid-row: 2/3;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.75rem;
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card .product-image-card__color {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.25rem;
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card .product-image-card__color .product-image-card__color-dot {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 50%;
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card .product-image-card__collection {
  margin-top: 0.375rem;
  grid-column: 2/3;
  grid-row: 3/4;
}
.sheet-container--lookbook-details .products-from-image .products-from-image__item .product-image-card .product-image-card__button-favorite {
  grid-column: 3/4;
  grid-row: 1/5;
  align-self: start;
}

@supports not (selector(:has(*))) {
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-1 .lookbook-list__item:nth-child(1) {
      grid-column: 1/7;
      aspect-ratio: 1408/792;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-2 .lookbook-list__item {
      aspect-ratio: 696/1032;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-2 .lookbook-list__item:nth-child(1) {
      grid-column: 1/4;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-2 .lookbook-list__item:nth-child(2) {
      grid-column: 4/7;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-3 .lookbook-list__item:nth-child(1) {
      grid-column: 1/7;
      grid-row: 1/2;
      aspect-ratio: 1408/792;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-3 .lookbook-list__item:nth-child(2) {
      grid-column: 1/4;
      grid-row: 2/3;
      aspect-ratio: 696/1032;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-3 .lookbook-list__item:nth-child(3) {
      grid-column: 4/7;
      grid-row: 2/3;
      aspect-ratio: 696/1032;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-4 .lookbook-list__item:nth-child(1) {
      grid-column: 1/7;
      grid-row: 1/2;
      aspect-ratio: 1408/792;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-4 .lookbook-list__item:nth-child(2) {
      grid-column: 1/3;
      grid-row: 2/3;
      aspect-ratio: 459/679;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-4 .lookbook-list__item:nth-child(3) {
      grid-column: 3/5;
      grid-row: 2/3;
      aspect-ratio: 459/679;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-4 .lookbook-list__item:nth-child(4) {
      grid-column: 5/7;
      grid-row: 2/3;
      aspect-ratio: 459/679;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(1),
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(2) {
      grid-row: 1/2;
      aspect-ratio: 696/1032;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(1) {
      grid-column: 1/4;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(2) {
      grid-column: 4/7;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(3),
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(4),
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(5) {
      grid-row: 2/3;
      aspect-ratio: 459/679;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(3) {
      grid-column: 1/3;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(4) {
      grid-column: 3/5;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-5 .lookbook-list__item:nth-child(5) {
      grid-column: 5/7;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(1) {
      grid-column: 1/7;
      grid-row: 1/2;
      aspect-ratio: 1408/792;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(2) {
      grid-column: 1/4;
      grid-row: 2/3;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(3) {
      grid-column: 4/7;
      grid-row: 2/3;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(2),
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(3) {
      aspect-ratio: 696/1032;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(4) {
      grid-column: 1/3;
      grid-row: 3/4;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(5) {
      grid-column: 3/5;
      grid-row: 3/4;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(6) {
      grid-column: 5/7;
      grid-row: 3/4;
    }
  }
  @media (min-width: 1300px) {
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(4),
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(5),
    .page.page--lookbook .lookbook-list.lookbook-list--count-6 .lookbook-list__item:nth-child(6) {
      aspect-ratio: 459/679;
    }
  }
}

.page.page--order-status {
  padding: 5rem 0 14rem;
}
.page.page--order-status .page__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .page.page--order-status .page__title {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--order-status .page__title {
    margin-bottom: 0.5rem;
  }
}
.page.page--order-status .page__subtitle {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .page.page--order-status .page__subtitle {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1300px) {
  .page.page--order-status .page__subtitle {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .page.page--order-status .button {
    margin-right: auto;
    margin-left: auto;
    width: 15rem;
  }
}

.page.page--order-status .page__buttons {
  display:flex;
  margin-right: auto;
  margin-left: auto;
  max-width: 500px;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .page.page--order-status .page__buttons {
    flex-direction: row;
    gap: 16px;
  }
}

@font-face {
  font-family: "Pragmatica";
  src: local("Pragmatica Book"), local("Pragmatica-Book"), url("/fonts/Pragmatica-Book.woff2") format("woff2"), url("/fonts/Pragmatica-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.button-pay-order.is-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.p-r-2 {
  padding-right: 0.5rem;
}

.sheet-desktop.sheet-desktop-left form.smartfilter {
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.product-card__color-dot[style*="#FFF"],
.product-card__color-dot[style*="#ffffff"],
.product-card__color-dot[style*="rgb(255"] {
  border: 1px solid #ccc;
}

.product-colors-item-color[style*="#FFF"],
.product-colors-item-color[style*="#ffffff"],
.product-colors-item-color[style*="rgb(255"] {
  border: 1px solid #ccc;
}

.product-text .text-body-var {
  white-space: pre-line;
}

@media (min-width: 1300px) {
  .section--category .category-card .category-card__title {
    font-size: 16px;
  }

  .product__season.text-caption-uppercase.text-beige-100 {
    font-size: 14px;
  }
}

.page {
  --care-content-max-width: 815px;
  --care-text-max-width: 50%;
}

.page.page--care .hero-image {
  margin-bottom: 2.5rem;
  display: block;
  aspect-ratio: 375/522;
  position: relative;
}
@media (min-width: 768px) {
  .page.page--care .hero-image {
    margin-bottom: 3.75rem;
    aspect-ratio: 768/1068;
  }
}
@media (min-width: 1300px) {
  .page.page--care .hero-image {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2.5rem;
    aspect-ratio: 1408/792;
  }
}
.page.page--care .hero-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page.page--care .care-text {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .page.page--care .care-text {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--care .care-text {
    margin-left: auto;
    margin-bottom: 2.5rem;
    max-width: var(--care-text-max-width);
  }
}
.page.page--care .care-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .page.page--care .care-grid {
    gap: 1rem;
  }
}
@media (min-width: 1300px) {
  .page.page--care .care-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.page.page--care .care-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  position: relative;
  aspect-ratio: 351/460;
}
@media (min-width: 768px) {
  .page.page--care .care-card {
    aspect-ratio: 736/1123;
  }
}
@media (min-width: 1300px) {
  .page.page--care .care-card {
    aspect-ratio: 459/769;
  }
}
.page.page--care .care-card .care-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  z-index: -1;
}
.page.page--care .care-card .care-card__title {
  text-align: center;
  padding-bottom: 1.25rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .page.page--care .care-card .care-card__title {
    padding-bottom: 1.625rem;
  }
}
.page.page--care .care-card:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4.8125rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.64) 4.24%, rgba(0, 0, 0, 0) 89.64%);
}

.page.page--care-detail .page__subtitle {
  margin-bottom: 0.5rem;
  text-align: center;
}
.page.page--care-detail .hero-image {
  margin-bottom: 2.5rem;
  display: block;
  aspect-ratio: 375/522;
  position: relative;
}
@media (min-width: 768px) {
  .page.page--care-detail .hero-image {
    margin-bottom: 3.75rem;
    aspect-ratio: 768/1068;
  }
}
@media (min-width: 1300px) {
  .page.page--care-detail .hero-image {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2.5rem;
    aspect-ratio: 1408/792;
  }
}
.page.page--care-detail .hero-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page.page--care-detail .care-detail-text {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .page.page--care-detail .care-detail-text {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--care-detail .care-detail-text {
    margin-bottom: 2.5rem;
    margin-left: auto;
    max-width: var(--care-content-max-width);
  }
}
.page.page--care-detail .care-detail-article {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .page.page--care-detail .care-detail-article {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1300px) {
  .page.page--care-detail .care-detail-article {
    margin-bottom: 2.5rem;
    display: flex;
  }
}
.page.page--care-detail .care-detail-article .care-detail-article__title {
  margin-bottom: 2.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .page.page--care-detail .care-detail-article .care-detail-article__title {
    margin-bottom: 3.75rem;
  }
  .page.page--care-detail .care-detail-article .care-detail-article__title span {
    display: block;
    max-width: 340px;
  }
}
@media (min-width: 1300px) {
  .page.page--care-detail .care-detail-article .care-detail-article__title span {
    max-width: 540px;
  }
}
.page.page--care-detail .care-detail-article .care-detail-article__list {
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
  list-style: disc;
}
@media (min-width: 1300px) {
  .page.page--care-detail .care-detail-article .care-detail-article__list {
    max-width: var(--care-content-max-width);
    width: 100%;
  }
}
.page.page--care-detail .care-detail-article .care-detail-article__list .care-detail-article__item .care-detail-article__item-text {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .page.page--care-detail .section--lookbook-details-all-products {
    padding-top: 3.75rem;
  }
}
.page.page--care-detail .section--other-history {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .page.page--care-detail .section--other-history {
    padding-top: 3.75rem;
  }
}