/* Keep the original site's dark stylesheet intact. New gradient is light-mode header only. */
:root{--xs-brand:linear-gradient(100deg,#06c3ff 0%,#0089c7 42%,#004181 100%)}
.xs-program-card{border:1px solid #c9e3f2;background:#f6fbff;border-radius:14px;padding:18px;margin:16px 0;color:#17243a}.xs-program-card h3{margin-top:0}.xs-program-form{display:grid;gap:12px}.xs-program-form label{display:grid;gap:5px}.xs-program-form input{box-sizing:border-box;max-width:100%}.xs-program-status{font-weight:600;white-space:pre-wrap}.xs-program-links{display:flex;gap:12px;flex-wrap:wrap}.xs-program-links a{color:#00558e;text-decoration:underline}.xs-qris-request{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;background:#08734b;color:white;border-radius:8px;text-decoration:none}

@media(prefers-color-scheme:light){
 body,body.xc-page{background:#fff!important}
 .site-header-bar{background:var(--xs-brand)!important;color:#fff!important}
 .site-header-bar [data-template-id="brand-name"]{color:#fff!important;text-shadow:0 1px 3px #00418188}
 [data-template-id="home-hero"]{background:#fff!important}
 [data-template-id="home-hero"] [data-template-id="hero-title"]{color:#13213a!important}
 [data-template-id="home-hero"] [data-template-id="hero-description"], [data-template-id="home-hero"] [data-template-id="hero-note-one"], [data-template-id="home-hero"] [data-template-id="hero-note-two"]{color:#52627b!important}
 [data-template-id="home-hero"] [data-template-id="hero-eyebrow"]{color:#00558e!important;background:#e8f5fc!important}
 /* Store introduction approved in pic3 is retained, separately from page backgrounds. */
 [data-template-id="store-hero"]{background:var(--xs-brand)!important}
}
.xs-bank-details{border:1px solid #bdd9ed;background:#f4faff;border-radius:12px;padding:14px;margin:14px 0;display:grid;gap:6px;color:#17243a}.xs-bank-details h3{margin:0;font-size:17px}.xs-bank-details p{margin:0}.xs-bank-number{font-size:22px;font-weight:800;letter-spacing:.04em;overflow-wrap:anywhere}.xs-bank-details button{justify-self:start;min-height:34px;padding:6px 12px;font-size:13px}.xs-bank-note{font-size:12px;color:#52627b}.xs-program-form input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}.xs-program-form .xc-inline-check{display:flex!important}
@media(max-width:600px){.xs-program-card{padding:12px}}

/* Reduce only vertical spacing; keep every logo, title, icon, and horizontal gap intact. */
.site-header-bar > div:first-child{min-height:0!important;padding-top:4px!important;padding-bottom:4px!important}
.xs-bank-details{text-align:center;justify-items:center}.xs-bank-details .xs-bank-intro{font-size:14px;line-height:1.5;font-weight:500;max-width:460px}.xs-bank-details button{justify-self:center}.xs-bank-details .xs-bank-logo{display:block;object-fit:cover;width:120px;height:40px;margin:8px auto 0}.xs-bank-details .xs-bank-logo[hidden]{display:none}.xs-bank-details p:empty{display:none}.xs-shipment-details{border:1px solid #d5e2ee;border-radius:12px;padding:14px;margin:14px 0;color:#17243a;background:#fff}.xs-shipment-details h3{margin:0 0 8px;font-size:17px}.xs-shipment-details p{margin:5px 0;font-size:14px}.xs-shipment-state{font-weight:600}.xs-shipment-details a{display:inline-block;padding:7px 0;font-weight:600}.xs-shipment-details details{margin-top:8px}

/* Bright public-page palette. Original system dark theme remains untouched. */
@media(prefers-color-scheme:light){
 [data-template-id="home-hero"],#page-service>.canva-section:first-child,[data-template-id="values-section"],.canva-footer{background:linear-gradient(100deg,#06c3ff 0%,#004181 100%)!important;color:#fff!important}
 [data-template-id="home-hero"] [data-template-id="hero-title"],#service-title,[data-template-id="values-title"]{color:#fff!important}
 [data-template-id="home-hero"] [data-template-id="hero-description"],[data-template-id="home-hero"] [data-template-id="hero-note-one"],[data-template-id="home-hero"] [data-template-id="hero-note-two"],#page-service>.canva-section:first-child p,.canva-footer [data-template-id="footer-text"]{color:#fff!important;text-shadow:0 1px 2px #00418166}
 [data-template-id="home-hero"] [data-template-id="hero-description"],#page-service>.canva-section:first-child p{background:#00418138;border-radius:10px;padding:10px 12px}
 [data-template-id="home-hero"] [data-template-id="hero-eyebrow"]{color:#fff!important;background:#004181cc!important}
 [data-template-id="trust-section"]{background:#f0f9ff!important}
 [data-template-id^="trust-"][data-template-id$="-card"],[data-template-id^="value-"][data-template-id$="-card"]{background:linear-gradient(135deg,#f3fcff,#d9efff)!important;color:#00649e!important;border:1px solid #b9def0;box-shadow:0 6px 18px #00418112}
 [data-template-id^="trust-"][data-template-id$="-title"],[data-template-id^="value-"][data-template-id$="-title"]{color:#123651!important}
 [data-template-id^="trust-"][data-template-id$="-text"],[data-template-id^="value-"][data-template-id$="-text"]{color:#36556c!important}
 .canva-footer{border-top:1px solid #79d1ed!important}
 .canva-footer .social-icon-links a{background:#ffffff20!important;border-color:#ffffff66!important;color:#fff!important}
}

/* Hero hierarchy: calmer surface, distinct badge, compact supporting notes. */
@media(prefers-color-scheme:light){
 [data-template-id="home-hero"]{background:linear-gradient(115deg,#e5f8ff 0%,#f1f9ff 56%,#ddecf8 100%)!important;color:#123651!important}
 [data-template-id="home-hero"] [data-template-id="hero-title"]{color:#10334e!important;text-shadow:none!important}
 [data-template-id="home-hero"] [data-template-id="hero-eyebrow"]{color:#004181!important;background:#cdeefa!important;border:1px solid #aadcec;text-shadow:none!important}
 [data-template-id="home-hero"] [data-template-id="hero-description"]{background:#d4edf8!important;border:1px solid #b9dce9;color:#284c65!important;text-align:left;text-shadow:none!important;border-radius:12px;padding:14px 16px;line-height:1.65}
 [data-template-id="home-hero"] .xs-hero-notes{margin-top:14px!important;padding-top:0!important;border-top:0!important;gap:8px 18px!important}
 [data-template-id="home-hero"] [data-template-id="hero-note-one"],[data-template-id="home-hero"] [data-template-id="hero-note-two"]{color:#255575!important;text-shadow:none!important;font-size:14px!important;line-height:1.5}
}

@font-face{font-family:"Xsist Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url("/montserrat-extrabold.ttf") format("truetype")}
.site-header-bar [data-template-id="brand-name"]{font-family:"Xsist Montserrat",Arial,sans-serif!important;font-weight:800!important;letter-spacing:0!important}
@media(prefers-color-scheme:light){
 #page-service>.canva-section:first-child,[data-template-id="store-hero"],#page-about>section:first-child,#page-contact-details,[data-template-id="values-section"]{background:linear-gradient(115deg,#e5f8ff 0%,#f1f9ff 56%,#ddecf8 100%)!important;color:#123651!important}
 #service-title,[data-template-id="store-title"],[data-template-id="values-title"]{color:#10334e!important;text-shadow:none!important}
 #page-service>.canva-section:first-child p,[data-template-id="store-description"]{color:#284c65!important;text-shadow:none!important;text-align:left}
 #page-service>.canva-section:first-child p:not(.canva-tag),[data-template-id="store-description"]{background:#d4edf8!important;border:1px solid #b9dce9;border-radius:12px;padding:14px 16px;line-height:1.65}
 #page-service>.canva-section:first-child .canva-tag,[data-template-id="store-eyebrow"]{display:inline-block;background:#cdeefa!important;color:#004181!important;border:1px solid #aadcec;border-radius:20px;padding:5px 12px;text-shadow:none!important}
 #store-read-more{color:#004181!important}
 #page-contact-details .canva-card{background:#f4fbff!important;border:1px solid #bfdeed;box-shadow:0 5px 16px #0041810d}
}

.xs-store-description-frame{margin-top:16px;max-width:36rem;border-radius:12px;padding:14px 16px;background:#d4edf8;border:1px solid #b9dce9}
#page-store .xs-store-description-frame #store-description{margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}
@media(max-width:767px){.xs-store-description-frame{margin-top:10px}}
@media(prefers-color-scheme:dark){.xs-store-description-frame{background:var(--d-card,#252525);border-color:var(--d-line,#454545)}}