/** Shopify CDN: Minification failed

Line 579:18 Unexpected "{"
Line 579:27 Expected ":"
Line 1843:18 Unexpected "{"
Line 1843:27 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:ara-footer (INDEX:4) */
.ara-footer {
    width: 100%;
    color: rgb(var(--color-foreground));
  }

  .ara-footer__inner {
    width: min(calc(100% - 40px), 1560px);
    margin: 0 auto;
  }

  .ara-footer__top {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) auto;
    align-items: start;
    gap: 80px;
    padding-bottom: 50px;
    padding-left: 0px;
  }

  .ara-footer__brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .ara-footer__logo-link {
    display: inline-flex;
    line-height: 0;
    text-decoration: none;
  }

  .ara-footer__logo {
    display: block;
    width: var(--ara-footer-logo-width);
    height: auto;
    object-fit: contain;
  }

  .ara-footer__title {
    margin: 25px 0 0;
    color: #060506;
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -3%;
  }

  .ara-footer__email {
    display: inline-block;
    margin-top: 8px;
    color: #ED6D8A;
    font-family: var(--font-body-family);
    font-size: 16px;
    font-style: italic;
    line-height: 1.4;
    text-decoration: none;
    transition: opacity 0.2s ease;
    font-weight: 400;
    letter-spacing: -1%;
  }

  .ara-footer__email:hover {
    color: var(--ara-footer-email);
    opacity: 0.75;
  }

  .ara-footer__navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    column-gap: 160px;
    padding-top: 10px;
    max-width: 549px;
  }

  .ara-footer__menu-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 1px;
  }

  .ara-footer__menu-item {
    margin: 0;
    padding: 0;
  }

  .ara-footer__menu-link {
    display: inline-block;
    color: #060506;
    font-family: var(--font-body-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
    transition: opacity 0.2s ease;
    letter-spacing: -1%;
  }

  .ara-footer__menu-link:hover,
  .ara-footer__menu-link--active {
    color: rgb(var(--color-foreground));
    opacity: 0.65;
  }

  .ara-footer__divider {
    width: 100%;
    height: 1px;
    background: rgba(237, 109, 138, 0.2);
    display: block !important;
  }

  .ara-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding-top: 31px;
  }

  .ara-footer__copyright {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    color: #060506;
    font-family: var(--font-body-family);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: -1%;
    padding-left: 5px;
  }

  .ara-footer__powered-by a {
    color: inherit;
    text-decoration: none;
  }

  .ara-footer__powered-by a:hover {
    text-decoration: underline;
  }

  .ara-footer__payment-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 27px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ara-footer__payment-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 29px;
    margin: 0;
    padding: 0;
    line-height: 0;
  }

  .ara-footer__payment-item svg {
    display: block;
    width: 43px;
    height: 29px;
  }

  @media screen and (max-width: 1100px) and (min-width: 750px) {
    .ara-footer__navigation {
      column-gap: 70px;
    }
  }

  @media screen and (max-width: 749px) {
    .ara-footer__inner {
      width: calc(100% - 54px);
    }

    .ara-footer__top {
      display: block;
      padding-bottom: 19px;
    }

    .ara-footer__logo {
      width: var(--ara-footer-logo-width-mobile);
    }

    .ara-footer__title {
      margin-top: 25px;
      font-size: 18px;
      line-height: 1.25;
    }

    .ara-footer__email {
      margin-top: 10px;
      font-size: 14px;
    }

    .ara-footer__navigation {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 30px;
      padding-top: 35px;
    }

    .ara-footer__menu-list {
      gap: 7px;
    }

    .ara-footer__menu-link {
      font-size: 14px;
      line-height: 1.35;
    }

    .ara-footer__bottom {
      flex-direction: column;
      gap: 16px;
      padding-top: 24px;
    }

    .ara-footer__payments {
      order: 1;
      width: 100%;
    }

    .ara-footer__copyright {
      order: 2;
      justify-content: center;
      width: 100%;
      gap: 3px;
      font-size: 12px;
      text-align: center;
      padding-left: 0;
      letter-spacing: -0.2px;
    }

    .ara-footer__payment-list {
              gap: inherit;
        width: 290px;
        margin: auto;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .ara-footer__payment-item,
    .ara-footer__payment-item svg {
      width: 42px;
      height: 28px;
    }
  }

  @media screen and (max-width: 410px) {
    .ara-footer__inner {
      width: calc(100% - 40px);
              padding: 0px 18px !important;
    }

    .ara-footer__navigation {
      column-gap: 20px;
    }

    .ara-footer__payment-list {
      gap: 10px;
    }

    .ara-footer__payment-item,
    .ara-footer__payment-item svg {
      width: 35px;
      height: 24px;
    }
  }
  .ara-footer__social-links {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.ara-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: #FDE9F0;
  color: #ED6D8A;
  text-decoration: none;
  transition: all 0.2s ease;
}

.ara-footer__social-link svg {
  display: block;
  width: 18px;
  height: 18px;
}

.ara-footer__social-link:hover {
  background: #ED6D8A;
  color: #fff;
  opacity: 1;
}

@media screen and (max-width: 749px) {
  .ara-footer__social-links {
    margin-top: 11px;
    gap: 9px;
  }

  .ara-footer__social-link {
    width: 29px;
    height: 29px;
    border-radius: 7px;
  }

  .ara-footer__social-link svg {
    width: 17px;
    height: 17px;
  }
}
/* END_SECTION:ara-footer */

/* START_SECTION:contact-form (INDEX:16) */
.contact-success {
    text-align: center;
    padding: 2rem 1rem;
  }

  .contact-success__text {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    font-family: var(--font-body-family);
    color: #2D2D2D;
    margin: 0 0 1.25rem;
  }

  .contact-success__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #fff5f8 0%, #ffffff 100%);
    border-radius: 50%;
    color: #e8a0b5;
    box-shadow: inset 0 0 10px 3px rgba(232, 160, 181, 0.3), 0 0 8px 3px rgba(232, 160, 181, 0.5), 0 0 28px 12px rgba(232, 160, 181, 0.15);
  }
/* END_SECTION:contact-form */

/* START_SECTION:gated-article (INDEX:26) */
.gated-article__zodiac-badge {
    display: inline-block;
    background-color: #E8A0B5;
    color: #FFFFFF;
    padding: 0.25rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
  }

  .gated-article__teaser {
    position: relative;
  }

  .gated-article__excerpt {
    position: relative;
    max-height: 300px;
    overflow: hidden;
  }

  .gated-article__fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
  }

.blogs-content-block {
    background: unset !important;
    padding-bottom: 50px;
}

a.button.blog-yearly-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 16px 32px;
    color: #ffffff;
    background-image: linear-gradient(90deg, #EE97AB 0%, #FFAEC7 100%) !important;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(237, 109, 138, 0.16);
    font-family: var(--font-body-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
}
h1.article-template__title {
    font-weight: 500;
    line-height: normal;
    letter-spacing: -5%;
    color: #060506;
    text-align: center;
}
.article-template__content.rte.gated-article__excerpt {
    color: #060506;
    font-size: 20px;
    margin-bottom: 45px;
}

.button-block {
    text-align: center;
}
.blogs-title {
    margin-top: 80px !important;
}



@media (max-width: 700px) {
    .article-template__content.rte.gated-article__excerpt {
        font-size: 16px !important;
    }

    h1.article-template__title {
    text-align: left;
}

.blogs-title {
    margin-top: 40px !important;
}
.blogs-content-block {
    padding-bottom: 0px;
}

a.button.blog-yearly-button {
    min-height: 44px;
    font-size: 14px;
    width: 100%;
}

.page-width {
    padding: 0px 24px !important;
}
}
/* END_SECTION:gated-article */

/* START_SECTION:header (INDEX:27) */
/* ===== Account Profile Dropdown ===== */
  .header__account-wrapper {
    position: relative;
  }

  .header__account-dropdown {
    position: absolute;
    top: calc(100% + 17px);
    right: -3px;
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.13);
    padding: 1.25rem 1.25rem 1rem;
    min-width: 190px;
    z-index: 200;
    text-align: center;
  }

  /* speech-bubble pointer */
  .header__account-dropdown::before {
    content: '';
    position: absolute;
    top: -7px;
    right: 18px;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    transform: rotate(45deg);
    border-radius: 2px;
    box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.04);
  }

  .header__account-dropdown-greeting {
    font-size: calc(var(--font-body-scale) * 1.1rem);
    font-family: var(--font-body-family);
    color: #2D2D2D;
    margin: 0 0 1rem;
    line-height: 1.45;
  }

  .header__account-dropdown-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .header__account-dropdown-btn {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    /* background: linear-gradient(270deg, #f7c6d0 0%, rgb(var(--color-button)) 100%); */
    background: linear-gradient(270deg, #EEC5CD 0%, #E0ADB9 100%);
    color: #ffffff !important;
    font-size: calc(var(--font-body-scale) * 1.1rem);
    font-family: var(--font-body-family);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none !important;
    border-radius: 20px;
    transition: all 0.3s ease;
  }
  .logoutBtn {
    color: #2d2d2d;
    font-size: calc(var(--font-body-scale) * 1.1rem);
    text-decoration: none;
    display: flex;      
    align-items: center;
    justify-content: center;
    gap: 6px;
  }
  .logoutBtn svg {
    width: 16px;
    height: auto;
  }

  /* .header__account-dropdown-btn:hover {
    background: linear-gradient(100deg, #f7c6d0 0%, rgb(var(--color-button)) 100%);
    color: #ffffff !important;
    transform: scale(1.05);
  } */
/* END_SECTION:header */

/* START_SECTION:main-blog-horoscope-yearly (INDEX:38) */
section#horoscope-yearly-purchase h2 span {
    color: #ed6d8a;
}

.ara-zodiac-yearly-page footer.ara-footer {
    padding-top: 0px !important;
}

.ara-zodiac-offer__agreement {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}

#AraZodiacYearly-{{ section.id }} .ara-yearly-purchase-note {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: var(--ara-body-color);
  text-align: center;
}

.ara-zodiac-offer__agreement-checkbox {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  flex-shrink: 0;
  accent-color: var(--ara-accent);
  
}

.ara-zodiac-offer__agreement a {
  color: #2b272b;
  text-decoration: underline;
}

