@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
:root {
  --color-main-1: #006937;
  --color-main-2: #f7f6f5;
  --color-main-3: #000000;
  --color-main-4: #ffffff;
  --color-main-5: #f2f2f2;
  --color-main-6: #ebf3ef;
  --color-success: #0b853e;
  --color-info: #3fa2f7;
  --color-warning: #d2a400;
  --color-error: #e42929;
  --color-font-1: #000000;
  --color-font-2: #000000;
  --rgb-main-1: 0, 105, 55;
  --rgb-main-2: 247, 246, 245;
  --rgb-main-3: 0, 0, 0;
  --rgb-main-4: 255, 255, 255;
  --rgb-main-5: 242, 242, 242;
  --rgb-main-6: 235, 243, 239;
  --btn-font-color-1: #ffffff;
  --btn-bg-color-1: #006937;
  --btn-border-color-1: #006937;
  --btn-font-color-1-hover: #006937;
  --btn-bg-color-1-hover: transparent;
  --btn-border-color-1-hover: #006937;
  --btn-font-color-2: #ffffff;
  --btn-bg-color-2: #000000;
  --btn-border-color-2: #000000;
  --btn-font-color-2-hover: #000000;
  --btn-bg-color-2-hover: transparent;
  --btn-border-color-2-hover: #000000;
  --btn-font-color-3: #000000;
  --btn-bg-color-3: #ffffff;
  --btn-border-color-3: #ffffff;
  --btn-font-color-3-hover: #ffffff;
  --btn-bg-color-3-hover: transparent;
  --btn-border-color-3-hover: #ffffff;
  --btn-font-color-4: #006937;
  --btn-bg-color-4: transparent;
  --btn-border-color-4: #006937;
  --btn-font-color-4-hover: #ffffff;
  --btn-bg-color-4-hover: #006937;
  --btn-border-color-4-hover: #006937;
  --btn-font-color-5: #000000;
  --btn-bg-color-5: transparent;
  --btn-border-color-5: #000000;
  --btn-font-color-5-hover: #ffffff;
  --btn-bg-color-5-hover: #000000;
  --btn-border-color-5-hover: #000000;
  --btn-font-color-6: #ffffff;
  --btn-bg-color-6: transparent;
  --btn-border-color-6: #ffffff;
  --btn-font-color-6-hover: #000000;
  --btn-bg-color-6-hover: #ffffff;
  --btn-border-color-6-hover: #ffffff;
  --font-heading: "Lato", "Arial", sans-serif;
  --font-family: "Lato", "Arial", sans-serif;
  --nav-breakpoint: 1280px;
  --nav-breakpoint-minus-one: 1279px;
}

body {
  font-family: "Lato", sans-serif;
}

a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s ease;
}

button {
  border: none;
  padding: 0;
}

img {
  max-width: 100%;
  transition: 0.3s ease;
  object-fit: cover;
}

@media screen and (max-width: 479px) {
  .row-cols-xxs-1 > * {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .row-cols-xxs-2 > * {
    width: 50%;
  }
}

@media screen and (max-width: 479px) {
  .col-xxs-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .d-xxs-none {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .col-xxs-9 {
    width: 75%;
  }
}

@media screen and (max-width: 479px) {
  .col-xxs-3 {
    width: 25%;
  }
}

.ul-container {
  --container-space-x: 30px;
  margin: auto;
  max-width: calc(clamp(1090px, 67.26vw, 1280px) + var(--container-space-x));
  padding-left: calc(var(--container-space-x) / 2);
  padding-right: calc(var(--container-space-x) / 2);
}

.ul-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  visibility: hidden;
}
@media screen and (max-width: 1199px) {
  .ul-slider-nav {
    display: none;
  }
}
.ul-slider-nav .prev,
.ul-slider-nav .next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath d='M26.908 14.941 27.971 14 37 22l-9.03 8-1.062-.941 7.26-6.431H8v-1.256h26.167l-7.259-6.43Z' fill='%23000'/%3E%3C/svg%3E");
  content: "";
  width: 44px;
  aspect-ratio: 1/1;
  transform: rotate(180deg) translateX(100%);
  visibility: visible;
}
@media screen and (max-width: 1199px) {
  .ul-slider-nav .prev,
  .ul-slider-nav .next {
    transform: rotate(180deg) translateX(0);
  }
}
.ul-slider-nav .next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath d='M26.908 14.941 27.971 14 37 22l-9.03 8-1.062-.941 7.26-6.431H8v-1.256h26.167l-7.259-6.43Z' fill='%23000'/%3E%3C/svg%3E");
  transform: rotate(360deg) translateX(100%);
}
@media screen and (max-width: 1199px) {
  .ul-slider-nav .next {
    transform: rotate(360deg) translateX(0);
  }
}

.ul-slider-progress.swiper-pagination-progressbar.swiper-pagination-horizontal {
  margin-top: clamp(20px, 2.1vw, 40px);
  margin-bottom: 30px;
  height: 1px;
  position: relative;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.15);
}
.ul-slider-progress.swiper-pagination-progressbar.swiper-pagination-horizontal .swiper-pagination-progressbar-fill {
  background: var(--color-main-1);
}

.ul-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 45;
  opacity: 0;
  pointer-events: none;
}
.ul-overlay.visible {
  opacity: 1;
  pointer-events: all;
}

.ul-search-modal-wrapper {
  padding-top: clamp(12px, 0.89vw, 17px);
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
  transform: rotateX(90deg);
  transform-origin: top;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s ease;
}
.ul-search-modal-wrapper.active {
  opacity: 1;
  pointer-events: all;
  transform: rotateX(0deg);
}

.ul-search-modal {
  background-color: #ffffff;
  padding: 24px 0;
}
.ul-search-modal-close {
  position: absolute;
  background-color: transparent;
  font-size: 20px;
  right: clamp(10px, 1.05vw, 20px);
  top: clamp(15px, 1.31vw, 25px);
  line-height: 0.7;
}
.ul-search-modal-close:hover {
  color: var(--color-main-1);
}
.ul-search-modal-form {
  max-width: clamp(300px, 40%, 40%);
  display: flex;
  margin: auto;
  border: 1px solid #e0e0e0;
  padding: 5px;
  border-radius: 999px;
}
.ul-search-modal-form input {
  border: none;
  width: 100%;
  padding: 0 10px;
  background-color: transparent;
}
.ul-search-modal-form input:focus, .ul-search-modal-form input:focus-visible, .ul-search-modal-form input:focus-within {
  outline: none;
}
.ul-search-modal-form button {
  color: var(--color-main-1);
  background-color: rgba(0, 105, 54, 0.1);
  aspect-ratio: 1/1;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ul-search-modal-products .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 15px;
}
.ul-search-modal-products .heading a {
  text-decoration: underline var(--color-main-1);
  text-underline-offset: 5px;
}
.ul-search-modal-products .heading a:hover {
  color: var(--color-main-1);
}

.ul-auth-modal {
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: clamp(720px, 45.4vw, 864px);
  max-height: 90vh;
  overflow: auto;
  z-index: 222;
  transition: 0.3s ease;
  opacity: 0;
  pointer-events: none;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .ul-auth-modal {
    width: calc(100% - 30px);
  }
}
.ul-auth-modal.open {
  opacity: 1;
  pointer-events: all;
  top: 50%;
}
.ul-auth-modal-close {
  background-color: transparent;
  font-size: 25px;
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 0.7;
}
.ul-auth-modal-close:hover {
  color: var(--color-main-1);
}
.ul-auth-modal-content {
  background-color: #fafbfc;
  height: 100%;
  text-align: center;
  padding: clamp(30px, 3.15vw, 60px) clamp(15px, 1.58vw, 30px);
  display: grid;
  place-content: center;
}
.ul-auth-modal-img {
  margin-bottom: 15px;
}
.ul-auth-modal-img img {
  max-width: 270px;
}
@media screen and (max-width: 767px) {
  .ul-auth-modal-img img {
    max-width: 50%;
  }
}
.ul-auth-modal-txt .title {
  font-size: clamp(20px, 1.31vw, 25px);
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.ul-auth-modal-txt .descr {
  font-size: 15px;
  color: #72716f;
  margin-bottom: 0;
}
.ul-auth-modal-form-wrapper {
  padding: clamp(30px, 3.15vw, 60px) clamp(15px, 1.58vw, 30px);
}
.ul-auth-modal-title {
  font-weight: 700;
  font-size: clamp(20px, 1.31vw, 25px);
  margin-bottom: 12px;
  display: block;
}
.ul-auth-modal-descr {
  font-size: 15px;
  color: #72716f;
}
.ul-auth-modal-form label {
  margin-bottom: 5px;
}
.ul-auth-modal-form input {
  width: 100%;
  height: 45px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 0 15px;
}
.ul-auth-modal-form input:focus, .ul-auth-modal-form input:focus-visible, .ul-auth-modal-form input:focus-within {
  border-color: var(--color-main-1);
  outline: none;
}
.ul-auth-modal-form-btn {
  background-color: var(--color-main-1);
  width: 100%;
  height: 45px;
  border-radius: 6px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
  margin-top: 15px;
}
.ul-auth-modal-referral-code .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 14px 0 8px;
  color: var(--color-main-1);
}
.ul-auth-modal-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 10px 0;
}
.ul-auth-modal-divider::before, .ul-auth-modal-divider::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}
.ul-auth-modal-options {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.ul-auth-modal-options button {
  width: clamp(35px, 2.1vw, 40px);
  aspect-ratio: 1/1;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #e0e0e0;
  transition: 0.3s ease;
}
.ul-auth-modal-options button:hover {
  border-color: var(--color-main-1);
  color: var(--color-main-1);
}
.ul-auth-modal-footer-text {
  font-size: 15px;
  color: #72716f;
  margin-bottom: 0;
  margin-top: 20px;
}
.ul-auth-modal-footer-text a {
  color: var(--color-main-1);
}

.ul-cart-sidebar {
  position: fixed;
  inset: 0;
  left: auto;
  width: 600px;
  max-width: 100%;
  background-color: #fff;
  z-index: 50;
  transform: translateX(100%);
  transition: 0.3s ease;
  display: flex;
  flex-direction: column;
}
.ul-cart-sidebar.open {
  transform: translateX(0);
}
.ul-cart-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(14px, 1.26vw, 24px) clamp(18px, 1.68vw, 32px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.ul-cart-sidebar-closer {
  background-color: transparent;
  font-size: 30px;
}
.ul-cart-sidebar-closer:hover {
  color: var(--color-main-1);
}
.ul-cart-sidebar-title {
  font-size: clamp(20px, 1.26vw, 24px);
  text-transform: uppercase;
  margin-bottom: 0;
}
.ul-cart-sidebar-item-count {
  color: #72716f;
  text-transform: uppercase;
}
.ul-cart-sidebar-body {
  flex-grow: 1;
  overflow: auto;
  overscroll-behavior: contain;
}
.ul-cart-sidebar-notice-wrapper {
  text-align: center;
  border-bottom: 2px solid var(--color-main-1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  padding: 10px 0;
}
.ul-cart-sidebar-items {
  padding: 0 clamp(18px, 1.68vw, 32px);
}
.ul-cart-sidebar-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: clamp(14px, 1.26vw, 24px) 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.ul-cart-sidebar-item-img {
  width: clamp(80px, 5.78vw, 110px);
  aspect-ratio: 1/1;
  border-radius: 8px;
  overflow: hidden;
}
.ul-cart-sidebar-item-txt {
  flex-grow: 1;
}
.ul-cart-sidebar-item-header {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 20px;
}
.ul-cart-sidebar-item-title {
  font-size: 15px;
  margin-bottom: 0;
}
.ul-cart-sidebar-item-remove {
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
}
.ul-cart-sidebar-item-remove:hover {
  color: var(--color-main-1);
}
.ul-cart-sidebar-item-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ul-cart-sidebar-item-actions .product-price {
  margin-bottom: 0;
}
.ul-cart-sidebar-footer {
  background-color: #f2f2f2;
  padding: clamp(8px, 0.84vw, 16px) clamp(18px, 1.68vw, 32px);
}
.ul-cart-sidebar-discount-code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: clamp(8px, 0.84vw, 16px);
}
.ul-cart-sidebar-discount-code .title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
}
.ul-cart-sidebar-discount-code .title i {
  color: rgba(0, 0, 0, 0.5);
}
.ul-cart-sidebar-discount-code button {
  color: rgba(0, 0, 0, 0.5);
}
.ul-cart-sidebar-calculation {
  padding-top: clamp(8px, 0.84vw, 16px);
}
.ul-cart-sidebar-calculation > span {
  display: block;
}
.ul-cart-sidebar-calculation .subtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
}
.ul-cart-sidebar-calculation .subtotal .value {
  font-size: 20px;
}
.ul-cart-sidebar-calculation .note {
  display: block;
  font-size: 15px;
  margin-bottom: 14px;
}
.ul-cart-sidebar-checkout-btn {
  background-color: var(--color-main-1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.075rem;
  height: 42px;
}
.ul-cart-sidebar-checkout-btn:hover {
  background-color: #0B853E;
}
.ul-cart-sidebar-suggestions-slider {
  padding: 55px clamp(18px, 1.68vw, 32px);
}
.ul-cart-sidebar-suggestions-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  right: 15px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.ul-cart-sidebar-suggestions-slider-nav button {
  background-color: transparent;
  font-size: 25px;
}
.ul-cart-sidebar-suggestions-slider-nav button.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.ul-suggestion-product {
  text-align: center;
}
.ul-suggestion-product-img {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 10px;
}
.ul-suggestion-product-title {
  font-size: 15px;
  margin-bottom: 15px;
  display: block;
}
.ul-suggestion-product-add-btn {
  border: 1px solid var(--color-main-1);
  border-radius: 6px;
  background-color: transparent;
  color: var(--color-main-1);
  padding: 8px 20px;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: 0.3s ease;
}
.ul-suggestion-product-add-btn:hover {
  background-color: var(--color-main-1);
  color: #fff;
}

.quantity-selector-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 7px 15px;
  display: flex;
  align-items: center;
  /* Firefox */
}
.quantity-selector-wrapper button {
  background-color: transparent;
  font-size: 25px;
  line-height: 0.7;
}
.quantity-selector-wrapper input {
  width: 50px;
  border: none;
  appearance: none;
  text-align: center;
}
.quantity-selector-wrapper input:focus, .quantity-selector-wrapper input:focus-visible, .quantity-selector-wrapper input:focus-within {
  outline: none;
}
.quantity-selector-wrapper input::-webkit-outer-spin-button,
.quantity-selector-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-selector-wrapper input[type=number] {
  -moz-appearance: textfield;
}

