/* loja.css: pagina /loja/ (prefixo .lj-) */
.lj{padding-top:var(--space-l);padding-bottom:var(--space-m)}
.lj-lede{margin-top:var(--space-s)}
.lj-sci{font-style:italic;font-weight:300;white-space:nowrap}
.lj-card{margin-top:var(--space-l);padding:var(--space-m);background:var(--surface);border:1px solid var(--line)}
.lj-card .c-h2{margin-bottom:var(--space-m)}
.lj-grid{--row-h:16rem}
@media (min-width:64rem){.lj-grid{--row-h:12rem}}
@media (min-width:90rem){.lj-grid{--row-h:15rem}}
@media (max-width:39.999rem){.lj-card{padding:var(--space-s)}.lj-grid{margin-inline:calc(-1*var(--space-s))}}
.lj-sizes{margin:var(--space-m) 0 var(--space-s)}
.lj-help{margin-top:var(--space-xl);padding-top:var(--space-s);border-top:1px solid var(--line);max-width:var(--measure)}
.lj-help__p{margin:var(--space-2xs) 0 var(--space-2xs);color:var(--text-2)}
.lj-usd{margin:calc(-1*var(--space-2xs)) 0 var(--space-s);font-family:var(--font-sans);font-size:var(--step--1);color:var(--text-2)}

/* livros: grade de capas (sem moldura), edicoes em radios nativos, pedido por dialogo */
.lj-books{margin-top:var(--space-xl)}
.lj-bk__lede{margin-top:var(--space-xs);font-size:var(--step-0)}
.lj-bk__grid{list-style:none;margin:var(--space-m) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-l) var(--space-m)}
@media (min-width:40rem){.lj-bk__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:64rem){.lj-bk__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:100rem){.lj-bk__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.lj-bk{display:flex;flex-direction:column;min-width:0}
.lj-bk__c{aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center}
.lj-bk__c img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.lj-bk__t{margin-top:var(--space-xs);font-size:var(--step-1);line-height:1.2}
.lj-bk__y{margin-top:var(--space-3xs);font-size:var(--step--1);color:var(--text-2)}
.lj-bk__d{margin-top:var(--space-2xs);font-size:var(--step--1);color:var(--text-2)}
.lj-ed{border:0;margin:var(--space-xs) 0 0;padding:0;min-width:0}
.lj-ed__l{padding:0;margin-bottom:var(--space-2xs);font-family:var(--font-sans);font-size:var(--step--1);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-2)}
.lj-ed__o{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}
.lj-ed input{position:absolute;opacity:0;width:1px;height:1px}
.lj-ed label{display:inline-flex;align-items:center;min-height:44px;padding:.25rem .9rem;border:1px solid var(--line-strong);border-radius:var(--radius-s);font-family:var(--font-sans);font-size:var(--step--1);font-weight:500;line-height:1.2;color:var(--text-2);cursor:pointer;transition:background-color var(--dur-base),color var(--dur-base),border-color var(--dur-base)}
.lj-ed label:hover{border-color:var(--accent);color:var(--accent)}
.lj-ed input:checked+label{background:var(--text);border-color:var(--text);color:var(--bg)}
.lj-ed input:focus-visible+label{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.lj-pr{margin-top:var(--space-xs);font-family:var(--font-display);font-size:var(--step-1);line-height:1.2;color:var(--text)}
.lj-inc{margin-top:var(--space-3xs);font-size:var(--step--1);color:var(--text-2)}
.lj-req{margin-top:var(--space-xs);align-self:flex-start;min-height:48px}
@media (scripting:none){.lj-req{display:none}}
.lj-bk__fb{margin-top:var(--space-m)}
@media (scripting:enabled){.lj-bk__fb{display:none}}
html.lj-open{overflow:hidden}
.lj-dlg{position:fixed;inset:0;z-index:var(--z-lightbox);width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--overlay);color:var(--text);overflow-y:auto;overscroll-behavior:contain}
.lj-dlg[open]{display:grid;place-items:center}
.lj-dlg::backdrop{background:transparent}
.lj-dlg__in{position:relative;display:flex;flex-direction:column;gap:var(--space-xs);width:100%;max-width:30rem;padding:4.5rem var(--margin) var(--space-m)}
.lj-dlg__t{font-size:var(--step-2);line-height:1.15}
.lj-dlg__e{font-size:var(--step--1);color:var(--text-2)}
.lj-dlg__e strong{font-weight:500;color:var(--text)}
.lj-dlg__p{font-family:var(--font-display);font-size:var(--step-2);line-height:1.1}
.lj-dlg__i{font-size:var(--step--1);color:var(--text-2)}
.lj-dlg__wa{gap:.6rem;min-height:52px}
.lj-dlg__mail{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-size:var(--step--1);font-weight:500;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text)}
.lj-dlg__n{font-size:var(--step--1);color:var(--text-3)}
.lj-dlg__x{position:absolute;top:.75rem;right:var(--margin);min-height:48px;padding:0 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:rgba(14,13,11,.6);color:var(--text);font-family:var(--font-sans);font-size:var(--step--1);font-weight:500;letter-spacing:var(--track-caps);text-transform:uppercase}
.lj-dlg__x:hover{color:var(--accent);border-color:var(--accent)}