*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Manrope", -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #111111;
  background: #FFFFFF;
  -webkit-tap-highlight-color: transparent;
}
body.is-locked {
  overflow: hidden;
}
img,
svg,
video {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
ul,
ol {
  list-style: none;
}
:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 2px;
  border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
.container {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 640px) {
  .container {
    padding: 0 24px;
  }
}
.container-wide {
  max-width: 1368px;
}
.container-page {
  max-width: 1392px;
}
.container-narrow {
  max-width: 1016px;
}
.container-mid {
  max-width: 1176px;
}
.container-article {
  max-width: 1128px;
}
.container-doc {
  max-width: 1376px;
}
.container-post {
  max-width: 1148px;
}
.section {
  padding: 64px 0;
}
@media (min-width: 640px) {
  .section {
    padding: 80px 0;
  }
}
@media (min-width: 1024px) {
  .section {
    padding: 96px 0;
  }
}
.section-beige {
  background: #F7F3EA;
}
.section-beige .btn-outline:hover {
  background: #FFFFFF;
}
.section-head {
  margin-bottom: 21px;
}
@media (min-width: 1024px) {
  .section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 39px;
  }
}
.section-head-center {
  text-align: center;
}
@media (min-width: 1024px) {
  .section-head-center {
    display: block;
    margin-bottom: 40px;
  }
}
.section-headings {
  min-width: 0;
}
.section-eyebrow {
  margin: 0 0 16px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A8073;
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .section-eyebrow {
    margin-bottom: 11px;
  }
}
.section-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(28px, 3.6vw, 38px);
  line-height: 1.1;
  letter-spacing: -0.005em;
  color: #111111;
}
.section-title-sm {
  font-size: clamp(28px, 2.7vw, 38px);
  line-height: 1.15;
}
.section-subtitle {
  margin: 20px 0 0;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.45;
  color: #514C45;
}
@media (min-width: 1024px) {
  .section-subtitle {
    margin-top: 12px;
  }
}
.section-subtitle-wide {
  max-width: 1000px;
}
.section-subtitle-gifts {
  max-width: 700px;
}
.section-subtitle-muted {
  color: #8A8073;
}
.section-head .section-link {
  display: none;
}
@media (min-width: 1024px) {
  .section-head .section-link {
    display: inline-flex;
    flex: none;
    padding-bottom: 2px;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 28px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn svg {
  flex: none;
}
.btn-light {
  background: #FFFFFF;
  color: #111111;
}
.btn-light:hover {
  background: #F7F3EA;
}
.btn-outline {
  background: transparent;
  color: #111111;
  border: 1px solid #111111;
}
.btn-outline:hover {
  background: #F7F3EA;
}
.btn-outline:disabled,
.btn-outline.is-disabled {
  border-color: #D8D0C3;
  background: #FFFFFF;
  color: #8A8073;
}
.btn-dark {
  background: #111111;
  color: #FFFFFF;
}
.btn-dark:hover {
  background: #2A2724;
}
.btn-dark:disabled,
.btn-dark.is-disabled {
  background: #D8D0C3;
  color: #FFFFFF;
}
.btn:disabled,
.btn.is-disabled {
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
.btn.is-disabled {
  pointer-events: none;
}
.section-more {
  display: flex;
  width: 100%;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .section-more {
    display: none;
  }
}
.card {
  background: #FFFFFF;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
}
.pill {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  max-width: calc(100% - 60px);
  padding: 5px 12px;
  border-radius: 999px;
  background: #FFFFFF;
  color: #111111;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pill-dark {
  background: #111111;
  color: #FFFFFF;
  letter-spacing: 0;
  text-transform: none;
  font-size: 12px;
}
.stars {
  display: flex;
  gap: 3px;
  margin: 0;
  color: #A98A4B;
}
.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #111111;
  transition: gap 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.link-arrow svg {
  flex: none;
}
.link-arrow:hover {
  gap: 14px;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .only-sm {
    display: none;
  }
}
.only-lg {
  display: none;
}
@media (min-width: 1024px) {
  .only-lg {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .only-sm-block {
    display: none;
  }
}
.only-lg-block {
  display: none;
}
@media (min-width: 1024px) {
  .only-lg-block {
    display: block;
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.header {
  position: sticky;
  top: 0;
  z-index: 50;
  margin-bottom: 4px;
  background: #FFFFFF;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header::before {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 6;
  height: 4px;
  background: url("../img/ui/divider-zigzag.svg") repeat-x left top;
}
.header.is-stuck {
  box-shadow: 0 6px 24px rgba(17, 17, 17, 0.06);
}
.header-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
}
@media (min-width: 1024px) {
  .header-inner {
    min-height: 80px;
    gap: 24px;
  }
}
.header-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  flex: none;
}
.header-logo img {
  width: 116px;
  height: auto;
}
@media (min-width: 1024px) {
  .header-logo {
    position: static;
    transform: none;
  }
  .header-logo img {
    width: 144px;
  }
}
.burger {
  position: relative;
  flex: none;
  width: 40px;
  height: 40px;
  margin-left: -8px;
}
@media (min-width: 1024px) {
  .burger {
    display: none;
  }
}
.burger-box,
.burger-box::before,
.burger-box::after {
  position: absolute;
  left: 50%;
  width: 22px;
  height: 2px;
  background: #111111;
  border-radius: 2px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.burger-box {
  top: 50%;
  transform: translate(-50%, -50%);
}
.burger-box::before,
.burger-box::after {
  content: '';
  left: 0;
}
.burger-box::before {
  top: -7px;
}
.burger-box::after {
  top: 7px;
}
.burger.is-active .burger-box {
  background: transparent;
}
.burger.is-active .burger-box::before {
  transform: translateY(7px) rotate(45deg);
}
.burger.is-active .burger-box::after {
  transform: translateY(-7px) rotate(-45deg);
}
@media (max-width: 1023.98px) {
  .header-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    width: min(390px, 100vw);
    height: 100dvh;
    padding: 0 16px 32px;
    background: #FFFFFF;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .header-nav.is-open {
    transform: translateX(0);
  }
}
@media (min-width: 1024px) {
  .header-nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
  }
}
.header-nav-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: none;
  min-height: 52px;
}
@media (min-width: 1024px) {
  .header-nav-top {
    display: none;
  }
}
.header-nav-logo img {
  width: 116px;
  height: auto;
}
.header-nav-close {
  position: relative;
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: -10px;
}
.header-nav-close::before,
.header-nav-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 1.5px;
  margin: -1px 0 0 -9px;
  background: #111111;
  border-radius: 2px;
}
.header-nav-close::before {
  transform: rotate(45deg);
}
.header-nav-close::after {
  transform: rotate(-45deg);
}
.header-search {
  position: relative;
  flex: none;
  margin-top: 18px;
}
@media (min-width: 1024px) {
  .header-search {
    display: none;
  }
}
.header-search-ico {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  color: #111111;
  pointer-events: none;
}
.header-search-input {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 16px 0 42px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  font: inherit;
  font-size: 15px;
  color: #111111;
  outline: none;
  appearance: none;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-search-input::placeholder {
  color: #8A8073;
  opacity: 1;
}
.header-search-input:focus {
  border-color: #111111;
}
.header-search-input::-webkit-search-cancel-button {
  appearance: none;
}
.header-nav-list {
  display: flex;
  flex-direction: column;
  flex: none;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .header-nav-list {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .header-nav-list {
    gap: 24px;
  }
}
.header-nav-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 1024px) {
  .header-nav-item {
    flex-wrap: nowrap;
  }
}
.header-nav-item.is-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .header-nav-item.is-desktop {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .header-nav-item.is-mobile {
    display: none;
  }
}
.header-nav-link {
  flex: 1 1 auto;
  min-width: 0;
  padding: 16px 0;
  font-size: 18px;
  line-height: 23px;
  text-align: left;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-nav-link:hover {
  color: #9A7B3F;
}
@media (max-width: 1023.98px) {
  .header-nav-link.is-current {
    font-weight: 600;
    color: #9A7B3F;
  }
}
@media (min-width: 1024px) {
  .header-nav-link {
    position: relative;
    flex: none;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
  }
  .header-nav-link::after {
    content: '';
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: -28px;
    height: 2px;
    background: #9A7B3F;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header-nav-link.is-current {
    color: #9A7B3F;
  }
  .header-nav-link.is-current::after {
    transform: none;
  }
}
@media (min-width: 1280px) {
  .header-nav-link {
    font-size: 15px;
  }
}
.header-nav-item.is-open > .header-nav-link,
.header-nav-item.is-open > .header-nav-toggle {
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .header-nav-item:hover > .header-nav-link,
  .header-nav-item:hover > .header-nav-toggle,
  .header-nav-link.is-current + .header-nav-toggle {
    color: #9A7B3F;
  }
}
@media (min-width: 1024px) {
  .header-nav-item:hover > .header-nav-link::after,
  .header-nav-item.is-open > .header-nav-link::after {
    transform: none;
  }
}
.header-nav-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: -12px;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-nav-toggle svg {
  width: 12px;
  height: 7px;
}
@media (min-width: 1024px) {
  .header-nav-toggle {
    width: 10px;
    height: 16px;
    margin: 0 0 0 6px;
  }
  .header-nav-toggle svg {
    width: 10px;
    height: 6px;
  }
}
.header-nav-item.is-open > .header-nav-toggle {
  transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .has-sub .header-nav-toggle {
    display: none;
  }
}
.header-sub {
  display: none;
  flex: 0 0 100%;
  min-width: 0;
}
.header-nav-item.is-open > .header-sub {
  display: block;
}
.header-sub-list {
  padding: 0 0 12px;
}
.header-sub-list a {
  display: block;
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.4;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-sub-list a:hover {
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .header-menu {
    position: absolute;
    top: 100%;
    left: 24px;
    z-index: 5;
    display: block;
    width: 1040px;
    max-width: calc(100% - 24px * 2);
    border-radius: 0 0 8px 8px;
    background: #FFFFFF;
    box-shadow: 0 16px 40px rgba(17, 17, 17, 0.1);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s;
  }
}
@media (min-width: 1024px) {
  .header-nav-item.is-open > .header-menu {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}
@media (min-width: 1024px) {
  .header-menu-cols {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 32px 22px 24px 52px;
  }
}
.header-menu-col {
  min-width: 0;
}
.header-menu-col + .header-menu-col {
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .header-menu-col + .header-menu-col {
    margin-top: 0;
  }
}
.header-menu-label {
  margin: 0;
  padding: 6px 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .header-menu-label {
    padding: 0;
    margin-bottom: 16px;
    font-size: 12px;
  }
}
.header-menu-list {
  padding-bottom: 4px;
}
.header-menu-list a {
  display: block;
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.4;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-menu-list a:hover {
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .header-menu-list {
    padding-bottom: 0;
  }
  .header-menu-list a {
    padding: 7px 0;
    line-height: 1.5;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header-menu-list a:hover {
    transform: translateX(4px);
  }
}
.header-menu-foot {
  display: none;
}
@media (min-width: 1024px) {
  .header-menu-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    min-height: 82px;
    padding: 18px 32px;
    background: #F7F3EA;
  }
}
.header-menu-foot-text {
  max-width: 500px;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #111111;
}
.header-menu-foot .btn {
  flex: none;
  min-height: 44px;
  padding: 10px 24px;
  border-radius: 6px;
  font-size: 15px;
}
.header-nav-account {
  flex: none;
  margin: 16px -16px 0;
  padding: 8px 16px;
  background: #F7F3EA;
}
.header-nav-account a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  font-size: 16px;
  line-height: 1.3;
  color: #111111;
}
.header-nav-account .icon {
  flex: none;
  width: 20px;
  height: 20px;
}
@media (min-width: 1024px) {
  .header-nav-account {
    display: none;
  }
}
.header-nav-count {
  margin-left: auto;
  font-size: 14px;
  color: #8A8073;
}
.header-nav-foot {
  flex: none;
  margin-top: 24px;
  font-size: 15px;
  line-height: 23px;
  color: #111111;
}
.header-nav-foot p {
  margin: 0;
}
@media (min-width: 1024px) {
  .header-nav-foot {
    display: none;
  }
}
.header-nav-phone {
  font-weight: 700;
}
.header-nav-help {
  display: inline-block;
  font-weight: 700;
}
.header-side {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
@media (min-width: 1024px) {
  .header-side {
    gap: 16px;
  }
}
.header-phone {
  display: none;
}
@media (min-width: 1280px) {
  .header-phone {
    display: block;
    flex: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header-phone:hover {
    color: #9A7B3F;
  }
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 2px;
}
@media (min-width: 1024px) {
  .header-actions {
    gap: 4px;
  }
}
.header-actions-item-wide {
  display: none;
}
@media (min-width: 1024px) {
  .header-actions-item-wide {
    display: block;
  }
}
.icon-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #111111;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.icon-btn .icon {
  width: 40px;
  height: 40px;
}
.icon-btn:hover {
  background: #F7F3EA;
  color: #9A7B3F;
}
.icon-btn[aria-current="page"] {
  color: #9A7B3F;
}
@supports (mask-size: contain) or (-webkit-mask-size: contain) {
  .icon-btn .icon {
    background: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .icon-btn .icon-search {
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M27.5%2027.5L23.8833%2023.8833%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M19.1667%2025.8333C22.8486%2025.8333%2025.8333%2022.8486%2025.8333%2019.1667C25.8333%2015.4848%2022.8486%2012.5%2019.1667%2012.5C15.4848%2012.5%2012.5%2015.4848%2012.5%2019.1667C12.5%2022.8486%2015.4848%2025.8333%2019.1667%2025.8333Z%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M27.5%2027.5L23.8833%2023.8833%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M19.1667%2025.8333C22.8486%2025.8333%2025.8333%2022.8486%2025.8333%2019.1667C25.8333%2015.4848%2022.8486%2012.5%2019.1667%2012.5C15.4848%2012.5%2012.5%2015.4848%2012.5%2019.1667C12.5%2022.8486%2015.4848%2025.8333%2019.1667%2025.8333Z%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
  .icon-btn .icon-user {
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M25.8333%2027.5V25.8333C25.8333%2024.9493%2025.4821%2024.1014%2024.857%2023.4763C24.2319%2022.8512%2023.384%2022.5%2022.5%2022.5H17.5C16.6159%2022.5%2015.7681%2022.8512%2015.1429%2023.4763C14.5178%2024.1014%2014.1666%2024.9493%2014.1666%2025.8333V27.5%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M20%2019.1667C21.8409%2019.1667%2023.3333%2017.6743%2023.3333%2015.8333C23.3333%2013.9924%2021.8409%2012.5%2020%2012.5C18.159%2012.5%2016.6666%2013.9924%2016.6666%2015.8333C16.6666%2017.6743%2018.159%2019.1667%2020%2019.1667Z%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M25.8333%2027.5V25.8333C25.8333%2024.9493%2025.4821%2024.1014%2024.857%2023.4763C24.2319%2022.8512%2023.384%2022.5%2022.5%2022.5H17.5C16.6159%2022.5%2015.7681%2022.8512%2015.1429%2023.4763C14.5178%2024.1014%2014.1666%2024.9493%2014.1666%2025.8333V27.5%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M20%2019.1667C21.8409%2019.1667%2023.3333%2017.6743%2023.3333%2015.8333C23.3333%2013.9924%2021.8409%2012.5%2020%2012.5C18.159%2012.5%2016.6666%2013.9924%2016.6666%2015.8333C16.6666%2017.6743%2018.159%2019.1667%2020%2019.1667Z%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
  .icon-btn .icon-heart {
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M25.8333%2021.6667C27.075%2020.45%2028.3333%2018.9917%2028.3333%2017.0833C28.3333%2015.8678%2027.8504%2014.702%2026.9909%2013.8424C26.1313%2012.9829%2024.9655%2012.5%2023.75%2012.5C22.2833%2012.5%2021.25%2012.9167%2020%2014.1667C18.75%2012.9167%2017.7166%2012.5%2016.25%2012.5C15.0344%2012.5%2013.8686%2012.9829%2013.0091%2013.8424C12.1495%2014.702%2011.6666%2015.8678%2011.6666%2017.0833C11.6666%2019%2012.9166%2020.4583%2014.1666%2021.6667L20%2027.5L25.8333%2021.6667Z%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M25.8333%2021.6667C27.075%2020.45%2028.3333%2018.9917%2028.3333%2017.0833C28.3333%2015.8678%2027.8504%2014.702%2026.9909%2013.8424C26.1313%2012.9829%2024.9655%2012.5%2023.75%2012.5C22.2833%2012.5%2021.25%2012.9167%2020%2014.1667C18.75%2012.9167%2017.7166%2012.5%2016.25%2012.5C15.0344%2012.5%2013.8686%2012.9829%2013.0091%2013.8424C12.1495%2014.702%2011.6666%2015.8678%2011.6666%2017.0833C11.6666%2019%2012.9166%2020.4583%2014.1666%2021.6667L20%2027.5L25.8333%2021.6667Z%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.41667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
  .icon-btn .icon-cart {
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.8333%2014.5558C12.617%2014.8443%2012.5%2015.1952%2012.5%2015.5558V26.6667C12.5%2027.1087%2012.6756%2027.5326%2012.9882%2027.8452C13.3007%2028.1577%2013.7246%2028.3333%2014.1667%2028.3333H25.8333C26.2754%2028.3333%2026.6993%2028.1577%2027.0118%2027.8452C27.3244%2027.5326%2027.5%2027.1087%2027.5%2026.6667V15.5558C27.5%2015.1952%2027.383%2014.8443%2027.1667%2014.5558L25.5%2012.3333C25.3448%2012.1263%2025.1434%2011.9583%2024.912%2011.8426C24.6806%2011.7269%2024.4254%2011.6667%2024.1667%2011.6667H15.8333C15.5746%2011.6667%2015.3194%2011.7269%2015.088%2011.8426C14.8566%2011.9583%2014.6552%2012.1263%2014.5%2012.3333L12.8333%2014.5558Z%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.42%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12.5%2015H27.5%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.42%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M23.3333%2018.3333C23.3333%2019.2174%2022.9821%2020.0652%2022.357%2020.6904C21.7319%2021.3155%2020.884%2021.6667%2020%2021.6667C19.1159%2021.6667%2018.2681%2021.3155%2017.6429%2020.6904C17.0178%2020.0652%2016.6666%2019.2174%2016.6666%2018.3333%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.42%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.8333%2014.5558C12.617%2014.8443%2012.5%2015.1952%2012.5%2015.5558V26.6667C12.5%2027.1087%2012.6756%2027.5326%2012.9882%2027.8452C13.3007%2028.1577%2013.7246%2028.3333%2014.1667%2028.3333H25.8333C26.2754%2028.3333%2026.6993%2028.1577%2027.0118%2027.8452C27.3244%2027.5326%2027.5%2027.1087%2027.5%2026.6667V15.5558C27.5%2015.1952%2027.383%2014.8443%2027.1667%2014.5558L25.5%2012.3333C25.3448%2012.1263%2025.1434%2011.9583%2024.912%2011.8426C24.6806%2011.7269%2024.4254%2011.6667%2024.1667%2011.6667H15.8333C15.5746%2011.6667%2015.3194%2011.7269%2015.088%2011.8426C14.8566%2011.9583%2014.6552%2012.1263%2014.5%2012.3333L12.8333%2014.5558Z%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.42%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12.5%2015H27.5%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.42%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M23.3333%2018.3333C23.3333%2019.2174%2022.9821%2020.0652%2022.357%2020.6904C21.7319%2021.3155%2020.884%2021.6667%2020%2021.6667C19.1159%2021.6667%2018.2681%2021.3155%2017.6429%2020.6904C17.0178%2020.0652%2016.6666%2019.2174%2016.6666%2018.3333%22%20stroke%3D%22%23111111%22%20stroke-width%3D%221.42%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
}
.icon-btn-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #111111;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}
.icon {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-search {
  background-image: url("../img/header/icn-search.svg");
}
.icon-user {
  background-image: url("../img/header/icn-user.svg");
}
.icon-heart {
  background-image: url("../img/header/icn-heart.svg");
}
.icon-cart {
  background-image: url("../img/header/icn-cart.svg");
}
.nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 55;
  background: rgba(17, 17, 17, 0.45);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-backdrop.is-visible {
  opacity: 1;
}
@media (min-width: 1024px) {
  .nav-backdrop {
    display: none;
  }
}
.site-search {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: rgba(17, 17, 17, 0);
  pointer-events: none;
  transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.site-search[hidden] {
  display: none;
}
.site-search.is-open {
  background: rgba(17, 17, 17, 0.4);
  pointer-events: auto;
}
.site-search-bar {
  border-bottom: 1px solid #E7E0D5;
  background: #FFFFFF;
  opacity: 0.4;
  transform: translateY(-16px);
  transition: opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1), transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.site-search.is-open .site-search-bar {
  opacity: 1;
  transform: none;
}
.site-search-row {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 8px 16px;
}
@media (min-width: 1024px) {
  .site-search-row {
    gap: 16px;
    padding: 22px 48px;
  }
}
.site-search-ico {
  flex: none;
  width: 22px;
  height: 22px;
  color: #8A8073;
}
.site-search-input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 20px;
  line-height: 1.3;
  color: #111111;
  outline: none;
  appearance: none;
}
.site-search-input::placeholder {
  color: #D8D0C3;
  opacity: 1;
}
.site-search-input:focus-visible {
  outline: none;
}
.site-search-input::-webkit-search-cancel-button {
  appearance: none;
}
@media (min-width: 1024px) {
  .site-search-input {
    font-size: 26px;
  }
}
.site-search-close {
  flex: none;
}
.site-search-close svg {
  width: 22px;
  height: 22px;
}
.footer {
  padding-top: 48px;
  background: #39342D;
  color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 1024px) {
  .footer {
    padding-top: 64px;
  }
}
.footer :focus-visible {
  outline-color: #FFFFFF;
}
.footer-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 16px;
  padding-bottom: 36px;
}
@media (min-width: 640px) {
  .footer-top {
    gap: 36px 24px;
  }
}
@media (min-width: 1024px) {
  .footer-top {
    grid-template-columns: 1.5fr 1fr 0.85fr 0.8fr 1.2fr;
    gap: 24px;
    padding-bottom: 36px;
  }
}
.footer-brand {
  grid-column: 1 / -1;
}
@media (min-width: 1024px) {
  .footer-brand {
    grid-column: auto;
  }
}
.footer-logo {
  width: 144px;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
.footer-tagline {
  margin: 16px 0 0;
  max-width: 34ch;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.58);
}
.footer-social {
  display: flex;
  gap: 8px;
  margin-top: 13px;
}
.social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.85);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.social:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}
.footer-title {
  margin: 0 0 11px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.footer-list li {
  font-size: 13.5px;
  line-height: 1.3;
}
.footer-list li + li {
  margin-top: 12px;
}
.footer-list a {
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer-list a:hover {
  color: #FFFFFF;
}
.footer-subscribe {
  grid-column: 1 / -1;
}
@media (min-width: 1024px) {
  .footer-subscribe {
    grid-column: auto;
  }
}
.footer-note {
  margin: 0 0 12px;
  max-width: 36ch;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.58);
}
.subscribe {
  display: flex;
  gap: 8px;
  max-width: 360px;
}
.subscribe-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 0 16px;
  border: 0;
  border-radius: 4px;
  background: #FFFFFF;
  color: #111111;
  font: inherit;
  font-size: 15px;
}
.subscribe-input::placeholder {
  color: #8A8073;
}
.subscribe-btn {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background: #FFFFFF;
  color: #111111;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.subscribe-btn:hover {
  background: #F7F3EA;
}
.footer-pay {
  width: 70px;
  height: auto;
  margin-top: 16px;
  opacity: 0.75;
}
.footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
@media (min-width: 640px) {
  .footer-bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 0;
  }
}
.footer-copy {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.5);
}
.footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}
.footer-legal a {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer-legal a:hover {
  color: #FFFFFF;
}
.hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 400px;
  padding: 48px 0 25px;
  overflow: hidden;
  color: #FFFFFF;
  background: #111111;
  margin-top: -3px;
}
@media (min-width: 640px) {
  .hero {
    min-height: 520px;
    padding: 64px 0 48px;
  }
}
@media (min-width: 1024px) {
  .hero {
    min-height: 660px;
    padding: 80px 0;
  }
}
.hero :focus-visible {
  outline-color: #FFFFFF;
}
@media (prefers-reduced-motion: reduce) {
  .hero {
    background: #111111 url("../img/banner/poster.jpg") center / cover no-repeat;
  }
}
.hero-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
  .hero-media {
    display: none;
  }
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(17, 17, 17, 0.68) 0%, rgba(17, 17, 17, 0.4) 55%, rgba(17, 17, 17, 0.28) 100%);
}
@media (min-width: 1024px) {
  .hero-overlay {
    background: linear-gradient(to right, rgba(17, 17, 17, 0.72) 0%, rgba(17, 17, 17, 0.44) 40%, rgba(17, 17, 17, 0.06) 76%, rgba(17, 17, 17, 0) 100%), linear-gradient(to top, rgba(17, 17, 17, 0.34) 0%, rgba(17, 17, 17, 0) 45%);
  }
}
.hero-inner {
  position: relative;
  z-index: 1;
}
.hero-eyebrow {
  margin: 0 0 16px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.88);
}
@media (min-width: 1024px) {
  .hero-eyebrow {
    margin-bottom: 16px;
  }
}
.hero-title {
  margin: 0;
  max-width: 15ch;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(34px, 4.6vw, 61px);
  line-height: 1.04;
  letter-spacing: -0.01em;
}
.hero-text {
  margin: 20px 0 0;
  max-width: 700px;
  font-size: 17px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
}
@media (min-width: 1024px) {
  .hero-text {
    margin-top: 18px;
    font-size: 18px;
  }
}
.hero-btn {
  min-height: 52px;
  margin-top: 28px;
  padding: 12px 25px;
  font-size: 15px;
}
@media (min-width: 1024px) {
  .hero-btn {
    min-height: 46px;
    margin-top: 18px;
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .features {
    border-bottom: 1px solid #E7E0D5;
  }
}
.features-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1024px) {
  .features-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 38px 0 40px;
  }
}
.feature {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 19px 0;
}
.feature:nth-child(odd) {
  padding-right: 20px;
}
.feature:nth-child(even) {
  padding-left: 12px;
}
.feature:nth-child(-n + 2) {
  border-bottom: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .feature {
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    padding: 0;
  }
  .feature:nth-child(odd),
  .feature:nth-child(even) {
    padding: 0;
  }
  .feature:nth-child(-n + 2) {
    border-bottom: 0;
  }
}
.feature > picture,
.feature-icon {
  flex: none;
}
.feature-title {
  margin: 0 0 6px;
  font-size: 13.75px;
  font-weight: 500;
  line-height: 1.3;
  color: #111111;
}
@media (min-width: 1024px) {
  .feature-title {
    font-size: 14.5px;
  }
}
.feature-text {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .feature-text {
    font-size: 12.5px;
    line-height: 1.25;
  }
}
.catalog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 1024px) {
  .catalog-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}
.cat-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  aspect-ratio: 3 / 4;
  border-radius: 8px;
  overflow: hidden;
  color: #FFFFFF;
}
.cat-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(17, 17, 17, 0.74) 0%, rgba(17, 17, 17, 0.36) 30%, rgba(17, 17, 17, 0) 62%);
}
.cat-card:hover .cat-card-img {
  transform: scale(1.04);
}
.cat-card-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.cat-card-body {
  position: relative;
  z-index: 1;
  padding: 16px;
}
@media (min-width: 1024px) {
  .cat-card-body {
    padding: 20px;
  }
}
.cat-card-title {
  display: block;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(20px, 2.1vw, 26px);
  line-height: 1.15;
}
.cat-card-text {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.82);
}
@media (min-width: 1024px) {
  .cat-card-text {
    font-size: 12.5px;
  }
}
.catalog-sub {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 16px;
}
@media (min-width: 640px) {
  .catalog-sub {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .catalog-sub {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
  }
}
.sub-card {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 64px;
  padding: 7px 15px 7px 7px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sub-card:hover {
  border-color: #d1c3ae;
  background: #F7F3EA;
}
.sub-card > picture {
  flex: none;
}
.sub-card-img {
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  object-fit: cover;
  background: #F7F3EA;
}
.sub-card-title {
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 1.3;
}
.sub-card-chevron {
  flex: none;
  color: #8A8073;
}
.catalog-more {
  display: flex;
  width: 100%;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .catalog-more {
    display: none;
  }
}
.origin-top {
  display: grid;
  gap: 32px;
}
@media (min-width: 1024px) {
  .origin-top {
    grid-template-columns: 622fr 561fr;
    gap: 57px;
    align-items: start;
  }
}
.origin-photo {
  width: 100%;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  border-radius: 8px;
}
.origin-text .section-eyebrow {
  margin-bottom: 28px;
  font-size: 16px;
  color: #514C45;
}
@media (min-width: 1024px) {
  .origin-text .section-eyebrow {
    margin-bottom: 14px;
    font-size: 17.5px;
  }
}
.origin-lead {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.75;
  color: #514C45;
}
@media (min-width: 1024px) {
  .origin-lead {
    margin-top: 8px;
  }
}
.process {
  display: grid;
  margin: 32px 0 0;
}
@media (min-width: 640px) {
  .process {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .process {
    grid-template-columns: repeat(5, 1fr);
    margin-top: 40px;
  }
}
.process-step {
  position: relative;
  padding: 28px 0;
  border-top: 1px solid #E7E0D5;
}
.process-step:first-child {
  border-top: 0;
  padding-top: 0;
}
@media (min-width: 640px) {
  .process-step {
    padding: 28px 20px;
    border-top: 1px solid #E7E0D5;
  }
  .process-step:first-child {
    padding-top: 28px;
    border-top: 0;
  }
  .process-step:nth-child(2) {
    border-top: 0;
  }
  .process-step:nth-child(odd) {
    padding-left: 0;
  }
  .process-step:nth-child(even) {
    border-left: 1px solid #E7E0D5;
  }
}
@media (min-width: 1024px) {
  .process-step {
    padding: 40px 26px 48px;
    border-top: 0;
  }
  .process-step:first-child,
  .process-step:nth-child(2),
  .process-step:nth-child(odd),
  .process-step:nth-child(even) {
    padding: 40px 26px 48px;
    border-top: 0;
    border-left: 0;
  }
  .process-step + .process-step {
    border-left: 1px solid #E7E0D5;
  }
}
.process-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
}
@media (min-width: 1024px) {
  .process-head {
    flex-direction: row-reverse;
    min-height: 72px;
  }
}
.process-num {
  flex: none;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 16px;
  line-height: 1;
  color: #8A8073;
}
.process-head > picture,
.process-icon {
  flex: none;
}
.process-name {
  margin: 16px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
}
.process-text {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #514C45;
}
.process-arrow {
  display: none;
}
@media (min-width: 1024px) {
  .process-arrow {
    position: absolute;
    top: 62px;
    right: -13px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #E7E0D5;
    color: #8A8073;
  }
}
@media (min-width: 1024px) {
  .masters {
    padding-bottom: 113px;
  }
}
.masters-grid {
  display: grid;
  gap: 32px;
}
@media (min-width: 640px) {
  .masters-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .masters-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.master-photo {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 8px;
}
.master-name {
  margin: 17px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(21px, 2vw, 21px);
  line-height: 1.2;
  color: #111111;
}
.master-meta {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #8A8073;
}
.master-quote {
  margin: 7px 0 0;
  font-size: 14.5px;
  line-height: 1.5;
  color: #111111;
}
@media (min-width: 1024px) {
  .master-quote {
    margin-top: 27px;
  }
}
.products-grid {
  display: grid;
  gap: 32px;
}
@media (min-width: 640px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .products-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.product-media {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 4 / 5;
}
.product-media a {
  display: block;
  height: 100%;
}
.product-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.product:hover .product-img {
  transform: scale(1.035);
}
.product-fav {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-fav svg path {
  transition: fill 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-fav:hover {
  color: #9A7B3F;
}
.product-fav.is-active,
.product-fav[aria-pressed="true"] {
  color: #9A7B3F;
}
.product-fav.is-active svg path,
.product-fav[aria-pressed="true"] svg path {
  fill: currentColor;
}
.product-kind {
  margin: 12px 0 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8073;
}
.product-name {
  margin: 6px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.25;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.product:hover .product-name {
  color: #9A7B3F;
}
.product-meta {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.4;
  color: #8A8073;
}
.product-price {
  margin: 8px 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #111111;
}
.service-grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 640px) {
  .service-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .service-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.service-item {
  padding: 18px;
}
@media (min-width: 1024px) {
  .service-item {
    padding: 24px;
  }
}
.service-icon-slot {
  display: flex;
  align-items: flex-end;
  height: 34px;
  margin-bottom: 16px;
}
.service-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: #111111;
}
.service-text {
  margin: 8px 0 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .docs {
    padding: 80px 0 76px;
  }
}
.docs-grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 640px) {
  .docs-grid {
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .docs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.doc {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
}
@media (min-width: 1024px) {
  .doc {
    padding: 29px 24px;
  }
}
.doc-logo {
  flex: none;
}
.doc-body {
  min-width: 0;
}
.doc-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #111111;
}
.doc-text {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #8A8073;
}
.nmpt {
  display: grid;
  gap: 28px;
  margin-top: 16px;
  padding: 24px;
}
@media (min-width: 640px) {
  .nmpt {
    margin-top: 24px;
    padding: 32px;
  }
}
@media (min-width: 1024px) {
  .nmpt {
    grid-template-columns: minmax(0, 301px) minmax(0, 1fr);
    gap: 57px;
    align-items: center;
    margin-top: 118px;
    padding: 40px;
  }
}
.nmpt-img {
  width: 100%;
  max-width: 301px;
  border-radius: 6px;
}
.nmpt-title {
  margin: 6px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(24px, 2.6vw, 32px);
  line-height: 1.15;
  color: #111111;
}
.nmpt-body p {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: #111111;
}
@media (min-width: 1024px) {
  .about {
    padding: 92px 0;
  }
}
.about-grid {
  display: grid;
  gap: 27px;
}
@media (min-width: 1024px) {
  .about-grid {
    grid-template-columns: 334fr 794fr;
    gap: 112px;
    align-items: start;
  }
}
.about-photo {
  width: 100%;
  aspect-ratio: 167 / 275;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 1023.98px) {
  .about-photo {
    aspect-ratio: 4 / 3;
  }
}
.about-body > p {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
}
.about-body > .section-eyebrow {
  margin: 0 0 18px;
  font-size: 16px;
}
.about-body .section-title {
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .about-body .section-title {
    font-size: 32px;
  }
}
.about-facts {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
@media (min-width: 640px) {
  .about-facts {
    grid-template-columns: repeat(2, 1fr);
  }
}
.fact {
  padding: 21px 20px;
}
.fact-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.2;
  color: #111111;
}
.fact-text {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.4;
  color: #8A8073;
}
.packaging {
  display: grid;
  gap: 32px;
  margin-top: 64px;
}
@media (min-width: 1024px) {
  .packaging {
    grid-template-columns: repeat(2, 1fr);
    gap: 56px;
    align-items: center;
    margin-top: 96px;
  }
}
@media (min-width: 1024px) {
  .packaging-body .section-title {
    max-width: 360px;
  }
}
.packaging-photo {
  width: 100%;
  aspect-ratio: 592 / 408;
  object-fit: cover;
  border-radius: 8px;
}
.packaging-body p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: #111111;
}
@media (min-width: 1024px) {
  .packaging-body p {
    font-size: 17px;
  }
}
.packaging-btn {
  min-height: 46px;
  margin-top: 28px;
  padding: 12px 25px;
  font-size: 14px;
}
.reviews-grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 640px) {
  .reviews-grid {
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .reviews-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.review {
  padding: 24px;
}
.review-text {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #111111;
}
.review-author {
  margin: 18px 0 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.review-meta {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #8A8073;
}
.journal-grid {
  display: grid;
  gap: 32px;
}
@media (min-width: 640px) {
  .journal-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .journal-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.post {
  display: block;
}
.post:hover .post-img {
  transform: scale(1.03);
}
.post:hover .post-title {
  color: #9A7B3F;
}
.post-media {
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
.post-img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.post-kind {
  margin: 16px 0 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8073;
}
.post-title {
  margin: 5px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(19px, 1.8vw, 20px);
  line-height: 1.25;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cta-card {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: 380px;
  border-radius: 12px;
  background: #111111;
  color: #FFFFFF;
}
@media (min-width: 1024px) {
  .cta-card {
    min-height: 435px;
  }
}
.cta-card :focus-visible {
  outline-color: #FFFFFF;
}
.cta-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(17, 17, 17, 0.72) 0%, rgba(17, 17, 17, 0.46) 60%, rgba(17, 17, 17, 0.34) 100%);
}
@media (min-width: 1024px) {
  .cta-overlay {
    background: linear-gradient(to right, rgba(17, 17, 17, 0.76) 0%, rgba(17, 17, 17, 0.52) 42%, rgba(17, 17, 17, 0.1) 78%, rgba(17, 17, 17, 0) 100%);
  }
}
.cta-body {
  position: relative;
  z-index: 1;
  padding: 32px 24px;
}
@media (min-width: 640px) {
  .cta-body {
    padding: 48px 40px;
  }
}
@media (min-width: 1024px) {
  .cta-body {
    max-width: 620px;
    padding: 60px;
  }
}
.cta-eyebrow {
  color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 1024px) {
  .cta-eyebrow {
    font-size: 17.5px;
  }
}
.cta-title {
  margin: 14px 0 0;
  max-width: 13em;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(28px, 3.1vw, 36px);
  line-height: 1.12;
}
.cta-text {
  margin: 20px 0 0;
  max-width: 46ch;
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}
@media (min-width: 1024px) {
  .cta-text {
    max-width: 640px;
  }
}
.cta-body .btn {
  min-height: 44px;
  margin-top: 28px;
  padding: 12px 25px;
  font-size: 14px;
}
.icon-pay-card {
  background-image: url("../img/payment/ico-card.svg");
}
.icon-pay-sbp {
  background-image: url("../img/payment/ico-sbp.svg");
}
.icon-pay-parts {
  background-image: url("../img/payment/ico-parts.svg");
}
.icon-pay-cash {
  background-image: url("../img/payment/ico-cash.svg");
}
.icon-pay-check {
  background-image: url("../img/payment/ico-check.svg");
}
.icon-pay-gift {
  background-image: url("../img/payment/ico-gift.svg");
}
.icon-pay-truck {
  background-image: url("../img/payment/ico-truck.svg");
}
.icon-pay-ruble {
  background-image: url("../img/payment/ico-ruble.svg");
}
.icon-pay-shield {
  background-image: url("../img/payment/ico-shield.svg");
}
.icon-pay-card-broken {
  background-image: url("../img/payment/ico-card-broken.svg");
}
.icon-pay-globe {
  background-image: url("../img/payment/ico-globe.svg");
}
.svc-page {
  padding: 53px 0 56px;
}
@media (min-width: 640px) {
  .svc-page {
    padding: 56px 0 64px;
  }
}
@media (min-width: 1024px) {
  .svc-page {
    padding: 64px 0 64px;
  }
}
.crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #9A7B3F;
}
.crumbs a {
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.crumbs a:hover {
  color: #111111;
}
.crumbs li + li::before {
  content: '/';
  margin-right: 8px;
  color: #8A8073;
}
.crumbs [aria-current="page"] {
  font-weight: 600;
  color: #111111;
}
.svc-eyebrow {
  margin: 21px 0 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.svc-title {
  margin: 17px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(40px, 3.61vw, 52px);
  line-height: 1.06;
  letter-spacing: -0.01em;
  color: #111111;
}
.svc-lead {
  margin: 17px 0 0;
  max-width: 1100px;
  font-size: 18px;
  line-height: 1.5;
  color: #787168;
}
.svc-note {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: #111111;
}
.svc-section-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(32px, 2.7vw, 36px);
  line-height: 1.1;
  color: #111111;
}
.svc-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F3EEE4;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.svc-ico-lg {
  width: 64px;
  height: 64px;
  background: #FFFFFF;
}
.svc-ico-lg .icon {
  width: 52px;
  height: 52px;
}
.svc-ico-lg .icon-dlv-pin {
  width: 27px;
  height: 27px;
}
.svc-ico-wide {
  width: 64px;
  height: 64px;
}
.svc-ico-wide .icon {
  width: 28px;
  height: 28px;
}
.svc-ico-wide .icon-dlv-free {
  width: 24px;
  height: 24px;
}
.svc-methods {
  display: grid;
  gap: 24px;
  margin: 32px 0 0;
}
@media (min-width: 640px) {
  .svc-methods {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .svc-methods {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 39px;
  }
}
.svc-method {
  display: flex;
  gap: 17px;
  padding: 17px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 640px) {
  .svc-method {
    display: block;
    padding: 20px;
  }
}
.svc-method:hover {
  background: #F7F3EA;
  border-color: #ECE6DB;
}
.svc-method:hover .svc-ico {
  background: #FFFFFF;
}
.svc-method-body {
  min-width: 0;
}
.svc-method-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #111111;
}
@media (min-width: 640px) {
  .svc-method-title {
    margin-top: 16px;
    font-family: "Prata", "Times New Roman", Georgia, serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.15;
  }
}
.svc-method-sub {
  display: none;
}
@media (min-width: 640px) {
  .svc-method-sub {
    display: block;
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.4;
    color: #787168;
  }
}
.svc-method-facts {
  margin: 8px 0 0;
  display: grid;
  gap: 4px;
  font-size: 14px;
  line-height: 1.4;
}
@media (min-width: 640px) {
  .svc-method-facts {
    display: none;
  }
}
.svc-method-fact {
  display: flex;
  gap: 8px;
}
.svc-method-fact dt {
  flex: none;
  color: #787168;
}
.svc-method-fact dd {
  min-width: 0;
  margin: 0;
  font-weight: 600;
  color: #9A7B3F;
}
.svc-method-fact dd.is-plain {
  font-weight: 500;
  color: #111111;
}
.svc-method-row {
  display: none;
}
@media (min-width: 640px) {
  .svc-method-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 11px;
    padding-top: 15px;
    border-top: 1px solid #E2DED6;
    font-size: 14px;
    line-height: 1.4;
  }
}
.svc-method-row span:first-child {
  color: #787168;
}
.svc-method-row span:last-child {
  font-weight: 600;
  color: #111111;
}
.svc-method-text {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #787168;
}
@media (min-width: 640px) {
  .svc-method-text {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }
}
.svc-block {
  margin-top: 48px;
}
.svc-details {
  display: grid;
  gap: 24px;
  margin: 24px 0 0;
}
@media (min-width: 1024px) {
  .svc-details {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 48px;
  }
}
.svc-detail {
  padding: 20px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .svc-detail {
    padding: 24px;
  }
}
.svc-detail:hover {
  background: #F7F3EA;
  border-color: #ECE6DB;
}
.svc-detail-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.svc-detail-head .icon {
  display: none;
}
@media (min-width: 1024px) {
  .svc-detail-head .icon {
    display: block;
  }
}
.svc-detail-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  color: #111111;
}
.svc-detail-text {
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.6;
  color: #111111;
}
.svc-detail-list {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #403C37;
}
.svc-detail-list li {
  position: relative;
  padding: 11px 0 10px 16px;
}
.svc-detail-list li::before {
  content: '';
  position: absolute;
  top: 21px;
  left: 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #9A7B3F;
}
@media (min-width: 1024px) {
  .svc-detail-list li + li {
    border-top: 1px solid #E2DED6;
  }
}
.svc-panel {
  display: flex;
  gap: 20px;
  padding: 24px;
  border-radius: 12px;
  background: #F7F3EA;
}
.svc-panel + .svc-panel {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .svc-panel {
    gap: 24px;
    padding: 32px;
  }
}
.svc-panel-body {
  min-width: 0;
  flex: 1 1 auto;
}
.svc-panel-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.7vw, 36px);
  line-height: 1.1;
  color: #111111;
}
.svc-panel-text {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
}
.svc-table {
  margin: 12px 0 0;
  max-width: 508px;
  font-size: 15px;
  line-height: 1.4;
}
.svc-table-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #E2DED6;
}
.svc-table-row dt {
  color: #111111;
}
.svc-table-row dd {
  margin: 0;
  font-weight: 600;
  text-align: right;
  color: #111111;
}
.svc-table-row dd.is-muted {
  color: #787168;
}
.svc-checks {
  margin: 12px 0 0;
  max-width: 508px;
  font-size: 15px;
  line-height: 1.4;
  color: #111111;
}
.svc-checks li {
  position: relative;
  padding: 10px 0 10px 26px;
  border-bottom: 1px solid #E2DED6;
}
.svc-checks li::before {
  content: '✓';
  position: absolute;
  top: 10px;
  left: 0;
  color: #111111;
}
.svc-steps {
  display: grid;
  gap: 24px;
  margin: 24px 0 0;
}
@media (min-width: 640px) {
  .svc-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .svc-steps {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 39px;
  }
}
.svc-step {
  padding: 20px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .svc-step {
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
.svc-step .icon-pay-gift {
  width: 40px;
  height: 40px;
}
.svc-step .icon-pay-truck {
  width: 32px;
  height: 32px;
}
.svc-step-num {
  margin: 14px 0 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.svc-step-title {
  margin: 12px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.svc-step-text {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: #787168;
}
.svc-action {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
.svc-action + .svc-action {
  margin-top: 40px;
}
@media (max-width: 1023.98px) {
  .svc-action {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .svc-action {
    gap: 24px;
    padding: 32px;
  }
}
.svc-action-body {
  min-width: 0;
  flex: 1 1 auto;
}
.svc-action-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(24px, 2.1vw, 28px);
  line-height: 1.15;
  color: #111111;
}
.svc-action-text {
  margin: 12px 0 0;
  max-width: 780px;
  font-size: 15px;
  line-height: 1.6;
  color: #787168;
}
.svc-action .btn {
  flex: none;
  min-height: 46px;
  padding: 12px 24px;
  font-size: 15px;
}
.svc-faq {
  margin: 24px 0 0;
}
@media (min-width: 1024px) {
  .svc-faq {
    margin-top: 42px;
  }
}
.svc-faq-item {
  border-bottom: 1px solid #E2DED6;
}
.svc-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 21px 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #111111;
  cursor: pointer;
  list-style: none;
}
.svc-faq-q::-webkit-details-marker {
  display: none;
}
.svc-faq-q::after {
  content: '';
  flex: none;
  width: 24px;
  height: 24px;
  margin: -2px 0;
  background: url("../img/payment/ico-chevron.svg") no-repeat center / contain;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .svc-faq-q {
    padding: 21px 14px 21px 20px;
  }
}
.svc-faq-item[open] .svc-faq-q::after {
  transform: rotate(180deg);
}
.svc-faq-a {
  margin: 0;
  padding: 0 0 18px;
  max-width: 940px;
  font-size: 15px;
  line-height: 1.6;
  color: #787168;
}
@media (min-width: 1024px) {
  .svc-faq-a {
    padding: 0 20px 18px;
  }
}
.svc-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
}
@media (max-width: 1023.98px) {
  .svc-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .svc-cta {
    gap: 24px;
    padding: 28px;
  }
}
.svc-cta-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  color: #111111;
}
.svc-cta-text {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.6;
  color: #787168;
}
.svc-cta .btn {
  flex: none;
  min-height: 46px;
  padding: 12px 24px;
  font-size: 15px;
}
.shop-page {
  padding: 32px 0 56px;
}
@media (min-width: 640px) {
  .shop-page {
    padding: 36px 0 64px;
  }
}
@media (min-width: 1024px) {
  .shop-page {
    padding: 37px 0 72px;
  }
}
.zigzag {
  height: 5px;
  background: url("../img/ui/zigzag.svg") repeat-x left center;
}
.shop-title {
  margin: 37px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(32px, 3.06vw, 44px);
  line-height: 1.1;
  letter-spacing: -0.005em;
  color: #111111;
}
.shop-lead {
  margin: 21px 0 0;
  font-size: 17px;
  line-height: 1.3;
  color: #787168;
}
.shop-lead-narrow {
  max-width: 890px;
}
.shop-section {
  margin-top: 30px;
}
.shop-section-tight {
  margin-top: 48px;
}
.search-form {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
.search-field {
  position: relative;
  display: block;
  flex: 0 1 448px;
}
.search-field svg {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: #8A8073;
  pointer-events: none;
}
.search-field .input {
  padding-left: 46px;
}
.search-form .btn {
  flex: none;
  min-height: 52px;
  padding: 14px 28px;
  border-radius: 6px;
  font-size: 15px;
}
.shop-section-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.2vw, 30px);
  line-height: 1.1;
  color: #111111;
}
.shop-section-text {
  margin: 22px 0 0;
  max-width: 900px;
  font-size: 15px;
  line-height: 1.5;
  color: #787168;
}
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 13px 0 0;
}
.chip {
  display: inline-flex;
  align-items: center;
  min-height: 33px;
  padding: 6px 17px;
  border: 1px solid #E7E0D5;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.3;
  color: #111111;
  background: #FFFFFF;
  transition: border-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.chip:hover {
  background: #F7F3EA;
}
.chip.is-active {
  background: #111111;
  border-color: #111111;
  color: #FFFFFF;
}
.tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 21px;
  padding: 16px 0;
  border-top: 1px solid #E2DED6;
  border-bottom: 1px solid #E2DED6;
}
@media (max-width: 1023.98px) {
  .tools {
    flex-wrap: wrap;
  }
}
.tools-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 43px;
  padding: 10px 18px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.2;
  background: #FFFFFF;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.tools-btn:hover {
  background: #F7F3EA;
}
.tools-btn svg {
  flex: none;
}
.tools-side {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: auto;
}
.tools-count {
  font-size: 13px;
  line-height: 1.3;
  color: #787168;
}
.prod-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 12px;
  margin: 32px 0 0;
}
@media (min-width: 1024px) {
  .prod-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 72px 12px;
    margin-top: 48px;
  }
}
.prod-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.prod-media {
  position: relative;
  aspect-ratio: 327 / 436;
  overflow: hidden;
  background: #F3EEE4;
}
.prod-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.prod-card:hover .prod-media img {
  transform: scale(1.035);
}
.prod-fav {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.prod-fav:hover {
  color: #9A7B3F;
}
.prod-fav svg {
  width: 18px;
  height: 18px;
}
.prod-fav svg path {
  transition: fill 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.prod-fav.is-active,
.prod-fav[aria-pressed="true"] {
  color: #9A7B3F;
}
.prod-fav.is-active svg path,
.prod-fav[aria-pressed="true"] svg path {
  fill: currentColor;
}
.prod-badges {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: grid;
  justify-items: start;
  gap: 6px;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #111111;
}
.badge svg {
  flex: none;
  width: 13px;
  height: 13px;
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .badge {
    gap: 6px;
    padding: 6px 10px;
    font-size: 10px;
    letter-spacing: 0.04em;
  }
}
.badge-dark {
  background: #111111;
  color: #FFFFFF;
}
.badge-gold {
  color: #9A7B3F;
}
.prod-cat {
  margin: 12px 0 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.prod-name {
  margin: 8px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.prod-card:hover .prod-name {
  color: #9A7B3F;
}
.prod-meta {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #787168;
}
.prod-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 6px 0 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.prod-price-old {
  font-size: 14px;
  font-weight: 400;
  color: #8A8073;
  text-decoration: line-through;
}
.shop-more {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
.shop-more .btn {
  min-height: 52px;
  padding: 14px 32px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-weight: 400;
}
.shop-more .btn:hover {
  border-color: #111111;
  background: #F7F3EA;
}
.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
.pager li {
  display: flex;
}
.pager a,
.pager span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 10px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1;
  color: #111111;
  background: #FFFFFF;
  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.pager a:hover {
  background: #F7F3EA;
}
.pager .is-current {
  background: #111111;
  border-color: #111111;
  color: #FFFFFF;
  font-weight: 700;
}
.pager .is-gap {
  border-color: transparent;
  background: transparent;
  color: #8A8073;
}
.pager .is-disabled {
  color: #D8D0C3;
  pointer-events: none;
}
.seo {
  display: grid;
  gap: 24px;
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid #E2DED6;
}
@media (min-width: 1024px) {
  .seo {
    grid-template-columns: 408px 1fr;
    gap: 48px;
  }
}
.seo-art {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F7F3EA;
}
.seo-art img {
  width: 100%;
  height: auto;
}
.seo-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.2vw, 30px);
  line-height: 1.2;
  color: #111111;
}
.seo-body p {
  margin: 20px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color: #787168;
}
.seo-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  font-size: 15px;
  font-weight: 500;
  color: #111111;
  border-bottom: 1px solid #E7E0D5;
  padding-bottom: 2px;
  transition: gap 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.seo-link:hover {
  gap: 14px;
  border-color: #111111;
}
.seo-link svg {
  flex: none;
}
.cat-grid {
  display: grid;
  gap: 20px;
  margin: 17px 0 0;
}
@media (min-width: 640px) {
  .cat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .cat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.cat-tile {
  display: flex;
  flex-direction: column;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  overflow: hidden;
  background: #FFFFFF;
  transition: box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cat-tile.is-empty {
  background: #F7F3EA;
  border-color: #F7F3EA;
}
.cat-tile:hover {
  border-color: #D8D0C3;
  box-shadow: 0 14px 30px -18px rgba(40, 34, 24, 0.4);
}
.cat-tile-media {
  aspect-ratio: 321 / 320;
  overflow: hidden;
  background: #F3EEE4;
}
.cat-tile-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.cat-tile:hover .cat-tile-media img {
  transform: scale(1.04);
}
.cat-tile-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 321 / 320;
  color: #8A8073;
}
.cat-tile-empty svg {
  width: 34px;
  height: 34px;
}
.cat-tile-body {
  padding: 16px 20px;
}
.cat-tile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cat-tile-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.15;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cat-tile:hover .cat-tile-title {
  color: #9A7B3F;
}
.cat-tile-text {
  display: block;
  margin: 9px 0 0;
  font-size: 14px;
  line-height: 1.36;
  color: #787168;
}
.field {
  display: block;
  min-width: 0;
}
.field-label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.3;
  color: #111111;
}
.input {
  display: block;
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font: inherit;
  font-size: 15px;
  line-height: 1.4;
  color: #111111;
  background: #FFFFFF;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.input::placeholder {
  color: #8A8073;
}
.input:focus {
  outline: none;
  border-color: #111111;
}
.input.is-error {
  border-color: #8A3B2F;
}
.input:user-invalid {
  border-color: #8A3B2F;
}
textarea.input {
  min-height: 88px;
  resize: vertical;
}
.field-error {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: #8A3B2F;
}
.field-error[hidden] {
  display: none;
}
.qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  background: #FFFFFF;
}
.qty.is-locked {
  background: #F7F3EA;
}
.qty button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 40px;
  font-size: 18px;
  line-height: 1;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.qty button:hover {
  color: #9A7B3F;
}
.qty button:disabled {
  color: #D8D0C3;
  cursor: not-allowed;
}
.qty-value {
  min-width: 28px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.stars-row {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #9A7B3F;
}
.stars-row svg {
  width: 15px;
  height: 15px;
}
.icon-dlv-courier {
  background-image: url("../img/delivery/ico-courier.svg");
}
.icon-dlv-post {
  background-image: url("../img/delivery/ico-post.svg");
}
.icon-dlv-pickup {
  background-image: url("../img/delivery/ico-pickup.svg");
}
.icon-dlv-free {
  background-image: url("../img/delivery/ico-free.svg");
}
.icon-dlv-pin {
  background-image: url("../img/delivery/ico-pin.svg");
}
.icon-dlv-doc {
  background-image: url("../img/delivery/ico-doc.svg");
}
.icon-dlv-box {
  background-image: url("../img/delivery/ico-box.svg");
}
@media (min-width: 1024px) {
  .dlv-page {
    padding-top: 52px;
  }
}
.dlv-page .svc-eyebrow {
  margin-top: 19px;
}
.dlv-page .svc-title {
  margin-top: 12px;
}
.dlv-page .svc-lead {
  margin-top: 8px;
}
.dlv-page .svc-note {
  margin-top: 13px;
}
@media (min-width: 1024px) {
  .dlv-page .svc-methods {
    margin-top: 78px;
  }
}
.svc-method-accent {
  background: #F7F3EA;
  border-color: #F7F3EA;
}
.dlv-pack {
  display: grid;
  gap: 24px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .dlv-pack {
    grid-template-columns: 424px 1fr;
    gap: 48px;
    align-items: start;
  }
}
.dlv-pack-media img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.dlv-pack-body {
  min-width: 0;
}
@media (min-width: 1024px) {
  .dlv-pack-body {
    padding-top: 56px;
  }
}
.dlv-flag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 999px;
  background: #F7F3EA;
  font-size: 14px;
  line-height: 1.3;
  color: #111111;
}
.dlv-pack-text {
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color: #787168;
}
.dlv-banner {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  padding: 24px;
  border-radius: 12px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .dlv-banner {
    gap: 24px;
    padding: 32px;
  }
}
.dlv-banner-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(24px, 2.1vw, 28px);
  line-height: 1.15;
  color: #111111;
}
.dlv-banner-text {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color: #111111;
}
.dlv-banner-note {
  margin: 14px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #787168;
}
.dlv-track-note {
  display: block;
  margin-top: 18px;
  padding: 14px 18px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  background: #FFFFFF;
  font-size: 14px;
  line-height: 1.5;
  color: #787168;
}
.icon-pdp-goat {
  background-image: url("../img/product/ico-goat.svg");
}
.icon-pdp-yarn {
  background-image: url("../img/product/ico-yarn.svg");
}
.icon-pdp-knit {
  background-image: url("../img/product/ico-knit.svg");
}
.icon-pdp-house {
  background-image: url("../img/product/ico-house.svg");
}
.icon-pdp-needles {
  background-image: url("../img/product/ico-needles.svg");
}
.pdp-page {
  padding: 24px 0 0;
}
@media (min-width: 1024px) {
  .pdp-page {
    padding: 29px 0 0;
  }
}
.pdp-top {
  display: grid;
  gap: 32px;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .pdp-top {
    grid-template-columns: minmax(0, 836fr) minmax(420px, 452fr);
    gap: 56px;
    margin-top: 20px;
  }
}
.pdp-gallery {
  min-width: 0;
}
.pdp-stage {
  position: relative;
  aspect-ratio: 826 / 1030;
  overflow: hidden;
  background: #F3EEE4;
}
.pdp-stage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pdp-stage-next {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.03);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-stage-next.is-shown {
  opacity: 1;
  transform: none;
}
.pdp-stage-badges {
  position: absolute;
  top: 16px;
  left: 16px;
  display: grid;
  justify-items: start;
  gap: 8px;
}
.pdp-stage-fav {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FFFFFF;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-stage-fav:hover {
  color: #9A7B3F;
}
.pdp-stage-fav svg {
  width: 20px;
  height: 20px;
}
.pdp-stage-fav svg path {
  transition: fill 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-stage-fav.is-active,
.pdp-stage-fav[aria-pressed="true"] {
  color: #9A7B3F;
}
.pdp-stage-fav.is-active svg path,
.pdp-stage-fav[aria-pressed="true"] svg path {
  fill: currentColor;
}
.pdp-thumbs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.pdp-thumb {
  position: relative;
  display: block;
  aspect-ratio: 158 / 200;
  overflow: hidden;
  background: #F3EEE4;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pdp-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  pointer-events: none;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-thumb:hover::after {
  border-color: #D8D0C3;
}
.pdp-thumb.is-active::after {
  border-color: #111111;
}
.pdp-thumb.is-video {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #FFFFFF;
}
.pdp-thumb.is-video:hover {
  background: #2A2724;
}
.pdp-thumb.is-video::after {
  display: none;
}
.pdp-info {
  min-width: 0;
}
.pdp-tags {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pdp-tag {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 6px;
  background: #F3EEE4;
  font-size: 13px;
  line-height: 1.3;
  color: #111111;
}
.pdp-tag-gold {
  background: rgba(154, 123, 63, 0.12);
  color: #9A7B3F;
}
.pdp-art {
  margin-left: auto;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #787168;
}
.pdp-fav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 40px;
  height: 40px;
  border: 1px solid #E7E0D5;
  border-radius: 50%;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-fav:hover {
  background: #F7F3EA;
}
.pdp-fav svg {
  width: 18px;
  height: 18px;
}
.pdp-fav svg path {
  transition: fill 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-fav.is-active,
.pdp-fav[aria-pressed="true"] {
  border-color: #9A7B3F;
  color: #9A7B3F;
}
.pdp-fav.is-active svg path,
.pdp-fav[aria-pressed="true"] svg path {
  fill: currentColor;
}
.pdp-title {
  margin: 12px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(30px, 2.9vw, 40px);
  line-height: 1.1;
  color: #111111;
}
.pdp-rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.3;
}
.pdp-rating-value {
  font-weight: 600;
}
.pdp-rating a {
  color: #787168;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-rating a:hover {
  color: #111111;
}
.pdp-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 16px;
  margin: 23px 0 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  color: #111111;
}
.pdp-price-old {
  font-size: 28px;
  font-weight: 400;
  color: #8A8073;
  text-decoration: line-through;
}
.pdp-price-note {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.3;
  color: #111111;
}
.pdp-price-note b {
  font-weight: 600;
}
.pdp-price-note span {
  color: #9A7B3F;
}
.pdp-split {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.3;
  color: #787168;
}
.pdp-split b {
  font-weight: 600;
  color: #111111;
}
.pdp-split-text {
  min-width: 0;
  flex: 1 1 auto;
}
.pdp-split-mark {
  flex: none;
  padding: 5px 10px;
  border-radius: 4px;
  background: #111111;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
}
.pdp-split-go {
  flex: none;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: 600;
  color: #111111;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.pdp-split-go:hover {
  text-decoration: none;
}
.pdp-split-go:disabled {
  opacity: .5;
  cursor: default;
}
.pdp-last {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 7px 14px;
  border-radius: 999px;
  background: #F3EEE4;
  font-size: 14px;
  line-height: 1.3;
  color: #111111;
}
.pdp-last svg {
  flex: none;
  width: 14px;
  height: 14px;
  color: #9A7B3F;
}
.pdp-specs-label {
  margin: 16px 0 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #787168;
}
.pdp-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
}
.pdp-spec {
  padding: 10px 14px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
}
.pdp-spec dt {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #787168;
}
.pdp-spec dd {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.3;
  color: #111111;
}
.pdp-buy {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}
.pdp-buy .qty {
  flex: none;
  height: 52px;
  padding: 0 4px;
}
.pdp-buy .qty button {
  height: 50px;
}
.pdp-buy .btn {
  flex: 1 1 auto;
  min-height: 52px;
  border-radius: 6px;
  font-size: 15px;
}
.pdp-buy .btn svg {
  width: 18px;
  height: 18px;
}
.pdp-buy .btn-dark:hover {
  box-shadow: 0 8px 20px -8px rgba(40, 34, 24, 0.45);
  transform: translateY(-1px);
}
.pdp-buy .btn-dark:active {
  box-shadow: none;
  transform: none;
}
.pdp-oneclick {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-top: 14px;
  padding: 12px 24px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.2;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-oneclick:hover {
  border-color: #111111;
  background: #F0EADD;
}
.pdp-ask {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.3;
  color: #787168;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-ask svg {
  flex: none;
  width: 16px;
  height: 16px;
}
.pdp-ask:hover {
  color: #111111;
}
.pdp-benefits {
  margin-top: 14px;
  padding: 20px;
  border-radius: 8px;
  background: #F7F3EA;
}
.pdp-benefit {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #111111;
}
.pdp-benefit + .pdp-benefit {
  margin-top: 14px;
}
.pdp-benefit .icon {
  flex: none;
  width: 18px;
  height: 18px;
}
.pdp-knitter {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}
.pdp-knitter > picture {
  flex: none;
}
.pdp-knitter img {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.pdp-knitter-label {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #787168;
}
.pdp-knitter-name {
  margin: 4px 0 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #111111;
}
.pdp-tabs {
  margin-top: 40px;
  background: #F7F3EA;
}
.pdp-tabs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  padding: 20px 0;
  font-size: 15px;
  line-height: 1.3;
}
.pdp-tabs-list a {
  display: block;
  padding-bottom: 8px;
  color: #787168;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-tabs-list a:hover {
  color: #111111;
}
.pdp-tabs-list .is-active {
  font-weight: 600;
  color: #111111;
  border-bottom: 2px solid #111111;
}
.pdp-band {
  padding: 56px 0;
}
.pdp-band-beige {
  background: #F7F3EA;
}
.pdp-band-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.4vw, 32px);
  line-height: 1.15;
  color: #111111;
}
.pdp-band-label {
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #787168;
}
.pdp-band-label-spaced {
  margin-top: 48px;
}
.pdp-band-text {
  margin: 16px 0 0;
  max-width: 860px;
  font-size: 15px;
  line-height: 1.6;
  color: #111111;
}
.pdp-about {
  display: grid;
  gap: 24px;
}
@media (min-width: 1024px) {
  .pdp-about {
    grid-template-columns: minmax(0, 1fr) 428px;
    gap: 72px;
  }
}
.pdp-why {
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
.pdp-why-list {
  margin-top: 16px;
}
.pdp-why-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 0 12px;
}
.pdp-why-item + .pdp-why-item {
  margin-top: 18px;
}
.pdp-why-num {
  grid-row: span 2;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 18px;
  line-height: 1.2;
  color: #9A7B3F;
}
.pdp-why-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.pdp-why-text {
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #787168;
}
.pdp-specs-grid {
  display: grid;
  gap: 32px 24px;
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 640px) {
  .pdp-specs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .pdp-specs-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.pdp-specs-grid dt {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #787168;
}
.pdp-specs-grid dd {
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 1.4;
  color: #111111;
}
.pdp-fibre {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 10px;
  font-size: 14px;
  color: #111111;
}
.pdp-fibre span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pdp-fibre .icon {
  width: 26px;
  height: 26px;
}
.pdp-fibre .icon-pdp-goat {
  width: 31px;
  height: 31px;
}
.pdp-fibre .icon-pdp-yarn {
  width: 36px;
  height: 36px;
}
.pdp-master {
  display: grid;
  gap: 24px;
}
@media (min-width: 1024px) {
  .pdp-master {
    grid-template-columns: 380px minmax(0, 1fr);
    gap: 48px;
    align-items: start;
  }
}
.pdp-master-photo img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.pdp-master-quote {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: #111111;
}
.pdp-master-text {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #787168;
}
.pdp-master-stats {
  display: grid;
  gap: 20px;
  margin-top: 28px;
}
@media (min-width: 640px) {
  .pdp-master-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.pdp-stat {
  font-size: 14px;
  line-height: 1.35;
  color: #787168;
}
.pdp-stat .icon {
  width: 28px;
  height: 28px;
  margin-bottom: 12px;
}
.pdp-stat .icon-pdp-knit {
  width: 35px;
  height: 35px;
}
.pdp-stat .icon-pdp-needles {
  width: 37px;
  height: 37px;
}
.pdp-stat .icon-pdp-house,
.pdp-stat .icon-pay-gift {
  width: 30px;
  height: 30px;
}
.pdp-stat b {
  font-weight: 600;
  color: #111111;
}
.pdp-master-btn {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  margin-top: 24px;
  padding: 12px 24px;
  border: 1px solid #111111;
  border-radius: 6px;
  font-size: 15px;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdp-master-btn:hover {
  background: #F7F3EA;
}
.pdp-gift {
  display: grid;
  gap: 24px;
}
@media (min-width: 1024px) {
  .pdp-gift {
    grid-template-columns: minmax(0, 520fr) minmax(0, 776fr);
    gap: 48px;
    align-items: start;
  }
}
.pdp-gift-photo img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.pdp-gift-items {
  display: grid;
  gap: 20px;
  margin-top: 28px;
}
@media (min-width: 640px) {
  .pdp-gift-items {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.pdp-gift-item {
  text-align: center;
  font-size: 13px;
  line-height: 1.35;
  color: #111111;
}
.pdp-gift-item .svc-ico {
  margin: 0 auto 12px;
}
.pdp-two {
  display: grid;
  gap: 24px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .pdp-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pdp-list-card {
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
.pdp-list-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E2DED6;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #787168;
}
.pdp-list-head .icon {
  flex: none;
  width: 22px;
  height: 22px;
}
.pdp-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid #E2DED6;
}
.pdp-list-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.pdp-list-name {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #111111;
}
.pdp-list-note {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #787168;
}
.pdp-list-price {
  flex: none;
  font-size: 15px;
  font-weight: 600;
  color: #111111;
}
.pdp-docs {
  display: grid;
  gap: 24px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .pdp-docs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pdp-doc {
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  overflow: hidden;
  background: #FFFFFF;
}
.pdp-doc-media {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #FFFFFF;
}
.pdp-doc-media img {
  max-height: 360px;
  width: auto;
}
.pdp-doc-body {
  padding: 20px 24px 24px;
  border-top: 1px solid #E2DED6;
}
.pdp-doc-label {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #787168;
}
.pdp-doc-text {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.45;
  color: #111111;
}
.pdp-marks {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .pdp-marks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.pdp-mark {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
.pdp-mark img {
  flex: none;
  width: auto;
  height: 46px;
}
.pdp-mark-title {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #111111;
}
.pdp-mark-text {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.35;
  color: #787168;
}
.pdp-video {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1328 / 434;
  margin-top: 32px;
  border-radius: 8px;
  background: #F3EEE4;
}
.pdp-play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #111111;
}
.pdp-play svg {
  width: 22px;
  height: 22px;
}
.pdp-reviews {
  display: grid;
  gap: 32px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .pdp-reviews {
    grid-template-columns: 268px minmax(0, 1fr);
    gap: 56px;
  }
}
.pdp-score {
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 56px;
  line-height: 1;
  color: #111111;
}
.pdp-score-of {
  margin: 8px 0 0;
  font-size: 13px;
  color: #787168;
}
.pdp-score-note {
  margin: 10px 0 0;
  font-size: 13px;
  color: #787168;
}
.pdp-bars {
  margin-top: 14px;
}
.pdp-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #787168;
}
.pdp-bar + .pdp-bar {
  margin-top: 8px;
}
.pdp-bar span:first-child {
  width: 10px;
}
.pdp-bar span:last-child {
  width: 16px;
  text-align: right;
}
.pdp-bar-track {
  flex: 1 1 auto;
  height: 4px;
  border-radius: 2px;
  background: #E7E0D5;
  overflow: hidden;
}
.pdp-bar-fill {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: #9A7B3F;
}
.pdp-review {
  padding-bottom: 24px;
  border-bottom: 1px solid #E7E0D5;
}
.pdp-review + .pdp-review {
  margin-top: 24px;
}
.pdp-review-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pdp-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F3EEE4;
  font-size: 14px;
  color: #787168;
}
.pdp-review-name {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #111111;
}
.pdp-review-meta {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.2;
  color: #787168;
}
.pdp-review-head .stars-row {
  margin-left: auto;
}
.pdp-review-text {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #111111;
}
.pdp-review-item {
  margin: 10px 0 0;
  font-size: 13px;
  color: #787168;
}
.pdp-review-ok {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  font-size: 13px;
  color: #787168;
}
.pdp-review-ok svg {
  flex: none;
  width: 14px;
  height: 14px;
}
.pdp-review-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 40px;
}
.pdp-review-btns .btn {
  min-height: 50px;
  padding: 13px 32px;
  border: 1px solid #111111;
  border-radius: 6px;
  font-weight: 400;
}
.pdp-review-btns .btn:hover {
  background: #F7F3EA;
}
.pdp-band-beige .pdp-master-btn:hover,
.pdp-band-beige .pdp-review-btns .btn:hover {
  background: #FFFFFF;
}
.pdp-addons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 12px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .pdp-addons {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.pdp-addon-media {
  aspect-ratio: 327 / 300;
  overflow: hidden;
  background: #F3EEE4;
}
.pdp-addon-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pdp-addon-name {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.3;
  color: #111111;
}
.pdp-addon-note {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #787168;
}
.pdp-addon-price {
  margin: 10px 0 0;
  font-size: 15px;
  font-weight: 600;
  color: #111111;
}
.pdp-care {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 12px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .pdp-care {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.pdp-care-media {
  aspect-ratio: 313 / 380;
  overflow: hidden;
  background: #F3EEE4;
}
.pdp-care-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pdp-care-title {
  margin: 16px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
}
.pdp-care-text {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #787168;
}
.pdp-modal.is-done .modal-title {
  visibility: hidden;
}
.pdp-form {
  display: grid;
  gap: 16px;
}
.pdp-form[hidden] {
  display: none;
}
.pdp-form-submit {
  width: 100%;
  min-height: 52px;
  margin-top: 8px;
  border-radius: 6px;
  font-size: 15px;
}
.pdp-form-note {
  margin: -6px 0 0;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
  color: #8A8073;
}
.pdp-sum {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  background: #F7F3EA;
}
.pdp-sum > picture {
  flex: none;
}
.pdp-sum img {
  flex: none;
  width: 46px;
  height: 56px;
  border-radius: 4px;
  object-fit: cover;
}
.pdp-sum-body {
  min-width: 0;
}
.pdp-sum-name {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.pdp-sum-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 4px 0 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: #111111;
}
.pdp-sum-old {
  font-size: 13px;
  font-weight: 400;
  color: #8A8073;
  text-decoration: line-through;
}
.pdp-done {
  padding-top: 4px;
  text-align: center;
}
.pdp-done-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border-radius: 50%;
  background: #F7F3EA;
  color: #111111;
}
.pdp-done-ico svg {
  width: 26px;
  height: 26px;
}
.pdp-done-title {
  margin: 16px 0 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #111111;
}
.pdp-done-text {
  margin: 8px 0 0;
}
.pdp-done-btn {
  width: 100%;
  min-height: 52px;
  margin-top: 24px;
  border-radius: 6px;
  font-size: 15px;
}
.co-page {
  padding: 40px 0 64px;
}
@media (min-width: 1024px) {
  .co-page {
    padding: 69px 0 80px;
  }
}
.co-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(30px, 2.6vw, 36px);
  line-height: 1.1;
  color: #111111;
}
.co-lead {
  margin: 19px 0 0;
  font-size: 16px;
  line-height: 1.4;
  color: #787168;
}
.co-grid {
  display: grid;
  gap: 24px;
  margin-top: 33px;
}
@media (min-width: 1024px) {
  .co-grid {
    grid-template-columns: minmax(0, 688fr) minmax(340px, 400fr);
    gap: 40px;
    align-items: start;
  }
}
.co-main {
  display: grid;
  gap: 24px;
  min-width: 0;
}
.co-card {
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .co-card {
    padding: 28px;
  }
}
.co-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E2DED6;
}
.co-step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #F3EEE4;
  font-size: 13px;
  line-height: 1;
  color: #787168;
}
.co-card-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  color: #111111;
}
.co-item {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #E2DED6;
}
.co-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.co-item-media {
  aspect-ratio: 96 / 122;
  overflow: hidden;
  background: #F3EEE4;
}
.co-item-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.co-item-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.co-item-cat {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.co-item-name {
  margin: 6px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #111111;
}
.co-item-art {
  margin: 6px 0 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #787168;
}
.co-item-remove {
  flex: none;
  font-size: 14px;
  color: #787168;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.co-item-remove:hover {
  color: #111111;
}
.co-item-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
}
.co-item-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 17px;
  font-weight: 600;
  color: #111111;
}
.co-item-old {
  font-size: 14px;
  font-weight: 400;
  color: #8A8073;
  text-decoration: line-through;
}
.co-item-sum {
  font-size: 17px;
  font-weight: 600;
  color: #111111;
}
.co-item-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
.co-fields {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  .co-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 640px) {
  .co-field-wide {
    grid-column: 1 / -1;
  }
}
.co-note {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #787168;
}
.co-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.4;
  color: #111111;
  cursor: pointer;
}
.co-check input {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #111111;
}
.co-check-note {
  color: #787168;
}
.co-options {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}
.co-option {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  cursor: pointer;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.co-option:hover {
  background: #F7F3EA;
}
.co-option:has(input:checked) {
  border-color: #111111;
  background: #F7F3EA;
}
.co-option input {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #111111;
}
.co-option-body {
  min-width: 0;
  flex: 1 1 auto;
}
.co-option-name {
  display: block;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #111111;
}
.co-option-note {
  display: block;
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #787168;
}
.co-option-note.is-gold {
  color: #9A7B3F;
}
.co-option-tag {
  flex: none;
  font-size: 14px;
  color: #111111;
}
.co-field-city,
.co-comment {
  margin-top: 20px;
}
.co-point {
  margin-top: 20px;
  padding: 18px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  background: #F7F3EA;
}
.co-point-label {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #787168;
}
.co-point-name {
  margin: 8px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #111111;
}
.co-point-note {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #787168;
}
.co-point-link {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  color: #9A7B3F;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.co-point-link:hover {
  color: #111111;
}
.co-gift {
  display: grid;
  gap: 18px;
  margin-top: 20px;
  padding: 20px;
  border-radius: 6px;
  background: #F7F3EA;
}
@media (min-width: 640px) {
  .co-gift {
    grid-template-columns: 200px minmax(0, 1fr);
  }
}
.co-gift-media {
  aspect-ratio: 200 / 150;
  overflow: hidden;
  border-radius: 6px;
}
.co-gift-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.co-gift-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
}
.co-gift-text {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #787168;
}
.co-gift-list {
  display: grid;
  gap: 6px 20px;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #111111;
}
@media (min-width: 640px) {
  .co-gift-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.co-gift-list li::before {
  content: '•';
  margin-right: 8px;
  color: #8A8073;
}
.co-postcard {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
}
.co-postcard-head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #111111;
}
.co-postcard-head .icon {
  flex: none;
  width: 20px;
  height: 20px;
}
.co-postcard-text {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #787168;
}
.co-postcard .field {
  margin-top: 16px;
}
.co-aside {
  min-width: 0;
}
@media (min-width: 1024px) {
  .co-aside {
    position: sticky;
    top: 104px;
  }
}
.co-total {
  padding: 24px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .co-total {
    padding: 28px;
  }
}
.co-total-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.15;
  color: #111111;
}
.co-total-rows {
  margin-top: 20px;
}
.co-total-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  font-size: 15px;
  line-height: 1.4;
  color: #111111;
}
.co-total-row + .co-total-row {
  margin-top: 13px;
}
.co-total-row dd {
  margin: 0;
  font-weight: 500;
}
.co-total-row.is-muted,
.co-total-row.is-muted dd {
  color: #787168;
}
.co-grand {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E7E0D5;
}
.co-grand-label {
  font-size: 16px;
  font-weight: 500;
  color: #111111;
}
.co-grand-value {
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 30px;
  line-height: 1.1;
  color: #111111;
}
.co-flag {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E7E0D5;
  font-size: 15px;
  line-height: 1.3;
  color: #111111;
}
.co-flag svg {
  flex: none;
  width: 22px;
  height: 22px;
  color: #9A7B3F;
}
.co-promo {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E7E0D5;
}
.co-promo summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 15px;
  line-height: 1.3;
  color: #111111;
  cursor: pointer;
  list-style: none;
}
.co-promo summary::-webkit-details-marker {
  display: none;
}
.co-promo summary svg {
  flex: none;
  width: 18px;
  height: 18px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.co-promo[open] summary svg {
  transform: rotate(180deg);
}
.co-promo .input {
  margin-top: 14px;
  min-height: 46px;
  background: #FFFFFF;
}
.co-perks {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E7E0D5;
  font-size: 14px;
  line-height: 1.5;
  color: #9A7B3F;
}
.co-perks li {
  position: relative;
  padding-left: 16px;
}
.co-perks li + li {
  margin-top: 8px;
}
.co-perks li::before {
  content: '•';
  position: absolute;
  left: 0;
}
.co-terms {
  margin: 20px 0 0;
  padding-top: 20px;
  border-top: 1px solid #E7E0D5;
  font-size: 13px;
  line-height: 1.45;
  color: #787168;
}
.co-agree {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.4;
  color: #787168;
  cursor: pointer;
}
.co-agree input {
  flex: none;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #111111;
}
.co-revoke {
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #8A8073;
}
.co-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 56px;
  margin-top: 20px;
  padding: 14px 24px;
  border-radius: 6px;
  background: #111111;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.co-submit:hover {
  background: #2A2724;
}
.co-submit:disabled {
  background: #D8D0C3;
  cursor: not-allowed;
}
.os-page {
  padding: 0 0 64px;
}
@media (min-width: 1024px) {
  .os-page {
    padding: 0 0 80px;
  }
}
.os-grid {
  display: grid;
  gap: 32px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .os-grid {
    grid-template-columns: 540px minmax(0, 1fr);
    gap: 48px;
    align-items: start;
    margin-top: 48px;
  }
}
.os-main {
  min-width: 0;
}
.os-head {
  display: flex;
  align-items: center;
  gap: 20px;
}
.os-check {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #F3EEE4;
  color: #111111;
}
.os-check svg {
  width: 26px;
  height: 26px;
}
.os-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.1;
  color: #111111;
}
.os-text {
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.45;
  color: #787168;
}
.os-order {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  margin-top: 18px;
  padding: 13px 22px;
  border-radius: 6px;
  background: #F7F3EA;
  font-size: 14px;
  color: #787168;
}
.os-order b {
  font-size: 19px;
  font-weight: 600;
  color: #111111;
}
.os-note {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #787168;
}
.os-card {
  margin-top: 22px;
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .os-card {
    padding: 28px;
  }
}
.os-card-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  color: #111111;
}
.os-steps {
  margin-top: 22px;
}
.os-step {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 0 12px;
  padding: 16px 0;
  border-bottom: 1px solid #E2DED6;
}
.os-step:first-child {
  padding-top: 0;
}
.os-step:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.os-step-num {
  grid-row: span 2;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 18px;
  line-height: 1.2;
  color: #9A7B3F;
}
.os-step-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #111111;
}
.os-step-text {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #787168;
}
.os-photo {
  margin-top: 16px;
}
.os-photo img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.os-panel {
  margin-top: 16px;
  padding: 24px;
  border-radius: 8px;
  background: #F7F3EA;
}
.os-panel-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #111111;
}
.os-panel-title-serif {
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
}
.os-panel-text {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #787168;
}
.os-contacts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.3;
}
.os-contacts a {
  border-bottom: 1px solid #E7E0D5;
  padding-bottom: 2px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.os-contacts a:hover {
  border-color: #111111;
}
.os-care {
  display: grid;
  gap: 20px;
  margin-top: 16px;
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
}
@media (min-width: 640px) {
  .os-care {
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }
}
.os-care-media {
  aspect-ratio: 240 / 180;
  overflow: hidden;
  border-radius: 6px;
}
.os-care-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.os-care-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #111111;
}
.os-care-text {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #787168;
}
.os-care-link {
  display: inline-block;
  margin-top: 14px;
  font-size: 15px;
  font-weight: 600;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.os-care-link:hover {
  color: #9A7B3F;
}
.os-aside {
  min-width: 0;
}
.os-summary {
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
.os-summary-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
}
.os-product {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  margin-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E2DED6;
}
.os-product-media {
  aspect-ratio: 56 / 68;
  overflow: hidden;
  background: #F3EEE4;
}
.os-product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.os-product-cat {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.os-product-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}
.os-product-name {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.2;
  color: #111111;
}
.os-product-price {
  flex: none;
  font-size: 15px;
  font-weight: 600;
  color: #111111;
}
.os-product-note {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.3;
  color: #9A7B3F;
}
.os-sums {
  padding: 16px 0;
  border-bottom: 1px solid #E2DED6;
}
.os-sum {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #111111;
}
.os-sum + .os-sum {
  margin-top: 12px;
}
.os-sum dd {
  margin: 0;
  font-weight: 500;
}
.os-grand {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 0;
  border-bottom: 1px solid #E2DED6;
}
.os-grand-label {
  font-size: 16px;
  font-weight: 600;
  color: #111111;
}
.os-grand-value {
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 26px;
  line-height: 1.1;
  color: #111111;
}
.os-ship {
  padding-top: 18px;
}
.os-ship-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.os-ship-text {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #787168;
}
.os-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 54px;
  margin-top: 20px;
  padding: 14px 24px;
  border-radius: 6px;
  background: #111111;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.os-cta:hover {
  background: #2A2724;
}
.os-home {
  display: flex;
  justify-content: center;
  margin-top: 18px;
  font-size: 15px;
  font-weight: 500;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.os-home:hover {
  color: #9A7B3F;
}
.intro {
  display: grid;
  gap: 20px;
}
@media (min-width: 1024px) {
  .intro {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 160px;
    align-items: start;
  }
}
@media (min-width: 1024px) {
  .intro-wide {
    grid-template-columns: minmax(0, 1fr) 520px;
    gap: 48px;
  }
}
.intro-body {
  min-width: 0;
}
.intro-body > :first-child {
  margin-top: 0;
}
.intro-body .svc-title {
  margin-top: 17px;
  font-size: 40px;
}
.intro-body .svc-lead {
  margin-top: 16px;
}
.intro-body .svc-note {
  margin-top: 16px;
  line-height: 1.6;
}
.intro-media {
  aspect-ratio: 358 / 331;
  overflow: hidden;
  border-radius: 8px;
  background: #F3EEE4;
}
.intro-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .intro-media {
    aspect-ratio: 1;
  }
}
.intro-wide .intro-media {
  aspect-ratio: 358 / 220;
}
@media (min-width: 1024px) {
  .intro-wide .intro-media {
    aspect-ratio: 52 / 37;
  }
}
.intro-extra {
  margin-top: 25px;
  padding-top: 17px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .intro-extra {
    margin-top: 52px;
    padding-top: 16px;
  }
}
.intro-extra-label {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #111111;
}
.intro-extra-text {
  margin: 6px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
}
@media (min-width: 1024px) {
  .intro-extra-text {
    margin-top: 8px;
  }
}
.block-title {
  margin: 24px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.1;
  color: #111111;
}
@media (min-width: 1024px) {
  .block-title {
    margin-top: 42px;
  }
}
.tag {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: #F7F3EA;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8073;
}
.tag-video {
  min-height: 26px;
  padding: 0 12px;
  background: #F3EEE4;
  color: #111111;
}
.helper-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 28px;
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 10px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .helper-card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 126px;
    margin-top: 68px;
    padding: 30px 28px;
  }
}
.helper-card-body {
  min-width: 0;
  flex: 1 1 auto;
}
.helper-card-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  color: #111111;
}
.helper-card-text {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #514C45;
}
@media (min-width: 1024px) {
  .helper-card-text {
    margin-top: 8px;
  }
}
.helper-card .btn {
  flex: none;
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 15px;
}
.icon-rv-gift {
  background-image: url("../img/reviews/ico-gift-box.svg");
}
.icon-rv-chat {
  background-image: url("../img/reviews/ico-chat.svg");
}
.icon-rv-bag {
  background-image: url("../img/reviews/ico-bag.svg");
}
.icon-rv-edit {
  background-image: url("../img/reviews/ico-edit.svg");
}
.rv-page {
  padding: 53px 0 40px;
}
@media (min-width: 1024px) {
  .rv-page {
    padding: 28px 0 64px;
  }
}
.rv-page .intro {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .rv-page .intro {
    margin-top: 18px;
  }
}
@media (min-width: 1024px) {
  .rv-page .intro-body {
    padding-top: 3px;
  }
}
.rv-facts {
  display: grid;
  gap: 24px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .rv-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 58px;
  }
}
.rv-fact {
  position: relative;
  padding: 25px 25px 16px;
  border: 1px solid #E7E0D5;
  border-radius: 10px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .rv-fact {
    padding-bottom: 27px;
  }
}
.rv-fact::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 48px;
  height: 2px;
  border-top-left-radius: 10px;
  background: #9A7B3F;
}
.rv-fact-head {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1024px) {
  .rv-fact-head {
    gap: 12px;
  }
}
.rv-fact-head .svc-ico {
  background: #F7F3EA;
}
.rv-fact-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  color: #111111;
}
@media (min-width: 1024px) {
  .rv-fact-title {
    font-size: 22px;
  }
}
.rv-fact-text {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: #514C45;
}
@media (min-width: 1024px) {
  .rv-fact-text {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .rv-section-all .block-title {
    margin-top: 48px;
  }
}
@media (min-width: 1024px) {
  .rv-section-faq .block-title {
    margin-top: 46px;
  }
}
.rv-section-text {
  margin: 22px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
}
@media (min-width: 1024px) {
  .rv-section-text {
    margin-top: 40px;
  }
}
.rv-feat {
  margin-top: 32px;
  padding: 16px 24px 24px;
  border-radius: 12px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .rv-feat {
    margin-top: 46px;
    padding: 28px 40px 22px;
  }
}
.rv-feat-main {
  display: grid;
  gap: 12px;
}
@media (min-width: 1024px) {
  .rv-feat-main {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 36px;
    align-items: start;
  }
}
.rv-feat-photo {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 8px;
  background: #F3EEE4;
}
.rv-feat-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rv-feat-body {
  min-width: 0;
}
.rv-feat-label {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #111111;
}
.rv-rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: #8A8073;
}
.rv-rating b {
  font-weight: 600;
}
.rv-rating-stars {
  display: inline-flex;
  gap: 6px;
  color: #9A7B3F;
}
.rv-rating-stars svg {
  width: 14px;
  height: 14px;
}
.rv-feat .rv-rating b,
.rv-feat .rv-rating-date {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rv-quote {
  margin: 16px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 22px;
  line-height: 30px;
  color: #111111;
}
@media (min-width: 1024px) {
  .rv-quote {
    padding-left: 17px;
    border-left: 3px solid #9A7B3F;
  }
}
.rv-feat-foot {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .rv-feat-foot {
    margin-top: 22px;
    padding-top: 22px;
  }
}
.rv-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FFFFFF;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 18px;
  line-height: 1;
  color: #111111;
}
.rv-feat-name {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.rv-feat-meta {
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #8A8073;
}
.rv-filters {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-top: 22px;
}
@media (min-width: 1024px) {
  .rv-filters {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
  }
}
.rv-filters .chips {
  margin: 0;
}
@media (min-width: 1024px) {
  .rv-filters .chip {
    min-height: 34px;
  }
}
.rv-status {
  display: inline-block;
  margin-top: 24px;
  font-size: 13px;
  line-height: 1.4;
  color: #111111;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.rv-status:hover {
  color: #8A8073;
}
@media (min-width: 1024px) {
  .rv-status {
    margin-top: 40px;
  }
}
.rv-list {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .rv-list {
    margin-top: 39px;
  }
}
.rv-item {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 22px 0 34px;
  border-bottom: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .rv-item {
    flex-direction: row;
    gap: 24px;
  }
}
.rv-item .rv-rating {
  margin-top: 0;
}
.rv-item .rv-rating-stars {
  gap: 7px;
}
.rv-item .rv-rating-stars svg {
  width: 12px;
  height: 12px;
}
.rv-item-media {
  flex: none;
}
@media (min-width: 1024px) {
  .rv-item-media {
    width: 150px;
    margin-bottom: -4px;
  }
}
.rv-item-photo {
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 6px;
  background: #F3EEE4;
}
.rv-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .rv-item-photo {
    aspect-ratio: 150 / 112;
  }
}
.rv-item-thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
@media (min-width: 1024px) {
  .rv-item-thumbs {
    grid-template-columns: repeat(2, 72px);
    gap: 6px;
  }
}
.rv-thumb {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 6px;
  background: #F3EEE4;
}
.rv-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rv-thumb-more {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(17, 17, 17, 0.45);
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
.rv-item-body {
  min-width: 0;
  flex: 1 1 auto;
}
.rv-text {
  margin: 13px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
}
@media (min-width: 1024px) {
  .rv-text {
    font-size: 15px;
    line-height: 1.5;
  }
}
.rv-author {
  display: flex;
  align-items: center;
  margin: 11px 0 0;
  font-size: 14px;
  line-height: 1.4;
}
.rv-author b {
  font-weight: 600;
  color: #111111;
}
.rv-author span {
  color: #8A8073;
}
.rv-author span::before {
  content: '·';
  margin: 0 10px;
}
.rv-platforms {
  display: grid;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .rv-platforms {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 40px;
  }
}
.rv-platform {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 31px 25px;
  border: 1px solid #E7E0D5;
  border-radius: 10px;
  background: #FFFFFF;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .rv-platform {
    padding: 29px 21px;
  }
}
.rv-platform .svc-ico {
  background: #F7F3EA;
}
a.rv-platform:hover {
  border-color: #111111;
}
.rv-platform-body {
  min-width: 0;
}
.rv-platform-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.2;
  color: #111111;
}
.rv-platform-note {
  display: none;
}
@media (min-width: 1024px) {
  .rv-platform-note {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.3;
    color: #8A8073;
  }
}
.rv-platform-note svg {
  flex: none;
  width: 14px;
  height: 14px;
}
.rv-leave {
  margin-top: 32px;
  padding: 18px 24px;
  border-radius: 12px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .rv-leave {
    margin-top: 46px;
    padding: 24px 36px;
  }
}
.rv-leave-head {
  display: flex;
  align-items: center;
  gap: 20px;
}
.rv-leave-head .svc-ico {
  width: 60px;
  height: 60px;
  background: #FFFFFF;
}
.rv-leave-head .svc-ico .icon {
  width: 28px;
  height: 28px;
}
.rv-leave-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  color: #111111;
}
.rv-leave-text {
  margin: 22px 0 0;
  max-width: 660px;
  font-size: 16px;
  line-height: 1.6;
  color: #514C45;
}
@media (min-width: 1024px) {
  .rv-leave-text {
    margin-top: 16px;
    line-height: 1.45;
  }
}
.rv-leave-btn {
  margin-top: 20px;
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 15px;
}
@media (min-width: 1024px) {
  .rv-leave-btn {
    margin-top: 14px;
  }
}
.rv-form {
  margin: 24px 0 0;
  padding: 20px 16px 24px;
  border: 1px solid #E7E0D5;
  border-radius: 10px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .rv-form {
    margin-top: 28px;
    padding: 20px 28px 28px;
  }
}
.rv-form[hidden] {
  display: none;
}
.rv-form .field-label {
  font-weight: 600;
}
.rv-form .field-label small {
  font-size: 13px;
  font-weight: 400;
  color: #8A8073;
}
.rv-form .input {
  min-height: 48px;
  padding: 12px;
}
.rv-form textarea.input {
  min-height: 104px;
}
.rv-form-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
}
.rv-form-grid {
  display: grid;
  gap: 20px;
  margin-top: 16px;
}
@media (min-width: 640px) {
  .rv-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
.rv-form-row {
  display: block;
  margin-top: 20px;
}
.rv-stars-input {
  display: flex;
  gap: 2px;
  margin: 12px 0 4px;
  color: #9A7B3F;
}
.rv-stars-input button {
  display: flex;
  width: 30px;
  height: 30px;
  color: inherit;
}
.rv-stars-input button svg {
  width: 30px;
  height: 30px;
}
.rv-stars-input button path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linejoin: round;
  transition: fill 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.rv-stars-input button.is-on path {
  fill: currentColor;
}
.rv-stars-input:has(button:hover) button path {
  fill: currentColor;
}
.rv-stars-input button:hover ~ button:not(.is-on) path {
  fill: none;
}
.rv-stars-input.is-invalid path {
  stroke: #8A3B2F;
}
.rv-form-hint {
  display: block;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: #8A8073;
}
.rv-form-attach {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid #111111;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.2;
  color: #111111;
  cursor: pointer;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.rv-form-attach:hover {
  background: #F7F3EA;
}
.rv-form-attach:has(input:focus-visible) {
  outline: 2px solid #111111;
  outline-offset: 2px;
}
.rv-form-attach svg {
  flex: none;
  width: 16px;
  height: 16px;
}
.rv-form-checks {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.rv-check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  line-height: 1.35;
  color: #111111;
  cursor: pointer;
}
.rv-check input {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #111111;
}
.rv-check i {
  margin-left: 4px;
  font-style: normal;
  color: #8A8073;
}
.rv-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 18px;
}
.rv-form-actions .btn {
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 15px;
}
.rv-faq {
  margin-top: 24px;
  border-top: 1px solid #E2DED6;
}
@media (min-width: 1024px) {
  .rv-faq {
    margin-top: 40px;
  }
}
.rv-faq .svc-faq-q {
  padding: 25px 0;
}
@media (min-width: 1024px) {
  .rv-faq .svc-faq-q {
    padding: 19px 0;
  }
}
.rv-faq .svc-faq-a {
  padding: 0 0 18px;
}
.rv-page .helper-card {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .rv-page .helper-card .helper-card-text {
    display: none;
  }
}
.icon-cw-handshake {
  background-image: url("../img/masters/ico-handshake.svg");
}
.icon-cw-author {
  background-image: url("../img/masters/ico-author.svg");
}
.cw-page {
  padding: 53px 0 40px;
}
@media (min-width: 1024px) {
  .cw-page {
    padding: 32px 0 64px;
  }
}
@media (min-width: 1024px) {
  .cw-page .intro-body {
    padding-top: 32px;
  }
}
.cw-chips {
  flex-wrap: nowrap;
  margin: 24px -16px 0;
  padding: 0 16px;
  overflow-x: auto;
  scrollbar-width: none;
}
.cw-chips::-webkit-scrollbar {
  display: none;
}
.cw-chips li {
  flex: none;
}
.cw-chips .chip {
  padding: 6px 14px;
  white-space: nowrap;
}
.cw-chips .chip:hover:not(.is-active) {
  background: #FFFFFF;
  border-color: #111111;
}
@media (min-width: 640px) {
  .cw-chips {
    margin-left: -24px;
    margin-right: -24px;
    padding: 0 24px;
  }
}
@media (min-width: 1024px) {
  .cw-chips {
    flex-wrap: wrap;
    margin: 32px 0 0;
    padding: 0;
    overflow: visible;
  }
  .cw-chips .chip {
    padding: 6px 17px;
  }
}
.cw-grid {
  display: grid;
  gap: 18px;
  margin-top: 24px;
}
@media (min-width: 640px) {
  .cw-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .cw-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 32px;
  }
}
.cw-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #E7E0D5;
  border-radius: 10px;
  background: #FFFFFF;
  transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.cw-card:hover {
  box-shadow: 0 18px 40px -22px rgba(40, 34, 24, 0.5);
  transform: translateY(-2px);
}
.cw-card-media {
  position: relative;
  display: block;
  aspect-ratio: 356 / 447;
  overflow: hidden;
  background: #F3EEE4;
}
.cw-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .cw-card-media {
    aspect-ratio: 430 / 359;
  }
}
.cw-card:hover .cw-card-media img {
  transform: scale(1.035);
}
.cw-badges {
  position: absolute;
  left: 14px;
  bottom: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cw-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: #111111;
}
.cw-badge svg {
  flex: none;
  width: 12px;
  height: 12px;
}
.cw-card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  padding: 18px 17px 16px;
}
.cw-card-name {
  margin: 8px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  color: #111111;
}
.cw-card-name a {
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cw-card-name a:hover {
  color: #9A7B3F;
}
.cw-card-place {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 9px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #8A8073;
}
.cw-card-place svg {
  flex: none;
  width: 11px;
  height: 11px;
}
.cw-card-text {
  margin: 8px 0 6px;
  font-size: 15px;
  line-height: 1.5;
  color: #514C45;
}
.cw-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  gap: 12px;
  margin-top: auto;
  padding-top: 7px;
  border-top: 1px solid #E7E0D5;
  font-size: 15px;
  line-height: 1.4;
}
.cw-card-years {
  margin: 0;
  color: #8A8073;
}
.cw-card-years b {
  font-weight: 600;
  color: #111111;
}
.cw-card-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  white-space: nowrap;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cw-card-link svg {
  flex: none;
  width: 12px;
  height: 12px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.cw-card-link:hover {
  color: #9A7B3F;
}
.cw-card:hover .cw-card-link svg {
  transform: translateX(3px);
}
.cw-more {
  display: flex;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .cw-more {
    justify-content: center;
    margin-top: 32px;
  }
}
.cw-more .btn {
  width: 270px;
  max-width: 100%;
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
}
.cw-pager {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .cw-pager {
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
  }
}
.cw-pager a,
.cw-pager span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1;
  color: #111111;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cw-pager a svg,
.cw-pager span svg {
  width: 14px;
  height: 14px;
}
@media (min-width: 1024px) {
  .cw-pager a,
  .cw-pager span {
    border-color: transparent;
    border-radius: 50%;
  }
}
.cw-pager a:hover {
  background: #F7F3EA;
}
.cw-pager .is-current {
  border-color: #111111;
  background: #111111;
  color: #FFFFFF;
  font-weight: 700;
}
.cw-pager .is-disabled {
  color: #8A8073;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .cw-pager .is-arrow {
    width: 22px;
  }
}
.cw-pager .is-gap,
.cw-pager .is-far {
  display: none;
}
@media (min-width: 1024px) {
  .cw-pager .is-gap,
  .cw-pager .is-far {
    display: flex;
  }
}
.cw-pager .is-gap {
  width: 22px;
  color: #8A8073;
}
.cw-panel {
  margin-top: 28px;
  padding: 20px;
  border-radius: 12px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .cw-panel {
    margin-top: 68px;
    padding: 28px 40px;
  }
}
.cw-panel .block-title {
  margin-top: 0;
}
.cw-panel-text {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #514C45;
}
.cw-features {
  display: grid;
  gap: 18px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .cw-features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px;
  }
}
.cw-feature {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.cw-feature .svc-ico {
  width: 56px;
  height: 56px;
  background: #FFFFFF;
}
.cw-feature .svc-ico .icon {
  width: 36px;
  height: 36px;
}
.cw-feature .svc-ico .icon-pay-gift {
  width: 22px;
  height: 22px;
}
.cw-feature-body {
  min-width: 0;
}
.cw-feature-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.cw-feature-text {
  margin: 5px 0 0;
  font-size: 15px;
  line-height: 1.4;
  color: #514C45;
}
.mst-page {
  padding: 29px 0 40px;
}
@media (min-width: 1024px) {
  .mst-page {
    padding: 38px 0 72px;
  }
}
.mst-hero {
  display: grid;
  gap: 24px;
  margin-top: 26px;
}
@media (min-width: 1024px) {
  .mst-hero {
    grid-template-columns: 480px minmax(0, 1fr);
    align-items: start;
    gap: 56px;
    margin-top: 60px;
  }
}
.mst-photo {
  position: relative;
  aspect-ratio: 358 / 443;
  overflow: hidden;
  border-radius: 10px;
  background: #F3EEE4;
}
.mst-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .mst-photo {
    aspect-ratio: 4 / 5;
  }
}
.mst-photo-badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  background: #F0EADD;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-photo-badge {
    left: 18px;
    bottom: 18px;
    height: 32px;
    padding: 0 16px;
    font-size: 11px;
  }
}
.mst-body {
  min-width: 0;
}
@media (min-width: 1024px) {
  .mst-body {
    padding-top: 6px;
  }
}
.mst-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .mst-label {
    color: #8A8073;
  }
}
.mst-name {
  margin: 12px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.06;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-name {
    margin-top: 21px;
    font-size: 52px;
  }
}
.mst-place {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 13px 0 0;
  font-size: 16px;
  line-height: 1.4;
  color: #514C45;
}
.mst-place svg {
  flex: none;
  width: 18px;
  height: 18px;
}
@media (min-width: 1024px) {
  .mst-place {
    margin-top: 23px;
    font-size: 15px;
  }
}
.mst-summary {
  margin: 26px 0 0;
  font-size: 17px;
  line-height: 1.6;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-summary {
    margin-top: 17px;
    font-size: 16px;
  }
}
.mst-quote {
  margin: 24px 0 0;
  padding: 0 0 0 18px;
  border-left: 2px solid #111111;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 25px;
  line-height: 32px;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-quote {
    margin-top: 46px;
    padding-left: 20px;
    border-left-width: 3px;
    font-size: 25px;
    line-height: 42px;
  }
}
.mst-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 27px 18px;
  margin-top: 28px;
}
@media (min-width: 1024px) {
  .mst-stats {
    gap: 33px 56px;
    margin-top: 28px;
  }
}
.mst-stat {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
}
@media (min-width: 1024px) {
  .mst-stat {
    gap: 14px;
  }
}
.mst-stat-ico {
  flex: none;
  width: 38px;
  height: 38px;
  color: #111111;
}
.mst-stat-ico svg {
  width: 100%;
  height: 100%;
}
.mst-stat-body {
  min-width: 0;
}
.mst-stat-value {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-stat-value {
    font-size: 16px;
  }
}
.mst-stat-label {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.3;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .mst-stat-label {
    font-size: 13px;
  }
}
.mst-actions {
  display: flex;
  gap: 18px;
  margin-top: 24px;
}
.mst-actions .btn {
  width: 100%;
  min-height: 46px;
  padding: 12px 22px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
}
.mst-actions .btn-outline {
  display: none;
}
@media (min-width: 1024px) {
  .mst-actions {
    margin-top: 24px;
  }
  .mst-actions .btn {
    width: auto;
  }
  .mst-actions .btn-outline {
    display: inline-flex;
  }
}
.mst-about .block-title {
  margin-top: 52px;
}
@media (min-width: 1024px) {
  .mst-about {
    display: none;
  }
}
.mst-about-text {
  margin: 28px 0 0;
  font-size: 16px;
  line-height: 1.7;
  color: #514C45;
}
.mst-about-text + .mst-about-text {
  margin-top: 20px;
}
.mst-section .block-title {
  margin-top: 56px;
}
@media (min-width: 1024px) {
  .mst-section .block-title {
    margin-top: 60px;
  }
}
@media (min-width: 1024px) {
  .mst-section-video .block-title {
    margin-top: 72px;
  }
}
.mst-traits {
  display: grid;
  gap: 22px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .mst-traits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 35px 48px;
    margin-top: 40px;
  }
}
.mst-trait {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #111111;
}
.mst-trait svg {
  flex: none;
  width: 17px;
  height: 17px;
  margin-top: 3px;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-trait svg {
    color: #9A7B3F;
  }
}
.mst-video {
  display: grid;
  margin-top: 28px;
  border-radius: 12px;
  overflow: hidden;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .mst-video {
    grid-template-columns: minmax(0, 760fr) minmax(0, 584fr);
    margin-top: 32px;
  }
}
.mst-video-media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #F3EEE4;
  cursor: pointer;
}
.mst-video-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.mst-video-media:hover img {
  transform: scale(1.03);
}
.mst-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #111111;
  transform: translate(-50%, -50%);
}
.mst-video-play svg {
  width: 20px;
  height: 20px;
  margin-left: 3px;
}
@media (min-width: 1024px) {
  .mst-video-play {
    width: 100px;
    height: 100px;
  }
  .mst-video-play svg {
    width: 28px;
    height: 28px;
    margin-left: 5px;
  }
}
.mst-video-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 20px 28px;
}
@media (min-width: 1024px) {
  .mst-video-body {
    padding: 40px;
  }
}
.mst-video-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.6;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-video-title {
    line-height: 1.2;
  }
}
.mst-video-text {
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: #514C45;
}
@media (min-width: 1024px) {
  .mst-video-text {
    margin-top: 20px;
  }
}
.mst-goods-text {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-goods-text {
    margin-top: 14px;
  }
}
.mst-goods .prod-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  margin-top: 22px;
}
@media (min-width: 1024px) {
  .mst-goods .prod-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 52px;
  }
}
.mst-goods .prod-media {
  aspect-ratio: 358 / 448;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
}
@media (min-width: 1024px) {
  .mst-goods .prod-media {
    aspect-ratio: 327 / 436;
  }
}
.prod-sale {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 1;
}
.mst-goods-more {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .mst-goods-more {
    margin-top: 52px;
  }
}
.mst-goods-more .btn {
  min-height: 46px;
  padding: 12px 48px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .mst-goods-more .btn {
    padding: 12px 24px;
  }
}
.mst-tradition {
  margin-top: 64px;
  padding: 40px;
  border-radius: 12px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .mst-tradition {
    margin-top: 72px;
    padding: 36px 44px 34px;
  }
}
.mst-tradition-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.3;
  color: #111111;
}
@media (min-width: 1024px) {
  .mst-tradition-title {
    line-height: 1.1;
  }
}
.mst-tradition-text {
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #514C45;
}
.mst-page .helper-card {
  margin-top: 40px;
  padding: 28px 24px;
}
@media (min-width: 1024px) {
  .mst-page .helper-card {
    min-height: 128px;
    margin-top: 56px;
    padding: 30px 28px;
  }
}
.mst-page .helper-card .helper-card-title {
  font-size: 28px;
}
@media (min-width: 1024px) {
  .mst-page .helper-card .helper-card-title {
    font-size: 26px;
  }
}
.mst-page .helper-card .helper-card-text {
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .mst-page .helper-card .helper-card-text {
    margin-top: 8px;
    font-size: 15px;
  }
}
.mst-page .helper-card .btn {
  width: 100%;
  margin-top: 6px;
}
@media (min-width: 1024px) {
  .mst-page .helper-card .btn {
    width: auto;
    margin-top: 0;
  }
}
.ct-page {
  padding: 33px 0 56px;
}
@media (min-width: 1024px) {
  .ct-page {
    padding: 42px 0 64px;
  }
}
.ct-page .svc-eyebrow {
  margin-top: 0;
}
.ct-page .svc-title {
  margin-top: 18px;
  font-size: 44px;
}
@media (min-width: 1024px) {
  .ct-page .svc-title {
    margin-top: 21px;
    font-size: 56px;
  }
}
.ct-page .svc-lead {
  margin-top: 20px;
  font-size: 19px;
  line-height: 1.5;
  color: #111111;
}
@media (min-width: 1024px) {
  .ct-page .svc-lead {
    font-size: 18px;
  }
}
.ct-page .svc-note {
  margin-top: 18px;
  line-height: 1.6;
  color: #5F584F;
}
.ct-intro {
  display: grid;
  gap: 28px;
  margin-top: 21px;
}
@media (min-width: 1024px) {
  .ct-intro {
    grid-template-columns: minmax(0, 664fr) minmax(0, 624fr);
    align-items: start;
    gap: 56px;
    margin-top: 32px;
  }
}
.ct-intro-body {
  min-width: 0;
}
.ct-intro-media {
  aspect-ratio: 358 / 270;
  overflow: hidden;
  border-radius: 10px;
  background: #F3EEE4;
}
.ct-intro-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .ct-intro-media {
    aspect-ratio: 624 / 400;
  }
}
.ct-hotline {
  margin-top: 16px;
  padding-top: 18px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .ct-hotline {
    margin-top: 18px;
    padding-top: 20px;
  }
}
.ct-hotline-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.ct-hotline-phone {
  display: inline-block;
  margin-top: 2px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 30px;
  line-height: 1.1;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ct-hotline-phone:hover {
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .ct-hotline-phone {
    margin-top: 5px;
    font-size: 32px;
  }
}
.ct-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F3EEE4;
  color: #111111;
}
.ct-ico svg {
  width: 22px;
  height: 22px;
}
.ct-ico .icon {
  width: 24px;
  height: 24px;
}
.ct-ico-lg {
  width: 56px;
  height: 56px;
  background: #F7F3EA;
}
.ct-ico-lg svg {
  width: 24px;
  height: 24px;
}
.ct-ico-lg .icon {
  width: 29px;
  height: 29px;
}
.ct-btn {
  min-height: 56px;
  padding: 0 40px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
}
.ct-btn svg {
  width: 20px;
  height: 20px;
}
.ct-ways {
  display: grid;
  gap: 16px;
  margin-top: 56px;
}
@media (min-width: 1024px) {
  .ct-ways {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 64px;
  }
}
.ct-way {
  position: relative;
  padding: 44px 24px 28px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
.ct-way::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 42px;
  height: 3px;
  background: #9A7B3F;
}
@media (min-width: 1024px) {
  .ct-way {
    padding: 44px 28px 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ct-way {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.ct-way-head {
  display: flex;
  align-items: center;
  gap: 17px;
  padding-left: 18px;
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ct-way-head {
    gap: 14px;
    padding-left: 0;
  }
}
.ct-way-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.1;
  color: #787168;
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ct-way-title {
    font-size: 24px;
  }
}
.ct-way-value {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ct-way-value:hover {
  color: #9A7B3F;
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ct-way-value {
    font-size: 16px;
  }
}
.ct-way-text {
  margin: 36px 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: #5F584F;
}
@media (min-width: 1024px) {
  .ct-way-text {
    font-size: 15px;
  }
}
.ct-way .btn {
  margin-top: 20px;
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ct-way .btn {
    padding: 0 24px;
  }
}
.ct-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 56px;
  padding: 24px;
  border-radius: 12px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .ct-panel {
    flex-direction: row;
    align-items: center;
    gap: 30px;
    margin-top: 64px;
    padding: 30px 40px;
  }
}
.ct-panel-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  align-self: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #111111;
}
.ct-panel-ico svg {
  width: 26px;
  height: 26px;
}
.ct-panel-ico .icon {
  width: 43px;
  height: 43px;
}
.ct-panel-body {
  min-width: 0;
  flex: 1 1 auto;
}
.ct-panel-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.1;
  color: #111111;
}
@media (min-width: 1024px) {
  .ct-panel-title {
    font-size: 32px;
  }
}
.ct-panel-text {
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #5F584F;
}
.ct-msgs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
}
.ct-msgs li {
  flex: 0 0 calc(50% - 6px);
  min-width: 0;
}
@media (min-width: 1024px) {
  .ct-msgs {
    margin-top: 18px;
  }
  .ct-msgs li {
    flex: none;
  }
}
.ct-msg {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
  transition-duration: 0.15s;
}
.ct-msg:hover {
  background: #111111;
  color: #FFFFFF;
}
.ct-msg svg {
  width: 22px;
  height: 22px;
}
@media (min-width: 1024px) {
  .ct-msg {
    width: auto;
    min-height: 56px;
    padding: 0 32px;
  }
}
.ct-section-title {
  margin: 52px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .ct-section-title {
    margin-top: 66px;
    font-size: 40px;
    line-height: 1.1;
  }
}
.ct-addrs {
  display: grid;
  gap: 16px;
  margin-top: 28px;
}
@media (min-width: 1024px) {
  .ct-addrs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 32px;
  }
}
.ct-addr {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 10px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .ct-addr {
    padding: 32px 32px 38px;
  }
}
.ct-addr-head {
  display: flex;
  align-items: center;
  gap: 22px;
}
.ct-addr-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 1.1;
  color: #111111;
}
@media (min-width: 1024px) {
  .ct-addr-title {
    font-size: 30px;
  }
}
.ct-addr-line {
  margin: 18px 0 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #111111;
}
@media (min-width: 1024px) {
  .ct-addr-line {
    margin-top: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #787168;
  }
}
.ct-addr-text {
  margin: 20px 0 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #787168;
}
@media (min-width: 1024px) {
  .ct-addr-text {
    margin-bottom: 12px;
    font-size: 15px;
  }
}
.ct-addr .btn {
  gap: 10px;
  margin-top: auto;
}
.ct-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
@media (min-width: 1024px) {
  .ct-tabs {
    margin-top: 32px;
  }
}
.ct-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 32px;
  border: 1px solid #E7E0D5;
  border-radius: 999px;
  background: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #111111;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ct-tab:hover {
  background: #F7F3EA;
}
.ct-tab.is-active {
  border-color: #111111;
  background: #111111;
  color: #FFFFFF;
}
.ct-map-card {
  margin-top: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 12px;
  overflow: hidden;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .ct-map-card {
    margin-top: 28px;
  }
}
.ct-map {
  position: relative;
  height: 310px;
  background: #F3EEE4;
}
@media (min-width: 1024px) {
  .ct-map {
    height: 340px;
  }
}
.ct-map-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.ct-map-fallback {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  color: #787168;
}
.ct-map-fallback a {
  color: #111111;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ct-map.is-failed .ct-map-fallback {
  display: flex;
}
.ct-map-foot {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 24px 22px;
}
@media (min-width: 1024px) {
  .ct-map-foot {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px 20px 32px;
  }
}
.ct-map-addr {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #111111;
}
.ct-map-link {
  align-self: center;
  gap: 10px;
  padding: 0 32px;
}
@media (min-width: 1024px) {
  .ct-map-link {
    flex: none;
    align-self: auto;
  }
}
.ct-topics {
  display: grid;
  margin-top: 28px;
}
@media (min-width: 1024px) {
  .ct-topics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 40px;
    margin-top: 32px;
  }
}
.ct-topic {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid #E7E0D5;
  font-size: 16px;
  line-height: 1.5;
  color: #111111;
}
@media (min-width: 1024px) {
  .ct-topic {
    gap: 20px;
  }
}
.ct-legal {
  margin-top: 56px;
  padding: 24px;
  border: 1px solid #E7E0D5;
  border-radius: 10px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .ct-legal {
    margin-top: 64px;
    padding: 28px 32px;
  }
}
.ct-legal-head {
  display: flex;
  align-items: center;
  gap: 22px;
}
.ct-legal-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .ct-legal-title {
    font-size: 34px;
    line-height: 1.1;
  }
}
.ct-legal-text {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #5F584F;
}
@media (min-width: 1024px) {
  .ct-legal-text {
    margin-top: 16px;
    font-size: 15px;
  }
}
.ct-legal-btn {
  width: 100%;
  min-height: 46px;
  margin-top: 16px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .ct-legal-btn {
    width: auto;
  }
}
.ct-requisites {
  display: grid;
  gap: 14px;
  margin: 0;
}
.ct-requisites div {
  display: grid;
  gap: 2px;
}
.ct-requisites dt {
  font-size: 14px;
  line-height: 1.4;
  color: #8A8073;
}
.ct-requisites dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #111111;
}
.ct-requisites-link {
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ct-requisites-link:hover {
  color: #9A7B3F;
}
.ct-page .helper-card {
  margin-top: 56px;
  padding: 24px;
}
@media (min-width: 1024px) {
  .ct-page .helper-card {
    align-items: center;
    margin-top: 64px;
    padding: 40px 32px 36px;
  }
}
.ct-page .helper-card .helper-card-title {
  font-size: 36px;
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .ct-page .helper-card .helper-card-title {
    font-size: 30px;
  }
}
.ct-page .helper-card .helper-card-text {
  margin-top: 16px;
  color: #5F584F;
}
@media (min-width: 1024px) {
  .ct-page .helper-card .helper-card-text {
    margin-top: 12px;
  }
}
.ct-page .helper-card .btn {
  width: 100%;
  min-height: 56px;
  margin-top: 0;
  padding: 0 40px;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .ct-page .helper-card .btn {
    width: auto;
    margin-top: 0;
  }
}
.filter {
  position: relative;
}
.filter-toggle.is-open {
  border-color: #111111;
}
.filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: 65;
  background: rgba(17, 17, 17, 0.45);
  transition: opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1), display 0.28s allow-discrete;
}
.filter-backdrop[hidden] {
  opacity: 0;
}
@media (min-width: 1024px) {
  .filter-backdrop {
    display: none;
  }
}
.filter-panel {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 70;
  max-height: 90dvh;
  padding: 32px 20px 20px;
  border-radius: 16px 16px 0 0;
  background: #FFFFFF;
  overflow-y: auto;
  overscroll-behavior: contain;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), display 0.3s allow-discrete;
}
.filter-panel[hidden] {
  transform: translateY(100%);
}
.filter-panel::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 50%;
  width: 40px;
  height: 4px;
  margin-left: -20px;
  border-radius: 2px;
  background: #E7E0D5;
}
@media (min-width: 1024px) {
  .filter-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: auto;
    bottom: auto;
    z-index: 30;
    width: 360px;
    max-height: none;
    padding: 20px;
    border: 1px solid #E7E0D5;
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(17, 17, 17, 0.12);
    overflow: visible;
    transition-duration: 0.2s;
  }
  .filter-panel[hidden] {
    opacity: 0;
    transform: translateY(-6px);
  }
  .filter-panel::before {
    display: none;
  }
}
@starting-style {
  .filter-backdrop {
    opacity: 0;
  }
  .filter-panel {
    transform: translateY(100%);
  }
}
@media (min-width: 1024px) {
  @starting-style {
    .filter-panel {
      opacity: 0;
      transform: translateY(-6px);
    }
  }
}
.filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.filter-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #111111;
}
.filter-close {
  position: relative;
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F3EEE4;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-close:hover {
  background: #E7E0D5;
}
.filter-close::before,
.filter-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 1.5px;
  margin: -1px 0 0 -7px;
  background: #111111;
  border-radius: 2px;
}
.filter-close::before {
  transform: rotate(45deg);
}
.filter-close::after {
  transform: rotate(-45deg);
}
.filter-body {
  margin-top: 16px;
}
.filter-group {
  min-width: 0;
  padding: 16px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
}
.filter-group + .filter-group {
  margin-top: 16px;
}
.filter-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  color: #111111;
}
.filter-group-head svg {
  flex: none;
  width: 11px;
  height: 7px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-group:not(.is-open) .filter-group-head svg {
  transform: rotate(180deg);
}
.filter-list {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}
.filter-group:not(.is-open) .filter-list {
  display: none;
}
.check {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  line-height: 20px;
  color: #111111;
  cursor: pointer;
}
.check-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.check-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 20px;
  height: 20px;
  border: 1px solid #D8D0C3;
  border-radius: 4px;
  background: #FFFFFF;
  color: #FFFFFF;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.check-box svg {
  width: 11px;
  height: 9px;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.check:hover .check-box {
  border-color: #111111;
}
.check-input:checked + .check-box {
  border-color: #111111;
  background: #111111;
}
.check-input:checked + .check-box svg {
  opacity: 1;
}
.check-input:focus-visible + .check-box {
  outline: 2px solid #111111;
  outline-offset: 2px;
}
.filter-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
}
.filter-foot .btn {
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
}
.filter-reset {
  font-size: 15px;
  line-height: 1.2;
  color: #9A7B3F;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-reset:hover {
  color: #111111;
}
.sort {
  position: relative;
}
.sort-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  background: #FFFFFF;
  font-size: 15px;
  line-height: 1.2;
  color: #111111;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sort-toggle:hover {
  background: #F7F3EA;
}
.sort-toggle.is-open {
  border-color: #111111;
}
.sort-toggle svg {
  flex: none;
  width: 12px;
  height: 7px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.sort-toggle.is-open svg {
  transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .sort-toggle {
    width: 220px;
  }
}
.sort-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 30;
  width: 220px;
  padding: 8px 0;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.12);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), display 0.2s allow-discrete;
}
.sort-menu[hidden] {
  opacity: 0;
  transform: translateY(-6px);
}
@starting-style {
  .sort-menu {
    opacity: 0;
    transform: translateY(-6px);
  }
}
.sort-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  color: #787168;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sort-option:hover {
  background: #F7F3EA;
  color: #111111;
}
.sort-option svg {
  flex: none;
  width: 11px;
  height: 8px;
  color: #9A7B3F;
  opacity: 0;
}
.sort-option.is-active {
  color: #111111;
}
.sort-option.is-active svg {
  opacity: 1;
}
.modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.modal[hidden] {
  display: none;
}
@media (min-width: 640px) {
  .modal {
    padding: 24px;
  }
}
.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 17, 17, 0.5);
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.is-open .modal-backdrop {
  opacity: 1;
}
.modal-dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 488px;
  max-height: 100%;
  padding: 24px 28px 28px;
  border-radius: 12px;
  background: #FFFFFF;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.is-open .modal-dialog {
  opacity: 1;
  transform: none;
}
.modal-head {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.modal-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #111111;
}
.modal-close {
  position: relative;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #F7F3EA;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-close:hover {
  background: #E7E0D5;
}
.modal-close::before,
.modal-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 1.5px;
  margin: -0.75px 0 0 -8px;
  background: #111111;
  border-radius: 2px;
}
.modal-close::before {
  transform: rotate(45deg);
}
.modal-close::after {
  transform: rotate(-45deg);
}
.modal-body {
  min-height: 0;
  margin: 16px -8px 0 0;
  padding-right: 8px;
  overflow-y: auto;
  overscroll-behavior: contain;
  font-size: 15px;
  line-height: 1.6;
  color: #8A8073;
}
.modal-body > :first-child {
  margin-top: 0;
}
.modal-body > :last-child {
  margin-bottom: 0;
}
.fav-page {
  padding: 24px 0 64px;
}
@media (min-width: 1024px) {
  .fav-page {
    padding: 58px 0 64px;
  }
}
.fav-title {
  margin: 26px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(32px, 3.4vw, 48px);
  line-height: 1.1;
  color: #111111;
}
@media (min-width: 1024px) {
  .fav-title {
    margin-top: 29px;
  }
}
.fav-lead {
  margin: 34px 0 0;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.5;
  color: #514C45;
}
@media (min-width: 1024px) {
  .fav-lead {
    margin-top: 40px;
  }
}
.fav-count {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #9A7B3F;
}
.fav-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 24px 0 0;
  padding: 14px 16px;
  border-radius: 6px;
  background: #F7F3EA;
  font-size: 14px;
  line-height: 1.5;
  color: #514C45;
}
@media (min-width: 1024px) {
  .fav-notice {
    align-items: center;
    gap: 14px;
    margin-top: 21px;
    padding: 12px 20px;
    min-height: 46px;
    font-size: 15px;
  }
}
.fav-notice-ico {
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .fav-notice-ico {
    margin-top: 0;
  }
}
.fav-grid {
  display: grid;
  gap: 20px;
  margin: 33px 0 0;
}
@media (min-width: 640px) {
  .fav-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .fav-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 42px;
  }
}
.fav-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  overflow: hidden;
  transition: box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
