@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--blue:#2b6ff7;--ink:#111827;--muted:#6b7280;--line:#e8eaee;--bg:#fff;--dark:#050a12}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;background:0 0;border:0}.topbar{color:#fff;background:#08090b;justify-content:space-between;align-items:center;height:28px;padding:0 5%;font-size:10px;display:flex}.topbar div{gap:22px;display:flex}header{z-index:20;background:#fff;border-bottom:1px solid #eee;height:52px;position:sticky;top:0}.header-inner{align-items:center;gap:40px;max-width:1180px;height:100%;margin:auto;padding:0 18px;display:flex}.logo img{width:142px;height:auto;display:block}nav{flex:1;align-items:center;gap:28px;font-size:12px;display:flex}nav>a:first-child{position:relative}nav>a:first-child:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:-18px;left:0;right:0}.nav-drop{align-items:center;height:52px;display:flex;position:relative}.nav-drop>span{align-items:center;gap:4px;display:flex}.nav-drop>div{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:170px;padding:8px;display:none;position:absolute;top:46px;left:-10px;box-shadow:0 12px 30px #0001}.nav-drop:hover>div{display:grid}.nav-drop a{padding:9px;font-size:12px}.actions{align-items:center;gap:16px;display:flex}.actions button{position:relative}.actions svg{width:18px}.badge{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;display:grid;position:absolute;top:-8px;right:-7px}.mobile-menu{display:none}.hero{color:#fff;background:radial-gradient(circle at 78%,#153a66 0,#0b1828 34%,#050a12 72%);height:324px;display:flex;overflow:hidden}.hero-copy{z-index:2;width:50%;max-width:600px;margin-left:max(50% - 590px,30px);padding:45px 0 0;position:relative}.hero-copy small{letter-spacing:1px;color:#cfd8e8;font-size:10px}.hero h1{letter-spacing:-1.5px;margin:18px 0 12px;font-size:38px;line-height:1.08}.hero h1 em{color:#2d72ff;font-style:normal}.hero p{color:#d2d7df;max-width:390px;font-size:11px;line-height:1.7}.hero-art{flex:1;justify-content:flex-end;align-items:center;display:flex}.hero-art img{object-fit:cover;object-position:center;opacity:.88;mix-blend-mode:screen;width:620px;height:100%}.btn{border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:11px;font-weight:600;display:inline-flex}.primary{background:var(--blue);color:#fff}.ghost,.outline{color:#fff;border:1px solid #707784;margin-left:8px}.outline{color:var(--ink);background:#fff;border-color:#d4d7dc}.benefits{grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;padding:20px 16px;display:grid;box-shadow:0 2px 18px #00000008}.benefits>div{border-right:1px solid #eee;align-items:center;gap:10px;padding:8px 18px;display:flex}.benefits>div:last-child{border:0}.benefits svg{width:20px}.benefits span{gap:4px;display:grid}.benefits b{font-size:10px}.benefits small{color:var(--muted);font-size:9px}.section{max-width:1180px;margin:42px auto;padding:0 16px}.section-head{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.section-head small,.page-title small,.kicker{color:#2b70e9;letter-spacing:.6px;font-size:9px;font-weight:700}.section-head h2{letter-spacing:-.5px;margin:7px 0 0;font-size:21px}.section-head>a{border:1px solid #ddd;border-radius:6px;padding:9px 13px;font-size:10px}.category-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.category-card{text-align:center;background:#f8f8f9;border:1px solid #f0f0f1;border-radius:6px;padding:10px 7px 12px;transition:all .2s}.category-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000000d}.category-card img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:95px}.category-card b{margin-top:5px;font-size:10px;display:block}.category-card small{color:#777;margin-top:4px;font-size:8px;line-height:1.3;display:block}.deal{color:#fff;background:#05070b;border-radius:8px;max-width:1180px;height:215px;margin:30px auto;padding:28px 34px;display:flex;position:relative;overflow:hidden}.deal>div{z-index:2;position:relative}.deal small{color:#2b74ff;font-size:9px}.deal h2{margin:13px 0 8px;font-size:27px;line-height:1.1}.deal p{color:#bbb;font-size:9px}.deal img{object-fit:cover;opacity:.82;width:57%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25%);mask-image:linear-gradient(90deg,#0000,#000 25%)}.product-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.product-card{background:#fff;border:1px solid #f0f0f1;border-radius:6px;min-width:0;padding:10px;position:relative}.product-img{background:#f7f7f8;border-radius:5px;height:180px;display:block;overflow:hidden}.product-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.heart{z-index:2;position:absolute;top:13px;right:13px}.sale{color:#fff;background:#2c73f6;border-radius:10px;padding:4px 7px;font-size:8px;position:absolute;top:13px;left:13px}.stars{color:#f5a623;margin:10px 0 5px;font-size:9px}.stars span{color:#9aa0aa}.product-name{min-height:30px;font-size:11px;font-weight:600;line-height:1.35;display:block}.price{margin:8px 0;font-size:14px;font-weight:800}.price del,.big-price del{color:#999;margin-left:5px;font-size:10px;font-weight:400}.add{border:1px solid #ddd;border-radius:5px;width:100%;padding:8px;font-size:10px}.page{max-width:1180px;margin:auto;padding:42px 18px 70px}.page-title{margin-bottom:30px}.page-title h1{margin:7px 0;font-size:30px}.page-title p{color:var(--muted);font-size:12px}.shop-tools{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.searchbox{border:1px solid #ddd;border-radius:6px;flex:1;align-items:center;max-width:400px;padding:0 10px;display:flex}.searchbox svg{width:16px}.searchbox input{border:0;outline:0;width:100%;padding:11px;font-size:11px}.shop-tools select{border:1px solid #ddd;border-radius:6px;padding:0 10px;font-size:10px}.chips{flex-wrap:wrap;gap:7px;margin-bottom:25px;display:flex}.chips a{border:1px solid #ddd;border-radius:20px;padding:7px 11px;font-size:9px}.chips .active,.chips a:hover{color:#2265e5;background:#edf3ff;border-color:#cbdcff}.empty{text-align:center;color:#777;padding:60px}.product-detail{grid-template-columns:1fr 1fr;align-items:start;gap:55px;display:grid}.gallery{background:#f7f7f8;border-radius:10px;place-items:center;height:470px;display:grid}.gallery img{object-fit:contain;mix-blend-mode:multiply;width:90%;height:90%}.product-detail h1{margin:10px 0;font-size:30px;line-height:1.2}.big-price{margin:20px 0;font-size:27px;font-weight:800}.product-detail p{color:#5e6470;font-size:12px;line-height:1.7}.stock{color:#16834b;margin:20px 0;font-size:10px}.purchase{display:flex}.detail-box{background:#f7f8fa;border-radius:7px;grid-template-columns:130px 1fr;gap:9px;margin-top:22px;padding:16px;font-size:10px;display:grid}.detail-box span{color:#6c7280}.cart-layout,.checkout{grid-template-columns:1.5fr .7fr;gap:30px;display:grid}.cart-row{border-bottom:1px solid #eee;grid-template-columns:100px 1fr auto;align-items:center;gap:18px;padding:14px 0;display:grid}.cart-row img{object-fit:contain;background:#f7f7f8;width:100px;height:90px}.cart-row p{font-size:12px}.qty{align-items:center;gap:9px;display:flex}.qty button{border:1px solid #ddd;padding:5px 9px;font-size:10px}.qty button:last-child{color:#e05252;border:0}.summary{border:1px solid #e4e6e9;border-radius:8px;height:max-content;padding:20px;position:sticky;top:80px}.summary h2{margin-top:0;font-size:16px}.summary p,.summary h3{justify-content:space-between;font-size:11px;display:flex}.summary h3{font-size:15px}.full{width:100%;margin:8px 0 0}.address,.pay{border:1px solid #e5e7eb;border-radius:7px;gap:10px;margin:9px 0;padding:14px;font-size:11px;display:flex}.address span{gap:5px;display:grid}.address small{color:#707784;line-height:1.5}.new-address{border:1px dashed #d9dce1;border-radius:7px;margin:15px 0 25px;padding:15px}.form-grid{grid-template-columns:1fr 1fr;gap:9px;margin:10px 0;display:grid}.form-grid input,.auth input,.inline-form input{border:1px solid #ddd;border-radius:5px;outline:none;padding:11px;font-size:10px}.coupon{margin:12px 0;display:flex}.coupon input{border:1px solid #ddd;flex:1;padding:9px;font-size:10px}.coupon button{color:#fff;background:#111827;padding:0 12px;font-size:10px}.order{border:1px solid #eee;border-radius:7px;grid-template-columns:1.5fr 1fr 1fr auto;align-items:center;gap:15px;margin-bottom:10px;padding:15px;font-size:11px;display:grid}.order>div{gap:4px;display:grid}.order small{color:#777}.order span{text-transform:uppercase;font-size:9px}.order a{color:#2b6ff7}.auth{background:#f6f7f9;place-items:center;min-height:calc(100vh - 80px);padding:40px;display:grid}.auth form{background:#fff;border-radius:10px;gap:11px;width:360px;padding:30px;display:grid;box-shadow:0 15px 45px #00000012}.auth img{width:150px;margin:auto auto 10px}.auth h1{text-align:center;margin:0 0 10px;font-size:22px}.text-btn{color:#286cf0;font-size:10px}.account-links{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.account-links a{border:1px solid #eee;border-radius:8px;align-items:center;gap:10px;padding:20px;font-size:11px;display:flex}.static{color:#565d68;font-size:13px;line-height:1.8}.admin-page{background:#f6f7f9;grid-template-columns:220px 1fr;min-height:calc(100vh - 80px);display:grid}.admin-page aside{background:#fff;border-right:1px solid #e6e8eb;flex-direction:column;gap:8px;padding:22px;display:flex}.admin-page aside img{width:145px;margin-bottom:15px}.admin-page aside b{color:#888;margin-bottom:7px;font-size:10px}.admin-page aside button,.admin-page aside a{text-align:left;text-transform:capitalize;border-radius:5px;padding:10px;font-size:10px}.admin-page aside button.active,.admin-page aside button:hover{color:#2468ef;background:#edf3ff}.admin-page>section{max-width:1200px;padding:30px}.admin-top{justify-content:space-between;align-items:center;display:flex}.admin-top h1{text-transform:capitalize;font-size:24px}.admin-top button{border:1px solid #ddd;border-radius:5px;padding:8px 13px;font-size:10px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat,.admin-card{background:#fff;border:1px solid #e8eaee;border-radius:8px;padding:18px}.stat small{color:#777;font-size:10px;display:block}.stat strong{margin-top:10px;font-size:21px;display:block}.admin-card{margin-top:18px}.admin-card h2{margin-top:0;font-size:15px}.admin-card p{border-bottom:1px solid #eee;justify-content:space-between;padding:8px 0;font-size:10px;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:10px}th{text-transform:uppercase;color:#777;font-size:8px}.inline-form{gap:8px;display:flex}.inline-form input{flex:1}.inline-form button{background:var(--blue);color:#fff;border-radius:5px;padding:0 14px;font-size:10px}footer{border-top:1px solid #eee;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px;max-width:1180px;margin:auto;padding:45px 18px;font-size:10px;display:grid}footer img{width:145px}footer div{align-content:start;gap:8px;display:grid}footer p{color:#777;margin:0}.copyright{text-align:center;color:#888;border-top:1px solid #eee;padding:15px;font-size:9px}@media (width<=800px){.topbar{font-size:8px}.topbar div{display:none}.header-inner{gap:10px}.mobile-menu{display:block}.actions{margin-left:auto}nav{background:#fff;flex-direction:column;align-items:flex-start;padding:15px;display:none;position:absolute;top:80px;left:0;right:0;box-shadow:0 15px 30px #0002}.open{display:flex}.hero{height:auto;min-height:460px}.hero-copy{width:100%;margin:0;padding:45px 25px}.hero-art{opacity:.35;position:absolute;right:0}.hero h1{font-size:35px}.benefits{grid-template-columns:1fr 1fr}.benefits>div:nth-child(2){border:0}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.deal{margin:20px 16px}.deal img{width:75%}.product-detail,.cart-layout,.checkout{grid-template-columns:1fr}.gallery{height:330px}.summary{position:static}.account-links{grid-template-columns:1fr}.order{grid-template-columns:1fr 1fr}.admin-page{grid-template-columns:1fr}.admin-page aside{grid-template-columns:repeat(4,1fr);display:grid;position:static}.admin-page aside img,.admin-page aside b{grid-column:1/-1}.stats,footer{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}