body {
  height: 100%;
  margin: 0;
  line-height: 1;
}

@font-face {
  font-family: "Georgia";
  src: url("../font/georgia.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Georgia";
  src: url("../font/georgiab.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../font/Inter-VariableFont.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

body > * {
  font-family: "Georgia";
}

#main {
  background-color: var(--white);
}

#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main {
  flex: 1;
}

.ui-dialog {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
}
img {
  max-width: 100%;
  height: auto;
}
/*HEADER STYLES*/
#footer .ajax-progress,
#header .ajax-progress {
  display: none;
}

.header-bottom {
  background: #ccc;
}

.toolbar .toolbar-tab .toolbar-icon {
  padding: 0.75em 1.5em 0.75em 2.5em;
}
.path-admin .messages--error {
  display: none;
}
/* *** contextual-region *** */
.contextual-region .contextual {
  display: none;
  top: -8px;
  right: 8px;
}

.contextual-region .contextual-region .contextual {
  top: 8px;
}

.contextual-region:hover .contextual {
  display: block;
}

.contextual-region .contextual .trigger {
  width: 22px !important;
  height: 22px !important;
  background-size: 14px 14px;
}

.cart-block--summary .cart-block--summary__count {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  background: #ccc;
  color: #fff;
  top: -3px;
  right: -9px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 500;
}

#header-mob {
  top: 0;
  width: 100%;
  background: #d9d9d9;
  color: #000;
  padding: 5px 5px;
  z-index: 50;
}

#header-mob.toolbar-horizontal #header-mob {
  top: 0;
}

#header-mob > * {
  padding: 0 10px;
}

#header-mob a {
  color: #000;
}

.offcanvas {
  --bs-offcanvas-bg: #d9d9d9;
}

.offcanvas .offcanvas-title {
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
}

.region-navigation .nav > .nav-item:hover .dropdown-menu {
  display: block;
  top: 100%;
  left: 0;
}

/*HEADER STYLES*/

/* SLICK STYLES */
.region-slider .view-content:not(.slick-initialized) .views-row {
  display: none;
}

.region-slider .view-content:not(.slick-initialized) .views-row:first-child {
  display: block;
}

div#slider-block
  .view.view-slayder.view-id-slayder
  .view-content
  .node--type-slide
  .content {
  position: absolute;
  top: 0;
  bottom: calc(1vw + 12px);
  left: 0;
  right: 0;
  display: flex;
  justify-content: end;
  color: #fff;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: calc(50% - 10px);
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

button.slick-prev.slick-arrow {
  left: 25px;
}

button.slick-next.slick-arrow {
  right: 25px;
}

ul.slick-dots {
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 7px;
  list-style: none;
  margin: 10px 0;
}

ul.slick-dots li button {
  background: #686868;
  border-radius: 50%;
  border: none;
  padding: 0;
  width: 10px;
  font-size: 0;
  height: 10px;
  display: block;
}

ul.slick-dots li button::before {
  display: none;
}

ul.slick-dots li.slick-active button {
  background: #272727;
}

button.slick-arrow {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

button.slick-arrow::before {
  content: "";
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 0;
}

button.slick-prev.slick-arrow::before {
  background-image: url("/sites/all/themes/vesta_theme/image/arrow-top.svg");
  transform: rotate(-90deg);
}

button.slick-next.slick-arrow::before {
  background-image: url("/sites/all/themes/vesta_theme/image/arrow-top.svg");
  transform: rotate(90deg);
}

#scrollToTop {
  width: 40px;
  height: 40px;
  background: none;
  text-indent: 0;
  font-size: 0;
  border: 0px;
  outline: 0px;
  display: flex;
  bottom: 120px;
  cursor: pointer;
  position: fixed;
  right: 306px;
  z-index: 10;
  transition: 0.2s;
  padding: 0;
}

/* SLICK STYLES */

/* PRODUCT PAGE STYLES*/
.product-teaser {
  display: flex;
  gap: 50px;
}

.product-teaser .product-teaser-image {
  max-width: 500px;
}

.product-teaser
  .product-teaser-image
  .field.field--name-field-variation-image.field--type-image
  .elements
  .current-slide.slick-initialized.slick-slider {
  margin: 0 0 10px;
}

.product-teaser
  .product-teaser-image
  .field.field--name-field-variation-image.field--type-image
  .elements
  .current-slide.slick-initialized.slick-slider
  .slick-list.draggable
  .slick-track
  .element.slick-slide
  img {
  max-width: 500px;
  min-width: 500px;
  max-height: 500px;
  min-height: 500px;
  object-fit: cover;
}

.product-teaser
  .product-teaser-image
  .field.field--name-field-variation-image.field--type-image
  .elements
  .nav-slide.slick-initialized.slick-slider
  .slick-list.draggable {
  margin: 0 -5px;
}

.product-teaser
  .product-teaser-image
  .field.field--name-field-variation-image.field--type-image
  .elements
  .nav-slide.slick-initialized.slick-slider
  .slick-list.draggable
  .slick-track
  .element.slick-slide {
  margin: 0 5px;
  max-width: 118px;
  min-width: 118px;
  max-height: 118px;
  min-height: 118px;
}

.product-teaser
  .product-teaser-image
  .field.field--name-field-variation-image.field--type-image
  .elements
  .nav-slide.slick-initialized.slick-slider
  .slick-list.draggable
  .slick-track
  .element.slick-slide
  img {
  max-width: 118px;
  min-width: 118px;
  max-height: 118px;
  min-height: 118px;
  object-fit: cover;
}

.product-teaser .product-teaser-info {
  max-width: 500px;
}

.product-view-full button.slick-prev.slick-arrow {
  left: -25px;
}

.product-view-full button.slick-next.slick-arrow {
  right: -25px;
}

.node--view-mode-full .field--name-body img {
  margin: 0 10px;
}

/* PRODUCT PAGE STYLES*/

/* переменные */
:root {
  --pink: #e38792;
  --brown: #4e0a0b;
  --white: #f2eee8;
  --green: #9dad71;
}

p,
a,
span {
  margin: 0;
  padding: 0;
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: unset;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #4e0a0b40;
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: 0 0 0 0.25rem #4e0a0b40;
}

/* шапка */
#header .header-top {
  padding: 14px 0px;
  background-color: #4e0a0b;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#header .header-top .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#header .header-top .container > div {
  display: flex;
  align-items: center;
  gap: 22px;
}

#header .header-top .mail,
#header .header-top .adres,
#header .header-top .tel {
  font-family: Inter;
  font-size: 16px;
  line-height: 1.13;
  letter-spacing: -0.32px;
  text-align: left;
  color: #b29e9f;
  text-decoration: none;
}

#header .header-bottom {
  padding: 16px 0;
  border-bottom: solid 1px #c8c5c0;
  background-color: var(--white);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#header .header-bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#header .header-bottom .container .header-bottom-navigation-container {
  width: 35%;
  justify-content: start;
}
#header .header-bottom .container .logo {
  width: 30%;
  justify-content: center;
  display: flex;
}
#header .header-bottom .container .navigation-right {
  width: 35%;
}

#header .header-bottom .form-search {
  display: none;
}

#header .header-bottom .navigation-right > .row {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: nowrap;
}

#header .header-bottom .navigation-right > .row > div {
  width: auto;
  padding: 0;
}

.nav-link:focus,
.nav-link:hover {
  color: unset;
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem #4e0a0b40;
}

.header-bottom-navigation-container ul li a,
#header .navigation-right .nav li a {
  margin: 0;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 1.13;
  letter-spacing: -0.32px;
  text-align: left;
  color: #717171;
  text-decoration: none;
  transition: 0.3s;
}

.header-bottom-navigation-container ul li a:hover,
#header .navigation-right ul li a:hover {
  color: #4e0a0b;
}

.header-bottom-navigation-container ul {
  gap: 24px;
}

#header .navigation-right .nav {
  display: flex;
  flex-direction: row;
  gap: 28.3px;
}

#header .header-bottom .search-form__submit {
  background-color: #00000000;
  border: none;
  font-size: 0px;
  padding: 0;
  margin-right: 16px;
  margin-left: 28.3px;
}

#header .header-bottom .search-form__submit:before {
  content: "";
  background-image: url("../image/search.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  padding: 0;
}

.cart-block--summary .cart-block--summary__count {
  background-color: var(--brown);
  font-family: "Inter";
}

/* слайдер */
.container-right-slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 100px;
  padding-left: 33px;
  padding-right: 33px;
  gap: 24px;
  margin-top: 90px;
}

.container-right-slider .field--name-field-slide-title h2 {
  font-family: Georgia;
  font-size: 44px;
  text-align: center;
  color: #fff;
  margin-bottom: 0px;
}

.front #slider-block button.slick-next.slick-arrow::before,
.front #slider-block button.slick-prev.slick-arrow::before {
  display: none;
}

.container-right-slider .field--name-body {
  font-family: Georgia;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.container-slider-fos {
  display: flex;
  gap: 12px;
  margin-top: 26px;
}

.container-slider-fos .field--name-field-slide-fos a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 48px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  text-decoration: none;
  transition: 0.3s;
}

.container-slider-fos .field--name-field-slide-fos a:hover {
  background-color: #390708;
}

.container-slider-fos .field--name-field-slide-link a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: center;
  color: #4e0a0b;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 4px;
}

.container-slider-fos .field--name-field-slide-link a:hover {
  background-color: #4e0a0b;
  color: white;
}

.field--name-field-slide-img-left img {
  width: 100%;
  height: 100%;
}

.front .region-slider .view-id-slayder .field--name-field-image {
  padding-top: 12px;
  padding-bottom: 100px;
}

