/* All consultation choices in one workspace, then a dedicated summary screen. */
html body[data-page][class] #konsultasi .wrap{width:calc(100% - 64px)!important;max-width:1440px!important}
html body[data-page][class] #konsultasi .consult-progress{display:grid!important;grid-template-columns:1fr 1fr!important}
html body[data-page][class] #konsultasi .business-preview .shelf-photo{min-height:300px!important}
html body[data-page][class] #konsultasi .consult-needs{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;padding-top:24px;border-top:1px solid #e8edf5}
html body[data-page][class] #konsultasi .consult-needs [data-consult-step]{display:block!important;margin:0!important;padding:0!important;border:0!important;min-width:0!important}
html body[data-page][class] #konsultasi .consult-needs .consult-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body[data-page][class] #konsultasi .consult-needs .consult-options span{font-size:13px!important;min-height:50px!important}
html body[data-page][class] #konsultasi .consult-needs legend{font-size:16px!important;margin-bottom:12px!important}
html body[data-page][class] #konsultasi .consult-result{max-width:100%!important;padding:28px!important}
html body[data-page][class] #konsultasi .consult-result #consult-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* Unified branch model and map explorer. */
html body[data-page][class] #lokasi .branch-location-preview{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;gap:24px!important;padding:28px!important}
html body[data-page][class] #lokasi .branch-chapters{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
html body[data-page][class] #lokasi .branch-chapters button{font-size:12px!important;padding:10px 12px!important;min-height:44px!important}
html body[data-page][class] #lokasi .branch-contact p{font-size:14px;line-height:1.5;margin:12px 0 6px;color:#56627a}
html body[data-page][class] #lokasi .branch-phone{font-size:16px;font-weight:650;color:#263449;text-decoration:none}
html body[data-page][class] #lokasi .branch-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
html body[data-page][class] #lokasi .branch-actions a{font-size:14px!important;min-height:44px!important;padding:12px 18px!important;border-radius:24px!important;text-decoration:none!important}
html body[data-page][class] #lokasi .branch-shop{display:none!important}
html body[data-page][class] #lokasi .branch-contact[hidden],html body[data-page][class] #lokasi #home-store-finder[hidden]{display:none!important}
html body[data-page][class] #lokasi .is-map .branch-model-view{display:none!important}
html body[data-page][class] #lokasi .is-map .branch-model-note{display:none!important}
html body[data-page][class] #lokasi #home-store-finder{grid-column:1/-1;margin:0!important;padding:16px!important;border-radius:18px!important}
html body[data-page][class] #lokasi .locator-store .branch-links{display:flex;flex-wrap:wrap;gap:10px}

/* Consultation: a wider, quieter desktop workspace. */
html body[data-page][class] #konsultasi .wrap{width:calc(100% - 64px)!important;max-width:1440px!important}
html body[data-page][class] #konsultasi{padding:48px 0!important}
html body[data-page][class] #konsultasi h2{max-width:none!important;font-size:clamp(28px,2.6vw,40px)!important;margin-bottom:12px!important}
html body[data-page][class] #konsultasi .consult-intro{font-size:17px!important;line-height:1.6!important;margin-bottom:24px!important}
html body[data-page][class] #konsultasi .consult-progress{max-width:none!important;width:100%!important;margin:0 0 24px!important;gap:24px!important}
html body[data-page][class] #konsultasi .consult-progress li{padding:12px 0!important;font-size:14px!important}
html body[data-page][class] #guide-consult{width:100%!important;max-width:none!important;margin:0!important;padding:28px!important;background:#fff!important;border:1px solid #e0e5ef!important;border-radius:24px!important;box-sizing:border-box!important;box-shadow:0 12px 40px #1f335207!important}
html body[data-page][class] #konsultasi [data-consult-step="0"]{grid-template-columns:320px minmax(0,1fr)!important;gap:20px 28px!important;margin:0!important;min-width:0!important}
html body[data-page][class] #konsultasi legend{font-size:18px!important;line-height:1.4!important;margin-bottom:18px!important}
html body[data-page][class] #konsultasi .consult-options{gap:10px!important;min-width:0!important}
html body[data-page][class] #konsultasi .consult-options label{min-width:0!important;margin:0!important;cursor:pointer}
html body[data-page][class] #konsultasi .consult-options span{position:relative!important;box-sizing:border-box!important;min-height:62px!important;padding:12px 24px 12px 12px!important;font-size:14px!important;line-height:1.35!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:#f8f9fc!important;border:1px solid #e0e5ef!important;border-radius:12px!important;transition:background .15s,border-color .15s!important}
html body[data-page][class] #konsultasi .consult-options input:checked+span{background:#edf1ff!important;color:#293fae!important;border-color:#6072d0!important;box-shadow:inset 0 0 0 1px #6072d0!important}
html body[data-page][class] #konsultasi .consult-options input:checked+span:after{content:'✓';position:absolute;right:9px;font-size:13px;color:#293fae}
html body[data-page][class] #konsultasi .consult-options label:hover span{background:#f0f3fa!important;border-color:#9aa8d4!important}
html body[data-page][class] #konsultasi .consult-options input:focus-visible+span{outline:3px solid #899cf0!important;outline-offset:3px!important}
html body[data-page][class] #konsultasi .business-preview .sector-panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;border-radius:16px!important;border-color:#e5e9f1!important;align-items:stretch!important}
html body[data-page][class] #konsultasi .business-preview .shelf-photo{height:100%!important;min-height:340px!important}
html body[data-page][class] #konsultasi .business-preview .sector-copy{padding:24px!important;align-self:center!important}
html body[data-page][class] #konsultasi .business-preview h3{font-size:24px!important;line-height:1.2!important}
html body[data-page][class] #konsultasi .business-preview p{font-size:15px!important;line-height:1.65!important}
html body[data-page][class] #konsultasi .business-preview li a{font-size:12px!important;padding:7px 9px!important;line-height:1.4!important;text-decoration:none!important}
html body[data-page][class] #konsultasi .consult-step-actions{border-top:1px solid #edf0f5!important;padding-top:18px!important;margin-top:24px!important}
html body[data-page][class] #konsultasi [data-consult-step="1"] .consult-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html body[data-page][class] #konsultasi .consult-result{max-width:960px!important;margin:0 auto!important}
/* Photo memories: a fine neutral fabric board, slim frame and paper tape. */







