.app-loader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:4px;
  background:#fff;
  color:#111217
}
.loader-logo-image{
  width:min(250px,70vw);
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  object-position:center;
  border-radius:0
}
.app-loader strong,
.app-loader span{display:none!important}
.loader-logo-shimmer{position:relative;width:min(250px,70vw);overflow:hidden;isolation:isolate;}
.loader-logo-shimmer .loader-logo-image{display:block;width:100%;}
.loader-logo-shimmer::after{content:"";position:absolute;inset:-12% -65%;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(230,192,100,.1) 34%,rgba(244,215,148,.72) 36%,rgba(230,192,100,.1) 38%,transparent 41%,transparent 46%,rgba(230,192,100,.1) 49%,rgba(244,215,148,.62) 51%,rgba(230,192,100,.1) 53%,transparent 56%,transparent 62%,rgba(230,192,100,.1) 65%,rgba(244,215,148,.52) 67%,rgba(230,192,100,.1) 69%,transparent 73%);mix-blend-mode:screen;transform:translateX(-65%);animation:cuevaLogoShimmer 1.8s linear infinite;}
@keyframes cuevaLogoShimmer{from{transform:translateX(-65%);}to{transform:translateX(65%);}}
@media(prefers-reduced-motion:reduce){.loader-logo-shimmer::after{display:none;animation:none;}}
@keyframes spin{to{transform:rotate(360deg)}}
.network-banner{
  position:fixed;z-index:1200;top:0;left:0;right:0;
  padding:calc(8px + var(--safe-top)) 14px 9px;
  background:rgba(18,18,18,.94);
  color:#fff;font-size:11px;text-align:center;
  backdrop-filter:blur(20px)
}
.mobile-app{min-height:100dvh;padding-bottom:calc(92px + var(--safe-bottom))}
.mobile-header{
  position:sticky;z-index:100;top:0;
  display:flex;justify-content:space-between;gap:14px;align-items:center;
  padding:calc(12px + var(--safe-top)) 17px 11px;
  border-bottom:1px solid rgba(17,17,17,.06);
  background:rgba(245,245,247,.78);
  backdrop-filter:blur(30px) saturate(180%);
  -webkit-backdrop-filter:blur(30px) saturate(180%)
}
.header-copy{min-width:0;flex:1}
.header-copy>span{font-size:8px;font-weight:750;letter-spacing:.15em;color:var(--gold)}
.header-copy h1{margin:3px 0 0;overflow:hidden;font-size:20px;font-weight:750;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}
.header-actions{display:flex;flex:0 0 auto;gap:7px}
.header-actions button{
  position:relative;
  display:grid;place-items:center;
  width:40px;height:40px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:15px;
  background:rgba(255,255,255,.72);
  color:var(--ink);
  box-shadow:0 8px 22px rgba(0,0,0,.055);
  backdrop-filter:blur(18px)
}
.header-actions .quick-sale-header-btn{
  width:40px;
  min-width:40px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f0c85a;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
#notificationCount{
  position:absolute;top:-3px;right:-3px;
  display:grid;place-items:center;
  min-width:18px;height:18px;padding:0 4px;
  border-radius:99px;background:#ff3b30;color:#fff;
  font-size:8px;font-weight:700
}
#profileButton{
  overflow:hidden;
  background:#0b0b0b;
  color:#e9be58;
  font-weight:700
}
@media(max-width:370px){
  .header-copy h1{font-size:17px}
}
.page-content{display:grid;gap:14px;padding:16px 14px 20px}
.page-content.loading{opacity:.45;pointer-events:none}
.bottom-nav{
  position:fixed;z-index:500;left:0;right:0;bottom:0;
  display:grid;grid-template-columns:repeat(5,1fr);
  height:calc(80px + var(--safe-bottom));
  padding:8px 7px var(--safe-bottom);
  border-top:1px solid rgba(17,17,17,.07);
  background:rgba(255,255,255,.83);
  box-shadow:0 -14px 42px rgba(0,0,0,.08);
  backdrop-filter:blur(30px) saturate(180%);
  -webkit-backdrop-filter:blur(30px) saturate(180%)
}
.nav-item{
  display:grid;place-items:center;align-content:center;gap:5px;
  border:0;border-radius:17px;background:transparent;
  color:#8e8e93;font-size:9px;font-weight:600
}
.nav-item i{font-size:18px}
.nav-item.active{color:#111}
.nav-item.shift-locked{opacity:.32;filter:grayscale(1)}
.nav-item.active i{color:#c89218}
.live-nav i{
  display:grid;place-items:center;
  width:43px;height:43px;margin-top:-22px;
  border-radius:15px;background:#111;color:#f0c85a;
  box-shadow:0 12px 28px rgba(0,0,0,.22)
}
.live-nav.active{background:transparent}
.sheet{position:fixed;inset:0;z-index:2000;display:grid;align-items:end}
.sheet[hidden]{display:none}
.sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.46);backdrop-filter:blur(7px)}
.sheet-card{
  position:relative;z-index:1;
  padding:11px 16px calc(22px + var(--safe-bottom));
  border-radius:31px 31px 0 0;
  background:rgba(250,250,250,.94);
  box-shadow:0 -28px 80px rgba(0,0,0,.2);
  backdrop-filter:blur(28px)
}
.sheet-handle{width:43px;height:5px;margin:0 auto 16px;border-radius:99px;background:#c7c7cc}
.sheet-profile{display:grid;grid-template-columns:56px 1fr;gap:13px;align-items:center;padding:5px 3px 17px}
.sheet-profile>div{display:grid;place-items:center;width:56px;height:56px;border-radius:19px;background:#111;color:#e8bd58;font-weight:700}
.sheet-profile strong,.sheet-profile span{display:block}
.sheet-profile span{margin-top:5px;color:var(--muted);font-size:10px}
.sheet-action{
  display:grid;grid-template-columns:29px 1fr auto;align-items:center;
  width:100%;min-height:53px;margin-top:8px;
  border:0;border-radius:17px;padding:0 13px;
  background:rgba(17,17,17,.055);
  text-align:left;font-size:12px;font-weight:600
}
.sheet-action.danger{background:rgba(255,59,48,.08);color:#b42318}
@media(min-width:700px){
  .mobile-app{width:min(100%,700px);margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
  .bottom-nav{left:50%;width:min(100%,700px);transform:translateX(-50%)}
}

@media (prefers-reduced-motion: reduce) {
  .app-loader i { animation: none; }
}

/* Quick Sale hangs from the header under the profile, as a pull-down tab. */
.mobile-header #quickSaleButton.quick-sale-pull-tab {
  position: absolute;
  z-index: 2;
  right: var(--cueva-page-pad, 17px);
  top: 100%;
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 68px;
  min-width: 68px;
  height: 24px;
  padding: 0;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid #eadfbf;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background: #fbf5e5;
  color: #a77b00;
  box-shadow: 0 2px 5px rgba(17,18,23,.04);
  transform: translateY(var(--sale-pull, 0px));
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}
.mobile-header #quickSaleButton.quick-sale-pull-tab::after {
  content: "";
  width: 4px;
  height: 4px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}
.mobile-header #quickSaleButton.quick-sale-pull-tab:focus-visible {
  outline: 2px solid #a77b00;
  outline-offset: 3px;
}
.mobile-header #quickSaleButton.quick-sale-pull-tab.is-pulling { background: #f6e9bf; }

/* Keep the parlour name prominent with a compact account control. */
.mobile-header .header-copy > span { display: none; }
.mobile-header .header-actions #profileButton {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0b0b0b;
  color: #e9be58;
}

/* =========================================================
   CUEVA unified shell v281 — visual only, safe startup
   Header: initials | centred parlour name | notifications
   Navigation: Home · Manage · Live · Booking · More
   ========================================================= */
