/* V9.10.10 – full sign-in gate over a public showroom backdrop */
#gateBackdrop{position:fixed;inset:0;z-index:95000;background:var(--bg,#0b0c0e);display:flex;flex-direction:column;overflow:hidden;transition:opacity .35s}
#gateBackdrop.gone{opacity:0}
#gateBackdrop .gb-head{display:flex;align-items:center;gap:40px;padding:14px 28px;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
#gateBackdrop .gb-head small{display:block;font-size:9px;letter-spacing:.3em;color:var(--gold,#c9a45c)}
#gateBackdrop .gb-head b{font-size:20px;letter-spacing:.25em;font-weight:400;color:var(--text,#eee)}
#gateBackdrop .gb-head b span{color:var(--gold,#c9a45c);font-weight:600}
#gateBackdrop nav{display:flex;gap:26px;font-size:11px;letter-spacing:.14em;color:var(--muted,#999)}
#gateBackdrop nav i{font-style:normal}
#gateBackdrop .gb-body{flex:1;display:grid;grid-template-columns:2.4fr 1fr;gap:18px;padding:22px 28px 12px;min-height:0}
#gateBackdrop .gb-hero{border:1px solid var(--line,rgba(255,255,255,.08));background:#111 center/cover no-repeat}
#gateBackdrop .gb-side{border:1px solid var(--line,rgba(255,255,255,.08));padding:22px}
#gateBackdrop .gb-side small{font-size:10px;letter-spacing:.15em;color:var(--gold,#c9a45c);border:1px solid currentColor;padding:2px 8px}
#gateBackdrop .gb-side h2{font-weight:400;font-size:26px;margin:16px 0 6px}
#gateBackdrop .gb-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:0 28px 22px;height:120px}
#gateBackdrop .gb-thumb{position:relative;background:#111 center/cover no-repeat;border:1px solid var(--line,rgba(255,255,255,.08))}
#gateBackdrop .gb-thumb span{position:absolute;left:6px;bottom:4px;right:6px;font-size:10px;color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.login.login-modal.login-gate{z-index:96000;background:rgba(5,6,8,.62);backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9);transition:opacity .35s}
.login.login-modal.login-gate.gate-out{opacity:0;pointer-events:none}
.login.login-modal.login-gate .auth-close{display:none}
.login.login-modal.login-gate .auth-card{width:min(400px,100%);padding:34px 30px 28px;border:1px solid var(--line-gold,rgba(201,164,92,.45))}
.login.login-modal.login-gate .auth-card h1{font-size:20px;letter-spacing:.22em}
.login.login-modal.login-gate .auth-card h1::after{content:'Sign in once on this browser – you stay signed in for 30 days.';display:block;margin-top:10px;font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted,#999);text-transform:none}
html[data-theme="light"] .login.login-modal.login-gate,body.theme-light .login.login-modal.login-gate{background:rgba(246,244,239,.6)}
@media (max-width:800px){#gateBackdrop .gb-body{grid-template-columns:1fr}#gateBackdrop .gb-side,#gateBackdrop nav{display:none}#gateBackdrop .gb-strip{grid-template-columns:repeat(4,1fr)}}