@charset "UTF-8";

/* Kartal Far / Optik hat: keskin geometri, sıcak sarı ve fotoğraf odaklı vitrin. */
:root{--ob_imza_sari:#ffd43d;--ob_imza_karbon:#101819;--ob_imza_cizgi:#354143}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI Variable","Segoe UI",system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,select,input{font:inherit}

/* Üst alan bütün kiplerde aynı güçlü marka zemini üzerinde kalır. */
.ob_ust_serit{background:#0b1112!important}
.ob_ust_serit_ici>.ob_ust_guven{background:var(--ob_imza_sari);color:#14191a}
.ob_ust_serit_ici>.ob_ust_soz{background:#e7e9e6;color:#48504f;font-weight:800;letter-spacing:.11em}
.ob_ust_baglar a{color:#d6ddda}
.ob_ust_baglar a:hover{color:var(--ob_imza_sari)}
:root[data-ob-renk="acik"] .ob_site_baslik,
:root[data-ob-renk="koyu"] .ob_site_baslik{height:88px;min-height:88px;background:#121b1d!important;border-bottom:1px solid #475355;color:#fff!important}
.ob_baslik_ici{width:min(100% - 56px,1400px);height:88px!important;grid-template-columns:minmax(360px,1fr) auto minmax(290px,1fr)!important;gap:26px!important}
:root[data-ob-renk="acik"] .ob_site_baslik .ob_ana_gezinti,
:root[data-ob-renk="koyu"] .ob_site_baslik .ob_ana_gezinti{background:transparent!important;color:#fff!important;border:0!important}
.ob_baslik_ici>.ob_ana_gezinti,.ob_baslik_ici .ob_gezinti_ici{height:88px}
.ob_baslik_ici .ob_kategori_menu summary,
.ob_baslik_ici .ob_kategori_menu[open] summary{height:46px;min-width:132px;padding:0 14px;border:1px solid var(--ob_imza_sari)!important;background:var(--ob_imza_sari)!important;color:#101819!important;font-size:12px;font-weight:850}
.ob_baslik_ici .ob_kategori_menu summary:hover{background:#ffe373!important;color:#101819!important}
:root[data-ob-renk="koyu"] .ob_baslik_ici .ob_kategori_menu summary,
:root[data-ob-renk="koyu"] .ob_baslik_ici .ob_kategori_menu[open] summary{color:#101819!important}
.ob_baslik_ici .ob_kategori_menu summary .ob_ikon:last-child{display:block;width:12px;height:12px}
.ob_baslik_ici .ob_gezinti_baglar{gap:16px}
.ob_baslik_ici .ob_gezinti_baglar a,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_gezinti_baglar a,
:root[data-ob-renk="koyu"] .ob_baslik_ici .ob_gezinti_baglar a{position:relative;color:#e1e8e4!important;font-size:12px;font-weight:700}
.ob_baslik_ici .ob_gezinti_baglar a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--ob_imza_sari);transition:right .25s ease}
.ob_baslik_ici .ob_gezinti_baglar a:hover::after{right:0}
.ob_baslik_ici .ob_yeni_marka{display:inline-flex;align-items:center;gap:11px;min-width:0}
.ob_yeni_marka .ob_imza_simge,.ob_alt_marka .ob_imza_simge{display:block;flex:none;width:44px!important;height:44px!important;object-fit:contain;filter:none!important}
.ob_baslik_ici .ob_yeni_imza strong{color:#fff!important;font-size:29px!important;font-style:normal;font-weight:800;letter-spacing:-.055em}
.ob_baslik_ici .ob_yeni_imza strong span{color:#fff}
.ob_baslik_ici .ob_yeni_imza strong i{color:#899493}
.ob_baslik_ici .ob_yeni_imza strong em{color:var(--ob_imza_sari)}
.ob_baslik_ici .ob_yeni_imza small{display:block;color:#c0c9c5;font-size:6px;letter-spacing:.19em}
.ob_baslik_ici>.ob_baslik_eylemler{gap:5px}
.ob_baslik_ici .ob_baslik_eylem,.ob_baslik_ici .ob_tema_dugmesi,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_baslik_eylem,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_tema_dugmesi{height:51px;min-height:51px;padding:0 9px;border:1px solid transparent!important;background:transparent!important;color:#e3e9e6!important}
.ob_baslik_ici .ob_baslik_eylem:hover,.ob_baslik_ici .ob_tema_dugmesi:hover,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_baslik_eylem:hover,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_tema_dugmesi:hover{border-color:#596765!important;background:#223032!important;color:var(--ob_imza_sari)!important}
.ob_baslik_ici .ob_baslik_eylem .ob_simge,.ob_baslik_ici .ob_tema_dugmesi .ob_simge,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_baslik_eylem .ob_simge,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_tema_dugmesi .ob_simge{filter:invert(1)!important}
.ob_baslik_ici .ob_baslik_eylem>span{font-size:11px;font-weight:700}
.ob_baslik_ici .ob_baslik_eylem b{border-color:#121b1d;background:var(--ob_imza_sari);color:#121b1d}
.ob_arama_kopru{width:620px!important;bottom:-23px}
.ob_arama_kopru .ob_ust_arama{height:46px!important;border:1px solid #aab4af!important;clip-path:none;background:#f4f5f1!important;box-shadow:0 8px 20px rgba(0,0,0,.2)!important}
.ob_arama_arac{height:44px;width:58px;border-right:1px solid #d4d9d4}
.ob_arama_kopru .ob_ust_arama input,
:root[data-ob-renk="acik"] .ob_arama_kopru .ob_ust_arama input,
:root[data-ob-renk="koyu"] .ob_arama_kopru .ob_ust_arama input{height:44px;background:#f4f5f1!important;color:#1b2828!important;-webkit-text-fill-color:#1b2828!important;text-align:left;font-size:13px!important;font-weight:650}
.ob_arama_kopru .ob_ust_arama input::placeholder{color:#6d7774}
.ob_arama_kopru .ob_ust_arama button,
:root[data-ob-renk="koyu"] .ob_arama_kopru .ob_ust_arama button{width:62px;height:44px;border:0;background:var(--ob_imza_sari)!important;color:#101819!important}
.ob_arama_kopru .ob_ust_arama button .ob_simge,
:root[data-ob-renk="koyu"] .ob_arama_kopru .ob_ust_arama button .ob_simge{filter:none!important;opacity:1}
.ob_arama_kopru .ob_ust_arama button:hover{background:#ffe77f!important}
:root[data-ob-renk="acik"] body.ob_sayfa_ic .ob_site_baslik,
:root[data-ob-renk="koyu"] body.ob_sayfa_ic .ob_site_baslik{height:140px!important;min-height:140px!important}
body.ob_sayfa_ic .ob_arama_kopru{top:88px;bottom:auto}

/* Slayt fotoğrafı ve metin tek sinematik sahne gibi okunur. */
.ob_vitrin{height:650px!important;background:#070d0f}
.ob_vitrin .ob_slayt{transition:none}
.ob_vitrin.ob_slayt_hazir .ob_slayt{transition:opacity .65s cubic-bezier(.2,.7,.2,1),visibility .65s}
.ob_vitrin.ob_surukleniyor .ob_slayt{transition:none}
.ob_vitrin .ob_slayt_gorsel,.ob_vitrin .ob_slayt.ob_aktif .ob_slayt_gorsel{filter:brightness(.96) contrast(1.03) saturate(.94);transform:none;transition:none}
.ob_vitrin .ob_slayt::after{background:linear-gradient(90deg,rgba(3,8,10,.94),rgba(3,8,10,.76) 24%,rgba(3,8,10,.18) 60%,transparent 82%),linear-gradient(0deg,rgba(3,8,10,.5),transparent 25%)!important}
.ob_vitrin::before{content:"";position:absolute;z-index:3;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,transparent 16%,var(--ob_imza_sari) 16%,var(--ob_imza_sari) 66%,transparent 66%);pointer-events:none}
.ob_vitrin .ob_slayt_icerik,.ob_vitrin .ob_vitrin_bos>.ob_kapsayici{width:min(100% - 56px,1400px);padding:50px 0 106px}
.ob_vitrin .ob_slayt .ob_ust_etiket{color:var(--ob_imza_sari);font-size:11px;letter-spacing:.23em}
.ob_vitrin .ob_slayt .ob_ust_etiket::before{height:2px;width:42px}
.ob_vitrin .ob_slayt h1,.ob_vitrin .ob_vitrin_bos h1{max-width:790px;margin-bottom:24px;font-size:clamp(60px,5.45vw,86px);font-weight:800;line-height:1.01;letter-spacing:-.05em;text-shadow:0 6px 24px rgba(0,0,0,.5)}
.ob_vitrin .ob_slayt p{max-width:460px;margin-bottom:31px;font-size:17px;line-height:1.55}
.ob_vitrin .ob_slayt .ob_sari_dugme{height:50px;padding:0 23px;font-size:12px;letter-spacing:.02em}
.ob_vitrin .ob_slayt_kontrolleri{width:min(100% - 56px,1400px);bottom:23px;gap:6px}
.ob_vitrin .ob_slayt_secimler{height:62px;width:min(610px,100%);background:rgba(10,19,21,.88);border-color:#586464;backdrop-filter:blur(16px)}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim{height:60px;border-bottom-width:2px;padding:6px 12px}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim.ob_etkin{background:rgba(255,212,61,.17)}
.ob_vitrin .ob_slayt_kucuk_gorsel{height:42px;width:61px}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok{height:62px;width:44px}

/* Uyum bulucu ve hizmetler hero fotoğrafının doğal devamı. */
.ob_hero_arac{background:linear-gradient(100deg,#172324,#10191b);border-top:0}
.ob_hero_arac_ici{width:min(100% - 56px,1400px);min-height:178px;grid-template-columns:275px minmax(0,1fr);gap:36px}
.ob_hero_arac_baslik{gap:8px;padding-left:18px;padding-right:28px;border-left:3px solid var(--ob_imza_sari);border-right:1px solid #465355}
.ob_hero_arac_baslik>span{color:var(--ob_imza_sari);font-size:10px;letter-spacing:.18em}
.ob_hero_arac_baslik strong{font-family:ob_montserrat,"Segoe UI",sans-serif;font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.045em}
.ob_hero_arac_baslik small{max-width:215px;color:#becac5;font-size:12px;line-height:1.5}
.ob_hero_arac .ob_arac_formu label{gap:9px;font-size:12px}
.ob_hero_arac .ob_secim_etiket{font-size:12px;letter-spacing:.01em}
.ob_hero_arac .ob_arac_formu{gap:12px}
.ob_hero_arac .ob_arac_formu select{height:50px;min-height:50px;background:#f5f6f2!important;border-color:#c9d1ca;color:#162021!important;-webkit-text-fill-color:#162021!important;font-size:13px}
.ob_hero_arac .ob_arac_formu select:focus{outline:2px solid var(--ob_imza_sari);outline-offset:2px}
.ob_hero_arac .ob_arac_formu .ob_sari_dugme{height:50px;min-height:50px;background:var(--ob_imza_sari);color:#12191a;font-size:13px}
.ob_guven_seridi,:root[data-ob-renk="acik"] .ob_guven_seridi{background:#f7f8f4;color:#142021;border-bottom:1px solid #dce3dc}
.ob_guven_seridi>.ob_kapsayici{width:min(100% - 56px,1400px);min-height:116px;gap:8px}
.ob_guven_seridi>.ob_kapsayici>div{min-height:64px;padding-left:24px;gap:14px;border-left:1px solid #dce3dc}
.ob_guven_seridi>.ob_kapsayici>div:first-child{border-left:0}
.ob_guven_seridi .ob_simge{box-sizing:border-box;flex:none;width:48px;height:48px;padding:12px;background:var(--ob_imza_sari);filter:none!important}
.ob_guven_seridi strong{font-size:14px;font-weight:750;letter-spacing:-.015em}
.ob_guven_seridi small,:root[data-ob-renk="acik"] .ob_guven_seridi small{color:#5c6964;font-size:12px}
.ob_guven_seridi>.ob_kapsayici>div::after{display:none}

/* Katalog kartlarının beyaz mağaza hissi korunur, ritmi güçlenir. */
.ob_urun_alani{position:relative;overflow:hidden;padding-top:84px;padding-bottom:91px;background:#f3f5f1}
.ob_urun_alani::before{content:"01 / VİTRİN";position:absolute;right:max(28px,calc((100vw - 1400px)/2));top:32px;color:#b9c3ba;font-size:10px;font-weight:900;letter-spacing:.22em}
.ob_urun_alani>.ob_kapsayici{width:min(100% - 56px,1400px)}
.ob_urun_alani .ob_bolum_baslik{padding-left:0}
.ob_urun_alani .ob_bolum_baslik::before{left:0;top:auto;bottom:-16px;width:72px;height:4px}
.ob_urun_alani .ob_bolum_etiket{font-size:11px;letter-spacing:.2em;color:#8e6c00}
.ob_urun_alani .ob_acik_baslik h2{font-family:ob_montserrat,system-ui,sans-serif;font-size:clamp(34px,3.2vw,49px);font-weight:800;letter-spacing:-.047em}
.ob_urun_alani .ob_acik_baslik p{font-size:14px}
.ob_urun_alani .ob_urun_sekmeler{align-self:end;gap:0;border-bottom:1px solid #cbd3cb}
.ob_urun_alani .ob_urun_sekmeler{scrollbar-width:none}
.ob_urun_alani .ob_urun_sekmeler::-webkit-scrollbar{display:none}
.ob_urun_alani .ob_urun_sekmeler a{padding:11px 13px;color:#5b6862;font-size:12px}
.ob_urun_alani .ob_urun_sekmeler a.ob_secili{background:#172224;color:#fff;box-shadow:inset 0 -3px var(--ob_imza_sari)}
.ob_urun_alani .ob_urun_grid{gap:12px;margin-top:38px;padding-top:0;border:0}
.ob_urun_alani .ob_urun_karti{flex-basis:calc((100% - 36px)/4);min-height:468px;border:1px solid #d9dfd8;background:#fff;box-shadow:none}
.ob_urun_alani .ob_urun_karti:hover{transform:translateY(-5px);border-color:#9ca69d;box-shadow:0 20px 30px rgba(20,35,33,.12)}
.ob_urun_alani .ob_urun_gorsel{height:237px;padding:22px;background:#ecefeb;border-bottom:1px solid #d9e0d9}
.ob_urun_alani .ob_urun_bilgi{padding:19px 19px 20px}
.ob_urun_alani .ob_urun_uretici{color:#8a6900;font-size:10px;letter-spacing:.15em}
.ob_urun_alani .ob_urun_karti h3{font-size:17px;font-weight:800}
.ob_urun_alani .ob_fiyat{font-size:22px}
.ob_urun_alani .ob_urun_ekle{background:var(--ob_imza_sari)!important}

/* Ürün odak alanının çizgileri katalog kartlarıyla eşleşir. */
.ob_odak_vitrini{border-top:7px solid #0d1719}
.ob_odak_urun{border-color:#6b7974}
.ob_odak_metin h2{font-weight:800;line-height:1.02;letter-spacing:-.05em}
.ob_oem_seridi{border-top:0;background:#172224}
.ob_oem_seridi .ob_sari_dugme{background:var(--ob_imza_sari)}

/* Kategoriler daha editorial bir fotoğraf duvarı olarak okunur. */
.ob_kategori_alani{background:#fff}
.ob_kategori_alani .ob_kategoriler{width:min(100% - 56px,1400px);padding-top:91px;padding-bottom:94px}
.ob_kategori_alani .ob_bolum_baslik{margin-bottom:31px}
.ob_kategori_alani .ob_bolum_etiket{color:#987400;font-size:11px;font-weight:850;letter-spacing:.19em;text-transform:uppercase}
.ob_kategori_alani .ob_bolum_baslik h2{font-family:ob_montserrat,system-ui,sans-serif;font-size:clamp(34px,3.2vw,48px);font-weight:800;letter-spacing:-.047em}
.ob_kategori_alani .ob_bolum_baslik p{font-size:14px}
.ob_kategori_alani .ob_kategori_grid{grid-template-rows:repeat(2,255px);gap:10px}
.ob_kategori_alani .ob_kategori_karti{border:1px solid #243031;box-shadow:none}
.ob_kategori_alani .ob_kategori_karti::after{background:linear-gradient(transparent 15%,rgba(0,0,0,.85))}
.ob_kategori_alani .ob_kategori_yazi strong{font-family:ob_montserrat,system-ui,sans-serif;font-weight:800}
.ob_kategori_alani .ob_kategori_karti:hover img{transform:scale(1.06);filter:brightness(1.03) contrast(1.07)}
.ob_kategori_alani .ob_kategori_ok{background:var(--ob_imza_sari)}

/* Bilgi alanı ve final bandı tekrar eden yol fotoğrafı yerine özgün grafik ritmi taşır. */
.ob_secim_yollari{background:#11191b url('../ob_gorseller/ob_vitrin_magaza.webp') center/cover no-repeat}
.ob_secim_yollari::before{background:linear-gradient(90deg,rgba(10,18,20,.98),rgba(10,18,20,.9) 54%,rgba(10,18,20,.77))}
.ob_secim_yollari_ici{width:min(100% - 56px,1400px);gap:75px;padding-top:88px;padding-bottom:91px}
.ob_secim_yollari h2{font-family:ob_montserrat,system-ui,sans-serif;font-size:clamp(40px,3.6vw,58px);font-weight:800;letter-spacing:-.047em}
.ob_secim_yollari nav a{border-color:#53605e;background:rgba(13,23,25,.75)}
.ob_alt_vitrin{height:400px;background:var(--ob_imza_sari);color:#111819}
.ob_alt_vitrin::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(108deg,transparent 0 53%,rgba(255,255,255,.29) 53% 54%,transparent 54%),repeating-linear-gradient(90deg,transparent 0 122px,rgba(6,17,18,.075) 122px 123px);pointer-events:none}
.ob_alt_vitrin::after{content:"KF / OPTİK";position:absolute;right:3%;top:3%;color:rgba(12,23,24,.055);font:900 clamp(70px,13vw,210px)/1 ob_montserrat,system-ui,sans-serif;letter-spacing:-.09em;white-space:nowrap;pointer-events:none}
.ob_alt_vitrin_icerik{z-index:1;width:min(100% - 56px,1400px);justify-content:space-between}
.ob_alt_vitrin_metin{max-width:680px}
.ob_alt_vitrin .ob_ust_etiket{color:#2b3230;font-size:10px;font-weight:900;letter-spacing:.22em}
.ob_alt_vitrin h2{margin:12px 0 10px;color:#101819;font-family:ob_montserrat,system-ui,sans-serif;font-size:clamp(50px,4.8vw,73px);font-weight:800;line-height:.97;letter-spacing:-.05em}
.ob_alt_vitrin h2 em{color:#101819;font-style:normal}
.ob_alt_vitrin p{max-width:430px;color:#26302d;font-size:15px;font-weight:600}
.ob_alt_vitrin .ob_cizgili_dugme{min-height:43px;padding:0 16px;border-color:#101819;background:#101819;color:#fff;font-size:11px}
.ob_alt_vitrin .ob_cizgili_dugme:hover{background:#fff;color:#101819}
.ob_alt_vitrin_ozellikler{min-width:240px;margin:0;gap:0;background:#111a1b;color:#fff}
.ob_alt_vitrin_ozellikler span{min-height:63px;padding:0 17px;border-bottom:1px solid #384548;font-size:10px;letter-spacing:.06em}
.ob_alt_vitrin_ozellikler span:last-child{border-bottom:0}
.ob_alt_vitrin_ozellikler .ob_simge{width:26px;height:26px;padding:4px;border:0;border-radius:0;filter:invert(1)}

/* Orijinal üretici logoları ayrı kartlarda ve gerçek kaydırma rayında kalır. */
:root[data-ob-renk="acik"] .ob_marka_seridi,
:root[data-ob-renk="koyu"] .ob_marka_seridi{background:#152022!important;color:#fff;border:0}
.ob_marka_seridi>.ob_marka_icerik{width:min(100% - 56px,1400px);min-height:208px;grid-template-columns:210px minmax(0,1fr) 105px;gap:25px}
.ob_marka_giris{border-left:3px solid var(--ob_imza_sari);padding-left:18px}
.ob_marka_giris small{color:var(--ob_imza_sari);font-size:10px;font-weight:850}
:root[data-ob-renk="acik"] .ob_marka_giris h2,
:root[data-ob-renk="koyu"] .ob_marka_giris h2{color:#fff!important;font-family:ob_montserrat,system-ui,sans-serif;font-size:25px;font-weight:800}
.ob_marka_giris>span{color:#aebcba}
.ob_marka_kart{height:104px;border:1px solid #53615e;background:#f9faf8}
.ob_marka_kart:hover{background:#fff}
.ob_marka_iz{height:104px}
.ob_marka_kart img{max-width:160px;height:57px;object-fit:contain!important}
.ob_marka_kart small{color:#7a8582}
.ob_marka_dugmeler button{border:1px solid #76837e;background:#202d2f;color:#fff}
.ob_marka_dugmeler button:hover{background:var(--ob_imza_sari);color:#101819}
.ob_marka_sayac{color:#d9e2dc}

.ob_altbilgi{background:#0b1213;color:#e6ece8}
.ob_alt_cagri{background:radial-gradient(circle at 75% 45%,rgba(255,212,61,.1),transparent 28%),#111b1d;border-top:1px solid #48514d}
.ob_alt_cagri h2{font-family:ob_montserrat,system-ui,sans-serif;font-size:clamp(38px,3.5vw,56px);font-weight:800;letter-spacing:-.05em}
.ob_altbilgi .ob_altbilgi_ici{width:min(100% - 56px,1400px);padding-top:53px;padding-bottom:47px}
.ob_alt_marka .ob_marka{display:inline-flex;align-items:center;gap:10px}
.ob_alt_marka .ob_marka_metin strong{font-size:27px}
.ob_alt_marka p{font-size:12px;line-height:1.65}
.ob_alt_bulten{width:min(100% - 56px,1400px)}

:root[data-ob-renk="koyu"] .ob_guven_seridi{background:#1b2728;color:#f2f6f3;border-color:#3a4845}
:root[data-ob-renk="koyu"] .ob_guven_seridi>.ob_kapsayici>div{border-color:#3a4845}
:root[data-ob-renk="koyu"] .ob_guven_seridi small{color:#b4c2bb}
:root[data-ob-renk="koyu"] .ob_urun_alani{background:#151f21}
:root[data-ob-renk="koyu"] .ob_urun_alani::before{color:#65716c}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_sekmeler{border-color:#46524e}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_sekmeler a.ob_secili{color:#fff}
:root[data-ob-renk="koyu"] .ob_kategori_alani{background:#1b2729}
:root[data-ob-renk="koyu"] .ob_marka_seridi{background:#10191b}

@media(max-width:1250px){
  .ob_baslik_ici{grid-template-columns:minmax(290px,1fr) auto minmax(220px,1fr)!important;gap:13px!important}
  .ob_baslik_ici .ob_gezinti_baglar{gap:10px}
  .ob_baslik_ici .ob_gezinti_baglar a:nth-child(n+4){display:none}
  .ob_baslik_ici .ob_yeni_imza strong{font-size:25px!important}
  .ob_baslik_ici .ob_baslik_eylem>span{display:none}
  .ob_urun_alani .ob_urun_karti{flex-basis:calc((100% - 24px)/3)}
}
@media(max-width:900px){
  :root[data-ob-renk="acik"] .ob_site_baslik,:root[data-ob-renk="koyu"] .ob_site_baslik{height:176px;min-height:176px}
  .ob_baslik_ici{grid-template-columns:1fr auto!important;grid-template-rows:70px 45px;height:115px!important;padding:0!important}
  .ob_baslik_ici>.ob_yeni_marka{grid-column:1;grid-row:1;justify-self:start}
  .ob_baslik_ici>.ob_baslik_eylemler{grid-column:2;grid-row:1;justify-self:end}
  .ob_baslik_ici>.ob_ana_gezinti{grid-column:1/-1;grid-row:2;width:100%;height:45px;border-top:1px solid #455153!important}
  .ob_baslik_ici .ob_gezinti_ici{height:45px}
  .ob_baslik_ici .ob_kategori_menu summary{height:38px}
  .ob_baslik_ici .ob_gezinti_baglar a:nth-child(n+4){display:block}
  .ob_arama_kopru{top:123px;bottom:auto}
  :root[data-ob-renk="acik"] body.ob_sayfa_ic .ob_site_baslik,:root[data-ob-renk="koyu"] body.ob_sayfa_ic .ob_site_baslik{height:176px!important;min-height:176px!important}
  body.ob_sayfa_ic .ob_arama_kopru{top:123px;bottom:auto}
  .ob_vitrin{height:600px!important}
  .ob_hero_arac_ici{grid-template-columns:1fr;gap:18px;padding:25px 0}
  .ob_hero_arac_baslik{display:flex;align-items:flex-start;border-right:0}
  .ob_urun_alani .ob_urun_karti{flex-basis:calc((100% - 16px)/3)}
  .ob_kategori_alani .ob_kategori_grid{grid-template-rows:repeat(2,205px)}
}
@media(max-width:650px){
  :root[data-ob-renk="acik"] .ob_site_baslik,:root[data-ob-renk="koyu"] .ob_site_baslik{height:169px;min-height:169px}
  .ob_baslik_ici{width:calc(100% - 28px);grid-template-rows:65px 43px;height:108px!important}
  .ob_yeni_marka .ob_imza_simge{width:34px!important;height:34px!important}
  .ob_baslik_ici .ob_yeni_imza strong{font-size:20px!important}
  .ob_baslik_ici .ob_yeni_imza small{font-size:5px;letter-spacing:.08em}
  .ob_baslik_ici>.ob_baslik_eylemler{gap:0}
  .ob_baslik_ici .ob_baslik_eylem,.ob_baslik_ici .ob_tema_dugmesi{min-width:35px;width:35px;height:40px;min-height:40px;padding:0 5px}
  .ob_baslik_ici .ob_baslik_eylem:first-child{display:none}
  .ob_baslik_ici .ob_gezinti_ici{height:43px;gap:8px}
  .ob_baslik_ici .ob_kategori_menu summary{height:37px;min-width:41px;width:41px;padding:0 10px}
  .ob_baslik_ici .ob_kategori_menu summary span,.ob_baslik_ici .ob_kategori_menu summary .ob_ikon:last-child{display:none}
  .ob_baslik_ici .ob_gezinti_baglar{gap:14px;overflow-x:auto}
  .ob_baslik_ici .ob_gezinti_baglar a{font-size:10px}
  .ob_arama_kopru{width:calc(100% - 28px)!important;top:118px;bottom:auto}
  :root[data-ob-renk="acik"] body.ob_sayfa_ic .ob_site_baslik,:root[data-ob-renk="koyu"] body.ob_sayfa_ic .ob_site_baslik{height:169px!important;min-height:169px!important}
  body.ob_sayfa_ic .ob_arama_kopru{top:118px;bottom:auto}
  .ob_arama_kopru .ob_ust_arama{height:43px!important}
  .ob_arama_arac{height:41px;width:44px}
  .ob_arama_kopru .ob_ust_arama input,:root[data-ob-renk="koyu"] .ob_arama_kopru .ob_ust_arama input{height:41px;font-size:12px!important}
  .ob_arama_kopru .ob_ust_arama button{height:41px;width:49px}
  .ob_vitrin{height:535px!important}
  .ob_vitrin::before{width:4px}
  .ob_vitrin .ob_slayt_icerik,.ob_vitrin .ob_vitrin_bos>.ob_kapsayici{width:calc(100% - 30px);padding:72px 0 82px}
  .ob_vitrin .ob_slayt h1,.ob_vitrin .ob_vitrin_bos h1{font-size:clamp(34px,9vw,47px);line-height:1.02;letter-spacing:-.065em}
  .ob_vitrin .ob_slayt p{font-size:13px;max-width:300px}
  .ob_vitrin .ob_slayt_kontrolleri{width:calc(100% - 24px);bottom:11px}
  .ob_vitrin .ob_slayt_secimler{height:50px}
  .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim{height:48px;padding:3px}
  .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok{height:50px;width:30px}
  .ob_hero_arac_ici,.ob_guven_seridi>.ob_kapsayici,.ob_urun_alani>.ob_kapsayici,.ob_kategori_alani .ob_kategoriler,.ob_secim_yollari_ici,.ob_alt_vitrin_icerik,.ob_marka_seridi>.ob_marka_icerik,.ob_altbilgi .ob_altbilgi_ici,.ob_alt_bulten{width:calc(100% - 28px)}
  .ob_hero_arac_ici{gap:19px}
  .ob_hero_arac_baslik{gap:5px;padding-left:15px;padding-right:0}
  .ob_hero_arac_baslik strong{font-size:25px}
  .ob_hero_arac_baslik small{max-width:310px;font-size:12px}
  .ob_hero_arac .ob_arac_formu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ob_hero_arac .ob_arac_formu .ob_sari_dugme{grid-column:1/-1}
  .ob_guven_seridi>.ob_kapsayici{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:13px 0}
  .ob_guven_seridi>.ob_kapsayici>div{padding:10px 7px;min-height:76px;gap:10px}
  .ob_guven_seridi>.ob_kapsayici>div:nth-child(odd){border-left:0}
  .ob_guven_seridi .ob_simge{width:40px;height:40px;padding:10px}
  .ob_guven_seridi strong{font-size:11px}
  .ob_guven_seridi small{font-size:10px}
  .ob_urun_alani{padding-top:57px;padding-bottom:61px}
  .ob_urun_alani::before{top:18px;right:16px}
  .ob_urun_alani .ob_acik_baslik h2{font-size:30px}
  .ob_urun_alani .ob_urun_grid{margin-top:26px}
  .ob_urun_alani .ob_urun_karti{flex-basis:min(83%,295px);min-height:0}
  .ob_urun_alani .ob_urun_gorsel{height:211px}
  .ob_kategori_alani .ob_kategoriler{padding-top:55px;padding-bottom:60px}
  .ob_kategori_alani .ob_bolum_baslik h2{font-size:30px}
  .ob_kategori_alani .ob_kategori_grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,170px)}
  .ob_kategori_alani .ob_kategori_karti:first-child,.ob_kategori_alani .ob_kategori_karti:last-child{grid-column:auto}
  .ob_secim_yollari_ici{gap:25px;padding-top:58px;padding-bottom:59px}
  .ob_secim_yollari h2{font-size:38px}
  .ob_alt_vitrin{height:auto;min-height:430px}
  .ob_alt_vitrin_icerik{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px;padding:47px 0}
  .ob_alt_vitrin h2{font-size:clamp(41px,10vw,57px)}
  .ob_alt_vitrin_ozellikler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
  .ob_alt_vitrin_ozellikler span{min-height:50px;padding:7px 9px;font-size:8px}
  .ob_alt_vitrin_ozellikler .ob_simge{width:21px;height:21px}
  .ob_marka_seridi>.ob_marka_icerik{min-height:0;grid-template-columns:1fr auto;gap:15px;padding-top:28px;padding-bottom:30px}
  .ob_marka_kaydirici{grid-column:1/-1;grid-row:2}
  .ob_marka_kart{flex-basis:50%}
  .ob_alt_marka .ob_imza_simge{width:34px!important;height:34px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Açık kip: gündüz kataloğu, fotoğraflı vitrin ve koyu kipten ayrı yüzey düzeni. */
:root[data-ob-renk="acik"]{color-scheme:light}
:root[data-ob-renk="acik"] .ob_ust_serit{background:#edf0eb!important;border-bottom:1px solid #d9e0d8;color:#263333}
:root[data-ob-renk="acik"] .ob_ust_serit_ici>.ob_ust_soz{background:#fff;color:#4b5854}
:root[data-ob-renk="acik"] .ob_ust_baglar a{color:#35423e}
:root[data-ob-renk="acik"] .ob_ust_baglar a:hover{color:#8c6500}
:root[data-ob-renk="acik"] .ob_site_baslik{background:#fbfcf8!important;border-bottom:1px solid #d5ddd4;color:#172526!important}
:root[data-ob-renk="acik"] .ob_site_baslik .ob_ana_gezinti{background:transparent!important;color:#172526!important}
.ob_site_baslik .ob_imza_acik{display:none!important}
:root[data-ob-renk="acik"] .ob_site_baslik .ob_imza_koyu{display:none!important}
:root[data-ob-renk="acik"] .ob_site_baslik .ob_imza_acik{display:block!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_yeni_imza strong,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_yeni_imza strong span{color:#172526!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_yeni_imza strong i{color:#899691}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_yeni_imza strong em{padding:0 .06em;background:var(--ob_imza_sari);color:#172526!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_yeni_imza small{color:#52615c}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_gezinti_baglar a{color:#22302e!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_gezinti_baglar a:hover{color:#8c6500!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_baslik_eylem,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_tema_dugmesi{color:#1e2b2b!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_baslik_eylem:hover,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_tema_dugmesi:hover{border-color:#ccd5cc!important;background:#edf1eb!important;color:#172526!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_baslik_eylem .ob_simge,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_tema_dugmesi .ob_simge{filter:none!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_baslik_eylem b{border-color:#fbfcf8}
:root[data-ob-renk="acik"] .ob_arama_kopru .ob_ust_arama{border-color:#aebdb3!important;background:#fff!important;box-shadow:0 13px 28px rgba(31,46,42,.16)!important}
:root[data-ob-renk="acik"] .ob_arama_arac{background:#ecf0e9;border-color:#d5ddd4}
:root[data-ob-renk="acik"] .ob_arama_arac .ob_simge{filter:none!important}
:root[data-ob-renk="acik"] .ob_arama_kopru .ob_ust_arama input{background:#fff!important}

:root[data-ob-renk="acik"] .ob_vitrin{background:#f7f8f3;color:#162324}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_gorsel,
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt.ob_aktif .ob_slayt_gorsel{clip-path:polygon(55% 0,100% 0,100% 100%,47% 100%);filter:brightness(1.02) contrast(1.05) saturate(.9)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt::after{background:linear-gradient(90deg,rgba(247,248,243,.14) 0%,transparent 65%),linear-gradient(0deg,rgba(6,12,14,.2),transparent 25%)!important}
:root[data-ob-renk="acik"] .ob_vitrin::before{display:none}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt .ob_ust_etiket{color:#7e5a00;text-shadow:none}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt .ob_ust_etiket::before{background:#c18d00}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt h1,
:root[data-ob-renk="acik"] .ob_vitrin .ob_vitrin_bos h1{max-width:760px;color:#172526;text-shadow:none}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt h1 em{width:max-content;max-width:100%;padding:0 .08em .035em;background:var(--ob_imza_sari);color:#172526;text-shadow:none}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt p{color:#4a5754;text-shadow:none}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt .ob_sari_dugme{border-left:4px solid var(--ob_imza_sari);background:#172526;color:#fff;box-shadow:0 12px 22px rgba(21,35,34,.16)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt .ob_sari_dugme:hover{background:#354542;color:#fff}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_secimler{border-color:#c7d1c8;background:rgba(251,252,248,.96);backdrop-filter:blur(12px);box-shadow:0 13px 32px rgba(20,34,31,.18)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim{border-right-color:#dce3dc;color:#1a2928}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim small{color:#896300}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_secim_metin span{color:#172526}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim.ob_etkin{border-bottom-color:#bd8b00;background:#ffefad}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim:hover{background:#f2f4ed}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok{border-color:#c7d1c8;background:rgba(251,252,248,.96);color:#172526;backdrop-filter:blur(12px)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok:hover{background:var(--ob_imza_sari);color:#172526}

:root[data-ob-renk="acik"] .ob_hero_arac{border-bottom:1px solid #d8e0d5;background:linear-gradient(100deg,#fffdf7,#f0f3eb);color:#182525}
:root[data-ob-renk="acik"] .ob_hero_arac_baslik{border-right-color:#cbd6ca}
:root[data-ob-renk="acik"] .ob_hero_arac_baslik>span{color:#806000}
:root[data-ob-renk="acik"] .ob_hero_arac_baslik strong{color:#182525}
:root[data-ob-renk="acik"] .ob_hero_arac_baslik small{color:#58665f}
:root[data-ob-renk="acik"] .ob_hero_arac .ob_arac_formu label{color:#32423c!important}
:root[data-ob-renk="acik"] .ob_hero_arac .ob_arac_formu select{border-color:#b8c5b9;background:#fff!important;color:#1d2a28!important;-webkit-text-fill-color:#1d2a28!important;color-scheme:light}
:root[data-ob-renk="acik"] .ob_guven_seridi{background:#fff;border-bottom-color:#e1e7df}
:root[data-ob-renk="acik"] .ob_urun_alani{background:#f5f7f2}
:root[data-ob-renk="acik"] .ob_kategori_alani{background:#fff}
:root[data-ob-renk="acik"] .ob_marka_seridi{border-top:1px solid #d7ded5;background:#f0f3ec!important;color:#182525}
:root[data-ob-renk="acik"] .ob_marka_giris h2{color:#182525!important}
:root[data-ob-renk="acik"] .ob_marka_giris>span{color:#5c6961}
:root[data-ob-renk="acik"] .ob_marka_dugmeler button{border-color:#bbc8bc;background:#fff;color:#182525}
:root[data-ob-renk="acik"] .ob_marka_sayac{color:#4c5b53}
:root[data-ob-renk="acik"] .ob_katalog_kapak{background:#f7f8f3;color:#172526;border-bottom-color:var(--ob_imza_sari)}
:root[data-ob-renk="acik"] .ob_katalog_kapak::before{background:url('../ob_gorseller/ob_koleksiyon_far.webp') center 42%/cover no-repeat;clip-path:polygon(54% 0,100% 0,100% 100%,46% 100%)}
:root[data-ob-renk="acik"] .ob_katalog_kapak::after{color:rgba(23,37,38,.045)}
:root[data-ob-renk="acik"] .ob_katalog_kapak .ob_iz_yolu_koyu{color:#57665f}
:root[data-ob-renk="acik"] .ob_katalog_kapak .ob_iz_yolu_koyu a,
:root[data-ob-renk="acik"] .ob_katalog_kapak .ob_iz_yolu_koyu span{color:#57665f!important}
:root[data-ob-renk="acik"] .ob_katalog_kapak .ob_ic_etiket{color:#806000}
:root[data-ob-renk="acik"] .ob_katalog_kapak .ob_ic_etiket i{background:#bd8b00}
:root[data-ob-renk="acik"] .ob_katalog_kapak h1{color:#172526;font-weight:800;letter-spacing:-.05em}
:root[data-ob-renk="acik"] .ob_katalog_kapak h1 em{width:max-content;max-width:100%;padding:0 .08em .035em;background:var(--ob_imza_sari);color:#172526}
:root[data-ob-renk="acik"] .ob_katalog_kapak p{color:#4a5754}
:root[data-ob-renk="acik"] .ob_kapak_islemler a{border-left:4px solid var(--ob_imza_sari);background:#172526;color:#fff}
:root[data-ob-renk="acik"] .ob_kapak_islemler a:hover{background:#354542;color:#fff}
:root[data-ob-renk="acik"] .ob_kapak_islemler>span{color:#57665f}
:root[data-ob-renk="acik"] .ob_kapak_alt{border-top-color:#ced8cf;color:#58665f}
:root[data-ob-renk="acik"] .ob_kapak_alt span+span{border-left-color:#ced8cf}

@media(max-width:900px){
  :root[data-ob-renk="acik"] .ob_baslik_ici>.ob_ana_gezinti{border-top-color:#d7ded5!important}
}
@media(max-width:650px){
  :root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_gorsel,
  :root[data-ob-renk="acik"] .ob_vitrin .ob_slayt.ob_aktif .ob_slayt_gorsel{top:0;height:calc(100% + 110px);clip-path:polygon(0 38%,100% 35%,100% 100%,0 100%);object-position:76% center;transform:translateY(95px)}
  :root[data-ob-renk="acik"] .ob_vitrin .ob_slayt::after{background:linear-gradient(180deg,transparent 64%,rgba(7,13,14,.2))!important}
  :root[data-ob-renk="acik"] .ob_vitrin .ob_slayt h1 em{padding-bottom:.02em}
  :root[data-ob-renk="acik"] .ob_vitrin .ob_slayt p{max-width:315px}
  :root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok{background:#fbfcf8}
  :root[data-ob-renk="acik"] .ob_hero_arac_baslik{border-right:0}
  :root[data-ob-renk="acik"] .ob_katalog_kapak::before{clip-path:none;opacity:.13;background-position:72% center}
  :root[data-ob-renk="acik"] .ob_kapak_alt span+span{border-left:0}
}

/* Odak vitrini: fotoğraf, anlatı ve satın alma bilgisi tek bir editoryal düzende. */
.ob_odak_vitrini{min-height:0;border:0;background:#111b1d;color:#f5f7f3}
.ob_odak_vitrini::after{display:none}
.ob_odak_icerik{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:1fr;align-items:center;align-content:initial;gap:clamp(38px,5vw,82px);width:min(100% - 56px,1400px);min-height:0;padding:76px 0 48px}
.ob_odak_sahne{position:relative;isolation:isolate;min-width:0;height:520px;overflow:hidden;border:1px solid #465352;background:#0b1416}
.ob_odak_sahne::before{content:"";position:absolute;z-index:1;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,8,9,.82));pointer-events:none}
.ob_odak_sahne::after{content:"";position:absolute;z-index:2;top:24px;left:24px;width:62px;height:62px;border-top:3px solid var(--ob_imza_sari);border-left:3px solid var(--ob_imza_sari);pointer-events:none}
.ob_odak_fon{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:47% center}
.ob_odak_sahne_alt{position:absolute;z-index:2;right:24px;bottom:25px;left:27px;display:flex;align-items:center;gap:13px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.18em}
.ob_odak_sahne_alt i{display:block;width:34px;height:2px;background:var(--ob_imza_sari)}
.ob_odak_sag{display:flex;flex-direction:column;gap:30px;min-width:0}
.ob_odak_metin,.ob_odak_urun{grid-column:auto}
.ob_odak_ust{color:var(--ob_imza_sari);font-size:10px;letter-spacing:.2em}
.ob_odak_ust i{background:var(--ob_imza_sari)}
.ob_odak_metin h2{margin:17px 0 17px;color:#fff;font-size:clamp(43px,3.8vw,58px);font-weight:800;line-height:1.06;letter-spacing:-.055em;text-transform:none}
.ob_odak_metin h2 em{padding:0 .09em .035em;background:var(--ob_imza_sari);color:#142123;font-style:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ob_odak_metin p{max-width:500px;margin:0 0 17px;color:#bfcac5;font-size:15px;line-height:1.65}
.ob_odak_metin>a{min-height:37px;color:#f5f7f3;font-size:12px}
.ob_odak_urun{grid-template-columns:152px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:205px;border:1px solid #50605c;background:#192629;box-shadow:none;backdrop-filter:none}
.ob_odak_urun_ust{grid-column:1/-1;min-height:38px;padding:0 17px;border-bottom:1px solid #50605c;color:var(--ob_imza_sari);font-size:10px}
.ob_odak_urun_ust strong{color:#e7eeea;font-size:11px}
.ob_odak_gorsel{grid-column:1;grid-row:2;min-height:166px;padding:15px;background:#f6f8f4}
.ob_odak_gorsel img{height:138px}
.ob_odak_urun_alt{grid-column:2;grid-row:2;gap:15px;padding:18px 21px}
.ob_odak_urun_alt small{color:#c3cfca;font-size:11px}
.ob_odak_urun_alt h3{margin:5px 0;font-size:20px;font-weight:800}
.ob_odak_urun_alt span{color:#b9c6c0;font-size:11px}
.ob_odak_satin_al{align-items:end;gap:14px}
.ob_odak_satin_al strong{color:var(--ob_imza_sari);font-size:22px}
.ob_odak_satin_al a{justify-content:center;min-height:36px;padding:0 11px;background:var(--ob_imza_sari);color:#152121;font-size:10px}
.ob_odak_satin_al a:hover{background:#fff;color:#152121}

.ob_oem_seridi{padding:0 0 64px;border:0;background:#111b1d}
.ob_oem_seridi>.ob_kapsayici{width:min(100% - 56px,1400px)}
.ob_oem_seridi .ob_oem_formu{grid-template-columns:280px minmax(0,1fr) 100px;gap:18px;align-items:center;padding:18px 20px;border:1px solid #50605c;background:#1b292b}
.ob_oem_seridi .ob_oem_baslik strong{font-size:14px}
.ob_oem_seridi .ob_oem_baslik p{margin-top:4px;font-size:11px}
.ob_oem_seridi input{height:48px;border:1px solid #697874;background:#111d1f;color:#fff;font-size:13px}
.ob_oem_seridi .ob_sari_dugme{height:48px;min-height:48px}

:root[data-ob-renk="acik"] .ob_odak_vitrini,
:root[data-ob-renk="acik"] .ob_oem_seridi{background:#eef2ea;color:#182626}
:root[data-ob-renk="acik"] .ob_odak_sahne{border-color:#d1ddd2;box-shadow:18px 18px 0 #dfe8dc}
:root[data-ob-renk="acik"] .ob_odak_ust{color:#806000}
:root[data-ob-renk="acik"] .ob_odak_ust i{background:#bd8b00}
:root[data-ob-renk="acik"] .ob_odak_metin h2{color:#172526}
:root[data-ob-renk="acik"] .ob_odak_metin p{color:#52625a}
:root[data-ob-renk="acik"] .ob_odak_metin>a{color:#172526;border-bottom-color:#bd8b00}
:root[data-ob-renk="acik"] .ob_odak_metin>a .ob_ikon{color:#9b7300}
:root[data-ob-renk="acik"] .ob_odak_metin>a:hover{color:#8a6500}
:root[data-ob-renk="acik"] .ob_odak_urun{border-color:#cbd7ca;background:#fff}
:root[data-ob-renk="acik"] .ob_odak_urun_ust{border-bottom-color:#d7e0d4;background:#f8faf6;color:#806000}
:root[data-ob-renk="acik"] .ob_odak_urun_ust strong{color:#253631}
:root[data-ob-renk="acik"] .ob_odak_gorsel{background:#f1f4ef}
:root[data-ob-renk="acik"] .ob_odak_urun_alt small,
:root[data-ob-renk="acik"] .ob_odak_urun_alt span{color:#607068}
:root[data-ob-renk="acik"] .ob_odak_urun_alt h3{color:#172526}
:root[data-ob-renk="acik"] .ob_odak_satin_al strong{color:#172526}
:root[data-ob-renk="acik"] .ob_odak_satin_al a{background:#172526;color:#fff}
:root[data-ob-renk="acik"] .ob_odak_satin_al a:hover{background:#354542;color:#fff}
:root[data-ob-renk="acik"] .ob_oem_seridi .ob_oem_formu{border-color:#cbd7ca;background:#fff}
:root[data-ob-renk="acik"] .ob_oem_seridi .ob_oem_baslik strong{color:#172526}
:root[data-ob-renk="acik"] .ob_oem_seridi .ob_oem_baslik p{color:#5c6a62}
:root[data-ob-renk="acik"] .ob_oem_seridi input{border-color:#bbc9bd;background:#f8faf7;color:#172526}
:root[data-ob-renk="acik"] .ob_oem_seridi input::placeholder{color:#718077}

@media(max-width:1050px){
  .ob_odak_icerik{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
  .ob_odak_sahne{height:480px}
  .ob_odak_metin h2{font-size:clamp(40px,4.6vw,52px)}
  .ob_odak_urun{grid-template-columns:118px minmax(0,1fr)}
  .ob_odak_urun_alt{padding:14px;gap:10px}
  .ob_odak_satin_al{align-items:flex-start;flex-direction:column;gap:8px}
  .ob_oem_seridi .ob_oem_formu{grid-template-columns:minmax(0,1fr) 110px}
  .ob_oem_seridi .ob_oem_baslik{grid-column:1/-1}
}
@media(max-width:760px){
  .ob_odak_icerik{grid-template-columns:1fr;grid-template-rows:auto auto;gap:31px;padding:52px 0 30px}
  .ob_odak_sahne{height:380px}
  .ob_odak_sag{gap:26px}
  .ob_oem_seridi{padding-bottom:52px}
  .ob_oem_seridi .ob_oem_formu{grid-template-columns:minmax(0,1fr) 100px;gap:12px}
  .ob_oem_seridi .ob_oem_baslik{grid-column:1/-1}
}
@media(max-width:650px){
  .ob_odak_icerik,.ob_oem_seridi>.ob_kapsayici{width:calc(100% - 28px)}
  .ob_odak_icerik{gap:26px;padding-top:40px;padding-bottom:24px}
  .ob_odak_sahne{height:258px}
  .ob_odak_sahne::after{top:15px;left:15px;width:38px;height:38px}
  .ob_odak_sahne_alt{right:15px;bottom:17px;left:15px;gap:8px;font-size:8px;letter-spacing:.12em}
  .ob_odak_sahne_alt i{width:20px}
  :root[data-ob-renk="acik"] .ob_odak_sahne{box-shadow:9px 9px 0 #dfe8dc}
  .ob_odak_sag{gap:22px}
  .ob_odak_metin h2{margin:14px 0;font-size:clamp(36px,10vw,46px)}
  .ob_odak_metin p{font-size:13px;line-height:1.6}
  .ob_odak_urun{grid-template-columns:106px minmax(0,1fr);min-height:0}
  .ob_odak_urun_ust{min-height:34px;padding:0 11px;font-size:9px}
  .ob_odak_gorsel{min-height:155px;padding:6px}
  .ob_odak_gorsel img{height:121px}
  .ob_odak_urun_alt{padding:11px;gap:8px}
  .ob_odak_urun_alt small,.ob_odak_urun_alt span{font-size:9px}
  .ob_odak_urun_alt h3{font-size:15px}
  .ob_odak_satin_al strong{font-size:17px}
  .ob_odak_satin_al a{min-height:29px;padding:0 8px;font-size:9px}
  .ob_oem_seridi{padding-bottom:42px}
  .ob_oem_seridi .ob_oem_formu{grid-template-columns:minmax(0,1fr) 68px;gap:9px;padding:13px}
  .ob_oem_seridi input,.ob_oem_seridi .ob_sari_dugme{height:44px;min-height:44px}
}

/* Açık kipin güncel nötr yüzeyleri: krem ve yeşil alt tonları temizlenir. */
:root[data-ob-renk="acik"]{--ob_koyu:#f5f7fa;--ob_koyu_3:#eaf0f4;--ob_cizgi:#d9e2e8;--ob_soluk:#596670;--ob_kart_cizgi:#dce4e9;--ob_kagit:#f4f7fa;--ob_beyaz:#fff;--ob_krem:#f4f7fa;--ob_yuzey:#fff;--ob_kilavuz:#dce5ea;--ob_ic_bg:#f4f7fa;--ob_ic_panel:#fff;--ob_ic_line:#dce5ea;--ob_ic_gallery:#f0f4f7;--ob_imza_acik_zemin:#fff;--ob_imza_acik_ara:#f4f7fa;--ob_imza_acik_cizgi:#dce5ea;--ob_imza_acik_metin:#182228;--ob_imza_acik_ikincil:#5b6871}
:root[data-ob-renk="acik"] body{background:var(--ob_imza_acik_zemin);color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_ust_serit{background:#f3f6f8!important;border-bottom-color:var(--ob_imza_acik_cizgi);color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_ust_serit_ici>.ob_ust_soz{background:#fff;color:#4d5a63}
:root[data-ob-renk="acik"] .ob_site_baslik{background:#fff!important;border-bottom-color:var(--ob_imza_acik_cizgi);color:var(--ob_imza_acik_metin)!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_yeni_imza strong,
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_yeni_imza strong span{color:var(--ob_imza_acik_metin)!important}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_yeni_imza small{color:var(--ob_imza_acik_ikincil)}
:root[data-ob-renk="acik"] .ob_baslik_ici .ob_gezinti_baglar a{color:#25313a!important}
:root[data-ob-renk="acik"] .ob_arama_kopru .ob_ust_arama{border-color:#c4d0d8!important;box-shadow:0 10px 25px rgba(28,40,49,.12)!important}
:root[data-ob-renk="acik"] .ob_arama_arac{background:#f1f4f7;border-color:var(--ob_imza_acik_cizgi)}
:root[data-ob-renk="acik"] .ob_vitrin{background:#fff;color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt::after{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 65%),linear-gradient(0deg,rgba(6,12,14,.2),transparent 25%)!important}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt h1,
:root[data-ob-renk="acik"] .ob_vitrin .ob_vitrin_bos h1{color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt p{color:var(--ob_imza_acik_ikincil)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_secimler,
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok{border-color:#d2dce2;background:rgba(255,255,255,.96)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim{border-right-color:#e4ebef;color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim:hover{background:#f3f6f9}
:root[data-ob-renk="acik"] .ob_hero_arac{border-bottom-color:var(--ob_imza_acik_cizgi);background:linear-gradient(100deg,#fff,#f3f6f9);color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_hero_arac_baslik{border-right-color:#d7e1e7}
:root[data-ob-renk="acik"] .ob_hero_arac_baslik strong{color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_hero_arac_baslik small{color:var(--ob_imza_acik_ikincil)}
:root[data-ob-renk="acik"] .ob_hero_arac .ob_arac_formu label{color:#34434d!important}
:root[data-ob-renk="acik"] .ob_hero_arac .ob_arac_formu select{border-color:#c8d4dc;background:#fff!important;color:var(--ob_imza_acik_metin)!important;-webkit-text-fill-color:var(--ob_imza_acik_metin)!important}
:root[data-ob-renk="acik"] .ob_guven_seridi{background:#fff;border-bottom-color:var(--ob_imza_acik_cizgi)}
:root[data-ob-renk="acik"] .ob_guven_seridi>.ob_kapsayici>div{border-left-color:var(--ob_imza_acik_cizgi)}
:root[data-ob-renk="acik"] .ob_guven_seridi small{color:var(--ob_imza_acik_ikincil)}
:root[data-ob-renk="acik"] .ob_urun_alani{background:var(--ob_imza_acik_ara)}
:root[data-ob-renk="acik"] .ob_urun_alani .ob_urun_karti{border-color:var(--ob_imza_acik_cizgi)}
:root[data-ob-renk="acik"] .ob_urun_alani .ob_urun_gorsel{background:#edf2f6;border-bottom-color:var(--ob_imza_acik_cizgi)}
:root[data-ob-renk="acik"] .ob_urun_alani .ob_urun_sekmeler{border-bottom-color:#d4dee5}
:root[data-ob-renk="acik"] .ob_urun_alani .ob_urun_sekmeler a{color:#53616c}
:root[data-ob-renk="acik"] .ob_urun_alani .ob_urun_sekmeler a.ob_secili{color:#fff}
:root[data-ob-renk="acik"] .ob_kategori_alani{background:#fff}
:root[data-ob-renk="acik"] .ob_odak_vitrini,
:root[data-ob-renk="acik"] .ob_oem_seridi{background:var(--ob_imza_acik_ara);color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_odak_sahne{border-color:#d3dfe6;box-shadow:18px 18px 0 #e2eaf0}
:root[data-ob-renk="acik"] .ob_odak_metin h2,
:root[data-ob-renk="acik"] .ob_odak_urun_alt h3,
:root[data-ob-renk="acik"] .ob_odak_satin_al strong{color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_odak_metin p,
:root[data-ob-renk="acik"] .ob_odak_urun_alt small,
:root[data-ob-renk="acik"] .ob_odak_urun_alt span{color:var(--ob_imza_acik_ikincil)}
:root[data-ob-renk="acik"] .ob_odak_urun{border-color:#d4dfe6}
:root[data-ob-renk="acik"] .ob_odak_urun_ust{border-bottom-color:var(--ob_imza_acik_cizgi);background:#f8fafc}
:root[data-ob-renk="acik"] .ob_odak_gorsel{background:#f0f4f7}
:root[data-ob-renk="acik"] .ob_oem_seridi .ob_oem_formu{border-color:var(--ob_imza_acik_cizgi);background:#fff}
:root[data-ob-renk="acik"] .ob_oem_seridi input{border-color:#cbd7df;background:#f8fafc;color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_oem_seridi input::placeholder{color:#74818a}
:root[data-ob-renk="acik"] .ob_marka_seridi{border-top-color:var(--ob_imza_acik_cizgi);background:#f3f6f9!important;color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_marka_giris h2{color:var(--ob_imza_acik_metin)!important}
:root[data-ob-renk="acik"] .ob_marka_giris>span{color:var(--ob_imza_acik_ikincil)}
:root[data-ob-renk="acik"] .ob_marka_kart{border-color:#d3dde4;background:#fff}
:root[data-ob-renk="acik"] .ob_katalog_kapak{background:#f7f9fb;color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_katalog_kapak::after{color:rgba(24,34,40,.04)}
:root[data-ob-renk="acik"] .ob_katalog_kapak h1{color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_katalog_kapak p{color:var(--ob_imza_acik_ikincil)}
:root[data-ob-renk="acik"] .ob_katalog_sayfasi,
:root[data-ob-renk="acik"] .ob_detay_sayfasi,
:root[data-ob-renk="acik"] .ob_katalog_zemin,
:root[data-ob-renk="acik"] .ob_detay_zemin{background:var(--ob_imza_acik_ara)}
:root[data-ob-renk="acik"] .ob_detay_manset{background:#f8fafc;border-bottom-color:var(--ob_imza_acik_cizgi)}
:root[data-ob-renk="acik"] .ob_detay_galeri,
:root[data-ob-renk="acik"] .ob_detay_foto{background:#f0f4f7}
:root[data-ob-renk="acik"] .ob_detay_bilgi{background:#fff;color:var(--ob_imza_acik_metin)}
:root[data-ob-renk="acik"] .ob_detay_uyum_karti{border-color:#d8e2e9;background:#f6f9fb}
:root[data-ob-renk="acik"] .ob_katalog_grid .ob_urun_gorsel,
:root[data-ob-renk="acik"] .ob_detay_benzer .ob_urun_gorsel{background:#edf2f6}
:root[data-ob-renk="acik"] .ob_foto_pencere{background:#f0f4f7}
@media(max-width:650px){:root[data-ob-renk="acik"] .ob_odak_sahne{box-shadow:9px 9px 0 #e2eaf0}}

/* Footer'ın mevcut düzenini koruyup düşey boşluğu sıkılaştırır. */
.ob_altbilgi .ob_alt_cagri_ici{min-height:180px;padding-top:24px;padding-bottom:24px}
.ob_altbilgi .ob_alt_cagri_metin{border-left-width:3px}
.ob_altbilgi .ob_alt_cagri h2{font-size:clamp(36px,3.2vw,52px)}
.ob_altbilgi .ob_altbilgi_ici{padding-top:36px;padding-bottom:30px}
.ob_altbilgi .ob_alt_bulten{min-height:84px;margin-bottom:24px;padding:15px 22px;border-left:3px solid #ffd43d}
@media(max-width:760px){
  .ob_altbilgi .ob_alt_cagri_ici{min-height:0;padding-top:29px;padding-bottom:29px}
  .ob_altbilgi .ob_altbilgi_ici{padding-top:30px;padding-bottom:25px}
  .ob_altbilgi .ob_alt_bulten{padding:18px;margin-bottom:22px}
}