:root {
  --brand-primary: #8FAF8B;
  --brand-primary-dark: #5F7F5C;
  --brand-primary-soft: #DDEAD7;
  --brand-primary-soft-2: #FAF8F2;
  --brand-accent: #E6B980;
  --text-main: #2F3A2F;
  --text-soft: #6D786C;
  --text-muted: #8B9588;
  --line-soft: #E4E0D6;
  --line-mid: #CFC8BA;
  --bg-white: #FFFFFF;
  --bg-soft: #FAF8F2;
  --bg-soft-2: #EEF5E9;
  --bg-soft-3: #DDEAD7;
  --dark: #2F3A2F;
  --dark-2: #4E614B;
  --dark-3: #243024;
  --shadow-soft: 0 12px 30px rgba(47, 58, 47, 0.07);
  --shadow-card: 0 16px 34px rgba(47, 58, 47, 0.08);
}

@keyframes slowup {
0% {
    opacity: 0;
    top: 25px;
  }
  10% {
    opacity: 0.1;
    top: 24px;
  }
  20% {
    opacity: 0.2;
    top: 23px;
  }
  30% {
    opacity: 0.3;
    top: 22px;
  }
  40% {
    opacity: 0.4;
    top: 21px;
  }
  50% {
    opacity: 0.5;
    top: 20px;
  }
  60% {
    opacity: 0.6;
    top: 19px;
  }
  70% {
    opacity: 0.7;
    top: 18px;
  }
  80% {
    opacity: 0.8;
    top: 17px;
  }
  90% {
    opacity: 0.9;
    top: 16px;
  }
  100% {
    opacity: 1;
    top: 15px;
  }
}

@keyframes slowdown {
0% {
    opacity: 0;
    margin-top: -10px;
  }
  10% {
    opacity: 0.1;
    margin-top: -9px;
  }
  20% {
    opacity: 0.2;
    margin-top: -8px;
  }
  30% {
    opacity: 0.3;
    margin-top: -7px;
  }
  40% {
    opacity: 0.4;
    margin-top: -6px;
  }
  50% {
    opacity: 0.5;
    margin-top: -5px;
  }
  60% {
    opacity: 0.6;
    margin-top: -4px;
  }
  70% {
    opacity: 0.7;
    margin-top: -3px;
  }
  80% {
    opacity: 0.8;
    margin-top: -2px;
  }
  90% {
    opacity: 0.9;
    margin-top: -1px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

@keyframes productShake {
10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes productSpin {
from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes shake {
10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.home-page-skin .section-kicker {
  display: inline-block;
  margin-bottom: 14px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brand-primary);
}

.home-page-skin .section-title {
  margin: 0 0 14px;
  font-family: "Josefin Sans", serif;
  font-size: 46px;
  line-height: 1.08;
  font-weight: 500;
  color: var(--text-main);
}

.home-page-skin .section-copy {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 1.78;
  color: var(--text-soft);
}

.home-page-skin .section-copy--center, .home-page-skin .section-head--center {
  text-align: center;
}

.home-page-skin .section-copy--center {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.home-page-skin .section-head {
  margin-bottom: 40px;
}

.home-page-skin .skin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 28px;
  border-radius: 4px;
  border: 1px solid transparent;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.home-page-skin .skin-btn:hover {
  text-decoration: none;
  transform: translateY(-1px);
}

.home-page-skin .skin-btn--primary {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(143, 175, 139, 0.18);
}

.home-page-skin .skin-btn--primary:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
}

.home-page-skin .skin-products {
  padding: 0 20px 92px;
  background: var(--bg-white);
}

.home-page-skin .skin-product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 4px;
  background: var(--bg-white);
  border: 1px solid rgba(47, 58, 47, 0.06);
  box-shadow: var(--shadow-card);
  transition: transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.home-page-skin .skin-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 44px rgba(47, 58, 47, 0.08);
  border-color: #DDEAD7;
}

.home-page-skin .skin-product-card__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px 24px 30px;
}

.home-page-skin .skin-product-card__eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-primary);
}

.home-page-skin .skin-product-card__name {
  margin: 0 0 14px;
  font-family: "Inter", sans-serif;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 600;
  color: var(--text-main);
}

.home-page-skin .skin-product-card__price {
  margin: 0 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  color: var(--brand-primary);
}

.home-page-skin .skin-products__slider, .home-page-skin #products, #products {
  position: relative;
}

.home-page-skin #products .slick-track, #products .slick-track {
  display: flex;
}

.home-page-skin #products .slick-slide, #products .slick-slide {
  height: inherit;
}

.home-page-skin #products .slick-slide > div, #products .slick-slide > div {
  height: 100%;
}

.home-page-skin #products .slick-prev, .home-page-skin #products .slick-next, #products .slick-prev, #products .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 1px solid var(--brand-primary);
  border-radius: 50%;
  background: var(--brand-primary);
  color: #ffffff;
  z-index: 20;
  font-size: 0;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(143, 175, 139, 0.24);
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    opacity 0.25s ease,
    transform 0.25s ease;
}

.home-page-skin #products .slick-prev:hover, .home-page-skin #products .slick-next:hover, #products .slick-prev:hover, #products .slick-next:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}

.home-page-skin #products .slick-prev, #products .slick-prev {
  left: -18px;
}

.home-page-skin #products .slick-next, #products .slick-next {
  right: -18px;
}

.home-page-skin #products .slick-prev::before, .home-page-skin #products .slick-next::before, #products .slick-prev::before, #products .slick-next::before {
  content: "";
}

.home-page-skin #products .slick-prev::after, .home-page-skin #products .slick-next::after, #products .slick-prev::after, #products .slick-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
}

.home-page-skin #products .slick-prev::after, #products .slick-prev::after {
  content: "";
}

.home-page-skin #products .slick-next::after, #products .slick-next::after {
  content: "";
}

.home-page-skin #products .slick-disabled, #products .slick-disabled {
  opacity: 0.38;
  cursor: default;
  pointer-events: none;
}

.headersec .col-md-3 {
  padding-left: 5px;
}

.logo.diffLogo img {
  position: relative;
}

.cmenu {
  height: auto;
  font-size: 13px;
  position: relative;
  font-weight: normal;
  -webkit-transition: all 0.5s ease-out;
  text-align: right;
  padding: 8px 0;
}

.cmenu ul {
  margin: 0;
  padding: 0;
}

.cmenu ul.diffNav li a:after {
  background-color: #fff;
}

.cmenu ul li:hover a:after {
  opacity: 1;
}

.cmenu ul li a.active {
  color: var(--theme-color);
}

.cmenu ul.diffNav .cart-icon strong {
  border: 2px solid #fff;
  color: #fff;
}

.cmenu ul.diffNav .cart-icon strong:after {
  border: 2px solid #fff;
}

.cmenu ul.diffNav .cart-icon:hover strong {
  background-color: #fff;
  color: var(--text-main);
}

.site-footer__container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.site-footer__top {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(220px, 0.7fr) minmax(
      280px,
      0.95fr
    );
  gap: 56px;
  align-items: start;
}

.site-footer__logo-link {
  display: inline-block;
  text-decoration: none;
}

.site-footer__logo {
  display: block;
  width: 100%;
  max-width: 220px;
  height: auto;
  margin-bottom: 22px;
}

.site-footer__text {
  margin: 0;
  max-width: 500px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.92);
}

.site-footer__heading {
  position: relative;
  margin: 4px 0 28px;
  padding-bottom: 14px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff;
}

.site-footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer__links li {
  margin-bottom: 14px;
}

.site-footer__links a {
  color: #ffffff;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  transition: color 0.25s ease;
}

.site-footer__links a:hover {
  color: #FFFFFF;
}

.site-footer__details p {
  margin: 0 0 12px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
}

.site-footer__company {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

.site-footer__address {
  max-width: 300px;
}

.site-footer__contact {
  display: flex;
  align-items: center;
  gap: 10px;
}

.site-footer__contact a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.25s ease;
}

.site-footer__contact a:hover {
  color: #FFFFFF;
}

.site-footer__cards {
  margin-top: 18px;
}

.site-footer__cards img {
  display: block;
  width: auto;
  max-width: 135px !important;
  height: auto;
}

.site-footer__disclaimer {
  max-width: 980px;
  margin: 42px auto 0;
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.site-footer__disclaimer p {
  margin: 0;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.8);
}

.site-footer-bottom p {
  margin: 0;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  color: #ffffff;
}

.hide {
  display: none !important;
}

.clearall {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.product-page-body {
  background: var(--bg-white);
  color: var(--text-main);
}

.product-page-hero {
  padding: 42px 20px 52px;
  background: var(--bg-soft-2) url(../images/other-banner.webp);
  background-size: cover;
}

.product-page-hero__container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.product-page-hero__content {
  max-width: 900px;
}

.product-page-hero__eyebrow {
  margin: 0 0 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-primary);
}

.product-page-detail {
  padding: 56px 20px 80px;
  background: var(--bg-white);
}

.product-page-detail__container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.prd-details {
  padding: 0;
}

.prod-spec {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: start;
}

.prds-left, .prds-right {
  float: none;
  width: auto;
}

.product-media-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 600px;
  padding: 40px;
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%);
  border-radius: 5px;
  box-shadow: 0 16px 40px rgba(47, 58, 47, 0.06);
}

.prds-left img {
  display: block;
  max-width: 100%;
  max-height: 520px;
  width: auto;
  height: auto;
  object-fit: contain;
  padding-top: 0;
}

.prds-right {
  display: flex;
  flex-direction: column;
}

.product-detail-copy {
  margin-bottom: 24px;
}

.prd-dtl1 {
  float: none;
  width: 100%;
  margin: 0 0 18px;
  font-family: "Josefin Sans", serif;
  font-size: 44px;
  line-height: 1.12;
  font-weight: 400;
  color: var(--text-main);
}

.product-description-box {
  font-family: "Inter", sans-serif;
  color: var(--text-soft);
}

.product-description-box p, .product-description-box li, .product-description-box span, .product-description-box div {
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-soft);
}

.product-description-box p {
  margin: 0 0 14px;
}

.product-description-box ul, .product-description-box ol {
  margin: 0 0 14px 18px;
  padding: 0;
}

.product-description-box li {
  margin-bottom: 8px;
}

.pric-box {
  width: 100%;
  margin-top: 0;
  padding: 28px;
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  background: var(--bg-white);
  box-shadow: var(--shadow-soft);
}

.pro-dtil-rgt-p2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--text-main);
}

.price {
  color: var(--brand-primary);
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}

.product-option-card {
  margin-bottom: 18px;
  padding: 18px 18px 16px;
  border: 1px solid var(--line-soft);
  border-radius: 7px;
  background: var(--bg-white);
}

.choosePackage {
  display: block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--text-main);
}

#productSelect, .paywhirl_app select {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid var(--line-mid);
  border-radius: 4px;
  background: var(--bg-white);
  color: var(--text-main);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  outline: none;
  box-shadow: none;
}

#productSelect:focus, .paywhirl_app select:focus {
  border-color: var(--brand-primary);
}

.paywhirl_app fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.paywhirl_app fieldset legend {
  margin: 0 0 12px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--text-main);
}

.paywhirl-plan-selector-group + .paywhirl-plan-selector-group {
  margin-top: 12px;
}

.paywhirl_app .chk-chekout {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 27px;
  margin-bottom: 10px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: var(--text-main);
  user-select: none;
}

.paywhirl_app .chk-chekout input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.paywhirl_app .chk-chekout input:checked ~ .checkmark:after {
  display: block;
}

.paywhirl-plan label:not(.chk-chekout) {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--text-soft);
}

.pric-box .hulk_app {
  clear: both;
  margin-top: 4px;
  margin-bottom: 18px;
}

.hulk_app .s1-p3 + .s1-p3 {
  margin-top: 12px;
}

.hulk_app .s1-p3 input[type="checkbox"] {
  position: absolute;
  top: 18px;
  left: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.hulk_app .s1-p3 a {
  color: var(--brand-primary);
  text-decoration: none;
}

.hulk_app .s1-p3 a:hover {
  color: var(--brand-primary-dark);
}

.commonbtn.add-to-cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 210px;
  min-height: 54px;
  margin-top: 4px;
  padding: 14px 28px;
  border: 1px solid var(--brand-primary);
  border-radius: 3px;
  background: var(--brand-primary);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
  box-shadow: none;
}

.commonbtn.add-to-cart:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
  transform: translateY(-1px);
}

.commonbtn.add-to-cart:before {
  display: none !important;
}

.commonbtn.add-to-cart .bp-text, .commonbtn.add-to-cart .crt-loader {
  position: relative;
  z-index: 2;
}

.commonbtn.add-to-cart .crt-loader svg {
  display: inline-block;
  width: 22px;
  height: 22px;
  fill: currentColor;
  animation: productSpin 0.7s linear infinite;
}

.site-footer, .site-footer-bottom {
  clear: both;
  position: relative;
  z-index: 2;
}

.cart-page__container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.prod-txt1 {
  text-align: left;
  position: relative;
  width: 100%;
  padding: 150px 0 0px 0;
  margin: 0;
  font-family: "Josefin Sans", serif;
  font-size: 54px;
  line-height: 1.1;
  font-weight: 400;
  color: var(--text-main);
}

.brdcmb {
  display: flex;
  padding: 12px 20px;
  width: fit-content;
  border-radius: 0px;
  margin-top: 18px;
}

.brdcmb ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 26px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cart-box {
  width: 100%;
}

.cart-items {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 22px;
}

