/* OROCHI — portão 18+ (o mesmo componente na loja, no link na bio e no início).
   Marcação: bloco #gate no começo do <body> de cada página; comportamento: gate.js; lembrança da escolha: age.js (no <head>).
   As regras do .logo ficam aqui dentro do .gate para o cartão ser idêntico em páginas que não carregam o loja.css. */
.gate .logo{display:inline-flex;align-items:center;gap:9px;font:700 1.05rem/1 var(--font-display);letter-spacing:.01em;text-decoration:none;color:var(--fg);white-space:nowrap}
.gate .logo .wm-a{font-weight:500;opacity:.8}
.gate .logo-img{width:34px;height:34px;border-radius:50%;display:block;flex:none;object-fit:cover}
.gate .gate-logo{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:8px}
.gate .gate-logo .logo-img{width:88px;height:88px;box-shadow:0 10px 30px -12px rgba(42,169,224,.6)}
.gate{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 16px 24px;background:var(--bg);overflow-y:auto}
.gate::before{content:"";position:fixed;inset:0;background:var(--hero-glow);pointer-events:none}
.gate-card{position:relative;z-index:1;max-width:520px;width:100%;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,5vw,40px);border:1px solid var(--line-2);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-2)}
.gate-card h2{font-size:clamp(1.3rem,3.4vw,1.6rem)}
.gate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.gate-actions .btn-primary{flex:1 1 220px}
.gate-actions .btn-ghost{flex:0 1 auto}
html.age-ok .gate{display:none}
html:not(.age-ok) body{overflow:hidden}