.front #slider-block ul.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 17%;
}

.front #slider-block ul.slick-dots li button {
  background: #c8c5c0;
  border-radius: 50%;
  border: none;
  padding: 0;
  width: 20px;
  font-size: 0;
  height: 20px;
  display: block;
  border: 3px solid white;
}

.front #slider-block ul.slick-dots li.slick-active button {
  background: #e8909b;
}

/* заголовок */
.wr_title_on_front {
  position: relative;
}

.wr_title_on_front h1 {
  padding: 20px 0 100px;
  font-family: Georgia;
  font-size: 50px;
  line-height: 1.5;
  text-align: center;
  color: #6c5153;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.wr_title_on_front::before {
  content: "";
  position: absolute;
  background-image: url("../image/flower-title-left.svg");
  width: 231px;
  height: 197px;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 184px;
}

.wr_title_on_front::after {
  content: "";
  position: absolute;
  background-image: url("../image/flower-title-right.svg");
  width: 288px;
  height: 333px;
  background-repeat: no-repeat;
  background-size: cover;
  left: 75%;
  top: 0;
}

/* каталог на главной и страница каталога */
.wr_catalog h2 {
  font-family: Georgia;
  font-size: 42px;
  text-align: center;
  color: #2d0c0e;
  margin-bottom: 60px;
}

.body-view--catalog h1 {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
}

.wr_catalog .view-content,
.body-view--catalog .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.wr_catalog .view-content .field--name-field-catalog-image img,
.body-view--catalog .view-content .field--name-field-catalog-image img {
  border-radius: 16px 0 0 16px;
}

.wr_catalog .view-content .group-right,
.body-view--catalog .view-content .group-right {
  border-radius: 0 16px 16px 0;
  background-color: #e38792;
  height: 100%;
  padding: 24px 16px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wr_catalog .view-content .taxonomy-term--type-catalog,
.body-view--catalog .view-content .taxonomy-term--type-catalog {
  display: flex;
  height: 100%;
}

.wr_catalog .view-content .group-right .field--name-taxonomy-term-title a,
.body-view--catalog
  .view-content
  .group-right
  .field--name-taxonomy-term-title
  a {
  font-family: Georgia;
  font-size: 24px;
  text-align: left;
  color: #fff;
  text-decoration: none;
}

.wr_catalog .view-content .group-right .field--name-description,
.body-view--catalog .view-content .group-right .field--name-description {
  font-family: Georgia;
  font-size: 16px;
  text-align: left;
  color: #ffe4ec;
}

.wr_catalog .view-content .group-right .field--name-taxonomy-term-link a,
.body-view--catalog
  .view-content
  .group-right
  .field--name-taxonomy-term-link
  a {
  font-size: 0px;
}

.wr_catalog .view-content .group-right .field--name-taxonomy-term-link,
.body-view--catalog .view-content .group-right .field--name-taxonomy-term-link {
  display: flex;
  justify-content: end;
}

.wr_catalog .view-content .group-right .field--name-taxonomy-term-link a::after,
.body-view--catalog
  .view-content
  .group-right
  .field--name-taxonomy-term-link
  a::after {
  content: "";
  background-image: url("../image/arrow-catalog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 46px;
  height: 46px;
  margin-left: auto;
  transition: 0.3s;
  box-shadow: none;
  border-radius: 50%;
}

.wr_catalog
  .view-content
  .group-right
  .field--name-taxonomy-term-link
  a:hover::after,
.body-view--catalog
  .view-content
  .group-right
  .field--name-taxonomy-term-link
  a:hover::after {
  content: "";
  background-image: url("../image/arrow-catalog-hover.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 46px;
  height: 46px;
  margin-left: auto;
  box-shadow: 0 0 10px #ffe4ec;
}

.wr_catalog,
.body-view--catalog .wr_content {
  margin-bottom: 120px;
}

/* каталог полная страница */
.body-taxonomy-term--catalog h1 {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.body-taxonomy-term--catalog
  #block-vesta-theme-content
  .view-content
  .views-row
  .field--name-quantity {
  display: none;
}

.body-taxonomy-term--catalog
  #block-vesta-theme-content
  .view-content
  .views-row
  .field--name-field-image-product-view
  img {
  border-radius: 16px 0 0 16px;
  width: 100%;
  height: 100%;
}

.body-taxonomy-term--catalog
  #block-vesta-theme-content
  .view-content
  .views-row
  .field--name-field-image-product-view {
  width: 40%;
}

.body-taxonomy-term--catalog .catalog-bottom {
  border-radius: 0 16px 16px 0;
  background-color: #e38792;
  padding: 24px 16px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 60%;
}

.body-taxonomy-term--catalog .wr_content {
  margin-bottom: 120px;
}

.body-taxonomy-term--catalog .catalog-bottom .button--add-to-cart {
  background-color: #f6acb5;
  border: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-family: Inter;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  color: #fff6f4;
  text-decoration: none;
  transition: 0.3s;
}

.body-taxonomy-term--catalog .catalog-bottom .button--add-to-cart:hover {
  box-shadow: 0 0 10px #ffe4ec;
  background-color: #e38792;
}

.body-taxonomy-term--catalog .catalog-bottom .field--name-title a {
  font-family: Georgia;
  font-size: 24px;
  text-align: left;
  color: #fff;
  text-decoration: none;
}

.body-taxonomy-term--catalog
  .catalog-bottom
  .field--name-dynamic-token-fieldcommerce-product-product-price {
  font-family: Georgia;
  font-size: 20px;
  text-align: left;
  color: #ffe4ec;
}

.catalog-container {
  display: flex;
}

/* модалка добавить в корзину */
.ui-dialog-buttonpane {
  background: #00000000;
  border: none;
}

.ui-dialog-buttonset .button--primary,
.ui-dialog-buttonset .button--secondary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  text-decoration: none;
  transition: 0.3s;
  border: none;
}

.ui-dialog-buttonset .button--primary:hover,
.ui-dialog-buttonset .button--secondary:hover {
  background-color: #390708;
}

.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-buttonset {
  padding: 0.3em 0.3em 0.3em 0.3em;
  display: flex;
  justify-content: space-between;
}

/* о нас */

.wr_about .about-container-left .field--name-node-title h5 {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  color: #4e0a0b;
  margin-top: 32px;
}

.wr_about .about-container {
  display: flex;
}

.wr_about .field--name-field-about-img-logo {
  display: flex;
}

.wr_about .field--name-field-about-img-logo img {
  margin-top: 16px;
  margin-bottom: 48px;
}

.wr_about .field--name-body {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 40px;
}

.wr_about .field--name-field-about-big-img {
  display: flex;
  justify-content: end;
}

.wr_about .field--name-node-link a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 24px;
  border-radius: 4px;
  border: solid 1px #4e0a0b;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: center;
  color: #4e0a0b;
  font-family: Georgia;
  transition: 0.3s;
  text-decoration: none;
}

.wr_about .field--name-node-link {
  display: flex;
}

.wr_about .field--name-node-link a::after {
  transition: 0.3s;
  content: "";
  display: block;
  background-image: url("../image/arrow-up-right-brown.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.wr_about .field--name-node-link a:hover {
  color: white;
  background-color: #4e0a0b;
}

.wr_about .field--name-node-link a:hover::after {
  background-image: url("../image/arrow-up-right-white.svg");
}

.wr_about .about-container {
  justify-content: space-between;
}

.wr_about .about-container-left {
  width: 48%;
}

.wr_about .about-container-right {
  width: 48%;
}

.wr_about {
  position: relative;
  margin-bottom: 80px;
}

.wr_about .field--name-field-about-big-img {
  margin-bottom: 96px;
}

.wr_about .field--name-field-about-medium-img {
  position: absolute;
  bottom: 51px;
  left: 48%;
}

.wr_about .field--name-field-about-medium-img img {
  border: 2px solid #e38792;
  border-radius: 10px;
}

.wr_about::before {
  content: "";
  position: absolute;
  background-image: url("../image/about-left.svg");
  width: 169px;
  height: 179px;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
}

.wr_about::after {
  content: "";
  position: absolute;
  background-image: url("../image/about-right.svg");
  width: 136px;
  height: 184px;
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  top: 36px;
}

/* преимущества */
.wr_advantages {
  background-color: #fff;
  padding: 40px 0;
}

.wr_advantages .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.advantages-container {
  display: flex;
  gap: 12px;
}

.wr_advantages .field--name-field-advantages-img {
  width: 70px;
  height: 60px;
}

.wr_advantages .advantages-container-right {
  width: 188px;
}

.wr_advantages .view-content .field--name-node-title h4 {
  font-family: Georgia;
  font-size: 22px;
  text-align: left;
  color: #2d1214;
}

.wr_advantages .view-content .field--name-field-advantages-description {
  font-family: Georgia;
  font-size: 14px;
  text-align: left;
  color: #6c5153;
}

/* отзывы */
.wr_reviews {
  margin-top: 100px;
  position: relative;
}

.body-view--reviews h1 {
    font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
}

.wr_reviews .view-header h2 {
  font-family: Georgia;
  font-size: 42px;
  text-align: left;
  color: #2d0c0e;
  margin-bottom: 24px;
  text-transform: uppercase;
}

.wr_reviews .view-header p {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
}

.wr_reviews .view-header {
  margin-bottom: 56px;
}

.wr_reviews .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}

.wr_reviews .view-content .views-row {
  z-index: 1;
}

.wr_reviews .view-content .field--name-field-review-description,
.body-view--reviews .view-content .field--name-field-review-description {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 32px;
}

.wr_reviews .view-content .field--name-node-title h5,
.body-view--reviews .view-content .field--name-node-title h5 {
  font-family: Georgia;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #4e0a0b;
  width: 50%;
  margin-bottom: 0px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c8c5c0;
}

.wr_reviews .view-content .node--type-reviews,
.body-view--reviews .view-content .node--type-reviews {
  height: 100%;
}

.wr_reviews .view-content .reviews-container,
.body-view--reviews .view-content .reviews-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wr_reviews .view-content .field--name-field-review-date time,
.body-view--reviews .view-content .field--name-field-review-date time {
  font-family: Inter;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  color: #6c5153;
}

.wr_reviews .view-content .field--name-field-review-date,
.body-view--reviews .view-content .field--name-field-review-date {
  margin-top: 8px;
  margin-bottom: 2px;
}

.wr_reviews .view-content .field--name-field-review-product-name,
.body-view--reviews .view-content .field--name-field-review-product-name {
  font-family: Inter;
  font-size: 14px;
  text-align: left;
  color: #6c5153;
  text-transform: uppercase;
}

.wr_reviews .more-link a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 40px 847px 0 0;
  padding: 10px 24px;
  border-radius: 4px;
  border: solid 1px #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: center;
  color: #4e0a0b;
  text-decoration: none;
}

.wr_reviews .more-link {
  display: flex;
}

.wr_reviews .more-link a::after {
  transition: 0.3s;
  content: "";
  display: block;
  background-image: url("../image/arrow-up-right-brown.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.wr_reviews .more-link a:hover {
  color: white;
  background-color: #4e0a0b;
}

.wr_reviews .more-link a:hover::after {
  background-image: url("../image/arrow-up-right-white.svg");
}

.wr_reviews::after {
  content: "";
  position: absolute;
  background-image: url("../image/reviews.svg");
  width: 180px;
  height: 355px;
  background-repeat: no-repeat;
  background-size: cover;
  right: 15%;
  top: 50px;
}

/* новости на главной */

.wr_news {
  margin-top: 80px;
}

.wr_news .block-title {
  font-family: Georgia;
  font-size: 42px;
  line-height: 1.2;
  text-align: left;
  color: #2d0c0e;
  text-transform: uppercase;
  width: 50%;
  margin-bottom: 52px;
}

.wr_news .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.wr_news .field--name-field-image-news img {
  border-radius: 16px 16px 0 0;
}

.wr_news .field--name-field-date {
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
  justify-content: end;
  padding-right: 18px;
}

.wr_news .field--name-field-date time {
  font-family: Inter;
  font-size: 16px;
  line-height: 1.6;
  text-align: right;
  color: #7a4050;
}

.wr_news .field--name-node-title h4 {
  font-family: Georgia;
  font-size: 22px;
  line-height: 1.2;
  text-align: left;
  color: #4e0a0b;
  margin-bottom: 16px;
  margin-right: 10px;
}

.wr_news .field--name-body {
  margin-right: 10px;
  font-family: Georgia;
  font-size: 16px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 16px;
}

.wr_news .view-content .field--name-node-link {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 16px;
}

.wr_news .view-content .field--name-node-link a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 24px;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: center;
  color: #4e0a0b;
  text-decoration: none;
  border-radius: 4px;
}

.wr_news .view-content .field--name-node-link a::after {
  transition: 0.3s;
  content: "";
  display: block;
  background-image: url("../image/arrow-up-right-brown.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.wr_news .view-content .field--name-node-link a:hover {
  color: white;
  background-color: #4e0a0b;
}

.wr_news .view-content .field--name-node-link a:hover::after {
  background-image: url("../image/arrow-up-right-white.svg");
}

.wr_news .more-link {
  margin-top: 20px;
  display: flex;
}

.wr_news .more-link a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 24px;
  border-radius: 4px;
  border: solid 1px #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: center;
  color: #4e0a0b;
  text-decoration: none;
}

.wr_news .more-link a::after {
  transition: 0.3s;
  content: "";
  display: block;
  background-image: url("../image/arrow-up-right-brown.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.wr_news .more-link a:hover {
  color: white;
  background-color: #4e0a0b;
}

.wr_news .more-link a:hover::after {
  background-image: url("../image/arrow-up-right-white.svg");
}

/* форма обратной связи */
.wr_callback_on_front {
  margin-top: 60px;
}

.region-callback-on-front {
  background-image: url("../image/fos_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 140px;
}

.wr_callback_on_front .js-form-item-head-fos {
  margin-bottom: 24px;
}

.wr_callback_on_front .js-form-item-head-fos h2 {
  font-family: Georgia;
  font-size: 42px;
  text-align: left;
  color: #2d0c0e;
  margin-bottom: 10px;
}

.wr_callback_on_front .js-form-item-head-fos p {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 18px;
  width: 60%;
}

.wr_callback_on_front form label {
  display: none;
}

.wr_callback_on_front form input {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 20px 36px;
  border-radius: 4px;
  border: solid 1px #c8c5c0;
  margin-bottom: 19px;
  font-family: Inter;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  color: #6c5153;
}

.wr_callback_on_front form input::placeholder {
  font-family: Inter;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  color: #6c5153;
}

#edit-container-tel-mail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.wr_callback_on_front form .js-form-item-privacy {
  display: flex;
  gap: 8px;
  align-items: start;
}

.webform-element-description,
.webform-element-description a {
  font-family: Inter;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  color: #6c5153;
}

.wr_callback_on_front form input[type="checkbox"] {
  margin-bottom: 0;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: solid 1px #6c5153;
  margin-top: 5px;
}

.wr_callback_on_front form input[type="checkbox"]:checked {
  accent-color: var(--brown);
  color: white;
}

.wr_callback_on_front .alert-error {
  display: none;
}

.wr_callback_on_front .form-item--error-message {
  font-family: Inter;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  color: #6c5153;
}

.wr_callback_on_front .form-actions {
  display: flex;
  justify-content: end;
  margin-top: 24px;
}

.wr_callback_on_front .form-actions button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 48px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  border: none;
  transition: 0.3s;
}

.wr_callback_on_front .form-actions button:active,
.wr_callback_on_front .form-actions button:hover {
  background-color: #390708;
}

.wr_callback_on_front {
  margin-bottom: 80px;
}

/* footer */
#footer {
  padding-top: 32px;
  background-color: #2d0c0e;
}

