/** Shopify CDN: Minification failed

Line 6432:1 Expected "}" to go with "{"

**/
@font-face {
  font-family: "Saol Display";
  src: url("SaolDisplay-Regular.woff2") format("woff2"),
    url("SaolDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  background: #f5f4f0;
  color: #333333;
  font-family: "area-normal";
  font-size: 14px;
}
.top-bar {
  font-size: 12px;
  background: #751d2a;
  height: 40px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-bar p {
  margin-bottom: 0;
}
a {
  color: #333;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 2rem;
}
@media (min-width: 1200px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    --bs-gutter-x: 5rem;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: #333;
}
/* ==========================================================================
   #NAVBAR
   ========================================================================== */
.shopify-section.sticky-top {
  z-index: 1025;
}
.navbar {
  padding: 0;
  background: #f5f4f0;
  border-bottom: 1px solid #d6d5d0;
}
@media (min-width: 1200px) {
  .navbar {
    padding: 15px 0 0px;
  }
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-lg,
  .navbar > .container-md,
  .navbar > .container-sm,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
  }
  .navbar-expand-xl .offcanvas {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
  }
}
.navbar-expand-xl .offcanvas-body .navbar-nav .nav-link {
  padding: 0px 22px 25px;
}

.navbar-expand-xl .offcanvas-body .navbar-nav {
  margin: 0px 0 0;
}
.nav-link {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
}
.navbar-brand {
  padding: 0;
  margin: 0;
  line-height: 1;
}
.navbar-expand-xl .navbar-nav.service-menu {
  justify-content: flex-end;
}
.navbar-expand-xl .navbar-nav.service-menu .nav-link.search span {
  display: none;
}
.navbar-expand-xl .navbar-nav.service-menu .nav-link:not(.search) {
  padding-left: 13px;
  padding-right: 13px;
}
.navbar-expand-xl .navbar-nav.service-menu li:last-child .nav-link {
  padding-right: 0;
}
button.ship-to {
  color: #333;
  background: 0;
  border: 0;
  font-size: 11px;
  max-width: 332px;
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
button.ship-to span {
  font-weight: 600;
}

@media (min-width: 1200px) {
  header:not(.scrolled) .navbar-expand-xl .navbar-nav.service-menu .nav-link.search {
    display: flex;
    column-gap: 56px;
    border: 1px solid #D6D5D0;
    border-radius: 4px;
    padding: 10px 12px;
    font-weight: 400;
  }

  header:not(.scrolled) .navbar-expand-xl .navbar-nav.service-menu .nav-link.search span {
    display: block;
  }

  header.scrolled .navbar-expand-xl .navbar-brand {
    display: none;
  }

  header.scrolled .navbar-expand-xl > .container-fluid {
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto;
  }

  header.scrolled .navbar-expand-xl .offcanvas {
    grid-column: unset;
    grid-row: unset;
  }

  header.scrolled .navbar-brand img {
    height: 0;
    width: 0;
    transition: none;
  }

  header.scrolled .navbar-expand-xl .offcanvas {
    order: 0;
  }

  header.scrolled .navbar {
    padding: 0;
  }
}

.dropdown-image:not(.nav-link-banner) {
  position: absolute;
  width: 40%;
  right: 40px;
  top: 32px;
  padding: 0;
}

.dropdown-menu.mega-menu .nav-item .dropdown-image {
  width: 40%;
  position: absolute;
  right: 40px;
  top: 32px;
  opacity: 0;
  transition: 0.25s all;
  z-index: 999;
}

.dropdown-menu.mega-menu .nav-item:hover .dropdown-image {
  opacity: 1;
}

@media (max-width: 1199px) {
  .navbar > .container-fluid {
    column-gap: 20px;
  }
  
  .dropdown-menu.mega-menu .dropdown-image {
    display: none;
  }
  /* .navbar {
    padding: 17px 0;
  } */
  .navbar-brand {
    width: 220px;
    display: flex;
    align-items: center;
  }
  .navbar-brand img {
    width: 100%;
    height: auto;
  }
  .navbar-expand-xl .navbar-nav.service-menu {
    flex-direction: row;
    width: auto;
    margin-left: auto;
  }
  .mobile-no {
    display: none;
  }
  button.ship-to {
    display: none;
  }
  .navbar-expand-xl .navbar-nav.service-menu .nav-link {
    padding: 0px 10px;
  }
  .navbar-expand-xl .offcanvas {
    top: 92px;
  }
  .navbar-expand-xl .offcanvas-body {
    padding-top: 0;
  }

  .navbar .search-bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-decoration: none;
  }
}
.navbar-toggler {
  padding: 0;
  border: 0;
  outline: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler {
  order: 1;
  outline: none;
  height: 20px;
  width: 18px;
  border: 0px;
  padding: 0px;
  background: transparent;
  transition: all 250ms ease-out;
  cursor: pointer;
  position: relative;
}

.navbar-toggler:before,
.navbar-toggler:after {
  content: "";
  width: 18px;
  height: 1px;
  border-radius: 50em;
  position: absolute;
  background: #1a1a1a;
  transition: all 250ms ease-out;
  will-change: transform;
  left: 0;
}

.navbar-toggler:before {
  transform: translateY(-6px);
}

.navbar-toggler:after {
  transform: translateY(6px);
}

.navbar-toggler.collapsed:before {
  transform: translateY(0) rotate(45deg);
}

.navbar-toggler.collapsed:after {
  transform: translateY(0) rotate(-45deg);
}

.navbar-toggler span{
  content: "";
  width: 18px;
  height: 1px;
  border-radius: 50em;
  position: absolute;
  background: #1a1a1a;
  transition: all .25s ease-out;
  will-change: transform;
  left: 0;
  transform: translateY(0px);
}

.navbar-toggler.collapsed span{
display: none;
}

/* ==========================================================================
   #MOBILE MENU
   ========================================================================== */
.mobile__menu {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mobile__menu .nav,
.mobile__menu .nav__sub {
  margin-top: 0;
  margin-bottom: 55px;
  list-style-type: none;
}
.mobile__menu .nav .nav-item .nav-link {
  font-size: 24px;
  text-transform: none;
  font-family: "Saol Display";
  font-weight: 400;
  line-height: 24px;
  border-top: 1px solid #d6d5d0;
  padding: 18px 0;
}

.mobile__menu > .nav .nav-item:last-child .nav-link {
  border-bottom: 1px solid #d6d5d0;
}

.mobile__menu .nav .nav-item .nav-link:hover {
  color: #333;
}
.mobile__menu .nav .nav-item.sale .nav-link {
  color: #ff4141;
}
.mobile__menu .nav__sub {
  padding: 0px 16px 40px;
  position: absolute;
  z-index: 9;
  top: 0px;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease-in-out;
  transform: translateX(100%);
  margin: 0;
  background: #f5f4f0;
}

.mobile__menu .nav__sub.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%);
}
.mobile__menu .nav__sub.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%);
}

@media (max-width: 1199px) {
  .header__menu {
    display: none;
  }
}

.nav-item.empty {
  height: 55px;
}
.offcanvas .nav .nav__sub.is-active > .nav-item > .nav-link + img {
  opacity: 0;
  width: calc(100vw - 20px);
  height: calc(100vw - 20px);
}
.offcanvas
  .nav
  .nav__sub.is-active
  > .nav-item:first-child
  + .nav-item
  > .nav-link
  + img {
  opacity: 1;
}
.mobile__menu .nav__sub {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.offcanvas
  .nav
  .nav__sub.is-active
  > .nav-item.empty
  + .nav-item
  > .nav-link
  + img {
  opacity: 1;
}
.offcanvas .nav .nav__sub.is-active > .nav-item:hover > .nav-link + img {
  opacity: 1;
}
.mobile__menu .nav__sub .nav__sub {
  z-index: 9;
}

.offcanvas .nav .nav__sub.is-active > .nav-item:first-child > .nav-link + img {
  opacity: 1;
}
.mobile__menu .sub__close {
  display: flex !important;
  align-items: center;
  padding: 15px 0 !important;
  border-top: 1px solid #d6d5d0 !important;
  border-bottom: 1px solid #d6d5d0 !important;
  font-size: 24px !important;
  text-transform: none;
  font-family: "Saol Display" !important;
  margin-bottom: 20px;
}
.sub__close:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-8.10623e-05 4.58333L4.59324 9.16667L5.34367 8.42609L2.02032 5.10996H15.8333V4.0567H2.02032L5.34367 0.740575L4.59324 0L-8.10623e-05 4.58333Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  display: inline-flex;
  margin-right: 15px;
}
.offcanvas .nav .have-sub-menu > .nav-link {
  flex-direction: row;
  display: flex;
  align-items: center;
}
.mobile__menu .nav .nav-item.have-sub-menu .nav__sub .nav-item .nav-link {
  border: 0;
  padding: 10px 0;
}
.have-sub-menu > .nav-link:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8333 4.58333L11.24 9.16667L10.4896 8.42609L13.8129 5.10996H0V4.0567H13.8129L10.4896 0.740575L11.24 0L15.8333 4.58333Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  display: inline-flex;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .mobile__menu {
    display: none;
  }
}
.service-mobile-menu {
  margin: auto -16px 0;
  border-top: 1px solid #d6d5d0;
  border-bottom: 1px solid #d6d5d0;
}
.service-mobile-menu .nav {
  margin-bottom: 0;
}
.service-mobile-menu .nav li {
  width: 50%;
}
.service-mobile-menu .nav .nav-item .nav-link {
  border: 0;
  font-size: 14px;
  font-family: "area-normal";
  font-weight: 600;
  padding: 14px 16px;
  display: flex;
  align-items: center;
}
.service-mobile-menu .nav .nav-item + .nav-item {
  border-left: 1px solid #d6d5d0;
}
.service-mobile-menu + button.ship-to {
  display: block;
  padding: 20px 0px 10px;
}

.service-mobile-menu .nav .nav-item .nav-link.account:before {
  content: "";
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.684 8.54257C11.9236 7.9182 12.809 6.78297 13.1042 5.4207C13.6354 2.97997 11.9236 0.595993 9.38542 0.0851419C8.14583 -0.141903 6.90625 0.0851419 5.84375 0.766277C4.78125 1.44741 4.07292 2.46912 3.83681 3.6611C3.60069 4.85309 3.83681 6.04507 4.54514 7.06678C5.01736 7.69115 5.60764 8.202 6.25694 8.54257C2.65625 9.45075 0 12.6294 0 16.4324C0 16.773 0.236111 17 0.590278 17H16.4097C16.7639 17 17 16.773 17 16.4324C17 12.6294 14.3438 9.45075 10.684 8.54257ZM5.54861 6.38564C5.01736 5.64775 4.84028 4.73957 5.01736 3.83139C5.19444 2.92321 5.72569 2.18531 6.55208 1.67446C7.14236 1.27713 7.79167 1.10684 8.5 1.10684C8.73611 1.10684 8.97222 1.10684 9.20833 1.16361C11.0972 1.50417 12.3958 3.32053 11.9826 5.19366C11.6875 6.55593 10.625 7.57763 9.20833 7.86143C8.73611 7.97496 8.26389 7.97496 7.85069 7.86143C6.90625 7.69115 6.07986 7.1803 5.54861 6.38564ZM1.18056 15.8648C1.47569 12.2321 4.66319 9.39399 8.5 9.39399C12.3368 9.39399 15.5243 12.2321 15.8194 15.8648H1.18056Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: center;
}
.service-mobile-menu .nav .nav-item .nav-link.wishlist:before {
  content: "";
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53747 0C3.36652 0 2.19402 0.484448 1.31607 1.4514C-0.439836 3.38525 -0.437546 6.4587 1.31607 8.39382L8.00344 15.7795C8.06625 15.8491 8.14245 15.9045 8.22723 15.9425C8.31201 15.9804 8.40355 16 8.49608 16C8.58862 16 8.68015 15.9804 8.76494 15.9425C8.84972 15.9045 8.92591 15.8491 8.98872 15.7795C11.221 13.3209 13.4508 10.8597 15.6831 8.40098C17.439 6.46713 17.439 3.39248 15.6831 1.45855C13.9272 -0.475379 11.0032 -0.475417 9.24728 1.45855L8.49958 2.27363L7.75188 1.4514C6.87392 0.484453 5.70842 0 4.53747 0ZM4.53747 1.33701C5.33913 1.33701 6.14 1.69023 6.77358 2.38802L8.01043 3.75363C8.07324 3.82315 8.14944 3.87862 8.23422 3.91657C8.319 3.95451 8.41053 3.9741 8.50307 3.9741C8.59561 3.9741 8.68714 3.95451 8.77192 3.91657C8.8567 3.87862 8.9329 3.82315 8.99571 3.75363L10.2256 2.39517C11.4927 0.999529 13.4307 0.999559 14.6978 2.39517C15.9649 3.79079 15.9649 6.07599 14.6978 7.47151C12.6305 9.74848 10.5669 12.0226 8.49958 14.2995L2.30136 7.46435C1.03488 6.06679 1.02726 3.78354 2.29438 2.38802C2.92795 1.69023 3.73581 1.33701 4.53747 1.33701Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: center;
}
.mobile__menu .nav .nav-item.have-sub-menu .nav__sub .nav-item .nav-link {
  font-size: 14px;
  padding: 5px 0 0;
  font-weight: 400;
  font-family: "area-normal";
}
.nav-item.have-sub-menu .nav {
  margin-top: 0px;
  margin-bottom: 20px;
}
.mobile__menu .nav .nav-item.have-sub-menu .nav__sub > .nav-item > .nav-link {
  font-size: 20px;
  padding: 5px 0;
  font-family: "Saol Display";
}

.nav__sub .have-sub-menu .nav-link[aria-expanded="true"]:after {
  transform: rotate(90deg);
}

.nav__sub .dropdown-image img {
  margin-bottom: 0;
  border-top-right-radius: 50em;
  border-top-left-radius: 50em;
  height: 100px;
  object-fit: cover;
}
.nav__sub .dropdown-image {
  grid-template-columns: 80px auto;
  align-items: center;
  font-size: 20px;
  font-family: "Saol Display";
  color: #333;
  position: relative;
  width: 100%;
  right: 0;
  top: 0;
}
.mobile__menu .nav__sub.is-active > .nav-item:first-child {
  position: sticky;
  top: 0;
  background: #f5f4f0;
  z-index: 1026;
}
/* ==========================================================================
   #DROPDOWN
   ========================================================================== */
@media (min-width: 1200px) {
  .offcanvas .navbar-nav .dropdown {
    position: static;
  }
  .offcanvas .navbar-nav .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    padding: 80px 0;
    border-radius: 0;
    width: 20rem;
    border: 0;
    margin-top: 0px;
    z-index: 9999;
    transform: translateY(60px);
  }
  .offcanvas.has-delay .navbar-nav .dropdown-menu {
    transition:
      opacity 0.35s ease,
      transform 0.35s ease,
      visibility 0s linear 0.35s;
  }
  .offcanvas.has-delay .navbar-nav .dropdown:hover .dropdown-menu {
    transition-delay: 0.2s, 0.2s, 0.2s;
  }
  .offcanvas .navbar-nav .dropdown-menu.mega-menu {
    width: 100%;
    background: #f5f3ef;
    padding: 0px 0 30px;
    left: 0;
    right: 0;
  }
  .offcanvas .navbar-nav .dropdown-menu.mega-menu .container {
    position: relative;
  }
  .navbar-nav .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .navbar-nav .dropdown-toggle::after {
    display: none;
  }
}