.prod_name, .cart_prod_prc, .cart_prod_qty, .cart_prc_subtotl {
  min-width: 0;
}

.cart-product-card {
  display: flex;
  align-items: center;
  gap: 18px;
}

.cart-product-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  min-width: 120px;
  height: 120px;
  padding: 14px;
  border-radius: 4px;
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%);
}

.cart-product-card__image img {
  display: block;
  max-width: 100%;
  max-height: 92px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.cart-totl__left {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.total-amt {
  padding-top: 4px;
}

.empty-cart-box {
  margin-top: 12px;
}

.empty-cart-box__card {
  max-width: 560px;
  margin: 0 auto;
  padding: 42px 30px;
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  background: var(--bg-white);
  box-shadow: var(--shadow-soft);
  text-align: center;
}

.empty-cart-box__card h4 {
  margin: 0 0 12px;
  font-family: "Josefin Sans", serif;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
  color: var(--text-main);
}

.empty-cart-box__card p {
  margin: 0 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--text-soft);
}

.empty-cart-box__card .commonbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 26px;
  border-radius: 3px;
  background: var(--brand-primary);
  border: 1px solid var(--brand-primary);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}

.empty-cart-box__card .commonbtn:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
}

.empty-cart-box__card .commonbtn:before {
  display: none !important;
}

.cart_area {
  padding: 56px 20px 84px;
  background: var(--bg-white);
  clear: both;
}

.cart_area .container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.cart-links .commonbtn, .cart-links .prod-clearcart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 26px;
  border-radius: 3px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.cart-links .commonbtn {
  background: var(--brand-primary);
  border: 1px solid var(--brand-primary);
  color: #ffffff;
}

.cart-links .commonbtn:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
  transform: translateY(-1px);
}

.cart-links .commonbtn:before {
  display: none !important;
}

#error_handler_overlay {
  display: none !important;
}

.prod-top {
  padding: 56px 20px 84px;
  background: var(--bg-white);
  clear: both;
}

.prod-top .container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

#cart-box, #contents, .product-page, #divOrder, #frmOrder {
  width: 100%;
}

.frm_con_bgcolr {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}

.frm-container {
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 28px;
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  background: var(--bg-white);
  box-shadow: var(--shadow-soft);
}

.frm-container:first-child {
  grid-column: 1 / -1;
  grid-row: auto;
}

.frm-container.step1 {
  grid-column: 1 / 2;
}

.shipping_heading {
  margin-bottom: 24px;
}

.shipping_heading h3 {
  margin: 0;
  font-family: "Josefin Sans", serif;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 400;
  color: var(--text-main);
}

.sub_shipping_heading {
  margin-bottom: 20px;
}

#cartBox {
  width: 100%;
}

.cart_hdr span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
}

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

.prod_details > div {
  float: none !important;
  width: auto !important;
  min-width: 0;
}

.prod_name {
  display: flex !important;
  align-items: center;
  gap: 16px;
  width: 100% !important;
  padding: 0 !important;
  text-align: left;
}

.prod_name img {
  align-items: center;
  justify-content: center;
  display: block;
  width: 96px !important;
  min-width: 96px;
  height: 96px !important;
  padding: 12px;
  border-radius: 4px;
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%);
  object-fit: contain;
}

.product_name {
  display: block;
  width: auto !important;
  padding: 0 !important;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--text-main);
  word-break: break-word;
}

.cart_prod_prc, .cart_prc_subtotl {
  width: auto !important;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--brand-primary);
}

.cart_prod_qty {
  width: auto !important;
  text-align: left;
}

.cart_prod_qty select {
  width: 88px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--line-mid);
  border-radius: 4px;
  background: var(--bg-white);
  color: var(--text-main);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  outline: none;
  box-shadow: none;
}

.cart_prod_qty select:focus {
  border-color: var(--brand-primary);
}

.cart-totl {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 22px;
  align-items: start;
  margin-top: 26px;
}

.cart-totl-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--brand-primary);
}

.cart-totl-checkbox label {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--text-main);
  cursor: pointer;
}

.cart-links {
  grid-column: 1 / 2;
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  width: 100% !important;
}

.cart-links .prod-clearcart, .cart-links .cont-shop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 24px;
  border-radius: 3px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.cart-links .cont-shop {
  background: var(--brand-primary);
  border: 1px solid var(--brand-primary);
  color: #ffffff;
}

.cart-links .cont-shop:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
  transform: translateY(-1px);
}

.cart-summery {
  grid-column: 2 / 3;
  grid-row: 1 / span 2;
  width: 100% !important;
  padding: 22px 22px 18px;
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  background: var(--bg-white);
  box-shadow: var(--shadow-soft);
}

.shp-charge, .cart-sb-totl, .total-amt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.shp-charge, .cart-sb-totl {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--line-soft);
}

.shp-lbl, .sub-lbl, .total-lbl {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--text-soft);
}

.shp-prc, .sub-prc, .total-prc {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--text-main);
}

.total-prc {
  color: var(--brand-primary);
  font-size: 26px;
}

#emptycartBox .cart-totl {
  display: block;
}

#emptycartBox .cart-links {
  display: flex !important;
  align-items: center;
  gap: 14px;
}

#emptycartBox p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-soft);
}

.label {
  position: relative;
  float: none !important;
  width: 100% !important;
  margin: 0 0 14px !important;
}

.label input:focus, .label select:focus {
  border-color: var(--brand-primary);
}

.label > a {
  display: inline-block;
  margin-top: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--brand-primary);
  text-decoration: none;
}

.label > a:hover {
  color: var(--brand-primary-dark);
}

.is_bill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  margin-bottom: 16px;
  border: 1px solid var(--line-soft);
  border-radius: 3px;
  background: var(--bg-white);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-main);
}

.is_bill input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--brand-primary);
}

.cards {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0 10px;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-main);
}

.cards img {
  width: auto;
  max-height: 26px;
}

.billing-info {
  padding: 18px;
  margin: 8px 0 18px;
  border: 1px solid var(--line-soft);
  border-radius: 7px;
  background: var(--bg-white);
}

.cart-terms {
  display: block;
  padding: 16px 18px;
  margin: 12px 0 18px;
  border: 1px solid var(--line-soft);
  border-radius: 3px;
  background: var(--bg-white);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-main);
}

.cart-terms::after {
  content: "";
  display: block;
  clear: both;
}

.cart-terms input[type="checkbox"], .cart-terms .agree-checkbox {
  float: left;
  width: 18px;
  height: 18px;
  margin: 4px 10px 0 0;
  accent-color: var(--brand-primary);
}

.cart-terms a {
  color: var(--brand-primary);
  text-decoration: none;
}

.cart-terms a:hover {
  color: var(--brand-primary-dark);
}

#chekoutbtn.index-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  min-height: 54px;
  padding: 14px 28px;
  border: 1px solid var(--brand-primary);
  border-radius: 3px;
  background: var(--brand-primary);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    opacity 0.25s ease;
}

#chekoutbtn.index-btn:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  transform: translateY(-1px);
}

#chekoutbtn.index-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

#chekoutbtn.index-btn .bp-shape, #chekoutbtn.index-btn:before {
  display: none !important;
}

.label i {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  font-size: 14px;
  color: #8a8a8a;
  z-index: 2;
  display: none !important;
}

.label input, .label select {
  width: 100% !important;
  min-height: 52px;
  padding: 14px 16px 14px 42px;
  border: 1px solid var(--line-mid);
  border-radius: 5px;
  background: var(--bg-white);
  color: var(--text-main);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  box-shadow: none;
  outline: none;
  padding-left: 16px !important;
}

.frm-container.step2 {
  grid-column: 2 / 3;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 12px;
  align-items: start;
}

.frm-container.step2 > * {
  grid-column: 1 / -1;
}

.frm-container.step2 .label.small-s {
  grid-column: span 1;
  width: auto !important;
  margin: 0 !important;
  display: block !important;
}

.frm-container.step2 .label.small-s + .label.small-s {
  margin-left: 0 !important;
}

.product {
  width: 100%;
  font-size: 16px;
  padding: 0 0 50px 0;
  text-align: center;
  background: var(--bg-soft-2) url(../images/other-banner.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.thanks-box {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0px 0 30px;
  line-height: 26px;
}

a b, a strong {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:hover, a:focus, a:visited {
  text-decoration: none;
  outline: none;
}

a {
  cursor: pointer;
  outline: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

.cart-icon strong:after, .cart-icon:hover strong:after {
  height: 10px;
}

.cmenu ul li a:hover {
  color: var(--text-main);
}

#products {
  position: relative;
}

#products .slick-track {
  display: flex;
}

#products .slick-slide {
  height: inherit;
}

#products .slick-slide > div {
  height: 100%;
}

#products .slick-prev {
  left: -18px;
}

#products .slick-next {
  right: -18px;
}

#products .slick-prev::before, #products .slick-next::before {
  content: "";
}

#products .slick-prev::after, #products .slick-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
}

#products .slick-prev::after {
  content: "";
}

#products .slick-next::after {
  content: "";
}

#products .slick-disabled {
  opacity: 0.38;
  cursor: default;
  pointer-events: none;
}

.feature-products {
  padding: 72px 20px 90px;
  background: var(--bg-white);
}

.feature-products__container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.feature-products__title {
  margin: 0 0 38px;
  text-align: center;
  font-family: "Josefin Sans", serif;
  font-size: 42px;
  line-height: 1.15;
  font-weight: 400;
  color: var(--text-main);
}

.feature-products__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.feature-products__item {
  min-width: 0;
}

.feature-products__image-link {
  display: block;
  text-decoration: none;
}

.feature-products__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 28px;
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%);
}

.feature-products__image {
  display: block;
  max-width: 100%;
  max-height: 260px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.feature-products__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px 24px 30px;
}

.feature-products__price {
  margin: 0 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  color: var(--brand-primary);
}

.hero-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 28px;
  border-radius: 4px;
  border: 1px solid transparent;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.hero-banner__btn:hover {
  text-decoration: none;
  transform: translateY(-1px);
}

.hero-banner__btn--primary {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(143, 175, 139, 0.22);
}

.hero-banner__btn--primary:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
}

.feature-products--shop {
  padding-top: 60px;
}

.feature-products--shop .feature-products__item {
  padding: 0;
}

.feature-products--shop .feature-products__card {
  height: 100%;
}

.feature-products--shop .feature-products__content .hero-banner__btn {
  min-width: 170px;
}

.contact-page-body {
  background: var(--bg-white);
}

.contact-simple {
  padding: 70px 20px 90px;
  background: var(--bg-white);
}

.contact-simple__container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.contact-simple__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 40px;
  align-items: center;
}

.contact-simple__content h2 {
  margin: 0 0 14px;
  font-family: "Josefin Sans", serif;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 400;
  color: var(--text-main);
}

.contact-simple__content p {
  margin: 0 0 28px;
  max-width: 680px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-soft);
}

.contact-simple__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-simple__item strong, .contact-simple__item a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 600;
  color: var(--text-main);
  text-decoration: none;
  word-break: break-word;
}

.contact-simple__item a:hover {
  color: var(--brand-primary);
}

.contact-simple__image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-simple__image img {
  display: block;
  width: 100%;
  max-width: 300px;
  height: auto;
}

html, body {
  overflow-x: hidden;
}

body {
  background: var(--bg-white);
  color: var(--text-main);
  font-family: "Inter", sans-serif;
}

.home-page-skin {
  background: var(--bg-white);
}

.skin-shell {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.section-kicker {
  display: inline-block;
  margin-bottom: 14px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--brand-primary);
}

.section-title {
  margin: 0 0 16px;
  font-family: "Josefin Sans", serif;
  font-size: 54px;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--text-main);
}

.section-copy {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 1.85;
  color: var(--text-soft);
}

.section-copy--center {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.section-head {
  margin-bottom: 42px;
}

.section-head--center {
  text-align: center;
}

.skin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 14px 28px;
  border-radius: 3px;
  border: 1px solid transparent;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.skin-btn:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

.skin-btn--primary {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
  box-shadow: 0 14px 32px rgba(143, 175, 139, 0.22);
}

.skin-btn--primary:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
}

.skin-products {
  padding: 96px 20px 104px;
  background: var(--bg-white);
}

.skin-products__slider, #products {
  position: relative;
  margin: 0 -14px;
}

.skin-products__item {
  padding: 0 14px;
  box-sizing: border-box;
}

.skin-product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(47, 58, 47, 0.06);
  border-radius: 5px;
  background: var(--bg-white);
  box-shadow: var(--shadow-card);
  transition: transform 0.25s ease,
    box-shadow 0.25s ease;
}

.skin-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 52px rgba(47, 58, 47, 0.09);
}

.skin-product-card__image-link {
  display: block;
  text-decoration: none;
}

.skin-product-card__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  padding: 28px;
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%);
}

.skin-product-card__image {
  display: block;
  max-width: 100%;
  max-height: 268px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.skin-product-card__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px 24px 32px;
}

.skin-product-card__eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--brand-primary);
}

.skin-product-card__name {
  margin: 0 0 14px;
  font-family: "Josefin Sans", serif;
  font-size: 34px;
  line-height: 0.98;
  font-weight: 600;
  color: var(--text-main);
}

.skin-product-card__price {
  margin: 0 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 26px;
  line-height: 1;
  font-weight: 800;
  color: var(--brand-primary);
}

body, .product-page-body, .contact-page-body {
  background: var(--bg-white);
  color: var(--text-main);
}