.ul-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.ul-header-container {
  max-width: 1200px;
  margin: auto;
}
.ul-header-top {
  padding: clamp(8px, 0.74vw, 14px) 0;
  background-color: #f2f2f2;
}
.ul-header-top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .ul-header-top-content p {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .ul-header-top-content {
    justify-content: center;
  }
}
.ul-header-top-menu {
  display: flex;
  gap: clamp(12px, 1.26vw, 24px);
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .ul-header-top-menu {
    justify-content: center;
  }
}
.ul-header-top-menu a {
  text-decoration: 1px underline transparent;
  text-underline-offset: 7px;
}
.ul-header-top-menu a:hover {
  text-decoration-color: var(--color-main-1);
}
.ul-header-middle {
  padding: clamp(10px, 0.84vw, 16px) 0;
}
.ul-header-middle .logo {
  max-width: 223px;
}
.ul-header-search-opener {
  border: 1px solid #FFD22D;
  background-color: #FFD22D;
  border-radius: 999px;
  padding: 6px;
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media screen and (max-width: 479px) {
  .ul-header-search-opener {
    justify-content: center;
  }
}
.ul-header-search-opener input {
  border: none;
  width: 100%;
  padding-left: 10px;
}
.ul-header-search-opener input:focus {
  outline: none;
}
.ul-header-search-opener .txt {
  padding-left: 10px;
}
.ul-header-search-opener .icon {
  color: #000;
  aspect-ratio: 1/1;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ul-header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(16px, 1.68vw, 32px);
  font-size: 22px;
  border-left: 1px solid #000;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .ul-header-actions {
    justify-content: center;
  }
}
.ul-header-actions button:hover,
.ul-header-actions a:hover {
  color: var(--color-main-1);
}
.ul-header-actions button {
  background: none;
}
.ul-header-cart-opener {
  position: relative;
}
.ul-header-cart-opener .cartCount {
  position: absolute;
  top: -4px;
  right: -10px;
  background-color: #ffd22d;
  line-height: 0.8;
  padding: 4px 6px 5px;
  border-radius: 30px;
  font-size: 13px;
}
.ul-header-bottom-content {
  border-top: 1px solid rgb(0, 0, 0);
}
.ul-header-bottom-content.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 60;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1490196078);
}
.ul-header-bottom-content .ss-main {
  text-align: center;
  border: none;
  background-color: #000;
  color: #fff;
  border-radius: 0;
  height: 100%;
}
.ul-header-bottom-content .ss-main:focus {
  outline: none;
  box-shadow: none;
}
.ul-header-bottom-content .ss-main .ss-values,
.ul-header-bottom-content .ss-main .ss-values .ss-placeholder {
  justify-content: center;
  color: #fff;
}
.ul-header-bottom-content .ss-main .ss-arrow {
  display: none;
}
.ul-header-bottom nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.06rem;
  font-size: 14px;
}
.ul-header-bottom nav > a,
.ul-header-bottom nav .has-megamenu > a {
  padding: clamp(5px, 0.84vw, 16px) clamp(10px, 0.84vw, 16px);
  position: relative;
  display: block;
}
.ul-header-bottom nav > a::before,
.ul-header-bottom nav .has-megamenu > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  background-color: #000;
  transition: 0.3s ease;
  pointer-events: none;
}
.ul-header-bottom nav > a:hover::before,
.ul-header-bottom nav .has-megamenu > a:hover::before {
  width: 100%;
}

.ul-header .has-megamenu:hover > a::before {
  width: 100%;
}
.ul-header-megamenu {
  position: absolute;
  z-index: 11;
  right: 0;
  left: 0;
  background-color: #f7f6f5;
  top: calc(100% + 1px);
  transition: 0.3s ease, pointer-events 0s ease;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  padding: clamp(20px, 2.1vw, 40px) 0;
}
.ul-header-megamenu.visible {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.ul-header-megamenu .megamenu-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr clamp(408px, 21.6vw, 411px);
}
@media screen and (max-width: 991px) {
  .ul-header-megamenu .megamenu-content {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
  .ul-header-megamenu .megamenu-content > *:last-child {
    grid-column: span 3/span 3;
    grid-row-start: 2;
  }
}
@media screen and (max-width: 575px) {
  .ul-header-megamenu .megamenu-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .ul-header-megamenu .megamenu-content > *:last-child {
    grid-column: auto;
    grid-row-start: 2;
  }
}
.ul-header-megamenu .megamenu-inner-title {
  margin-bottom: 20px;
  display: block;
}
.ul-header-megamenu .megamenu-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ul-header-megamenu .megamenu-links a {
  font-weight: 400;
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 15px;
  display: inline-block;
  text-decoration: 1px underline transparent;
  text-underline-offset: 6px;
}
.ul-header-megamenu .megamenu-links a:hover {
  text-decoration-color: var(--color-main-1);
}
.ul-header-megamenu .megamenu-ad:hover .megamenu-ad-img img {
  transform: scale(1.1);
}
.ul-header-megamenu .megamenu-ad-img {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 40px;
}
.ul-header-megamenu .megamenu-ad-img img {
  width: 100%;
  aspect-ratio: 411/309;
  object-fit: cover;
}
.ul-header-megamenu .megamenu-ad-title {
  font-size: clamp(15px, 0.95vw, 18px);
  font-weight: 500;
  margin-bottom: 20px;
}
.ul-header-megamenu .megamenu-ad-title a:hover {
  color: var(--color-main-1);
}

.ul-banner img {
  width: 100%;
}

.ul-specialities {
  background-color: #f7f6f5;
  padding: clamp(15px, 0.95vw, 18px);
}

.ul-speciality {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 1.26vw, 24px);
}
@media screen and (max-width: 991px) {
  .ul-speciality {
    flex-direction: column;
  }
}
@media screen and (max-width: 479px) {
  .ul-speciality {
    flex-direction: row;
  }
}
.ul-speciality-img {
  flex-shrink: 0;
}
.ul-speciality-img img {
  width: 32px;
  aspect-ratio: 1/1;
}
.ul-speciality-title {
  font-size: 13px;
}

.ul-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: clamp(18px, 1.31vw, 25px);
}
@media screen and (max-width: 479px) {
  .ul-section-heading {
    flex-direction: column;
    text-align: center;
  }
}
.ul-section-heading-link {
  position: relative;
  padding-right: 30px;
  letter-spacing: 0.075rem;
  font-weight: 600;
  flex-shrink: 0;
}
.ul-section-heading-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M10.432.588 11.018 0 16 5l-4.982 5-.586-.588 4.005-4.02H0v-.784h14.437L10.432.588Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='000000' d='M0 0h16v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  height: 10px;
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
  translate: 0 -50%;
  width: 16px;
}
.ul-section-title {
  font-weight: 500;
  font-size: clamp(23px, 1.47vw, 28px);
  margin-bottom: 0;
}
.ul-section-title-2 {
  font-weight: 500;
  text-align: center;
  font-size: clamp(20px, 1.26vw, 24px);
  margin-bottom: clamp(22px, 1.58vw, 30px);
}

.ul-category:hover .ul-category-img img {
  scale: 1.1;
}
.ul-category:hover .ul-category-link {
  padding-right: 34px;
}
.ul-category:hover .ul-category-link::before {
  opacity: 1;
  visibility: visible;
}
.ul-category-img {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 10px;
}
.ul-category-img img {
  width: 100%;
  aspect-ratio: 302/227;
}
.ul-category-link {
  width: max-content;
  display: block;
  position: relative;
  margin: auto;
}
.ul-category-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12' fill='none'%3E%3Cpath d='m13.816.7.746-.7 6.343 5.949-6.343 5.949-.746-.7 5.1-4.783H.531v-.933h18.383L13.815.7Z' fill='%23000'/%3E%3C/svg%3E");
  content: "";
  display: block;
  height: 12px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
  translate: 0 -50%;
  visibility: hidden;
  width: 22px;
}

