/* General */
h1, h2, h3, h4, h5, h6 {
  color: #2F1F07;
  font-weight: 500;
}

h1 {
  font-size: 44px;
  line-height: 48px;
}

h2 {
  font-size: 38px;
  line-height: 44px;
}

h3 {
  font-size: 28px;
  line-height: 34px;
}

h4 {
  font-size: 24px;
  line-height: 30px;
}

h5 {
  font-size: 20px;
  line-height: 28px;
}

h6 {
  font-size: 16px;
  line-height: 24px;
}

/* Header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  transition: all 150ms ease;
  z-index: 10;
}
.header.scrolled {
  top: -105px;
  box-shadow: 0 5px 15px rgba(47, 31, 7, 0.1);
}
.header__info {
  background-color: #e9d1b9;
}
.header__info-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  text-align: center;
}
.header__info-content * {
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #2F1F07;
}
.header__info-content a {
  text-decoration: underline;
}
.header__info-content a:hover {
  text-decoration: none;
}
.header__top {
  background-color: #4B2E05;
}
.header__top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.header__bottom {
  background-color: #ffffff;
}
.header__bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
.header__nav-list {
  display: flex;
  align-items: center;
}
.header__nav-item {
  margin-right: 25px;
}
.header__nav-link {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
}
.header__nav-link:hover {
  color: #e9d1b9;
}
.header__logo {
  display: block;
  width: 60px;
  height: 50px;
}
.header__logo-img {
  display: none;
}
.header__logo-short {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header__catalog {
  display: flex;
  align-items: center;
  height: 100%;
}
.header__catalog-list {
  display: flex;
  align-items: center;
  height: 100%;
}
.header__catalog-item {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  color: #2F1F07;
}
.header__catalog-item:hover {
  color: #B27F56;
  background-color: #f9f9f9;
}
.header__catalog-item:hover .header__subcatalog {
  visibility: visible;
  opacity: 1;
}
.header__catalog-link {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 14px;
  line-height: 21px;
  color: inherit;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.header__catalog-link .icon {
  display: block;
  width: 6px;
  margin-left: 5px;
  fill: #352d25;
}
.header__subcatalog {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #f9f9f9;
  padding: 30px 0;
  box-shadow: 0 5px 15px rgba(47, 31, 7, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 100ms ease;
  z-index: -1;
}
.header__subcatalog-list {
  max-width: 860px;
  margin: 0 auto;
  -moz-column-count: 5;
       column-count: 5;
  -moz-column-width: 170px;
       column-width: 170px;
}
.header__subcatalog-item {
  margin-bottom: 15px;
}
.header__subcatalog-link {
  display: inline-block;
  font-size: 15px;
  line-height: 21px;
  color: #2F1F07;
}
.header__subcatalog-link:hover {
  color: #B27F56;
  text-decoration: underline;
}
.header__subcatalog-link span {
  display: inline-block;
  color: #a08a75;
  font-size: 13px;
  line-height: 21px;
  padding-left: 5px;
}
.header__info {
  display: flex;
  align-items: center;
}
.header__phone {
  display: none;
}
.header__user {
  display: flex;
  align-items: center;
}
.header__user-content {
  display: flex;
  align-items: center;
}
.header__user-item {
  color: #2F1F07;
  margin: 0 5px;
}
.header__user-item:hover {
  color: #B27F56;
}
.header__user-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: inherit;
  position: relative;
  cursor: pointer;
}
.header__user-link .icon {
  width: 24px;
  height: 24px;
}
.header__user-count {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  min-width: 20px;
  padding: 0 3px;
  position: absolute;
  top: -3px;
  right: -4px;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  background-color: #B27F56;
  border-radius: 50px;
}
.header__menu {
  display: none;
}

/* Footer */
.footer {
  margin-top: auto;
  background-color: #ffffff;
}
.footer__top {
  padding-top: 60px;
}
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-top: 1px solid #e9d1b9;
}
.footer__item {
  margin-bottom: 40px;
}
.footer__item-title {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #a08a75;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.footer__item-text {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  max-width: 360px;
}
.footer__logo {
  display: block;
  width: 200px;
  min-width: 200px;
  height: 50px;
  margin-bottom: 15px;
}
.footer__logo-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer__nav-item {
  margin-bottom: 10px;
}
.footer__nav-link {
  display: inline-block;
  font-size: 16px;
  line-height: 21px;
  color: #2F1F07;
}
.footer__nav-link:hover {
  color: #B27F56;
}
.footer__block {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.footer__block .icon {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  fill: #B27F56;
}
.footer__block-item {
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
  margin-bottom: 3px;
}
.footer__block-phone {
  display: inline-block;
  font-size: 22px;
  line-height: 26px;
  color: #2F1F07;
  font-weight: 500;
}
.footer__block-phone:hover {
  color: #B27F56;
}
.footer__block-link {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
}
.footer__block-link:hover {
  color: #B27F56;
}
.footer__social {
  display: flex;
  align-items: center;
}
.footer__social-item {
  margin-right: 15px;
}
.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a08a75;
}
.footer__social-link .icon {
  width: 24px;
  height: 24px;
}
.footer__social-link:hover {
  color: #B27F56;
}
.footer__copy {
  display: block;
  font-size: 13px;
  line-height: 21px;
  color: #a08a75;
}
.footer__dev {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 21px;
  color: #a08a75;
}
.footer__dev span {
  padding-right: 10px;
}

