Ofisbazaar UP Fileli Yönetici Koltuğu | Ayarlanabilir Başlıklı Ofis Koltuğu Siyah Fileli

/* --- 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-video-wrapper { margin: 60px 0; padding: 0 40px; text-align: center; } .ob-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 900px; margin: 0 auto; border-radius: 12px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15); background: #0f172a; } .ob-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; } .section-header { font-size: 28px; font-weight: 800; color: #0f172a; margin-bottom: 30px; letter-spacing: -0.5px; } .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; } .ob-video-wrapper { padding: 0 20px; } } Özellikler Video Teknik Veri Garanti & Bakım UP Fileli Yönetici Koltuğu Modern Tasarım, Maksimum Konfor Ayarlanabilir Başlık 16-23 cm arasında ayarlanabilen başlık yapısı boyun desteği sağlar. Ayarlanabilir Sırt Desteği Vücut ergonominize tam uyum sağlayan özel ayarlı sırt mekanizması. 2D Hareketli Kolçaklar Yükseklik ve açı ayarı ile omuzlardaki yükü hafifletir. Çift Kollu Mekanizma Oturma yüksekliği ve sırt eğimi birbirinden bağımsız kontrol edilir. Krom Yıldız Ayak 65 cm çapında sağlam krom ayak ve sessiz tekerlekler. Ofisinizde Şıklık MONTAJ REHBERİ 📏 Teknik Ölçüler ve Detaylar Üretim Yeri Türkiye Oturma Yüksekliği 50 – 58 cm Genel Yükseklik 115 – 130 cm Sırt Yüksekliği 70 – 75 cm Başlık Yüksekliği 16 – 23 cm Kolçak Yüksekliği 18 cm Genişlik 55 cm Derinlik 50 cm Ayak Çapı 65 cm Taşıma Kapasitesi 120 kg Sünger Yoğunluğu 28–32 Dansite 📦 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.