/* Location tabs on the homepage */
.mg-tabs{position:relative;display:flex;gap:6px;padding:6px;margin:0 0 34px;border-radius:999px;background:#fff;border:1px solid var(--mg-line);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.mg-tabs::-webkit-scrollbar{display:none}
.mg-tab{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:0;border-radius:999px;background:transparent;font:700 14px var(--mg-sans);letter-spacing:.02em;color:var(--mg-ink);cursor:pointer;white-space:nowrap;scroll-snap-align:start;transition:color .35s}
.mg-tab em{font-style:normal;font-size:11px;font-weight:800;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--mg-cream-2);color:var(--mg-maroon);transition:.35s}
.mg-tab:hover{color:var(--mg-maroon)}
.mg-tab.is-active{color:#fff}
.mg-tab.is-active em{background:var(--mg-gold);color:var(--mg-maroon-2)}
.mg-tab:focus-visible{outline:2px solid var(--mg-gold);outline-offset:2px}
.mg-tabs__ink{position:absolute;z-index:0;top:6px;bottom:6px;left:0;width:0;border-radius:999px;background:var(--mg-maroon);box-shadow:0 10px 24px -12px rgba(74,21,33,.7);transition:transform .55s var(--mg-ease),width .55s var(--mg-ease)}

.mg-tabpanel[hidden]{display:none}
.mg-cards--tabs{grid-template-columns:repeat(4,1fr)}
.mg-cards--tabs .mg-card__title{font-size:22px}
.mg-cards--tabs .mg-card__body{padding:20px 20px 22px}
.mg-tabpanel.is-active .mg-card--tab{animation:mg-tabin .8s var(--mg-ease) both;animation-delay:var(--d,0ms)}
@keyframes mg-tabin{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
.mg-tabpanel__foot{display:flex;justify-content:center;margin-top:38px}
.mg-tabpanel__foot .mg-btn svg{width:18px}

.mg-tabempty{text-align:center;padding:clamp(40px,6vw,70px) 24px;border-radius:28px;background:linear-gradient(180deg,#fff,var(--mg-cream));border:1px dashed rgba(197,160,89,.55);animation:mg-tabin .7s var(--mg-ease) both}
.mg-tabempty h3{font:600 clamp(26px,3vw,40px)/1.15 var(--mg-serif);color:var(--mg-maroon);margin:0 0 12px}
.mg-tabempty h3 em{color:var(--mg-gold);font-weight:500}
.mg-tabempty p:not(.mg-eyebrow){max-width:520px;margin:0 auto 26px;color:var(--mg-muted);line-height:1.7}
.mg-tabempty__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

@media (max-width:1180px){.mg-cards--tabs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .mg-tabs{width:auto;margin-inline:-20px;border-radius:0;border-inline:0;padding:8px 20px;background:transparent;border:0;gap:8px}
  .mg-tab{background:#fff;border:1px solid var(--mg-line);padding:11px 16px;font-size:13.5px}
  .mg-tab.is-active{background:var(--mg-maroon);border-color:var(--mg-maroon)}
  .mg-tabs__ink{display:none}
  /* swipeable cards */
  .mg-cards--tabs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:4px 20px 18px;scrollbar-width:none}
  .mg-cards--tabs::-webkit-scrollbar{display:none}
  .mg-cards--tabs .mg-card{flex:0 0 84%;scroll-snap-align:center}
  .mg-tabpanel__foot{margin-top:18px}
  .mg-tabpanel__foot .mg-btn{width:100%}
  .mg-tabempty__btns .mg-btn{width:100%}
}