/* ==========================================================
   WOMAX — Ana stil dosyası
   Bootstrap 5.3 üzerine marka katmanı
   ========================================================== */

:root{
  --wx-siyah:  #0B0B0E;
  --wx-panel:  #15151A;
  --wx-kirmizi:#E01B24;
  --wx-koyu-k: #A8121A;
  --wx-altin:  #C9A227;
  --wx-krom:   #B9BEC6;
  --wx-duman:  #6E747E;
  --wx-acik:   #F5F6F8;
  --wx-cizgi:  rgba(185,190,198,.16);

  /* Bootstrap değişkenlerini markaya çekiyoruz */
  --bs-primary: #E01B24;
  --bs-primary-rgb: 224,27,36;
  --bs-body-font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  --bs-body-color: #23262B;
  --bs-body-bg: #FFFFFF;
  --bs-border-radius: .25rem;
  --bs-link-color: #E01B24;
  --bs-link-hover-color: #A8121A;
}

body{ -webkit-font-smoothing:antialiased; }

/* ---------- Tipografi ---------- */
h1,h2,h3,h4,h5,.baslik,.navbar-brand,.btn,.wx-eyebrow{
  font-family:'Saira Condensed', 'Manrope', sans-serif;
}
h1,h2,h3,h4,h5{ font-weight:800; letter-spacing:-.01em; text-transform:uppercase; }
.wx-eyebrow{
  font-weight:600; font-size:.75rem; letter-spacing:.3em;
  text-transform:uppercase; color:var(--wx-kirmizi);
}
.wx-eyebrow--altin{ color:var(--wx-altin); }

/* başlık altı kısa kırmızı çizgi */
.wx-baslik-cizgi::after{
  content:""; display:block; width:52px; height:3px; margin-top:.75rem;
  background:linear-gradient(90deg,var(--wx-kirmizi),var(--wx-altin));
}
.wx-baslik-cizgi.text-center::after{ margin-left:auto; margin-right:auto; }