.ul-product-img {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 15px;
}
.ul-product-img img {
  width: 100%;
  aspect-ratio: 1/1;
}
.ul-product-img .hover-img {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.ul-product-img:hover .hover-img {
  opacity: 1;
}
.ul-product-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  border: 1px solid var(--color-main-1);
  color: var(--color-main-1);
  border-radius: 5px;
  padding: 2px 10px;
  font-size: 12px;
}
.ul-product-add-to-fav {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath d='M22.012 30h-.023a.419.419 0 0 1-.25-.084c-.242-.178-5.923-4.416-8.017-7.99l-.008-.015A5.392 5.392 0 0 1 13 19.22c0-2.878 2.24-5.22 4.992-5.22 1.594 0 3.074.792 4.008 2.107.934-1.315 2.414-2.107 4.008-2.107C28.76 14 31 16.342 31 19.22c0 .95-.247 1.881-.714 2.691l-.008.015c-2.093 3.574-7.775 7.812-8.016 7.99a.416.416 0 0 1-.25.084Zm-7.542-8.536c1.77 3.011 6.42 6.678 7.53 7.53 1.11-.852 5.76-4.519 7.53-7.53l.006-.01c.39-.672.596-1.444.596-2.234 0-2.378-1.85-4.312-4.124-4.312-1.513 0-2.903.864-3.626 2.257a.432.432 0 0 1-.382.237.432.432 0 0 1-.381-.237c-.723-1.393-2.113-2.257-3.627-2.257-2.274 0-4.124 1.934-4.124 4.312 0 .79.207 1.562.596 2.234l.006.01Z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-color: transparent;
  height: 44px;
  aspect-ratio: 1/1;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.ul-product-add-to-fav.added {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath d='M22.012 30h-.023a.419.419 0 0 1-.25-.084c-.242-.178-5.923-4.416-8.017-7.99l-.008-.015A5.392 5.392 0 0 1 13 19.22c0-2.878 2.24-5.22 4.992-5.22 1.594 0 3.074.792 4.008 2.107.934-1.315 2.414-2.107 4.008-2.107C28.76 14 31 16.342 31 19.22c0 .95-.247 1.881-.714 2.691l-.008.015c-2.093 3.574-7.775 7.812-8.016 7.99a.416.416 0 0 1-.25.084Zm-7.542-8.536c1.77 3.011 6.42 6.678 7.53 7.53 1.11-.852 5.76-4.519 7.53-7.53l.006-.01c.39-.672.596-1.444.596-2.234 0-2.378-1.85-4.312-4.124-4.312-1.513 0-2.903.864-3.626 2.257a.432.432 0 0 1-.382.237.432.432 0 0 1-.381-.237c-.723-1.393-2.113-2.257-3.627-2.257-2.274 0-4.124 1.934-4.124 4.312a4.451 4.451 0 0 0 .602 2.244Z' fill='%23000'/%3E%3Cpath d='M14.47 21.464c1.77 3.011 6.42 6.678 7.53 7.53 1.11-.852 5.76-4.519 7.53-7.53l.006-.01c.39-.672.596-1.444.596-2.234 0-2.378-1.85-4.312-4.124-4.312-1.513 0-2.903.864-3.626 2.257a.432.432 0 0 1-.382.237.432.432 0 0 1-.381-.237c-.723-1.393-2.113-2.257-3.627-2.257-2.274 0-4.124 1.934-4.124 4.312a4.451 4.451 0 0 0 .602 2.244Z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.ul-product-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25rem;
}
.ul-product-descr {
  font-size: 14px;
  margin-bottom: 0;
}
.ul-product-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ul-product-rating .stars {
  display: flex;
  gap: 2px;
}
.ul-product-rating .stars img {
  width: 10px;
  aspect-ratio: 1/1;
}
.ul-product-rating .reviews {
  font-size: 14px;
}
.ul-product-price {
  display: block;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ul-product-btn {
  border: 1px solid var(--color-main-1);
  border-radius: 8px;
  text-transform: uppercase;
  text-align: center;
  display: block;
  color: var(--color-main-1);
  font-weight: 600;
  padding: 10px 0;
}
.ul-product-btn:hover {
  background-color: var(--color-main-1);
  color: #ffffff;
}
.ul-product-stock-out-btn {
  border: 1px solid var(--bs-gray-500);
  border-radius: 8px;
  text-transform: uppercase;
  text-align: center;
  display: block;
  color: var(--bs-gray-500);
  font-weight: 600;
  padding: 10px 0;
}
.ul-product-stock-out-btn:hover {
  background-color: var(--bs-gray-500);
  color: #ffffff;
}

.ul-concern .ul-category-img img {
  aspect-ratio: 302/402;
}

.ul-review {
  background-color: #f7f6f5;
  padding: 32px 24px 16px;
  border-radius: 8px;
}
.ul-review-stars {
  display: flex;
  gap: 5px;
  margin-bottom: 20px;
}
.ul-review-stars img {
  width: 17px;
}
.ul-review-txt {
  margin-bottom: 54px;
  color: #000;
  font-size: clamp(15px, 0.95vw, 18px);
}
.ul-review-txt::before {
  content: open-quote;
}
.ul-review-txt::after {
  content: close-quote;
}
.ul-review-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 10px;
}
.ul-review-reviewer {
  font-weight: 600;
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.045rem;
  line-height: 1.25;
}
.ul-review-verified {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 12px;
  color: var(--color-main-1);
}
.ul-review-verified img,
.ul-review-verified svg {
  width: 13px;
  height: 13px;
}

.ul-product-details-top {
  padding-top: clamp(16px, 1.68vw, 32px);
}
.ul-product-details-top-left {
  position: sticky;
  top: 30px;
}
.ul-product-details-imgs {
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 575px) {
  .ul-product-details-imgs {
    flex-direction: column;
    display: block;
  }
}
.ul-product-details-img-thumbs-slider {
  max-width: 100px;
  width: 100px;
  aspect-ratio: 100/632;
  flex-shrink: 0;
}
@media screen and (max-width: 575px) {
  .ul-product-details-img-thumbs-slider {
    aspect-ratio: auto;
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
  }
}
.ul-product-details-img-thumbs-slider .swiper-slide {
  border-radius: 6px;
  overflow: hidden;
  height: auto;
}
.ul-product-details-img-thumbs-slider .swiper-slide-thumb-active {
  border: 1px solid #000;
}
.ul-product-details-img img {
  aspect-ratio: 1/1;
  width: 100%;
  border-radius: 8px;
}
.ul-product-details-txt {
  margin-left: clamp(28px, 2.94vw, 56px);
}
@media screen and (max-width: 991px) {
  .ul-product-details-txt {
    margin-left: 0;
  }
}
.ul-product-details-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: clamp(16px, 1.26vw, 24px);
}
.ul-product-details-rating .stars {
  display: flex;
  gap: 2px;
  color: rgb(255, 184, 0);
  font-size: 14px;
}
.ul-product-details-rating .rating-count {
  font-size: 14px;
  color: #000;
}
.ul-product-details-title {
  font-size: clamp(20px, 1.26vw, 24px);
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  font-weight: 500;
  margin-bottom: clamp(7px, 0.63vw, 12px);
}
.ul-product-details-descr {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: clamp(18px, 1.84vw, 35px);
  color: #000;
}
.ul-product-details-descr a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 4px;
  display: inline-block;
  margin-left: auto;
}
.ul-product-details-price {
  font-weight: 500;
  color: #000;
  font-size: clamp(15px, 0.95vw, 18px);
  margin-bottom: clamp(24px, 1.42vw, 27px);
  display: block;
}
.ul-product-details-video-reviews {
  margin-bottom: clamp(24px, 1.42vw, 27px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: clamp(24px, 1.42vw, 27px);
}
.ul-product-details-video-review {
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.74vw, 14px);
}
.ul-product-details-video-review-cover {
  width: clamp(56px, 3.99vw, 76px);
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.ul-product-details-video-review-cover img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.ul-product-details-video-review-cover a {
  position: absolute;
  bottom: 2px;
  left: 2px;
  font-size: clamp(20px, 1.26vw, 24px);
  color: #fff;
  line-height: 0.7;
}
.ul-product-details-video-review-reviewer {
  color: rgb(0, 105, 55);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  display: block;
}
.ul-product-details-video-review-descr {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #000;
  margin-bottom: 0;
}
.ul-product-details-video-review-descr::before {
  content: open-quote;
}
.ul-product-details-video-review-descr::after {
  content: close-quote;
}
.ul-product-details-video-review-slider-nav {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1607843137);
  background-color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.ul-product-details-subscr-form .ul-product-details-radio {
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px clamp(7px, 0.53vw, 10px);
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
.ul-product-details-subscr-form .ul-product-details-radio:focus-within, .ul-product-details-subscr-form .ul-product-details-radio:focus, .ul-product-details-subscr-form .ul-product-details-radio:focus-visible {
  background: var(--color-main-2-light-stone, #f7f6f5);
  border-color: transparent;
  border-radius: 6px;
  outline: none;
}
.ul-product-details-subscr-form .ul-product-details-radio:has(input:checked) {
  background: var(--color-main-2-light-stone, #f7f6f5);
  border-color: transparent;
  border-radius: 6px;
  outline: none;
}
.ul-product-details-subscr-form .ul-product-details-radio input:checked + .left .radio-circle::before {
  opacity: 1;
}
.ul-product-details-subscr-form .ul-product-details-radio .left {
  display: flex;
  align-items: center;
  gap: clamp(7px, 0.53vw, 10px);
}
.ul-product-details-subscr-form .ul-product-details-radio .radio-circle {
  display: block;
  width: 17px;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-main-1);
  border-radius: 50%;
  position: relative;
}
.ul-product-details-subscr-form .ul-product-details-radio .radio-circle::before {
  content: "";
  position: absolute;
  background-color: var(--color-main-1);
  inset: 2px;
  border-radius: 50%;
  opacity: 0;
}
.ul-product-details-subscription-info {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 0.9em;
  gap: 10px;
  padding: 0.5em 0;
}
.ul-product-details-review-highlights {
  text-align: center;
  display: none;
  margin: 24px 0 0;
  margin-left: 100px;
}
@media screen and (min-width: 64rem) {
  .ul-product-details-review-highlights {
    display: block;
  }
}
.ul-product-details-review-highlights__title {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02rem;
  line-height: 1.1875;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 4px;
}
@media screen and (min-width: 64rem) {
  .ul-product-details-review-highlights__title {
    font-size: 1.125rem;
    letter-spacing: 0.0225rem;
    line-height: 1.22;
  }
}
.ul-product-details-highlight-review {
  font-style: italic;
}
.ul-product-details-highlight-review__txt {
  font-size: 16px;
  position: relative;
  max-width: 75%;
  margin: auto;
  margin-bottom: 10px;
}
.ul-product-details-highlight-review__txt::before, .ul-product-details-highlight-review__txt::after {
  position: absolute;
  font-size: 20px;
  line-height: 0.7;
}
.ul-product-details-highlight-review__txt::before {
  content: open-quote;
  top: 0;
  left: 0;
}
.ul-product-details-highlight-review__txt::after {
  content: close-quote;
  bottom: 0;
  right: 0;
}
.ul-product-details-highlight-review__meta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
.ul-product-details-highlight-review__stars {
  font-size: 12px;
  color: #FFB800;
}
.ul-product-details-highlight-review__reviewer {
  font-weight: 600;
  font-size: 14px;
}

.product-stock-level {
  display: grid;
  margin: 24px 0 12px;
  place-items: center;
}

.product-stock-level__stock-message {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin: 0;
}
.product-stock-level__stock-message::before {
  border-radius: 100%;
  content: "";
  display: block;
  height: 8px;
  width: 8px;
}

.product-stock-level__stock-message--in-stock {
  color: var(--color-success);
}
.product-stock-level__stock-message--in-stock::before {
  background-color: var(--color-success);
}

.product-stock-level__stock-message--out-stock {
  color: var(--bs-gray-500);
}
.product-stock-level__stock-message--out-stock::before {
  background-color: var(--bs-gray-500);
}

.pdp__cart-button-wrapper {
  display: grid;
  gap: 12px;
}

.ul-text-primaray {
  color: var(--color-main-1);
}

@media screen and (min-width: 64rem) {
  .pdp__cart-button-wrapper {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    grid-template-columns: 1fr 48px;
  }
}
.product-form__submission-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: var(--color-main-1);
  border-radius: 6px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 16px 0 0;
  overflow: hidden;
}

.product-form__quantity-btn {
  cursor: pointer;
  display: grid;
  padding: 16px;
  place-items: center;
  background-color: transparent;
  color: #fff;
}

.product-form__quantity-btn--minus {
  border-right: 1px solid rgba(var(--rgb-main-2), 0.2);
}

.product-form__quantity-btn--plus {
  border-left: 1px solid rgba(var(--rgb-main-2), 0.2);
}

.cta {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0.075rem;
  padding-right: 30px;
  position: relative;
  text-transform: uppercase;
}

.product-form__submit-btn {
  min-width: 150px;
  padding: 16px 0;
  text-align: center;
  width: 100%;
}

.ul-product-details-add-to-wishlist {
  background-color: transparent;
  border: 1px solid var(--color-main-1);
  height: clamp(42px, 2.52vw, 48px);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  padding: 14px;
}
.ul-product-details-add-to-wishlist.bookmarked {
  background-color: var(--color-main-1) !important;
  color: #ffffff;
}

.product-loyality {
  border: 1px solid rgba(var(--rgb-main-3), 0.1);
  border-radius: 6px;
  margin: 0 0 26px;
  margin-top: clamp(15px, 1.58vw, 30px);
  padding: 20px 12px;
  position: relative;
  font-weight: 500;
}
.product-loyality__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.product-loyality__points {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0525rem;
  line-height: 1.214;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.product-loyality__points-spent {
  margin-bottom: 0;
}
.product-loyality .link {
  cursor: pointer;
  font-weight: 400;
  position: relative;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.minicart-gift-wrap {
  background-color: var(--color-main-2);
  border-radius: 6px;
  margin-bottom: 24px;
}

.product-giftwrap .minicart-gift-wrap {
  margin: 0;
}

.minicart-gift-wrap-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.minicart-gift-wrap-container,
.minicart-gift-wrap-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
}

.minicart-gift-wrap-content {
  gap: 16px;
}

.checkbox-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkbox-wrapper input[type=checkbox] {
  height: 0;
  left: -1000px;
  position: absolute;
  width: 0;
  z-index: -1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  height: 24px;
  margin: 0 16px 0 0;
  padding: 0;
  width: 24px;
}
.checkbox-wrapper input[type=checkbox]:checked + .checkbox-label:before {
  background-color: var(--color-main-1);
  border: 0.75px solid var(--color-main-3);
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}
.checkbox-wrapper .checkbox-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-font-1);
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0175rem;
  line-height: 1.0625rem;
  margin: 0;
}
.checkbox-wrapper .checkbox-label::before {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 0.75px solid rgba(var(--rgb-main-3), 0.15);
  border-radius: 3px;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  justify-content: center;
  margin-right: 12px;
  width: 18px;
}
.checkbox-wrapper label {
  margin-bottom: 0;
}

.minicart-gift-wrap-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}
.minicart-gift-wrap-info .minicart-gift-wrap-title {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0525rem;
  line-height: 1.214;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin: 0;
}

