@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap";:root{--color-primary: #ff1f3a;--color-primary-dark: #c4002b;--color-primary-light: #ffecec;--color-store-accent: #ff1f3a;--color-secondary: #0b0b0d;--color-secondary-hover: #1f1f23;--color-success: #10b981;--color-error: #ff1f3a;--color-warning: #f59e0b;--color-whatsapp: #25d366;--color-whatsapp-light: rgba(37, 211, 102, .11);--color-chat-menu: #ff1f3a;--color-bg-hero: #ffffff;--color-text-dark: #0b0b0d;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-danger-light: rgba(255, 31, 58, .12);--color-red-logout: #c4002b;--color-cart-black: #0b0b0d;--color-text-heading: #0b0b0d;--color-text-muted-blue: #6b7280;--color-bg-gradient-start: #ffffff;--color-border-subtle: rgba(255, 31, 58, .06);--color-badge-red: #ff375f;--color-accent-orange: #ff375f;--color-accent-orange-light: #ffecec;--color-facebook: #1877f2;--color-text-gray-700: #374151;--color-footer-bg: #ff5858;--color-footer-bottom-bg: #16161a;--color-green-oraimo: #10b981;--color-black: #000000;--color-flash-orange: #f59e0b;--color-surface-dark: #111116;--color-loading-gradient: linear-gradient(135deg, #0b0b0d 0%, #ff1f3a 100%);--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #0b0b0d;--color-text-main: #0b0b0d;--color-text-secondary: #444b52;--color-text-tertiary: #ffffff;--color-text-inverse: #ffffff;--color-bg-page: #ffffff;--color-bg-surface: #ffffff;--color-bg-hover: #f8f8f9;--color-border: #e6e7e8;--color-border-inverse: #9ca3af;--color-border-focus: #ff1f3a;--layout-max-width: 1280px;--header-height: 70px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 6px 18px -6px rgba(11, 11, 13, .16);--shadow-lg: 0 20px 40px -15px rgba(11, 11, 13, .22);--color-chat-header-start: #ff1f3a;--color-chat-header-end: #c4002b;--color-chat-input-bg: #ffffff;--color-chat-user-bubble: #ff1f3a;--color-gray-almost-black: #0b0b0d;--color-gray-dark: #1f2937;--color-gray-medium: #6b7280;--color-gray-light: #9ca3af;--color-gray-border: #e6e7e8;--color-gray-lighter: #f3f4f6;--color-bg-light: #ffffff;--color-bg-lighter: #fbfbfb;--color-google-red: #ff1f3a;--color-bg-red-light: #ffecec;--color-bg-red-faint: #fff5f7;--color-gray-mid: #9ca3af;--color-gray-darker: #4b5563;--color-bg-off-white: #fbfbfb;--color-blue-primary: #ff1f3a;--color-blue-light: #fff5f6;--color-red-strong: #b71b26;--color-red-deep: #912022;--color-red-bg-subtle: #ffecec;--color-red-alert: #ff1f3a;--color-green-bg-subtle: #ecfdf5;--color-green-success: #10b981;--color-gray-soft: #f3f4f6;--color-shadow-light: rgba(0, 0, 0, .06);--color-shadow-subtle: rgba(0, 0, 0, .03);--color-shadow-medium: rgba(0, 0, 0, .12);--color-gray-structure: #e6e7e8;--color-gray-pale: #f3f4f6;--color-gray-faint: #fbfbfb;--color-primary-alpha-30: rgba(255, 31, 58, .3);--color-primary-alpha-50: rgba(255, 31, 58, .5);--color-shadow-dim: rgba(0, 0, 0, .05);--color-shadow-darker: rgba(0, 0, 0, .12);--color-shadow-strong: rgba(0, 0, 0, .24);--color-gray-slate: #d1d5db;--color-gray-dim: #6b7280;--color-shadow-faint: rgba(0, 0, 0, .02);--color-shadow-strong-half: rgba(0, 0, 0, .4);--color-primary-alpha-10: rgba(255, 31, 58, .1);--color-primary-alpha-20: rgba(255, 31, 58, .2);--color-primary-dark-alt: #c4002b;--color-bg-snow: #ffffff;--color-red-soft: #ffecec;--color-warning-fade: #fef3c7;--color-gray-silver: #d1d5db;--color-whatsapp-alpha-60: rgba(37, 211, 102, .6);--color-white-translucent: rgba(255, 255, 255, .95);--color-gold: #f59e0b;--color-gold-light: #fef3c7;--color-christmas-green: #ff1f3a;--color-christmas-red: #ff375f;--color-pine-green: #0b0b0d;--color-snow-white: #ffffff;--color-mobile-blob: #ff375f;--color-filter-hover: #fff5f7;--color-filter-active: #ffecec;--color-shadow-shop-btn: rgba(255, 31, 58, .14);--color-why-buy-progress-bg: rgba(0, 0, 0, .06);--color-why-buy-progress-fill: #ff1f3a;--color-bg-category-tab: #fbfbfb;--color-admin-primary: #ff1f3a;--color-admin-primary-dark: #c4002b;--color-admin-primary-light: #ffecec;--color-admin-bg: #ffffff;--color-admin-border: #e6e7e8;--color-admin-text-main: #0b0b0d;--color-admin-text-secondary: #6b7280;--color-admin-verified-bg: #dcfce7;--color-admin-verified-text: #166534;--color-admin-unverified-bg: #fef3c7;--color-admin-unverified-text: #854d0e;--toast-bg: rgba(255, 255, 255, .94);--toast-bg-dark: rgba(11, 11, 13, .92);--toast-border: rgba(255, 255, 255, .6);--toast-shadow: 0 10px 40px -10px rgba(255, 31, 58, .14), 0 0 18px -6px rgba(0, 0, 0, .08);--toast-blur: 16px;--toast-radius: 12px;--toast-padding: 16px;--toast-width: 360px;--toast-success-icon: #10b981;--toast-success-bg: rgba(16, 185, 129, .08);--toast-success-border: rgba(16, 185, 129, .18);--toast-error-icon: #ff1f3a;--toast-error-bg: rgba(255, 31, 58, .08);--toast-error-border: rgba(255, 31, 58, .18);--toast-warning-icon: #f59e0b;--toast-warning-bg: rgba(245, 158, 11, .1);--toast-warning-border: rgba(245, 158, 11, .2);--toast-info-icon: #3b82f6;--toast-info-bg: rgba(59, 130, 246, .08);--toast-info-border: rgba(59, 130, 246, .18);--color-store-login-primary: #ff1f3a;--color-store-login-secondary: #0b0b0d;--color-store-login-accent: #c4002b;--color-store-login-bg: #ffffff;--color-store-login-text: #0b0b0d;--color-store-login-border: #e6e7e8;--color-store-login-input-bg: #ffffff;--color-store-login-input-focus: #ff1f3a;--color-mobile-link: #ffffff;--color-mobile-link-hover: #ff1f3a;--color-mobile-social: #0b0b0d;--color-mobile-social-hover: #ff1f3a;--color-header-icon: #ffffff;--color-header-icon-hover: #ff1f3a}*{padding:0;margin:0;box-sizing:border-box}.spinner{width:50px;height:50px;border:4px solid var(--color-primary-alpha-30);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s infinite linear;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 1rem;background:var(--color-bg-surface, #fff);border-radius:12px;border:2px dashed var(--color-border, #eee);max-width:600px;margin:2rem auto;display:flex;flex-direction:column;align-items:center}.empty-state .icon-wrapper,.empty-state .empty-icon{width:80px;height:80px;background:var(--color-bg-hover, #f9f9f9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2.5rem;color:var(--color-text-secondary, #666)}.empty-state h2,.empty-state .empty-text{font-size:1.5rem;color:var(--color-text-main, #333);margin-bottom:.75rem;font-weight:700}.empty-state p,.empty-state .no-result{color:var(--color-text-secondary, #666);margin-bottom:2rem;font-size:1rem}.browse-btn,.empty-state-btn{background:var(--color-primary, #92c13d);color:#fff;border:none;padding:.9rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.browse-btn:hover,.empty-state-btn:hover{background:var(--color-primary-dark, #7aa331);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:16px;pointer-events:none}.toast-item{pointer-events:auto;width:var(--toast-width, 360px);background:var(--toast-bg);backdrop-filter:blur(var(--toast-blur, 16px));-webkit-backdrop-filter:blur(var(--toast-blur, 16px));border-radius:var(--toast-radius, 16px);box-shadow:var(--toast-shadow);padding:var(--toast-padding, 16px);display:flex;align-items:flex-start;gap:16px;position:relative;overflow:hidden;border:1px solid var(--toast-border)}.toast-item.dark{background:var(--toast-bg-dark);border-color:#ffffff1a;color:#fff}.toast-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;font-size:18px;border-radius:50%;margin-top:2px}.toast-content{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:40px}.toast-message{font-size:.95rem;font-weight:600;color:var(--color-text-main, #111827);line-height:1.3;letter-spacing:-.01em}.toast-description{font-size:.85rem;color:var(--color-text-secondary, #4b5563);line-height:1.4;font-weight:400}.toast-close{background:transparent;border:none;cursor:pointer;color:var(--color-text-muted, #9ca3af);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;margin-top:2px;opacity:.7}.toast-close:hover{background:#0000000d;color:var(--color-text-main, #333);opacity:1}.toast-progress-bar{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.8;border-radius:0 3px 0 0}.toast-success .toast-icon{color:var(--toast-success-icon);background:var(--toast-success-bg);border:1px solid var(--toast-success-border)}.toast-success .toast-progress-bar{background:var(--toast-success-icon)}.toast-error .toast-icon{color:var(--toast-error-icon);background:var(--toast-error-bg);border:1px solid var(--toast-error-border)}.toast-error .toast-progress-bar{background:var(--toast-error-icon)}.toast-warning .toast-icon{color:var(--toast-warning-icon);background:var(--toast-warning-bg);border:1px solid var(--toast-warning-border)}.toast-warning .toast-progress-bar{background:var(--toast-warning-icon)}.toast-info .toast-icon{color:var(--toast-info-icon);background:var(--toast-info-bg);border:1px solid var(--toast-info-border)}.toast-info .toast-progress-bar{background:var(--toast-info-icon)}@media(max-width:480px){.toast-container{inset:20px 20px auto;align-items:center}.toast-item{width:100%;max-width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-loading-gradient);background-size:200% 200%;animation:gradientShift 3s ease infinite;display:flex;align-items:center;justify-content:center;z-index:9999}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes sporadicRotate{0%{transform:rotate(0)}20%{transform:rotate(45deg)}40%{transform:rotate(-30deg)}60%{transform:rotate(120deg)}80%{transform:rotate(-90deg)}to{transform:rotate(360deg)}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}.loading-logo-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.loading-logo-container:before,.loading-logo-container:after{content:"";position:absolute;border-radius:50%;border:3px solid transparent;animation:rotate 2s linear infinite}.loading-logo-container:before{width:100px;height:100px;border-top-color:var(--color-primary);border-right-color:var(--color-primary);animation-duration:2s}.loading-logo-container:after{width:80px;height:80px;border-bottom-color:var(--color-flash-orange);border-left-color:var(--color-flash-orange);animation-duration:1.5s;animation-direction:reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-logo{object-fit:contain;filter:drop-shadow(0 10px 30px var(--color-primary-alpha-50));animation:pulse 1.5s ease-in-out infinite;position:relative;z-index:1;animation:sporadicRotate 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 10px 30px var(--color-primary-alpha-50))}50%{transform:scale(1.1);filter:drop-shadow(0 15px 40px rgba(255,149,0,.7))}}.loading-text{font-size:1.5rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.25rem;text-shadow:0 2px 10px var(--color-primary-alpha-50);animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 2px 10px var(--color-primary-alpha-50)}50%{text-shadow:0 2px 20px rgba(255,149,0,.8)}}.loading-dots{display:flex;gap:.2rem}.loading-dots .dot{animation:dotBounce 1.4s ease-in-out infinite}.loading-dots .dot:nth-child(1){animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.loading-screen.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.loading-logo-container{width:160px;height:160px}.loading-logo-container:before{width:90px;height:90px}.loading-logo-container:after{width:70px;height:70px}.loading-text{font-size:1.25rem}}:root{--background: #ffffff;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--popover: #ffffff;--popover-foreground: #0f172a;--primary: #3b82f6;--primary-foreground: #ffffff;--secondary: #f1f5f9;--secondary-foreground: #0f172a;--muted: #f8fafc;--muted-foreground: #64748b;--accent: #f1f5f9;--accent-foreground: #0f172a;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e2e8f0;--input: #e2e8f0;--ring: #3b82f6;--radius: .625rem;--sidebar: #ffffff;--sidebar-foreground: #0f172a;--sidebar-primary: #3b82f6;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #f1f5f9;--sidebar-accent-foreground: #0f172a;--sidebar-border: #e2e8f0;--sidebar-ring: #3b82f6}.dark{--background: #0f172a;--foreground: #f8fafc;--card: #1e293b;--card-foreground: #f8fafc;--popover: #1e293b;--popover-foreground: #f8fafc;--primary: #3b82f6;--primary-foreground: #ffffff;--secondary: #334155;--secondary-foreground: #f8fafc;--muted: #1e293b;--muted-foreground: #94a3b8;--accent: #334155;--accent-foreground: #f8fafc;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #334155;--input: #334155;--ring: #3b82f6;--sidebar: #0f172a;--sidebar-foreground: #f8fafc;--sidebar-primary: #3b82f6;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #1e293b;--sidebar-accent-foreground: #f8fafc;--sidebar-border: #334155;--sidebar-ring: #3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-shell{--ink: #09090b;--blue: #075985;--red: #ef233c;--paper: #f7f8fa;min-height:100vh;color:var(--ink);background:var(--paper);font-family:Montserrat,sans-serif}.sf-signal{height:7px;background:linear-gradient(90deg,var(--merchant-primary, var(--red)) 0 36%,var(--ink) 36% 42%,var(--blue) 42% 100%)}.sf-header{min-height:78px;padding:0 5vw;display:grid;grid-template-columns:1fr minmax(240px,440px) 1fr;gap:2rem;align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.sf-brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.75rem;font-family:Poppins,sans-serif}.sf-brand img,.sf-brand span{width:38px;height:38px;border-radius:10px;object-fit:cover;display:grid;place-items:center;color:#fff;background:var(--ink)}.sf-search{height:44px;padding:0 1rem;display:flex;align-items:center;gap:.7rem;background:#f1f5f9;border:1px solid transparent;border-radius:999px}.sf-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0759851f}.sf-search input{width:100%;border:0;outline:0;background:transparent;font:inherit}.sf-cart{justify-self:end;border:0;background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:8px;display:flex;gap:.55rem;font-weight:700;cursor:pointer}.sf-hero{min-height:430px;padding:5rem 7vw;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:4rem;align-items:end;background:linear-gradient(120deg,#fff 0 62%,#eaf2f7 62%);border-bottom:1px solid #dbe4ea}.sf-hero h1{max-width:800px;margin:.5rem 0 1rem;font:700 clamp(3rem,8vw,7.5rem)/.92 "Poppins",sans-serif;letter-spacing:-.065em}.sf-hero>div>p:not(.sf-eyebrow){max-width:580px;color:#4b5563;font-size:1.08rem;line-height:1.8}.sf-eyebrow,.sf-section-heading p{margin:0;color:var(--blue);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sf-hero a{width:fit-content;margin-top:1.5rem;padding:.9rem 1.1rem;display:flex;align-items:center;gap:.75rem;color:#fff;background:var(--merchant-primary, var(--red));border-radius:8px;text-decoration:none;font-weight:700}.sf-hero aside{padding:1.5rem;display:grid;gap:.7rem;color:#fff;background:var(--blue);border-radius:12px 12px 12px 2px;box-shadow:18px 18px 0 var(--ink)}.sf-hero aside svg{font-size:1.6rem}.sf-hero aside span{font-size:.86rem;line-height:1.6;opacity:.8}.sf-products{padding:5rem 5vw 7rem}.sf-section-heading{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:end}.sf-section-heading h2{margin:.4rem 0 0;font:700 clamp(2rem,4vw,3.4rem)/1 "Poppins",sans-serif;letter-spacing:-.04em}.sf-section-heading>span{color:#64748b}.sf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.sf-product{background:#fff;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.sf-product:hover{transform:translateY(-5px);box-shadow:0 18px 35px #09090b14}.sf-product a{color:inherit;text-decoration:none}.sf-product-image{aspect-ratio:1;overflow:hidden;background:#eef2f5}.sf-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.sf-product:hover img{transform:scale(1.035)}.sf-product-copy{padding:1rem}.sf-product-copy h3{margin:0 0 .5rem;font-size:.95rem}.sf-product-copy p{margin:0;color:var(--blue);font-weight:700}.sf-empty,.sf-state{min-height:70vh;display:grid;place-content:center;text-align:center;padding:3rem}.sf-state span{color:var(--red);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sf-state h1,.sf-empty h3{font-family:Poppins,sans-serif}.sf-footer{padding:2rem 5vw;display:flex;justify-content:space-between;color:#fff;background:var(--ink)}.sf-footer a{color:#7dd3fc}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.sf-header{grid-template-columns:1fr auto;padding:.8rem 1rem}.sf-search{grid-row:2;grid-column:1/-1}.sf-hero{padding:4rem 1.2rem;grid-template-columns:1fr;background:#fff}.sf-hero aside{box-shadow:10px 10px 0 var(--ink)}.sf-products{padding:4rem 1rem}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.sf-footer{gap:1rem;flex-direction:column}}@media(prefers-reduced-motion:reduce){.sf-product,.sf-product-image img{transition:none}}