.ara-zodiac-offer__button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}
  .ara-zodiac-yearly .ara-zodiac-benefits__card p{
     letter-spacing: -1%;
     font-size: 16px !important;
}
  
  .ara-zodiac-yearly,
  .ara-zodiac-yearly * {
    box-sizing: border-box;
  }

  .ara-zodiac-yearly {
    overflow: hidden;
    color: var(--ara-body-color);
  }

  .ara-zodiac-yearly .main-blog-horoscope {
    width: 100%;
    max-width: calc(var(--ara-content-width-desktop) + (var(--ara-side-padding-mobile) * 2));
    margin: 0 auto;
    padding-right: var(--ara-side-padding-mobile);
    padding-left: var(--ara-side-padding-mobile);
  }

  .ara-zodiac-yearly .horoscope-header {
    padding: 10px 0 12px;
    text-align: center;
  }

  .ara-zodiac-yearly .horoscope-header__icon {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 0 12px;
    color: var(--ara-heading-color);
    background: #ffffff;
    border: 0;
    border-radius: 50%;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.98),
      0 0 18px rgba(237, 109, 138, 0.13),
      0 0 36px rgba(237, 109, 138, 0.11);
    isolation: isolate;
  }

  .ara-zodiac-yearly .horoscope-header__icon::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: -24px;
    border-radius: 50%;
   
    filter: blur(8px);
    pointer-events: none;
  }

  .ara-zodiac-yearly .horoscope-header__icon svg {
    display: block;
    width: 38px;
    height: 38px;
    max-width: 38px;
    max-height: 38px;
  }

  .ara-zodiac-yearly .horoscope-header__icon-image {
    display: block;
    width: 38px;
    height: 38px;
    max-width: 38px;
    max-height: 38px;
    object-fit: contain;
  }

  .ara-zodiac-yearly .horoscope-header__title-row {
    display: grid;
    grid-template-columns: minmax(0, 112px) auto minmax(0, 112px);
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    width: 100%;
    margin: 0 0 6px;
  }

  .ara-zodiac-yearly .horoscope-header__title {
    margin: 0;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-title-size-mobile);
    font-style: var(--font-heading-style);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.035em;
    text-align: center;
    white-space: nowrap;
  }

  .ara-zodiac-yearly .horoscope-header__title-line {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4px;
    overflow: hidden;
  }

  .ara-zodiac-yearly .horoscope-header__title-line--left {
    justify-content: flex-end;
  }

  .ara-zodiac-yearly .horoscope-header__title-line--right {
    justify-content: flex-start;
  }

  .ara-zodiac-yearly .horoscope-header__title-line-svg {
    display: block;
    flex: 0 0 auto;
    max-width: none;
  }

  .ara-zodiac-yearly .horoscope-header__title-line--left .horoscope-header__title-line-svg {
    transform: scaleX(-1);
    transform-origin: center;
  }

  .ara-zodiac-yearly .horoscope-header__title-line-svg--desktop {
    display: none;
  }

  .ara-zodiac-yearly .horoscope-header__title-line-svg--mobile {
    width: 112px;
    height: 4px;
  }

  .ara-zodiac-yearly .horoscope-header__dates {
    margin: 0;
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    font-style: var(--font-body-style);
    font-weight: 400;
    line-height: 1.4;
  }

  .ara-zodiac-yearly .horoscope-tabs {
    width: calc(100% + var(--ara-side-padding-mobile));
    margin: 10px 0 16px;
    overflow: hidden;
  }

  .ara-zodiac-yearly .horoscope-tabs__scroll {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 5px;
    width: 100%;
    padding: 4px var(--ara-side-padding-mobile) 5px 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ara-zodiac-yearly .horoscope-tabs__scroll::-webkit-scrollbar {
    display: none;
  }

  .horoscope-article__content.rte span {
    font-size: 20px !important;
    letter-spacing: -1%;
    line-height: normal;
}

  .ara-zodiac-yearly .horoscope-tabs__tab {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 28px;
    padding: 0 9px;
    color: var(--ara-tab-color);
    background: transparent;
    border: 1px solid var(--ara-tab-color);
    border-radius: 999px;
    font-family: var(--font-body-family);
    font-size: 18px;
    font-style: var(--font-body-style);
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .ara-zodiac-yearly .horoscope-tabs__tab:hover {
    color: var(--ara-accent);
    background: #fff2f6;
    border-color: var(--ara-accent);
  }

  .ara-zodiac-yearly .horoscope-tabs__tab--active,
  .ara-zodiac-yearly .horoscope-tabs__tab--active:hover {
    color: var(--ara-accent);
    background: #ffe6ee;
    border-color: transparent;
    font-weight: 500;
    padding: 9px 15px !important;
  }

  .ara-zodiac-yearly .horoscope-year-nav {
    margin: 0 0 16px;
  }

  .ara-zodiac-yearly .horoscope-year-nav__container,
  .ara-zodiac-yearly .horoscope-year-nav__scroll {
    display: flex;
    align-items: center;
  }

  .ara-zodiac-yearly .horoscope-year-nav__scroll {
    flex: 1;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .ara-zodiac-yearly .horoscope-year-nav__scroll::-webkit-scrollbar {
    display: none;
  }

  .ara-zodiac-yearly .horoscope-year-nav__tab {
    position: relative;
    padding: 8px 0 10px;
    color: var(--ara-heading-color);
    background: transparent;
    border: 0;
    font-family: var(--font-body-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
  }

  .ara-zodiac-yearly .horoscope-year-nav__tab--active {
    font-weight: 500;
  }

  .ara-zodiac-yearly .horoscope-year-nav__tab--active::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #FFA0BE;
  }

  .ara-zodiac-yearly .horoscope-year-nav__arrow {
    display: none !important;
  }

  .ara-zodiac-yearly .horoscope-content {
    margin: 0;
  }

  .ara-zodiac-yearly .horoscope-article {
    display: flex;
    flex-direction: column;
    min-height: 122px;
    padding: 16px;
    overflow: hidden;
    color: var(--ara-body-color);
    background: var(--ara-card-bg);
    border: 0;
    border-radius: 24px;
    box-shadow: 0 10px 34px rgba(237, 109, 138, 0.08);
  }


  .ara-zodiac-yearly .horoscope-article:not(:first-child) {
    margin-top: 14px;
  }

  .ara-zodiac-yearly .horoscope-article__content {
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    line-height: 1.6;
  }

  .ara-zodiac-yearly .horoscope-article__content > :first-child {
    margin-top: 0;
  }

  .ara-zodiac-yearly .horoscope-article__content > :last-child {
    margin-bottom: 0;
  }

  .ara-zodiac-yearly .horoscope-article__content h2,
  .ara-zodiac-yearly .horoscope-article__content h3,
  .ara-zodiac-yearly .horoscope-article__content h4 {
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-weight: 500;
  }

  .ara-zodiac-yearly .horoscope-article__meta {
    display: none;
  }

  .ara-zodiac-yearly .horoscope-cta-button {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 45px 0 0;
    padding: 0;
  }

  .ara-zodiac-yearly .horoscope-cta-button__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 18px;
    color: #ffffff;
    background: linear-gradient(100deg, #ef91ab 0%, #ffa0c2 100%);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(237, 109, 138, 0.16);
    font-family: var(--font-body-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
  }

  .ara-zodiac-yearly .horoscope-cta-button__btn:hover {
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(237, 109, 138, 0.24);
  }

  .ara-zodiac-yearly .ara-zodiac-benefits {
    margin-top: 42px;
  }

  .ara-zodiac-yearly .ara-zodiac-benefits__heading-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    justify-items: center;
    gap: 0;
    margin-bottom: 24px;
  }

  .ara-zodiac-yearly .ara-zodiac-benefits__line {
    display: none;
  }

  .ara-zodiac-yearly .ara-zodiac-benefits__line svg {
    display: block;
    width: 100%;
    height: 4px;
  }

  span.ara-zodiac-benefits__line.ara-zodiac-benefits__line--left {
    transform: scaleX(-1);
}

  .ara-zodiac-yearly .ara-zodiac-benefits__title {
    display: block;
    max-width: none;
    margin: 0;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: 24px;
    font-style: var(--font-heading-style);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.05em;
    text-align: center;
  }

  .ara-zodiac-yearly .ara-zodiac-benefits__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .ara-zodiac-yearly .ara-zodiac-benefits__card {
    display: flex;
    min-height: var(--ara-benefit-height-mobile);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 18px;
    text-align: center;
    background: var(--ara-card-bg);
    border-radius: 24px;
    box-shadow: 0 10px 34px rgba(237, 109, 138, 0.08);
  }

  .ara-zodiac-yearly .ara-zodiac-benefits__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height:56px;
    margin-bottom: 24px;
    color: var(--ara-accent);
    background: #ffeaf0;
    border-radius: 50%;
  }

  .ara-zodiac-yearly .ara-zodiac-benefits__icon svg,
  .ara-zodiac-yearly .ara-zodiac-benefits__icon-image {
    display: block;
    object-fit: contain;
  }

  .ara-zodiac-benefits__icon svg {
    width: auto !important;
    height: auto !important;
}

  .ara-zodiac-yearly .ara-zodiac-benefits__card h3 {
    margin: 0 0 8px;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: calc(var(--ara-body-size-mobile) + 2px);
    font-weight: 500;
    line-height: 1.25;
  }

  .ara-zodiac-yearly .ara-zodiac-benefits__card p {
    margin: 0;
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    line-height: 1.25;
  }
  .ara-zodiac-benefits .ara-zodiac-benefits__grid a{
    text-decoration: none !important;
  }

  .ara-zodiac-yearly .ara-zodiac-offer {
    width: var(--ara-offer-width-mobile);
    max-width: 100%;
    margin: var(--ara-offer-margin-mobile) auto 0;
    overflow: hidden;
    color: var(--ara-body-color);
    background: var(--ara-offer-bg);
    border-radius: var(--ara-offer-radius-mobile);
    box-shadow: 0 14px 42px color-mix(in srgb, var(--ara-accent) var(--ara-offer-shadow), transparent);
    scroll-margin-top: 80px;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__header {
    padding: var(--ara-offer-header-padding-mobile) var(--ara-offer-content-padding-mobile);
    text-align: center;
    border-bottom: 4px solid #FDF2F8;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__header h2 {
    margin: 0 0 10px;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -0.03em;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__header p {
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-offer-desc-mobile);
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -1%;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding:
      var(--ara-offer-content-padding-mobile)
      var(--ara-offer-content-padding-mobile)
      6px;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__feature {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--ara-heading-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-offer-feature-mobile);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -1%;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__feature > span:last-child {
    min-width: 0;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ara-offer-icon-mobile);
    height: var(--ara-offer-icon-mobile);
    overflow: hidden;
    color: var(--ara-accent);
    background: var(--ara-offer-icon-bg);
    border-radius: 7px;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__feature-icon svg,
  .ara-zodiac-yearly .ara-zodiac-offer__feature-image {
    display: block;
    width: 62%;
    height: 62%;
    object-fit: contain;
  }


  .ara-zodiac-yearly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon,
  .ara-zodiac-yearly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon {
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
  }

  .ara-zodiac-yearly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--sparkle,
  .ara-zodiac-yearly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--sparkle {
    width: 19px;
    height: 19px;
  }

  .ara-zodiac-yearly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--heart,
  .ara-zodiac-yearly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--heart {
    width: 14px;
    height: 13px;
  }

  .ara-zodiac-yearly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--coin,
  .ara-zodiac-yearly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--coin,
  .ara-zodiac-yearly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--study,
  .ara-zodiac-yearly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--study {
    width: 18px;
    height: 18px;
  }

  .ara-zodiac-yearly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--health,
  .ara-zodiac-yearly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--health {
    width: 15px;
    height: 15px;
  }

  .ara-zodiac-yearly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--compatibility,
  .ara-zodiac-yearly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--compatibility {
    width: 20px;
    height: 16px;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__actions {
    padding:
      28px
      var(--ara-offer-content-padding-mobile)
      var(--ara-offer-content-padding-mobile);
    text-align: center;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__price {
    margin: 0 0 16px;
    color: var(--ara-accent);
    font-family: var(--font-heading-family);
    font-size: var(--ara-offer-price-mobile);
    font-weight: 400;
    line-height: 1.2;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__form {
    width: 100%;
    margin: 0;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ara-offer-button-width-mobile);
    max-width: 100%;
    min-height: var(--ara-offer-button-height-mobile);
    padding: 10px 20px;
    color: var(--ara-offer-button-text);
    background: linear-gradient(
      100deg,
      var(--ara-offer-button-start) 0%,
      var(--ara-offer-button-end) 100%
    );
    border: 0;
    border-radius: 999px;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--ara-accent) 18%, transparent);
    font-family: var(--font-body-family);
    font-size: var(--ara-offer-button-font-mobile);
    font-weight: var(--ara-offer-button-weight);
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .ara-zodiac-yearly .ara-zodiac-offer__button:hover {
    color: var(--ara-offer-button-text);
    transform: translateY(-1px);
    box-shadow: 0 15px 34px color-mix(in srgb, var(--ara-accent) 24%, transparent);
  }

  @media screen and (min-width: 750px) {
    .ara-zodiac-yearly .main-blog-horoscope {
      /* max-width: 1280px; */
      padding-right: var(--ara-side-padding-desktop);
      padding-left: var(--ara-side-padding-desktop);
    }

    .ara-zodiac-yearly .horoscope-header {
      padding: 0 0 14px;
    }

    .ara-zodiac-yearly .horoscope-header__icon {
      width: 80px;
      height: 80px;
      margin-bottom: 23px;
      background: #ffffff;
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.98),
        0 0 24px rgba(237, 109, 138, 0.13),
        0 0 48px rgba(237, 109, 138, 0.11),
        0 0 72px rgba(237, 109, 138, 0.07);
    }

    .ara-zodiac-yearly .horoscope-header__icon::before {
      inset: -38px;
      
      filter: blur(10px);
    }

    .ara-zodiac-yearly .horoscope-header__icon svg {
      width: 60px;
      height: 60px;
      max-width: 60px;
      max-height: 60px;
    }

    .ara-zodiac-yearly .horoscope-header__icon-image {
      width: 60px;
      height: 60px;
      max-width: 60px;
      max-height: 60px;
    }

    .ara-zodiac-yearly .horoscope-header__title-row {
      grid-template-columns: minmax(0, 382px) auto minmax(0, 382px);
      column-gap: 22px;
    }

    .ara-zodiac-yearly .horoscope-header__title {
      font-size: var(--ara-title-size-desktop);
    }

    .ara-zodiac-yearly .horoscope-header__title-line-svg--mobile {
      display: none;
    }

    .ara-zodiac-yearly .horoscope-header__title-line-svg--desktop {
      display: block;
      width: 382px;
      height: 4px;
    }

    .ara-zodiac-yearly .horoscope-header__dates {
      font-size: 24px;
    }

    .ara-zodiac-yearly .horoscope-tabs {
      width: 100%;
      margin: 18px 0 32px;
    }

    .ara-zodiac-yearly .horoscope-tabs__scroll {
      justify-content: center;
      flex-wrap: wrap;
      gap: 4px;
      padding: 4px 0;
    }

    .ara-zodiac-yearly .horoscope-tabs__tab {
              min-width: 64px;
        height: 30px;
        padding: 9px 15.35px;
        font-size: 18px;
        min-height: 40px;
        letter-spacing: -1%;
    }

    .ara-zodiac-yearly .horoscope-year-nav__tab {
      font-size: 20px;
    }

    .ara-zodiac-yearly .horoscope-article {
      min-height: 142px;
      padding: 24px 150px;
      border-radius: 32px;
    }

    .ara-zodiac-yearly .horoscope-article__content {
      font-size: var(--ara-body-size-desktop);
    }

    .ara-zodiac-yearly .horoscope-cta-button__btn {
              width: auto;
        min-width: 250px;
        min-height: 56px;
        padding: 16px 32px;
        font-size: 18px;
    }

    .ara-zodiac-yearly .ara-zodiac-benefits {
      margin-top: 120px;
    }

    .ara-zodiac-yearly .ara-zodiac-benefits__heading-row {
      grid-template-columns: minmax(80px, 271px) auto minmax(80px, 271px);
      justify-content: center;
      gap: 28px;
      margin-bottom: 26px;
    }

    .ara-zodiac-yearly .ara-zodiac-benefits__line {
      display: block;
      width: 271px;
      max-width: 100%;
      height: 4px;
    }

    .ara-zodiac-yearly .ara-zodiac-benefits__title {
      max-width: none;
      font-size: 40px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.05em;
      white-space: nowrap;
    }

    .ara-zodiac-yearly .ara-zodiac-benefits__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      max-width: 1116px;
      margin: auto;
      row-gap: 16px;
    }

    .ara-zodiac-yearly .ara-zodiac-benefits__card {
    padding: 24px 42px 20px;
    border-radius: 32px;
    height: -webkit-fill-available;
    min-height: 217px;
}

    .ara-zodiac-yearly .ara-zodiac-benefits__card h3 {
      font-size: 20px;
    }

    /* .ara-zodiac-yearly .ara-zodiac-benefits__card p {
      font-size: 16px;
    } */

    .ara-zodiac-yearly .ara-zodiac-offer {
      width: 100%;
      max-width: 588px;
      margin-top: var(--ara-offer-margin-desktop);
      border-radius: var(--ara-offer-radius-desktop);
    }

    .ara-zodiac-yearly .ara-zodiac-offer__header {
      padding:
        var(--ara-offer-header-padding-desktop)
        var(--ara-offer-content-padding-desktop);
        padding-bottom: 14px;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__header h2 {
      margin-bottom: 12px;
      font-size: var(--ara-offer-title-desktop);
    }

    .ara-zodiac-yearly .ara-zodiac-offer__header p {
      font-size: var(--ara-offer-desc-desktop);
      font-size: 20px;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__features {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 28px;
      row-gap: 12px;
      padding:
        var(--ara-offer-content-padding-desktop)
        var(--ara-offer-content-padding-desktop)
        8px;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__feature {
      gap: 10px;
      font-size: 20px;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__feature:nth-child(1) {
      grid-column: 1;
      grid-row: 1;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__feature:nth-child(2) {
      grid-column: 1;
      grid-row: 2;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__feature:nth-child(3) {
      grid-column: 1;
      grid-row: 3;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__feature:nth-child(4) {
      grid-column: 2;
      grid-row: 1;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__feature:nth-child(5) {
      grid-column: 2;
      grid-row: 2;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__feature:nth-child(6) {
      grid-column: 2;
      grid-row: 3;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__feature-icon {
      width: 30px !important;
      height: 30px;
    }

    .ara-zodiac-yearly .ara-zodiac-offer__actions {
      padding:
        42px
        var(--ara-offer-content-padding-desktop)
        var(--ara-offer-content-padding-desktop);
    }

    .ara-zodiac-yearly .ara-zodiac-offer__price {
      margin-bottom: 18px;
      font-size: var(--ara-offer-price-desktop);
    }

    .ara-zodiac-yearly .ara-zodiac-offer__button {
        min-width: 205px;
        min-height: 56px;
        padding: 16px 28px;
        font-size: var(--ara-offer-button-font-desktop);
    }
  }

/* footer.ara-footer.color-scheme-1.gradient {
    padding-top: 50px !important;
} */
  @media (max-width: 700px){
    .ara-zodiac-yearly .horoscope-cta-button__btn{
      font-size:14px;
    }
    .ara-zodiac-yearly .ara-zodiac-benefits__title {
    width: 204px;
}
.ara-zodiac-yearly .ara-zodiac-benefits__icon {
    width: 40px;
    height: 40px;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--sparkle {
    width: 18px !important;
    height: 18px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--heart {
    height: 14px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--coin {
    height: 16.67px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--study {
    height: 18px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--health {
    height: 16px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--compatibility {
    height: 13px !important;
    width: 18px !important;
}

button.ara-zodiac-offer__button {
    font-size: 12px !important;
}

span.ara-zodiac-offer__feature-icon {
    width: 20px !important;
    height: 20px !important;
}

.ara-zodiac-offer__feature svg,
svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--compatibility.btm,
svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--sparkle.btm {
    height: 12px !important;
    width: 12px !important;
}
    .ara-zodiac-yearly .horoscope-header__icon{
      width: 60px;
    height: 60px;
    margin-bottom: 15px;
    }
    .ara-zodiac-yearly .horoscope-header__dates{
      font-size: 18px;
    }
    a.horoscope-tabs__tab {
    font-size: 13px !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
}

.horoscope-tabs__scroll {
    gap: 3px !important;
}
.horoscope-article__content.rte span {
    font-size: 16px !important;
}
svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--sparkle{
  padding-top: 0 !important;
}
  }
  @media screen and (max-width: 1400px) and (min-width: 768px) {
 .ara-zodiac-yearly .ara-zodiac-benefits__cardp br{
        display: none;
    }
          }
             @media (min-width: 1380px), (max-width: 769px) {
            .ara-zodiac-yearly .ara-zodiac-benefits__grid a:nth-child(1) article p{
                max-width:350px;
              }
            .ara-zodiac-yearly .ara-zodiac-benefits__grid a:nth-child(2) article p{
                    max-width: 270px;
              }
            .ara-zodiac-yearly .ara-zodiac-benefits__grid a:nth-child(3) article p{
                    max-width: 250px;
              }
            .ara-zodiac-yearly .ara-zodiac-benefits__grid a:nth-child(4) article p{
                    max-width: 250px;
              }
            .ara-zodiac-yearly .ara-zodiac-benefits__grid a:nth-child(5) article p{
                    max-width: 320px;
              }
            .ara-zodiac-yearly .ara-zodiac-benefits__grid a:nth-child(6) article p{
                    max-width: 350px;
              }

            }
/* END_SECTION:main-blog-horoscope-yearly */

/* START_SECTION:main-blog-horoscope (INDEX:39) */
section#horoscope-subscribe h2 span {
    color: #ed6d8a;
}

.ara-zodiac-monthly-page footer.ara-footer {
    padding-top: 0px !important;
}

.ara-zodiac-offer__agreement {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}

.ara-zodiac-offer__agreement-checkbox {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  flex-shrink: 0;
  accent-color: var(--ara-accent);
}

.ara-zodiac-offer__agreement a {
  color: #2b272b;
  text-decoration: underline;
}

.ara-zodiac-offer__button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}

.ara-zodiac-offer__button .btn-loader {
  animation: ara-btn-spin 0.8s linear infinite;
  vertical-align: middle;
  margin-left: 6px;
}

@keyframes ara-btn-spin {
  100% { transform: rotate(360deg); }
}
  .ara-zodiac-monthly,
  .ara-zodiac-monthly * {
    box-sizing: border-box;
  }

  .ara-zodiac-monthly {
    overflow: hidden;
    color: var(--ara-body-color);
  }

  .ara-zodiac-monthly .main-blog-horoscope {
    width: 100%;
    max-width: calc(var(--ara-content-width-desktop) + (var(--ara-side-padding-mobile) * 2));
    margin: 0 auto;
    padding-right: var(--ara-side-padding-mobile);
    padding-left: var(--ara-side-padding-mobile);
  }

  .ara-zodiac-monthly .horoscope-header {
    padding: 10px 0 12px;
    text-align: center;
  }

  .ara-zodiac-monthly .horoscope-header__icon {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 0 12px;
    color: var(--ara-heading-color);
    background: #ffffff;
    border: 0;
    border-radius: 50%;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.98),
      0 0 18px rgba(237, 109, 138, 0.13),
      0 0 36px rgba(237, 109, 138, 0.11);
    isolation: isolate;
  }

  .ara-zodiac-monthly .horoscope-header__icon::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: -24px;
    border-radius: 50%;
   
    filter: blur(8px);
    pointer-events: none;
  }

  .ara-zodiac-monthly .horoscope-header__icon svg {
    display: block;
    width: 38px;
    height: 38px;
    max-width: 38px;
    max-height: 38px;
  }

  .ara-zodiac-monthly .horoscope-header__icon-image {
    display: block;
    width: 38px;
    height: 38px;
    max-width: 38px;
    max-height: 38px;
    object-fit: contain;
  }

  .ara-zodiac-monthly .horoscope-header__title-row {
    display: grid;
    grid-template-columns: minmax(0, 112px) auto minmax(0, 112px);
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    width: 100%;
    margin: 0 0 6px;
  }

  .ara-zodiac-monthly .horoscope-header__title {
    margin: 0;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-title-size-mobile);
    font-style: var(--font-heading-style);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.035em;
    text-align: center;
    white-space: nowrap;
  }

  .ara-zodiac-monthly .horoscope-header__title-line {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4px;
    overflow: hidden;
  }

  .ara-zodiac-monthly .horoscope-header__title-line--left {
    justify-content: flex-end;
  }

  .ara-zodiac-monthly .horoscope-header__title-line--right {
    justify-content: flex-start;
  }

  .ara-zodiac-monthly .horoscope-header__title-line-svg {
    display: block;
    flex: 0 0 auto;
    max-width: none;
  }

  .ara-zodiac-monthly .horoscope-header__title-line--left .horoscope-header__title-line-svg {
    transform: scaleX(-1);
    transform-origin: center;
  }

  .ara-zodiac-monthly .horoscope-header__title-line-svg--desktop {
    display: none;
  }

  .ara-zodiac-monthly .horoscope-header__title-line-svg--mobile {
    width: 112px;
    height: 4px;
  }

  .ara-zodiac-monthly .horoscope-header__dates {
    margin: 0;
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    font-style: var(--font-body-style);
    font-weight: 400;
    line-height: 1.4;
  }

  .ara-zodiac-monthly .horoscope-tabs {
    width: calc(100% + var(--ara-side-padding-mobile));
    margin: 10px 0 16px;
    overflow: hidden;
  }

  .ara-zodiac-monthly .horoscope-tabs__scroll {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 5px;
    width: 100%;
    padding: 4px var(--ara-side-padding-mobile) 5px 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ara-zodiac-monthly .horoscope-tabs__scroll::-webkit-scrollbar {
    display: none;
  }

  .horoscope-article__content.rte span {
    font-size: 20px !important;
    letter-spacing: -1%;
    line-height: normal;
}

#AraZodiacYearly-{{ section.id }} .horoscope-article__content.rte span {
     line-height: 1.6;
  letter-spacing: 0.7px;
}
  .ara-zodiac-monthly .horoscope-tabs__tab {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 28px;
    padding: 0 9px;
    color: var(--ara-tab-color);
    background: transparent;
    border: 1px solid var(--ara-tab-color);
    border-radius: 999px;
    font-family: var(--font-body-family);
    font-size: 18px;
    font-style: var(--font-body-style);
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .ara-zodiac-monthly .horoscope-tabs__tab:hover {
    color: var(--ara-accent);
    background: #fff2f6;
    border-color: var(--ara-accent);
  }

  .ara-zodiac-monthly .horoscope-tabs__tab--active,
  .ara-zodiac-monthly .horoscope-tabs__tab--active:hover {
    color: var(--ara-accent);
    background: #ffe6ee;
    border-color: transparent;
    font-weight: 500;
    padding: 9px 15px !important;
  }

  .ara-zodiac-monthly .horoscope-month-nav {
    margin: 0 0 16px;
  }

  .ara-zodiac-monthly .horoscope-month-nav__container,
  .ara-zodiac-monthly .horoscope-month-nav__scroll {
    display: flex;
    align-items: center;
  }

  .ara-zodiac-monthly .horoscope-month-nav__scroll {
    flex: 1;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 16px;
}

  .ara-zodiac-monthly .horoscope-month-nav__scroll::-webkit-scrollbar {
    display: none;
  }

  .ara-zodiac-monthly .horoscope-month-nav__tab {
    position: relative;
    padding: 8px 0 10px;
    color: var(--ara-heading-color);
    background: transparent;
    border: 0;
    font-family: var(--font-body-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
  }

  .ara-zodiac-monthly .horoscope-month-nav__tab--active {
    font-weight: 500;
  }

  .ara-zodiac-monthly .horoscope-month-nav__tab--active::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #FFA0BE;
  }

  .ara-zodiac-monthly .horoscope-month-nav__arrow {
    display: none !important;
  }

  .ara-zodiac-monthly .horoscope-content {
    margin: 0;
  }

  .ara-zodiac-monthly .horoscope-article {
    display: flex;
    flex-direction: column;
    min-height: 122px;
    padding: 16px;
    overflow: hidden;
    color: var(--ara-body-color);
    background: var(--ara-card-bg);
    border: 0;
    border-radius: 24px;
    box-shadow: 0 10px 34px rgba(237, 109, 138, 0.08);
  }


  .ara-zodiac-monthly .horoscope-article:not(:first-child) {
    margin-top: 14px;
  }

  .ara-zodiac-monthly .horoscope-article__content {
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    line-height: 1.6;
  }

  .ara-zodiac-monthly .horoscope-article__content > :first-child {
    margin-top: 0;
  }

  .ara-zodiac-monthly .horoscope-article__content > :last-child {
    margin-bottom: 0;
  }

  .ara-zodiac-monthly .horoscope-article__content h2,
  .ara-zodiac-monthly .horoscope-article__content h3,
  .ara-zodiac-monthly .horoscope-article__content h4 {
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-weight: 500;
  }

  .ara-zodiac-monthly .horoscope-article__meta {
    display: none;
  }

  .ara-zodiac-monthly .horoscope-cta-button {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 45px 0 0;
    padding: 0;
  }

  .ara-zodiac-monthly .horoscope-cta-button__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 18px;
    color: #ffffff;
    background: linear-gradient(100deg, #ef91ab 0%, #ffa0c2 100%);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(237, 109, 138, 0.16);
    font-family: var(--font-body-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
  }

  .ara-zodiac-monthly .horoscope-cta-button__btn:hover {
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(237, 109, 138, 0.24);
  }

  .ara-zodiac-monthly .ara-zodiac-benefits {
    margin-top: 42px;
  }

  .ara-zodiac-monthly .ara-zodiac-benefits__heading-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    justify-items: center;
    gap: 0;
    margin-bottom: 24px;
  }

  .ara-zodiac-monthly .ara-zodiac-benefits__line {
    display: none;
  }

  .ara-zodiac-monthly .ara-zodiac-benefits__line svg {
    display: block;
    width: 100%;
    height: 4px;
  }

  span.ara-zodiac-benefits__line.ara-zodiac-benefits__line--left {
    transform: scaleX(-1);
}

  .ara-zodiac-monthly .ara-zodiac-benefits__title {
    display: block;
    max-width: none;
    margin: 0;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: 24px;
    font-style: var(--font-heading-style);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.05em;
    text-align: center;
  }

  .ara-zodiac-monthly .ara-zodiac-benefits__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .ara-zodiac-monthly .ara-zodiac-benefits__grid a{
text-decoration: none;
  }

  .ara-zodiac-monthly .ara-zodiac-benefits__card {
    display: flex;
    min-height: var(--ara-benefit-height-mobile);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 18px;
    text-align: center;
    background: var(--ara-card-bg);
    border-radius: 24px;
    box-shadow: 0 10px 34px rgba(237, 109, 138, 0.08);
  }

  .ara-zodiac-monthly .ara-zodiac-benefits__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height:56px;
    margin-bottom: 24px;
    color: var(--ara-accent);
    background: #ffeaf0;
    border-radius: 50%;
  }

  .ara-zodiac-monthly .ara-zodiac-benefits__icon svg,
  .ara-zodiac-monthly .ara-zodiac-benefits__icon-image {
    display: block;
    object-fit: contain;
  }

  .ara-zodiac-benefits__icon svg {
    width: auto !important;
    height: auto !important;
}

  .ara-zodiac-monthly .ara-zodiac-benefits__card h3 {
    margin: 0 0 8px;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: calc(var(--ara-body-size-mobile) + 1px);
    font-weight: 500;
    line-height: 1.25;
  }

  .ara-zodiac-monthly .ara-zodiac-benefits__card p {
    max-width: 375px;
    margin: 0;
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    line-height: 1.25;

  }

  .ara-zodiac-monthly .ara-zodiac-offer {
    width: var(--ara-offer-width-mobile);
    max-width: 100%;
    margin: var(--ara-offer-margin-mobile) auto 0;
    overflow: hidden;
    color: var(--ara-body-color);
    background: var(--ara-offer-bg);
    border-radius: var(--ara-offer-radius-mobile);
    box-shadow: 0 14px 42px color-mix(in srgb, var(--ara-accent) var(--ara-offer-shadow), transparent);
    scroll-margin-top: 80px;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__header {
    padding: var(--ara-offer-header-padding-mobile) var(--ara-offer-content-padding-mobile);
    text-align: center;
    border-bottom: 4px solid #FDF2F8;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__header h2 {
    margin: 0 0 10px;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-offer-title-mobile);
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -4%;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__header p {
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-offer-desc-mobile);
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -1%;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding:
      var(--ara-offer-content-padding-mobile)
      var(--ara-offer-content-padding-mobile)
      6px;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__feature {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--ara-heading-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-offer-feature-mobile);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -1%;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__feature > span:last-child {
    min-width: 0;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ara-offer-icon-mobile);
    height: var(--ara-offer-icon-mobile);
    overflow: hidden;
    color: var(--ara-accent);
    background: var(--ara-offer-icon-bg);
    border-radius: 7px;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__feature-icon svg,
  .ara-zodiac-monthly .ara-zodiac-offer__feature-image {
    display: block;
    width: 62%;
    height: 62%;
    object-fit: contain;
  }


  .ara-zodiac-monthly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon,
  .ara-zodiac-monthly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon {
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
  }

  .ara-zodiac-monthly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--sparkle,
  .ara-zodiac-monthly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--sparkle {
    width: 19px;
    height: 19px;
  }

  .ara-zodiac-monthly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--heart,
  .ara-zodiac-monthly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--heart {
    width: 14px;
    height: 13px;
  }

  .ara-zodiac-monthly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--coin,
  .ara-zodiac-monthly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--coin,
  .ara-zodiac-monthly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--study,
  .ara-zodiac-monthly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--study {
    width: 18px;
    height: 18px;
  }

  .ara-zodiac-monthly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--health,
  .ara-zodiac-monthly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--health {
    width: 15px;
    height: 15px;
  }

  .ara-zodiac-monthly
    .ara-zodiac-benefits__icon
    svg.ara-zodiac-exact-icon--compatibility,
  .ara-zodiac-monthly
    .ara-zodiac-offer__feature-icon
    svg.ara-zodiac-exact-icon--compatibility {
    width: 20px;
    height: 16px;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__actions {
    padding:
      28px
      var(--ara-offer-content-padding-mobile)
      var(--ara-offer-content-padding-mobile);
    text-align: center;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__price {
    margin: 0 0 16px;
    color: var(--ara-accent);
    font-family: var(--font-heading-family);
    font-size: var(--ara-offer-price-mobile);
    font-weight: 400;
    line-height: 1.2;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__form {
    width: 100%;
    margin: 0;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ara-offer-button-width-mobile);
    max-width: 100%;
    min-height: var(--ara-offer-button-height-mobile);
    padding: 10px 20px;
    color: var(--ara-offer-button-text);
    background: linear-gradient(
      100deg,
      var(--ara-offer-button-start) 0%,
      var(--ara-offer-button-end) 100%
    );
    border: 0;
    border-radius: 999px;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--ara-accent) 18%, transparent);
    font-family: var(--font-body-family);
    font-size: var(--ara-offer-button-font-mobile);
    font-weight: var(--ara-offer-button-weight);
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .ara-zodiac-monthly .ara-zodiac-offer__button:hover {
    color: var(--ara-offer-button-text);
    transform: translateY(-1px);
    box-shadow: 0 15px 34px color-mix(in srgb, var(--ara-accent) 24%, transparent);
  }

  @media screen and (min-width: 750px) {
    .ara-zodiac-monthly .main-blog-horoscope {
      max-width: calc(var(--ara-content-width-desktop) + (var(--ara-side-padding-desktop) * 2));
      padding-right: var(--ara-side-padding-desktop);
      padding-left: var(--ara-side-padding-desktop);
    }

    .ara-zodiac-monthly .horoscope-header {
      padding: 0 0 14px;
    }

    .ara-zodiac-monthly .horoscope-header__icon {
      width: 80px;
      height: 80px;
      margin-bottom: 23px;
      background: #ffffff;
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.98),
        0 0 24px rgba(237, 109, 138, 0.13),
        0 0 48px rgba(237, 109, 138, 0.11),
        0 0 72px rgba(237, 109, 138, 0.07);
    }

    .ara-zodiac-monthly .horoscope-header__icon::before {
      inset: -38px;
      
      filter: blur(10px);
    }

    .ara-zodiac-monthly .horoscope-header__icon svg {
      width: 60px;
      height: 60px;
      max-width: 60px;
      max-height: 60px;
    }

    .ara-zodiac-monthly .horoscope-header__icon-image {
      width: 60px;
      height: 60px;
      max-width: 60px;
      max-height: 60px;
    }

    .ara-zodiac-monthly .horoscope-header__title-row {
      grid-template-columns: minmax(0, 382px) auto minmax(0, 382px);
      column-gap: 22px;
    }

    .ara-zodiac-monthly .horoscope-header__title {
      font-size: var(--ara-title-size-desktop);
    }

    .ara-zodiac-monthly .horoscope-header__title-line-svg--mobile {
      display: none;
    }

    .ara-zodiac-monthly .horoscope-header__title-line-svg--desktop {
      display: block;
      width: 382px;
      height: 4px;
    }

    .ara-zodiac-monthly .horoscope-header__dates {
      font-size: var(--ara-body-size-desktop);
    }
    p.horoscope-header__dates {
    font-size: 24px !important;
}

    .ara-zodiac-monthly .horoscope-tabs {
      width: 100%;
      margin: 18px 0 32px;
    }

    .ara-zodiac-monthly .horoscope-tabs__scroll {
      justify-content: center;
      flex-wrap: wrap;
      gap: 4px;
      padding: 4px 0;
    }

    .ara-zodiac-monthly .horoscope-tabs__tab {
      min-width: 64px;
        height: 30px;
        padding: 9px 15.35px;
        font-size: 18px;
        min-height: 40px;
            letter-spacing: -1%;
    }

    .ara-zodiac-monthly .horoscope-month-nav__tab {
      font-size: 20px;
    }

    .ara-zodiac-monthly .horoscope-article {
      min-height: 142px;
      padding: 24px 150px;
      border-radius: 32px;
    }

    .ara-zodiac-monthly .horoscope-article__content {
      font-size: var(--ara-body-size-desktop);
    }

    .ara-zodiac-monthly .horoscope-cta-button__btn {
              width: auto;
        min-width: 250px;
        min-height: 56px;
        padding: 16px 32px;
        font-size: 18px;
    }

    .ara-zodiac-monthly .ara-zodiac-benefits {
      margin-top: 120px;
    }

    .ara-zodiac-monthly .ara-zodiac-benefits__heading-row {
      grid-template-columns: minmax(80px, 271px) auto minmax(80px, 271px);
      justify-content: center;
      gap: 28px;
      margin-bottom: 22px;
    }

    .ara-zodiac-monthly .ara-zodiac-benefits__line {
      display: block;
      width: 271px;
      max-width: 100%;
      height: 4px;
    }

    .ara-zodiac-monthly .ara-zodiac-benefits__title {
      max-width: none;
      font-size: 40px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.05em;
      white-space: nowrap;
    }

    .ara-zodiac-monthly .ara-zodiac-benefits__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      row-gap: 16px;
    }

    .ara-zodiac-monthly .ara-zodiac-benefits__card {
      min-height: 217px;
        padding: 24px 42px 20px;
        border-radius: 32px;
        height: -webkit-fill-available;
    }

    .ara-zodiac-monthly .ara-zodiac-benefits__card h3 {
      font-size: calc(var(--ara-body-size-desktop));
    }

    .ara-zodiac-monthly .ara-zodiac-benefits__card p {
      font-size: 16px;
    }

    .ara-zodiac-monthly .ara-zodiac-offer {
      width: 100%;
      max-width: 588px;
      margin-top: var(--ara-offer-margin-desktop);
      border-radius: var(--ara-offer-radius-desktop);
    }

    .ara-zodiac-monthly .ara-zodiac-offer__header {
      padding:
        var(--ara-offer-header-padding-desktop)
        var(--ara-offer-content-padding-desktop);
        padding-bottom: 14px;
    }

    .ara-zodiac-monthly .ara-zodiac-offer__header h2 {
      margin-bottom: 12px;
      font-size: var(--ara-offer-title-desktop);
    }

    .ara-zodiac-monthly .ara-zodiac-offer__header p {
      font-size: var(--ara-offer-desc-desktop);
      font-size: 20px;
    }

    .ara-zodiac-monthly .ara-zodiac-offer__features {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 28px;
      row-gap: 12px;
      padding:
        var(--ara-offer-content-padding-desktop)
        var(--ara-offer-content-padding-desktop)
        8px;
    }

    .ara-zodiac-monthly .ara-zodiac-offer__feature {
      gap: 10px;
      font-size: 20px;
    }

    .ara-zodiac-monthly .ara-zodiac-offer__feature-icon {
      width: 30px !important;
      height: 30px;
    }

    .ara-zodiac-monthly .ara-zodiac-offer__actions {
      padding:
        42px
        var(--ara-offer-content-padding-desktop)
        var(--ara-offer-content-padding-desktop);
    }

    .ara-zodiac-monthly .ara-zodiac-offer__price {
      margin-bottom: 18px;
      font-size: var(--ara-offer-price-desktop);
    }

    .ara-zodiac-monthly .ara-zodiac-offer__button {
     width: var(--ara-offer-button-width-desktop);
        min-width: 205px;
        min-height: 56px;
        padding: 16px 28px;
        font-size: var(--ara-offer-button-font-desktop);
    }
  }


  @media (max-width: 700px){
    .ara-zodiac-monthly .horoscope-cta-button__btn{
      font-size:14px;
    }
    .ara-zodiac-monthly .ara-zodiac-benefits__title {
    width: 204px;
}
.ara-zodiac-monthly .ara-zodiac-benefits__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--sparkle {
    width: 18px !important;
    height: 18px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--heart {
    height: 14px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--coin {
    height: 16.67px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--study {
    height: 18px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--health {
    height: 16px !important;
}

svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--compatibility {
    height: 13px !important;
    width: 18px !important;
}

button.ara-zodiac-offer__button {
    font-size: 12px !important;
}

span.ara-zodiac-offer__feature-icon {
    width: 20px !important;
    height: 20px !important;
}

.ara-zodiac-offer__feature svg,
svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--compatibility.btm,
svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--sparkle.btm {
    height: 12px !important;
    width: 12px !important;
}
    .ara-zodiac-monthly .horoscope-header__icon{
      width: 60px;
    height: 60px;
    margin-bottom: 15px;
    }
    .ara-zodiac-monthly .horoscope-header__dates{
      font-size: 18px;
    }
    a.horoscope-tabs__tab {
    font-size: 13px !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
}

.horoscope-tabs__scroll {
    gap: 3px !important;
}
.horoscope-article__content.rte span {
    font-size: 16px !important;
}
svg.ara-zodiac-exact-icon.ara-zodiac-exact-icon--sparkle{
  padding-top: 0 !important;
}

.horoscope-article__content.rte {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
    max-width: 300px;
    margin: 0px auto;
}
article.ara-zodiac-benefits__card {
    padding: 20px !important;
}
article.ara-zodiac-benefits__card p {
    max-width: 313px !important;
}
.ara-zodiac-offer__header p {
    max-width: 305px !important;
    margin: 0px auto;
}
article.ara-zodiac-benefits__card h3 {
    font-size: 17px !important;
}
  }


  .horoscope-article__content.rte p b {
      font-weight:400 !important;

}
.horoscope-article__content.rte span {
          color: var(--ara-body-color) !important;
        }


  @media screen and (max-width: 1400px) and (min-width: 768px) {
             .ara-zodiac-monthly .ara-zodiac-benefits__card p br{
        display: none;
    }
          }
            @media (min-width: 1380px), (max-width: 769px) {
            .ara-zodiac-monthly .ara-zodiac-benefits__grid a:nth-child(1) article p{
                max-width:350px;
              }
            .ara-zodiac-monthly .ara-zodiac-benefits__grid a:nth-child(2) article p{
                    max-width: 330px;
              }
            .ara-zodiac-monthly .ara-zodiac-benefits__grid a:nth-child(3) article p{
                    max-width: 250px;
              }
            .ara-zodiac-monthly .ara-zodiac-benefits__grid a:nth-child(4) article p{
                    max-width: 300px;
              }
            .ara-zodiac-monthly .ara-zodiac-benefits__grid a:nth-child(5) article p{
                    max-width: 320px;
              }
            .ara-zodiac-monthly .ara-zodiac-benefits__grid a:nth-child(6) article p{
                    max-width: 350px;
              }

            }
/* END_SECTION:main-blog-horoscope */

/* START_SECTION:premium-monthly-content (INDEX:63) */
.page-premium-monthly footer.ara-footer {
    padding-top: 0px !important;
}

.ara-premium-monthly__compatibility, .ara-premium-monthly__content.rte {
    max-width: 920px !important;
    margin: 0 auto;
}

  .ara-premium-monthly {
    width: var(--ara-section-width-mobile);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow-x: clip;
    background: var(--ara-section-bg);
  }

  .ara-premium-monthly,
  .ara-premium-monthly * {
    box-sizing: border-box;
  }

  .ara-premium-monthly * {
    max-width: 100%;
  }

  .ara-premium-monthly__inner.page-width {
    padding: 0px 21px !important;
}

  .ara-premium-monthly__inner {
    width: var(--ara-content-width-mobile);
    max-width: 100%;
    margin: 0 auto;
    padding-right: var(--ara-side-padding-mobile);
    padding-left: var(--ara-side-padding-mobile);
  }

  .ara-premium-monthly__title {
    margin: 0 0 var(--ara-title-margin-mobile);
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-title-size-mobile);
    font-weight: 500;
    line-height: 120%;
    text-align: center;
    letter-spacing: -4%;
  }

  .ara-premium-monthly__tabs,
  .ara-premium-monthly__toc,
  .ara-premium-monthly__cards,
  .ara-premium-monthly__missing,
  .ara-premium-monthly__paywall-inner {
    width: var(--ara-box-width-mobile);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .ara-premium-monthly__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--ara-tab-gap-mobile);
    margin-bottom: var(--ara-title-margin-mobile);
  }

  .ara-premium-monthly__tab {
    appearance: none;
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 28px;
    padding: 0;
    border: 1px solid #FFA0BE;
    border-radius: 999px;
    background: transparent;
    color: #FFA0BE;
    font-family: var(--font-body-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  }

  .ara-premium-monthly__tab:hover:not(.is-active) {
    border-color: #FFA0BE;
    background: transparent;
    color: #FFA0BE;
  }

  .ara-premium-monthly__tab.is-active {
    border: 0;
    background: #FFE6EE;
    color: #ED6D8A;
    font-weight: 500;
  }

  .ara-premium-monthly__tab:focus-visible {
    outline: 2px solid #ED6D8A;
    outline-offset: 2px;
  }

  .ara-premium-monthly__panel.is-hidden {
    display: none;
  }

  .ara-premium-monthly__period {
    display: inline-block;
    margin: 0 0 var(--ara-card-gap-mobile);
    padding-bottom: 0.65rem;
    border-bottom: 2px solid var(--ara-accent);
    color: var(--ara-heading-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    font-weight: 600;
    line-height: 130%;
    margin-left: 7px !important;
    letter-spacing: -1%;
  }

  .ara-premium-monthly__toc {
    margin-bottom: calc(var(--ara-card-gap-mobile) + 14px);
    padding: var(--ara-card-padding-mobile);
    background: var(--ara-card-bg);
    /* border: 1px solid color-mix(in srgb, var(--ara-accent) 18%, transparent); */
    border-radius: var(--ara-card-radius-mobile);
    box-shadow: 0 8px 32px color-mix(in srgb, var(--ara-accent) 9%, transparent);
  }

  .ara-premium-monthly__toc h2 {
    margin: 0 0 20px;
    padding-bottom: 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--ara-accent) 24%, transparent);
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-toc-title-size-mobile);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -1%;
  }

  .ara-premium-monthly__toc ul {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ara-premium-monthly__toc li {
    position: relative;
    padding-left: 1.5rem;
  }

  .ara-premium-monthly__toc li::before {
    content: '';
    position: absolute;
    top: 0.7em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ara-accent);
  }

  .ara-premium-monthly__toc a {
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-toc-link-size-mobile);
    line-height: 1.5;
    text-decoration: none;
        letter-spacing: -1%;
  }

  .ara-premium-monthly__toc a:hover {
    color: var(--ara-accent);
  }

  .ara-premium-monthly__cards {
    display: grid;
    gap: var(--ara-card-gap-mobile);
  }

  .ara-premium-monthly__card {
    position: relative;
    overflow: hidden;
    scroll-margin-top: 100px;
    padding: var(--ara-card-padding-mobile);
    background: var(--ara-card-bg);
    border-radius: var(--ara-card-radius-mobile);
    box-shadow: 0 8px 32px color-mix(in srgb, var(--ara-accent) 9%, transparent);
  }

  .ara-premium-monthly__card--hearts::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.5;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='160' height='100' viewBox='0 0 160 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 22c-5-6-14 1-7 8l7 7 7-7c7-7-2-14-7-8Z' fill='%23FDEEF1'/%3E%3Cpath d='M82 12c-4-5-11 1-6 6l6 6 6-6c5-5-2-11-6-6Z' fill='%23FDEEF1'/%3E%3Cpath d='M132 48c-6-7-16 1-8 9l8 8 8-8c8-8-2-16-8-9Z' fill='%23FDEEF1'/%3E%3Cpath d='M50 78c-4-5-12 1-6 7l6 6 6-6c6-6-2-12-6-7Z' fill='%23FDEEF1'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 160px 100px;
  }

  .ara-premium-monthly__heading,
  .ara-premium-monthly__content,
  .ara-premium-monthly__compatibility {
    position: relative;
    z-index: 1;
  }

  .ara-premium-monthly__heading {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 26px;
    padding-bottom: 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--ara-accent) 24%, transparent);
  }

  .ara-premium-monthly__icon {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--ara-accent);
  }

  .ara-premium-monthly__icon svg,
  .ara-premium-monthly__icon img {
    display: block;
    width: var(--ara-icon-size-mobile);
    height: var(--ara-icon-size-mobile);
    object-fit: contain;
  }

  .ara-premium-monthly__custom-icon {
    flex: 0 0 auto;
  }

  .ara-premium-monthly__heading h2 {
    margin: 0;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-card-title-size-mobile);
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -1%;
  }

  .ara-premium-monthly__content,
  .ara-premium-monthly__compatibility {
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    line-height: var(--ara-body-line-height-mobile);
    letter-spacing: -1%;
  }
  .metafield-rich_text_field p {
    margin: 0px;
    margin-top: 16px;
}

  .ara-premium-monthly__content > :first-child,
  .ara-premium-monthly__compatibility-item > :first-child {
    margin-top: 0;
  }

  .ara-premium-monthly__content > :last-child,
  .ara-premium-monthly__compatibility-item > :last-child {
    margin-bottom: 0;
  }

  .ara-premium-monthly__compatibility {
    display: grid;
    gap: var(--ara-card-gap-mobile);
  }

  .ara-premium-monthly__compatibility-item {
    padding-top: var(--ara-card-gap-mobile);
    border-top: 1px solid color-mix(in srgb, var(--ara-accent) 20%, transparent);
  }

  .ara-premium-monthly__compatibility-item:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .ara-premium-monthly__compatibility-item:last-child {
    padding-bottom: 0;
    border-bottom: 0 !important;
}

  .ara-premium-monthly__compatibility-item h3 {
    margin: 0 0 0.7rem;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-card-title-size-mobile);
    font-weight: 600;
    line-height: 1.35;
  }

  .ara-premium-monthly__missing,
  .ara-premium-monthly__paywall {
    display: flex;
    justify-content: center;
    padding: calc(var(--ara-card-gap-mobile) + var(--ara-card-gap-mobile)) 0;
    text-align: center;
  }

  .ara-premium-monthly__missing,
  .ara-premium-monthly__paywall-inner {
    padding: var(--ara-card-padding-mobile);
    background: var(--ara-card-bg);
    border: 1px solid color-mix(in srgb, var(--ara-accent) 18%, transparent);
    border-radius: var(--ara-card-radius-mobile);
    box-shadow: 0 8px 32px color-mix(in srgb, var(--ara-accent) 9%, transparent);
    color: var(--ara-body-color);
  }

  .ara-premium-monthly__missing {
    display: block;
  }

  .ara-premium-monthly__missing h2 {
    margin-top: 0;
    color: var(--ara-heading-color);
    font-size: var(--ara-card-title-size-mobile);
  }

  .ara-premium-monthly__paywall-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--ara-icon-size-mobile) + 40px);
    height: calc(var(--ara-icon-size-mobile) + 40px);
    margin-bottom: 1.5rem;
    color: var(--ara-accent);
    background: color-mix(in srgb, var(--ara-accent) 7%, var(--ara-card-bg));
    border-radius: 50%;
    box-shadow: 0 8px 30px color-mix(in srgb, var(--ara-accent) 20%, transparent);
  }

  .ara-premium-monthly__paywall h2 {
    margin: 0 0 1rem;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-card-title-size-mobile);
    font-weight: var(--font-heading-weight);
    line-height: 1.2;
  }

  .ara-premium-monthly__paywall p {
    margin: 0 0 2rem;
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    line-height: var(--ara-body-line-height-mobile);
  }

  .ara-premium-monthly__paywall-button {
    display: inline-flex;
    justify-content: center;
    padding: max(8px, calc(var(--ara-tab-padding-mobile) - 2px)) calc(var(--ara-tab-padding-mobile) + 10px);
    color: #ffffff;
    background: linear-gradient(
      100deg,
      color-mix(in srgb, var(--ara-accent) 38%, white) 0%,
      var(--ara-accent) 100%
    );
    border-radius: 999px;
    font-family: var(--font-body-family);
    font-size: var(--ara-tab-font-size-mobile);
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .ara-premium-monthly__paywall-button:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--ara-accent) 28%, transparent);
  }

  .ara-premium-monthly__compatibility-item br {
    display: none;
}
.ara-premium-monthly__compatibility-item {
    border: none !important;
    padding: 0px;
}

.premium-scroll-trigger {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.premium-scroll-trigger::-webkit-scrollbar {
  display: none;
}

.ara-premium-monthly__tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 28px !important;
}



  @media screen and (min-width: 750px) {
    .ara-premium-monthly {
      width: 100%;
      max-width: var(--ara-section-width-desktop);
    }

    .ara-premium-monthly__inner {
      width: 100%;
      max-width: var(--ara-content-width-desktop);
      padding-right: var(--ara-side-padding-desktop);
      padding-left: var(--ara-side-padding-desktop);
    }

    .ara-premium-monthly__title {
      margin-bottom: 22px;
      font-size: var(--ara-title-size-desktop);
    }

    .ara-premium-monthly__tabs,
    .ara-premium-monthly__toc,
    .ara-premium-monthly__cards,
    .ara-premium-monthly__missing,
    .ara-premium-monthly__paywall-inner {
      width: 100%;
      max-width: var(--ara-box-width-desktop);
    }

    .ara-premium-monthly__tabs {
      gap: var(--ara-tab-gap-desktop);
      margin-bottom: 32px;
    }

    .ara-premium-monthly__tab {
    width: auto;
    height: 40px;
    padding: 6px 16px;
    font-size: 18px;
    letter-spacing: -1%;
}

    .ara-premium-monthly__period {
      margin-bottom: 24px;
      font-size: 20px;
    }

    .ara-premium-monthly__toc {
      margin-bottom: 56px;
      padding: var(--ara-card-padding-desktop);
      border-radius: var(--ara-card-radius-desktop);
    }

    .ara-premium-monthly__toc h2 {
      font-size: var(--ara-toc-title-size-desktop);
    }

    .ara-premium-monthly__toc a {
      font-size: 18px;
    }

    .ara-premium-monthly__cards,
    .ara-premium-monthly__compatibility {
      gap: var(--ara-card-gap-desktop);
    }

    .ara-premium-monthly__card {
      padding: var(--ara-card-padding-desktop);
      border-radius: var(--ara-card-radius-desktop);
    }

    .ara-premium-monthly__icon svg,
    .ara-premium-monthly__icon img {
      width: var(--ara-icon-size-desktop);
      height: var(--ara-icon-size-desktop);
    }

    .ara-premium-monthly__heading {
      align-items: center;
    }

    .ara-premium-monthly__heading h2 {
      font-size: var(--ara-card-title-size-desktop);
    }

    .ara-premium-monthly__content,
    .ara-premium-monthly__compatibility {
      font-size: 20px;
      line-height: 150%;
    }

    .ara-premium-monthly__compatibility-item {
    padding-bottom: 16px;
    border-bottom: 1px solid #ed6d8a3d !important;
}

    .ara-premium-monthly__compatibility-item h3 {
      font-size: var(--ara-card-title-size-desktop);
      font-weight: 600;
      letter-spacing: -1%;
    }

    .ara-premium-monthly__missing,
    .ara-premium-monthly__paywall {
      padding: calc(var(--ara-card-gap-desktop) + var(--ara-card-gap-desktop)) 0;
    }

    .ara-premium-monthly__missing,
    .ara-premium-monthly__paywall-inner {
      padding: var(--ara-card-padding-desktop);
      border-radius: var(--ara-card-radius-desktop);
    }

    .ara-premium-monthly__missing h2,
    .ara-premium-monthly__paywall h2 {
      font-size: var(--ara-card-title-size-desktop);
    }

    .ara-premium-monthly__paywall p {
      font-size: var(--ara-body-size-desktop);
      line-height: var(--ara-body-line-height-desktop);
    }

    .ara-premium-monthly__paywall-icon {
      width: calc(var(--ara-icon-size-desktop) + 42px);
      height: calc(var(--ara-icon-size-desktop) + 42px);
    }

    .ara-premium-monthly__paywall-button {
      padding: max(8px, calc(var(--ara-tab-padding-desktop) - 2px)) calc(var(--ara-tab-padding-desktop) + 12px);
      font-size: var(--ara-tab-font-size-desktop);
    }
  }
  @media (max-width: 767px){
    .ara-premium-monthly {
    padding-top: 24px !important;
    padding-bottom: 80px !important;
}
.ara-premium-monthly__toc h2 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}
    .ara-premium-monthly__tab {
    flex: 0 0 auto;
            min-width: 70px;
    }
.ara-premium-monthly__title {
    letter-spacing: -5%;
    font-size: 28px;
}
.ara-premium-monthly__inner.page-width {
    padding: 0px 16px !important;
}
.ara-premium-monthly__card, nav.ara-premium-monthly__toc {
    border-radius: 20px;
}

.ara-premium-monthly__compatibility, .ara-premium-monthly__content.rte {
    width: min(38ch, calc(100% - clamp(32px, 9.6vw, 40px)));
    max-width: none;
    padding: 24px 0 30px;
}
.ara-premium-monthly__heading h2 {
    font-size: clamp(15px, 3.8vw, 16px);
    font-weight: 600;
    line-height: 1.28;
}
nav.ara-premium-monthly__toc {
    padding: 20px 16px 22px;
    margin-bottom: 32px;
}

.ara-premium-monthly__toc a {
    font-size: 15px;
    line-height: 21px;
    min-height: 44px;
    padding: 10px 0;
    overflow-wrap: normal;
    word-break: normal;
    box-sizing: border-box;
    display: block;
}
.ara-premium-monthly__toc li::before {
    top: 17px;
    background: #FF96AE;
}

.ara-premium-monthly__toc li {
    min-height: 44px;
}
.ara-premium-monthly__toc ul {
    gap: 0px;
}
.ara-premium-monthly__card {
    padding: 0px;
}
.ara-premium-monthly__heading {
    min-height: 58px;
    padding: 12px;
    align-items: center;
    gap: 8px;
    margin: 0px;
}
.metafield-rich_text_field p {
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
}
    .metafield-rich_text_field p + p {
        margin-top: 22px;
    }
.ara-premium-monthly__cards {
    gap: 16px;
}
.metafield-rich_text_field p br {
    display: none;
}

.ara-premium-monthly__compatibility {
    gap: 24px !important;
}
.ara-premium-monthly__compatibility-item h3 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
            margin-bottom: 6px;
}
.ara-premium-monthly__compatibility-item {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(244, 220, 229, 0.8) !important;
}
  }

