@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@charset "UTF-8";
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img, img {
  border: 0;
}

/* Fix iOS forms */
input,
input[type=text],
input[type=email],
textarea,
select,
button {
  -webkit-appearance: none;
  border-radius: 0;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

@font-face {
  font-family: "greycliff";
  src: url("../fonts/greycliff.woff") format("woff"), url("../fonts/greycliff.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
}
@font-face {
  font-family: "greycliff";
  src: url("../fonts/greycliff-bold.woff") format("woff"), url("../fonts/greycliff-bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
}
@font-face {
  font-family: "greycliff";
  src: url("../fonts/greycliff-demi.woff") format("woff"), url("../fonts/greycliff-demi.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
}
h1 {
  font-size: 3.3rem;
  line-height: 3.7rem;
  font-size: clamp(2.7rem, 12vw, 4rem);
  line-height: clamp(3.7rem, 12vw, 4.625rem);
  letter-spacing: -1.2px;
}

h2 {
  font-size: 2rem;
  line-height: 2.75rem;
  font-size: clamp(1.8rem, 8vw, 2rem);
  line-height: clamp(2.5rem, 10vw, 2.75rem);
  letter-spacing: -1.2px;
}

h3 {
  font-size: 1.625rem;
  line-height: 2.3rem;
  font-size: clamp(1.4rem, 7vw, 1.625rem);
  line-height: clamp(2rem, 7vw, 2.3rem);
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  color: #24324a;
}

h4 {
  font-size: 24px;
  letter-spacing: -1px;
}

button {
  font-weight: 600;
  cursor: pointer;
}

html {
  scroll-behavior: smooth;
  font-family: "greycliff";
}
html input,
html textarea,
html button {
  font-family: "greycliff";
}

.no-scroll {
  overflow: hidden;
}
@media (min-width: 770px) {
  .no-scroll {
    padding-right: 1rem;
  }
}

body {
  color: #000;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
}
body .flbx-webp {
  padding: 2rem 0;
}

.body__top {
  padding-top: 100px;
}
@media all and (min-width: 1101px) {
  .body__top {
    padding-top: 161px;
  }
  .body__top .__header__mobnav {
    top: 84px;
  }
}

a {
  text-decoration: none;
}

.site-wrapper {
  max-width: 1640px;
  margin: 0 auto;
}

.pnotify-material-success {
  background: #f0e0db !important;
  color: black !important;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3) !important;
  border-radius: 10px !important;
}

.footer {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  background: #fff;
  padding: 50px 0;
  color: #24324a;
}
.footer a {
  color: #24324a;
}
.footer strong {
  font-weight: 600;
}
@media all and (max-width: 800px) {
  .footer {
    padding: 30px 20px;
  }
}
.footer__button {
  margin-top: 2rem;
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
}
.footer__showroom {
  flex-basis: 100%;
  flex-grow: 1;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
.footer__showroom strong {
  margin-bottom: 0.5rem;
}
.footer__showroom a {
  color: inherit;
  text-decoration: underline;
}
.footer__container {
  display: flex;
  max-width: 1640px;
  width: 100%;
  padding: 0 20px;
}
@media all and (max-width: 800px) {
  .footer__container {
    flex-flow: row wrap;
  }
}
.footer__contact {
  margin-top: 40px;
  line-height: 2;
}
@media all and (max-width: 800px) {
  .footer__contact {
    margin-top: 0;
  }
}
.footer__contact a {
  text-decoration: underline;
}
.footer__column {
  flex: 0 0 20%;
  font-size: 0.9em;
}
@media all and (max-width: 800px) {
  .footer__column {
    flex-basis: 100%;
    flex-grow: 1;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
  }
  .footer__column:last-child {
    border-bottom: 0;
  }
}
.footer__column--only-mobile {
  display: none;
}
@media all and (max-width: 800px) {
  .footer__column--only-mobile {
    display: block;
  }
}
@media all and (max-width: 800px) {
  .footer__column--hideable-1, .footer__column--hideable-2, .footer__column--hideable-3 {
    display: none;
  }
}
@media all and (max-width: 800px) {
  .footer__column--show {
    display: block;
  }
}
.footer__link {
  margin-bottom: 1rem;
}
.footer__link:last-child {
  margin-bottom: 0;
}
.footer__link a {
  font-weight: 600;
  font-size: 14px;
  color: inherit;
}
.footer__logos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(100px, 1fr));
  align-items: center;
}
.footer__logos img {
  max-width: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

.newsletter {
  background: #f2f1ef;
  padding: 4rem 20px;
}
.newsletter h2 {
  margin-bottom: 0.5rem;
}
.newsletter__inner {
  max-width: 1640px;
  margin: 0 auto;
  text-align: center;
}
.newsletter__text {
  margin-bottom: 2.5rem;
}
.newsletter__text .fs-20 {
  font-size: 20px;
  line-height: 32px;
}
.newsletter__text a {
  color: #000;
  text-decoration: underline;
}
.newsletter__form {
  margin-bottom: 2.5rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: auto auto;
  place-items: center;
}
.newsletter__form input {
  border: none;
  font-size: 1rem;
  padding: 14px 28px;
  width: 442px;
  max-width: calc(100vw - 40px);
  place-self: end;
}
.newsletter__form button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  margin: 0;
}
.newsletter__form button:hover {
  filter: brightness(1.1);
}
@media (max-width: 770px) {
  .newsletter__form {
    grid-template-columns: 1fr;
  }
  .newsletter__form input {
    place-self: center;
  }
  .newsletter__form .newsletter__buttonwrapper {
    place-self: center;
  }
  .newsletter__form .newsletter__response {
    grid-column: unset;
  }
}
.newsletter__response {
  grid-column: 1/3;
}
.newsletter__response--red {
  color: red;
}
.newsletter__buttonwrapper {
  place-self: start;
}
.newsletter__social {
  display: flex;
  justify-content: center;
}
.newsletter__social > div {
  display: inline-flex;
  margin-right: 40px;
}
.newsletter__social > div:last-of-type {
  margin-right: 0;
}
.newsletter__social a {
  border-radius: 100px;
  color: #000;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 14px 34px;
}
.newsletter__social a img {
  margin-right: 1.5rem;
}
@media (max-width: 770px) {
  .newsletter__social {
    flex-direction: column;
    align-items: center;
  }
  .newsletter__social > div {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0 !important;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto !important;
  transform: none !important;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  width: 50% !important;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev {
  width: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border: 0;
  background: url(../images/icon-previous.svg) no-repeat center;
  font-size: 0;
  z-index: 99;
  display: none !important;
}

.slick-slider {
  margin: 20px 0;
}

.slick-current {
  opacity: 1;
}

.slick-next {
  width: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../images/icon-next.svg) no-repeat center;
  border: 0;
  font-size: 0;
  z-index: 99;
  display: none !important;
}

@media (max-width: 770px) {
  .left-fade-alt::before {
    content: "";
    width: 80px;
    height: 42px;
    position: absolute;
    left: 0;
    z-index: 9;
    pointer-events: none;
  }
}

.s-doors {
  scroll-behavior: smooth;
  margin: 0 auto;
}
.s-doors #main-content {
  background: #f9f6f6;
}
.s-doors > div {
  margin: 0 auto;
}
.s-doors__ikea {
  background-color: #f0e0db;
  border-radius: 30px;
  width: 100%;
  padding: 10px;
  text-align: center;
  margin-bottom: 50px;
}
.s-doors__ikea p {
  font-size: 16px;
}
@media all and (min-width: 985px) {
  .s-doors__ikea {
    text-align: unset;
    border-radius: 72px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    gap: 80px;
  }
}
.s-doors__ikea-banner {
  font-size: 20px;
}
.s-doors__ikea-banner span {
  font-weight: bold;
}
.s-doors__ikea-file {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.s-doors__ikea-file:hover {
  filter: brightness(1.1);
}
.s-doors__ikea input[type=file] {
  display: none;
}
.s-doors__ikea-upload {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  background-color: #f9ed83;
  border: 1px solid #000;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.s-doors__ikea-upload:hover {
  filter: brightness(1.1);
}
.s-doors__ikea-modal {
  background-color: #f0e0db;
  border-radius: 16px;
  max-height: 512px;
  overflow: auto;
}
.s-doors__ikea-modal .ikea-header {
  height: 130px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.s-doors__ikea-modal .ikea-header .loader {
  transform: scale(0.8);
}
.s-doors__ikea-modal p {
  text-align: center;
}
.s-doors__ikea-modal .ikea-content {
  padding: 16px 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.s-doors__ikea-modal .ikea-content-box {
  padding-top: 1rem;
  width: 150px;
  background-color: #fff;
  height: 150px;
  color: #000;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
}
.s-doors__ikea-modal .ikea-content-box-quantity {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
}
.s-doors__ikea-modal .ikea-footer {
  text-align: center;
  padding: 20px;
}
.s-doors__ikea-modal .ikea-footer button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  color: #fff;
}
.s-doors__ikea-modal .ikea-footer button:hover {
  filter: brightness(1.1);
}
.s-doors__ikea .error {
  color: red;
}
.s-doors .materials__styles {
  display: flex;
  margin: 0 0 2rem;
  overflow-x: auto;
}
.s-doors .materials__styles li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 84px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  padding: 0 15px;
  line-height: 19px;
  background: #fff;
  border: 1px solid #d8d3d1;
  letter-spacing: 0.3px;
  color: #24324a;
  cursor: pointer;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
.s-doors .materials__styles li:hover {
  filter: brightness(1.1);
}
.s-doors .materials__styles li.active-link {
  background: #24324a;
  color: #fff;
  position: relative;
  top: 0px;
  left: 0;
  border: none;
}
.s-doors .materials__styles li.active-link a {
  color: #fff;
}
.s-doors .materials__styles li:first-of-type {
  margin-left: 20px;
}
.s-doors .materials__styles li:last-of-type {
  margin-right: 20px;
  padding-right: 20px;
}
.s-doors__selectedframes {
  display: flex;
  overflow: auto;
  margin-bottom: 8px;
  padding: 4px 0;
}
.s-doors__selectedframes li {
  margin-right: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 84px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  padding: 0 15px;
  line-height: 19px;
  background: #fff;
  border: 1px solid #d8d3d1;
  letter-spacing: 0.3px;
  color: #24324a;
  cursor: pointer;
  padding: 0 20px 0 10px;
  position: relative;
}
.s-doors__selectedframes li:hover {
  filter: brightness(1.1);
}
.s-doors__selectedframes li.active-link {
  background: #24324a;
  color: #fff;
  position: relative;
  top: 0px;
  left: 0;
  border: none;
}
.s-doors__selectedframes li.active-link a {
  color: #fff;
}
.s-doors__selectedframes li::after {
  content: "+";
  transform: rotate(45deg);
  font-size: 2rem;
  font-weight: 100;
  position: absolute;
  right: 0.2rem;
  top: 0.25rem;
}
.s-doors__title {
  border-bottom: none;
  background: #f9f6f6;
  padding: 2rem 20px;
}
.s-doors__title h2 {
  text-align: center;
}
.s-doors__title p {
  margin-bottom: 30px;
}
.s-doors__title ul {
  padding: 35px 0px 40px 0px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  .s-doors__title ul {
    flex-direction: column;
    padding-bottom: 15px;
    align-items: center;
  }
}
.s-doors__title ul li {
  font-style: normal;
  line-height: 22px;
  max-width: 310px;
  position: relative;
  padding-left: 27px;
  margin: 0px 20px;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 900px) {
  .s-doors__title ul li {
    max-width: auto;
    margin-bottom: 20px;
    width: 290px;
  }
}
.s-doors__title ul li::before {
  content: "";
  background-image: url(../images/check-circle.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: -10px;
}
.s-doors__kitchentype, .s-doors__wardrobetype {
  padding: 60px 20px 45px;
}
.s-doors__kitchentype h1, .s-doors__wardrobetype h1 {
  text-align: center;
}
.s-doors__kitchentype ul, .s-doors__wardrobetype ul {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}
.s-doors__kitchentype ul li, .s-doors__wardrobetype ul li {
  margin-right: 1rem;
}
.s-doors__kitchentype ul li a, .s-doors__wardrobetype ul li a {
  color: #24324a;
  font-weight: 700;
}
.s-doors__kitchentype ul li:last-of-type, .s-doors__wardrobetype ul li:last-of-type {
  margin-right: 0;
}
.s-doors__kitchentype ul li.menu_active, .s-doors__wardrobetype ul li.menu_active {
  border-bottom: 2px solid #b04317;
}
.s-doors__kitchentype ul li.menu_active a, .s-doors__wardrobetype ul li.menu_active a {
  color: #b04317;
}
.s-doors__content {
  margin: 20px 0;
  padding: 0 20px;
}
.s-doors__main {
  position: relative;
}
.s-doors__main > div {
  padding-top: 3rem;
  border-bottom: 1px solid #d1d2d2;
}
.s-doors__main .slick-cloned {
  display: none !important;
}
.s-doors__main h2 {
  margin-bottom: 30px;
}
.s-doors__main .no-options {
  margin: 25px 0;
  padding: 0 0 25px;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.s-doors__main .no-options strong {
  display: block;
  padding: 25px 25px 23px;
  background: #f6f6f6;
  font-size: 14px;
  text-transform: uppercase;
}
.s-doors__main #doors.doors--active .s-doors__categories, .s-doors__main #countertop-materials.countertop--active .s-doors__countertops-materials, .s-doors__main #knobsAndHandles.knobs--active .s-doors__knobs-handles {
  position: fixed;
  top: 81px;
  width: 100%;
  max-width: 1640px;
  background-color: white;
  z-index: 1000;
}
@media screen and (max-width: 1000px) {
  .s-doors__main #doors.doors--active .s-doors__categories, .s-doors__main #countertop-materials.countertop--active .s-doors__countertops-materials, .s-doors__main #knobsAndHandles.knobs--active .s-doors__knobs-handles {
    top: 5px;
  }
}
.s-doors__sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  left: 0;
  z-index: 1000;
  width: 100vw;
  max-width: 100%;
  background: #24324a;
}
.s-doors__section-title {
  padding: 10px 0 20px;
}
.s-doors__section-title--less-padding {
  padding-bottom: 5px;
}
.s-doors__section-title h2 {
  font-size: clamp(26px, 4vw, 32px);
  margin-bottom: 7px;
}
.s-doors__section-title p {
  color: #606060;
}
.s-doors .countertops {
  padding: 0 !important;
}
.s-doors .countertops > div {
  padding-top: 3rem;
  border-bottom: 1px solid #d1d2d2;
}
.s-doors .category-wrapper {
  margin-top: 4rem;
}
@media screen and (max-width: 880px) {
  .s-doors .category-wrapper {
    margin-top: 0;
    padding: 0 !important;
  }
}
.s-doors .knob-wrapper,
.s-doors .category-wrapper,
.s-doors .counter-wrapper,
.s-doors .materials__styles {
  position: -webkit-sticky;
  position: sticky;
  background: #f9f6f6;
  padding: 0.5rem 0 0;
  background: #f9f6f6;
  z-index: 999;
  margin-right: -20px;
  margin-left: -20px;
  top: 54px;
}
@media screen and (max-width: 880px) {
  .s-doors .knob-wrapper,
.s-doors .category-wrapper,
.s-doors .counter-wrapper,
.s-doors .materials__styles {
    z-index: 1001;
  }
}
@media (max-width: 950px) {
  .s-doors .knob-wrapper,
.s-doors .category-wrapper,
.s-doors .counter-wrapper,
.s-doors .materials__styles {
    top: 44px;
  }
}
.s-doors .countertop-list {
  padding-top: 15px;
}
.s-doors__search {
  width: 160px;
  min-width: 160px;
  margin-left: auto;
  position: relative;
  height: 36px;
}
.s-doors__search--placeholder {
  position: absolute;
  background: #e5b7b0;
  top: -3rem;
  letter-spacing: 0.3px;
  padding: 0.5rem 0.7rem;
  border-radius: 84px;
  color: #24324a;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 9;
  letter-spacing: 0;
  left: 1.2rem;
}
.s-doors__search--placeholder::after {
  border-top: 8px solid #e5b7b0;
  content: "";
  position: absolute;
  top: 100%;
  left: 43%;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
}
.s-doors__search .vs__selected {
  display: none;
}
@media screen and (max-width: 1000px) {
  .s-doors__search .vs__selected-menu {
    display: none;
  }
}
.s-doors__search img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5rem;
}
.s-doors__search .vs__selected-options {
  padding-left: 1.5rem;
}
.s-doors__search .vs__selected-options input {
  font-size: 12px;
  font-weight: 700;
}
.s-doors .s-doors__knobs-handles > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 84px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  padding: 0 15px;
  line-height: 19px;
  background: #fff;
  border: 1px solid #d8d3d1;
  letter-spacing: 0.3px;
  color: #24324a;
  cursor: pointer;
  margin-right: 0.5rem;
}
.s-doors .s-doors__knobs-handles > ul > li:hover {
  filter: brightness(1.1);
}
.s-doors .s-doors__knobs-handles > ul > li.active-link {
  background: #24324a;
  color: #fff;
  position: relative;
  top: 0px;
  left: 0;
  border: none;
}
.s-doors .s-doors__knobs-handles > ul > li.active-link a {
  color: #fff;
}
.s-doors__countertops-materials, .s-doors__knobs-handles, .s-doors__categories {
  flex-direction: row;
  display: flex;
}
.s-doors__countertops-materials ul, .s-doors__knobs-handles ul, .s-doors__categories ul {
  flex-wrap: wrap;
  display: flex;
  position: relative;
  width: 100%;
  padding: 0 20px 1.1rem;
}
.s-doors__countertops-materials ul .search-li, .s-doors__knobs-handles ul .search-li, .s-doors__categories ul .search-li {
  margin-left: auto;
}
@media screen and (min-width: 992px) {
  .s-doors__countertops-materials, .s-doors__knobs-handles, .s-doors__categories {
    overflow-x: visible;
  }
}
.s-doors__countertops-materials--filter, .s-doors__knobs-handles--filter, .s-doors__categories--filter {
  flex-wrap: nowrap !important;
}
.s-doors__countertops-materials--filter li, .s-doors__knobs-handles--filter li, .s-doors__categories--filter li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 84px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  padding: 0 15px;
  line-height: 19px;
  background: #fff;
  border: 1px solid #d8d3d1;
  letter-spacing: 0.3px;
  color: #24324a;
  cursor: pointer;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.s-doors__countertops-materials--filter li:hover, .s-doors__knobs-handles--filter li:hover, .s-doors__categories--filter li:hover {
  filter: brightness(1.1);
}
.s-doors__countertops-materials--filter li.active-link, .s-doors__knobs-handles--filter li.active-link, .s-doors__categories--filter li.active-link {
  background: #24324a;
  color: #fff;
  position: relative;
  top: 0px;
  left: 0;
  border: none;
}
.s-doors__countertops-materials--filter li.active-link a, .s-doors__knobs-handles--filter li.active-link a, .s-doors__categories--filter li.active-link a {
  color: #fff;
}
.s-doors__countertops-materials--widths, .s-doors__knobs-handles--widths, .s-doors__categories--widths {
  display: flex;
  margin-right: 1rem;
  position: relative;
}
.s-doors__countertops-materials--widths::before, .s-doors__knobs-handles--widths::before, .s-doors__categories--widths::before {
  content: "Filtrera p\E5   bredd";
  position: absolute;
  top: -2rem;
  left: 0;
  font-weight: 700;
  font-size: 12px;
}
.s-doors__countertops-materials--widths li, .s-doors__knobs-handles--widths li, .s-doors__categories--widths li {
  margin-right: 0.5rem;
  min-width: unset;
  width: 2rem;
}
.s-doors__countertops-materials .vs--open .vs__dropdown-toggle, .s-doors__knobs-handles .vs--open .vs__dropdown-toggle, .s-doors__categories .vs--open .vs__dropdown-toggle {
  border-radius: 15px 15px 0 0;
}
@media screen and (max-width: 1000px) {
  .s-doors__countertops-materials .vs--open .vs__dropdown-toggle, .s-doors__knobs-handles .vs--open .vs__dropdown-toggle, .s-doors__categories .vs--open .vs__dropdown-toggle {
    border-color: rgba(60, 60, 60, 0.26) !important;
  }
}
.s-doors__countertops-materials .vs__no-options, .s-doors__knobs-handles .vs__no-options, .s-doors__categories .vs__no-options {
  border: none !important;
  margin-left: -1rem;
  font-size: 10px;
}
.s-doors__countertops-materials .vs__dropdown, .s-doors__knobs-handles .vs__dropdown, .s-doors__categories .vs__dropdown {
  max-height: 500px;
}
.s-doors__countertops-materials .vs__dropdown-toggle, .s-doors__knobs-handles .vs__dropdown-toggle, .s-doors__categories .vs__dropdown-toggle {
  height: 36px;
  overflow-y: auto;
  background: #fff;
  border-radius: 26px;
}
.s-doors__countertops-materials .vs__dropdown-menu, .s-doors__knobs-handles .vs__dropdown-menu, .s-doors__categories .vs__dropdown-menu {
  padding-top: 1rem;
  border-radius: 0 0 15px 15px;
  position: absolute;
}
.s-doors__countertops-materials .vs__dropdown-option, .s-doors__knobs-handles .vs__dropdown-option, .s-doors__categories .vs__dropdown-option {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 84px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  padding: 0 15px;
  line-height: 19px;
  background: #fff;
  border: 1px solid #d8d3d1;
  letter-spacing: 0.3px;
  color: #24324a;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.s-doors__countertops-materials .vs__dropdown-option:hover, .s-doors__knobs-handles .vs__dropdown-option:hover, .s-doors__categories .vs__dropdown-option:hover {
  filter: brightness(1.1);
}
.s-doors__countertops-materials .vs__dropdown-option.active-link, .s-doors__knobs-handles .vs__dropdown-option.active-link, .s-doors__categories .vs__dropdown-option.active-link {
  background: #24324a;
  color: #fff;
  position: relative;
  top: 0px;
  left: 0;
  border: none;
}
.s-doors__countertops-materials .vs__dropdown-option.active-link a, .s-doors__knobs-handles .vs__dropdown-option.active-link a, .s-doors__categories .vs__dropdown-option.active-link a {
  color: #fff;
}
.s-doors__countertops-materials .vs__dropdown-option--selected, .s-doors__knobs-handles .vs__dropdown-option--selected, .s-doors__categories .vs__dropdown-option--selected {
  background: #24324a;
  color: #fff;
}
.s-doors__countertops-materials .vs__dropdown-option--highlight, .s-doors__knobs-handles .vs__dropdown-option--highlight, .s-doors__categories .vs__dropdown-option--highlight {
  border-color: #24324a;
}
.s-doors__countertops-materials .custom, .s-doors__knobs-handles .custom, .s-doors__categories .custom {
  color: #000;
  margin-top: 0;
  margin-bottom: -1px;
  background-color: #bfad78;
  position: relative;
}
.s-doors__countertops-materials .custom span, .s-doors__knobs-handles .custom span, .s-doors__categories .custom span {
  position: absolute;
  background: #e5b7b0;
  top: -3rem;
  letter-spacing: 0.3px;
  padding: 0.5rem 0.7rem;
  border-radius: 84px;
  color: #24324a;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 9;
  letter-spacing: 0;
}
.s-doors__countertops-materials .custom span::after, .s-doors__knobs-handles .custom span::after, .s-doors__categories .custom span::after {
  border-top: 8px solid #e5b7b0;
  content: "";
  position: absolute;
  top: 100%;
  left: 43%;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
}
@media screen and (max-width: 1180px) {
  .s-doors__countertops-materials .custom span, .s-doors__knobs-handles .custom span, .s-doors__categories .custom span {
    display: none;
  }
}
.s-doors .handles,
.s-doors .knobs {
  padding-top: 15px;
}
.s-doors__categories-frametype {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.s-doors__categories-frametype::before {
  content: "Filtrera p\E5   lucktyp";
  position: absolute;
  top: -2rem;
  left: 0;
  font-weight: 700;
  font-size: 12px;
}
@media screen and (max-width: 880px) {
  .s-doors__categories-frametype {
    flex-wrap: nowrap;
  }
}
.s-doors__categories-frametype li {
  margin-right: 0.5rem;
}
.s-doors .vitrin {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 84px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  padding: 0 15px;
  line-height: 19px;
  background: #fff;
  border: 1px solid #d8d3d1;
  letter-spacing: 0.3px;
  color: #24324a;
  cursor: pointer;
  margin-right: 8px;
}
.s-doors .vitrin:hover {
  filter: brightness(1.1);
}
.s-doors .vitrin.active-link {
  background: #24324a;
  color: #fff;
  position: relative;
  top: 0px;
  left: 0;
  border: none;
}
.s-doors .vitrin.active-link a {
  color: #fff;
}
.s-doors .vitrin .vs--searchable {
  width: 80px;
}
.s-doors .vitrin .vs__dropdown-menu {
  width: 300px;
}
.s-doors .vitrin .vs__dropdown-toggle {
  height: 1.8rem;
  border: none;
  overflow: hidden;
}
.s-doors .vitrin .vs__selected,
.s-doors .vitrin .vs__search {
  text-align: center;
}
.s-doors .vitrin .vbox-selected .vs__dropdown-toggle {
  background-color: #24324a;
}
.s-doors .vitrin .vbox-selected .vs__selected {
  color: #fff;
}
.s-doors .vitrin .vbox-selected .vs__clear {
  fill: #fff;
  margin-left: 30px;
}
.s-doors .vitrin .vbox .vs__search {
  width: 80px;
  color: #24324a;
  font-weight: bold;
}
.s-doors__categories-search {
  width: 199px;
  height: 43px;
  background: #fefffd;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.s-doors__categories-search input {
  height: 100%;
  display: block;
  flex: 1;
  width: 100%;
  border: 0;
  padding: 0 26px 0 10px;
  font-size: 13px;
}
.s-doors__categories-search input::-moz-placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
.s-doors__categories-search input:-ms-input-placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
.s-doors__categories-search input::placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
.s-doors__categories-search button {
  display: block;
  border: 0;
  background: #fff;
  cursor: pointer;
  position: relative;
  margin-top: -26px;
  margin-right: 7px;
}
.s-doors__categories-search button img {
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 22px;
  height: 22px;
}
.s-doors__categories--togglefilter {
  display: none;
  padding: 0 20px;
  width: 100%;
}
@media screen and (max-width: 880px) {
  .s-doors__categories--togglefilter {
    display: initial;
  }
}
.s-doors__categories--togglefilter button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  width: 100%;
  position: relative;
}
.s-doors__categories--togglefilter button:hover {
  filter: brightness(1.1);
}
.s-doors__categories--togglefilter button::before {
  content: "";
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  background: url(../images/filter.svg) no-repeat center;
  display: initial;
  filter: invert(1);
}
.s-doors__categories--togglefilter--active button {
  background: #e5b7b0;
  color: #000;
}
.s-doors__categories--togglefilter--active button::before {
  filter: invert(0);
}
.s-doors__categories--filter--apply, .s-doors__categories--filter--close {
  display: none;
}
@media screen and (max-width: 880px) {
  .s-doors__categories--filter {
    height: calc(var(--vh, 1vh) * 100);
    background: #f9f6f6;
    position: fixed !important;
    padding: 3.875rem 20px !important;
    top: 0;
    left: 0;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.7);
    transition: 0.2s ease-in-out all;
  }
  .s-doors__categories--filter::before {
    content: "Filtrera luckor nedan";
    top: 1rem;
    position: absolute;
    left: 20px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  .s-doors__categories--filter .custom {
    display: inline-flex;
  }
  .s-doors__categories--filter .custom span {
    display: initial;
  }
  .s-doors__categories--filter .custom_wrapper {
    flex: 0 0 100%;
    margin-top: 4.5rem;
  }
  .s-doors__categories--filter > div {
    margin-top: 3rem;
  }
  .s-doors__categories--filter .vs__dropdown-toggle {
    height: 40px;
  }
  .s-doors__categories--filter--apply {
    display: block;
    text-align: center;
    background: #24324a;
    color: #ede3cd;
    padding: 1rem 35px;
    margin: 10px auto;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 60px;
    cursor: pointer;
    border: none;
    display: initial;
    position: absolute;
    bottom: 1rem;
    width: calc(100% - 40px);
    z-index: 24;
  }
  .s-doors__categories--filter--apply:hover {
    filter: brightness(1.1);
  }
  .s-doors__categories--filter--close {
    border: none;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 22px;
    right: 22px;
    background: url(../images/close.svg) no-repeat center;
    display: initial;
  }
  .s-doors__categories--filter--active {
    transform: scale(1);
    opacity: 1;
    pointer-events: initial;
  }
  .s-doors__categories--filter .vs__selected {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    box-sizing: border-box;
    border-radius: 84px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 12px;
    padding: 0 15px;
    line-height: 19px;
    background: #fff;
    border: 1px solid #d8d3d1;
    letter-spacing: 0.3px;
    color: #24324a;
    cursor: pointer;
    display: flex;
    height: unset;
  }
  .s-doors__categories--filter .vs__selected:hover {
    filter: brightness(1.1);
  }
  .s-doors__categories--filter .vs__selected.active-link {
    background: #24324a;
    color: #fff;
    position: relative;
    top: 0px;
    left: 0;
    border: none;
  }
  .s-doors__categories--filter .vs__selected.active-link a {
    color: #fff;
  }
  .s-doors__categories--filter .s-doors__categories-frametype {
    flex-wrap: wrap;
  }
  .s-doors__categories--filter .s-doors__search {
    margin-top: 9rem;
    width: 100%;
    height: unset;
  }
  .s-doors__categories--filter .s-doors__search--focus {
    margin-top: 0;
    position: fixed;
    width: calc(100vw - 40px);
    z-index: 9999999;
    top: 0.5rem;
  }
  .s-doors__categories--filter .s-doors__search::before {
    content: "Eller s\F6k efter en lucka nedan";
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
    top: -6rem;
  }
  .s-doors__categories--filter .s-doors__search::after {
    content: "";
    position: absolute;
    left: -20px;
    background: rgba(151, 151, 151, 0.1);
    width: calc(100% + 40px);
    height: 12rem;
    top: -7rem;
    z-index: -1;
  }
  .s-doors__categories--filter .s-doors__search--placeholder {
    left: 0;
  }
}

.s-shop {
  background-color: #f1eded;
  padding: 0;
}
@media screen and (min-width: 1640px) {
  .s-shop {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .s-shop > div {
    max-width: 1640px;
    width: 100%;
  }
}
.s-shop__block_wrapper-title {
  font-size: 24px;
  margin: 10px 0 0;
}
.s-shop__block_wrapper-header {
  max-width: unset !important;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #fff;
}
.s-shop__block_wrapper-header .s-shop__block_wrapper-title {
  padding: 10px 20px;
  max-width: 1640px;
  width: 100%;
  margin: 20px 0 30px;
}
.s-shop__block_wrapper .s-shop__product-list {
  padding-top: 30px;
  overflow: visible;
  flex-flow: row nowrap;
  overflow-x: scroll;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.s-shop__block_wrapper .s-shop__product-list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  -webkit-appearance: none;
}
@media screen and (max-width: 768px) {
  .s-shop__block_wrapper .s-shop__product-list .product-list-view {
    flex-basis: 48%;
  }
}
.s-shop__hero {
  max-width: unset !important;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  padding-bottom: 20px;
}
.s-shop__hero p,
.s-shop__hero h1 {
  padding: 10px 20px;
  max-width: 1640px;
  width: 100%;
}
.s-shop__hero h1 {
  font-size: 24px;
  white-space: nowrap;
  margin-bottom: 10px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .s-shop__hero h1 {
    margin-bottom: 0;
    white-space: normal !important;
  }
}
.s-shop__hero p {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .s-shop__hero p,
.s-shop__hero h1 {
    max-width: unset;
    padding: 20px;
  }
  .s-shop__hero p {
    font-size: 16px;
  }
}
.s-shop__content {
  position: relative;
}
@media screen and (max-width: 768px) {
  .s-shop__content {
    padding: 0 10px;
  }
}
.s-shop__desktop--filtermenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px !important;
}
@media screen and (max-width: 768px) {
  .s-shop__desktop--filtermenu {
    display: none;
  }
}
.s-shop__desktop--filtermenu h5 {
  font-weight: 500;
  margin-right: 20px;
}
.s-shop__desktop--filtermenu span {
  font-weight: 500;
}
.s-shop__filter-mob {
  display: flex;
  justify-content: space-between;
  background-color: inherit;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 20px 0;
  display: flex;
  margin: 0 20px;
  z-index: 998;
}
.s-shop__filter-mob h5 {
  font-weight: 500;
  cursor: pointer;
}
.s-shop__filter-mob img {
  margin-right: 20px;
  cursor: pointer;
}
.s-shop__filter-mob > div {
  display: flex;
}
@media (min-width: 770px) {
  .s-shop__filter-mob {
    display: none;
  }
}
.s-shop__title {
  margin: 55px 0 35px;
}
@media screen and (max-width: 768px) {
  .s-shop__title {
    margin: 40px 0 0 0;
  }
}
.s-shop__title h1,
.s-shop__title h2,
.s-shop__title h3 {
  text-align: center;
  font-size: 28px;
  letter-spacing: -1px;
}
.s-shop__product-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .s-shop__product-list {
    flex-flow: row wrap;
  }
}
.s-shop__product-list--scroll {
  overflow-x: scroll;
}
@media screen and (max-width: 768px) {
  .s-shop__product-list--scroll {
    flex-flow: row nowrap !important;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .s-shop__product-list--scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    -webkit-appearance: none;
  }
  .s-shop__product-list--scroll .product-list-view {
    flex-basis: 45%;
  }
}

.breadcrumbs {
  display: flex;
  max-width: 1640px;
  margin: 20px auto;
  font-size: 12px;
  padding: 0 20px;
}
@media all and (max-width: 800px) {
  .breadcrumbs {
    flex-flow: row wrap;
  }
}
.breadcrumbs span {
  display: block;
  flex: 0 0 auto;
  padding: 4px 6px 4px 0;
  color: #000;
}
.breadcrumbs a {
  display: block;
  padding: 4px 6px 4px 0;
  flex: 0 0 auto;
  white-space: nowrap;
  color: #000;
}
.breadcrumbs a:last-child {
  color: #24324a;
}

.message {
  color: #fff;
  background: #24324a;
  padding: 12px 20px;
  margin-bottom: 20px;
  font-size: 1.2em;
  display: flex;
  align-items: center;
}
.message button {
  border: 0;
  background: #fff;
  color: #000;
  padding: 7px 12px;
  margin-left: 10px;
  font-size: 0.9em;
  font-family: inherit;
  border-radius: 3px;
  cursor: pointer;
}
.message button:disabled {
  opacity: 0.5;
}

.flash-enter-active,
.flash-leave-active {
  transition: opacity 0.5s ease-out;
}