.footer-top .logo {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.footer-mid-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-mid-left a,
.footer-mid-left p {
  font-family: Inter;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.28px;
  text-align: left;
  color: #fff;
  text-decoration: none;
}

.footer-mid-center .nav-link {
  opacity: 0.6;
  font-family: Georgia;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
}

.footer-mid-center .navbar-nav {
  padding-left: 10%;
  padding-right: 10%;
}

.footer-mid-center .navbar-nav .nav-item:not(:last-child) .nav-link::after {
  content: "●";
  display: block;
  color: #fff;
  font-size: 10px;
  opacity: 0.6;
}

.footer-mid-center .navbar-nav {
  flex-direction: row;
  justify-content: center;
}

.footer-mid-right {
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-right: 16px;
}

.footer-mid-right-inside {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.footer-mid-right .region-navigation-full .nav-link {
  padding: 0;
}

#footer .offert a {
  opacity: 0.5;
  font-family: Inter;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #fff;
}

.footer-mid-right .navbar-nav {
  gap: 8px;
  margin-bottom: 24px;
}

.footer-mid-right .navbar-nav a {
  font-family: Inter;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.28px;
  text-align: left;
  color: #fff;
}

.footer-bottom {
  padding-top: 16px;
  padding-bottom: 20px;
}

.footer-bottom-right {
  display: flex;
  justify-content: end;
}

.footer-bottom-right a,
.footer-bottom-center a,
.footer-bottom-left div {
  opacity: 0.5;
  font-family: Inter;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

.navbar-nav .nav-link.active {
  color: white;
  opacity: 0.6;
}

.footer-bottom-center {
  display: flex;
  justify-content: center;
}

/* страница поиска */
.search-page-custom {
  padding-top: 40px;
  padding-bottom: 240px;
}

.search-page-custom .search-form__submit,
.search-page-custom .search-form__submit:active {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 48px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  border: none;
  transition: 0.3s;
  margin-left: 8px;
}

.search-page-custom input {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 10px 8px 10px 8px;
  border-radius: 4px;
  border: solid 1px #c8c5c0;
  margin-bottom: 19px;
  font-family: Inter;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  color: #6c5153;
}

.search-page-custom input::placeholder {
  font-family: Inter;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  color: #6c5153;
}

.search-page-custom a {
  color: var(--green);
}

/* страница о нас */
.body-node--805 h1 {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
}

.body-node--805 .field--name-body {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 40px;
}

.body-node--805 .field--name-field-about-img-logo {
  margin-bottom: 48px;
}

.body-node--805 .wr_content {
  margin-bottom: 120px;
}

/* полная страница отзывов */

.body-view--reviews .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.body-view--reviews .view-header input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 48px;
  border-radius: 5px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  border: none;
  transition: 0.3s;
  margin-top: 30px;
  margin-bottom: 30px;
}

.body-view--reviews .view-header input:active,
.body-view--reviews .view-header input:hover {
  background-color: #390708;
  color: #fff6f4;
}

.body-view--reviews .wr_content {
  margin-bottom: 120px;
}

.body-view--reviews .node-reviews-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid var(--brown);
  background-color: var(--white);
}

.body-view--reviews .node-reviews-form label {
  display: none;
}

.body-view--reviews .view-content .field--name-field-review-description {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
}

.body-view--reviews .view-content form .field--name-field-review-description {
  margin-bottom: 0;
}

.body-view--reviews .node-reviews-form .js-form-type-checkbox label {
  display: inline;
}

.body-view--reviews .node-reviews-form .field--type-datetime h4 {
  display: none;
}

