@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:#1a56db;--on-primary:#fff;--primary-container:#dbeafe;--on-primary-container:#1e3a8a;--primary-fixed:#bfdbfe;--primary-fixed-dim:#93c5fd;--on-primary-fixed:#1e3a8a;--on-primary-fixed-variant:#1d4ed8;--inverse-primary:#93c5fd;--secondary:#1e3a8a;--on-secondary:#fff;--secondary-container:#eff6ff;--on-secondary-container:#1e3a8a;--secondary-fixed:#dbeafe;--secondary-fixed-dim:#bfdbfe;--on-secondary-fixed:#1e3a8a;--on-secondary-fixed-variant:#1d4ed8;--tertiary:#64748b;--on-tertiary:#fff;--tertiary-container:#f1f5f9;--on-tertiary-container:#1e293b;--tertiary-fixed:#f8fafc;--tertiary-fixed-dim:#e2e8f0;--on-tertiary-fixed:#0f172a;--on-tertiary-fixed-variant:#475569;--accent:#16a34a;--on-accent:#fff;--accent-container:#dcfce7;--error:#dc2626;--on-error:#fff;--error-container:#fef2f2;--on-error-container:#991b1b;--background:#f8fafc;--on-background:#0f172a;--surface:#fff;--on-surface:#1e293b;--surface-variant:#f0f9ff;--on-surface-variant:#334155;--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:#1a56db;--inverse-surface:#0f172a;--inverse-on-surface:#f8fafc;--outline:#94a3b8;--outline-variant:#e2e8f0;--discount:#f97316;--on-discount:#fff;--space-unit:8px;--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:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:22px;--radius-3xl:28px;--radius-full:9999px;--shadow-sm:0 1px 4px #1a56db0f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #1a56db14, 0 2px 6px #0000000a;--shadow-lg:0 8px 24px #1a56db1a, 0 4px 10px #0000000f;--shadow-xl:0 16px 40px #1a56db1f, 0 6px 16px #00000014;--shadow-top:0 -2px 12px #1a56db0f;--shadow-card:0 2px 12px #1a56db12, 0 1px 4px #0000000a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275);--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:-.03em;font-family:Outfit,sans-serif;font-size:28px;font-weight:800;line-height:1.2}.text-headline-lg{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;line-height:1.25}.text-headline-lg-mobile{letter-spacing:-.01em;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;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.6}.text-body-md{font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.text-label-sm{letter-spacing:.05em;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:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes cartBounce{0%,to{transform:scale(1)}40%{transform:scale(1.15)}60%{transform:scale(.95)}}@keyframes badgePop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes heroFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(-4px)rotate(-.5deg)}}@keyframes textFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes imageFade{0%{opacity:.4}to{opacity:1}}.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{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in-scale{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInScale}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s infinite pulse}.animate-scale-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-cart-bounce{animation:.4s cubic-bezier(.175,.885,.32,1.275) cartBounce}.animate-badge-pop{animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards badgePop}.animate-hero-float{animation:4s ease-in-out infinite heroFloat}.animate-text-fade{animation:.3s cubic-bezier(.16,1,.3,1) forwards textFade}.animate-image-fade{animation:.4s ease-out forwards imageFade}.card-hover{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.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 60px #1a56db14}body{background:linear-gradient(135deg,#eef2ff 0%,#f0f9ff 50%,#f8fafc 100%)}}@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(--primary-container);border-radius:var(--radius-full)}}.whatsapp-float{z-index:45;cursor:pointer;background-color:#25d366;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),background-color .2s,box-shadow .2s;display:flex;position:fixed;bottom:130px;right:16px;box-shadow:0 4px 20px #25d36659;color:#fff!important}.whatsapp-float:hover{background-color:#128c7e;transform:scale(1.12);box-shadow:0 8px 28px #128c7e73}.whatsapp-float:active{transform:scale(.95)}@media (width>=481px){.whatsapp-float{right:calc(50% - 228px)}}@media (width<=480px){:root{--container-padding:16px}}.admin-price-unit-row{gap:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}.admin-variant-row{grid-template-columns:1.2fr 1fr 1fr 40px;align-items:center;gap:8px;display:grid}@media (width<=480px){.admin-price-unit-row{grid-template-columns:1fr 1fr;gap:12px}.admin-price-unit-row>div:last-child{grid-column:span 2}.admin-variant-row{background:var(--surface-container-low);border-radius:var(--radius-md);border:1px solid var(--outline-variant);grid-template-columns:1fr 1fr;gap:8px;padding:10px}.admin-variant-row input:first-of-type{grid-column:span 2}.admin-variant-row button{grid-column:span 2;width:100%!important;height:32px!important}}.section-header{margin-bottom:var(--space-md);padding:0 var(--container-padding);justify-content:space-between;align-items:flex-end;display:flex}.section-title{color:var(--on-background);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.section-subtitle{color:var(--outline);margin-top:2px;font-size:12px;font-weight:500}.section-see-all{color:var(--primary);cursor:pointer;align-items:center;gap:2px;font-size:12px;font-weight:700;transition:opacity .15s;display:flex}.section-see-all:hover{opacity:.75}.hero-gradient{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 40%,#e0f2fe 100%)}.feature-chip{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1.5px solid var(--outline-variant);background:#fff;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:80px;padding:14px 10px;transition:transform .2s,box-shadow .2s;display:flex}.feature-chip:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card{border-radius:var(--radius-xl);border:1.5px solid var(--outline-variant);box-shadow:var(--shadow-sm);cursor:pointer;text-align:center;background:#fff;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:flex}.category-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)scale(1.02)}.category-icon-wrap{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:transform .2s;display:flex}.category-card:hover .category-icon-wrap{transform:scale(1.1)}