:root{--background:#fff;--foreground:#0f0919;--primary:#3b0764;--primary-hover:#2e1065;--primary-light:#581c87;--primary-subtle:#f3e8ff;--primary-glow:#3b076424;--success:#10b981;--error:#ef4444;--text-muted:#6b7280;--glass-bg:#fff;--glass-border:#00000014;--glass-border-hover:#3b0764;--glass-shadow:0 2px 16px #0000000a;--glass-shadow-active:0 10px 28px #3b07641a;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-grotesque:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--transition:all .25s ease-in-out;--radius-xl:20px;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--text-xs:clamp(.65rem, 1.8vw, .75rem);--text-sm:clamp(.78rem, 2vw, .875rem);--text-base:clamp(.9rem, 2.5vw, 1rem);--text-lg:clamp(1rem, 3vw, 1.125rem);--text-xl:clamp(1.1rem, 3.5vw, 1.25rem);--text-2xl:clamp(1.3rem, 4vw, 1.5rem);--text-3xl:clamp(1.6rem, 5vw, 2rem);--text-4xl:clamp(1.9rem, 6vw, 2.8rem);--text-hero:clamp(2rem, 7vw, 3.4rem);--space-xs:clamp(4px, 1vw, 8px);--space-sm:clamp(8px, 2vw, 12px);--space-md:clamp(12px, 3vw, 20px);--space-lg:clamp(20px, 4vw, 32px);--space-xl:clamp(32px, 6vw, 56px);--space-2xl:clamp(48px, 8vw, 88px)}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:-.01em;background:#fff;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-grotesque), sans-serif;color:var(--foreground);letter-spacing:-.03em;font-weight:700;line-height:1.15}h1{font-size:var(--text-hero)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{font-size:var(--text-base);color:var(--foreground)}small{font-size:var(--text-sm)}a{color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3b076433;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b0764}.glass-panel{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:var(--transition);background:#fff}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-active)}.glass-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition);background:#fff;box-shadow:0 2px 8px #00000005}.glass-card:hover{border-color:#3b0764;transform:translateY(-2px);box-shadow:0 10px 28px #3b07641a}button,.btn{font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:var(--transition);letter-spacing:-.01em;background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:6px;min-height:44px;padding-inline:16px;font-weight:600;display:inline-flex}.btn-primary{border-radius:var(--radius-md);border:1px solid #3b0764;padding:12px 20px;color:#fff!important;background:#3b0764!important}.btn-primary:hover{border-color:#2e1065;transform:translateY(-1px);background:#2e1065!important}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-glass{color:#3b0764;border-radius:var(--radius-md);background:#fff;border:1.5px solid #3b0764;padding:11px 20px}.btn-glass:hover{color:#fff;background:#3b0764}input,select,textarea{border-radius:var(--radius-md);width:100%;color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);transition:var(--transition);background:#fff;border:1px solid #0000001a;outline:none;min-height:44px;padding:12px 14px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--primary-glow);border-color:#3b0764}textarea{resize:vertical;min-height:88px}.purple-text{font-weight:700;color:#3b0764!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .7s var(--ease) forwards}.animate-spin{animation:1.2s linear infinite spin}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;left:16px;right:16px}@media (min-width:520px){.toast-container{width:340px;left:auto}}.toast{pointer-events:all;border-radius:var(--radius-md);font-size:var(--text-sm);opacity:0;animation:slideUpFade .4s var(--ease) forwards;background:#fff;border:1px solid #00000012;border-left:5px solid #3b0764;align-items:center;gap:12px;width:100%;padding:14px 18px;font-weight:500;display:flex;transform:translateY(20px);box-shadow:0 8px 28px #00000014}.mobile-menu-toggle{display:inline-flex!important}.desktop-nav,.desktop-cart{display:none!important}@media (min-width:768px){.mobile-menu-toggle{display:none!important}.desktop-nav{display:flex!important}.desktop-cart{display:inline-flex!important}}main{padding:var(--space-lg) var(--space-md)}@media (min-width:768px){main{padding:var(--space-xl) var(--space-lg)}}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.product-card-image{height:150px}@media (min-width:640px){.product-card-image{height:200px}}@media (min-width:1024px){.product-card-image{height:240px}}.product-card-body{padding:12px}@media (min-width:640px){.product-card-body{padding:18px}}.product-card-title{font-size:var(--text-sm)}@media (min-width:640px){.product-card-title{font-size:var(--text-base)}}.product-card-price{font-size:var(--text-base);color:#3b0764;font-weight:700}@media (min-width:640px){.product-card-price{font-size:var(--text-lg)}}.product-card-badge{font-size:var(--text-xs)!important;padding:3px 7px!important;top:8px!important;left:8px!important}.glass-panel[style*="width: 450px"],.glass-panel[style*="width: 380px"]{width:100%!important;max-width:100vw!important}@media (min-width:520px){.glass-panel[style*="width: 450px"]{width:450px!important;max-width:90vw!important}.glass-panel[style*="width: 380px"]{width:380px!important;max-width:90vw!important}}