@charset "UTF-8";
h1,
h2 {
  font-family: "Freight";
  font-weight: 400;
  letter-spacing: 0.01em;
  color: #1f2b48;
}

h1 {
  font-size: 5.6rem;
  line-height: 6.4rem;
}

h2 {
  font-size: 4.8rem;
  line-height: 5.2rem;
}

h3,
h4 {
  font-family: "Montserrat";
  color: #1f2b48;
}

h3 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

h4 {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-transform: uppercase;
}

h5 {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0.1em;
  color: #9b9b9b;
  text-transform: uppercase;
}

[class*=" icon-"],
[class^="icon-"] {
  font-family: "Icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=" icon-"]:before,
[class^="icon-"]:before {
  transition-property: color;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.icon-calendar:before {
  content: "";
  color: #444953;
}

.icon-cart:before {
  content: "";
  color: #444953;
}

.icon-chevron-up:before {
  content: "";
  color: #444953;
}

.icon-chevron-down:before {
  content: "";
  color: #444953;
}

.icon-chevron-left:before {
  content: "";
  color: #444953;
}

.icon-chevron-right:before {
  content: "";
  color: #444953;
}

.icon-close:before {
  content: "";
  color: #444953;
}

.icon-credit-card:before {
  content: "";
  color: #444953;
}

.icon-gbp-sign:before {
  content: "";
  color: #444953;
}

.icon-increase-chart:before {
  content: "";
  color: #444953;
}

.icon-login:before {
  content: "";
  color: #444953;
}

.icon-menu:before {
  content: "";
  color: #444953;
}

.icon-music-note:before {
  content: "";
  color: #444953;
}

.icon-note:before {
  content: "";
  color: #444953;
}

.icon-phone:before {
  content: "";
  color: #444953;
}

.icon-shield-plus:before {
  content: "";
  color: #444953;
}

.icon-social-facebook:before {
  content: "";
  color: #444953;
}

.icon-social-instagram:before {
  content: "";
  color: #444953;
}

.icon-social-twitter:before {
  content: "";
  color: #444953;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  font-family: "Montserrat";
  scroll-behavior: smooth;
}

ul {
  list-style: none;
  padding: 0;
}

a {
  transition-property: color;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

a:hover {
  color: #464a51;
}

a,
li,
p,
span {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
}

strong {
  font-weight: 600;
}

hr {
  width: 100%;
  height: 1px;
  border: 1px solid #f0ede8;
  margin: 2.4rem 0;
}

.no-scroll {
  overflow: hidden;
}

.container {
  width: 1440px;
  max-width: 100%;
  height: 100%;
  padding-right: 5.6rem;
  padding-left: 5.6rem;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 762px) {
  .container {
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
}

@media only screen and (max-width: 576px) {
  .container {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}

.no-spacing {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.no-margin {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.no-padding {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.background--white {
  background-color: #ffffff;
}

.background--beige {
  background-color: #f0ede8;
}

.swiper-button-next,
.swiper-button-prev {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #ffffff;
  border-radius: 100%;
  position: absolute;
}

.swiper-button-next [class*=" icon-"],
.swiper-button-next [class^="icon-"],
.swiper-button-prev [class*=" icon-"],
.swiper-button-prev [class^="icon-"] {
  font-size: 1.6rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

footer,
main {
  overflow: hidden;
}

.cover {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.cover.active {
  visibility: visible;
  opacity: 1;
}

form {
  width: 100%;
}

form input[type="date"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="text"],
form textarea {
  width: 100%;
  max-height: 5.6rem;
  font-family: "Montserrat";
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  padding: 1.6rem;
  border: 1px solid #e4e4e4;
  color: #1f2b48;
}

form textarea {
  max-height: 9.6rem;
}

fieldset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 2.4rem;
  border: none;
}

fieldset input[type="radio"] {
  width: 2rem;
  height: 2rem;
  margin-right: 1.2rem;
  cursor: pointer;
}

fieldset label {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  color: #656565;
  cursor: pointer;
}

fieldset label span {
  color: #d30000;
}

.fieldset-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.fieldset-container fieldset {
  flex: 1;
  margin-right: 3.2rem;
}

.fieldset-container fieldset:last-of-type {
  margin-right: 0;
}

.select-wrapper {
  position: relative;
}

.select-wrapper select {
  padding: 1.6rem 4.8rem 1.6rem 1.6rem;
  font-family: "Montserrat";
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  color: #1f2b48;
  border: 1px solid #e4e4e4;
  -webkit-appearance: none;
  appearance: none;
}

.select-wrapper [class*=" icon-"],
.select-wrapper [class^="icon-"] {
  font-size: 1.6rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: 1.6rem;
}

.select-wrapper [class*=" icon-"]:before,
.select-wrapper [class^="icon-"]:before {
  color: #1f2b48;
}

.contact-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.contact-form h4 {
  margin: 3.2rem 0;
}

.contact-form fieldset {
  width: 100%;
}

.contact-form .select-wrapper {
  width: 100%;
}

.contact-form .select-wrapper select {
  width: 100%;
}

.contact-form .button {
  margin-top: 2.4rem;
}

@media (max-width: 1200px) {
  .fieldset-container {
    flex-wrap: wrap;
  }
  .fieldset-container fieldset {
    flex: none;
    width: 100%;
    margin-right: 0;
  }
}

.button {
  max-width: fit-content;
  padding: 1.6rem 4rem;
  background-color: #f0ede8;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #464a51;
  text-decoration: none;
  cursor: pointer;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.button:hover {
  background-color: rgba(240, 237, 232, 0.6);
  color: #c0c0c0;
}

.button:disabled {
  background-color: #e4e4e4;
  color: #c0c0c0;
  cursor: auto;
}

.button--secondary {
  background-color: #ffffff;
  border: 2px solid #f0ede8;
  color: #1f2b48;
}

.button--secondary:hover {
  background-color: #ffffff;
  color: #656565;
}

.button--secondary:disabled {
  background-color: #ffffff;
  color: #c0c0c0;
}

.button--action {
  background-color: #1f2b48;
  color: #ffffff;
}

.button--action:hover {
  background-color: rgba(31, 43, 72, 0.8);
  color: #ffffff;
}

.button--action:disabled {
  background-color: #e4e4e4;
  color: #c0c0c0;
}

.notification {
  width: 100%;
  padding: 1.6rem 3.2rem;
  margin: 1.6rem 0;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #000000;
}

.notification li {
  color: #000000;
}

.notification--success {
  background-color: rgba(99, 202, 42, 0.2);
}

.notification--error {
  background-color: rgba(211, 0, 0, 0.2);
}

.overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: none;
}

.overlay__container {
  width: 84rem;
  min-height: 35.2rem;
  max-height: 90vh;
  background-color: #ffffff;
  border-radius: 0.8rem;
  position: relative;
  overflow-y: scroll;
}

.overlay__container__header {
  padding: 2.4rem 3.2rem;
}

.overlay__container__header > h3 {
  font-size: 2.4rem;
  line-height: 3.6rem;
  margin-bottom: 0.8rem;
}

.overlay__container__header .icon-close {
  font-size: 2.4rem;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  cursor: pointer;
}

.overlay__container__content {
  padding: 2.4rem 3.2rem;
}

.overlay__container__content .overlay-notification {
  padding: 1.6rem 2.4rem;
  background-color: rgba(240, 237, 232, 0.7);
  border-radius: 0.8rem;
  margin-bottom: 1.6rem;
}

.overlay__container__content .overlay-notification p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #464a51;
}

.overlay--shipping .overlay__container__content {
  padding-top: 0;
}

.overlay--shipping .overlay__container__content .map-graphic__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.overlay--shipping .overlay__container__content .map-graphic {
  max-width: 80%;
  margin: 4rem 0;
}

.overlay--shipping .overlay__container__content .map-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0.8rem;
}

.overlay--shipping .overlay__container__content .tiers {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  gap: 0 1.6rem;
  margin: 4rem 0;
}

.overlay--shipping .overlay__container__content .tier-selector-radio {
  display: none;
}

.overlay--shipping .overlay__container__content .tier-selector {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.2rem 3rem;
  border: 1px solid #f0ede8;
  border-radius: 4px;
  transition: all 200ms;
}

.overlay--shipping
  .overlay__container__content
  .tier-selector-radio:checked
  + .tier-selector {
  background-color: rgba(240, 237, 232, 0.4);
}

.overlay--shipping .overlay__container__content .tier-selector__sub-text {
  font-size: 1.4rem;
  text-align: center;
}

.overlay--shipping .overlay__container__content .tiers fieldset {
  flex: 1 1 50%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0;
}

.overlay--shipping .overlay__container__content .advanced-delivery {
  margin: 3.2rem auto;
}

.overlay--shipping .overlay__container__content .advanced-delivery fieldset {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.overlay--shipping .overlay__container__content .advanced-delivery input {
  margin-right: 1.6rem;
}

.overlay--shipping .overlay__container__content .button {
  width: 100%;
  max-width: 100%;
}

.overlay--shipping .overlay__container__content .supplier-message {
  width: 100%;
  margin: 2.4rem 0;
  text-align: center;
  font-size: 1.2rem;
}

.overlay--warranty .select-wrapper {
  margin-bottom: 4rem;
}

.overlay--warranty .select-wrapper select {
  width: 100%;
}

.overlay--book-a-visit .overlay__container__content {
  padding-top: 0;
}

.overlay--rent-to-own form {
  margin-bottom: 2rem;
}

.overlay--rent-to-own table td,
.overlay--rent-to-own table th {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  padding-bottom: 1.6rem;
}

.overlay--rent-to-own table th {
  color: #1f2b48;
  text-align: center;
}

.overlay--rent-to-own table th:first-child {
  padding-right: 1.6rem;
}

.overlay--rent-to-own table th:last-child {
  padding-left: 1.6rem;
}

.overlay--rent-to-own .overlay__container__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.overlay--rent-to-own .overlay__container__content table tr {
  text-align: center;
}

.overlay--rent-to-own .overlay__container__content .button {
  text-decoration: none;
}

@media (max-width: 1200px) {
  .overlay__container {
    width: 100%;
    min-height: 100%;
    height: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
  .overlay__container__header {
    padding: 2.4rem 1.6rem;
  }
  .overlay__container__content {
    padding: 2.4rem 1.6rem 12.8rem;
  }
  .overlay--shipping .overlay__container__content .tiers {
    flex-wrap: wrap;
    gap: 2.4rem;
  }
}

.nav {
  width: 100%;
  padding: 3.2rem 0;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 3;
  transition-property: padding;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.nav--mobile {
  display: none;
}

.nav--scroll {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  padding: 1.6rem 0;
}

.nav > .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.nav__logo img {
  max-width: 24.8rem;
}

.nav__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
}

.nav__menu > ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.nav__menu__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.6rem 0;
  margin-right: 6.4rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  font-weight: 500;
  color: #656565;
  transition-property: color;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  position: relative;
}

.nav__menu__link:last-of-type {
  margin-right: 0;
}

.nav__menu__link:hover > a {
  color: #000000;
}

.nav__menu__link:hover > span:before {
  color: #000000;
}

.nav__menu__link:hover .nav__menu__dropdown {
  visibility: visible;
  opacity: 1;
}

.nav__menu__link a {
  text-decoration: none;
}

.nav__menu__link > span {
  font-size: 2rem;
  margin-left: 0.8rem;
}

.nav__menu__link > span:before {
  color: #656565;
  transition-property: color;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.nav__menu__dropdown {
  width: max-content;
  position: absolute;
  top: 6rem;
  left: 0;
  padding: 0.8rem 0;
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.nav__menu__dropdown > ul {
  position: relative;
}

.nav__menu__dropdown > ul > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.6rem 2.4rem;
  position: relative;
  cursor: pointer;
}

.nav__menu__dropdown > ul > li > a {
  padding-right: 4.8rem;
}

.nav__menu__dropdown > ul > li > span {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}

.nav__menu__dropdown > ul > li:hover > a {
  color: #000000;
}

.nav__menu__dropdown > ul > li:hover .nav__menu__sub-dropdown {
  visibility: visible;
  opacity: 1;
}

.nav__menu__sub-dropdown {
  width: 100%;
  position: absolute;
  top: 0;
  right: -100%;
  padding: 0.8rem 0;
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.nav__menu__sub-dropdown > ul {
  position: relative;
}

.nav__menu__sub-dropdown > ul > li {
  padding: 1.6rem 2.4rem;
}

.nav__menu__cart {
  align-self: stretch;
  padding-left: 6.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.nav__menu__cart:hover {
  cursor: pointer;
}

.nav__menu__cart:hover .nav__cart {
  visibility: visible;
  opacity: 1;
}

.nav__menu__cart:hover .icon-cart:before {
  color: #000000;
}

.nav__menu__cart .icon-cart {
  font-size: 2rem;
  position: relative;
}

.nav__menu__cart .icon-cart:before {
  color: #c0c0c0;
}

.nav__cart {
  width: 38.8rem;
  position: absolute;
  top: 6rem;
  right: 0;
  padding: 2.4rem;
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.nav__cart--active {
  visibility: visible;
  opacity: 1;
}

.nav__cart__header {
  font-weight: 500;
  color: #1f2b48;
}

.nav__cart__container {
  display: grid;
  gap: 2.4rem 0;
  margin-top: 2.4rem;
  max-height: 52rem;
  overflow-y: scroll;
}

.nav__cart__line-item {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 0 1.6rem;
  position: relative;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #f0ede8;
}

.nav__cart__line-item:last-of-type {
  margin-bottom: 0;
}

.nav__cart__line-item__image {
  width: 8.5rem;
  height: 8.5rem;
  border: 1px solid #f0ede8;
}

.nav__cart__line-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.nav__cart__line-item__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 2.4rem;
}

.nav__cart__line-item__details > .title {
  display: inline-block;
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #1f2b48;
}

.nav__cart__line-item__details > .price {
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #656565;
}

.nav__cart__line-item .icon-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.6rem;
}

.nav__cart__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.nav__cart__empty > span {
  display: inline-block;
  margin: 3.2rem auto 4rem auto;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #656565;
  text-align: center;
}

.nav__cart form .button {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1200px) {
  .nav {
    display: none;
  }
  .nav--mobile {
    display: block;
    width: 100%;
    padding: 0;
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 3;
    transition-property: padding;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
  }
  .nav--mobile.menu-active .nav--mobile__actions .icon-close {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  .nav--mobile.menu-active .nav--mobile__actions .icon-menu {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  .nav--mobile.menu-active .nav--mobile__menu {
    visibility: visible;
    opacity: 1;
  }
  .nav--mobile.cart-active .nav--mobile__cart-drawer {
    visibility: visible;
    opacity: 1;
  }
  .nav--mobile__header {
    height: 6.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4;
  }
  .nav--mobile__header [class*=" icon-"],
  .nav--mobile__header [class^="icon-"] {
    font-size: 2.4rem;
  }
  .nav--mobile__header [class*=" icon-"]:before,
  .nav--mobile__header [class^="icon-"]:before {
    color: #c0c0c0;
  }
  .nav--mobile__header [class*=" icon-"]:hover:before,
  .nav--mobile__header [class^="icon-"]:hover:before {
    color: #656565;
  }
  .nav--mobile__actions {
    cursor: pointer;
  }
  .nav--mobile__actions [class*=" icon-"],
  .nav--mobile__actions [class^="icon-"] {
    transition-property: opacity;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
  }
  .nav--mobile__actions .icon-close {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  .nav--mobile__actions .icon-close:before {
    color: #000000;
  }
  .nav--mobile__actions .icon-menu:before {
    color: #000000;
  }
  .nav--mobile__logo img {
    max-width: 20rem;
    max-height: 3.6rem;
  }
  .nav--mobile__cart-drawer {
    width: 80%;
    max-width: 40rem;
    height: 100%;
    position: fixed;
    top: 6.8rem;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    overflow-y: scroll;
  }
  .nav--mobile__cart-drawer__header {
    width: 100%;
    padding: 2.4rem 1.6rem;
  }
  .nav--mobile__cart-drawer__items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.4rem 0;
    padding: 0 1.6rem 8.8rem;
  }
  .nav--mobile__cart-drawer__items .nav__cart__line-item {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #f0ede8;
  }
  .nav--mobile__cart-drawer__items .nav__cart__line-item__image {
    border: 1px solid #f0ede8;
  }
  .nav--mobile__cart-drawer__items form .button {
    width: 100%;
    max-width: 100%;
  }
  .nav--mobile__cart-drawer__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.2rem 1.6rem;
  }
  .nav--mobile__cart-drawer__empty span {
    text-align: center;
  }
  .nav--mobile__cart-drawer__empty form {
    margin-top: 3.2rem;
  }
  .nav--mobile__cart-drawer__empty form .button {
    width: 100%;
    max-width: 100%;
  }
  .nav--mobile__menu {
    width: 80%;
    max-width: 40rem;
    height: 100%;
    position: fixed;
    top: 6.8rem;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    padding-bottom: 9.6rem;
    overflow-y: scroll;
  }
  .nav--mobile__menu ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .nav--mobile__menu__link {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2.4rem;
    margin-right: 0;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
  }
  .nav--mobile__menu__link:hover > a {
    color: #000000;
  }
  .nav--mobile__menu__link:hover > span:before {
    color: #000000;
  }
  .nav--mobile__menu__link a {
    text-decoration: none;
  }
  .nav--mobile__menu__link > span {
    font-size: 2rem;
    margin-left: 0.8rem;
  }
  .nav--mobile__menu__link > span:before {
    color: #656565;
    transition-property: color;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
  }
  .nav--mobile__menu__link > .icon-chevron-down {
    display: none;
  }
  .nav--mobile__menu__link--sub {
    padding: 2.4rem 1.6rem;
  }
  .nav--mobile__menu__link--sub > .icon-chevron-right {
    display: block;
  }
  .nav--mobile__menu__dropdown,
  .nav--mobile__menu__sub-dropdown {
    display: none;
  }
  .nav--mobile__menu__dropdown.active,
  .nav--mobile__menu__sub-dropdown.active {
    display: block;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    margin-top: 2.4rem;
  }
  .nav--mobile__menu__dropdown .nav--mobile__menu__link:last-child,
  .nav--mobile__menu__sub-dropdown .nav--mobile__menu__link:last-child {
    border-bottom: none;
  }
}

.footer {
  padding: 8rem 0 6.4rem 0;
  background-color: #f0ede8;
}

.footer span {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
}

.footer__main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 3.2rem;
  padding-bottom: 8rem;
}

.footer__main__left {
  width: 70%;
}

.footer__main__newsletter > h2 {
  font-size: 3.2rem;
  line-height: 3.2rem;
  margin-bottom: 3.2rem;
}

.footer__main__newsletter > p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
}

.footer__main__newsletter > form {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 2.4rem;
}

.footer__main__newsletter > form > fieldset {
  margin-bottom: 0;
}

.footer__main__newsletter > form > input {
  width: fit-content;
  margin-right: 1.6rem;
  border: none;
}

.footer__main__newsletter > form > .button {
  text-transform: uppercase;
}

.footer__main__address {
  margin-top: 2.4rem;
}

.footer__main__address address {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  font-style: normal;
  margin-bottom: 1.6rem;
}

.footer__main__address .contact-methods,
.footer__main__address .opening-hours {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
}

.footer__main__address .opening-hours {
  margin-bottom: 1.6rem;
}

.footer__main__address .opening-hours > div > span:first-of-type {
  margin-right: 1.2rem;
}

.footer__main__links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 6.4rem;
}

.footer__main__column span {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  font-weight: 600;
  color: #1f2b48;
  margin-bottom: 2.4rem;
}

.footer__main__column a {
  text-decoration: none;
}

.footer__main__column > ul > li {
  margin-bottom: 1.6rem;
}

.footer__main__column > ul > li:last-of-type {
  margin-bottom: 0;
}

.footer__sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 3.2rem;
  border-top: 1px solid #c0c0c0;
}

.footer__sub__socials {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.footer__sub__socials > span {
  margin-right: 1.6rem;
}

.footer__sub__socials > span a {
  text-decoration: none;
}

.footer__sub__socials > a {
  line-height: normal;
  text-decoration: none;
  margin-right: 0.8rem;
}

.footer__sub__socials > a:last-of-type {
  margin-right: 0;
}

.footer__sub__socials > a [class*=" icon-"],
.footer__sub__socials > a [class^="icon-"] {
  font-size: 2.4rem;
}

.footer__sub__socials > a [class*=" icon-"]:before,
.footer__sub__socials > a [class^="icon-"]:before {
  color: #656565;
}

@media (max-width: 1200px) {
  .footer {
    padding: 3.2rem 0 2.4rem 0;
  }
  .footer__main {
    grid-template-columns: 1fr;
    padding-bottom: 1.6rem;
  }
  .footer__main__left {
    width: 100%;
  }
  .footer__main__newsletter form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .footer__main__newsletter form button,
  .footer__main__newsletter form input {
    width: 100%;
  }
  .footer__main__newsletter form button {
    max-width: 100%;
    margin-top: 1.6rem;
  }
  .footer__main__links {
    grid-template-columns: 1fr;
    margin-top: 3.2rem;
  }
  .footer__main__column span {
    margin-bottom: 1.6rem;
  }
  .footer__main__column ul {
    margin-bottom: 3.2rem;
  }
  .footer__sub {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 1.6rem;
  }
  .footer__sub__socials {
    margin-top: 2.4rem;
  }
}

.breadcrumbs {
  margin-bottom: 2.4rem;
}

.breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.breadcrumbs ol li {
  margin-right: 0.8rem;
  padding-right: 1.2rem;
  position: relative;
}

.breadcrumbs ol li:after {
  content: "/";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #c0c0c0;
}

.breadcrumbs ol li:last-of-type {
  margin-right: 0;
  padding-right: 0;
}

.breadcrumbs ol li:last-of-type:after {
  content: none;
}

.breadcrumbs ol li:last-of-type a {
  color: #656565;
}

.breadcrumbs ol li a {
  text-decoration: none;
}

.notification-bar {
  width: 100%;
  background-color: #f0ede8;
  position: relative;
}

.notification-bar > .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.notification-bar p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #464a51;
  padding: 1.6rem 0;
  text-align: center;
}

@media (max-width: 762px) {
  .notification-bar p {
    padding: 1.6rem 2.4rem;
  }
}

.notification-bar p > a {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #464a51;
}

.notification-bar .swiper-container {
  width: 50%;
}

@media (max-width: 1200px) {
  .notification-bar .swiper-container {
    width: 100%;
  }
}

.notification-bar .swiper-container .swiper-slide {
  height: auto;
}

.notification-bar .swiper-container .swiper-slide > div {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.notification-bar .swiper-container .swiper-button-next,
.notification-bar .swiper-container .swiper-button-prev {
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
}

.notification-bar .icon-close {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
}

.notification-bar .icon-close:before {
  color: #656565;
}

.home__feature-text {
  padding: 7.2rem 0 4.8rem 0;
}

.home__feature-text > .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.home__feature-text h5 {
  margin-bottom: 1.6rem;
}

.home__feature-text h2 {
  width: clamp(25%, 28ch, 100%);
}

.home__feature-text p {
  width: clamp(25%, 45ch, 100%);
}

.home__feature-text p:first-of-type {
  margin-top: 2.4rem;
}

.home__feature-text form {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 3.2rem;
}

.home__feature-text.padding--large {
  padding: 12.8rem 0 16rem 0;
}

.home__feature-image {
  padding: 7.2rem 0;
}

.home__feature-image > .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.home__feature-image__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.home__feature-image__content h5 {
  margin-bottom: 2.4rem;
}

.home__feature-image__content h1 {
  margin-bottom: 3.2rem;
}

.home__feature-image__content p {
  margin-bottom: 4.8rem;
}

.home__feature-image__content a {
  display: inline-block;
  margin-top: 2.4rem;
}

.home__feature-image__image {
  position: relative;
  z-index: 1;
}

.home__feature-image__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 56.2rem;
}

@media (min-width: 1200px) {
  .home__feature-image__image img {
    min-height: 38rem;
  }
}

.home__feature-image__image:after {
  content: "";
  position: absolute;
  bottom: -3.2rem;
  right: -4.8rem;
  width: 100%;
  height: 100%;
  background-color: #f0ede8;
  z-index: -1;
}

.home__feature-image__image.dropshadow--false:after {
  content: none;
}

.home__feature-image.background--beige.dropshadow--true
  .home__feature-image__image:after {
  background-color: rgba(255, 255, 255, 0.4);
}

.home__feature-image.alignment--right .home__feature-image__content {
  order: 1;
}

.home__feature-image.alignment--right .home__feature-image__image {
  order: 2;
  margin-left: 7.2rem;
}

.home__feature-image.alignment--left .home__feature-image__content {
  order: 2;
  margin-left: 7.2rem;
}

.home__feature-image.alignment--left .home__feature-image__image {
  order: 1;
}

.home__feature-image.alignment--left .home__feature-image__image:after {
  left: -4.8rem;
  right: 0;
}

.home__feature-image.width--50 .home__feature-image__content,
.home__feature-image.width--50 .home__feature-image__image {
  flex: 1 0 0;
}

.home__feature-image.width--70 .home__feature-image__content {
  flex: 3 0 0;
}

.home__feature-image.width--70 .home__feature-image__image {
  flex: 7 0 0;
}

.home__feature-image.dropshadow--false .home__feature-image__image:after {
  content: none;
}

.home__feature-image__slider .swiper-pagination-bullet-active {
  background-color: #464a51;
}

.home__showcase {
  padding: 6.4rem 0;
}

.home__showcase__products__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 3.2rem;
  gap: 0 3.2rem;
}

.home__showcase__products__product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.home__showcase__products__product a {
  min-width: 100%;
}

.home__showcase__products__product__image {
  width: 100%;
  height: 28.8rem;
  margin-bottom: 1.6rem;
}

.home__showcase__products__product__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 28.8rem;
}

.home__showcase__products__product > span a {
  color: #1f2b48;
  text-decoration: none;
}

.home__showcase__collections__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2rem;
  margin-top: 3.2rem;
}

.home__showcase__collections__collection {
  cursor: pointer;
  position: relative;
}

.home__showcase__collections__collection__image {
  width: 100%;
  height: 48rem;
  position: relative;
}

.home__showcase__collections__collection__image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}

.home__showcase__collections__collection__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home__showcase__collections__collection > span a {
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 1200px) {
  .home__showcase__collections__collection:last-child:nth-child(odd) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.home__showcase__services > .container {
  width: 70%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.home__showcase__services .button--secondary {
  flex: 3 0 30%;
  margin-right: 2.4rem;
  margin-bottom: 2.4rem;
}

.home__showcase__services .button--secondary > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #464a51;
  font-weight: 600;
}

.home__showcase__services .button--secondary > a > [class^="icon-"],
.home__showcase__services .button--secondary > a [class*=" icon-"] {
  margin-right: 0.8rem;
  font-size: 2.4rem;
}

.home__showcase__services .button--secondary:hover > a {
  color: #656565;
}

.home__showcase__services
  .button--secondary:hover
  > a
  > [class^="icon-"]:before,
.home__showcase__services
  .button--secondary:hover
  > a
  [class*=" icon-"]:before {
  color: #656565;
}

@media (max-width: 1200px) {
  .home__feature-text {
    padding: 4rem 0;
  }
  .home__feature-image {
    padding: 0 0 4.8rem 0;
  }
  .home__feature-image > .container {
    flex-direction: column;
  }
  .home__feature-image__content {
    order: 2 !important;
    align-items: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .home__feature-image__content h1,
  .home__feature-image__content h5,
  .home__feature-image__content p {
    text-align: center !important;
  }
  .home__feature-image__content form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .home__feature-image__image {
    order: 1 !important;
    margin-left: 0 !important;
    margin-bottom: 4rem;
  }
  .home__feature-image__image img {
    width: 100vw;
    margin-left: -5.6rem;
    margin-right: -5.6rem;
  }
  .home__feature-image__image:after {
    content: none;
  }
  .home__showcase {
    padding: 3.2rem 0 4.8rem 0;
  }
  .home__showcase__products__container {
    grid-template-columns: 1fr;
  }
  .home__showcase__products__product {
    margin-bottom: 3.2rem;
  }
  .home__showcase__collections__container {
    grid-template-columns: 1fr;
  }
  .home__showcase__collections__collection__image {
    height: 24rem;
  }
  .home__showcase__services > .container {
    width: 100%;
  }
  .home__showcase__services .button--secondary {
    max-width: 100%;
    flex: 1 1 100%;
    margin-right: 0;
  }
}

@media (max-width: 762px) {
  .home__feature-image__image img {
    width: 100vw;
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
}

@media (max-width: 576px) {
  .home__feature-image__image img {
    width: 100vw;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
}

.collection {
  margin-top: 2.4rem;
}

.collection__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 6.4rem 0 9.6rem 0;
}

.collection__sort-by {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.collection__sort-by span {
  margin-right: 1.6rem;
}

.collection__content {
  display: grid;
  grid-template-columns: 3fr 7fr;
  gap: 0 6.4rem;
}

.collection__content--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.collection__content--empty .collection__current-tags {
  display: none;
}

.collection__content--empty .collection__grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.collection__content--empty span {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  font-weight: 600;
}

.collection__content--empty a.button {
  text-decoration: none;
}

.collection__filter-bar {
  display: none;
}

.collection__sort-mobile {
  display: none;
}

.collection__sidebar__filter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 4rem;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 3.2rem;
}

.collection__sidebar__filter:last-of-type {
  border-bottom: none;
}

.collection__sidebar__filter h3 {
  margin-bottom: 1.6rem;
}

.collection__sidebar__filter fieldset {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.6rem;
}

.collection__sidebar__filter fieldset label {
  text-transform: capitalize;
}

.collection__current-tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 4rem;
}

.collection__current-tags__tag {
  margin-right: 0.8rem;
  padding: 0.8rem 2.4rem;
  background-color: #f0ede8;
  border-radius: 8rem;
  position: relative;
}

.collection__current-tags__tag:last-of-type {
  margin-right: 0;
}

.collection__current-tags__tag a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.collection__current-tags__tag span {
  color: #1f2b48;
  text-transform: capitalize;
  font-weight: 600;
}

.collection__current-tags__tag [class*=" icon-"],
.collection__current-tags__tag [class^="icon-"] {
  font-size: 1.6rem;
  font-weight: 400;
  margin-left: 1.6rem;
}

.collection__current-tags__tag [class*=" icon-"]:before,
.collection__current-tags__tag [class^="icon-"]:before {
  color: #1f2b48;
}

.collection__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5.6rem 3.2rem;
  margin-bottom: 12.8rem;
}

.collection__grid__product--oos {
  position: relative;
}

.collection__grid__product--oos:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1;
  pointer-events: none;
}

.collection__grid__product--oos .collection__grid__product__image {
  position: relative;
}

.collection__grid__product--oos .collection__grid__product__image span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  text-transform: uppercase;
  color: #000000;
  z-index: 2;
}

.collection__grid__product__image {
  width: 28.8rem;
  height: 28.8rem;
  margin-bottom: 1.6rem;
  cursor: pointer;
  position: relative;
}

.collection__grid__product__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.collection__grid__product__image .discount-tag {
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  padding: 0.8rem;
  background-color: #d30000;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #ffffff;
}

.collection__grid__product__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.collection__grid__product__details span {
  color: #1f2b48;
  cursor: pointer;
}

.collection__grid__product__details .title {
  display: inline-block;
  margin-bottom: 0.4rem;
}

.collection__grid__product__details__price {
  display: flex;
}

.collection__grid__product__details__price .price {
  font-weight: 600;
}

.collection__grid__product__details__price .strike-price {
  margin-left: 0.8rem;
  color: #9b9b9b;
  text-decoration: line-through;
}

.collection__grid__paginate {
  grid-column-start: 1;
  grid-column-end: 4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.collection__grid__paginate span a {
  text-decoration: none;
}

.collection__grid__paginate .page {
  margin-right: 3.2rem;
  color: #c0c0c0;
}

.collection__grid__paginate .page.current {
  color: #1f2b48;
}

.collection__grid__paginate .next a,
.collection__grid__paginate .prev a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.collection__grid__paginate .next [class*=" icon-"],
.collection__grid__paginate .next [class^="icon-"],
.collection__grid__paginate .prev [class*=" icon-"],
.collection__grid__paginate .prev [class^="icon-"] {
  font-size: 1.6rem;
}

.collection__grid__paginate .next [class*=" icon-"]:before,
.collection__grid__paginate .next [class^="icon-"]:before,
.collection__grid__paginate .prev [class*=" icon-"]:before,
.collection__grid__paginate .prev [class^="icon-"]:before {
  color: #c0c0c0;
}

.collection__grid__paginate .next [class*=" icon-"]:hover:before,
.collection__grid__paginate .next [class^="icon-"]:hover:before,
.collection__grid__paginate .prev [class*=" icon-"]:hover:before,
.collection__grid__paginate .prev [class^="icon-"]:hover:before {
  color: #1f2b48;
}

.collection__grid__paginate .prev {
  margin-right: 3.2rem;
}

@media (max-width: 1200px) {
  .collection__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 3.2rem 0;
  }
  .collection__sort-by {
    display: none;
  }
  .collection__content {
    grid-template-columns: 1fr;
  }
  .collection__content--empty span {
    text-align: center;
  }
  .collection__filter-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .collection__filter-bar__filters,
  .collection__filter-bar__sort {
    flex: 1 0 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 1.6rem 0;
    border: 1px solid #e4e4e4;
    margin-bottom: 2.4rem;
  }
  .collection__filter-bar__filters span,
  .collection__filter-bar__sort span {
    font-weight: 600;
    text-transform: uppercase;
    color: #1f2b48;
  }
  .collection__filter-bar__filters .icon-chevron-up,
  .collection__filter-bar__sort .icon-chevron-up {
    display: none;
  }
  .collection__filter-bar__filters [class*=" icon-"],
  .collection__filter-bar__filters [class^="icon-"],
  .collection__filter-bar__sort [class*=" icon-"],
  .collection__filter-bar__sort [class^="icon-"] {
    font-size: 1.6rem;
    margin-left: 0.8rem;
  }
  .collection__filter-bar__filters [class*=" icon-"]:before,
  .collection__filter-bar__filters [class^="icon-"]:before,
  .collection__filter-bar__sort [class*=" icon-"]:before,
  .collection__filter-bar__sort [class^="icon-"]:before {
    color: #1f2b48;
  }
  .collection__filter-bar > div:first-child {
    border-right: none;
  }
  .collection__sort-mobile {
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid #e4e4e4;
  }
  .collection__sort-mobile .select-wrapper select {
    width: 100%;
  }
  .collection__sidebar {
    display: none;
  }
  .collection__current-tags {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #f0ede8;
  }
  .collection__current-tags__tag span {
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #9b9b9b;
    color: #1f2b48;
  }
  .collection__grid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 6.4rem;
  }
  .collection__grid__product {
    width: 100%;
  }
  .collection__grid__product__image {
    width: 100%;
  }
  .collection__grid__paginate {
    width: 100%;
  }
}

.cart > .container {
  margin-top: 6.4rem;
  margin-bottom: 10.4rem;
}

.cart h2 {
  margin-bottom: 3.2rem;
}

.cart__container {
  display: grid;
  grid-template-columns: 6fr 3fr;
  gap: 0 2.4rem;
}

.cart__items__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0 2.4rem;
  margin-bottom: 2.4rem;
  padding: 1.6rem;
  border: 2px solid #f0ede8;
  position: relative;
}