.minicart-gift-wrap-price {
  color: #72716f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75rem;
  letter-spacing: 0.045rem;
  line-height: 1.25;
  margin: 0;
}

.product-usp-list {
  display: grid;
  gap: 10px;
  margin: 32px 0 0;
  padding-left: 0;
}

.product-usp-list__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-size: 14px;
}
.product-usp-list__item p {
  margin-bottom: 0;
}

.product-usp-list__item img,
.product-usp-list__item svg {
  height: 18px;
  width: 18px;
}

.product-details__markdown-container .product-usp-list__item h3,
.product-usp-list__item .label,
.product-usp-list__item .product-details__markdown-container h3 {
  margin: 0;
}

.product-usp-list__item .label {
  color: var(--color-font-1);
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0175rem;
  line-height: 1.0625rem;
  margin-bottom: 7px;
}

@media screen and (min-width: 64rem) {
  .product-info-block {
    margin: 48px 0 0;
  }
}
.product-info-block .subheading-2 {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0525rem;
  line-height: 1.214;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.product-info-block__chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

.product-info-block__chip {
  background-color: var(--color-main-2);
  border-radius: 99px;
  margin: 0;
  padding: 8px 16px;
  color: var(--color-font-1);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.045rem;
  line-height: 1.25;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.product-breakdown {
  margin: 40px 0 0;
}

.product-breakdown__list {
  display: grid;
  gap: 16px;
}

.product-breakdown__item {
  display: grid;
  gap: 8px;
}

.product-breakdown__item-details {
  display: grid;
  gap: 24px;
  grid-template-columns: 40% 1fr;
}
.product-breakdown__item-details p {
  margin-bottom: 0;
}

@media screen and (min-width: 64rem) {
  .product-breakdown__item-details {
    display: grid;
    gap: 24px;
    grid-template-columns: 40% 1fr;
  }
}
.product-breakdown__title {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0525rem;
  line-height: 1.214;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin: 0;
}

.pdp__divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  margin: var(--top-spacing, 16px) 0 0;
  --top-spacing: 8px;
}

.product-breakdown__ingredients-link {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.inline-upsell {
  margin: 40px 0 0;
}
.inline-upsell .heading-4 {
  color: var(--color-font-1);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02rem;
  line-height: 1.1875;
  margin-bottom: 16px;
  text-transform: uppercase;
}
@media screen and (min-width: 64rem) {
  .inline-upsell .heading-4 {
    font-size: 1.125rem;
    letter-spacing: 0.0225rem;
    line-height: 1.22;
  }
}
.inline-upsell__product {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(var(--rgb-main-3), 0.1);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 16px;
}
@media screen and (min-width: 64rem) {
  .inline-upsell__product {
    padding: 6px 16px 6px 6px;
  }
}
.inline-upsell__featured-image .image-snippet {
  height: 80px;
  width: 80px;
}
.inline-upsell__featured-image .image-snippet img {
  display: block;
}
.inline-upsell__content-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
@media screen and (min-width: 64rem) {
  .inline-upsell__content-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 32px;
  }
}
.inline-upsell__title {
  color: var(--color-font-1);
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0175rem;
  line-height: 1.0625rem;
  margin-bottom: 7px;
  margin: 0;
  text-align: left;
  width: 100%;
}
.inline-upsell__add-to-cart {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.75px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: var(--font-family);
  font-size: 0.75rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.075rem;
  line-height: 0.875rem;
  padding: 13px 24px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
  background-color: var(--btn-bg-color-1);
  border-color: var(--btn-border-color-1);
  color: var(--btn-font-color-1);
  min-width: 136px;
  width: 100%;
}
.inline-upsell__add-to-cart:hover {
  background-color: var(--btn-bg-color-1-hover);
  border-color: var(--btn-border-color-1-hover);
  color: var(--btn-font-color-1-hover);
}

.ul-product-details-tab-navs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.ul-product-details-tab-navs button {
  background-color: transparent;
  color: var(--color-font-1);
  cursor: pointer;
  display: block;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.045rem;
  line-height: 1.25;
  margin: 0;
  padding: 16px;
  position: relative;
  text-transform: uppercase;
  padding: 16px 24px;
  border-bottom: 1px solid transparent;
}
.ul-product-details-tab-navs button.active {
  color: var(--color-main-1);
  border-bottom: 1px solid var(--color-main-1);
}

.ul-product-details-tabs {
  border-top: 1px solid rgba(var(--rgb-main-3), 0.15);
}

.ul-tab {
  overflow: hidden;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.ul-tab.active {
  opacity: 1;
  height: auto;
  pointer-events: all;
}

.ul-product-details-tab {
  background-color: var(--color-main-2);
}
.ul-product-details-tab-inner {
  padding: 40px 0;
}
.ul-product-details-tab-inner .row {
  --bs-gutter-x: clamp(60px, 7.36vw, 140px);
  --bs-gutter-y: 40px;
}

.ul-p-details-tab-tags {
  margin-bottom: clamp(30px, 3.15vw, 60px);
}
.ul-p-details-tab-tags .product-info-block__chip {
  background-color: #fff;
  font-size: 12px;
}
.ul-p-details-tab-title-1 {
  font-weight: 600;
  font-size: clamp(24px, 1.47vw, 28px);
  letter-spacing: 0.035rem;
  line-height: 1.21;
  margin: 0 0 32px;
}
.ul-p-details-tab-txt p {
  font-size: 14px;
}
.ul-p-details-tab-txt ul {
  padding: 0;
  list-style: none;
}
.ul-p-details-tab-txt ul li {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 0.875rem;
}
.ul-p-details-tab-txt ul li::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' fill='none'%3E%3Cpath d='M8.597 15.082C9.925 12.98 15.156 7.245 19 5c-3.805 4.102-8.085 8.918-10.383 13-1.229-1.898-2.2-4.898-4.617-5.449 2.259-.918 3.19.918 4.597 2.53Z' fill='%23006937'/%3E%3C/svg%3E") no-repeat 50%;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-bottom: -5px;
}
.product-details__certifications {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  row-gap: 26px;
}
@media screen and (min-width: 64rem) {
  .product-details__certifications {
    border-top: 1px solid rgba(var(--rgb-main-3), 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 0 0;
    place-content: center;
    margin-top: 25px;
  }
}

.product-details__certification {
  -webkit-box-flex: 0;
  display: grid;
  -ms-flex: 0 0 calc(33.33333% - 12px);
  flex: 0 0 calc(33.33333% - 12px);
  gap: 16px;
  place-items: center;
}
@media screen and (min-width: 48rem) {
  .product-details__certification {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
  }
}
@media screen and (min-width: 64rem) {
  .product-details__certification {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(16.66667% - 12px);
    flex: 0 0 calc(16.66667% - 12px);
  }
}
@media screen and (max-width: 479px) {
  .product-details__certification {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
  }
}
.product-details__certification-title {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0175rem;
  text-transform: none;
  line-height: 150%;
  margin: 0;
  text-align: center;
}

.ul-p-details-tab-title-2 {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02rem;
  line-height: 1.1875;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
@media screen and (min-width: 64rem) {
  .ul-p-details-tab-title-2 {
    font-size: 1.125rem;
    letter-spacing: 0.0225rem;
    line-height: 1.22;
  }
}

.ul-p-details-tab-txt-block {
  margin-bottom: 24px;
}

.ul-p-details-tab-list {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 30px;
}
.ul-p-details-tab-list li:not(:last-child) {
  margin-bottom: 10px;
}
.ul-p-details-tab-list li::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M10.81 11.987c-.132-.298-.253-.607-.43-.894-.33-.554-.736-1.065-1.132-1.576a30.714 30.714 0 0 0-2.497-2.82 28.363 28.363 0 0 0 1.892-2.683c.34-.543.682-1.107.957-1.682.143-.298.23-.617.33-.936.088-.266.132-.618.088-.884C9.996.374 9.83.31 9.72.384c-.022.011-.044.032-.066.043C9.633.395 9.6.363 9.545.363c-.088 0-.176.01-.264.01-.022-.01-.044-.02-.066-.042C9.06.235 8.918.13 8.753.044c-.21-.107-.44-.01-.506.202C7.598 2.151 6.718 3.95 5.65 5.664A27.64 27.64 0 0 0 3.485 3.94a44.106 44.106 0 0 0-1.727-1.16c-.55-.362-1.1-.735-1.672-1.065-.044-.021-.11.032-.077.075.363.479.836.883 1.298 1.288.528.447 1.067.872 1.606 1.309A28.96 28.96 0 0 1 5.178 6.42c-.979 1.49-2.09 2.906-3.266 4.258-.165.17-.33.33-.495.5-.297.32-.605.639-.87.99-.131.139-.252.277-.384.405-.077.074.033.17.11.106l.033-.032c.011 0 .033 0 .044-.01.539-.373 1.045-.81 1.55-1.225.54-.436 1.079-.873 1.596-1.33a24.892 24.892 0 0 0 2.65-2.693c.781.82 1.507 1.681 2.178 2.597.363.5.693 1.022 1.045 1.533.187.277.418.521.616.787.176.245.45.522.726.671.132.064.275-.01.286-.16.022-.234-.066-.574-.187-.83Z' fill='%23E42929'/%3E%3C/svg%3E");
  height: 12px;
  width: 12px;
}

.ingredients-spotlight__grid {
  display: grid;
  gap: 11px;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 32px;
}
@media screen and (min-width: 64rem) {
  .ingredients-spotlight__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 479px) {
  .ingredients-spotlight__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.ingredients-spotlight__item {
  text-align: center;
}

.ingredients-spotlight__illustration {
  width: 100px;
}

@media screen and (min-width: 64rem) {
  .ingredients-spotlight__illustration {
    height: auto;
    width: 130px;
  }
}
.ingredients-spotlight__item-heading {
  font-size: 1.125rem;
  letter-spacing: 0.0225rem;
  line-height: 1.22;
  font-weight: 500;
  text-transform: uppercase;
  margin: 24px 0 12px;
}

.ingredients-spotlight__modal-button {
  margin: 16px 0 0;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.ul-p-details-reviews-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: clamp(20px, 2.1vw, 40px);
  flex-wrap: wrap;
  gap: 20px;
}
.ul-p-details-reviews-form-opener {
  height: 50px;
  border-radius: 8px;
  background-color: var(--color-main-1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  text-transform: uppercase;
  font-size: 14px;
}
.ul-p-details-reviews-sub-heading {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: clamp(16px, 1.68vw, 32px) 0;
}
@media screen and (max-width: 767px) {
  .ul-p-details-reviews-sub-heading {
    flex-direction: column;
    gap: 15px;
  }
}
.ul-p-details-reviews-sub-heading .sub-heading-left {
  display: flex;
  gap: clamp(15px, 1.58vw, 30px);
  flex-wrap: wrap;
}
.ul-p-details-reviews-sub-heading .sub-heading-left .ss-main {
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
}
.ul-p-details-reviews-sub-heading .sub-heading-left .ss-main:focus, .ul-p-details-reviews-sub-heading .sub-heading-left .ss-main:focus-visible {
  outline: none;
  box-shadow: none;
}
.ul-p-details-reviews-sub-heading .sub-heading-left .ss-main .ss-values .ss-placeholder {
  color: #000;
}
.ul-p-details-reviews-sub-heading .sub-heading-left .ss-content {
  min-width: max-content;
}
.ul-p-details-reviews-sub-heading .sub-heading-left .ss-content .ss-list .ss-option.ss-highlighted,
.ul-p-details-reviews-sub-heading .sub-heading-left .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  background-color: var(--color-main-1);
}
.ul-p-details-reviews-sub-heading .sub-heading-left .ss-content .ss-list .ss-option:hover {
  background-color: var(--color-main-1);
}
.ul-p-details-reviews-search {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 10px;
}
.ul-p-details-reviews-search input {
  border: none;
  margin-left: 3px;
}
.ul-p-details-reviews-search input:focus, .ul-p-details-reviews-search input:focus-visible {
  outline: none;
  box-shadow: none;
}
.ul-p-details-reviews-tab-navs {
  display: flex;
  gap: 20px;
}
.ul-p-details-reviews-tab-navs button {
  font-size: 16px;
  text-transform: uppercase;
  background-color: transparent;
  text-decoration: 1px underline transparent;
  text-underline-offset: 6px;
}
.ul-p-details-reviews-tab-navs button.active {
  color: var(--color-main-1);
  font-weight: 500;
  text-decoration: 1px underline var(--color-main-1);
}
.ul-p-details-reviews-questions-tabs .ul-tab {
  overflow: hidden;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.ul-p-details-reviews-questions-tabs .ul-tab.active {
  opacity: 1;
  height: auto;
  pointer-events: all;
}

.ul-p-details-rating span {
  display: flex;
  margin-bottom: 10px;
}
.ul-p-details-rating span:last-child {
  margin-bottom: 0;
}
.ul-p-details-rating__average {
  font-size: 1.625em;
  font-weight: 500;
  line-height: 1;
}
.ul-p-details-rating__stars {
  display: flex;
  gap: 4px;
  font-size: 18px;
  color: #FFB800;
}
.ul-p-details-rating__based-reviews {
  font-size: 0.9375em;
}

.ul-p-details-review {
  display: flex;
  gap: 20px;
  padding: 32px 0 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 575px) {
  .ul-p-details-review {
    flex-direction: column;
  }
}
.ul-p-details-review__meta {
  width: clamp(170px, 15.76vw, 300px);
  flex-shrink: 0;
}
.ul-p-details-review__author-info .title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 12px;
}
.ul-p-details-review__author-info .ul-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #0B853E;
  font-size: 12px;
}
.ul-p-details-review__author-info .ul-badge i {
  background-color: var(--color-main-1);
  color: #fff;
  font-size: 10px;
  width: 15px;
  padding-top: 0px;
  border-radius: 50%;
  line-height: 0.7;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ul-p-details-review__content {
  width: 100%;
}
.ul-p-details-review__stars {
  display: flex;
  gap: 3px;
  color: #FFB800;
  font-size: 14px;
  margin-bottom: 35px;
}
.ul-p-details-review__stars-words {
  font-weight: 600;
  color: #000;
  display: block;
  margin-bottom: 5px;
}
.ul-p-details-review__txt {
  font-size: 15px;
  margin-bottom: 20px;
}
.ul-p-details-review__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ul-p-details-review__feedback {
  margin-bottom: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ul-p-details-review__feedback button {
  background-color: transparent;
  text-decoration: 1px underline var(--color-main-1);
  text-underline-offset: 6px;
  font-size: 10px;
}
.ul-p-details-review__feedback button:hover {
  color: var(--color-main-1);
}
.ul-p-details-review-time {
  font-size: 12px;
  color: #000;
}

.ul-newsletter-block {
  background-color: var(--color-main-2);
  border-radius: 8px;
  padding: 24px;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 48rem) {
  .ul-newsletter-block {
    padding: 28px 34px;
  }
}
@media screen and (min-width: 64rem) {
  .ul-newsletter-block {
    padding: 40px 56px;
  }
}
.ul-newsletter-block-icon {
  height: 40px;
  width: 40px;
  display: block;
  margin: auto auto 16px;
}
.ul-newsletter-block-title {
  color: var(--color-font-1);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.0225rem;
  line-height: 1.22;
  margin-bottom: 16px;
  text-transform: uppercase;
  display: block;
}
@media screen and (min-width: 64rem) {
  .ul-newsletter-block-title {
    font-size: 1.5rem;
    letter-spacing: 0.03rem;
    line-height: 1.25;
  }
}
.ul-newsletter-block-descr {
  -webkit-font-smoothing: antialiased;
  color: var(--color-font-1);
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0175rem;
  line-height: 1.714;
  margin-bottom: 16px;
}
@media screen and (min-width: 48rem) {
  .ul-newsletter-block-descr {
    margin-bottom: 32px;
  }
}
.ul-newsletter-block-form {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 7px 8px;
  background-color: #fff;
  border-radius: 7px;
  display: flex;
  gap: 10px;
}
.ul-newsletter-block-form input {
  border: none;
  width: 100%;
  padding-left: 10px;
}
.ul-newsletter-block-form input:focus, .ul-newsletter-block-form input:focus-visible {
  outline: none;
  box-shadow: none;
}
.ul-newsletter-block-form button {
  background-color: var(--color-main-1);
  padding: 0 20px;
  border-radius: 5px;
  height: 34px;
  line-height: 0.7;
  border: 1px solid var(--color-main-1);
  transition: 0.3s ease;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.ul-newsletter-block-form button:hover {
  background-color: transparent;
  color: var(--color-main-1);
}
.ul-newsletter-block-form button:hover svg path {
  fill: var(--color-main-1);
}

.ul-footer-specialities {
  background-color: var(--color-main-6);
}
.ul-footer-specialities-row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  padding: 24px 0;
}
@media screen and (min-width: 48.0625rem) {
  .ul-footer-specialities-row {
    gap: 24px;
    grid-template-columns: repeat(6, 1fr);
    padding: 4px 0;
  }
}

.ul-footer-speciality {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 16px;
  padding: 12px 0;
}
@media screen and (min-width: 48.0625rem) {
  .ul-footer-speciality {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}
.ul-footer-speciality__icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.ul-footer-speciality__icon img {
  display: block;
}
.ul-footer-speciality h2 {
  -ms-flex-item-align: center;
  align-self: center;
  cursor: pointer;
  font: 600 0.75rem/1.25 var(--font-family);
  letter-spacing: 0.075rem;
  margin: 0;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 48.0625rem) {
  .ul-footer-speciality h2 {
    padding: 0;
  }
}

.footer-section {
  background-color: var(--color-main-2);
}

.footer-section__navigation {
  padding-bottom: clamp(32px, 4.2vw, 80px);
}

.footer-section__title-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 40px 0 24px;
  text-align: center;
}
@media screen and (min-width: 48rem) {
  .footer-section__title-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 64rem) {
  .footer-section__title-wrapper {
    border-bottom: 1px solid rgba(var(--rgb-main-3), 0.1);
    margin-bottom: 56px;
    padding-bottom: 40px;
  }
}

.footer-section .accordion__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 991px) {
  .footer-section .accordion__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .footer-section .accordion__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 479px) {
  .footer-section .accordion__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.footer-section .accordion__title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.045rem;
  line-height: 1.25;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 16px 20px 16px 0;
  position: relative;
}
@media screen and (min-width: 64rem) {
  .footer-section .accordion__title {
    border-bottom: none;
    color: #72716f;
    padding: 0 0 24px;
  }
}

.footer-section .accordion__content {
  -ms-overflow-style: none;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  scrollbar-width: none;
  -webkit-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
  max-height: none !important;
  opacity: 1;
  padding-bottom: 0 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-section .accordion__list-item-link:first-child {
  padding-top: 0;
}

.footer-section .accordion__list-item-link {
  line-height: 17px;
  padding: 8px 0;
  font-size: 14px;
}

.footer-section .footer-extra-content {
  border-bottom: 1px solid rgba(var(--rgb-main-3), 0.1);
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr;
  padding-bottom: 32px;
}
@media screen and (min-width: 48rem) {
  .footer-section .footer-extra-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 64rem) {
  .footer-section .footer-extra-content {
    gap: 24px;
    grid-template-columns: 1fr 2fr 1fr;
  }
}

.footer-section .footer-extra-content .subheading-2 {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0525rem;
  line-height: 1.214;
  margin-bottom: 16px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .footer-section .footer-extra-content .subheading-2 {
    text-align: left;
  }
}

.social-sharing-snippet__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (min-width: 48rem) {
  .social-sharing-snippet__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 48rem) {
  .footer-section .footer-extra-content div:last-child {
    grid-column: span 2;
  }
}
@media screen and (min-width: 64rem) {
  .footer-section .footer-extra-content div:last-child {
    grid-column: unset;
  }
}
.footer-section .footer-certifications {
  text-align: center;
}

@media screen and (min-width: 48rem) {
  .footer-section .footer-certifications {
    text-align: left;
  }
}
@media screen and (min-width: 64rem) {
  .footer-section .footer-certifications {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
  }
}
.footer-section .footer-certifications__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .footer-section .footer-certifications__list {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 48rem) {
  .footer-section .footer-certifications__list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 64rem) {
  .footer-section .footer-certifications__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 48rem) {
  .footer-section .footer-extra-content div:last-child {
    grid-column: span 2;
  }
}
@media screen and (min-width: 64rem) {
  .footer-section .footer-extra-content div:last-child {
    grid-column: unset;
  }
}
.currency-dropdown .ss-main {
  background-color: transparent;
  padding: 10px 10px;
}
.currency-dropdown .ss-main:focus, .currency-dropdown .ss-main:focus-visible, .currency-dropdown .ss-main:focus-within {
  box-shadow: none;
}
.currency-dropdown .ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--color-main-1);
}
.currency-dropdown .ss-content .ss-list .ss-option.ss-highlighted,
.currency-dropdown .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  background-color: var(--color-main-1);
}

.footer-section .footer-legal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  grid-template-columns: 1fr;
  padding: 24px 0;
  font-size: 14px;
}

