/* Marka vitrini: başlık ve logolar ayrı katmanlarda, kaydırma davranışı korunur. */
:root[data-ob-renk="acik"] .ob_marka_seridi{background:#eef3f6!important;color:#17242c;border-top:1px solid #d7e0e5}
:root[data-ob-renk="koyu"] .ob_marka_seridi{background:#121d20!important;color:#f5f8f7;border-top:1px solid #334347}
.ob_marka_seridi>.ob_marka_icerik{width:min(100% - 56px,1400px);min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-top:48px;padding-bottom:46px}
.ob_marka_ust{display:flex;align-items:end;justify-content:space-between;gap:30px}
.ob_marka_giris{min-height:0;padding:0;border:0;display:block}
.ob_marka_giris small{display:block;margin-bottom:12px;color:#8b6500!important;font-size:11px!important;font-weight:850;letter-spacing:.15em!important}
:root[data-ob-renk="koyu"] .ob_marka_giris small{color:#ffd43d!important}
:root[data-ob-renk="acik"] .ob_marka_giris h2,:root[data-ob-renk="koyu"] .ob_marka_giris h2{margin:0 0 9px;font-family:ob_montserrat,system-ui,sans-serif;font-size:clamp(28px,3vw,41px);font-weight:800;letter-spacing:-.055em;line-height:1.13;white-space:normal}
:root[data-ob-renk="acik"] .ob_marka_giris h2{color:#17242c!important}
:root[data-ob-renk="koyu"] .ob_marka_giris h2{color:#f5f8f7!important}
.ob_marka_giris h2 em{font-style:normal;color:#b18700!important}
:root[data-ob-renk="koyu"] .ob_marka_giris h2 em{color:#ffd43d!important}
.ob_marka_giris>span{display:block;font-size:14px!important;font-weight:500;letter-spacing:0!important;line-height:1.5;color:#566570}
:root[data-ob-renk="koyu"] .ob_marka_giris>span{color:#b7c4c5}
.ob_marka_kontrol{height:auto;min-width:153px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:17px;padding:0 0 5px}
.ob_marka_sayac{font-size:12px!important;color:#52616a;font-weight:800}
:root[data-ob-renk="koyu"] .ob_marka_sayac{color:#c5d0d0}
.ob_marka_dugmeler{gap:7px}
.ob_marka_dugmeler button,:root[data-ob-renk="acik"] .ob_marka_dugmeler button{width:46px;height:46px;border:1px solid #aebcc4;background:#fff;color:#17242c;transition:background .2s,border-color .2s,transform .2s}
:root[data-ob-renk="koyu"] .ob_marka_dugmeler button{border-color:#58696d;background:#1e2c30;color:#fff}
.ob_marka_dugmeler button:hover,:root[data-ob-renk="acik"] .ob_marka_dugmeler button:hover,:root[data-ob-renk="koyu"] .ob_marka_dugmeler button:hover{background:#ffd43d;color:#11191b;border-color:#ffd43d;transform:translateY(-2px)}
.ob_marka_kaydirici{width:100%;min-width:0}
.ob_marka_iz{height:150px;gap:12px}
.ob_marka_kart,:root[data-ob-renk="acik"] .ob_marka_kart{flex:0 0 calc((100% - 48px)/5);height:150px;min-width:0;padding:18px 19px;border:1px solid #d0dce2;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-shadow:0 10px 22px rgba(30,49,57,.045);transition:border-color .2s,box-shadow .2s,transform .2s}
:root[data-ob-renk="koyu"] .ob_marka_kart{border-color:#47575b;background:#f8faf9}
.ob_marka_kart:hover,:root[data-ob-renk="acik"] .ob_marka_kart:hover,:root[data-ob-renk="koyu"] .ob_marka_kart:hover{border-color:#caa300;background:#fff;box-shadow:0 16px 30px rgba(10,25,28,.13);transform:translateY(-3px)}
.ob_marka_kart::after{display:none}
.ob_marka_kart img{width:100%;max-width:185px;height:76px;max-height:76px;object-fit:contain!important}
.ob_marka_kart img[src*="ob_marka_hella"]{transform:scale(1.23)}
.ob_marka_kart img[src*="ob_marka_bosch"]{transform:scale(1.45)}
.ob_marka_kart img[src*="ob_marka_osram"]{transform:scale(1.5)}
.ob_marka_kart img[src*="ob_marka_marelli"]{transform:scale(1.5)}
.ob_marka_kart img[src*="ob_marka_koito"]{transform:scale(1.5)}
.ob_marka_kart img[src*="ob_marka_tungsram"]{transform:scale(1.7)}
.ob_marka_kart small{position:absolute;left:50%;bottom:13px;z-index:2;transform:translateX(-50%);padding:0 6px;background:#fff;align-self:center;font-size:10px;letter-spacing:.14em;color:#7d8b91}
.ob_marka_alt_cizgi{height:3px;margin-top:17px;background:#cdd8dc}
:root[data-ob-renk="koyu"] .ob_marka_alt_cizgi{background:#405055}

/* Form alanları: yerel select davranışı ve bağımlı araç seçimi korunur. */
:root{--ob_form_zemin:#fff;--ob_form_metin:#17252c;--ob_form_cizgi:#b8c7cf;--ob_form_soluk:#667781;--ob_form_odak:#d5a900}
:root[data-ob-renk="koyu"]{--ob_form_zemin:#213034;--ob_form_metin:#f5f8f8;--ob_form_cizgi:#617176;--ob_form_soluk:#adbdc0;--ob_form_odak:#ffd43d}
.ob_hero_arac .ob_arac_formu label{position:relative;gap:8px;min-width:0}
.ob_hero_arac .ob_arac_formu .ob_secim_etiket{font-size:12px;font-weight:750;letter-spacing:.02em}
.ob_hero_arac .ob_arac_formu select{appearance:none;-webkit-appearance:none;width:100%;height:54px!important;min-height:54px!important;padding:0 38px 0 16px!important;border:1px solid var(--ob_form_cizgi)!important;border-radius:0!important;background:var(--ob_form_zemin)!important;color:var(--ob_form_metin)!important;-webkit-text-fill-color:var(--ob_form_metin)!important;color-scheme:light;font-size:14px!important;font-weight:650;box-shadow:0 3px 0 rgba(10,25,30,.08);transition:border-color .18s,box-shadow .18s}
:root[data-ob-renk="koyu"] .ob_hero_arac .ob_arac_formu select{color-scheme:dark}
.ob_hero_arac .ob_arac_formu label::after{content:"";position:absolute;right:19px;bottom:23px;width:7px;height:7px;border-right:2px solid var(--ob_form_metin);border-bottom:2px solid var(--ob_form_metin);transform:rotate(45deg);pointer-events:none}
.ob_hero_arac .ob_arac_formu select option,.ob_katalog_filtre select option,.ob_sirala_formu select option{background:var(--ob_form_zemin);color:var(--ob_form_metin)}
.ob_hero_arac .ob_arac_formu select:hover,.ob_katalog_filtre select:hover,.ob_sirala_formu select:hover{border-color:var(--ob_form_odak)!important}
.ob_hero_arac .ob_arac_formu select:focus-visible,.ob_katalog_filtre select:focus-visible,.ob_sirala_formu select:focus-visible{outline:2px solid var(--ob_form_odak);outline-offset:2px;box-shadow:0 0 0 4px rgba(255,212,61,.16)}
.ob_hero_arac .ob_arac_formu label:focus-within .ob_secim_etiket{color:#ffd43d}
:root[data-ob-renk="acik"] .ob_hero_arac .ob_arac_formu label:focus-within .ob_secim_etiket{color:#8c6b00}
.ob_hero_arac .ob_arac_formu .ob_sari_dugme{height:54px;min-height:54px;background:#ffd43d!important;color:#141b1d!important}
.ob_oem_seridi input,.ob_katalog_ara input,.ob_alt_bulten .ob_bulten_formu input{height:52px;min-height:52px;padding:0 16px;border:1px solid var(--ob_form_cizgi);border-radius:0;background:var(--ob_form_zemin);color:var(--ob_form_metin);font-size:14px;transition:border-color .18s,box-shadow .18s}
.ob_oem_seridi input::placeholder,.ob_katalog_ara input::placeholder,.ob_alt_bulten .ob_bulten_formu input::placeholder{color:var(--ob_form_soluk);opacity:1}
.ob_oem_seridi input:focus,.ob_katalog_ara:focus-within,.ob_alt_bulten .ob_bulten_formu input:focus{outline:2px solid var(--ob_form_odak);outline-offset:2px;box-shadow:0 0 0 4px rgba(255,212,61,.16)}
.ob_oem_seridi .ob_sari_dugme{height:52px;min-height:52px}
.ob_katalog_filtre select,.ob_sirala_formu select{appearance:none;-webkit-appearance:none;height:52px;min-height:52px;padding:0 40px 0 15px;border:1px solid var(--ob_form_cizgi);border-radius:0;background-color:var(--ob_form_zemin);background-image:linear-gradient(45deg,transparent 50%,var(--ob_form_metin) 50%),linear-gradient(135deg,var(--ob_form_metin) 50%,transparent 50%);background-position:calc(100% - 21px) 23px,calc(100% - 16px) 23px;background-size:5px 5px;background-repeat:no-repeat;color:var(--ob_form_metin);font-size:14px;font-weight:600;transition:border-color .18s,box-shadow .18s}
.ob_katalog_filtre label{margin-top:15px;font-size:12px;font-weight:750;letter-spacing:.01em}
.ob_katalog_ara{height:52px;border:1px solid var(--ob_form_cizgi);background:var(--ob_form_zemin)}
.ob_katalog_ara input{height:50px;min-width:0;border:0;background:transparent}
.ob_katalog_ara button{height:50px;min-width:50px;border:0;background:#ffd43d}
.ob_katalog_ara button .ob_simge{filter:none}
.ob_sirala_formu select{width:235px}
.ob_alt_bulten .ob_bulten_formu{height:52px}
.ob_alt_bulten .ob_bulten_formu input{min-height:52px}
.ob_alt_bulten .ob_bulten_formu button{height:52px}
.ob_arama_kopru .ob_ust_arama{height:52px!important;border:1px solid var(--ob_form_cizgi)!important;box-shadow:0 8px 24px rgba(12,25,30,.12)!important;transition:border-color .18s,box-shadow .18s}
.ob_arama_kopru .ob_ust_arama:focus-within{border-color:var(--ob_form_odak)!important;box-shadow:0 0 0 4px rgba(255,212,61,.18)!important}
.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:50px;background:#fff!important;color:#18262c!important;-webkit-text-fill-color:#18262c!important;font-size:14px!important;font-weight:550}
.ob_arama_kopru .ob_ust_arama button{height:50px}

@media(max-width:900px){.ob_marka_seridi>.ob_marka_icerik{gap:22px;padding-top:36px;padding-bottom:38px}.ob_marka_kart,:root[data-ob-renk="acik"] .ob_marka_kart{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:600px){.ob_marka_seridi>.ob_marka_icerik{width:calc(100% - 28px);gap:20px;padding-top:32px;padding-bottom:34px}.ob_marka_ust{align-items:start;gap:14px}.ob_marka_giris h2{font-size:28px!important}.ob_marka_giris>span{font-size:12px!important;max-width:260px}.ob_marka_kontrol{min-width:0;align-self:end;gap:7px;flex-direction:column}.ob_marka_sayac{font-size:10px!important}.ob_marka_dugmeler button{width:38px;height:38px}.ob_marka_iz{height:130px;gap:9px}.ob_marka_kart,:root[data-ob-renk="acik"] .ob_marka_kart{flex-basis:calc((100% - 9px)/2);height:130px;padding:12px}.ob_marka_kart img{height:65px}.ob_hero_arac .ob_arac_formu select{height:50px!important;min-height:50px!important;font-size:13px!important;padding-left:11px!important}.ob_hero_arac .ob_arac_formu label::after{bottom:21px;right:14px}.ob_hero_arac .ob_arac_formu .ob_sari_dugme{height:50px;min-height:50px}.ob_sirala_formu select{width:min(68vw,240px)}.ob_arama_kopru .ob_ust_arama{height:48px!important}.ob_arama_kopru .ob_ust_arama input,:root[data-ob-renk="koyu"] .ob_arama_kopru .ob_ust_arama input{height:46px}.ob_arama_kopru .ob_ust_arama button{height:46px}}