.cart__items__item a {
  text-decoration: none;
}

.cart__items__item:last-of-type {
  margin-bottom: 0;
}

.cart__items__item__image {
  min-width: 12.8rem;
  width: 12.8rem;
  height: 12.8rem;
}

.cart__items__item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cart__items__item__details {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.cart__items__item__details .title {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  color: #1f2b48;
  display: inline-block;
  margin-bottom: 0.8rem;
}

.cart__items__item__details .price {
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #656565;
}

.cart__items__item__remove {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}

.cart__items__item__remove span {
  font-size: 2.4rem;
}

.cart__sidebar__summary {
  border: 2px solid #f0ede8;
}

.cart__sidebar__summary > h3 {
  width: 100%;
  text-align: center;
  padding: 2.4rem 0;
  border-bottom: 2px solid #f0ede8;
}

.cart__sidebar__summary__table {
  padding: 1.6rem 0;
}

.cart__sidebar__summary__table > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 4rem;
}

.cart__sidebar__summary__table > div > span {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  color: #1f2b48;
}

.cart__sidebar__summary__table > div > span.text-grey {
  color: #c0c0c0 !important;
}

.cart__sidebar > form {
  margin-top: 2.4rem;
}

.cart__sidebar > form .button {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1200px) {
  .cart > .container {
    margin-top: 3.2rem;
    margin-bottom: 6.4rem;
  }
  .cart__container {
    grid-template-columns: 1fr;
    gap: 2.4rem 0;
  }
  .cart__items__item__details {
    padding-right: 2.4rem;
  }
}

