@charset "UTF-8";

/* Vitrin fotoğrafı ana odakta kalır; metin yalnızca sol tarafta bir zemin alır. */
.ob_vitrin{height:690px!important;overflow:hidden;background:#080d10}
.ob_vitrin .ob_slayt{overflow:hidden}
.ob_vitrin .ob_slayt_gorsel{object-position:center center;opacity:1;filter:brightness(1.08) contrast(1.06) saturate(1.08);transform:scale(1.01)}
.ob_vitrin .ob_slayt.ob_aktif .ob_slayt_gorsel{transform:scale(1.035)}
.ob_vitrin .ob_slayt::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,9,12,.91) 0%,rgba(5,9,12,.74) 26%,rgba(5,9,12,.22) 55%,transparent 77%),linear-gradient(0deg,rgba(5,9,12,.42),transparent 25%)!important}
.ob_vitrin .ob_slayt_icerik,.ob_vitrin .ob_vitrin_bos>.ob_kapsayici{width:min(100% - 60px,1350px);height:100%;align-items:flex-start;justify-content:center;padding:45px 0 105px;text-align:left;transform:none}
.ob_vitrin .ob_slayt .ob_ust_etiket{display:flex;align-items:center;gap:13px;margin:0 0 19px;color:#ffda43;font:800 12px/1.2 system-ui,"Segoe UI",sans-serif;letter-spacing:.15em;text-shadow:none}
.ob_vitrin .ob_slayt .ob_ust_etiket::before{content:"";display:block;width:35px;height:3px;background:#ffda43}
.ob_vitrin .ob_slayt h1,.ob_vitrin .ob_vitrin_bos h1{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:800px;margin:0 0 25px;color:#fff;font-family:ob_montserrat,system-ui,"Segoe UI",sans-serif;font-size:clamp(48px,5.15vw,78px);font-weight:900;line-height:.98;letter-spacing:-.07em;text-transform:uppercase;text-wrap:initial;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.ob_vitrin .ob_slayt h1 span,.ob_vitrin .ob_slayt h1 em{display:block;max-width:100%;font:inherit;white-space:nowrap}
.ob_vitrin .ob_slayt h1 em{color:#ffda43;font-style:normal}
.ob_vitrin .ob_slayt p,.ob_vitrin .ob_vitrin_bos p{max-width:455px;margin:0 0 30px;color:#f1f4f3;font:400 18px/1.55 system-ui,"Segoe UI",sans-serif;text-shadow:0 2px 9px rgba(0,0,0,.7)}
.ob_vitrin .ob_slayt .ob_sari_dugme{display:inline-flex;min-height:48px;padding:0 20px;border-radius:0;background:#ffda43;color:#171d1d;font-size:13px;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.22)}
.ob_vitrin .ob_slayt .ob_sari_dugme:hover{background:#fff;color:#151a1a}
.ob_vitrin .ob_slayt .ob_sari_dugme .ob_ikon{width:17px;height:17px}
.ob_vitrin .ob_vitrin_bos{background-image:url('../ob_gorseller/ob_vitrin_ana.webp');background-position:center}
.ob_vitrin .ob_vitrin_bos::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,12,.91),rgba(5,9,12,.15) 70%)}

/* Her sekme kendi sahnesinin küçük bir önizlemesini taşır. */
.ob_vitrin .ob_slayt_kontrolleri{left:50%;right:auto;bottom:24px;display:flex;justify-content:flex-end;align-items:center;gap:8px;width:min(100% - 60px,1350px);max-width:none;transform:translateX(-50%);opacity:1;pointer-events:auto}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok{display:grid;place-items:center;flex:none;width:48px;height:68px;border:1px solid rgba(255,255,255,.4);border-radius:0;background:rgba(8,16,19,.75);color:#fff;backdrop-filter:blur(8px)}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok:hover{border-color:#ffda43;background:#ffda43;color:#111}
.ob_vitrin .ob_slayt_secimler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(660px,100%);height:68px;border:1px solid rgba(255,255,255,.25);background:rgba(8,16,19,.78);backdrop-filter:blur(12px)}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim{display:flex;align-items:center;justify-content:flex-start;gap:11px;width:100%;height:66px;min-width:0;padding:8px 11px;border:0;border-right:1px solid rgba(255,255,255,.14);border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#edf1ef;text-align:left;white-space:nowrap}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim:last-child{border-right:0}
.ob_vitrin .ob_slayt_kucuk_gorsel{display:block;flex:none;width:57px;height:45px;object-fit:cover;border:1px solid rgba(255,255,255,.22);filter:brightness(.88)}
.ob_vitrin .ob_slayt_secim_metin{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;overflow:hidden}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim small{color:#ffda43;font-size:10px;font-weight:850;letter-spacing:.12em}
.ob_vitrin .ob_slayt_secim_metin span{display:block;overflow:hidden;width:100%;color:#fff;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim.ob_etkin{border-top:0;border-bottom-color:#ffda43;background:rgba(255,218,67,.13)}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim:hover{background:rgba(255,255,255,.1)}
.ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim.ob_etkin .ob_slayt_kucuk_gorsel{filter:none;border-color:#ffda43}

/* Araç bulucu kendi bandında; görseli örtmez. */
.ob_hero_arac{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;width:100%;max-width:none;margin:0;padding:0;transform:none;background:#172123;color:#fff;border-top:3px solid #ffda43}
.ob_hero_arac_ici{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:30px;width:min(100% - 60px,1350px);min-height:139px;padding:19px 0}
.ob_hero_arac_baslik{display:flex;flex-direction:column;gap:5px;padding-right:25px;border-right:1px solid #465254}
.ob_hero_arac_baslik>span{color:#ffda43;font-size:10px;font-weight:850;letter-spacing:.19em}
.ob_hero_arac_baslik strong{font:850 22px/1.04 system-ui,"Segoe UI",sans-serif;letter-spacing:-.04em}
.ob_hero_arac_baslik small{color:#b5c1be;font-size:11px;line-height:1.35}
.ob_hero_arac .ob_arac_formu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(155px,1.1fr);align-items:end;gap:10px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.ob_hero_arac .ob_arac_formu label{display:flex;flex-direction:column;gap:8px;min-width:0;height:auto;color:#e4ebe7!important;font-size:11px;font-weight:750}
.ob_hero_arac .ob_secim_etiket{display:block;font-size:11px;line-height:1;letter-spacing:.04em}
.ob_hero_arac .ob_arac_formu select{display:block;width:100%;height:47px;min-height:47px;padding:0 10px;border:1px solid #d8dedd;border-radius:0;background:#f7f9f7!important;color:#222b2c!important;-webkit-text-fill-color:#222b2c!important;font-size:13px;font-weight:650;box-shadow:none}
.ob_hero_arac .ob_arac_formu select option{background:#fff;color:#202829}
.ob_hero_arac .ob_arac_formu .ob_sari_dugme{grid-column:auto;display:inline-flex;width:100%;height:47px;min-height:47px;padding:0 12px;border-radius:0;background:#ffda43;color:#172123;font-size:12px;font-weight:850;white-space:nowrap;text-align:center}
.ob_hero_arac .ob_arac_formu .ob_sari_dugme .ob_ikon{width:15px;height:15px}
.ob_hero_arac .ob_arac_formu .ob_sari_dugme:hover{background:#fff}

/* Vitrinden ürünlere geçerken başlık ve kart hiyerarşisi korunur. */
.ob_urun_alani{padding-top:68px;padding-bottom:82px;background:#f1f3f0}
.ob_urun_alani .ob_bolum_etiket{display:block;margin-bottom:8px;color:#a37b00;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.ob_urun_alani .ob_acik_baslik h2{display:block;margin:0;font-size:clamp(28px,2.5vw,36px);font-weight:800;letter-spacing:-.045em}
.ob_urun_alani .ob_acik_baslik p{display:block;margin:7px 0 0;color:#6b7775;font-size:13px}
.ob_urun_alani .ob_urun_karti{border-color:#dfe4e1;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ob_urun_alani .ob_urun_karti:hover{transform:translateY(-4px);border-color:#c8b456;box-shadow:0 16px 36px rgba(10,24,25,.1)}
.ob_guven_seridi>.ob_kapsayici{min-height:126px}
.ob_guven_seridi>.ob_kapsayici>div{position:relative;padding-left:21px;border-left:1px solid #e0e5e1}
.ob_guven_seridi>.ob_kapsayici>div:first-child{border-left:0}
.ob_guven_seridi>.ob_kapsayici>div::after{content:"";position:absolute;left:21px;bottom:0;width:32px;height:2px;background:#ffda43}
.ob_guven_seridi strong{font-weight:800;letter-spacing:-.025em}
.ob_urun_alani .ob_urun_grid{gap:14px;margin-top:24px;padding-top:20px}
.ob_urun_alani .ob_urun_karti{flex-basis:calc((100% - 42px)/4);min-height:475px;box-shadow:0 5px 24px rgba(20,30,27,.045)}
.ob_urun_alani .ob_urun_gorsel{height:248px;padding:22px;background:#fff;border-bottom:1px solid #e8ebe7}
.ob_urun_alani .ob_urun_gorsel img{transition:transform .3s ease}
.ob_urun_alani .ob_urun_karti:hover .ob_urun_gorsel img{transform:scale(1.055)}
.ob_urun_alani .ob_urun_bilgi{min-height:226px;padding:17px 18px 18px}
.ob_urun_alani .ob_urun_uretici{color:#907007;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.ob_urun_alani .ob_urun_karti h3{min-height:43px;margin:7px 0;color:#1a2627;font-size:17px;font-weight:780;line-height:1.24;letter-spacing:-.035em}
.ob_urun_alani .ob_uyumluluk,.ob_urun_alani .ob_oem{font-size:11px}
.ob_urun_alani .ob_stok{margin:8px 0 9px;font-weight:800}
.ob_urun_alani .ob_fiyat{margin:0 0 13px;padding:0;color:#152022;font-size:22px;font-weight:850;letter-spacing:-.04em}
.ob_urun_alani .ob_urun_ekle{position:static;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:42px;min-height:42px;padding:0 14px;background:#ffda43!important;color:#142022!important;font-size:12px!important;font-weight:850}
.ob_urun_alani .ob_urun_ekle .ob_simge{width:17px;height:17px;opacity:1}
.ob_urun_alani .ob_urun_ekle:hover{background:#142022!important;color:#fff!important}
.ob_urun_alani .ob_urun_ekle:disabled{background:#dbe0df!important;color:#65706e!important}
.ob_urun_alani .ob_urun_sekmeler a{font-size:12px;font-weight:700}
.ob_urun_alani .ob_urun_kontroller button{width:38px;height:36px}
.ob_urun_alani .ob_bolum_baslik{position:relative;padding-left:20px}
.ob_urun_alani .ob_bolum_baslik::before{content:"";position:absolute;left:0;top:4px;width:4px;height:55px;background:#ffda43}
.ob_urun_alani .ob_urun_sekmeler a.ob_secili{background:#ffda43;color:#142022;clip-path:none;font-weight:850}
.ob_urun_alani .ob_urun_karti{overflow:hidden}
.ob_urun_alani .ob_urun_karti::before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:3px;background:#ffda43;transform:scaleX(0);transform-origin:left;transition:transform .28s ease;pointer-events:none}
.ob_urun_alani .ob_urun_karti:hover::before,.ob_urun_alani .ob_urun_karti:focus-within::before{transform:scaleX(1)}
.ob_urun_alani .ob_urun_gorsel{background:#f8faf8}

/* Fotoğraf ve gerçek katalog verisi aynı odak vitrininde buluşur. */
.ob_odak_vitrini{position:relative;isolation:isolate;overflow:hidden;min-height:620px;background:#080e10;color:#fff}
.ob_odak_vitrini::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,8,10,.04) 0%,rgba(3,8,10,.28) 42%,rgba(3,8,10,.87) 62%,#091112 100%),linear-gradient(0deg,rgba(3,8,10,.4),transparent 36%);pointer-events:none}
.ob_odak_fon{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.ob_odak_icerik{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,530px);grid-template-rows:auto auto;align-content:center;column-gap:50px;row-gap:30px;min-height:620px;padding-top:54px;padding-bottom:54px}
.ob_odak_metin,.ob_odak_urun{grid-column:2}
.ob_odak_ust{display:inline-flex;align-items:center;gap:12px;color:#ffda43;font-size:11px;font-weight:850;letter-spacing:.18em}
.ob_odak_ust i{display:block;width:28px;height:2px;background:#ffda43}
.ob_odak_metin h2{margin:21px 0 18px;color:#fff;font-family:ob_montserrat,system-ui,"Segoe UI",sans-serif;font-size:clamp(44px,4.15vw,66px);font-weight:900;letter-spacing:-.065em;line-height:.95}
.ob_odak_metin h2 em{color:#ffda43;font-style:normal}
.ob_odak_metin p{max-width:430px;margin:0 0 21px;color:#dce5e1;font-size:15px;line-height:1.55}
.ob_odak_metin>a{display:inline-flex;align-items:center;gap:18px;min-height:42px;padding:0 0 4px;border-bottom:2px solid #ffda43;color:#fff;font-size:12px;font-weight:800;transition:gap .2s ease,color .2s ease}
.ob_odak_metin>a:hover{gap:25px;color:#ffda43}
.ob_odak_metin>a .ob_ikon{width:17px;height:17px;color:#ffda43}
.ob_odak_urun{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto;overflow:hidden;border:1px solid rgba(255,255,255,.3);background:rgba(9,18,20,.88);box-shadow:0 20px 55px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
.ob_odak_urun_ust{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:35px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.17);color:#ffda43;font-size:10px;font-weight:850;letter-spacing:.12em}
.ob_odak_urun_ust strong{color:#f2f5f2;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.ob_odak_gorsel{display:grid;place-items:center;min-height:154px;padding:9px;background:#f8faf8}
.ob_odak_gorsel img{display:block;width:100%;height:136px;object-fit:contain}
.ob_odak_urun_alt{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0;padding:15px 16px}
.ob_odak_urun_alt small{display:block;overflow:hidden;color:#b9c6c3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.ob_odak_urun_alt h3{margin:3px 0;color:#fff;font-size:16px;font-weight:800;line-height:1.2}
.ob_odak_urun_alt span{color:#aab9b5;font-size:10px}
.ob_odak_satin_al{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ob_odak_satin_al strong{color:#ffda43;font-size:17px;font-weight:850;white-space:nowrap}
.ob_odak_satin_al a{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:10px;font-weight:850;white-space:nowrap;text-transform:uppercase}
.ob_odak_satin_al a:hover{color:#ffda43}
.ob_odak_satin_al .ob_ikon{width:14px;height:14px}
.ob_oem_seridi{padding:25px 0;background:#1b2729;color:#fff;border-top:3px solid #ffda43}
.ob_oem_seridi .ob_oem_baslik strong{color:#fff}
.ob_oem_seridi .ob_oem_baslik p{color:#b9c5c1}
.ob_oem_seridi input{height:46px;border-color:#5b6b69;background:#273538;color:#fff}
.ob_oem_seridi input::placeholder{color:#b7c3c0}
.ob_oem_seridi .ob_sari_dugme{height:46px;min-height:46px}
.ob_kategori_alani{background:#fff}
.ob_kategori_alani .ob_kategoriler{padding-top:72px;padding-bottom:82px}
.ob_kategori_alani .ob_kategori_grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,242px);gap:11px}
.ob_kategori_alani .ob_kategori_karti:first-child,.ob_kategori_alani .ob_kategori_karti:last-child{grid-column:span 2}
.ob_kategori_alani .ob_kategori_karti{box-shadow:0 12px 25px rgba(19,31,31,.08)}
.ob_kategori_alani .ob_kategori_karti img{filter:brightness(.82) contrast(1.06)}
.ob_kategori_alani .ob_kategori_karti::after{inset:22% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.87))}
.ob_kategori_alani .ob_kategori_yazi{left:23px;bottom:22px}
.ob_kategori_alani .ob_kategori_yazi strong,.ob_kategori_alani .ob_kategori_karti:first-child .ob_kategori_yazi strong{font-size:22px}
.ob_kategori_alani .ob_kategori_ok,.ob_kategori_alani .ob_kategori_karti:first-child .ob_kategori_ok{right:20px;bottom:20px;width:35px;height:35px;background:#ffda43;color:#111}
.ob_alt_vitrin{height:445px}
.ob_alt_vitrin h2{font-size:clamp(42px,3.8vw,60px);font-weight:850}
.ob_secim_yollari{isolation:isolate;background:#111b1d url('../ob_gorseller/ob_vitrin_magaza.webp') center/cover no-repeat}
.ob_secim_yollari::before{display:block;position:absolute;z-index:-1;inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(12,21,23,.96),rgba(12,21,23,.78)),rgba(12,21,23,.55);box-shadow:none}
.ob_secim_yollari_ici{gap:100px;padding-top:80px;padding-bottom:86px}
.ob_secim_yollari nav{gap:8px;border:0}
.ob_secim_yollari nav a{min-height:83px;padding:14px 20px;border:1px solid #596668;background:rgba(9,18,20,.61)}
.ob_secim_yollari nav a:hover{border-color:#ffda43;background:#223033;padding-left:25px}
.ob_secim_yollari nav a span{font-size:11px}
.ob_secim_yollari nav a strong{font-weight:780}
.ob_kategori_alani .ob_kategori_karti:hover,.ob_kategori_alani .ob_kategori_karti:focus-visible{outline:2px solid #ffda43;outline-offset:-2px}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_sekmeler a.ob_secili{color:#142022}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_gorsel{background:#e9eeeb}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_bolum_etiket{color:#ffda43}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_acik_baslik p{color:#aebbb7}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_karti{border-color:#3d494a}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_karti:hover{border-color:#bb9f37;box-shadow:0 16px 36px rgba(0,0,0,.25)}
:root[data-ob-renk="koyu"] .ob_urun_alani{background:#131c1e}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_uretici{color:#ffda43}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_gorsel{background:#e9eeeb}
:root[data-ob-renk="koyu"] .ob_urun_alani .ob_urun_bilgi{background:#202b2d}
:root[data-ob-renk="koyu"] .ob_oem_seridi{background:#1b2729}
:root[data-ob-renk="koyu"] .ob_oem_seridi input{background:#273538;color:#fff;border-color:#5b6b69}
:root[data-ob-renk="koyu"] .ob_kategori_alani{background:#172123}
:root[data-ob-renk="koyu"] .ob_guven_seridi>.ob_kapsayici>div{border-color:#394749}

@media(max-width:1050px){
  .ob_vitrin{height:620px!important}
  .ob_vitrin .ob_slayt h1{font-size:clamp(47px,5.6vw,65px)}
  .ob_vitrin .ob_slayt_kontrolleri{bottom:16px}
  .ob_vitrin .ob_slayt_secimler{width:min(600px,100%)}
  .ob_vitrin .ob_slayt_kucuk_gorsel{width:45px}
  .ob_hero_arac_ici{grid-template-columns:1fr;gap:16px;padding:20px 0}
  .ob_hero_arac_baslik{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 18px;padding:0;border:0}
  .ob_hero_arac_baslik>span{grid-row:1/-1}
  .ob_hero_arac_baslik strong{font-size:19px}
  .ob_hero_arac_baslik strong br{display:none}
  .ob_hero_arac_baslik small{grid-column:2}
  .ob_urun_alani .ob_urun_karti{flex-basis:calc((100% - 28px)/3)}
  .ob_kategori_alani .ob_kategori_grid{grid-template-rows:repeat(2,215px)}
  .ob_odak_vitrini,.ob_odak_icerik{min-height:600px}
  .ob_odak_icerik{grid-template-columns:minmax(0,1fr) minmax(0,440px)}
  .ob_odak_metin h2{font-size:50px}
  .ob_secim_yollari_ici{gap:45px}
}

@media(max-width:650px){
  .ob_vitrin{height:570px!important}
  .ob_vitrin .ob_slayt_gorsel{object-position:72% center;opacity:1}
  .ob_vitrin .ob_slayt:nth-of-type(2) .ob_slayt_gorsel{object-position:63% center}
  .ob_vitrin .ob_slayt:nth-of-type(3) .ob_slayt_gorsel{object-position:66% center}
  .ob_vitrin .ob_slayt::after{background:linear-gradient(180deg,rgba(3,8,11,.76),rgba(3,8,11,.43) 44%,rgba(3,8,11,.13) 77%,rgba(3,8,11,.45))!important}
  .ob_vitrin .ob_slayt_icerik,.ob_vitrin .ob_vitrin_bos>.ob_kapsayici{width:calc(100% - 32px);justify-content:flex-start;padding:79px 0 86px}
  .ob_vitrin .ob_slayt .ob_ust_etiket{gap:8px;margin-bottom:16px;font-size:9px;letter-spacing:.12em}
  .ob_vitrin .ob_slayt .ob_ust_etiket::before{width:20px;height:2px}
  .ob_vitrin .ob_slayt h1,.ob_vitrin .ob_vitrin_bos h1{max-width:100%;margin-bottom:14px;font-size:clamp(28px,7.5vw,40px);line-height:1.02;letter-spacing:-.055em}
  .ob_vitrin .ob_slayt p,.ob_vitrin .ob_vitrin_bos p{max-width:310px;margin-bottom:18px;font-size:13px!important;line-height:1.45}
  .ob_vitrin .ob_slayt .ob_sari_dugme{min-height:42px;padding:0 15px;font-size:11px}
  .ob_vitrin .ob_slayt_kontrolleri{bottom:12px;gap:4px;width:calc(100% - 24px)}
  .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_ok{width:30px;height:51px}
  .ob_vitrin .ob_slayt_secimler{flex:1;width:auto;height:51px}
  .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim{justify-content:center;height:49px;padding:4px 2px}
  .ob_vitrin .ob_slayt_kucuk_gorsel{display:none}
  .ob_vitrin .ob_slayt_secim_metin{align-items:center;gap:2px}
  .ob_vitrin .ob_slayt_kontrolleri .ob_slayt_secim small{display:block;font-size:9px}
  .ob_vitrin .ob_slayt_secim_metin span{font-size:9px;text-align:center}
  .ob_hero_arac_ici{width:calc(100% - 28px);gap:17px;padding:20px 0 22px}
  .ob_hero_arac_baslik{display:flex;align-items:flex-start;gap:5px}
  .ob_hero_arac_baslik strong{font-size:22px}
  .ob_hero_arac_baslik strong br{display:initial}
  .ob_hero_arac_baslik small{font-size:11px}
  .ob_hero_arac .ob_arac_formu{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .ob_hero_arac .ob_arac_formu label{gap:6px}
  .ob_hero_arac .ob_arac_formu select{height:43px;min-height:43px;font-size:12px}
  .ob_hero_arac .ob_arac_formu .ob_sari_dugme{grid-column:1/-1;height:45px;min-height:45px;font-size:12px}
  .ob_guven_seridi>.ob_kapsayici>div{padding-left:9px}
  .ob_guven_seridi>.ob_kapsayici>div::after{left:9px}
  .ob_urun_alani{padding-top:47px;padding-bottom:54px}
  .ob_urun_alani .ob_urun_karti{flex-basis:min(82%,295px);min-height:0}
  .ob_urun_alani .ob_urun_gorsel{height:215px}
  .ob_urun_alani .ob_urun_bilgi{min-height:0;padding:15px}
  .ob_urun_alani .ob_urun_karti h3{font-size:16px}
  .ob_urun_alani .ob_fiyat{font-size:21px}
  .ob_kategori_alani .ob_kategoriler{padding-top:48px;padding-bottom:56px}
  .ob_kategori_alani .ob_kategori_grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,175px);gap:8px}
  .ob_kategori_alani .ob_kategori_karti:first-child,.ob_kategori_alani .ob_kategori_karti:last-child{grid-column:auto}
  .ob_kategori_alani .ob_kategori_yazi{left:12px;bottom:13px}
  .ob_kategori_alani .ob_kategori_yazi strong,.ob_kategori_alani .ob_kategori_karti:first-child .ob_kategori_yazi strong{font-size:16px}
  .ob_kategori_alani .ob_kategori_ok,.ob_kategori_alani .ob_kategori_karti:first-child .ob_kategori_ok{right:10px;bottom:11px;width:26px;height:26px}
  .ob_alt_vitrin{height:350px}
  .ob_odak_vitrini,.ob_odak_icerik{min-height:0}
  .ob_odak_vitrini::after{background:linear-gradient(180deg,rgba(3,8,10,.64),rgba(3,8,10,.86) 50%,#091112 100%)}
  .ob_odak_fon{height:55%;object-position:28% center}
  .ob_odak_icerik{display:flex;flex-direction:column;align-items:stretch;gap:29px;width:calc(100% - 30px);padding-top:65px;padding-bottom:35px}
  .ob_odak_metin h2{margin:17px 0 14px;font-size:clamp(39px,10vw,52px)}
  .ob_odak_metin p{max-width:350px;font-size:13px}
  .ob_odak_urun{grid-template-columns:92px minmax(0,1fr)}
  .ob_odak_gorsel{min-height:145px;padding:5px}
  .ob_odak_gorsel img{height:120px}
  .ob_odak_urun_alt{padding:12px;gap:7px}
  .ob_odak_urun_alt h3{font-size:14px}
  .ob_odak_urun_alt small,.ob_odak_urun_alt span{font-size:9px}
  .ob_odak_satin_al{align-items:flex-start;flex-direction:column;gap:5px}
  .ob_odak_satin_al strong{font-size:15px}
  .ob_secim_yollari_ici{padding-top:55px;padding-bottom:62px}
}

@media(prefers-reduced-motion:reduce){
  .ob_vitrin .ob_slayt_gorsel,.ob_vitrin .ob_slayt.ob_aktif .ob_slayt_gorsel{transition:none;transform:none}
}