.loader::before,.price{background:var(--primary)}.loader,.nav-center{position:fixed;z-index:1000}.price,.subtitle{-webkit-text-fill-color:transparent}:root{--bg:linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #e2e8f0 100%);--card:linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%);--text:#0f172a;--text-light:#475569;--primary:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--border:rgba(226, 232, 240, 0.8);--shadow:0 8px 32px rgba(59, 130, 246, 0.12);--radius:16px;--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);--glass:rgba(255, 255, 255, 0.1);--backdrop:blur(20px);--notification-bg:#ef4444;--notification-color:white;--main-blue:#1d4ed8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden;transition:background .3s,color .3s}.loader{top:0;left:0;width:100%;height:3px;background:rgba(59,130,246,.2);overflow:hidden}.loader::before{content:'';position:absolute;height:3px;width:50%;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}.loaded .loader{opacity:0;transition:opacity .5s}.nav-center{top:20px;left:50%;transform:translateX(-50%);display:flex;gap:15px;background:rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;padding:10px 25px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3);transition:.4s}@media (prefers-color-scheme:dark){:root{--bg:linear-gradient(135deg, #000000 0%, #0f172a 50%, #1e293b 100%);--card:linear-gradient(145deg, #111827 0%, #1f2937 100%);--text:#f8fafc;--text-light:#cbd5e1;--primary:linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--border:rgba(51, 65, 85, 0.6);--shadow:0 8px 32px rgba(0, 0, 0, 0.4);--glass:rgba(255, 255, 255, 0.05);--notification-bg:#f87171;--main-blue:#3b82f6}.nav-center{background:rgba(30,41,59,.2);border:1px solid rgba(255,255,255,.1)}}.nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 25px;background:var(--main-blue);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:1.05rem;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(0,0,0,.08);overflow:hidden;z-index:1}.nav-button:hover{transform:translateY(-3px);box-shadow:0 7px 20px rgba(59,130,246,.3);background:#1e3a8a}.nav-button i{font-size:1.2rem;transition:transform .3s}.nav-button:hover i{transform:scale(1.15)}.cart-btn{background:var(--main-blue)!important;color:#fff!important}.cart-count,.notification-envelope{background:var(--notification-bg);z-index:2;transition:.3s;border-radius:50%;font-weight:700;position:absolute}.cart-btn:hover{background:#1e3a8a!important}.cart-count{top:-8px;right:-8px;color:var(--notification-color);font-size:.75rem;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px rgba(0,0,0,.2);animation:2s infinite pulse}.confirm-modal,.notification-envelope{align-items:center;display:flex;opacity:0}.cart-count.no-items{animation:none;opacity:.7}.notification-envelope{top:-5px;left:-5px;width:20px;height:20px;justify-content:center;color:#fff;font-size:.6rem;box-shadow:0 2px 5px rgba(0,0,0,.2);transform:scale(.5)}.login-btn.logged-in .notification-envelope{opacity:1;transform:scale(1)}.login-btn.logged-in::after{content:'';position:absolute;top:50%;left:10px;transform:translateY(-50%);width:8px;height:8px;background:#10b981;border-radius:50%}.nav-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.15)}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;z-index:2000;pointer-events:none;transition:opacity .3s}.confirm-modal.active{opacity:1;pointer-events:all}.confirm-modal-content{background:var(--card);border-radius:var(--radius);width:90%;max-width:450px;box-shadow:0 20px 50px rgba(0,0,0,.3);overflow:hidden;transform:translateY(20px);opacity:0;transition:.4s cubic-bezier(.68, -.55, .265, 1.55);border:1px solid var(--border)}.confirm-modal.active .confirm-modal-content{transform:translateY(0);opacity:1}.confirm-modal-header{padding:25px 25px 15px;text-align:center;position:relative}.confirm-modal-header h3{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:10px}.confirm-modal-icon{width:70px;height:70px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;overflow:hidden}.confirm-modal-icon::before{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:.4}}.confirm-modal-icon i{font-size:2.2rem;color:#fff;position:relative;z-index:1}.confirm-modal-body{padding:0 25px 20px;text-align:center;color:var(--text-light);font-size:1.1rem;line-height:1.6}.confirm-modal-footer{display:flex;padding:15px 25px 25px;gap:15px}.confirm-btn{flex:1;padding:14px;border:none;border-radius:12px;font-weight:600;font-size:1.05rem;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.price,.product-title,.subtitle{font-weight:700}.add-to-cart-btn,.product-card,.product-img{transition:var(--transition)}.confirm-btn.cancel{background:rgba(226,232,240,.5);color:var(--text)}.confirm-btn.confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px rgba(59,130,246,.3)}.confirm-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(135,130,246,.35)}.confirm-btn.cancel:hover{background:rgba(203,213,225,.7)}.confirm-btn.confirm:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.confirm-btn:active{transform:translateY(0);box-shadow:0 2px 10px rgba(59,130,246,.2)}.container{max-width:1200px;margin:80px auto 40px;padding:0 20px}.subtitle{text-align:center;font-size:1.5rem;margin:20px 0 30px;background:linear-gradient(45deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:20px 0}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{min-width:0!important;width:100%}.product-image{height:200px}.product-title{font-size:1.1rem}.price{font-size:1.2rem}}@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr)!important}.product-image{height:160px!important;min-height:160px!important}.product-title{font-size:.95rem!important;min-height:45px!important}.price{font-size:1.1rem!important}.add-to-cart-btn{padding:10px!important;font-size:.9rem!important}}.product-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);backdrop-filter:var(--backdrop);display:flex;flex-direction:column;cursor:pointer}.product-image,.product-title{align-items:center;display:flex}.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(59,130,246,.2)}.product-image{position:relative;height:250px;width:100%;overflow:hidden;background:var(--bg);justify-content:center;min-height:250px}.product-img{width:100%;height:auto;max-height:230px;object-fit:contain;opacity:0}.product-card:hover .product-img{transform:scale(1.05)}.product-info{padding:20px;flex:1;display:flex;flex-direction:column}.product-title{font-size:1.3rem;margin-bottom:10px;color:var(--text);min-height:60px}.price{font-size:1.4rem;-webkit-background-clip:text;background-clip:text}.product-actions{margin-top:auto}.add-to-cart-btn{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.add-to-cart-btn:hover{background:linear-gradient(135deg,#1d4ed8 0,#3b82f6 100%);transform:translateY(-2px);box-shadow:0 4px 15px rgba(59,130,246,.3)}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);z-index:-1}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}@media (max-width:768px){.product-image{height:200px}.nav-center{top:15px;padding:8px 20px}.nav-button{padding:10px 20px;font-size:.95rem}}@media (max-width:480px){.product-image{height:180px}.product-info{padding:15px}.nav-center{top:10px;padding:6px 15px;gap:10px}.nav-button{padding:8px 15px;font-size:.85rem}.cart-count{top:-6px;right:-6px;min-width:18px;height:18px;font-size:.65rem}}