.product {
  margin-top: 2.4rem;
}

.product__gallery {
  margin-bottom: 5.6rem;
}

.product__gallery .gallery-thumbs .swiper-slide img,
.product__gallery .gallery-thumbs .swiper-slide video,
.product__gallery .gallery-top .swiper-slide img,
.product__gallery .gallery-top .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.product__gallery .gallery-top {
  height: 72rem;
  margin-bottom: 1.6rem;
  position: relative;
}

.product__gallery .gallery-top .swiper-slide {
  border: 2px solid #f0ede8;
}

@media (min-width: 762px) {
  .product__gallery .gallery-top .swiper-slide img {
    object-fit: contain;
  }
}

.product__gallery .gallery-top .swiper-slide img.contain-image {
  object-fit: contain;
}

.product__gallery .gallery-top .swiper-slide img.cover-image {
  object-fit: cover;
}

.product__gallery .gallery-top .swiper-pagination {
  display: none;
}

.product__gallery .gallery-thumbs {
  height: 10rem;
}

.product__gallery .gallery-thumbs .swiper-slide {
  width: 10rem !important;
  height: 10rem;
  max-width: 10rem;
  max-height: 10rem;
  border: 2px solid #f0ede8;
  opacity: 0.4;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  cursor: pointer;
}

.product__gallery .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.product__details {
  display: grid;
  grid-template-areas: "header header" "content sidebar";
  grid-template-columns: 6fr 4fr;
}

