/* The commercial action uses the client's existing accent and shared chrome. */
#brandbar #salesPrimary{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);min-height:40px;height:40px;max-width:210px;padding:0 16px;border-radius:6px;font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),filter .2s}  /* the site's button grammar (2026-09-23) */
#brandbar #salesPrimary:hover{filter:brightness(1.08);transform:translateY(-2px)}
#brandbar #salesPrimary:active{transform:translateY(1px)}
#brandbar #salesPrimary:focus-visible{outline:2px solid var(--white);outline-offset:4px}
.sales-secondary{font-weight:400}
.sales-request-note{color:var(--ink-dim);font:13px/1.6 var(--sans);margin:0 0 18px}
@media(max-width:1100px){
 #brandbar{height:auto;min-height:104px;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px}
 #brandbar .brand-center{position:static;inset:auto;transform:none;justify-content:flex-start;min-height:40px;width:auto}
 #brandbar .brand-hero{height:40px;width:auto;max-width:120px;margin:0}
 #brandbar #hdrAct,body:is(.on-content-browser,.on-asset-stage) #brandbar #hdrAct{position:static;inset:auto;transform:none;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}
 #brandbar #salesPrimary{margin-right:auto;max-width:180px;padding:8px 14px;font-size:12px}
 #brandbar #collectionBar{position:static;order:3;transform:none;width:100%}
 body.on-content-browser #viewport #console.solo{top:calc(var(--sales-header-h,110px) + 12px)}
 #conciergePage{--cq-top:calc(var(--sales-header-h,110px) + 12px)}
 .iv-toolbar{top:calc(var(--sales-header-h,110px) + 8px)}
 .iv-interactive .iv-canvas{top:calc(var(--sales-header-h,110px) + 56px)}
 .iv-spaces{top:calc(var(--sales-header-h,110px) + 60px)}
 #viewport.hero-mode .hero.hero-v4{padding-top:calc(var(--sales-header-h,110px) + 24px)}
}

@media(max-width:760px){
 /* Keep the feature-list toggle clear of the pinned booking button. */
 .iv-stage:not(:fullscreen):not(.iv-multiple) .ix-bar{bottom:calc(var(--iv-bottom) + 8px)}
 .iv-stage:not(:fullscreen).iv-multiple:not(.ix-feature-open) .iv-story{bottom:calc(var(--iv-bottom) + 124px)}
 .ch-secondary{flex-wrap:wrap;gap:6px 18px}
}
@media(min-width:761px) and (max-width:1100px){
 .iv-story,.ix-card{top:calc(var(--sales-header-h,110px) + 60px);max-height:calc(100% - var(--sales-header-h,110px) - 60px - var(--iv-bottom) - 64px)}
}

