:root{
 --pink:#f72568;--pink2:#ff3f8e;--purple:#6d28d9;--purple2:#7b3fe4;--blue:#118de5;--green:#5acb0a;--orange:#ff8a00;--navy:#17235b;--ink:#25305f;--muted:#68708a;--cream:#fffafc;--line:#eadcf3;--white:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font:15px Arial,sans-serif}.wrap{width:min(1120px,92%);margin:auto}a{text-decoration:none;color:inherit}
.nav{position:sticky;top:0;z-index:20;background:#ffffffeb;border-bottom:2px solid #f4dbea;backdrop-filter:blur(12px)}.navin{min-height:76px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-weight:bold}.brand>b{background:linear-gradient(135deg,var(--purple),var(--pink),var(--orange));color:#fff;border-radius:15px;padding:12px 13px;font-size:18px;box-shadow:0 7px 18px #6d28d933}.brand span{line-height:17px;font-size:19px}.brand em{color:var(--pink);font-style:normal;font-size:15px}nav{display:flex;gap:22px;font-weight:bold;font-size:13px}nav a:hover{color:var(--pink)}#openCart{border:0;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border-radius:99px;padding:11px 16px;font-weight:bold;box-shadow:0 8px 18px #f7256833}#openCart i{background:#fff;color:var(--purple);border-radius:50%;padding:3px 7px;font-style:normal;margin-left:4px}
.hero{padding:85px 0;background:radial-gradient(circle at 82% 20%,#ffd8e7 0,transparent 29%),radial-gradient(circle at 20% 90%,#dceeff 0,transparent 28%),linear-gradient(135deg,#fff,#fff5fa)}.heroIn{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.hero small,.section>div>small,.about small,.contact small{color:var(--purple);font-weight:bold;letter-spacing:2px}.hero h1{font-size:clamp(45px,6vw,72px);line-height:.98;margin:15px 0;color:var(--navy)}.hero h1 span{background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.section p,.about p,.contact p{line-height:1.8;color:var(--muted)}.btn{display:inline-block;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:0;border-radius:13px;padding:14px 20px;font-weight:bold;cursor:pointer;margin-top:15px;box-shadow:0 9px 20px #6d28d933}.btn.alt{background:#fff;color:var(--purple);border:2px solid #e4d2ef;box-shadow:none}
.heroCard{background:#fff;border:2px solid #f0d9eb;border-radius:32px;padding:45px;text-align:center;box-shadow:0 18px 50px #5b34751c;position:relative;overflow:hidden}.heroCard:before,.heroCard:after{content:"";position:absolute;border-radius:50%;opacity:.18}.heroCard:before{width:120px;height:120px;background:var(--pink);top:-55px;right:-40px}.heroCard:after{width:100px;height:100px;background:var(--blue);bottom:-45px;left:-35px}.heroCard>div{font-size:85px}.heroCard h2{font-size:35px;color:var(--purple);margin:10px}.heroCard span{display:inline-block;color:#fff;border-radius:99px;padding:7px 11px;margin:4px;font-size:11px;font-weight:bold}.heroCard span:nth-of-type(1){background:var(--blue)}.heroCard span:nth-of-type(2){background:var(--pink)}.heroCard span:nth-of-type(3){background:var(--green)}
.section{padding:80px 0}.section h2,.about h2,.contact h2{font-size:43px;margin:10px 0;color:var(--navy)}.filters{display:flex;gap:12px;margin:30px 0}.filters input,.filters select{padding:14px;border:2px solid #eadcf3;border-radius:13px;background:#fff;font:inherit;width:100%;outline:none}.filters input:focus,.filters select:focus{border-color:var(--pink)}.filters select{max-width:250px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:2px solid #f0e1f3;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #3b23500d;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #6d28d91c}.pic{height:210px;background:linear-gradient(135deg,#ffe6f0,#eee7ff 55%,#e1f2ff);display:grid;place-items:center;font-size:65px;position:relative}.pic label{position:absolute;left:10px;top:10px;background:#fff;border-radius:99px;padding:5px 9px;font-size:10px;color:var(--purple);font-weight:bold;border:1px solid #eadcf3}.body{padding:14px}.body h3{margin:0 0 7px;font-size:20px;color:var(--navy)}.body p{font-size:12px;margin:0 0 10px}.price{color:var(--pink);font-weight:bold;font-size:19px;margin-bottom:10px}.add{width:100%;padding:11px;border:0;border-radius:11px;background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff;font-weight:bold;cursor:pointer}.add:hover{background:linear-gradient(90deg,var(--purple),var(--pink))}
.about{background:#fff;padding:80px 0;border-top:1px solid #f0dfeb;border-bottom:1px solid #f0dfeb}.two{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.box{background:linear-gradient(135deg,#fff0f7,#f1ebff,#edf8ff);border:2px solid #eadcf3;border-radius:25px;padding:30px;line-height:2}.box b{color:var(--purple)}
.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.contact{background:linear-gradient(135deg,#fff,#fff0f6 55%,#f0ebff);border:2px solid #eadcf3;border-radius:28px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact p{margin-bottom:0}.contact h3{margin:8px 0 4px;font-size:25px;color:var(--navy)}.contactGrid .contact{min-height:150px}.contact:nth-child(1) small{color:var(--pink)}.contact:nth-child(2) small{color:var(--blue)}.contact:nth-child(3) small{color:var(--purple)}.contact:nth-child(4) small{color:var(--orange)}
footer{background:linear-gradient(100deg,var(--navy),#3d1b73);color:#fff;padding:32px 0}.foot{display:flex;justify-content:space-between}.foot p{color:#d9d7e8;font-size:12px}footer a{color:#ffb6d0}footer a:hover{color:#8ed9ff}
#shade{display:none;position:fixed;inset:0;background:#21182a99;z-index:40}#shade.show{display:block}#cart{position:fixed;right:0;top:0;height:100vh;width:min(420px,94vw);background:#fff;z-index:50;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column;box-shadow:-20px 0 50px #0002;border-left:4px solid var(--pink)}#cart.open{transform:none}.cartHead{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.cartHead h2{margin:0;font-size:28px;color:var(--purple)}.cartHead button{border:0;border-radius:50%;width:35px;height:35px;background:#ffe5ef;color:var(--pink)}.cartFoot{padding:20px;border-top:1px solid #eee}.cartFoot>b{display:flex;justify-content:space-between;font-size:18px}.cartFoot strong{color:var(--pink)}.full{width:100%}.item{display:grid;grid-template-columns:50px 1fr auto;gap:10px;padding:13px 20px;border-bottom:1px solid #eee;align-items:center}.thumb{background:linear-gradient(135deg,#ffe6f0,#eee7ff);border-radius:12px;height:50px;display:grid;place-items:center;font-size:27px}.item h4{margin:0 0 5px}.qty button{border:0;border-radius:6px;margin:3px;width:24px;height:24px;background:#eee7ff;color:var(--purple)}.remove{border:0;background:none;color:var(--pink);font-size:11px}
@media(max-width:900px){nav{display:none}.heroIn,.two,.contactGrid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.heroCard{max-width:420px;margin:auto}}@media(max-width:550px){.grid{grid-template-columns:1fr 1fr;gap:10px}.pic{height:155px}.body h3{font-size:17px}.filters{flex-direction:column}.filters select{max-width:none}.contact,.foot{flex-direction:column;align-items:flex-start}}