@media(min-width:761px) and (max-width:1150px){html body[data-page][class] #konsultasi [data-consult-step="0"]{grid-template-columns:280px minmax(0,1fr)!important}html body[data-page][class] #konsultasi .business-preview .sector-panel{grid-template-columns:1fr!important}html body[data-page][class] #konsultasi .business-preview .shelf-photo{height:220px!important;min-height:0!important}}
@media(max-width:760px){html body[data-page][class] #konsultasi .wrap{width:calc(100% - 32px)!important}html body[data-page][class] #konsultasi{padding:28px 0!important}html body[data-page][class] #konsultasi h2{font-size:25px!important}html body[data-page][class] #konsultasi .consult-intro{font-size:14px!important;margin-bottom:16px!important}html body[data-page][class] #konsultasi .consult-progress{gap:10px!important;margin-bottom:16px!important}html body[data-page][class] #konsultasi .consult-progress li{font-size:12px!important}html body[data-page][class] #guide-consult{padding:16px!important;border-radius:18px!important}html body[data-page][class] #konsultasi [data-consult-step="0"]{grid-template-columns:1fr!important;gap:16px!important}html body[data-page][class] #konsultasi legend{font-size:16px!important}html body[data-page][class] #konsultasi .consult-options span{font-size:12px!important;min-height:52px!important;padding:10px 22px 10px 10px!important}html body[data-page][class] #konsultasi .business-preview .sector-panel{grid-template-columns:1fr!important}html body[data-page][class] #konsultasi .business-preview .shelf-photo{height:180px!important;min-height:0!important}html body[data-page][class] #konsultasi .business-preview .sector-copy{padding:16px!important}html body[data-page][class] #konsultasi .business-preview h3{font-size:20px!important}html body[data-page][class] #konsultasi .business-preview p{font-size:13px!important}html body[data-page][class] #konsultasi [data-consult-step="1"] .consult-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html body[data-page][class] #konsultasi .consult-options span{transition:none!important}}
html body[data-page][class] #konsultasi .consult-step-actions .button{border-radius:24px!important;min-height:46px!important;padding:12px 24px!important}
html body[data-page][class] #konsultasi .consult-intro{max-width:none!important}

@media(max-width:760px){html body[data-page][class] #konsultasi .consult-needs{grid-template-columns:1fr!important;gap:18px!important}html body[data-page][class] #konsultasi .consult-needs .consult-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body[data-page][class] #lokasi .branch-location-preview{grid-template-columns:1fr!important;padding:18px!important}html body[data-page][class] #lokasi .branch-model-view{min-height:240px!important}html body[data-page][class] #lokasi .branch-canvas{height:260px!important}}