@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Russo+One&display=swap);:root{--font-ui:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-display:"Russo One","Montserrat",system-ui,sans-serif;--ls-tight:0.005em;--ls-base:0.01em;--ls-wide:0.03em;--radius:18px}:root,[data-theme=dark]{--text-primary:#fff;--text-secondary:#bbb;--text-placeholder:#ffffff8c;--text-on-accent-dark:#0a0a0a;--text-on-accent-light:#fff;--bg-primary:linear-gradient(180deg,#0a0a0a,#141414);--bg-stars:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><circle cx="10" cy="10" r="1.2" fill="%23FFD700"/><circle cx="120" cy="30" r="1" fill="%23FF007F"/><circle cx="80" cy="70" r="1" fill="%2300F5FF"/><circle cx="140" cy="120" r="1.2" fill="%238A2BE2"/></svg>') repeat;--bg-stars-opacity:.25;--bg-gradients:radial-gradient(1200px 800px at 50% -10%,#ffffff0f,#fff0 60%),radial-gradient(1200px 800px at 50% 110%,#ffffff0a,#fff0 60%);--bg-gradients-opacity:.16;--surface-primary:#1c1c1c;--surface-gradient:linear-gradient(180deg,#1a1a1ae6,#0c0c0ce6);--surface-header-bg:#0a0a0abf;--surface-footer-bg:linear-gradient(180deg,#0a0a0ae6,#141414f2);--surface-input:#ffffff0a;--surface-shimmer:linear-gradient(120deg,#0000 25%,#ffffff24 35%,#0000 45%);--border-primary:#ffffff0f;--border-input:#ffffff1f;--border-input-focus:#00f5ff;--accent-yellow:gold;--accent-yellow-dark:orange;--accent-turquoise:#00f5ff;--accent-turquoise-dark:#00ced1;--accent-pink:#ff007f;--accent-pink-dark:#ff4d6d;--accent-green:#4caf50;--accent-green-dark:#388e3c;--accent-purple:#8a2be2;--accent-purple-dark:#7b2cbf;--accent-red:#ff324d;--accent-red-dark:#c9042a;--shadow-neon:0 0 12px #ffd70099,0 0 32px #ff007f40;--shadow-card:0 10px 30px #00000059;--shadow-card-hover:0 20px 50px #00000073;--shadow-btn-turquoise:0 0 28px #00f5ff40;--shadow-btn-green:0 0 28px #4caf5040;--shadow-btn-pink:0 0 28px #ff007f40;--shadow-btn-pink-inset:0 0 18px #ff007f40 inset;--shadow-btn-pink-hover:0 0 28px #ff007f73,inset 0 0 28px #ff007f59;--brand-text:#fff;--header-icon-stroke:#fff}[data-theme=light]{--text-primary:#0a0a0a;--text-secondary:#4a4a4a;--text-placeholder:#00000073;--text-on-accent-dark:#fff;--text-on-accent-light:#0a0a0a;--bg-primary:#f4f4f7;--bg-stars:none;--bg-stars-opacity:0;--bg-gradients:radial-gradient(1200px 800px at 50% -10%,#00000005,#0000 60%),radial-gradient(1200px 800px at 50% 110%,#00000005,#0000 60%);--bg-gradients-opacity:1;--surface-primary:#fff;--surface-gradient:linear-gradient(180deg,#fff,#fafafa);--surface-header-bg:#ffffffbf;--surface-footer-bg:linear-gradient(180deg,#eaeaef,#f4f4f7);--surface-input:#eee;--surface-shimmer:linear-gradient(120deg,#0000 25%,#00000014 35%,#0000 45%);--border-primary:#e0e0e0;--border-input:#d0d0d0;--border-input-focus:#007bff;--accent-yellow:#e6a90a;--accent-yellow-dark:#d49b00;--accent-turquoise:#00a0a8;--accent-turquoise-dark:#007a7f;--accent-pink:#d9006c;--accent-pink-dark:#b30059;--accent-green:#388e3c;--accent-green-dark:#2a6e2d;--accent-purple:#7b2cbf;--accent-purple-dark:#6a1eab;--accent-red:#d32f2f;--accent-red-dark:#b71c1c;--shadow-neon:0 0 20px #e6a90a59,0 0 20px #d9006c26;--shadow-card:0 10px 30px #0000001a;--shadow-card-hover:0 18px 45px #00000026;--shadow-btn-turquoise:0 0 18px #00a0a840;--shadow-btn-green:0 0 18px #388e3c40;--shadow-btn-pink:0 0 18px #d9006c40;--shadow-btn-pink-inset:0 0 18px #d9006c26 inset;--shadow-btn-pink-hover:0 0 24px #d9006c59,inset 0 0 24px #d9006c40;--brand-text:#0a0a0a;--header-icon-stroke:#0a0a0a}*{box-sizing:border-box}#root,body,html{height:auto;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0a0a0a,#141414);background:var(--bg-primary);background-attachment:fixed,fixed,fixed;background-repeat:no-repeat,no-repeat,no-repeat;color:#fff;color:var(--text-primary);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:14px;letter-spacing:.01em;letter-spacing:var(--ls-base);line-height:1.7;margin:0;overflow-x:hidden;position:relative}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}body:before{animation:drift 40s linear infinite;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><circle cx="10" cy="10" r="1.2" fill="%23FFD700"/><circle cx="120" cy="30" r="1" fill="%23FF007F"/><circle cx="80" cy="70" r="1" fill="%2300F5FF"/><circle cx="140" cy="120" r="1.2" fill="%238A2BE2"/></svg>') repeat;background:var(--bg-stars);inset:-25vh 0 -25vh 0;opacity:.25;opacity:var(--bg-stars-opacity)}body:after{background:radial-gradient(1200px 800px at 50% -10%,#ffffff0f,#fff0 60%),radial-gradient(1200px 800px at 50% 110%,#ffffff0a,#fff0 60%);background:var(--bg-gradients);inset:-25vh 0 -25vh 0;opacity:.16;opacity:var(--bg-gradients-opacity)}.h1{font-size:clamp(24px,3.4vw,40px);font-weight:900;line-height:1.25}.h1,.h2{font-family:Russo One,Montserrat,system-ui,sans-serif;font-family:var(--font-display);letter-spacing:.005em;letter-spacing:var(--ls-tight)}.h2{font-size:clamp(18px,2.4vw,28px);font-weight:800;line-height:1.3}.p{color:#bbb;color:var(--text-secondary);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:.01em;letter-spacing:var(--ls-base)}b,strong{font-weight:800}.btn{background:linear-gradient(180deg,#00f5ff,#00ced1);background:linear-gradient(180deg,var(--accent-turquoise),var(--accent-turquoise-dark));border:2px solid #00f5ff;border:2px solid var(--accent-turquoise);border-radius:999px;box-shadow:0 6px 0 #00000040,0 0 28px #00f5ff40;box-shadow:0 6px 0 #00000040,var(--shadow-btn-turquoise);color:#0a0a0a;color:var(--text-on-accent-dark);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:12px;gap:10px;letter-spacing:.03em;letter-spacing:var(--ls-wide);padding:12px 20px;text-decoration:none!important;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:active{transform:translateY(0) scale(.99)}.btn-green{border-color:#4caf50;border-color:var(--accent-green);box-shadow:0 6px 0 #00000040,0 0 28px #4caf5040;box-shadow:0 6px 0 #00000040,var(--shadow-btn-green)}.btn-wish{background:linear-gradient(180deg,#ff007f,#ff4d6d);background:linear-gradient(180deg,var(--accent-pink),var(--accent-pink-dark));border-color:#ff007f;border-color:var(--accent-pink);border-radius:999px;box-shadow:0 6px 0 #00000040,0 0 28px #ff007f40;box-shadow:0 6px 0 #00000040,var(--shadow-btn-pink);color:#fff;color:var(--text-on-accent-light);font-weight:800;letter-spacing:.03em;letter-spacing:var(--ls-wide);padding:10px 14px;transition:transform .2s ease,background .2s ease}.btn-wish.active{background:linear-gradient(180deg,#ff69b4,#ff1493)}.btn-outline{background:#0000;border-color:#ff007f;border-color:var(--accent-pink);box-shadow:inset 0 0 18px #ff007f40;box-shadow:var(--shadow-btn-pink-inset);color:#ff007f;color:var(--accent-pink);font-weight:700}.surface{background:linear-gradient(180deg,#1a1a1ae6,#0c0c0ce6);background:var(--surface-gradient);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:18px;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow-card);position:relative}.surface:before{background:linear-gradient(45deg,#ffd70059,#ff007f40,#00f5ff59);border-radius:inherit;content:"";filter:blur(28px);inset:-1px;opacity:.14;position:absolute;z-index:-1;[data-theme=light] &{opacity:0}}.container{margin:0 auto;padding:24px 0;position:relative;width:min(1200px,92vw);z-index:1}.header{background:#0a0a0abf;background:var(--surface-header-bg);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;transition:transform .55s ease,opacity .55s ease-in-out,box-shadow .45s ease-in-out,background .2s ease;will-change:transform,opacity,box-shadow;z-index:50}.header-show{box-shadow:0 4px 22px #00000026;opacity:1;transform:translateY(0)}.header-hide{box-shadow:none;opacity:0;transform:translateY(-110%)}.nav{align-items:center;display:flex;gap:18px;justify-content:space-between;padding:12px 0}.nav a{color:#fff;color:var(--text-primary);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.01em;letter-spacing:var(--ls-base);text-decoration:none}.nav a:hover{color:#00f5ff;color:var(--accent-turquoise);opacity:1;text-shadow:0 0 18px #00f5ff;text-shadow:0 0 18px var(--accent-turquoise)}.brand{align-items:center;display:flex;gap:12px}.brand img{height:auto;image-rendering:auto;width:148px}@media (max-width:540px){.brand img{width:120px}.header .btn-green,.header .btn-wish{font-size:10px;min-width:auto;padding:8px 12px}}.grid{grid-gap:18px;display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.container{padding:16px 0}}@media (max-width:540px){.grid-2,.grid-3,.grid-4{gap:12px;grid-template-columns:repeat(2,1fr)}.grid-mobile-stack{grid-template-columns:1fr}}

/* !!! КАРТКИ (З ВИПРАВЛЕННЯМ) !!! */.card{background:linear-gradient(180deg,#1a1a1ae6,#0c0c0ce6);background:var(--surface-gradient);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:18px;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;isolation:isolate;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease}.card-img{align-items:center;aspect-ratio:1/1;background:var(--surface-card-image);border-bottom:1px dashed #ffffff0f;border-bottom:1px dashed var(--border-primary);display:flex;flex-shrink:0;height:auto;justify-content:center}.card-img img{filter:drop-shadow(0 6px 16px rgba(0,0,0,.3));image-rendering:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s}.card-img:hover img{transform:scale(1.05)}

/* !!! ТІЛО КАРТКИ (З ВИПРАВЛЕННЯМ) !!! */.card-body{display:flex;flex-direction:column;flex-grow:1;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);padding:14px}@media (max-width:540px){.card-body{padding:10px}.p{font-size:12px}.h2{font-size:16px}}.badge{background:linear-gradient(180deg,gold,orange);background:linear-gradient(180deg,var(--accent-yellow),var(--accent-yellow-dark));border-radius:999px;box-shadow:0 4px 12px #00000026;color:#0a0a0a;color:var(--text-on-accent-dark);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.005em;letter-spacing:var(--ls-tight);padding:6px 10px;position:absolute;right:8px;top:8px}.mobile-only{align-items:center;display:flex;justify-content:center}.brand-text,.desktop-only{display:none}@media (min-width:821px){.mobile-only{display:none}.desktop-only{align-items:center;display:flex}.brand-text{display:inline}}.footer{background:linear-gradient(180deg,#0a0a0ae6,#141414f2);background:var(--surface-footer-bg);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-primary);box-shadow:0 -10px 30px #0000001a;color:#fff;color:var(--text-primary);padding:40px 0;text-align:center}.footer a,.footer p,.footer span{color:#bbb;color:var(--text-secondary);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.01em;letter-spacing:var(--ls-base);line-height:1.6;transition:color .25s ease,text-shadow .25s ease}.footer a:hover{color:#00f5ff;color:var(--accent-turquoise);text-shadow:0 0 12px #00f5ff;text-shadow:0 0 12px var(--accent-turquoise)}.footer h3,.footer h4{color:gold;color:var(--accent-yellow);font-family:Russo One,Montserrat,system-ui,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:900;letter-spacing:.005em;letter-spacing:var(--ls-tight);margin-bottom:12px;text-shadow:0 0 8px gold;text-shadow:0 0 8px var(--accent-yellow);text-transform:uppercase}.footer .footer-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:0 auto;max-width:1100px}.footer .col{flex:1 1 220px;min-width:200px}@media (max-width:540px){.footer{padding:30px 10px}.footer a,.footer p,.footer span{font-size:13px;line-height:1.5}.footer h3,.footer h4{font-size:17px}}.input{background:#ffffff0a;background:var(--surface-input);border:1px solid #ffffff1f;border:1px solid var(--border-input);border-radius:12px;color:#fff;color:var(--text-primary);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.01em;letter-spacing:var(--ls-base);outline:none;padding:12px 14px;transition:border .12s ease,box-shadow .12s ease;width:100%}.input::placeholder{color:#ffffff8c;color:var(--text-placeholder);font-weight:500}.input:focus{border-color:#00f5ff;border-color:var(--border-input-focus);box-shadow:0 0 0 3px #00f5ff;box-shadow:0 0 0 3px var(--border-input-focus)}@media (max-width:540px){.input{font-size:12px;padding:10px 12px}}.hero-surface{align-items:center;background:linear-gradient(180deg,#1a1a1ae6,#0c0c0ce6);background:var(--surface-gradient);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:18px;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow-card);display:flex;gap:18px;padding:28px}@media (max-width:820px){.hero-surface{flex-direction:column;gap:12px;padding:20px;text-align:center}}a{color:#00f5ff;color:var(--accent-turquoise);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.01em;letter-spacing:var(--ls-base);text-decoration:none!important}a:hover{color:#00ced1;color:var(--accent-turquoise-dark);text-shadow:0 0 14px #00f5ff;text-shadow:0 0 14px var(--accent-turquoise)}.tabs{display:flex;gap:12px;margin-bottom:16px}@media (max-width:540px){.tabs{flex-wrap:wrap;gap:8px}}.tab-btn{background:#0000;border:1px solid #00f5ff;border:1px solid var(--accent-turquoise);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-weight:700;letter-spacing:.01em;letter-spacing:var(--ls-base);padding:8px 16px}.tab-btn.active{background:#00f5ff;background:var(--accent-turquoise);color:#0a0a0a;color:var(--text-on-accent-dark)}.specs-list{list-style:none;padding:0}.specs-list li{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-primary);display:flex;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);justify-content:space-between;padding:8px 0}@media (max-width:540px){.specs-list li{align-items:flex-start;flex-direction:column;gap:4px}}.specs-list li span:first-child{font-weight:700}.menu-desktop,.menu-item{position:relative}.menu-label{border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:16px;font-weight:800;letter-spacing:.01em;letter-spacing:var(--ls-base);padding:10px 14px;text-shadow:0 0 5px gold;text-shadow:0 0 5px var(--accent-yellow);transition:all .3s ease}.submenu{background:linear-gradient(180deg,#1a1a1ae6,#0c0c0ce6);background:var(--surface-gradient);border:2px solid gold;border:2px solid var(--accent-yellow);border-radius:18px;border-radius:var(--radius);box-shadow:0 0 20px gold,0 10px 30px #00000059;box-shadow:0 0 20px var(--accent-yellow),var(--shadow-card);display:block;left:0;list-style:none;min-width:220px;padding:12px;position:absolute;top:100%;z-index:1000}.submenu li{margin-bottom:6px}.menu-label-mobile{color:#fff;color:var(--text-primary);cursor:pointer;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:16px;font-weight:800;letter-spacing:.01em;letter-spacing:var(--ls-base);padding:10px 0;text-shadow:0 0 5px gold;text-shadow:0 0 5px var(--accent-yellow);transition:all .3s ease}.pixel-menu-button{background:linear-gradient(180deg,#1a1a1ae6,#0c0c0ce6);background:var(--surface-gradient);border:3px solid gold;border:3px solid var(--accent-yellow);border-radius:12px;box-shadow:0 0 12px gold,inset 0 0 8px gold;box-shadow:0 0 12px var(--accent-yellow),inset 0 0 8px var(--accent-yellow);color:#fff;color:var(--header-icon-stroke);display:flex;height:44px;image-rendering:auto;position:relative;transition:all .3s ease;width:44px}.cart-badge,.pixel-menu-button{align-items:center;justify-content:center}.cart-badge{background:gold;background:var(--accent-yellow);border-radius:50%;color:#0a0a0a;color:var(--text-on-accent-dark);display:inline-flex!important;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:10px;font-weight:800;height:20px;min-width:20px}.btn.in-cart{background:#666!important;border-color:#666!important;cursor:not-allowed!important;opacity:.6!important}.header .badge.cart-badge{align-items:center;background:gold;background:var(--accent-yellow);border-radius:50%;box-shadow:0 2px 4px #0003;color:#0a0a0a;color:var(--text-on-accent-dark);display:inline-flex!important;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:10px;font-weight:800;height:20px;justify-content:center;line-height:1;min-width:auto;padding:0;width:20px}@media (max-width:540px){.header .badge.cart-badge{font-size:9px;height:18px;width:18px}}.btn-account,.btn-login,.btn-logout,.btn-register{align-items:center;border-radius:999px;display:inline-flex;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:12px;font-weight:800;justify-content:center;letter-spacing:.03em;letter-spacing:var(--ls-wide);padding:10px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-login{background:#0000;border:2px solid #00f5ff;border:2px solid var(--accent-turquoise);box-shadow:0 0 8px #00f5ff,inset 0 0 8px #00f5ff;box-shadow:0 0 8px var(--accent-turquoise),0 0 8px var(--accent-turquoise) inset;color:#00f5ff;color:var(--accent-turquoise)}.btn-login:hover{background:#ffffff0a;background:var(--surface-input);box-shadow:0 0 16px #00f5ff,inset 0 0 8px #00f5ff;box-shadow:0 0 16px var(--accent-turquoise),0 0 8px var(--accent-turquoise) inset;color:#00ced1;color:var(--accent-turquoise-dark);transform:translateY(-1px)}.btn-register{background:linear-gradient(45deg,#ff007f,#7b2cbf);background:linear-gradient(45deg,var(--accent-pink),var(--accent-purple-dark));border:2px solid #ff007f;border:2px solid var(--accent-pink);box-shadow:0 4px 12px #0003,0 0 15px #ff007f;box-shadow:0 4px 12px #0003,0 0 15px var(--accent-pink);color:#fff;color:var(--text-on-accent-light)}.btn-register:hover{box-shadow:0 6px 20px #0000004d,0 0 25px #ff007f;box-shadow:0 6px 20px #0000004d,0 0 25px var(--accent-pink);transform:translateY(-2px)}.btn-account{background:#0000;border:2px solid gold;border:2px solid var(--accent-yellow);box-shadow:inset 0 0 8px gold,0 0 8px gold;box-shadow:0 0 8px var(--accent-yellow) inset,0 0 8px var(--accent-yellow);color:gold;color:var(--accent-yellow);padding:10px 16px}.btn-account:hover{background:#ffffff0a;background:var(--surface-input);box-shadow:0 0 16px gold,inset 0 0 8px gold;box-shadow:0 0 16px var(--accent-yellow),0 0 8px var(--accent-yellow) inset;color:orange;color:var(--accent-yellow-dark);transform:translateY(-1px)}.btn-logout{background:#0000;border:2px solid #ff007f;border:2px solid var(--accent-pink);box-shadow:inset 0 0 8px #ff007f,0 0 8px #ff007f;box-shadow:0 0 8px var(--accent-pink) inset,0 0 8px var(--accent-pink);color:#ff007f;color:var(--accent-pink);cursor:pointer;padding:10px 24px}.btn-logout:hover{background:#ffffff0a;background:var(--surface-input);box-shadow:0 0 16px #ff007f,inset 0 0 8px #ff007f;box-shadow:0 0 16px var(--accent-pink),0 0 8px var(--accent-pink) inset;color:#ff4d6d;color:var(--accent-pink-dark);transform:translateY(-1px)}.account-layout{grid-gap:24px;align-items:flex-start;display:grid;gap:24px;grid-template-columns:280px 1fr}.account-sidebar{display:flex;flex-direction:column;gap:20px;padding:24px;position:-webkit-sticky;position:sticky;top:80px}.account-user-info{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-primary);padding-bottom:20px;text-align:center}.account-user-info .h2{color:gold;color:var(--accent-yellow);font-size:18px;margin:0}.account-nav{display:flex;flex-direction:column;gap:8px}.account-nav-link{background:#0000;border:none;border-radius:8px;color:#00f5ff;color:var(--accent-turquoise);cursor:pointer;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:13px;font-weight:800;letter-spacing:.01em;letter-spacing:var(--ls-base);padding:12px 16px;position:relative;text-align:left;transition:all .2s ease-in-out}.account-nav-link:hover{transform:translateX(5px)}.account-nav-link.active,.account-nav-link:hover{background:#ffffff0a;background:var(--surface-input);color:#00ced1;color:var(--accent-turquoise-dark)}.account-nav-link.active{font-weight:900}.account-nav-link.active:before{animation:blink 1.5s infinite;color:gold;color:var(--accent-yellow);content:">";left:0;position:absolute;top:50%;transform:translateY(-50%)}.account-sidebar .btn-logout{margin-top:auto;width:100%}.account-content{min-height:500px}.order-card{grid-gap:16px;align-items:center;border-left:4px solid;display:grid;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);gap:16px;grid-template-columns:1fr 1.5fr 1fr 1fr;padding:20px;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.order-card:hover{box-shadow:0 20px 50px #00000073;box-shadow:var(--shadow-card-hover);transform:translateX(5px)}.order-card span{color:#bbb;color:var(--text-secondary);display:block;font-size:10px;margin-bottom:4px}.order-card p{color:#fff;color:var(--text-primary);font-size:13px;margin:0}.order-status{border-radius:999px;display:inline-block;font-size:10px;font-weight:800;padding:4px 10px;text-align:center}.settings-form{grid-gap:24px;background:#1c1c1c;background:var(--surface-primary);border-radius:18px;border-radius:var(--radius);display:grid;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);gap:24px;grid-template-columns:1fr 1fr;padding:32px}.settings-form h3{color:gold;color:var(--accent-yellow);font-family:Russo One,Montserrat,system-ui,sans-serif;font-family:var(--font-display);font-weight:900;grid-column:1/-1;text-align:center}.settings-form label{color:gold;color:var(--accent-yellow);display:block;font-size:11px;font-weight:800;letter-spacing:.005em;letter-spacing:var(--ls-tight);margin-bottom:8px}.settings-form div{grid-column:1/-1}.form-group-pair{grid-gap:24px;display:grid;gap:24px;grid-column:1/-1;grid-template-columns:1fr 1fr}.settings-form button[type=submit]{grid-column:1/-1;margin-top:16px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes drift{0%{background-position:0 0}to{background-position:1000px 600px}}.shimmer{overflow:hidden;position:relative}.shimmer:after{animation:shimmer 2.8s ease-in-out infinite;background:linear-gradient(120deg,#0000 25%,#ffffff24 35%,#0000 45%);background:var(--surface-shimmer);content:"";inset:-120% -40%;position:absolute;transform:rotate(20deg)}@keyframes shimmer{0%{transform:translateX(-120%) rotate(20deg)}to{transform:translateX(120%) rotate(20deg)}}.center{align-items:center;display:flex;justify-content:center}.hidden{display:none}@media (max-width:540px){.header{overflow-x:hidden}.nav{flex-wrap:nowrap;gap:8px;justify-content:space-between;padding:8px 12px}.brand{flex-shrink:1;max-width:60%;overflow:hidden}.brand .retro{display:none}.brand img{height:auto;width:100px}.nav>div{gap:6px}.btn-green,.btn-wish{font-size:10px!important;min-width:auto!important;padding:6px 10px!important}.header .badge.cart-badge{font-size:8px;height:16px;right:-6px;top:-4px;width:16px}.pixel-menu-button{border-width:2px;height:38px;width:38px}.container.nav{max-width:100%;overflow-x:hidden;width:100%}}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;cursor:pointer;inset:0;position:fixed;z-index:990}
/* !!! ВИПРАВЛЕНО: .mobile-menu ТЕПЕР ПРАЦЮЄ !!! */#mobile-menu-panel.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0abf;background:var(--surface-header-bg);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-primary);left:0;position:fixed;right:0;top:0;transform-origin:top;will-change:transform,opacity;z-index:991}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (min-width:769px){.no-scrollbar::-webkit-scrollbar{height:8px}.no-scrollbar::-webkit-scrollbar-track{background:#0000}.no-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1f;background:var(--border-input);border:1px solid #ffffff0a;border:1px solid var(--surface-input);border-radius:8px}}.h1.retro{font-family:Russo One,system-ui,sans-serif;letter-spacing:.5px}.h2.mono{font-weight:900;letter-spacing:.35px;text-shadow:none}.h2.mono,.mono{font-family:Montserrat,system-ui,sans-serif}[data-theme=dark] .h1.retro{text-shadow:0 0 2px #ffd70059}[data-theme=light] .h1.retro{text-shadow:none}.btn{align-items:center;background:#ffffff0a;background:var(--surface-input);border:1px solid #ffffff1f;border:1px solid var(--border-input);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:800;gap:8px;height:36px;justify-content:center;letter-spacing:.3px;padding:0 14px;text-decoration:none;transition:box-shadow .2s ease,transform .15s ease,background .2s ease,border-color .2s ease}.btn:active{box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow-card);transform:translateY(0)}.btn:focus-visible{outline:2px solid #00f5ff;outline:2px solid var(--border-input-focus);outline-offset:2px}.btn-green{background:linear-gradient(180deg,#4caf50,#388e3c);background:linear-gradient(180deg,var(--accent-green),var(--accent-green-dark));border:1px solid #00000026;box-shadow:0 12px 22px 0 0 28px #4caf5040,inset 0 1px 0 #ffffff80;box-shadow:0 12px 22px var(--shadow-btn-green),inset 0 1px 0 #ffffff80;color:#fff;color:var(--text-on-accent-light)}.btn-green:active{box-shadow:0 10px 18px #4caf50,inset 0 1px 0 #ffffff80;box-shadow:0 10px 18px var(--accent-green),inset 0 1px 0 #ffffff80}.carousel-row{position:relative}.carousel-row .btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0abf;background:var(--surface-header-bg);border:1px solid #ffffff1f;border:1px solid var(--border-input);border-radius:9999px;color:#fff;color:var(--text-primary);height:34px;line-height:1;padding:0;width:34px}@media (max-width:768px){
  /* !!! ВИПРАВЛЕНО: ТЕПЕР ТІЛЬКИ СТРІЛКИ ХОВАЮТЬСЯ !!! */.carousel-row .btn.carousel-arrow{display:none}}.carousel-fade-left{background:linear-gradient(90deg,#0a0a0ae6,#0000);border-radius:8px 0 0 8px;inset:0 auto 0 0}.carousel-fade-left,.carousel-fade-right{pointer-events:none;position:absolute;width:40px;z-index:1}.carousel-fade-right{background:linear-gradient(270deg,#0a0a0ae6,#0000);border-radius:0 8px 8px 0;inset:0 0 0 auto}.carousel-more-tile.surface{background:#ffffff0a;background:var(--surface-input);border-color:#ffffff1f;border-color:var(--border-input);border-style:dashed;transition:all .2s ease}.carousel-more-tile.surface:hover{border-color:#00f5ff;border-color:var(--accent-turquoise);transform:translateY(-4px)}[data-theme=light] .carousel-fade-left{background:linear-gradient(90deg,#f4f4f7f2,#0000)}[data-theme=light] .carousel-fade-right{background:linear-gradient(270deg,#f4f4f7f2,#0000)}.submenu-link{border-radius:6px;color:gold;color:var(--accent-yellow);display:block;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.005em;letter-spacing:var(--ls-tight);opacity:1!important;padding:8px 12px;text-decoration:none;transition:all .2s ease}[data-theme=dark] .menu-label,[data-theme=dark] .menu-label-mobile{text-shadow:0 0 5px gold;text-shadow:0 0 5px var(--accent-yellow)}[data-theme=dark] .submenu-link{text-shadow:0 0 5px #ff007f;text-shadow:0 0 5px var(--accent-pink)}[data-theme=light] .menu-label,[data-theme=light] .menu-label-mobile,[data-theme=light] .submenu-link{text-shadow:none}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.8}}.btn,.btn-green,.btn-outline,.btn-wish,.card,.menu-label,.submenu-link{will-change:transform,box-shadow,opacity}

/* !!! Змінюємо will-change для меню, що анімує 'transform' !!! */#mobile-menu-panel,.header{will-change:transform,opacity}@media (hover:hover){.btn-green:hover,.btn-outline:hover,.btn-wish:hover,.btn:hover{filter:saturate(1.12);transform:translateY(-2px) scale(1.02)}.card:hover{box-shadow:0 20px 50px #00000073;box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.submenu-link:hover{transform:translateX(5px)}[data-theme=dark] .menu-label-mobile:hover,[data-theme=dark] .menu-label:hover{animation:neonPulse 1.5s ease-in-out infinite;text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold;text-shadow:0 0 10px var(--accent-yellow),0 0 20px var(--accent-yellow),0 0 30px var(--accent-yellow)}[data-theme=dark] .submenu-link:hover{background:#ffd70026;text-shadow:0 0 10px gold,0 0 20px gold;text-shadow:0 0 10px var(--accent-yellow),0 0 20px var(--accent-yellow)}[data-theme=light] .menu-label:hover{color:gold;color:var(--accent-yellow);transform:translateY(-2px)}[data-theme=light] .submenu-link:hover{background:#ffffff0a;background:var(--surface-input)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;will-change:auto!important}*,.shimmer:after,body:before{animation:none!important}}@media (max-width:820px),(pointer:coarse){body{background-attachment:scroll,scroll,scroll!important}body:before{animation:none;opacity:.12}body:after{opacity:.08}.header{background:#0a0a0aeb!important;background:#ffffffeb!important}.carousel-row .btn,.header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.carousel-row .btn{[data-theme=dark] &{background:#0a0a0acc!important}[data-theme=light] &{background:#fffc!important}}.brand-logo,.product-media,[src*=bitzone-logo],img[style*=drop-shadow]{filter:none!important}.card,.surface,[class*=shadow-card],[style*=box-shadow]{box-shadow:0 4px 12px #0000001a!important;[data-theme=dark] &{box-shadow:0 6px 16px #00000040!important}}.shimmer:after{display:none!important}img{image-rendering:auto!important}.brand-logo,[alt=BitZone]{image-rendering:pixelated!important}}.card{contain:content;contain-intrinsic-size:360px 460px;content-visibility:auto}html{scroll-behavior:smooth}.container{will-change:auto}@media (max-width:540px){.surface{background:#1c1c1c!important;background:var(--surface-primary)!important;border:1px solid #ffffff0f!important;border:1px solid var(--border-primary)!important}.carousel-row .carousel-card-wrap .card{contain:none!important;contain-intrinsic-size:auto!important;content-visibility:visible!important}.carousel-row .card[data-variant=carousel] .card-body{gap:8px!important;padding:10px 10px 12px!important}.carousel-row .card[data-variant=carousel] .btn{font-size:10.5px!important;height:32px!important;min-height:32px!important;padding:0 10px!important;white-space:nowrap}.carousel-row .card[data-variant=carousel] .btn-wish{min-width:32px!important;padding:0!important;width:32px!important}.carousel-row .card[data-variant=carousel] .btn:not(.btn-wish){background:linear-gradient(180deg,#4caf50,#388e3c)!important;background:linear-gradient(180deg,var(--accent-green),var(--accent-green-dark))!important;border:1px solid #00000026!important;box-shadow:0 12px 22px 0 0 28px #4caf5040,inset 0 1px 0 #ffffff80!important;box-shadow:0 12px 22px var(--shadow-btn-green),inset 0 1px 0 #ffffff80!important;color:#fff!important;color:var(--text-on-accent-light)!important}.carousel-row .card[data-variant=carousel]>span{border-width:1px!important;font-size:9px!important;padding:4px 8px!important}.carousel-row .card[data-variant=carousel] .h2,.carousel-row .card[data-variant=carousel] h2{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;font-size:13px!important;line-height:1.25!important;margin:0!important;min-height:32px!important;overflow:hidden!important}}
/*# sourceMappingURL=main.d862fb18.css.map*/