@media (min-width: 1600px) {
  .offcanvas .navbar-nav .category-menu .dropdown-menu.mega-menu {
    min-height: 30vw;
  }
}
@media (min-width: 1921px) {
  .offcanvas .navbar-nav .category-menu .dropdown-menu.mega-menu {
    min-height: 29vw;
  }
}
.dropdown-menu.mega-menu .container-fluid {
  border-top: 1px solid #d6d5d0;
  padding-top: 32px;
}

.dropdown-image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.dropdown-image.image-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.dropdown-image img {
  width: 100%;
  margin-bottom: 15px;
}
.dropdown-image a {
  text-decoration: none;
  color: #333;
  display: block;
}
.dropdown-image p {
  margin-bottom: 0;
  font-size: 16px;
  font-family: "Saol Display";
  line-height: 1;
}
.navbar-expand-xl .offcanvas-body .navbar-nav .dropdown-menu .nav-link {
  padding: 5px 0;
  font-weight: 400;
}
.navbar-expand-xl .offcanvas-body .navbar-nav .dropdown-menu .nav-link:hover {
  color: #333;
  opacity: 0.7;
}
.dropdown-menu h4 {
  font-size: 20px;
  font-family: "Saol Display";
  margin-bottom: 15px;
  line-height: 1;
}
.navbar-expand-xl .offcanvas .offcanvas-body {
  border: 0;
}
.navbar-expand-xl
  .offcanvas-body
  .navbar-nav
  .dropdown:hover
  .nav-link.dropdown-toggle {
  text-decoration: underline;
  text-underline-offset: 29px;
  text-decoration-thickness: 2px;
}
/* ==========================================================================
   #OFFCANVAS
   ========================================================================== */
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-width: 460px;
  --bs-offcanvas-padding-x: 35px;
  --bs-offcanvas-padding-y: 35px;
  --bs-offcanvas-color: #333;
  --bs-offcanvas-bg: #f5f4f0;
  --bs-offcanvas-border-width: 0;
}
.offcanvas-header .btn-close {
  opacity: 1;
}
@media (max-width: 767px) {
  .offcanvas,
  .offcanvas-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-padding-x: 16px;
    --bs-offcanvas-padding-y: 25px;
    --bs-offcanvas-width: 100%;
  }
}
.offcanvas-body {
  border-top: 1px solid #d6d5d0;
  padding-bottom: 0px;
}
.offcanvas-title {
  font-family: "Saol Display";
  font-size: 20px;
  color: #333;
  line-height: 1;
}
#offcanvasLogin p {
  font-size: 13px;
}
/* ==========================================================================
   #MODAL
   ========================================================================== */
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 666px;
}
.modal-content {
  border-radius: 0;
  border: 0;
}
.modal-body {
  margin: 42px;
  color: #fff;
  padding: 50px;
  text-align: center;
}
.modal-body .title {
  margin-bottom: 45px;
  font-size: 28px;
  line-height: 1;
}
.modal-body .btn-close {
  opacity: 1;
  position: absolute;
  top: 25px;
  right: 25px;
  background: 0;
}
.modal-body p {
  font-size: 11px;
}
.modal-body .dropdown {
  width: 260px;
  margin: 0 auto;
}
.modal-body .dropdown .btn {
  width: 100%;
}
.modal-body .dropdown .btn.btn-outline {
  border-color: #fff;
  color: #fff;
  font-size: 12px;
  text-align: left !important;
  justify-content: flex-start;
  padding: 0 20px;
}
.modal-body .dropdown .btn.btn-outline:hover {
  background: transparent;
  color: #fff;
}
.dropdown-toggle::after {
  display: none;
}
button.btn.btn-white.button-sumbit {
  max-width: 260px;
  margin: 12px auto 0;
  color: #226357;
  width: 100%;
  padding: 15px;
}
button.btn.btn-white.button-sumbit:hover {
  color: #fff;
}

.modal-body .dropdown .btn.btn-outline.dropdown-toggle:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  position: absolute;
  right: 15px;
  transform: translateY(-50%);
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.25s all;
}

.modal-body .dropdown .dropdown-menu {
  width: 100%;
  border-radius: 3px;
  border: 0;
  max-height: 100px;
  overflow-y: scroll;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background: 0;
  opacity: 0.7;
}
.dropdown-item {
  max-width: 260px;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
/* ==========================================================================
   #SEARCH
   ========================================================================== */
.popular-searches {
  margin-bottom: 30px;
}

.popular-searches .title {
  line-height: 1;
  margin-bottom: 25px;
  font-size: 20px;
}
.popular-searches .nav-item .nav-link {
  font-weight: 400;
  padding: 5px 0;
  color: #333;
}
.popular-searches .nav-item .nav-link:hover {
  opacity: 0.7;
}
input.search-field {
  background: 0;
  border: 0;
  font-family: "Saol Display";
  font-size: 20px;
  color: #333;
  width: 325px;
  outline: 0;
}
input.search-field::placeholder {
  font-family: "Saol Display";
  font-size: 20px;
  color: #333;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

form.product-search.searchform {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
form.product-search.searchform:before {
  content: "";
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7917 15.6555L11.4183 10.282C12.4113 9.00009 12.8787 7.38796 12.7252 5.77365C12.5718 4.15934 11.8092 2.6641 10.5925 1.59213C9.37575 0.520158 7.79634 -0.0480207 6.17557 0.00318292C4.55479 0.0543865 3.01439 0.721126 1.86776 1.86776C0.721126 3.01439 0.0543865 4.55479 0.00318292 6.17557C-0.0480207 7.79634 0.520158 9.37575 1.59213 10.5925C2.6641 11.8092 4.15934 12.5718 5.77365 12.7252C7.38796 12.8787 9.00009 12.4113 10.282 11.4183L15.6555 16.7917C15.8085 16.9303 16.009 17.0048 16.2154 16.9998C16.4218 16.9947 16.6184 16.9104 16.7644 16.7644C16.9104 16.6184 16.9947 16.4218 16.9998 16.2154C17.0048 16.009 16.9303 15.8085 16.7917 15.6555ZM1.63067 6.38672C1.62948 5.44532 1.90757 4.52473 2.42975 3.74143C2.95194 2.95814 3.69474 2.34734 4.56418 1.98635C5.43361 1.62536 6.39059 1.53039 7.31401 1.71346C8.23744 1.89653 9.0858 2.34942 9.75175 3.01481C10.4177 3.68019 10.8713 4.52817 11.0552 5.45144C11.239 6.37471 11.1449 7.33177 10.7846 8.20151C10.4243 9.07125 9.81418 9.81457 9.03133 10.3374C8.24847 10.8603 7.32811 11.1391 6.38672 11.1387C5.12668 11.1366 3.91881 10.6354 3.02745 9.7448C2.13609 8.8542 1.63386 7.64675 1.63067 6.38672Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.product-horizontal {
  position: relative;
}
.product-item.horizontal {
  display: grid;
  grid-template-columns: 170px auto;
  gap: 25px;
}
.searched-products .product-item {
  border-bottom: 1px solid #d6d5d0;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.searched-products .product-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 30px;
}
.search-button.sticky-bottom {
  background: #f5f4f1;
  margin-left: -35px;
  margin-right: -35px;
  text-align: center;
  padding: 30px;
  border-top: 1px solid #d6d5d0;
  position: absolute;
  width: 100%;
}
.search-button.sticky-bottom .btn {
  width: 100%;
}
@media (max-width: 1199px) {
  .product-item.horizontal {
    display: grid;
    grid-template-columns: 140px auto;
    gap: 25px;
  }
  input.search-field {
    width: auto;
  }
  .search-button.sticky-bottom {
    margin-left: -16px;
    margin-right: -16px;
    padding: 30px 16px;
    position: absolute;
    width: 100%;
  }
}
/* ==========================================================================
   #BAG
   ========================================================================== */

.bag-products .product-item {
  border-bottom: 1px solid #d6d5d0;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
#offcanvasBag .offcanvas-header {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
#offcanvasBag .offcanvas-header .btn-close {
  position: absolute;
  right: 35px;
  top: 35px;
}
#offcanvasBag .sticky-bottom {
  background: #f5f4f1;
  margin-left: -35px;
  margin-right: -35px;
  text-align: center;
  padding: 20px 30px 30px;
  border-top: 1px solid #d6d5d0;
  position: absolute;
  width: 100%;
}
#offcanvasBag .sticky-bottom .btn {
  width: 100%;
}

.total {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  font-family: "area-normal";
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
.shipping-msg {
  text-align: left;
  margin-bottom: 15px;
  font-size: 12px;
}
.progress {
  background: #d6d5d0;
  height: 2px;
  border-radius: 50em;
}
.progress-bar {
  background: #333;
  border-radius: 50em;
}

.delivery-bar {
  width: 100%;
  margin-top: 30px;
}
.delivery-bar p {
  margin-bottom: 0px;
  margin-top: 16px;
  font-size: 12px;
}
#offcanvasBag .offcanvas-body {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 210px;
}
.attr {
  font-size: 12px;
  margin-bottom: 5px;
}
.line-prop {
  display: block;
}
.bag-action {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 10px;
}
.bag-action button {
  background: 0;
  border: 0;
  font-size: 11px;
  text-decoration: underline;
}
select.form-select {
  background-color: #fff;
  border-color: #d6d5d0;
  max-width: 46px;
  padding: 0 8px 0 8px;
  height: 22px;
  font-size: 10px;
  font-weight: 600;
  background-position: right 0.35rem center;
  border-radius: 3px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.1665 0.666504L4.08691 4.74609L0 0.666504L0.666504 0L4.08691 3.42041L7.5 0L8.1665 0.666504Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  background-size: 10px;
}
.form-select:focus {
  border-color: #333;
  box-shadow: none;
}
.background-collpase:before {
  content: "";
  width: calc(100% + 254px);
  right: 0;
  top: 0;
  height: 100%;
  position: absolute;
  background: rgb(0 0 0 / 20%);
  z-index: 1025;
}

div#offcanvasBag .recommended {
  background: #f5f4f0;
  border-right: 1px solid #d6d5d0;
  height: 100%;
  padding: 0px 30px 0;
}

@media (min-width: 768px) {
  div#offcanvasBag .recommended {
    position: absolute;
    top: 0;
    left: -254px;
    width: 254px;
    height: 100%;
    padding: 0px 40px 0;
    overflow-y: auto;
  }
  div#offcanvasBag {
    width: 460px;
  }
}

.recommended .product-item {
  margin-bottom: 40px;
}

.recommended .sticky-top {
  background: #f5f4f0;
  margin-left: -40px;
  margin-right: -40px;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 35px;
}
.recommended .title {
  font-size: 20px;
  line-height: 1;
}
.recommended::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.recommended {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

div#collapseGiftMessage {
  position: absolute;
  width: 100%;
  background: #f5f4f1;
  left: 0;
  bottom: 0;
  padding: 25px 35px 30px;
  border-top: 1px solid #d6d5d0;
  z-index: 1026;
}
.collapse-action {
  font-family: "area-normal";
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.collapse-action a {
  text-decoration: none;
  text-transform: uppercase;
}
.collapse-action a:hover {
  opacity: 0.7;
}
.giftmessage {
  font-weight: 600;
  font-family: "area-normal";
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 15px;
  display: block;
  text-align: left;
}
.giftmessage:hover {
  opacity: 0.7;
}

div#collapseGiftMessage textarea {
  height: 120px;
  padding: 0;
  border: 0;
  font-weight: 400;
  font-size: 14px;
}
div#collapseGiftMessage .btn {
  width: 100%;
}

@media (max-width: 767px) {
  .recommended-product {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
    gap: 25px;
    padding: 0 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
  .recommended-product .product-item {
    width: 170px;
  }
  div#offcanvasBag .recommended {
    padding: 0;
    border-top: 0;
    border-right: 0;
    height: auto;
  }
  div#offcanvasBag .recommended {
    border-top: 1px solid #d6d5d0;
    margin-top: 40px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 20px 16px 0;
  }
  .recommended .sticky-top {
    text-align: left;
    padding: 0px 0px 15px;
    margin: 0;
    position: relative;
    z-index: 0;
  }
  .recommended .title {
    font-size: 11px;
    font-family: "area-normal";
    font-weight: 600;
    text-transform: uppercase;
  }
  #offcanvasBag .sticky-bottom {
    margin-left: -16px;
    margin-right: -16px;
    padding: 20px 16px 20px;
  }

  #offcanvasBag .offcanvas-body {
    min-height: 250px;
  }
  div#collapseGiftMessage {
    padding: 20px 16px;
  }
}

