:root{--blue:#075be7;--navy:#063caa;--text:#101c36;--light:#f3f7ff;--line:#e2e9f5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button:hover,.primary:hover{filter:brightness(.94)}.wrap{max-width:1350px;width:calc(100% - 64px);margin:auto}.topbar{background:linear-gradient(90deg,#0350cc,#003d9d);color:#fff;font-size:12px;font-weight:650}.topflex{display:flex;justify-content:space-between;padding:8px 0}.head{height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-size:30px;font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.logo span{color:#0870f9}.logo>span:first-child{font-size:35px}.search{height:43px;display:flex;flex:1;max-width:600px;border:1px solid #c6d9fa;border-radius:30px;box-shadow:0 3px 14px #0763f51a;overflow:hidden}.search input{border:0;outline:0;flex:1;min-width:0;padding:0 20px}.search button,.primary{background:linear-gradient(145deg,#087aff,#0048cc);color:white;border:0;padding:10px 23px;border-radius:9px;font-weight:750}.search button{border-radius:25px;font-size:25px;padding:0 22px}.headlinks{display:flex;gap:25px;font-size:23px;color:#0650d0}.headlinks small{font-size:13px;color:#101c36}.nav{border-bottom:1px solid #e8eef9;box-shadow:0 4px 12px #0a45b50a}.navinner{display:flex;gap:38px;align-items:center;min-height:49px;font-weight:750}.navinner>a:hover{color:#0067f5}.allcat{background:#075ce5;color:white!important;padding:14px 22px;border-radius:9px 9px 0 0;min-width:220px}.hero-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:16px}.sidebar{background:linear-gradient(160deg,#075de9,#07399f);border-radius:13px;color:white;overflow:hidden;padding:0 12px 12px}.sidebar h3{font-size:15px;margin:0 -12px 8px;padding:12px 17px;background:#086ef5}.sidebar a{display:flex;justify-content:space-between;padding:7px 6px;font-size:13px}.sidebar a:hover{background:#ffffff1e;border-radius:6px}.hero{min-height:310px;position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 70% 70%,#80c4ff 0%,transparent 34%),linear-gradient(120deg,#0354d4,#0077fb 60%,#0349b8);color:#fff;display:flex;align-items:center}.hero:after{content:'';position:absolute;width:480px;height:480px;border:1px solid #ffffff2a;border-radius:50%;right:10%;top:-150px}.hero-text{position:relative;z-index:2;padding:28px 35px;width:54%}.hero h1{font-size:clamp(32px,4vw,56px);line-height:1.04;margin:15px 0;font-weight:900;letter-spacing:-1.5px}.hero p{font-size:16px;margin-bottom:25px}.pill{border-radius:20px;background:#0088ff;padding:7px 16px;font-weight:750}.yellowbtn{background:#ffd21c;color:#111a2b;padding:12px 28px;border-radius:30px;font-weight:850;display:inline-block}.hero-art{display:flex;align-items:end;position:absolute;right:2%;bottom:10%;width:47%;height:60%;z-index:1}.hero-art img{object-fit:contain;width:35%;height:90%;filter:drop-shadow(0 15px 10px #042c7b55)}.hero-art img:nth-child(2){height:70%}.hero-art img:nth-child(3){height:62%}.flag{position:absolute;right:18px;top:14px;font-weight:900;text-align:center;font-size:15px}.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:linear-gradient(#f7faff,#eaf2fd);margin:15px 0;border-radius:12px;box-shadow:0 5px 14px #0e55a20d}.benefits div{padding:15px 10px;text-align:center;border-right:1px solid #d9e5f4;font-size:22px}.benefits b{font-size:13px;display:block}.benefits small{font-size:11px;display:block}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 13px}.section-title h1,.section-title h2{font-size:24px;margin:0;letter-spacing:-.5px}.section-title a{color:#005de6;font-weight:750}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:13px}.categories a{min-width:0;background:linear-gradient(#f8fbff,#eaf3ff);border:1px solid #e5edf8;border-radius:12px;text-align:center;padding:14px 5px;box-shadow:0 5px 12px #0b54af13}.categories span{display:block;font-size:45px}.categories b{font-size:11px;display:block;margin-top:4px}.flash-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;margin:28px 0 20px}.flash-intro{background:linear-gradient(135deg,#ff4344,#c40041);color:white;border-radius:12px;padding:23px 20px}.flash-intro h2{font-size:29px;margin:0}.flash-intro p{margin:0 0 23px}.timer{background:#ffffff29;border-radius:8px;text-align:center;padding:13px;font-weight:800;margin-bottom:22px}.flash-intro a{background:white;color:#b8003d;border-radius:20px;display:block;text-align:center;padding:8px;font-weight:800}.products{display:grid;gap:13px}.flash-products{grid-template-columns:repeat(4,minmax(0,1fr))}.trending{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:45px}.product-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0d4c9a0a;background:#fff}.product-image{height:145px;position:relative;background:linear-gradient(155deg,#fff,#f3f8ff);display:flex;justify-content:center;align-items:center}.product-image img{max-width:90%;max-height:85%;object-fit:contain;mix-blend-mode:multiply}.stockbadge{position:absolute;top:10px;left:10px;background:#078331;color:white;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:800;z-index:2}.heart{position:absolute;right:9px;top:7px;background:white;border:0;border-radius:50%;font-size:23px;z-index:3}.product-body{padding:10px 12px}.product-name{font-weight:750;min-height:40px;display:block;font-size:12px}.stars{color:#ffa500;font-weight:800}.stars small{color:#71809c;font-weight:500}.price{color:#e0001d;font-size:20px;font-weight:900}.price del{color:#687388;font-size:12px;font-weight:500}.actions{display:flex;align-items:center;justify-content:space-between}.actions label{font-size:11px}.actions button{background:#0664ef;border:0;color:white;padding:7px 10px;border-radius:7px}.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promos a{position:relative;min-height:132px;border-radius:14px;padding:21px;overflow:hidden;background:linear-gradient(120deg,#efd1ff,#c6a7ff)}.promos a:nth-child(2){background:linear-gradient(120deg,#ffeddd,#ffc48e)}.promos a:nth-child(3){background:linear-gradient(120deg,#e2efff,#a4caff)}.promos b,.promos span,.promos small{display:block;position:relative;z-index:2}.promos b{font-size:22px}.promos small{margin-top:12px;font-weight:800}.promos em{position:absolute;right:15px;bottom:5px;font-size:70px;font-style:normal}.catalog-layout{display:grid;grid-template-columns:210px 1fr;gap:20px}.filter{background:#f4f8ff;border-radius:12px;padding:15px;height:max-content}.filter a{display:block;padding:7px}.catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.pagination{margin:30px 0}.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#083da7;color:white;padding:12px 20px;border-radius:14px;box-shadow:0 10px 30px #001f6580;z-index:50;display:flex;gap:15px;align-items:center}.compare-bar[hidden]{display:none}.compare-bar button{border:0;border-radius:7px;padding:9px;background:#fff;color:#0743b1;font-weight:800}.detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0}.detail-photo{min-height:370px;background:#f4f8ff;display:flex;align-items:center;justify-content:center;border-radius:20px}.detail-photo img{max-width:85%;max-height:320px}.qty{width:70px;padding:9px;border:1px solid #ccd8e8;border-radius:6px;margin:10px}.basket-item{display:flex;gap:20px;align-items:center;padding:18px;border-bottom:1px solid #e3e8f2}.basket-item img{width:90px;height:80px;object-fit:contain}.basket-item>div{flex:1}.basket-total{text-align:right;margin:25px}.compare-table{overflow:auto}.compare-table table{border-collapse:collapse;width:100%;margin:25px 0}.compare-table td,.compare-table th{border:1px solid #dfe7f3;padding:15px;text-align:left}.compare-table td img{width:100px;display:block}.checkout-note{background:#f0f6ff;border:1px solid #c9ddfa;padding:25px;border-radius:14px;margin:35px 0}.loginbox{max-width:420px;margin:60px auto;background:#f5f9ff;border-radius:15px;padding:30px}.loginbox label{display:block;margin:12px 0}.loginbox input{display:block;width:100%;padding:12px;border:1px solid #d2e1f3;border-radius:8px}.loginbox button{width:100%;margin-top:12px}.error{color:#c11}.adminstats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.adminstats>div{background:#f2f7ff;border-radius:12px;padding:22px}.notice{padding:12px;background:#d9f8e5;border-radius:8px;margin-top:15px}footer{background:#071e48;color:#e7efff;padding:40px 0 15px;margin-top:50px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:35px}.footergrid p{color:#b9cbe9}.copyright{border-top:1px solid #28416b;padding-top:15px;font-size:12px;color:#9db4d9}@media(max-width:1000px){.wrap{width:calc(100% - 32px)}.sidebar{display:none}.hero-layout{grid-template-columns:1fr}.categories{grid-template-columns:repeat(4,1fr)}.trending{grid-template-columns:repeat(3,1fr)}.flash-grid{grid-template-columns:1fr}.navinner{gap:16px;overflow:auto}.allcat{min-width:150px}.benefits{grid-template-columns:repeat(3,1fr)}.catalog{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.topflex span:nth-child(2){display:none}.head{height:auto;flex-wrap:wrap;padding:12px 0;gap:12px}.logo{font-size:25px}.headlinks{margin-left:auto}.headlinks small{display:none}.search{order:3;flex-basis:100%;max-width:none}.navinner{white-space:nowrap;font-size:12px}.hero{min-height:300px}.hero-text{padding:20px;width:70%}.hero h1{font-size:34px}.hero p{font-size:12px}.hero-art{opacity:.6;width:50%}.flag{font-size:11px}.benefits{grid-template-columns:repeat(2,1fr)}.benefits div:last-child{display:none}.categories{grid-template-columns:repeat(4,1fr);gap:6px}.categories span{font-size:27px}.categories b{font-size:9px}.flash-products,.trending,.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.promos{grid-template-columns:1fr}.catalog-layout{grid-template-columns:1fr}.filter{display:flex;overflow:auto;white-space:nowrap;gap:12px}.filter h3{display:none}.detail{grid-template-columns:1fr;gap:10px}.footergrid{grid-template-columns:repeat(2,1fr)}.adminstats{grid-template-columns:repeat(2,1fr)}}