@media (max-width: 349px) {
.ara-premium-monthly__inner.page-width {
    padding: 0px 12px !important;
}
}
/* END_SECTION:premium-monthly-content */

/* START_SECTION:premium-yearly-content (INDEX:64) */
.ara-premium-yearly {
    width: var(--ara-section-width-mobile);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow-x: clip;
    background: var(--ara-section-bg);
  }

  .ara-premium-yearly__compatibility, .ara-premium-yearly__content.rte {
    max-width: 920px !important;
    margin: 0 auto;
}

  .ara-premium-yearly,
  .ara-premium-yearly * {
    box-sizing: border-box;
  }

  .ara-premium-yearly * {
    max-width: 100%;
  }

  .ara-premium-yearly__inner {
    width: var(--ara-content-width-mobile);
    max-width: 100%;
    margin: 0 auto;
    padding-right: var(--ara-side-padding-mobile);
    padding-left: var(--ara-side-padding-mobile);
  }

  .ara-premium-yearly__title {
    margin: 0 0 var(--ara-title-margin-mobile);
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-title-size-mobile);
    font-weight: 500;
    line-height: 120%;
    text-align: center;
  }

  .ara-premium-yearly__tabs,
  .ara-premium-yearly__toc,
  .ara-premium-yearly__cards,
  .ara-premium-yearly__missing,
  .ara-premium-yearly__paywall-inner {
    width: var(--ara-box-width-mobile);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .ara-premium-yearly__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--ara-tab-gap-mobile);
    margin-bottom: var(--ara-title-margin-mobile);
  }

  .ara-premium-yearly__tab {
    appearance: none;
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 28px;
    padding: 0;
    border: 1px solid #FFA0BE;
    border-radius: 999px;
    background: transparent;
    color: #FFA0BE;
    font-family: var(--font-body-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  }

  .ara-premium-yearly__tab:hover:not(.is-active) {
    border-color: #FFA0BE;
    background: transparent;
    color: #FFA0BE;
  }

  .ara-premium-yearly__tab.is-active {
    border: 0;
    background: #FFE6EE;
    color: #ED6D8A;
    font-weight: 500;
  }

  .ara-premium-yearly__tab:focus-visible {
    outline: 2px solid #ED6D8A;
    outline-offset: 2px;
  }

  .ara-premium-yearly__panel.is-hidden {
    display: none;
  }

  .ara-premium-yearly__period {
    display: inline-block;
    margin: 0 0 var(--ara-card-gap-mobile);
    padding-bottom: 0.65rem;
    border-bottom: 2px solid var(--ara-accent);
    color: var(--ara-heading-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    font-weight: 600;
    line-height: 130%;
    margin-left: 7px !important;
    letter-spacing: -1%;
  }

  .ara-premium-yearly__toc {
    margin-bottom: calc(var(--ara-card-gap-mobile) + 14px);
    padding: var(--ara-card-padding-mobile);
    background: var(--ara-card-bg);
    /* border: 1px solid color-mix(in srgb, var(--ara-accent) 18%, transparent); */
    border-radius: var(--ara-card-radius-mobile);
    box-shadow: 0 8px 32px color-mix(in srgb, var(--ara-accent) 9%, transparent);
  }

  .ara-premium-yearly__toc h2 {
    margin: 0 0 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--ara-accent) 24%, transparent);
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-toc-title-size-mobile);
    font-weight: var(--font-heading-weight);
    line-height: 1.25;
  }

  .ara-premium-yearly__toc ul {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ara-premium-yearly__toc li {
    position: relative;
    padding-left: 1.5rem;
  }

  .ara-premium-yearly__toc li::before {
    content: '';
    position: absolute;
    top: 0.7em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ara-accent);
  }

  .ara-premium-yearly__toc a {
    color: #060506;
    font-family: var(--font-body-family);
    font-size: var(--ara-toc-link-size-mobile);
    line-height: 1.5;
    text-decoration: none;
  }

  .ara-premium-yearly__toc a:hover {
    color: var(--ara-accent);
  }

  .ara-premium-yearly__cards {
    display: grid;
    gap: var(--ara-card-gap-mobile);
  }

  .ara-premium-yearly__card {
    position: relative;
    overflow: hidden;
    scroll-margin-top: 100px;
    padding: var(--ara-card-padding-mobile);
    background: var(--ara-card-bg);
    border-radius: var(--ara-card-radius-mobile);
    box-shadow: 0 8px 32px color-mix(in srgb, var(--ara-accent) 9%, transparent);
  }

  .ara-premium-yearly__card--hearts::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.5;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='160' height='100' viewBox='0 0 160 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 22c-5-6-14 1-7 8l7 7 7-7c7-7-2-14-7-8Z' fill='%23FDEEF1'/%3E%3Cpath d='M82 12c-4-5-11 1-6 6l6 6 6-6c5-5-2-11-6-6Z' fill='%23FDEEF1'/%3E%3Cpath d='M132 48c-6-7-16 1-8 9l8 8 8-8c8-8-2-16-8-9Z' fill='%23FDEEF1'/%3E%3Cpath d='M50 78c-4-5-12 1-6 7l6 6 6-6c6-6-2-12-6-7Z' fill='%23FDEEF1'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 160px 100px;
  }

  .ara-premium-yearly__heading,
  .ara-premium-yearly__content,
  .ara-premium-yearly__compatibility {
    position: relative;
    z-index: 1;
  }

  .ara-premium-yearly__heading {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 26px;
    padding-bottom: 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--ara-accent) 24%, transparent);
  }

  .ara-premium-yearly__icon {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--ara-accent);
  }

  .ara-premium-yearly__icon svg,
  .ara-premium-yearly__icon img {
    display: block;
    width: var(--ara-icon-size-mobile);
    height: var(--ara-icon-size-mobile);
    object-fit: contain;
  }

  .ara-premium-yearly__custom-icon {
    flex: 0 0 auto;
  }

  .ara-premium-yearly__heading h2 {
    margin: 0;
    color: #060506;
    font-family: var(--font-heading-family);
    font-size: var(--ara-card-title-size-mobile);
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -1%;
  }

  .ara-premium-yearly__content,
  .ara-premium-yearly__compatibility {
    color: #060506;
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    line-height: var(--ara-body-line-height-mobile);
    letter-spacing: -1%;;
  }

  .ara-premium-yearly__content > :first-child,
  .ara-premium-yearly__compatibility-item > :first-child {
    margin-top: 0;
  }

  .ara-premium-yearly__content > :last-child,
  .ara-premium-yearly__compatibility-item > :last-child {
    margin-bottom: 0;
  }

  .ara-premium-yearly__compatibility {
    display: grid;
    gap: var(--ara-card-gap-mobile);
  }

  .ara-premium-yearly__compatibility-item {
    padding-top: var(--ara-card-gap-mobile);
    border-top: 1px solid color-mix(in srgb, var(--ara-accent) 20%, transparent);
  }

  .ara-premium-yearly__compatibility-item:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .ara-premium-yearly__compatibility-item h3 {
    margin: 0 0 0.7rem;
    color: #060506;
    font-family: var(--font-heading-family);
    font-size: var(--ara-card-title-size-mobile);
    font-weight: 600;
    line-height: 1.35;
  }

  .ara-premium-yearly__missing,
  .ara-premium-yearly__paywall {
    display: flex;
    justify-content: center;
    padding: calc(var(--ara-card-gap-mobile) + var(--ara-card-gap-mobile)) 0;
    text-align: center;
  }

  .ara-premium-yearly__missing,
  .ara-premium-yearly__paywall-inner {
    padding: var(--ara-card-padding-mobile);
    background: var(--ara-card-bg);
    border: 1px solid color-mix(in srgb, var(--ara-accent) 18%, transparent);
    border-radius: var(--ara-card-radius-mobile);
    box-shadow: 0 8px 32px color-mix(in srgb, var(--ara-accent) 9%, transparent);
    color: var(--ara-body-color);
  }

  .ara-premium-yearly__missing {
    display: block;
  }

  .ara-premium-yearly__missing h2 {
    margin-top: 0;
    color: var(--ara-heading-color);
    font-size: var(--ara-card-title-size-mobile);
  }

  .ara-premium-yearly__paywall-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--ara-icon-size-mobile) + 40px);
    height: calc(var(--ara-icon-size-mobile) + 40px);
    margin-bottom: 1.5rem;
    color: var(--ara-accent);
    background: color-mix(in srgb, var(--ara-accent) 7%, var(--ara-card-bg));
    border-radius: 50%;
    box-shadow: 0 8px 30px color-mix(in srgb, var(--ara-accent) 20%, transparent);
  }

  .ara-premium-yearly__paywall h2 {
    margin: 0 0 1rem;
    color: var(--ara-heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--ara-card-title-size-mobile);
    font-weight: var(--font-heading-weight);
    line-height: 1.2;
  }

  .ara-premium-yearly__paywall p {
    margin: 0 0 2rem;
    color: var(--ara-body-color);
    font-family: var(--font-body-family);
    font-size: var(--ara-body-size-mobile);
    line-height: var(--ara-body-line-height-mobile);
  }

  .ara-premium-yearly__paywall-button {
    display: inline-flex;
    justify-content: center;
    padding: max(8px, calc(var(--ara-tab-padding-mobile) - 2px)) calc(var(--ara-tab-padding-mobile) + 10px);
    color: #ffffff;
    background: linear-gradient(
      100deg,
      color-mix(in srgb, var(--ara-accent) 38%, white) 0%,
      var(--ara-accent) 100%
    );
    border-radius: 999px;
    font-family: var(--font-body-family);
    font-size: var(--ara-tab-font-size-mobile);
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .ara-premium-yearly__paywall-button:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--ara-accent) 28%, transparent);
  }

  .ara-premium-yearly__inner.page-width {
    padding: 0px 21px;
}