.recommended-product ::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.recommended-product {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* ==========================================================================
   #GLOBAL
   ========================================================================== */
.section {
  margin: 60px 0px;
}

.title {
  font-size: 40px;
  font-family: "Saol Display";
  line-height: 40px;
  margin-bottom: 0;
}
.btn {
  width: fit-content;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s all;
  font-size: 11px;
  text-transform: uppercase;
  padding: 0 45px;
  border-radius: 3px;
  font-weight: 600;
  line-height: 1;
}

.btn.btn-grid-item {
  background-color: #226355;
  border: 1px solid #226355;
  color: #fff;
  width: 100%;
  height: 40px;
  letter-spacing: 0.55px;
  margin-top: 12px;
  margin-bottom: 0;
  transform: translateY(100%);
  display: none;
  opacity: 0;
  pointer-events: none;
  line-height: 40px;

  @media screen and (min-width: 768px) {
    display: block;
  }
}

.btn.btn-grid-item:hover,
.btn.btn-grid-item:active {
  background-color: transparent;
  color: #226355;
}

.searched-products .btn.btn-grid-item {
  display: none;
  pointer-events: none;
}

.btn-white {
  background: #fff;
  color: #333333;
}
.btn-white:hover {
  background: #333333;
  color: #fff;
}

.btn-dark {
  background: #333;
  color: #fff;
}
.btn-dark:hover {
  background: #fff;
  color: #333;
}

.btn-link {
  color: #fff;
  text-underline-offset: 7px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  text-decoration: underline;
}

.btn-link:hover {
  opacity: 0.7;
  color: #fff;
}
.btn-link.dark {
  color: #333;
}
.btn-link.dark:hover {
  color: #333;
}

.btn-outline {
  border: 1px solid #333333;
  border-radius: 3px;
}
.btn-outline:hover {
  border: 1px solid #333333;
  background: #333;
  color: #fff;
}

@media (max-width: 1199px) {
  .title {
    font-size: 34px;
    line-height: 34px;
  }
}

.form-control {
  border: 1px solid #d6d5d0;
  background: transparent;
  height: 50px;
  padding: 0 20px;
  border-radius: 3px;
  font-size: 12px;
  font-family: "area-normal";
  font-weight: 600;
  margin-bottom: 12px;
}
.form-control::placeholder {
  color: #333;
}
.form-control:focus {
  color: #333;
  background: transparent;
  box-shadow: none;
  border-color: #333;
}
.forgot {
  color: #333;
  font-size: 12px;
  font-weight: 600;
  font-family: "area-normal";
  display: flex;
  justify-content: end;
  margin-bottom: 30px;
}
form .btn {
  width: 100%;
  margin: 12px 0 25px;
}
form .btn:hover {
  border-color: #333;
}
/* ==========================================================================
   #HEADER
   ========================================================================== */
.header {
  position: relative;
  height: 75vh;
}
.header-carousel .header-image {
  position: relative;
  height: 75vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 60px;
}
.header-image img,
.header-image video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
  z-index: -1;
}
.header_content {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.header_content p {
  margin-bottom: 0;
}
.carousel-nav {
  position: absolute;
  right: 40px;
  bottom: 60px;
  z-index: 99;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: row;
}
.slick-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50em;
  border: 1px solid rgb(255 255 255 / 40%);
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5.41668L11.74 10L10.9896 9.25944L14.3129 5.94331H0.5V4.89005H14.3129L10.9896 1.57392L11.74 0.833344L16.3333 5.41668Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.slick-arrow.prev {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='white'/%3E%3C/svg%3E%0A");
}

button.slick-arrow.next svg {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}

.slick-arrow.next svg circle {
  stroke-dasharray: 130;
  stroke-dashoffset: 130;
  fill: none !important;
  stroke: #fff !important;
  stroke-width: 1px !important;
}
.slick-arrow.next.run-animation svg circle {
  animation-name: dash;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.header-carousel .title {
  font-size: 60px;
  font-family: "Saol Display";
  line-height: 60px;
  margin-bottom: -10px;
}

@media (max-width: 1199px) {
  .header-carousel .header-image {
    padding-bottom: 20px;
  }
  .header-carousel .title {
    font-size: 48px;
    line-height: 48px;
  }
  .carousel-nav {
    right: 16px;
    bottom: 30px;
  }
}

/* ==========================================================================
   #COLLECTION SECTION
   ========================================================================== */
.collection-section .nav {
  margin-top: 35px;
  margin-bottom: 35px;
}
.collection-section.has-background {
  margin: 0;
  padding: 60px 0;
}
.collection-section .nav .nav-link {
  padding: 0 0 8px;
  margin-right: 35px;
  font-size: 11px;
  color: inherit;
  text-transform: uppercase;
  border-bottom: 1px solid rgb(51 51 51 / 20%);
}
.collection-section .nav .nav-item:last-child .nav-link {
  margin-right: 0;
}
.collection-section .nav .nav-link.active,
.collection-section .nav .nav-link:hover {
  color: #333;
  border-bottom: 1px solid #333;
  border-color: #333;
}

.collection-banner {
  position: relative;
  height: 28.5vw;
  padding: 25px;
  color: #fff;
}
.collection-banner video,
.collection-banner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
  z-index: -1;
}
.collection-banner__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.collection-banner__content {
  text-decoration: none;
}
.collection-banner__content .title {
  font-size: 28px;
  line-height: 28px;
  color: #fff;
}
/* the slides */
.product-carousel .slick-slide {
  margin-left: 25px;
}
/* the parent */
.product-carousel .slick-list {
  margin-left: -25px;
}
.product-carousel .slick-track {
  display: flex !important;
}
.product-carousel .slick-arrow {
  border: 1px solid #333;
  border-radius: 50em;
  font-size: 1px;
  color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -70px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5.41668L11.74 10L10.9896 9.25944L14.3129 5.94331H0.5V4.89005H14.3129L10.9896 1.57392L11.74 0.833344L16.3333 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.product-carousel .slick-prev.slick-arrow {
  right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.slick-disabled {
  opacity: 0.5;
}
.collection-section .nav .nav-link,
.collection-section .nav .nav-link.active {
  color: inherit;
}
/*
.collection-section.has-background .product-carousel .slick-arrow {
    border: 1px solid #eee;
}
.collection-section.has-background .product-carousel  .slick-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5.41668L11.74 10L10.9896 9.25944L14.3129 5.94331H0.5V4.89005H14.3129L10.9896 1.57392L11.74 0.833344L16.3333 5.41668Z' fill='white'/%3E%3C/svg%3E%0A");
}
.collection-section.has-background .product-carousel  .slick-prev.slick-arrow {
   background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='white'/%3E%3C/svg%3E%0A");
}
*/
@media (max-width: 1199px) {
  .collection-section .title,
  .collection-section .nav {
    padding-left: 16px;
    padding-right: 16px;
  }
  .collection-section .nav .nav-link {
    margin-right: 20px;
  }
  .collection-section .container-fluid {
    --bs-gutter-x: 0;
  }
  .collection-section .row {
    --bs-gutter-x: 0;
  }
  .product-carousel {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
    gap: 25px;
    padding: 0 16px;
    overflow-y: hidden;
  }
  .product-carousel .product-item {
    width: 275px;
  }
  .collection-banner {
    height: 374px;
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  .product-carousel::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .product-carousel {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-carousel .product-item {
    width: 35vw;
    max-width: 400px;
  }
}
/* ==========================================================================
   #PRODUCT ITEM
   ========================================================================== */
.product-item {
  position: relative;
  overflow: hidden;
}
.product-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 9;
}
.product-badge span {
  background: #fff;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  padding: 0px 14px;
  font-weight: 600;
  line-height: 1;
  color: #333;
}
.product-image {
  background: #f5f4f0;
}

.btn-grid-item-mobile {
  cursor: pointer;
  border: none;
  background: none;
  @media screen and (min-width: 768px) {
    display: none;
  }
}

.searched-products .btn-grid-item-mobile {
  display: none;
  pointer-events: none;
}

.product-grid-item__mobile-variants {
  display: none;
}

.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-image .hover-image {
  opacity: 1;
  visibility: hidden;
  background-color: #f5f4f0;
}
.product-item:hover .hover-image {
  opacity: 1;
  visibility: visible;
}

.product-item:hover .btn.btn-grid-item,
.product-item:hover .product-grid-item__variants {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.product-item.show-mobile-variants .product-grid-item__mobile-variants {
  display: block;
  opacity: 1;
  z-index: 999;
  position: fixed;
  width: 100%;
  min-height: 40vh;
  background: #fff;
  left: 0;
  right: 0;
  bottom: 0;

  @media (min-width: 768px) {
    display: none;
  }
}

.product-item.show-mobile-variants
  .product-grid-item__mobile-variants
  .btn-group {
  display: block;
  margin-top: 0;
  padding: 1.4rem 1rem;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.product-item.show-mobile-variants .btn-outline-primary {
  width: 100%;
  margin-bottom: 10px;
  border-color: #333;
}

.product-item.show-mobile-variants .mobile-variants__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem 1rem;
  border-bottom: 1px solid #d6d5d0;
}

.product-item.show-mobile-variants
  .mobile-variants__heading
  .mobile-variants__title {
  font-family: Saol Display;
  font-size: 20px;
  color: #333;
}

.product-item.show-mobile-variants .btn-close {
  opacity: 1;
  color: #333;
}

.product-title {
  margin-top: 10px;
}
.product-title h3 {
  font-size: 16px;
  font-family: "Saol Display";
  margin-bottom: 10px;
}
.product-title a {
  color: inherit;
  text-decoration: none;
}

.price {
  font-size: 12px;

  @media screen and (max-width: 767px) {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.price span {
  margin-right: 15px;
}
.price span.old-price {
  text-decoration: line-through;
}

/* ==========================================================================
   #COLLECTION GRID
   ========================================================================== */
.collection-grid {
  position: relative;
  overflow-x: hidden;
}
.collection-grid .title {
  margin-bottom: 100px;
}
.collection-grid_nav .nav-link {
  font-size: 40px;
  font-family: "Saol Display";
  color: #fff;
  padding: 0;
  font-weight: 400;
}

.collection-grid_nav .nav-item .nav-link {
  padding: 15px 0;
  border-bottom: 1px solid #fff;
  opacity: 0.5;
  position: relative;
  transition: 0.5s all;
}
.collection-grid_nav .nav-item .nav-link:before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  background: #fff;
  bottom: 0;
  transition: 0.5s all;
}
.collection-grid_nav .nav-item .nav-link:hover {
  opacity: 1;
}
.collection-grid_nav .nav-item .nav-link:hover:before {
  width: 100%;
}
@media (min-width: 1200px) {
  .collection-grid .container-fluid {
    --bs-gutter-x: 0;
  }
}
.collection-grid_nav {
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 40px;
  padding-bottom: 100px;
}

.default-image {
  width: 100%;
  height: 100%;
}
.default-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.collection-grid_nav .nav-item .nav-link + img {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% - 12px);
  height: 100%;
}
.collection-grid_nav .nav-item .nav-link:hover + img {
  opacity: 1;
}

.collection-grid_nav .nav-item .mobile-image {
  position: absolute;
  top: 0;
  width: 90px;
  height: 90px;
  object-fit: scale-down;
  border-radius: 50em;
  background: #fff;
}

@media (max-width: 1199px) {
  .collection-grid_nav {
    padding: 40px 0;
  }
  .default-image {
    display: none;
  }
  .collection-grid .title {
    margin-bottom: 50px;
    text-align: center;
  }
  .collection-grid_nav .nav-item {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .collection-grid_nav .nav-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .collection-grid_nav .nav-item .nav-link {
    opacity: 1;
    font-size: 34px;
    padding-left: 115px;
    height: 90px;
    line-height: 1;
    display: flex;
    border-bottom: 0;
    align-items: center;
  }
  .collection-grid_nav .nav-item:last-child .nav-link {
    border-bottom: 0;
  }
  .collection-grid_nav .nav-item .nav-link:before {
    display: none;
  }
  .collection-grid_nav .nav-item .nav-link + img {
    display: none;
  }
}
@media (min-width: 1199px) {
  .collection-grid_nav .nav-item .mobile-image {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .collection-grid_nav {
    padding-left: 16px;
    padding-right: 16px;
  }
  .default-image {
    display: block;
  }
  .collection-grid .container-fluid {
    --bs-gutter-x: 0;
  }
  .collection-grid .row {
    --bs-gutter-x: 0;
  }
}
@media (max-width: 991px) {
  .default-image {
    display: none;
  }
}
/* ==========================================================================
   #FULL WIDTH BANNER
   ========================================================================== */

.full-width-banner {
  position: relative;
  margin: 40px;
  height: 80vh;
  display: flex;
  padding: 60px 0px;
}
.full-width-banner img,
.full-width-banner video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
  z-index: -1;
}
.full-width-banner .title {
  font-size: 60px;
  font-family: "Saol Display";
  line-height: 60px;
  margin-bottom: -10px;
}
@media (max-width: 1199px) {
  .full-width-banner {
    margin: 20px 16px;
    padding: 20px 0;
    height: 620px;
  }
  .full-width-banner .title {
    font-size: 48px;
    line-height: 48px;
  }
}

/* ==========================================================================
   #DOUBLE BANNERS
   ========================================================================== */
.double-banners {
  margin: 40px 0px;
  position: relative;
}
.double-banners__content {
  display: flex;
  flex-direction: column;
  gap: 45px;
  margin-bottom: 100px;
}
.double-banners__content p {
  margin-bottom: 0px;
}
.double-banners__content .title {
  margin-bottom: -10px;
}
.double-banners img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .double-banners {
    margin: 20px 0 40px;
  }
  .double-banners img.image-left {
    width: calc(100% - 35vw - 25px);
    height: 72vw;
  }
  .double-banners img.image-right {
    position: absolute;
    top: 30vw;
    right: 16px;
    width: 35vw;
    height: 42vw;
  }
  .double-banners__content {
    margin-bottom: 0;
    margin-top: 50px;
    gap: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .double-banners {
    margin: 20px 0;
  }
}

/* ==========================================================================
   #CATEGORY GRID
   ========================================================================== */
.category-grid {
  margin: 40px 0;
  padding: 70px 0 90px;
}
.category-grid .title {
  margin-bottom: 60px;
}
.category-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.category-items a {
  color: #333;
  text-decoration: none;
}
.category-items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.35s all;
}
.category-items .ratio {
  border: 10px solid #fff;
  overflow: hidden;
}
.category-items .ratio:hover img {
  transform: scale(1.1);
}
.category-title {
  width: 303px;
  height: 76px;
  background-image: url("data:image/svg+xml,%3Csvg width='303' height='76' viewBox='0 0 303 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.251 67.8039C65.7728 46.3207 50.7623 67.8039 50.7623 67.8039L43.7138 60.4843C20.865 76.3134 0 72.9699 0 72.9699V0H303V72.9699C303 72.9699 282.135 76.3133 259.286 60.4843L252.238 67.8039C252.238 67.8039 237.227 46.3207 185.749 67.8039C177.712 71.1579 161.423 76.0128 150.797 75.9801L152.671 75.9116C135.233 76.7716 125.288 71.1579 117.251 67.8039Z' fill='white'/%3E%3C/svg%3E%0A");
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -50px auto 0;
  z-index: 9;
  position: relative;
}
.category-title h3 {
  text-decoration: none;
  color: #333;
  font-family: "Saol Display";
  font-size: 28px;
  line-height: 1;
  margin-bottom: 0;
  position: relative;
  top: -5px;
  text-align: center;
}
@media (max-width: 1199px) {
  .category-grid {
    padding: 60px 0 50px;
    margin: 20px 0;
  }
  .category-grid .container-fluid {
    --bs-gutter-x: 0;
  }
  .category-grid .row {
    --bs-gutter-x: 0;
  }
  .single-category {
    width: 275px;
  }
  .category-items {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
    padding: 0 16px;
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  .category-items::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .category-items {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .category-title h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "area-normal";
    font-weight: 600;
    margin-top: 0px;
  }
  .category-title {
    width: 192px;
    height: 45px;
    background-size: contain;
    margin-top: -25px;
  }
  .category-items .ratio {
    border: 7px solid #fff;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .single-category {
    width: 35vw;
    max-width: 400px;
  }
}
/* ==========================================================================
   #STICKY PRODUCT
   ========================================================================== */
.sticky-products {
  margin: 40px 0px;
}
.sticky-products__products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
.sticky-products__image {
  height: 100%;
  max-height: 1000px;
  padding: 40px;
  text-align: center;
  color: #fff;
  z-index: 1019;
}
.sticky-products__image img,
.sticky-products__image video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
  z-index: -1;
}
@media (max-width: 991px) {
  .sticky-products {
    margin: 20px 0px 80px;
  }
  .sticky-products .container-fluid {
    --bs-gutter-x: 0;
  }
  .sticky-products .row {
    --bs-gutter-x: 0;
  }
  .sticky-products__image {
    padding: 30px;
    height: 48vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 16px 20px;
  }
  .sticky-products__products {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
    padding: 0 16px;
  }
  .sticky-products__products .product-item {
    width: 275px;
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  .sticky-products__products::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .sticky-products__products {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}
/* ==========================================================================
   #ABOUT SECTION
   ========================================================================== */
.about-section {
  padding: 40px 0px;
}
.about-section__content {
  /*max-width: 430px;*/
  max-width: 525px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  text-align: center;
}
.about-section__content .btn {
  margin: 0 auto;
}
/* KN: 2024-05-14
.about-section__content p {
    margin-bottom: 0px;
}
*/
.about-section img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 991px) {
  .about-section .row {
    flex-direction: column-reverse;
  }
  .about-section img {
    margin: 0 auto 36px;
    height: 342px;
    border-top-right-radius: 50em;
    border-top-left-radius: 50em;
    display: block;
    width: 68vw;
    height: 88vw;
  }
  .about-section__content {
    max-width: 300px;
  }
  .about-section img {
    max-width: 265px;
    max-height: 342px;
    object-fit: cover;
  }
}
@media (min-width: 992px) and (max-width: 1366px) {
  .about-section img {
    margin: 0 auto 36px;
    height: 342px;
    border-top-right-radius: 50em;
    border-top-left-radius: 50em;
    display: block;
    width: 68vw;
    height: 88vw;
  }
  .about-section img {
    width: 100% !important;
    max-width: 539px;
    max-height: 696px !important;
    object-fit: cover;
  }
}
@media (min-width: 768px) {
  .about-section.section-reverse .row {
    flex-direction: row-reverse;
  }
  .about-section .row,
  .about-section .container-fluid {
    --bs-gutter-x: 2.5rem;
  }
}
@media (max-width: 767px) {
  .about-section {
    padding: 50px 0;
  }
}
/* ==========================================================================
   #LATEST NEWS
   ========================================================================== */
.latest-news {
  margin: 65px 0;
}
.latest-news .title {
  margin-bottom: 45px;
}
/* the slides */
.news-carousel .slick-slide {
  margin-left: 25px;
}
/* the parent */
.news-carousel .slick-list {
  margin-left: -25px;
}
.news-carousel .slick-track {
  display: flex !important;
}
.news-carousel .slick-arrow {
  border: 1px solid #333;
  border-radius: 50em;
  font-size: 1px;
  color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -85px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5.41668L11.74 10L10.9896 9.25944L14.3129 5.94331H0.5V4.89005H14.3129L10.9896 1.57392L11.74 0.833344L16.3333 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.news-carousel .slick-prev.slick-arrow {
  right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.single-news {
  padding-bottom: 5px;
}
.single-news .ratio {
  overflow: hidden;
}
.single-news img {
  object-fit: cover;
  transition: 0.35s all;
}
.single-news:hover img {
  transform: scale(1.1);
}
.single-news h3 {
  font-family: "Saol Display";
  font-size: 28px;
  line-height: 28px;
  margin: 20px 0;
}
.ratio-3x4 {
  --bs-aspect-ratio: 135%;
}
@media (max-width: 1199px) {
  .latest-news .container-fluid {
    --bs-gutter-x: 0;
  }
  .latest-news .row {
    --bs-gutter-x: 0;
  }
  .latest-news .title {
    padding: 0 16px;
  }
  .single-news {
    width: 275px;
  }
  .single-news h3 {
    font-size: 20px;
    line-height: 1;
  }
  .news-carousel {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
    padding: 0 16px;
    gap: 25px;
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  .news-carousel::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .news-carousel {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .single-news {
    width: 35vw;
    max-width: 400px;
  }
}
/* ==========================================================================
   #MARQUEE
   ========================================================================== */
.marquee {
  --gap: 25px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.marquee__content {
  flex-shrink: 0;
  align-items: self-start;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: var(--gap);
  animation: scroll 60s linear infinite;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
.instagram-carousel .marquee {
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .marquee {
    --gap: 10px;
    gap: var(--gap);
  }
  .instagram-carousel .ratio {
    width: 25vw;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marquee {
    --gap: 25px;
    gap: var(--gap);
  }
  .instagram-carousel .ratio {
    width: 20vw;
  }
}
/* ==========================================================================
   #FOOTER
   ========================================================================== */
footer {
  margin-top: 100px;
  position: relative;
  padding: 40px 0px;
}
footer .footer-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
  z-index: -1;
}
.footer-newsletter {
  padding: 40px;
  color: #fff;
}
.footer-newsletter .title {
  font-size: 48px;
  margin-bottom: 30px;
}
.footer-newsletter p {
  margin-bottom: 0px;
}
.footer-newsletter .form-group {
  display: flex;
  gap: 10px;
  align-items: center;
}
.newsletter__input {
  height: 54px;
  line-height: 54px;
  color: #fff;
  padding: 0px 15px;
  border: 1px solid #fff;
  border-radius: 3px;
  background: transparent;
  width: 100%;
  outline: 0;
}
.newsletter__input::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.newsletter__input::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #fff;
}
.footer-newsletter .btn-white {
  color: #236356;
  max-width: 111px;
  margin: 0;
}
.footer-newsletter .btn-white:hover {
  color: #fff;
}
.bottom-footer {
  margin-top: 40px;
  padding: 40px;
  background: #f5f4f0;
}
.bottom-footer h4 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 15px;
}
.bottom-footer .nav .nav-link {
  color: #333;
  padding: 5px 0;
  text-decoration: none;
  font-weight: 400;
}
.bottom-footer .nav .nav-link:hover {
  opacity: 0.7;
}
@media (max-width: 1199px) {
  footer {
    margin-top: 48px;
    padding: 20px 0px;
  }
  .footer-newsletter {
    padding: 30px 20px;
  }
  .footer-newsletter .title {
    font-size: 34px;
  }
  .footer-newsletter p {
    margin-bottom: 25px;
  }
  .footer-newsletter .form-group {
    gap: 0;
  }
  .footer-newsletter .btn-white {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .newsletter__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .bottom-footer {
    margin-top: 20px;
    padding: 30px 20px;
  }
}

/* ==========================================================================
   #COLLECTION
   ========================================================================== */

.collection {
  padding: 70px 0;
  margin-bottom: -100px;
}
.collection .title {
  margin-bottom: 70px;
}
.collection .category-items {
  row-gap: 70px;
}
@media (max-width: 767px) {
  .collection {
    padding: 70px 40px;
  }
}
@media (max-width: 1199px) {
  .collection {
    margin-bottom: -48px;
  }
  .collection .category-items {
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)) !important;
    row-gap: 30px;
    padding: 0;
  }
  .collection .category-items .single-category {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .collection .category-title {
    width: 303px;
    height: 76px;
    margin-top: -50px;
  }
  .collection .category-title h3 {
    font-family: "Saol Display";
    font-size: 24px;
  }
}

/* ==========================================================================
   #PLP
   ========================================================================== */

.header-type-1 {
  position: relative;
  padding: 30px 0;
  min-height: 26vw;
}
.header-type-1 img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 75%;
  padding-left: 16px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .header-type-1 img {
    width: 58.33333333%;
  }
}
@media (min-width: 992px) {
  .header-type-1 img {
    width: 66.666666%;
  }
}
@media (min-width: 1200px) {
  .header-type-1 img {
    width: 75%;
  }
}
.header-type-1 .title {
  margin-bottom: 40px;
}

.header-type-1 .readmore {
  text-decoration: none;
  text-transform: uppercase;
  font-family: "area-normal";
  font-weight: 600;
  color: inherit;
  font-size: 12px;
}
div#collapseReadMore {
  padding-top: 16px;
}

@media (max-width: 767px) {
  .header-type-1 {
    flex-direction: column;
    padding-top: 0px;
  }
  .header-type-1 img {
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 0 0px;
  }
  .header-type-1 .title {
    padding-top: 30px;
    margin-bottom: 30px;
  }
}

.product-listing__grid {
  display: grid;
  gap: 25px;
  row-gap: 70px;
  grid-template-columns: repeat(4, 1fr) !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .product-listing__grid {
    display: grid;
    gap: 16px;
    row-gap: 35px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  }
}

.product-listing__action {
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 55px;
  row-gap: 18px;
  align-items: center;
}
.product-listing__action .filter-chips {
  flex: 0 0 100%;
  order: 10;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.product-listing__action .filter-chips:empty {
  display: none;
}
.product-listing__action .filter-chips a:not(.clear-filters) {
  border: 1px solid #333333;
  border-radius: 3px;
  padding: 12px 14px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-listing__action .filter-chips .clear-filters {
  border: none;
  margin-left: 15px;
  text-underline-offset: 8px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 44px;
}
.product-listing__action .filter-chips .btn-close {
  --bs-btn-close-opacity: 1;
  width: 10px;
  height: 10px;
}
@media (max-width: 767px) {
  .product-listing__action .filter-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .product-listing__action .filter-chips::-webkit-scrollbar {
    display: none;
  }
  .product-listing__action .filter-chips a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
.product-listing__action .dropdown-toggle,
.product-listing__action .filters {
  font-size: 11px;
  text-decoration: underline;
  background: 0;
  padding: 0;
  border: 0;
  font-family: "area-normal";
  text-transform: uppercase;
  font-weight: 600;
  text-underline-offset: 5px;
  color: #333;
}
.product-listing__action .dropdown-menu {
  border-color: #d6d5d0;
  border-radius: 3px;
  background: #f5f4f0;
}
.dropdown-item {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.product-listing__grid .collection-banner {
  height: calc(100% + 20px);
}
.btn-group-vertical.color-btn .btn {
  width: auto;
  padding: 0 0 10px;
  border: 0;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  height: auto;
}
.color-btn .btn span {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  border-radius: 50em;
  background: #000;
  margin-right: 15px;
}
.color-btn .btn span {
  border: 2px solid #f5f4f0;
  position: relative;
  outline: 1px solid #d6d5d0;
}

.btn-group-vertical.color-btn > .btn-check:checked + .btn span {
  outline: 2px solid #000;
}

.filters__section .checkbox label {
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.filters__section .checkbox input:checked + label {
  border-bottom: 1px solid #000;
}
.filters__section .checkbox input {
  display: none;
}
.filters__section .checkbox {
  padding: 7px 0px;
}
.filters__section .checkbox:first-child {
  padding: 0px 0px;
}
.filters__section .checkbox:last-child {
  padding: 0px 0px;
}

#offcanvasFilters .offcanvas-body {
  padding-top: 15px;
}
#offcanvasFilters .accordion {
  margin-bottom: 170px;
  --bs-accordion-bg: transparent;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-border-color: #d6d5d0;
  --bs-accordion-btn-icon-transform: rotate(90deg);
  --bs-accordion-btn-icon-width: 15px;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8333 4.58333L11.24 9.16667L10.4896 8.42609L13.8129 5.10996H0V4.0567H13.8129L10.4896 0.740575L11.24 0L15.8333 4.58333Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8333 4.58333L11.24 9.16667L10.4896 8.42609L13.8129 5.10996H0V4.0567H13.8129L10.4896 0.740575L11.24 0L15.8333 4.58333Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.accordion-button::after {
  background-position: center;
}
.filters__section {
  margin-top: 5px;
  margin-bottom: 20px;
}
.accordion-button:not(.collapsed) {
  color: #333;
  background: transparent;
  box-shadow: none;
}
.accordion-button:focus {
  box-shadow: none;
}
#offcanvasFilters .accordion-button {
  font-family: "Saol Display";
  font-size: 20px;
  color: #333;
  line-height: 1;
}

.inline-load {
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.inline-load p {
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 35px;
}

.filters__action button {
  width: 100%;
  color: #333;
  text-decoration: none;
}
.filters__action .btn-link:hover {
  color: #333;
  opacity: 0.7;
}
.filters__action {
  margin-left: -35px;
  margin-right: -35px;
  padding: 20px 35px;
  border-top: 1px solid #d6d5d0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1026;
  background: #f5f4f0;
}
@media (max-width: 767px) {
  .product-listing__action {
    justify-content: space-between;
  }
  .product-listing__grid {
    display: grid;
    gap: 16px;
    row-gap: 35px;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .product-listing__grid .collection-banner {
    height: 100%;
    padding: 16px;
  }
}

/* ==========================================================================
   #PRODUCT PAGE
   ========================================================================== */
.product-page header {
  border-bottom: 1px solid #d6d5d0;
  margin-bottom: -1px;
}
.banner-section.sticky-top {
  top: 100px;
}
/*USE CSS for Slider*/

.vehicle-detail-banner .car-slider-desc {
  max-width: 180px;
  margin: 0 auto;
}
.banner-slider .slider.slider-for {
  max-width: calc(100% - 68px);
  padding-left: 35px;
}
.banner-slider .slider.slider-nav {
  width: 68px;
}
.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
  float: left;
}
.banner-slider .slider.slider-nav {
  height: 700px;
  overflow: hidden;
}
.banner-slider .slider.slider-nav {
  padding: 25px 0 0;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg {
  height: 68px;
  object-fit: scale-down;
  margin: 0 0 10px;
}
.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.slider-nav .slick-slide .thumbImg img {
  border: 1px solid transparent;
}
.slider-nav .slick-slide.slick-current .thumbImg img {
  border: 1px solid #333;
}
.banner-slider .slick-arrow {
  border: 1px solid #333;
  border-radius: 50em;
  font-size: 1px;
  color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 99;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5.41668L11.74 10L10.9896 9.25944L14.3129 5.94331H0.5V4.89005H14.3129L10.9896 1.57392L11.74 0.833344L16.3333 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.banner-slider .slick-prev.slick-arrow {
  left: calc(35px + 12px);
  right: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.product-content {
  position: relative;
  border-top: 1px solid #d6d5d0;
  border-bottom: 1px solid #d6d5d0;
}
.product-content:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #d6d5d0;
  position: absolute;
  left: 142px;
  z-index: 1024;
}
.product-content__right {
  padding: 60px 0px 20px 55px;
  border-left: 1px solid #d6d5d0;
}
.product-content__right h1 {
  font-family: "Saol Display";
  font-size: 28px;
  margin-bottom: 25px;
}
.product-content__right .price {
  font-size: 14px;
  margin-bottom: 25px;
  display: block;

  @media screen and (max-width: 767px) {
    display: flex;
  }
}
.product-content__variations {
  margin-bottom: 25px;
}
.product-content__variations p {
  font-weight: 400;
  font-size: .875em;
  letter-spacing: 0.5px;
}
.product-content__variations > p:first-of-type {
  text-transform: uppercase;
}
.product-content__variations .btn-group {
  gap: 8px;
}

.product-content__personalisation {
  margin-top: 10px;
}
.product-content__personalisation-wrapper {
  background-color: #EFEEE7;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 6px;
}
.product-content__personalisation-wrapper .btn-group {
  gap: 0;
}
.product-content__personalisation-wrapper p {
  margin-bottom: 8px;
}
.product-content__personalisation .form-control {
  margin: 1px 0 2px;
  border: 1px solid #333333;
  height: 40px;
  padding: 0 11px;
}
.product-content__personalisation .form-control::placeholder {
  opacity: 0.5;
}

#pdp-back {
  margin: 0 -16px;
}

.product-content__back-icon {
  width: 17px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='currentColor'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.product-item .product-grid-item__variants {
  display: none;
  margin-top: 12px;
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  transition: 0.25s all;

  @media (min-width: 768px) {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.searched-products .product-item .product-grid-item__variants {
  display: none;
  pointer-events: none;
}

.product-item .product-grid-item__variants p {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
}

.product-content__variations .btn,
.product-item .btn-outline-primary {
  padding: 0 15px;
  height: 40px;
  border-radius: 3px !important;
  color: #333;
  border-color: #d6d5d0;
  white-space: nowrap;
  margin: 0;

  @media (min-width: 1400px) {
    padding: 0 20px;
  }
}
.product-content__variations .color-check .btn {
  width: 40px;
  height: 40px;
  box-sizing: content-box;
  padding: 0;
  border-radius: 3px !important;
  border: 1px solid #d6d5d0;
  background: 0;
  color: #333;
  margin: 0;
}
.product-content__variations .color-check .btn img {
  border-radius: 3px;
}
.product-content__variations .btn-group > .btn-check:checked + .btn,
.product-item .btn-outline-primary:hover {
  border: 1px solid #333;
  background: 0;
  color: #333;
}

.product-content__variations .btn-group.color-check {
  gap: 5px;
}

.product-item .btn-group {
  gap: 3px;
}

.btn-check + .btn:hover {
  border-color: #333;
  color: #333;
}
.product-content__description {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px;
}
.input-group.quantity-wrapper {
  width: 108px;
  height: 54px;
  border: 1px solid #333;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.input-group.quantity-wrapper input {
  width: 50px;
}
.input-group.quantity-wrapper input {
  width: 30px;
  text-align: center;
  border: 0;
  background: transparent;
}
.input-group.quantity-wrapper {
  width: 108px;
  border: 1px solid #333;
  border-radius: 3px;
  justify-content: space-between;
}
button.btn-number {
  width: 39px;
  height: 54px;
  border: 0;
  background: 0;
  font-size: 18px;
  color: #333;
}
.product-content__add_to_bag {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  margin: 45px 0 0 0;
}
.product-content__add_to_bag .add_to_cart {
  width: calc(100% - 116px);
  margin: 0;
}
.product-content__shipping-icons {
  background-color: #EFEEE7;
  border-radius: 3px;
  padding: 20px 12px 14px;
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
.product-content__shipping-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90px;
  text-align: center;
}
@media (max-width: 767px) {
  .product-content__shipping-icon:nth-child(4) {
    display: none;
  }
}
.product-content__shipping-icon img {
  margin-bottom: 5px;
}
.product-content__shipping-icon span {
  font-size: 11px;
}
.product-content__right .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-btn-padding-x: 15px;
  --bs-border-radius: 3px;
  --bs-accordion-border-color: #d6d5d0;
  --bs-accordion-btn-icon-transform: none;
  --bs-accordion-btn-icon-width: 15px;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}
.product-content__right .accordion-button {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 20px 15px;
}
.product-content__right .accordion-body {
  padding: 0px 15px 15px;
  font-size: 14px;
}
.product-content__right .accordion-item.review .accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}
.product-content__right .accordion-item.review .accordion-button::after {
  display: none;
}
.small-ratings {
  font-size: 12px;
  line-height: 1;
}

.gift-upsell {
  background-color: #EFEEE7;
  border-radius: 3px;
  padding: 7px;
  display: flex;
  column-gap: 10px;
  height: min-content;
  min-height: 100px;
  cursor: pointer;
  font-size: 12px;

  @media (min-width: 768px) {
    height: 134px;
    padding: 10px;
    column-gap: 15px;
  }
}

.gift-upsell__image {
  height: 100%;
  max-height: 120px;
  aspect-ratio: 1/1;
  object-fit: cover;
  flex-shrink: 0;
}

.gift-upsell__image img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gift-upsell__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.gift-upsell__first-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gift-upsell__first-row .gift-upsell__input-label {
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}

.gift-upsell__first-row .gift-upsell__input-label input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 12px;
  height: 12px;
  border: 1px solid;
  line-height: 1;
  background: transparent;
  margin-right: 10px;
}

.gift-upsell__first-row .gift-upsell__input-label input::before {
  position: absolute;
  top: -2px;
  scale: .8;
  width: 100%;
  height: 100%;
  text-align: center;
  white-space: pre;
  content: " ";
}

.gift-upsell__first-row .gift-upsell__input-label input:checked::before {
  content: "\2713";
}

.gift-upsell__first-row .gift-upsell__price {
  margin-right: 7px;
}

.gift-upsell__second-row * {
  margin: 0;
}

.pair-it-with {
  margin-top: 40px;
}
.pair-it-with .title {
  font-size: 20px;
  margin-bottom: 30px;
}

/* the slides */
.up-sell .slick-slide {
  margin-left: 25px;
}
/* the parent */
.up-sell .slick-list {
  margin-left: -25px;
}
.up-sell .slick-track {
  display: flex !important;
}
.up-sell .slick-arrow {
  border: 1px solid #333;
  border-radius: 50em;
  font-size: 1px;
  color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -70px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5.41668L11.74 10L10.9896 9.25944L14.3129 5.94331H0.5V4.89005H14.3129L10.9896 1.57392L11.74 0.833344L16.3333 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.up-sell .slick-prev.slick-arrow {
  right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.pair-it-with {
  margin-top: 50px;
  border-top: 1px solid #d6d5d0;
  padding-top: 40px;
}
@media (min-width: 1200px) {
  .pair-it-with {
    margin-left: -55px;
    padding-left: 55px;
    margin-right: -40px;
    padding-right: 40px;
  }
}
.reviews-section {
  margin: 65px 0 50px;
}
.reviews-section img {
  width: 100%;
}
.complete-the-look {
  padding-top: 100px;
  border-top: 1px solid #d6d5d0;
  padding-bottom: 50px;
}
.complete-the-look .title {
  margin-bottom: 30px;
}
.product-content__variations .btn-group {
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  display: flex !important;
  border-radius: 0;
  flex-wrap: wrap;
}

.product-content__variations .btn {
  width: auto;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 400;
}

.product-item .btn-outline-primary {
  width: auto;
  flex: 1;
  font-size: 11px;
  font-weight: 400;
}

.product-content__variations .btn-group::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.product-content__variations .btn-group {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: 0;
}

@media (max-width: 991px) {
  .slider-banner-image {
    width: 450px;
  }
}
@media (max-width: 1199px) {
  .up-sell {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
    gap: 25px;
    padding: 0 16px;
  }
  .up-sell .product-item {
    width: 240px;
  }
  .product-content__right {
    padding: 30px 0px 16px 16px;
  }
  .complete-the-look .product-carousel {
    margin-left: -16px;
    margin-right: -16px;
  }
  .product-content:before {
    left: 118px;
  }
  .banner-slider .slider.slider-nav {
    height: auto;
    overflow: hidden;
  }
  .pair-it-with {
    margin-left: -16px;
    margin-right: -16px;
  }
  .pair-it-with .title {
    padding: 0 16px;
  }
}
@media (max-width: 991px) {
  .product-content:before {
    display: none;
  }
  .banner-slider .slider.slider-nav {
    display: none;
  }
  .slider-for {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
    gap: 0px;
    padding: 0 16px;
  }
  .slider-for .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 15px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    z-index: 2;
  }
  .slider-for.slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  .slider-for .slick-dots li {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }
  .slider-for .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid #006554;
    border-radius: 50%;
    background: transparent;
    font-size: 0;
    line-height: 0;
    color: transparent;
  }
  .slider-for .slick-dots li button:before {
    content: none;
  }
  .slider-for .slick-dots li.slick-active button {
    background: #006554;
  }
  .banner-section.sticky-top {
    margin-left: -16px;
    margin-right: -16px;
  }
  .banner-slider .slider.slider-for {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .slider-banner-image {
    width: 344px;
  }
  .product-content__right {
    padding: 20px 0 20px 0px;
    border-left: 0;
  }
  .product-content__variations .btn-group {
    flex-wrap: nowrap;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0px 16px;
  }
  .pair-it-with {
    margin-left: -16px;
    margin-right: -16px;
    padding: 30px 16px 0;
  }
  .up-sell .product-item {
    width: 240px;
  }
  .complete-the-look {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .complete-the-look .product-carousel .product-item {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .product-content__right {
    padding: 20px 0 20px 0px;
    border-left: 0;
  }
  .slider-banner-image {
    width: 344px;
  }
}
.slider-for::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.slider-for {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.up-sell::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.up-sell {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* ==========================================================================
   #ACCOUNT
   ========================================================================== */
.page-account header {
  border-bottom: 1px solid #d6d5d0;
  margin-bottom: -1px;
}
.header-type-2 {
  padding: 30px 0;
  border-bottom: 1px solid #d6d5d0;
}
.header-type-2 .small-lead {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
.header-type-2 .title {
  line-height: 1;
}
.page-account .header-type-2 {
  border-bottom: 0;
}
.page-account .header-type-2 .title {
  font-size: 28px;
  line-height: 1;
}
.account-content__title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  display: inline-flex;
  text-decoration: none;
}
.account-content ul.nav li {
  padding: 4px 0;
  display: flex;
  align-items: center;
}
.account-content ul.nav li.active:before {
  content: "";
  width: 15px;
  height: 1px;
  background: #333;
  margin-right: 6px;
  margin-top: 3px;
}
.account-content ul.nav li a {
  text-decoration: none;
  padding: 0;
  font-weight: 400;
}
.account-content ul.nav li:hover {
  opacity: 0.7;
}
.order {
  border-bottom: 1px solid #d6d5d0;
  padding-bottom: 16px;
  margin-bottom: 16px;
  display: flex;
  width: 100%;
  line-height: 2;
}
.order div {
  flex: 50%;
  display: flex;
  flex-direction: column;
}
.account-content .collection-banner {
  min-height: 448px;
}
@media (min-width: 1200px) {
  .account-content {
    margin-bottom: -60px;
  }
}
@media (max-width: 991px) {
  .account-content ul.nav.account-menu {
    display: block;
    -webkit-column-count: 2;
    moz-column-count: 2;
    column-count: 2;
    margin-bottom: 25px;
    padding: 0 0px 25px;
    border-bottom: 1px solid #d6d5d0;
  }
  .account-content ul.nav li {
    flex: 50%;
  }
  .order div {
    font-size: 12px;
  }
  .order div span {
    font-size: 14px;
  }
}

.adresses {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d6d5d0;
  margin-bottom: 25px;
  padding-bottom: 5px;
}
.adresses .name {
  font-size: 16px;
  margin-bottom: 5px;
}
.adresses__info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  line-height: 2;
}
.adresses__info span {
  width: 50%;
}
ul.nav.actions {
  margin-top: 25px;
  justify-content: end;
  gap: 15px;
}
ul.nav.actions li a {
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.addresses-form.hide {
  display: none;
}

.account-content .btn-link {
  color: #333;
  text-decoration: none;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: -3px;
  margin-left: auto;
  float: right;
}

.account-content .product-listing__grid {
  grid-template-columns: repeat(3, 1fr) !important;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .account-content .product-listing__grid {
    display: grid;
    gap: 16px;
    row-gap: 35px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  .account-content .product-listing__grid {
    display: grid;
    gap: 16px;
    row-gap: 35px;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.product-action {
  margin-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d5d0;
}
.product-action a {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
}
.product-action a + a {
  margin-left: 35px;
}
.product-action a:hover {
  opacity: 0.7;
}

.search-page header {
  margin-bottom: -1px;
  border-bottom: 1px solid #d6d5d0;
}

/* ==========================================================================
   #OTHER
   ========================================================================== */

.not-found,
.account-action {
  height: 60vh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.not-found .title {
  margin-bottom: 0px;
  font-size: 120px;
  line-height: 1;
}
.not-found .btn {
  margin-top: 30px !important;
}

.account-action form {
  margin-top: 35px;
}

#cart {
  padding-top: 30px;
}

#cart .title {
  margin-bottom: 10px;
}

#cart .info {
  padding: 18px 0px 0px 0px;
}
#cart .info a {
  text-decoration: underline;
}
#cart .cart-summary {
  padding: 20px 0px 0px 0px;
}
@media (max-width: 767px) {
  #cart .cart-summary {
    flex-wrap: wrap;
  }
}
#cart .cart-summary .cart {
  width: 70%;
  margin: 0px 55px 0px 0px;
}
@media (max-width: 767px) {
  #cart .cart-summary .cart {
    width: 100%;
    margin: 0px;
  }
}
#cart .cart-summary .cart .table {
  margin: 0px 0px 30px;
  background: none;
  border: none;
  border-top: 1px solid #d6d5d0;
  border-bottom: 1px solid #d6d5d0;
}
#cart .cart-summary .cart .table thead tr th {
  border: none;
  background: none;
  padding: 19px 0px 17px 25px;
  margin: 0px;
  font-weight: 400;
}
#cart .cart-summary .cart .table thead tr th:first-child {
  padding-left: 0px;
}
#cart .cart-summary .cart .table tbody tr.cart-update {
  text-align: center;
}
@media (min-width: 768px) {
  #cart .cart-summary .cart .table tbody tr.cart-update {
    display: none;
  }
}
/*
@media (max-width: 767px) {
    #cart .cart-summary .cart .table tbody tr.cart-update:not(.active) {
        display: none;
    }
}*/
#cart .cart-summary .cart .table tbody tr.cart-update .remove2 {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
}
#cart .cart-summary .cart .table tbody tr.cart-update .mobile-quantity {
  display: inline-block;
  vertical-align: top;
}
#cart .cart-summary .cart .table tbody tr.cart-update td {
  border-top: none;
  padding-top: 10px;
}
#cart .cart-summary .cart .table tbody tr td {
  padding: 20px 0px 20px 25px;
  margin: 0px;
  background: none;
  border: none;
  border-top: 1px solid #d6d5d0;
}
#cart .cart-summary .cart .table tbody tr td:first-child {
  padding-left: 0px;
}
#cart .cart-summary .cart .table tbody tr td.image {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 134px;
}
@media (max-width: 767px) {
  #cart .cart-summary .cart .table tbody tr td.image {
    width: 80px;
  }
}
#cart .cart-summary .cart .table tbody tr td.image img {
  max-width: 100%;
}
#cart .cart-summary .cart .table tbody tr td .variant {
  font-size: 13px;
}
#cart .cart-summary .cart .table tbody tr td .remove {
  font-size: 13px;
  text-decoration: underline;
  text-transform: lowercase;
  margin-top: 50px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  #cart .cart-summary .cart .table tbody tr td .remove {
    display: none;
  }
}
#cart .cart-summary .cart .table tbody tr td.price .d-mobile-block {
  padding-top: 15px;
}
#cart .cart-summary .cart .table tbody tr td.price .edit {
  display: block;
}
#cart .cart-summary .cart .table tbody tr td.price .delete {
  display: none;
}
#cart .cart-summary .cart .table tbody tr td input[type="number"] {
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  text-align: center;
  width: 22px;
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
#cart
  .cart-summary
  .cart
  .table
  tbody
  tr
  td
  input[type="number"]::-webkit-outer-spin-button,