.cmenu ul li a, .cmenu2 ul li a, .cart-icon strong, .rmenubar a {
  color: var(--brand-primary);
}

.cmenu ul li a:hover, .headersec.sticky .rmenubar a {
  color: var(--text-main) !important;
}

.cart-icon:hover strong {
  background-color: var(--brand-primary);
  color: #fff;
}

.hero-banner__btn--primary, .commonbtn.add-to-cart, #chekoutbtn.index-btn, .cart-links .commonbtn, .cart-links .cont-shop {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  box-shadow: 0 10px 24px rgba(143, 175, 139, 0.22);
}

.hero-banner__btn--primary:hover, .commonbtn.add-to-cart:hover, #chekoutbtn.index-btn:hover, .cart-links .commonbtn:hover, .cart-links .cont-shop:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}

.cart-links .prod-clearcart {
  padding: 14px 26px;
  border: 1px solid var(--dark);
  background: var(--dark);
  border-color: var(--dark);
  color: #fff;
}

.cart-links .prod-clearcart:hover {
  transform: translateY(-1px);
  background: var(--dark-2);
  border-color: var(--dark-2);
  color: #fff;
}

.product-page-hero__eyebrow, .product-page-hero__content .product-page-hero__eyebrow {
  color: var(--brand-primary);
}

.prod-txt1, .prd-dtl1, .feature-products__title, .shipping_heading h3, .empty-cart-box__card h4, .contact-simple__content h2 {
  color: var(--text-main);
}

.prod-txt1 span {
  font-weight: 700;
  color: var(--brand-primary);
}

.brdcmb ul li {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--text-main);
}

.brdcmb ul li:not(:last-child)::after {
  content: "›";
  position: absolute;
  top: 0;
  right: -18px;
  color: var(--text-muted);
}

.brdcmb ul li a {
  text-decoration: none;
  transition: color 0.25s ease;
  color: var(--brand-primary);
}

.brdcmb ul li a:hover {
  color: var(--brand-primary-dark);
}

.product-page-detail, .product-page-body, .feature-products, .feature-products--shop, .cart_area, .prod-top, .contact-simple, .terms-content {
  background: var(--bg-white);
}

.product-media-card, .feature-products__image-wrap, .cart-product-card__image, .prod_name img {
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%);
}

.product-description-box, .product-description-box p, .product-description-box li, .product-description-box span, .product-description-box div, .contact-simple__content p, .contact-simple__item strong, .contact-simple__item a, .empty-cart-box__card p, #emptycartBox p {
  color: var(--text-soft);
}

.pric-box, .product-option-card, .cart-summery, .empty-cart-box__card, .billing-info, .cart-terms, .is_bill, .frm-container, .contact-simple {
  background: var(--bg-white);
  border-color: var(--line-soft);
  box-shadow: var(--shadow-soft);
}

.pro-dtil-rgt-p2, .choosePackage, .paywhirl_app fieldset legend, .paywhirl-plan label:not(.chk-chekout), .paywhirl_app .chk-chekout, .hulk_app .s1-p3, .label, .cards, .cart-terms, .is_bill, .product_name {
  color: var(--text-main);
}

.price, .feature-products__price, .cart_prod_prc, .cart_prc_subtotl, .shp-prc, .sub-prc, .total-prc {
  color: var(--brand-primary);
}

#productSelect, .paywhirl_app select, .cart_prod_qty select, .label input, .label select {
  background: var(--bg-white);
  border-color: var(--line-mid);
  color: var(--text-main);
}

.paywhirl_app .chk-chekout .checkmark {
  position: absolute;
  left: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  border: 2px solid #8b8b8b;
  border-radius: 50%;
  background: transparent;
  transform: translateY(-50%);
  border-color: var(--text-muted);
}

.hulk_app .s1-p3 {
  position: relative;
  margin: 0;
  padding: 14px 16px 14px 38px;
  border: 2px solid var(--line-soft);
  border-radius: 5px;
  color: var(--text-main);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  transition: border-color 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
  background: var(--bg-white);
  border-color: var(--line-soft);
}

.hulk_app .s1-p3 a, .cart-terms a, .label > a, .contact-simple__item a:hover {
  color: var(--brand-primary);
}

.hulk_app .s1-p3 a:hover, .cart-terms a:hover, .label > a:hover {
  color: var(--brand-primary-dark);
}

.feature-products__card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  transition: transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
  background: var(--bg-white);
  border-color: var(--line-soft);
  box-shadow: var(--shadow-card);
}

.feature-products__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 44px rgba(47, 58, 47, 0.08);
  border-color: #DDEAD7;
}

.feature-products__name {
  margin: 0 0 14px;
  font-family: "Inter", sans-serif;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 600;
  color: var(--text-main);
}

.cart_hdr {
  display: grid;
  grid-template-columns: minmax(320px, 1.8fr) 120px 120px 140px;
  gap: 18px;
  align-items: center;
  padding: 0 10px 14px;
  border-bottom: 1px solid var(--line-soft);
  border-bottom-color: var(--line-soft);
}

.cart_hdr span, .cart_prod_prc::before, .cart_prod_qty::before, .cart_prc_subtotl::before, .shp-lbl, .sub-lbl, .total-lbl {
  color: var(--text-muted);
}

.prod_details {
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(320px, 1.8fr) 120px 120px 140px;
  gap: 18px;
  align-items: center;
  width: 100% !important;
  float: none !important;
  margin: 18px 0 0 !important;
  padding: 20px 10px;
  border-bottom: 1px solid var(--line-soft);
  background: #FAF8F2;
  border-color: var(--line-soft);
  box-shadow: 0 10px 26px rgba(47, 58, 47, 0.04);
}

.cart-totl-checkbox {
  grid-column: 1 / 2;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px;
  margin-bottom: 0;
  border: 1px solid var(--line-soft);
  border-radius: 3px;
  background: var(--bg-soft);
  border-color: var(--line-soft);
}

.cart-totl-checkbox label, .is_bill, .cards, .cart-terms {
  color: var(--text-main);
}

.contact-simple__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line-soft);
  border-bottom-color: var(--line-soft);
}

.contact-simple__item i {
  width: 20px;
  margin-top: 4px;
  font-size: 16px;
  text-align: center;
  color: var(--brand-primary);
}

.site-footer__heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 62px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.26);
}

.site-footer__links a:hover, .site-footer__contact a:hover {
  color: #FFFFFF;
}

.site-footer__contact i {
  width: 18px;
  flex: 0 0 18px;
  text-align: center;
  font-size: 15px;
  color: #FFFFFF;
}

#products .slick-prev, #products .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 1px solid var(--brand-primary);
  border-radius: 50%;
  color: #ffffff;
  z-index: 20;
  font-size: 0;
  cursor: pointer;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    opacity 0.25s ease,
    transform 0.25s ease;
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  box-shadow: 0 12px 24px rgba(143, 175, 139, 0.22);
}

#products .slick-prev:hover, #products .slick-next:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}

.headersec {
  -webkit-transition: background-color 0.3s,
    opacity 0.3s;
  -o-transition: background-color 0.3s,
    opacity 0.3s;
  transition: background-color 0.3s,
    opacity 0.3s;
  display: block;
  position: relative;
  padding: 18px 0;
  background: transparent;
  z-index: 50;
}

.headersec .container {
  position: relative;
}

.headersec .row {
  align-items: center;
}

.top_bar.navbar-storefront {
  position: relative;
}

.top_bar.navbar-storefront .container {
  max-width: 1320px;
}

.navbar-storefront__row {
  position: relative;
}

.navbar-storefront__logo {
  display: flex;
  align-items: center;
}

.logo, .navbar-storefront__logo {
  position: relative;
  z-index: 3;
}

.logo a {
  color: var(--theme-color);
  display: inline-flex;
  align-items: center;
}

.logo img {
  -webkit-transition: all 0.5s ease-out;
  width: auto;
  height: auto;
  max-height: 56px;
  vertical-align: middle;
  transition: transform 0.25s ease,
    opacity 0.25s ease;
}

.headersec.sticky .logo img {
  max-height: 48px;
}

.cmenu, .cmenu2 {
  position: relative;
  z-index: 2;
}

.navbar-storefront__menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-storefront__menu > ul, .cmenu > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 10px 16px;
  list-style: none;
  border: 1px solid rgba(143, 175, 139, 0.14);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: 0 16px 34px rgba(47, 58, 47, 0.06);
  backdrop-filter: blur(10px);
}

.cmenu ul li {
  display: inline-flex;
  align-items: center;
  list-style: none;
  margin: 0;
}

.cmenu ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  margin: 0;
  border-radius: 3px;
  border: 1px solid transparent;
  color: var(--text-main);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  position: relative;
  transition: background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.cmenu ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  height: 3px;
  background-color: var(--brand-primary);
  display: none;
}

.cmenu ul.diffNav li a {
  color: #ffffff;
}

.cmenu ul.diffNav li a:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.14);
}

.cmenu ul.diffNav, .cmenu ul.diffNav li a {
  border-color: rgba(255, 255, 255, 0.2);
}

.cmenu2 ul {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmenu2 ul li {
  text-align: right;
}

.cmenu2 ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 12px 18px;
  border-radius: 3px;
  border: 1px solid rgba(143, 175, 139, 0.16);
  background: linear-gradient(180deg, #ffffff 0%, var(--bg-soft) 100%);
  box-shadow: 0 14px 30px rgba(47, 58, 47, 0.06);
  color: var(--text-main);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.cmenu2 ul li a:hover {
  color: var(--text-main);
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(47, 58, 47, 0.08);
  border-color: rgba(143, 175, 139, 0.24);
}

.navbar-storefront__cart-label {
  color: var(--text-soft);
}

.navbar-storefront__cart-total {
  color: var(--brand-primary-dark);
}

.cart-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.carticon-mb {
  display: none;
}

.rmenubar, .clsebtn {
  display: none;
}

.topbottom_bar {
  display: none !important;
  height: 0 !important;
}

.navbar-storefront__mobile-actions {
  display: none;
}

.navbar-storefront__menu--mobile {
  display: none;
}

.headersec .top_bar.navbar-storefront, .headersec .navbar-storefront__row, .headersec .navbar-storefront__mobile-actions {
  overflow: visible;
}

.terms-content {
  padding: 80px 0;
  background: var(--bg-white);
  color: var(--text-main);
}

.terms-content .container {
  max-width: 980px;
  margin: 0 auto;
}

.terms-content h1, .terms-content h2, .terms-content h3, .terms-content h4 {
  margin: 34px 0 14px;
  color: var(--text-main);
  font-family: "Cormorant Garamond", serif;
  line-height: 1.15;
  font-weight: 600;
}

.terms-content h1 {
  margin-top: 0;
  font-size: 46px;
}

.terms-content h2 {
  font-size: 34px;
}

.terms-content h3 {
  font-size: 26px;
}

.terms-content h4 {
  font-size: 21px;
  font-family: "Inter", sans-serif;
}

.terms-content p, .terms-content li {
  color: var(--text-soft);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.85;
}

.terms-content p {
  margin: 0 0 18px;
}

.terms-content ul, .terms-content ol {
  margin: 0 0 24px 22px;
  padding: 0;
}

.terms-content li {
  margin-bottom: 10px;
  padding-left: 4px;
}

.terms-content a {
  color: var(--brand-primary);
  font-weight: 600;
  text-decoration: none;
}

.terms-content a:hover {
  color: var(--brand-primary-dark);
  text-decoration: underline;
}

.terms-content strong, .terms-content b {
  color: var(--text-main);
  font-weight: 700;
}

.terms-content table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  border: 1px solid var(--line-soft);
  background: var(--bg-white);
}

.terms-content th, .terms-content td {
  padding: 14px 16px;
  border: 1px solid var(--line-soft);
  color: var(--text-soft);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}

.terms-content th {
  color: var(--text-main);
  background: var(--bg-soft);
  font-weight: 700;
}

.skin-product-card__image-wrap, .feature-products__image-wrap, .product-media-card, .cart-product-card__image, .prod_name img {
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%) !important;
}

html, body, .home-page-skin {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.home-page-skin * {
  box-sizing: border-box;
}

.home-page-skin img {
  max-width: 100%;
}

.home-page-skin .skin-shell {
  max-width: 1320px;
  margin: 0 auto;
  width: min(100%, 1320px);
}

.home-page-skin .skin-products__slider {
  position: relative;
  margin: 0 -14px;
  margin-left: -12px;
  margin-right: -12px;
}

.home-page-skin .skin-products__item {
  padding: 0 14px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}

.home-page-skin .skin-product-card__image-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.home-page-skin .skin-product-card__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 28px;
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%);
}

.home-page-skin .skin-product-card__image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 255px;
  object-fit: contain;
}

.home-page-skin .skin-product-card__content h3, .home-page-skin .skin-product-card__name {
  margin: 0 0 12px;
  font-family: "Josefin Sans", serif;
  font-size: clamp(26px, 2.4vw, 34px);
  line-height: 1.04;
  font-weight: 600;
  color: var(--text-main);
}

.home-page-skin .skin-product-card__content > div:not([class]), .home-page-skin .skin-product-card__price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 22px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--brand-primary-soft-2);
  color: var(--brand-primary-dark);
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.skin-product-card, .feature-products__card, .pric-box, .product-option-card, .cart-summery, .empty-cart-box__card, .billing-info, .cart-terms, .is_bill, .frm-container {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(143, 175, 139, 0.16) !important;
  box-shadow: 0 16px 34px rgba(47, 58, 47, 0.08) !important;
}