/* Main */
/* hero */
.hero {
  overflow-x: hidden;
}
.hero__slider {
  border-radius: 10px;
}
.hero__slider-content {
  padding-top: 20px;
}
.hero__slider-link {
  display: block;
  overflow: hidden;
}
.hero__slider-picture {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 20% 0;
  position: relative;
  background-color: #ffffff;
}
.hero__slider-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* categories */
.categories {
  padding-top: 20px;
}
.categories__item {
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: #ffffff;
  overflow: hidden;
}
.categories__item:hover .categories__item-btn {
  color: #B27F56;
  text-decoration: none;
}
.categories__item-media {
  display: block;
  width: 130px;
  height: 130px;
  position: relative;
  background-color: #e9d1b9;
}
.categories__item-corner {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px;
  fill: #ffffff;
  z-index: 2;
}
.categories__item-picture {
  display: block;
  width: 100%;
  height: 100%;
}
.categories__item-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.categories__item-description {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  padding: 5px 10px;
  background-color: #ffffff;
}
.categories__item-title {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 2px;
}
.categories__item-text {
  display: block;
  font-size: 13px;
  line-height: 17px;
  color: #352d25;
  margin-bottom: 5px;
}
.categories__item-btn {
  display: block;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  color: #2F1F07;
  text-decoration: underline;
}

/* sales */
.sales__slider {
  position: relative;
  margin-bottom: 20px;
}
.sales .tabs {
  position: absolute;
  top: -80px;
  right: 0;
  margin-bottom: 0;
  z-index: 5;
}
.sales .tabs__btn {
  margin-right: 0;
  margin-left: 10px;
}

/* news */
.news {
  border-top: 1px solid #e9d1b9;
  border-bottom: 1px solid #e9d1b9;
}

/* blog */
.blog__list .row > div[class^=col-] {
  margin-bottom: 20px;
}
.blog__item {
  height: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  transition: all 150ms ease;
  overflow: hidden;
  border: 1px solid transparent;
}
.blog__item:hover {
  border-color: #B27F56;
}
.blog__item:hover .blog__item-img {
  transform: scale(1.03);
}
.blog__item-link {
  display: block;
  background-color: #e9d1b9;
}
.blog__item-picture {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 53% 0;
  position: relative;
}
.blog__item-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 200ms ease;
  transform-origin: center center;
}
.blog__item-description {
  padding: 15px;
}
.blog__item-title {
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #2F1F07;
  font-weight: 500;
  margin-bottom: 10px;
}
.blog__item-title:hover {
  color: #B27F56;
}
.blog__item-date {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 21px;
  color: #a08a75;
  margin-bottom: 10px;
}
.blog__item-date .icon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.blog__item-text p {
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  margin-bottom: 10px;
}
.blog__item-btn {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  color: #2F1F07;
  text-decoration: underline;
}
.blog__item-btn:hover {
  color: #B27F56;
  text-decoration: none;
}
.blog__mini {
  display: flex;
  margin-bottom: 20px;
}
.blog__mini-link {
  display: block;
  width: 70px;
  min-width: 70px;
}
.blog__mini-picture {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 50% 0;
  border-radius: 5px;
  position: relative;
  background-color: #e9d1b9;
}
.blog__mini-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 200ms ease;
  transform-origin: center center;
}
.blog__mini-description {
  padding-left: 15px;
}
.blog__mini-title {
  display: block;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  color: #2F1F07;
  margin-bottom: 8px;
}
.blog__mini-title:hover {
  color: #B27F56;
}
.blog__mini-date {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 19px;
  color: #a08a75;
  margin-bottom: 8px;
}
.blog__mini-date .icon {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.blog__mini-text p {
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  margin-bottom: 10px;
}

/* post */
.post__top {
  margin-bottom: 20px;
}
.post__media {
  border-radius: 10px;
  overflow: hidden;
  background-color: #e9d1b9;
}
.post__picture {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 25% 0;
  position: relative;
}
.post__img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 200ms ease;
  transform-origin: center center;
}
.post__info {
  display: flex;
  align-items: center;
  padding-top: 20px;
}
.post__info-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 19px;
  color: #a08a75;
  margin-right: 20px;
}
.post__info-item .icon {
  width: 15px;
  height: 15px;
  margin-right: 7px;
}
.post__nav {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #e9d1b9;
}
.post__nav-link {
  display: flex;
  width: 50%;
  font-size: 14px;
  line-height: 19px;
  color: #352d25;
  text-decoration: underline;
}
.post__nav-link .icon {
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: 3px;
}
.post__nav-link:hover {
  color: #B27F56;
}
.post__nav-prev .icon {
  margin-right: 10px;
}
.post__nav-next {
  justify-content: flex-end;
  text-align: right;
}
.post__nav-next .icon {
  margin-left: 10px;
}
.post__related {
  padding: 20px 25px;
  background-color: #ffffff;
  border-radius: 10px;
}
.post__related-title {
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #2F1F07;
  font-weight: 500;
  margin-bottom: 20px;
}

/* catalog */
.catalog__filter {
  display: none;
}
.catalog__sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.catalog__sort-list {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
}
.catalog__sort-item {
  margin-right: 30px;
}
.catalog__select {
  display: flex;
  align-items: center;
}
.catalog__select-sort .select {
  min-width: 200px;
}
.catalog__select span {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  margin-right: 10px;
}
.catalog__view {
  display: none;
}

