* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #cea97c;
  line-height: 1;
  font-family: "Times New Roman";
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h2,h3,p {
	color: #310101;
	padding: 10px 0;
}

h2{
	font-size: 1.4rem;
}

p {
	font-size: 1.1rem;
	line-height: 1.6rem;
}

input,
button,
textarea {
  font-family: "Times New Roman";
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}


:root {
  --font-family: "Times New Roman", sans-serif;
  --second-family: "Nunito Sans", sans-serif;
  --third-family: "Marck Script", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  background: -webkit-gradient(linear, left top, right top, from(#2b0601), color-stop(24.5%, #1c0000), color-stop(73%, #1c0000), to(#2b0601));
  background: linear-gradient(90deg, #2b0601 0%, #1c0000 24.5%, #1c0000 73%, #2b0601 100%);
  min-height: 1300px;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*overflow: hidden;*/
}

.wrapper>main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper>* {
  min-width: 0;
}

[class*=__container] {
  max-width: 100rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.title {
  font-weight: 400;
  color: #cea97c;
  text-align: center;
  font-family: var(--third-family);
  color: #cea97c;
}

@supports (font-size: clamp( 2.25rem , 0.9072580645rem  +  5.9677419355vw , 6.875rem )) {
  .title {
    font-size: clamp( 2.25rem , 0.9072580645rem  +  5.9677419355vw , 6.875rem );
  }
}

.seotext .title {
	font-size: clamp(20px, 2.6vw, 50px);
	margin-bottom: 10px;
}

.seotext .faq__question {
	padding: 10px 0;
}

.seotext {margin-top: -10px;}

@supports not (font-size: clamp( 2.25rem , 0.9072580645rem  +  5.9677419355vw , 6.875rem )) {
  .title {
    font-size: calc(2.25rem + 4.625*(100vw - 22.5rem)/77.5);
  }
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  letter-spacing: -0.05em;
  color: #310101;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

@supports (font-size: clamp( 0.875rem , 0.7884615385rem  +  0.3846153846vw , 1.25rem )) {
  .breadcrumbs {
    font-size: clamp( 0.875rem , 0.7884615385rem  +  0.3846153846vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.7884615385rem  +  0.3846153846vw , 1.25rem )) {
  .breadcrumbs {
    font-size: calc(0.875rem + 0.375*(100vw - 22.5rem)/97.5);
  }
}

.breadcrumbs__breadcrumb {
  cursor: pointer;
}

.breadcrumbs__breadcrumb:nth-last-child(2) {
  /*pointer-events: none;*/
  font-weight: 700;
}

.breadcrumbs__breadcrumb:nth-last-child(2)~.breadcrumbs__dash {
  display: none;
}

.header {
  /*padding-top: 21.5px;*/
  /*position: relative;*/
  padding-top: 21.5px;
  /*position: relative;*/
  position: sticky;
  top: 0;
  z-index: 59;
  background: #2a0601;
  padding-bottom: 5px;
}
.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 13.5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@supports (gap: clamp( 0.625rem , -1.4583333333rem  +  2.7777777778vw , 1.875rem )) {
  .header__top {
    gap: clamp( 0.625rem , -1.4583333333rem  +  2.7777777778vw , 1.875rem );
  }
}

@supports not (gap: clamp( 0.625rem , -1.4583333333rem  +  2.7777777778vw , 1.875rem )) {
  .header__top {
    gap: calc(0.625rem + 1.25*(100vw - 75rem)/45);
  }
}

@supports (padding-right: clamp( 0.0000000625rem , -6.0416665rem  +  8.0555554167vw , 3.625rem )) {
  .header__top {
    padding-right: clamp( 0.0000000625rem , -6.0416665rem  +  8.0555554167vw , 3.625rem );
  }
}

@supports not (padding-right: clamp( 0.0000000625rem , -6.0416665rem  +  8.0555554167vw , 3.625rem )) {
  .header__top {
    padding-right: calc(0.0000000625rem + 3.6249999375*(100vw - 75rem)/45);
  }
}

.header__logo img {
max-width: 90%;
  height: auto;
  margin: 0 auto; 
  display: block; 
}

.header__logo img:hover {
max-width: 95%;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  
}
.header__info {
  font-family: var(--font-family);
  font-weight: 400;
  color: #cea97c;
}

.header__address {
  margin-bottom: 6px;
}

@supports (font-size: clamp( 0.75rem , 0.1916859122rem  +  0.9237875289vw , 1rem )) {
  .header__address {
    font-size: clamp( 0.75rem , 0.1916859122rem  +  0.9237875289vw , 1rem );
  }
}

@supports not (font-size: clamp( 0.75rem , 0.1916859122rem  +  0.9237875289vw , 1rem )) {
  .header__address {
    font-size: calc(0.75rem + 0.25*(100vw - 60.4375rem)/27.0625);
  }
}

@supports (font-size: clamp( 0.75rem , 0.4708429561rem  +  0.4618937644vw , 0.875rem )) {
  .header__schedule {
    font-size: clamp( 0.75rem , 0.4708429561rem  +  0.4618937644vw , 0.875rem );
  }
}

@supports not (font-size: clamp( 0.75rem , 0.4708429561rem  +  0.4618937644vw , 0.875rem )) {
  .header__schedule {
    font-size: calc(0.75rem + 0.125*(100vw - 60.4375rem)/27.0625);
  }
}

.header__form {
  margin-right: auto;
  position: relative;
}

/* Стили при наведении на родительский блок (.header__form) */
.header__form:hover .header__search-input {
background: rgba(4, 4, 3, 0.2);
  box-shadow: 0 0 0 2px rgb(206, 169, 124);
  border-color: #cea97c; /* Яркая обводка */
}

.header__label {
  position: relative;
}

.header__search-input {
  border: 1px solid #cea97c;
  background: rgba(206,169,124,.05);
  outline: none;
  padding: 10px 20px 10px 74px;
  font-family: var(--font-family);
  font-weight: 400;
  color: #cea97c;
  width: 100%;
  font-size: 18px;
  border-radius: 5px;
  
    /* Добавляем плавный переход */
  transition: 
    background 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.news__tabs div {
	border-radius: 5px;
}

@supports (min-width: clamp( 16.25rem , -22.4519230769rem  +  44.2307692308vw , 30.625rem )) {
  .header__search-input {
    min-width: clamp( 16.25rem , -22.4519230769rem  +  44.2307692308vw , 30.625rem );
  }
}

@supports not (min-width: clamp( 16.25rem , -22.4519230769rem  +  44.2307692308vw , 30.625rem )) {
  .header__search-input {
    min-width: calc(16.25rem + 14.375*(100vw - 87.5rem)/32.5);
  }
}

@supports (padding-left: clamp( 2.1875rem , -1.875rem  +  5.4166666667vw , 4.625rem )) {
  .header__search-input {
    padding-left: clamp( 2.1875rem , -1.875rem  +  5.4166666667vw , 4.625rem );
  }
}

@supports not (padding-left: clamp( 2.1875rem , -1.875rem  +  5.4166666667vw , 4.625rem )) {
  .header__search-input {
    padding-left: calc(2.1875rem + 2.4375*(100vw - 75rem)/45);
  }
}

.header__search-input::-webkit-input-placeholder {
  color: rgba(206,169,124,.6941176471);
  font-size: 16px;
}

.header__search-input::-moz-placeholder {
  color: rgba(206,169,124,.6941176471);
  font-size: 16px;
}

.header__search-input:-ms-input-placeholder {
  color: rgba(206,169,124,.6941176471);
  font-size: 16px;
}

.header__search-input::-ms-input-placeholder {
  color: rgba(206,169,124,.6941176471);
  font-size: 16px;
}

.header__search-input::placeholder {
  color: rgba(206,169,124,.6941176471);
  font-size: 16px;
}

.header__search-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@supports (left: clamp( 0.1875rem , -2.2083333333rem  +  3.1944444444vw , 1.625rem )) {
  .header__search-icon {
    left: clamp( 0.1875rem , -2.2083333333rem  +  3.1944444444vw , 1.625rem );
  }
}

@supports not (left: clamp( 0.1875rem , -2.2083333333rem  +  3.1944444444vw , 1.625rem )) {
  .header__search-icon {
    left: calc(0.1875rem + 1.4375*(100vw - 75rem)/45);
  }
}

@supports (margin-right: clamp( 0.0000000625rem , -3.1249998333rem  +  4.1666665278vw , 1.875rem )) {
  .header__favorite {
    margin-right: clamp( 0.0000000625rem , -3.1249998333rem  +  4.1666665278vw , 1.875rem );
  }
}

@supports not (margin-right: clamp( 0.0000000625rem , -3.1249998333rem  +  4.1666665278vw , 1.875rem )) {
  .header__favorite {
    margin-right: calc(0.0000000625rem + 1.8749999375*(100vw - 75rem)/45);
  }
}

.header__basket {
  max-width: 50px;
  display: block;
  position: relative;
}

@supports (margin-right: clamp( 0.0000000625rem , -3.1249998333rem  +  4.1666665278vw , 1.875rem )) {
  .header__basket {
    margin-right: clamp( 0.0000000625rem , -3.1249998333rem  +  4.1666665278vw , 1.875rem );
  }
}

@supports not (margin-right: clamp( 0.0000000625rem , -3.1249998333rem  +  4.1666665278vw , 1.875rem )) {
  .header__basket {
    margin-right: calc(0.0000000625rem + 1.8749999375*(100vw - 75rem)/45);
  }
}

@supports (width: clamp( 1.875rem , -3.3127682403rem  +  8.5836909871vw , 3.125rem )) {
  .header__basket svg {
    width: clamp( 1.875rem , -3.3127682403rem  +  8.5836909871vw , 3.125rem );
  }
}

@supports not (width: clamp( 1.875rem , -3.3127682403rem  +  8.5836909871vw , 3.125rem )) {
  .header__basket svg {
    width: calc(1.875rem + 1.25*(100vw - 60.4375rem)/14.5625);
  }
}

@supports (height: clamp( 1.875rem , -3.3127682403rem  +  8.5836909871vw , 3.125rem )) {
  .header__basket svg {
    height: clamp( 1.875rem , -3.3127682403rem  +  8.5836909871vw , 3.125rem );
  }
}

@supports not (height: clamp( 1.875rem , -3.3127682403rem  +  8.5836909871vw , 3.125rem )) {
  .header__basket svg {
    height: calc(1.875rem + 1.25*(100vw - 60.4375rem)/14.5625);
  }
}

.header__basket-count {
  position: absolute;
  right: -11px;
  top: -5px;
  border-radius: 100%;
  background-color: #fefcf5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  letter-spacing: -0.05em;
  color: #1c0101;
}

@supports (font-size: clamp( 0.625rem , 0.1821593533rem  +  0.9237875289vw , 0.875rem )) {
  .header__basket-count {
    font-size: clamp( 0.625rem , 0.1821593533rem  +  0.9237875289vw , 0.875rem );
  }
}

@supports not (font-size: clamp( 0.625rem , 0.1821593533rem  +  0.9237875289vw , 0.875rem )) {
  .header__basket-count {
    font-size: calc(0.625rem + 0.25*(100vw - 47.9375rem)/27.0625);
  }
}

@supports (width: clamp( 0.75rem , -0.3571016166rem  +  2.3094688222vw , 1.375rem )) {
  .header__basket-count {
    width: clamp( 0.75rem , -0.3571016166rem  +  2.3094688222vw , 1.375rem );
  }
}

@supports not (width: clamp( 0.75rem , -0.3571016166rem  +  2.3094688222vw , 1.375rem )) {
  .header__basket-count {
    width: calc(0.75rem + 0.625*(100vw - 47.9375rem)/27.0625);
  }
}

@supports (height: clamp( 0.75rem , -0.3571016166rem  +  2.3094688222vw , 1.375rem )) {
  .header__basket-count {
    height: clamp( 0.75rem , -0.3571016166rem  +  2.3094688222vw , 1.375rem );
  }
}

@supports not (height: clamp( 0.75rem , -0.3571016166rem  +  2.3094688222vw , 1.375rem )) {
  .header__basket-count {
    height: calc(0.75rem + 0.625*(100vw - 47.9375rem)/27.0625);
  }
}

.header__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@supports (gap: clamp( 0.5rem , -0.3333333333rem  +  1.1111111111vw , 1rem )) {
  .header__phone {
    gap: clamp( 0.5rem , -0.3333333333rem  +  1.1111111111vw , 1rem );
  }
}

@supports not (gap: clamp( 0.5rem , -0.3333333333rem  +  1.1111111111vw , 1rem )) {
  .header__phone {
    gap: calc(0.5rem + 0.5*(100vw - 75rem)/45);
  }
}

.header__phone-wrapper {
  font-family: var(--second-family);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  letter-spacing: -0.05em;
  color: #cea97c;
}

@supports (font-size: clamp( 0.875rem , 0.3166859122rem  +  0.9237875289vw , 1.125rem )) {
  .header__phone-wrapper {
    font-size: clamp( 0.875rem , 0.3166859122rem  +  0.9237875289vw , 1.125rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.3166859122rem  +  0.9237875289vw , 1.125rem )) {
  .header__phone-wrapper {
    font-size: calc(0.875rem + 0.25*(100vw - 60.4375rem)/27.0625);
  }
}

.header__phone-item {
  display: block;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__menu .tracery__icon {
  /*position: absolute;
  bottom: 10vh;
  left: 50%;*/
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.header__link {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-bottom: 1px solid rgba(206,169,124,.4);
  border-left: 1px solid rgba(206,169,124,.4);
  border-right: 1px solid rgba(206,169,124,.4);
  border-radius: 4px;
  padding: 10px 15px;
  text-align: center;
  font-family: var(--font-family);
  font-weight: 700;
  text-transform: uppercase;
  color: #cea97c;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}

@supports (font-size: clamp( 0.75rem , 0.1945067265rem  +  0.8968609865vw , 1.1rem )) {
  .header__link {
    font-size: clamp( 0.75rem , 0.1945067265rem  +  0.8968609865vw , 1.1rem );
  }
}

@supports not (font-size: clamp( 0.75rem , 0.1945067265rem  +  0.8968609865vw , 1.125rem )) {
  .header__link {
    font-size: calc(0.75rem + 0.375*(100vw - 61.9375rem)/41.8125);
  }
}

.header__link:hover {
  background: #cea97c;
  color: #310101;
}

.header__search-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-menu {
  display: none;
}

.footer {
  padding-bottom: 20px;
}

.footer__inner {
  padding-top: 15px;
  border-top: 1px solid #cea97c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__left {
  max-width: 520px;
}

.footer__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.footer__icon img {
  max-width: 100%;
  height: auto;
}

.footer__logo {
  max-width: 200px;
}

.footer__logo img {
  max-width: 100%;
  height: auto;
}

.footer__copyright {
  font-weight: 400;
  font-size: 12px;
  color: #cea97c;
}

.footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 10px;
}

@supports (gap: clamp( 1.25rem , -19.65rem  +  30.4vw , 10.75rem )) {
  .footer__block {
    gap: clamp( 1.25rem , -19.65rem  +  30.4vw , 10.75rem );
  }
}

@supports not (gap: clamp( 1.25rem , -19.65rem  +  30.4vw , 10.75rem )) {
  .footer__block {
    gap: calc(1.25rem + 9.5*(100vw - 68.75rem)/31.25);
  }
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap:30px;
}



.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 10px;
}

.footer__item {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #cea97c;
}

.footer__item:hover {
  text-decoration: underline;
}

.footer__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 10px;
  margin-right: 100px;
}

.footer__phone-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.footer__phone {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.05em;
  color: #cea97c;
}

.scrollToTopBtn {
  margin-left: auto;
  border: 1px solid #cea97c;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: fixed;
  top: 88%;
  right: 40px;
  opacity: 0.7;
  z-index: 100;
  display: none;
  border-radius: 4px;
}

.b-show {
  display: block;
  animation: showBlock 1s linear forwards;
}

@keyframes showBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.scrollToTopBtn svg {
	margin: 8px;
	
}


.scrollToTopBtn:hover {
  background: #cea97c;
}

.scrollToTopBtn:hover svg path {
  stroke: white;
}

.hero {
  margin-bottom: 5px;
}

.hero__container {
  position: relative;
}

.hero__title {
  text-align: center;
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 140px;
  line-height: 100%;
  letter-spacing: -0.11em;
  color: #cea97c;
  padding-top: 23px;
  margin-bottom: 20px;
}

@supports (font-size: clamp( 2.25rem , 0.9072580645rem  +  5.9677419355vw , 6.875rem )) {
  .hero__title {
    font-size: clamp( 2.25rem , 0.9072580645rem  +  5.9677419355vw , 6.875rem );
  }
}

@supports not (font-size: clamp( 2.25rem , 0.9072580645rem  +  5.9677419355vw , 6.875rem )) {
  .hero__title {
    font-size: calc(2.25rem + 4.625*(100vw - 22.5rem)/77.5);
  }
}

.hero__main {
  position: absolute;
  max-width: 42%;
}

.hero__main img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero__background {
  position: absolute;
  bottom: 32px;
  z-index: -1;
}

.hero__background img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero__block {
  max-width: 912px;
  max-width: 57%;
  margin-left: auto;
}

.hero__block_mob {
  display: none;
  max-width: 912px;
  max-width: 57%;
  margin-left: auto;
}


.hero__wrapper {
  padding-bottom: 48px;
  cursor: pointer;
}

.hero__slide img {
  max-width: 100%;
  max-height: 385px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

.swiper-pagination .swiper-pagination-bullet {
  border-radius: 100%;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  background-color: #694a1c;
  width: 12px;
  height: 12px;
}

.swiper-pagination .swiper-pagination-bullet-active {
  -webkit-transform: scale(1.67);
      -ms-transform: scale(1.67);
          transform: scale(1.67);
  background-color: #cea97c;
}

.features {
  margin-bottom: 10px;
}

.features__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 39px 20px 39px 0;
  gap: 27px;
  width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  border-right: 1px solid #422929;
}

.features__item {
  display: flex;
  align-items: center;
  padding: 39px 20px 39px 0;
  gap: 27px;
  width: 25%;
  flex-basis: 25%;
  border-right: 1px solid #422929;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.features__icon img {
  transition: transform 0.3s ease;
}

/* Описание по умолчанию скрыто */
.features__description {
  display: none;
  color: #bd9768;
  font-weight: 400;
  font-size: 18px;
  line-height: 115%; 
}




.features__item:last-child {
  border-right: none;
}

.features__icon {
  width: 50px;
  height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.features__icon img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.features__name {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #cea97c;
}

@supports (font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem )) {
  .features__name {
    font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem )) {
  .features__name {
    font-size: calc(1rem + 0.5*(100vw - 61.9375rem)/58.0625);
  }
}

.tracery {
  margin-bottom: 10px;
}

.tracery__container {
  max-width: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tracery__icon img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.list {
  margin-bottom: 20px;
}

.list__title {
  font-family: var(--third-family);
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.11em;
  color: #cea97c;
  text-align: center;
  margin-bottom: 10px;
}

.list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}

.list__more-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.05em;
  color: #cea97c;
}

.list__desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #cea97c;
  max-width: 520px;
}

.list__quote {
  max-width: 520px;
}

.list__quote-text {
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #694a1c;
}

.list__quote-text:before {
  content: "";
  display: block;
  width: 23px;
  height: 20px;
  background-image: url("../images/shapes/quote_start.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 8px;
}

.list__quote-text:after {
  content: "";
  display: block;
  margin-left: auto;
  width: 23px;
  height: 20px;
  background-image: url("../images/shapes/quote_end.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 8px;
}

.list__quote-author {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: #cea97c;
  text-align: right;
}
.author-list-item {
  padding: 6px ;
}
.list__block {
  position: relative;
}

.list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list__slide {
  cursor: pointer;
  border: 1px solid #cea97c;
  height: initial;
  display: flex;
  flex-direction: column;
  width: 300px !important;

  border-radius: 3px;
}

.list_similar .list__slide {
  border: initial;
}

.list__image {
  padding: 20px 20px;
  text-align: center;
}

.list_similar .list__image {
  background-image: url(../images/main/product-list.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px 30px;
  margin-bottom: 10px;
}

.list__image img {
  max-width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
	 border-radius: 5px;
  
}

.list__name {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #cea97c;
  margin-bottom: 20px;
  padding: 0px 20px;
	
	height: calc(2 * line-height);
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@supports (font-size: clamp( 0.8125rem , 0.7115384615rem  +  0.4487179487vw , 1.25rem )) {
  .list__name {
    font-size: clamp( 0.8125rem , 0.7115384615rem  +  0.4487179487vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.8125rem , 0.7115384615rem  +  0.4487179487vw , 1.25rem )) {
  .list__name {
    font-size: calc(0.8125rem + 0.4375*(100vw - 22.5rem)/97.5);
  }
}

.list__category {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.05em;
  color: #cea97c;
  padding: 0px 20px;
  margin-bottom: 10px;
  
  height: 58px;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list__price {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #cea97c;
  padding: 0px 20px 20px;
  margin-top: auto;
  padding: 0px 20px;
  margin-bottom: 20px;
  
}

.list__price span {
	  font-size: 16px;
}

.list__btn-prev, .list__btn-prev-grav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #cea97c;
  cursor: pointer;
  position: absolute;
  left: -60px;
  top: 50%;
  border-radius: 4px;
}

.list__btn-prev:after, .list__btn-prev-grav:after {
  content: none !important;
}

.list__btn-prev svg:hover, .list__btn-prev-grav svg:hover, .list__btn-next svg:hover, .list__btn-next-grav svg:hover {
	stroke: #f4dfc4;
}

.list__btn-next, .list__btn-next-grav {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #cea97c;
  position: absolute;
  right: -42px;
  top: 50%;
  border-radius: 4px;
}

.list__btn-next:after, .list__btn-next-grav:after {
  content: none !important;
}

.subscription {
  margin-bottom: 40px;
}

.subscription__container {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.subscription__background {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.subscription__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.subscription__title {
  font-weight: 400;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #f7e1cf;
  max-width: 655px;
}

@supports (font-size: clamp( 1.5rem , -0.0983606557rem  +  5.4644808743vw , 4rem )) {
  .subscription__title {
    font-size: clamp( 1.5rem , -0.0983606557rem  +  5.4644808743vw , 4rem );
  }
}

@supports not (font-size: clamp( 1.5rem , -0.0983606557rem  +  5.4644808743vw , 4rem )) {
  .subscription__title {
    font-size: calc(1.5rem + 2.5*(100vw - 29.25rem)/45.75);
  }
}

.subscription__form {
  max-width: 655px;
  width: 100%;
}

.subscription__email {
  background: rgba(28,0,0,.6);
  border: 1px solid #cea97c;
  padding: 20px 30px;
  font-weight: 400;
  line-height: 100%;
  color: #cea97c;
  outline: none;
  width: 100%;
  margin-bottom: 20px;
}

@supports (font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem )) {
  .subscription__email {
    font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem )) {
  .subscription__email {
    font-size: calc(0.8125rem + 0.4375*(100vw - 22.5rem)/25.4375);
  }
}

.subscription__email::-webkit-input-placeholder {
  color: rgba(206,169,124,.8705882353);
}

.subscription__email::-moz-placeholder {
  color: rgba(206,169,124,.8705882353);
}

.subscription__email:-ms-input-placeholder {
  color: rgba(206,169,124,.8705882353);
}

.subscription__email::-ms-input-placeholder {
  color: rgba(206,169,124,.8705882353);
}

.subscription__email::placeholder {
  color: rgba(206,169,124,.8705882353);
}

@supports (font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem )) {
  .subscription__email::-webkit-input-placeholder {
    font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem );
  }
  .subscription__email::-moz-placeholder {
    font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem );
  }
  .subscription__email:-ms-input-placeholder {
    font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem );
  }
  .subscription__email::-ms-input-placeholder {
    font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem );
  }
  .subscription__email::placeholder {
    font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.8125rem , 0.425522113rem  +  1.7199017199vw , 1.25rem )) {
  .subscription__email::-webkit-input-placeholder {
    font-size: calc(0.8125rem + 0.4375*(100vw - 22.5rem)/25.4375);
  }
  .subscription__email::-moz-placeholder {
    font-size: calc(0.8125rem + 0.4375*(100vw - 22.5rem)/25.4375);
  }
  .subscription__email:-ms-input-placeholder {
    font-size: calc(0.8125rem + 0.4375*(100vw - 22.5rem)/25.4375);
  }
  .subscription__email::-ms-input-placeholder {
    font-size: calc(0.8125rem + 0.4375*(100vw - 22.5rem)/25.4375);
  }
  .subscription__email::placeholder {
    font-size: calc(0.8125rem + 0.4375*(100vw - 22.5rem)/25.4375);
  }
}

.subscription__btn {
  background: #cea97c;
  border-radius: 4px;
  color: #1c0000;
  padding: 10px;
  max-width: 250px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  border: 1px solid rgba(0,0,0,0);
}

.subscription__btn:hover {
  background: #1c0000;
  color: #cea97c;
  border: 1px solid #cea97c;
}

.assortment {
  margin-bottom: 60px;
}

.assortment__title {
  line-height: 70%;
  letter-spacing: -0.11em;
  margin-bottom: 50px;
}

.assortment_category .assortment__title {
  color: #310101;
}

.assortment__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}

.assortment__tab {
  border: 1px solid #cea97c;
  padding: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #cea97c;
  max-width: 250px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}

.assortment__tab.active {
  background: #cea97c;
  color: #310101;
}

.assortment_category .assortment__tab.active {
  border: 1px solid #cea97c;
}

.assortment_category .assortment__tab {
  border: 1px solid #1c0101;
  color: #1c0101;
}

.assortment__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 790px;
  margin: 0 auto;
  gap: 2%;
  margin-bottom: 28px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.assortment__category {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px;
  border: 1px solid #cea97c;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  line-height: 80%;
  letter-spacing: -0.05em;
  color: #cea97c;
  cursor: pointer;
  width: 33%;
}

.assortment_category .assortment__category {
  color: #1c0101;
  border: 1px solid #1c0101;
}

.assortment_category .assortment__category.active {
  border: 1px solid #cea97c;
}

.assortment__category.active {
  background: #cea97c;
  color: #1c0101;
  text-align: center;
}

.assortment__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 790px;
  margin: 0 auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2%;
  row-gap: 15px;
  margin-bottom: 20px;
}

.assortment__item {
  width: 32%;
  max-width: 32%;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #cea97c;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  cursor: pointer;
  color: #cea97c;
}

.assortment_category .assortment__item {
  border-bottom: 1px solid #1c0101;
  color: #1c0101;
}

.assortment_category .assortment__item svg path {
  stroke: #1c0000;
}

.assortment__item:hover {
  color: #1c0000;
  background: #cea97c;
}

.assortment__item:hover svg path {
  stroke: #1c0000;
}

.assortment__name {
  font-size: 16px;
  line-height: 80%;
  letter-spacing: -0.05em;
}

.assortment__more {
  max-width: 790px;
  margin: 0 auto;
  text-align: center;
  background: #cea97c;
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #1c0000;
  padding: 10px;
}

.gifts {
  margin-bottom: 40px;
}

.gifts__container {
  position: relative;
}

.gifts__title {
  margin-bottom: 30px;
}

.gifts__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  max-width: 1330px;
  margin: 0 auto;
}

.gifts__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 40%;
}

.gifts__text {
  font-size: 20px;
  line-height: 120%;
  color: #cea97c;
  margin-bottom: 20px;
}

@supports (font-size: clamp( 0.875rem , 0.4206161137rem  +  0.9478672986vw , 1.25rem )) {
  .gifts__text {
    font-size: clamp( 0.875rem , 0.4206161137rem  +  0.9478672986vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.4206161137rem  +  0.9478672986vw , 1.25rem )) {
  .gifts__text {
    font-size: calc(0.875rem + 0.375*(100vw - 47.9375rem)/39.5625);
  }
}

.gifts__more {

  padding: 10px;
  text-align: center;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  border-radius: 3px;
  background: #1C0000;
  /*background: #310101;*/
  color: #cea97c;
  border: 1px solid #cea97c;  

}

.gifts__more:hover {
  border: 1px solid rgba(0,0,0,0);
  color: #310101;
  background: #cea97c;
}

.gifts__right {
  width: 100%;
}

.gifts__right~.gifts__more {
  display: none;
}

.gifts__right img {
  max-width: 100%;
  width: 100%;
  max-height: 250px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.gifts__background {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  opacity: .5;
}

.gifts__background img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.gifts__tracery-left {
  position: absolute;
  top: -50px;
  left: 10vw;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -2;
  width: 77px;
  height: 60px;
  opacity: .5;
}

.gifts__tracery-left img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.gifts__tracery-right {
  position: absolute;
  top: -50px;
  right: 10vw;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -2;
  width: 77px;
  height: 60px;
  opacity: .5;
}

.gifts__tracery-right img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.faq {
  margin-bottom: 40px;
}

.faq__title {
  margin-bottom: 40px;
}

.faq__items {
  max-width: 1060px;
  margin: 0 auto;
}

.faq__item {
  border-top: 1px solid #cea97c;
}

.faq__item:last-child {
  border-bottom: 1px solid #cea97c;
}

.faq__input {
  display: none;
}

.faq__input:checked~.faq__answer {
  display: block;
}

.faq__input:checked~.faq__question svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
  cursor: pointer;
}

@supports (gap: clamp( 0.625rem , -0.2142434988rem  +  2.3640661939vw , 1.25rem )) {
  .faq__question {
    gap: clamp( 0.625rem , -0.2142434988rem  +  2.3640661939vw , 1.25rem );
  }
}

@supports not (gap: clamp( 0.625rem , -0.2142434988rem  +  2.3640661939vw , 1.25rem )) {
  .faq__question {
    gap: calc(0.625rem + 0.625*(100vw - 35.5rem)/26.4375);
  }
}

.faq__question svg {
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.faq__text {
  line-height: 100%;
  color: #cea97c;
  max-width: 651px;
}

@supports (font-size: clamp( 0.875rem , 0.3714539007rem  +  1.4184397163vw , 1.25rem )) {
  .faq__text {
    font-size: clamp( 0.875rem , 0.3714539007rem  +  1.4184397163vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.3714539007rem  +  1.4184397163vw , 1.25rem )) {
  .faq__text {
    font-size: calc(0.875rem + 0.375*(100vw - 35.5rem)/26.4375);
  }
}

.faq__answer {
  font-size: 16px;
  line-height: 120%;
  color: #a28458;
  padding-bottom: 20px;
  display: none;
}

.news {
  margin-bottom: 20px;
}

.news__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}

.news__tab {
  max-width: 250px;
  width: 100%;
  border: 1px solid #cea97c;
  padding: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #cea97c;
  text-align: center;
  cursor: pointer;
}

.news__tab.active {
  background: #cea97c;
  color: #1c0000;
}

.news_category .news__tab {
  border: 1px solid #310101;
  color: #310101;
}

.news_category .news__tab.active {
  background: #cea97c;
  border: 1px solid #cea97c;
  color: #1c0000;
}

.news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  max-width: 939px;
  margin: 0 auto;
}

.news__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
  gap: 15px;
}

.news__name {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #cea97c;
}

.news_category .news__name {
  color: #310101;
}

@supports (font-size: clamp( 1rem , 0.8336947095rem  +  0.3469210755vw , 1.25rem )) {
  .news__name {
    font-size: clamp( 1rem , 0.8336947095rem  +  0.3469210755vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.8336947095rem  +  0.3469210755vw , 1.25rem )) {
  .news__name {
    font-size: calc(1rem + 0.25*(100vw - 47.9375rem)/72.0625);
  }
}

.news__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.05em;
  color: #cea97c;
}

.news_category .news__more {
  color: #310101;
}

.news_category .news__more svg path {
  stroke: #310101;
}

.news__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.05em;
  color: #a28458;
  max-width: 585px;
}

.contacts__title {
  margin-bottom: 20px;
}

.contacts__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  max-width: 1330px;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contacts__left {
  max-width: 386px;
  position: relative;
  margin-top: 0.5vw;
}

.contacts .tracery {
  position: absolute;
  z-index: -1;
  opacity: .5;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.contacts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

@supports (gap: clamp( 0.8125rem , -1.6866113744rem  +  5.2132701422vw , 2.875rem )) {
  .contacts__item {
    gap: clamp( 0.8125rem , -1.6866113744rem  +  5.2132701422vw , 2.875rem );
	margin-top: 1vw;
  }
}

@supports not (gap: clamp( 0.8125rem , -1.6866113744rem  +  5.2132701422vw , 2.875rem )) {
  .contacts__item {
    gap: calc(0.8125rem + 2.0625*(100vw - 47.9375rem)/39.5625);
	margin-top: 0.5vw;
  }
}

.contacts__text {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #cea97c;
}

@supports (font-size: clamp( 1rem , -0.1516516517rem  +  2.4024024024vw , 1.5rem )) {
  .contacts__text {
    font-size: clamp( 1rem , -0.1516516517rem  +  2.4024024024vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 1rem , -0.1516516517rem  +  2.4024024024vw , 1.5rem )) {
  .contacts__text {
    font-size: calc(1rem + 0.5*(100vw - 47.9375rem)/20.8125);
  }
}

.contacts__wrapper {
  margin-top: 10px;
}

.contacts__subtitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #cea97c;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.contacts__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.contacts__social {
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}

.contacts__social:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.contacts__right img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.contacts-page {
  margin-bottom: 120px;
}

.contacts-page__title {
  font-weight: 400;
  line-height: 120%;
  color: #310101;
  margin-bottom: 40px;
}

@supports (font-size: clamp( 1rem , 0.5010841284rem  +  1.0407632264vw , 1.75rem )) {
  .contacts-page__title {
    font-size: clamp( 1rem , 0.5010841284rem  +  1.0407632264vw , 1.75rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.5010841284rem  +  1.0407632264vw , 1.75rem )) {
  .contacts-page__title {
    font-size: calc(1rem + 0.75*(100vw - 47.9375rem)/72.0625);
  }
}

.contacts-page__items {
  font-weight: 700;
  line-height: 140%;
  color: #310101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

@supports (font-size: clamp( 0.875rem , 0.6255420642rem  +  0.5203816132vw , 1.25rem )) {
  .contacts-page__items {
    font-size: clamp( 1.2rem , 0.6255420642rem  +  0.5203816132vw , 2rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.6255420642rem  +  0.5203816132vw , 1.25rem )) {
  .contacts-page__items {
    font-size: calc(0.875rem + 0.375*(100vw - 47.9375rem)/72.0625);
  }
}

.contacts-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 50px;
}

.contacts-block__left {
  max-width: 49%;
}

.contacts-block__title {
  font-weight: 700;
  line-height: 140%;
  color: #310101;
  margin-bottom: 30px;
}

@supports (font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem )) {
  .contacts-block__title {
    font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem );
  }
}

@supports not (font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem )) {
  .contacts-block__title {
    font-size: calc(1.5rem + 0.5*(100vw - 22.5rem)/97.5);
  }
}

.contacts-block__item {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #cfbea6;
  gap: 16px;
}

.contacts-block__item:last-child {
  border-bottom: none;
}

.contacts-block__name {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #310101;
}

.contacts-block__value {
  font-weight: 700;
  line-height: 140%;
  color: #310101;
}

@supports (font-size: clamp( 1rem , 0.9711538462rem  +  0.1282051282vw , 1.125rem )) {
  .contacts-block__value {
    font-size: clamp( 1rem , 0.9711538462rem  +  0.1282051282vw , 1.125rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.9711538462rem  +  0.1282051282vw , 1.125rem )) {
  .contacts-block__value {
    font-size: calc(1rem + 0.125*(100vw - 22.5rem)/97.5);
  }
}

.contacts-block__value span {
  font-weight: 700;
  font-size: 15px;
  line-height: 140%;
  color: #310101;
}

.contacts-block__image img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.details {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 110px;
}

.details__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #310101;
}

.details__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: #310101;
}

.submenu {
  margin-bottom: 5px;
}

.submenu__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.submenu__item {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #cea97c;
  border-bottom: 1px solid rgba(206,169,124,.4);
  border-left: 1px solid rgba(206,169,124,.4);
  border-right: 1px solid rgba(206,169,124,.4);
  border-radius: 4px;
  padding: 10px 21px;
}

.submenu__item:first-child {
  border-top: 1px solid rgba(206,169,124,.4);
}

.submenu__item:hover {
  background-color: #cea97c;
  color: #1c0000;
}

.page {
  position: relative;
}

.page_category {
  background-image: url("../images/main/page_background.webp");
  background-size: 100%;
  background-repeat: repeat-y;
  max-width: 1920px;
 /* margin: 0 auto;*/
}

.page_small {
  background-image: url("../images/main/category__background_small.webp");
}

.page__container {
  position: relative;
  z-index: 2;
  padding-top: 77px;
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 150px;
}

.page__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 45px;
  margin-bottom: 20px;
  gap: 10px;
}

