.modern-navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease}.navbar-scrolled{padding:.5rem 0;background-color:hsla(0,0%,100%,.98);box-shadow:0 5px 15px rgba(0,0,0,.1)}.navbar-container{padding:.75rem 2rem;max-width:1400px;gap:1.5rem;height:90px}.navbar-brand,.navbar-logo-link{display:flex;align-items:center}.navbar-logo{height:auto;max-height:70px;width:auto;transition:all .3s ease}.navbar-scrolled .navbar-logo{max-height:55px}.navbar-search{flex:1 1;max-width:600px;position:relative;display:none}@media (min-width:992px){.navbar-search{display:block}}.navbar-search input{width:100%;padding:1rem 4rem 1rem 1.25rem;border-radius:25px;border:2px solid #e2e8f0;font-size:1rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.05)}.navbar-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 15px rgba(0,0,0,.1);transform:translateY(-1px)}.navbar-search input::placeholder{color:#94a3b8;font-weight:400}.search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(59,130,246,.3)}.search-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(59,130,246,.4)}.navbar-nav{display:none}@media (min-width:992px){.navbar-nav{display:flex;gap:1.5rem}}.nav-link{color:#475569;text-decoration:none;font-weight:600;font-size:.9rem;padding:1rem .75rem;position:relative;transition:all .3s ease;border-radius:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(59,130,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.08);margin:0 .25rem;min-width:80px;min-height:70px;text-align:center;display:flex;align-items:center;justify-content:center}.nav-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(59,130,246,.3)}.nav-active,.nav-link:hover{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent}.nav-active{font-weight:700;box-shadow:0 8px 25px rgba(59,130,246,.4)}.navbar-actions{gap:.75rem}@media (max-width:991px){.navbar-actions .action-link{display:none}.navbar-actions .menu-toggle{display:flex}}.action-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#475569;text-decoration:none;font-size:1.1rem;position:relative;transition:all .3s ease;padding:1rem .75rem;border-radius:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(59,130,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px;min-height:70px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin:0 .25rem}.action-link:hover{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;transform:translateY(-3px);box-shadow:0 8px 25px rgba(59,130,246,.3)}.action-label{display:block;font-size:.7rem;margin-top:.25rem;font-weight:600;letter-spacing:.025em;text-align:center}@media (min-width:1200px){.nav-link{min-width:90px;font-size:.95rem}.account-btn.action-link,.action-link{min-width:90px;min-height:70px}}.cart-badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.65rem;font-weight:700;width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(239,68,68,.3);animation:pulse 2s infinite}.cart-badge,.menu-toggle{display:flex;align-items:center;justify-content:center}.menu-toggle{background:none;border:none;color:#333;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.menu-toggle:hover{color:#0056b3}@media (min-width:992px){.menu-toggle{display:none}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.menu-open{opacity:1;visibility:visible}.mobile-menu-container{position:absolute;top:0;right:0;width:80%;max-width:350px;height:100%;background-color:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);padding:2rem;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;z-index:10000}.menu-open .mobile-menu-container{transform:translateX(0)}.mobile-search{margin-bottom:2rem}.mobile-search form{display:flex;border:1px solid #e0e0e0;border-radius:50px;overflow:hidden}.mobile-search input{flex:1 1;padding:.75rem 1rem;border:none;font-size:.9rem}.mobile-search input:focus{outline:none}.mobile-search button{width:50px;background-color:#0056b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-search button:hover{background-color:#003d80}.mobile-nav{margin-bottom:2rem}.mobile-link{display:block;padding:1rem 1.5rem;color:#333;text-decoration:none;font-size:1.1rem;margin:.5rem 0;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.6);transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.mobile-link:hover{border-color:rgba(14,165,233,.3);transform:translateY(-2px);box-shadow:0 4px 16px rgba(14,165,233,.15)}.mobile-active,.mobile-link:hover{color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#b3e5fc)}.mobile-active{font-weight:600;border-color:rgba(14,165,233,.4);box-shadow:0 4px 16px rgba(14,165,233,.2)}.mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.mobile-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;color:#64748b;text-decoration:none;transition:all .3s ease;position:relative;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px rgba(0,0,0,.04)}.mobile-action-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#334155;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.mobile-action-btn:first-child:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#ef4444;border-color:rgba(239,68,68,.3)}.mobile-action-btn:nth-child(2):hover{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#8b5cf6;border-color:rgba(139,92,246,.3)}.mobile-action-btn:last-child:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;border-color:rgba(5,150,105,.3)}.mobile-action-btn svg{font-size:1.75rem;margin-bottom:.75rem}.mobile-action-btn span{font-size:.875rem;font-weight:500;letter-spacing:.025em}.mobile-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 8px rgba(239,68,68,.3);animation:pulse 2s infinite}.mobile-footer{text-align:center;padding-top:1rem;border-top:1px solid #f0f0f0}.return-link{color:#0056b3;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.return-link:hover{color:#ff6b00}.account-btn{background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.account-btn.action-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;font-size:1.1rem;position:relative;transition:all .3s ease;padding:.5rem;border-radius:12px;background:rgba(248,250,252,.8);border:1px solid rgba(226,232,240,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:50px;min-height:50px}.account-btn.action-link:hover{color:#8b5cf6;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.15)}.action-link:first-child:hover{color:#ef4444;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);box-shadow:0 4px 12px rgba(239,68,68,.15)}.cart-link:hover{color:#059669;background:rgba(5,150,105,.1);border-color:rgba(5,150,105,.3);box-shadow:0 4px 12px rgba(5,150,105,.15)}.account-btn.mobile-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;color:#64748b;transition:all .3s ease;position:relative;border:1px solid rgba(226,232,240,.8);cursor:pointer;font-family:inherit;box-shadow:0 2px 8px rgba(0,0,0,.04)}.account-btn.mobile-action-btn:hover{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#8b5cf6;border-color:rgba(139,92,246,.3);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.account-btn.mobile-action-btn svg{font-size:1.75rem;margin-bottom:.75rem}.account-btn.mobile-action-btn span{font-size:.875rem;font-weight:500;letter-spacing:.025em}.login-modal-overlay{background-color:rgba(0,0,0,.7);z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:100vh}.login-modal-content{border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.25);animation:modalSlideIn .3s ease-out;position:relative;z-index:100000}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{border-radius:6px}.close-btn:hover{background-color:#f1f5f9}.login-modal-body{padding:2rem 1.5rem;text-align:center}.login-modal-body p{color:#64748b;margin-bottom:2rem;line-height:1.5}.google-login-btn{background-color:#4285f4}.google-login-btn:hover:not(:disabled){background-color:#3367d6;box-shadow:0 4px 12px rgba(66,133,244,.3)}.google-login-btn:disabled{opacity:.6;transform:none}.google-login-btn svg{font-size:1.125rem}@media (max-width:480px){.login-modal-content{margin:1rem;width:calc(100% - 2rem)}.login-modal-header{padding:1rem}.login-modal-body{padding:1.5rem 1rem}.mobile-menu-container{width:90%;padding:1.5rem}.navbar-container{padding:.75rem 1rem}}body.menu-open{overflow:hidden}.mobile-menu{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important}.mobile-menu .mobile-menu-container{position:absolute!important;top:0!important;right:0!important;left:auto!important;transform:translateX(100%)!important}.mobile-menu.menu-open .mobile-menu-container{transform:translateX(0)!important}.mobile-menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999}.mobile-menu-container{position:relative;z-index:10001}.user-profile{display:flex;flex-direction:column;align-items:center}.user-avatar{margin-bottom:1rem;background-color:#f1f5f9}.avatar-img{border-radius:50%}.user-profile h3{font-weight:600}.user-email{font-size:.875rem;margin-bottom:2rem}.logout-btn{padding:.875rem 1.5rem;background-color:#ef4444;font-size:1rem}.logout-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.logout-btn:disabled{opacity:.6;transform:none}.logout-btn svg{font-size:1.125rem}.debug-info-container{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:1rem;border-radius:12px;margin:1rem 0;font-size:.75rem;font-family:Courier New,monospace;max-height:300px;overflow-y:auto;border:2px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.debug-info-container::-webkit-scrollbar{width:6px}.debug-info-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.debug-info-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.debug-info-container::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.debug-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:.5rem 1rem!important;border-radius:8px!important;font-size:.8rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:.5rem!important;margin:1rem auto!important;transition:all .3s ease!important;font-family:inherit!important}.debug-toggle-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important}:root{--primary:#0056b3;--primary-dark:#003d80;--primary-light:#4d8ac8;--accent:#ff6b00;--accent-dark:#e65c00;--accent-light:#ff8c33;--dark:#222;--gray-dark:#555;--gray:#888;--gray-light:#eee;--white:#fff;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:20px;--transition:all 0.3s ease;--bg-light:#f5f7fa;--bg-card:#fff;--border-color:#e2e8f0;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);line-height:1.6}.eccsa-store-modern{background-color:var(--bg-light)}.container{width:100%;margin:0 auto;padding:0 1rem}.btn-primary{background-color:var(--primary);color:var(--white);border-radius:var(--radius);padding:.875rem 1.5rem;justify-content:center;gap:.5rem;transition:var(--transition);box-shadow:var(--shadow)}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);padding:.875rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition)}.btn-outline:hover{background-color:var(--primary);color:var(--white);transform:translateY(-2px)}.text-accent{color:var(--accent)}.section-header{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center}.section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background-color:var(--accent);border-radius:2px}.modern-hero{background:linear-gradient(135deg,#0056b3,#003d80);color:var(--white);overflow:visible;padding:0 0 70px}.hero-content{padding:4rem 1rem 2rem}.hero-text{max-width:600px}.hero-badge{background-color:hsla(0,0%,100%,.2);color:var(--white);font-weight:600;border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.hero-title{margin-bottom:1.5rem;letter-spacing:-.02em}.hero-subtitle{opacity:.9;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center}.hero-image{flex-direction:column}.hero-img{max-width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4));animation:float 3s ease-in-out infinite;position:relative}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;background-color:var(--white);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:1200px;margin:0 auto 70px;position:relative;z-index:10}.feature-item{gap:1rem;padding:1rem}.feature-icon,.feature-item{display:flex;align-items:center}.feature-icon{width:50px;height:50px;background-color:var(--primary-light);color:var(--white);border-radius:50%;justify-content:center;font-size:1.5rem;flex-shrink:0}.feature-text h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--dark)}.feature-text p{font-size:.875rem;color:var(--gray);margin:0}.categories-section{padding:7rem 1rem 5rem;background-color:var(--gray-light)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.category-card{background-color:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);padding:1.5rem;text-align:center}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.category-image{width:150px;height:150px;background-color:var(--gray-light);border-radius:50%;overflow:hidden;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.category-img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.category-card:hover .category-img{transform:scale(1.1)}.category-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--dark)}.category-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition)}.category-link:hover{color:var(--accent)}.products-section{padding:5rem 1rem;background-color:var(--bg-light)}.product-tabs{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.tab-btn{background:none;border:none;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;color:var(--gray-dark);cursor:pointer;position:relative}.tab-btn,.tab-btn:after{transition:var(--transition)}.tab-btn:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background-color:var(--accent)}.tab-btn.active,.tab-btn:hover{color:var(--accent)}.tab-btn.active{font-weight:600}.tab-btn.active:after{width:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,86,179,.1);border-left:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.view-all-container{text-align:center;margin-top:3rem}.view-all-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-weight:600;font-size:1.125rem;transition:var(--transition)}.view-all-btn:hover{color:var(--accent)}@media (min-width:992px){.hero-content{flex-direction:row;justify-content:space-between;max-width:1280px;margin:0 auto;padding:4rem 2rem 2rem}.hero-text{text-align:left;margin-bottom:0;flex:1 1}.hero-cta{justify-content:flex-start}}@media (min-width:768px){.hero-title{font-size:3.5rem}}.payment-badge{position:absolute;bottom:-40px;right:20px;background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(248,250,252,.95));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px 24px;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.15);border:2px solid rgba(59,130,246,.2);transition:all .3s ease;z-index:5;min-width:280px}.payment-badge:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.25);border-color:rgba(59,130,246,.4)}.payment-content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.payment-text{font-size:.9rem;color:#1e40af;font-weight:600;white-space:nowrap}.mercadopago-logo{height:auto;max-height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.trust-text{font-size:.8rem;color:#059669;font-weight:600;white-space:nowrap}.cta-buttons{gap:1rem;flex-wrap:wrap}.cta-buttons,.payment-badge-hero{display:flex;justify-content:center;align-items:center}.payment-badge-hero{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3);transition:all .3s ease}.payment-badge-hero:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.payment-badge-hero .mercadopago-logo{height:auto;max-height:32px;width:auto}.payment-info{font-size:.9rem;color:hsla(0,0%,100%,.8);text-align:center;margin-top:1rem;margin-bottom:0;font-weight:400}@media (max-width:768px){.payment-badge{position:static;margin-top:30px;align-self:center;min-width:260px;padding:16px 20px}.hero-image{flex-direction:column;gap:20px}.payment-text{font-size:.85rem}.mercadopago-logo{max-height:35px}.trust-text{font-size:.75rem}.cta-buttons{flex-direction:column;gap:.75rem}.payment-badge-hero{padding:10px 16px}.payment-badge-hero .mercadopago-logo{max-height:28px}.payment-info{font-size:.8rem}}.product-card{background-color:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);position:relative;display:flex;flex-direction:column;border:1px solid #e2e8f0}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.badge{border-radius:2rem}.new-badge{background-color:var(--primary);color:var(--white)}.discount-badge{background-color:var(--accent);color:var(--white)}.stock-badge{background-color:var(--danger);color:var(--white)}.product-image{position:relative;padding:2rem;background-color:var(--gray-light);display:flex;align-items:center;justify-content:center;overflow:hidden;height:220px}.product-img{max-width:100%;max-height:100%;object-fit:contain;transition:var(--transition)}.product-card:hover .product-img{transform:scale(1.05)}.product-actions{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateX(20px);transition:var(--transition)}.product-card:hover .product-actions{opacity:1;transform:translateX(0)}.action-btn{width:40px;height:40px;border-radius:50%;background-color:var(--white);color:var(--dark);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:var(--transition)}.action-btn:hover{background-color:var(--primary);color:var(--white);transform:scale(1.1)}.product-info{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.product-category{display:block;font-size:.875rem;color:var(--gray);margin-bottom:.5rem}.product-name{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--dark);transition:var(--transition);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3.15rem}.product-card:hover .product-name{color:var(--primary)}.product-description{font-size:.85rem;color:var(--gray-dark);margin:.5rem 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{margin-bottom:.75rem}.star-filled{color:var(--warning)}.star-empty{color:var(--gray-light)}.rating-value{font-size:.875rem;color:var(--gray-dark)}.product-price{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;background-color:#f8fafc;padding:.75rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);flex-wrap:wrap}.current-price{font-size:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.original-price{font-size:1.1rem}.original-price:after{left:-2px;right:-2px}.discounted-price{font-size:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.discount-percentage{font-size:.9rem;background-color:#e53e3e;border-radius:4px;margin-left:.5rem}.savings-info-small{display:block;width:100%;font-size:.8rem;color:#10b981;font-weight:600;margin-top:.25rem;background-color:#ecfdf5;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #a7f3d0;text-align:center}.product-stock{margin:.75rem 0;font-size:.85rem}.stock-indicator{padding:.25rem .75rem;border-radius:1rem;font-weight:500}.in-stock{background-color:rgba(40,167,69,.1);color:var(--success)}.out-of-stock{background-color:rgba(220,53,69,.1);color:var(--danger)}.product-card-buttons{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.add-to-cart-btn{width:100%;background-color:var(--primary);color:var(--white);border:none;padding:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:var(--transition);border-radius:var(--radius)}.add-to-cart-btn:hover{background-color:var(--primary-dark)}.add-to-cart-btn:disabled{background-color:var(--gray);cursor:not-allowed}.view-details-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--white);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);padding:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.view-details-btn:hover{background-color:var(--light);color:var(--primary-dark)}.empty-container,.error-container{text-align:center;padding:3rem;background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.error-message{color:var(--danger);margin-bottom:1rem;font-weight:500}.product-detail-container{max-width:1200px}.breadcrumb-link{color:var(--color-primary);font-weight:500;transition:color .3s}.breadcrumb-link:hover{color:var(--color-accent)}.product-detail-content{display:grid;grid-gap:2rem;gap:2rem;background-color:#f8fafc;box-shadow:0 4px 12px rgba(0,0,0,.05)}@media (min-width:768px){.product-detail-content{grid-template-columns:1fr 1fr}}.product-detail-image{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05)}.detail-img-container{min-height:300px;height:auto;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px}.detail-img{max-width:100%}.product-detail-info{background-color:#fff;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.product-title{font-size:2rem;font-weight:700;color:var(--color-text-dark);margin:.5rem 0}.product-price-detail{margin:.5rem 0;flex-wrap:wrap}.original-price{font-size:1.2rem;color:var(--color-text-light)}.discounted-price{font-size:1.8rem;font-weight:700;color:var(--color-accent);display:block;width:100%;margin-top:.25rem}.savings-info{display:block;width:100%;font-size:.9rem;color:#10b981;font-weight:600;margin-top:.5rem;background-color:#ecfdf5;padding:.5rem;border-radius:.25rem;border:1px solid #a7f3d0}.current-price{font-size:1.8rem;font-weight:700;color:var(--color-primary)}.discount-percentage{background-color:var(--color-accent);padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:600}.product-info-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:15px;gap:15px;margin-top:25px}.product-info-card{background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.product-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.product-info-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-dark);border-bottom:1px solid #e2e8f0}.product-stock-detail{margin:.5rem 0}.product-quantity{gap:1rem;margin:1rem 0}.quantity-label{font-weight:500;color:var(--color-text-dark)}.quantity-selector{border:1px solid #e5e7eb;border-radius:.5rem}.quantity-btn{background-color:#f3f4f6;padding:.5rem 1rem;font-size:1.25rem;transition:background-color .3s}.quantity-btn:hover:not(:disabled){background-color:#e5e7eb}.quantity-btn:disabled{opacity:.5}.quantity-value{padding:.5rem 1rem;min-width:3rem;font-weight:600}.product-actions-detail{margin:1.5rem 0}.add-to-cart-btn-detail{background-color:var(--color-primary);border-radius:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:background-color .3s,transform .2s}.add-to-cart-btn-detail:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px)}.add-to-cart-btn-detail:disabled{background-color:#9ca3af}.product-badges{margin-bottom:1rem}.product-rating{display:flex;align-items:center;gap:.25rem;margin:.5rem 0}.star-filled{color:#f59e0b}.star-empty{color:#d1d5db}.rating-value{margin-left:.5rem;font-weight:600;color:#4b5563}.thumbnail{width:100px;height:100px}.detachet-container{margin-top:15px;padding:15px;background-color:#f0f9ff;border-radius:8px;border:1px solid #bae6fd;transition:transform .2s ease}.detachet-container:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.detachet-container h3{font-size:16px;font-weight:600;color:#06c;margin-bottom:10px;gap:8px}.detachet-link{gap:8px;color:#06c;font-weight:500;padding:8px 16px;background-color:#fff;border:1px solid #bae6fd;border-radius:6px;transition:all .2s ease}.detachet-link:hover{background-color:#f0f9ff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.product-availability{top:10px;right:10px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.product-availability.available{background-color:#e6f7ee;color:#0d9f6e;border:1px solid #bce9d6}.product-availability.unavailable{background-color:#fee2e2;color:#e53e3e;border:1px solid #fecaca}.secondary-btn{gap:8px;background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;padding:10px 15px;font-size:14px;font-weight:500;transition:all .2s ease}.secondary-btn:hover{background-color:#e5e7eb;transform:translateY(-2px)}.cloud-container{width:100%;margin:0 auto;background:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);min-height:100vh;position:relative;overflow:hidden}.cloud-header{background:linear-gradient(135deg,#1e3a8a,#312e81);color:#fff;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.cloud-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.cloud-nav-left{display:flex;align-items:center;gap:20px;z-index:2}.cloud-back-btn{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;text-decoration:none}.cloud-back-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:translateX(-2px)}.cloud-breadcrumb{color:hsla(0,0%,100%,.8);font-size:14px;z-index:2}.cloud-breadcrumb a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.cloud-breadcrumb a:hover{color:#ff6b35}.cloud-main-layout{display:grid;grid-template-columns:2fr 1fr;min-height:calc(100vh - 96px)}.cloud-product-showcase{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.cloud-product-showcase:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(30,58,138,.1) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,107,53,.1) 0,transparent 50%);pointer-events:none}.cloud-product-badges{position:absolute;top:30px;left:30px;display:flex;gap:12px;z-index:5}.cloud-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.cloud-badge.new{background:linear-gradient(135deg,#10b981,#059669)}.cloud-badge.discount{background:linear-gradient(135deg,#ff6b35,#f97316)}.cloud-product-image-container{width:650px;height:500px;background:#fff;border-radius:24px;box-shadow:0 20px 40px -12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;position:relative;z-index:3;margin-bottom:40px;transition:all .4s ease;border:1px solid rgba(226,232,240,.5)}.cloud-product-image-container:hover{transform:translateY(-8px);box-shadow:0 32px 64px -12px rgba(0,0,0,.25)}.cloud-product-image{max-width:90%;max-height:90%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.cloud-product-thumbnails{display:flex;gap:16px;z-index:3}.cloud-thumbnail{width:100px;height:100px;background:#fff;border-radius:16px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;overflow:hidden}.cloud-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e3a8a,#ff6b35);opacity:0;transition:opacity .3s ease}.cloud-thumbnail.active{border-color:#ff6b35;transform:scale(1.05)}.cloud-thumbnail.active:before{opacity:.1}.cloud-thumbnail:hover{border-color:#1e3a8a;transform:scale(1.05)}.cloud-thumbnail-icon{width:32px;height:32px;background:linear-gradient(135deg,#1e3a8a,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;z-index:2}.cloud-product-details{padding:40px;background:#fff;display:flex;flex-direction:column;position:relative;border-left:1px solid #e5e7eb}.cloud-product-details:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#1e3a8a,#ff6b35)}.cloud-product-header{margin-bottom:40px;padding-left:20px}.cloud-brand-name{color:#6b7280;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.cloud-product-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:16px;line-height:1.2}.cloud-product-subtitle{color:#6b7280;font-size:16px;margin-bottom:20px;line-height:1.5}.cloud-rating-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.cloud-stars{color:#fbbf24;font-size:18px;letter-spacing:2px}.cloud-rating-text{color:#6b7280;font-size:14px;font-weight:500}.cloud-trust-indicators{display:flex;gap:20px;margin-top:12px}.cloud-trust-item{display:flex;align-items:center;gap:6px;color:#10b981;font-size:13px;font-weight:500}.cloud-pricing-section{background:linear-gradient(135deg,#1e3a8a,#312e81);color:#fff;padding:32px;border-radius:20px;margin-bottom:40px;margin-left:20px;position:relative;overflow:hidden}.cloud-pricing-section:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,107,53,.2) 0,transparent 70%);border-radius:50%;transform:translate(30px,-30px)}.cloud-price-original{font-size:16px;text-decoration:line-through;opacity:.7;margin-bottom:8px}.cloud-price-current{font-size:2.5rem;font-weight:700;margin-bottom:12px}.cloud-price-savings{background:rgba(255,107,53,.2);color:#ff6b35;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cloud-specifications-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:40px;padding-left:20px}.cloud-spec-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:24px;border-radius:16px;border-left:4px solid #ff6b35;position:relative;overflow:hidden}.cloud-spec-card:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,#1e3a8a,#ff6b35);opacity:.1;border-radius:50%;transform:translate(15px,-15px)}.cloud-spec-card h3{color:#111827;font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.cloud-spec-card h3:before{content:"";width:8px;height:8px;background:#ff6b35;border-radius:50%}.cloud-spec-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #e5e7eb}.cloud-spec-item:last-child{border-bottom:none;margin-bottom:0}.cloud-spec-label{color:#6b7280;font-size:14px;font-weight:500}.cloud-spec-value{color:#111827;font-weight:600;font-size:14px}.cloud-inventory-status{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;border-left:4px solid #10b981;margin-left:20px}.cloud-status-indicator{width:12px;height:12px;border-radius:50%;background:#10b981;animation:pulse 2s infinite;flex-shrink:0}.cloud-inventory-text{color:#047857;font-weight:500;font-size:14px}.cloud-purchase-section{margin-top:auto;padding-left:20px}.cloud-quantity-selector{display:flex;align-items:center;gap:20px;margin-bottom:32px}.cloud-quantity-label{font-weight:600;color:#111827;font-size:16px}.cloud-quantity-controls{display:flex;align-items:center;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb;overflow:hidden}.cloud-quantity-btn{background:transparent;border:none;padding:12px 16px;cursor:pointer;font-size:18px;font-weight:600;color:#1e3a8a;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.cloud-quantity-btn:hover{background:#1e3a8a;color:#fff}.cloud-quantity-input{border:none;background:transparent;padding:12px 16px;text-align:center;font-size:16px;font-weight:600;color:#111827;width:80px}.cloud-add-to-cart-btn{background:linear-gradient(135deg,#ff6b35,#f97316);color:#fff;border:none;padding:18px 32px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(255,107,53,.3);display:flex;align-items:center;justify-content:center;gap:10px}.cloud-add-to-cart-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.cloud-add-to-cart-btn:hover:before{left:100%}.cloud-add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,107,53,.4)}.cloud-secondary-actions{display:flex;gap:16px;margin-top:16px}.cloud-secondary-btn{flex:1 1;background:transparent;border:2px solid #e5e7eb;color:#6b7280;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cloud-secondary-btn:hover{border-color:#1e3a8a;color:#1e3a8a}@media (max-width:1400px){.cloud-main-layout{grid-template-columns:1fr}.cloud-product-showcase{padding:40px}.cloud-product-image-container{width:500px;height:400px}.cloud-product-details{padding:40px;border-left:none;border-top:1px solid #e5e7eb}.cloud-product-details:before{width:100%;height:4px;top:0;left:0}}@media (max-width:768px){.cloud-header{padding:16px 20px}.cloud-product-details,.cloud-product-showcase{padding:30px 20px}.cloud-product-image-container{width:100%;max-width:350px;height:280px}.cloud-product-title{font-size:1.75rem}.cloud-specifications-grid{grid-template-columns:1fr;gap:16px}.cloud-secondary-actions{flex-direction:column}.cloud-nav-left{gap:12px}.cloud-back-btn{padding:8px 16px;font-size:12px}.cloud-thumbnail{width:70px;height:70px}}.whatsapp-float{position:fixed;bottom:30px;right:30px;background-color:#25d366;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1000;transition:all .3s ease}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 15px rgba(0,0,0,.3)}.whatsapp-float-icon{width:30px;height:30px;fill:#fff}.store-navbar{background-color:var(--white);box-shadow:var(--shadow);padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{justify-content:space-between;max-width:1280px;margin:0 auto}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:.5rem}.navbar-logo img{height:40px;width:auto}.navbar-links{display:flex;gap:1.5rem}.navbar-link{color:var(--dark);text-decoration:none;font-weight:500;transition:var(--transition)}.navbar-link:hover{color:var(--primary)}.navbar-actions{display:flex;align-items:center;gap:1rem}.cart-icon{position:relative;color:var(--dark);font-size:1.25rem;cursor:pointer;transition:var(--transition)}.cart-icon:hover{color:var(--primary)}.cart-count{position:absolute;top:-8px;right:-8px;background-color:var(--accent);color:var(--white);font-size:.75rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.image-container{position:relative;overflow:hidden}.image-container img{transition:transform .3s ease}.image-container:hover img{transform:scale(1.05)}.spinner{border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--primary);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.message{padding:1rem;border-radius:var(--radius);margin-bottom:1rem}.message-error{background-color:rgba(220,53,69,.1);color:var(--danger);border-left:4px solid var(--danger)}.message-success{background-color:rgba(40,167,69,.1);color:var(--success);border-left:4px solid var(--success)}.message-warning{background-color:rgba(255,193,7,.1);color:var(--warning);border-left:4px solid var(--warning)}.message-info{background-color:rgba(23,162,184,.1);color:var(--info);border-left:4px solid var(--info)}.eccsa-store-modern{background:linear-gradient(135deg,#f7fafc,#edf2f7);min-height:100vh;position:relative;overflow-x:hidden}.eccsa-store-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" fill="%234299e1" opacity="0.05"/></svg>');z-index:0}.container{position:relative;z-index:1}.product-detail-container{padding:2rem 0;max-width:1400px;margin:0 auto;position:relative}.product-detail-container:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#3182ce,#2b6cb0);z-index:-1;border-bottom-left-radius:50% 20%;border-bottom-right-radius:50% 20%}.product-detail-breadcrumb{margin-bottom:2rem;background-color:hsla(0,0%,100%,.9);padding:1rem 1.5rem;border-radius:9999px;box-shadow:0 4px 6px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block}.breadcrumb-link{display:inline-flex;align-items:center;gap:.5rem;color:#2b6cb0;font-weight:600;transition:all .3s}.breadcrumb-link:hover{color:#e53e3e;transform:translateX(-3px)}.product-detail-content{grid-template-columns:1fr;max-width:1400px;margin:0 auto;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.1);border:1px solid #e5e7eb}.product-detail-image{width:100%;max-width:1200px;margin:0 auto 2rem;position:relative;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.15);padding:1.5rem;border:1px solid #e5e7eb}.product-availability{position:absolute;top:20px;right:20px;z-index:10;padding:.75rem 1.5rem;border-radius:9999px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.product-availability.available{background:linear-gradient(135deg,#68d391,#38a169);color:#fff}.product-availability.available:before{content:"✓";font-weight:700;font-size:1.25rem}.product-availability.unavailable{background:linear-gradient(135deg,#fc8181,#e53e3e);color:#fff}.product-availability.unavailable:before{content:"✗";font-weight:700;font-size:1.25rem}.detail-img-container{display:flex;justify-content:center;align-items:center;width:100%;height:350px;background:#fff;padding:2rem;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.1)}.detail-img{max-width:90%;max-height:300px;width:auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 10px 15px rgba(0,0,0,.15))}.thumbnail-container{gap:15px;margin-top:15px;background:#fff;padding:15px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.thumbnail,.thumbnail-container{display:flex;justify-content:center}.thumbnail{width:80px;height:80px;border:2px solid #e2e8f0;border-radius:8px;padding:5px;align-items:center;background-color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.05)}.thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.thumbnail.active,.thumbnail:hover{border-color:#06c}.thumbnail img{max-width:100%;max-height:100%;object-fit:contain}.product-detail-info{display:flex;flex-direction:column;gap:1.5rem;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.1);border:1px solid #e2e8f0;position:relative;overflow:hidden}.product-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1a365d,#2b6cb0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:.5rem 0 1rem;line-height:1.2;letter-spacing:-.5px}.product-price-detail{display:flex;align-items:center;gap:1rem;margin:1rem 0;background:#fff;padding:1.5rem;border-radius:12px;border-left:5px solid #3182ce;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}.original-price{font-size:1.5rem;color:#718096;text-decoration:line-through;position:relative}.original-price:after{content:"";position:absolute;top:50%;left:-5%;width:110%;height:2px;background-color:#e53e3e;transform:rotate(-5deg)}.discounted-price{color:#e53e3e;text-shadow:0 2px 4px rgba(229,62,62,.2);background-color:#fff5f5}.current-price,.discounted-price{font-size:2.5rem;font-weight:800;padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.current-price{color:#2b6cb0;text-shadow:0 2px 4px rgba(43,108,176,.2);background-color:#f0f9ff}.discount-percentage{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:1rem;font-weight:700;box-shadow:0 4px 6px rgba(229,62,62,.3);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.product-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.product-info-card{border-radius:12px;padding:1.5rem;box-shadow:0 8px 16px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.product-info-card:first-child{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border-left:5px solid #2b6cb0}.product-info-card:nth-child(2){background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff;border-left:5px solid #c05621;position:relative}.product-info-card:nth-child(3){background:linear-gradient(135deg,#68d391,#38a169);color:#fff;border-left:5px solid #2f855a}.product-info-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.product-info-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem;color:#fff;padding-bottom:.75rem;border-bottom:2px solid hsla(0,0%,100%,.3);display:flex;align-items:center;gap:.5rem}.product-info-card h3:before{content:"🔍";font-size:1.25rem}.product-info-card:nth-child(2) h3:before{content:"⚙️"}.product-info-card:nth-child(3) h3:before{content:"📦"}.product-quantity{display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);border-left:5px solid #4299e1}.quantity-label{font-weight:700;color:#2d3748;font-size:1.1rem}.quantity-selector{display:flex;align-items:center;border:2px solid #4299e1;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(66,153,225,.15)}.quantity-btn{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease}.quantity-btn:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:scale(1.05)}.quantity-btn:disabled{background:linear-gradient(135deg,#a0aec0,#718096);opacity:.7;cursor:not-allowed}.quantity-value{padding:.75rem 1.5rem;min-width:4rem;text-align:center;font-weight:700;font-size:1.25rem;background-color:#fff;color:#2d3748}.product-actions-detail{margin:2rem 0}.add-to-cart-btn-detail{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#f05252,#e02424);color:#fff;border:none;border-radius:12px;padding:1.25rem 2.5rem;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;max-width:400px;box-shadow:0 10px 15px rgba(224,36,36,.3),0 0 0 2px rgba(224,36,36,.1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.add-to-cart-btn-detail:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .7s ease}.add-to-cart-btn-detail:hover:before{left:100%}.add-to-cart-btn-detail:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 15px 25px rgba(224,36,36,.4),0 0 0 4px rgba(224,36,36,.2)}.add-to-cart-btn-detail:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;box-shadow:none}.secondary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fff;color:#3182ce;border:2px solid #3182ce;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.05)}.secondary-btn:hover{background-color:#3182ce;color:#fff;transform:translateY(-3px);box-shadow:0 6px 12px rgba(49,130,206,.2)}.product-badges{position:absolute;top:1rem;left:1rem;z-index:2;display:flex;flex-direction:column;gap:.5rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.new-badge{background-color:#0d9f6e;color:#fff}.discount-badge{background-color:#e53e3e;color:#fff}.stock-badge{background-color:#718096;color:#fff}.product-stock-detail{margin:1rem 0}.stock-indicator{padding:.75rem 1.5rem;border-radius:9999px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);animation:pulse 2s infinite}.in-stock{background:linear-gradient(135deg,#68d391,#38a169);color:#fff}.in-stock:before{content:"✓";font-weight:700;font-size:1.25rem}.out-of-stock{background:linear-gradient(135deg,#fc8181,#e53e3e);color:#fff}.out-of-stock:before{content:"✗";font-weight:700;font-size:1.25rem}.detachet-container{margin-top:25px;padding:20px;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:12px;border-left:5px solid #2b6cb0;transition:all .3s ease;box-shadow:0 8px 15px rgba(66,153,225,.2);position:relative;overflow:hidden;color:#fff;animation:pulse-light 2s infinite}@keyframes pulse-light{0%{box-shadow:0 8px 15px rgba(66,153,225,.2)}50%{box-shadow:0 8px 20px rgba(66,153,225,.4)}to{box-shadow:0 8px 15px rgba(66,153,225,.2)}}.detachet-container:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(66,153,225,.3)}.detachet-container h3{font-size:1.5rem;color:#fff;margin-bottom:15px;display:flex;text-shadow:0 2px 4px rgba(0,0,0,.2)}.detachet-container h3,.detachet-link{font-weight:700;align-items:center;gap:10px}.detachet-link{display:inline-flex;color:#3182ce;text-decoration:none;padding:12px 24px;background:#fff;border:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.2);text-transform:uppercase;letter-spacing:.5px;font-size:14px}.detachet-link:hover{background:#fff;color:#2b6cb0;transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.3)}.product-category{letter-spacing:2px;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;padding:.5rem 1rem;border-radius:9999px;display:inline-block;box-shadow:0 4px 6px rgba(66,153,225,.3)}.datasheet-btn,.product-category{text-transform:uppercase;font-weight:700}.datasheet-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 10px;border-radius:4px;background-color:#fff;color:#ed8936;border:2px solid #fff;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2);position:absolute;top:15px;right:15px;z-index:5;letter-spacing:.5px}.datasheet-btn:hover{background-color:#fff;color:#c05621;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3);border-color:#c05621}@media (max-width:768px){.product-info-cards{grid-template-columns:1fr}}.search-filter-section{padding:2rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);border-bottom:1px solid #bae6fd;box-shadow:0 4px 6px rgba(0,0,0,.05)}.search-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.search-box{display:flex;align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.08);padding:.75rem 1rem;border:1px solid #e2e8f0;position:relative;transition:all .3s ease}.search-box:focus-within{box-shadow:0 8px 16px rgba(49,130,206,.15);border-color:#3182ce}.search-icon{color:#4a5568;margin-right:.75rem;font-size:1.25rem;flex-shrink:0}.search-input{flex:1 1;border:none;padding:.75rem 0;font-size:1rem;outline:none;width:100%}.search-button{background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;border:none;border-radius:8px;padding:.75rem 1.75rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(49,130,206,.2);letter-spacing:.5px;text-transform:uppercase;font-size:.9rem}.search-button:hover{background:linear-gradient(135deg,#2b6cb0,#1e4e8c);transform:translateY(-2px);box-shadow:0 6px 12px rgba(49,130,206,.3)}.filter-container{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;justify-content:space-between;margin-top:1.5rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.06)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-weight:600;color:#3182ce;font-size:.95rem;white-space:nowrap}.filter-select{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;font-size:.95rem;color:#2d3748;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233182ce' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer;min-width:180px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.filter-select:hover{border-color:#90cdf4;box-shadow:0 4px 6px rgba(49,130,206,.1)}.filter-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.2)}.filter-tags{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding:.75rem 0}.filter-tag,.filter-tags{display:flex;align-items:center}.filter-tag{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.9rem;font-weight:600;gap:.5rem;box-shadow:0 4px 6px rgba(49,130,206,.2);transition:all .3s ease;animation:fadeIn .3s ease-in-out}.filter-tag:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(49,130,206,.3)}.tag-remove{cursor:pointer;font-size:1.25rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:hsla(0,0%,100%,.25);transition:all .2s ease;margin-left:2px}.tag-remove:hover{background-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.clear-filters{background:none;border:1px dashed #3182ce;color:#3182ce;font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:9999px;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.clear-filters:hover{background-color:rgba(49,130,206,.1);border-style:solid;transform:translateY(-1px)}@media (max-width:768px){.filter-container{flex-direction:column;align-items:stretch}.filter-group,.filter-select{width:100%}}.modern-hero{position:relative;padding:4rem 1rem 0;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);overflow:hidden}.modern-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%233182ce' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0}.hero-content{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:1}@media (min-width:992px){.hero-content{flex-direction:row;justify-content:space-between;gap:2rem}}.hero-text{flex:1 1;text-align:center;margin-bottom:2rem}@media (min-width:992px){.hero-text{text-align:left;margin-bottom:0}}.hero-badge{display:inline-block;background:linear-gradient(135deg,#f05252,#e02424);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 4px 6px rgba(224,36,36,.3);letter-spacing:1px}.hero-title{font-size:2.5rem;font-weight:800;color:#1a365d;margin-bottom:1rem;line-height:1.2}@media (min-width:768px){.hero-title{font-size:3rem}}.text-accent{background:linear-gradient(135deg,#3182ce,#2b6cb0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.125rem;color:#4a5568;margin-bottom:2rem;max-width:600px}.hero-cta{display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width:640px){.hero-cta{flex-direction:row;justify-content:center}}@media (min-width:992px){.hero-cta{justify-content:flex-start}}.btn-primary{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(49,130,206,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(49,130,206,.4)}.btn-whatsapp{display:flex;align-items:center;gap:.75rem;background-color:#25d366;color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(37,211,102,.3);text-decoration:none}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(37,211,102,.4)}.whatsapp-icon{width:1.25rem;height:1.25rem;fill:currentColor}.hero-image{flex:1 1;display:flex;justify-content:center;align-items:center;position:relative}.products-section{padding:4rem 1rem;background-color:#f7fafc}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{font-size:2rem;font-weight:700;color:#1a365d;margin-bottom:1.5rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.results-count{text-align:center;margin:1rem 0 2rem;font-size:1rem;color:#4a5568}.results-count strong{color:#2b6cb0;font-weight:600}.no-results{text-align:center;padding:3rem 1rem;background-color:#f8fafc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin:2rem 0}.no-results h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.no-results p{color:#4a5568;margin-bottom:1.5rem}.no-results-icon{font-size:3rem;color:#cbd5e0;margin-bottom:1rem}.fade-in{animation:fadeIn .5s ease forwards}.back-to-top{position:fixed;bottom:20px;right:20px;background-color:#3182ce;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .3s ease;z-index:100}.back-to-top:hover{background-color:#2b6cb0;transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.3)}.user-account-bar{background:linear-gradient(135deg,#1e293b,#334155);padding:.75rem 0;border-bottom:1px solid #e2e8f0}.account-content{justify-content:flex-end}.account-content,.user-info{display:flex;align-items:center}.user-info{gap:1rem;color:#fff}.user-avatar{width:32px;height:32px}.avatar-small{width:100%;height:100%;object-fit:cover}.avatar-icon-small{color:#64748b;font-size:1rem}.welcome-text{font-weight:500;color:#f1f5f9}.account-link{display:flex;align-items:center;gap:.5rem;color:#0ea5e9;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s;font-weight:500}.account-link:hover{background:rgba(14,165,233,.1);color:#38bdf8}.login-prompt{display:flex;align-items:center;gap:1rem}.login-text{color:#cbd5e1;font-size:.875rem}.login-btn{display:flex;align-items:center;gap:.5rem;background:#0ea5e9;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.login-btn:hover{background:#0284c7;transform:translateY(-1px)}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal-content{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.15)}.login-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.login-modal-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.close-btn:hover{background:#f1f5f9;color:#334155}.login-modal-body{padding:1.5rem}.user-profile{text-align:center}.user-avatar{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-icon{font-size:2rem;color:#64748b}.user-profile h3{margin:0 0 .5rem;color:#1e293b;font-size:1.25rem}.user-email{color:#64748b;margin:0 0 1.5rem}.user-menu{margin:1.5rem 0}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#334155;text-decoration:none;border-radius:8px;transition:all .2s;margin-bottom:.5rem}.menu-item:hover{background:#f1f5f9;color:#0ea5e9}.login-content h3{color:#1e293b;margin:0 0 1rem;font-size:1.125rem}.login-benefits ul{list-style:none;padding:0;margin:0 0 1.5rem}.login-benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#64748b}.login-benefits li svg{color:#0ea5e9}.google-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;background:#4285f4;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:1rem}.google-login-btn:hover:not(:disabled){background:#3367d6;transform:translateY(-1px)}.google-login-btn:disabled{opacity:.7;cursor:not-allowed}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover:not(:disabled){background:#dc2626}.logout-btn:disabled{opacity:.7;cursor:not-allowed}.login-disclaimer{font-size:.875rem;color:#64748b;text-align:center;margin:0;line-height:1.4}@media (max-width:768px){.user-account-bar{padding:.5rem 0}.user-info{gap:.75rem}.welcome-text{display:none}.login-prompt{gap:.5rem}.login-text{display:none}}.login-prompt-cart{text-align:center;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:1rem;border:1px solid #e2e8f0}.login-prompt-cart p{margin:0 0 1rem;color:#64748b;font-size:.9rem;font-weight:500}.cart-login-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem;width:100%;box-shadow:0 2px 8px rgba(14,165,233,.2)}.cart-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.3)}.cart-login-btn:active{transform:translateY(0)}.cart-actions{display:flex;flex-direction:column;gap:.75rem}.cart-clear-btn{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.cart-clear-btn:hover{background:#e2e8f0;color:#475569}.cart-checkout-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.875rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem;box-shadow:0 2px 8px rgba(5,150,105,.2)}.cart-checkout-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(5,150,105,.3)}.cart-checkout-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.cart-checkout-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}