.body-view--reviews .node-reviews-form .field--type-datetime .form-date {
  padding: 5px 10px;
  border-radius: 5px;
  transition: 0.3s;
  border: 1px solid var(--brown);
}

.body-view--reviews
  .node-reviews-form
  .field--type-datetime
  .form-date:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(78, 10, 11, 0.25);
  border: 1px solid var(--brown);
}

.body-view--reviews .node-reviews-form input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: var(--brown);
  cursor: pointer;
  margin: 0;
}

.body-view--reviews .node-reviews-form input[type="checkbox"]:hover {
  accent-color: var(--brown);
}

.body-view--reviews .node-reviews-form input,
.body-view--reviews .node-reviews-form textarea {
  border: 1px solid var(--brown);
  background-color: var(--white);
}

.body-view--reviews .node-reviews-form input::placeholder,
.body-view--reviews .node-reviews-form textarea::placeholder {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
}

.body-view--reviews .node-reviews-form .form-actions button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 32px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  border: none;
  transition: 0.3s;
}

.body-view--reviews .node-reviews-form .form-actions input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 32px;
  border-radius: 4px;
  background-color: var(--white);
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: var(--brown);
  border: none;
  transition: 0.3s;
  border: 1px solid var(--brown);
}

.body-view--reviews .node-reviews-form .form-actions button:hover,
.body-view--reviews .node-reviews-form .form-actions input:hover {
  color: var(--white);
  background-color: #390708;
}

.body-view--reviews .node-reviews-form .form-actions {
  display: flex;
  gap: 10px;
}

/* корзина */
.body-cart h1 {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
}

.body-cart thead {
  font-family: inter;
  color: #2d0c0e;
}

.body-cart thead th {
  background-color: var(--white);
}

.body-cart .order-total-line span {
  font-family: inter;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
}

.body-cart td {
  font-family: inter;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
}

.body-cart .views-field-field-variation-image img {
  border-radius: 5px;
  display: block;
}

.body-cart .js-form-submit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 32px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: inter;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  border: none;
  transition: 0.3s;
}

.body-cart .js-form-submit:hover {
  background-color: #2d0c0e;
}

.body-cart .delete-order-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 5px 8px;
  border-radius: 4px;
  background-color: var(--white);
  font-family: inter;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: var(--brown);
  border: none;
  transition: 0.3s;
  border: 1px solid var(--brown);
}

.body-cart .delete-order-item:hover,
.body-cart .delete-order-item:active,
.body-cart .delete-order-item:focus {
  background-color: #390708;
  color: white;
  border: 1px solid var(--brown);
}

.body-cart .wr_content {
  margin-bottom: 120px;
}

.body-cart .quantity-edit-input {
  border: 2px solid #6c5153;
  border-radius: 5px;
  padding: 0px 0px 0px 8px;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 4rem;
  color: #6c5153;
  font-weight: 500;
  background-color: var(--white);
}

.body-cart .quantity-edit-input:focus-visible {
  border: 2px solid var(--brown);
  outline: none;
}

.body-cart .field--name-title {
  font-weight: 500;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--white);
  border-bottom: 1px solid rgba(78, 10, 11, 0.5);
}

.table > :not(caption) > * > * {
  background-color: var(--white);
  border-bottom: 1px solid rgba(78, 10, 11, 0.5);
}

/* сведения о заказе */

.body-checkout > * {
  font-family: Inter;
}

.body-checkout .layout-region-checkout-secondary > *,
.body-checkout .layout-region-checkout-secondary td {
  color: #6c5153;
}

.body-checkout h1 {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
}

.body-checkout .layout-checkout-form {
  margin-bottom: 120px;
}

.body-checkout .checkout-pane label {
  color: #6c5153;
  margin-top: 10px;
}

.body-checkout .checkout-pane input,
.body-checkout .checkout-pane textarea {
  background-color: var(--white);
  border: 1px solid var(--brown);
  color: #6c5153;
}

.callback-footer-bottom a:focus-visible,
.col-callback a:focus-visible {
  background-color: var(--brown);
}

.body-checkout .checkout-pane-payment-information {
  margin-top: 20px;
}

.body-checkout .checkout-pane-payment-information legend span {
  color: var(--brown);
}

.body-checkout .layout-checkout-form input[type="radio"]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -1px;
  left: -1px;
  position: relative;
  background-color: var(--white);
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #6c5153;
}

.body-checkout .layout-checkout-form input[type="radio"]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -1px;
  left: -1px;
  position: relative;
  background-color: var(--brown);
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #6c5153;
}

.body-checkout .layout-checkout-form .form-radios .js-form-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.body-checkout .js-form-item-payment-information-payment-method label {
  margin-top: 0;
}

.body-checkout .fieldset-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.body-checkout .layout-region-checkout-footer button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 32px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: inter;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  border: none;
  transition: 0.3s;
  margin-top: 20px;
}

.body-checkout .layout-region-checkout-footer button:hover {
  background-color: #2d0c0e;
}

.body-checkout .checkout-review-edit-link a,
.body-checkout .link--previous {
  color: var(--brown);
  transition: 0.3s;
}

.body-checkout .checkout-review-edit-link a:hover,
.body-checkout .link--previous:hover {
  color: var(--brown);
}

#edit-order-fieldscheckout-field-address-0 legend {
  display: none;
}

/* страница контакты */

.mapContainer {
  margin-top: 20px;
  margin-bottom: 40px;
}

.body-node--800 h1 {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
}

.body-node--800 .field--name-body a,
.body-node--800 .field--name-body p {
  font-family: inter;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
}

/* фос модалка */
.ui-widget-content .ui-dialog-titlebar {
  background: #00000000;
  border: none;
  margin-top: 10px;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  border: none;
  background-image: url("../image/x.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--brown);
  border-radius: 4px;
}

.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {
  display: none;
}

.ui-widget-content .webform-submission-callback-form h2 {
  font-family: Georgia;
  font-size: 42px;
  text-align: center;
  color: #2d0c0e;
  margin-bottom: 10px;
}

.ui-widget-content .webform-submission-callback-form p {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  color: #6c5153;
  margin-bottom: 18px;
  width: 60%;
  text-align: center;
  margin-right: auto;
  display: block;
  margin-left: auto;
}

.ui-widget.ui-widget-content {
  border: 0px solid #c5c5c5;
  background-image: url("../image/fos_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.ui-dialog .ui-dialog-content {
  padding: 10px 20px;
}

.ui-widget-content label {
  display: none;
}

.ui-widget-content input,
.ui-widget-content textarea {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: solid 1px #c8c5c0;
  margin-bottom: 19px;
  font-family: Inter;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  color: #6c5153;
}

.ui-dialog .ui-dialog-content .js-form-item-privacy {
  display: flex;
  gap: 4px;
}

.ui-dialog .ui-dialog-content form input[type="checkbox"]:checked {
  accent-color: var(--brown);
  color: white;
}

.ui-dialog .ui-dialog-content form input[type="checkbox"] {
  margin-bottom: 0;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: solid 1px #6c5153;
  margin-top: 5px;
}

.ui-dialog .ui-dialog-content .alert-danger {
  display: none;
}

.ui-dialog .ui-dialog-content strong {
  font-family: Inter;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  color: #6c5153;
}

.ui-dialog .ui-dialog-content .webform-button--submit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 8px 48px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  border: none;
  transition: 0.3s;
  margin-top: 10px;
  width: 100%;
}

.ui-dialog .ui-dialog-content .webform-button--submit:hover {
  background-color: #390708;
}

/* доставка */
.body-node--823 h1 span {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
}

.body-node--823 .wr_content {
  margin-bottom: 120px;
}

.body-node--823 .field--name-body p {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 40px;
}

/* куки */
div#vpa-short-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px 32px;
  border-radius: 6px;
  box-shadow:
    0 6px 12px 0 rgba(50, 50, 71, 0.06),
    0 6px 6px 0 rgba(50, 50, 71, 0.08);
  background-color: #f2f2f2;
  margin-bottom: 80px;
  margin-left: calc((100% - 1170px) / 2);
  max-width: 795px;
}

div#vpa-short-wrapper .vpa-content,
div#vpa-short-wrapper .vpa-content a {
  flex-grow: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  color: #404040;
}

div#vpa-short-wrapper .vpa-actions button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 48px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
}

div#vpa-short-wrapper .vpa-actions button:hover {
  background-color: #390708;
}

/* страница новостей */

.body-view--news .wr_content {
  margin-bottom: 120px;
}

.body-view--news h1 {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 30px;
  margin-bottom: 30px;
}

.body-view--news .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.pager__items {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  gap: 20px;
}

.pager__items > * {
  list-style-type: none;
}

.pager__items a {
  color: var(--brown);
}

.pager__item {
  color: var(--brown);
}

.body-view--news .block-title {
  font-family: Georgia;
  font-size: 42px;
  line-height: 1.2;
  text-align: left;
  color: #2d0c0e;
  text-transform: uppercase;
  width: 50%;
  margin-bottom: 52px;
}

.body-view--news .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.body-view--news .field--name-field-image-news img {
  border-radius: 16px 16px 0 0;
}

.body-view--news .field--name-field-date {
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
  justify-content: end;
  padding-right: 18px;
}

.body-view--news .field--name-field-date time {
  font-family: Inter;
  font-size: 16px;
  line-height: 1.6;
  text-align: right;
  color: #7a4050;
}

.body-view--news .field--name-node-title h4 {
  font-family: Georgia;
  font-size: 22px;
  line-height: 1.2;
  text-align: left;
  color: #4e0a0b;
  margin-bottom: 16px;
  margin-right: 10px;
}