/* ---------- Butonlar ---------- */
.btn{ font-weight:600; letter-spacing:.08em; text-transform:uppercase; border-radius:2px; }
.btn-wx{
  background:var(--wx-kirmizi); color:#fff; border:1px solid var(--wx-kirmizi);
}
.btn-wx:hover,.btn-wx:focus{ background:var(--wx-koyu-k); border-color:var(--wx-koyu-k); color:#fff; }
.btn-wx-outline{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.35); }
.btn-wx-outline:hover{ background:#fff; color:var(--wx-siyah); border-color:#fff; }
.btn:focus-visible{ outline:2px solid var(--wx-altin); outline-offset:2px; box-shadow:none; }

/* ---------- Üst şerit ---------- */
.wx-topbar{
  background:var(--wx-siyah); color:var(--wx-duman);
  font-size:.8125rem; border-bottom:1px solid var(--wx-cizgi);
}
.wx-topbar a{ color:var(--wx-krom); text-decoration:none; }
.wx-topbar a:hover{ color:#fff; }

/* ---------- Navbar ---------- */
.wx-navbar{ background:var(--wx-panel); border-bottom:1px solid var(--wx-cizgi); z-index:1040; }
.wx-navbar .navbar-brand{
  font-weight:800; font-size:1.75rem; letter-spacing:-.02em;
  text-transform:uppercase; color:#fff;
}
.wx-navbar .navbar-brand .x{ color:var(--wx-kirmizi); }
.wx-navbar .nav-link{
  color:var(--wx-krom); font-family:'Saira Condensed',sans-serif; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase; font-size:.9375rem;
  padding-inline:.9rem;
}
.wx-navbar .nav-link:hover,.wx-navbar .nav-link.active{ color:#fff; }
.wx-navbar .nav-link.active{ box-shadow:inset 0 -2px 0 var(--wx-kirmizi); }
.wx-navbar .dropdown-menu{
  background:var(--wx-panel); border:1px solid var(--wx-cizgi); border-radius:2px;
  z-index:1050;
}
.wx-navbar .dropdown-item{ color:var(--wx-krom); font-size:.9375rem; }
.wx-navbar .dropdown-item:hover{ background:rgba(224,27,36,.12); color:#fff; }

/* sepet butonu */
.wx-sepet-btn{
  position:relative; background:transparent; border:1px solid var(--wx-cizgi);
  color:#fff; width:44px; height:44px; border-radius:2px;
}
.wx-sepet-btn:hover{ border-color:var(--wx-kirmizi); color:#fff; }
.wx-sepet-sayac{
  position:absolute; top:-7px; right:-7px; min-width:20px; height:20px;
  background:var(--wx-kirmizi); color:#fff; border-radius:10px;
  font-size:.6875rem; font-weight:700; line-height:20px; padding:0 5px;
}

/* ---------- Hero ---------- */
.wx-hero{
  position:relative; overflow:hidden; color:#fff;
  background:radial-gradient(115% 90% at 72% 5%, #1E1E24 0%, #0D0D11 58%, #08080A 100%);
  padding:clamp(64px,10vw,120px) 0;
}
.wx-hero::before{ /* ince ızgara dokusu */
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 1px,transparent 1px 6px);
}
.wx-hero > *{ position:relative; z-index:1; }
.wx-hero h1{ font-size:clamp(2.5rem,6vw,4.5rem); line-height:.98; }
.wx-hero h1 em{ font-style:normal; color:var(--wx-kirmizi); }
.wx-hero p{ color:var(--wx-krom); max-width:46ch; font-size:1.0625rem; }
.wx-hero-figure{
  position:relative; overflow:hidden; border-radius:2px;
  aspect-ratio:4/3; box-shadow:0 25px 45px rgba(0,0,0,.5);
}
.wx-hero-figure img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(1.05) contrast(1.05);
}
.wx-hero-figure::after{ /* kırmızı-siyah karışım */
  content:""; position:absolute; inset:0;
  background:linear-gradient(160deg,rgba(224,27,36,.22) 0%,rgba(11,11,14,.15) 45%,rgba(11,11,14,.55) 100%);
  mix-blend-mode:multiply;
}
.wx-hero-figure figcaption{
  position:absolute; right:10px; bottom:8px; z-index:1;
  font-family:'Saira Condensed',sans-serif; font-weight:800; letter-spacing:.04em;
  text-transform:uppercase; font-size:.8125rem; color:rgba(255,255,255,.65);
  text-shadow:0 1px 3px rgba(0,0,0,.6);
}
.wx-hero-figure figcaption span{ color:var(--wx-kirmizi); }
/* imza: yüzeyde gezinen cila parlaması */
.wx-cila{
  position:absolute; top:-40%; left:-55%; width:45%; height:190%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07) 45%,
             rgba(255,255,255,.16) 50%,rgba(255,255,255,.07) 55%,transparent);
  transform:rotate(16deg); filter:blur(8px); pointer-events:none;
  animation:wxSweep 9s cubic-bezier(.5,0,.3,1) infinite;
}
@keyframes wxSweep{ 0%{left:-55%} 58%,100%{left:150%} }

/* ---------- Kategori kartı ---------- */
.wx-kategori{
  display:block; text-decoration:none; color:inherit; height:100%;
  background:#fff; border:1px solid #E6E8EC; border-radius:2px;
  padding:1.75rem 1.5rem; transition:border-color .2s, transform .2s, box-shadow .2s;
}
.wx-kategori:hover{
  border-color:var(--wx-kirmizi); transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(11,11,14,.10);
}
.wx-kategori i{ font-size:1.75rem; color:var(--wx-kirmizi); }
.wx-kategori h3{ font-size:1.125rem; margin:1rem 0 .35rem; }
.wx-kategori p{ font-size:.9375rem; color:var(--wx-duman); margin:0; }

/* ---------- Ürün kartı ---------- */
.wx-urun{
  height:100%; display:flex; flex-direction:column;
  background:#fff; border:1px solid #E6E8EC; border-radius:2px;
  transition:border-color .2s, box-shadow .2s;
}
.wx-urun:hover{ border-color:#C9CDD4; box-shadow:0 12px 28px rgba(11,11,14,.08); }
.wx-urun-gorsel{
  position:relative; background:#F5F6F8; padding:1.25rem;
  display:flex; align-items:center; justify-content:center; aspect-ratio:1/1;
}
.wx-urun-gorsel img{ max-width:100%; max-height:100%; object-fit:contain; }
.wx-urun-rozet{
  position:absolute; top:10px; left:10px;
  background:var(--wx-kirmizi); color:#fff; font-family:'Saira Condensed',sans-serif;
  font-weight:600; font-size:.6875rem; letter-spacing:.14em; text-transform:uppercase;
  padding:3px 8px; border-radius:2px;
}
.wx-urun-govde{ padding:1rem 1.125rem 1.25rem; display:flex; flex-direction:column; flex:1; }
.wx-urun-kategori{
  font-family:'Saira Condensed',sans-serif; font-weight:600; font-size:.6875rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--wx-duman);
}
.wx-urun-ad{ font-size:1.0625rem; margin:.35rem 0 .2rem; }
.wx-urun-ad a{ color:inherit; text-decoration:none; }
.wx-urun-ad a:hover{ color:var(--wx-kirmizi); }
.wx-urun-hacim{ font-size:.875rem; color:var(--wx-duman); margin-bottom:.85rem; }
.wx-urun-alt{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.wx-fiyat{ font-family:'Saira Condensed',sans-serif; font-weight:800; font-size:1.375rem; color:var(--wx-siyah); }
.wx-fiyat small{ font-size:.75rem; font-weight:600; color:var(--wx-duman); }

/* ---------- Neden Womax ---------- */
.wx-ozellik i{
  width:52px; height:52px; display:grid; place-items:center;
  border:1px solid var(--wx-cizgi); color:var(--wx-altin); font-size:1.25rem; border-radius:2px;
}
.wx-ozellik h3{ font-size:1.0625rem; margin:1rem 0 .35rem; color:#fff; }
.wx-ozellik p{ color:var(--wx-duman); font-size:.9375rem; margin:0; }

/* ---------- Koyu bölüm ---------- */
.wx-koyu{ background:var(--wx-siyah); color:var(--wx-krom); }
.wx-koyu h2{ color:#fff; }

/* ---------- Bayilik şeridi ---------- */
.wx-serit{
  background:linear-gradient(100deg,var(--wx-koyu-k) 0%,var(--wx-kirmizi) 55%,#7E0D13 100%);
  color:#fff;
}
.wx-serit h2{ color:#fff; font-size:clamp(1.5rem,3vw,2.25rem); }

/* ---------- Sepet offcanvas ---------- */
.wx-sepet{ background:#fff; width:400px; }
@media (max-width:480px){ .wx-sepet{ width:100%; } }
.wx-sepet .offcanvas-header{ background:var(--wx-siyah); color:#fff; border-bottom:0; }
.wx-sepet .offcanvas-title{ font-size:1.125rem; letter-spacing:.06em; }
.wx-sepet .btn-close{ filter:invert(1) grayscale(1); opacity:.85; }

.wx-sepet-satir{ display:flex; gap:.875rem; padding:1rem 0; border-bottom:1px solid #EDEFF2; }
.wx-sepet-satir img{
  width:64px; height:64px; object-fit:contain; background:#F5F6F8; padding:6px; flex-shrink:0;
}
.wx-sepet-satir .ad{ font-family:'Saira Condensed',sans-serif; font-weight:600;
  text-transform:uppercase; font-size:.9375rem; line-height:1.2; }
.wx-sepet-satir .fiyat{ font-size:.875rem; color:var(--wx-duman); }

.wx-adet{ display:inline-flex; align-items:center; border:1px solid #DDE1E6; border-radius:2px; }
.wx-adet button{
  width:30px; height:30px; border:0; background:transparent; color:var(--wx-siyah);
  font-size:.875rem; line-height:1;
}
.wx-adet button:hover{ background:#F1F3F5; }
.wx-adet input{
  width:40px; height:30px; border:0; text-align:center; font-weight:600; font-size:.875rem;
  -moz-appearance:textfield;
}
.wx-adet input::-webkit-outer-spin-button,
.wx-adet input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

.wx-sepet-sil{ border:0; background:transparent; color:var(--wx-duman); font-size:.8125rem; }
.wx-sepet-sil:hover{ color:var(--wx-kirmizi); }

.wx-sepet-bos{ text-align:center; padding:3rem 1rem; color:var(--wx-duman); }
.wx-sepet-bos i{ font-size:2.5rem; color:#D7DBE0; margin-bottom:1rem; }

.wx-sepet-toplam{
  display:flex; justify-content:space-between; align-items:baseline;
  font-family:'Saira Condensed',sans-serif; font-weight:800; text-transform:uppercase;
  font-size:1.25rem; padding:1rem 0;
}
.wx-sepet-not{ font-size:.8125rem; color:var(--wx-duman); }

/* ---------- Sayfa başı şeridi ---------- */
.wx-sayfa-basi{
  background:var(--wx-siyah); color:#fff; padding:2.5rem 0 2.25rem;
  position:relative; overflow:hidden;
}
.wx-sayfa-basi::before{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 1px,transparent 1px 6px);
}
.wx-sayfa-basi > *{ position:relative; z-index:1; }
.wx-sayfa-basi h1{ font-size:clamp(1.75rem,3.5vw,2.5rem); margin:.35rem 0 0; }
.wx-sayfa-basi .breadcrumb{ margin:0; font-size:.8125rem; }
.wx-sayfa-basi .breadcrumb a{ color:var(--wx-krom); text-decoration:none; }
.wx-sayfa-basi .breadcrumb a:hover{ color:#fff; }
.wx-sayfa-basi .breadcrumb-item.active{ color:var(--wx-duman); }
.wx-sayfa-basi .breadcrumb-item + .breadcrumb-item::before{ color:var(--wx-duman); }

/* ---------- Sidebar (ürünler / sayfa / blog ortak) ---------- */
.wx-sidebar-blok{
  background:#fff; border:1px solid #E6E8EC; border-radius:2px;
  padding:1.5rem; margin-bottom:1.5rem;
}
.wx-sidebar-blok h3{
  font-size:.9375rem; letter-spacing:.08em; margin-bottom:1.1rem;
  padding-bottom:.75rem; border-bottom:1px solid #E6E8EC;
}
.wx-sidebar-blok--koyu{ background:var(--wx-siyah); color:var(--wx-krom); border-color:var(--wx-siyah); }
.wx-sidebar-blok--koyu h3{ color:#fff; border-color:var(--wx-cizgi); }
.wx-sidebar-blok--koyu a{ color:#fff; }

.wx-kategori-liste{ list-style:none; margin:0; padding:0; }
.wx-kategori-liste li{ border-bottom:1px solid #F0F1F3; }
.wx-kategori-liste li:last-child{ border-bottom:0; }
.wx-kategori-liste a{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  padding:.65rem .1rem; text-decoration:none; color:var(--bs-body-color);
  font-size:.9375rem; border-left:3px solid transparent; padding-left:.6rem;
  margin-left:-.6rem; transition:border-color .15s, color .15s;
}
.wx-kategori-liste a:hover{ color:var(--wx-kirmizi); }
.wx-kategori-liste a.active{
  border-left-color:var(--wx-kirmizi); color:var(--wx-kirmizi); font-weight:600;
}
.wx-kategori-liste .badge{
  background:var(--wx-acik); color:var(--wx-duman); font-weight:600;
  font-size:.75rem; padding:.3em .55em;
}
.wx-kategori-liste a.active .badge{ background:var(--wx-kirmizi); color:#fff; }

.wx-sidebar-ara{ position:relative; }
.wx-sidebar-ara input{
  width:100%; border:1px solid #DDE1E6; border-radius:2px; padding:.55rem 2.5rem .55rem .8rem;
  font-size:.9375rem;
}
.wx-sidebar-ara button{
  position:absolute; right:0; top:0; bottom:0; width:2.5rem; border:0; background:transparent;
  color:var(--wx-duman);
}
.wx-sidebar-ara button:hover{ color:var(--wx-kirmizi); }

/* ---------- Sayfalama ---------- */
.wx-sayfalama{ --bs-pagination-padding-x: .9rem; }
.wx-sayfalama .page-link{
  border-color:#E6E8EC; color:var(--bs-body-color); font-weight:600;
  font-family:'Saira Condensed',sans-serif;
}
.wx-sayfalama .page-item.active .page-link{
  background:var(--wx-kirmizi); border-color:var(--wx-kirmizi);
}
.wx-sayfalama .page-link:hover{ background:var(--wx-acik); color:var(--wx-kirmizi); }
.wx-sayfalama .page-item.disabled .page-link{ color:var(--wx-duman); }

/* ---------- Ürün detay ---------- */
.wx-detay-gorsel{
  background:var(--wx-acik); border:1px solid #E6E8EC; border-radius:2px;
  aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:2rem;
}
.wx-detay-gorsel img{ max-width:100%; max-height:100%; object-fit:contain; }
.wx-detay-thumb{
  aspect-ratio:1/1; background:var(--wx-acik); border:1px solid #E6E8EC; border-radius:2px;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
}
.wx-detay-thumb img{ max-width:100%; max-height:100%; object-fit:contain; }
.wx-breadcrumb-detay{ font-size:.8125rem; margin-bottom:1rem; }
.wx-breadcrumb-detay a{ color:var(--wx-duman); text-decoration:none; }
.wx-breadcrumb-detay a:hover{ color:var(--wx-kirmizi); }

/* ---------- Miktar seçici (büyük) ---------- */
.wx-miktar{ display:inline-flex; align-items:center; border:1px solid #DDE1E6; border-radius:2px; }
.wx-miktar button{
  width:44px; height:44px; border:0; background:transparent; color:var(--wx-siyah); font-size:1rem;
}
.wx-miktar button:hover{ background:var(--wx-acik); }
.wx-miktar input{
  width:56px; height:44px; border:0; border-left:1px solid #DDE1E6; border-right:1px solid #DDE1E6;
  text-align:center; font-weight:700; font-size:1rem; -moz-appearance:textfield;
}
.wx-miktar input::-webkit-outer-spin-button,
.wx-miktar input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

.wx-sekme-nav{ border-bottom:1px solid #E6E8EC; }
.wx-sekme-nav .nav-link{
  color:var(--wx-duman); font-family:'Saira Condensed',sans-serif; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; font-size:.875rem; border:0;
  border-bottom:2px solid transparent; border-radius:0; padding:.75rem 1rem;
}
.wx-sekme-nav .nav-link.active{ color:var(--wx-kirmizi); border-bottom-color:var(--wx-kirmizi); background:transparent; }

/* ---------- Sepet tablosu ---------- */
.wx-sepet-tablo{ width:100%; border-collapse:collapse; }
.wx-sepet-tablo th{
  text-align:left; font-family:'Saira Condensed',sans-serif; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; color:var(--wx-duman);
  padding:.75rem .5rem; border-bottom:2px solid var(--wx-siyah);
}
.wx-sepet-tablo td{ padding:1rem .5rem; border-bottom:1px solid #EDEFF2; vertical-align:middle; }
.wx-sepet-tablo .wx-satir-urun{ display:flex; align-items:center; gap:1rem; }
.wx-sepet-tablo .wx-satir-urun img{
  width:64px; height:64px; object-fit:contain; background:var(--wx-acik); padding:6px; flex-shrink:0; border-radius:2px;
}
.wx-sepet-tablo .ad{ font-family:'Saira Condensed',sans-serif; font-weight:600; text-transform:uppercase; font-size:.9375rem; }
.wx-sepet-tablo .hacim{ font-size:.8125rem; color:var(--wx-duman); }
.wx-sepet-satir-sil{ border:0; background:transparent; color:var(--wx-duman); font-size:1rem; }
.wx-sepet-satir-sil:hover{ color:var(--wx-kirmizi); }
.wx-sepet-ozet{
  position:sticky; top:6.5rem; background:#fff; border:1px solid #E6E8EC; border-radius:2px; padding:1.5rem;
}

/* ---------- Formlar ---------- */
.wx-form label{ font-weight:600; font-size:.875rem; margin-bottom:.35rem; }
.wx-form .form-control,.wx-form .form-select{
  border:1px solid #DDE1E6; border-radius:2px; padding:.65rem .85rem; font-size:.9375rem;
}
.wx-form .form-control:focus,.wx-form .form-select:focus{
  border-color:var(--wx-kirmizi); box-shadow:0 0 0 .2rem rgba(224,27,36,.15);
}
.wx-form .form-check-input:checked{ background-color:var(--wx-kirmizi); border-color:var(--wx-kirmizi); }
.wx-form .form-check-input:focus{ box-shadow:0 0 0 .2rem rgba(224,27,36,.15); }
.wx-form .invalid-feedback{ font-size:.8125rem; }
.wx-form-ozet{ display:flex; justify-content:space-between; padding:.4rem 0; font-size:.9375rem; }
.wx-form-ozet.toplam{
  font-family:'Saira Condensed',sans-serif; font-weight:800; text-transform:uppercase;
  font-size:1.25rem; border-top:1px solid #E6E8EC; margin-top:.5rem; padding-top:.85rem;
}

/* ---------- Blog kartı ---------- */
.wx-blog-kart{
  display:flex; gap:1.25rem; background:#fff; border:1px solid #E6E8EC; border-radius:2px;
  padding:1.25rem; margin-bottom:1.25rem; transition:border-color .2s, box-shadow .2s;
}
.wx-blog-kart:hover{ border-color:#C9CDD4; box-shadow:0 12px 28px rgba(11,11,14,.08); }
.wx-blog-kart .wx-blog-gorsel{
  flex:0 0 240px; aspect-ratio:4/3; background:var(--wx-acik); border-radius:2px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.wx-blog-kart .wx-blog-gorsel img{ width:100%; height:100%; object-fit:cover; }
.wx-blog-kart .wx-blog-gorsel i{ font-size:2.5rem; color:#D7DBE0; }
.wx-blog-meta{ font-size:.8125rem; color:var(--wx-duman); }
.wx-blog-meta .kategori{ color:var(--wx-kirmizi); font-weight:600; }
.wx-blog-kart h3{ font-size:1.25rem; margin:.5rem 0; text-transform:none; letter-spacing:0; }
.wx-blog-kart h3 a{ color:inherit; text-decoration:none; }
.wx-blog-kart h3 a:hover{ color:var(--wx-kirmizi); }
.wx-blog-kart p{ color:var(--wx-duman); margin-bottom:.75rem; }
.wx-blog-devam{
  font-family:'Saira Condensed',sans-serif; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; font-size:.8125rem; color:var(--wx-kirmizi); text-decoration:none;
}
.wx-blog-devam:hover{ color:var(--wx-koyu-k); }
.wx-blog-kapak{
  margin:0; background:var(--wx-acik); border-radius:2px; overflow:hidden;
  aspect-ratio:16/9; display:flex; align-items:center; justify-content:center;
}
.wx-blog-kapak img{ width:100%; height:100%; object-fit:cover; }
.wx-blog-kapak i{ font-size:2.5rem; color:#D7DBE0; }

.wx-paylas-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border:1px solid #DDE1E6; border-radius:2px;
  color:var(--wx-siyah); transition:border-color .15s, color .15s;
}
.wx-paylas-btn:hover{ border-color:var(--wx-kirmizi); color:var(--wx-kirmizi); }
@media (max-width:576px){
  .wx-blog-kart{ flex-direction:column; }
  .wx-blog-kart .wx-blog-gorsel{ flex-basis:auto; }
}

/* ---------- Dijital katalog ---------- */
.wx-katalog-sayfa{
  background:#F2F3F5; color:#17191D;
}
.wx-katalog-kapak{
  background:#111318; color:#fff; padding:1.15rem 0 1.5rem;
}
.wx-katalog-ust{
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.12);
}
.wx-katalog-logo{
  color:#fff; text-decoration:none; font-family:'Saira Condensed',sans-serif;
  font-size:2rem; line-height:1; font-weight:800; letter-spacing:.02em;
  text-transform:uppercase;
}
.wx-katalog-logo span{ color:var(--wx-kirmizi); }
.wx-katalog-iletisim{
  display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap;
  gap:.55rem 1rem; font-size:.8125rem;
}
.wx-katalog-iletisim a{
  color:#D7DBE0; text-decoration:none; display:inline-flex; align-items:center; gap:.4rem;
}
.wx-katalog-iletisim a:hover{ color:#fff; }
.wx-katalog-iletisim i{ color:var(--wx-kirmizi); }
.wx-katalog-kapak-icerik{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:2rem; align-items:end; padding-top:2rem;
}
.wx-katalog-etiket{
  display:block; font-family:'Saira Condensed',sans-serif; font-weight:700;
  color:var(--wx-kirmizi); letter-spacing:.18em; text-transform:uppercase;
  font-size:.8125rem; margin-bottom:.25rem;
}
.wx-katalog-kapak h1{
  color:#fff; font-size:clamp(2.2rem,4.5vw,4.2rem); line-height:.95;
  margin:0 0 .6rem;
}
.wx-katalog-kapak p{
  color:#C8CDD3; max-width:68ch; margin:0;
}
.wx-katalog-bilgi{
  border:1px solid rgba(255,255,255,.16); padding:1rem; background:rgba(255,255,255,.04);
}
.wx-katalog-bilgi strong{
  display:block; font-family:'Saira Condensed',sans-serif; font-weight:800;
  font-size:2rem; color:#fff; margin-bottom:.35rem;
}
.wx-katalog-bilgi span{
  display:block; color:#C8CDD3; font-size:.875rem; line-height:1.45;
}
.wx-katalog-icerik{
  padding:1.5rem 0 2.5rem;
}
.wx-katalog-araclar{
  display:grid; grid-template-columns:minmax(220px,1fr) minmax(170px,240px) minmax(170px,220px);
  gap:.75rem; align-items:center; margin-bottom:1rem;
  background:#fff; border:1px solid #E0E3E7; padding:.75rem;
}
.wx-katalog-ara{ position:relative; }
.wx-katalog-ara i{
  position:absolute; left:.9rem; top:50%; transform:translateY(-50%);
  color:var(--wx-duman); pointer-events:none;
}
.wx-katalog-ara input{
  width:100%; border:1px solid #DDE1E6; border-radius:2px;
  padding:.68rem .9rem .68rem 2.55rem; font-size:.9375rem; background:#fff;
}
.wx-katalog-araclar .form-select{
  border-radius:2px; border-color:#DDE1E6; min-height:46px; font-size:.9375rem;
}
.wx-katalog-panel{
  background:#fff; border:1px solid #E0E3E7; padding:1.25rem;
  margin-bottom:1rem;
}
.wx-katalog-panel--yatay{
  display:flex; align-items:flex-start; gap:1rem;
}
.wx-katalog-panel h2{
  flex:0 0 auto; font-size:.875rem; letter-spacing:.12em; margin:.25rem 0 0;
}
.wx-katalog-kategori-listesi{
  list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:.45rem;
}
.wx-katalog-kategori-listesi a{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  padding:.45rem .65rem; color:var(--bs-body-color); text-decoration:none;
  font-size:.875rem; border:1px solid #E6E8EC; background:#fff;
}
.wx-katalog-kategori-listesi a:hover,
.wx-katalog-kategori-listesi a.active{ color:var(--wx-kirmizi); border-color:var(--wx-kirmizi); }
.wx-katalog-kategori-listesi a.active{ font-weight:700; }
.wx-katalog-kategori-listesi span:last-child{
  color:var(--wx-duman); font-size:.8125rem; font-weight:600;
}
.wx-katalog-durum{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; color:var(--wx-duman); font-size:.9375rem; margin-bottom:1rem;
}
.wx-katalog-durum a{
  color:var(--wx-kirmizi); text-decoration:none; font-family:'Saira Condensed',sans-serif;
  font-weight:700; letter-spacing:.05em; text-transform:uppercase; font-size:.8125rem;
}
.wx-katalog-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem;
}
.wx-katalog-kart{
  background:#fff; border:1px solid #DFE3E8; min-width:0;
  display:flex; flex-direction:column;
}
.wx-katalog-gorsel{
  aspect-ratio:1/1; background:#F5F6F8; display:flex; align-items:center;
  justify-content:center; padding:.8rem;
}
.wx-katalog-gorsel img{ max-width:100%; max-height:100%; object-fit:contain; }
.wx-katalog-kart-govde{ padding:.85rem; display:flex; flex-direction:column; flex:1; min-width:0; }
.wx-katalog-kategori{
  font-family:'Saira Condensed',sans-serif; font-weight:600; font-size:.6875rem;
  letter-spacing:.16em; text-transform:uppercase; color:var(--wx-duman);
}
.wx-katalog-kart h2{
  font-size:.95rem; line-height:1.22; margin:.35rem 0 .45rem;
}
.wx-katalog-kart h2 a{ color:inherit; text-decoration:none; }
.wx-katalog-kart h2 a:hover{ color:var(--wx-kirmizi); }
.wx-katalog-kart p{
  color:var(--wx-duman); font-size:.8125rem; line-height:1.42;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden; margin:0 0 .65rem;
}
.wx-katalog-teknik{
  display:flex; flex-wrap:wrap; gap:.35rem; margin-top:auto; padding-top:.25rem;
}
.wx-katalog-teknik span{
  background:#F5F6F8; color:#555B64; font-size:.6875rem; padding:.22rem .4rem;
}
.wx-katalog-bos{
  grid-column:1/-1; min-height:260px; border:1px dashed #DDE1E6;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.35rem; color:var(--wx-duman); text-align:center; padding:2rem;
}
.wx-katalog-bos i{ font-size:2.5rem; color:#D7DBE0; margin-bottom:.35rem; }
.wx-katalog-bos strong{ color:var(--wx-siyah); font-size:1.125rem; }
@media (max-width:991px){
  .wx-katalog-araclar{ grid-template-columns:1fr; }
  .wx-katalog-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wx-katalog-kapak-icerik{ grid-template-columns:1fr; gap:1rem; }
  .wx-katalog-ust{ align-items:flex-start; flex-direction:column; }
  .wx-katalog-iletisim{ justify-content:flex-start; }
  .wx-katalog-panel--yatay{ display:block; }
  .wx-katalog-panel h2{ margin:0 0 .75rem; }
}
@media (max-width:575px){
  .wx-katalog-kapak{ padding:1rem 0 1.25rem; }
  .wx-katalog-kapak h1{ font-size:2.15rem; }
  .wx-katalog-grid{ grid-template-columns:1fr; }
  .wx-katalog-durum{ align-items:flex-start; flex-direction:column; gap:.35rem; }
}

/* ---------- İçerik tipografisi (metin sayfaları) ---------- */
.wx-icerik{ font-size:1.0625rem; line-height:1.75; color:var(--bs-body-color); }
.wx-icerik h2{ font-size:1.5rem; margin-top:2rem; }
.wx-icerik h3{ font-size:1.1875rem; margin-top:1.5rem; }
.wx-icerik p{ margin-bottom:1.15rem; }
.wx-icerik ul,.wx-icerik ol{ margin-bottom:1.15rem; padding-left:1.35rem; }
.wx-icerik li{ margin-bottom:.4rem; }
.wx-icerik blockquote{
  border-left:3px solid var(--wx-kirmizi); background:var(--wx-acik); margin:1.5rem 0;
  padding:1rem 1.25rem; font-style:italic; color:#3A3F46;
}
.wx-icerik table{ width:100%; border-collapse:collapse; margin-bottom:1.15rem; font-size:.9375rem; }
.wx-icerik th,.wx-icerik td{ border:1px solid #E6E8EC; padding:.6rem .75rem; text-align:left; }
.wx-icerik th{ background:var(--wx-acik); font-family:'Saira Condensed',sans-serif; letter-spacing:.04em; }
.wx-icerik img{ max-width:100%; height:auto; border-radius:2px; margin-bottom:1.15rem; }
.wx-icerik figcaption{ font-size:.8125rem; color:var(--wx-duman); margin-top:-.75rem; margin-bottom:1.15rem; }

/* ---------- Harita ---------- */
.wx-harita{ position:relative; width:100%; padding-top:33%; min-height:320px; border-radius:2px; overflow:hidden; border:1px solid #E6E8EC; }
.wx-harita iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
@media (max-width:768px){ .wx-harita{ padding-top:75%; } }

/* ---------- Footer ---------- */
.wx-footer{ background:var(--wx-siyah); color:var(--wx-duman); }
.wx-footer h4{
  color:#fff; font-size:.8125rem; letter-spacing:.28em; margin-bottom:1rem;
  font-weight:600;
}
.wx-footer a{ color:var(--wx-krom); text-decoration:none; font-size:.9375rem; }
.wx-footer a:hover{ color:#fff; }
.wx-footer ul{ list-style:none; padding:0; margin:0; }
.wx-footer li{ margin-bottom:.5rem; }
.wx-footer-alt{ border-top:1px solid var(--wx-cizgi); font-size:.8125rem; color:#4C525B; }

/* ---------- Erişilebilirlik / hareket ---------- */
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  .wx-cila{ opacity:.2; left:25%; }
}