@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--primary:#e63946;--primary-hover:#d62828;--primary-dark:#9e1b25;--primary-light:#fff0f0;--primary-gradient:linear-gradient(135deg, #ff5722 0%, #d82218 100%);--primary-gradient-subtle:linear-gradient(135deg, #e6394614 0%, #f4a2611f 100%);--secondary:#f4a261;--secondary-hover:#e76f51;--secondary-light:#fff7ed;--accent-green:#10b981;--accent-green-light:#ecfdf5;--accent-blue:#3b82f6;--accent-blue-light:#eff6ff;--bg-page:#f4f6f9;--bg-card:#fff;--bg-elevated:#fff;--bg-dark:#111827;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--text-white:#fff;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--shadow-glow:0 8px 20px -4px #e6394659;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--mobile-max-width:440px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{font-family:var(--font-sans);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e2e8f0;min-height:100vh}.mobile-app-wrapper{background:radial-gradient(circle at 10% 20%,#ffebeb 0%,#e8eef5 90%);justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.mobile-device-container{width:100%;max-width:var(--mobile-max-width);background-color:var(--bg-page);flex-direction:column;min-height:100vh;transition:max-width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden;box-shadow:0 25px 50px -12px #0f172a40}@media (max-width:480px){.mobile-app-wrapper{background:var(--bg-page)}.mobile-device-container{max-width:100vw;box-shadow:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-main);font-weight:700}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}input,textarea,select{outline:none;font-family:inherit}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 14px #e6394659}50%{box-shadow:0 6px 22px #e6394699}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-slide-up{animation:.32s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:.25s ease-out forwards fadeIn}.animate-pulse-glow{animation:2.5s infinite pulseGlow}.animate-bounce-subtle{animation:1.8s ease-in-out infinite bounceSubtle}.glass-header{-webkit-backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #e2e8f0cc}.glass-card{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#fffffff2;border:1px solid #fff9}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}.badge-tag{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{color:var(--primary-dark);background:#ffe5e5}.badge-best-seller{color:#fff;background:linear-gradient(135deg,#ff6b4a 0%,#d9381e 100%)}.badge-favorit{color:#b45309;background:#fef3c7}.badge-pedas{color:#b91c1c;background:#fee2e2}.badge-khas{color:#3730a3;background:#e0e7ff}.btn-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:15px;font-weight:700;display:flex}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary{color:var(--text-main);border-radius:var(--radius-md);background:#f1f5f9;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.btn-secondary:hover{background:#e2e8f0}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background-color:#0f172aa6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:481px){.modal-overlay{align-items:center}}.bottom-sheet{width:100%;max-width:var(--mobile-max-width);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);background:#fff;flex-direction:column;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 -10px 30px #0003}@media (min-width:481px){.bottom-sheet{border-radius:var(--radius-xl);max-height:85vh}}.sheet-handle{background-color:#cbd5e1;border-radius:99px;width:36px;height:4px;margin:10px auto 4px}