h1 {
  margin: 0;
  font-size: 32px;
  letter-spacing: 0.02em;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 44px;
  }
}

h2 {
  margin: 0;
  font-size: 32px;
  letter-spacing: 0.02em;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  h2 {
    font-size: 44px;
  }
}

h3 {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  h3 {
    font-size: 18px;
  }
}

.rte {
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.8;
  font-weight: 400;
}
.rte h1, .rte h2 {
  font-weight: 300;
  line-height: initial;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) {
  .rte h1, .rte h2 {
    margin-bottom: 0px;
  }
}
.rte h1 + *, .rte h2 + * {
  margin-bottom: 24px;
}
.rte h3 + * {
  margin-bottom: 20px;
}
.rte p {
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.8;
  font-weight: 400;
  margin: 0 0 24px;
}
.rte p a {
  text-decoration: underline;
}
.rte p a:hover {
  text-decoration: none;
}
.rte blockquote {
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  .rte blockquote {
    font-size: 26px;
    line-height: 1.3;
  }
}
.rte cite {
  display: block;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  margin-top: 16px;
}

nav.breadcrumbs ul {
  padding: 0;
  margin: 0;
}
nav.breadcrumbs ul li {
  display: inline-block;
  position: relative;
  padding: 0 16px;
}
nav.breadcrumbs ul li:first-of-type {
  padding-left: 0;
}
nav.breadcrumbs ul li a {
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
}
nav.breadcrumbs ul li a:hover {
  text-decoration: underline;
}
nav.breadcrumbs ul li:nth-of-type(n+2):before {
  content: "";
  display: block;
  position: absolute;
  left: -3.5px;
  top: 50%;
  transform: translateY(-50%);
  width: 5.5px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 8'%3E%3Cpath d='M1 7.5 4.5 4 1 .5' stroke='%231B1B1B'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.full-image-for-header {
  width: 100%;
  height: auto;
  max-height: 70vh;
  overflow: hidden;
  position: relative;
}
@media (min-width: 900px) {
  .full-image-for-header {
    display: none;
  }
}
.full-image-for-header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.full-image-for-header img.logo {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 110px;
  height: 110px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 20px;
}

@media (max-width: 900px) {
  .image-page-header-qf .page-width {
    flex-direction: column;
  }
}
.image-page-header-qf .page-width .content {
  flex: 1;
  padding-right: 8%;
  padding-top: 26px;
  padding-bottom: 40px;
}
@media (max-width: 900px) {
  .image-page-header-qf .page-width .content {
    order: 1;
    padding-right: 0px;
  }
}
.image-page-header-qf .page-width .img-wrap {
  position: relative;
  flex: 2;
  height: 461px;
}
@media (max-width: 900px) {
  .image-page-header-qf .page-width .img-wrap {
    order: 0;
  }
}
.image-page-header-qf .page-width .img-wrap .main-image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.image-page-header-qf .page-width .img-wrap .logo {
  position: absolute;
  bottom: 8%;
  right: 10%;
}

.page-header-section.product_type .img-wrapper {
  flex-basis: 50%;
}
.page-header-section.product_type .body-wrapper {
  flex-basis: 50%;
}
.page-header-section.product_type button {
  margin-top: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.page-header-section.product_type .why-swap {
  color: #343434;
  margin: 30px 0;
}
.page-header-section.product_type .why-swap h2 {
  font-size: 18px;
}
.page-header-section.product_type .why-swap ul {
  padding: 0%;
  margin-left: 20px;
}
.page-header-section.product_type .why-swap li {
  margin-bottom: 15px;
}

.page-header-section .img-wrapper {
  display: flex;
  position: relative;
}
.page-header-section .primary-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/0.65;
}
.page-header-section .logo {
  position: absolute;
  bottom: 6%;
  right: 6%;
  width: 80px;
  height: 80px;
}
.page-header-section .breadcrumbs {
  line-height: 1;
  margin: 10px 0;
  display: block;
  color: #c59dcc;
  font-size: 12px;
}
.page-header-section h1 {
  color: #343434;
  letter-spacing: 0px;
  line-height: 1;
  margin: 20px 0 15px 0;
}
.page-header-section p {
  margin-top: 0;
  font-size: 14px;
}
.page-header-section button {
  margin: 20px 0;
  width: 100%;
}
.page-header-section .stat-container {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.page-header-section .stat-container .stat {
  padding: 20px;
  background: var(--accent-2-color);
  margin: 0 5px;
  display: inline-block;
  border-radius: 50%;
}
.page-header-section .stat-container .stat:nth-of-type(1) {
  margin-left: 0;
}
.page-header-section .stat-container .stat:nth-of-type(2) {
  background-color: var(--secondary-color);
}
.page-header-section .stat-container .stat:nth-of-type(3) {
  background-color: var(--accent-1-color);
}
.page-header-section .stat-container .stat:nth-of-type(4) {
  background-color: var(--primary-color);
  margin-right: 0;
}

@media screen and (min-width: 500px) {
  .page-header-section .logo {
    width: 100px;
    height: 100px;
  }
}
@media screen and (min-width: 900px) {
  .page-header-section {
    display: flex;
    gap: 40px;
  }
  .page-header-section .img-wrapper {
    order: 1;
    flex-basis: 66%;
  }
  .page-header-section .body-wrapper {
    flex-basis: 33%;
  }
  .page-header-section .breadcrumbs {
    margin-top: 0;
  }
}
@media (max-width: 899px) {
  .page-header-section .img-wrapper {
    display: none;
  }
}
/* Customize the label (the container) */
.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  min-height: 36px;
  /* Styles Label */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Show the checkmark when checked */
}
.custom-checkbox p {
  font-size: 13px;
  width: 100%;
  margin: 0px 0px 0px 10px;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  width: 36px;
  background-color: #fff;
  border-radius: 50%;
  /* Create the checkmark/indicator (hidden when not checked) */
}
.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  /* Style the checkmark/indicator */
  left: 50%;
  top: 50%;
  width: 8px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: translate(-50%, -59%) rotate(40deg);
}
.custom-checkbox:hover input ~ .checkmark {
  background-color: var(--secondary-color);
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: var(--secondary-color);
}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.button-wishlist {
  display: flex;
  align-items: center;
  padding: unset;
  background-color: unset;
  border: none;
  cursor: pointer;
}
.button-wishlist:hover {
  background-color: unset;
}
.button-wishlist:hover path {
  fill: var(--primary-color);
}
.button-wishlist:hover span {
  text-decoration: underline;
}
.button-wishlist path {
  stroke: var(--primary-color);
}
.button-wishlist span {
  display: block;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin: 0;
  margin-left: 7px;
  line-height: 1;
}
.button-wishlist[style="color:#FFFFFF;"] path, .button-wishlist[style="color:#ffffff;"] path {
  stroke: #FFFFFF;
}
.button-wishlist[style="color:#FFFFFF;"]:hover path, .button-wishlist[style="color:#ffffff;"]:hover path {
  fill: #FFFFFF;
}

.active-wishlist path {
  fill: var(--primary-color);
}
.active-wishlist[style="color:#FFFFFF;"] path, .active-wishlist[style="color:#ffffff;"] path {
  fill: #FFFFFF;
}

#smartwishlist > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

span.smartwishlist {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 5px;
}
span.smartwishlist .fa {
  font-size: 18px !important;
}
span.smartwishlist[title]:after {
  content: "Add to Wishlist";
  white-space: pre;
  letter-spacing: 0.02em;
}
span.smartwishlist[title].bookmarked:after {
  content: "Added to Wishlist";
}
span.smartwishlist[title]:hover:after {
  text-decoration: underline;
}

.lightbox-trigger {
  padding: 12px;
}
.lightbox-trigger svg {
  width: 20px;
  max-width: 20px;
  height: 20px;
  max-height: 20px;
}
.lightbox-trigger svg path {
  fill: white;
}

.header-currency-dropdown {
  position: absolute;
  top: 32px;
  right: 20px;
  padding: 12px;
  background: var(--primary-color);
  z-index: 999;
  display: none;
  animation-name: fadeUp;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-duration: 1s;
}
@media (min-width: 1440px) {
  .header-currency-dropdown {
    right: calc((100vw - 1440px) / 2);
  }
}
.header-currency-dropdown.active {
  display: block;
}
.header-currency-dropdown a {
  display: flex;
  align-items: center;
  color: white;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  cursor: pointer;
  margin-bottom: 8px;
}
.header-currency-dropdown a:hover {
  color: white;
  text-decoration: underline;
}
.header-currency-dropdown a:last-child {
  margin: 0;
}
.header-currency-dropdown svg {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.quick-view-container {
  display: none;
  opacity: 0;
  position: fixed;
  top: 130px;
  left: 0px;
  height: 100%;
  width: 100%;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 99;
}
.quick-view-container.active {
  display: flex;
  opacity: 1;
}
.quick-view-container .quick-view-modal {
  position: relative;
  width: clamp(320px, 90vw, 1024px);
  background-color: white;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.18);
  margin: auto;
  transform: translateY(-130px);
  padding: 2rem;
  box-sizing: border-box;
}
.quick-view-container .quick-view-modal .inner {
  width: 100%;
  height: 100%;
  max-height: calc(90vh - 130px);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox */
}
.quick-view-container .quick-view-modal .inner::-webkit-scrollbar {
  display: none;
}
.quick-view-container .quick-view-modal .inner .page-width {
  padding: 0;
}
.quick-view-container .quick-view-modal .inner .main-product {
  margin-bottom: 0;
}
.quick-view-container .quick-view-modal .inner .main-product #main-product-container .desktop-breadcrumbs,
.quick-view-container .quick-view-modal .inner .main-product #main-product-container .breadcrumbs-snippet,
.quick-view-container .quick-view-modal .inner .main-product #main-product-container .brand-logo,
.quick-view-container .quick-view-modal .inner .main-product #main-product-container .lightbox-trigger,
.quick-view-container .quick-view-modal .inner .main-product #main-product-container .button-wishlist {
  display: none !important;
}
.quick-view-container .quick-view-modal .inner .main-product #main-product-container .gallery {
  display: contents;
}
@media only screen and (max-width: 767.98px) {
  .quick-view-container .quick-view-modal .inner .main-product #main-product-container .gallery .gallery-container {
    margin: 0 !important;
  }
}
.quick-view-container .quick-view-modal .inner .main-product #main-product-container .gallery .gallery-container .thumb-swiper {
  position: absolute;
  opacity: 0;
  height: 10vh;
}
.quick-view-container .quick-view-modal .close {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: flex;
  z-index: 99;
}
.quick-view-container .quick-view-modal .close svg {
  width: 50%;
  height: 50%;
  stroke: #333;
  margin: auto;
  transition: 0.3s all;
}
.quick-view-container .quick-view-modal .close:hover svg {
  rotate: 90deg;
}