/* A dedicated dock destination with the same request delivery as Concierge. */
#salesPage[hidden]{display:none!important}
#salesPage{position:absolute;z-index:32;inset:calc(var(--sales-header-h,100px) + 16px) 5% calc(var(--foot-h,80px) + var(--hud-h,100px) + 32px);display:flex;align-items:center;justify-content:center;min-height:0}
.sales-panel{width:min(100%,760px);max-height:100%;display:flex;flex-direction:column;border:1px solid var(--line-bright);border-radius:24px;background:var(--panel);backdrop-filter:blur(24px);overflow:hidden}
.sales-panel-head{padding:20px 28px 12px;border-bottom:1px solid var(--line);flex:none}
.sales-panel-head h1{font:400 clamp(24px,3vw,36px)/1.15 var(--sans);margin:18px 0 8px;color:var(--chrome)}
#salesBody{padding:24px 28px;overflow:auto;overscroll-behavior:contain;min-height:0}
#salesBody .field{margin-bottom:14px}
#salesBody :is(input,textarea,select){width:100%;box-sizing:border-box}
#salesBody .panel-h{display:none}
#salesBody .btn{min-height:44px}
.sales-property{font:400 20px/1.4 var(--sans);color:var(--chrome);margin:0 0 16px}
body.on-sales #console,body.on-sales #subtabs{visibility:hidden;pointer-events:none}
#navTabs [data-key="sales"] i{color:var(--accent)}
@media(max-width:760px){#salesPage{left:12px;right:12px;top:calc(var(--sales-header-h,110px) + 8px);bottom:calc(var(--foot-h,56px) + var(--hud-h,116px) + 42px)}.sales-panel-head{padding:12px 18px}.sales-panel-head h1{margin-top:12px}#salesBody{padding:18px}}
/* THE RATE CARD (2026-10-11) — the Book/Buy door's plans, packages or rates, above the request */
.rate-group{margin:0 0 22px}
.rate-group-h{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 12px}
.rate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.rate-item{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}
.rate-badge{align-self:flex-start;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:5px 8px}
.rate-name{font:400 18px/1.25 var(--sans);color:var(--chrome);margin:2px 0 0}
.rate-price{margin:0;color:#fff;font:400 15px/1.3 var(--sans)}
.rate-price b{font-weight:600;font-size:20px}
.rate-price small{color:var(--ink-dim);font-size:12px}
.rate-note{margin:0;color:var(--ink-dim);font:13px/1.5 var(--sans);flex:1}
.rate-item .btn{margin-top:6px;min-height:44px;align-self:stretch;justify-content:center}
.rate-ask{display:flex;justify-content:center;padding:4px 0 6px}
.rate-ask .btn{min-height:44px}
@media(max-width:760px){.rate-grid{grid-template-columns:1fr}}
/* THE SHEET (2026-10-11) — the dock's Share and Home's "See the demos", in the Book/Buy panel's look */
#sheetPage[hidden]{display:none!important}
#sheetPage{position:absolute;z-index:33;inset:calc(var(--sales-header-h,100px) + 16px) 5% calc(var(--foot-h,80px) + var(--hud-h,100px) + 32px);display:flex;align-items:center;justify-content:center;min-height:0}
#sheetBody{padding:22px 28px 26px;overflow:auto}
.sheet-link{display:flex;gap:8px;align-items:stretch;margin:0 0 14px}
.sheet-link input{flex:1;min-width:0;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-bright);background:rgba(255,255,255,.04);color:#fff;font:13px var(--mono)}
.sheet-link .btn{min-height:44px;white-space:nowrap}
.sheet-acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.sheet-acts .btn{min-height:44px;text-decoration:none}
.sheet-qr{display:flex;align-items:center;gap:14px;color:var(--ink-dim);font:12px var(--sans)}
.sheet-qr canvas{width:120px;height:120px;border-radius:10px;background:#fff;padding:6px}
.sheet-locs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
body.dock-share :is(#hdrShare,#hdrAct .studio-share-door){display:none!important}
html[data-showcase-ui] body.dock-share #brandbar #hdrAct .studio-share-door{display:none!important}   /* beats showcase-story.css's phone rule (display:flex!important) */   /* Explore together lives on Home + in the Share sheet; 'Return to session' still shows */
@media(max-width:760px){#sheetPage{left:12px;right:12px;top:calc(var(--sales-header-h,110px) + 8px);bottom:calc(var(--foot-h,56px) + var(--hud-h,116px) + 42px)}#sheetBody{padding:18px}.sheet-link{flex-direction:column}.sheet-qr canvas{width:100px;height:100px}}
/* the demos sheet's cards — the Home location card, outside #heroLayer */
.sheet-locs .home-loc{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--line-bright);background:rgba(10,13,16,.5);color:#fff;text-decoration:none;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}
.sheet-locs .home-loc:is(:hover,:focus-visible){transform:translateY(-3px);border-color:var(--accent);box-shadow:0 18px 40px rgba(0,0,0,.4);outline:none}
.sheet-locs .home-loc .hl-img{position:absolute;inset:0;background:#0b0d0f center/cover no-repeat;transition:transform 1.2s ease}
.sheet-locs .home-loc:hover .hl-img{transform:scale(1.05)}
.sheet-locs .home-loc::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,12,.88),rgba(4,8,12,.25) 55%,rgba(4,8,12,0))}
.sheet-locs .home-loc .hl-words{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.sheet-locs .home-loc small{font:400 9px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.sheet-locs .home-loc b{font:400 22px/1.05 'Bodoni 72',Didot,'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em}
.sheet-locs .home-loc i{font:400 9px var(--mono);letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:#ffffffc8;margin-top:3px}