.page__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
}
.page__sort_date {
	border: 1px solid #310101;
  padding: 4px;
  margin-right: 3 px;
  border-radius: 3px;
}

.page__sort_date img {
	width: 100%;
}

.page__title {
  font-weight: 700;
  font-size: 40px;
  color: #310101;
}

@supports (font-size: clamp( 1.5rem , 0.4332615716rem  +  1.7222820237vw , 2.5rem )) {
  .page__title {
    font-size: clamp( 1.5rem , 0.4332615716rem  +  1.7222820237vw , 2.5rem );
  }
}

@supports not (font-size: clamp( 1.5rem , 0.4332615716rem  +  1.7222820237vw , 2.5rem )) {
  .page__title {
    font-size: calc(1.5rem + 1*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (margin-bottom: clamp( 1.25rem , -1.416846071rem  +  4.3057050592vw , 3.75rem )) {
  .page__title {
    margin-bottom: clamp( 1.25rem , -1.416846071rem  +  4.3057050592vw , 2rem );
  }
}

@supports not (margin-bottom: clamp( 1.25rem , -1.416846071rem  +  4.3057050592vw , 3.75rem )) {
  .page__title {
    margin-bottom: calc(1.25rem + 2.5*(100vw - 61.9375rem)/58.0625);
  }
}

.page__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 26%;
}

.page__right {
  max-width: 64%;
  padding-right: 40px;
}

.page__background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 1920px;
  margin: 0 auto;
}

.page__background {
  position: absolute;
  top: 0;
  bottom: 0;
}

.page__background img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page__background_top {
  position: absolute;
  top: 0;
  z-index: 1;
  max-width: 1920px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.page__background_top img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page__background_bottom {
  max-width: 1920px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.page__background_bottom img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-bottom: 60px;
}

.form__element-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  color: #310101;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@supports (margin-bottom: clamp( 0.625rem , -0.7084230355rem  +  2.1528525296vw , 1.875rem )) {
  .form__element-header {
    margin-bottom: clamp( 0.625rem , -0.7084230355rem  +  2.1528525296vw , 1.875rem );
  }
}

@supports not (margin-bottom: clamp( 0.625rem , -0.7084230355rem  +  2.1528525296vw , 1.875rem )) {
  .form__element-header {
    margin-bottom: calc(0.625rem + 1.25*(100vw - 61.9375rem)/58.0625);
  }
}

.form__tab {
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
      transform: rotate(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.form__tab:has(.form__tab-checkbox:checked) {
  
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.form__tab-checkbox {
  display: none;
}

.form .form__element:has(.form__tab-checkbox:checked) .form__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
}

.form .form__element:has(.form__tab-checkbox:checked) .form__checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
}

.form__inputs {
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  color: #310101;
}

@supports (gap: clamp( 0.75rem , 0.4833153929rem  +  0.4305705059vw , 1rem )) {
  .form__inputs {
    gap: clamp( 0.75rem , 0.4833153929rem  +  0.4305705059vw , 1rem );
  }
}

@supports not (gap: clamp( 0.75rem , 0.4833153929rem  +  0.4305705059vw , 1rem )) {
  .form__inputs {
    gap: calc(0.75rem + 0.25*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem )) {
  .form__inputs {
    font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem )) {
  .form__inputs {
    font-size: calc(0.875rem + 0.375*(100vw - 61.9375rem)/58.0625);
  }
}

.form__input {
  text-align: center;
  outline: none;
  background-color: rgba(0,0,0,0);
  border: 1px solid rgba(0,0,0,.5);
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 44%;
  color: #000;
}

@supports (padding: clamp( 0.3125rem , -0.0208557589rem  +  0.5382131324vw , 0.625rem )) {
  .form__input {
    padding: clamp( 0.3125rem , -0.0208557589rem  +  0.5382131324vw , 0.625rem );
  }
}

@supports not (padding: clamp( 0.3125rem , -0.0208557589rem  +  0.5382131324vw , 0.625rem )) {
  .form__input {
    padding: calc(0.3125rem + 0.3125*(100vw - 61.9375rem)/58.0625);
  }
}

.form__input::-webkit-input-placeholder {
  color: rgba(0,0,0,.6);
}

.form__input::-moz-placeholder {
  color: rgba(0,0,0,.6);
}

.form__input:-ms-input-placeholder {
  color: rgba(0,0,0,.6);
}

.form__input::-ms-input-placeholder {
  color: rgba(0,0,0,.6);
}

.form__input::placeholder {
  color: rgba(0,0,0,.6);
}

.form__input_full {
  max-width: 100%;
}

.form__checkboxes {
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 400;
  font-size: 16px;
  color: #310101;
  gap: 12px;
}

.form__label-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48%;
  cursor: pointer;
}

.form__checkbox {
  display: none;
}

.form__checkbox:checked~.form__checked {
  background-color: #310101;
}

.form__checkbox:checked~.form__checked svg {
  display: initial;
}

.form__checked {
  border: 1px solid #310101;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form__checked svg {
  display: none;
}

.side-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-bottom: 60px;
  position: sticky;
  top: 19%;
}

.side-features_mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  margin-bottom: 10px;
  top: 19%;
  display: none;
}


