:root{--purple:#7b1f86;--pink:#f5d8eb;--dark:#19141c;--muted:#716673;--line:#eee;--cream:#fff8fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:white}.topbar{background:linear-gradient(90deg,#6b197c,#9c2a9a);color:white;text-align:center;font-weight:700;font-size:13px;padding:12px}.header{height:105px;display:flex;align-items:center;gap:30px;padding:15px 45px;border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:5}.logo img{height:75px;width:150px;object-fit:contain}.search{flex:1;max-width:520px;border:1px solid #ddd;border-radius:8px;padding:16px 20px}.icons{margin-left:auto;display:flex;align-items:center;gap:22px}.icons a,.icons button{color:#111;text-decoration:none;background:none;border:0;font-size:14px;cursor:pointer}.icons span{background:#e91e63;color:white;border-radius:50%;padding:2px 7px}.nav{display:flex;justify-content:center;gap:45px;padding:18px;background:white;border-bottom:1px solid var(--line);font-weight:700;font-size:14px;text-transform:uppercase}.nav a{text-decoration:none;color:#222}.nav a:hover{color:var(--purple)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:linear-gradient(90deg,#fff6fb,#f7e4ef);align-items:center;overflow:hidden}.heroText{padding:60px 8vw}.label{letter-spacing:6px;color:#d15aa0;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:62px;line-height:1.02;margin:10px 0}.hero p{font-size:18px;line-height:1.7}.hero img{height:540px;width:100%;object-fit:cover}.btn{display:inline-block;margin:20px 12px 0 0;padding:16px 26px;border-radius:4px;background:var(--purple);color:#fff;text-decoration:none;font-weight:700}.outline{background:transparent;color:var(--purple);border:1px solid var(--purple)}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:35px 6vw}.cat{height:280px;border-radius:10px;overflow:hidden;position:relative;text-decoration:none;color:#fff}.cat img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.cat span{position:absolute;left:25px;bottom:25px;font-family:Georgia,serif;font-size:30px;font-weight:700}.section{padding:35px 4vw 60px}.sectionTitle{text-align:center}.sectionTitle h2{font-family:Georgia,serif;font-size:34px}.sectionTitle p{color:var(--muted)}.filters{text-align:center;margin:25px 0}.filters button{border:1px solid #ddd;background:#fff;margin:5px;padding:11px 16px;border-radius:20px;cursor:pointer}.filters .active,.filters button:hover{background:var(--purple);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.05);position:relative}.card img{width:100%;height:360px;object-fit:cover}.badge{position:absolute;top:12px;left:12px;background:#fff;color:var(--purple);font-weight:700;border-radius:20px;padding:7px 12px;font-size:12px}.cardBody{padding:16px}.card h3{font-size:16px;margin:0 0 8px}.price{color:var(--purple);font-weight:800;font-size:18px}.small{color:var(--muted);font-size:13px;line-height:1.5}.swatches{display:flex;gap:6px;margin:10px 0}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid #999}.card button{width:100%;padding:12px;background:var(--purple);color:#fff;border:0;border-radius:6px;font-weight:700;cursor:pointer}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background:var(--cream);padding:25px 6vw;text-align:center;border-top:1px solid #f3ddeb;border-bottom:1px solid #f3ddeb}.footer{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1.5fr;gap:30px;background:#fff7fb;padding:45px 6vw}.footer img{width:150px}.footer a{display:block;margin:10px 0}.footer input{padding:14px;width:70%;border:1px solid #ddd}.footer button{padding:14px;background:var(--purple);color:white;border:0}.cart{position:fixed;right:-420px;top:0;width:380px;max-width:100%;height:100%;background:white;z-index:10;box-shadow:-10px 0 25px rgba(0,0,0,.15);padding:25px;transition:.3s;overflow:auto}.cart.open{right:0}.cart #closeCart{float:right;font-size:28px;background:none;border:0}.cartRow{display:flex;gap:10px;border-bottom:1px solid #eee;padding:12px 0}.cartRow img{width:70px;height:90px;object-fit:cover}.checkout{width:100%;padding:15px;background:var(--purple);color:white;border:0;border-radius:5px;font-weight:700}@media(max-width:900px){.header{padding:12px;gap:10px;height:auto;flex-wrap:wrap}.search{order:3;max-width:100%;flex-basis:100%}.nav{overflow:auto;justify-content:flex-start;gap:20px}.hero{grid-template-columns:1fr}.heroText{padding:45px 25px}.hero h1{font-size:42px}.categories,.grid,.benefits,.footer{grid-template-columns:1fr}.cat{height:230px}.card img{height:440px}}