.flash-enter,
.flash-leave-to {
  opacity: 0;
}

.cart {
  display: flex;
  justify-content: space-between;
}
.cart--forced-hidden {
  display: none !important;
}
.cart--show {
  box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.25);
}
.cart article {
  display: flex;
  overflow-x: auto;
}
.cart article > a {
  padding: 1rem 35px;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 600;
  border-right: 1px solid rgba(249, 246, 246, 0.3);
}
@media (max-width: 950px) {
  .cart article > a {
    padding: 12px 16px;
  }
}
.cart__title, .cart__links, .cart__rename, .cart__bts {
  display: none !important;
}
.cart__expand {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: flex;
  align-items: center;
  padding: 5px 0 5px 17px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: white;
  margin-left: -69px;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .cart__expand {
    box-shadow: 0 -3px 5px 0 rgba(241, 238, 238, 0.6);
  }
  .cart__expand:hover {
    background-color: #ebebec;
  }
}
.cart__expand svg {
  margin: 0 5px;
}
.cart__expanded svg {
  transform: rotate(180deg);
}
.cart__expansion-area {
  flex-basis: 100%;
  order: 1;
}
@media screen and (min-width: 1200px) {
  .cart__expansion-area {
    order: 3;
  }
}
.cart__expansion-area__title {
  padding: 10px;
  margin-top: 10px;
}
.cart__expansion-area__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.cart__rename {
  display: flex;
  margin-bottom: 10px;
}
.cart__rename label {
  display: block;
  flex: 0 0 auto;
  background: #ffad25;
  color: #fff;
  font-size: 9px;
  padding: 10px;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.6;
  cursor: pointer;
}
.cart__rename label:after {
  left: 100%;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 6px solid rgba(255, 173, 37, 0);
  border-left-color: #ffad25;
  margin-top: -6px;
}
.cart__rename input {
  display: block;
  flex: 1;
  border: 0;
  line-height: 1;
  padding: 0 15px;
  font-size: 12px;
  color: #24324a;
  border: 1px solid #cacaca;
  border-left: 0;
  color: #000;
  margin: 0;
}
.cart__rename-result {
  display: block;
}
.cart__save {
  border: 1px solid #cacaca;
}
.cart__save button {
  border: 0;
  background: #f6f6f6;
}
.cart__save button:hover {
  background: #000;
  color: #fff;
}
.cart aside {
  display: flex;
  align-items: center;
  transition: 0.4s ease-in-out all;
}
@media (max-width: 950px) {
  .cart aside {
    position: fixed;
    display: grid;
    grid-template-columns: 1fr 1fr;
    bottom: -50px;
    width: 100vw;
    background: #24324a;
  }
}
.cart aside > div {
  padding: 0 38px;
  display: flex;
  align-items: center;
  height: 100%;
  background: #e5b7b0;
}
.cart--scrolled aside {
  bottom: 0;
}
.cart--scrolled .cart__checkout--fixed {
  bottom: 1rem;
}
.cart__price {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: -0.352941px;
}
.cart__price span {
  margin-left: 0.5rem;
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  .cart__price {
    line-height: 24px;
  }
}
@media screen and (max-width: 340px) {
  .cart__price {
    min-width: 160px;
  }
}
.cart__price span {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: -0.352941px;
}
.cart__checkout {
  padding: 1rem 35px;
  border: 0;
  background-color: #e5b7b0;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  white-space: nowrap;
  position: relative;
  display: flex;
  margin: 0;
  justify-content: center;
}
@media (max-width: 950px) {
  .cart__checkout {
    padding: 12px 16px;
  }
}
.cart__checkout p {
  color: #000;
  margin-bottom: 3px;
  text-underline-offset: 0.5rem;
  text-decoration: underline;
}
.cart__checkout--active span {
  margin-left: 10px;
  background: #f9ed83;
  color: #24324a;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  right: 20px;
  top: 6px;
  z-index: 9;
}
.cart__checkout--fixed {
  position: fixed;
  right: 1rem;
  bottom: -4rem;
  border-radius: 76px;
  padding: 0.8rem 47px;
  transition: 0.5s ease-in-out;
}
@media (max-width: 950px) {
  .cart__checkout--fixed {
    display: none;
  }
}
.cart__bts {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.cart__bt {
  background: #f6f6f6;
  border-radius: 30px;
  border: 0;
  padding: 10px 20px 10px 30px;
  font-size: 0.75em;
  text-transform: uppercase;
  line-height: normal;
}
.cart__bt--add {
  background: #f6f6f6 url(../images/add.svg) no-repeat center left 10px;
}
.cart__bt--remove {
  background: #f6f6f6 url(../images/radera.svg) no-repeat center left 10px;
}
.cart__bt:active {
  color: inherit;
}
.cart__restart-delete {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.cart__restart-delete button {
  padding: 8px;
  cursor: pointer;
  background: #fff;
  flex: 0 0 48%;
  font-size: 12px;
  border: 1px solid #cacaca;
  color: #000;
}
.cart__restart-delete button:hover {
  border-color: #24324a;
}
.cart__restart-reset {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.cart__restart-reset button {
  padding: 8px;
  cursor: pointer;
  background: #fff;
  flex: 100%;
  font-size: 12px;
  border: 1px solid #cacaca;
  color: #000;
}
.cart__restart-reset button:hover {
  border-color: #24324a;
}
.cart__bt-alt {
  background: transparent;
  border: 0;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.cart__bt-alt--remove {
  background: transparent url(../images/radera.svg) no-repeat center;
}
.cart__links {
  margin: 30px 0;
}
.cart__links-title {
  padding: 0;
  line-height: 48px;
  font-size: 13px;
  border-bottom: 1px solid #eee;
}
.cart__links-list {
  padding: 0;
  font-size: 13px;
  color: #000;
}
.cart__links-link {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  justify-content: space-between;
}
.cart__links-link:last-child {
  margin-bottom: 0;
}
.cart__links-link a {
  color: #000;
  text-decoration: underline;
}
.cart__links-link--active a {
  color: #24324a;
}
.cart__links-link--active a:hover {
  color: #000;
}
.cart__item {
  color: #fff;
  position: relative;
  white-space: nowrap;
  text-underline-offset: 0.5rem;
}
.cart .active {
  color: #000;
  font-weight: 700;
  background: #e5b7b0;
  position: relative;
}
.cart .clear-cart {
  align-self: center;
  height: 24px;
  width: 24px;
  margin-left: 1rem;
  background-position: center;
  background-image: url(../images/x-circle.svg);
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  padding-left: 20px;
}
.cart__doors-wrapper {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  padding: 20px 10px;
}
@media screen and (min-width: 568px) {
  .cart__doors-wrapper {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 992px) {
  .cart__doors-wrapper {
    flex-basis: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .cart__doors-wrapper {
    flex-basis: 20%;
  }
}
.cart__doors-wrapper div {
  color: #000;
  font-size: 12px;
}
.cart__doors-wrapper div a {
  font-size: 11px;
  display: block;
  margin-top: 3px;
  color: #24324a;
  text-decoration: underline;
}
.cart__doors-drawing {
  flex: 0 0 70px;
  display: flex;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin-right: 12px;
}
.cart__doors-drawing-container {
  margin: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-flow: row wrap;
}
.cart__doors-drawing-part {
  flex: 0 0 auto;
  background-color: #fff;
  border: solid 1px #000;
  max-width: 100%;
}
.cart__extras {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  padding: 10px;
}
@media screen and (min-width: 375px) and (max-width: 402px) {
  .cart__extras {
    padding: 3px;
  }
}
@media screen and (min-width: 568px) {
  .cart__extras {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 992px) {
  .cart__extras {
    flex-basis: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .cart__extras {
    flex-basis: 20%;
  }
}
.cart__extras > img {
  width: 80px;
  height: 80px;
}
.cart__extras > div {
  margin-left: 10px;
  font-size: 12px;
}
.cart__extras > div > a {
  font-size: 11px;
  display: block;
  color: #24324a;
  text-decoration: underline;
}

.customdoors {
  padding: 10px;
}
.customdoors__field {
  margin-bottom: 14px;
}
.customdoors__field--number label, .customdoors__field--select label, .customdoors__field--textarea label {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}
.customdoors__field--number input[type=number],
.customdoors__field--number textarea,
.customdoors__field--number select, .customdoors__field--select input[type=number],
.customdoors__field--select textarea,
.customdoors__field--select select, .customdoors__field--textarea input[type=number],
.customdoors__field--textarea textarea,
.customdoors__field--textarea select {
  border: 1px solid #e7e7e7;
  padding: 5px;
  width: 100%;
  display: block;
  background: #fff;
  font-size: 14px;
}
.customdoors__field--number select, .customdoors__field--select select, .customdoors__field--textarea select {
  background: #fff url(../images/triangle.svg) no-repeat center right 10px;
  background-size: 10px 10px;
}
.customdoors__field--button {
  margin-bottom: 0;
}
.customdoors__field--button button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.customdoors__field--button button:hover {
  filter: brightness(1.1);
}
.customdoors__field--button button.active {
  cursor: pointer;
  opacity: 1;
}
.customdoors__amount {
  display: flex;
  justify-content: center;
}
.customdoors__amount > div {
  flex: 0 0 auto;
  padding: 0 5px 0 5px;
}
.customdoors__amount > div > div {
  padding-top: 5px;
  display: flex;
  justify-content: center;
}
.customdoors__amount span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  height: 10px;
  line-height: 10px;
  text-align: center;
}
.customdoors__amount button {
  display: block;
  font-size: 18px;
  border: 0;
  background: #ededed;
  height: 24px;
  width: 24px;
  flex: 0 0 24px;
  text-align: center;
  cursor: pointer;
}
.customdoors__amount input {
  display: block;
  font-size: 12px;
  border: 0;
  background: #fff;
  height: 24px;
  width: 28px;
  flex: 0 0 28px;
  text-align: center;
  margin: 0 2px;
}
.customdoors__amount input.has-value {
  background: #24324a;
  color: #fff;
}

.doors-list {
  padding-top: 15px;
  overflow: hidden;
}
.doors-list__sub-category strong {
  display: block;
  font-size: 22px;
  padding: 5px 5px 15px;
  font-weight: 600;
  color: #000;
}
.doors-list__items {
  padding: 0 0 25px;
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 800px) {
  .doors-list__items {
    margin: 0 -5px;
  }
}
.doors-list__items-vitrin {
  padding: 0px;
}
.doors-list__item {
  flex: 0 0 25%;
  padding: 0 5px 10px 5px;
  position: relative;
}
.doors-list__item--search .doors-list__item-me > div {
  display: block;
}
@media all and (max-width: 1100px) {
  .doors-list__item {
    flex: 0 0 25%;
  }
}
@media all and (max-width: 800px) {
  .doors-list__item {
    flex-basis: calc(50% - 10px);
    max-width: calc(50% - 10px);
    margin: 0 5px;
    padding: 0 0 20px 0;
    display: flex;
  }
}
@media all and (max-width: 800px) {
  .doors-list__item--alt {
    flex-basis: calc(100% - 10px);
    max-width: calc(100% - 10px);
  }
}
.doors-list__item-me {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  font-size: 10px;
  text-align: right;
}
.doors-list__item-me--category {
  display: block !important;
  padding: 0.5rem !important;
  color: #8a8585;
  background: rgba(36, 50, 74, 0.1) !important;
}
.doors-list__item-me > div {
  display: none;
  padding: 0 8px;
  color: #000;
}
.doors-list__item-me > div:first-child {
  padding-top: 4px;
}
.doors-list__item-me > div:last-child {
  padding-bottom: 4px;
}
.doors-list__item-inner {
  background: #fff;
  border: 1px solid #fff;
  position: relative;
  min-height: 200px;
  height: 100%;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.doors-list__item-inner--active {
  border: 2px solid #24324a;
}
@media all and (max-width: 800px) {
  .doors-list__item-inner {
    height: auto !important;
    width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
.doors-list__item-inner:hover .doors-list__item-me > div {
  display: block !important;
}
.doors-list__text {
  text-align: center;
  padding: 10px 10px 12px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.doors-list__name {
  font-size: 12px;
  text-transform: uppercase;
}
.doors-list__description {
  margin-top: 2px;
  font-size: 10px;
  text-transform: uppercase;
}
.doors-list__amount {
  display: flex;
  justify-content: center;
  margin-top: auto;
}
@media all and (max-width: 800px) {
  .doors-list__amount {
    flex-flow: row wrap;
  }
}
.doors-list__amount > div {
  padding: 15px 5px 0 5px;
}
.doors-list__amount > div > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
  gap: 0.5rem;
}
.doors-list__amount--multiple > div > div {
  gap: 0;
}
.doors-list__amount--multiple > div span {
  font-size: 0.875rem;
}
.doors-list__amount button {
  font-size: 18px;
  border: 0;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0;
  position: relative;
}
.doors-list__amount button::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 4px;
  background-size: cover;
  background-repeat: no-repeat;
}
.doors-list__amount button:first-of-type::before {
  background-image: url(../images/counter-minus.svg);
}
.doors-list__amount button:last-of-type {
  background: #24324a;
}
.doors-list__amount button:last-of-type::before {
  background-image: url(../images/counter-plus.svg);
}
.doors-list__amount button.button-has-value {
  background: #24324a;
}
.doors-list__amount input {
  font-size: 1rem;
  border: 0;
  width: 34px;
  height: 34px;
  text-align: center;
  border: 1px solid #f1eded;
  border-radius: 4px;
  font-weight: 700;
}
.doors-list__amount input.has-value {
  background: #bfad78;
  color: #fff;
  border: none;
}
.doors-list__information-wrapper {
  position: absolute;
  z-index: 11;
}
.doors-list__information {
  position: relative;
  width: 20px;
  margin: 5px 0px 0px 5px;
  cursor: pointer;
}
.doors-list__information img {
  z-index: 0;
  opacity: 0.7;
}
.doors-list__information-dialog {
  display: none;
}
.doors-list__information-image {
  display: none;
}
.doors-list__information:hover .doors-list__information-image {
  z-index: 11;
  display: block;
  opacity: 1;
  width: 300px;
  border-radius: 5px;
}
.doors-list__information:hover .doors-list__information-dialog {
  z-index: 11;
  display: block;
  height: 100%;
  background-color: #e7e7e7;
  color: black;
  width: 200px;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 5px 5px 79px -20px rgba(0, 0, 0, 0.3);
  cursor: default;
}
.doors-list__drawing {
  padding: 10px;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .doors-list__drawing {
    width: 100%;
    max-width: 100%;
  }
}
.doors-list__drawing-container {
  margin: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-flow: row wrap;
}
.doors-list__drawing-part {
  flex: 0 0 auto;
  background-color: #fff;
  border: solid 1px #000;
  max-width: 100%;
}

.frame-types {
  margin: 10px 0 35px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.frame-types__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  max-width: 1640px;
  margin: 0 auto;
  width: 100%;
}
@media all and (max-width: 985px) {
  .frame-types__inner {
    grid-template-columns: 1fr;
  }
}
.frame-types__type {
  display: flex;
  justify-content: center;
  flex: 1;
  cursor: pointer;
  position: relative;
}
.frame-types__type > span {
  position: absolute;
  background: #e5b7b0;
  top: -1rem;
  letter-spacing: 0.3px;
  padding: 0.5rem 0.7rem;
  border-radius: 84px;
  color: #24324a;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 9;
  letter-spacing: 0;
}
.frame-types__type > span::after {
  border-top: 8px solid #e5b7b0;
  content: "";
  position: absolute;
  top: 100%;
  left: 43%;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
}
.frame-types__type--selected:first-of-type .frame-types__type-inner__button {
  background: #24324a;
}
.frame-types__type--selected:first-of-type .frame-types__type-inner__button::before {
  color: #fff;
  content: "Valt IKEA Metod stomme" !important;
}
@media all and (max-width: 985px) {
  .frame-types__type--selected:first-of-type {
    margin-right: 0px;
  }
}
.frame-types__type--selected:last-of-type .frame-types__type-inner__button {
  background: #24324a;
}
.frame-types__type--selected:last-of-type .frame-types__type-inner__button::before {
  color: #fff;
  content: "Valt IKEA Faktum stomme" !important;
}
@media all and (max-width: 985px) {
  .frame-types__type--selected:last-of-type {
    margin-left: 0px;
  }
}
.frame-types__type:first-of-type .frame-types__type-inner__button::before {
  content: "V\E4lj IKEA Metod stomme";
}
@media all and (max-width: 985px) {
  .frame-types__type:first-of-type {
    margin-right: 0px;
  }
}
.frame-types__type:last-of-type .frame-types__type-inner__button::before {
  content: "V\E4lj IKEA Faktum stomme";
}
@media all and (max-width: 985px) {
  .frame-types__type:last-of-type {
    margin-left: 0px;
  }
}
.frame-types__type--selected .frame-types__type-inner {
  border: 2px solid #24324a;
  box-sizing: border-box;
  box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.28);
}
.frame-types__type--selected .frame-types__type-inner div::before {
  color: #fff;
  content: "Valt Ikea Metod stomme";
}
@media all and (max-width: 800px) {
  .frame-types__type--selected .frame-types__type-inner {
    transform: scale(1);
    box-shadow: none;
  }
}
.frame-types__type-inner {
  border: 2px solid transparent;
  text-align: center;
  padding: 40px 20px 30px 20px;
  width: 100%;
  background: #ffffff;
  border-radius: 1rem;
}
@media all and (max-width: 800px) {
  .frame-types__type-inner {
    margin: 0 auto;
    width: 100%;
  }
}
.frame-types__type-inner strong {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  margin-top: 40px;
  color: #24324a;
}
.frame-types__type-inner p {
  font-size: 11px;
  line-height: 1.6;
}
.frame-types__type-inner ul {
  margin-top: 20px;
}
.frame-types__type-inner ul li {
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #606060;
  max-width: 300px;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 30px;
}
@media all and (max-width: 800px) {
  .frame-types__type-inner ul li {
    max-width: 200px;
  }
}
.frame-types__type-inner ul li::before {
  content: "";
  background-image: url(../images/frame-check-yellow.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  background-size: cover;
  margin-left: -30px;
  margin-top: 1px;
}
.frame-types__type-inner div {
  width: 354px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 27px;
  border: 1px solid #24324a;
  margin: 50px auto 0px;
}
@media all and (max-width: 800px) {
  .frame-types__type-inner div {
    width: 280px;
  }
}
.frame-types__type-inner div:hover {
  opacity: 0.8;
}
.frame-types__type-inner div::before {
  content: "V\E4lj IKEA Metod stomme";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #24324a;
}

.ui-pnotify {
  z-index: 99999999999 !important;
  right: 25px !important;
  bottom: 25px !important;
  top: unset !important;
}
@media (max-width: 770px) {
  .ui-pnotify {
    max-width: calc(100% - 50px);
  }
}
.ui-pnotify > div {
  width: 100% !important;
}

.__header {
  color: #24324a;
  font-size: 1em;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  transition: transform 0.7s;
  background: #f0e0db;
}
.__header__logotype {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1100px) {
  .__header__logotype {
    display: none;
  }
}
.__header__top_banner {
  text-align: center;
  padding: 0.5rem;
  background-color: #000;
  color: white;
  font-size: 14px;
  display: block;
  font-weight: 600;
  overflow-x: auto;
  white-space: nowrap;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.__header__top_banner::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  -webkit-appearance: none;
}
@media all and (max-width: 1100px) {
  .__header--active {
    padding: 0;
  }
  .__header--active .__header__top_banner {
    display: none;
  }
}
.__header--hidden {
  transform: translate3d(0, -170px, 0);
}
@media all and (max-width: 1100px) {
  .__header--hidden {
    transform: translate3d(0, -150px, 0);
  }
}
.__header--force-hidden {
  display: none;
}
.__header__wrapper {
  padding: 1.5rem 1.25rem;
  max-width: 1640px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media all and (max-width: 1100px) {
  .__header__wrapper {
    padding: 20px 12px;
  }
}
@media all and (max-width: 1100px) {
  .__header__wrapper--active {
    padding: 30px;
  }
}
.__header__main {
  flex-basis: 100%;
  display: flex;
  align-items: center;
}
@media all and (min-width: 1101px) {
  .__header__main {
    padding: 0 0 1.5rem;
  }
}
.__header__secondary {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.__header__secondary--right {
  display: flex;
}
.__header__subnav {
  font-size: 14px;
  margin-left: auto;
  margin-right: 10px;
}
@media all and (max-width: 1100px) {
  .__header__subnav {
    display: none;
  }
}
.__header__subnav ul {
  display: flex;
}
.__header__subnav ul li {
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  margin: 0 10px;
}
.__header__subnav ul li a {
  width: 100%;
  text-align: center;
  color: inherit;
}
.__header__subnav ul li ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: -20px;
  width: 155px;
  background: #fff;
  flex-flow: row wrap;
  padding: 10px 0;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.1);
}
.__header__subnav ul li ul li {
  flex-basis: 100%;
  flex-grow: 1;
  padding: 8px 10px;
  cursor: pointer;
}
.__header__subnav ul li ul li:hover {
  font-weight: 500;
}
.__header__subnav ul li ul li a {
  text-align: left;
  padding: 0;
}
.__header__subnav ul li:hover ul {
  visibility: visible;
  -webkit-animation: fade 0.2s;
          animation: fade 0.2s;
}
.__header__logo {
  width: 200px;
  height: 27px;
  background: url(../images/pickyliving.svg) no-repeat center;
  background-size: contain;
  margin-right: 20px;
  margin-bottom: -3px;
}
@media (max-width: 1100px) {
  .__header__logo {
    display: none;
  }
}
@media (max-width: 1100px) {
  .__header__logo--mobile {
    display: block;
    width: 170px;
    height: 27px;
    background: url(../images/pickyliving.svg) no-repeat center;
    background-size: contain;
    margin-right: 0px;
    margin-bottom: -3px;
  }
}
@media all and (max-width: 1100px) {
  .__header__nav {
    display: none;
  }
}
.__header__nav > ul {
  display: flex;
}
.__header__nav > ul > li {
  margin-right: 20px;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  position: relative;
}
.__header__nav > ul > li:first-of-type {
  z-index: 100000000000000020;
}
.__header__nav > ul > li a {
  color: #24324a;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
  font-weight: 600;
}
.__header__nav > ul > li.menu-active {
  border-bottom: 2px solid #b04317;
}
.__header__nav > ul > li.menu-active > a {
  color: #b04317;
}
.__header__nav > ul > li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -20px;
  width: 185px;
  background: #fff;
  flex-flow: row wrap;
  padding: 10px 0;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}
.__header__nav > ul > li ul li {
  flex-basis: 100%;
  flex-grow: 1;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.__header__nav > ul > li ul li:hover > a, .__header__nav > ul > li ul li.menu-active > a {
  color: #b04317;
}
.__header__nav > ul > li ul li a {
  width: 100%;
  text-align: left;
  padding: 0;
  color: #24324a;
}
.__header__nav > ul > li:hover ul {
  display: flex;
  -webkit-animation: fade 0.2s;
          animation: fade 0.2s;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.__header__cart {
  font-size: 14px;
}
@media all and (max-width: 1100px) {
  .__header__cart {
    display: none;
  }
}
.__header__cart ul {
  display: flex;
  align-items: center;
}
.__header__cart ul li {
  margin: 0 5px;
}
.__header__cart ul li:first-of-type {
  margin-bottom: 2px;
}
.__header__cart ul li a {
  color: #24324a;
  font-weight: 700;
}
.__header__mobile {
  display: none;
  align-items: center;
  margin-left: auto;
}
@media all and (max-width: 1100px) {
  .__header__mobile {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
.__header__cart-alt {
  width: 24px;
  height: 24px;
  background: url(../images/cart-alt.svg) no-repeat center;
  background-position-y: -2px;
  background-size: contain;
  display: flex;
  margin-left: 8px;
  position: relative;
}
@media (max-width: 1100px) {
  .__header__cart-alt {
    width: 24px;
    height: 24px;
    background: url(../images/cart-alt.svg) no-repeat center;
  }
}
.__header__cart-alt span {
  position: absolute;
  background: #fff;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 0.7em;
  border-radius: 25px;
  width: 20px;
  height: 20px;
  top: -10px;
  right: -10px;
  font-weight: 700;
  color: #24324a;
}
.__header__mobnav {
  display: flex;
  align-items: flex-start;
  font-size: 1.3em;
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  background: #f0e0db;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: scroll;
  z-index: 10000000000000000 !important;
  top: 80px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.__header__mobnav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  -webkit-appearance: none;
}
@media all and (min-width: 1100px) {
  .__header__mobnav {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    top: 48px;
    background: #fff;
    right: unset;
    bottom: unset;
    left: 30px;
    max-height: 500px;
    max-width: 500px;
    border-radius: 1rem;
    padding: 10px 1rem 10px 4rem;
    margin-left: -25px;
  }
}
@media all and (min-width: 1600px) {
  .__header__mobnav {
    left: calc((100vw - 1600px) / 2 + 47px);
  }
}
.__header__mobnav .menu-active > a {
  color: #b04317;
}
.__header__mobnav--active {
  opacity: 1;
  visibility: visible;
}
.__header__mobnav ul {
  display: flex;
  flex-flow: row wrap;
  flex-basis: 100%;
  flex-grow: 1;
}
.__header__mobnav ul li {
  display: flex;
  flex-flow: row wrap;
  flex-basis: 100%;
  flex-grow: 1;
  text-align: left;
}
.__header__mobnav ul li a {
  color: #24324a;
  padding: 10px 10px 10px 20px;
  flex-basis: 100%;
  flex-grow: 1;
  border-bottom: 1px solid #24324a;
}
.__header__mobnav ul li ul {
  font-weight: 500;
  padding-bottom: 15px;
  padding-top: 5px;
  display: none;
}
.__header__mobnav ul li ul li a {
  border: 0;
}
.__header__submenu {
  position: relative;
}
.__header__submenu:after {
  content: "+";
  position: absolute;
  right: 15px;
  width: 20px;
  height: 20px;
  position: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.__header__submenu--active {
  border: 0 !important;
}
.__header__submenu--active:after {
  content: "\2013";
}
.__header__mobnav-ul-active {
  display: flex !important;
}

.hamburger-inner::after, .hamburger-inner::before, .hamburger-inner {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 0px;
  background-color: black;
}

.hamburger {
  display: inline-block;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
@media all and (max-width: 1100px) {
  .hamburger {
    margin-left: 25px;
  }
}
@media (max-width: 1100px) {
  .hamburger {
    margin-left: 0px;
  }
}
.hamburger-box {
  position: relative;
  width: 22px;
  height: 22px;
}
.hamburger-inner {
  position: absolute;
  top: 50%;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-property: transform;
  border-radius: 0px;
  background-color: #24324a;
}
.hamburger-inner::before {
  content: "";
  position: absolute;
  top: -7px;
  transition: top 0.5s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger-inner::after {
  content: "";
  position: absolute;
  bottom: -7px;
  transition: bottom 0.5s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.5s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.5s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.list-items {
  display: grid;
  flex-wrap: wrap;
  margin: 0 0 25px 0;
  padding: 0 0 25px;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
@media all and (max-width: 600px) {
  .list-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.list-items .colors__color > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list-items__item {
  cursor: pointer;
  text-align: center;
  font-weight: 700;
}
.list-items__item-inner {
  border: 2px solid #fff;
  background: #fff;
  padding: 0.5rem;
  height: 100%;
}
.list-items__item-inner:hover {
  box-shadow: 0px 4px 20px -3px rgba(0, 0, 0, 0.35);
  z-index: 100;
  transform: scale(1.03);
}
@media all and (max-width: 800px) {
  .list-items__item-inner:hover {
    transform: scale(1);
    box-shadow: none;
  }
}
.list-items__item-inner select {
  padding: 5px 20px 5px 5px;
  max-width: 100%;
  width: 100%;
  font-family: inherit;
  border: 1px solid #ddd;
  margin: 0;
  white-space: wrap;
  background: #fff url(../images/countertop-arrow.svg) no-repeat center right 5px;
  background-size: 10px 10px;
  border: 1px solid #dddddd;
}
.list-items__item-image {
  background: #eee;
  position: relative;
  padding-top: 100%;
}
.list-items__item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-items__item-color {
  position: relative;
  margin: 0.5rem auto;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  width: 12vw;
  height: 14.16vw;
}
@media all and (max-width: 900px) {
  .list-items__item-color {
    width: 18vw;
    height: 21.24vw;
  }
}
@media all and (max-width: 600px) {
  .list-items__item-color {
    width: 38vw;
    height: 44.84vw;
  }
}
.list-items__item-name {
  font-size: 14.5px;
  line-height: 1.4;
  padding: 12px 6px 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-items__item-name:nth-of-type(odd) {
  font-weight: 400;
}
.list-items__item-name + .list-items__item-name {
  padding-top: 0;
}
.list-items__item-input {
  padding: 0 6px 1px;
  font-size: 10px;
}
.list-items__item-input-name {
  font-size: 10px;
  line-height: 1.4;
  padding: 12px 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-items__item-input input {
  display: block;
  font-size: 1rem;
  background: #fff;
  border: 0;
  height: 18px;
  line-height: 18px;
  width: 100%;
  padding: 0 6px;
}
.list-items__item-input .input_ncs, .list-items__item-input-number input {
  border: 1px solid #f1eded;
  padding: 1rem;
}
.list-items__item--not-selected {
  opacity: 0.65;
}
@media all and (max-width: 800px) {
  .list-items__item--not-selected {
    opacity: 1;
  }
}
.list-items__item--selected {
  z-index: 200;
  opacity: 1;
}
.list-items__item--selected .list-items__item-inner {
  border-color: #24324a;
  box-shadow: 0px 4px 20px -3px rgba(0, 0, 0, 0.35);
  z-index: 100;
  transform: scale(1.03);
}
@media all and (max-width: 800px) {
  .list-items__item--selected .list-items__item-inner {
    transform: scale(1);
    box-shadow: none;
  }
}
.list-items__item--unavailable {
  opacity: 0.3;
}
.list-items__item--unavailable .list-items__item-inner:hover {
  box-shadow: none;
  transform: none;
}
.list-items__item-bigger {
  cursor: pointer;
  /*		&-inner {
  	border: 2px solid #F6F6F6;
  	background: #F6F6F6;
  	padding: 6px;

  	&:hover {
  		box-shadow: 0px 4px 20px -3px rgba(0,0,0,0.35);
  		z-index: 100;
  		transform: scale(1.05);
  		@media all and (max-width:800px) {
  			transform:scale(1);
  			box-shadow:none;
  		}
  	}
  }

  &-image {
  	min-height: 200px;
  	background: #eee;
  	position: relative;

  	@media all and (max-width:800px) {
  		min-height:auto;
  	}

  	> img {
  		display: block;
  		max-width: 100%;
  		width: 100%;
  		height: auto;
  	}
  }

  &-color {
  	height: 240px;
  	position: relative;
  }*/
  /*&--not-selected {
  	opacity: 0.65;
  }

  &--selected {
  	z-index: 200;
  	opacity: 1;

  	.list-items__item-bigger-inner {
  		border-color: $primary;
  		box-shadow: 0px 4px 20px -3px rgba(0,0,0,0.35);
  		z-index: 100;
  		transform: scale(1.05);
  		@media all and (max-width:800px) {
  			transform:scale(1);
  			box-shadow:none;
  		}
  	}
  }

  &--unavailable {
  	opacity: 0.3;

  	.list-items__item-inner {
  		&:hover {
  			box-shadow: none;
  			transform: none;
  		}
  	}
  }*/
}
.list-items__item-bigger-name {
  font-size: 12px;
  line-height: 1.4;
  padding: 12px 6px 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-items__item-bigger-description {
  font-size: 10px;
  line-height: 1.4;
  padding: 12px 6px 5px;
}
.list-items__item-bigger-input {
  padding: 10px 6px 3px;
  font-size: 10px;
}
.list-items__item-bigger-input input {
  display: block;
  font-size: 16px;
  background: #fff;
  border: 0;
  height: 34px;
  line-height: 34px;
  width: 100%;
  padding: 0 10px;
}

.colors .list-items {
  grid-template-columns: repeat(6, 1fr);
}
@media all and (max-width: 900px) {
  .colors .list-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (max-width: 600px) {
  .colors .list-items {
    grid-template-columns: repeat(2, 1fr);
  }
}

#picky-app .vue-dialog .dialog-content .dialog-c-title {
  font-size: 22px;
  font-weight: 400;
  padding-bottom: 5px;
}
#picky-app .vue-dialog .dialog-content .dialog-c-text {
  font-size: 16px;
  font-weight: 400;
}
#picky-app .vue-dialog .vue-dialog-buttons {
  top: 1px solid #dedede;
  display: flex;
  justify-content: flex-end;
  padding: 15px;
}
#picky-app .vue-dialog .vue-dialog-buttons button.vue-dialog-button {
  background: #24324a;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}
#picky-app .vue-dialog .vue-dialog-buttons button.vue-dialog-button:not(.vitrin-modal .vue-dialog-button) {
  flex: 0 0 100% !important;
  border: 0;
}
#picky-app .v--modal-overlay {
  z-index: 9999999999 !important;
  padding: 20px;
  display: flex;
  background: rgba(0, 0, 0, 0.7);
}
#picky-app .v--modal-box {
  overflow: visible;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal-box {
    max-width: 100% !important;
  }
}
#picky-app .v--modal:not(.v--modal-delete) {
  width: unset !important;
}
#picky-app .v--modal,
#picky-app .v--modal-checkout {
  margin: auto;
  left: auto !important;
  height: auto !important;
  max-width: 995px !important;
  border-radius: 0 !important;
  top: 50% !important;
  transform: translateY(-50%);
}
#picky-app .v--modal-left, #picky-app .v--modal-right,
#picky-app .v--modal-checkout-left,
#picky-app .v--modal-checkout-right {
  padding: 2.5rem 1.5rem 1.5rem;
  position: relative;
}
#picky-app .v--modal-right,
#picky-app .v--modal-checkout-right {
  padding-bottom: 6rem;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal-right,
#picky-app .v--modal-checkout-right {
    padding: 1.5rem 0 6rem;
  }
  #picky-app .v--modal-right > *:not(.handle-modal__variations),
#picky-app .v--modal-checkout-right > *:not(.handle-modal__variations) {
    margin: 0;
    padding: 0 1.5rem 1rem;
  }
  #picky-app .v--modal-right p,
#picky-app .v--modal-checkout-right p {
    margin-bottom: 0.5rem !important;
  }
}
#picky-app .v--modal-left,
#picky-app .v--modal-checkout-left {
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.24);
}
#picky-app .v--modal select,
#picky-app .v--modal-checkout select {
  padding: 12px 40px 12px 12px;
  max-width: 100%;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 1em;
  color: #222;
  margin-bottom: 20px;
  background: url(../images/triangle.svg) no-repeat center right 10px;
}
#picky-app .v--modal .color-modal,
#picky-app .v--modal .knob-modal,
#picky-app .v--modal .handle-modal,
#picky-app .v--modal .countertop-modal,
#picky-app .v--modal .option-modal,
#picky-app .v--modal .chest-modal,
#picky-app .v--modal .cabinet-modal,
#picky-app .v--modal .cabinetdoor-modal,
#picky-app .v--modal .foot-modal,
#picky-app .v--modal .top-modal,
#picky-app .v--modal .material-modal,
#picky-app .v--modal .checkout-modal,
#picky-app .v--modal .customdoors-modal,
#picky-app .v--modal .countertop-special-modal,
#picky-app .v--modal .delete-modal,
#picky-app .v--modal .pax-modal,
#picky-app .v--modal-checkout .color-modal,
#picky-app .v--modal-checkout .knob-modal,
#picky-app .v--modal-checkout .handle-modal,
#picky-app .v--modal-checkout .countertop-modal,
#picky-app .v--modal-checkout .option-modal,
#picky-app .v--modal-checkout .chest-modal,
#picky-app .v--modal-checkout .cabinet-modal,
#picky-app .v--modal-checkout .cabinetdoor-modal,
#picky-app .v--modal-checkout .foot-modal,
#picky-app .v--modal-checkout .top-modal,
#picky-app .v--modal-checkout .material-modal,
#picky-app .v--modal-checkout .checkout-modal,
#picky-app .v--modal-checkout .customdoors-modal,
#picky-app .v--modal-checkout .countertop-special-modal,
#picky-app .v--modal-checkout .delete-modal,
#picky-app .v--modal-checkout .pax-modal {
  max-height: calc(100vh - 2rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  width: 995px;
  max-width: calc(100vw - 40px);
}
@media all and (max-width: 800px) {
  #picky-app .v--modal .color-modal,
#picky-app .v--modal .knob-modal,
#picky-app .v--modal .handle-modal,
#picky-app .v--modal .countertop-modal,
#picky-app .v--modal .option-modal,
#picky-app .v--modal .chest-modal,
#picky-app .v--modal .cabinet-modal,
#picky-app .v--modal .cabinetdoor-modal,
#picky-app .v--modal .foot-modal,
#picky-app .v--modal .top-modal,
#picky-app .v--modal .material-modal,
#picky-app .v--modal .checkout-modal,
#picky-app .v--modal .customdoors-modal,
#picky-app .v--modal .countertop-special-modal,
#picky-app .v--modal .delete-modal,
#picky-app .v--modal .pax-modal,
#picky-app .v--modal-checkout .color-modal,
#picky-app .v--modal-checkout .knob-modal,
#picky-app .v--modal-checkout .handle-modal,
#picky-app .v--modal-checkout .countertop-modal,
#picky-app .v--modal-checkout .option-modal,
#picky-app .v--modal-checkout .chest-modal,
#picky-app .v--modal-checkout .cabinet-modal,
#picky-app .v--modal-checkout .cabinetdoor-modal,
#picky-app .v--modal-checkout .foot-modal,
#picky-app .v--modal-checkout .top-modal,
#picky-app .v--modal-checkout .material-modal,
#picky-app .v--modal-checkout .checkout-modal,
#picky-app .v--modal-checkout .customdoors-modal,
#picky-app .v--modal-checkout .countertop-special-modal,
#picky-app .v--modal-checkout .delete-modal,
#picky-app .v--modal-checkout .pax-modal {
    grid-template-columns: 1fr;
    max-width: 100% !important;
    background: #fff;
    overflow-y: auto;
  }
}
#picky-app .v--modal .color-modal__image,
#picky-app .v--modal .knob-modal__image,
#picky-app .v--modal .handle-modal__image,
#picky-app .v--modal .countertop-modal__image,
#picky-app .v--modal .option-modal__image,
#picky-app .v--modal .chest-modal__image,
#picky-app .v--modal .cabinet-modal__image,
#picky-app .v--modal .cabinetdoor-modal__image,
#picky-app .v--modal .foot-modal__image,
#picky-app .v--modal .top-modal__image,
#picky-app .v--modal .material-modal__image,
#picky-app .v--modal .checkout-modal__image,
#picky-app .v--modal .customdoors-modal__image,
#picky-app .v--modal .countertop-special-modal__image,
#picky-app .v--modal .delete-modal__image,
#picky-app .v--modal .pax-modal__image,
#picky-app .v--modal-checkout .color-modal__image,
#picky-app .v--modal-checkout .knob-modal__image,
#picky-app .v--modal-checkout .handle-modal__image,
#picky-app .v--modal-checkout .countertop-modal__image,
#picky-app .v--modal-checkout .option-modal__image,
#picky-app .v--modal-checkout .chest-modal__image,
#picky-app .v--modal-checkout .cabinet-modal__image,
#picky-app .v--modal-checkout .cabinetdoor-modal__image,
#picky-app .v--modal-checkout .foot-modal__image,
#picky-app .v--modal-checkout .top-modal__image,
#picky-app .v--modal-checkout .material-modal__image,
#picky-app .v--modal-checkout .checkout-modal__image,
#picky-app .v--modal-checkout .customdoors-modal__image,
#picky-app .v--modal-checkout .countertop-special-modal__image,
#picky-app .v--modal-checkout .delete-modal__image,
#picky-app .v--modal-checkout .pax-modal__image {
  position: relative;
  width: 100%;
}
#picky-app .v--modal .color-modal__image-img,
#picky-app .v--modal .knob-modal__image-img,
#picky-app .v--modal .handle-modal__image-img,
#picky-app .v--modal .countertop-modal__image-img,
#picky-app .v--modal .option-modal__image-img,
#picky-app .v--modal .chest-modal__image-img,
#picky-app .v--modal .cabinet-modal__image-img,
#picky-app .v--modal .cabinetdoor-modal__image-img,
#picky-app .v--modal .foot-modal__image-img,
#picky-app .v--modal .top-modal__image-img,
#picky-app .v--modal .material-modal__image-img,
#picky-app .v--modal .checkout-modal__image-img,
#picky-app .v--modal .customdoors-modal__image-img,
#picky-app .v--modal .countertop-special-modal__image-img,
#picky-app .v--modal .delete-modal__image-img,
#picky-app .v--modal .pax-modal__image-img,
#picky-app .v--modal-checkout .color-modal__image-img,
#picky-app .v--modal-checkout .knob-modal__image-img,
#picky-app .v--modal-checkout .handle-modal__image-img,
#picky-app .v--modal-checkout .countertop-modal__image-img,
#picky-app .v--modal-checkout .option-modal__image-img,
#picky-app .v--modal-checkout .chest-modal__image-img,
#picky-app .v--modal-checkout .cabinet-modal__image-img,
#picky-app .v--modal-checkout .cabinetdoor-modal__image-img,
#picky-app .v--modal-checkout .foot-modal__image-img,
#picky-app .v--modal-checkout .top-modal__image-img,
#picky-app .v--modal-checkout .material-modal__image-img,
#picky-app .v--modal-checkout .checkout-modal__image-img,
#picky-app .v--modal-checkout .customdoors-modal__image-img,
#picky-app .v--modal-checkout .countertop-special-modal__image-img,
#picky-app .v--modal-checkout .delete-modal__image-img,
#picky-app .v--modal-checkout .pax-modal__image-img {
  display: block;
  width: 100%;
  height: auto;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal .color-modal__image-img,
#picky-app .v--modal .knob-modal__image-img,
#picky-app .v--modal .handle-modal__image-img,
#picky-app .v--modal .countertop-modal__image-img,
#picky-app .v--modal .option-modal__image-img,
#picky-app .v--modal .chest-modal__image-img,
#picky-app .v--modal .cabinet-modal__image-img,
#picky-app .v--modal .cabinetdoor-modal__image-img,
#picky-app .v--modal .foot-modal__image-img,
#picky-app .v--modal .top-modal__image-img,
#picky-app .v--modal .material-modal__image-img,
#picky-app .v--modal .checkout-modal__image-img,
#picky-app .v--modal .customdoors-modal__image-img,
#picky-app .v--modal .countertop-special-modal__image-img,
#picky-app .v--modal .delete-modal__image-img,
#picky-app .v--modal .pax-modal__image-img,
#picky-app .v--modal-checkout .color-modal__image-img,
#picky-app .v--modal-checkout .knob-modal__image-img,
#picky-app .v--modal-checkout .handle-modal__image-img,
#picky-app .v--modal-checkout .countertop-modal__image-img,
#picky-app .v--modal-checkout .option-modal__image-img,
#picky-app .v--modal-checkout .chest-modal__image-img,
#picky-app .v--modal-checkout .cabinet-modal__image-img,
#picky-app .v--modal-checkout .cabinetdoor-modal__image-img,
#picky-app .v--modal-checkout .foot-modal__image-img,
#picky-app .v--modal-checkout .top-modal__image-img,
#picky-app .v--modal-checkout .material-modal__image-img,
#picky-app .v--modal-checkout .checkout-modal__image-img,
#picky-app .v--modal-checkout .customdoors-modal__image-img,
#picky-app .v--modal-checkout .countertop-special-modal__image-img,
#picky-app .v--modal-checkout .delete-modal__image-img,
#picky-app .v--modal-checkout .pax-modal__image-img {
    max-height: 28vh;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
#picky-app .v--modal .color-modal__variations,
#picky-app .v--modal .knob-modal__variations,
#picky-app .v--modal .handle-modal__variations,
#picky-app .v--modal .countertop-modal__variations,
#picky-app .v--modal .option-modal__variations,
#picky-app .v--modal .chest-modal__variations,
#picky-app .v--modal .cabinet-modal__variations,
#picky-app .v--modal .cabinetdoor-modal__variations,
#picky-app .v--modal .foot-modal__variations,
#picky-app .v--modal .top-modal__variations,
#picky-app .v--modal .material-modal__variations,
#picky-app .v--modal .checkout-modal__variations,
#picky-app .v--modal .customdoors-modal__variations,
#picky-app .v--modal .countertop-special-modal__variations,
#picky-app .v--modal .delete-modal__variations,
#picky-app .v--modal .pax-modal__variations,
#picky-app .v--modal-checkout .color-modal__variations,
#picky-app .v--modal-checkout .knob-modal__variations,
#picky-app .v--modal-checkout .handle-modal__variations,
#picky-app .v--modal-checkout .countertop-modal__variations,
#picky-app .v--modal-checkout .option-modal__variations,
#picky-app .v--modal-checkout .chest-modal__variations,
#picky-app .v--modal-checkout .cabinet-modal__variations,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations,
#picky-app .v--modal-checkout .foot-modal__variations,
#picky-app .v--modal-checkout .top-modal__variations,
#picky-app .v--modal-checkout .material-modal__variations,
#picky-app .v--modal-checkout .checkout-modal__variations,
#picky-app .v--modal-checkout .customdoors-modal__variations,
#picky-app .v--modal-checkout .countertop-special-modal__variations,
#picky-app .v--modal-checkout .delete-modal__variations,
#picky-app .v--modal-checkout .pax-modal__variations {
  overflow: auto;
  height: 400px;
  max-height: 50vh;
  max-width: calc(100vw - 40px);
}
#picky-app .v--modal .color-modal__variations li,
#picky-app .v--modal .knob-modal__variations li,
#picky-app .v--modal .handle-modal__variations li,
#picky-app .v--modal .countertop-modal__variations li,
#picky-app .v--modal .option-modal__variations li,
#picky-app .v--modal .chest-modal__variations li,
#picky-app .v--modal .cabinet-modal__variations li,
#picky-app .v--modal .cabinetdoor-modal__variations li,
#picky-app .v--modal .foot-modal__variations li,
#picky-app .v--modal .top-modal__variations li,
#picky-app .v--modal .material-modal__variations li,
#picky-app .v--modal .checkout-modal__variations li,
#picky-app .v--modal .customdoors-modal__variations li,
#picky-app .v--modal .countertop-special-modal__variations li,
#picky-app .v--modal .delete-modal__variations li,
#picky-app .v--modal .pax-modal__variations li,
#picky-app .v--modal-checkout .color-modal__variations li,
#picky-app .v--modal-checkout .knob-modal__variations li,
#picky-app .v--modal-checkout .handle-modal__variations li,
#picky-app .v--modal-checkout .countertop-modal__variations li,
#picky-app .v--modal-checkout .option-modal__variations li,
#picky-app .v--modal-checkout .chest-modal__variations li,
#picky-app .v--modal-checkout .cabinet-modal__variations li,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations li,
#picky-app .v--modal-checkout .foot-modal__variations li,
#picky-app .v--modal-checkout .top-modal__variations li,
#picky-app .v--modal-checkout .material-modal__variations li,
#picky-app .v--modal-checkout .checkout-modal__variations li,
#picky-app .v--modal-checkout .customdoors-modal__variations li,
#picky-app .v--modal-checkout .countertop-special-modal__variations li,
#picky-app .v--modal-checkout .delete-modal__variations li,
#picky-app .v--modal-checkout .pax-modal__variations li {
  cursor: pointer;
  display: grid;
  margin: 0.3rem 0.3rem 1rem 0.3rem;
  grid-template-columns: 83px auto;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 3rem;
  box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.24);
}
#picky-app .v--modal .color-modal__variations li p,
#picky-app .v--modal .color-modal__variations li span,
#picky-app .v--modal .knob-modal__variations li p,
#picky-app .v--modal .knob-modal__variations li span,
#picky-app .v--modal .handle-modal__variations li p,
#picky-app .v--modal .handle-modal__variations li span,
#picky-app .v--modal .countertop-modal__variations li p,
#picky-app .v--modal .countertop-modal__variations li span,
#picky-app .v--modal .option-modal__variations li p,
#picky-app .v--modal .option-modal__variations li span,
#picky-app .v--modal .chest-modal__variations li p,
#picky-app .v--modal .chest-modal__variations li span,
#picky-app .v--modal .cabinet-modal__variations li p,
#picky-app .v--modal .cabinet-modal__variations li span,
#picky-app .v--modal .cabinetdoor-modal__variations li p,
#picky-app .v--modal .cabinetdoor-modal__variations li span,
#picky-app .v--modal .foot-modal__variations li p,
#picky-app .v--modal .foot-modal__variations li span,
#picky-app .v--modal .top-modal__variations li p,
#picky-app .v--modal .top-modal__variations li span,
#picky-app .v--modal .material-modal__variations li p,
#picky-app .v--modal .material-modal__variations li span,
#picky-app .v--modal .checkout-modal__variations li p,
#picky-app .v--modal .checkout-modal__variations li span,
#picky-app .v--modal .customdoors-modal__variations li p,
#picky-app .v--modal .customdoors-modal__variations li span,
#picky-app .v--modal .countertop-special-modal__variations li p,
#picky-app .v--modal .countertop-special-modal__variations li span,
#picky-app .v--modal .delete-modal__variations li p,
#picky-app .v--modal .delete-modal__variations li span,
#picky-app .v--modal .pax-modal__variations li p,
#picky-app .v--modal .pax-modal__variations li span,
#picky-app .v--modal-checkout .color-modal__variations li p,
#picky-app .v--modal-checkout .color-modal__variations li span,
#picky-app .v--modal-checkout .knob-modal__variations li p,
#picky-app .v--modal-checkout .knob-modal__variations li span,
#picky-app .v--modal-checkout .handle-modal__variations li p,
#picky-app .v--modal-checkout .handle-modal__variations li span,
#picky-app .v--modal-checkout .countertop-modal__variations li p,
#picky-app .v--modal-checkout .countertop-modal__variations li span,
#picky-app .v--modal-checkout .option-modal__variations li p,
#picky-app .v--modal-checkout .option-modal__variations li span,
#picky-app .v--modal-checkout .chest-modal__variations li p,
#picky-app .v--modal-checkout .chest-modal__variations li span,
#picky-app .v--modal-checkout .cabinet-modal__variations li p,
#picky-app .v--modal-checkout .cabinet-modal__variations li span,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations li p,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations li span,
#picky-app .v--modal-checkout .foot-modal__variations li p,
#picky-app .v--modal-checkout .foot-modal__variations li span,
#picky-app .v--modal-checkout .top-modal__variations li p,
#picky-app .v--modal-checkout .top-modal__variations li span,
#picky-app .v--modal-checkout .material-modal__variations li p,
#picky-app .v--modal-checkout .material-modal__variations li span,
#picky-app .v--modal-checkout .checkout-modal__variations li p,
#picky-app .v--modal-checkout .checkout-modal__variations li span,
#picky-app .v--modal-checkout .customdoors-modal__variations li p,
#picky-app .v--modal-checkout .customdoors-modal__variations li span,
#picky-app .v--modal-checkout .countertop-special-modal__variations li p,
#picky-app .v--modal-checkout .countertop-special-modal__variations li span,
#picky-app .v--modal-checkout .delete-modal__variations li p,
#picky-app .v--modal-checkout .delete-modal__variations li span,
#picky-app .v--modal-checkout .pax-modal__variations li p,
#picky-app .v--modal-checkout .pax-modal__variations li span {
  font-size: 14px;
  margin-bottom: 0.2rem;
  padding: 0 1rem 0 0;
}
#picky-app .v--modal .color-modal__variations li p,
#picky-app .v--modal .knob-modal__variations li p,
#picky-app .v--modal .handle-modal__variations li p,
#picky-app .v--modal .countertop-modal__variations li p,
#picky-app .v--modal .option-modal__variations li p,
#picky-app .v--modal .chest-modal__variations li p,
#picky-app .v--modal .cabinet-modal__variations li p,
#picky-app .v--modal .cabinetdoor-modal__variations li p,
#picky-app .v--modal .foot-modal__variations li p,
#picky-app .v--modal .top-modal__variations li p,
#picky-app .v--modal .material-modal__variations li p,
#picky-app .v--modal .checkout-modal__variations li p,
#picky-app .v--modal .customdoors-modal__variations li p,
#picky-app .v--modal .countertop-special-modal__variations li p,
#picky-app .v--modal .delete-modal__variations li p,
#picky-app .v--modal .pax-modal__variations li p,
#picky-app .v--modal-checkout .color-modal__variations li p,
#picky-app .v--modal-checkout .knob-modal__variations li p,
#picky-app .v--modal-checkout .handle-modal__variations li p,
#picky-app .v--modal-checkout .countertop-modal__variations li p,
#picky-app .v--modal-checkout .option-modal__variations li p,
#picky-app .v--modal-checkout .chest-modal__variations li p,
#picky-app .v--modal-checkout .cabinet-modal__variations li p,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations li p,
#picky-app .v--modal-checkout .foot-modal__variations li p,
#picky-app .v--modal-checkout .top-modal__variations li p,
#picky-app .v--modal-checkout .material-modal__variations li p,
#picky-app .v--modal-checkout .checkout-modal__variations li p,
#picky-app .v--modal-checkout .customdoors-modal__variations li p,
#picky-app .v--modal-checkout .countertop-special-modal__variations li p,
#picky-app .v--modal-checkout .delete-modal__variations li p,
#picky-app .v--modal-checkout .pax-modal__variations li p {
  font-weight: 700;
}
#picky-app .v--modal .color-modal__variations li div,
#picky-app .v--modal .knob-modal__variations li div,
#picky-app .v--modal .handle-modal__variations li div,
#picky-app .v--modal .countertop-modal__variations li div,
#picky-app .v--modal .option-modal__variations li div,
#picky-app .v--modal .chest-modal__variations li div,
#picky-app .v--modal .cabinet-modal__variations li div,
#picky-app .v--modal .cabinetdoor-modal__variations li div,
#picky-app .v--modal .foot-modal__variations li div,
#picky-app .v--modal .top-modal__variations li div,
#picky-app .v--modal .material-modal__variations li div,
#picky-app .v--modal .checkout-modal__variations li div,
#picky-app .v--modal .customdoors-modal__variations li div,
#picky-app .v--modal .countertop-special-modal__variations li div,
#picky-app .v--modal .delete-modal__variations li div,
#picky-app .v--modal .pax-modal__variations li div,
#picky-app .v--modal-checkout .color-modal__variations li div,
#picky-app .v--modal-checkout .knob-modal__variations li div,
#picky-app .v--modal-checkout .handle-modal__variations li div,
#picky-app .v--modal-checkout .countertop-modal__variations li div,
#picky-app .v--modal-checkout .option-modal__variations li div,
#picky-app .v--modal-checkout .chest-modal__variations li div,
#picky-app .v--modal-checkout .cabinet-modal__variations li div,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations li div,
#picky-app .v--modal-checkout .foot-modal__variations li div,
#picky-app .v--modal-checkout .top-modal__variations li div,
#picky-app .v--modal-checkout .material-modal__variations li div,
#picky-app .v--modal-checkout .checkout-modal__variations li div,
#picky-app .v--modal-checkout .customdoors-modal__variations li div,
#picky-app .v--modal-checkout .countertop-special-modal__variations li div,
#picky-app .v--modal-checkout .delete-modal__variations li div,
#picky-app .v--modal-checkout .pax-modal__variations li div {
  padding: 0;
  max-height: 160px;
  overflow-y: auto;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal .color-modal__variations,