.body-view--news .field--name-body {
  margin-right: 10px;
  font-family: Georgia;
  font-size: 16px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 16px;
}

.body-view--news .view-content .field--name-node-link {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 16px;
}

.body-view--news .view-content .field--name-node-link a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 24px;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: center;
  color: #4e0a0b;
  text-decoration: none;
  border-radius: 4px;
}

.body-view--news .view-content .field--name-node-link a::after {
  transition: 0.3s;
  content: "";
  display: block;
  background-image: url("../image/arrow-up-right-brown.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.body-view--news .view-content .field--name-node-link a:hover {
  color: white;
  background-color: #4e0a0b;
}

.body-view--news .view-content .field--name-node-link a:hover::after {
  background-image: url("../image/arrow-up-right-white.svg");
}

/* новость полная страница */
.news-container-top {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
}

.news-container-left img {
  width: 100%;
  border-radius: 4px;
}

.news-container-right h1 {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
  margin-top: 0px;
  margin-bottom: 0px;
}

.news-container-right time {
  font-family: Inter;
  font-size: 16px;
  line-height: 1.6;
  text-align: right;
  color: #7a4050;
}

.news-container-bottom {
  margin-bottom: 120px;
}

.news-container-bottom p {
  margin-top: 30px;
  font-family: Georgia;
  font-size: 16px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
}

/* товар полная страница */
.body-product-type--vesta_product .slick-dots {
  display: none !important;
}

.body-product-type--vesta_product .wr_content {
  margin-bottom: 120px;
}

.body-product-type--vesta_product h1 > * {
  font-family: Georgia;
  font-size: 42px;
  color: #2d0c0e;
}

.body-product-type--vesta_product .field--name-price {
  font-family: Georgia;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  font-size: 24px;
}

.body-product-type--vesta_product
  .commerce-order-item-add-to-cart-form
  .field--type-decimal {
  display: flex;
  align-items: center;
}

.body-product-type--vesta_product
  .commerce-order-item-add-to-cart-form
  .btn-minus,
.body-product-type--vesta_product
  .commerce-order-item-add-to-cart-form
  .btn-plus {
  padding: 6px;
  border-color: var(--brown);
  font-weight: bold;
  cursor: pointer;
  border: 1px solid;
}

.body-product-type--vesta_product
  .commerce-order-item-add-to-cart-form
  .btn-minus {
  border-right: none;
  border-radius: 4px 0 0 4px;
}

.body-product-type--vesta_product
  .commerce-order-item-add-to-cart-form
  .btn-plus {
  border-left: none;
  border-radius: 0 4px 4px 0;
}

.body-product-type--vesta_product .commerce-order-item-add-to-cart-form input {
  background-color: var(--white);
  border: 1px solid var(--brown);
  border-left: none;
  border-right: none;
  height: 30px;
  text-align: center;
  width: 25px;
  border-radius: 0;
}

.body-product-type--vesta_product
  .commerce-order-item-add-to-cart-form
  .field--type-decimal
  label {
  display: none;
}

.body-product-type--vesta_product .commerce-order-item-add-to-cart-form {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.body-product-type--vesta_product
  .commerce-order-item-add-to-cart-form
  .button--add-to-cart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px 28px;
  border-radius: 4px;
  background-color: #4e0a0b;
  font-family: Georgia;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0.36px;
  text-align: left;
  color: #fff6f4;
  border: none;
  transition: 0.3s;
  align-self: flex-end;
  margin-left: 10px;
}

.body-product-type--vesta_product .product-composition {
  margin-top: 40px;
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 32px;
}

.body-product-type--vesta_product .field--name-field-description .field__label {
  display: none;
}

.body-product-type--vesta_product .field--name-field-description .field__item {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.35;
  text-align: left;
  color: #6c5153;
  margin-bottom: 32px;
}

.body-product-type--vesta_product .nav-slide .slick-prev,
.body-product-type--vesta_product .nav-slide .slick-next {
  display: none !important;
}

/* переизбыток текста */
.wr_catalog .view-content .group-right .field--name-description,
.body-view--catalog .view-content .group-right .field--name-description,
.wr_news .field--name-body,
.body-view--news .field--name-body {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* шапка мобильная */
#header-mob {
    top: 0;
    width: 100%;
    background: var(--white);
    color: var(--brown);
    padding: 5px 5px;
    z-index: 50;
    border-bottom: 1px solid var(--brown);
}

#header-mob a {
    color: var(--brown);
    font-family: Inter;
    text-decoration: none;
    display: flex;
    align-items: center;
}

#header-mob .col-container-mob {
  gap: 10px;
  justify-content: end;
}

#header-mob .col-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

#header-mob .col-phone {
  display: flex;
  align-items: center;
}

/* offcanvas */
.offcanvas-start .offcanvas-header,
.offcanvas-start .offcanvas-body {
      background-color: #2d0c0e;
}

.offcanvas-header button {
  background-image: url('../image/x.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
}

.offcanvas-body .search-form__submit {
  background-color: #00000000;
  border: none;
  font-size: 0px;
  padding: 0;
  margin-left: 8px;
}

.offcanvas-body .search-form__submit:before {
  content: "";
  background-image: url("../image/x-white.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  padding: 0;
}

.offcanvas-body .region-search input {
  background-color: #2d0c0e;
  border: none;
  color: white;
  border-radius: 0px;
  border-bottom: 1px solid white;
  margin-top: 10px;
  font-family: inter;
}

.offcanvas-body .region-search input::placeholder {
  color: white;
  font-family: inter;
}

.offcanvas-body .region-navigation a,
.offcanvas-body .region-navigation-right a {
  padding: 0;
  color: white;
  font-size: 18px;
}

.offcanvas-body  .region-navigation .nav,
.offcanvas-body  .region-navigation-right .navbar-nav {
  gap: 8px;
}

.offcanvas-body  .region-navigation .nav {
  margin-bottom: 8px;
  margin-top: 20px;
}

.offcanvas-body .contact-item-container {
  margin-top: 20px;
}

.offcanvas-body .contact-item-container .contact-item-label {
  color: rgba(255, 255, 255, 0.8);
  font-family: inter;
  margin-bottom: 4px;
}

.offcanvas-body .contact-item-container .contact-item-el {
  margin-bottom: 10px;
}

.offcanvas-body .contact-item-container .contact-item-el > *,
.offcanvas-body .contact-item-container .contact-item-el {
  color: white;
  font-size: 16px;
  font-family: inter;
}

.body-cart .form-actions .js-hide {
  display: none !important;
}

.product-teaser,
.news-container-top {
  margin-top: 30px;
}

.block-views-blockslayder-block-1 {
  margin-top: 20px;
}

#header-mob .col-nav {
  padding: 0;
}

/* *** ADAPTIVE *** */
@media screen and (max-width: 991px) {
  #offcanvasNav .nav .dropdown-menu {
    display: none;
    position: static;
    border: 0px solid;
    background: transparent;
    padding: 10px 0;
    border-bottom: 1px solid #bdbdbd;
  }

  #offcanvasNav li.nav-item {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  h1 {
    font-size: 50px;
    line-height: 150%;
    color: #333333;
  }
  h2 {
    font-size: 42px;
    line-height: auto;
    color: #333333;
  }
  h3 {
    font-size: 24px;
    line-height: auto;
    color: #333333;
  }
  h4 {
    font-size: 22px;
    line-height: auto;
    color: #333333;
  }
  h5 {
    font-size: 18px;
    line-height: auto;
    color: #333333;
  }
}

@media screen and (min-width: 1200px) {
  .container {
    width: 1170px;
    padding: 0;
  }
}

@media (max-width: 575.98px) {

.wr_title_on_front::after,
.wr_title_on_front::before,
.wr_about::before,
.wr_about::after,
.wr_reviews::after {
  display: none;
}

.body-taxonomy-term--catalog .catalog-bottom .field--name-title a {
    font-size: 22px;
}

.block-views-blockslayder-block-1 {
    margin-top: 0px;
}

.container-right-slider .field--name-field-slide-title h2 {
    font-size: 24px;
    margin-bottom: 0px;
    line-height: 1;
}

.container-right-slider .field--name-body {
    display: none;
}

.container-right-slider {
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    gap: 12px;
    margin-top: 50px;
}

.container-slider-fos {
    gap: 6px;
    margin-top: 0px;
    flex-direction: column;
}

.container-slider-fos .field--name-field-slide-fos a {
    padding: 8px 8px;
    font-size: 16px;
}

.container-slider-fos .field--name-field-slide-link a {
    padding: 8px 8px;
    font-size: 16px;
}

.container-right-slider {
    width: 60%;
}

.field--name-field-slide-img-left {
  width: 40%;
}

div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    justify-content: center;
}

.field--name-field-slide-img-left img {
    height: auto;
}

.slick-slide .node--type-slide img {
    height: 250px;
}

.field--name-field-slide-img-left img {
        height: auto !important;
        margin-top: 40px;
    }

.front #slider-block ul.slick-dots li button {
    width: 14px;
    height: 14px;
    border: 2px solid white;
}

.front #slider-block ul.slick-dots {
    bottom: 10%;
}

.front .region-slider .view-id-slayder .field--name-field-image {
    padding-top: 12px;
    padding-bottom: 40px;
}

.wr_title_on_front h1 {
    padding: 10px 0 30px;
    font-size: 28px;
}

.wr_catalog h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

.wr_catalog .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    
}

.wr_catalog .view-content .views-row {
  margin-left: auto;
  margin-right: auto;
  max-width: 370px;
  width: 100%;
}

.wr_news .field--name-field-image-news img {
    width: 100%;
}

