.dispo-about{--store-olive:#395110;--store-cream:#fffbf3;--store-pink:#ffa6ff;--store-muted:#f2ede3;--store-line:#d9d1bf;padding:96px 0;color:var(--store-olive)}
.dispo-about__intro{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.dispo-about__eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;margin:0 0 18px}
.dispo-about .section-title{margin:0 0 28px;line-height:1.05}
.dispo-about__story .section-text{font-size:20px;line-height:1.5;max-width:500px;margin:0 0 32px}
.dispo-about__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 30px;border-radius:60px;font-size:18px!important;min-height:64px}
.dispo-about__cta span{font-family:Arial,sans-serif;font-size:28px}
.dispo-about__features{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dispo-about__feature{padding:28px;border-radius:28px;background:var(--store-muted);min-width:0}
.dispo-about__feature-icon{display:flex;align-items:center;justify-content:center;background:var(--store-pink);width:48px;height:48px;border-radius:50%;margin-bottom:20px}
.dispo-about__feature-icon img{width:24px;height:24px;object-fit:contain}
.dispo-about__feature h3{font-size:24px;line-height:1.15;margin:0 0 12px}
.dispo-about__feature p{font-size:17px;line-height:1.45;margin:0}
.dispo-stores{margin-top:88px;border-top:1px solid var(--store-line);padding-top:56px}
.dispo-stores__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.dispo-stores__heading .section-title{margin:0}
.dispo-stores__heading>p{max-width:280px;font-size:18px;line-height:1.5;margin:0 0 4px}
.dispo-stores__filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.dispo-stores__filters button{min-height:48px;border:1px solid var(--store-line);background:transparent;border-radius:28px;padding:10px 20px;color:var(--store-olive);font:inherit;font-size:16px;cursor:pointer}
.dispo-stores__filters button[aria-pressed=true]{background:var(--store-olive);color:var(--store-cream);border-color:var(--store-olive)}
.dispo-stores__filters span{margin-left:12px;font-size:13px;opacity:.8}
.dispo-stores__layout{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--store-line);border-radius:32px;overflow:hidden;background:var(--store-cream)}
.dispo-stores__sidebar{padding:24px 20px;min-width:0}
.dispo-stores__sidebar>label{font-weight:700;font-size:15px;display:block;margin-bottom:10px}
.dispo-stores__sidebar>input{width:100%;height:48px;padding:12px 16px;border:1px solid var(--store-line);border-radius:14px;background:var(--store-cream);font:inherit;font-size:15px;color:var(--store-olive)}
.dispo-stores__sidebar>input::placeholder{color:#686b58}
.dispo-stores__count{font-size:13px;margin:16px 0;color:#686b58}
.dispo-stores__list{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto;overscroll-behavior:contain}
.dispo-stores__list li{border-top:1px solid var(--store-line);padding:8px 0 14px}
.dispo-stores [hidden]{display:none!important}
.dispo-stores__select{display:flex;gap:12px;text-align:left;width:100%;padding:12px 8px;border-radius:14px;background:transparent;color:var(--store-olive);font:inherit;cursor:pointer;border:0;min-height:72px}
.dispo-stores__select[aria-pressed=true]{background:var(--store-muted)}
.dispo-stores__select>span:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.dispo-stores__select strong{font-size:18px}.dispo-stores__select span span{font-size:14px;line-height:1.45}.dispo-stores__select small{font-size:12px;color:#686b58}
.dispo-stores__number{font-size:12px;font-weight:700;padding-top:5px;min-width:22px}
.dispo-stores__list a{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;min-height:44px;margin-left:42px;color:var(--store-olive)}
.dispo-stores__map-wrap{position:relative;min-height:590px;background:var(--store-muted);border-left:1px solid var(--store-line)}
.dispo-stores__map{position:absolute;inset:0}
.dispo-stores__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:var(--store-muted);z-index:2}
.dispo-stores__map-symbol{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--store-pink);border-radius:50%;font-size:40px;margin-bottom:24px}
.dispo-stores__overlay h3{font-size:28px;margin:0 0 16px}.dispo-stores__overlay p{max-width:340px;font-size:16px;line-height:1.5;margin:0 0 24px}
.dispo-stores__overlay button{border:0;border-radius:30px;background:var(--store-olive);color:var(--store-cream);padding:14px 24px;min-height:48px;font:inherit;cursor:pointer}
.dispo-stores button:focus-visible,.dispo-stores a:focus-visible,.dispo-about__cta:focus-visible,.dispo-stores input:focus-visible{outline:3px solid var(--store-olive);outline-offset:3px}
.dispo-stores__filters button:hover,.dispo-stores__select:hover{background:var(--store-pink);color:var(--store-olive)}
.dispo-store-pin{width:36px;height:36px;border:2px solid var(--store-cream);border-radius:50%;background:var(--store-olive);color:var(--store-cream);font:bold 13px Arial,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0003}
.dispo-store-pin[aria-pressed=true]{background:var(--store-pink);color:var(--store-olive)}
.dispo-store-pin{width:44px;height:44px;font-size:16px}
.dispo-store-pin--cluster{background:var(--store-pink);color:var(--store-olive);border-width:3px;font-weight:700}
.dispo-stores__legend{font-size:14px;line-height:1.4;margin:0 0 20px;color:var(--store-olive)}
.dispo-stores .mapboxgl-popup-content button:not(.mapboxgl-popup-close-button){display:block;width:100%;padding:10px;border:0;border-bottom:1px solid var(--store-line);background:transparent;text-align:left;color:inherit;cursor:pointer;font:inherit}
.dispo-stores .mapboxgl-popup-content{padding:20px;border-radius:16px;font:16px/1.4 Arial,sans-serif;color:var(--store-olive)}
.dispo-stores .mapboxgl-popup-content h3{font-size:18px;margin:0 0 8px}.dispo-stores .mapboxgl-popup-content p{font-size:14px;margin:0 0 12px}.dispo-stores .mapboxgl-popup-content a{font-size:14px;text-decoration:underline}
.dispo-stores .mapboxgl-popup-close-button{min-width:32px;min-height:32px;font-size:24px}
@media(max-width:1000px){.dispo-about__intro{gap:32px}.dispo-about__feature{padding:22px}.dispo-about__feature h3{font-size:21px}.dispo-stores__layout{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:767px){.dispo-about{padding:56px 0}.dispo-about__intro{grid-template-columns:1fr;gap:32px}.dispo-about__story .section-text{font-size:18px}.dispo-about__features{gap:12px}.dispo-about__feature{padding:20px;border-radius:22px}.dispo-about__feature h3{font-size:20px}.dispo-about__feature p{font-size:15px}.dispo-stores{margin-top:48px;padding-top:36px}.dispo-stores__heading{display:block}.dispo-stores__heading>p{margin-top:18px;max-width:none;font-size:16px}.dispo-stores__filters button{padding:10px 14px;font-size:14px}.dispo-stores__filters span{margin-left:8px}.dispo-stores__layout{display:flex;flex-direction:column;border-radius:24px}.dispo-stores__map-wrap{min-height:360px;border-left:0;border-top:1px solid var(--store-line)}.dispo-stores__list{max-height:270px}.dispo-stores__overlay{padding:24px}.dispo-stores__overlay h3{font-size:24px}.dispo-about__cta{font-size:16px!important;padding:18px 24px}}
@media(max-width:380px){.dispo-about__features{grid-template-columns:1fr}}

.dispo-about__cta{margin:0!important;width:max-content!important;max-width:100%;font-size:18px!important}
.dispo-about__cta span{display:flex;align-items:center}.dispo-about__feature h3{font-weight:700}
.dispo-stores__map-symbol svg{width:32px;height:32px}.dispo-stores__list a svg{width:14px;height:14px}
.dispo-store-pin{width:44px;height:44px}
.dispo-about__story{min-width:0}.dispo-about a.dispo-about__cta{min-width:0!important;box-sizing:border-box}
/* Keep the map filling its reserved area after Mapbox's lazy CSS arrives. */
.dispo-stores__map.mapboxgl-map{position:absolute;inset:0;width:100%;height:100%}