@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#090a0b;--white:#fff;--soft:#f7f7f7;--line:#e8e8e8;--muted:#6f7177;--accent:#111;--green:#22a447;--greenbg:#eefaf1;--red:#d92d20;--redbg:#fff1f0;--gold:#d69f20;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:14px Inter,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}
.topbar{height:34px;background:#090a0b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.3px}.topbar strong{color:#fff}.topbar span{color:#777;margin:0 8px}
.header{height:72px;border-bottom:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.nav{height:100%;max-width:var(--max);width:92vw;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font:800 23px "Space Grotesk";letter-spacing:-1.5px}.logo i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#000;margin-left:4px}.links{display:flex;gap:25px;align-items:center;font-size:12px;color:#444}.links a:hover{color:#111}.navaction{padding:10px 16px;background:#090a0b;color:#fff!important;border-radius:7px;font-weight:700}.navicon{font-size:20px;line-height:1}.badge{position:absolute;margin:-5px 0 0 -7px;min-width:15px;height:15px;background:#000;color:#fff;border-radius:99px;display:grid;place-items:center;font-size:8px}
.container{max-width:var(--max);width:92vw;margin:auto}.hero{background:linear-gradient(120deg,#f9f8ff 0%,#fff 48%,#f6f4ff 100%);overflow:hidden}.hero-inner{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;padding:65px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#76787d}.hero h1{font:800 clamp(48px,6.7vw,82px)/.92 "Space Grotesk";letter-spacing:-5px;margin:13px 0 18px;max-width:760px}.hero h1 span{color:#111}.hero p{max-width:590px;color:#666;line-height:1.7;margin:0 0 20px}.hero-search{height:66px;background:#fff;border:1px solid #d7d7da;border-radius:10px;display:flex;align-items:center;padding:5px 6px 5px 18px;max-width:760px;box-shadow:0 15px 45px #0000000c;transition:.25s}.hero-search:focus-within{border-color:#111;box-shadow:0 20px 55px #00000014}.hero-search svg{width:19px;color:#777}.hero-search input{border:0;outline:0;flex:1;min-width:0;padding:0 13px;font-size:14px}.hero-search button{border:0;background:#090a0b;color:#fff;border-radius:7px;height:54px;padding:0 23px;font-weight:700}.quick{display:flex;gap:18px;margin-top:13px;flex-wrap:wrap}.quick a{font-size:11px;color:#777;border-bottom:1px solid #ccc}.hero-art{height:350px;position:relative}.orb{position:absolute;width:330px;height:330px;border-radius:50%;right:7%;top:10px;border:1px solid #d9d3ef;animation:spin 24s linear infinite}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #e3def5;border-radius:50%;inset:45px}.orb:after{inset:95px}.glow{position:absolute;width:240px;height:240px;border-radius:50%;right:15%;top:50px;background:#7650ef55;filter:blur(30px);animation:pulse 5s ease-in-out infinite}.screen{position:absolute;width:350px;height:205px;right:7%;top:75px;background:#0b0c0d;border:7px solid #1b1b1c;border-bottom-width:14px;border-radius:10px;box-shadow:0 25px 60px #0002;transform:rotate(-3deg);display:grid;place-items:center;color:#fff;font:700 22px "Space Grotesk";letter-spacing:3px}.floatlabel{position:absolute;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:11px 13px;font-size:9px;box-shadow:0 12px 30px #0000000d}.floatlabel b{display:block;font-size:11px;margin-bottom:2px}.fl1{right:0;top:25px}.fl2{left:5%;bottom:30px}.trust{display:flex;gap:25px;flex-wrap:wrap;margin-top:16px;color:#666;font-size:10px}.trust span:before{content:"✓";color:var(--green);font-weight:800;margin-right:5px}
.brands{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brands-title{text-align:center;font:600 14px "Space Grotesk";margin-bottom:22px}.brandrow{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:center}.brand{display:flex;align-items:center;justify-content:center;gap:9px;color:#555;font:700 14px "Space Grotesk";filter:grayscale(1);transition:.25s}.brand:hover{filter:grayscale(0);color:#111}.brand svg{width:28px;height:28px}
.section{padding:72px 0}.sectiontitle{text-align:center;font:700 30px "Space Grotesk";letter-spacing:-1.3px;margin:0 0 8px}.subtitle{text-align:center;color:#777;font-size:12px;max-width:610px;margin:0 auto 30px;line-height:1.7}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:920px;margin:auto}.cat{border:1px solid #e8e8e8;border-radius:10px;background:#fff;padding:25px;display:flex;align-items:center;gap:17px;transition:.3s}.cat:hover{border-color:#cfcfcf;box-shadow:0 12px 35px #0000000b;transform:translateY(-3px)}.caticon{width:54px;height:54px;border-radius:12px;background:#f4f4f4;display:grid;place-items:center;color:#111}.caticon svg{width:27px;height:27px}.cat strong{display:block;font-size:14px}.cat small{color:#888;font-size:10px;margin-top:4px;display:block}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pcard{border:1px solid #e9e9e9;border-radius:10px;background:#fff;overflow:hidden;transition:.3s;position:relative}.pcard:hover{transform:translateY(-5px);box-shadow:0 18px 42px #0000000c}.pimg{height:185px;background:#f6f6f7;display:grid;place-items:center;position:relative;overflow:hidden}.pimg:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#ebe6ff;filter:blur(1px)}.productvisual{position:relative;z-index:1;width:105px;height:130px;background:#111;color:#fff;padding:13px;display:flex;align-items:end;font:700 12px "Space Grotesk";box-shadow:9px 12px 24px #0002;transform:rotate(-4deg);transition:.3s}.pcard:hover .productvisual{transform:rotate(0) translateY(-5px)}.sale{position:absolute;z-index:3;top:9px;right:9px;background:var(--green);color:#fff;border-radius:99px;padding:4px 8px;font-size:8px;font-weight:800}.pbody{padding:14px}.pname{font-size:13px;font-weight:700;line-height:1.4;min-height:36px}.stars{color:var(--gold);letter-spacing:1px;font-size:11px;margin:7px 0}.stars small{color:#777;letter-spacing:0}.old{font-size:10px;color:#aaa;text-decoration:line-through}.new{font-weight:800;margin-left:5px}.actions{display:flex;gap:7px;margin-top:13px}.add{flex:1;border:0;border-radius:6px;background:#090a0b;color:#fff;padding:10px;font-size:10px;font-weight:700}.wish{width:35px;border:1px solid #ddd;background:#fff;border-radius:6px}
.blackband{background:#090a0b;color:#fff;padding:75px 0}.blackband h2{font:700 clamp(42px,5vw,68px)/1 "Space Grotesk";letter-spacing:-3px;margin:10px 0 15px}.blackband p{color:#a4a4aa;max-width:610px;line-height:1.7}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.point{border-top:1px solid #ffffff1d;padding-top:18px}.point b{font:700 25px "Space Grotesk"}.point span{display:block;color:#999;font-size:11px;margin-top:4px}
.reviewsection{background:#fafafa}.reviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review{background:#fff;border:1px solid #eee;border-radius:8px;padding:22px}.review p{font-size:12px;color:#666;line-height:1.7}.review b{font-size:10px}.verified{color:var(--green);font-size:9px;margin-left:4px}
.faq{max-width:900px;margin:auto;border-top:1px solid #ddd}.faq details{border-bottom:1px solid #ddd;padding:17px 0}.faq summary{list-style:none;cursor:pointer;font-size:12px;font-weight:600;display:flex;justify-content:space-between}.faq summary:after{content:"+";color:#111;font-size:15px}.faq details[open] summary:after{content:"−"}.faq p{font-size:11px;color:#777;line-height:1.7;max-width:800px}
.news{background:var(--purple);color:#fff;text-align:center;padding:50px 20px}.news h2{font:700 29px "Space Grotesk";margin:5px 0}.news p{font-size:11px;color:#ddd}.email{display:flex;max-width:420px;margin:17px auto 0;background:#fff;padding:4px;border-radius:7px}.email input{flex:1;border:0;outline:0;padding:0 10px;font-size:11px}.email button{border:0;background:#111;color:#fff;border-radius:5px;padding:10px 15px;font-size:10px}
footer{background:#080808;color:#fff;padding:45px 0 22px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footlogo{font:700 21px "Space Grotesk"}.footcol h4{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#aaa}.footcol a{display:block;color:#999;font-size:10px;margin:8px 0}.copyright{border-top:1px solid #ffffff18;margin-top:30px;padding-top:17px;color:#777;font-size:9px;display:flex;justify-content:space-between}
.page{padding:50px 0 90px}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.pagehead h1{font:700 50px "Space Grotesk";letter-spacing:-3px;margin:7px 0 0}.crumb{font-size:10px;color:#777}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.detailvisual{min-height:510px;background:#f6f6f7;border-radius:10px;display:grid;place-items:center}.detailbox{width:260px;height:340px;background:#111;color:#fff;padding:28px;display:flex;align-items:end;font:700 27px "Space Grotesk";box-shadow:25px 25px 50px #0002;transform:rotate(-3deg)}.detail h1{font:700 clamp(45px,5.5vw,70px)/.94 "Space Grotesk";letter-spacing:-4px;margin:10px 0}.detaildesc{color:#666;line-height:1.75}.pricebig{font:700 28px "Space Grotesk";margin:20px 0}.select{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:18px 0}.select label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:8px}.select select{width:100%;height:46px;border:1px solid #ddd;border-radius:6px;background:#fff;padding:0 10px}.bigadd{width:100%;height:52px;background:#111;color:#fff;border:0;border-radius:7px;margin-top:14px;font-weight:700}.bigwish{width:100%;height:44px;background:#fff;border:1px solid #ddd;border-radius:7px;margin-top:8px;font-weight:600;font-size:12px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.benefit{border-top:1px solid #ddd;padding-top:11px;font-size:10px;color:#666}.benefit b{display:block;color:#111;margin-bottom:3px}
.cartrow{display:grid;grid-template-columns:85px 1fr 130px 130px 30px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #ddd}.thumb{height:85px;background:#f5f5f5;display:grid;place-items:center}.thumb span{background:#111;color:#fff;padding:13px;font:700 10px "Space Grotesk"}.remove{border:0;background:none;color:#999;font-size:18px}.carttotal{max-width:370px;margin:30px 0 0 auto;border-top:1px solid #111;padding-top:18px}.totalrow{display:flex;justify-content:space-between;padding:7px 0;color:#666;font-size:12px}.totalrow.final{border-top:1px solid #ddd;padding-top:15px;margin-top:8px;color:#111;font-weight:800;font-size:18px}.checkoutgrid{display:grid;grid-template-columns:1fr 370px;gap:70px}.formgroup{margin-bottom:18px}.formgroup label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:7px}.formgroup input,.formgroup select{width:100%;height:51px;border:1px solid #ddd;border-radius:6px;padding:0 13px;outline:0}.notice{padding:11px;border-radius:6px;font-size:10px;margin-bottom:15px}.success{background:var(--greenbg);color:#177a31;border:1px solid #d6f0dc}.error{background:var(--redbg);color:#b42318;border:1px solid #ffd6d3}.place{width:100%;height:52px;border:0;border-radius:7px;background:#111;color:#fff;font-weight:700}.summary{border-top:1px solid #111;border-bottom:1px solid #ddd;padding:20px 0;height:max-content}.summary h3{font:600 24px "Space Grotesk";margin:0 0 18px}.summaryrow{display:flex;justify-content:space-between;padding:10px 0;color:#666;font-size:11px}
.auth{min-height:calc(100vh - 106px);display:grid;place-items:center;background:#f8f8f8;padding:55px 20px}.authbox{width:min(440px,100%);background:#fff;border:1px solid #e7e7e7;border-radius:12px;padding:35px;box-shadow:0 20px 60px #0000000a}.authbox h1{font:700 36px "Space Grotesk";letter-spacing:-2px;margin:7px 0}.authbox p{color:#777;font-size:12px}.authform{margin-top:25px}.authform input{width:100%;height:52px;border:1px solid #ddd;border-radius:7px;padding:0 13px;margin:7px 0 15px;outline:0}.authbtn{width:100%;height:52px;border:0;border-radius:7px;background:#111;color:#fff;font-weight:700}.accounthead{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.accounthead h1{font:700 50px "Space Grotesk";letter-spacing:-3px;margin:8px 0}.accountgrid{display:grid;grid-template-columns:220px 1fr;gap:45px}.side{border-right:1px solid #ddd;padding-right:20px}.side a{display:block;padding:12px 0;font-size:12px;color:#666;border-bottom:1px solid #eee}.side a.active{color:#111;font-weight:700}.order{border-top:1px solid #111;border-bottom:1px solid #ddd;padding:18px 0;display:grid;grid-template-columns:1fr 130px 110px;gap:20px;align-items:center}.order b{font-size:13px}.status{display:inline-block;background:var(--greenbg);color:var(--green);padding:5px 8px;border-radius:99px;font-size:9px;font-weight:700}.order small{display:block;color:#888;font-size:10px;margin-top:4px}.profileline{border-bottom:1px solid #ddd;padding:17px 0;display:grid;grid-template-columns:150px 1fr;font-size:12px}.profileline label{color:#888}
.empty{text-align:center;padding:90px 20px}.empty h1{font:700 48px "Space Grotesk";letter-spacing:-3px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.75}}
@media(max-width:850px){.nav{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 0}.links{gap:12px}.links a:nth-child(1),.links a:nth-child(2){display:none}.hero-inner{grid-template-columns:1fr;padding:48px 0}.hero h1{letter-spacing:-3px}.hero-art{height:250px}.screen{width:285px;height:165px}.orb{width:260px;height:260px}.brandrow{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.points{grid-template-columns:1fr}.reviewgrid{grid-template-columns:1fr}.detailgrid,.checkoutgrid{grid-template-columns:1fr}.detailvisual{min-height:390px}.cartrow{grid-template-columns:65px 1fr 30px}.cartrow .cartprice{display:none}.accountgrid{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid #ddd;padding:0}.side a{display:inline-block;margin-right:20px}.order{grid-template-columns:1fr 90px}.order .date{display:none}.footgrid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}}
@media(max-width:480px){.hero h1{font-size:47px}.hero-search{height:61px}.hero-search button{height:49px;padding:0 15px}.products{gap:9px}.pimg{height:155px}.productvisual{width:85px;height:105px;font-size:10px}.pbody{padding:10px}.pname{font-size:11px}.brandrow{gap:15px}.brand{font-size:11px}.section{padding:55px 0}.accounthead{display:block}.accounthead h1{font-size:43px}}

/* DEZILIX precision pass: consistent sizing, spacing and typography */
:root{--max:1240px;--space:8px}
body{font-size:14px;letter-spacing:-.005em}
.topbar{height:36px;overflow:hidden;position:relative;white-space:nowrap}
.ticker{display:flex;width:max-content;animation:ticker 28s linear infinite;gap:0}
.ticker span{display:inline-flex;align-items:center;padding:0 28px;color:#d9d9d9}
.ticker b{color:#fff;font-weight:700}
.header{height:74px}
.nav{max-width:1240px}
.logo{font-size:24px}
.links{gap:27px;font-size:12px}
.hero-inner{min-height:540px;padding:72px 0}
.hero h1{font-size:clamp(50px,6.5vw,84px);line-height:.93;letter-spacing:-5.5px;max-width:760px}
.hero p{font-size:15px;max-width:560px}
.hero-search{height:70px;border-radius:10px;padding-left:20px}
.hero-search input{font-size:15px}
.hero-search button{height:58px;padding:0 25px;font-size:13px}
.hero-art{height:380px}
.brands{padding:38px 0}
.brands-title{font-size:16px;letter-spacing:-.2px;margin-bottom:28px}
.brandrow{grid-template-columns:repeat(4,1fr);gap:50px}
.brand{height:58px;font-size:15px;gap:12px;justify-content:center}
.brand img{width:auto;height:32px;max-width:150px;object-fit:contain}
.section{padding:82px 0}
.sectiontitle{font-size:32px;letter-spacing:-1.5px}
.subtitle{font-size:13px;margin-bottom:34px}
.categories{gap:16px}
.cat{min-height:108px;padding:25px 28px;border-radius:9px}
.caticon{width:58px;height:58px;border-radius:11px;flex:0 0 58px}
.cat strong{font-size:14px}.cat small{font-size:11px}
.products{gap:18px}
.pimg{height:205px}
.productvisual{width:112px;height:138px;font-size:13px}
.pbody{padding:16px}
.pname{font-size:13px}
.add{padding:11px;font-size:11px}
.blackband{padding:88px 0}
.blackband h2{font-size:clamp(44px,5vw,70px)}
.review{min-height:190px;padding:24px}
.faq details{padding:19px 0}
.news{padding:58px 20px}
.page{padding:58px 0 95px}
.pagehead h1{font-size:54px}
.detailgrid{gap:76px}
.detail h1{font-size:clamp(48px,5.4vw,72px)}
.authbox{padding:40px}
.accounthead h1{font-size:54px}
.toast{position:fixed;right:22px;bottom:22px;background:#090a0b;color:#fff;padding:12px 16px;border-radius:7px;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:100}
.toast.show{opacity:1;transform:none}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:850px){
 .header{height:68px}.nav{width:92vw}.links{gap:13px}.links a:nth-child(1),.links a:nth-child(2),.links a:nth-child(3),.links a:nth-child(4){display:none}
 .hero-inner{min-height:auto;padding:52px 0 56px}.hero h1{font-size:clamp(46px,12vw,62px);letter-spacing:-4px}.hero-search{height:64px}.hero-search button{height:52px}
 .hero-art{height:260px}.brandrow{gap:20px}.brand{height:48px;font-size:12px}.brand img{height:26px;max-width:115px}
 .section{padding:62px 0}.sectiontitle{font-size:28px}.categories{grid-template-columns:1fr}.products{gap:12px}.pimg{height:175px}
}
@media(max-width:480px){
 .topbar{height:34px}.ticker span{padding:0 20px}
 .hero h1{font-size:47px}.hero-search{height:62px}.hero-search button{height:50px;padding:0 16px}.hero-search input{font-size:13px}
 .brandrow{grid-template-columns:1fr 1fr;gap:12px}.brand{height:50px;font-size:11px}.brand img{height:24px;max-width:100px}
 .products{grid-template-columns:1fr 1fr}.pimg{height:155px}.productvisual{width:88px;height:108px;font-size:10px}.pbody{padding:10px}.pname{font-size:11px}.add{font-size:10px}
}