/* contacts */
.contacts__content {
  display: flex;
  align-items: stretch;
  border-radius: 10px;
  overflow: hidden;
}
.contacts__info {
  width: 35%;
  padding: 20px 25px;
  background-color: #ffffff;
}
.contacts__info-text {
  display: block;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 40px;
}
.contacts__block {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}
.contacts__block .icon {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  fill: #B27F56;
}
.contacts__block-item {
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
  margin-bottom: 3px;
}
.contacts__block-phone {
  display: inline-block;
  font-size: 22px;
  line-height: 26px;
  color: #2F1F07;
  font-weight: 500;
}
.contacts__block-phone:hover {
  color: #B27F56;
}
.contacts__block-link {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
}
.contacts__block-link:hover {
  color: #B27F56;
}
.contacts__map {
  width: 65%;
  height: 0;
  overflow: hidden;
  padding-bottom: 50%;
  background-color: #e5e3df;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448' fill='%23d1cfc9'%3E%3Cpath d='M440 68H224a8 8 0 0 0 0 16h208v320H16V84h49.81A71.95 71.95 0 0 0 64 100c0 67.3 64.97 109.03 67.73 110.77a8 8 0 0 0 8.54 0c2.53-1.6 57.5-36.9 66.49-94.77h111.6c-3.43 16.57-20.38 31.86-36.84 46.7-23.21 20.92-49.52 44.64-36.92 75.34 6.07 14.78 17.7 18.62 28.94 22.32 10.62 3.5 22.66 7.47 35.66 21.15 13.2 13.9 29.85 21.22 47.76 21.22 3.74 0 7.53-.32 11.36-.97a74.3 74.3 0 0 0 31.68-13.5v31.94a97.8 97.8 0 0 1-29.22 9.87c-22.98 3.75-42.92-2.26-59.26-17.86-23.03-22-45.38-23.95-66.98-25.83-21.52-1.89-43.77-3.83-70.49-25.58-47.09-38.34-73.77-41.93-126.05-43.62V108a8 8 0 0 0-16 0v272a8 8 0 0 0 8 8h368a8 8 0 0 0 8-8V172a8 8 0 0 0-16 0v93.1c-5.74 10.45-21.62 18.74-34.34 20.89-11.85 2-29.25.93-44.86-15.5-15.77-16.6-31.07-21.64-42.25-25.32-11.01-3.63-16-5.56-19.15-13.2-7.76-18.93 7.23-34.3 32.84-57.4 19.37-17.46 39.34-35.48 42.36-58.57h9.4a8 8 0 0 0 0-16H208c0-39.7-32.3-72-72-72a72.07 72.07 0 0 0-64.47 40H8a8 8 0 0 0-8 8v336a8 8 0 0 0 8 8h432a8 8 0 0 0 8-8V76a8 8 0 0 0-8-8zM48 372V233.2c51.56 1.69 73.26 5.24 115.95 40 30.53 24.86 56.38 27.12 79.2 29.11 20.58 1.8 38.35 3.36 57.32 21.48 16.16 15.42 35.81 23.35 57.53 23.35 5.2 0 10.53-.46 15.96-1.38a113.51 113.51 0 0 0 26.04-7.8V372H48zm88-328c30.88 0 56 25.12 56 56 0 49.13-42.26 84.16-56 94.26-13.77-10.07-56-44.98-56-94.26 0-30.88 25.12-56 56-56z'/%3E%3Cpath d='M408 148a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0 0 16h24v24a8 8 0 0 0 8 8zM357.5 158.2l-.43-.38c-.1-.09-.21-.16-.32-.24l-.3-.23-.37-.22-.3-.19-.37-.17-.35-.16-.34-.13-.4-.14-.33-.08c-.14-.04-.29-.08-.43-.1-.12-.03-.24-.04-.37-.06l-.4-.06c-.2-.02-.4-.03-.61-.03L352 156h-.18l-.6.04c-.14.01-.28.04-.41.06l-.37.05-.43.11-.33.09-.4.13-.34.13-.35.16-.36.18-.31.18-.36.22-.31.23c-.1.08-.22.15-.32.24l-.42.37c-.05.06-.11.1-.17.15l-16 16a8 8 0 0 0 11.32 11.32l2.34-2.34v9.37l-13.66 13.65a8 8 0 0 0 11.32 11.32l2.34-2.35V236a8 8 0 0 0 16 0v-20.69l2.34 2.35a7.98 7.98 0 0 0 11.32 0 8 8 0 0 0 0-11.32L360 192.7v-9.37l2.34 2.34a7.98 7.98 0 0 0 11.32 0 8 8 0 0 0 0-11.32l-16-16-.17-.15zM186.34 221.34a8 8 0 0 0 11.32 11.32l2.34-2.35V251a8 8 0 0 0 16 0v-20.69l2.34 2.35a7.98 7.98 0 0 0 11.32 0 8 8 0 0 0 0-11.32L216 207.7v-9.37l2.34 2.34a7.98 7.98 0 0 0 11.32 0 8 8 0 0 0 0-11.32l-16-16-.17-.15c-.13-.13-.27-.25-.42-.37-.1-.09-.21-.16-.32-.24l-.3-.23-.37-.22-.3-.18-.37-.18-.35-.16-.34-.13-.4-.14-.33-.08c-.14-.04-.29-.08-.43-.1-.12-.03-.24-.04-.37-.06l-.4-.06c-.2-.02-.4-.03-.61-.03L208 171h-.18l-.6.04c-.14.01-.28.04-.41.06l-.37.05-.43.11-.33.09-.4.13-.34.13-.35.16-.36.18-.31.18-.36.22-.31.23c-.1.08-.22.15-.32.24l-.42.37-.16.15-16 16a8 8 0 0 0 11.3 11.32l2.35-2.34v9.37l-13.66 13.65zM136 140a40.05 40.05 0 0 0 38.74-50 8 8 0 0 0-15.5 4A24.03 24.03 0 0 1 136 124c-13.22 0-23.99-10.77-23.99-24a24.03 24.03 0 0 1 30-23.25 8 8 0 1 0 4-15.49A40.05 40.05 0 0 0 96 100c0 22.06 17.94 40 40 40z'/%3E%3C/svg%3E");
  position: relative;
}
.contacts__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* order */
.order__block {
  padding: 20px 25px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 10px;
}
.order__block-title {
  display: block;
  font-size: 26px;
  line-height: 32px;
  color: #2F1F07;
  font-weight: 500;
  margin-bottom: 20px;
}
.order__block-subtitle {
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #2F1F07;
  margin-bottom: 15px;
}
.order__block-text {
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  margin-bottom: 15px;
}
.order__block-text a {
  color: #B27F56;
  text-decoration: underline;
}
.order__block-text a:hover {
  text-decoration: none;
}
.order__block-list {
  margin-bottom: 25px;
}
.order__block-item {
  margin-bottom: 14px;
}
.order__cart-list {
  max-height: 500px;
  margin-bottom: 20px;
  padding-right: 20px;
}
.order__cart-total {
  padding: 15px 20px;
  background-color: #F6F1E7;
  border-radius: 10px;
}
.order__cart-total__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  color: #2F1F07;
  margin-bottom: 10px;
}
.order__cart-total__item:last-child {
  margin-bottom: 0;
}
.order__cart-total__title {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.order__cart-total__sum {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}
.order__cart-promocode {
  padding: 15px;
  background-color: #F6F1E7;
  border-radius: 10px;
  margin-bottom: 10px;
}
.order__cart-promocode__success {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 3px;
  right: 3px;
  height: 39px;
  width: 39px;
  color: #2F1F07;
  background-color: #e9d1b9;
}
.order__cart-promocode__success .icon {
  width: 25px;
  height: 25px;
}
.order__cart-promocode .btn {
  width: 100%;
}
.order__cart-callback {
  padding: 20px 0;
}
.order__cart-actions .btn {
  width: 100%;
}
.order__table-item {
  position: relative;
  border-bottom: 1px dashed #e9d1b9;
}
.order__table-item td {
  vertical-align: top;
  padding-top: 20px;
  padding-bottom: 20px;
}
.order__photo {
  width: 120px;
  min-width: 120px;
  text-align: left;
}
.order__photo-link {
  display: block;
  margin-bottom: 10px;
  background-color: #e9d1b9;
  border-radius: 5px;
  overflow: hidden;
}
.order__photo-picture {
  display: block;
  height: 0;
  overflow: hidden;
  width: 100%;
  padding: 37% 0;
  position: relative;
}
.order__photo-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.order__delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #a08a75;
  position: absolute;
  top: 17px;
  right: 0;
}
.order__delete .icon {
  width: 18px;
  height: 18px;
}
.order__delete:hover {
  color: #B27F56;
}
.order__description {
  padding-left: 20px;
}
.order__name {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #2F1F07;
  margin-bottom: 10px;
  padding-right: 50px;
}
.order__name:hover {
  color: #B27F56;
}
.order__sku {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #a08a75;
  margin-bottom: 10px;
}
.order__params {
  margin-bottom: 15px;
}
.order__params-item {
  display: block;
  font-size: 14px;
  line-height: 23px;
  color: #352d25;
}
.order__params-title {
  padding-right: 10px;
}
.order__quantity {
  margin-bottom: 20px;
}
.order__price {
  display: flex;
  align-items: baseline;
}
.order__price-discount {
  display: flex;
  font-size: 14px;
  line-height: 1;
  color: #352d25;
  text-decoration: line-through;
  margin-right: 10px;
}
.order__price-current {
  display: flex;
  font-size: 18px;
  line-height: 1;
  color: #2F1F07;
  font-weight: bold;
}