#picky-app .v--modal .knob-modal__variations,
#picky-app .v--modal .handle-modal__variations,
#picky-app .v--modal .countertop-modal__variations,
#picky-app .v--modal .option-modal__variations,
#picky-app .v--modal .chest-modal__variations,
#picky-app .v--modal .cabinet-modal__variations,
#picky-app .v--modal .cabinetdoor-modal__variations,
#picky-app .v--modal .foot-modal__variations,
#picky-app .v--modal .top-modal__variations,
#picky-app .v--modal .material-modal__variations,
#picky-app .v--modal .checkout-modal__variations,
#picky-app .v--modal .customdoors-modal__variations,
#picky-app .v--modal .countertop-special-modal__variations,
#picky-app .v--modal .delete-modal__variations,
#picky-app .v--modal .pax-modal__variations,
#picky-app .v--modal-checkout .color-modal__variations,
#picky-app .v--modal-checkout .knob-modal__variations,
#picky-app .v--modal-checkout .handle-modal__variations,
#picky-app .v--modal-checkout .countertop-modal__variations,
#picky-app .v--modal-checkout .option-modal__variations,
#picky-app .v--modal-checkout .chest-modal__variations,
#picky-app .v--modal-checkout .cabinet-modal__variations,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations,
#picky-app .v--modal-checkout .foot-modal__variations,
#picky-app .v--modal-checkout .top-modal__variations,
#picky-app .v--modal-checkout .material-modal__variations,
#picky-app .v--modal-checkout .checkout-modal__variations,
#picky-app .v--modal-checkout .customdoors-modal__variations,
#picky-app .v--modal-checkout .countertop-special-modal__variations,
#picky-app .v--modal-checkout .delete-modal__variations,
#picky-app .v--modal-checkout .pax-modal__variations {
    display: flex;
    height: unset;
  }
  #picky-app .v--modal .color-modal__variations li,