.product__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: header;
  margin-bottom: 3.2rem;
}

.product__header > h2 {
  margin-bottom: 1.6rem;
}

.product__header > .price {
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #656565;
}

.product__header > .strike-price {
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #656565;
  margin-left: 0.8rem;
  color: #9b9b9b;
  text-decoration: line-through;
}

.product__content {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: content;
  padding-right: 3.2rem;
  border-right: 2px solid #f0ede8;
}

.product__content h4 {
  margin-top: 4rem;
}

.product__content p {
  margin-bottom: 2.4rem;
}

.product__content table {
  margin-top: 2.4rem;
}

.product__content table td {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  padding-bottom: 1.6rem;
}

.product__sidebar {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: sidebar;
  padding-left: 6.4rem;
}

.product__sidebar__actions {
  margin-bottom: 3.2rem;
}

.product__sidebar__actions > .button {
  width: 100%;
  max-width: 100%;
}

.product__sidebar__actions #bookAVisitBtn {
  margin-bottom: 2.4rem;
}

.product__sidebar__actions > span {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 1.6rem auto;
}

.product__sidebar__actions .select-wrapper select {
  width: 100%;
  margin-bottom: 1.6rem;
}

.product__sidebar__actions afterpay-placement {
  font-family: "Montserrat";
  --logo-badge-width: 80px;
  margin-top: 0.8rem;
  padding: 0.8rem 1.6rem;
  border: 1px solid #f0ede8;
}

