/* White space, black typography and restrained 7-Eleven brand accents. */
:root{--forest:#007d51;--ink:#17201d;--lime:#fff;--matcha:#00875a;--paper:#fff;--muted:#68756f;--line:#e7ece9}
.site-header{position:relative;height:84px;border-bottom:1px solid #e7ece9;padding:0 32px}
.site-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#008455 0 72%,#f58220 72% 89%,#e63232 89%)}
.brand-logo{display:block;width:190px;padding:0;background:none;border-radius:0}
.brand-logo>img{display:block;width:100%;height:auto;max-height:45px}
.header-nav{font-weight:650}.text-button{color:#62736a}.nav-active:after{background:#008455;height:2px}
.preview-badge{background:#f2f7f4;color:#007d51;border:0;font-size:11px!important;padding:8px 13px}
.workspace{min-height:560px}.sidebar{border-color:#e4ebe6}.finder-header{padding:30px 27px 22px}
.eyebrow{font-size:11px;letter-spacing:1.4px;color:#007d51}.brand-stripes{width:22px;height:12px;background:linear-gradient(#f58220 0 28%,#fff 28% 36%,#e63232 36% 64%,#fff 64% 72%,#008455 72%)}
h1{font-size:32px;font-weight:750;line-height:1.4;letter-spacing:-1.4px;margin:20px 0 10px}h1>span{color:#ed7424}.intro{color:#75817b;font-size:13px}
.search-form{background:#f7f9f8;border:1px solid #e2e9e5;border-radius:8px}.search-form:focus-within{border-color:#008455;box-shadow:0 0 0 3px #00845512}.search-form>.icon{color:#008455}.search-form input::placeholder{color:#8a9690}
.regions{max-height:82px;gap:6px;scrollbar-width:thin;scrollbar-color:#cddbd3 transparent}.regions button{font-size:12px;padding:8px 11px;border-radius:6px;border-color:#e5ebe7;color:#68756f}.regions button:hover{background:#f0f7f3;border-color:#a5caba}.regions button[aria-pressed=true]{background:#007d51;border-color:#007d51}
.results-header{padding-top:20px;padding-bottom:14px}.result-number{color:#008455}.store-item{border-radius:8px}.store-item h3{font-size:15px;font-weight:700}.store-item p{color:#77837c;font-size:13px;line-height:1.6}.store-item:hover{background:#f6faf7}.store-item.selected{background:#edf7f1;border-color:#aed4be}.selected .store-index{color:#008455}.store-index{color:#99a49e}.store-tag{background:#eaf5ee;color:#00784e;border-radius:4px;font-size:11px!important}.store-tag-neutral{background:#f3f5f4;color:#7d8882}.item-arrow{color:#007d51}.sidebar-footer{background:#fff;color:#86928b}.sidebar-footer p{font-size:11px!important}
.map-panel,#map{background:#edf2ef}.map-location-label{background:transparent;border:0;box-shadow:none;padding:0;top:29px;left:31px;font-size:20px;letter-spacing:-.6px}.map-location-label>.icon{color:#007d51}.map-location-secondary{color:#809389}.fit-map{border:1px solid #dfe8e2;box-shadow:0 2px 6px #183c2510;border-radius:7px;font-size:12px}.fit-map:hover{background:#f7faf8}
.spot-cluster{background:#008455;border:5px solid #ffffff;color:#fff;box-shadow:0 2px 12px #004f3426;font-size:14px}.marker-head{background:#fff;color:#007d51;border:2px solid #008455;box-shadow:0 3px 10px #004f3420}.spot-marker.is-selected .marker-head{background:#007d51;color:#fff;box-shadow:0 0 0 5px #00845518}.spot-marker:hover .marker-head{background:#f58220;color:#fff;border-color:#fff}.legend-pin{background:#008455;border-color:#d4eadd}
.map-legend{border:0;background:#ffffffd9;border-radius:6px;box-shadow:none;font-size:11px!important;color:#75847b}.sample-note{background:#ffffffd9;border-color:#dfe8e2;color:#76877d;font-size:11px!important}.leaflet-control-zoom{border-color:#dfe8e2!important;border-radius:7px!important}.leaflet-control-zoom a{color:#007d51!important}.leaflet-control-zoom a:hover{background:#edf7f1!important}
.matcha-card{width:250px;height:165px;background:#007d51;border-radius:12px;box-shadow:0 8px 28px #004d2e13;right:76px;bottom:78px}.matcha-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#f58220 0 55%,#e63232 55%)}.matcha-copy{padding:19px}.matcha-copy h2{font-size:22px;margin:12px 0 8px}.matcha-copy h2 em{color:white}.matcha-eyebrow{color:#c0e6d1;font-size:9px;letter-spacing:1px}.matcha-caption{color:#d5ecdf;font-size:10px!important}.matcha-card img{width:107px;top:22px;right:-1px}.matcha-circle{background:#329f72;right:-85px;top:0}
.popup-eyebrow{color:#008455;font-size:10px}.popup-address{color:#6f7d75}.popup-link{background:#eaf5ee;color:#007d51!important}.popup-note{color:#879289}.guide-notice{background:#edf7f1}.guide-notice p,.guide-steps p{color:#687a70}.dialog-eyebrow,.guide-steps li::marker{color:#007d51}
@media(max-width:1120px){.brand-logo{width:175px}.matcha-card{width:210px;height:150px}.matcha-copy{padding:16px}.matcha-copy h2{font-size:20px}.matcha-card img{width:92px}.matcha-eyebrow{font-size:8px}.matcha-caption{display:none}}
@media(max-width:760px){.site-header{height:68px;padding:0 22px}.brand-logo{width:160px}.brand-logo>img{max-height:36px}.workspace{min-height:calc(100dvh - 68px)}.finder-header{padding:25px 22px 16px}.eyebrow{font-size:10px;letter-spacing:1.1px}.finder-header h1{font-size:27px;line-height:1.35;margin-top:14px}.finder-header h1 br{display:none}.intro{font-size:13px;margin-bottom:18px}.regions{max-height:none;gap:6px}.regions button{font-size:12px;padding:8px 12px}.mobile-view-switch{gap:24px}.mobile-view-switch button{font-size:13px}.mobile-view-switch button[aria-pressed=true]{color:#007d51;border-color:#007d51}.map-panel{height:max(500px,calc(100dvh - 326px))}.map-location-label{font-size:17px;left:20px;top:23px}.fit-map{right:16px;top:17px}.matcha-card{width:150px;height:105px;bottom:115px;right:15px}.matcha-copy{padding:12px}.matcha-copy h2{font-size:17px;margin:6px 0}.matcha-card img{width:65px;top:12px}.matcha-circle{right:-55px}.map-legend{font-size:10px!important;left:12px;bottom:65px}.sample-note{font-size:10px!important;min-height:53px}.store-item h3{font-size:15px}.store-item p{font-size:13px}}
.street-detail .matcha-card{display:none}.popup-directions{display:block!important;background:#007d51!important;color:#fff!important;margin-bottom:8px}.map-error{pointer-events:none}
@media(max-width:760px){.matcha-card{display:none}}
@media(max-width:360px){.brand-logo{width:144px}.finder-header h1{font-size:24px}.map-legend{max-width:230px;line-height:1.5}}

/* Offline Korea map, simplified country outline. */
.map-panel,#map{background:#eaf1ee}
.map-location-label{background:#ffffffed;padding:10px 14px;border-radius:7px;font-size:16px}
.leaflet-bottom.leaflet-right{bottom:10px}.map-legend{bottom:20px}.matcha-card{bottom:65px}
@media(max-width:760px){.map-legend{bottom:18px}.leaflet-bottom.leaflet-right{bottom:8px}}

.map-place{background:none;border:0;text-align:center;white-space:nowrap;color:#4c6255;font:650 12px/24px var(--font);text-shadow:0 1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff,0 -1px 2px #fff;pointer-events:none}
.place-city{font-size:14px;font-weight:750}.place-road{font-size:10px;color:#81785f;font-weight:500}.place-suburb{font-size:12px;color:#637565}
.place-building{font-size:10px;color:#738179;font-weight:500}.place-poi{font-size:11px;color:#506b77;font-weight:650}.street-detail .map-legend{display:none}
.leaflet-bottom.leaflet-left{bottom:58px;left:15px}.street-detail .leaflet-bottom.leaflet-left{bottom:18px}.leaflet-control-scale-line{background:#ffffffd9;border-color:#84978d;color:#50675a}

.brand-partner{display:flex;align-items:center;border-left:1px solid #e4ebe6;padding-left:14px;margin-left:10px;height:44px}
.brand-partner img{display:block;width:72px;height:72px;object-fit:contain}
.map-store-dot{display:grid;place-items:center;background:transparent;border:0}
.map-store-dot>span{width:15px;height:15px;background:#008455;border:3px solid white;border-radius:50%;box-shadow:0 1px 5px #00362240}
.map-store-dot:hover>span{background:#f58220;transform:scale(1.2)}
.map-store-dot.is-selected>span{width:20px;height:20px;background:#007d51;box-shadow:0 0 0 5px #00845530,0 1px 5px #00362240}
.store-item{gap:0}.store-item-body{flex:1}.item-arrow{margin-left:10px}
@media(max-width:760px){.brand-partner{height:34px;padding-left:8px;margin-left:4px}.brand-partner img{width:54px;height:54px}.brand-logo{width:145px}}
@media(max-width:360px){.brand-logo{width:125px}.brand-partner img{width:48px;height:48px}}
.promo-carousel{width:320px;height:224px;pointer-events:auto}
.promo-track{display:flex;height:190px;transition:transform .5s ease}
.promo-slide{position:relative;flex:0 0 100%;overflow:hidden}
.promo-carousel .matcha-copy{padding:20px;max-width:215px}
.promo-carousel .matcha-copy h2{font-size:25px;margin:12px 0 10px}
.promo-carousel .matcha-caption{display:block;margin:0;color:#fff;font-size:12px!important;line-height:1.6;max-width:none}
.promo-carousel .matcha-caption strong{display:block;font-size:14px;margin-bottom:3px}
.promo-carousel .matcha-caption span{display:block}
.promo-carousel .promo-slide>img{width:117px;top:25px;right:-3px}
.promo-carousel .matcha-circle{right:-100px}
.promo-poster{background:#f02a60}
.promo-poster button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.promo-carousel .promo-poster img{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none;filter:none}
.promo-controls{height:30px;display:flex;justify-content:center;align-items:center;gap:4px;background:#006c47}
.promo-controls button{width:28px;height:28px;display:grid;place-items:center;border:0;background:none;color:white;cursor:pointer;padding:0}
.promo-controls [data-slide]:before{content:"";width:7px;height:7px;background:#ffffff70;border-radius:50%}
.promo-controls [aria-pressed=true]:before{width:18px;background:white;border-radius:8px}
.promo-controls button:focus-visible,.promo-poster button:focus-visible{outline:2px solid #ffde80;outline-offset:-3px}
.promo-dialog{border:0;padding:0;background:#fff;border-radius:12px;width:min(900px,94vw);max-height:94dvh;overflow:auto}
.promo-dialog::backdrop{background:#10241dd9}
.promo-dialog img{display:block;width:100%;height:auto}
#promo-close{position:sticky;top:10px;float:right;margin:10px 10px -54px 0;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;background:white;color:#17201d;font-size:28px;cursor:pointer;z-index:1}
@media(max-width:1120px){.promo-carousel{right:65px;width:300px}}
@media(max-width:760px){.promo-carousel{display:block;right:58px;bottom:58px;width:270px;height:204px;max-width:calc(100% - 76px)}.promo-track{height:170px}.promo-carousel .matcha-copy{padding:14px}.promo-carousel .matcha-copy h2{font-size:22px;margin:6px 0}.promo-carousel .promo-slide>img{width:97px;top:25px}.promo-carousel .matcha-eyebrow{display:block}.street-detail .promo-carousel{display:none}}
@media(prefers-reduced-motion:reduce){.promo-track{transition:none}}
.promo-carousel{width:250px;height:184px;right:65px;bottom:48px}
.promo-carousel[hidden],#promo-show[hidden]{display:none!important}
.promo-carousel .promo-track{height:150px}
.promo-carousel .matcha-copy{padding:13px;max-width:175px}
.promo-carousel .matcha-copy h2{font-size:21px;margin:7px 0}
.promo-carousel .matcha-caption{font-size:10px!important;line-height:1.5}
.promo-carousel .matcha-caption strong{font-size:12px;margin-bottom:2px}
.promo-carousel .promo-slide>img{width:87px;top:24px;right:-2px}
#promo-collapse{position:absolute;z-index:6;top:5px;right:5px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#ffffffec;color:#174c37;font-size:22px;line-height:28px;cursor:pointer}
#promo-show{position:absolute;z-index:430;right:65px;bottom:30px;padding:9px 12px;border:1px solid #dfe8e2;border-radius:20px;background:#fffffff2;color:#007d51;box-shadow:0 2px 8px #183c2510;font:600 12px var(--font);cursor:pointer}
.street-detail #promo-show{display:none}
@media(max-width:760px){.promo-carousel{width:220px;height:174px;right:58px;bottom:48px}.promo-carousel .promo-track{height:140px}.promo-carousel .matcha-copy h2{font-size:19px}.promo-carousel .promo-slide>img{width:77px;top:29px}#promo-show{right:58px;bottom:26px}}