.side-features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #310101;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(66,41,41,.2);
  transition: 0.6s linear;

Источник: https://vaden-pro.ru/blog/css/plavnoe-izmenenie-cveta
}
.side-features__item:hover {
/*	color: #8e1e2f;
	text-decoration: underline ;*/ 
} 

@supports (font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem )) {
  .side-features__item {
    font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem )) {
  .side-features__item {
    font-size: calc(1rem + 0.5*(100vw - 61.9375rem)/58.0625);
  }
}

.side-features__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.side-features__image {
  max-width: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.side-features__image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.side-banners {
  margin-bottom: 60px;
}

.side-banners__wrapper {
  padding-bottom: 30px;
  cursor: pointer;
}

.side-banners__slide img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.side-banners .swiper-pagination {
  gap: 15px;
}

.side-banners .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: .2;
}

.side-banners .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #310101;
  opacity: 1;
}

.side-contacts {
  margin-top: auto;
  position: relative;
  padding: 40px 20px 40px 40px;
}

.side-contacts__backround {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.side-contacts__backround img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.side-contacts__title {
  text-align: center;
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -0.11em;
  text-align: center;
  color: #310101;
  text-shadow: 0 4px 40px 0 rgba(0,0,0,.25);
  margin-bottom: 10px;
}

@supports (font-size: clamp( 2.25rem , 0.9165769645rem  +  2.1528525296vw , 3.5rem )) {
  .side-contacts__title {
    font-size: clamp( 2.25rem , 0.9165769645rem  +  2.1528525296vw , 3.5rem );
  }
}

@supports not (font-size: clamp( 2.25rem , 0.9165769645rem  +  2.1528525296vw , 3.5rem )) {
  .side-contacts__title {
    font-size: calc(2.25rem + 1.25*(100vw - 61.9375rem)/58.0625);
  }
}

.side-contacts__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@supports (gap: clamp( 0.75rem , 0.4833153929rem  +  0.4305705059vw , 1rem )) {
  .side-contacts__items {
    gap: clamp( 0.75rem , 0.4833153929rem  +  0.4305705059vw , 1rem );
  }
}

@supports not (gap: clamp( 0.75rem , 0.4833153929rem  +  0.4305705059vw , 1rem )) {
  .side-contacts__items {
    gap: calc(0.75rem + 0.25*(100vw - 61.9375rem)/58.0625);
  }
}

.side-contacts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  line-height: 120%;
  color: #310101;
}