#picky-app .v--modal .knob-modal__variations li,
#picky-app .v--modal .handle-modal__variations li,
#picky-app .v--modal .countertop-modal__variations li,
#picky-app .v--modal .option-modal__variations li,
#picky-app .v--modal .chest-modal__variations li,
#picky-app .v--modal .cabinet-modal__variations li,
#picky-app .v--modal .cabinetdoor-modal__variations li,
#picky-app .v--modal .foot-modal__variations li,
#picky-app .v--modal .top-modal__variations li,
#picky-app .v--modal .material-modal__variations li,
#picky-app .v--modal .checkout-modal__variations li,
#picky-app .v--modal .customdoors-modal__variations li,
#picky-app .v--modal .countertop-special-modal__variations li,
#picky-app .v--modal .delete-modal__variations li,
#picky-app .v--modal .pax-modal__variations li,
#picky-app .v--modal-checkout .color-modal__variations li,
#picky-app .v--modal-checkout .knob-modal__variations li,
#picky-app .v--modal-checkout .handle-modal__variations li,
#picky-app .v--modal-checkout .countertop-modal__variations li,
#picky-app .v--modal-checkout .option-modal__variations li,
#picky-app .v--modal-checkout .chest-modal__variations li,
#picky-app .v--modal-checkout .cabinet-modal__variations li,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations li,
#picky-app .v--modal-checkout .foot-modal__variations li,
#picky-app .v--modal-checkout .top-modal__variations li,
#picky-app .v--modal-checkout .material-modal__variations li,
#picky-app .v--modal-checkout .checkout-modal__variations li,
#picky-app .v--modal-checkout .customdoors-modal__variations li,
#picky-app .v--modal-checkout .countertop-special-modal__variations li,
#picky-app .v--modal-checkout .delete-modal__variations li,
#picky-app .v--modal-checkout .pax-modal__variations li {
    margin: 0.5rem 0.5rem 2rem;
    gap: 0.5rem;
    min-width: 70vw;
  }
}
#picky-app .v--modal .color-modal__variations--selected,
#picky-app .v--modal .knob-modal__variations--selected,
#picky-app .v--modal .handle-modal__variations--selected,
#picky-app .v--modal .countertop-modal__variations--selected,
#picky-app .v--modal .option-modal__variations--selected,
#picky-app .v--modal .chest-modal__variations--selected,
#picky-app .v--modal .cabinet-modal__variations--selected,
#picky-app .v--modal .cabinetdoor-modal__variations--selected,
#picky-app .v--modal .foot-modal__variations--selected,
#picky-app .v--modal .top-modal__variations--selected,
#picky-app .v--modal .material-modal__variations--selected,
#picky-app .v--modal .checkout-modal__variations--selected,
#picky-app .v--modal .customdoors-modal__variations--selected,
#picky-app .v--modal .countertop-special-modal__variations--selected,
#picky-app .v--modal .delete-modal__variations--selected,
#picky-app .v--modal .pax-modal__variations--selected,
#picky-app .v--modal-checkout .color-modal__variations--selected,
#picky-app .v--modal-checkout .knob-modal__variations--selected,
#picky-app .v--modal-checkout .handle-modal__variations--selected,
#picky-app .v--modal-checkout .countertop-modal__variations--selected,
#picky-app .v--modal-checkout .option-modal__variations--selected,
#picky-app .v--modal-checkout .chest-modal__variations--selected,
#picky-app .v--modal-checkout .cabinet-modal__variations--selected,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations--selected,
#picky-app .v--modal-checkout .foot-modal__variations--selected,
#picky-app .v--modal-checkout .top-modal__variations--selected,
#picky-app .v--modal-checkout .material-modal__variations--selected,
#picky-app .v--modal-checkout .checkout-modal__variations--selected,
#picky-app .v--modal-checkout .customdoors-modal__variations--selected,
#picky-app .v--modal-checkout .countertop-special-modal__variations--selected,
#picky-app .v--modal-checkout .delete-modal__variations--selected,
#picky-app .v--modal-checkout .pax-modal__variations--selected {
  border: 2px solid #24324a;
  box-shadow: none;
}
#picky-app .v--modal .color-modal__variations--unavailable,
#picky-app .v--modal .knob-modal__variations--unavailable,
#picky-app .v--modal .handle-modal__variations--unavailable,
#picky-app .v--modal .countertop-modal__variations--unavailable,
#picky-app .v--modal .option-modal__variations--unavailable,
#picky-app .v--modal .chest-modal__variations--unavailable,
#picky-app .v--modal .cabinet-modal__variations--unavailable,
#picky-app .v--modal .cabinetdoor-modal__variations--unavailable,
#picky-app .v--modal .foot-modal__variations--unavailable,
#picky-app .v--modal .top-modal__variations--unavailable,
#picky-app .v--modal .material-modal__variations--unavailable,
#picky-app .v--modal .checkout-modal__variations--unavailable,
#picky-app .v--modal .customdoors-modal__variations--unavailable,
#picky-app .v--modal .countertop-special-modal__variations--unavailable,
#picky-app .v--modal .delete-modal__variations--unavailable,
#picky-app .v--modal .pax-modal__variations--unavailable,
#picky-app .v--modal-checkout .color-modal__variations--unavailable,
#picky-app .v--modal-checkout .knob-modal__variations--unavailable,
#picky-app .v--modal-checkout .handle-modal__variations--unavailable,
#picky-app .v--modal-checkout .countertop-modal__variations--unavailable,
#picky-app .v--modal-checkout .option-modal__variations--unavailable,
#picky-app .v--modal-checkout .chest-modal__variations--unavailable,
#picky-app .v--modal-checkout .cabinet-modal__variations--unavailable,
#picky-app .v--modal-checkout .cabinetdoor-modal__variations--unavailable,
#picky-app .v--modal-checkout .foot-modal__variations--unavailable,
#picky-app .v--modal-checkout .top-modal__variations--unavailable,
#picky-app .v--modal-checkout .material-modal__variations--unavailable,
#picky-app .v--modal-checkout .checkout-modal__variations--unavailable,
#picky-app .v--modal-checkout .customdoors-modal__variations--unavailable,
#picky-app .v--modal-checkout .countertop-special-modal__variations--unavailable,
#picky-app .v--modal-checkout .delete-modal__variations--unavailable,
#picky-app .v--modal-checkout .pax-modal__variations--unavailable {
  border: none;
  opacity: 0.3;
}
#picky-app .v--modal .color-modal__next, #picky-app .v--modal .color-modal__previous,
#picky-app .v--modal .knob-modal__next,
#picky-app .v--modal .knob-modal__previous,
#picky-app .v--modal .handle-modal__next,
#picky-app .v--modal .handle-modal__previous,
#picky-app .v--modal .countertop-modal__next,
#picky-app .v--modal .countertop-modal__previous,
#picky-app .v--modal .option-modal__next,
#picky-app .v--modal .option-modal__previous,
#picky-app .v--modal .chest-modal__next,
#picky-app .v--modal .chest-modal__previous,
#picky-app .v--modal .cabinet-modal__next,
#picky-app .v--modal .cabinet-modal__previous,
#picky-app .v--modal .cabinetdoor-modal__next,
#picky-app .v--modal .cabinetdoor-modal__previous,
#picky-app .v--modal .foot-modal__next,
#picky-app .v--modal .foot-modal__previous,
#picky-app .v--modal .top-modal__next,
#picky-app .v--modal .top-modal__previous,
#picky-app .v--modal .material-modal__next,
#picky-app .v--modal .material-modal__previous,
#picky-app .v--modal .checkout-modal__next,
#picky-app .v--modal .checkout-modal__previous,
#picky-app .v--modal .customdoors-modal__next,
#picky-app .v--modal .customdoors-modal__previous,
#picky-app .v--modal .countertop-special-modal__next,
#picky-app .v--modal .countertop-special-modal__previous,
#picky-app .v--modal .delete-modal__next,
#picky-app .v--modal .delete-modal__previous,
#picky-app .v--modal .pax-modal__next,
#picky-app .v--modal .pax-modal__previous,
#picky-app .v--modal-checkout .color-modal__next,
#picky-app .v--modal-checkout .color-modal__previous,
#picky-app .v--modal-checkout .knob-modal__next,
#picky-app .v--modal-checkout .knob-modal__previous,
#picky-app .v--modal-checkout .handle-modal__next,
#picky-app .v--modal-checkout .handle-modal__previous,
#picky-app .v--modal-checkout .countertop-modal__next,
#picky-app .v--modal-checkout .countertop-modal__previous,
#picky-app .v--modal-checkout .option-modal__next,
#picky-app .v--modal-checkout .option-modal__previous,
#picky-app .v--modal-checkout .chest-modal__next,
#picky-app .v--modal-checkout .chest-modal__previous,
#picky-app .v--modal-checkout .cabinet-modal__next,
#picky-app .v--modal-checkout .cabinet-modal__previous,
#picky-app .v--modal-checkout .cabinetdoor-modal__next,
#picky-app .v--modal-checkout .cabinetdoor-modal__previous,
#picky-app .v--modal-checkout .foot-modal__next,
#picky-app .v--modal-checkout .foot-modal__previous,
#picky-app .v--modal-checkout .top-modal__next,
#picky-app .v--modal-checkout .top-modal__previous,
#picky-app .v--modal-checkout .material-modal__next,
#picky-app .v--modal-checkout .material-modal__previous,
#picky-app .v--modal-checkout .checkout-modal__next,
#picky-app .v--modal-checkout .checkout-modal__previous,
#picky-app .v--modal-checkout .customdoors-modal__next,
#picky-app .v--modal-checkout .customdoors-modal__previous,
#picky-app .v--modal-checkout .countertop-special-modal__next,
#picky-app .v--modal-checkout .countertop-special-modal__previous,
#picky-app .v--modal-checkout .delete-modal__next,
#picky-app .v--modal-checkout .delete-modal__previous,
#picky-app .v--modal-checkout .pax-modal__next,
#picky-app .v--modal-checkout .pax-modal__previous {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 55px;
  cursor: pointer;
  z-index: 9;
}
#picky-app .v--modal .color-modal__next,
#picky-app .v--modal .knob-modal__next,
#picky-app .v--modal .handle-modal__next,
#picky-app .v--modal .countertop-modal__next,
#picky-app .v--modal .option-modal__next,
#picky-app .v--modal .chest-modal__next,
#picky-app .v--modal .cabinet-modal__next,
#picky-app .v--modal .cabinetdoor-modal__next,
#picky-app .v--modal .foot-modal__next,
#picky-app .v--modal .top-modal__next,
#picky-app .v--modal .material-modal__next,
#picky-app .v--modal .checkout-modal__next,
#picky-app .v--modal .customdoors-modal__next,
#picky-app .v--modal .countertop-special-modal__next,
#picky-app .v--modal .delete-modal__next,
#picky-app .v--modal .pax-modal__next,
#picky-app .v--modal-checkout .color-modal__next,
#picky-app .v--modal-checkout .knob-modal__next,
#picky-app .v--modal-checkout .handle-modal__next,
#picky-app .v--modal-checkout .countertop-modal__next,
#picky-app .v--modal-checkout .option-modal__next,
#picky-app .v--modal-checkout .chest-modal__next,
#picky-app .v--modal-checkout .cabinet-modal__next,
#picky-app .v--modal-checkout .cabinetdoor-modal__next,
#picky-app .v--modal-checkout .foot-modal__next,
#picky-app .v--modal-checkout .top-modal__next,
#picky-app .v--modal-checkout .material-modal__next,
#picky-app .v--modal-checkout .checkout-modal__next,
#picky-app .v--modal-checkout .customdoors-modal__next,
#picky-app .v--modal-checkout .countertop-special-modal__next,
#picky-app .v--modal-checkout .delete-modal__next,
#picky-app .v--modal-checkout .pax-modal__next {
  right: 0.5rem;
}
#picky-app .v--modal .color-modal__previous,
#picky-app .v--modal .knob-modal__previous,
#picky-app .v--modal .handle-modal__previous,
#picky-app .v--modal .countertop-modal__previous,
#picky-app .v--modal .option-modal__previous,
#picky-app .v--modal .chest-modal__previous,
#picky-app .v--modal .cabinet-modal__previous,
#picky-app .v--modal .cabinetdoor-modal__previous,
#picky-app .v--modal .foot-modal__previous,
#picky-app .v--modal .top-modal__previous,
#picky-app .v--modal .material-modal__previous,
#picky-app .v--modal .checkout-modal__previous,
#picky-app .v--modal .customdoors-modal__previous,
#picky-app .v--modal .countertop-special-modal__previous,
#picky-app .v--modal .delete-modal__previous,
#picky-app .v--modal .pax-modal__previous,
#picky-app .v--modal-checkout .color-modal__previous,
#picky-app .v--modal-checkout .knob-modal__previous,
#picky-app .v--modal-checkout .handle-modal__previous,
#picky-app .v--modal-checkout .countertop-modal__previous,
#picky-app .v--modal-checkout .option-modal__previous,
#picky-app .v--modal-checkout .chest-modal__previous,
#picky-app .v--modal-checkout .cabinet-modal__previous,
#picky-app .v--modal-checkout .cabinetdoor-modal__previous,
#picky-app .v--modal-checkout .foot-modal__previous,
#picky-app .v--modal-checkout .top-modal__previous,
#picky-app .v--modal-checkout .material-modal__previous,
#picky-app .v--modal-checkout .checkout-modal__previous,
#picky-app .v--modal-checkout .customdoors-modal__previous,
#picky-app .v--modal-checkout .countertop-special-modal__previous,
#picky-app .v--modal-checkout .delete-modal__previous,
#picky-app .v--modal-checkout .pax-modal__previous {
  left: 0.5rem;
}
#picky-app .v--modal .color-modal__color,
#picky-app .v--modal .knob-modal__color,
#picky-app .v--modal .handle-modal__color,
#picky-app .v--modal .countertop-modal__color,
#picky-app .v--modal .option-modal__color,
#picky-app .v--modal .chest-modal__color,
#picky-app .v--modal .cabinet-modal__color,
#picky-app .v--modal .cabinetdoor-modal__color,
#picky-app .v--modal .foot-modal__color,
#picky-app .v--modal .top-modal__color,
#picky-app .v--modal .material-modal__color,
#picky-app .v--modal .checkout-modal__color,
#picky-app .v--modal .customdoors-modal__color,
#picky-app .v--modal .countertop-special-modal__color,
#picky-app .v--modal .delete-modal__color,
#picky-app .v--modal .pax-modal__color,
#picky-app .v--modal-checkout .color-modal__color,
#picky-app .v--modal-checkout .knob-modal__color,
#picky-app .v--modal-checkout .handle-modal__color,
#picky-app .v--modal-checkout .countertop-modal__color,
#picky-app .v--modal-checkout .option-modal__color,
#picky-app .v--modal-checkout .chest-modal__color,
#picky-app .v--modal-checkout .cabinet-modal__color,
#picky-app .v--modal-checkout .cabinetdoor-modal__color,
#picky-app .v--modal-checkout .foot-modal__color,
#picky-app .v--modal-checkout .top-modal__color,
#picky-app .v--modal-checkout .material-modal__color,
#picky-app .v--modal-checkout .checkout-modal__color,
#picky-app .v--modal-checkout .customdoors-modal__color,
#picky-app .v--modal-checkout .countertop-special-modal__color,
#picky-app .v--modal-checkout .delete-modal__color,
#picky-app .v--modal-checkout .pax-modal__color {
  width: 383px;
  height: 455px;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  margin: 0 auto;
}
@media (max-width: 770px) {
  #picky-app .v--modal .color-modal__color,
#picky-app .v--modal .knob-modal__color,
#picky-app .v--modal .handle-modal__color,
#picky-app .v--modal .countertop-modal__color,
#picky-app .v--modal .option-modal__color,
#picky-app .v--modal .chest-modal__color,
#picky-app .v--modal .cabinet-modal__color,
#picky-app .v--modal .cabinetdoor-modal__color,
#picky-app .v--modal .foot-modal__color,
#picky-app .v--modal .top-modal__color,
#picky-app .v--modal .material-modal__color,
#picky-app .v--modal .checkout-modal__color,
#picky-app .v--modal .customdoors-modal__color,
#picky-app .v--modal .countertop-special-modal__color,
#picky-app .v--modal .delete-modal__color,
#picky-app .v--modal .pax-modal__color,
#picky-app .v--modal-checkout .color-modal__color,
#picky-app .v--modal-checkout .knob-modal__color,
#picky-app .v--modal-checkout .handle-modal__color,
#picky-app .v--modal-checkout .countertop-modal__color,
#picky-app .v--modal-checkout .option-modal__color,
#picky-app .v--modal-checkout .chest-modal__color,
#picky-app .v--modal-checkout .cabinet-modal__color,
#picky-app .v--modal-checkout .cabinetdoor-modal__color,
#picky-app .v--modal-checkout .foot-modal__color,
#picky-app .v--modal-checkout .top-modal__color,
#picky-app .v--modal-checkout .material-modal__color,
#picky-app .v--modal-checkout .checkout-modal__color,
#picky-app .v--modal-checkout .customdoors-modal__color,
#picky-app .v--modal-checkout .countertop-special-modal__color,
#picky-app .v--modal-checkout .delete-modal__color,
#picky-app .v--modal-checkout .pax-modal__color {
    width: 250px;
    height: 290px;
  }
}
#picky-app .v--modal .color-modal strong,
#picky-app .v--modal .knob-modal strong,
#picky-app .v--modal .handle-modal strong,
#picky-app .v--modal .countertop-modal strong,
#picky-app .v--modal .option-modal strong,
#picky-app .v--modal .chest-modal strong,
#picky-app .v--modal .cabinet-modal strong,
#picky-app .v--modal .cabinetdoor-modal strong,
#picky-app .v--modal .foot-modal strong,
#picky-app .v--modal .top-modal strong,
#picky-app .v--modal .material-modal strong,
#picky-app .v--modal .checkout-modal strong,
#picky-app .v--modal .customdoors-modal strong,
#picky-app .v--modal .countertop-special-modal strong,
#picky-app .v--modal .delete-modal strong,
#picky-app .v--modal .pax-modal strong,
#picky-app .v--modal-checkout .color-modal strong,
#picky-app .v--modal-checkout .knob-modal strong,
#picky-app .v--modal-checkout .handle-modal strong,
#picky-app .v--modal-checkout .countertop-modal strong,
#picky-app .v--modal-checkout .option-modal strong,
#picky-app .v--modal-checkout .chest-modal strong,
#picky-app .v--modal-checkout .cabinet-modal strong,
#picky-app .v--modal-checkout .cabinetdoor-modal strong,
#picky-app .v--modal-checkout .foot-modal strong,
#picky-app .v--modal-checkout .top-modal strong,
#picky-app .v--modal-checkout .material-modal strong,
#picky-app .v--modal-checkout .checkout-modal strong,
#picky-app .v--modal-checkout .customdoors-modal strong,
#picky-app .v--modal-checkout .countertop-special-modal strong,
#picky-app .v--modal-checkout .delete-modal strong,
#picky-app .v--modal-checkout .pax-modal strong {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}
#picky-app .v--modal .color-modal p,
#picky-app .v--modal .knob-modal p,
#picky-app .v--modal .handle-modal p,
#picky-app .v--modal .countertop-modal p,
#picky-app .v--modal .option-modal p,
#picky-app .v--modal .chest-modal p,
#picky-app .v--modal .cabinet-modal p,
#picky-app .v--modal .cabinetdoor-modal p,
#picky-app .v--modal .foot-modal p,
#picky-app .v--modal .top-modal p,
#picky-app .v--modal .material-modal p,
#picky-app .v--modal .checkout-modal p,
#picky-app .v--modal .customdoors-modal p,
#picky-app .v--modal .countertop-special-modal p,
#picky-app .v--modal .delete-modal p,
#picky-app .v--modal .pax-modal p,
#picky-app .v--modal-checkout .color-modal p,
#picky-app .v--modal-checkout .knob-modal p,
#picky-app .v--modal-checkout .handle-modal p,
#picky-app .v--modal-checkout .countertop-modal p,
#picky-app .v--modal-checkout .option-modal p,
#picky-app .v--modal-checkout .chest-modal p,
#picky-app .v--modal-checkout .cabinet-modal p,
#picky-app .v--modal-checkout .cabinetdoor-modal p,
#picky-app .v--modal-checkout .foot-modal p,
#picky-app .v--modal-checkout .top-modal p,
#picky-app .v--modal-checkout .material-modal p,
#picky-app .v--modal-checkout .checkout-modal p,
#picky-app .v--modal-checkout .customdoors-modal p,
#picky-app .v--modal-checkout .countertop-special-modal p,
#picky-app .v--modal-checkout .delete-modal p,
#picky-app .v--modal-checkout .pax-modal p {
  margin-bottom: 2rem;
  font-size: 14px;
  line-height: 1.5;
}
#picky-app .v--modal .color-modal__price,
#picky-app .v--modal .knob-modal__price,
#picky-app .v--modal .handle-modal__price,
#picky-app .v--modal .countertop-modal__price,
#picky-app .v--modal .option-modal__price,
#picky-app .v--modal .chest-modal__price,
#picky-app .v--modal .cabinet-modal__price,
#picky-app .v--modal .cabinetdoor-modal__price,
#picky-app .v--modal .foot-modal__price,
#picky-app .v--modal .top-modal__price,
#picky-app .v--modal .material-modal__price,
#picky-app .v--modal .checkout-modal__price,
#picky-app .v--modal .customdoors-modal__price,
#picky-app .v--modal .countertop-special-modal__price,
#picky-app .v--modal .delete-modal__price,
#picky-app .v--modal .pax-modal__price,
#picky-app .v--modal-checkout .color-modal__price,
#picky-app .v--modal-checkout .knob-modal__price,
#picky-app .v--modal-checkout .handle-modal__price,
#picky-app .v--modal-checkout .countertop-modal__price,
#picky-app .v--modal-checkout .option-modal__price,
#picky-app .v--modal-checkout .chest-modal__price,
#picky-app .v--modal-checkout .cabinet-modal__price,
#picky-app .v--modal-checkout .cabinetdoor-modal__price,
#picky-app .v--modal-checkout .foot-modal__price,
#picky-app .v--modal-checkout .top-modal__price,
#picky-app .v--modal-checkout .material-modal__price,
#picky-app .v--modal-checkout .checkout-modal__price,
#picky-app .v--modal-checkout .customdoors-modal__price,
#picky-app .v--modal-checkout .countertop-special-modal__price,
#picky-app .v--modal-checkout .delete-modal__price,
#picky-app .v--modal-checkout .pax-modal__price {
  font-size: 18px !important;
  font-weight: 600 !important;
}
#picky-app .v--modal .color-modal .dropdown,
#picky-app .v--modal .knob-modal .dropdown,
#picky-app .v--modal .handle-modal .dropdown,
#picky-app .v--modal .countertop-modal .dropdown,
#picky-app .v--modal .option-modal .dropdown,
#picky-app .v--modal .chest-modal .dropdown,
#picky-app .v--modal .cabinet-modal .dropdown,
#picky-app .v--modal .cabinetdoor-modal .dropdown,
#picky-app .v--modal .foot-modal .dropdown,
#picky-app .v--modal .top-modal .dropdown,
#picky-app .v--modal .material-modal .dropdown,
#picky-app .v--modal .checkout-modal .dropdown,
#picky-app .v--modal .customdoors-modal .dropdown,
#picky-app .v--modal .countertop-special-modal .dropdown,
#picky-app .v--modal .delete-modal .dropdown,
#picky-app .v--modal .pax-modal .dropdown,
#picky-app .v--modal-checkout .color-modal .dropdown,
#picky-app .v--modal-checkout .knob-modal .dropdown,
#picky-app .v--modal-checkout .handle-modal .dropdown,
#picky-app .v--modal-checkout .countertop-modal .dropdown,
#picky-app .v--modal-checkout .option-modal .dropdown,
#picky-app .v--modal-checkout .chest-modal .dropdown,
#picky-app .v--modal-checkout .cabinet-modal .dropdown,
#picky-app .v--modal-checkout .cabinetdoor-modal .dropdown,
#picky-app .v--modal-checkout .foot-modal .dropdown,
#picky-app .v--modal-checkout .top-modal .dropdown,
#picky-app .v--modal-checkout .material-modal .dropdown,
#picky-app .v--modal-checkout .checkout-modal .dropdown,
#picky-app .v--modal-checkout .customdoors-modal .dropdown,
#picky-app .v--modal-checkout .countertop-special-modal .dropdown,
#picky-app .v--modal-checkout .delete-modal .dropdown,
#picky-app .v--modal-checkout .pax-modal .dropdown {
  margin-bottom: 2rem;
}
#picky-app .v--modal .color-modal__input,
#picky-app .v--modal .knob-modal__input,
#picky-app .v--modal .handle-modal__input,
#picky-app .v--modal .countertop-modal__input,
#picky-app .v--modal .option-modal__input,
#picky-app .v--modal .chest-modal__input,
#picky-app .v--modal .cabinet-modal__input,
#picky-app .v--modal .cabinetdoor-modal__input,
#picky-app .v--modal .foot-modal__input,
#picky-app .v--modal .top-modal__input,
#picky-app .v--modal .material-modal__input,
#picky-app .v--modal .checkout-modal__input,
#picky-app .v--modal .customdoors-modal__input,
#picky-app .v--modal .countertop-special-modal__input,
#picky-app .v--modal .delete-modal__input,
#picky-app .v--modal .pax-modal__input,
#picky-app .v--modal-checkout .color-modal__input,
#picky-app .v--modal-checkout .knob-modal__input,
#picky-app .v--modal-checkout .handle-modal__input,
#picky-app .v--modal-checkout .countertop-modal__input,
#picky-app .v--modal-checkout .option-modal__input,
#picky-app .v--modal-checkout .chest-modal__input,
#picky-app .v--modal-checkout .cabinet-modal__input,
#picky-app .v--modal-checkout .cabinetdoor-modal__input,
#picky-app .v--modal-checkout .foot-modal__input,
#picky-app .v--modal-checkout .top-modal__input,
#picky-app .v--modal-checkout .material-modal__input,
#picky-app .v--modal-checkout .checkout-modal__input,
#picky-app .v--modal-checkout .customdoors-modal__input,
#picky-app .v--modal-checkout .countertop-special-modal__input,
#picky-app .v--modal-checkout .delete-modal__input,
#picky-app .v--modal-checkout .pax-modal__input {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
#picky-app .v--modal .color-modal__input input,
#picky-app .v--modal .color-modal__input select,
#picky-app .v--modal .knob-modal__input input,
#picky-app .v--modal .knob-modal__input select,
#picky-app .v--modal .handle-modal__input input,
#picky-app .v--modal .handle-modal__input select,
#picky-app .v--modal .countertop-modal__input input,
#picky-app .v--modal .countertop-modal__input select,
#picky-app .v--modal .option-modal__input input,
#picky-app .v--modal .option-modal__input select,
#picky-app .v--modal .chest-modal__input input,
#picky-app .v--modal .chest-modal__input select,
#picky-app .v--modal .cabinet-modal__input input,
#picky-app .v--modal .cabinet-modal__input select,
#picky-app .v--modal .cabinetdoor-modal__input input,
#picky-app .v--modal .cabinetdoor-modal__input select,
#picky-app .v--modal .foot-modal__input input,
#picky-app .v--modal .foot-modal__input select,
#picky-app .v--modal .top-modal__input input,
#picky-app .v--modal .top-modal__input select,
#picky-app .v--modal .material-modal__input input,
#picky-app .v--modal .material-modal__input select,
#picky-app .v--modal .checkout-modal__input input,
#picky-app .v--modal .checkout-modal__input select,
#picky-app .v--modal .customdoors-modal__input input,
#picky-app .v--modal .customdoors-modal__input select,
#picky-app .v--modal .countertop-special-modal__input input,
#picky-app .v--modal .countertop-special-modal__input select,
#picky-app .v--modal .delete-modal__input input,
#picky-app .v--modal .delete-modal__input select,
#picky-app .v--modal .pax-modal__input input,
#picky-app .v--modal .pax-modal__input select,
#picky-app .v--modal-checkout .color-modal__input input,
#picky-app .v--modal-checkout .color-modal__input select,
#picky-app .v--modal-checkout .knob-modal__input input,
#picky-app .v--modal-checkout .knob-modal__input select,
#picky-app .v--modal-checkout .handle-modal__input input,
#picky-app .v--modal-checkout .handle-modal__input select,
#picky-app .v--modal-checkout .countertop-modal__input input,
#picky-app .v--modal-checkout .countertop-modal__input select,
#picky-app .v--modal-checkout .option-modal__input input,
#picky-app .v--modal-checkout .option-modal__input select,
#picky-app .v--modal-checkout .chest-modal__input input,
#picky-app .v--modal-checkout .chest-modal__input select,
#picky-app .v--modal-checkout .cabinet-modal__input input,
#picky-app .v--modal-checkout .cabinet-modal__input select,
#picky-app .v--modal-checkout .cabinetdoor-modal__input input,
#picky-app .v--modal-checkout .cabinetdoor-modal__input select,
#picky-app .v--modal-checkout .foot-modal__input input,
#picky-app .v--modal-checkout .foot-modal__input select,
#picky-app .v--modal-checkout .top-modal__input input,
#picky-app .v--modal-checkout .top-modal__input select,
#picky-app .v--modal-checkout .material-modal__input input,
#picky-app .v--modal-checkout .material-modal__input select,
#picky-app .v--modal-checkout .checkout-modal__input input,
#picky-app .v--modal-checkout .checkout-modal__input select,
#picky-app .v--modal-checkout .customdoors-modal__input input,
#picky-app .v--modal-checkout .customdoors-modal__input select,
#picky-app .v--modal-checkout .countertop-special-modal__input input,
#picky-app .v--modal-checkout .countertop-special-modal__input select,
#picky-app .v--modal-checkout .delete-modal__input input,
#picky-app .v--modal-checkout .delete-modal__input select,
#picky-app .v--modal-checkout .pax-modal__input input,
#picky-app .v--modal-checkout .pax-modal__input select {
  display: block;
  flex: 0 0 100px;
  width: 100px;
  border: 1px solid #e7e7e7;
  padding: 10px;
  background: #fff;
}
#picky-app .v--modal .color-modal__input input,
#picky-app .v--modal .knob-modal__input input,
#picky-app .v--modal .handle-modal__input input,
#picky-app .v--modal .countertop-modal__input input,
#picky-app .v--modal .option-modal__input input,
#picky-app .v--modal .chest-modal__input input,
#picky-app .v--modal .cabinet-modal__input input,
#picky-app .v--modal .cabinetdoor-modal__input input,
#picky-app .v--modal .foot-modal__input input,
#picky-app .v--modal .top-modal__input input,
#picky-app .v--modal .material-modal__input input,
#picky-app .v--modal .checkout-modal__input input,
#picky-app .v--modal .customdoors-modal__input input,
#picky-app .v--modal .countertop-special-modal__input input,
#picky-app .v--modal .delete-modal__input input,
#picky-app .v--modal .pax-modal__input input,
#picky-app .v--modal-checkout .color-modal__input input,
#picky-app .v--modal-checkout .knob-modal__input input,
#picky-app .v--modal-checkout .handle-modal__input input,
#picky-app .v--modal-checkout .countertop-modal__input input,
#picky-app .v--modal-checkout .option-modal__input input,
#picky-app .v--modal-checkout .chest-modal__input input,
#picky-app .v--modal-checkout .cabinet-modal__input input,
#picky-app .v--modal-checkout .cabinetdoor-modal__input input,
#picky-app .v--modal-checkout .foot-modal__input input,
#picky-app .v--modal-checkout .top-modal__input input,
#picky-app .v--modal-checkout .material-modal__input input,
#picky-app .v--modal-checkout .checkout-modal__input input,
#picky-app .v--modal-checkout .customdoors-modal__input input,
#picky-app .v--modal-checkout .countertop-special-modal__input input,
#picky-app .v--modal-checkout .delete-modal__input input,
#picky-app .v--modal-checkout .pax-modal__input input {
  font-size: 16px;
}
#picky-app .v--modal .color-modal__input span,
#picky-app .v--modal .knob-modal__input span,
#picky-app .v--modal .handle-modal__input span,
#picky-app .v--modal .countertop-modal__input span,
#picky-app .v--modal .option-modal__input span,
#picky-app .v--modal .chest-modal__input span,
#picky-app .v--modal .cabinet-modal__input span,
#picky-app .v--modal .cabinetdoor-modal__input span,
#picky-app .v--modal .foot-modal__input span,
#picky-app .v--modal .top-modal__input span,
#picky-app .v--modal .material-modal__input span,
#picky-app .v--modal .checkout-modal__input span,
#picky-app .v--modal .customdoors-modal__input span,
#picky-app .v--modal .countertop-special-modal__input span,
#picky-app .v--modal .delete-modal__input span,
#picky-app .v--modal .pax-modal__input span,
#picky-app .v--modal-checkout .color-modal__input span,
#picky-app .v--modal-checkout .knob-modal__input span,
#picky-app .v--modal-checkout .handle-modal__input span,
#picky-app .v--modal-checkout .countertop-modal__input span,
#picky-app .v--modal-checkout .option-modal__input span,
#picky-app .v--modal-checkout .chest-modal__input span,
#picky-app .v--modal-checkout .cabinet-modal__input span,
#picky-app .v--modal-checkout .cabinetdoor-modal__input span,
#picky-app .v--modal-checkout .foot-modal__input span,
#picky-app .v--modal-checkout .top-modal__input span,
#picky-app .v--modal-checkout .material-modal__input span,
#picky-app .v--modal-checkout .checkout-modal__input span,
#picky-app .v--modal-checkout .customdoors-modal__input span,
#picky-app .v--modal-checkout .countertop-special-modal__input span,
#picky-app .v--modal-checkout .delete-modal__input span,
#picky-app .v--modal-checkout .pax-modal__input span {
  margin-left: 10px;
  flex: 0;
}
#picky-app .v--modal .color-modal__buttons,
#picky-app .v--modal .knob-modal__buttons,
#picky-app .v--modal .handle-modal__buttons,
#picky-app .v--modal .countertop-modal__buttons,
#picky-app .v--modal .option-modal__buttons,
#picky-app .v--modal .chest-modal__buttons,
#picky-app .v--modal .cabinet-modal__buttons,
#picky-app .v--modal .cabinetdoor-modal__buttons,
#picky-app .v--modal .foot-modal__buttons,
#picky-app .v--modal .top-modal__buttons,
#picky-app .v--modal .material-modal__buttons,
#picky-app .v--modal .checkout-modal__buttons,
#picky-app .v--modal .customdoors-modal__buttons,
#picky-app .v--modal .countertop-special-modal__buttons,
#picky-app .v--modal .delete-modal__buttons,
#picky-app .v--modal .pax-modal__buttons,
#picky-app .v--modal-checkout .color-modal__buttons,
#picky-app .v--modal-checkout .knob-modal__buttons,
#picky-app .v--modal-checkout .handle-modal__buttons,
#picky-app .v--modal-checkout .countertop-modal__buttons,
#picky-app .v--modal-checkout .option-modal__buttons,
#picky-app .v--modal-checkout .chest-modal__buttons,
#picky-app .v--modal-checkout .cabinet-modal__buttons,
#picky-app .v--modal-checkout .cabinetdoor-modal__buttons,
#picky-app .v--modal-checkout .foot-modal__buttons,
#picky-app .v--modal-checkout .top-modal__buttons,
#picky-app .v--modal-checkout .material-modal__buttons,
#picky-app .v--modal-checkout .checkout-modal__buttons,
#picky-app .v--modal-checkout .customdoors-modal__buttons,
#picky-app .v--modal-checkout .countertop-special-modal__buttons,
#picky-app .v--modal-checkout .delete-modal__buttons,
#picky-app .v--modal-checkout .pax-modal__buttons {
  display: flex;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal .color-modal__buttons,
#picky-app .v--modal .knob-modal__buttons,
#picky-app .v--modal .handle-modal__buttons,
#picky-app .v--modal .countertop-modal__buttons,
#picky-app .v--modal .option-modal__buttons,
#picky-app .v--modal .chest-modal__buttons,
#picky-app .v--modal .cabinet-modal__buttons,
#picky-app .v--modal .cabinetdoor-modal__buttons,
#picky-app .v--modal .foot-modal__buttons,
#picky-app .v--modal .top-modal__buttons,
#picky-app .v--modal .material-modal__buttons,
#picky-app .v--modal .checkout-modal__buttons,
#picky-app .v--modal .customdoors-modal__buttons,
#picky-app .v--modal .countertop-special-modal__buttons,
#picky-app .v--modal .delete-modal__buttons,
#picky-app .v--modal .pax-modal__buttons,
#picky-app .v--modal-checkout .color-modal__buttons,
#picky-app .v--modal-checkout .knob-modal__buttons,
#picky-app .v--modal-checkout .handle-modal__buttons,
#picky-app .v--modal-checkout .countertop-modal__buttons,
#picky-app .v--modal-checkout .option-modal__buttons,
#picky-app .v--modal-checkout .chest-modal__buttons,
#picky-app .v--modal-checkout .cabinet-modal__buttons,
#picky-app .v--modal-checkout .cabinetdoor-modal__buttons,
#picky-app .v--modal-checkout .foot-modal__buttons,
#picky-app .v--modal-checkout .top-modal__buttons,
#picky-app .v--modal-checkout .material-modal__buttons,
#picky-app .v--modal-checkout .checkout-modal__buttons,
#picky-app .v--modal-checkout .customdoors-modal__buttons,
#picky-app .v--modal-checkout .countertop-special-modal__buttons,
#picky-app .v--modal-checkout .delete-modal__buttons,
#picky-app .v--modal-checkout .pax-modal__buttons {
    display: block;
  }
}
#picky-app .v--modal .color-modal__buttons-button,
#picky-app .v--modal .knob-modal__buttons-button,
#picky-app .v--modal .handle-modal__buttons-button,
#picky-app .v--modal .countertop-modal__buttons-button,
#picky-app .v--modal .option-modal__buttons-button,
#picky-app .v--modal .chest-modal__buttons-button,
#picky-app .v--modal .cabinet-modal__buttons-button,
#picky-app .v--modal .cabinetdoor-modal__buttons-button,
#picky-app .v--modal .foot-modal__buttons-button,
#picky-app .v--modal .top-modal__buttons-button,
#picky-app .v--modal .material-modal__buttons-button,
#picky-app .v--modal .checkout-modal__buttons-button,
#picky-app .v--modal .customdoors-modal__buttons-button,
#picky-app .v--modal .countertop-special-modal__buttons-button,
#picky-app .v--modal .delete-modal__buttons-button,
#picky-app .v--modal .pax-modal__buttons-button,
#picky-app .v--modal-checkout .color-modal__buttons-button,
#picky-app .v--modal-checkout .knob-modal__buttons-button,
#picky-app .v--modal-checkout .handle-modal__buttons-button,
#picky-app .v--modal-checkout .countertop-modal__buttons-button,
#picky-app .v--modal-checkout .option-modal__buttons-button,
#picky-app .v--modal-checkout .chest-modal__buttons-button,
#picky-app .v--modal-checkout .cabinet-modal__buttons-button,
#picky-app .v--modal-checkout .cabinetdoor-modal__buttons-button,
#picky-app .v--modal-checkout .foot-modal__buttons-button,
#picky-app .v--modal-checkout .top-modal__buttons-button,
#picky-app .v--modal-checkout .material-modal__buttons-button,
#picky-app .v--modal-checkout .checkout-modal__buttons-button,
#picky-app .v--modal-checkout .customdoors-modal__buttons-button,
#picky-app .v--modal-checkout .countertop-special-modal__buttons-button,
#picky-app .v--modal-checkout .delete-modal__buttons-button,
#picky-app .v--modal-checkout .pax-modal__buttons-button {
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal .color-modal__buttons-button,
#picky-app .v--modal .knob-modal__buttons-button,
#picky-app .v--modal .handle-modal__buttons-button,
#picky-app .v--modal .countertop-modal__buttons-button,
#picky-app .v--modal .option-modal__buttons-button,
#picky-app .v--modal .chest-modal__buttons-button,
#picky-app .v--modal .cabinet-modal__buttons-button,
#picky-app .v--modal .cabinetdoor-modal__buttons-button,
#picky-app .v--modal .foot-modal__buttons-button,
#picky-app .v--modal .top-modal__buttons-button,
#picky-app .v--modal .material-modal__buttons-button,
#picky-app .v--modal .checkout-modal__buttons-button,
#picky-app .v--modal .customdoors-modal__buttons-button,
#picky-app .v--modal .countertop-special-modal__buttons-button,
#picky-app .v--modal .delete-modal__buttons-button,
#picky-app .v--modal .pax-modal__buttons-button,
#picky-app .v--modal-checkout .color-modal__buttons-button,
#picky-app .v--modal-checkout .knob-modal__buttons-button,
#picky-app .v--modal-checkout .handle-modal__buttons-button,
#picky-app .v--modal-checkout .countertop-modal__buttons-button,
#picky-app .v--modal-checkout .option-modal__buttons-button,
#picky-app .v--modal-checkout .chest-modal__buttons-button,
#picky-app .v--modal-checkout .cabinet-modal__buttons-button,
#picky-app .v--modal-checkout .cabinetdoor-modal__buttons-button,
#picky-app .v--modal-checkout .foot-modal__buttons-button,
#picky-app .v--modal-checkout .top-modal__buttons-button,
#picky-app .v--modal-checkout .material-modal__buttons-button,
#picky-app .v--modal-checkout .checkout-modal__buttons-button,
#picky-app .v--modal-checkout .customdoors-modal__buttons-button,
#picky-app .v--modal-checkout .countertop-special-modal__buttons-button,
#picky-app .v--modal-checkout .delete-modal__buttons-button,
#picky-app .v--modal-checkout .pax-modal__buttons-button {
    margin-top: 10px;
  }
}
#picky-app .v--modal .color-modal .v-select,
#picky-app .v--modal .knob-modal .v-select,
#picky-app .v--modal .handle-modal .v-select,
#picky-app .v--modal .countertop-modal .v-select,
#picky-app .v--modal .option-modal .v-select,
#picky-app .v--modal .chest-modal .v-select,
#picky-app .v--modal .cabinet-modal .v-select,
#picky-app .v--modal .cabinetdoor-modal .v-select,
#picky-app .v--modal .foot-modal .v-select,
#picky-app .v--modal .top-modal .v-select,
#picky-app .v--modal .material-modal .v-select,
#picky-app .v--modal .checkout-modal .v-select,
#picky-app .v--modal .customdoors-modal .v-select,
#picky-app .v--modal .countertop-special-modal .v-select,
#picky-app .v--modal .delete-modal .v-select,
#picky-app .v--modal .pax-modal .v-select,
#picky-app .v--modal-checkout .color-modal .v-select,
#picky-app .v--modal-checkout .knob-modal .v-select,
#picky-app .v--modal-checkout .handle-modal .v-select,
#picky-app .v--modal-checkout .countertop-modal .v-select,
#picky-app .v--modal-checkout .option-modal .v-select,
#picky-app .v--modal-checkout .chest-modal .v-select,
#picky-app .v--modal-checkout .cabinet-modal .v-select,
#picky-app .v--modal-checkout .cabinetdoor-modal .v-select,
#picky-app .v--modal-checkout .foot-modal .v-select,
#picky-app .v--modal-checkout .top-modal .v-select,
#picky-app .v--modal-checkout .material-modal .v-select,
#picky-app .v--modal-checkout .checkout-modal .v-select,
#picky-app .v--modal-checkout .customdoors-modal .v-select,
#picky-app .v--modal-checkout .countertop-special-modal .v-select,
#picky-app .v--modal-checkout .delete-modal .v-select,
#picky-app .v--modal-checkout .pax-modal .v-select {
  margin-bottom: 2rem;
}
#picky-app .v--modal .color-modal__button,
#picky-app .v--modal .knob-modal__button,
#picky-app .v--modal .handle-modal__button,
#picky-app .v--modal .countertop-modal__button,
#picky-app .v--modal .option-modal__button,
#picky-app .v--modal .chest-modal__button,
#picky-app .v--modal .cabinet-modal__button,
#picky-app .v--modal .cabinetdoor-modal__button,
#picky-app .v--modal .foot-modal__button,
#picky-app .v--modal .top-modal__button,
#picky-app .v--modal .material-modal__button,
#picky-app .v--modal .checkout-modal__button,
#picky-app .v--modal .customdoors-modal__button,
#picky-app .v--modal .countertop-special-modal__button,
#picky-app .v--modal .delete-modal__button,
#picky-app .v--modal .pax-modal__button,
#picky-app .v--modal-checkout .color-modal__button,
#picky-app .v--modal-checkout .knob-modal__button,
#picky-app .v--modal-checkout .handle-modal__button,
#picky-app .v--modal-checkout .countertop-modal__button,
#picky-app .v--modal-checkout .option-modal__button,
#picky-app .v--modal-checkout .chest-modal__button,
#picky-app .v--modal-checkout .cabinet-modal__button,
#picky-app .v--modal-checkout .cabinetdoor-modal__button,
#picky-app .v--modal-checkout .foot-modal__button,
#picky-app .v--modal-checkout .top-modal__button,
#picky-app .v--modal-checkout .material-modal__button,
#picky-app .v--modal-checkout .checkout-modal__button,
#picky-app .v--modal-checkout .customdoors-modal__button,
#picky-app .v--modal-checkout .countertop-special-modal__button,
#picky-app .v--modal-checkout .delete-modal__button,
#picky-app .v--modal-checkout .pax-modal__button {
  text-align: center;
  position: absolute;
  width: calc(100% - 3rem);
  bottom: 1.5rem;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal .color-modal__button,
