/* --- 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; 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
Dali Fileli Yönetici Koltuğu
Ergonomik Yapı, Modern Tasarım
Hareketli Başlık
Yüksekliği ayarlanabilir hareketli başlık, boyun desteğini tamamlayarak doğru oturma pozisyonunu destekler.
Fileli Sırt Tasarımı
Hava dolaşımını artırarak terlemeyi önler, uzun süreli kullanımda ferahlık sağlar.
28–32 Dansite Sünger
Yüksek yoğunluklu sünger dolgusu, uzun süreli oturumlarda maksimum konfor sunar.
Ayarlanabilir Bel Desteği
Vücut yapınıza uygun olarak ayarlanabilen bel desteği ile kişisel konforu en üst seviyeye taşır.
Çift Kollu Mekanizma
Sırt açısı ve yükseklik bağımsız ayarlanabilir, ergonomik oturum desteği sağlar.
Metal Ayak
Dayanıklılık sağlarken zarif beyaz fileli tasarımıyla şıklığı ve ergonomiyi bir araya getirir.
Ofisinizde Şıklık
📏 Teknik Ölçüler ve Detaylar
Üretim Yeri
Türkiye
Oturma Yüksekliği
50 – 60 cm
Genel Yükseklik
121 – 136 cm
Sırt Yüksekliği
75 – 80 cm
Başlık Yüksekliği
19 – 24 cm
Kolçak Yüksekliği
20 cm
Genişlik
57 cm
Derinlik
50 cm
Ayak Çapı
65 cm
Taşıma Kapasitesi
110 kg
📦 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.