.ara-premium-yearly__compatibility-item {
    border: none;
    padding: 0;
}

.ara-premium-yearly__card br {
    display: none;
}

.page-premium-yearly footer.ara-footer {
    padding-top: 0px !important;
}

.premium-scroll-trigger {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.premium-scroll-trigger::-webkit-scrollbar {
  display: none;
}

.ara-premium-yearly__tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 28px !important;
}

  @media screen and (min-width: 750px) {
    .ara-premium-yearly {
      width: 100%;
      max-width: var(--ara-section-width-desktop);
    }

    .ara-premium-yearly__inner {
      width: 100%;
      max-width: var(--ara-content-width-desktop);
      padding-right: var(--ara-side-padding-desktop);
      padding-left: var(--ara-side-padding-desktop);
    }

    .ara-premium-yearly__title {
      margin-bottom: 22px;
      font-size: 56px;
    }

    .ara-premium-yearly__tabs,
    .ara-premium-yearly__toc,
    .ara-premium-yearly__cards,
    .ara-premium-yearly__missing,
    .ara-premium-yearly__paywall-inner {
      width: 100%;
      max-width: var(--ara-box-width-desktop);
    }

    .ara-premium-yearly__tabs {
      gap: var(--ara-tab-gap-desktop);
      margin-bottom: var(--ara-title-margin-desktop);
    }

    .ara-premium-yearly__tab {
      width: auto;
      height: 40px;
      padding: 6px 16px;
      font-size: 18px;
      letter-spacing: -1%;
    }

    .ara-premium-yearly__period {
      margin-bottom: 24px;
      font-size: 20px;
    }

    .ara-premium-yearly__toc {
      margin-bottom: 56px;
      padding: 24px;
      border-radius: 32px;
    }

    .ara-premium-yearly__toc h2 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1%;
}

    .ara-premium-yearly__toc a {
      font-size: var(--ara-toc-link-size-desktop);
    }

    .ara-premium-yearly__cards,
    .ara-premium-yearly__compatibility {
      gap: 16px;
    }

    .ara-premium-yearly__card {
      padding: 24px;
      border-radius: 32px;
    }

    .ara-premium-yearly__icon svg,
    .ara-premium-yearly__icon img {
      width: var(--ara-icon-size-desktop);
      height: var(--ara-icon-size-desktop);
    }

    .ara-premium-yearly__heading {
      align-items: center;
    }

    .ara-premium-yearly__heading h2 {
      font-size: 20px;
    }

    .ara-premium-yearly__content,
    .ara-premium-yearly__compatibility {
      font-size: 20px;
      line-height: 150%;
    }

    .ara-premium-yearly__compatibility-item {
      padding-bottom: 16px;
        border-bottom: 1px solid #ed6d8a3d !important;
    }

    .ara-premium-yearly__compatibility-item:last-child {
    padding-bottom: 0;
    border-bottom: 0 !important;
}

    .ara-premium-yearly__compatibility-item h3 {
      font-size: 20px;
      font-weight: 600;
              letter-spacing: -1%;
    }

    .ara-premium-yearly__missing,
    .ara-premium-yearly__paywall {
      padding: calc(var(--ara-card-gap-desktop) + var(--ara-card-gap-desktop)) 0;
    }

    .ara-premium-yearly__missing,
    .ara-premium-yearly__paywall-inner {
      padding: var(--ara-card-padding-desktop);
      border-radius: var(--ara-card-radius-desktop);
    }

    .ara-premium-yearly__missing h2,
    .ara-premium-yearly__paywall h2 {
      font-size: var(--ara-card-title-size-desktop);
    }

    .ara-premium-yearly__paywall p {
      font-size: var(--ara-body-size-desktop);
      line-height: var(--ara-body-line-height-desktop);
    }

    .ara-premium-yearly__paywall-icon {
      width: calc(var(--ara-icon-size-desktop) + 42px);
      height: calc(var(--ara-icon-size-desktop) + 42px);
    }

    .ara-premium-yearly__paywall-button {
      padding: max(8px, calc(var(--ara-tab-padding-desktop) - 2px)) calc(var(--ara-tab-padding-desktop) + 12px);
      font-size: var(--ara-tab-font-size-desktop);
    }
  }
  @media (max-width: 767px){
.ara-premium-yearly {
    padding-top: 24px !important;
    padding-bottom: 80px !important;
}
.ara-premium-yearly__toc h2 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: -1%;
}
    .ara-premium-yearly__tab {
    flex: 0 0 auto;
            min-width: 70px;
    }
    .ara-premium-yearly__period {
    margin-bottom: 14px;
}
.ara-premium-yearly__title {
    letter-spacing: -5%;
    font-size: 28px;
    margin-bottom: 24px;
}
.ara-premium-yearly__inner.page-width {
    padding: 0px 16px !important;
}
.ara-premium-yearly__card, nav.ara-premium-yearly__toc {
    border-radius: 20px;
}

