@charset "UTF-8";
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
html:has(.header__navbar--open) {
  overflow: hidden;
}
@media (width < 768px) {
  html {
    font-size: 2.5641025641vw;
  }
}
@media (width >= 768px) and (width < 1520px) {
  html {
    font-size: 0.6944444444vw;
  }
}

body {
  position: relative;
  padding: 0;
  overflow-x: clip;
  font-family: "Nunito Sans", sans-serif;
}

.wrap {
  position: relative;
  width: 100%;
  max-width: 125rem;
  margin: 0 auto;
}
@media (width < 768px) {
  .wrap {
    padding: 0 2rem;
  }
}

input {
  outline: none;
  box-shadow: none;
}
input:focus, input:hover {
  outline: none;
}

body {
  font-weight: 400;
  line-height: 1;
}

img {
  vertical-align: middle;
}

a {
  text-decoration: none;
}

b {
  font-weight: 700;
}

button {
  outline: none;
  box-shadow: none;
  border: none;
}

fieldset {
  border: transparent;
}

.section__title {
  line-height: normal;
}

.page__title {
  line-height: normal;
}

.btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-transform: uppercase;
}
.btn--icon {
  background-color: transparent;
}
.btn--bordered {
  background-color: transparent;
  color: #566448;
  border: 1px solid #000;
  transition: 0.3s color, 0.3s background-color;
}
@media (hover: hover) {
  .btn--bordered:hover {
    background-color: #000;
    color: #fff;
  }
}
.btn--clean {
  width: max-content;
  font-weight: 400;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  transition: 0.3s color, 0.3s background-color;
}
@media (width < 768px) {
  .btn--clean {
    padding: 0.5rem 0.7rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .btn--clean {
    padding: 1.5rem;
    font-size: 1.5rem;
  }
}
@media (hover: hover) {
  .btn--clean:hover {
    background-color: #fff;
    color: #000;
  }
}
.btn--wishlist {
  position: absolute;
  z-index: 1;
  top: 1rem;
  right: 1rem;
  width: 1.8rem;
  height: 1.8rem;
  overflow: hidden;
  color: #000;
  transition: color 0.2s;
  background-color: transparent;
}
.btn--wishlist svg {
  width: 100%;
  height: 100%;
}
.btn--wishlist.is-active {
  color: #566448;
}
.btn--wishlist.is-loading {
  pointer-events: none;
  opacity: 0.5;
}
.btn--primary {
  background-color: #566448;
  color: #fff;
  transition: 0.3s background-color;
}
@media (hover: hover) {
  .btn--primary:hover {
    background-color: #000;
  }
}
@media (width < 768px) {
  .btn--add-to-cart {
    display: none;
  }
}
@media (width >= 768px) {
  .btn--add-to-cart {
    max-width: 19.1rem;
    height: 3.1rem;
    font-size: 1.5rem;
    opacity: 0;
    transition: 0.3s background-color, 0.3s opacity;
  }
}
@media (hover: hover) {
  .btn--add-to-cart:hover {
    background-color: #000;
  }
}
.btn--loadmore {
  max-width: 16.2rem;
  height: 4.2rem;
}
.btn--size-guide {
  margin-top: 1rem;
  column-gap: 1.4rem;
  font-size: 1.2rem;
  line-height: 233%;
  color: #566448;
  background-color: transparent;
}
.btn--size-guide span {
  text-decoration: underline;
}
.btn--size-guide svg {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.1rem;
}

.bottomnav {
  display: flex;
  flex-direction: column;
}
@media (width < 768px) {
  .bottomnav {
    row-gap: 1.3rem;
  }
}
@media (width >= 768px) {
  .bottomnav {
    row-gap: 2.7rem;
  }
}
.bottomnav li {
  list-style-type: none;
}
.bottomnav li:first-child {
  margin-top: 3rem;
}
.bottomnav a {
  color: #000;
  opacity: 1;
  transition: opacity 0.3s;
}
@media (width < 768px) {
  .bottomnav a {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .bottomnav a {
    font-size: 1.5rem;
  }
}
@media (hover: hover) {
  .bottomnav a:hover {
    opacity: 0.5;
  }
}

.breadcrumb {
  text-transform: capitalize;
}
@media (width < 768px) {
  .breadcrumb {
    padding: 2rem 0;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .breadcrumb {
    padding: 1.4rem 0;
    font-size: 1.6rem;
  }
}
.breadcrumb .woocommerce-breadcrumb,
.breadcrumb nav.woocommerce-breadcrumb {
  color: #566448;
}
.breadcrumb .woocommerce-breadcrumb a,
.breadcrumb nav.woocommerce-breadcrumb a {
  color: inherit;
  opacity: 1;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .breadcrumb .woocommerce-breadcrumb a:hover,
  .breadcrumb nav.woocommerce-breadcrumb a:hover {
    opacity: 0.5;
  }
}

.divider {
  position: relative;
}
@media (width < 768px) {
  .divider {
    margin-top: 6rem;
  }
}
@media (width >= 768px) {
  .divider::before {
    height: 1px;
    width: 96rem;
    margin: 7.5rem auto;
    content: "";
    background-color: #000;
    display: block;
  }
}
@media (width < 768px) {
  .divider__icon {
    display: none;
  }
}
@media (width >= 768px) {
  .divider__icon {
    position: absolute;
    top: -2.6rem;
    left: calc(50% - 2.6rem);
    width: 5.2rem;
    height: 5.2rem;
    padding: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #fff;
    color: #566448;
  }
  .divider__icon img {
    width: 100%;
  }
}

.filter {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 45rem;
  height: 100%;
  max-height: 100vh;
  background-color: #fdfbf9;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.35s ease;
  box-shadow: -0.2rem 0 1.2rem rgba(0, 0, 0, 0.08);
}
.filter__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  border-bottom: 1px solid #a9b89d;
}
@media (width < 768px) {
  .filter__head {
    padding: 3.8rem 1.8rem 2rem;
  }
}
@media (width >= 768px) {
  .filter__head {
    padding: 3rem 4.5rem;
  }
}
.filter__title {
  text-transform: uppercase;
  color: #000;
}
@media (width < 768px) {
  .filter__title {
    font-size: 2rem;
  }
}
@media (width >= 768px) {
  .filter__title {
    font-size: 2.4rem;
  }
}
.filter__close {
  padding: 0;
  border: none;
  background: none;
  font-size: 2.4rem;
  line-height: 1;
  color: #000;
  cursor: pointer;
}
.filter__body {
  flex: 1 1 auto;
  overflow-y: auto;
}
.filter__foot {
  flex-shrink: 0;
  border-top: 1px solid #a9b89d;
}
@media (width < 768px) {
  .filter__foot {
    padding: 4rem 1.8rem;
  }
}
@media (width >= 768px) {
  .filter__foot {
    padding: 2.4rem 4.5rem;
  }
}
@media (width < 768px) {
  .filter__show-results {
    height: 4.6rem;
    max-width: 24rem;
    margin: 0 auto;
  }
}
@media (width >= 768px) {
  .filter__show-results {
    padding: 1.6rem;
  }
}
.filter__toggle-link {
  width: max-content;
  margin-left: auto;
  color: #566448;
  text-transform: uppercase;
  background-color: transparent;
  opacity: 1;
  transition: 0.3s opacity;
}
@media (width < 768px) {
  .filter__toggle-link {
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .filter__toggle-link {
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .filter__toggle-link:hover {
    opacity: 0.4;
  }
}
.filter.is-open {
  transform: translateX(0);
}

.filter-overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

body.wpcc-filter-open .filter {
  transform: translateX(0);
}
body.wpcc-filter-open .filter-overlay {
  opacity: 1;
  visibility: visible;
}

@media (width < 768px) {
  .filter-section {
    padding: 2.3rem 0 0;
  }
}
@media (width >= 768px) {
  .filter-section {
    padding: 3.3rem 0 2rem;
    border-bottom: 1px solid #a9b89d;
  }
}
.filter-section:last-child {
  border-bottom: none;
}
.filter-section__head {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: #000;
}
@media (width < 768px) {
  .filter-section__head {
    padding: 0 1.8rem 1.3rem;
    font-size: 1.3rem;
  }
}
@media (width >= 768px) {
  .filter-section__head {
    padding: 0 4.5rem 1.3rem;
    font-size: 1.4rem;
  }
}
@media (width < 768px) {
  .filter-section__list {
    padding: 0 1.8rem;
  }
}
@media (width >= 768px) {
  .filter-section__list {
    padding: 0 4.5rem;
  }
}

.filter-option {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  line-height: normal;
  padding: 1rem 0;
  color: #566448;
  cursor: pointer;
}
@media (width < 768px) {
  .filter-option {
    font-size: 1.3rem;
  }
}
@media (width >= 768px) {
  .filter-option {
    font-size: 1.6rem;
  }
}
.filter-option input {
  width: 1.6rem;
  height: 1.6rem;
  accent-color: #566448;
  cursor: pointer;
}

@media (width < 768px) {
  .filter-price {
    padding: 0 1.8rem;
  }
}
@media (width >= 768px) {
  .filter-price {
    padding: 0 4.5rem;
  }
}
.filter-price__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  color: #566448;
}
@media (width < 768px) {
  .filter-price__label {
    margin: 0 0 0.5rem;
  }
}
@media (width >= 768px) {
  .filter-price__label {
    margin: 0 0 1.8rem;
  }
}
.filter-price__value {
  color: #566448;
}
.filter-price__slider {
  position: relative;
  height: 2.4rem;
  margin: 0 0.9rem;
  cursor: pointer;
  touch-action: none;
}
.filter-price__track {
  position: absolute;
  top: 50%;
  left: -0.9rem;
  right: -0.9rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  background-color: #566448;
  transform: translateY(-50%);
}
.filter-price__track-fill {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 0.2rem;
  background-color: #566448;
}
.filter-price__handle {
  position: absolute;
  top: 50%;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #566448;
  transform: translate(-50%, -50%);
  cursor: grab;
  touch-action: none;
  z-index: 2;
}
.filter-price__handle:active {
  cursor: grabbing;
}
.filter-price__handle:focus-visible {
  outline: 0.2rem solid #566448;
  outline-offset: 0.2rem;
}
.filter-price__handle--max {
  z-index: 3;
}

.form__title {
  text-transform: uppercase;
}
@media (width < 1025px) {
  .form__title {
    font-size: 1.1rem;
  }
}
@media (width >= 1025px) {
  .form__title {
    font-size: 1.6rem;
  }
}
.form__title a {
  color: #000;
  font-weight: 700;
  opacity: 1;
  transition: 0.3s opacity;
}
@media (hover: hover) {
  .form__title a:hover {
    opacity: 0.5;
  }
}
@media (width >= 1025px) {
  .form__top {
    width: 60rem;
  }
}
@media (width < 1025px) {
  .form__box {
    margin-top: 2.7rem;
  }
}
@media (width >= 1025px) {
  .form__box {
    margin-top: 5.5rem;
  }
}
.form__box--twocolumn {
  display: grid;
}
@media (width < 1025px) {
  .form__box--twocolumn {
    row-gap: 2.7rem;
  }
}
@media (width >= 1025px) {
  .form__box--twocolumn {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12rem;
  }
}
.form__box input[type=submit] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #566448;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: 0.3s background-color;
}
@media (width < 1025px) {
  .form__box input[type=submit] {
    max-width: 18.5rem;
    height: 2.6rem;
    margin: 0 auto;
    font-size: 1.1rem;
  }
}
@media (width >= 1025px) {
  .form__box input[type=submit] {
    max-width: 26.3rem;
    height: 3.5rem;
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .form__box input[type=submit]:hover {
    background-color: #000;
  }
}
.form__box:has(.wpcf7-radio) .wpcf7-radio {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (width < 1025px) {
  .form__box:has(.wpcf7-radio) .wpcf7-radio {
    margin-top: 1.4rem;
    gap: 2rem;
  }
}
@media (width >= 1025px) {
  .form__box:has(.wpcf7-radio) .wpcf7-radio {
    margin-top: 3.4rem;
    gap: 4rem 12.2rem;
  }
}
.form__box:has(.wpcf7-radio) .wpcf7-list-item label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 0.5rem;
  color: #566448;
  cursor: pointer;
  transition: 0.3s border-color, 0.3s background-color;
}
@media (width < 1025px) {
  .form__box:has(.wpcf7-radio) .wpcf7-list-item label {
    height: 4.1rem;
    padding: 0 0.9rem;
    font-size: 1.1rem;
  }
}
@media (width >= 1025px) {
  .form__box:has(.wpcf7-radio) .wpcf7-list-item label {
    height: 7rem;
    padding: 0 1.6rem;
    font-size: 1.6rem;
  }
}
.form__box:has(.wpcf7-radio) .wpcf7-list-item label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (width < 1025px) {
  .form__box:has(.wpcf7-radio) .wpcf7-list-item label:after {
    width: 1.4rem;
    height: 1.4rem;
  }
}
@media (width >= 1025px) {
  .form__box:has(.wpcf7-radio) .wpcf7-list-item label:after {
    width: 2rem;
    height: 2rem;
  }
}
.form__box:has(.wpcf7-radio) .wpcf7-list-item label:has(input:checked) {
  background-color: rgba(86, 100, 72, 0.3);
  border-color: rgba(86, 100, 72, 0.3);
}
@media (hover: hover) {
  .form__box:has(.wpcf7-radio) .wpcf7-list-item label:hover {
    background-color: rgba(86, 100, 72, 0.3);
    border-color: rgba(86, 100, 72, 0.3);
  }
}
.form__box:has(.wpcf7-radio) .wpcf7-list-item label input {
  display: none;
}
.form__box:has(.wpcf7-radio) .wpcf7-list-item:first-child label:after {
  background-image: url("../img/jewelry-icon.svg");
}
.form__box:has(.wpcf7-radio) .wpcf7-list-item:nth-child(2) label:after {
  background-image: url("../img/hight-jewelry-icon.svg");
}
.form__box:has(.wpcf7-radio) .wpcf7-list-item:nth-child(3) label:after {
  background-image: url("../img/care-services-icon.svg");
}
.form__box:has(.wpcf7-radio) .wpcf7-list-item:last-child label:after {
  background-image: url("../img/other-icon.svg");
}
.form__box textarea {
  margin-top: 0.4rem;
  border: 1px solid #000;
  border-radius: 0.6rem;
  width: 100%;
  font-family: inherit;
  outline: none;
}
@media (width < 1025px) {
  .form__box textarea {
    height: 4.5rem;
    padding: 0.5rem;
    font-size: 1.1rem;
  }
}
@media (width >= 1025px) {
  .form__box textarea {
    height: 9.7rem;
    padding: 0.6rem 1.8rem;
    font-size: 1.6rem;
  }
}
.form__box textarea::placeholder {
  opacity: 0.6;
}
.form__box select {
  width: 100%;
  padding: 0.5rem 0;
  border: none;
  line-height: normal;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  outline: none;
}
@media (width < 1025px) {
  .form__box select {
    margin-top: 1.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 1025px) {
  .form__box select {
    font-size: 1.6rem;
    margin-top: 3.2rem;
  }
}
@media (width < 1025px) {
  .form__box input[type=date] {
    margin-top: 1.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 1025px) {
  .form__box input[type=date] {
    font-size: 1.6rem;
    margin-top: 3.2rem;
  }
}
.form__box:has(.wpcf7-acceptance) .form__title {
  margin-bottom: 3rem;
}
.form__input input[type=text],
.form__input input[type=tel],
.form__input input[type=date],
.form__input input[type=email] {
  width: 100%;
  padding: 0.5rem 0;
  border: none;
  line-height: normal;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
}
@media (width < 1025px) {
  .form__input input[type=text],
  .form__input input[type=tel],
  .form__input input[type=date],
  .form__input input[type=email] {
    margin-top: 1.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 1025px) {
  .form__input input[type=text],
  .form__input input[type=tel],
  .form__input input[type=date],
  .form__input input[type=email] {
    font-size: 1.6rem;
    margin-top: 3.2rem;
  }
}
.form__input input[type=text]::placeholder,
.form__input input[type=tel]::placeholder,
.form__input input[type=date]::placeholder,
.form__input input[type=email]::placeholder {
  opacity: 0.6;
}
@media (width >= 1025px) {
  .form__input input[type=tel] {
    max-width: 30rem;
  }
}

.wpcf7-spinner {
  display: none;
}

.wpcf7-not-valid-tip {
  margin-top: 0.5rem;
  color: #b0282a;
  font-weight: normal;
  display: block;
  text-transform: uppercase;
}
@media (width < 768px) {
  .wpcf7-not-valid-tip {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .wpcf7-not-valid-tip {
    font-size: 1.2rem;
  }
}

.screen-reader-response {
  display: none;
}

.wpcf7-acceptance {
  display: block;
  color: #566448;
}
@media (width < 1025px) {
  .wpcf7-acceptance {
    margin-top: 2.3rem;
    font-size: 1.1rem;
  }
}
@media (width >= 1025px) {
  .wpcf7-acceptance {
    margin-top: 1.5rem;
    font-size: 1.6rem;
  }
}
.wpcf7-acceptance input {
  display: none;
}
.wpcf7-acceptance label {
  position: relative;
  display: flex;
  align-items: baseline;
  column-gap: 0.7rem;
  cursor: pointer;
  line-height: normal;
}
.wpcf7-acceptance label::before {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: transparent;
  transition: all 0.3s;
  content: "";
}
.wpcf7-acceptance label::after {
  position: absolute;
  left: 0.025rem;
  width: 1.1rem;
  height: 1.1rem;
  transition: opacity 0.2s;
  content: "";
  background: transparent;
  background-size: 70%;
  opacity: 0;
}
.wpcf7-acceptance label:hover::before {
  border-color: #566448;
}
.wpcf7-acceptance label:has(input:checked)::before {
  background-color: #566448;
}
.wpcf7-acceptance label:has(input:checked)::after {
  opacity: 1;
}

.wpcf7-submit:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.lang-nav {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.lang-nav:last-child {
  margin-left: auto;
}
.lang-nav > *:not(:first-child)::before {
  width: 0.1rem;
  background-color: #566448;
  content: "";
}
@media (width < 768px) {
  .lang-nav > *:not(:first-child)::before {
    height: 1.2rem;
  }
}
@media (width >= 768px) {
  .lang-nav > *:not(:first-child)::before {
    height: 1.4rem;
  }
}
.lang-nav li {
  display: contents;
  list-style-type: none;
}
.lang-nav a,
.lang-nav button {
  color: #566448;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  background-color: transparent;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s;
}
@media (width < 768px) {
  .lang-nav a,
  .lang-nav button {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .lang-nav a,
  .lang-nav button {
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .lang-nav a:hover,
  .lang-nav button:hover {
    opacity: 0.5;
  }
}

.link {
  position: relative;
  display: inline-block;
  line-height: normal;
}
.link:after {
  height: 0.1rem;
  width: 100%;
  max-width: 100%;
  display: block;
  content: "";
  background-color: #000;
  transition: 0.3s max-width;
}
.link:hover:after {
  max-width: 5rem;
}

.logo {
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (width < 768px) {
  .logo {
    width: 7.8rem;
    height: 2.6rem;
  }
}
@media (width >= 768px) {
  .logo {
    width: 14.7rem;
    height: 4.8rem;
  }
}
.logo svg {
  width: 100%;
  height: auto;
}

.slider__nav {
  display: contents;
  color: #000;
}
.slider__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
}
@media (width < 768px) {
  .slider__nav-btn {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (width >= 768px) {
  .slider__nav-btn {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.slider__nav-btn--prew {
  transform: rotate(180deg);
}

.slick-track {
  display: flex;
}
.slick-disabled {
  opacity: 0.3;
  cursor: default;
}

.social {
  width: max-content;
  margin-left: auto;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.social__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  overflow: hidden;
  transition: color 0.3s;
}
@media (width < 768px) {
  .social__link {
    width: 2.3rem;
    height: 2.3rem;
  }
}
@media (width >= 768px) {
  .social__link {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.social__link--linkedin svg {
  width: 2rem;
}
@media (hover: hover) {
  .social__link:hover {
    color: #566448;
  }
}

.spoiler__header {
  display: grid;
  grid-template-columns: 1fr 1.4rem;
  column-gap: 1rem;
  cursor: pointer;
}
.spoiler__container {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.spoiler__container > * {
  overflow: hidden;
}
.spoiler__btn {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.spoiler__btn::before, .spoiler__btn::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.4rem;
  height: 0.1rem;
  content: "";
  background-color: #000;
  transform: translateY(-50%);
}
.spoiler__btn::after {
  transform: translateY(-50%) rotate(90deg);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s;
}
.spoiler--show .spoiler__container {
  grid-template-rows: 1fr;
}
.spoiler--show .spoiler__btn::after {
  transform: translateY(-50%) rotate(0deg);
  opacity: 0;
}

.tab__nav {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
@media (width < 768px) {
  .tab__nav {
    margin: 3.3rem 0;
    column-gap: 3rem;
    justify-content: center;
  }
}
@media (width >= 768px) {
  .tab__nav {
    margin: 6.6rem 0;
    column-gap: 7rem;
  }
}
.tab__link {
  display: flex;
  flex-direction: column;
  position: relative;
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
  background-color: transparent;
}
@media (width < 768px) {
  .tab__link {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .tab__link {
    font-size: 2.5rem;
  }
}
.tab__link:after {
  width: 100%;
  max-width: 0;
  background-color: #000;
  content: "";
  transition: 0.3s max-width;
}
@media (width < 768px) {
  .tab__link:after {
    height: 0.1rem;
  }
}
@media (width >= 768px) {
  .tab__link:after {
    height: 0.2rem;
  }
}
@media (hover: hover) {
  .tab__link:hover:after {
    max-width: 30rem;
  }
}
.tab__link--current {
  font-weight: 500;
}
.tab__link--current:after {
  max-width: 30rem;
}

.topnav-menu {
  display: flex;
}
@media (width < 768px) {
  .topnav-menu {
    flex-direction: column;
  }
}
@media (width >= 768px) {
  .topnav-menu {
    align-items: center;
    column-gap: 1rem;
  }
}
@media (width < 768px) {
  .topnav-menu > .topnav__item {
    display: none;
  }
}
@media (width >= 768px) {
  .topnav-menu > .topnav__item {
    display: flex;
    align-items: center;
    column-gap: 1rem;
  }
}
@media (width >= 768px) {
  .topnav-menu > .topnav__item::before {
    width: 0.1rem;
    height: 1.4rem;
    background-color: #566448;
    content: "";
  }
}
.topnav-menu > .topnav__item > .topnav__link {
  color: #566448;
}
@media (width >= 768px) {
  .topnav-menu > .topnav__item > .topnav__link {
    font-size: 1.6rem;
  }
}
@media (width < 768px) {
  .topnav-menu > .topnav__toggle {
    display: none;
  }
}
@media (width >= 768px) {
  .topnav-menu > .topnav__toggle {
    color: #566448;
    font-size: 1.6rem;
  }
}

.topnav__item {
  position: relative;
}
.topnav__item--active > .topnav__link,
.topnav__item--active > .topnav__toggle {
  font-weight: 500;
}

.topnav__link,
.topnav__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: #000;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s;
}
@media (width >= 768px) {
  .topnav__link,
  .topnav__toggle {
    font-size: 1.4rem;
  }
}

@media (hover: hover) {
  .topnav__link:hover {
    opacity: 0.5;
  }
}

.topnav__toggle {
  background: none;
  border: none;
}
@media (hover: hover) {
  .topnav__toggle:hover {
    opacity: 0.5;
  }
}
.topnav__toggle[aria-expanded=true] .topnav__chevron {
  transform: rotate(180deg);
}

@media (width < 768px) {
  .topnav__chevron {
    display: none;
  }
}
@media (width >= 768px) {
  .topnav__chevron {
    width: 0.7rem;
    height: 0.4rem;
    display: inline-flex;
    align-items: center;
    transition: transform 0.2s ease;
    overflow: hidden;
  }
}

.topnav__thumb {
  display: block;
  object-fit: cover;
  flex-shrink: 0;
}
@media (width < 768px) {
  .topnav__thumb {
    height: 15.6rem;
    width: 100%;
  }
}
@media (width >= 768px) {
  .topnav__thumb {
    height: 16.3rem;
  }
}

@media (width < 768px) {
  .topnav-menu-lvl-1 {
    position: relative;
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-1 {
    position: absolute;
    z-index: 1;
    top: 7.5rem;
    left: calc(62.5rem - 50vw);
    width: 100vw;
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    transition: max-height 0.5s ease;
  }
  .topnav-menu-lvl-1--open {
    max-height: 50rem;
  }
}
.topnav-menu-lvl-1__box {
  display: flex;
}
@media (width < 768px) {
  .topnav-menu-lvl-1__box {
    flex-direction: column;
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-1__box {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 6.4rem;
    padding: 5.6rem calc(50vw - 62.5rem) 1.4rem;
  }
}
@media (width < 768px) {
  .topnav-menu-lvl-1__box > .topnav__item .topnav__link, .topnav-menu-lvl-1__box > .topnav__toggle {
    width: 100%;
    justify-content: space-between;
    padding: 1.2rem 1.8rem;
    font-size: 1.3rem;
  }
  .topnav-menu-lvl-1__box > .topnav__item .topnav__link:after, .topnav-menu-lvl-1__box > .topnav__toggle:after {
    width: 2rem;
    height: 2rem;
    content: "";
    background: url("../img/chevron-right.svg") no-repeat center;
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-1 .topnav__toggle {
    text-decoration: underline;
  }
}
@media (width < 768px) {
  .topnav-menu-lvl-1 .topnav__toggle--active {
    justify-content: flex-start;
  }
  .topnav-menu-lvl-1 .topnav__toggle--active:after {
    transform: rotate(180deg);
    order: -1;
  }
}

.topnav-menu-lvl-2 {
  order: 1;
}
@media (width < 768px) {
  .topnav-menu-lvl-2 {
    position: absolute;
    top: 6rem;
    z-index: 1;
    width: 100vw;
    height: calc(100vh - 15rem);
    padding: 2rem;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform 0.4s ease;
    overflow: auto;
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-2 {
    position: relative;
    width: 100%;
    max-height: 0;
    transition: max-height 0.4s ease;
  }
}
@media (width < 768px) {
  .topnav-menu-lvl-2--open {
    transform: translateX(0);
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-2--open {
    max-height: 50rem;
  }
}
.topnav-menu-lvl-2__box {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 3rem;
}
@media (width >= 768px) {
  .topnav-menu-lvl-2__box {
    margin-top: 1.4rem;
    padding-top: 5rem;
  }
  .topnav-menu-lvl-2__box::before {
    position: absolute;
    top: 1.4rem;
    left: calc(-50vw + 62.5rem);
    width: 100vw;
    height: 0.1rem;
    background-color: #566448;
    content: "";
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-2__wrapper {
    max-width: 95rem;
    padding: 0 0.5rem 1rem;
    overflow: auto;
    scroll-snap-align: start;
  }
}
@media (width < 768px) {
  .topnav-menu-lvl-2__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.5rem 2rem;
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-2__content {
    display: flex;
    align-items: flex-start;
    column-gap: 8rem;
  }
}
.topnav-menu-lvl-2 .topnav__link {
  flex-direction: column;
}
@media (width < 768px) {
  .topnav-menu-lvl-2 .topnav__link {
    width: 100%;
    row-gap: 2.6rem;
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-2 .topnav__link {
    width: 17.3rem;
    row-gap: 2.8rem;
  }
}
@media (width >= 768px) {
  .topnav-menu-lvl-2 .topnav__item {
    scroll-snap-align: center;
  }
}
.topnav-menu-lvl-2 .topnav__item--parent .topnav__link {
  position: relative;
  width: max-content;
  display: inline-block;
  line-height: normal;
}
.topnav-menu-lvl-2 .topnav__item--parent .topnav__link:after {
  height: 0.1rem;
  width: 100%;
  max-width: 100%;
  display: block;
  content: "";
  background-color: #000;
  transition: max-width 0.3s;
}
@media (hover: hover) {
  .topnav-menu-lvl-2 .topnav__item--parent .topnav__link:hover:after {
    max-width: 5rem;
  }
}

@media (width < 768px) {
  .advantages {
    padding-top: 3rem;
  }
}
@media (width >= 768px) {
  .advantages {
    padding-top: 10rem;
  }
}
.advantages__desc {
  font-style: italic;
  line-height: normal;
  text-align: center;
  color: #566448;
}
@media (width < 768px) {
  .advantages__desc {
    font-size: 0.8rem;
  }
}
@media (width >= 768px) {
  .advantages__desc {
    max-width: 57rem;
    margin: 0 auto;
    font-size: 1.4rem;
  }
}
.advantages__list {
  display: flex;
  justify-content: space-between;
}
@media (width < 768px) {
  .advantages__list {
    margin-top: 4.7rem;
    flex-direction: column;
    row-gap: 3.87rem;
  }
}
@media (width >= 768px) {
  .advantages__list {
    width: 114.4rem;
    margin: 8.5rem auto 0;
  }
}
.advantages__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (width < 768px) {
  .advantages__item {
    row-gap: 2.3rem;
  }
}
@media (width >= 768px) {
  .advantages__item {
    row-gap: 2.5rem;
  }
}
.advantages__img {
  margin: 0 auto;
}
@media (width < 768px) {
  .advantages__img {
    width: 1.9rem;
    height: 1.9rem;
  }
}
@media (width >= 768px) {
  .advantages__img {
    width: 3.6rem;
    height: 3.6rem;
  }
}
.advantages__img img {
  width: 100%;
  height: auto;
}
.advantages__text {
  line-height: normal;
  color: #566448;
}
@media (width < 768px) {
  .advantages__text {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .advantages__text {
    font-size: 1.4rem;
  }
}

@media (width < 768px) {
  .achievements {
    margin-top: 6rem;
  }
}
@media (width >= 768px) {
  .achievements {
    margin-top: 10rem;
  }
}
.achievements .section__title {
  font-weight: 600;
}
@media (width < 768px) {
  .achievements .section__title {
    text-align: center;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .achievements .section__title {
    font-size: 2.4rem;
    max-width: 41rem;
    text-align: center;
  }
}
.achievements .wrap {
  display: grid;
}
@media (width < 768px) {
  .achievements .wrap {
    row-gap: 1.7rem;
  }
}
@media (width >= 768px) {
  .achievements .wrap {
    align-items: center;
    max-width: 144rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.achievements__box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (width < 768px) {
  .achievements__box {
    padding-top: 1.7rem;
    row-gap: 2.4rem;
  }
}
@media (width >= 768px) {
  .achievements__box {
    row-gap: 7rem;
  }
}
.achievements__container {
  display: grid;
}
@media (width < 768px) {
  .achievements__container {
    column-gap: 3.7rem;
    grid-template-columns: 2.5rem 20.8rem 2.5rem;
  }
}
@media (width >= 768px) {
  .achievements__container {
    column-gap: 2.3rem;
    grid-template-columns: 3.8rem 31.9rem 3.8rem;
  }
}
.achievements__list {
  overflow: hidden;
}
@media (width < 768px) {
  .achievements .slider__nav-btn {
    margin-top: 11.5rem;
  }
}
@media (width >= 768px) {
  .achievements .slider__nav-btn {
    margin-top: 18.4rem;
  }
}
.achievements .slider__nav-btn--prew {
  order: -1;
}
.achievements__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
}
@media (width < 768px) {
  .achievements__item {
    row-gap: 1.5rem;
  }
}
.achievements__bg {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .achievements__bg {
    height: 38.9rem;
  }
}
@media (width >= 768px) {
  .achievements__bg {
    height: 90rem;
  }
}
.achievements__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.achievements__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .achievements__img {
    height: 25.5rem;
  }
}
@media (width >= 768px) {
  .achievements__img {
    height: 38.9rem;
  }
}
.achievements__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width < 768px) {
  .achievements__title {
    margin-top: 0.8rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .achievements__title {
    margin-top: 3.4rem;
    font-size: 1.8rem;
    text-transform: uppercase;
  }
}
.achievements__price {
  display: block;
  color: #566448;
}
@media (width < 768px) {
  .achievements__price {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .achievements__price {
    font-size: 1.4rem;
  }
}
@media (width < 768px) {
  .achievements .btn {
    height: 2.4rem;
    max-width: 12rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .achievements .btn {
    height: 3.6rem;
    max-width: 19.2rem;
    margin-top: 2.4rem;
    font-size: 1.4rem;
  }
}
.achievements__link {
  color: #566448;
  opacity: 1;
  transition: opacity 0.3s;
}
@media (width < 768px) {
  .achievements__link {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .achievements__link {
    margin-top: 3.4rem;
    font-size: 1.4rem;
  }
}
@media (hover: hover) {
  .achievements__link:hover {
    opacity: 0.5;
  }
}
.achievements .slider__nav-btn {
  color: #000;
}

@media (width < 768px) {
  .asha-box {
    margin-top: 4rem;
  }
}
@media (width >= 768px) {
  .asha-box {
    margin-top: 8rem;
  }
}
.asha-box .wrap {
  display: grid;
}
@media (width < 768px) {
  .asha-box .wrap {
    row-gap: 1.8rem;
  }
}
@media (width >= 768px) {
  .asha-box .wrap {
    align-items: center;
    grid-template-columns: 66rem 60rem;
    column-gap: 6rem;
  }
}
.asha-box .section__title {
  font-weight: 600;
}
@media (width < 768px) {
  .asha-box .section__title {
    text-align: center;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .asha-box .section__title {
    font-size: 2.4rem;
  }
}
.asha-box .section__desc {
  color: #566448;
}
@media (width < 768px) {
  .asha-box .section__desc {
    margin-top: 1.8rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 136%;
  }
}
@media (width >= 768px) {
  .asha-box .section__desc {
    margin-top: 4rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.asha-box__container {
  display: flex;
  flex-direction: column;
}
.asha-box__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .asha-box__img {
    order: -1;
    width: 100vw;
    height: 27.9rem;
    margin: 0 -2rem;
  }
}
@media (width >= 768px) {
  .asha-box__img {
    height: 41.7rem;
  }
}
.asha-box__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.concierge-service {
  display: grid;
}
@media (width < 768px) {
  .concierge-service {
    margin-top: 3.3rem;
    row-gap: 4.2rem;
  }
}
@media (width >= 768px) {
  .concierge-service {
    margin-top: 6.2rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 6rem;
  }
}
.concierge-service__item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (width < 768px) {
  .concierge-service__item {
    row-gap: 2.5rem;
  }
}
@media (width >= 768px) {
  .concierge-service__item {
    row-gap: 4.8rem;
  }
}
.concierge-service__box {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.concierge-service__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .concierge-service__img {
    height: 30.5rem;
  }
}
@media (width >= 768px) {
  .concierge-service__img {
    height: 40rem;
  }
}
.concierge-service__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.concierge-service__title {
  font-weight: 600;
}
@media (width < 768px) {
  .concierge-service__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .concierge-service__title {
    font-size: 2.5rem;
  }
}
.concierge-service__desc {
  text-align: center;
  color: #566448;
}
@media (width < 768px) {
  .concierge-service__desc {
    margin-top: 2.6rem;
    font-size: 1.1rem;
    line-height: 255%;
  }
}
@media (width >= 768px) {
  .concierge-service__desc {
    margin-top: 2.4rem;
    margin-bottom: 5rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
@media (width < 768px) {
  .concierge-service__desc p:not(:first-child) {
    margin-top: 1.9rem;
  }
}
@media (width >= 768px) {
  .concierge-service__desc p:not(:first-child) {
    margin-top: 3.5rem;
  }
}
@media (width < 768px) {
  .concierge-service .btn {
    width: 18.5rem;
    margin: 2.6rem auto 0;
    height: 2.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .concierge-service .btn {
    max-width: 26rem;
    margin: auto auto 0;
    height: 3.5rem;
    font-size: 1.6rem;
  }
}

.explore {
  position: relative;
}
@media (width < 768px) {
  .explore {
    margin-top: 6rem;
  }
}
.explore .wrap {
  display: grid;
}
@media (width < 768px) {
  .explore .wrap {
    row-gap: 6rem;
  }
}
@media (width >= 768px) {
  .explore .wrap {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10.4rem;
  }
}
.explore__item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media (width < 768px) {
  .explore__item {
    row-gap: 1.9rem;
  }
}
@media (width >= 768px) {
  .explore__item {
    row-gap: 3.3rem;
  }
}
.explore__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .explore__img {
    height: 33rem;
  }
}
@media (width >= 768px) {
  .explore__img {
    height: 54.1rem;
  }
}
.explore__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s transform;
  transform: scale(1);
}
@media (hover: hover) {
  .explore__img:link:hover img {
    transform: scale(1.1);
  }
}
.explore__link {
  color: #000;
}
@media (width < 768px) {
  .explore__link {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .explore__link {
    font-size: 1.4rem;
  }
}

@media (width < 768px) {
  .footer {
    margin-top: 6rem;
  }
}
@media (width >= 768px) {
  .footer {
    margin-top: 10rem;
  }
}
.footer-top {
  padding: 3.6rem 0 0;
  border-top: 1px solid rgba(86, 100, 72, 0.29);
}
.footer-top .wrap {
  display: grid;
}
@media (width < 768px) {
  .footer-top .wrap {
    row-gap: 3rem;
  }
}
@media (width >= 768px) {
  .footer-top .wrap {
    grid-template-columns: 33.8rem 24rem 24rem;
    column-gap: 16.8rem;
    row-gap: 2.6rem;
  }
}
@media (width < 768px) {
  .footer-middle {
    padding: 4rem 0;
  }
}
@media (width >= 768px) {
  .footer-middle {
    padding: 0.7rem 0 1.3rem;
  }
}
.footer-middle .wrap {
  display: flex;
  align-items: center;
}
@media (width >= 768px) {
  .footer-middle .wrap {
    max-width: 125rem;
  }
}
.footer-bottom {
  border-top: 1px solid rgba(86, 100, 72, 0.29);
}
@media (width < 768px) {
  .footer-bottom {
    padding: 2rem 0;
  }
}
@media (width >= 768px) {
  .footer-bottom {
    padding: 2.6rem 0;
  }
}
.footer-bottom .wrap {
  display: flex;
  justify-content: center;
}
@media (width >= 768px) {
  .footer__nav {
    padding-top: 1.8rem;
  }
  .footer__nav .spoiler__header,
  .footer__nav .spoiler__container {
    display: contents;
    cursor: inherit;
  }
  .footer__nav .spoiler__btn {
    display: none;
  }
}
@media (width < 768px) {
  .footer__title {
    font-size: 1.6rem;
    text-transform: uppercase;
  }
}
@media (width >= 768px) {
  .footer__title {
    font-size: 1.9rem;
  }
}
.footer__img {
  overflow: hidden;
}
@media (width < 768px) {
  .footer__img {
    width: 35rem;
    height: 31.7rem;
  }
}
@media (width >= 768px) {
  .footer__img {
    height: 41.9rem;
    grid-row: 1/3;
  }
}
.footer__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer .logo {
  color: #566448;
}

.header {
  position: sticky;
  z-index: 10;
  top: 0;
  width: 100vw;
  background-color: #fff;
  border-bottom: 1px solid rgba(86, 100, 72, 0.29);
  transition: 0.3s background-color, 0.3s border-color;
}
.header .logo {
  color: #566448;
  transition: 0.3s color;
}
@media (width < 768px) {
  .header {
    padding: 1.4em 0;
  }
}
@media (width >= 768px) {
  .header {
    padding: 4.1em 0;
  }
}
.header .wrap {
  align-items: center;
}
@media (width < 768px) {
  .header .wrap {
    display: flex;
    column-gap: 2rem;
  }
}
@media (width >= 768px) {
  .header .wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.header .logo {
  justify-self: center;
}
@media (width < 768px) {
  .header .logo {
    width: 7.8rem;
    margin: 0 auto;
  }
}
@media (width >= 768px) {
  .header .logo {
    max-width: 15.1rem;
  }
}
@media (width < 768px) {
  .header__actions {
    display: contents;
  }
}
@media (width >= 768px) {
  .header__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 1.1rem;
  }
}
.header .btn {
  width: 2rem;
  height: 2rem;
  color: #566448;
  opacity: 1;
  transition: opacity 0.3s;
}
.header .btn svg {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .header .btn:hover {
    opacity: 0.5;
  }
}
.header__icon--favourite {
  position: relative;
}
@media (width < 768px) {
  .header__icon--favourite {
    display: none;
  }
}
@media (width < 768px) {
  .header__icon--search {
    order: -1;
  }
}
.header__icon-count {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: 1.6rem;
  padding: 0 0.3rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  background-color: #566448;
  border-radius: 50%;
}
.header__icon-count.is-hidden {
  display: none;
}
@media (width < 768px) {
  .header__btn {
    order: -1;
    position: relative;
    width: 2.2rem;
    height: 1.4rem;
    color: #566448;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transform: rotate(0deg);
    transition: 0.2s transform;
  }
  .header__btn svg {
    position: absolute;
    transition: 0.5s all bounceIn;
  }
  .header__btn-burger {
    width: 2.2rem;
    height: auto;
    opacity: 1;
    visibility: visible;
  }
  .header__btn-cross {
    width: 1.4rem;
    height: auto;
    opacity: 0;
    visibility: hidden;
  }
  .header__btn--active {
    transform: rotate(270deg);
  }
  .header__btn--active .header__btn-burger {
    opacity: 0;
    visibility: hidden;
  }
  .header__btn--active .header__btn-cross {
    opacity: 1;
    visibility: visible;
  }
}
@media (width >= 768px) {
  .header__btn {
    display: none;
  }
}
@media (width < 768px) {
  .header__link {
    width: 100%;
    padding: 1.2rem 1.8rem;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    font-size: 1.3rem;
    color: #000;
  }
  .header__link svg {
    width: 1.4rem;
    height: 1.4rem;
  }
}
@media (width < 768px) {
  .header__nav {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #566448;
  }
}
@media (width >= 768px) {
  .header__nav {
    display: none;
  }
}
@media (width < 768px) {
  .header__navbar {
    position: fixed;
    z-index: 10;
    top: 5.3rem;
    left: 0;
    width: 100vw;
    height: calc(100dvh - 5.3rem);
    padding: 2rem 0 6rem;
    background-color: #fff;
    transform: translateX(100%);
    transition: 0.3s transform;
  }
  .header__navbar--open {
    transform: translateX(0%);
  }
}
.header--clean {
  background-color: transparent;
  border-bottom-color: transparent;
}
.header--clean .logo {
  color: #fff;
}
.header--clean .btn {
  color: #fff;
}
.header--clean .topnav-menu > .topnav__toggle {
  color: #fff;
}
.header--clean .topnav-menu > .topnav__item::before {
  background-color: #fff;
}
.header--clean .topnav-menu > .topnav__item > .topnav__link {
  color: #fff;
}
.header--clean .header__icon-count {
  background-color: #fff;
  color: #000;
}
.header--clean .header__btn {
  color: #fff;
}

@media (width < 768px) {
  .hope {
    margin-top: 5.5rem;
  }
}
@media (width >= 768px) {
  .hope {
    margin-top: 10rem;
  }
}
.hope .section__title {
  font-weight: 600;
}
@media (width < 768px) {
  .hope .section__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .hope .section__title {
    font-size: 2.4rem;
  }
}
.hope .section__desc {
  text-align: center;
}
@media (width < 768px) {
  .hope .section__desc {
    font-size: 0.8rem;
  }
}
@media (width >= 768px) {
  .hope .section__desc {
    font-size: 1.6rem;
  }
}
.hope .wrap {
  display: flex;
  flex-direction: column;
}
@media (width < 768px) {
  .hope .wrap {
    row-gap: 2.5rem;
  }
}
@media (width >= 768px) {
  .hope .wrap {
    max-width: 133.5rem;
  }
}
.hope__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
}
@media (width < 768px) {
  .hope__header {
    row-gap: 0.8rem;
  }
}
@media (width >= 768px) {
  .hope__header {
    max-width: 69rem;
    margin: 0 auto;
    row-gap: 2.6rem;
  }
}
.hope__container {
  display: grid;
}
@media (width < 768px) {
  .hope__container {
    grid-template-columns: 2rem 1fr 2rem;
  }
}
@media (width >= 768px) {
  .hope__container {
    align-items: center;
    grid-template-columns: 3.8rem 1fr 3.8rem;
    column-gap: 0.4rem;
  }
}
.hope__list {
  overflow: hidden;
}
@media (width < 768px) {
  .hope__list .slick-list {
    margin-right: -3.2rem;
  }
}
@media (width >= 768px) {
  .hope__list .slick-list {
    margin-right: -5.7rem;
  }
}
.hope .slider__nav-btn {
  color: #000;
}
@media (width < 768px) {
  .hope .slider__nav-btn {
    width: 2rem;
    height: 2rem;
    margin-top: 8rem;
  }
}
.hope .slider__nav-btn--prew {
  order: -1;
}
.hope__link {
  color: #000;
  text-transform: uppercase;
  opacity: 1;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .hope__link:hover {
    opacity: 0.5;
  }
}
.hope__details {
  overflow: hidden;
  transition: max-height 0.5s;
  background-color: #fff;
}
@media (width >= 768px) {
  .hope__details {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 6.4rem;
  }
}
.hope__details-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
}
@media (width < 768px) {
  .hope__details-box {
    padding: 1.5rem 1.5rem 0;
    row-gap: 1rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .hope__details-box {
    padding: 2.6rem 1.2rem 0;
    row-gap: 2.3rem;
    font-size: 1.4rem;
  }
}
@media (width < 768px) {
  .hope__desc {
    font-size: 0.8rem;
  }
}
@media (width >= 768px) {
  .hope__desc {
    font-size: 1.4rem;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s visibility, 0.3s opacity;
  }
}
@media (width < 768px) {
  .hope__item {
    padding-right: 3.2rem;
  }
}
@media (width >= 768px) {
  .hope__item {
    padding-right: 5.7rem;
  }
}
@media (hover: hover) {
  .hope__item:hover .hope__details {
    max-height: 15rem;
  }
  .hope__item:hover .hope__desc {
    opacity: 1;
    visibility: visible;
  }
}
.hope__item-box {
  position: relative;
}
@media (width < 768px) {
  .hope__img {
    height: 18.1rem;
  }
}
@media (width >= 768px) {
  .hope__img {
    height: 40.4rem;
  }
}
.hope__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (width < 768px) {
  .product-related {
    margin-top: 4.5rem;
    padding-top: 4.5rem;
    border-top: 1px solid #566448;
  }
}
@media (width >= 768px) {
  .product-related {
    margin-top: 10.6rem;
  }
}
.product-related .section__title {
  font-weight: 600;
}
@media (width < 768px) {
  .product-related .section__title {
    text-align: center;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .product-related .section__title {
    font-size: 2rem;
  }
}
.product-related .wrap {
  display: grid;
}
@media (width < 768px) {
  .product-related .wrap {
    row-gap: 1.7rem;
  }
}
@media (width >= 768px) {
  .product-related .wrap {
    max-width: 144rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-related__box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (width < 768px) {
  .product-related__box {
    row-gap: 3.2rem;
  }
}
@media (width >= 768px) {
  .product-related__box {
    padding-top: 18rem;
    row-gap: 8rem;
  }
}
.product-related__container {
  display: grid;
}
@media (width < 768px) {
  .product-related__container {
    column-gap: 3.7rem;
    grid-template-columns: 2.5rem 20.8rem 2.5rem;
  }
}
@media (width >= 768px) {
  .product-related__container {
    column-gap: 2.3rem;
    grid-template-columns: 3.8rem 31.9rem 3.8rem;
  }
}
.product-related__list {
  overflow: hidden;
}
@media (width < 768px) {
  .product-related .slider__nav-btn {
    margin-top: 11.5rem;
  }
}
@media (width >= 768px) {
  .product-related .slider__nav-btn {
    margin-top: 18.4rem;
  }
}
.product-related .slider__nav-btn--prew {
  order: -1;
}
.product-related__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
}
.product-related__bg {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .product-related__bg {
    height: 43.8rem;
  }
}
@media (width >= 768px) {
  .product-related__bg {
    height: 90rem;
  }
}
.product-related__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-related__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .product-related__img {
    height: 25.5rem;
  }
}
@media (width >= 768px) {
  .product-related__img {
    height: 38.9rem;
  }
}
.product-related__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width < 768px) {
  .product-related__title {
    margin-top: 1.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-related__title {
    margin-top: 2.5rem;
    font-size: 1.4rem;
  }
}
.product-related__price {
  display: block;
  color: #566448;
}
@media (width < 768px) {
  .product-related__price {
    margin-top: 1.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-related__price {
    margin-top: 0.5rem;
    font-size: 1.2rem;
  }
}
@media (width < 768px) {
  .product-related .btn {
    height: 2.4rem;
    max-width: 12rem;
    margin-top: 2.3rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-related .btn {
    height: 3rem;
    max-width: 16rem;
    margin-top: 1.7rem;
  }
}
.product-related__link {
  color: #566448;
  opacity: 1;
  transition: opacity 0.3s;
}
@media (width < 768px) {
  .product-related__link {
    margin-top: 2.2rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-related__link {
    margin-top: 3.9rem;
    font-size: 1.3rem;
  }
}
@media (hover: hover) {
  .product-related__link:hover {
    opacity: 0.5;
  }
}
.product-related .slider__nav-btn {
  color: #000;
}

@media (width < 768px) {
  .product-size {
    margin-top: 2.6rem;
  }
}
@media (width >= 768px) {
  .product-size {
    margin-top: 3.2rem;
  }
}
.product-size__header {
  width: 100%;
  padding: 0.4rem;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #000;
  cursor: pointer;
  color: #566448;
  transition: 0.3s color, 0.3s border-color, 0.3s background-color;
}
@media (width < 768px) {
  .product-size__header {
    height: 3.5rem;
  }
}
@media (width >= 768px) {
  .product-size__header {
    height: 3.7rem;
  }
}
@media (hover: hover) {
  .product-size__header:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
  }
}
.product-size__header[aria-expanded=true] {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.product-size__label {
  margin: 0 auto;
}
@media (width < 768px) {
  .product-size__label {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-size__label {
    font-size: 1.6rem;
  }
}
.product-size__chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (width < 768px) {
  .product-size__chevron {
    width: 1.9rem;
    height: 1.9rem;
  }
}
@media (width >= 768px) {
  .product-size__chevron {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.product-size__chevron svg {
  height: auto;
}
@media (width < 768px) {
  .product-size__chevron svg {
    width: 0.9rem;
  }
}
@media (width >= 768px) {
  .product-size__chevron svg {
    width: 1.1rem;
  }
}
.product-size__dropdown {
  padding: 0.6rem 0.8rem;
  border: 1px solid #566448;
  background-color: #f9fbf8;
}
.product-size__dropdown-hint {
  padding: 0.6rem 0;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  color: #566448;
  font-size: 1.2rem;
}
.product-size__dropdown-hint svg {
  width: 1rem;
  height: 0.6rem;
}
.product-size__list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
}
.product-size__option {
  color: #566448;
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}
.product-size__text {
  font-size: 1.2rem;
}
.product-size__checkbox {
  width: 1rem;
  height: 1rem;
  border: 1px solid #566448;
  background-color: transparent;
}
.product-size__radio:checked ~ .product-size__checkbox {
  background-color: #566448;
}

.saved-grid {
  display: grid;
}
@media (width < 768px) {
  .saved-grid {
    margin-top: 2rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (width >= 768px) {
  .saved-grid {
    margin-top: 10.8rem;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
  }
}
@media (width < 768px) {
  .saved-grid--wide {
    margin-top: 3.3rem;
  }
}
@media (width >= 768px) {
  .saved-grid--wide {
    grid-template-columns: repeat(4, 1fr);
  }
}
.saved-item {
  position: relative;
  display: flex;
  flex-direction: column;
}
.saved-item__img {
  display: block;
  background-color: #fdfbf9;
}
@media (width < 768px) {
  .saved-item__img {
    height: 14.1rem;
  }
}
@media (width >= 768px) {
  .saved-item__img {
    height: 26.5rem;
  }
}
.saved-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.saved-item__name {
  padding: 0 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  opacity: 1;
  transition: 0.3s opacity;
}
@media (width < 768px) {
  .saved-item__name {
    margin-top: 0.9rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .saved-item__name {
    margin-top: 1.9rem;
    font-size: 1.5rem;
  }
}
@media (hover: hover) {
  .saved-item__name:hover {
    opacity: 0.6;
  }
}
.saved-item__price {
  text-align: center;
  opacity: 0.5;
}
@media (width < 768px) {
  .saved-item__price {
    margin: 0.5rem 0 1.5rem;
    font-size: 1.5rem;
  }
}
@media (width >= 768px) {
  .saved-item__price {
    margin: 0.6rem 0 1.4rem;
    font-size: 1.5rem;
  }
}
.saved-item .btn--add-to-cart,
.saved-item .btn--bordered {
  margin-top: auto;
  max-width: 100%;
  opacity: 1;
}
@media (width < 768px) {
  .saved-item .btn--add-to-cart,
  .saved-item .btn--bordered {
    height: 2.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .saved-item .btn--add-to-cart,
  .saved-item .btn--bordered {
    height: 4.2rem;
    font-size: 1.6rem;
  }
}
.saved-item .btn--wishlist-remove {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  color: #000;
  opacity: 1;
  transition: 0.3s opacity;
}
@media (width < 768px) {
  .saved-item .btn--wishlist-remove {
    width: 1.2rem;
    height: 1.2rem;
  }
}
@media (width >= 768px) {
  .saved-item .btn--wishlist-remove {
    width: 1.6rem;
    height: 1.6rem;
  }
}
@media (hover: hover) {
  .saved-item .btn--wishlist-remove:hover {
    opacity: 0.6;
  }
}

@media (width < 768px) {
  .account {
    padding: 4.2rem 0 4.2rem;
  }
}
@media (width >= 768px) {
  .account {
    padding: 5rem 0 6.6rem;
  }
}
@media (width < 768px) {
  .account-box {
    margin-top: 4.7rem;
    display: flex;
    flex-direction: column;
  }
}
@media (width >= 768px) {
  .account-box {
    margin-top: 6rem;
    padding: 6.8rem;
    display: grid;
    background-color: #fdfbf9;
  }
}
@media (width < 768px) {
  .account-box__content {
    display: contents;
  }
}
.account-box__title {
  font-weight: 600;
  text-transform: uppercase;
}
@media (width < 768px) {
  .account-box__title {
    order: -1;
    font-size: 1.6rem;
    text-align: center;
  }
}
@media (width >= 768px) {
  .account-box__title {
    font-size: 2.5rem;
  }
}
@media (width < 768px) {
  .account-box__desc {
    order: -1;
    margin-top: 0.9rem;
    font-size: 1.1rem;
    line-height: normal;
  }
}
@media (width >= 768px) {
  .account-box__desc {
    margin-top: 2.2rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.account-box .account-box__img {
  overflow: hidden;
}
@media (width < 768px) {
  .account-box .account-box__img {
    order: -1;
    margin-top: 2.1rem;
    height: 16.6rem;
  }
}
.account-box .account-box__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width >= 768px) {
  .account-box--login {
    grid-template-columns: 1fr 45.6rem;
    column-gap: 21.6rem;
  }
}
@media (width >= 768px) {
  .account-box--login .account-box__img {
    width: 45.6rem;
    min-height: 29rem;
  }
}
@media (width >= 768px) {
  .account-box--registration {
    grid-template-columns: 1fr 45.6rem;
    column-gap: 21.6rem;
  }
}
@media (width >= 768px) {
  .account-box--registration .account-box__img {
    width: 45.6rem;
    min-height: 29rem;
  }
}
@media (width >= 768px) {
  .account-box--confirm {
    grid-template-columns: 1fr 53.1rem;
    column-gap: 18.6rem;
  }
}
@media (width >= 768px) {
  .account-box--confirm .account-box__img {
    width: 53.1rem;
    min-height: 28.8rem;
  }
}
.account-box .btn {
  text-transform: uppercase;
}
@media (width < 768px) {
  .account-box .btn {
    order: -1;
    min-width: 11.2rem;
    max-width: max-content;
    height: 2.6rem;
    margin: 3.2rem auto 0;
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account-box .btn {
    height: 5rem;
    margin-top: 3.5rem;
    padding: 1rem;
    font-size: 1.6rem;
  }
}
.account-header {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
@media (width < 768px) {
  .account-header {
    column-gap: 3rem;
  }
}
@media (width >= 768px) {
  .account-header {
    column-gap: 7rem;
  }
}
.account-header__text, .account-header__link {
  display: flex;
  flex-direction: column;
  position: relative;
  color: #000;
}
@media (width < 768px) {
  .account-header__text, .account-header__link {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .account-header__text, .account-header__link {
    font-size: 2.5rem;
  }
}
.account-header__text:after, .account-header__link:after {
  width: 100%;
  background-color: #000;
  content: "";
}
@media (width < 768px) {
  .account-header__text:after, .account-header__link:after {
    height: 0.1rem;
  }
}
@media (width >= 768px) {
  .account-header__text:after, .account-header__link:after {
    height: 0.2rem;
  }
}
.account-header__link {
  font-weight: 300;
}
.account-header__link:after {
  max-width: 0;
  transition: 0.3s max-width;
}
@media (hover: hover) {
  .account-header__link:hover:after {
    max-width: 30rem;
  }
}
.account-dashboard__box {
  position: relative;
  display: grid;
  align-items: flex-start;
}
@media (width < 768px) {
  .account-dashboard__box {
    margin-top: 4.2rem;
    row-gap: 4.2rem;
  }
}
@media (width >= 768px) {
  .account-dashboard__box {
    margin-top: 10rem;
    grid-template-columns: 24.7rem 1fr;
    column-gap: 12.8rem;
  }
}
.account-dashboard__list {
  display: grid;
  gap: 2rem;
}
@media (width >= 768px) {
  .account-dashboard__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.account-dashboard__item {
  position: relative;
  border: 1px solid rgba(86, 100, 72, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (width < 768px) {
  .account-dashboard__item {
    padding: 1.9rem;
    min-height: 13rem;
  }
}
@media (width >= 768px) {
  .account-dashboard__item {
    padding: 3rem 3.6rem;
    min-height: 20.2rem;
  }
}
.account-dashboard__item:hover {
  background-color: #566448;
  color: #fff;
  transition: color 0.3s, background-color 0.3s;
}
.account-dashboard__item-title {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width < 768px) {
  .account-dashboard__item-title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .account-dashboard__item-title {
    font-size: 2.5rem;
  }
}
.account-dashboard__item-desc {
  opacity: 0.7;
  text-wrap: balance;
}
@media (width < 768px) {
  .account-dashboard__item-desc {
    max-width: 17rem;
    font-size: 1.1rem;
    line-height: 164%;
  }
}
@media (width >= 768px) {
  .account-dashboard__item-desc {
    max-width: 24.2rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.account-dashboard__item-link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media (width < 768px) {
  .account-dashboard__item-icon {
    width: 4rem;
    height: 4rem;
  }
}
@media (width >= 768px) {
  .account-dashboard__item-icon {
    width: 4rem;
    height: 4rem;
  }
}
.account-greeting {
  display: grid;
}
@media (width < 768px) {
  .account-greeting {
    row-gap: 3.3rem;
  }
}
@media (width >= 768px) {
  .account-greeting {
    align-items: center;
    grid-template-columns: 78.4rem 1fr;
    column-gap: 6.2rem;
  }
}
.account-greeting__icon {
  overflow: hidden;
  color: #566448;
}
@media (width < 768px) {
  .account-greeting__icon {
    width: 2.1rem;
    height: 2.1rem;
  }
}
@media (width >= 768px) {
  .account-greeting__icon {
    width: 5.1rem;
    height: 5.1rem;
  }
}
.account-greeting__icon svg {
  width: 100%;
  height: auto;
}
@media (width < 768px) {
  .account-greeting__box {
    order: -1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.account-greeting .page__title {
  color: #566448;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
}
@media (width < 768px) {
  .account-greeting .page__title {
    margin-top: 1.8rem;
    font-size: 2rem;
  }
}
@media (width >= 768px) {
  .account-greeting .page__title {
    margin-top: 1.3rem;
    font-size: 4.8rem;
  }
}
@media (width < 768px) {
  .account-greeting .page__desc {
    width: 100%;
    margin-top: 0.9rem;
    text-align: center;
  }
}
@media (width >= 768px) {
  .account-greeting .page__desc {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.account-greeting .page__desc p {
  text-wrap: balance;
  line-height: normal;
}
@media (width < 768px) {
  .account-greeting .page__desc p {
    max-width: 28rem;
    margin: 0 auto;
  }
}
@media (width < 768px) {
  .account-greeting .page__desc p + p {
    margin-top: 1rem;
  }
}
@media (width < 768px) {
  .account-greeting .page__desc .btn {
    margin-top: 2.1rem;
    padding: 0.5rem;
    height: 2.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account-greeting .page__desc .btn {
    margin-top: 3.3rem;
    padding: 1rem;
    height: 5rem;
    font-size: 1.6rem;
  }
}
.account-greeting__img {
  width: 100%;
}
@media (width < 768px) {
  .account-greeting__img {
    height: 21.2rem;
  }
}
@media (width >= 768px) {
  .account-greeting__img {
    height: 38.4rem;
  }
}
.account-greeting__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.account-navbar {
  display: flex;
  flex-direction: column;
}
@media (width < 768px) {
  .account-navbar {
    width: 100vw;
    margin: 0 -2rem;
    padding: 0 2rem 1.6rem;
    border-bottom: 1px solid #566448;
  }
}
@media (width >= 768px) {
  .account-navbar {
    position: sticky;
    top: 3rem;
  }
}
@media (width >= 768px) {
  .account-navbar .spoiler__container {
    display: contents;
  }
}
.account-navbar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account-navbar__header-icon {
  background-color: transparent;
}
@media (width < 768px) {
  .account-navbar__header-icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: baseline;
  }
}
@media (width >= 768px) {
  .account-navbar__header-icon {
    display: none;
  }
}
.account-navbar__header-icon svg {
  width: 1.5rem;
  height: 0.8rem;
}
.account-navbar__title {
  font-weight: 600;
  text-transform: uppercase;
}
@media (width < 768px) {
  .account-navbar__title {
    font-size: 2rem;
  }
}
@media (width >= 768px) {
  .account-navbar__title {
    font-size: 2.5rem;
  }
}
@media (width < 768px) {
  .account-navbar .btn {
    max-width: 16rem;
    height: 2.6rem;
    margin-bottom: 2.6rem;
    font-size: 1.1rem;
  }
}
.account-nav {
  display: flex;
  flex-direction: column;
}
@media (width < 768px) {
  .account-nav {
    margin-top: 3rem;
    row-gap: 3rem;
  }
}
@media (width >= 768px) {
  .account-nav {
    margin-top: 4.2rem;
    row-gap: 2.5rem;
  }
}
.account-nav__link {
  position: relative;
  width: max-content;
  text-transform: uppercase;
  color: #566448;
  opacity: 0.4;
  transition: opacity 0.1s;
}
@media (width < 768px) {
  .account-nav__link {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .account-nav__link {
    font-size: 2rem;
  }
}
.account-nav__link:after {
  height: 0.1rem;
  width: 100%;
  max-width: 0;
  display: block;
  content: "";
  background-color: #566448;
  transition: 0.3s max-width;
}
@media (hover: hover) {
  .account-nav__link:hover {
    opacity: 1;
  }
  .account-nav__link:hover:after {
    max-width: 100%;
  }
}
.account-nav__link--active {
  opacity: 1;
}
.account-nav__link--active:after {
  max-width: 100%;
}
.account__submit-box {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
}
@media (width < 768px) {
  .account__submit-box .btn {
    min-width: 11.2rem;
    max-width: max-content;
    height: 2.6rem;
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account__submit-box .btn {
    max-width: 30rem;
    height: 5rem;
    font-size: 1.6rem;
  }
}
.account__field {
  position: relative;
  display: flex;
  border-bottom: 0.1rem solid #000;
}
.account__field input {
  flex-grow: 1;
  margin: 0.5rem 0;
  text-transform: uppercase;
  color: #000;
  border: none;
  background-color: transparent;
  font-family: inherit;
}
@media (width < 768px) {
  .account__field input {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account__field input {
    font-size: 1.6rem;
  }
}
.account__field input::placeholder {
  opacity: 0.5;
}
.account__field input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}
.account__field select {
  width: 100%;
  border: none;
  outline: none;
  font-family: inherit;
  text-transform: uppercase;
  color: #000;
}
@media (width < 768px) {
  .account__field select {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account__field select {
    font-size: 1.6rem;
  }
}
.account__field select:invalid {
  opacity: 0.3;
}
.account__field .password-input {
  flex-grow: 1;
}
.account__field-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #566448;
  opacity: 0.5;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.account__field-error {
  position: absolute;
  bottom: -1.8rem;
  color: #b0282a;
  text-transform: uppercase;
}
@media (width < 768px) {
  .account__field-error {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account__field-error {
    font-size: 1.2rem;
  }
}
.account__checkbox-label {
  position: relative;
  display: flex;
  align-items: baseline;
  column-gap: 0.7rem;
  cursor: pointer;
  line-height: normal;
}
.account__checkbox-label::before {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: transparent;
  transition: all 0.3s;
  content: "";
}
.account__checkbox-label::after {
  position: absolute;
  left: 0.025rem;
  width: 1.1rem;
  height: 1.1rem;
  transition: opacity 0.2s;
  content: "";
  background: transparent;
  background-size: 70%;
  opacity: 0;
}
.account__checkbox-label:hover::before {
  border-color: #566448;
}
.account__checkbox-label:has(input:checked)::before {
  background-color: #566448;
}
.account__checkbox-label:has(input:checked)::after {
  opacity: 1;
}
.account__checkbox-label span {
  font-size: 1.6rem;
  color: #566448;
  text-transform: uppercase;
}
.account__consents {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.account__password-toggle {
  max-width: 1.9rem;
  display: flex;
  overflow: hidden;
  background-color: transparent;
  cursor: pointer;
}
.account__password-toggle.is-visible .account__password-icon--hide {
  display: inherit;
}
.account__password-toggle.is-visible .account__password-icon--show {
  display: none;
}
.account__password-icon {
  max-width: 1.9rem;
  max-height: 1.8rem;
  color: #566448;
  opacity: 0.6;
  flex-shrink: 0;
}
.account__password-icon svg {
  width: 100%;
  height: auto;
}
.account__password-icon--hide {
  display: none;
}
.account__login, .account__register {
  margin-top: 4.4rem;
  display: flex;
  flex-direction: column;
  row-gap: 3.4rem;
}
.account__logout {
  margin-top: 3.3rem;
  padding: 1rem;
  width: 21.4rem;
  height: 4.2rem;
  font-size: 1.6rem;
}
.account-action {
  display: flex;
  justify-content: space-between;
}
.account-action .link {
  text-transform: uppercase;
  color: #566448;
}
@media (width < 768px) {
  .account-action .link {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account-action .link {
    font-size: 1.6rem;
  }
}
.account__terms {
  line-height: normal;
}
@media (width < 768px) {
  .account__terms {
    margin-top: 3.7rem;
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .account__terms {
    margin-top: 4rem;
    font-size: 1.6rem;
  }
}
.account__terms a {
  font-weight: 700;
  color: #000;
  transition: 0.3s color;
}
@media (hover: hover) {
  .account__terms a:hover {
    color: #566448;
  }
}
.account {
  /* ---------------------------------------------------------------
     * Shared section title used by Profile / Orders / Order details
     * ------------------------------------------------------------- */
}
.account-profile__title {
  font-weight: 600;
  text-transform: uppercase;
}
@media (width < 768px) {
  .account-profile__title {
    font-size: 1.6rem;
    text-align: center;
  }
}
@media (width >= 768px) {
  .account-profile__title {
    font-size: 2.5rem;
  }
}
@media (width < 768px) {
  .account-profile__desc {
    display: none;
  }
}
@media (width >= 768px) {
  .account-profile__desc {
    max-width: 60rem;
    margin-top: 2.4rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.account-profile__note {
  font-size: 1.6rem;
  line-height: 175%;
  opacity: 0.5;
}
.account-profile__note--bottom {
  text-transform: uppercase;
}
.account-profile__note--bottom a {
  position: relative;
  width: max-content;
  display: inline-block;
  color: #000;
}
.account-profile__note--bottom a:after {
  position: relative;
  bottom: 0.5rem;
  height: 0.1rem;
  width: 100%;
  max-width: 100%;
  display: block;
  content: "";
  background-color: #566448;
  transition: 0.3s max-width;
}
@media (hover: hover) {
  .account-profile__note--bottom a:hover {
    opacity: 1;
  }
  .account-profile__note--bottom a:hover:after {
    max-width: 50%;
  }
}
@media (width >= 768px) {
  .account-profile {
    display: grid;
    grid-template-columns: 1fr 38rem;
    column-gap: 6.2rem;
    align-items: start;
  }
}
.account-profile__form .account__register {
  margin-top: 3.4rem;
}
@media (width < 768px) {
  .account-profile__address {
    margin-top: 4rem;
  }
}
.account-profile__address .account-profile__title {
  margin-bottom: 3.4rem;
}
.account-address-card {
  display: block;
  padding: 2.4rem 2.8rem;
  border: 0.1rem solid rgba(86, 100, 72, 0.4);
  color: #000;
  transition: 0.3s border-color;
}
@media (hover: hover) {
  .account-address-card:hover {
    border-color: #566448;
  }
}
.account-address-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
}
.account-address-card__line1 {
  font-size: 2rem;
  font-weight: 600;
}
.account-address-card__name {
  margin-top: 0.6rem;
  font-size: 1.4rem;
  opacity: 0.7;
}
.account-address-card__body {
  margin-top: 2.4rem;
  font-size: 1.4rem;
  line-height: 190%;
}
.account-address-card__chevron {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: 0.6rem;
  color: #566448;
}
.account-address-card--empty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
}
.account {
  /* ---------------------------------------------------------------
     * Orders list
     * ------------------------------------------------------------- */
}
.account-orders {
  margin-top: 3.4rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.account-orders__more {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (width < 768px) {
  .account-orders__more {
    margin-top: 4.2rem;
    row-gap: 1.4rem;
  }
}
@media (width >= 768px) {
  .account-orders__more {
    margin-top: 3.4rem;
    row-gap: 1.3rem;
  }
}
@media (width < 768px) {
  .account-orders__more .btn {
    max-width: 11.2rem;
    height: 2.4rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account-orders__more .btn {
    max-width: 14rem;
    height: 4.2rem;
    font-size: 1.5rem;
  }
}
.account-orders__counter {
  font-style: italic;
  color: #566448;
}
@media (width < 768px) {
  .account-orders__counter {
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .account-orders__counter {
    font-size: 1.3rem;
  }
}
.account-order {
  display: grid;
  grid-template-columns: 14rem 1fr;
  column-gap: 3rem;
  padding: 2.4rem;
  border: 0.1rem solid rgba(86, 100, 72, 0.4);
}
@media (width < 768px) {
  .account-order {
    grid-template-columns: 8rem 1fr;
    column-gap: 1.6rem;
    padding: 1.6rem;
  }
}
.account-order__thumb {
  position: relative;
  aspect-ratio: 1/1;
  background-color: #fdfbf9;
}
.account-order__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.account-order__extra {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  font-size: 1.2rem;
  color: #566448;
}
.account-order__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
}
.account-order__number {
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media (width < 768px) {
  .account-order__number {
    font-size: 1.4rem;
  }
}
.account-order__status {
  flex-shrink: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #566448;
}
.account-order__date {
  margin-top: 0.4rem;
  font-size: 1.3rem;
  opacity: 0.6;
}
.account-order__meta {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
  font-size: 1.3rem;
  text-transform: uppercase;
  opacity: 0.8;
}
.account-order__link {
  margin-top: 2rem;
  width: max-content;
  min-width: 16rem;
  height: 4rem;
  padding: 0 2rem;
  font-size: 1.3rem;
  text-transform: uppercase;
}
@media (width < 768px) {
  .account-order__link {
    width: 100%;
    min-width: 0;
  }
}
.account {
  /* ---------------------------------------------------------------
     * Order details
     * ------------------------------------------------------------- */
}
.account-order-items {
  margin-top: 3.4rem;
  display: flex;
  flex-direction: column;
}
.account-order-item {
  display: grid;
  grid-template-columns: 10rem 1fr auto;
  align-items: center;
  column-gap: 2.4rem;
  padding: 2rem 0;
  border-bottom: 0.1rem solid rgba(86, 100, 72, 0.2);
}
@media (width < 768px) {
  .account-order-item {
    grid-template-columns: 6.4rem 1fr auto;
    column-gap: 1.4rem;
  }
}
.account-order-item__img {
  aspect-ratio: 1/1;
  background-color: #fdfbf9;
}
.account-order-item__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.account-order-item__name {
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
}
.account-order-item__attr {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  opacity: 0.6;
}
.account-order-item__price {
  font-size: 1.6rem;
  white-space: nowrap;
}
.account-order-summary {
  margin-top: 3.4rem;
  display: grid;
  gap: 2rem;
}
@media (width >= 768px) {
  .account-order-summary {
    grid-template-columns: 1fr 1fr;
  }
}
.account-order-summary__box {
  padding: 2.4rem 2.8rem;
  border: 0.1rem solid rgba(86, 100, 72, 0.4);
}
.account-order-summary__title {
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
}
.account-order-summary__address {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  line-height: 190%;
}
.account-order-summary__lines {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}
.account-order-summary__line {
  display: flex;
  justify-content: space-between;
  column-gap: 1rem;
  font-size: 1.3rem;
  text-transform: uppercase;
  opacity: 0.7;
}
.account-order-summary__total {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  border-top: 0.1rem solid rgba(86, 100, 72, 0.4);
}
.account {
  /* ---------------------------------------------------------------
   * Profile / Addresses shared header row
   * ------------------------------------------------------------- */
}
.account-profile__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 2.4rem;
  flex-wrap: wrap;
}
.account-profile__add-link {
  font-weight: 300;
  text-transform: uppercase;
  color: #566448;
  white-space: nowrap;
  opacity: 1;
  transition: 0.3s opacity;
}
@media (width < 768px) {
  .account-profile__add-link {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .account-profile__add-link {
    font-size: 2.5rem;
  }
}
@media (hover: hover) {
  .account-profile__add-link:hover {
    opacity: 0.4;
  }
}
.account {
  /* ---------------------------------------------------------------
   * Address book — /my-account/edit-address/
   * ------------------------------------------------------------- */
}
.account-addresses {
  display: grid;
}
@media (width < 768px) {
  .account-addresses {
    margin-top: 3.5rem;
    row-gap: 2rem;
  }
}
@media (width >= 768px) {
  .account-addresses {
    margin-top: 4.3rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
  }
}
.account-address {
  display: flex;
  flex-direction: column;
}
.account-address__content {
  position: relative;
  flex-grow: 1;
  border: 0.1rem solid rgba(86, 100, 72, 0.4);
  transition: 0.3s border-color;
}
@media (width < 768px) {
  .account-address__content {
    padding: 2rem;
  }
}
@media (width >= 768px) {
  .account-address__content {
    padding: 3.4rem 3.6rem;
  }
}
.account-address__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
}
@media (width < 768px) {
  .account-address__head-box {
    row-gap: 0.2rem;
  }
}
@media (width >= 768px) {
  .account-address__head-box {
    row-gap: 0.7rem;
  }
}
.account-address__line1 {
  font-weight: 600;
  line-height: normal;
}
@media (width < 768px) {
  .account-address__line1 {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .account-address__line1 {
    font-size: 2.5rem;
  }
}
.account-address__chevron {
  flex-shrink: 0;
  width: 0.9rem;
  height: 2rem;
  color: #566448;
}
.account-address__chevron svg {
  width: 100%;
  height: 100%;
}
.account-address__name {
  color: #566448;
  line-height: normal;
}
@media (width < 768px) {
  .account-address__name {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account-address__name {
    font-size: 1.6rem;
  }
}
.account-address__badge {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.7rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #566448;
}
@media (width < 768px) {
  .account-address__badge {
    margin-top: 1.5rem;
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .account-address__badge {
    margin-top: 1.3rem;
    font-size: 1.2rem;
  }
}
.account-address__body {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  line-height: normal;
}
@media (width < 768px) {
  .account-address__body {
    margin-top: 1.5rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .account-address__body {
    margin-top: 5.2rem;
    font-size: 1.6rem;
    line-height: 190%;
  }
}
.account-address__default-link {
  position: relative;
  width: max-content;
  margin-top: 1.6rem;
  font-size: 1.2rem;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  color: #566448;
}
.account-address__default-link:after {
  height: 0.1rem;
  width: 100%;
  max-width: 20rem;
  display: block;
  content: "";
  background-color: #566448;
  transition: 0.3s max-width;
}
@media (hover: hover) {
  .account-address__default-link:hover:after {
    max-width: 5rem;
  }
}
.account-address__actions {
  margin-top: 1.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1rem;
}
.account-address__actions .btn {
  height: 4.2rem;
  font-size: 1.6rem;
}

.no-products-found--inline {
  padding-top: 0;
}

@media (width < 768px) {
  .about {
    margin-top: -5.5rem;
  }
}
@media (width >= 768px) {
  .about {
    margin-top: -10.1rem;
  }
}
.about-primary {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #fff;
}
@media (width < 768px) {
  .about-primary {
    min-height: 70.6rem;
  }
}
@media (width >= 768px) {
  .about-primary {
    min-height: 77.4rem;
    max-width: 192rem;
  }
}
.about-primary .wrap {
  margin-top: auto;
}
@media (width < 768px) {
  .about-primary .wrap {
    margin-bottom: 10.5rem;
  }
}
@media (width >= 768px) {
  .about-primary .wrap {
    max-width: 132rem;
    margin-bottom: 16.3rem;
  }
}
.about-primary .section__title {
  font-weight: 400;
  line-height: normal;
}
@media (width < 768px) {
  .about-primary .section__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .about-primary .section__title {
    font-size: 4rem;
  }
}
.about-primary .section__desc {
  font-style: italic;
  line-height: normal;
}
@media (width < 768px) {
  .about-primary .section__desc {
    margin-top: 1.3rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .about-primary .section__desc {
    max-width: 61rem;
    margin-top: 1.6rem;
    font-size: 2rem;
  }
}
.about-primary__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width < 768px) {
  .about-meaningful {
    padding-top: 4rem;
  }
}
@media (width >= 768px) {
  .about-meaningful {
    padding-top: 3.8rem;
  }
}
.about-meaningful .wrap {
  display: grid;
}
@media (width < 768px) {
  .about-meaningful .wrap {
    row-gap: 3.5rem;
  }
}
@media (width >= 768px) {
  .about-meaningful .wrap {
    max-width: 144rem;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 7rem;
  }
}
.about-meaningful .section__title {
  font-weight: 600;
}
@media (width < 768px) {
  .about-meaningful .section__title {
    text-align: center;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .about-meaningful .section__title {
    font-size: 2.5rem;
  }
}
@media (width < 768px) {
  .about-meaningful .section__desc {
    margin-top: 1.6rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 136%;
  }
}
@media (width >= 768px) {
  .about-meaningful .section__desc {
    margin-top: 2.5rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}
@media (width < 768px) {
  .about-meaningful .section__desc p:not(:first-child) {
    margin-top: 2.6rem;
  }
}
@media (width >= 768px) {
  .about-meaningful .section__desc p:not(:first-child) {
    margin-top: 2.8rem;
  }
}
.about-meaningful__container {
  display: flex;
  flex-direction: column;
}
@media (width >= 768px) {
  .about-meaningful__container {
    max-width: 64rem;
    padding-left: 6rem;
  }
}
.about-meaningful__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .about-meaningful__img {
    order: -1;
    height: 28rem;
  }
}
@media (width >= 768px) {
  .about-meaningful__img {
    height: 53.7rem;
  }
}
.about-meaningful__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-desc {
  position: relative;
  text-align: center;
}
@media (width < 768px) {
  .about-desc {
    margin-top: 3.5rem;
    border-top: 1px solid #566448;
    padding-top: 3rem;
    font-size: 1.3rem;
    line-height: 246%;
  }
}
@media (width >= 768px) {
  .about-desc {
    padding-top: 13rem;
    font-size: 2.4rem;
    line-height: 133%;
  }
}
@media (width >= 768px) {
  .about-desc__box {
    max-width: 62.5rem;
    margin: 0 auto;
  }
}
.about-desc strong {
  font-weight: 700;
  color: #566448;
}
.about-mission-vision {
  background-color: #566448;
  color: #fff;
}
@media (width < 768px) {
  .about-mission-vision {
    margin-top: 5.3rem;
    padding: 0 0 6rem;
  }
}
@media (width >= 768px) {
  .about-mission-vision {
    margin-top: 4.6rem;
    padding: 4.6rem 0 4.2rem;
  }
}
.about-mission-vision .wrap {
  display: grid;
}
@media (width < 768px) {
  .about-mission-vision .wrap {
    row-gap: 4.5rem;
  }
}
@media (width >= 768px) {
  .about-mission-vision .wrap {
    max-width: 132rem;
    align-items: center;
    grid-template-columns: 66rem 61rem;
    column-gap: 5rem;
  }
}
.about-mission-vision__box {
  display: flex;
  flex-direction: column;
}
@media (width < 768px) {
  .about-mission-vision__box {
    row-gap: 4.5rem;
  }
}
@media (width >= 768px) {
  .about-mission-vision__box {
    row-gap: 6.7rem;
  }
}
.about-mission-vision__item {
  display: flex;
  flex-direction: column;
}
@media (width < 768px) {
  .about-mission-vision__item {
    row-gap: 0.9rem;
  }
}
@media (width >= 768px) {
  .about-mission-vision__item {
    row-gap: 2.2rem;
  }
}
.about-mission-vision__title {
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
@media (width < 768px) {
  .about-mission-vision__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .about-mission-vision__title {
    font-size: 2.5rem;
  }
}
@media (width < 768px) {
  .about-mission-vision__desc {
    font-size: 1.1rem;
    line-height: normal;
  }
}
@media (width >= 768px) {
  .about-mission-vision__desc {
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.about-mission-vision__img {
  overflow: hidden;
}
@media (width < 768px) {
  .about-mission-vision__img {
    height: 31rem;
    width: 100vw;
    margin: 0 -2rem;
  }
}
@media (width >= 768px) {
  .about-mission-vision__img {
    width: 100%;
    height: 52.4rem;
  }
}
.about-mission-vision__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width < 768px) {
  .about-two-images {
    padding-top: 4rem;
  }
}
@media (width >= 768px) {
  .about-two-images {
    padding-top: 6rem;
  }
}
.about-two-images .wrap {
  display: grid;
}
@media (width >= 768px) {
  .about-two-images .wrap {
    max-width: 132rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 8rem;
  }
}
@media (width < 768px) {
  .about-two-images__img {
    height: 30.6rem;
  }
}
@media (width >= 768px) {
  .about-two-images__img {
    height: 54.2rem;
  }
}
@media (width < 768px) {
  .about-two-images__img--right {
    display: none;
  }
}
.about-two-images__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width < 768px) {
  .about-advantages {
    padding-top: 4rem;
  }
}
@media (width >= 768px) {
  .about-advantages {
    padding-top: 11.1rem;
  }
}
.about-advantages .wrap {
  display: grid;
}
@media (width < 768px) {
  .about-advantages .wrap {
    max-width: 25.3rem;
    row-gap: 3.6rem;
    padding: 0;
  }
}
@media (width >= 768px) {
  .about-advantages .wrap {
    max-width: 121.1rem;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4.2rem;
  }
}
.about-advantages__item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.about-advantages__title {
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
@media (width < 768px) {
  .about-advantages__title {
    margin-top: 1.9rem;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .about-advantages__title {
    margin-top: 1.8rem;
    font-size: 2.5rem;
  }
}
.about-advantages__desc {
  color: #566448;
}
@media (width < 768px) {
  .about-advantages__desc {
    margin-top: 1.2rem;
    font-size: 1.1rem;
    line-height: normal;
  }
}
@media (width >= 768px) {
  .about-advantages__desc {
    margin-top: 1.1rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.about-advantages__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .about-advantages__img {
    height: 24rem;
  }
}
@media (width >= 768px) {
  .about-advantages__img {
    max-width: 30.5rem;
    height: 29rem;
    margin: 0 auto;
  }
}
.about-advantages__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-roots {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #fff;
}
@media (width < 768px) {
  .about-roots {
    min-height: 35.4rem;
    margin: 3.6rem auto 0;
  }
}
@media (width >= 768px) {
  .about-roots {
    min-height: 71.5rem;
    max-width: 192rem;
    margin: 11.2rem auto 0;
  }
}
.about-roots .wrap {
  margin-top: auto;
}
@media (width < 768px) {
  .about-roots .wrap {
    margin-bottom: 10.5rem;
  }
}
@media (width >= 768px) {
  .about-roots .wrap {
    max-width: 132rem;
    margin-bottom: 6rem;
  }
}
.about-roots .section__title {
  font-weight: 400;
  line-height: normal;
}
@media (width < 768px) {
  .about-roots .section__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .about-roots .section__title {
    font-size: 2.5rem;
  }
}
.about-roots .section__desc {
  font-style: italic;
  line-height: normal;
}
@media (width < 768px) {
  .about-roots .section__desc {
    margin-top: 0.7rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .about-roots .section__desc {
    max-width: 61rem;
    margin-top: 2.1rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.about-roots__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width < 768px) {
  .about-meet {
    margin-top: 4rem;
  }
}
@media (width >= 768px) {
  .about-meet {
    padding-top: 6.1rem;
  }
}
.about-meet .wrap {
  display: grid;
}
@media (width < 768px) {
  .about-meet .wrap {
    row-gap: 3.2rem;
  }
}
@media (width >= 768px) {
  .about-meet .wrap {
    max-width: 132rem;
    align-items: center;
    grid-template-columns: 64.4rem 61.4rem;
    column-gap: 6.2rem;
  }
}
.about-meet .section__title {
  font-weight: 600;
}
@media (width < 768px) {
  .about-meet .section__title {
    text-align: center;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .about-meet .section__title {
    font-size: 2.5rem;
  }
}
@media (width < 768px) {
  .about-meet .section__desc {
    margin-top: 1.7rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 136%;
  }
}
@media (width >= 768px) {
  .about-meet .section__desc {
    margin-top: 2.5rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}
@media (width < 768px) {
  .about-meet .section__desc p:not(:first-child) {
    margin-top: 2rem;
  }
}
@media (width >= 768px) {
  .about-meet .section__desc p:not(:first-child) {
    margin-top: 2.8rem;
  }
}
.about-meet .section__desc strong {
  color: #566448;
}
.about-meet__container {
  display: flex;
  flex-direction: column;
}
.about-meet__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .about-meet__img {
    order: -1;
    height: 35rem;
    margin: 0 auto;
  }
}
@media (width >= 768px) {
  .about-meet__img {
    height: 61.3rem;
  }
}
.about-meet__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-cta {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #fff;
}
@media (width < 768px) {
  .about-cta {
    min-height: 35.3rem;
    margin-top: 3.6rem;
  }
}
@media (width >= 768px) {
  .about-cta {
    min-height: 69.3rem;
    max-width: 192rem;
    margin-top: 6rem;
  }
}
.about-cta::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}
.about-cta .wrap {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.about-cta .section__title {
  font-weight: 400;
  line-height: normal;
}
@media (width < 768px) {
  .about-cta .section__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .about-cta .section__title {
    font-size: 2.5rem;
  }
}
.about-cta .section__desc {
  font-style: italic;
  line-height: normal;
}
@media (width < 768px) {
  .about-cta .section__desc {
    margin-top: 1.9rem;
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .about-cta .section__desc {
    max-width: 53rem;
    margin-top: 2.1rem;
    font-size: 1.6rem;
  }
}
@media (width < 768px) {
  .about-cta .btn {
    margin: 2.1rem auto 0;
  }
}
@media (width >= 768px) {
  .about-cta .btn {
    margin: 3.4rem auto 0;
  }
}
.about-cta__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (width < 768px) {
  .appointment {
    padding-top: 1.9rem;
  }
}
@media (width >= 768px) {
  .appointment {
    padding-top: 5rem;
  }
}
.appointment .page__title {
  font-weight: 600;
  text-align: center;
}
@media (width < 768px) {
  .appointment .page__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .appointment .page__title {
    font-size: 3.2rem;
  }
}
.appointment__box {
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: normal;
}
@media (width < 768px) {
  .appointment__box {
    margin-top: 4rem;
    row-gap: 1rem;
  }
}
@media (width >= 768px) {
  .appointment__box {
    margin-top: 7.6rem;
    row-gap: 2rem;
  }
}
@media (width < 768px) {
  .appointment__box p {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .appointment__box p {
    font-size: 1.6rem;
  }
}
.appointment__box strong {
  font-weight: 700;
}
.appointment__box a {
  color: #000;
  text-decoration: underline;
}

.checkout-saved-addresses {
  margin-bottom: 3rem;
}
.checkout-saved-addresses__title {
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
}
.checkout-saved-addresses__list {
  margin-top: 1.6rem;
  display: grid;
  gap: 1.2rem;
}
@media (width >= 768px) {
  .checkout-saved-addresses__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.checkout-saved-addresses__item {
  display: flex;
  flex-direction: column;
  padding: 1.6rem 2rem;
  text-align: left;
  background: none;
  border: 0.1rem solid rgba(86, 100, 72, 0.4);
  cursor: pointer;
  transition: 0.3s border-color;
}
.checkout-saved-addresses__item:hover, .checkout-saved-addresses__item.is-selected {
  border-color: #566448;
}
.checkout-saved-addresses__item.is-default::after {
  content: "Default";
  align-self: flex-start;
  margin-top: 0.6rem;
  padding: 0.2rem 0.7rem;
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #566448;
}
.checkout-saved-addresses__line1 {
  font-size: 1.4rem;
  font-weight: 600;
}
.checkout-saved-addresses__line2 {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  opacity: 0.7;
}

@media (width < 768px) {
  .contact {
    padding-top: 1.8rem;
  }
}
@media (width >= 768px) {
  .contact {
    padding-top: 5rem;
  }
}
.contact .page__title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}
@media (width < 768px) {
  .contact .page__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .contact .page__title {
    font-size: 3.2rem;
  }
}
.contact__container {
  display: grid;
}
@media (width < 768px) {
  .contact__container {
    margin-top: 3.4rem;
    row-gap: 4rem;
  }
}
@media (width >= 768px) {
  .contact__container {
    margin-top: 5rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 6rem 8rem;
  }
}
.contact__item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (width < 768px) {
  .contact__item {
    row-gap: 2.5rem;
  }
}
@media (width >= 768px) {
  .contact__item {
    row-gap: 3.4rem;
  }
}
@media (width < 768px) {
  .contact__item:nth-child(3) .contact__img {
    width: 100vw;
    margin: 0 -2rem;
    height: 37.7rem;
  }
}
@media (width >= 768px) {
  .contact__item:nth-child(3) {
    display: grid;
    column-gap: 8rem;
    grid-column: 1/3;
    grid-template-columns: repeat(2, 1fr);
  }
  .contact__item:nth-child(3) .contact__box {
    justify-content: center;
  }
  .contact__item:nth-child(3) .contact__link {
    margin-top: 0;
  }
}
.contact__box {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.contact__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .contact__img {
    height: 30.5rem;
  }
}
@media (width >= 768px) {
  .contact__img {
    height: 54rem;
  }
}
.contact__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact__title {
  font-weight: 600;
}
@media (width < 768px) {
  .contact__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .contact__title {
    font-size: 2.5rem;
  }
}
.contact__desc {
  text-align: center;
  color: #566448;
}
@media (width < 768px) {
  .contact__desc {
    margin-top: 1.6rem;
    font-size: 1.1rem;
    line-height: 255%;
  }
}
@media (width >= 768px) {
  .contact__desc {
    margin-top: 2.4rem;
    margin-bottom: 4rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
@media (width < 768px) {
  .contact__desc p:not(:first-child) {
    margin-top: 1.6rem;
  }
}
@media (width >= 768px) {
  .contact__desc p:not(:first-child) {
    margin-top: 3.5rem;
  }
}
@media (width < 768px) {
  .contact__link {
    width: 18.5rem;
    margin: 3rem auto 0;
    height: 2.6rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .contact__link {
    max-width: 26rem;
    margin: auto auto 0;
    height: 3.5rem;
    font-size: 1.6rem;
  }
}

@media (width >= 768px) {
  .faq {
    padding-top: 10rem;
  }
}
.faq .wrap {
  display: grid;
}
@media (width < 768px) {
  .faq .wrap {
    row-gap: 3.6rem;
  }
}
@media (width >= 768px) {
  .faq .wrap {
    align-items: flex-start;
    grid-template-columns: 35rem 1fr;
    column-gap: 5.8rem;
  }
}
.faq .page__title {
  font-weight: 700;
  text-transform: uppercase;
}
@media (width < 768px) {
  .faq .page__title {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .faq .page__title {
    margin-bottom: 4rem;
    font-size: 2rem;
  }
}
.faq__sidebar {
  position: relative;
  order: -1;
}
@media (width < 768px) {
  .faq__sidebar {
    padding: 3.4rem 0;
  }
}
.faq__sidebar-title {
  text-transform: uppercase;
}
@media (width < 768px) {
  .faq__sidebar-title {
    font-weight: 600;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .faq__sidebar-title {
    font-size: 1.6rem;
  }
}
@media (width < 768px) {
  .faq__sidebar-box {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
  }
}
.faq__sidebar-body {
  overflow: hidden;
}
.faq__sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq__sidebar-btn {
  color: #000;
  transform: rotate(0);
  transition: 0.3s transform;
}
@media (width < 768px) {
  .faq__sidebar-btn {
    width: 1.1rem;
    height: 0.6rem;
  }
}
@media (width >= 768px) {
  .faq__sidebar-btn {
    display: none;
  }
}
.faq__sidebar--show .faq__sidebar-box {
  grid-template-rows: 1fr;
}
.faq__sidebar--show .faq__sidebar-btn {
  transform: rotate(180deg);
}
@media (width < 768px) {
  .faq__sidebar::after {
    position: absolute;
    bottom: 0;
    left: -2rem;
    width: 100vw;
    height: 0.1rem;
    background-color: #566448;
    content: "";
  }
}
.faq-nav {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (width < 768px) {
  .faq-nav {
    margin-top: 2.3rem;
    row-gap: 2.4rem;
  }
}
@media (width >= 768px) {
  .faq-nav {
    margin-top: 4rem;
    row-gap: 2.8rem;
  }
}
.faq-nav li {
  display: contents;
}
.faq-nav a {
  display: flex;
  flex-direction: column;
  color: #000;
  line-height: normal;
  text-transform: uppercase;
}
@media (width < 768px) {
  .faq-nav a {
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .faq-nav a {
    font-size: 1.3rem;
  }
}
.faq-nav a::after {
  width: 100%;
  height: 1px;
  max-width: 0;
  background-color: #000;
  content: "";
  transition: max-width 0.3s;
}
@media (hover: hover) {
  .faq-nav a:hover::after {
    max-width: 17rem;
  }
}
.faq-nav .current-menu-item a:after {
  max-width: 25rem;
}
.faq__content p,
.faq__content ul,
.faq__content ol {
  color: #000;
}
@media (width < 768px) {
  .faq__content p,
  .faq__content ul,
  .faq__content ol {
    font-size: 1.1rem;
    line-height: normal;
  }
}
@media (width >= 768px) {
  .faq__content p,
  .faq__content ul,
  .faq__content ol {
    font-size: 1.6rem;
    line-height: 175%;
  }
}
@media (width < 768px) {
  .faq__content p:not(:first-child),
  .faq__content ul:not(:first-child),
  .faq__content ol:not(:first-child) {
    margin-top: 2rem;
  }
}
@media (width >= 768px) {
  .faq__content p:not(:first-child),
  .faq__content ul:not(:first-child),
  .faq__content ol:not(:first-child) {
    margin-top: 3rem;
  }
}
@media (width < 768px) {
  .faq__content ul,
  .faq__content ol {
    padding-left: 1.5rem;
  }
}
@media (width >= 768px) {
  .faq__content ul,
  .faq__content ol {
    padding-left: 2rem;
  }
}
.faq__content a {
  color: #000;
  text-decoration: underline;
}
.faq__header {
  padding: 1.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #000;
  text-transform: uppercase;
}
@media (width < 768px) {
  .faq__header h2 {
    font-weight: 600;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .faq__header h2 {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.faq__btn {
  transform: rotate(0);
  transition: 0.3s transform;
}
@media (width < 768px) {
  .faq__btn {
    width: 1.1rem;
    height: 0.6rem;
  }
}
@media (width >= 768px) {
  .faq__btn {
    width: 1.4rem;
    height: 0.8rem;
  }
}
.faq__list {
  margin-top: 1rem;
}
.faq__item-box {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.faq__item-content {
  overflow: hidden;
}
.faq__item-body {
  padding: 1rem 0;
}
.faq__item--show .faq__item-box {
  grid-template-rows: 1fr;
}
.faq__item--show .faq__btn {
  transform: rotate(180deg);
}

@media (width < 768px) {
  .home {
    margin-top: -5.5rem;
  }
}
@media (width >= 768px) {
  .home {
    margin-top: -13.1rem;
  }
}
.home-primary {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #fff;
}
@media (width < 768px) {
  .home-primary {
    min-height: 70.6rem;
  }
}
@media (width >= 768px) {
  .home-primary {
    min-height: 92.6rem;
    max-width: 192rem;
  }
}
.home-primary .wrap {
  margin-top: auto;
}
@media (width < 768px) {
  .home-primary .wrap {
    margin-bottom: 5.9rem;
  }
}
@media (width >= 768px) {
  .home-primary .wrap {
    margin-bottom: 16.6rem;
  }
}
.home-primary .section__title {
  font-weight: 400;
  line-height: normal;
  font-family: "Playfair Display", serif;
}
@media (width < 768px) {
  .home-primary .section__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .home-primary .section__title {
    font-size: 6.4rem;
  }
}
.home-primary .section__desc {
  line-height: normal;
}
@media (width < 768px) {
  .home-primary .section__desc {
    max-width: 34rem;
    margin-top: 1.5rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .home-primary .section__desc {
    max-width: 60rem;
    margin-top: 1.2rem;
    font-size: 2rem;
  }
}
@media (width < 768px) {
  .home-primary .btn {
    margin-top: 1rem;
  }
}
@media (width >= 768px) {
  .home-primary .btn {
    min-width: 30.5rem;
    margin-top: 4.2rem;
    height: 5.1rem;
    font-size: 1.8rem;
  }
}
.home-primary__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-primary__video {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  object-fit: cover;
}
@media (width < 768px) {
  .home-about {
    margin-top: 6rem;
  }
}
@media (width >= 768px) {
  .home-about {
    margin-top: 10rem;
  }
}
.home-about .wrap {
  display: grid;
  background: #eff2ed;
}
@media (width < 768px) {
  .home-about .wrap {
    row-gap: 1.8rem;
  }
}
@media (width >= 768px) {
  .home-about .wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.home-about .section__title {
  font-weight: 600;
}
@media (width < 768px) {
  .home-about .section__title {
    text-align: center;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .home-about .section__title {
    font-size: 2.4rem;
  }
}
@media (width < 768px) {
  .home-about .section__desc {
    margin-top: 1.7rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 136%;
  }
}
@media (width >= 768px) {
  .home-about .section__desc {
    margin-top: 3.4rem;
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
@media (width >= 768px) {
  .home-about .section__desc p:not(:first-child) {
    margin-top: 2.5rem;
  }
}
.home-about .link {
  width: max-content;
  color: #566448;
}
@media (width < 768px) {
  .home-about .link {
    margin: 1rem auto 0;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .home-about .link {
    margin-top: 2.7rem;
    font-size: 1.4rem;
  }
}
.home-about .link:after {
  background-color: #566448;
}
.home-about__container {
  display: flex;
  flex-direction: column;
}
@media (width >= 768px) {
  .home-about__container {
    max-width: 44.55rem;
    margin: auto;
  }
}
.home-about__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .home-about__img {
    order: -1;
    width: 28.2rem;
    height: 27.9rem;
    margin: 0 auto;
  }
}
@media (width >= 768px) {
  .home-about__img {
    min-height: 62.5rem;
    aspect-ratio: 1;
  }
}
.home-about__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.maintance {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/maintance-bg.avif") no-repeat top center transparent;
  background-size: cover;
}
.maintance__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (width < 768px) {
  .maintance__logo {
    width: 10rem;
  }
}
@media (width >= 768px) {
  .maintance__logo {
    width: 17.6rem;
  }
}
.maintance__logo img {
  width: 100%;
  height: auto;
}
.maintance__title {
  font-family: "Playfair Display", serif;
  font-style: italic;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
  line-height: normal;
  font-weight: 400;
}
@media (width < 768px) {
  .maintance__title {
    margin-top: 5rem;
    font-size: 3.2rem;
  }
}
@media (width >= 768px) {
  .maintance__title {
    margin-top: 7.8rem;
    font-size: 7.2rem;
  }
}
.maintance__desc {
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  color: #fff;
  line-height: normal;
}
@media (width < 768px) {
  .maintance__desc {
    font-size: 1.8rem;
  }
}
@media (width >= 768px) {
  .maintance__desc {
    font-size: 3.2rem;
  }
}

@media (width < 768px) {
  .no-products-found {
    padding-top: 5.4rem;
  }
}
@media (width >= 768px) {
  .no-products-found {
    padding-top: 9.2rem;
  }
}
.no-products-found__box {
  text-align: center;
}
.no-products-found__box h1 {
  text-transform: uppercase;
  font-weight: 600;
}
@media (width < 768px) {
  .no-products-found__box h1 {
    font-size: 1.3rem;
    line-height: 154%;
  }
}
@media (width >= 768px) {
  .no-products-found__box h1 {
    font-size: 2rem;
  }
}
@media (width < 768px) {
  .no-products-found__box h1 + p {
    margin-top: 3.5rem;
  }
}
@media (width >= 768px) {
  .no-products-found__box h1 + p {
    margin-top: 4rem;
  }
}
@media (width < 768px) {
  .no-products-found__box p {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .no-products-found__box p {
    font-size: 1.6rem;
  }
}
.no-products-found__btn-box {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (width < 768px) {
  .no-products-found__btn-box {
    margin-top: 5.4rem;
    row-gap: 3rem;
  }
}
@media (width >= 768px) {
  .no-products-found__btn-box {
    margin-top: 6.4rem;
    row-gap: 3.4rem;
  }
}
@media (width < 768px) {
  .no-products-found__btn-box .btn {
    height: 2.6rem;
    max-width: 18.5rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .no-products-found__btn-box .btn {
    height: 3.5rem;
    max-width: 26.3rem;
    font-size: 1.6rem;
  }
}

@media (width >= 768px) {
  .policy {
    padding-top: 10rem;
  }
}
.policy .wrap {
  display: grid;
}
@media (width < 768px) {
  .policy .wrap {
    row-gap: 3.6rem;
  }
}
@media (width >= 768px) {
  .policy .wrap {
    align-items: flex-start;
    grid-template-columns: 35rem 1fr;
    column-gap: 5.8rem;
  }
}
.policy .page__title {
  font-weight: 700;
  text-transform: uppercase;
}
@media (width < 768px) {
  .policy .page__title {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .policy .page__title {
    margin-bottom: 4rem;
    font-size: 2rem;
  }
}
.policy__sidebar {
  position: relative;
  order: -1;
}
@media (width < 768px) {
  .policy__sidebar {
    padding: 3.4rem 0;
  }
}
.policy__sidebar-title {
  text-transform: uppercase;
}
@media (width < 768px) {
  .policy__sidebar-title {
    font-weight: 600;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .policy__sidebar-title {
    font-size: 1.6rem;
  }
}
@media (width < 768px) {
  .policy__sidebar-box {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
  }
}
.policy__sidebar-body {
  overflow: hidden;
}
.policy__sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.policy__sidebar-btn {
  color: #000;
  transform: rotate(0);
  transition: 0.3s transform;
}
@media (width < 768px) {
  .policy__sidebar-btn {
    width: 1.1rem;
    height: 0.6rem;
  }
}
@media (width >= 768px) {
  .policy__sidebar-btn {
    display: none;
  }
}
.policy__sidebar--show .policy__sidebar-box {
  grid-template-rows: 1fr;
}
.policy__sidebar--show .policy__sidebar-btn {
  transform: rotate(180deg);
}
@media (width < 768px) {
  .policy__sidebar::after {
    position: absolute;
    bottom: 0;
    left: -2rem;
    width: 100vw;
    height: 0.1rem;
    background-color: #566448;
    content: "";
  }
}
.policy-nav {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (width < 768px) {
  .policy-nav {
    margin-top: 2.3rem;
    row-gap: 2.4rem;
  }
}
@media (width >= 768px) {
  .policy-nav {
    margin-top: 4rem;
    row-gap: 2.8rem;
  }
}
.policy-nav li {
  display: contents;
}
.policy-nav a {
  display: flex;
  flex-direction: column;
  color: #000;
  line-height: normal;
  text-transform: uppercase;
}
@media (width < 768px) {
  .policy-nav a {
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .policy-nav a {
    font-size: 1.3rem;
  }
}
.policy-nav a::after {
  width: 100%;
  height: 1px;
  max-width: 0;
  background-color: #000;
  content: "";
  transition: max-width 0.3s;
}
@media (hover: hover) {
  .policy-nav a:hover::after {
    max-width: 17rem;
  }
}
.policy-nav .current-menu-item a:after {
  max-width: 17rem;
}
.policy__content p,
.policy__content ul,
.policy__content ol {
  color: #000;
}
@media (width < 768px) {
  .policy__content p,
  .policy__content ul,
  .policy__content ol {
    font-size: 1.1rem;
    line-height: normal;
  }
}
@media (width >= 768px) {
  .policy__content p,
  .policy__content ul,
  .policy__content ol {
    font-size: 1.6rem;
    line-height: 175%;
  }
}
@media (width < 768px) {
  .policy__content p:not(:first-child),
  .policy__content ul:not(:first-child),
  .policy__content ol:not(:first-child) {
    margin-top: 2rem;
  }
}
@media (width >= 768px) {
  .policy__content p:not(:first-child),
  .policy__content ul:not(:first-child),
  .policy__content ol:not(:first-child) {
    margin-top: 3rem;
  }
}
@media (width < 768px) {
  .policy__content ul,
  .policy__content ol {
    padding-left: 1.5rem;
  }
}
@media (width >= 768px) {
  .policy__content ul,
  .policy__content ol {
    padding-left: 2rem;
  }
}
.policy__content a {
  color: #000;
  text-decoration: underline;
}
.policy__header {
  padding: 1.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #000;
}
@media (width < 768px) {
  .policy__header h2 {
    font-weight: 600;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .policy__header h2 {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.policy__btn {
  transform: rotate(0);
  transition: 0.3s transform;
}
@media (width < 768px) {
  .policy__btn {
    width: 1.1rem;
    height: 0.6rem;
  }
}
@media (width >= 768px) {
  .policy__btn {
    width: 1.4rem;
    height: 0.8rem;
  }
}
.policy__list {
  margin-top: 1rem;
}
.policy__item-box {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.policy__item-content {
  overflow: hidden;
}
.policy__item-body {
  padding: 1rem 0;
}
.policy__item--show .policy__item-box {
  grid-template-rows: 1fr;
}
.policy__item--show .policy__btn {
  transform: rotate(180deg);
}

.product-item {
  width: 100%;
  padding-bottom: 0.7rem;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  border: 1px solid transparent;
  overflow: hidden;
  transition: border-color 0.3s;
}
@media (width < 768px) {
  .product-item__divider--first {
    grid-column: 1/3;
    grid-row: 3/5;
  }
}
@media (width >= 768px) {
  .product-item__divider--first {
    grid-column: 1/3;
    grid-row: 2/4;
  }
}
@media (width < 768px) {
  .product-item__divider--second {
    grid-column: 1/3;
    grid-row: 11/13;
  }
}
@media (width >= 768px) {
  .product-item__divider--second {
    grid-column: 3/5;
    grid-row: 5/7;
  }
}
.product-item__divider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-item__box {
  width: 100%;
}
.product-item__slider {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .product-item__slider {
    height: 15.5rem;
  }
}
@media (width >= 768px) {
  .product-item__slider {
    height: 30rem;
  }
}
.product-item__slider .slick-track {
  display: flex;
}
.product-item__img {
  flex-shrink: 0;
}
@media (width < 768px) {
  .product-item__img {
    height: 15.5rem;
  }
}
@media (width >= 768px) {
  .product-item__img {
    height: 30rem;
  }
}
.product-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-item__name {
  opacity: 1;
  color: #000;
  transition: 0.3s opacity;
}
@media (hover: hover) {
  .product-item__name:hover {
    opacity: 0.4;
  }
}
.product-item__info {
  flex-grow: 1;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media (width < 768px) {
  .product-item__info {
    font-size: 1.3rem;
  }
}
@media (width >= 768px) {
  .product-item__info {
    font-size: 1.5rem;
  }
}
.product-item__desc {
  opacity: 0.6;
}
@media (width < 768px) {
  .product-item__desc {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-item__desc {
    font-size: 1.4rem;
  }
}
.product-item__dots {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (width < 768px) {
  .product-item__dots {
    top: 13rem;
    column-gap: 0.1rem;
  }
}
@media (width >= 768px) {
  .product-item__dots {
    top: 28rem;
    column-gap: 0.2rem;
  }
}
.product-item__dot {
  background-color: rgba(0, 0, 0, 0.36);
}
@media (width < 768px) {
  .product-item__dot {
    width: 0.1rem;
    height: 0.1rem;
  }
}
@media (width >= 768px) {
  .product-item__dot {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.product-item__dot.is-active {
  background-color: black;
}
.product-item__arrow {
  position: absolute;
  top: 25rem;
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.3s;
}
.product-item__arrow svg {
  max-width: 100%;
  height: auto;
}
.product-item__arrow--prev {
  left: 1rem;
}
.product-item__arrow--prev svg {
  transform: rotate(180deg);
}
.product-item__arrow--next {
  right: 1rem;
}
.product-item__arrow.slick-disabled {
  visibility: hidden;
}
@media (hover: hover) {
  .product-item:hover {
    border-color: #566448;
  }
  .product-item:hover .product-item__arrow {
    opacity: 1;
  }
  .product-item:hover .btn--add-to-cart {
    opacity: 1;
  }
}

.services-primary {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #fff;
}
@media (width < 768px) {
  .services-primary {
    min-height: 70.6rem;
  }
}
@media (width >= 768px) {
  .services-primary {
    min-height: 77.4rem;
    max-width: 192rem;
  }
}
.services-primary .wrap {
  margin-top: auto;
}
@media (width < 768px) {
  .services-primary .wrap {
    margin-bottom: 10.5rem;
  }
}
@media (width >= 768px) {
  .services-primary .wrap {
    max-width: 132rem;
    margin-bottom: 16.3rem;
  }
}
.services-primary .page__title {
  font-weight: 400;
  line-height: normal;
}
@media (width < 768px) {
  .services-primary .page__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .services-primary .page__title {
    font-size: 4rem;
  }
}
.services-primary .page__desc {
  font-style: italic;
  line-height: normal;
}
@media (width < 768px) {
  .services-primary .page__desc {
    margin-top: 1.3rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .services-primary .page__desc {
    margin-top: 1.6rem;
    font-size: 2rem;
  }
}
.services-primary__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width < 768px) {
  .services-heading {
    padding: 4rem 0;
  }
}
@media (width >= 768px) {
  .services-heading {
    padding: 6rem 0;
  }
}
.services-heading .wrap {
  display: grid;
}
@media (width < 768px) {
  .services-heading .wrap {
    max-width: 30.5rem;
    row-gap: 4rem;
    padding: 0;
  }
}
@media (width >= 768px) {
  .services-heading .wrap {
    max-width: 126.4rem;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10.5rem;
  }
}
.services-heading__item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.services-heading__title {
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
@media (width < 768px) {
  .services-heading__title {
    margin-top: 1.9rem;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .services-heading__title {
    margin-top: 1.8rem;
    font-size: 2.5rem;
  }
}
.services-heading__desc {
  color: #566448;
}
@media (width < 768px) {
  .services-heading__desc {
    margin-top: 2.2rem;
    font-size: 1.1rem;
    line-height: normal;
  }
}
@media (width >= 768px) {
  .services-heading__desc {
    margin: 1.1rem 0 3.4rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
.services-heading__img {
  width: 100%;
  max-width: 30.5rem;
  height: 29rem;
  margin: 0 auto;
  overflow: hidden;
}
.services-heading__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-heading .btn {
  margin: auto auto 0;
  border: 1px solid #566448;
  transition: color 0.3s, background-color 0.3s;
}
@media (width < 768px) {
  .services-heading .btn {
    max-width: 18.5rem;
    height: 2.6rem;
    margin-top: 2.7rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .services-heading .btn {
    max-width: 26.3rem;
    height: 3.5rem;
    font-size: 1.6rem;
  }
}
.services-heading .btn--active {
  border-color: #000;
  color: #566448;
  background-color: transparent;
}
@media (hover: hover) {
  .services-heading .btn:hover {
    border-color: #000;
    color: #566448;
    background-color: transparent;
  }
}
.services-details .wrap {
  display: grid;
}
@media (width < 768px) {
  .services-details .wrap {
    max-width: 30.5rem;
    padding: 0;
    row-gap: 2.5rem;
  }
}
@media (width >= 768px) {
  .services-details .wrap {
    max-width: 144rem;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.8rem;
  }
}
.services-details .section__title {
  font-weight: 600;
}
@media (width < 768px) {
  .services-details .section__title {
    text-align: center;
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .services-details .section__title {
    font-size: 2.5rem;
  }
}
@media (width < 768px) {
  .services-details .section__desc {
    margin-top: 2.6rem;
    font-size: 1.1rem;
    line-height: normal;
  }
}
@media (width >= 768px) {
  .services-details .section__desc {
    margin-top: 3.5rem;
    font-size: 1.6rem;
    line-height: 175%;
  }
}
@media (width < 768px) {
  .services-details .section__desc p:not(:first-child) {
    margin-top: 2.3rem;
  }
}
@media (width >= 768px) {
  .services-details .section__desc p:not(:first-child) {
    margin-top: 2.8rem;
  }
}
.services-details .section__desc em {
  color: #566448;
}
.services-details__container {
  display: flex;
  flex-direction: column;
}
@media (width >= 768px) {
  .services-details__container {
    max-width: 65rem;
    padding-left: 6rem;
  }
}
.services-details__img {
  width: 100%;
  overflow: hidden;
}
@media (width < 768px) {
  .services-details__img {
    height: 28rem;
  }
}
@media (width >= 768px) {
  .services-details__img {
    height: 69.4rem;
  }
}
.services-details__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-book__box {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #fff;
}
@media (width < 768px) {
  .services-book__box {
    min-height: 35.3rem;
  }
}
@media (width >= 768px) {
  .services-book__box {
    min-height: 69.3rem;
    max-width: 192rem;
  }
}
.services-book__box::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}
.services-book .wrap {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.services-book .section__title {
  font-weight: 600;
  line-height: normal;
}
@media (width < 768px) {
  .services-book .section__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .services-book .section__title {
    font-size: 2.5rem;
  }
}
.services-book .section__desc {
  font-style: italic;
  line-height: normal;
}
@media (width < 768px) {
  .services-book .section__desc {
    margin-top: 1.9rem;
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .services-book .section__desc {
    max-width: 53rem;
    margin-top: 2.1rem;
    font-size: 1.6rem;
  }
}
@media (width < 768px) {
  .services-book .btn {
    margin: 2.8rem auto 0;
  }
}
@media (width >= 768px) {
  .services-book .btn {
    margin: 3.4rem auto 0;
  }
}
.services-book__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-spoiler {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.services-spoiler--active {
  grid-template-rows: 1fr;
}
.services-spoiler > * {
  overflow: hidden;
}

.product-single__layout {
  display: grid;
}
@media (width < 768px) {
  .product-single__layout {
    row-gap: 2rem;
  }
}
@media (width >= 768px) {
  .product-single__layout {
    grid-template-columns: 1fr 42rem;
    column-gap: 6rem;
    align-items: start;
  }
}
.product-single__gallery {
  position: relative;
}
@media (width < 768px) {
  .product-single__gallery {
    width: 100vw;
    margin: 0 -2rem;
  }
}
@media (width >= 768px) {
  .product-single__gallery-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.product-single__gallery .slick-track {
  display: flex;
}
@media (width < 768px) {
  .product-single__arrow {
    position: absolute;
    bottom: 3.6rem;
    width: 3.7rem;
    height: 3.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    background-color: transparent;
    color: #000;
  }
}
@media (width >= 768px) {
  .product-single__arrow {
    display: none;
  }
}
.product-single__arrow svg {
  max-width: 100%;
  height: auto;
}
.product-single__arrow--prev {
  left: 0.5rem;
}
.product-single__arrow--prev svg {
  transform: rotate(180deg);
}
.product-single__arrow--next {
  right: 0.5rem;
}
.product-single__arrow.slick-disabled {
  visibility: hidden;
}
.product-single__main-img {
  overflow: hidden;
}
@media (width < 768px) {
  .product-single__main-img {
    height: 39rem;
  }
}
@media (width >= 768px) {
  .product-single__main-img {
    height: 50rem;
    grid-column: 1/3;
  }
}
.product-single__main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-single__thumb {
  overflow: hidden;
  height: 39rem;
}
.product-single__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-single__info {
  display: flex;
  flex-direction: column;
}
@media (width >= 768px) {
  .product-single__info {
    position: sticky;
    top: 3rem;
    padding-top: 1.5rem;
  }
}
.product-single__category {
  text-transform: uppercase;
  color: #566448;
  text-decoration: underline;
}
@media (width < 768px) {
  .product-single__category {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-single__category {
    font-size: 1.2rem;
  }
}
.product-single__title {
  margin-top: 0.6rem;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
@media (width < 768px) {
  .product-single__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .product-single__title {
    font-size: 2rem;
  }
}
.product-single__price {
  margin-top: 2.1rem;
  font-size: 1.6rem;
  color: #566448;
}
.product-single__price .woocommerce-Price-amount {
  font-size: inherit;
}
.product-single__size-wrap {
  position: relative;
  width: 100%;
}
.product-single__size-select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 4.4rem;
  padding: 0 4rem 0 1.6rem;
  border: 1px solid #000;
  background-color: transparent;
  font-family: "Nunito Sans", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}
.product-single__size-select:focus {
  outline: none;
}
.product-single__size-chevron {
  position: absolute;
  top: 50%;
  right: 1.4rem;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex;
  align-items: center;
}
.product-single__size-chevron svg {
  width: 1.2rem;
  height: 1.2rem;
}
.product-single__desc {
  color: #686766;
  line-height: normal;
}
@media (width < 768px) {
  .product-single__desc {
    margin-top: 3.2rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-single__desc {
    margin-top: 3.5rem;
    font-size: 1.2rem;
  }
}
.product-single__desc-container {
  overflow: hidden;
  transition: max-height 0.3s;
}
@media (width < 768px) {
  .product-single__desc-container {
    max-height: 4.6rem;
  }
}
@media (width >= 768px) {
  .product-single__desc-container {
    max-height: 5rem;
  }
}
.product-single__desc-body *:not(:first-child) {
  margin-top: 1rem;
}
.product-single__desc-btn {
  cursor: pointer;
  font-style: italic;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  text-decoration: underline;
}
.product-single__desc--show > div {
  max-height: 50rem;
}
.product-single__desc--show > button {
  display: none;
}
.product-single__appointment {
  margin-top: 1rem;
  transition: color 0.3s;
}
@media (width < 768px) {
  .product-single__appointment {
    height: 3.5rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-single__appointment {
    height: 3.7rem;
    font-size: 1.6rem;
  }
}
.product-single__add-to-cart {
  margin-top: 3.3rem;
  text-transform: uppercase;
}
@media (width < 768px) {
  .product-single__add-to-cart {
    height: 3.5rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-single__add-to-cart {
    height: 3.7rem;
    font-size: 1.6rem;
  }
}
.product-single__spoiler-box {
  display: flex;
  flex-direction: column;
}
@media (width < 768px) {
  .product-single__spoiler-box {
    margin-top: 2rem;
    row-gap: 2rem;
  }
}
@media (width >= 768px) {
  .product-single__spoiler-box {
    margin-top: 3rem;
    row-gap: 3rem;
  }
}
.product-single__spoiler-body {
  color: #686766;
  line-height: normal;
}
@media (width < 768px) {
  .product-single__spoiler-body {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-single__spoiler-body {
    font-size: 1.2rem;
  }
}
.product-single__spoiler-body > *:first-child {
  margin-top: 0.8rem;
}
.product-single .spoiler__header {
  color: #566448;
  transition: color 0.3s;
}
@media (width < 768px) {
  .product-single .spoiler__header {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .product-single .spoiler__header {
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .product-single .spoiler__header:hover {
    color: #000;
  }
}

@media (width < 768px) {
  .shop-category {
    padding-top: 1.9rem;
  }
}
@media (width >= 768px) {
  .shop-category {
    padding-top: 4rem;
  }
}
@media (width < 768px) {
  .shop-category-header {
    padding-bottom: 1.75rem;
    border-bottom: 1px solid rgba(86, 100, 72, 0.29);
  }
}
.shop-category-header .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (width < 768px) {
  .shop-category-header .wrap {
    row-gap: 0.8rem;
  }
}
@media (width >= 768px) {
  .shop-category-header .wrap {
    row-gap: 1.5rem;
  }
}
.shop-category-header .page__title {
  font-weight: 300;
}
@media (width < 768px) {
  .shop-category-header .page__title {
    font-size: 1.6rem;
  }
}
@media (width >= 768px) {
  .shop-category-header .page__title {
    font-size: 3.2rem;
  }
}
.shop-category__desc {
  font-style: italic;
}
@media (width < 768px) {
  .shop-category__desc {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .shop-category__desc {
    font-size: 1.8rem;
  }
}
@media (width < 768px) {
  .shop-category-actions {
    padding-top: 1.85rem;
  }
}
@media (width >= 768px) {
  .shop-category-actions {
    padding: 0.8rem 0 2rem;
    border-bottom: 1px solid rgba(86, 100, 72, 0.29);
  }
}
.shop-category-actions .wrap {
  display: flex;
  justify-content: space-between;
}
.shop-category__products-count {
  flex-shrink: 0;
  color: #566448;
}
@media (width < 768px) {
  .shop-category__products-count {
    font-size: 0.9rem;
  }
}
@media (width >= 768px) {
  .shop-category__products-count {
    font-size: 1.6rem;
  }
}
.shop-category-list {
  display: grid;
}
@media (width < 768px) {
  .shop-category-list {
    padding-top: 1.7rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.3rem 3rem;
  }
}
@media (width >= 768px) {
  .shop-category-list {
    padding-top: 0.8rem;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.8rem 4rem;
  }
}
.shop-category-loadmore-wrap {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 1.3rem;
}
.shop-category-counter {
  font-style: italic;
  font-size: 1.3rem;
  color: #566448;
}
.shop-category:has(.no-products-found) .shop-category-header,
.shop-category:has(.no-products-found) .shop-category-actions,
.shop-category:has(.no-products-found) .advantages {
  display: none;
}

@media (width < 768px) {
  .thank-u {
    padding-top: 5.4rem;
  }
}
@media (width >= 768px) {
  .thank-u {
    padding-top: 9.2rem;
  }
}
.thank-u__box {
  text-align: center;
}
.thank-u__box h1 {
  text-transform: uppercase;
  font-weight: 600;
}
@media (width < 768px) {
  .thank-u__box h1 {
    font-size: 1.3rem;
    line-height: 154%;
  }
}
@media (width >= 768px) {
  .thank-u__box h1 {
    font-size: 2rem;
  }
}
@media (width < 768px) {
  .thank-u__box h1 + p {
    margin-top: 3.5rem;
  }
}
@media (width >= 768px) {
  .thank-u__box h1 + p {
    margin-top: 4rem;
  }
}
@media (width < 768px) {
  .thank-u__box p {
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .thank-u__box p {
    font-size: 1.6rem;
  }
}
.thank-u__btn-box {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (width < 768px) {
  .thank-u__btn-box {
    margin-top: 5.4rem;
    row-gap: 3rem;
  }
}
@media (width >= 768px) {
  .thank-u__btn-box {
    margin-top: 6.4rem;
    row-gap: 3.4rem;
  }
}
@media (width < 768px) {
  .thank-u__btn-box .btn {
    height: 2.6rem;
    max-width: 18.5rem;
    font-size: 1.1rem;
  }
}
@media (width >= 768px) {
  .thank-u__btn-box .btn {
    height: 3.5rem;
    max-width: 26.3rem;
    font-size: 1.6rem;
  }
}/*# sourceMappingURL=main.css.map */