.OfflineIndicator-module__tjWTgq__offlineContainer{z-index:9999;animation:.3s ease-out OfflineIndicator-module__tjWTgq__slideDown;position:fixed;top:0;left:0;right:0}.OfflineIndicator-module__tjWTgq__offlineBar{color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 4px 6px -1px #0000001a}.OfflineIndicator-module__tjWTgq__offlineContent{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:12px 16px;display:flex}.OfflineIndicator-module__tjWTgq__offlineMessage{flex:1;align-items:center;gap:12px;display:flex}.OfflineIndicator-module__tjWTgq__iconWrapper{flex-shrink:0}.OfflineIndicator-module__tjWTgq__pulseIcon{animation:2s cubic-bezier(.4,0,.6,1) infinite OfflineIndicator-module__tjWTgq__pulse}.OfflineIndicator-module__tjWTgq__textContainer{flex:1}.OfflineIndicator-module__tjWTgq__title{margin:0;font-size:14px;font-weight:500}.OfflineIndicator-module__tjWTgq__subtitle{opacity:.9;margin:4px 0 0;font-size:12px}.OfflineIndicator-module__tjWTgq__closeButton{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.OfflineIndicator-module__tjWTgq__closeButton:hover{background-color:#fff3}@keyframes OfflineIndicator-module__tjWTgq__slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes OfflineIndicator-module__tjWTgq__pulse{0%,to{opacity:1}50%{opacity:.5}}
:root{--color-success-light:#10b9811a;--color-primary-light:var(--palette-green-50);--palette-green-50:#ecfdf5;--palette-green-100:#d1fae5;--palette-green-500:#10b981;--palette-green-600:#059669;--palette-green-700:#047857;--palette-gray-50:#f9fafb;--palette-gray-100:#f3f4f6;--palette-gray-200:#e5e7eb;--palette-gray-300:#d1d5db;--palette-gray-500:#6b7280;--palette-gray-700:#374151;--palette-gray-900:#111827;--palette-bg:#e5e7eb;--palette-red-500:#ef4444;--palette-red-600:#dc2626;--palette-yellow-500:#f59e0b;--palette-blue-500:#3b82f6;--palette-whatsapp:#25d366;--palette-whatsapp-dark:#22c55e;--color-primary:var(--palette-green-500);--color-primary-hover:var(--palette-green-600);--color-text-main:var(--palette-gray-900);--color-text-subtle:var(--palette-gray-500);--color-text-muted:var(--palette-gray-300);--color-text-inverse:#fff;--color-bg-body:var(--palette-gray-50);--color-bg-card:#fff;--color-bg-input:#fff;--color-border-subtle:var(--palette-gray-100);--color-border-default:var(--palette-gray-200);--color-border-focus:var(--palette-green-500);--color-success:var(--palette-green-500);--color-error:var(--palette-red-500);--color-warning:var(--palette-yellow-500);--color-info:var(--palette-blue-500);--font-family-sans:"Inter",system-ui,-apple-system,sans-serif;--font-family-mono:"Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--ease-out:cubic-bezier(.33,1,.68,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--transition-fast:var(--duration-fast)var(--ease-out);--transition-base:var(--duration-normal)var(--ease-in-out);--transition-slow:var(--duration-slow)var(--ease-in-out);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@media (prefers-color-scheme:dark){:root{--color-success-light:#10b98133;--color-primary-light:var(--palette-green-50);--palette-green-50:#10b98133;--palette-green-100:#064e3b;--palette-green-500:#34d399;--palette-green-600:#10b981;--palette-green-700:#059669;--palette-gray-50:#111827;--palette-gray-100:#1f2937;--palette-gray-200:#374151;--palette-gray-300:#4b5563;--palette-gray-500:#9ca3af;--palette-gray-700:#e5e7eb;--palette-gray-900:#f3f4f6;--palette-bg:#111827;--palette-red-500:#f87171;--palette-red-600:#ef4444;--palette-yellow-500:#fbbf24;--palette-blue-500:#60a5fa;--palette-whatsapp:#25d366;--palette-whatsapp-dark:#22c55e;--color-primary:var(--palette-green-500);--color-primary-hover:var(--palette-green-600);--color-text-main:var(--palette-gray-900);--color-text-subtle:var(--palette-gray-500);--color-text-muted:var(--palette-gray-300);--color-text-inverse:#111827;--color-bg-body:var(--palette-gray-50);--color-bg-card:var(--palette-gray-100);--color-bg-input:var(--palette-gray-200);--color-border-subtle:var(--palette-gray-200);--color-border-default:var(--palette-gray-300);--color-border-focus:var(--palette-green-500);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--shadow-2xl:0 25px 50px -12px #000000b3}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family-sans);background-color:var(--color-bg-body);color:var(--color-text-main);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-text-main)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-subtle)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-info{color:var(--color-info)}.container{width:100%;max-width:1280px;padding-left:var(--space-4);padding-right:var(--space-4);margin:0 auto}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-none{flex:none}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.bg-white{background-color:#fff}.bg-card{background-color:var(--color-bg-card)}.bg-body{background-color:var(--color-bg-body)}.bg-light{background-color:var(--palette-gray-50)}.bg-gray{background-color:var(--palette-gray-100)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.border{border:1px solid var(--color-border-default)}.border-subtle{border:1px solid var(--color-border-subtle)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.app{flex-direction:column;width:100vw;min-height:100vh;display:flex;overflow:hidden}.main-content{padding:var(--space-8)var(--space-4);flex:1;width:100%;max-width:1400px;margin:0 auto}.loading-more{opacity:.7;margin-top:20px;animation:.3s ease-in fadeIn}.end-of-products{text-align:center;margin-top:20px;padding:40px 20px}.end-message{color:#6b7280;padding:0 20px;font-size:14px;display:inline-block;position:relative}.end-message:before,.end-message:after{content:"";background:#e5e7eb;width:50px;height:1px;position:absolute;top:50%}.end-message:before{margin-right:15px;right:100%}.end-message:after{margin-left:15px;left:100%}.load-more-container{text-align:center;padding:30px 20px}.load-more-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:12px 30px;font-size:14px;font-weight:500;transition:background .2s}.load-more-btn:hover{background:#059669}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.infinite-scroll-trigger{opacity:0;pointer-events:none;width:100%;height:20px;margin:20px 0}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:100%;display:grid}.home-component{transition:all .3s}.footer{text-align:center;width:100%;padding:var(--space-8);color:var(--color-text-subtle);font-size:var(--text-sm);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-card);margin-top:auto;position:relative;bottom:0}.products-grid{grid-auto-flow:dense;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%;display:grid;position:relative;top:-20px}@media (max-width:640px){.products-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);top:20px}}@media (min-width:641px) and (max-width:768px){.products-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);top:20px}}@media (min-width:769px) and (max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr);top:0}}@media (min-width:1025px) and (max-width:1440px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1441px){.products-grid{gap:var(--space-8);grid-template-columns:repeat(5,1fr)}}.btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;min-height:44px;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.btn-secondary{background-color:var(--color-bg-card);color:var(--color-text-main);border:1px solid var(--color-border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--palette-gray-100);border-color:var(--color-border-subtle)}.btn-success{background-color:var(--color-success);color:var(--color-text-inverse)}.btn-error{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-outline{color:var(--color-text-main);border:1px solid var(--color-border-default);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--palette-gray-100)}.btn-sm{padding:var(--space-1)var(--space-4);font-size:var(--text-xs);min-height:36px}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base);min-height:52px}.add-to-cart-btn{min-width:120px}.btn-disabled{background-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed}.btn-adding{background-color:var(--color-primary);opacity:.8;cursor:wait}.spinner{border:2px solid #ffffff4d;border-top-color:var(--color-text-inverse);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}.products-skeleton{gap:var(--space-6);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-skeleton{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.skeleton-image{background:linear-gradient(90deg,var(--palette-gray-100)25%,var(--color-border-subtle)50%,var(--palette-gray-100)75%);border-radius:var(--radius-md);width:100%;height:200px;margin-bottom:var(--space-4);background-size:200% 100%;animation:1.5s infinite skeleton-loading}.skeleton-line{background:linear-gradient(90deg,var(--palette-gray-100)25%,var(--color-border-subtle)50%,var(--palette-gray-100)75%);border-radius:var(--radius-sm);height:12px;margin-bottom:var(--space-2);background-size:200% 100%;animation:1.5s infinite skeleton-loading}.skeleton-line.short{width:60%}.error-state,.empty-state{text-align:center;padding:var(--space-12)var(--space-6);max-width:400px;margin:0 auto}.error-message{color:var(--color-error);margin-bottom:var(--space-6);font-size:var(--text-base)}.retry-btn{align-items:center;gap:var(--space-1);background:var(--color-info);color:var(--color-text-inverse);padding:var(--space-2)var(--space-6);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:background-color var(--transition-fast);border:none;display:inline-flex}.retry-btn:hover{background:#2563eb}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.product-card:hover,.btn:hover,.whatsapp-order-btn:hover{transform:none!important}}@media (prefers-contrast:high){:root{--color-primary:green;--color-text-main:#000;--color-text-subtle:#333;--color-border-subtle:#000}.product-card,.cart-item,.cart-summary{border:2px solid var(--color-border-subtle)}.btn{border:2px solid}}@media print{.header,.footer,.btn,.icon-button,.whatsapp-order-btn,.continue-shopping{display:none!important}body{color:#000;background:#fff;font-size:12pt}.product-card,.cart-item,.cart-summary{box-shadow:none;break-inside:avoid;border:1px solid #ddd}a{color:#000;text-decoration:underline}.main-content{padding:0}}