.ara-premium-yearly__compatibility, .ara-premium-yearly__content.rte {
    width: min(38ch, calc(100% - clamp(32px, 9.6vw, 40px)));
    max-width: none;
    padding: 24px 0 30px;
}
.ara-premium-yearly__heading h2 {
    font-size: clamp(15px, 3.8vw, 16px);
    font-weight: 600;
    line-height: 1.28;
}
nav.ara-premium-yearly__toc {
    padding: 20px 16px 22px;
    margin-bottom: 32px;
}

.ara-premium-yearly__toc a {
    font-size: 15px;
    letter-spacing: -1%;
    line-height: 21px;
    min-height: 44px;
    padding: 10px 0;
    overflow-wrap: normal;
    word-break: normal;
    box-sizing: border-box;
    display: block;
}
.ara-premium-yearly__toc li::before {
    top: 17px;
    background: #FF96AE;
}

.ara-premium-yearly__tabs {
    margin-bottom: 24px;
}
.ara-premium-yearly__toc li {
    min-height: 44px;
}
.ara-premium-yearly__toc ul {
    gap: 0px;
}
.ara-premium-yearly__card {
    padding: 0px;
}
.ara-premium-yearly__heading {
    min-height: 58px;
    padding: 12px;
    align-items: center;
    gap: 8px;
    margin: 0px;
}
.metafield-rich_text_field p {
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
}
    .metafield-rich_text_field p + p {
        margin-top: 22px;
    }
