@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');
:root{--ink:#030405;--panel:#0c1017;--text:#f7f9ff;--muted:#9aa7ba;--line:#273246;--blue:#0868ff;--blue-light:#58a2ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:'Exo 2',Arial,sans-serif;background:var(--ink);color:var(--text)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.no-scroll{overflow:hidden}
.site-header{height:80px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #141b28;background:#030405ed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{font:700 2.2rem/.72 Rajdhani,sans-serif;letter-spacing:-.08em;position:relative}.brand::after{content:'ACESSÓRIOS & TECH';display:block;margin:5px 0 0 2px;color:#dfe6f4;font:700 .37rem/1.2 'Exo 2',sans-serif;letter-spacing:.31em}.brand span{color:var(--blue)}nav{display:flex;gap:36px;font-size:.86rem;font-weight:600}nav a{position:relative;color:#eaf0fc}nav a:first-child,nav a:hover{color:var(--blue-light)}nav a:first-child::after,nav a:hover::after{content:'';position:absolute;inset:auto 0 -12px;height:2px;background:var(--blue);box-shadow:0 0 10px var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.cart-button,.menu-toggle{border:1px solid #273b5c;background:#0c1422;color:#fff;border-radius:6px}.cart-button{padding:10px 14px;font-size:.78rem;font-weight:700}.cart-button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;border-radius:50%;background:var(--blue);font-size:.7rem}.menu-toggle{display:grid;gap:5px;width:42px;height:42px;place-content:center;padding:0}.menu-toggle span{display:block;width:20px;height:2px;background:#fff;transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:radial-gradient(circle at 73% 49%,#0e52c338 0,transparent 31%),linear-gradient(115deg,#050608 37%,#071324 100%);border-bottom:1px solid #162133}.hero>div:first-child{padding:clamp(70px,10vw,135px) clamp(22px,8vw,135px);z-index:1}.eyebrow,.product-category{margin:0;letter-spacing:.15em;font:700 .7rem Rajdhani,sans-serif;color:var(--blue-light);text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:650px;margin:13px 0 22px;font-size:clamp(3.35rem,7vw,6.7rem);font-style:italic;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}h1 em{color:var(--blue);font-style:inherit}.hero-copy{max-width:435px;color:#e2e8f5;font-size:1.08rem;line-height:1.65;margin-bottom:32px}.primary-button,.buy-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #1674ff;background:linear-gradient(135deg,#0874ff,#064aca);color:#fff;padding:14px 21px;border-radius:6px;font-size:.82rem;font-weight:800;box-shadow:0 8px 22px #005eff45;transition:.2s}.primary-button:hover,.buy-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0868ff88}.hero-art{min-height:440px;position:relative;overflow:hidden;background:linear-gradient(135deg,transparent 11%,#08367d25 45%,#07111f 100%)}.hero-art::before{content:'';position:absolute;width:150%;height:2px;top:48%;left:-25%;transform:rotate(-45deg);background:var(--blue);box-shadow:0 0 9px 3px #0868ff,0 0 35px 12px #0868ff55}.hero-art::after{content:'';position:absolute;inset:16% 7% 9% 13%;border:1px solid #3a74ce55;transform:skewY(-12deg);background:linear-gradient(135deg,#0d193022,transparent 60%)}.hero-art span{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);font:800 clamp(12rem,25vw,23rem)/1 Rajdhani,sans-serif;color:#0b66e8;text-shadow:0 0 40px #0868ff99;opacity:.85}
.catalog{padding:86px clamp(22px,6vw,90px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}h2{letter-spacing:-.045em;font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:7px 0 0;font-style:italic;text-transform:uppercase}h2::after{content:'';display:block;width:64px;height:3px;margin-top:12px;background:var(--blue);box-shadow:0 0 12px var(--blue)}#catalog-status{margin:0;color:var(--muted);font-size:.8rem}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{min-width:0;background:linear-gradient(145deg,#11151b,#090b0f);border:1px solid #1a2330;border-radius:8px;overflow:hidden;transition:.2s;animation:product-reveal .5s both}.product-card:hover{transform:translateY(-5px);border-color:#1769dc;box-shadow:0 14px 28px #0009}.product-card:nth-child(2){animation-delay:80ms}.product-card:nth-child(3){animation-delay:160ms}.product-card:nth-child(4){animation-delay:240ms}.product-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.product-art{height:245px;display:grid;place-items:center;overflow:hidden;background:#0c1016}.product-art img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.product-card:hover .product-art img{transform:scale(1.05)}.product-art span{color:var(--blue-light);font:700 3rem Rajdhani,sans-serif;opacity:.75}.violet,.blue,.orange,.green{background:radial-gradient(circle at 50% 35%,#173b75,#0b0e13 72%)}.product-info{padding:17px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.product-category{color:#92a2bb;font-size:.63rem}.product-info h3{letter-spacing:-.03em;font-size:1.02rem;margin:6px 0 0;line-height:1.15}.product-info>strong{grid-column:1;color:var(--blue-light);font-size:1.15rem}.product-toggle{grid-column:2;grid-row:1;color:var(--blue-light);font-size:1.6rem;line-height:1}.product-details{padding:0 17px 17px;border-top:1px solid var(--line);background:#0b0e13}.product-description,.stock-label{color:var(--muted)}.product-description{font-size:.78rem;line-height:1.55;margin:16px 0 8px}.stock-label{display:block;font-size:.68rem;margin-bottom:16px}.product-options{display:grid;gap:12px;margin-bottom:16px}.product-options label,.payment-row label{display:grid;gap:7px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.product-options select,.payment-row select,.detail-form input,.detail-form select{width:100%;border:1px solid var(--line);background:#111722;color:#fff;padding:9px 10px;font:inherit}.product-quantity{justify-content:flex-start;gap:0}.product-quantity button,.product-quantity input{height:34px;border:1px solid var(--line);background:#111722;color:#fff}.product-quantity button{width:34px;padding:0}.product-quantity input{width:52px;border-left:0;border-right:0;text-align:center}.product-details>.buy-button,.buy-button{width:100%;padding:11px 12px}.buy-button:disabled{cursor:not-allowed;opacity:.55}.load-error{grid-column:1/-1;color:#ff7b7b}@keyframes product-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.about{padding:105px clamp(22px,8vw,135px);background:linear-gradient(115deg,#071324,#030405 55%);border-top:1px solid #192945}.about h2{margin:12px 0 27px;max-width:520px}.about>p:last-child{max-width:460px;color:#c6d0df;line-height:1.7}footer{padding:25px clamp(22px,8vw,135px);background:#020304;color:#8190a6;font-size:.72rem;border-top:1px solid #111722}
.cart-panel,.account-menu{position:fixed;z-index:26;top:0;right:0;width:min(100%,440px);height:100dvh;background:#090d14;color:#fff;padding:28px;box-shadow:-12px 0 38px #000b;transform:translateX(105%);transition:transform .25s ease;visibility:hidden}.cart-panel{display:flex;flex-direction:column;z-index:20}.cart-panel.is-open,.account-menu.is-open{transform:translateX(0);visibility:visible}.cart-heading,.account-menu-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.cart-heading h2{font-size:1.8rem}.icon-button{border:0;background:transparent;color:#fff;font-size:2rem;line-height:1}.cart-items{flex:1;overflow:auto}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-item h3{font-size:.9rem;margin-bottom:6px}.cart-item p,.empty-cart{font-size:.78rem;color:var(--muted);margin:0}.empty-cart{padding-top:30px}.quantity{display:flex;align-items:center;gap:12px}.quantity button{width:25px;height:25px;padding:0;border:1px solid var(--line);background:#111722;color:#fff}.quantity span{font-size:.8rem;min-width:10px;text-align:center}.cart-footer{border-top:1px solid var(--line);padding-top:18px}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:18px}.cart-footer span{color:var(--muted)}.cart-footer .primary-button{width:100%}.payment-row{display:grid!important;gap:8px;margin-bottom:18px}.cart-summary{display:grid;gap:8px}.cart-summary>div{margin-bottom:0}.cart-summary>div:last-child{border-top:1px solid var(--line);padding-top:12px}.pix-payment-panel{margin:0 0 16px;padding:18px;border:1px solid #1c4f9e;background:#09162b}.pix-amount{display:flex;justify-content:space-between;margin-bottom:14px}.pix-payment-panel img{display:block;width:180px;max-width:100%;margin:0 auto 12px;background:#fff;padding:8px}.pix-payment-panel pre{white-space:pre-wrap;word-break:break-word;font:inherit;font-size:.72rem;line-height:1.6;margin:0 0 14px;background:#111722;padding:10px;border:1px solid var(--line)}.secondary-button{width:100%;border:1px solid var(--blue);background:#0c1c36;color:#fff;padding:10px 12px;font-weight:800}.backdrop,.account-backdrop{position:fixed;z-index:15;inset:0;background:#000a}.account-backdrop{z-index:25}.toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0d1830;color:#fff;border:1px solid var(--blue);padding:12px 18px;font-size:.8rem;transition:.2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.account-menu-greeting{font-size:2.2rem;font-weight:700;margin:35px 0 8px}.account-menu-status{color:var(--muted);font-size:.8rem;line-height:1.6;margin-bottom:28px}.account-menu-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;font-size:.85rem;font-weight:800}.account-menu-primary{margin-bottom:2px;border:1px solid var(--blue);background:#0d55cf;padding:15px 18px}.account-menu-logout{border:0;background:transparent;color:#ff8791;padding:18px 0;font-size:.78rem;font-weight:800}
.product-page main{max-width:1180px;margin:0 auto;padding:45px clamp(22px,5vw,70px) 100px}.back-link{display:inline-block;color:var(--muted);font-size:.78rem;font-weight:700;margin-bottom:35px}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(35px,7vw,100px);align-items:center}.detail-art{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#0d1118;border:1px solid var(--line)}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-art span{color:var(--blue-light);font:700 clamp(5rem,15vw,12rem) Rajdhani,sans-serif}.detail-copy{max-width:500px}.detail-copy h1{font-size:clamp(2.8rem,6vw,5.8rem);margin:14px 0 24px}.detail-description{color:var(--muted);font-size:1rem;line-height:1.8;margin-bottom:28px}.detail-price{color:var(--blue-light);font-size:1.5rem;font-weight:800;border-top:1px solid var(--line);padding-top:22px}.detail-price small{display:block;color:var(--muted);font-size:.7rem;font-weight:500;margin-top:7px}.detail-form{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:28px 0}.detail-form label{display:grid;gap:8px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.detail-form input,.detail-form select{height:42px}.detail-add{width:100%;justify-content:center}.detail-cart-link{display:block;color:var(--muted);font-size:.75rem;font-weight:700;margin-top:18px;text-align:center}
@media(max-width:800px){.site-header{height:70px;padding:0 16px}.brand{font-size:1.8rem}.site-header nav{display:none}.cart-button{padding:9px 10px;font-size:.72rem}.header-actions{gap:7px}.hero{grid-template-columns:1fr}.hero-art{min-height:270px}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog{padding-top:65px;padding-bottom:65px}.account-menu{width:100%;padding:24px 22px}}
@media(max-width:480px){.site-header{padding:0 12px}.brand{font-size:1.55rem}.brand::after{font-size:.32rem;letter-spacing:.25em}.cart-button{padding:8px;font-size:0}.cart-button span{margin:0;min-width:22px;height:22px;font-size:.72rem}.menu-toggle{width:38px;height:38px}.hero>div:first-child{padding:64px 22px 55px}.hero-art{min-height:220px}.hero-art span{font-size:12rem}h1{font-size:clamp(3rem,16vw,4.5rem);line-height:.9}.hero-copy{font-size:.98rem;margin-bottom:26px}.primary-button{width:100%;min-height:48px}.catalog{padding:54px 16px}.section-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:25px}.section-heading h2{font-size:2.3rem}.product-grid{grid-template-columns:1fr;gap:14px}.product-art{height:260px}.product-info{padding:16px}.about{padding:70px 22px}.about h2{font-size:2.5rem}.cart-panel,.account-menu{width:100%;padding:22px 18px}.product-page main{padding:28px 18px 65px}.product-detail{grid-template-columns:1fr;gap:28px}.detail-copy h1{font-size:clamp(2.75rem,14vw,4.3rem)}.detail-form{grid-template-columns:1fr 1.35fr;gap:10px}.detail-art{max-height:390px}footer{padding:22px}}@media(max-width:350px){.brand{font-size:1.35rem}.brand::after{font-size:.28rem}.header-actions{gap:5px}.hero>div:first-child{padding-left:18px;padding-right:18px}.detail-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}