#cart
  .cart-summary
  .cart
  .table
  tbody
  tr
  td
  input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#cart .cart-summary .summary {
  width: 30%;
  margin: 0px 0px 0px auto;
}
@media (max-width: 767px) {
  #cart .cart-summary .summary {
    width: 100%;
    margin: 20px 0px 0px 0px;
  }
}
#cart .cart-summary .summary .subtotal {
  border-top: 1px solid #d6d5d0;
  border-bottom: 0px;
  padding: 15px 0px 0px 0px;
  font-size: 16px;
}
@media (max-width: 767px) {
  #cart .cart-summary .summary .subtotal {
    border: none;
  }
}
#cart .cart-summary .summary .subtotal .right {
  margin: 0px 0px 0px auto;
}
#cart .cart-summary .summary .note {
  padding: 18px 0px 21px 0px;
  margin: 0px;
}
#cart .cart-summary .cart button {
  float: right;
}

#cart p.name {
  line-height: 1.2rem;
  font-size: 16px;
  font-family: "Saol Display";
  margin-bottom: 10px;
}

#cart .cart-summary .cart a {
  text-decoration: none;
}
#cart .cart-summary .summary .btn {
  width: 100%;
  font-size: 16px;
}

.shopify-challenge__container {
  height: 40vh;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

form#header-cart {
  overflow-y: scroll;
}
.cart-summary textarea {
  display: block;
  margin-top: 10px;
  border: 1px solid #d6d5d0;
  height: 80px;
  width: 50%;
  background: transparent;
  padding: 15px;
  outline: 0;
}
@media (max-width: 767px) {
  .cart-summary textarea {
    width: 100%;
  }
}

