@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@600;700;800&display=swap";:root{font-family:DM Sans,Arial;color:#111827;background:#fff}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}.topbar{background:#101114;color:#e5e7eb;font-size:12px;text-align:center;padding:10px}header,nav,main,.section,footer{max-width:1240px;margin:auto}header{height:82px;display:flex;align-items:center;gap:42px;padding:0 22px}.brand{font:800 26px Outfit;letter-spacing:-1px;background:none;white-space:nowrap}.brand b{color:#1463df;font-size:34px;margin-right:3px;font-style:italic}.brand i,.admin-brand i{color:#1463df;font-style:normal}.search{border:1px solid #e5e7eb;height:44px;border-radius:6px;display:flex;align-items:center;gap:9px;padding-left:13px;flex:1}.search input{border:0;outline:0;flex:1}.search button,.primary{background:#1463df;color:#fff;padding:12px 17px;border-radius:5px;font-weight:700}.head-actions{display:flex;gap:11px;align-items:center}.head-actions button{background:none;display:flex;gap:6px;align-items:center;position:relative}.head-actions b{background:#1463df;color:#fff;border-radius:12px;padding:1px 5px;font-size:10px;position:absolute;top:-8px;right:-9px}nav{border-top:1px solid #eee;height:45px;display:flex;gap:28px;align-items:center;padding:0 22px;overflow:auto}nav button{background:none;white-space:nowrap;font-weight:600;font-size:13px;display:flex;gap:6px;align-items:center}.offer{color:#d23131;margin-left:auto}.hero{max-width:1196px;margin:18px auto;min-height:350px;border-radius:15px;overflow:hidden;background:#050505;color:#fff;position:relative;display:flex;align-items:center}.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.66}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050505 5%,#05050599 42%,transparent 75%)}.hero>div:not(.dots){position:relative;z-index:1;padding:45px 9%;max-width:520px}.hero small,.blue-banner small{color:#79a7ff;font-weight:700;letter-spacing:1px}.hero h1{font:800 42px/1.12 Outfit;margin:9px 0}.hero p{color:#e2e5e9;line-height:1.5}.hero>div button{display:flex;align-items:center;gap:5px;margin-top:20px}.slide{position:absolute;z-index:2;top:50%;background:#0008;color:#fff;border:1px solid #fff3;border-radius:50%;width:39px;height:39px}.slide.left{left:18px}.slide.right{right:18px}.dots{position:absolute;z-index:2;bottom:18px;left:50%;transform:translate(-50%)}.dots button{width:7px;height:7px;border-radius:50%;padding:0;margin:4px;background:#aaa}.dots .on{background:#fff;width:18px;border-radius:6px}.benefits{max-width:1196px;margin:0 auto;padding:18px;display:flex;justify-content:space-between;gap:18px;color:#1e3a6d;font-weight:700;font-size:13px}.section{padding:21px 22px}.section h2{font:700 23px Outfit}.section h2 span{float:right;font:600 13px DM Sans;color:#1463df}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category{background:#f7f8fb;min-height:102px;border-radius:9px;display:grid;place-items:center;gap:7px;color:#4b5563}.category svg{color:#1463df;width:30px;height:30px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{border:1px solid #e6e8ed;border-radius:9px;padding:13px;display:flex;flex-direction:column}.product img{width:100%;height:185px;object-fit:contain;background:#fafafa}.product small{color:#1463df;font-weight:700;margin-top:10px}.product h3{font-size:14px;margin:5px 0;min-height:35px}.product del{font-size:11px;color:#9299a7}.product strong{font:700 19px Outfit;margin:2px 0}.product em{font-size:11px;font-style:normal;color:#168054;font-weight:700}.product button{margin-top:12px;padding:9px;color:#1463df;background:#edf4ff;border-radius:5px;font-weight:700}.blue-banner{max-width:1196px;margin:25px auto 45px;background:linear-gradient(110deg,#061a43,#1463df);color:#fff;border-radius:12px;padding:32px 55px}.blue-banner h2{font:700 31px Outfit;margin:7px 0 17px}.blue-banner button{background:#fff;color:#1463df;padding:11px 16px;border-radius:5px;font-weight:700}.catalog h1,.cart h1,.profile h1{font:700 32px Outfit}.cart{display:grid;grid-template-columns:1fr 320px;gap:25px}.cart-row{display:flex;align-items:center;border-bottom:1px solid #e5e7eb;padding:10px;gap:15px}.cart-row img{width:60px;height:60px;object-fit:contain}.cart-row b{flex:1}.cart-row button{background:#fff0f0;color:#c63131;padding:7px}.cart aside{border:1px solid #e5e7eb;border-radius:9px;padding:18px;height:max-content}.cart aside p{display:flex;justify-content:space-between}.cart aside button,.profile>button{width:100%;background:#1463df;color:#fff;padding:12px;border-radius:5px;font-weight:700}.profile{min-height:350px;text-align:center}.role{background:#edf4ff;color:#1463df;padding:5px 9px;border-radius:5px;font-size:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182799;display:grid;place-items:center;z-index:5;padding:16px}.modal form{background:#fff;border-radius:11px;padding:25px;width:min(430px,100%);display:flex;flex-direction:column;gap:11px;position:relative}.modal h2{font:700 26px Outfit;margin:0 0 6px}.modal input{border:1px solid #dfe3eb;border-radius:5px;padding:12px;outline-color:#1463df}.modal .x{position:absolute;right:13px;top:13px;background:none}.google{padding:12px;border:1px solid #dfe3eb;background:#fff;border-radius:5px;font-weight:700}.or{text-align:center;font-size:12px;color:#7b8490}.link{background:none;color:#1463df}.message{color:#b45309;font-size:13px}.admin{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 127px);max-width:none;background:#f6f8fb}.admin aside{background:#101827;color:#dbe1ec;padding:24px 13px}.admin-brand{font:700 21px Outfit;padding:0 10px 27px}.admin-brand small{display:block;font:500 11px DM Sans;text-transform:uppercase;color:#8da2c8;margin-top:3px}.admin aside button{color:#c6d0e3;background:none;width:100%;padding:12px 10px;border-radius:6px;text-align:left;display:flex;gap:10px;align-items:center}.admin aside button.active,.admin aside button:hover{background:#263750;color:#fff}.admin-content{padding:32px;max-width:1120px;width:100%}.admin-content h1{font:700 30px Outfit;margin-top:0}.title-row{display:flex;justify-content:space-between;align-items:center}.title-row button{display:flex;gap:7px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid #e4e8ef;padding:17px;border-radius:9px;display:flex;gap:12px;color:#1463df}.stat span{color:#687181;font-size:12px}.stat b{display:block;color:#172033;font:700 21px Outfit;margin-top:5px}.table{background:#fff;border:1px solid #e4e8ef;border-radius:9px;overflow:auto}.tr{display:grid;grid-template-columns:2fr 1fr 80px 100px;gap:15px;padding:13px 17px;border-bottom:1px solid #edf0f4;align-items:center}.tr small{display:block;color:#818999;margin-top:3px}.tr.head{font-size:11px;font-weight:700;color:#737d8d}.tr button{background:#edf4ff;color:#1463df;padding:7px;margin:1px;border-radius:4px}.instock{color:#168054}.out{color:#c63131}.demo-note{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#fff4d6;border:1px solid #f1d48a;color:#705117;border-radius:6px;padding:10px 14px;font-size:12px;z-index:4}footer{border-top:1px solid #e5e7eb;padding:30px 22px;margin-top:35px;color:#687181;font-size:13px}@media(max-width:720px){.topbar span{display:none}header{height:auto;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:12px}.brand{font-size:23px}.search{grid-column:span 2;grid-row:2}.head-actions span{display:none}nav{padding:0 16px;gap:20px}.hero{border-radius:0;margin:0;height:390px}.hero>div:not(.dots){padding:0 30px 35px;align-self:end}.hero h1{font-size:34px}.slide{display:none}.benefits{overflow:auto;justify-content:start;white-space:nowrap}.category-grid{display:flex;overflow:auto}.category{min-width:125px}.products{display:flex;overflow:auto;margin-right:-16px;padding-right:16px}.product{min-width:180px}.section{padding:18px 16px}.blue-banner{margin:20px 16px;padding:27px}.cart,.admin{grid-template-columns:1fr}.admin aside{display:flex;overflow:auto;padding:12px}.admin-brand{display:none}.admin aside button{white-space:nowrap;width:auto}.admin-content{padding:20px 15px}.stats{grid-template-columns:1fr 1fr}.tr{grid-template-columns:2fr 1fr 50px}.tr span:last-child{display:none}.demo-note{width:calc(100% - 30px);text-align:center}}.brand b{display:none}.password-wrap{position:relative;display:block}.password-wrap input{width:100%;padding-right:45px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;color:#1463df;font-size:20px;line-height:1;padding:7px}.admin-user{border-top:1px solid #40516a;margin-top:10px;padding-top:10px;color:#fff!important;text-transform:none!important;font-size:12px!important;word-break:break-word}.image-upload{display:block;border:1px dashed #9db9eb;border-radius:5px;padding:10px;color:#1463df;font-size:12px;cursor:pointer}.image-upload input{border:0!important;padding:7px 0 0!important}.image-upload.uploading{opacity:.65}