@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Fredoka+One&display=swap";
:root{--orange:#ff6b35;--orange-dark:#e8551f;--orange-mid:#ff8c5a;--orange-light:#ffd4b8;--orange-soft:#fff3ec;--orange-pastel:#ffe8d6;--purple:#7b2fbe;--purple-dark:#5e1f9a;--purple-mid:#9b4fde;--purple-light:#dfc5f8;--purple-soft:#f3e8ff;--purple-pastel:#edd9ff;--pastel-pink:#ffd6e7;--pastel-yellow:#fff3b0;--pastel-green:#c8f7c5;--pastel-blue:#c5e8ff;--pastel-mint:#b8f0e0;--pastel-lavender:#e8d5ff;--pastel-peach:#ffd8c0;--pastel-rose:#ffccd5;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#7b2fbe;--text-primary:#2d1a4a;--text-secondary:#6b4e8a;--text-muted:#a892c0;--text-light:#c4b0d8;--bg-primary:#fffbfe;--bg-secondary:#fdf5ff;--bg-tertiary:#f8eeff;--bg-orange-soft:#fff6f0;--bg-purple-soft:#f5eeff;--border:#edd9ff;--border-light:#f5eeff;--border-orange:#ffd4b8;--grad-hero:linear-gradient(135deg, #ff6b35 0%, #7b2fbe 100%);--grad-orange:linear-gradient(135deg, #ff6b35, #ff8c5a);--grad-purple:linear-gradient(135deg, #7b2fbe, #9b4fde);--grad-warm:linear-gradient(135deg, #ff6b35, #ffb347, #7b2fbe);--grad-pastel:linear-gradient(135deg, #ffe8d6, #edd9ff);--grad-card:linear-gradient(160deg, #fff6f0 0%, #f5eeff 100%);--grad-rainbow:linear-gradient(90deg, #ff6b35, #ffb347, #7b2fbe, #ff6b35);--shadow-xs:0 2px 8px #7b2fbe14;--shadow-sm:0 4px 16px #7b2fbe1a;--shadow-md:0 8px 28px #7b2fbe24;--shadow-lg:0 16px 48px #7b2fbe2e;--shadow-xl:0 24px 64px #7b2fbe38;--shadow-orange:0 8px 28px #ff6b3540;--shadow-purple:0 8px 28px #7b2fbe40;--shadow-card:0 4px 20px #7b2fbe1a;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--font-body:"Nunito", sans-serif;--font-display:"Fredoka One", cursive;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--spring:all .3s cubic-bezier(.34, 1.56, .64, 1);--spring-slow:all .45s cubic-bezier(.34, 1.2, .64, 1);--header-height:130px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--orange-mid), var(--purple-mid));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:400;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-full);transition:var(--spring);cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-body);letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:150%}.btn-primary{background:var(--grad-orange);color:#fff;box-shadow:var(--shadow-orange)}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 36px #ff6b3559}.btn-primary:active{transform:translateY(-1px)scale(.99)}.btn-purple{background:var(--grad-purple);color:#fff;box-shadow:var(--shadow-purple)}.btn-purple:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 36px #7b2fbe59}.btn-secondary{background:var(--purple-soft);color:var(--purple);border:2px solid var(--purple-light)}.btn-secondary:hover{background:var(--grad-purple);color:#fff;box-shadow:var(--shadow-purple);border-color:#0000;transform:translateY(-3px)scale(1.02)}.btn-outline{border:2px solid var(--orange);color:var(--orange);background:0 0}.btn-outline:hover{background:var(--grad-orange);color:#fff;box-shadow:var(--shadow-orange);border-color:#0000;transform:translateY(-2px)}.btn-outline-purple{border:2px solid var(--purple);color:var(--purple);background:0 0}.btn-outline-purple:hover{background:var(--grad-purple);color:#fff;box-shadow:var(--shadow-purple);border-color:#0000;transform:translateY(-2px)}.btn-pastel{background:var(--orange-soft);color:var(--orange-dark);border:2px solid var(--orange-light)}.btn-pastel:hover{background:var(--orange);color:#fff;border-color:var(--orange);transform:translateY(-2px)}.btn-white{color:var(--orange);background:#fff;box-shadow:0 4px 16px #0000001f}.btn-white:hover{color:var(--purple);transform:translateY(-3px)scale(1.02);box-shadow:0 10px 30px #0000002e}@keyframes btnBounce{0%,to{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.95)}80%{transform:scale(1.03)}}.btn-bounce:hover{animation:.5s btnBounce}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b3566}50%{box-shadow:0 0 0 10px #ff6b3500}}.btn-pulse{animation:2s infinite pulse}.card{border-radius:var(--radius-lg);border:2px solid var(--border-light);transition:var(--spring);box-shadow:var(--shadow-xs);background:#fff;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--orange-light);transform:translateY(-5px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;font-size:.74rem;font-weight:700;font-family:var(--font-body);align-items:center;padding:4px 12px;display:inline-flex}.badge-orange{background:var(--orange-soft);color:var(--orange-dark);border:1.5px solid var(--orange-light)}.badge-purple{background:var(--purple-soft);color:var(--purple-dark);border:1.5px solid var(--purple-light)}.badge-success{background:var(--pastel-green);color:#166534;border:1.5px solid #86efac}.badge-danger{background:var(--pastel-rose);color:#9f1239;border:1.5px solid #fda4af}.badge-warning{background:var(--pastel-yellow);color:#78350f;border:1.5px solid #fcd34d}.skeleton{background:linear-gradient(90deg, var(--orange-soft) 25%, var(--purple-soft) 50%, var(--orange-soft) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.6s infinite skeletonLoading}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .6s,transform .6s;transform:translate(-28px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .6s,transform .6s;transform:translate(28px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.34,1.3,.64,1);transform:scale(.9)}.reveal-scale.visible{opacity:1;transform:scale(1)}.page-enter{animation:.4s forwards pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cartBounce{0%,to{transform:scale(1)}30%{transform:scale(1.28)}60%{transform:scale(.92)}80%{transform:scale(1.08)}}.cart-bounce{animation:.48s cartBounce}.products-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;display:grid}.section{padding:60px 0}.section-title{font-family:var(--font-display);background:var(--grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.9rem;font-weight:400}.section-subtitle{color:var(--text-muted);margin-bottom:36px;font-size:.92rem;font-weight:500}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:.88rem;font-weight:700;display:block}.form-control{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;transition:var(--transition);color:var(--text-primary);font-size:.92rem;font-family:var(--font-body);background:#fff;padding:12px 16px}.form-control:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff6b351f}.form-control::placeholder{color:var(--text-light)}.stars{color:var(--warning);gap:2px;display:inline-flex}.price-current{color:var(--orange);font-size:1.2rem;font-weight:800;font-family:var(--font-display)}.price-original{color:var(--text-muted);font-size:.88rem;text-decoration:line-through}.price-discount{color:var(--success);background:var(--pastel-green);border-radius:var(--radius-full);padding:2px 8px;font-size:.82rem;font-weight:700}.spinner{border:3px solid var(--border);border-top-color:var(--orange);border-right-color:var(--purple);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes floatReverse{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-10px)rotate(-2deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.2)rotate(15deg)}}@keyframes rainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.section-divider{background:var(--grad-rainbow);border-radius:var(--radius-full);background-size:300% 100%;width:100%;height:4px;margin:8px 0;animation:6s linear infinite rainbowShift}.chip{border-radius:var(--radius-full);transition:var(--spring);cursor:pointer;border:2px solid;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.chip-orange{background:var(--orange-soft);color:var(--orange-dark);border-color:var(--orange-light)}.chip-orange:hover{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:var(--shadow-orange);transform:translateY(-2px)}.chip-purple{background:var(--purple-soft);color:var(--purple-dark);border-color:var(--purple-light)}.chip-purple:hover{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:var(--shadow-purple);transform:translateY(-2px)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-auto{margin-top:auto}.text-center{text-align:center}.w-full{width:100%}.hidden{display:none}@media (max-width:1024px){:root{--header-height:125px}}@media (max-width:768px){:root{--header-height:72px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.section{padding:44px 0}.section-title{font-size:1.5rem}.container{padding:0 14px}}@media (max-width:480px){:root{--header-height:66px}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.btn{padding:10px 20px;font-size:.85rem}.container{padding:0 12px}}@media (max-width:360px){:root{--header-height:62px}.products-grid{gap:8px}}