@charset "UTF-8";

/* Ortak üst alan: marka, arama ve işlemler; altında bağımsız katalog bandı. */
:root[data-ob-renk="acik"] { --ob_baslik_zemin:#fff; --ob_baslik_metin:#172326; --ob_baslik_cizgi:#d6ddde; --ob_baslik_ikon:none; --ob_menu_zemin:#fff; --ob_menu_metin:#172326; --ob_menu_cizgi:transparent; --ob_menu_uzer:#fff7da; --ob_menu_vurgu:#8d6800; }
:root[data-ob-renk="koyu"] { --ob_baslik_zemin:#141c1e; --ob_baslik_metin:#f2f5f3; --ob_baslik_cizgi:#354247; --ob_baslik_ikon:invert(1); --ob_menu_zemin:#10191c; --ob_menu_metin:#eaf0ed; --ob_menu_cizgi:#283539; --ob_menu_uzer:#223137; --ob_menu_vurgu:#ffd43d; }
:root[data-ob-renk] .ob_ust_serit{height:32px!important;min-height:32px;background:#111a1d!important;border:0!important;color:#dfe8e7!important}
:root[data-ob-renk] .ob_ust_serit_ici{display:flex!important;align-items:center;justify-content:space-between;width:min(100% - 48px,1600px)!important;max-width:1600px!important;height:32px;min-height:32px;margin:auto!important;padding:0!important}
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_guven,
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_soz,
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_baglar{flex:0 1 auto;min-width:0;margin:0;padding:0;background:transparent!important;clip-path:none!important;color:inherit!important}
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_guven{gap:26px}
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_guven span{font-size:10px;font-weight:650}
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_guven span:first-child{color:#ffd43d}
:root[data-ob-renk] .ob_ust_serit .ob_ust_guven .ob_simge{filter:invert(1)!important}
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_baglar a{color:#dfe8e7!important}
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_soz{font-size:9px;font-weight:800;letter-spacing:.22em;color:#aebdbd!important}
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_baglar{gap:13px}
:root[data-ob-renk] .ob_ust_serit_ici>.ob_ust_baglar a+a{padding-left:13px;border-left:1px solid #526164}
:root[data-ob-renk] body .ob_site_baslik {
  display:grid!important;
  grid-template-columns:minmax(24px,1fr) minmax(0,1600px) minmax(24px,1fr);
  grid-template-rows:104px 62px;
  height:auto!important;min-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:var(--ob_baslik_zemin)!important;
  color:var(--ob_baslik_metin)!important;
}
body .ob_site_baslik .ob_baslik_ici,
body.ob_sayfa_ic .ob_site_baslik .ob_baslik_ici {
  grid-column:2;grid-row:1;
  display:flex!important;align-items:center;justify-content:space-between;
  width:100%!important;height:104px!important;
  margin:0!important;padding:0!important;gap:0!important;
  border:0!important;
}
body .ob_baslik_ici .ob_kf_marka,
body.ob_sayfa_ic .ob_baslik_ici .ob_kf_marka {
  width:202px;height:82px;flex:none;align-self:center;justify-self:auto;
  border:0;outline:0;
  background:transparent;
}
.ob_kf_filtreler{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
body .ob_baslik_ici .ob_kf_marka img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
:root[data-ob-renk="acik"] body .ob_baslik_ici .ob_kf_marka img{filter:url(#ob_kf_logo_acik)!important}
:root[data-ob-renk="koyu"] body .ob_baslik_ici .ob_kf_marka img{filter:url(#ob_kf_logo_koyu)!important}
body .ob_baslik_ici>.ob_baslik_eylemler{
  display:flex;align-items:center;justify-content:flex-end;gap:0;
  width:auto;flex:none;min-width:280px;height:62px;
  margin:0;padding:0;border-left:1px solid var(--ob_baslik_cizgi);
}
:root[data-ob-renk] body .ob_baslik_ici .ob_baslik_eylem,
:root[data-ob-renk] body .ob_baslik_ici .ob_tema_dugmesi{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:70px;min-width:70px;height:62px;min-height:62px;padding:5px 3px;
  margin:0;border:0!important;border-right:1px solid var(--ob_baslik_cizgi)!important;
  border-radius:0!important;background:transparent!important;color:var(--ob_baslik_metin)!important;
  gap:5px;transition:background .18s,color .18s;
}
:root[data-ob-renk] body .ob_baslik_ici .ob_baslik_eylem:hover,
:root[data-ob-renk] body .ob_baslik_ici .ob_tema_dugmesi:hover,
:root[data-ob-renk] body .ob_baslik_ici .ob_baslik_eylem[aria-pressed="true"]{
  background:#ffd43d!important;color:#11191a!important;
}
:root[data-ob-renk] body .ob_baslik_ici .ob_baslik_eylem .ob_simge,
:root[data-ob-renk] body .ob_baslik_ici .ob_tema_dugmesi .ob_simge{
  display:block;width:18px;height:18px;filter:var(--ob_baslik_ikon)!important;
}
:root[data-ob-renk="acik"] body .ob_baslik_ici .ob_tema_dugmesi .ob_simge:first-child,
:root[data-ob-renk="koyu"] body .ob_baslik_ici .ob_tema_dugmesi .ob_simge:nth-child(2){display:none!important}
:root[data-ob-renk] body .ob_baslik_ici .ob_baslik_eylem:hover .ob_simge,
:root[data-ob-renk] body .ob_baslik_ici .ob_tema_dugmesi:hover .ob_simge{filter:none!important}
body .ob_baslik_ici .ob_baslik_eylem>span{display:block;font-size:10px;font-weight:750;line-height:1;white-space:nowrap}
body .ob_baslik_ici .ob_tema_dugmesi .ob_tema_metin{display:none}
body .ob_baslik_ici .ob_baslik_eylem b{top:0;right:8px;border:1px solid var(--ob_baslik_zemin);border-radius:2px}

body .ob_site_baslik .ob_arama_kopru,
body.ob_sayfa_ic .ob_site_baslik .ob_arama_kopru{
  position:relative!important;grid-column:2;grid-row:1;
  z-index:62;align-self:center;justify-self:start;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:calc(100% - 568px)!important;max-width:none!important;height:62px!important;
  margin:0 0 0 229px!important;padding:0!important;
  border:0!important;background:transparent!important;transform:none!important;
  align-items:center!important;pointer-events:none;
}
body .ob_site_baslik .ob_arama_kimlik,
body .ob_site_baslik .ob_arama_kisayol{display:none!important}
body .ob_site_baslik .ob_arama_kopru .ob_ust_arama,
body.ob_sayfa_ic .ob_site_baslik .ob_arama_kopru .ob_ust_arama{
  display:flex;align-self:center;width:100%!important;max-width:none!important;
  grid-row:1!important;height:56px!important;margin:0!important;border:1px solid var(--ob_baslik_cizgi)!important;
  border-radius:0!important;clip-path:none!important;background:#fff!important;
  box-shadow:0 8px 26px rgba(9,20,22,.08)!important;pointer-events:auto;
}
body .ob_site_baslik .ob_arama_kopru .ob_arama_arac{width:52px;height:54px;background:#eef2f1}
body .ob_site_baslik .ob_arama_kopru .ob_arama_arac .ob_simge,
body .ob_site_baslik .ob_arama_kopru .ob_ust_arama button .ob_simge{width:18px;height:18px}
body .ob_site_baslik .ob_arama_kopru .ob_ust_arama input,
body.ob_sayfa_ic .ob_site_baslik .ob_arama_kopru .ob_ust_arama input{
  height:54px!important;font-size:14px!important;text-align:left!important;color:#1a292d!important;
  -webkit-text-fill-color:#1a292d!important;background:#fff!important;
}
body .ob_site_baslik .ob_arama_kopru .ob_ust_arama button,
body.ob_sayfa_ic .ob_site_baslik .ob_arama_kopru .ob_ust_arama button{
  height:54px!important;min-width:52px!important;width:52px!important;border:0!important;
  background:#ffd43d!important;color:#121819!important;
}
body .ob_site_baslik .ob_arama_kopru .ob_ust_arama button .ob_simge{filter:none!important;opacity:1!important}
body .ob_site_baslik .ob_arama_kopru .ob_ust_arama:focus-within{border-color:#e6b813!important;box-shadow:0 0 0 3px rgba(255,212,61,.18)!important}
body .ob_site_baslik .ob_arama_oneriler,
body.ob_sayfa_ic .ob_site_baslik .ob_arama_oneriler{top:62px;left:0;width:100%;max-height:min(560px,calc(100vh - 150px));transform:none;z-index:70}

:root[data-ob-renk] body .ob_site_baslik>.ob_ana_gezinti{
  grid-column:1/-1;grid-row:2;z-index:30;
  height:62px!important;min-height:62px!important;
  background:var(--ob_menu_zemin)!important;color:var(--ob_menu_metin)!important;
  border:0!important;box-shadow:none!important;
}
body .ob_site_baslik>.ob_ana_gezinti .ob_gezinti_ici{
  position:relative;display:flex;align-items:stretch;
  width:min(100% - 48px,1600px);height:62px!important;
  margin:auto;padding:0!important;gap:0!important;
}
body .ob_site_baslik .ob_kategori_menu{position:static;z-index:2;flex:none}
body .ob_site_baslik .ob_kategori_menu summary,
body .ob_site_baslik .ob_kategori_menu[open] summary{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:196px!important;min-width:196px!important;height:62px!important;
  padding:0 15px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  background:#ffd43d!important;color:#111a1c!important;
  font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;
}
body .ob_site_baslik .ob_kategori_menu summary:hover,
body .ob_site_baslik .ob_kategori_menu[open] summary{background:#ffe16d!important}
body .ob_site_baslik .ob_kategori_menu summary:focus-visible{outline:0!important;box-shadow:none!important;background:#ffe16d!important}
body .ob_site_baslik .ob_kategori_menu summary .ob_ikon:last-child{display:block;width:12px;height:12px;margin-left:auto}
body .ob_site_baslik .ob_gezinti_baglar{
  display:flex;align-items:stretch;justify-content:space-between;gap:4px!important;
  flex:1;min-width:0;padding:0 10px 0 18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
}
:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a,
:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a:nth-child(n){
  position:relative;display:flex!important;flex-direction:row;align-items:center;justify-content:center;
  gap:0;flex:1;min-width:0;height:62px;padding:0 10px;border:0!important;
  color:var(--ob_menu_metin)!important;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
  transition:background .18s,color .18s;
}
body .ob_site_baslik .ob_gezinti_baglar a::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:#ffd43d;transform:scaleX(0);transform-origin:left;transition:transform .2s}
:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a:hover,
:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a:focus-visible{background:var(--ob_menu_uzer)!important;color:var(--ob_menu_metin)!important}
body .ob_site_baslik .ob_gezinti_baglar a:hover::after,
body .ob_site_baslik .ob_gezinti_baglar a:focus-visible::after{transform:scaleX(1)}
:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar .ob_menu_atolye{color:var(--ob_menu_vurgu)!important}
body .ob_site_baslik .ob_gezinti_vurgu{
  display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:9px;
  align-self:stretch;flex:none;width:176px;height:62px;
  padding:0 14px;border:0!important;
  color:var(--ob_menu_vurgu)!important;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
}
body .ob_site_baslik .ob_gezinti_vurgu:hover{background:#ffd43d;color:#11191a!important}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_gezinti_vurgu{background:#fff!important;color:#775900!important}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_gezinti_vurgu:hover{background:#ffd43d!important;color:#11191a!important}
body .ob_site_baslik .ob_mega_menu{top:100%;left:0;right:0;width:100%;z-index:75;border-top:0!important}

:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_menu{border-color:#d6e0e2!important;background:#fff!important;color:#1b292e!important;box-shadow:0 25px 55px rgba(21,38,44,.17)}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ust,
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_alt{border-color:#e5e9e9;background:#fff;color:#45545a}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ust>div strong{color:#1b292e}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ust>div span,
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_panel_metin>span,
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_sayi{color:#846300}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ust button{border-color:#cbd6d9;color:#1b292e}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ust button:hover{background:#e2ebed;color:#1b292e}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ray{border-color:#e5e9e9;background:#fff}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ray button{border-bottom-color:#dbe3e5;color:#1b292e}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ray button:hover,
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ray button.ob_etkin{background:#fff7da;color:#172326}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ray_yazi small{color:#64757a}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_panel_metin h2{color:#172326}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_panel_metin p{color:#56676c}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_kisa_yollar a{border-color:#dbe3e5;color:#314249}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_kisa_yollar a:hover,
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ust>a:hover{color:#846300}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_alt .ob_simge{filter:brightness(0)}
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_ust>a,
:root[data-ob-renk="acik"] body .ob_site_baslik .ob_mega_alt>a{color:#8b6900}

@media(max-width:1350px){
  body .ob_site_baslik .ob_arama_kopru,body.ob_sayfa_ic .ob_site_baslik .ob_arama_kopru{margin-left:204px!important;width:calc(100% - 500px)!important}
  body .ob_baslik_ici .ob_kf_marka{width:181px;height:78px}
  body .ob_site_baslik .ob_gezinti_baglar a,body .ob_site_baslik .ob_gezinti_baglar a:nth-child(n){padding-inline:9px;font-size:11px}
  body .ob_site_baslik .ob_gezinti_vurgu{width:152px;font-size:10px}
}
@media(max-width:1100px){
  :root[data-ob-renk] body .ob_site_baslik{grid-template-columns:24px minmax(0,1fr) 24px;grid-template-rows:76px 65px 55px}
  body .ob_site_baslik .ob_baslik_ici,body.ob_sayfa_ic .ob_site_baslik .ob_baslik_ici{height:76px!important}
  body .ob_baslik_ici .ob_kf_marka{width:157px;height:65px}
  body .ob_site_baslik .ob_arama_kopru,body.ob_sayfa_ic .ob_site_baslik .ob_arama_kopru{grid-row:2;width:100%!important;height:65px!important;margin:0!important;align-self:stretch}
  body .ob_site_baslik .ob_arama_kopru .ob_ust_arama{align-self:start;height:52px!important}
  body .ob_site_baslik .ob_arama_kopru .ob_arama_arac{height:50px}
  body .ob_site_baslik .ob_arama_kopru .ob_ust_arama input,body .ob_site_baslik .ob_arama_kopru .ob_ust_arama button{height:50px!important}
  body .ob_site_baslik .ob_arama_oneriler{top:53px}
  :root[data-ob-renk] body .ob_site_baslik>.ob_ana_gezinti{grid-row:3;height:55px!important;min-height:55px!important}
  body .ob_site_baslik>.ob_ana_gezinti .ob_gezinti_ici{width:calc(100% - 48px);height:55px!important}
  body .ob_site_baslik .ob_kategori_menu summary,body .ob_site_baslik .ob_kategori_menu[open] summary{width:178px!important;min-width:178px!important;height:55px!important}
  body .ob_site_baslik .ob_gezinti_baglar a,body .ob_site_baslik .ob_gezinti_baglar a:nth-child(n){height:55px}
  :root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a,:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a:nth-child(n){flex:none;min-width:108px}
  body .ob_site_baslik .ob_gezinti_vurgu{height:55px}
}
@media(max-width:700px){
  :root[data-ob-renk] body .ob_site_baslik{grid-template-columns:16px minmax(0,1fr) 16px;grid-template-rows:68px 61px 51px}
  body .ob_site_baslik .ob_baslik_ici,body.ob_sayfa_ic .ob_site_baslik .ob_baslik_ici{height:68px!important}
  body .ob_baslik_ici .ob_kf_marka{width:133px;height:56px}
  body .ob_baslik_ici>.ob_baslik_eylemler{min-width:0;height:48px;border-left:0;gap:1px}
  :root[data-ob-renk] body .ob_baslik_ici .ob_baslik_eylem,
  :root[data-ob-renk] body .ob_baslik_ici .ob_tema_dugmesi{width:38px;min-width:38px;height:43px;min-height:43px;padding:3px;border:0!important}
  body .ob_baslik_ici .ob_baslik_eylem:first-child{display:none}
  body .ob_baslik_ici .ob_baslik_eylem>span{display:none}
  body .ob_baslik_ici .ob_baslik_eylem .ob_simge,body .ob_baslik_ici .ob_tema_dugmesi .ob_simge{width:18px;height:18px}
  body .ob_baslik_ici .ob_baslik_eylem b{top:1px;right:1px}
  body .ob_site_baslik .ob_arama_kopru,body.ob_sayfa_ic .ob_site_baslik .ob_arama_kopru{height:61px!important}
  body .ob_site_baslik .ob_arama_kopru .ob_ust_arama{height:49px!important}
  body .ob_site_baslik .ob_arama_kopru .ob_arama_arac{width:45px;height:47px}
  body .ob_site_baslik .ob_arama_kopru .ob_ust_arama input,body .ob_site_baslik .ob_arama_kopru .ob_ust_arama button{height:47px!important}
  body .ob_site_baslik .ob_arama_kopru .ob_ust_arama button{width:48px!important;min-width:48px!important}
  body .ob_site_baslik .ob_arama_oneriler{top:50px;width:100%}
  :root[data-ob-renk] body .ob_site_baslik>.ob_ana_gezinti{height:51px!important;min-height:51px!important}
  body .ob_site_baslik>.ob_ana_gezinti .ob_gezinti_ici{width:calc(100% - 32px);height:51px!important}
  body .ob_site_baslik .ob_kategori_menu summary,body .ob_site_baslik .ob_kategori_menu[open] summary{width:112px!important;min-width:112px!important;height:51px!important;padding:0 9px!important;font-size:10px}
  body .ob_site_baslik .ob_kategori_menu summary span,body .ob_site_baslik .ob_kategori_menu summary .ob_ikon:last-child{display:block!important}
  body .ob_site_baslik .ob_kategori_menu summary .ob_ikon:last-child{width:10px;height:10px}
  body .ob_site_baslik .ob_gezinti_baglar{padding:0 2px}
  body .ob_site_baslik .ob_gezinti_baglar a,body .ob_site_baslik .ob_gezinti_baglar a:nth-child(n){height:51px;padding:0 11px;font-size:11px}
  :root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a,:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a:nth-child(n){flex-direction:row;align-items:center;min-width:max-content;height:51px;padding:0 12px}
  body .ob_site_baslik .ob_gezinti_baglar a small{display:none}
  body .ob_site_baslik .ob_gezinti_vurgu{display:none!important}
  body .ob_site_baslik .ob_mega_menu{max-height:min(76vh,600px);overflow:auto}
}

/* Yazı düzeni: menü yapısını ve renklerini değiştirmeden tek aile kullan. */
:root[data-ob-renk] body,
:root[data-ob-renk] body button,
:root[data-ob-renk] body input,
:root[data-ob-renk] body select,
:root[data-ob-renk] body textarea,
:root[data-ob-renk] body p,
:root[data-ob-renk] body h1,
:root[data-ob-renk] body h2,
:root[data-ob-renk] body h3,
:root[data-ob-renk] body h4{font-family:ob_montserrat,Arial,sans-serif!important}
:root[data-ob-renk] body .ob_site_baslik .ob_kategori_menu summary,
:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a,
:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_vurgu{font-family:ob_montserrat,Arial,sans-serif!important;font-weight:700!important;letter-spacing:.01em!important}
:root[data-ob-renk] body .ob_site_baslik .ob_kategori_menu summary,
:root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a{font-size:12px!important}
:root[data-ob-renk] body .ob_site_baslik .ob_kategori_menu summary{font-size:11px!important;letter-spacing:0!important;white-space:nowrap}
:root[data-ob-renk] body .ob_site_baslik .ob_kategori_menu summary span{white-space:nowrap}
:root[data-ob-renk] body .ob_baslik_ici .ob_baslik_eylem>span{font-weight:500;letter-spacing:0}
:root[data-ob-renk] body .ob_vitrin[data-ob-vitrin-bicimi] .ob_slayt h1{letter-spacing:-.035em}
:root[data-ob-renk] body .ob_urun_alani .ob_acik_baslik h2,
:root[data-ob-renk] body .ob_urun_karti h3{font-weight:700;letter-spacing:-.025em}
@media(max-width:700px){
  :root[data-ob-renk] body .ob_site_baslik .ob_gezinti_baglar a{font-size:11px!important}
  :root[data-ob-renk] body .ob_site_baslik .ob_kategori_menu summary{font-size:10px!important;white-space:normal}
  :root[data-ob-renk] body .ob_site_baslik .ob_kategori_menu summary span{white-space:normal}
}