body.live-selected-update .consult-band{background:#edf1f8!important;color:#17253e!important;margin:24px auto;border-radius:30px;padding:48px 0!important}
body.live-selected-update .consult-layout{display:block!important;max-width:920px!important}
body.live-selected-update .consult-intro{max-width:640px;color:#526077!important;margin-bottom:26px}
.consult-progress{list-style:none;display:flex;gap:20px;margin:30px 0;padding:0;justify-content:space-between;border-bottom:1px solid #cdd7e9}
.consult-progress li{padding:0 0 14px;color:#647187;font-weight:700;font-size:.8rem;flex:1;border-bottom:3px solid transparent}
.consult-progress li[aria-current]{color:#263ab6;border-color:#263ab6}.consult-progress span{margin-left:9px}
body.live-selected-update #guide-consult{background:white;border:1px solid #dfe5ef;border-radius:22px;padding:30px}
body.live-selected-update #guide-consult fieldset{margin:0 0 28px;min-width:0}body.live-selected-update #guide-consult legend{color:#17253e!important;font-size:1.2rem;margin-bottom:20px}
body.live-selected-update .consult-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.live-selected-update .consult-options label span{display:flex;align-items:center;justify-content:center;min-height:58px;height:100%;background:#f7f9fd!important;border:1px solid #cdd6e6!important;border-radius:13px!important;color:#263551!important;padding:12px!important;font-size:.87rem!important;line-height:1.4!important}
body.live-selected-update .consult-options input:checked+span{background:#263ab6!important;color:white!important;border-color:#263ab6!important;box-shadow:inset 0 0 0 2px white,0 0 0 1px #263ab6}
body.live-selected-update .consult-options input:focus-visible+span{outline:3px solid #b43931;outline-offset:3px}
.consult-step-actions{display:flex;gap:16px;align-items:center;border-top:1px solid #e4e8f0;padding-top:24px}.consult-step-actions .premium-next{margin-left:auto}.premium-back,.premium-skip,.premium-edit{background:transparent;border:0;color:#263ab6;padding:10px;text-decoration:underline;cursor:pointer}
body.live-selected-update .consult-result{background:#fff!important;border:1px solid #dce3ef!important;padding:32px!important;border-radius:22px!important;color:#17253e!important;box-shadow:0 12px 30px #20368308!important}
body.live-selected-update .consult-result h3,body.live-selected-update .consult-result p,body.live-selected-update .consult-result small{color:#34445c!important}body.live-selected-update .consult-result h3{font-size:1.6rem!important;color:#17253e!important}
body.live-selected-update .consult-result a:not(.button){color:#263ab6!important}body.live-selected-update .consult-result .consult-whatsapp{background:#22623e!important;color:white!important}
body.live-selected-update .premium-about{position:relative;display:block!important;padding:72px 50px 0!important;min-height:600px;overflow:hidden;isolation:isolate;margin-top:25px;border-radius:28px;background:#17253e}
.premium-about>div:first-child{position:relative;z-index:2;max-width:520px;padding-bottom:80px}body.live-selected-update .premium-about h1{color:white!important;font-size:clamp(2.8rem,5vw,4.6rem)!important}body.live-selected-update .premium-about p,body.live-selected-update .premium-about a{color:#fff!important}.premium-about>figure{position:absolute!important;inset:0;margin:0!important;z-index:-2;width:100%!important;height:100%!important}.premium-about>figure img{width:100%!important;height:100%!important;object-fit:cover;object-position:center 48%;border-radius:0!important}.premium-about:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111e36ed,#15233ca6 45%,#15233c20);z-index:-1}.premium-about figcaption{position:absolute;right:25px;bottom:130px;color:white!important;background:#17253ed9;padding:8px 15px;border-radius:99px}body.live-selected-update .premium-about .about-facts{position:relative;background:#fffffff2!important;border:0!important;padding:25px 30px!important;border-radius:22px 22px 0 0;margin:0 -15px!important}.premium-about .about-facts dt{color:#263ab6!important}.premium-about .about-facts dd{color:#43536c!important}
body.live-selected-update .premium-about{min-height:660px;background:#142237}.premium-about>figure img{object-position:center!important}.premium-about:before{background:linear-gradient(90deg,#142237ed,#142237aa 40%,#14223715 85%)}
.branch-story{position:relative;height:550vh;background:#edf0f4;margin-block:70px}.branch-stage{position:sticky;top:88px;height:calc(100svh - 88px);min-height:560px;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#fff,#e9edf3)}.branch-canvas{position:absolute;inset:0}.branch-canvas canvas{width:100%;height:100%;display:block}.branch-caption{position:absolute;left:6%;top:16%;width:29%;pointer-events:none}.branch-caption button,.branch-caption a{pointer-events:auto}.branch-year{font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:1!important;color:#b84135;margin:0 0 20px}.branch-description{color:#526077;font-size:1rem}.branch-motion{border:1px solid #bbc8dd;background:white;padding:12px 17px;border-radius:24px;color:#263ab6;cursor:pointer}.branch-nav{position:absolute;bottom:55px;left:6%;right:6%;display:flex;border-top:1px solid #bec9d9;padding-top:17px;gap:12px}.branch-nav button{flex:1;text-align:left;border:0;background:none;font-size:1.1rem;color:#56647c;cursor:pointer;padding:8px}.branch-nav span{display:block;font-size:.75rem;margin-top:6px}.branch-nav button[aria-current]{color:#263ab6;font-weight:800}.branch-hint{position:absolute;bottom:9px;left:6%;font-size:.72rem;color:#56647c}.branch-shop{display:inline-block;background:#263ab6;color:white;padding:13px 20px;border-radius:30px;text-decoration:none}
@media(max-width:760px){.kaca-professional{width:64px;height:64px}.branch-stage{top:76px;height:calc(100svh - 76px);min-height:570px}.branch-caption{top:5%;left:7%;width:85%;pointer-events:none}.branch-caption h2{font-size:1.6rem}.branch-year{font-size:2.4rem;margin-bottom:8px}.branch-description{max-width:80%;font-size:.85rem}.branch-nav{left:3%;right:3%;bottom:40px;gap:1px}.branch-nav button{font-size:.82rem;padding:4px}.branch-nav span{font-size:.56rem}.branch-hint{font-size:.65rem}.premium-about>div:first-child{max-width:100%}}

@media(min-width:761px){.branch-canvas{clip-path:inset(0 0 0 35%)}}

/* Branded colour wash: deep cobalt behind copy, warm red at the edge. */
body.live-selected-update .premium-about:before{background:linear-gradient(112deg,rgba(12,25,69,.96) 0%,rgba(30,53,127,.82) 29%,rgba(39,56,111,.38) 57%,rgba(149,49,45,.13) 80%,rgba(198,67,48,.34) 100%)!important}
body.live-selected-update .premium-about:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 100%,#365bdd55,transparent 53%),radial-gradient(ellipse at 100% 0%,#f9bd8540,transparent 48%)}
body.live-selected-update .premium-about .about-facts{background:linear-gradient(110deg,#ffffffef,#edf2ffef 58%,#fff0e9eb)!important;border:1px solid #ffffffaa!important;box-shadow:0 -8px 45px #12265815;backdrop-filter:blur(16px)}
body.live-selected-update .premium-about nav a{text-decoration:none;border-bottom:1px solid #ffffff70;padding-bottom:6px}body.live-selected-update .premium-about nav a:hover{border-color:white}

/* Continuous street camera: reserve a real viewport beside the readable copy. */
.branch-canvas{inset:0 0 0 33%;clip-path:none!important}
.branch-stage{background:linear-gradient(110deg,#f7f8fb 20%,#edf0f4 70%)}
.branch-nav:before{content:"";position:absolute;top:-1px;left:0;height:2px;width:calc(var(--chapter-progress,0)*100%);background:#b84135}
.branch-caption{top:18%;width:27%}
.branch-reconstruction{position:absolute;right:4%;bottom:14px;max-width:48%;font-size:.64rem!important;line-height:1.5!important;color:#647084;margin:0}
@media(max-width:760px){
 .branch-canvas{inset:24% 0 20%}
 .branch-caption{top:4%;width:86%}
 .branch-caption .eyebrow{font-size:.62rem}
 .branch-caption h2{margin:0 0 6px}
 .branch-year{font-size:2rem;margin-bottom:6px}
 .branch-description{max-width:95%;margin-block:4px;font-size:.8rem}
 .branch-nav{bottom:52px}
 .branch-hint{bottom:26px}
 .branch-reconstruction{left:6%;right:6%;bottom:8px;max-width:none;font-size:.55rem!important}
}

@media(min-width:761px){.branch-canvas{bottom:130px}.branch-nav{background:linear-gradient(90deg,#f7f8fb,#edf0f4);padding-bottom:12px}.branch-reconstruction{bottom:12px}}

.branch-story[data-scroll-motion="false"]{height:auto}.branch-story[data-scroll-motion="false"] .branch-stage{position:relative;top:0}
body.live-selected-update .consult-band h2{color:#17253e!important;-webkit-text-fill-color:#17253e!important;background:none!important}
body.live-selected-update [data-consult-step][hidden],body.live-selected-update #guide-consult[hidden],body.live-selected-update .consult-step-actions [hidden],.branch-shop[hidden]{display:none!important}
body.live-selected-update .premium-about h1{background:none!important;-webkit-text-fill-color:white!important}.premium-about figcaption{display:none}
.branch-story .branch-stage{overflow:hidden}.branch-motion{display:none!important}
@media(max-width:760px){body.live-selected-update .consult-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.live-selected-update #guide-consult,body.live-selected-update .consult-result{padding:20px!important}.consult-progress{gap:8px}.consult-progress li{font-size:.68rem}.consult-step-actions{flex-wrap:wrap}body.live-selected-update .premium-about{padding:40px 24px 0!important;min-height:0}.premium-about>div:first-child{padding-bottom:40px}.premium-about .about-facts{gap:18px!important}}
body.live-selected-update #konsultasi.consult-band h2{color:#17253e!important;-webkit-text-fill-color:#17253e!important;background:none!important}body.live-selected-update #konsultasi.consult-band p.consult-intro{color:#43526c!important;-webkit-text-fill-color:#43526c!important}body.live-selected-update #konsultasi.consult-band .eyebrow{color:#3049a8!important;-webkit-text-fill-color:#3049a8!important}
body.live-selected-update .store-map-label{background:#fff;border:1px solid #ccd6e9;border-radius:8px;color:#223a88;font:600 12px Arial;padding:6px 10px;box-shadow:0 2px 7px #1e325a20}
body.live-selected-update .locator-shell:fullscreen{background:#f7f9fc;padding:24px;overflow:auto}body.live-selected-update .locator-shell:fullscreen .locator-map{height:70vh}

/* Keep popup actions separate at every map size. */
body.live-selected-update .leaflet-popup-content .branch-links{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;margin-top:12px}
body.live-selected-update .leaflet-popup-content .branch-links a{display:block;line-height:1.45;text-decoration:underline;text-underline-offset:3px}
body.live-selected-update .leaflet-popup-content{min-width:190px;font-size:14px;line-height:1.5}

/* Store popover: readable details and distinct touch-friendly actions. */
body.live-selected-update .leaflet-popup-content-wrapper{border-radius:20px;background:linear-gradient(145deg,#fff 30%,#edf2ff);box-shadow:0 14px 45px #172b5526;border:1px solid #fff}
body.live-selected-update .leaflet-popup-content{width:260px!important;max-width:calc(100vw - 100px);margin:24px!important;font-family:inherit}
body.live-selected-update .store-popup-card>span{display:block;font-size:10px;letter-spacing:.14em;font-weight:750;color:#52648d;margin-bottom:6px}
body.live-selected-update .store-popup-card>strong{display:block;font-size:23px;line-height:1.2;color:#1d2943;letter-spacing:-.02em}
body.live-selected-update .store-popup-card>p{font-size:13px;color:#536078;line-height:1.6;margin:10px 0 16px}
body.live-selected-update .store-popup-card .branch-links{display:grid!important;grid-template-columns:1fr;gap:8px;margin-top:0}
body.live-selected-update .store-popup-card .branch-links a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:650;color:#2b3db1;transition:background .18s,box-shadow .18s}
body.live-selected-update .store-popup-card .branch-links a.store-directions{background:#2b3db1;color:#fff;box-shadow:0 4px 12px #293bad22}
body.live-selected-update .store-popup-card .branch-links a.store-contact{background:white;border:1px solid #d8e0ee;color:#263551}
body.live-selected-update .store-popup-card .branch-links a:hover{box-shadow:0 3px 12px #172b5526;background:#e6ecfc;color:#243696}
body.live-selected-update .store-popup-card .branch-links a:focus-visible{outline:3px solid #728aeb;outline-offset:2px}
body.live-selected-update .leaflet-container a.leaflet-popup-close-button{top:9px;right:9px;border-radius:50%;width:28px;height:28px;background:#edf1f9;color:#58637a;font-size:21px}
/* Give the selected category marker its own space beside the label. */
body.apc-home .sector-list button[aria-selected="true"]{position:relative;padding-left:27px!important;padding-right:15px!important}
body.apc-home .sector-list button[aria-selected="true"]::before{content:"";display:block!important;position:absolute;left:12px;top:50%;bottom:auto;width:5px;height:5px;margin:0;border-radius:50%;background:#d64c3e;transform:translateY(-50%);box-shadow:none}