:root{
  --cueva-shell-gold:#c58b18;
  --cueva-shell-ink:#101820;
  --cueva-shell-muted:#666b73;
}

.mobile-app{
  padding-bottom:calc(96px + var(--safe-bottom));
  background:#fff;
}

.mobile-header{
  position:sticky;
  top:0;
  z-index:100;
  min-height:calc(86px + var(--safe-top));
  padding:calc(12px + var(--safe-top)) 18px 13px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  align-items:end;
  gap:10px;
  border:0;
  border-radius:0 0 28px 28px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 30px rgba(17,24,39,.065);
  backdrop-filter:blur(28px) saturate(165%);
  -webkit-backdrop-filter:blur(28px) saturate(165%);
}

.header-left,
.header-actions{
  width:48px;
  min-width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.header-copy{
  min-width:0;
  align-self:center;
  text-align:center;
  pointer-events:none;
}
.mobile-header .header-copy>span{display:none!important}
.mobile-header .header-copy h1{
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--cueva-shell-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,6.4vw,31px);
  line-height:1;
  font-weight:400;
  letter-spacing:.025em;
}

.mobile-header #profileButton,
.mobile-header #notificationButton{
  position:relative;
  width:46px;
  min-width:46px;
  height:46px;
  display:grid!important;
  place-items:center;
  border:1px solid rgba(17,24,39,.10);
  border-radius:50%;
  background:#fff;
  color:var(--cueva-shell-ink);
  box-shadow:0 5px 14px rgba(17,24,39,.07);
}
.mobile-header #profileButton{
  overflow:hidden;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
  letter-spacing:-.02em;
}
.mobile-header #notificationButton{
  font-size:20px;
}
.mobile-header #notificationButton[hidden]{display:grid!important}
.mobile-header #notificationButton::after{display:none!important}
.mobile-header #notificationCount{
  position:absolute;
  top:-2px;
  right:-4px;
  display:grid!important;
  min-width:17px;
  height:17px;
  padding:0 4px;
  place-items:center;
  border:2px solid #fff;
  border-radius:999px;
  background:#ff3b30;
  color:#fff;
  font-size:8px;
  line-height:1;
  font-weight:850;
  font-family:Arial,sans-serif;
  box-sizing:border-box;
}
.mobile-header #notificationCount[hidden]{display:none!important}

/* Keep Quick Sale functional without affecting centered branding. */
.mobile-header #quickSaleButton.quick-sale-header-btn{
  position:absolute;
  right:20px;
  top:100%;
  width:30px;
  min-width:30px;
  height:20px;
  border:1px solid #eadfbf;
  border-top:0;
  border-radius:0 0 9px 9px;
  background:#fff9eb;
  color:#ad7a0b;
  box-shadow:0 4px 10px rgba(17,24,39,.04);
}
.mobile-header #quickSaleButton.quick-sale-header-btn[hidden]{display:none!important}

.bottom-nav{
  position:fixed;
  z-index:500;
  left:14px;
  right:14px;
  bottom:calc(10px + var(--safe-bottom));
  height:74px;
  padding:7px 5px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border:1px solid rgba(17,24,39,.055);
  border-radius:27px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 34px rgba(17,24,39,.11);
  backdrop-filter:blur(26px) saturate(160%);
  -webkit-backdrop-filter:blur(26px) saturate(160%);
}
.nav-item{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  min-width:0;
  border:0;
  border-radius:20px;
  background:transparent;
  color:var(--cueva-shell-muted);
  font-size:10px;
  line-height:1;
  font-weight:500;
}
.nav-item i{
  font-size:20px;
  line-height:1;
  color:var(--cueva-shell-ink);
}
.nav-item.active{
  color:var(--cueva-shell-gold);
  background:transparent;
}
.nav-item.active i{color:var(--cueva-shell-gold)}
.nav-item.active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:28px;
  height:3px;
  border-radius:999px;
  background:var(--cueva-shell-gold);
  transform:translateX(-50%);
}

.live-nav i{
  width:42px;
  height:42px;
  margin:0;
  display:grid;
  place-items:center;
  border:1.5px solid rgba(197,139,24,.65);
  border-radius:50%;
  background:#fff;
  color:var(--cueva-shell-ink);
  box-shadow:0 4px 14px rgba(197,139,24,.10);
}
.live-nav.active i{
  color:var(--cueva-shell-gold);
  border-color:var(--cueva-shell-gold);
  box-shadow:0 0 0 5px rgba(197,139,24,.07),0 5px 16px rgba(197,139,24,.12);
}
.live-nav.active{background:transparent}

@media(max-width:370px){
  .mobile-header{grid-template-columns:44px minmax(0,1fr) 44px;padding-left:14px;padding-right:14px}
  .header-left,.header-actions{width:44px;min-width:44px;height:44px}
  .mobile-header #profileButton,.mobile-header #notificationButton{width:42px;min-width:42px;height:42px}
  .mobile-header .header-copy h1{font-size:21px}
  .bottom-nav{left:8px;right:8px}
  .nav-item{font-size:9px}
  .nav-item i{font-size:18px}
  .live-nav i{width:38px;height:38px}
}

@media(min-width:700px){
  .bottom-nav{
    left:50%;
    right:auto;
    width:min(calc(100% - 28px),672px);
    transform:translateX(-50%);
  }
}

/* =========================================================
   CUEVA unified shell v282 — clean header + profile Quick Sale
   Final header: centred parlour name | bare notification bell
   Account sheet opens by tapping parlour name.
   ========================================================= */
.mobile-header{
  position:sticky;
  top:0;
  z-index:100;
  min-height:calc(84px + var(--safe-top));
  padding:calc(12px + var(--safe-top)) 20px 14px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  border:0;
  border-radius:0;
  background:rgba(255,255,255,.97);
  box-shadow:0 1px 0 rgba(17,24,39,.055),0 9px 26px rgba(17,24,39,.035);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
}

/* Keep these two legacy controls in the DOM for the existing app.js,
   but never show them in the header. */
.mobile-header #profileButton.header-profile-proxy,
.mobile-header #quickSaleButton.header-sale-proxy,
.mobile-header #quickSaleButton.quick-sale-header-btn,
.mobile-header #quickSaleButton.quick-sale-pull-tab{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.mobile-header .header-copy{
  width:min(76vw,520px);
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  pointer-events:auto;
}
.mobile-header .header-copy h1{
  position:relative;
  margin:0;
  max-width:100%;
  padding:4px 8px 9px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
  color:#111820;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(24px,6.7vw,32px);
  line-height:1;
  font-weight:400;
  letter-spacing:.018em;
  -webkit-tap-highlight-color:transparent;
}
.mobile-header .header-copy h1::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:34px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#d6ad55,#b77a09);
  transform:translateX(-50%);
  opacity:.95;
}
.mobile-header .header-copy h1:focus-visible{
  outline:2px solid rgba(197,139,24,.45);
  outline-offset:4px;
  border-radius:8px;
}

.mobile-header .header-actions{
  position:absolute;
  right:22px;
  bottom:17px;
  width:auto;
  min-width:0;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mobile-header #notificationButton{
  position:relative;
  width:34px;
  min-width:34px;
  height:38px;
  display:grid!important;
  place-items:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#111820;
  font-size:24px;
  -webkit-tap-highlight-color:transparent;
}
.mobile-header #notificationButton[hidden]{display:grid!important}
.mobile-header #notificationButton::after{
  content:"";
  position:absolute;
  top:0;
  right:-1px;
  width:9px;
  height:9px;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--cueva-shell-gold,#c58b18);
}
.mobile-header #notificationButton:focus-visible{
  outline:2px solid rgba(197,139,24,.45);
  outline-offset:3px;
  border-radius:8px;
}

