/* =========================================================
   YÖNLİNE ÖZEL STİLLER (yeni.css'ten sonra yüklenir)
   ========================================================= */

/* Üst menü: tüm sayfalarda koyu zemin */
.site-header.header-transparent .octf-main-header{background:#141414}

/* KATEGORİ / SAYFA BAŞLIK ALANI: menüyle bütünleşen koyu, ince bant */
.page-header{
  position:relative;
  height:auto!important;
  background-color:#18171a!important;
  background-image:
    radial-gradient(circle at 88% 40%, rgba(200,22,45,.22), transparent 38%),
    radial-gradient(circle at 8% 120%, rgba(255,190,120,.10), transparent 40%),
    linear-gradient(135deg,#18171a 0%,#222125 55%,#1c1a1d 100%)!important;
  padding:calc(91px + 30px) 20px 28px;
  overflow:hidden;
}
/* temanın karartma / süs katmanlarını kapat */
.page-header:before,.page-header:after,
.page-header [class*="overlay"]{display:none!important}
.page-header .page-title{
  margin:0 0 8px!important;color:#fff!important;
  font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-.01em;
}
/* başlık altında kısa kırmızı çizgi */
.page-header .page-title:after{
  content:"";display:block;width:48px;height:3px;margin:12px auto 0;
  background:#c8162d;border-radius:2px;
}
.page-header,.page-header .breadcrumbs li a{color:rgba(255,255,255,.62)!important;font-size:12px;letter-spacing:.06em}
.page-header .breadcrumbs li:before{color:#c8162d!important}
.page-header .breadcrumbs li a{background-image:linear-gradient(0deg,#c8162d,#c8162d);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s ease,color .25s ease}
.page-header .breadcrumbs li a:hover{background-size:100% 1px}
.page-header .breadcrumbs li a:hover{color:#fff!important}

/* Ürün listesinin üstündeki gereksiz boşluk */
.shop-catalog{padding-top:44px!important}

@media (max-width:1024px){
  .page-header{padding:calc(76px + 20px) 16px 20px}
  .page-header .page-title{font-size:26px}
  .page-header .page-title:after{width:36px;margin-top:9px}
  .shop-catalog{padding-top:26px!important}
}

/* Sol alttaki dil seçme butonu gizlendi */
.diller{display:none!important}

/* Ana sayfa ürün grubu görselleri: kare, kırpılmadan */
.yh-cat-img{aspect-ratio:1/1!important}

/* HEADER: Online satın al butonu (yonline.net) */
.octf-btn-cta{display:flex;align-items:center}
/* masaüstünde sağdaki hamburger (yan panel) gizlendi: butona yer açmak için */
.octf-main-header .octf-sidepanel{display:none!important}
.yx-shop{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 18px;margin:0 22px 0 26px;border-radius:999px;background:#c8162d;color:#fff!important;font:600 13px/1 Montserrat,Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;text-decoration:none!important;transition:background .2s ease,transform .2s ease;box-shadow:0 8px 20px -10px rgba(200,22,45,.8)}
.yx-shop:hover{background:#a90f22;transform:translateY(-1px)}
.yx-shop svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.yx-shop-m{display:none}
@media (max-width:1679px){.yx-shop .yx-l1{display:none}}
@media (max-width:1499px){.yx-shop{width:42px;padding:0;justify-content:center;margin:0 18px 0 20px}.yx-shop>span{display:none}}
@media (max-width:1199px){.yx-shop-m{display:inline-flex;width:38px;height:38px;padding:0;justify-content:center;margin:0 12px 0 0;align-self:center}}

/* Header arama butonu kaldırıldı (masaüstü ve mobil) */
.site-header .octf-search{display:none!important}
.octf-main-header .yx-shop{margin-right:30px}