:root{--bg:#0b0a0f;--panel:#17141e;--panel-hi:#211b2b;--line:#30283b;--muted:#9b94a8;--accent:#b24bff;--accent-hover:#d36aff;--focus:#dfc3ff;--red:var(--accent);--green:#5ee7a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1440px;margin:auto;padding:18px 32px}.topbar{border:1px solid var(--line);z-index:10;background:#17141ef0;border-radius:16px;align-items:center;gap:18px;padding:12px 16px;display:flex;position:sticky;top:10px}.brand{letter-spacing:-1px;font-size:23px;font-style:italic;font-weight:900}.brand span{color:var(--accent)}.catalog-link{white-space:nowrap}.search{flex:1;gap:8px;display:flex;position:relative}.search input,.filters input,.filters select{color:#fff;background:#100d16;border:1px solid #453855;border-radius:8px;width:100%;min-width:0;padding:12px 14px}.search input::placeholder,.filters input::placeholder{color:#81798f}.search .btn{min-width:88px}.suggestions{z-index:20;background:#221b2d;border:1px solid #5a4770;border-radius:8px;position:absolute;top:52px;left:0;right:96px;overflow:hidden}.suggestions button{text-align:left;color:#fff;background:0 0;border:0;width:100%;padding:11px 14px;display:block}.suggestions button:hover{background:#352344}.cart-link{white-space:nowrap;font-weight:700}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:800}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:#2b2337}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hero{border:1px solid var(--line);background:#111018;border-radius:18px;grid-template-columns:48% 52%;align-items:stretch;min-height:480px;margin:22px 0 44px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:72px 0 58px 64px;position:relative}.eyebrow{color:#ba85ff;letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.065em;margin:26px 0 24px;font-size:clamp(52px,7vw,96px);line-height:.9}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy p{color:#c4bdce;max-width:420px;margin-bottom:30px;font-size:17px;line-height:1.55}.hero-cta span{margin-left:12px;font-size:20px}.hero-visual{justify-content:center;align-items:flex-end;min-height:480px;display:flex;position:relative}.hero-visual img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 34px #000);width:100%;max-width:700px;height:100%;position:relative}.hero-index{color:#887a99;z-index:2;font:12px monospace;position:absolute;top:28px;right:38px}.hero-lines{opacity:.6;border-top:1px solid #4a3a57;border-bottom:0;border-left:0;border-right:1px solid #4a3a57;position:absolute;inset:16% 8% 15% 6%;transform:skewY(-8deg)}.hero-caption{color:#bdb1ca;letter-spacing:.15em;z-index:2;font:11px monospace;position:absolute;bottom:24px;right:34px}.hero-caption span{color:#75677f;margin-left:10px}.layout{grid-template-columns:230px minmax(0,1fr);gap:24px;display:grid}.side{background:var(--panel);border:1px solid var(--line);border-radius:12px;height:max-content;padding:14px}.side h3{color:#bcaec9;text-transform:uppercase;letter-spacing:.12em;margin:2px 8px 12px;font-size:12px}.side button{text-align:left;color:#c6bfce;background:0 0;border:0;border-radius:7px;width:100%;min-height:44px;padding:10px 9px;display:block}.side button:hover,.side button.active{color:#fff;background:#332241}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters input,.filters select{width:130px;padding:10px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.photo{aspect-ratio:1.18;background:#201b28;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo-empty{color:#81758d;place-items:center;height:100%;display:grid}.gallery-arrow,.quick{z-index:2;color:#fff;background:#120e18cc;border:0;border-radius:50%;width:44px;height:44px;position:absolute}.gallery-arrow{top:calc(50% - 22px)}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}.quick{top:8px;right:8px}.dots{text-align:center;position:absolute;bottom:8px;left:0;right:0}.dot{background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;display:inline-flex;position:relative}.dot:after{content:"";background:#aa9eb6;border-radius:9px;width:7px;height:7px;display:block}.dot.on:after{background:var(--accent);width:18px}.cardbody{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.price{font-size:20px;font-weight:900}.card h3{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.35}.sku{overflow-wrap:anywhere}.meta{color:var(--muted);font-size:12px}.stock{color:var(--green);font-size:12px}.cardbody .btn{width:100%;margin-top:auto}.pager{justify-content:center;align-items:center;gap:16px;margin:24px 0;display:flex}.empty{text-align:center;color:var(--muted);border:1px dashed #4b3c58;border-radius:12px;padding:56px 24px}.footer{color:var(--muted);padding:42px 0;font-size:13px}.dialog{z-index:30;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog>div{background:var(--panel);border:1px solid #59466d;border-radius:14px;width:100%;max-width:700px;max-height:90vh;padding:22px;overflow:auto}.admin{max-width:1100px;margin:auto;padding:28px}.admin-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.form label{color:#c9c1d1;gap:6px;margin-bottom:12px;font-size:13px;display:grid}.form input,.form textarea,.form select{border:1px solid var(--line);color:#fff;background:#100d16;border-radius:7px;padding:10px}.table-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 120px minmax(0,240px);align-items:center;gap:10px;min-width:0;padding:12px 0;display:grid}.table-row>span{overflow-wrap:anywhere}.table-row>span:last-child{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.table-row .btn{min-height:40px;padding:8px 10px;font-size:12px}.form input[type=file]{color:#c9c1d1;padding:8px}@media (max-width:1000px){.layout{display:block}.side{gap:6px;margin-bottom:18px;display:flex;overflow-x:auto}.side h3{display:none}.side button{white-space:nowrap;width:auto;min-width:max-content}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.topbar{flex-wrap:wrap}.search{flex-basis:100%;order:3}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-left:36px}.hero h1{font-size:clamp(48px,8vw,76px)}}@media (max-width:690px){.shell{padding:10px 14px}.hero{flex-direction:column;min-height:0;margin-top:12px;display:flex}.hero-copy{padding:38px 24px 20px}.hero h1{margin:20px 0;font-size:clamp(48px,15vw,72px)}.hero-copy p{font-size:15px}.hero-visual{height:48vw;min-height:250px;max-height:380px}.hero-visual img{object-position:center bottom}.hero-caption{font-size:10px;bottom:12px;right:18px}.hero-index{top:12px;right:18px}.hero-lines{inset:8% 5%}.toolbar{flex-direction:column;align-items:stretch}.filters{grid-template-columns:1fr 1fr;display:grid}.filters input,.filters select{width:100%;min-width:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cardbody{padding:11px}.card h3{font-size:13px}.table-row{grid-template-columns:minmax(0,1fr) auto}.table-row>span:last-child{grid-column:1/-1;justify-content:flex-start}.admin{padding:14px}.admin-grid{grid-template-columns:1fr}}@media (max-width:359px){.grid{grid-template-columns:1fr}.hero-copy{padding-left:18px;padding-right:18px}}@media (max-width:600px){.topbar{justify-content:space-between}.catalog-link{display:none}.search{flex-basis:100%;order:3;width:100%}.cart-link{margin-left:auto}}