/* Profile sheet: Quick Sale and Log out sit together as peer actions. */
.profile-sheet-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:4px;
}
.profile-sheet-actions .sheet-action{
  grid-template-columns:24px 1fr;
  justify-items:start;
  min-width:0;
  min-height:54px;
  margin-top:0;
  padding:0 14px;
  border-radius:16px;
}
.profile-sheet-actions .sheet-action.sale{
  background:#fbf5e7;
  color:#9a6905;
}
.profile-sheet-actions .sheet-action.sale i{
  color:#c58b18;
}
.profile-sheet-actions .sheet-action[hidden]{display:none!important}
.profile-sheet-actions .sheet-action.danger{
  background:rgba(255,59,48,.07);
  color:#b42318;
}

@media(max-width:370px){
  .mobile-header{padding-left:16px;padding-right:16px}
  .mobile-header .header-actions{right:17px}
  .mobile-header .header-copy h1{font-size:22px}
  .profile-sheet-actions{gap:8px}
  .profile-sheet-actions .sheet-action{padding:0 11px;font-size:11px}
}


/* =========================================================
   CUEVA unified shell v283 — CUEMASTERS name + bell style
   Final header matches the approved reference:
   centred wordmark, diamond accent line, bare bell icon.
   ========================================================= */
.mobile-header{
  min-height:calc(96px + var(--safe-top));
  padding:calc(14px + var(--safe-top)) 22px 14px;
  align-items:flex-end;
  justify-content:center;
  background:rgba(255,255,255,.98);
  box-shadow:0 1px 0 rgba(17,24,39,.05);
}

.mobile-header .header-copy{
  width:min(78vw,560px);
  position:relative;
}
.mobile-header .header-copy h1{
  margin:0;
  padding:2px 8px 18px;
  color:#111111;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(25px, 6.4vw, 33px);
  font-weight:400;
  line-height:1;
  letter-spacing:.13em;
  text-indent:.13em;
  text-transform:uppercase;
}
.mobile-header .header-copy h1::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:2px;
  width:148px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg, rgba(214,173,85,0) 0%, rgba(214,173,85,.95) 18%, rgba(214,173,85,.95) 82%, rgba(214,173,85,0) 100%);
  transform:translateX(-50%);
}
.mobile-header .header-copy h1::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-2px;
  width:12px;
  height:12px;
  background:linear-gradient(135deg,#e0bb68,#bc810f);
  transform:translateX(-50%) rotate(45deg);
  border-radius:1px;
  box-shadow:0 0 0 3px rgba(255,255,255,.98);
}

.mobile-header .header-actions{
  right:22px;
  bottom:18px;
}
.mobile-header #notificationButton{
  width:32px;
  min-width:32px;
  height:36px;
  font-size:25px;
  color:#101216;
}
.mobile-header #notificationButton::after{
  top:2px;
  right:-2px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  background:#c89a34;
}

@media(max-width:420px){
  .mobile-header .header-copy h1{
    font-size:clamp(22px, 5.9vw, 29px);
    letter-spacing:.1em;
    text-indent:.1em;
    padding-bottom:17px;
  }
  .mobile-header .header-copy h1::after{
    width:122px;
  }
}

@media(max-width:370px){
  .mobile-header{padding-left:16px;padding-right:16px}
  .mobile-header .header-actions{right:16px}
  .mobile-header .header-copy{width:min(76vw,420px)}
  .mobile-header .header-copy h1{font-size:21px;letter-spacing:.085em;text-indent:.085em;padding-left:6px;padding-right:6px}
  .mobile-header .header-copy h1::after{width:108px}
  .mobile-header #notificationButton{font-size:22px}
}


/* v284 — exact approved header: spaced parlour name, simple gold line, bare bell */
.mobile-header .header-copy h1::before{
  content:none!important;
  display:none!important;
}
.mobile-header .header-copy h1::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:3px;
  width:132px;
  height:1.5px;
  border-radius:99px;
  background:#d0a34a;
  transform:translateX(-50%);
  opacity:.72;
}


/* v285 — restore the small centre BOX mark from the approved reference. */
.mobile-header .header-copy h1::before{
  content:""!important;
  display:block!important;
  position:absolute;
  left:50%;
  bottom:0;
  width:8px;
  height:8px;
  background:#d0a34a;
  border-radius:1px;
  transform:translateX(-50%);
  box-shadow:0 0 0 2px rgba(255,255,255,.98);
  z-index:1;
}


/* =========================================================
   CUEVA shell v286 — flat bottom navigation
   Keep the existing navigation layout, remove the floating
   rounded container and remove the Live circle.
   ========================================================= */
.bottom-nav{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:calc(78px + var(--safe-bottom))!important;
  padding:8px 10px var(--safe-bottom)!important;
  border:0!important;
  border-top:1px solid rgba(17,24,39,.075)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 -7px 24px rgba(17,24,39,.045)!important;
  transform:none!important;
}

.nav-item{
  border-radius:0!important;
  background:transparent!important;
}

.nav-item.active{
  background:transparent!important;
}

.nav-item.active::after{
  bottom:0!important;
  width:30px!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--cueva-shell-gold,#c58b18)!important;
}

/* Live: custom broadcast mark, no surrounding circle */
.live-nav .live-signal-icon{
  position:relative;
  display:block;
  width:30px;
  height:24px;
  margin:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111820;
}

.live-nav .live-signal-icon::before,
.live-nav .live-signal-icon::after{
  content:"";
  position:absolute;
  top:50%;
  width:9px;
  height:18px;
  border:2px solid currentColor;
  transform:translateY(-50%);
}

.live-nav .live-signal-icon::before{
  left:0;
  border-right:0;
  border-top-left-radius:50%;
  border-bottom-left-radius:50%;
}

.live-nav .live-signal-icon::after{
  right:0;
  border-left:0;
  border-top-right-radius:50%;
  border-bottom-right-radius:50%;
}

.live-nav .live-signal-icon b{
  position:absolute;
  left:50%;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cueva-shell-gold,#c58b18);
  transform:translate(-50%,-50%);
}

.live-nav.active .live-signal-icon{
  color:#111820!important;
}

@media(min-width:700px){
  .bottom-nav{
    left:50%!important;
    right:auto!important;
    width:min(100%,700px)!important;
    transform:translateX(-50%)!important;
  }
}


/* =========================================================
   CUEVA shell v287 — header + bottom navigation matched
   Same white / ink / desert-gold visual language.
   Live icon = approved paired waves + gold centre dot.
   ========================================================= */
:root{
  --cueva-shell-gold:#c99a35;
  --cueva-shell-ink:#111317;
  --cueva-shell-muted:#6f737a;
}

.mobile-header{
  background:#fff!important;
  border-bottom:1px solid rgba(17,19,23,.055)!important;
  box-shadow:0 5px 18px rgba(17,19,23,.035)!important;
}
.mobile-header .header-copy h1{
  color:var(--cueva-shell-ink)!important;
}
.mobile-header .header-copy h1::after{
  background:linear-gradient(
    90deg,
    rgba(201,154,53,0) 0%,
    rgba(201,154,53,.72) 15%,
    rgba(201,154,53,.72) 85%,
    rgba(201,154,53,0) 100%
  )!important;
}
/* approved small square mark */
.mobile-header .header-copy h1::before{
  width:9px!important;
  height:9px!important;
  bottom:-1.5px!important;
  border-radius:1px!important;
  background:var(--cueva-shell-gold)!important;
  transform:translateX(-50%)!important;
  box-shadow:0 0 0 3px #fff!important;
}
.mobile-header #notificationButton{
  color:var(--cueva-shell-ink)!important;
}
.mobile-header #notificationButton::after{
  background:var(--cueva-shell-gold)!important;
}

