:root{--bg:#070707;--surface:#111;--surface2:#171717;--gold:#d9a52b;--gold2:#f4d77d;--text:#f8f5ed;--muted:#aaa;--line:#2b2b2b;--danger:#c85b5b;--ok:#65b87b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3{margin:0 0 12px;font-family:Georgia,serif}a{color:var(--gold2)}#root{flex-direction:column;min-height:100svh;display:flex}.header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#070707f5;position:sticky;top:0}.marquee{background:var(--gold);border-bottom:1px solid var(--line);overflow:hidden}.marquee-track{width:max-content;animation:22s linear infinite marquee-scroll;display:inline-flex}.marquee-item{color:#090909;letter-spacing:1px;white-space:nowrap;padding:7px 32px;font-size:12px;font-weight:700}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:auto;padding:14px 18px;display:flex}.brand{align-items:center;text-decoration:none;display:flex}.logo{object-fit:contain;width:auto;height:96px}.navlinks{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.navlinks a,.navlinks button{font-size:14px;text-decoration:none}.outlinebtn{border:1px solid var(--gold);color:var(--gold2);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:11px 18px;font-weight:700;display:inline-flex}.outlinebtn:hover{background:#d9a52b1a}.navlinks a svg,.navlinks button svg{vertical-align:-3px}.navcart svg{width:24px;height:24px}.navdropdown{position:relative}.navdropdown-menu{border:1px solid var(--gold);z-index:40;background:#0d0d0d;border-radius:6px;flex-direction:column;min-width:160px;margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;left:0}.navdropdown-menu a{color:var(--gold2);border-radius:4px;padding:9px 12px;font-size:14px;font-weight:700;text-decoration:none}.navdropdown-menu a:hover{background:#d9a52b1a}.cartitem{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.qty{align-items:center;gap:8px;display:flex}.qty button{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:4px;width:28px;height:28px}.qty button:disabled{opacity:.4;cursor:not-allowed}.addrow{align-items:center;gap:8px;margin-top:10px;display:flex}.addrow input{background:var(--surface2);border:1px solid var(--line);width:56px;color:var(--text);text-align:center;border-radius:5px;padding:8px}.addrow .goldbtn{flex:1;width:auto;padding:10px 14px}.page{width:100%;max-width:720px;margin:0 auto;padding:40px 18px 80px}.page.wide{max-width:1200px}.grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (width>=960px){.grid{grid-template-columns:repeat(4,1fr);gap:20px}}.card{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.photo{aspect-ratio:1;background:var(--surface2);justify-content:center;align-items:center;display:flex}.photo img{object-fit:cover;width:100%;height:100%}.photo-empty{color:var(--muted);font-size:13px}.info{padding:14px}.tag{letter-spacing:1.5px;color:var(--gold2);margin-bottom:6px;font-size:10px}.info h3{margin-bottom:6px;font-size:18px}.price{color:var(--gold2);margin-bottom:6px;font-weight:700}.composicao{color:var(--muted);margin-bottom:8px;font-size:12px}.estoque{font-size:12px;font-weight:600}.estoque.ok{color:var(--ok)}.estoque.esgotado{color:var(--danger)}.sizes{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.size{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:4px;padding:6px 10px;font-size:13px}@media (width<=639px){.size{padding:5px 7px;font-size:12px}}.size.active{border-color:var(--gold);background:var(--gold);color:#090909;font-weight:700}.size:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.kicker{letter-spacing:4px;color:var(--gold2);font-size:11px}.search{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:10px;max-width:480px;margin-bottom:24px;padding:12px 16px;display:flex}.search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search input::placeholder{color:var(--muted)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:13px}.field input,.field select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:11px 12px}.field input:focus,.field select:focus{outline:1px solid var(--gold)}.field.invalid input{outline:1px solid var(--danger)}.field-error{color:var(--danger);font-size:12px}.row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.goldbtn{border:1px solid var(--gold);background:var(--gold);color:#090909;border-radius:5px;width:100%;padding:13px 18px;font-weight:700}.goldbtn:disabled{opacity:.6;cursor:not-allowed}.notice{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;margin-bottom:18px;padding:14px;font-size:14px}.notice.success{border-color:var(--ok);color:var(--ok)}.notice.error{border-color:var(--danger);color:var(--danger)}.promobanners{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:4px 0 24px;display:grid}.promobanner{border:1px solid var(--gold);background:linear-gradient(135deg,#d9a52b29,#d9a52b08);border-radius:10px;padding:16px 18px;animation:1.2s ease-in-out infinite promobanner-pulse}@keyframes promobanner-pulse{0%,to{border-color:var(--gold);background:linear-gradient(135deg,#d9a52b29,#d9a52b08);transform:scale(1);box-shadow:0 0 #d9a52ba6}50%{border-color:var(--gold2);background:linear-gradient(135deg,#d9a52b52,#d9a52b14);transform:scale(1.025);box-shadow:0 0 14px 10px #d9a52b00}}@media (prefers-reduced-motion:reduce){.promobanner{animation:none}}.navcart-bump{z-index:40;animation:.7s ease-in-out 2 navcart-bump;position:relative}@keyframes navcart-bump{0%{border-color:var(--gold);color:var(--gold2);background:0 0;transform:scale(1);box-shadow:0 0 #d9a52bcc}30%{background:var(--gold);border-color:var(--gold2);color:#0c0c0c;transform:scale(1.4)}55%{background:var(--gold);color:#0c0c0c;transform:scale(.92)}75%{background:#d9a52b40;transform:scale(1.15);box-shadow:0 0 0 10px #d9a52b00}to{border-color:var(--gold);color:var(--gold2);background:0 0;transform:scale(1);box-shadow:0 0 #d9a52b00}}@media (prefers-reduced-motion:reduce){.navcart-bump{animation:none}}.toast{z-index:50;background:var(--gold);color:#0c0c0c;border-radius:8px;max-width:min(320px,100vw - 36px);padding:12px 16px;font-size:14px;font-weight:700;line-height:1.4;animation:.25s ease-out toast-in,.3s ease-in 2.2s forwards toast-out;position:fixed;top:78px;right:18px;box-shadow:0 10px 28px #00000073}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.promobanner-tag{letter-spacing:1.5px;color:var(--gold2);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.promobanner-title{color:var(--text);font-size:17px;font-weight:700}.promobanner-sub{color:var(--muted);margin-top:4px;font-size:13px}.promobanner .depor{color:var(--muted);margin-top:4px;font-size:14px}.promobanner .depor s{margin-right:8px}.promobanner .depor b{color:var(--ok);font-size:19px}fieldset{border:1px solid var(--line);border-radius:6px;margin:0 0 22px;padding:16px}legend{color:var(--gold2);letter-spacing:1px;padding:0 8px;font-size:13px}.footer{border-top:1px solid var(--line);text-align:center;margin-top:auto;padding:28px 18px}.footer-social{justify-content:center;gap:20px;margin-bottom:16px;display:flex}.footer-social a{color:var(--gold2);align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.footer-badge{border:1px solid var(--ok);color:var(--ok);letter-spacing:.5px;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.footer-copy{color:var(--muted);margin-top:12px;font-size:12px}
