/* ═══════════════════════════════════════════════════════════════════════
   Embassy Citadel · shared glass buttons (v9)
   The recipe is lifted verbatim from the landing's hamburger nav
   (intro.html .burger / .nav-group / .tab): hairline border, 155° glass
   gradient, 18px blur + saturate, deep drop shadow and a 1px inner top
   highlight. Two grounds:
     · dark  — over photography / renders (gallery, inventory): paper text
     · light — over paper-toned screens and the map (plans, location):
               same structure, stronger fill so it still reads as glass
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --ecg-hair:rgba(252,250,244,.30);
  --ecg-hi:rgba(252,250,244,.22);
  --ecg-lo:rgba(252,250,244,.13);
  --ecg-hover:rgba(252,250,244,.20);
  --ecg-on:rgba(252,250,244,.26);
  --ecg-shadow:0 10px 30px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.28);
  --ecg-blur:blur(18px) saturate(150%);
  --ecg-paper:#FCFAF4;
  --ecg-gold:#E8D5A8;
  --ecg-ease:cubic-bezier(.22,1,.36,1);

  --ecl-hair:rgba(252,250,244,.88);
  --ecl-hi:rgba(252,250,244,.74);
  --ecl-lo:rgba(252,250,244,.50);
  --ecl-hover:rgba(252,250,244,.86);
  --ecl-shadow:0 10px 30px -12px rgba(80,58,28,.42),inset 0 1px 0 rgba(255,255,255,.75);
  --ecl-ink:#2A2620;
  --ecl-gold:#946F38;
}
.ecg,.ecg-light{
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  transition:background .26s ease,border-color .26s ease,transform .26s var(--ecg-ease),box-shadow .26s ease;
}
.ecg{border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  box-shadow:var(--ecg-shadow);color:var(--ecg-paper);}
.ecg-light{border:1px solid var(--ecl-hair);
  background:linear-gradient(155deg,var(--ecl-hi),var(--ecl-lo));
  box-shadow:var(--ecl-shadow);color:var(--ecl-ink);}

/* ── GALLERY (dark ground) ─────────────────────────────────────────── */
.page-gallery .topbar{background:none;}
.page-gallery .ec-brand-back .brand-text .name{color:var(--ecg-paper);text-shadow:0 2px 12px rgba(0,0,0,.65);}
.page-gallery .ec-brand-back .brand-text .loc{color:var(--ecg-gold);text-shadow:0 1px 8px rgba(0,0,0,.6);}

.page-gallery .ec-360-btn,.page-gallery .ec-back-btn{
  border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecg-shadow);color:var(--ecg-paper);}
.page-gallery .ec-360-btn:hover,.page-gallery .ec-back-btn:hover{background:var(--ecg-hover);color:#fff;border-color:rgba(252,250,244,.42);}
.page-gallery .ec-360-btn svg,.page-gallery .ec-360-btn .ec360-ic{color:var(--ecg-gold);}

.page-gallery .am-plan-cta{
  border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecg-shadow);color:var(--ecg-paper);}
.page-gallery .am-plan-cta:hover{background:linear-gradient(155deg,rgba(252,250,244,.30),rgba(252,250,244,.18));}
.page-gallery .am-plan-cta .apc-tx b,.page-gallery .am-plan-cta .apc-tx i{color:var(--ecg-paper);}
.page-gallery .am-plan-cta .apc-tx b{color:var(--ecg-gold);}
.page-gallery .am-plan-cta .apc-ic,.page-gallery .am-plan-cta .apc-arr{color:var(--ecg-gold);}

.page-gallery .hero-zoom-btn{
  border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecg-shadow);color:var(--ecg-paper);}
.page-gallery .hero-zoom-btn:hover{background:var(--ecg-hover);color:#fff;border-color:rgba(252,250,244,.42);}
.page-gallery .hero-counter{
  border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecg-shadow);}

/* ── INVENTORY (dark ground) — harmonise with the landing recipe ───── */
.page-inventory .pill{border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecg-shadow);}
.page-inventory .pill:hover{background:var(--ecg-hover);}
.page-inventory .tool .ic{background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));box-shadow:var(--ecg-shadow);}
.page-inventory .tool:hover .ic{background:var(--ecg-hover);}

