:root{
  --map-glass:rgba(255,255,255,.88);
  --map-glass-solid:#ffffff;
  --map-ink:#142033;
  --map-muted:#607086;
  --map-line:rgba(255,255,255,.78);
  --map-orange:#ff5a1f;
  --map-teal:#0f9ea7;
  --map-shadow:0 14px 36px rgba(16,34,52,.18);
}

.home-page-v398{padding:10px 12px 96px}
.home-page-v398 .home-living-stage{
  height:clamp(600px,calc(100dvh - 146px),860px);
  min-height:600px;
  border:1px solid rgba(13,114,126,.2);
  border-radius:8px;
  background:#b9e4ed;
  box-shadow:0 22px 56px rgba(14,43,59,.18);
}

.home-page-v398 .home-living-toolbar{
  top:14px;
  left:14px;
  right:74px;
  grid-template-columns:auto minmax(250px,1fr) minmax(180px,.42fr) auto;
  gap:8px;
  padding:7px;
  border-color:var(--map-line);
  background:rgba(250,253,253,.9);
  box-shadow:var(--map-shadow);
  backdrop-filter:blur(18px) saturate(1.18);
}
.home-map-intro{
  min-width:142px;
  display:grid;
  align-content:center;
  gap:1px;
  padding:0 12px;
  border-right:1px solid #dce6e9;
}
.home-map-intro span{
  color:var(--map-teal);
  font-size:.67rem;
  font-weight:900;
  text-transform:uppercase;
}
.home-map-intro strong{color:var(--map-ink);font-size:.9rem;white-space:nowrap}
.home-page-v398 .home-map-search,.home-page-v398 .home-map-category{
  position:relative;
  height:46px;
  border-color:#d8e3e7;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}
.home-page-v398 .home-map-search:focus-within,.home-page-v398 .home-map-category:focus-within{
  border-color:#17a7ae;
  box-shadow:0 0 0 3px rgba(23,167,174,.13);
}
.home-map-search svg,.home-map-category svg{width:18px;height:18px;flex:0 0 auto;color:#4b6073;stroke-width:1.8}
.home-map-open-summary{
  min-width:102px;
  height:46px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  column-gap:6px;
  padding:0 11px;
  border:1px solid #d7e4e5;
  border-radius:7px;
  background:#eefbfa;
  color:#126f75;
}
.home-map-open-summary span{font-size:1.18rem;font-weight:950}
.home-map-open-summary small{max-width:56px;font-size:.66rem;font-weight:800;line-height:1.05}

.home-page-v398 .home-map-actions{
  top:14px;
  right:14px;
  gap:7px;
}
.home-page-v398 .home-map-actions button{
  width:48px;
  height:46px;
  min-width:0;
  min-height:0;
  padding:0;
  border:1px solid rgba(255,255,255,.82);
  border-radius:8px;
  background:rgba(255,255,255,.9);
  color:#203044;
  box-shadow:0 8px 22px rgba(13,31,48,.15);
  backdrop-filter:blur(16px);
}
.home-page-v398 .home-map-actions button:hover,.home-page-v398 .home-map-actions button:focus-visible{
  background:#fff;
  color:#087c83;
  border-color:#43bdc3;
  transform:translateY(-1px);
}
.home-page-v398 .home-map-actions svg{width:20px;height:20px;stroke-width:1.8}
.home-page-v398 .home-map-actions .home-regional-chat-toggle{
  position:relative;
  inset:auto;
  display:grid;
  min-height:46px;
  background:#172235;
  color:#fff;
}
.home-page-v398 .home-map-actions .home-regional-chat-toggle:hover{background:#22324a;color:#fff}
.home-page-v398 .home-map-actions .cart-fab{
  position:relative;
  inset:auto;
  z-index:auto;
  display:flex;
  min-width:48px;
  width:48px;
  height:46px;
  justify-content:center;
  gap:3px;
  padding:0;
  border-color:rgba(255,113,62,.48);
  background:#ff5a1f;
  color:#fff;
  box-shadow:0 10px 24px rgba(224,70,18,.24);
}
.home-page-v398 .home-map-actions .cart-fab>svg{width:20px;height:20px;stroke-width:1.9}
.home-page-v398 .home-map-actions .cart-fab #cart-qty{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border:2px solid #fff;
  border-radius:999px;
  background:#172235;
  color:#fff;
  font-size:.64rem;
}

.home-page-v398 .home-map-theme-menu{
  top:196px;
  right:74px;
  width:min(330px,calc(100% - 28px));
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:8px;
}
.home-page-v398 .home-map-theme-menu button{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 11px;
  text-align:left;
}
.home-page-v398 .home-map-theme-menu button.active{
  border-color:#1a9ba4;
  background:#eaf8f7;
  color:#076d74;
}
.home-page-v398 .home-map-theme-menu svg{width:17px;height:17px;stroke-width:1.8}
.home-page-v398 .home-map-brightness-panel{top:150px;right:74px}

.home-page-v398 .home-regional-highlights{
  left:14px;
  right:74px;
  bottom:78px;
  gap:9px;
  padding:0 0 4px;
}
.home-page-v398 .home-highlight-card{
  flex-basis:min(300px,75vw);
  min-height:78px;
  grid-template-columns:76px minmax(0,1fr);
  border:1px solid rgba(255,255,255,.82);
  border-radius:8px;
  background:rgba(255,255,255,.91);
  box-shadow:0 12px 30px rgba(14,31,48,.18);
  backdrop-filter:blur(16px) saturate(1.1);
}
.home-page-v398 .home-highlight-card img{width:76px;height:78px}
.home-page-v398 .home-highlight-card small{color:#087a81;letter-spacing:0;text-transform:none}
.home-page-v398 .home-living-map .xf-living-map-status{
  left:14px;
  bottom:168px;
  max-width:180px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:7px;
  background:rgba(20,32,50,.82);
  color:#fff;
  box-shadow:0 8px 22px rgba(9,23,39,.15);
  backdrop-filter:blur(12px);
}
.home-page-v398 .home-living-map .xf-living-map-attribution{right:12px;bottom:8px}
.home-page-v398 .home-regional-chat{
  right:74px;
  bottom:78px;
  border-radius:8px;
}
.home-page-v398 .regional-chat-message{border-left-color:#0f9ea7;background:#f1f8f8}
.home-page-v398 .regional-chat-compose button{background:#ff5a1f}

.store-map-identity-card{
  border-color:rgba(13,144,153,.25)!important;
  background:linear-gradient(145deg,#fff 0%,#f4fbfa 58%,#fff6ef 100%)!important;
}
.store-map-identity-card .store-section-title b{color:#075f67}
.store-map-color-grid{align-items:end}
.store-map-color{
  min-height:48px!important;
  padding:5px!important;
  cursor:pointer;
}

@media (max-width:980px){
  .home-page-v398 .home-living-toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,.44fr) auto}
  .home-map-intro{display:none}
}

@media (max-width:720px){
  .home-page-v398{padding:6px 5px 92px}
  .home-page-v398 .home-living-stage{height:calc(100dvh - 120px);min-height:620px}
  .home-page-v398 .home-living-toolbar{
    top:8px;
    left:8px;
    right:58px;
    grid-template-columns:minmax(0,1fr) minmax(112px,.42fr);
    padding:6px;
    gap:6px;
  }
  .home-page-v398 .home-map-open-summary{display:none}
  .home-page-v398 .home-map-search,.home-page-v398 .home-map-category{height:42px;padding:0 9px;font-size:.77rem}
  .home-page-v398 .home-map-category svg{display:none}
  .home-page-v398 .home-map-actions{top:8px;right:8px;gap:5px}
  .home-page-v398 .home-map-actions button,.home-page-v398 .home-map-actions .cart-fab{width:42px;height:42px;min-height:42px}
  .home-page-v398 .home-map-actions svg{width:18px;height:18px}
  .home-page-v398 .home-map-theme-menu{top:192px;right:58px;width:min(300px,calc(100% - 72px))}
  .home-page-v398 .home-map-brightness-panel{top:145px;right:58px;width:min(280px,calc(100% - 72px))}
  .home-page-v398 .home-regional-highlights{left:8px;right:58px;bottom:68px}
  .home-page-v398 .home-highlight-card{flex-basis:232px;min-height:68px;grid-template-columns:64px minmax(0,1fr)}
  .home-page-v398 .home-highlight-card img{width:64px;height:68px}
  .home-page-v398 .home-living-map .xf-living-map-status{left:8px;bottom:148px;max-width:145px;padding:6px 8px}
  .home-page-v398 .home-living-map .xf-living-map-status span{display:none}
  .home-page-v398 .home-regional-chat{right:8px;bottom:118px;width:calc(100% - 16px);max-height:58%}
  .store-map-color-grid{grid-template-columns:1fr 1fr!important}
}

@media (max-width:430px){
  .home-page-v398 .home-living-toolbar{grid-template-columns:minmax(0,1fr) 46px}
  .home-page-v398 .home-map-category{justify-content:center;padding:0}
  .home-page-v398 .home-map-category select{width:42px;color:transparent;cursor:pointer}
  .home-page-v398 .home-map-category::after{content:"\2261";position:absolute;color:#26384b;font-size:1rem;pointer-events:none}
  .home-page-v398 .home-map-theme-menu{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .home-page-v398 .home-map-actions button{transition:none;transform:none!important}
}