/* Flat navigation: same white/black/gold language as the header */
.bottom-nav{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:calc(80px + var(--safe-bottom))!important;
  padding:9px 12px var(--safe-bottom)!important;
  border:0!important;
  border-top:1px solid rgba(17,19,23,.055)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 -5px 18px rgba(17,19,23,.035)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}

.nav-item{
  gap:5px!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--cueva-shell-muted)!important;
  font-size:10px!important;
  font-weight:500!important;
}
.nav-item i{
  font-size:20px!important;
  color:var(--cueva-shell-ink)!important;
}
.nav-item.active{
  color:var(--cueva-shell-gold)!important;
  background:transparent!important;
}
.nav-item.active i{
  color:var(--cueva-shell-gold)!important;
}
.nav-item.active::after{
  width:30px!important;
  height:3px!important;
  bottom:0!important;
  border-radius:99px!important;
  background:var(--cueva-shell-gold)!important;
}

/* Approved Live mark — no circle, no box */
.live-nav .live-signal-icon{
  display:block!important;
  width:34px!important;
  height:28px!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.live-nav .live-signal-icon .live-wave{
  fill:none;
  stroke:var(--cueva-shell-ink);
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.live-nav .live-signal-icon .live-dot{
  fill:var(--cueva-shell-gold);
}
.live-nav.active .live-signal-icon .live-wave{
  stroke:var(--cueva-shell-ink);
}
.live-nav.active .live-signal-icon .live-dot{
  fill:var(--cueva-shell-gold);
}
.live-nav.active{
  color:var(--cueva-shell-gold)!important;
}

/* Disable older generated Live artwork from v286 */
.live-nav .live-signal-icon::before,
.live-nav .live-signal-icon::after,
.live-nav .live-signal-icon b{
  content:none!important;
  display:none!important;
}

.nav-item:not(.active) span{
  color:#666b72;
}
.nav-item:not(.active) i{
  color:var(--cueva-shell-ink)!important;
}

@media(max-width:370px){
  .bottom-nav{
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .nav-item{font-size:9px!important;}
  .nav-item i{font-size:18px!important;}
  .live-nav .live-signal-icon{
    width:31px!important;
    height:25px!important;
  }
}
@media(min-width:700px){
  .bottom-nav{
    left:50%!important;
    right:auto!important;
    width:min(100%,700px)!important;
    transform:translateX(-50%)!important;
  }
}


/* =========================================================
   CUEVA shell v288 — bolder parlour name
   ========================================================= */
.mobile-header .header-copy h1{
  font-weight:600 !important;
}


/* =========================================================
   v313 — Premium profile/account sheet
   Same layout whether Quick Sale exists or not.
   ========================================================= */

#profileSheet .sheet-backdrop{
  background:rgba(10,12,15,.34)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

#profileSheet .sheet-card{
  padding:10px 18px calc(18px + var(--safe-bottom))!important;
  border-radius:28px 28px 0 0!important;
  background:#fff!important;
  box-shadow:0 -18px 55px rgba(17,18,23,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

#profileSheet .sheet-handle{
  width:34px!important;
  height:4px!important;
  margin:0 auto 18px!important;
  background:#d1d2d5!important;
}

#profileSheet .sheet-profile{
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:13px!important;
  padding:1px 2px 18px!important;
}

#profileSheet .sheet-profile>div{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  background:#17181a!important;
  color:#d2a33f!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:17px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}

#profileSheet .sheet-profile section{
  min-width:0!important;
}

#profileSheet .sheet-profile strong{
  overflow:hidden!important;
  color:#15171a!important;
  font-size:16px!important;
  font-weight:780!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#profileSheet .sheet-profile span{
  margin-top:5px!important;
  overflow:hidden!important;
  color:#989ba1!important;
  font-size:10px!important;
  font-weight:450!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#profileSheet .profile-sheet-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  margin:0!important;
}

#profileSheet .profile-sheet-actions .sheet-action{
  min-height:50px!important;
  margin:0!important;
  padding:0 14px!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  justify-items:start!important;
  border:1px solid rgba(17,18,23,.06)!important;
  border-radius:15px!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
}

#profileSheet .profile-sheet-actions .sheet-action i{
  font-size:13px!important;
}

#profileSheet .profile-sheet-actions .sheet-action.sale{
  background:#fbf6e9!important;
  border-color:#f2e7c9!important;
  color:#9d6d08!important;
}

#profileSheet .profile-sheet-actions .sheet-action.sale i{
  color:#c18a16!important;
}

#profileSheet .profile-sheet-actions .sheet-action.danger{
  background:#f7f7f8!important;
  border-color:#ececef!important;
  color:#b42318!important;
}

#profileSheet .profile-sheet-actions .sheet-action.danger i{
  color:#b42318!important;
}

/* No Quick Sale: Log out becomes one clean full-width action. */
#profileSheet .profile-sheet-actions:has(.sheet-action.sale[hidden]){
  grid-template-columns:1fr!important;
}

#profileSheet .profile-sheet-actions:has(.sheet-action.sale[hidden]) .sheet-action.danger{
  width:100%!important;
}

/* Ensure hidden optional actions truly disappear without leaving a gap. */
#profileSheet .profile-sheet-actions .sheet-action[hidden]{
  display:none!important;
}

@media(max-width:370px){
  #profileSheet .sheet-card{
    padding-left:15px!important;
    padding-right:15px!important;
  }

  #profileSheet .sheet-profile{
    grid-template-columns:44px minmax(0,1fr)!important;
  }

  #profileSheet .sheet-profile>div{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }

  #profileSheet .profile-sheet-actions{
    gap:8px!important;
  }

  #profileSheet .profile-sheet-actions .sheet-action{
    min-height:48px!important;
    padding:0 12px!important;
    font-size:10.5px!important;
  }
}


/* =========================================================
   v314 — Premium Log out confirmation
   ========================================================= */

.logout-confirm-sheet[hidden]{
  display:none!important;
}

.logout-confirm-sheet{
  position:fixed;
  inset:0;
  z-index:1400;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.logout-confirm-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(12,14,17,.38);
  opacity:0;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  transition:opacity .17s ease;
}

.logout-confirm-card{
  position:relative;
  z-index:1;
  width:min(100%,520px);
  padding:10px 20px calc(18px + var(--safe-bottom));
  border:0;
  border-radius:28px 28px 0 0;
  background:#fff;
  box-shadow:0 -20px 55px rgba(17,18,23,.18);
  text-align:center;
  transform:translateY(24px);
  opacity:0;
  transition:transform .17s ease,opacity .17s ease;
}

.logout-confirm-sheet.is-open .logout-confirm-backdrop{
  opacity:1;
}

.logout-confirm-sheet.is-open .logout-confirm-card{
  transform:translateY(0);
  opacity:1;
}

.logout-confirm-handle{
  width:34px;
  height:4px;
  margin:0 auto 18px;
  border-radius:999px;
  background:#d4d5d8;
}

.logout-confirm-icon{
  width:48px;
  height:48px;
  margin:0 auto 13px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#f8eeee;
  color:#b42318;
  font-size:18px;
}

.logout-confirm-card h2{
  margin:0;
  color:#15171a;
  font-size:20px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.025em;
}

.logout-confirm-card p{
  margin:7px auto 19px;
  max-width:290px;
  color:#898c92;
  font-size:12px;
  line-height:1.45;
}

.logout-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.logout-confirm-actions button{
  min-height:50px;
  border-radius:15px;
  font-size:12px;
  font-weight:750;
}

.logout-cancel-btn{
  border:1px solid #e9eaec;
  background:#f6f6f7;
  color:#313439;
}

.logout-confirm-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #f0d6d3;
  background:#faeeee;
  color:#b42318;
}

.logout-confirm-btn i{
  font-size:12px;
}

.logout-confirm-btn:disabled{
  opacity:.58;
}

