/* Light storefront; the monochrome MixLivo mark anchors every page. */
@layer mixlivo-theme {
 :root body.homepage-focused .homepage-focus-content{background:radial-gradient(ellipse at 95% 0%,#dce7ff99,transparent 60%),#fff!important;border-color:#e0e6ef!important;box-shadow:0 14px 44px #17203306!important}
 :root body.homepage-focused .store-plan-card{background:#fff!important;border-color:#dfe5ed!important;box-shadow:0 5px 20px #17203305!important}
 :root body.homepage-focused .store-plan-action{background:#f8faff!important}
 :root body.homepage-focused .store-plan-card .store-plan-price strong{color:#172033!important}
 :root body.homepage-focused .shop-sidebar{background:#fff!important}
 :root body:is(.faq-page,.content-guide-page) .site-header,:root body:is(.faq-page,.content-guide-page) .site-header .nav-links{background:#fff!important}
 :root body.faq-page .faq-intro::before,:root body.content-guide-page .page-hero::before{background:linear-gradient(#f7f8fa,#f4f6f9)!important}
:root body .brand-mark,:root body:is(.faq-page,.content-guide-page,.card-admin-page) .brand-mark,:root body .payment-brand>span{background:#17191e!important;color:#fff!important;border-color:#17191e!important;box-shadow:none!important}
:root body .brand-mark *{color:#fff!important}

/* Orion-aligned guide navigation; the legacy article HTML remains unchanged. */
:root body:is(.content-guide-page,.guide-directory-page) .site-header{background:#f7f4ea!important;border-bottom:1px solid #e5dfd3!important;box-shadow:none!important}
:root body:is(.content-guide-page,.guide-directory-page) .nav-wrap{min-height:72px!important}
:root body:is(.content-guide-page,.guide-directory-page) .brand{gap:10px!important;color:#242638!important}
:root body:is(.content-guide-page,.guide-directory-page) .brand-mark{width:30px!important;height:30px!important;border-radius:9px!important;background:#6650cb!important;color:#fff!important;border:0!important;box-shadow:0 5px 14px #6650cb26!important;font-size:16px!important;font-weight:800!important}
:root body:is(.content-guide-page,.guide-directory-page) .brand-copy strong{color:#242638!important;font-size:18px!important;letter-spacing:-.04em!important;font-weight:750!important}
:root body:is(.content-guide-page,.guide-directory-page) .brand-copy small{color:#747587!important;font-size:9px!important;letter-spacing:.12em!important}
:root body:is(.content-guide-page,.guide-directory-page) .nav-links{gap:4px!important;color:#747587!important;font-size:12px!important;font-weight:600!important}
:root body:is(.content-guide-page,.guide-directory-page) .nav-links>a:not(.button){border-radius:8px!important;padding:9px 11px!important;color:#747587!important;transition:background .2s,color .2s!important}
:root body:is(.content-guide-page,.guide-directory-page) .nav-links>a:not(.button):hover{background:#ede8fc!important;color:#6650cb!important}
:root body:is(.content-guide-page,.guide-directory-page) .nav-links .button-primary{min-height:38px!important;border:0!important;border-radius:10px!important;background:#6650cb!important;color:#fff!important;box-shadow:0 5px 13px #6650cb1a!important;padding:9px 14px!important;font-size:12px!important}
:root body:is(.content-guide-page,.guide-directory-page) .nav-links .button-primary:hover{background:#5542b6!important;box-shadow:0 8px 18px #6650cb25!important}
:root body:is(.content-guide-page,.guide-directory-page) .nav-toggle{border-color:#e5dfd3!important;background:#fffdf8!important;color:#242638!important;border-radius:9px!important}

/* Soften the boundary between the legacy header and the guide canvas. */
:root body:is(.content-guide-page,.guide-directory-page){background:#f7f4ea!important}
:root body:is(.content-guide-page,.guide-directory-page) .site-header{background:linear-gradient(180deg,#faf8f0 0%,#f7f4ea 100%)!important;border-bottom-color:#eee8dc!important}
:root body:is(.content-guide-page,.guide-directory-page) .page-hero{background:linear-gradient(180deg,#f7f4ea 0%,#f7f4ea 72%,#f7f4ea 100%)!important}
:root body:is(.content-guide-page,.guide-directory-page) .page-hero::before{background:linear-gradient(180deg,#f7f4ea 0%,#f7f4ea 100%)!important}
:root body:is(.content-guide-page,.guide-directory-page) .page-hero .eyebrow{color:#51419f!important;font-weight:750!important}

/* FAQ keeps its legacy page layout, but shares the guide navigation palette. */
:root body.faq-page .site-header{background:linear-gradient(180deg,#faf8f0 0%,#f7f4ea 100%)!important;border-bottom:1px solid #eee8dc!important;box-shadow:none!important}
:root body.faq-page .brand{gap:10px!important;color:#242638!important}
:root body.faq-page .brand-mark{width:30px!important;height:30px!important;border-radius:9px!important;background:#6650cb!important;color:#fff!important;border:0!important;box-shadow:0 5px 14px #6650cb26!important;font-size:16px!important;font-weight:800!important}
:root body.faq-page .brand-copy strong{color:#242638!important;font-size:18px!important;letter-spacing:-.04em!important;font-weight:750!important}
:root body.faq-page .brand-copy small{color:#747587!important;font-size:9px!important;letter-spacing:.12em!important}
:root body.faq-page .nav-links{gap:4px!important;color:#747587!important;font-size:12px!important;font-weight:600!important}
:root body.faq-page .nav-links>a:not(.button){border-radius:8px!important;padding:9px 11px!important;color:#747587!important;transition:background .2s,color .2s!important}
:root body.faq-page .nav-links>a:not(.button):hover{background:#ede8fc!important;color:#6650cb!important}
:root body.faq-page .nav-links .button-primary{min-height:38px!important;border:0!important;border-radius:10px!important;background:#6650cb!important;color:#fff!important;box-shadow:0 5px 13px #6650cb1a!important;padding:9px 14px!important;font-size:12px!important}
:root body.faq-page .nav-links .button-primary:hover{background:#5542b6!important;box-shadow:0 8px 18px #6650cb25!important}
 :root body.checkout-page .checkout-qr{background:#fff!important;border-color:#fff!important}
 :root body.checkout-page .checkout-alipay-icon{background:#1677ff!important;color:#fff!important}
}