.wr_catalog .view-content .field--name-field-catalog-image,
.wr_catalog .view-content .field--name-field-catalog-image img {
  height: 100%;
}

.wr_catalog .view-content .group-right {
    border-radius: 0 16px 16px 0;
    padding: 12px 8px 10px 10px;
}

.wr_catalog .view-content .group-right .field--name-taxonomy-term-link a::after,
.wr_catalog .view-content .group-right .field--name-taxonomy-term-link a:hover::after {
    width: 36px;
    height: 36px;
}

.wr_about .field--name-node-link a {
    padding: 8px 8px;
    font-size: 16px;
}

.about-container {
  flex-direction: column;
}

.wr_about .about-container-left {
  width: 100%;
}

.wr_about .about-container-right {
  display: none;
}

.wr_catalog {
  margin-bottom: 30px;
}

.wr_about .about-container-left .field--name-node-title h5 {
    margin-top: 12px;
}

.wr_about .field--name-field-about-img-logo img {
    margin-top: 8px;
    margin-bottom: 20px;
    width: 80%;
}

.wr_about .field--name-body {
    margin-bottom: 16px;
}

.about-container {
  gap: 20px;
}

.wr_about .field--name-field-about-medium-img {
    bottom: 0px;
    right: initial;
    left: 10%;
}

.wr_about .field--name-field-about-big-img {
    margin-bottom: 46px;
}

.wr_about {
    margin-bottom: 40px;
}

.wr_advantages {
    background-color: #fff;
    padding: 10px 0;
}

.wr_advantages .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.wr_advantages .field--name-field-advantages-img {
    width: 35px;
    height: 30px;
}

.wr_advantages .view-content .field--name-node-title h4 {
    margin-bottom: 0;
}

.advantages-container {
    justify-content: center;
    align-items: center;
}

.wr_reviews {
    margin-top: 30px;
}

.wr_reviews .view-header h2 {
    font-size: 24px;
    margin-bottom: 8px;
}

.wr_reviews .view-header {
    margin-bottom: 20px;
}

.wr_reviews .view-content {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.wr_reviews .view-content .field--name-field-review-description {
    margin-bottom: 12px;
}

.wr_reviews .more-link a {
    margin: 30px auto 0 0;
    font-size: 16px;
    padding: 8px;
}

.wr_news {
    margin-top: 30px;
}

.wr_news .block-title {
    font-size: 24px;
    width: 100%;
    margin-bottom: 20px;
}

.wr_news .view-content {
    grid-template-columns: repeat(1, 1fr);
}

.wr_news .field--name-field-date {
    margin-top: 8px;
    margin-bottom: 8px;
}

.wr_news .field--name-node-title h4 {
    margin-bottom: 8px;
}

.wr_news .field--name-body {
    margin-bottom: 8px;
}

.wr_news .view-content .field--name-node-link a {
    padding: 8px;
}

.wr_news .more-link {
    margin-top: 10px;
    display: flex;
}

.wr_news .more-link a {
    padding: 8px;
}

.wr_callback_on_front {
    margin-top: 30px;
    margin-bottom: 40px;
}

.region-callback-on-front {
    padding: 10px 20px;
}

.wr_callback_on_front .js-form-item-head-fos p {
    width: 100%;
}

.wr_callback_on_front form input {
    padding: 10px 13px;
}

.wr_callback_on_front .js-form-item-head-fos h2 {
    font-size: 24px;
    margin-bottom: 5px;
}

.wr_callback_on_front .js-form-item-head-fos {
    margin-bottom: 12px;
}

.wr_callback_on_front form input {
    margin-bottom: 10px;
}

#edit-container-tel-mail {
    gap: 0px;
    flex-direction: column;
    display: flex;
}

.wr_callback_on_front .form-actions button {
    padding: 8px;
    width: 100%;
}











































.body-checkout h1,
.body-view--reviews h1,
.body-node--800 h1,
.body-node--823 h1 span,
.body-taxonomy-term--catalog h1,
.body-node--805 h1,
.body-view--catalog h1,
.body-view--news h1,
.news-container-right h1,
  .body-cart h1 {
    font-size: 28px;
    color: #2d0c0e;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-teaser {
  flex-direction: column;
}

.product-teaser .product-teaser-info {
order: 1;
margin-left: auto;
margin-right: auto;
}

.product-teaser .product-teaser-image {
order: 2;
margin-left: auto;
margin-right: auto;
}

.product-teaser {
    gap: 25px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .current-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide img {
    height: 400px;
    min-width: auto;
    max-width: none;
}

.product-view-full button.slick-next.slick-arrow {
    right: 25px;
}

.product-view-full button.slick-prev.slick-arrow {
    left: 25px;
}

.product-teaser .product-teaser-image {
    max-width: 320px;
}

.product-teaser .nav-slide {
  display: none;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  flex-direction: column;
  width: 100%;
}

.ui-dialog-buttonset .button--primary, .ui-dialog-buttonset .button--secondary {
    width: 100%;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content .views-row .field--name-field-image-product-view {
    width: 40%;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content .views-row .field--name-field-image-product-view img {
  height: 100%;
}

.body-taxonomy-term--catalog .catalog-bottom {
    width: 60%;
    gap: 10px;
}

.body-taxonomy-term--catalog .field--name-field-image-product-view img {
width: 100%;
}

.body-node--805 .field--name-field-about-img-logo {
    margin-bottom: 16px;
    width: 80%;
}


.body-view--catalog .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.body-view--catalog .field--name-field-catalog-image img {
  width: 100%;
}

.body-view--catalog .view-content .group-right .field--name-description {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.body-view--catalog .view-content .group-right {
    padding: 12px 8px 10px 10px;
}

.body-node--805 .wr_content {
    margin-bottom: 40px;
}

.news-container-top {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    gap: 15px;
}

.news-container-bottom {
    margin-bottom: 60px;
}

.body-view--news .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
}

.body-view--news .view-content .views-row {
width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.body-view--news .field--name-field-image-news img {
  width: 100%;
}

.body-view--news .wr_content {
    margin-bottom: 40px;
}

.body-view--reviews .wr_content {
    margin-bottom: 40px;
}

.body-view--reviews .node-reviews-form .form-actions {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.body-view--reviews .node-reviews-form .form-actions input {
  text-align: center;
}

.body-view--reviews .view-content .field--name-field-review-description {
    margin-bottom: 8px;
}

.body-view--reviews .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.body-cart .js-form-submit {
  margin-top: 10px;
  width: 100%;
}

.layout-region-checkout-secondary {
  margin-top: 20px;
}


.body-cart .views-field-field-variation-image {
  display: none;
}

.body-cart .wr_content {
    margin-bottom: 100px;
}

#header-mob .col-phone a {
  font-size: 13px;
}

#header-mob .col-nav,
#header-mob .col-logo,
#header-mob .col-container-mob {
  width: auto;
}

#header-mob .col-logo img{ 
  max-width: 100px;
}
  
      div#vpa-short-wrapper {
    margin-left: 5%;
    margin-right: 5%;
    gap: 12px;
    padding: 12px 24px;
    border-radius: 6px;
    background-color: #f2f2f2;
    margin-bottom: 60px;
    max-width: 700px;
    flex-direction: column;
}

div#vpa-short-wrapper .vpa-content, div#vpa-short-wrapper .vpa-content a {
    line-height: 1.4;
}

div#vpa-short-wrapper .vpa-actions button {
    padding: 8px 24px;
    width: 100%;
}

.vpa-actions {
  width: 100%;
}

#scrollToTop {
    width: 25px;
    height: 25px;
    bottom: 50px;
    right: 30px;
}

.footer-bottom-left {
    width: auto;
}

.footer-bottom-center {
    width: auto;
}

.footer-bottom-right {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}

.footer-mid-center .navbar-nav {
    flex-direction: column;
}

.footer-mid-center .navbar-nav {
    padding-left: 0%;
    padding-right: 0%;
    gap: 8px;
}

.footer-mid-center .navbar-nav .nav-item:not(:last-child) .nav-link::after {
    content: "";
    display: none;
    color: #fff;
    font-size: 10px;
    opacity: 0.6;
}

.footer-mid-center .nav-link {
    padding: 0;
}

.footer-mid-center .nav-link {
    text-align: start;
}

.footer-mid-right {
    margin-right: 0;
}

.footer-mid-left {
  justify-content: center;
  gap: 8px;
  margin-bottom: 10px;
}

.footer-bottom-left,
.footer-bottom-center,
.footer-bottom-right {
  justify-content: center;
  display: flex;
  width: 100%;
}

.footer-mid-right .navbar-nav {
    margin-bottom: 10px;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {

.wr_title_on_front::after,
.wr_title_on_front::before,
.wr_about::before,
.wr_about::after,
.wr_reviews::after {
  display: none;
}

.container-right-slider .field--name-field-slide-title h2 {
    font-size: 32px;
    margin-bottom: 0px;
    line-height: 1;
}

.container-right-slider {
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    gap: 12px;
    margin-top: 50px;
}

.container-slider-fos {
    gap: 6px;
    margin-top: 0px;
}

.container-slider-fos .field--name-field-slide-fos a {
    padding: 8px 8px;
    font-size: 16px;
}

.container-slider-fos .field--name-field-slide-link a {
    padding: 8px 8px;
    font-size: 16px;
}

.container-right-slider {
    width: 60%;
}

.field--name-field-slide-img-left {
  width: 30%;
}

div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    justify-content: center;
}

.field--name-field-slide-img-left img {
    height: auto;
}

.slick-slide .node--type-slide img {
    height: 250px;
}

.field--name-field-slide-img-left img {
        height: auto !important;
        margin-top: 40px;
    }

.front #slider-block ul.slick-dots li button {
    width: 14px;
    height: 14px;
    border: 2px solid white;
}