.product__sidebar__actions afterpay-placement p.afterpay-paragraph {
  font-size: 12px !important;
}

.product__sidebar__delivery > h4 {
  margin-bottom: 2.4rem;
}

.product__sidebar__delivery > a {
  display: inline-block;
  margin: 1.6rem 0;
}

.product__sidebar__delivery__bnpl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.product__sidebar__delivery__phone {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.4rem;
}

.product__sidebar__delivery__phone > p strong {
  color: #656565;
}

.product__sidebar__delivery__phone > span a {
  text-decoration: none;
}

.product__features {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 5.6rem;
  margin: 8.8rem 0 10.4rem;
}

.product__features__feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.product__features__feature [class*=" icon-"],
.product__features__feature [class^="icon-"] {
  font-size: 8rem;
}

.product__features__feature [class*=" icon-"]:before,
.product__features__feature [class^="icon-"]:before {
  color: #f0ede8;
}

.product__features__feature h3 {
  margin: 4rem 0 1.6rem 0;
}

.product__features__feature p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  text-align: center;
}

.product__features__feature a {
  margin-top: 1.6rem;
}

.product__recommendations__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 3.2rem;
  margin: 4rem 0 8.8rem 0;
}

.product__recommendations__product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.product__recommendations__product__image {
  width: 28.8rem;
  height: 28.8rem;
  margin-bottom: 1.6rem;
}