@media(max-width:370px){
  .logout-confirm-card{
    padding-left:16px;
    padding-right:16px;
    border-radius:24px 24px 0 0;
  }

  .logout-confirm-actions{
    gap:8px;
  }
}

/* =========================================================
   CUEVA notification bell preview v462
   Latest 10 only; full history remains on Notifications page.
========================================================= */
.notification-popover[hidden]{display:none!important}
.notification-popover{
  position:fixed;
  z-index:260;
  top:calc(65px + var(--safe-top, 0px));
  right:12px;
  left:12px;
  display:flex;
  justify-content:flex-end;
  pointer-events:none;
}
.notification-popover-card{
  width:min(390px,100%);
  max-height:min(72dvh,610px);
  overflow:hidden;
  border:1px solid #e7e7e8;
  border-radius:20px;
  background:rgba(255,255,255,.985);
  box-shadow:0 22px 55px rgba(19,22,27,.18);
  pointer-events:auto;
}
.notification-popover-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px 11px;
  border-bottom:1px solid #efeff0;
}
.notification-popover-head>div{display:grid;gap:2px}
.notification-popover-head strong{font-size:14px;font-weight:850;letter-spacing:-.02em}
.notification-popover-head span{color:#999ba0;font-size:8px;font-weight:650}
.notification-popover-head button{
  display:grid;width:30px;height:30px;place-items:center;padding:0;
  border:1px solid #e7e7e8;border-radius:10px;background:#fafafa;color:#7d8086;font-size:10px;
}
.notification-popover-list{max-height:min(54dvh,455px);overflow:auto;overscroll-behavior:contain}
.notification-popover-row{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 7px;
  gap:10px;
  align-items:center;
  width:100%;
  min-height:69px;
  padding:10px 13px;
  border:0;
  border-bottom:1px solid #f1f1f2;
  background:#fff;
  color:inherit;
  text-align:left;
  font:inherit;
}
.notification-popover-row.unread{background:#fffdf7}
.notification-popover-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;font-size:12px}
.notification-popover-icon.booking{background:#f7f0dd;color:#9a7417}
.notification-popover-icon.wallet{background:#edf6ef;color:#2d7748}
.notification-popover-icon.alert{background:#fff0e8;color:#b45d26}
.notification-popover-copy{display:block;min-width:0}
.notification-popover-copy strong{display:block;overflow:hidden;color:#242529;font-size:9.5px;font-weight:830;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.notification-popover-copy span{display:-webkit-box;margin-top:3px;overflow:hidden;color:#777a80;font-size:8.3px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.notification-popover-copy small{display:block;margin-top:4px;color:#a4a6ab;font-size:7px;font-weight:650}
.notification-popover-dot{width:6px;height:6px;border-radius:50%;background:#d1a434}
.notification-popover-empty{display:grid;min-height:150px;place-items:center;align-content:center;gap:7px;padding:24px 18px;color:#888b91;text-align:center}
.notification-popover-empty i{font-size:18px;color:#b5b7bc}
.notification-popover-empty span{font-size:10px;font-weight:800;color:#55585e}
.notification-popover-empty small{max-width:250px;font-size:8px;line-height:1.4;color:#9b9da2}
.notification-view-all{
  display:flex;width:100%;min-height:45px;align-items:center;justify-content:center;gap:8px;
  padding:0 14px;border:0;border-top:1px solid #ededee;background:#fafafa;color:#9a7417;
  font:inherit;font-size:9px;font-weight:820;
}
.notification-view-all i{font-size:8px}
@media(min-width:620px){.notification-popover{left:auto;width:420px;right:17px}}


/* v472 subscription feature gate */
body.sales-plan-disabled #quickSaleButton { display:none !important; }


/* =========================================================
   CUEVA shell v289 — profile beside notifications
   Parlour name remains the main header identity.
   ========================================================= */
.mobile-header .header-copy h1{
  cursor:default;
}

/* Quick Sale stays out of the main header. Profile is now a visible peer of the bell. */
.mobile-header #quickSaleButton.header-sale-proxy,
.mobile-header #quickSaleButton.quick-sale-header-btn,
.mobile-header #quickSaleButton.quick-sale-pull-tab{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.mobile-header #profileButton.header-profile-proxy{
  position:relative;
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
  place-items:center;
  width:38px;
  min-width:38px;
  height:38px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(197,139,24,.32);
  border-radius:50%;
  background:#111820;
  color:#e7b94e;
  box-shadow:0 4px 12px rgba(17,24,32,.10);
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.02em;
  -webkit-tap-highlight-color:transparent;
}
.mobile-header #profileButton.header-profile-proxy[hidden]{
  display:grid!important;
}
.mobile-header #profileButton.header-profile-proxy:focus-visible{
  outline:2px solid rgba(197,139,24,.45);
  outline-offset:3px;
}
.mobile-header .header-actions{
  right:18px;
  bottom:17px;
  gap:9px;
}
.mobile-header #notificationButton{
  width:34px;
  min-width:34px;
  height:38px;
}
@media(max-width:420px){
  .mobile-header .header-copy{
    width:min(66vw,460px);
  }
  .mobile-header .header-actions{
    right:14px;
    gap:7px;
  }
  .mobile-header #profileButton.header-profile-proxy{
    width:36px;
    min-width:36px;
    height:36px;
    font-size:10px;
  }
  .mobile-header #notificationButton{
    width:31px;
    min-width:31px;
    height:36px;
  }
}
@media(max-width:370px){
  .mobile-header .header-copy{
    width:min(62vw,360px);
  }
  .mobile-header .header-actions{
    right:10px;
    gap:5px;
  }
}


/* =========================================================
   CUEVA shell v290 — compact SaaS header
   Parlour name left | notification + profile right.
   No decorative underline. Matching 40px action controls.
   ========================================================= */
.mobile-header{
  min-height:calc(72px + var(--safe-top))!important;
  padding:calc(10px + var(--safe-top)) 16px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(17,19,23,.055)!important;
  box-shadow:0 4px 16px rgba(17,19,23,.032)!important;
}

.mobile-header .header-copy{
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  pointer-events:none!important;
}
.mobile-header .header-copy h1{
  position:relative!important;
  margin:0!important;
  max-width:100%!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#111317!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:21px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  text-indent:0!important;
  text-transform:none!important;
  cursor:default!important;
}
.mobile-header .header-copy h1::before,
.mobile-header .header-copy h1::after{
  content:none!important;
  display:none!important;
}

.mobile-header .header-actions{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:88px!important;
  height:40px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

.mobile-header #notificationButton,
.mobile-header #profileButton.header-profile-proxy{
  position:relative!important;
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  box-sizing:border-box!important;
  -webkit-tap-highlight-color:transparent!important;
}

.mobile-header #notificationButton{
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#111317!important;
  box-shadow:none!important;
  font-size:21px!important;
}
.mobile-header #notificationButton::after{
  content:none!important;
  display:none!important;
}
.mobile-header #notificationCount{
  top:-1px!important;
  right:-2px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#ff3b30!important;
  color:#fff!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
}

.mobile-header #profileButton.header-profile-proxy{
  overflow:hidden!important;
  border:1px solid rgba(201,154,53,.42)!important;
  border-radius:50%!important;
  background:#111820!important;
  color:#d7a83f!important;
  box-shadow:none!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.mobile-header #profileButton.header-profile-proxy[hidden]{
  display:grid!important;
}
.mobile-header #notificationButton:focus-visible,
.mobile-header #profileButton.header-profile-proxy:focus-visible{
  outline:2px solid rgba(201,154,53,.42)!important;
  outline-offset:2px!important;
}

@media(max-width:370px){
  .mobile-header{
    padding-left:14px!important;
    padding-right:14px!important;
    gap:8px!important;
  }
  .mobile-header .header-copy h1{
    font-size:19px!important;
  }
  .mobile-header .header-actions{
    min-width:84px!important;
    gap:4px!important;
  }
}

