/* Zorini redesign. New styles land here and will be minified later.
   01 / Service Bar — Figma node 284:6103.
   02 / Main Header — Figma node 284:6119.
   Body text is Involve (Regular 400, SemiBold 600). Headings are Tenor Sans.
   The ZORINI wordmark is an outlined SVG from Figma (Tenor Sans 36). */

@font-face {
  font-family: "Tenor Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/tenor-sans-latin-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Tenor Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/tenor-sans-cyrillic-400.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Involve";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/involve-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Involve";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/involve-semibold-600.woff2") format("woff2");
}

/* style.css sets font-family on every element, so a family on a parent
   does not reach nested spans. Set Involve on the section, then inherit. */
.sk-service-bar,
.sk-main-header,
.sk-cat-nav,
.sk-hero,
.sk-cats,
.sk-benefits,
.sk-portfolio,
.sk-about,
.sk-measure,
.sk-home-promo,
.sk-home-journal,
.sk-design,
.sk-materials,
.sk-reviews,
.sk-seo,
.sk-catalog,
.sk-footer,
.sk-partner,
.sk-journal,
.sk-about-page,
.sk-info,
.sk-privacy,
.sk-promo,
.sk-promo-intro,
.sk-promo-feature,
.sk-promo-more,
.sk-promo-card,
.sk-promo-permanent,
.sk-mnav,
.fixed-overlay.fixed-overlay__modal,
.sk-service-bar *,
.sk-main-header *,
.sk-cat-nav *,
.sk-hero *,
.sk-cats *,
.sk-benefits *,
.sk-portfolio *,
.sk-about *,
.sk-measure *,
.sk-home-promo *,
.sk-home-journal *,
.sk-design *,
.sk-materials *,
.sk-reviews *,
.sk-seo *,
.sk-catalog *,
.sk-catpage,
.sk-catpage *,
.sk-works,
.sk-works *,
.sk-footer *,
.sk-partner *,
.sk-journal *,
.sk-about-page *,
.sk-privacy *,
.sk-reviews-page,
.sk-reviews-page *,
.sk-sitemap,
.sk-sitemap *,
.sk-info *,
.sk-promo *,
.sk-promo-intro *,
.sk-promo-feature *,
.sk-promo-more *,
.sk-promo-card *,
.sk-promo-permanent *,
.sk-mnav *,
.fixed-overlay.fixed-overlay__modal * {
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-main-header .fa,
.sk-main-header .fa:before,
.sk-main-header .fa:after {
  font-family: FontAwesome;
}

.header-top.sk-service-bar {
  background: #32352d;
  color: #f6f6f3;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}

.sk-service-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 48px;
  gap: 24px;
}

.sk-service-bar__links ul {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sk-service-bar__links li {
  margin: 0;
  padding: 0;
}

.sk-service-bar__aside {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
  flex-shrink: 0;
}

.sk-service-bar__links a,
.sk-service-bar__links span,
.sk-service-bar__hours,
.sk-service-bar__account,
.sk-service-bar__phone {
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
  color: #f6f6f3;
  text-decoration: none;
  white-space: nowrap;
}

.sk-service-bar__account {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sk-service-bar__icon {
  display: block;
  width: 20px;
  height: 20px;
  color: #e7e7e2;
  flex-shrink: 0;
}

.sk-service-bar a:hover {
  opacity: 0.72;
}

.sk-service-bar a:focus-visible {
  outline: 1px solid #f6f6f3;
  outline-offset: 3px;
}

.sk-service-bar__phone {
  display: none;
}

/* Below the laptop breakpoint the six links do not fit.
   Figma mobile header has no service bar; keep the phone that used to live here. */
@media (max-width: 1023px) {
  .sk-service-bar__inner {
    height: 36px;
    padding: 0 12px;
    gap: 12px;
  }

  .sk-service-bar__links,
  .sk-service-bar__hours {
    display: none;
  }

  .sk-service-bar__phone {
    display: inline;
  }

  .sk-service-bar__aside {
    gap: 16px;
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 1199px) and (min-width: 1024px) {
  .sk-service-bar__inner {
    padding: 0 24px;
  }

  .sk-service-bar__links ul {
    gap: 16px;
  }

  .sk-service-bar__aside {
    gap: 24px;
  }
}

/* 02 / Main Header */

.header-bottom.sk-main-header {
  position: relative;
  background: #f6f6f3;
  padding: 0;
  border-bottom: 0;
  z-index: 11;
}

.sk-main-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 120px;
  padding: 0 48px;
  gap: 32px;
}

.sk-main-header__brand {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  width: 192px;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
}

.sk-main-header__wordmark {
  display: block;
  width: 138px;
  height: 27px;
  flex-shrink: 0;
  color: #777c68;
  line-height: 0;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

.sk-main-header__wordmark svg {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.sk-main-header__descriptor {
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
  color: #32352d;
}

.sk-main-header__services {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.header-bottom.sk-main-header .sk-main-header__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 56px;
  margin: 0;
  padding: 12px 24px;
  border-radius: 999px;
  box-sizing: border-box;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
  position: static;
  top: 0;
  vertical-align: middle;
}

.header-bottom.sk-main-header .sk-main-header__btn_calc {
  background: transparent;
  color: #1c1b18;
  border: 1px solid #e7e7e2;
}

.header-bottom.sk-main-header .sk-main-header__btn_measure {
  background: #777c68;
  color: #f6f6f3;
  border: 1px solid #777c68;
}

.sk-main-header__btn-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.sk-main-header__btn_calc .sk-main-header__btn-icon {
  color: #777c68;
}

.sk-main-header__btn_measure .sk-main-header__btn-icon {
  color: #e7e7e2;
}

.header-bottom.sk-main-header .sk-main-header__btn:hover {
  opacity: 0.85;
}

.sk-main-header__contacts {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.sk-main-header__phone {
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #1c1b18;
  text-decoration: none;
  white-space: nowrap;
}

.sk-main-header__phone:hover {
  opacity: 0.72;
}

.sk-main-header__icons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-bottom.sk-main-header .sk-main-header__icon-btn,
.header-bottom.sk-main-header .search.sk-main-header__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e7e7e2;
  border-radius: 999px;
  background: transparent;
  color: #777c68;
  box-sizing: border-box;
  position: static;
  top: 0;
  cursor: pointer;
  text-decoration: none;
}

.sk-main-header__icon-btn svg,
.sk-main-header__icon-btn img {
  display: block;
  width: 20px;
  height: 20px;
}

/* Figma glyph boxes inside the 20px icon frames: search ~12.5, MAX 13.3×13.8, Telegram 16.25×14.59. */
.header-bottom.sk-main-header .sk-icon-tg {
  width: 16.55px;
  height: 14.6px;
}

.sk-main-header__icon-btn:hover {
  opacity: 0.72;
}

.header-bottom.sk-main-header .sk-main-header__fav {
  display: none;
  position: relative;
  text-decoration: none;
}

.sk-main-header__address {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 253px;
  flex-shrink: 0;
  color: #32352d;
  text-decoration: none;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-main-header__address svg {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #777c68;
}

.sk-main-header__address span {
  flex: 1;
  min-width: 0;
}

.sk-main-header__address:hover {
  opacity: 0.72;
}

.header-bottom.sk-main-header .search-form {
  top: 100%;
}

/* fixMenuBar() in common.js and kitrb.js still adds .scroll_padding-top
   after 41px, the height of the old top bar. The new header stays in
   normal flow, so that padding only shoves the service bar back on screen. */
body.scroll_padding-top {
  padding-top: 0;
}

.header-bottom.sk-main-header.fixed {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

@media (max-width: 1279px) and (min-width: 1024px) {
  .sk-main-header__address {
    display: none;
  }

  .sk-main-header__inner {
    padding: 0 20px;
    gap: 16px;
  }

  .header-bottom.sk-main-header .sk-main-header__btn {
    padding: 12px 16px;
  }
}

@media (max-width: 1023px) {
  .sk-main-header__inner {
    flex-wrap: wrap;
    min-height: 0;
    padding: 12px;
    gap: 12px;
  }

  .sk-main-header__brand {
    width: auto;
    flex: 1;
    gap: 0;
  }

  .sk-main-header__descriptor,
  .sk-main-header__phone,
  .sk-main-header__address {
    display: none;
  }

  .sk-main-header__wordmark {
    width: 107px;
    height: 21px;
  }

  .header-bottom.sk-main-header .sk-main-header__fav {
    display: inline-flex;
  }

  .sk-main-header__services {
    order: 4;
    width: 100%;
    gap: 8px;
  }

  .header-bottom.sk-main-header .sk-main-header__btn {
    flex: 1;
    min-width: 0;
    height: 44px;
    gap: 6px;
    padding: 8px;
    font-size: 12px;
  }

  .sk-main-header__btn-icon {
    width: 18px;
    height: 18px;
  }
}

/* Page / Homepage / Mobile / 390 — header 1042:6405.
   No service bar. Logo and «Мебель на заказ», then search and the menu. */
@media (max-width: 767px) {
  .sk-service-bar {
    display: none;
  }

  .sk-main-header__inner {
    align-items: center;
    padding: 18px 16px 14px;
    gap: 26px 12px;
  }

  .sk-main-header__brand {
    order: 1;
    flex: 1 1 auto;
    gap: 2px;
    width: auto;
  }

  .sk-main-header__wordmark {
    width: 122px;
    height: 24px;
  }

  .sk-main-header__descriptor {
    display: block;
    font-size: 0;
    line-height: 0;
  }

  .sk-main-header__descriptor br {
    display: none;
  }

  .sk-main-header__descriptor::after {
    content: "Мебель на заказ";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.024px;
    color: #32352d;
  }

  .sk-main-header__contacts {
    order: 2;
  }

  .header-bottom.sk-main-header .sk-main-header__icons a {
    display: none;
  }

  .header-bottom.sk-main-header .sk-main-header__menu {
    order: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    border: 1px solid #e7e7e2;
    border-radius: 999px;
    box-sizing: border-box;
  }

  .header-bottom.sk-main-header .sk-main-header__menu .bar {
    width: 16px;
    height: 1.5px;
    margin: 2px 0;
    background: #777c68;
  }

  .sk-main-header__services {
    gap: 12px;
  }

  .header-bottom.sk-main-header .sk-main-header__btn {
    height: 56px;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .sk-main-header__btn-icon {
    width: 20px;
    height: 20px;
  }
}

/* 03 / Category Navigation — Figma 1136:818, expanded row 1137:842. */
.wrapper.sk-cat-nav {
  max-width: none;
  background: #f6f6f3;
  border-bottom: 0;
  padding-bottom: 0;
}

.sk-cat-nav .content-wrapper {
  max-width: none;
  padding: 0;
}

.sk-cat-nav .top-menu-wrap {
  display: block;
  height: auto;
  overflow: visible;
  justify-content: flex-start;
}

.sk-cat-nav .sk-cat-nav__row,
.sk-cat-nav .sk-cat-nav__extra {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
  background: #f6f6f3;
}

.sk-cat-nav .sk-cat-nav__row {
  justify-content: space-between;
  min-height: 112px;
  padding: 16px 48px;
  border-bottom: 1px solid #e7e7e2;
}

.sk-cat-nav .sk-cat-nav__extra {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc((100% - 1196px) / 12);
  min-height: 112px;
  padding: 8px 48px 16px;
}

.sk-cat-nav.is-open .sk-cat-nav__extra {
  display: flex;
}

.sk-cat-nav .top-menu__item,
.sk-cat-nav .sk-cat-nav__more {
  flex: 0 0 92px;
  width: 92px;
  min-height: 80px;
  margin: 0;
  background: transparent;
}

.sk-cat-nav .top-menu__item.hover {
  background: #e7e7e2;
  border-radius: 16px;
}

.sk-cat-nav .top-menu__link,
.sk-cat-nav .sk-cat-nav__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 80px;
  padding: 0;
  border: 0;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.sk-cat-nav .top-menu__link {
  width: 100%;
}

.sk-cat-nav .top-menu__item-ico {
  margin: 0;
}

.sk-cat-nav .top-menu__item-ico img,
.sk-cat-nav .top-menu__item-ico svg {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto;
}

.sk-cat-nav .top-menu__item-title {
  width: 100%;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
  color: #1c1b18;
  text-align: center;
}

.sk-cat-nav .top-menu__item-ico svg.sk-cat-nav__icon-collapse,
.sk-cat-nav .sk-cat-nav__label-collapse {
  display: none;
}

.sk-cat-nav.is-open .top-menu__item-ico svg.sk-cat-nav__icon-more,
.sk-cat-nav.is-open .sk-cat-nav__label-more {
  display: none;
}

.sk-cat-nav.is-open .top-menu__item-ico svg.sk-cat-nav__icon-collapse,
.sk-cat-nav.is-open .sk-cat-nav__label-collapse {
  display: block;
}

/*  Section / 02 / Hero — Figma 74:5785, mobile 839:432.
    Slides are Group 2 (1235:8405): photo, text and button in the JPG.
    Whole slide stays a link, href as on the previous slider. */
.sk-hero {
  width: 100%;
  background: #fafafb;
}

.sk-hero .owl-carousel-home-slider .sk-hero__slide {
  display: block;
  line-height: 0;
  text-decoration: none;
}

.sk-hero .owl-carousel-home-slider .sk-hero__slide img {
  display: block;
  width: 100%;
  height: auto;
}

.sk-hero .owl-carousel-home-slider .owl-dots {
  position: absolute;
  left: 50%;
  bottom: 23px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2px;
  width: auto;
  margin: 0;
  transform: translateX(-50%);
}

.sk-hero .owl-theme .owl-dots .owl-dot {
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}

.sk-hero .owl-theme .owl-dots .owl-dot span {
  display: block;
  width: 9px;
  height: 9px;
  margin: 0;
  background: #e7e7e2 !important;
  opacity: 1;
  border-radius: 100px;
}

.sk-hero .owl-theme .owl-dots .owl-dot:hover span {
  width: 9px;
  background: #e7e7e2 !important;
}

.sk-hero .owl-theme .owl-dots .owl-dot.active span,
.sk-hero .owl-theme .owl-dots .owl-dot.active:hover span {
  width: 32px;
  background: #ffffff !important;
}

@media (max-width: 767px) {
  .sk-hero .owl-carousel-home-slider .owl-dots {
    bottom: 32px;
  }
}

/* Section / 03 / Categories — Figma 74:5808, mobile 839:440.
   Photos and prices are hardcoded. Links go to the catalog categories. */
.sk-cats {
  box-sizing: border-box;
  width: 100%;
  padding: 80px 96px;
  background: #fafafb;
  color: #181918;
}

.sk-cats *,
.sk-cats *::before,
.sk-cats *::after {
  box-sizing: border-box;
}

.sk-cats__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 40px;
}

.sk-cats__heading {
  max-width: 820px;
  margin: 0;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
  color: #181918;
  text-align: left;
}

.sk-cats__aside {
  display: flex;
  flex: 0 0 396px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 396px;
}

.sk-cats__lead {
  margin: 0;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #32352d;
}

.sk-cats__lead--mobile {
  display: none;
}

.sk-cats__all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  padding: 12px 32px;
  border-radius: 999px;
  background: #777c68;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-decoration: none;
}

.sk-cats__all:hover,
.sk-cats__all:focus {
  background: #6a6f5c;
  color: #f6f6f3;
  text-decoration: none;
}

.sk-cats__all--tile {
  display: none;
}

.sk-cats__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.sk-cats__card {
  position: relative;
  display: block;
  aspect-ratio: 403 / 401;
  overflow: hidden;
  border-radius: 24px;
  background: #e7e7e2;
  color: #f6f6f3;
  text-decoration: none;
}

.sk-cats__card img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.sk-cats__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 12%, rgba(102, 102, 102, 0) 100%);
  pointer-events: none;
}

.sk-cats__card:hover img,
.sk-cats__card:focus img {
  transform: scale(1.03);
}

.sk-cats__name {
  position: absolute;
  top: 28px;
  left: 24px;
  z-index: 2;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #f6f6f3;
}

.sk-cats__meta {
  position: absolute;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 62px;
  padding: 16px 8px;
  border-radius: 16px;
  background: rgba(50, 53, 45, 0.2);
  color: #e7e7e2;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.sk-cats__arrow {
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0.7px solid #e7e7e2;
  border-radius: 50%;
  color: #e7e7e2;
}

.sk-cats__arrow svg {
  display: block;
  width: 13px;
  height: 10px;
}

@media (max-width: 1439px) {
  .sk-cats {
    padding: 64px 48px;
  }
}

@media (max-width: 1279px) {
  .sk-cats__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .sk-cats__aside {
    flex-basis: auto;
    width: auto;
    max-width: 520px;
  }
}

@media (max-width: 1099px) {
  .sk-cats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .sk-cats {
    padding: 48px 20px;
  }

  .sk-cats__heading {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (max-width: 767px) {
  .sk-cats {
    padding: 32px 16px;
    background: #f6f6f3;
  }

  .sk-cats__head {
    gap: 24px;
    margin-bottom: 24px;
  }

  .sk-cats__heading {
    max-width: none;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.34px;
    color: #1c1b18;
  }

  .sk-cats__lead--desktop {
    display: none;
  }

  .sk-cats__lead--mobile {
    display: block;
    max-width: 300px;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-cats__aside .sk-cats__all {
    display: none;
  }

  .sk-cats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .sk-cats__card {
    aspect-ratio: 1;
    border-radius: 16px;
  }

  .sk-cats__name {
    top: 14px;
    left: 14px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.072px;
  }

  .sk-cats__meta {
    right: 12px;
    bottom: 12px;
    left: 12px;
    min-height: 44px;
    padding: 12px 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .sk-cats__note {
    display: none;
  }

  .sk-cats__arrow {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
  }

  .sk-cats__arrow svg {
    width: 9px;
    height: 7px;
  }

  .sk-cats__all--tile {
    display: flex;
    aspect-ratio: 1;
    height: auto;
    padding: 16px;
    border-radius: 24px;
    color: #ffffff;
    text-align: center;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .sk-cat-nav .sk-cat-nav__row,
  .sk-cat-nav .sk-cat-nav__extra {
    padding-left: 20px;
    padding-right: 20px;
    gap: 4px;
    justify-content: flex-start;
  }

  .sk-cat-nav .top-menu__item,
  .sk-cat-nav .sk-cat-nav__more,
  .sk-cat-nav .top-menu__link {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
}

/* Archive / Benefits / Legacy — Figma 74:5810, open steps in Frame 2 (1159:3173),
   mobile 840:412. Copy, icons and photos are hardcoded. */
.sk-benefits {
  width: 100%;
  padding: 80px 96px;
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-benefits__layout {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.sk-benefits__col {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
}

.sk-benefits__col:first-child {
  flex: 556 1 0%;
}

.sk-benefits__col:last-child {
  flex: 640 1 0%;
}

.sk-benefits__split {
  align-self: stretch;
  flex: 0 0 1px;
  width: 1px;
  background: #e7e7e2;
}

.sk-benefits__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.sk-benefits__heading {
  margin: 0;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
  color: #1c1b18;
  text-align: left;
}

.sk-benefits__lead {
  max-width: 528px;
  margin: 0;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #32352d;
}

.sk-benefits__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 16px;
}

.sk-benefits__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 270px;
  padding: 8px 16px 16px;
  border: 1px solid #e7e7e2;
  border-radius: 8px;
  background: transparent;
}

.sk-benefits__card:hover {
  background: #777c68;
  border-color: #e7e7e2;
}

.sk-benefits__icon {
  display: block;
  width: 80px;
  height: 80px;
  background: #777c68;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.sk-benefits__icon--production {
  -webkit-mask-image: url("/image/catalog/banners/redesign/benefits/production.svg");
  mask-image: url("/image/catalog/banners/redesign/benefits/production.svg");
}

.sk-benefits__icon--custom {
  -webkit-mask-image: url("/image/catalog/banners/redesign/benefits/custom.svg");
  mask-image: url("/image/catalog/banners/redesign/benefits/custom.svg");
}

.sk-benefits__icon--materials {
  -webkit-mask-image: url("/image/catalog/banners/redesign/benefits/materials.svg");
  mask-image: url("/image/catalog/banners/redesign/benefits/materials.svg");
}

.sk-benefits__icon--craft {
  -webkit-mask-image: url("/image/catalog/banners/redesign/benefits/craft.svg");
  mask-image: url("/image/catalog/banners/redesign/benefits/craft.svg");
}

.sk-benefits__icon--quality {
  -webkit-mask-image: url("/image/catalog/banners/redesign/benefits/quality.svg");
  mask-image: url("/image/catalog/banners/redesign/benefits/quality.svg");
}

.sk-benefits__icon--finishes {
  -webkit-mask-image: url("/image/catalog/banners/redesign/benefits/finishes.svg");
  mask-image: url("/image/catalog/banners/redesign/benefits/finishes.svg");
}

.sk-benefits__card:hover .sk-benefits__icon {
  background: #f6f6f3;
}

.sk-benefits__card-title {
  margin: 0;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c1b18;
}

.sk-benefits__card-text {
  margin: 0;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #32352d;
}

.sk-benefits__card-text--mobile {
  display: none;
}

.sk-benefits__card:hover .sk-benefits__card-title,
.sk-benefits__card:hover .sk-benefits__card-text {
  color: #f6f6f3;
}

.sk-benefits__steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sk-benefits__step {
  padding: 20px 24px;
  border-radius: 20px;
  background: transparent;
}

.sk-benefits__step.is-open {
  background: #e7e7e2;
}

.sk-benefits__head {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sk-benefits__step.is-open .sk-benefits__head {
  align-items: flex-start;
  gap: 14px;
}

.sk-benefits__head:focus-visible {
  outline: 1px solid #777c68;
  outline-offset: 4px;
}

.sk-benefits__copy {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

.sk-benefits__step.is-open .sk-benefits__copy {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.sk-benefits__name {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.sk-benefits__num {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #777c68;
}

.sk-benefits__title {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c1b18;
}

.sk-benefits__short,
.sk-benefits__long {
  font-family: "Involve", "Open Sans", sans-serif;
  font-weight: 400;
  color: #32352d;
}

.sk-benefits__short {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-benefits__long {
  display: none;
  font-size: 14px;
  line-height: 20px;
}

.sk-benefits__step.is-open .sk-benefits__short {
  display: none;
}

.sk-benefits__step.is-open .sk-benefits__long {
  display: block;
}

.sk-benefits__chev {
  display: flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e7e7e2;
  color: #1c1b18;
}

.sk-benefits__step.is-open .sk-benefits__chev {
  background: #f6f6f3;
}

.sk-benefits__chev svg {
  display: block;
  width: 24px;
  height: 24px;
}

.sk-benefits__photo {
  display: none;
  width: 100%;
  height: 116px;
  max-width: none;
  margin-top: 16px;
  border-radius: 8px;
  object-fit: cover;
}

.sk-benefits__step.is-open .sk-benefits__photo {
  display: block;
}

.sk-benefits__rule {
  height: 0;
  border-top: 0.5px solid #e7e7e2;
}

@media (max-width: 1439px) {
  .sk-benefits {
    padding: 64px 48px;
  }
}

@media (max-width: 1279px) {
  .sk-benefits__layout {
    flex-direction: column;
    gap: 48px;
  }

  .sk-benefits__col:first-child,
  .sk-benefits__col:last-child {
    flex-basis: auto;
    width: 100%;
  }

  .sk-benefits__split {
    display: none;
  }

  .sk-benefits__grid {
    max-width: 720px;
  }
}

@media (max-width: 1023px) {
  .sk-benefits {
    padding: 48px 20px;
  }

  .sk-benefits__heading {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (max-width: 767px) {
  .sk-benefits {
    padding: 32px 16px;
    background: #f6f6f3;
  }

  .sk-benefits__layout,
  .sk-benefits__col,
  .sk-benefits__intro {
    gap: 24px;
  }

  .sk-benefits__heading {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-benefits__lead {
    max-width: none;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-benefits__grid {
    max-width: none;
    gap: 8px;
  }

  .sk-benefits__card {
    min-height: 0;
    padding: 8px 12px 16px;
    border-color: #d8ccbc;
  }

  .sk-benefits__icon {
    width: 40px;
    height: 40px;
  }

  .sk-benefits__card-title {
    font-size: 18px;
    line-height: 22px;
  }

  .sk-benefits__card-text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.024px;
  }

  .sk-benefits__card-text--desktop {
    display: none;
  }

  .sk-benefits__card-text--mobile {
    display: block;
  }

  .sk-benefits__card:hover .sk-benefits__card-title,
  .sk-benefits__card:hover .sk-benefits__card-text {
    color: #ffffff;
  }

  .sk-benefits__steps {
    gap: 8px;
  }

  .sk-benefits__step {
    padding: 12px;
  }

  .sk-benefits__head,
  .sk-benefits__step.is-open .sk-benefits__head {
    gap: 16px;
  }

  .sk-benefits__copy,
  .sk-benefits__step.is-open .sk-benefits__copy {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .sk-benefits__step.is-open .sk-benefits__name {
    gap: 16px;
  }

  .sk-benefits__num {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-benefits__title {
    font-size: 18px;
    line-height: 22px;
  }

  .sk-benefits__short {
    flex: none;
  }

  .sk-benefits__long {
    font-size: 12px;
    line-height: 16px;
  }

  .sk-benefits__photo {
    margin-top: 12px;
  }
}

/* ZORINI / Hover state / Шкафы — dropdown 1276:1062.
   Panel, title and link pills. The olive pill is the link hover. */
.sk-cat-nav .sub-menu {
  left: 40px;
  right: 40px;
  z-index: 30;
  padding-top: 8px;
}

.sk-cat-nav .sub-menu__corner {
  display: none;
}

.sk-cat-nav .sub-menu__content {
  background: #f6f6f3;
  padding: 32px;
  border: 1px solid #d8ccbc;
  border-radius: 8px;
  box-shadow: none;
}

.sk-cat-nav .sub-menu__top {
  align-items: center;
  gap: 18px;
  margin-bottom: 25px;
}

.sk-cat-nav .sub-menu__line {
  display: none;
}

.sk-cat-nav .sub-menu__title {
  flex: 1 1 auto;
  margin: 0;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #32352d;
}

.sk-cat-nav .sub-menu__all-link {
  height: 40px;
  padding: 8px 12px;
  border-radius: 6px;
  background: #e7e7e2;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
}

.sk-cat-nav .sub-menu__all-link svg {
  display: none;
}

.sk-cat-nav .sub-menu__all-link::after {
  content: "\00a0\2192";
}

.sk-cat-nav .sub-menu__all-link:hover {
  background: #deded8;
  color: #1c1b18;
}

.sk-cat-nav .sub-menu__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
}

.sk-cat-nav .sub-menu__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: auto;
  margin: 0;
  padding: 0;
}

.sk-cat-nav .sub-menu__item--right {
  display: none;
}

.sk-cat-nav .sub-menu__item-title {
  display: block;
  margin: 0;
  color: #777c68;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-cat-nav .sub-menu__item-title:hover,
.sk-cat-nav span.sub-menu__item-title:hover {
  color: #777c68;
}

.sk-cat-nav .sub-menu__item-title svg {
  display: none;
}

.sk-cat-nav .sub-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk-cat-nav .sub-menu__nav-link {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 36px;
  margin: 0;
  padding: 8px 8px 8px 12px;
  overflow: visible;
  border-radius: 6px;
  background: #e7e7e2;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: normal;
  text-overflow: clip;
}

.sk-cat-nav .sub-menu__nav-link:hover,
.sk-cat-nav .sub-menu__nav-link.is-current {
  background: #777c68;
  color: #ffffff;
}

@media (max-width: 1439px) {
  .sk-cat-nav .sub-menu {
    left: 20px;
    right: 20px;
  }
}

/* Section / 04 / Portfolio — Figma node 196:7169. Pagination / Projects sits on the hero. */

.sk-portfolio {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 80px 96px;
  background: #f6f6f3;
}

.sk-portfolio *,
.sk-portfolio *::before,
.sk-portfolio *::after {
  box-sizing: border-box;
}

.sk-portfolio__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: 40px;
}

.sk-portfolio__heading {
  max-width: 661px;
  margin: 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-portfolio__lead {
  max-width: 405px;
  margin: 0;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-portfolio__hero {
  position: relative;
  margin-bottom: 16px;
}

.sk-portfolio__stage.owl-carousel {
  position: relative;
  z-index: 1;
}

.sk-portfolio .owl-carousel .owl-stage-outer {
  border-radius: 24px;
}

.sk-portfolio__slide {
  position: relative;
  aspect-ratio: 1248 / 689;
  overflow: hidden;
  border-radius: 24px;
  background: #1c1b18;
}

.sk-portfolio .owl-item .sk-portfolio__img,
.sk-portfolio .owl-item .sk-portfolio__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.sk-portfolio__img,
.sk-portfolio__shade {
  position: absolute;
  inset: 0;
}

.sk-portfolio__img {
  object-fit: cover;
}

.sk-portfolio__shade {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38%, #000000 100%);
}

.sk-portfolio__copy {
  position: absolute;
  left: 32px;
  right: 128px;
  bottom: 48px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 651px;
}

.sk-portfolio__copy-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk-portfolio__name {
  margin: 0;
  color: #f6f6f3;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.4px;
}

.sk-portfolio__name a {
  color: inherit;
  text-decoration: none;
}

.sk-portfolio__text {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.sk-portfolio__more {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 12px 32px;
  border-radius: 999px;
  background: #777c68;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-decoration: none;
}

.sk-portfolio__more:hover {
  color: #f6f6f3;
  background: #32352d;
}

.sk-portfolio__pages {
  position: absolute;
  z-index: 2;
  top: 32px;
  right: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk-portfolio__page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  min-height: 90px;
  margin: 0;
  padding: 29px 16px;
  border: 1px solid #777c68;
  border-radius: 16px;
  background: transparent;
  color: #f6f6f3;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  cursor: pointer;
}

.sk-portfolio__page.is-active {
  border-color: #f6f6f3;
  background: #f6f6f3;
  color: #777c68;
}

.sk-portfolio__mobile-nav,
.sk-portfolio__others,
.sk-portfolio__all--mobile {
  display: none;
}

.sk-portfolio__thumbs {
  margin-bottom: 16px;
}

.sk-portfolio__thumbs.owl-carousel .owl-stage {
  display: flex;
}

.sk-portfolio__thumbs .owl-item {
  display: flex;
}

.sk-portfolio__thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 215px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #1c1b18;
  cursor: pointer;
}

.sk-portfolio__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.72) 100%);
}

.sk-portfolio .owl-item .sk-portfolio__thumb img {
  position: absolute;
  inset: 0;
}

.sk-portfolio__thumb-name {
  position: absolute;
  z-index: 1;
  left: 24px;
  right: 16px;
  bottom: 16px;
  color: #ffffff;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}

.sk-portfolio__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.sk-portfolio__arrows {
  display: flex;
  align-items: center;
  gap: 24px;
}

.sk-portfolio__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  border: 1px solid #e7e7e2;
  border-radius: 999px;
  background: #f6f6f3;
  color: #1c1b18;
  cursor: pointer;
}

.sk-portfolio__arrow:hover {
  background: #1c1b18;
  border-color: #1c1b18;
  color: #f6f6f3;
}

.sk-portfolio__all {
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-decoration: none;
  white-space: nowrap;
}

.sk-portfolio__all:hover {
  color: #32352d;
}

@media (max-width: 1439px) {
  .sk-portfolio {
    padding: 64px 48px;
  }
}

@media (max-width: 1279px) {
  .sk-portfolio__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .sk-portfolio__heading {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (max-width: 1023px) {
  .sk-portfolio {
    padding: 48px 20px;
  }

  .sk-portfolio__name {
    font-size: 32px;
    line-height: 40px;
  }

  .sk-portfolio__page {
    width: 48px;
    min-height: 64px;
    padding: 16px 8px;
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .sk-portfolio {
    padding: 32px 16px;
    gap: 0;
  }

  .sk-portfolio__head {
    margin-bottom: 24px;
    gap: 12px;
  }

  .sk-portfolio__heading {
    max-width: none;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-portfolio__lead {
    max-width: none;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-portfolio__hero {
    margin-bottom: 18px;
  }

  .sk-portfolio .owl-carousel .owl-stage-outer,
  .sk-portfolio__slide {
    border-radius: 16px;
  }

  .sk-portfolio__slide {
    aspect-ratio: auto;
    height: 352px;
  }

  .sk-portfolio__copy {
    left: 12px;
    right: 12px;
    bottom: 24px;
    gap: 8px;
    max-width: none;
  }

  .sk-portfolio__name {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-portfolio__text {
    font-size: 12px;
    line-height: 16px;
    -webkit-line-clamp: 2;
  }

  .sk-portfolio__more {
    height: 42px;
    padding: 12px 32px;
  }

  .sk-portfolio__pages,
  .sk-portfolio__arrows,
  .sk-portfolio__all--desktop {
    display: none;
  }

  .sk-portfolio__mobile-nav {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
  }

  .sk-portfolio__chev {
    display: inline-flex;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 1px solid #e7e7e2;
    border-radius: 100px;
    background: transparent;
    color: #1c1b18;
    cursor: pointer;
  }

  .sk-portfolio__current,
  .sk-portfolio__total {
    color: #32352d;
    font-family: "Tenor Sans", "Oranienbaum", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
  }

  .sk-portfolio__bar {
    flex: 1 1 auto;
    height: 4px;
    overflow: hidden;
    border-radius: 20px;
    background: #d8ccbc;
  }

  .sk-portfolio__bar-fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: 20px;
    background: #777c68;
  }

  .sk-portfolio__foot {
    margin-bottom: 18px;
  }

  .sk-portfolio__others,
  .sk-portfolio__all--mobile {
    display: block;
  }

  .sk-portfolio__others {
    margin: 0;
    color: #32352d;
    font-family: "Tenor Sans", "Oranienbaum", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
  }

  .sk-portfolio__thumb {
    height: 100px;
    border-radius: 12px;
  }

  .sk-portfolio__thumb-name {
    left: 12px;
    right: 8px;
    bottom: 8px;
    font-family: "Involve", "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 16px;
  }
}

/* Section / 05 / About & Production — Figma 74:5812, mobile 840:500.
   Copy and photo are hardcoded. The button uses the live about page. */

.sk-about {
  width: 100%;
  padding: 80px 96px;
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-about__layout {
  display: flex;
  align-items: center;
  gap: 64px;
}

.sk-about__media {
  flex: 700 1 0%;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  background: #e7e7e2;
}

.sk-about__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 700 / 620;
  object-fit: cover;
}

.sk-about__copy {
  display: flex;
  flex: 484 1 0%;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
}

.sk-about__heading {
  margin: 0;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
  color: #181918;
}

.sk-about__text--desktop {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.sk-about__text--desktop p,
.sk-about__text--mobile {
  margin: 0;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #32352d;
}

.sk-about__text--mobile {
  display: none;
}

.sk-about__metrics {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}

.sk-about__metric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sk-about__value {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #1c1b18;
  white-space: nowrap;
}

.sk-about__label {
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
  color: #777c68;
}

.sk-about__label--mobile {
  display: none;
}

.sk-about__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 196px;
  height: 56px;
  padding: 12px 32px;
  border-radius: 999px;
  background: #32352d;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-decoration: none;
}

.sk-about__more:hover,
.sk-about__more:focus {
  background: #181918;
  color: #f6f6f3;
  text-decoration: none;
}

@media (max-width: 1439px) {
  .sk-about {
    padding: 64px 48px;
  }
}

@media (max-width: 1023px) {
  .sk-about {
    padding: 48px 20px;
  }

  .sk-about__layout {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .sk-about {
    padding: 32px 16px;
  }

  .sk-about__media {
    border-radius: 16px;
  }

  .sk-about__media img {
    aspect-ratio: 358 / 260;
  }

  .sk-about__heading {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: 0;
    color: #1c1b18;
  }

  .sk-about__text--desktop {
    display: none;
  }

  .sk-about__text--mobile {
    display: block;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-about__metrics {
    gap: 8px;
  }

  .sk-about__metric {
    flex: 1 1 0;
    gap: 4px;
  }

  .sk-about__value {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-about__label--desktop {
    display: none;
  }

  .sk-about__label--mobile {
    display: block;
    color: #32352d;
    letter-spacing: 0;
  }

  .sk-about__more {
    width: 160px;
    height: 52px;
    gap: 10px;
    padding: 12px 16px;
  }
}

/* Section / 06 / Measurement Form — Figma 74:5813, mobile 840:517.
   Request title is shorter than the heading: the callback field allows 32 characters. */

.sk-measure {
  box-sizing: border-box;
  width: 100%;
  padding: 40px 32px;
  background: #f6f6f3;
}

.sk-measure *,
.sk-measure *::before,
.sk-measure *::after {
  box-sizing: border-box;
}

.sk-measure__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 72px;
  min-height: 440px;
  padding: 64px;
  border-radius: 28px;
  background-color: #1c1b18;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("/image/catalog/banners/redesign/measure/background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.sk-measure__offer {
  display: flex;
  flex: 0 1 470px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 470px;
  min-width: 0;
}

.sk-measure__heading {
  margin: 0;
  color: #f6f6f3;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 63px;
  letter-spacing: 0;
}

.sk-measure__lead {
  max-width: 430px;
  margin: 0;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  opacity: 0.72;
}

.sk-measure__form {
  display: flex;
  flex: 0 1 454px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 454px;
  max-width: 100%;
  margin: 0;
}

.sk-measure__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 0;
}

.sk-measure__label {
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-measure__control {
  display: block;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 16px 20px;
  border: 1px solid #e7e7e2;
  border-radius: 16px;
  background: #e7e7e2;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  outline: none;
}

.sk-measure__control::placeholder {
  color: #777c68;
  opacity: 1;
}

.sk-measure__control:focus {
  border-color: #777c68;
}

.sk-measure__select {
  position: relative;
  display: block;
  width: 100%;
}

.sk-measure__select .sk-measure__control {
  padding-right: 48px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.sk-measure__select .sk-measure__control:invalid,
.sk-measure__select .sk-measure__control option[value=""] {
  color: #777c68;
}

.sk-measure__select svg {
  position: absolute;
  top: 22px;
  right: 20px;
  pointer-events: none;
}

.sk-measure__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  margin: 0;
  padding: 12px 32px;
  border: 0;
  border-radius: 999px;
  background: #777c68;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  cursor: pointer;
}

.sk-measure__submit:hover,
.sk-measure__submit:focus {
  background: #777c68;
  color: #f6f6f3;
  opacity: 0.85;
}

.sk-measure__submit:disabled {
  cursor: default;
  opacity: 0.6;
}

.sk-measure__consent {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 421px;
  margin: 0;
  cursor: pointer;
}

.sk-measure__agree {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
}

.sk-measure__box {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 0;
  border: 1.5px solid #f6f6f3;
  border-radius: 4px;
}

.sk-measure__agree:checked + .sk-measure__box {
  border-color: #777c68;
  background: #777c68;
}

.sk-measure__agree:checked + .sk-measure__box::after {
  content: "";
  display: block;
  width: 8px;
  height: 5px;
  margin: 4px 0 0 4px;
  border-bottom: 1.5px solid #fff;
  border-left: 1.5px solid #fff;
  transform: rotate(-45deg);
}

.sk-measure__agree:focus + .sk-measure__box {
  outline: 2px solid #f6f6f3;
  outline-offset: 2px;
}

.sk-measure__consent-text {
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
  opacity: 0.55;
}

.sk-measure__consent-text a {
  color: inherit;
  text-decoration: underline;
}

.sk-measure__status {
  display: none;
  width: 100%;
  margin: 0;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-measure__status.is-ok,
.sk-measure__status.is-error {
  display: block;
}

.sk-measure__status.is-error {
  color: #ffd9d2;
}

@media (max-width: 1023px) {
  .sk-measure {
    padding: 40px 20px;
  }

  .sk-measure__card {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    min-height: 0;
    padding: 40px 32px;
  }

  .sk-measure__offer,
  .sk-measure__form {
    flex-basis: auto;
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .sk-measure {
    padding: 32px 16px;
  }

  .sk-measure__card {
    gap: 14px;
    padding: 26px 16px;
    border-radius: 20px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/image/catalog/banners/redesign/measure/background.png");
  }

  .sk-measure__offer {
    gap: 14px;
  }

  .sk-measure__heading {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-measure__lead {
    max-width: none;
    font-size: 14px;
    line-height: 20px;
    opacity: 1;
  }

  .sk-measure__control {
    border-color: #e7dfd2;
    background: #e7dfd2;
  }

  .sk-measure__submit {
    height: 42px;
  }
}

/* 19 / Promotions — Figma page 724:6764. */

.sk-promo {
  background: #f6f6f3;
  color: #181918;
}

.sk-promo h1,
.sk-promo h2,
.sk-promo h3,
.sk-promo p {
  margin: 0;
  text-align: left;
}

.sk-promo__crumbs {
  padding: 32px 96px;
}

.sk-promo__crumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #777c68;
}

.sk-promo__crumbs a {
  color: #777c68;
  text-decoration: none;
}

.sk-promo__crumbs a:hover {
  color: #32352d;
}

.sk-promo__crumbs li + li:before {
  content: "·";
  margin-right: 8px;
  color: #777c68;
}

.sk-promo__crumbs li[aria-current="page"] {
  color: #32352d;
}

.sk-promo-intro {
  padding: 8px 96px 40px;
}

.sk-promo-intro__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}

.sk-promo-intro h1 {
  flex: 1 1 740px;
  max-width: 740px;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: -1.08px;
  color: #1c1b18;
}

.sk-promo-intro p {
  flex: 0 1 444px;
  max-width: 444px;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #32352d;
}

.sk-promo-feature[id],
.sk-promo-card[id] {
  scroll-margin-top: 24px;
}

.sk-promo-feature {
  padding: 0 96px 56px;
}

.sk-promo-feature__card {
  display: flex;
  align-items: stretch;
  min-height: 500px;
  overflow: hidden;
  border-radius: 20px;
}

.sk-promo-feature__copy,
.sk-promo-feature__media {
  flex: 1 1 50%;
  min-width: 0;
}

.sk-promo-feature__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  padding: 48px 40px;
  background: #32352d;
  color: #fff;
}

.sk-promo-feature__copy h2 {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
  color: #fff;
}

.sk-promo-feature__copy p {
  max-width: 520px;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #fff;
}

.sk-promo-feature__media {
  position: relative;
  background: #e7e7e2;
}

.sk-promo-feature__media img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sk-promo-more {
  padding: 64px 96px;
  background: #e7e7e2;
}

.sk-promo-more > h2 {
  margin: 0 0 32px;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
  color: #181918;
}

.sk-promo-more__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.sk-promo-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
  padding: 24px;
  border-radius: 20px;
}

.sk-promo-card img {
  display: block;
  width: 100%;
  aspect-ratio: 564 / 290;
  object-fit: cover;
  border-radius: 12px;
  background: #d8d8d2;
}

.sk-promo-card h3 {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #181918;
}

.sk-promo-card p {
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #32352d;
}

.sk-promo-permanent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 48px 96px;
  background: #f6f6f3;
}

.sk-promo-permanent__copy {
  flex: 1 1 840px;
  max-width: 840px;
}

.sk-promo-permanent h2 {
  margin: 0 0 16px;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #181918;
}

.sk-promo-permanent p {
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #32352d;
}

.sk-promo__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  padding: 0 32px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-decoration: none;
  white-space: nowrap;
}

.sk-promo__btn_fill {
  background: #1c1b18;
  border-color: #1c1b18;
  color: #fff;
}

.sk-promo__btn_fill:hover,
.sk-promo__btn_fill:focus {
  background: #000;
  border-color: #000;
  color: #fff;
  text-decoration: none;
}

.sk-promo__btn_line {
  background: transparent;
  border-color: #777c68;
  color: #32352d;
}

.sk-promo__btn_line:hover,
.sk-promo__btn_line:focus {
  background: #32352d;
  border-color: #32352d;
  color: #f6f6f3;
  text-decoration: none;
}

.sk-promo__btn_olive {
  background: #777c68;
  border-color: #777c68;
  color: #f6f6f3;
}

.sk-promo__btn_olive:hover,
.sk-promo__btn_olive:focus {
  background: #32352d;
  border-color: #32352d;
  color: #f6f6f3;
  text-decoration: none;
}

@media (max-width: 1439px) {
  .sk-promo__crumbs,
  .sk-promo-intro,
  .sk-promo-feature,
  .sk-promo-more,
  .sk-promo-permanent {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (max-width: 1023px) {
  .sk-promo__crumbs,
  .sk-promo-intro,
  .sk-promo-feature,
  .sk-promo-more,
  .sk-promo-permanent {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sk-promo-intro__inner,
  .sk-promo-feature__card,
  .sk-promo-permanent {
    flex-direction: column;
    align-items: stretch;
  }

  .sk-promo-intro__inner {
    gap: 16px;
  }

  .sk-promo-intro h1,
  .sk-promo-intro p,
  .sk-promo-permanent__copy {
    flex-basis: auto;
    max-width: none;
  }

  .sk-promo-feature__media {
    order: -1;
    min-height: 236px;
  }

  .sk-promo-more__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .sk-promo__crumbs {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sk-promo-intro {
    padding-top: 8px;
    padding-bottom: 24px;
  }

  .sk-promo-intro h1 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.4px;
    color: #181918;
  }

  .sk-promo__crumbs li[aria-current="page"] {
    color: #1c1b18;
  }

  .sk-promo-feature__copy h2,
  .sk-promo-feature__copy p {
    color: #f7f7f5;
  }

  .sk-promo__btn_olive {
    background: #777a58;
    border-color: #777a58;
    color: #fff;
  }

  .sk-promo-intro p,
  .sk-promo-feature__copy p {
    font-size: 16px;
    line-height: 26px;
  }

  .sk-promo-feature {
    padding-bottom: 32px;
  }

  .sk-promo-feature__card {
    min-height: 0;
    border-radius: 16px;
  }

  .sk-promo-feature__copy {
    padding: 24px 20px;
  }

  .sk-promo-feature__copy h2,
  .sk-promo-more > h2 {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-promo-more {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .sk-promo-permanent {
    align-items: flex-start;
    gap: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

/* 01 / Section 07 / Promotions — Figma 74:5814, mobile 841:412.
   Slides are the promotion records. Each card links to /akcii/#anchor. */

.sk-home-promo {
  padding: 80px 96px;
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-home-promo__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: 40px;
}

.sk-home-promo__intro {
  max-width: 850px;
}

.sk-home-promo__intro h2 {
  margin: 0 0 16px;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
  color: #1c1b18;
}

.sk-home-promo__intro p {
  max-width: 660px;
  margin: 0;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #32352d;
}

.sk-home-promo__all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #1c1b18;
  text-decoration: none;
  white-space: nowrap;
}

.sk-home-promo__all:hover,
.sk-home-promo__all:focus {
  color: #1c1b18;
  text-decoration: none;
}

.sk-home-promo__all_mobile {
  display: none;
}

.sk-home-promo__stage {
  position: relative;
}

.sk-home-promo__card {
  display: flex;
  align-items: center;
  gap: 32px;
  min-height: 342px;
  padding: 20px 40px;
  border-radius: 24px;
  background: #32352d;
  color: #f6f6f3;
  text-decoration: none;
}

.sk-home-promo__card:hover,
.sk-home-promo__card:focus {
  color: #f6f6f3;
  text-decoration: none;
}

.sk-home-promo .owl-carousel .owl-item img,
.sk-home-promo__card img {
  display: block;
  flex: 0 1 512px;
  width: 512px;
  max-width: 46%;
  height: 290px;
  object-fit: cover;
  border-radius: 20px;
  background: #1c1b18;
}

.sk-home-promo__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  min-width: 0;
}

.sk-home-promo__title {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #f6f6f3;
}

.sk-home-promo__text {
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #f6f6f3;
}

.sk-home-promo__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #e7e7e2;
}

.sk-home-promo__controls {
  position: absolute;
  top: 50%;
  right: -36px;
  left: -36px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.sk-home-promo__prev,
.sk-home-promo__next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 73px;
  height: 73px;
  padding: 0;
  border: 7px solid #f6f6f3;
  border-radius: 999px;
  background: #32352d;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
}

.sk-home-promo__prev:hover,
.sk-home-promo__next:hover,
.sk-home-promo__prev:focus,
.sk-home-promo__next:focus {
  background: #1c1b18;
}

.sk-home-promo .owl-nav,
.sk-home-promo .owl-dots {
  display: none;
}

@media (max-width: 1439px) {
  .sk-home-promo {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1023px) {
  .sk-home-promo {
    padding: 48px 20px;
  }

  .sk-home-promo__head {
    margin-bottom: 24px;
  }

  .sk-home-promo__intro h2 {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-home-promo__all_desktop {
    display: none;
  }

  .sk-home-promo__card {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    min-height: 0;
    padding: 12px;
  }

  .sk-home-promo .owl-carousel .owl-item img,
  .sk-home-promo__card img {
    flex-basis: auto;
    width: 100%;
    max-width: none;
    height: 290px;
  }

  .sk-home-promo__controls {
    position: static;
    transform: none;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 16px;
    pointer-events: auto;
  }

  .sk-home-promo__all_mobile {
    display: inline-flex;
    margin-left: auto;
  }

  .sk-home-promo__prev,
  .sk-home-promo__next {
    width: 56px;
    height: 56px;
    border-width: 1px;
  }
}

@media (max-width: 767px) {
  .sk-home-promo {
    padding: 32px 16px;
  }

  .sk-home-promo__intro p {
    font-size: 14px;
    line-height: 20px;
  }
}

.sk-journal {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-journal h1,
.sk-journal h2,
.sk-journal p,
.sk-journal a,
.sk-journal span,
.sk-journal summary {
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-journal h1,
.sk-journal h2,
.sk-journal__featured-title,
.sk-journal__card-title,
.sk-journal__guide-title,
.sk-journal__popular a span:nth-child(2) {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  text-align: left;
}

.sk-journal a {
  color: inherit;
  text-decoration: none;
}

.sk-journal__crumbs,
.sk-journal__hero,
.sk-journal__featured,
.sk-journal__fresh,
.sk-journal__popular,
.sk-journal__mosaic,
.sk-journal__all {
  padding-left: 96px;
  padding-right: 96px;
}

.sk-journal__crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 84px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.sk-journal__crumbs span:last-child {
  color: #777c68;
}

.sk-journal__hero {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sk-journal__hero-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.sk-journal h1 {
  margin: 0;
  color: #1c1b18;
  white-space: nowrap;
  font-size: 72px;
  line-height: 80px;
}

.sk-journal__hero-copy {
  max-width: 428px;
  padding-top: 8px;
}

.sk-journal__hero-copy p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 26px;
}

.sk-journal__hero-copy .is-muted {
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-journal__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.sk-journal__chip {
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 16px;
  border: 1px solid #d8ccbc;
  border-radius: 999px;
  font-size: 14px;
  line-height: 20px;
}

.sk-journal__chip.is-active {
  background: #32352d;
  border-color: #32352d;
  color: #fff;
}

.sk-journal__kicker,
.sk-journal__meta {
  display: block;
  margin: 0;
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-journal__featured {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sk-journal__featured-row,
.sk-journal__guide-row {
  display: flex;
  gap: 20px;
  margin-top: 24px;
}

.sk-journal__featured-photo,
.sk-journal__guide-photo,
.sk-journal__card-photo {
  display: block;
  overflow: hidden;
}

.sk-journal__featured-photo {
  flex: 0 0 825px;
  width: 825px;
  height: 520px;
  border-radius: 18px;
}

.sk-journal__featured-photo img,
.sk-journal__guide-photo img,
.sk-journal__card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sk-journal__featured-copy,
.sk-journal__guide-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 18px;
}

.sk-journal__featured-title {
  font-size: 34px;
  line-height: 42px;
}

.sk-journal__lead,
.sk-journal__excerpt {
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-journal__excerpt {
  font-size: 14px;
  line-height: 20px;
}

.sk-journal__more {
  font-size: 14px;
  line-height: 18px;
}

.sk-journal__fresh,
.sk-journal__popular,
.sk-journal__mosaic {
  padding-top: 80px;
  padding-bottom: 80px;
}

.sk-journal__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}

.sk-journal h2 {
  margin: 0;
  font-size: 52px;
  line-height: 60px;
}

.sk-journal__head p {
  max-width: 423px;
  margin: 0;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
}

.sk-journal__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.sk-journal__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.sk-journal__card-photo {
  width: 100%;
  height: 260px;
  border-radius: 14px;
  margin-bottom: 2px;
}

.sk-journal__cards_all .sk-journal__card-photo {
  height: 236px;
}

.sk-journal__card-title {
  font-size: 24px;
  line-height: 32px;
}

.sk-journal__guide {
  padding: 56px 96px;
  background: #e7e7e2;
}

.sk-journal__guide-row {
  margin-top: 0;
  align-items: center;
}

.sk-journal__guide-copy {
  flex: 0 0 508px;
  max-width: 508px;
  gap: 20px;
}

.sk-journal__guide-title {
  font-size: 52px;
  line-height: 60px;
}

.sk-journal__guide-photo {
  flex: 1 1 auto;
  height: 520px;
  border-radius: 18px;
}

.sk-journal__popular ol {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}

.sk-journal__popular li + li {
  border-top: 1px solid #e7e7e2;
}

.sk-journal__popular a {
  display: grid;
  grid-template-columns: 85px 1fr 24px;
  align-items: center;
  min-height: 76px;
  gap: 12px;
}

.sk-journal__num {
  color: #777c68;
  font-size: 16px;
  line-height: 26px;
}

.sk-journal__popular a span:nth-child(2) {
  font-size: 24px;
  line-height: 32px;
}

.sk-journal__arrow {
  font-size: 20px;
  line-height: 30px;
}

.sk-journal__mosaic-row {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.sk-journal__mosaic-row:first-of-type {
  margin-top: 32px;
}

.sk-journal__tile {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  min-height: 330px;
  padding: 24px;
  border-radius: 18px;
  background-color: #32352d;
  background-size: cover;
  background-position: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.sk-journal__tile::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 27, 24, 0) 35%, rgba(28, 27, 24, 0.62) 100%);
}

.sk-journal__tile span {
  position: relative;
  color: #fff;
}

.sk-journal__tile .sk-journal__meta {
  color: #fff;
}

.sk-journal__tile span:last-child {
  font-size: 20px;
  line-height: 30px;
}

.sk-journal__tile.is-wide {
  flex: 2.05 1 0;
}

.sk-journal__mosaic-row.is-tall .sk-journal__tile {
  min-height: 420px;
}

.sk-journal__mosaic-row:last-of-type .sk-journal__tile {
  min-height: 330px;
}

.sk-journal__all {
  padding-top: 64px;
  padding-bottom: 64px;
}

.sk-journal__filters {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.sk-journal__filters details {
  position: relative;
}

.sk-journal__filters summary {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 14px;
  border: 1px solid #d8ccbc;
  border-radius: 999px;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  list-style: none;
}

.sk-journal__filters summary::-webkit-details-marker {
  display: none;
}

.sk-journal__filters summary::after {
  content: "↓";
  margin-left: 8px;
}

.sk-journal__filters details div {
  position: absolute;
  right: 0;
  z-index: 2;
  min-width: 180px;
  margin-top: 8px;
  padding: 8px;
  background: #fff;
  border: 1px solid #e7e7e2;
  border-radius: 12px;
}

.sk-journal__filters details a {
  display: block;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
}

.sk-journal__filters details a:hover {
  background: #e7e7e2;
}

.sk-journal__next {
  margin: 32px 0 0;
  text-align: center;
}

.sk-journal__next a {
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding: 0 20px;
  border: 1px solid #d8ccbc;
  border-radius: 999px;
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 1279px) {
  .sk-journal__crumbs,
  .sk-journal__hero,
  .sk-journal__featured,
  .sk-journal__fresh,
  .sk-journal__popular,
  .sk-journal__mosaic,
  .sk-journal__all,
  .sk-journal__guide {
    padding-left: 48px;
    padding-right: 48px;
  }

  .sk-journal__featured-photo {
    flex-basis: 58%;
    width: 58%;
    height: auto;
    aspect-ratio: 825 / 520;
  }

  .sk-journal h1 {
    font-size: 56px;
    line-height: 64px;
  }
}

@media (max-width: 1023px) {
  .sk-journal__crumbs,
  .sk-journal__hero,
  .sk-journal__featured,
  .sk-journal__fresh,
  .sk-journal__popular,
  .sk-journal__mosaic,
  .sk-journal__all,
  .sk-journal__guide {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sk-journal__hero-row,
  .sk-journal__head,
  .sk-journal__featured-row,
  .sk-journal__guide-row {
    flex-direction: column;
    align-items: stretch;
  }

  .sk-journal__head p {
    text-align: left;
  }

  .sk-journal__featured-photo,
  .sk-journal__guide-photo,
  .sk-journal__guide-copy {
    flex-basis: auto;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .sk-journal__featured-photo,
  .sk-journal__guide-photo {
    aspect-ratio: 16 / 10;
  }

  .sk-journal__cards {
    grid-template-columns: 1fr 1fr;
  }

  .sk-journal h1 {
    font-size: 44px;
    line-height: 50px;
    white-space: normal;
  }

  .sk-journal h2,
  .sk-journal__guide-title {
    font-size: 36px;
    line-height: 42px;
  }

  .sk-journal__mosaic-row {
    flex-direction: column;
  }

  .sk-journal__mosaic-row .sk-journal__tile,
  .sk-journal__tile.is-wide {
    flex: none;
    min-height: 280px;
  }
}

@media (max-width: 767px) {
  .sk-journal__cards {
    grid-template-columns: 1fr;
  }

  .sk-journal__popular a {
    grid-template-columns: 36px 1fr 20px;
  }

  .sk-journal__popular a span:nth-child(2),
  .sk-journal__card-title,
  .sk-journal__featured-title {
    font-size: 22px;
    line-height: 28px;
  }
}

.sk-home-journal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 24px;
  row-gap: 40px;
  align-items: end;
  padding: 80px 96px;
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-home-journal h2,
.sk-home-journal p,
.sk-home-journal a,
.sk-home-journal span,
.sk-home-journal button {
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-home-journal h2,
.sk-home-journal__title,
.sk-home-journal__card-title {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  text-align: left;
}

.sk-home-journal h2 {
  max-width: 820px;
  margin: 0;
  color: #181918;
  font-size: 52px;
  line-height: 60px;
}

.sk-home-journal__intro {
  display: none;
  max-width: 428px;
  margin: 16px 0 0;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
}

.sk-home-journal__all {
  color: #1c1b18;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
}

.sk-home-journal__all:hover {
  color: #32352d;
}

.sk-home-journal__layout {
  display: flex;
  grid-column: 1 / -1;
  gap: 24px;
  align-items: stretch;
}

.sk-home-journal__feature {
  position: relative;
  flex: 1.64 1 0;
  min-width: 0;
  min-height: 536px;
  overflow: hidden;
  border-radius: 20px;
  background: #32352d;
}

.sk-home-journal__slide {
  display: none;
  position: absolute;
  inset: 0;
  padding: 40px 40px 72px;
  background-color: #32352d;
  background-position: center;
  background-size: cover;
  color: #f6f6f3;
  text-decoration: none;
}

.sk-home-journal__slide.is-active {
  display: flex;
}

.sk-home-journal__slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

.sk-home-journal__copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 500px;
}

.sk-home-journal__feature .sk-home-journal__meta,
.sk-home-journal__title,
.sk-home-journal__lead {
  color: #f6f6f3;
}

.sk-home-journal__meta {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}

.sk-home-journal__title {
  font-size: 52px;
  line-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sk-home-journal__lead {
  max-width: 470px;
  font-size: 16px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sk-home-journal__more {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 32px;
  border-radius: 999px;
  background: #e7e7e2;
  color: #1c1b18;
  font-size: 14px;
  line-height: 18px;
}

.sk-home-journal__pager {
  position: absolute;
  z-index: 2;
  left: 40px;
  bottom: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sk-home-journal__pager button,
.sk-home-journal__dash {
  padding: 0;
  border: 0;
  background: transparent;
  color: #f6f6f3;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}

.sk-home-journal__list {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.sk-home-journal__card {
  display: flex;
  gap: 16px;
  min-height: 160px;
  color: inherit;
  text-decoration: none;
}

.sk-home-journal__card.is-hidden {
  display: none;
}

.sk-home-journal__photo {
  flex: 0 0 147px;
  height: 160px;
  overflow: hidden;
  border-radius: 12px;
  background: #e7e7e2;
}

.sk-home-journal__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sk-home-journal__card-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 160px;
}

.sk-home-journal__card .sk-home-journal__meta {
  color: #777c68;
}

.sk-home-journal__card-title {
  margin-top: 8px;
  color: #1c1b18;
  font-size: 24px;
  line-height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sk-home-journal__excerpt {
  margin-top: 8px;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sk-home-journal__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  width: 24px;
  height: 24px;
  margin-top: auto;
  color: #1c1b18;
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 1279px) {
  .sk-home-journal {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-home-journal h2,
  .sk-home-journal__title {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (max-width: 1023px) {
  .sk-home-journal {
    grid-template-columns: 1fr;
    row-gap: 24px;
    padding: 48px 20px;
  }

  .sk-home-journal__intro {
    display: block;
  }

  .sk-home-journal__all {
    grid-row: 3;
    justify-self: start;
  }

  .sk-home-journal__layout {
    grid-row: 2;
    flex-direction: column;
  }

  .sk-home-journal__feature {
    flex: none;
    width: 100%;
    min-height: 342px;
    border-radius: 16px;
  }

  .sk-home-journal h2 {
    font-size: 34px;
    line-height: 42px;
  }

  .sk-home-journal__title {
    font-size: 24px;
    line-height: 32px;
  }

  .sk-home-journal__lead,
  .sk-home-journal__excerpt {
    font-size: 14px;
    line-height: 20px;
  }

  .sk-home-journal__more {
    height: 42px;
  }

  .sk-home-journal__photo {
    flex-basis: 112px;
    width: 112px;
    height: 112px;
  }

  .sk-home-journal__card {
    min-height: 112px;
  }

  .sk-home-journal__card-copy {
    min-height: 0;
  }

  .sk-home-journal__arrow {
    display: none;
  }

  .sk-home-journal__card-title {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (min-width: 768px) {
  br.sk-br-m {
    display: none;
  }
}

@media (max-width: 767px) {
  .sk-home-journal {
    row-gap: 16px;
    padding: 32px 16px;
  }

  .sk-home-journal h2 {
    color: #1c1b18;
  }

  .sk-home-journal__layout {
    gap: 16px;
  }

  .sk-home-journal__all {
    justify-self: end;
    text-align: right;
  }
}

.sk-design,
.sk-materials {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 80px 96px;
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-design__title,
.sk-design__title-desktop,
.sk-design__title-mobile,
.sk-materials__title,
.sk-materials__copy h3 {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  text-align: left;
}

.sk-design__lead,
.sk-design__benefits,
.sk-design__benefits li,
.sk-design__cta,
.sk-design__step-title,
.sk-design__step-text,
.sk-materials__lead,
.sk-materials__copy p {
  font-family: "Involve", "Open Sans", sans-serif;
  font-weight: 400;
}

.sk-design__top {
  display: grid;
  grid-template-columns: 468px minmax(0, 1fr);
  column-gap: 64px;
  row-gap: 32px;
  align-items: start;
}

.sk-design__title {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  color: #1c1b18;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-design__title-mobile,
.sk-design__lead-mobile,
.sk-materials__lead-mobile {
  display: none;
}

.sk-design__lead {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-design__media {
  grid-column: 2;
  grid-row: 1 / span 4;
  min-width: 0;
  overflow: hidden;
  border-radius: 0 16px 16px 0;
}

.sk-design__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 716 / 550;
  object-fit: cover;
}

.sk-design__benefits {
  grid-column: 1;
  grid-row: 3;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sk-design__benefits li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
}

.sk-design__benefits li::before {
  content: "";
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #777c68;
}

.sk-design__cta {
  grid-column: 1;
  grid-row: 4;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  padding: 0 32px;
  border-radius: 999px;
  background: #32352d;
  color: #f6f6f3;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-decoration: none;
  cursor: pointer;
}

.sk-design__cta:hover,
.sk-design__cta:focus {
  background: #181918;
  color: #f6f6f3;
  text-decoration: none;
}

.sk-design__steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 40px;
  border-radius: 16px;
  background: #777c68;
  color: #f6f6f3;
}

.sk-design__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

.sk-design__icon {
  display: block;
  width: 50px;
  height: 50px;
}

.sk-design__step-title {
  color: #f6f6f3;
  font-size: 16px;
  line-height: 26px;
}

.sk-design__step-text {
  max-width: 200px;
  color: #f6f6f3;
  font-size: 14px;
  line-height: 20px;
}

.sk-design__rule {
  flex: 0 0 1px;
  width: 1px;
  height: 115px;
  background: #f6f6f3;
}

.sk-materials__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.sk-materials__title {
  max-width: 640px;
  margin: 0;
  color: #1c1b18;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-materials__lead {
  flex: 0 1 480px;
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-materials__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.sk-materials__card {
  overflow: hidden;
  border-radius: 20px;
  background: #e7e7e2;
}

.sk-materials__card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 400 / 260;
  object-fit: cover;
}

.sk-materials__copy {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 24px 32px;
}

.sk-materials__copy h3 {
  margin: 0;
  color: #1c1b18;
  font-size: 24px;
  line-height: 32px;
}

.sk-materials__copy p {
  margin: 0;
  min-height: 40px;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1439px) {
  .sk-design,
  .sk-materials {
    padding: 64px 48px;
  }
}

@media (max-width: 1279px) {
  .sk-design__title,
  .sk-materials__title {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (max-width: 1100px) {
  .sk-design,
  .sk-materials {
    gap: 24px;
  }

  .sk-design__top,
  .sk-design__title,
  .sk-design__lead,
  .sk-design__benefits,
  .sk-design__cta,
  .sk-design__media {
    grid-column: 1;
    grid-row: auto;
  }

  .sk-design__top {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }

  .sk-design__media {
    border-radius: 16px;
  }

  .sk-materials__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sk-materials__lead {
    flex-basis: auto;
    max-width: 640px;
  }

  .sk-materials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .sk-design,
  .sk-materials {
    padding: 48px 20px;
  }

  .sk-design__title,
  .sk-materials__title {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }
}

@media (max-width: 900px) {
  .sk-design__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }

  .sk-design__rule {
    display: none;
  }

  .sk-design__step {
    gap: 6px;
    min-height: 148px;
    padding: 14px;
    border-radius: 14px;
    background: #777c68;
  }

  .sk-design__icon {
    width: 32px;
    height: 32px;
  }

  .sk-design__step-title {
    font-family: "Tenor Sans", "Oranienbaum", serif;
    font-size: 18px;
    line-height: 22px;
  }

  .sk-design__step-text {
    max-width: none;
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767px) {
  .sk-design,
  .sk-materials {
    gap: 16px;
    padding: 32px 16px;
  }

  .sk-design__top {
    row-gap: 16px;
  }

  .sk-design__title-desktop,
  .sk-design__lead-desktop,
  .sk-materials__lead-desktop {
    display: none;
  }

  .sk-design__title-mobile,
  .sk-design__lead-mobile,
  .sk-materials__lead-mobile {
    display: inline;
  }

  .sk-design__lead-mobile,
  .sk-materials__lead-mobile {
    display: block;
  }

  .sk-design__lead,
  .sk-materials__lead {
    font-size: 14px;
    line-height: 20px;
  }

  .sk-design__media img {
    aspect-ratio: 358 / 230;
  }

  .sk-design__cta {
    background: #1c1b18;
  }

  .sk-materials__title {
    max-width: 358px;
  }

  .sk-materials__grid {
    gap: 8px;
  }

  .sk-materials__card {
    overflow: visible;
    border-radius: 0;
    background: transparent;
  }

  .sk-materials__card img {
    aspect-ratio: 175 / 150;
    border-radius: 14px;
  }

  .sk-materials__copy {
    gap: 0;
    padding: 8px 0 0;
  }

  .sk-materials__copy h3 {
    font-family: "Involve", "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-materials__copy p {
    display: none;
  }
}

.sk-reviews {
  display: flex;
  flex-direction: column;
  gap: 40px;
  box-sizing: border-box;
  padding: 80px 96px;
  background: #f6f6f3;
}

.sk-reviews__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}

.sk-reviews__intro {
  max-width: 850px;
}

.sk-reviews__title {
  margin: 0;
  color: #32352d;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
  text-align: left;
}

.sk-reviews__lead {
  max-width: 660px;
  margin: 16px 0 0;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-reviews__controls {
  display: flex;
  flex: none;
  align-items: center;
  gap: 32px;
}

.sk-reviews__count,
.sk-reviews__gcount {
  margin: 0;
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  white-space: nowrap;
}

.sk-reviews__arrows {
  display: flex;
  gap: 24px;
}

.sk-reviews__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  border: 1px solid #e7e7e2;
  border-radius: 999px;
  background: #f6f6f3;
  color: #1c1b18;
  cursor: pointer;
}

.sk-reviews__arrow--next {
  background: #777c68;
  color: #f6f6f3;
}

.sk-reviews__arrow:hover {
  border-color: #1c1b18;
  background: #1c1b18;
  color: #f6f6f3;
}

.sk-reviews__card {
  display: none;
  min-height: 640px;
  overflow: hidden;
  border-radius: 24px;
  background: #e7e7e2;
}

.sk-reviews__card.is-active {
  display: flex;
}

.sk-reviews__copy {
  display: flex;
  flex: 0 0 35.2%;
  flex-direction: column;
  box-sizing: border-box;
  max-width: 439px;
  padding: 32px 24px 28px;
  background: #e7e7e2;
}

.sk-reviews__quote {
  max-width: 360px;
  margin: 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.14px;
  text-align: left;
}

.sk-reviews__text {
  max-width: 392px;
  margin: 16px 0 0;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-reviews__author {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid rgba(119, 124, 104, 0.5);
}

.sk-reviews__name,
.sk-reviews__project {
  margin: 0;
  font-family: "Involve", "Open Sans", sans-serif;
  font-weight: 400;
}

.sk-reviews__name {
  margin-top: 24px;
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-reviews__project {
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 26px;
}

.sk-reviews__media {
  position: relative;
  flex: 1 1 auto;
  min-height: 640px;
  background: #32352d;
}

.sk-reviews__shot {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.sk-reviews__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sk-reviews__frame {
  position: absolute;
  top: 24px;
  right: 24px;
  max-width: 280px;
  margin: 0;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: right;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.sk-reviews__caption {
  position: absolute;
  bottom: 24px;
  left: 24px;
  max-width: 246px;
}

.sk-reviews__photo-title {
  margin: 0;
  color: #f6f6f3;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.sk-reviews__lines {
  margin: 8px 0 0;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.sk-reviews__side {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 332px;
}

.sk-reviews__gcount {
  margin: 0 0 12px;
  color: #f6f6f3;
  text-align: right;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.sk-reviews__thumbs {
  display: flex;
  gap: 16px;
  overflow-x: auto;
}

.sk-reviews__thumb {
  display: block;
  flex: 0 0 100px;
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 2px solid #e7e7e2;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}

.sk-reviews__thumb.is-active {
  border-color: #f6f6f3;
}

.sk-reviews__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sk-reviews__bar {
  height: 5px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
}

.sk-reviews__bar-fill {
  display: block;
  height: 100%;
  border-radius: 8px;
  background: #fff;
}

.sk-reviews__all {
  align-self: flex-end;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-align: right;
  text-decoration: none;
}

.sk-reviews__all:hover {
  color: #181918;
}

@media (max-width: 1279px) {
  .sk-reviews {
    padding: 64px 48px;
  }

  .sk-reviews__title {
    font-size: 40px;
    line-height: 48px;
  }

  .sk-reviews__copy {
    flex-basis: 38%;
    max-width: none;
  }
}

@media (max-width: 1023px) {
  .sk-reviews {
    gap: 24px;
    padding: 48px 20px;
  }

  .sk-reviews__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .sk-reviews__card.is-active {
    flex-direction: column;
    min-height: 0;
  }

  .sk-reviews__copy {
    flex-basis: auto;
    max-width: none;
  }

  .sk-reviews__media {
    min-height: 420px;
  }
}

@media (max-width: 767px) {
  .sk-reviews {
    gap: 16px;
    padding: 32px 16px;
  }

  .sk-reviews__title {
    font-size: 34px;
    line-height: 42px;
  }

  .sk-reviews__lead {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-reviews__controls {
    gap: 16px;
  }

  .sk-reviews__count {
    font-size: 18px;
    line-height: 22px;
  }

  .sk-reviews__arrows {
    gap: 12px;
  }

  .sk-reviews__arrow {
    width: 40px;
    height: 40px;
  }

  .sk-reviews__arrow svg {
    width: 18px;
    height: 18px;
  }

  .sk-reviews__card {
    border-radius: 16px;
  }

  .sk-reviews__copy {
    padding: 22px 18px;
  }

  .sk-reviews__quote {
    font-size: 18px;
    line-height: 22px;
  }

  .sk-reviews__text {
    font-size: 14px;
    line-height: 20px;
  }

  .sk-reviews__name {
    font-size: 16px;
    line-height: 26px;
  }

  .sk-reviews__project {
    font-size: 12px;
    line-height: 16px;
  }

  .sk-reviews__media {
    min-height: 0;
    background: transparent;
  }

  .sk-reviews__frame {
    top: 12px;
    right: 12px;
    font-size: 16px;
    line-height: 26px;
  }

  .sk-reviews__shot {
    position: relative;
    height: 324px;
  }

  .sk-reviews__caption {
    right: 12px;
    bottom: 12px;
    left: 12px;
    max-width: none;
  }

  .sk-reviews__side {
    position: static;
    width: auto;
    padding: 8px 0 0;
  }

  .sk-reviews__photo-title {
    font-size: 18px;
    line-height: 22px;
  }

  .sk-reviews__lines {
    font-size: 12px;
    line-height: 16px;
  }

  .sk-reviews__gcount {
    display: none;
  }

  .sk-reviews__thumb {
    flex: 1 1 0;
    width: auto;
    height: 100px;
  }

  .sk-reviews__all {
    color: #1c1b18;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}

.sk-seo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  box-sizing: border-box;
  padding: 80px 96px;
  background: #f6f6f3;
}

.sk-seo__title {
  max-width: 720px;
  margin: 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  text-align: left;
}

.sk-seo__copy {
  max-width: 1080px;
}

.sk-seo__text {
  margin: 0;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-seo__text--more {
  display: none;
  margin-top: 12px;
}

.sk-seo.is-open .sk-seo__text--more {
  display: block;
}

.sk-seo__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #5a4438;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}

.sk-seo__more-icon {
  display: inline-block;
  line-height: 1;
}

.sk-seo.is-open .sk-seo__more-icon {
  transform: rotate(180deg);
}

@media (max-width: 1279px) {
  .sk-seo {
    padding: 64px 48px;
  }
}

@media (max-width: 1023px) {
  .sk-seo {
    padding: 48px 20px;
  }
}

@media (max-width: 767px) {
  .sk-seo {
    gap: 12px;
    padding: 40px 16px;
  }

  .sk-seo__title {
    font-size: 24px;
    line-height: 32px;
  }

  .sk-seo__text {
    font-size: 12px;
    line-height: 16px;
  }

  .sk-seo__more {
    color: #1c1b18;
  }
}

/* Section / 13 / Footer — Figma 74:5818. Contacts come from the store, not the mock. */

.sk-footer {
  background: #f6f6f3;
  padding: 24px 32px 40px;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-footer__card {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 64px 56px 36px;
  border-radius: 28px;
  background: #1c1b18;
}

.sk-footer__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
}

.sk-footer__brand {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 0 1 300px;
  max-width: 320px;
}

.sk-footer__brand-copy {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sk-footer__word {
  color: #f6f6f3;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 41px;
}

.sk-footer__tag {
  max-width: 280px;
  color: rgba(246, 246, 243, 0.68);
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-footer__row {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.sk-footer__row img {
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

.sk-footer__row_top {
  align-items: flex-start;
}

.sk-footer__phone {
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sk-footer__mail,
.sk-footer__row span {
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.sk-footer__addresses {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sk-footer__col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sk-footer__title {
  margin: 0;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.sk-footer__col ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sk-footer__col a,
.sk-footer__col span {
  color: rgba(246, 246, 243, 0.68);
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-footer__col a:hover,
.sk-footer__col [aria-current="page"] {
  color: #f6f6f3;
}

.sk-footer__aside {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.sk-footer__line {
  height: 1px;
  background: #f6f6f3;
}

.sk-footer__legal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sk-footer__copy,
.sk-footer__copy a {
  color: rgba(246, 246, 243, 0.48);
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.sk-footer__copy a:hover {
  color: #f6f6f3;
}

.sk-footer__social {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sk-footer__social img {
  display: block;
  width: 40px;
  height: 40px;
}

/* 13 — Partnership */

.sk-partner {
  background: #f6f6f3;
  color: #181918;
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-partner h1,
.sk-partner h2,
.sk-partner p {
  margin: 0;
  text-align: left;
}

.sk-partner__crumbs {
  padding: 28px 96px 0;
}

.sk-partner__crumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #777c68;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-partner__crumbs a {
  color: #777c68;
}

.sk-partner__crumbs a:hover,
.sk-partner__crumbs li[aria-current="page"] {
  color: #32352d;
}

.sk-partner__crumbs li + li:before {
  content: "·";
  margin-right: 8px;
  color: #777c68;
}

.sk-partner__hero,
.sk-partner__join {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 96px 80px;
}

.sk-partner__join {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sk-partner__head,
.sk-partner__join-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.sk-partner__title {
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
}

.sk-partner__lead,
.sk-partner__invite,
.sk-partner__contact p {
  color: rgba(24, 25, 24, 0.8);
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-partner__lead {
  max-width: 502px;
}

.sk-partner__invite {
  max-width: 767px;
}

.sk-partner__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.sk-partner__tab {
  height: 56px;
  margin: 0;
  padding: 12px 32px;
  border: 1px solid #32352d;
  border-radius: 24px;
  background: transparent;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  cursor: pointer;
}

.sk-partner__tab.is-active {
  border-color: #777c68;
  background: #777c68;
  color: #f6f6f3;
}

.sk-partner__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.sk-partner__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
}

.sk-partner__photo {
  display: block;
  width: 100%;
  height: 189px;
  border-radius: 16px;
  object-fit: cover;
}

.sk-partner__icon {
  display: block;
  width: 104px;
  height: 104px;
}

.sk-partner__card h2 {
  color: rgba(50, 53, 45, 0.62);
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-partner__card p {
  color: rgba(24, 25, 24, 0.62);
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-partner__join-title {
  max-width: 480px;
  color: #000;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
}

.sk-partner__contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 328px;
}

.sk-partner__email {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  color: rgba(24, 25, 24, 0.8);
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-partner__banner {
  display: block;
  width: 100%;
  height: 273px;
  border-radius: 16px;
  object-fit: cover;
}

.sk-partner__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sk-partner__fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(260px, 1.3fr);
  align-items: start;
  gap: 20px;
}

.sk-partner__fields .captcha-block {
  padding-top: 24px;
}

.sk-partner__fields .sk-partner__submit {
  grid-column: 1 / -1;
  flex: none;
  width: auto;
  justify-self: start;
}

.sk-partner__field {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.sk-partner__field span {
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.sk-partner__control {
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-radius: 16px;
  background: #e7e7e2;
  box-shadow: none;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-partner__control::placeholder {
  color: #777c68;
  opacity: 1;
}

.sk-partner__control:focus {
  outline: 1px solid #777c68;
}

.sk-partner__submit {
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 64px;
  margin: 0;
  padding: 12px 32px;
  border: 0;
  border-radius: 16px;
  background: #777c68;
  color: #fff;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}

.sk-partner__submit:hover,
.sk-partner__submit:focus {
  background: #777c68;
  color: #fff;
  opacity: 0.85;
}

.sk-partner__submit:disabled {
  cursor: default;
  opacity: 0.6;
}

.sk-partner__consent {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-width: 420px;
  cursor: pointer;
}

.sk-partner__agree {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
}

.sk-partner__box {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1.5px solid #777c68;
  border-radius: 4px;
}

.sk-partner__agree:checked + .sk-partner__box {
  background: #777c68;
}

.sk-partner__agree:checked + .sk-partner__box::after {
  content: "";
  display: block;
  width: 8px;
  height: 5px;
  margin: 4px 0 0 4px;
  border-bottom: 1.5px solid #fff;
  border-left: 1.5px solid #fff;
  transform: rotate(-45deg);
}

.sk-partner__consent-text,
.sk-partner__consent-text a {
  color: rgba(119, 124, 104, 0.55);
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.sk-partner__consent-text a {
  text-decoration: underline;
}

.sk-partner__status {
  display: none;
  margin: 0;
  color: #181918;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-partner__status.is-ok,
.sk-partner__status.is-error {
  display: block;
}

.sk-partner__status.is-error {
  color: #8c3a32;
}

@media (max-width: 1279px) {
  .sk-footer {
    padding: 24px 20px 32px;
  }

  .sk-footer__card {
    padding: 48px 32px 28px;
  }

  .sk-partner__crumbs,
  .sk-partner__hero,
  .sk-partner__join {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-partner__title {
    font-size: 52px;
    line-height: 60px;
  }
}

@media (max-width: 1100px) {
  .sk-footer__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .sk-footer__brand {
    max-width: none;
    grid-column: 1 / -1;
  }

  .sk-partner__grid {
    grid-template-columns: 1fr 1fr;
  }

  .sk-partner__head,
  .sk-partner__join-head {
    flex-direction: column;
    align-items: stretch;
  }

  .sk-partner__fields {
    grid-template-columns: 1fr;
  }

  .sk-partner__fields .captcha-block {
    padding-top: 0;
  }

  .sk-partner__fields .sk-partner__submit {
    width: 100%;
  }

  .sk-partner__lead,
  .sk-partner__contact,
  .sk-partner__join-title {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .sk-footer {
    padding: 0;
  }

  .sk-footer__card {
    gap: 28px;
    padding: 40px 24px 28px;
    border-radius: 24px;
  }

  .sk-footer__top {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .sk-footer__brand {
    gap: 14px;
    padding-bottom: 28px;
    border-bottom: 1px solid #f6f6f3;
  }

  .sk-footer__aside {
    gap: 36px;
  }

  .sk-footer__legal {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sk-footer__copy,
  .sk-footer__copy a {
    font-size: 10px;
    line-height: 14px;
  }

  .sk-partner__crumbs {
    padding: 20px 16px 0;
  }

  .sk-partner__hero,
  .sk-partner__join {
    gap: 24px;
    padding: 32px 16px;
  }

  .sk-partner__title {
    font-size: 36px;
    line-height: 44px;
  }

  .sk-partner__join-title {
    font-size: 32px;
    line-height: 40px;
  }

  .sk-partner__grid {
    grid-template-columns: 1fr;
    margin-top: 22px;
  }

  .sk-partner__banner {
    height: 180px;
  }

  .sk-partner__submit {
    width: 100%;
  }
}

/* Page is at least 340px. Narrower viewports scroll sideways. */
html,
body {
  min-width: 340px;
}

/* Wider than 2200px the page is a centered strip. The canvas stays white. */
@media (min-width: 2201px) {
  html {
    background: #fff;
  }

  body {
    max-width: 2200px;
    margin-left: auto;
    margin-right: auto;
  }

  .header-bottom.fixed {
    left: 0;
    right: 0;
    width: 2200px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Modal / Application — Group 3, desktop 604 and mobile bottom sheet.
   Chrome only: titles, fields, captcha and the consent sentence stay. */
.fixed-overlay.write-us.active,
.fixed-overlay.callback.active,
.fixed-overlay.call-measure.active,
.fixed-overlay.get-calc.active,
.fixed-overlay.get-size.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 32px 16px;
  background: rgba(19, 19, 18, 0.67);
  text-align: left;
  box-sizing: border-box;
}

.fixed-overlay.fixed-overlay__modal::after {
  content: none;
  display: none;
}

.fixed-overlay.fixed-overlay__modal .modal {
  display: block;
  position: relative;
  width: 604px;
  max-width: 100%;
  margin: auto;
  padding: 96px 44px 44px;
  background: #f6f6f3;
  border-radius: 18px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
}

.fixed-overlay.fixed-overlay__modal .sk-modal__kicker {
  position: absolute;
  top: 44px;
  left: 44px;
  height: 34px;
  display: flex;
  align-items: center;
  margin: 0;
  color: #777c68;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.fixed-overlay.fixed-overlay__modal .icon-remove-item {
  top: 44px;
  right: 44px;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: none;
  background: #f6f6f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3E%3Ccircle cx='17' cy='17' r='16.5' stroke='%23d8ccbc'/%3E%3Cpath d='M12 12l10 10M22 12L12 22' stroke='%231c1b18' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 34px 34px no-repeat;
  cursor: pointer;
  z-index: 2;
}

.fixed-overlay.fixed-overlay__modal .modal__container > .icon,
.fixed-overlay.fixed-overlay__modal .modal__container > .icon_remove-item {
  display: none;
}

.fixed-overlay.fixed-overlay__modal .modal__container {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  white-space: normal;
  box-sizing: border-box;
}

.fixed-overlay.fixed-overlay__modal .modal__container_call-measure,
.fixed-overlay.fixed-overlay__modal .modal__container_callback {
  max-width: none;
  padding: 0;
}

.fixed-overlay.fixed-overlay__modal .title,
.fixed-overlay.fixed-overlay__modal .title.title_modal,
.fixed-overlay.fixed-overlay__modal .modal__container_call-measure .title,
.fixed-overlay.fixed-overlay__modal .modal__container_callback .title {
  position: static;
  top: auto;
  left: auto;
  margin: 0 0 18px;
  padding: 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
  text-align: left;
}

.fixed-overlay.fixed-overlay__modal .wrap-input {
  margin: 0 0 16px;
  text-align: left;
}

.fixed-overlay.fixed-overlay__modal .wrap-input span {
  display: block;
  margin: 0 0 8px;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.fixed-overlay.fixed-overlay__modal .modal input,
.fixed-overlay.fixed-overlay__modal .modal textarea {
  display: block;
  width: 100%;
  max-width: none;
  height: 54px;
  margin: 0;
  padding: 0 14px 0 16px;
  border: 1px solid #d8ccbc;
  border-radius: 8px;
  background: #fff;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
}

.fixed-overlay.fixed-overlay__modal .modal textarea {
  height: auto;
  min-height: 108px;
  padding-top: 16px;
  padding-bottom: 16px;
  resize: vertical;
}

.fixed-overlay.fixed-overlay__modal .modal input::placeholder,
.fixed-overlay.fixed-overlay__modal .modal textarea::placeholder {
  color: #1c1b18;
  opacity: 1;
}

.fixed-overlay.fixed-overlay__modal .modal input:focus,
.fixed-overlay.fixed-overlay__modal .modal textarea:focus {
  border-color: #777c68;
}

.fixed-overlay.fixed-overlay__modal .captcha-block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 8px;
  align-items: center;
  margin: 0 0 18px;
}

.fixed-overlay.fixed-overlay__modal .captcha-block br {
  display: none;
}

.fixed-overlay.fixed-overlay__modal .captcha-image {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 150px;
  height: 35px;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 1px solid #d8ccbc;
  border-radius: 8px;
  background: #fff;
  object-fit: none;
  justify-self: start;
  align-self: center;
}

.fixed-overlay.fixed-overlay__modal .captcha-refresh-btn {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
}

.fixed-overlay.fixed-overlay__modal .modal input.captcha-input {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  max-width: none;
  min-width: 0;
  text-align: left;
}

.fixed-overlay.fixed-overlay__modal .modal input.btn.sendData2 {
  display: block;
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0 24px;
  border: 0;
  border-radius: 28px;
  background-color: #777c68;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cpath d='M1 7h16M12 2l5 5-5 5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% + 62px) center;
  background-size: 22px 14px;
  color: #fff;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-align: center;
  cursor: pointer;
}

.fixed-overlay.fixed-overlay__modal .modal input.btn.sendData2:hover {
  background-color: #32352d;
  color: #fff;
}

.fixed-overlay.fixed-overlay__modal .form-policy-text {
  position: relative;
  margin: 18px 0 0;
  padding: 2px 0 0 36px;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
  text-align: left;
  text-decoration: none;
}

.fixed-overlay.fixed-overlay__modal .form-policy-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #777c68 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M5.5 10.2l3 3 6.2-6.4' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

.fixed-overlay.fixed-overlay__modal .form-policy-text a {
  color: #32352d;
  text-decoration: underline;
}

.fixed-overlay.fixed-overlay__modal .alert {
  margin: 12px 0 0;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

@media (max-width: 767px) {
  .fixed-overlay.write-us.active,
  .fixed-overlay.callback.active,
  .fixed-overlay.call-measure.active,
  .fixed-overlay.get-calc.active,
  .fixed-overlay.get-size.active {
    justify-content: flex-end;
    padding: 0;
  }

  .fixed-overlay.fixed-overlay__modal .modal {
    width: 100%;
    max-width: none;
    max-height: 100%;
    margin: 0;
    padding: 73px 24px 24px;
    overflow: auto;
    border-radius: 24px 24px 0 0;
  }

  .fixed-overlay.fixed-overlay__modal .sk-modal__kicker {
    top: 24px;
    left: 24px;
    letter-spacing: 0;
  }

  .fixed-overlay.fixed-overlay__modal .icon-remove-item {
    top: 24px;
    right: 24px;
  }

  .fixed-overlay.fixed-overlay__modal .title,
  .fixed-overlay.fixed-overlay__modal .title.title_modal,
  .fixed-overlay.fixed-overlay__modal .modal__container_call-measure .title,
  .fixed-overlay.fixed-overlay__modal .modal__container_callback .title {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .fixed-overlay.fixed-overlay__modal .wrap-input {
    margin-bottom: 14px;
  }

  .fixed-overlay.fixed-overlay__modal .wrap-input span {
    margin-bottom: 6px;
  }

  .fixed-overlay.fixed-overlay__modal .modal input,
  .fixed-overlay.fixed-overlay__modal .modal textarea {
    height: 50px;
  }

  .fixed-overlay.fixed-overlay__modal .modal textarea {
    height: auto;
    min-height: 96px;
  }

  .fixed-overlay.fixed-overlay__modal .captcha-block,
  .fixed-overlay.fixed-overlay__modal .form-policy-text {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .fixed-overlay.fixed-overlay__modal .form-policy-text {
    margin-top: 15px;
    margin-bottom: 0;
    color: rgba(50, 53, 45, 0.55);
  }

  .fixed-overlay.fixed-overlay__modal .form-policy-text a {
    color: rgba(50, 53, 45, 0.55);
  }

  .fixed-overlay.fixed-overlay__modal .modal input.btn.sendData2 {
    height: 52px;
    padding: 0 18px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    background-position: calc(50% + 54px) center;
  }
}

/* Overlay / Navigation / Mobile / Open / 390 — 1031:489.
   Catalog expanded — 1075:614. Full-screen menu under the header. */
@media (max-width: 1023px) {
  body.no-scroll .sk-service-bar,
  body.no-scroll .sk-main-header__services,
  body.no-scroll .sk-main-header__phone,
  body.no-scroll .sk-main-header__address,
  body.no-scroll .header-bottom.sk-main-header .sk-main-header__icons a {
    display: none;
  }

  body.no-scroll .header-bottom.sk-main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 40;
    background: #f6f6f3;
  }

  body.no-scroll .sk-main-header__inner {
    flex-wrap: nowrap;
    align-items: center;
    min-height: 82px;
    padding: 16px;
    gap: 12px;
  }

  body.no-scroll .sk-main-header__brand {
    order: 1;
    flex: 1 1 auto;
    width: auto;
    gap: 2px;
  }

  body.no-scroll .sk-main-header__contacts {
    order: 2;
    display: flex;
  }

  body.no-scroll .header-bottom.sk-main-header .sk-main-header__menu {
    order: 3;
  }

  body.no-scroll .sk-main-header__wordmark {
    width: 120px;
    height: 24px;
  }

  body.no-scroll .sk-main-header__descriptor {
    display: block;
    font-size: 0;
    line-height: 0;
  }

  body.no-scroll .sk-main-header__descriptor br {
    display: none;
  }

  body.no-scroll .sk-main-header__descriptor::after {
    content: "Мебель на заказ";
    font-family: "Involve", "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    color: #1c1b18;
  }

  body.no-scroll .header-bottom.sk-main-header .sk-main-header__menu,
  body.no-scroll .header-bottom.sk-main-header .search.sk-main-header__icon-btn {
    width: 44px;
    height: 44px;
    border-color: #d8ccbc;
  }

  body.no-scroll .header-bottom.sk-main-header .sk-main-header__menu {
    position: relative;
  }

  body.no-scroll .header-bottom.sk-main-header .sk-main-header__menu .bar {
    position: absolute;
    left: 15px;
    top: 21px;
    width: 14px;
    height: 1.5px;
    margin: 0;
    background: #777c68;
  }

  body.no-scroll .header-bottom.sk-main-header .sk-main-header__menu .bar:nth-child(1) {
    transform: rotate(45deg);
  }

  body.no-scroll .header-bottom.sk-main-header .sk-main-header__menu .bar:nth-child(2) {
    opacity: 0;
  }

  body.no-scroll .header-bottom.sk-main-header .sk-main-header__menu .bar:nth-child(3) {
    transform: rotate(-45deg);
  }

  .main-menu-mobile {
    left: 0;
    width: 100%;
    padding: 82px 16px 24px;
    background: #f6f6f3;
    box-shadow: none;
    visibility: hidden;
    pointer-events: none;
  }

  .main-menu-mobile.main-menu-mobile_active {
    left: 0;
    z-index: 30;
    visibility: visible;
    pointer-events: auto;
  }

  .sk-mnav {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .sk-mnav__primary {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .main-menu-mobile .sk-mnav__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 8px 16px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: #1c1b18;
    font-family: "Tenor Sans", "Oranienbaum", serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
  }

  .main-menu-mobile .sk-mnav__item_catalog {
    background: #e7e7e2;
  }

  .sk-mnav__chev {
    flex: 0 0 20px;
  }

  .main-menu-mobile.is-open .sk-mnav__item_catalog .sk-mnav__chev {
    transform: rotate(90deg);
  }

  .sk-mnav__catalog {
    display: none;
  }

  .main-menu-mobile.is-open .sk-mnav__catalog {
    display: block;
  }

  .sk-mnav__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    padding: 12px;
    border-radius: 18px;
    background: #f0f0eb;
  }

  .sk-mnav__cat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 40px;
    padding: 0 4px;
    color: #32352d;
    font-family: "Involve", "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
  }

  .sk-mnav__cat span {
    min-width: 0;
  }

  .sk-mnav__cat svg {
    flex: 0 0 16px;
  }

  .sk-mnav__all {
    grid-column: 1 / -1;
    min-height: 44px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777c68;
  }

  .sk-mnav__foot {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .sk-mnav__actions {
    display: flex;
    gap: 14px;
  }

  .main-menu-mobile .sk-mnav__action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1 1 0;
    min-width: 0;
    height: 52px;
    margin: 0;
    padding: 0 12px;
    border-radius: 999px;
    font-family: "Involve", "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    text-decoration: none;
    position: static;
    top: auto;
    box-sizing: border-box;
  }

  .main-menu-mobile .sk-mnav__action_calc {
    border: 1px solid #e7e7e2;
    background: #f6f6f3;
    color: #1c1b18;
  }

  .main-menu-mobile .sk-mnav__action_calc .sk-mnav__action-icon {
    color: #777c68;
  }

  .main-menu-mobile .sk-mnav__action_measure {
    border: 0;
    background: #777c68;
    color: #fff;
  }

  .main-menu-mobile .sk-mnav__action_measure .sk-mnav__action-icon {
    color: #fff;
  }

  .sk-mnav__action-icon {
    flex: 0 0 20px;
  }

  .sk-mnav__account {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 44px;
    color: #1c1b18;
    font-family: "Involve", "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
  }

  .sk-mnav__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .sk-mnav__phone-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }

  .sk-mnav__phone {
    color: #1c1b18;
    font-family: "Involve", "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
  }

  .sk-mnav__hours,
  .sk-mnav__address {
    color: #32352d;
    font-family: "Involve", "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .sk-mnav__address {
    text-decoration: none;
  }

  .sk-mnav__social {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
  }

  .sk-mnav__soc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #d8ccbc;
    border-radius: 999px;
    color: #777c68;
    text-decoration: none;
    box-sizing: border-box;
  }
}

/* 02 — Catalog. Desktop Concept 02, node 419:528. Mobile 851:662. */

.sk-catalog {
  background: #f6f6f3;
  color: #32352d;
}

.sk-catalog h1,
.sk-catalog h2 {
  margin: 0;
  text-align: left;
  font-weight: 400;
}

.sk-catalog a {
  color: inherit;
  text-decoration: none;
}

.sk-catalog__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 48px;
  box-sizing: border-box;
  padding: 32px 96px;
}

.sk-catalog__intro-main {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 650px;
  min-width: 0;
}

.sk-catalog__crumbs {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-catalog__crumbs a:hover {
  color: #1c1b18;
}

.sk-catalog .sk-catalog__title {
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-catalog__lead {
  flex: 0 1 405px;
  max-width: 405px;
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-catalog__section {
  display: flex;
  flex-direction: column;
  gap: 40px;
  box-sizing: border-box;
  padding: 48px 96px;
}

.sk-catalog .sk-catalog__section-title {
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-catalog__grid {
  display: grid;
  gap: 20px;
}

.sk-catalog__grid--mosaic {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sk-catalog__grid--wide {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sk-catalog__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.sk-catalog__photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 28px;
  background: #e7e7e2;
}

/* Обводка блока «Мебель» лежит на пустом слое поверх фото.
   inset-тень на самом img картинка закрашивает после загрузки. */
.sk-catalog__section--furniture .sk-catalog__card {
  position: relative;
}

.sk-catalog__section--furniture .sk-catalog__card::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1;
  box-sizing: border-box;
  border: 1px solid #abada0;
  border-radius: 28px;
  pointer-events: none;
}

.sk-catalog__grid--wide .sk-catalog__photo {
  aspect-ratio: 614 / 302;
}

.sk-catalog__meta {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  min-width: 0;
}

.sk-catalog .sk-catalog__num,
.sk-catalog .sk-catalog__name {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-catalog__num {
  flex: 0 0 auto;
  color: #777c68;
}

.sk-catalog__name {
  min-width: 0;
  color: #32352d;
}

.sk-catalog__grid--wide .sk-catalog__name {
  font-size: 34px;
  line-height: 42px;
}

.sk-catalog__cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
  box-sizing: border-box;
  padding: 48px 96px;
}

.sk-catalog__cta-copy {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  padding: 40px 24px;
}

.sk-catalog__cta-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sk-catalog .sk-catalog__cta-title {
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  line-height: 60px;
}

.sk-catalog__cta-lead {
  margin: 0;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
}

.sk-catalog__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}

.sk-catalog__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.sk-catalog__label {
  color: #32352d;
  font-size: 12px;
  line-height: 16px;
}

.sk-catalog__control {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-radius: 16px;
  background: #e7e7e2;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  outline: none;
}

.sk-catalog__control::placeholder {
  color: #777c68;
  opacity: 1;
}

.sk-catalog__select {
  position: relative;
  display: block;
}

.sk-catalog__select .sk-catalog__control {
  padding-right: 48px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.sk-catalog__select svg {
  position: absolute;
  top: 22px;
  right: 20px;
  pointer-events: none;
}

.sk-catalog__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #777c68;
  color: #fff;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}

.sk-catalog__submit:hover,
.sk-catalog__submit:focus {
  background: #32352d;
  color: #fff;
}

.sk-catalog__submit:disabled {
  cursor: default;
  opacity: 0.6;
}

.sk-catalog__consent {
  position: relative;
  display: flex;
  align-items: center;
  align-self: center;
  gap: 16px;
  width: max-content;
  max-width: 100%;
  margin: 0;
  cursor: pointer;
}

.sk-catalog__agree {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
}

.sk-catalog__box {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 1.5px solid #777c68;
  border-radius: 4px;
}

.sk-catalog__agree:checked + .sk-catalog__box {
  background: #777c68;
}

.sk-catalog__agree:checked + .sk-catalog__box::after {
  content: "";
  display: block;
  width: 8px;
  height: 5px;
  margin: 4px 0 0 4px;
  border-bottom: 1.5px solid #fff;
  border-left: 1.5px solid #fff;
  transform: rotate(-45deg);
}

.sk-catalog__consent-text {
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
}

.sk-catalog__consent-text a {
  color: inherit;
  text-decoration: underline;
}

.sk-catalog__status {
  display: none;
  margin: 0;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
}

.sk-catalog__status.is-ok,
.sk-catalog__status.is-error {
  display: block;
}

.sk-catalog__status.is-error {
  color: #8d3b32;
}

.sk-catalog__cta-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 480px;
  object-fit: cover;
  border-radius: 24px;
  background: #e7e7e2;
}

.sk-catalog .sk-seo {
  padding: 80px 96px;
}

@media (max-width: 1279px) {
  .sk-catalog__intro,
  .sk-catalog__section,
  .sk-catalog__cta,
  .sk-catalog .sk-seo {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-catalog .sk-catalog__title {
    font-size: 56px;
    line-height: 64px;
  }
}

@media (max-width: 1023px) {
  .sk-catalog__intro,
  .sk-catalog__section,
  .sk-catalog__cta {
    padding-right: 20px;
    padding-left: 20px;
  }

  .sk-catalog__intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .sk-catalog__intro-main {
    gap: 24px;
  }

  .sk-catalog__lead {
    flex-basis: auto;
    max-width: 640px;
  }

  .sk-catalog .sk-catalog__title {
    font-size: 52px;
    line-height: 60px;
    letter-spacing: 0;
  }

  .sk-catalog__grid--mosaic,
  .sk-catalog__grid--wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sk-catalog__grid--mosaic .sk-catalog__card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .sk-catalog__grid--mosaic .sk-catalog__card:last-child:nth-child(odd) .sk-catalog__photo {
    aspect-ratio: 358 / 190;
  }

  .sk-catalog__section--furniture .sk-catalog__grid--mosaic .sk-catalog__card:last-child:nth-child(odd)::after {
    aspect-ratio: 358 / 190;
  }

  .sk-catalog__cta {
    grid-template-columns: 1fr;
  }

  .sk-catalog__cta-photo {
    min-height: 0;
    aspect-ratio: 614 / 302;
    height: auto;
  }
}

@media (max-width: 767px) {
  .sk-catalog__intro {
    gap: 18px;
    padding: 24px 16px;
  }

  .sk-catalog__intro-main {
    gap: 18px;
  }

  .sk-catalog__section {
    gap: 22px;
    padding: 32px 16px;
  }

  .sk-catalog .sk-catalog__section-title {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: 0;
  }

  .sk-catalog__grid {
    gap: 12px 14px;
  }

  .sk-catalog__grid--wide {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .sk-catalog__card {
    gap: 8px;
  }

  .sk-catalog__photo,
  .sk-catalog__grid--wide .sk-catalog__photo,
  .sk-catalog__grid--mosaic .sk-catalog__card:last-child:nth-child(odd) .sk-catalog__photo {
    border-radius: 20px;
  }

  .sk-catalog__grid--mosaic .sk-catalog__photo {
    border-radius: 16px;
  }

  .sk-catalog__section--furniture .sk-catalog__card::after,
  .sk-catalog__section--furniture .sk-catalog__grid--mosaic .sk-catalog__card:last-child:nth-child(odd)::after {
    border-radius: 20px;
  }

  .sk-catalog__section--furniture .sk-catalog__grid--mosaic .sk-catalog__card::after {
    border-radius: 16px;
  }

  .sk-catalog__meta {
    gap: 8px;
  }

  .sk-catalog .sk-catalog__num {
    font-size: 18px;
    line-height: 22px;
  }

  .sk-catalog .sk-catalog__name,
  .sk-catalog__grid--wide .sk-catalog__name {
    font-size: 16px;
    line-height: 26px;
  }

  .sk-catalog__grid--wide .sk-catalog__name {
    font-size: 24px;
    line-height: 32px;
  }

  .sk-catalog__grid--wide .sk-catalog__photo {
    aspect-ratio: 358 / 210;
  }

  .sk-catalog__cta {
    gap: 24px;
    padding: 32px 16px;
  }

  .sk-catalog__cta-copy {
    gap: 16px;
    padding: 0;
  }

  .sk-catalog .sk-catalog__cta-title {
    font-size: 34px;
    line-height: 42px;
  }

  .sk-catalog__time {
    display: none;
  }

  .sk-catalog__control {
    height: 58px;
    border-radius: 14px;
  }

  .sk-catalog__submit {
    height: 46px;
  }

  .sk-catalog__cta-photo {
    aspect-ratio: 358 / 230;
    border-radius: 20px;
  }

  .sk-catalog .sk-seo {
    gap: 16px;
    padding: 32px 16px;
  }

  .sk-catalog .sk-seo__text {
    font-size: 14px;
    line-height: 20px;
  }

  .sk-catalog .sk-seo__more {
    color: #5a4438;
  }
}

/* Category page. Figma 03 — Catalog / Wardrobes, without the filter row. */
.sk-catpage {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-catpage__hero,
.sk-catpage__catalog,
.sk-catpage__faq,
.sk-catpage__opinions,
.sk-catpage__cta {
  box-sizing: border-box;
  padding-right: 96px;
  padding-left: 96px;
}

.sk-catpage__hero {
  padding-top: 48px;
  padding-bottom: 48px;
}

.sk-catpage__hero-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
  margin-top: 32px;
}

.sk-catpage__crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-catpage__crumbs a {
  color: #777c68;
  text-decoration: none;
}

.sk-catpage__crumbs .is-current {
  color: #1c1b18;
}

.sk-catpage h1.sk-catpage__title {
  max-width: none;
  margin: 32px 0 0;
  color: #1a1b1a;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
  text-align: left;
}

.sk-catpage__hero-main h1.sk-catpage__title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.sk-catpage__lead {
  flex: 0 0 336px;
  width: 336px;
  max-width: 336px;
  margin: 0;
  color: #575752;
  font-size: 16px;
  line-height: 26px;
}

.sk-catpage__lead,
.sk-catpage__lead font,
.sk-catpage__lead p,
.sk-catpage__lead span {
  color: #575752;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.sk-catpage__lead p {
  margin: 0 0 12px;
}

.sk-catpage__lead p:last-child {
  margin-bottom: 0;
}

.sk-catpage__catalog {
  padding-top: 36px;
  padding-bottom: 64px;
}

.sk-catpage__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 20px;
}

.sk-catpage__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.sk-catpage__media {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 403 / 255;
  background: #e7e7e2;
}

.sk-catpage__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

.sk-catpage__photo.is-active {
  opacity: 1;
}

.sk-catpage__dots {
  position: absolute;
  right: 16px;
  bottom: 14px;
  left: 16px;
  display: flex;
  gap: 6px;
  opacity: 0;
}

.sk-catpage__card:hover .sk-catpage__dots {
  opacity: 1;
}

.sk-catpage__dot {
  flex: 1 1 0;
  height: 3px;
  border-radius: 2px;
  background: rgba(246, 246, 243, 0.45);
}

.sk-catpage__dot.is-active {
  background: #f6f6f3;
}

.sk-catpage__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 16px;
}

.sk-catpage__name {
  color: #191a19;
  font-size: 20px;
  line-height: 30px;
}

.sk-catpage__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sk-catpage__price,
.sk-catpage__arrow {
  color: #777c68;
  font-size: 18px;
  line-height: 24px;
}

.sk-catpage__more,
.sk-catpage__opinions-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  margin-top: 28px;
  padding: 0 28px;
  border: 1px solid #e7e7e2;
  border-radius: 28px;
  background: transparent;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  text-decoration: none;
}

.sk-catpage__more:hover,
.sk-catpage__opinions-more:hover {
  border-color: #777c68;
  color: #1c1b18;
}

.sk-catpage__pager {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 28px;
}

.sk-catpage__pager .sk-catpage__more {
  margin-top: 0;
}

.sk-catpage__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.sk-catpage__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 40px;
  height: 40px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 20px;
  background: transparent;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}

.sk-catpage__page.is-step {
  border-color: #e7e7e2;
  color: #777c68;
}

.sk-catpage__page.is-current {
  background: #1c1b18;
  color: #f6f6f3;
}

.sk-catpage__page:hover {
  border-color: #e7e7e2;
  color: #777c68;
}

.sk-catpage__page.is-current:hover {
  border-color: #1c1b18;
  color: #f6f6f3;
}

.sk-catpage__empty {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
}

.sk-catpage__faq {
  display: flex;
  flex-direction: column;
  gap: 63px;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f7f6f1;
}

.sk-catpage__faq-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.sk-catpage__faq-title {
  flex: 1 1 588px;
  max-width: 588px;
  margin: 0;
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-catpage__faq-lead {
  flex: 0 1 410px;
  max-width: 410px;
  margin: 0;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-catpage__faq-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 20px;
}

.sk-catpage__faq-item {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 16px 24px;
  border: 1px solid #e7e7e2;
  border-radius: 18px;
  background: #fff;
}

.sk-catpage__faq-q {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 44px 0 0;
  border: 0;
  background: transparent;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  cursor: pointer;
}

.sk-catpage__faq-mark {
  position: absolute;
  top: 16px;
  right: 24px;
  color: #777c68;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
}

.sk-catpage__faq-a {
  display: none;
  margin-top: 12px;
  padding-right: 44px;
  color: #777c68;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-catpage__faq-item.is-open .sk-catpage__faq-a {
  display: block;
}

.sk-catpage__faq-a p {
  margin: 0 0 8px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.sk-catpage__faq-a p:last-child {
  margin-bottom: 0;
}

.sk-catpage__opinions {
  padding-top: 24px;
  padding-bottom: 40px;
}

.sk-catpage__opinions-title {
  margin: 0 0 24px;
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
}

.sk-catpage__opinion {
  padding: 20px 0;
  border-top: 1px solid #e7e7e2;
}

.sk-catpage__opinion.is-hidden {
  display: none;
}

.sk-catpage__opinion-text {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-catpage__opinion-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 12px;
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-catpage__videos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 28px;
}

.sk-catpage__video iframe,
.sk-catpage__video video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 16px;
}

.sk-catpage__cta {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sk-catpage__cta-card {
  display: grid;
  grid-template-columns: minmax(0, 720fr) minmax(0, 508fr);
  gap: 20px;
  align-items: stretch;
}

.sk-catpage__cta-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  border-radius: 24px;
}

.sk-catpage__cta-panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
  min-width: 0;
  padding: 36px;
  border-radius: 24px;
  background: #e7e7e2;
}

.sk-catpage__cta-copy,
.sk-catpage__form {
  margin: 0;
}

.sk-catpage h2.sk-catpage__cta-title {
  margin: 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
}

.sk-catpage__cta-lead {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-catpage__cta-copy {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sk-catpage__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.sk-catpage__label {
  color: #32352d;
  font-size: 12px;
  line-height: 16px;
}

.sk-catpage__control {
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-radius: 16px;
  background: #f6f6f3;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.sk-catpage__control::placeholder {
  color: #777c68;
  opacity: 1;
}

.sk-catpage__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 56px;
  margin: 0;
  border: 0;
  border-radius: 16px;
  background: #777c68;
  color: #fff;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

.sk-catpage__submit:hover {
  background: #32352d;
}

.sk-catpage__consent {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 16px;
  width: max-content;
  max-width: 100%;
  margin: 0;
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.sk-catpage__agree {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #777c68;
}

.sk-catpage__consent a {
  color: #5a4438;
}

.sk-catpage__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
}

.sk-catpage__status {
  min-height: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.sk-catpage__status:empty {
  display: none;
}

.sk-catpage__status.is-error {
  color: #8a3a2a;
}

.sk-catpage__status.is-ok {
  color: #32352d;
}

.sk-catpage .sk-seo {
  background: #f6f6f3;
}

.sk-catpage .sk-seo__title,
.sk-catpage .sk-reviews__title,
.sk-catpage .sk-reviews__quote,
.sk-catpage .sk-reviews__photo-title {
  font-family: "Tenor Sans", "Oranienbaum", serif;
}

.sk-catpage .sk-seo__text,
.sk-catpage .sk-seo__text font,
.sk-catpage .sk-seo__text p {
  color: #40403b;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.sk-catpage .sk-seo__text h2,
.sk-catpage .sk-seo__text h3 {
  margin: 20px 0 8px;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

@media (max-width: 1279px) {
  .sk-catpage__hero,
  .sk-catpage__catalog,
  .sk-catpage__faq,
  .sk-catpage__opinions,
  .sk-catpage__cta {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-catpage h1.sk-catpage__title {
    font-size: 52px;
    line-height: 60px;
  }
}

@media (max-width: 1100px) {
  .sk-catpage__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sk-catpage__faq-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sk-catpage__faq-title,
  .sk-catpage__faq-lead {
    flex: none;
    max-width: none;
  }

  .sk-catpage__cta-card {
    grid-template-columns: 1fr;
  }

  .sk-catpage__cta-photo {
    height: auto;
    aspect-ratio: 720 / 572;
  }

  .sk-catpage__cta-panel {
    padding: 24px;
  }

  .sk-catpage__hero-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sk-catpage h1.sk-catpage__title,
  .sk-catpage__hero-main h1.sk-catpage__title,
  .sk-catpage__lead {
    flex: none;
    width: auto;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .sk-catpage__hero,
  .sk-catpage__catalog,
  .sk-catpage__faq,
  .sk-catpage__opinions,
  .sk-catpage__cta {
    padding-right: 16px;
    padding-left: 16px;
  }

  .sk-catpage h1.sk-catpage__title,
  .sk-catpage__opinions-title {
    font-size: 36px;
    line-height: 44px;
  }

  .sk-catpage__faq {
    gap: 18px;
    padding-top: 32px;
    padding-bottom: 32px;
    background: transparent;
  }

  .sk-catpage__faq-head {
    gap: 18px;
  }

  .sk-catpage__faq-title {
    color: #1c1b18;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.14px;
  }

  .sk-catpage__faq-lead {
    font-size: 14px;
    line-height: 20px;
  }

  .sk-catpage__faq-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .sk-catpage__faq-item {
    padding: 16px;
    border-radius: 16px;
  }

  .sk-catpage__faq-item.is-open {
    border-radius: 18px;
  }

  .sk-catpage__faq-q {
    padding-right: 32px;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-catpage__faq-mark {
    right: 16px;
  }

  .sk-catpage__faq-a {
    padding-right: 32px;
  }

  .sk-catpage__grid,
  .sk-catpage__videos {
    grid-template-columns: 1fr;
  }

  .sk-catpage__page {
    min-width: 36px;
    height: 36px;
    font-size: 15px;
  }

  .sk-catpage h2.sk-catpage__cta-title {
    font-size: 28px;
    line-height: 36px;
  }
}

/* Капча вне попапов: картинка и поле в одной строке, обновление под картинкой. */
.sk-measure__form .captcha-block,
.sk-catalog__form .captcha-block,
.sk-catpage__form .captcha-block,
.sk-partner__form .captcha-block,
.landing-form_fields .captcha-block,
.form-line .captcha-block,
.done-config .captcha-block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 8px;
  align-items: center;
  width: 100%;
  margin: 0;
}

.sk-measure__form .captcha-block br,
.sk-catalog__form .captcha-block br,
.sk-catpage__form .captcha-block br,
.sk-partner__form .captcha-block br,
.landing-form_fields .captcha-block br,
.form-line .captcha-block br,
.done-config .captcha-block br {
  display: none;
}

.sk-measure__form .captcha-image,
.sk-catalog__form .captcha-image,
.sk-catpage__form .captcha-image,
.sk-partner__form .captcha-image,
.landing-form_fields .captcha-image,
.form-line .captcha-image,
.done-config .captcha-image {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 150px;
  height: 35px;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 1px solid #d8ccbc;
  border-radius: 8px;
  background: #fff;
  object-fit: none;
  justify-self: start;
  align-self: center;
}

.sk-measure__form .captcha-refresh-btn,
.sk-catalog__form .captcha-refresh-btn,
.sk-catpage__form .captcha-refresh-btn,
.sk-partner__form .captcha-refresh-btn,
.landing-form_fields .captcha-refresh-btn,
.form-line .captcha-refresh-btn,
.done-config .captcha-refresh-btn {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
}

.sk-measure__form .captcha-input,
.sk-catalog__form .captcha-input,
.sk-catpage__form .captcha-input,
.sk-partner__form .captcha-input,
.landing-form_fields .captcha-input,
.form-line .captcha-input,
.done-config .captcha-input {
  grid-column: 2;
  grid-row: 1;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  text-align: left;
}

.sk-measure__form .captcha-input,
.sk-catalog__form .captcha-input,
.sk-catpage__form .captcha-input,
.sk-partner__form .captcha-input {
  height: 64px;
  padding: 16px 20px;
  border: 0;
  border-radius: 16px;
  background: #e7e7e2;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-measure__form .captcha-input {
  border: 1px solid #e7e7e2;
}

.sk-catpage__form .captcha-input {
  background: #f6f6f3;
}

.sk-measure__form .captcha-refresh-btn {
  color: #f6f6f3;
}

.sk-measure__form .captcha-input::placeholder,
.sk-catalog__form .captcha-input::placeholder,
.sk-catpage__form .captcha-input::placeholder,
.sk-partner__form .captcha-input::placeholder {
  color: #777c68;
  opacity: 1;
}

.landing-form_fields .captcha-input {
  height: 40px;
  padding: 0 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #2a2a2a;
  font-size: 15px;
}

.form-line .captcha-block {
  max-width: 760px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

.form-line .captcha-input {
  display: block;
  height: 45px;
  padding: 0 20px;
  border: 0;
  border-radius: 5px;
  background: #fff;
  color: #2a2a2a;
  font-size: 15px;
}

.form-line .captcha-refresh-btn {
  color: #fafafb;
}

.done-config .flex {
  flex-wrap: wrap;
}

.done-config .captcha-block {
  flex: 1 0 100%;
}

.done-config .captcha-input {
  height: 35px;
  padding: 0 12px;
  border: 1px solid #b9b9cc;
  border-radius: 3px;
  background: #fff;
  color: #2a2a2a;
  font-size: 14px;
}

@media (max-width: 767px) {
  .sk-measure__form .captcha-input {
    border-color: #e7dfd2;
    background: #e7dfd2;
  }
}

/* Product page. Figma 04 — Product / Amalide, node 510:5599. */
.sk-legacy {
  display: none !important;
}

.sk-product,
.sk-product * {
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-product {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-product__inner {
  width: min(1248px, calc(100% - 64px));
  margin: 0 auto;
}

.sk-product__h,
.sk-product__title,
.sk-product__summary h3,
.sk-product__h3 {
  margin: 0 0 16px;
  font-family: "Tenor Sans", "Times New Roman", serif;
  font-weight: 400;
  color: #1c1b18;
}

.sk-product__title {
  font-size: 52px;
  line-height: 1.05;
}

.sk-product__h,
.sk-product__h3 {
  font-size: 36px;
  line-height: 1.15;
}

.sk-product__levels,
.sk-product__facade,
.sk-product__production,
.sk-product__videos,
.sk-product__consult,
.sk-product__similar,
.sk-product__seo {
  padding: 48px 0;
}

.sk-product__crumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 28px;
  font-size: 13px;
  line-height: 18px;
}

.sk-product__crumbs a {
  color: #777c68;
  text-decoration: none;
}

.sk-product__hero-grid,
.sk-product__specs-grid,
.sk-product__level-grid,
.sk-product__facade-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
  gap: 40px;
  align-items: start;
}

.sk-product__shot,
.sk-product__facade-shot,
.sk-product__card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  background: #e7e4dc;
}

.sk-product__shot {
  aspect-ratio: 3 / 2;
}

.sk-product__thumbs,
.sk-product__facade-film {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  overflow-x: auto;
}

.sk-product__thumb {
  width: 72px;
  height: 72px;
  padding: 0;
  border: 1px solid transparent;
  background: none;
  cursor: pointer;
}

.sk-product__thumb img,
.sk-product__facade-film img {
  width: 72px;
  height: 72px;
  object-fit: cover;
}

.sk-product__thumb.is-on {
  border-color: #1c1b18;
}

.sk-product__tag {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 10px;
  background: #32352d;
  color: #f6f6f3;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-product__lead,
.sk-product__note,
.sk-product__summary p,
.sk-product__production p,
.sk-product__consult p,
.sk-product__seo p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.5;
}

.sk-product__facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.sk-product__facts span,
.sk-product__table th,
.sk-product__facade-meta dt {
  display: block;
  color: #777c68;
  font-size: 13px;
  font-weight: 400;
}

.sk-product__facts b {
  font-weight: 600;
}

.sk-product__price,
.sk-product__summary-price,
.sk-product__card-price {
  font-size: 28px;
  line-height: 1.2;
}

.sk-product__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
}

.sk-product__btn,
.sk-product input.sk-product__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 0;
  padding: 12px 22px;
  border: 1px solid #32352d;
  border-radius: 999px;
  background: #32352d;
  color: #f6f6f3;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.sk-product__btn_line {
  background: transparent;
  color: #1c1b18;
}

.sk-product__table {
  width: 100%;
  border-collapse: collapse;
}

.sk-product__table th,
.sk-product__table td {
  padding: 12px 0;
  border-bottom: 1px solid rgba(28, 27, 24, 0.12);
  text-align: left;
  vertical-align: top;
  font-size: 15px;
}

.sk-product__table th {
  width: 34%;
  padding-right: 16px;
}

.sk-product__description,
.sk-product__level-copy,
.sk-product__more-text {
  font-size: 16px;
  line-height: 1.55;
}

.sk-product__description p,
.sk-product__level-copy p,
.sk-product__level-copy li {
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-product__level-nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}

.sk-product__level-nav--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sk-product__level-grid[hidden] {
  display: none;
}

#content.sk-calc.sk-calc--wait {
  display: none;
}

#content.sk-calc.sk-calc--wait.is-open {
  display: block;
}

#content.sk-calc.sk-calc--wait .sk-calc__head {
  display: none;
}

.sk-product__level {
  padding: 18px 20px;
  border: 1px solid rgba(28, 27, 24, 0.16);
  background: transparent;
  color: #1c1b18;
  text-align: left;
  font-size: 20px;
  cursor: pointer;
}

.sk-product__level span {
  display: block;
  margin-bottom: 8px;
  color: #777c68;
  font-size: 13px;
}

.sk-product__level.is-on {
  background: #32352d;
  color: #f6f6f3;
}

.sk-product__level.is-on span {
  color: rgba(246, 246, 243, 0.7);
}

.sk-product__level-copy {
  display: none;
}

.sk-product__level-copy.is-on {
  display: block;
}

.sk-product__summary {
  padding: 28px;
  background: #fff;
}

.sk-product__swatch {
  width: 28px;
  height: 28px;
  margin: 0 8px 8px 0;
  border: 1px solid rgba(28, 27, 24, 0.25);
  border-radius: 50%;
  cursor: pointer;
}

.sk-product__swatch.is-on {
  outline: 2px solid #1c1b18;
  outline-offset: 2px;
}

.sk-product__facade-meta {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 8px 12px;
  margin: 20px 0;
}

.sk-product__facade-meta dd {
  margin: 0;
}

.sk-product__video-grid {
  display: grid;
  grid-template-columns: minmax(0, 614fr) minmax(0, 299fr) minmax(0, 299fr);
  grid-template-rows: 203px 203px;
  gap: 14px 20px;
}

.sk-product__video:first-child {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.sk-product__video:nth-child(2) { grid-column: 2; grid-row: 1; }
.sk-product__video:nth-child(3) { grid-column: 2; grid-row: 2; }
.sk-product__video:nth-child(4) { grid-column: 3; grid-row: 1; }
.sk-product__video:nth-child(5) { grid-column: 3; grid-row: 2; }

.sk-product__video {
  min-width: 0;
  overflow: hidden;
  background: #111;
}

.sk-product__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.sk-product__cards {
  grid-template-columns: repeat(3, 1fr);
}

.sk-product__video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #111;
}

.sk-product__card {
  color: inherit;
  text-decoration: none;
}

.sk-product__card img {
  aspect-ratio: 4 / 3;
  margin-bottom: 12px;
}

.sk-product__card-name,
.sk-product__card-price {
  display: block;
}

.sk-product__card-name {
  margin-bottom: 6px;
  font-size: 18px;
}

.sk-product__card-price {
  font-size: 16px;
}

.sk-product__consult {
  padding: 56px 0;
  background: #f6f5f0;
}

.sk-product__consult-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 560px);
  gap: 68px;
  align-items: center;
  padding: 42px 48px;
  border-radius: 28px;
  background: #777c68;
}

.sk-product__consult-copy {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 500px;
}

.sk-product__consult .sk-product__h {
  margin: 0;
  color: #f6f6f3;
  font-size: 34px;
  line-height: 42px;
}

.sk-product__consult p {
  max-width: 460px;
  margin: 0;
  color: #e7e7e2;
  font-size: 16px;
  line-height: 26px;
}

.sk-product__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.sk-product__form input[type="text"],
.sk-product__form input[type="tel"] {
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0 20px;
  border: 1px solid #d8ccbc;
  border-radius: 999px;
  background: #fff;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
}

.sk-product__form input::placeholder {
  color: #77736b;
  opacity: 1;
}

.sk-product__consult .captcha-block {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.sk-product__consult .captcha-image {
  flex: 0 0 auto;
  height: 56px;
  border-radius: 16px;
  background: #fff;
}

.sk-product__consult .captcha-refresh-btn {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #f6f6f3;
  font-size: 22px;
  line-height: 40px;
  cursor: pointer;
}

.sk-product__consult .captcha-input {
  flex: 1;
  min-width: 0;
}

.sk-product__consult .sendData {
  width: auto;
  height: 46px;
  margin: 0;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #32352d;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

.sk-product__consult .sk-product__form-status,
.sk-product__consult .alert {
  margin: 0;
  color: #f6f6f3;
  font-size: 14px;
  line-height: 20px;
}

.sk-product__more {
  padding: 0;
  border: 0;
  background: none;
  color: #1c1b18;
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer;
}

.sk-product__more-text[hidden] {
  display: none;
}

.sk-calc.product-info {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 64px 0 56px;
  background: #e7e7e2;
  border-radius: 40px;
  color: #1c1b18;
}

.sk-calc,
.sk-calc * {
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-calc.product-info #product {
  width: min(1248px, calc(100% - 96px));
  max-width: none;
  margin: 0 auto;
}

.sk-calc .sk-calc__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 500px);
  gap: 24px 40px;
  align-items: end;
  margin-bottom: 28px;
}

.sk-calc h2.sk-calc__title {
  margin: 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Times New Roman", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  text-align: left;
}

.sk-calc#content p.sk-calc__lead {
  margin: 0;
  color: #47443e;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-indent: 0;
}

.sk-calc.product-info > #product > span.price {
  display: none;
}

.sk-calc .ConfigResult {
  display: none !important;
}

.sk-calc#content ul.step-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

.sk-calc .step-bar li {
  flex: 1 1 0;
  margin: 0;
  padding: 14px 8px;
  border: 0;
  border-radius: 16px;
  background: #fff !important;
  background-image: none !important;
  color: #1c1b18;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.sk-calc .step-bar li.active {
  background: #32352d !important;
  color: #fff !important;
}

.sk-calc .step-bar li:before,
.sk-calc .step-bar li:after {
  content: none !important;
  display: none !important;
}

.sk-calc .configuration__title {
  margin: 0 0 20px;
  color: #1c1b18;
  font-family: "Tenor Sans", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}

.sk-calc .configuration__title img,
.sk-calc .configuration__title span:before {
  content: none;
  display: none;
}

.sk-calc .wrap-shape {
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 8px;
}

.sk-calc .config-shape {
  width: auto;
  flex: 1 1 280px;
  gap: 8px;
  padding-top: 0;
}

.sk-calc .config-shape__item {
  flex: 1 1 calc(50% - 8px);
  max-width: calc(50% - 4px);
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(119, 124, 104, 0.3);
  border-radius: 16px;
  background: #fff;
  box-sizing: border-box;
}

.sk-calc .config-shape__item:has(input:checked) {
  border-color: #32352d;
  background: #fff;
  box-shadow: inset 0 0 0 1px #32352d;
}

.sk-calc .config-shape__item label {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.sk-calc .config-shape__item label:before,
.sk-calc .config-shape__item input:checked + label:before {
  content: none;
  display: none;
  background: none;
}

.sk-calc .config-shape__item:has(input:checked) label {
  color: #1c1b18;
}

.sk-calc .config-shape__item img {
  display: block;
  width: 72px;
  height: auto;
  margin: 0;
}

.sk-calc .chosen-shape {
  width: auto;
  flex: 1 1 360px;
  text-align: center;
}

.sk-calc .chosen-shape__img {
  padding-top: 24px;
  padding-right: 48px;
}

.sk-calc .chosen-shape__img input {
  width: 56px;
  height: 32px;
  padding: 0 6px;
  border: 1px solid #d8ccbc;
  border-radius: 8px;
  background: #fff;
  color: #1c1b18;
  font-size: 14px;
}

.sk-calc.product-info .form-group .radio,
.sk-calc.product-info .form-group .checkbox {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0;
  text-align: left;
  text-indent: 0;
  box-sizing: border-box;
}

.sk-calc.product-info .form-group > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.sk-calc.product-info .form-group .radio label,
.sk-calc.product-info .form-group .checkbox label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 37px;
  margin: 0;
  padding: 8px 16px;
  border: 1px solid rgba(119, 124, 104, 0.3);
  border-radius: 16px;
  background: #fff;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
  text-indent: 0;
  box-sizing: border-box;
  text-align: center;
}

.sk-calc.product-info .form-group .radio label:has(input:checked),
.sk-calc.product-info .form-group .checkbox label:has(input:checked),
.sk-calc #product div.options .radio label.active,
.sk-calc #product div.options .checkbox label.active {
  border-color: #32352d;
  background: #32352d;
  color: #fff;
}

.sk-calc #product div.options label.control-label.active {
  background: transparent;
  color: #1c1b18;
}

.sk-calc.product-info .form-group .radio input,
.sk-calc.product-info .form-group .checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.sk-calc .next-config {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 28px;
  text-align: right;
}

.sk-calc .next-config .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 46px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #32352d;
  border-radius: 999px;
  background: transparent;
  color: #1c1b18;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

.sk-calc .next-config .btn_back-step {
  position: static;
  top: auto;
  bottom: auto;
  float: none;
  width: auto;
}

.sk-calc .next-config .btn_next,
.sk-calc .next-config.active .btn_next {
  background: #32352d;
  color: #fff;
}

.sk-calc .done-config {
  max-width: none;
  margin: 0;
  text-align: left;
}

.sk-calc .done-config__flex {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 403px);
  gap: 20px;
  align-items: start;
}

.sk-calc .done-config .input-wrap,
.sk-calc .options .configuration-table {
  width: auto;
  max-width: none;
  padding: 28px;
  border-radius: 20px;
  background: #fff;
  box-sizing: border-box;
}

.sk-calc .done-config .input-wrap {
  display: block;
}

.sk-calc .done-config .input-wrap input,
.sk-calc .done-config .captcha-input {
  width: 100%;
  height: 56px;
  margin: 0 0 12px;
  padding: 0 16px;
  border: 0;
  border-radius: 16px;
  background: #f6f6f3;
  color: #1c1b18;
  box-sizing: border-box;
}

.sk-calc .done-config__text {
  margin: 0 0 16px;
  color: #47443e;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.sk-calc .done-config input.configHard,
.sk-calc .done-config input.basicConf {
  width: auto;
  min-width: 178px;
  height: 46px;
  margin-top: 8px;
  border-radius: 999px;
  background: #32352d;
  color: #fff;
  font-size: 14px;
}

.sk-calc .configuration__price {
  margin: 16px 0 0;
  color: #1c1b18;
  font-size: 18px;
  line-height: 24px;
}

.sk-calc .configuration__price span {
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.sk-calc .configuration-table table {
  width: 100%;
  border-collapse: collapse;
}

.sk-calc .configuration-table td {
  padding: 10px 0;
  border-bottom: 1px solid #d8ccbc;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

@media (max-width: 900px) {
  .sk-calc.product-info {
    padding: 32px 0 28px;
    border-radius: 24px;
  }

  .sk-calc.product-info #product {
    width: min(1248px, calc(100% - 32px));
  }

  .sk-calc .sk-calc__head,
  .sk-calc .done-config__flex,
  .sk-calc .wrap-shape {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
  }

  .sk-calc h2.sk-calc__title {
    font-size: 28px;
    line-height: 36px;
  }

  .sk-calc .config-shape,
  .sk-calc .chosen-shape {
    width: 100%;
    flex-basis: auto;
  }

  .sk-calc .step-bar li {
    flex: 1 1 calc(50% - 8px);
  }

  .sk-calc .next-config {
    flex-direction: column;
  }

  .sk-calc .next-config .btn {
    width: 100%;
  }
}

.sk-product__production {
  padding: 0;
  background: transparent;
}

.sk-product__production-band {
  background: #e7e7e2;
  padding: 40px 0;
}

.sk-product__production-copy {
  display: grid;
  grid-template-columns: minmax(220px, 385px) minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.sk-product__production .sk-product__h {
  margin: 0;
  color: #1c1b18;
  font-size: 52px;
  line-height: 60px;
}

.sk-product__production p {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-product__production-photo {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 900px) {
  .sk-product__inner {
    width: min(1248px, calc(100% - 32px));
  }

  .sk-product__title {
    font-size: 36px;
  }

  .sk-product__level-grid,
  .sk-product__facade-grid,
  .sk-product__level-nav,
  .sk-product__cards {
    grid-template-columns: 1fr;
  }

  .sk-product__video-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .sk-product__video {
    height: 216px;
  }

  .sk-product__video:first-child {
    height: 244px;
  }

  .sk-product__consult {
    padding: 28px 0 36px;
  }

  .sk-product__consult-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: stretch;
    padding: 24px 20px;
    border-radius: 20px;
  }

  .sk-product__consult-copy {
    max-width: none;
    gap: 14px;
  }

  .sk-product__consult p {
    max-width: none;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-product__form {
    gap: 14px;
  }

  .sk-product__form input[type="text"],
  .sk-product__form input[type="tel"],
  .sk-product__consult .captcha-image {
    height: 52px;
    padding: 0 16px;
  }

  .sk-product__consult .captcha-image {
    padding: 0;
  }

  .sk-product__consult .captcha-block {
    flex-wrap: wrap;
  }

  .sk-product__consult .captcha-input {
    flex: 1 1 100%;
  }

  .sk-product__consult .sendData {
    align-self: stretch;
    width: 100%;
    height: 52px;
  }

  .sk-product__production-band {
    padding: 32px 0;
  }

  .sk-product__production-copy {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sk-product__production-break {
    display: none;
  }

  .sk-product__production .sk-product__h {
    font-size: 34px;
    line-height: 42px;
  }

  .sk-product__production p {
    font-size: 14px;
    line-height: 20px;
  }
}

/* Section / 02 / Product Hero. Desktop 612:1026, mobile 872:745. */
.sk-product__hero {
  padding: 40px 0 80px;
  background: #f6f5f0;
}

.sk-product__hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  column-gap: 20px;
  row-gap: 28px;
  align-items: start;
}

.sk-product__hero .sk-product__crumbs,
.sk-product__rule,
.sk-product__hero .sk-product__specs-grid {
  grid-column: 1 / -1;
}

.sk-product__hero .sk-product__crumbs {
  gap: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.sk-product__hero .sk-product__crumbs a,
.sk-product__hero .sk-product__crumbs span {
  color: #777c68;
  text-decoration: none;
}

.sk-product__hero .sk-product__crumbs > :last-child {
  color: #1c1b18;
}

.sk-product__hero .sk-product__crumbs > * + *::before {
  content: "·";
  margin: 0 10px;
  color: #777c68;
}

.sk-product__buy,
.sk-product__head,
.sk-product__offer,
.sk-product__actions {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sk-product__buy {
  gap: 24px;
}

.sk-product__head {
  gap: 8px;
}

.sk-product__offer {
  gap: 16px;
}

.sk-product__hero .sk-product__actions {
  align-items: stretch;
  width: 100%;
  gap: 16px;
  margin-top: 0;
}

.sk-product__hero .sk-product__shot {
  width: 100%;
  aspect-ratio: 3 / 2;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
}

.sk-product__thumbs {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  overflow: visible;
}

.sk-product__thumb-nav {
  display: flex;
  flex: 0 0 65px;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.sk-product__thumb-nav img {
  width: 45px;
  height: 45px;
}

.sk-product__thumb-window {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.sk-product__thumb-track {
  display: flex;
  gap: 12px;
  width: 100%;
  transition: transform 0.25s ease;
}

.sk-product__hero .sk-product__thumb {
  flex: 0 0 calc((100% - 24px) / 3);
  width: calc((100% - 24px) / 3);
  height: auto;
  aspect-ratio: 179 / 119.3;
  padding: 0;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 14px;
  background: #e7e4dc;
  cursor: pointer;
}

.sk-product__hero .sk-product__thumb.is-on {
  border-color: #777c68;
}

.sk-product__hero .sk-product__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sk-product__dots {
  display: none;
}

.sk-product__hero .sk-product__tag {
  display: inline-flex;
  align-self: flex-start;
  justify-self: start;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 0 14px;
  border-radius: 999px;
  background: #e7e7e2;
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.sk-product__hero .sk-product__title {
  margin: 0;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.01em;
  text-align: left;
}

.sk-product__hero .sk-product__lead {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}

.sk-product__hero .sk-product__facts {
  gap: 24px;
  margin: 0;
}

.sk-product__hero .sk-product__facts li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.sk-product__hero .sk-product__facts img {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
}

.sk-product__hero .sk-product__facts li > span {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.sk-product__hero .sk-product__facts li > span > span {
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}

.sk-product__hero .sk-product__facts b {
  color: #32352d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-product__hero .sk-product__price {
  margin: 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}

.sk-product__calc,
.sk-product__msg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 999px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.sk-product__calc {
  gap: 16px;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 1px solid #d8ccbc;
  background: #fff;
  color: #1c1b18;
  font-family: inherit;
  cursor: pointer;
}

.sk-product__msgs {
  display: flex;
  gap: 8px;
  width: 100%;
}

.sk-product__msg {
  flex: 1 1 auto;
  gap: 6px;
  height: 44px;
  min-width: 0;
  min-height: 44px;
  padding: 0 10px;
  border: 0;
  background: #777c68;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0;
  white-space: nowrap;
}

.sk-product__msg img {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

.sk-product__rule {
  height: 1px;
  margin: 0;
  border: 0;
  background: #d8ccbc;
}

.sk-product__hero .sk-product__specs-grid {
  grid-template-columns: minmax(0, 507px) minmax(0, 1fr);
  gap: 129px;
}

.sk-product__hero .sk-product__h {
  margin: 0 0 16px;
  color: #32352d;
  font-size: 24px;
  line-height: 32px;
  text-align: left;
}

.sk-product__about .sk-product__h {
  margin-bottom: 28px;
  color: #47443e;
}

.sk-product__hero .sk-product__note {
  max-width: 431px;
  margin: 0 0 16px;
  color: #77736b;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}

.sk-product__spec-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sk-product__spec-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
}

.sk-product__spec-row span:first-child {
  color: #77736b;
}

.sk-product__spec-row span:last-child {
  color: #1c1b18;
  text-align: right;
}

.sk-product__about .sk-product__description,
.sk-product__about .sk-product__description p {
  margin: 0;
  color: #47443e;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.sk-product__about .sk-product__description p + p {
  margin-top: 16px;
}

@media (max-width: 900px) {
  .sk-product__hero {
    padding: 32px 0;
  }

  .sk-product__hero-layout {
    grid-template-columns: 1fr;
    row-gap: 18px;
  }

  .sk-product__buy,
  .sk-product__head,
  .sk-product__offer {
    display: contents;
  }

  .sk-product__hero .sk-product__crumbs { order: 1; }
  .sk-product__gallery { order: 2; }
  .sk-product__hero .sk-product__price { order: 3; }
  .sk-product__hero .sk-product__tag { order: 4; height: 30px; padding: 0 12px; }
  .sk-product__hero .sk-product__title { order: 5; font-size: 34px; line-height: 42px; letter-spacing: -0.004em; }
  .sk-product__hero .sk-product__lead { order: 6; font-size: 14px; line-height: 20px; }
  .sk-product__hero .sk-product__facts { order: 7; }
  .sk-product__actions { order: 8; gap: 8px; }
  .sk-product__rule { order: 9; }
  .sk-product__hero .sk-product__specs-grid { order: 10; grid-template-columns: 1fr; gap: 18px; }

  .sk-product__thumbs {
    display: none;
  }

  .sk-product__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-top: 8px;
  }

  .sk-product__dot {
    width: 6px;
    height: 6px;
    padding: 0;
    border: 0;
    border-radius: 100px;
    background: #e7e7e2;
    cursor: pointer;
  }

  .sk-product__dot.is-on {
    width: 25px;
    background: #777c68;
  }

  .sk-product__hero .sk-product__shot {
    border-radius: 18px;
  }

  .sk-product__hero .sk-product__facts {
    gap: 24px 12px;
  }

  .sk-product__hero .sk-product__facts img {
    flex-basis: 24px;
    width: 24px;
    height: 24px;
  }

  .sk-product__hero .sk-product__facts li {
    gap: 4px;
  }

  .sk-product__hero .sk-product__facts b,
  .sk-product__hero .sk-product__facts li > span > span {
    font-size: 12px;
    line-height: 16px;
  }

  .sk-product__hero .sk-product__price {
    color: #32352d;
  }

  .sk-product__msgs {
    flex-direction: column;
    gap: 8px;
  }

  .sk-product__msg {
    flex: none;
    width: 100%;
    height: 44px;
  }

  .sk-product__hero .sk-product__note {
    max-width: none;
  }

  .sk-product__spec-list {
    gap: 14px;
  }

  .sk-product__spec-row {
    min-height: 30px;
    align-items: center;
  }

  .sk-product__about .sk-product__h {
    margin-bottom: 12px;
  }

  .sk-product__about .sk-product__description,
  .sk-product__about .sk-product__description p {
    font-size: 14px;
    line-height: 20px;
  }
}

/* Section / 04 / Facades. Desktop 954:588, mobile 954:641. */
.sk-product__facade .sk-product__facade-grid {
  grid-template-columns: minmax(0, 720fr) minmax(280px, 522fr);
  gap: 20px;
  align-items: start;
}

.sk-product__facade-shot {
  width: 100%;
  height: 411px;
  max-height: 411px;
  aspect-ratio: 720 / 411;
  object-fit: cover;
  border-radius: 18px;
}

.sk-product__facade-film {
  gap: 12px;
  margin-top: 12px;
}

.sk-product__facade-film img {
  width: auto;
  height: 110px;
  aspect-ratio: 168 / 130;
  border-radius: 18px;
  object-fit: cover;
}

.sk-product__facade-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 18px;
}

.sk-product__facade-panel .sk-product__h3 {
  margin: 0;
  font-size: 34px;
  line-height: 42px;
}

.sk-product__facade-picks {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

.sk-product__facade .sk-product__swatches p {
  margin: 0 0 12px;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-product__facade .sk-product__swatches > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sk-product__facade .sk-product__swatch {
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(28, 27, 24, 0.12);
  border-radius: 8px;
}

.sk-product__facade-rule {
  height: 1px;
  margin: 0;
  border: 0;
  background: #e7e7e2;
}

.sk-product__facade .sk-product__facade-meta {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px 16px;
  margin: 0;
}

.sk-product__facade .sk-product__facade-meta dt {
  color: #777c68;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-product__facade .sk-product__facade-meta dd {
  margin: 0;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
}

.sk-product__facade-panel .sk-product__btn {
  align-self: flex-start;
  height: 52px;
  min-height: 52px;
  padding: 0 22px;
}

@media (max-width: 900px) {
  .sk-product__facade .sk-product__facade-grid {
    grid-template-columns: 1fr;
  }

  .sk-product__facade-shot {
    height: 260px;
    max-height: 260px;
    aspect-ratio: 358 / 260;
    border-radius: 16px;
  }

  .sk-product__facade-panel {
    gap: 16px;
    padding: 20px 16px;
    border-radius: 16px;
  }

  .sk-product__facade-picks {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sk-product__facade .sk-product__swatches p {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-product__facade .sk-product__swatches > div {
    gap: 8px;
  }

  .sk-product__facade-panel .sk-product__btn {
    align-self: stretch;
    justify-content: center;
  }
}

/* Section / 05 / Similar models. Desktop 614:1098, mobile 872:967. */
.sk-product__similar {
  padding: 56px 0;
  background: #f6f5f0;
}

.sk-product__similar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}

.sk-product__similar .sk-product__h {
  margin: 0;
  font-size: 34px;
  line-height: 42px;
}

.sk-product__similar-tools {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: auto;
}

.sk-product__similar-nav {
  display: flex;
  align-items: center;
  gap: 24px;
}

.sk-product__similar-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  border: 1px solid #e7e7e2;
  border-radius: 999px;
  background: #f6f6f3;
  color: #1c1b18;
  cursor: pointer;
}

.sk-product__similar-arrow:hover {
  background: #32352d;
  border-color: #e7e7e2;
  color: #f6f6f3;
}

.sk-product__similar-arrow:disabled {
  opacity: 0.4;
  cursor: default;
}

.sk-product__similar-arrow:disabled:hover {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-product__similar-all {
  flex: none;
  color: #1c1b18;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  white-space: nowrap;
}

.sk-product__similar-viewport {
  overflow: hidden;
}

.sk-product__similar .sk-product__cards {
  display: flex;
  gap: 20px;
  transition: transform 0.35s ease;
}

.sk-product__similar .sk-product__card {
  display: flex;
  flex: 0 0 calc((100% - 40px) / 3);
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.sk-product__similar .sk-product__card img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  margin: 0;
  border-radius: 20px;
  object-fit: cover;
}

.sk-product__similar .sk-product__card-name {
  margin: 0;
  font-family: "Tenor Sans", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c1b18;
}

.sk-product__similar .sk-product__card-price {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  color: #1c1b18;
}

.sk-product__similar .sk-product__card-more {
  font-size: 14px;
  line-height: 18px;
  color: #47443e;
}

@media (max-width: 900px) {
  .sk-product__similar {
    padding: 32px 0;
  }

  .sk-product__similar-head {
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 16px;
  }

  .sk-product__similar-tools {
    width: 100%;
    justify-content: space-between;
  }

  .sk-product__similar .sk-product__cards {
    gap: 18px;
  }

  .sk-product__similar .sk-product__card {
    flex-basis: 290px;
    gap: 10px;
  }

  .sk-product__similar .sk-product__card img {
    height: 239px;
    aspect-ratio: auto;
    border-radius: 16px;
  }
}

/* 05 — About. Figma page 503:5597. */

.sk-about-page {
  background: #f6f6f3;
  color: #32352d;
}

.sk-about-page h1,
.sk-about-page h2,
.sk-about-page h3,
.sk-about-page p {
  text-align: left;
}

.sk-about-page__crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 84px;
  margin: 0;
  padding: 0 96px;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
}

.sk-about-page__crumbs a {
  color: inherit;
  text-decoration: none;
}

.sk-about-page__crumbs span:last-child {
  color: #777c68;
}

.sk-about-page__hero {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 408px;
  padding: 80px 96px;
  background-color: #1c1b18;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/image/catalog/banners/redesign/about-page/hero.jpg");
  background-position: center;
  background-size: cover;
  text-align: center;
}

.sk-about-page__hero-copy {
  position: relative;
  max-width: 1200px;
}

.sk-about-page__hero h1,
.sk-about-page__hero p {
  text-align: center;
}

.sk-about-page__hero h1 {
  margin: 0;
  color: #f6f6f3;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
}

.sk-about-page__hero p {
  margin: 28px 0 0;
  color: #e7e7e2;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.sk-about-page__facts {
  padding: 40px 96px;
  background: #32352d;
}

.sk-about-page__facts-row {
  display: flex;
  gap: 32px;
  max-width: 1144px;
  margin: 0 auto;
}

.sk-about-page__fact {
  flex: 1 1 0;
  min-width: 0;
}

.sk-about-page__fact-value,
.sk-about-page__fact-label {
  margin: 0;
  color: #f7f7f5;
}

.sk-about-page__fact-value {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-about-page__fact-label {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
}

.sk-about-page__history {
  padding: 80px 96px;
  background: #e7e7e2;
}

.sk-about-page__history-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.sk-about-page__story h2 {
  margin: 0 0 24px;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
}

.sk-about-page__statement {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  min-height: 321px;
  padding: 40px;
  border-radius: 8px;
  background-color: #1c1b18;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/image/catalog/banners/redesign/about-page/history.jpg");
  background-position: center;
  background-size: cover;
}

.sk-about-page__kicker,
.sk-about-page__quote {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #f7f7f5;
}

.sk-about-page__kicker {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-about-page__quote {
  max-width: 475px;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
}

.sk-about-page__prose p {
  margin: 0 0 16px;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-about-page__prose p:last-child {
  margin-bottom: 0;
  color: #1c1b18;
}

.sk-about-page__principles,
.sk-about-page__projects {
  padding: 80px 96px;
}

.sk-about-page__intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 40px;
}

.sk-about-page__title {
  max-width: 640px;
  margin: 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
}

.sk-about-page__lead {
  max-width: 515px;
  margin: 0;
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-about-page__lead--short {
  max-width: 384px;
  font-size: 16px;
  line-height: 26px;
}

.sk-about-page__banner {
  display: block;
  width: 100%;
  height: 184px;
  margin: 0 0 40px;
  border-radius: 16px;
  object-fit: cover;
}

.sk-about-page__principle-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.sk-about-page__principle-no {
  margin: 0;
  color: #243447;
  font-size: 14px;
  line-height: 20px;
}

.sk-about-page__principle-line {
  display: block;
  height: 1px;
  margin: 12px 0 16px;
  background: #73889d;
}

.sk-about-page__principle h3 {
  margin: 0 0 8px;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-about-page__principle p:last-child {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-about-page__production-copy {
  display: grid;
  grid-template-columns: minmax(280px, 385px) minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding: 40px 96px;
  border-radius: 16px;
  background: #e7e7e2;
}

.sk-about-page__production-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sk-about-page__production-text p {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-about-page__production-photo {
  display: block;
  width: 100%;
  height: 558px;
  margin-top: 0;
  object-fit: cover;
}

.sk-process {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  min-width: 0;
}

.sk-about-page__process {
  padding: 80px 96px;
}

.sk-about-page__process .sk-process {
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

.sk-about-page__process .sk-benefits__intro {
  flex: 0 1 508px;
}

.sk-about-page__process .sk-benefits__steps {
  flex: 1 1 720px;
  min-width: 0;
}

.sk-about-page .sk-benefits__heading,
.sk-about-page .sk-benefits__num,
.sk-about-page .sk-benefits__title {
  font-family: "Tenor Sans", "Oranienbaum", serif;
}

.sk-about-page__process-copy {
  flex: 0 1 508px;
}

.sk-about-page__process-copy .sk-about-page__title {
  margin-bottom: 40px;
}

.sk-about-page__process-copy p {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-about-page__steps {
  flex: 1 1 720px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.sk-about-page__step {
  padding: 16px 24px;
  border-radius: 20px;
}

.sk-about-page__step.is-open {
  padding: 20px 24px;
  background: #e7e7e2;
}

.sk-about-page__step-head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.sk-about-page__step-no {
  flex: 0 0 auto;
  color: #777c68;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
}

.sk-about-page__step-main {
  flex: 1 1 auto;
  min-width: 0;
}

.sk-about-page__step-main h3 {
  margin: 4px 0 0;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-about-page__step-text {
  margin: 4px 0 0;
  color: #32352d;
  font-size: 12px;
  line-height: 16px;
}

.sk-about-page__step.is-open .sk-about-page__step-text {
  font-size: 14px;
  line-height: 20px;
}

.sk-about-page__step-toggle {
  position: relative;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin-top: 4px;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #e7e7e2;
  cursor: pointer;
}

.sk-about-page__step.is-open .sk-about-page__step-toggle {
  background: #f6f6f3;
}

.sk-about-page__step-toggle span,
.sk-about-page__step-toggle span::before {
  position: absolute;
  background: #1c1b18;
  content: "";
}

.sk-about-page__step-toggle span {
  top: 15px;
  left: 10px;
  width: 12px;
  height: 1.5px;
}

.sk-about-page__step-toggle span::before {
  top: -5px;
  left: 5px;
  width: 1.5px;
  height: 12px;
}

.sk-about-page__step.is-open .sk-about-page__step-toggle span::before {
  display: none;
}

.sk-about-page__step-media {
  display: none;
  width: calc(100% - 50px);
  height: 116px;
  margin: 16px 0 0 50px;
  border-radius: 8px;
  object-fit: cover;
}

.sk-about-page__step.is-open .sk-about-page__step-media {
  display: block;
}

.sk-about-page__videos {
  padding: 80px 96px;
  background: #f7f7f5;
}

.sk-about-page__videos .sk-about-page__intro {
  margin-bottom: 64px;
}

.sk-about-page__video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.sk-about-page__video {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #1c1b18;
  aspect-ratio: 614 / 324;
  cursor: pointer;
}

.sk-about-page__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sk-about-page__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  border-radius: 50%;
  background: rgba(246, 246, 243, 0.92);
}

.sk-about-page__play::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 26px;
  border-color: transparent transparent transparent #1c1b18;
  border-style: solid;
  border-width: 12px 0 12px 18px;
}

.sk-about-page__modal {
  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(28, 27, 24, 0.72);
}

.sk-about-page__modal[hidden] {
  display: none;
}

.sk-about-page__modal-close {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: #f6f6f3;
  color: #1c1b18;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

.sk-about-page__modal-frame {
  width: 100%;
  max-width: 960px;
  aspect-ratio: 16 / 9;
  background: #000;
}

.sk-about-page__modal-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.sk-about-page__project-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.sk-about-page__project {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}

.sk-about-page__project img {
  width: 100%;
  height: 300px;
  margin-bottom: 8px;
  border-radius: 24px;
  object-fit: cover;
}

.sk-about-page__project-name {
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-about-page__project-text {
  display: -webkit-box;
  overflow: hidden;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.sk-about-page__all {
  display: block;
  margin-top: 56px;
  color: #1c1b18;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  text-decoration: none;
}

.sk-about-page__cta {
  padding: 64px 96px;
}

.sk-about-page__cta-card {
  display: flex;
  justify-content: space-between;
  gap: 72px;
  padding: 64px;
  border-radius: 28px;
  background: #32352d;
}

.sk-about-page__cta-copy {
  flex: 0 1 470px;
}

.sk-about-page__cta-copy h2 {
  margin: 0 0 24px;
  color: #f7f7f5;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
}

.sk-about-page__cta-copy p {
  margin: 0;
  color: #f7f7f5;
  font-size: 20px;
  line-height: 30px;
}

.sk-about-page__form {
  flex: 0 1 454px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.sk-about-page__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.sk-about-page__field > span {
  color: #f7f7f5;
  font-size: 12px;
  line-height: 16px;
}

.sk-about-page__field input,
.sk-about-page__field select {
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-radius: 16px;
  background: #e8eaec;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-about-page__field input::placeholder {
  color: #777c68;
}

.sk-about-page__select {
  position: relative;
}

.sk-about-page__select select {
  appearance: none;
  padding-right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5 L10 12 L14.5 7.5' fill='none' stroke='%231C1B18' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
}

.sk-about-page__select select:invalid {
  color: #777c68;
}

.sk-about-page__select option {
  color: #1c1b18;
}

.sk-about-page__form .captcha-block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 12px;
  align-items: center;
  width: 100%;
  margin: 0;
}

.sk-about-page__form .captcha-image {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 150px;
  height: 35px;
  margin: 0;
  border: 0;
  border-radius: 8px;
  background: #fff;
}

.sk-about-page__form .captcha-refresh-btn {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f7f7f5;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}

.sk-about-page__form .captcha-input {
  grid-column: 2;
  grid-row: 1;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-radius: 16px;
  background: #e8eaec;
  color: #1c1b18;
  font-size: 16px;
}

.sk-about-page__submit {
  align-self: flex-start;
  height: 56px;
  margin: 0;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: #e8eaec;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}

.sk-about-page__submit:hover,
.sk-about-page__submit:focus {
  background: #fff;
}

.sk-about-page__submit:disabled {
  cursor: default;
  opacity: 0.7;
}

.sk-about-page__consent {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: #f7f7f5;
  font-size: 12px;
  line-height: 16px;
}

.sk-about-page__consent a {
  color: inherit;
}

.sk-about-page__agree {
  position: absolute;
  opacity: 0;
}

.sk-about-page__box {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #777c68;
}

.sk-about-page__agree:checked + .sk-about-page__box::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}

.sk-about-page__agree:focus + .sk-about-page__box {
  outline: 1px solid #f6f6f3;
}

.sk-about-page__status {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.sk-about-page__status:empty {
  display: none;
}

.sk-about-page__status.is-error {
  color: #ffb4a8;
}

.sk-about-page__status.is-ok {
  color: #d7e3c8;
}

.sk-about-page .sk-seo__text--more p,
.sk-about-page .sk-seo__text--more li {
  margin: 0 0 12px;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
}

.sk-about-page .sk-seo__text--more h3 {
  margin: 20px 0 12px;
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-about-page .sk-seo__text--more ol {
  margin: 0 0 12px;
  padding-left: 20px;
}

@media (max-width: 1279px) {
  .sk-about-page__crumbs,
  .sk-about-page__hero,
  .sk-about-page__facts,
  .sk-about-page__history,
  .sk-about-page__principles,
  .sk-about-page__production-copy,
  .sk-about-page__process,
  .sk-about-page__videos,
  .sk-about-page__projects,
  .sk-about-page__cta {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-about-page__hero h1,
  .sk-about-page__story h2,
  .sk-about-page__title,
  .sk-about-page__cta-copy h2 {
    font-size: 44px;
    line-height: 52px;
  }
}

@media (max-width: 1023px) {
  .sk-about-page__history-grid,
  .sk-about-page__principle-grid,
  .sk-about-page__production-copy,
  .sk-about-page__project-grid {
    grid-template-columns: 1fr;
  }

  .sk-about-page__intro,
  .sk-about-page__process .sk-process,
  .sk-about-page__cta-card {
    flex-direction: column;
    align-items: stretch;
  }

  .sk-about-page__process .sk-benefits__intro,
  .sk-about-page__process .sk-benefits__steps {
    flex: none;
    max-width: none;
  }

  .sk-about-page__lead,
  .sk-about-page__lead--short,
  .sk-about-page__title,
  .sk-about-page__process-copy,
  .sk-about-page__cta-copy,
  .sk-about-page__form {
    max-width: none;
    flex-basis: auto;
  }

  .sk-about-page__production-photo {
    height: 360px;
  }

  .sk-about-page__project img {
    height: 240px;
  }
}

@media (max-width: 767px) {
  .sk-about-page__crumbs {
    min-height: 56px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .sk-about-page__hero,
  .sk-about-page__history,
  .sk-about-page__principles,
  .sk-about-page__process,
  .sk-about-page__videos,
  .sk-about-page__projects {
    padding: 32px 16px;
  }

  .sk-about-page__facts {
    padding: 32px 16px;
  }

  .sk-about-page__facts-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
  }

  .sk-about-page__hero {
    min-height: 0;
  }

  .sk-about-page__hero h1,
  .sk-about-page__story h2,
  .sk-about-page__title,
  .sk-about-page__cta-copy h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .sk-about-page__hero p,
  .sk-about-page__lead {
    font-size: 16px;
    line-height: 24px;
  }

  .sk-about-page__quote {
    font-size: 24px;
    line-height: 32px;
  }

  .sk-about-page__banner {
    height: 140px;
  }

  .sk-about-page__production-copy,
  .sk-about-page__cta {
    padding-right: 16px;
    padding-left: 16px;
  }

  .sk-about-page__cta {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .sk-about-page__cta-card {
    gap: 32px;
    padding: 24px;
    border-radius: 20px;
  }

  .sk-about-page__production-photo {
    height: 240px;
  }

  .sk-about-page__step-text,
  .sk-about-page__step-media {
    display: none;
  }

  .sk-about-page__step.is-open .sk-about-page__step-text,
  .sk-about-page__step.is-open .sk-about-page__step-media {
    display: block;
  }

  .sk-about-page__step-media {
    width: 100%;
    margin-left: 0;
  }

  .sk-about-page__video-grid {
    gap: 8px;
  }

  .sk-about-page__video {
    aspect-ratio: 175 / 112;
    border-radius: 12px;
  }

  .sk-about-page__play {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
  }

  .sk-about-page__play::before {
    top: 12px;
    left: 16px;
    border-width: 8px 0 8px 12px;
  }
}

.sk-article {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-article,
.sk-article * {
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-article h1,
.sk-article h2,
.sk-article h3,
.sk-article__card-title {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  text-align: left;
}

.sk-article a {
  color: inherit;
  text-decoration: none;
}

.sk-article__crumbs,
.sk-article__hero,
.sk-article__cover,
.sk-article__read,
.sk-article__consult,
.sk-article__related {
  padding-left: 96px;
  padding-right: 96px;
}

.sk-article__crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 84px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.sk-article__crumbs span:last-child {
  color: #777c68;
}

.sk-article__hero {
  padding-top: 8px;
  padding-bottom: 32px;
}

.sk-article__kicker {
  display: none;
  margin: 0 0 16px;
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-article h1 {
  max-width: 920px;
  margin: 0;
  color: #1c1b18;
  font-size: 52px;
  line-height: 60px;
}

.sk-article__lead {
  max-width: 720px;
  margin: 20px 0 0;
  color: #32352d;
  font-size: 18px;
  line-height: 28px;
}

.sk-article__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-article__facts .is-short {
  display: none;
}

.sk-article__cover {
  margin: 0;
  padding-bottom: 40px;
}

.sk-article__cover img,
.sk-article__figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.sk-article__cover figcaption,
.sk-article__figure figcaption {
  margin-top: 12px;
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-article__read {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 343px;
  column-gap: 80px;
  align-items: start;
  padding-bottom: 64px;
}

.sk-article__intro,
.sk-article__rest {
  grid-column: 1;
  min-width: 0;
}

.sk-article__aside {
  grid-column: 2;
  grid-row: 1 / -1;
  position: sticky;
  top: 24px;
}

.sk-article__panel {
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding: 24px 22px;
  border-radius: 8px;
  background: #e7e7e2;
}

.sk-article__toc,
.sk-article__sharebox {
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.sk-article__toc p,
.sk-article__sharebox p {
  margin: 0;
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sk-article__toc .is-mob {
  display: none;
}

.sk-article__toc ol {
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sk-article__toc a {
  display: flex;
  gap: 14px;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
}

.sk-article__toc a span {
  flex: 0 0 auto;
  color: #777c68;
}

.sk-article__toc li.is-sub a {
  padding-left: 18px;
}

.sk-article__toc a:hover {
  color: #32352d;
}

.sk-article__sharebox {
  margin: 0;
  padding: 0;
  border: 0;
}

.sk-article__share {
  padding: 0;
  border: 0;
  background: transparent;
  color: #1c1b18;
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}

.sk-article__share:hover {
  color: #32352d;
}

.sk-article__prose {
  color: #32352d;
  font-size: 18px;
  line-height: 30px;
}

.sk-article__prose h2,
.sk-article__prose h3 {
  scroll-margin-top: 24px;
}

.sk-article__prose h2 {
  margin: 40px 0 16px;
  color: #1c1b18;
  font-size: 36px;
  line-height: 44px;
}

.sk-article__prose h3 {
  margin: 28px 0 12px;
  color: #1c1b18;
  font-size: 26px;
  line-height: 34px;
}

.sk-article__prose p {
  margin: 0 0 16px;
}

.sk-article__prose ul,
.sk-article__prose ol {
  margin: 0 0 16px;
  padding-left: 1.2em;
}

.sk-article__prose li + li {
  margin-top: 8px;
}

.sk-article__prose a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sk-article__prose strong {
  font-weight: 600;
}

.sk-article__prose table {
  width: 100%;
  margin: 8px 0 24px;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 24px;
}

.sk-article__prose th,
.sk-article__prose td {
  padding: 14px 12px;
  border-bottom: 1px solid #e7e7e2;
  text-align: left;
  vertical-align: top;
}

.sk-article__prose th {
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-article__figure {
  margin: 28px 0;
}

.sk-article__consult {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin: 0 96px 64px;
  padding: 40px 48px;
  border-radius: 20px;
  background: #32352d;
  color: #f6f6f3;
}

.sk-article__consult-label {
  margin: 0 0 12px;
  color: #d7e3c8;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-article__consult h2 {
  margin: 0;
  color: #f6f6f3;
  font-size: 40px;
  line-height: 48px;
}

.sk-article__consult p {
  max-width: 460px;
  margin: 12px 0 0;
  color: #f6f6f3;
  font-size: 16px;
  line-height: 24px;
}

.sk-article a.sk-article__cta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  padding: 0 28px;
  border-radius: 999px;
  background: #f6f6f3;
  color: #1c1b18;
  font-size: 14px;
  line-height: 18px;
}

.sk-article a.sk-article__cta span,
.sk-article a.sk-article__cta:hover,
.sk-article a.sk-article__cta:focus,
.sk-article a.sk-article__cta:hover span,
.sk-article a.sk-article__cta:focus span {
  color: #1c1b18;
}

.sk-article a.sk-article__cta:hover,
.sk-article a.sk-article__cta:focus {
  background: #e7e7e2;
}

.sk-article__related {
  padding-bottom: 80px;
}

.sk-article__related-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}

.sk-article__related h2 {
  margin: 0;
  font-size: 40px;
  line-height: 48px;
}

.sk-article__related-nav {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: auto;
}

.sk-article__related-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  border: 1px solid #e7e7e2;
  border-radius: 999px;
  background: #f6f6f3;
  color: #1c1b18;
  cursor: pointer;
}

.sk-article__related-arrow:hover {
  background: #32352d;
  border-color: #e7e7e2;
  color: #f6f6f3;
}

.sk-article__related-arrow:disabled {
  opacity: 0.4;
  cursor: default;
}

.sk-article__related-arrow:disabled:hover {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-article__related-viewport {
  overflow: hidden;
}

.sk-article__cards {
  display: flex;
  gap: 20px;
  transition: transform 0.35s ease;
}

.sk-article__card {
  display: flex;
  flex: 0 0 calc((100% - 40px) / 3);
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.sk-article__card-photo {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 16px;
  background: #e7e7e2;
}

.sk-article__card-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sk-article__card-meta {
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-article__card-title {
  margin-top: 8px;
  color: #1c1b18;
  font-size: 24px;
  line-height: 32px;
}

.sk-article__more {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1279px) {
  .sk-article__crumbs,
  .sk-article__hero,
  .sk-article__cover,
  .sk-article__read,
  .sk-article__related {
    padding-left: 48px;
    padding-right: 48px;
  }

  .sk-article__consult {
    margin-left: 48px;
    margin-right: 48px;
  }

  .sk-article h1 {
    font-size: 44px;
    line-height: 52px;
  }
}

@media (max-width: 1023px) {
  .sk-article__crumbs,
  .sk-article__hero,
  .sk-article__cover,
  .sk-article__read,
  .sk-article__related {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sk-article__consult {
    margin-left: 20px;
    margin-right: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .sk-article__read {
    grid-template-columns: 1fr;
  }

  .sk-article__aside {
    position: static;
    grid-column: 1;
    grid-row: auto;
    margin: 8px 0 32px;
  }
}

@media (max-width: 767px) {
  .sk-article__kicker {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .sk-article__facts .is-long,
  .sk-article__facts .is-rubric {
    display: none;
  }

  .sk-article__facts .is-short {
    display: list-item;
  }

  .sk-article h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .sk-article__lead,
  .sk-article__prose {
    font-size: 16px;
    line-height: 26px;
  }

  .sk-article__prose h2,
  .sk-article__consult h2,
  .sk-article__related h2 {
    font-size: 28px;
    line-height: 34px;
  }

  .sk-article__consult {
    padding: 28px 20px;
  }

  .sk-article__panel {
    padding: 20px 18px 24px;
    border-radius: 0;
  }

  .sk-article__toc,
  .sk-article__sharebox,
  .sk-article__toc ol {
    gap: 14px;
  }

  .sk-article__toc .is-desk {
    display: none;
  }

  .sk-article__toc .is-mob {
    display: block;
    color: #1c1b18;
    font-family: "Tenor Sans", "Oranienbaum", serif;
    font-size: 24px;
    line-height: 32px;
    text-transform: none;
  }

  .sk-article__toc a {
    gap: 11px;
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 900px) {
  .sk-article__related-head {
    align-items: flex-end;
  }

  .sk-article__cards {
    gap: 18px;
  }

  .sk-article__card {
    flex-basis: 290px;
  }
}
/* 07 Contacts, 08 Delivery, 09 Payment, 10 Franchise. */

.sk-info {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-info,
.sk-info * {
  box-sizing: border-box;
}

.sk-info h1,
.sk-info h2,
.sk-info h3,
.sk-info p {
  margin: 0;
  text-align: left;
}

.sk-info h1,
.sk-info h2,
.sk-info h3,
.sk-info .sk-info__figure,
.sk-info .sk-info__num {
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
}

.sk-info h1 {
  font-size: 64px;
  line-height: 72px;
}

.sk-info h2 {
  font-size: 52px;
  line-height: 60px;
}

.sk-info h3,
.sk-info__card h2 {
  font-size: 28px;
  line-height: 36px;
}

.sk-info p,
.sk-info li {
  color: #485166;
  font-size: 16px;
  line-height: 24px;
}

.sk-info a {
  color: inherit;
}

.sk-info img {
  display: block;
  max-width: 100%;
}

.sk-info__crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 84px;
  margin: 0;
  padding: 0 96px;
  color: #1c1b18;
  font-size: 14px;
  line-height: 20px;
}

.sk-info__crumbs a {
  text-decoration: none;
}

.sk-info__crumbs span:last-child {
  color: #777c68;
}

.sk-info__section {
  padding: 48px 96px 72px;
}

.sk-info__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 32px;
}

.sk-info__intro h1,
.sk-info__intro h2 {
  max-width: 720px;
}

.sk-info__lead {
  max-width: 460px;
  color: #485166;
  font-size: 16px;
  line-height: 24px;
}

.sk-info__intro .sk-info__lead {
  margin: 0;
}

.sk-info__card {
  padding: 32px;
  border-radius: 24px;
  background: #fff;
}

.sk-info__card--dark,
.sk-info__card--dark h2,
.sk-info__card--dark h3,
.sk-info__card--dark p,
.sk-info__card--dark .sk-info__figure,
.sk-info__card--dark .sk-info__num {
  color: #f6f6f3;
}

.sk-info__card--dark {
  background: #32352d;
}

.sk-info__card p + p,
.sk-info__card ul,
.sk-info__card .sk-info__figure {
  margin-top: 16px;
}

.sk-info__figure {
  font-size: 40px;
  line-height: 48px;
}

.sk-info__num {
  margin-bottom: 12px;
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-info__card--dark .sk-info__num {
  color: #e7e7e2;
}

.sk-info ul {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.sk-info li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 18px;
}

.sk-info li::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #777c68;
  content: "";
}

.sk-info__card--dark li,
.sk-info__card--dark li::before {
  color: #f6f6f3;
}

.sk-info__card--dark li::before {
  background: #f6f6f3;
}

.sk-info__kicker {
  margin: 0 0 8px;
  color: #777c68;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.sk-info__btn,
.sk-info__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 56px;
  margin: 0;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: #32352d;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  cursor: pointer;
}

.sk-info__btn--ghost {
  border: 1px solid #1c1b18;
  background: transparent;
  color: #1c1b18;
}

.sk-info__submit {
  align-self: flex-start;
  background: #777c68;
}

.sk-info__submit:hover,
.sk-info__submit:focus,
.sk-info__btn:hover,
.sk-info__btn:focus {
  color: #f6f6f3;
  opacity: 0.88;
}

.sk-info__btn--ghost:hover,
.sk-info__btn--ghost:focus {
  color: #1c1b18;
}

.sk-info__submit:disabled {
  cursor: default;
  opacity: 0.6;
}

.sk-info__route {
  display: inline-flex;
  gap: 8px;
  margin-top: 16px;
  color: #1c1b18;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.sk-info__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.sk-info__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.sk-info__field > span {
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
}

.sk-info__field input,
.sk-info__field select {
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 16px 20px;
  border: 1px solid #e7e7e2;
  border-radius: 16px;
  background: #fff;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-info__field input::placeholder {
  color: #777c68;
}

.sk-info__select {
  position: relative;
}

.sk-info__select select {
  appearance: none;
  padding-right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5 L10 12 L14.5 7.5' fill='none' stroke='%231C1B18' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
}

.sk-info__select select:invalid {
  color: #777c68;
}

.sk-info__select option {
  color: #1c1b18;
}

.sk-info__form .captcha-block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 12px;
  align-items: center;
  width: 100%;
  margin: 0;
}

.sk-info__form .captcha-block br {
  display: none;
}

.sk-info__form .captcha-image {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 150px;
  height: 35px;
  margin: 0;
  border: 1px solid #d8ccbc;
  border-radius: 8px;
  background: #fff;
}

.sk-info__form .captcha-refresh-btn {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}

.sk-info__form .captcha-input {
  grid-column: 2;
  grid-row: 1;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 16px 20px;
  border: 1px solid #e7e7e2;
  border-radius: 16px;
  background: #fff;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
}

.sk-info__consent {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: #485166;
  font-size: 12px;
  line-height: 16px;
}

.sk-info__consent a {
  color: inherit;
}

.sk-info__agree {
  position: absolute;
  opacity: 0;
}

.sk-info__box {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #32352d;
}

.sk-info__agree:checked + .sk-info__box::after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  content: "";
}

.sk-info__agree:focus + .sk-info__box {
  outline: 1px solid #777c68;
}

.sk-contacts__status,
.sk-pay__status,
.sk-franchise__status {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.sk-contacts__status:empty,
.sk-pay__status:empty,
.sk-franchise__status:empty {
  display: none;
}

.sk-contacts__status.is-error,
.sk-pay__status.is-error {
  color: #9a3b32;
}

.sk-contacts__status.is-ok,
.sk-pay__status.is-ok {
  color: #32352d;
}

.sk-info__form--dark .sk-info__field > span,
.sk-info__form--dark .sk-info__consent,
.sk-franchise__status.is-ok {
  color: #f6f6f3;
}

.sk-info__form--dark .captcha-refresh-btn,
.sk-franchise__status.is-error {
  color: #ffb4a8;
}

.sk-info__mark {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #e7e7e2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5 L8 14 L15.5 6.5' fill='none' stroke='%2332352D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}

.sk-contacts__hero,
.sk-contacts__places,
.sk-contacts__frames,
.sk-contacts__visit,
.sk-delivery__regions-grid,
.sk-delivery__lift-grid,
.sk-pay__terms-grid,
.sk-franchise__audience-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.sk-contacts__hero {
  align-items: center;
}

.sk-contacts__hero-copy h1 {
  margin-bottom: 20px;
}

.sk-contacts__hero-copy .sk-info__lead {
  max-width: 520px;
  margin-bottom: 28px;
}

.sk-contacts__channels,
.sk-contacts__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
}

.sk-contacts__channels {
  margin-bottom: 28px;
}

.sk-contacts__channel {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: inherit;
  text-decoration: none;
}

.sk-contacts__channel-value {
  color: #1c1b18;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.sk-contacts__channel-note,
.sk-contacts__hours {
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-contacts__hero-photo,
.sk-contacts__place img,
.sk-contacts__visit-copy img,
.sk-delivery__wide,
.sk-pay__head img,
.sk-franchise__person img {
  width: 100%;
  object-fit: cover;
  border-radius: 24px;
}

.sk-contacts__hero-photo {
  height: 470px;
}

.sk-contacts__place {
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
}

.sk-contacts__place img {
  height: 240px;
  border-radius: 0;
}

.sk-contacts__place-body {
  padding: 24px 28px 28px;
}

.sk-contacts__place-body h3,
.sk-contacts__place-body p {
  margin-bottom: 8px;
}

.sk-contacts__frames iframe {
  width: 100%;
  height: 420px;
  border: 0;
  border-radius: 24px;
}

.sk-contacts__map h2,
.sk-delivery__waste .sk-info__intro,
.sk-pay__head {
  margin-bottom: 24px;
}

.sk-contacts__visit {
  align-items: start;
}

.sk-contacts__visit-copy h2 {
  margin-bottom: 16px;
}

.sk-contacts__visit-copy .sk-info__lead {
  margin-bottom: 24px;
}

.sk-contacts__benefits {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 24px;
  padding: 0;
}

.sk-contacts__benefits li {
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.sk-contacts__benefits li::before {
  content: none;
}

.sk-contacts__benefits strong {
  display: block;
  margin-bottom: 4px;
  color: #1c1b18;
  font-weight: 600;
}

.sk-contacts__visit-copy img {
  height: 250px;
}

.sk-contacts__cta {
  padding: 32px;
  border-radius: 24px;
  background: #fff;
}

.sk-delivery__rates,
.sk-pay__steps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 24px;
}

.sk-pay__steps {
  grid-template-columns: repeat(3, 1fr);
}

.sk-pay__terms-grid .sk-info__card:last-child .sk-pay__steps {
  grid-template-columns: 1fr 1fr;
}

.sk-delivery__anywhere {
  margin: 0;
  color: #1c1b18;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.sk-delivery__pek {
  width: auto;
  height: 40px;
  margin-top: 20px;
  object-fit: contain;
  object-position: left center;
}

.sk-delivery__lift,
.sk-franchise__benefits {
  background: #e7e7e2;
}

.sk-delivery__note {
  margin-top: 24px;
  padding: 24px 28px;
  border-radius: 20px;
  background: #fff;
}

.sk-delivery__lift .sk-delivery__note {
  background: #f6f6f3;
}

.sk-delivery__assembly-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap: 20px;
  align-items: stretch;
}

.sk-delivery__assembly-grid img,
.sk-delivery__wide {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  border-radius: 24px;
}

.sk-delivery__wide {
  height: 352px;
}

.sk-pay__head {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 32px;
  align-items: center;
}

.sk-pay__head h1 {
  margin-bottom: 16px;
}

.sk-pay__head img {
  height: 180px;
}

.sk-pay__early {
  margin-top: 20px;
  color: #1c1b18;
  font-weight: 600;
}

.sk-pay__method-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.sk-pay__method {
  padding: 24px;
  border-radius: 24px;
  background: #e7e7e2;
}

.sk-pay__method h3 {
  margin: 16px 0 8px;
  font-size: 22px;
  line-height: 28px;
}

.sk-pay__band {
  padding-top: 16px;
}

.sk-pay__cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
  gap: 28px 40px;
  align-items: center;
  padding: 40px;
  border-radius: 28px;
  background: #fff;
}

.sk-pay__cta-copy h2 {
  margin-bottom: 16px;
}

.sk-pay__cta img {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  border-radius: 20px;
}

.sk-franchise__hero {
  min-height: 560px;
  padding: 80px 96px;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.28)),
    url("/image/catalog/banners/redesign/franchise/hero.jpg") center / cover no-repeat;
  color: #fff;
}

.sk-franchise__hero-copy {
  max-width: 720px;
}

.sk-franchise__hero h1,
.sk-franchise__hero p,
.sk-franchise__cta h2,
.sk-franchise__cta p {
  color: #fff;
}

.sk-franchise__hero h1 {
  margin-bottom: 20px;
}

.sk-franchise__hero p {
  max-width: 520px;
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 28px;
}

.sk-franchise__hero .sk-info__btn {
  background: #777c68;
}

.sk-franchise__chips {
  margin-top: 28px;
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}

.sk-franchise__benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.sk-franchise__person img {
  height: 220px;
  margin-bottom: 20px;
}

.sk-franchise__person h3 {
  margin-bottom: 8px;
}

.sk-franchise__cta {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  overflow: hidden;
  border-radius: 28px;
  background: #000;
}

.sk-franchise__cta-copy {
  padding: 56px;
}

.sk-franchise__cta-copy h2 {
  margin-bottom: 16px;
}

.sk-franchise__cta-copy > p {
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 28px;
}

.sk-franchise__cta img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
}

@media (max-width: 1279px) {
  .sk-info__crumbs,
  .sk-info__section,
  .sk-franchise__hero {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-info h1,
  .sk-info h2 {
    font-size: 44px;
    line-height: 52px;
  }

  .sk-franchise__benefit-grid,
  .sk-pay__method-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1023px) {
  .sk-info__intro,
  .sk-contacts__hero,
  .sk-contacts__places,
  .sk-contacts__frames,
  .sk-contacts__visit,
  .sk-delivery__regions-grid,
  .sk-delivery__lift-grid,
  .sk-delivery__assembly-grid,
  .sk-pay__head,
  .sk-pay__terms-grid,
  .sk-pay__cta,
  .sk-franchise__benefit-grid,
  .sk-franchise__audience-grid,
  .sk-franchise__cta,
  .sk-pay__method-grid {
    grid-template-columns: 1fr;
  }

  .sk-pay__cta img {
    grid-column: auto;
    grid-row: auto;
    min-height: 260px;
  }

  .sk-delivery__assembly-grid img,
  .sk-franchise__cta img {
    min-height: 260px;
  }

  .sk-pay__steps,
  .sk-pay__terms-grid .sk-info__card:last-child .sk-pay__steps,
  .sk-delivery__rates {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .sk-info__crumbs,
  .sk-info__section,
  .sk-franchise__hero {
    padding-right: 16px;
    padding-left: 16px;
  }

  .sk-info__crumbs {
    min-height: 56px;
  }

  .sk-info__section {
    padding-top: 32px;
    padding-bottom: 40px;
  }

  .sk-franchise__hero {
    min-height: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sk-info h1,
  .sk-info h2,
  .sk-franchise__hero h1 {
    font-size: 34px;
    line-height: 42px;
  }

  .sk-info h3,
  .sk-info__card h2,
  .sk-pay__method h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .sk-info__figure {
    font-size: 32px;
    line-height: 40px;
  }

  .sk-info__intro,
  .sk-contacts__channels,
  .sk-contacts__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .sk-contacts__actions .sk-info__btn,
  .sk-info__submit {
    width: 100%;
  }

  .sk-contacts__hero-photo {
    height: 260px;
  }

  .sk-contacts__frames iframe,
  .sk-delivery__wide {
    height: 250px;
  }

  .sk-pay__steps,
  .sk-pay__terms-grid .sk-info__card:last-child .sk-pay__steps,
  .sk-delivery__rates {
    grid-template-columns: 1fr;
  }

  .sk-pay__cta,
  .sk-franchise__cta-copy,
  .sk-contacts__cta {
    padding: 24px 20px;
  }
}

/* Contacts body, Section / 03. Later rules win over the shared shell. */

.sk-contacts h1,
.sk-contacts h2,
.sk-contacts h3,
.sk-contacts p,
.sk-contacts li {
  color: #181918;
}

.sk-contacts__hero {
  grid-template-columns: minmax(280px, 508px) minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 0 96px;
}

.sk-contacts__hero-copy {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 0;
}

.sk-contacts__hero-copy h1 {
  margin: 0;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-contacts__hero-copy .sk-info__lead {
  max-width: 503px;
  margin: 0;
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-contacts__contact {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sk-contacts__channels {
  flex-wrap: nowrap;
  gap: 40px;
  margin: 0;
}

.sk-contacts__channel {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.sk-contacts__channel-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sk-contacts__channel-value {
  color: #181918;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-contacts__channel-note,
.sk-contacts__hours {
  color: #181918;
}

.sk-contacts__icon {
  display: block;
  flex: 0 0 auto;
}

.sk-contacts__benefits .sk-contacts__icon {
  width: 37px;
  height: 37px;
  flex: 0 0 37px;
}

.sk-contacts__actions {
  gap: 20px;
}

.sk-contacts__actions .sk-info__btn {
  height: 46px;
  min-width: 190px;
  padding: 0 18px;
  border: 1px solid #e7e7e2;
  border-radius: 23px;
  background: #f6f6f3;
  color: #181918;
  font-weight: 400;
}

.sk-contacts__actions .sk-info__btn--ghost {
  min-width: 220px;
}

.sk-contacts__actions .sk-info__btn:hover,
.sk-contacts__actions .sk-info__btn:focus,
.sk-contacts__actions .sk-info__btn--ghost:hover,
.sk-contacts__actions .sk-info__btn--ghost:focus {
  border-color: #32352d;
  background: #32352d;
  color: #fff;
  opacity: 1;
}

.sk-contacts__hero-photo {
  height: 470px;
  border-radius: 24px;
}

.sk-contacts__locations {
  padding: 80px 96px;
}

.sk-contacts__locations .sk-info__intro {
  align-items: center;
  margin-bottom: 32px;
}

.sk-contacts__locations h2 {
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-contacts__locations .sk-info__lead {
  max-width: 346px;
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-contacts__places {
  gap: 20px;
  align-items: stretch;
}

.sk-contacts__place {
  display: flex;
  min-height: 340px;
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
}

.sk-contacts__place-body {
  display: flex;
  flex: 1 1 50%;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 20px 18px 20px 24px;
}

.sk-contacts__place-body h3,
.sk-contacts__place-body p {
  margin: 0;
}

.sk-contacts__place .sk-info__num {
  margin: 0;
  color: #181918;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.sk-contacts__place-body h3 {
  font-size: 24px;
  line-height: 32px;
}

.sk-contacts__place-body p {
  color: #181918;
  font-size: 14px;
  line-height: 20px;
}

.sk-contacts__place img {
  flex: 0 0 49%;
  width: 49%;
  height: auto;
  min-height: 340px;
  border-radius: 0;
}

.sk-contacts__route {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: auto;
  min-width: 196px;
  height: 56px;
  margin-top: auto;
  padding: 12px 28px;
  white-space: nowrap;
  border-radius: 999px;
  background: #777a58;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.sk-contacts a.sk-contacts__route,
.sk-contacts a.sk-contacts__route:hover,
.sk-contacts a.sk-contacts__route:focus {
  color: #fff;
  text-decoration: none;
}

.sk-contacts a.sk-contacts__route:hover,
.sk-contacts a.sk-contacts__route:focus {
  opacity: 0.9;
}

.sk-contacts__map {
  padding: 40px 64px;
}

.sk-contacts__map h2 {
  margin-bottom: 16px;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.14px;
}

.sk-contacts__frames {
  display: block;
}

.sk-contacts__frames iframe {
  display: block;
  width: 100%;
  height: 514px;
  border-radius: 16px;
}

@media (min-width: 768px) {
  .sk-contacts__frames iframe {
    pointer-events: none;
  }
}

.sk-contacts__visit {
  display: block;
  padding: 80px 96px 0;
}

.sk-contacts__visit-row {
  display: grid;
  grid-template-columns: minmax(280px, 403px) minmax(0, 1fr);
  gap: 20px;
  align-items: center;
}

.sk-contacts__visit-copy h2 {
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.14px;
}

.sk-contacts__visit-copy .sk-info__lead {
  max-width: 365px;
  margin: 0 0 20px;
  color: #181918;
  font-size: 14px;
  line-height: 20px;
}

.sk-contacts__benefits {
  gap: 16px;
  margin: 0;
}

.sk-contacts__benefits li {
  align-items: center;
  color: #181918;
  font-size: 14px;
  line-height: 20px;
}

.sk-contacts__benefits li > span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sk-contacts__benefits strong {
  margin-bottom: 3px;
  color: #181918;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-contacts__visit-photo {
  width: 100%;
  height: 387px;
  object-fit: cover;
  border-radius: 16px;
}

.sk-contacts__cta {
  padding: 40px 0;
  border-radius: 0;
  background: transparent;
}

.sk-contacts__form {
  gap: 20px;
}

.sk-contacts__form-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.sk-contacts__form .sk-info__field > span {
  color: #32352d;
  letter-spacing: 0.02em;
}

.sk-contacts__form .sk-info__field input,
.sk-contacts__form .captcha-input {
  border-color: transparent;
  background: #e7e7e2;
}

.sk-contacts__form .captcha-block {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.sk-contacts__captcha-side {
  display: flex;
  flex: 0 0 calc(50% - 6px);
  flex-direction: column;
  gap: 6px;
  width: calc(50% - 6px);
  min-width: 0;
}

.sk-contacts__form img.captcha-image {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: 64px;
  padding: 0;
  object-fit: fill;
  border-radius: 16px;
}

.sk-contacts__form .captcha-refresh-btn {
  align-self: flex-start;
}

.sk-contacts__form .captcha-input {
  flex: 0 0 calc(50% - 6px);
  width: calc(50% - 6px);
  max-width: none;
  min-width: 0;
  height: 64px;
}

.sk-contacts__send {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}

.sk-contacts__submit {
  align-self: center;
  width: auto;
  min-width: 240px;
  height: 64px;
  border-radius: 16px;
}

.sk-contacts .sk-info__consent {
  align-items: center;
  justify-content: flex-start;
  max-width: 420px;
  margin: 0;
  color: #777c68;
}

.sk-contacts .sk-info__box {
  background: #777c68;
}

@media (max-width: 1279px) {
  .sk-contacts__hero,
  .sk-contacts__locations,
  .sk-contacts__visit {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-contacts__map {
    padding-right: 40px;
    padding-left: 40px;
  }

  .sk-contacts__hero-copy h1 {
    font-size: 56px;
    line-height: 64px;
  }
}

@media (max-width: 1023px) {
  .sk-contacts__hero,
  .sk-contacts__places,
  .sk-contacts__visit-row {
    grid-template-columns: 1fr;
  }

  .sk-contacts__channels {
    flex-wrap: wrap;
    gap: 16px 32px;
  }

  .sk-contacts__hero-copy h1,
  .sk-contacts__locations h2,
  .sk-contacts__visit-copy h2 {
    font-size: 44px;
    line-height: 52px;
  }

  .sk-contacts__visit-photo {
    height: 300px;
  }

  .sk-contacts .sk-info__consent {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .sk-contacts__hero,
  .sk-contacts__locations,
  .sk-contacts__map,
  .sk-contacts__visit {
    padding: 32px 16px;
  }

  .sk-contacts__hero-copy {
    gap: 18px;
    padding: 0;
  }

  .sk-contacts__hero-copy h1,
  .sk-contacts__locations h2,
  .sk-contacts__visit-copy h2 {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: 0;
  }

  .sk-contacts__hero-copy .sk-info__lead,
  .sk-contacts__locations .sk-info__lead {
    max-width: none;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-contacts__contact {
    gap: 18px;
  }

  .sk-contacts__channels,
  .sk-contacts__actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .sk-contacts__actions {
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }

  .sk-contacts__actions .sk-info__btn {
    width: 100%;
  }

  .sk-contacts__hero-photo {
    height: 260px;
    border-radius: 18px;
  }

  .sk-contacts__locations .sk-info__intro {
    align-items: stretch;
    gap: 18px;
    margin-bottom: 18px;
  }

  .sk-contacts__place {
    flex-direction: column-reverse;
    min-height: 0;
    border-radius: 18px;
  }

  .sk-contacts__place img {
    flex: none;
    width: 100%;
    height: 210px;
    min-height: 0;
  }

  .sk-contacts__place-body {
    gap: 12px;
    padding: 18px 18px 20px;
  }

  .sk-contacts__route {
    width: 100%;
    height: 52px;
  }

  .sk-contacts__map h2 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
  }

  .sk-contacts__frames iframe,
  .sk-contacts__visit-photo {
    height: 250px;
    border-radius: 16px;
  }

  .sk-contacts__visit-copy .sk-info__lead {
    margin-bottom: 18px;
  }

  .sk-contacts__benefits {
    gap: 18px;
  }

  .sk-contacts__benefits li {
    align-items: flex-start;
    gap: 14px;
  }

  .sk-contacts__benefits .sk-contacts__icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
  }

  .sk-contacts__benefits li > span > span {
    font-size: 12px;
    line-height: 16px;
  }

  .sk-contacts__cta {
    padding: 16px 0 0;
  }

  .sk-contacts__form-row {
    grid-template-columns: 1fr;
  }

  .sk-contacts__captcha-side {
    flex: 0 0 118px;
    width: 118px;
  }

  .sk-contacts__form .captcha-input {
    flex: 1 1 auto;
    width: auto;
  }

  .sk-contacts__form img.captcha-image {
    width: 118px;
    max-width: 118px;
    height: 58px;
  }

  .sk-contacts__send {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .sk-contacts__form .sk-info__field input,
  .sk-contacts__form .captcha-input,
  .sk-contacts__submit {
    height: 58px;
    border-radius: 14px;
  }

  .sk-contacts__submit {
    width: 100%;
    min-width: 0;
  }
}

/* 08 Delivery. Section / 03–06, desktop 1440 and mobile 390. Later rules win. */

.sk-delivery h1,
.sk-delivery h2,
.sk-delivery h3,
.sk-delivery p,
.sk-delivery li {
  color: #181918;
}

.sk-delivery h1 {
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-delivery .sk-info__intro h2 {
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-delivery h3 {
  font-size: 24px;
  line-height: 32px;
  color: #32352d;
}

.sk-delivery .sk-info__intro {
  align-items: center;
  gap: 16px;
  margin-bottom: 26px;
}

.sk-delivery .sk-info__lead {
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-delivery__regions {
  padding: 40px 96px 80px;
}

.sk-delivery__regions .sk-info__lead {
  max-width: 380px;
}

.sk-delivery__lift,
.sk-delivery__assembly,
.sk-delivery__waste {
  padding: 80px 96px;
}

.sk-delivery__assembly .sk-info__intro {
  margin-bottom: 32px;
}

.sk-delivery__lift .sk-info__lead {
  max-width: 420px;
}

.sk-delivery__assembly .sk-info__lead {
  max-width: 586px;
}

.sk-delivery__waste .sk-info__intro h2 {
  max-width: 440px;
}

.sk-delivery__waste .sk-info__lead {
  max-width: 540px;
}

.sk-delivery__waste h2 span {
  color: #777c68;
}

.sk-delivery__regions-grid,
.sk-delivery__lift-grid {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}

.sk-delivery__assembly-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}

.sk-delivery .sk-info__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
}

.sk-delivery .sk-info__card p,
.sk-delivery .sk-info__card ul,
.sk-delivery .sk-info__card .sk-info__figure,
.sk-delivery .sk-delivery__rates,
.sk-delivery .sk-delivery__pek,
.sk-delivery .sk-delivery__anywhere {
  margin: 0;
}

.sk-delivery__regions .sk-info__card {
  gap: 32px;
}

.sk-delivery__copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk-delivery__regions .sk-info__card h2 {
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #181918;
}

.sk-delivery__copy p {
  max-width: 384px;
  font-size: 16px;
  line-height: 26px;
}

.sk-delivery__regions .sk-delivery__rates {
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(16px, 1fr) minmax(0, max-content);
  gap: 0;
  align-items: start;
}

.sk-delivery__regions .sk-info__card:last-child .sk-delivery__rates {
  align-items: center;
}

.sk-delivery__regions .sk-delivery__rates > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.sk-delivery__regions .sk-info__card:first-child .sk-delivery__rates > div:first-child {
  max-width: 199px;
}

.sk-delivery__regions .sk-info__card:first-child .sk-delivery__rates > div:last-child {
  max-width: 247px;
}

.sk-delivery__regions .sk-info__card:last-child .sk-delivery__rates > div:first-child {
  max-width: 140px;
}

.sk-delivery__regions .sk-info__card:last-child .sk-delivery__rates > div:last-child {
  max-width: 196px;
}

.sk-delivery__split {
  align-self: start;
  justify-self: center;
  width: 0.5px;
  height: 143px;
  background: #777c68;
}

.sk-delivery__regions .sk-delivery__rates .sk-info__figure {
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-delivery__regions .sk-delivery__rates p {
  color: #181918;
  font-size: 14px;
  line-height: 20px;
}

.sk-delivery__regions .sk-info__card:first-child .sk-delivery__rates > div:first-child p:last-child,
.sk-delivery__anywhere {
  max-width: 140px;
}

.sk-delivery__pek {
  width: 127px;
  height: 40px;
  object-fit: contain;
  object-position: left center;
}

.sk-delivery__anywhere {
  font-weight: 400;
}

.sk-delivery .sk-info__card--dark h3,
.sk-delivery .sk-info__card--dark p,
.sk-delivery .sk-info__card--dark li,
.sk-delivery .sk-info__card--dark .sk-info__figure {
  color: #fff;
}

.sk-delivery .sk-info__card--dark li::before {
  background: #fff;
}

.sk-delivery__lift .sk-info__card--dark .sk-info__figure {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  font-size: 44px;
  line-height: 52px;
  letter-spacing: 0;
}

.sk-delivery__list p,
.sk-delivery__list li {
  font-size: 16px;
  line-height: 26px;
}

.sk-delivery__list ul {
  margin: 0;
}

.sk-delivery__list li {
  margin: 0;
  padding-left: 16px;
}

.sk-delivery__list li::before {
  top: 10px;
  width: 5px;
  height: 5px;
}

.sk-delivery__lift .sk-info__card > p:last-child {
  font-size: 14px;
  line-height: 20px;
}

.sk-delivery__lift .sk-info__card:not(.sk-info__card--dark) > p:first-of-type {
  font-size: 16px;
  line-height: 26px;
  color: #32352d;
}

.sk-delivery__lift .sk-info__card:not(.sk-info__card--dark) .sk-delivery__rates {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid #d6d4c9;
}

.sk-delivery__lift .sk-delivery__rates > div {
  display: flex;
  align-items: center;
  gap: 40px;
}

.sk-delivery__lift .sk-delivery__rates .sk-info__figure {
  flex: 0 0 auto;
  font-size: 44px;
  line-height: 52px;
  letter-spacing: 0;
}

.sk-delivery__lift .sk-delivery__rates p {
  color: #181918;
  font-size: 14px;
  line-height: 20px;
}

.sk-delivery__assembly .sk-info__card {
  padding: 24px 16px;
  border: 1px solid #777c68;
  background: transparent;
}

.sk-delivery__stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk-delivery__assembly .sk-info__card .sk-info__figure {
  font-size: 44px;
  line-height: 52px;
  color: #32352d;
}

.sk-delivery__stat p:last-child,
.sk-delivery__assembly .sk-info__card > p {
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-delivery__assembly ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}

.sk-delivery__assembly li {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
}

.sk-delivery__assembly li::before {
  position: static;
  flex: 0 0 33px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #e7e7e2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M1.5 5 L5.2 8.2 L12.5 1.5' fill='none' stroke='%23777C68' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}

.sk-delivery__assembly-grid img,
.sk-delivery__wide {
  border-radius: 16px;
}

.sk-delivery__assembly-grid img {
  min-height: 350px;
  height: 100%;
}

.sk-delivery__wide {
  height: 352px;
  min-height: 0;
}

.sk-delivery__note {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 26px;
  padding: 16px;
  border-radius: 16px;
  background: transparent;
}

.sk-delivery__lift .sk-delivery__note {
  background: #f6f6f3;
}

.sk-delivery__assembly .sk-delivery__note {
  border: 1px solid #777c68;
}

.sk-delivery__note-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.sk-delivery__pay {
  display: block;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}

.sk-delivery p.sk-delivery__note-title {
  margin: 0;
  color: #32352d;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-delivery__note > p:last-child {
  margin: 0;
  padding-left: 16px;
  border-left: 1px solid #777c68;
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

@media (max-width: 1279px) {
  .sk-delivery__regions,
  .sk-delivery__lift,
  .sk-delivery__assembly,
  .sk-delivery__waste {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1023px) {
  .sk-delivery .sk-info__intro {
    flex-direction: column;
    align-items: flex-start;
  }

  .sk-delivery__regions-grid,
  .sk-delivery__lift-grid,
  .sk-delivery__assembly-grid {
    grid-template-columns: 1fr;
  }

  .sk-delivery__assembly-grid img {
    min-height: 260px;
  }
}

@media (max-width: 767px) {
  .sk-delivery h1,
  .sk-delivery .sk-info__intro h2 {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-delivery .sk-info__lead,
  .sk-delivery__copy p,
  .sk-delivery__list p,
  .sk-delivery__list li,
  .sk-delivery__lift .sk-info__card:not(.sk-info__card--dark) > p:first-of-type,
  .sk-delivery__stat p:last-child,
  .sk-delivery__assembly .sk-info__card > p,
  .sk-delivery__note > p:last-child {
    font-size: 14px;
    line-height: 20px;
  }

  .sk-delivery .sk-info__lead,
  .sk-delivery__regions .sk-info__lead,
  .sk-delivery__lift .sk-info__lead,
  .sk-delivery__assembly .sk-info__lead,
  .sk-delivery__waste .sk-info__lead,
  .sk-delivery__anywhere,
  .sk-delivery__regions .sk-info__card:first-child .sk-delivery__rates > div:first-child p:last-child {
    max-width: none;
  }

  .sk-delivery__regions,
  .sk-delivery__lift,
  .sk-delivery__assembly,
  .sk-delivery__waste {
    padding: 32px 16px;
  }

  .sk-delivery__regions .sk-info__intro {
    gap: 16px;
    margin-bottom: 16px;
  }

  .sk-delivery__lift .sk-info__intro,
  .sk-delivery__assembly .sk-info__intro {
    gap: 18px;
    margin-bottom: 18px;
  }

  .sk-delivery__waste .sk-info__intro {
    gap: 12px;
    margin-bottom: 12px;
  }

  .sk-delivery .sk-info__card,
  .sk-delivery__regions .sk-info__card {
    gap: 12px;
    padding: 20px 18px;
  }

  .sk-delivery__copy {
    gap: 12px;
    padding: 0;
  }

  .sk-delivery__assembly .sk-info__card {
    border: 1px solid #777c68;
    background: #fff;
  }

  .sk-delivery__regions .sk-info__card h2,
  .sk-delivery h3,
  .sk-delivery__note-title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-delivery__regions .sk-delivery__rates .sk-info__figure,
  .sk-delivery__lift .sk-info__figure,
  .sk-delivery__assembly .sk-info__card .sk-info__figure {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-delivery__regions .sk-info__card:last-child .sk-delivery__rates .sk-info__figure {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-delivery__regions .sk-delivery__rates p,
  .sk-delivery__lift .sk-delivery__rates p,
  .sk-delivery__lift .sk-info__card > p:last-child,
  .sk-delivery__assembly li {
    font-size: 12px;
    line-height: 16px;
  }

  .sk-delivery__regions .sk-delivery__rates > div {
    gap: 8px;
  }

  .sk-delivery__regions .sk-info__card:last-child .sk-delivery__rates > div:first-child {
    gap: 6px;
  }

  .sk-delivery__regions .sk-info__card:last-child .sk-delivery__rates > div:last-child {
    gap: 4px;
  }

  .sk-delivery__regions .sk-info__card:first-child .sk-delivery__split {
    width: 1px;
    height: 104px;
    background: rgba(216, 204, 188, 0.6);
  }

  .sk-delivery__regions .sk-info__card:last-child .sk-delivery__split {
    width: 1px;
    height: 84px;
    background: rgba(216, 204, 188, 0.6);
  }

  .sk-delivery__lift .sk-info__card--dark .sk-info__figure {
    padding-bottom: 12px;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-delivery__lift .sk-info__card:not(.sk-info__card--dark) .sk-delivery__rates {
    border-top-color: rgba(216, 204, 188, 0.6);
  }

  .sk-delivery__lift .sk-delivery__rates > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .sk-delivery__lift .sk-delivery__rates .sk-info__figure {
    flex-basis: auto;
  }

  .sk-delivery__assembly ul {
    gap: 12px;
  }

  .sk-delivery__assembly li {
    align-items: flex-start;
    gap: 12px;
  }

  .sk-delivery__assembly li::before {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
    background-color: transparent;
  }

  .sk-delivery__assembly-grid img {
    min-height: 260px;
    height: 260px;
  }

  .sk-delivery__regions-grid {
    gap: 16px;
  }

  .sk-delivery__wide {
    height: 220px;
    min-height: 0;
  }

  .sk-delivery__note {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-top: 18px;
    padding: 20px 18px;
  }

  .sk-delivery__pay {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }

  .sk-delivery__note > p:last-child {
    padding-left: 0;
    border-left: 0;
  }
}

/* 09 Payment. Desktop 645:2757, mobile 917:562. Later rules win. */

.sk-pay .sk-info__crumbs {
  color: #777c68;
}

.sk-pay .sk-info__crumbs span:last-child {
  color: #1c1b18;
}

.sk-pay h1 {
  margin: 0;
  color: #181918;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-pay .sk-pay__terms {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0 96px 80px;
}

.sk-pay .sk-pay__head {
  display: grid;
  grid-template-columns: minmax(0, 559fr) minmax(0, 589fr);
  gap: 32px;
  align-items: center;
  margin: 0;
}

.sk-pay .sk-pay__copy {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.sk-pay .sk-pay__head .sk-info__lead,
.sk-pay .sk-info__card p,
.sk-pay .sk-pay__methods .sk-info__lead,
.sk-pay .sk-pay__method p,
.sk-pay .sk-pay__cta-copy > p {
  max-width: none;
  margin: 0;
  color: #181918;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-pay .sk-pay__head img {
  width: 100%;
  height: 152px;
  border-radius: 16px;
  object-fit: cover;
}

.sk-pay .sk-pay__terms-grid {
  gap: 20px;
  align-items: stretch;
}

.sk-pay .sk-info__card {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  border-radius: 16px;
}

.sk-pay .sk-info__card .sk-pay__copy {
  gap: 8px;
}

.sk-pay .sk-info__card .sk-pay__note {
  max-width: 311px;
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-pay .sk-info__card h2 {
  color: #181918;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.136px;
}

.sk-pay .sk-pay__steps,
.sk-pay .sk-pay__terms-grid .sk-info__card:last-child .sk-pay__steps {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  margin: 0;
}

.sk-pay .sk-pay__step {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.sk-pay .sk-pay__steps:not(.sk-pay__steps--split) > .sk-pay__step:nth-child(1) {
  flex: 116 1 0;
  min-width: 116px;
}

.sk-pay .sk-pay__steps:not(.sk-pay__steps--split) > .sk-pay__step:nth-child(3) {
  flex: 99 1 0;
}

.sk-pay .sk-pay__steps:not(.sk-pay__steps--split) > .sk-pay__step:nth-child(5) {
  flex: 184 1 0;
}

.sk-pay .sk-info__card .sk-info__figure {
  margin: 0;
  color: #181918;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-pay .sk-pay__step p:last-child {
  color: #181918;
  font-size: 14px;
  line-height: 20px;
}

.sk-pay .sk-pay__arrow {
  flex: 0 0 41px;
  align-self: center;
  width: 41px;
  height: 8px;
  background: none;
}

.sk-pay .sk-pay__arrow svg {
  display: block;
  width: 41px;
  height: 8px;
}

.sk-pay .sk-pay__steps--split,
.sk-pay .sk-pay__terms-grid .sk-info__card:last-child .sk-pay__steps--split {
  align-items: center;
  gap: 30px;
}

.sk-pay .sk-pay__steps--split .sk-pay__step:first-child {
  flex: 0 0 160px;
}

.sk-pay .sk-pay__steps--split .sk-pay__step:last-child .sk-info__figure {
  white-space: nowrap;
}

.sk-pay .sk-pay__rule {
  flex: 0 0 0.5px;
  align-self: center;
  width: 0.5px;
  height: 143px;
  background: #777c68;
}

.sk-pay .sk-info__card .sk-pay__early {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: #181918;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sk-pay .sk-pay__check {
  display: flex;
  flex: 0 0 33px;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #f6f6f3;
}

.sk-pay .sk-pay__methods {
  padding: 0 96px;
}

.sk-pay .sk-pay__methods .sk-info__intro {
  align-items: center;
  gap: 20px;
  margin-bottom: 32px;
}

.sk-pay .sk-pay__methods h2 {
  color: #181918;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-pay .sk-pay__methods .sk-info__lead {
  max-width: 350px;
  margin-left: auto;
}

.sk-pay .sk-pay__method-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.sk-pay .sk-pay__method {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 24px 16px;
  border-radius: 14px;
  background: #e7e7e2;
}

.sk-pay .sk-pay__icon {
  display: flex;
  flex: 0 0 78px;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: #f6f6f3;
}

.sk-pay .sk-pay__icon svg {
  display: block;
  width: 38px;
  height: 38px;
}

.sk-pay .sk-pay__method h3 {
  margin: 0 0 10px;
  color: #181918;
  font-size: 24px;
  line-height: 32px;
}

.sk-pay .sk-pay__method p {
  font-size: 16px;
  line-height: 26px;
}

.sk-pay .sk-pay__band {
  padding: 48px 96px;
}

.sk-pay .sk-pay__cta {
  display: grid;
  grid-template-columns: minmax(0, 574fr) minmax(0, 653fr);
  gap: 24px;
  align-items: center;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.sk-pay .sk-pay__cta-copy {
  padding: 40px 24px;
}

.sk-pay .sk-pay__cta-copy h2 {
  max-width: 540px;
  margin: 0 0 14px;
  color: #1c1b18;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-pay .sk-pay__cta-copy > p {
  max-width: 526px;
  font-size: 14px;
  line-height: 20px;
}

.sk-pay .sk-pay__form {
  gap: 16px;
  margin-top: 24px;
}

.sk-pay .sk-info__field > span {
  color: #32352d;
}

.sk-pay .sk-info__field input,
.sk-pay .sk-info__field select,
.sk-pay .captcha-input {
  border-color: #e8eaec;
  background-color: #e7e7e2;
}

.sk-pay .sk-pay__submit {
  width: 100%;
  border-radius: 999px;
  background: #777c68;
}

.sk-pay .sk-info__consent {
  align-items: center;
  gap: 16px;
  color: #777c68;
}

.sk-pay .sk-info__box {
  background: #777c68;
}

.sk-pay .sk-pay__photo {
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  height: 606px;
  min-height: 0;
  border: 1px solid #777c68;
  border-radius: 24px;
  object-fit: cover;
}

.sk-pay .sk-info__form .captcha-block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 12px;
  align-items: center;
  width: 100%;
}

.sk-pay img.captcha-image {
  grid-column: 1;
  grid-row: 1;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 0;
  padding: 0;
  border: 1px solid #d8ccbc;
  border-radius: 8px;
  object-fit: none;
  justify-self: start;
}

.sk-pay .sk-info__form .captcha-input {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  max-width: none;
  min-width: 0;
}

@media (max-width: 1023px) {
  .sk-pay .sk-pay__terms,
  .sk-pay .sk-pay__methods,
  .sk-pay .sk-pay__band {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-pay .sk-pay__head,
  .sk-pay .sk-pay__terms-grid,
  .sk-pay .sk-pay__cta,
  .sk-pay .sk-pay__method-grid {
    grid-template-columns: 1fr;
  }

  .sk-pay .sk-pay__head img {
    height: 170px;
  }

  .sk-pay .sk-pay__photo {
    height: 320px;
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .sk-pay .sk-info__crumbs {
    min-height: 56px;
    padding: 18px 16px;
  }

  .sk-pay h1,
  .sk-pay .sk-pay__methods h2,
  .sk-pay .sk-pay__cta-copy h2 {
    color: #1a222e;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-pay .sk-pay__terms {
    gap: 16px;
    padding: 32px 16px;
  }

  .sk-pay .sk-pay__head {
    display: contents;
  }

  .sk-pay .sk-pay__copy {
    gap: 16px;
  }

  .sk-pay .sk-pay__head .sk-info__lead,
  .sk-pay .sk-info__card p,
  .sk-pay .sk-pay__methods .sk-info__lead,
  .sk-pay .sk-pay__method p {
    color: #485166;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-pay .sk-info__card .sk-pay__note {
    max-width: none;
    color: #485166;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-pay .sk-pay__head img {
    height: 170px;
    border-radius: 16px;
  }

  .sk-pay .sk-pay__terms-grid {
    gap: 16px;
  }

  .sk-pay .sk-info__card {
    gap: 12px;
    padding: 20px 18px;
  }

  .sk-pay .sk-info__card h2,
  .sk-pay .sk-pay__method h3,
  .sk-pay .sk-info__card .sk-info__figure {
    color: #1a222e;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-pay .sk-info__field > span {
    color: #485166;
  }

  .sk-pay .sk-pay__steps {
    flex-direction: column;
    gap: 6px;
  }

  .sk-pay .sk-pay__step,
  .sk-pay .sk-pay__steps:not(.sk-pay__steps--split) > .sk-pay__step:nth-child(1),
  .sk-pay .sk-pay__steps:not(.sk-pay__steps--split) > .sk-pay__step:nth-child(3),
  .sk-pay .sk-pay__steps:not(.sk-pay__steps--split) > .sk-pay__step:nth-child(5) {
    flex: none;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 100%;
  }

  .sk-pay .sk-info__card .sk-info__figure {
    flex: 0 0 64px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-pay .sk-pay__step p:last-child {
    color: #485166;
    font-size: 12px;
    line-height: 16px;
  }

  .sk-pay .sk-pay__arrow {
    flex-basis: 16px;
    width: 1px;
    height: 16px;
    margin: 0 auto;
    background: #777c68;
  }

  .sk-pay .sk-pay__arrow svg {
    display: none;
  }

  .sk-pay .sk-pay__steps--split,
  .sk-pay .sk-pay__terms-grid .sk-info__card:last-child .sk-pay__steps--split {
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
  }

  .sk-pay .sk-pay__rule {
    flex-basis: 1px;
    align-self: stretch;
    width: 1px;
    height: auto;
    background: #d8ccbc;
  }

  .sk-pay .sk-pay__steps--split .sk-pay__step,
  .sk-pay .sk-pay__steps--split .sk-pay__step:first-child {
    flex: 1 1 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: auto;
  }

  .sk-pay .sk-pay__steps--split .sk-info__figure {
    flex: none;
    width: auto;
  }

  .sk-pay .sk-pay__rule {
    background: #d8ccbc;
  }

  .sk-pay .sk-info__card .sk-pay__early {
    align-items: center;
    gap: 10px;
    color: #485166;
    font-size: 12px;
    line-height: 16px;
  }

  .sk-pay .sk-pay__methods {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 16px;
  }

  .sk-pay .sk-pay__methods .sk-info__intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin: 0;
  }

  .sk-pay .sk-pay__methods .sk-info__lead {
    margin-left: 0;
  }

  .sk-pay .sk-pay__method {
    gap: 14px;
    padding: 12px 14px;
  }

  .sk-pay .sk-pay__icon {
    flex-basis: 70px;
    width: 70px;
    height: 70px;
  }

  .sk-pay .sk-pay__method h3 {
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 22px;
  }

  .sk-pay .sk-pay__band {
    padding: 32px 16px;
  }

  .sk-pay .sk-pay__cta {
    gap: 18px;
  }

  .sk-pay .sk-pay__cta-copy {
    padding: 22px 20px;
  }

  .sk-pay .sk-pay__cta-copy > p {
    color: #485166;
  }

  .sk-pay .sk-pay__form {
    margin-top: 16px;
  }

  .sk-pay .sk-pay__time {
    display: none;
  }

  .sk-pay .sk-info__field input,
  .sk-pay .sk-info__field select,
  .sk-pay .captcha-input {
    height: 52px;
    border-color: #d8ccbc;
    border-radius: 14px;
  }

  .sk-pay .sk-pay__photo {
    height: 260px;
    border: 0;
    border-radius: 18px;
  }
}

/* 10 Franchise. Section / 06 / Franchise enquiry. Desktop 692:923, mobile 1077:6562. */

.sk-franchise .sk-franchise__band {
  padding: 40px 96px;
}

.sk-franchise .sk-franchise__cta {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 0;
  padding: 48px;
  border-radius: 24px;
  background: #000;
}

.sk-franchise .sk-franchise__photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}

.sk-franchise .sk-franchise__cta::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(71, 68, 62, 0.32) 32%, rgba(193, 193, 193, 0) 100%),
    rgba(0, 0, 0, 0.4);
  content: "";
  pointer-events: none;
}

.sk-franchise .sk-franchise__cta-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: min(574px, 100%);
  padding: 40px 24px;
}

.sk-franchise .sk-franchise__cta-text {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 526px;
}

.sk-franchise .sk-franchise__cta-copy h2 {
  max-width: 540px;
  margin: 0;
  color: #f6f6f3;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-franchise .sk-franchise__cta-copy > .sk-franchise__cta-text > p {
  max-width: 444px;
  margin: 0;
  color: #f6f6f3;
  font-size: 14px;
  line-height: 20px;
}

.sk-franchise .sk-franchise__form {
  gap: 16px;
  margin: 0;
}

.sk-franchise .sk-franchise__form .sk-info__field > span {
  color: #fff;
  letter-spacing: 0.024px;
}

.sk-franchise .sk-franchise__form .sk-info__field input,
.sk-franchise .sk-franchise__form .sk-info__field select,
.sk-franchise .sk-franchise__form .captcha-input {
  border-color: #d8ccbc;
  background-color: #e7e7e2;
  color: #1c1b18;
}

.sk-franchise .sk-franchise__form .sk-info__field input::placeholder,
.sk-franchise .sk-franchise__form .captcha-input::placeholder {
  color: #777c68;
}

.sk-franchise .sk-franchise__submit {
  align-self: stretch;
  gap: 12px;
  width: 100%;
  padding: 12px 32px;
  background: #777c68;
}

.sk-franchise .sk-franchise__form .sk-info__consent {
  gap: 16px;
  color: #f6f6f3;
}

.sk-franchise .sk-franchise__form .sk-info__box {
  background: #777c68;
}

.sk-franchise .sk-info__form .captcha-block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 12px;
  align-items: center;
  width: 100%;
}

.sk-franchise img.captcha-image {
  grid-column: 1;
  grid-row: 1;
  position: static;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 0;
  padding: 0;
  border: 1px solid #d8ccbc;
  border-radius: 8px;
  object-fit: none;
  justify-self: start;
}

.sk-franchise .sk-info__form .captcha-input {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  max-width: none;
  min-width: 0;
  text-align: left;
}

.sk-franchise .sk-info__form .captcha-refresh-btn {
  color: #f6f6f3;
}

@media (max-width: 1279px) {
  .sk-franchise .sk-franchise__band {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 767px) {
  .sk-franchise .sk-franchise__band {
    padding: 32px 0;
  }

  .sk-franchise .sk-franchise__cta {
    padding: 28px 16px;
  }

  .sk-franchise .sk-franchise__cta::before {
    background: rgba(0, 0, 0, 0.42);
  }

  .sk-franchise .sk-franchise__cta-copy {
    gap: 16px;
    width: 100%;
    padding: 0;
  }

  .sk-franchise .sk-franchise__cta-text {
    max-width: none;
  }

  .sk-franchise .sk-franchise__cta-copy h2 {
    max-width: none;
    color: #fff;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-franchise .sk-franchise__cta-copy > .sk-franchise__cta-text > p {
    max-width: none;
    color: #fff;
  }

  .sk-franchise .sk-franchise__time {
    display: none;
  }

  .sk-franchise .sk-franchise__form .sk-info__field {
    gap: 6px;
  }

  .sk-franchise .sk-franchise__form .sk-info__field input,
  .sk-franchise .sk-franchise__form .captcha-input {
    height: 56px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-franchise .sk-franchise__form .captcha-input {
    padding-right: 12px;
    padding-left: 12px;
  }

  .sk-franchise .sk-franchise__form .sk-info__consent {
    gap: 10px;
  }
}

/* 10 Franchise. Section / 05 / Who it fits. Desktop 692:885, mobile 921:620. */

.sk-franchise .sk-franchise__audience {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 80px 96px;
}

.sk-franchise .sk-franchise__audience .sk-info__intro {
  align-items: center;
  gap: 20px;
  margin-bottom: 0;
}

.sk-franchise .sk-franchise__audience h2 {
  max-width: 720px;
  margin: 0;
  color: #32352d;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-franchise .sk-franchise__audience .sk-info__lead {
  max-width: 337px;
  margin: 0;
  color: #47443e;
  font-size: 16px;
  line-height: 26px;
}

.sk-franchise .sk-franchise__audience-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.sk-franchise .sk-franchise__person {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 20px;
  background: #fcfbf8;
}

.sk-franchise .sk-franchise__person-copy {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 28px;
  border-radius: 20px 20px 0 0;
  background: #fcfbf8;
}

.sk-franchise .sk-franchise__person .sk-info__num {
  margin: 0;
  color: #777c68;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-franchise .sk-franchise__person h3 {
  margin: 0;
  color: #32352d;
  font-size: 24px;
  line-height: 32px;
}

.sk-franchise .sk-franchise__person-copy > p {
  margin: 0;
  color: #47443e;
  font-size: 14px;
  line-height: 20px;
}

.sk-franchise .sk-franchise__person-photo {
  position: relative;
  height: 232px;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
}

.sk-franchise .sk-franchise__person-photo img {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}

.sk-franchise .sk-franchise__person-photo::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fcfbf8 0%, rgba(225, 225, 225, 0) 28%);
  content: "";
  pointer-events: none;
}

@media (max-width: 1279px) {
  .sk-franchise .sk-franchise__audience {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1100px) {
  .sk-franchise .sk-franchise__audience .sk-info__intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sk-franchise .sk-franchise__audience .sk-info__lead {
    max-width: 520px;
  }
}

@media (max-width: 1023px) {
  .sk-franchise .sk-franchise__audience-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .sk-franchise .sk-franchise__audience {
    gap: 18px;
    padding: 32px 16px;
  }

  .sk-franchise .sk-franchise__audience .sk-info__intro,
  .sk-franchise .sk-franchise__audience-grid {
    gap: 18px;
  }

  .sk-franchise .sk-franchise__audience h2 {
    max-width: none;
    color: #32352d;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-franchise .sk-franchise__audience .sk-info__lead {
    max-width: none;
    color: #485166;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-franchise .sk-franchise__person,
  .sk-franchise .sk-franchise__person-copy,
  .sk-franchise .sk-franchise__person-photo {
    border-radius: 18px;
  }

  .sk-franchise .sk-franchise__person-copy {
    gap: 12px;
    padding: 20px;
    border-radius: 18px 18px 0 0;
  }

  .sk-franchise .sk-franchise__person-copy > p {
    color: #485166;
  }

  .sk-franchise .sk-franchise__person-photo {
    height: 205px;
    border-radius: 0 0 18px 18px;
  }
}

/* Benefit cards: the dark fill is the hover state, not the resting first card. */

.sk-franchise .sk-franchise__benefit-grid .sk-info__card,
.sk-franchise .sk-franchise__benefit-grid .sk-info__card h3,
.sk-franchise .sk-franchise__benefit-grid .sk-info__card p {
  transition: background-color 0.2s ease, color 0.2s ease;
}

@media (hover: hover) {
  .sk-franchise .sk-franchise__benefit-grid .sk-info__card:hover {
    background: #32352d;
  }

  .sk-franchise .sk-franchise__benefit-grid .sk-info__card:hover h3,
  .sk-franchise .sk-franchise__benefit-grid .sk-info__card:hover p {
    color: #f6f6f3;
  }

  .sk-franchise .sk-franchise__benefit-grid .sk-info__card:hover .sk-info__num {
    color: #e7e7e2;
  }
}

/* 10 Franchise. Section / 03 / Franchise Hero. Desktop 691:872, mobile 921:590. */

.sk-franchise .sk-franchise__hero {
  display: flex;
  align-items: center;
  min-height: 684px;
  padding: 32px 96px 80px;
  background:
    linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    linear-gradient(90deg, rgba(26, 26, 26, 0.52) 3%, rgba(255, 255, 255, 0) 71%),
    url("/image/catalog/banners/redesign/franchise/hero.jpg") center / cover no-repeat;
}

.sk-franchise .sk-franchise__hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 715px;
}

.sk-franchise .sk-franchise__hero h1 {
  max-width: 715px;
  margin: 0;
  color: #f6f6f3;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-franchise .sk-franchise__lead {
  max-width: 450px;
  margin: 0;
  color: #f6f6f3;
  font-size: 16px;
  line-height: 26px;
}

.sk-franchise .sk-franchise__hero .sk-info__btn {
  gap: 12px;
  padding: 12px 32px;
  background: #777c68;
}

.sk-franchise .sk-franchise__chips {
  max-width: none;
  margin: 0;
  color: #e7e7e2;
  font-size: 14px;
  line-height: 20px;
}

.sk-franchise .sk-franchise__chips span:not(:last-child)::after {
  content: "  ·  ";
}

@media (max-width: 1279px) {
  .sk-franchise .sk-franchise__hero {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 767px) {
  .sk-franchise .sk-franchise__hero {
    align-items: flex-end;
    min-height: 470px;
    padding: 32px 16px;
    background:
      linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)),
      url("/image/catalog/banners/redesign/franchise/hero.jpg") center / cover no-repeat;
  }

  .sk-franchise .sk-franchise__hero-copy {
    gap: 16px;
    width: 100%;
    max-width: none;
  }

  .sk-franchise .sk-franchise__hero h1 {
    max-width: none;
    color: #fff;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-franchise .sk-franchise__lead {
    max-width: 334px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-franchise .sk-franchise__chips {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.024px;
  }

  .sk-franchise .sk-franchise__chips span:not(:last-child)::after {
    content: none;
  }
}

/* 11 — Reviews. Figma page 724:6759. */

.sk-reviews-page {
  background: #f6f6f3;
  color: #181918;
}

.sk-reviews-page h1,
.sk-reviews-page h2,
.sk-reviews-page h3,
.sk-reviews-page p {
  margin: 0;
  text-align: left;
}

.sk-reviews-page__crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 84px;
  margin: 0;
  padding: 32px 96px;
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-reviews-page__crumbs a {
  color: inherit;
  text-decoration: none;
}

.sk-reviews-page__crumbs span:last-child {
  color: #1c1b18;
}

.sk-reviews-page__intro {
  box-sizing: border-box;
  padding: 40px 96px;
}

.sk-reviews-page__intro-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}

.sk-reviews-page__intro h1 {
  max-width: 740px;
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-reviews-page__intro p {
  max-width: 390px;
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-reviews-page__videos {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
  box-sizing: border-box;
  padding: 64px 96px;
}

.sk-reviews-page__videos h2 {
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-reviews-page__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.sk-reviews-page__filters button {
  height: 44px;
  margin: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #e7e7e2;
  color: #181918;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}

.sk-reviews-page__filters button.is-active {
  background: #32352d;
  color: #fff;
}

.sk-reviews-page__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 20px;
}

.sk-reviews-page__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.sk-reviews-page__card[hidden],
.sk-reviews-page__more[hidden],
.sk-reviews-page__modal[hidden] {
  display: none;
}

.sk-reviews-page__shot {
  position: relative;
  display: block;
  width: 100%;
  height: 280px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  background: #1c1b18;
  cursor: pointer;
}

.sk-reviews-page__shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sk-reviews-page__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-radius: 50%;
  background: #e7e7e2;
}

.sk-reviews-page__play::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 24px;
  border-color: transparent transparent transparent #32352d;
  border-style: solid;
  border-width: 12px 0 12px 16px;
}

.sk-reviews-page__copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk-reviews-page__card h3 {
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-reviews-page__card p {
  display: -webkit-box;
  overflow: hidden;
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sk-reviews-page__more {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  margin: 0;
  padding: 12px 32px;
  border: 1px solid #32352d;
  border-radius: 24px;
  background: transparent;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  cursor: pointer;
}

.sk-reviews-page__stories .sk-reviews__all {
  display: none;
}

.sk-reviews-page__modal {
  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(28, 27, 24, 0.72);
}

.sk-reviews-page__modal-close {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: #f6f6f3;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

.sk-reviews-page__modal-frame {
  width: 100%;
  max-width: 960px;
  aspect-ratio: 16 / 9;
  background: #000;
}

.sk-reviews-page__modal-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1279px) {
  .sk-reviews-page__crumbs,
  .sk-reviews-page__intro,
  .sk-reviews-page__videos {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1100px) {
  .sk-reviews-page__intro-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .sk-reviews-page__intro h1 {
    font-size: 52px;
    line-height: 60px;
    letter-spacing: -0.52px;
  }

  .sk-reviews-page__intro p {
    max-width: 560px;
  }
}

@media (max-width: 1023px) {
  .sk-reviews-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .sk-reviews-page__crumbs {
    min-height: 56px;
    padding: 18px 16px;
  }

  .sk-reviews-page__intro {
    padding: 32px 16px;
  }

  .sk-reviews-page__intro-row {
    gap: 16px;
  }

  .sk-reviews-page__intro h1 {
    max-width: none;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-reviews-page__intro p {
    max-width: none;
    font-size: 14px;
    line-height: 20px;
  }

  .sk-reviews-page__videos {
    gap: 20px;
    padding: 32px 16px;
  }

  .sk-reviews-page__videos h2 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-reviews-page__filters {
    gap: 8px;
  }

  .sk-reviews-page__grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .sk-reviews-page__card,
  .sk-reviews-page__copy {
    gap: 12px;
  }

  .sk-reviews-page__shot {
    height: 240px;
    border-radius: 18px;
  }

  .sk-reviews-page__more {
    width: 100%;
  }
}

/* 12 Careers. Desktop 740:4794 and 744:4790, mobile section under Page / Careers / Mobile. */

.sk-work {
  background: #f6f6f3;
}

.sk-work h1,
.sk-work h2,
.sk-work h3 {
  color: #181918;
}

.sk-work h1 {
  max-width: 740px;
  font-size: 72px;
  line-height: 80px;
}

.sk-work__hero {
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding: 0 96px 72px;
}

.sk-work__intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 64px;
}

.sk-work p.sk-work__lead {
  flex: 0 0 373px;
  max-width: 373px;
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-work__benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.sk-work__benefits h2 {
  margin: 0 0 16px;
  font-size: 24px;
  line-height: 32px;
}

.sk-work__benefits p {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-work__roles {
  padding: 96px;
  border-radius: 40px;
  background: #e7e7e2;
}

.sk-work__roles-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 32px;
}

.sk-work__roles-head h2 {
  max-width: 520px;
  font-size: 52px;
  line-height: 60px;
}

.sk-work__roles-head p {
  flex: 0 0 575px;
  max-width: 575px;
  margin: 0;
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-work__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sk-work__card {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 32px 40px;
  border-radius: 16px;
  background: #fff;
}

.sk-work__copy {
  flex: 1 1 auto;
  min-width: 0;
}

.sk-work__card h3 {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
}

.sk-work p.sk-work__meta {
  margin-top: 12px;
  color: #575752;
  font-size: 14px;
  line-height: 20px;
}

.sk-work p.sk-work__summary {
  margin-top: 12px;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-work__apply {
  display: inline-flex;
  flex: 0 0 244px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 244px;
  height: 50px;
  margin: 0;
  padding: 0 32px;
  border: 0;
  border-radius: 999px;
  background: #32352d;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

.sk-work__apply:hover,
.sk-work__apply:focus {
  background: #1c1b18;
  color: #f6f6f3;
}

.sk-work__modal {
  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(19, 19, 18, 0.67);
}

.sk-work__modal.is-open {
  display: flex;
}

.sk-work__dialog {
  position: relative;
  width: 100%;
  max-width: 604px;
  max-height: calc(100% - 48px);
  padding: 44px;
  overflow: auto;
  border-radius: 18px;
  background: #f6f6f3;
}

.sk-work__close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #1c1b18;
  font-size: 24px;
  line-height: 34px;
  cursor: pointer;
}

.sk-work__kicker {
  margin: 0 0 8px;
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.024px;
  text-transform: uppercase;
}

.sk-work__dialog h2 {
  margin: 0 0 12px;
  padding-right: 40px;
  font-size: 34px;
  line-height: 42px;
}

.sk-work__picked {
  margin: 0 0 20px;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-work__status {
  min-height: 20px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.sk-work__status.is-error {
  color: #9a3b32;
}

.sk-work__status.is-ok {
  color: #32352d;
}

@media (max-width: 1279px) {
  .sk-work__hero,
  .sk-work__roles {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-work h1 {
    font-size: 52px;
    line-height: 60px;
  }

  .sk-work__roles-head {
    align-items: flex-start;
  }

  .sk-work__roles-head h2,
  .sk-work__roles-head p,
  .sk-work p.sk-work__lead {
    flex-basis: auto;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .sk-work__hero,
  .sk-work__roles {
    padding-right: 16px;
    padding-left: 16px;
  }

  .sk-work__hero {
    gap: 32px;
    padding-bottom: 40px;
  }

  .sk-work h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .sk-work__intro,
  .sk-work__roles-head,
  .sk-work__card {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .sk-work p.sk-work__lead,
  .sk-work__roles-head p {
    font-size: 16px;
    line-height: 26px;
  }

  .sk-work__benefits {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .sk-work__roles {
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 24px;
  }

  .sk-work__roles-head {
    margin-bottom: 24px;
  }

  .sk-work__roles-head h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .sk-work__card {
    padding: 24px;
  }

  .sk-work__apply {
    flex-basis: auto;
    width: 100%;
  }

  .sk-work__dialog {
    padding: 24px;
    border-radius: 24px 24px 0 0;
  }

  .sk-work__modal {
    align-items: flex-end;
    padding: 0;
  }

  .sk-work__dialog h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

/* 14 Returns. Desktop 684:4977 and 685:5313, mobile 991:666. */

.sk-return .sk-info__crumbs a {
  color: #777c68;
}

.sk-return .sk-info__crumbs span:last-child {
  color: #1c1b18;
}

.sk-return h1 {
  color: #181918;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-return h2 {
  color: #181918;
  font-size: 24px;
  line-height: 32px;
}

.sk-return__main {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 96px 80px;
}

.sk-return__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.sk-return p.sk-return__lead {
  flex: 0 1 502px;
  max-width: 502px;
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-return__cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sk-return__grid,
.sk-return__split {
  display: grid;
  gap: 20px;
}

.sk-return__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sk-return__split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sk-return__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 262px;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
}

.sk-return__card-head {
  display: flex;
  align-items: center;
  gap: 24px;
}

.sk-return .sk-return__num,
.sk-return .sk-return__badge {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #777c68;
  color: #f6f6f3;
}

.sk-return .sk-return__num {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-return__badge svg {
  display: block;
  width: 48px;
  height: 48px;
}

.sk-return .sk-return__card p {
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-return__note {
  display: flex;
  align-items: center;
  gap: 40px;
}

.sk-return__rule {
  flex: 0 0 auto;
  align-self: stretch;
  width: 1px;
  background: #777c68;
}

.sk-return .sk-return__note p {
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-return p.sk-return__note-title {
  flex: 0 0 auto;
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-return__mail {
  padding: 40px 96px;
}

.sk-return__mail-card {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 40px 96px;
  border-radius: 24px;
  background: #32352d;
  color: #f6f6f3;
}

.sk-return__mail-card svg {
  display: block;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
}

.sk-return .sk-return__mail-card p {
  color: #f6f6f3;
  font-size: 20px;
  line-height: 30px;
}

.sk-return .sk-return__mail-card a {
  color: inherit;
  text-decoration: none;
}

.sk-return br.sk-return__br {
  display: none;
}

@media (max-width: 1200px) {
  .sk-return__head {
    flex-direction: column;
    gap: 16px;
  }

  .sk-return p.sk-return__lead {
    flex-basis: auto;
    max-width: none;
  }
}

@media (max-width: 1100px) {
  .sk-return__main,
  .sk-return__mail {
    padding-right: 48px;
    padding-left: 48px;
  }

  .sk-return__grid,
  .sk-return__split {
    grid-template-columns: 1fr;
  }

  .sk-return__card {
    min-height: 0;
  }

  .sk-return__mail-card {
    gap: 24px;
    padding: 32px 40px;
  }
}

@media (max-width: 767px) {
  .sk-return h1 {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-return__main {
    gap: 24px;
    padding: 32px 16px 0;
  }

  .sk-return__cards,
  .sk-return__grid,
  .sk-return__split {
    gap: 12px;
  }

  .sk-return__card {
    gap: 14px;
    padding: 20px 20px 22px;
  }

  .sk-return__card-head {
    gap: 12px;
  }

  .sk-return .sk-return__num {
    width: 68px;
    height: 68px;
    color: #fff;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-return .sk-return__badge {
    width: 48px;
    height: 48px;
  }

  .sk-return__badge svg {
    width: 28px;
    height: 28px;
  }

  .sk-return p.sk-return__lead,
  .sk-return .sk-return__card p {
    color: #32352d;
  }

  .sk-return .sk-return__card p {
    font-size: 14px;
    line-height: 20px;
  }

  .sk-return__note {
    gap: 16px;
  }

  .sk-return .sk-return__note p {
    font-size: 12px;
    line-height: 16px;
  }

  .sk-return p.sk-return__note-title {
    font-size: 24px;
    line-height: 32px;
    color: #181918;
  }

  .sk-return__mail {
    padding: 24px 16px 32px;
  }

  .sk-return__mail-card {
    gap: 14px;
    padding: 24px 16px;
  }

  .sk-return__mail-card svg {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
  }

  .sk-return .sk-return__mail-card p {
    color: #f7f7f5;
    font-size: 16px;
    line-height: 26px;
  }

  .sk-return br.sk-return__br {
    display: block;
  }
}

/* 15 — Sitemap. Node 724:6763. Rules stay under .sk-sitemap. */
.sk-sitemap {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-sitemap h1,
.sk-sitemap h2,
.sk-sitemap h3,
.sk-sitemap p {
  margin: 0;
}

.sk-sitemap h1,
.sk-sitemap h2,
.sk-sitemap h3,
.sk-sitemap__card-title,
.sk-sitemap__offer-title {
  font-family: "Tenor Sans", serif;
  font-weight: 400;
}

.sk-sitemap a {
  color: inherit;
  text-decoration: none;
}

.sk-sitemap__crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 32px 96px;
  font-size: 14px;
  line-height: 20px;
  color: #777c68;
}

.sk-sitemap__crumbs a {
  color: #777c68;
}

.sk-sitemap__crumbs span:last-child {
  color: #1c1b18;
}

.sk-sitemap__hero {
  padding: 36px 96px 64px;
}

.sk-sitemap__hero-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 44px;
}

.sk-sitemap h1 {
  width: 760px;
  max-width: 760px;
  flex: 0 0 760px;
  font-size: 64px;
  line-height: 70px;
  letter-spacing: -0.768px;
  text-align: left;
  color: #1c1b18;
}

.sk-sitemap__lead {
  width: 404px;
  max-width: 404px;
  flex: 0 0 404px;
  padding-top: 30px;
  font-size: 20px;
  line-height: 30px;
  color: #1c1b18;
}

.sk-sitemap__search {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 64px;
  margin-top: 36px;
  padding: 0 16px 0 24px;
  border: 1px solid #e7e7e2;
  border-radius: 999px;
  background: #f6f6f3;
}

.sk-sitemap__search input {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #32352d;
}

.sk-sitemap__search input:focus {
  outline: none;
}

.sk-sitemap__search input::placeholder {
  color: #32352d;
  opacity: 1;
}

.sk-sitemap__search button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #32352d;
  cursor: pointer;
}

.sk-sitemap__results {
  margin-top: 20px;
}

.sk-sitemap__results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sk-sitemap__results li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 0;
  border-bottom: 1px solid #e7e7e2;
}

.sk-sitemap__results a {
  font-size: 16px;
  line-height: 26px;
  color: #1c1b18;
}

.sk-sitemap__results span,
.sk-sitemap__more-note,
.sk-sitemap__empty {
  font-size: 14px;
  line-height: 20px;
  color: #777c68;
}

.sk-sitemap__more-note,
.sk-sitemap__empty {
  margin-top: 12px;
}

.sk-sitemap__links,
.sk-sitemap__offers {
  padding: 72px 96px;
}

.sk-sitemap__offers {
  padding-top: 64px;
  padding-bottom: 64px;
}

.sk-sitemap__links-head,
.sk-sitemap__partners-head {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.sk-sitemap__links-head {
  align-items: flex-end;
}

.sk-sitemap__partners-head {
  align-items: center;
}

.sk-sitemap h2 {
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
  text-align: left;
  color: #1c1b18;
}

.sk-sitemap__links-head p,
.sk-sitemap__partners-head p {
  font-size: 20px;
  line-height: 30px;
  color: #1c1b18;
}

.sk-sitemap__links-head p {
  width: 420px;
  flex: 0 0 420px;
}

.sk-sitemap__partners-head p {
  max-width: 443px;
  color: #32352d;
}

.sk-sitemap__links-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin-top: 40px;
}

.sk-sitemap__links h3,
.sk-sitemap__partner h3 {
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #1c1b18;
}

.sk-sitemap__partner h3 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}

.sk-sitemap__links ul {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}

.sk-sitemap__links li {
  border-bottom: 1px solid #e7e7e2;
}

.sk-sitemap__links li:last-child {
  border-bottom: 0;
}

.sk-sitemap__links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 46px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 26px;
  color: #1c1b18;
}

.sk-sitemap__links a::after {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: center / 14px 10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 5H13M13 5L9 1M13 5L9 9' stroke='%231c1b18' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.sk-sitemap__catalog,
.sk-sitemap__partners {
  padding: 64px 96px;
  background: #e7e7e2;
}

.sk-sitemap__catalog h2 {
  margin-bottom: 32px;
  color: #181918;
}

.sk-sitemap__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}

.sk-sitemap__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 152px;
  color: #181918;
}

.sk-sitemap__card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 32px;
  font-size: 24px;
  line-height: 32px;
  color: #181918;
}

.sk-sitemap__card-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  background: #f6f6f3;
}

.sk-sitemap__card-text {
  font-size: 16px;
  line-height: 26px;
  color: #32352d;
}

.sk-sitemap__offer-list {
  margin-top: 28px;
}

.sk-sitemap__offer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  box-sizing: border-box;
  min-height: 82px;
  padding: 20px 0;
  border-bottom: 1px solid #e7e7e2;
  color: #1c1b18;
}

.sk-sitemap__offer:last-child {
  border-bottom: 0;
}

.sk-sitemap__offer-copy {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 48px;
  min-width: 0;
  flex: 1 1 auto;
}

.sk-sitemap__offer .sk-sitemap__index {
  width: 40px;
  flex: 0 0 40px;
}

.sk-sitemap__index {
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.024px;
  color: #777c68;
}

.sk-sitemap__offer-title {
  width: 300px;
  flex: 0 0 300px;
  font-size: 34px;
  line-height: 42px;
  white-space: nowrap;
  color: #1c1b18;
}

.sk-sitemap__offer-text {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  color: #32352d;
}

.sk-sitemap__offer svg {
  flex: 0 0 auto;
}

.sk-sitemap__partners-head {
  margin-bottom: 32px;
}

.sk-sitemap__partner-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr);
  gap: 20px;
}

.sk-sitemap__partner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  min-height: 248px;
  padding: 24px;
  border: 1px solid #e7e7e2;
  border-radius: 20px;
  background: #f6f6f3;
}

.sk-sitemap__partner-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  width: 100%;
}

.sk-sitemap__partner-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk-sitemap__partner p {
  font-size: 14px;
  line-height: 20px;
  color: #32352d;
}

.sk-sitemap__partner-sub,
.sk-sitemap__partner-sub a {
  font-size: 20px;
  line-height: 30px;
  color: #1c1b18;
}

.sk-sitemap__more {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.014px;
  color: #1c1b18;
}

.sk-sitemap__tree {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  padding: 64px 96px 80px;
  background: #f6f6f3;
}

.sk-sitemap__tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sk-sitemap__tree li {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 26px;
  overflow-wrap: break-word;
}

.sk-sitemap__tree li ul {
  margin-top: 8px;
  padding-left: 16px;
}

.sk-sitemap__tree a {
  color: #1c1b18;
}

.sk-sitemap__tree-col > ul > li > a,
.sk-sitemap__tree-col > ul > li {
  font-size: 18px;
  line-height: 28px;
}

@media (max-width: 1100px) {
  .sk-sitemap__crumbs,
  .sk-sitemap__hero,
  .sk-sitemap__links,
  .sk-sitemap__offers,
  .sk-sitemap__catalog,
  .sk-sitemap__partners,
  .sk-sitemap__tree {
    padding-left: 48px;
    padding-right: 48px;
  }

  .sk-sitemap__hero-top,
  .sk-sitemap__links-head,
  .sk-sitemap__partners-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sk-sitemap__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sk-sitemap__links-cols,
  .sk-sitemap__partner-grid,
  .sk-sitemap__tree {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .sk-sitemap h1,
  .sk-sitemap__lead,
  .sk-sitemap__links-head p,
  .sk-sitemap__offer-title,
  .sk-sitemap__offer .sk-sitemap__index {
    width: auto;
    max-width: none;
    flex: none;
  }

  .sk-sitemap__lead {
    padding-top: 0;
  }

  .sk-sitemap__offer-copy {
    flex-wrap: wrap;
    gap: 8px 16px;
  }

  .sk-sitemap__offer-title,
  .sk-sitemap__offer-text {
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .sk-sitemap__crumbs {
    padding: 20px 16px 0;
    font-size: 12px;
    line-height: 16px;
  }

  .sk-sitemap__hero {
    padding: 32px 16px;
  }

  .sk-sitemap h1 {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-sitemap__lead {
    max-width: none;
    padding-top: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .sk-sitemap__partner-split {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .sk-sitemap__search {
    height: 56px;
    margin-top: 18px;
    padding: 0 14px 0 16px;
    background: #fff;
  }

  .sk-sitemap__links,
  .sk-sitemap__offers,
  .sk-sitemap__catalog,
  .sk-sitemap__partners,
  .sk-sitemap__tree {
    padding: 32px 16px;
  }

  .sk-sitemap h2 {
    font-size: 34px;
    line-height: 42px;
  }

  .sk-sitemap__links-head p,
  .sk-sitemap__partners-head p {
    font-size: 16px;
    line-height: 26px;
  }

  .sk-sitemap__cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sk-sitemap__card {
    min-height: 0;
    padding: 18px 16px;
    border-radius: 16px;
  }

  .sk-sitemap__offer-copy {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .sk-sitemap__offer-title {
    font-size: 24px;
    line-height: 32px;
  }
}

/* 16 Purchase Help. Desktop 732:3944, mobile 1000:5238. */

.sk-help .sk-info__crumbs {
  gap: 10px;
}

.sk-help .sk-info__crumbs a {
  color: #777c68;
}

.sk-help .sk-info__crumbs span:last-child {
  color: #32352d;
}

.sk-help h1,
.sk-help h2,
.sk-help h3,
.sk-help .sk-help__num {
  margin: 0;
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  text-align: left;
}

.sk-help h1,
.sk-help h2 {
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-help h3 {
  font-size: 24px;
  line-height: 32px;
}

.sk-help .sk-help__num {
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.136px;
  color: #777c68;
}

.sk-help__ways,
.sk-help__guide {
  padding: 64px 96px;
}

.sk-help__ways {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sk-help__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
}

.sk-help p.sk-help__lead {
  max-width: 465px;
  margin: 0;
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-help__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.sk-help__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  min-height: 310px;
  padding: 28px;
  border-radius: 20px;
  background: #fff;
}

.sk-help .sk-help__card p {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-help a.sk-help__btn,
.sk-help button.sk-help__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  margin: 0;
  margin-top: auto;
  padding: 12px 32px;
  border: 1px solid #777c68;
  border-radius: 999px;
  background: #fff;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  cursor: pointer;
}

.sk-help a.sk-help__btn--fill,
.sk-help button.sk-help__btn--fill {
  border-color: #777c68;
  background: #777c68;
  color: #f6f6f3;
}

.sk-help__guide {
  padding-top: 64px;
}

.sk-help__layout {
  display: flex;
  align-items: flex-start;
  gap: 64px;
}

.sk-help__intro {
  display: flex;
  flex: 0 0 430px;
  flex-direction: column;
  gap: 24px;
  width: 430px;
}

.sk-help p.sk-help__guide-lead {
  max-width: 299px;
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-help__steps {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 28px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sk-help li.sk-help__step {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0 0 24px;
  border-bottom: 1px solid #e7e7e2;
}

.sk-help li.sk-help__step::before {
  content: none;
}

.sk-help .sk-help__step p {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

@media (hover: hover) {
  .sk-help a.sk-help__btn:hover,
  .sk-help button.sk-help__btn:hover,
  .sk-help a.sk-help__btn:focus,
  .sk-help button.sk-help__btn:focus {
    border-color: #32352d;
    background: #32352d;
    color: #f6f6f3;
  }
}

@media (max-width: 1279px) {
  .sk-help__ways,
  .sk-help__guide {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1100px) {
  .sk-help__head,
  .sk-help__layout {
    flex-direction: column;
    gap: 24px;
  }

  .sk-help__intro {
    flex-basis: auto;
    width: auto;
    max-width: 640px;
  }

  .sk-help__steps {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .sk-help h1,
  .sk-help h2 {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-help .sk-help__num {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-help__ways,
  .sk-help__guide {
    gap: 16px;
    padding: 32px 16px;
  }

  .sk-help__head,
  .sk-help__intro,
  .sk-help__layout {
    gap: 16px;
  }

  .sk-help p.sk-help__lead,
  .sk-help p.sk-help__guide-lead {
    max-width: none;
  }

  .sk-help__cards {
    gap: 16px;
    grid-template-columns: 1fr;
  }

  .sk-help__card {
    gap: 14px;
    min-height: 0;
    padding: 20px;
    border-radius: 16px;
  }

  .sk-help a.sk-help__btn,
  .sk-help button.sk-help__btn {
    gap: 10px;
    align-self: stretch;
    width: 100%;
    height: 48px;
    border-color: #d8d6d0;
  }

  .sk-help a.sk-help__btn--fill,
  .sk-help button.sk-help__btn--fill {
    border-color: #777c68;
  }

  .sk-help__steps {
    gap: 0;
  }

  .sk-help li.sk-help__step {
    padding: 18px 0;
    border-bottom-color: #dedcd6;
  }

  .sk-help li.sk-help__step:last-child {
    border-bottom: 0;
  }

  .sk-help .sk-help__step p {
    font-size: 14px;
    line-height: 20px;
  }
}

/* 17 FAQ. Desktop 732:4069, mobile 1082:826. */

.sk-faq .sk-info__crumbs {
  gap: 10px;
}

.sk-faq .sk-info__crumbs a {
  color: #777c68;
}

.sk-faq .sk-info__crumbs span:last-child {
  color: #32352d;
}

.sk-faq h1,
.sk-faq h2,
.sk-faq h3 {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  color: #181918;
}

.sk-faq h1 {
  max-width: 740px;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-faq__hero,
.sk-faq__body {
  padding: 40px 96px;
}

.sk-faq__hero {
  display: flex;
  align-items: center;
  min-height: 240px;
}

.sk-faq__hero-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
  width: 100%;
  min-width: 0;
}

.sk-faq p.sk-faq__lead {
  flex: 0 1 333px;
  max-width: 333px;
  margin: 0;
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-faq__layout {
  display: flex;
  align-items: flex-start;
  gap: 64px;
}

.sk-faq__nav {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  flex: 0 0 260px;
  flex-direction: column;
  gap: 24px;
  width: 260px;
  padding: 24px;
  border-radius: 20px;
  background: #e7e7e2;
}

.sk-faq h2.sk-faq__nav-title {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}

.sk-faq__links {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sk-faq button.sk-faq__link {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}

.sk-faq__answers {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}

.sk-faq__group {
  display: flex;
  flex-direction: column;
  gap: 32px;
  scroll-margin-top: 16px;
}

.sk-faq .sk-faq__group h2 {
  margin: 0;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.136px;
}

.sk-faq__cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sk-faq__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
}

.sk-faq h3.sk-faq__q {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}

.sk-faq p.sk-faq__a {
  margin: 0;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

@media (max-width: 1279px) {
  .sk-faq__hero,
  .sk-faq__body {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1100px) {
  .sk-faq__hero-row,
  .sk-faq__layout {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  .sk-faq__nav {
    position: static;
  }

  .sk-faq h1,
  .sk-faq p.sk-faq__lead {
    flex-basis: auto;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .sk-faq h1 {
    max-width: none;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-faq__hero {
    align-items: stretch;
    min-height: 236px;
    padding: 24px 16px;
  }

  .sk-faq__hero-row {
    gap: 14px;
  }

  .sk-faq p.sk-faq__lead {
    font-size: 20px;
    line-height: 30px;
  }

  .sk-faq__body {
    padding: 32px 16px;
  }

  .sk-faq__layout {
    gap: 34px;
  }

  .sk-faq__nav {
    flex-basis: auto;
    gap: 12px;
    width: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }

  .sk-faq__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
  }

  .sk-faq button.sk-faq__link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 12px;
    border-radius: 24px;
    background: #e7e7e2;
    text-align: center;
  }

  .sk-faq button.sk-faq__link.is-active {
    background: #777c68;
    color: #f6f6f3;
  }

  .sk-faq__answers {
    gap: 34px;
  }

  .sk-faq__group,
  .sk-faq__cards {
    gap: 12px;
  }

  .sk-faq .sk-faq__group h2 {
    font-size: 34px;
    line-height: 42px;
  }

  .sk-faq__card {
    gap: 0;
    padding: 18px;
  }

  .sk-faq h3.sk-faq__q {
    font-size: 18px;
    line-height: 21.6px;
  }

  .sk-faq p.sk-faq__a {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dedcd6;
  }
}

/* 18 Warranty. Desktop 663:4277, mobile 1087:836 and 1087:853. */

.sk-warranty .sk-info__crumbs {
  gap: 10px;
}

.sk-warranty .sk-info__crumbs a,
.sk-warranty .sk-warranty__sep {
  color: #777c68;
}

.sk-warranty .sk-info__crumbs span:last-child {
  color: #1c1b18;
}

.sk-warranty h1 {
  max-width: 702px;
  color: #181918;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-warranty h2.sk-warranty__life-title {
  color: #181918;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
  text-align: center;
}

.sk-warranty .sk-warranty__card h2 {
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
}

.sk-warranty__terms {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 96px;
}

.sk-warranty__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sk-warranty p.sk-warranty__lead {
  flex: 0 1 363px;
  max-width: 363px;
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-warranty__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.sk-warranty__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 192px;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
}

.sk-warranty__card-head {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sk-warranty__icon {
  display: flex;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

.sk-warranty__icon svg {
  display: block;
  width: 40px;
  height: 40px;
}

.sk-warranty .sk-warranty__card p {
  color: #181918;
  font-size: 16px;
  line-height: 26px;
}

.sk-warranty__media {
  padding: 0 43px;
}

.sk-warranty__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 1354 / 452;
  object-fit: cover;
  border-radius: 16px;
}

.sk-warranty__life {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 80px 96px;
}

.sk-warranty__life-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
}

.sk-warranty__life-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 148px;
  padding: 24px 16px;
  text-align: center;
}

.sk-warranty p.sk-warranty__fact,
.sk-warranty p.sk-warranty__material {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  text-align: center;
}

.sk-warranty p.sk-warranty__fact {
  color: #777c68;
  font-size: 44px;
  line-height: 52px;
}

.sk-warranty p.sk-warranty__material {
  color: #32352d;
  font-size: 24px;
  line-height: 32px;
}

.sk-warranty__rule {
  width: min(971px, 100%);
  height: 1px;
  background: #777c68;
}

.sk-warranty p.sk-warranty__note {
  max-width: 784px;
  color: #181918;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}

@media (max-width: 1279px) {
  .sk-warranty__terms,
  .sk-warranty__life {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1100px) {
  .sk-warranty__hero {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .sk-warranty p.sk-warranty__lead {
    flex-basis: auto;
    max-width: none;
  }

  .sk-warranty br.sk-warranty__br {
    display: none;
  }

  .sk-warranty__cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1000px) {
  .sk-warranty__life-grid {
    grid-template-columns: 1fr;
    gap: 41px;
  }

  .sk-warranty__life-card + .sk-warranty__life-card::before {
    content: "";
    position: absolute;
    top: -21px;
    right: 0;
    left: 0;
    height: 1px;
    background: #e7e7e2;
  }
}

@media (max-width: 767px) {
  .sk-warranty h1 {
    max-width: none;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-warranty h2.sk-warranty__life-title {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-warranty .sk-warranty__card h2 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-warranty__terms {
    gap: 14px;
    padding: 32px 16px;
  }

  .sk-warranty__cards {
    gap: 14px;
  }

  .sk-warranty p.sk-warranty__lead {
    color: #32352d;
    font-size: 20px;
    line-height: 30px;
  }

  .sk-warranty__card {
    gap: 14px;
    min-height: 250px;
    padding: 20px 20px 22px;
  }

  .sk-warranty__card-head {
    align-items: flex-start;
    gap: 12px;
  }

  .sk-warranty__icon,
  .sk-warranty__icon svg {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
  }

  .sk-warranty .sk-warranty__card p {
    color: #32352d;
  }

  .sk-warranty__media {
    padding: 32px 16px 0;
  }

  .sk-warranty__media img {
    aspect-ratio: 358 / 238;
  }

  .sk-warranty__life {
    gap: 24px;
    padding: 24px 16px 32px;
  }

  .sk-warranty__rule {
    width: 100%;
    background: #dedcd6;
  }

  .sk-warranty p.sk-warranty__note {
    max-width: none;
    color: #32352d;
    font-size: 14px;
    line-height: 20px;
  }
}

/* 20 — Sale */

.sk-sale {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-sale,
.sk-sale * {
  box-sizing: border-box;
}

.sk-sale h1,
.sk-sale h2,
.sk-sale h3,
.sk-sale p {
  margin: 0;
  text-align: left;
}

.sk-sale h1,
.sk-sale h2,
.sk-sale .sk-sale__offer-figure,
.sk-sale .sk-sale__num,
.sk-sale .sk-sale__name {
  font-family: "Tenor Sans", "Times New Roman", serif;
  font-weight: 400;
  color: #1c1b18;
}

.sk-sale h1 {
  font-size: 72px;
  line-height: 80px;
}

.sk-sale h2 {
  font-size: 52px;
  line-height: 60px;
}

.sk-sale__crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 84px;
  padding: 0 96px;
  color: #1c1b18;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sk-sale__crumbs a {
  color: inherit;
  text-decoration: none;
}

.sk-sale__crumbs span:last-child {
  color: #777c68;
}

.sk-sale__intro,
.sk-sale__collection,
.sk-sale__notes {
  padding: 24px 96px 64px;
}

.sk-sale__hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 64px;
}

.sk-sale__lead {
  max-width: 520px;
  color: #32352d;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.sk-sale__offer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 64px;
  margin-top: 40px;
  padding: 40px;
  overflow: hidden;
  border-radius: 20px;
  background: #1c1b18 url("/image/catalog/banners/redesign/sale/showroom.png") center / cover no-repeat;
  color: #fff;
}

.sk-sale__offer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

.sk-sale__offer-figure,
.sk-sale__offer-copy {
  position: relative;
  z-index: 1;
}

.sk-sale__offer-figure {
  flex: 0 0 auto;
  margin: 0;
  color: #fff;
  font-size: 72px;
  line-height: 80px;
}

.sk-sale__offer h2 {
  margin-bottom: 8px;
  color: #fff;
  font-size: 34px;
  line-height: 42px;
}

.sk-sale__offer p {
  max-width: 520px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.sk-sale__collection h2,
.sk-sale__notes-head h2 {
  margin-bottom: 24px;
}

.sk-sale__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}

.sk-sale__chip {
  height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #e7e7e2;
  color: #181918;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 44px;
  cursor: pointer;
}

.sk-sale__chip.is-on {
  background: #32352d;
  color: #fff;
}

.sk-sale__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.sk-sale__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.sk-sale__card[hidden],
.sk-sale__empty[hidden] {
  display: none !important;
}

.sk-sale__media {
  position: relative;
}

.sk-sale__media img {
  display: block;
  width: 100%;
  aspect-ratio: 368 / 300;
  object-fit: cover;
  border-radius: 20px;
  background: #e7e7e2;
}

.sk-sale__badge,
.sk-catpage__badge,
.sk-product__sale-badge {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #32352d;
  color: #f6f6f3;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 34px;
}

.sk-sale__badge,
.sk-catpage__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}

.sk-sale__name {
  color: #181918;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

.sk-sale__buy {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.sk-sale__prices {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sk-sale__now,
.sk-catpage__sale-now {
  color: #181918;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.sk-sale__old,
.sk-catpage__sale-old,
.sk-product__sale-old {
  color: #777c68;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-decoration: line-through;
}

.sk-sale__save,
.sk-catpage__sale-save {
  color: #777c68;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sk-sale__ask {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #777c68;
  color: #f6f6f3;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  cursor: pointer;
}

.sk-sale__empty {
  margin-top: 24px;
  color: #32352d;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.sk-sale__notes-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 32px;
}

.sk-sale__notes-head h2 {
  margin: 0;
}

.sk-sale__notes-head p,
.sk-sale__notes-grid p,
.sk-sale__cta p {
  max-width: 520px;
  color: #32352d;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.sk-sale__notes-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.sk-sale__notes-grid article {
  padding: 28px;
  border-radius: 20px;
  background: #fff;
}

.sk-sale__num {
  margin-bottom: 12px;
  font-size: 34px;
  line-height: 42px;
}

.sk-sale__notes-grid h3 {
  margin: 0 0 12px;
  font-family: "Tenor Sans", "Times New Roman", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  color: #1c1b18;
}

.sk-sale__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-top: 32px;
  padding: 40px;
  border-radius: 20px;
  background: #32352d;
}

.sk-sale__cta h2,
.sk-sale__cta p {
  color: #fff;
}

.sk-sale__cta h2 {
  margin-bottom: 8px;
  font-size: 34px;
  line-height: 42px;
}

.sk-sale__catalog {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  background: #f6f6f3;
  color: #777c68;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
}

.sk-catpage__media {
  position: relative;
}

.sk-catpage__sale {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sk-product__price.is-sale {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
}

.sk-product__sale-now {
  color: inherit;
  font: inherit;
}

.sk-product__sale-badge {
  height: 28px;
  font-size: 14px;
  line-height: 28px;
}

.sk-product__sale-old {
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 1100px) {
  .sk-sale__crumbs,
  .sk-sale__intro,
  .sk-sale__collection,
  .sk-sale__notes {
    padding-right: 32px;
    padding-left: 32px;
  }

  .sk-sale h1,
  .sk-sale__offer-figure {
    font-size: 48px;
    line-height: 56px;
  }

  .sk-sale h2,
  .sk-sale__notes-grid h3,
  .sk-sale__cta h2,
  .sk-sale__offer h2,
  .sk-sale__num {
    font-size: 32px;
    line-height: 40px;
  }

  .sk-sale__grid,
  .sk-sale__notes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .sk-sale__crumbs,
  .sk-sale__intro,
  .sk-sale__collection,
  .sk-sale__notes {
    padding-right: 16px;
    padding-left: 16px;
  }

  .sk-sale__crumbs {
    min-height: 56px;
  }

  .sk-sale__hero,
  .sk-sale__offer,
  .sk-sale__notes-head,
  .sk-sale__cta,
  .sk-sale__buy {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .sk-sale h1,
  .sk-sale__offer-figure {
    font-size: 36px;
    line-height: 44px;
  }

  .sk-sale__lead {
    font-size: 16px;
    line-height: 24px;
  }

  .sk-sale__chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: -16px;
    padding-bottom: 4px;
  }

  .sk-sale__chip {
    flex: 0 0 auto;
  }

  .sk-sale__grid,
  .sk-sale__notes-grid {
    grid-template-columns: 1fr;
  }

  .sk-sale__ask,
  .sk-sale__catalog {
    width: 100%;
  }
}

/* 21 — Latest Works. Page / Latest Works, node 778:957. */
.sk-works {
  background: #f6f6f3;
  color: #1c1b18;
}

.sk-works__crumbs,
.sk-works__hero,
.sk-works__gallery,
.sk-works__cta {
  box-sizing: border-box;
  padding-right: 96px;
  padding-left: 96px;
}

.sk-works__crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #777c68;
  font-size: 14px;
  line-height: 20px;
}

.sk-works__crumbs a {
  color: #777c68;
  text-decoration: none;
}

.sk-works__crumbs .is-current {
  color: #32352d;
}

.sk-works__hero {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.sk-works__hero-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1248 / 440;
  object-fit: cover;
  border-radius: 20px;
}

.sk-works__hero-copy {
  display: flex;
  align-items: center;
  gap: 64px;
}

.sk-works h1.sk-works__title {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 740px;
  margin: 0;
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: -1.08px;
  text-align: left;
}

.sk-works__lead {
  flex: 0 0 444px;
  width: 444px;
  max-width: 444px;
  margin: 0;
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-works__gallery {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.sk-works h2.sk-works__heading,
.sk-works h2.sk-works__cta-title {
  margin: 0;
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  text-align: left;
}

.sk-works h2.sk-works__heading {
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-works__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.sk-works__chip {
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  background: #e7e7e2;
  color: #181918;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.sk-works__chip.is-active,
.sk-works__chip:hover {
  background: #32352d;
  color: #ffffff;
}

.sk-works__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.sk-works__card {
  display: flex;
  gap: 16px;
  align-items: stretch;
  min-height: 338px;
  padding: 16px 8px 16px 16px;
  border-radius: 24px;
  background: #ffffff;
  color: inherit;
  text-decoration: none;
}

.sk-works__photo-wrap {
  position: relative;
  flex: 0 0 306px;
  width: 306px;
  height: 306px;
  overflow: hidden;
}

.sk-works__photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.sk-works__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 32px;
  min-width: 0;
  padding: 0 18px 24px 0;
}

.sk-works__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sk-works__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk-works__eyebrow {
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-works .sk-works__name {
  color: #181918;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.sk-works__excerpt {
  color: #32352d;
  font-size: 14px;
  line-height: 20px;
}

.sk-works__more-link {
  align-self: flex-end;
  color: #32352d;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.014px;
}

.sk-works__empty {
  margin: 0;
  color: #575752;
  font-size: 16px;
  line-height: 26px;
}

.sk-works__pager {
  display: flex;
  justify-content: center;
}

.sk-works__more {
  height: 56px;
  padding: 0 28px;
  border: 1px solid #e7e7e2;
  border-radius: 28px;
  background: transparent;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

.sk-works__more:hover {
  background: #1c1b18;
  color: #f6f6f3;
}

.sk-works__cta {
  padding-top: 32px;
  padding-bottom: 72px;
}

.sk-works__cta-card {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 256px;
  overflow: hidden;
  border-radius: 22px;
  background: #32352d;
}

.sk-works__cta-photo {
  position: absolute;
  top: 0;
  right: 0;
  width: 51.522%;
  height: 100%;
  object-fit: cover;
}

.sk-works__cta-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  box-sizing: border-box;
  width: 475px;
  max-width: calc(48.478% - 40px);
  margin: 38px 40px;
  padding: 0;
}

.sk-works__cta-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sk-works h2.sk-works__cta-title {
  color: #ffffff;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.136px;
}

.sk-works__cta-text {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
}

.sk-works__cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  height: 52px;
  margin-top: 0;
  padding: 0 24px;
  border: 1px solid #777c68;
  border-radius: 999px;
  color: #f6f6f3;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-decoration: none;
}

.sk-works__cta-btn:hover {
  background: #181918;
  color: #f6f6f3;
}

@media (max-width: 1100px) {
  .sk-works__crumbs,
  .sk-works__hero,
  .sk-works__gallery,
  .sk-works__cta {
    padding-right: 32px;
    padding-left: 32px;
  }

  .sk-works__hero-copy {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sk-works__lead {
    flex-basis: auto;
    width: auto;
    max-width: none;
  }

  .sk-works__cta-card {
    flex-direction: column;
    align-items: stretch;
  }

  .sk-works__cta-photo {
    position: static;
    width: 100%;
    height: 220px;
  }

  .sk-works__cta-copy {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 28px 32px;
  }

  .sk-works__photo-wrap {
    flex-basis: 220px;
    width: 220px;
    height: 220px;
  }

}

@media (max-width: 767px) {
  .sk-works__crumbs,
  .sk-works__hero,
  .sk-works__gallery,
  .sk-works__cta {
    padding-right: 16px;
    padding-left: 16px;
  }

  .sk-works__crumbs {
    gap: 10px;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .sk-works__hero {
    gap: 12px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .sk-works__hero-copy {
    gap: 12px;
  }

  .sk-works__hero-photo {
    aspect-ratio: 358 / 238;
    border-radius: 16px;
  }

  .sk-works h1.sk-works__title {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-works__lead {
    font-size: 20px;
    line-height: 30px;
  }

  .sk-works__gallery {
    gap: 16px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .sk-works h2.sk-works__heading {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-works__chips {
    gap: 8px;
  }

  .sk-works__chip {
    height: 40px;
    padding: 0 10px;
  }

  .sk-works__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sk-works__card {
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    padding: 0;
    border-radius: 16px;
  }

  .sk-works__photo-wrap {
    flex-basis: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 358 / 236;
  }

  .sk-works__copy {
    justify-content: flex-start;
    gap: 12px;
    padding: 16px 16px 18px;
  }

  .sk-works__head,
  .sk-works__text {
    gap: 12px;
  }

  .sk-works__more-link {
    align-self: flex-start;
    font-weight: 400;
  }

  .sk-works__cta {
    padding-top: 42px;
    padding-bottom: 48px;
  }

  .sk-works__cta-card {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    min-height: 0;
    border-radius: 16px;
  }

  .sk-works__cta-photo {
    width: 100%;
    height: 190px;
  }

  .sk-works__cta-copy {
    gap: 10px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 20px;
  }

  .sk-works__cta-body {
    gap: 10px;
  }

  .sk-works h2.sk-works__cta-title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-works__cta-text {
    font-size: 14px;
    line-height: 20px;
  }

  .sk-works__cta-btn {
    gap: 8px;
    height: 48px;
    font-size: 14px;
    line-height: 20px;
  }
}

/* 22 — Discount Program. Desktop 732:860, mobile 1092:1780. */

.sk-discount .sk-info__crumbs {
  gap: 10px;
}

.sk-discount .sk-info__crumbs a,
.sk-discount .sk-discount__sep {
  color: #777c68;
}

.sk-discount .sk-info__crumbs span:last-child {
  color: #1c1b18;
}

.sk-discount h1.sk-discount__title,
.sk-discount h2.sk-discount__h,
.sk-discount h2.sk-discount__kitchen-title,
.sk-discount h2.sk-discount__solo-title,
.sk-discount p.sk-discount__pct,
.sk-discount p.sk-discount__level-pct,
.sk-discount p.sk-discount__num {
  margin: 0;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
  text-align: left;
}

.sk-discount p.sk-discount__lead,
.sk-discount p.sk-discount__label,
.sk-discount p.sk-discount__sum,
.sk-discount p.sk-discount__solo-sub,
.sk-discount p.sk-discount__solo-text,
.sk-discount p.sk-discount__intro,
.sk-discount p.sk-discount__level-name,
.sk-discount p.sk-discount__kitchen-text,
.sk-discount p.sk-discount__eyebrow,
.sk-discount p.sk-discount__steps-lead,
.sk-discount p.sk-discount__step-title,
.sk-discount p.sk-discount__step-text {
  margin: 0;
  text-align: left;
}

.sk-discount__tiers,
.sk-discount__loyalty,
.sk-discount__kitchen,
.sk-discount__steps {
  padding-right: 96px;
  padding-left: 96px;
}

.sk-discount__tiers {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.sk-discount__head,
.sk-discount__kitchen-copy,
.sk-discount__steps-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.sk-discount h1.sk-discount__title {
  flex: 1 1 595px;
  max-width: 595px;
  color: #1c1b18;
  font-size: 42px;
  line-height: 48px;
  letter-spacing: 0;
}

.sk-discount p.sk-discount__lead {
  flex: 0 1 438px;
  max-width: 438px;
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-discount__tier-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 191fr)) minmax(0, 404fr);
  gap: 20px;
  align-items: stretch;
}

.sk-discount__tier,
.sk-discount__solo,
.sk-discount__level,
.sk-discount__step {
  display: flex;
}

.sk-discount__tier {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  min-height: 284px;
  padding: 24px 16px;
  border-radius: 14px;
  background: #fff;
}

.sk-discount__tier_sand {
  background: #edebe3;
}

.sk-discount__tier_stone {
  background: #e0dbcf;
}

.sk-discount__tier_dark {
  background: #32352d;
}

.sk-discount p.sk-discount__pct {
  color: #777c68;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1.08px;
}

.sk-discount__range,
.sk-discount__step-copy,
.sk-discount__steps-left,
.sk-discount__loyalty-copy {
  display: flex;
  flex-direction: column;
}

.sk-discount__range {
  gap: 8px;
}

.sk-discount p.sk-discount__label {
  color: #32352d;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-discount p.sk-discount__sum {
  color: #32352d;
  font-size: 16px;
  line-height: 26px;
}

.sk-discount .sk-discount__tier_dark p.sk-discount__pct,
.sk-discount .sk-discount__tier_dark p.sk-discount__label,
.sk-discount .sk-discount__tier_dark p.sk-discount__sum {
  color: #f6f6f3;
}

.sk-discount__solo {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-height: 284px;
  padding: 22px 24px 18px;
  border-radius: 14px;
  background: #777c68;
}

.sk-discount h2.sk-discount__solo-title {
  max-width: 290px;
  color: #f6f6f3;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}

.sk-discount p.sk-discount__solo-sub {
  max-width: 290px;
  color: #f6f6f3;
  font-size: 20px;
  line-height: 30px;
}

.sk-discount p.sk-discount__solo-text {
  max-width: 298px;
  color: #e7e7e2;
  font-size: 14px;
  line-height: 20px;
}

.sk-discount__talk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  margin: 0;
  padding: 12px 32px;
  border: 0;
  border-radius: 999px;
  background: #32352d;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  cursor: pointer;
}

.sk-discount__talk:hover,
.sk-discount__talk:focus {
  color: #f6f6f3;
  opacity: 0.88;
}

.sk-discount__loyalty {
  padding-top: 64px;
  padding-bottom: 64px;
}

.sk-discount__loyalty-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 524px);
  column-gap: 64px;
  row-gap: 24px;
  align-items: start;
}

.sk-discount__loyalty-copy {
  grid-column: 1;
  grid-row: 1;
  gap: 24px;
  max-width: 660px;
}

.sk-discount h2.sk-discount__h {
  color: #1c1b18;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-discount p.sk-discount__intro {
  color: #32352d;
  font-size: 20px;
  line-height: 30px;
}

.sk-discount__levels {
  display: grid;
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: repeat(3, minmax(0, 191px));
  gap: 20px;
  max-width: 613px;
}

.sk-discount__level {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-height: 104px;
  padding: 15px 18px 12px;
  border-radius: 12px;
  background: #e7e7e2;
}

.sk-discount p.sk-discount__level-pct {
  color: #1c1b18;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.136px;
}

.sk-discount p.sk-discount__level-name {
  color: #47443e;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-discount__shot {
  display: block;
  margin: 0;
  overflow: hidden;
}

.sk-discount__shot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.sk-discount__shot_card {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: start;
}

.sk-discount__shot_card img {
  aspect-ratio: 524 / 357;
  object-fit: contain;
}

.sk-discount__kitchen {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.sk-discount__kitchen-copy {
  align-items: flex-start;
}

.sk-discount h2.sk-discount__kitchen-title {
  flex: 1 1 644px;
  max-width: 644px;
  color: #181918;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-discount p.sk-discount__kitchen-text {
  flex: 0 1 508px;
  max-width: 508px;
  color: #181918;
  font-size: 20px;
  line-height: 30px;
}

.sk-discount__shot_kitchen {
  border-radius: 20px;
}

.sk-discount__shot_kitchen img {
  aspect-ratio: 1248 / 380;
}

.sk-discount__steps {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 390px;
  padding-top: 56px;
  padding-bottom: 56px;
}

.sk-discount__steps-head {
  align-items: flex-end;
  gap: 40px;
}

.sk-discount__steps-left {
  gap: 8px;
  max-width: 620px;
}

.sk-discount p.sk-discount__eyebrow {
  color: #777c68;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.024px;
}

.sk-discount p.sk-discount__steps-lead {
  flex: 0 1 430px;
  max-width: 430px;
  color: #47443e;
  font-size: 16px;
  line-height: 26px;
}

.sk-discount__step-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sk-discount__step {
  align-items: flex-start;
  gap: 18px;
  padding: 16px;
}

.sk-discount p.sk-discount__num {
  flex: 0 0 auto;
  color: #777c68;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: -0.52px;
}

.sk-discount__step-copy {
  gap: 8px;
  max-width: 210px;
}

.sk-discount p.sk-discount__step-title {
  color: #1c1b18;
  font-size: 16px;
  line-height: 26px;
}

.sk-discount p.sk-discount__step-text {
  color: #47443e;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1279px) {
  .sk-discount__tiers,
  .sk-discount__loyalty,
  .sk-discount__kitchen,
  .sk-discount__steps {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1100px) {
  .sk-discount__head,
  .sk-discount__kitchen-copy,
  .sk-discount__steps-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .sk-discount h1.sk-discount__title,
  .sk-discount h2.sk-discount__kitchen-title,
  .sk-discount p.sk-discount__lead,
  .sk-discount p.sk-discount__kitchen-text,
  .sk-discount p.sk-discount__steps-lead,
  .sk-discount__steps-left,
  .sk-discount__loyalty-copy {
    flex-basis: auto;
    max-width: none;
  }

  .sk-discount__tier-row {
    grid-template-columns: 1fr 1fr;
  }

  .sk-discount__solo {
    grid-column: 1 / -1;
  }

  .sk-discount__loyalty-grid {
    grid-template-columns: 1fr;
  }

  .sk-discount__shot_card {
    grid-column: 1;
    grid-row: 2;
    max-width: 524px;
  }

  .sk-discount__levels {
    grid-row: 3;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: none;
  }

  .sk-discount__kitchen {
    gap: 32px;
  }

  .sk-discount__step-row {
    grid-template-columns: 1fr 1fr;
  }

  .sk-discount__step-copy {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .sk-discount__tiers {
    gap: 16px;
    padding: 30px 16px 44px;
  }

  .sk-discount__head {
    gap: 16px;
  }

  .sk-discount h1.sk-discount__title {
    color: #181918;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-discount p.sk-discount__lead {
    font-size: 20px;
    line-height: 28px;
  }

  .sk-discount__tier-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sk-discount__tier,
  .sk-discount__tier_sand,
  .sk-discount__tier_stone,
  .sk-discount__tier_dark {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 96px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #fff;
  }

  .sk-discount p.sk-discount__pct {
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-discount .sk-discount__tier_dark p.sk-discount__pct {
    color: #777c68;
  }

  .sk-discount .sk-discount__tier_dark p.sk-discount__label,
  .sk-discount .sk-discount__tier_dark p.sk-discount__sum {
    color: #32352d;
  }

  .sk-discount__range {
    gap: 4px;
  }

  .sk-discount p.sk-discount__label {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }

  .sk-discount p.sk-discount__sum {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.018px;
  }

  .sk-discount__solo {
    gap: 12px;
    min-height: 0;
    padding: 18px;
    border-radius: 16px;
    background: #32352d;
  }

  .sk-discount h2.sk-discount__solo-title,
  .sk-discount p.sk-discount__solo-sub {
    max-width: none;
    color: #f7f7f5;
    font-family: "Tenor Sans", "Oranienbaum", serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-discount p.sk-discount__solo-text {
    max-width: none;
    color: #f7f7f5;
    font-size: 16px;
    line-height: 26px;
  }

  .sk-discount__talk {
    width: 100%;
    height: 48px;
    gap: 8px;
    background: #f7f7f5;
    color: #1f211f;
    line-height: 20px;
    letter-spacing: 0;
  }

  .sk-discount__talk span {
    display: none;
  }

  .sk-discount__talk:hover,
  .sk-discount__talk:focus {
    color: #1f211f;
  }

  .sk-discount__loyalty {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 42px 16px 48px;
    background: #e7e7e2;
  }

  .sk-discount__loyalty-grid {
    display: contents;
  }

  .sk-discount__loyalty-copy {
    gap: 16px;
  }

  .sk-discount h2.sk-discount__h,
  .sk-discount h2.sk-discount__kitchen-title {
    color: #181918;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: -0.136px;
  }

  .sk-discount p.sk-discount__intro,
  .sk-discount p.sk-discount__kitchen-text,
  .sk-discount p.sk-discount__steps-lead {
    color: #32352d;
    font-size: 16px;
    line-height: 26px;
  }

  .sk-discount__shot_card {
    max-width: none;
  }

  .sk-discount__shot_card img {
    aspect-ratio: 358 / 244;
    object-fit: contain;
  }

  .sk-discount__levels {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: none;
  }

  .sk-discount__level {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 74px;
    padding: 14px 18px;
    border-radius: 16px;
    background: #fff;
  }

  .sk-discount p.sk-discount__level-pct {
    color: #777c68;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-discount p.sk-discount__level-name {
    color: #32352d;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
  }

  .sk-discount__kitchen {
    gap: 14px;
    padding: 42px 16px 48px;
  }

  .sk-discount__kitchen-copy {
    gap: 14px;
  }

  .sk-discount__shot_kitchen {
    border-radius: 16px;
  }

  .sk-discount__shot_kitchen img {
    aspect-ratio: 358 / 220;
  }

  .sk-discount__steps {
    gap: 16px;
    padding: 40px 16px 50px;
    background: #e7e7e2;
  }

  .sk-discount p.sk-discount__eyebrow {
    display: none;
  }

  .sk-discount__steps-head {
    gap: 16px;
  }

  .sk-discount__step-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .sk-discount__step {
    flex-direction: column;
    gap: 12px;
    min-height: 196px;
    padding: 18px;
    border-radius: 16px;
    background: #fff;
  }

  .sk-discount p.sk-discount__num,
  .sk-discount p.sk-discount__step-title {
    color: #777c68;
    font-family: "Tenor Sans", "Oranienbaum", serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-discount p.sk-discount__step-title {
    color: #181918;
  }

  .sk-discount__step-copy {
    gap: 12px;
  }

  .sk-discount p.sk-discount__step-text {
    color: #32352d;
  }
}

/* Privacy policy, information 22.
   style.css sets Open Sans on every element and on div#content p,
   and Oranienbaum on h1. Body is Involve, the title is Tenor Sans.
   Section labels are <b>; Involve only has 400 and 600. */
.sk-privacy #content p,
.sk-privacy #content li,
.sk-privacy #content ol,
.sk-privacy #content ul,
.sk-privacy #content b,
.sk-privacy #content strong {
  font-family: "Involve", "Open Sans", sans-serif;
}

.sk-privacy h1 {
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-weight: 400;
}

.sk-privacy b,
.sk-privacy strong {
  font-family: "Involve", "Open Sans", sans-serif;
  font-weight: 600;
}

.sk-search__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}

.sk-search__query,
.sk-search__filters {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

.sk-search__query {
  align-items: stretch;
}

.sk-search__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sk-search__input,
.sk-search__select,
.sk-search__submit {
  box-sizing: border-box;
  height: 56px;
  border: 1px solid #e7e7e2;
  border-radius: 16px;
  background: #fff;
  color: #1c1b18;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.sk-search__input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 20px;
}

.sk-search__submit {
  flex: 0 0 auto;
  padding: 0 24px;
  background: #1c1b18;
  color: #f6f6f3;
  cursor: pointer;
}

.sk-search__field {
  flex: 1 1 0;
  min-width: 0;
}

.sk-search__select {
  width: 100%;
  padding: 0 16px;
}

@media (max-width: 767px) {
  .sk-search__query,
  .sk-search__filters {
    flex-direction: column;
    align-items: stretch;
  }

  .sk-search__submit,
  .sk-search__select,
  .sk-search__input {
    width: 100%;
  }
}

/* Sent state for every callback form. Markup lives only in common/sk_thanks.tpl.
   Figma 1589:17426 desktop, 1589:17787 mobile. */

.sk-thanks {
  display: none;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 444px;
  margin: 0;
  padding: 36px;
  border: 1px solid #e7e7e2;
  border-radius: 28px;
  background: #f6f6f3;
  text-align: center;
}

.sk-thanks *,
.sk-thanks *::before,
.sk-thanks *::after {
  box-sizing: border-box;
}

.is-sent > .sk-thanks {
  display: flex;
}

.is-sent > form,
.is-sent > .modal__container,
.is-sent > .sk-modal__kicker,
.is-sent > .done-config__flex,
.is-sent > .configuration__title,
.is-sent > .landing-form_fields,
.is-sent > .landing-form_title,
.is-sent > .landing-form_subtitle,
.is-sent > .telegram-btn,
.is-sent > .form-policy-text,
.is-sent > .step,
.is-sent > .progress-container,
.sk-work__dialog.is-sent > .sk-work__kicker,
.sk-work__dialog.is-sent > h2,
.sk-work__dialog.is-sent > .sk-work__picked {
  display: none !important;
}

.sk-measure__card.is-sent > .sk-thanks {
  flex: 0 1 454px;
  width: 100%;
  max-width: 444px;
}

.sk-thanks__icon {
  display: block;
  width: 57px;
  height: 57px;
  line-height: 0;
}

.sk-thanks__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.sk-thanks .sk-thanks__title,
.sk-thanks .sk-thanks__subtitle,
.sk-thanks .sk-thanks__text {
  margin: 0;
  text-align: center;
}

.sk-thanks .sk-thanks__title {
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.136px;
}

.sk-thanks .sk-thanks__subtitle {
  color: #1c1b18;
  font-family: "Tenor Sans", "Oranienbaum", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.sk-thanks .sk-thanks__text {
  max-width: 372px;
  color: #32352d;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sk-thanks .sk-thanks__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  margin: 0;
  padding: 12px 32px;
  border-radius: 999px;
  background: #777c68;
  color: #f6f6f3;
  font-family: "Involve", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.014px;
  text-decoration: none;
}

.sk-thanks .sk-thanks__home:hover,
.sk-thanks .sk-thanks__home:focus {
  background: #777c68;
  color: #f6f6f3;
  opacity: 0.85;
  text-decoration: none;
}

@media (max-width: 1023px) {
  .sk-measure__card.is-sent > .sk-thanks {
    flex-basis: auto;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .sk-thanks {
    max-width: none;
  }

  .sk-thanks .sk-thanks__title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .sk-thanks .sk-thanks__subtitle {
    font-size: 18px;
    line-height: 21.6px;
  }

  .sk-thanks .sk-thanks__text {
    font-size: 14px;
    line-height: 20px;
  }
}

/* Popup success is the Figma card itself (1589:17426 / 1589:17787),
   not a second card inside the 604px application window. */
.fixed-overlay.fixed-overlay__modal:has(.modal.is-sent) {
  justify-content: center;
}

.fixed-overlay.fixed-overlay__modal .modal.is-sent {
  display: flex;
  width: 444px;
  max-width: calc(100% - 32px);
  margin: auto;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.fixed-overlay.fixed-overlay__modal .modal.is-sent > .sk-thanks {
  width: 100%;
  max-width: none;
}

.fixed-overlay.fixed-overlay__modal .modal.is-sent > .icon-remove-item {
  top: 16px;
  right: 16px;
}