::-webkit-scrollbar,
.scroll::-webkit-scrollbar {
  width: 10px;
}
.custom-select__dropdown--scroll::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #9D653F;
}
::-webkit-scrollbar-track-piece:start,
.scroll::-webkit-scrollbar-track-piece:start {
  background: #9D653F1A;
  margin-top: 15px;
}
::-webkit-scrollbar-track-piece:end,
.scroll::-webkit-scrollbar-track-piece:end {
  background: #9D653F1A;
  margin-bottom: 15px;
}
/* Sticky footer: #app.wrapper занимает всю высоту вьюпорта, main растёт,
   футер всегда прижат к низу даже когда контента в main мало. */
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.wrapper > main {
    flex: 1;
}
.shell {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
}
.hero-backdrop {
    padding: calc(var(--site-header-height) + 50px) 0 122px;
    /* padding: 150px 0 160px; */
}
.paper-card {
    position: relative;
}
.paper-card--wide {
    width: min(100%, 1120px);
    margin: 0 auto;
}
@media (max-width: 1279.98px) {
    .shell {
        max-width: 1024px;
        padding: 0 24px;
    }
}
@media (max-width: 1023.98px) {
    .shell {
        max-width: 768px;
    }
}
@media (max-width: 767.98px) {
    .shell {
        max-width: 660px;
    }
    .hero-backdrop {
        padding: calc(var(--site-header-height) + 36px) 0 60px;
    }
}
@media (max-width: 659.98px) {
    .shell {
        max-width: 475px;
    }
}
@media (max-width: 474.98px) {
    .shell {
        max-width: 425px;
        padding: 0 20px;
    }
}
@media (max-width: 424.98px) {
    .shell {
        max-width: 375px;
        padding: 0 16px;
    }
}
@media (max-width: 374.98px) {
    .shell {
        max-width: 320px;
    }
}