:root{--primary-navy: #0B192C;--primary-blue: #1E3E62;--accent-cyan: #00ADB5;--accent-cyan-light: #393E46;--accent-teal: #00B4D8;--accent-teal-hover: #0096C7;--whatsapp-color: #25D366;--whatsapp-hover: #1EBE57;--bg-dark: #070F1E;--bg-card: #111C2E;--bg-card-hover: #18263E;--bg-light: #F8FAFC;--bg-surface-light: #FFFFFF;--text-main: #F1F5F9;--text-muted: #94A3B8;--text-dark: #0F172A;--text-dark-muted: #64748B;--border-dark: rgba(255, 255, 255, .08);--border-cyan: rgba(0, 173, 181, .3);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 25px rgba(0, 173, 181, .25);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);direction:rtl;text-align:right;overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #25d36666}50%{box-shadow:0 0 30px #25d366cc}}.fade-in{animation:fadeIn .4s ease-out forwards}.header-glass{position:sticky;top:0;z-index:100;background:#0b192cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dark)}.top-bar{background:#00000040;padding:.5rem 0;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.05)}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.contact-pill{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);transition:var(--transition)}.contact-pill:hover{color:var(--accent-teal)}.hero-section{position:relative;padding:4rem 0 5rem;background:radial-gradient(circle at 70% 20%,rgba(0,173,181,.15) 0%,transparent 60%),radial-gradient(circle at 10% 80%,rgba(30,62,98,.4) 0%,transparent 50%);overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#00adb51f;border:1px solid var(--border-cyan);border-radius:var(--radius-full);color:var(--accent-cyan);font-size:.9rem;font-weight:600;margin-bottom:1.5rem}.hero-title{font-size:2.75rem;font-weight:900;line-height:1.2;margin-bottom:1.25rem;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);max-width:650px;margin-bottom:2rem}.cat-card{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:1.25rem;text-align:center;transition:var(--transition);cursor:pointer}.cat-card:hover,.cat-card.active{background:var(--bg-card-hover);border-color:var(--accent-teal);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.product-card{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition)}.product-card:hover{border-color:var(--border-cyan);transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-img-wrapper{position:relative;width:100%;height:230px;background:#fff;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.product-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-img{transform:scale(1.06)}.badge-stock{position:absolute;top:10px;right:10px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.product-body{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.product-sku{font-family:Inter,sans-serif;font-size:.8rem;color:var(--accent-cyan);margin-bottom:.3rem;font-weight:600}.product-name{font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.product-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-dark)}.price-tag{font-size:1.15rem;font-weight:800;color:#fff}.btn-action{padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;transition:var(--transition)}.btn-primary{background:var(--accent-teal);color:#fff}.btn-primary:hover{background:var(--accent-teal-hover)}.btn-whatsapp{background:var(--whatsapp-color);color:#fff;animation:pulseGlow 3s infinite}.btn-whatsapp:hover{background:var(--whatsapp-hover)}.floating-whatsapp{position:fixed;bottom:2rem;left:2rem;z-index:99;width:60px;height:60px;border-radius:50%;background:var(--whatsapp-color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36680;transition:transform .3s ease}.floating-whatsapp:hover{transform:scale(1.1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 50px #00000080}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;justify-content:flex-end}.drawer-panel{width:100%;max-width:450px;height:100%;background:var(--bg-card);border-left:1px solid var(--border-dark);display:flex;flex-direction:column}@media (max-width: 768px){.hero-title{font-size:2rem}.floating-whatsapp{bottom:1.5rem;left:1.5rem;width:50px;height:50px}}