.skin-btn--primary, .hero-banner__btn--primary, .commonbtn.add-to-cart, #chekoutbtn.index-btn, .cart-links .commonbtn, .cart-links .cont-shop, #products .slick-prev, #products .slick-next {
  background: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(143, 175, 139, 0.22) !important;
}

.skin-btn--primary:hover, .hero-banner__btn--primary:hover, .commonbtn.add-to-cart:hover, #chekoutbtn.index-btn:hover, .cart-links .commonbtn:hover, .cart-links .cont-shop:hover, #products .slick-prev:hover, #products .slick-next:hover {
  background: #2F3A2F !important;
  border-color: #2F3A2F !important;
}

.section-kicker, .skin-product-card__eyebrow, .skin-product-card__price, .feature-products__price, .price, .cart_prod_prc, .cart_prc_subtotl, .total-prc, .cmenu ul li a:hover, .cmenu ul li.active a, .brdcmb ul li a, .hulk_app .s1-p3 a, .cart-terms a, .label > a, .contact-simple__item i, .navbar-storefront__cart-total {
  color: var(--brand-primary-dark) !important;
}

.skin-product-card__content > div:not([class]), .home-page-skin .skin-product-card__content > div:not([class]), .home-page-skin .skin-product-card__price {
  background: var(--brand-primary-soft) !important;
  color: var(--brand-primary-dark) !important;
}

.clinic-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--brand-primary-dark);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.clinic-label::before {
  content: "";
  width: 34px;
  height: 1px;
  background: currentColor;
}

.clinic-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 15px 28px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.clinic-btn:hover {
  text-decoration: none;
  transform: translateY(-2px);
}

.clinic-btn--primary {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(143, 175, 139, 0.24);
}

.clinic-btn--primary:hover {
  background: var(--dark-2);
  border-color: var(--dark-2);
  color: #ffffff;
}

.clinic-btn--light {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(143, 175, 139, 0.2);
  color: var(--brand-primary-dark);
  box-shadow: 0 14px 30px rgba(47, 58, 47, 0.08);
}

.clinic-btn--light:hover {
  background: #ffffff;
  border-color: var(--brand-primary-dark);
  color: var(--brand-primary-dark);
}

.clinic-hero-studio__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
  gap: 44px;
  align-items: center;
  width: min(100%, 1320px);
  margin: 0 auto;
}

.clinic-hero-studio__content {
  max-width: 640px;
  padding: 28px 0;
}

.clinic-hero-studio__content h1 {
  margin: 0 0 22px;
  color: var(--text-main);
  font-family: "Josefin Sans", serif;
  font-size: clamp(46px, 6vw, 86px);
  line-height: 0.94;
  font-weight: 600;
  letter-spacing: -0.045em;
}

.clinic-hero-studio__content p {
  max-width: 560px;
  margin: 0 0 30px;
  color: var(--text-soft);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.82;
}

.clinic-hero-studio__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 38px;
}

.clinic-hero-studio__proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 620px;
}

.clinic-hero-studio__proof div {
  padding: 18px 16px;
  border: 1px solid rgba(143, 175, 139, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 14px 28px rgba(47, 58, 47, 0.06);
  backdrop-filter: blur(10px);
}

.clinic-hero-studio__proof strong, .clinic-hero-studio__proof span {
  display: block;
  font-family: "Inter", sans-serif;
}

.clinic-hero-studio__proof strong {
  margin-bottom: 6px;
  color: var(--brand-primary-dark);
  font-size: 16px;
  font-weight: 800;
}

.clinic-hero-studio__proof span {
  color: var(--text-soft);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.clinic-hero-studio__visual {
  position: relative;
  display: grid;
  gap: 18px;
  min-height: 620px;
}

.clinic-hero-studio__image {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.42);
  background: var(--brand-primary-soft);
  box-shadow: 0 28px 70px rgba(47, 58, 47, 0.18);
}

.clinic-hero-studio__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clinic-hero-studio__image--main {
  min-height: 620px;
  border-radius: 34px;
}

.clinic-hero-studio__badge {
  position: absolute;
  left: 34px;
  bottom: 34px;
  max-width: 320px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 38px rgba(47, 58, 47, 0.14);
  backdrop-filter: blur(14px);
}

.clinic-hero-studio__badge span, .clinic-hero-studio__badge strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.clinic-hero-studio__badge span {
  margin-bottom: 6px;
  color: var(--brand-primary-dark);
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.clinic-hero-studio__badge strong {
  color: var(--text-main);
  font-size: 17px;
  line-height: 1.4;
  font-weight: 800;
}

.clinic-benefit-strip {
  padding: 0 20px 88px;
  background: var(--bg-white);
}

.clinic-benefit-strip__inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  width: min(100%, 1320px);
  margin: -34px auto 0;
  position: relative;
  z-index: 4;
}

.clinic-benefit-strip article {
  padding: 30px 28px;
  border: 1px solid rgba(143, 175, 139, 0.14);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(47, 58, 47, 0.08);
}

.clinic-benefit-strip article span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--brand-primary-soft);
  color: var(--brand-primary-dark);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 900;
}

.clinic-benefit-strip article h3 {
  margin: 0 0 10px;
  color: var(--text-main);
  font-family: "Josefin Sans", serif;
  font-size: 34px;
  line-height: 1;
  font-weight: 600;
}

.clinic-benefit-strip article p {
  margin: 0;
  color: var(--text-soft);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.clinic-routine-panel {
  padding: 0 20px 96px;
  background: var(--bg-white);
}

.clinic-routine-panel__media {
  min-height: 600px;
  overflow: hidden;
}

.clinic-routine-panel__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clinic-routine-panel__content {
  padding: 70px 64px;
  color: #ffffff;
}

.clinic-routine-panel__content .clinic-label {
  color: rgba(255, 255, 255, 0.82);
}

.clinic-routine-panel__content h2 {
  max-width: 680px;
  margin: 0 0 20px;
  color: #ffffff;
  font-family: "Josefin Sans", serif;
  font-size: clamp(40px, 4.6vw, 68px);
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.035em;
}

.clinic-routine-panel__content p {
  max-width: 620px;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.78);
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 1.85;
}

.clinic-routine-panel__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 34px;
}

.clinic-routine-panel__steps div {
  padding: 20px 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
}

.clinic-routine-panel__steps strong, .clinic-routine-panel__steps span {
  display: block;
  font-family: "Inter", sans-serif;
}

.clinic-routine-panel__steps strong {
  margin-bottom: 7px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
}

.clinic-routine-panel__steps span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.55;
}

.clinic-editorial-grid__inner {
  width: min(100%, 1320px);
  margin: 0 auto;
}

.clinic-editorial-grid__head {
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.58fr);
  gap: 36px;
  align-items: end;
  margin-bottom: 32px;
}

.clinic-editorial-grid__head h2 {
  margin: 0;
  color: var(--text-main);
  font-family: "Josefin Sans", serif;
  font-size: clamp(38px, 4.4vw, 64px);
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.035em;
  padding-top: 30px;
}

.clinic-editorial-grid__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.clinic-editorial-grid__cards article {
  min-height: 260px;
  padding: 32px 28px;
  border: 1px solid rgba(143, 175, 139, 0.14);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 42px rgba(47, 58, 47, 0.07);
}

.clinic-editorial-grid__cards h3 {
  margin: 0 0 14px;
  color: var(--text-main);
  font-family: "Josefin Sans", serif;
  font-size: 34px;
  line-height: 1;
  font-weight: 600;
}

.clinic-editorial-grid__cards p {
  margin: 0;
  color: var(--text-soft);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.82;
}

.clinic-editorial-grid__cards article:nth-child(2) h3, .clinic-editorial-grid__cards article:nth-child(2) p {
  color: #ffffff;
}

.clinic-final-cta {
  padding: 4px 20px 96px;
  background: var(--bg-white);
}

.clinic-final-cta .clinic-label {
  color: rgba(255, 255, 255, 0.8);
}

.clinic-final-cta h2 {
  max-width: 760px;
  margin: 0;
  color: #ffffff;
  font-family: "Josefin Sans", serif;
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.035em;
}

body, .home-page-skin, .product-page-body, .contact-page-body, .product-page-detail, .feature-products, .feature-products--shop, .cart_area, .prod-top, .contact-simple, .terms-content {
  background: var(--bg-white) !important;
  color: var(--text-main) !important;
}

.clinic-hero-studio {
  position: relative;
  overflow: hidden;
  padding: 92px 20px 76px;
  background: radial-gradient(circle at 12% 18%, rgba(143, 175, 139, 0.16), transparent 30%),
    linear-gradient(135deg, #FFFFFF 0%, #FAF8F2 48%, #DDEAD7 100%) !important;
}

.clinic-hero-studio::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.42), transparent 78%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.42), transparent 78%);
  pointer-events: none;
  background-image: linear-gradient(rgba(143, 175, 139, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143, 175, 139, 0.045) 1px, transparent 1px) !important;
}

.skin-product-card, .feature-products__card, .pric-box, .product-option-card, .cart-summery, .empty-cart-box__card, .billing-info, .cart-terms, .is_bill, .frm-container, .clinic-benefit-strip article, .clinic-editorial-grid__cards article {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(143, 175, 139, 0.14) !important;
  box-shadow: 0 16px 34px rgba(47, 58, 47, 0.08) !important;
}

.skin-product-card__image-wrap, .feature-products__image-wrap, .product-media-card, .cart-product-card__image, .prod_name img, .home-page-skin .skin-product-card__image-wrap {
  background: linear-gradient(180deg, #DDEAD7 0%, #FFFFFF 100%) !important;
}

.cart-totl-checkbox, .prod_details {
  background: linear-gradient(180deg, #FFFFFF 0%, #FAF8F2 100%) !important;
  border-color: rgba(143, 175, 139, 0.14) !important;
}

.clinic-editorial-grid {
  padding: 0 20px 92px;
  background: linear-gradient(180deg, #FAF8F2 0%, #FFFFFF 100%) !important;
}

.clinic-routine-panel__inner {
  display: grid;
  grid-template-columns: minmax(420px, 0.88fr) minmax(0, 1.12fr);
  gap: 0;
  width: min(100%, 1320px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 34px;
  box-shadow: 0 28px 70px rgba(47, 58, 47, 0.13);
  background: linear-gradient(135deg, #2F3A2F 0%, #5F7F5C 100%) !important;
}

.clinic-final-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  width: min(100%, 1320px);
  margin: 0 auto;
  padding: 46px 50px;
  border-radius: 30px;
  background: linear-gradient(135deg, #5F7F5C 0%, #8FAF8B 100%) !important;
  box-shadow: 0 24px 58px rgba(143, 175, 139, 0.2) !important;
}

.clinic-editorial-grid__cards article:nth-child(2) {
  background: var(--brand-primary-dark) !important;
}

.site-footer {
  background: linear-gradient(180deg, #2F3A2F 0%, #243024 100%) !important;
  color: #ffffff !important;
  padding: 56px 20px 28px;
}

.site-footer-bottom {
  padding: 18px 20px 22px;
  background-color: #1F281F !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.headersec.sticky {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom-color: rgba(143, 175, 139, 0.14) !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.navbar-storefront__menu > ul, .cmenu > ul, .cmenu2 ul li a, .rmenubar a, .carticon-mb a, .navbar-storefront__menu--mobile .clsebtn a {
  border-color: rgba(143, 175, 139, 0.16) !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.navbar-storefront__menu--mobile > ul, .navbar-storefront__menu--mobile.cmenu > ul {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 244, 244, 0.98) 100%) !important;
}

.skin-btn--primary, .hero-banner__btn--primary, .commonbtn.add-to-cart, #chekoutbtn.index-btn, .cart-links .commonbtn, .cart-links .cont-shop, #products .slick-prev, #products .slick-next, .clinic-btn--primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(143, 175, 139, 0.22) !important;
}

.skin-btn--primary:hover, .hero-banner__btn--primary:hover, .commonbtn.add-to-cart:hover, #chekoutbtn.index-btn:hover, .cart-links .commonbtn:hover, .cart-links .cont-shop:hover, #products .slick-prev:hover, #products .slick-next:hover, .clinic-btn--primary:hover {
  background: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
}

.cart-links .prod-clearcart, .cart-links .prod-clearcart:hover {
  background: var(--dark) !important;
  border-color: var(--dark) !important;
  color: #ffffff !important;
}

.section-kicker, .skin-product-card__eyebrow, .skin-product-card__price, .feature-products__price, .price, .cart_prod_prc, .cart_prc_subtotl, .total-prc, .cmenu ul li a:hover, .cmenu ul li.active a, .brdcmb ul li a, .hulk_app .s1-p3 a, .cart-terms a, .label > a, .contact-simple__item i, .navbar-storefront__cart-total, .clinic-label, .clinic-hero-studio__proof strong, .clinic-hero-studio__badge span {
  color: var(--brand-primary) !important;
}

.skin-product-card__content > div:not([class]), .home-page-skin .skin-product-card__content > div:not([class]), .home-page-skin .skin-product-card__price, .clinic-benefit-strip article span {
  background: var(--brand-primary-soft) !important;
  color: var(--brand-primary-dark) !important;
}

.cmenu ul li:hover a, .cmenu ul li.active a, .cmenu ul li a:hover, .cmenu ul li a:focus {
  color: var(--brand-primary-dark) !important;
  background: var(--brand-primary-soft-2) !important;
  border-color: rgba(143, 175, 139, 0.16) !important;
}

.cmenu2 ul li a, .rmenubar a, .carticon-mb a {
  background: linear-gradient(180deg, #ffffff 0%, #FAF8F2 100%) !important;
  border-color: rgba(143, 175, 139, 0.16) !important;
  color: var(--brand-primary-dark) !important;
}

.navbar-storefront__cart-label, .product-description-box, .product-description-box p, .product-description-box li, .product-description-box span, .product-description-box div, .contact-simple__content p, .empty-cart-box__card p, #emptycartBox p, .section-copy {
  color: var(--text-soft) !important;
}

.cart-icon strong {
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
  background: #FFFFFF !important;
}

.cart-icon strong:after {
  border-color: var(--brand-primary) !important;
}

.cart-icon:hover strong, .cmenu2 ul li a:hover .cart-icon strong, .carticon-mb a:hover .cart-icon strong {
  background: var(--brand-primary) !important;
  color: #ffffff !important;
}

.product-page-hero, .product {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(237, 244, 215, 0.55)),
    url(../images/other-banner.webp) center / cover no-repeat !important;
}

.feature-products__card:hover, .skin-product-card:hover {
  border-color: var(--brand-primary-soft) !important;
  box-shadow: 0 22px 44px rgba(47, 58, 47, 0.09) !important;
}

#productSelect:focus, .paywhirl_app select:focus, .cart_prod_qty select:focus, .label input:focus, .label select:focus {
  border-color: var(--brand-primary) !important;
}

.paywhirl_app .chk-chekout input:checked ~ .checkmark {
  border-color: var(--brand-primary) !important;
}

.paywhirl_app .chk-chekout .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--brand-primary) !important;
}