.product__recommendations__product__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.product__recommendations__product span {
  color: #1f2b48;
}

@media (max-width: 1200px) {
  .product {
    margin-top: 0;
  }
  .product .breadcrumbs {
    display: none;
  }
  .product__gallery {
    margin: 0 -1.6rem 2.4rem -1.6rem;
  }
  .product__gallery .gallery-top {
    height: 37.5rem;
    margin-bottom: 0;
  }
  .product__gallery .gallery-top .swiper-slide {
    border: none;
  }
  .product__gallery .gallery-top .swiper-pagination {
    display: block;
  }
  .product__gallery .gallery-top .swiper-pagination-bullet-active {
    background-color: #ffffff;
  }
  .product__gallery .gallery-thumbs {
    display: none;
  }
  .product__details {
    grid-template-areas: "header" "sidebar" "content";
    grid-template-columns: 1fr;
  }
  .product__header > h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .product__header > .price {
    font-size: 2.1rem;
    line-height: 2.8rem;
    color: #656565;
  }
  .product__content {
    padding-right: 0;
    border-right: none;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #e4e4e4;
  }
  .product__sidebar {
    padding: 2.4rem 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 2.4rem;
  }
  .product__sidebar__actions #bookAVisitBtn {
    margin-bottom: 1.6rem;
  }
  .product__features {
    grid-template-columns: 1fr;
    gap: 6.4rem 0;
    margin: 6.4rem 0 3.2rem;
    padding-bottom: 6.4rem;
    border-bottom: 1px solid #e4e4e4;
  }
  .product__recommendations__container {
    margin: 3.2rem 0 5.6rem 0;
    grid-template-columns: 1fr;
    gap: 3.2rem 0;
  }
  .product__recommendations__product__image {
    width: 100%;
  }
  .product__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .product__content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .product__sidebar {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

.shopify-challenge__container {
  margin: 200px auto;
}

input[type="submit"] {
  max-width: fit-content;
  padding: 1.6rem 4rem;
  background-color: #f0ede8;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #464a51;
  text-decoration: none;
  cursor: pointer;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

input[type="submit"]:hover {
  background-color: rgba(240, 237, 232, 0.6);
  color: #c0c0c0;
}

.text-page {
  padding-top: 4rem;
  margin-bottom: 8rem;
}

.text-page h2 {
  margin-bottom: 4.8rem;
}

.text-page h3 {
  margin-top: 3.2rem 0;
  padding: 3.2rem 0;
  border-top: 1px solid #f0ede8;
}

.text-page p,
.text-page ul {
  margin-bottom: 2.4rem;
}

.text-page ul {
  list-style: circle;
}

.text-page .home__feature-image {
  padding-top: 0;
}

.text-page .home__feature-image > .container {
  align-items: flex-start;
}

.text-page .home__feature-image__content a {
  display: inline;
  margin-top: 0;
}

.text-page__form {
  margin: 4rem 0;
}

@media (max-width: 1200px) {
  .text-page {
    padding-top: 1.6rem;
    margin-bottom: 4.8rem;
  }
  .text-page h2 {
    margin-bottom: 2.4rem;
  }
  .text-page__form {
    margin: 2.4rem 0;
  }
  .text-page .home__feature-image__content h1,
  .text-page .home__feature-image__content h5,
  .text-page .home__feature-image__content p {
    text-align: left !important;
  }
}

.faqs__accordion__question {
  padding: 2.4rem 4rem;
  margin-bottom: 2.4rem;
  background-color: #f0ede8;
  position: relative;
  cursor: pointer;
}

.faqs__accordion__question > span {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  font-size: 2rem;
}

.faqs__accordion__question > span:before {
  color: #1f2b48;
}

.faqs__accordion__answer {
  background-color: #fafafa;
  padding: 2.4rem;
  margin-bottom: 2.4rem;
}

.faqs__accordion__answer p {
  color: #656565;
}

.faqs__accordion__answer p:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .faqs__accordion__question {
    padding: 1.6rem 4rem 1.6rem 2.4rem;
  }
}

.about-founder h2 {
  margin-bottom: 4.8rem;
}

.about-founder p {
  margin-bottom: 2.4rem;
}

.about-founder__intro {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 4rem;
}

.about-founder__intro__content {
  flex: 2;
}

.about-founder__intro__image {
  flex: 3;
  margin-left: 7.2rem;
}

.about-founder__intro__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 60rem;
  border-radius: 0.8rem;
}

@media (max-width: 762px) {
  .about-founder h2 {
    margin-bottom: 2.4rem;
  }
  .about-founder__intro {
    flex-wrap: wrap;
  }
  .about-founder__intro__content {
    flex: 1 0 100%;
  }
  .about-founder__intro__image {
    flex: 1 0 100%;
    margin-left: 0;
  }
}

.silent-pianos__possibilities p {
  width: 80%;
}

.silent-pianos__possibilities__tiles {
  padding-bottom: 8rem;
}

.silent-pianos__possibilities__tiles > .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0 3.2rem;
}

.silent-pianos__possibilities__tile {
  flex: 1 1 25%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
}

.silent-pianos__possibilities__tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.silent-pianos__features {
  padding-bottom: 8rem;
}

.silent-pianos__features > .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4.8rem;
}

.silent-pianos__feature {
  flex: 1 1 33%;
  max-width: 50%;
  align-self: stretch;
}

.silent-pianos__video {
  padding: 6.4rem 0;
}

.silent-pianos__video iframe {
  width: 100%;
  height: 100%;
  min-height: 80rem;
}

.silent-pianos__best-features {
  padding: 6.4rem 0;
}

.silent-pianos__best-features h2 {
  text-align: center;
  margin-bottom: 3.2rem;
}

.silent-pianos__best-features > .container > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0 5.6rem;
}

.silent-pianos__best-features > .container > div ul {
  flex: 1 1 50%;
  list-style: circle;
}

.silent-pianos__best-features > .container > div ul li {
  margin-bottom: 1.6rem;
}

.silent-pianos__app {
  padding-top: 6.4rem;
}

.silent-pianos__app h2 {
  text-align: center;
  margin-bottom: 6.4rem;
}

.silent-pianos__app img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-width: 100%;
  max-height: 56rem;
}

.silent-pianos__app__content {
  padding: 3.2rem 0 8rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0 4.8rem;
}

.silent-pianos__app__content ul {
  list-style: circle;
  align-self: stretch;
}

.silent-pianos__app__content ul li {
  margin-top: 1.6rem;
}

.silent-pianos__products {
  padding: 6.4rem 0;
}

.silent-pianos__products h2 {
  margin-bottom: 3.2rem;
  text-align: center;
}

.silent-pianos__products > .container > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0 4.8rem;
}

.silent-pianos__product {
  flex: 1 1 50%;
  max-width: 35rem;
  border: 1px solid #e4e4e4;
}

.silent-pianos__product__image {
  max-width: 400px;
  max-height: 250px;
}

.silent-pianos__product__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.silent-pianos__product__details {
  padding: 2.4rem 1.6rem;
}

.silent-pianos__product__details > h3 {
  margin-bottom: 1.6rem;
}

.silent-pianos__product__details > .button {
  margin-top: 1.6rem;
}

.silent-pianos__fine-print {
  padding: 6.4rem 0;
  text-align: center;
}