.front #slider-block ul.slick-dots {
    bottom: 10%;
}

.front .region-slider .view-id-slayder .field--name-field-image {
    padding-top: 12px;
    padding-bottom: 40px;
}

.wr_title_on_front h1 {
    padding: 10px 0 30px;
    font-size: 32px;
}

.wr_catalog h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.wr_catalog .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    padding-left: 15%;
    padding-right: 15%;
}

.wr_catalog .view-content .field--name-field-catalog-image,
.wr_catalog .view-content .field--name-field-catalog-image img {
  height: 100%;
}

.wr_catalog .view-content .group-right {
    border-radius: 0 16px 16px 0;
    padding: 12px 8px 10px 10px;
}

.wr_catalog .view-content .group-right .field--name-taxonomy-term-link a::after,
.wr_catalog .view-content .group-right .field--name-taxonomy-term-link a:hover::after {
    width: 36px;
    height: 36px;
}

.wr_about .field--name-node-link a {
    padding: 8px 8px;
    font-size: 16px;
}

.about-container {
  flex-direction: column;
}

.wr_about .about-container-left {
  width: 100%;
}

.wr_about .about-container-right {
  width: 70%;
  justify-content: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.wr_catalog {
  margin-bottom: 40px;
}

.wr_about .about-container-left .field--name-node-title h5 {
    margin-top: 12px;
}

.wr_about .field--name-field-about-img-logo img {
    margin-top: 8px;
    margin-bottom: 20px;
    width: 80%;
}

.wr_about .field--name-body {
    margin-bottom: 16px;
}

.about-container {
  gap: 20px;
}

.wr_about .field--name-field-about-medium-img {
    bottom: 0px;
    right: initial;
    left: 10%;
}

.wr_about .field--name-field-about-big-img {
    margin-bottom: 46px;
}

.wr_about {
    margin-bottom: 40px;
}

.wr_advantages {
    background-color: #fff;
    padding: 10px 0;
}

.wr_advantages .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.wr_advantages .field--name-field-advantages-img {
    width: 35px;
    height: 30px;
}

.wr_advantages .view-content .field--name-node-title h4 {
    margin-bottom: 0;
}

.advantages-container {
    justify-content: center;
    align-items: center;
}

.wr_reviews {
    margin-top: 30px;
}

.wr_reviews .view-header h2 {
    font-size: 28px;
    margin-bottom: 8px;
}

.wr_reviews .view-header {
    margin-bottom: 20px;
}

.wr_reviews .view-content {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.wr_reviews .view-content .field--name-field-review-description {
    margin-bottom: 12px;
}

.wr_reviews .more-link a {
    margin: 30px auto 0 0;
    font-size: 16px;
    padding: 8px;
}

.wr_news {
    margin-top: 30px;
}

.wr_news .block-title {
    font-size: 28px;
    width: 75%;
    margin-bottom: 20px;
}

.wr_news .view-content {
    grid-template-columns: repeat(1, 1fr);
    padding-left: 15%;
    padding-right: 15%;
}

.wr_news .field--name-field-date {
    margin-top: 8px;
    margin-bottom: 8px;
}

.wr_news .field--name-node-title h4 {
    margin-bottom: 8px;
}

.wr_news .field--name-body {
    margin-bottom: 8px;
}

.wr_news .view-content .field--name-node-link a {
    padding: 8px;
}

.wr_news .more-link {
    margin-top: 10px;
    display: flex;
}

.wr_news .more-link a {
    padding: 8px;
}

.wr_callback_on_front {
    margin-top: 30px;
    margin-bottom: 40px;
}

.region-callback-on-front {
    padding: 10px 20px;
}

.wr_callback_on_front .js-form-item-head-fos p {
    width: 70%;
}

.wr_callback_on_front form input {
    padding: 10px 13px;
}

.wr_callback_on_front .js-form-item-head-fos h2 {
    font-size: 28px;
    margin-bottom: 5px;
}

.wr_callback_on_front .js-form-item-head-fos {
    margin-bottom: 12px;
}

.wr_callback_on_front form input {
    margin-bottom: 10px;
}

#edit-container-tel-mail {
    gap: 10px;
}

.wr_callback_on_front .form-actions button {
    padding: 8px;
    width: 100%;
}












  .body-checkout h1,
  .body-view--reviews h1,
  .body-node--800 h1,
  .body-taxonomy-term--catalog h1,
  .body-node--823 h1 span,
  .body-view--news h1,
  .body-view--catalog h1,
  .body-node--805 h1,
  .news-container-right h1,
  .body-cart h1 {
    font-size: 32px;
    color: #2d0c0e;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-teaser {
  flex-direction: column;
}

.product-teaser .product-teaser-info {
order: 1;
margin-left: auto;
margin-right: auto;
}

.product-teaser .product-teaser-image {
order: 2;
margin-left: auto;
margin-right: auto;
}

.product-teaser {
    gap: 25px;
}

.product-view-full button.slick-next.slick-arrow {
    right: 25px;
}

.product-view-full button.slick-prev.slick-arrow {
    left: 25px;
}

.body-view--catalog .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content .views-row .field--name-field-image-product-view {
    width: 40%;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content .views-row .field--name-field-image-product-view img {
  height: 100%;
}

.body-taxonomy-term--catalog .catalog-bottom {
    width: 60%;
    gap: 10px;
}

.body-taxonomy-term--catalog .field--name-field-image-product-view img {
width: 100%;
}

.body-view--catalog .field--name-field-catalog-image img {
  width: 100%;
}

.body-node--805 .field--name-field-about-img-logo {
    margin-bottom: 28px;
    width: 80%;
}

.body-view--news .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
}

.body-view--news .view-content .views-row {
width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.body-view--news .wr_content {
    margin-bottom: 40px;
}

.body-view--reviews .wr_content {
    margin-bottom: 40px;
}

.body-view--reviews .view-content .field--name-field-review-description {
    margin-bottom: 8px;
}

.body-view--reviews .view-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.search-page-custom {
    padding-bottom: 270px;
}

.layout-region-checkout-secondary {
  margin-top: 20px;
}

.body-cart .views-field-field-variation-image {
  display: none;
}

.body-cart .wr_content {
    margin-bottom: 100px;
}

  #header-mob .col-container-mob {
    gap: 5px;
}

#header-mob .col-phone a {
  font-size: 13px;
}

.footer-bottom-left {
    width: auto;
}

.footer-bottom-center {
    width: auto;
}

.footer-bottom-right {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}

.footer-mid-center .navbar-nav {
    flex-direction: column;
}

.footer-mid-center .navbar-nav {
    padding-left: 0%;
    padding-right: 0%;
    gap: 8px;
}

.footer-mid-center .navbar-nav .nav-item:not(:last-child) .nav-link::after {
    content: "";
    display: none;
    color: #fff;
    font-size: 10px;
    opacity: 0.6;
}

.footer-mid-center .nav-link {
    padding: 0;
}

.footer-mid-center .nav-link {
    text-align: start;
}

#scrollToTop {
    width: 30px;
    height: 30px;
    bottom: 60px;
    right: 50px;
}

    div#vpa-short-wrapper {
    margin-left: 5%;
    margin-right: 5%;
    gap: 12px;
    padding: 12px 24px;
    border-radius: 6px;
    background-color: #f2f2f2;
    margin-bottom: 60px;
    max-width: 700px;
}

div#vpa-short-wrapper .vpa-content, div#vpa-short-wrapper .vpa-content a {
    line-height: 1.4;
}

div#vpa-short-wrapper .vpa-actions button {
    padding: 8px 24px;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {


.container-right-slider .field--name-field-slide-title h2 {
    font-size: 34px;
    margin-bottom: 0px;
}

.container-right-slider {
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    gap: 12px;
    margin-top: 40px;
}

.container-slider-fos {
    gap: 6px;
    margin-top: 0px;
}

.container-slider-fos .field--name-field-slide-fos a {
    gap: 10px;
    padding: 8px 40px;
    font-size: 16px;
}

.container-slider-fos .field--name-field-slide-link a {
    gap: 10px;
    padding: 8px 40px;
    font-size: 16px;
}

.container-right-slider .field--name-body {
    padding-left: 10%;
    padding-right: 10%;
}

.wr_title_on_front::after,
.wr_title_on_front::before,
.wr_about::before,
.wr_about::after,
.wr_reviews::after {
  display: none;
}

.front #slider-block ul.slick-dots li button {
    width: 14px;
    height: 14px;
    border: 2px solid white;
}

.wr_title_on_front h1 {
    padding: 10px 0 40px;
    font-size: 42px;
    line-height: 1.5;
    text-align: center;
    color: #6c5153;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.wr_catalog h2 {
    font-size: 34px;
    margin-bottom: 20px;
}

.wr_catalog .view-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.wr_catalog .view-content .field--name-field-catalog-image,
.wr_catalog .view-content .field--name-field-catalog-image img {
  height: 100%;
}

.wr_catalog .view-content .group-right {
    border-radius: 0 16px 16px 0;
    padding: 12px 8px 10px 10px;
}

.wr_catalog .view-content .group-right .field--name-taxonomy-term-link a::after,
.wr_catalog .view-content .group-right .field--name-taxonomy-term-link a:hover::after {
    width: 36px;
    height: 36px;
}

.about-container {
  flex-direction: column;
}

.wr_about .about-container-left {
  width: 100%;
}

