/* Shared site navigation: a brand/action row and a clear service-navigation row. */
:root{--hw-header-height:132px}
html{scroll-padding-top:calc(var(--hw-header-height) + 16px)}
body[data-hw-page] #hw-site-header.hw-unified-header{box-sizing:border-box;display:block;position:sticky;top:0;z-index:50;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;border:0;border-bottom:1px solid #e8e2d7;background:#fff;color:#35291f;box-shadow:0 3px 12px #35291f05;backdrop-filter:none;font:400 14px/1.4 Inter,system-ui,sans-serif;letter-spacing:0;text-align:left}
body[data-hw-page] #hw-site-header.hw-unified-header *,body[data-hw-page] #hw-site-header.hw-unified-header *:before,body[data-hw-page] #hw-site-header.hw-unified-header *:after{box-sizing:border-box}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-row{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1240px;min-height:80px;margin:auto;padding:12px 20px;position:relative}
body[data-hw-page] #hw-site-header.hw-unified-header a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:44px;margin:0;padding:0;color:inherit;font:inherit;text-decoration:none;border:0;border-radius:8px;background:none;white-space:nowrap;box-shadow:none;transition:background .15s,color .15s}
body[data-hw-page] #hw-site-header.hw-unified-header svg{display:block;position:static;width:24px;height:24px;flex:none;margin:0;color:inherit}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand{flex:none;border-radius:0}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{display:block;width:190px;height:56px;max-width:none;max-height:none;margin:0;object-fit:contain}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions{display:flex;align-items:center;gap:14px;flex:none;margin-left:0}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-language{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #e8e2cf;border-radius:50%;background:#fffbed;color:#35291f;cursor:pointer}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-language-symbol{display:flex;align-items:baseline;justify-content:center;pointer-events:none;font:500 20px/1 system-ui,sans-serif;letter-spacing:-2px;padding-right:2px}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-language-symbol [lang=en]{font-size:16px;letter-spacing:0}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-language-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-language select{display:block;position:absolute;inset:0;width:100%;min-width:0;max-width:none;height:100%;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;opacity:0;cursor:pointer;font:400 16px/1.4 Inter,system-ui,sans-serif}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-language:hover{background:#fff3cc;border-color:#d5b98a}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-language:focus-within{outline:3px solid #ba7f27;outline-offset:3px}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-language select:focus{outline:0}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions>a{position:relative;flex-direction:row;padding:10px 12px;min-height:44px;font-size:14px;font-weight:400;line-height:24px}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-rare{margin-left:8px;padding:10px 23px;border:1px solid #efb638;border-radius:10px;background:#ffce55;color:#352414;font-weight:400}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-rare:hover{background:#ffc43b}
body[data-hw-page] #hw-site-header.hw-unified-header .hw-cart-count{display:inline-flex;align-items:center;justify-content:center;position:static;min-width:19px;height:19px;padding:0 5px;margin-left:-3px;border:0;border-radius:99px;background:#f4e8d4;color:#80501c;font:400 10px/1 Inter,system-ui,sans-serif}
body[data-hw-page] #hw-site-header.hw-unified-header a:hover{background:#faf6ef;color:#8a541c}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand:hover{background:none}
body[data-hw-page] #hw-site-header.hw-unified-header [aria-current=page]{color:#8a541c}
body[data-hw-page] #hw-site-header.hw-unified-header :is(a,summary,button):focus-visible{outline:3px solid #ba7f27;outline-offset:3px}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars{display:block;width:auto;margin:0;padding:0;border:0;border-top:1px solid #f0eae0;background:#fffdf9;font:inherit}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars>div{display:flex;align-items:center;justify-content:flex-start;gap:16px;max-width:1240px;margin:auto;padding:0 20px}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars a{position:relative;justify-content:flex-start;gap:8px;padding:10px 12px;min-height:44px;border-radius:0;font-size:12px;font-weight:400;color:#574b3f}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars svg{width:18px;height:18px}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars a:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:3px 3px 0 0;background:transparent}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars a[aria-current=page]{color:#8a541c;background:#f9f0e1;font-weight:400}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars a[aria-current=page]:after{background:#bd7f2e}
body[data-hw-page] #hw-site-header.hw-unified-header .hw-header-menu{display:none;margin:0;padding:0;border:0;background:none;position:static}
body[data-hw-page] #hw-site-header.hw-unified-header summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:1px solid #e8e2d7;border-radius:10px;cursor:pointer;background:#fff;color:#433426}
body[data-hw-page] #hw-site-header.hw-unified-header summary::-webkit-details-marker{display:none}
body[data-hw-page] #hw-site-header.hw-unified-header .hw-header-menu[open] summary{background:#faf3e8;border-color:#d5b98a}
body[data-hw-page] #hw-site-header.hw-unified-header .hw-header-menu nav{position:absolute;right:20px;top:calc(100% + 8px);width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - var(--hw-header-height) - 24px);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:14px;background:#fff;border:1px solid #e8e2d7;border-radius:14px;box-shadow:0 16px 48px #33231926;font:inherit;z-index:8}
body[data-hw-page] #hw-site-header.hw-unified-header .hw-header-menu:not([open]) nav{display:none}
body[data-hw-page] #hw-site-header.hw-unified-header .hw-header-menu a{justify-content:flex-start;padding:10px;border-radius:8px;font-size:13px;white-space:normal;min-height:46px}
body[data-hw-page] #hw-site-header.hw-unified-header .hw-header-menu [aria-current=page]{background:#faf1df}
body[data-hw-page] #hw-site-header.hw-unified-header .hw-menu-caption{grid-column:1/-1;padding:5px 10px 10px;font-size:10px;letter-spacing:1.3px;color:#877563;font-weight:400}
/* Existing workspaces use the measured header height for their own sticky UI. */
body[data-hw-page="home-mobile.html"],body[data-hw-page="guidance-mobile.html"],body[data-hw-page="shop-mobile.html"],body[data-hw-page="rare-u-mobile.html"]{max-width:none;box-shadow:none}
body[data-hw-page="home-mobile.html"]>main,body[data-hw-page="guidance-mobile.html"]>main,body[data-hw-page="rare-u-mobile.html"]>.workspace{width:100%;max-width:600px;margin:0 auto}
body[data-hw-page="personal-care-dashboard.html"]>.sidebar{top:var(--hw-header-height)}
body[data-hw-page="personal-care-dashboard.html"]>.sidebar>.brand{display:none}
body[data-hw-page="rare-u-mobile.html"] .top,body[data-hw-page="personal-care-dashboard.html"] .top{top:var(--hw-header-height);z-index:25}
body[data-hw-page="vani.html"]{height:100dvh;overflow:hidden;padding:0!important}
body[data-hw-page="vani.html"] .chat{height:calc(100dvh - var(--hw-header-height) - 24px);min-height:0}
body.embedded[data-hw-page] #hw-site-header.hw-unified-header{display:none}
body.embedded[data-hw-page="vani.html"] .chat{height:100dvh}
@media(max-width:1100px){
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-row{gap:20px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions{gap:4px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions>a{padding-inline:10px;font-size:13px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars>div{gap:8px;justify-content:flex-start}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars a{padding-inline:9px;font-size:12px}
}
@media(max-width:960px){
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars{display:none}
 body[data-hw-page] #hw-site-header.hw-unified-header .hw-header-menu{display:block}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{width:170px;height:50px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-shop{display:none}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-account{width:44px;min-width:44px;height:44px;padding:10px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-account>span{display:none}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-row{min-height:74px}
}
@media(max-width:700px){
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:8px 16px;min-height:64px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand{grid-column:1;grid-row:1;justify-self:start}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions{grid-column:2;grid-row:1}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{width:145px;height:46px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions{gap:4px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions :is(.hu-shop,.hu-rare){display:none}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions :is(.hu-account,.hu-cart){width:44px;min-width:44px;height:44px;padding:10px;font-size:0}
 body[data-hw-page] #hw-site-header.hw-unified-header :is(.hu-account>span,.hu-cart-label){display:none}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hw-cart-count{position:absolute;top:0;right:-2px;min-width:17px;height:17px;margin:0;border:2px solid #fff;padding:0 3px;font-size:9px;background:#885122;color:#fff}
 body[data-hw-page] #hw-site-header.hw-unified-header .hw-header-menu nav{right:16px}
 body[data-hw-page="vani.html"] .chat{height:calc(100dvh - var(--hw-header-height) - 86px - env(safe-area-inset-bottom))}
 body.embedded[data-hw-page="vani.html"] .chat{height:100dvh}
}
@media(max-width:359px){body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{width:128px;height:44px}body[data-hw-page] #hw-site-header.hw-unified-header .hu-row{gap:6px;padding-inline:12px}body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions{gap:2px}}
@media(prefers-reduced-motion:reduce){body[data-hw-page] #hw-site-header.hw-unified-header a{transition:none}}
@media print{body[data-hw-page] #hw-site-header.hw-unified-header{display:none}}
body.ru-dashboard .ru-shell>.sidebar{top:var(--hw-header-height);max-height:calc(100dvh - var(--hw-header-height))}
html:has(body[data-hw-page]){scroll-padding-top:calc(var(--hw-header-height) + 16px)}

/* Keep the dashboard entry available where the header has room. */
@media(max-width:700px){
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-rare{display:flex;padding:8px;margin-left:0;font-size:13px}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{width:clamp(88px,28vw,135px)}
}
@media(max-width:359px){body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{width:88px}}

/* The supplied RareU artwork provides the button surface itself. */
body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-rare{display:flex;position:relative;width:110px;height:48px;padding:0;margin-left:4px;border:0;border-radius:24px;background:none;overflow:visible}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-rare:hover{background:none;filter:brightness(1.06)}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-rare-art{display:block;position:absolute;inset:0;pointer-events:none}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-rare-art>svg{width:100%!important;height:100%!important;overflow:visible}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-rare-fallback{padding:8px 16px;border-radius:24px;background:#ffce55}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-rare.is-ready .hu-rare-fallback{visibility:hidden}
@media(max-width:700px){body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-rare{width:72px;height:44px;margin:0;padding:0}body[data-hw-page] #hw-site-header.hw-unified-header .hu-row{column-gap:4px}body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{width:clamp(78px,25vw,135px)}}
@media(max-width:359px){body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{width:78px}}
/* Profile remains a direct 44px touch target. RareU is also in the menu. */
@media(max-width:480px){
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-actions .hu-rare{display:none}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-brand img{width:clamp(96px,28vw,130px)}
}
@font-face{font-family:HW-RareU-Charm;src:url('/assets/rareu-charm.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:HW-RareU-Cal;src:url('/assets/rareu-cal-sans.woff2') format('woff2');font-weight:400;font-display:swap}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-rare-art [font-family="Charm"],body[data-hw-page] #hw-site-header.hw-unified-header .hu-rare-art [font-family="Charm"] text{font-family:HW-RareU-Charm,serif!important}
body[data-hw-page] #hw-site-header.hw-unified-header .hu-rare-art [font-family="Cal Sans"],body[data-hw-page] #hw-site-header.hw-unified-header .hu-rare-art [font-family="Cal Sans"] text{font-family:HW-RareU-Cal,sans-serif!important}

/* Owner-supplied festival artwork, aligned with the shared navigation icons. */
#hw-site-header .hu-nav-art{display:block;flex:none;width:24px;height:24px;object-fit:contain;mix-blend-mode:multiply}

/* Grow page shells with larger monitors, starting at the existing laptop width.
   Keep this shared rule after page styles; inner reading/form/media caps remain
   independent. The extra width stops growing on very wide displays. */
@media(min-width:1441px){
 :root{--hw-wide-extra:clamp(0px,calc(83.333333vw - 1200px),960px)}
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-row,
 body[data-hw-page] #hw-site-header.hw-unified-header .hu-pillars>div{max-width:calc(1240px + var(--hw-wide-extra))}

 /* Discovery, catalogues and their generated detail pages. */
 body.home-discovery .wrap,
 body.home-discovery .home-seva,
 body .hx-page .wrap,
 body .hx-page main.wrap,
 body .kr-page .wrap,
 body .fe-wrap,
 body .br-wrap{max-width:calc(1240px + var(--hw-wide-extra))}
 body[data-hw-page="healersworld-booking-home.html"] .wrap,
 body.hw-home-landing[data-hw-page="home-mobile.html"]>main,
 body.shop-discovery main{max-width:calc(1280px + var(--hw-wide-extra))}
 body.hw-home-landing[data-hw-page="home-mobile.html"] .landing-hero{max-width:calc(1280px + var(--hw-wide-extra))}
 body.hw-home-landing[data-hw-page="home-mobile.html"] main>section:not(.landing-hero){max-width:calc(900px + var(--hw-wide-extra))}
 body.shop-discovery :is(.sf-footer-inner,.sf-footer-bottom){max-width:calc(1240px + var(--hw-wide-extra))}
 body[data-guidance-page] .gp-main{max-width:calc(1248px + var(--hw-wide-extra))}
 body :is(.gp-footer-inner,.gp-footer-bottom,.br-note){max-width:calc(1200px + var(--hw-wide-extra))}
 body .news-wrap{width:min(calc(1200px + var(--hw-wide-extra)),calc(100% - 48px))}
 body.pooja-page.pooja-detail main#app.app{max-width:calc(1200px + var(--hw-wide-extra))}
 body[data-hw-page].festival-page .fe-hero .fe-crumb,
 body[data-hw-page] .vx-page .vhero .crumbs,
 body[data-hw-page] .kr-page .khero .crumbs,
 body[data-hw-page] .hx-page .hhero .crumbs,
 body[data-hw-page] .temple-experience .thero .crumbs{left:max(20px,calc((100% - 1200px - var(--hw-wide-extra))/2))}

 /* Reading tools and report workspaces. More specific shells follow the
    legacy service wrapper so its width does not override their own baseline. */
 body[data-service] .wrap{max-width:calc(1288px + var(--hw-wide-extra))}
 body .temple-experience .wrap,
 body .temple-listing .catalogue-fallback,
 body .vx-page .wrap,
 body .vx-page main.wrap{max-width:calc(1240px + var(--hw-wide-extra))}
 body .vx-reading-shell,
 body[data-vastu-experience] #vastuLibrary,
 body[data-checkout="advanced-kundli"] .ak-page{max-width:calc(1200px + var(--hw-wide-extra))}
 body[data-hw-page="astrology-reports.html"] .reports-page{max-width:calc(1180px + var(--hw-wide-extra))}
 body.palm-page main{max-width:calc(1160px + var(--hw-wide-extra))}
 body[data-hw-page="matchmaking.html"] .match-main{max-width:calc(1180px + var(--hw-wide-extra))!important}
 body[data-hw-page="rare-u-plans.html"] .ru-landing{max-width:calc(1290px + var(--hw-wide-extra))}

 /* Account, orders and purchase pages. Keep the actual data-entry fields
    comfortably sized within the wider page. */
 body .profile-wrap{max-width:calc(1200px + var(--hw-wide-extra))}
 body .profile-wrap #profile-form{max-width:820px}
 body .commerce-wrap{max-width:calc(1100px + var(--hw-wide-extra))}
 body[data-commerce="report"] .commerce-wrap,
 body[data-commerce="orders"] .commerce-wrap{max-width:calc(1160px + var(--hw-wide-extra))}
 body :is(.pv-wrap,.pv-featured){max-width:calc(1220px + var(--hw-wide-extra))}
 body.login-page main{max-width:calc(1080px + var(--hw-wide-extra))}
 body[data-checkout="birth-book"]>main,
 body[data-account="recover"]>main{max-width:calc(960px + var(--hw-wide-extra))}
 body[data-checkout="birth-book"]>main>.panel{max-width:912px;margin-inline:auto}
 body .numerology-wrap .numerology-form{max-width:1000px;margin-inline:auto}
 body .commerce-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
 body .commerce-layout .commerce-panel>form{max-width:720px}
 body .rc-checkout>form{max-width:720px}

 /* Information pages can use the wider canvas without producing long lines
    of legal/help copy. Nested info-wrap sections retain their original cap. */
 body[data-hw-page]>main.info-wrap{max-width:calc(1020px + var(--hw-wide-extra))}
 body[data-hw-page] .info-body>:is(.info-section,.faq){max-width:912px;margin-inline:auto}
 body[data-hw-page] .info-intro>p{max-width:912px}
 body[data-hw-page] .hw-policy-footer,
 body[data-temple-api-portal] :is(.ta-wrap,.ta-nav,.ta-footer){max-width:calc(1200px + var(--hw-wide-extra))}

 /* RareU and Vani already fill the space beside their collapsible sidebar.
    Their header should fill that same space, not stop at the public-site cap. */
 body[data-hw-page].ru-dashboard #hw-site-header.hw-unified-header .hu-row,
 body[data-hw-page].ru-dashboard #hw-site-header.hw-unified-header .hu-pillars>div,
 body[data-hw-page].vani-workspace #hw-site-header.hw-unified-header .hu-row,
 body[data-hw-page].vani-workspace #hw-site-header.hw-unified-header .hu-pillars>div{max-width:none;padding-inline:22px}
}