.fav-card:hover {
  box-shadow: 0 14px 30px -18px rgba(40, 34, 24, 0.4);
}
.fav-card-media {
  position: relative;
  aspect-ratio: 316 / 436;
  overflow: hidden;
  background: #F3EEE4;
}
.fav-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.fav-card:hover .fav-card-media img {
  transform: scale(1.035);
}
.fav-card-badges {
  position: absolute;
  top: 12px;
  left: 12px;
  display: grid;
  justify-items: start;
  gap: 6px;
  max-width: calc(100% - 64px);
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .fav-card-badges {
    max-width: calc(100% - 72px);
  }
}
.fav-card-heart {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #9A7B3F;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.fav-card-heart svg {
  width: 20px;
  height: 20px;
}
.fav-card-heart:hover {
  color: #111111;
}
.fav-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 18px 14px 15px;
}
.fav-card-body .prod-cat {
  margin-top: 0;
}
.fav-card-name {
  margin: 8px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
}
.fav-card-name a {
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.fav-card-name a:hover {
  color: #9A7B3F;
}
.fav-card-art {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #787168;
}
.fav-card-actions {
  display: grid;
  gap: 6px;
  margin-top: auto;
  padding-top: 13px;
}
.fav-card-actions .btn {
  min-height: 58px;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 15px;
}
.nw-page {
  padding: 24px 0 64px;
}
@media (min-width: 1024px) {
  .nw-page {
    padding: 44px 0 96px;
  }
}
.nw-intro {
  display: grid;
  gap: 20px;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .nw-intro {
    grid-template-columns: minmax(0, 1fr) 418px;
    grid-template-rows: auto 1fr;
    align-items: start;
    gap: 0 24px;
    margin-top: 53px;
  }
}
.nw-intro-body {
  min-width: 0;
}
.nw-intro-body > :first-child {
  margin-top: 0;
}
.nw-intro-body .svc-title {
  margin-top: 11px;
  font-size: clamp(33px, 3.3vw, 47px);
}
.nw-intro-body .svc-lead {
  margin-top: 14px;
}
.nw-intro-body .svc-note {
  margin-top: 11px;
  line-height: 1.6;
}
.nw-intro-media {
  aspect-ratio: 358 / 220;
  overflow: hidden;
  border-radius: 8px;
  background: #F3EEE4;
}
.nw-intro-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .nw-intro-media {
    grid-column: 2;
    grid-row: 1 / span 2;
    aspect-ratio: 418 / 314;
  }
}
.nw-chips {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .nw-chips {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    margin-top: 33px;
  }
}
.nw-lead-card {
  display: grid;
  gap: 20px;
  margin-top: 32px;
  padding: 16px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .nw-lead-card {
    grid-template-columns: minmax(0, 602fr) minmax(0, 638fr);
    align-items: center;
    gap: 42px;
    margin-top: 56px;
    padding: 31px;
  }
}
.nw-lead-media {
  display: block;
  aspect-ratio: 602 / 438;
  overflow: hidden;
  border-radius: 6px;
  background: #F3EEE4;
}
.nw-lead-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nw-lead-body {
  min-width: 0;
}
.nw-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0;
}
.nw-pill {
  position: static;
  max-width: none;
}
.nw-date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #787168;
}
.nw-date svg {
  flex: none;
  width: 9px;
  height: 9px;
  color: #9A7B3F;
}
.nw-lead-title {
  margin: 16px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(24px, 2.6vw, 32px);
  line-height: 1.2;
  color: #111111;
}
.nw-lead-title a {
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.nw-lead-title a:hover {
  color: #9A7B3F;
}
.nw-lead-text {
  margin: 14px 0 0;
  max-width: 560px;
  font-size: 15px;
  line-height: 1.6;
  color: #514C45;
}
.nw-lead-btn {
  margin-top: 22px;
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 15px;
}
.nw-list-wrap {
  margin-top: 48px;
}
@media (min-width: 1024px) {
  .nw-list-wrap {
    margin-top: 59px;
  }
}
.nw-section-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.2vw, 30px);
  line-height: 1.15;
  color: #111111;
}
.nw-grid {
  display: grid;
  gap: 32px;
  margin: 28px 0 0;
}
@media (min-width: 640px) {
  .nw-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .nw-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 24px;
    margin-top: 87px;
  }
}
.nw-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.nw-card-media {
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 6px;
  background: #F3EEE4;
}
.nw-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.nw-card-media .pill {
  position: absolute;
  top: 12px;
  left: 12px;
}
.nw-card:hover .nw-card-media img {
  transform: scale(1.035);
}
.nw-card .nw-date {
  margin-top: 16px;
}
.nw-card-title {
  margin: 8px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.25;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.nw-card:hover .nw-card-title {
  color: #9A7B3F;
}
.nw-card-text {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #787168;
}
.nw-more {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .nw-more {
    margin-top: 56px;
  }
}
.nw-more .btn {
  min-height: 52px;
  padding: 14px 32px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
}
.nw-more .btn:hover {
  border-color: #111111;
  background: #F7F3EA;
}
.nw-topic,
.nw-subscribe {
  margin-top: 48px;
  padding: 24px 20px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .nw-topic,
  .nw-subscribe {
    margin-top: 64px;
    padding: 40px;
  }
}
.nw-topic-title,
.nw-subscribe-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.15;
  color: #111111;
}
.nw-topic-text {
  margin: 14px 0 0;
  max-width: 900px;
  font-size: 15px;
  line-height: 1.6;
  color: #514C45;
}
.nw-topic .chips {
  margin-top: 20px;
}
.nw-topic .chip:hover:not(.is-active) {
  background: #FFFFFF;
  border-color: #111111;
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .nw-subscribe {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 480px;
    align-items: start;
    gap: 40px;
  }
}
.nw-subscribe-body {
  min-width: 0;
}
.nw-subscribe-text {
  margin: 14px 0 0;
  max-width: 560px;
  font-size: 15px;
  line-height: 1.6;
  color: #514C45;
}
.nw-subscribe-form {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .nw-subscribe-form {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    margin-top: 6px;
  }
}
.nw-subscribe-form .btn {
  min-height: 48px;
  padding: 12px 26px;
  border-radius: 6px;
  font-size: 15px;
}
.nw-subscribe-input {
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  background: #FFFFFF;
  font: inherit;
  font-size: 15px;
  color: #111111;
  outline: none;
  appearance: none;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.nw-subscribe-input::placeholder {
  color: #8A8073;
  opacity: 1;
}
.nw-subscribe-input:focus {
  border-color: #111111;
}
.nw-subscribe-input.is-error {
  border-color: #8A3B2F;
}
.nw-subscribe-input:user-invalid {
  border-color: #8A3B2F;
}
.nw-subscribe-note {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .nw-subscribe-note {
    grid-column: 1 / -1;
    margin-top: 2px;
  }
}
.nw-about {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .nw-about {
    margin-top: 76px;
    padding-top: 40px;
  }
}
.nw-about-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.7vw, 32px);
  line-height: 1.15;
  color: #111111;
}
.nw-about-text {
  margin: 16px 0 0;
  max-width: 1000px;
  font-size: 15px;
  line-height: 1.6;
  color: #514C45;
}
.nd-page {
  padding: 24px 0 64px;
}
@media (min-width: 1024px) {
  .nd-page {
    padding: 37px 0 96px;
  }
}
.nd-article {
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .nd-article {
    margin-top: 30px;
  }
}
.nd-kind {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.nd-title {
  margin: 12px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(31px, 3.3vw, 47px);
  line-height: 1.12;
  color: #111111;
}
@media (min-width: 1024px) {
  .nd-title {
    margin-top: 16px;
  }
}
.nd-lead {
  margin: 16px 0 0;
  max-width: 900px;
  font-size: 17px;
  line-height: 1.5;
  color: #514C45;
}
@media (min-width: 1024px) {
  .nd-lead {
    margin-top: 20px;
  }
}
.nd-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 24px 0 0;
  padding-top: 22px;
  border-top: 1px solid #E7E0D5;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #111111;
}
.nd-date svg {
  flex: none;
  width: 11px;
  height: 11px;
  color: #9A7B3F;
}
.nd-figure {
  margin: 28px 0 0;
}
@media (min-width: 1024px) {
  .nd-figure {
    margin-top: 32px;
  }
}
.nd-figure-hero picture {
  display: block;
  aspect-ratio: 358 / 240;
  overflow: hidden;
  border-radius: 8px;
  background: #F3EEE4;
}
@media (min-width: 1024px) {
  .nd-figure-hero picture {
    aspect-ratio: 1081 / 531;
  }
}
.nd-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nd-figure figcaption {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.5;
  color: #8A8073;
}
.nd-gallery {
  display: grid;
  gap: 12px;
}
@media (min-width: 640px) {
  .nd-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
}
.nd-gallery picture {
  display: block;
  aspect-ratio: 344 / 330;
  overflow: hidden;
  border-radius: 6px;
  background: #F3EEE4;
}
.nd-h2 {
  margin: 36px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.7vw, 32px);
  line-height: 1.15;
  color: #111111;
}
@media (min-width: 1024px) {
  .nd-h2 {
    margin-top: 48px;
  }
}
.nd-text {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.65;
  color: #514C45;
}
@media (min-width: 1024px) {
  .nd-text {
    margin-top: 20px;
    font-size: 18px;
  }
}
.nd-quote {
  margin: 32px 0 0;
  padding: 4px 0 4px 24px;
  border-left: 2px solid #9A7B3F;
}
@media (min-width: 1024px) {
  .nd-quote {
    margin-top: 40px;
  }
}
.nd-quote p {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.3;
  color: #111111;
}
.nd-quote footer {
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.4;
  color: #8A8073;
}
.nd-related,
.nd-journal {
  margin-top: 48px;
}
@media (min-width: 1024px) {
  .nd-related,
  .nd-journal {
    margin-top: 72px;
  }
}
.nd-section-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.7vw, 32px);
  line-height: 1.15;
  color: #111111;
}
.nd-cards {
  display: grid;
  gap: 20px;
  margin: 24px 0 0;
}
@media (min-width: 640px) {
  .nd-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .nd-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 32px;
  }
}
.nd-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  overflow: hidden;
  transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.nd-card:hover {
  box-shadow: 0 18px 40px -22px rgba(40, 34, 24, 0.5);
  transform: translateY(-2px);
}
.nd-card-media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #F3EEE4;
}
.nd-card-media > picture {
  width: 100%;
  height: 100%;
}
.nd-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.nd-card-media .pill {
  position: absolute;
  top: 12px;
  left: 12px;
}
.nd-card:hover .nd-card-media img {
  transform: scale(1.035);
}
.nd-card-ph {
  width: 34px;
  height: 34px;
  color: #8A8073;
  opacity: 0.5;
}
.nd-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 16px 18px 18px;
}
.nd-card-kind {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8073;
}
.nd-card-title {
  margin: 8px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.25;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.nd-card:hover .nd-card-title {
  color: #9A7B3F;
}
.nd-card-text {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #787168;
}
.nd-card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #9A7B3F;
}
.nd-card-link svg {
  flex: none;
  width: 16px;
  height: 16px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.nd-card:hover .nd-card-link svg {
  transform: translateX(3px);
}
.nd-card-body > .nd-card-link {
  margin-top: auto;
  padding-top: 16px;
}
.nd-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: auto 0 0;
  padding-top: 16px;
  border-top: 1px solid #E7E0D5;
}
.nd-card-foot .nd-card-link {
  margin-top: 0;
}
.nd-card-time {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8073;
}
.nd-cta {
  margin-top: 48px;
  padding: 28px 20px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .nd-cta {
    margin-top: 72px;
    padding: 40px;
  }
}
.nd-cta-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.15;
  color: #111111;
}
.nd-cta-text {
  margin: 14px 0 0;
  max-width: 620px;
  font-size: 15px;
  line-height: 1.6;
  color: #514C45;
}
.nd-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.nd-cta-actions .btn {
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 15px;
}
.nd-cta-actions .btn-light:hover {
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px #111111;
}
.icon-acc-truck {
  background-image: url("../img/payment/ico-truck.svg");
}
.icon-acc-pay {
  background-image: url("../img/account/ico-handshake.svg");
}
.acc-page {
  padding: 40px 0 48px;
}
@media (min-width: 1024px) {
  .acc-page {
    padding: 39px 0 56px;
  }
}
.acc-shell[hidden],
.acc-view[hidden],
.acc-auth[hidden],
.acc-auth-panel[hidden] {
  display: none;
}
.acc-long {
  display: none;
}
@media (min-width: 1024px) {
  .acc-long {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .acc-short {
    display: none;
  }
}
.acc-crumbs {
  row-gap: 0;
  line-height: 16px;
}
@media (min-width: 1024px) {
  .acc-crumbs {
    line-height: 18px;
  }
}
.acc-title {
  margin: 27px 0 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .acc-title {
    margin: 25px 0 0;
    padding-bottom: 19px;
    border-bottom: 1px solid #E7E0D5;
    font-family: "Prata", "Times New Roman", Georgia, serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 35px;
    letter-spacing: 0;
    text-transform: none;
    color: #111111;
  }
}
.acc-greet {
  margin: 10px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.15;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-greet {
    display: none;
  }
}
.acc-layout {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .acc-layout {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 56px;
    align-items: start;
    margin-top: 18px;
  }
}
.acc-user {
  display: none;
}
@media (min-width: 1024px) {
  .acc-user {
    display: block;
    padding-bottom: 17px;
    border-bottom: 1px solid #E7E0D5;
  }
}
.acc-user-name {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 1.2;
  color: #111111;
}
.acc-user-mail {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #8A8073;
}
.acc-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
@media (min-width: 1024px) {
  .acc-nav-list {
    display: block;
    max-width: 250px;
    margin-top: 19px;
  }
}
.acc-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 35px;
  padding: 6px 12px;
  border: 1px solid #E7E0D5;
  border-radius: 999px;
  background: #FFFFFF;
  font-size: 14.5px;
  line-height: 1.3;
  color: #111111;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-nav-link svg {
  display: none;
  flex: none;
  width: 20px;
  height: 20px;
  color: #787168;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-nav-link:hover {
  border-color: #111111;
}
.acc-nav-link.is-active {
  border-color: #2A2724;
  background: #2A2724;
  color: #FFFFFF;
}
@media (min-width: 1024px) {
  .acc-nav-link {
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 10px 16px;
    border: 0;
    border-radius: 6px;
    font-size: 15px;
  }
  .acc-nav-link svg {
    display: block;
  }
  .acc-nav-link:hover {
    background: #F7F3EA;
  }
  .acc-nav-link:hover .acc-nav-count {
    color: #787168;
  }
  .acc-nav-link.is-active {
    background: #111111;
    color: #FFFFFF;
  }
  .acc-nav-link.is-active svg,
  .acc-nav-link.is-active .acc-nav-count {
    color: #FFFFFF;
  }
}
.acc-nav-text {
  flex: 1 1 auto;
  min-width: 0;
}
.acc-nav-count {
  font-weight: 600;
}
@media (min-width: 1024px) {
  .acc-nav-count {
    flex: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #8A8073;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@media (min-width: 1024px) {
  .acc-nav-exit {
    border-top: 1px solid #E7E0D5;
  }
}
.acc-main {
  min-width: 0;
}
.acc-view [tabindex="-1"]:focus,
.acc-auth [tabindex="-1"]:focus {
  outline: none;
}
.acc-head {
  margin-bottom: 24px;
}
.acc-head-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.45;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-head-title {
    font-size: clamp(30px, 3.2vw, 36px);
    line-height: 1.25;
  }
}
.acc-head-text {
  margin: 5px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: #787168;
}
@media (min-width: 1024px) {
  .acc-head-text {
    margin-top: 8px;
    max-width: 560px;
    font-size: 16px;
    line-height: 1.5;
    color: #514C45;
  }
}
@media (min-width: 1024px) {
  .acc-head-text-wide {
    max-width: 648px;
  }
}
@media (max-width: 1023.98px) {
  .acc-head-lg {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
}
.acc-card {
  padding: 20px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .acc-card {
    padding: 24px;
  }
}
.acc-card-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A8073;
}
.acc-card-label svg {
  flex: none;
  width: 18px;
  height: 18px;
  color: #787168;
}
@media (min-width: 1024px) {
  .acc-card-label {
    gap: 8px;
    font-size: 11px;
  }
  .acc-card-label svg {
    width: 16px;
    height: 16px;
  }
}
.acc-order {
  padding-bottom: 19px;
}
@media (min-width: 1024px) {
  .acc-order {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 213px;
    min-height: 220px;
    margin-top: 24px;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .acc-order-body {
    padding: 28px 24px 30px;
  }
}
.acc-order-title {
  margin: 18px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-order-title {
    margin-top: 12px;
    font-size: 27px;
    line-height: 1.15;
  }
}
.acc-order-date {
  margin: 15px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .acc-order-date {
    margin-top: 8px;
  }
}
.acc-order .acc-status {
  margin-top: 14px;
}
@media (min-width: 1024px) {
  .acc-order .acc-status {
    margin-top: 12px;
  }
}
.acc-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
  min-height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  background: #F7F3EA;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  color: #111111;
}
.acc-status::before {
  content: '';
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9A7B3F;
}
.acc-status.is-shipped::before {
  background: #111111;
}
.acc-status.is-done::before {
  background: #4E6B52;
}
.acc-status.is-cancelled::before {
  background: #9A9388;
}
.acc-order-count {
  margin: 13px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: #514C45;
}
@media (min-width: 1024px) {
  .acc-order-count {
    margin-top: 12px;
  }
}
.acc-order-aside {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .acc-order-aside {
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 24px;
    border-top: 0;
    border-left: 1px solid #E7E0D5;
  }
}
.acc-order-sum {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-order-sum {
    font-size: 17px;
  }
}
.acc-order-btn {
  min-height: 44px;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .acc-order-btn {
    margin-top: 14px;
    min-height: 36px;
    padding: 8px 18px;
    font-size: 13px;
  }
}
.acc-row {
  display: grid;
  gap: 14px;
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .acc-row {
    gap: 24px;
    margin-top: 24px;
  }
}
@media (min-width: 1280px) {
  .acc-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.acc-row-fav {
  display: none;
}
@media (min-width: 1024px) {
  .acc-row-fav {
    display: grid;
  }
}
.acc-tiles {
  display: grid;
  gap: 10px;
  margin: 17px 0 0;
}
@media (min-width: 1024px) {
  .acc-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 21px;
  }
}
@media (min-width: 1024px) {
  .acc-quick {
    padding-bottom: 26px;
  }
}
.acc-tile {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 10px 14px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.3;
  color: #111111;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-tile span {
  flex: 1 1 auto;
  min-width: 0;
}
.acc-tile svg {
  flex: none;
  width: 16px;
  height: 16px;
  color: #787168;
}
.acc-tile:hover {
  border-color: #D8D0C3;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .acc-tile {
    gap: 10px;
    min-height: 48px;
    padding: 8px 12px;
    font-size: 13px;
  }
}
.acc-tile-arrow {
  display: none;
}
@media (min-width: 1024px) {
  .acc-tile-arrow {
    display: block;
  }
}
@media (min-width: 1024px) {
  .acc-tile-chev {
    display: none;
  }
}
.acc-address-name {
  margin: 16px 0 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-address-name {
    margin-top: 14px;
  }
}
.acc-address-line {
  margin: 0;
  font-size: 14px;
  line-height: 23px;
  color: #514C45;
}
@media (min-width: 1024px) {
  .acc-address-line {
    margin-top: 4px;
    line-height: 1.4;
  }
}
.acc-link {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-top: 13px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
  transition: gap 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-link svg {
  flex: none;
  width: 16px;
  height: 16px;
}
.acc-link:hover {
  gap: 12px;
}
@media (min-width: 1024px) {
  .acc-link {
    display: inline-flex;
    margin-top: 16px;
  }
}
.acc-address {
  padding-bottom: 18px;
}
@media (min-width: 1024px) {
  .acc-address {
    padding-bottom: 24px;
  }
}
.acc-fav {
  display: none;
}
@media (min-width: 1024px) {
  .acc-fav {
    display: block;
    padding-bottom: 28px;
  }
}
.acc-card-text {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #514C45;
}
.acc-help {
  margin-top: 14px;
  padding: 21px 20px 25px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .acc-help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: 24px;
    padding: 32px 24px;
  }
}
.acc-help-body {
  min-width: 0;
}
.acc-help-title {
  margin: 18px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.15;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-help-title {
    margin-top: 10px;
    font-size: clamp(24px, 2.4vw, 28px);
  }
}
.acc-help-text {
  margin: 15px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #514C45;
}
@media (min-width: 1024px) {
  .acc-help-text {
    margin-top: 10px;
  }
}
.acc-help-btn {
  width: 100%;
  margin-top: 15px;
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 15px;
}
@media (min-width: 1024px) {
  .acc-help-btn {
    flex: none;
    width: auto;
    margin-top: 0;
    min-height: 40px;
    padding: 10px 20px;
    font-size: 13px;
  }
}
.acc-logout {
  width: 100%;
  margin-top: 14px;
  min-height: 48px;
  border-radius: 6px;
  font-size: 15px;
}
@media (min-width: 1024px) {
  .acc-logout {
    display: none;
  }
}
.acc-orders {
  display: grid;
  gap: 16px;
}
.acc-ord {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 20px 19px;
}
.acc-ord .acc-status {
  order: 3;
  min-height: 28px;
  margin: 13px 0 0;
}
@media (min-width: 1024px) {
  .acc-ord {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "head foot" "meta foot";
    align-items: center;
    column-gap: 24px;
    row-gap: 9px;
    padding: 20px;
  }
  .acc-ord .acc-status {
    margin: 0;
  }
}
.acc-ord-head,
.acc-ord-meta {
  display: contents;
}
@media (min-width: 1024px) {
  .acc-ord-head,
  .acc-ord-meta {
    display: flex;
    align-items: center;
    min-width: 0;
  }
}
@media (min-width: 1024px) {
  .acc-ord-head {
    grid-area: head;
    gap: 20px;
  }
}
.acc-ord-meta {
  margin: 0;
}
@media (min-width: 1024px) {
  .acc-ord-meta {
    grid-area: meta;
  }
}
.acc-ord-title {
  order: 1;
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-ord-title {
    font-size: 22px;
    line-height: 1.36;
  }
}
.acc-ord-date {
  order: 2;
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.3;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .acc-ord-date {
    flex: none;
    width: 150px;
    margin: 0;
    line-height: 1.45;
  }
}
.acc-ord-count {
  order: 4;
  margin-top: 13px;
  font-size: 13px;
  line-height: 1.3;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-ord-count {
    margin: 0;
    line-height: 1.45;
    color: #514C45;
  }
}
.acc-ord-foot {
  order: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  align-self: stretch;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .acc-ord-foot {
    grid-area: foot;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }
}
.acc-ord-sum {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-ord-sum {
    font-size: 18px;
  }
}
.acc-ord-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 10px 24px;
  border: 1px solid #111111;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #111111;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-ord-more svg {
  display: none;
  flex: none;
  width: 16px;
  height: 16px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-ord-more:hover {
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .acc-ord-more {
    min-height: 0;
    padding: 0;
    border: 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
  .acc-ord-more svg {
    display: block;
  }
  .acc-ord-more:hover {
    background: none;
    color: #9A7B3F;
  }
  .acc-ord-more:hover svg {
    transform: translateX(3px);
  }
}
.acc-note {
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .acc-note {
    margin-top: 24px;
    line-height: 1.5;
  }
}
.acc-back {
  display: block;
  width: fit-content;
  font-size: 14px;
  line-height: 15px;
  color: #9A7B3F;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-back:hover {
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-back {
    line-height: 26px;
    color: #514C45;
  }
  .acc-back:hover {
    color: #9A7B3F;
  }
}
.acc-sum {
  margin-top: 25px;
}
.acc-sum .acc-status {
  min-height: 28px;
}
@media (min-width: 1024px) {
  .acc-sum {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 24px;
    margin-top: 22px;
    padding: 25px 24px 24px;
    border: 1px solid #E7E0D5;
    border-radius: 8px;
    background: #F7F3EA;
  }
  .acc-sum .acc-status {
    margin: 0;
  }
}
.acc-sum-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.15;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-sum-title {
    font-size: 28px;
    line-height: 1.22;
  }
}
.acc-sum-date {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .acc-sum-date {
    grid-column: 1 / -1;
    margin-top: 13px;
    font-size: 14px;
  }
}
.acc-sum-text {
  margin: 9px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #514C45;
}
@media (min-width: 1024px) {
  .acc-sum-text {
    grid-column: 1 / -1;
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.5;
  }
}
.acc-items {
  margin-top: 19px;
  padding: 21px 20px 19px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .acc-items {
    margin-top: 26px;
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
.acc-items-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-items-title {
    font-size: 27px;
  }
}
.acc-items-list {
  margin-top: 17px;
}
@media (min-width: 1024px) {
  .acc-items-list {
    margin-top: 17px;
    border: 1px solid #E7E0D5;
    border-radius: 8px;
  }
}
.acc-item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  grid-template-areas: "media body" "media price";
  align-items: start;
  column-gap: 12px;
  padding: 16px 0 15px;
  border-top: 1px solid #E7E0D5;
}
.acc-item:first-child {
  padding-top: 0;
  border-top: 0;
}
.acc-item:last-child {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .acc-item {
    grid-template-columns: 72px minmax(0, 1fr) auto;
    grid-template-areas: "media body price";
    align-items: center;
    column-gap: 16px;
    padding: 15px 20px;
  }
  .acc-item:first-child {
    padding-top: 15px;
  }
  .acc-item:last-child {
    padding-bottom: 15px;
  }
}
.acc-item-media {
  grid-area: media;
  display: block;
  width: 56px;
  height: 72px;
  overflow: hidden;
  border-radius: 4px;
  background: #F3EEE4;
}
.acc-item-media picture,
.acc-item-media img {
  width: 100%;
  height: 100%;
}
.acc-item-media img {
  object-fit: cover;
}
@media (min-width: 1024px) {
  .acc-item-media {
    width: 72px;
    height: 92px;
  }
}
.acc-item-body {
  grid-area: body;
  min-width: 0;
}
.acc-item-cat {
  margin: 0;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .acc-item-cat {
    font-size: 10px;
    letter-spacing: 0.12em;
  }
}
.acc-item-name {
  margin: 4px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.4;
  color: #111111;
}
.acc-item-name a {
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-item-name a:hover {
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .acc-item-name {
    margin-top: 6px;
    font-size: 18px;
    line-height: 1.2;
  }
}
.acc-item-meta {
  display: flex;
  flex-wrap: wrap;
  margin: 4px 0 0;
  font-size: 11.5px;
  line-height: 1.4;
  color: #8A8073;
}
.acc-item-meta span + span::before {
  content: '·';
  margin: 0 3px;
}
@media (min-width: 1024px) {
  .acc-item-meta {
    column-gap: 16px;
    margin-top: 5px;
    font-size: 13px;
  }
  .acc-item-meta span + span::before {
    content: none;
  }
}
.acc-item-price {
  grid-area: price;
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin: 6px 0 0;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .acc-item-price {
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    margin: 0;
  }
}
.acc-item-qty {
  font-size: 12px;
  color: #9A7B3F;
}
.acc-item-qty::after {
  content: ' ·';
}
@media (min-width: 1024px) {
  .acc-item-qty::after {
    content: none;
  }
}
.acc-item-sum {
  font-size: 14px;
  font-weight: 600;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-item-sum {
    font-size: 16px;
  }
}
.acc-info {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .acc-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 25px;
  }
}
.acc-info-card {
  padding-top: 21px;
}
@media (min-width: 1024px) {
  .acc-info-card {
    min-height: 320px;
    padding: 23px 23px 22px;
  }
}
.acc-info-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
}
.acc-info-title .icon {
  display: none;
}
@media (min-width: 1024px) {
  .acc-info-title {
    margin-bottom: 8px;
    font-size: 22px;
  }
  .acc-info-title .icon {
    display: block;
    flex: none;
  }
}
.acc-kv {
  font-size: 13.5px;
  line-height: 19px;
}
.acc-kv > div {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  padding: 5.5px 0;
}
.acc-kv dt {
  padding-right: 12px;
  color: #787168;
}
.acc-kv dd {
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-kv {
    font-size: 13px;
  }
  .acc-kv > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 6px 0;
  }
  .acc-kv dt {
    flex: none;
    padding-right: 0;
    color: #8A8073;
  }
  .acc-kv dd {
    text-align: right;
  }
}
.acc-kv-strong {
  font-weight: 600;
}
.acc-kv-total {
  margin-top: 6px;
  padding-top: 13px;
  border-top: 1px solid #E7E0D5;
}
.acc-kv-total > div {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.acc-kv-total dt,
.acc-kv-total dd {
  font-size: 15px;
  font-weight: 600;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-kv-total {
    margin-top: 7px;
  }
  .acc-kv-total > div {
    padding: 0;
  }
  .acc-kv-total dt,
  .acc-kv-total dd {
    font-size: 16px;
  }
}
.acc-track {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.35;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .acc-track {
    padding: 12px;
    border-radius: 4px;
    background: #F7F3EA;
    line-height: 18px;
    color: #787168;
  }
}
.acc-ask {
  margin-top: 20px;
  padding: 20px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .acc-ask {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    column-gap: 24px;
    margin-top: 24px;
    padding: 20px 23px 28px;
    border: 1px solid #E7E0D5;
    background: #FFFFFF;
  }
}
.acc-ask-label {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .acc-ask-label {
    display: none;
  }
}
.acc-ask-body {
  min-width: 0;
}
.acc-ask-title {
  margin: 17px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-ask-title {
    margin: 0;
    font-size: 21px;
  }
}
.acc-ask-text {
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 18px;
  color: #514C45;
}
@media (min-width: 1024px) {
  .acc-ask-text {
    margin-top: 8px;
    line-height: 1.4;
    color: #787168;
  }
}
.acc-ask-action {
  margin-top: 14px;
}
@media (min-width: 1024px) {
  .acc-ask-action {
    margin: 8px 0 0;
    padding-left: 23px;
    border-left: 1px solid #E7E0D5;
  }
}
.acc-ask-btn {
  width: 100%;
  min-height: 46px;
  padding: 10px 26px;
  border-radius: 4px;
  font-size: 13px;
}
@media (min-width: 1024px) {
  .acc-ask-btn {
    width: auto;
  }
}
.acc-addr {
  padding: 19px 20px 19px;
}
@media (min-width: 1024px) {
  .acc-addr {
    padding: 24px 23px 23px;
  }
}
.acc-addr-label {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  color: #787168;
}
.acc-kv-grid {
  margin-top: 15px;
  font-size: 14px;
}
.acc-kv-grid > div {
  padding: 6px 0;
}
.acc-kv-grid dt {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .acc-kv-grid {
    margin-top: 10px;
    font-size: 14px;
  }
  .acc-kv-grid > div {
    display: grid;
    grid-template-columns: 164px minmax(0, 1fr);
    gap: 0;
  }
  .acc-kv-grid dt {
    color: #787168;
  }
  .acc-kv-grid dd {
    text-align: left;
  }
}
.acc-addr-btn {
  width: 100%;
  min-height: 46px;
  margin-top: 14px;
  padding: 10px 23px;
  border-radius: 4px;
  font-size: 14px;
  background: #111111;
  color: #FFFFFF;
}
.acc-addr-btn:hover {
  background: #2A2724;
}
@media (min-width: 1024px) {
  .acc-addr-btn {
    width: auto;
    margin-top: 10px;
    background: transparent;
    color: #111111;
  }
  .acc-addr-btn:hover {
    background: #F7F3EA;
  }
}
@media (min-width: 1024px) {
  .acc-form {
    max-width: 632px;
    padding-top: 1px;
  }
}
.acc-form-grid {
  display: grid;
  gap: 17px;
}
@media (min-width: 1024px) {
  .acc-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }
}
.acc-form-grid-loose {
  row-gap: 21px;
}
@media (min-width: 1024px) {
  .acc-form-grid-loose {
    row-gap: 25px;
  }
}
.acc-field {
  min-width: 0;
}
@media (min-width: 1024px) {
  .acc-field-wide {
    grid-column: 1 / -1;
  }
}
.acc-label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-label {
    font-weight: 400;
    color: #787168;
  }
}
.acc-input {
  min-height: 48px;
  padding: 11px 12px;
  font-size: 15px;
  line-height: 1.4;
}
.acc-pwd {
  position: relative;
}
.acc-pwd .acc-input {
  padding-right: 48px;
}
.acc-input-dots::placeholder {
  letter-spacing: 0.18em;
}
.acc-pwd-toggle {
  position: absolute;
  top: 50%;
  right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #8A8073;
  transform: translateY(-50%);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-pwd-toggle svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.acc-pwd-toggle:hover {
  background: #F7F3EA;
  color: #111111;
}
.acc-pwd-toggle[aria-pressed="true"] .acc-pwd-show,
.acc-pwd-toggle[aria-pressed="false"] .acc-pwd-hide {
  display: none;
}
.acc-form-block + .acc-form-block {
  margin-top: 24px;
  padding-top: 25px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .acc-form-block + .acc-form-block {
    margin-top: 32px;
    padding-top: 33px;
  }
}
.acc-form-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.45;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-form-title {
    font-size: 20px;
    line-height: 1.3;
  }
}
.acc-form-text {
  margin: 14px 0 17px;
  font-size: 13px;
  line-height: 18px;
  color: #787168;
}
@media (min-width: 1024px) {
  .acc-form-text {
    margin: 16px 0 15px;
    line-height: 1.5;
  }
}
.acc-form-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .acc-form-actions {
    flex-direction: row;
    gap: 20px;
    margin-top: 32px;
  }
}
@media (min-width: 1024px) {
  .acc-form-grid-loose + .acc-form-actions {
    margin-top: 50px;
  }
}
.acc-form-btn {
  width: 100%;
  min-height: 46px;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .acc-form-btn {
    width: auto;
  }
}
.acc-saved {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #4E6B52;
}
.acc-saved svg {
  flex: none;
  width: 18px;
  height: 18px;
}
.acc-saved[hidden] {
  display: none;
}
.acc-cancel {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #9A7B3F;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-cancel:hover {
  color: #111111;
}
.acc-field-hint {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #787168;
}
.acc-auth {
  display: grid;
  gap: 40px;
  margin-top: 26px;
}
@media (min-width: 1024px) {
  .acc-auth {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 56px;
    align-items: start;
    margin-top: 47px;
  }
}
@media (min-width: 1024px) {
  .acc-auth-intro {
    padding-top: 3px;
  }
}
.acc-auth-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 41px;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-auth-title {
    font-size: 44px;
    line-height: 1.1;
  }
}
.acc-auth-lead {
  margin: 17px 0 0;
  font-size: 15px;
  line-height: 1.35;
  color: #787168;
}
@media (min-width: 1024px) {
  .acc-auth-lead {
    max-width: 440px;
    margin-top: 21px;
    font-size: 16px;
    line-height: 27px;
    color: #514C45;
  }
}
.acc-auth-subtitle {
  margin: 16px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-auth-subtitle {
    margin-top: 30px;
    font-size: 18px;
    color: #514C45;
  }
}
.acc-benefits {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
}
.acc-benefits li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  line-height: 20px;
  color: #111111;
}
.acc-benefits svg {
  flex: none;
  width: 20px;
  height: 20px;
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .acc-benefits {
    gap: 14px;
    margin-top: 19px;
  }
  .acc-benefits li {
    gap: 14px;
  }
}
.acc-auth-help {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .acc-auth-help {
    margin-top: 29px;
    padding-top: 17px;
  }
}
.acc-auth-help-text {
  max-width: 440px;
  margin: 0;
  font-size: 14px;
  line-height: 19px;
  color: #787168;
}
@media (min-width: 1024px) {
  .acc-auth-help-text {
    line-height: 22px;
  }
}
.acc-auth-help-btn {
  min-height: 46px;
  margin-top: 17px;
  padding: 10px 27px;
  border-radius: 4px;
  font-size: 13px;
}
@media (min-width: 1024px) {
  .acc-auth-help-btn {
    margin-top: 19px;
  }
}
.acc-auth-card {
  padding: 25px 23px 23px;
}
@media (min-width: 1024px) {
  .acc-auth-card {
    padding: 31px 29px 29px;
  }
}
.acc-auth-heading {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-auth-heading {
    font-size: 28px;
  }
}
.acc-auth-text {
  margin: 22px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #787168;
}
@media (min-width: 1024px) {
  .acc-auth-text {
    margin-top: 21px;
    color: #8A8073;
  }
}
.acc-auth-form {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}
.acc-auth-form .acc-label {
  margin-bottom: 9px;
  font-weight: 600;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-auth-form .acc-label {
    margin-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .acc-auth-form {
    margin-top: 22px;
  }
}
.acc-auth-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
}
@media (min-width: 1024px) {
  .acc-auth-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.acc-auth-link {
  font-size: 14.5px;
  font-weight: 500;
  line-height: 16px;
  color: #9A7B3F;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.acc-auth-link:hover {
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-auth-link {
    font-size: 13px;
    line-height: 1.3;
    color: #111111;
  }
  .acc-auth-link:hover {
    color: #9A7B3F;
  }
}
.acc-auth-btn {
  width: 100%;
  min-height: 46px;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 13px;
}
.acc-auth-split {
  margin-top: 20px;
  padding-top: 21px;
  border-top: 1px solid #E7E0D5;
}
.acc-auth-split .acc-auth-text {
  margin-top: 9px;
}
.acc-auth-split .acc-auth-btn {
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .acc-auth-split {
    margin-top: 21px;
    padding-top: 22px;
  }
  .acc-auth-split .acc-auth-text {
    margin-top: 11px;
  }
  .acc-auth-split .acc-auth-btn {
    margin-top: 9px;
  }
}
.acc-auth-split-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .acc-auth-split-title {
    font-size: 22px;
  }
}
.acc-auth-legal {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #787168;
}
.acc-auth-legal a {
  color: #111111;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.acc-auth-back {
  display: inline-block;
  margin-top: 18px;
}
.acc-auth-done {
  text-align: center;
}
.acc-auth-done .acc-auth-back {
  margin-top: 16px;
}
.acc-auth-done .acc-auth-btn {
  margin-top: 24px;
}
.acc-auth-ok {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #F7F3EA;
  color: #111111;
}
.acc-auth-ok svg {
  width: 24px;
  height: 24px;
}
.jr-page {
  padding: 24px 0 64px;
}
@media (min-width: 1024px) {
  .jr-page {
    padding: 29px 0 96px;
  }
}
@media (min-width: 1024px) {
  .jr-intro {
    grid-template-columns: minmax(0, 1fr) 421px;
    margin-top: 19px;
  }
  .jr-intro .svc-title {
    margin-top: 5px;
  }
  .jr-intro .svc-lead {
    margin-top: 22px;
  }
  .jr-intro .svc-note {
    margin-top: 17px;
  }
  .jr-intro .nw-chips {
    margin-top: 25px;
  }
}
.jr-intro-media {
  aspect-ratio: 358 / 300;
}
@media (min-width: 1024px) {
  .jr-intro-media {
    aspect-ratio: 1;
  }
}
.jr-kind {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #787168;
}
.jr-meta {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #8A8073;
}
.jr-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.jr-link svg {
  flex: none;
  width: 14px;
  height: 14px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-link:hover svg {
  transform: translateX(3px);
}
.jr-section-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.2vw, 30px);
  line-height: 1.15;
  color: #111111;
}
.jr-lead {
  display: grid;
  gap: 20px;
  margin-top: 32px;
  padding: 16px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .jr-lead {
    grid-template-columns: minmax(0, 1fr) 504px;
    align-items: center;
    gap: 40px;
    margin-top: 58px;
    padding: 42px 42px 42px 44px;
  }
}
.jr-lead-body {
  order: 2;
  min-width: 0;
}
@media (min-width: 1024px) {
  .jr-lead-body {
    order: 0;
  }
}
.jr-lead-title {
  margin: 14px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(24px, 2.2vw, 28px);
  line-height: 1.2;
  color: #111111;
}
.jr-lead-title a {
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-lead-title a:hover {
  color: #9A7B3F;
}
.jr-lead-text {
  margin: 14px 0 0;
  max-width: 560px;
  font-size: 14px;
  line-height: 1.6;
  color: #514C45;
}
.jr-lead .jr-meta {
  margin-top: 18px;
}
.jr-lead-btn {
  margin-top: 22px;
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 15px;
}
.jr-lead-media {
  display: block;
  aspect-ratio: 358 / 260;
  overflow: hidden;
  border-radius: 6px;
  background: #F3EEE4;
}
.jr-lead-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .jr-lead-media {
    aspect-ratio: 504 / 366;
  }
}
.jr-start {
  margin-top: 48px;
}
@media (min-width: 1024px) {
  .jr-start {
    margin-top: 71px;
  }
}
.jr-start-grid {
  display: grid;
  gap: 16px;
  margin: 24px 0 0;
}
@media (min-width: 640px) {
  .jr-start-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
}
@media (min-width: 1024px) {
  .jr-start-grid {
    margin-top: 22px;
  }
}
.jr-start-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 28px 24px 24px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  transition: box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-start-card::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 24px;
  width: 40px;
  height: 2px;
  background: #9A7B3F;
}
.jr-start-card:hover {
  box-shadow: 0 14px 30px -18px rgba(40, 34, 24, 0.4);
  transform: translateY(-2px);
}
.jr-start-title {
  margin: 20px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.25;
  color: #111111;
}
.jr-start-title a {
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-start-title a:hover {
  color: #9A7B3F;
}
.jr-start-text {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #787168;
}
.jr-start-card .jr-link {
  margin-top: auto;
  padding-top: 40px;
}
.jr-all {
  margin-top: 48px;
}
@media (min-width: 1024px) {
  .jr-all {
    margin-top: 80px;
  }
}
.jr-grid {
  display: grid;
  gap: 20px;
  margin: 24px 0 0;
}
@media (min-width: 640px) {
  .jr-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .jr-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 32px;
  }
}
.jr-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  overflow: hidden;
  transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-card:hover {
  box-shadow: 0 18px 40px -22px rgba(40, 34, 24, 0.5);
  transform: translateY(-2px);
}
.jr-card-media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #F3EEE4;
}
.jr-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-card:hover .jr-card-media img {
  transform: scale(1.035);
}
.jr-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px 20px 18px;
}
.jr-card-title {
  margin: 10px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.25;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-card:hover .jr-card-title {
  color: #9A7B3F;
}
.jr-card:hover .jr-link svg,
.jr-start-card:hover .jr-link svg {
  transform: translateX(3px);
}
.jr-card-text {
  margin: 10px 0 16px;
  font-size: 13px;
  line-height: 1.5;
  color: #787168;
}
.jr-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: auto 0 0;
  padding-top: 16px;
  border-top: 1px solid #E7E0D5;
}
.jr-topics {
  margin-top: 56px;
}
@media (min-width: 1024px) {
  .jr-topics {
    margin-top: 112px;
  }
}
.jr-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
}
.jr-tag {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  border-radius: 999px;
  background: #F7F3EA;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-tag:hover {
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px #111111;
}
.jr-help {
  margin-top: 40px;
  padding: 24px 20px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .jr-help {
    margin-top: 44px;
    padding: 40px;
  }
}
@media (min-width: 1024px) {
  .jr-page .nw-subscribe {
    margin-top: 36px;
  }
}
@media (min-width: 1024px) {
  .jr-page .nw-about {
    margin-top: 30px;
    padding-top: 88px;
  }
}
.jr-help-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(22px, 2.1vw, 26px);
  line-height: 1.2;
  color: #111111;
}
.jr-help-text {
  margin: 14px 0 0;
  max-width: 700px;
  font-size: 14px;
  line-height: 1.6;
  color: #514C45;
}
.jr-faq {
  margin: 20px 0 0;
  border-top: 1px solid #E7E0D5;
}
.jr-faq-item {
  border-bottom: 1px solid #E7E0D5;
}
.jr-faq-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-faq-btn svg {
  flex: none;
  width: 14px;
  height: 14px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.jr-faq-btn:hover {
  color: #9A7B3F;
}
.jr-faq-item.is-open .jr-faq-btn svg {
  transform: rotate(90deg);
}
.jr-faq-panel {
  padding: 0 0 16px 24px;
}
.jr-faq-panel p {
  margin: 0;
  max-width: 640px;
  font-size: 13px;
  line-height: 1.6;
  color: #514C45;
}
.jr-help-btn {
  margin-top: 24px;
  min-height: 46px;
  padding: 12px 22px;
  border: 1px solid #111111;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}
.gl-page {
  padding: 24px 0 64px;
}
@media (min-width: 1024px) {
  .gl-page {
    padding: 40px 0 96px;
  }
}
@media (min-width: 1024px) {
  .gl-intro {
    grid-template-columns: minmax(0, 1fr) 422px;
    margin-top: 33px;
  }
  .gl-intro .svc-title {
    margin-top: 19px;
  }
  .gl-intro .svc-lead {
    margin-top: 20px;
  }
  .gl-intro .svc-note {
    margin-top: 14px;
  }
}
.gl-intro-media {
  aspect-ratio: 358 / 272;
}
@media (min-width: 1024px) {
  .gl-intro-media {
    grid-row: 1;
    aspect-ratio: 422 / 322;
  }
}
.gl-search {
  margin-top: 18px;
}
@media (min-width: 1024px) {
  .gl-search {
    max-width: 560px;
  }
}
.gl-search-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: #111111;
}
.gl-search-field {
  position: relative;
  margin-top: 8px;
}
.gl-search-field svg {
  position: absolute;
  top: 50%;
  left: 18px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  color: #8A8073;
  pointer-events: none;
}
.gl-search-input {
  display: block;
  width: 100%;
  height: 52px;
  padding: 0 16px 0 48px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  background: #FFFFFF;
  font: inherit;
  font-size: 14px;
  color: #111111;
  outline: none;
  appearance: none;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gl-search-input::placeholder {
  color: #8A8073;
  opacity: 1;
}
.gl-search-input:focus {
  border-color: #111111;
}
.gl-search-input::-webkit-search-cancel-button {
  appearance: none;
}
.gl-filters {
  min-width: 0;
}
@media (min-width: 1024px) {
  .gl-filters {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 51px;
  }
}
.gl-chips {
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .gl-chips {
    margin-top: 0;
  }
}
.gl-filters-label {
  margin: 24px 0 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .gl-filters-label {
    margin-top: 28px;
  }
}
.gl-pop {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}
.gl-pop-tag {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: #F7F3EA;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.gl-pop-tag:hover {
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px #111111;
  color: #9A7B3F;
}
.gl-abc {
  display: flex;
  gap: 8px;
  margin: 12px -16px 0;
  padding: 0 16px;
  overflow-x: auto;
  scrollbar-width: none;
}
.gl-abc::-webkit-scrollbar {
  display: none;
}
@media (min-width: 640px) {
  .gl-abc {
    margin: 12px 0 0;
    padding: 0;
    flex-wrap: wrap;
    overflow: visible;
  }
}
.gl-abc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 40px;
  height: 40px;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #111111;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.gl-abc-btn:hover {
  background: #F7F3EA;
}
.gl-abc-btn.is-active {
  border-color: #111111;
  background: #111111;
  color: #FFFFFF;
}
.gl-section {
  margin-top: 48px;
}
@media (min-width: 1024px) {
  .gl-section {
    margin-top: 70px;
  }
}
@media (min-width: 1024px) {
  .gl-intro + .gl-section {
    margin-top: 77px;
  }
}
.gl-section-head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .gl-section-head {
    gap: 36px;
    padding-bottom: 20px;
  }
}
.gl-section-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.3vw, 32px);
  line-height: 1.15;
  color: #111111;
}
.gl-section-count {
  margin: 0;
  font-size: 13px;
  line-height: 1.3;
  color: #8A8073;
}
.gl-grid {
  display: grid;
  gap: 16px;
  margin: 16px 0 0;
}
@media (min-width: 1024px) {
  .gl-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.gl-term {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 22px 20px 27px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  transition: box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gl-term.is-featured {
  border-color: #F3EEE4;
  background: #F7F3EA;
}
.gl-term:hover {
  border-color: #D8D0C3;
  background: #F7F3EA;
  box-shadow: 0 14px 30px -18px rgba(40, 34, 24, 0.4);
  transform: translateY(-2px);
}
.gl-term-kind {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.gl-term-title {
  margin: 14px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gl-term.is-featured .gl-term-title,
.gl-term:hover .gl-term-title {
  color: #9A7B3F;
}
.gl-term-text {
  margin: 21px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: #787168;
}
.gl-term-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.gl-term-link svg {
  flex: none;
  width: 14px;
  height: 14px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.gl-term:hover .gl-term-link svg {
  transform: translateX(3px);
}
.gl-choose {
  margin-top: 48px;
  padding: 24px 20px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .gl-choose {
    margin-top: 64px;
    padding: 40px;
  }
}
.gl-choose-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.15;
  color: #111111;
}
.gl-choose-text {
  margin: 14px 0 0;
  max-width: 820px;
  font-size: 14px;
  line-height: 1.6;
  color: #514C45;
}
.gl-choose-list {
  display: grid;
  margin: 20px 0 0;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .gl-choose-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 40px;
  }
}
.gl-choose-link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid #E7E0D5;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gl-choose-link svg {
  flex: none;
  width: 14px;
  height: 14px;
}
.gl-choose-link:hover {
  color: #9A7B3F;
}
.gl-choose-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.gl-choose-actions .btn {
  min-height: 46px;
  padding: 12px 22px;
  border-radius: 6px;
  font-size: 14px;
}
.gl-choose-actions .btn svg {
  width: 18px;
  height: 18px;
}
.gl-choose-actions .btn-light {
  border: 1px solid #111111;
}
.gl-read {
  margin-top: 48px;
}
@media (min-width: 1024px) {
  .gl-read {
    margin-top: 85px;
  }
}
.gl-read-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.3vw, 32px);
  line-height: 1.15;
  color: #111111;
}
.gl-read-grid {
  display: grid;
  gap: 16px;
  margin: 24px 0 0;
}
@media (min-width: 640px) {
  .gl-read-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .gl-read-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 19px;
  }
}
@media (min-width: 1024px) {
  .gl-page .nw-about {
    margin-top: 57px;
    padding-top: 52px;
  }
}
.gl-read-card .jr-card-media {
  aspect-ratio: 3 / 2;
}
.gl-read-card .jr-card-title {
  font-size: 19px;
}
.gl-read-card .jr-card-body {
  padding-bottom: 24px;
}
.gl-read-card .jr-card-text {
  margin-bottom: 26px;
}
.gl-cta {
  margin-top: 40px;
  padding: 32px 20px;
  border-radius: 8px;
  background: #F7F3EA;
  text-align: center;
}
@media (min-width: 1024px) {
  .gl-cta {
    margin-top: 90px;
    padding: 32px 40px;
  }
}
.gl-cta .btn {
  margin-top: 24px;
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 14px;
}
.gl-cta-title {
  margin: 0 auto;
  max-width: 620px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 2.5vw, 34px);
  line-height: 1.2;
  color: #111111;
}
.gl-cta-text {
  margin: 16px auto 0;
  max-width: 620px;
  font-size: 15px;
  line-height: 1.6;
  color: #514C45;
}
.er-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px 16px 17px;
  border-bottom: 6px solid transparent;
  background: #FFFFFF url("../img/errors/divider-wave.svg") repeat-x left bottom;
  background-origin: border-box;
  text-align: center;
}
@media (min-width: 1024px) {
  .er-head {
    padding: 26px 24px 23px;
  }
}
.er-head-logo {
  width: auto;
  height: 36px;
}
@media (min-width: 1024px) {
  .er-head-logo {
    height: 44px;
  }
}
.er-head-tag {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A8073;
}
.er-page {
  padding: 57px 0 42px;
}
@media (min-width: 1024px) {
  .er-page {
    padding: 71px 0 59px;
  }
}
.er-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.er-num {
  margin: 7px 0 0;
  padding-left: 0.04em;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 76px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #111111;
}
@media (min-width: 1024px) {
  .er-num {
    margin: 0;
    font-size: 120px;
  }
}
.er-orn {
  width: 180px;
  height: 26px;
  margin-top: 23px;
}
@media (min-width: 1024px) {
  .er-orn {
    width: 220px;
    margin-top: 31px;
  }
}
.er-orn path {
  fill: none;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.er-orn-line {
  stroke: #D8D0C3;
}
.er-orn-gem {
  stroke: #9A7B3F;
  stroke-width: 1.6;
}
.er-title {
  max-width: 320px;
  margin: 17px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .er-title {
    max-width: none;
    margin-top: 23px;
    font-size: 34px;
  }
}
.er-photo {
  order: -1;
  display: block;
  width: 132px;
  height: 132px;
  overflow: hidden;
  border-radius: 50%;
}
.er-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .er-photo {
    order: 0;
    width: 260px;
    height: 264px;
    margin-top: 17px;
  }
}
.er-text {
  max-width: 320px;
  margin: 17px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #514C45;
}
@media (min-width: 1024px) {
  .er-text {
    max-width: 440px;
    margin-top: 26px;
    font-size: 16px;
  }
}
.er-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 340px;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .er-actions {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: auto;
    max-width: none;
    margin-top: 30px;
  }
}
.er-btn {
  gap: 8px;
  min-height: 46px;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 14px;
}
.er-btn.btn-dark {
  min-height: 52px;
}
@media (min-width: 1024px) {
  .er-btn.btn-dark {
    min-height: 46px;
  }
}
.er-alt {
  margin: 24px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #514C45;
}
.er-alt a {
  padding: 0 2px;
  font-weight: 600;
  color: #9A7B3F;
  text-decoration: underline;
  text-decoration-color: #D8D0C3;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.er-alt a:hover {
  color: #111111;
  text-decoration-color: currentColor;
}
.er-page-503 {
  padding: 51px 0 44px;
}
@media (min-width: 1024px) {
  .er-page-503 {
    padding: 72px 0 90px;
  }
  .er-page-503 .er-text {
    max-width: 480px;
    margin-top: 19px;
  }
  .er-page-503 .er-photo {
    margin-top: 38px;
  }
  .er-page-503 .er-actions {
    margin-top: 26px;
  }
  .er-page-503 .er-btn.btn-dark {
    min-height: 54px;
  }
}
.er-pop {
  margin-top: 45px;
}
@media (min-width: 1024px) {
  .er-pop {
    margin-top: 110px;
  }
}
.er-pop-title {
  margin: 0;
  padding-top: 30px;
  border-top: 1px solid #E7E0D5;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .er-pop-title {
    padding-top: 0;
    border-top: 0;
    font-size: 28px;
  }
}
.er-pop-text {
  max-width: 340px;
  margin: 13px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #514C45;
}
@media (min-width: 640px) {
  .er-pop-text {
    max-width: none;
  }
}
.er-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
@media (min-width: 1024px) {
  .er-tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 50px;
  }
}
.er-tile {
  display: block;
  overflow: hidden;
  border: 1px solid #E7E0D5;
  border-radius: 6px;
  background: #FFFFFF;
  transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.er-tile:hover {
  box-shadow: 0 14px 30px -18px rgba(40, 34, 24, 0.4);
}
.er-tile-media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #F3EEE4;
}
.er-tile-media picture,
.er-tile-media img {
  display: block;
  width: 100%;
  height: 100%;
}
.er-tile-media img {
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.er-tile:hover .er-tile-media img {
  transform: scale(1.035);
}
.er-tile-cap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 12px 11px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 18px;
  color: #111111;
}
.er-tile-cap svg {
  flex: none;
  width: 16px;
  height: 16px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .er-tile-cap {
    padding: 17px 16px 15px;
    font-size: 15px;
    line-height: 20px;
  }
}
.er-tile:hover .er-tile-cap svg {
  color: #9A7B3F;
  transform: translateX(3px);
}
.er-note {
  max-width: 720px;
  margin: 40px auto 0;
  padding: 25px 20px 18px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .er-note {
    margin-top: 111px;
    padding: 33px 30px 24px;
  }
}
.er-note-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .er-note-title {
    font-size: 21px;
  }
}
.er-note-text {
  margin: 15px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #514C45;
}
@media (min-width: 1024px) {
  .er-note-text {
    margin-top: 14px;
  }
}
.er-contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 36px;
}
@media (min-width: 1024px) {
  .er-contacts {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 28px;
    margin-top: 34px;
  }
}
.er-contacts a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.er-contacts a:hover {
  color: #9A7B3F;
}
.er-contacts svg {
  flex: none;
  width: 18px;
  height: 18px;
}
.of-page {
  padding: 19px 0 78px;
}
@media (min-width: 1024px) {
  .of-page {
    padding: 33px 0 112px;
  }
}
.of-title {
  margin: 14px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 27px;
  line-height: 1.1;
  color: #111111;
}
@media (min-width: 1024px) {
  .of-title {
    margin-top: 22px;
    font-size: 38px;
  }
}
.of-lead {
  max-width: 640px;
  margin: 17px 0 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: #514C45;
}
@media (min-width: 1024px) {
  .of-lead {
    margin-top: 17px;
    font-size: 16px;
  }
}
.of-doc {
  margin-top: 25px;
}
.of-doc p {
  margin: 0 0 13px;
  font-size: 14.5px;
  line-height: 1.7;
  color: #111111;
  overflow-wrap: anywhere;
}
@media (min-width: 1024px) {
  .of-doc p {
    font-size: 15px;
  }
}
.of-doc a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.of-doc a:hover {
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .of-doc {
    margin-top: 34px;
  }
}
.of-doc .of-note {
  margin-bottom: 18px;
  padding-bottom: 19px;
  border-bottom: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .of-doc .of-note {
    margin-bottom: 19px;
    padding-bottom: 20px;
  }
}
.of-section + .of-section {
  margin-top: 35px;
}
@media (min-width: 1024px) {
  .of-section + .of-section {
    margin-top: 43px;
  }
}
.of-heading {
  display: flex;
  gap: 10px;
  margin: 0 0 20px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.25;
  color: #111111;
}
@media (min-width: 1024px) {
  .of-heading {
    margin-bottom: 18px;
    font-size: 24px;
  }
}
.of-num {
  flex: none;
  color: #9A7B3F;
}
.of-req {
  margin-top: 40px;
  padding: 23px 20px 21px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #F7F3EA;
}
.of-req p {
  margin-bottom: 8px;
}
.of-req p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .of-req {
    margin-top: 44px;
    padding: 26px 28px;
  }
}
.ja-page {
  padding: 24px 0 37px;
}
@media (min-width: 1024px) {
  .ja-page {
    padding: 29px 0 62px;
  }
}
.ja-head {
  max-width: 820px;
  margin-top: 29px;
}
@media (min-width: 1024px) {
  .ja-head {
    margin-top: 24px;
  }
}
.ja-kind {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #9A7B3F;
}
.ja-title {
  margin: 16px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 29px;
  line-height: 1.13;
  color: #111111;
}
@media (min-width: 1024px) {
  .ja-title {
    margin-top: 16px;
    font-size: 40px;
    line-height: 1.18;
  }
}
.ja-lead {
  margin: 18px 0 0;
  font-size: 17px;
  line-height: 1.55;
  color: #514C45;
}
@media (min-width: 1024px) {
  .ja-lead {
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.5;
    color: #787168;
  }
}
.ja-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 9px;
  margin: 24px 0 0;
  padding-top: 13px;
  border-top: 1px solid #E7E0D5;
  font-size: 13.5px;
  line-height: 20px;
  color: #8A8073;
}
.ja-meta > span:not(:last-child)::after {
  content: '·';
  margin-left: 9px;
  color: #D8D0C3;
}
@media (min-width: 1024px) {
  .ja-meta {
    margin-top: 16px;
    padding: 23px 0 0 8px;
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  .ja-meta-time {
    font-weight: 500;
    color: #111111;
  }
}
.ja-hero {
  margin: 26px 0 0;
}
.ja-hero picture,
.ja-hero img {
  display: block;
  width: 100%;
}
.ja-hero img {
  aspect-ratio: 4 / 3;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  background: #F3EEE4;
}
@media (min-width: 1024px) {
  .ja-hero {
    margin-top: 23px;
  }
  .ja-hero img {
    aspect-ratio: 16 / 9;
  }
}
.ja-cap {
  margin: 25px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .ja-cap {
    margin-top: 17px;
  }
}
.ja-layout {
  display: grid;
  gap: 26px;
  margin-top: 28px;
}
@media (min-width: 1024px) {
  .ja-layout {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 56px;
    align-items: start;
    margin-top: 40px;
  }
}
.ja-toc {
  padding: 22px 20px 25px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .ja-toc {
    position: sticky;
    top: 108px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
  }
}
.ja-toc-title {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .ja-toc-title {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
    color: #111111;
  }
}
.ja-toc-list {
  display: grid;
  gap: 14px;
  margin: 20px 0 0;
}
@media (min-width: 1024px) {
  .ja-toc-list {
    gap: 13px;
    margin-top: 12px;
  }
}
.ja-toc-link {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #514C45;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ja-toc-link:hover {
  color: #9A7B3F;
}
@media (min-width: 1024px) {
  .ja-toc-link {
    padding-left: 10px;
    border-left: 2px solid transparent;
    color: #787168;
  }
  .ja-toc-link:hover {
    color: #111111;
  }
  .ja-toc-link.is-active {
    border-color: #9A7B3F;
    color: #9A7B3F;
  }
}
@media (min-width: 1024px) {
  .ja-toc-link {
    line-height: 18px;
  }
}
.ja-body {
  min-width: 0;
}
@media (min-width: 1024px) {
  .ja-body {
    max-width: 720px;
  }
}
.ja-body > p {
  margin: 23px 0 0;
  font-size: 16px;
  line-height: 1.72;
  color: #2A2724;
}
@media (min-width: 1024px) {
  .ja-body > p {
    margin-top: 16px;
    font-size: 17px;
  }
}
.ja-body > .ja-h2 + p {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .ja-body > .ja-h2 + p {
    margin-top: 15px;
  }
}
.ja-body a:not(.btn) {
  color: #111111;
  text-decoration: underline;
  text-decoration-color: #D8D0C3;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ja-body a:not(.btn):hover {
  text-decoration-color: #9A7B3F;
}
.ja-body strong {
  font-weight: 700;
  color: #111111;
}
.ja-h2 {
  margin: 42px 0 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #111111;
  scroll-margin-top: 72px;
}
.ja-h2:first-child {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .ja-h2 {
    margin-top: 47px;
    font-size: 28px;
    line-height: 1.3;
    scroll-margin-top: 108px;
  }
}
.ja-ico-info circle,
.ja-ico-info path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
.ja-ico-info path {
  stroke-width: 2.2;
}
.ja-note {
  margin: 21px 0 0;
  padding: 25px 38px 23px 26px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .ja-note {
    margin-top: 49px;
    padding: 18px 18px 18px;
    border: 0;
    background: #F3EEE4;
  }
}
.ja-fig + .ja-note {
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .ja-fig + .ja-note {
    margin-top: 54px;
  }
}
.ja-note-tip {
  padding-top: 22px;
  padding-bottom: 17px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .ja-note-tip {
    padding-top: 18px;
    padding-bottom: 18px;
    background: #F3EEE4;
  }
}
.ja-note-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8073;
}
.ja-note-title svg {
  flex: none;
  width: 16px;
  height: 16px;
  color: #9A7B3F;
}
.ja-note-title svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ja-note-title .ja-ico-bulb {
  width: 18px;
  height: 18px;
}
@media (min-width: 1024px) {
  .ja-note-title {
    gap: 11px;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
    color: #111111;
  }
  .ja-note-title svg,
  .ja-note-title .ja-ico-bulb {
    width: 22px;
    height: 22px;
  }
  .ja-note-title .ja-ico-bulb path {
    stroke-width: 1.6;
  }
  .ja-note-title .ja-ico-info circle {
    fill: #FFFFFF;
    stroke-width: 1.2;
  }
  .ja-note-title .ja-ico-info path {
    stroke: #8A8073;
    stroke-width: 1.3;
  }
}
.ja-note-text {
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.65;
  color: #2A2724;
}
@media (min-width: 1024px) {
  .ja-note-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.57;
    color: #787168;
  }
}
.ja-check {
  margin: 24px 0 0;
  padding: 23px 26px 25px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .ja-check {
    margin-top: 18px;
    padding: 26px 26px 24px;
    border: 0;
  }
}
.ja-check-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A8073;
}
.ja-check-title svg {
  flex: none;
  width: 16px;
  height: 16px;
  color: #9A7B3F;
}
.ja-check-list {
  display: grid;
  gap: 11px;
  margin: 11px 0 0;
}
.ja-check-list li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  line-height: 24px;
  color: #2A2724;
}
.ja-check-list li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 6px;
  width: 8px;
  height: 8px;
  border: 1.5px solid #2A2724;
  background: #8C8680;
  transform: rotate(45deg);
}
@media (min-width: 1024px) {
  .ja-check-list {
    gap: 8px;
    margin-top: 9px;
  }
  .ja-check-list li {
    padding-left: 20px;
    font-size: 15px;
  }
  .ja-check-list li::before {
    left: 2px;
  }
}
.ja-fig {
  margin: 24px 0 0;
}
.ja-fig picture,
.ja-fig img {
  display: block;
  width: 100%;
}
.ja-fig img {
  aspect-ratio: 16 / 10;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  background: #F3EEE4;
}
.ja-fig .ja-cap {
  margin-top: 25px;
}
@media (min-width: 1024px) {
  .ja-fig {
    margin-top: 57px;
    padding: 0 8px;
  }
  .ja-fig img {
    aspect-ratio: 704 / 338;
  }
  .ja-fig .ja-cap {
    margin-top: 10px;
  }
}
.ja-fig-pair {
  margin-top: 37px;
  padding: 0;
}
.ja-fig-pair img {
  aspect-ratio: 4 / 5;
}
.ja-fig-pair .ja-cap {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .ja-fig-pair {
    margin-top: 49px;
  }
  .ja-fig-pair .ja-cap {
    margin-top: 10px;
  }
}
.ja-fig-grid {
  display: grid;
  gap: 14px;
}
@media (min-width: 640px) {
  .ja-fig-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ja-steps {
  margin: 24px 0 0;
  counter-reset: ja-step;
}
@media (min-width: 1024px) {
  .ja-steps {
    margin-top: 19px;
  }
}
.ja-step {
  position: relative;
  min-height: 36px;
  padding: 0 0 17px 52px;
  counter-increment: ja-step;
}
@media (min-width: 1024px) {
  .ja-step {
    padding-bottom: 23px;
  }
}
.ja-step::before {
  content: counter(ja-step);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1.5px solid #9A7B3F;
  border-radius: 50%;
  background: #FFFFFF;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 16px;
  line-height: 1;
  color: #9A7B3F;
}
.ja-step:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 36px;
  bottom: 0;
  left: 17.5px;
  width: 1px;
  background: #E7E0D5;
}
.ja-step:last-child {
  padding-bottom: 0;
}
.ja-step-title {
  margin: 0;
  padding-top: 3px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  color: #111111;
}
.ja-step-text {
  margin: 6px 0 0;
  font-size: 15.5px;
  line-height: 1.6;
  color: #514C45;
}
.ja-table {
  margin: 19px 0 0;
  overflow-x: auto;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  scrollbar-width: thin;
  scrollbar-color: #7A7A7A #E7E0D5;
}
.ja-table::-webkit-scrollbar {
  height: 5px;
}
.ja-table::-webkit-scrollbar-track {
  background: #E7E0D5;
  border-radius: 3px;
}
.ja-table::-webkit-scrollbar-thumb {
  background: #7A7A7A;
  border-radius: 3px;
}
.ja-table table {
  width: 100%;
  min-width: 540px;
  border-collapse: collapse;
}
.ja-table th,
.ja-table td {
  padding: 14px 18px;
  border-bottom: 1px solid #E7E0D5;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
}
.ja-table thead th,
.ja-table thead td {
  background: #F7F3EA;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .ja-table thead th,
  .ja-table thead td {
    line-height: 18px;
  }
}
.ja-table tbody th {
  width: 150px;
  font-weight: 600;
  color: #111111;
}
@media (min-width: 1024px) {
  .ja-table tbody th {
    white-space: nowrap;
  }
}
.ja-table tbody td {
  color: #2A2724;
}
.ja-table tbody tr:last-child th,
.ja-table tbody tr:last-child td {
  border-bottom: 0;
}
@media (min-width: 1024px) {
  .ja-table {
    margin-top: 71px;
    padding-bottom: 22px;
  }
}
.ja-quote {
  margin: 23px 0 0;
  padding: 0 0 14px 24px;
  border-left: 3px solid #9A7B3F;
}
.ja-quote blockquote {
  margin: 0;
}
.ja-quote p {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-size: 24px;
  line-height: 1.36;
  color: #111111;
}
@media (min-width: 1024px) {
  .ja-quote {
    margin-top: 56px;
    padding: 0;
    border: 0;
  }
  .ja-quote blockquote {
    padding: 0 0 31px 20px;
    border-left: 3px solid #9A7B3F;
  }
  .ja-quote p {
    font-size: 23px;
    line-height: 1.42;
  }
}
.ja-quote-cite {
  margin: 12px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .ja-quote-cite {
    margin-top: 17px;
  }
}
.ja-cta {
  margin: 66px 0 0;
  padding: 23px 23px 22px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .ja-cta {
    margin-top: 50px;
    padding: 31px 31px 28px;
  }
}
.ja-cta-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 37px;
  color: #111111;
}
@media (min-width: 1024px) {
  .ja-cta-title {
    line-height: 1.3;
  }
}
.ja-cta-text {
  margin: 15px 0 0;
  max-width: 281px;
  font-size: 16px;
  line-height: 1.6;
  color: #514C45;
}
@media (min-width: 640px) {
  .ja-cta-text {
    max-width: 560px;
  }
}
@media (min-width: 1024px) {
  .ja-cta-text {
    margin-top: 17px;
  }
}
.ja-cta-actions {
  display: grid;
  gap: 11px;
  margin-top: 11px;
}
.ja-cta-actions .btn {
  position: relative;
  min-height: 47px;
  padding: 10px 24px;
  border-radius: 6px;
  font-size: 15px;
}
@media (min-width: 1024px) {
  .ja-cta-actions {
    display: flex;
    flex-wrap: wrap;
    margin-top: 13px;
  }
  .ja-cta-actions .btn {
    min-height: 46px;
    font-size: 14px;
  }
  .ja-cta-actions .btn-outline {
    padding: 10px 37px;
  }
}
.ja-cta .btn-outline:hover {
  background: #FFFFFF;
}
.ja-cta-arrow {
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -7px;
}
@media (min-width: 1024px) {
  .ja-cta-arrow {
    display: none;
  }
}
.ja-sum {
  margin: 36px 0 0;
  padding: 33px 24px 25px;
  border: 1px solid #D8D0C3;
  border-radius: 8px;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .ja-sum {
    margin-top: 48px;
    padding: 27px 28px 25px;
  }
}
.ja-sum-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: #111111;
}
.ja-sum-title svg {
  flex: none;
  width: 18px;
  height: 18px;
}
.ja-sum-title svg path {
  fill: none;
  stroke: #9A7B3F;
  stroke-width: 1.6;
  stroke-linecap: round;
}
.ja-sum-list {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
}
@media (min-width: 1024px) {
  .ja-sum-list {
    margin-top: 17px;
  }
}
.ja-sum-list li {
  position: relative;
  padding-left: 29px;
  font-size: 16px;
  line-height: 1.6;
  color: #2A2724;
}
@media (min-width: 1024px) {
  .ja-sum-list li {
    padding-left: 27px;
  }
}
.ja-sum-list li::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 5px;
  width: 7px;
  height: 7px;
  border: 1.4px solid #9A7B3F;
  transform: rotate(45deg);
}
@media (min-width: 1024px) {
  .ja-sum-list li::before {
    left: 2px;
  }
}
.ja-section-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .ja-section-title {
    font-size: 30px;
    line-height: 1.15;
  }
}
.ja-faq {
  margin-top: 36px;
  scroll-margin-top: 72px;
}
@media (min-width: 1024px) {
  .ja-faq {
    margin-top: 48px;
    scroll-margin-top: 108px;
  }
}
.ja-faq-list {
  margin-top: 20px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .ja-faq-list {
    margin-top: 23px;
  }
}
.ja-faq-item {
  border-bottom: 1px solid #E7E0D5;
}
.ja-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 19px 0 26px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
  list-style: none;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ja-faq-q::-webkit-details-marker {
  display: none;
}
.ja-faq-q:hover {
  color: #9A7B3F;
}
.ja-faq-q svg {
  flex: none;
  width: 16px;
  height: 16px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ja-faq-q svg path {
  fill: none;
  stroke: #8A8073;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (min-width: 1024px) {
  .ja-faq-q {
    padding: 18px 0 21px;
    font-size: 17px;
    line-height: 1.4;
  }
}
.ja-faq-item[open] .ja-faq-q svg {
  transform: rotate(90deg);
}
.ja-faq-a {
  margin: 0;
  padding: 0 16px 22px 0;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.65;
  color: #514C45;
}
@media (min-width: 1024px) {
  .ja-faq-a {
    padding: 0 0 23px;
    color: #787168;
  }
}
.ja-author {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 16px;
  padding: 24px 30px 22px 26px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .ja-author {
    flex-direction: row;
    align-items: center;
    gap: 18px;
    margin-top: 40px;
    padding: 26px 26px 29px;
  }
}
.ja-author-seal {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1.5px solid #9A7B3F;
  border-radius: 50%;
}
.ja-author-seal svg {
  width: 22px;
  height: 22px;
}
.ja-author-seal svg path {
  fill: none;
  stroke: #9A7B3F;
  stroke-width: 1.5;
  stroke-linejoin: round;
}
@media (min-width: 1024px) {
  .ja-author-seal {
    background: #FFFFFF;
  }
  .ja-author-seal svg {
    width: 19px;
    height: 19px;
  }
  .ja-author-seal svg path {
    fill: #9A7B3F;
  }
}
.ja-author-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  color: #111111;
}
.ja-author-text {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.62;
  color: #514C45;
}
@media (min-width: 1024px) {
  .ja-author-text {
    margin-top: 6px;
  }
}
.ja-related {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .ja-related {
    margin-top: 48px;
  }
}
.ja-related-grid {
  gap: 18px;
  margin-top: 19px;
}
@media (min-width: 1024px) {
  .ja-related-grid {
    gap: 24px;
    margin-top: 22px;
  }
}
.ja-related-grid .jr-card-media {
  aspect-ratio: 3 / 2;
}
@media (min-width: 1024px) {
  .ja-related-grid .jr-card-media {
    aspect-ratio: 4 / 3;
  }
}
.ja-related-grid .jr-kind {
  color: #8A8073;
}
.ja-related-grid .jr-card-title {
  margin-top: 9px;
  font-size: 20px;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .ja-related-grid .jr-card-title {
    margin-top: 10px;
    font-size: 22px;
  }
}
.ja-related-grid .jr-card-body {
  padding: 18px 20px;
}
@media (min-width: 1024px) {
  .ja-related-grid .jr-card-body {
    padding-top: 15px;
  }
}
.ja-related-grid .jr-card-text {
  margin: 6px 0 30px;
  font-size: 13.5px;
  line-height: 1.55;
  color: #514C45;
}
.ja-related-grid .jr-card-foot {
  padding-top: 0;
  border-top: 0;
}
.ja-subscribe {
  margin-top: 30px;
  padding: 27px 24px 22px;
}
.ja-subscribe .nw-subscribe-title {
  font-size: 26px;
  line-height: 1.6;
}
.ja-subscribe .nw-subscribe-text {
  margin-top: 7px;
}
.ja-subscribe .nw-subscribe-form {
  margin-top: 16px;
}
.ja-subscribe .nw-subscribe-form .btn {
  min-height: 47px;
}
.ja-subscribe .nw-subscribe-note {
  margin-top: 22px;
  line-height: 1.65;
}
@media (min-width: 1024px) {
  .ja-subscribe {
    grid-template-columns: minmax(0, 1fr) 458px;
    gap: 48px;
    margin-top: 41px;
    padding: 42px 40px 39px;
  }
  .ja-subscribe .nw-subscribe-title {
    font-size: 30px;
    line-height: 1.15;
  }
  .ja-subscribe .nw-subscribe-text {
    margin-top: 9px;
  }
  .ja-subscribe .nw-subscribe-form {
    gap: 10px;
    margin-top: 6px;
  }
  .ja-subscribe .nw-subscribe-form .btn {
    min-height: 48px;
    padding: 12px 21px;
  }
  .ja-subscribe .nw-subscribe-note {
    margin-top: 2px;
    line-height: 1.4;
    white-space: nowrap;
  }
}
.ce-page {
  padding: 24px 0 44px;
}
@media (min-width: 1024px) {
  .ce-page {
    padding: 34px 0 72px;
  }
}
.ce-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 17px;
  padding: 28px 6px 45px;
  text-align: center;
}
@media (min-width: 1024px) {
  .ce-empty {
    margin-top: 27px;
    padding: 52px 24px 66px;
  }
}
.ce-art {
  width: 104px;
  height: auto;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .ce-art {
    width: 132px;
    margin-bottom: 26px;
  }
}
.ce-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 27px;
  line-height: 1.15;
  color: #111111;
}
@media (min-width: 1024px) {
  .ce-title {
    font-size: 38px;
  }
}
.ce-text {
  max-width: 320px;
  margin: 12px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #514C45;
}
@media (min-width: 1024px) {
  .ce-text {
    max-width: 460px;
    margin-top: 14px;
    font-size: 16px;
  }
}
.ce-btn {
  gap: 9px;
  width: 100%;
  max-width: 340px;
  min-height: 52px;
  margin-top: 24px;
  padding: 10px 34px;
  border-radius: 6px;
  font-size: 15px;
}
@media (min-width: 1024px) {
  .ce-btn {
    width: auto;
    max-width: none;
    min-height: 54px;
    margin-top: 30px;
  }
}
.ce-alt {
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.4;
}
.ce-alt a {
  color: #111111;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ce-alt a:hover {
  color: #9A7B3F;
}
.ce-rec {
  padding-top: 32px;
  border-top: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .ce-rec {
    padding-top: 44px;
  }
}
.ce-rec-title {
  margin: 0;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .ce-rec-title {
    font-size: 28px;
  }
}
.ce-rec-text {
  margin: 8px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #514C45;
}
.ce-grid {
  margin-top: 22px;
}
.ce-grid > li:nth-child(n + 3) {
  display: none;
}
@media (min-width: 640px) {
  .ce-grid > li:nth-child(n + 3) {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .ce-grid {
    margin-top: 28px;
  }
}
.gt-page {
  padding: 24px 0 40px;
}
@media (min-width: 1024px) {
  .gt-page {
    padding: 36px 0 56px;
  }
}
.gt-head {
  margin-top: 28px;
}
@media (min-width: 1024px) {
  .gt-head {
    margin-top: 30px;
  }
}
.gt-kind {
  margin: 0 0 18px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #8A8073;
}
@media (min-width: 1024px) {
  .gt-kind {
    margin-bottom: 21px;
  }
}
.gt-h1 {
  margin: 0 0 18px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 1.06;
  color: #111111;
}
@media (min-width: 1024px) {
  .gt-h1 {
    margin-bottom: 22px;
    font-size: 52px;
  }
}
.gt-lead {
  margin: 0 0 12px;
  max-width: 1100px;
  font-size: 16px;
  line-height: 1.375;
  color: #111111;
}
@media (min-width: 1024px) {
  .gt-lead {
    margin-bottom: 14px;
    font-size: 18px;
  }
}
.gt-meta {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #8A8073;
}
.gt-col {
  margin-top: 34px;
  margin-bottom: 33px;
}
@media (min-width: 1024px) {
  .gt-col {
    margin-top: 39px;
    margin-bottom: 8px;
  }
}
.gt-col h2 {
  margin: 30px 0 13px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 1.33;
  color: #111111;
}
@media (min-width: 1024px) {
  .gt-col h2 {
    margin: 39px 0 14px;
    font-size: 28px;
  }
}
.gt-col p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.375;
  color: #787168;
}
.gt-col a {
  color: #111111;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(17, 17, 17, 0.38);
  text-underline-offset: 2px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gt-col a:hover {
  color: #9A7B3F;
  text-decoration-color: currentColor;
}
.gt-col > :first-child {
  margin-top: 0;
}
.gt-col > :last-child {
  margin-bottom: 0;
}
.gt-sec {
  margin-bottom: 36px;
}
@media (min-width: 1024px) {
  .gt-sec {
    margin-bottom: 48px;
  }
}
.gt-sec-title {
  margin: 0 0 16px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 1.35;
  color: #111111;
}
@media (min-width: 1024px) {
  .gt-sec-title {
    margin-bottom: 19px;
    font-size: 30px;
  }
}
.gt-where {
  padding: 24px;
  border-radius: 8px;
  background: #F7F3EA;
}
@media (min-width: 1024px) {
  .gt-where {
    padding: 34px 36px 32px;
  }
}
.gt-where-title {
  margin: 0 0 13px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #111111;
}
@media (min-width: 1024px) {
  .gt-where-title {
    margin-bottom: 12px;
    font-size: 26px;
  }
}
.gt-where-text {
  margin: 0 0 24px;
  max-width: 700px;
  font-size: 14.5px;
  line-height: 1.4;
  color: #787168;
}
@media (min-width: 1024px) {
  .gt-where-text {
    margin-bottom: 27px;
  }
}
.gt-where-links {
  display: grid;
  gap: 0 28px;
  margin: 0;
}
.gt-where-links a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  font-size: 14.5px;
  line-height: 1.45;
  color: #111111;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gt-where-links a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #E7E0D5;
}
.gt-where-links a:hover {
  color: #9A7B3F;
}
.gt-where-links a svg {
  flex: none;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #8A8073;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gt-where-links a:hover svg {
  stroke: #9A7B3F;
}
@media (min-width: 640px) {
  .gt-where-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gt-where-links a:nth-child(odd)::after {
    right: -28px;
  }
}
.gt-cmp {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 85%;
  gap: 16px;
  margin: 0 -16px;
  padding: 0 16px 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.gt-cmp::-webkit-scrollbar {
  display: none;
}
@media (min-width: 640px) {
  .gt-cmp {
    grid-auto-columns: 46%;
    margin: 0 -24px;
    padding: 0 24px 4px;
  }
}
@media (min-width: 1024px) {
  .gt-cmp {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    overflow: visible;
  }
}
.gt-cmp-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 22px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  transition: box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .gt-cmp-card {
    padding: 24px;
  }
}
.gt-cmp-card.is-current {
  border-color: #111111;
  background: #F7F3EA;
}
.gt-cmp-card:hover {
  box-shadow: 0 14px 30px -18px rgba(40, 34, 24, 0.4);
  transform: translateY(-2px);
}
.gt-cmp-title {
  margin: 0 0 10px;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.35;
  color: #111111;
}
.gt-cmp-text {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.4;
  color: #787168;
}
@media (min-width: 1024px) {
  .gt-cmp-text {
    margin-bottom: 27px;
  }
}
.gt-cmp-tag {
  align-self: flex-start;
  margin-top: auto;
  padding: 4px 11px;
  border: 1px solid #E7E0D5;
  border-radius: 999px;
  background: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.36;
  color: #787168;
}
.gt-relterms {
  margin: 0;
  gap: 10px;
}
.gt-relterms .gl-pop-tag {
  min-height: 33px;
  font-size: 14.5px;
}
@media (min-width: 1024px) {
  .gt-relterms .gl-pop-tag {
    min-height: 38px;
  }
}
.gt-arts {
  display: grid;
  gap: 24px;
  margin: 0;
}
@media (min-width: 640px) {
  .gt-arts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .gt-arts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.gt-art-card .jr-card-media {
  aspect-ratio: 5 / 3;
}
.gt-art-card .jr-card-body {
  padding: 15px 20px 18px;
}
.gt-art-card .jr-kind {
  font-size: 10px;
  letter-spacing: 0;
}
.gt-art-card .jr-card-title {
  margin-top: 9px;
  font-size: 20px;
  line-height: 1.32;
}
.gt-art-card .jr-card-text {
  margin: 9px 0 21px;
  font-size: 14px;
  line-height: 1.4;
}
.gt-art-card .jr-card-foot {
  padding-top: 14px;
}
@media (min-width: 1024px) {
  .gt-art-card .jr-card-media {
    aspect-ratio: 3 / 2;
  }
  .gt-art-card .jr-card-body {
    padding-top: 17px;
  }
  .gt-art-card .jr-card-title {
    margin-top: 7px;
  }
  .gt-art-card .jr-card-text {
    margin: 7px 0 25px;
  }
  .gt-art-card .jr-card-foot {
    padding-top: 15px;
  }
}
.gt-cats {
  display: grid;
  gap: 12px;
  margin: 0;
}
@media (min-width: 1024px) {
  .gt-cats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}
.gt-cat-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 18px 22px;
  border: 1px solid #E7E0D5;
  border-radius: 8px;
  background: #FFFFFF;
  font-family: "Prata", "Times New Roman", Georgia, serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.35;
  color: #111111;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gt-cat-link svg {
  flex: none;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #8A8073;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gt-cat-link:hover {
  border-color: #D8D0C3;
  box-shadow: 0 14px 30px -18px rgba(40, 34, 24, 0.4);
  color: #9A7B3F;
}
.gt-cat-link:hover svg {
  stroke: #9A7B3F;
}
@media (min-width: 1024px) {
  .gt-faq {
    margin-bottom: 48px;
  }
}
.gt-faq-list {
  border-top: 1px solid #E7E0D5;
}
.gt-faq-item {
  padding-bottom: 16px;
  border-bottom: 1px solid #E7E0D5;
}
@media (min-width: 1024px) {
  .gt-faq-item {
    padding-bottom: 20px;
  }
}
.gt-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  color: #111111;
  cursor: pointer;
  list-style: none;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .gt-faq-q {
    padding-top: 20px;
  }
}
.gt-faq-q::-webkit-details-marker {
  display: none;
}
.gt-faq-q:hover {
  color: #9A7B3F;
}
.gt-faq-q svg {
  flex: none;
  width: 12px;
  height: 7px;
  fill: none;
  stroke: #8A8073;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.gt-faq-item[open] .gt-faq-q svg {
  transform: rotate(180deg);
}
.gt-faq-a {
  margin: 9px 0 0;
  max-width: 1100px;
  font-size: 14px;
  line-height: 1.6;
  color: #787168;
}
@media (min-width: 1024px) {
  .gt-faq-a {
    margin-top: 10px;
  }
}
.gt-help-form {
  display: grid;
  gap: 14px;
}
.gt-help-lead {
  margin: -4px 0 4px;
  font-size: 14px;
  line-height: 1.55;
  color: #787168;
}
.gt-help-submit {
  width: 100%;
  min-height: 52px;
  margin-top: 4px;
  border-radius: 6px;
  font-size: 15px;
}
.gt-help-note {
  margin: -2px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #8A8073;
}
.gt-help-note a {
  color: #111111;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gt-help-note a:hover {
  color: #9A7B3F;
}
.gt-cta {
  margin-top: 0;
  padding: 32px 20px;
}
@media (min-width: 1024px) {
  .gt-cta {
    padding: 44px 40px;
  }
}
.gt-cta .gl-cta-title {
  max-width: 700px;
  font-size: 24px;
  line-height: 1.36;
}
.gt-cta .gl-cta-text {
  margin-top: 12px;
  max-width: 600px;
  font-size: 15px;
  line-height: 1.33;
}
.gt-cta .btn {
  margin-top: 28px;
  padding: 12px 26px;
}
@media (min-width: 1024px) {
  .gt-cta .gl-cta-title {
    font-size: 28px;
  }
  .gt-cta .btn {
    margin-top: 36px;
  }
}