/* Melaaura Home — Showrooms Map band. Scoped under .mh-showrooms.
   Shared fonts/tokens + mela-pin / mela-pulse keyframes come from melaaura-home-base. */

.mh-shr{
  --mh-shr-bg:#16130F;
  --mh-accent:#B28C3F;
  background:var(--mh-shr-bg);
  color:#F3EFE8;
  padding:clamp(76px,12vh,160px) clamp(20px,5vw,100px);
}
.mh-shr__wrap{
  max-width:1360px;margin:0 auto;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:clamp(44px,6vw,90px);align-items:center;
}

/* ---- Intro column ---- */
.mh-shr__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:30px;}
.mh-shr__eyebrow > span:last-child{font-size:12px;letter-spacing:0.28em;text-transform:uppercase;color:rgba(243,239,232,0.62);}
.mh-shr__rule{width:36px;height:1px;background:var(--mh-accent);display:block;flex:none;}
.mh-shr__title{
  font-weight:400;font-size:clamp(33px,4.4vw,66px);line-height:1.04;letter-spacing:-0.01em;
  color:#F3EFE8 !important;margin:0 0 26px;max-width:15ch;
}
.mh-shr__copy{
  font-weight:300;font-size:clamp(15px,1.05vw,17.5px);line-height:1.82;
  color:rgba(243,239,232,0.72);max-width:520px;margin:0 0 40px;
}
.mh-shr__cta{
  display:inline-block;margin:0 0 40px;text-decoration:none;
  font-size:13px;letter-spacing:0.04em;color:#F3EFE8;
}
.mh-shr__cta span{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid rgba(243,239,232,0.32);padding-bottom:3px;transition:border-color .35s ease,color .35s ease;}
.mh-shr__cta:hover span{color:var(--mh-accent);border-color:var(--mh-accent);}
.mh-shr__cta svg{transition:transform .35s ease;}
.mh-shr__cta:hover svg{transform:translate(2px,-2px);}

/* ---- Address blocks ---- */
.mh-shr__locs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;}
.mh-shr__loc{border-top:1px solid rgba(243,239,232,0.2);padding-top:22px;}
.mh-shr__loc-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;}
.mh-shr__loc-dot{width:9px;height:9px;border-radius:50%;display:block;flex:none;}
.mh-shr__loc--primary .mh-shr__loc-dot{background:var(--mh-accent);}
.mh-shr__loc--secondary .mh-shr__loc-dot{border:1.5px solid var(--mh-accent);}
.mh-shr__loc-name{font-weight:500;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:#F3EFE8;}
.mh-shr__loc-year{font-style:italic;font-size:15px;color:var(--mh-accent);}
.mh-shr__loc-addr{font-weight:300;font-size:14.5px;line-height:1.7;color:rgba(243,239,232,0.66);margin:0;}

/* ---- Map ---- */
.mh-shr__map{
  position:relative;aspect-ratio:5/4.2;border-radius:16px;
  border:1px solid rgba(243,239,232,0.16);overflow:hidden;background:#F4F1EA;
}
.mh-shr__svg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;}

/* ---- Pins ---- */
.mh-shr__pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;}
.mh-shr__pin-inner{display:flex;flex-direction:column;align-items:center;opacity:0;}
.mh-showrooms [data-map][data-revealed] [data-pin]{animation:mela-pin .7s cubic-bezier(.2,.8,.2,1) both;}
.mh-shr__pin-chip{
  font-size:10px;letter-spacing:0.16em;text-transform:uppercase;
  padding:6px 11px;white-space:nowrap;margin-bottom:8px;border-radius:4px;
}
.mh-shr__pin--secondary .mh-shr__pin-chip{background:#16130F;color:#F3EFE8;box-shadow:0 6px 18px rgba(0,0,0,0.18);}
.mh-shr__pin--primary .mh-shr__pin-chip{background:var(--mh-accent);color:#FFFFFF;box-shadow:0 6px 18px rgba(0,0,0,0.22);}
.mh-shr__pin-mark{position:relative;}
.mh-shr__pin--secondary .mh-shr__pin-mark{width:18px;height:18px;}
.mh-shr__pin--primary .mh-shr__pin-mark{width:22px;height:22px;}
.mh-shr__pin-pulse{position:absolute;inset:0;border-radius:50%;background:var(--mh-accent);}
.mh-shr__pin--secondary .mh-shr__pin-pulse{opacity:0.45;}
.mh-shr__pin--primary .mh-shr__pin-pulse{opacity:0.4;}
.mh-showrooms [data-pulse]{animation:mela-pulse 2.4s ease-out infinite;}
.mh-shr__pin-dot{position:absolute;border-radius:50%;}
.mh-shr__pin--secondary .mh-shr__pin-dot{inset:3px;background:#FFFFFF;border:3px solid var(--mh-accent);}
.mh-shr__pin--primary .mh-shr__pin-dot{inset:2px;background:var(--mh-accent);border:3px solid #FFFFFF;box-shadow:0 0 0 1px var(--mh-accent);}

/* Reduced motion: reveal pins, drop continuous pulse. */
@media (prefers-reduced-motion:reduce){
  .mh-shr__pin-inner{opacity:1;}
  .mh-showrooms [data-map][data-revealed] [data-pin],
  .mh-showrooms [data-pulse]{animation:none;}
}

@media (max-width:767px){
  .mh-shr__wrap{grid-template-columns:1fr;}
}