@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#137fec;--color-primary-hover:#1a8fff;--color-primary-light:#137fec26;--color-accent-green:#00d26a;--color-accent-purple:#a855f7;--color-accent-cyan:#06b6d4;--color-bg:#0a0e17;--color-bg-secondary:#0d1117;--color-surface:#151c28;--color-surface-hover:#1c2536;--color-surface-elevated:#1e2738;--color-border:#1e2d3d;--color-border-hover:#30445a;--color-text-primary:#e6edf3;--color-text-secondary:#8b949e;--color-text-muted:#656d76;--color-sale:#ff4757;--color-badge-bg:#ff475726;--gradient-hero:linear-gradient(135deg,#0a0e17 0%,#0d1a2e 30%,#1a0a2e 60%,#0d1117 100%);--gradient-neon:linear-gradient(135deg,#137fec,#a855f7,#06b6d4);--gradient-card-border:linear-gradient(135deg,#137fec4d,#a855f71a);--gradient-button-contact:linear-gradient(135deg,#00d26a,#00b85c);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-card:0 4px 24px #0000004d;--shadow-glow-blue:0 0 30px #137fec26;--shadow-glow-purple:0 0 30px #a855f71a;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.container{width:100%;max-width:1280px;padding:0 var(--space-md);margin:0 auto}.header{z-index:100;max-width:1280px;padding:0 var(--space-md);pointer-events:none;margin:0 auto;position:fixed;top:20px;left:0;right:0}.header-inner{height:64px;padding:0 var(--space-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-full);pointer-events:auto;background:#0a0e17cc;grid-template-columns:1fr 2fr 1fr;align-items:center;display:grid;box-shadow:0 4px 24px #0000004d}.header-section{align-items:center;height:48px;display:flex}.header-section-center{justify-content:center}.header-section-end{justify-content:flex-end;gap:var(--space-sm);position:relative}@property --logo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes logoTrace{0%{--logo-angle:0deg}to{--logo-angle:360deg}}.header-logo{border-radius:var(--radius-lg);transition:all var(--transition-normal);filter:drop-shadow(0 0 6px #137fec4d);align-items:center;padding:3px;display:flex;position:relative}.header-logo:before{content:"";border-radius:var(--radius-lg);background:conic-gradient(from var(--logo-angle),transparent 0%,transparent 25%,#137fec 35%,#a855f7 50%,#06b6d4 65%,transparent 75%,transparent 100%);z-index:-1;animation:2.5s linear infinite logoTrace;position:absolute;inset:0}.header-logo:after{content:"";border-radius:calc(var(--radius-lg) - 1px);z-index:-1;background:#0a0e17e6;position:absolute;inset:2px}.header-logo:hover{filter:drop-shadow(0 0 14px #137fec80)drop-shadow(0 0 28px #a855f74d);transform:scale(1.06)}.header-logo-img{border-radius:calc(var(--radius-lg) - 2px);object-fit:contain;width:auto;height:42px;display:block}.header-cta{height:48px;padding:0 var(--space-lg);color:#fff;border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);background:linear-gradient(135deg,#137fec,#a855f7);align-items:center;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.header-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #137fec66}.header-blog-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:36px;color:var(--color-text-primary);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;padding:0 16px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.header-blog-link:hover{color:#fff;background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.header-contact-icon{color:#fff;width:36px;height:36px;transition:all var(--transition-fast);background:linear-gradient(135deg,#137fec,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.header-contact-icon:hover{transform:translateY(-1px);box-shadow:0 4px 16px #137fec80}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-dropdown{top:calc(100% + var(--space-sm));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;padding:var(--space-xs);z-index:200;background:#0f1423f2;animation:.2s ease-out dropdownSlide;position:absolute;right:0;box-shadow:0 8px 32px #0006}.header-dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.header-dropdown-item:hover{color:var(--color-text-primary);background:#ffffff14}.header-dropdown-icon{text-align:center;width:24px;font-size:1.125rem}@media (max-width:700px){.header{padding:0 var(--space-sm);top:10px}.header-inner{height:48px;padding:0 var(--space-sm);gap:var(--space-sm);grid-template-columns:auto 1fr}.header-section-end{display:none}.header-logo{padding:2px}.header-logo-img{height:32px}.search-wrapper{max-width:200px}.search-input{height:32px;padding-left:28px;padding-right:var(--space-sm);font-size:.75rem}.search-icon{font-size:.875rem;left:8px}}.footer-logo{object-fit:contain;width:auto;height:64px;margin-bottom:var(--space-md)}.hero{padding:120px 0 var(--space-2xl);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#137fec26 0%,#a855f714 40%,#0000 70%);width:800px;height:800px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-badge{align-items:center;gap:var(--space-sm);background:var(--color-badge-bg);color:var(--color-sale);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-lg);font-size:.75rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff 0%,#c9d1d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl);font-size:1.125rem}.hero-cta{align-items:center;gap:var(--space-sm);background:var(--color-primary);color:#fff;padding:var(--space-md)var(--space-xl);border-radius:var(--radius-full);transition:all var(--transition-normal);font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #137fec66}.hero-cta:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 30px #137fec99}.galaxy-hero{min-height:520px;padding:140px 0 var(--space-3xl);background:var(--gradient-hero);position:relative;overflow:hidden}.galaxy-hero:before{display:none}.galaxy-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes nebulaPulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.15)}}.nebula-glow{pointer-events:none;z-index:1;filter:blur(80px);border-radius:50%;animation:8s ease-in-out infinite nebulaPulse;position:absolute}.nebula-glow-blue{background:radial-gradient(circle,#137fec40 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:30%;left:25%}.nebula-glow-purple{background:radial-gradient(circle,#a855f733 0%,#0000 70%);width:350px;height:350px;animation-delay:-3s;top:20%;left:70%}.nebula-glow-cyan{background:radial-gradient(circle,#06b6d426 0%,#0000 70%);width:300px;height:300px;animation-delay:-5s;top:60%;left:50%}.tech-orbs-container{z-index:2;pointer-events:none;position:absolute;inset:0}@keyframes techOrbit{0%{transform:translate(calc(-50% + var(--orb-cx)),calc(-50% + var(--orb-cy)))rotate(0deg)translateX(var(--orb-radius))rotate(0deg)}to{transform:translate(calc(-50% + var(--orb-cx)),calc(-50% + var(--orb-cy)))rotate(360deg)translateX(var(--orb-radius))rotate(-360deg)}}.tech-orb{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;cursor:default;z-index:2;animation:techOrbit var(--orb-duration)linear infinite;animation-delay:var(--orb-delay);animation-direction:var(--orb-direction,normal);box-shadow:0 0 12px color-mix(in srgb,var(--orb-glow)30%,transparent),0 0 24px color-mix(in srgb,var(--orb-glow)15%,transparent),inset 0 0 8px color-mix(in srgb,var(--orb-glow)10%,transparent);background:#0f1423bf;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:box-shadow .3s,border-color .3s;display:flex;position:absolute;top:50%;left:50%}.tech-orb:hover{border-color:var(--orb-glow);box-shadow:0 0 20px color-mix(in srgb,var(--orb-glow)50%,transparent),0 0 40px color-mix(in srgb,var(--orb-glow)25%,transparent),inset 0 0 12px color-mix(in srgb,var(--orb-glow)20%,transparent);animation-play-state:paused}.tech-orb-sm{width:48px;height:48px}.tech-orb-md{width:60px;height:60px}.tech-orb-lg{width:72px;height:72px}.tech-orb-logo{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 0 4px #ffffff4d);pointer-events:none;display:block}.tech-orb-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.5rem;font-weight:600}.tech-orb-sm .tech-orb-label{font-size:.4375rem}.tech-orb-lg .tech-orb-label{font-size:.5625rem}@keyframes orbRingPulse{0%,to{opacity:.3}50%{opacity:.7}}.tech-orb:before{content:"";border-radius:var(--radius-full);border:1px solid var(--orb-glow);opacity:.3;animation:3s ease-in-out infinite orbRingPulse;position:absolute;inset:-3px}.galaxy-content{z-index:10;position:relative}@media (max-width:768px){.galaxy-hero{min-height:420px;padding:120px 0 var(--space-2xl)}.nebula-glow{filter:blur(60px)}.nebula-glow-blue{width:250px;height:250px}.nebula-glow-purple{width:200px;height:200px}.nebula-glow-cyan,.tech-orb:nth-child(n+7){display:none}.tech-orb-lg{width:52px;height:52px}.tech-orb-md{width:44px;height:44px}.tech-orb-sm{width:36px;height:36px}}@media (max-width:480px){.galaxy-hero{min-height:360px;padding:100px 0 var(--space-xl)}.tech-orb:nth-child(n+5){display:none}}.search-wrapper{width:100%;max-width:500px;position:relative}.search-input{width:100%;height:36px;padding:0 var(--space-md)0 40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);transition:all var(--transition-fast);font-size:.875rem}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-icon{color:var(--color-text-muted);pointer-events:none;font-size:1.125rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.category-filter{gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);scrollbar-width:none;-ms-overflow-style:none;z-index:50;max-width:1280px;margin:0 auto;margin-top:var(--space-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#0a0e17cc;scroll-margin-top:96px;display:flex;position:sticky;top:88px;overflow-x:auto;box-shadow:0 4px 24px #0000004d}.category-filter::-webkit-scrollbar{display:none}.category-tab{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-full);white-space:nowrap;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;font-size:.875rem;font-weight:500}.category-tab:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.category-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width:700px){.category-filter{padding:var(--space-xs)var(--space-md);gap:6px;scroll-margin-top:68px;top:62px}.category-tab{padding:6px var(--space-sm);font-size:.75rem}}.product-grid{gap:var(--space-md);padding:var(--space-md)0;grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:1280px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}@keyframes borderTrace{0%{--border-angle:0deg}to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-normal);z-index:1;flex-direction:column;display:flex;position:relative;overflow:visible}.product-card:before{content:"";border-radius:calc(var(--radius-lg) + 2px);background:conic-gradient(from var(--border-angle),transparent 0%,transparent 30%,#137fec 40%,#a855f7 50%,#06b6d4 60%,transparent 70%,transparent 100%);z-index:-2;opacity:0;transition:opacity var(--transition-normal);animation:2.5s linear infinite borderTrace;position:absolute;inset:-2px}.product-card:after{content:"";border-radius:var(--radius-lg);background:var(--color-surface);z-index:-1;position:absolute;inset:0}.product-card:hover{box-shadow:var(--shadow-card),0 0 20px #137fec26;border-color:#0000;transform:translateY(-4px)}.product-card:hover:before{opacity:1}@keyframes firePulse{0%,to{filter:brightness()drop-shadow(0 0 4px #ff640099);transform:scale(1)}50%{filter:brightness(1.2)drop-shadow(0 0 8px #ff3c00cc);transform:scale(1.15)}}@keyframes badgeGlow{0%,to{box-shadow:0 0 6px #ff475766,0 0 12px #ff8c0033}50%{box-shadow:0 0 10px #ff475799,0 0 20px #ff8c0066}}.product-card-badge{top:var(--space-sm);left:var(--space-sm);border-radius:var(--radius-full);z-index:2;background:radial-gradient(circle at 50% 70%,#ff4500,#ff6b35,#ff8c00);justify-content:center;align-items:center;width:30px;height:30px;animation:1.5s ease-in-out infinite badgeGlow;display:flex;position:absolute}.fire-icon{font-size:16px;line-height:1;animation:1s ease-in-out infinite firePulse}.fire-flame,.fire-base{display:none}.product-card-image{aspect-ratio:16/9;border-radius:var(--radius-md);object-fit:cover;width:100%;margin-bottom:var(--space-md);background:var(--color-surface-elevated)}.product-card-name{color:var(--color-text-primary);margin-bottom:var(--space-xs);font-size:.9375rem;font-weight:600;line-height:1.3}.product-card-category{color:var(--color-text-muted);font-size:.75rem}.product-card-price-wrapper{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-top:auto;margin-bottom:var(--space-md);min-height:1.5rem;display:flex}.product-card-price-right{align-items:baseline;gap:3px;display:flex}.product-card-price{color:var(--color-accent-green);text-shadow:0 0 8px #00d26a4d;font-size:1.125rem;font-weight:700}.product-card-price-original{color:var(--color-text-muted);font-size:.8125rem;text-decoration:line-through}.product-card-price-contact{color:var(--color-primary);font-size:1rem;font-weight:600}.product-card-actions{gap:var(--space-sm);margin-top:auto;display:flex}.btn-view{padding:var(--space-sm)var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.btn-view:hover{background:var(--color-primary-hover);box-shadow:0 2px 12px #137fec66}.btn-contact-small{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-accent-green);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.btn-contact-small:hover{border-color:var(--color-accent-green);background:#00d26a1a}.product-detail{gap:var(--space-2xl);padding:var(--space-2xl)0;grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.product-detail{gap:var(--space-xl);grid-template-columns:1fr}}.product-detail-gallery{gap:var(--space-md);flex-direction:column;display:flex}.product-detail-main-image{aspect-ratio:1;border-radius:var(--radius-xl);object-fit:cover;background:var(--color-surface);border:1px solid var(--color-border);width:100%}.product-detail-thumbnails{gap:var(--space-sm);display:flex}.product-detail-thumbnail{border-radius:var(--radius-md);object-fit:cover;cursor:pointer;width:64px;height:64px;transition:border-color var(--transition-fast);background:var(--color-surface);border:2px solid #0000}.product-detail-thumbnail:hover,.product-detail-thumbnail.active{border-color:var(--color-primary)}.product-detail-info{flex-direction:column;display:flex}.product-detail-category{align-items:center;gap:var(--space-xs);color:var(--color-primary);margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;display:inline-flex}.product-detail-name{margin-bottom:var(--space-md);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2}.product-detail-description{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:.9375rem;line-height:1.7}.product-detail-price{margin-bottom:var(--space-xl);font-size:1.75rem;font-weight:800}.product-detail-tags{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.product-tag{padding:var(--space-xs)var(--space-md);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.contact-buttons{gap:var(--space-md);flex-wrap:wrap;display:flex}.btn-contact-main{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);color:#fff;transition:all var(--transition-normal);cursor:pointer;background:linear-gradient(135deg,#137fec,#a855f7);border:none;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #137fec4d}.btn-contact-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #137fec80}.btn-contact{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);color:#fff;transition:all var(--transition-normal);font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-contact:hover{transform:translateY(-2px)}.btn-zalo{background:linear-gradient(135deg,#0068ff,#0055d4);box-shadow:0 4px 15px #0068ff4d}.btn-facebook{background:linear-gradient(135deg,#1877f2,#1565c0);box-shadow:0 4px 15px #1877f24d}.btn-telegram{background:linear-gradient(135deg,#26a5e4,#1e96d1);box-shadow:0 4px 15px #26a5e44d}.contact-flyout-wrapper{width:100%;margin-top:auto;position:relative}.contact-flyout-menu{bottom:calc(100% + var(--space-sm));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transform-origin:bottom;z-index:10;width:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideUpFlyout;position:absolute;left:0;overflow:hidden;box-shadow:0 10px 30px #0006}@keyframes slideUpFlyout{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.contact-flyout-header{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--color-border);background:#00d26a1a;justify-content:space-between;align-items:center;display:flex}.contact-flyout-title{color:#00d26a;margin:0;font-size:1rem;font-weight:700}.contact-flyout-close{border-radius:var(--radius-full);background:var(--color-surface-elevated);width:28px;height:28px;color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.875rem;display:flex}.contact-flyout-close:hover{color:var(--color-text-primary);background:var(--color-border-hover)}.contact-flyout-body{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.contact-channel-item{padding:var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.contact-channel-item:hover{background:var(--color-border-hover);border-color:var(--color-text-muted)}.contact-channel-left{align-items:center;gap:var(--space-md);display:flex}.contact-channel-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.icon-zalo{color:#0068ff;background:#0068ff26}.icon-facebook{color:#1877f2;background:#1877f226}.icon-telegram{color:#26a5e4;background:#26a5e426}.contact-channel-name{font-size:.9375rem;font-weight:600}.contact-channel-arrow{color:var(--color-text-secondary);font-size:1rem}.footer{border-top:1px solid var(--color-border);padding:var(--space-2xl)0 var(--space-xl);margin-top:var(--space-3xl)}.footer-grid{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:1.5fr 1fr 1fr;display:grid}.footer-about p{max-width:320px}@media (max-width:768px){.footer-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}}@media (max-width:480px){.footer-grid{gap:var(--space-lg);grid-template-columns:1fr}.footer-about{grid-column:auto}}.footer-title{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:.875rem;font-weight:600}.footer-links{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer-links a,.footer-links span{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.8125rem}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.8125rem}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface)0px,var(--color-surface-elevated)40px,var(--color-surface)80px);border-radius:var(--radius-md);background-size:200px 100%;animation:1.5s infinite shimmer}.empty-state{text-align:center;padding:var(--space-3xl)var(--space-md);color:var(--color-text-secondary)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state-title{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.empty-state-text{margin-bottom:var(--space-lg);font-size:.9375rem}.pagination{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl)0;display:flex}.pagination-btn{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.pagination-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.section-title{margin-bottom:var(--space-lg);font-size:1.25rem;font-weight:700}.bg-orb{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.bg-orb-blue{background:var(--color-primary);width:400px;height:400px;top:-100px;right:-100px}.bg-orb-purple{background:var(--color-accent-purple);width:300px;height:300px;bottom:-50px;left:-50px}.product-card-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-xs);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:1.95rem;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-prices{flex-direction:column;gap:2px;display:flex}.product-card-price-tier{align-items:baseline;gap:var(--space-xs);font-size:.8125rem;display:flex}.product-card-price-unit{color:var(--color-text-muted);font-size:.6875rem}.product-card-price-more{color:var(--color-primary);font-size:.6875rem;font-weight:500}.product-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-lg);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);gap:var(--space-lg);width:100%;max-width:900px;max-height:80vh;padding:var(--space-xl);grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;padding-bottom:0;animation:.3s slideUp;display:grid;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.product-modal{max-height:85vh;padding:var(--space-md);gap:var(--space-md);grid-template-columns:1fr;padding-bottom:0}}.product-modal-description-section{border-top:1px solid var(--color-border);padding-top:var(--space-lg);grid-column:1/-1}.product-modal-footer{background:var(--color-bg-secondary);padding:var(--space-md)0;border-top:1px solid var(--color-border);z-index:5;grid-column:1/-1;position:sticky;bottom:0}.product-modal-close{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;z-index:10;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.125rem;display:flex;position:absolute}.product-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.product-modal-loading{padding:var(--space-2xl);text-align:center;grid-column:1/-1}.product-modal-gallery{gap:var(--space-md);flex-direction:column;justify-content:center;display:flex}.product-modal-main-image{border-radius:var(--radius-lg);object-fit:cover;background:var(--color-surface);border:1px solid var(--color-border);width:100%}.product-modal-thumbnails{gap:var(--space-sm);display:flex;overflow-x:auto}.product-modal-thumb{border-radius:var(--radius-md);object-fit:cover;cursor:pointer;width:56px;height:56px;transition:border-color var(--transition-fast);background:var(--color-surface);border:2px solid #0000;flex-shrink:0}.product-modal-thumb:hover,.product-modal-thumb.active{border-color:var(--color-primary)}.product-modal-info{flex-direction:column;flex:1;display:flex}.product-modal-category{align-items:center;gap:var(--space-xs);color:var(--color-primary);margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;display:inline-flex}.product-modal-name{margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:700;line-height:1.2}.product-modal-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.9375rem}.product-modal-section-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-bottom:none;display:flex}.product-modal-description-section .product-modal-section-header{margin-bottom:var(--space-sm);border-bottom:none;padding-left:0}.product-modal-section-icon{color:var(--color-accent-green);font-size:1rem}.product-modal-section-title{color:var(--color-accent-green);letter-spacing:.5px;font-size:.8125rem;font-weight:700}.product-modal-prices{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-md);flex-direction:column;display:flex;overflow:hidden}.product-modal-price-item{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:65px;display:flex}.product-modal-price-item:last-child{border-bottom:none}.product-modal-warranty{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#ff6b000d;border:1.5px solid #ff6b00;display:flex}.product-modal-warranty-icon{flex-shrink:0;font-size:1rem}.product-modal-warranty-text{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.product-modal-price-item--hot{border-radius:var(--radius-md);background:linear-gradient(135deg,#ff6b000f 0%,#ffa5000a 100%);margin:4px 0;position:relative;border:2px solid #ff6b00!important}.product-modal-price-item--hot:first-child{margin-top:0}.price-hot-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:var(--radius-full);background:linear-gradient(90deg,#ff6b00,#ff9500);align-items:center;gap:3px;width:fit-content;padding:2px 7px;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite hotPulse;display:inline-flex;box-shadow:0 0 8px #ff6b0080}@keyframes hotPulse{0%,to{box-shadow:0 0 8px #ff6b0080}50%{box-shadow:0 0 16px #ff6b00cc,0 0 30px #ff96004d}}.product-modal-price-left{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.product-modal-price-title{color:var(--color-text-primary);font-size:.9375rem;font-weight:700}.product-modal-price-desc{color:var(--color-text-muted);font-size:.75rem;line-height:1.3}.product-modal-price-right{margin-left:var(--space-md);flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.product-modal-price-row{align-items:baseline;gap:var(--space-xs);display:flex}.product-modal-price-original{color:var(--color-text-muted);font-size:.8125rem;text-decoration:line-through}.product-modal-price-display{color:var(--color-accent-green);font-size:1.25rem;font-weight:800}.product-modal-price-unit{color:var(--color-text-muted);font-size:.75rem}.product-modal-price-single{margin-bottom:var(--space-lg);font-size:1.5rem;font-weight:800}.product-modal-price-contact{color:var(--color-primary);margin-bottom:var(--space-lg);font-size:1.125rem;font-weight:600}.product-modal-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:.875rem;line-height:1.7}.product-modal-description h1,.product-modal-description h2,.product-modal-description h3{color:var(--color-text-primary);margin-bottom:var(--space-sm)}.product-modal-description p{margin-bottom:var(--space-sm)}.product-modal-description ul,.product-modal-description ol{margin-left:var(--space-lg);margin-bottom:var(--space-sm)}.product-modal-description a{color:var(--color-primary);text-decoration:underline}.product-modal-tags{gap:var(--space-sm);flex-wrap:wrap;margin-top:auto;display:flex}.blog-hero{padding:120px 0 var(--space-2xl);text-align:center;background:var(--gradient-hero);position:relative}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#137fec1f 0%,#a855f70f 40%,#0000 70%);width:600px;height:600px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.blog-hero h1{background:linear-gradient(135deg,#fff 0%,#c9d1d9 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:800;position:relative}.blog-hero p{color:var(--color-text-secondary);font-size:1.1rem;position:relative}.blog-section{padding:var(--space-2xl)0}.blog-layout{gap:var(--space-2xl);grid-template-columns:1fr 280px;align-items:start;display:grid}.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.blog-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card);transform:translateY(-4px)}.blog-card-image{aspect-ratio:16/9;display:block;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:var(--space-md)}.blog-card-meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);color:var(--color-text-muted);font-size:.75rem;display:flex}.blog-card-category{background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;transition:all var(--transition-fast);padding:2px 8px;font-size:.7rem;font-weight:600;text-decoration:none}.blog-card-category:hover{background:var(--color-primary);color:#fff}.blog-card-title{margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:700;line-height:1.4}.blog-card-title a{color:var(--color-text-primary);transition:color var(--transition-fast);text-decoration:none}.blog-card-title a:hover{color:var(--color-primary)}.blog-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:2;margin-bottom:var(--space-sm);-webkit-box-orient:vertical;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-tag{color:var(--color-text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#ffffff0d;padding:2px 8px;font-size:.75rem;text-decoration:none;display:inline-block}.blog-tag:hover,.blog-tag.active{color:var(--color-primary);background:var(--color-primary-light)}.blog-sidebar{position:sticky;top:100px}.blog-sidebar-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.blog-sidebar-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:700}.blog-sidebar-list{list-style:none}.blog-sidebar-list li{margin-bottom:var(--space-xs)}.blog-sidebar-list li a{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:space-between;align-items:center;font-size:.875rem;text-decoration:none;display:flex}.blog-sidebar-list li a:hover,.blog-sidebar-list li.active a{background:var(--color-primary-light);color:var(--color-primary)}.blog-sidebar-count{color:var(--color-text-muted);font-size:.75rem}.blog-sidebar-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-pagination{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding:var(--space-lg)0;display:flex}.blog-pagination-btn{padding:var(--space-sm)var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none}.blog-pagination-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-pagination-info{color:var(--color-text-muted);font-size:.875rem}.blog-breadcrumbs{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.8rem;display:flex}.blog-breadcrumbs a{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.blog-breadcrumbs a:hover{color:var(--color-primary)}.blog-breadcrumbs span:last-child{color:var(--color-text-primary);font-weight:500}.blog-post{padding-top:100px}.blog-post-container{max-width:800px}.blog-post-header{margin-bottom:var(--space-xl)}.blog-post-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);color:var(--color-text-muted);font-size:.8rem;display:flex}.blog-post-header h1{margin-bottom:var(--space-sm);color:var(--color-text-primary);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;line-height:1.3}.blog-post-author{color:var(--color-text-secondary);font-size:.875rem}.blog-post-featured-image{border-radius:var(--radius-lg);margin-bottom:var(--space-xl);overflow:hidden}.blog-post-featured-image img{width:100%;height:auto;display:block}.blog-post-content{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:1rem;line-height:1.8}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:var(--color-text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md);font-weight:700}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.25rem}.blog-post-content p{margin-bottom:var(--space-md)}.blog-post-content a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.blog-post-content img{border-radius:var(--radius-md);margin:var(--space-lg)0}.blog-post-content ul,.blog-post-content ol{margin-left:var(--space-xl);margin-bottom:var(--space-md)}.blog-post-content li{margin-bottom:var(--space-xs)}.blog-post-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-lg);margin:var(--space-lg)0;color:var(--color-text-secondary);font-style:italic}.blog-post-content pre{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-lg)0;overflow-x:auto}.blog-post-content code{background:var(--color-surface);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}.blog-post-content pre code{background:0 0;padding:0}.blog-post-content table{border-collapse:collapse;width:100%;margin:var(--space-lg)0}.blog-post-content th,.blog-post-content td{padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border);text-align:left}.blog-post-content th{background:var(--color-surface);font-weight:600}.blog-post-tags{gap:var(--space-sm);padding:var(--space-lg)0;border-top:1px solid var(--color-border);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.blog-related{padding:var(--space-xl)0;border-top:1px solid var(--color-border)}.blog-related h2{margin-bottom:var(--space-lg);font-size:1.25rem;font-weight:700}.blog-related-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.blog-related-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);text-decoration:none;overflow:hidden}.blog-related-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.blog-related-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.blog-related-card h3{padding:var(--space-sm)var(--space-md);color:var(--color-text-primary);font-size:.875rem;font-weight:600;line-height:1.4}.blog-related-card .blog-card-date{padding:0 var(--space-md)var(--space-sm);color:var(--color-text-muted);font-size:.75rem;display:block}.blog-empty{text-align:center;padding:var(--space-3xl)0;color:var(--color-text-muted)}@media (max-width:768px){.blog-layout,.blog-grid{grid-template-columns:1fr}.blog-post-meta{flex-wrap:wrap}.blog-hero,.blog-post{padding-top:80px}}