.cart-totl-checkbox input[type="checkbox"], .is_bill input[type="checkbox"], .cart-terms input[type="checkbox"], .cart-terms .agree-checkbox {
  accent-color: var(--brand-primary) !important;
}

.cart-remv {
  border: 0;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px !important;
  height: 34px !important;
  padding: 8px;
  border-radius: 50%;
  object-fit: contain;
  cursor: pointer;
  z-index: 3;
  transition: transform 0.25s ease,
    background-color 0.25s ease;
  background: var(--brand-primary-soft) !important;
  color: var(--brand-primary-dark) !important;
}

.cart-remv:hover {
  transform: scale(1.05);
  background: var(--brand-primary) !important;
  color: #ffffff !important;
}

.hulk_app .s1-p3.block-error {
  border-color: red !important;
  background: rgb(244 48 48 / 7%) !important;
  box-shadow: 0 0 0 4px rgb(244 48 48 / 12%) !important;
  animation: shake 0.5s !important;
  animation-iteration-count: 1 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .logo img {
    max-height: 42px;
  }
}

@media (max-width: 768px) {
  .terms-content {
    padding: 20px 15px !important;
  }
}

@media only screen and (max-width: 820px) {
  .headersec.sticky {
    position: relative;
  }

  .carticon-mb {
    display: block;
    position: absolute;
    top: 24px;
    right: 8px;
  }

  .cart-icon strong {
    width: 22px;
    height: 22px;
    line-height: 19px;
  }

  .headersec {
    padding: 10px 0;
  }

  .cmenu ul li:after {
    display: none;
  }

  .rmenubar {
    position: absolute;
    left: 8px;
    top: 25px;
    z-index: 99;
    display: block;
    font-size: 22px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    -webkit-transition: all 0.5s ease-out;
  }

  .clsebtn svg {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 9999;
    color: #000;
    opacity: 0;
    transition: 0.3s ease all;
    visibility: hidden;
    animation-name: slowup;
    animation-duration: 0.3s;
  }

  .headersec.sticky .rmenubar {
    top: 12px;
  }

  .cmenu ul.navopen .clsebtn i, .cmenu ul.navopen .clsebtn {
    display: block;
  }

  .cmenu ul.navopen .clsebtn svg {
    top: 14px;
    opacity: 1;
    visibility: visible;
  }

  .rmenubar a {
    color: var(--brand-primary);
  }

  .headersec.sticky .rmenubar a {
    color: var(--text-main) !important;
  }

  .rmenubar a:hover, .rmenubar a:focus {
    color: #fff !important;
  }

  .cmenu {
    padding: 18px 20px;
  }

  .cmenu ul li {
    display: block;
    padding: 0;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 5px;
  }

  ul.navopen {
    opacity: 0.95;
    visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  ul.navopen li {
    animation-name: slowdown;
    animation-duration: 0.3s;
  }

  .cmenu ul li ul {
    margin: 0;
    padding: 0;
    position: unset;
    z-index: 999;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease-out;
  }

  .cmenu ul li a {
    text-align: left;
    margin-left: 0;
  }

  .cmenu ul li ul a {
    color: var(--text-main);
  }

  .cmenu2 {
    display: none;
  }

  .top_bar {
    height: 50px;
  }

  .topbottom_bar {
    height: 0;
  }

  .cmenu ul {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    overflow-y: scroll;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    background: #FFFFFF;
  }
}

@media only screen and (max-width: 991px) {
  .headersec {
    padding: 14px 0;
  }

  .headersec.sticky {
    padding: 8px 0;
  }

  .logo img {
    max-height: 50px;
  }

  .headersec.sticky .logo img {
    max-height: 44px;
  }

  .rmenubar, .carticon-mb, .navbar-storefront__mobile-actions {
    display: flex;
    align-items: center;
  }

  .rmenubar a, .carticon-mb a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 3px;
    border: 1px solid rgba(143, 175, 139, 0.16);
    background: linear-gradient(180deg, #ffffff 0%, var(--bg-soft) 100%);
    box-shadow: 0 12px 28px rgba(47, 58, 47, 0.08);
    color: var(--brand-primary-dark);
  }

  .rmenubar a i {
    font-size: 19px;
    line-height: 1;
  }

  .carticon-mb .cart-icon strong {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    font-size: 11px;
  }

  .navbar-storefront__menu--mobile {
    display: block;
  }

  .navbar-storefront__menu--mobile ul {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100vw;
    height: 100vh;
    padding: 90px 28px 40px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.98) 0%,
          rgba(250, 248, 242, 0.98) 100%
        );
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow-y: auto;
    backdrop-filter: blur(10px);
  }

  .navbar-storefront__menu--mobile ul.navopen {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .navbar-storefront__menu--mobile ul li {
    display: block;
    width: 100%;
    max-width: 420px;
    text-align: center;
  }

  .navbar-storefront__menu--mobile ul li a {
    width: 100%;
    min-height: 56px;
    font-size: 15px;
    letter-spacing: 0.08em;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(143, 175, 139, 0.14);
    box-shadow: 0 12px 24px rgba(47, 58, 47, 0.04);
  }

  .cmenu2 {
    display: none;
  }

  .top_bar.navbar-storefront {
    min-height: 64px;
  }

  .navbar-storefront__row {
    min-height: 64px;
  }

  .navbar-storefront__row > [class*="col-"] {
    position: relative;
    z-index: 2;
  }

  .navbar-storefront__logo, .navbar-storefront__logo a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }

  .navbar-storefront__logo img, .logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 46px;
    object-fit: contain;
  }

  .headersec.sticky .navbar-storefront__logo img, .headersec.sticky .logo img {
    max-height: 42px;
  }

  .rmenubar, .carticon-mb {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    font-size: inherit;
    z-index: auto;
  }

  .rmenubar a:hover, .rmenubar a:focus {
    color: var(--brand-primary-dark) !important;
  }

  .navbar-storefront__mobile-actions {
    position: relative;
    z-index: 1002;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
  }

  .navbar-storefront__menu--mobile, .navbar-storefront__menu--mobile.cmenu {
    display: block;
    padding: 0;
  }

  .navbar-storefront__menu--mobile > ul, .navbar-storefront__menu--mobile.cmenu > ul {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 88px 24px 28px;
    list-style: none;
    border: 0;
    border-radius: 0;
    background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.98) 0%,
          rgba(221, 234, 215, 0.98) 100%
        );
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    backdrop-filter: blur(12px);
  }

  .navbar-storefront__menu--mobile > ul.navopen, .navbar-storefront__menu--mobile.cmenu > ul.navopen {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .navbar-storefront__menu--mobile > ul > li, .navbar-storefront__menu--mobile.cmenu > ul > li {
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .navbar-storefront__menu--mobile > ul > li > a, .navbar-storefront__menu--mobile.cmenu > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 14px 18px;
    margin: 0;
    text-align: center;
    border-radius: 7px;
    border: 1px solid rgba(143, 175, 139, 0.14);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 24px rgba(47, 58, 47, 0.04);
    font-size: 14px;
    line-height: 1.2;
  }

  .navbar-storefront__menu--mobile .clsebtn {
    display: block;
    position: fixed;
    top: 16px;
    right: 16px;
    width: 46px;
    height: 46px;
    max-width: none;
    margin: 0;
    padding: 0;
    z-index: 10002;
  }

  .navbar-storefront__menu--mobile .clsebtn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    padding: 0;
    margin: 0;
    border-radius: 3px;
    border: 1px solid rgba(143, 175, 139, 0.14);
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(47, 58, 47, 0.1);
  }

  .navbar-storefront__menu--mobile .clsebtn svg {
    position: static;
    top: auto;
    right: auto;
    width: 20px;
    height: 20px;
    color: var(--text-main);
    opacity: 1;
    visibility: visible;
    display: block;
    margin: 0;
    animation: none;
  }

  .navbar-storefront__menu--mobile .clsebtn i {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .cmenu ul li:nth-child(6) {
    display: none;
  }

  .logo a {
    font-size: 30px;
  }

  .logo {
    padding-left: 32px;
    position: relative;
    top: 0;
  }

  .headersec {
    padding: 12px 0;
  }

  .logo img {
    max-height: 46px;
  }

  .headersec.sticky .logo img {
    max-height: 40px;
  }

  .rmenubar a, .carticon-mb a {
    width: 42px;
    height: 42px;
    border-radius: 5px;
  }

  .navbar-storefront__menu--mobile ul {
    padding: 84px 20px 30px;
  }

  .navbar-storefront__menu--mobile ul li {
    max-width: 100%;
  }

  .navbar-storefront__menu--mobile ul li a {
    min-height: 52px;
    font-size: 14px;
  }

  .top_bar.navbar-storefront, .navbar-storefront__row {
    min-height: 58px;
  }

  .navbar-storefront__logo img, .logo img {
    max-height: 42px;
  }

  .headersec.sticky .navbar-storefront__logo img, .headersec.sticky .logo img {
    max-height: 38px;
  }

  .navbar-storefront__mobile-actions {
    gap: 8px;
  }

  .rmenubar a, .carticon-mb a, .navbar-storefront__menu--mobile .clsebtn, .navbar-storefront__menu--mobile .clsebtn a {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border-radius: 5px;
  }

  .navbar-storefront__menu--mobile > ul, .navbar-storefront__menu--mobile.cmenu > ul {
    padding: 78px 18px 24px;
  }

  .navbar-storefront__menu--mobile .clsebtn {
    top: 14px;
    right: 14px;
  }
}

@media only screen and (max-width: 360px) {
  .logo img {
    max-height: 40px;
  }

  .navbar-storefront__logo img, .logo img {
    max-height: 36px;
  }
}

@media (max-width: 1199px) {
  .prod-txt1 {
    font-size: 46px;
  }

  .product-media-card {
    min-height: 520px;
  }

  .prd-dtl1 {
    font-size: 38px;
  }

  .section-title {
    font-size: 46px;
  }

  .clinic-hero-studio__inner {
    grid-template-columns: minmax(0, 1fr) minmax(430px, 0.95fr);
    gap: 34px;
  }

  .clinic-hero-studio__visual {
    min-height: 560px;
  }

  .clinic-hero-studio__image--main {
    min-height: 560px;
  }

  .clinic-routine-panel__inner {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .clinic-routine-panel__content {
    padding: 56px 42px;
  }
}

@media (max-width: 991px) {
  .home-page-skin .skin-products {
    padding-left: 16px;
    padding-right: 16px;
  }

  .home-page-skin .section-title {
    font-size: 36px;
  }

  .home-page-skin #products .slick-prev, #products .slick-prev {
    left: -10px;
  }

  .home-page-skin #products .slick-next, #products .slick-next {
    right: -10px;
  }

  .site-footer {
    padding: 48px 16px 24px;
  }

  .site-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 38px 28px;
  }

  .site-footer__brand {
    grid-column: 1 / -1;
  }

  .site-footer__text {
    max-width: 100%;
  }

  .product-page-hero {
    padding: 34px 16px 42px;
  }

  .product-page-detail {
    padding: 44px 16px 64px;
  }

  .prod-spec {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .product-media-card {
    min-height: 440px;
    padding: 28px;
  }

  .prds-left img {
    max-height: 380px;
  }

  .prd-dtl1 {
    font-size: 34px;
  }

  .prod-txt1 {
    font-size: 44px;
  }

  .cart_area {
    padding: 44px 16px 64px;
  }

  .prod-top {
    padding: 44px 16px 64px;
  }

  .shipping_heading h3 {
    font-size: 30px;
  }

  .cart_hdr {
    display: none;
  }

  .prod_details {
    grid-template-columns: 1fr !important;
    gap: 14px;
    padding: 18px 0;
  }

  .cart_prod_prc, .cart_prod_qty, .cart_prc_subtotl {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
  }

  .cart_prod_prc::before {
    content: "Price";
  }

  .cart_prod_qty::before {
    content: "Quantity";
  }

  .cart_prc_subtotl::before {
    content: "Total";
  }

  .cart_prod_prc::before, .cart_prod_qty::before, .cart_prc_subtotl::before {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .cart-totl {
    grid-template-columns: 1fr;
  }

  .cart-totl-checkbox, .cart-links, .cart-summery {
    grid-column: auto;
    grid-row: auto;
  }

  .cart-summery {
    width: 100% !important;
  }

  #products .slick-prev {
    left: -10px;
  }

  #products .slick-next {
    right: -10px;
  }

  .feature-products {
    padding: 56px 16px 72px;
  }

  .feature-products__title {
    margin-bottom: 30px;
    font-size: 34px;
  }

  .feature-products__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .feature-products__image-wrap {
    min-height: 260px;
    padding: 22px;
  }

  .feature-products__image {
    max-height: 210px;
  }

  .contact-simple {
    padding: 56px 16px 72px;
  }

  .contact-simple__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .contact-simple__content h2 {
    font-size: 32px;
  }

  .contact-simple__image {
    justify-content: flex-start;
  }

  .skin-products {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-title {
    font-size: 40px;
  }

  .clinic-hero-studio {
    padding: 64px 16px 64px;
  }

  .clinic-hero-studio__inner, .clinic-routine-panel__inner, .clinic-editorial-grid__head, .clinic-final-cta__inner {
    grid-template-columns: 1fr;
  }

  .clinic-hero-studio__content {
    max-width: 100%;
    padding: 0;
  }

  .clinic-hero-studio__visual {
    min-height: 480px;
  }

  .clinic-hero-studio__image--main {
    min-height: 480px;
  }

  .clinic-benefit-strip, .clinic-routine-panel, .clinic-editorial-grid, .clinic-final-cta {
    padding-left: 16px;
    padding-right: 16px;
  }

  .clinic-benefit-strip__inner, .clinic-editorial-grid__cards, .clinic-routine-panel__steps {
    grid-template-columns: 1fr;
  }

  .clinic-routine-panel__media {
    min-height: 420px;
  }

  .clinic-final-cta__inner {
    align-items: start;
  }
}

