*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#020b17;color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{min-height:100vh;background:radial-gradient(circle at 70% 12%,rgba(37,99,235,.20),transparent 28%),linear-gradient(180deg,#03101f 0%,#061225 35%,#020b17 100%)}
.announcement{height:42px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 5.2%;font-size:12px;font-weight:800;letter-spacing:.03em;color:#eef6ff;border-bottom:1px solid rgba(255,255,255,.08);background:#020a14}.announcement span:nth-child(2){text-align:center}.announcement span:nth-child(3){text-align:right}
.main-header{position:sticky;top:0;z-index:30;min-height:105px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding:16px 5.2%;background:rgba(3,14,28,.93);border-bottom:1px solid rgba(47,156,255,.12);backdrop-filter:blur(18px)}.main-nav{display:flex;align-items:center;justify-content:center;gap:32px;text-transform:uppercase;font-size:13px;font-weight:900;color:#f1f6ff}.main-nav a{position:relative;padding:12px 0}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:#2f8cff;border-radius:99px}.header-actions{display:flex;align-items:center;gap:16px}.icon-link,.cart-icon{position:relative;font-size:23px;color:#fff}.cart-icon span{position:absolute;right:-10px;top:-9px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#2778ff;color:white;font-size:11px;font-weight:900}.admin-link{font-size:12px;font-weight:900;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#cfe2ff}
.code-brand{display:flex;align-items:center;gap:13px;min-width:0}.rx-logo-mark{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:7px;background:linear-gradient(145deg,#102a52,#07172f 58%,#031024);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(0,0,0,.28);overflow:hidden}.rx-logo-mark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.16),transparent 32%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px)}.rx-r{position:relative;z-index:1;margin-top:-4px;font-family:Georgia,'Times New Roman',serif;font-size:46px;line-height:1;font-weight:900;color:#f4efe6;text-shadow:0 1px 0 #fff,0 3px 8px rgba(0,0,0,.45);transform:scaleX(1.16)}.rx-r:after{content:"";position:absolute;right:-8px;bottom:4px;width:26px;height:7px;background:#f4efe6;transform:skewX(-34deg);border-radius:1px;box-shadow:0 3px 6px rgba(0,0,0,.32)}.rx-logo-text{display:flex;flex-direction:column;line-height:1}.rx-logo-text b{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:900;letter-spacing:5px;color:#f4efe6;text-shadow:0 2px 7px rgba(0,0,0,.45)}.rx-logo-text small{margin-top:7px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:7px;color:#2f9cff}.rx-logo-text small i{display:inline-block;width:32px;height:2px;background:#1c8dff;box-shadow:0 0 8px rgba(28,141,255,.9)}
.hero-pro{position:relative;min-height:590px;display:grid;grid-template-columns:36% 64%;align-items:center;border-bottom:1px solid rgba(47,156,255,.16);overflow:hidden;background:linear-gradient(90deg,rgba(2,12,23,.98) 0%,rgba(4,19,37,.94) 32%,rgba(3,12,24,.86) 100%)}.hero-pro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 40%,rgba(47,140,255,.16),transparent 34%),linear-gradient(90deg,rgba(2,12,23,.9) 0%,transparent 48%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding-left:5.2%;max-width:580px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:16px;margin:0 0 22px;color:#247dff;font-size:13px;font-weight:1000;letter-spacing:.08em}.eyebrow i{display:block;width:64px;height:2px;background:#2f8cff}.hero-copy h1{margin:0;font-size:56px;line-height:1.08;font-weight:1000;letter-spacing:.03em}.hero-copy h1 span{display:block;color:#267cff}.hero-text{max-width:420px;margin:22px 0 34px;color:#d8e4f5;font-size:18px;line-height:1.75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2377ee;color:#fff;padding:15px 25px;border:0;border-radius:3px;font-size:13px;font-weight:1000;letter-spacing:.03em;cursor:pointer;box-shadow:0 14px 34px rgba(35,119,238,.25)}.btn.outline,.btn.ghost{background:transparent;border:1px solid #2b78d6;box-shadow:none}.hero-buttons{display:flex;gap:18px;flex-wrap:wrap}.hero-art{position:relative;z-index:1;height:590px}.shoe-stage{position:relative;width:100%;height:100%}.shoe-stage:after{content:"";position:absolute;left:8%;right:6%;bottom:76px;height:32px;background:radial-gradient(ellipse,rgba(255,255,255,.22),transparent 65%);filter:blur(7px)}.shoe{position:absolute;border-radius:60% 30% 28% 18%/42% 48% 26% 32%;background:linear-gradient(145deg,#07111e,#0d2546 42%,#02070d 76%);border:1px solid rgba(207,226,255,.16);box-shadow:inset 0 18px 35px rgba(255,255,255,.05),inset 0 -18px 35px rgba(0,0,0,.65),0 35px 70px rgba(0,0,0,.55)}.shoe:before{content:"";position:absolute;left:11%;right:8%;bottom:-14px;height:28px;border-radius:999px;background:linear-gradient(180deg,#eadfcf,#ad9d87);box-shadow:0 12px 0 #02060c}.shoe:after{content:"";position:absolute;left:23%;top:28%;width:42%;height:18%;border-top:2px solid rgba(255,255,255,.19);border-bottom:2px solid rgba(255,255,255,.08);transform:skewX(-16deg)}.shoe-one{width:470px;height:180px;left:12%;top:185px;transform:rotate(-22deg)}.shoe-two{width:520px;height:200px;left:36%;top:290px;transform:rotate(-5deg)}.shoe-brand{position:absolute;left:53%;top:34%;font-family:Georgia,serif;font-size:22px;font-weight:900;color:#d9d1c3;text-align:center;opacity:.8}.shoe-brand small{font-size:8px;letter-spacing:1px}.logo-board{position:absolute;right:6%;top:80px;width:250px;height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#0d203b,#020a14);border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(0,0,0,.45),inset 0 0 70px rgba(255,255,255,.03)}.logo-board:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px)}.logo-board>*{position:relative}.hero-mark{width:92px;height:92px;background:transparent;border:0;box-shadow:none}.hero-mark .rx-r{font-size:82px}.logo-board strong{font-family:Georgia,serif;font-size:34px;letter-spacing:6px;color:#efe9df}.logo-board em{margin-top:12px;display:flex;align-items:center;gap:9px;color:#2f9cff;letter-spacing:7px;font-size:12px;font-style:normal}.logo-board em i{width:35px;height:2px;background:#2f9cff}.slider-dots{position:absolute;left:50%;bottom:28px;z-index:3;display:flex;gap:12px}.slider-dots span{width:34px;height:4px;border-radius:999px;background:#ffffffaa}.slider-dots .active{background:#2f8cff}
.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(47,156,255,.12);border-bottom:1px solid rgba(47,156,255,.12);background:#03101f}.benefit-strip div{padding:24px 28px;border-right:1px solid rgba(47,156,255,.11);display:flex;gap:8px;flex-direction:column}.benefit-strip b{font-size:13px}.benefit-strip span{color:#c3d2e8;font-size:13px}.home-section{padding:44px 5.2%}.home-section>.section-kicker{justify-content:center;margin-bottom:8px}.home-section h2{text-align:center;margin:0;color:#fff;font-size:30px;letter-spacing:.05em}.mini-line{width:52px;height:2px;background:#2f8cff;margin:14px auto 28px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.category-card{min-height:170px;position:relative;overflow:hidden;border:1px solid rgba(47,156,255,.25);border-radius:6px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.category-card h3{position:relative;z-index:2;margin:0 0 8px;font-size:16px;text-align:left}.category-card span{position:relative;z-index:2;color:#cbd9ec;font-size:13px}.cat-product{position:absolute;right:10px;top:17px;width:125px;height:82px;border-radius:34px 20px 20px 12px;background:linear-gradient(145deg,#081322,#102e55,#03070d);box-shadow:0 24px 34px rgba(0,0,0,.45)}.cat-product:after{content:"";position:absolute;left:10px;right:10px;bottom:-8px;height:14px;border-radius:999px;background:#d7c7b0}.cat-2{width:135px;height:42px;top:48px;border-radius:12px}.cat-2:after{display:none}.cat-3{width:105px;height:112px;border-radius:8px;background:linear-gradient(145deg,#0d0f15,#191d25)}.cat-4{width:85px;height:128px;border-radius:8px;background:linear-gradient(145deg,#cdbf9d,#9b8c6d)}.grid-icon{position:absolute;right:42px;top:43px;font-size:46px;color:#eaf3ff}.view-all{align-items:center;text-align:center}.view-all h3{text-align:center}.promo-band{margin:24px 5.2%;padding:34px;border:1px solid rgba(47,156,255,.25);background:linear-gradient(90deg,rgba(35,119,238,.20),rgba(255,255,255,.04));display:flex;justify-content:space-between;gap:24px;align-items:center;border-radius:6px}.promo-band h2{margin:0;font-size:30px}.shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:18px}.shop-head h2{text-align:left}.shop-head .section-kicker{justify-content:flex-start;margin-bottom:8px}.search-form{display:flex;gap:10px;align-items:center}.input,select,textarea{width:100%;padding:14px 15px;border-radius:4px;border:1px solid rgba(47,156,255,.25);background:#07182c;color:white;outline:none}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 25px}.filters a{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#c9ddff;font-size:13px;font-weight:800}.filters a.active{background:#2377ee;color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:rgba(255,255,255,.06);border:1px solid rgba(47,156,255,.16);border-radius:8px;overflow:hidden}.product-img-wrap{position:relative;background:#061225}.product-img-wrap img{width:100%;height:260px;object-fit:cover}.product-img-wrap span{position:absolute;left:14px;top:14px;background:#03101fcc;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.card .p{padding:18px}.muted{color:#91a9c9;line-height:1.7}.price{font-size:22px;font-weight:1000}.old{text-decoration:line-through;color:#7890b4;font-size:14px}.notice{padding:16px;border-radius:8px;background:rgba(35,119,238,.15);border:1px solid rgba(47,156,255,.25);margin:12px 0}.footer-pro{margin-top:60px;background:#020912;border-top:1px solid rgba(47,156,255,.16)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;padding:48px 5.2%}.footer-grid h3{margin:0 0 16px}.footer-grid a,.footer-grid p{display:block;color:#aebfda;margin:9px 0;line-height:1.6}.footer-brand p{max-width:420px}.footer-logo .rx-logo-mark{width:48px;height:48px}.footer-logo .rx-r{font-size:38px}.footer-logo .rx-logo-text b{font-size:22px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding:18px 5.2%;color:#8fa5c5;font-size:13px}.form{max-width:900px;margin:30px auto;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:26px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left}.danger{background:#8b1e2d}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#041024;border-right:1px solid rgba(255,255,255,.1);padding:25px}.side a{display:block;padding:12px;border-radius:14px;color:#c9ddff}.side a:hover{background:rgba(255,255,255,.08)}.main{padding:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px}.qty{display:flex;gap:8px;align-items:center}.qty input{width:70px}
@media(max-width:1100px){.main-header{grid-template-columns:1fr;gap:12px}.main-nav{justify-content:flex-start;overflow-x:auto}.header-actions{position:absolute;right:5.2%;top:30px}.hero-pro{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:55px 5.2% 20px}.hero-art{height:480px}.category-grid,.grid{grid-template-columns:repeat(2,1fr)}.benefit-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.shop-head,.promo-band{align-items:flex-start;flex-direction:column}.search-form{width:100%}}
@media(max-width:640px){.announcement{height:auto;grid-template-columns:1fr;gap:5px;padding:10px 4%;text-align:center}.announcement span{text-align:center!important}.main-header{padding:14px 4%}.main-nav{gap:18px;font-size:12px}.header-actions{position:static}.rx-logo-mark{width:44px;height:44px}.rx-r{font-size:34px}.rx-logo-text b{font-size:19px;letter-spacing:4px}.rx-logo-text small{font-size:8px;letter-spacing:4px}.rx-logo-text small i{width:20px}.hero-copy h1{font-size:43px}.hero-art{height:360px}.shoe-one{width:300px;height:120px;left:1%;top:100px}.shoe-two{width:330px;height:130px;left:18%;top:190px}.logo-board{right:2%;top:28px;width:135px;height:170px}.hero-mark{width:54px;height:54px}.hero-mark .rx-r{font-size:50px}.logo-board strong{font-size:18px;letter-spacing:3px}.logo-board em{font-size:8px;letter-spacing:3px}.benefit-strip,.category-grid,.grid,.footer-grid,.row,.admin,.stats{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.product-img-wrap img{height:280px}}