.ara-premium-yearly__cards {
    gap: 16px;
}
.metafield-rich_text_field p br {
    display: none;
}

.ara-premium-yearly__compatibility {
    gap: 24px !important;
}
.ara-premium-yearly__compatibility-item h3 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
            margin-bottom: 6px;
}
.ara-premium-yearly__compatibility-item {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(244, 220, 229, 0.8) !important;
}
.ara-premium-yearly__compatibility-item:last-child {
    padding-bottom: 0;
    border-bottom: 0 !important;
}
  }

  @media (max-width: 349px) {
.ara-premium-yearly__inner.page-width {
    padding: 0px 12px;
}
}

  .ara-premium-yearly__panel[hidden] {
    display: none !important;
  }



  /* Desktop content width/alignment */
  @media screen and (min-width: 750px) {
    .ara-premium-yearly__inner {
      width: 100%;
      max-width: 1240px;
      margin: 0 auto;
    }

    .ara-premium-yearly__panel {
      width: 100%;
      max-width: 100%;
      margin: 0;
    }

    .ara-premium-yearly__toc,
    .ara-premium-yearly__cards,
    .ara-premium-yearly__missing,
    .ara-premium-yearly__paywall-inner {
      width: 100%;
      max-width: 100%;
    }
  }



  @media screen and (min-width: 750px) {
    .ara-premium-yearly__inner {
      width: 100%;
      max-width: 1240px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      box-sizing: border-box !important;
    }

    .ara-premium-yearly__panels,
    .ara-premium-yearly__panel {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      box-sizing: border-box !important;
    }

    .ara-premium-yearly__toc,
    .ara-premium-yearly__cards {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
  }
/* END_SECTION:premium-yearly-content */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:horoscope-benefits (INDEX:90) */
.horoscope-benefits {
    padding: 3rem 0;
    margin: 2rem 0;
  }

  .horoscope-benefits__header {
    text-align: center;
    margin-bottom: 2.5rem;
  }

  .horoscope-benefits__title {
    font-size: calc(var(--font-heading-scale) * 2.625rem);
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    color: rgb(var(--color-foreground));
    margin: 0 0 0.75rem;
  }

  .horoscope-benefits__subtitle {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    font-family: var(--font-body-family);
    color: rgba(var(--color-foreground), 0.7);
    margin: 0;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .horoscope-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }

  .horoscope-benefits__item {
    background: #ffffff;
    border: 1px solid rgba(244, 194, 208, 0.4);
    transition: all 0.3s ease;
    box-shadow: 0 2px 12px rgba(232, 160, 181, 0.12);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
  }

  .horoscope-benefits__item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(232, 160, 181, 0.15);
    border-color: #f4c2d0;
  }

  .horoscope-benefits__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #fff5f8 0%, #ffffff 100%);
    border-radius: 50%;
    margin-bottom: 1rem;
    color: #e8a0b5;
    box-shadow: inset 0 0 10px 3px rgba(232, 160, 181, 0.3), 0 0 8px 3px rgba(232, 160, 181, 0.5), 0 0 28px 12px rgba(232, 160, 181, 0.15);
    overflow: hidden;
  }

  .horoscope-benefits__icon-img {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 50%;
  }

  .horoscope-benefits__item-title {
    font-size: calc(var(--font-heading-scale) * 1.5rem);
    font-family: var(--font-heading-family);
    font-weight: 600;
    color: rgb(var(--color-foreground));
    margin: 0 0 0.5rem;
  }

  .horoscope-benefits__item-desc {
    font-size: calc(var(--font-body-scale) * 1.3rem);
    font-family: var(--font-body-family);
    color: rgba(var(--color-foreground), 0.7);
    margin: 0;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (max-width: 989px) {
    .horoscope-benefits__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media screen and (max-width: 749px) {
    .horoscope-benefits {
      padding: 2rem 0;
    }

    .horoscope-benefits__title {
      font-size: calc(var(--font-heading-scale) * 2.25rem);
    }

    .horoscope-benefits__grid {
      grid-template-columns: 1fr;
      gap: 1rem;
    }

    .horoscope-benefits__item {
      padding: 1.25rem;
    }
  }
/* END_SNIPPET:horoscope-benefits */

/* START_SNIPPET:horoscope-cta-button (INDEX:91) */
.horoscope-cta-button {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
    padding: 1.5rem 0;
  }

  .horoscope-cta-button__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    background: linear-gradient(
      100deg,
      #f7c6d0,
      rgb(var(--color-button))
    );
    color: #ffffff;
    padding: 1rem 2rem;
    border-radius: 50px;
    font-size: calc(var(--font-body-scale) * 1.5rem);
    font-family: var(--font-body-family);
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(232, 160, 181, 0.3);
  }

  .horoscope-cta-button__btn:hover {
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(232, 160, 181, 0.4);
  }

  .horoscope-cta-button__btn:active {
    transform: translateY(-1px);
  }

  @media screen and (max-width: 749px) {
    .horoscope-cta-button__btn {
      padding: 0.875rem 1.5rem;
      font-size: calc(var(--font-body-scale) * 1.35rem);
    }
  }
/* END_SNIPPET:horoscope-cta-button */

/* START_SNIPPET:horoscope-feed (INDEX:92) */
.horoscope-feed {
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
    padding: 1.5rem;
  }

  .horoscope-feed__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #F4C2D0;
  }

  .horoscope-feed__title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
  }

  .horoscope-feed__filter {
    font-size: 0.75rem;
    color: #E8A0B5;
    background: #FFF5F8;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
  }

  .horoscope-feed__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .horoscope-feed__item {
    border-radius: 8px;
    transition: background-color 0.2s ease;
  }

  .horoscope-feed__item:hover {
    background-color: #FFF5F8;
  }

  .horoscope-feed__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    text-decoration: none;
    color: inherit;
  }

  .horoscope-feed__image {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
  }

  .horoscope-feed__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .horoscope-feed__content {
    flex: 1;
    min-width: 0;
  }

  .horoscope-feed__item-title {
    font-size: 0.9375rem;
    font-weight: 500;
    margin: 0 0 0.25rem;
    color: #2D2D2D;
  }

  .horoscope-feed__date {
    font-size: 0.75rem;
    color: #888;
  }

  .horoscope-feed__arrow {
    flex-shrink: 0;
    color: #E8A0B5;
  }

  .horoscope-feed__empty {
    color: #888;
    text-align: center;
    padding: 2rem 0;
    font-size: 0.875rem;
  }

  .horoscope-feed__footer {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #F4C2D0;
    text-align: center;
  }

  .horoscope-feed__view-all {
    color: #E8A0B5;
    font-weight: 600;
    text-decoration: underline;
  }

  .horoscope-feed__view-all:hover {
    color: #D4899F;
  }
/* END_SNIPPET:horoscope-feed */

/* START_SNIPPET:horoscope-sneak-peek (INDEX:93) */
.horoscope-sneak-peek {
    padding: 3rem 0;
    margin: 2rem 0;
  }

  .horoscope-sneak-peek__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 2rem;
    max-width: 1200px;
    margin: 0 auto;
  }

  .horoscope-sneak-peek__title {
    font-size: calc(var(--font-heading-scale) * 2.25rem);
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    color: rgb(var(--color-foreground));
    margin: 0;
    line-height: 1.3;
  }

  .horoscope-sneak-peek__title-highlight {
    display: block;
    color: #e8a0b5;
  }

  .horoscope-sneak-peek__nav {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
  }

  .horoscope-sneak-peek__btn {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #f0e6ea;
    color: rgb(var(--color-foreground));
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .horoscope-sneak-peek__btn:hover:not([disabled]) {
    background: #fff5f8;
    border-color: #f4c2d0;
    color: #e8a0b5;
  }

  .horoscope-sneak-peek__btn[disabled] {
    opacity: 0.3;
    cursor: not-allowed;
  }

  .horoscope-sneak-peek__slider {
    --desktop-margin-left-first-item: 0;
  }

  .horoscope-sneak-peek__track {
    display: flex;
    gap: 1.25rem;
    scroll-padding-left: 0;
  }

  .horoscope-sneak-peek__slide {
    flex: 0 0 auto;
    width: 280px;
  }

  /* Card styles */
  .sneak-peek-card {
    position: relative;
    height: 380px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #f0e6ea;
    transition: all 0.3s ease;
  }

  .sneak-peek-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(232, 160, 181, 0.2);
    border-color: #f4c2d0;
  }

  /* Zodiac card - special gradient */
  .sneak-peek-card--zodiac {
    background: linear-gradient(135deg, #fff5f8 0%, #fce4ec 50%, #f8bbd9 100%);
    border-color: #f4c2d0;
  }

  .sneak-peek-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5rem;
    color: rgb(var(--color-foreground));
  }

  .sneak-peek-card--zodiac .sneak-peek-card__zodiac-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    color: #e8a0b5;
  }

  .sneak-peek-card--zodiac .sneak-peek-card__zodiac-icon svg {
    width: 80px;
    height: 80px;
  }

  .sneak-peek-card__zodiac-title {
    font-size: calc(var(--font-heading-scale) * 1.5rem);
    font-family: var(--font-heading-family);
    font-weight: 500;
    text-align: center;
    color: #e8a0b5;
    margin: 1rem 0 0;
    line-height: 1.3;
  }

  .sneak-peek-card__part {
    display: inline-block;
    font-size: 0.875rem;
    font-family: var(--font-body-family);
    color: #e8a0b5;
    background: linear-gradient(135deg, #fff5f8 0%, #ffffff 100%);
    border: 1px solid #f4c2d0;
    border-radius: 20px;
    padding: 0.375rem 1rem;
    margin-bottom: 1rem;
    width: fit-content;
  }

  .sneak-peek-card__title {
    font-size: calc(var(--font-heading-scale) * 1.375rem);
    font-family: var(--font-heading-family);
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    flex-grow: 1;
    color: rgb(var(--color-foreground));
  }

  .sneak-peek-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    font-family: var(--font-body-family);
    color: rgba(var(--color-foreground), 0.5);
    padding-top: 1rem;
    margin-top: auto;
    border-top: 1px solid #f0e6ea;
  }

  .sneak-peek-card__footer-title {
    flex: 1;
  }

  .sneak-peek-card__footer-page {
    margin-left: 1rem;
    color: #e8a0b5;
    font-weight: 500;
  }

  /* Responsive */
  @media screen and (max-width: 749px) {
    .horoscope-sneak-peek {
      padding: 2rem 0;
    }

    .horoscope-sneak-peek__header {
      flex-direction: column;
      gap: 1rem;
      padding: 0 1.5rem 1.5rem;
    }

    .horoscope-sneak-peek__title {
      font-size: calc(var(--font-heading-scale) * 1.75rem);
    }

    .horoscope-sneak-peek__slide {
      width: 240px;
    }

    .sneak-peek-card {
      height: 320px;
    }

    .sneak-peek-card__title {
      font-size: calc(var(--font-heading-scale) * 1.125rem);
    }

    .horoscope-sneak-peek__track {
      scroll-padding-left: 1.5rem;
    }

    .horoscope-sneak-peek__slide:first-child {
      margin-left: 1.5rem;
    }
  }

  @media screen and (min-width: 990px) {
    .horoscope-sneak-peek__title {
      font-size: calc(var(--font-heading-scale) * 2.625rem);
    }

    .horoscope-sneak-peek__slide {
      width: 300px;
    }

    .sneak-peek-card {
      height: 400px;
    }
  }
