@charset "UTF-8";

/* Işık Atlası: ikinci tema. Bu dosyadaki bütün kurallar temaya kapsamlıdır. */
:root[data-ob-tema="ob_isik_atlasi"]{--ob_atlas_zemin:#12161c;--ob_atlas_panel:#1b2129;--ob_atlas_metin:#f3f5f7;--ob_atlas_soluk:#a9b3bf;--ob_atlas_cizgi:#353d47;--ob_atlas_sari:#ffd434;--ob_atlas_yumusak:#171c23}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk="acik"]{--ob_atlas_zemin:#fff;--ob_atlas_panel:#f3f5f7;--ob_atlas_metin:#141920;--ob_atlas_soluk:#5d6570;--ob_atlas_cizgi:#dce1e6;--ob_atlas_yumusak:#f7f8fa}
:root[data-ob-tema="ob_isik_atlasi"] body{background:var(--ob_atlas_zemin);color:var(--ob_atlas_metin)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_kapsayici{width:min(100% - 80px,1440px)!important}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_ana{font-family:Arial,Helvetica,sans-serif}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_etiket{display:inline-flex;align-items:center;gap:12px;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.13em;color:var(--ob_atlas_soluk)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_etiket i{height:8px;width:8px;background:var(--ob_atlas_sari)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_dugme{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:0 24px;border:1px solid transparent;background:var(--ob_atlas_sari);color:#12161c;font-size:14px;line-height:1.3;font-weight:700;text-decoration:none;transition:background .18s,translate .18s}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_dugme:hover{background:#ffe16c;translate:0 -2px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_dugme .ob_ikon{width:20px;height:20px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_metin_bagi{display:inline-flex;align-items:center;gap:15px;color:var(--ob_atlas_metin);font-size:14px;font-weight:700;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--ob_atlas_cizgi)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_metin_bagi:hover{border-color:var(--ob_atlas_sari)}

/* Vitrin: metin okunurluğu fotoğrafın parlaklığından bağımsızdır. */
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin{position:relative;background:var(--ob_atlas_zemin);touch-action:pan-y;overflow:hidden}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sahneler{position:relative;height:580px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_slayt{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_slayt.ob_aktif{opacity:1;visibility:visible;pointer-events:auto}
:root[data-ob-tema="ob_isik_atlasi"] .ob_slayt_etkilesildi .ob_atlas_slayt{transition:opacity .4s ease,visibility .4s}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_slayt_ici{height:100%;display:flex;align-items:center;position:relative;z-index:2;pointer-events:none}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_metin{width:44%;max-width:550px;padding:38px 26px 32px 0;pointer-events:auto}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_baslik{font-family:ob_montserrat,Arial,sans-serif;font-size:clamp(56px,4.7vw,80px);font-weight:800;line-height:1.04;letter-spacing:-.055em;max-width:510px;margin:26px 0 24px;color:var(--ob_atlas_metin);text-transform:none}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_metin>p{max-width:425px;margin:0;color:var(--ob_atlas_soluk);font-size:16px;line-height:1.75}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_eylemler{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_eylemler .ob_atlas_metin_bagi{font-size:13px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_alt{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--ob_atlas_soluk);margin-top:40px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_alt i{width:3px;height:3px;background:var(--ob_atlas_soluk)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_foto{position:absolute;inset:0 0 0 auto;width:55%;overflow:hidden;background:#080c11;border-left:5px solid var(--ob_atlas_sari)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_foto>img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:none;display:block}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,8,14,.72));pointer-events:none}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not{position:absolute;left:36px;right:36px;bottom:30px;z-index:1;display:flex;align-items:center;gap:18px;color:#fff;border-top:1px solid #ffffff50;padding-top:19px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not>span{font-family:ob_montserrat,Arial,sans-serif;font-size:34px;font-weight:800;color:#ffd434;letter-spacing:-.07em}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not>div{display:flex;flex-direction:column;gap:6px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not small{font-size:9px;color:#d1d5dd;letter-spacing:.15em}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not strong{font-size:15px;font-weight:600}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not>i{font-style:normal;font-size:36px;font-weight:400;margin-left:auto}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_bos{padding:80px 0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_bos h1{font-size:64px;margin:24px 0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kontrol_cerceve{background:var(--ob_atlas_yumusak);border-block:1px solid var(--ob_atlas_cizgi)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kontroller{display:grid;grid-template-columns:250px minmax(0,1fr) 104px;align-items:center;gap:30px;height:82px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sayac{display:flex;align-items:center;gap:8px;white-space:nowrap}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sayac strong{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sayac>span{font-size:13px;color:var(--ob_atlas_soluk)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sayac small{border-left:1px solid var(--ob_atlas_cizgi);padding-left:16px;margin-left:10px;font-size:9px;letter-spacing:.08em;color:var(--ob_atlas_soluk)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secimler{display:flex;align-self:stretch;min-width:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim{display:flex;align-items:center;flex:1;gap:14px;min-width:0;border:0;border-left:1px solid var(--ob_atlas_cizgi);border-bottom:3px solid transparent;background:transparent;padding:0 22px;color:var(--ob_atlas_soluk);text-align:left;transition:background .18s,color .18s}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim small{font-size:10px;font-variant-numeric:tabular-nums}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim>span{font-size:14px;font-weight:700}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim .ob_ikon{margin-left:auto;width:15px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim[aria-pressed="true"]{color:var(--ob_atlas_metin);border-bottom-color:var(--ob_atlas_sari);background:var(--ob_atlas_panel)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim:hover{color:var(--ob_atlas_metin);background:var(--ob_atlas_panel)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oklar{display:flex;gap:8px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oklar button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ob_atlas_cizgi);background:transparent;color:var(--ob_atlas_metin);transition:background .18s,border-color .18s}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oklar button:hover:not(:disabled){background:#ffd434;border-color:#ffd434;color:#12161c}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oklar button:disabled{opacity:.35;cursor:default}

/* Tek bantta araç eşleştirmesi ve OEM araması. */
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu{background:#181e26;color:#fff;padding:34px 0 0;scroll-margin-top:20px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_ici{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:center;gap:36px;padding-bottom:30px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu .ob_atlas_etiket{font-size:9px;color:#ffd434;letter-spacing:.1em}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris h2{font-family:ob_montserrat,Arial,sans-serif;font-size:25px;line-height:1.15;letter-spacing:-.04em;margin:12px 0 10px;font-weight:700}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris p{font-size:13px;line-height:1.5;color:#b6c0cb;margin:0;max-width:250px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_arac_formu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end;min-width:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_arac_formu label{display:flex;flex-direction:column;gap:10px;min-width:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_arac_formu label>span{font-size:12px;color:#d3d9e1}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_arac_formu select{width:100%;min-width:0;height:54px;padding:0 12px;border:1px solid #4f5965;border-radius:0;background:#252d37;color:#fff;box-shadow:none;font-size:13px;color-scheme:dark}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_arac_formu select option{color:#fff;background:#252d37}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_arac_formu .ob_atlas_dugme{padding:0 18px;gap:20px;white-space:nowrap}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri{border-top:1px solid #3c4652;min-height:76px;display:grid;grid-template-columns:290px minmax(0,1fr) auto;align-items:center;gap:36px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri>span{display:flex;align-items:center;gap:10px;font-size:12px;color:#bdc7d2}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri .ob_simge{width:17px;height:17px;filter:invert(1)!important;opacity:.8}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri form{display:flex;align-items:center;max-width:580px;min-width:0;border-bottom:1px solid #697786}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri input{width:100%;min-width:0;border:0;background:transparent;color:#fff;height:43px;font-size:13px;padding:0 10px 0 0;border-radius:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri input::placeholder{color:#bac5d1;opacity:1}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri button{display:flex;align-items:center;justify-content:center;gap:15px;flex-shrink:0;background:transparent;color:#ffd434;border:0;padding:12px 5px;font-size:12px;font-weight:700}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri>a{font-size:12px;display:flex;gap:18px;align-items:center;color:#e9edf2;padding:15px 0}

/* Kategori koleksiyonu ve ürün seçkisi. */
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategoriler{padding-block:72px 66px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bolum_baslik{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:30px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bolum_baslik h2{font-family:ob_montserrat,Arial,sans-serif;font-size:clamp(28px,2.7vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.045em;margin:13px 0 0;color:var(--ob_atlas_metin)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bolum_baslik p{font-size:15px;color:var(--ob_atlas_soluk);line-height:1.6;margin:13px 0 0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bolum_baslik>.ob_atlas_metin_bagi{flex-shrink:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori{min-width:0;display:block;color:var(--ob_atlas_metin)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_foto{position:relative;overflow:hidden;background:#171c24;aspect-ratio:1.1}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_foto img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_foto small{position:absolute;top:12px;left:12px;background:#141920d9;color:#fff;font-size:10px;padding:6px 8px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi{position:relative;border-bottom:1px solid var(--ob_atlas_cizgi);padding:18px 23px 18px 0;min-height:90px;transition:border-color .18s}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi h3{font-size:16px;line-height:1.3;font-weight:700;margin:0 0 7px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi p{font-size:11px;line-height:1.5;color:var(--ob_atlas_soluk);margin:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi .ob_ikon{position:absolute;right:0;top:20px;width:15px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori:hover img{transform:scale(1.05)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori:hover .ob_atlas_kategori_yazi{border-color:#e0ad00}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler{padding:62px 0 72px!important;margin:0;background:var(--ob_atlas_panel)!important;color:var(--ob_atlas_metin)!important;border-block:1px solid var(--ob_atlas_cizgi)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_urunler::before,:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_urunler::after{display:none!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler>.ob_kapsayici{display:block!important}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_urunler .ob_atlas_bolum_baslik{width:100%}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_urun_baslik_sag{display:flex;align-items:center;gap:24px;flex-shrink:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_ornek_not{font-size:11px;color:var(--ob_atlas_soluk);margin:0 0 15px}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 60px)/4)!important;gap:20px!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0!important;padding:0 0 15px!important;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aab3be transparent}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_karti{min-width:0!important;min-height:0!important;border-radius:0!important;border:1px solid var(--ob_atlas_cizgi)!important;box-shadow:none!important;background:var(--ob_atlas_zemin)!important;color:var(--ob_atlas_metin)!important;scroll-snap-align:start;transition:border-color .2s}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_karti:hover{border-color:#cc9e00!important;transform:none!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_karti::before,:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_karti::after{display:none!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_gorsel{display:block;height:220px!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_gorsel img{width:100%;height:100%;object-fit:contain!important;padding:12px!important;filter:none!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_bilgi{padding:23px!important;background:var(--ob_atlas_zemin)!important;color:var(--ob_atlas_metin)!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_uretici{color:var(--ob_atlas_soluk)!important;font-size:10px!important;letter-spacing:.11em;font-weight:700!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_karti h3{margin:9px 0 10px!important;min-height:48px!important;font:700 19px/1.3 Arial,sans-serif!important;color:var(--ob_atlas_metin)!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_uyumluluk{font-size:12px!important;line-height:1.65!important;color:var(--ob_atlas_soluk)!important;margin:0 0 8px!important;min-height:40px}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_uyumluluk>span{display:block}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_oem{font-size:10px!important;color:var(--ob_atlas_soluk)!important;overflow-wrap:anywhere;margin:0 0 13px!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_stok{font-size:11px!important;margin:0 0 8px!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_stok_var{color:#298455!important}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk="koyu"] body .ob_atlas_urunler .ob_stok_var{color:#74d79b!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_fiyat{font:700 27px/1.3 Arial,sans-serif!important;letter-spacing:-.04em;color:var(--ob_atlas_metin)!important;margin:0 0 18px!important;display:block}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_ekle{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;min-height:46px!important;border:1px solid var(--ob_atlas_cizgi)!important;background:var(--ob_atlas_panel)!important;color:var(--ob_atlas_metin)!important;border-radius:0!important;font-size:12px!important;font-weight:700!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_ekle:hover:not(:disabled){background:#ffd434!important;border-color:#ffd434!important;color:#12161c!important}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk="koyu"] body .ob_atlas_urunler .ob_urun_ekle .ob_simge{filter:invert(1)!important}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk="acik"] body .ob_atlas_urunler .ob_urun_ekle .ob_simge,
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_ekle:hover:not(:disabled) .ob_simge{filter:none!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_ekle:disabled{opacity:.45}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_favori_dugme{top:12px!important;right:12px!important;width:36px!important;height:36px!important;padding:9px!important;background:#fff!important;border:0!important;border-radius:0!important;filter:none!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_favori_dugme[aria-pressed="true"]{background:#ffd434!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_favori_dugme .ob_simge{filter:none!important;width:18px;height:18px}

/* Atölye: fotoğraf ve işçilik rehberi tek kompozisyonda. */
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye{background:#10161d;color:#fff;padding:76px 0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_ici{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:center}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_foto{min-width:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye .ob_atolye_ana{height:535px;min-height:535px;border:0!important}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye .ob_atolye_ana_alt strong{font-size:34px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_tekrar{display:block;background:transparent;border:0;border-bottom:1px solid #45515e;color:#c5ced8;padding:14px 0 10px;font-size:11px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_tekrar:hover{color:#ffd434;border-color:#ffd434}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_metin .ob_atlas_etiket{color:#ffd434}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_metin h2{font-family:ob_montserrat,Arial,sans-serif;font-size:clamp(34px,3.4vw,50px);font-weight:700;line-height:1.12;letter-spacing:-.045em;margin:22px 0 20px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_metin h2 em{font-style:normal;color:#ffd434}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_metin>p{color:#bbc6d2;font-size:15px;line-height:1.75;margin:0 0 22px;max-width:440px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_hizmetler{margin:0 0 28px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_hizmetler a{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:52px;padding-block:10px;border-bottom:1px solid #3a4552;color:#f3f6f9;font-size:13px;line-height:1.4}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_hizmetler small{font-size:10px;color:#9aa8b8}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_hizmetler a:hover{color:#ffd434;border-color:#ffd434}

/* Gerçek logo varlıkları ve mevcut kaydırıcı davranışı. */
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_markalar{padding:68px 0 72px;background:var(--ob_atlas_zemin)}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_kontrol{display:flex;gap:20px;align-items:center;flex-shrink:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_kontrol>span{font-size:12px;color:var(--ob_atlas_soluk);font-variant-numeric:tabular-nums}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_iz{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_iz::-webkit-scrollbar{display:none}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_marka_iz .ob_marka_kart{display:grid!important;place-items:center;height:120px!important;min-width:0!important;min-height:0!important;padding:23px!important;border:1px solid #dce1e6!important;background:#fff!important;border-radius:0!important;scroll-snap-align:start}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_marka_iz .ob_marka_kart img{width:100%!important;height:52px!important;max-width:155px!important;max-height:52px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_ilerleme{height:2px;background:var(--ob_atlas_cizgi);margin-top:20px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_ilerleme span{display:block;width:50%;height:100%;background:#d7ac16;transition:width .2s}

/* Üst ve alt alanlar bütün tema sayfalarında aynı görünür. */
:root[data-ob-tema="ob_isik_atlasi"] body .ob_site_baslik{grid-template-columns:minmax(40px,1fr) minmax(0,1440px) minmax(40px,1fr)!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_site_baslik .ob_baslik_ici{width:100%!important;margin:0!important}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk="acik"]{--ob_etk_metin:#141920;--ob_etk_soluk:#606b77;--ob_etk_alan:#fff;--ob_etk_cizgi:#dce1e6;--ob_etk_panel:#fff;--ob_etk_ray:#f3f5f7;--ob_gez_zemin:#fff;--ob_gez_metin:#141920;--ob_gez_uzer:#f0f3f6;--ob_gez_cizgi:#dce1e6}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk="koyu"]{--ob_etk_metin:#f3f5f7;--ob_etk_soluk:#b2bfcd;--ob_etk_alan:#252d37;--ob_etk_cizgi:#4f5965;--ob_etk_panel:#1b2129;--ob_etk_ray:#252d37;--ob_gez_zemin:#181e26;--ob_gez_metin:#f3f5f7;--ob_gez_uzer:#252d37;--ob_gez_cizgi:#39434e}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_site_baslik>.ob_ana_gezinti{box-shadow:none!important}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk="koyu"] body .ob_site_baslik .ob_arama_arac .ob_simge{filter:invert(1)!important}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk="acik"] body .ob_site_baslik .ob_arama_arac .ob_simge{filter:none!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_altbilgi{background:#11171e!important;color:#f4f7fa!important;padding-top:50px!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_altbilgi .ob_alt_cagri{display:none!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_altbilgi h3{color:#e6ecf2!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_altbilgi p,:root[data-ob-tema="ob_isik_atlasi"] body .ob_altbilgi a:not(.ob_marka),:root[data-ob-tema="ob_isik_atlasi"] body .ob_alt_son{color:#aab8c7!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_altbilgi a:hover{color:#ffd434!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_altbilgi .ob_kf_alt_marka img{filter:url(#ob_kf_logo_koyu)!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_alt_bulten{border-color:#3b4653!important;background:transparent!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_alt_bulten_yazi strong{color:#fff!important}
:root[data-ob-tema="ob_isik_atlasi"] body .ob_alt_bulten_yazi small{color:#aab8c7!important}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk] body .ob_altbilgi .ob_alt_bulten .ob_bulten_formu input{background:#232d38!important;color:#fff!important;border-color:#536171!important}
:root[data-ob-tema="ob_isik_atlasi"][data-ob-renk] body .ob_altbilgi .ob_alt_bulten .ob_bulten_formu input::placeholder{color:#bbc7d5!important}

@media(min-width:1900px){:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sahneler{height:620px}}
@media(max-width:1200px){
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_metin{width:45%;padding-right:22px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_baslik{font-size:58px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kontroller{grid-template-columns:110px minmax(0,1fr) 96px;gap:20px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sayac small{display:none}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim{padding-inline:15px;gap:10px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_ici{grid-template-columns:1fr;gap:24px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:center}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris .ob_atlas_etiket{grid-column:1}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris h2{grid-column:1;margin-bottom:0}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris p{grid-row:1/3;grid-column:2;max-width:360px;justify-self:end}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri{grid-template-columns:230px minmax(0,1fr) auto;gap:20px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_foto{aspect-ratio:1.65}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi{min-height:77px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_ici{gap:38px}
}
@media(max-width:1000px){
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_site_baslik{grid-template-columns:24px minmax(0,1fr) 24px!important}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_kapsayici{width:calc(100% - 48px)!important}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sahneler{height:570px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_baslik{font-size:52px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_metin>p{font-size:14px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_eylemler{gap:8px;margin-top:23px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_alt{margin-top:27px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim .ob_ikon{display:none}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri{grid-template-columns:210px minmax(0,1fr)}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri>a{display:none}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_grid{grid-auto-columns:calc((100% - 40px)/3)!important}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_bilgi{padding:18px!important}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_ici{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_metin h2{font-size:36px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_iz{grid-auto-columns:calc((100% - 32px)/3)}
}
@media(max-width:760px){
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_site_baslik{grid-template-columns:16px minmax(0,1fr) 16px!important}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_kapsayici{width:calc(100% - 32px)!important}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sahneler{height:640px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_slayt_ici{align-items:flex-start}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_metin{width:100%;max-width:100%;padding:32px 0 0}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_metin .ob_atlas_etiket{font-size:9px;gap:9px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_baslik{font-size:clamp(40px,8.5vw,55px);max-width:490px;margin:17px 0 15px;line-height:1.06}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_metin>p{font-size:13px;line-height:1.6;max-width:490px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_eylemler{margin-top:20px;gap:20px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_eylemler .ob_atlas_dugme{min-height:46px;padding:0 16px;font-size:12px;gap:15px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_eylemler .ob_atlas_metin_bagi{font-size:12px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_alt{display:none}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_foto{inset:auto 0 0;width:100%;height:310px;border-left:0;border-top:4px solid #ffd434}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_foto>img{object-position:68% 54%}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not{left:20px;right:20px;bottom:20px;padding-top:12px;gap:14px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not>span{font-size:26px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not small{font-size:8px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not strong{font-size:13px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_foto_not>i{font-size:28px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kontroller{grid-template-columns:1fr 90px;gap:0;height:auto;padding-top:13px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sayac{grid-row:1;grid-column:1}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sayac strong{font-size:21px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sayac small{display:block;font-size:8px;padding-left:12px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kontroller>.ob_atlas_oklar{grid-row:1;grid-column:2;justify-self:end}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oklar button{height:38px;width:38px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secimler{grid-row:2;grid-column:1/-1;height:64px;margin-top:10px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim{padding:0 8px;gap:7px;justify-content:center}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim:first-child{border-left:0}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim small{font-size:9px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim>span{font-size:11px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu{padding-top:28px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris{display:block}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris h2{font-size:25px;margin:12px 0 10px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bulucu_giris p{max-width:100%}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_arac_formu{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_arac_formu .ob_atlas_dugme{grid-column:1/-1;justify-content:center;margin-top:3px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri{grid-template-columns:1fr;gap:8px;padding:20px 0 24px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_oem_satiri form{max-width:100%}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bolum_baslik{display:block;margin-bottom:25px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bolum_baslik h2{font-size:28px;line-height:1.2;max-width:450px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_bolum_baslik>.ob_atlas_metin_bagi{font-size:12px;margin-top:12px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategoriler{padding-block:46px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_foto{aspect-ratio:1.18}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi{padding:14px 16px 14px 0;min-height:80px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi h3{font-size:14px;margin-bottom:6px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi p{font-size:10px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_kategori_yazi .ob_ikon{top:16px;width:13px}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler{padding:42px 0!important}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_urun_baslik_sag{justify-content:space-between;margin-top:18px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_urun_baslik_sag>.ob_atlas_metin_bagi{font-size:12px}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_grid{grid-auto-columns:calc((100% - 20px)/2)!important}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_gorsel{height:190px!important}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye{padding:42px 0}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_ici{grid-template-columns:1fr;gap:34px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye .ob_atolye_ana{height:400px;min-height:400px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye .ob_atolye_ana_alt strong{font-size:28px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_metin h2{font-size:36px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_atolye_metin>p{font-size:14px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_markalar{padding:45px 0}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_kontrol{justify-content:space-between;margin-top:23px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_marka_iz{grid-auto-columns:calc((100% - 16px)/2)}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_marka_iz .ob_marka_kart{height:105px!important;padding:20px!important}
}
@media(max-width:480px){
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_grid{grid-auto-columns:88%!important;gap:14px!important}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_gorsel{height:235px!important}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_karti h3{min-height:0!important;font-size:20px!important}
  :root[data-ob-tema="ob_isik_atlasi"] body .ob_atlas_urunler .ob_urun_bilgi{padding:22px!important}
}
@media(max-width:360px){
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_sahneler{height:660px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_baslik{font-size:38px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_eylemler{gap:10px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_vitrin_eylemler .ob_atlas_metin_bagi{font-size:11px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_secim small{display:none}
}
@media(prefers-reduced-motion:reduce){:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_ana *,:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_ana *::before,:root[data-ob-tema="ob_isik_atlasi"] .ob_atlas_ana *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}