body:has(> header.has-public-video-header){--public-header-height:168px}
/* One public-header component; legacy .header-inner layout stays in the owner area. */
.public-header-controls{box-sizing:border-box;position:relative;display:grid;grid-template-columns:44px max-content minmax(0,1fr) auto;align-items:center;gap:12px;width:min(1180px,100%);margin:0 auto;padding:12px 20px;min-width:0}
.public-header-control,.public-header-actions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid #465164;border-radius:10px;background:#141a24;color:#fff;font:500 13px/1.2 system-ui,-apple-system,sans-serif;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.public-header-control svg,.public-header-video svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.public-header-control:active,.public-header-actions a:active{transform:scale(.97)}
.public-header-control:focus-visible,.public-header-actions a:focus-visible,.public-header-video:focus-visible,.public-header-logo:focus-visible{outline:2px solid #e6d6ff;outline-offset:3px}
.public-header-logo{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;margin:0;color:#fff;text-decoration:none;white-space:nowrap;font-family:system-ui,-apple-system,sans-serif;font-size:var(--admin-logo-size-v1101,28px);font-weight:850;line-height:1.1;letter-spacing:-.6px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.public-header-logo:active{transform:scale(.98)}
.public-header-account,.public-header-city{display:none}
.public-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.public-header-actions a{background:transparent;border-color:#465164;font-size:12px;white-space:nowrap}
.public-header-actions .public-header-exit{border-color:#a45065}
.public-header-cities{grid-column:1/-1;min-width:0;justify-self:start;max-width:100%}
.public-header-video{position:relative;isolation:isolate;display:flex;overflow:hidden;border:1px solid #a77add;border-radius:11px;padding:0;min-height:42px;color:#fff;background:#211c2d;text-decoration:none;box-shadow:0 0 10px #ab77e51c;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.public-header-video-face{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;margin:1px;padding:8px 11px;border-radius:9px;background:#191e29;min-height:38px;box-sizing:border-box;min-width:0;flex:1}
.public-header-video-label{font:600 12px/1.15 system-ui,-apple-system,sans-serif;color:#fff;white-space:nowrap}
.public-header-video-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;width:20px;height:20px;flex:none}
.public-header-video:hover .public-header-video-face{background:#252137}
.public-header-video:active .public-header-video-face{background:#30263f}
@supports(background:conic-gradient(from 0deg,#a77add,#7bcaff)){
 .public-header-video::before{content:'';position:absolute;z-index:-1;inset:-180%;background:conic-gradient(transparent 0deg 95deg,#a875ee 125deg,#d3b8ff 145deg,transparent 170deg 275deg,#63b7ef 305deg,#b4e8ff 325deg,transparent 350deg);animation:public-video-edge 6s linear infinite;pointer-events:none}
}
@keyframes public-video-edge{to{transform:rotate(360deg)}}
.public-header-video.is-pending{cursor:progress}
.public-header-video.is-pending .public-header-video-icon svg{visibility:hidden}
.public-header-video.is-pending .public-header-video-icon::after{content:'';position:absolute;inset:2px;border:2px solid #ffffff42;border-top-color:#fff;border-radius:50%;animation:public-video-edge .7s linear infinite}
.public-header-controls.header-motion-paused .public-header-video::before{animation-play-state:paused}
@media(max-width:900px){
 /* Reserve the actual first-paint header height; JS must not collapse the catalog later. */
 body:has(> header.has-public-video-header){--public-header-height:68px}
 body:has(> header.has-public-video-header.site-header-signed-in-v453):not(:has(> header .public-header-controls.owner-catalog-compact)){--public-header-height:114px}
 body:has(> header.has-public-video-header .public-header-controls.mobile-logo-large-v2){--public-header-height:100px}
 body:has(> header.has-public-video-header .public-header-controls.mobile-logo-large-v2.owner-catalog-compact){--public-header-height:94px}
 .site-header.has-public-video-header .public-header-controls{display:grid;grid-template-columns:44px max-content minmax(0,1fr);grid-template-rows:52px 38px;column-gap:7px;row-gap:5px;width:100%;max-width:100%;min-height:0;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));overflow:hidden}
 .site-header.has-public-video-header .public-header-menu{grid-column:1;grid-row:1;width:44px;min-height:44px;padding:10px}
 .site-header.has-public-video-header .public-header-menu>span{display:none}
 .site-header.has-public-video-header .public-header-video{grid-column:2;grid-row:1;width:max-content;min-height:44px;border-radius:12px}
 .site-header.has-public-video-header .public-header-video-face{padding:7px 9px;gap:5px;min-height:40px}
 .site-header.has-public-video-header .public-header-video-label{font-size:11.5px;white-space:nowrap}
 .site-header.has-public-video-header .public-header-video-icon{width:18px;height:18px}
 .site-header.has-public-video-header .public-header-video svg{width:18px;height:18px}
 .site-header.has-public-video-header .public-header-logo{grid-column:3;grid-row:1;min-width:0;max-width:100%;overflow:hidden;justify-self:end;font-size:var(--admin-mobile-logo-size-v1,19px);letter-spacing:-.5px;gap:.22em}
 .site-header.has-public-video-header .public-header-account{grid-column:1/3;grid-row:2;display:inline-flex;justify-self:start;min-width:0;max-width:100%;min-height:36px;padding:7px 10px;white-space:nowrap;font-size:11.5px}
 .site-header.has-public-video-header .public-header-city{grid-column:3;grid-row:2;display:inline-flex;justify-self:end;width:auto;min-width:0;max-width:min(100%,220px);min-height:36px;padding:7px 10px;white-space:nowrap;font-size:12px}
 /* Guests: stable four-element row: menu | video | logo | city. */
 .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-controls{grid-template-columns:40px max-content minmax(0,1fr) minmax(66px,94px);grid-template-rows:52px;column-gap:7px;row-gap:0;min-height:68px;padding:8px max(12px,env(safe-area-inset-left)) 8px max(12px,env(safe-area-inset-right))}
 .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-menu{grid-column:1;grid-row:1;width:40px;min-height:40px;padding:8px}
 .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-video{grid-column:2;grid-row:1;min-height:40px}
 .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-video-face{min-height:36px;padding:6px 7px;gap:4px}
 .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-video-label{font-size:10.5px}
 .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-logo{grid-column:3;grid-row:1;justify-self:center;font-size:var(--admin-mobile-logo-size-v1,19px);letter-spacing:-.6px;gap:.22em}
 .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-city{grid-column:4;grid-row:1;justify-self:stretch;width:100%;max-width:100%;min-height:36px;padding:6px;justify-content:center;font-size:10.5px}
 .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-city>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 @media(max-width:359px){
  .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-controls{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);grid-template-rows:44px 34px;column-gap:6px;row-gap:3px}
  .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-menu{grid-column:1;grid-row:1;width:38px}
  .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-video{grid-column:2;grid-row:1;justify-self:start}
  .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-logo{grid-column:3;grid-row:1;justify-self:end}
  .site-header.has-public-video-header:not(.site-header-signed-in-v453) .public-header-city{grid-column:1/-1;grid-row:2;justify-self:center;width:auto;min-width:92px;max-width:65%}
 }
 
 .site-header.has-public-video-header .public-header-account svg,.site-header.has-public-video-header .public-header-city svg{display:none}
 .site-header.has-public-video-header .public-header-city>span{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .site-header.has-public-video-header .public-header-actions,.site-header.has-public-video-header .public-header-cities,.site-header.has-public-video-header .public-header-balance{display:none}
 /* Owner browsing the catalog: three evenly spaced items, with safe side gutters. */
 .site-header.has-public-video-header .public-header-controls.owner-catalog-compact{grid-template-columns:minmax(0,1fr) minmax(0,1.26fr) minmax(0,1fr);grid-template-rows:52px;column-gap:5px;row-gap:0;min-height:68px;padding:8px max(12px,env(safe-area-inset-left)) 8px max(12px,env(safe-area-inset-right));overflow:hidden}
 .site-header.has-public-video-header .owner-catalog-compact .public-header-menu,.site-header.has-public-video-header .owner-catalog-compact .public-header-city{display:none}
 .site-header.has-public-video-header .owner-catalog-compact .public-header-account{grid-column:1;grid-row:1;display:inline-flex;justify-self:start;max-width:100%;padding:7px 8px;min-height:36px;font-size:clamp(10px,2.7vw,12px)}
 .site-header.has-public-video-header .owner-catalog-compact .public-header-logo{grid-column:2;grid-row:1;justify-self:center;justify-content:center;width:100%;max-width:100%;font-size:var(--admin-mobile-logo-size-v1,19px);letter-spacing:-.5px;gap:.22em}
 .site-header.has-public-video-header .owner-catalog-compact .public-header-video{grid-column:3;grid-row:1;justify-self:end;max-width:100%;width:auto;min-width:0;min-height:36px}
 .site-header.has-public-video-header .owner-catalog-compact .public-header-video-face{padding:5px 6px;min-height:32px;gap:4px}
 .site-header.has-public-video-header .owner-catalog-compact .public-header-video-icon{width:15px;height:15px}
 .site-header.has-public-video-header .owner-catalog-compact .public-header-video svg{width:15px;height:15px}
 .site-header.has-public-video-header .owner-catalog-compact .public-header-video-label{font-size:clamp(9px,2.45vw,11px)}
}
@media(max-width:360px){
 .public-header-controls{column-gap:4px;padding-inline:max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-right))}
 .public-header-video-face{padding-inline:7px}.public-header-video-label{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.public-header-video::before,.public-header-video.is-pending .public-header-video-icon::after{animation:none}.public-header-control:active,.public-header-logo:active{transform:none}}


/* The video mode must not replace the established desktop catalog navigation. */
.desktop-standard-video-link-v1{display:none}
@media(min-width:901px){
 .site-header.has-public-video-header{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;width:100%;margin:0;padding:0 16px;min-height:76px;box-sizing:border-box}
 .site-header.has-public-video-header>.public-header-controls{display:none}
 .site-header.has-public-video-header>.header-inner{display:flex}
 .site-header.has-public-video-header .desktop-standard-video-link-v1{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;box-sizing:border-box;white-space:nowrap;min-height:34px;padding:7px 10px;border:1px solid #9973c7;border-radius:8px;background:#1d1c2a;color:#f4eaff;text-decoration:none;font-size:12px;font-weight:600;line-height:1.15}
 .site-header.has-public-video-header .desktop-standard-video-link-v1:focus-visible{outline:2px solid #cbb5ff;outline-offset:2px}
 .site-header.has-public-video-header .desktop-standard-video-link-v1:active{transform:translateY(1px);background:#2c2640}
}
@media(max-width:900px){
 html body header.site-header.has-public-video-header > div.header-inner{display:none!important}
 .site-header.has-public-video-header .desktop-standard-video-link-v1{display:none}
}
.public-header-balance{display:inline-flex;flex:0 0 auto;order:2;max-width:120px}
.public-header-balance{box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #334052;border-radius:9px;background:#111821;color:#dfe5ed;text-decoration:none;font:600 11px/1.2 system-ui,sans-serif;white-space:nowrap}
.public-header-balance span{color:#8f9bab}.public-header-balance b{font-size:12px}.public-header-balance em{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#2ecf7b;color:#07120c;font-style:normal;font-weight:900}

/* Large admin-selected logo: give it a full row on narrow screens instead of clipping it. */
@media (max-width:600px){
 .site-header.has-public-video-header .public-header-controls.mobile-logo-large-v2:not(.owner-catalog-compact){grid-template-rows:48px auto;min-height:100px}
 .site-header.has-public-video-header .public-header-controls.mobile-logo-large-v2:not(.owner-catalog-compact) .public-header-logo{grid-column:1/-1;grid-row:2;justify-self:center;overflow:visible;width:max-content;max-width:100%}
 .site-header.has-public-video-header .public-header-controls.mobile-logo-large-v2:not(.owner-catalog-compact) .public-header-city{grid-row:1;grid-column:3/-1;justify-self:end;width:auto;max-width:100%}
 .site-header.has-public-video-header .public-header-controls.mobile-logo-large-v2.owner-catalog-compact{grid-template-rows:43px auto;min-height:94px}
 .site-header.has-public-video-header .public-header-controls.mobile-logo-large-v2.owner-catalog-compact .public-header-logo{grid-column:1/-1;grid-row:2;justify-self:center;width:max-content;max-width:100%;overflow:visible}
 .site-header.has-public-video-header .public-header-controls.mobile-logo-large-v2.owner-catalog-compact .public-header-video{grid-column:3;grid-row:1}
 .site-header.has-public-video-header .public-header-controls.mobile-logo-large-v2.owner-catalog-compact .public-header-account{grid-column:1;grid-row:1}
}