#picky-app .v--modal .knob-modal__button,
#picky-app .v--modal .handle-modal__button,
#picky-app .v--modal .countertop-modal__button,
#picky-app .v--modal .option-modal__button,
#picky-app .v--modal .chest-modal__button,
#picky-app .v--modal .cabinet-modal__button,
#picky-app .v--modal .cabinetdoor-modal__button,
#picky-app .v--modal .foot-modal__button,
#picky-app .v--modal .top-modal__button,
#picky-app .v--modal .material-modal__button,
#picky-app .v--modal .checkout-modal__button,
#picky-app .v--modal .customdoors-modal__button,
#picky-app .v--modal .countertop-special-modal__button,
#picky-app .v--modal .delete-modal__button,
#picky-app .v--modal .pax-modal__button,
#picky-app .v--modal-checkout .color-modal__button,
#picky-app .v--modal-checkout .knob-modal__button,
#picky-app .v--modal-checkout .handle-modal__button,
#picky-app .v--modal-checkout .countertop-modal__button,
#picky-app .v--modal-checkout .option-modal__button,
#picky-app .v--modal-checkout .chest-modal__button,
#picky-app .v--modal-checkout .cabinet-modal__button,
#picky-app .v--modal-checkout .cabinetdoor-modal__button,
#picky-app .v--modal-checkout .foot-modal__button,
#picky-app .v--modal-checkout .top-modal__button,
#picky-app .v--modal-checkout .material-modal__button,
#picky-app .v--modal-checkout .checkout-modal__button,
#picky-app .v--modal-checkout .customdoors-modal__button,
#picky-app .v--modal-checkout .countertop-special-modal__button,
#picky-app .v--modal-checkout .delete-modal__button,
#picky-app .v--modal-checkout .pax-modal__button {
    width: 100%;
  }
}
#picky-app .v--modal .color-modal__button button,
#picky-app .v--modal .knob-modal__button button,
#picky-app .v--modal .handle-modal__button button,
#picky-app .v--modal .countertop-modal__button button,
#picky-app .v--modal .option-modal__button button,
#picky-app .v--modal .chest-modal__button button,
#picky-app .v--modal .cabinet-modal__button button,
#picky-app .v--modal .cabinetdoor-modal__button button,
#picky-app .v--modal .foot-modal__button button,
#picky-app .v--modal .top-modal__button button,
#picky-app .v--modal .material-modal__button button,
#picky-app .v--modal .checkout-modal__button button,
#picky-app .v--modal .customdoors-modal__button button,
#picky-app .v--modal .countertop-special-modal__button button,
#picky-app .v--modal .delete-modal__button button,
#picky-app .v--modal .pax-modal__button button,
#picky-app .v--modal-checkout .color-modal__button button,
#picky-app .v--modal-checkout .knob-modal__button button,
#picky-app .v--modal-checkout .handle-modal__button button,
#picky-app .v--modal-checkout .countertop-modal__button button,
#picky-app .v--modal-checkout .option-modal__button button,
#picky-app .v--modal-checkout .chest-modal__button button,
#picky-app .v--modal-checkout .cabinet-modal__button button,
#picky-app .v--modal-checkout .cabinetdoor-modal__button button,
#picky-app .v--modal-checkout .foot-modal__button button,
#picky-app .v--modal-checkout .top-modal__button button,
#picky-app .v--modal-checkout .material-modal__button button,
#picky-app .v--modal-checkout .checkout-modal__button button,
#picky-app .v--modal-checkout .customdoors-modal__button button,
#picky-app .v--modal-checkout .countertop-special-modal__button button,
#picky-app .v--modal-checkout .delete-modal__button button,
#picky-app .v--modal-checkout .pax-modal__button button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  margin: 0 auto;
}
#picky-app .v--modal .color-modal__button button:hover,
#picky-app .v--modal .knob-modal__button button:hover,
#picky-app .v--modal .handle-modal__button button:hover,
#picky-app .v--modal .countertop-modal__button button:hover,
#picky-app .v--modal .option-modal__button button:hover,
#picky-app .v--modal .chest-modal__button button:hover,
#picky-app .v--modal .cabinet-modal__button button:hover,
#picky-app .v--modal .cabinetdoor-modal__button button:hover,
#picky-app .v--modal .foot-modal__button button:hover,
#picky-app .v--modal .top-modal__button button:hover,
#picky-app .v--modal .material-modal__button button:hover,
#picky-app .v--modal .checkout-modal__button button:hover,
#picky-app .v--modal .customdoors-modal__button button:hover,
#picky-app .v--modal .countertop-special-modal__button button:hover,
#picky-app .v--modal .delete-modal__button button:hover,
#picky-app .v--modal .pax-modal__button button:hover,
#picky-app .v--modal-checkout .color-modal__button button:hover,
#picky-app .v--modal-checkout .knob-modal__button button:hover,
#picky-app .v--modal-checkout .handle-modal__button button:hover,
#picky-app .v--modal-checkout .countertop-modal__button button:hover,
#picky-app .v--modal-checkout .option-modal__button button:hover,
#picky-app .v--modal-checkout .chest-modal__button button:hover,
#picky-app .v--modal-checkout .cabinet-modal__button button:hover,
#picky-app .v--modal-checkout .cabinetdoor-modal__button button:hover,
#picky-app .v--modal-checkout .foot-modal__button button:hover,
#picky-app .v--modal-checkout .top-modal__button button:hover,
#picky-app .v--modal-checkout .material-modal__button button:hover,
#picky-app .v--modal-checkout .checkout-modal__button button:hover,
#picky-app .v--modal-checkout .customdoors-modal__button button:hover,
#picky-app .v--modal-checkout .countertop-special-modal__button button:hover,
#picky-app .v--modal-checkout .delete-modal__button button:hover,
#picky-app .v--modal-checkout .pax-modal__button button:hover {
  filter: brightness(1.1);
}
#picky-app .v--modal .color-modal__button span,
#picky-app .v--modal .knob-modal__button span,
#picky-app .v--modal .handle-modal__button span,
#picky-app .v--modal .countertop-modal__button span,
#picky-app .v--modal .option-modal__button span,
#picky-app .v--modal .chest-modal__button span,
#picky-app .v--modal .cabinet-modal__button span,
#picky-app .v--modal .cabinetdoor-modal__button span,
#picky-app .v--modal .foot-modal__button span,
#picky-app .v--modal .top-modal__button span,
#picky-app .v--modal .material-modal__button span,
#picky-app .v--modal .checkout-modal__button span,
#picky-app .v--modal .customdoors-modal__button span,
#picky-app .v--modal .countertop-special-modal__button span,
#picky-app .v--modal .delete-modal__button span,
#picky-app .v--modal .pax-modal__button span,
#picky-app .v--modal-checkout .color-modal__button span,
#picky-app .v--modal-checkout .knob-modal__button span,
#picky-app .v--modal-checkout .handle-modal__button span,
#picky-app .v--modal-checkout .countertop-modal__button span,
#picky-app .v--modal-checkout .option-modal__button span,
#picky-app .v--modal-checkout .chest-modal__button span,
#picky-app .v--modal-checkout .cabinet-modal__button span,
#picky-app .v--modal-checkout .cabinetdoor-modal__button span,
#picky-app .v--modal-checkout .foot-modal__button span,
#picky-app .v--modal-checkout .top-modal__button span,
#picky-app .v--modal-checkout .material-modal__button span,
#picky-app .v--modal-checkout .checkout-modal__button span,
#picky-app .v--modal-checkout .customdoors-modal__button span,
#picky-app .v--modal-checkout .countertop-special-modal__button span,
#picky-app .v--modal-checkout .delete-modal__button span,
#picky-app .v--modal-checkout .pax-modal__button span {
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  height: 54px;
  line-height: 54px;
  padding: 0 40px;
  cursor: pointer;
}
#picky-app .v--modal .color-modal__button span:hover,
#picky-app .v--modal .knob-modal__button span:hover,
#picky-app .v--modal .handle-modal__button span:hover,
#picky-app .v--modal .countertop-modal__button span:hover,
#picky-app .v--modal .option-modal__button span:hover,
#picky-app .v--modal .chest-modal__button span:hover,
#picky-app .v--modal .cabinet-modal__button span:hover,
#picky-app .v--modal .cabinetdoor-modal__button span:hover,
#picky-app .v--modal .foot-modal__button span:hover,
#picky-app .v--modal .top-modal__button span:hover,
#picky-app .v--modal .material-modal__button span:hover,
#picky-app .v--modal .checkout-modal__button span:hover,
#picky-app .v--modal .customdoors-modal__button span:hover,
#picky-app .v--modal .countertop-special-modal__button span:hover,
#picky-app .v--modal .delete-modal__button span:hover,
#picky-app .v--modal .pax-modal__button span:hover,
#picky-app .v--modal-checkout .color-modal__button span:hover,
#picky-app .v--modal-checkout .knob-modal__button span:hover,
#picky-app .v--modal-checkout .handle-modal__button span:hover,
#picky-app .v--modal-checkout .countertop-modal__button span:hover,
#picky-app .v--modal-checkout .option-modal__button span:hover,
#picky-app .v--modal-checkout .chest-modal__button span:hover,
#picky-app .v--modal-checkout .cabinet-modal__button span:hover,
#picky-app .v--modal-checkout .cabinetdoor-modal__button span:hover,
#picky-app .v--modal-checkout .foot-modal__button span:hover,
#picky-app .v--modal-checkout .top-modal__button span:hover,
#picky-app .v--modal-checkout .material-modal__button span:hover,
#picky-app .v--modal-checkout .checkout-modal__button span:hover,
#picky-app .v--modal-checkout .customdoors-modal__button span:hover,
#picky-app .v--modal-checkout .countertop-special-modal__button span:hover,
#picky-app .v--modal-checkout .delete-modal__button span:hover,
#picky-app .v--modal-checkout .pax-modal__button span:hover {
  background: #24324a;
}
#picky-app .v--modal .color-modal__close,
#picky-app .v--modal .knob-modal__close,
#picky-app .v--modal .handle-modal__close,
#picky-app .v--modal .countertop-modal__close,
#picky-app .v--modal .option-modal__close,
#picky-app .v--modal .chest-modal__close,
#picky-app .v--modal .cabinet-modal__close,
#picky-app .v--modal .cabinetdoor-modal__close,
#picky-app .v--modal .foot-modal__close,
#picky-app .v--modal .top-modal__close,
#picky-app .v--modal .material-modal__close,
#picky-app .v--modal .checkout-modal__close,
#picky-app .v--modal .customdoors-modal__close,
#picky-app .v--modal .countertop-special-modal__close,
#picky-app .v--modal .delete-modal__close,
#picky-app .v--modal .pax-modal__close,
#picky-app .v--modal-checkout .color-modal__close,
#picky-app .v--modal-checkout .knob-modal__close,
#picky-app .v--modal-checkout .handle-modal__close,
#picky-app .v--modal-checkout .countertop-modal__close,
#picky-app .v--modal-checkout .option-modal__close,
#picky-app .v--modal-checkout .chest-modal__close,
#picky-app .v--modal-checkout .cabinet-modal__close,
#picky-app .v--modal-checkout .cabinetdoor-modal__close,
#picky-app .v--modal-checkout .foot-modal__close,
#picky-app .v--modal-checkout .top-modal__close,
#picky-app .v--modal-checkout .material-modal__close,
#picky-app .v--modal-checkout .checkout-modal__close,
#picky-app .v--modal-checkout .customdoors-modal__close,
#picky-app .v--modal-checkout .countertop-special-modal__close,
#picky-app .v--modal-checkout .delete-modal__close,
#picky-app .v--modal-checkout .pax-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  background: url(../images/close.svg) no-repeat center;
  background-size: 16px 16px;
  font-size: 0;
  width: 20px;
  height: 20px;
  z-index: 9;
}
#picky-app .v--modal .delete-modal,
#picky-app .v--modal-checkout .delete-modal {
  grid-template-columns: 1fr;
  padding: 1.5rem;
  max-width: 600px;
}
#picky-app .v--modal .delete-modal .delete-modal__button,
#picky-app .v--modal-checkout .delete-modal .delete-modal__button {
  position: relative;
  bottom: unset;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal .delete-modal,
#picky-app .v--modal-checkout .delete-modal {
    height: 300px;
  }
}
#picky-app .v--modal .checkout-modal,
#picky-app .v--modal .customdoors-modal,
#picky-app .v--modal-checkout .checkout-modal,
#picky-app .v--modal-checkout .customdoors-modal {
  grid-template-columns: 1fr;
  width: unset;
  gap: 10px;
  padding: 20px;
  place-items: center;
}
#picky-app .v--modal .checkout-modal__button,
#picky-app .v--modal .customdoors-modal__button,
#picky-app .v--modal-checkout .checkout-modal__button,
#picky-app .v--modal-checkout .customdoors-modal__button {
  position: relative;
  bottom: unset;
}
#picky-app .v--modal .checkout-modal__image-img,
#picky-app .v--modal .customdoors-modal__image-img,
#picky-app .v--modal-checkout .checkout-modal__image-img,
#picky-app .v--modal-checkout .customdoors-modal__image-img {
  max-height: 400px;
  -o-object-fit: contain;
     object-fit: contain;
}
#picky-app .v--modal-checkout {
  background: white;
}
@media all and (max-width: 800px) {
  #picky-app .v--modal-checkout {
    max-width: calc(100% - 40px) !important;
  }
}
#picky-app .v--modal-ikea {
  border-radius: 16px !important;
}

.navigation {
  position: absolute;
  z-index: 500;
  top: 0;
  right: 0;
  left: 0;
}
@media all and (max-width: 800px) {
  .navigation {
    display: none;
  }
}
.navigation--fixed {
  position: fixed;
  top: 0;
  background: #fff;
}
@media all and (max-width: 800px) {
  .navigation--fixed {
    left: 0;
    right: 0;
  }
}
.navigation--fixed ul {
  padding: 10px 40px !important;
}
@media all and (max-width: 1410px) {
  .navigation--fixed ul {
    padding: 10px 50px !important;
  }
}
@media all and (max-width: 800px) {
  .navigation--fixed ul {
    padding: 10px 30px !important;
  }
}
.navigation__inner {
  max-width: 1420px;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .navigation__inner {
    width: 100%;
    overflow-x: scroll;
    background: #fff;
  }
}
.navigation ul {
  display: flex;
  padding: 10px 0;
  background: #fff;
}
@media all and (max-width: 800px) {
  .navigation ul {
    padding: 10px 0;
    flex-basis: 100%;
    flex-grow: 1;
    margin: 0;
  }
}
.navigation ul li {
  display: block;
  margin-right: 50px;
}
@media all and (max-width: 800px) {
  .navigation ul li {
    margin-right: 20px;
  }
}
.navigation ul li a {
  display: block;
  position: relative;
  font-size: 20px;
  padding: 25px 0 5px 0;
  color: #606060;
}
.navigation ul li a:hover {
  color: #000;
}
@media all and (max-width: 800px) {
  .navigation ul li a {
    font-size: 14px;
    white-space: nowrap;
  }
}
.navigation ul li a.active-section {
  color: #24324a;
  border-bottom: 3px solid #24324a;
  font-weight: 600;
}
.navigation ul li a.active-section span {
  display: block;
}
.navigation ul li a span {
  display: none;
  color: #24324a;
  position: absolute;
  top: 10px;
  left: 0;
  line-height: 20px;
  font-size: 10px;
  text-transform: uppercase;
}

.carousel .container {
  width: 100%;
}
.carousel__button-prev, .carousel__button-next {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  height: 70px;
  width: 70px;
  border: none;
  z-index: 9;
}
.carousel__button-next {
  right: 0;
  background: url(../images/icon-slide-next.svg) no-repeat center left;
}
@media all and (min-width: 992px) {
  .carousel__button-next {
    right: 1rem;
  }
}
.carousel__button-prev {
  left: 0;
  background: url(../images/icon-slide-prev.svg) no-repeat center left;
}
@media all and (min-width: 992px) {
  .carousel__button-prev {
    left: 1rem;
  }
}
.carousel__paint--button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  max-width: calc(100vw - 40px);
  padding: 20px 35px !important;
  white-space: nowrap;
}
.carousel__paint--button:hover {
  filter: brightness(1.1);
}
.carousel__paint--buttonwrapper {
  margin-left: auto;
  margin-right: 1rem;
  display: none;
}
@media all and (min-width: 992px) {
  .carousel__paint--buttonwrapper {
    display: initial;
  }
}
.carousel__paint--buttonmobile {
  margin: 1rem auto 0;
}
@media all and (min-width: 992px) {
  .carousel__paint--buttonmobile {
    display: none;
  }
}
.carousel__paint--wrapper .picker {
  position: relative;
  height: 100px;
  padding-top: 20px;
  margin-top: -20px;
}
.carousel__paint--wrapper .color {
  cursor: pointer;
  height: 100%;
  min-height: 109px;
}
.carousel__paint--wrapper .color p {
  max-width: 42px;
}
.carousel__paint--wrapper .color__circle {
  width: 42px;
  height: 48px;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.carousel__paint--wrapper .selected p {
  font-weight: 700;
}
.carousel__paint--wrapper .selected::before {
  position: absolute;
  content: "";
  border-right: solid 29px transparent;
  border-left: solid 29px transparent;
  border-bottom: solid 20px #fff;
  top: 0;
  left: 0;
  transform: translateY(-100%);
}

@-webkit-keyframes openchat {
  from {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0%);
  }
}