/* CUEVA header refinement — larger brand + softer matching actions */
.mobile-header .header-copy h1{
  font-size:24px!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.04em!important;
}

.mobile-header #notificationButton,
.mobile-header #profileButton.header-profile-proxy{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  border-radius:14px!important;
}

.mobile-header #notificationButton{
  border:1px solid rgba(17,19,23,.07)!important;
  background:#f7f7f6!important;
  color:#16181c!important;
  box-shadow:0 1px 2px rgba(17,19,23,.03)!important;
  font-size:20px!important;
}

.mobile-header #profileButton.header-profile-proxy{
  border:1px solid rgba(183,136,38,.20)!important;
  background:#fbf5e8!important;
  color:#a87916!important;
  box-shadow:0 1px 2px rgba(17,19,23,.03)!important;
  font-size:12px!important;
  font-weight:850!important;
}

.mobile-header #notificationButton:active,
.mobile-header #profileButton.header-profile-proxy:active{
  transform:scale(.96)!important;
}

@media(max-width:370px){
  .mobile-header .header-copy h1{
    font-size:22px!important;
  }
}

/* CUEVA header final polish — tighter height + neutral cream profile */
.mobile-header{
  min-height:calc(64px + var(--safe-top))!important;
  padding:calc(7px + var(--safe-top)) 16px 7px!important;
}

.mobile-header #profileButton.header-profile-proxy{
  border-color:rgba(174,132,47,.16)!important;
  background:#faf7f0!important;
  color:#9b741f!important;
  box-shadow:0 1px 2px rgba(17,19,23,.025)!important;
}

@media(max-width:370px){
  .mobile-header{
    min-height:calc(62px + var(--safe-top))!important;
    padding:calc(6px + var(--safe-top)) 14px 6px!important;
  }
}

/* CUEVA bottom navigation polish — tighter vertical spacing */
.mobile-app{
  padding-bottom:calc(78px + var(--safe-bottom))!important;
}

.bottom-nav{
  height:calc(68px + var(--safe-bottom))!important;
  padding:5px 12px var(--safe-bottom)!important;
}

.nav-item{
  gap:3px!important;
  padding-top:2px!important;
  padding-bottom:4px!important;
}

.nav-item.active::after{
  bottom:1px!important;
}

@media(max-width:370px){
  .bottom-nav{
    height:calc(66px + var(--safe-bottom))!important;
    padding-top:4px!important;
    padding-bottom:var(--safe-bottom)!important;
  }
  .mobile-app{
    padding-bottom:calc(76px + var(--safe-bottom))!important;
  }
}

