.elementor-1113 .elementor-element.elementor-element-eeda2f5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d998297 *//* =========================================================
   SHS AYURVEDIC TREATMENT CATALOGUE
========================================================= */

.shs-therapy-catalogue,
.shs-therapy-catalogue *,
.shs-therapy-catalogue *::before,
.shs-therapy-catalogue *::after {
  box-sizing: border-box;
}


.shs-therapy-catalogue {
  width: 100%;

  padding:
    clamp(4.5rem, 7vw, 7rem)
    1.5rem;

  background: #fff;

  color:
    var(--color-text, #3f3b39);

  font-family: inherit;
}


.shs-therapy-catalogue__container {
  width: 100%;
  max-width: 1400px;

  margin-inline: auto;
}


/* =========================================================
   HEADER
========================================================= */

.shs-therapy-catalogue__header {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(18rem, 0.7fr);

  gap:
    clamp(2rem, 6vw, 5rem);

  align-items: end;

  margin-bottom: 2.7rem;
}


.shs-therapy-catalogue__eyebrow {
  display: flex;

  align-items: center;

  gap: 0.7rem;

  margin: 0 0 0.85rem;

  color:
    var(--color-orange, #cb7045);

  font-size: 0.67rem;
  font-weight: 700;

  letter-spacing: 0.13em;
  text-transform: uppercase;
}


.shs-therapy-catalogue__eyebrow::before {
  width: 1.9rem;
  height: 2px;

  background:
    var(--color-green, #0c6a50);

  content: "";
}


.shs-therapy-catalogue__heading h2 {
  margin: 0;

  color:
    var(--color-heading, #171514);

  font-size:
    clamp(2.7rem, 5vw, 4.3rem);

  font-weight: 600;
  line-height: 1;

  letter-spacing: -0.05em;
}


.shs-therapy-catalogue__heading h2 span {
  display: block;

  color:
    var(--color-green, #0c6a50);
}


.shs-therapy-catalogue__intro > p {
  margin: 0;

  color:
    var(--color-text-light, #68635f);

  font-size: 0.86rem;
  line-height: 1.8;
}


.shs-therapy-catalogue__intro
.shs-therapy-catalogue__intro-note {
  margin-top: 0.8rem;

  color:
    var(--color-text-muted, #7b7773);

  font-size: 0.68rem;
}


/* =========================================================
   OVERVIEW
========================================================= */

.shs-therapy-catalogue__overview {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  margin-bottom: 2rem;

  overflow: hidden;

  border:
    1px solid
    var(--color-border-light, #dfe6e2);

  border-radius: 18px;

  background: #ffffff;
}


.shs-therapy-catalogue__overview > span {
  display: flex;

  min-height: 92px;

  flex-direction: column;

  justify-content: center;

  padding: 1.2rem 1.4rem;

  border-right:
    1px solid
    var(--color-border-light, #dfe6e2);

  color:
    var(--color-text-muted, #7b7773);

  font-size: 0.67rem;
  line-height: 1.45;
}


.shs-therapy-catalogue__overview > span:last-child {
  border-right: 0;
}


.shs-therapy-catalogue__overview strong {
  display: block;

  margin-bottom: 0.2rem;

  color:
    var(--color-green, #0c6a50);

  font-size: 1rem;
  font-weight: 700;
}


/* =========================================================
   GROUP
========================================================= */

.shs-therapy-group {
  overflow: hidden;

  margin-bottom: 0.8rem;

  border:
    1px solid
    var(--color-border-light, #dfe6e2);

  border-radius: 18px;

  background: #ffffff;
}


.shs-therapy-group:last-of-type {
  margin-bottom: 0;
}


.shs-therapy-group__summary {
  display: flex;

  min-height: 100px;

  align-items: center;
  justify-content: space-between;

  gap: 2rem;

  padding:
    1.35rem
    1.5rem;

  cursor: pointer;

  list-style: none;

  transition:
    background 180ms ease;
}


.shs-therapy-group__summary::-webkit-details-marker {
  display: none;
}


.shs-therapy-group__summary:hover {
  background:
    var(--color-surface-soft, #f5f7f6);
}


.shs-therapy-group[open]
.shs-therapy-group__summary {
  background:
    var(--color-surface-green, #e4ece8);
}


/* =========================================================
   SUMMARY LEFT
========================================================= */

.shs-therapy-group__summary-left {
  display: flex;

  min-width: 0;

  align-items: center;

  gap: 1.1rem;
}


.shs-therapy-group__number {
  display: grid;

  width: 2.7rem;
  height: 2.7rem;

  flex: 0 0 2.7rem;

  place-items: center;

  border-radius: 50%;

  background:
    var(--color-surface-green, #e4ece8);

  color:
    var(--color-green, #0c6a50);

  font-size: 0.6rem;
  font-weight: 700;
}


.shs-therapy-group[open]
.shs-therapy-group__number {
  background:
    var(--color-green, #0c6a50);

  color: #ffffff;
}


.shs-therapy-group__summary-left small {
  display: block;

  margin-bottom: 0.25rem;

  color:
    var(--color-orange, #cb7045);

  font-size: 0.58rem;
  font-weight: 700;

  letter-spacing: 0.08em;
  text-transform: uppercase;
}


.shs-therapy-group__summary-left strong {
  display: block;

  color:
    var(--color-heading, #171514);

  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}


/* =========================================================
   SUMMARY RIGHT
========================================================= */

.shs-therapy-group__summary-right {
  display: flex;

  flex: 0 0 auto;

  align-items: center;

  gap: 1rem;
}


.shs-therapy-group__count {
  padding:
    0.5rem
    0.75rem;

  border-radius: 999px;

  background:
    var(--color-surface-soft, #f5f7f6);

  color:
    var(--color-text-muted, #7b7773);

  font-size: 0.61rem;
  font-weight: 600;
}


.shs-therapy-group[open]
.shs-therapy-group__count {
  background: #ffffff;

  color:
    var(--color-green, #0c6a50);
}


/* TOGGLE */

.shs-therapy-group__toggle {
  position: relative;

  display: block;

  width: 2rem;
  height: 2rem;

  border:
    1px solid
    var(--color-border-light, #dfe6e2);

  border-radius: 50%;

  background: #ffffff;
}


.shs-therapy-group__toggle::before,
.shs-therapy-group__toggle::after {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 9px;
  height: 1px;

  background:
    var(--color-green, #0c6a50);

  content: "";

  transform:
    translate(-50%, -50%);
}


.shs-therapy-group__toggle::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg);
}


.shs-therapy-group[open]
.shs-therapy-group__toggle::after {
  display: none;
}


/* =========================================================
   GROUP BODY
========================================================= */

.shs-therapy-group__body {
  border-top:
    1px solid
    var(--color-border-light, #dfe6e2);
}


.shs-therapy-group__intro {
  padding:
    1.1rem
    1.5rem;

  border-bottom:
    1px solid
    var(--color-border-light, #dfe6e2);
}


.shs-therapy-group__intro p {
  max-width: 760px;

  margin: 0;

  color:
    var(--color-text-light, #68635f);

  font-size: 0.71rem;
  line-height: 1.65;
}


/* =========================================================
   DESKTOP HEAD
========================================================= */

.shs-therapy-list__head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    150px
    110px;

  gap: 1rem;

  padding:
    0.75rem
    1.5rem;

  border-bottom:
    1px solid
    var(--color-border-light, #dfe6e2);

  background: #fafbfa;
}


.shs-therapy-list__head--benefits {
  grid-template-columns:
    minmax(0, 1.25fr)
    135px
    100px
    minmax(180px, 0.75fr);
}


.shs-therapy-list__head span {
  color:
    var(--color-text-muted, #7b7773);

  font-size: 0.57rem;
  font-weight: 700;

  letter-spacing: 0.08em;
  text-transform: uppercase;
}


/* =========================================================
   ITEM
========================================================= */

.shs-therapy-item {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    150px
    110px;

  gap: 1rem;

  align-items: center;

  min-height: 92px;

  padding:
    1.1rem
    1.5rem;

  border-bottom:
    1px solid
    var(--color-border-light, #dfe6e2);

  transition:
    background 160ms ease;
}


.shs-therapy-item:last-child {
  border-bottom: 0;
}


.shs-therapy-item:hover {
  background:
    var(--color-surface-soft, #f5f7f6);
}


.shs-therapy-item--benefits {
  grid-template-columns:
    minmax(0, 1.25fr)
    135px
    100px
    minmax(180px, 0.75fr);
}


/* =========================================================
   ITEM INFO
========================================================= */

.shs-therapy-item__info h3 {
  margin:
    0
    0
    0.28rem;

  color:
    var(--color-heading, #171514);

  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.45;
}


.shs-therapy-item__info p {
  margin: 0;

  color:
    var(--color-text-light, #68635f);

  font-size: 0.68rem;
  line-height: 1.55;
}


/* =========================================================
   DURATION
========================================================= */

.shs-therapy-item__duration small,
.shs-therapy-item__price small,
.shs-therapy-item__benefit small {
  display: none;
}


.shs-therapy-item__duration span {
  display: block;

  color:
    var(--color-text, #3f3b39);

  font-size: 0.69rem;
  font-weight: 600;
  line-height: 1.45;
}


.shs-therapy-item__duration em {
  display: block;

  margin-top: 0.2rem;

  color:
    var(--color-text-muted, #7b7773);

  font-size: 0.56rem;
  font-style: normal;
  line-height: 1.4;
}


/* =========================================================
   PRICE
========================================================= */

.shs-therapy-item__price strong {
  color:
    var(--color-green, #0c6a50);

  font-size: 0.9rem;
  font-weight: 700;
}


/* =========================================================
   BENEFIT
========================================================= */

.shs-therapy-item__benefit p {
  margin: 0;

  color:
    var(--color-text-light, #68635f);

  font-size: 0.65rem;
  line-height: 1.55;
}


/* =========================================================
   NOTICE
========================================================= */

.shs-therapy-catalogue__notice {
  display: grid;

  grid-template-columns:
    2rem
    minmax(0, 1fr);

  gap: 0.85rem;

  margin-top: 2rem;

  padding:
    1rem
    1.1rem;

  border-left:
    3px solid
    var(--color-orange, #cb7045);

  border-radius:
    0
    14px
    14px
    0;

  background: #ffffff;
}


.shs-therapy-catalogue__notice-icon {
  display: grid;

  width: 1.8rem;
  height: 1.8rem;

  place-items: center;

  border-radius: 50%;

  background:
    var(--color-surface-green, #e4ece8);

  color:
    var(--color-green, #0c6a50);

  font-size: 0.64rem;
  font-weight: 700;
}


.shs-therapy-catalogue__notice strong {
  display: block;

  margin-bottom: 0.25rem;

  color:
    var(--color-heading, #171514);

  font-size: 0.72rem;
}


.shs-therapy-catalogue__notice p {
  max-width: 900px;

  margin: 0;

  color:
    var(--color-text-muted, #7b7773);

  font-size: 0.65rem;
  line-height: 1.65;
}


/* =========================================================
   FINAL CTA
========================================================= */

.shs-therapy-catalogue__cta {
  display: grid;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(260px, 0.8fr);

  gap:
    clamp(2rem, 5vw, 5rem);

  align-items: center;

  margin-top:
    clamp(3rem, 6vw, 5rem);

  padding:
    clamp(2rem, 4vw, 3.3rem);

  border-radius: 26px;

  background:
    var(--color-green, #0c6a50);

  color: #ffffff;
}


.shs-therapy-catalogue__cta-eyebrow {
  margin:
    0
    0
    0.7rem;

  color: #f1c4af;

  font-size: 0.63rem;
  font-weight: 700;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}


.shs-therapy-catalogue__cta h3 {
  margin: 0;

  color: #ffffff;

  font-size:
    clamp(2rem, 3.4vw, 2.8rem);

  font-weight: 600;
  line-height: 1.06;

  letter-spacing: -0.04em;
}


.shs-therapy-catalogue__cta h3 span {
  display: block;

  color: #dbeae5;
}


.shs-therapy-catalogue__cta-content > p:last-child {
  max-width: 650px;

  margin:
    1rem
    0
    0;

  color:
    rgba(255,255,255,0.76);

  font-size: 0.77rem;
  line-height: 1.75;
}


/* =========================================================
   CTA ACTIONS
========================================================= */

.shs-therapy-catalogue__cta-actions {
  display: grid;

  gap: 0.7rem;
}


.shs-therapy-catalogue__button {
  display: flex;

  min-height: 52px;

  align-items: center;
  justify-content: center;

  gap: 0.65rem;

  padding:
    0.8rem
    1rem;

  border-radius: 999px;

  font-size: 0.73rem;
  font-weight: 700;

  text-decoration: none !important;
}


.shs-therapy-catalogue__button svg {
  width: 1rem;
  height: 1rem;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
}


.shs-therapy-catalogue__button--primary {
  background: #ffffff;

  color:
    var(--color-green, #0c6a50) !important;
}


.shs-therapy-catalogue__button--secondary {
  border:
    1px solid rgba(255,255,255,0.25);

  background:
    rgba(255,255,255,0.08);

  color: #ffffff !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .shs-therapy-catalogue__header,
  .shs-therapy-catalogue__cta {
    grid-template-columns: 1fr;
  }


  .shs-therapy-catalogue__overview {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .shs-therapy-catalogue__overview > span:nth-child(2) {
    border-right: 0;
  }


  .shs-therapy-catalogue__overview > span:nth-child(-n+2) {
    border-bottom:
      1px solid
      var(--color-border-light, #dfe6e2);
  }


  .shs-therapy-list__head,
  .shs-therapy-list__head--benefits {
    display: none;
  }


  .shs-therapy-item,
  .shs-therapy-item--benefits {
    grid-template-columns:
      minmax(0, 1fr)
      140px
      90px;
  }


  .shs-therapy-item__benefit {
    grid-column: 1 / -1;
  }


  .shs-therapy-item__benefit small {
    display: block;

    margin-bottom: 0.25rem;

    color:
      var(--color-orange, #cb7045);

    font-size: 0.55rem;
    font-weight: 700;

    letter-spacing: 0.07em;
    text-transform: uppercase;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .shs-therapy-catalogue {
    padding:
      3.75rem
      1rem;
  }


  .shs-therapy-catalogue__heading h2 {
    font-size: 2.35rem;
  }


  /* OVERVIEW */

  .shs-therapy-catalogue__overview {
    grid-template-columns: 1fr 1fr;
  }


  .shs-therapy-catalogue__overview > span {
    min-height: 80px;

    padding: 1rem;
  }


  /* GROUP */

  .shs-therapy-group__summary {
    min-height: 90px;

    gap: 0.8rem;

    padding:
      1.1rem
      1rem;
  }


  .shs-therapy-group__number {
    width: 2.4rem;
    height: 2.4rem;

    flex-basis: 2.4rem;
  }


  .shs-therapy-group__summary-left {
    gap: 0.75rem;
  }


  .shs-therapy-group__summary-left strong {
    font-size: 0.86rem;
  }


  .shs-therapy-group__count {
    display: none;
  }


  /* ITEMS */

  .shs-therapy-item,
  .shs-therapy-item--benefits {
    grid-template-columns:
      minmax(0, 1fr)
      auto;

    gap:
      1rem
      0.8rem;

    padding:
      1.2rem
      1rem;
  }


  .shs-therapy-item__info {
    grid-column: 1 / -1;
  }


  .shs-therapy-item__duration,
  .shs-therapy-item__price {
    padding-top: 0.75rem;

    border-top:
      1px dashed
      var(--color-border-light, #dfe6e2);
  }


  .shs-therapy-item__duration small,
  .shs-therapy-item__price small {
    display: block;

    margin-bottom: 0.2rem;

    color:
      var(--color-text-muted, #7b7773);

    font-size: 0.53rem;
    font-weight: 700;

    letter-spacing: 0.07em;
    text-transform: uppercase;
  }


  .shs-therapy-item__price {
    text-align: right;
  }


  .shs-therapy-item__benefit {
    grid-column: 1 / -1;

    padding:
      0.7rem
      0.8rem;

    border-radius: 9px;

    background:
      var(--color-surface-orange, #f7ebe5);
  }


  /* CTA */

  .shs-therapy-catalogue__cta {
    margin-top: 3rem;

    padding: 1.5rem;

    border-radius: 20px;
  }


  .shs-therapy-catalogue__cta h3 {
    font-size: 2rem;
  }

}/* End custom CSS */