/* END_SNIPPET:horoscope-sneak-peek */

/* START_SNIPPET:member-audio-player (INDEX:99) */
.audio-player {
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
  }

  @media screen and (min-width: 750px) {
    .audio-player {
      flex-wrap: nowrap;
    }
  }

  .audio-player__icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #FFF5F8 0%, #FFFFFF 100%);
    border: 2px solid #E8A0B5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E8A0B5;
    flex-shrink: 0;
  }

  .audio-player__info {
    flex: 1;
    min-width: 120px;
  }

  .audio-player__title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #2D2D2D;
    margin: 0 0 0.25rem;
  }

  .audio-player__desc {
    font-size: 0.8125rem;
    color: #666;
    margin: 0;
  }

  .audio-player__controls {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
  }

  @media screen and (min-width: 750px) {
    .audio-player__controls {
      width: auto;
      flex: 1;
      max-width: 300px;
    }
  }

  .audio-player__play-btn {
    width: 40px;
    height: 40px;
    background: #E8A0B5;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .audio-player__play-btn:hover {
    background: #D4899F;
    transform: scale(1.05);
  }

  .audio-player__play-btn svg {
    margin-left: 2px;
  }

  .audio-player--playing .audio-player__play-icon {
    display: none;
  }

  .audio-player--playing .audio-player__pause-icon {
    display: block !important;
    margin-left: 0;
  }

  .audio-player__progress-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .audio-player__progress {
    width: 100%;
    height: 6px;
    background: #F4C2D0;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
  }

  .audio-player__progress-bar {
    height: 100%;
    background: #E8A0B5;
    border-radius: 3px;
    width: 0%;
    transition: width 0.1s linear;
  }

  .audio-player__time {
    display: flex;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #888;
  }

  .audio-player__download-btn {
    width: 36px;
    height: 36px;
    background: #FFF5F8;
    border: 1px solid #F4C2D0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E8A0B5;
    text-decoration: none;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .audio-player__download-btn:hover {
    background: #E8A0B5;
    color: #FFFFFF;
    border-color: #E8A0B5;
  }
/* END_SNIPPET:member-audio-player */

/* START_SNIPPET:member-downloads (INDEX:100) */
.member-downloads {
    animation: fadeIn 0.3s ease;
  }

  .member-downloads__header {
    text-align: center;
    margin-bottom: 2rem;
  }

  .member-downloads__title {
    font-size: calc(var(--font-heading-scale) * 1.75rem);
    font-weight: 600;
    color: #2D2D2D;
    margin: 0 0 0.5rem;
  }

  .member-downloads__subtitle {
    color: #666;
    margin: 0;
  }

  .member-downloads__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
  }

  @media screen and (min-width: 750px) {
    .member-downloads__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media screen and (min-width: 990px) {
    .member-downloads__grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .member-downloads__item {
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
  }

  .member-downloads__item:hover {
    border-color: #E8A0B5;
    box-shadow: 0 4px 12px rgba(232, 160, 181, 0.15);
  }

  .member-downloads__item-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #FFF5F8 0%, #FFFFFF 100%);
    border: 2px solid #F4C2D0;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E8A0B5;
    margin-bottom: 1rem;
  }

  .member-downloads__item-icon--moon {
    border-radius: 50%;
  }

  .member-downloads__item-info {
    flex: 1;
    margin-bottom: 1rem;
  }

  .member-downloads__item-title {
    font-size: 1rem;
    font-weight: 600;
    color: #2D2D2D;
    margin: 0 0 0.5rem;
  }

  .member-downloads__item-desc {
    font-size: 0.875rem;
    color: #666;
    margin: 0;
    line-height: 1.5;
  }

  .member-downloads__item-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #E8A0B5;
    color: #FFFFFF;
    padding: 0.75rem 1.25rem;
    border-radius: 25px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .member-downloads__item-btn:hover {
    background: #D4899F;
    transform: translateY(-2px);
  }

  /* Empty State */
  .member-downloads__empty {
    text-align: center;
    padding: 3rem 1.5rem;
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
  }

  .member-downloads__empty-icon {
    color: #E8A0B5;
    margin-bottom: 1rem;
  }

  .member-downloads__empty p {
    color: #666;
    margin: 0;
  }
/* END_SNIPPET:member-downloads */

/* START_SNIPPET:member-horoscopes (INDEX:101) */
.member-horoscopes {
    animation: fadeIn 0.3s ease;
  }

  .member-horoscopes__header {
    text-align: center;
    margin-bottom: 2rem;
  }

  .member-horoscopes__title {
    font-size: calc(var(--font-heading-scale) * 1.75rem);
    font-weight: 600;
    color: #2D2D2D;
    margin: 0 0 0.5rem;
  }

  .member-horoscopes__subtitle {
    color: #666;
    margin: 0;
  }

  /* Selector Section */
  .member-horoscopes__selector {
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
  }

  .member-horoscopes__selector-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }

  .member-horoscopes__selector-title {
    font-size: 1rem;
    font-weight: 600;
    color: #2D2D2D;
    margin: 0;
  }

  .member-horoscopes__edit-btn {
    background: none;
    border: none;
    color: #E8A0B5;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
  }

  .member-horoscopes__edit-btn:hover {
    color: #D4899F;
  }

  .member-horoscopes__selector-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
  }

  @media screen and (min-width: 750px) {
    .member-horoscopes__selector-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .member-horoscopes__selector-grid--compact .sign-selector__select {
    padding: 0.625rem 2.5rem 0.625rem 1rem;
    font-size: 0.9375rem;
  }

  .member-horoscopes__selector-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #F4C2D0;
  }

  .member-horoscopes__save-btn {
    background: #E8A0B5;
    color: #FFFFFF;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .member-horoscopes__save-btn:hover {
    background: #D4899F;
    transform: translateY(-1px);
  }

  .member-horoscopes__save-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
  }

  .member-horoscopes__save-status {
    font-size: 0.875rem;
    color: #666;
  }

  .member-horoscopes__save-status--success {
    color: #4CAF50;
  }

  .member-horoscopes__save-status--error {
    color: #D32F2F;
  }

  /* Readings */
  .member-horoscopes__content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .member-horoscopes__reading {
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
    overflow: hidden;
  }

  .member-horoscopes__reading-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #FFF5F8 0%, #FFFFFF 100%);
    border-bottom: 1px solid #F4C2D0;
  }

  .member-horoscopes__reading-icon {
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 2px solid #E8A0B5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E8A0B5;
  }

  .member-horoscopes__reading-info {
    flex: 1;
  }

  .member-horoscopes__reading-type {
    font-size: 0.75rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.25rem;
  }

  .member-horoscopes__reading-sign {
    font-size: 1.25rem;
    font-weight: 600;
    color: #E8A0B5;
  }

  .member-horoscopes__reading-body {
    padding: 1.5rem;
  }

  .member-horoscopes__reading-content {
    line-height: 1.7;
    color: #2D2D2D;
  }

  .member-horoscopes__reading-content h1,
  .member-horoscopes__reading-content h2,
  .member-horoscopes__reading-content h3 {
    color: #2D2D2D;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .member-horoscopes__reading-content h1:first-child,
  .member-horoscopes__reading-content h2:first-child,
  .member-horoscopes__reading-content h3:first-child {
    margin-top: 0;
  }

  .member-horoscopes__reading-content p {
    margin-bottom: 1rem;
  }

  .member-horoscopes__no-content {
    color: #888;
    font-style: italic;
  }

  /* Empty State */
  .member-horoscopes__empty {
    text-align: center;
    padding: 3rem 1.5rem;
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
  }

  .member-horoscopes__empty-icon {
    color: #E8A0B5;
    margin-bottom: 1rem;
  }

  .member-horoscopes__empty p {
    color: #666;
    margin: 0;
  }
/* END_SNIPPET:member-horoscopes */

/* START_SNIPPET:member-overview (INDEX:102) */
.member-overview {
    animation: fadeIn 0.3s ease;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .member-overview__grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  @media screen and (min-width: 750px) {
    .member-overview__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media screen and (min-width: 990px) {
    .member-overview__grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .member-overview__card--status {
      grid-row: span 2;
    }
  }

  .member-overview__card {
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
    padding: 1.5rem;
  }

  .member-overview__card--status {
    padding: 0;
    border: none;
    background: transparent;
  }

  .member-overview__card--status > * {
    height: 100%;
  }

  .member-overview__card-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #2D2D2D;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #F4C2D0;
  }

  .member-overview__card-title svg {
    color: #E8A0B5;
  }

  .member-overview__signs-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
  }

  .member-overview__sign-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px dashed #F4C2D0;
  }

  .member-overview__sign-item:last-child {
    border-bottom: none;
  }

  .member-overview__sign-label {
    color: #666;
    font-size: 0.875rem;
  }

  .member-overview__sign-value {
    font-weight: 600;
    color: #E8A0B5;
  }

  .member-overview__empty {
    color: #888;
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }

  .member-overview__link {
    color: #E8A0B5;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: underline;
  }

  .member-overview__link:hover {
    color: #D4899F;
  }

  .member-overview__button {
    display: inline-block;
    background: #E8A0B5;
    color: #FFFFFF;
    padding: 0.625rem 1.25rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .member-overview__button:hover {
    background: #D4899F;
    transform: translateY(-1px);
  }

  .member-overview__links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .member-overview__links-list a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 8px;
    color: #2D2D2D;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .member-overview__links-list a:hover {
    background: #FFF5F8;
    color: #E8A0B5;
  }

  .member-overview__links-list svg {
    color: #E8A0B5;
    flex-shrink: 0;
  }

  .member-overview__account-details {
    margin-bottom: 1rem;
    line-height: 1.6;
  }

  .member-overview__account-details p {
    margin: 0 0 0.25rem;
    color: #2D2D2D;
  }

  .member-overview__address {
    color: #666 !important;
    font-size: 0.875rem;
  }

  .member-overview__account-links {
    padding-top: 0.75rem;
    border-top: 1px solid #F4C2D0;
  }

  /* Panel visibility */
  .member-portal-panel--hidden {
    display: none;
  }
/* END_SNIPPET:member-overview */

/* START_SNIPPET:member-portal-tabs (INDEX:103) */
.member-portal-tabs {
    margin-bottom: 2rem;
  }

  .member-portal-tabs__nav {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: #E8A0B5 #FFF5F8;
    -webkit-overflow-scrolling: touch;
  }

  .member-portal-tabs__nav::-webkit-scrollbar {
    height: 4px;
  }

  .member-portal-tabs__nav::-webkit-scrollbar-track {
    background: #FFF5F8;
    border-radius: 2px;
  }

  .member-portal-tabs__nav::-webkit-scrollbar-thumb {
    background: #E8A0B5;
    border-radius: 2px;
  }

  .member-portal-tabs__tab {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.875rem 1.25rem !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 2px solid #F4C2D0 !important;
    border-radius: 12px !important;
    color: #666 !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }

  .member-portal-tabs__tab:hover {
    background: #FFF5F8 !important;
    background-color: #FFF5F8 !important;
    border-color: #E8A0B5 !important;
    color: #E8A0B5 !important;
  }

  .member-portal-tabs__tab--active,
  .member-portal-tabs__tab--active:focus,
  .member-portal-tabs__tab--active:active {
    background: #E8A0B5 !important;
    background-color: #E8A0B5 !important;
    border: 2px solid #E8A0B5 !important;
    border-color: #E8A0B5 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(232, 160, 181, 0.3) !important;
  }

  .member-portal-tabs__tab--active:hover {
    background: #D4899F !important;
    background-color: #D4899F !important;
    border-color: #D4899F !important;
    color: #FFFFFF !important;
  }

  .member-portal-tabs__tab svg {
    flex-shrink: 0;
  }

  @media screen and (min-width: 750px) {
    .member-portal-tabs__nav {
      justify-content: center;
      flex-wrap: wrap;
    }

    .member-portal-tabs__tab {
      padding: 1rem 1.5rem !important;
      font-size: 1rem !important;
    }
  }
/* END_SNIPPET:member-portal-tabs */

/* START_SNIPPET:member-rituals (INDEX:104) */
.member-rituals {
    animation: fadeIn 0.3s ease;
  }

  .member-rituals__header {
    text-align: center;
    margin-bottom: 2rem;
  }

  .member-rituals__title {
    font-size: calc(var(--font-heading-scale) * 1.75rem);
    font-weight: 600;
    color: #2D2D2D;
    margin: 0 0 0.5rem;
  }

  .member-rituals__subtitle {
    color: #666;
    margin: 0;
  }

  .member-rituals__section {
    margin-bottom: 2.5rem;
  }

  .member-rituals__section:last-child {
    margin-bottom: 0;
  }

  .member-rituals__section-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #2D2D2D;
    margin: 0 0 0.5rem;
  }

  .member-rituals__section-title svg {
    color: #E8A0B5;
  }

  .member-rituals__section-desc {
    color: #666;
    margin: 0 0 1.5rem;
    font-size: 0.9375rem;
  }

  /* Journals Grid */
  .member-rituals__journals-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
  }

  @media screen and (min-width: 750px) {
    .member-rituals__journals-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  .member-rituals__journal {
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
  }

  .member-rituals__journal:hover {
    border-color: #E8A0B5;
    box-shadow: 0 4px 12px rgba(232, 160, 181, 0.15);
  }

  .member-rituals__journal-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%);
    border: 2px solid #F4C2D0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F4C2D0;
    margin-bottom: 1rem;
  }

  .member-rituals__journal-icon--full svg circle {
    fill: #F4C2D0;
  }

  .member-rituals__journal-info {
    margin-bottom: 1rem;
  }

  .member-rituals__journal-info h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #2D2D2D;
    margin: 0 0 0.5rem;
  }

  .member-rituals__journal-info p {
    font-size: 0.875rem;
    color: #666;
    margin: 0;
    line-height: 1.5;
  }

  .member-rituals__journal-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #E8A0B5;
    color: #FFFFFF;
    padding: 0.75rem 1.25rem;
    border-radius: 25px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .member-rituals__journal-btn:hover {
    background: #D4899F;
    transform: translateY(-2px);
  }

  /* Meditations List */
  .member-rituals__meditations-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  /* Empty State */
  .member-rituals__empty {
    text-align: center;
    padding: 3rem 1.5rem;
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
  }

  .member-rituals__empty-icon {
    color: #E8A0B5;
    margin-bottom: 1rem;
  }

  .member-rituals__empty p {
    color: #666;
    margin: 0;
  }
/* END_SNIPPET:member-rituals */

/* START_SNIPPET:member-sign-selector (INDEX:105) */
.sign-selector {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .sign-selector__label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #2D2D2D;
  }

  .sign-selector__select-wrapper {
    position: relative;
  }

  .sign-selector__select {
    width: 100%;
    padding: 0.875rem 2.5rem 0.875rem 1rem;
    background: #FFFFFF;
    border: 2px solid #F4C2D0;
    border-radius: 10px;
    font-size: 1rem;
    color: #2D2D2D;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: all 0.2s ease;
  }

  .sign-selector__select:hover {
    border-color: #E8A0B5;
  }

  .sign-selector__select:focus {
    outline: none;
    border-color: #E8A0B5;
    box-shadow: 0 0 0 3px rgba(232, 160, 181, 0.2);
  }

  .sign-selector__icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #E8A0B5;
    pointer-events: none;
  }