.collection-card-qf .img-wrap img,
.collection-card-qf .img-wrap svg {
  height: unset;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

section#collection-grid .collection-featured-filter {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
  margin: 30px 0 28px;
  overflow-x: scroll;
  padding: 0 0 20px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
section#collection-grid .collection-featured-filter::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
@media only screen and (min-width: 992px) {
  section#collection-grid .collection-featured-filter {
    margin: 54px 0 60px;
  }
}
@media only screen and (max-width: 991.98px) {
  section#collection-grid .collection-featured-filter {
    width: calc(100% + 20px);
  }
}
section#collection-grid .collection-featured-filter .custom-filter {
  position: relative;
  cursor: pointer;
}
section#collection-grid .collection-featured-filter .custom-filter img {
  display: block;
  height: 137px;
  width: auto;
  margin: 0 0 8px;
  cursor: pointer;
  box-shadow: 6px 6px 6px 1px rgba(57, 57, 57, 0.13);
}
section#collection-grid .collection-featured-filter .custom-filter span {
  position: relative;
  font-size: 14px;
  letter-spacing: 0.02em;
}
section#collection-grid .collection-featured-filter .custom-filter span:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--primary-color);
  transition: all cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
}
section#collection-grid .collection-featured-filter .custom-filter input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
section#collection-grid .collection-featured-filter .custom-filter input[type=checkbox]:checked + span:before {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  section#collection-grid .collection-featured-filter .custom-filter:hover span:before {
    width: 100%;
  }
}

.collection-header-section,
.block-header-section {
  background: var(--primary-color);
  color: white;
}
.collection-header-section .section-title h1, .collection-header-section .section-title h2,
.block-header-section .section-title h1,
.block-header-section .section-title h2 {
  color: white;
}
.collection-header-section nav.breadcrumbs,
.block-header-section nav.breadcrumbs {
  margin-bottom: 24px;
}
.collection-header-section nav.breadcrumbs a,
.block-header-section nav.breadcrumbs a {
  color: white;
}
.collection-header-section nav.breadcrumbs ul li:nth-of-type(n+2):before,
.block-header-section nav.breadcrumbs ul li:nth-of-type(n+2):before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 8'%3E%3Cpath d='M1 7.5 4.5 4 1 .5' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}

.collection-header-media,
.block-header-media {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .collection-header-media,
  .block-header-media {
    height: 70vh;
  }
}
.collection-header-media > img,
.block-header-media > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  .collection-header-media > img,
  .block-header-media > img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.collection-header-media .video-wrapper,
.block-header-media .video-wrapper {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .collection-header-media .video-wrapper,
  .block-header-media .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
.collection-header-media .video-wrapper video,
.block-header-media .video-wrapper video {
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  .collection-header-media .video-wrapper video,
  .block-header-media .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.block-header-section {
  background-color: transparent !important;
}
@media only screen and (max-width: 992px) {
  .block-header-section .video-wrapper {
    padding-top: 52.67%;
  }
}

.collection-description-section {
  position: relative;
  background: var(--primary-color);
  color: white;
}
.collection-description-section .rte {
  color: white;
  width: 100%;
  max-width: 861px;
}
@media only screen and (max-width: 991.98px) {
  .collection-description-section .collection-description-limit.active {
    height: 150px;
    overflow: hidden;
    transition: height 0.35s ease;
  }
  .collection-description-section .js-read-more-description {
    display: none;
  }
  .collection-description-section .js-read-more-description.active {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 1.8;
    font-weight: 400;
    color: white;
    margin-top: 22px;
    display: block;
    text-decoration: underline;
    cursor: pointer;
  }
}

#collection-rich-tabs,
#collection-rich-tabs-fixed {
  display: none;
}
@media only screen and (min-width: 992px) {
  #collection-rich-tabs,
  #collection-rich-tabs-fixed {
    display: block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    padding: 20px 0 24px;
    background: var(--primary-color);
    top: 9%;
    padding: 24px 0 30px;
  }
}
#collection-rich-tabs .collection-tabs,
#collection-rich-tabs-fixed .collection-tabs {
  display: flex;
  align-items: center;
  gap: 44px;
}
#collection-rich-tabs .collection-tabs a,
#collection-rich-tabs-fixed .collection-tabs a {
  position: relative;
  color: white;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#collection-rich-tabs .collection-tabs a:hover,
#collection-rich-tabs-fixed .collection-tabs a:hover {
  color: white;
}
@media only screen and (min-width: 992px) {
  #collection-rich-tabs .collection-tabs a:hover:before,
  #collection-rich-tabs-fixed .collection-tabs a:hover:before {
    width: 100%;
  }
}
#collection-rich-tabs .collection-tabs a:before,
#collection-rich-tabs-fixed .collection-tabs a:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 1px;
  background: white;
  transition: all cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
}
#collection-rich-tabs .collection-tabs a.active:before,
#collection-rich-tabs-fixed .collection-tabs a.active:before {
  width: 100%;
}

.collection-event-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .collection-event-details {
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
}
.collection-event-details p {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0 0 8px;
}