@supports (gap: clamp( 0.625rem , -1.3751345533rem  +  3.2292787944vw , 2.5rem )) {
  .side-contacts__item {
    gap: clamp( 0.625rem , -1.3751345533rem  +  3.2292787944vw , 2.5rem );
  }
}

@supports not (gap: clamp( 0.625rem , -1.3751345533rem  +  3.2292787944vw , 2.5rem )) {
  .side-contacts__item {
    gap: calc(0.625rem + 1.875*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (font-size: clamp( 1rem , 0.5999730893rem  +  0.6458557589vw , 1.375rem )) {
  .side-contacts__item {
    font-size: clamp( 1rem , 0.5999730893rem  +  0.6458557589vw , 1.375rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.5999730893rem  +  0.6458557589vw , 1.375rem )) {
  .side-contacts__item {
    font-size: calc(1rem + 0.375*(100vw - 61.9375rem)/58.0625);
  }
}

.side-contacts__item svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.side-contacts__text {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 120%;
  color: #310101;
  text-transform: uppercase;
}

@supports (font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem )) {
  .side-contacts__text {
    font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem )) {
  .side-contacts__text {
    font-size: calc(1rem + 0.5*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (margin-bottom: clamp( 0.5rem , -0.0333692142rem  +  0.8611410118vw , 1rem )) {
  .side-contacts__text {
    margin-bottom: clamp( 0.5rem , -0.0333692142rem  +  0.8611410118vw , 1rem );
  }
}

@supports not (margin-bottom: clamp( 0.5rem , -0.0333692142rem  +  0.8611410118vw , 1rem )) {
  .side-contacts__text {
    margin-bottom: calc(0.5rem + 0.5*(100vw - 61.9375rem)/58.0625);
  }
}

.side-contacts__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.mobile-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-bottom: 40px;
}

.mobile-filters__item {
  padding: 10px 24px;
  background: #cea97c;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #310101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
}

.sorting-block, .sorting-block3  {
  padding-bottom: 24px;
  border-bottom: 1px solid #cea97c;
  width: 100%;
  margin-bottom: 24px;
}

.sorting__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

.sorting__item {
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  color: #310101;
}

@supports (font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem )) {
  .sorting__item {
    font-size: clamp( 0.875rem , 0.4749730893rem  +  0.7vw , 1.2rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem )) {
  .sorting__item {
    font-size: calc(0.875rem + 0.375*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (gap: clamp( 0.5rem , -0.0333692142rem  +  0.8611410118vw , 1rem )) {
  .sorting__item {
    gap: clamp( 0.7rem , -0.0333692142rem + 1.8611410118vw , 1.4rem );
  }
}

@supports not (gap: clamp( 0.5rem , -0.0333692142rem  +  0.8611410118vw , 1rem )) {
  .sorting__item {
    gap: calc(0.5rem + 0.5*(100vw - 61.9375rem)/58.0625);
  }
}

.sorting__item.active .sorting__name {
  font-weight: 700;
}

.sorting__item.active .sorting__correct img {
  display: initial;
  margin-top: -1px;
  width: 40px;
}

.sorting__item:hover .sorting__correct {
  background: #f8e4c4;
}

.sorting__name:hover {
	color: rgb(160,1,1);
}

.sorting__correct {
  width: 20px;
  height: 20px;
  background: #f8e4c4;
}

.sorting__correct img {
  display: none;
}

.sorting__list_years {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.sorting__item-years {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 25%;
}

.sorting__years-title {
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #310101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  margin-bottom: 30px;
}

@supports (gap: clamp( 0.625rem , -1.3751345533rem  +  3.2292787944vw , 2.5rem )) {
  .sorting__years-title {
    gap: clamp( 0.625rem , -1.3751345533rem  +  3.2292787944vw , 2.5rem );
  }
}

@supports not (gap: clamp( 0.625rem , -1.3751345533rem  +  3.2292787944vw , 2.5rem )) {
  .sorting__years-title {
    gap: calc(0.625rem + 1.875*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (margin-bottom: clamp( 0.625rem , -0.7084230355rem  +  2.1528525296vw , 1.875rem )) {
  .sorting__years-title {
    margin-bottom: clamp( 0.625rem , -0.7084230355rem  +  2.1528525296vw , 1.875rem );
  }
}

@supports not (margin-bottom: clamp( 0.625rem , -0.7084230355rem  +  2.1528525296vw , 1.875rem )) {
  .sorting__years-title {
    margin-bottom: calc(0.625rem + 1.25*(100vw - 61.9375rem)/58.0625);
  }
}

.sorting__years-title span {
  font-weight: 700;
}

@supports (font-size: clamp( 1.25rem , -1.6835306781rem  +  4.7362755651vw , 4rem )) {
  .sorting__years-title span {
    font-size: clamp( 1.25rem , -1.6835306781rem  +  4.7362755651vw , 4rem );
  }
}

@supports not (font-size: clamp( 1.25rem , -1.6835306781rem  +  4.7362755651vw , 4rem )) {
  .sorting__years-title span {
    font-size: calc(1.25rem + 2.75*(100vw - 61.9375rem)/58.0625);
  }
}

.sorting__years-title p {
  -ms-flex-item-align: end;
      align-self: flex-end;
  line-height: 1.4;
}

@supports (font-size: clamp( 0.875rem , -0.5917653391rem  +  2.3681377826vw , 2.25rem )) {
  .sorting__years-title p {
    font-size: clamp( 0.875rem , -0.5917653391rem  +  2.3681377826vw , 2.25rem );
  }
}

@supports not (font-size: clamp( 0.875rem , -0.5917653391rem  +  2.3681377826vw , 2.25rem )) {
  .sorting__years-title p {
    font-size: calc(0.875rem + 1.375*(100vw - 61.9375rem)/58.0625);
  }
}

.sorting__years {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.sorting__year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  line-height: 80%;
  letter-spacing: -0.05em;
  color: #310101;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #310101;
}

.sorting__year svg {
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}

.sorting__year:hover svg {
  -webkit-transform: translate(-10px, 0);
      -ms-transform: translate(-10px, 0);
          transform: translate(-10px, 0);
}

.sorting__selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}

.sorting__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
}

.sorting__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(0,0,0,0);
  font-weight: 400;
  font-size: 16px;
  color: #310101;
  padding: 5px 30px 5px 10px;
  cursor: pointer;
  outline: none;
}

.sorting__select-icon {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}

.tags {
  max-width: 1060px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}

.tags__slide {
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #310101;
  height: 40px !important;
  background-color: #cea97c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

@supports (font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem )) {
  .tags__slide {
    font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem )) {
  .tags__slide {
    font-size: calc(0.875rem + 0.375*(100vw - 61.9375rem)/58.0625);
  }
}

.tags__slide:hover {
  background-color: #c9a070;
}

.tags-prev {
  border: 1px solid #310101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tags-prev:hover {
  background: rgba(206,169,124,.231372549);
}

.tags-next {
  border: 1px solid #310101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tags-next:hover {
  background: rgba(206,169,124,.231372549);
}

.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #310101;
}

@supports (gap: clamp( 0.25rem , -1.4620535714rem  +  3.5714285714vw , 0.75rem )) {
  .navigation {
    gap: clamp( 0.25rem , -1.4620535714rem  +  3.5714285714vw , 0.75rem );
  }
}

@supports not (gap: clamp( 0.25rem , -1.4620535714rem  +  3.5714285714vw , 0.75rem )) {
  .navigation {
    gap: calc(0.25rem + 0.5*(100vw - 47.9375rem)/14);
  }
}

@supports (font-size: clamp( 0.75rem , -0.9620535714rem  +  3.5714285714vw , 1.25rem )) {
  .navigation {
    font-size: clamp( 0.75rem , -0.9620535714rem  +  3.5714285714vw , 1.25rem );
  }
  
}

@supports not (font-size: clamp( 0.75rem , -0.9620535714rem  +  3.5714285714vw , 1.25rem )) {
  .navigation {
    font-size: calc(0.75rem + 0.5*(100vw - 47.9375rem)/14);
  }
}

.navigation__btn {
  border: 1px solid #310101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 3px;
}

@supports (width: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.5rem )) {
  .navigation__btn {
    width: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.1rem );
  }
}

@supports not (width: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.5rem )) {
  .navigation__btn {
    width: calc(1.875rem + 0.625*(100vw - 47.9375rem)/14);
  }
}

@supports (height: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.5rem )) {
  .navigation__btn {
    height: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.1rem );
  }
}

@supports not (height: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.5rem )) {
  .navigation__btn {
    height: calc(1.875rem + 0.625*(100vw - 47.9375rem)/14);
  }
}

.navigation__btn:hover {
  background: rgba(206,169,124,.231372549);
}

.navigation__pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@supports (gap: clamp( 0.25rem , -1.4620535714rem  +  3.5714285714vw , 0.75rem )) {
  .navigation__pages {
    gap: clamp( 0.25rem , -1.4620535714rem  +  3.5714285714vw , 0.75rem );
  }
}

@supports not (gap: clamp( 0.25rem , -1.4620535714rem  +  3.5714285714vw , 0.75rem )) {
  .navigation__pages {
    gap: calc(0.25rem + 0.5*(100vw - 47.9375rem)/14);
  }
}

.navigation__page {
  border: 1px solid #310101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
		  border-radius: 3px;
}

@supports (width: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.5rem )) {
  .navigation__page, .page__sort_date {
    width: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.1rem );
  }
}

