:root{--ink:#17152b;--muted:#6f6c80;--primary:#6b52e5;--primary-dark:#5439d1;--cream:#f8f7f3;--line:#e9e6df;--white:#fff;--shadow:0 22px 55px rgba(36,28,81,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Alexandria",sans-serif;color:var(--ink);background:var(--cream);font-size:14px}button,input,select{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.announcement{min-height:34px;background:var(--ink);color:#fff;display:flex;justify-content:center;align-items:center;gap:14px;font-size:11px}.announcement b{color:#8a76ef}.announcement a{color:#c8befc}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:800;font-size:21px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--primary);color:#fff;transform:rotate(7deg)}nav{display:flex;gap:32px;color:#575365;font-size:13px}nav a:hover{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:9px}.nav button{border:0;background:none}.icon-btn{font-size:20px}.login{padding:10px 14px}.primary{border:0;background:var(--primary);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;box-shadow:0 8px 18px rgba(107,82,229,.22)}.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary.small{padding:11px 17px}.menu-btn{display:none;font-size:22px}.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding-top:25px;padding-bottom:65px}.eyebrow,.kicker{font-size:12px;font-weight:600;color:var(--primary);letter-spacing:.3px}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{width:22px;height:2px;background:var(--primary)}h1{font-size:clamp(44px,5.5vw,73px);line-height:1.22;letter-spacing:-3px;margin:17px 0 22px}h1 em{font-style:normal;color:var(--primary)}.hero-copy>p{font-size:16px;line-height:2;color:var(--muted);max-width:550px}.search-box{background:#fff;padding:7px 7px 7px 10px;display:flex;align-items:center;border:1px solid var(--line);border-radius:17px;box-shadow:0 15px 40px rgba(40,33,81,.09);margin-top:29px;max-width:600px}.search-box:focus-within{border-color:#a99bf2;box-shadow:0 15px 45px rgba(107,82,229,.14)}.search-icon{font-size:26px;padding:0 10px;color:var(--primary)}.search-box input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:var(--ink)}.search-box button{border:0;border-radius:11px;background:var(--ink);color:#fff;padding:14px 20px}.trending{display:flex;gap:9px;align-items:center;margin-top:14px;font-size:10px;color:#9894a4}.trending button{border:0;background:transparent;color:#716c80;padding:2px}.trending button:hover{color:var(--primary)}.trust-row{display:flex;align-items:center;gap:13px;margin-top:31px}.avatars{display:flex;direction:ltr}.avatars i{font-style:normal;width:31px;height:31px;border-radius:50%;border:2px solid var(--cream);background:#d9d2ff;display:grid;place-items:center;margin-left:-8px;font-size:10px}.trust-row>div:nth-child(2){display:flex;flex-direction:column;font-size:11px}.trust-row>div span{color:var(--muted)}.stars{color:#f0a92e;border-right:1px solid var(--line);padding-right:16px;margin-right:6px}.stars small{color:var(--ink)}.hero-visual{height:480px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:linear-gradient(145deg,#e7e2ff,#f4f1ff);border:1px solid #dcd4ff}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-1{width:55px;height:55px;background:#ffcf87;left:5%;top:18%}.orb-2{width:32px;height:32px;background:#a89aef;right:5%;bottom:15%}.floating-card{position:absolute;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:20px}.card-main{width:265px;padding:14px;z-index:2;transform:rotate(-2deg)}.mini-label{font-size:10px;color:var(--primary);font-weight:600}.product-art{height:205px;border-radius:14px;display:grid;place-items:center;font-size:94px;margin:9px 0 13px}.violet{background:linear-gradient(145deg,#e7e2fb,#cec4f6)}.card-main>b{display:block;font-size:14px}.price{margin-top:7px}.price del{font-size:10px;color:#aaa;margin-right:5px}.mini-stat{color:#259b70;background:#eaf8f2;padding:7px;margin-top:11px;border-radius:8px;font-size:9px}.card-side{right:0;top:22%;padding:14px 18px;z-index:3;display:flex;flex-direction:column}.card-side span,.card-side small{font-size:9px;color:var(--muted)}.card-side b{font-size:21px;margin:5px 0}.card-rate{left:2%;bottom:14%;padding:11px 15px;z-index:3;display:flex;align-items:center;gap:9px}.card-rate>span{background:#fff3d9;color:#e5a42a;padding:7px;border-radius:9px}.card-rate div{display:flex;flex-direction:column}.card-rate small{font-size:8px;color:var(--muted)}.categories{padding:80px 0 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-heading h2{font-size:34px;margin:9px 0 0;letter-spacing:-1.2px}.section-heading p{color:var(--muted);line-height:1.8;max-width:420px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category{border:1px solid var(--line);background:#fff;text-align:right;padding:22px 18px;border-radius:16px;display:flex;flex-direction:column;transition:.25s}.category>span{font-size:26px;height:45px;color:var(--primary)}.category b{margin-bottom:7px}.category small{color:#a19daa;font-size:9px}.category:hover,.category.active{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 13px 28px rgba(44,35,89,.09)}.category.active{background:var(--primary);color:#fff}.category.active span,.category.active small{color:#fff}.products-section{background:#fff;padding:90px 0}.view-all{border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px 16px}.filter-bar{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.filter-bar select{border:0;background:transparent;color:var(--ink);outline:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-image{height:225px;position:relative;display:grid;place-items:center;overflow:hidden}.blue{background:linear-gradient(145deg,#dcebf8,#bad7ec)}.amber{background:linear-gradient(145deg,#fff0d0,#f5d59c)}.green{background:linear-gradient(145deg,#dceee3,#b9dcc6)}.rose{background:linear-gradient(145deg,#f6e0e4,#e8bfc8)}.orange{background:linear-gradient(145deg,#f9e3ce,#efc18f)}.pink{background:linear-gradient(145deg,#fae6ed,#efc8d7)}.purple{background:linear-gradient(145deg,#ece1f5,#d2b8e8)}.emoji{font-size:76px;filter:drop-shadow(0 17px 12px rgba(31,25,59,.17));transition:.25s}.product-card:hover .emoji{transform:scale(1.08) rotate(-3deg)}.badge{position:absolute;top:13px;right:13px;background:rgba(255,255,255,.85);backdrop-filter:blur(5px);padding:6px 9px;border-radius:7px;font-size:8px;font-weight:600}.heart{position:absolute;left:13px;top:11px;width:31px;height:31px;border:0;border-radius:50%;background:rgba(255,255,255,.85);font-size:18px}.heart.active{background:#fff;color:#e64f73}.quick-add{position:absolute;bottom:-40px;border:0;background:var(--ink);color:#fff;border-radius:9px;padding:9px 15px;font-size:10px;transition:.25s}.product-card:hover .quick-add{bottom:13px}.product-info{padding:16px}.product-category{font-size:9px;color:var(--primary)}.product-info h3{font-size:13px;margin:8px 0 10px}.rating{font-size:10px;color:#e7a52b}.rating small{color:#999}.product-footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #f0eee9;margin-top:14px;padding-top:11px}.product-footer .price b{font-size:17px}.add-btn{width:33px;height:33px;border:0;border-radius:9px;background:#f0edff;color:var(--primary);font-size:20px}.add-btn:hover{background:var(--primary);color:#fff}.empty-state{text-align:center;padding:60px;display:none}.empty-state span{font-size:40px;color:var(--primary)}.empty-state p{color:var(--muted)}.how{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}.how h2{font-size:40px;line-height:1.4;margin:10px 0}.how-copy p{color:var(--muted);line-height:1.9;margin-bottom:25px}.steps{display:flex;flex-direction:column}.step{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.step>span{color:var(--primary);font-weight:700;font-size:12px}.step b{font-size:16px}.step p{color:var(--muted);margin:7px 0 0;font-size:11px}.toast{position:fixed;z-index:20;left:25px;bottom:25px;background:var(--ink);color:#fff;padding:14px 18px;border-radius:13px;display:flex;gap:11px;align-items:center;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#3da87d}.toast div{display:flex;flex-direction:column}.toast small{color:#aaa;margin-top:3px}footer{background:var(--ink);color:#fff;padding:34px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center}footer p,footer .wrap>span{color:#9d99aa;font-size:11px}body.dark{--ink:#f7f4ff;--muted:#aaa5ba;--cream:#151321;--white:#201d2d;--line:#343044;background:var(--cream)}body.dark .announcement,body.dark footer{background:#0e0c16}body.dark .nav-actions .primary,body.dark .search-box button,body.dark .quick-add{background:#6b52e5}body.dark .search-box,body.dark .category,body.dark .products-section,body.dark .product-card,body.dark .view-all,body.dark .filter-bar select{background:#201d2d;color:#f7f4ff}body.dark .avatars i{border-color:#151321;color:#222}body.dark .product-info{background:#201d2d}
@media(max-width:900px){nav,.nav-actions{display:none}.menu-btn{display:block}.nav.open{height:auto;flex-wrap:wrap;padding-bottom:20px}.nav.open nav,.nav.open .nav-actions{display:flex;width:100%;justify-content:center}.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{text-align:center}.eyebrow,.hero-copy>p{justify-content:center;margin-left:auto;margin-right:auto}.search-box{margin-left:auto;margin-right:auto}.trending,.trust-row{justify-content:center}.hero-visual{height:420px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1180px)}.announcement span:nth-child(2),.announcement b{display:none}.nav{height:70px}.nav.open nav{flex-direction:column;align-items:center}.hero{gap:20px;padding-top:35px}h1{font-size:42px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.search-box{padding:5px}.search-box button{padding:12px;font-size:11px}.trending{flex-wrap:wrap}.hero-visual{transform:scale(.85);margin:-20px}.section-heading{display:block}.section-heading h2{font-size:29px}.category-grid{grid-template-columns:repeat(2,1fr)}.products-section,.categories{padding:65px 0}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:170px}.product-info{padding:12px}.product-footer .price b{font-size:14px}.how{grid-template-columns:1fr;gap:35px;padding:70px 0}.how h2{font-size:32px}footer .wrap{flex-direction:column;gap:12px}.view-all{margin-top:20px}.product-heading{display:flex;align-items:center}.product-heading .view-all{display:none}}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.profit-pill{font-size:8px;font-weight:700;color:#208460;background:#e9f8f2;padding:5px 7px;border-radius:20px}.margin-control{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:9px 10px;background:#f8f7fb;border:1px solid #efedf5;border-radius:10px}.margin-control label{font-size:9px;color:var(--muted)}.margin-control>div{display:flex;align-items:center;gap:2px;color:var(--primary);font-weight:700}.margin-input{width:43px;border:0;background:transparent;text-align:center;color:var(--primary);font-size:11px;font-weight:700;outline:0}.margin-input::-webkit-inner-spin-button{opacity:1}.product-footer{margin-top:11px}.product-footer .price{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:7px;margin:0}.product-footer .price small{grid-column:1/-1;color:#999;font-size:8px}.product-footer .price span{font-size:8px;color:#999;padding-bottom:3px}body.dark .margin-control{background:#292538;border-color:#3a354b}@media(max-width:560px){.margin-control{padding:7px}.margin-control label{display:none}.product-footer .price span{display:none}.product-footer .price b{font-size:13px}}