/* ==========================================================================
   #DELIVERY
   ========================================================================== */

table.delivery-table {
  width: 100%;
  border-bottom: 1px solid #d6d5d0;
  margin-bottom: 15px;
}
table.delivery-table thead tr th {
  font-weight: 400;
  padding-bottom: 15px;
}
table.delivery-table tbody tr td {
  font-size: 12px;
  padding-bottom: 15px;
}

.delivery-country {
  margin-bottom: 25px;
}

.account-content h2,
.account-content h3,
.account-content h4,
.account-content h5,
.account-content h6 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  margin-top: 35px;
  display: block;
  text-decoration: none;
}
.account-content h2 {
  font-size: 13px;
}
.account-content h3 {
  font-size: 12px;
}

.account-content h2:first-child,
.account-content h3:first-child,
.account-content h4:first-child,
.account-content h5:first-child,
.account-content h6:first-child {
  margin-top: 15px;
}

.account-content.service-page {
  margin-bottom: 160px;
}
@media (max-width: 767px) {
  .account-content.service-page {
    margin-bottom: 75px;
  }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.table-responsive::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.table-responsive {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.account-content.service-page .account-menu {
  position: sticky;
  top: 160px;
}

.accordion-header {
  margin: 0 !important;
}
.accordion-button {
  padding: 16px 0;
  background: 0;
  font-size: 14px;
}
:root {
  --bs-body-bg: transparent;
  --bs-border-color: #d6d5d0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 1px solid #d6d5d0;
}
.accordion-body {
  padding: 0px 0 16px;
  font-size: 12px;
}
.accordion-button::after {
  content: "+";
  text-align: center;
  background: border-box;
  font-size: 20px;
  line-height: 1;
}
.accordion-button:not(.collapsed)::after {
  content: "-";
  background: 0;
  transform: none;
}

.account-content #scroll-to-section li a {
  display: flex;
  align-items: center;
}
.account-content #scroll-to-section .active:before {
  content: "";
  width: 15px;
  height: 1px;
  background: #333;
  margin-right: 6px;
  margin-top: 3px;
}
.contact-us {
  padding: 40px 0;
}

