@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#84c225;--on-primary:#fff;--primary-container:#f4faf0;--on-primary-container:#33691e;--primary-fixed:#dcedc8;--primary-fixed-dim:#c5e1a5;--on-primary-fixed:#33691e;--on-primary-fixed-variant:#689f38;--inverse-primary:#c5e1a5;--secondary:#689f38;--on-secondary:#fff;--secondary-container:#f1f8e9;--on-secondary-container:#33691e;--secondary-fixed:#dcedc8;--secondary-fixed-dim:#c5e1a5;--on-secondary-fixed:#33691e;--on-secondary-fixed-variant:#689f38;--tertiary:#555;--on-tertiary:#fff;--tertiary-container:#eaeaea;--on-tertiary-container:#222;--tertiary-fixed:#f4f4f4;--tertiary-fixed-dim:#e0e0e0;--on-tertiary-fixed:#111;--on-tertiary-fixed-variant:#444;--error:#c33;--on-error:#fff;--error-container:#fbebeb;--on-error-container:#611;--background:#fff;--on-background:#1e293b;--surface:#fff;--on-surface:#1e293b;--surface-variant:#f4fbf4;--on-surface-variant:#3b5e3b;--surface-dim:#f1f5f9;--surface-bright:#fff;--surface-container-lowest:#fff;--surface-container-low:#f8fafc;--surface-container:#f1f5f9;--surface-container-high:#e2e8f0;--surface-container-highest:#cbd5e1;--surface-tint:#388e3c;--inverse-surface:#1e293b;--inverse-on-surface:#fff;--outline:#a1c97a;--outline-variant:#f0f8e8;--space-unit:4px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--container-padding:20px;--grid-gutter:16px;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-xl:4px;--radius-2xl:4px;--radius-3xl:4px;--radius-full:4px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:0 4px 20px #0000000a;--shadow-top:0 -1px 0 #0000000f;--transition-fast:0s;--transition-normal:0s;--transition-slow:0s;--transition-spring:0s;--z-base:1;--z-sticky:10;--z-cart-bar:30;--z-nav:40;--z-header:50;--z-modal:60;--z-toast:70}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--on-surface);min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.text-headline-xl{letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.text-headline-lg{letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:1.3}.text-headline-lg-mobile{letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.3}.text-title-md{letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:15px;font-weight:600;line-height:1.4}.text-body-lg{font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.text-body-md{font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.text-label-sm{letter-spacing:.03em;font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:14px}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;vertical-align:middle;direction:ltr;justify-content:center;align-items:center;line-height:1;display:inline-flex}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}@keyframes icon-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}html:not(.icons-loaded) .material-symbols-outlined{background:linear-gradient(90deg, var(--surface-container,#f1f5f9) 25%, var(--surface-container-high,#e2e8f0) 50%, var(--surface-container,#f1f5f9) 75%);border-radius:var(--radius-md,4px);background-size:200% 100%;width:1em;min-width:1em;height:1em;min-height:1em;animation:1.5s linear infinite icon-shimmer;position:relative;overflow:hidden;color:#0000!important;box-shadow:none!important;text-shadow:none!important}html:not(.icons-loaded) .material-symbols-outlined *{visibility:hidden!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:1}to{opacity:1}}@keyframes fadeInUp{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes fadeInScale{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:none}to{transform:none}}@keyframes slideDown{0%{transform:none}to{transform:none}}@keyframes float{0%,to{transform:none}50%{transform:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes scaleIn{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes cartBounce{0%,to{transform:none}50%{transform:none}}.animate-shimmer{background:linear-gradient(90deg, var(--surface-container) 25%, var(--surface-container-high) 50%, var(--surface-container) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.animate-fade-in,.animate-fade-in-up,.animate-fade-in-scale,.animate-slide-up,.animate-float{animation:none}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:1.5s infinite pulse}.animate-scale-in,.animate-cart-bounce{animation:none}.skeleton{background:linear-gradient(90deg, var(--surface-container) 25%, var(--surface-container-high) 50%, var(--surface-container) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{border-radius:var(--radius-sm);height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.full{width:100%}.skeleton-image{aspect-ratio:1;border-radius:var(--radius-lg)}.skeleton-circle{border-radius:var(--radius-full)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:opacity .25s,transform .25s;transform:translateY(0)}.toast{background:var(--inverse-surface);color:var(--inverse-on-surface);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);z-index:var(--z-toast);opacity:0;pointer-events:none;white-space:nowrap;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.app-container{background:var(--background);max-width:480px;min-height:100dvh;margin:0 auto;position:relative}@media (width>=481px){.app-container{box-shadow:0 0 40px #1542120f}body{background:var(--surface-container)}}@media (width>=768px){.app-container.admin-container{max-width:1200px}}@media (width>=481px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-container)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}}@keyframes textFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-text-fade{animation:.3s cubic-bezier(.16,1,.3,1) forwards textFade}@keyframes imageFade{0%{opacity:.4}to{opacity:1}}.animate-image-fade{animation:.4s ease-out forwards imageFade}