Ofisbazaar UP Beyaz Fileli Yönetici Koltuğu | Ergonomik Başlıklı Ofis Koltuğu Desenli Gri

/* --- 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 Beyaz Fileli Yönetici 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. Nefes Alabilen File Sırt Terlemeyi önleyen özel file yapısı ile gün boyu ferahlık. Ayarlanabilir Bel Desteği Kişisel oturum konforu sağlayan ergonomik ve ayarlanabilir bel destek sistemi. 28–32 Dansite Gri Sünger Hem dayanıklılık hem de rahatlık sunan yüksek yoğunluklu sünger dolgulu oturum. Çift Kollu Mekanizma Oturma yüksekliği ve sırt açısını kolayca ayarlayabileceğiniz fonksiyonel yapı. Ofisinizde Şıklık Montaj ve İnceleme Videosu 📏 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 mekanizma garantilidir. Özel korumalı kutusunda 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.