@media (max-width: 767px) {
  .home-page-skin .skin-btn {
    width: 100%;
  }

  .home-page-skin .skin-product-card__name {
    font-size: 18px;
  }

  .home-page-skin .skin-product-card__price {
    font-size: 22px;
  }

  .home-page-skin #products .slick-prev::after, .home-page-skin #products .slick-next::after, #products .slick-prev::after, #products .slick-next::after {
    font-size: 14px;
  }

  .site-footer__top {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .site-footer__logo {
    max-width: 200px;
    margin-bottom: 18px;
  }

  .site-footer__text {
    font-size: 15px;
    line-height: 1.7;
  }

  .site-footer__heading {
    margin-bottom: 22px;
  }

  .site-footer__links a, .site-footer__details p {
    font-size: 15px;
  }

  .site-footer__disclaimer {
    margin-top: 34px;
    padding-top: 22px;
  }

  .site-footer__disclaimer p {
    font-size: 12px;
    line-height: 1.5;
  }

  .site-footer-bottom {
    padding: 16px 16px 20px;
  }

  .site-footer-bottom p {
    font-size: 13px;
  }

  .product-media-card {
    min-height: 320px;
    padding: 22px;
    border-radius: 4px;
  }

  .prds-left img {
    max-height: 280px;
  }

  .prd-dtl1 {
    font-size: 28px;
    line-height: 1.18;
  }

  .product-description-box p, .product-description-box li, .product-description-box span, .product-description-box div {
    font-size: 15px;
    line-height: 1.7;
  }

  .pric-box {
    padding: 20px;
    border-radius: 4px;
  }

  .pro-dtil-rgt-p2 {
    font-size: 16px;
    margin-bottom: 18px;
  }

  .price {
    font-size: 32px;
  }

  .commonbtn.add-to-cart {
    width: 100%;
    min-width: 0;
  }

  .cart-product-card {
    align-items: flex-start;
  }

  .cart-product-card__image {
    width: 96px;
    min-width: 96px;
    height: 96px;
    padding: 12px;
  }

  .cart-product-card__image img {
    max-height: 72px;
  }

  .cart-links .commonbtn, .cart-links .prod-clearcart, .empty-cart-box__card .commonbtn {
    width: 100%;
  }

  .empty-cart-box__card {
    padding: 32px 20px;
  }

  .empty-cart-box__card h4 {
    font-size: 28px;
  }

  .cart-links .commonbtn, .cart-links .prod-clearcart {
    width: 100%;
  }

  .frm-container {
    padding: 22px 18px;
    border-radius: 4px;
  }

  .cart_prod_prc, .cart_prc_subtotl, .shp-prc, .sub-prc {
    font-size: 19px;
  }

  .cart-links .prod-clearcart, .cart-links .cont-shop, #chekoutbtn.index-btn {
    width: 100%;
  }

  .frm-container.step2 .label.small-s {
    grid-column: 1 / -1;
  }

  .product {
    padding: 0 0 34px 0;
    background-position: center top;
  }

  .product .container {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .prod-txt1 {
    font-size: 34px !important;
    line-height: 1.15 !important;
    padding: 120px 0 0 !important;
    text-align: left;
  }

  .prod-top {
    padding: 28px 16px 48px !important;
  }

  .prod-top #cart-box > .container, .prod-top .container[style*="display:table"] {
    display: block !important;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }

  #contents, .product-page, #divOrder, #frmOrder {
    width: 100% !important;
  }

  .frm_con_bgcolr {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .frm-container, .frm-container.step1, .frm-container.step2 {
    width: 100% !important;
    float: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px 16px !important;
    border-radius: 18px !important;
  }

  .frm-container:first-child, .frm-container.step1, .frm-container.step2 {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .shipping_heading, .sub_shipping_heading {
    margin-bottom: 18px !important;
  }

  .shipping_heading h3 {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  .cart_hdr {
    display: none !important;
  }

  .prod_details {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 16px 0 !important;
  }

  .prod_name, .cart_prod_prc, .cart_prod_qty, .cart_prc_subtotl {
    width: 100% !important;
    float: none !important;
  }

  .prod_name {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding-right: 38px !important;
  }

  .prod_name img {
    width: 78px !important;
    min-width: 78px;
    height: 78px !important;
    padding: 8px;
    border-radius: 3px;
  }

  .product_name {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  .cart_prod_prc, .cart_prod_qty, .cart_prc_subtotl {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left !important;
  }

  .cart_prod_prc::before {
    content: "Price";
  }

  .cart_prod_qty::before {
    content: "Quantity";
  }

  .cart_prc_subtotl::before {
    content: "Total";
  }

  .cart_prod_prc::before, .cart_prod_qty::before, .cart_prc_subtotl::before {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .cart_prod_qty select {
    width: 84px !important;
    min-height: 44px !important;
  }

  .cart-remv {
    top: 10px !important;
    right: 0 !important;
    width: 28px !important;
    height: 28px !important;
    padding: 6px !important;
  }

  .cart-totl {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 18px !important;
  }

  .cart-totl-checkbox, .cart-links, .cart-summery {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
  }

  .cart-totl-checkbox {
    padding: 14px 16px !important;
  }

  .cart-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .cart-links .prod-clearcart, .cart-links .cont-shop, .cart-links .commonbtn {
    width: 100% !important;
    min-height: 50px !important;
  }

  .cart-summery {
    padding: 18px 16px !important;
    border-radius: 18px !important;
  }

  .shp-lbl, .sub-lbl, .total-lbl {
    font-size: 14px !important;
  }

  .shp-prc, .sub-prc {
    font-size: 18px !important;
  }

  .total-prc {
    font-size: 22px !important;
  }

  .label {
    width: 100% !important;
    float: none !important;
    margin: 0 0 12px !important;
  }

  .label i {
    display: none !important;
  }

  .label input, .label select {
    width: 100% !important;
    min-height: 50px !important;
    padding: 13px 14px !important;
    font-size: 15px !important;
  }

  .label.small-s {
    width: 100% !important;
    display: block !important;
    margin: 0 0 12px !important;
  }

  .label.small-s + .label.small-s {
    margin-left: 0 !important;
  }

  .frm-container.step2 {
    grid-template-columns: 1fr;
    display: block !important;
  }

  .is_bill, .cards, .billing-info, .cart-terms {
    width: 100% !important;
  }

  .is_bill {
    padding: 14px 16px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .cards {
    flex-wrap: wrap;
    gap: 8px;
  }

  .cards img {
    max-height: 24px !important;
  }

  .billing-info {
    padding: 14px !important;
    margin: 8px 0 14px !important;
  }

  .cart-terms {
    padding: 14px 16px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  #chekoutbtn.index-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
  }

  center {
    display: block;
  }

  #emptycartBox .cart-links {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #emptycartBox .cart-links p {
    padding-left: 0 !important;
    margin-top: 4px !important;
  }

  #products .slick-prev, #products .slick-next {
    width: 42px;
    height: 42px;
  }

  #products .slick-prev::after, #products .slick-next::after {
    font-size: 14px;
  }

  #products .slick-prev {
    left: -6px;
  }

  #products .slick-next {
    right: -6px;
  }

  .feature-products {
    padding: 46px 16px 58px;
  }

  .feature-products__title {
    font-size: 28px;
    line-height: 1.15;
    margin-bottom: 24px;
  }

  .feature-products__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .feature-products__image-wrap {
    min-height: 240px;
    padding: 20px;
  }

  .feature-products__image {
    max-height: 190px;
  }

  .feature-products__content {
    padding: 24px 18px 26px;
  }

  .feature-products__name {
    font-size: 18px;
  }

  .feature-products__price {
    font-size: 22px;
  }

  .feature-products__content .hero-banner__btn {
    width: 100%;
    min-width: 0;
  }

  .contact-simple__content h2 {
    font-size: 28px;
  }

  .contact-simple__content p, .contact-simple__item strong, .contact-simple__item a {
    font-size: 15px;
  }

  .contact-simple__image img {
    max-width: 240px;
  }

  .section-title {
    font-size: 32px;
    line-height: 1.02;
  }

  .skin-btn {
    width: 100%;
  }

  .skin-product-card__image-wrap {
    min-height: 250px;
    padding: 22px;
  }

  .skin-product-card__image {
    max-height: 210px;
  }

  .skin-product-card__content {
    padding: 24px 18px 26px;
  }

  .skin-product-card__name {
    font-size: 28px;
  }

  .skin-product-card__price {
    font-size: 22px;
  }

  .terms-content {
    padding: 34px 16px !important;
  }

  .terms-content h1 {
    font-size: 34px;
  }

  .terms-content h2 {
    font-size: 28px;
  }

  .terms-content h3 {
    font-size: 23px;
  }

  .terms-content p, .terms-content li {
    font-size: 15px;
    line-height: 1.75;
  }

  .terms-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .home-page-skin .skin-products {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 46px !important;
    padding-bottom: 54px !important;
  }

  .home-page-skin .section-head {
    margin-bottom: 26px;
  }

  .home-page-skin .section-title {
    font-size: clamp(30px, 9vw, 36px) !important;
    line-height: 1.04 !important;
  }

  .home-page-skin .section-copy {
    font-size: 15px;
    line-height: 1.7;
  }

  .home-page-skin .skin-products__slider {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home-page-skin .skin-products__item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home-page-skin .skin-product-card {
    max-width: 420px;
    margin: 0 auto;
  }

  .home-page-skin .skin-product-card__image-wrap {
    min-height: 230px !important;
    padding: 20px !important;
  }

  .home-page-skin .skin-product-card__image {
    max-height: 185px !important;
  }

  .home-page-skin .skin-product-card__content {
    padding: 22px 18px 24px !important;
  }

  .home-page-skin .skin-product-card__eyebrow {
    margin-bottom: 9px;
    font-size: 10px;
  }

  .home-page-skin .skin-product-card__content h3, .home-page-skin .skin-product-card__name {
    font-size: 26px !important;
    line-height: 1.05 !important;
  }

  .home-page-skin .skin-product-card__content > div:not([class]), .home-page-skin .skin-product-card__price {
    margin-bottom: 18px;
    padding: 7px 12px;
    font-size: 22px !important;
    color: var(--brand-primary-dark) !important;
  }

  .home-page-skin #products .slick-prev, .home-page-skin #products .slick-next, #products .slick-prev, #products .slick-next {
    top: 38%;
    width: 38px !important;
    height: 38px !important;
  }

  .home-page-skin #products .slick-prev, #products .slick-prev {
    left: 4px !important;
  }

  .home-page-skin #products .slick-next, #products .slick-next {
    right: 4px !important;
  }

  .clinic-btn {
    width: 100%;
  }

  .clinic-hero-studio {
    padding: 34px 14px 42px;
  }

  .clinic-hero-studio__content h1 {
    font-size: clamp(36px, 11vw, 48px);
    line-height: 0.98;
  }

  .clinic-hero-studio__content p {
    font-size: 15px;
    line-height: 1.7;
  }

  .clinic-hero-studio__actions {
    flex-direction: column;
    margin-bottom: 24px;
  }

  .clinic-hero-studio__proof {
    grid-template-columns: 1fr;
  }

  .clinic-hero-studio__visual {
    min-height: auto;
    gap: 12px;
  }

  .clinic-hero-studio__image--main {
    min-height: 260px;
    height: 68vw;
    max-height: 360px;
    border-radius: 24px;
  }

  .clinic-hero-studio__badge {
    left: 14px;
    right: 14px;
    bottom: 14px;
    max-width: none;
    border-radius: 18px;
  }

  .clinic-benefit-strip {
    padding: 0 14px 52px;
  }

  .clinic-benefit-strip__inner {
    margin-top: -18px;
    gap: 14px;
  }

  .clinic-benefit-strip article, .clinic-editorial-grid__cards article {
    padding: 24px 20px;
    border-radius: 22px;
  }

  .clinic-benefit-strip article h3, .clinic-editorial-grid__cards h3 {
    font-size: 30px;
  }

  .clinic-routine-panel, .clinic-editorial-grid {
    padding: 0 14px 54px;
  }

  .clinic-routine-panel__inner {
    border-radius: 26px;
  }

  .clinic-routine-panel__media {
    min-height: 260px;
  }

  .clinic-routine-panel__content {
    padding: 30px 22px 24px;
  }

  .clinic-routine-panel__content h2, .clinic-editorial-grid__head h2, .clinic-final-cta h2 {
    font-size: clamp(32px, 9vw, 40px);
    line-height: 1.03;
  }

  .clinic-routine-panel__content p, .clinic-editorial-grid__cards p, .clinic-benefit-strip article p {
    font-size: 15px;
    line-height: 1.7;
  }

  .clinic-editorial-grid__head {
    gap: 10px;
    margin-bottom: 24px;
  }

  .clinic-final-cta {
    padding: 0 14px 54px;
  }

  .clinic-final-cta__inner {
    padding: 30px 22px;
    border-radius: 24px;
  }
}
/* =========================================================
   PREMIUM SKINCARE INDEX + NAVBAR REDESIGN
   Use with index-premium.tpl and __navbar__premium.tpl
   ========================================================= */