.contact-us img {
  width: 100%;
  height: 100%;
}

.contact-us__content {
  margin: 0 auto;
  display: block;
  max-width: 440px;
  text-align: center;
}
.contact-us__content .title {
  margin-bottom: 35px;
}
.contact-us__content h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
  display: block;
  text-decoration: none;
}

.page-contact footer {
  margin-top: 0;
}
@media (max-width: 1199px) {
  .contact-us {
    padding: 20px 0;
  }
  .contact-us br {
    display: none;
  }
}
@media (max-width: 767px) {
  .contact-us {
    padding: 45px 0;
  }
  .contact-us img {
    max-width: 265px;
    max-height: 342px;
    border-top-right-radius: 50em;
    border-top-left-radius: 50em;
    display: block;
    margin: 0 auto;
  }
  .contact-us__content {
    margin-top: 36px;
  }
}

header.background-nav .navbar {
  background: #fff;
}
hr {
  border-top: 1px solid #d6d5d0;
  opacity: 1;
  margin: 35px 0;
}

.form-check-input:checked {
  background-color: #333;
  border-color: #333;
}
.form-check-input:focus {
  box-shadow: none;
}

/* ==========================================================================
   #BLOG
   ========================================================================== */
.blog-listing {
  margin-top: 80px;
}
.news-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 25px;
  row-gap: 60px;
  margin-top: 55px;
}
@media (max-width: 1199px) {
  .news-list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px;
    row-gap: 40px;
  }
  .news-list .single-news {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .news-list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 40px;
  }
}
@media (max-width: 767px) {
  .news-list {
    grid-template-columns: 1fr;
    column-gap: 20px;
    row-gap: 40px;
  }
}

.header-type-3 {
  padding: 40px 0;
}
.header-type-3 a:not(.btn) {
  color: inherit;
}
@media (min-width: 768px) {
  .header-type-3.image-right .row {
    flex-direction: row-reverse;
  }
}
.header-type-3 img {
  width: 100%;
  height: 100%;
}

.header-type-3__content {
  margin: 0 auto;
  display: block;
  max-width: 480px;
  text-align: center;
  padding: 0 20px;
}
.header-type-3__content .title {
  margin-bottom: 35px;
}
.header-type-3__content h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
  display: block;
  text-decoration: none;
}
.header-type-3__content .btn {
  margin: 35px auto 0;
}

@media (max-width: 1199px) {
  .header-type-3 {
    padding: 20px 0;
  }
  .header-type-3 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .header-type-3 {
    padding: 45px 0;
  }
  .header-type-3 img {
    width: 265px;
    height: 342px;
    border-top-right-radius: 50em;
    border-top-left-radius: 50em;
    display: block;
    margin: 0 auto;
  }
  .header-type-3__content {
    margin-top: 36px;
  }
}

.blog-article__title {
  padding: 70px 0;
  max-width: 666px;
  margin: 0 auto;
  text-align: center;
}
.blog-article__title h1 {
  font-size: 40px;
  margin-bottom: 35px;
  line-height: 1.2em;
}
.blog-article__title p {
  margin-bottom: 0;
}

.blog-article__title + img {
  width: 100%;
  height: 75vh;
  object-fit: cover;
  min-height: 570px;
}

.article-content {
  margin: 60px auto 60px;
  display: block;
  max-width: 666px;
}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  font-family: "Saol Display";
  line-height: 1.2em;
  margin-bottom: 20px;
  margin-top: 20px;
}
.article-content h2 {
  font-size: 28px;
}
.article-content h3 {
  font-size: 20px;
}
.article-content h4 {
  font-size: 16px;
}
.article-content h5 {
  font-size: 14px;
}
.article-content h6 {
  font-size: 12px;
}
.article-content img {
  margin: 30px 0px;
  width: 100%;
}
.article-content img + h2,
.article-content img + h3,
.article-content img + h4,
.article-content img + h5,
.article-content img + h6 {
  margin-top: 0px;
}

.text-width-image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-bottom: 25px;
}

@media (max-width: 1199px) {
  .blog-article__title + img {
    height: 50vh;
    margin: 0px calc(50% - 50vw) 0;
    max-width: 100vw;
    width: 100vw !important;
  }
  .blog-article__title {
    padding: 70px 20px;
  }
}
@media (max-width: 767px) {
  .blog-article__title {
    padding: 35px 20px 45px;
  }
  .blog-article__title h1 {
    margin-bottom: 25px;
  }
  .blog-article__title + img {
    height: 25vh;
    min-height: 203px;
  }
  .text-width-image {
    grid-template-columns: 1fr;
  }
  .article-content {
    border-bottom: 1px solid #d6d5d0;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}

/* ==========================================================================
   #ABOUT US
   ========================================================================== */
.about-us-title {
  padding: 40px 0;
}
.about-us-title .title {
  margin-bottom: 45px;
  margin-top: 64px;
}
.about-us-title img {
  max-width: 455px;
  max-height: 696px;
  margin: 0 auto;
  display: block;
  border-top-right-radius: 50em;
  border-top-left-radius: 50em;
}
.about-us-title p {
  max-width: 280px;
  margin-bottom: 0;
}
.about-us-title__content {
  padding-left: 35px;
}

.carousel-section-image {
  padding: 40px 0;
  overflow-x: hidden;
}

.image-carousel img {
  height: 520px;
  /*** KN ***/
  width: auto;
  object-fit: cover;
  /*** KN ***/
}
.image-carousel .slick-slide {
  margin-right: 40px;
}

@media (min-width: 1200px) {
  .image-carousel .slick-list {
    overflow: visible !important;
    -webkit-clip-path: inset(-100vw -100vw -100vw 0);
    clip-path: inset(-100vw -100vw -100vw 0);
  }
}

.image-carousel .slick-arrow {
  border: 1px solid #fff;
  border-radius: 50em;
  font-size: 1px;
  color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  background: #fff
    url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5.41668L11.74 10L10.9896 9.25944L14.3129 5.94331H0.5V4.89005H14.3129L10.9896 1.57392L11.74 0.833344L16.3333 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 99;
}
.image-carousel .slick-prev.slick-arrow {
  left: -20px;
  background: #fff
    url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.banner-section {
  padding: 40px 0;
}

.banner-section .card {
  border-radius: 0;
  border: 0;
}
.banner-section .card-img-overlay {
  padding: 50px 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.banner-section .card .title {
  margin-bottom: 15px;
}
.banner-section .card p {
  margin-bottom: 25px;
}
.banner-section .card-img {
  border-radius: revert-layer;
  height: 450px;
  object-fit: cover;
}
.banner-section .row {
  --bs-gutter-x: 2.5rem;
}

@media (max-width: 1199px) {
  .about-us-title {
    padding: 20px 0;
  }
  .carousel-section-image {
    padding: 20px 0;
  }
  .banner-section {
    padding: 20px 0;
  }
  .banner-section .row {
    --bs-gutter-x: 1.5rem;
  }
  .image-carousel {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
    gap: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
  }
  .banner-section .card p br {
    display: none;
  }
  .about-us-title img {
    max-width: 100%;
  }
  .about-us-title__content {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .about-us-title {
    padding: 30px 0;
  }
  .about-us-title .title {
    text-align: center;
    margin: 45px 0 35px;
  }
  .banner-section .card p {
    display: none;
  }
  .about-us-image {
    order: -1;
  }
  .about-us-title img {
    max-width: 300px;
  }
  .about-us-title p {
    margin: 0 auto;
  }
  .banner-section .row {
    gap: 20px;
  }
}
/* Hide scrollbar for Chrome, Safari and Opera */
.image-carousel::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.image-carousel {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.about-section a:not(.btn) {
  color: inherit;
}
.small-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.header-type-4 {
  position: relative;
  height: 75vh;
  display: flex;
  padding: 70px 0px;
}
.header-type-4 .title {
  font-size: 60px;
  margin-bottom: 0px;
}
@media (max-width: 480px) {
  .header-type-4 .title {
    font-size: 52px;
  }
}
.header-type-4 .title + p {
  margin-top: 30px;
}
.header-type-4 .row {
  height: 100%;
}
.header-type-4 img,
.header-type-4 video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
  z-index: -1;
}
@media (max-width: 767px) {
  .header-type-4 {
    position: relative;
    height: 75vh;
    display: flex;
    padding: 30px 0px;
  }
}
.double-banners__content.large-margin {
  margin-bottom: 50px;
}
@media (min-width: 1200px) {
  .double-banners__content.large-margin {
    margin-bottom: 150px;
  }
}

/* ==========================================================================
   #OUR PROCESS
   ========================================================================== */

.our-process {
  position: relative;
}
.our-process .second-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
.our-process .container-fluid {
  position: relative;
  z-index: 1;
}
.our-process .title {
  margin-bottom: 100px;
}

.our-process__item {
  width: 420px;
  margin: 50px auto 80px;
}
.our-process__item img {
  width: 272px;
  height: auto;
  margin: 0 auto 50px;
  border-top-left-radius: 50em;
  border-top-right-radius: 50em;
  display: block;
}
.our-process__item p {
  margin-bottom: 0px;
}
.our-process__item h3 {
  font-size: 28px;
  font-family: "Saol Display";
  margin-bottom: 25px;
}

.collection-grid_nav .nav-item .nav-link.active {
  opacity: 1;
}

.process-page footer {
  margin-top: 0px;
}

@media (max-width: 767px) {
  .our-process {
    padding: 50px 0 70px;
  }
  .our-process .second-bg {
    display: none;
  }
  .our-process .collection-grid_nav .nav {
    display: none;
  }
  .our-process .collection-grid_nav .title {
    margin-bottom: 0px;
  }
  .collection-grid_nav .title {
    text-align: center;
    margin-bottom: 50px;
  }
  .our-process__item {
    margin-top: 40px;
  }
  .our-process__item:last-child {
    margin-bottom: 0;
  }
  .our-process__item {
    width: 100%;
  }
}

.small-stylish-title {
  font-size: 24px;
  font-family: "Saol Display";
  margin: 20px 0 25px;
}

/* ==========================================================================
   #COLLECTION GRID
   ========================================================================== */
.press-grid {
  position: relative;
  overflow-x: hidden;
}
.press-grid .title {
  margin-bottom: 100px;
}
.press-grid_nav .nav-link {
  font-size: 40px;
  font-family: "Saol Display";
  color: #333;
  padding: 0;
  font-weight: 400;
}

.press-grid_nav .nav-item .nav-link {
  padding: 15px 0;
  border-bottom: 1px solid #333;
  opacity: 0.5;
  position: relative;
  transition: 0.5s all;
}
.press-grid_nav .nav-item .nav-link:before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  background: #333;
  bottom: 0;
  transition: 0.5s all;
}
.press-grid_nav .nav-item .nav-link:hover {
  opacity: 1;
}
.press-grid_nav .nav-item .nav-link:hover:before {
  width: 100%;
}
@media (min-width: 1200px) {
  .press-grid .container-fluid {
    --bs-gutter-x: 0;
  }
}
.press-grid_nav {
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 40px;
  padding-bottom: 100px;
}
@media (min-width: 992px) {
  .press-grid_nav {
    min-height: 680px;
  }
}
.press-grid .default-image {
  position: relative;
}
.press-grid .default-image img {
  position: absolute;
  width: 388px;
  height: 512px;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.press-grid .nav-item .press-image {
  width: calc(50% - 12px);
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  opacity: 0;
  z-index: 99;
}
.press-grid .nav-item .press-image img {
  position: absolute;
  width: 388px;
  height: 512px;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.press-grid .nav-item .nav-link:hover + .press-image {
  opacity: 1;
}

.press-grid_nav .nav-item .mobile-image {
  position: absolute;
  top: 0;
  width: 69px;
  height: 91px;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .press-grid_nav {
    padding: 40px 0;
  }
  .default-image {
    display: none;
  }
  .press-grid .nav-item .press-image {
    display: none;
  }
  .press-grid .title {
    margin-bottom: 50px;
  }
  .press-grid_nav .nav-item {
    position: relative;
    border-bottom: 1px solid #d6d5d0;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .press-grid_nav .nav-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .press-grid_nav .nav-item .nav-link {
    opacity: 1;
    font-size: 24px;
    padding-left: 90px;
    height: 90px;
    line-height: 1;
    display: flex;
    border-bottom: 0;
    align-items: center;
  }
  .press-grid_nav .nav-item:last-child .nav-link {
    border-bottom: 0;
  }
  .press-grid_nav .nav-item .nav-link:before {
    display: none;
  }
  .press-grid_nav .nav-item .nav-link + img {
    display: none;
  }
}
@media (min-width: 1199px) {
  .press-grid_nav .nav-item .mobile-image {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .press-grid_nav {
    padding-left: 16px;
    padding-right: 16px;
  }
  .default-image {
    display: block;
  }
  .press-grid .container-fluid {
    --bs-gutter-x: 0;
  }
  .press-grid .row {
    --bs-gutter-x: 0;
  }
}
@media (max-width: 991px) {
  .default-image {
    display: none;
  }
  .press-grid .title {
    text-align: center;
  }
}
.press-page footer {
  margin-top: 0;
}

/* ==========================================================================
   #HISTORY
   ========================================================================== */

.lead-section {
  padding: 110px 0;
}
@media (max-width: 767px) {
  .lead-section {
    padding: 50px 20px;
  }
}
.lead-section .title {
  margin-bottom: 25px;
}
.lead-section p {
  margin-bottom: 0;
}
.product-with-banner .container-fluid {
  --bs-gutter-x: 0;
}
.simple-carousel .slick-arrow {
  border: 1px solid #333;
  border-radius: 50em;
  font-size: 1px;
  color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -100px;
  z-index: 99;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5.41668L11.74 10L10.9896 9.25944L14.3129 5.94331H0.5V4.89005H14.3129L10.9896 1.57392L11.74 0.833344L16.3333 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.simple-carousel .slick-prev.slick-arrow {
  left: -100px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666667 5.41668L5.25998 10L6.01042 9.25944L2.68707 5.94331H16.5V4.89005H2.68707L6.01042 1.57392L5.25998 0.833344L0.666667 5.41668Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.simple-carousel {
  width: 320px;
  margin: 50px auto;
  display: block;
}
.card {
  border: 0;
  border-radius: 0;
}
.card-img,
.card-img-bottom {
  border-radius: 0;
}
.card-img-overlay {
  padding: 50px 40px;
}
.card .title {
  margin-bottom: 15px;
}
.card p {
  max-width: 360px;
}
@media (max-width: 1199px) {
  .simple-carousel {
    width: 70vw;
    max-width: 300px;
    margin: 50px auto 80px;
  }
  .simple-carousel .slick-arrow {
    right: -45px;
  }
  .simple-carousel .slick-prev.slick-arrow {
    left: -45px;
  }
}

@media (max-width: 767px) {
  .product-with-banner .row {
    flex-direction: column-reverse;
  }
  .product-with-banner .card-img-overlay {
    padding: 40px 20px;
  }
}

.page-history footer {
  margin-top: 0;
}
.product-content .banner-section {
  padding: 0;
}
.product-content__right {
  position: relative;
  left: -1px;
}
.banner-slider .slider.slider-for {
  border-right: 1px solid #d6d5d1;
}

.scroll-section > div {
  scroll-margin-top: 180px;
  margin-bottom: 50px;
}

.dropdown-image.nav-link-banner {
  display: flex;
  justify-content: center;
}
.dropdown-image.nav-link-banner div {
  width: 20%;
  max-width: 316px;
}
@media (max-width: 991px) {
  .about-section.section-reverse .row {
    flex-direction: column;
  }
}

.product-content__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.product-content__right h1 {
  width: 100%;
  margin-bottom: 0;
}
.sticky-top.sticky-nav {
  z-index: 1035;
}

body.page-page.page-wishlist #cart {
  padding-top: 0;
}

body .zqty select {
  width: 100%;
  border: 1px solid #d6d5d0;
  background: transparent;
  height: 50px;
  padding: 0 20px;
  border-radius: 3px;
  font-size: 12px;
  font-family: "area-normal";
  font-weight: 600;
  margin-bottom: 8px;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 93% center;
  background-size: 14px;
}

span.zprice {
  text-align: left;
  font-size: 12px;
  margin-bottom: 16px;
}

body .zooomybtn:hover a {
  color: #333 !important;
}
.ZoomyWishlistPageGrid .removefromwishlist {
  width: 25px;
  height: 25px !important;
  border-radius: 0 !important;
  background: #333 !important;
}
body .ZoomyWishlistPageGrid {
  margin: 0;
  width: 100%;
  padding: 0;
  border: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d5d0;
}
body .zbodyaction .zopencartlink {
  background: 0;
  color: #000;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-align: left;
  padding: 0;
  margin: 0;
  width: fit-content;
  margin-right: 30px;
}
.zbodyaction .zopencartlink:hover {
  opacity: 0.7;
}

#ZoomyWishlistPage li {
  text-align: left;
}
li.zbodytitle a {
  font-size: 16px;
  font-family: Saol Display;
  margin-bottom: 15px;
  display: block;
  margin-top: 10px;
}
body .zqty {
  display: none;
}
#ZoomyWishlistPage li.zbodyaction #wishlist_page_product_text {
  display: none;
}
body div#ZoomyWishlistPage {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(max(300px, 33.33% - 25px), 1fr)
  ) !important;
  gap: 25px;
}
body div#ZlistWishlist {
  width: auto;
  margin: -5px 0 0;
}
body #ZooomyList label {
  margin-right: 0;
}
body p.zooomypwishmsg {
  padding: 0;
}
body p.zooomypwishmsg .fa {
  padding: 0 !important;
}
.product-listing__action .accordion-button:after {
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
}
.product-listing__action .accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
#offcanvasSearch .offcanvas-header {
  border-bottom: 1px solid #d6d5d0;
  background: #f5f4f0;
  position: sticky;
  top: 0;
  z-index: 1000;
}
#offcanvasSearch .offcanvas-body {
  border-top: 0;
}

