*{box-sizing:border-box}:root{--ink:#18203b;--violet:#6246ff;--pink:#ff5ca8;--cyan:#19d3e6;--yellow:#ffe44c;--bg:#f7f8ff;--line:#dfe3f2}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.shell{width:min(1180px,calc(100% - 36px));margin:auto}button,input,select{font:inherit}header{height:72px;background:#ffffffdf;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;font-weight:950;letter-spacing:-2px;color:var(--ink);text-decoration:none}.logo span{color:var(--pink);font-size:15px}.navlinks{display:flex;gap:28px}.navlinks a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.navright{display:flex;gap:9px}.language,.cartButton{border:1px solid var(--line);background:white;padding:10px 13px;border-radius:12px;font-size:11px;font-weight:bold}.cartButton{background:var(--ink);color:white}.cartButton b{background:var(--yellow);color:var(--ink);padding:3px 6px;border-radius:20px}.hero{background:linear-gradient(135deg,#ebeaff 0%,#fff6fb 55%,#e8fbff 100%);overflow:hidden}.heroGrid{min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.badge,.overline{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--violet)}h1{font-size:63px;line-height:1.02;letter-spacing:-4px;margin:22px 0;max-width:700px}.hero p{color:#69718c;font-size:17px;line-height:1.6;max-width:570px}.primary{border:0;background:var(--violet);color:#fff;padding:15px 20px;border-radius:14px;text-decoration:none;font-size:12px;font-weight:bold;display:inline-block}.heroCards{width:390px;height:430px;margin:auto;position:relative;transform:rotate(3deg);background:white;border-radius:34px;padding:14px;box-shadow:0 30px 90px #5352a82c}.heroCards img{width:100%;height:100%;object-fit:cover;border-radius:24px}.heroCards>span{position:absolute;left:28px;bottom:26px;background:white;padding:8px 11px;border-radius:10px;font-size:10px;font-weight:bold}.sticker{position:absolute;right:-38px;top:30px;width:100px;height:100px;background:var(--yellow);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:950;font-size:22px;z-index:2;transform:rotate(-12deg)}.sticker small{font-size:8px}.marquee{height:44px;background:var(--ink);color:white;display:flex;align-items:center;white-space:nowrap;letter-spacing:2px;font-size:9px}.shop{padding:85px 0}.sectionTitle{display:flex;align-items:end;justify-content:space-between}.sectionTitle h2,.how h2{font-size:42px;letter-spacing:-2px;margin:10px 0}.search{background:white;border:1px solid var(--line);border-radius:14px;padding:13px 15px}.search input{border:0;outline:0;background:transparent}.filters{display:flex;gap:8px;overflow:auto;border-top:1px solid var(--line);padding:20px 0}.filters button{border:1px solid var(--line);background:white;border-radius:30px;padding:9px 14px;font-size:10px;white-space:nowrap}.filters button.active{background:var(--violet);color:white;border-color:var(--violet)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #3b4a7b0c}.image{height:300px;position:relative;background:#eceef7}.image img{width:100%;height:100%;object-fit:cover}.rarity{position:absolute;left:13px;top:13px;background:var(--yellow);padding:7px 10px;border-radius:9px;font-size:9px;font-weight:900}.productBody{padding:18px}.productBody>small{font-size:9px;color:var(--violet);font-weight:bold}.product h3{font-size:18px}.meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.meta span{padding:10px 0;font-size:11px}.meta span+span{border-left:1px solid var(--line);padding-left:12px}.meta i{display:block;font-style:normal;color:#9299af;font-size:8px;margin-bottom:4px}.buy{display:flex;align-items:center;margin-top:15px}.buy strong{font-size:20px}.buy button{margin-left:auto;border:0;background:#e9e6ff;color:var(--violet);padding:10px 12px;border-radius:10px;font-size:10px;font-weight:bold}.how{background:var(--ink);color:white;padding:85px 0}.how .overline{color:var(--yellow)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.steps article{background:#252f50;padding:28px;border-radius:22px}.steps b{color:var(--cyan)}.steps p{color:#aeb7d2;font-size:13px;line-height:1.6}footer{background:#fff;padding:45px 0}footer .shell{display:flex;align-items:center;justify-content:space-between}footer p,footer a{font-size:11px;color:#69718c}.drawer{position:fixed;right:-520px;top:0;width:min(500px,100%);height:100%;background:white;z-index:40;padding:25px;overflow:auto;transition:.3s}.drawer.open{right:0}.overlay{position:fixed;inset:0;background:#14182c88;z-index:30;display:none}.overlay.open{display:block}.drawerHead{display:flex;justify-content:space-between}.drawerHead button{border:0;background:transparent;font-size:25px}.cartItem{display:grid;grid-template-columns:1fr auto auto;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.cartItem button{border:0;background:transparent}.total{display:flex;justify-content:space-between;padding:20px 0;font-size:18px}.drawer form{display:flex;flex-direction:column;gap:10px}.drawer input,.drawer select{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px}.choices{display:flex;gap:20px}.choices input{height:auto}.empty,#checkoutMessage{color:#747b92;font-size:12px}@media(max-width:850px){.navlinks{display:none}.heroGrid{grid-template-columns:1fr;min-height:930px;text-align:center}.hero p{margin:auto}.heroCards{margin-top:30px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shell{width:calc(100% - 26px)}h1{font-size:44px;letter-spacing:-2.5px}.heroGrid{min-height:780px}.heroCards{width:270px;height:310px}.sticker{right:-20px}.sectionTitle{align-items:start;flex-direction:column}.search{width:100%;margin:15px 0}.grid{grid-template-columns:1fr}.image{height:320px}.steps{grid-template-columns:1fr}footer .shell{flex-direction:column;gap:10px}}