#collection-rich-tabs-fixed {
  position: fixed;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
  background: white;
  box-shadow: 0 37px 50px rgba(0, 0, 0, 0.05);
  border-top: 1px solid #e3e3e3;
}
@media only screen and (max-width: 991.98px) {
  #collection-rich-tabs-fixed {
    display: block;
    left: 0;
    box-shadow: 0 -37px 50px rgba(0, 0, 0, 0.05);
  }
}
#collection-rich-tabs-fixed.show {
  top: 116px;
  z-index: 99;
  opacity: 1;
  pointer-events: all;
}
@media only screen and (max-width: 991.98px) {
  #collection-rich-tabs-fixed.show {
    top: 65px;
    width: 100%;
  }
}
@media only screen and (max-width: 991.98px) {
  #collection-rich-tabs-fixed.show .page-width {
    width: 100%;
    padding: 16px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 991.98px) {
  #collection-rich-tabs-fixed.show .page-width::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 991.98px) {
  #collection-rich-tabs-fixed.show .collection-tabs a {
    white-space: pre;
  }
}
#collection-rich-tabs-fixed h3 {
  margin: 0;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: var(--primary-color);
}
@media only screen and (max-width: 991.98px) {
  #collection-rich-tabs-fixed h3 {
    display: none;
  }
}
#collection-rich-tabs-fixed .collection-tabs {
  display: flex;
  align-items: center;
  gap: 44px;
}
#collection-rich-tabs-fixed .collection-tabs a {
  position: relative;
  color: var(--primary-color);
  font-size: 14px;
  letter-spacing: 0.02em;
}
#collection-rich-tabs-fixed .collection-tabs a:hover {
  color: var(--primary-color);
}
@media only screen and (min-width: 992px) {
  #collection-rich-tabs-fixed .collection-tabs a:hover:before {
    width: 100%;
  }
}
#collection-rich-tabs-fixed .collection-tabs a:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--primary-color);
  transition: all cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
}
#collection-rich-tabs-fixed .collection-tabs a.active:before {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .collection-latest-section {
    display: flex;
  }
}
.collection-latest-section .collection-latest-image {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .collection-latest-section .collection-latest-image {
    width: 50%;
  }
}
.collection-latest-section .collection-latest-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .collection-latest-section .collection-latest-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.collection-latest-section .collection-latest-content {
  width: 100%;
  padding: 44px 20px;
  box-sizing: border-box;
  background-color: #F9F9F9;
  color: var(--text-primary-color);
}
.collection-latest-section .collection-latest-content.bg-color-white {
  background-color: white;
}
.collection-latest-section .collection-latest-content.bg-color-grey {
  background-color: #F9F9F9;
}
.collection-latest-section .collection-latest-content.bg-color-dark {
  background-color: var(--text-primary-color);
}
.collection-latest-section .collection-latest-content.text-color-white {
  color: white;
}
.collection-latest-section .collection-latest-content.text-color-white .button-1 {
  color: white;
  border-color: white;
}
.collection-latest-section .collection-latest-content.text-color-white .button-1 svg path {
  fill: white;
}
.collection-latest-section .collection-latest-content.text-color-white .button-1:hover {
  background-color: white;
  color: var(--text-primary-color);
}
.collection-latest-section .collection-latest-content.text-color-white .button-1:hover svg path {
  fill: var(--text-primary-color);
}
.collection-latest-section .collection-latest-content.text-color-dark {
  color: var(--text-primary-color);
}
@media only screen and (min-width: 992px) {
  .collection-latest-section .collection-latest-content {
    width: 50%;
    padding: 44px;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1120px) {
  .collection-latest-section .collection-latest-content {
    padding: 60px 80px 60px;
  }
}
@media (min-width: 1440px) {
  .collection-latest-section .collection-latest-content {
    padding: 125px 120px 120px;
  }
}
.collection-latest-section .collection-latest-content h2, .collection-latest-section .collection-latest-content h3, .collection-latest-section .collection-latest-content p {
  margin: 0;
}
.collection-latest-section .collection-latest-content h2 {
  font-size: 32px;
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .collection-latest-section .collection-latest-content h2 {
    font-size: 44px;
    margin-bottom: 40px;
  }
}
.collection-latest-section .collection-latest-content h3 {
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .collection-latest-section .collection-latest-content h3 {
    font-size: 26px;
    margin-bottom: 40px;
  }
}
.collection-latest-section .collection-latest-content p {
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 400;
  line-height: 1.8;
  max-width: 445px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .collection-latest-section .collection-latest-content p {
    margin-bottom: 40px;
  }
}
.collection-latest-section .collection-latest-content .button svg {
  width: 6px;
  height: 7px;
  margin-left: 8px;
}

.collection-artworks {
  position: relative;
}

.collection-artwork {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 44px 0;
}
@media only screen and (min-width: 992px) {
  .collection-artwork {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card:not(.product-card-quote)[data-orientation=artwork-image-right], .collection-artwork .product-card:not(.product-card-quote)[data-orientation=artwork-image-left] {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card:not(.product-card-quote)[data-orientation=artwork-image-right] .product-image {
    order: 2;
  }
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card:not(.product-card-quote)[data-orientation=artwork-image-right] .product-card-content {
    order: 1;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card:not(.product-card-quote)[data-orientation=artwork-image-left] .product-card-content {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card:not(.product-card-quote)[data-orientation=artwork-image-top] .product-card-content {
    padding-top: 80px;
    width: 62%;
  }
}
.collection-artwork .product-card-description.rte h2 {
  font-size: 32px;
  margin: 0 0 20px;
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-description.rte h2 {
    font-size: 44px;
    margin: 0 0 24px;
  }
}
.collection-artwork .product-card-description.product-card-description-desktop {
  display: none;
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-description.product-card-description-desktop {
    display: block;
  }
}
.collection-artwork .product-card-description.product-card-description-mobile {
  display: block;
  margin: 0 0 44px;
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-description.product-card-description-mobile {
    display: none;
    margin: 0;
  }
}
.collection-artwork .product-card-content {
  width: inherit;
  flex: 1;
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.collection-artwork .product-card-content .product-card-view svg {
  width: 6px;
  height: 7px;
  margin-left: 8px;
}
.collection-artwork .product-card-content .product-card-view:hover {
  text-decoration: underline;
}
.collection-artwork .product-card-content .product-card-view a[style="color:#FFFFFF;"] path, .collection-artwork .product-card-content .product-card-view a[style="color:#ffffff;"] path {
  fill: #FFFFFF;
}
.collection-artwork .product-card-quote {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-quote {
    flex-direction: row;
    align-items: center;
  }
}
.collection-artwork .product-card-quote-wrap {
  order: 2;
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-quote-wrap {
    width: 50%;
    order: 1;
  }
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-quote-wrap .product-card-content {
    width: 100%;
  }
}
.collection-artwork .product-card-quote-content {
  order: 1;
  margin: 0 0 44px;
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-quote-content {
    order: 2;
    width: 50%;
    padding-left: 80px;
    margin: 0;
  }
}
.collection-artwork .product-card-quote-content blockquote {
  margin: 0 0 20px;
  padding: 0;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 992px) {
  .collection-artwork .product-card-quote-content blockquote {
    font-size: 44px;
    margin: 0 0 24px;
  }
}
.collection-artwork .product-card-quote-content cite {
  font-size: 14px;
  letter-spacing: 0.02em;
  font-style: normal;
}

@media only screen and (min-width: 992px) {
  .collection-event-section {
    display: flex;
  }
}
.collection-event-section .collection-event-image {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .collection-event-section .collection-event-image {
    width: 50%;
    order: 2;
  }
}
.collection-event-section .collection-event-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .collection-event-section .collection-event-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.collection-event-section .collection-event-content {
  width: 100%;
  padding: 44px 20px;
  box-sizing: border-box;
  background-color: #F9F9F9;
  color: var(--text-primary-color);
}
@media only screen and (min-width: 992px) {
  .collection-event-section .collection-event-content {
    order: 1;
  }
}
.collection-event-section .collection-event-content.bg-color-white {
  background-color: white;
}
.collection-event-section .collection-event-content.bg-color-grey {
  background-color: #F9F9F9;
}
.collection-event-section .collection-event-content.bg-color-dark {
  background-color: var(--text-primary-color);
}
.collection-event-section .collection-event-content.text-color-white {
  color: white;
}
.collection-event-section .collection-event-content.text-color-white .button-1 {
  color: white;
  border-color: white;
}
.collection-event-section .collection-event-content.text-color-white .button-1 svg path {
  fill: white;
}
.collection-event-section .collection-event-content.text-color-white .button-1:hover {
  background-color: white;
  color: var(--text-primary-color);
}
.collection-event-section .collection-event-content.text-color-white .button-1:hover svg path {
  fill: var(--text-primary-color);
}
.collection-event-section .collection-event-content.text-color-dark {
  color: var(--text-primary-color);
}
@media only screen and (min-width: 992px) {
  .collection-event-section .collection-event-content {
    width: 50%;
    padding: 44px;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1120px) {
  .collection-event-section .collection-event-content {
    padding: 60px 80px 60px;
  }
}
@media (min-width: 1440px) {
  .collection-event-section .collection-event-content {
    padding: 125px 120px 120px;
  }
}
.collection-event-section .collection-event-content > div {
  max-width: 445px;
}
.collection-event-section .collection-event-content h2, .collection-event-section .collection-event-content h3, .collection-event-section .collection-event-content p {
  margin: 0;
}
.collection-event-section .collection-event-content h2 {
  font-size: 32px;
  letter-spacing: 0.02em;
  line-height: 1.3;
  font-weight: 300;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .collection-event-section .collection-event-content h2 {
    font-size: 44px;
    margin-bottom: 40px;
  }
}
.collection-event-section .collection-event-content h3 {
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height: 1.3;
  font-weight: 300;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .collection-event-section .collection-event-content h3 {
    font-size: 26px;
    margin-bottom: 40px;
  }
}
.collection-event-section .collection-event-content .rte {
  max-width: 445px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .collection-event-section .collection-event-content .rte {
    margin-bottom: 40px;
  }
}
.collection-event-section .collection-event-content .dates-locations {
  margin: 0 0 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .collection-event-section .collection-event-content .dates-locations {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}
.collection-event-section .collection-event-content .dates-locations p {
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-bottom: 8px;
}
.collection-event-section .collection-event-content .dates-locations p.small {
  font-size: 12px;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
.collection-event-section .collection-event-content .button svg {
  width: 6px;
  height: 7px;
  margin-left: 8px;
}

.cart-icon-dynamic {
  position: relative;
}
.cart-icon-dynamic .cart-count {
  position: absolute;
  top: 6px;
  right: -8px;
  font-style: normal;
  font-size: 11px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .cart-icon-dynamic .cart-count {
    top: 8px;
    right: -12px;
  }
}

body.template-index .mega-menu-outer-shopify-wrapper:not(.is-scrolled):not(.is-search) .mega-menu:not(.active):not(:hover) .mega-menu-wrapper .cart-icon-dynamic .cart-count,
body.template-product .mega-menu-outer-shopify-wrapper:not(.is-scrolled):not(.is-search) .mega-menu:not(.active):not(:hover) .mega-menu-wrapper .cart-icon-dynamic .cart-count,
body.template-collection-plp-semi-rich .mega-menu-outer-shopify-wrapper:not(.is-scrolled):not(.is-search) .mega-menu:not(.active):not(:hover) .mega-menu-wrapper .cart-icon-dynamic .cart-count,
body.template-collection-plp-rich .mega-menu-outer-shopify-wrapper:not(.is-scrolled):not(.is-search) .mega-menu:not(.active):not(:hover) .mega-menu-wrapper .cart-icon-dynamic .cart-count,
body.template-collection-plp-artist-collection .mega-menu-outer-shopify-wrapper:not(.is-scrolled):not(.is-search) .mega-menu:not(.active):not(:hover) .mega-menu-wrapper .cart-icon-dynamic .cart-count {
  color: white;
}

body.template-product .mega-menu-outer-shopify-wrapper.contrast-dark:not(.is-scrolled):not(.is-search) .mega-menu:not(.active):not(:hover) .mega-menu-wrapper .cart-icon-dynamic .cart-count {
  color: var(--primary-color);
}

.open-sidecart {
  cursor: pointer;
}

.side-cart-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 24px 20px;
  box-sizing: border-box;
}
.side-cart-header .title {
  font-size: 18px;
  margin: 0;
  font-weight: 300;
  letter-spacing: 0.02em;
}
@media (min-width: 992px) {
  .side-cart-header .title {
    font-size: 26px;
  }
}
.side-cart-header svg {
  margin: 0;
  width: 7px;
  margin-right: 16px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.side-cart-header:hover svg {
  transform: translateX(-5px);
}

.side-cart-item-artist {
  display: block;
  margin: 0 0 12px;
  color: var(--primary-color);
}
.side-cart-item-artist:hover {
  text-decoration: underline;
}

.side-cart-item-artist,
.side-cart-item-edition {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.side-cart-item-preorder {
  background-color: #000;
  color: #fff;
  padding: 4px;
  font-size: 10px;
  letter-spacing: 0.02em;
}

.side-cart-item-options {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.side-cart-item-options li {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.side-cart-item-price-discount {
  text-align: right;
}
.side-cart-item-price-discount span {
  display: block;
  color: #D90101;
}

#cart-drawer-container {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 100vh;
  max-height: 100vh;
  width: 100vw;
  background: transparent;
  z-index: 9999999999 !important;
  transition: 0.65s ease;
  pointer-events: none;
}
#cart-drawer-container.open {
  background: rgba(0, 0, 0, 0.2);
}
#cart-drawer-container.open #cart-drawer {
  transform: translateX(0%);
  display: flex;
  flex-direction: column;
}
#cart-drawer-container #cart-drawer {
  height: 100%;
  max-height: 100vh;
  width: 100%;
  background-color: white;
  float: right;
  transition: 0.65s ease;
  transform: translateX(103%);
  pointer-events: auto;
}
@media (min-width: 640px) {
  #cart-drawer-container #cart-drawer {
    width: 447px;
  }
}
#cart-drawer-container #cart-drawer .free-delivery-status {
  padding: 4px 8px;
  background-color: var(--primary-color);
  color: #ffffff;
  text-align: center;
  font-size: 12px;
}
#cart-drawer-container #cart-drawer .inner {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
}
#cart-drawer-container #cart-drawer .inner > div {
  height: 100%;
}
#cart-drawer-container #cart-drawer > form {
  flex: 1;
  display: flex;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper {
  flex: 1;
  position: relative;
  margin: 40px;
  overflow: auto;
  height: 100%;
  max-height: calc(100% - 226px);
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  #cart-drawer-container #cart-drawer > form .cart .items-wrapper .items {
    padding: 0;
  }
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items::-webkit-scrollbar-track {
  background-color: #eee;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 2px;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item {
  display: flex;
  margin: 0 0 32px;
  padding: 0 0 32px;
  border-bottom: 1px solid #E1E1E1;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item:first-of-type {
  margin-top: 0;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .img-wrapper {
  display: block;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .img-wrapper img {
  display: block;
  width: 95px;
  height: auto;
  margin: 0;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .img-wrapper svg {
  display: none;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .info-wrapper {
  flex: 1;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .info-wrapper .top > div {
  display: flex;
  justify-content: space-between;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .info-wrapper .top p {
  margin: 0px;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .info-wrapper .top svg {
  cursor: pointer;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .info-wrapper .top span {
  display: block;
  margin-bottom: 0px;
  width: 16px;
  height: 20px;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .info-wrapper .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-items: center;
  margin-top: 0px;
}
#cart-drawer-container #cart-drawer > form .cart .items-wrapper .items .item .info-wrapper .bottom span {
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 600;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations {
  padding: 10px 0 20px 20px;
  padding-right: 0;
  background-color: #eee;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .heading {
  margin-bottom: 10px;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card {
  gap: 1px;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-image .product-badges {
  gap: 2px;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-image .product-badges .product-badge {
  font-size: 10px;
  padding: 3px 6px;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-title {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-reviews {
  display: none;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-description {
  display: none;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-price span {
  font-size: 14px;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-buttons {
  gap: 0;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-buttons .product-link {
  font-size: 14px;
  padding: 3px 6px;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-buttons button {
  border: none;
  max-height: 26px;
}
#cart-drawer-container #cart-drawer > form .cart .cart-recommendations .product-card .product-buttons button svg {
  width: 15px;
  height: 17px;
}
#cart-drawer-container #cart-drawer > form .cart .sub-total-wrapper p:first-of-type {
  font-size: 22px;
}
#cart-drawer-container #cart-drawer span.closeSideCart {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#cart-drawer-container #cart-drawer span.closeSideCart svg {
  height: -moz-max-content;
  height: max-content;
  fill: black;
}
#cart-drawer-container #cart-drawer .cart-details {
  padding: 20px 40px;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #E1E1E1 !important;
}
#cart-drawer-container #cart-drawer .cart-details .total-wrapper {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  margin-bottom: 10px;
}
#cart-drawer-container #cart-drawer .cart-details .total-wrapper .sub-total {
  font-weight: bold;
}
#cart-drawer-container #cart-drawer .cart-details .buttons {
  display: flex;
  flex-direction: column;
  border-top: none;
  box-sizing: border-box;
}
#cart-drawer-container #cart-drawer .cart-details .buttons .additional-checkout-buttons {
  margin: 0 0 14px;
}
#cart-drawer-container #cart-drawer .cart-details .buttons .additional-checkout-buttons .shopify-cleanslate div[role=button] {
  max-height: 40px;
  border-radius: 40px !important;
}
#cart-drawer-container #cart-drawer .cart-details .buttons .additional-checkout-buttons .shopify-cleanslate ul {
  flex-direction: row !important;
  justify-content: center;
}
#cart-drawer-container #cart-drawer .cart-details .buttons .additional-checkout-buttons .shopify-cleanslate ul li {
  margin-top: 0 !important;
  margin-right: 4px !important;
  height: unset !important;
}
#cart-drawer-container #cart-drawer .cart-details .buttons .additional-checkout-buttons .shopify-cleanslate ul li:nth-of-type(n+3) {
  display: none;
}
#cart-drawer-container #cart-drawer .cart-details .buttons .checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
}
#cart-drawer-container #cart-drawer .cart-details .buttons .checkout svg {
  margin: 0;
  width: 6px;
  margin-left: 8px;
}
#cart-drawer-container #cart-drawer .cart-details .buttons .checkout:hover {
  border-color: var(--primary-color);
}
#cart-drawer-container #cart-drawer .cart-details .buttons p {
  text-align: center;
  font-size: 12px;
  margin: 10px 0 0;
  letter-spacing: 0.02em;
}

.cart {
  /*
  .cart-item {
    padding: 10px 0px 20px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #707070;

    .img-wrap {
      height: 110px;
      width: 110px;
      margin-right: 25px;
      aspect-ratio: 1 / 1;
      display: flex;
      flex-direction: column;

      @media screen and (max-width: 425px) {
        margin-right: 10px;
        margin-left: 10px;

        width: 65px;
        min-width: auto;
        height: 65px;
        min-height: auto;
        aspect-ratio: 1 / 1;
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .content-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;

      @media screen and (max-width: 425px) {
        margin-right: 10px;
      }

      .product-info {
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row;

        .p-var {
          font-size: 13px;
          margin: 0;
        }

        .p-title {
          margin: 0;
          width: 80%;
        }

        .p-title,
        .p-brand,
        .p-title span {
          color: inherit;
          font-weight: 700;
          font-size: 16px;
          @media screen and (max-width: 425px) {
            font-size: 14px;
          }
        }

        .p-brand {
          margin: 0;
        }
      }

      .product-info:nth-of-type(2) {
        margin-top: 2.5px;
        margin-bottom: 10px;
      }

      .cart-info {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px 25px;

        justify-content: flex-start;
        align-items: flex-end;
        width: 100%;
        margin-top: auto;

        padding-top: 10px;
        border-top: solid 1px #f0f0f0;

        @media screen and (max-width: 425px) {
          gap: 10px;
          justify-content: space-between;
          // margin-top: 10px;
        }

        .row-break {
          height: 0px;
          flex-basis: 100%;
          margin: 10px 0px;
          border-bottom: solid 1px #f0f0f0;
        }

        .p-price,
        .p-variant,
        .p-subtotal,
        .p-quantity {
          text-align: left;
          height: 42px;

          p {
            margin: 6.5px 0 auto 0;
            font-size: 14px;
            font-weight: 700;
          }

          .label {
            font-weight: 500;
            font-size: 12px;
            margin: 0 0 3px 0;
          }
        }

        .p-subtotal {
          margin-left: auto;
        }

        .p-quantity {
          .quantity-wrapper {
            .quantity {
              flex-basis: 50%;
            }
          }
        }

        .remove-item {
          display: none;
          svg {
            width: 20px;
            height: 20px;

            cursor: pointer;
            path {
              fill: var(--primary-color);
            }
          }
        }

        .p-variant {
          @media screen and (max-width: 768px) {
            display: none;
          }
        }
      }

      .remove-control,
      .policy-link {
        display: flex;
        order: 1;
        flex-direction: column;
        margin-left: auto;

        .policy {
          white-space: nowrap;
          color: var(--primary-color);
          font-size: 12px;
          font-weight: regular;
          margin-top: auto;
          margin-left: auto;
          &:hover {
            text-decoration: underline;
          }
        }

        .remove-item {
          margin: 0 0 0 0;
          padding: 0;
          width: 20px;
          height: 20px;

          svg {
            width: 20px;
            height: 20px;
            cursor: pointer;
            path {
              fill: var(--primary-color);
            }
          }
        }
      }
    }
  }
  */
}
.cart .item {
  display: flex;
  margin: 0 0 32px;
  padding: 0 0 32px;
  border-bottom: 1px solid #E1E1E1;
}
.cart .item:first-of-type {
  margin-top: 0;
}
.cart .item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.cart .item .img-wrapper {
  display: block;
}
.cart .item .img-wrapper img {
  display: block;
  width: 95px;
  height: auto;
  margin: 0;
}
.cart .item .img-wrapper svg {
  display: none;
}
.cart .item .info-wrapper {
  flex: 1;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cart .item .info-wrapper .top > div {
  display: flex;
  justify-content: space-between;
}
.cart .item .info-wrapper .top p {
  margin: 0px;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.cart .item .info-wrapper .top svg {
  cursor: pointer;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart .item .info-wrapper .top span {
  display: block;
  margin-bottom: 0px;
  width: 16px;
  height: 20px;
}
.cart .item .info-wrapper .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0px;
}
.cart .item .info-wrapper .bottom span {
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.item .quantity-wrapper,
.cart-item .quantity-wrapper {
  display: flex;
  margin-top: 12px;
}
.item .quantity-wrapper > *,
.cart-item .quantity-wrapper > * {
  width: 25px;
  height: 25px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.item .quantity-wrapper .plus,
.item .quantity-wrapper .minus,
.cart-item .quantity-wrapper .plus,
.cart-item .quantity-wrapper .minus {
  cursor: pointer;
  transition: 0.3s ease;
}
.item .quantity-wrapper .plus:hover,
.item .quantity-wrapper .minus:hover,
.cart-item .quantity-wrapper .plus:hover,
.cart-item .quantity-wrapper .minus:hover {
  background: #d3d3d3;
}
.item .quantity-wrapper .plus[data-pending=true],
.item .quantity-wrapper .minus[data-pending=true],
.cart-item .quantity-wrapper .plus[data-pending=true],
.cart-item .quantity-wrapper .minus[data-pending=true] {
  cursor: not-allowed;
}
.item .quantity-wrapper .quantity,
.cart-item .quantity-wrapper .quantity {
  border-left: none;
  border-right: none;
}
.item .quantity-wrapper .quantity span,
.cart-item .quantity-wrapper .quantity span {
  font-size: 12px;
}
.item .oos,
.cart-item .oos {
  font-size: 12px;
  width: 50%;
  margin: 0px;
  text-align: right;
}
.item .oos span,
.cart-item .oos span {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

.collection-grid-tile {
  padding-top: 100%;
  height: 0;
  display: block;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.collection-grid-tile.hover:hover img {
  scale: 1.05;
}
.collection-grid-tile.hover img {
  scale: 1;
  transition: scale 3.5s ease-in-out;
}
.collection-grid-tile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.collection-grid-tile .content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
}
.collection-grid-tile .content-wrapper .title {
  color: var(--text-primary-color);
  font-size: 18px;
  margin: 0;
}
.collection-grid-tile .content-wrapper .icon {
  width: 15px;
  height: 15px;
}
.collection-grid-tile .content-wrapper .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  rotate: -90deg;
}

.variant-prices-container .variant-price-wrapper span.product-sale-price {
  margin-right: 5px;
  font-size: 20px;
}
.variant-prices-container .variant-price-wrapper span.product-sale-price.strikethrough {
  text-decoration: line-through;
}
.variant-prices-container .variant-price-wrapper .product-price {
  font-weight: bold;
  font-size: 20px;
}
.variant-prices-container .variant-price-wrapper.hidden {
  display: none;
}
.variant-prices-container.variant-prices-staff-discount .variant-price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  text-align: right;
}
.variant-prices-container.variant-prices-staff-discount .variant-price-wrapper .product-price {
  display: block;
  color: #D90101;
  text-align: right;
}
.variant-prices-container.variant-prices-staff-discount .variant-price-wrapper .product-price.rrp {
  color: #292929;
  text-decoration: line-through;
}
.variant-prices-container.variant-prices-staff-discount .variant-price-wrapper .product-price.discount-percentage {
  font-weight: normal !important;
}

.variant-images-container .variant-image-wrapper.hidden {
  display: none;
}

.accordion-faqs-tag-based-container {
  padding-bottom: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 40px;
}
@media screen and (max-width: 768px) {
  .accordion-faqs-tag-based-container {
    padding: 40px 0px;
    grid-template-columns: 1fr;
  }
}
.accordion-faqs-tag-based-container .accordion-sub-container .faq-sub-title {
  text-align: left;
  font-weight: bold;
  font-size: 23px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #484848;
  margin-bottom: 21px;
  font-family: var(--font-body);
}
@media screen and (max-width: 768px) {
  .accordion-faqs-tag-based-container .accordion-sub-container .faq-sub-title {
    text-align: center;
  }
}
.accordion-faqs-tag-based-container .accordion-sub-container .accordion-wrapper:last-of-type .panel-active {
  border: solid 1px #F4F4F4;
}

.accordion-wrapper {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.accordion-wrapper .accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
  width: 100%;
  background-color: #F4F4F4;
  color: #212121;
  font-size: 14px;
  line-height: 17px;
  padding: 15px 22px;
  text-align: left;
  outline: none;
  border: 3px;
  border-radius: 0;
  cursor: pointer;
  transition: 0.2s;
  transition: max-height 0.3s ease-out;
}
.accordion-wrapper .accordion.active .custom-arrow svg {
  transform: scaleY(-1);
}
.accordion-wrapper .accordion .custom-arrow svg {
  width: 10px;
  height: 10px;
  transform: scaleY(1);
}
.accordion-wrapper .accordion .custom-arrow svg path {
  fill: var(--text-primary-color);
}
.accordion-wrapper .panel {
  padding: 0 22px;
  background-color: #fcfcfc;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion-wrapper .panel.panel-active.panel-open-default {
  max-height: 100%;
}
.accordion-wrapper .panel p {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 22px;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
  font-family: var(--font-body);
}

.product-card {
  width: 100%;
}
.product-card.product-card-sold {
  pointer-events: none;
  opacity: 0.5;
}
.product-card .product-image {
  position: relative;
}
.product-card .product-image:hover .image-hover {
  opacity: 1;
}
.product-card .product-image img, .product-card .product-image svg {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.product-card .product-image img.image-hover, .product-card .product-image svg.image-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.product-card .product-image svg {
  width: 100%;
  height: auto;
}
.product-card .product-image svg:hover {
  fill: unset;
}
.product-card .product-image .quickview-eye {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 22px;
  cursor: pointer;
}
.product-card .product-image .quickview-eye svg {
  height: 21px;
}
.product-card .product-image .quickview-eye svg path {
  stroke: #000000;
}
.product-card .product-card-details {
  padding: 25px 16px 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
  .product-card .product-card-details {
    padding: 33px 16px 0;
  }
}
.product-card .product-card-top {
  padding-bottom: 16px;
  border-bottom: 1px solid #8D8D8D;
}
.product-card .product-card-title {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-card .product-card-title a {
  display: block;
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .product-card .product-card-title a {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .product-card .product-card-title .product-price {
    text-align: right;
  }
}
.product-card .product-card-title .product-price span {
  display: block;
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 700;
  margin: 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .product-card .product-card-title .product-price span {
    text-align: right;
  }
}
.product-card .product-card-title.product-price-staff-discount {
  align-items: flex-start;
}
.product-card .product-card-title.product-price-staff-discount span {
  color: #D90101;
  display: block;
  margin: 0 0 2px;
  font-weight: normal;
}
.product-card .product-card-title.product-price-staff-discount span.rrp {
  color: var(--text-primary-color);
  font-weight: normal;
  text-decoration: line-through;
}
.product-card .product-card-author {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .product-card .product-card-author {
    flex-direction: row;
    align-items: center;
    gap: 14px;
  }
}
.product-card .product-card-author a, .product-card .product-card-author span {
  display: block;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 600;
  margin: 0;
  line-height: 1;
}
.product-card .product-card-author .product-card-edition {
  display: block;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin: 0;
  line-height: 1;
}
.product-card .product-card-size {
  display: block;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin: 4px 0 0;
  line-height: 1;
}
.product-card .product-card-more-options {
  margin-top: 14px;
  font-size: 12px;
  display: block;
  font-style: italic;
  font-weight: bold;
}
.product-card .product-card-more-options:hover {
  text-decoration: underline;
}
.product-card .product-card-availability {
  display: flex;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin: 0;
  line-height: 1;
}
.product-card .product-card-availability:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #6AF03B;
  margin-right: 7px;
}
.product-card .product-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
}
.product-card .product-card-wishlist svg {
  width: 12px;
  height: 12px;
}
.product-card .product-card-quickadd a {
  font-size: 14px;
  cursor: pointer;
}
.product-card .product-card-quickadd a:hover {
  text-decoration: underline;
}
.product-card .product-title-reviews {
  font-size: 14px;
  text-transform: capitalize;
}
.product-card .product-title-reviews .product-title {
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
}
.product-card .product-description {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 30px;
}
.product-card .product-buttons {
  display: flex;
  gap: 5px;
  text-align: center;
}
.product-card .product-buttons .product-link {
  flex: 1;
}
@media only screen and (max-width: 575.98px) {
  .product-card .product-buttons .product-link {
    padding: 6px 8px;
  }
}

.product-badges {
  display: flex;
  flex-flow: row;
  width: 100%;
  padding: 0;
  pointer-events: none;
}
.product-badges .product-badge {
  display: block;
  font-size: 11px;
  color: white;
  padding: 4px 11px;
  white-space: nowrap;
  background: var(--primary-color);
  position: relative;
  overflow: hidden;
  width: -moz-max-content;
  width: max-content;
  margin-right: 6px;
}
.product-badges .product-badge:last-child {
  margin-right: 0px;
}
.product-badges .product-badge.new-arrival-badge {
  background-color: var(--accent-1-color);
}
.product-badges .product-badge.discount-percentage-badge {
  background-color: var(--accent-1-color);
}
.product-badges .product-badge.limited-edition-badge {
  background-color: var(--accent-2-color);
}
.product-badges .product-badge.bestseller-badge {
  background-color: var(--primary-color);
}
.product-badges .product-badge.preorder-badge {
  background-color: var(--primary-color);
}
.product-badges .product-badge.low-stock-badge {
  background-color: var(--primary-color);
}
.product-badges .product-badge.offer-badge {
  background-color: #4D7272 !important;
}
.product-badges .product-badge.offer-badge div {
  font-size: 12px;
}
.product-badges .product-badge::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  opacity: 0.3;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  animation: badge_shine 10s infinite 3s;
}
@keyframes badge_shine {
  0% {
    transform: translateX(-100%);
  }
  90% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.product-card-buttons {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.product-card-buttons a {
  white-space: nowrap;
}
@media only screen and (max-width: 1200px) {
  .product-card-buttons .button-3 {
    padding: 5px 15px;
  }
}
.product-card-buttons .quick-add-cart {
  border-radius: 50%;
  min-height: 35px;
  height: 35px;
  min-width: 35px;
  width: 35px;
  padding: 0 !important;
  background-color: var(--button-4-color);
  color: var(--button-4-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card-buttons .quick-add-cart svg {
  padding-left: 3px;
}

.pullout {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 447px;
  background: white;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.pullout.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transform: translateX(0);
}
.pullout .pullout-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 24px 20px;
  box-sizing: border-box;
}
.pullout .pullout-header .title {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.02em;
  margin: 0;
}
.pullout .pullout-header svg {
  margin: 0;
  width: 16px;
  margin-right: 12px;
}
.pullout .pullout-content {
  padding: 40px;
  box-sizing: border-box;
  overflow-y: scroll;
  height: calc(100% - 79px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.pullout .pullout-content::-webkit-scrollbar {
  display: none;
}
.pullout .pullout-content p {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1.8;
}
.pullout .pullout-content p.small {
  font-size: 12px;
}
.pullout .pullout-intro {
  margin: 0 0 32px;
}
.pullout .pullout-intro p {
  margin: 0 0 24px;
}
.pullout .pullout-intro p:last-child {
  margin: 0;
}
.pullout .pullout-intro p a {
  text-decoration: underline;
  cursor: pointer;
}
.pullout .pullout-intro p a:hover {
  text-decoration: none;
}
.pullout .pullout-intro.bordered {
  padding-bottom: 32px;
  margin: 0 0 32px;
  border-bottom: 1px solid #e1e1e1;
}
.pullout .pullout-intro .pullout-event-title {
  font-weight: bold;
  margin: 0;
}
.pullout .pullout-intro .pullout-event-location {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0 0 12px;
}
.pullout .pullout-intro .pullout-intro-date-time {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}
.pullout .pullout-intro .pullout-intro-date-time p {
  font-size: 12px;
  letter-spacing: 0.02em;
  margin: 0;
}
.pullout .pullout-summary {
  display: flex;
  gap: 16px;
  padding-bottom: 32px;
  margin: 0 0 32px;
  border-bottom: 1px solid #e1e1e1;
}
.pullout .pullout-summary .pullout-summary-image {
  width: 77px;
  height: auto;
  flex: none;
}
.pullout .pullout-summary .pullout-summary-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.pullout .pullout-summary .pullout-summary-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.pullout .pullout-summary .pullout-summary-content .summary-content-title {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0 0 6px;
  font-weight: 600;
}
.pullout .pullout-summary .pullout-summary-content p.small {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.02em;
}
.pullout .pullout-enquiry {
  position: relative;
}
.pullout .pullout-enquiry p {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1;
}
.pullout .pullout-enquiry .form-block-button {
  margin-top: 32px;
}
.pullout .pullout-enquiry .form-block-small {
  margin-top: 32px;
}
.pullout .pullout-enquiry .form-block-small p {
  font-size: 12px;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 18px;
}
.pullout.pullout-location .pullout-location-step-1,
.pullout.pullout-location .pullout-location-step-2,
.pullout.pullout-location .pullout-location-step-3 {
  height: 100%;
}
.pullout.pullout-location .pullout-location-step-2 {
  display: none;
}
.pullout .pullout-set-location {
  position: relative;
}
.pullout .pullout-set-location .pullout-location-results {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  background: white;
  display: none;
}
.pullout .pullout-set-location .pullout-location-results.active {
  display: block;
}
.pullout .pullout-set-location .pullout-location-results h3 {
  margin: 0 0 32px;
}
.pullout .pullout-set-location .pullout-location-results h3 span {
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .pullout .pullout-set-location .pullout-location-results h3 span {
    font-size: 18px;
  }
}
.pullout .pullout-set-location .pullout-location-results > p {
  margin: 0 0 32px;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list {
  display: none;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list.show {
  display: block;
  margin: 0 0 32px;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item {
  display: none;
  position: relative;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item input[name=set_location_gallery] {
  position: absolute;
  inset: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: 1;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item .locator-item-radio {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item .checkmark {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 4px solid white;
  box-shadow: 0 0 0 1px #1b1b1b;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item input[name=set_location_gallery]:checked ~ .locator-item-radio .checkmark {
  background-color: #1b1b1b;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item.active {
  display: flex;
  justify-content: space-between;
  margin: 0 0 32px;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item > div {
  display: flex;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item .locator-item-img {
  position: relative;
  overflow: hidden;
  width: 95px;
  height: 64px;
  margin-right: 16px;
  background: #e1e1e1;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item .locator-item-img img {
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item .locator-item-details {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item .locator-item-details h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin: 0;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item .locator-item-details p {
  font-size: 12px;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1;
}
.pullout .pullout-set-location .pullout-location-results .pullout-location-list .pullout-location-item .locator-item-radio {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.pullout .pullout-set-location .pullout-location-results .text-link {
  cursor: pointer;
  font-size: 12px;
  letter-spacing: 0.02em;
  text-decoration: underline;
}
.pullout .pullout-set-location .pullout-location-results .text-link:hover {
  text-decoration: none;
}
.pullout .pullout-set-location .pullout-location-results > .button {
  margin: 0 0 32px;
}
.pullout .form-message.active {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  z-index: 1;
}
.pullout .form-message p {
  font-size: 12px;
  text-align: center;
}
.pullout .form-message span {
  text-align: center;
  display: block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin: 0 0 8px;
}

body.pullout-active {
  overflow: hidden;
}

.pullout-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.pullout-overlay.active {
  opacity: 0.2;
  pointer-events: all;
  visibility: visible;
}

.product-pullout {
  position: fixed;
  top: 0;
  right: 0;
  height: 100dvh;
  width: 100%;
  max-width: 447px;
  background: white;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.product-pullout.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transform: translateX(0);
}
.product-pullout .product-pullout-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 24px 20px;
  box-sizing: border-box;
}
.product-pullout .product-pullout-header h2 {
  font-size: 26px;
  margin: 0;
}
.product-pullout .product-pullout-header svg {
  margin: 0;
  width: 16px;
  margin-right: 12px;
}
.product-pullout .product-pullout-content {
  padding: 30px 40px;
  box-sizing: border-box;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
}
.product-pullout .product-pullout-content::-webkit-scrollbar {
  display: none;
}
.product-pullout .product-pullout-summary {
  display: none;
  gap: 16px;
  padding-bottom: 22px;
  margin: 0 0 22px;
  border-bottom: 1px solid #E1E1E1;
}
.product-pullout .product-pullout-summary.active {
  display: flex;
}
.product-pullout .product-pullout-summary .product-pullout-summary-image {
  width: 77px;
  height: auto;
  flex: none;
}
.product-pullout .product-pullout-summary .product-pullout-summary-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.product-pullout .product-pullout-summary .product-pullout-summary-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product-pullout .product-pullout-summary .product-pullout-summary-content .summary-content-title {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0 0 12px;
}
.product-pullout .product-pullout-summary .product-pullout-summary-content .summary-content-artist {
  display: block;
  font-size: 12px;
  letter-spacing: 0.02em;
  margin: 0;
}
.product-pullout .product-pullout-summary .product-pullout-summary-content .summary-content-artist:hover {
  text-decoration: underline;
}
.product-pullout .product-pullout-summary .product-pullout-summary-content .summary-content-edition {
  display: block;
  font-size: 12px;
  letter-spacing: 0.02em;
}
.product-pullout .product-pullout-summary .product-pullout-summary-content .summary-content-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.product-pullout .product-pullout-summary .product-pullout-summary-content .summary-content-price {
  display: block;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.product-pullout .product-pullout-summary .product-pullout-summary-content .summary-content-price .product-price {
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.product-pullout .product-pullout-variants .radio-option {
  margin: 0 0 32px;
}
.product-pullout .product-pullout-variants .radio-option.only-one-option .variant-select {
  display: none !important;
}
.product-pullout .product-pullout-variants .option-name {
  font-size: 14px;
  letter-spacing: 0.02em;
}
.product-pullout .product-pullout-variants .variant-radios {
  margin: 16px 0 0;
}
.product-pullout .product-pullout-variants .variant-radios-hidden {
  display: none;
}
.product-pullout .product-pullout-variants .variant-select {
  position: relative;
  margin: 16px 0 0;
}
.product-pullout .product-pullout-variants .variant-select select {
  display: block;
  width: 100%;
  padding: 13px 16px;
  font-size: 12px;
  letter-spacing: 0.02em;
  border: 1px solid #E1E1E1;
  background-color: white;
  border-radius: none;
  -webkit-appearance: none;
}
.product-pullout .product-pullout-variants .variant-select select:focus {
  outline: none;
  border-color: var(--primary-color);
}
.product-pullout .product-pullout-variants .variant-select:after {
  position: absolute;
  top: 18px;
  right: 16px;
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  pointer-events: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m2.793 4.412.707.707.707-.707L7 1.619 6.293.912 3.5 3.705.707.912 0 1.619l2.793 2.793Z' fill='%231B1B1B'/%3E%3C/svg%3E");
}
.product-pullout .product-pullout-variants .variant-radios-swatches {
  display: flex;
  gap: 16px;
}
.product-pullout .product-pullout-variants .variant-radios-swatches .variant-wrapper {
  position: relative;
  cursor: pointer;
}
.product-pullout .product-pullout-variants .variant-radios-swatches .variant-wrapper.disabled {
  opacity: 0.35;
  pointer-events: none;
}
.product-pullout .product-pullout-variants .variant-radios-swatches .variant-wrapper img {
  display: block;
  width: auto;
  height: 58px;
  margin: 0;
  cursor: pointer;
}
.product-pullout .product-pullout-variants .variant-radios-swatches .variant-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer;
}
.product-pullout .product-pullout-variants .variant-radios-swatches .variant-wrapper input:disabled {
  opacity: 0.35;
  pointer-events: none;
}
.product-pullout .product-pullout-variants .variant-radios-swatches .variant-wrapper label {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  margin: 8px 0 0;
}
.product-pullout .product-pullout-variants .variant-radios-swatches .variant-wrapper input:checked + label {
  font-weight: 600;
  text-decoration: underline;
}
.product-pullout .product-pullout-variants .variant-radios-swatches .variant-wrapper:hover label {
  text-decoration: underline;
}
.product-pullout .product-pullout-submit .button {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.product-pullout .product-pullout-submit .button svg {
  margin: 0;
  width: 6px;
  margin-left: 8px;
}
.product-pullout .product-pullout-variations {
  display: none;
}
.product-pullout .product-pullout-variations.active {
  display: block;
}
.product-pullout .product-pullout-information {
  display: none;
}
.product-pullout .product-pullout-information.active {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-pullout .product-pullout-information .product-pullout-information-line {
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin: 0;
}
.product-pullout .product-pullout-information .product-pullout-information-line.hidden {
  display: none !important;
}
.product-pullout .product-pullout-information .product-pullout-information-line.artwork-description {
  margin-top: 20px;
}
.product-pullout .product-pullout-information .product-pullout-information-line a {
  text-decoration: underline;
}
.product-pullout .product-pullout-information .product-pullout-information-line a:hover {
  text-decoration: none;
}
.product-pullout .product-pullout-information .product-pullout-information-links {
  margin-top: 16px;
}
.product-pullout .product-pullout-information .product-pullout-information-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 1px solid #E1E1E1;
}
.product-pullout .product-pullout-information .product-pullout-information-links a:last-child {
  border: none;
}
.product-pullout .product-pullout-information .product-pullout-information-links a svg {
  margin: 0;
  width: 6px;
  margin-left: 8px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.product-pullout .product-pullout-information .product-pullout-information-links a:hover svg {
  transform: translateX(6px);
}
.product-pullout .accordion-container {
  margin: 30px 0;
}
.product-pullout .accordion-container .accordion-block {
  margin: 0;
  padding: 10px 15px;
  background: none;
  border-bottom: 1px solid #000;
  border-left: none;
  border-right: none;
  border-top: 1px solid #000;
}
.product-pullout .accordion-container .accordion-block ~ .accordion-block {
  border-top: none;
}
.product-pullout .accordion-container .accordion-block .panel :first-child {
  margin-top: 20px;
}
.product-pullout .accordion-container .accordion-block .accordion {
  font-weight: 300;
}
.product-pullout .artwork-atc {
  width: 100%;
  max-width: 334px;
  position: fixed;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #E1E1E1;
  padding: 20px 0;
}
@media only screen and (min-width: 992px) {
  .product-pullout .artwork-atc {
    max-width: 366px;
  }
}
.product-pullout .artwork-atc .klarna-product {
  margin: 14px 0;
}
.product-pullout .artwork-atc .button-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.product-pullout .artwork-atc .button-container .button-1 {
  width: 100%;
}
.product-pullout .artwork-atc .button-container [quick-add-qf] {
  align-items: center;
  display: flex;
  font-size: 16px;
  justify-content: center;
  width: 100%;
}
.product-pullout .artwork-atc .button-container [quick-add-qf] svg {
  display: block;
  height: 14px;
  margin-left: 10px;
  width: 14px;
}
.product-pullout .artwork-atc .button-container [quick-add-qf] svg path {
  fill: #FFF;
}
.product-pullout .product-pullout-finance {
  display: none;
}
.product-pullout .product-pullout-finance.active {
  display: block;
}
.product-pullout .product-pullout-finance p {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1;
}
.product-pullout .product-pullout-finance .pullout-finance-deposit p {
  margin: 0 0 8px;
}
.product-pullout .product-pullout-finance .pullout-finance-slider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-pullout .product-pullout-finance .pullout-finance-slider:after {
  content: "%";
  font-size: 14px;
  letter-spacing: 0.02em;
  position: absolute;
  top: 12px;
  right: 16px;
  pointer-events: none;
}
.product-pullout .product-pullout-finance .pullout-finance-slider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: var(--primary-color);
  height: 3px;
  border-radius: 25px;
  outline: none;
  opacity: 1;
}
.product-pullout .product-pullout-finance .pullout-finance-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: var(--primary-color);
  cursor: pointer;
}
.product-pullout .product-pullout-finance .pullout-finance-slider input[type=range]::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: var(--primary-color);
  cursor: pointer;
}
.product-pullout .product-pullout-finance .pullout-finance-slider #finance-input-value {
  width: 91px;
  height: 43px;
  border: 1px solid #E1E1E1;
  border-radius: 0;
  padding: 6px 16px;
  font-size: 14px;
  letter-spacing: 0.02em;
  box-sizing: border-box;
  margin-left: 21px;
}
.product-pullout .product-pullout-finance .pullout-finance-slider #finance-input-value:focus {
  outline: none;
  border-color: var(--primary-color);
}
.product-pullout .product-pullout-finance .pullout-finance-repayment {
  margin-top: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e1e1e1;
}
.product-pullout .product-pullout-finance .pullout-finance-repayment p {
  margin: 0 0 8px;
}
.product-pullout .product-pullout-finance .pullout-finance-summary {
  padding: 24px 0;
  border-bottom: 1px solid #e1e1e1;
}
.product-pullout .product-pullout-finance .pullout-finance-summary .finance-summary-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
}
.product-pullout .product-pullout-finance .pullout-finance-summary .finance-summary-line:last-child {
  margin: 0;
}
.product-pullout .product-pullout-finance .pullout-finance-summary .finance-summary-line p {
  font-size: 12px;
  margin: 0;
}
.product-pullout .product-pullout-finance .pullout-finance-summary .finance-summary-line p.strong {
  font-weight: 700;
}
.product-pullout .product-pullout-finance .pullout-finance-totals {
  padding: 24px 0;
}
.product-pullout .product-pullout-finance .pullout-finance-totals .finance-totals-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
}
.product-pullout .product-pullout-finance .pullout-finance-totals .finance-totals-line:last-child {
  margin: 0;
}
.product-pullout .product-pullout-finance .pullout-finance-totals .finance-totals-line .product-price {
  font-size: 14px;
  letter-spacing: 0.02em;
}
.product-pullout .product-pullout-finance .pullout-finance-totals .finance-totals-line p {
  font-size: 12px;
  margin: 0;
}
.product-pullout .product-pullout-finance .pullout-finance-totals .finance-totals-line p.strong {
  font-weight: 700;
}
.product-pullout .product-pullout-finance .pullout-finance-button .button {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.product-pullout .product-pullout-finance .pullout-finance-button .button svg {
  margin: 0;
  width: 6px;
  margin-left: 8px;
}
.product-pullout .product-pullout-enquiry {
  display: none;
  position: relative;
}
.product-pullout .product-pullout-enquiry.active {
  display: block;
}
.product-pullout .product-pullout-enquiry p {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1;
}
.product-pullout .product-pullout-enquiry .form-message.active {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.product-pullout .product-pullout-enquiry .form-message p {
  font-size: 12px;
  text-align: center;
}
.product-pullout .product-pullout-enquiry .form-message span {
  text-align: center;
  display: block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin: 0 0 8px;
}

body.product-pullout-active {
  overflow: hidden;
}

.product-pullout-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.product-pullout-overlay.active {
  opacity: 0.2;
  pointer-events: all;
  visibility: visible;
}

.events-card {
  position: relative;
}

.events-card-image {
  position: relative;
  display: block;
  padding-top: 75%;
  overflow: hidden;
  margin: 0 0 16px;
  cursor: pointer;
}
.events-card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.events-card-content {
  padding-bottom: 14px;
  border-bottom: 1px solid white;
}

.events-card-content-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 14px;
}

.events-card-title {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: white;
  cursor: pointer;
}
.events-card-title:hover {
  color: white;
}

.events-card-tag {
  display: none;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: white;
  border: 1px solid white;
  padding: 6px 8px;
}

.events-card-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media only screen and (min-width: 768px) {
  .events-card-details {
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
}

.events-card-date {
  font-size: 12px;
  line-height: 1;
  flex: none;
  letter-spacing: 0.02em;
}

.events-card-location {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: capitalize;
}

/*

<button class="accordion">Section 1</button>
<div class="panel">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

*/
.accordion-block {
  padding: 10px 10px;
  margin: 0;
  background: #f9f9f9;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .accordion-block {
    margin: 0 0 24px;
  }
}

.accordion {
  color: var(--text-primary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 0;
  width: 100%;
  outline: none;
  font-size: 14px;
  letter-spacing: 0.02em;
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  font-weight: 500;
  transition: 0.3s all;
}
@media (min-width: 992px) {
  .accordion {
    font-size: 18px;
  }
}
.accordion > div {
  display: flex;
  align-items: center;
}
.accordion .custom-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
}
.accordion .custom-arrow svg {
  width: 8px;
  height: 8px;
  margin: 0;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s;
}
.accordion.active .custom-arrow svg {
  transform: rotateX(180deg);
}

.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.panel p {
  max-width: calc(100% - 20px);
}

.article-card {
  position: relative;
}

.article-card-image {
  position: relative;
  display: block;
  padding-top: 75%;
  overflow: hidden;
  margin: 0 0 16px;
  cursor: pointer;
}
.article-card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.article-card-content {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--primary-color);
}

.article-card-content-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 14px;
}
@media only screen and (min-width: 992px) {
  .article-card-content-top {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.article-card-title {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  cursor: pointer;
  order: 2;
}
@media only screen and (min-width: 992px) {
  .article-card-title {
    order: 1;
  }
}

.article-card-tag {
  display: table;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  border: 1px solid var(--primary-color);
  padding: 6px 8px;
  order: 1;
  margin: 0 0 10px;
}
@media only screen and (min-width: 992px) {
  .article-card-tag {
    order: 2;
    margin: 0;
  }
}

.article-card-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media only screen and (min-width: 768px) {
  .article-card-details {
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
}

.article-card-date {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
}

.select-wrapper {
  position: relative;
}
.select-wrapper select {
  display: block;
  width: 100%;
  padding: 13px 16px;
  font-size: 12px;
  letter-spacing: 0.02em;
  border: 1px solid #e1e1e1;
  background-color: white;
  border-radius: none;
  -webkit-appearance: none;
}
.select-wrapper select:focus {
  outline: none;
  border-color: var(--primary-color);
}
.select-wrapper:after {
  position: absolute;
  top: 18px;
  right: 16px;
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  pointer-events: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m2.793 4.412.707.707.707-.707L7 1.619 6.293.912 3.5 3.705.707.912 0 1.619l2.793 2.793Z' fill='%231B1B1B'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 992px) {
  .form-wrapper .form-row {
    display: flex;
    gap: 16px;
    margin: 0 0 16px;
  }
}
@media only screen and (min-width: 992px) {
  .form-wrapper .form-row .form-block {
    margin: 0;
    width: 50%;
  }
}
.form-wrapper .form-block {
  margin: 0 0 16px;
}
.form-wrapper .form-block p {
  margin: 0 0 12px;
}
.form-wrapper .form-block .clear_set_location_postcode {
  display: none;
}
.form-wrapper .form-block .clear_set_location_postcode.active {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 32px;
  right: 9px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.form-wrapper .form-block .clear_set_location_postcode svg {
  display: block;
  width: 14px;
  height: 14px;
}
.form-wrapper .form-block .qs-datepicker-container {
  border-radius: 0;
  border: 1px solid #e1e1e1;
}
.form-wrapper .form-block .qs-controls {
  background: #121212;
}
.form-wrapper .form-block .qs-month-year {
  color: white;
  font-weight: normal;
}
.form-wrapper .form-block .qs-arrow.qs-left:after {
  border-right-color: white;
}
.form-wrapper .form-block .qs-arrow.qs-right:after {
  border-left-color: white;
}
.form-wrapper .form-block .qs-day {
  color: #1b1b1b;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: 12px;
}
.form-wrapper .form-block .qs-square {
  border-radius: 0;
}
.form-wrapper .form-block .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: #e1e1e1;
}
.form-wrapper .form-block .qs-active,
.form-wrapper .form-block .qs-range-end,
.form-wrapper .form-block .qs-range-start {
  background: #1b1b1b;
  color: white;
}
.form-wrapper .form-block .iti {
  width: 100%;
}
.form-wrapper .form-block .iti .iti__country-container button {
  cursor: pointer;
  outline: none;
  border: none;
  background: transparent;
  color: unset;
  font-size: unset;
  border-radius: unset;
  font-weight: unset;
}
.form-wrapper .form-block .validation-row {
  display: flex;
  padding-top: 10px;
}
.form-wrapper .form-block .hide {
  opacity: 0;
  width: 0;
  height: 0;
}
.form-wrapper .form-block span {
  display: block;
  opacity: 1;
  transition: all 0.3s;
  width: auto;
}
.form-wrapper .form-message {
  margin: 24px 0;
}
.form-wrapper .form-block-password {
  position: relative;
}
.form-wrapper .form-block-password .form-show-password {
  position: absolute;
  top: 15px;
  right: 16px;
  z-index: 2;
  cursor: pointer;
}
.form-wrapper .form-block-password .form-show-password svg {
  width: 19.76px;
  height: 12.71px;
}
.form-wrapper label {
  display: block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em;
  margin: 0 0 6px;
}
.form-wrapper label.bold {
  font-weight: 600;
  margin: 0 0 12px;
}
.form-wrapper label.hidden {
  display: none;
}
.form-wrapper .form-block-radio {
  display: flex;
  align-self: center;
  gap: 32px;
}
.form-wrapper .form-block-radio > div {
  display: flex;
  align-self: center;
  gap: 8px;
}
.form-wrapper .form-block-radio > div label {
  margin: 0;
}
.form-wrapper .form-block-inline {
  display: flex;
  align-self: center;
  gap: 20px;
}
.form-wrapper .form-block-inline .button {
  margin-top: 0 !important;
}
.form-wrapper .form-block-checkbox {
  display: flex;
  align-self: center;
  gap: 12px;
}
.form-wrapper .form-block-checkbox label {
  font-size: 12px;
  margin: 0;
}
.form-wrapper input {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em;
  width: 100%;
  height: 43px;
  border: 1px solid #e1e1e1;
  padding: 8px 16px;
  margin: 0;
  box-sizing: border-box;
  color: var(--primary-color);
}
.form-wrapper input::-moz-placeholder {
  color: var(--primary-color);
}
.form-wrapper input::placeholder {
  color: var(--primary-color);
}
.form-wrapper input:focus {
  outline: none;
  border-color: var(--primary-color);
}
.form-wrapper input[type=radio], .form-wrapper input[type=checkbox] {
  height: auto;
  width: auto;
  padding: 0;
}
.form-wrapper textarea {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em;
  width: 100%;
  border: 1px solid #e1e1e1;
  padding: 16px 16px;
  box-sizing: border-box;
  color: var(--primary-color);
  min-height: 185px;
}
.form-wrapper textarea::-moz-placeholder {
  color: var(--primary-color);
}
.form-wrapper textarea::placeholder {
  color: var(--primary-color);
}
.form-wrapper textarea:focus {
  outline: none;
  border-color: var(--primary-color);
}
.form-wrapper .button {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.form-wrapper .button svg {
  margin: 0;
  width: 6px;
  margin-left: 8px;
}
.form-wrapper .button.button-1 {
  background-color: white;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.form-wrapper .button.button-1:hover {
  background-color: var(--primary-color);
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.modal-container {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  padding: 1rem;
}

.modal-container::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.modal {
  line-height: 1.3;
  width: auto;
  padding: 60px 50px;
  max-width: 500px;
  max-height: 88vh;
  background: white;
  margin: 62px auto auto;
  position: relative;
  overflow: auto;
  text-align: center;
}
@media only screen and (max-width: 575.98px) {
  .modal {
    padding: 1.5rem;
    padding-top: 2.5rem;
  }
}

.modal h2 {
  margin-bottom: 2rem;
}

.modal a:hover {
  text-decoration: underline;
}

.modal * {
  word-wrap: break-word;
}

.modal > div {
  margin-bottom: 0.5rem;
}

.modal-container.active {
  display: flex;
}

.modal .close-button {
  display: inline-flex;
  align-items: center;
  justify-self: center;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  padding: 0;
  transition: all 150ms ease-in-out;
  padding: 5px;
  border: none;
}

.modal .icon.icon-close path {
  fill: var(--primary-color);
}

.modal .close-button:hover {
  rotate: 90deg;
}
.modal .close-button:hover path {
  fill: var(--text-alternate-color);
}

.modal .icon.icon-close {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.slide-in-enter {
  transition: all 300ms ease;
  margin-top: 0;
  opacity: 0;
}

.slide-in-enter.slide-in-active {
  margin-top: 62px;
  opacity: 1;
}

.modal-title {
  font-weight: bold;
  font-size: var(--heading-lg);
  line-height: 35px;
}

.modal-subtitle {
  margin-top: 17px;
}

.button-container {
  display: flex;
}

.modal-image img {
  display: block;
  width: 100%;
  height: auto;
}

.modal-images--has-mobile .modal-image--desktop {
  display: none;
}
@media only screen and (min-width: 576px) {
  .modal-images--has-mobile .modal-image--desktop {
    display: block;
  }
}

.modal-image--mobile {
  display: block;
}
@media only screen and (min-width: 576px) {
  .modal-image--mobile {
    display: none;
  }
}

.modal-container.basic-confirm {
  text-align: center;
}
.modal-container.basic-confirm .modal-header {
  max-width: 270px;
  margin: auto;
}
.modal-container.basic-confirm .modal-body {
  display: flex;
  gap: 10px;
  padding-top: 32px;
}
.modal-container.basic-confirm .modal-body button {
  width: 100%;
}

button[data-modal-trigger=redirect] {
  position: fixed;
  left: 20px;
  bottom: 50px;
  border-radius: 50%;
  padding: 20px;
  z-index: 101;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  background-color: blue;
}
button[data-modal-trigger=redirect] svg {
  width: 30px;
  height: 30px;
  fill: white;
  pointer-events: none;
}

.modal-register {
  align-items: center;
  justify-content: center;
}

.modal-register .modal {
  width: 90%;
  max-width: 800px;
  margin: 0;
  padding: 0;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .modal-register .modal {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  .modal-register .modal {
    width: auto;
  }
}

.modal-register .modal > div {
  margin-bottom: 0;
}

.modal-register .modal .close-button {
  top: -10px;
  right: -10px;
  background-color: #fff;
}
.modal-register .modal .close-button:hover {
  border: 0;
}
.modal-register .modal .close-button path {
  fill: #000;
}

section.delivery-info {
  width: 100%;
  display: flex;
  flex-flow: column;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  section.delivery-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 8px 40px;
  }
}
section.delivery-info .delivery-block {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  section.delivery-info .delivery-block {
    margin-bottom: 0px;
  }
}
section.delivery-info .delivery-block:last-child {
  margin-bottom: 0px;
}
section.delivery-info .delivery-block .icon {
  display: block;
  width: 45px;
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  section.delivery-info .delivery-block .icon {
    width: 50px;
  }
}
section.delivery-info .delivery-block .delivery-info {
  width: 100%;
  display: flex;
  flex-direction: column;
}
section.delivery-info .delivery-block .delivery-info .title {
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 20px;
}
section.delivery-info .delivery-block .delivery-info .description a {
  color: inherit;
  text-decoration: underline;
}

.delivery-info-footer {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.delivery-info-footer a {
  text-decoration: underline;
}

/* Product page accordion styling */
.product-finance {
  width: 100%;
  min-height: 122px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
}
.product-finance .finance-option-v12 .imm-widget-anchor {
  background-color: #ffffff;
  display: block;
  border: 1px solid #eae7e4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: calc(100% - 2px) !important;
  height: 40px !important;
  position: relative;
  margin: 0 !important;
}
.product-finance .finance-option-v12 .imm-widget-anchor iframe {
  height: 40px !important;
}
.product-finance .finance-option-v12 .imm-widget-anchor iframe html body span .outer {
  display: flex;
  align-items: center;
  padding: 0 1em;
  justify-content: space-between;
}
.product-insurance {
  margin: 20px 0 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.product-insurance .image {
  display: block;
  width: 38px;
  height: 38px;
  flex: none;
}
@media only screen and (min-width: 992px) {
  .product-insurance .image {
    width: 58px;
    height: 58px;
  }
}
.product-insurance .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-insurance p.title {
  font-weight: bold;
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 18px;
}
.product-insurance p.title span {
  display: inline-flex;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background: #9BA29A;
  color: white;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  cursor: pointer;
}
.product-insurance p.title span:hover {
  background: var(--text-primary-color);
}
.product-insurance p.description {
  font-size: 12px;
  line-height: 14px;
  margin: 0;
}

/**
 * Tooltip Styles
 */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

lightbox-modal.swiper {
  display: none;
  pointer-events: none;
  isolation: isolate;
  overflow: hidden auto;
  position: fixed;
  inset: 0;
  isolation: isolate;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  z-index: 99999;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
}
lightbox-modal.swiper[open] {
  display: flex;
  pointer-events: all;
}
lightbox-modal.swiper[open] .lightbox-modal-navigation {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
lightbox-modal.swiper .lightbox-modal-navigation {
  display: none;
  cursor: pointer;
  z-index: 10;
}
lightbox-modal.swiper .lightbox-modal-navigation::after {
  content: unset !important;
}
@media only screen and (max-width: 767.98px) {
  lightbox-modal.swiper .lightbox-modal-navigation .wording {
    display: none;
  }
}
lightbox-modal.swiper .lightbox-modal-navigation .icon-wrapper {
  width: 40px;
  height: 40px;
  background: rgba(200, 200, 200, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3137254902));
  background-color: #fff;
}
@media only screen and (max-width: 767.98px) {
  lightbox-modal.swiper .lightbox-modal-navigation .icon-wrapper {
    width: 34px;
    height: 34px;
  }
}
lightbox-modal.swiper .lightbox-modal-navigation svg {
  color: #fff;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  scale: 1;
  transition: scale 0.1s ease-in;
}
lightbox-modal.swiper .lightbox-modal-navigation svg path {
  fill: #fff;
}
lightbox-modal.swiper .lightbox-modal-navigation.swiper-button-prev {
  inset: 50% auto auto 35px;
}
@media only screen and (max-width: 767.98px) {
  lightbox-modal.swiper .lightbox-modal-navigation.swiper-button-prev {
    inset: 50% auto auto 10px;
  }
}
lightbox-modal.swiper .lightbox-modal-navigation.swiper-button-next {
  inset: 50% 35px auto auto;
}
@media only screen and (max-width: 767.98px) {
  lightbox-modal.swiper .lightbox-modal-navigation.swiper-button-next {
    inset: 50% 10px auto auto;
  }
}
lightbox-modal.swiper .lightbox-modal-navigation.swiper-button-disabled {
  cursor: none;
  visibility: hidden;
}
lightbox-modal.swiper .lightbox-modal-navigation[lightbox-close] {
  position: fixed;
  inset: 20px 35px auto auto;
}
lightbox-modal.swiper .lightbox-modal-navigation[lightbox-close] svg {
  width: 20px;
  height: 20px;
}
lightbox-modal.swiper .lightbox-modal-navigation[lightbox-close] svg path {
  fill: #000;
}
lightbox-modal.swiper .lightbox-modal-navigation:hover svg {
  scale: 0.85;
}
lightbox-modal.swiper .swiper-wrapper {
  width: 100%;
  z-index: -1;
  opacity: 1;
  visibility: visible;
}
lightbox-modal.swiper .swiper-wrapper .swiper-slide.lightbox-slide {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
lightbox-modal.swiper .swiper-wrapper .swiper-slide.lightbox-slide .swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
lightbox-modal.swiper .swiper-wrapper .swiper-slide.lightbox-slide img {
  width: auto;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  lightbox-modal.swiper .swiper-wrapper .swiper-slide.lightbox-slide img {
    width: 70%;
  }
}
lightbox-modal.swiper::before {
  content: "";
  pointer-events: none;
  position: fixed;
  z-index: -1;
  inset: 0;
  width: 100vw;
  height: 100vh;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: transparent linear-gradient(180deg, #DBDAD9 0%, #F7F7F6 100%) 0% 0% no-repeat padding-box;
}
lightbox-modal.swiper::after {
  content: "";
  z-index: 5;
  position: fixed;
  translate: -50% -50%;
  inset: 50% auto auto 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: solid 5px #fff;
  border-left: solid transparent 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
  animation: modalLoadingSpinner 0.75s ease-in infinite forwards 0.2s;
}
@keyframes modalLoadingSpinner {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
lightbox-modal.swiper[modal-loading]::after {
  opacity: 1;
  visibility: visible;
}
lightbox-modal.swiper[modal-loading] .swiper-wrapper {
  opacity: 0;
  visibility: hidden;
}

[lightbox-trigger] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 20px 20px auto auto;
  z-index: 10;
  background-color: #fff !important;
  border: 0 !important;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 50% !important;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3137254902));
  box-sizing: border-box;
}
[lightbox-trigger] img {
  position: relative !important;
  max-width: none !important;
}
[lightbox-trigger] svg {
  color: #fff;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  scale: 1;
  transition: scale 0.1s ease-in;
}
[lightbox-trigger]:hover svg {
  scale: 0.85;
}
[lightbox-trigger][disabled] {
  pointer-events: none;
}

/* Lightbox Thumbnails */
.lightbox-thumbnails {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  z-index: 10001;
  padding: 10px;
  height: 100%;
  background: #EFEFEF 0% 0% no-repeat padding-box;
}

.lightbox-thumbnail {
  width: 80px;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.2s ease;
}

.lightbox-thumbnail:hover {
  border-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.05);
}

.lightbox-thumbnail.active {
  border-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.lightbox-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* Hide thumbnails on mobile */
@media (max-width: 768px) {
  .lightbox-thumbnails {
    display: none;
  }
}