predictive-search {
  overflow-y: auto;
}
.searched-products {
  margin-bottom: 115px;
}
body .kl-private-reset-css-Xuajs1 {
  border-radius: 3px;
}
body .klaviyo-form-TXpGAd .kl-private-reset-css-Xuajs1 input[type="email"] {
  height: 54px !important;
  line-height: 54px !important;
  color: #fff;
  padding: 0px 15px !important;
  border: 1px solid #fff !important;
  border-radius: 3px !important;
  background: transparent;
  width: 100%;
  outline: 0;
  font-family: "area-normal" !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
body
  .klaviyo-form-TXpGAd
  .kl-private-reset-css-Xuajs1
  input[type="email"]::placeholder {
  font-family: "area-normal" !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
body .go2738456906.go2738456906.go2738456906:hover {
  border-color: #fff !important;
}
body button.needsclick.go4236386745.kl-private-reset-css-Xuajs1 {
  background: #fff !important;
  width: 111px;
  font-size: 11px !important;
  font-family: "area-normal" !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  transition: 0.25s all;
  border-radius: 3px !important;
}
body button.needsclick.go4236386745.kl-private-reset-css-Xuajs1:hover {
  background-color: #333 !important;
  color: #fff !important;
}

.page-trade .account-content .kl-private-reset-css-Xuajs1 input[type="text"],
.page-trade .account-content .kl-private-reset-css-Xuajs1 input[type="email"] {
  border: 1px solid #d6d5d0 !important;
  background: transparent !important;
  height: 50px !important;
  padding: 0 20px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  font-family: "area-normal" !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.page-trade
  .account-content
  .kl-private-reset-css-Xuajs1
  input[type="text"]::placeholder {
  font-size: 12px !important;
  font-family: "area-normal" !important;
  font-weight: 600 !important;
  color: #333 !important;
}
.page-trade .account-content .kl-private-reset-css-Xuajs1 label {
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 11px !important;
  margin-bottom: 0px;
  letter-spacing: 0.5px;
  padding-bottom: 8px !important;
  text-decoration: none;
  color: #333333 !important;
  font-family: "area-normal" !important;
}
.page-trade .account-content .kl-private-reset-css-Xuajs1 label svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
}
.page-trade .account-content .kl-private-reset-css-Xuajs1 label svg rect {
  fill: #f5f4f0;
  stroke: #d6d5d0;
}

body.page-trade .account-content .kl-private-reset-css-Xuajs1 h2 span {
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.5px;
  display: block;
  text-decoration: none;
  font-family: "area-normal" !important;
}
body.page-trade .account-content .kl-private-reset-css-Xuajs1 p {
  color: #333333;
  font-family: "area-normal" !important;
  font-size: 14px !important;
  margin-bottom: 16px;
  line-height: 21px;
}
body.page-trade .account-content .kl-private-reset-css-Xuajs1 {
  width: 100%;
}
body.page-trade .account-content button.needsclick.kl-private-reset-css-Xuajs1 {
  width: 100% !important;
  height: 54px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s all;
  font-size: 11px !important;
  text-transform: uppercase;
  padding: 0 45px !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
  line-height: 1;
  background: #333 !important;
  color: #fff !important;
  border-color: #333 !important;
  font-family: "area-normal" !important;
}
.page-trade .account-content .kl-private-reset-css-Xuajs1 label div {
  color: #333 !important;
}

.zremovefromwish {
  border: 0 !important;
  background: 0 !important;
  color: #000 !important;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-align: left;
  padding: 0;
  margin: 0;
}
.zremovefromwish:hover {
  opacity: 0.7;
}
li.zbodyaction {
  display: flex;
  width: 100%;
}

#rich-text-112797983 span {
  color: #fff !important;
  font-family: area-normal !important;
  font-size: 14px !important;
}

@media (max-width: 767px) {
  .modal-body {
    padding: 30px;
  }
  .modal-body .btn-close {
    top: 15px;
    right: 15px;
  }
  .modal-body .dropdown {
    width: 100%;
  }
  body .newsletter__form .kl-private-reset-css-Xuajs1 {
    padding: 0 !important;
  }
  body .kl-private-reset-css-Xuajs1 input[type="email"] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  body button.needsclick.go4236386745.kl-private-reset-css-Xuajs1 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}

.collection-banner img {
  transition: 0.35s all;
}
.collection-banner {
  overflow: hidden;
}
.collection-banner:hover img {
  transform: scale(1.1);
}
.collection-banner .btn-link:hover {
  opacity: 1;
}
@media (max-width: 767px) {
  .filters__action {
    margin: 0;
    padding: 0;
    width: calc(100% - 32px);
  }
}
.bag-action [data-type="remove"] {
  font-size: 11px;
  text-decoration: underline;
}
.bag-action {
  align-items: center;
}

.btn-white.shpLoginFormToggle {
  background: #f5f4f1;
  border: 1px solid #d6d5d0;
}

.btn-white.shpLoginFormToggle:hover {
  background: #fff;
  border: 1px solid #333;
  color: #333;
}
.collection-banner__content .btn-link {
  margin: 0;
}
.account-content .collection-banner__content .title {
  margin: 0;
  text-transform: none;
}

body div#ZoomyWishlistPage {
  display: flex !important;
}
.zwishemptymsg {
  width: 100%;
}
body .ZoomyWishlistPageGrid {
  width: calc(33.33% - 25px);
}
@media (max-width: 767px) {
  body .ZoomyWishlistPageGrid {
    width: calc(50% - 25px) !important;
  }
}

.account-content ol {
  padding-left: 16px;
}

.news-list .ratio {
  overflow: hidden;
}
.news-list .ratio img {
  transition: 0.35s all;
}
.news-list .ratio:hover img {
  transform: scale(1.1);
}
.blog-page .header-type-3 img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .scrolled .navbar > .container-fluid {
    flex-wrap: nowrap;
  }
  header.scrolled .navbar-expand-xl .offcanvas {
    width: 100% !important;
  }
}

.banner-section .card {
  overflow: hidden;
}
.banner-section .card img {
  transition: 0.35s all;
}
.banner-section .card:hover img {
  transform: scale(1.1);
}

