/* ========================================================================== DIYSSD Navigation Menu Styles Scoped with 'diyssd-' prefix to prevent conflicts ========================================================================== */ /* CSS Custom Properties for Color Palette */ :root { /* Charcoal Scale */ --diyssd-charcoal-050: #f5f5f5; --diyssd-charcoal-100: #e6e6e6; --diyssd-charcoal-200: #cccccc; --diyssd-charcoal-300: #adadad; --diyssd-charcoal-400: #949494; --diyssd-charcoal-500: #7a7a7a; --diyssd-charcoal-600: #6b6b6b; --diyssd-charcoal-700: #565656; --diyssd-charcoal-800: #474747; --diyssd-charcoal-900: #3a3a3a; --diyssd-charcoal-950: #2c2c2c; /* Accent Colors */ --diyssd-ocean-blue: #2d5a7b; --diyssd-ocean-blue-light: #3a6d94; --diyssd-ocean-blue-dark: #1f3f56; --diyssd-terracotta: #c7522a; --diyssd-terracotta-light: #d66640; --diyssd-golden-sand: #e5b363; --diyssd-forest-green: #5d8a66; --diyssd-dusty-plum: #8b5a8b; } /* Reset and base styles */ .diyssd-nav-container * { box-sizing: border-box; margin: 0; padding: 0; } /* Main navigation container */ .diyssd-nav-container { width: 100%; background-color: var(--diyssd-charcoal-050); position: relative; z-index: 1000; font-family: -apple-system, BlinkMacSystemFont, Inter, Roboto, Ubuntu, sans-serif; border-bottom: 1px solid var(--diyssd-charcoal-100); } /* Navigation bar */ .diyssd-nav { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.5rem; max-width: 1400px; margin: 0 auto; } /* Logo */ /* Logo */ .diyssd-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; transition: opacity 0.2s ease; /* Prevent mobile tap highlight */ -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .diyssd-logo:hover { opacity: 0.8; } /* Also prevent outline on focus for logo */ .diyssd-logo:focus { outline: none; } /* But keep focus visible for keyboard navigation accessibility */ .diyssd-logo:focus-visible { outline: 2px solid var(--diyssd-ocean-blue); outline-offset: 2px; border-radius: 4px; } .diyssd-logo img { height: 42px; width: auto; display: block; } /* Desktop menu (hidden on mobile/tablet) */ .diyssd-desktop-menu { display: none; align-items: center; list-style: none; gap: 0; } /* Menu items */ .diyssd-menu-item { position: relative; } /* Menu divider */ .diyssd-menu-divider { width: 1px; height: 20px; background-color: var(--diyssd-charcoal-200); margin: 0 1.25rem; } /* Menu links */ .diyssd-menu-link { display: block; padding: 0.625rem 0.875rem; color: var(--diyssd-charcoal-800); text-decoration: none; font-size: inherit; font-weight: 600; transition: all 0.2s ease; border-radius: 6px; position: relative; } /* Hover state with Ocean Blue */ .diyssd-menu-link:hover { color: var(--diyssd-terracotta); background-color: rgba(45, 90, 123, 0.08); } /* Active state with underline accent */ .diyssd-menu-link.active { color: var(--diyssd-ocean-blue); } .diyssd-menu-link.active::after { content: ""; position: absolute; bottom: 0; left: 0.875rem; right: 0.875rem; height: 2px; background-color: var(--diyssd-terracotta); border-radius: 2px; } /* Dropdown indicator */ .diyssd-menu-link.has-dropdown::after { content: "▾"; margin-left: 0.375rem; font-size: 1.25rem; transition: transform 0.2s ease; display: inline-block; color: var(--diyssd-charcoal-500); } .diyssd-menu-link.has-dropdown:hover::after { color: var(--diyssd-terracotta); } /* Dropdown menu */ .diyssd-dropdown { position: absolute; top: 100%; left: 0; min-width: 200px; background-color: #ffffff; border: 1px solid var(--diyssd-charcoal-100); border-radius: 8px; box-shadow: 0 4px 12px rgba(44, 44, 44, 0.15), 0 0 0 1px rgba(44, 44, 44, 0.05); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.2s ease; margin-top: 0; padding: 0.5rem 0; z-index: 100; pointer-events: none; } /* Show dropdown on hover */ .diyssd-menu-item:hover .diyssd-dropdown { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } /* Rotate arrow on hover */ .diyssd-menu-item:hover .diyssd-menu-link.has-dropdown::after { transform: rotate(180deg); } /* Dropdown links */ .diyssd-dropdown-link { display: block; padding: 0.625rem 1.25rem; color: var(--diyssd-charcoal-700); text-decoration: none; font-size: inherit; transition: all 0.15s ease; position: relative; } .diyssd-dropdown-link:hover { background-color: rgba(45, 90, 123, 0.06); color: var(--diyssd-terracotta); } .diyssd-dropdown-link.active { color: var(--diyssd-terracotta); background-color: rgba(45, 90, 123, 0.08); font-weight: 600; } /* Mobile toggle button (hamburger) */ .diyssd-mobile-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 44px; height: 44px; background: none; border: none; cursor: pointer; padding: 0; position: relative; z-index: 1001; border-radius: 6px; transition: background-color 0.2s ease; } .diyssd-mobile-toggle.active { opacity: 0; pointer-events: none; } .diyssd-mobile-toggle:hover { background-color: rgba(45, 90, 123, 0.08); } .diyssd-mobile-toggle:focus { outline: none; } .diyssd-mobile-toggle:focus-visible { outline: 2px solid var(--diyssd-ocean-blue); outline-offset: 2px; } /* Hamburger icon */ .diyssd-hamburger, .diyssd-hamburger::before, .diyssd-hamburger::after { width: 24px; height: 2px; background-color: var(--diyssd-charcoal-800); border-radius: 2px; transition: all 0.3s ease; position: absolute; } .diyssd-hamburger::before, .diyssd-hamburger::after { content: ""; } .diyssd-hamburger::before { transform: translateY(-7px); } .diyssd-hamburger::after { transform: translateY(7px); } /* Hamburger animation when menu is open */ .diyssd-mobile-toggle.active .diyssd-hamburger { background-color: transparent; } .diyssd-mobile-toggle.active .diyssd-hamburger::before { transform: rotate(45deg); background-color: var(--diyssd-ocean-blue); } .diyssd-mobile-toggle.active .diyssd-hamburger::after { transform: rotate(-45deg); background-color: var(--diyssd-ocean-blue); } /* Mobile menu overlay */ .diyssd-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(44, 44, 44, 0.6); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; backdrop-filter: blur(2px); } .diyssd-mobile-overlay.active { opacity: 1; visibility: visible; } /* Mobile menu panel */ .diyssd-mobile-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--diyssd-charcoal-050); transform: translateX(-100%); transition: transform 0.3s ease; z-index: 1000; overflow-y: auto; border-right: 3px solid var(--diyssd-ocean-blue); } .diyssd-mobile-menu.active { transform: translateX(0); } /* Mobile menu header */ .diyssd-mobile-header { display: flex; justify-content: flex-end; align-items: center; padding: 0.75rem 1rem; border-bottom: 1px solid var(--diyssd-charcoal-200); } /* Mobile close button */ .diyssd-mobile-close { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: none; border: none; font-size: 1.5rem; color: var(--diyssd-charcoal-700); cursor: pointer; border-radius: 6px; transition: all 0.2s ease; } .diyssd-mobile-close:hover { background-color: rgba(199, 82, 42, 0.1); color: var(--diyssd-terracotta); } .diyssd-mobile-close:focus { outline: 2px solid var(--diyssd-ocean-blue); outline-offset: 2px; } /* Mobile navigation content */ .diyssd-mobile-nav { padding: 0.25rem 0; } /* Mobile menu sections */ .diyssd-mobile-section { margin-bottom: 1rem; } /* Mobile section headings with Ocean Blue */ .diyssd-mobile-heading { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--diyssd-ocean-blue); padding: 0.5rem 1rem; margin-bottom: 0.25rem; } /* Mobile divider */ .diyssd-mobile-divider { height: 1px; background-color: var(--diyssd-charcoal-200); margin: 0 1rem 0.25rem 1rem; } /* Mobile links */ .diyssd-mobile-link { display: block; padding: 0.5rem 1rem; color: var(--diyssd-charcoal-700); text-decoration: none; font-size: 0.9375rem; transition: all 0.15s ease; position: relative; border-left: 3px solid transparent; margin-left: 1rem; } .diyssd-mobile-link:hover { background-color: rgba(45, 90, 123, 0.06); color: var(--diyssd-ocean-blue); border-left-color: var(--diyssd-ocean-blue); } .diyssd-mobile-link.active { background-color: rgba(45, 90, 123, 0.08); color: var(--diyssd-ocean-blue); border-left-color: var(--diyssd-terracotta); font-weight: 600; } .diyssd-mobile-link:focus { outline: 2px solid var(--diyssd-ocean-blue); outline-offset: -2px; } .diyssd-mobile-link:focus:not(:focus-visible) { outline: none; } /* ========================================================================== RESPONSIVE BREAKPOINTS ========================================================================== */ /* Mobile: ≤640px - Full width mobile menu */ @media (max-width: 640px) { .diyssd-mobile-menu { width: 100%; } } /* Mobile Landscape: 641-844px - 75% width menu, max 450px */ @media (min-width: 641px) and (max-width: 844px) { .diyssd-mobile-menu { width: 75%; max-width: 450px; } } /* Tablet: 845-1080px - 75% width menu, max 500px */ @media (min-width: 845px) and (max-width: 1080px) { .diyssd-mobile-menu { width: 75%; max-width: 500px; } } /* Desktop: 1081-1280px - Show desktop menu */ @media (min-width: 1081px) { .diyssd-desktop-menu { display: flex; } .diyssd-mobile-toggle { display: none; } .diyssd-logo img { height: 46px; } .diyssd-nav { padding: 1rem 2rem; } /* Desktop typography - medium font-weight */ .diyssd-menu-link { font-weight: 600; } } /* Large Desktop: ≥1281px - Increased padding */ @media (min-width: 1281px) { .diyssd-nav { padding: 1.25rem 2.5rem; } .diyssd-menu-link { padding: 0.75rem 1rem; } .diyssd-menu-divider { margin: 0 1.5rem; } .diyssd-logo img { height: 50px; } } /* Accessibility: Reduced motion support */ @media (prefers-reduced-motion: reduce) { .diyssd-nav-container *, .diyssd-nav-container *::before, .diyssd-nav-container *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* Accessibility: High contrast mode support */ @media (prefers-contrast: high) { .diyssd-nav-container { border-bottom: 2px solid var(--diyssd-charcoal-900); } .diyssd-dropdown { border: 2px solid var(--diyssd-charcoal-900); } } /* Print styles */ @media print { .diyssd-mobile-toggle, .diyssd-mobile-overlay, .diyssd-mobile-menu { display: none; } .diyssd-desktop-menu { display: flex; } }

features benefits product web page | diy ssd

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 speeds up to 2,100MB/s in a durable, compact design. Compatible with multiple platforms including PS5, it offers 1TB to 4TB capacities. Features include hardware encryption, IP55 resistance, and sustained high-speed transfers. While premium-priced, it's ideal for gamers and content creators demanding top performance.

View

About

Privacy

Terms