/* Final mobile-first layout contract, shared by every rendered page. */:is(#responsive-layout,html){--page-width:88rem;--gutter:clamp(1rem,3vw,3rem);--mobile-action-height:4.5rem}:is(#responsive-layout,html) *,:is(#responsive-layout,html) *::before,:is(#responsive-layout,html) *::after{box-sizing:border-box}:is(#responsive-layout,html){scroll-padding-top:7rem}:is(#responsive-layout,html) body{margin:0;min-width:0!important;width:100%;font-size:1rem!important}:is(#responsive-layout,html) body :is(main,section,article,aside,header,footer,nav,div,form,fieldset){min-width:0}:is(#responsive-layout,html) body :is(h1,h2,h3,h4,p,li,a,label,span){overflow-wrap:anywhere}:is(#responsive-layout,html) body :is(img,video,canvas,svg,iframe){max-width:100%}:is(#responsive-layout,html) body :is(img,video,canvas){height:auto}:is(#responsive-layout,html) body :is(img,video){object-fit:cover}:is(#responsive-layout,html) body :is(button,input,select,textarea){max-width:100%;font:inherit}:is(#responsive-layout,html) body :is(button,input:not([type=hidden]),select,textarea,[role=button]){min-height:3rem!important}:is(#responsive-layout,html) body input:is([type=checkbox],[type=radio]){min-width:3rem;min-height:3rem}:is(#responsive-layout,html) body a{min-height:3rem;align-content:center}:is(#responsive-layout,html) body :is(nav a,.button,.arrow-link,.text-link,.social-links a,.footer-links a,.footer-bottom a,.service-more,.gemstone-back,.saved-buy){display:inline-flex;align-items:center;justify-content:center;min-height:3rem!important}:is(#responsive-layout,html) body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){width:100%;min-width:0;font-size:1rem!important}:is(#responsive-layout,html) body :is(h1,h2,h3){max-width:100%;text-wrap:balance}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h1{font-size:clamp(1.75rem,1.25rem + 1.5vw,2.75rem)!important}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h2{font-size:clamp(1.375rem,1.125rem + .75vw,2rem)!important}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h3{font-size:clamp(1.0625rem,1rem + .25vw,1.3125rem)!important}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(p,li){font-size:1rem!important;line-height:1.65}:is(#responsive-layout,html) body :is(.hero,.section,.intro-strip,.services-page,.about-page,.contact-page,.shop-main,.zodiac-directory,.zodiac-sign-page,.gemstone-catalog,.gemstone-detail-page,.service-detail-page,.dashboard-wrap){max-width:var(--page-width)!important;margin-inline:auto!important;width:100%!important}:is(#responsive-layout,html) body :is(.hero,.section,.intro-strip,.services-page,.about-page,.contact-page,.shop-main,.zodiac-directory,.zodiac-sign-page,.gemstone-catalog,.gemstone-detail-page,.service-detail-page){padding-inline:var(--gutter)!important}:is(#responsive-layout,html) body :is(.hero,.services-hero,.about-hero,.contact-hero,.shop-hero,.zodiac-sign-hero,.gemstone-detail-hero,.service-detail-hero){grid-template-columns:minmax(0,1fr)!important;gap:2rem!important;height:auto!important}:is(#responsive-layout,html) body :is(.service-grid,.services-card-grid,.gem-grid,.shop-grid,.gemstone-grid,.zodiac-card-grid,.dashboard-grid,.profile-form,.footer-grid){grid-template-columns:minmax(0,1fr)!important;gap:1.25rem!important}:is(#responsive-layout,html) body :is(.service-detail-layout,.zodiac-sign-layout,.gemstone-detail-layout,.contact-layout,.auth-card){grid-template-columns:minmax(0,1fr)!important}:is(#responsive-layout,html) body :is(.hero-portrait,.about-portrait,.gemstone-visual,.service-detail-visual,.zodiac-sign-visual){width:min(100%,28rem)!important;max-width:100%!important;justify-self:center;min-width:0}:is(#responsive-layout,html) body .hero-portrait{height:auto!important;aspect-ratio:4/5}:is(#responsive-layout,html) body .hero-portrait>img{height:100%;width:100%;object-fit:cover}:is(#responsive-layout,html) body :is(.hero-seal,.portrait-caption){max-width:100%;right:0;left:auto}:is(#responsive-layout,html) body .portrait-caption{left:0;right:auto}:is(#responsive-layout,html) body :is(.hero-actions,.about-actions,.service-detail-actions,.gemstone-buttons,.contact-hero-links,.shop-toolbar,.shop-filters,.panel-title,.dashboard-welcome,.footer-bottom,.footer-links,.profile-form-actions){flex-wrap:wrap;gap:1rem}:is(#responsive-layout,html) body :is(.hero-copy,.auth-content,.dashboard-panel,.contact-form-card){padding:clamp(1rem,3vw,2.5rem)!important}:is(#responsive-layout,html) body .auth-card{width:min(100%,66rem)!important}:is(#responsive-layout,html) body .auth-content{width:100%}:is(#responsive-layout,html) body .account-main{padding-inline:var(--gutter)!important}:is(#responsive-layout,html) body :is(.dashboard-welcome,.account-item-list li,.order-entry){overflow-wrap:anywhere}:is(#responsive-layout,html) body .account-item-list li{flex-wrap:wrap}:is(#responsive-layout,html) body .order-entry{grid-template-columns:minmax(0,1fr)!important}:is(#responsive-layout,html) body .order-entry>b{grid-column:auto;grid-row:auto}:is(#responsive-layout,html) body :is(.phone-input,.chat-form){display:flex;min-width:0}:is(#responsive-layout,html) body .phone-input input{flex:1;min-width:0}:is(#responsive-layout,html) body .phone-input{height:auto;min-height:3.25rem}:is(#responsive-layout,html) body .contact-map-frame iframe{width:100%!important;height:auto!important;aspect-ratio:4/3}:is(#responsive-layout,html) body .responsive-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}:is(#responsive-layout,html) body .responsive-table table{width:100%;border-collapse:collapse}:is(#responsive-layout,html) body .responsive-table:focus-visible{outline:0.125rem solid #706FD3}:is(#responsive-layout,html) body .zodiac-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;width:100%!important}:is(#responsive-layout,html) body .zodiac-grid a{width:auto!important;min-width:0!important;flex-basis:auto!important}:is(#responsive-layout,html) body .site-header .nav-shell{max-width:var(--page-width)!important;gap:1rem!important}:is(#responsive-layout,html) body .site-header .brand{max-width:calc(100% - 4rem)}:is(#responsive-layout,html) body .site-header .brand strong{white-space:normal!important;font-size:clamp(.8rem,.7rem + .3vw,1rem)!important;max-width:none!important}:is(#responsive-layout,html) body .site-header .brand img{flex-shrink:0}:is(#responsive-layout,html) body .site-header .main-nav:not(.is-open){display:none!important}:is(#responsive-layout,html) body .site-header .menu-toggle{display:grid!important;place-items:center;width:3rem!important;height:3rem!important;flex:0 0 3rem!important}:is(#responsive-layout,html) body .site-header .main-nav.is-open{display:flex!important;position:fixed!important;inset:6rem .75rem .75rem!important;max-height:calc(100dvh - 6.75rem)!important;overflow-y:auto;overflow-x:hidden;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:1rem!important;gap:.5rem!important;background:#FFFFFF!important;z-index:104!important;overscroll-behavior:contain}:is(#responsive-layout,html) body .site-header .main-nav.is-open>a{width:100%;flex:0 0 auto;min-height:3rem!important;font-size:1rem!important}:is(#responsive-layout,html) body.menu-open{overflow:hidden}:is(#responsive-layout,html) body .site-header .menu-toggle{z-index:105!important}:is(#responsive-layout,html) body .main-nav .account-nav-wrap{max-width:100%;width:100%}:is(#responsive-layout,html) body .main-nav.is-open .account-nav-menu{position:static;width:100%}:is(#responsive-layout,html) body .main-nav.is-open .account-nav-menu a{display:flex;min-height:3rem}:is(#responsive-layout,html) body .chat-panel{max-width:calc(100vw - 1.5rem);width:23rem;height:min(30rem,calc(100dvh - 11rem))}:is(#responsive-layout,html) body .chat-form input{min-width:0}:is(#responsive-layout,html) body .chat-form button{flex:0 0 3rem}:is(#responsive-layout,html) body .chat-widget{right:.75rem;bottom:calc(var(--mobile-action-height) + env(safe-area-inset-bottom) + .75rem)}:is(#responsive-layout,html) body .chat-launcher{display:none!important}:is(#responsive-layout,html) body .mobile-actions{position:fixed;inset:auto 0 0;z-index:90;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));background:#FFFFFF;border-top:1px solid #E7E1D5;backdrop-filter:blur(1rem)}:is(#responsive-layout,html) body .mobile-actions :is(a,button){display:flex;justify-content:center;align-items:center;min-height:3rem!important;min-width:0;border:1px solid #E7E1D5;border-radius:.65rem;background:#FFFFFF;color:#5A3A22;font-size:.875rem;text-align:center;padding:.5rem;line-height:1.3}:is(#responsive-layout,html) body .mobile-actions :is(a,button):first-child{background:linear-gradient(110deg,#D4AF37,#D4AF37);color:#1E2022;border-color:transparent}:is(#responsive-layout,html) body:has(.mobile-actions){padding-bottom:calc(var(--mobile-action-height) + env(safe-area-inset-bottom))}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) form{scroll-margin-top:7rem}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) form:focus-visible{outline:0.125rem solid #706FD3}:is(#responsive-layout,html) body .footer-grid>section{grid-column:auto!important}@media(min-width:40rem){:is(#responsive-layout,html) body :is(.service-grid,.services-card-grid,.gem-grid,.shop-grid,.gemstone-grid,.zodiac-card-grid,.footer-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}:is(#responsive-layout,html) body .zodiac-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}:is(#responsive-layout,html) body .profile-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:48rem){:is(#responsive-layout,html) body :is(.hero,.services-hero,.about-hero,.shop-hero,.zodiac-sign-hero,.gemstone-detail-hero,.service-detail-hero){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important}:is(#responsive-layout,html) body .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}:is(#responsive-layout,html) body .auth-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}:is(#responsive-layout,html) body .order-entry{grid-template-columns:minmax(0,1fr) auto auto!important}:is(#responsive-layout,html) body .mobile-actions{display:none!important}:is(#responsive-layout,html) body:has(.mobile-actions){padding-bottom:0}:is(#responsive-layout,html) body .chat-launcher{display:flex!important}:is(#responsive-layout,html) body .chat-widget{bottom:1.5rem}:is(#responsive-layout,html) body .contact-map-frame iframe{aspect-ratio:16/9}}@media(min-width:64rem){:is(#responsive-layout,html) body :is(.service-grid,.services-card-grid,.gem-grid,.shop-grid,.gemstone-grid,.zodiac-card-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}:is(#responsive-layout,html) body :is(.service-detail-layout,.zodiac-sign-layout,.gemstone-detail-layout){grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important}:is(#responsive-layout,html) body .contact-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important}:is(#responsive-layout,html) body .contact-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important}:is(#responsive-layout,html) body .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}:is(#responsive-layout,html) body .zodiac-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media(min-width:68rem){:is(#responsive-layout,html) body .site-header .main-nav:not(.is-open){display:flex!important}:is(#responsive-layout,html) body .site-header .menu-toggle{display:none!important}:is(#responsive-layout,html) body .site-header .brand{max-width:none}:is(#responsive-layout,html) body .main-nav .account-nav-wrap{width:auto}:is(#responsive-layout,html) body .site-header .main-nav{gap:.75rem!important}:is(#responsive-layout,html) body .site-header .main-nav a{padding-inline:.5rem!important}:is(#responsive-layout,html) body .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(prefers-reduced-motion:reduce){:is(#responsive-layout,html) *,:is(#responsive-layout,html) *::before,:is(#responsive-layout,html) *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}/* Readability and container safeguards for older page-specific themes. */:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(h1,h2,h3,h4){color:#D4AF37!important}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(p,li){color:#1E2022!important}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h1 em{color:#D4AF37!important}:is(#responsive-layout,html) body :is(.button-dark,.shop-add-button,.auth-submit,.about-button){background:linear-gradient(110deg,#D4AF37,#D4AF37)!important;color:#1E2022!important}:is(#responsive-layout,html) body .eyebrow{font-size:.75rem!important;color:#5A3A22!important}:is(#responsive-layout,html) body .service-card{display:block!important}:is(#responsive-layout,html) body .service-image{height:auto!important;min-height:0!important;aspect-ratio:16/10}:is(#responsive-layout,html) body .service-image img{width:100%;height:100%;object-fit:cover}:is(#responsive-layout,html) body :is(.service-card,.shop-card,.gemstone-card){max-width:100%!important;width:auto!important}:is(#responsive-layout,html) body .zodiac-grid{flex-wrap:wrap!important}:is(#responsive-layout,html) body .zodiac-grid a{flex:none!important}:is(#responsive-layout,html) body .site-header .brand{display:flex;justify-content:flex-start}:is(#responsive-layout,html) body .site-header .main-nav.is-open{border:1px solid #E7E1D5;border-radius:1rem}:is(#responsive-layout,html) body .mobile-actions a{white-space:normal!important}:is(#responsive-layout,html) body :is(.panchang-panel,.panchang-details,.panchang-actions){max-width:100%;flex-wrap:wrap}:is(#responsive-layout,html) body :is(.panchang-panel,.panchang-details){grid-template-columns:minmax(0,1fr)!important}:is(#responsive-layout,html) body .hero-copy{width:100%;max-width:100%}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) a{min-height:3rem!important}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) a:not(:has(img)){display:inline-flex;align-items:center}:is(#responsive-layout,html) body .site-footer a{display:inline-flex;align-items:center;min-height:3rem!important}:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(.gem-info,.portrait-caption){color:#1E2022!important}@media(min-width:48rem){:is(#responsive-layout,html) body .panchang-details{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
:is(#responsive-layout,html) body [hidden]{display:none!important}
:is(#responsive-layout,html) body .contact-map-frame{height:auto!important;aspect-ratio:4/3}
:is(#responsive-layout,html) body :is(.text-link,.about-text-link,.service-more,.gemstone-back){color:#5A3A22!important}
@media(min-width:48rem){:is(#responsive-layout,html) body .contact-map-frame{aspect-ratio:16/9}}
/* The blurred header contains fixed descendants: use an explicit drawer height,
   rather than stretching between top and bottom inside the short header. */
@media(max-width:67.999rem){
  :is(#responsive-layout,html) body .site-header .main-nav.is-open{
    top:5.5rem!important;bottom:auto!important;left:.75rem!important;right:.75rem!important;
    height:calc(100dvh - 7rem)!important;max-height:calc(100dvh - 7rem)!important;
    min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    background:#FFFFFF!important;box-shadow:0 1rem 3rem rgba(0,0,0,0.05)!important;
  }
}
/* Shared category dropdowns: desktop popovers, mobile accordion sections. */
:is(#responsive-layout,html) body .site-header .nav-dropdown{position:relative;flex:0 0 auto;min-width:0}
:is(#responsive-layout,html) body .site-header .nav-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:3rem;padding:.625rem .5rem;border:0;border-radius:.625rem;background:transparent;color:#1E2022;font:inherit;cursor:pointer;white-space:nowrap}
:is(#responsive-layout,html) body .site-header .nav-dropdown-toggle:is(:hover,.nav-current,[aria-expanded=true]){background:rgba(112,111,211,0.10);color:#706FD3}
:is(#responsive-layout,html) body .site-header .nav-dropdown-chevron{font-size:1rem;line-height:1;transition:transform .18s}
:is(#responsive-layout,html) body .site-header .nav-dropdown-toggle[aria-expanded=true] .nav-dropdown-chevron{transform:rotate(180deg)}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;top:100%;left:0;z-index:110;width:27rem;max-width:calc(100vw - 3rem);max-height:calc(100dvh - 8rem);overflow-y:auto;overscroll-behavior:contain;padding:.75rem;gap:.25rem;border:1px solid #E7E1D5;border-radius:.875rem;background:#FFFFFF;box-shadow:0 1rem 3rem rgba(0,0,0,0.05)}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel a{display:flex;align-items:center;justify-content:flex-start;min-height:3rem;padding:.5rem .75rem!important;border:0!important;border-radius:.5rem;color:#1E2022!important;font-size:.875rem!important;white-space:normal;text-align:left}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel a:is(:hover,[aria-current=page]){background:rgba(112,111,211,0.10)!important;color:#706FD3!important}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel a::after{display:none!important}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel .nav-dropdown-overview{grid-column:1/-1;color:#5A3A22!important;border-bottom:1px solid #E7E1D5!important;border-radius:0;margin-bottom:.25rem}
@media(max-width:67.999rem){
 :is(#responsive-layout,html) body .site-header .main-nav.is-open .nav-dropdown{width:100%}
 :is(#responsive-layout,html) body .site-header .nav-dropdown-toggle{min-height:3rem;font-size:1rem;padding:.75rem 1rem;background:#FFFFFF}
 :is(#responsive-layout,html) body .site-header .nav-dropdown-panel{position:static;width:100%;max-width:100%;max-height:none;overflow:visible;margin-top:.375rem;padding:.375rem;box-shadow:none;background:#FFFFFF;grid-template-columns:minmax(0,1fr)}
}
@media(min-width:68rem){
 :is(#responsive-layout,html) body .site-header .nav-dropdown-panel{left:auto;right:0}
}
/* Celestial Purity & Gold: visual tokens only; layout and behavior are preserved. */
:is(#responsive-layout,html){--ink:#1E2022;--muted:#656260;--cream:#FAF9F6;--paper:#FFFFFF;--line:#E7E1D5;--gold:#D4AF37;--gold-light:#D4AF37;--rust:#5A3A22;--dark:#5A3A22;--orange:#D4AF37;--orange-deep:#5A3A22;--cosmic-ink:#1E2022;--cosmic-muted:#656260;--cosmic-indigo:#706FD3;--cosmic-purple:#706FD3;--cosmic-pink:#D4AF37;color-scheme:light;background:#FAF9F6!important}
:is(#responsive-layout,html) body{background:#FAF9F6!important;color:#1E2022!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(p,li){color:#1E2022!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h1,:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h1 em{color:#D4AF37!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(h2,h3,h4){color:#5A3A22!important}
:is(#responsive-layout,html) body :is(.eyebrow,[class$="-eyebrow"],.zodiac-kicker,label){color:#5A3A22!important}
:is(#responsive-layout,html) body .site-header{background:rgba(250,249,246,.96)!important}
:is(#responsive-layout,html) body .site-header .nav-shell{background:#FFFFFF!important;border-color:#E7E1D5!important;box-shadow:0 .375rem 1.5rem rgba(0,0,0,.05)!important}
:is(#responsive-layout,html) body .site-header :is(.brand,.brand strong){color:#5A3A22!important}
:is(#responsive-layout,html) body .site-header .brand small{color:#656260!important}
:is(#responsive-layout,html) body .site-header .brand img{filter:none!important}
:is(#responsive-layout,html) body .site-header .main-nav :is(a:not(.nav-shop),.nav-dropdown-toggle){color:#1E2022!important}
:is(#responsive-layout,html) body .site-header .main-nav :is(a:not(.nav-shop),.nav-dropdown-toggle):is(:hover,[aria-expanded=true],[aria-current=page],.nav-current){color:#706FD3!important;background:rgba(112,111,211,.08)!important}
:is(#responsive-layout,html) body .site-header :is(.nav-dropdown-panel,.main-nav.is-open,.account-nav-menu){background:#FFFFFF!important;border-color:#E7E1D5!important;box-shadow:0 1rem 3rem rgba(0,0,0,.05)!important}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel .nav-dropdown-overview{color:#5A3A22!important;border-color:#E7E1D5!important}
:is(#responsive-layout,html) body :is(.menu-toggle,.nav-signin,.shop-filter,.service-action-secondary,.gemstone-secondary,.account-secondary){background:#FFFFFF!important;color:#706FD3!important;border-color:#E7E1D5!important}
:is(#responsive-layout,html) body .site-header .menu-lines i{background:#5A3A22!important}
:is(#responsive-layout,html) 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:linear-gradient(115deg,#FFFFFF,#FAF9F6)!important;border-color:#E7E1D5!important;box-shadow:0 1rem 3rem rgba(0,0,0,.05)!important}
:is(#responsive-layout,html) body :is(.service-card,.service-feature-card,.zodiac-card,.gemstone-card,.shop-card,.dashboard-panel,.dashboard-welcome,.contact-form-card,.contact-info-card,.about-facts,.auth-card,.service-detail-content,.service-detail-aside,.gemstone-description,.gemstone-directory,.zodiac-sign-content,.zodiac-sign-sidebar,.zodiac-preview,.gem-info,.portrait-caption,.about-portrait figcaption){background:#FFFFFF!important;color:#1E2022!important;border-color:#E7E1D5!important;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.05)!important}
:is(#responsive-layout,html) body :is(.button-dark,.button-light,.auth-submit,.account-primary,.account-order-button,.shop-add-button,.shop-cart-button,.nav-shop,.chat-launcher,.services-contact-button,.service-action-primary,.service-aside-cta,.zodiac-sign-cta,.gemstone-primary,.gemstone-directory-cta,.about-button){background:#D4AF37!important;color:#1E2022!important;border-color:#D4AF37!important;box-shadow:0 .375rem 1rem rgba(0,0,0,.05)!important}
:is(#responsive-layout,html) body :is(.button-dark,.button-light,.auth-submit,.nav-shop,.chat-launcher,.about-button) span{color:#1E2022!important}
:is(#responsive-layout,html) body :is(input,select,textarea){background:#FFFFFF!important;color:#1E2022!important;border-color:#DCD6C9!important;color-scheme:light}
:is(#responsive-layout,html) body ::placeholder{color:#74716A!important}
:is(#responsive-layout,html) body :is(a,button,input,select,textarea):focus-visible{outline-color:#706FD3!important}
:is(#responsive-layout,html) body :is(.zodiac-band,.contact-cta,.services-contact-band,.shop-enquiry-bar,.cart-summary,.account-cart-summary,.site-footer){background:#FAF9F6!important;color:#1E2022!important;border-color:#E7E1D5!important}
:is(#responsive-layout,html) body :is(.contact-cta,.services-contact-band,.shop-enquiry-bar,.cart-summary,.account-cart-summary,.site-footer) :is(h2,h3,strong,a){color:#5A3A22!important}
:is(#responsive-layout,html) body :is(.site-footer,.contact-cta,.services-contact-band) p{color:#1E2022!important}
:is(#responsive-layout,html) body .site-footer :is(.footer-bottom,.footer-copyright-copy small){color:#656260!important;border-color:#E7E1D5!important}
:is(#responsive-layout,html) body :is(.chat-panel,.chat-messages,.chat-panel .chat-form){background:#FFFFFF!important;color:#1E2022!important;border-color:#E7E1D5!important}
:is(#responsive-layout,html) body .chat-header{background:#FAF9F6!important;color:#5A3A22!important}
:is(#responsive-layout,html) body .chat-header :is(h2,p,button){color:#5A3A22!important}
:is(#responsive-layout,html) body .chat-panel .assistant-message{background:#FAF9F6!important;color:#1E2022!important}
:is(#responsive-layout,html) body .chat-panel .user-message{background:rgba(112,111,211,.12)!important;color:#1E2022!important}
:is(#responsive-layout,html) body :is(.online-dot,.caption-dot){background:#24734B!important}
:is(#responsive-layout,html) body .mobile-actions{background:rgba(250,249,246,.98)!important;border-color:#E7E1D5!important}
:is(#responsive-layout,html) body .mobile-actions :is(a,button){background:#FFFFFF!important;color:#5A3A22!important;border-color:#E7E1D5!important}
:is(#responsive-layout,html) body .mobile-actions :is(a,button):first-child{background:#D4AF37!important;color:#1E2022!important;border-color:#D4AF37!important}
/* Keep the original light logo legible against the new white navigation surface. */
:is(#responsive-layout,html) body .site-header .brand img{filter:brightness(0)!important}
:is(#responsive-layout,html) body :is(.hero-note,.portrait-caption,.portrait-caption small,.gem-note,.chat-privacy){color:#5A3A22!important}
:is(#responsive-layout,html) body :is(.site-footer .social-links a,.assistant-avatar){color:#5A3A22!important;background:#FAF9F6!important}
/* Floating glass navigation. Light palette follows Celestial Purity & Gold. */
:is(#responsive-layout,html){--nav-glass:rgba(255,255,255,.8);--nav-text:#1E2022;--nav-line:rgba(0,0,0,.05);--nav-panel:#FFFFFF;--nav-soft:rgba(112,111,211,.08);scroll-padding-top:10.5rem}
:is(#responsive-layout,html) body{padding-top:6.75rem!important}
:is(#responsive-layout,html) body .site-header{position:fixed!important;inset:1rem 0 auto!important;z-index:120!important;padding:0 1rem!important;height:auto!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;transition:top .22s ease}
:is(#responsive-layout,html) body .site-header .nav-shell{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;width:100%!important;max-width:88rem!important;min-height:5rem!important;margin:0 auto!important;padding:.5rem 1rem!important;border:1px solid var(--nav-line)!important;border-radius:2rem!important;background:var(--nav-glass)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;box-shadow:0 .5rem 2rem rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.5)!important;overflow:visible!important;pointer-events:auto!important;transition:min-height .22s ease,padding .22s ease,box-shadow .22s ease}
:is(#responsive-layout,html) body .site-header .nav-shell::before,:is(#responsive-layout,html) body .site-header .nav-shell::after{display:none!important}
:is(#responsive-layout,html) body .site-header .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:3rem!important;gap:.625rem!important;flex:1 1 auto;max-width:calc(100% - 4rem)!important;color:var(--nav-text)!important;z-index:125}
:is(#responsive-layout,html) body .site-header .brand>span{min-width:0}
:is(#responsive-layout,html) body .site-header .brand strong{display:block;font-family:Inter,"DM Sans",Arial,sans-serif!important;font-size:clamp(.8rem,.7rem + .3vw,1rem)!important;font-weight:700!important;white-space:normal!important;line-height:1.3!important;letter-spacing:-.025em!important;color:var(--nav-text)!important;max-width:none!important}
:is(#responsive-layout,html) body .site-header .brand small{display:block;font-family:Inter,"DM Sans",Arial,sans-serif!important;font-size:.625rem!important;line-height:1.4!important;letter-spacing:.14em!important;color:#766747!important}
:is(#responsive-layout,html) body .site-header .brand img{width:2.5rem!important;height:2.5rem!important;object-fit:contain!important;border-radius:.5rem!important;background:transparent!important;filter:brightness(0) saturate(100%) invert(67%) sepia(57%) saturate(536%) hue-rotate(7deg) brightness(94%) contrast(87%)!important;transition:width .22s ease,height .22s ease}
:is(#responsive-layout,html) body .site-header .menu-toggle{display:grid!important;place-items:center!important;position:relative;z-index:126!important;width:3rem!important;height:3rem!important;flex:0 0 3rem!important;min-height:3rem!important;border:1px solid #D4AF3733!important;border-radius:50%!important;background:#D4AF3710!important;color:#5A3A22!important}
:is(#responsive-layout,html) body .site-header .menu-lines i{background:#5A3A22!important}
:is(#responsive-layout,html) body .site-header .main-nav:not(.is-open){display:none!important}
:is(#responsive-layout,html) body .site-header .main-nav.is-open{display:flex!important;position:absolute!important;inset:calc(100% + .75rem) 0 auto!important;z-index:124!important;width:100%!important;height:calc(100dvh - 8.5rem)!important;max-height:calc(100dvh - 8.5rem)!important;padding:1rem!important;margin:0!important;align-items:stretch!important;justify-content:flex-start!important;flex-direction:column!important;gap:.5rem!important;border:1px solid var(--nav-line)!important;border-radius:1.75rem!important;background:var(--nav-panel)!important;box-shadow:0 1rem 3rem #00000014!important;overflow:auto!important;overscroll-behavior:contain;animation:nav-reveal .22s ease both}
:is(#responsive-layout,html) body .site-header .main-nav :is(a,.nav-dropdown-toggle){font-family:Inter,"DM Sans",Arial,sans-serif!important;min-height:3rem!important;border-radius:999px!important;color:var(--nav-text)!important;font-weight:500!important;line-height:1.3!important}
:is(#responsive-layout,html) body .site-header .main-nav.is-open>a{flex:0 0 auto!important;min-height:3rem!important;width:100%!important;padding:.75rem 1rem!important;font-size:1rem!important}
:is(#responsive-layout,html) body .site-header .main-nav :is(a,.nav-dropdown-toggle):is(:hover,.nav-current,[aria-current=page],[aria-expanded=true]){background:var(--nav-soft)!important;color:#706FD3!important}
:is(#responsive-layout,html) body .site-header .main-nav a::after{display:none!important}
:is(#responsive-layout,html) body .site-header .nav-consult{display:none!important;align-items:center;justify-content:center;gap:.75rem;min-height:3rem!important;padding:.75rem 1.125rem!important;border:1px solid #D4AF3733;border-radius:999px;background:linear-gradient(115deg,#E6CC78,#D4AF37 65%,#C5A131);box-shadow:0 .25rem 1rem #D4AF3720;color:#1E2022;font:600 .8125rem/1.2 Inter,"DM Sans",Arial,sans-serif;white-space:nowrap;pointer-events:auto}
:is(#responsive-layout,html) body .site-header .nav-consult:hover{box-shadow:0 .375rem 1.25rem #D4AF3733}
:is(#responsive-layout,html) body .site-header.is-scrolled{top:.5rem!important}
:is(#responsive-layout,html) body .site-header.is-scrolled .nav-shell{min-height:4.25rem!important;padding-block:.25rem!important;box-shadow:0 .5rem 1.5rem #0000000D!important}
:is(#responsive-layout,html) body .site-header.is-scrolled .brand img{width:2.25rem!important;height:2.25rem!important}
:is(#responsive-layout,html) body .nav-scrim{position:fixed;inset:0;z-index:115;background:rgba(30,32,34,.22);backdrop-filter:blur(3px)}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel{background:var(--nav-panel)!important;border-color:var(--nav-line)!important;border-radius:1rem!important;box-shadow:0 .75rem 2rem #0000000D!important}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel a{border-radius:.625rem!important}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel[hidden]{display:none!important}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-.625rem)}to{opacity:1;transform:translateY(0)}}
@media(min-width:68rem){
 :is(#responsive-layout,html) body{padding-top:7rem!important}
 :is(#responsive-layout,html) body .site-header .nav-shell{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.25rem 1rem!important;border-radius:2rem!important;padding:.75rem 1.25rem!important}
 :is(#responsive-layout,html) body .site-header .brand{grid-column:1;grid-row:1;max-width:100%!important}
 :is(#responsive-layout,html) body .site-header .menu-toggle{display:none!important}
 :is(#responsive-layout,html) body .site-header .nav-consult{display:inline-flex!important;grid-column:2;grid-row:1}
 :is(#responsive-layout,html) body .site-header .main-nav:not(.is-open){display:flex!important;position:static!important;grid-column:1/-1;grid-row:2;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;gap:.25rem!important;width:100%!important;height:auto!important;max-height:none!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
 :is(#responsive-layout,html) body .site-header .main-nav :is(a,.nav-dropdown-toggle){font-size:.75rem!important;padding:.625rem .625rem!important;white-space:nowrap}
 :is(#responsive-layout,html) body .site-header .nav-dropdown{width:auto!important}
 :is(#responsive-layout,html) body .site-header .nav-dropdown-panel{position:absolute!important;top:100%!important;left:0!important;right:auto!important;width:25rem!important;max-width:calc(100vw - 4rem)!important;max-height:calc(100dvh - 12rem)!important;overflow-y:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:.75rem!important}
 :is(#responsive-layout,html) body .site-header .nav-dropdown:last-of-type .nav-dropdown-panel{right:0!important;left:auto!important}
 :is(#responsive-layout,html) body .site-header .nav-dropdown-panel a{font-size:.8125rem!important;white-space:normal!important}
 :is(#responsive-layout,html) body .site-header .main-nav .account-nav-wrap{width:auto!important}
 :is(#responsive-layout,html) body .site-header.is-scrolled .nav-shell{padding-block:.375rem!important}
}
@media(min-width:68rem){
 :is(#responsive-layout,html) body{padding-top:7rem!important}
 :is(#responsive-layout,html) body .site-header .nav-shell{grid-template-columns:auto minmax(0,1fr) auto!important;min-height:5rem!important;border-radius:999px!important;padding:.75rem 1.5rem!important;gap:1.5rem!important}
 :is(#responsive-layout,html) body .site-header .main-nav:not(.is-open){grid-column:2;grid-row:1;justify-content:center!important;gap:.25rem!important;flex-wrap:nowrap!important}
 :is(#responsive-layout,html) body .site-header .nav-consult{grid-column:3}
 :is(#responsive-layout,html) body .site-header .main-nav :is(a,.nav-dropdown-toggle){font-size:.875rem!important;padding-inline:.5rem!important}
}
/* Optional explicit dark theme; light remains the site's current appearance. */
@media(min-width:68rem) and (max-width:79.999rem){
 :is(#responsive-layout,html) body .site-header .nav-shell{gap:.625rem!important;padding:.75rem 1rem!important}
 :is(#responsive-layout,html) body .site-header .brand{gap:.5rem!important}
 :is(#responsive-layout,html) body .site-header .brand strong{font-size:.9375rem!important}
 :is(#responsive-layout,html) body .site-header .brand img{width:2.25rem!important;height:2.25rem!important}
 :is(#responsive-layout,html) body .site-header .main-nav:not(.is-open){gap:0!important}
 :is(#responsive-layout,html) body .site-header .main-nav :is(a,.nav-dropdown-toggle){padding-inline:.375rem!important;font-size:.875rem!important}
 :is(#responsive-layout,html) body .site-header .nav-consult{width:8rem!important;padding-inline:.5rem!important}
 :is(#responsive-layout,html) body .site-header .main-nav a.nav-signin:not(.nav-shop):not(.nav-mobile-consult),
 :is(#responsive-layout,html) body .site-header .main-nav .account-nav-wrap{width:6rem!important;min-width:6rem!important;max-width:6rem!important;flex-basis:6rem!important}
}
/* Reference navbar: edge-to-edge floating pill with proportional desktop sizing. */
@media(min-width:68rem){
 :is(#responsive-layout,html) body{padding-top:clamp(7rem,8.4vw,10rem)!important}
 :is(#responsive-layout,html) body .site-header .nav-shell{max-width:none!important;min-height:clamp(5rem,6.4vw,7.5rem)!important;padding:.75rem clamp(1.5rem,1.8vw,2rem)!important;gap:clamp(1rem,2vw,2.5rem)!important}
 :is(#responsive-layout,html) body .site-header .brand{flex:none!important;gap:clamp(.625rem,.85vw,1rem)!important;max-width:none!important}
 :is(#responsive-layout,html) body .site-header .brand img{width:clamp(2.5rem,3.2vw,3.75rem)!important;height:clamp(2.5rem,3.2vw,3.75rem)!important;filter:none!important;border:1px solid #D4AF37!important;border-radius:.75rem!important}
 :is(#responsive-layout,html) body .site-header .brand strong{font-size:clamp(1rem,1.27vw,1.5rem)!important;white-space:nowrap!important}
 :is(#responsive-layout,html) body .site-header .brand small{font-size:clamp(.625rem,.75vw,.875rem)!important;letter-spacing:.14em!important}
 :is(#responsive-layout,html) body .site-header .main-nav:not(.is-open){gap:clamp(.25rem,.55vw,.75rem)!important}
 :is(#responsive-layout,html) body .site-header .main-nav :is(a,.nav-dropdown-toggle){font-size:clamp(.875rem,.95vw,1.125rem)!important;min-height:clamp(3rem,3.8vw,4.5rem)!important;padding-inline:clamp(.5rem,.65vw,.8125rem)!important}
 :is(#responsive-layout,html) body .site-header .nav-consult{width:clamp(8.75rem,11.2vw,13.125rem)!important;min-height:clamp(3rem,3.8vw,4.5rem)!important;font-size:clamp(.8125rem,1vw,1.25rem)!important}
 :is(#responsive-layout,html) body .site-header .main-nav .nav-signin{background:#F5F3FC!important;color:#706FD3!important}
}
:is(#responsive-layout,html)[data-theme=dark]{--nav-glass:rgba(22,27,46,.7);--nav-text:#F3F4FA;--nav-line:rgba(255,255,255,.1);--nav-panel:#161B2E;--nav-soft:rgba(212,175,55,.12)}
@media(prefers-reduced-motion:reduce){:is(#responsive-layout,html) body .site-header,:is(#responsive-layout,html) body .site-header *{animation:none!important;transition:none!important}}
:is(#responsive-layout,html) body .site-header .main-nav .nav-mobile-consult{background:linear-gradient(115deg,#E6CC78,#D4AF37)!important;color:#1E2022!important;font-weight:600!important}
@media(min-width:68rem){:is(#responsive-layout,html) body .site-header .main-nav .nav-mobile-consult{display:none!important}}
/* Neutral navigation surfaces reserve metallic gold for the main CTAs. */
:is(#responsive-layout,html) body .site-header .main-nav a:not(.nav-shop):not(.nav-mobile-consult){background:transparent!important;box-shadow:none!important;border-color:transparent!important}
:is(#responsive-layout,html) body .site-header .main-nav a:not(.nav-shop):not(.nav-mobile-consult):is(:hover,.nav-current,[aria-current=page]){background:var(--nav-soft)!important;color:#706FD3!important}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel .nav-dropdown-overview{border-bottom-color:#E7E1D5!important;color:#5A3A22!important}
/* Account navigation reserves the same space for guests and signed-in users. */
@media(min-width:48rem){
 :is(#responsive-layout,html) body .site-header .main-nav .account-nav-wrap{max-width:10rem}
 :is(#responsive-layout,html) body .site-header .main-nav .nav-signin{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
:is(#responsive-layout,html)[data-theme=dark] body .site-header .brand small{color:#B7BDCE!important}
:is(#responsive-layout,html)[data-theme=dark] body .site-header .menu-lines i{background:#F3F4FA!important}
@media(min-width:68rem){
 :is(#responsive-layout,html) body .site-header .main-nav a.nav-signin:not(.nav-shop):not(.nav-mobile-consult){width:7rem!important;max-width:7rem!important;min-width:7rem!important;background:#F5F3FC!important;color:#706FD3!important}
 :is(#responsive-layout,html) body .site-header .main-nav .account-nav-wrap{width:7rem!important;min-width:7rem!important;flex:0 0 7rem!important}
}
/* Compact thumbnails make dropdown destinations easier to recognize. */
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel a{gap:.625rem!important;min-height:3.5rem!important;padding:.5rem .625rem!important;white-space:normal!important}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel .nav-option-image{display:block;width:2.5rem!important;height:2.5rem!important;min-width:2.5rem;max-width:2.5rem;flex:0 0 2.5rem;object-fit:cover;border:1px solid rgba(212,175,55,.2);border-radius:.625rem;background:#FAF9F6;filter:none!important}
:is(#responsive-layout,html) body .site-header .nav-dropdown-panel .nav-option-label{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(min-width:68rem){:is(#responsive-layout,html) body .site-header .nav-dropdown-panel{width:29rem!important}}
/* Local Panchang controls follow the existing light/gold theme. */
:is(#responsive-layout,html) body .panchang-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-top:1.25rem;align-items:end}
:is(#responsive-layout,html) body .panchang-controls label{display:block;margin-bottom:.375rem;font-size:.8125rem}
:is(#responsive-layout,html) body .panchang-controls :is(input,select,button){min-height:3rem!important;width:100%;border:1px solid #E7E1D5;border-radius:.75rem;padding:.625rem .75rem;background:#FFFFFF;color:#1E2022;font:inherit}
:is(#responsive-layout,html) body .panchang-controls button{background:#D4AF371A;color:#5A3A22;font-size:.875rem;cursor:pointer}
:is(#responsive-layout,html) body .panchang-more{margin-top:1rem;padding:.75rem 0;border-top:1px solid #E7E1D5}
:is(#responsive-layout,html) body .panchang-more summary{min-height:3rem;align-content:center;cursor:pointer;font-size:.875rem;color:#5A3A22;font-weight:600}
:is(#responsive-layout,html) body .panchang-more dl{display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;margin:.5rem 0}
:is(#responsive-layout,html) body .panchang-more dt{font-size:.75rem;color:#656260;font-weight:600}
:is(#responsive-layout,html) body .panchang-more dd{margin:.25rem 0 0;font-size:.875rem;line-height:1.6;color:#1E2022}
:is(#responsive-layout,html) body .panchang-topics>span{min-width:0}
:is(#responsive-layout,html) body .panchang-topics>span>small[id]{display:block;color:#656260!important;font-size:.75rem!important;letter-spacing:normal!important;margin-top:.25rem;text-transform:none!important}
:is(#responsive-layout,html) body .panchang-credit{display:block;max-width:100%;font-size:.75rem!important;line-height:1.7;margin-top:.75rem;color:#656260!important}
:is(#responsive-layout,html) body .panchang-primary{background:linear-gradient(115deg,#E6CC78,#D4AF37)!important;color:#1E2022!important;border-color:#D4AF37!important}
:is(#responsive-layout,html) body .panchang-status[aria-busy=true]{opacity:.7}
@media(min-width:40rem){:is(#responsive-layout,html) body .panchang-controls{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}:is(#responsive-layout,html) body .panchang-controls>button{grid-column:1/-1}:is(#responsive-layout,html) body .panchang-more dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* The body reserves space for the floating navbar. Page wrappers must not
   reserve that same header space again (especially shop and account pages). */
:is(#responsive-layout,html) body :is(.services-page,.about-page,.contact-page,.shop-main,.zodiac-directory,.zodiac-sign-page,.gemstone-catalog,.gemstone-detail-page,.service-detail-page,.account-main,.dashboard-wrap,.today-shell){padding-top:0!important;margin-top:0!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory)>.hero:first-child{margin-top:0!important}

/* Stronger typography for the light theme: gold remains on accents and CTAs,
   while text uses darker shades that stay readable on white and off-white. */
:is(#responsive-layout,html){--muted:#514E49;--cosmic-muted:#514E49;--readable-gold:#876410;--readable-link:#51459C}
:is(#responsive-layout,html) body{color:#242424!important;font-weight:500!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(p,li,dd){color:#30302E!important;font-weight:500!important}
:is(#responsive-layout,html) body :is(h1,h2,h3,h4,h5,h6){font-weight:700!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h1,:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h1 em{color:#876410!important;font-weight:700!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(h2,h3,h4){color:#4D301D!important}
:is(#responsive-layout,html) body :is(strong,b){font-weight:700!important}
:is(#responsive-layout,html) body :is(.eyebrow,[class$="-eyebrow"],[class$="-kicker"],.zodiac-kicker,label,dt){color:#59412C!important;font-weight:650!important}
:is(#responsive-layout,html) body :is(button,input,select,textarea){font-weight:600!important}
:is(#responsive-layout,html) body .site-header .main-nav :is(a,.nav-dropdown-toggle),:is(#responsive-layout,html) body .site-header .nav-consult{font-weight:650!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(.about-inline-link,.about-text-link,.text-link,.gemstone-back,.zodiac-back,.panchang-credit a,.today-note a){color:#51459C!important;font-weight:650!important}
:is(#responsive-layout,html) body :is(.today-note,.panchang-credit,.hero-note,.gem-note,.chat-privacy,.about-portrait figcaption small,.portrait-caption small){color:#514E49!important;font-weight:500!important}
:is(#responsive-layout,html) body .site-footer :is(p,a,.footer-bottom,.footer-copyright-copy small){color:#45413B!important;font-weight:500!important;font-size:.875rem!important;line-height:1.7}
:is(#responsive-layout,html) body .site-header .brand small{color:#514E49!important;font-weight:600!important}
:is(#responsive-layout,html) body ::placeholder{color:#625E56!important;opacity:1}

/* Local assistant: readable replies and thumb-friendly quick actions. */
:is(#responsive-layout,html) body .chat-widget{z-index:110}
:is(#responsive-layout,html) body .chat-panel{border-radius:1rem;overflow:hidden;height:min(38rem,calc(100dvh - 10rem));width:25rem;max-width:calc(100vw - 1.5rem)}
:is(#responsive-layout,html) body .chat-messages{min-height:0;overscroll-behavior:contain}
:is(#responsive-layout,html) body .chat-header,:is(#responsive-layout,html) body .chat-form,:is(#responsive-layout,html) body .chat-privacy,:is(#responsive-layout,html) body .chat-suggestions{flex-shrink:0}
:is(#responsive-layout,html) body .chat-header h2{font-size:1rem;font-weight:700}
:is(#responsive-layout,html) body .chat-header p{font-size:.75rem}
:is(#responsive-layout,html) body .chat-close{min-width:3rem;min-height:3rem}
:is(#responsive-layout,html) body .chat-panel .message{font-size:.9375rem;line-height:1.65;white-space:normal;overflow-wrap:anywhere;flex-shrink:0}
:is(#responsive-layout,html) body .chat-panel .message p{margin:0}
:is(#responsive-layout,html) body .chat-reply-links{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}
:is(#responsive-layout,html) body .chat-reply-links a{display:flex;align-items:center;min-height:3rem;padding:.5rem .75rem;border:1px solid #D8D0BC;border-radius:.625rem;color:#51459C;background:#FFF;font-size:.8125rem;font-weight:650}
:is(#responsive-layout,html) body .chat-suggestions{display:flex;gap:.375rem;padding:.5rem .75rem;overflow-x:auto;border-top:1px solid #E7E1D5}
:is(#responsive-layout,html) body .chat-suggestions button{flex:0 0 auto;min-height:3rem;padding:.5rem .75rem;border:1px solid #E7E1D5;border-radius:999px;background:#FAF9F6;color:#4D301D;font-size:.75rem;cursor:pointer}
:is(#responsive-layout,html) body .chat-form button{flex:0 0 3rem;background:#D4AF37;color:#1E2022;border-radius:.5rem}
:is(#responsive-layout,html) body .chat-privacy{font-size:.6875rem;line-height:1.5}
:is(#responsive-layout,html) body .chat-widget{width:min(25rem,calc(100% - 1.5rem));max-width:calc(100% - 1.5rem)}
:is(#responsive-layout,html) body .chat-panel{width:100%;max-width:100%}

/* Chat layout contract: explicit rows prevent shared typography and form rules
   from squeezing messages, shifting the composer, or clipping the header. */
:is(#responsive-layout,html) body .chat-widget{z-index:130;filter:none}
:is(#responsive-layout,html) body .chat-panel:not([hidden]){display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:0;height:min(38rem,calc(100dvh - 7rem));text-align:left}
:is(#responsive-layout,html) body .chat-header{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 3rem;gap:.625rem;align-items:center;padding:.75rem;border-bottom:1px solid #E7E1D5}
:is(#responsive-layout,html) body .assistant-avatar{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#F3E9C9;color:#674D13;font-size:1.25rem}
:is(#responsive-layout,html) body .chat-header h2{margin:0!important;font:700 1rem/1.3 Inter,"DM Sans",sans-serif!important;overflow-wrap:normal}
:is(#responsive-layout,html) body .chat-header p{margin:.25rem 0 0!important;font-size:.75rem;line-height:1.45}
:is(#responsive-layout,html) body .chat-close{display:grid;place-items:center;margin:0;padding:0;width:3rem;height:3rem;border-radius:.5rem;line-height:1;font-size:1.5rem}
:is(#responsive-layout,html) body .chat-messages{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.875rem;text-align:left}
:is(#responsive-layout,html) body .chat-panel .message{width:fit-content;max-width:94%;margin:0;padding:.75rem .875rem;align-self:flex-start;border:1px solid #E7E1D5;border-radius:.875rem!important;font-size:.9375rem;line-height:1.6;text-align:left;white-space:normal;word-break:normal;overflow-wrap:anywhere}
:is(#responsive-layout,html) body .chat-panel .user-message{align-self:flex-end}
:is(#responsive-layout,html) body .chat-panel .message p{font-size:inherit!important;line-height:inherit!important;margin:0!important}
:is(#responsive-layout,html) body .chat-reply-links{flex-direction:column;align-items:stretch}
:is(#responsive-layout,html) body .chat-reply-links a{justify-content:flex-start;text-align:left;line-height:1.4}
:is(#responsive-layout,html) body .chat-suggestions{display:flex;flex-wrap:wrap;gap:.375rem;overflow:visible;padding:.625rem .75rem}
:is(#responsive-layout,html) body .chat-suggestions button{flex:1 1 5.5rem;white-space:normal;padding:.5rem;font-size:.75rem;line-height:1.3;border-radius:.625rem}
:is(#responsive-layout,html) body .chat-panel .chat-form{display:grid!important;grid-template-columns:minmax(0,1fr) 3rem;gap:.5rem;align-items:center;padding:.75rem!important;margin:0!important;width:100%;min-width:0}
:is(#responsive-layout,html) body .chat-form input{width:100%!important;min-width:0;height:3rem;padding:.625rem .75rem;font-size:1rem!important;line-height:1.4;border-radius:.625rem!important}
:is(#responsive-layout,html) body .chat-form button{display:grid;place-items:center;width:3rem;height:3rem;margin:0;padding:0;line-height:1;font-size:1.5rem}
:is(#responsive-layout,html) body .chat-privacy{padding:0 .875rem .75rem;margin:0;font-size:.6875rem;line-height:1.5}
@media(max-width:47.999rem){
 :is(#responsive-layout,html) body .chat-panel:not([hidden]){position:fixed;left:.5rem;right:.5rem;top:calc(var(--chat-viewport-top,0px) + .5rem);bottom:auto;width:auto;max-width:none;height:calc(var(--chat-viewport-height,100dvh) - var(--mobile-action-height) - env(safe-area-inset-bottom) - 1.25rem);max-height:42rem;border-radius:1rem}
 :is(#responsive-layout,html) body .chat-widget.keyboard-open .chat-panel:not([hidden]){height:calc(var(--chat-viewport-height,100dvh) - 1rem)}
}
@media(max-height:32rem){
 :is(#responsive-layout,html) body .chat-panel:not([hidden]){position:fixed;inset:.5rem .5rem auto auto;width:min(26rem,calc(100% - 1rem));max-width:none;height:calc(var(--chat-viewport-height,100dvh) - 1rem)}
 :is(#responsive-layout,html) body .chat-suggestions,:is(#responsive-layout,html) body .chat-header p,:is(#responsive-layout,html) body .chat-privacy{display:none}
 :is(#responsive-layout,html) body .chat-panel:not([hidden]){grid-template-rows:auto minmax(0,1fr) auto}
}

:is(#responsive-layout,html) body .panchang-calculation-details{margin-top:.5rem;color:#514E49;font-size:.8125rem}
:is(#responsive-layout,html) body .panchang-calculation-details summary{min-height:3rem;display:list-item;align-content:center;cursor:pointer;font-weight:600;color:#59412C}
:is(#responsive-layout,html) body .panchang-calculation-details p{margin:.25rem 0 .75rem}

/* Readability pass: supporting text stays readable on phones and tablets. */
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(a,button,label){font-size:1rem!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) small{font-size:.875rem!important;line-height:1.6!important}
:is(#responsive-layout,html) body :is(.hero-note,.portrait-caption,.about-location,.strip-label,.card-copy>span,.service-footnote,.orbit-label,.fact-index,.about-facts strong,.about-service-grid strong,.about-service-grid>a>span,.gemstone-chips span,.today-badge,.contact-info-card,.shop-price small,.shop-guide-link,.shop-card small,.auth-divider){font-size:.875rem!important;line-height:1.6!important}
:is(#responsive-layout,html) body :is(.hero-note,.portrait-caption,.about-location,.about-facts,.contact-info-card) :is(span,strong,small){font-size:.875rem!important;line-height:1.6!important}
:is(#responsive-layout,html) body .about-portrait figcaption strong{font-size:.875rem!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) label small{font-size:.875rem!important}
:is(#responsive-layout,html) body .chat-privacy{font-size:.75rem!important}
@media(max-width:63.999rem){
 :is(#responsive-layout,html) body .about-service-grid{grid-template-columns:minmax(0,1fr)!important}
 :is(#responsive-layout,html) body :is(.hero-actions,.about-actions,.contact-hero-links){align-items:center;flex-wrap:wrap}
}
:is(#responsive-layout,html) body :is(.panchang-location,.panchang-topics strong,.services-hero-bottom>span,.shop-product-badge,.shop-art-caption,.shop-art-caption strong,.shop-art-caption span,.contact-hero div>span,.zodiac-scroll-hint>span){font-size:.875rem!important;line-height:1.6!important}
:is(#responsive-layout,html) body .zodiac-carousel-controls>span{font-size:.875rem!important;line-height:1.6!important}
:is(#responsive-layout,html) body .contact-hero-note :is(strong,span){color:#59412C!important}

/* Sign-in formatting, scoped away from account/dashboard pages. */
:is(#responsive-layout,html) body.signin-page .account-main{display:block;min-height:0;padding-bottom:2.5rem;padding-inline:var(--gutter)!important}
:is(#responsive-layout,html) body.signin-page .auth-card{width:100%!important;max-width:60rem;min-height:0;margin:0 auto;grid-template-columns:minmax(0,1fr)!important;align-items:stretch}
:is(#responsive-layout,html) body.signin-page .auth-art{min-height:8rem;padding:1.5rem;align-items:center}
:is(#responsive-layout,html) body.signin-page .auth-art p{position:relative;z-index:1;font-size:1.5rem!important;line-height:1.3!important;font-weight:600!important;max-width:65%}
:is(#responsive-layout,html) body.signin-page .auth-art .auth-orbit{left:60%;top:-4rem;width:13rem;height:13rem}
:is(#responsive-layout,html) body.signin-page .auth-art .auth-orbit-b{left:50%;top:-4rem}
:is(#responsive-layout,html) body.signin-page .auth-star{left:auto;right:2rem;top:2rem;font-size:2rem}
:is(#responsive-layout,html) body.signin-page .auth-content{padding:clamp(1.25rem,3vw,2.5rem)!important;width:100%;align-self:stretch}
:is(#responsive-layout,html) body.signin-page .auth-content h1{font-size:clamp(1.75rem,2.5vw,2.25rem)!important;line-height:1.2;max-width:24rem;text-wrap:pretty}
:is(#responsive-layout,html) body.signin-page .auth-intro{margin:.75rem 0 1.5rem;font-size:1rem!important;line-height:1.6!important}
:is(#responsive-layout,html) body.signin-page .google-signin{display:flex!important;width:100%;min-height:3.25rem!important;gap:.75rem;padding:.75rem;line-height:1.4;text-align:center}
:is(#responsive-layout,html) body.signin-page .google-signin svg{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}
:is(#responsive-layout,html) body.signin-page .auth-divider{margin:1.25rem 0;font-size:.875rem;gap:.75rem}
:is(#responsive-layout,html) body.signin-page .auth-divider span{flex:0 1 auto;text-align:center}
:is(#responsive-layout,html) body.signin-page .auth-divider::before,:is(#responsive-layout,html) body.signin-page .auth-divider::after{background:#DDD6C8}
:is(#responsive-layout,html) body.signin-page .phone-form{gap:.625rem}
:is(#responsive-layout,html) body.signin-page .phone-form[hidden]{display:none!important}
:is(#responsive-layout,html) body.signin-page .phone-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:0 .875rem;min-height:3.25rem;height:auto}
:is(#responsive-layout,html) body.signin-page .phone-input input{border:0!important;box-shadow:none;background:transparent!important;outline:0!important;padding:.75rem 0;height:3.125rem;line-height:1.4}
:is(#responsive-layout,html) body.signin-page .auth-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem!important;padding:.75rem 1rem;line-height:1.4;width:100%;margin-top:.375rem}
:is(#responsive-layout,html) body.signin-page .auth-submit span{margin:0;flex:0 0 auto}
:is(#responsive-layout,html) body.signin-page .auth-terms{margin:1.25rem 0 0;font-size:.875rem!important;line-height:1.6!important}
:is(#responsive-layout,html) body.signin-page .auth-message:empty{display:none}
:is(#responsive-layout,html) body.signin-page .site-footer .footer-shell{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:0;width:100%}
@media(min-width:64rem){
 :is(#responsive-layout,html) body.signin-page .auth-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important}
 :is(#responsive-layout,html) body.signin-page .auth-art{align-items:flex-end;padding:2rem}
 :is(#responsive-layout,html) body.signin-page .auth-art p{font-size:2rem!important;max-width:100%}
 :is(#responsive-layout,html) body.signin-page .auth-art .auth-orbit{left:10%;top:10%}
 :is(#responsive-layout,html) body.signin-page .auth-art .auth-orbit-b{left:20%;top:15%}
 :is(#responsive-layout,html) body.signin-page .auth-star{top:23%;right:40%}
}
@media(max-width:63.999rem){:is(#responsive-layout,html) body.signin-page .auth-card{max-width:40rem}}

/* Unified footer: shared markup for HTML and PHP pages, independent of older shells. */
:is(#responsive-layout,html) body .unified-footer{display:block;position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:clamp(2rem,5vw,4rem) var(--gutter) 1.25rem;border-top:1px solid #DED7C7;background:#F4F1E9!important;color:#30302E;overflow:visible}
:is(#responsive-layout,html) body .unified-footer::before{display:none}
:is(#responsive-layout,html) body .unified-footer-inner{max-width:82rem;margin:0 auto}
:is(#responsive-layout,html) body .unified-footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem;align-items:start}
:is(#responsive-layout,html) body .unified-footer-brand,:is(#responsive-layout,html) body .unified-footer-contact{grid-column:1/-1}
:is(#responsive-layout,html) body .unified-footer-logo{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-decoration:none;min-height:3rem}
:is(#responsive-layout,html) body .unified-footer-logo img{width:3rem;height:3rem;flex:0 0 3rem;object-fit:contain;border:1px solid #D8C791;border-radius:.625rem;background:#FFFEFA}
:is(#responsive-layout,html) body .unified-footer-logo strong{display:block;font-size:1rem;line-height:1.4;color:#35291F}
:is(#responsive-layout,html) body .unified-footer-logo small{display:block;color:#594F41;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:.25rem}
:is(#responsive-layout,html) body .unified-footer-brand>p{margin:1rem 0;max-width:24rem;line-height:1.75}
:is(#responsive-layout,html) body .unified-footer .unified-footer-cta{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3rem;padding:.75rem 1rem;border:1px solid #CEAA39;border-radius:.75rem;background:#D4AF37;color:#242424!important;font-weight:700!important;text-decoration:none}
:is(#responsive-layout,html) body .unified-footer h2{margin:0 0 .75rem;font:700 1rem/1.4 Inter,"DM Sans",Arial,sans-serif;color:#4D301D}
:is(#responsive-layout,html) body .unified-footer-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
:is(#responsive-layout,html) body .unified-footer-nav>a,:is(#responsive-layout,html) body .unified-footer-contact>a{display:flex;justify-content:flex-start;align-items:center;gap:.375rem;min-height:3rem;padding:.5rem 0;line-height:1.5;text-align:left;text-decoration:none}
:is(#responsive-layout,html) body .unified-footer-contact address{margin:.75rem 0 0;font-style:normal;max-width:24rem}
:is(#responsive-layout,html) body .unified-footer-contact address a{display:block;min-height:3rem;line-height:1.7;padding:.25rem 0}
:is(#responsive-layout,html) body .unified-footer-note{margin:.75rem 0 0;max-width:24rem}
:is(#responsive-layout,html) body .unified-footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid #DED7C7}
:is(#responsive-layout,html) body .unified-footer-bottom p{margin:0}
:is(#responsive-layout,html) body .unified-footer-bottom nav{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
:is(#responsive-layout,html) body .unified-footer-bottom a{display:inline-flex;align-items:center;justify-content:flex-start;gap:.375rem;min-height:3rem}
:is(#responsive-layout,html) body .unified-footer a:hover{color:#51459C!important;text-decoration:underline;text-underline-offset:.25rem}
:is(#responsive-layout,html) body .unified-footer a:focus-visible{outline:2px solid #706FD3;outline-offset:3px;border-radius:.25rem}
@media(min-width:40rem){:is(#responsive-layout,html) body .unified-footer-brand,:is(#responsive-layout,html) body .unified-footer-contact{grid-column:auto}:is(#responsive-layout,html) body .unified-footer-grid{gap:2.5rem}}
@media(min-width:75rem){:is(#responsive-layout,html) body .unified-footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.95fr) minmax(0,1.2fr);gap:2.5rem}:is(#responsive-layout,html) body .unified-footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}

/* Leave room below footer links for fixed chat and mobile action controls. */
:is(#responsive-layout,html) body:has(.chat-widget) .unified-footer{padding-bottom:6.5rem}
@media(max-width:47.999rem){
 :is(#responsive-layout,html) body:has(.chat-widget) .unified-footer{padding-bottom:1.75rem}
}

/* Daily dashboard uses the same local Panchang picker and theme. */
:is(#responsive-layout,html) body .myday-hero{padding:1.5rem 0 2rem;max-width:52rem}
:is(#responsive-layout,html) body .myday-hero h1{margin:.5rem 0 1rem}
:is(#responsive-layout,html) body .myday-hero>a{display:inline-flex;align-items:center;min-height:3rem;color:#51459C;font-weight:650}
:is(#responsive-layout,html) body .myday-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0}
:is(#responsive-layout,html) body .myday-actions{display:flex;flex-wrap:wrap;gap:.75rem}
:is(#responsive-layout,html) body .myday-actions button{min-height:3rem;padding:.75rem 1rem;border:1px solid #D5C694;border-radius:.75rem;background:#FFF;color:#4D301D;cursor:pointer}
:is(#responsive-layout,html) body .myday-actions button:last-child{background:#D4AF37;color:#242424}
:is(#responsive-layout,html) body .myday-actions button:disabled{opacity:.55;cursor:default}
:is(#responsive-layout,html) body .myday-live-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
:is(#responsive-layout,html) body .myday-live-grid h2{font-size:1.75rem!important}
:is(#responsive-layout,html) body .myday-countdown{font-variant-numeric:tabular-nums;color:#674D13!important}
:is(#responsive-layout,html) body .myday-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}
:is(#responsive-layout,html) body .myday-facts dd{margin:.5rem 0 0}
:is(#responsive-layout,html) body .myday-reflection{background:#F7F2E3}
@media(min-width:40rem){:is(#responsive-layout,html) body .myday-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){:is(#responsive-layout,html) body .myday-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#responsive-layout,html) body .myday-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Birth finder: touch-friendly form and clear, private results. */
:is(#responsive-layout,html) body .birth-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}
:is(#responsive-layout,html) body #birth-form{display:grid;gap:.625rem}
:is(#responsive-layout,html) body .birth-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
:is(#responsive-layout,html) body #birth-form label{display:block;font-weight:650;line-height:1.5}
:is(#responsive-layout,html) body #birth-form :is(input:not([type=checkbox]),select){width:100%;height:3.25rem;padding:.625rem .75rem;border:1px solid #D9D2C3;border-radius:.625rem;font-size:1rem}
:is(#responsive-layout,html) body #birth-form .today-note{margin:.125rem 0 .75rem}
:is(#responsive-layout,html) body #birth-form .birth-unknown{display:flex;align-items:center;gap:.75rem;min-height:3rem;cursor:pointer}
:is(#responsive-layout,html) body #birth-unknown{width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem!important;flex:0 0 1.25rem;accent-color:#876410}
:is(#responsive-layout,html) body #birth-form>button{margin-top:.75rem;white-space:normal}
:is(#responsive-layout,html) body #birth-result{scroll-margin-top:11rem}
:is(#responsive-layout,html) body .birth-result-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.5rem 0}
:is(#responsive-layout,html) body .birth-result-grid article{padding:1.25rem;background:#FAF9F6;border:1px solid #E7E1D5;border-radius:1rem}
:is(#responsive-layout,html) body .birth-result-grid strong{display:block;font-size:1.5rem;color:#59412C}
:is(#responsive-layout,html) body .birth-result-grid a{display:flex;align-items:center;min-height:3rem;color:#51459C;margin-top:.75rem}
:is(#responsive-layout,html) body .birth-caution{padding:1rem;border-left:3px solid #D4AF37;background:#FFF9E9}
:is(#responsive-layout,html) body .birth-explainer h3{margin-top:1.5rem}
:is(#responsive-layout,html) body #birth-finder [hidden]{display:none!important}
@media(min-width:40rem){:is(#responsive-layout,html) body .birth-fields{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#responsive-layout,html) body .birth-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:64rem){:is(#responsive-layout,html) body .birth-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
:is(#responsive-layout,html) body .birth-result-grid strong{color:#59412C!important}

/* Match making: independent form panels and readable score breakdowns. */
:is(#responsive-layout,html) body #matching-form{display:grid;gap:1rem}
:is(#responsive-layout,html) body .matching-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}
:is(#responsive-layout,html) body .matching-person{display:grid;align-content:start;gap:.625rem;margin:0;min-width:0}
:is(#responsive-layout,html) body .matching-person legend{padding:0 .5rem;font-size:1.5rem;font-weight:700;color:#59412C}
:is(#responsive-layout,html) body .matching-person label{display:block;margin-top:.375rem;font-weight:650}
:is(#responsive-layout,html) body .matching-person :is(input,select){width:100%;height:3.25rem;padding:.625rem .75rem;border:1px solid #D9D2C3;border-radius:.625rem;font-size:1rem}
:is(#responsive-layout,html) body #matching-form>button{justify-self:start;min-width:12rem}
:is(#responsive-layout,html) body #kundli-matching [hidden]{display:none!important}
:is(#responsive-layout,html) body #matching-result{scroll-margin-top:11rem}
:is(#responsive-layout,html) body .matching-score{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 0}
:is(#responsive-layout,html) body .matching-score strong{color:#59412C!important;font-size:clamp(2rem,4vw,3rem)}
:is(#responsive-layout,html) body #matching-meter{display:block;width:100%;height:.875rem;accent-color:#876410}
:is(#responsive-layout,html) body .matching-breakdown{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.5rem 0}
:is(#responsive-layout,html) body .matching-breakdown article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:.75rem;padding:1.25rem;background:#FAF9F6;border:1px solid #E7E1D5;border-radius:1rem}
:is(#responsive-layout,html) body .matching-breakdown h3{margin:0}
:is(#responsive-layout,html) body .matching-breakdown strong{color:#59412C!important;font-size:1.25rem}
:is(#responsive-layout,html) body .matching-breakdown p{grid-column:1/-1;margin:0;font-size:.9375rem!important}
@media(min-width:48rem){:is(#responsive-layout,html) body .matching-form-grid,:is(#responsive-layout,html) body .matching-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}
:is(#responsive-layout,html) body.signin-page .phone-input{grid-template-columns:minmax(0,1fr)}
:is(#responsive-layout,html) body.signin-page main .auth-helper{font-size:.875rem!important;line-height:1.6!important;margin:.25rem 0;color:#514E49!important}
:is(#responsive-layout,html) body.signin-page .otp-form .auth-back{min-height:3rem;justify-self:stretch;text-align:center;border:1px solid #DED7C7;border-radius:.625rem;padding:.625rem}

/* Phone account modes: a clear sign-in / registration / recovery sequence. */
:is(#responsive-layout,html) body.signin-page .auth-modes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0;padding:.375rem;background:#F5F2E9;border-radius:.75rem}
:is(#responsive-layout,html) body.signin-page .auth-modes button{min-height:3rem;border:0;border-radius:.5rem;background:transparent;color:#59412C;cursor:pointer}
:is(#responsive-layout,html) body.signin-page .auth-modes button[aria-selected=true]{background:#FFF;box-shadow:0 .125rem .5rem #0000000D}
:is(#responsive-layout,html) body.signin-page main .auth-step-title{font-size:1.25rem!important;line-height:1.4;margin:1rem 0}
:is(#responsive-layout,html) body.signin-page .phone-form>input:not([type=hidden]),:is(#responsive-layout,html) body.signin-page .auth-password-field{min-height:3.25rem;height:auto;border:1px solid #DCD6C9;border-radius:.625rem;padding:.625rem .75rem}
:is(#responsive-layout,html) body.signin-page .auth-password-field{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem;align-items:center;gap:.375rem;padding:0 .25rem 0 .75rem}
:is(#responsive-layout,html) body.signin-page .auth-password-field input{border:0!important;background:transparent!important;outline-offset:-3px;padding:.625rem 0;min-width:0;width:100%}
:is(#responsive-layout,html) body.signin-page .auth-password-field button{min-height:3rem;min-width:3rem;border:0;background:transparent;color:#51459C;font-size:.875rem!important;cursor:pointer}
:is(#responsive-layout,html) body.signin-page .auth-remember{display:flex;align-items:center;gap:.75rem;min-height:3rem;margin:1rem 0;font-size:.875rem;line-height:1.5;cursor:pointer}
:is(#responsive-layout,html) body.signin-page .auth-remember input{width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem!important;flex:0 0 1.25rem;accent-color:#876410}
:is(#responsive-layout,html) body.signin-page .auth-remember:has(input:disabled){opacity:.65;cursor:default}





/* Mobile drawer: consistent reading edge, touch spacing, and action order. */
@media(max-width:67.999rem){
 :is(#responsive-layout,html) body .site-header .main-nav.is-open{padding:.75rem!important;gap:.25rem!important;border-radius:1.5rem!important;height:calc(100dvh - 8rem - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 8rem - env(safe-area-inset-bottom))!important;scrollbar-width:thin;scrollbar-color:#D7D1C5 transparent;scroll-padding-block:.75rem}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open > :is(a,.nav-dropdown,.account-nav-wrap){order:0;flex:0 0 auto!important;width:100%!important;max-width:none!important;margin:0!important}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open > a,
 :is(#responsive-layout,html) body .site-header .main-nav.is-open .nav-dropdown-toggle,
 :is(#responsive-layout,html) body .site-header .main-nav.is-open .account-nav-wrap > .nav-signin{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;min-height:3.25rem!important;padding:.75rem 1rem!important;font-size:1rem!important;line-height:1.4!important;border-radius:.875rem!important}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open .nav-dropdown-toggle{justify-content:space-between!important}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open .nav-dropdown-chevron{flex:0 0 auto;margin-left:auto}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open .nav-dropdown-panel{margin:.25rem 0 .5rem!important;padding:.375rem!important;border-radius:.875rem!important}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open > .nav-shop{order:1;background:#FAF9F6!important;border:1px solid #E7E1D5!important;box-shadow:none!important;color:#1E2022!important}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open > .nav-signin,
 :is(#responsive-layout,html) body .site-header .main-nav.is-open > .account-nav-wrap{order:2}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open > .nav-mobile-consult{order:3;margin-top:.5rem!important;justify-content:center!important;min-height:3.25rem!important}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open .account-nav-menu{position:static!important;width:100%!important;max-width:100%!important;margin:.375rem 0 0!important;box-shadow:none!important;border-radius:.875rem!important}
 :is(#responsive-layout,html) body .site-header .main-nav.is-open .account-nav-menu a{justify-content:flex-start!important;text-align:left!important;padding-inline:1rem!important}
}
/* Phone zodiac chooser: readable names and a direct tap-to-preview interaction. */
:is(#responsive-layout,html) body .zodiac-selection-help{font-size:.9375rem!important;line-height:1.6;color:#59412C!important;margin:0 0 1rem}
:is(#responsive-layout,html) body .zodiac-grid > a > span{font-family:'Segoe UI Symbol','Noto Sans Symbols 2',sans-serif!important;font-variant-emoji:text;color:#876410!important}
@media(max-width:47.999rem){
 :is(#responsive-layout,html) body .zodiac-carousel-controls{display:none!important}
 :is(#responsive-layout,html) body .zodiac-heading{align-items:flex-start!important;gap:.75rem!important;flex-wrap:wrap!important}
 :is(#responsive-layout,html) body .zodiac-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem!important;overflow:visible!important;padding:.125rem!important}
 :is(#responsive-layout,html) body .zodiac-grid > a{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:.625rem!important;width:100%!important;min-width:0!important;min-height:4.25rem!important;padding:.75rem!important;border:1px solid #E7E1D5!important;border-radius:1rem!important;background:#FFF!important;text-decoration:none!important;box-shadow:0 .125rem .5rem #00000004!important}
 :is(#responsive-layout,html) body .zodiac-grid > a > span{display:grid!important;place-items:center!important;flex:0 0 2rem;width:2rem!important;height:2rem!important;font-size:1.625rem!important;line-height:1!important}
 :is(#responsive-layout,html) body .zodiac-grid > a > small{font-size:.9375rem!important;font-weight:600!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:normal!important;text-align:left!important;color:#1E2022!important}
 :is(#responsive-layout,html) body .zodiac-grid > a:is(.is-selected,:focus-visible){border-color:#706FD3!important;background:#F5F3FC!important;outline:2px solid #706FD3!important;outline-offset:2px!important}
 :is(#responsive-layout,html) body .zodiac-preview{margin-top:1rem!important;scroll-margin-top:7rem}
}
@media(max-width:22rem){
 :is(#responsive-layout,html) body .zodiac-grid > a{gap:.375rem!important;padding:.625rem .5rem!important}
 :is(#responsive-layout,html) body .zodiac-grid > a > span{flex-basis:1.5rem;width:1.5rem!important;font-size:1.375rem!important}
 :is(#responsive-layout,html) body .zodiac-grid > a > small{font-size:.875rem!important}
}
/* A single mobile carousel keeps the selected sign beside its Quick Look. */
@media(max-width:47.999rem){
 :is(#responsive-layout,html) body .zodiac-carousel-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin:0 0 .625rem!important}
 :is(#responsive-layout,html) body .zodiac-carousel-controls>span{font-size:.875rem!important;line-height:1.4!important;text-align:center!important}
 :is(#responsive-layout,html) body .zodiac-carousel-button{display:grid!important;place-items:center!important;width:3rem!important;height:3rem!important;min-height:3rem!important;padding:0!important;flex:0 0 3rem!important;border-radius:50%!important}
 :is(#responsive-layout,html) body .zodiac-grid{display:flex!important;flex-wrap:nowrap!important;gap:.625rem!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:.25rem;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#D4AF37 #EFECE5;padding:.375rem .25rem .75rem!important;-webkit-overflow-scrolling:touch}
 :is(#responsive-layout,html) body .zodiac-grid>a{flex:0 0 clamp(8.5rem,44vw,11rem)!important;width:auto!important;min-height:4.25rem!important;scroll-snap-align:start;scroll-snap-stop:normal}
 :is(#responsive-layout,html) body .zodiac-preview{margin-top:.625rem!important}
}
/* Keep swipe and arrow navigation without a second visible scroll control. */
@media(max-width:47.999rem){
 :is(#responsive-layout,html) body .zodiac-grid{scrollbar-width:none!important;-ms-overflow-style:none;padding-bottom:.375rem!important}
 :is(#responsive-layout,html) body .zodiac-grid::-webkit-scrollbar{display:none;width:0;height:0}
}
/* Public contact addresses can wrap without widening cards or footer columns. */
:is(#responsive-layout,html) body a[href^="mailto:"]{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:left}

/* Compact reading scale shared by every page; rem units retain browser text zoom. */
:is(#responsive-layout,html) body{line-height:1.6}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h1{line-height:1.2!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h2{line-height:1.3!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(h3,h4){line-height:1.4!important}
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) h4{font-size:1rem!important}
/* Inline links and emphasis follow their surrounding text, including headings. */
:is(#responsive-layout,html) body :is(main,.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(h1,h2,h3,h4,p,li) :is(a,em,strong,b){font-size:inherit!important}

/* Keep the complete owner-supplied oval gemstone visible in square previews. */
:is(#responsive-layout,html) body img[src$="/ceylon-hessonite.jpg"]{object-fit:contain!important;background:#FFFFFF}
/* Gemstone weight selection shared by the shop and detail guides. */
html body .gemstone-name{font:inherit;color:inherit!important;letter-spacing:inherit}
html body .gemstone-weight-picker{display:flex;flex-direction:column;gap:6px;min-width:0;margin:12px 0;font-size:14px;font-weight:600;color:#332524}
html body .gemstone-weight-picker select{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbb9a4;border-radius:10px;background:#fff;color:#332524;font:inherit;font-size:16px;cursor:pointer}
html body .gemstone-weight-picker select:focus-visible{outline:3px solid #b46b36;outline-offset:2px}
html body .gemstone-rate{margin:6px 0;font-size:14px;line-height:1.5;color:#6a5349}
html body .gemstone-selected-price{margin:8px 0 14px;font-size:21px;font-weight:700;line-height:1.4}
html body .gemstone-buy-actions>.gemstone-weight-picker,html body .gemstone-buy-actions>.gemstone-rate,html body .gemstone-buy-actions>.gemstone-selected-price{flex-basis:100%;width:100%;grid-column:1/-1}
html body .account-item-list li small{display:block;line-height:1.5}
@media(max-width:600px){html body .cart-quantity-controls{flex-wrap:wrap;max-width:100%}html body .cart-item-quantity{white-space:normal}}

/* Guide content and purchase controls: consistent reading rhythm and touch targets. */
:is(#responsive-layout,html) body :is(.gemstone-prose,.service-prose,.zodiac-prose) :is(p,li){line-height:1.75!important}
:is(#responsive-layout,html) body :is(.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is(h1,h2,h3) :is(span,em,strong){font-size:inherit!important;color:inherit!important}
:is(#responsive-layout,html) body :is(.gemstone-back,.gemstone-catalog-back,.service-back,.zodiac-sign-back){color:#51459C!important}
:is(#responsive-layout,html) body .shop-enquiry-bar{gap:1rem;bottom:calc(.75rem + env(safe-area-inset-bottom))}
:is(#responsive-layout,html) body .shop-cart-heading{flex-wrap:wrap;gap:.25rem .625rem}
:is(#responsive-layout,html) body .shop-cart-heading>strong{font-size:1rem;line-height:1.4}
:is(#responsive-layout,html) body :is(.shop-cart-heading>span,.shop-cart-total){font-size:.875rem;line-height:1.5}
:is(#responsive-layout,html) body .shop-cart-total strong{font-size:1rem}
:is(#responsive-layout,html) body .shop-cart-actions>a,:is(#responsive-layout,html) body .shop-clear-enquiry{min-height:3rem;font-size:.875rem;line-height:1.4;white-space:normal;text-align:center;padding:.625rem .875rem}
:is(#responsive-layout,html) body #shop-checkout{background:#D4AF37;color:#242424!important}
:is(#responsive-layout,html) body .shop-qty-button{width:3rem;height:3rem;flex-basis:3rem}
:is(#responsive-layout,html) body .shop-favorite{width:3rem;height:3rem}
:is(#responsive-layout,html) body .shop-qty-value{font-size:1rem;min-width:1.5rem}
:is(#responsive-layout,html) body .shop-cart-controls{flex-wrap:wrap}
:is(#responsive-layout,html) body .shop-cart-controls.has-items .shop-add-button{flex-basis:100%}
:is(#responsive-layout,html) body.shop-page.has-shop-cart{padding-bottom:8rem}
:is(#responsive-layout,html) body .profile-delivery-fields label{display:grid;gap:.4375rem;font-size:1rem;line-height:1.5}
:is(#responsive-layout,html) body :is(.order-entry time,.order-items,.order-status,.cart-item-quantity){font-size:.875rem;line-height:1.6}
@media(max-width:47.999rem){
 :is(#responsive-layout,html) body.shop-page.has-shop-cart .mobile-actions{display:none!important}
 :is(#responsive-layout,html) body.shop-page.has-shop-cart{padding-bottom:13rem}
 :is(#responsive-layout,html) body .shop-cart-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(#responsive-layout,html) body .shop-cart-summary{padding-right:4.5rem}
 :is(#responsive-layout,html) body .shop-cart-actions .shop-clear-enquiry{position:absolute;right:.75rem;top:.75rem;grid-column:auto;padding:.5rem}
 :is(#responsive-layout,html) body .shop-cart-mark{display:none}
 :is(#responsive-layout,html) body .profile-delivery{padding:.875rem}
}

:is(#responsive-layout,html) body .payment-alert strong{color:#59412C!important}

/* Short section labels stay subordinate to the reading text. */
:is(#responsive-layout,html) body :is(.gemstone-detail-page,.gemstone-catalog,.service-detail-page,.zodiac-sign-page,.zodiac-directory) :is([class$="-eyebrow"],[class$="-kicker"],.gemstone-section-label){font-size:.75rem!important;line-height:1.6!important}
:is(#responsive-layout,html) body .service-backlink{color:#51459C!important}
:is(#responsive-layout,html) body .gemstone-weight-picker>span{color:#59412C!important}