.wr_about .about-container-right {
  width: 70%;
  justify-content: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.wr_catalog {
  margin-bottom: 40px;
}

.wr_about .about-container-left .field--name-node-title h5 {
    margin-top: 12px;
}

.wr_about .field--name-field-about-img-logo img {
    margin-top: 8px;
    margin-bottom: 20px;
    width: 80%;
}

.wr_about .field--name-body {
    margin-bottom: 16px;
}

.about-container {
  gap: 20px;
}

.wr_about .field--name-field-about-medium-img {
    bottom: 0px;
    right: initial;
    left: 10%;
}

.wr_about .field--name-field-about-big-img {
    margin-bottom: 46px;
}

.wr_about {
    margin-bottom: 40px;
}

.wr_advantages {
    background-color: #fff;
    padding: 15px 0;
}

.wr_advantages .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

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

.wr_reviews {
    margin-top: 40px;
}

.wr_reviews .view-header h2 {
    font-size: 34px;
    margin-bottom: 12px;
}

.wr_reviews .view-header {
    margin-bottom: 20px;
}

.wr_reviews .view-content {
    gap: 30px;
}

.wr_reviews .view-content .field--name-field-review-description {
    margin-bottom: 12px;
}

.wr_reviews .more-link a {
    margin: 40px auto 0 0;
    font-size: 16px;
}

.wr_news {
    margin-top: 40px;
}

.wr_news .block-title {
    font-size: 34px;
    width: 75%;
    margin-bottom: 20px;
}

.wr_news .view-content {
    grid-template-columns: repeat(2, 1fr);
}

.wr_callback_on_front {
    margin-top: 30px;
    margin-bottom: 40px;
}

.region-callback-on-front {
    padding: 20px 40px;
}

.wr_callback_on_front form input {
    padding: 10px 13px;
}

.wr_callback_on_front .js-form-item-head-fos h2 {
    font-size: 34px;
}













.body-view--reviews h1,
.body-checkout h1,
.body-node--800 h1,
.body-node--823 h1 span,
.body-view--news h1,
.body-taxonomy-term--catalog h1,
.body-node--805 h1,
.body-view--catalog h1,
.news-container-right h1,
.body-cart h1 {
    font-size: 34px;
    color: #2d0c0e;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-teaser {
  flex-direction: column;
}

.product-teaser .product-teaser-info {
order: 1;
margin-left: auto;
margin-right: auto;
}

.product-teaser .product-teaser-image {
order: 2;
margin-left: auto;
margin-right: auto;
}

.product-teaser {
    gap: 25px;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.body-taxonomy-term--catalog .catalog-bottom .field--name-title a {
    font-family: Georgia;
    font-size: 22px;
    text-align: left;
    color: #fff;
    text-decoration: none;
}

.body-taxonomy-term--catalog .catalog-bottom {
    padding: 18px 12px 15px 15px;
    width: 60%;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content .views-row .field--name-field-image-product-view {
    width: 40%;
}

.body-taxonomy-term--catalog .field--name-field-image-product-view img {
width: 100%;
}

.body-view--catalog .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.body-view--catalog .view-content .group-right {
    padding: 20px 16px 16px 20px;
}

.body-view--catalog .field--name-field-catalog-image img {
  width: 100%;
}

.body-node--805 .field--name-field-about-img-logo {
    margin-bottom: 36px;
    width: 80%;
}

.search-page-custom {
    padding-bottom: 270px;
}

.body-cart .wr_content {
    margin-bottom: 100px;
}

  div#vpa-short-wrapper {
    margin-left: auto;
    margin-right: auto;
    gap: 12px;
    padding: 12px 24px;
    border-radius: 6px;
    background-color: #f2f2f2;
    margin-bottom: 60px;
    max-width: 700px;
}

#scrollToTop {
    width: 40px;
    height: 40px;
    bottom: 60px;
    right: 50px;
}

.footer-bottom-left {
    width: auto;
}

.footer-bottom-center {
    width: auto;
}

.footer-bottom-right {
    width: auto;
}

.footer-mid-center .navbar-nav {
    flex-direction: column;
}

.footer-mid-center .navbar-nav {
    padding-left: 0%;
    padding-right: 0%;
    gap: 8px;
}

.footer-mid-center .navbar-nav .nav-item:not(:last-child) .nav-link::after {
    content: "";
    display: none;
    color: #fff;
    font-size: 10px;
    opacity: 0.6;
}

.footer-mid-center .nav-link {
    padding: 0;
}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

.container-right-slider {
    margin-right: 0px;
    padding-left: 25px;
    padding-right: 25px;
    gap: 12px;
    margin-top: 60px;
}

.wr_title_on_front::after,
.wr_title_on_front::before,
.wr_about::before,
.wr_about::after,
.wr_reviews::after {
  display: none;
}

.wr_title_on_front h1 {
    padding: 10px 0 50px;
    font-family: Georgia;
    font-size: 50px;
    line-height: 1.5;
    text-align: center;
    color: #6c5153;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.wr_catalog .view-content {
    grid-template-columns: repeat(2, 1fr);
    padding-left: 10%;
        padding-right: 10%;
}

.wr_catalog h2 {
    margin-bottom: 30px;
}

.wr_about .about-container-left {
    width: 50%;
}


.wr_about .about-container-right {
    width: 45%;
}

.wr_about .field--name-field-about-medium-img {
    left: 50%;
    bottom: 10px;
}

.wr_catalog {
  margin-bottom: 60px;
}

.wr_about .about-container-left .field--name-node-title h5 {
    margin-top: 16px;
}

.wr_about .field--name-field-about-img-logo img {
    margin-top: 8px;
    margin-bottom: 24px;
}

.wr_about .field--name-body {
    margin-bottom: 20px;
}

.wr_about .field--name-field-about-big-img {
    margin-bottom: 48px;
}

.wr_advantages {
    padding: 20px 0;
}

.advantages-container {
    gap: 6px;
}

.wr_advantages .field--name-field-advantages-img {
    width: 35px;
    height: 30px;
}

.wr_advantages .view-content .field--name-node-title h4 {
    font-family: Georgia;
    font-size: 20px;
    text-align: left;
    color: #2d1214;
}

.wr_advantages .view-content {
    gap: 10px;
}

.wr_reviews {
    margin-top: 50px;
}

.wr_reviews .view-header h2 {
    margin-bottom: 12px;
}

.wr_reviews .view-header {
    margin-bottom: 28px;
}

.wr_reviews .view-content {
    gap: 30px;
}

.wr_reviews .view-content .field--name-field-review-description {
    margin-bottom: 16px;
}

.wr_reviews .more-link a {
    margin: 20px auto 0 0;
}

.wr_news {
    margin-top: 40px;
}

.wr_news .block-title {
    width: 75%;
    margin-bottom: 26px;
}

.wr_callback_on_front {
    margin-bottom: 40px;
}

.region-callback-on-front {
    background-image: url(../image/fos_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 100px;
}

.wr_callback_on_front form input {
    padding: 10px 18px;
}















.footer-mid-center .navbar-nav {
    padding-left: 0%;
    padding-right: 0%;
}

.product-teaser {
    display: flex;
    gap: 25px;
}

.product-view-full button.slick-next.slick-arrow {
    right: 25px;
}

.product-view-full button.slick-prev.slick-arrow {
    left: 25px;
}

.body-taxonomy-term--catalog #block-vesta-theme-content .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.body-taxonomy-term--catalog .field--name-field-image-product-view img {
width: 100%;
}

.body-view--catalog .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.body-view--catalog .field--name-field-catalog-image img {
  width: 100%;
}

#scrollToTop {
    width: 40px;
    height: 40px;
    bottom: 60px;
    right: 50px;
}

    .header-bottom-navigation-container ul {
    gap: 16px;
}

#header .navigation-right .nav {
    gap: 20px;
}

#header .header-bottom .search-form__submit {
    margin-right: 8px;
    margin-left: 20px;
}

#header .header-bottom .navigation-right > .row {
    width: 100%;
}

div#vpa-short-wrapper {
    margin-left: calc((100% - 936px) / 2);
    gap: 12px;
    padding: 12px 24px;
    border-radius: 6px;
    background-color: #f2f2f2;
    margin-bottom: 60px;
    max-width: 700px;
}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .header-bottom-navigation-container ul {
    gap: 20px;
}

#header .navigation-right .nav {
    gap: 24px;
}

#header .header-bottom .search-form__submit {
    margin-right: 12px;
    margin-left: 24px;
}

#header .header-bottom .navigation-right > .row {
    width: 100%;
}

div#vpa-short-wrapper {
    margin-left: calc((100% - 1140px) / 2);
}

#scrollToTop {
    width: 40px;
    height: 40px;
    bottom: 80px;
    right: 100px;
}

  .wr_title_on_front::before {
    width: 231px;
    height: 197px;
    bottom: 0;
    left: 30px;
}

.wr_title_on_front::after {
    width: 200px;
    height: 250px;
    left: initial;
    right: 0;
    top: 0;
}

.wr_about::before {
    width: 169px;
    height: 179px;
    bottom: 0;
    left: 0;
}

.wr_about::after {
    display: none;
}

.wr_reviews::after {
    width: 180px;
    height: 355px;
    right: 3%;
    top: 50px;
}

.wr_advantages .view-content {
    gap: 15px;
}
}

@media (min-width: 1400px) and (max-width: 1699.98px) {
  .wr_title_on_front::before {
    width: 231px;
    height: 197px;
    bottom: 0;
    left: 120px;
}

.wr_title_on_front::after {
    width: 200px;
    height: 300px;
    left: initial;
    right: 0;
    top: 0;
}

.wr_about::before {
    width: 169px;
    height: 179px;
    bottom: 0;
    left: 0;
}

.wr_about::after {
    display: none;
}

.wr_reviews::after {
    width: 180px;
    height: 355px;
    right: 3%;
    top: 50px;
}
}