/* ZENITH SPA · INDEX price-free massage offer. Loaded after the master HOME styles. */
.page-home .home-offer-card--massage {
  margin-top: 14px;
  position: relative;
  isolation: isolate;
  min-height: 148px;
  padding: 24px 32px;
  background: linear-gradient(110deg, #304938 0%, #254233 62%, #203a2e 100%);
  border-color: #a49b73;
  box-shadow: 0 7px 22px rgba(26, 54, 37, .12);
}
.page-home .home-offer-card--massage::after {
  z-index: -1;
  border-color: rgba(232, 212, 162, .23);
}
.page-home .home-offer-card--massage .home-offer-icon--massage {
  color: #e7d39f;
  border-color: rgba(219, 191, 126, .54);
}
.page-home .home-offer-card--massage .home-offer-icon--massage svg {
  width: 48px;
  height: 46px;
}
.page-home .home-offer-card--massage .home-offer-copy--massage > span {
  display: block;
  color: #ead6a8;
  letter-spacing: .14em;
  font-size: 11px;
  font-weight: 600;
}
.page-home .home-offer-card--massage .home-offer-copy--massage h2 {
  margin: 12px 0 0;
  color: #fff9ef;
  font-size: clamp(23px, 2.6vw, 31px);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.4;
  max-width: 750px;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.page-home .home-offer-card--massage .home-offer-arrow {flex: none;}
.page-home .home-offer-card--massage:focus-visible {
  outline: 3px solid #e7ce91;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .page-home .home-offer-card--massage {
    margin-top: 10px;
    min-height: 128px;
    padding: 22px 16px;
    gap: 12px;
    align-items: center;
  }
  .page-home .home-offer-card--massage .home-offer-icon--massage {
    flex: 0 0 45px;
    width: 45px;
    height: 48px;
    margin: 0;
  }
  .page-home .home-offer-card--massage .home-offer-icon--massage svg {width: 31px;height: 31px;}
  .page-home .home-offer-card--massage .home-offer-copy--massage {
    padding-right: 18px;
  }
  .page-home .home-offer-card--massage .home-offer-copy--massage > span {
    font-size: 9px;
    letter-spacing: .07em;
  }
  .page-home .home-offer-card--massage .home-offer-copy--massage h2 {
    font-size: clamp(18px, 4.5vw, 23px);
    margin: 8px 0 0;
    line-height: 1.48;
  }
  .page-home .home-offer-card--massage .home-offer-arrow {right: 13px;bottom: 13px;}
}
@media (max-width: 359px) {
  .page-home .home-offer-card--massage {padding: 19px 13px;gap: 9px;}
  .page-home .home-offer-card--massage .home-offer-icon--massage {flex-basis: 39px;width: 39px;height: 43px;}
  .page-home .home-offer-card--massage .home-offer-copy--massage {padding-right: 12px;}
  .page-home .home-offer-card--massage .home-offer-copy--massage h2 {font-size: 17px;}
}