@media screen and (min-width: 64rem) {
  .footer-section .footer-legal {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.footer-section .footer-legal-links {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  justify-content: center;
}

.footer-section .footer-legal-links a {
  line-height: 17px;
  opacity: 0.6;
}

.footer-section .footer-legal-copyright {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 64rem) {
  .footer-section .footer-legal-copyright {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    order: -1;
  }
}
.payment-icons-wrapper__icons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: center;
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.ul-inner-banner {
  background: url("https://www.greenpeople.co.uk/cdn/shop/files/natural_shampoo_for_dry_hair.jpg?crop=center&height=400&v=1706617146&width=1920") no-repeat center center;
  background-size: cover;
  position: relative;
  color: #fff;
  padding: clamp(70px, 7.88vw, 150px) 0;
}
.ul-inner-banner-title {
  margin-bottom: 0;
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.03rem;
  line-height: 1.41;
  margin-bottom: 16px;
  text-transform: uppercase;
}
@media screen and (min-width: 64rem) {
  .ul-inner-banner-title {
    font-size: 2rem;
    letter-spacing: 0.04rem;
    line-height: 1.25;
  }
}
.ul-inner-banner-descr {
  margin-bottom: 0;
  font-size: 14px;
}

.ul-products-filters-sorts {
  background-color: var(--color-main-2);
  background: var(--color-main-2);
  border-bottom: 1px solid rgba(var(--rgb-main-3), 0.1);
  border-top: 1px solid rgba(var(--rgb-main-3), 0.1);
  margin: 0 0 18px;
  padding: 16px 0;
  z-index: 3;
}

@media screen and (min-width: 80rem) {
  .ul-products-filters-sorts {
    border: 0;
    margin: 0 0 24px;
    top: 0;
    position: sticky;
    top: 0;
  }
}
.product-filters-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .product-filters-list {
    justify-content: center;
  }
}

.product-filter-content {
  background: var(--color-main-2);
  border-radius: 4px;
  display: none;
  left: -24px;
  padding: 24px 8px 24px 24px;
  position: absolute;
  top: calc(100% + 0px);
  width: 300px;
  z-index: 22;
}
.product-filter-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 150px;
  overflow: auto;
}
.product-filter-content ul li {
  margin-bottom: 10px;
}