@media (max-width: 1200px) {
  .silent-pianos__possibilities p {
    width: 100%;
  }
  .silent-pianos__possibilities__tiles {
    padding-bottom: 3.2rem;
  }
  .silent-pianos__possibilities__tiles > .container {
    flex-wrap: wrap;
    gap: 3.2rem 0;
  }
  .silent-pianos__possibilities__tile {
    flex: 1 0 100%;
  }
  .silent-pianos__features {
    padding-bottom: 4.8rem;
  }
  .silent-pianos__features > .container {
    gap: 2.4rem;
  }
  .silent-pianos__feature {
    flex: 1 0 100%;
    max-width: 100%;
    align-self: stretch;
  }
  .silent-pianos__video {
    padding: 3.2rem 0;
  }
  .silent-pianos__video iframe {
    width: 100%;
    height: 100%;
    min-height: 40rem;
  }
  .silent-pianos__best-features {
    padding: 3.2rem 0;
  }
  .silent-pianos__best-features h2 {
    text-align: center;
    margin-bottom: 3.2rem;
  }
  .silent-pianos__best-features > .container > div {
    flex-wrap: wrap;
    gap: 0;
  }
  .silent-pianos__best-features > .container > div ul {
    flex: 1 0 100%;
    list-style: none;
  }
  .silent-pianos__app {
    padding-top: 3.2rem;
  }
  .silent-pianos__app h2 {
    margin-bottom: 3.2rem;
  }
  .silent-pianos__app__content {
    flex-wrap: wrap;
    padding: 1.6rem 0 4rem 0;
    gap: 0;
  }
  .silent-pianos__app__content ul {
    list-style: none;
  }
  .silent-pianos__products {
    padding: 3.2rem 0;
  }
  .silent-pianos__products > .container > div {
    flex-wrap: wrap;
    gap: 2.4rem 0;
  }
  .silent-pianos__product {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .silent-pianos__product__image {
    max-width: 400px;
    max-height: 250px;
  }
  .silent-pianos__product__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .silent-pianos__product__details {
    padding: 2.4rem 1.6rem;
  }
  .silent-pianos__product__details > h3 {
    margin-bottom: 1.6rem;
  }
  .silent-pianos__product__details > .button {
    margin-top: 1.6rem;
  }
}

.bnpl__hero {
  margin-top: 6.4rem;
  margin-bottom: 4.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bnpl__hero h1 {
  width: 50%;
  margin-bottom: 1.6rem;
}

.bnpl__hero h1 svg {
  margin-left: 0.8rem;
}

@media (max-width: 1200px) {
  .bnpl__hero h1 {
    width: 80%;
  }
}

.bnpl__hero span {
  padding: 0 1.6rem;
}

.bnpl__hero .button {
  margin-top: 2.4rem;
}

.bnpl__slider {
  width: 100%;
  margin-bottom: 7.2rem;
}

@media (max-width: 762px) {
  .bnpl__slider {
    order: 1;
    margin-bottom: 3.2rem;
  }
}

.bnpl__slider .swiper-slide {
  height: 36rem;
  border-radius: 0.8rem;
}

.bnpl__slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0.8rem;
}

@media (max-width: 762px) {
  .bnpl__slider .swiper-slide {
    height: 21.6rem;
    max-width: 32rem;
    margin-top: 1.6rem;
  }
}

.bnpl__steps {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 12.8rem;
}

@media (max-width: 762px) {
  .bnpl__steps {
    margin-bottom: 8rem;
  }
}

.bnpl__steps__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 5.6rem;
}

.bnpl__steps__header span {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #000000;
  margin-top: 0.8rem;
}

.bnpl__steps__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media (max-width: 762px) {
  .bnpl__steps__container {
    flex-direction: column;
  }
}

.bnpl__steps__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 20%;
  align-self: stretch;
  margin-right: 8rem;
  position: relative;
}

.bnpl__steps__step:first-of-type .bnpl__steps__step__icon:before {
  content: none;
}

.bnpl__steps__step:first-of-type .bnpl__steps__step__icon:after {
  width: 50%;
}

.bnpl__steps__step:last-of-type {
  margin-right: 0;
}

.bnpl__steps__step:last-of-type .bnpl__steps__step__icon:after {
  content: none;
}

.bnpl__steps__step__icon {
  width: 9.6rem;
  height: 9.6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.4rem;
  border-radius: 100%;
  background-color: #ffffff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.bnpl__steps__step__icon > svg {
  width: 4rem;
  height: 4rem;
}

.bnpl__steps__step__icon:after,
.bnpl__steps__step__icon:before {
  content: "";
  position: absolute;
  background-color: #000000;
  z-index: -1;
}

.bnpl__steps__step__icon:before {
  left: -8rem;
  width: calc(50% + 9rem);
  height: 0.4rem;
}

.bnpl__steps__step__icon:after {
  right: 0;
  width: calc(50% + 8rem);
  height: 0.4rem;
}

@media (max-width: 762px) {
  .bnpl__steps__step__icon {
    min-width: 9.6rem;
    min-height: 9.6rem;
    margin-right: 2.4rem;
    position: relative;
  }
  .bnpl__steps__step__icon:before {
    content: none;
  }
  .bnpl__steps__step__icon:after {
    content: "";
    position: absolute;
    top: 140%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.4rem !important;
    height: 250%;
    background-color: #000000;
    border-radius: 0.8rem;
  }
}

.bnpl__steps__step > .logo svg {
  width: 6rem;
}

.bnpl__steps__step__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.bnpl__steps__step__content > span {
  text-align: center;
}

.bnpl__steps__step__content > span:first-of-type {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #9b9b9b;
  color: #000000;
  margin-bottom: 0.8rem;
}

.bnpl__steps__step__content > span:last-of-type {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #000000;
}

@media (max-width: 762px) {
  .bnpl__steps__step__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .bnpl__steps__step__content > span {
    text-align: left;
  }
}

@media (max-width: 762px) {
  .bnpl__steps__step {
    flex: 1 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: 0;
    margin-bottom: 11.2rem;
    position: relative;
  }
  .bnpl__steps__step:last-of-type {
    margin-bottom: 0;
  }
}

.bnpl__wtp__header {
  width: 100%;
  min-height: 18.4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.bnpl__wtp__header h2 {
  text-align: center;
}

@media (max-width: 762px) {
  .bnpl__wtp__header {
    padding: 0 1.6rem;
  }
}

.bnpl__wtp__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 8rem;
}

@media (max-width: 762px) {
  .bnpl__wtp__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 5.6rem;
  }
}

.bnpl__wtp__container:after {
  content: "";
  position: absolute;
  bottom: -8.8rem;
  left: 0;
  width: 100%;
  height: 8.8rem;
}

.bnpl__wtp__method {
  min-height: 45.6rem;
  flex: 0 0 calc(50% - 0.8rem);
  max-width: 70.4rem;
  align-self: stretch;
  background-color: #ffffff;
  border-radius: 0.8rem;
  position: relative;
}

.bnpl__wtp__method:first-of-type {
  margin-right: 1.6rem;
}

@media (max-width: 762px) {
  .bnpl__wtp__method {
    flex: 1 0 100%;
    width: 100%;
    margin: 0;
  }
  .bnpl__wtp__method:first-of-type {
    margin-right: 0;
    margin-bottom: 3.2rem;
  }
}

.bnpl__wtp__method__image {
  width: 100%;
  height: 33.6rem;
  position: relative;
}

.bnpl__wtp__method__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0.8rem 0.8rem 0 0;
}

.bnpl__wtp__method__image:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.bnpl__wtp__method__content {
  width: 100%;
  padding: 0 5.6rem 4.8rem 5.6rem;
}

.bnpl__wtp__method__content > img {
  width: 3.2rem;
  height: 3.2rem;
}

.bnpl__wtp__method__content > h4 {
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
}

.bnpl__wtp__method__content > span {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #000000;
}

@media (max-width: 762px) {
  .bnpl__wtp__method__content {
    padding: 3.2rem 2.4rem;
  }
}

.bnpl__requirements {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 7.2rem;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bnpl__requirements {
    width: 90%;
  }
}

@media (max-width: 1200px) {
  .bnpl__requirements {
    width: 100%;
    margin-bottom: 4.8rem;
  }
}

.bnpl__requirements > h2 {
  text-align: center;
  padding: 0 1.6rem;
}

.bnpl__requirements__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
  margin-bottom: 3.2rem;
}

@media (max-width: 1200px) {
  .bnpl__requirements__container {
    flex-direction: column;
    margin-top: 3.2rem;
  }
}

.bnpl__requirements__container--us {
  flex-wrap: wrap;
}

.bnpl__requirements__container--us .bnpl__requirements__requirement {
  flex: 0 0 calc(50% - 1.6rem);
  margin-bottom: 1.6rem;
}

.bnpl__requirements__container--us
  .bnpl__requirements__requirement:nth-child(3),
.bnpl__requirements__container--us
  .bnpl__requirements__requirement:nth-child(4) {
  margin-bottom: 0;
}

