/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300;400;500;600;700&family=Raleway:wght@100;200;300;400;500;600;700&display=swap");
/* @import "columns"; */
/* @import "transitions"; */
/* Normalize */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Typography */
/* @import "sass/typography"; */
*, ::after, ::before {
  box-sizing: border-box;
  outline: 0;
}

html {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

body {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #222;
  background-color: white;
}
@media screen and (max-width: 500px) {
  body {
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
  }
}

p, div {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Serif", sans-serif, -apple-system;
  margin: 0;
  padding: 0;
}

h1 {
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 40px;
}
@media screen and (max-width: 500px) {
  h1 {
    font-family: "Noto Serif", sans-serif, -apple-system;
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 32px;
  }
}

h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  margin-bottom: 32px;
}
@media screen and (max-width: 500px) {
  h3 {
    font-family: "Noto Serif", sans-serif, -apple-system;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 8px;
    margin-bottom: 12px;
  }
}

h4 {
  margin-top: 40px;
  margin-bottom: 16px;
}

a {
  color: #222;
  text-decoration: none;
}
a.type-doc {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5848 0H3.10845C2.59901 0 2.18555 0.4137 2.18555 0.923439V21.0803C2.18555 21.59 2.59901 22.0037 3.10845 22.0037H17.6829C18.1923 22.0037 18.6058 21.59 18.6058 21.0803V5.77334L12.5848 0Z' fill='%23E2E5E7'/%3E%3Cpath d='M13.459 5.16019L18.6014 10.095V5.77335L17.9664 5.16019H13.459Z' fill='%23CAD1D8'/%3E%3Cpath d='M12.6211 0V4.38818C12.6211 5.15279 13.2413 5.77334 14.0054 5.77334H18.6384L12.6211 0Z' fill='%23B0B7BD'/%3E%3Cpath d='M16.029 18.4651V11.9013C16.029 11.4026 15.6267 11 15.1283 11H2.18555V19.3664H15.1283C15.6267 19.3664 16.029 18.9637 16.029 18.4651Z' fill='%23CAD1D8'/%3E%3Cpath d='M0.90075 10.2871H15.1282C15.6265 10.2871 16.0289 10.6897 16.0289 11.1884V17.7522C16.0289 18.2508 15.6265 18.6535 15.1282 18.6535H0.90075C0.402384 18.6535 0 18.2508 0 17.7522V11.1884C0 10.6897 0.402384 10.2871 0.90075 10.2871Z' fill='%238C7D55'/%3E%3Cpath d='M4.32558 14.8526H3.62787V15.9164C3.62787 16.0678 3.59096 16.1823 3.52082 16.2636C3.37684 16.4151 3.13689 16.4187 2.98553 16.2747C2.98184 16.271 2.97815 16.2673 2.97446 16.2636C2.90432 16.186 2.87109 16.0715 2.87109 15.9201V13.0279C2.87109 12.8617 2.90801 12.7398 2.98553 12.6696C3.06306 12.5994 3.18488 12.5625 3.351 12.5625H4.32558C4.61353 12.5625 4.83502 12.5846 4.99007 12.629C5.13774 12.6696 5.27433 12.7398 5.38876 12.8432C5.49951 12.9429 5.58811 13.0685 5.64348 13.2089C5.70255 13.364 5.73208 13.5265 5.73208 13.6928C5.73208 14.0769 5.61395 14.365 5.37769 14.5608C5.14143 14.7529 4.79073 14.8526 4.32558 14.8526ZM4.141 13.1313H3.62787V14.2801H4.141C4.29236 14.2838 4.44372 14.2653 4.59138 14.2247C4.70213 14.1951 4.79811 14.1286 4.86825 14.04C4.9347 13.9402 4.96792 13.822 4.96423 13.7038C4.97161 13.5561 4.91993 13.4083 4.82026 13.2975C4.70582 13.1867 4.48063 13.1313 4.141 13.1313Z' fill='white'/%3E%3Cpath d='M6.99639 12.5625H7.98574C8.21093 12.5588 8.43242 12.5809 8.65023 12.6363C8.83481 12.6844 9.00831 12.7767 9.15229 12.906C9.5436 13.2421 9.73925 13.7482 9.73925 14.4315C9.73925 14.6384 9.72079 14.8452 9.68019 15.0484C9.64327 15.2257 9.5842 15.3919 9.4993 15.5507C9.41808 15.7022 9.31103 15.8351 9.18551 15.9533C9.08584 16.042 8.97509 16.1159 8.85696 16.1713C8.73514 16.2267 8.60593 16.2673 8.47303 16.2858C8.31798 16.3079 8.16294 16.319 8.00789 16.319H7.01485C6.87457 16.319 6.7712 16.2969 6.70106 16.2562C6.63462 16.2193 6.58293 16.1528 6.56447 16.0789C6.54233 15.9829 6.53125 15.8832 6.53125 15.7834V13.0316C6.53125 12.869 6.56817 12.7508 6.642 12.677C6.71583 12.6031 6.83027 12.5625 6.99639 12.5625ZM7.29172 13.1645V15.7132H7.86392C7.98943 15.7132 8.08911 15.7095 8.15925 15.7022C8.23308 15.6948 8.3106 15.6763 8.38074 15.6504C8.45457 15.6246 8.52102 15.5877 8.58009 15.5359C8.83481 15.3217 8.96032 14.9486 8.96032 14.4241C8.96032 14.0547 8.90495 13.7777 8.7942 13.593C8.68345 13.4083 8.54317 13.2901 8.38074 13.2421C8.18878 13.1867 7.98574 13.1645 7.78639 13.1682L7.29172 13.1645Z' fill='white'/%3E%3Cpath d='M12.8027 13.1461H11.3076V14.1064H12.559C12.6735 14.1064 12.7621 14.1323 12.8175 14.184C12.8765 14.2357 12.9061 14.3133 12.9024 14.3909C12.9061 14.4684 12.8728 14.546 12.8138 14.5977C12.7547 14.6494 12.6698 14.6753 12.5554 14.6753H11.3039V15.9127C11.3039 16.0715 11.267 16.186 11.1968 16.2636C11.0492 16.415 10.8055 16.415 10.6542 16.2673L10.6505 16.2636C10.5804 16.186 10.5434 16.0715 10.5434 15.9164V13.0279C10.5397 12.9355 10.5582 12.8432 10.5914 12.7619C10.621 12.6954 10.6763 12.64 10.7428 12.6105C10.8277 12.5772 10.9163 12.5588 11.0086 12.5624H12.799C12.9208 12.5624 13.0094 12.5883 13.0685 12.6437C13.1276 12.6991 13.1608 12.7767 13.1571 12.8543C13.1608 12.9355 13.1276 13.0131 13.0685 13.0685C13.0131 13.1202 12.9245 13.1461 12.8027 13.1461Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 30px;
  line-height: 64px;
}
a.dash {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.28em;
  line-height: 19px;
  color: #8C7D55;
  text-transform: uppercase;
}
a.dash::before {
  content: "—";
  color: #8C7D55;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  bottom: 1px;
}
a.dash.gold {
  text-decoration: none;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

figure {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.hide {
  display: none;
}

.column, .col {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.row {
  display: flex;
  flex-direction: row;
  width: 100%;
  /* &.reverse {
  	flex-direction: row-reverse!important;
  } */
}
.row.center {
  justify-content: center;
}
.row .col.half {
  flex: 1 0 50%;
}
@media screen and (max-width: 500px) {
  .row.xs-col {
    flex-direction: column;
    gap: 40px;
  }
  .row.xs-col.reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (max-width: 768px) {
  .row.sm-col {
    flex-direction: column;
    gap: 40px;
  }
  .row.sm-col.reverse {
    flex-direction: column-reverse !important;
  }
}

.flex {
  display: flex;
}
.flex.vertical {
  flex-direction: column;
}
.flex.vertical.center {
  align-items: center;
}
.flex.horizontal {
  flex-direction: row;
}
.flex.horizontal.center {
  align-items: center;
}
.flex.equal > * {
  flex: 1;
}
.flex.justify {
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .flex.justify-lg {
    justify-content: space-between;
  }
}
.flex.stretch {
  align-items: stretch;
}
.flex.start, .flex.top, .flex.left {
  align-items: flex-start;
}
.flex.end, .flex.bottom, .flex.right {
  align-items: flex-end;
}
.flex.center {
  justify-content: center;
}
.flex.wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.h-full {
  height: 100% !important;
}

.full {
  width: 100% !important;
}

.half {
  width: 50%;
}
@media screen and (max-width: 349px) {
  .half {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sm-full {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .xs-full {
    width: 100%;
    flex: 1 0 100% !important;
  }
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

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

.third {
  width: 33.33%;
}

.twothird {
  width: 66.67%;
}

.quater {
  width: 25%;
}

.fifth {
  width: 20%;
}

.flexible {
  flex-grow: 1;
}

@media screen and (max-width: 500px) {
  .xs-gap-12 {
    gap: 12px !important;
  }
}

.gap-12 {
  gap: 12px;
}

.gap-18 {
  gap: 18px;
}

@media screen and (max-width: 500px) {
  .xs-gap-24 {
    gap: 24px !important;
  }
}

.gap-24 {
  gap: 24px;
}

.gap-col-24 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.gap-row-24 {
  row-gap: 24px;
}

.gap-32 {
  gap: 32px;
}

.gap-48 {
  gap: 48px;
}

.gap-60 {
  gap: 60px;
}

.sorting {
  max-width: 240px;
}

/* .new {

} */
.center {
  text-align: center !important;
}

.my-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}

.mt-130 {
  margin-top: 130px !important;
}

.mb-130 {
  margin-bottom: 130px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.my-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.mx-48 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

@media screen and (max-width: 500px) {
  .xs-my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

@media screen and (max-width: 500px) {
  .xs-my-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 500px) {
  .xs-mt-12 {
    margin-top: 12px !important;
  }
}

.p-40 {
  padding: 40px !important;
}

.p-12 {
  padding: 12px;
}

@media screen and (max-width: 500px) {
  .xs-p-5 {
    padding: 5px;
  }
}

hr {
  height: 1px;
  background: #D8D8D8;
  border: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.bold {
  font-weight: 600;
}

.gold, .gold a {
  color: #8C7D55;
}
.gold:hover, .gold a:hover {
  color: #82704E;
}

.social {
  display: flex;
  flex-wrap: nowrap;
  gap: 18px;
}
.social i {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  filter: invert(70%) sepia(6%) saturate(1062%) hue-rotate(5deg) brightness(92%) contrast(94%);
}
.social i:hover {
  filter: invert(49%) sepia(6%) saturate(2184%) hue-rotate(6deg) brightness(99%) contrast(89%);
}
.social i.vk {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM21.6284 26.3135C21.4312 26.5214 21.0462 26.5634 21.0462 26.5634H19.7712C19.7712 26.5634 16.9581 26.7293 14.48 24.1975C11.7776 21.4352 9.39128 15.9546 9.39128 15.9546C9.39128 15.9546 9.25355 15.5951 9.40276 15.422C9.57075 15.2264 10.0288 15.2141 10.0288 15.2141L13.0766 15.1947C13.0766 15.1947 13.3636 15.2407 13.5691 15.3893C13.7392 15.5122 13.8341 15.7406 13.8341 15.7406C13.8341 15.7406 14.3266 16.9635 14.9788 18.0696C16.2528 20.2297 16.8454 20.7018 17.2774 20.4704C17.9076 20.1334 17.7188 17.4172 17.7188 17.4172C17.7188 17.4172 17.7302 16.4319 17.4016 15.9925C17.147 15.6525 16.667 15.5531 16.4552 15.5255C16.283 15.5029 16.5648 15.1117 16.93 14.9365C17.4788 14.6733 18.4471 14.658 19.5917 14.6692C20.4838 14.6784 20.7405 14.7327 21.089 14.8157C21.8978 15.0073 21.8726 15.6213 21.8181 16.9464C21.8018 17.3427 21.7829 17.8026 21.7829 18.3339C21.7829 18.4532 21.7793 18.5805 21.7757 18.7114C21.7568 19.3903 21.7351 20.1677 22.1908 20.4571C22.4246 20.6045 22.9953 20.4786 24.4237 18.0983C25.1009 16.9696 25.608 15.6433 25.608 15.6433C25.608 15.6433 25.7197 15.4067 25.8918 15.3053C26.0682 15.2018 26.3061 15.2336 26.3061 15.2336L29.5135 15.2141C29.5135 15.2141 30.4776 15.1004 30.6331 15.5285C30.7969 15.9761 30.2731 17.0229 28.9626 18.7374C27.7195 20.3642 27.1145 20.9632 27.17 21.4929C27.2106 21.88 27.6038 22.2301 28.3585 22.9172C29.9338 24.3529 30.3561 25.1082 30.4575 25.2897C30.4659 25.3048 30.4721 25.3159 30.4766 25.3231C31.183 26.4733 29.693 26.5634 29.693 26.5634L26.8434 26.6023C26.8434 26.6023 26.232 26.7211 25.4265 26.1783C25.0045 25.8942 24.5922 25.4302 24.1995 24.9882C23.5997 24.3132 23.0456 23.6896 22.5727 23.8369C21.7787 24.0848 21.8027 25.7635 21.8027 25.7635C21.8027 25.7635 21.809 26.123 21.6284 26.3135Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.social i.zen {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM20.1071 30C20.2429 25.5714 20.3571 23.55 21.9286 21.9286C23.55 20.3571 25.5714 20.25 30 20.1071C30 24.1 29.9857 27.0857 28.5571 28.5571C27.0857 29.9857 24.2357 30 20.1071 30ZM11.4429 28.5571C10.0143 27.0857 10 24.1 10 20.1071C14.4286 20.2429 16.45 20.3571 18.0714 21.9286C19.6429 23.55 19.75 25.5714 19.8929 30C15.7643 30 12.9143 29.9857 11.4429 28.5571ZM11.4429 11.4429C12.9143 10.0143 15.7714 10 19.8929 10C19.7571 14.4286 19.6429 16.45 18.0714 18.0714C16.45 19.6429 14.4286 19.75 10 19.8929C10 15.9 10.0143 12.9143 11.4429 11.4429ZM20.1071 10C20.2429 14.4286 20.3571 16.45 21.9286 18.0714C23.55 19.6429 25.5714 19.75 30 19.8929C30 15.9 29.9857 12.9143 28.5571 11.4429C27.0857 10.0143 24.2357 10 20.1071 10Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.social i.youtube {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM28.3347 13.1244C29.2526 13.3763 29.9755 14.1185 30.2208 15.061C30.6667 16.7692 30.6667 20.3333 30.6667 20.3333C30.6667 20.3333 30.6667 23.8973 30.2208 25.6056C29.9755 26.5482 29.2526 27.2903 28.3347 27.5423C26.6712 28 20 28 20 28C20 28 13.3288 28 11.6652 27.5423C10.7473 27.2903 10.0244 26.5482 9.77903 25.6056C9.33333 23.8973 9.33333 20.3333 9.33333 20.3333C9.33333 20.3333 9.33333 16.7692 9.77903 15.061C10.0244 14.1185 10.7473 13.3763 11.6652 13.1244C13.3288 12.6667 20 12.6667 20 12.6667C20 12.6667 26.6712 12.6667 28.3347 13.1244Z' fill='%23000000'/%3E%3Cpath d='M18 24V17.3334L23.3333 20.6668L18 24Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.social i.email {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20C40 31.0457 31.0457 40 20 40ZM20.2787 18.8775C21.9163 18.8775 29.8787 14.4 29.8787 14.4L29.8915 13.6C29.8915 12.7168 29.1747 12 28.2891 12H12.2683C11.3835 12 10.6667 12.7168 10.6667 13.6V14.3128C10.6667 14.3128 18.7163 18.8775 20.2787 18.8775ZM10.6795 16.8C10.6787 16.8 18.7163 21.0775 20.2787 21.0775C21.9915 21.0775 29.8787 16.8 29.8787 16.8L29.8915 26.4C29.8915 27.2832 29.1747 28 28.2891 28H12.2683C11.3843 28 10.6667 27.2832 10.6667 26.4L10.6795 16.8Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 768px) {
  .no-mobile {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  .no-phone {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mobile-only {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  .phone-only {
    display: none;
  }
}

.pull {
  float: left;
}

.push {
  float: right;
}

@media screen and (max-width: 768px) {
  .sm-nofloat {
    float: none;
  }
}

@media screen and (max-width: 500px) {
  .xs-nofloat {
    float: none;
  }
}

nav.menu {
  flex: 1;
  width: 100%;
  margin-top: 11px;
}
nav.menu > ul,
nav.menu > .mobile-wrapper > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav.menu > ul > li > a,
nav.menu > .mobile-wrapper > ul > li > a {
  font-weight: 500;
  display: block;
  padding-bottom: 20px;
  text-decoration: none;
}

dl {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  line-height: 28px;
  row-gap: 60px;
}
@media (min-width: 501px) {
  dl > dt:not(:nth-child(1)),
  dl > dd:not(:nth-child(2)) {
    border-top: 1px solid #D8D8D8;
    padding-top: 60px;
  }
}
@media (max-width: 500px) {
  dl {
    row-gap: 32px;
  }
  dl > dt:not(:nth-child(1)) {
    border-top: 1px solid #D8D8D8;
    padding-top: 32px;
  }
  dl > dt, dl > dd {
    margin-top: 32px;
  }
}
dl dt {
  width: 25%;
  margin: 0;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
dl dt:first-child {
  padding-top: 0px;
}
@media (max-width: 500px) {
  dl dt {
    width: 100%;
  }
}
dl dd {
  width: 75%;
  margin: 0;
  margin-inline-start: 0;
}
dl dd > p:not(:last-child) {
  margin-bottom: 16px;
}
dl dd:last-child {
  margin: 0px;
}
@media (max-width: 500px) {
  dl dd {
    width: 100%;
  }
}
dl dd ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
dl dd ul li {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' rx='5' fill='%238C7D55'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left top 10px;
  padding-left: 24px;
}
dl dd ul li:not(:first-child) {
  margin-top: 18px;
}
dl dd .comment {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #7E7E7E;
}

.square {
  aspect-ratio: 1;
}
@supports not (aspect-ratio: 1) {
  .square::before {
    float: left;
    padding-top: 100%;
    content: "";
  }
  .square::after {
    display: block;
    content: "";
    clear: both;
  }
}

.semi-square {
  aspect-ratio: 2/1;
}
@supports not (aspect-ratio: 1) {
  .semi-square::before {
    float: left;
    padding-top: 50%;
    content: "";
  }
  .semi-square::after {
    display: block;
    content: "";
    clear: both;
  }
}

.btn {
  cursor: pointer;
}
.btn.icon {
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.btn.icon.burger {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H17M3 6H21M3 18H21' stroke='%23222222' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn.icon.search {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8574 21L17.5074 16.65M19.8574 11C19.8574 15.4183 16.2757 19 11.8574 19C7.43914 19 3.85742 15.4183 3.85742 11C3.85742 6.58172 7.43914 3 11.8574 3C16.2757 3 19.8574 6.58172 19.8574 11Z' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.btn.icon.user {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8574 7C16.8574 9.20914 15.0665 11 12.8574 11C10.6483 11 8.85742 9.20914 8.85742 7C8.85742 4.79086 10.6483 3 12.8574 3C15.0665 3 16.8574 4.79086 16.8574 7Z' stroke='%23222222' stroke-width='1.6'/%3E%3Cpath d='M8.03749 15.2964C6.77991 16.0335 3.48263 17.5386 5.4909 19.422C6.47192 20.342 7.56452 21 8.93819 21H16.7766C18.1503 21 19.2429 20.342 20.2239 19.422C22.2322 17.5386 18.9349 16.0335 17.6773 15.2964C14.7283 13.5679 10.9865 13.5679 8.03749 15.2964Z' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn.icon.user-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='%23AFA488' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8574 7C16.8574 9.20914 15.0665 11 12.8574 11C10.6483 11 8.85742 9.20914 8.85742 7C8.85742 4.79086 10.6483 3 12.8574 3C15.0665 3 16.8574 4.79086 16.8574 7Z' stroke='%2382704E' stroke-width='1.6'/%3E%3Cpath d='M8.03749 15.2964C6.77991 16.0335 3.48263 17.5386 5.4909 19.422C6.47192 20.342 7.56452 21 8.93819 21H16.7766C18.1503 21 19.2429 20.342 20.2239 19.422C22.2322 17.5386 18.9349 16.0335 17.6773 15.2964C14.7283 13.5679 10.9865 13.5679 8.03749 15.2964Z' stroke='%2382704E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn.icon.cart {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.85781 9C4.84298 7.91097 5.71324 7.01584 6.80226 7H18.4689C19.5579 7.01584 20.4282 7.91097 20.4134 9V18C20.4437 20.1783 18.7028 21.9689 16.5245 22H8.7467C6.56841 21.9689 4.82753 20.1783 4.85781 18V9Z' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5243 10V6C16.5545 3.8217 14.8137 2.03108 12.6354 2C10.4571 2.03108 8.7162 3.8217 8.74648 6V10' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn.icon.basket {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.00036 10.0333C6.98652 9.01687 7.79877 8.18141 8.81518 8.16663H19.7041C20.7205 8.18141 21.5327 9.01687 21.5189 10.0333V18.4333C21.5471 20.4664 19.9223 22.1376 17.8893 22.1666H10.63C8.59693 22.1376 6.9721 20.4664 7.00036 18.4333V10.0333Z' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.8891 10.9667V7.23333C17.9174 5.20026 16.2926 3.52901 14.2595 3.5C12.2264 3.52901 10.6016 5.20026 10.6299 7.23333V10.9667' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn.icon.plus {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='8' x2='14' y2='8' stroke='%23222222'/%3E%3Cline x1='7.5' y1='1.5' x2='7.5' y2='14.5' stroke='%23222222'/%3E%3C/svg%3E%0A");
}
.btn.icon.minus {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2' y1='8' x2='14' y2='8' stroke='%23222222'/%3E%3C/svg%3E%0A");
}
.btn.icon.close {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.18344L12.8166 13M1 12.8166L12.8166 1' stroke='%23222222' stroke-width='1.2'/%3E%3C/svg%3E%0A");
}
.btn.icon.delete {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.18344L12.8166 13M1 12.8166L12.8166 1' stroke='%23D8D8D8' stroke-width='1.2'/%3E%3C/svg%3E%0A");
}
.btn.icon.filter {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1168_91374)'%3E%3Cpath d='M14 13.3333L9.33333 13.3333M6.66667 13.3333L2 13.3333M14 8.00001L8 8.00001M5.33333 8.00001L2 8.00001M14 2.66668L10.6667 2.66668M8 2.66668L2 2.66668M9.33333 15.3333L9.33333 11.3333M5.33333 10L5.33333 6.00001M10.6667 4.66668L10.6667 0.666677' stroke='%238C7D55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1168_91374'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 16) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.btn.big {
  padding: 10px 48px;
  font-size: 17px;
  font-weight: 400;
  height: 52px;
}
@media (max-width: 1023px) {
  .btn.big {
    padding: 10px 18px;
    font-size: 15px;
    height: 48px;
  }
}
.btn.big.with-icon.basket {
  font-weight: 200;
  padding: 10px 72px 10px 32px;
  border: 0;
  background-repeat: no-repeat;
  background-position: center right 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.00036 10.5333C6.98652 9.51691 7.79877 8.68146 8.81518 8.66667H19.7041C20.7205 8.68146 21.5327 9.51691 21.5189 10.5333V18.9333C21.5471 20.9664 19.9223 22.6377 17.8893 22.6667H10.63C8.59693 22.6377 6.9721 20.9664 7.00036 18.9333V10.5333Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.8891 11.4667V7.73333C17.9174 5.70026 16.2926 4.02901 14.2595 4C12.2264 4.02901 10.6016 5.70026 10.6299 7.73333V11.4667' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn.big.with-icon.basket.added {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.00036 10.5333C6.98652 9.51691 7.79877 8.68146 8.81518 8.66667H19.7041C20.7205 8.68146 21.5327 9.51691 21.5189 10.5333V18.9333C21.5471 20.9664 19.9223 22.6377 17.8893 22.6667H10.63C8.59693 22.6377 6.9721 20.9664 7.00036 18.9333V10.5333Z' stroke='#8C7D55' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.8891 11.4667V7.73333C17.9174 5.70026 16.2926 4.02901 14.2595 4C12.2264 4.02901 10.6016 5.70026 10.6299 7.73333V11.4667' stroke='#8C7D55' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn.small {
  padding: 5px 10px;
}
.btn.small.icon {
  width: 42px;
  height: 42px;
}
.btn.rounded {
  border-radius: 5px;
}
.btn.frameless {
  border: 0;
}
.btn.outlined {
  background: transparent;
  border: 1px solid #8C7D55;
}
.btn-gold {
  color: white;
  background-color: #8C7D55;
  border: 0;
}
.btn-gold.outlined {
  color: #8C7D55;
  background-color: transparent;
  border: 1px solid #8C7D55;
}
.btn-gold.outlined:hover {
  border: 1px solid #82704E;
}
.btn-gold:hover {
  background-color: #82704E;
  color: white;
}
.btn-gold.disabled, .btn-gold[disabled=disabled], .btn-gold:disabled {
  background-color: #AFA488;
}
.btn-white {
  color: #222;
  background-color: white !important;
  border: 0;
}
.btn-white.is-active {
  background-color: #8C7D55 !important;
  color: white !important;
}
.btn-lightgrey {
  color: #222;
  background-color: #D8D8D8;
  border: 0;
}
.btn-lightgrey.outlined {
  color: #222;
  background-color: transparent;
  border: 1px solid #D8D8D8;
}
.btn-lightgrey.is-active {
  background-color: #8C7D55 !important;
  color: white !important;
}
.btn.expandable {
  width: 100%;
  min-width: 200px;
  padding: 12px 56px 12px 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Icon color' d='M12.6551 0.14282C12.7208 0.0765709 12.8103 0.0393066 12.9036 0.0393066C12.9969 0.0393066 13.0864 0.0765709 13.1521 0.14282L13.894 0.884708C13.9616 0.948211 14 1.03687 14 1.12967C14 1.22247 13.9616 1.31113 13.894 1.37463L7.46193 7.80666C7.36358 7.90513 7.23016 7.96051 7.09099 7.96063L6.90901 7.96063C6.76984 7.96051 6.63642 7.90513 6.53807 7.80666L0.106047 1.37463C0.0383831 1.31113 4.61758e-07 1.22247 4.65814e-07 1.12967C4.6987e-07 1.03687 0.0383831 0.948211 0.106047 0.884707L0.847934 0.14282C0.913642 0.0765704 1.00309 0.0393061 1.0964 0.0393061C1.18971 0.0393061 1.27915 0.0765704 1.34486 0.14282L7 5.79796L12.6551 0.14282Z' fill='%23222222'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-align: left !important;
}
.btn.expandable.big {
  background-position: right 24px center;
}

.btn-group {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 13px;
}
.btn-group-white {
  color: #222;
  background-color: white !important;
  border: 0;
}
.btn-group-silver {
  color: #222;
  background-color: #F1F1F1 !important;
  border: 0;
}
.btn-group.rounded {
  border-radius: 5px;
}
.btn-group > .btn {
  border: 0;
  background-color: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 0.8;
  text-align: center;
}
@media (max-width: 1023px) {
  .btn-group > .btn {
    padding: 10px 18px;
    font-size: 15px;
    height: 48px;
  }
}
.btn-group > .btn.small {
  padding: 0;
  width: 16px !important;
  height: 16px !important;
  min-height: unset;
}

/* .expandable {
	padding-right: 18px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 1.78571L5.42857 5.21428L8.85714 1.78571' stroke='%238C7D55' stroke-width='1.6' stroke-linecap='square'/%3E%3C/svg%3E%0A");
	background-position: right center;
	background-repeat: no-repeat;
} */
/** BADGE */
#cart3 {
  --dgts: 1;
}

button[data-badge] {
  --multi: calc(var(--dgts) - 1);
  --badge-size-w: calc(20px + calc(var(--multi) * 4px));
  --badge-size-h: 20px;
  --badge-offset-x: calc(2px - calc(var(--multi) * 8px));
  --badge-offset-y: 2px;
  position: relative;
}
button.wide {
  --badge-offset-x: -6px;
  --badge-size-w: 24px;
}
button[data-badge]::after {
  display: none;
  content: attr(data-badge);
}
button[data-badge]:not([data-badge=""])::after {
  align-items: center;
  background: #8C7D55;
  border-radius: var(--badge-size-h);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  color: white;
  display: inline-flex;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: var(--badge-size-h);
  justify-content: center;
  line-height: 1rem;
  padding: 0;
  position: absolute;
  right: var(--badge-offset-x);
  top: var(--badge-offset-y);
  width: var(--badge-size-w);
}
button.dgts1 {
  --dgts: 1;
}
button.dgts2 {
  --dgts: 2;
}

.showcase .card {
  display: inline-flex;
  flex-direction: column;
}
.showcase .card.article {
  border: 1px solid #8C7D55;
}
.showcase .card.article .wrapper {
  padding: 30px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 500px) {
  .showcase .card.article .wrapper {
    padding: 24px;
  }
}
.showcase .card.article .info {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media screen and (max-width: 500px) {
  .showcase .card.article .info {
    gap: 8px;
  }
}
.showcase .card.article .date {
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  letter-spacing: 0.2em;
  color: #8C7D55;
  text-transform: uppercase;
}
.showcase .card.article .author {
  text-align: left;
  color: #8C7D55;
  text-transform: uppercase;
}
.showcase .card.article .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  margin-top: 16px;
  margin-bottom: 10px;
}
@media screen and (max-width: 500px) {
  .showcase .card.article .title {
    font-size: 15px;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.showcase .card.article .brief {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.showcase .card.article picture,
.showcase .card.article .picture {
  width: 100%;
  aspect-ratio: 384/270;
  overflow: hidden;
}
.showcase .card.article picture img,
.showcase .card.article .picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.showcase .card.article .goto {
  text-align: left;
  letter-spacing: 0.28em;
}
.showcase form > .card.product {
  height: 100%;
}
.showcase .product {
  background-color: #F1F1F1;
  position: relative;
}
.showcase .product .wrapper {
  padding: 24px 24px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 500px) {
  .showcase .product .wrapper {
    padding: 12px 12px 16px 12px;
  }
}
.showcase .product .info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
.showcase .product .title {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 500px) {
  .showcase .product .title {
    font-size: 13px;
    line-height: 18px;
  }
}
.showcase .product .discount {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}
@media (max-width: 500px) {
  .showcase .product .discount {
    top: 12px;
    left: 12px;
  }
}
.showcase .product .discount:has(> div:empty) {
  display: none;
}
.showcase .product picture,
.showcase .product .picture {
  max-width: 100%;
  overflow: hidden;
}
.showcase .product picture img,
.showcase .product .picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.showcase .product .footer {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.showcase .product .footer .cost {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 500px) {
  .showcase .product .footer .cost {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
  }
}
.showcase .product .footer .cost .old {
  display: block;
  margin-bottom: 4px;
  font-size: 75%;
  text-decoration: line-through;
  color: #7E7E7E;
}
@media (max-width: 500px) {
  .showcase .product .footer .action {
    position: absolute;
    top: 12px;
    right: 12px;
  }
  .showcase .product .footer .action .btn.small.icon {
    width: 32px;
    height: 32px;
    background-size: 16px 16px;
  }
  .showcase .product .footer .action .btn-group {
    padding: 8px;
  }
  .showcase .product .footer .action .btn-group .btn {
    font-size: 13px;
  }
  .showcase .product .footer .action .btn-group .btn.small.icon {
    background-size: 16px 16px;
  }
}
.showcase .product .footer .action .counter {
  display: none;
}
.showcase .product .footer .action .counter.is-add-cart {
  display: block;
}
.showcase .product .footer .action .is-add-cart + .add {
  display: none;
}

/* .showcase {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	row-gap: 40px;
	column-gap: 24px;
	// background-color: azure;

	@media (max-width: 500px) { 
		flex-direction: column;
	}

	.card {
		width: 100%;
		display: flex;
		flex-direction: column;

		@media (min-width: 480px) { 
			max-width: 50%;
		}

		@media (min-width: 960px) { 
			max-width: calc( (100% - 2*24px)/3 );
			flex: 33.33%;
		}

	}

	.product {
		background-color: $color_silver;

		.wrapper {
            padding: 24px 20px;
			display: flex;
			flex-direction: column;		
        }

		.info {
			display: flex;
			flex-direction: column;
			gap: 16px;
			margin-bottom: 16px;
		}

        .title {
			font-size: 17px;
			font-weight: 400;
			line-height: 23.80px;
        }

        .variants {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            gap: 10px;

			.btn {
				padding: 9px 24px;
				white-space: nowrap;
			}
        }

        .picture {
            width: 100%;
			aspect-ratio: 1;
            img {
                width: 100%;
            }
        }

        .footer {
			width: 100%;
			overflow: hidden;
            display: flex;
			align-items: center;
			justify-content: space-between;
            .cost {
				font-size: 16px;
				font-weight: 700;
            }
        }
	}

	.article {
		border: 1px solid $color_gold;

		.wrapper {
            padding: 24px 20px;
			display: flex;
			flex-direction: column;		
        }

		.info {
			display: flex;
			flex-direction: column;
			gap: 16px;
			margin-bottom: 16px;
		}

		.date {
			font-size: 11px;
			font-weight: 500;
			line-height: 17px;
			letter-spacing: 0.2em;
			text-align: left;
			color: $color_gold;
			text-transform: uppercase;
		}

        .title {
			font-size: 18px;
			font-weight: 600;
			line-height: 25px;
        }

		.brief {
			font-size: 14px;
			font-weight: 400;
			line-height: 22px;
		}

        .picture {
            width: 100%;
			aspect-ratio: 384/270;
            img {
                width: 100%;
            }
        }
	}
} */
.carousel {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto;
  row-gap: 40px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.carousel.info {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 769px) and (max-width: 1024px) {
  .carousel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* .card:nth-last-child(-n+1) {
    	display: none;
    } */
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  .carousel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* .card:nth-last-child(-n+2){
    	display: none;
    } */
  }
}
@media (max-width: 500px) {
  .carousel {
    row-gap: 20px;
    -moz-column-gap: 12px;
         column-gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* &.shop {
    	grid-template-columns: 1fr 1fr;
    }
    &.info {
    	grid-template-columns: 1fr;
    } */
  }
}

@media (max-width: 500px) {
  .new .carousel,
  .popular .carousel {
    grid-template-columns: 1fr 1fr;
  }
  .articles .carousel,
  .news .carousel {
    grid-template-columns: 1fr;
  }
}
.carousel-nav {
  grid-area: c-nav;
  justify-self: end;
  display: flex;
  gap: 24px;
}
@media (max-width: 500px) {
  .carousel-nav {
    gap: 18px;
  }
}
.carousel-nav .splide__arrow {
  position: static !important;
  transform: unset;
}
.carousel-nav .prev,
.carousel-nav .next {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  width: 48px;
  height: 48px;
}
@media (max-width: 500px) {
  .carousel-nav .prev,
  .carousel-nav .next {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 349px) {
  .carousel-nav .prev,
  .carousel-nav .next {
    display: none;
  }
}
.carousel-nav .prev:focus,
.carousel-nav .next:focus {
  outline: none !important;
}
.carousel-nav .prev {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='47' height='47' rx='23.5' stroke='%238C7D55'/%3E%3Cpath d='M30 23.9999L18 23.9999M18 23.9999L23.7149 29.7148M18 23.9999L23.7149 18.285' stroke='%238C7D55'/%3E%3C/svg%3E%0A");
}
.carousel-nav .next {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='47' height='47' rx='23.5' stroke='%238C7D55'/%3E%3Cpath d='M18 24L30 24M30 24L24.2851 18.285M30 24L24.2851 29.7149' stroke='%238C7D55'/%3E%3C/svg%3E%0A");
}

label.checkbox {
  display: grid;
  grid-template-columns: 1em auto;
  gap: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.form-control + .form-control {
  margin-top: 1em;
}

.form-control--disabled {
  color: #D8D8D8;
  cursor: unset;
}

input[type=checkbox],
input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: transparent;
  /* Not removed via appearance */
  margin: 0;
  width: 20px;
  height: 20px;
  border: 0;
  display: grid;
  place-content: center;
  outline: 0;
}

input[type=checkbox]::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: transparent center no-repeat url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.500122' width='19' height='19' rx='5.5' fill='white'/%3E%3Crect x='0.5' y='0.500122' width='19' height='19' rx='5.5' stroke='%23D8D8D8'/%3E%3C/svg%3E%0A");
}

input[type=radio]::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: transparent center no-repeat url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%23D8D8D8'/%3E%3C/svg%3E%0A");
}

input[type=radio].star-radio::before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.085 6.74501L17.0851 6.74503C17.2664 6.76143 17.4205 6.88395 17.4773 7.05836C17.5344 7.23409 17.4816 7.42448 17.3441 7.54516L13.4164 10.9892L13.1925 11.1855L13.2585 11.4758L14.4165 16.5761C14.4573 16.757 14.3872 16.9415 14.2392 17.0485L14.2388 17.0488C14.0903 17.1564 13.8933 17.1649 13.7363 17.0711L9.25665 14.3921L9.00005 14.2386L8.74343 14.3921L4.26286 17.0711L4.26272 17.0712C4.19024 17.1146 4.10961 17.136 4.0289 17.136C3.93458 17.136 3.84149 17.1071 3.76181 17.0492L3.76082 17.0485C3.61289 16.9416 3.54275 16.7571 3.58354 16.5762C3.58356 16.5762 3.58357 16.5761 3.58358 16.5761L4.74158 11.4758L4.8075 11.1855L4.58364 10.9892L0.655856 7.54508C0.655844 7.54507 0.655833 7.54506 0.655821 7.54505C0.518482 7.42458 0.465875 7.23386 0.522437 7.0592C0.579917 6.8845 0.734077 6.76189 0.915387 6.74499C0.915529 6.74497 0.915672 6.74496 0.915815 6.74495L6.11196 6.27328L6.4093 6.24629L6.52658 5.97173L8.58009 1.16403L8.58019 1.16379C8.65224 0.99486 8.81636 0.886444 9.00002 0.886444C9.18324 0.886444 9.34781 0.994506 9.42094 1.1644C9.421 1.16455 9.42107 1.1647 9.42113 1.16485L11.4743 5.97173L11.5916 6.24629L11.8889 6.27328L17.085 6.74501Z' fill='white' stroke='%238C7D55'/%3E%3C/svg%3E%0A");
}

input[type=checkbox]:checked::before {
  background: transparent center no-repeat url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.500122' width='19' height='19' rx='5.5' fill='white'/%3E%3Crect x='0.5' y='0.500122' width='19' height='19' rx='5.5' stroke='%238C7D55'/%3E%3Cpath d='M14.6667 6.50012L8.25004 12.9168L5.33337 10.0001' stroke='%238C7D55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

input[type=radio]:checked::before {
  background: transparent center no-repeat url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%238C7D55'/%3E%3Ccircle cx='10' cy='10' r='4' fill='%238C7D55'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

input[type=radio].star-radio:checked::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9529 6.90406C17.8344 6.53958 17.5111 6.28153 17.1302 6.24706L11.9341 5.77533L9.88059 0.967631C9.72898 0.614414 9.384 0.386444 9.00002 0.386444C8.61605 0.386444 8.27093 0.614414 8.12028 0.967631L6.06676 5.77533L0.869868 6.24706C0.488911 6.28222 0.166319 6.54026 0.0471156 6.90406C-0.0714014 7.26853 0.0380517 7.6683 0.326173 7.92099L4.25399 11.3651L3.09587 16.4659C3.01114 16.8409 3.15671 17.2288 3.4679 17.4537C3.63517 17.5753 3.83169 17.636 4.0289 17.636C4.19837 17.636 4.36797 17.5909 4.51945 17.5003L9.00002 14.8212L13.4798 17.5003C13.8084 17.6967 14.2216 17.6787 14.5321 17.4537C14.8433 17.2288 14.9889 16.8409 14.9042 16.4659L13.7461 11.3651L17.6739 7.92099C17.9619 7.6683 18.0714 7.26936 17.9529 6.90406Z' fill='%238C7D55'/%3E%3C/svg%3E%0A");
}

/* input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
} */
input[type=checkbox]:disabled,
input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

.category {
  grid-area: category;
  position: relative;
  min-height: 56px;
  margin-bottom: 28px;
}
.category .overlay {
  display: none;
}
@media (max-width: 768px) {
  .category .overlay {
    position: fixed;
    z-index: 101;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.67);
    display: none;
  }
  .category.open .overlay {
    display: block;
  }
}
.category ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.category ul li {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
.category ul li:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .category ul {
    position: absolute;
    z-index: 102;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    border: 1px solid #D8D8D8;
  }
  .category ul.expandable > li:first-child {
    width: 100%;
    min-width: 200px;
    padding: 12px 56px 12px 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Icon color' d='M12.6551 0.14282C12.7208 0.0765709 12.8103 0.0393066 12.9036 0.0393066C12.9969 0.0393066 13.0864 0.0765709 13.1521 0.14282L13.894 0.884708C13.9616 0.948211 14 1.03687 14 1.12967C14 1.22247 13.9616 1.31113 13.894 1.37463L7.46193 7.80666C7.36358 7.90513 7.23016 7.96051 7.09099 7.96063L6.90901 7.96063C6.76984 7.96051 6.63642 7.90513 6.53807 7.80666L0.106047 1.37463C0.0383831 1.31113 4.61758e-07 1.22247 4.65814e-07 1.12967C4.6987e-07 1.03687 0.0383831 0.948211 0.106047 0.884707L0.847934 0.14282C0.913642 0.0765704 1.00309 0.0393061 1.0964 0.0393061C1.18971 0.0393061 1.27915 0.0765704 1.34486 0.14282L7 5.79796L12.6551 0.14282Z' fill='%23222222'/%3E%3C/svg%3E%0A");
    background-position: right center;
    background-repeat: no-repeat;
    background-position: right 16px center;
  }
  .category ul.expandable > li:first-child.big {
    background-position: right 24px center;
  }
  .category ul.expandable.open > li:first-child {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6.5L6 1.5L1 6.5' stroke='%23222222' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .category ul > li {
    padding: 12px 56px 12px 24px;
    font-size: 15px;
    line-height: 22px;
  }
  .category ul > li:first-child {
    font-family: "Noto Serif", sans-serif, -apple-system;
    font-size: 19px;
    font-weight: 500;
    line-height: 29px;
    margin: 0;
  }
  .category ul > li:not(:first-child) {
    display: none;
    margin-bottom: 0px;
  }
  .category ul > li:last-child {
    margin-bottom: 16px;
  }
  .category ul.open > li:not(:first-child) {
    display: block;
  }
}

.filter-panel {
  grid-area: filter;
}
@media (max-width: 768px) {
  .filter-panel {
    pointer-events: none;
  }
  .filter-panel::before {
    content: "Фильтры";
    font-size: 17px;
    font-weight: 400;
    color: #8C7D55;
    padding: 6px 0 6px 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1168_91374)'%3E%3Cpath d='M14 13.3333L9.33333 13.3333M6.66667 13.3333L2 13.3333M14 8.00001L8 8.00001M5.33333 8.00001L2 8.00001M14 2.66668L10.6667 2.66668M8 2.66668L2 2.66668M9.33333 15.3333L9.33333 11.3333M5.33333 10L5.33333 6.00001M10.6667 4.66668L10.6667 0.666677' stroke='%238C7D55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1168_91374'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 16) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: left center;
    background-repeat: no-repeat;
    pointer-events: auto;
  }
}
@media (max-width: 768px) {
  .filter-panel > * {
    display: none;
  }
}
.filter-panel .group {
  margin-bottom: 40px;
  /* > div:not(:last-child) {
  	margin-bottom: 20px;
  } */
}
.filter-panel .group > div {
  margin: 0 24px;
}

.sorting {
  grid-area: sorting;
}
@media (max-width: 768px) {
  .sorting {
    pointer-events: none;
  }
  .sorting::before {
    content: "Сортировка";
    font-size: 17px;
    font-weight: 400;
    color: #484848;
    padding: 6px 24px 6px 0px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Icon color' d='M12.6551 0.14282C12.7208 0.0765709 12.8103 0.0393066 12.9036 0.0393066C12.9969 0.0393066 13.0864 0.0765709 13.1521 0.14282L13.894 0.884708C13.9616 0.948211 14 1.03687 14 1.12967C14 1.22247 13.9616 1.31113 13.894 1.37463L7.46193 7.80666C7.36358 7.90513 7.23016 7.96051 7.09099 7.96063L6.90901 7.96063C6.76984 7.96051 6.63642 7.90513 6.53807 7.80666L0.106047 1.37463C0.0383831 1.31113 4.61758e-07 1.22247 4.65814e-07 1.12967C4.6987e-07 1.03687 0.0383831 0.948211 0.106047 0.884707L0.847934 0.14282C0.913642 0.0765704 1.00309 0.0393061 1.0964 0.0393061C1.18971 0.0393061 1.27915 0.0765704 1.34486 0.14282L7 5.79796L12.6551 0.14282Z' fill='%23222222'/%3E%3C/svg%3E%0A");
    background-position: right center;
    background-repeat: no-repeat;
    pointer-events: auto;
  }
}
@media (max-width: 768px) {
  .sorting > * {
    display: none;
  }
}

.panel .filter {
  height: 100%;
  padding: 35px 20px;
  margin-bottom: 55px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.panel .filter-header {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.panel .filter-header .title {
  font-size: 24px;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-weight: 500;
}
.panel .filter-header .title .count {
  color: #484848;
}
.panel .filter-header .close {
  width: 28px;
  height: 28px;
}
@media (max-width: 768px) {
  .panel .filter .category .categories {
    display: block;
  }
  .panel .filter .filter-panel::before {
    display: none;
  }
  .panel .filter .filter-panel > * {
    display: block;
  }
}

input,
textarea {
  border: 1px solid #D8D8D8;
}
input:not([type=checkbox], [type=radio]),
textarea:not([type=checkbox], [type=radio]) {
  padding: 12px 12px 12px 24px;
}
input:not([type=checkbox], [type=radio]).required,
textarea:not([type=checkbox], [type=radio]).required {
  background: right 24px center no-repeat url("data:image/svg+xml,%0A%3Csvg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: %238C7D55;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 448 586.344 462.974 803.376 128 684.882 64 512 416 339.648 64 220.656 128 437.656 462.974 64 448 64 576 435.074 555.868 227.3 896 339.238 960 512 608 684.762 960 796.66 896 588.926 555.868 960 576Z' /%3E%3C/svg%3E");
  background-size: 12px 12px;
}
input:not([type=checkbox], [type=radio]).error,
textarea:not([type=checkbox], [type=radio]).error {
  border-color: #C32800;
}
@media (max-width: 500px) {
  input,
  textarea {
    padding: 10px 0 10px 18px;
    font-size: 15px;
  }
}
input:focus,
textarea:focus {
  outline: none;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #7E7E7E;
}
input::placeholder,
textarea::placeholder {
  color: #7E7E7E;
}

input[type=text]:focus {
  background-color: none !important;
}

form {
  gap: 18px;
  /* button {
  	margin-top: 40px;
  } */
}
form input:not([type=file], [type=image], [type=checkbox], [type=radio]) {
  min-height: 52px;
}
@media (max-width: 500px) {
  form input:not([type=file], [type=image], [type=checkbox], [type=radio]) {
    min-height: 48px;
  }
}
form label {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  color: #484848;
  flex: 1 0 100%;
}
form label.half {
  width: inherit;
  flex: 1 0 calc(50% - 18px);
}
form label input:not([type=checkbox]) {
  display: block;
  width: 100%;
  margin-top: 12px;
}
form .btn_with_link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
@media screen and (max-width: 500px) {
  form .btn_with_link {
    flex-direction: column;
    font-size: 13px;
  }
}
form .btn_with_link a {
  text-decoration: underline;
}
form .field-error {
  font-size: 75%;
  color: #C32800;
}

.pager {
  display: flex;
  justify-content: space-between;
}
.pager .prev, .pager .next {
  flex: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 500px) {
  .pager .prev, .pager .next {
    width: 28px;
    overflow: hidden;
    font-size: 0;
  }
}
.pager .prev {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8346 9.99996H4.16797M4.16797 9.99996L10.0013 15.8333M4.16797 9.99996L10.0013 4.16663' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 28px;
}
.pager .next {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16797 9.99996H15.8346M15.8346 9.99996L10.0013 4.16663M15.8346 9.99996L10.0013 15.8333' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 28px;
  text-align: right;
}
.pager .page {
  display: inline-block;
  padding: 12px;
  min-width: 40px;
  min-height: 40px;
}
.pager .page.active {
  background-color: #EAE9E2;
  border-radius: 8px;
}
@media (max-width: 500px) {
  .pager .page:nth-child(3), .pager .page:nth-last-child(3) {
    display: none;
  }
}
.pager > span {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.panel {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  background: white;
  overflow-y: auto;
  overflow-x: hidden;
  width: 540px !important;
  display: none;
}
@media (max-width: 500px) {
  .panel {
    width: 100% !important;
  }
}
.panel.open {
  display: block;
}
.panel.right {
  right: 0;
}
.panel.left {
  left: 0;
}

/* .popup .panel {
	display: none;
} */
.popup {
  display: none;
  position: relative;
}
.popup .dialog, .popup .panel {
  display: block;
}
.popup.right {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0px;
  width: 375px;
}
.popup .dialog {
  position: fixed;
  z-index: 10002;
  max-width: 700px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #EAE9E2;
  overflow-y: initial !important;
}
@media screen and (max-width: 500px) {
  .popup .dialog {
    max-width: 90vw;
    min-width: 350px;
  }
}
.popup .dialog .wrapper {
  padding: 60px 80px;
}
@media screen and (max-width: 500px) {
  .popup .dialog .wrapper {
    padding: 38px 24px;
  }
}
.popup .dialog .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
}
.popup .dialog .close:hover {
  background-color: #8C7D55;
}
.popup .dialog .dialog-header {
  margin-bottom: 24px;
}
.popup .dialog .dialog-header .title {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
}
@media screen and (max-width: 500px) {
  .popup .dialog .dialog-header .title {
    font-size: 24px;
    line-height: 32px;
  }
}
.popup .dialog .dialog-header .lead {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
}
.popup .dialog .dialog-body {
  overflow-y: auto;
}
.popup .dialog .dialog-body form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.popup .dialog .dialog-body form input:not([type=checkbox]) {
  width: 100%;
  border: 0;
  height: 52px;
}
.popup .dialog .dialog-footer {
  margin-top: 32px;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.popup .dialog .dialog-footer span {
  display: inline-block;
}
.popup .dialog .dialog-footer span a {
  text-decoration: underline;
}
.popup .dialog .result {
  font-weight: 600;
}
.popup .dialog .result.success {
  color: #006c02;
}
.popup .dialog .result.danger {
  color: #C32800;
}

.overlay {
  position: fixed;
  z-index: 101;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.67);
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.login {
  width: 700px;
}

@media screen and (max-width: 700px) {
  .box3 {
    width: 70%;
  }
  .popup3 {
    width: 70%;
  }
}
.reviews .review {
  border-bottom: 1px solid #D8D8D8;
}
.reviews .review .stars {
  margin-bottom: 16px;
}
.reviews .review p {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}
@media screen and (max-width: 500px) {
  .reviews .review p {
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
  }
}
.reviews .review .author {
  margin: 24px 0;
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
@media screen and (max-width: 500px) {
  .reviews .review .author {
    gap: 16px;
  }
}
.reviews .review .author .name {
  font-size: 20px;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-weight: 600;
  line-height: 30px;
}
@media screen and (max-width: 500px) {
  .reviews .review .author .name {
    font-size: 17px;
    line-height: 26px;
  }
}
.reviews .review .author .date {
  color: #484848;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 500px) {
  .reviews .review .author .date {
    font-size: 13px;
    line-height: 22px;
  }
}

.rating {
  display: flex;
  align-items: center;
  gap: 20px;
}
.rating .stars {
  display: inline-flex;
  gap: 5px;
}
.rating .stars .votes {
  display: inline-block;
  font-family: "Raleway", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}
.rating .stars .star {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.085 6.74501L17.0851 6.74503C17.2664 6.76143 17.4205 6.88395 17.4773 7.05836C17.5344 7.23409 17.4816 7.42448 17.3441 7.54516L13.4164 10.9892L13.1925 11.1855L13.2585 11.4758L14.4165 16.5761C14.4573 16.757 14.3872 16.9415 14.2392 17.0485L14.2388 17.0488C14.0903 17.1564 13.8933 17.1649 13.7363 17.0711L9.25665 14.3921L9.00005 14.2386L8.74343 14.3921L4.26286 17.0711L4.26272 17.0712C4.19024 17.1146 4.10961 17.136 4.0289 17.136C3.93458 17.136 3.84149 17.1071 3.76181 17.0492L3.76082 17.0485C3.61289 16.9416 3.54275 16.7571 3.58354 16.5762C3.58356 16.5762 3.58357 16.5761 3.58358 16.5761L4.74158 11.4758L4.8075 11.1855L4.58364 10.9892L0.655856 7.54508C0.655844 7.54507 0.655833 7.54506 0.655821 7.54505C0.518482 7.42458 0.465875 7.23386 0.522437 7.0592C0.579917 6.8845 0.734077 6.76189 0.915387 6.74499C0.915529 6.74497 0.915672 6.74496 0.915815 6.74495L6.11196 6.27328L6.4093 6.24629L6.52658 5.97173L8.58009 1.16403L8.58019 1.16379C8.65224 0.99486 8.81636 0.886444 9.00002 0.886444C9.18324 0.886444 9.34781 0.994506 9.42094 1.1644C9.421 1.16455 9.42107 1.1647 9.42113 1.16485L11.4743 5.97173L11.5916 6.24629L11.8889 6.27328L17.085 6.74501Z' fill='white' stroke='%238C7D55'/%3E%3C/svg%3E%0A");
}
.rating .stars .star.filled {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9529 6.90406C17.8344 6.53958 17.5111 6.28153 17.1302 6.24706L11.9341 5.77533L9.88059 0.967631C9.72898 0.614414 9.384 0.386444 9.00002 0.386444C8.61605 0.386444 8.27093 0.614414 8.12028 0.967631L6.06676 5.77533L0.869868 6.24706C0.488911 6.28222 0.166319 6.54026 0.0471156 6.90406C-0.0714014 7.26853 0.0380517 7.6683 0.326173 7.92099L4.25399 11.3651L3.09587 16.4659C3.01114 16.8409 3.15671 17.2288 3.4679 17.4537C3.63517 17.5753 3.83169 17.636 4.0289 17.636C4.19837 17.636 4.36797 17.5909 4.51945 17.5003L9.00002 14.8212L13.4798 17.5003C13.8084 17.6967 14.2216 17.6787 14.5321 17.4537C14.8433 17.2288 14.9889 16.8409 14.9042 16.4659L13.7461 11.3651L17.6739 7.92099C17.9619 7.6683 18.0714 7.26936 17.9529 6.90406Z' fill='%238C7D55'/%3E%3C/svg%3E%0A");
}

.review-form-container form {
  max-width: 850px;
  margin: 32px auto;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  color: #484848;
}
@media screen and (max-width: 500px) {
  .review-form-container form {
    padding: 0;
    gap: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
  .review-form-container form input, .review-form-container form textarea {
    margin-top: 8px;
  }
}
.review-form-container form.beg {
  padding: 40px;
  background-color: #EAE9E2;
}
@media screen and (max-width: 500px) {
  .review-form-container form.beg {
    padding: 32px 20px;
  }
}
.review-form-container form input, .review-form-container form textarea {
  display: block;
}
.review-form-container form textarea {
  min-height: 100px;
}

.search_panel {
  position: absolute;
  z-index: 10010;
  left: 0;
  right: 0;
  top: 0;
}
.search_panel .search_form {
  color: #8C7D55;
  background: #EAE9E2 center right 36px url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%237E7E7E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
  padding: 12px 84px 12px 24px;
}
.search_panel .search_form.filled {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.18344L12.8166 13M1 12.8166L12.8166 1' stroke='%23222222' stroke-width='1.2'/%3E%3C/svg%3E%0A");
}
.search_panel input {
  width: 100%;
  border: none;
  background: none;
}
.search_panel .results {
  display: none;
  background-color: white;
  padding: 24px 60px 60px 60px;
}
@media screen and (max-width: 500px) {
  .search_panel .results {
    padding: 24px 20px;
  }
}
.search_panel .results ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  border-top: 1px solid #D8D8D8;
}
.search_panel .results ul li {
  overflow: hidden;
  padding: 24px 0;
  border-bottom: 1px solid #D8D8D8;
}
.search_panel .results ul li figure {
  width: 94px;
  height: 94px;
  float: left;
}
.search_panel .results ul li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.search_panel .results ul li div {
  margin-left: 116px;
  line-height: 21px;
}
.search_panel .results ul li div.title {
  font-size: 15px;
  font-weight: 600;
}
.search_panel .results ul li div.brief {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

table {
  width: 100%;
}
table.frame {
  border: 1px solid #D8D8D8;
}
table thead {
  border-bottom: 1px solid #8C7D55;
  top: 0;
}
table thead tr {
  background-color: white;
  border-bottom: 1px solid #8C7D55;
}
table thead tr th {
  text-transform: uppercase;
  text-align: left;
}
table th, table td {
  padding: 32px 40px 32px 0px;
  text-align: left;
}
table tbody tr {
  border-bottom: 1px solid #D8D8D8;
  /* &:last-child {
  	th, td {
  		border-bottom: 0;
  	}
  } */
}
table tbody tr th {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  color: #8C7D55;
}
table tbody tr td {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #484848;
}
@media (max-width: 768px) {
  table tbody tr td {
    padding-top: 32px;
  }
  table tbody tr td:last-child {
    border-bottom: 1px solid #D8D8D8;
  }
}

.tabs > nav {
  margin-bottom: 55px;
}
.tabs > nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #222;
  display: flex;
  gap: 100px;
}
.tabs > nav li {
  display: inline-block;
  padding: 0;
  vertical-align: bottom;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}
.tabs > nav a {
  display: inline-block;
  color: #484848;
  text-decoration: none;
  padding: 24px 0;
}
.tabs > nav a.active {
  position: relative;
  color: #222;
  border-bottom: 2px solid #5B3B30;
  padding-bottom: 22px;
}
@media (min-width: 769px) {
  .tabs > nav ul {
    margin-bottom: 40px;
    border-bottom: 1px solid #D8D8D8;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .tabs > nav:not(.sm-full) ul {
    border-bottom: 0;
    overflow: hidden;
    position: relative;
    color: #222;
    border: 1px solid #D8D8D8;
    background-color: white;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left !important;
    /* &::after {
    	content: "☰";
    	position: absolute;
    	top: 8px;
    	right: 15px;
    	z-index: 2;
    	pointer-events: none;
    } */
  }
  .tabs > nav:not(.sm-full) ul.open a {
    position: relative;
    display: block;
    /* &.active {
    	background: $color_white!important;
    } */
  }
  .tabs > nav:not(.sm-full) ul.open li:not(:first-child) a.active {
    background: white !important;
  }
  .tabs > nav:not(.sm-full) ul.open li:first-child a {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_155_1336)'%3E%3Cpath d='M12.6551 7.85715C12.7208 7.9234 12.8103 7.96066 12.9036 7.96066C12.9969 7.96066 13.0864 7.9234 13.1521 7.85715L13.894 7.11526C13.9616 7.05176 14 6.9631 14 6.8703C14 6.7775 13.9616 6.68884 13.894 6.62534L7.46193 0.193309C7.36358 0.0948393 7.23016 0.0394595 7.09099 0.0393395H6.90901C6.76984 0.0394595 6.63642 0.0948393 6.53807 0.193309L0.106046 6.62534C0.0383825 6.68884 -4.056e-09 6.7775 0 6.8703C4.056e-09 6.9631 0.0383825 7.05176 0.106046 7.11526L0.847933 7.85715C0.913641 7.9234 1.00309 7.96066 1.0964 7.96066C1.18971 7.96066 1.27915 7.9234 1.34486 7.85715L7 2.20201L12.6551 7.85715Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_155_1336'%3E%3Crect width='14' height='8' fill='%23222222' transform='matrix(1 0 0 -1 0 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: right 24px top 20px;
    background-repeat: no-repeat;
  }
  .tabs > nav:not(.sm-full) li {
    display: block;
    background-color: transparent;
  }
  .tabs > nav:not(.sm-full) li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px 56px 12px 24px;
  }
  .tabs > nav:not(.sm-full) li a.active {
    position: relative;
    font-weight: 600;
    z-index: 1;
    border: 0;
    bottom: -1px;
    background-color: white;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Icon color' d='M12.6551 0.14282C12.7208 0.0765709 12.8103 0.0393066 12.9036 0.0393066C12.9969 0.0393066 13.0864 0.0765709 13.1521 0.14282L13.894 0.884708C13.9616 0.948211 14 1.03687 14 1.12967C14 1.22247 13.9616 1.31113 13.894 1.37463L7.46193 7.80666C7.36358 7.90513 7.23016 7.96051 7.09099 7.96063L6.90901 7.96063C6.76984 7.96051 6.63642 7.90513 6.53807 7.80666L0.106047 1.37463C0.0383831 1.31113 4.61758e-07 1.22247 4.65814e-07 1.12967C4.6987e-07 1.03687 0.0383831 0.948211 0.106047 0.884707L0.847934 0.14282C0.913642 0.0765704 1.00309 0.0393061 1.0964 0.0393061C1.18971 0.0393061 1.27915 0.0765704 1.34486 0.14282L7 5.79796L12.6551 0.14282Z' fill='%23222222'/%3E%3C/svg%3E%0A");
    background-position: right 24px top 20px;
    background-repeat: no-repeat;
  }
}

.tabs > section {
  display: none;
}
.tabs > .active {
  display: block;
}
@media (max-width: 500px) {
  .tabs.accordion nav {
    display: none;
  }
  .tabs.accordion > section {
    border-bottom: 1px solid #D8D8D8;
    padding: 16px 0px 16px 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    overflow: hidden;
    display: block;
    height: auto;
    max-height: 60px;
    transition: max-height 0.3s ease-out;
    pointer-events: none;
  }
  .tabs.accordion > section::before {
    content: attr(data-title);
    font-family: "Noto Serif", sans-serif, -apple-system;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    display: block;
    margin-bottom: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Icon color' d='M12.6551 0.14282C12.7208 0.0765709 12.8103 0.0393066 12.9036 0.0393066C12.9969 0.0393066 13.0864 0.0765709 13.1521 0.14282L13.894 0.884708C13.9616 0.948211 14 1.03687 14 1.12967C14 1.22247 13.9616 1.31113 13.894 1.37463L7.46193 7.80666C7.36358 7.90513 7.23016 7.96051 7.09099 7.96063L6.90901 7.96063C6.76984 7.96051 6.63642 7.90513 6.53807 7.80666L0.106047 1.37463C0.0383831 1.31113 4.61758e-07 1.22247 4.65814e-07 1.12967C4.6987e-07 1.03687 0.0383831 0.948211 0.106047 0.884707L0.847934 0.14282C0.913642 0.0765704 1.00309 0.0393061 1.0964 0.0393061C1.18971 0.0393061 1.27915 0.0765704 1.34486 0.14282L7 5.79796L12.6551 0.14282Z' fill='%23222222'/%3E%3C/svg%3E%0A");
    background-position: right 24px center;
    background-repeat: no-repeat;
    pointer-events: auto;
  }
  .tabs.accordion > section.active {
    display: inherit;
    max-height: 3000px;
    transition: max-height 0.5s ease-in;
  }
  .tabs.accordion > section.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_155_1336)'%3E%3Cpath d='M12.6551 7.85715C12.7208 7.9234 12.8103 7.96066 12.9036 7.96066C12.9969 7.96066 13.0864 7.9234 13.1521 7.85715L13.894 7.11526C13.9616 7.05176 14 6.9631 14 6.8703C14 6.7775 13.9616 6.68884 13.894 6.62534L7.46193 0.193309C7.36358 0.0948393 7.23016 0.0394595 7.09099 0.0393395H6.90901C6.76984 0.0394595 6.63642 0.0948393 6.53807 0.193309L0.106046 6.62534C0.0383825 6.68884 -4.056e-09 6.7775 0 6.8703C4.056e-09 6.9631 0.0383825 7.05176 0.106046 7.11526L0.847933 7.85715C0.913641 7.9234 1.00309 7.96066 1.0964 7.96066C1.18971 7.96066 1.27915 7.9234 1.34486 7.85715L7 2.20201L12.6551 7.85715Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_155_1336'%3E%3Crect width='14' height='8' fill='%23222222' transform='matrix(1 0 0 -1 0 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}
@media (max-width: 768px) {
  .tabs.dropdown nav ul {
    position: relative;
    display: block;
  }
  .tabs.dropdown nav ul li {
    position: relative;
  }
}

.grid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 240px auto;
  grid-template-areas: "breadcrumbs breadcrumbs" "sidebar-left article" "footer footer";
  -moz-column-gap: 55px;
       column-gap: 55px;
}
@media (max-width: 768px) {
  .grid {
    grid-template-columns: auto;
    grid-template-areas: "breadcrumbs" "sidebar-left" "article" "footer";
  }
}

header,
aside,
article,
footer {
  background: #fff;
  /* padding: 1em; */
}

article {
  grid-area: article;
}

footer {
  grid-area: footer;
}

.sidebar-right {
  grid-area: sidebar-right;
}

.breadcrumbs {
  grid-area: breadcrumbs;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  color: #8C7D55;
}
.breadcrumbs a {
  font-size: inherit;
  font-weight: inherit;
  color: #7E7E7E;
}
.breadcrumbs ul {
  list-style-type: none;
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 0;
}
.breadcrumbs ul li:not(:first-child) {
  list-style: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.221001 1.25871C-0.0911684 0.954347 -0.0700798 0.479854 0.268104 0.198901C0.606288 -0.0820516 1.1335 -0.0630718 1.44567 0.241293L4.779 3.49129C5.07367 3.77859 5.07367 4.22141 4.779 4.50871L1.44567 7.75871C1.1335 8.06307 0.606288 8.08205 0.268104 7.8011C-0.0700798 7.52015 -0.0911684 7.04565 0.221001 6.74129L3.03258 4L0.221001 1.25871Z' fill='%23D8D8D8'/%3E%3C/svg%3E%0A") inside;
}
.breadcrumbs::before, .breadcrumbs::after {
  clear: both;
  height: 0;
}

.container {
  margin: 0 auto;
  max-width: 1200px;
  /*@media (max-width: 700px) { 
  	width: 375px;
  } */
}
@media (max-width: 1200px) {
  .container {
    max-width: 960px;
  }
}
@media (max-width: 960px) {
  .container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 500px) {
  .container .outer {
    position: relative;
    left: -20px;
    right: -20px;
    width: 100vw;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* .wrapper {
	margin-right: auto;
	margin-left:  auto;

	max-width: 960px;

	padding-right: 10px;
	padding-left:  10px;
} */
.mobile {
  display: none;
}
@media (max-width: 768px) {
  .mobile {
    display: block;
  }
}

.goto {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  text-align: right;
  cursor: pointer;
}
.goto::after {
  content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.5H13' stroke='%238C7D55'/%3E%3Cpath d='M9 2.5L13.5 7.5L9 12' stroke='%238C7D55'/%3E%3C/svg%3E%0A");
  display: inline-block;
  margin-left: 12px;
  position: relative;
  top: 2px;
}
@media screen and (max-width: 500px) {
  .goto {
    text-align: left;
  }
}

section.new,
section.popular,
section.similar,
section.about,
section.news,
section.articles {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  grid-template-areas: "rubric rubric" "title goto" "body body";
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  margin-top: 130px;
  /* 	@media screen and (max-width: 768px) {
  		grid-template-columns: 3fr 2fr;
  	} */
}
@media screen and (max-width: 500px) {
  section.new,
  section.popular,
  section.similar,
  section.about,
  section.news,
  section.articles {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "body" "goto";
    gap: 28px;
    margin: 72px 0;
  }
}
section.new .rubric,
section.popular .rubric,
section.similar .rubric,
section.about .rubric,
section.news .rubric,
section.articles .rubric {
  grid-area: rubric;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.28em;
  text-align: left;
  color: #8C7D55;
  text-transform: uppercase;
}
section.new .rubric::before,
section.popular .rubric::before,
section.similar .rubric::before,
section.about .rubric::before,
section.news .rubric::before,
section.articles .rubric::before {
  content: "—";
  color: #8C7D55;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  bottom: 1px;
}
@media screen and (max-width: 500px) {
  section.new .rubric,
  section.popular .rubric,
  section.similar .rubric,
  section.about .rubric,
  section.news .rubric,
  section.articles .rubric {
    display: none;
  }
}
section.new h3,
section.popular h3,
section.similar h3,
section.about h3,
section.news h3,
section.articles h3 {
  grid-area: title;
  flex: 1;
  font-size: 40px;
  line-height: 56px;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 500px) {
  section.new h3,
  section.popular h3,
  section.similar h3,
  section.about h3,
  section.news h3,
  section.articles h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 349px) {
  section.new h3,
  section.popular h3,
  section.similar h3,
  section.about h3,
  section.news h3,
  section.articles h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
section.new .goto,
section.popular .goto,
section.similar .goto,
section.about .goto,
section.news .goto,
section.articles .goto {
  grid-area: goto;
  text-align: right;
}
section.new .showcase,
section.popular .showcase,
section.similar .showcase,
section.about .showcase,
section.news .showcase,
section.articles .showcase {
  grid-area: body;
  flex-wrap: nowrap;
  overflow: hidden;
}

/* кнопки навигации карусели */
section.new,
section.popular,
section.similar {
  grid-template-areas: "rubric goto" "title c-nav" "body body";
}
@media screen and (max-width: 500px) {
  section.new,
  section.popular,
  section.similar {
    grid-template-areas: "title c-nav" "body body" "goto goto";
  }
}

header {
  grid-area: header;
}
@media screen and (max-width: 500px) {
  header .container {
    margin: 0;
  }
}
header .main {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 80px;
  margin-top: 14px;
  border-bottom: 1px solid #d8d8d8;
  /* @media screen and (max-width: 1000px) {
  	margin-left: 20px;
  	margin-right: 20px;
  } */
}
@media screen and (max-width: 768px) {
  header .main {
    justify-content: space-between;
    align-items: flex-end;
    gap: 0;
  }
}
header .logo {
  width: 120px;
  padding-bottom: 20px;
}
@media screen and (max-width: 500px) {
  header .logo {
    width: 82px;
  }
}
header .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
header .logo img {
  width: 100%;
}
header .logo figure, header .logo span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: var(--logo) no-repeat center;
  background-size: contain;
}
header > .column > * {
  flex: 1;
}
@media screen and (min-width: 769px) {
  header .part2 {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  header .part2 > * {
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  header .part2 {
    position: fixed;
    z-index: 999;
  }
}
header .slogan {
  margin-top: 26px;
  margin-bottom: 11px;
  color: #8C7D55;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 1199px) {
  header .slogan {
    display: none;
  }
}
header .extra {
  flex-wrap: nowrap;
  gap: 2em;
  margin-top: 26px;
  margin-bottom: 11px;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
  header .extra {
    flex: 1;
    flex-wrap: wrap;
  }
}
header .extra .phone {
  font-weight: 500;
}
@media screen and (max-width: 349px) {
  header .extra .phone {
    display: none;
  }
}
header .extra .lang {
  font-size: 16px;
  font-weight: 500;
  color: #DBD5C5;
}
header .extra .lang span.active {
  color: #8C7D55;
}
header .extra .lang a {
  color: #DBD5C5;
}
@media screen and (min-width: 769px) {
  header .extra .lang {
    margin-left: 8px;
  }
}
header .buttons {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  header .buttons {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 500px) {
  header .buttons {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  header nav.menu.top {
    order: 1;
    background-color: white;
    position: fixed;
    width: 100% !important;
    z-index: 1000;
    top: 0;
    left: 0;
    bottom: 0;
    background: white;
    margin-top: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
  }
  header nav.menu.top.open {
    display: block;
  }
  header nav.menu.top .mobile-wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: start;
  }
}
header nav.menu.top .header,
header nav.menu.top .mobile-wrapper .header {
  border-bottom: 1px #D8D8D8 solid;
  padding: 20px;
}
header nav.menu.top .header .logo,
header nav.menu.top .mobile-wrapper .header .logo {
  width: 82px;
  height: 70px;
  margin: 0;
  padding: 0;
}
header nav.menu.top .header .logo img,
header nav.menu.top .mobile-wrapper .header .logo img {
  width: 100%;
}
header nav.menu.top .header .extra,
header nav.menu.top .mobile-wrapper .header .extra {
  margin: 0;
  padding: 0;
}
header nav.menu.top .header .extra .hide,
header nav.menu.top .mobile-wrapper .header .extra .hide {
  position: relative;
  right: -5px;
  flex: 1 0 100%;
  text-align: right;
}
header nav.menu.top .header .extra .hide .close,
header nav.menu.top .mobile-wrapper .header .extra .hide .close {
  width: 24px;
  height: 24px;
}
header nav.menu.top .mobile-wrapper > .mobile > .header {
  position: relative;
}
header nav.menu.top .mobile-wrapper > .mobile > .header .close {
  position: absolute;
  right: 2px;
  top: 2px;
}
header nav.menu.top .align-bottom {
  flex: 1 0 100%;
  display: flex;
  align-items: flex-end;
}
header nav.menu.top .menu-footer {
  position: relative;
  bottom: 0;
  padding-bottom: 200px;
  background: bottom center var(--skyline) no-repeat;
  padding: 0 20px 240px 20px;
  font-size: 15px;
  line-height: 24px;
}
header nav.menu.top .menu-footer .contacts {
  row-gap: 12px;
}
header nav.menu.top .menu-footer .contacts b, header nav.menu.top .menu-footer .contacts a {
  white-space: nowrap;
  color: #222;
  text-decoration: none;
  display: block;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul, header nav.menu.top > ul {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    overflow: visible;
    padding: 20px;
    margin-top: 12px;
  }
  header nav.menu.top > .mobile-wrapper > ul.accordion, header nav.menu.top > ul.accordion {
    flex: 1;
    justify-content: start;
  }
  header nav.menu.top > .mobile-wrapper > ul.accordion .dropdown, header nav.menu.top > ul.accordion .dropdown {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
  }
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li, header nav.menu.top > ul > li {
    font-family: "Noto Serif", sans-serif, -apple-system;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    width: 100%;
    outline: none;
  }
}
header nav.menu.top > .mobile-wrapper > ul > li > a, header nav.menu.top > ul > li > a {
  outline: none;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li > a, header nav.menu.top > ul > li > a {
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 12px 0;
    margin: auto 0;
    background: transparent center right no-repeat url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L6 9L10 5' stroke='%23222222' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  header nav.menu.top > .mobile-wrapper > ul > li > a.active, header nav.menu.top > ul > li > a.active {
    background: transparent center right no-repeat url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 9L6 5L2 9' stroke='%23222222' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}
header nav.menu.top > .mobile-wrapper > ul > li.active > a, header nav.menu.top > ul > li.active > a {
  border-bottom: 2px solid black;
  font-weight: 600;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li.active > a, header nav.menu.top > ul > li.active > a {
    border: 0;
  }
}
header nav.menu.top > .mobile-wrapper > ul > li:hover > .dropdown,
header nav.menu.top > .mobile-wrapper > ul > li .dropdown:hover, header nav.menu.top > ul > li:hover > .dropdown,
header nav.menu.top > ul > li .dropdown:hover {
  display: block;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li:hover > .dropdown,
  header nav.menu.top > .mobile-wrapper > ul > li .dropdown:hover, header nav.menu.top > ul > li:hover > .dropdown,
  header nav.menu.top > ul > li .dropdown:hover {
    /* visibility: hidden;
    opacity: 0; */
    display: block;
    height: auto;
  }
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown, header nav.menu.top > ul > li .dropdown {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  margin-top: 1px;
  transition: all 0.5s ease;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li .dropdown, header nav.menu.top > ul > li .dropdown {
    position: initial;
    visibility: unset;
    opacity: unset;
  }
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .container, header nav.menu.top > ul > li .dropdown .container {
  padding: 32px 60px;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li .dropdown .container, header nav.menu.top > ul > li .dropdown .container {
    padding: 28px 32px;
    margin: 18px 0;
  }
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu, header nav.menu.top > ul > li .dropdown .submenu {
  background-color: #EAE9E2;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu, header nav.menu.top > ul > li .dropdown .submenu {
    flex-direction: column;
    justify-content: flex-start;
    background-color: #EAE9E2;
    width: 100%;
  }
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu a, header nav.menu.top > ul > li .dropdown .submenu a {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu a.active, header nav.menu.top > ul > li .dropdown .submenu a.active {
  text-decoration: underline;
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu .col, header nav.menu.top > ul > li .dropdown .submenu .col {
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 172px;
  padding: 10px 0;
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu .col > div, header nav.menu.top > ul > li .dropdown .submenu .col > div {
  padding: 10px 0;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu .col > div.empty, header nav.menu.top > ul > li .dropdown .submenu .col > div.empty {
    display: none;
  }
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu .col, header nav.menu.top > ul > li .dropdown .submenu .col {
    min-height: unset;
    justify-content: unset;
    gap: 24px;
  }
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu figure, header nav.menu.top > ul > li .dropdown .submenu figure {
  max-height: 172px;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu figure, header nav.menu.top > ul > li .dropdown .submenu figure {
    display: none;
  }
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .submenu figure img, header nav.menu.top > ul > li .dropdown .submenu figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .cols-1 figure, header nav.menu.top > ul > li .dropdown .cols-1 figure {
  flex: 3;
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown .cols-2 figure, header nav.menu.top > ul > li .dropdown .cols-2 figure {
  flex: 2;
}
header nav.menu.top > .mobile-wrapper > ul > li .dropdown li, header nav.menu.top > ul > li .dropdown li {
  clear: both;
  width: 100%;
}
header .search_panel {
  margin: 0;
}

footer {
  background-color: #EAE9E2;
  overflow-x: hidden;
  padding-top: 64px;
  margin-top: 128px;
  /*left*/
  /*right*/
}
@media screen and (max-width: 500px) {
  footer {
    margin-top: 100px;
  }
}
footer .skyline-r {
  background: var(--skyline) no-repeat;
  background-position: left 70vw bottom -3px;
}
@media screen and (max-width: 1200px) {
  footer .skyline-r {
    background-position: left 70vw bottom -3px;
  }
}
@media screen and (max-width: 1024px) {
  footer .skyline-r {
    background-position: left 70vw bottom -3px;
  }
}
@media screen and (max-width: 768px) and (min-width: 501px) {
  footer .skyline-r {
    background: none;
  }
}
@media screen and (max-width: 500px) {
  footer .skyline-r {
    padding-bottom: 281px;
    background-position: left 0 bottom -2px;
  }
}
@media screen and (max-width: 500px) {
  footer .row {
    flex-direction: column;
    gap: 48px;
  }
}
footer .left {
  max-width: 285px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media screen and (max-width: 500px) {
  footer .left {
    max-width: 100%;
  }
}
footer .left .logo-group {
  flex: 1;
  font-family: Raleway;
  padding-right: 40px;
  display: inline-flex;
  flex-direction: column;
}
@media screen and (max-width: 500px) {
  footer .left .logo-group {
    padding: 0;
    flex-direction: row;
    align-items: flex-end;
    gap: 24px;
  }
}
footer .left .logo-group figure.logo {
  width: 134px;
  height: 114px;
  background: var(--logo) no-repeat center;
  background-size: contain;
}
footer .left .logo-group .slogan {
  font-size: 15px;
  font-weight: 500;
  line-height: 23.25px;
  margin-top: 29px;
  margin-bottom: 49px;
}
@media screen and (max-width: 500px) {
  footer .left .logo-group .slogan {
    margin: 0;
  }
}
footer .left .city {
  flex: 1 0 281px;
  position: relative;
}
footer .left .visual_left {
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 700px;
  height: 281px;
  overflow-x: hidden;
  background: var(--skyline) right 0px bottom -3px no-repeat;
}
footer .right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  row-gap: 48px;
}
@media screen and (max-width: 768px) {
  footer .right {
    row-gap: 60px;
  }
}
footer .right .menu {
  display: inline-flex;
  row-gap: 40px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  footer .right .menu {
    flex-wrap: wrap;
    row-gap: 60px;
  }
}
footer .right .menu .col {
  flex: 1 0;
  min-width: 22%;
  overflow-x: hidden;
}
@media screen and (max-width: 900px) {
  footer .right .menu .col {
    flex-basis: calc(50% - 24px);
  }
}
footer .right .menu h5 {
  font-family: Raleway;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 500px) {
  footer .right .menu h5 {
    font-size: 14px;
  }
}
footer .right .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .right .menu ul li {
  font-size: 16px;
  line-height: 24px;
}
footer .right .menu ul li:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 500px) {
  footer .right .menu ul li {
    font-size: 14px;
  }
}
footer .right .contacts {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 24px;
  font-weight: 400;
  line-height: 28px;
  min-height: 281px;
  max-width: 31vw;
}
footer .right .contacts .half {
  flex: 1 0 calc(50% - 24px);
}
@media screen and (max-width: 1280px) {
  footer .right .contacts {
    max-width: 35vw;
  }
}
@media screen and (max-width: 768px) {
  footer .right .contacts {
    max-width: 100%;
  }
  footer .right .contacts .half {
    flex: 1 0 calc(50% - 24px);
  }
}
@media screen and (max-width: 500px) {
  footer .right .contacts {
    max-width: 100%;
  }
}
footer .right .contacts b, footer .right .contacts a {
  white-space: nowrap;
  color: #222;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 500px) {
  footer .right .contacts {
    row-gap: 10px;
    font-size: 14px;
    line-height: 22px;
  }
  footer .right .contacts .ordering:nth-child(1) {
    order: 2;
  }
  footer .right .contacts .ordering:nth-child(2) {
    order: 3;
  }
  footer .right .contacts .ordering:nth-child(3) {
    order: 1;
  }
  footer .right .contacts .ordering:nth-child(4) {
    order: 4;
  }
  footer .right .contacts .ordering:nth-child(5) {
    order: 5;
  }
}
footer .right .contacts .address {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  margin: 30px 0;
}
@media screen and (max-width: 768px) {
  footer .right .contacts .address {
    flex: none;
  }
}
footer .right .contacts .tail {
  flex: 0 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  footer .right .contacts .tail {
    display: none;
  }
}
footer .right .contacts .tail .visual_right {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 700px;
  height: 281px;
  overflow: hidden;
  background: var(--skyline) left 50px bottom no-repeat;
}
footer .copyright {
  padding: 38px 0;
  color: #654F45;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  border-top: 2px solid #AFA488;
}
footer .copyright a {
  color: #654F45;
  text-decoration: underline;
}
footer .copyright > div span {
  display: block;
}
@media screen and (max-width: 768px) {
  footer .copyright > div div {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 500px) {
  footer .copyright > div {
    flex-wrap: wrap;
    gap: 12px;
    flex: 1 0 100%;
  }
  footer .copyright > div > span {
    flex: 1 0 100%;
  }
}
footer .pattern {
  height: 75px;
  background: var(--pattern) repeat;
}

.index {
  /* header {
  	.main {
  		border: 0 !important;
  	}
  } */
  /* 
  .plakat {
  	display: grid;
  	grid-template-columns: auto auto auto;
  	grid-template-rows: auto;
  	grid-template-areas: "left center right";

  	border-top: 55px solid $color_white;
  	padding: 0px 66px 0px 48px;
  	background-color: $color_beg;

  	// display: flex;
  	align-items: center;

  	@media (max-width: 900px) {
  		padding: 32px 24px;
  	}
  	@media (max-width: 500px) {
  		padding: 32px 24px;
  		grid-template-columns: 1fr 1fr;
  		grid-template-areas: "left right"
  							 "center center";
  	}

  	.left {
  		grid-area: left;
  		text-align: right;
  	}
  	.right {
  		grid-area: right;
  	}

  	.left, .right {
  		position: relative;
  		top: -55px;
  		@media (max-width: 900px) { 
  			// display: none;
  			top: -85px;
  			img {
  				height: 250px;
  			}
  		}
  		@media (max-width: 500px) { 
  			top: -85px;
  			margin-bottom: -50px;
  			img {
  				height: 200px;
  			}
  		}
  	}

  	p {
  		grid-area: center;
  		margin: 55px;
  		text-align: center;
  		font-size: 20px;
  		font-weight: 400;
  		line-height: 31px;

  		b {
  			font-weight: 600;
  		}

  		@media (max-width: 900px) { 
  			margin: 25px;
  		}
  		@media (max-width: 500px) { 
  			@include Mob_text_osn;
  		}
  	}
  }
   */
}
.index .welcome {
  width: 100%;
  height: 650px;
  overflow: hidden;
  background-image: var(--welcome-banner);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 68px;
  align-items: center;
  justify-content: center;
}
.index .welcome .slogan {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 48px;
  font-weight: 300;
  line-height: 62px;
  color: white;
  text-align: center;
}
@media (max-width: 500px) {
  .index .welcome .slogan {
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
  }
}
.index .intro {
  display: grid;
  justify-content: stretch;
  grid-gap: 24px;
  margin: 40px 0;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-template-areas: "cat1 cat1 cat2 cat3 cat3" "cat4 cat5 cat6 cat3 cat3" "cat4 cat7 cat8 cat9 cat10";
}
@media (max-width: 1024px) {
  .index .intro {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas: "cat1 cat1 cat3 cat3" "cat4 cat5 cat3 cat3" "cat4 cat7 cat9 cat10" "cat2 cat8 cat8 cat6";
  }
}
@media (max-width: 768px) {
  .index .intro {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-template-areas: "cat1 cat1 cat10" "cat4 cat5 cat6 " "cat4 cat3 cat3" "cat2 cat3 cat3" "cat9 cat8 cat7";
  }
}
@media (max-width: 500px) {
  .index .intro {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-template-areas: "cat1 cat2" "cat3 cat3" "cat5 cat6" "cat4 cat4" "cat7 cat9" "cat10 cat8";
  }
}
@media (max-width: 500px) {
  .index .intro {
    grid-gap: 12px;
    grid-template-rows: auto auto auto auto auto auto;
  }
}
.index .intro > figure {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /* object-fit: cover;
  object-position: center; */
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--picture);
}
.index .intro > figure figcaption {
  width: 100%;
  height: 100%;
  background-color: rgba(91, 59, 48, 0.2);
  cursor: pointer;
  overflow: hidden;
}
.index .intro > figure figcaption > span {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: rgba(91, 59, 48, 0.5019607843);
  width: 100%;
  height: 116px;
  padding: 32px;
  color: white;
  font-family: "Raleway", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 1279px) {
  .index .intro > figure figcaption > span {
    font-size: 16px;
    line-height: 24px;
    padding: 28px;
    height: 100px;
  }
}
@media (max-width: 1023px) {
  .index .intro > figure figcaption > span {
    font-size: 18px;
    line-height: 26px;
    padding: 24px;
    height: 110px;
  }
}
@media (max-width: 767px) {
  .index .intro > figure figcaption > span {
    font-size: 16px;
    line-height: 20px;
    padding: 12px;
    height: 50%;
  }
}
@media (max-width: 349px) {
  .index .intro > figure figcaption > span {
    font-size: 10px;
    line-height: 12px;
  }
}
.index .intro > figure figcaption:hover > span {
  height: 100%;
}
.index .intro .cat1 {
  grid-area: cat1;
}
.index .intro .cat2 {
  grid-area: cat2;
  aspect-ratio: 1;
}
.index .intro .cat3 {
  grid-area: cat3;
  aspect-ratio: 2/1;
}
.index .intro .cat4 {
  grid-area: cat4;
}
.index .intro .cat5 {
  grid-area: cat5;
}
.index .intro .cat6 {
  grid-area: cat6;
}
.index .intro .cat7 {
  grid-area: cat7;
}
.index .intro .cat8 {
  grid-area: cat8;
}
.index .intro .cat9 {
  grid-area: cat9;
}
.index .intro .cat10 {
  grid-area: cat10;
}
@media (max-width: 500px) {
  .index .intro .cat1, .index .intro .cat2, .index .intro .cat5, .index .intro .cat6, .index .intro .cat7, .index .intro .cat8, .index .intro .cat9, .index .intro .cat10 {
    aspect-ratio: 1;
    min-height: 40vw;
  }
  .index .intro .cat3, .index .intro .cat4 {
    aspect-ratio: 2/1;
    min-height: 40vw;
  }
}
.index section.plakat {
  background-color: #EAE9E2;
  display: flex;
  align-items: center;
  max-height: 378px;
  margin-top: 130px;
}
@media (max-width: 500px) {
  .index section.plakat {
    display: block;
    max-height: unset;
    margin-top: 0px;
  }
}
.index section.plakat .text {
  flex: 2;
  font-size: 19px;
  line-height: 32px;
  text-align: left;
  padding: 60px;
}
@media (max-width: 500px) {
  .index section.plakat .text {
    padding: 24px;
    font-size: 15px;
    line-height: 24px;
  }
}
.index section.plakat .figure {
  flex: 3;
  background-image: var(--plakat);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 378px;
}
@media (max-width: 500px) {
  .index section.plakat .figure {
    height: 246px;
  }
}
.index section.about {
  justify-content: center;
  gap: 0 60px;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: auto 98px minmax(150px, 200px) auto;
  grid-template-areas: "rubric fig" "title fig" "body fig" "goto fig";
}
@media (max-width: 1200px) {
  .index section.about {
    grid-template-rows: auto auto minmax(200px, 250px) auto;
  }
}
@media (max-width: 1024px) {
  .index section.about {
    grid-template-rows: auto auto auto auto;
  }
}
@media (max-width: 500px) {
  .index section.about {
    gap: 28px;
    grid-template-columns: 1fr;
    grid-template-areas: "rubric" "title" "fig" "body" "goto";
  }
}
.index section.about .emptyt {
  grid-area: emptyt;
}
.index section.about .emptyb {
  grid-area: emptyb;
}
.index section.about .rubric {
  align-self: flex-end;
  letter-spacing: 0.28em;
}
.index section.about h3 {
  margin-top: 12px;
  margin-bottom: 30px;
}
@media (max-width: 500px) {
  .index section.about h3 {
    margin: 0;
  }
}
.index section.about .goto {
  align-self: flex-start;
  text-align: left;
  margin-top: 20px;
  letter-spacing: 0.28em;
}
@media (max-width: 500px) {
  .index section.about .goto {
    margin-top: 0px;
  }
}
.index section.about .text {
  grid-area: body;
}
.index section.about p {
  line-height: 25.6px;
}
.index section.about figure {
  grid-area: fig;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 500px;
}
@media (max-width: 500px) {
  .index section.about figure {
    max-height: unset;
  }
}
.index section.about figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 501px) {
  .index .carousel {
    margin-top: 24px;
  }
}

section.principles p {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  margin-bottom: 48px;
}
section.principles .row {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 768px) {
  section.principles .row {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
section.principles .basis {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
section.principles .basis .num {
  color: #8C7D55;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 40px;
  font-weight: 300;
  line-height: 62px;
}
section.principles .basis .words {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}

.collection aside {
  grid-area: sidebar-left;
}
.collection aside .controls {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "h1" "category";
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media (max-width: 768px) {
  .collection aside .controls {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "h1" "category";
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 28px;
    /* .category {
    	display: none;
    } */
  }
}
.collection aside h1 {
  grid-area: h1;
  /* margin: 0;

  @media (max-width: 768px) {
  	@include expandable;

  	font-size: 19px;
  	font-weight: 500;
  	line-height: 29px;

  	@include border;
  } */
}
@media (min-width: 769px) {
  .collection aside h1 {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .collection aside h1 {
    margin: 0;
  }
}
.collection aside h4 {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 16px 0;
}
.collection .showcase {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
  row-gap: 40px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (max-width: 1280px) {
  .collection .showcase {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .collection .showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .collection .showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 500px) {
  .collection .showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 20px;
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}

.product h1 {
  font-size: 32px;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-weight: 400;
  line-height: 48px;
}
@media (min-width: 501px) {
  .product .carousel {
    margin-top: 24px;
  }
}
.product article {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: auto;
  grid-template-areas: "foto params" "foto conditions" "description description";
  align-items: flex-start;
  -moz-column-gap: 55px;
       column-gap: 55px;
  row-gap: 55px;
}
@media (max-width: 960px) {
  .product article {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (max-width: 768px) {
  .product article {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (max-width: 500px) {
  .product article {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "foto" "params" "description" "conditions";
  }
}
.product article .foto {
  grid-area: foto;
  display: inline-grid;
  grid-template-rows: auto;
  grid-template-columns: 20% 80%;
  grid-template-areas: "preview full";
  aspect-ratio: 5/4;
}
@media (max-width: 960px) {
  .product article .foto {
    grid-template-columns: auto;
    grid-template-areas: "full" "preview";
    aspect-ratio: 4/5;
  }
}
@media (max-width: 768px) {
  .product article .foto {
    flex: 1;
  }
}
.product article .foto #full {
  grid-area: full;
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
}
.product article .foto #full > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0;
  padding: 0;
}
.product article .foto #full .discount {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 2;
  font-size: 20px;
  line-height: 32px;
}
@media (max-width: 500px) {
  .product article .foto #full .discount {
    top: 20px;
    left: 20px;
  }
}
.product article .foto .preview {
  grid-area: preview;
  display: inline-flex;
  flex-direction: column;
  aspect-ratio: 1/4;
  overflow: hidden;
}
@media (max-width: 960px) {
  .product article .foto .preview {
    flex-direction: row;
    aspect-ratio: 4/1;
    padding-top: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.product article .foto .preview > div {
  display: block;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 961px) {
  .product article .foto .preview > div {
    aspect-ratio: 1;
    border-right: 20px solid white;
  }
  .product article .foto .preview > div:not(:last-child) {
    border-bottom: 20px solid white;
  }
}
@media (max-width: 960px) {
  .product article .foto .preview > div {
    max-width: calc((100% - 60px) / 4);
    /* &:not(:last-child) {
    	border-right: 20px solid white;
    } */
  }
}
.product article .foto .preview > div > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0;
  padding: 0;
}
.product article.with-single-foto .foto {
  grid-template-columns: auto;
  grid-template-areas: "full";
  aspect-ratio: 1;
}
.product article .params {
  grid-area: params;
}
@media (max-width: 768px) {
  .product article .params {
    flex: 1;
  }
  .product article .params h1 {
    font-size: 32px;
  }
}
@media (max-width: 500px) {
  .product article .params {
    margin: 32px 0;
  }
  .product article .params h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .product article .params .btn.big {
    height: 46px;
  }
}
.product article .params h1 {
  margin-top: 18px;
  margin-bottom: 24px;
}
.product article .params .cost {
  color: #8C7D55;
  font-family: "Raleway", sans-serif;
  font-size: 32px;
  font-weight: 300;
  margin-top: 48px;
  margin-bottom: 32px;
}
@media (max-width: 500px) {
  .product article .params .cost {
    font-size: 28px;
    margin-top: 24px;
    margin-bottom: 16px;
  }
}
.product article .params .cost .old {
  font-size: 75%;
  text-decoration: line-through;
  color: #AFA488;
  display: inline-block;
  margin-right: 1em;
}
.product article .params .ordering {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: stretch;
  gap: 24px;
}
@media (max-width: 1023px) {
  .product article .params .ordering {
    gap: 12px;
  }
}
.product article .params .ordering .count .btn-group {
  height: 52px;
}
@media (max-width: 1023px) {
  .product article .params .ordering .count .btn-group {
    font-size: 15px;
    height: 48px;
  }
}
.product article .params .ordering .count .btn-group .icon {
  padding-left: 16px;
  padding-right: 16px;
}
.product article .params .ordering .count .btn-group .quantity {
  min-width: 32px;
}
.product article .params .ordering .count {
  display: none;
}
.product article .params .ordering .count.is-add-cart {
  display: block;
}
.product article .params .ordering .is-add-cart + .add {
  display: none;
}
.product article .params .ordering .already {
  display: none;
  color: #8C7D55;
}
.product article .params .ordering .is-add-cart + .added {
  display: block;
}
.product article .conditions {
  grid-area: conditions;
  color: #484848;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}
@media (min-width: 501px) {
  .product article .conditions {
    border-top: 1px solid #D8D8D8;
  }
}
@media (max-width: 500px) {
  .product article .conditions {
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 20px;
  }
}
.product article .conditions h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  padding: 0;
  margin: 16px 0;
}
.product article .conditions p {
  margin: 0;
}
.product article .description {
  grid-area: description;
}
.product article .description .tab-content {
  font-family: "Raleway", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  width: 75%;
}
.product article .description .tab-content.full {
  width: 100%;
}
@media (max-width: 768px) {
  .product article .description .tab-content {
    width: inherit;
  }
}
@media (max-width: 500px) {
  .product article .description .tab-content {
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
  }
}
.product article .description .tab-content dl {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 0;
  line-height: 28px;
  margin-bottom: 55px;
}
.product article .description .tab-content dl dt {
  width: 33%;
  margin: 0;
  box-shadow: inset 0 -1px 0 #D8D8D8;
  padding: 20px 20px 0 0;
  font-family: "Raleway", sans-serif;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: 0;
}
.product article .description .tab-content dl dt:first-child {
  padding-top: 0px;
}
@media (max-width: 500px) {
  .product article .description .tab-content dl dt {
    width: 50%;
  }
}
.product article .description .tab-content dl dt span {
  background-color: white;
}
.product article .description .tab-content dl dt span::after {
  content: " ";
  display: inline-block;
  width: 10px;
  background-color: white;
}
.product article .description .tab-content dl dd {
  width: 67%;
  margin: 0;
  align-self: end;
  padding: 22px 0 0 20px;
  border: 0;
}
.product article .description .tab-content dl dd:first-of-type {
  padding-top: 0px;
}
@media (max-width: 500px) {
  .product article .description .tab-content dl dd {
    width: 50%;
  }
}
.product article .description .reviews {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  justify-content: stretch;
  align-items: stretch;
}
@media (max-width: 500px) {
  .product article .description .reviews {
    grid-template-columns: 1fr;
    grid-row-gap: 28px;
  }
}
.product .variants {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
}
.product .variants .btn {
  padding: 9px 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .product .variants .btn {
    padding: 9px 16px;
  }
}
@media (max-width: 500px) {
  .product .variants .btn {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
  }
}
.product .variants .btn:hover {
  background-color: #82704E !important;
  color: white !important;
}
.product .variants .btn.active {
  color: white !important;
  background-color: #8C7D55 !important;
  border: 0 !important;
}

.en .product article {
  grid-template-areas: "foto params";
}
.en .product article .params h1 {
  margin-top: 0;
}
.en .product article .params ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.en .product article .params ul li {
  margin-bottom: 16px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.en .product article .params ul li strong {
  font-weight: 600;
}

.shopping-cart {
  height: 100%;
  padding: 35px 20px;
  background: white;
  display: flex;
  flex-direction: column;
}
.shopping-cart-header {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.shopping-cart-header .title {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 500px) {
  .shopping-cart-header .title {
    font-size: 20px;
  }
}
.shopping-cart-header .close {
  width: 28px;
  height: 28px;
}
.shopping-cart .cart-footer {
  width: 100%;
  padding-top: 35px;
}
.shopping-cart .cart-footer .total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shopping-cart .cart-footer .total .label {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.shopping-cart .cart-footer .total .cost {
  display: inline-block;
  color: #8C7D55;
  font-size: 20px;
  font-weight: 600;
}
.shopping-cart .cart-footer .add {
  color: #484848;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  /* &[data-reminder="0"] {
  	display: none;
  } */
}
.shopping-cart .cart-footer .add[data-reminder] .reminder {
  font-weight: 600;
}
.shopping-cart .cart-footer .add[data-reminder] .reminder::before {
  content: var(--reminder);
}
.shopping-cart .cart-footer .action {
  text-align: center;
  margin-top: 55px;
}

.items_count {
  color: #484848;
}
.items_count::before {
  content: "(";
}
.items_count::after {
  content: ")";
}

.item_list {
  overflow-y: auto;
  flex: 1 1 100%;
  justify-self: stretch;
}
.item_list .item {
  border-top: 1px solid #D8D8D8;
  padding: 24px 0;
  display: flex;
  gap: 24px;
  text-align: left;
}
.item_list .item figure {
  padding: 0;
  margin: 0;
  width: 94px;
  height: 94px;
}
.item_list .item figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.item_list .item .data {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 28px;
       column-gap: 28px;
  row-gap: 16px;
  min-height: 94px;
}
.item_list .item .data .title {
  flex: 1 1 calc(100% - 28px - 28px);
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
@media (max-width: 500px) {
  .item_list .item .data .title {
    font-size: 15px;
    line-height: 22px;
  }
}
.item_list .item .data .delete {
  flex: 1 1 28px;
  width: 28px;
  height: 28px;
  align-self: flex-start;
}
.item_list .item .data .variants {
  display: inline-flex;
  gap: 16px;
  font-size: 15px;
  font-weight: 400;
  flex: 1;
}
@media (max-width: 500px) {
  .item_list .item .data .variants {
    flex: 1 0 100%;
  }
}
.item_list .item .data .variants span {
  display: inline-block;
}
.item_list .item .data .variants .variant {
  color: #8C7D55;
}
.item_list .item .data .variants .price {
  color: #484848;
}
.item_list .item .data .ordering {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 44px;
  flex: 0 1;
}
@media (max-width: 500px) {
  .item_list .item .data .ordering {
    flex: 1 0 100%;
    gap: 12px;
  }
}
.item_list .item .data .ordering .variant {
  flex: 0 1;
  color: #8C7D55;
  white-space: nowrap;
}
@media (max-width: 500px) {
  .item_list .item .data .ordering .variant {
    font-size: 15px;
  }
}
.item_list .item .data .ordering .count {
  flex: 0 1;
  white-space: nowrap;
  color: #484848;
}
@media (max-width: 500px) {
  .item_list .item .data .ordering .count {
    font-size: 15px;
  }
}
.item_list .item .data .ordering .variant + .count {
  flex: 1;
}
.item_list .item .data .ordering .cost {
  flex: 0 1;
  color: #8C7D55;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}
.item_list .empty-message {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.ordering-panel .promo .title {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 14px;
}
@media screen and (max-width: 500px) {
  .ordering-panel .promo .title {
    font-size: 14px;
  }
}
.ordering-panel .promo .form {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  /* button {
  	padding: 18px!important;
  } */
}
.ordering-panel .promo .form input {
  flex: 1 1 50%;
  border: 0;
}
.ordering-panel .bill {
  border-top: 1px solid white;
  margin-top: 16px;
  padding-top: 32px;
  margin-bottom: 60px;
  font-size: 17px;
  line-height: 26px;
}
@media (max-width: 500px) {
  .ordering-panel .bill {
    font-size: 16px;
  }
}
.ordering-panel .bill .label {
  flex: 1;
  font-weight: 400;
}
.ordering-panel .bill .value {
  font-weight: 500;
  color: #8C7D55;
}
.ordering-panel .bill .discount {
  margin-top: 20px;
}
.ordering-panel .bill .total {
  border-top: 1px solid white;
  margin-top: 32px;
  padding-top: 32px;
}
.ordering-panel .bill .total .label {
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
}
.ordering-panel .bill .total .value {
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
}
.ordering-panel .bill .comment {
  margin-top: 32px;
  color: #484848;
  font-family: Raleway;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}
.ordering-panel .action {
  text-align: center;
}
.ordering-panel .action button {
  height: 52px;
}

.panel .item_list .item .data .ordering,
aside .item_list .item .data .ordering {
  gap: 28px;
  flex: 1;
}

.checkout-cart hgroup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 500px) {
  .checkout-cart hgroup {
    flex-direction: column;
    align-items: start;
    gap: 24px;
    margin-bottom: 30px;
  }
}
.checkout-cart hgroup h1 {
  margin: 0;
}
.checkout-cart hgroup .goto::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.18344L12.8166 13M1 12.8166L12.8166 1' stroke='%238C7D55' stroke-width='1.2'/%3E%3C/svg%3E%0A");
}
.checkout-cart .order {
  position: initial;
  top: unset;
  bottom: unset;
  right: unset;
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 100px;
}
@media screen and (max-width: 1280px) {
  .checkout-cart .order {
    gap: 60px;
  }
}
@media screen and (max-width: 959px) {
  .checkout-cart .order {
    flex-direction: column;
  }
}
.checkout-cart .order .item_list {
  flex: 3;
}
@media screen and (max-width: 1280px) {
  .checkout-cart .order .item_list {
    flex: 2;
  }
}
@media screen and (max-width: 959px) {
  .checkout-cart .order .item_list .item > figure {
    width: 120px;
    height: 120px;
  }
}
.checkout-cart .order .ordering-panel {
  flex: 1;
  background-color: #EAE9E2;
  padding: 40px;
}
@media screen and (max-width: 1280px) {
  .checkout-cart .order .ordering-panel {
    flex: 1;
  }
  .checkout-cart .order .ordering-panel button.btn.big {
    padding: 0 18px;
  }
}
@media screen and (max-width: 500px) {
  .checkout-cart .order .ordering-panel {
    padding: 32px 24px;
  }
}
.checkout-cart .err {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-self: center;
  max-width: 360px;
}
@media screen and (max-width: 768px) {
  .checkout-cart .err {
    text-align: center;
    width: 80%;
  }
}

.order_info .dialog-header > .title {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 30px;
  text-align: left !important;
}
.order_info.shopping-cart {
  position: initial;
  top: unset;
  bottom: unset;
  right: unset;
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 100px;
}
.order_info.shopping-cart .item_list {
  flex: 3;
}
.order_info.shopping-cart .item_list .item figure {
  width: 80px;
  height: 80px;
}
.order_info.shopping-cart .item_list .item .data {
  justify-content: space-around;
  gap: unset;
}
.order_info.shopping-cart .item_list .item .data .title {
  flex: unset;
}
.order_info.shopping-cart .ordering-panel {
  flex: 1;
  background-color: #EAE9E2;
  padding: 40px;
}
@media screen and (max-width: 500px) {
  .order_info.shopping-cart .ordering-panel {
    padding: 32px 24px;
  }
}

@media (min-width: 501px) {
  .checkout-cart .carousel {
    margin-top: 24px;
  }
}

.empty-message {
  display: none;
  margin: 100px 0;
}

.empty .hide-if-empty {
  display: none;
}
.empty .empty-message {
  display: block;
}

.checkout main {
  display: flex;
  -moz-column-gap: 100px;
       column-gap: 100px;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 500px) {
  .checkout main {
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 55px;
    flex-direction: column;
  }
}
.checkout main h1 {
  flex: 1 0 100%;
  margin-bottom: 90px;
}
@media (max-width: 500px) {
  .checkout main h1 {
    margin-bottom: 0px;
  }
}
.checkout main article {
  flex: 3;
}
.checkout main aside {
  flex: 2;
  background-color: #EAE9E2;
}
.checkout section.form-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  padding-left: 78px;
}
.checkout section.form-block hgroup {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout section.form-block hgroup::before {
  content: attr(data-num);
  position: absolute;
  left: -78px;
  bottom: 0;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 40px;
  font-weight: 300;
  color: #8C7D55;
}
.checkout section.form-block hgroup h4 {
  padding: 0;
  margin: 0;
  margin-top: 18px;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
}
.checkout section.form-block hgroup p {
  padding: 0;
  margin: 0;
  margin-top: 18px;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}
.checkout section.form-block hgroup p a {
  text-decoration: underline;
}
@media (max-width: 500px) {
  .checkout section.form-block {
    padding-left: 0px;
  }
  .checkout section.form-block:not(:last-child) {
    margin-bottom: 48px;
  }
  .checkout section.form-block hgroup {
    flex-wrap: wrap;
  }
  .checkout section.form-block hgroup::before {
    position: static;
    display: inline-block;
    flex: 100%;
  }
}
.checkout section.form-block .help {
  display: block;
  margin-top: 8px;
  color: #7E7E7E;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}
.checkout section.form-block .help input[type=text] {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
@media (max-width: 500px) {
  .checkout section.form-block .help {
    font-size: 14px;
  }
}
.checkout section.form-block fieldset {
  display: flex;
  flex-direction: column;
  gap: 18px;
  border: 0;
  margin: 0;
  padding: 0;
}
.checkout section.form-block fieldset label input[type=radio] {
  margin-top: 0px;
}
.checkout section.form-block label {
  flex: unset;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "control title";
  align-items: flex-start;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 0;
}
.checkout section.form-block label.withvalues {
  row-gap: 0px;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  grid-template-rows: auto;
  grid-template-areas: "control title value" "control help value";
}
.checkout section.form-block label input {
  grid-area: control;
}
.checkout section.form-block label input[type=checkbox], .checkout section.form-block label input[type=radio] {
  display: inline-block;
  margin-top: 4px;
}
.checkout section.form-block label .title {
  grid-area: title;
  font-size: 17px;
  line-height: 24px;
}
@media (max-width: 500px) {
  .checkout section.form-block label .title {
    font-size: 15px;
  }
}
.checkout section.form-block label .value {
  grid-area: value;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #8C7D55;
  text-align: right;
}
@media (max-width: 500px) {
  .checkout section.form-block label .value {
    font-size: 16px;
  }
}
.checkout section.form-block:not(:last-child) {
  padding-bottom: 42px;
}
@media (max-width: 500px) {
  .checkout section.form-block:not(:last-child) {
    padding-bottom: 0px;
  }
}
.checkout .shopping-cart {
  padding: 40px;
}
@media screen and (max-width: 500px) {
  .checkout .shopping-cart {
    padding: 32px 24px;
  }
}
.checkout .shopping-cart .item_list .item {
  border-top-color: white;
}
.checkout .shopping-cart .item_list .item .data .ordering .cost {
  font-weight: 400;
}

.confirm main {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}
.confirm main p {
  margin: 0;
  padding: 0;
}
.confirm main .message {
  color: #484848;
  max-width: 400px;
}
.confirm main button.big {
  min-height: 52px;
}
.confirm main figure.samovar {
  width: 202px;
  height: 160px;
  background: var(--samovar) no-repeat center;
}

.cabinet {
  /* original */
}
.cabinet .orders {
  --columns: 5;
  --th1: "Дата";
  --th2: "Номер заказа";
  --th3: "Статус";
  --th4: "Оплата";
  --th5: "Сумма, руб.";
}
.cabinet .discounts {
  --columns: 3;
  --th1: "Дата";
  --th2: "Описание";
  --th3: "Основание";
  --th4: "";
  --th5: "";
}
.cabinet .order {
  --columns: 3;
  --th1: "";
  --th2: "Кол-во";
  --th3: "Стоимость";
  --th4: "";
  --th5: "";
}
.cabinet table.responsive {
  margin-bottom: 100px;
}
.cabinet table.responsive.history {
  --columns: 4;
}
.cabinet table.responsive.bonus {
  --columns: 3;
}
@media (max-width: 768px) {
  .cabinet table.responsive thead {
    display: none;
  }
}
.cabinet table.responsive thead tr,
.cabinet table.responsive tbody tr {
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
}
@media (max-width: 768px) {
  .cabinet table.responsive thead tr,
  .cabinet table.responsive tbody tr {
    grid-template-columns: auto;
    border-bottom: 1px solid #D8D8D8;
  }
}
.cabinet table.responsive thead tr th {
  color: #222;
}
.cabinet table.responsive tbody th,
.cabinet table.responsive tbody td {
  padding: 24px 0;
}
@media (max-width: 768px) {
  .cabinet table.responsive tbody th,
  .cabinet table.responsive tbody td {
    width: 100%;
    text-align: right;
    padding: 8px 0;
    position: relative;
    border-bottom: none;
  }
  .cabinet table.responsive tbody th::before,
  .cabinet table.responsive tbody td::before {
    position: absolute;
    left: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 21px;
    text-transform: uppercase;
    color: #222;
  }
  .cabinet table.responsive tbody th:nth-child(1)::before,
  .cabinet table.responsive tbody td:nth-child(1)::before {
    content: var(--th1);
  }
  .cabinet table.responsive tbody th:nth-child(2)::before,
  .cabinet table.responsive tbody td:nth-child(2)::before {
    content: var(--th2);
  }
  .cabinet table.responsive tbody th:nth-child(3)::before,
  .cabinet table.responsive tbody td:nth-child(3)::before {
    content: var(--th3);
  }
  .cabinet table.responsive tbody th:nth-child(4)::before,
  .cabinet table.responsive tbody td:nth-child(4)::before {
    content: var(--th4);
  }
  .cabinet table.responsive tbody th:nth-child(5)::before,
  .cabinet table.responsive tbody td:nth-child(5)::before {
    content: var(--th5);
  }
  .cabinet table.responsive tbody th.item_product,
  .cabinet table.responsive tbody td.item_product {
    text-align: left;
  }
}
.cabinet table.responsive th {
  font-weight: 500;
}
.cabinet table.responsive tr.total {
  border: 0;
}
.cabinet table.responsive tr.total td {
  font-weight: 600;
}
@media (max-width: 768px) {
  .cabinet table.responsive tr.total td.hidden {
    display: none;
  }
}
.cabinet .order2 table thead tr,
.cabinet .order2 table tbody tr {
  grid-template-columns: 4fr 1fr 1fr;
}
@media (max-width: 768px) {
  .cabinet .order2 table thead tr,
  .cabinet .order2 table tbody tr {
    grid-template-columns: auto;
    border-bottom: 1px solid #D8D8D8;
  }
}
.cabinet .order2 table th.item_product::before, .cabinet .order2 table td.item_product::before {
  font-size: 10px;
}
.cabinet .order2 table th.item_product, .cabinet .order2 table td.item_product {
  width: 100%;
}
.cabinet .order2 table th.item_product::before, .cabinet .order2 table td.item_product::before {
  content: "";
}
@media (max-width: 768px) {
  .cabinet .order2 table th.item_product, .cabinet .order2 table td.item_product {
    font-size: 120%;
  }
}
.cabinet .order2 table th.item_cost, .cabinet .order2 table td.item_cost {
  text-align: right;
  padding-right: 0;
}
.cabinet .order2 table .total .item_cost::before {
  content: "" !important;
}
.cabinet dl {
  row-gap: 12px;
}
.cabinet dl dt {
  font-size: 16px;
  font-family: "Raleway", sans-serif;
}
.cabinet dl dd .order-status {
  display: inline-block;
  border-radius: 5px;
  padding: 2px 10px 0px;
  margin-left: 12px;
  background-color: #7E7E7E;
  color: white;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
}
.cabinet dl > dt:not(:nth-child(1)), .cabinet dl > dd:not(:nth-child(2)) {
  border-top: 0px solid #7E7E7E;
  padding-top: 0px;
}

.info main nav.menu.sub {
  display: flex;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 60px;
  gap: 32px;
}
@media screen and (max-width: 500px) {
  .info main nav.menu.sub {
    margin-top: 24px;
    margin-bottom: 24px;
    gap: 0px;
  }
}
.info main nav.menu.sub ul {
  -moz-column-gap: 32px;
       column-gap: 32px;
  margin: 0 auto;
}
@media screen and (max-width: 500px) {
  .info main nav.menu.sub ul {
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
}
.info main nav.menu.sub ul li a {
  font-size: 11px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.2em;
  white-space: nowrap;
  color: #8C7D55;
  text-transform: uppercase;
  border: 1px solid white;
  padding: 15px 24px 15px 24px;
}
@media screen and (max-width: 500px) {
  .info main nav.menu.sub ul li a {
    padding: 12px 20px;
    letter-spacing: 0.2em;
    border: 1px solid #EAE9E2;
    white-space: nowrap;
  }
}
.info main nav.menu.sub ul li a.active {
  border: 1px solid #8C7D55;
}
.info main nav.menu.sub ul li a:hover {
  background-color: #EAE9E2;
  border: 1px solid #EAE9E2;
}
.info main h1 {
  text-align: center;
  margin-left: 14%;
  margin-right: 14%;
}
@media screen and (max-width: 768px) {
  .info main h1 {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 500px) {
  .info main h1 {
    margin: 0 0 18px 0;
  }
}
.info main article {
  line-height: 28px;
  margin: 40px auto 110px;
}
@media screen and (max-width: 500px) {
  .info main article {
    margin: 0;
  }
}
.info main article h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 32px;
  margin-top: 0px;
}
@media screen and (max-width: 500px) {
  .info main article h4 {
    font-size: 19px;
    margin-bottom: 0px;
  }
}
.info main article > ol,
.info main article > ul {
  margin: 32px auto;
  padding: 0 40px;
}
.info main article > ol li,
.info main article > ul li {
  margin-left: 48px;
  padding-left: 12px;
}
.info main article > p {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  margin: 32px auto;
  padding: 0 40px;
}
@media screen and (max-width: 500px) {
  .info main article > p {
    padding: 0;
    margin: 32px auto;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
  }
}
.info main article > p.slogan {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
}
@media screen and (max-width: 500px) {
  .info main article > p.slogan {
    padding-left: 0;
    padding-right: 0;
    font-size: 19px;
    line-height: 28px;
  }
}
.info main article iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.info main article .inset {
  margin: 32px auto;
  padding: 32px 40px;
}
.info main article .inset > p {
  margin: auto;
  padding: auto;
  margin: 32px auto;
}
.info main article .inset > ul {
  padding: 0 32px;
}
@media screen and (max-width: 500px) {
  .info main article .inset {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.info main article .beg {
  background-color: #EAE9E2;
}
.info main article a {
  text-decoration: underline;
}
.info main article .lead {
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  padding: 0 12%;
}
.info main article .lead.narrow {
  padding: 0 25%;
}
@media screen and (max-width: 768px) {
  .info main article .lead.narrow {
    width: 100%;
    padding: 0 6%;
  }
}
@media screen and (max-width: 500px) {
  .info main article .lead {
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    padding: 0;
  }
}
.info main article section.principles {
  position: relative;
  left: -65px;
  right: -65px;
  width: 100%;
  max-width: 1070px;
}
@media screen and (max-width: 768px) {
  .info main article section.principles {
    position: static;
    left: unset;
    right: unset;
    max-width: unset;
  }
  .info main article section.principles .row {
    flex-direction: column;
    align-items: center;
  }
}
.info main article .gallery {
  margin: 32px auto;
}
.info main article .gallery .full {
  margin: 0 auto;
  padding: 0 40px;
  overflow: hidden;
  line-height: 0;
}
@media screen and (max-width: 500px) {
  .info main article .gallery .full {
    padding: 0;
  }
}
.info main article .gallery .full img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.info main article .gallery .thumbnails {
  margin-top: 20px;
}
@media screen and (max-width: 500px) {
  .info main article .gallery .thumbnails {
    margin-top: 12px;
  }
}
.info main article .gallery .thumbnails img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 500px) {
  .info main article .gallery .thumbnails img {
    width: 60px;
    height: 60px;
  }
}
.info main article .gallery .thumbnails .splide:not(.is-overflow).splide__list {
  justify-content: center;
}
.info main article .gallery .thumbnails .splide:not(.is-overflow).splide__slide:last-child {
  margin: 0 !important;
}
.info main article .gallery .thumbnails .splide__slide {
  opacity: 0.6;
  border: none;
}
.info main article .gallery .thumbnails .splide__slide.is-active {
  opacity: 1;
  border: none;
}
.info main article .gallery .thumbnails .splide__list {
  justify-content: center;
}
.info main article .gallery .thumbnails .splide__list > .splide__slide:last-child {
  margin-right: 0 !important;
}
.info main article > figure {
  display: block;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 0 40px;
}
@media screen and (max-width: 500px) {
  .info main article > figure {
    padding: 0;
    margin-bottom: 24px;
  }
}
.info main article > figure.wide {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 500px) {
  .info main article > figure.wide {
    margin-bottom: 40px;
  }
  .info main article > figure.wide img {
    height: 220px;
  }
}
.info main article figure {
  display: block;
}
.info main article figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.info main article figure figcaption {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  color: #484848;
  margin-top: 12px;
}
@media screen and (max-width: 500px) {
  .info main article figure figcaption {
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
  }
}
.info main article figure figcaption.triple {
  padding: 32px 0;
  margin-top: 0px;
  margin-bottom: 60px;
  background-color: #EAE9E2;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.info main article figure figcaption.triple > span {
  display: block;
  text-align: center;
}
@media (max-width: 500px) {
  .info main article figure figcaption.triple {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .info main article figure figcaption.triple br {
    content: "";
  }
  .info main article figure figcaption.triple br:after {
    content: " ";
  }
  .info main article figure figcaption.triple a {
    text-decoration: underline !important;
  }
}
.info main article ul.columns {
  padding: 0 40px;
}
.info main article ul.columns.two {
  -moz-columns: 2;
       columns: 2;
}
@media screen and (max-width: 500px) {
  .info main article ul.columns.two {
    -moz-columns: 1;
         columns: 1;
  }
}
.info main article ul.columns.three {
  -moz-columns: 3;
       columns: 3;
}
@media screen and (max-width: 500px) {
  .info main article ul.columns.three {
    -moz-columns: 1;
         columns: 1;
  }
}
.info main article ul.columns.doc {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.info main article ul.columns.doc > li {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5848 0H3.10845C2.59901 0 2.18555 0.4137 2.18555 0.923439V21.0803C2.18555 21.59 2.59901 22.0037 3.10845 22.0037H17.6829C18.1923 22.0037 18.6058 21.59 18.6058 21.0803V5.77334L12.5848 0Z' fill='%23E2E5E7'/%3E%3Cpath d='M13.459 5.16019L18.6014 10.095V5.77335L17.9664 5.16019H13.459Z' fill='%23CAD1D8'/%3E%3Cpath d='M12.6211 0V4.38818C12.6211 5.15279 13.2413 5.77334 14.0054 5.77334H18.6384L12.6211 0Z' fill='%23B0B7BD'/%3E%3Cpath d='M16.029 18.4651V11.9013C16.029 11.4026 15.6267 11 15.1283 11H2.18555V19.3664H15.1283C15.6267 19.3664 16.029 18.9637 16.029 18.4651Z' fill='%23CAD1D8'/%3E%3Cpath d='M0.90075 10.2871H15.1282C15.6265 10.2871 16.0289 10.6897 16.0289 11.1884V17.7522C16.0289 18.2508 15.6265 18.6535 15.1282 18.6535H0.90075C0.402384 18.6535 0 18.2508 0 17.7522V11.1884C0 10.6897 0.402384 10.2871 0.90075 10.2871Z' fill='%238C7D55'/%3E%3Cpath d='M4.32558 14.8526H3.62787V15.9164C3.62787 16.0678 3.59096 16.1823 3.52082 16.2636C3.37684 16.4151 3.13689 16.4187 2.98553 16.2747C2.98184 16.271 2.97815 16.2673 2.97446 16.2636C2.90432 16.186 2.87109 16.0715 2.87109 15.9201V13.0279C2.87109 12.8617 2.90801 12.7398 2.98553 12.6696C3.06306 12.5994 3.18488 12.5625 3.351 12.5625H4.32558C4.61353 12.5625 4.83502 12.5846 4.99007 12.629C5.13774 12.6696 5.27433 12.7398 5.38876 12.8432C5.49951 12.9429 5.58811 13.0685 5.64348 13.2089C5.70255 13.364 5.73208 13.5265 5.73208 13.6928C5.73208 14.0769 5.61395 14.365 5.37769 14.5608C5.14143 14.7529 4.79073 14.8526 4.32558 14.8526ZM4.141 13.1313H3.62787V14.2801H4.141C4.29236 14.2838 4.44372 14.2653 4.59138 14.2247C4.70213 14.1951 4.79811 14.1286 4.86825 14.04C4.9347 13.9402 4.96792 13.822 4.96423 13.7038C4.97161 13.5561 4.91993 13.4083 4.82026 13.2975C4.70582 13.1867 4.48063 13.1313 4.141 13.1313Z' fill='white'/%3E%3Cpath d='M6.99639 12.5625H7.98574C8.21093 12.5588 8.43242 12.5809 8.65023 12.6363C8.83481 12.6844 9.00831 12.7767 9.15229 12.906C9.5436 13.2421 9.73925 13.7482 9.73925 14.4315C9.73925 14.6384 9.72079 14.8452 9.68019 15.0484C9.64327 15.2257 9.5842 15.3919 9.4993 15.5507C9.41808 15.7022 9.31103 15.8351 9.18551 15.9533C9.08584 16.042 8.97509 16.1159 8.85696 16.1713C8.73514 16.2267 8.60593 16.2673 8.47303 16.2858C8.31798 16.3079 8.16294 16.319 8.00789 16.319H7.01485C6.87457 16.319 6.7712 16.2969 6.70106 16.2562C6.63462 16.2193 6.58293 16.1528 6.56447 16.0789C6.54233 15.9829 6.53125 15.8832 6.53125 15.7834V13.0316C6.53125 12.869 6.56817 12.7508 6.642 12.677C6.71583 12.6031 6.83027 12.5625 6.99639 12.5625ZM7.29172 13.1645V15.7132H7.86392C7.98943 15.7132 8.08911 15.7095 8.15925 15.7022C8.23308 15.6948 8.3106 15.6763 8.38074 15.6504C8.45457 15.6246 8.52102 15.5877 8.58009 15.5359C8.83481 15.3217 8.96032 14.9486 8.96032 14.4241C8.96032 14.0547 8.90495 13.7777 8.7942 13.593C8.68345 13.4083 8.54317 13.2901 8.38074 13.2421C8.18878 13.1867 7.98574 13.1645 7.78639 13.1682L7.29172 13.1645Z' fill='white'/%3E%3Cpath d='M12.8027 13.1461H11.3076V14.1064H12.559C12.6735 14.1064 12.7621 14.1323 12.8175 14.184C12.8765 14.2357 12.9061 14.3133 12.9024 14.3909C12.9061 14.4684 12.8728 14.546 12.8138 14.5977C12.7547 14.6494 12.6698 14.6753 12.5554 14.6753H11.3039V15.9127C11.3039 16.0715 11.267 16.186 11.1968 16.2636C11.0492 16.415 10.8055 16.415 10.6542 16.2673L10.6505 16.2636C10.5804 16.186 10.5434 16.0715 10.5434 15.9164V13.0279C10.5397 12.9355 10.5582 12.8432 10.5914 12.7619C10.621 12.6954 10.6763 12.64 10.7428 12.6105C10.8277 12.5772 10.9163 12.5588 11.0086 12.5624H12.799C12.9208 12.5624 13.0094 12.5883 13.0685 12.6437C13.1276 12.6991 13.1608 12.7767 13.1571 12.8543C13.1608 12.9355 13.1276 13.0131 13.0685 13.0685C13.0131 13.1202 12.9245 13.1461 12.8027 13.1461Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: top 4px left;
  background-repeat: no-repeat;
  padding-left: 30px;
  min-height: 64px;
}
.info main article.narrow {
  max-width: 990px;
  margin-left: 8%;
  margin-right: 8%;
}
.info main article.narrow.super {
  max-width: 800px;
  margin-left: 16%;
  margin-right: 16%;
}
.info main article.narrow.super > * {
  margin-left: 0%;
  margin-right: 0%;
}
.info main article.narrow > * {
  margin-left: 6%;
  margin-right: 6%;
}
@media screen and (max-width: 768px) {
  .info main article.narrow {
    margin-left: 0;
    margin-right: 0;
  }
  .info main article.narrow > * {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 500px) {
  .info main article .diploms {
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
  }
  .info main article .diploms .row {
    gap: 28px;
  }
  .info main article .diploms .row.my-100 {
    margin: 48px 0 !important;
  }
}
@media screen and (min-width: 501px) {
  .info main article .diploms {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
  }
  .info main article .diploms .row .col:first-child {
    padding-right: 100px;
  }
}
.info main article .diploms .date {
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.28em;
  color: #8C7D55;
}
.info main article .diploms .date::before {
  content: "—";
  color: #8C7D55;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  bottom: 1px;
}
.info main article .diploms figure {
  width: 100%;
  margin: 0;
  padding: 0;
}
.info main article .diploms figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.info main article .reviews {
  padding: 0 40px;
}
@media screen and (max-width: 500px) {
  .info main article .reviews {
    padding: 0;
  }
}
.info main article .reviews .review {
  margin-bottom: 64px;
}
@media screen and (max-width: 500px) {
  .info main article .reviews .review {
    margin-bottom: 28px;
  }
}
.info main section.articles {
  margin-top: 0;
  display: block;
}
.info main section.articles .showcase {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 1fr auto;
  row-gap: 40px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (max-width: 1280px) {
  .info main section.articles .showcase {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .info main section.articles .showcase {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .info main section.articles .showcase {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .info main section.articles .showcase {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 24px;
  }
}
.info main .meta {
  font-size: 14px;
  font-weight: 500;
  color: #8C7D55;
  display: flex;
  gap: 10px;
}
@media (min-width: 501px) and (max-width: 768px) {
  .info main .meta {
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  .info main .meta {
    font-size: 13px;
  }
}
.info main .meta .delimiter {
  display: inline-block;
  margin: 0 5px;
}
@media (min-width: 501px) and (max-width: 768px) {
  .info main .meta .delimiter {
    display: none;
  }
}
@media (max-width: 768px) {
  .info main .meta .src {
    display: block;
  }
}
.info main .meta .author {
  text-transform: none !important;
  font-weight: 400;
  letter-spacing: 0 !important;
}
@media (max-width: 768px) {
  .info main .meta .author {
    display: block;
  }
}
.info main .meta a {
  color: #8C7D55;
  text-decoration: underline;
}
.info main h1 + .meta {
  display: block;
  text-align: center;
}
.info main h1 + .meta > span {
  display: inline !important;
}
.info .press .card.article:first-child,
.info .recipes .card.article:first-child {
  grid-column: 1/span 3;
  flex-direction: row;
  justify-content: stretch;
}
@media (max-width: 768px) {
  .info .press .card.article:first-child,
  .info .recipes .card.article:first-child {
    grid-column: 1/span 2;
    flex-direction: row;
    justify-content: stretch;
  }
}
@media (max-width: 500px) {
  .info .press .card.article:first-child,
  .info .recipes .card.article:first-child {
    grid-column: 1;
    flex-direction: column;
    justify-content: stretch;
  }
}
.info .press .card.article:first-child .wrapper,
.info .recipes .card.article:first-child .wrapper {
  background-color: #EAE9E2;
}
@media (min-width: 501px) {
  .info .press .card.article:first-child .wrapper,
  .info .recipes .card.article:first-child .wrapper {
    width: 50%;
    padding: 40px;
    justify-content: space-around;
  }
}
@media (min-width: 1025px) {
  .info .press .card.article:first-child .wrapper,
  .info .recipes .card.article:first-child .wrapper {
    width: 50%;
    padding: 5% 7%;
    justify-content: space-around;
  }
}
.info .press .card.article:first-child .wrapper .info.flexible,
.info .recipes .card.article:first-child .wrapper .info.flexible {
  flex: 0;
  row-gap: 14px;
}
.info .press .card.article:first-child .wrapper .info.flexible .title,
.info .recipes .card.article:first-child .wrapper .info.flexible .title {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 500px) {
  .info .press .card.article:first-child .wrapper .info.flexible .title,
  .info .recipes .card.article:first-child .wrapper .info.flexible .title {
    font-size: 15px;
    line-height: 21px;
  }
}
.info .press .card.article:first-child .wrapper .info.flexible .brief,
.info .recipes .card.article:first-child .wrapper .info.flexible .brief {
  margin: 0;
  font-size: 17px;
  line-height: 28px;
}
@media (max-width: 500px) {
  .info .press .card.article:first-child .wrapper .info.flexible .brief,
  .info .recipes .card.article:first-child .wrapper .info.flexible .brief {
    font-size: 14px;
    line-height: 21px;
  }
}
.info .press .card.article:first-child .picture,
.info .recipes .card.article:first-child .picture {
  aspect-ratio: unset;
}
@media (min-width: 501px) {
  .info .press .card.article:first-child .picture,
  .info .recipes .card.article:first-child .picture {
    width: 50%;
    min-height: 350px;
    max-height: 500px;
  }
}
.info .press .card.article:first-child .picture img,
.info .recipes .card.article:first-child .picture img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.info .news .card.article:not(:first-child) .meta {
  display: none;
}
.info .press .card.article:not(:first-child) .brief {
  display: none;
}
.info .recipes .card.article .meta {
  display: none;
}
.info table.requisites {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
.info table.requisites th, .info table.requisites td {
  padding: 40px;
  margin: 0;
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 500px) {
  .info table.requisites {
    border: 0;
    border-collapse: collapse;
  }
  .info table.requisites tr {
    display: flex;
    flex-wrap: wrap;
  }
  .info table.requisites tr:not(:first-child) {
    margin-top: 12px;
  }
  .info table.requisites tr th {
    flex: 1 0 100%;
    padding: 18px 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    border: 1px solid white;
  }
  .info table.requisites tr td {
    flex: 1;
    padding: 18px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    border: 1px solid #D8D8D8;
  }
}
.info .azbuka nav.alphabet {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  justify-content: space-between;
  align-items: stretch;
}
.info .azbuka nav.alphabet span {
  display: inline-block;
  text-align: center;
  padding: 15px 24px 15px 24px;
  font-family: "Raleway", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 17px;
  color: #D8D8D8;
}
.info .azbuka nav.alphabet span a {
  text-decoration: none;
  color: #8C7D55;
}
@media screen and (max-width: 1024px) {
  .info .azbuka nav.alphabet span {
    padding: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .info .azbuka nav.alphabet {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .info .azbuka nav.alphabet {
    grid-template-columns: repeat(7, 1fr);
  }
}
.info .azbuka section[data-letter] {
  padding: 55px 42px 55px 180px;
  -moz-column-gap: 60px;
       column-gap: 60px;
  border-bottom: 1px solid #D8D8D8;
  position: relative;
  z-index: 1;
  -moz-column-count: 3;
       column-count: 3;
}
@media screen and (max-width: 1024px) {
  .info .azbuka section[data-letter] {
    -moz-column-count: 2;
         column-count: 2;
    padding-left: 150px;
  }
}
@media screen and (max-width: 500px) {
  .info .azbuka section[data-letter] {
    -moz-column-count: 1;
         column-count: 1;
    padding: 48px 24px;
  }
}
.info .azbuka section[data-letter]::before {
  content: attr(data-letter);
  position: absolute;
  z-index: 2;
  display: block;
  left: 42px;
  font-family: "Noto Serif", sans-serif, -apple-system;
  font-size: 48px;
  font-weight: 300;
  color: #8C7D55;
}
@media screen and (max-width: 500px) {
  .info .azbuka section[data-letter]::before {
    position: static;
    margin-bottom: 24px;
  }
}
.info .azbuka section[data-letter] > a {
  display: block;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  color: #222;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
.info .azbuka section[data-letter] > a:not(:last-child) {
  margin-bottom: 32px;
}
.info .azbuka section[data-letter] > a > span {
  margin-top: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #7E7E7E;
}
.info .azbuka section[data-letter] > a > span:before {
  content: "\a";
  white-space: pre;
}
.info .contacts h1 {
  margin-bottom: 60px;
}
@media screen and (max-width: 500px) {
  .info .contacts h1 {
    margin-bottom: 40px;
  }
}
.info .contacts article h4 {
  margin: 0;
}

.notfound {
  display: flex;
  row-gap: 80px;
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin: 128px 0 150px 0;
}
@media screen and (max-width: 768px) {
  .notfound {
    flex-direction: column-reverse;
  }
}
.notfound .err {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-self: center;
}
.notfound .err h2 {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .notfound .err {
    text-align: center;
    width: 80%;
  }
}
.notfound .pic {
  flex-grow: 2;
}
.notfound .pic img {
  width: 100%;
}/*# sourceMappingURL=style.css.map */