@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Quicksand:wght@300;400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap";:root{--peach: #FFB5A7;--lavender: #C3B1E1;--mint: #A8E6CF;--sky: #A0D2DB;--yellow: #FFD166;--pink: #FF6B9D;--cream: #FFFBF5;--white: #FFFFFF;--text: #2D2A3E;--text2: #5B5675;--text3: #9B95AD;--border: #F0EDF8;--pri: #7C5CFC;--pri-l: #9B82FD;--green: #22C55E;--red: #EF4444;--r: 16px;--tr: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Quicksand,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%}h1,h2,h3,h4{font-family:"Baloo 2",cursive;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{padding:.65rem 1.5rem;border-radius:50px;border:none;font-weight:700;font-size:.9rem;transition:all var(--tr);display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--pri);color:#fff}.btn-primary:hover{background:var(--pri-l);transform:translateY(-2px);box-shadow:0 4px 15px #7c5cfc4d}.btn-peach{background:var(--peach);color:#fff}.btn-peach:hover{background:#ff9f8e;transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--pri);color:var(--pri)}.btn-outline:hover{background:var(--pri);color:#fff}.btn-sm{padding:.45rem 1rem;font-size:.8rem}.btn-lg{padding:.8rem 2rem;font-size:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.3rem;color:var(--text2)}.form-input{width:100%;padding:.7rem 1rem;border:2px solid var(--border);border-radius:12px;font-family:inherit;font-size:.9rem;outline:none;transition:border-color var(--tr);background:var(--white)}.form-input:focus{border-color:var(--pri)}.card{background:var(--white);border-radius:var(--r);overflow:hidden;transition:all var(--tr);border:1px solid var(--border)}.card:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-4px)}.badge{display:inline-flex;padding:3px 10px;border-radius:50px;font-size:.7rem;font-weight:700}.badge-new{background:var(--mint);color:#15803d}.badge-sale{background:#fee2e2;color:#dc2626}.badge-popular{background:#ede9fe;color:#6d28d9}.badge-best{background:var(--yellow);color:#92400e}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.product-card{position:relative}.product-card .product-img{height:200px;display:flex;align-items:center;justify-content:center;font-size:4rem;border-radius:var(--r) var(--r) 0 0}.product-card .product-info{padding:1rem}.product-card .product-name{font-family:"Baloo 2",cursive;font-size:1rem;font-weight:600}.product-card .product-price{font-weight:700;color:var(--pri);font-size:1rem;margin-top:.3rem}.product-card .product-old-price{text-decoration:line-through;color:var(--text3);font-size:.8rem;margin-left:.4rem}.product-card .product-tag{position:absolute;top:.8rem;left:.8rem}.product-card .product-wishlist{position:absolute;top:.8rem;right:.8rem;width:36px;height:36px;border-radius:50%;background:#fff;border:none;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all var(--tr)}.product-card .product-wishlist:hover{transform:scale(1.1)}.product-card .product-sizes{display:flex;gap:.3rem;margin-top:.4rem}.product-card .product-sizes span{font-size:.65rem;padding:2px 6px;border-radius:4px;background:var(--border);color:var(--text3);font-weight:600}.product-card .add-cart-btn{width:100%;padding:.6rem;border:none;border-radius:0 0 var(--r) var(--r);background:var(--pri);color:#fff;font-weight:700;font-size:.85rem;opacity:0;transition:all var(--tr);position:absolute;bottom:0}.product-card:hover .add-cart-btn{opacity:1}.section-title{text-align:center;margin-bottom:2rem}.section-title h2{font-size:2rem;color:var(--text)}.section-title p{color:var(--text3);font-size:.95rem;margin-top:.3rem}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}.section-title h2{font-size:1.5rem}}@media(max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.product-card .product-img{height:150px;font-size:3rem}}