Corsair CORSAIR 16GB Vengeance 6000MHz CL36 DDR5 XMP/EXPO Single Kit Ram

* { box-sizing: border-box; margin: 0; padding: 0; } .zproduct-section { max-width: 1400px; margin: 0 auto; padding: 40px 20px 60px; background-color: #00273a; border-radius: 25px; } .zproduct-title { text-align: center; color: #ffffff; margin-bottom: 40px; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); } .zproduct-title h2 { font-size: 25px; margin-bottom: 10px; } .zproduct-title p { font-size: 16px; max-width: 700px; margin: 0 auto; } .zrow { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 50px; background-color: #ffffff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); } /* Resim alanı */ .zrow-image { flex: 1; min-width: 0; } .zrow-image img { width: 100%; height: 285px; /* desktop sabit yükseklik */ display: block; border-radius: 22px; object-fit: cover; /* desktopta cover kalsın */ } /* Açıklama alanı */ .zrow-content { flex: 1.2; min-width: 0; } .zrow-content h2 { font-size: 22px; margin-bottom: 10px; color: #222; } .zrow-content p { font-size: 15px; line-height: 1.6; margin-bottom: 8px; color: #444; } /* Sağda resim, solda açıklama için ters çevirme */ .zrow.reverse { flex-direction: row-reverse; } /* ✅ Mobil uyum */ @media (max-width: 768px) { .zrow { flex-direction: column; padding: 18px; /* mobilde kart padding biraz küçülsün */ } .zrow.reverse { flex-direction: column; } .zproduct-title h2 { font-size: 22px; } /* ✅ Mobilde görsel tam görünsün, kırpılmasın */ .zrow-image { width: 100%; } .zrow-image img { height: auto; /* sabit yükseklik kalktı */ max-height: 360px; /* çok uzamasın diye üst limit (istersen sileriz) */ object-fit: contain; /* kırpma yok */ background: #000; /* boşluk kalırsa siyah */ } }