/* ── LOCATION (light ground: the map) ─────────────────────────────── */
.page-location .topbar{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
.page-location .ec-360-btn,.page-location .ec-back-btn,.page-location .pill-cat,.page-location .st-pill.is-on{
  border:1px solid var(--ecl-hair);
  background:linear-gradient(155deg,var(--ecl-hi),var(--ecl-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecl-shadow);}
.page-location .pill-cat{border-radius:14px;}
.page-location .pill-cat:hover,.page-location .ec-360-btn:hover,.page-location .ec-back-btn:hover{
  background:linear-gradient(155deg,rgba(252,250,244,.9),rgba(252,250,244,.7));transform:translateY(-1px);}
.page-location .pill-cat.is-on{border:1.5px solid var(--ecl-gold);
  background:linear-gradient(155deg,rgba(252,250,244,.94),rgba(252,250,244,.78));
  box-shadow:0 10px 30px -12px rgba(80,58,28,.5),inset 0 1px 0 rgba(255,255,255,.8);}

/* ── PLAN SCREENS (light ground) ───────────────────────────────────── */
.page-plan .pill,.page-plan .back,.page-plan .bt,.page-plan .count,.page-plan .tool .ic{
  border:1px solid var(--ecl-hair);
  background:linear-gradient(155deg,var(--ecl-hi),var(--ecl-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecl-shadow);}
.page-plan .pill:hover,.page-plan .back:hover,.page-plan .bt:hover{
  background:linear-gradient(155deg,rgba(252,250,244,.92),rgba(252,250,244,.74));border-color:#D9B97A;}
.page-plan .tool:hover .ic{background:linear-gradient(155deg,rgba(252,250,244,.92),rgba(252,250,244,.74));border-color:#D9B97A;}

/* ═══════════════════════════════════════════════════════════════════════
   SHARED MENU (.ecm-*) — the landing's hamburger + tabs, on every screen
   Copied from intro.html .burger / .nav-group / .tab; only the class names
   differ so the page's own styles never collide.
   ═══════════════════════════════════════════════════════════════════════ */
.ecm-shell{position:fixed;z-index:900;top:24px;left:34px;display:flex;align-items:flex-start;gap:14px;
  font-family:'Lato',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
.ecm-burger{flex:0 0 auto;width:62px;height:62px;border-radius:19px;cursor:pointer;padding:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5.5px;
  border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecg-shadow);
  transition:transform .3s var(--ecg-ease),background .3s ease,border-color .3s ease;
  -webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;}
.ecm-burger:active{transform:scale(.95);}
.ecm-burger i{display:block;width:23px;height:1.6px;border-radius:2px;background:var(--ecg-paper);
  transition:width .34s var(--ecg-ease),background .3s ease;}
.ecm-shell.is-open .ecm-burger{border-color:rgba(217,185,122,.62);
  background:linear-gradient(155deg,rgba(217,185,122,.30),rgba(148,111,56,.20));}
.ecm-shell.is-open .ecm-burger i{background:#F3E6C8;}
.ecm-shell.is-open .ecm-burger i:nth-child(2){width:15px;}

.ecm-nav{display:flex;gap:6px;padding:7px;border-radius:22px;
  border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:0 10px 30px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.26);
  transform-origin:left center;
  transition:opacity .34s ease,transform .44s var(--ecg-ease),visibility .34s;}
.ecm-shell:not(.is-open) .ecm-nav{opacity:0;visibility:hidden;transform:translateX(-14px) scaleX(.92);pointer-events:none;}

.ecm-tab{position:relative;width:96px;padding:11px 4px 9px;border-radius:16px;
  display:flex;flex-direction:column;align-items:center;gap:7px;
  text-decoration:none;color:var(--ecg-paper);cursor:pointer;
  background:transparent;border:1px solid transparent;
  transition:background .26s ease,border-color .26s ease,transform .26s var(--ecg-ease);
  opacity:0;transform:translateY(-8px);-webkit-tap-highlight-color:transparent;}
.ecm-shell.is-open .ecm-tab{opacity:1;transform:none;
  transition:background .26s ease,border-color .26s ease,transform .44s var(--ecg-ease) var(--d,0s),opacity .38s ease var(--d,0s);}
.ecm-tab:hover,.ecm-tab:focus-visible{background:rgba(252,250,244,.15);border-color:rgba(252,250,244,.26);outline:none;}
.ecm-tab:active{transform:scale(.955);}
.ecm-tab svg{width:25px;height:25px;stroke:var(--ecg-paper);fill:none;stroke-width:1.35;
  stroke-linecap:round;stroke-linejoin:round;opacity:.95;}
.ecm-tab span{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:400;opacity:.92;white-space:nowrap;}
.ecm-tab::after{content:"";position:absolute;left:50%;bottom:5px;width:0;height:1px;
  background:#E8D5A8;transform:translateX(-50%);transition:width .3s var(--ecg-ease);}
.ecm-tab:hover::after,.ecm-tab.is-current::after{width:26px;}
.ecm-tab.is-current{background:rgba(252,250,244,.12);border-color:rgba(252,250,244,.2);}

.ecm-back{position:fixed;z-index:900;top:32px;right:34px;
  display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px 0 16px;border-radius:999px;
  text-decoration:none;cursor:pointer;
  font-family:'Lato',sans-serif;font-size:10px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;
  border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:var(--ecg-shadow);color:var(--ecg-paper);
  transition:background .26s ease,border-color .26s ease,transform .26s var(--ecg-ease);
  -webkit-tap-highlight-color:transparent;}
.ecm-back .arr{font-size:14px;letter-spacing:0;color:#E8D5A8;}
.ecm-back:hover{background:var(--ecg-hover);border-color:rgba(252,250,244,.42);}
.ecm-back:active{transform:scale(.96);}

/* light-ground screens: same structure, stronger fill, ink text */
.page-plan .ecm-burger,.page-plan .ecm-nav,.page-plan .ecm-back,
.page-location .ecm-burger,.page-location .ecm-nav,.page-location .ecm-back{
  border-color:var(--ecl-hair);
  background:linear-gradient(155deg,var(--ecl-hi),var(--ecl-lo));
  box-shadow:var(--ecl-shadow);color:var(--ecl-ink);}
.page-plan .ecm-burger i,.page-location .ecm-burger i{background:var(--ecl-ink);}
.page-plan .ecm-shell.is-open .ecm-burger,.page-location .ecm-shell.is-open .ecm-burger{
  border-color:#D9B97A;background:linear-gradient(155deg,rgba(217,185,122,.55),rgba(217,185,122,.30));}
.page-plan .ecm-shell.is-open .ecm-burger i,.page-location .ecm-shell.is-open .ecm-burger i{background:var(--ecl-gold);}
.page-plan .ecm-tab,.page-location .ecm-tab{color:var(--ecl-ink);}
.page-plan .ecm-tab svg,.page-location .ecm-tab svg{stroke:var(--ecl-gold);}
.page-plan .ecm-tab:hover,.page-location .ecm-tab:hover{background:rgba(252,250,244,.75);border-color:rgba(148,111,56,.28);}
.page-plan .ecm-tab.is-current,.page-location .ecm-tab.is-current{background:rgba(252,250,244,.7);border-color:rgba(148,111,56,.22);}
.page-plan .ecm-tab::after,.page-location .ecm-tab::after{background:var(--ecl-gold);}
.page-plan .ecm-back .arr,.page-location .ecm-back .arr{color:var(--ecl-gold);}
.page-plan .ecm-back:hover,.page-location .ecm-back:hover{background:linear-gradient(155deg,rgba(252,250,244,.92),rgba(252,250,244,.74));border-color:#D9B97A;}

/* each page's own top-left brand and top-right actions step aside */
.page-gallery .ec-brand-back,.page-gallery .ec-topbar-actions,
.page-inventory .topbar .brand,.page-inventory .tb-actions,
.page-location .topbar,
.page-plan .topbar .brand,.page-plan .topbar .back,.page-plan .topbar .pill{display:none !important;}
.page-inventory .head,.page-plan .head{top:128px;}
.page-location .left-rail{top:128px;}

/* gallery: no image names; thumbnails centred; category bar between menu and Back */
.page-gallery .hero-cap{display:none !important;}
.page-gallery .thumbs{justify-content:flex-start;}
.page-gallery .thumbs > :first-child{margin-left:auto;}
.page-gallery .thumbs > :last-child{margin-right:auto;}

/* plan screens: titles and content drop below the injected menu */
.page-plan .wrap{top:196px;}
.page-plan.page-compare .wrap{top:168px;}

/* paper text on glass stays legible over bright skies and pale renders */
.page-gallery .cat-row .label,.page-gallery .cat-row .count,.page-gallery .ec-back-btn,.page-gallery .hero-counter,
.page-gallery .ecm-tab span,.page-gallery .ecm-back,.page-inventory .ecm-tab span,.page-inventory .ecm-back{
  text-shadow:0 1px 3px rgba(0,0,0,.42);}
.page-gallery .ecm-tab svg,.page-gallery .cat-row .ic svg,.page-inventory .ecm-tab svg{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}

/* ── GALLERY category bar: the same tray as the menu, full width between
   the menu and Back, tiles built exactly like the menu tabs ─────────── */
.page-gallery .leftrail{top:24px;height:auto;left:545px;right:150px;align-items:flex-start;z-index:9;}
.page-gallery .cat-list{
  width:100%;display:flex;gap:6px;padding:7px;border-radius:22px;overflow:visible;
  border:1px solid var(--ecg-hair);
  background:linear-gradient(155deg,var(--ecg-hi),var(--ecg-lo));
  -webkit-backdrop-filter:var(--ecg-blur);backdrop-filter:var(--ecg-blur);
  box-shadow:0 10px 30px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.26);}
.page-gallery .cat-row{
  position:relative;flex:1 1 0;min-width:0;height:auto;min-height:0;width:auto;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:11px 4px 9px;border-radius:16px;border:1px solid transparent;background:transparent;
  color:var(--ecg-paper);box-shadow:none;transform:none;
  transition:background .26s ease,border-color .26s ease,transform .26s var(--ecg-ease);}
.page-gallery .cat-row .ic{width:25px;height:25px;color:var(--ecg-paper);opacity:.95;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
.page-gallery .cat-row .ic svg{width:25px;height:25px;}
.page-gallery .cat-row .label{flex:0 0 auto;margin:0;font-size:10.5px;letter-spacing:.11em;font-weight:400;
  color:var(--ecg-paper);opacity:.92;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.42);}
.page-gallery .cat-row .count{position:absolute;top:7px;right:9px;padding:1px 5px;font-size:8px;letter-spacing:.08em;
  border-radius:8px;color:rgba(252,250,244,.8);border:1px solid rgba(252,250,244,.3);background:rgba(252,250,244,.12);}
.page-gallery .cat-row::after{content:"";position:absolute;left:50%;bottom:5px;width:0;height:1px;
  background:#E8D5A8;transform:translateX(-50%);transition:width .3s var(--ecg-ease);}
.page-gallery .cat-row:hover{background:rgba(252,250,244,.15);border-color:rgba(252,250,244,.26);box-shadow:none;transform:none;}
.page-gallery .cat-row:hover::after,.page-gallery .cat-row.is-active::after{width:26px;}
.page-gallery .cat-row:active{transform:scale(.955);}
.page-gallery .cat-row.is-active{background:var(--ecg-on);border-color:rgba(252,250,244,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.28);}
.page-gallery .cat-row.is-active .label{color:#fff;opacity:1;}
.page-gallery .cat-row.is-active .count{color:var(--ecg-gold);border-color:rgba(252,250,244,.4);background:rgba(252,250,244,.18);}
@media (max-width:1500px){.page-gallery .cat-row .label{font-size:9.5px;letter-spacing:.06em;}}
/* lock the category tray to the menu tray: same top edge, same height */
.page-gallery .leftrail{padding:0;margin:0;animation:none;}
.page-gallery .cat-list{margin:0;height:82px;box-sizing:border-box;}
.page-gallery .cat-row{padding:0 4px;justify-content:center;}
.page-gallery .leftrail{position:fixed;}   /* viewport-anchored, like the menu tray */
.page-gallery .leftrail{z-index:850;}