.bnpl__requirements__requirement {
  min-height: 7.2rem;
  flex: 0 0 calc(33% - 0.8rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-left: 8.8rem;
  padding-right: 0.8rem;
  margin-right: 1.6rem;
  border-radius: 1000px;
  background-color: #ffffff;
  color: #000000;
  position: relative;
}

@media (max-width: 1200px) {
  .bnpl__requirements__requirement {
    flex: 1 0 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
  .bnpl__requirements__requirement:last-of-type {
    margin-bottom: 0;
  }
}

.bnpl__requirements__requirement > div {
  width: 7.2rem;
  height: 7.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.bnpl__requirements__requirement > div > svg,
.bnpl__requirements__requirement > div img {
  width: 4rem;
  height: 4rem;
}

.bnpl__requirements__requirement--country img,
.bnpl__requirements__requirement--country svg {
  border-radius: 50%;
}

.bnpl__requirements__requirement > span {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #000000;
}

.bnpl__requirements .notification {
  background-color: rgba(255, 168, 0, 0.2);
}

.bnpl__requirements .notification a,
.bnpl__requirements .notification span {
  color: #000000;
}

.bnpl__help {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4.8rem;
  padding-bottom: 5.6rem;
  background-color: #ffffff;
}

@media (max-width: 762px) {
  .bnpl__help {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

.bnpl__help > h5 {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  text-align: center;
  color: #000000;
}

@media (max-width: 762px) {
  .bnpl__help > h5 {
    margin-bottom: 1.6rem;
  }
}

.bnpl__help > span {
  display: inline-block;
  width: 30%;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  color: #000000;
  text-align: center;
}

@media (max-width: 1200px) {
  .bnpl__help > span {
    width: 100%;
  }
}

.bnpl__help > span > a {
  text-decoration: underline;
}

.bnpl__help > .button {
  margin-top: 2.4rem;
}

@media (max-width: 762px) {
  .bnpl__help > .button {
    margin-top: 3.2rem;
  }
}

.klarna .bnpl__steps__step__icon:after,
.klarna .bnpl__steps__step__icon:before {
  background-color: #ffb3c7;
}

.klarna .bnpl__wtp__header {
  background: linear-gradient(
    180deg,
    rgba(255, 179, 199, 0) 0%,
    rgba(255, 179, 199, 0.2) 100%
  );
}

.klarna .bnpl__wtp__container {
  background-color: rgba(255, 179, 199, 0.2);
}

.klarna .bnpl__wtp__container:after {
  background: linear-gradient(
    0deg,
    rgba(255, 179, 199, 0) 0%,
    rgba(255, 179, 199, 0.2) 100%
  );
}

.klarna .bnpl__requirements__requirement {
  background-color: rgba(255, 179, 199, 0.2);
}

.klarna .bnpl__requirements__requirement--color svg path {
  fill: #ffb3c7;
}

.klarna .bnpl__help {
  background-color: #fafafa;
}

.klarna .bnpl__help svg circle {
  stroke: #ffb3c7;
}

.klarna .bnpl__help svg path {
  fill: #ffb3c7;
}

.klarna .bnpl__cta > .button {
  color: #ffffff;
  background-color: #ffb3c7;
}

.klarna .bnpl__cta > .button:hover {
  background-color: rgba(255, 179, 199, 0.85);
}

.clearpay .bnpl__hero h1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1482px) {
  .clearpay .bnpl__hero h1 {
    flex-direction: column;
  }
}

.clearpay .bnpl__steps__step__icon:after,
.clearpay .bnpl__steps__step__icon:before {
  background-color: #b2fce4;
}

.clearpay .bnpl__wtp__header {
  background: linear-gradient(
    180deg,
    rgba(255, 179, 199, 0) 0%,
    rgba(178, 252, 228, 0.2) 100%
  );
}

.clearpay .bnpl__wtp__container {
  background-color: rgba(178, 252, 228, 0.2);
}

.clearpay .bnpl__wtp__container:after {
  background: linear-gradient(
    0deg,
    rgba(255, 179, 199, 0) 0%,
    rgba(178, 252, 228, 0.2) 100%
  );
}

.clearpay .bnpl__requirements__requirement {
  background-color: rgba(178, 252, 228, 0.2);
}

.clearpay .bnpl__help {
  background-color: #fafafa;
}

.error-404 {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.error-404 h1 {
  margin-bottom: 3.2rem;
  text-align: center;
}

.error-404 p {
  margin-bottom: 5.6rem;
  text-align: center;
}

.account {
  margin: 4.8rem auto 9.6rem;
}

.account-address form {
  margin-top: 3.2rem;
}

@media (max-width: 1200px) {
  .account {
    margin: 2.4rem auto 6.4rem;
  }
}

.login {
  margin: 4.8rem auto 9.6rem;
}

.login__forms {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 3.2rem;
  margin: 3.2rem 0;
}

.login__forms__forgot h4,
.login__forms__login h4 {
  margin-bottom: 2.4rem;
}

.login__forms__login {
  flex: 2;
}

.login__forms__forgot {
  flex: 1;
}

@media (max-width: 1200px) {
  .login {
    margin: 2.4rem auto 6.4rem;
  }
  .login__forms {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8rem;
  }
  .login__forms__forgot,
  .login__forms__login {
    flex: 1;
    width: 100%;
  }
}

.register {
  margin: 4.8rem auto 9.6rem;
}

.register form {
  margin-top: 4rem;
}

@media (max-width: 1200px) {
  .register {
    margin: 2.4rem auto 6.4rem;
  }
}

.contact {
  margin-top: 3.2rem;
}

.contact .container .desc {
  margin-top: 1.6rem;
}

.contact__map {
  margin-top: 4.8rem;
}

.contact__map iframe {
  width: 100%;
  height: 450px;
  border: 0;
}

.contact__details {
  margin-bottom: 3.2rem;
  background-color: #fafafa;
  padding: 4.8rem 0;
}

.contact__details .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3.2rem;
}

@media screen and (max-width: 762px) {
  .contact__details .container {
    flex-wrap: wrap;
  }
}

.contact__details__col {
  flex-basis: 30%;
  align-self: stretch;
}

@media screen and (max-width: 1200px) {
  .contact__details__col {
    flex-basis: 50%;
  }
}

@media screen and (max-width: 762px) {
  .contact__details__col {
    flex-basis: 100%;
  }
}

.contact__details__col h3 {
  margin-bottom: 2.4rem;
}

.contact__details__col.address address {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #9b9b9b;
  font-style: normal;
  margin-bottom: 1.6rem;
}

.contact__details__col.address .contact-methods span {
  display: block;
  margin-bottom: 0.8rem;
}

.contact__details__col.address .contact-methods span:last-of-type {
  margin-bottom: 0;
}

.contact__details__col.opening-times .table {
  margin: 0.8rem 0;
}

.contact__details__col.opening-times .table > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.contact__details__col.opening-times .evening {
  margin-bottom: 2.4rem;
}

.contact__details__col.opening-times .button {
  width: 100%;
  max-width: 100%;
  margin-top: 1.6rem;
  margin-right: 0;
}

.music-school .contact__details {
  margin-top: 3.2rem;
  margin-bottom: 0;
}

.music-school .contact__map {
  height: 450px;
  margin-top: 0;
}

.music-school__info p {
  margin-bottom: 3.2rem;
}

.testimonials {
  padding: 0 5.6rem;
}

@media only screen and (max-width: 762px) {
  .testimonials {
    padding: 0 3.6rem;
  }
}

@media only screen and (max-width: 576px) {
  .testimonials {
    padding: 0 2.4rem;
  }
}

.product-testimonials {
  margin-bottom: 2.4rem;
}

@media only screen and (max-width: 762px) {
  .product-testimonials {
    margin-bottom: 4rem;
  }
}

.whatsapp-button {
  margin-top: 16px;
  max-width: 100%;
  padding: 1.6rem 4rem;
  background-color: #25d366;
  border: none;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.whatsapp-button svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.whatsapp-button:hover {
  background-color: rgba(37, 142, 82, 0.9);
  color: #fff;
}

.sell-my-piano__whatsapp {
  width: fiit-content;
  margin-top: 3rem;
}

.sell-my-piano__whatsapp .whatsapp-button {
  width: 260px;
}