/* ========================================================================== DIYSSD NAVIGATION - CSS VARIABLES ========================================================================== */ :root { /* Charcoal Scale */ --charcoal-050: #f5f5f5; --charcoal-100: #e6e6e6; --charcoal-200: #cccccc; --charcoal-300: #adadad; --charcoal-500: #7a7a7a; --charcoal-700: #565656; --charcoal-800: #474747; --charcoal-900: #3a3a3a; --charcoal-950: #2c2c2c; /* Accent Colors - WCAG AA Compliant */ --ocean-blue: #245270; --ocean-blue-rgb: 36, 82, 112; --terracotta: #c7522a; --golden-sand: #e5b363; --forest-green: #5d8a66; --dusty-plum: #8b5a8b; /* Accessibility */ --focus-ring-color: var(--ocean-blue); --focus-ring-width: 3px; --focus-ring-offset: 2px; --touch-target-min: 44px; /* Transitions */ --transition-speed: 0.2s; --transition-easing: cubic-bezier(0.4, 0, 0.2, 1); } /* Reduced Motion Support */ @media (prefers-reduced-motion: reduce) { :root { --transition-speed: 0.01ms; } * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* ========================================================================== NAVIGATION CONTAINER ========================================================================== */ .diyssd-nav-container { position: relative; width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ========================================================================== NAVIGATION BAR - TWO-CHILD FLEXBOX STRUCTURE ========================================================================== */ .diyssd-nav { display: flex; align-items: center; padding: 1rem 1.5rem; background-color: var(--charcoal-050); border-bottom: none; position: relative; z-index: 1000; gap: 2rem; /* Space between logo and menu */ min-height: 70px; } @media (min-width: 1281px) { .diyssd-nav { padding: 1rem 2rem; } } /* Left Container: Logo (grows to fill remaining space) */ .diyssd-nav-left { flex: 1 1 auto; /* Grows and shrinks, takes remaining space */ display: flex; align-items: center; min-width: 0; /* Allows shrinking below content size */ } /* Right Container: Menu (shrinks to content size) */ .diyssd-nav-right { flex: 0 0 auto; /* Doesn't grow or shrink, sizes to content */ display: flex; align-items: center; gap: 1rem; } /* ========================================================================== LOGO ========================================================================== */ .diyssd-logo { display: flex; align-items: center; text-decoration: none; -webkit-tap-highlight-color: transparent; max-width: 100%; /* Constrained by parent container */ } .diyssd-logo:focus { outline: none; } .diyssd-logo:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); border-radius: 4px; } .diyssd-logo img { height: 50px; /* Back to original size */ width: auto; display: block; max-width: 100%; object-fit: contain; } @media (max-width: 1080px) { .diyssd-logo img { height: 40px; } } /* ========================================================================== DESKTOP MENU ========================================================================== */ .diyssd-desktop-menu { display: none; list-style: none; margin: 0; padding: 0; align-items: center; gap: 0; } @media (min-width: 1081px) { .diyssd-desktop-menu { display: flex; } } .diyssd-menu-item { position: relative; display: flex; align-items: center; } .diyssd-menu-link { display: flex; align-items: center; padding: 0.75rem 1.25rem; /* Restored to original */ color: var(--charcoal-900); text-decoration: none; font-size: 1rem; font-weight: 500; transition: all var(--transition-speed) var(--transition-easing); border-radius: 4px; white-space: nowrap; } @media (min-width: 1281px) { .diyssd-menu-link { padding: 0.75rem 1.5rem; /* Restored to original */ } } .diyssd-menu-link.has-dropdown::after { content: "▾"; margin-left: 0.5rem; font-size: 0.875rem; /* Increased from 0.75rem (12px → 14px) */ transition: transform var(--transition-speed) var(--transition-easing); } .diyssd-menu-link:hover { color: var(--ocean-blue); background-color: var(--charcoal-050); } .diyssd-menu-link:hover.has-dropdown::after { transform: rotate(180deg); } .diyssd-menu-link:focus { outline: none; } .diyssd-menu-link:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); border-radius: 4px; } .diyssd-menu-link:active { background-color: var(--charcoal-050); transform: scale(0.98); } .diyssd-menu-divider { width: 1px; height: 20px; background-color: var(--charcoal-300); margin: 0 0.25rem; opacity: 0.8; } /* ========================================================================== DROPDOWN MENUS ========================================================================== */ .diyssd-dropdown { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(8px); background-color: #ffffff; border: 1px solid var(--charcoal-100); border-radius: 8px; box-shadow: 0 4px 12px rgba(44, 44, 44, 0.15), 0 2px 4px rgba(44, 44, 44, 0.08); padding: 0.5rem 0; min-width: 200px; opacity: 0; visibility: hidden; transition: all var(--transition-speed) var(--transition-easing); z-index: 1001; margin-top: 0.5rem; } .diyssd-menu-item:hover .diyssd-dropdown { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .diyssd-dropdown-link { display: block; padding: 0.75rem 1.5rem; color: var(--charcoal-900); text-decoration: none; font-size: 0.95rem; font-weight: 400; transition: all var(--transition-speed) var(--transition-easing); position: relative; } .diyssd-dropdown-link:hover { background-color: var(--charcoal-050); } .diyssd-dropdown-link:focus { outline: none; } .diyssd-dropdown-link:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: calc(var(--focus-ring-offset) * -1); } .diyssd-dropdown-link:active { background-color: var(--charcoal-100); } /* Active Link (current page) with Terracotta left border */ .diyssd-dropdown-link.active { color: var(--terracotta); background-color: rgba(199, 82, 42, 0.08); font-weight: 500; padding-left: calc(1.5rem + 3px); } .diyssd-dropdown-link.active::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: var(--terracotta); } /* ========================================================================== MOBILE TOGGLE BUTTON ========================================================================== */ .diyssd-mobile-toggle { display: none; flex-direction: column; justify-content: space-between; width: 28px; height: 22px; background: none; border: none; cursor: pointer; padding: 0; z-index: 1002; -webkit-tap-highlight-color: transparent; transition: transform var(--transition-speed) var(--transition-easing); } @media (max-width: 1080px) { .diyssd-mobile-toggle { display: flex; } } .diyssd-mobile-toggle:focus { outline: none; } .diyssd-mobile-toggle:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); border-radius: 4px; } .diyssd-mobile-toggle:active { transform: scale(0.95); } .diyssd-mobile-toggle span { display: block; width: 100%; height: 3px; background-color: var(--charcoal-900); border-radius: 2px; transition: all var(--transition-speed) var(--transition-easing); } .diyssd-mobile-toggle.active span:nth-child(1) { transform: translateY(9.5px) rotate(45deg); } .diyssd-mobile-toggle.active span:nth-child(2) { opacity: 0; } .diyssd-mobile-toggle.active span:nth-child(3) { transform: translateY(-9.5px) rotate(-45deg); } /* ========================================================================== MOBILE OVERLAY ========================================================================== */ .diyssd-mobile-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; opacity: 0; transition: opacity var(--transition-speed) var(--transition-easing); } @media (max-width: 1080px) { .diyssd-mobile-overlay { display: block; pointer-events: none; } .diyssd-mobile-overlay.active { opacity: 1; pointer-events: auto; } } /* ========================================================================== MOBILE MENU ========================================================================== */ .diyssd-mobile-menu { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; max-width: 100%; background-color: #ffffff; z-index: 1000; overflow-y: auto; transform: translate3d(-100%, 0, 0); transition: transform var(--transition-speed) var(--transition-easing); will-change: transform; contain: layout style paint; box-shadow: 2px 0 12px rgba(0, 0, 0, 0.1); } @media (max-width: 1080px) { .diyssd-mobile-menu { display: block; } .diyssd-mobile-menu.active { transform: translate3d(0, 0, 0); } } @media (min-width: 641px) and (max-width: 844px) { .diyssd-mobile-menu { width: 75%; max-width: 450px; } } @media (min-width: 845px) and (max-width: 1080px) { .diyssd-mobile-menu { width: 75%; max-width: 500px; } } .diyssd-mobile-header { display: flex; justify-content: flex-end; align-items: center; padding: 0.75rem 1.25rem; border-bottom: 1px solid var(--charcoal-100); } .diyssd-mobile-close { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: var(--charcoal-050); border: none; border-radius: 50%; cursor: pointer; font-size: 1.4rem; color: var(--charcoal-900); transition: all var(--transition-speed) var(--transition-easing); -webkit-tap-highlight-color: transparent; } .diyssd-mobile-close:hover { background-color: var(--charcoal-100); color: var(--ocean-blue); } .diyssd-mobile-close:focus { outline: none; } .diyssd-mobile-close:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); } .diyssd-mobile-close:active { transform: scale(0.95); } .diyssd-mobile-content { padding: 0.5rem 1rem; } .diyssd-mobile-section { margin-bottom: 0.65rem; background-color: rgba(245, 245, 245, 0.4); padding: 0.35rem 0.6rem 0.6rem 0.6rem; /* Reduced top padding: 0.6rem → 0.35rem */ border-radius: 6px; border-top: 2px solid var(--ocean-blue); } .diyssd-mobile-heading { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--charcoal-800); margin: 0 0 0.25rem 0; } .diyssd-mobile-divider { height: 1px; background-color: var(--charcoal-200); margin-bottom: 0.25rem; } .diyssd-mobile-link { display: flex; align-items: center; padding: 0.45rem 0.6rem; min-height: var(--touch-target-min); color: var(--charcoal-900); text-decoration: none; font-size: 0.875rem; font-weight: 500; border-radius: 4px; transition: all var(--transition-speed) var(--transition-easing); } .diyssd-mobile-link:hover { color: var(--ocean-blue); background-color: var(--charcoal-050); } .diyssd-mobile-link:focus { outline: none; } .diyssd-mobile-link:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: calc(var(--focus-ring-offset) * -1); } .diyssd-mobile-link:active { background-color: var(--charcoal-050); transform: translateX(2px); } .diyssd-mobile-link.active { color: var(--terracotta); background-color: rgba(199, 82, 42, 0.08); font-weight: 600; } /* ========================================================================== UTILITY CLASSES ========================================================================== */ body.diyssd-menu-open { overflow: hidden; } @media (prefers-contrast: high) { .diyssd-nav { border-bottom-width: 2px; } .diyssd-menu-link:focus-visible, .diyssd-dropdown-link:focus-visible, .diyssd-mobile-link:focus-visible { outline-width: 4px; } }

Product Reviews

Corsair MP600 PRO LPX

The CORSAIR MP600 PRO LPX delivers flagship PCIe Gen4 performance in a low-profile package specifically engineered for PlayStation 5 expansion, hitting 7,100MB/s reads and 6,800MB/s writes while fitting Sony's tight 11.25mm height restriction. Powered by Phison's proven E18 controller and Micron 176-layer TLC NAND with DRAM cache, this drive offers seamless PS5 gaming with imperceptible load time differences versus internal storage, though PC users pay a premium for compact dimensions they may not need.

View

Corsair MP600 PRO XT

The CORSAIR MP600 PRO XT delivers exceptional PCIe Gen 4 performance using the Phison E18 controller and Micron 176-layer TLC NAND. With sequential speeds up to 7,100 MB/s reads and 6,800 MB/s writes, this flagship drive from 2021 still competes admirably against newer Gen 5 offerings, though narrowing price gaps and future-proofing concerns complicate the value proposition in late 2025.

View

Corsair MP700 PRO

The Corsair MP700 PRO is a high-performance PCIe 5.0 NVMe SSD offering sequential read speeds up to 12,400 MB/s and write speeds up to 11,800 MB/s. Available in capacities up to 4TB, it features 3D TLC NAND, supports Microsoft DirectStorage, and comes with air or water cooling options. Optimized for latest Intel and AMD platforms, it's ideal for gaming and content creation.

View

Corsair MP700 PRO XT

The Corsair MP700 PRO XT delivers flagship PCIe Gen5 performance with improved power efficiency and thermal management. Featuring Micron's 232-layer TLC NAND and Phison's E26 controller, it targets content creators and enthusiasts seeking cutting-edge transfer speeds without the thermal issues plaguing earlier Gen5 drives. Pre-installed heatsink included.

View

Crucial P310 2230

The Crucial P310 is a high-performance M.2 2230 NVMe SSD designed for compact gaming devices and laptops. With capacities up to 2TB, PCIe Gen4 interface, and impressive read/write speeds of 7100/6000 MB/s, it offers a significant upgrade for portable gaming systems and ultrabooks. The P310's power efficiency and compact size make it ideal for enhancing handheld gaming consoles and slim laptops.

View

Crucial P310 2280

Looking for a storage upgrade that respects your wallet? The Crucial P310 2280 might just be the smartest buy in the SSD market right now. By pairing efficient controllers with high-density NAND, it delivers blistering 7,100 MB/s speeds that rival flagship models. Is the switch to QLC technology finally ready for prime time gaming? We break down the specs, the real-world performance, and the thermal realities to see if this drive belongs in your rig.

View

Crucial T500

Crucial’s T500 SSD blends blistering PCIe Gen4 speed with sleek efficiency, making it a tempting upgrade for gamers, creators, and performance purists. Powered by next-gen NAND and a refined controller, it slashes load times and devours data transfers. Think of it as your system’s caffeine shot—fast, reliable, and ready to push limits. Curious how far it can go?

View

Crucial T700

The Crucial T700 unleashes PCIe Gen 5's monstrous 12,400 MB/s speeds, targeting enthusiasts and creatives with Gen 5-ready motherboards who demand the fastest storage available. With Micron's 232-layer TLC NAND, DRAM cache, and 5-year warranty, it's a premium powerhouse—but runs scorching hot without proper cooling. PS5-compatible with heatsink installation. Overkill for most, essential for the few who truly need peak bandwidth.

View

Crucial T705

The Crucial T705 PCIe Gen5 NVMe SSD delivers chart-topping sequential speeds up to 14,500 MB/s using Phison's E26 controller with Micron's B58R 232-layer TLC NAND, crushing Gen4 alternatives in synthetic benchmarks while demanding premium pricing and serious thermal management. Available in 1TB to 4TB capacities with optional massive heatsinks, it targets enthusiasts chasing absolute performance—even when real-world improvements over mature Gen4 drives rarely justify double the per-gigabyte cost.

View

Crucial X10 Pro

The Crucial X10 Pro portable SSD delivers genuine 20Gbps USB 3.2 Gen 2x2 performance with sequential reads up to 2,100MB/s, undercutting Samsung's T9 while matching or beating it in sustained transfers. This compact external drive features IP55 protection, Micron TLC NAND, and impressive thermal management, though the critical catch is simple: you need a USB 3.2 Gen 2x2 port to unlock full speed, and Thunderbolt 4 systems will cut performance in half.

View