/* Shared cosmic theme. Existing page content, layouts and behaviors are preserved. */

:root {
  --ink: #1E2022;
  --muted: #656260;
  --cream: #FAF9F6;
  --paper: #FFFFFF;
  --line: #E7E1D5;
  --gold: #D4AF37;
  --gold-light: #D4AF37;
  --rust: #5A3A22;
  --dark: #5A3A22;
  --orange: #D4AF37;
  --orange-deep: #5A3A22;
  --peach: #FAF9F6;
  --warm-gray: #FAF9F6;
  --serif: "Playfair Display", Georgia, serif;
  --sans: "DM Sans", Arial, sans-serif;
}

html { scroll-behavior: smooth; background: #FFFFFF; }
body {
  overflow-x: clip;
  color: var(--ink) !important;
  background: #FFFFFF !important;
  font-family: var(--sans) !important;
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
}
img, video, iframe { max-width: 100%; }
body :is(main, section, article, aside, div) { min-width: 0; }
body :is(main, .home-page main) { color: var(--ink); }
body :is(main, .home-page main) :is(h1,h2,h3,h4) {
  color: #D4AF37;
  font-family: var(--sans) !important;
  font-weight: 700;
  letter-spacing: -.035em;
  text-wrap: balance;
}
body :is(main, .home-page main) h1 { font-size: clamp(2rem,4.4vw,3.55rem) !important; line-height: 1.08 !important; }
body :is(main, .home-page main) h2 { font-size: clamp(1.55rem,3vw,2.35rem) !important; line-height: 1.18 !important; }
body :is(main, .home-page main) h3 { font-size: clamp(1.08rem,1.8vw,1.4rem) !important; line-height: 1.3 !important; }
body :is(main, .home-page main) p,
body :is(main, .home-page main) li { font-size: clamp(.9rem,.25vw + .84rem,1rem); line-height: 1.75; }


.site-header {
  z-index: 100;
  top: 0 !important;
  padding: 0.625rem clamp(0.75rem,3vw,2rem) !important;
  background: #FFFFFF !important;
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
}
.site-header .nav-shell {
  max-width: 80rem !important;
  min-height: 4.375rem !important;
  padding: 0 clamp(0.875rem,2.2vw,1.75rem) !important;
  border: 1px solid #E7E1D5 !important;
  border-radius: 1.125rem !important;
  background: #FFFFFF !important;
  box-shadow: 0 0.375rem 1.5rem rgba(0,0,0,0.05),inset 0 1px rgba(0,0,0,0.05) !important;
}
.site-header .nav-shell:before,
.site-header .nav-shell:after { display: none !important; }
.site-header .brand,.site-header .brand strong { color: #1E2022 !important; }
.site-header .brand img { filter: none !important; }
.site-header .brand small { color: #1E2022 !important; }
.site-header .main-nav { gap: clamp(0.125rem,.55vw,0.5625rem) !important; }
.site-header .main-nav a:not(.nav-shop):not(.nav-signin) {
  color: #1E2022 !important;
  border-color: transparent !important;
  border-radius: 0.625rem !important;
}
.site-header .main-nav a:not(.nav-shop):not(.nav-signin):hover,
.site-header .main-nav .nav-current:not(.nav-shop):not(.nav-signin) {
  color: var(--#706FD3-deep) !important;
  background: rgba(112,111,211,0.10) !important;
}
.site-header .main-nav .nav-shop {
  padding: 0.625rem 1.0625rem !important;
  border: 1px solid var(--#E7E1D5) !important;
  border-radius: 0.625rem !important;
  background: linear-gradient(110deg,#D4AF37,#D4AF37) !important;
  color: #706FD3 !important;
  box-shadow: 0 0.375rem 1rem rgba(0,0,0,0.05) !important;
}
.site-header .main-nav .nav-shop span { color: #5A3A22 !important; }
.site-header .main-nav .nav-signin,
.site-header .menu-toggle {
  border-color: #D4AF37 !important;
  border-radius: 0.625rem !important;
  background: #FFFFFF !important;
  color: #5A3A22 !important;
}
.site-header .menu-lines i { background: #FFFFFF !important; }
.account-nav-menu {
  border-color: #E7E1D5 !important;
  border-radius: 0.875rem !important;
  background: #FFFFFF !important;
  box-shadow: 0 1rem 2.375rem rgba(0,0,0,0.05) !important;
}
.main-nav .account-nav-menu a,
.account-nav-logout button { color: #1E2022 !important; }
.site-footer {
  color: #1E2022 !important;
  background: linear-gradient(115deg,#FFFFFF,#FFFFFF 58%,#FFFFFF) !important;
}
.site-footer:before {
  background: radial-gradient(circle at 12% 20%,rgba(112,111,211,0.06),transparent 31%),
    radial-gradient(circle at 88% 48%,rgba(112,111,211,0.06),transparent 30%) !important;
}
.site-footer :is(h2,a,strong,.brand) { color: #5A3A22 !important; }
.site-footer p,.site-footer .footer-bottom { color: #1E2022 !important; }
.site-footer .social-links a { border-color: #E7E1D5 !important; }


:is(.home-page main, .services-page, .about-page, .contact-page,
    .shop-page .shop-main, .zodiac-directory, .zodiac-sign-page,
    .gemstone-catalog, .gemstone-detail-page, .service-detail-page,
    .account-main) {
  color: var(--ink) !important;
}
.account-page { background: #FAF9F6 !important; }
:is(.intro-strip, .section, .services-list-section, .about-story,
    .about-services, .about-gemstones, .zodiac-directory, .gemstone-section,
    .shop-collection, .service-detail-layout, .zodiac-sign-layout,
    .gemstone-detail-layout, .contact-layout) {
  background: transparent !important;
}
:is(.intro-strip, .section, .services-list-section, .about-story,
    .about-services, .about-gemstones, .zodiac-directory, .gemstone-section,
    .shop-collection) { color: #1E2022 !important; }
:is(.intro-strip, .section, .services-list-section, .about-story,
    .about-services, .about-gemstones, .zodiac-directory, .gemstone-section,
    .shop-collection) :is(h1,h2,h3,p,small) { color: inherit; }


:is(.home-page .hero, .services-hero, .about-hero, .contact-hero, .shop-hero,
    .zodiac-intro, .zodiac-sign-hero, .gemstone-catalog-hero,
    .gemstone-detail-hero, .service-detail-hero) {
  color: #1E2022 !important;
  border: 1px solid #D4AF37 !important;
  border-radius: clamp(1.25rem,2.5vw,1.875rem) !important;
  background: radial-gradient(ellipse at 84% 10%,#FFFFFF,transparent 34%),
    linear-gradient(115deg,#FFFFFF 0%,#FFFFFF 56%,#FFFFFF 100%) !important;
  box-shadow: 0 1rem 2.75rem rgba(0,0,0,0.05) !important;
}
:is(.home-page .hero, .services-hero, .about-hero, .contact-hero, .shop-hero,
    .zodiac-intro, .zodiac-sign-hero, .gemstone-catalog-hero,
    .gemstone-detail-hero, .service-detail-hero) :is(h1,h2,h3,p,small,span) {
  color: #D4AF37;
}
:is(.home-page .hero, .services-hero, .about-hero, .contact-hero, .shop-hero,
    .zodiac-intro, .zodiac-sign-hero, .gemstone-catalog-hero,
    .gemstone-detail-hero, .service-detail-hero) :is(.eyebrow,.services-eyebrow,
    .about-eyebrow,.contact-eyebrow,.shop-eyebrow,.zodiac-kicker,
    .zodiac-sign-eyebrow,.gemstone-eyebrow,.service-detail-eyebrow) {
  color: var(--#5A3A22-deep) !important;
}
:is(.home-page .hero h1, .services-hero h1, .about-hero h1, .contact-hero h1,
    .shop-hero h1, .zodiac-intro h1, .zodiac-sign-hero h1,
    .gemstone-catalog-hero h1, .gemstone-detail-hero h1,
    .service-detail-hero h1) em { color: var(--#D4AF37-deep) !important; }


:is(.service-feature-card, .service-detail-content, .service-detail-aside,
    .zodiac-card, .zodiac-sign-content, .zodiac-sign-sidebar,
    .gemstone-card, .gemstone-description, .gemstone-directory,
    .contact-form-card, .contact-info-card, .shop-card, .shop-guidance,
    .auth-card, .dashboard-welcome, .dashboard-panel, .profile-panel,
    .order-panel, .cart-panel, .about-facts, .about-contact) {
  color: #1E2022 !important;
  border: 1px solid #E7E1D5 !important;
  border-radius: 1.125rem !important;
  background: #FFFFFF !important;
  box-shadow: 0 0.5rem 1.625rem rgba(0,0,0,0.05) !important;
}
:is(.service-feature-card, .zodiac-card, .gemstone-card, .shop-card) :is(h2,h3,a,p,small,span),
:is(.service-detail-content, .service-detail-aside, .zodiac-sign-content,
    .zodiac-sign-sidebar, .gemstone-description, .gemstone-directory,
    .contact-form-card, .contact-info-card, .shop-guidance) :is(h2,h3,p,li,label,span) {
  color: #5A3A22;
}
:is(.service-prose, .zodiac-prose, .gemstone-prose) { color: #1E2022 !important; }
:is(.service-prose, .zodiac-prose, .gemstone-prose) :is(h1,h2,h3,strong,b) { color: #D4AF37 !important; }
:is(.service-prose, .zodiac-prose, .gemstone-prose) a { color: #5A3A22 !important; }
:is(.service-more, .arrow-link, .about-inline-link, .gemstone-card-copy>a,
    .contact-inline-link, .text-link) { color: #5A3A22 !important; }


.zodiac-band {
  color: #1E2022 !important;
  background: linear-gradient(120deg,#FFFFFF,#FFFFFF 56%,#FFFFFF) !important;
}
.zodiac-band :is(h2,h3,p,small,.eyebrow) { color: #5A3A22 !important; }
.zodiac-band .zodiac-grid a {
  border: 1px solid #D4AF37 !important;
  border-radius: 0.9375rem !important;
  background: #FFFFFF !important;
  box-shadow: 0 0.3125rem 1.125rem rgba(0,0,0,0.05) !important;
  color: #1E2022 !important;
}
.zodiac-band .zodiac-grid a:hover,
.zodiac-band .zodiac-grid a.is-selected {
  border-color: #706FD3 !important;
  background: rgba(112,111,211,0.10) !important;
  box-shadow: 0 0.5rem 1.375rem rgba(0,0,0,0.05) !important;
}
.zodiac-band .zodiac-grid a > span { color: #5A3A22 !important; }
.zodiac-band .zodiac-grid a > small { color: #1E2022 !important; }
.zodiac-preview {
  border-color: #E7E1D5 !important;
  background: #FFFFFF !important;
}
.zodiac-preview :is(h3,p,span) { color: #5A3A22 !important; }
.zodiac-preview>a { color: #706FD3 !important; background: var(--#FFFFFF) !important; }


:is(.contact-cta, .services-contact-band, .shop-enquiry-bar,
    .cart-summary, .account-cart-summary) {
  border-color: #E7E1D5 !important;
  border-radius: 1.125rem !important;
  background: linear-gradient(110deg,#FFFFFF,#FFFFFF) !important;
  color: #706FD3 !important;
}
:is(.contact-cta, .services-contact-band, .shop-enquiry-bar,
    .cart-summary, .account-cart-summary) :is(h2,p,strong,span) { color: #5A3A22 !important; }
:is(.button-dark, .services-contact-button, .service-action-primary,
    .service-aside-cta, .zodiac-sign-cta, .gemstone-primary,
    .gemstone-directory-cta, .shop-add-button, .shop-cart-button,
    .auth-submit, .account-primary, .chat-launcher) {
  border: 1px solid #D4AF37 !important;
  border-radius: 0.625rem !important;
  background: linear-gradient(110deg,#D4AF37,#D4AF37) !important;
  color: #706FD3 !important;
  box-shadow: 0 0.375rem 1rem rgba(0,0,0,0.05) !important;
}
:is(.service-action-secondary, .button-light, .gemstone-secondary,
    .shop-filter, .shop-guidance a, .account-secondary) {
  border-color: #E7E1D5 !important;
  border-radius: 0.625rem !important;
  background: #D4AF37 !important;
  color: #5A3A22 !important;
}
:is(input,select,textarea) {
  max-width: 100%;
  border-color: #E7E1D5 !important;
  border-radius: 0.625rem !important;
  background: #FFFFFF !important;
  color: #1E2022 !important;
}
::placeholder { color: #1E2022 !important; }
:is(.chat-panel,.chat-header) { border-color: #E7E1D5 !important; background: #FFFFFF !important; color: #1E2022 !important; }
.chat-header { background: #FFFFFF !important; color: #706FD3 !important; }
.chat-messages,.chat-panel .chat-form { background: #FFFFFF !important; }
.chat-panel :is(input,.message) { border-radius: 0.75rem !important; }
.chat-panel .assistant-message { background: #FFFFFF !important; color: #1E2022 !important; }
.chat-panel .user-message { background: #FFFFFF !important; color: #706FD3 !important; }


@media (max-width: 68.75rem) {
  .site-header { padding-inline: 0.875rem !important; }
  .site-header .nav-shell { min-height: 4rem !important; }
  .site-header .brand img { width: 2.375rem; height: 2.375rem; }
  .site-header .brand strong { font-size: 0.875rem !important; }
  .site-header .main-nav { gap: 0.1875rem !important; }
  .site-header .main-nav a { font-size: 0.6875rem !important; }
}
@media (max-width: 62.5rem) {
  .site-header .menu-toggle {
    display: grid !important;
    place-items: center;
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    z-index: 105;
  }
  .site-header .main-nav:not(.is-open) { display: none !important; }
  .site-header .main-nav.is-open {
    position: fixed !important;
    inset: 5.375rem 0.75rem 0.75rem !important;
    z-index: 104 !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0.3125rem !important;
    max-height: calc(100dvh - 6.125rem);
    padding: 0.875rem !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid #E7E1D5 !important;
    border-radius: 1.125rem !important;
    background: #FFFFFF !important;
    box-shadow: 0 1.125rem 3rem rgba(0,0,0,0.05) !important;
  }
  .site-header .main-nav.is-open > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3rem;
    flex: 0 0 auto;
    box-sizing: border-box;
    margin: 0;
    padding: 0.625rem 0.875rem !important;
    border-radius: 0.625rem !important;
    font-size: 1rem !important;
    text-align: center;
  }
  .site-header .main-nav.is-open > .nav-shop { order: 7; margin-top: 0.25rem; }
  .site-header .main-nav.is-open > .nav-signin,
  .site-header .main-nav.is-open > .account-nav-wrap { order: 8; }
  .site-header .main-nav.is-open .account-nav-wrap { width: 100%; max-width: none; }
  .site-header .main-nav.is-open .account-nav-wrap > .nav-signin { min-height: 3rem; }
  .site-header .main-nav.is-open .account-nav-menu { position: static; width: 100%; box-sizing: border-box; margin-top: 0.375rem; }
  :is(.service-detail-layout,.zodiac-sign-layout,.gemstone-detail-layout,.contact-layout) { grid-template-columns: minmax(0,1fr) !important; }
  :is(.service-detail-aside,.zodiac-sign-sidebar,.gemstone-directory) { position: static !important; }
}
@media (max-width: 43.75rem) {
  body { font-size: 0.875rem !important; }
  body :is(main,.home-page main) h1 { font-size: clamp(1.8rem,8vw,2.6rem) !important; }
  body :is(main,.home-page main) h2 { font-size: clamp(1.38rem,6vw,1.9rem) !important; }
  body :is(main,.home-page main) h3 { font-size: clamp(1.05rem,4.8vw,1.3rem) !important; }
  .site-header { top: 0 !important; padding: 0.5rem 0.5625rem !important; }
  .site-header .nav-shell { min-height: 3.75rem !important; padding-inline: 0.6875rem !important; border-radius: 0.875rem !important; gap: 0.5rem !important; }
  .site-header .brand { min-width: 0; flex: 1 1 auto; gap: 0.5rem; }
  .site-header .brand img { width: 2.125rem; height: 2.125rem; }
  .site-header .brand strong { max-width: 58vw; font-size: clamp(0.6875rem,3.3vw,0.875rem) !important; line-height: 1.2; white-space: normal; }
  .site-header .brand small { font-size: 0.4375rem !important; letter-spacing: .08em; }
  .site-header .menu-toggle { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; }
  .site-header .main-nav.is-open { inset: 4.75rem 0.5625rem 0.5625rem !important; max-height: calc(100dvh - 5.3125rem); border-radius: 1rem !important; }
  :is(.home-page .hero,.services-hero,.about-hero,.contact-hero,.shop-hero,
      .zodiac-intro,.zodiac-sign-hero,.gemstone-catalog-hero,
      .gemstone-detail-hero,.service-detail-hero) { border-radius: 1.125rem !important; }
  :is(.service-detail-content,.service-detail-aside,.zodiac-sign-content,
      .zodiac-sign-sidebar,.gemstone-description,.gemstone-directory,
      .contact-form-card,.contact-info-card,.shop-guidance) { border-radius: 0.9375rem !important; }
  :is(.service-detail-page,.zodiac-sign-page,.gemstone-detail-page,
      .gemstone-catalog,.contact-page) { padding-inline: 0.875rem !important; }
  .zodiac-band .zodiac-grid > a { flex-basis: clamp(6.5rem,30vw,7.75rem) !important; }
  :is(.shop-grid,.services-card-grid,.gem-grid) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 26.875rem) {
  :is(.shop-grid,.services-card-grid,.gem-grid) { grid-template-columns: 1fr !important; }
  .site-header .brand strong { max-width: 55vw; }
  .site-header .main-nav.is-open > a { min-height: 2.875rem; }
  :is(.service-detail-actions,.gemstone-buttons) { align-items: stretch; }
}
@media (max-height: 38.75rem) and (max-width: 62.5rem) {
  .site-header .main-nav.is-open { padding-block: 0.5625rem !important; gap: 0.1875rem !important; }
  .site-header .main-nav.is-open > a { min-height: 2.5rem; padding-block: 0.4375rem !important; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}


@media (max-width: 62.5rem) {
  body.menu-open { overflow: hidden; }
  .site-header .menu-toggle { display: grid !important; position: relative; z-index: 105 !important; touch-action: manipulation; }
  .site-header .menu-toggle .menu-lines { position: relative; width: 1.125rem; height: 0.875rem; justify-content: space-between; }
  .site-header .menu-toggle .menu-lines i { transition: transform .18s ease, opacity .18s ease; }
  .site-header .menu-toggle[aria-expanded="true"] .menu-lines i:first-child { transform: translateY(0.375rem) rotate(45deg); }
  .site-header .menu-toggle[aria-expanded="true"] .menu-lines i:nth-child(2) { opacity: 0; }
  .site-header .menu-toggle[aria-expanded="true"] .menu-lines i:last-child { transform: translateY(-0.375rem) rotate(-45deg); }
}
/* Cosmic surfaces and readable content across all existing page families. */
:root{--ink:#1E2022;--muted:#656260;--cream:#FAF9F6;--paper:#FFFFFF;--line:#E7E1D5;--gold:#D4AF37;--gold-light:#D4AF37;--rust:#5A3A22;--dark:#5A3A22;--orange:#D4AF37;--orange-deep:#5A3A22;--peach:#FAF9F6;--warm-gray:#FAF9F6;--serif:"DM Sans",Arial,sans-serif}
html{background:#FAF9F6!important}
body{background:radial-gradient(ellipse at 85% 5%,#FAF9F6,transparent 38%),linear-gradient(145deg,#FAF9F6,#FAF9F6)!important;background-attachment:fixed!important;color:#1E2022!important}
body.account-page{background:linear-gradient(145deg,#FAF9F6,#FAF9F6)!important}
body .site-header{background:#FFFFFF!important}
body .site-header .nav-shell{background:#FFFFFF!important;border-color:#E7E1D5!important;box-shadow:0 0.5rem 1.875rem rgba(0,0,0,0.05)!important}
body .site-header .brand,body .site-header .brand strong{color:#1E2022!important}
body .site-header .main-nav a:not(.nav-shop):not(.nav-signin){color:#1E2022!important}
body .site-header .main-nav .nav-current:not(.nav-shop):not(.nav-signin),body .site-header .main-nav a:not(.nav-shop):not(.nav-signin):hover{background:rgba(112,111,211,0.10)!important;color:#706FD3!important}
body .site-header .menu-lines i{background:#FFFFFF!important}
body main :is(h1,h2,h3,h4,strong,b){color:#D4AF37!important}
body main :is(p,li,label,small){color:#5A3A22}
body main :is(.eyebrow,[class$="-eyebrow"],.zodiac-kicker,.card-number,.text-link,.arrow-link,.service-more,.about-inline-link,.gemstone-card-copy>a,.contact-inline-link){color:#5A3A22!important}
body main h1 em{color:#D4AF37!important}
body :is(.hero,.services-hero,.about-hero,.contact-hero,.shop-hero,.zodiac-intro,.zodiac-sign-hero,.gemstone-catalog-hero,.gemstone-detail-hero,.service-detail-hero){background:radial-gradient(ellipse at 85% 15%,#FFFFFF,transparent 50%),linear-gradient(115deg,#FFFFFF,#FFFFFF)!important;border-color:#E7E1D5!important;box-shadow:0 1.25rem 4.0625rem rgba(0,0,0,0.05)!important}
body :is(.service-card,.service-feature-card,.service-detail-content,.service-detail-aside,.zodiac-card,.zodiac-sign-content,.zodiac-sign-sidebar,.gemstone-card,.gemstone-description,.gemstone-directory,.contact-form-card,.contact-info-card,.shop-card,.shop-guidance,.auth-card,.dashboard-welcome,.dashboard-panel,.profile-panel,.order-panel,.cart-panel,.about-facts,.about-contact,.portrait-caption,.gem-info,.about-portrait figcaption,.zodiac-preview,.account-nav-menu){background:#FFFFFF!important;border-color:#E7E1D5!important;color:#1E2022!important;backdrop-filter:blur(0.75rem);box-shadow:0 0.625rem 1.875rem rgba(0,0,0,0.05)!important}
body :is(.intro-strip,.section,.services-list-section,.about-story,.about-services,.about-gemstones,.zodiac-directory,.gemstone-section,.shop-collection){color:#1E2022!important}
body :is(.service-prose,.zodiac-prose,.gemstone-prose){color:#1E2022!important}
body :is(.service-prose,.zodiac-prose,.gemstone-prose) :is(p,li,span){color:inherit!important}
body :is(.zodiac-band,.contact-cta,.services-contact-band,.shop-enquiry-bar,.cart-summary,.account-cart-summary){background:linear-gradient(110deg,#FFFFFF,#FFFFFF)!important;border-color:#E7E1D5!important}
body .zodiac-band :is(h2,h3){color:#5A3A22!important}
body .zodiac-band :is(p,small){color:#1E2022!important}
body .zodiac-band .zodiac-grid a{background:#FFFFFF!important;border-color:#E7E1D5!important;box-shadow:none!important}
body .zodiac-band .zodiac-grid a:hover,body .zodiac-band .zodiac-grid a.is-selected{background:rgba(112,111,211,0.10)!important;border-color:#706FD3!important}
body .zodiac-band .zodiac-grid a>span{color:#5A3A22!important}
body .zodiac-band .zodiac-grid a>small{color:#1E2022!important}
body :is(.button-dark,.services-contact-button,.service-action-primary,.service-aside-cta,.zodiac-sign-cta,.gemstone-primary,.gemstone-directory-cta,.shop-add-button,.shop-cart-button,.auth-submit,.account-primary,.account-order-button,.about-button,.chat-launcher),body .site-header .main-nav .nav-shop{background:linear-gradient(110deg,#D4AF37,#D4AF37)!important;border-color:#D4AF37!important;color:#1E2022!important;box-shadow:0 0.375rem 1.5rem rgba(0,0,0,0.05)!important}
body :is(.button-dark,.about-button,.chat-launcher) span,body .site-header .main-nav .nav-shop span{color:#1E2022!important}
body :is(.button-light,.service-action-secondary,.gemstone-secondary,.shop-filter,.account-secondary,.menu-toggle,.nav-signin){background:#D4AF37!important;color:#5A3A22!important;border-color:#E7E1D5!important}
body :is(input,select,textarea){background:#FFFFFF!important;color:#1E2022!important;border-color:#E7E1D5!important;color-scheme:light}
body ::placeholder{color:#706FD3!important}
body :is(.chat-panel,.chat-messages,.chat-panel .chat-form){background:#FFFFFF!important;border-color:#E7E1D5!important}
body .chat-header{background:#FFFFFF!important;color:#1E2022!important}
body .chat-panel .assistant-message{background:#FFFFFF!important;color:#1E2022!important}
body .chat-panel .user-message{background:#FFFFFF!important;color:#1E2022!important}
body .site-footer{background:linear-gradient(115deg,#FFFFFF,#FFFFFF)!important;border-top:1px solid #E7E1D5!important}
body .site-footer :is(p,.footer-bottom){color:#1E2022!important}
body .site-footer .social-links a{background:#FFFFFF!important;border-color:#E7E1D5!important}
body :is(.service-card,.service-feature-card,.zodiac-card,.gemstone-card,.shop-card):hover{border-color:#706FD3!important;box-shadow:0 0.75rem 2rem rgba(0,0,0,0.05)!important}
body :is(a,button,input,select,textarea):focus-visible{outline:0.125rem solid #706FD3!important;outline-offset:0.25rem}
@media(max-width:62.5rem){body .site-header .main-nav.is-open{background:#FFFFFF!important;border-color:#E7E1D5!important}body .site-header .menu-toggle{min-width:3rem;min-height:3rem}}
@media(max-width:43.75rem){body :is(input,select,textarea){font-size:1rem!important}body :is(button,.button,.nav-shop,.nav-signin){min-height:3rem}body .site-header .main-nav.is-open>a{min-height:3rem!important}}