.product-filter-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.product-filter-checkbox-wrapper input:checked ~ .ul-checkbox-box {
  border-color: var(--color-main-3);
}
.product-filter-checkbox-wrapper input:checked ~ .ul-checkbox-box::before {
  opacity: 1;
}
.product-filter-checkbox-wrapper .ul-checkbox-box {
  display: block;
  flex-shrink: 0;
  width: 16px;
  aspect-ratio: 1/1;
  background-color: #fff;
  border: 1px solid rgba(var(--rgb-main-3), 0.15);
  position: relative;
  border-radius: 2px;
}
.product-filter-checkbox-wrapper .ul-checkbox-box::before {
  position: absolute;
  content: "";
  background-color: var(--color-main-1);
  border-radius: 2px;
  inset: 2px;
  opacity: 0;
}

.product-filter {
  position: relative;
}
.product-filter:hover .product-filter-content {
  display: block;
}
.product-filter-title {
  background: url(https://www.greenpeople.co.uk/cdn/shop/t/886/assets/icon-angle-down.svg) right 12px center/10px 6px no-repeat;
  border-radius: 4px;
  color: var(--color-font-1);
  cursor: default;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0175rem;
  line-height: 1.0625rem;
  margin: 0;
  padding: 8px 29px 8px 12px;
  -webkit-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
}
.product-filter-title:hover {
  background-color: #fff;
}

.ul-product-sort {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ul-product-sort-title {
  flex-shrink: 0;
}
.ul-product-sort .ss-main {
  border: none;
  background: none;
}
.ul-product-sort .ss-main:focus, .ul-product-sort .ss-main:focus-visible {
  box-shadow: none;
}

.ul-product-sort-select-wrapper .ss-content {
  top: 80% !important;
  min-width: max-content;
}
.ul-blogs .ul-section-btn {
  border: 1px solid #000000;
  height: 44px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 20px;
}
.ul-blogs .ul-section-btn:hover {
  background-color: #000000;
  color: #ffffff;
}

.ul-blog-img {
  position: relative;
}
.ul-blog-tag {
  background: var(--color-main-4);
  border-radius: 4px;
  font: 500 0.625rem/0.75rem var(--font-family);
  left: 12px;
  letter-spacing: 0.0375rem;
  padding: 6px 10px;
  position: absolute;
  text-transform: uppercase;
  top: 12px;
  z-index: 1;
}
.ul-blog-img {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: clamp(14px, 1.26vw, 24px);
}
.ul-blog-img img {
  height: clamp(260px, 23.12vw, 440px);
}
.ul-blog-title {
  text-transform: uppercase;
  font-size: 16px;
}
.ul-blog-title a:hover {
  color: var(--color-main-1);
}
.ul-blog-excerpt {
  font-size: 14px;
}
.ul-blog-infos {
  color: #000000;
  opacity: 0.6;
  font-size: 14px;
  text-transform: uppercase;
}
.ul-blog-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
}
.ul-blog-btn:hover {
  color: var(--color-main-1);
}

:root {
  --paypal-left-blue: #003087;
  --paypal-right-blue: #009cde;
  --paypal-gold: #ffc439;
  --paypal-blue: #0070ba;
  --paypal-off-white: #faf8f5;
  --paypal-grey: #555555;
  --paypal-black: #2c2e2f;
  --paypal-slate: #001435;
  --paypal-middle-blue: #001c64;
  --paypal-white: #fff;
  --paypal-primary-contrast-main: var(--paypal-white);
  --paypal-primary-contrast-hover: #b9effc;
  --paypal-focus-light: var(--paypal-right-blue);
  --paypal-focus-dark: #0000a6;
}

.ul-checkout {
  overflow: hidden;
}
.ul-checkout-left {
  padding: clamp(28px, 2vw, 38px);
}
@media screen and (max-width: 479px) {
  .ul-checkout-left {
    padding: 0;
  }
}
.ul-checkout-express {
  text-align: center;
}
.ul-checkout-express-title {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: rgb(112, 112, 112);
}
.ul-checkout-express-options {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 479px) {
  .ul-checkout-express-options {
    flex-wrap: wrap;
  }
}
.ul-checkout-express-options > * {
  flex: 1;
}
@media screen and (max-width: 479px) {
  .ul-checkout-express-options > * {
    flex: 45%;
  }
}
.ul-checkout-express-option {
  height: clamp(45px, 2.52vw, 48px);
  border-radius: 8px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ul-checkout-express-option svg {
  width: 100px;
}
.ul-checkout-express-option.shop-pay {
  background-color: #592ff4;
}
.ul-checkout-express-option.paypal {
  background-color: #ffb800;
}
.ul-checkout-express-option.paypal .pay {
  fill: var(--paypal-left-blue);
}
.ul-checkout-express-option.paypal .pal {
  fill: var(--paypal-right-blue);
}
.ul-checkout-express-option.gpay {
  background-color: #000;
}
.ul-checkout-express-option.gpay svg {
  width: 60px;
}
.ul-checkout-options-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--paypal-grey);
  font-weight: 500;
  margin-top: 14px;
}
.ul-checkout-options-divider::before {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: rgb(222, 222, 222);
  margin-right: 10px;
}
.ul-checkout-options-divider::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: rgb(222, 222, 222);
  margin-left: 10px;
}
.ul-checkout-inner-title {
  font-size: clamp(18px, 1.1vw, 21px);
  font-weight: 700;
}
.ul-checkout-contact-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.ul-checkout-contact-heading .link {
  font-size: 14px;
  text-decoration: underline;
}
.ul-checkout-contact-form-agreement {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ul-checkout-contact-form-agreement input[type=checkbox]:checked ~ .box::before {
  opacity: 1;
}
.ul-checkout-contact-form-agreement .box {
  width: 16px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid rgb(222, 222, 222);
  margin-right: 10px;
  margin-top: 3px;
  position: relative;
  flex-shrink: 0;
}
.ul-checkout-contact-form-agreement .box::before {
  content: "";
  position: absolute;
  inset: 2px;
  background-color: #000;
  border-radius: 3px;
  opacity: 0;
}
.ul-checkout-note {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
}
.ul-checkout-note a {
  font-weight: 600;
  text-decoration: 1px underline;
}
.ul-checkout-address-form {
  margin-top: 13px;
  --ss-primary-color: var(--btn-bg-color-1);
}
.ul-checkout-address-form .row {
  --bs-gutter-x: 14px;
  --bs-gutter-y: 14px;
}
.ul-checkout input,
.ul-checkout textarea,
.ul-checkout .ss-main {
  padding: 14px 11px;
  border: 1px solid rgb(222, 222, 222);
  width: 100%;
  border-radius: 8px;
  font-size: 14px;
  color: var(--paypal-black);
}
.ul-checkout input:focus, .ul-checkout input:focus-visible,
.ul-checkout textarea:focus,
.ul-checkout textarea:focus-visible,
.ul-checkout .ss-main:focus,
.ul-checkout .ss-main:focus-visible {
  box-shadow: none;
}
.ul-checkout-shipping {
  margin-top: 16px;
}
.ul-checkout-shipping-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}
.ul-checkout-shipping-method {
  display: flex;
  gap: 20px;
  border: 1px solid #000;
  border-radius: 8px;
  padding: clamp(10px, 0.74vw, 14px);
  font-size: 14px;
  background-color: rgb(246, 246, 246);
}
.ul-checkout-shipping-method-title {
  font-weight: 500;
}
.ul-checkout-shipping-method-descr {
  margin-bottom: 0;
  color: rgb(104, 104, 104);
}
.ul-checkout-payment-methods {
  margin-top: 30px;
}
.ul-checkout-payment-methods-accordion {
  border: 1px solid rgb(222, 222, 222);
  border-radius: 6px;
}
.ul-checkout-payment-methods-descr {
  font-size: 14px;
  color: rgb(104, 104, 104);
}
.ul-checkout-payment-method {
  border-bottom: 1px solid rgb(222, 222, 222);
}
.ul-checkout-payment-method.open .ul-checkout-payment-method-header {
  background-color: rgba(0, 0, 0, 0.043);
  border: 1px solid #000;
}
.ul-checkout-payment-method.open .ul-checkout-payment-method-header .title::before {
  border: 6.5px solid #000;
}
.ul-checkout-payment-method.open .ul-checkout-payment-method-body {
  padding: 14px;
}
.ul-checkout-payment-method:first-child .ul-checkout-payment-method-header {
  border-radius: 6px 6px 0 0;
}
.ul-checkout-payment-method:last-child {
  border-bottom: none;
}
.ul-checkout-payment-method:last-child .ul-checkout-payment-method-header {
  border-radius: 0 0 6px 6px;
}
.ul-checkout-payment-method-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
}
.ul-checkout-payment-method-header .title {
  margin-bottom: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ul-checkout-payment-method-header .title::before {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid rgb(222, 222, 222);
}
.ul-checkout-payment-method-body {
  padding: 0 14px;
  background-color: rgba(0, 0, 0, 0.043);
  transition: 0.3s ease;
}
.ul-checkout-payment-method-body .row {
  --bs-gutter-x: 14px;
  --bs-gutter-y: 14px;
}
.ul-checkout-pay-btn {
  background-color: var(--btn-bg-color-1);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 30px;
  color: #fff;
  border-radius: 6px;
  margin-top: 30px;
}
.ul-checkout-right {
  padding: clamp(28px, 2vw, 38px);
  border-left: 1px solid rgb(222, 222, 222);
  height: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .ul-checkout-right {
    border-left: 0;
  }
}
@media screen and (max-width: 479px) {
  .ul-checkout-right {
    padding: 0;
  }
}
.ul-checkout-right::before {
  content: "";
  position: absolute;
  inset: 0;
  right: calc(0% - clamp(0px, 16.45vw, 313px));
  background-color: #f5f5f5;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .ul-checkout-right::before {
    right: 0;
  }
}
@media screen and (max-width: 479px) {
  .ul-checkout-right::before {
    background: none;
  }
}
.ul-checkout-product {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.ul-checkout-product-img {
  position: relative;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 8px;
  flex-shrink: 0;
}
.ul-checkout-product-img img {
  width: 64px;
  height: 64px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 8px;
}
.ul-checkout-product-img .quantity {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  background-color: rgb(102, 102, 102);
  color: rgb(245, 245, 245);
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  line-height: 0.6;
  font-size: 12px;
  border-radius: 50%;
}
.ul-checkout-product-txt {
  display: flex;
  gap: 20px;
  flex-grow: 1;
  justify-content: space-between;
}
.ul-checkout-product-name {
  font-size: 14px;
  margin-bottom: 4px;
  display: block;
}
.ul-checkout-product-rating {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}
.ul-checkout-product-rating .stars {
  font-size: 8px;
}
.ul-checkout-product-price {
  font-size: 14px;
}
.ul-checkout-coupon-form {
  display: flex;
  gap: 10px;
}
.ul-checkout-coupon-form button {
  flex-shrink: 0;
  padding: 0 15px;
  background-color: var(--btn-bg-color-1);
  color: #fff;
  border-radius: 6px;
}
.ul-checkout-redeem-point-note {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgb(222, 222, 222);
  border-radius: 6px;
  margin-top: clamp(15px, 1.05vw, 20px);
  margin-bottom: clamp(15px, 1.05vw, 20px);
  font-weight: 500;
  padding: 13px 20px;
}
.ul-checkout-calculation .single-charge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  font-size: 14px;
}
.ul-checkout-calculation .total {
  margin-top: 18px;
  font-size: 19px;
  font-weight: 700;
}
.ul-checkout-submit-btn {
  padding: 15px 15px;
  background-color: var(--btn-bg-color-1);
  color: #fff;
  border-radius: 6px;
  width: 100%;
}