/* CUEVA parlour brand treatment — dark CUE + subtle gold MASTER */
.mobile-header .header-copy h1{
  display:inline-block!important;
  width:max-content!important;
  max-width:100%!important;
  color:#17191d!important;
  background:linear-gradient(90deg,
    #17191d 0%,
    #17191d 33.5%,
    #aa7b1c 33.5%,
    #aa7b1c 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  letter-spacing:-.045em!important;
  font-weight:700!important;
}

@media(max-width:370px){
  .mobile-header .header-copy h1{
    letter-spacing:-.04em!important;
  }
}

/* CUEVA parlour name — scalable neutral brand treatment for every parlour */
.mobile-header .header-copy{
  gap:9px!important;
}
.mobile-header .header-copy::before{
  content:""!important;
  display:block!important;
  flex:0 0 auto!important;
  width:3px!important;
  height:23px!important;
  border-radius:999px!important;
  background:#b88722!important;
  box-shadow:0 0 0 3px rgba(184,135,34,.07)!important;
}
.mobile-header .header-copy h1{
  width:auto!important;
  max-width:100%!important;
  color:#17191d!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:clamp(20px,6.1vw,24px)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(max-width:370px){
  .mobile-header .header-copy{
    gap:8px!important;
  }
  .mobile-header .header-copy::before{
    width:3px!important;
    height:21px!important;
  }
  .mobile-header .header-copy h1{
    font-size:clamp(19px,5.9vw,22px)!important;
    letter-spacing:-.03em!important;
  }
}

/* CUEVA parlour name — uppercase with first-letter gold accent */
.mobile-header .header-copy{
  gap:0!important;
}
.mobile-header .header-copy::before{
  content:none!important;
  display:none!important;
}
.mobile-header .header-copy h1{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  color:#17191d!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  text-transform:uppercase!important;
  font-size:clamp(20px,6.1vw,24px)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mobile-header .header-copy h1::first-letter{
  color:#b88722!important;
  -webkit-text-fill-color:#b88722!important;
}

@media(max-width:370px){
  .mobile-header .header-copy h1{
    font-size:clamp(19px,5.9vw,22px)!important;
    letter-spacing:-.03em!important;
  }
}

/* CUEVA parlour name — clean universal brand + gold end dot */
.mobile-header .header-copy{
  gap:0!important;
}
.mobile-header .header-copy::before{
  content:none!important;
  display:none!important;
}
.mobile-header .header-copy h1{
  flex:0 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:calc(100% - 14px)!important;
  color:#17191d!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#17191d!important;
  text-transform:uppercase!important;
  font-size:clamp(20px,6.1vw,24px)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mobile-header .header-copy h1::first-letter{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
.mobile-header .header-copy::after{
  content:""!important;
  display:block!important;
  flex:0 0 auto!important;
  width:6px!important;
  height:6px!important;
  margin-left:7px!important;
  border-radius:50%!important;
  background:#b88722!important;
  box-shadow:0 0 0 3px rgba(184,135,34,.08)!important;
}
@media(max-width:370px){
  .mobile-header .header-copy h1{
    font-size:clamp(19px,5.9vw,22px)!important;
  }
  .mobile-header .header-copy::after{
    width:5px!important;
    height:5px!important;
    margin-left:6px!important;
  }
}

/* CUEVA parlour name — final clean universal style */
.mobile-header .header-copy{
  gap:0!important;
}
.mobile-header .header-copy::before,
.mobile-header .header-copy::after{
  content:none!important;
  display:none!important;
}
.mobile-header .header-copy h1{
  flex:0 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  color:#17191d!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#17191d!important;
  text-transform:uppercase!important;
  font-size:clamp(20px,6.1vw,24px)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mobile-header .header-copy h1::first-letter{
  color:#17191d!important;
  -webkit-text-fill-color:#17191d!important;
}
@media(max-width:370px){
  .mobile-header .header-copy h1{
    font-size:clamp(19px,5.9vw,22px)!important;
    letter-spacing:-.03em!important;
  }
}

/* v872 — notifications left, parlour name centered, profile right. */
.mobile-header {
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  align-items:center!important;
  column-gap:10px!important;
}
.mobile-header>#notificationButton {
  grid-column:1!important;grid-row:1!important;
  justify-self:start!important;
}
.mobile-header>.header-copy {
  grid-column:2!important;grid-row:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
  text-align:center!important;
}
.mobile-header .header-copy h1 {
  width:100%!important;max-width:100%!important;margin:0!important;
  text-align:center!important;font-size:clamp(18px,5.5vw,24px)!important;
}
.mobile-header>.header-actions {
  grid-column:3!important;grid-row:1!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  width:40px!important;min-width:40px!important;gap:0!important;margin:0!important;
}
.mobile-header #profileButton { margin:0!important; }
@media(max-width:370px) {
  .mobile-header { column-gap:8px!important; }
  .mobile-header .header-copy h1 { font-size:clamp(17px,5.4vw,20px)!important; }
}
@media(min-width:620px) {
  .notification-popover { left:17px;right:auto; }
}

/* v875 — black lettering with a subtle light-gold outline. */
.mobile-header .header-copy h1,
.mobile-header .header-copy h1::first-letter {
  color:#17191d!important;
  -webkit-text-fill-color:#17191d!important;
  -webkit-text-stroke:.45px #d6bd7e!important;
  paint-order:stroke fill;
}
.mobile-header .header-copy h1 {
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  min-height:0!important;
  line-height:1.08!important;
}

/* v876 — bare notification and menu icons, retaining their touch targets. */
.mobile-header #notificationButton,
.mobile-header #profileButton.header-profile-proxy {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#17191d!important;
}
.mobile-header #profileButton.header-profile-proxy { font-size:21px!important; }
.mobile-header #profileButton #profileInitial { display:none!important; }
.mobile-header #profileButton>i { display:block!important; }

/* v877 — compact Instagram-style shell, preserving iPhone safe areas. */
.mobile-app {
  padding-bottom:calc(60px + var(--safe-bottom,0px))!important;
}
.mobile-header {
  box-sizing:border-box!important;
  min-height:calc(52px + var(--safe-top,0px))!important;
  padding:calc(4px + var(--safe-top,0px)) 14px 4px!important;
}
.bottom-nav {
  box-sizing:border-box!important;
  height:calc(52px + var(--safe-bottom,0px))!important;
  min-height:0!important;
  padding:4px 8px var(--safe-bottom,0px)!important;
  bottom:0!important;
  border-radius:0!important;
}
.bottom-nav .nav-item {
  min-height:44px!important;
  padding:0!important;
  gap:0!important;
  align-content:center!important;
}
.bottom-nav .nav-item i { font-size:24px!important; }
.bottom-nav .nav-item>svg { width:28px!important;height:28px!important; }
.bottom-nav .nav-item.active::after { display:none!important; }
#pageContent .settings-page .settings-detail-actions {
  bottom:calc(60px + var(--safe-bottom,0px))!important;
}

/* v878 — compact navigation with both icons and visible labels. */
.mobile-app { padding-bottom:calc(68px + var(--safe-bottom,0px))!important; }
.bottom-nav {
  height:calc(60px + var(--safe-bottom,0px))!important;
  padding:4px 8px var(--safe-bottom,0px)!important;
}
.bottom-nav .nav-item { min-height:52px!important;gap:3px!important; }
.bottom-nav .nav-item>span {
  position:static!important;display:block!important;
  width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;
  overflow:visible!important;clip:auto!important;clip-path:none!important;
  font-size:10px!important;line-height:1.2!important;
}
#pageContent .settings-page .settings-detail-actions {
  bottom:calc(68px + var(--safe-bottom,0px))!important;
}

/* v879 — explicitly render all five labels below their icons. */
.mobile-app>nav.bottom-nav>button.nav-item {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}
.mobile-app>nav.bottom-nav>button.nav-item>span {
  display:block!important;
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;height:auto!important;
  max-height:none!important;
  margin:0!important;padding:0!important;
  overflow:visible!important;
  clip:auto!important;clip-path:none!important;
  transform:none!important;text-indent:0!important;
  font-size:10px!important;line-height:13px!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

/* v880 — coordinated left notification and right action dropdowns. */
#notificationPopover {
  top:var(--header-popover-top,calc(60px + var(--safe-top,0px)))!important;
  left:14px!important;right:auto!important;
  width:min(390px,calc(100vw - 28px))!important;
  justify-content:flex-start!important;
}
#profileSheet { position:fixed!important;inset:0!important;z-index:260!important;background:transparent!important;backdrop-filter:none!important; }
#profileSheet[hidden] { display:none!important; }
#profileSheet #profileBackdrop {
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  border:0!important;background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#profileSheet .sheet-card {
  position:fixed!important;
  top:var(--header-popover-top,calc(60px + var(--safe-top,0px)))!important;
  right:14px!important;bottom:auto!important;left:auto!important;
  width:min(270px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - var(--header-popover-top,100px) - 24px)!important;
  overflow:auto!important;margin:0!important;padding:0!important;
  border:1px solid #e7e7e8!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 22px 55px rgba(19,22,27,.18)!important;
  transform:none!important;
}
#profileSheet .sheet-handle,#profileSheet .sheet-profile { display:none!important; }
#profileSheet .header-menu-heading { padding:16px;font-size:15px;font-weight:800;color:#18191d;border-bottom:1px solid #ececef; }
#profileSheet .profile-sheet-actions { display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;margin:0!important; }
#profileSheet .profile-sheet-actions .sheet-action {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;min-height:54px!important;width:100%!important;
  padding:14px 16px!important;margin:0!important;
  border:0!important;border-bottom:1px solid #ececef!important;
  border-radius:0!important;background:#fff!important;box-shadow:none!important;
  color:#18191d!important;font-size:13px!important;font-weight:650!important;
}
#profileSheet .profile-sheet-actions .sheet-action[hidden] { display:none!important; }
#profileSheet .profile-sheet-actions .sheet-action:last-child { border-bottom:0!important; }
#profileSheet .sheet-action i { width:20px!important;font-size:16px!important;color:#9a7626!important;text-align:center; }
#profileSheet .sheet-action.danger,#profileSheet .sheet-action.danger i { color:#b83232!important; }
#profileSheet .sheet-action:active { background:#faf7ed!important; }

/* v881 — smaller right-side menu with a softer shadow. */
#profileSheet .sheet-card {
  width:min(238px,calc(100vw - 28px))!important;
  border-radius:17px!important;
  box-shadow:0 10px 28px rgba(19,22,27,.11)!important;
}
#profileSheet .header-menu-heading { padding:12px 14px;font-size:13px; }
#profileSheet .profile-sheet-actions .sheet-action {
  min-height:48px!important;padding:12px 14px!important;
  gap:10px!important;font-size:12px!important;
}
#profileSheet .sheet-action i { font-size:15px!important; }

/* v882 — compact notification dropdown; outside tap closes it. */
#notificationPopover {
  width:min(340px,calc(100vw - 28px))!important;
}
#notificationPopover .notification-popover-card {
  width:100%!important;border-radius:17px!important;
  box-shadow:0 10px 28px rgba(19,22,27,.11)!important;
}
#notificationPopover .notification-popover-head { padding:12px 14px!important; }
#notificationPopover .notification-popover-head strong { font-size:13px!important; }
#notificationPopover .notification-popover-head span { font-size:9px!important; }
#notificationPopover #notificationPopoverClose { display:none!important; }
#notificationPopover .notification-popover-row {
  min-height:60px!important;padding:10px 14px!important;
  grid-template-columns:30px minmax(0,1fr) 7px!important;gap:9px!important;
}
#notificationPopover .notification-popover-icon {
  width:30px!important;height:30px!important;border-radius:10px!important;
}
#notificationPopover .notification-view-all { min-height:44px!important;padding:12px 14px!important;font-size:11px!important; }