/* product */
.product__label {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 10px;
  left: 10px;
  pointer-events: none;
  z-index: 2;
}
.product__label-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 8px;
  height: 30px;
  min-width: 60px;
  position: relative;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  margin-bottom: 4px;
}
.product__top {
  margin-bottom: 50px;
}
.product__slider {
  position: relative;
  position: sticky;
  top: 120px;
  left: 0;
}
.product__slider-gallery {
  border-radius: 10px;
}
.product__slider-link {
  display: block;
  border-radius: 10px;
  background-color: #e9d1b9;
  overflow: hidden;
}
.product__slider-picture {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  padding: 37% 0;
}
.product__slider-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product__slider-thumbs {
  padding: 10px 0;
}
.product__slider-thumbs__item {
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #F6F1E7;
}
.product__slider-thumbs__item.swiper-slide-thumb-active {
  border-color: #B27F56;
}
.product__slider-thumbs__picture {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  padding: 50% 0;
  background-color: #e9d1b9;
}
.product__slider-thumbs__img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product__description {
  padding-left: 15px;
}
.product__subtitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.product__sku {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 10px;
  height: 35px;
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
  background-color: #e9d1b9;
  border-radius: 3px;
}
.product__available span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 10px;
  height: 35px;
  font-size: 14px;
  line-height: 21px;
  border-radius: 3px;
}
.product__available span.is-active {
  color: #ffffff;
  background-color: #4B2E05;
}
.product__available span.for-order {
  color: #2F1F07;
  background-color: #e9d1b9;
}
.product__available span.not-active {
  color: #ffffff;
  background-color: #2F1F07;
}
.product__title {
  display: block;
  font-size: 34px;
  line-height: 42px;
  font-weight: 500;
  margin-bottom: 30px;
}
.product__options {
  padding: 20px 25px;
  margin-bottom: 35px;
  border-radius: 10px;
  background-color: #ffffff;
}
.product__options-title {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  margin-bottom: 10px;
}
.product__color {
  margin-bottom: 15px;
}
.product__color-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.product__color-item {
  margin-right: 5px;
  margin-bottom: 5px;
}
.product__color-item.is-active .product__color-link {
  border-color: #2F1F07;
}
.product__color-item:hover .product__color-link {
  border-color: #2F1F07;
}
.product__color-item:hover .product__color-tooltip {
  display: block;
}
.product__color-link {
  display: block;
  border: 2px solid #e9d1b9;
  border-radius: 8px;
  position: relative;
}
.product__color-link:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  background-color: currentColor;
  border: 3px solid #ffffff;
  border-radius: 8px;
}
.product__color-tooltip {
  display: none;
  position: absolute;
  top: -42px;
  left: 50%;
  padding: 6px 12px;
  color: #ffffff;
  font-size: 13px;
  line-height: 19px;
  background-color: #2F1F07;
  border-radius: 3px;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 2;
  pointer-events: none;
}
.product__color-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #2F1F07;
}
.product__size-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.product__size-item {
  margin-right: 5px;
  margin-bottom: 5px;
}
.product__size-link {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
  text-decoration: underline;
}
.product__price {
  display: flex;
  margin-bottom: 40px;
}
.product__price-item {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  width: 50%;
}
.product__price-title {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  color: #2F1F07;
  margin-bottom: 10px;
}
.product__price-discount {
  font-size: 16px;
  line-height: 30px;
  color: #352d25;
  text-decoration: line-through;
  margin-right: 10px;
}
.product__price-discount span {
  font-size: 14px;
  padding-left: 4px;
}
.product__price-current {
  font-size: 28px;
  line-height: 30px;
  color: #2F1F07;
  font-weight: bold;
}
.product__price-current span {
  font-size: 18px;
  padding-left: 4px;
}
.product__action {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.product__qty {
  margin-right: 30px;
}
.product__qty .qty {
  width: 130px;
}
.product__buy .btn {
  min-width: 240px;
}
.product__info {
  padding-top: 20px;
  border-top: 1px solid #e9d1b9;
}
.product__info-item {
  text-align: center;
}
.product__info-picture {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
.product__info-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product__info-title {
  font-size: 16px;
  line-height: 21px;
  color: #2F1F07;
  font-weight: 500;
  padding-top: 5px;
  margin-bottom: 5px;
}
.product__info-text {
  font-size: 13px;
  line-height: 21px;
  color: #352d25;
}

/* product item */
.product__item {
  margin-bottom: 20px;
  transition: all 100ms ease;
  border-radius: 10px;
  border: 1px solid transparent;
}
.product__item:hover {
  border-color: #B27F56;
}
.product__item-top {
  border-radius: 10px 10px 0 0;
  position: relative;
  overflow: hidden;
}
.product__item-link {
  display: block;
  background-color: #e9d1b9;
}
.product__item-link:hover .product__item-picture {
  opacity: 0;
}
.product__item-link:hover .product__item-view {
  display: block;
}
.product__item-picture {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 37% 0;
  position: relative;
}
.product__item-view {
  display: none;
  height: 0;
  overflow: hidden;
  padding: 37% 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.product__item-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product__item-bottom {
  padding: 15px 15px 20px;
  background-color: #ffffff;
  border-radius: 0 0 10px 10px;
  text-align: center;
}
.product__item-title {
  display: block;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  color: #2F1F07;
  margin-bottom: 5px;
  height: 44px;
  overflow: hidden;
}
.product__item-title:hover {
  color: #352d25;
}
.product__item-sku {
  display: block;
  font-size: 13px;
  line-height: 21px;
  color: #a08a75;
  margin-bottom: 15px;
}
.product__item-cost {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.product__item-cost__title {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 1;
  color: #a08a75;
  margin-bottom: 5px;
}
.product__item-price {
  display: block;
  color: #2F1F07;
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
}
.product__item-price span {
  font-size: 16px;
  padding-left: 4px;
}
.product__item-discount {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: #352d25;
  text-decoration: line-through;
  margin-right: 5px;
}
.product__item-discount span {
  padding-left: 2px;
}
.product__item-action {
  padding-top: 10px;
}
.product__item-buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 45px;
  width: 190px;
  color: #ffffff;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 50px;
  background-color: #B27F56;
}
.product__item-buy:hover {
  background-color: #2F1F07;
}
.product__item-unavailable {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 45px;
  color: #a08a75;
  font-size: 14px;
  line-height: 21px;
  font-style: italic;
}
.product__item.not-available .product__item-img {
  filter: grayscale(1);
  opacity: 0.4;
}
.product__item.not-available .product__item-title {
  color: #352d25;
}
.product__item.not-available .product__item-price span {
  color: #352d25;
}

/* filter */
.filter {
  padding: 15px 20px;
  border-radius: 10px;
  background-color: #ffffff;
}
.filter__top {
  margin-bottom: 25px;
}
.filter__top-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 26px;
  color: #2F1F07;
  font-weight: 500;
}
.filter__top-title .icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #B27F56;
  margin-right: 10px;
}
.filter__top-close {
  display: none;
}
.filter__item {
  margin-bottom: 30px;
}
.filter__item-block {
  margin-bottom: 25px;
}
.filter__item-block:only-child {
  margin-bottom: 0;
}
.filter__item-block:last-of-type {
  margin-bottom: 0;
}
.filter__item-title {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9d1b9;
  position: relative;
}
.filter__item-title:hover {
  color: #B27F56;
}
.filter__item-title:hover .filter__item-indicator {
  color: #B27F56;
  border-color: #B27F56;
}
.filter__item-title.is-hide .filter__item-indicator:after {
  display: block;
}
.filter__item-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -1px;
  right: 0;
  width: 24px;
  height: 24px;
  color: #a08a75;
  border: 1px solid #a08a75;
  border-radius: 3px;
}
.filter__item-indicator:before, .filter__item-indicator:after {
  content: "";
  position: absolute;
}
.filter__item-indicator:before {
  display: block;
  width: 12px;
  height: 2px;
  background-color: currentColor;
}
.filter__item-indicator:after {
  display: none;
  width: 2px;
  height: 12px;
  background-color: currentColor;
}
.filter__item-content {
  padding-top: 20px;
}
.filter__sort-list {
  max-height: 220px;
}
.filter__sort-item {
  margin-bottom: 14px;
}
.filter__range {
  display: flex;
}
.filter__range-item {
  display: flex;
  align-items: center;
  width: 33.3%;
}
.filter__range-item span {
  display: block;
  width: 25px;
  min-width: 25px;
  margin: 0 5px;
  font-size: 14px;
  line-height: 21px;
  color: #a08a75;
  text-align: center;
}
.filter__range-label {
  width: 100%;
}
.filter__range-input {
  display: block;
  height: 40px;
  width: 100%;
  padding: 0 10px;
  border: 1px solid #a08a75;
  border-radius: 3px;
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
}
.filter__range-input:focus, .filter__range-input:active {
  border-color: #B27F56;
}
.filter__range-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 40px;
  width: 40px;
  min-width: 40px;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  background-color: #B27F56;
  border-radius: 50%;
  text-transform: uppercase;
  margin-left: 10px;
}
.filter__range-btn:hover {
  background-color: #2F1F07;
}
.filter__close {
  display: none;
}
.filter__bubble {
  display: none;
  position: absolute;
  left: 100%;
  min-width: 240px;
  background-color: #2f1f07;
  border-radius: 5px;
  text-align: center;
  z-index: 20;
}
.filter__bubble.is-show {
  display: block;
}
.filter__bubble-content {
  display: flex;
  align-items: center;
  padding: 13px 17px;
}
.filter__bubble-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #2F1F07;
}
.filter__bubble-link {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: yellow;
  text-decoration: underline;
}
.filter__bubble-link:hover {
  text-decoration: none;
}
.filter__bubble-text {
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin-right: 10px;
  color: #ffffff;
  white-space: nowrap;
}
.filter__reset {
  margin-bottom: 30px;
}
.filter__reset .btn {
  width: 100%;
}
.filter__tags-block {
  margin-bottom: 10px;
}
.filter__tags-block:only-child {
  margin-bottom: 0;
}
.filter__tags-block:last-of-type {
  margin-bottom: 0;
}
.filter__tags-title {
  display: block;
  font-size: 13px;
  line-height: 19px;
  color: #352d25;
  margin-bottom: 10px;
}
.filter__tags-list {
  display: flex;
  flex-wrap: wrap;
}
.filter__tags-item {
  margin-right: 5px;
  margin-bottom: 5px;
}
.filter__tags-link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  color: #2F1F07;
  height: 32px;
  padding: 0 10px;
  background-color: #F6F1E7;
  border-radius: 3px;
}
.filter__tags-link .icon {
  width: 9px;
  height: 9px;
  margin-left: 7px;
  transition: none;
  fill: #B27F56;
}
.filter__tags-link:hover {
  color: #B27F56;
}