.ul-single-accordion-item {
  display: grid;
  grid-template-rows: max-content 0fr;
  transition: 0.4s ease;
}

.ul-single-accordion-item.open {
  grid-template-rows: max-content 1fr;
}

.ul-single-accordion-item__body {
  overflow: hidden;
}

.ul-auth .ul-container {
  --container-space-x: 30px;
  margin: auto;
  max-width: calc(clamp(0px, 92.49vw, 1760px) + var(--container-space-x));
  padding-left: calc(var(--container-space-x) / 2);
  padding-right: calc(var(--container-space-x) / 2);
}
.ul-auth .row {
  --bs-gutter-x: clamp(65px, 7.62vw, 145px);
  --bs-gutter-y: 20px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .ul-auth .row {
    --bs-gutter-x: 0px;
  }
}
.ul-auth-img {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 575px) {
  .ul-auth-img {
    display: none;
  }
}
.ul-auth-img img {
  max-width: none;
}
.ul-auth-form-wrapper {
  padding: 20px 0;
}
.ul-auth-form-wrapper-title {
  font-weight: 500;
  font-size: clamp(25px, 1.47vw, 28px);
  margin-bottom: 20px;
}
.ul-auth-form-wrapper-descr {
  font-size: 14px;
  margin-bottom: 20px;
}
.ul-auth-form .form-group {
  margin-bottom: 14px;
}
.ul-auth-form input {
  padding: 14px 11px;
  border: 1px solid rgb(222, 222, 222);
  width: 100%;
  border-radius: 8px;
  font-size: 14px;
  color: var(--paypal-black);
}
.ul-auth-form input:focus, .ul-auth-form input:focus-visible {
  box-shadow: none;
}
.ul-auth-form button {
  background-color: var(--btn-bg-color-1);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 30px;
  color: #fff;
  border-radius: 6px;
  margin-top: 30px;
}
.ul-auth-account-create {
  border-top: 1px solid rgb(222, 222, 222);
  padding-top: clamp(20px, 2.1vw, 40px);
  margin-top: clamp(20px, 2.1vw, 40px);
}
.ul-auth-account-create-title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.ul-auth-account-create-features {
  padding: 0;
  list-style: none;
  margin-bottom: 30px;
}
.ul-auth-account-create-features li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 15px;
}
.ul-auth-account-create-features li:last-child {
  margin-bottom: 0;
}
.ul-auth-account-create-features li::before {
  content: "\f00c";
  background-color: var(--color-main-1);
  color: #fff;
  font-size: 10px;
  width: 20px;
  padding-top: 0px;
  border-radius: 50%;
  line-height: 0.7;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.ul-auth-account-create-link {
  border: 1px solid var(--btn-bg-color-1);
  color: var(--btn-bg-color-1);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
}
.ul-auth-account-create-link:hover {
  background-color: var(--btn-bg-color-1);
  color: #fff;
}

.ul-user-banner {
  background: url(https://www.greenpeople.co.uk/cdn/shop/files/desktop-acc.jpg?crop=center&height=450&v=1703153751&width=1920) no-repeat center center;
  background-size: cover;
  padding: clamp(20px, 4.2vw, 80px);
  border-radius: 8px;
  text-transform: uppercase;
}
.ul-user-banner-sub-title {
  font-weight: 500;
  display: block;
  margin-bottom: clamp(10px, 0.79vw, 15px);
}
.ul-user-banner-title {
  font-weight: 500;
  font-size: clamp(26px, 1.68vw, 32px);
  margin-bottom: clamp(17px, 1.21vw, 23px);
}
.ul-user-banner-btn {
  border: 1px solid #000;
  color: #000;
  border-radius: 6px;
  font-size: 14px;
  padding: 13px 24px;
  font-weight: 500;
  display: inline-block;
}
.ul-user-banner-btn:hover {
  background: #000;
  color: #fff;
}

.ul-user-dashboard-sidebar ul {
  list-style: none;
  padding: 0;
}
.ul-user-dashboard-sidebar ul a,
.ul-user-dashboard-sidebar ul button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px 32px;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  text-transform: uppercase;
}
.ul-user-dashboard-sidebar ul a i,
.ul-user-dashboard-sidebar ul button i {
  font-size: 16px;
}
.ul-user-dashboard-sidebar ul a.active,
.ul-user-dashboard-sidebar ul button.active {
  background-color: var(--color-main-2);
}
.ul-user-dashboard-block {
  background-color: var(--color-main-2);
  border-radius: 8px;
  margin-bottom: clamp(15px, 1.58vw, 30px);
}
.ul-user-dashboard-block:last-child {
  margin-bottom: 0;
}
.ul-user-dashboard-block-header {
  padding: 15px clamp(20px, 2.1vw, 40px);
  border-bottom: 1px solid rgba(var(--rgb-main-3), 0.15);
  font-size: 14px;
  text-transform: uppercase;
}
.ul-user-dashboard-block-content {
  font-size: 14px;
  padding: clamp(14px, 1.05vw, 20px) clamp(20px, 2.1vw, 40px);
}
.ul-user-dashboard-block-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ul-user-dashboard-block-content ul li {
  margin-bottom: 6px;
}
.ul-user-dashboard-block-actions {
  display: flex;
  gap: 20px;
}
.ul-user-dashboard-block-actions button {
  background-color: transparent;
  text-decoration: 1px underline var(--color-main-1);
  text-underline-offset: 6px;
}
.ul-user-dashboard-block-actions button:hover {
  color: var(--color-main-1);
}
.ul-user-dashboard-reward-points {
  background-color: #ebf3ef;
  border-radius: 8px;
  padding: clamp(20px, 2.1vw, 40px);
}
.ul-user-dashboard-reward-points .ul-user-banner-sub-title {
  font-size: 14px;
  text-transform: uppercase;
}
.ul-user-dashboard-reward-points .ul-user-banner-title {
  font-size: clamp(22px, 1.47vw, 28px);
  text-transform: uppercase;
}
.ul-user-dashboard-address .add-address {
  display: flex;
}
.ul-user-dashboard-address-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ul-user-dashboard-address .add-address {
  display: flex;
  align-items: center;
  background: transparent;
  gap: 10px;
  text-decoration: 1px underline var(--color-main-1);
  text-underline-offset: 4px;
}
.ul-user-dashboard-address .add-address:hover {
  color: var(--color-main-1);
}
.ul-user-dashboard-address .add-address i {
  background-color: var(--color-main-1);
  width: clamp(25px, 1.68vw, 32px);
  aspect-ratio: 1/1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.ul-user-dashboard-account-details-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 575px) {
  .ul-user-dashboard-account-details-content {
    grid-template-columns: 1fr;
  }
}
.ul-user-dashboard-wishlist-product .ul-product-price {
  margin-top: 0;
}
.ul-user-dashboard-wishlist-product .btn-1 {
  margin-bottom: 10px;
  background-color: var(--color-main-1);
  color: #fff;
}
.ul-user-dashboard-wishlist-product .btn-1:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.ul-blog-details {
  overflow: hidden;
  max-width: 1920px;
  margin: auto;
}
.ul-blog-details-heading {
  background-color: var(--color-main-2);
}

.article__header-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: var(--color-main-2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 40px 24px;
}

@media screen and (min-width: 64rem) {
  .article__header-content {
    gap: 56px;
    padding: 56px 80px;
  }
}
.article__header-lower,
.article__header-upper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.article__header-tags {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.article__header-tag {
  background: var(--color-main-4);
  border-radius: 4px;
  font: 500 0.625rem/0.75rem var(--font-family);
  letter-spacing: 0.0375rem;
  padding: 6px 10px;
  text-transform: uppercase;
}

.article__header-mid .heading-1 {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.03rem;
  line-height: 1.41;
  margin-bottom: 16px;
  text-transform: uppercase;
}
@media screen and (min-width: 64rem) {
  .article__header-mid .heading-1 {
    font-size: 2rem;
    letter-spacing: 0.04rem;
    line-height: 1.25;
  }
}
.article__header-mid p {
  font-size: 15px;
  margin-bottom: 0;
}

@media screen and (min-width: 64rem) {
  .article__header-lower {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
.article__header-lower {
  font-size: 14px;
}
.article__header-lower p {
  margin-bottom: 0;
}
.article__header-lower .subheading-3 {
  text-transform: uppercase;
  font-size: 13px;
  opacity: 0.5;
}

.ul-blog-details-sidebar-block-title {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.06rem;
  line-height: 1.1875;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin: 0 0 24px;
}

.article__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 0 32px;
  list-style: none;
  padding: 0;
}

@media screen and (min-width: 64rem) {
  .article__share {
    margin: 0 0 40px;
    max-width: 176px;
  }
}
.article__share-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
}

.article__share-link {
  display: block;
}

.article__share-link svg {
  height: 48px;
  width: 48px;
}

.article__categories {
  display: grid;
  gap: 16px;
  line-height: 1.0625rem;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 64rem) {
  .article__categories {
    margin: 0 0 40px;
  }
}
.article__related-articles {
  display: grid;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.article__related-article {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: 80px 1fr;
  max-width: 275px;
}
.article__related-article .subheading-2 {
  color: var(--color-font-1);
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0525rem;
  line-height: 1.214;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.article__related-article .image-snippet {
  border-radius: 4px;
  overflow: hidden;
}

.image-snippet__img {
  display: block;
  height: auto;
}

.ul-blog-details-descr h2 {
  color: var(--color-font-1);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.025rem;
  line-height: 1.2;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
@media screen and (min-width: 64rem) {
  .ul-blog-details-descr h2 {
    font-size: 1.75rem;
    letter-spacing: 0.035rem;
    line-height: 1.21;
  }
}
.ul-blog-details-descr p {
  -webkit-font-smoothing: antialiased;
  color: var(--color-font-1);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0175rem;
  line-height: 1.714;
  margin-bottom: 32px;
}
.ul-blog-details-descr a {
  text-decoration: 1px underline var(--color-main-1);
  text-underline-offset: 7px;
}
.ul-blog-details-descr ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 24px;
  margin-bottom: 32px;
  margin-left: 14px;
  list-style: none;
  padding: 0;
}
.ul-blog-details-descr ul li {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
  margin-bottom: 8px;
}
.ul-blog-details-descr ul li::before {
  background-color: var(--color-main-1);
  border-radius: 50%;
  content: "";
  display: block;
  height: 4px;
  left: -14px;
  position: absolute;
  top: 13px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
}

.ul-routine-finder {
  background-image: url("../img/routine-finder-bg-left.png"), url("../img/routine-finder-bg-right.png");
  background-position: 0, 100%;
  background-repeat: no-repeat;
  background-color: var(--color-main-2);
}
.ul-routine-finder-content {
  padding: clamp(130px, 10.51vw, 200px) 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.ul-routine-finder-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://assets.octaneai.com/p160tj8n5ey13fab/quizimg/721dde29-5d94-4b7a-82fa-1bb4434c6ca3);
  z-index: -1;
  opacity: 0.5;
}
.ul-routine-finder-title {
  font-size: clamp(23px, 1.47vw, 28px);
  font-weight: 500;
  margin-bottom: clamp(25px, 1.84vw, 35px);
}
.ul-routine-finder-btns {
  display: flex;
  padding: 0 10px;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .ul-routine-finder-btns {
    flex-wrap: wrap;
  }
}
.ul-routine-finder-btns > * {
  flex: 25%;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 8px;
  padding: clamp(15px, 1.05vw, 20px);
  background-color: #fff;
  transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
  .ul-routine-finder-btns > * {
    flex: calc(50% - 10px);
  }
}
@media screen and (max-width: 479px) {
  .ul-routine-finder-btns > * {
    flex: 100%;
  }
}
.ul-routine-finder-btns > *:hover {
  background-color: #000;
  color: #fff;
}

.ul-404 {
  text-align: center;
  padding: clamp(60px, 6.31vw, 120px) 0;
  background-image: url("../img/routine-finder-bg-left.png"), url("../img/routine-finder-bg-right.png");
  background-position: 0, 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.ul-404 img {
  height: 200px;
  margin: auto;
  margin-bottom: 20px;
}
.ul-404-title {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.ul-404-descr {
  max-width: 60%;
  margin: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .ul-404-descr {
    max-width: 80%;
  }
}
@media screen and (max-width: 575px) {
  .ul-404-descr {
    max-width: 100%;
  }
}
.ul-404-btns a {
  background-color: var(--color-main-1);
  color: #fff;
  height: 45px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.ul-404-btns a:hover {
  background-color: #000;
}

.ul-search-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  text-transform: uppercase;
}

.ul-search-tags li a {
  background-color: var(--btn-bg-color-1);
  border: solid 1px var(--color-main-1);
  color: var(--btn-font-color-1);
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
}

.ul-search-tags li a:hover {
  background-color: #ffffff;
  border-color: var(--color-main-1);
  color: var(--color-main-1);
}

.ul-rewards-banner {
  text-align: center;
  padding: clamp(60px, 6.31vw, 120px) 0;
  background: url("https://app.bubblehouse.com/uploaded/f1d7c76dc5c010001.jpg") no-repeat center center;
  background-size: cover;
}
.ul-rewards-banner-title {
  font-size: clamp(34px, 2.1vw, 40px);
  color: var(--color-main-1);
}
.ul-rewards-banner-sub-title {
  font-size: clamp(20px, 1.31vw, 25px);
  margin-bottom: 0;
}
.ul-rewards-nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: clamp(20px, 5.25vw, 100px);
  padding-top: 20px;
  margin-bottom: clamp(25px, 2.63vw, 50px);
}
.ul-rewards-nav-bottom {
  text-align: center;
}
.ul-rewards-nav-bottom .title {
  color: #000;
  margin-bottom: clamp(12px, 1.05vw, 20px);
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 0.48px;
  margin-bottom: clamp(12px, 1.05vw, 20px);
  display: block;
}
.ul-rewards-nav-bottom .btns {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.ul-rewards-nav-bottom .btns a {
  background-color: var(--color-main-1);
  color: #fff;
  height: 45px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-transform: uppercase;
}
.ul-rewards-nav-bottom .btns a:hover {
  background-color: #000;
}

.ul-work-process {
  text-align: center;
}
.ul-work-process-title {
  font-size: clamp(33px, 2.1vw, 40px);
  margin-bottom: clamp(20px, 1.84vw, 35px);
}
.ul-work-process .row {
  --bs-gutter-x: clamp(20px, 6.31vw, 120px);
  --bs-gutter-y: 20px;
}

.ul-single-process-icon {
  margin-bottom: 6px;
}
.ul-single-process-icon img {
  width: 50px;
}
.ul-single-process-title {
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
.ul-single-process-descr {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.48px;
  position: relative;
  padding-top: 10px;
}
.ul-single-process-descr::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  background-color: rgb(0, 0, 0);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ul-exchange-point {
  background-color: #EBF3EF;
  text-align: center;
}
.ul-exchange-point-title {
  color: var(--color-main-1);
  font-size: clamp(32px, 2.1vw, 40px);
  font-weight: 400;
  letter-spacing: 0px;
}
.ul-exchange-point p {
  margin-bottom: 0;
  font-size: clamp(17px, 1.05vw, 20px);
  font-weight: 300;
  letter-spacing: 0.48px;
  text-align: center;
  margin-top: 1rem;
  color: #000;
}
.ul-exchange-point p.ul-exchange-point-descr {
  margin-top: 0;
}
.ul-exchange-point-link {
  text-decoration: underline;
  color: var(--color-main-1);
  font-weight: 700;
  font-size: clamp(17px, 1.05vw, 20px);
  margin-top: 30px;
  display: inline-block;
}
.ul-exchange-point p.ul-exchange-point-count {
  font-size: clamp(18px, 1.1vw, 21px);
  font-weight: 500;
}
.ul-exchange-point p.ul-exchange-point-count span {
  color: var(--color-main-1);
}
.ul-exchange-point-form {
  margin-top: 60px;
  position: relative;
}
.ul-exchange-point-form .selected-point-count {
  color: var(--color-main-1);
  text-transform: uppercase;
  letter-spacing: 1.8px;
  position: absolute;
  top: -30px;
  transform: translateX(-50%);
  width: max-content;
}
.ul-exchange-point-form .selected-points-value {
  color: var(--color-main-1);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: clamp(32px, 2.1vw, 40px);
  display: block;
  margin-top: clamp(20px, 2.1vw, 40px);
}
.ul-exchange-point-form button {
  background-color: var(--color-main-1);
  color: #fff;
  height: 45px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-top: clamp(15px, 1.31vw, 25px);
}
.ul-exchange-point-form button:hover {
  background-color: #000;
}
@media screen and (max-width: 1199px) {
  .ul-exchange-point-form {
    margin-inline: auto;
    width: calc(100% - 60px);
  }
}

.range-slider-input {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #ffffff;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 30px;
}
.range-slider-input:hover {
  opacity: 1;
}
.range-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: var(--color-main-1);
  cursor: pointer;
  border-radius: 30px;
}
.range-slider-input::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
  border-radius: 30px;
}

.ul-redeem {
  background-color: #EBF3EF;
  overflow: hidden;
}
.ul-redeem .row {
  align-items: center;
}
.ul-redeem-img img {
  width: clamp(950px, 50.08vw, 953px);
  max-height: clamp(317px, 16.82vw, 320px);
  object-fit: cover;
  max-width: none;
}
@media screen and (max-width: 575px) {
  .ul-redeem-img img {
    width: 100%;
    max-width: 100%;
  }
}
.ul-redeem-txt {
  padding: 25px 0;
}
.ul-redeem-sub-title {
  color: #000;
  margin-bottom: clamp(15px, 1.31vw, 25px);
  font-size: 16px;
  line-height: 16.8px;
  letter-spacing: 1.8px;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
}
.ul-redeem-title {
  color: var(--color-main-1);
  font-size: clamp(32px, 2.1vw, 40px);
  letter-spacing: 0px;
  font-weight: 400;
}
.ul-redeem-descr {
  color: #000;
  margin-top: clamp(15px, 1.31vw, 25px);
  font-size: clamp(18px, 1.05vw, 20px);
  letter-spacing: 0.48px;
  font-weight: 300;
  margin-bottom: 0;
}

.ul-ways-to-earn-title {
  color: #1F673B;
  text-align: center;
  font-family: var(--theme-font-header-family);
  font-size: clamp(32px, 2.1vw, 40px);
  letter-spacing: 0px;
  font-weight: 400;
  margin-bottom: clamp(17px, 1.79vw, 34px);
}
.ul-ways-to-earn .row {
  --bs-gutter-x: clamp(18px, 1.89vw, 36px);
  --bs-gutter-y: clamp(18px, 1.89vw, 36px);
}

.ul-single-way {
  border: 2px solid #dcdcdc;
  border-radius: 10px;
  padding: clamp(16px, 1.26vw, 24px);
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: clamp(257px, 18.76vw, 357px);
  height: 100%;
}
.ul-single-way-icon {
  margin-bottom: 15px;
}
.ul-single-way-icon svg {
  color: var(--color-main-1);
}
.ul-single-way-txt {
  width: 100%;
}
.ul-single-way-title {
  color: #000;
  margin-bottom: clamp(15px, 1.05vw, 20px);
  font-size: clamp(22px, 1.47vw, 28px);
  font-weight: 400;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 15px;
  display: block;
}
.ul-single-way-points {
  color: #000;
  margin-bottom: clamp(15px, 1.05vw, 20px);
  font-size: clamp(18px, 1.05vw, 20px);
  font-weight: 300;
  letter-spacing: 0.48px;
  text-align: center;
}
.ul-single-way-link {
  background-color: var(--color-main-1);
  color: #fff;
  height: clamp(39px, 2.21vw, 42px);
  padding: 0 clamp(15px, 1.31vw, 25px);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ul-single-way-link:hover {
  background-color: #000;
}
.ul-single-way-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ul-single-way-form input {
  width: 100%;
  text-align: center;
  height: 45px;
  margin-bottom: clamp(10px, 0.68vw, 13px);
  border: 1px solid var(--color-main-1);
  outline: none;
}
.ul-single-way-date-field {
  display: flex;
  gap: 12px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.ul-single-way-date-field > *:first-child,
.ul-single-way-date-field > *:nth-child(2) {
  width: calc((100% - 12px - 40%) / 2);
}
.ul-single-way-date-field > *:last-child {
  width: 40%;
}
.ul-single-way-date-field input::-webkit-outer-spin-button,
.ul-single-way-date-field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ul-single-way-date-field input[type=number] {
  -moz-appearance: textfield;
}

.ul-refer .row {
  align-items: center;
}
.ul-refer .ul-redeem-title {
  font-weight: 300;
}
.ul-refer .ul-redeem-descr {
  margin-bottom: clamp(25px, 2.36vw, 45px);
}
.ul-refer .ul-redeem-img img {
  max-height: clamp(393px, 25.91vw, 493px);
}
@media screen and (max-width: 767px) {
  .ul-refer .ul-redeem-img img {
    width: 100%;
    max-width: 100%;
  }
}
.ul-refer-form input {
  width: 100%;
  height: clamp(50px, 2.89vw, 55px);
  border: 1px solid #B0B0B0;
  border-radius: 6px;
  font-size: 18px;
  padding: 0 clamp(14px, 1.05vw, 20px);
  outline: none;
}
.ul-refer-form input:focus {
  border-color: var(--color-main-1);
}
.ul-refer-form button {
  background-color: var(--color-main-1);
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 6px;
  letter-spacing: 1px;
}

.ul-faq .ul-single-accordion-item {
  border-bottom: 1px solid #e8e8e8;
}
.ul-faq .ul-single-accordion-item.open .ul-single-accordion-item__header {
  color: var(--color-main-1);
}
.ul-faq .ul-single-accordion-item.open .ul-single-accordion-item__header i {
  transform: rotate(90deg);
}
.ul-faq .ul-single-accordion-item:last-child {
  border-bottom: none;
}
.ul-faq .ul-single-accordion-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(16px, 1.26vw, 24px) 0;
  color: #000;
}
.ul-faq .ul-single-accordion-item__title {
  font-size: clamp(18px, 1.05vw, 20px);
  font-weight: 400;
  letter-spacing: 0.48px;
  margin-bottom: 0;
}
.ul-faq .ul-single-accordion-item__title:hover {
  color: var(--color-main-1);
  cursor: pointer;
}
.ul-faq .ul-single-accordion-item__body {
  transition: 0.3s ease;
}
.ul-faq .ul-single-accordion-item__body p {
  margin-bottom: 0;
  color: #000;
  font-size: clamp(18px, 1.05vw, 20px);
  font-weight: 400;
  letter-spacing: 0.48px;
  padding-bottom: clamp(16px, 1.26vw, 24px);
}

.ul-selected-filters {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ul-selected-filters .selected-filters {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ul-selected-filters .selected-filters > * {
  background-color: rgb(235, 243, 239);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 4px;
}
.ul-selected-filters .selected-filters > * i {
  color: rgba(0, 0, 0, 0.5);
}
.ul-selected-filters .clear-filters {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.ul-price-picker {
  font-size: 0.9rem;
}
.ul-price-picker-options {
  display: flex;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.ul-price-picker-options button {
  border: none;
  background: none;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #58595B;
  transition: all 0.3s ease-in-out;
}
.ul-price-picker-options button:hover, .ul-price-picker-options button.active {
  border-color: var(--bs-green) !important;
  color: var(--bs-green) !important;
}

[x-cloak] {
  display: none !important;
}/*# sourceMappingURL=style.css.map */