/* Complementos de usabilidade; o desenho e as animações originais estão em style.css. */
:focus-visible{outline:2px solid var(--goldL);outline-offset:4px}
.logo{max-width:100%}
.logo .brand-logo{display:block;width:260px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.logo .brand-logo{width:220px}}
.grid{min-width:0}.card{min-width:0}.price{flex-wrap:wrap;gap:4px 10px}
.card .img{flex-shrink:0}
.card .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px}
.line img{object-fit:contain;padding:4px}
.card .buy-now{text-align:center}
.ages .cats{scrollbar-width:thin;scrollbar-color:var(--gold2) transparent}
.drawer .panel{height:100dvh;max-height:100%;padding-bottom:env(safe-area-inset-bottom)}
.drawer .content{min-height:0;overscroll-behavior:contain}.drawer .sum:empty{display:none}
.f input{min-width:0}.line>div{min-width:0}.line .n{overflow-wrap:anywhere}
.btn[disabled]{cursor:not-allowed}
@media(max-width:480px){.bump{grid-template-columns:auto 1fr auto}.bump .bi{display:none}.drawer .sum{padding:14px}.drawer .content{padding:16px}.drawer .sum .btn{padding:14px 12px;font-size:12px}.price s{font-size:12px}.vbox{height:min(65dvh,calc((100vw - 32px)*16/9))}}
@media(max-width:340px){.two{grid-template-columns:1fr}.line{grid-template-columns:44px 1fr auto}.line img{width:44px;height:44px}.gtabs button{font-size:11px}}