/* END_SNIPPET:member-sign-selector */

/* START_SNIPPET:paywall-block (INDEX:108) */
.paywall-block {
    background: #ffffff;
    border: 1px solid rgba(244, 194, 208, 0.4);
    transition: all 0.3s ease;
    box-shadow: 0 2px 12px rgba(232, 160, 181, 0.12);
    border-radius: 16px;
    padding: 3rem 2rem;
    text-align: center;
    max-width: 500px;
    margin: 2rem auto;
  }

  .paywall-block__icon {
    color: #E8A0B5;
    margin-bottom: 1.5rem;
  }

  .paywall-block__title {
    font-size: calc(var(--font-heading-scale) * 2.625rem);
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    margin-bottom: 0.75rem;
    color: rgb(var(--color-foreground));
  }

  .paywall-block__description {
    color: #666;
    margin-bottom: 1.5rem;
    line-height: 1.6;
  }

  .paywall-block__features {
    margin-bottom: 2rem;
  }

  .paywall-block__features-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    display: inline-block;
  }

  .paywall-block__features-list li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    color: #2D2D2D;
  }

  .paywall-block__features-list svg {
    color: #E8A0B5;
    flex-shrink: 0;
  }

  .paywall-block__actions {
    margin-bottom: 1.5rem;
  }

  .paywall-block__price {
    font-size: calc(var(--font-heading-scale) * 2.25rem);
    font-family: var(--font-heading-family);
    font-weight: 700;
    color: #E8A0B5;
    margin-bottom: 1rem;
  }

  .paywall-block__form {
    display: inline-block;
  }

  .paywall-block__setup-notice {
    margin-top: 0.5rem;
    color: #999;
  }

  .paywall-block__button {
    background-color: #E8A0B5;
    color: #FFFFFF;
    padding: 1rem 2.5rem;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    border: none;
  }

  .paywall-block__button:hover {
    background-color: #D4899F;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(232, 160, 181, 0.4);
  }

  .paywall-block__login {
    font-size: calc(var(--font-body-scale) * 1.35rem);
    font-family: var(--font-body-family);
    color: rgba(var(--color-foreground), 0.7);
  }

  .paywall-block__login-link {
    color: #E8A0B5;
    font-weight: 600;
    text-decoration: underline;
  }

  .paywall-block__login-link:hover {
    color: #D4899F;
  }

  .paywall-block__subscribed-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #e8f5e9;
    color: #2e7d32;
    font-weight: 600;
    font-size: calc(var(--font-body-scale) * 1rem);
    padding: 0.625rem 1.25rem;
    border-radius: 30px;
    margin-bottom: 1rem;
  }

  .paywall-block__upgrade {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #F4C2D0;
    font-size: calc(var(--font-body-scale) * 1.25rem);
    font-family: var(--font-body-family);
    color: rgba(var(--color-foreground), 0.6);
  }
/* END_SNIPPET:paywall-block */

/* START_SNIPPET:subscription-status (INDEX:126) */
.subscription-status {
    background: #FFFFFF;
    border: 1px solid #F4C2D0;
    border-radius: 12px;
    padding: 1.5rem;
  }

  .subscription-status__header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
  }

  .subscription-status__icon {
    color: #E8A0B5;
  }

  .subscription-status__label {
    font-size: 0.875rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .subscription-status__value {
    margin-bottom: 1rem;
  }

  .subscription-status__badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
  }

  .subscription-status__badge--active,
  .subscription-status__badge--monthly,
  .subscription-status__badge--yearly {
    background-color: #E8A0B5;
    color: #FFFFFF;
  }

  .subscription-status__badge--expired {
    background-color: #FFE4E4;
    color: #D32F2F;
  }

  .subscription-status__badge--none {
    background-color: #F5F5F5;
    color: #666;
  }

  .subscription-status__actions {
    padding-top: 1rem;
    border-top: 1px solid #F4C2D0;
  }

  .subscription-status__link {
    color: #E8A0B5;
    text-decoration: underline;
    font-size: 0.875rem;
  }

  .subscription-status__link:hover {
    color: #D4899F;
  }

  .subscription-status__button {
    background-color: #E8A0B5;
    color: #FFFFFF;
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
  }

  .subscription-status__button:hover {
    background-color: #D4899F;
    transform: translateY(-2px);
  }
/* END_SNIPPET:subscription-status */

/* START_SNIPPET:yearly-purchase-block (INDEX:130) */
.ara-yearly-offer,
  .ara-yearly-offer * {
    box-sizing: border-box;
  }

  .ara-yearly-offer {
    --ara-yearly-heading: #111111;
    --ara-yearly-body: #4b4b4b;
    --ara-yearly-accent: #ed6d8a;
    --ara-yearly-card: #ffffff;
    --ara-yearly-divider: #f9e8ee;
    --ara-yearly-icon-bg: #ffeaf0;
    --ara-yearly-button-start: #ef91ab;
    --ara-yearly-button-end: #ffa0c2;

    width: 100%;
    max-width: 100%;
    margin: 52px auto 0;
    overflow: hidden;
    color: var(--ara-yearly-body);
    background: var(--ara-yearly-card);
    border-radius: 24px;
    box-shadow: 0 14px 42px rgba(237, 109, 138, 0.1);
    scroll-margin-top: 80px;
  }

  .ara-yearly-offer__header {
    padding: 24px 20px;
    text-align: center;
    border-bottom: 1px solid var(--ara-yearly-divider);
  }

  .ara-yearly-offer__header h2 {
    margin: 0 0 10px;
    color: var(--ara-yearly-heading);
    font-family: var(--font-heading-family);
    font-size: 22px;
    font-style: var(--font-heading-style);
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -0.03em;
  }

  .ara-yearly-offer__header p {
    max-width: 390px;
    margin: 0 auto;
    color: var(--ara-yearly-body);
    font-family: var(--font-body-family);
    font-size: 14px;
    font-style: var(--font-body-style);
    font-weight: 400;
    line-height: 1.35;
  }

  .ara-yearly-offer__features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 20px 20px 6px;
  }

  .ara-yearly-offer__feature {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--ara-yearly-heading);
    font-family: var(--font-body-family);
    font-size: 14px;
    font-style: var(--font-body-style);
    font-weight: 500;
    line-height: 1.25;
  }

  .ara-yearly-offer__feature > span:last-child {
    min-width: 0;
  }

  .ara-yearly-offer__feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    overflow: hidden;
    color: var(--ara-yearly-accent);
    background: var(--ara-yearly-icon-bg);
    border-radius: 7px;
  }

  .ara-yearly-offer__exact-icon {
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
  }

  .ara-yearly-offer__exact-icon--sparkle {
    width: 19px;
    height: 19px;
  }

  .ara-yearly-offer__exact-icon--heart {
    width: 14px;
    height: 13px;
  }

  .ara-yearly-offer__exact-icon--coin,
  .ara-yearly-offer__exact-icon--study {
    width: 18px;
    height: 18px;
  }

  .ara-yearly-offer__exact-icon--health {
    width: 15px;
    height: 15px;
  }

  .ara-yearly-offer__exact-icon--compatibility {
    width: 20px;
    height: 16px;
  }

  .ara-yearly-offer__actions {
    padding: 28px 20px 20px;
    text-align: center;
  }

  .ara-yearly-offer__price {
    margin: 0 0 16px;
    color: var(--ara-yearly-accent);
    font-family: var(--font-heading-family);
    font-size: 18px;
    font-style: var(--font-heading-style);
    font-weight: 400;
    line-height: 1.2;
  }

  .ara-yearly-offer__form {
    width: 100%;
    margin: 0;
  }

  .ara-yearly-offer__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    padding: 10px 20px;
    color: #ffffff;
    background: linear-gradient(
      100deg,
      var(--ara-yearly-button-start) 0%,
      var(--ara-yearly-button-end) 100%
    );
    border: 0;
    border-radius: 999px;
    box-shadow: 0 12px 30px rgba(237, 109, 138, 0.18);
    font-family: var(--font-body-family);
    font-size: 12px;
    font-style: var(--font-body-style);
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .ara-yearly-offer__button:hover {
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 15px 34px rgba(237, 109, 138, 0.24);
  }

  .ara-yearly-offer__button[disabled] {
    cursor: wait;
    opacity: 0.7;
  }

  @media screen and (min-width: 750px) {
    .ara-yearly-offer {
      width: 100%;
      max-width: 640px;
      margin-top: 120px;
      border-radius: 30px;
    }

    .ara-yearly-offer__header {
      padding: 34px 36px;
    }

    .ara-yearly-offer__header h2 {
      margin-bottom: 12px;
      font-size: 30px;
    }

    .ara-yearly-offer__header p {
      font-size: 18px;
    }

    .ara-yearly-offer__features {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 28px;
      row-gap: 12px;
      padding: 36px 36px 8px;
    }

    .ara-yearly-offer__feature {
      gap: 10px;
      font-size: 20px;
    }

    .ara-yearly-offer__feature-icon {
      width: 30px;
      height: 30px;
    }

    .ara-yearly-offer__actions {
      padding: 42px 36px 36px;
    }

    .ara-yearly-offer__price {
      margin-bottom: 18px;
      font-size: 22px;
    }

    .ara-yearly-offer__button {
      width: 190px;
      min-width: 205px;
      min-height: 56px;
      padding: 16px 28px;
      font-size: 18px;
    }
  }
/* END_SNIPPET:yearly-purchase-block */

/* START_SNIPPET:zodiac-button-ara (INDEX:131) */
.zodiac-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 1rem;
    background: #ffffff;
    border: 1px solid rgba(244, 194, 208, 0.4);
    border-radius: 16px;
    text-decoration: none;
    color: #2d2d2d;
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0 2px 12px rgba(232, 160, 181, 0.12);
  }

  .zodiac-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(232, 160, 181, 0.3);
    border-color: rgba(232, 160, 181, 0.5);
    filter: brightness(1.03);
  }

  .zodiac-button--active {
    background: linear-gradient(135deg, #e8a0b5 0%, #f4c2d0 100%);
    border-color: #e8a0b5;
    color: #ffffff;
  }

  .zodiac-button--active .zodiac-button__icon {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
  }

  .zodiac-button--active .zodiac-button__dates {
    color: rgba(255, 255, 255, 0.8);
  }

  .zodiac-button__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fff5f8 0%, #ffffff 100%);
    border-radius: 50%;
    color: #4a4a4a;
    transition: all 0.3s ease;
    overflow: hidden;
  }

  .zodiac-button__icon--image {
    width: 64px;
    height: 64px;
    padding: 4px;
    border-radius: 12px;
    background: transparent;
    overflow: visible;
  }

  .zodiac-button:hover .zodiac-button__icon {
    background: linear-gradient(135deg, #fff0f5 0%, #fce4ec 100%);
    color: #3a3a3a;
  }

  .zodiac-button:hover .zodiac-button__icon--image {
    background: transparent;
  }

  .zodiac-button--active .zodiac-button__icon--image {
    background: transparent;
  }

  .zodiac-icon__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 56px;
    max-height: 56px;
    object-fit: contain;
    margin: 0 auto;
  }

  .zodiac-button__content {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .zodiac-button__name {
    font-size: calc(var(--font-heading-scale) * 1.5rem);
    font-family: var(--font-heading-family);
    font-weight: 600;
    letter-spacing: 0.02em;
  }

  .zodiac-button__dates {
    font-size: calc(var(--font-body-scale) * 1.1rem);
    font-family: var(--font-body-family);
    color: rgba(var(--color-foreground), 0.6);
    transition: color 0.3s ease;
  }

  .zodiac-button:hover .zodiac-button__dates {
    color: #e8a0b5;
  }

  .zodiac-button__explore {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.5rem 1.25rem;
    background: linear-gradient(
      100deg,
      #f7c6d0 0%,
      rgb(var(--color-button)) 100%
    );
    color: #ffffff;
    font-size: calc(var(--font-body-scale) * 1.1rem);
    font-family: var(--font-body-family);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    border-radius: 20px;
    transition: all 0.3s ease;
  }

  .zodiac-button__explore:hover {
    background: linear-gradient(
      100deg,
      #f7c6d0 0%,
      rgb(var(--color-button)) 100%
    );
    transform: scale(1.05);
  }

  .zodiac-button--active .zodiac-button__explore {
    background: #ffffff;
    color: #e8a0b5;
  }

  .zodiac-button--active .zodiac-button__explore:hover {
    background: rgba(255, 255, 255, 0.9);
  }
/* END_SNIPPET:zodiac-button-ara */

/* START_SNIPPET:zodiac-button (INDEX:132) */
.zodiac-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 1rem;
    background: #ffffff;
    border: 1px solid rgba(244, 194, 208, 0.4);
    border-radius: 16px;
    text-decoration: none;
    color: #2d2d2d;
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0 2px 12px rgba(232, 160, 181, 0.12);
  }

  .zodiac-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(232, 160, 181, 0.3);
    border-color: rgba(232, 160, 181, 0.5);
    filter: brightness(1.03);
  }

  .zodiac-button--active {
    background: linear-gradient(135deg, #e8a0b5 0%, #f4c2d0 100%);
    border-color: #e8a0b5;
    color: #ffffff;
  }

  .zodiac-button--active .zodiac-button__icon {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
  }

  .zodiac-button--active .zodiac-button__dates {
    color: rgba(255, 255, 255, 0.8);
  }

  .zodiac-button__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fff5f8 0%, #ffffff 100%);
    border-radius: 50%;
    color: #4a4a4a;
    transition: all 0.3s ease;
  }

  /* Remove circular clip when using custom images */
  .zodiac-button__icon:has(.zodiac-icon__image) {
    border-radius: 12px;
    background: transparent;
    width: auto;
    height: auto;
    min-width: 45px;
    min-height: 45px;
    max-width: 56px;
    max-height: 56px;
    margin: auto;
    min-height: 56px;
    margin-bottom: 8px;
  }

  .zodiac-button:hover .zodiac-button__icon {
    background: linear-gradient(135deg, #fff0f5 0%, #fce4ec 100%);
    color: #3a3a3a;
  }

  .zodiac-button:hover .zodiac-button__icon:has(.zodiac-icon__image) {
    background: transparent;
  }

  .zodiac-icon__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 56px;
    max-height: 56px;
    object-fit: contain;
    margin: 0 auto;
    opacity: 0.8;
  }

  .zodiac-button__content {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .zodiac-button__name {
    font-size: calc(var(--font-heading-scale) * 1.5rem);
    font-family: var(--font-heading-family);
    font-weight: 600;
    letter-spacing: 0.02em;
  }

  .zodiac-button__dates {
    font-size: calc(var(--font-body-scale) * 1.1rem);
    font-family: var(--font-body-family);
    color: rgba(var(--color-foreground), 0.6);
    transition: color 0.3s ease;
  }

  .zodiac-button:hover .zodiac-button__dates {
    color: #e8a0b5;
  }

  /* Explore button styles */
  .zodiac-button__explore {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.5rem 1.25rem;
    background: linear-gradient(100deg, #f7c6d0 0%, rgb(var(--color-button)) 100%);
    color: #ffffff;
    font-size: calc(var(--font-body-scale) * 1.1rem);
    font-family: var(--font-body-family);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    border-radius: 20px;
    transition: all 0.3s ease;
  }

  .zodiac-button__explore:hover {
    background: linear-gradient(100deg, #f7c6d0 0%, rgb(var(--color-button)) 100%);
    transform: scale(1.05);
  }

  .zodiac-button--active .zodiac-button__explore {
    background-color: #ffffff;
    color: #e8a0b5;
  }

  .zodiac-button--active .zodiac-button__explore:hover {
    background-color: rgba(255, 255, 255, 0.9);
  }
/* END_SNIPPET:zodiac-button */

/* START_SNIPPET:zodiac-calculator (INDEX:133) */
.zodiac-display {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  .zodiac-display__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #E8A0B5 0%, #F4C2D0 100%);
    border-radius: 50%;
    color: #FFFFFF;
  }

  .zodiac-display__icon svg {
    width: 24px;
    height: 24px;
  }

  .zodiac-display__name {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2D2D2D;
  }
/* END_SNIPPET:zodiac-calculator */