.menu-toggle { margin-left: auto; }
#main-nav { margin-left: auto; gap: 18px; }
#main-nav .nav-community { white-space: nowrap; }
.account-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 70px; align-items: center; padding-block: 90px; }
.account-intro { min-width: 0; }
.account-intro h1, .auth-card h2 { overflow-wrap: anywhere; }
.auth-card, .admin-editor { padding: 38px; border: 1px solid var(--border); border-radius: 16px; background: radial-gradient(ellipse at 0 0, #5865f221, transparent 70%), #10151d; }
.auth-card h2 { font-size: 2rem; margin-bottom: 18px; }
.auth-emblem { display: grid; place-items: center; height: 66px; width: 66px; margin-bottom: 35px; border-radius: 16px; color: #bac0ff; background: #5865f22b; font-size: 2rem; }
.discord-button { background: #5865f2; color: #fff; width: 100%; cursor: pointer; }
.discord-button:hover { background: #4752c4; }
.auth-note { font-size: .8125rem; margin: 22px 0 0; color: #a5b0c2; }
.auth-card form { margin-top: 24px; }
.form-notice { padding: 18px 22px; border: 1px solid #efb83f55; background: #efb83f0a; border-radius: 8px; color: #f2d9a2; }
.form-notice.success { color: #b9e8d0; border-color: #67cd9c55; background: #67cd9c0a; }
.store-main { padding-top: 65px; }
.store-hero { display: flex; align-items: center; justify-content: space-between; gap: 48px; padding-bottom: 30px; }
.store-hero h1 { font-size: clamp(2.6rem, 5vw, 4.8rem); }
.store-hero .document-lead { max-width: 570px; margin-bottom: 25px; }
.store-seal { width: 240px; height: 240px; flex-shrink: 0; border: 1px solid #efb83f55; outline: 1px dashed #efb83f22; outline-offset: 12px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(#efb83f14, transparent 70%); transform: rotate(-12deg); }
.store-seal span { font: .7rem Consolas, monospace; letter-spacing: .14em; color: var(--accent); }
.store-seal strong { font-size: 3rem; letter-spacing: -.06em; }
.store-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 24px; border-block: 1px solid var(--border); }
.category-tabs { display: flex; flex-wrap: wrap; gap: 10px; }
.category-tabs a { padding: 9px 18px; font-size: .875rem; border: 1px solid var(--border); border-radius: 7px; color: var(--muted); }
.category-tabs a[aria-current], .category-tabs a:hover { color: #151006; background: var(--accent); border-color: var(--accent); }
.store-count { font: .75rem Consolas, monospace; color: var(--muted); white-space: nowrap; }
.catalog-notice { margin-block: 22px 30px; font-size: .8125rem; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.product-card { display: flex; flex-direction: column; min-width: 0; background: #10151c; border: 1px solid var(--border); border-radius: 14px; overflow: hidden; transition: transform .25s, border-color .25s; }
.product-card:hover { transform: translateY(-5px); border-color: #efb83f66; }
.product-art { position: relative; height: 205px; display: grid; place-items: center; isolation: isolate; background: radial-gradient(ellipse, #b48b3d30, transparent 70%), repeating-linear-gradient(45deg, transparent 0 27px, #efb83f08 28px 29px), #151b24; overflow: hidden; }
.product-art::before { content: ''; position: absolute; height: 135px; width: 135px; border: 1px solid #efb83f33; transform: rotate(45deg); z-index: -1; transition: transform .6s; }
.product-card:hover .product-art::before { transform: rotate(135deg); }
.art-veiculos { background: radial-gradient(ellipse, #4d969b30, transparent 70%), #101e27; }
.art-extras { background: radial-gradient(ellipse, #7770b940, transparent 70%), #1b192b; }
.product-category, .product-serial, .demo-badge { position: absolute; font: .65rem Consolas, monospace; letter-spacing: .06em; }
.product-category { top: 18px; left: 20px; text-transform: uppercase; color: #ccd2df; }
.product-serial { bottom: 18px; left: 20px; color: #a9b3c2; }
.demo-badge { right: 16px; bottom: 15px; padding: 4px 8px; border-radius: 4px; color: #f1d68f; background: #090c12bb; border: 1px solid #efb83f33; }
.product-symbol { font-size: 5rem; color: #edc771; text-shadow: 0 0 40px #efb83f40; line-height: 1; }
.art-veiculos .product-symbol { color: #a7dedb; }.art-extras .product-symbol { color: #c5b8f2; }
.product-body { padding: 26px; display: flex; flex-direction: column; flex: 1; }
.product-body h2 { font-size: 1.5rem; letter-spacing: -.035em; overflow-wrap: anywhere; margin-bottom: 16px; }
.product-body > p { font-size: .875rem; overflow-wrap: anywhere; white-space: pre-line; }
.product-price { margin: auto 0 22px; padding-top: 12px; display: flex; flex-direction: column; }
.product-price strong { font-size: 1.8rem; letter-spacing: -.05em; font-weight: 500; }
.product-price span { color: #a5b0c2; font-size: .75rem; }
.product-unavailable { padding: 12px; text-align: center; color: #c8bd9f; font-size: .8125rem; border: 1px dashed #efb83f38; border-radius: 7px; }
.store-help { display: flex; justify-content: space-between; align-items: center; gap: 40px; margin-top: 70px; padding: 40px; border: 1px solid var(--border); border-radius: 12px; background: linear-gradient(120deg, #19212c, #10141c); }
.store-help h2 { font-size: 2rem; }.store-help p { margin-bottom: 12px; }.store-help .button { flex-shrink: 0; }
.admin-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); align-items: start; gap: 30px; }
.admin-editor h2, .admin-list-heading h2 { font-size: 1.6rem; }
.admin-editor label { display: block; margin: 20px 0 8px; font-size: .875rem; color: #d5dbe4; }
.admin-editor input:not([type=checkbox]), .admin-editor select, .admin-editor textarea { width: 100%; border: 1px solid #d6dfed35; border-radius: 7px; padding: 12px; color: #f2f4fa; background: #090e16; font: inherit; min-width: 0; }
.admin-editor textarea { resize: vertical; }
.admin-editor :is(input, select, textarea):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.admin-editor .checkbox-row { display: flex; align-items: center; gap: 12px; cursor: pointer; }
.checkbox-row input { width: 18px; height: 18px; accent-color: var(--accent); }
.admin-editor .actions { margin-top: 26px; }.admin-editor button { cursor: pointer; }
.admin-list-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }.admin-list-heading h2 span { color: var(--muted); }
.admin-product { display: flex; gap: 18px; align-items: center; border: 1px solid var(--border); border-radius: 10px; padding: 20px; margin-bottom: 12px; background: #111720; }
.admin-symbol { font-size: 2rem; color: var(--accent); }.admin-product > div { min-width: 0; flex: 1; }.admin-product h3 { font-size: 1rem; margin-bottom: 8px; overflow-wrap: anywhere; }.admin-product p { font-size: .75rem; margin: 0; }.admin-product .text-link { flex-shrink: 0; font-size: .8rem; }
@media (max-width: 1200px) and (min-width: 961px) { #main-nav { gap: 12px; padding-left: 15px; } #main-nav a { font-size: .75rem; } #main-nav .nav-community { padding: 12px; margin-left: 0; } }
@media (max-width: 960px) { .account-layout { grid-template-columns: 1fr; gap: 28px; padding-block: 50px; }.account-layout .document-lead { margin-bottom: 24px; }.auth-card { max-width: 600px; }.store-seal { width: 170px; height: 170px; }.store-seal strong { font-size: 2.2rem; }.store-seal span { font-size: .55rem; }.product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.admin-layout { grid-template-columns: 1fr; }.store-help { flex-direction: column; align-items: flex-start; } }
@media (max-width: 600px) { .store-main { padding-top: 40px; }.store-seal { display: none; }.store-hero { padding-bottom: 15px; }.store-toolbar { align-items: flex-start; flex-direction: column; gap: 15px; }.category-tabs { gap: 8px; }.category-tabs a { padding: 8px 12px; font-size: .8rem; }.product-grid { grid-template-columns: 1fr; }.store-help, .auth-card, .admin-editor { padding: 26px; }.store-help { margin-top: 40px; }.admin-product { gap: 12px; padding: 16px; }.admin-symbol { display: none; }.field-pair { grid-template-columns: 1fr; gap: 0; } }