@supports not (width: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.5rem )) {
  .navigation__page, .page__sort_date {
    width: calc(1.875rem + 0.625*(100vw - 47.9375rem)/14);
  }
}

@supports (height: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.5rem )) {
  .navigation__page, .page__sort_date {
    height: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.1rem );
  }
}

@supports not (height: clamp( 1.875rem , -0.2650669643rem  +  4.4642857143vw , 2.5rem )) {
  .navigation__page, .page__sort_date {
    height: calc(1.875rem + 0.625*(100vw - 47.9375rem)/14);
  }
}

.navigation__page:hover {
  background: rgba(206,169,124,.231372549);
}

.navigation__page_active {
  background: #cea97c;
}

.navigation__page_active:hover {
  background: #cea97c;
}

.navigation__other {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.product-list {
  margin-bottom: 40px;
}
.product img {
  max-width: 100%;
  margin: 0.5% 0;
  /*border-radius: 1%;*/
}

.product-list ~ .page__navigation.navigation{
  justify-content: center;
  margin-bottom: 10px;
}

.product-list__item {
  padding-bottom: 24px;
  border-bottom: 1px solid #cea97c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

@supports (gap: clamp( 0.625rem , -0.0417115178rem  +  1.0764262648vw , 1.25rem )) {
  .product-list__item {
    gap: clamp( 0.625rem , -0.0417115178rem  +  1.0764262648vw , 1.25rem );
  }
}

@supports not (gap: clamp( 0.625rem , -0.0417115178rem  +  1.0764262648vw , 1.25rem )) {
  .product-list__item {
    gap: calc(0.625rem + 0.625*(100vw - 61.9375rem)/58.0625);
  }
}

.product-list__image {
  margin-top: -20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@supports (width: clamp( 10.4375rem , 0.3701560818rem  +  16.2540365985vw , 19.875rem )) {
  .product-list__image {
    width: clamp( 10.4375rem , 0.3701560818rem  +  66.2540365985vw , 19.875rem );
  } 
}

@supports not (width: clamp( 10.4375rem , 0.3701560818rem  +  16.2540365985vw , 19.875rem )) {
  .product-list__image {
    width: calc(10.4375rem + 9.4375*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (height: clamp( 11.75rem , 2.4160387513rem  +  15.0699677072vw , 20.5rem )) {
  .product-list__image img {
    height: clamp( 11.75rem , 2.4160387513rem  +  15.0699677072vw , 20.5rem );
  }
}

@supports not (height: clamp( 11.75rem , 2.4160387513rem  +  15.0699677072vw , 20.5rem )) {
  .product-list__image img {
    height: calc(11.75rem + 8.75*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (padding: clamp( 1.25rem , 0.3166038751rem  +  1.5069967707vw , 2.125rem )) {
  .product-list__image img {
    padding: clamp( 1.25rem , 0.3166038751rem  +  1.5069967707vw , 2.125rem );
  }
}

@supports not (padding: clamp( 1.25rem , 0.3166038751rem  +  1.5069967707vw , 2.125rem )) {
  .product-list__image img {
    padding: calc(1.25rem + 0.875*(100vw - 61.9375rem)/58.0625);
  }
}

.product-list__image img {
  /*max-width: 100%;
    background-size: 100% 100%;*/
  max-width: 80%;
  background-size: 94% 97%;
  background-position: center;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  background-image: url("../images/main/product-list.png");
  background-repeat: no-repeat;
  padding: calc(1.25rem + 0.875*(100vw - 61.9375rem)/58.0625);
}

.product-list__info {
  /*max-width: 450px;*/
  flex-grow: 1;
}

.product-list__name {
  font-weight: 700;
  color: #310101;
  margin-bottom: 20px;
  display: block;
}

@supports (font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem )) {
  .product-list__name {
    font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.4666307858rem  +  0.8611410118vw , 1.5rem )) {
  .product-list__name {
    font-size: calc(1rem + 0.5*(100vw - 61.9375rem)/58.0625);
  }
}

.product-list__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #310101;
  margin-bottom: 10px;
}

@supports (font-size: clamp( 0.875rem , 0.7416576964rem  +  0.215285253vw , 1rem )) {
  .product-list__desc {
    font-size: clamp( 0.875rem , 0.7416576964rem  +  0.215285253vw , 1rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.7416576964rem  +  0.215285253vw , 1rem )) {
  .product-list__desc {
    font-size: calc(0.875rem + 0.125*(100vw - 61.9375rem)/58.0625);
  }
}

.product-list__year {
  font-weight: 700;
  font-size: 16px;
  color: #310101;
}

@supports (font-size: clamp( 0.75rem , 0.4833153929rem  +  0.4305705059vw , 1rem )) {
  .product-list__year {
    font-size: clamp( 0.75rem , 0.4833153929rem  +  0.5305705059vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 0.75rem , 0.4833153929rem  +  0.4305705059vw , 1rem )) {
  .product-list__year {
    font-size: calc(0.75rem + 0.25*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (margin-bottom: clamp( 1.25rem , -2.7502691066rem  +  6.4585575888vw , 5rem )) {
  .product-list__year {
    margin-bottom: 10px;     
  }
}

@supports not (margin-bottom: clamp( 1.25rem , -2.7502691066rem  +  6.4585575888vw , 5rem )) {
  .product-list__year {
    margin-bottom: calc(1.25rem + 3.75*(100vw - 61.9375rem)/58.0625);
  }
}

.product-list__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  color: #a18461;
}

.product-list__order {
  margin-left: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 252px;
}

.product-info__price {
  font-weight: 700;
  color: #310101;
}
.product-list__price:empty:after
, .product-info__price:empty:after {
	content: "нет в наличии";
	font-size: 70%;
}
.product-list__price:empty
, .product-info__price:empty {
	margin: 0;
	padding: 0;
}

@supports (font-size: clamp( 1.5rem , 0.9666307858rem  +  0.8611410118vw , 2rem )) {
  .product-list__price {
    font-size: clamp( 1.5rem , 0.9666307858rem  +  0.8611410118vw , 2rem );
  }
}

@supports not (font-size: clamp( 1.5rem , 0.9666307858rem  +  0.8611410118vw , 2rem )) {
  .product-list__price {
    font-size: calc(1.5rem + 0.5*(100vw - 61.9375rem)/58.0625);
  }
}


.product-list__buy {
  /*width: 100%;*/
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #310101;
  background: #cea97c;
  padding: 10px 25px;
  transition: 0.2s ease all;
  display: inline-block;
  border-radius: 3px;
}
.product-list__buy:hover{
  background: #ad8758;
}
.description {
  position: relative;
  max-width: 100%;
}

.description__background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.description__background img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.description__text {
  position: relative;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.03em;
  color: #310101;
  max-width: 100%;
}

@supports (font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem )) {
  .description__text {
    font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.4749730893rem  +  0.6458557589vw , 1.25rem )) {
  .description__text {
    font-size: calc(0.875rem + 0.375*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (padding-top: clamp( 2.5rem , 0.4998654467rem  +  3.2292787944vw , 4.375rem )) {
  .description__text {
    padding-top: clamp( 2.5rem , 0.4998654467rem  +  3.2292787944vw , 4.375rem );
  }
}

@supports not (padding-top: clamp( 2.5rem , 0.4998654467rem  +  3.2292787944vw , 4.375rem )) {
  .description__text {
    padding-top: calc(2.5rem + 1.875*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (padding-bottom: clamp( 2.5rem , 0.4998654467rem  +  3.2292787944vw , 4.375rem )) {
  .description__text {
    padding-bottom: clamp( 2.5rem , 0.4998654467rem  +  3.2292787944vw , 4.375rem );
  }
}

@supports not (padding-bottom: clamp( 2.5rem , 0.4998654467rem  +  3.2292787944vw , 4.375rem )) {
  .description__text {
    padding-bottom: calc(2.5rem + 1.875*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (padding-right: clamp( 2.5rem , 1.1665769645rem  +  2.1528525296vw , 3.75rem )) {
  .description__text {
    padding-right: clamp( 2.5rem , 1.1665769645rem  +  2.1528525296vw , 3.75rem );
  }
}

@supports not (padding-right: clamp( 2.5rem , 1.1665769645rem  +  2.1528525296vw , 3.75rem )) {
  .description__text {
    padding-right: calc(2.5rem + 1.25*(100vw - 61.9375rem)/58.0625);
  }
}

@supports (padding-left: clamp( 2.5rem , 1.1665769645rem  +  2.1528525296vw , 3.75rem )) {
  .description__text {
    padding-left: clamp( 2.5rem , 1.1665769645rem  +  2.1528525296vw , 3.75rem );
  }
}

@supports not (padding-left: clamp( 2.5rem , 1.1665769645rem  +  2.1528525296vw , 3.75rem )) {
  .description__text {
    padding-left: calc(2.5rem + 1.25*(100vw - 61.9375rem)/58.0625);
  }
}

.category-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-right: 40px;
  margin-bottom: 40px;
}

.category-content__left {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #310101;
  max-width: 45%;
}

.category-content__right {
  max-width: 520px;
}

.category-content__right img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.side-faq__text {
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.05em;
  color: #310101;
  margin-bottom: 20px;
}

.side-faq__image img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;

}

.product-info_sticky{
  position: sticky;
  top: 19%;
}

.product-info__left {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.05em;
  color: #310101;
  width: 26%;
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.product-info__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  gap: 8px;
}

.product-info__action {
  cursor: pointer;
}

.product-info__name {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.05em;
  color: #310101;
}

.product-info__text {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.05em;
  color: #310101;
}

.product-info__price {
  font-weight: 700;
  font-size: 30px;
  color: #310101;
}

.product-info__order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  background: #310101;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #cea97c;
  border-radius: 3px;
}

.product__title {
  font-weight: 600;
  /*text-transform: uppercase;*/
  color: #310101;
  margin-bottom: 16px;
  /*text-align: center;*/
}

@supports (font-size: clamp( 1rem , 0.7115384615rem  +  1.2820512821vw , 2.25rem )) {
  .product__title {
    font-size: clamp( 1.6rem , 0.3115384615rem  +  1.1820512821vw , 2.25rem );
	text-align: center;
  }
}

@supports not (font-size: clamp( 1rem , 0.7115384615rem  +  1.2820512821vw , 2.25rem )) {
  .product__title {
    font-size: calc(1rem + 1.25*(100vw - 22.5rem)/97.5);
  }
}

.product__desc {
  font-weight: 400;
  letter-spacing: -0.05em;
  color: #310101;
  margin-bottom: 30px;
}

@supports (font-size: clamp( 0.875rem , 0.7307692308rem  +  0.641025641vw , 1.5rem )) {
  .product__desc {
    font-size: clamp( 0.875rem , 0.7307692308rem  +  0.641025641vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.7307692308rem  +  0.641025641vw , 1.5rem )) {
  .product__desc {
    font-size: calc(0.875rem + 0.625*(100vw - 22.5rem)/97.5);
  }
}

.product__element {
  margin-bottom: 30px;
}

.product__subtitle {
  font-weight: 700;
  color: #310101;
  margin-bottom: 24px;
}

@supports (font-size: clamp( 1rem , 0.8846153846rem  +  0.5128205128vw , 1.5rem )) {
  .product__subtitle {
    font-size: clamp( 1rem , 0.8846153846rem  +  0.5128205128vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.8846153846rem  +  0.5128205128vw , 1.5rem )) {
  .product__subtitle {
    font-size: calc(1rem + 0.5*(100vw - 22.5rem)/97.5);
  }
}

.product__text {
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.05em;
  color: #310101;
}

@supports (font-size: clamp( 0.875rem , 0.8461538462rem  +  0.1282051282vw , 1rem )) {
  .product__text {
    font-size: clamp( 0.875rem , 0.8461538462rem  +  0.1282051282vw , 1rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.8461538462rem  +  0.1282051282vw , 1rem )) {
  .product__text {
    font-size: calc(0.875rem + 0.125*(100vw - 22.5rem)/97.5);
  }
}

.product__images {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.product__image {
  max-width: 49%;
}

.product__image img {
  max-width: 100%;
  height: auto;
}

.product__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.product__author-photo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.product__author-photo img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.product__author-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #310101;
  margin-bottom: 30px;
}

@supports (font-size: clamp( 1rem , 0.8846153846rem  +  0.5128205128vw , 1.5rem )) {
  .product__author-name {
    font-size: clamp( 1rem , 0.8846153846rem  +  0.5128205128vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.8846153846rem  +  0.5128205128vw , 1.5rem )) {
  .product__author-name {
    font-size: calc(1rem + 0.5*(100vw - 22.5rem)/97.5);
  }
}

.product__author-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.05em;
  color: #310101;
}

.product__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 40px;
}

.product__gallery img {
  max-width: 100%;
  height: auto;
}

.product__tracery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

@supports (gap: clamp( 0.625rem , -0.0961538462rem  +  3.2051282051vw , 3.75rem )) {
  .product__tracery {
    gap: clamp( 0.625rem , -0.0961538462rem  +  3.2051282051vw , 3.75rem );
  }
}

@supports not (gap: clamp( 0.625rem , -0.0961538462rem  +  3.2051282051vw , 3.75rem )) {
  .product__tracery {
    gap: calc(0.625rem + 3.125*(100vw - 22.5rem)/97.5);
  }
}

.delivery__text {
  font-weight: 400;
  line-height: 120%;
  color: #310101;
  margin-bottom: 24px;
}

.delivery__text span {
  font-weight: 700;
}

@supports (font-size: clamp( 0.875rem , 0.6730769231rem  +  0.8974358974vw , 1.75rem )) {
  .delivery__text {
    font-size: clamp( 1.1rem , 0.5030769231rem  +  0.8974358974vw , 2rem );
  }
}

@supports not (font-size: clamp( 0.875rem , 0.6730769231rem  +  0.8974358974vw , 1.75rem )) {
  .delivery__text {
    font-size: calc(0.875rem + 0.875*(100vw - 22.5rem)/97.5);
  }
}

.delivery__image {
  margin-bottom: 24px;
}

.delivery__image img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.delivery__attention {
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
  color: #000;
}

@supports (margin-bottom: clamp( 1.875rem , 1.1538461538rem  +  3.2051282051vw , 5rem )) {
  .delivery__attention {
    margin-bottom: clamp( 1.875rem , 1.1538461538rem  +  3.2051282051vw , 1.5rem );
  }
}

@supports not (margin-bottom: clamp( 1.875rem , 1.1538461538rem  +  3.2051282051vw , 5rem )) {
  .delivery__attention {
    margin-bottom: calc(1.875rem + 3.125*(100vw - 22.5rem)/97.5);
  }
}

@supports (font-size: clamp( 1rem , 0.8269230769rem  +  0.7692307692vw , 1.75rem )) {
  .delivery__attention {
    font-size: clamp( 1rem , 0.8269230769rem  +  0.7692307692vw , 1.5rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.8269230769rem  +  0.7692307692vw , 1.75rem )) {
  .delivery__attention {
    font-size: calc(1rem + 0.75*(100vw - 22.5rem)/97.5);
  }
}

.pay-methods {
  margin-bottom: 80px;
}

.pay-methods__title {
  font-weight: 700;
  line-height: 140%;
  color: #310101;
}

@supports (margin-bottom: clamp( 1rem , 0.6538461538rem  +  1.5384615385vw , 2.5rem )) {
  .pay-methods__title {
    margin-bottom: clamp( 1rem , 0.6538461538rem  +  1.5384615385vw , 2.5rem );
  }
}

@supports not (margin-bottom: clamp( 1rem , 0.6538461538rem  +  1.5384615385vw , 2.5rem )) {
  .pay-methods__title {
    margin-bottom: calc(1rem + 1.5*(100vw - 22.5rem)/97.5);
  }
}

@supports (font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem )) {
  .pay-methods__title {
    font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem );
  }
}

@supports not (font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem )) {
  .pay-methods__title {
    font-size: calc(1.5rem + 0.5*(100vw - 22.5rem)/97.5);
  }
}

.pay-methods__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.pay-methods__item img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.basket__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #310101;
}

@supports (margin-bottom: clamp( 1.875rem , 1.1538461538rem  +  3.2051282051vw , 5rem )) {
  .basket__text {
    margin-bottom: clamp( 1.875rem , 1.1538461538rem  +  3.2051282051vw , 5rem );
  }
}

@supports not (margin-bottom: clamp( 1.875rem , 1.1538461538rem  +  3.2051282051vw , 5rem )) {
  .basket__text {
    margin-bottom: calc(1.875rem + 3.125*(100vw - 22.5rem)/97.5);
  }
}

.basket__text span {
  white-space: nowrap;
}

.basket-form {
  padding-right: 20px;
  margin-bottom: 40px;
}

.basket-form__title {
  font-weight: 700;
  color: #310101;
  margin-bottom: 32px;
}

@supports (font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem )) {
  .basket-form__title {
    font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem );
  }
}

@supports not (font-size: clamp( 1.5rem , 1.3846153846rem  +  0.5128205128vw , 2rem )) {
  .basket-form__title {
    font-size: calc(1.5rem + 0.5*(100vw - 22.5rem)/97.5);
  }
}

.basket-form__input {
  margin-bottom: 16px;
  border: 1px solid #310101;
  padding: 20px 24px;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #310101;
  width: 100%;
  background-color: rgba(0,0,0,0);
  outline: none;
}

.basket-form__submit {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #310101;
  background: #cea97c;
  width: 100%;
  padding: 20px 24px;
}

[data-content]:not(.active) {
  display: none;
}
.product {
  color: #310101;
  /*font-size: 18px;*/
}

.product p-img{
  margin: 10px 0;
}

#search-results{
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  color: black;
  display: none;
  flex-direction: column;
  gap: 10px;
  z-index: 100;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#search-results a {
  display: block;
  cursor: pointer;
  transition: 0.2s ease all;
  padding: 5px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-rows: 25px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
#search-results a span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding: 0 0 0 5px;
}
#search-results a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}
#search-results a:hover{
  background: rgba(206, 169, 124, 0.25);
}
#search-form:has(#search-query:target) #search-results
, #search-form:has(#search-query:focus) #search-results
, #search-form:has(a:hover) #search-results
, #search-form:hover #search-results
, .sorting-block_flex {
  display: flex;
}
#search-form #search-results{
  background-color: #f9e5c5;
  filter: drop-shadow(1px 1px 4px #000000);
}
#search-form:hover #search-results{
  padding: 5px;
}
.sorting-block_flex{
  gap: 20px;
  justify-content: center;
  align-items: center;
  background-image: url("../images/main/soviet-bg.png");
  background-repeat: no-repeat;
  background-size: 90% 100%;
  background-position: center;
  padding: 20px 40px;

}
.sorting-block_flex .sorting__item{
  width: 100%;
}
.sorting__left, .sorting__right{
  max-width: 230px;
}
.sorting__left img, .sorting__right img{
  max-width: 100%;
  height: auto;
}
.sorting-block_gravures{
  display: flex;
}
.sorting-block_gravures .gravures__block:nth-child(2) .sorting__list .sorting__item{
  width: 100%;
}

.gravures__block{
  padding: 20px 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}

.icon2 {
	display: none;
}
#catalog86 .icon2 {
display: inline-block;
margin-left: -13px;
}

.gravures__block_title{
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #310101;
  flex-wrap: wrap;
  font-size: 20px;
  text-align: center;
}
.product-info__image{
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  background-image: url(../images/main/ramkaleft.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.product-info__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4%;
}
.gravures__block{
  max-width: 70%;
}
.product * {
  padding: initial!important;
  margin: revert!important;
  border: initial!important;
  line-height: initial!important;
}
.template {
	display: none !important;
}
.both {
	clear: both;
}
.page__search .search-pages {
	clear: both;
}
.page__search .search-pages:before {
    content: "страница № ";
}
.page__search .search-pages .search-pages-item {
    display: inline-block;
    padding: 0.5%;
    margin: 0.5%;
    border: 1px #fafafa solid;
    border-radius: 10%;
    width: 4%;
    text-align: center;
}
.page__search .search-pages .search-pages-item.result-row-selected {
	cursor: initial;
	color: #000000;
	background-color: #f0f0f0;
}
.page__search .result-row {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
}
.page__search .result-row-title {
	display: block;
	clear: both;
	font-weight: bold;
	margin: 5px 0 10px 0;
}
.page__search .result-row-img {
	display: block;
	float: left;
	width: 30%;
	height: 30%;
	object-fit: contain;
	object-position: center center;
	margin: 1%;
    border-radius: 2%;
}
.page__search .result-row-desc {
	display: block;
	text-indent: 5%;
	float: left;
	width: 60%;
	text-align: justify;
}
.hero__menu {
  color: #827366;
  position: absolute;
  top: 40%;
  left: 10%;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  gap: 10px;
}
.hero__menu-item:hover{
  text-decoration: underline;
}
.list__gravures .list__image img{
  max-height: 150px;
}
.product-list__flex{
  display: flex;
  gap: 40px;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.hero__menu-item {
font-weight: bold;
  color: #664d24;
}

.product-info__order_dialog_margin {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 49;
}

.product-info__order_dialog {
    position: fixed;
    top: 35%;
    left: 40%;
    width: 20%;
    height: auto;
    z-index: 101;
    padding: 1%;
    border-radius: 10% 20%;
    background-color: #cea97c;
}

@media (max-width: 47.9988em) {
	.product-info__order_dialog {
		left: 10%;
		width: 80%;
	}
}

.product-info__order_dialog_menu
, .product-info__order_dialog_menu a {
	display: block;
}

.product-info__order_dialog_menu a
, .product-info__order_dialog_header {
	color: #000000;
}

.product-info__order_dialog_menu a {
    padding: 5px;
}

.product-info__order_dialog_header {
	font-size: 120%;
	text-align: center;
}
.contacts-block__image img {
    border-radius: 2%;
}
.product-info__favorite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 10px;
  background: #310101;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #cea97c;
}
.product-info__favorite > svg {
	margin: 0 5px;
}

.product-info__order > svg {
	margin: 0 5px;
}

.product-list__favorites_move,.product-list__favorites_delete {
	display: block;
	margin: 18px 0;
	color: #a18461;
}
.product-info__order_dialog_margin {
	cursor: initial;
}
.right {text-align: right;}
.left: {text-align: left;}
.center {text-align: center;}
.footer__back {display: none;}

.ya-share2 {
    background-image: url("/assets/images/leaps.png");
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 6px;
    background-size: 25px;
}
.ya-share2__item {
	margin: 2px 14px 0 0 !important;
}
.admin {
	display: block;
	width: 300px;
	height: 100px;
	margin-top: 10px;
	
}
.product-list__price {
	color: #310101;
	font-weight: 700;
	padding-top: 10px;
}
.delivery__text a {
	color: #8e1e2f;
	font-weight: bold;
}
.news__time {
	color: rgb(49, 1, 1);
}

.tovar_add {
  position: fixed;
  top: 150px;
  left: 40vw;
  width: 400px;
  padding: 30px;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  background-color: #ddc8a8;
  overflow: auto;
  box-sizing: border-box;
  min-width: 300px;
  border: 2px solid #310101;
  z-index: 50;
}
.b-editor--forfancy {
  width: 100%;
  max-width: 538px;
  width: 100%;
}

.b-basket-notice .basket-title {
  padding-bottom: 21px;
  color: #310101;
  white-space: nowrap;
  font-weight: 700;
  font-size: 22px;
}

.b-basket-notice .basket-name {
  padding-bottom: 21px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

.b-basket-notice .basket-btn {
  margin: 0 auto;
    margin-bottom: 0px;
  padding-bottom: 5px;
  text-align: center;
  display: inline-block;
  max-width: 240px;
  width: 100%;
  margin-bottom: 20px;
}

.b-basket-notice .basket-link {
  padding-bottom: 5px;
}
.basket-name, a.js-basket-close {
   color: #310101;
}
.b-btnboxfull, a.b-btnboxfull:link, a.b-btnboxfull:active, a.b-btnboxfull:visited, a.b-btnboxfull:hover {
  text-transform: capitalize;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}
.b-btnboxfull, a.b-btnboxfull:link, a.b-btnboxfull:active, a.b-btnboxfull:visited, a.b-btnboxfull:hover {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.b-btnbox:hover, .b-btnbox:active, a.b-btnbox:hover, a.b-btnbox:active {
  background:   #711313;
}
.b-btnbox, a.b-btnbox:link, a.b-btnbox:visited {
  margin: 0;
  width: 220px;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  color: #cea97c;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #310101;
  text-transform: capitalize;
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

.fancybox-close-small::after {
  content: '';
  position: absolute;
  background: url(/assets/images/main/closebutton.svg) 0 0 no-repeat;
  opacity: .5;
  top: 24px;
  right: 24px;
  width: 17px;
  height: 17px;
  box-sizing: border-box;
  transition: background .3s;
  z-index: 2;
}

.fancybox-close-small:hover::after {
  opacity: 1;
}

.fancybox-close-small {
  cursor: pointer;
}
.sorting__name{
	margin:0;
}

   .tracery__icon {
     width: 140px;
     height: 20px;
   }
   
   
.product-info__favorites {
	display: block;
	width: 100%;
	margin-top: -10px;
}

.product-info__favorites svg{
		width: 30px;
	height: 30px;
	margin: 10px 1px;
}
   
.header__basket-count-favorites {
	right: auto;
	top: auto;
	margin-left: 20px;
	margin-top: -46px;
}

@media (max-width: 47.9988em) {
	.header__basket-count.header__basket-count-favorites {
		top: 67px;
		right: 95px;
	}
}

/**
* Манипуляции с пагинацией
*/
.page__navigation:not(:has(.navigation__pages a)) {
	visibility: hidden;
}

.navigation__pages .navigation__page {
	display: none;
}
.navigation__pages .navigation__page:has(+ .navigation__page_active)
, .navigation__pages .navigation__page_active + .navigation__page
, .navigation__pages .navigation__page_active

, .navigation__pages .navigation__page:first-of-type
, .navigation__pages .navigation__page_active + .navigation__page + .navigation__page
, .navigation__pages .navigation__page:first-of-type:not(:has(+ .navigation__page + .navigation__page_active)):after
, .navigation__pages .navigation__page_active + .navigation__page + .navigation__page:after {
	display: flex;
}
.navigation__pages .navigation__page_active + .navigation__page + .navigation__page {
	font-size: 0;
	width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
.navigation__pages .navigation__page:first-of-type:not(:has(+ .navigation__page + .navigation__page_active)):after
, .navigation__pages .navigation__page_active + .navigation__page + .navigation__page:after {
	content: "...";
	font-size: 20px;
}
.navigation__pages .navigation__page:not(:nth-of-type(1)):not(:nth-of-type(2)):has(+ .navigation__page_active) {
	margin-left: 10px;
}

.navigation__pages .navigation__page:first-of-type.navigation__page_active:after
, .navigation__pages .navigation__page:first-of-type:has(+ .navigation__page_active):after
, .navigation__pages .navigation__page:first-of-type:has(+ .navigation__page + .navigation__page_active):after {
	visibility: hidden;
}
.navigation__pages .navigation__page:first-of-type:not(:has(+ .navigation__page + .navigation__page_active)):after {
	position: absolute;
	margin-left: 52px;
}
.navigation__pages .disabled
, .navigation__pages:not(:has(.navigation__page:nth-last-child(2))) {
	display: none;
}
/**
* Конец манипуляций с пагинацией
*/
#catalog86 {
	margin-left: 31%;
	margin-top:10px;
	width: auto;
}
.icon1 {margin-left: 10px;}
.icon1 img {height: 35px;}
.tel1 {margin-top: -1px; font-size: 20px;}
.contact_tel {margin: 0 auto; height: 45px; display: flex; width: 300px;}
.sorting-block {display: block !important}
.sorting-block2 {display: none !important}
.rotate180 {
	transform: rotate(180deg);
}


.product-info__print {
	cursor: pointer;
}
.product-info__left
 {
	width: 100%;
	hyphens: none;
}
.product-info__name
, .product-info__text
, .product-info__price {
	display: block;
	width: 100%;
	hyphens: auto;
}


.product-info__item {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	grid-column-gap: 0;
	grid-row-gap: 0;
}



.ya-share2__container_size_l .ya-share2__item_copy .ya-share2__icon_copy, .ya-share2__container_size_l .ya-share2__item_more .ya-share2__icon_more {
  background-size: 24px 23px !important;
}
.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
  height: 30px !important;
  width: 30px !important;
}
.product-info__favorites-checked {
	fill: gold;
	stroke: #310101;
}
.product-info__favorites-unchecked {
	fill: #310101;
}
#catalog90 {display: none}

.side-features__item {
  display: block; /* Меняем flex на block */
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #310101;
  padding-bottom: 0;
  border-bottom: 1px solid rgba(66,41,41,.2);
  transition: 0.6s linear;
}

.sf__input {
  display: none;
}

.sf_text {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  padding: 0 10px;
  clear: both; /* Добавляем clear для правильного позиционирования */
  text-decoration: none; 
  font-size: 18px;
}


.sf__input:checked ~ .sf_text {
  max-height: 200px;
  padding: 10px 0; /* Изменяем padding для правильного отступа */
}

.side-features__name {
  float: left;
}


.side-features__image {
  float: left;
  height: 70px;
}

.side-features__name {
  width: calc(100% - 80px); /* Учитываем ширину изображения + отступы */
  margin: -10px 0 13px 10px;
}

.side-features__name:hover {
	font-weight: bold;
}

.sf-q {
  width: 100%;
  height: 60px;
  display: block;
  cursor: pointer;
  position: relative; /* Добавляем для правильного позиционирования */
}
#catalog13959, #catalog13998, #catalog13857 {display: none;}
#catalog42 {display: none;}
#catalog13857 {display: none;}

.banner_left2 {
	
	text-align: center;
font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #310101;
  padding: 20px;
  border: 1px solid #cea97c;
  border-radius: 3px;
  margin-bottom: 50px; 
}  

.side-contacts {display: none !important}
.mob2 {display: none;}

.darkline {
border-top: 1px solid rgb(49, 1, 1) !important; 
}

.dark {
color: rgb(49, 1, 1)  !important; 
}




.product-tags {
	padding: 0;
	margin: 5px 0;
	list-style-type: none;
	overflow-x: clip;

}
.product-tags a {
	display: inline-block;
	padding: 0 10px;
}
.product-tags li {
	list-style-type: "#";
	color: #310101;
	display: inline-block;
	background-color: #CEA97C;
}
.product-tags li:has(a:empty) {
	display: none;
}
.page__sort {
	position: relative;
	top: 10px;
}
.scrollToTopBtn {
	display: none;
}
.scrollToTopBtn-show {
	animation: showBlock 1s linear forwards;
	display: block;
}

.pcgrav {display: none !important;}

.product-tags .tag.active{
  background-color: #d7aa73;
  border: 1px solid #310101;
}
.tags__slide{
  width:auto!important;
  padding: 10px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.05em;
}


/*
.product-info__item-grid > * {
	display: block;
	width: 30px !important;
	height: 40px;
	margin: 20px;
}
.ya-share2__container {
	margin: 0;
}
.product-info__item:has(.product-info__image) {
	display: block;
}
.product-info__item:has(.product-info__image) + .product-info__item {
	clear: both;
}
.product-info__image
, .product-info__item-grid {
	display: inline-block;
	float: left;
}
.product-info__item-grid {
	width: 35%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 0;
	grid-row-gap: 0;
}
.product-info__image {
	width: 65%;
}
.ya-share2
, .ya-share2__container {
	padding: 0 !important;
}
*/

.ya-share2__container_size_l .ya-share2__item_copy .ya-share2__icon_copy, .ya-share2__container_size_l .ya-share2__item_more .ya-share2__icon_more {
  background-size: 24px 23px !important;
}
.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
  height: 30px !important;
  width: 30px !important;
}
.product-info__favorites-checked {
	stroke: #310101;
}
.product-info__favorites-unchecked {
	fill: #310101;
}
.button_print {
	cursor: pointer;
}

.svg-container {
  display: flex;
  justify-content: space-between; /* равные промежутки между элементами */
  /*gap: 20px; /* дополнительный отступ (не поддерживается в старых браузерах) */
  width: 95%;
}

 @media (min-width: 61.99875em) {
.svg-container {
margin-top: -18px;
}
 }



.icon {
  flex: 1; /* растягивает элементы на равную ширину */
  min-width: 0; /* предотвращает переполнение контента */
  padding: 10px;
  text-align: center;     
}
.icon svg,  .icon img {width: 30px;   opacity: 0.3;}

.product-info__item:has(.product-info__image) {
	display: block;
	margin-top: -10px;
}

.product-info__item {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
}

.product-info__image
, .product-info__item-grid {

}
.product-info__image {
	width: 65%;
}
.product-info__favorites svg{
		width: 30px;
		height: 30px;
}

.product__images {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  justify-content: center;
  height: 100%;
}


.ya-share2__container_size_l .ya-share2__item_copy .ya-share2__icon_copy, .ya-share2__container_size_l .ya-share2__item_more .ya-share2__icon_more {
  background-size: 24px 23px !important;
}
.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
  height: 30px !important;
  width: 30px !important;
}
.product-info__favorites-checked {
	fill: #e1ccaa;
	stroke: #310101;
}
.product-info__favorites-unchecked {
	fill: #310101;
}

.ya-share2__container {
  margin-top: -8px !important;
 /* opacity: 0.7 !important;*/
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
  background: none !important;
}
.ya-share2__container_size_l .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  background: none !important;
  opacity: 0.4;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
 opacity: 0.7 !important;
}

.product-info__download
, .product-info__print {
	border: 0;
	padding: 0;
}
.product-info__download {
	padding: 5px;
/*	display: none;*/

}
.product-info__download a {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-top: 5px;
}

.product-info__download img {
	width: 30px;

}


.product-tags{
  /*display: flex;*/
  display: block;;
  /*flex-wrap: nowrap;*/
  gap: 5px;
  
}

.swiper {
  margin-left: 0 !important;
  }
.product-tags a {
  font-size: 14px !important;
  }
.tags {
  display: block !important;
  margin-bottom: 5px !important;
}
.tags__slide {
  height: 25px !important;
  background: none !important;
  padding: 0;
}
.product-tags li {
  display: inline-block;
  background: none !important;  
  padding: 3px;
}
  .page__title {
    margin-bottom: 5px !important;
  }
  .params_mob_button {
  /*display: none;*/
  cursor: pointer;
 }
 
.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip .tooltip-text {
    visibility: hidden;
    width: 160px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Позиция над элементом */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
 
.book-filter {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 100%;
    font-family: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  height: 0; 
  overflow: hidden;
  transition: height 1s ease;
border: none; 
  border-radius: 10px;
  padding: 0;
  margin-bottom: 40px;
  background-color: #f8e4c4;
}

.book-filter.active {
	height: 330px; /* Должно быть больше реальной высоты *//* или конкретное значение, например 100px */ 
  padding: 21px;
  border: 1px solid #310101;
  margin-top: 10px;
}

.filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 0px;
}

.filter-label {
  width: 60px;
  font-weight: bold;
  color: #400000; 
}

.filter-input {
    width: calc(50% - 14px);
    padding: 8px 6px;
    font-size: 21px;
    border: 1px solid #1c0000;
    border-radius: 4px;
    background-color: #ffffff00;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #310101;
    
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none; 
    -webkit-appearance: none;
    margin: 0; 
}
input:focus-visible {
    outline: none;
}

.filter-input-wide {
    width: 100%;
    padding: 8px 6px;
    font-size: 21px;
    border: 1px solid #1c0000;
    border-radius: 4px;
    background-color: #ffffff00;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #310101;
}

.filter-separator {
  font-weight: bold;
  margin: 0 2px;
}

.filter-button, .clear_form_filter {
    padding: 10px 20px;
    border: none;
    background: #cea97c;
    color: #310101;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
}

.filter-button:hover, .clear_form_filter:hover {
  background: #ad8758;
}
#author-list {
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff00;
    z-index: 10;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #310101;
}
#author-list li:hover {
     background: #ad875861;
    width: 100%;
}
.custom-checkbox {
  position: relative;
  padding-left: 34px; 
  cursor: pointer;
  font-size: 16px;
  user-select: none;
  display: inline-flex;
  align-items: center;
  color: #310101;
  margin-bottom: 20px;
}
.custom-checkbox:hover {
cursor: pointer;
}
.custom-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox .checkmark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
  border: 1px solid #310101;
  background-color: transparent;
  box-sizing: border-box;
}

.custom-checkbox input:checked ~ .checkmark {
  background-color: #310101;
}
.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #F2E3C4;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-checkbox input:checked ~ .checkmark::after {
  display: block;
}
/*   теги вниз переносим и делаем раскрывающимися  */
        .tags-container77 {
            position: relative;
            overflow: hidden;
            transition: max-height 0.5s ease;
            margin: 0;
            
/*            position: relative;
            display: flex;
            flex-wrap: wrap;
            overflow: hidden;
            transition: max-height 0.5s ease;
            padding-right: 30px;
            padding: 8px;
            margin: 20px;*/
        }
        
        .tags-container77.expanded {
            max-height: 500px; /* Достаточно большое значение для всех тегов */
        }
        .downnav {float: right;}
		
        .tags-list77 {
			display: block;
			list-style: none;
			margin: 0px;


/*            display: flex;
            overflow-y: hidden;
            overflow-x: scroll;
            gap: 8px;
            list-style: none;
            padding: 15px 0px;
            margin: 0px;
            width: calc(100% - 30px);*/
        }
        
        .tag77 {
            display: inline-block;
            padding: 5px 10px;
            text-decoration: none;
            color: #333;
            white-space: nowrap;
            font-size: 14px;
        }
        
        .tag77:hover {
            background-color: #efd6b4;
        }
        
        .toggle-icon77 {
            /*position: absolute;
            right: 10px;
            top: 10px;
            width: 24px;
            height: 24px;
            cursor: pointer;
            z-index: 2;*/

            display: none;
        }
        
        .toggle-icon77::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 8px solid #666;
            transition: transform 0.3s ease;
        }
        
        #toggle-checkbox77 {
            display: none;
        }
        
        #toggle-checkbox77:checked + .tags-container77 {
            max-height: 500px;
        }
        
        #toggle-checkbox77:checked + .tags-container77 .toggle-icon77::after {
            transform: translate(-50%, -50%) rotate(180deg);
        }
		
    /* Скрыть кнопки увеличения/уменьшения */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Для Firefox */
    input[type="number"] {
      -moz-appearance: textfield;
    }
	

/* Стилизация полосы прокрутки */
ul.tags-list77::-webkit-scrollbar {
  height: 6px; /* Толщина полосы прокрутки (для горизонтального скролла) */
}

ul.tags-list77::-webkit-scrollbar-track {
  background: #d7ccc8; /* Светло-коричневый фон полосы */
  border-radius: 3px;
}

ul.tags-list77::-webkit-scrollbar-thumb {
  background: #c1b1ab; /* Тёмно-коричневый бегунок */
  border-radius: 3px;
}

ul.tags-list77::-webkit-scrollbar-thumb:hover {
  background: #4e342e; /* Ещё темнее при наведении */
}
.cat89, .cat13959 {display: none}

.aboutimg {
	border-radius: 11px;
  border: 4px solid #cea97c !important; 
}

.hero__slide {
	border: 1px solid rgba(206,169,124,.4);
}

/* Декоративная рамка страницы (верх/низ, .page__background_top/_bottom)
   была захардкожена max-width:1920px — на окнах шире 1920px (или при
   browser zoom <100%, когда эффективная ширина растёт) центрированный
   блок отставал от края страницы на (ширина-1920)/2 px с каждой стороны,
   получался видимый скол в углу рамки (обнаружено 05.09 при проверке
   80% zoom). До 1920px .page и так не шире — тут ничего не меняется. */
@media (min-width: 1921px) {
  .page__background_top,
  .page__background_bottom {
    max-width: none !important;
  }
}