@keyframes openchat {
  from {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0%);
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.chat_popup {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999999999;
}
.chat_popup--hidden {
  opacity: 0;
  pointer-events: none;
}
.chat_popup--image {
  position: absolute;
  top: -3rem;
  left: 1rem;
  right: unset;
}
.chat_popup--image img {
  height: 76px;
  border-radius: 100%;
  width: 76px;
}
.chat_popup--done p {
  text-align: center;
}
.chat_popup--done .chat_popup--image {
  position: initial;
}
.chat_popup--done .chat_popup--modal--section {
  place-items: center;
  gap: 2rem;
  background: #edded4 !important;
}
.chat_popup--modal {
  z-index: 2;
  min-height: 600px;
  -webkit-animation: openchat 0.5s ease-in-out;
          animation: openchat 0.5s ease-in-out;
  width: 100vw;
  background: #edded4;
  position: relative;
  border-radius: 8px 8px 0 0;
  transition: 0.5s ease-in-out all;
  transform: translateY(120%);
  display: grid;
  place-items: center;
}
.chat_popup--modal--close {
  background: none;
  border: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  cursor: pointer;
}
.chat_popup--modal input {
  border: none !important;
  border-radius: 4px;
}
.chat_popup--modal .form-group {
  margin-bottom: 0 !important;
}
.chat_popup--modal > div {
  width: 100%;
  -webkit-animation: fade-in 0.5s ease-in-out;
          animation: fade-in 0.5s ease-in-out;
}
.chat_popup--modal textarea {
  width: 100%;
  border: none;
  border-radius: 4px;
  resize: none;
  padding: 2rem 1rem 1rem;
  height: 140px;
}
.chat_popup--modal textarea::-moz-placeholder {
  font-weight: 700;
  color: #24324a;
}
.chat_popup--modal textarea:-ms-input-placeholder {
  font-weight: 700;
  color: #24324a;
}
.chat_popup--modal textarea::placeholder {
  font-weight: 700;
  color: #24324a;
}
.chat_popup--modal textarea ~ label {
  top: 2rem !important;
}
.chat_popup--modal textarea:focus ~ label,
.chat_popup--modal .label_active {
  top: 1rem !important;
}
.chat_popup--modal label {
  font-weight: 700;
  color: #24324a !important;
}
.chat_popup--modal--open {
  transform: translateY(0%);
}
.chat_popup--modal--section {
  border-radius: 8px 8px 0 0;
  display: grid;
  gap: 1rem;
  padding: 2rem 2rem 1rem;
}
.chat_popup--modal--section button {
  width: 100%;
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  margin: 0;
  text-underline-offset: 2px;
  text-decoration: underline;
}
.chat_popup--modal--section button:hover {
  filter: brightness(1.1);
}
.chat_popup--modal--section:first-of-type {
  background: #f3e9e3;
}
.chat_popup--modal--section > div:first-of-type {
  display: flex;
}
.chat_popup--modal--section > div:first-of-type svg {
  margin-top: 0.4rem;
  margin-right: 1rem;
}
.chat_popup--modal--section p {
  font-weight: 500;
  line-height: 22px;
  font-size: 1rem;
}
.chat_popup--modal--section p:first-of-type {
  font-weight: 700;
}
.chat_popup--overlay {
  z-index: 1;
  padding: 20px;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
}
.chat_popup--button {
  z-index: 2;
  margin-right: 2rem;
  margin-bottom: 1rem;
  background: #f9ed83;
  color: #000;
  position: relative;
  border-radius: 76px;
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
  padding: 12px 56px 12px 27px;
  font-weight: 700;
  font-size: 13px;
  max-width: 220px;
  text-align: left;
  display: flex;
  align-items: center;
  line-height: 15px;
}
.chat_popup--button > span {
  max-width: 102px;
}
.chat_popup--button > svg {
  margin-right: 14px;
}
.chat_popup--button .chat_popup--image {
  top: -1rem;
  right: -1rem;
  left: unset;
}
.chat_popup--button .chat_popup--image img {
  height: 48px;
  width: 48px;
}
@media (min-width: 770px) {
  .chat_popup--button {
    margin-right: 3rem;
  }
  .chat_popup--modal {
    margin-right: 3rem;
    width: 346px;
  }
  .chat_popup--modal--close {
    top: -0.8rem;
    right: -0.8rem;
  }
  .chat_popup--image {
    right: -2rem;
  }
}

@media (max-width: 770px) {
  .s-shop__cat-product-list :nth-child(even) .product-list-view__inner {
    padding-right: 0;
    padding-left: 4px;
  }
  .s-shop__cat-product-list :nth-child(odd) .product-list-view__inner {
    padding-right: 4px;
  }
}

.product-list-view {
  flex: 0 0 25%;
  padding: 8px 0 24px 0;
}
@media (max-width: 770px) {
  .product-list-view {
    flex-basis: 50%;
    max-width: 50%;
    flex-grow: 1;
    padding: 10px 0;
  }
}
.product-list-view__inner {
  display: block;
  padding: 8px;
  cursor: pointer;
  color: #000;
}
.product-list-view__inner:first-of-type {
  padding-left: 0;
}
.product-list-view__inner p {
  font-weight: 600;
}
.product-list-view__inner span {
  display: block;
  font-size: 16px;
}
.product-list-view__inner strong {
  line-height: 32px;
  font-size: 18px;
  font-weight: 600;
  color: #24324a;
}
.product-list-view__inner:hover {
  color: #24324a;
}
.product-list-view__inner:hover .product-list-view__image {
  opacity: 0.7;
}
.product-list-view__attribute {
  font-size: 0.9rem;
}
.product-list-view__image {
  display: flex;
  background: #fff;
  position: relative;
  margin-bottom: 10px;
}
.product-list-view__image--badge {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  top: -16px;
  right: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-list-view__image--badge p {
  padding: 15px;
  word-break: break-word;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .product-list-view__image {
    height: auto;
  }
}
.product-list-view__image > div {
  margin: auto;
}
.product-list-view__image img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.product-single {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .product-single {
    flex-flow: row wrap;
  }
}
.product-single hr {
  background-color: #dedede;
  border: none;
  height: 1px;
  margin: 32px 0;
}
.product-single__lightbox {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999999;
  justify-content: center;
  align-items: center;
  display: flex;
  padding-bottom: 100%;
  background-color: hsla(0deg, 0%, 100%, 0.95);
  cursor: zoom-out;
}
@media screen and (max-width: 768px) {
  .product-single__lightbox {
    display: none;
  }
}
.product-single__lightbox img {
  height: 80vh;
  width: auto;
  max-height: 100%;
}
.product-single__gallery {
  padding-left: 0;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}
.product-single__gallery-image {
  position: relative;
}
.product-single__gallery-image .prev,
.product-single__gallery-image .next {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  cursor: pointer !important;
}
@media (max-width: 800px) {
  .product-single__gallery-image .prev,
.product-single__gallery-image .next {
    display: none;
  }
}
.product-single__gallery-image .prev {
  left: 20px;
}
.product-single__gallery-image .next {
  right: 20px;
}
.product-single__gallery-image .pagination {
  height: 40px;
  transform: translateX(-50%);
  width: 50%;
  left: 50%;
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 0;
}
.product-single__gallery-image .pagination .dot {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  margin: 0 5px;
}
.product-single__gallery-image .pagination .active {
  background-color: #24324a;
  border: none;
}
.product-single__gallery-image .glide__slides {
  display: flex !important;
  align-items: center;
}
.product-single__gallery-image-zoom {
  position: absolute;
  bottom: 20px;
  right: 16px;
  pointer-events: none;
}
@media (max-width: 770px) {
  .product-single__gallery-image-zoom {
    display: none;
  }
}
.product-single__gallery-image img {
  max-width: 100%;
  height: auto;
}
.product-single__gallery-image img:hover {
  cursor: zoom-in;
}
.product-single__content {
  flex: 0 0 50%;
  padding-left: 50px;
  padding-right: 50px;
  max-width: 50%;
}
@media screen and (max-width: 1300px) {
  .product-single__content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 768px) {
  .product-single__content {
    flex-basis: 100%;
    padding: 0;
    width: 100%;
    max-width: none;
  }
}
.product-single__name {
  font-size: 32px;
  margin: 16px 0;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .product-single__name {
    line-height: 1.3;
  }
}
.product-single__supplier a {
  cursor: pointer;
  display: inline-block;
  color: #000;
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
}
.product-single__supplier a:hover {
  border-color: #24324a;
  color: #24324a;
}
.product-single__bullets ul li {
  font-size: 18px;
  margin: 8px 0;
  padding-left: 40px;
  position: relative;
}
.product-single__bullets ul li:before {
  background: url(../images/icon-green-check-bg.png) no-repeat center;
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 5px;
  top: 2px;
}
.product-single__trust li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.product-single__trust li img {
  margin-right: 20px;
}
.product-single__trust li h4 {
  font-weight: 500;
  color: #000;
}
.product-single__description {
  margin: 32px 0;
  overflow-y: hidden;
  position: relative;
}
.product-single__description-closed {
  height: 100px;
  cursor: pointer;
}
.product-single__description-closed:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  bottom: 0;
  background: linear-gradient(180deg, hsla(30deg, 43%, 97%, 0), #f1eded);
}
.product-single__description p {
  margin-bottom: 20px;
}
.product-single__description p:last-child {
  margin-bottom: 0;
}
.product-single__variations {
  display: flex;
  margin-bottom: 30px;
  width: 105%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .product-single__variations {
    width: 100%;
  }
}
.product-single__variations:after {
  content: "";
  height: 100%;
  width: 15%;
  background: linear-gradient(90deg, hsla(30deg, 43%, 97%, 0), #f1eded);
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.product-single__variations__scroll {
  padding: 6px 0;
  display: flex;
  transition: 0.5s ease-in-out transform;
}
@media screen and (max-width: 768px) {
  .product-single__variations__scroll {
    padding-right: 40px;
    overflow: scroll;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .product-single__variations__scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    -webkit-appearance: none;
  }
}
.product-single__variations .next,
.product-single__variations .prev {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .product-single__variations .next,
.product-single__variations .prev {
    display: none;
  }
}
.product-single__variations .next {
  right: 0;
}
.product-single__variations .prev {
  left: 20px;
}
.product-single__similar {
  display: flex;
  margin-bottom: 30px;
  width: 105%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .product-single__similar {
    width: 100%;
  }
}
.product-single__similar:after {
  content: "";
  height: 100%;
  width: 15%;
  background: linear-gradient(90deg, hsla(30deg, 43%, 97%, 0), #f1eded);
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.product-single__similar__scroll {
  padding: 6px 0;
  display: flex;
  transition: 0.5s ease-in-out transform;
}
@media screen and (max-width: 768px) {
  .product-single__similar__scroll {
    padding-right: 40px;
    overflow: scroll;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .product-single__similar__scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    -webkit-appearance: none;
  }
}
.product-single__similar .next,
.product-single__similar .prev {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .product-single__similar .next,
.product-single__similar .prev {
    display: none;
  }
}
.product-single__similar .next {
  right: 0;
}
.product-single__similar .prev {
  left: 20px;
}
.product-single__similar-desktop h4, .product-single__similar-mobile h4 {
  font-size: 20px;
  line-height: 36px;
}
@media screen and (max-width: 768px) {
  .product-single__similar-desktop {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .product-single__similar-mobile {
    display: none;
  }
}
.product-single__similar-item {
  width: 156px;
  min-width: 156px;
  margin-right: 8px;
}
.product-single__similar-item:hover p,
.product-single__similar-item:hover span,
.product-single__similar-item:hover strong {
  color: #24324a;
}
.product-single__similar-item:hover img {
  opacity: 0.7;
}
.product-single__similar-item-image {
  width: 100%;
}
.product-single__similar-item-image img {
  width: 100%;
  height: auto;
}
.product-single__similar-item-text {
  display: block;
  padding: 8px 0;
  cursor: pointer;
  color: #000;
}
.product-single__similar-item-text p {
  font-weight: 600;
}
.product-single__similar-item-text span {
  display: block;
  font-size: 18px;
}
.product-single__similar-item-text strong {
  line-height: 32px;
  font-size: 18px;
  font-weight: 600;
  color: #24324a;
}
.product-single__variation {
  padding: 8px 8px 16px;
  flex: 0 0 auto;
  white-space: nowrap;
  margin: 0 8px;
  cursor: pointer;
  width: 140px;
  max-width: 140px;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.04);
  background-color: #fff;
}
.product-single__variation:first-of-type {
  margin-left: 0;
}
.product-single__variation:hover img {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .product-single__variation {
    flex-basis: calc(50% - 12px);
  }
}
.product-single__variation-image img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.product-single__variation-text {
  display: block;
  padding: 16px 0;
  font-size: 14px;
  position: relative;
  text-align: center;
  min-width: 110px;
}
.product-single__variation-radio {
  display: flex;
  justify-content: center;
}
.product-single__variation-radio .circle {
  width: 20px;
  height: 20px;
  border: 3px solid #24324a;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-single__variation-radio .circle .inner {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 50%;
}
.product-single__variation p {
  font-weight: 600;
}
.product-single__variation span,
.product-single__variation p {
  display: block;
  margin-bottom: 5px;
  text-align: left;
  font-size: 14px;
  color: #000;
  white-space: normal;
}
.product-single__variation span strong,
.product-single__variation p strong {
  color: #24324a;
}
.product-single__variation span:last-child,
.product-single__variation p:last-child {
  margin-bottom: 0;
}
.product-single__variation--selected {
  border: 2px solid #24324a;
}
.product-single__variation--selected .product-single__variation-radio .circle {
  border: 1px solid #24324a;
}
.product-single__variation--selected .product-single__variation-radio .circle .inner {
  background-color: #24324a;
}
.product-single__add-to-cart {
  display: flex;
  border-radius: 30px;
  margin: 32px 0;
  overflow: hidden;
}
.product-single__price {
  display: flex;
}
@media screen and (max-width: 1300px) {
  .product-single__price {
    flex-basis: 50%;
  }
}
.product-single__price span,
.product-single__price strong {
  font-size: 22px;
  font-weight: 500;
}
.product-single__price span {
  margin-right: 5px;
}
.product-single__price strong {
  color: #24324a;
}
.product-single__price-disabled strong {
  color: grey;
  opacity: 0.7;
}
.product-single__quantity {
  width: 30%;
}
.product-single__quantity select {
  height: 100%;
  width: 100%;
  border: 0;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  background: rgba(36, 50, 74, 0.15) url(../images/triangle.svg) no-repeat center right 15px;
  background-size: 10px 10px;
}
.product-single__button {
  width: 70%;
  padding-left: 2px;
}
.product-single__button button {
  width: 100%;
  display: block;
  cursor: pointer;
  background: #24324a;
  border: 0;
  font-size: 16px;
  line-height: 60px;
  height: 60px;
  color: #fff;
}
@media screen and (max-width: 1300px) {
  .product-single__button button {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .product-single__button button {
    padding: 0 20px;
    width: 100%;
  }
}
.product-single__button-disabled {
  width: 100%;
  padding-left: 0;
}
.product-single__button-disabled button {
  background: #ccc;
  cursor: default;
}
.product-single__button-disabled button:hover {
  background: #ccc;
}

.sticky-cart {
  position: fixed;
  top: 133px;
  width: 260px;
}
@media all and (max-width: 800px) {
  .sticky-cart {
    width: 100%;
    display: flex;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    background: #fff;
    padding: 20px;
    z-index: 999999999999999 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: bottom 0.3s;
  }
}
.sticky-cart--hidden {
  display: none;
  bottom: -100px;
}
.sticky-cart--forced-hidden {
  display: none !important;
}
.sticky-cart__price {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 0 15px;
  line-height: 48px;
  border: 1px solid #eee;
  border-bottom: 0;
  background: #fff;
}
@media all and (max-width: 800px) {
  .sticky-cart__price {
    flex-grow: 1;
    border: 1px solid #eee;
  }
}
.sticky-cart__price span,
.sticky-cart__price strong {
  display: block;
}
.sticky-cart__price span {
  color: #aaa;
}
.sticky-cart__price strong {
  font-weight: normal;
}
.sticky-cart__top {
  display: flex;
}
@media all and (max-width: 800px) {
  .sticky-cart__top {
    flex-grow: 1;
  }
}
.sticky-cart__top button {
  flex: 1;
  display: block;
  border: 0;
  color: #fff;
  height: 48px;
  line-height: 48px;
  padding: 0 14px;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background: #242424;
}
@media all and (max-width: 800px) {
  .sticky-cart__top button {
    margin: 0;
  }
}
.sticky-cart__top button:hover {
  background: #24324a;
}

.kassa {
  justify-content: center;
  max-width: 1640px;
  margin: 0 auto;
}
.kassa__terms {
  color: #6b6b6b;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  max-width: 975px;
  margin: 24px auto;
}
.kassa__shipping-info {
  font-weight: 600;
  letter-spacing: -0.72px;
  margin-top: 3px;
}
.kassa__nowrap {
  white-space: nowrap;
}
@media all and (max-width: 1200px) {
  .kassa__table-hide {
    display: none;
  }
}
.kassa__totals-note {
  margin-top: 45px !important;
  font-size: 16px !important;
  font-weight: 700;
}
.kassa__message {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.kassa__message p {
  color: #283348;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-left: 12px;
}
.kassa__totals {
  display: flex;
  justify-content: space-around;
  max-width: 1540px;
  margin: 0 auto;
}
@media screen and (max-width: 1320px) {
  .kassa__totals {
    flex-direction: column;
  }
}
.kassa__totals-note {
  font-size: 12px;
  margin: 40px auto 0 auto;
  padding: 0 30px;
}
@media all and (max-width: 800px) {
  .kassa__totals-note {
    max-width: 280px;
    padding: 0 10px;
  }
}
.kassa__totals-next {
  color: #24324a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 26.4px;
  text-align: center;
  margin: 40px auto 0 auto;
}
@media all and (max-width: 800px) {
  .kassa__totals-next {
    max-width: 280px;
  }
}
.kassa__totals-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 558px;
  background-color: #fff;
  margin-top: 30px;
  padding: 18px 44px;
  border-radius: 8px;
  margin: 29px auto 0;
}
@media all and (max-width: 800px) {
  .kassa__totals-logos {
    padding: 10px;
  }
}
.kassa__totals-logos img {
  height: 30px;
}
.kassa__totals-logos img:first-of-type {
  width: 106px;
  height: 28px;
}
.kassa__totals-logos img:nth-of-type(2) {
  width: 70px;
  height: 22px;
}
.kassa__totals-logos img:nth-of-type(3) {
  width: 68px;
  height: 48px;
}
.kassa__totals-logos img:nth-of-type(4) {
  width: 68px;
  height: 32px;
}
@media all and (max-width: 800px) {
  .kassa__totals-logos img {
    height: 20px;
  }
}
@media all and (max-width: 1200px) {
  .kassa__fixed {
    position: absolute;
    right: 0;
    left: 0;
  }
}
.kassa__totals-email {
  margin: 0 20px 30px 0;
  flex-grow: 1;
  background: #e8e4e4;
  flex-basis: 50%;
  padding: 70px 30px 30px;
  max-width: 716px;
  max-height: 494px;
  min-height: 494px;
  border-radius: 16px;
  background: #ede1dc;
  position: relative;
}
@media screen and (max-width: 1320px) {
  .kassa__totals-email {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 20px;
    max-width: none;
    width: 100%;
    max-height: none;
  }
}
@media screen and (max-width: 800px) {
  .kassa__totals-email {
    padding: 70px 16px 30px;
  }
}
.kassa__totals-email--login-fields {
  display: flex;
  flex-direction: column;
}
.kassa__totals-email--login-fields input {
  width: 100% !important;
  border: 1px solid #c2c2c2 !important;
  background: #fff !important;
  color: #283348 !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 29px !important;
  height: 64px !important;
  flex-basis: auto !important;
  margin-right: 0 !important;
}
.kassa__totals-email--login-buttons {
  display: flex;
  flex-direction: column;
}
.kassa__totals-email--login-buttons button {
  width: 100% !important;
  flex-basis: auto !important;
  margin-bottom: 12px;
  background: #fffafa !important;
}
.kassa__totals-email--login-buttons div {
  flex-direction: row !important;
}
.kassa__totals-email--login-buttons div button {
  min-width: 276px;
  max-width: 276px;
  height: 64px;
}
.kassa__totals-email--admin {
  max-height: none;
  min-height: auto;
  padding: 49px 77px 68px;
}
.kassa__totals-email--admin h3,
.kassa__totals-email--admin span {
  text-align: left !important;
  margin-bottom: 7px !important;
}
@media screen and (max-width: 1320px) {
  .kassa__totals-email--admin h3,
.kassa__totals-email--admin span {
    max-width: 656px;
  }
}
.kassa__totals-email--admin div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.kassa__totals-email::after {
  content: "Spara till senare";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 99px;
  height: 99px;
  background-color: #fff;
  border-radius: 50%;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.8px;
  padding: 19px;
  position: absolute;
  top: -41px;
  right: 84px;
}
@media screen and (max-width: 800px) {
  .kassa__totals-email::after {
    width: 59px;
    height: 59px;
    font-size: 15px;
    line-height: 17px;
    top: -12px;
    right: -7px;
  }
}
.kassa__totals-email h3 {
  color: #283348;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1.6px;
  margin-bottom: 7px;
}
@media screen and (max-width: 1320px) {
  .kassa__totals-email h3 {
    max-width: 656px;
  }
}
.kassa__totals-email h3 span {
  display: inline-block;
  color: #283348;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  max-width: 484px;
  letter-spacing: 0px;
  margin-bottom: 33px;
}
.kassa__totals-email-form {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (max-width: 1320px) {
  .kassa__totals-email-form {
    max-width: 656px;
  }
}
@media all and (max-width: 800px) {
  .kassa__totals-email-form {
    display: block;
    max-width: none;
    width: 100%;
  }
}
@media all and (max-width: 800px) {
  .kassa__totals-email-form div {
    display: flex;
    flex-direction: column;
  }
}
.kassa__totals-email-form div:first-of-type {
  display: flex;
}
.kassa__totals-email-form div:last-of-type {
  display: flex;
}
.kassa__totals-email-form input {
  border: none;
  padding: 16px;
  margin-right: 21px;
  width: 307px;
  height: 64px;
  border: 1px solid #c2c2c2;
  background: #fff;
  color: #283348;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 24px;
}
@media all and (max-width: 800px) {
  .kassa__totals-email-form input {
    /* autoprefixer: off */
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    margin: 0 0 20px 0;
  }
}
.kassa__totals-email-form input.admin {
  flex-basis: 33%;
}
.kassa__totals-email-form textarea {
  resize: none;
  width: 100%;
  height: 285px;
  border: none;
  margin: 10px 20px 20px 0;
  padding: 10px;
  color: #283348;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
}
.kassa__totals-email-form button {
  border: 0;
  width: 306px;
  height: 64px;
  border-radius: 72px;
  background: #e5b7b0;
  color: #0a1018;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.8px;
  cursor: pointer;
}
.kassa__totals-email-form button:hover {
  filter: brightness(1.1);
}
@media all and (max-width: 800px) {
  .kassa__totals-email-form button {
    /* autoprefixer: off */
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    margin: 0 0 20px 0;
  }
}
.kassa__totals-email-form button.admin {
  flex-basis: 33%;
}
.kassa__totals-email-separator {
  text-align: center;
  font-style: italic;
  opacity: 0.8;
  margin: 20px 0;
}
.kassa .input-wrapper {
  position: relative;
}
.kassa .input-wrapper input::-moz-placeholder {
  color: transparent;
}
.kassa .input-wrapper input:-ms-input-placeholder {
  color: transparent;
}
.kassa .input-wrapper input::placeholder {
  color: transparent;
}
.kassa .input-wrapper label {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #fff;
  color: #283348;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  pointer-events: none;
}
.kassa .active label {
  top: 3px;
  left: 17px;
  font-size: 12px;
  color: #758094;
  line-height: normal;
}
.kassa__totals-totals {
  font-size: 18px;
  width: 100%;
  max-width: 716px;
  max-height: 494px;
  min-height: 494px;
  width: 100%;
  text-align: center;
  border-radius: 16px;
  background: #f1e9e4;
  padding: 89px 80px 42px;
  position: relative;
}
@media screen and (max-width: 1320px) {
  .kassa__totals-totals {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 20px;
    max-width: none;
    width: 100%;
    max-height: none;
    padding: 89px 0px 42px;
  }
}
@media all and (max-width: 800px) {
  .kassa__totals-totals {
    font-size: 16px;
    padding: 89px 16px 42px;
  }
}
.kassa__totals-totals::after {
  content: "Nu med delbetalning";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 99px;
  height: 99px;
  background-color: #e5b7b0;
  border-radius: 50%;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.8px;
  padding: 19px;
  position: absolute;
  top: 37px;
  right: 45px;
}
@media screen and (max-width: 800px) {
  .kassa__totals-totals::after {
    width: 59px;
    height: 59px;
    font-size: 15px;
    line-height: 17px;
    top: -12px;
    right: 7px;
  }
}
.kassa__totals-totals--zip-wrapper {
  display: flex;
  align-items: center;
  margin-top: 76px;
}
@media screen and (max-width: 800px) {
  .kassa__totals-totals--zip-wrapper {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .kassa__totals-totals--zip-wrapper .input-wrapper {
    width: 100%;
  }
}
.kassa__totals-totals--zip-wrapper .input-wrapper input {
  border: none;
  padding: 16px;
  margin-right: 21px;
  width: 307px;
  height: 64px;
  border: 1px solid #c2c2c2;
  background: #fff;
  color: #283348;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  -moz-appearance: textfield;
}
@media screen and (max-width: 800px) {
  .kassa__totals-totals--zip-wrapper .input-wrapper input {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
.kassa__totals-totals--zip-wrapper .input-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.kassa__totals-totals--zip-wrapper .input-wrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.kassa__totals-totals--zip-wrapper a {
  max-width: none;
}
.kassa__totals-totals strong {
  color: #000;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -1.6px;
}
.kassa__totals-totals strong span {
  font-size: 16px;
  letter-spacing: -0.64px;
  font-weight: 700;
}
.kassa__totals-totals span {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.8px;
}
@media all and (max-width: 800px) {
  .kassa__totals-totals {
    font-size: 22px;
  }
}
.kassa__totals-result {
  margin-top: 10px;
  text-align: center;
  font-weight: 600;
}
.kassa__totals-result-success {
  color: #24324a;
}
.kassa__totals-result-fail {
  color: red;
}
.kassa__totals-cta {
  background: #24324a;
  border-radius: 33px;
  color: #fff;
  padding: 20px 45px;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  min-height: 64px;
  max-width: 306px;
  white-space: nowrap;
}
.kassa__totals-cta:hover {
  background: #1c2639;
}
.kassa__totals-cta:active {
  background: #2c3e5b;
}
@media all and (max-width: 1200px) {
  .kassa__commentary {
    position: relative;
    height: 210px;
  }
}
.kassa__commentary td {
  background: #f8f8f8 !important;
  text-align: right !important;
  padding: 20px;
}
@media all and (max-width: 1200px) {
  .kassa__commentary td {
    position: relative;
  }
}
.kassa__commentary-wrapper {
  display: flex;
}
@media all and (max-width: 1200px) {
  .kassa__commentary-wrapper {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.kassa__commentary-input {
  display: flex;
  background: #fff;
  width: 80%;
}
.kassa__commentary-input textarea {
  border: none;
  padding: 10px;
  resize: none;
  height: 30px;
  font-size: 14px;
  overflow: hidden;
  /* autoprefixer: off */
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.kassa__commentary-input:before {
  content: "";
  width: 32px;
  height: 32px;
  background: url(/images/comment2.svg);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
@media all and (max-width: 1200px) {
  .kassa__commentary-input {
    width: calc(100vw - 80px);
    margin: 10px 20px;
  }
  .kassa__commentary-input textarea {
    height: 100px;
  }
}
.kassa__commentary button {
  border: 0;
  width: 306px;
  height: 64px;
  border-radius: 72px;
  background: #e5b7b0;
  color: #0a1018;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.8px;
  cursor: pointer;
  max-width: 290px;
  margin-left: 20px;
}
.kassa__commentary button:hover {
  filter: brightness(1.1);
}
@media all and (max-width: 1200px) {
  .kassa__commentary button {
    width: calc(100vw - 100px);
    max-width: calc(100vw - 100px);
    margin: 10px 30px 0 0;
  }
}
.kassa__commentary-form {
  display: flex;
  justify-content: space-between;
}
.kassa__details {
  background-color: #f6f6f6;
  margin-bottom: 20px;
  padding: 16px;
}
.kassa__details h3 {
  font-size: 16px;
  color: #242424;
  font-weight: 500;
  margin-bottom: 16px;
}
@media all and (max-width: 800px) {
  .kassa__details-wrapper {
    position: relative;
  }
  .kassa__details-wrapper::after {
    pointer-events: none;
    height: 100%;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: linear-gradient(83.58deg, rgba(255, 255, 255, 0) 21.93%, #f6f6f6 64.73%);
  }
}
.kassa__details-groups {
  display: flex;
  position: relative;
  overflow-x: auto;
}
.kassa__details-group {
  padding: 0 16px;
  border-right: 1px solid #d8d8d8;
}
.kassa__details-group:last-of-type {
  border-right: none;
}
@media all and (max-width: 1200px) {
  .kassa__details-group {
    max-width: 120px;
  }
}
.kassa__details-title {
  font-size: 12px;
  color: #242424;
  margin-bottom: 10px;
}
@media all and (max-width: 1200px) {
  .kassa__details-title {
    font-size: 11px;
    line-height: 16px;
    height: 40px;
  }
}
.kassa__details-items {
  display: flex;
}
.kassa__details-item {
  display: flex;
  margin-right: 10px;
  padding: 4px;
  background-color: #fff;
}
@media all and (max-width: 1200px) {
  .kassa__details-item {
    display: block;
    width: 100px;
    height: 170px;
  }
}
.kassa__details-item img {
  width: 50px;
  height: 50px;
}
@media all and (max-width: 1200px) {
  .kassa__details-item img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
  }
}
.kassa__details-item span {
  display: block;
  width: 80px;
  font-size: 9px;
  color: #242424;
  padding: 7px 9px;
  font-style: normal;
}
@media all and (max-width: 1200px) {
  .kassa__details-item span {
    font-size: 10px;
    line-height: 14px;
    padding-top: 10px;
  }
}
.kassa__bt {
  background: #f6f6f6;
  display: inline-block;
  line-height: 25px;
  height: 37px;
  border: 0;
  padding: 8px 20px 8px 35px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 500;
  margin-right: 10px;
  cursor: pointer;
}
@media all and (max-width: 1200px) {
  .kassa__bt {
    margin: 0 10px 10px 0;
    display: inline-block;
  }
}
.kassa__bt:hover {
  opacity: 0.8;
}
.kassa__bt-disabled {
  cursor: default;
  opacity: 0.5;
}
.kassa__bt-disabled:hover {
  opacity: 0.5 !important;
}
.kassa__bt--add, .kassa__bt--clone {
  cursor: pointer;
  background: #fff url(../images/plus2020.svg) no-repeat center left 10px;
}
.kassa__bt--cog {
  cursor: pointer;
  background: #fff url(../images/change.svg) no-repeat center left 10px;
}
.kassa__bt--radera {
  cursor: pointer;
  background: #fff url(../images/bin.svg) no-repeat center left 10px;
}
.kassa__mobilebt {
  cursor: pointer;
  width: 91.15px;
  height: 80.35px;
  background: #fdfdfd;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  display: block;
  margin: 12px;
  padding: 32px 12px 12px 12px;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: #000000;
}
.kassa__mobilebt:hover {
  opacity: 0.8;
}
.kassa__mobilebt-disabled {
  cursor: default;
  opacity: 0.5;
}
.kassa__mobilebt-disabled:hover {
  opacity: 0.5 !important;
}
.kassa__mobilebt--add, .kassa__mobilebt--clone {
  background: #fff url(../images/plus2020.svg) no-repeat top 10px center;
}
.kassa__mobilebt--cog {
  background: #fff url(../images/change.svg) no-repeat top 10px center;
}
.kassa__mobilebt--radera {
  background: #fff url(../images/bin.svg) no-repeat top 10px center;
}
.kassa__total {
  position: relative;
  height: 32px;
  background: #fff !important;
}
.kassa__total td {
  background: #fff !important;
  text-align: right !important;
  font-size: 16px !important;
  font-weight: 300;
  padding: 0 20px 0 0 !important;
}
.kassa__total td strong {
  font-weight: 600;
}
.kassa__controller {
  display: flex;
  cursor: pointer;
}
.kassa__controller-number {
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  min-width: 25px;
}
.kassa__controller-control {
  width: 20px;
  height: 20px;
  display: flex;
}
.kassa__controller-control--plus {
  background: url(../images/plus.svg) no-repeat center;
}
.kassa__controller-control--minus {
  background: url(../images/minus.svg) no-repeat center;
}
.kassa__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  padding-top: 14px;
}
@media all and (max-width: 1200px) {
  .kassa__wrapper {
    padding-top: 0;
  }
}
.kassa__cart {
  margin-bottom: 20px;
  background-color: #f6f6f6;
}
.kassa__header {
  display: flex;
  align-items: center;
  background: #f6f6f6;
}
@media all and (max-width: 800px) {
  .kassa__header {
    justify-content: space-between;
  }
}
.kassa__summa {
  height: 70px;
  width: 300px;
  text-align: right;
  line-height: 70px;
  font-size: 14px;
  padding: 0 30px;
  background-color: rgba(36, 50, 74, 0.1019607843);
  margin-left: auto;
}
@media all and (max-width: 800px) {
  .kassa__summa {
    display: none;
  }
}
.kassa__summa strong {
  font-weight: 600;
}
.kassa__name {
  margin-left: 25px;
  border-bottom: 2px solid #38383a;
  width: 280px;
}
@media all and (max-width: 800px) {
  .kassa__name {
    display: flex;
    margin: 0 10px;
    max-width: calc(100% - 90px);
  }
}
.kassa__name input {
  width: 260px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  border: none;
}
@media all and (max-width: 800px) {
  .kassa__name input {
    font-size: 16px;
  }
}
.kassa__name span:after {
  content: "";
  display: inline-block;
  background: url(../images/edit-line.svg);
  position: relative;
  top: 4px;
  width: 16px;
  height: 20px;
}
.kassa__chevron {
  background: rgba(36, 50, 74, 0.1019607843) url(../images/arrow.svg) no-repeat center right 20px;
  transform: rotate(180deg);
  color: #fff;
  width: 70px;
  min-width: 70px;
  height: 70px;
  cursor: pointer;
}
.kassa__chevron small {
  font-size: 0.7em;
}
.kassa__chevron h3 {
  font-size: 1.2em;
}
.kassa__chevron--closed {
  transform: rotate(0);
  background-position-x: 25px;
}
.kassa__icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
}
.kassa__icon--radera {
  background: url(../images/radera.svg) no-repeat center;
}
.kassa__links {
  padding-right: 30px;
  flex-grow: 1;
  text-align: right;
}
@media all and (max-width: 1200px) {
  .kassa__links {
    display: none;
  }
}
.kassa__mobilelinks {
  display: none;
}
@media all and (max-width: 1200px) {
  .kassa__mobilelinks {
    display: flex;
    margin-top: 20px;
  }
}
.kassa__hover {
  background-color: #fff;
  width: 120px;
  height: 120px;
  z-index: 5;
  padding-top: 25px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.kassa__table {
  background: #fff;
  min-width: 100%;
  height: 100%;
}
@media all and (max-width: 1200px) {
  .kassa__table {
    width: 1640px;
  }
}
.kassa__table thead th {
  background: #f6f6f6;
  padding: 15px;
  vertical-align: bottom;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  color: #000;
}
.kassa__table tbody tr {
  font-size: 12px;
  color: #242424;
}
.kassa__table tbody tr td {
  padding: 20px;
  vertical-align: middle;
  text-align: center;
  border: 2px solid #fff;
}
.kassa__table tbody tr:nth-child(odd) td {
  background: #ececec !important;
}
.kassa__table tbody tr:nth-child(even) td {
  background: #f6f6f6 !important;
}
@media all and (max-width: 1200px) {
  .kassa__table-wrapper {
    max-width: 100%;
    position: relative;
  }
  .kassa__table-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    background: linear-gradient(88.13deg, rgba(255, 255, 255, 0) 15.96%, rgba(251, 251, 251, 0.485709) 56.91%, #f6f6f6 90.58%);
  }
}
@media all and (max-width: 1200px) {
  .kassa__table-area {
    overflow-x: auto;
    position: relative;
    height: 120%;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .kassa__table-area::-webkit-scrollbar {
    display: none;
  }
}
.kassa__table-checkout th {
  background-color: #fff !important;
}
.kassa__row td {
  position: relative;
  touch-action: manipulation;
}
.kassa__row-editable {
  position: absolute;
  right: 0;
  bottom: 0;
}
.kassa__row-editable:after {
  background: url(/images/edit-line.svg);
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
}
.kassa__admin input,
.kassa__admin button {
  width: 100%;
  border: none;
  padding: 5px;
  height: 30px;
}
.kassa__admin button {
  border-radius: 25px;
  background-color: #38383a;
  color: white;
  border: 0;
  padding: 10px 30px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
}
.kassa__admin button:hover {
  background-color: black;
}
.kassa__address {
  display: flex;
  margin: 10px 0;
}
.kassa__address-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  background: #ddd;
  margin-right: 10px;
  margin-top: 5px;
  border-radius: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  display: flex;
  color: #fff;
  font-weight: 500;
}
.kassa__address-icon--plus {
  background: #24324a url(../images/plus-icon.svg) no-repeat center;
  background-size: 16px 16px;
}
.kassa__address-heading {
  font-size: 2em;
  margin-bottom: 0;
  letter-spacing: -0.03em;
  margin-left: 10px;
}
.kassa__address-heading--first {
  margin-bottom: 20px;
}
.kassa__address-container {
  flex-grow: 1;
  flex-basis: 100%;
}
.kassa__address-field {
  padding: 10px;
  font-size: 0.85em;
}

.checkout__address__validation-error, .checkout__payex__validation-error {
  border: 1px solid red;
}
.checkout__address__validation-error input, .checkout__payex__validation-error input {
  color: red;
  border: 1px solid red;
}

.__checkout {
  display: flex;
  justify-content: center;
  max-width: 1640px;
  margin: 0 auto;
}
.__checkout__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
}
@media all and (max-width: 1200px) {
  .__checkout__wrapper {
    max-width: 100%;
  }
}
.__checkout__message {
  margin-bottom: 8px !important;
  font-weight: 600 !important;
  color: red !important;
}
.__checkout__form-field {
  position: relative;
}
.__checkout__form-field input::-moz-placeholder {
  color: transparent;
}
.__checkout__form-field input:-ms-input-placeholder {
  color: transparent;
}
.__checkout__form-field input::placeholder {
  color: transparent;
}
.__checkout__form-field label {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #fff;
  color: #283348;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  pointer-events: none;
}
.__checkout .active label {
  top: 3px;
  left: 17px;
  font-size: 12px;
  color: #758094;
  line-height: normal;
}
@media all and (max-width: 1200px) {
  .__checkout__kassawrapper {
    max-width: 100%;
    position: relative;
  }
  .__checkout__kassawrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    background: linear-gradient(88.13deg, rgba(255, 255, 255, 0) 15.96%, rgba(251, 251, 251, 0.485709) 56.91%, #f6f6f6 90.58%);
  }
}
.__checkout__totals {
  text-align: right;
}
.__checkout__totals-row {
  padding: 20px 0 0 0 !important;
}
.__checkout__totals-row td {
  background: rgba(36, 50, 74, 0.1019607843) !important;
  font-size: 16px !important;
  line-height: 30px;
  padding: 0 !important;
}
.__checkout__totals-row td strong {
  font-weight: 600;
}
.__checkout__totals-row td:first-of-type {
  text-align: left !important;
  border-right: none;
}
.__checkout__totals-row td:nth-of-type(2) {
  text-align: right !important;
  border-left: none;
}
@media all and (max-width: 1200px) {
  .__checkout__totals-row {
    position: relative;
  }
  .__checkout__totals-row td {
    height: 308px;
    position: relative;
    top: 80px;
  }
}
.__checkout__totals-container {
  width: 100%;
}
@media all and (max-width: 1200px) {
  .__checkout__totals-container {
    position: absolute;
    top: 0px;
    bottom: 80px;
    width: 100vw;
  }
}
.__checkout__totals div {
  font-size: 16px;
  width: 100%;
  padding: 5px 20px;
}
.__checkout__totals div:nth-of-type(3) {
  background: #24324a;
  color: #fff;
  padding: 10px 20px;
}
@media all and (max-width: 1200px) {
  .__checkout__totals div {
    width: 100vw;
    padding-right: 60px !important;
  }
}
.__checkout__subheading {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.__checkout__subheading p {
  color: #000;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  max-width: 600px;
  margin-bottom: 30px;
}
.__checkout__new-offert button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  margin: 0;
  display: initial;
}
.__checkout__new-offert button:hover {
  filter: brightness(1.1);
}
@media all and (max-width: 1200px) {
  .__checkout__new-offert button {
    width: 100%;
    margin-top: 1rem;
  }
}
.__checkout__new-offert input {
  margin-top: 20px;
  padding: 20px 15px 18px 15px;
  border: 1px solid #f6f6f6;
  font-size: 0.9em;
  line-height: normal;
  letter-spacing: 0.1em;
  background-color: #f6f6f6;
  width: 200px;
}
.__checkout__new-offert input:first-child {
  width: 400px;
}
@media all and (max-width: 1200px) {
  .__checkout__new-offert input {
    width: 100% !important;
  }
}
.__checkout__coupon {
  margin: 0 15px;
}
.__checkout__coupon input {
  margin: 20px 20px 0 0;
  width: 300px;
  padding: 20px 15px 18px 15px;
  border: 1px solid #f6f6f6;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0;
  background-color: #f6f6f6;
}
.__checkout__coupon button {
  border: 0;
  width: 306px;
  height: 64px;
  border-radius: 72px;
  background: #e5b7b0;
  color: #0a1018;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.8px;
  cursor: pointer;
  width: 100px;
}
.__checkout__coupon button:hover {
  filter: brightness(1.1);
}
.__checkout__coupon span {
  padding-left: 10px;
}
@media all and (max-width: 1200px) {
  .__checkout__coupon {
    margin: 35px 15px;
  }
  .__checkout__coupon input {
    margin: 0 10px;
    min-width: 50vw;
    width: calc(100vw - 330px);
  }
  .__checkout__coupon button {
    width: 90px;
  }
  .__checkout__coupon span {
    display: block;
    padding: 10px 20px;
    height: 50px;
  }
}
.__checkout__leverans {
  margin: 30px 0 0 60px;
}
.__checkout__leverans-heading {
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 8px;
  color: #24324a;
}
.__checkout__leverans-text {
  font-size: 0.9em;
  line-height: 1.3;
  margin-bottom: 3px;
}
.__checkout__leverans-text strong {
  font-weight: 500;
}
@media all and (max-width: 800px) {
  .__checkout__leverans {
    text-align: center;
    margin-left: 0;
  }
}
.__checkout__back {
  display: flex;
  position: relative;
  top: 60px;
}
@media all and (max-width: 800px) {
  .__checkout__back {
    display: block;
    text-align: center;
    text-align: right;
  }
  .__checkout__back button {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: #4a4a4b !important;
    text-align: right !important;
    text-decoration: underline !important;
    font-size: 12px !important;
    font-style: normal !important;
  }
}
.__checkout__back button {
  border: 0;
  width: 306px;
  height: 64px;
  border-radius: 72px;
  background: #e5b7b0;
  color: #0a1018;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.8px;
  cursor: pointer;
  margin-left: auto;
  min-width: 300px;
}
.__checkout__back button:hover {
  filter: brightness(1.1);
}
.__checkout__back-down {
  margin-bottom: 40px;
  text-align: center;
}
.__checkout__back-down button {
  border: 0;
  width: 306px;
  height: 64px;
  border-radius: 72px;
  background: #e5b7b0;
  color: #0a1018;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.8px;
  cursor: pointer;
  margin: 0 auto;
  min-width: 300px;
}
.__checkout__back-down button:hover {
  filter: brightness(1.1);
}
.__checkout__details {
  background: rgba(241, 233, 228, 0.3411764706);
  width: 398px;
  height: 470px;
  border-radius: 16px;
  padding: 45px 34px 85px 34px;
  margin: 40px 10px 40px 0px;
}
@media screen and (max-width: 1111px) {
  .__checkout__details {
    margin-right: 0;
    width: auto;
  }
}
.__checkout__details h4 {
  color: #000;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -1.28px;
  margin-bottom: 28px;
}
.__checkout__details ul {
  max-width: 318px;
}
@media screen and (max-width: 1111px) {
  .__checkout__details ul {
    margin: 0 auto;
  }
}
.__checkout__details ul li {
  position: relative;
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.68px;
  margin-bottom: 22px;
  padding-left: 39px;
}
.__checkout__details ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../images/details-check.svg);
  position: absolute;
  top: 3px;
  left: 0;
}
.__checkout__forms {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1111px) {
  .__checkout__forms {
    flex-direction: column;
  }
}
.__checkout__formcontainer {
  font-size: 18px;
  margin: 40px 0 48px 0px;
  width: 722px;
  max-width: 100%;
  text-align: center;
  border-radius: 16px;
  background: #f1e9e4;
  position: relative;
}
@media screen and (max-width: 1111px) {
  .__checkout__formcontainer {
    width: 100%;
  }
}
.__checkout__formcontainer--payment {
  border: 1px solid #979797;
  background: #fff;
  margin: 40px auto;
}
.__checkout__formcontainer--payment::after {
  top: -84px !important;
  right: -66px !important;
}
@media screen and (max-width: 1111px) {
  .__checkout__formcontainer--payment::after {
    top: 0px !important;
    right: 7px !important;
  }
}
.__checkout__formcontainer--payment + .__checkout__message-error {
  display: none;
}
.__checkout__formcontainer::after {
  content: "Nu med delbetalning";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 99px;
  height: 99px;
  background-color: #e5b7b0;
  border-radius: 50%;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.8px;
  padding: 19px;
  position: absolute;
  top: -41px;
  right: -41px;
}
@media screen and (max-width: 1111px) {
  .__checkout__formcontainer::after {
    width: 59px;
    height: 59px;
    font-size: 15px;
    line-height: 17px;
    top: -12px;
    right: 7px;
  }
}
@media all and (max-width: 800px) {
  .__checkout__formcontainer {
    font-size: 16px;
    width: 100%;
    padding: 0px 8px;
  }
}
.__checkout__formcontainer strong {
  display: block;
  margin-top: 69px;
  color: #000;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -1.6px;
  margin-bottom: 17px;
}
.__checkout__formcontainer strong span {
  font-size: 16px;
  letter-spacing: -0.64px;
  font-weight: medium;
}
.__checkout__formcontainer p {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.64px;
  max-width: 406px;
  margin: 17px auto 0;
}
.__checkout__form {
  padding: 45px 45px 24px 45px;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
}
@media all and (max-width: 1111px) {
  .__checkout__form {
    display: block;
    max-width: 330px;
    margin: 0 auto;
    padding: 25px 0px 10px 0px;
  }
}
.__checkout__form h3 {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.8px;
  flex-basis: 100%;
  margin-bottom: 28px;
}
.__checkout__form-error {
  border-color: red !important;
}
.__checkout__form-switch {
  cursor: pointer;
  flex-basis: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 26.4px;
  color: #38383a;
  text-align: center;
  margin: 20px 0 24px;
}
.__checkout__form-switch span {
  border-bottom: 2px solid #38383a;
}
.__checkout__form-info {
  flex-basis: 100%;
  color: #24324a;
  letter-spacing: 0;
  margin: 48px auto 0;
  border-radius: 8px;
  background: #e5b7b0;
  padding: 24px 24px 24px 74px;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  max-width: 425px;
  position: relative;
}
@media all and (max-width: 1111px) {
  .__checkout__form-info {
    padding: 24px 24px 24px 28px;
  }
}
.__checkout__form-info svg {
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  margin: auto;
}
.__checkout__form-cta {
  flex-basis: 100%;
  margin: 48px 0 0;
  text-align: center;
}
.__checkout__form-cta a {
  background: #24324a;
  border-radius: 33px;
  color: #fff;
  padding: 20px 45px;
  display: inline-block;
  min-width: 380px;
  font-size: 18px;
  font-weight: 600;
}
@media all and (max-width: 1111px) {
  .__checkout__form-cta a {
    min-width: auto;
  }
}
.__checkout__form-cta a:hover {
  background: #1c2639;
}
.__checkout__form-cta a:active {
  background: #2c3e5b;
}
.__checkout__form-cta p {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #283348;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.64px;
  margin: 24px auto;
}
.__checkout__form-cta p svg {
  margin-right: 14px;
}
.__checkout__form-field input {
  border: 1px solid #c2c2c2;
  background: #fff;
  border: none;
  padding: 16px;
  width: 306px;
  height: 64px;
  border: 1px solid #c2c2c2;
  background: #fff;
  color: #283348;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 24px;
}
@media all and (max-width: 1111px) {
  .__checkout__form-field {
    margin: 0 auto;
  }
}
@media all and (min-width: 1111px) {
  .__checkout__form-full {
    width: 630px;
  }
  .__checkout__form-full input {
    width: 630px;
  }
}
.__checkout__form-label {
  text-align: left;
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #242424;
}
@media all and (max-width: 1111px) {
  .__checkout__form-label {
    padding-left: 20px;
  }
}
.__checkout__form-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding: 19px 39px;
  border-radius: 8px;
  background: #fff;
  max-width: 558px;
  margin: 20px auto 47px;
}
@media all and (max-width: 1111px) {
  .__checkout__form-logos {
    padding: 10px;
  }
}
.__checkout__form-logos img {
  height: 30px;
}
.__checkout__form-logos img:first-of-type {
  width: 106px;
  height: 28px;
}
.__checkout__form-logos img:nth-of-type(2) {
  width: 70px;
  height: 22px;
}
.__checkout__form-logos img:nth-of-type(3) {
  width: 68px;
  height: 48px;
}
.__checkout__form-logos img:nth-of-type(4) {
  width: 68px;
  height: 32px;
}
@media all and (max-width: 1111px) {
  .__checkout__form-logos img {
    height: 20px;
  }
}
.__checkout__form-checkbox {
  font-size: 14px;
  margin: 0 auto;
}
.__checkout__form-checkbox input[type=checkbox] {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.__checkout__form-checkbox a {
  color: #242424;
  text-decoration: underline;
}
.__checkout__main-heading {
  font-size: 28px;
  font-weight: 500;
  color: #24324a;
  line-height: 27px;
  letter-spacing: -0.82px;
  margin-bottom: 20px;
}
@media all and (max-width: 1200px) {
  .__checkout__main-heading {
    font-size: 2em;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.__checkout__message {
  text-align: center;
}
.__checkout__message-error {
  color: red;
  border: 1px solid red;
  padding: 10px 15px;
  margin-bottom: 20px;
  font-weight: 500;
}
.__checkout__message-default {
  color: #999;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  margin-bottom: 20px;
  font-weight: 500;
}
.__checkout__delivery-address--heading {
  margin-top: 20px;
}
.__checkout__payment-container {
  padding: 20px 0 30px 0px;
}
.__checkout__payment-container h3 {
  font-size: 16px;
  color: #38383a;
  font-weight: 600;
  line-height: 26.4px;
  margin-bottom: 10px;
}
.__checkout__payment-address {
  font-size: 14px;
  line-height: 24px;
  color: #242424;
}
.__checkout__payment-checkbox {
  display: block;
  font-size: 14px;
  margin: 20px auto;
}
.__checkout__payment-checkbox input[type=checkbox] {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.__checkout__payment-logo {
  text-align: center;
}
.__checkout__payment-methods {
  display: flex;
  flex-direction: column;
}
.__checkout__payment-methods .checkout-column {
  flex-direction: column;
  background-image: none;
  background-color: white;
}
.__checkout__payment-methods div:nth-last-of-type(2) {
  order: 3;
}
.__checkout__method {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #d3d3d3;
  background: #fff1f1;
  width: 514px;
  min-height: 79px;
  margin: 0px auto 19px;
  padding: 27px 34px 27px 31px;
  cursor: pointer;
}
.__checkout__method:hover {
  opacity: 0.8;
}
.__checkout__method-CREDITCARD {
  background-image: url(../images/creditcards-checkout.svg);
  background-repeat: no-repeat;
  background-position: 9% 50%;
}
@media screen and (max-width: 800px) {
  .__checkout__method-CREDITCARD {
    background-size: 39%;
  }
}
.__checkout__method-ZAVER {
  background-image: url(../images/zaver-checkout.svg);
  background-repeat: no-repeat;
  background-position: 8% 50%;
}
@media screen and (max-width: 800px) {
  .__checkout__method-ZAVER {
    background-size: 22%;
  }
}
.__checkout__method-invoice {
  background-image: url(../images/picky-checkout.svg);
  background-repeat: no-repeat;
  background-position: 7% 50%;
  position: relative;
  padding: 18px 34px 18px 31px;
}
.__checkout__method-invoice p {
  color: #d57991;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.56px;
  position: absolute;
  top: 2px;
}
.__checkout__method-invoice .__checkout__method-title {
  margin-top: 15px;
}
.__checkout__method-title {
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}
.__checkout__method-text {
  font-size: 12px;
}
.__checkout__method-iframe {
  margin-top: 5px;
  width: 100%;
}
@media all and (max-width: 800px) {
  .__checkout__method {
    max-width: 80vw;
  }
}

.invoice-modal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.invoice-modal__overlay {
  width: 100vw;
  height: 100vh;
  opacity: 0.5;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.invoice-modal__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 552px;
  height: 298px;
  border-radius: 16px;
  background: #fdf2f1;
  padding: 24px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}
@media (max-width: 770px) {
  .invoice-modal__inner {
    width: 90vw;
    height: 435px;
  }
}
.invoice-modal__inner--close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.invoice-modal__inner--heading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.invoice-modal__inner--heading h4 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.64px;
  margin-left: 16px;
}
.invoice-modal__inner--text {
  height: 100%;
  padding-top: 24px;
}
.invoice-modal__inner--text h2,
.invoice-modal__inner--text p {
  margin: 0 auto;
  margin-bottom: 8px;
}
.invoice-modal__inner--text h2 {
  display: inline-block;
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.24px;
  background-color: rgba(0, 0, 0, 0.1019607843);
  padding: 5px 10px;
}
.invoice-modal__inner--text p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.16px;
}
.invoice-modal__inner--text p:last-of-type {
  font-weight: 700;
}
.invoice-modal__inner--buttons button {
  border: 0;
  border-radius: 88px;
  width: 200px;
  height: 56px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.64px;
}
.invoice-modal__inner--buttons button:hover {
  opacity: 0.8;
}
.invoice-modal__inner--buttons button:first-of-type {
  border: 1px solid #d3d3d3;
  background: #fff;
  margin-right: 16px;
}
@media (max-width: 770px) {
  .invoice-modal__inner--buttons button:first-of-type {
    margin: 0 0 16px 0;
  }
}
.invoice-modal__inner--buttons button:last-of-type {
  background: #bfe1ac;
}

.checkout-page {
  max-width: 1640px;
  margin: 0 auto 0 auto;
  padding: 0 20px;
}

.carousel {
  display: flex;
  justify-content: center;
  max-width: 1640px;
  margin: 0 auto;
}
.carousel__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  padding: 0 0 30px 0;
  margin: 0 -10px;
}
.carousel__items {
  display: flex;
}
@media all and (max-width: 800px) {
  .carousel__items {
    flex-flow: row wrap;
  }
}
.carousel__items-inner {
  flex-basis: 25%;
  margin: 10px;
  padding: 15px 15px 0;
  background: #f6f6f6;
}
@media all and (max-width: 800px) {
  .carousel__items-inner {
    flex-basis: 100%;
  }
}
.carousel__items-inner a img {
  max-width: 100%;
}
.carousel__items-inner a h3 {
  padding: 25px 15px;
  font-size: 1.3em;
  color: #000;
  text-align: center;
}
.carousel__head {
  margin-bottom: 30px;
  max-width: 50%;
  margin: 30px auto;
}
.carousel__head h2 {
  text-align: center;
  font-size: 50px;
  margin-bottom: 20px;
  font-size: 2em;
}

.loader__text {
  text-align: center;
  font-size: 0.9em;
  color: #999;
}

.loader {
  position: relative;
  margin: 20px auto;
  width: 50px;
}
.loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #24324a;
  }
  40% {
    stroke: #24324a;
  }
  66% {
    stroke: #24324a;
  }
  80%, 90% {
    stroke: #24324a;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #24324a;
  }
  40% {
    stroke: #24324a;
  }
  66% {
    stroke: #24324a;
  }
  80%, 90% {
    stroke: #24324a;
  }
}
/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */
.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */
@-webkit-keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: rgb(248, 248, 248);
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}
.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}
.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}
.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

.vs__no-options {
  text-align: center;
}

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #f1eded;
  color: #000;
}

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  cursor: inherit;
}

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search:-ms-input-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1;
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  -webkit-animation: vSelectSpinner 1.1s infinite linear;
          animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1;
}

.shop_filter {
  z-index: 999;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.shop_filter-wrapper {
  max-width: unset !important;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.shop_filter-wrapper > div {
  padding: 0 20px;
  max-width: 1640px;
  width: 100%;
}
.shop_filter-wrapper--top {
  transition: background-color 0.5s ease-in-out;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
}
.shop_filter > * {
  margin-bottom: 10px;
}
.shop_filter select,
.shop_filter label {
  max-width: 100%;
}
.shop_filter select {
  border: none;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  padding: 20px;
  font-size: 14px;
}
@media (max-width: 770px) {
  .shop_filter {
    flex-direction: column;
    margin-bottom: 0;
  }
  .shop_filter .v-select {
    margin-bottom: 10px;
    min-width: 100% !important;
  }
}
.shop_filter-desktop {
  padding: 20px 20px 10px !important;
}
.shop_filter-desktop--sticky {
  background-color: #ebeceb;
}
.shop_filter-desktop .shop_filter-clear {
  min-height: 40px;
}
@media (max-width: 770px) {
  .shop_filter-desktop {
    display: none;
  }
}
.shop_filter-mobile {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
  padding: 0 20px;
  left: 0;
  transition: 0.5s top ease-in-out;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  background-color: inherit;
  z-index: 9999999999;
}
.shop_filter-mobile .shop_filter-clear,
.shop_filter-mobile .shop_filter-apply {
  width: 100%;
  min-height: 52px;
}
.shop_filter-mobile .shop_filter__buttons {
  width: calc(100% - 40px);
  position: absolute;
}
.shop_filter-mobile h4 {
  font-weight: 500;
  padding: 20px 0;
}
.shop_filter-mobile .select-wrapper {
  position: relative;
}
.shop_filter-mobile .select-wrapper select {
  width: 100%;
  border-radius: 10px;
}
.shop_filter-mobile .select-wrapper .cover-active ::after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  content: "";
  height: 100%;
  width: 4px;
  right: 0;
  top: 0;
  background-color: #24324a;
}
.shop_filter-mobile .select-wrapper .cover {
  position: absolute;
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999;
  pointer-events: none;
  border-radius: 10px;
}
.shop_filter-mobile label {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
}
@media (min-width: 770px) {
  .shop_filter-mobile {
    display: none;
  }
}
.shop_filter-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.shop_filter-close img {
  width: 45%;
  filter: invert(13%) sepia(4%) saturate(1791%) hue-rotate(314deg) brightness(92%) contrast(79%);
}
.shop_filter__buttons {
  display: flex;
  max-width: 100%;
  bottom: 0;
}
.shop_filter-clear {
  margin-right: 4%;
}
.shop_filter-clear, .shop_filter-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #24324a;
  padding: 0 20px;
  cursor: pointer;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.shop_filter-clear :hover, .shop_filter-apply :hover {
  opacity: 0.8;
}
.shop_filter-clear p, .shop_filter-apply p {
  text-decoration: underline;
  white-space: nowrap;
}
.shop_filter-apply {
  background-color: #000;
  border-radius: 2px;
  color: white;
}
.shop_filter-apply p {
  text-decoration: none;
}
.shop_filter .v-select {
  padding: 5px 0;
  min-width: 200px;
  max-width: 200px;
  margin-right: 24px;
  cursor: pointer !important;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.shop_filter .v-select .vs__dropdown-toggle {
  border: none;
}
.shop_filter .v-select .vs__actions {
  padding: 4px 10px 0 3px;
}
.shop_filter .v-select .vs__actions .vs__open-indicator {
  fill: #000;
}
.shop_filter .v-select .vs__dropdown-menu {
  border: none;
}
.shop_filter .v-select .vs__dropdown-option--selected {
  position: relative;
  color: rgba(0, 0, 0, 0.5);
}
.shop_filter .v-select .vs__dropdown-option--selected:after {
  background: url(../images/icon-green-check-bg.png) no-repeat center;
  background-size: 14px;
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 4px;
}
.shop_filter .v-select .vs__dropdown-option {
  padding: 3px 10px;
}
.shop_filter .v-select .vs__dropdown-option--highlight {
  background-color: rgba(0, 0, 0, 0.03);
  color: #000;
}
.shop_filter .v-select .vs__dropdown-option--disabled {
  color: rgba(0, 0, 0, 0.3);
}
.shop_filter .v-select .vs__selected-options {
  padding-left: 12px;
  flex-wrap: nowrap;
  overflow-x: scroll;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.shop_filter .v-select .vs__selected-options::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  -webkit-appearance: none;
}
.shop_filter .v-select .vs__selected-options .vs__deselect {
  position: absolute;
  right: 10px;
  z-index: 999;
}
.shop_filter .v-select .vs__selected-options span {
  display: none;
  font-weight: 500;
}
.shop_filter .v-select .vs__selected-options span:first-of-type {
  display: flex;
}
.shop_filter .v-select .vs__search {
  pointer-events: none;
}
.shop_filter .v-select .vs__selected {
  text-transform: capitalize;
  border: none;
  margin-left: 0;
  padding-left: 0;
  color: #24324a;
  background-color: transparent;
  white-space: nowrap;
  max-width: 58%;
  overflow: hidden;
}
.shop_filter .v-select > * {
  cursor: pointer;
}
.shop_filter .v-select input {
  cursor: pointer !important;
  padding: 0;
}
.shop_filter .v-select input::first-letter {
  text-transform: capitalize;
}
.shop_filter .v-select ul li::first-letter {
  text-transform: capitalize;
}

.shop_menu {
  display: flex;
  margin-bottom: 64px;
}
@media all and (max-width: 768px) {
  .shop_menu {
    margin-bottom: 20px;
    overflow-x: scroll;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .shop_menu::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    -webkit-appearance: none;
  }
}
.shop_menu__item {
  color: #000;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.03));
  margin: 10px;
  border-radius: 16px;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .shop_menu__item {
    min-width: 265px !important;
  }
  .shop_menu__item:last-of-type {
    margin-right: 20px !important;
  }
}
.shop_menu__item:last-of-type {
  margin-right: 0;
}
.shop_menu__item:first-of-type {
  margin-left: 0;
}
.shop_menu__item-image {
  overflow: hidden;
  width: 100%;
  height: 150px;
  display: flex;
}
.shop_menu__item-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shop_menu__item-text {
  width: 100%;
  padding: 16px;
}
.shop_menu__item-text h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.shop_menu__item-text p {
  font-size: 14px;
}

.shop_menu__padding {
  padding: 0 30px;
}
@media (max-width: 770px) {
  .shop_menu__padding {
    padding: 0 20px;
  }
}

.category-menu-wrapper {
  max-width: unset !important;
  background-color: #fff;
  width: 100%;
  top: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop_menu__filter {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.shop_menu__filter button {
  cursor: pointer;
  border-radius: 2px;
  border: none;
  color: #fff;
  background-color: #000;
  padding: 10px 14px;
  font-weight: 500;
  width: 100px;
}
.shop_menu__filter button span {
  text-decoration: underline;
}
@media (min-width: 770px) {
  .shop_menu__filter {
    display: none;
  }
}

.shop_menu__categories {
  display: flex;
  padding: 10px 20px;
  max-width: 1640px;
  position: relative;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
@media all and (max-width: 768px) {
  .shop_menu__categories {
    padding: 10px 20px;
    overflow-x: scroll;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .shop_menu__categories::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    -webkit-appearance: none;
  }
}
.shop_menu__categories-item {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  line-height: 30px;
  padding-right: 20px;
}
.shop_menu__categories-item h4 {
  font-size: 1rem;
  white-space: nowrap;
}
@media (max-width: 770px) {
  .shop_menu__categories-item h4 {
    font-size: 0.875rem;
  }
}
.shop_menu__categories-item h4:hover {
  border-bottom: 2px solid #24324a;
}
.shop_menu__categories-item--active h4 {
  font-weight: 600;
  border-bottom: 2px solid #24324a;
}

.block-3_columns {
  padding: 40px 20px;
  background: #f0e0db;
}
@media all and (max-width: 800px) {
  .block-3_columns {
    margin: 0;
  }
}
.block-3_columns__hero {
  margin-bottom: 20px;
}
.block-3_columns__hero h2 {
  font-size: 26px;
  margin-bottom: 10px;
}
.block-3_columns__hero p {
  width: 80%;
  font-size: 15px;
  line-height: 1.6;
}
.block-3_columns__columns {
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .block-3_columns__columns {
    flex-flow: row wrap;
  }
}
.block-3_columns__column {
  flex: 0 0 32%;
  background: #fff;
}
.block-3_columns__column--text {
  padding: 20px;
}
@media all and (max-width: 800px) {
  .block-3_columns__column {
    flex-basis: 100%;
    flex-grow: 1;
    margin-bottom: 20px;
  }
}
.block-3_columns__column-image {
  min-height: 120px;
}
.block-3_columns__column-image img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.block-3_columns__column h3 {
  padding: 0 6px;
  margin-bottom: 10px;
  font-size: 20px;
}
.block-3_columns__column p {
  padding: 0 6px;
  font-size: 14px;
  line-height: 1.55;
}

.__contact {
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1640px;
}
.__contact__wrapper {
  flex-basis: 50%;
  flex-grow: 0;
}
@media screen and (max-width: 768px) {
  .__contact__wrapper {
    flex-basis: 100%;
  }
}
.__contact__heading {
  font-family: "greycliff";
  font-size: 2em;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: -0.03em;
  flex-basis: 100%;
  flex-grow: 1;
}
.__contact__text {
  color: #666;
  line-height: 1.8;
  flex-basis: 100%;
  flex-grow: 1;
  margin-bottom: 25px;
  font-size: 1.1em;
  font-weight: 400;
}
.__contact__text p {
  margin-bottom: 20px;
  color: #ccc;
}
.__contact__text strong {
  font-weight: 500;
}
.__contact__text a {
  text-decoration: underline;
}
.__contact__form {
  display: flex;
  margin-bottom: 50px;
}
.__contact__form form {
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.__contact__field {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
}
.__contact__field input[type=text] {
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  padding: 15px;
  font-family: "greycliff";
  border: 0;
  font-size: 1.1em;
  margin: 10px;
  border: 1px solid #d2d2d2;
}
.__contact__field select {
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  padding: 15px;
  font-family: "greycliff";
  border: 0;
  font-size: 1.1em;
  margin: 10px;
  border: 1px solid #d2d2d2;
  background: url(../images/triangle.svg) no-repeat center right 15px;
}
.__contact__field textarea {
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  padding: 15px;
  font-family: "greycliff";
  font-size: 1.1em;
  margin: 10px;
  border: 1px solid #d2d2d2;
  height: 120px;
}
.__contact__field--half {
  flex-basis: 50%;
}
.__contact__button {
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-basis: 100%;
  flex-grow: 1;
}
.__contact__button button {
  display: flex;
  padding: 15px 30px;
  border: 0;
  font-size: 1em;
  margin: 0px;
  background: #000;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.1em;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .__contact__button button {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
.__contact__button--active {
  background: #24324a !important;
}
.__contact__response {
  color: #24324a;
  border: 1px solid #24324a;
  text-align: center;
  padding: 10px;
  width: 100%;
  margin: 10px;
  display: none;
}
.__contact__response--active {
  display: inline-block;
}

.block-content__title {
  margin-top: 20px;
  padding: 20px;
}
.block-content__title h1 {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
}
.block-content__text {
  padding: 20px;
}
.block-content__text h1 {
  font-size: 2em;
  margin-bottom: 15px;
  font-weight: 500;
}
.block-content__text h2 {
  font-size: 1.75em;
  margin-bottom: 8px;
  font-weight: 500;
}
.block-content__text h3 {
  font-size: 1.5em;
  margin-bottom: 8px;
  font-weight: 500;
}
.block-content__text h4 {
  font-size: 1em;
  margin-bottom: 8px;
  font-weight: 500;
}
.block-content__text p {
  line-height: 1.6;
  margin-bottom: 10px;
}
.block-content__text em {
  font-style: italic;
}
.block-content__text strong {
  font-weight: 600;
}
.block-content__text ul {
  list-style: square;
  padding-left: 20px;
}
.block-content__text ul li {
  margin-bottom: 5px;
  line-height: 1.3;
}
.block-content__text ol {
  list-style: decimal;
  padding-left: 20px;
}
.block-content__text ol li {
  margin-bottom: 5px;
  line-height: 1.3;
}
.block-content__text blockquote {
  border-left: 5px solid #eee;
  padding: 20px;
  margin-bottom: 20px;
}
.block-content__text blockquote p {
  font-style: italic;
}
.block-content__text blockquote p:last-child {
  margin-bottom: 0;
}
.block-content__text iframe {
  height: 56.2vw;
  max-height: 600px;
  margin: 20px 0;
  width: 100%;
}
.block-content__text a {
  color: inherit;
  text-decoration: underline;
  font-weight: 500;
}
.block-content__text hr {
  border: 0;
  border-top: 1px solid #ddd;
}
.block-content__image {
  padding: 20px;
}
.block-content__image img {
  width: 100%;
}

.block-hero_with_button {
  display: flex;
  padding: 45px 20px 65px;
  flex-direction: column;
  align-items: center;
  background: #f0e0db;
  margin-bottom: -1px;
}
@media all and (max-width: 800px) {
  .block-hero_with_button {
    padding: 45px 20px;
    flex-flow: row wrap;
    width: 100%;
  }
}
.block-hero_with_button__text {
  flex: 1;
  padding: 0 60px;
  text-align: center;
  margin-bottom: 40px;
}
@media all and (max-width: 800px) {
  .block-hero_with_button__text {
    padding: 0;
  }
}
.block-hero_with_button__text h1 {
  font-size: 46px;
  margin-bottom: 20px;
}
@media all and (max-width: 800px) {
  .block-hero_with_button__text h1 {
    line-height: 1.2;
  }
}
.block-hero_with_button__text p {
  max-width: 1000px;
  font-size: 16px;
  line-height: 27px;
  font-weight: normal;
}
.block-hero_with_button__button {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  max-width: 437px;
  white-space: nowrap;
  justify-content: center;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .block-hero_with_button__button {
    padding: 0;
    width: 100%;
    margin-top: 20px;
  }
}
.block-hero_with_button__button a {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
}
.block-hero_with_button__button a:hover {
  filter: brightness(1.1);
}
@media all and (max-width: 800px) {
  .block-hero_with_button__button a {
    padding: 20px;
    text-align: center;
    line-height: 1.3;
  }
}

.block-hero {
  max-width: none;
  margin: 0 auto;
  background: #f0e0db;
}
.block-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.block-hero__buttons a:first-child {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  pointer-events: initial;
  display: inline-block;
  margin: 0;
}
.block-hero__buttons a:first-child:hover {
  filter: brightness(1.1);
}
.block-hero__buttons a:nth-child(2) {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  background-color: #ebe4c5;
  color: #273248;
  pointer-events: initial;
  display: inline-block;
  margin: 0;
}
.block-hero__buttons a:nth-child(2):hover {
  filter: brightness(1.1);
}
.block-hero__content {
  position: absolute;
  top: 25%;
  left: 50%;
  max-width: 800px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
@media (max-width: 770px) {
  .block-hero__content {
    top: 15%;
  }
}
.block-hero__content h1 {
  color: #fff;
  text-align: center;
  margin-bottom: 4rem;
}
.block-hero__content div {
  display: flex;
  justify-content: center;
}
.block-hero__carousel {
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.block-hero__pagination {
  display: flex;
  position: absolute;
  bottom: 20px;
  gap: 12px;
  left: 50%;
  transform: translateX(-50%);
}
.block-hero__pagination .hero__pagination--active {
  background: #717a7c;
}
.block-hero__pagination li {
  background: #fff;
  border-radius: 100%;
  height: 12px;
  width: 12px;
  cursor: pointer;
}
.block-hero video {
  width: 100%;
  min-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-hero__images {
  width: 100%;
  display: flex;
  min-height: 600px;
  transition: 0.5s ease-in-out;
}
.block-hero__images picture {
  max-height: 730px;
  height: auto;
  min-width: 100%;
  max-width: 1600px;
  filter: brightness(0.8);
}
.block-hero__images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.block-hero__next, .block-hero__prev {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  height: 70px;
  width: 70px;
  border: none;
}
.block-hero__next {
  right: 0;
  background: url(../images/icon-slide-next.svg) no-repeat center left;
}
@media all and (min-width: 1101px) {
  .block-hero__next {
    right: 1rem;
  }
}
.block-hero__prev {
  left: 0;
  background: url(../images/icon-slide-prev.svg) no-repeat center left;
}
@media all and (min-width: 1101px) {
  .block-hero__prev {
    left: 1rem;
  }
}

.block-heroimage {
  text-align: center;
  background: #f0e0db;
  padding-bottom: 40px;
}
.block-heroimage--image {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}
.block-heroimage--image h1 {
  position: absolute;
  color: #fff;
  top: 9rem;
  left: 50%;
  transform: translateX(-50%);
}
.block-heroimage--image img {
  width: 100%;
  filter: brightness(0.6);
  height: 740px;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-heroimage--boxes {
  place-items: center;
  display: grid;
  position: absolute;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  width: 100%;
  gap: 2rem;
  bottom: 5rem;
  padding: 0 2rem;
}
@media (max-width: 770px) {
  .block-heroimage--boxes {
    grid-template-columns: 1fr;
  }
}
.block-heroimage--boxes h2,
.block-heroimage--boxes p {
  color: #fff;
  max-width: 350px;
}
.block-heroimage--boxes h2 {
  font-size: 1.625rem;
}
.block-heroimage--below {
  max-width: 960px;
  padding: 0 20px;
  margin: 2.5rem auto 0;
}
.block-heroimage--below h2 {
  margin-bottom: 1rem;
}
@media (max-width: 770px) {
  .block-heroimage--boxes {
    bottom: 5rem;
  }
  .block-heroimage h1 {
    top: 6rem;
  }
}

.block-inspiration__inner {
  max-width: 1640px;
}
.block-inspiration__wrapper {
  max-width: 1640px;
  margin: 0 auto;
}
.block-inspiration__heading {
  margin: 55px 30px 45px;
}
@media all and (max-width: 800px) {
  .block-inspiration__heading {
    margin: 0 0 30px 0;
  }
}
.block-inspiration__heading h2 {
  text-align: center;
  font-size: 50px;
  position: relative;
}
.block-inspiration__heading h2:after {
  content: "";
  border-bottom: 2px solid #222;
  width: 200px;
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  margin-left: -100px;
}
@media all and (max-width: 800px) {
  .block-inspiration__heading h2 {
    font-size: 35px;
    line-height: 1.2;
  }
}
.block-inspiration__item {
  display: inline-block;
  margin: 10px;
  width: calc(50% - 20px);
}
@media all and (max-width: 800px) {
  .block-inspiration__item {
    width: calc(100% - 20px);
  }
}
.block-inspiration__item-inner {
  padding: 20px 20px 0;
  background: #f6f6f6;
}
.block-inspiration__item-inner:odd {
  margin-left: 0;
}
@media all and (max-width: 800px) {
  .block-inspiration__item-inner {
    padding: 10px 10px 0;
  }
}
.block-inspiration__item h3 {
  padding: 35px 15px;
  font-size: 19px;
  color: #000;
}
@media all and (max-width: 800px) {
  .block-inspiration__item h3 {
    padding: 20px 0;
    font-size: 16px;
  }
}
.block-inspiration__image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.block-inspiration__button {
  text-align: center;
  margin: 50px 30px 60px;
}
@media all and (max-width: 800px) {
  .block-inspiration__button {
    margin: 30px 20px;
  }
}
.block-inspiration__button a {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  display: inline-block;
}
.block-inspiration__button a:hover {
  filter: brightness(1.1);
}

.block-inspiration-grid {
  background: #f3e9e3;
  padding: 40px 0;
  max-width: none !important;
}
.block-inspiration-grid--inner {
  max-width: 1640px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.block-inspiration-grid h2 {
  text-align: center;
}
.block-inspiration-grid button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  margin: 0 auto;
}
.block-inspiration-grid button:hover {
  filter: brightness(1.1);
}
.block-inspiration-grid ul {
  margin: 40px 0;
  display: grid;
  grid-template-rows: repeat(3, 360px);
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
.block-inspiration-grid ul li {
  overflow: hidden;
}
.block-inspiration-grid ul li:hover img {
  transform: scale(1.1);
}
.block-inspiration-grid ul li a {
  height: 100%;
  display: grid;
  grid-template-rows: auto 50px;
}
.block-inspiration-grid ul li a div {
  overflow: hidden;
}
.block-inspiration-grid ul li a p {
  white-space: nowrap;
  color: #24324a;
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
  padding: 12px 1rem;
  background: #fff;
}
.block-inspiration-grid ul > :nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.block-inspiration-grid ul > :nth-child(2) {
  grid-column: 2;
  grid-row: 1/3;
}
.block-inspiration-grid ul > :nth-child(3) {
  grid-column: 3;
  grid-row: 1;
}
.block-inspiration-grid ul > :nth-child(4) {
  grid-column: 1;
  grid-row: 2/4;
}
.block-inspiration-grid ul > :nth-child(5) {
  grid-column: 2;
  grid-row: 3;
}
.block-inspiration-grid ul > :nth-child(6) {
  grid-column: 3;
  grid-row: 2/4;
}
@media all and (max-width: 800px) {
  .block-inspiration-grid ul {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .block-inspiration-grid ul li {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .block-inspiration-grid ul img {
    width: 100%;
  }
}
.block-inspiration-grid img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.76, -0.025, 0.21, 0.99);
}

.__insta {
  background: #f0e0db;
  max-width: none !important;
  padding: 2rem 0;
}
.__insta__wrapper {
  max-width: 1640px;
  margin: 0 auto;
}
.__insta h2 {
  text-align: center;
}
.__insta a {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  display: inline-block;
}
.__insta a:hover {
  filter: brightness(1.1);
}
.__insta__button {
  display: flex;
  justify-content: center;
  width: 100%;
}

.block-news__inner {
  max-width: 1640px;
}
.block-news__wrapper {
  max-width: 1640px;
  margin: 0 auto;
}
.block-news__heading {
  margin: 55px 30px 45px;
}
@media all and (max-width: 800px) {
  .block-news__heading {
    margin: 30px 0 30px 0;
    border-top: 1px solid #ddd;
    padding-top: 30px;
  }
}
.block-news__heading h2 {
  text-align: center;
  font-size: 50px;
  position: relative;
}
@media all and (max-width: 800px) {
  .block-news__heading h2 {
    font-size: 35px;
    line-height: 1.2;
  }
}
.block-news__heading h2:after {
  content: "";
  border-bottom: 2px solid #222;
  width: 200px;
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  margin-left: -100px;
}
.block-news__item {
  display: inline-block;
  margin: 10px;
  width: calc(50% - 20px);
}
@media all and (max-width: 800px) {
  .block-news__item {
    width: calc(100% - 20px);
  }
}
.block-news__item-inner {
  padding: 20px 20px 0;
  background: #f6f6f6;
}
@media all and (max-width: 800px) {
  .block-news__item-inner {
    padding: 10px 10px 0;
  }
}
.block-news__item h3 {
  padding: 25px 15px;
  font-size: 19px;
  color: #000;
}
@media all and (max-width: 800px) {
  .block-news__item h3 {
    padding: 20px 0;
    font-size: 16px;
  }
}
.block-news__image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.block-news__button {
  text-align: center;
  margin: 50px 30px 60px;
}
@media all and (max-width: 800px) {
  .block-news__button {
    margin: 30px 20px;
  }
}
.block-news__button a {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
}
.block-news__button a:hover {
  filter: brightness(1.1);
}

.block-newsletter {
  padding: 0 20px;
}
.block-newsletter__inner {
  max-width: 1640px;
  margin: 50px auto;
  padding: 45px 0;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .block-newsletter__inner {
    flex-flow: row wrap;
  }
}
@media all and (max-width: 800px) {
  .block-newsletter__inner {
    padding: 20px 0;
    flex-flow: row wrap;
  }
}
.block-newsletter__text {
  flex: 1;
}
@media screen and (max-width: 1200px) {
  .block-newsletter__text {
    flex-basis: 100%;
    flex-grow: 1;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 800px) {
  .block-newsletter__text {
    flex-basis: 100%;
    flex-grow: 1;
    margin-bottom: 30px;
  }
}
.block-newsletter__text strong {
  display: block;
  font-size: 40px;
  letter-spacing: -2px;
  margin-bottom: 25px;
}
@media all and (max-width: 800px) {
  .block-newsletter__text strong {
    font-size: 35px;
    line-height: 1.2;
  }
}
.block-newsletter__text p {
  font-size: 16px;
}
@media all and (max-width: 800px) {
  .block-newsletter__text p {
    font-size: 16px;
    line-height: 1.6;
  }
}
.block-newsletter__text a {
  color: inherit;
}
.block-newsletter__form {
  flex: 0 0 500px;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
@media screen and (max-width: 1200px) {
  .block-newsletter__form {
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media all and (max-width: 800px) {
  .block-newsletter__form {
    flex-basis: 100%;
    flex-grow: 1;
    height: auto;
  }
}
.block-newsletter__form-inner {
  margin: 10px 0 0 0;
  display: flex;
  flex: 0 0 100%;
  flex-basis: 100%;
  flex-grow: 1;
  position: relative;
}
@media all and (max-width: 800px) {
  .block-newsletter__form-inner {
    flex-flow: row wrap;
    position: relative;
    height: auto;
  }
}
.block-newsletter__form input {
  flex: 1;
  margin-right: 10px;
  border: 1px solid #d2d2d2;
  padding: 17px 20px 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 14px;
}
@media all and (max-width: 800px) {
  .block-newsletter__form input {
    flex-basis: 100%;
    flex-grow: 1;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.block-newsletter__form button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
}
.block-newsletter__form button:hover {
  filter: brightness(1.1);
}
.block-newsletter__social {
  display: flex;
  flex: 0 0 100%;
  margin-top: 50px;
  justify-content: space-between;
}
@media all and (max-width: 800px) {
  .block-newsletter__social {
    flex-basis: 100%;
    flex-grow: 1;
    flex-flow: row wrap;
  }
}
.block-newsletter__social > div {
  flex: 0 0 28%;
  padding-left: 55px;
  position: relative;
  font-size: 13px;
  line-height: 1.55;
}
@media all and (max-width: 800px) {
  .block-newsletter__social > div {
    flex-basis: 100%;
    flex-grow: 1;
    margin-bottom: 10px;
    display: flex;
    min-height: 36px;
  }
}
@media all and (max-width: 800px) {
  .block-newsletter__social > div a {
    display: flex;
    align-items: center;
  }
}
.block-newsletter__social > div a,
.block-newsletter__social > div a:active,
.block-newsletter__social > div a:visited,
.block-newsletter__social > div a:hover {
  color: #000;
}
.block-newsletter__social > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: auto;
}
.block-newsletter__response {
  flex-basis: 100%;
  flex-grow: 1;
  background: #24324a;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  display: none;
  position: absolute;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.block-newsletter__response--active {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #24324a;
}
.block-newsletter__response--orange {
  background: orange;
}
.block-newsletter__response--red {
  background: red;
}

.block-text_buttons {
  margin: 30px 0;
  padding: 40px 20px;
}
.block-text_buttons__inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 1640px;
}
@media all and (max-width: 800px) {
  .block-text_buttons__inner {
    flex-flow: row wrap;
    padding: 0;
  }
}
.block-text_buttons__text {
  flex-basis: 60%;
}
@media all and (max-width: 800px) {
  .block-text_buttons__text {
    flex-basis: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
.block-text_buttons__text h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
.block-text_buttons__text p {
  font-size: 17px;
  margin-bottom: 30px;
}
.block-text_buttons__text p:last-child {
  margin-bottom: 0;
}
.block-text_buttons__buttons {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 25%;
  justify-content: center;
  flex-direction: column;
}
@media all and (max-width: 800px) {
  .block-text_buttons__buttons {
    flex-basis: 100%;
    flex-grow: 1;
  }
}
.block-text_buttons__buttons a {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
}
.block-text_buttons__buttons a:hover {
  filter: brightness(1.1);
}
.block-text_buttons__green {
  background: #24324a !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 20px 8px 20px !important;
}
.block-text_buttons__green span {
  display: flex;
  background: url(../images/users.svg) no-repeat center;
  background-size: 23px;
  width: 35px;
  margin-right: 10px;
  height: 33px;
}

@-webkit-keyframes customticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes customticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.block-ticker__inner {
  border-top: solid 1px #ececec;
  border-bottom: solid 1px #ececec;
  margin: 30px 0;
  padding: 22px 0;
  font-size: 14px;
  color: #3e3e3e;
}
@media all and (max-width: 800px) {
  .block-ticker__inner {
    margin: 30px 0;
  }
}
.block-ticker__text {
  width: 100%;
  overflow: hidden;
  padding-left: 100%;
}
.block-ticker__scroll {
  white-space: nowrap;
  display: inline-block;
  padding-right: 100%;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: customticker;
          animation-name: customticker;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
}

.block-single {
  display: flex;
  justify-content: center;
  max-width: 1640px;
  margin: 0 auto;
}
.block-single__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  margin: 30px 0;
}
.block-single__heading {
  font-size: 50px;
  text-align: center;
  max-width: 50%;
  margin: 0 auto 40px;
  letter-spacing: -0.03em;
  line-height: 1.2;
  position: relative;
}
.block-single__heading:after {
  content: "";
  border-bottom: 2px solid #222;
  width: 200px;
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  margin-left: -100px;
}
@media all and (max-width: 800px) {
  .block-single__heading {
    max-width: 100%;
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.block-single__image {
  height: 680px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 110px 20px;
}
@media all and (max-width: 800px) {
  .block-single__image {
    padding: 20px;
    height: calc(50vw + 60px);
  }
}
.block-single__button {
  background: #fff;
  padding: 15px 40px;
  text-transform: uppercase;
  color: inherit;
  letter-spacing: 0.2em;
}

.block-video {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  position: relative;
  max-width: 1640px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .block-video {
    padding: 0;
    margin: 0;
  }
}
.block-video__group {
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  flex-flow: row wrap;
  background: #f6f6f6;
  padding: 10px;
}
.block-video__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  background: #ddd;
  height: calc(56.25vw - 20px);
  max-height: 765px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .block-video__wrapper {
    height: 56.25vw;
  }
}
.block-video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: red;
  width: 100%;
  height: 100%;
}
.block-video__wrapper--active {
  background: transparent !important;
}
.block-video__wrapper--active iframe {
  display: block;
}
.block-video__wrapper--sidebar {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .block-video__wrapper--sidebar {
    padding: 0;
    margin: 0;
    height: 56.25vw;
  }
}
.block-video__play {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 250px;
  transition: all 0.5s;
}
.block-video__play--active {
  transform: scale(0.9);
  opacity: 0;
}
.block-video__play-button {
  width: 136px;
  height: 136px;
  background: url(../images/play.svg) no-repeat center;
  background-size: contain;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .block-video__play-button {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
  }
}
.block-video__play-button--smaller {
  width: 90px;
  margin: 0;
  height: 90px;
}
@media screen and (max-width: 768px) {
  .block-video__play-button--smaller {
    margin-bottom: 0;
  }
}
.block-video__label {
  font-size: 0.9em;
  color: #fff;
  text-align: center;
  line-height: 1.4;
  flex-basis: 100%;
  flex-grow: 1;
}
.block-video__text {
  padding: 20px;
  flex-basis: 100%;
  flex-grow: 1;
}
.block-video__text h2 {
  font-weight: 500 !important;
  font-size: 20px !important;
  margin-bottom: 5px;
}
.block-video__text p {
  line-height: 1.4;
  margin-bottom: 5px;
}
.block-video__text p:last-child {
  margin-bottom: 0;
}

.__content__content .block-video__wrapper {
  height: calc(56.25vw - 20px);
  max-height: 600px;
}
.__content__content .block-video__wrapper iframe {
  margin: 0;
}

.block-card {
  border-bottom: 1px solid #999;
  padding-bottom: 30px;
  height: 100%;
}
.block-card__inner img {
  max-width: 100%;
  margin-bottom: 20px;
}
.block-card__inner h3 {
  font-size: 1.6em;
  letter-spacing: -0.03em;
  color: #000;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}
.block-card__inner p {
  font-size: 1em;
  color: #949494;
  text-align: center;
  margin-bottom: 20px;
}
.block-card__inner a {
  background: #e8e8e8;
  font-size: 0.85em;
  text-transform: uppercase;
  display: block;
  padding: 15px 15px 12px 15px;
  color: #222;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.15em;
}
.block-card__inner-wrap {
  padding: 0 30px;
}

/*
.block-container {
	padding: 0 30px;

	&__wrapper {
		display: flex;
		flex-flow: row wrap;
		margin:0 -10px;
	}

	&__item {
		flex-basis:calc(25% - 20px);
		flex-grow:0;
		margin:10px 10px 20px 10px;

		@media all and (max-width:800px) {
			flex-basis:100%;
		}

	}

	&__header {
		h2 {
			flex-basis:100%;
			flex-grow:1;
			font-weight:400;
			margin-bottom:30px;
			padding-bottom:30px;
			border-bottom:1px solid #DFDFDF;
			font-size:1.9em;
		}
	}
}
*/
.block-container2__wrapper {
  display: flex;
  flex-flow: row wrap;
}
.block-container2__item {
  flex-basis: calc(25% - 20px);
  flex-grow: 0;
  margin: 10px 10px 20px 10px;
}
@media all and (max-width: 800px) {
  .block-container2__item {
    flex-basis: 100%;
  }
}
.block-container2__header h2 {
  flex-basis: 100%;
  flex-grow: 1;
  font-weight: 400;
  margin-bottom: 30px;
  padding: 0 20px 30px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 1.9em;
}

.block-campaign_1 {
  display: flex;
  justify-content: center;
}
.block-campaign_1__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  max-width: 1640px;
  padding: 80px;
}
@media all and (max-width: 800px) {
  .block-campaign_1__wrapper {
    padding: 30px;
  }
}
.block-campaign_1__text {
  font-size: 2em;
  text-align: center;
  position: relative;
  margin-bottom: 60px;
}
.block-campaign_1__text:after {
  content: "";
  border-bottom: 2px solid #222;
  position: absolute;
  top: calc(100% + 30px);
  width: 200px;
  left: 50%;
  margin-left: -100px;
}
.block-campaign_1__blockquote {
  text-align: center;
  font-size: 3em;
  letter-spacing: -0.03em;
}

.block-campaign_2 {
  display: flex;
  justify-content: center;
}
.block-campaign_2__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  max-width: 1640px;
  padding: 20px 0;
}
@media all and (max-width: 800px) {
  .block-campaign_2__wrapper {
    padding: 0;
  }
}
.block-campaign_2__image {
  min-height: 600px;
  padding: 50px;
  display: flex;
  background: #ddd url(../images/placeholder-2.png) no-repeat center;
  background-size: cover;
  justify-content: flex-end;
}
@media all and (max-width: 800px) {
  .block-campaign_2__image {
    padding: 30px;
  }
}
.block-campaign_2__image--alt {
  justify-content: flex-start;
  background: #ddd url(../images/placeholder-2.png) no-repeat center;
  background-size: cover;
}
.block-campaign_2__text {
  background: #fff;
  padding: 50px;
  flex-basis: 50%;
}
@media all and (max-width: 800px) {
  .block-campaign_2__text {
    flex-basis: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px;
  }
}
.block-campaign_2__text h2 {
  font-size: 3em;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
}
.block-campaign_2__text p {
  font-size: 1.3em;
  line-height: 1.6;
  margin-bottom: 30px;
}
.block-campaign_2__text--alt {
  background: #242424;
  color: #fff;
}
@media all and (max-width: 800px) {
  .block-campaign_2__text--alt {
    background: rgba(0, 0, 0, 0.8);
  }
}

.block-campaign_3 {
  display: flex;
  justify-content: center;
}
.block-campaign_3__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  max-width: 1640px;
  padding: 80px;
  text-align: center;
}
@media all and (max-width: 800px) {
  .block-campaign_3__wrapper {
    padding: 30px;
  }
}
.block-campaign_3__text {
  font-size: 1.8em;
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}
.block-campaign_3__text h2 {
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.4;
}
.block-campaign_3__text p {
  margin-bottom: 20px;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: -0.02em;
}
.block-campaign_3__button {
  display: inline-block;
  background: #242424;
  color: #fff;
  padding: 20px 50px 16px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}
@media all and (max-width: 800px) {
  .block-campaign_3__button {
    padding: 20px;
    max-width: 100%;
    text-align: center;
  }
}
.block-campaign_3__button:hover {
  background: #000;
  color: #fff;
}

.block-paint {
  display: flex;
  justify-content: center;
  max-width: none !important;
  background: #f0e0db;
  padding: 32px 0 64px;
}
.block-paint--inner {
  max-width: 1640px;
  padding: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .block-paint--inner {
    padding: 0 20px;
  }
}
.block-paint h2 {
  text-align: center;
  margin-bottom: 40px;
}

.block-guide {
  background: #f0e0db;
  max-width: none !important;
  padding: 1.5rem;
}
@media (max-width: 770px) {
  .block-guide {
    padding: 5rem 20px;
  }
}

.guide {
  display: grid;
  max-width: 1640px;
  margin: 0 auto;
  gap: 2rem;
  place-items: start center;
  grid-template-columns: 1fr 1fr 1fr;
}
.guide__item {
  color: #24324a;
  text-align: center;
  max-width: 63%;
}
.guide__title {
  margin-bottom: 1rem;
}
.guide__text {
  font-size: 1.125rem;
}
@media (max-width: 950px) {
  .guide__item {
    max-width: 80%;
  }
}
@media (max-width: 770px) {
  .guide {
    grid-template-columns: 1fr;
  }
}

.block_column_link {
  background: #f0e0db;
  max-width: none !important;
}
.block_column_link a:hover img {
  transform: scale(1.1);
}
.block_column_link a:hover span {
  border-color: #24324a;
}
.block_column_link ul {
  max-width: 1640px;
  margin: 0 auto;
  padding: 40px 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  place-items: start center;
}
.block_column_link li {
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.block_column_link li .block_column_link--image {
  height: 500px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.block_column_link li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.76, -0.025, 0.21, 0.99);
}
.block_column_link li p {
  font-size: 1.125rem;
  color: #24324a;
}
.block_column_link li p span {
  font-weight: 700;
  color: #24324a;
  line-height: 1.3;
  border-bottom: 1px solid rgba(36, 50, 74, 0);
  display: inline-block;
  transition: border-color 0.7s cubic-bezier(0.76, -0.025, 0.21, 0.99);
}
.block_column_link li h4,
.block_column_link li p {
  max-width: 65%;
  margin: 0 auto;
}
.block_column_link li h4 {
  margin-bottom: 0.5rem;
}
@media (max-width: 950px) {
  .block_column_link ul {
    display: flex;
    overflow: auto;
    gap: 0;
  }
  .block_column_link ul li {
    margin-right: 1rem;
    min-width: 95%;
  }
  .block_column_link ul li:last-of-type {
    margin-right: 0;
  }
  .block_column_link ul li h4,
.block_column_link ul li p {
    max-width: 80%;
  }
  .block_column_link ul li span {
    border-color: #24324a;
  }
}

.block-kitchen_styles,
.block-wardrobe_styles {
  background: #f0e0db;
  padding: 40px 20px;
  max-width: unset !important;
}
@media (max-width: 950px) {
  .block-kitchen_styles,
.block-wardrobe_styles {
    padding: 40px 0;
  }
}
.block-kitchen_styles ul li:first-of-type h2,
.block-wardrobe_styles ul li:first-of-type h2 {
  font-size: 4rem;
  line-height: 3.7rem;
}
.block-kitchen_styles--hexagon,
.block-wardrobe_styles--hexagon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  width: 107px;
  height: 126.26px;
  background: rgba(0, 0, 0, 0.3);
}
@media (max-width: 950px) {
  .block-kitchen_styles--hexagon,
.block-wardrobe_styles--hexagon {
    width: 80px;
    height: 94.4px;
  }
}
.block-kitchen_styles--inner,
.block-wardrobe_styles--inner {
  max-width: 1600px;
  margin: 0 auto;
}
.block-kitchen_styles ul,
.block-wardrobe_styles ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 950px) {
  .block-kitchen_styles ul,
.block-wardrobe_styles ul {
    padding: 0 20px;
    display: flex;
    gap: 0;
    overflow-x: auto;
  }
  .block-kitchen_styles ul li,
.block-wardrobe_styles ul li {
    margin-right: 1rem;
  }
}
.block-kitchen_styles ul li,
.block-wardrobe_styles ul li {
  height: 460px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.block-kitchen_styles ul li img,
.block-wardrobe_styles ul li img {
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.76, -0.025, 0.21, 0.99);
  filter: brightness(0.8);
}
.block-kitchen_styles ul li:hover img,
.block-wardrobe_styles ul li:hover img {
  transform: scale(1.1);
}
.block-kitchen_styles ul li:hover span,
.block-wardrobe_styles ul li:hover span {
  border-color: #fff;
}
.block-kitchen_styles ul li .background,
.block-wardrobe_styles ul li .background {
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.block-kitchen_styles ul li .background:after,
.block-wardrobe_styles ul li .background:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
@media (max-width: 950px) {
  .block-kitchen_styles ul li,
.block-wardrobe_styles ul li {
    min-width: 95%;
  }
}
.block-kitchen_styles ul li h2,
.block-wardrobe_styles ul li h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.block-kitchen_styles ul li .title,
.block-wardrobe_styles ul li .title {
  position: absolute;
  transform: translate(-50%, -50%);
  max-width: 90%;
  color: #24324a;
}
.block-kitchen_styles ul li p,
.block-kitchen_styles ul li span,
.block-kitchen_styles ul li h4,
.block-wardrobe_styles ul li p,
.block-wardrobe_styles ul li span,
.block-wardrobe_styles ul li h4 {
  color: #fff;
}
.block-kitchen_styles ul li:first-of-type,
.block-wardrobe_styles ul li:first-of-type {
  background: #cad5da;
}
.block-kitchen_styles ul li a,
.block-wardrobe_styles ul li a {
  z-index: 2;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  padding: 1rem;
  align-items: flex-end;
}

.block-text_two_column {
  max-width: 1640px;
  margin: 0 auto;
  padding: 4rem 1rem;
}
.block-text_two_column .block-text_two_column--title {
  margin-bottom: 1.5rem;
}
.block-text_two_column div {
  -moz-columns: 300px 2;
       columns: 300px 2;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
.block-text_two_column div h1,
.block-text_two_column div h2,
.block-text_two_column div h3,
.block-text_two_column div p {
  font-size: 18px;
}

.block-kitchen_style_hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 20px;
  grid-template-areas: "image content";
  max-width: 1640px;
  margin: 0 auto;
}
.block-kitchen_style_hero--invert {
  grid-template-areas: "content image";
}
.block-kitchen_style_hero--image {
  width: 100%;
  position: relative;
  overflow: hidden;
  grid-area: image;
}
.block-kitchen_style_hero--image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.block-kitchen_style_hero--content {
  padding: 9rem 4rem;
  background: #f3e9e3;
  grid-area: content;
}
.block-kitchen_style_hero--content h2 {
  margin-bottom: 1.5rem;
}
@media (max-width: 950px) {
  .block-kitchen_style_hero {
    grid-template-columns: 1fr;
    padding: 0;
    grid-template-areas: "image" "content";
  }
  .block-kitchen_style_hero--image img {
    position: initial;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .block-kitchen_style_hero--content {
    padding: 4rem 1rem;
  }
}

.block-image_two_column {
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  max-height: 650px;
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px 2rem;
  display: grid;
  gap: 1rem;
}
.block-image_two_column img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 770px) {
  .block-image_two_column {
    padding: 0;
    max-height: unset;
    grid-template-columns: 1fr;
  }
  .block-image_two_column img {
    height: auto;
  }
}

.__faq {
  display: flex;
  justify-content: center;
  max-width: 1435px;
  margin: 0 auto;
}
.__faq__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  flex-flow: row wrap;
  padding: 0 10px;
  width: 100%;
}
.__faq__heading {
  font-weight: 600;
  font-size: 2.2em;
  margin-bottom: 20px;
}
.__faq__item {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .__faq__item {
    margin-bottom: 5px;
  }
}
.__faq__item-question {
  font-weight: 600;
  font-size: 1.5em;
  margin-bottom: 10px;
  padding-left: 35px;
  background: url(../images/faq-plus.svg) no-repeat center left;
  line-height: 30px;
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
@media screen and (max-width: 768px) {
  .__faq__item-question {
    font-size: 1.2em;
  }
}
.__faq__item-answer {
  font-size: 1.1em;
  line-height: 1.5;
  display: none;
}
.__faq__sidebar {
  flex-basis: 20%;
  flex-grow: 1;
  margin-bottom: 20px;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .__faq__sidebar {
    width: 100%;
    flex-basis: 100%;
    position: relative;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .__faq__sidebar ul {
    position: absolute;
    left: 0;
    right: 1px;
    top: calc(100% - 1px);
    background: #fff;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    display: none;
  }
}
.__faq__sidebar ul li {
  margin-bottom: 10px;
}
.__faq__sidebar ul li a {
  color: inherit;
  font-size: 1.1em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .__faq__sidebar--active {
    display: block !important;
  }
}
.__faq__sidebar-first-item {
  display: none;
}
@media screen and (max-width: 768px) {
  .__faq__sidebar-first-item {
    display: flex;
    width: 100%;
    flex-basis: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
    font-weight: 600;
    font-size: 1.1em;
    background: url(../images/triangle.svg) no-repeat center right 20px;
    background-size: 15px 15px;
    padding-right: 40px;
  }
}
.__faq__sidebar-list {
  widht: 100%;
}
.__faq__sidebar-list--fixed {
  position: fixed;
  top: 20px;
}
.__faq__main-heading {
  flex-basis: 100%;
  flex-grow: 1;
  font-weight: 400;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 1.9em;
}
.__faq__content {
  flex-basis: 80%;
  padding-right: 25%;
  flex-grow: 1;
  font-size: 0.98em;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .__faq__content {
    width: 100%;
    padding-right: 0;
  }
}
.__faq__images {
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  margin: 0 -10px;
}
.__faq__images__image {
  flex-grow: 1;
  flex-basis: 100%;
  margin: 20px 10px;
  background: #f6f6f6;
  padding: 15px;
  font-size: 0;
}
.__faq__images__image img {
  width: 100%;
  margin: 0;
}
.__faq__home {
  background: #ddd url(../images/faq-placeholder.png) no-repeat center;
  background-size: cover;
  flex-basis: 100%;
  padding: 100px 25px 100px 25px;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .__faq__home {
    padding: 20px;
    margin-bottom: 30px;
    width: 100%;
  }
}
.__faq__home-heading {
  font-size: 3.5em;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin: 25px 0;
}
@media screen and (max-width: 768px) {
  .__faq__home-heading {
    font-size: 2em;
    line-height: 1.2;
  }
}
.__faq__columns {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1600px) {
  .__faq__columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) {
  .__faq__columns {
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 770px) {
  .__faq__columns {
    grid-template-columns: 1fr;
  }
}
.__faq__column {
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.__faq__column-head {
  padding: 30px 30px;
  border-bottom: 1px solid #ddd;
  flex-basis: 100%;
  flex-grow: 1;
  margin-bottom: 30px;
  min-height: 150px;
}
@media screen and (max-width: 768px) {
  .__faq__column-head {
    min-height: auto;
    padding: 15px;
  }
}
.__faq__column-heading {
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
  margin-bottom: 5px;
}
.__faq__column-subheading {
  color: #949494;
  font-size: 1.2em;
  text-align: center;
}
.__faq__column-questions {
  list-style: none;
  padding: 0 25px;
  flex-grow: 1;
  flex-basis: 100%;
}
.__faq__column-questions li {
  margin-bottom: 15px;
}
.__faq__column-questions li:last-child {
  margin-bottom: 0;
}
.__faq__column-questions li a {
  color: inherit;
}
.__faq__column-cta {
  margin: 30px 10px 10px 10px;
  background: #24324a;
  flex-basis: 100%;
  flex-grow: 1;
  display: inline-block;
  padding: 15px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 0.85em;
  font-weight: 500;
  align-self: flex-end;
  text-transform: uppercase;
}

.page-inspiration {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0 10px;
  flex-flow: row wrap;
}
.page-inspiration__main {
  background: #f1e9e4;
  margin: 0 auto;
}
.page-inspiration__main > div {
  max-width: 1640px;
}
.page-inspiration__main-heading {
  flex-basis: 100%;
  flex-grow: 1;
  font-weight: 400;
  margin-bottom: 30px;
  padding: 0 10px 30px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 1.9em;
  text-transform: uppercase;
}
.page-inspiration__wrapper {
  flex-grow: 1;
  flex-basis: 100%;
  width: 100%;
  margin: 0 -10px;
}
.page-inspiration__container {
  display: flex;
  flex-wrap: wrap;
}
.page-inspiration__column {
  display: inline-block;
  width: calc(33% - 20px);
  background: #f6f6f6;
  margin: 10px;
  color: #000;
}
@media all and (max-width: 1000px) {
  .page-inspiration__column {
    width: calc(50% - 20px);
  }
}
@media all and (max-width: 650px) {
  .page-inspiration__column {
    width: calc(100% - 20px);
  }
}
.page-inspiration__column--image img {
  width: 100%;
}
.page-inspiration__column--title {
  font-size: 18px;
  font-weight: 0;
  color: #24324a;
  padding: 15px 20px 20px;
}
@media all and (max-width: 800px) {
  .page-inspiration__column--title {
    font-size: 16px;
    margin: 20px 0 0 0;
  }
}

.inspiration {
  max-width: 1640px;
  margin: 0 auto;
  overflow: hidden;
}
.inspiration--item {
  width: calc(50% - 20px);
  padding: 1rem;
}
@media all and (max-width: 800px) {
  .inspiration--item {
    width: 100%;
  }
}
.inspiration__wrapper {
  overflow: hidden;
  padding-top: 20px;
}
.inspiration__head {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.inspiration__head--link {
  display: flex;
}
.inspiration__head--link a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 84px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  padding: 0 15px;
  line-height: 19px;
  background: #fff;
  border: 1px solid #d8d3d1;
  letter-spacing: 0.3px;
  color: #24324a;
  cursor: pointer;
}
.inspiration__head--link a:hover {
  filter: brightness(1.1);
}
.inspiration__head--link a.active-link {
  background: #24324a;
  color: #fff;
  position: relative;
  top: 0px;
  left: 0;
  border: none;
}
.inspiration__head--link a.active-link a {
  color: #fff;
}
@media all and (max-width: 800px) {
  .inspiration__head {
    width: 100%;
    padding: 20px;
    margin: 0;
    font-size: 0.9em;
  }
}
.inspiration__head p {
  font-size: 1rem;
  line-height: 28px;
  font-weight: 500;
}
.inspiration__heading {
  font-size: 3.5em;
  line-height: 1;
  letter-spacing: -0.04em;
}
.inspiration__socials {
  display: flex;
}
@media all and (max-width: 800px) {
  .inspiration__socials {
    justify-content: center;
  }
}
.inspiration__social {
  width: 30px;
  height: 30px;
  background: #ddd;
  margin: 10px;
}
.inspiration__social--facebook {
  background: url(../images/facebook.svg) no-repeat center;
}
.inspiration__social--instagram {
  background: url(../images/instagram.svg) no-repeat center;
}
.inspiration__social--pinterest {
  background: url(../images/pinterest.svg) no-repeat center;
}
.inspiration__main-image {
  margin-bottom: 20px;
}
.inspiration__main-image img {
  width: 100%;
}
.inspiration__subheading {
  text-align: center;
  font-size: 1.3em;
}
@media all and (max-width: 800px) {
  .inspiration__content-wrapper {
    display: block;
  }
}
.inspiration__content {
  width: 70%;
}
@media all and (max-width: 800px) {
  .inspiration__content {
    width: 100%;
  }
}
.inspiration__content h1 {
  font-weight: 600;
  font-size: 2.5em;
  margin-bottom: 10px;
}
.inspiration__content h2 {
  font-weight: 600;
  font-size: 2em;
  margin-bottom: 10px;
}
.inspiration__content h3 {
  font-weight: 600;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.inspiration__content p {
  line-height: 1.8;
}
.inspiration__content a {
  color: inherit;
  font-weight: 500;
}
.inspiration__content img {
  height: auto !important;
  width: 100% !important;
}
.inspiration__content strong {
  font-weight: bold;
}
.inspiration__content em {
  font-style: italic;
}
.inspiration__content ul {
  list-style: inside;
}
.inspiration__content ol {
  list-style: decimal;
  padding-left: 15px;
}
.inspiration__button {
  margin-top: 20px;
}
.inspiration__button a {
  display: block;
  text-align: center;
  background: #242424;
  color: #fff;
  padding: 17px 20px 15px 20px;
  margin: 10px 0;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.inspiration__button a:hover {
  background: #24324a;
}
.inspiration__related-heading {
  font-size: 1.9em;
  text-align: center;
  margin: 60px auto 30px auto;
}
.inspiration__related-items {
  display: flex;
  align-items: flex-start;
}
@media all and (max-width: 800px) {
  .inspiration__related-items {
    flex-flow: row wrap;
    margin: 0;
    padding: 20px;
  }
}
.inspiration__related-item {
  flex-basis: 30%;
  flex-grow: 1;
  margin: 10px;
  background: #f6f6f6;
  color: #222;
  font-size: 0.8em;
  text-decoration: none;
}
@media all and (max-width: 800px) {
  .inspiration__related-item {
    flex-basis: 100%;
  }
}
.inspiration__related-post-image {
  max-width: 100%;
}
.inspiration__related-post-image img {
  max-width: 100%;
}
.inspiration__related-post-title {
  padding: 10px 20px 20px;
  color: #222;
  font-weight: 600;
  color: #24324a;
}

.related__heading h2 {
  font-size: 24px;
  font-weight: 600;
}
.related__container {
  display: flex;
}
.related__post {
  width: 33%;
}
.related__post-image img {
  padding: 10px;
  width: 100%;
}

.inspiration-categories {
  display: flex;
  justify-content: center;
  margin: 0 auto 30px;
  padding: 2rem 20px;
}
.inspiration-categories__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
}
.inspiration-categories__heading {
  font-size: 2.2em;
  margin: 0 auto 20px auto;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  letter-spacing: -0.04em;
  display: block;
  text-transform: uppercase;
}
.inspiration-categories__heading a {
  color: inherit;
}
.inspiration-categories ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.inspiration-categories ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 84px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  padding: 0 15px;
  line-height: 19px;
  background: #fff;
  border: 1px solid #d8d3d1;
  letter-spacing: 0.3px;
  color: #24324a;
  cursor: pointer;
  background: none;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
.inspiration-categories ul li:hover {
  filter: brightness(1.1);
}
.inspiration-categories ul li.active-link {
  background: #24324a;
  color: #fff;
  position: relative;
  top: 0px;
  left: 0;
  border: none;
}
.inspiration-categories ul li.active-link a {
  color: #fff;
}
.inspiration-categories ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #24324a;
}
.inspiration-categories ul li:last-of-type {
  margin-right: 20px;
  padding-right: 20px;
}

.page {
  margin: 0 auto;
}
.page > div {
  max-width: 1640px;
  margin: 0 auto;
}
.page-cookies {
  max-width: 1640px;
  padding: 6rem 1rem;
  margin: 0 auto;
}

.__content {
  display: grid;
  max-width: 1640px;
  margin: 0 auto;
  padding: 3rem 1rem;
  gap: 1rem 2rem;
  grid-template-columns: 1fr;
  grid-template-areas: "sidebar" "content" "banner";
  place-items: flex-start center;
}
@media screen and (min-width: 1100px) {
  .__content {
    grid-template-columns: 260px auto 300px;
    grid-template-rows: auto;
    grid-template-areas: "sidebar content banner";
  }
}
.__content__wrapper {
  background: #f1e9e4;
}
.__content h1,
.__content h2,
.__content h3,
.__content h4,
.__content h5,
.__content h6 {
  color: #24324a;
}
.__content__sidebar {
  position: relative;
  width: 100%;
  top: 1rem;
  max-width: 740px;
  grid-area: sidebar;
}
@media screen and (min-width: 1100px) {
  .__content__sidebar {
    position: -webkit-sticky;
    position: sticky;
  }
}
@media screen and (min-width: 1100px) {
  .__content__sidebar-hidden {
    max-height: 500px;
    overflow: hidden;
  }
}
.__content__sidebar-more {
  display: none;
  position: relative;
  padding: 0;
  border: none;
  height: 80px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f1e9e4 80%);
  transform: translateY(-4rem);
}
.__content__sidebar-more::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  background: url(../images/arrow-down.svg) no-repeat center right 5px;
  width: 20px;
  height: 10px;
}
@media screen and (min-width: 1100px) {
  .__content__sidebar-more {
    display: initial;
  }
  .__content__sidebar-more--active {
    display: none;
  }
}
.__content__sidebar-first-item {
  cursor: pointer;
  display: flex;
  width: 100%;
  flex-basis: 100%;
  border: 1px solid #ddd;
  padding: 10px;
  position: relative;
  font-weight: 600;
  font-size: 1.1em;
  background: url(../images/triangle.svg) no-repeat center right 20px;
  background-size: 15px 15px;
}
@media screen and (min-width: 1100px) {
  .__content__sidebar-first-item {
    display: none;
  }
}
.__content__sidebar h4 {
  margin-bottom: 1rem;
}
.__content__sidebar ul {
  display: none;
  width: 100%;
}
@media screen and (min-width: 1100px) {
  .__content__sidebar ul {
    display: flex;
    flex-direction: column;
  }
}
.__content__sidebar ul li a {
  color: #24324a;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.4rem 0;
  display: block;
}
.__content__sidebar--active {
  position: absolute;
  display: initial !important;
  left: 0;
  right: 1px;
  top: calc(100% - 1px);
  background: #fff;
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
}
.__content__images {
  display: grid;
  gap: 1rem;
  margin-bottom: 2rem;
}
.__content__images img {
  width: 100%;
  margin: 0;
}
.__content__content {
  grid-area: content;
}
.__content__content > * {
  display: grid;
  max-width: 740px;
  margin-bottom: 20px;
}
.__content__content a {
  color: #24324a;
  font-weight: 700;
  text-decoration: underline;
}
.__content__content h1 {
  margin-bottom: 1rem;
}
.__content__content p {
  line-height: 1.6;
}
.__content__content em {
  font-style: italic;
}
.__content__content strong {
  font-weight: 700;
}
.__content__content ul {
  list-style: square;
  padding-left: 20px;
}
.__content__content ul li {
  margin-bottom: 5px;
  line-height: 1.3;
}
.__content__content ol {
  list-style: decimal;
  padding-left: 20px;
}
.__content__content ol li {
  margin-bottom: 5px;
  line-height: 1.3;
}
.__content__content blockquote {
  border-left: 5px solid #eee;
  padding: 20px;
  margin-bottom: 20px;
}
.__content__content blockquote p {
  font-style: italic;
}
.__content__content blockquote p:last-child {
  margin-bottom: 0;
}
.__content__content iframe {
  height: 56.2vw;
  max-height: 600px;
  margin: 20px 0;
  width: 100%;
}
.__content__content hr {
  border: 0;
  border-top: 1px solid #ddd;
}
.__content__banner {
  grid-area: banner;
  width: 100%;
}
@media screen and (min-width: 1100px) {
  .__content__banner {
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
  }
}
.__content .block-hero__content {
  width: calc(100% - 1rem);
}
.__content .block-hero__content h1 {
  transform: scale(0.8);
  color: #fff;
}

.dropbox {
  display: flex;
  justify-content: center;
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 30px;
}
.dropbox__wrapper {
  flex-basis: 100%;
  flex-grow: 1;
  margin-bottom: 50px;
}
.dropbox__main-heading {
  flex-basis: 100%;
  flex-grow: 1;
  font-weight: 400;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 1.9em;
}
.dropbox__heading {
  padding: 20px 0;
  margin: 20px 0;
}
.dropbox__content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.dropbox__image {
  flex: 0 0 auto;
  width: 20%;
  font-size: 0;
}
@media all and (max-width: 1130px) {
  .dropbox__image {
    width: 50%;
  }
}
.dropbox__image img {
  width: 100%;
  padding: 5px;
}

.s-shop__content {
  padding: 20px 20px 30px;
}
@media (max-width: 800px) {
  .s-shop__content {
    padding: 20px;
  }
}
.s-shop__content .s-shop__title {
  margin: 16px 0;
}
.s-shop__content .s-shop__title-other {
  font-size: 24px;
  text-align: left;
  margin: 0;
}
.s-shop__content .s-shop__title-other span {
  font-weight: 600;
  cursor: pointer;
}

.contact {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1100px;
  margin: 2rem auto 10rem;
  padding: 0 1rem;
}
.contact > div {
  width: 100%;
  margin-bottom: 4rem;
}
@media (min-width: 1100px) {
  .contact {
    grid-template-columns: 3fr 2fr;
    grid-gap: 4rem;
  }
  .contact > div {
    margin-bottom: 0;
  }
  .contact_form {
    padding-right: 4rem;
    position: relative;
  }
  .contact_form::after {
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.contact select {
  margin: 0 0 1rem;
}
.contact select,
.contact textarea {
  border: 1px solid #000;
  width: 100%;
}
.contact h2 {
  margin-bottom: 2rem;
  font-size: 30px;
  line-height: 32px;
}
.contact h3 {
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 1rem;
}
.contact p {
  line-height: 26px;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.contact input[type=checkbox] {
  position: relative;
  transform: scale(1.5);
}
@media (min-width: 1100px) {
  .contact input[type=checkbox]:checked::after {
    transform: scale(2);
    position: absolute;
    top: 2px;
    border-radius: 5px;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../../images/checkbox.svg) no-repeat;
    background-size: 100% 100%;
    z-index: 9;
    outline: none;
  }
}
.contact_fields {
  margin: 2rem 0;
}
.contact_topic {
  margin-top: 2rem;
}
.contact_topic select {
  font-weight: 600;
}
.contact_subtopics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.contact_subtopics > div {
  margin-bottom: 1rem;
}
.contact_subtopics input {
  margin-right: 0.5rem;
  border-radius: 0;
}
.contact_subtopics label {
  margin-right: 1rem;
}
.contact button {
  display: block;
  text-align: center;
  background: #24324a;
  color: #ede3cd;
  padding: 1rem 35px;
  margin: 10px auto;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 60px;
  cursor: pointer;
  border: none;
  border: none;
  width: 100%;
  text-transform: capitalize;
  font-weight: 600;
  min-height: 60px;
  font-size: 18px;
}
.contact button:hover {
  filter: brightness(1.1);
}
.contact_message {
  margin-bottom: 1rem;
}
.contact_message textarea {
  resize: vertical;
  height: 160px;
  padding: 1rem;
  font-size: 1rem;
}
.contact_message textarea::-moz-placeholder {
  color: #787474;
}
.contact_message textarea:-ms-input-placeholder {
  color: #787474;
}
.contact_message textarea::placeholder {
  color: #787474;
}
.contact_message span {
  color: red;
  position: relative;
}
.contact_message span::after {
  position: absolute;
  height: 20px;
  width: 20px;
  right: -2rem;
  z-index: 99;
  content: "";
  background: url(../images/formerror.svg) no-repeat center;
}
.contact_faqlink {
  font-size: 19px;
  font-weight: 600;
  text-decoration: underline;
}
@media (min-width: 1100px) {
  .contact_faqlink {
    display: none;
  }
}
.contact_done {
  width: 100%;
  border: 1px solid #24324a;
  color: #008000;
  text-align: center;
  padding: 1rem;
}
.contact_upload {
  position: relative;
}
.contact_upload label,
.contact_upload input {
  cursor: pointer;
  width: 100%;
}
.contact_upload label {
  margin-bottom: 1rem;
  padding: 1rem;
  min-height: 56px;
  border: 1px solid #000;
  display: block;
}
.contact_upload label::after {
  position: absolute;
  height: 20px;
  width: 20px;
  right: 1rem;
  z-index: 99;
  content: "";
  background: url(../images/upload.svg) no-repeat center;
}
.contact_upload input {
  visibility: hidden;
  position: absolute;
}
.contact_upload span {
  margin-bottom: 1rem;
  display: inline-block;
  color: red;
  position: relative;
}
.contact_upload span::after {
  position: absolute;
  height: 20px;
  width: 20px;
  right: -2rem;
  z-index: 99;
  content: "";
  background: url(../images/formerror.svg) no-repeat center;
}

.form-group {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 1rem;
}
.form-group_error::after {
  display: inline-block;
  position: absolute;
  height: 20px;
  width: 20px;
  right: 1rem;
  top: 1.5rem;
  z-index: 99;
  content: "";
  background: url(../images/formerror.svg) no-repeat center;
}
.form-group input {
  width: 100%;
  border: 1px solid #000;
  max-height: 56px;
}
.form-group .form-control {
  font-weight: 400;
  padding: 2rem 1rem 1rem;
  font-size: 1rem;
}
.form-group .error_label {
  color: red;
}
.form-group label {
  position: absolute;
  font-size: 0.9rem;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #787474;
  pointer-events: none;
  transition: 0.3s all ease-in-out;
}
.form-group input:focus ~ label,
.form-group .label_active {
  font-size: 0.7em;
  top: 14px;
  border-radius: 20px;
}
.form-group textarea:focus ~ label,
.form-group .label_active {
  font-size: 0.7em;
  top: 14px;
  border-radius: 20px;
}

.form-check {
  padding: 1rem;
  display: flex;
  align-items: center;
}
.form-check input {
  margin: 0 1rem 0 0;
  position: initial;
  transform: scale(1.5);
}

.nav button,
.nav-mobile button {
  background: none;
  border: none;
}