/* --- OFISBAZAAR OCEAN STYLE --- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; background-color: #ffffff; font-family: 'Inter', sans-serif; color: #334155; line-height: 1.6; }
.ob-adv-wrapper { max-width: 1000px; margin: 0 auto; background: #ffffff; position: relative; min-height: 100vh; box-shadow: 0 0 40px rgba(0,0,0,0.03); border-left: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; }
.ob-adv-wrapper img { max-width: 100%; height: auto; display: block; }
.ob-sticky-nav { position: sticky; top: 0; background: rgba(255, 255, 255, 0.98); padding: 15px 0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); z-index: 100; display: flex; justify-content: center; gap: 30px; border-bottom: 1px solid #e2e8f0; backdrop-filter: blur(8px); }
.ob-nav-link { text-decoration: none; color: #64748b; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; padding: 8px 12px; border-radius: 6px; transition: all 0.3s ease; }
.ob-nav-link:hover { color: #0284c7; background: #e0f2fe; }
#ob-ozellikler, #ob-teknik { scroll-margin-top: 80px; }
.ob-hero-banner { position: relative; height: 400px; margin-bottom: 0; display: flex; align-items: flex-end; justify-content: flex-start; overflow: hidden; }
.ob-hero-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.ob-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.2)); z-index: 2; }
.ob-hero-content { position: relative; z-index: 3; color: #fff; padding: 40px; width: 100%; }
.ob-hero-title { font-size: 38px; font-weight: 800; margin: 0 0 5px 0; letter-spacing: -1px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.ob-hero-subtitle { font-size: 18px; color: #bae6fd; font-weight: 400; margin: 0; text-transform: uppercase; letter-spacing: 2px; }
.ob-section { display: flex; align-items: center; gap: 50px; padding: 60px 40px; border-bottom: 1px solid #f1f5f9; }
.ob-section:last-of-type { border-bottom: none; }
.ob-section:nth-child(odd) { background-color: #fff; }
.ob-section:nth-child(even) { flex-direction: row-reverse; background-color: #f8fafc; }
.ob-text-col { flex: 1; }
.ob-img-col { flex: 0 0 350px; display: flex; justify-content: center; align-items: center; }
.ob-image-card { width: 100%; height: 260px; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; position: relative; background-color: #fff; display: flex; align-items: center; justify-content: center; }
.ob-section:hover .ob-image-card { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15); }
.ob-card-img { width: 100%; height: 100%; object-fit: contain; object-position: center; transition: transform 0.5s ease; padding: 10px; }
.ob-section:hover .ob-card-img { transform: scale(1.05); }
.ob-feat-title { font-size: 24px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.ob-feat-title::before { content: ''; display: block; width: 6px; height: 24px; background: #0284c7; border-radius: 4px; }
.ob-feat-desc { color: #475569; font-size: 16px; margin: 0; line-height: 1.7; }
.ob-env-image-wrapper { padding: 40px 40px 0 40px; margin-bottom: 20px; }
.ob-env-image { width: 100%; height: auto; border-radius: 16px; display: block; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }
.ob-accordion-wrapper { max-width: 850px; margin: 0 auto 60px; padding: 0 20px; }
.ob-spec-table { width: 100%; border-collapse: collapse; font-size: 15px; border: 1px solid #e2e8f0; }
.ob-spec-table tr { border-bottom: 1px solid #e2e8f0; }
.ob-spec-table tr:last-child { border-bottom: none; }
.ob-spec-table td { padding: 14px 20px; }
.ob-spec-table td:first-child { font-weight: 600; color: #1e293b; width: 40%; background-color: #f1f5f9; border-right: 1px solid #e2e8f0; }
.ob-spec-table td:last-child { color: #334155; background: #fff; }
details { background: #fff; margin-bottom: 15px; border-radius: 8px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
summary { padding: 18px 25px; font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #0f172a; background: #fff; transition: background 0.2s; }
summary:hover { background: #f8fafc; }
summary::-webkit-details-marker { display: none; }
summary::after { content: '+'; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #94a3b8; font-size: 14px; transition: transform 0.3s; }
details[open] summary::after { content: '-'; color: #0284c7; transform: rotate(180deg); }
details[open] summary { border-bottom: 1px solid #e2e8f0; color: #0284c7; }
.ob-details-content { padding: 25px; background: #fff; line-height: 1.6; color: #475569; }
@media (max-width: 768px) {
.ob-hero-banner { height: 300px; } .ob-hero-title { font-size: 28px; }
.ob-section { flex-direction: column !important; text-align: left; gap: 20px; padding: 40px 25px; }
.ob-img-col { flex: auto; width: 100%; margin-top: 10px;} .ob-image-card { height: 220px; }
.ob-sticky-nav { overflow-x: auto; justify-content: flex-start; padding: 15px 20px; white-space: nowrap; }
.ob-feat-title { justify-content: flex-start; }
.ob-env-image-wrapper { padding: 20px; }
}
Özellikler Teknik Veri Garanti & Bakım
Ocean Premium Yönetici Koltuğu
Yeni Nesil Yönetici Konforu
Ayarlanabilir Başlık
15 cm yüksekliğindeki ayarlanabilir başlık sistemi, uzun çalışma saatlerinde boyun bölgesini destekleyerek konforunuzu artırır.
Yüksek Sırt ve Bel Desteği
Özel bel destek mekanizması ve omurga yapısına uygun yüksek sırt tasarımı, duruş bozukluklarını önlemeye yardımcı olur.
Hareketli Kol Sistemi-3D
Aşağı–yukarı ve ileri–geri hareket edebilen kolçaklar, masa yüksekliğinize göre en ideal pozisyonu bulmanızı sağlar.
Çift Kollu Mekanizma
Senkronize hareket sağlayan çift kollu mekanizma ile oturma ve sırt açısını vücut ağırlığınıza göre dengeleyin.
Premium Oturma Süngeri
Yüksek yoğunluklu dökme sünger yapısı, çökmeye karşı dirençlidir ve uzun yıllar ilk günkü konforu sunar.
Krom Yıldız Ayak
Paslanmaya karşı dayanıklı ve estetik krom yıldız ayak, ofisinize modern ve prestijli bir hava katar.
Ofisinizde Şıklık
📏 Teknik Ölçüler ve Detaylar
Üretim Yeri
Çin
Oturma Yüksekliği
65 – 73 cm
Genel Yükseklik
121 – 130 cm
Sırt Yüksekliği
80 cm
Başlık Yüksekliği
15 cm
Kolçak Yüksekliği
20 – 27 cm
Genişlik
57 cm
Derinlik
51 cm
Ayak Çapı
60 cm
Taşıma Kapasitesi
120 kg
Garanti
24 Ay
📦 Kargo ve Garanti
Ürünümüz 24 Ay garantilidir. Darbe emici özel korumalı kutusunda, kurulum şeması ile birlikte demonte olarak gönderilir.
🧼 Temizlik ve Bakım
Temizlik için hafif nemli mikrofiber bir bez kullanılması önerilir. Ağartıcı, alkol veya sert kimyasal temizleyiciler yüzeye zarar verebileceğinden kullanılmamalıdır.