.banner-section .card-img-overlay {
  padding: 0;
}
.banner-section .card-img-overlay a {
  padding: 50px 40px;
  color: #fff;
  text-decoration: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

p.emptymsg {
  display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

@media (min-width: 1200px) {
  .dropdown-image img {
    margin-bottom: 0px;
  }
  .dropdown-image p {
    padding-top: 15px;
    background: #f5f3f0;
    position: relative;
    z-index: 99;
  }
  .dropdown-image.nav-link-banner div {
    overflow: hidden;
  }
  .dropdown-image.nav-link-banner img {
    transition: 0.35s all;
  }
  .dropdown-image.nav-link-banner div:hover img {
    transform: scale(1.1);
  }
}

@media (min-width: 1200px) {
  .scrolled-down {
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;
  }
  .scrolled-up {
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
  }
}

.slider-nav .slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}

div#collapseReadMore {
  padding-top: 0;
}
.header__description {
  max-height: 12vw;
  overflow-y: scroll;
}
.header__description p {
  margin-bottom: 0;
}
.header-type-1 .readmore {
  margin-top: 10px;
  display: block;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.header__description::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.header__description {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media (max-width: 767px) {
  .header__description {
    max-height: 150px;
    overflow-y: scroll;
  }
}

@media (min-width: 1200px) {
  .dropdown-image.nav-link-banner div {
    position: relative;
  }
  .dropdown-image p {
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
.adress__info span {
  display: block;
  line-height: 1.4;
}

.page-press .page-header-image,
.header-type-3.header-with-hover .page-header-image {
  position: relative;
}
.page-press .page-header-image > img,
.header-type-3.header-with-hover .page-header-image > img {
  transition: 0.25s all;
}
.page-press .page-header-image .hover-image,
.header-type-3.header-with-hover .page-header-image .hover-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.25s all;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  max-width: 482px;
}
.page-press .page-header-image:hover > img,
.header-type-3.header-with-hover .page-header-image:hover > img {
  opacity: 0;
  visibility: hidden;
}
.page-press .page-header-image:hover > .hover-image,
.header-type-3.header-with-hover .page-header-image:hover > .hover-image {
  opacity: 1;
  visibility: visible;
}
.page-press .page-header-image,
.header-type-3.header-with-hover .page-header-image {
  max-width: 482px;
  margin: 0 auto;
}

.page-press .header-type-3,
.header-type-3.header-with-hover {
  padding: 100px 0px;
}
.page-press .header-type-3 img,
.header-type-3.header-with-hover img {
  max-width: 428px;
  height: auto;
  margin: 0 auto;
  display: block;
  border-radius: 0;
}
@media (max-width: 767px) {
  .page-press .header-type-3,
  .header-type-3.header-with-hover {
    padding: 60px 0;
  }
  .page-press .header-type-3 img,
  .header-type-3.header-with-hover img {
    max-width: 100%;
    width: 100%;
  }
}

body .kl_reviews__summary.kl_reviews__summary.kl_reviews__summary h2 {
  font-family: Saol Display;
  font-size: 40px;
  margin-bottom: 25px;
  color: #333;
  line-height: 1;
  border: 0;
  padding: 0;
  font-weight: 400;
}
body .kl_reviews__histogram {
  display: none;
}
body .kl_reviews__summary__average_and_stars {
  justify-content: flex-start;
  gap: 10px;
}
body .kl_reviews__summary__average_value {
  font-family: Saol Display;
  font-size: 32px;
  color: #333;
}
body .kl_reviews__summary__average_denominator {
  font-family: Saol Display;
  font-size: 32px;
  color: #333;
}
body .kl_reviews__full_star path.kl_reviews__star {
  fill: #333;
}
body
  .kl_reviews__reviews_list.kl_reviews__reviews_list
  button.kl_reviews__button {
  width: 190px;
  text-align: center;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s all;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: 600;
  line-height: 1;
  background: #333;
  margin: 0;
  border: 1px solid #333;
}
body
  .kl_reviews__reviews_list.kl_reviews__reviews_list
  button.kl_reviews__button:hover {
  background: #fff;
  color: #333;
  border: 1px solid #333;
}
body .kl_reviews__list__tab_buttons {
  display: none !important;
}
body
  .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
  .kl_reviews__filters {
  display: none;
}
body .kl_reviews__review_item {
  border: 1px solid #d6d5d0 !important;
  border-radius: 3px;
  padding: 20px 20px;
}
body
  .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
  .kl_reviews__list__tabs {
  border: 0;
  margin-bottom: 40px;
  margin-top: -80px;
}
body .kl_reviews__summary__average_denominator {
  display: none;
}
:root {
  --kl-reviews-reviews-star-color: #333 !important;
  --kl-reviews-stars-star-color: #333 !important;
}

body .kl_reviews__summary__average_and_stars {
  position: relative;
}

body .kl_reviews__summary__stars__count {
  position: absolute;
  left: 0;
  bottom: -10px;
  font-size: 13px;
  color: #333;
}

body
  .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item
  > div {
  padding-left: 250px;
  gap: 25px;
}
body .kl_reviews__review__author {
  position: absolute;
  left: 105px;
  top: 20px;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px;
}
body .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item {
  position: relative;
  margin-bottom: 12px;
}

body .kl_reviews__review__author > div {
  font-family: Saol Display;
  font-size: 20px;
  line-height: 1;
}

body .kl_reviews__review__verified svg {
  display: none;
}
body .kl_reviews__review__title {
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
body
  .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item
  p.kl_reviews__review__content {
  max-width: 1028px;
}
.accordion-item.review {
  padding: 15px;
}
body .accordion .kl_reviews__stars_badge svg {
  width: 16px !important;
  height: 16px !important;
}
body .klaviyo-star-rating-widget {
  display: flex !important;
}
body .klaviyo-star-rating-widget:before {
  content: "Review score";
  margin-right: auto;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.accordion-item .kl_reviews__star_rating_widget__label {
  display: none !important;
}
body
  .kl_reviews__star_rating_widget.kl_reviews__star_rating_widget.kl_reviews__star_rating_widget
  .kl_reviews__stars_badge {
  padding: 0;
}

body .reviews_all_container {
  padding: 0px;
}
@media (max-width: 1199px) {
  body
    .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item
    > div {
    padding-left: 200px;
  }
}
body .kl_reviews__summary__grid--1-2 > div,
body .kl_reviews__summary__grid--2-1 > div {
  margin-bottom: 0;
}
body .kl_reviews__summary__stars__count:before {
  content: "Based on ";
}

@media (max-width: 767px) {
  body .kl_reviews__summary.kl_reviews__summary.kl_reviews__summary h2 {
    text-align: center;
  }
  .reviews-section {
    margin: 30px 0;
  }
  body .kl_reviews__summary__average_and_stars {
    justify-content: center;
  }
  body
    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
    .kl_reviews__list__tabs {
    margin-top: 0;
  }
  body .kl_reviews__summary__stars__count {
    left: 50%;
    transform: translateX(-50%);
  }
  body
    .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item
    > div {
    padding-left: 0;
    padding-top: 80px;
  }
}

body .kl_reviews__review__timestamp {
  position: absolute;
  bottom: 35px;
  right: 50px;
  color: #333;
}
@media (max-width: 767px) {
  body .kl_reviews__review__timestamp {
    right: 20px;
  }
}

.kl_reviews__review__author_avatar {
  display: flex !important;
  width: 70px;
  height: 70px;
  background: #585733;
  border-radius: 50em;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "area-normal" !important;
  font-size: 12px !important;
  position: absolute;
  top: 0px;
  left: -85px;
}

/* 2024-06-05 */
@media (min-width: 2000px) {
  .product-content__right {
    max-width: 700px;
  }
  .product-content__add_to_bag .add_to_cart {
    margin-right: auto;
  }
}
.header-carousel .header-image {
  padding: 60px 0;
}
@media (min-width: 1200px) {
  .offcanvas .navbar-nav .dropdown-menu {
    transform: none;
    transition: all 0.25s ease-in-out;
  }
  .offcanvas .navbar-nav .dropdown-menu.mega-menu {
    border-bottom: 1px solid #d6d5d0;
  }
}
.pair-it-with .title {
  font-size: 28px;
}
.product-carousel .slick-track {
  margin: 0;
}

.product-carousel .slick-track {
  margin: 0;
}

.product-carousel .slick-arrow {
  background: 0;
  border: 0;
  padding: 0;
}
.product-carousel .slick-prev.slick-arrow {
  background: 0;
}

.product-carousel .slick-arrow svg path {
  fill: #333;
}
.product-carousel .slick-arrow svg circle {
  stroke: #333;
}
body .z_social_share_wishlist {
  margin-left: auto !important;
  margin-right: 0 !important;
}
body #zooomyemailfbtn {
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  body #zooomyemailfbtn {
    margin-top: -55px;
    margin-bottom: 30px;
  }
}

.dropdown-image p {
  position: relative;
  line-height: 1.4;
}
.nav-item.dropdown:not(.category-menu) .dropdown-image .ratio-3x4 {
  --bs-aspect-ratio: 120%;
}
@media (max-width: 1199px) {
  span.product-count {
    top: 7px;
    left: 28px;
  }
}

@media (max-width: 767px) {
  .full-width-banner {
    min-height: 33vh;
  }
}

/* KN 2024/10/05 
.top-bar   {display:none;}
*/
.top-bar.slick-initialized {
  display: block;
}
.complete-the-look {
  border-top: 0;
}

.navbar-expand-xl
  .offcanvas-body
  .navbar-nav
  .dropdown
  .nav-link.dropdown-toggle {
  border-bottom: 2px solid transparent;
}
html {
  padding-bottom: 0 !important;
}
.top-bar {
  height: auto;
  min-height: 38px;
  padding: 10px 0;
}

body .product-content__right .product-content__variations .btn-group .btn img {
  height: 100% !important;
  object-fit: cover;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .collection-section .nav .nav-link {
    white-space: nowrap;
  }

  .collection-section .nav {
    scroll-snap-type: x mandatory;
    overflow: auto;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-columns: unset !important;
  }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.collection-section .nav::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.collection-section .nav {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

@media (max-width: 1199px) {
  body span.product-count {
    top: 7px;
    left: 28px;
  }
}
.filters__section .checkbox {
  padding: 7px 0px !important;
}

/* !@#$% !!!
@media (min-width: 1200px) {
  .page-contact .page-header-image > img {
    aspect-ratio: 1 / 1;
  }
}
*/
.product-page .navbar {
  margin-bottom: -1px;
}
@media (min-width: 1200px) {
  .collection-grid_nav {
    padding: 50px 80px 100px 80px;
  }
  .collection-grid_nav .nav-link {
    line-height: 1;
  }
  .collection-grid_nav .nav-item .nav-link {
    padding: 18px 0px 18px;
  }
  .collection-grid_nav .nav-item:first-child .nav-link {
    padding-top: 0px;
  }
  .collection-grid .title {
    margin-bottom: 95px;
  }
  .collection-grid_nav .nav-item .nav-link + img {
    width: 50%;
    object-fit: cover;
  }
  .default-image img {
    max-height: 745px;
  }
  .full-width-banner {
    height: 73vh;
  }
  .sticky-products__image {
    max-height: 863px;
    top: 100px;
  }
  .header,
  .header-carousel .header-image {
    height: 73vh;
  }
  .double-banners__content + img {
    max-height: 57vh;
  }
  .double-banners .col-lg-7 img {
    height: 100vh;
  }
  .category-items .ratio {
    --bs-aspect-ratio: 139%;
  }
  .index-page .latest-news {
    margin-bottom: 100px;
  }
  .header-type-1 img {
    object-fit: cover;
  }
  .header-type-1 {
    min-height: 26.4vw;
  }
  .blog-article__title + img {
    height: 61vh;
  }
  .news-carousel .slick-track {
    margin: 0;
  }
  .header-type-4 {
    height: 73vh;
  }
  .our-process__item img {
    width: 272px;
    height: 410px;
    object-fit: cover;
  }
  .our-process .collection-grid_nav {
    padding-right: 0;
  }
  .press-grid .title {
    margin-bottom: 70px;
  }
  .press-grid_nav .nav-item .nav-link {
    line-height: 1;
    padding: 18px 0 18px;
  }
  .press-grid_nav .nav-item:first-child .nav-link {
    padding-top: 0;
  }
  .about-section img {
    width: 640px;
    height: auto;
    max-height: 696px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
  }
}
@media (min-width: 1200px) {
  .zwishemptymsg {
    padding-right: 33.33%;
  }
  .zwishmsgs > .zmsg {
    padding-right: 33.33% !important;
  }
}

@media (max-width: 1199px) {
  .our-process .collection-grid_nav .nav-item .nav-link {
    padding-left: 0;
  }
  .our-process__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .product-with-banner .card img {
    max-height: 420px;
  }
}
.product-with-banner .card-img {
  height: 83.75vh;
}

@media (max-width: 991px) {
  .page-history .about-section .row {
    flex-direction: row-reverse;
  }
}

@media (min-width: 768px) and (max-height: 1199px) {
  .product-with-banner .card-img {
    max-height: 650px;
  }
}
.cart-page .complete-the-look {
  margin-top: 60px;
  padding-top: 80px;
  border-top: 1px solid #d6d5d0;
}
.product-quantity {
  border: 1px solid #d6d5d0;
  border-radius: 50em;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90px;
}
a.quantity_down,
a.quantity_up {
  width: 35px;
  text-align: center;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2px;
  font-size: 16px;
}

.product-quantity input {
  background: 0;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  text-align: center;
  width: 22px;
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
.product-quantity input[type="number"]::-webkit-outer-spin-button,
.product-quantity input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/*
.product-content__price #ZlistWishlist {
  display: none;
}
*/
@media (max-width: 991px) {
  .product-content__price {
    display: flex;
    align-items: flex-start;
  }
  .product-content__price #ZlistWishlist {
    display: block;
  }
  /*
  .product-content__title #ZlistWishlist {
    display: none;
  }
  */
}
.marquee__content .ratio {
  min-width: 200px;
  width: 12vw;
  max-width: 296px;
}
@media (min-width: 1200px) {
  .dropdown-menu.mega-menu:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
  }
  .offcanvas .navbar-nav .dropdown-menu.mega-menu {
    pointer-events: none;
  }
  .navbar-nav .dropdown:hover .dropdown-menu {
    pointer-events: auto;
  }
}

.product-hover-disable .hover-image {
  display: none;
}
.zoptionbox {
  display: none;
}
/*---NEW-CSS---*/
.m-0 {
  margin: 0 !important;
}
.mobile-show {
  display: none;
}
.title-48 {
  font-size: 48px;
  font-family: "Saol Display";
  line-height: 48px;
}
.title-40 {
  font-size: 40px;
  font-family: "Saol Display";
  line-height: 40px;
}
.title-32 {
  font-size: 32px;
  font-family: "Saol Display";
  line-height: 32px;
}
.title-24 {
  font-size: 24px;
  font-family: "Saol Display";
  line-height: 24px;
}
.title-16 {
  font-size: 16px;
  font-family: "Saol Display";
  line-height: 16px;
}
.header_content p {
  max-width: 410px;
  width: 100%;
}
.header-carousel .title-40,
.header-carousel .title-48 {
  margin-bottom: -10px;
}
.size-18 {
  font-size: 18px;
}
.size-16 {
  font-size: 16px;
}
.two-column {
  display: flex;
  gap: 25px;
  margin-bottom: 82px;
}
.two-column .title,
.two-column .content {
  width: 100%;
}
.content--wide-new.about-section__content {
  max-width: 640px;
  width: 100%;
}
@media (max-width: 1199px) {
  .title-48 {
    font-size: 40px;
    line-height: 40px;
  }
  .title-40 {
    font-size: 34px;
    line-height: 34px;
  }
  .title-32 {
    font-size: 28px;
    line-height: 28px;
  }
  .category-items.category-items-grid-row {
    overflow: inherit;
  }
  .category-items-grid-row .single-category {
    max-width: inherit;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .two-column {
    display: flex;
    gap: 0;
    padding: 0 16px;
    flex-wrap: wrap;
    margin-bottom: 57px;
  }
  .category-grid .two-column .title {
    margin-bottom: 45px;
  }
  .category-grid .two-column .content {
    padding: 0 0;
  }
  .about-section.mobile-section-reverse-img-txt .row {
    flex-direction: column;
  }
  .about-section.mobile-section-reverse-txt-img .row {
    flex-direction: column-reverse;
    row-gap: 50px;
  }
  .content--wide-new.about-section__content {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
  .mobile-show {
    display: block;
  }
  .rich-text-section {
    padding-right: 0;
    padding-left: 0;
  }
  .category-items-grid-row {
    grid-auto-flow: row;
  }
  .category-items-grid-row .single-category {
    width: 277px;
    margin: 0 auto;
  }
}

/* ==========================================================================
   #CUSTOM
   ========================================================================== */
/* Best Sellers mobile spacing */
@media (max-width: 767px) {
  .header-type-1 {
    min-height: auto !important;
    padding-bottom: 0 !important;
  }

  .header-type-1 .title {
    padding-top: 20px !important;
    margin-bottom: 15px !important;
  }

  .header-type-1 .readmore {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  .product-listing__action {
    margin-top: 10px !important;
  }
/* Filter / Sort divider lines - mobile */
@media (max-width: 767px) {
  .product-listing__action {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}