/* pagination */
.pagination {
  padding: 30px 0;
}
.pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
.pagination__item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2F1F07;
  width: 50px;
  height: 50px;
  margin: 3px;
  cursor: default;
  transition: all 100ms ease;
  background-color: transparent;
  border: 1px solid #B27F56;
  border-radius: 50%;
}
.pagination__item:first-child {
  margin-right: 30px;
}
.pagination__item:last-child {
  margin-left: 30px;
}
.pagination__item.is-active {
  color: #B27F56;
  background-color: #ffffff;
  border-color: #ffffff;
}
.pagination__item:hover:not(.is-active):not(.disabled) {
  color: #B27F56;
}
.pagination__item.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.pagination__link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  font-size: 16px;
  line-height: 19px;
  width: 50px;
  height: 50px;
  font-weight: 500;
  border-radius: 50%;
  cursor: pointer;
}
.pagination__link .icon {
  width: 16px;
  height: 16px;
}

/* profile */
.profile__nav {
  padding: 20px 30px;
  background-color: #ffffff;
  border-radius: 10px;
}
.profile__nav-item {
  padding: 7px 0;
}
.profile__nav-link {
  display: inline-block;
  color: #352d25;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.profile__nav-link.is-active {
  color: #B27F56;
}
.profile__nav-link:hover {
  color: #B27F56;
}
.profile__block {
  padding: 25px 30px;
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
}
.profile__block-title {
  display: block;
  font-size: 26px;
  line-height: 32px;
  color: #2F1F07;
  font-weight: 500;
  margin-bottom: 20px;
}
.profile__content .btn {
  min-width: 240px;
}
.profile__order-item {
  margin-bottom: 12px;
  padding: 12px 15px;
  border: 1px solid #e9d1b9;
  border-radius: 5px;
}
.profile__order-item.is-show .profile__order-description {
  display: table-row-group;
  border-top: 15px solid #ffffff;
}
.profile__order-head {
  text-align: left;
}
.profile__order-head tr th {
  font-weight: normal;
}
.profile__order-info {
  width: 40%;
  vertical-align: top;
}
.profile__order-title {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  font-weight: normal;
  margin-bottom: 5px;
}
.profile__order-number {
  padding-right: 7px;
}
.profile__order-date {
  padding-left: 7px;
}
.profile__order-cost {
  width: 40%;
  vertical-align: top;
}
.profile__order-status {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
}
.profile__order-status.is-new {
  color: #fe9800;
}
.profile__order-status.is-cancel {
  color: #2F1F07;
}
.profile__order-status.is-done {
  color: #4B2E05;
}
.profile__order-total {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #2F1F07;
  font-weight: 500;
}
.profile__order-image {
  vertical-align: top;
}
.profile__order-image a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #e9d1b9;
  overflow: hidden;
}
.profile__order-image a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile__order-more {
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
.profile__order-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  color: #a08a75;
  border: 1px solid;
  border-radius: 3px;
  position: relative;
}
.profile__order-btn:before, .profile__order-btn:after {
  content: "";
  display: block;
  position: absolute;
  background-color: currentColor;
}
.profile__order-btn:before {
  width: 12px;
  height: 2px;
}
.profile__order-btn:after {
  width: 2px;
  height: 12px;
}
.profile__order-btn:hover {
  color: #B27F56;
}
.profile__order-btn.is-active {
  color: #352d25;
}
.profile__order-btn.is-active:after {
  display: none;
}
.profile__order-description {
  display: none;
}
.profile__orderinfo p {
  font-size: 16px;
  line-height: 21px;
  color: #2F1F07;
  font-weight: 500;
  margin-bottom: 20px;
}
.profile__orderinfo ul {
  margin-bottom: 15px;
}
.profile__orderinfo ul li {
  font-size: 14px;
  line-height: 21px;
  color: #352d25;
  margin-bottom: 7px;
}
.profile__cart-list {
  margin-bottom: 20px;
}
.profile__cart-total {
  padding: 15px 20px;
  margin-bottom: 10px;
  background-color: #F6F1E7;
  border-radius: 10px;
}
.profile__cart-total__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  color: #2F1F07;
  margin-bottom: 10px;
}
.profile__cart-total__item:last-child {
  margin-bottom: 0;
}
.profile__cart-total__title {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.profile__cart-total__sum {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}
.profile__cart-bottom {
  text-align: right;
}

/* modal */
.modal {
  width: 100%;
  min-width: 480px;
  max-width: 900px;
}
.modal__min {
  max-width: 480px;
}
.modal__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.modal__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  text-align: center;
  overflow: auto;
}
.modal__inner:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  height: 100%;
  width: 0;
}
.modal__bg {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.85);
}
.modal__wrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  text-align: left;
  border-radius: 10px;
}
.modal__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  color: #a08a75;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 5;
}
.modal__close .icon {
  width: 14px;
  height: 14px;
}
.modal__close:hover {
  color: #B27F56;
}
.modal__content {
  padding: 20px 30px;
}
.modal__title {
  margin-bottom: 20px;
  text-align: center;
}
.modal__title-name {
  display: block;
  font-size: 28px;
  line-height: 34px;
  color: #2F1F07;
  font-weight: 500;
}
.modal__title-description {
  display: block;
  font-size: 14px;
  line-height: 23px;
  color: #352d25;
  padding-top: 5px;
}
.modal__cart {
  width: 640px;
}
.modal__cart-list {
  max-height: 460px;
  padding-right: 20px;
  margin-bottom: 20px;
}
.modal__cart-total {
  padding: 15px 20px;
  margin-bottom: 20px;
  background-color: #F6F1E7;
  border-radius: 10px;
}
.modal__cart-total__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  color: #2F1F07;
  margin-bottom: 10px;
}
.modal__cart-total__item:last-child {
  margin-bottom: 0;
}
.modal__cart-total__title {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.modal__cart-total__sum {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}
.modal__cart-actions {
  display: flex;
  justify-content: space-between;
  margin: 0 -5px;
}
.modal__cart-actions .btn {
  width: 50%;
  margin: 0 5px;
}

/* Wysiwyg */
/* Custom Styles */
.swiper-wrapper {
  box-sizing: border-box;
}

.swiper-container-horizontal {
  overflow: hidden;
  position: relative;
}

.swiper-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  color: #B27F56;
  background-color: #ffffff;
  background-image: none;
  border-radius: 50%;
  transition: all 100ms ease;
  outline: none;
  box-shadow: 0 0 0 10px #F6F1E7;
  z-index: 2;
}
.swiper-button .icon {
  width: 20px;
  height: 20px;
  transition: none;
}
.swiper-button:hover {
  color: #ffffff;
  background-color: #B27F56;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: -20px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: -20px;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  bottom: 25px;
  top: unset;
  z-index: 1;
  color: #2F1F07;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: #F6F1E7;
  border-radius: 50%;
  margin: 0 10px;
}

