:root{--primary-hsl: 143 100% 33.5%;--primary: hsl(var(--primary-hsl));--primary-light: hsl(143 100% 45%);--primary-dark: hsl(143 100% 25%);--dark-bg-hsl: 220 32% 10%;--dark-bg: hsl(var(--dark-bg-hsl));--dark-card: hsl(220 32% 14%);--dark-border: hsl(220 30% 20%);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dark: #111827;--accent-blue: #3b82f6;--accent-gold: #f59e0b;--accent-red: #ef4444;--font-family: "Outfit", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(23, 30, 44, .65);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--dark-bg);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.gradient-text{background:linear-gradient(135deg,#ffffff 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:var(--transition-smooth);box-shadow:0 4px 14px #00ab424d}.gradient-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ab4280;filter:brightness(1.1)}.gradient-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00ab4266}50%{box-shadow:0 0 20px #00ab42cc}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}.glow-effect{animation:pulse-glow 2s infinite}.container{max-width:1600px;margin:0 auto;padding:0 24px}.hover-card-effect{transition:all .3s cubic-bezier(.25,.8,.25,1)}.hover-card-effect:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 24px #00ab4226;border-color:#00ab424d!important}body.light-theme{--dark-bg: #f3f4f6;--dark-card: #ffffff;--dark-border: #d1d5db;--text-main: #111827;--text-muted: #4b5563;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .06)}body.light-theme .gradient-text{background:linear-gradient(135deg,#111827 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}input,textarea,select{color:var(--text-main)!important;background-color:#ffffff08!important;border:1px solid var(--dark-border)!important}body.light-theme input,body.light-theme textarea,body.light-theme select{color:#1f2937!important;background-color:#fff!important;border:1px solid #d1d5db!important}body.light-theme .scroll-options-box{background-color:#00000005!important;border:1px solid rgba(0,0,0,.08)!important}.whatsapp-float-hover:hover{transform:scale(1.1);box-shadow:0 6px 20px #25d36699!important}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:30px}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr!important;gap:28px!important}}.toast-container{position:fixed;top:90px;right:16px;display:flex;flex-direction:column;gap:12px;z-index:9999;width:calc(100vw - 32px);max-width:320px;pointer-events:none}.responsive-navbar{position:sticky;top:0;z-index:1000}.responsive-nav-inner{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;position:relative}.menu-toggle{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.menu-toggle:hover{background-color:#ffffff0d}@media (max-width: 1280px){.menu-toggle{display:block!important}.responsive-nav-links{display:none!important}.responsive-nav-links.mobile-open{display:flex!important;flex-direction:column!important;position:absolute!important;top:100%!important;left:-24px!important;right:-24px!important;width:auto!important;background:var(--dark-card)!important;border-bottom:1px solid var(--dark-border)!important;padding:20px 24px!important;gap:8px!important;z-index:999!important;box-shadow:0 10px 25px #0000004d!important}.responsive-nav-links.mobile-open a,.responsive-nav-links.mobile-open span{padding:10px 0!important;font-size:15px!important;border-bottom:1px solid var(--dark-border)!important}.responsive-nav-links.mobile-open a:last-child{border-bottom:none!important}}@media (max-width: 480px){.container{padding:0 16px}}.three-col-layout{display:grid;grid-template-columns:300px 1fr 300px;gap:24px;max-width:1920px;margin:0 auto;padding:24px;align-items:start}@media (max-width: 1400px){.three-col-layout{grid-template-columns:270px 1fr 270px!important;gap:20px!important}}@media (max-width: 1280px){.three-col-layout{grid-template-columns:1fr!important;padding:16px!important}.hide-sidebar{display:none!important}}.responsive-hero{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:30px!important;padding:50px!important;align-items:center!important}@media (max-width: 1024px){.responsive-hero{grid-template-columns:1fr!important;padding:30px!important;gap:24px!important}.responsive-hero .hero-image-wrapper{height:220px!important}.hero-title-text{font-size:32px!important}}@media (max-width: 600px){.responsive-hero{padding:24px 20px!important;gap:20px!important}.hero-title-text{font-size:26px!important}}.responsive-hot-deal{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:center}@media (max-width: 640px){.responsive-hot-deal{grid-template-columns:1fr!important;gap:16px!important}.hot-deal-header-wrap{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}}.catalog-grid-container{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}@media (max-width: 900px){.catalog-grid-container{grid-template-columns:1fr!important}}.catalog-header-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.catalog-search-wrapper{position:relative;display:flex;align-items:center;width:300px;max-width:100%;flex-shrink:0}@media (max-width: 600px){.catalog-header-wrap{flex-direction:column!important;align-items:stretch!important}.catalog-search-wrapper{width:100%!important}}.categories-row-wrap{display:flex;gap:10px;flex-wrap:wrap}.product-grid-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}@media (max-width: 480px){.product-grid-responsive{grid-template-columns:1fr!important}}.spec-labs-content-grid{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}@media (max-width: 900px){.spec-labs-content-grid{grid-template-columns:1fr!important;gap:20px!important}}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999}@media (max-width: 900px){.filter-sidebar-drawer{position:fixed!important;top:0!important;left:-320px!important;width:300px!important;height:100vh!important;z-index:2000!important;overflow-y:auto!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;background:var(--dark-card)!important;border-right:1px solid var(--dark-border)!important;border-radius:0 16px 16px 0!important;padding:24px!important;box-shadow:10px 0 30px #00000080!important}.filter-sidebar-drawer.drawer-open{left:0!important}}.filter-toggle-btn{display:none;width:100%;padding:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 14px #00ab424d;align-items:center;justify-content:center}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.drawer-close-btn{display:none;background:none;border:none;color:var(--text-main);font-size:20px;cursor:pointer;padding:4px}@media (max-width: 900px){.filter-toggle-btn{display:flex}.drawer-close-btn{display:block}}.scroll-options-box::-webkit-scrollbar{width:4px}.scroll-options-box::-webkit-scrollbar-track{background:transparent}.scroll-options-box::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:2px}.scroll-options-box::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width: 768px){.responsive-grid-2col,.responsive-spec-labs{grid-template-columns:1fr!important}.responsive-actions-group{gap:8px!important}.wallet-mobile-hide{display:none!important}}@media (max-width: 480px){.responsive-actions-group{gap:6px!important}}.responsive-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.responsive-similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.responsive-details-grid{grid-template-columns:1fr!important;gap:20px!important}.responsive-similar-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.responsive-similar-grid{grid-template-columns:1fr!important}}.responsive-cart-grid,.responsive-checkout-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}@media (max-width: 900px){.responsive-cart-grid,.responsive-checkout-grid{grid-template-columns:1fr!important;gap:20px!important}}.responsive-cart-item{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}@media (max-width: 640px){.responsive-cart-item{flex-wrap:wrap!important;gap:12px!important}}.responsive-profile-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}.responsive-wallet-balances{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 900px){.responsive-profile-grid{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width: 640px){.responsive-wallet-balances{grid-template-columns:1fr!important;gap:10px!important}}.responsive-investments-grid{display:grid;grid-template-columns:1.8fr 1.2fr;gap:30px;align-items:start}.responsive-wholesale-card{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}.responsive-calc-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 900px){.responsive-investments-grid{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width: 600px){.responsive-wholesale-card,.responsive-calc-row{grid-template-columns:1fr!important}}.responsive-partnership-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.responsive-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 900px){.responsive-partnership-grid{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width: 600px){.responsive-stats-row{grid-template-columns:1fr!important;gap:10px!important}}.responsive-wishlist-card{display:grid;grid-template-columns:120px 1fr 1fr;gap:20px;align-items:center}.responsive-shared-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}@media (max-width: 900px){.responsive-wishlist-card{grid-template-columns:1fr!important;gap:16px!important}.responsive-shared-grid{grid-template-columns:1fr!important;gap:20px!important}}.responsive-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}@media (max-width: 768px){.responsive-charts-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width: 480px){.responsive-chatbot-pane{width:calc(100vw - 32px)!important;height:75vh!important;right:16px!important;bottom:16px!important}.responsive-padding-mobile{padding:16px!important}.responsive-modal-card{padding:20px 16px!important;width:calc(100vw - 32px)!important}}.responsive-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