/* v890 — focused Business tools screens */
body:has(.business-subpage-header) .mobile-app>.mobile-header,
body:has(.business-subpage-header) .mobile-app>.bottom-nav{display:none!important}
body:has(.business-subpage-header) .mobile-app{padding-bottom:0!important;background:#fff!important}
body:has(.business-subpage-header) #pageContent{padding:calc(8px + var(--safe-top,0px)) 14px calc(20px + var(--safe-bottom,0px))!important;min-height:100dvh;align-content:start;background:#fff!important}
#pageContent .business-subpage-header{position:sticky!important;top:var(--safe-top,0px)!important;z-index:30!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;min-height:52px!important;padding:4px 0!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid #f0f0f2!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
#pageContent .business-subpage-header>div:not(.title-actions){grid-column:2!important;min-width:0!important;text-align:center!important}
#pageContent .business-subpage-header h2{margin:0!important;font-size:19px!important;font-weight:750!important;line-height:1.25!important;letter-spacing:-.025em!important;color:#18191d!important}
#pageContent .business-subpage-header>div:not(.title-actions)>:not(h2){display:none!important}
#pageContent .business-subpage-header>button:first-child,
#pageContent .business-subpage-header>a:first-child{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#18191d!important;font-size:20px!important;box-shadow:none!important}
#pageContent .business-subpage-header>.title-actions{grid-column:3!important;margin:0!important;display:flex!important;justify-content:flex-end!important}
#pageContent .business-subpage-header>button:last-child,
#pageContent .business-subpage-header .title-actions button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;color:#18191d!important;box-shadow:none!important;font-size:0!important}
#pageContent .business-subpage-header>button:last-child span{display:none!important}
#pageContent .business-subpage-header>button:last-child i,
#pageContent .business-subpage-header .title-actions button i{font-size:20px!important;color:#18191d!important}

/* v1038 compact account menu */
#profileSheet .sheet-card{width:min(280px,calc(100vw - 28px))!important;min-height:0!important;border-radius:18px!important;padding:0!important;overflow:hidden!important;}
#profileSheet .header-menu-heading{display:none!important;}
#profileSheet .sheet-profile{display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important;margin:0!important;border-bottom:1px solid #ececef!important;}
#profileSheet .sheet-profile>div{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;background:#f7f2e2!important;color:#947b35!important;font-family:inherit!important;font-size:13px!important;}
#profileSheet .sheet-profile section{display:flex!important;flex-direction:column!important;gap:4px!important;}
#profileSheet .sheet-profile strong{font-size:14px!important;line-height:1.4!important;}
#profileSheet .sheet-profile span{font-size:12px!important;margin:0!important;line-height:1.4!important;}
#profileSheet .profile-sheet-actions{display:flex!important;flex-direction:column!important;gap:0!important;padding:6px!important;background:#fff!important;}
#profileSheet .profile-sheet-actions .sheet-action{min-height:44px!important;height:44px!important;border:0!important;border-radius:10px!important;justify-content:flex-start!important;padding:0 12px!important;background:#fff!important;font-size:14px!important;}
#profileSheet .profile-sheet-actions .sheet-action:hover{background:#f8f8fa!important;}
#profileSheet .profile-sheet-actions .sheet-action i{font-size:15px!important;}
#profileButton .fa-circle-user{display:block!important;font-size:23px!important;}

/* v1039 restrained account popover */
#profileSheet .sheet-card{width:min(230px,calc(100vw - 28px))!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(0,0,0,.10)!important;}
#profileSheet .sheet-profile{padding:13px 14px!important;gap:10px!important;}
#profileSheet .sheet-profile>div{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;font-size:12px!important;}
#profileSheet .sheet-profile strong{font-size:14px!important;font-weight:650!important;}
#profileSheet .sheet-profile span{font-size:11px!important;}
#profileSheet .profile-sheet-actions{padding:4px 0!important;}
#profileSheet .profile-sheet-actions .sheet-action,
#profileSheet .profile-sheet-actions .sheet-action.danger{background:transparent!important;border-radius:0!important;height:42px!important;min-height:42px!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important;}
#profileSheet .profile-sheet-actions .sheet-action.danger{color:#aa4c43!important;}
#profileSheet .profile-sheet-actions .sheet-action.danger i{color:#aa4c43!important;}

.checkout-parlour-reward { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:12px 0; padding:14px; border:1px solid #e4d8b6; background:#faf7ed; border-radius:14px; color:#877033; }
.checkout-parlour-reward[hidden] { display:none; }
.checkout-parlour-reward span { display:grid; gap:5px; }
.checkout-parlour-reward b { font-size:14px; }
.checkout-parlour-reward small { font-size:12px; line-height:1.45; color:#858892; }
.checkout-parlour-reward strong { white-space:nowrap; }

/* Live alert permission and foreground notices. */
.live-push-enable-card{position:fixed;left:14px;right:14px;bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:2147483000;padding:18px;border:1px solid #e5dfcf;border-radius:20px;background:#fff;box-shadow:0 12px 40px #17191c1f;font-family:inherit;box-sizing:border-box;max-width:540px;margin-inline:auto;}
.live-push-prompt-head{display:flex;align-items:flex-start;gap:12px;}
.live-push-ui-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#f7f1df;color:#9a7e34;font-size:18px;}
.live-push-prompt-head>div{min-width:0;flex:1;}
.live-push-prompt-head strong{display:block;font-size:15px;line-height:1.4;color:#202124;}
.live-push-prompt-head p{margin:5px 0 0;font-size:12px;line-height:1.55;color:#85868b;}
.live-push-prompt-actions{display:flex;gap:10px;margin-top:16px;}
.live-push-prompt-actions button{flex:1;min-height:43px;padding:10px 12px;border:1px solid #e3e4e8;border-radius:12px;background:#fff;font-family:inherit;font-size:13px;font-weight:650;color:#65676d;cursor:pointer;}
.live-push-prompt-actions button:last-child{flex:1.4;background:#f7f1df;border-color:#e9d9ac;color:#8e7130;}
.live-push-prompt-actions button:disabled{opacity:.65;cursor:wait;}
.live-push-inline-help{margin:14px 0 0;padding:11px 12px;border-radius:11px;background:#fff5ef;color:#9b5d3d;font-size:12px;line-height:1.55;}
.live-push-inline-help[hidden]{display:none;}
.live-push-foreground{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:14px;right:14px;z-index:2147483000;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e5dfcf;border-radius:17px;background:#fff;text-align:left;box-shadow:0 10px 35px #17191c24;font-family:inherit;color:#292b30;}
.live-push-toast-copy{flex:1;min-width:0;}
.live-push-toast-copy strong{display:block;font-size:14px;line-height:1.4;}
.live-push-toast-copy>span{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#85868b;}
.live-push-foreground>i{color:#9a7e34;font-size:11px;}
.live-push-foreground.is-ended{border-color:#edcfc7;}
.live-push-foreground.is-ended .live-push-ui-icon{background:#fff0eb;color:#b15f48;}
.live-push-status-notice{position:fixed;left:14px;right:14px;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:2147483001;display:flex;align-items:center;gap:12px;max-width:500px;margin-inline:auto;padding:14px 16px;border:1px solid #dce8df;border-radius:16px;background:#fff;box-shadow:0 10px 35px #17191c24;font-family:inherit;font-size:13px;line-height:1.5;color:#34383a;}
.live-push-status-notice .live-push-ui-icon{background:#edf6ef;color:#588369;}
.live-push-status-notice.is-error{border-color:#edcfc7;}
.live-push-status-notice.is-error .live-push-ui-icon{background:#fff0eb;color:#b15f48;}

/* Catalog subscription prompt */
.catalog-subscription-overlay{position:fixed;inset:0;z-index:10050;background:rgba(20,20,22,.34);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;backdrop-filter:blur(3px)}
.catalog-subscription-dialog{width:100%;max-width:380px;background:#fff;border:1px solid #e8dfc5;border-radius:26px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.14);box-sizing:border-box}
.catalog-subscription-icon{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:18px;background:#f6efdc;color:#9d8035;font-size:24px;margin-bottom:20px}
.catalog-subscription-dialog h2{font-size:22px;line-height:1.3;color:#191a1d;margin:0 0 12px}
.catalog-subscription-dialog p{font-size:15px;line-height:1.6;color:#787b83;margin:0 0 24px}
.catalog-subscription-actions{display:flex;gap:10px}
.catalog-subscription-actions button{min-height:46px;border:1px solid #e6e6eb;border-radius:14px;background:#fff;color:#60636b;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}
.catalog-subscription-actions [data-catalog-plans]{flex:1;background:#f5eedb;border-color:#e9ddba;color:#896f2c}
.catalog-subscription-actions i{margin-left:8px}