.swiper-pagination-bullet-active {
  background-color: #B27F56;
}

/* Media */
@media screen and (min-width: 1200px) {
  .header__info-content * {
    font-size: 16px;
  }
  .header__bottom-content {
    height: 95px;
  }
  .header__nav-item {
    margin-right: 30px;
  }
  .header__phone {
    display: block;
    position: relative;
    color: #B27F56;
  }
  .header__phone .icon {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
  }
  .header__phone-list {
    padding-left: 25px;
  }
  .header__phone-link {
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #2F1F07;
    padding: 2px 0;
  }
  .header__phone-link:hover {
    color: #B27F56;
  }
  .header__phone {
    padding-right: 15px;
  }
  .header__user .dropdown {
    display: none;
  }

  .categories__item-media {
    width: 150px;
    height: 150px;
  }
  .categories__item-description {
    padding: 10px 15px;
  }
  .categories__item-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .categories__item-text {
    font-size: 14px;
    line-height: 21px;
  }
  .categories__item-btn {
    font-size: 14px;
    line-height: 21px;
  }

  .catalog__sort {
    flex-wrap: nowrap;
  }
  .catalog__sort-list {
    width: auto;
    margin-bottom: 0;
  }
  .catalog__select {
    margin-left: 30px;
  }
  .catalog__select-sort {
    margin-left: auto;
  }

  .product__item-price {
    font-size: 22px;
  }
  .product__description {
    padding-left: 30px;
  }
  .product__title {
    font-size: 38px;
    line-height: 46px;
  }
  .product__price-current {
    font-size: 32px;
  }

  .blog__mini-link {
    width: 100px;
    min-width: 100px;
  }
  .blog__mini-description {
    padding-left: 20px;
  }
  .blog__mini-title {
    font-size: 18px;
    line-height: 24px;
  }

  .post__related {
    padding: 25px 30px;
  }
  .post__related-title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 25px;
  }

  .contacts__info {
    padding: 25px 30px;
  }
  .contacts__map {
    padding-bottom: 35%;
  }

  .order__cart-bottom {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
  }
  .order__cart-total {
    width: 100%;
    margin: 0 5px;
  }
  .order__cart-promocode {
    min-width: 45%;
    margin: 0 5px;
  }
}
@media screen and (min-width: 1360px) {
  .header__logo {
    width: 140px;
    height: 65px;
  }
  .header__logo-img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .header__logo-short {
    display: none;
  }
  .header__catalog-item {
    padding: 0 15px;
  }
  .header__catalog-link {
    font-size: 15px;
  }
  .header__user-item {
    margin: 0 10px;
  }

  .categories__item-media {
    width: 160px;
    height: 160px;
  }
  .categories__item-description {
    padding: 10px 20px;
  }
  .categories__item-title {
    margin-bottom: 7px;
  }
  .categories__item-btn {
    font-size: 14px;
    line-height: 21px;
  }

  .order__options {
    display: flex;
    align-items: center;
  }
  .order__params {
    margin-bottom: 0;
  }
  .order__quantity {
    margin-left: auto;
    margin-bottom: 0;
    padding-right: 30px;
  }
  .order__price {
    width: 35%;
    justify-content: flex-end;
  }

  .profile .order__options {
    align-items: flex-start;
    justify-content: space-between;
  }
  .profile .order__params {
    width: 50%;
  }
  .profile .order__price {
    width: 50%;
  }

  .modal__cart {
    width: 800px;
  }
}
@media screen and (min-width: 1600px) {
  .header__catalog-item {
    padding: 0 20px;
  }
  .header__catalog-link {
    font-size: 16px;
  }
  .header__phone {
    padding-right: 50px;
  }

  .categories__item-media {
    width: 200px;
    height: 200px;
  }
  .categories__item-description {
    padding: 10px 30px;
  }
  .categories__item-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .categories__item-text {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 15px;
  }

  .product__title {
    font-size: 42px;
    line-height: 50px;
  }
  .product__price-title {
    margin-bottom: 15px;
  }
  .product__price-discount {
    font-size: 18px;
  }
  .product__price-current {
    font-size: 36px;
  }
}