.skin-luxe-home {
  background: #ffffff;
}

.luxe-header.headersec {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 18px 18px 0;
  background: transparent !important;
  transition: padding 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.luxe-header.headersec.sticky {
  position: fixed;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(143, 175, 139, 0.1);
  box-shadow: 0 14px 36px rgba(47, 58, 47, 0.06);
  backdrop-filter: blur(14px);
}

.luxe-nav-wrap {
  width: 100%;
}

.luxe-nav {
  width: min(100%, 1320px);
  min-height: 74px;
  margin: 0 auto;
  padding: 12px 14px 12px 22px;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(143, 175, 139, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 20px 50px rgba(47, 58, 47, 0.08);
  backdrop-filter: blur(16px);
}

.luxe-nav__logo {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 220px;
  text-decoration: none;
}

.luxe-nav__logo img,
.logo.luxe-nav__logo img {
  display: block;
  width: auto;
  max-width: 205px;
  max-height: 48px;
  object-fit: contain;
}

.luxe-nav__menu {
  justify-content: center;
  padding: 0 !important;
}

.luxe-nav__menu > ul,
.cmenu.luxe-nav__menu > ul {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.luxe-nav__menu ul li {
  display: inline-flex;
  margin: 0;
  padding: 0;
}

.luxe-nav__menu ul li a,
.cmenu.luxe-nav__menu ul li a {
  min-height: 42px;
  padding: 12px 15px;
  border: 0 !important;
  border-radius: 999px;
  background: transparent !important;
  color: var(--text-main) !important;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.22s ease, color 0.22s ease;
}

.luxe-nav__menu ul li a::after {
  display: none !important;
}

.luxe-nav__menu ul li.active a,
.luxe-nav__menu ul li a:hover,
.cmenu.luxe-nav__menu ul li.active a,
.cmenu.luxe-nav__menu ul li a:hover {
  color: var(--brand-primary) !important;
  background: var(--brand-primary-soft-2) !important;
}

.luxe-nav__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.luxe-nav__link {
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 999px;
  background: var(--brand-primary);
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(143, 175, 139, 0.16);
}

.luxe-nav__link:hover {
  background: var(--brand-primary-dark);
  color: #ffffff !important;
  text-decoration: none;
}

.luxe-nav__cart {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 8px 7px 14px;
  border: 1px solid rgba(143, 175, 139, 0.14);
  border-radius: 999px;
  background: #ffffff;
  color: var(--text-main) !important;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(47, 58, 47, 0.05);
}

.luxe-nav__cart:hover {
  border-color: rgba(143, 175, 139, 0.28);
  color: var(--text-main) !important;
  text-decoration: none;
}

.luxe-nav__cart-text {
  flex-direction: column;
  gap: 2px;
  text-align: right;
}

.luxe-nav__cart-text small {
  color: var(--text-muted);
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.luxe-nav__cart-text strong {
  color: var(--brand-primary);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.luxe-nav .cart-icon strong,
.luxe-nav__cart .cart-icon strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0 !important;
  border-radius: 50%;
  background: var(--brand-primary) !important;
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.luxe-nav .cart-icon strong::after {
  display: none !important;
}

.luxe-nav__toggle,
.rmenubar.luxe-nav__toggle {
  display: none;
  position: static;
  padding: 0;
  margin: 0;
  background: transparent;
}

.luxe-nav__toggle a {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(143, 175, 139, 0.14);
  border-radius: 50%;
  background: #ffffff;
  color: var(--brand-primary) !important;
  box-shadow: 0 12px 24px rgba(47, 58, 47, 0.06);
}

.luxe-mobile-menu,
.cmenu.luxe-mobile-menu {
  display: none;
  padding: 0 !important;
}

.luxe-mobile-menu > ul,
.cmenu.luxe-mobile-menu > ul {
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 94px 20px 28px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  list-style: none;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,248,242,0.98)) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  overflow-y: auto;
  backdrop-filter: blur(16px);
}

.luxe-mobile-menu > ul.navopen,
.cmenu.luxe-mobile-menu > ul.navopen {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.luxe-mobile-menu ul li {
  width: min(100%, 420px);
  margin: 0 auto;
}

.luxe-mobile-menu ul li a,
.cmenu.luxe-mobile-menu ul li a {
  width: 100%;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(143, 175, 139, 0.12) !important;
  border-radius: 18px;
  background: rgba(255,255,255,0.82) !important;
  color: var(--text-main) !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.luxe-mobile-menu .clsebtn {
  display: block;
  position: fixed;
  top: 22px;
  right: 22px;
  z-index: 10001;
}

.luxe-mobile-menu .clsebtn a {
  width: 46px;
  height: 46px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  background: #ffffff !important;
  border: 1px solid rgba(143, 175, 139, 0.14) !important;
  box-shadow: 0 14px 30px rgba(47, 58, 47, 0.08);
}

.luxe-mobile-menu .clsebtn svg {
  position: static;
  width: 20px;
  height: 20px;
  color: var(--text-main);
  opacity: 1;
  visibility: visible;
}

.luxe-home-main {
  overflow: hidden;
  background: #ffffff;
}

.luxe-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  color: var(--brand-primary);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.luxe-kicker::before {
  content: "";
  width: 34px;
  height: 1px;
  background: currentColor;
}

.luxe-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 28px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.luxe-btn:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

.luxe-btn--primary {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(143, 175, 139, 0.18);
}

.luxe-btn--primary:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
  color: #ffffff;
}

.luxe-btn--light {
  background: #ffffff;
  border-color: rgba(143, 175, 139, 0.16);
  color: var(--brand-primary);
  box-shadow: 0 14px 30px rgba(47, 58, 47, 0.06);
}

.luxe-btn--light:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary-dark);
}

.luxe-hero {
  position: relative;
  min-height: 760px;
  padding: 142px 20px 86px;
  background: radial-gradient(circle at 12% 18%, rgba(143, 175, 139, 0.12), transparent 26%),
    linear-gradient(135deg, #ffffff 0%, #FAF8F2 46%, #DDEAD7 100%);
}

.luxe-hero::after {
  content: "";
  position: absolute;
  left: -10%;
  bottom: -34%;
  width: 52vw;
  height: 52vw;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.52);
  pointer-events: none;
}

.luxe-hero__shell {
  position: relative;
  z-index: 2;
  width: min(100%, 1320px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(500px, 1.08fr);
  gap: 58px;
  align-items: center;
}

.luxe-hero__copy {
  max-width: 640px;
}

.luxe-hero__copy h1 {
  margin: 0 0 24px;
  color: var(--text-main);
  font-family: "Josefin Sans", serif;
  font-size: clamp(52px, 6.4vw, 92px);
  line-height: 0.92;
  font-weight: 600;
  letter-spacing: -0.055em;
}

.luxe-hero__copy p {
  max-width: 560px;
  margin: 0 0 32px;
  color: var(--text-soft);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.82;
}

.luxe-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.luxe-hero__media {
  position: relative;
  min-height: 600px;
}

.luxe-hero__photo {
  margin: 0;
  overflow: hidden;
  background: var(--brand-primary-soft);
  box-shadow: 0 28px 70px rgba(47, 58, 47, 0.14);
}

.luxe-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.luxe-hero__photo--main {
  position: absolute;
  top: 0;
  right: 0;
  width: 78%;
  height: 600px;
  border-radius: 42px;
}

.luxe-hero__photo--floating {
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 38%;
  height: 275px;
  border: 10px solid rgba(255, 255, 255, 0.88);
  border-radius: 999px 999px 30px 30px;
}

.luxe-hero__mini-card {
  position: absolute;
  left: 26px;
  top: 86px;
  max-width: 280px;
  padding: 18px 20px;
  border: 1px solid rgba(143, 175, 139, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 42px rgba(47, 58, 47, 0.1);
  backdrop-filter: blur(14px);
}

.luxe-hero__mini-card span,
.luxe-hero__mini-card strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.luxe-hero__mini-card span {
  margin-bottom: 7px;
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.luxe-hero__mini-card strong {
  color: var(--text-main);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.35;
}

.luxe-promise {
  padding: 0 20px 96px;
  background: #ffffff;
}

.luxe-promise__shell {
  position: relative;
  z-index: 3;
  width: min(100%, 1320px);
  margin: -42px auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.luxe-promise article,
.luxe-routine__grid article {
  padding: 30px 28px;
  border: 1px solid rgba(143, 175, 139, 0.12);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 46px rgba(47, 58, 47, 0.07);
}

.luxe-promise article span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--brand-primary-soft-2);
  color: var(--brand-primary);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.luxe-promise h3,
.luxe-routine__grid h3 {
  margin: 0 0 10px;
  color: var(--text-main);
  font-family: "Josefin Sans", serif;
  font-size: 34px;
  line-height: 1;
  font-weight: 600;
}

.luxe-promise p,
.luxe-routine__grid p {
  margin: 0;
  color: var(--text-soft);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.luxe-editorial {
  padding: 0 20px 106px;
  background: #ffffff;
}

.luxe-editorial__shell {
  width: min(100%, 1320px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(420px, 0.9fr) minmax(0, 1.1fr);
  gap: 66px;
  align-items: center;
}

.luxe-editorial__image {
  min-height: 560px;
  overflow: hidden;
  border-radius: 36px;
  background: var(--brand-primary-soft);
  box-shadow: 0 24px 64px rgba(47, 58, 47, 0.1);
}

.luxe-editorial__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.luxe-editorial__copy h2,
.luxe-routine__head h2,
.luxe-final h2 {
  margin: 0 0 22px;
  color: var(--text-main);
  font-family: "Josefin Sans", serif;
  font-size: clamp(40px, 4.8vw, 70px);
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.luxe-editorial__copy p {
  max-width: 620px;
  margin: 0 0 30px;
  color: var(--text-soft);
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 1.85;
}

.luxe-editorial__checks {
  display: grid;
  gap: 12px;
}

.luxe-editorial__checks div {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(143, 175, 139, 0.12);
}

.luxe-editorial__checks strong,
.luxe-editorial__checks span {
  font-family: "Inter", sans-serif;
  line-height: 1.5;
}

.luxe-editorial__checks strong {
  color: var(--text-main);
  font-size: 15px;
  font-weight: 900;
}

.luxe-editorial__checks span {
  color: var(--text-soft);
  font-size: 15px;
}

.luxe-routine {
  padding: 94px 20px 104px;
  background: linear-gradient(180deg, #FAF8F2 0%, #ffffff 100%);
}

.luxe-routine__shell {
  width: min(100%, 1320px);
  margin: 0 auto;
}

.luxe-routine__head {
  max-width: 740px;
  margin-bottom: 34px;
}

.luxe-routine__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.luxe-routine__grid article:nth-child(2) {
  background: var(--dark);
}

.luxe-routine__grid article:nth-child(2) h3,
.luxe-routine__grid article:nth-child(2) p,
.luxe-routine__grid article:nth-child(2) small {
  color: #ffffff;
}

.luxe-routine__grid small {
  display: block;
  margin-bottom: 18px;
  color: var(--brand-primary);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.skin-luxe-home .skin-products {
  padding-top: 96px;
  padding-bottom: 106px;
}

.luxe-final {
  padding: 0 20px 96px;
  background: #ffffff;
}

.luxe-final__shell {
  width: min(100%, 1320px);
  margin: 0 auto;
  padding: 46px 50px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  border-radius: 34px;
  background: linear-gradient(135deg, #FAF8F2 0%, #DDEAD7 54%, #ffffff 100%);
  border: 1px solid rgba(143, 175, 139, 0.12);
  box-shadow: 0 24px 58px rgba(47, 58, 47, 0.08);
}

.luxe-final h2 {
  max-width: 780px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .luxe-nav {
    grid-template-columns: 190px minmax(0, 1fr) auto;
  }

  .luxe-nav__menu ul li a {
    padding-left: 11px;
    padding-right: 11px;
    font-size: 11px;
  }

  .luxe-hero__shell {
    grid-template-columns: minmax(0, 0.9fr) minmax(430px, 1fr);
    gap: 36px;
  }

  .luxe-hero__photo--main {
    width: 82%;
  }

  .luxe-editorial__shell {
    grid-template-columns: 1fr 1fr;
    gap: 44px;
  }
}

@media (max-width: 991px) {
  .luxe-header.headersec,
  .luxe-header.headersec.sticky {
    padding: 12px 14px;
  }

  .luxe-nav {
    min-height: 62px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 9px 10px 9px 18px;
    border-radius: 26px;
  }

  .luxe-nav__logo img,
  .logo.luxe-nav__logo img {
    max-height: 42px;
  }

  .luxe-nav__toggle,
  .rmenubar.luxe-nav__toggle {
    display: inline-flex !important;
  }

  .luxe-mobile-menu,
  .cmenu.luxe-mobile-menu {
    display: block;
  }

  .luxe-hero {
    min-height: auto;
    padding: 116px 16px 64px;
  }

  .luxe-hero__shell,
  .luxe-editorial__shell,
  .luxe-final__shell {
    grid-template-columns: 1fr;
  }

  .luxe-hero__copy {
    max-width: 760px;
  }

  .luxe-hero__media {
    min-height: 520px;
  }

  .luxe-hero__photo--main {
    width: 84%;
    height: 520px;
  }

  .luxe-promise__shell,
  .luxe-routine__grid {
    grid-template-columns: 1fr;
  }

  .luxe-editorial,
  .luxe-routine,
  .luxe-final {
    padding-left: 16px;
    padding-right: 16px;
  }

  .luxe-editorial__image {
    min-height: 430px;
  }

  .luxe-final__shell {
    padding: 36px 30px;
    align-items: start;
  }
}

@media (max-width: 767px) {
  .luxe-header.headersec,
  .luxe-header.headersec.sticky {
    padding: 10px 12px;
  }

  .luxe-nav {
    border-radius: 20px;
  }

  .luxe-nav__logo img,
  .logo.luxe-nav__logo img {
    max-height: 38px;
    max-width: 165px;
  }

  .luxe-nav__cart {
    min-height: 42px;
    padding: 6px;
  }

  .luxe-nav .cart-icon strong,
  .luxe-nav__cart .cart-icon strong {
    width: 30px;
    height: 30px;
  }

  .luxe-nav__toggle a {
    width: 42px;
    height: 42px;
  }

  .luxe-hero {
    padding: 96px 14px 46px;
  }

  .luxe-kicker {
    font-size: 10px;
    letter-spacing: 0.12em;
  }

  .luxe-hero__copy h1 {
    font-size: clamp(40px, 12vw, 54px);
    line-height: 0.96;
  }

  .luxe-hero__copy p,
  .luxe-editorial__copy p {
    font-size: 15px;
    line-height: 1.7;
  }

  .luxe-hero__actions,
  .luxe-final__shell .luxe-btn {
    width: 100%;
  }

  .luxe-btn {
    width: 100%;
    min-height: 52px;
  }

  .luxe-hero__media {
    min-height: 350px;
  }

  .luxe-hero__photo--main {
    position: relative;
    width: 100%;
    height: 350px;
    border-radius: 28px;
  }

  .luxe-hero__photo--floating {
    display: none;
  }

  .luxe-hero__mini-card {
    left: 14px;
    right: 14px;
    top: auto;
    bottom: 14px;
    max-width: none;
    border-radius: 18px;
  }

  .luxe-promise {
    padding: 0 14px 54px;
  }

  .luxe-promise__shell {
    margin-top: -20px;
    gap: 14px;
  }

  .luxe-promise article,
  .luxe-routine__grid article {
    padding: 24px 20px;
    border-radius: 22px;
  }

  .luxe-promise h3,
  .luxe-routine__grid h3 {
    font-size: 30px;
  }

  .luxe-editorial {
    padding: 0 14px 54px;
  }

  .luxe-editorial__shell {
    gap: 28px;
  }

  .luxe-editorial__image {
    min-height: 300px;
    border-radius: 24px;
  }

  .luxe-editorial__copy h2,
  .luxe-routine__head h2,
  .luxe-final h2 {
    font-size: clamp(34px, 10vw, 44px);
    line-height: 1.02;
  }

  .luxe-editorial__checks div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .luxe-routine {
    padding: 52px 14px 56px;
  }

  .skin-luxe-home .skin-products {
    padding-top: 52px !important;
    padding-bottom: 58px !important;
  }

  .luxe-final {
    padding: 0 14px 58px;
  }

  .luxe-final__shell {
    padding: 28px 22px;
    border-radius: 24px;
  }
}

.skin-footer {
  overflow: hidden;
  background: var(--dark-3);
  color: #ffffff;
}

.skin-footer__shell {
  width: min(100%, 1320px);
  margin: 0 auto;
}

.skin-footer__top {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(190px, 0.55fr) minmax(280px, 0.8fr);
  gap: 54px;
  align-items: start;
  padding: 64px 20px 34px;
}

.skin-footer__logo-link {
  display: inline-flex;
  margin-bottom: 24px;
}

.skin-footer__logo {
  display: block;
  width: auto;
  max-width: 220px;
  height: auto;
}

.skin-footer p,
.skin-footer a,
.skin-footer li {
  font-family: "Inter", sans-serif;
}

.skin-footer__brand p,
.skin-footer__contact p,
.skin-footer__notice p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 15px;
  line-height: 1.78;
}

.skin-footer__brand p {
  max-width: 520px;
  font-size: 16px;
}

.skin-footer h4 {
  margin: 0 0 22px;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.skin-footer__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.skin-footer__nav li + li {
  margin-top: 12px;
}

.skin-footer__nav a,
.skin-footer__contact a {
  color: rgba(255, 255, 255, 0.84);
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
  transition: color 0.25s ease;
}

.skin-footer__nav a:hover,
.skin-footer__contact a:hover {
  color: #ffffff;
}

.skin-footer__company {
  margin-bottom: 10px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.skin-footer__contact a {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.skin-footer__contact i {
  width: 18px;
  color: var(--brand-primary-soft);
  text-align: center;
}

.skin-footer__cards {
  display: block;
  width: auto;
  max-width: 140px !important;
  height: auto;
  margin-top: 20px;
}

.skin-footer__notice {
  margin: 0 20px;
  padding: 24px 0 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.skin-footer__notice p {
  max-width: 1060px;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  line-height: 1.55;
}

.skin-footer__bottom {
  padding: 18px 20px 22px;
  background: #1F281F;
}

.skin-footer__bottom p {
  margin: 0;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
}



@media (max-width: 991px) {
  .skin-studio-footer,
  .skin-footer__top {
    grid-template-columns: 1fr 1fr;
  }

  .skin-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {


  .skin-footer__top {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 48px 16px 28px;
  }

  .skin-footer__logo {
    max-width: 190px;
  }

  .skin-footer__brand p,
  .skin-footer__contact p,
  .skin-footer__nav a,
  .skin-footer__contact a {
    font-size: 15px;
  }

  .skin-footer__notice {
    margin: 0 16px;
  }
}

.product-page-hero__product-name {
  max-width: 720px;
  margin: 12px 0 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.55;
  color: var(--text-soft);
}

.product-media-card {
  position: relative;
  overflow: hidden;
  align-items: stretch;
  background:
    radial-gradient(circle at 12% 0%, rgba(221, 234, 215, 0.72), transparent 34%),
    linear-gradient(180deg, var(--brand-primary-soft-2) 0%, #ffffff 100%);
  border: 1px solid rgba(228, 224, 214, 0.92);
}

.product-gallery-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 9px 15px;
  border: 1px solid rgba(143, 175, 139, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--brand-primary-dark);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: 0 12px 26px rgba(43, 43, 43, 0.08);
  backdrop-filter: blur(10px);
}

.site-product-gallery {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

.site-product-gallery:not(.slick-initialized) .site-product-gallery__slide + .site-product-gallery__slide {
  display: none;
}

.site-product-gallery .slick-list,
.site-product-gallery .slick-track {
  display: flex;
  align-items: stretch;
}

.site-product-gallery .slick-slide {
  height: auto;
}

.site-product-gallery .slick-slide > div,
.site-product-gallery__slide {
  height: 100%;
}

.site-product-gallery__slide {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 520px;
  padding: 56px 28px 38px;
}

.site-product-gallery__label {
  position: absolute;
  top: 62px;
  left: 18px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 7px 12px;
  border: 1px solid rgba(143, 175, 139, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  color: var(--brand-primary);
  font-family: "Inter", sans-serif;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.site-product-gallery .prd-dtl-1 {
  display: block;
  width: 100%;
  max-width: 430px;
  max-height: 470px;
  height: auto;
  object-fit: contain;
  padding-top: 0;
  filter: drop-shadow(0 18px 32px rgba(43, 43, 43, 0.1));
}

.site-product-gallery .slick-dots {
  position: static;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
}

.site-product-gallery .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}

.site-product-gallery .slick-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--brand-primary-soft);
  color: transparent;
  font-size: 0;
  transition: width 0.22s ease, background-color 0.22s ease, transform 0.22s ease;
}

.site-product-gallery .slick-dots button::before {
  display: none;
}

.site-product-gallery .slick-dots .slick-active button {
  width: 28px;
  background: var(--brand-primary);
}

.site-product-gallery .slick-prev,
.site-product-gallery .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 1px solid var(--brand-primary);
  border-radius: 50%;
  background: var(--brand-primary);
  color: #ffffff;
  z-index: 20;
  font-size: 0;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(143, 175, 139, 0.24);
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    opacity 0.25s ease,
    transform 0.25s ease;
}

.site-product-gallery .slick-prev:hover,
.site-product-gallery .slick-next:hover {
  background: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}

.site-product-gallery .slick-prev {
  left: -18px;
}

.site-product-gallery .slick-next {
  right: -18px;
}

.site-product-gallery .slick-prev::before,
.site-product-gallery .slick-next::before {
  content: "";
}

.site-product-gallery .slick-prev::after,
.site-product-gallery .slick-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
}

.site-product-gallery .slick-prev::after {
  content: "\f053";
}

.site-product-gallery .slick-next::after {
  content: "\f054";
}

.site-product-gallery .slick-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.ingredients-page-body {
  background: var(--bg-white);
  color: var(--text-main);
}

.ingredients-page-content {
  padding: 64px 20px 86px;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--brand-primary-soft-2) 100%);
}

.ingredients-page-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.ingredients-page-shell {
  display: block;
}

.ingredients-page-intro {
  position: relative;
  margin: 0 0 28px;
  padding: 32px;
  border: 1px solid var(--line-soft);
  border-radius: 5px;
  background:
    radial-gradient(circle at 8% 0%, rgba(221, 234, 215, 0.78), transparent 36%),
    linear-gradient(135deg, rgba(250, 248, 242, 0.98), rgba(255, 255, 255, 0.95));
  box-shadow: var(--shadow-soft);
}

.ingredients-page-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  color: var(--brand-primary);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ingredients-page-intro h2 {
  margin: 0;
  font-family: "Josefin Sans", serif;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.05;
  font-weight: 400;
  color: var(--text-main);
}

.ingredients-page-intro p {
  max-width: 720px;
  margin: 14px 0 0;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--text-soft);
}

.ingredients-image-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ingredients-image-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid var(--line-soft);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.ingredients-image-card:hover {
  transform: translateY(-3px);
  border-color: rgba(143, 175, 139, 0.42);
  box-shadow: var(--shadow-card);
}

.ingredients-image-card__header {
  padding: 24px 26px 18px;
  border-bottom: 1px solid var(--line-soft);
  background: linear-gradient(135deg, var(--brand-primary-soft-2), #ffffff);
}

.ingredients-image-card__header span {
  display: inline-flex;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ingredients-image-card__header h3 {
  margin: 0;
  font-family: "Josefin Sans", serif;
  color: var(--brand-primary-dark);
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.08;
  font-weight: 400;
}

.ingredients-image-card__media {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 430px;
  padding: 28px;
  background:
    radial-gradient(circle at 50% 16%, #ffffff 0, var(--brand-primary-soft-2) 42%, #ffffff 100%);
}

.ingredients-image-card__media img {
  display: block;
  width: 100%;
  max-width: 520px;
  max-height: 560px;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(43, 43, 43, 0.12));
}

@media (max-width: 1024px) {
  .site-product-gallery__slide {
    min-height: 440px;
  }

  .ingredients-image-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .product-media-card {
    min-height: auto;
    padding: 18px;
  }

  .site-product-gallery__slide {
    min-height: 330px;
    padding: 58px 10px 26px;
  }

  .site-product-gallery .prd-dtl-1 {
    max-height: 310px;
  }

  .product-gallery-badge {
    top: 14px;
    left: 14px;
    max-width: calc(100% - 28px);
    font-size: 10px;
  }

  .site-product-gallery__label {
    top: 56px;
    left: 14px;
  }

  .site-product-gallery .slick-prev,
  .site-product-gallery .slick-next {
    width: 44px;
    height: 44px;
  }

  .site-product-gallery .slick-prev {
    left: -6px;
  }

  .site-product-gallery .slick-next {
    right: -6px;
  }

  .ingredients-page-content {
    padding: 46px 16px 64px;
  }

  .ingredients-page-intro,
  .ingredients-image-card__header,
  .ingredients-image-card__media {
    padding: 22px;
  }

  .ingredients-image-card__media {
    min-height: 320px;
  }

  .ingredients-image-card__media img {
    max-height: 430px;
  }
}