/* ================= ÖZSAL TEKNİK — BLOG BLOĞU ("Blogdan Son Yazılar") ================
   Namespace: #oz-blog-section / .ozb-*  (siteki diğer bölümlerle çakışmaz)
   Yazı tipleri: Fraunces + Inter (footer/slider bölümlerinde zaten yükleniyor) */

#oz-blog-section{
  --ozb-bg:#f6f6f3;
  --ozb-panel:#ffffff;
  --ozb-panel-2:#fbfbf8;
  --ozb-hair:rgba(20,20,22,.09);
  --ozb-ink:#1b1c20;
  --ozb-grey:#767a83;
  --ozb-gold:#a9793a;
  --ozb-gold-soft:rgba(169,121,58,.10);
  --ozb-shadow:0 18px 40px -22px rgba(20,20,25,.28);

  background:var(--ozb-bg);
  padding:88px 5vw 96px;
  isolation:isolate;
}
#oz-blog-section *{ box-sizing:border-box; }

.ozb-wrap{ max-width:1280px; margin:0 auto; }

.ozb-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:36px;
  padding-bottom:22px;
  border-bottom:1px solid var(--ozb-hair);
}
.ozb-head h2{
  font-family:'Fraunces',Georgia,serif;
  font-weight:500;
  font-size:clamp(24px,3vw,32px);
  color:var(--ozb-ink);
  margin:0;
  letter-spacing:.2px;
  line-height:1.2;
}
.ozb-head p{
  margin:8px 0 0;
  color:var(--ozb-grey);
  font-family:'Inter',sans-serif;
  font-size:14.5px;
  max-width:38ch;
}
.ozb-all-top{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--ozb-gold);
  text-decoration:none;
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  padding-bottom:2px;
  border-bottom:1px solid transparent;
  transition:border-color .25s ease, gap .25s ease;
}
.ozb-all-top:hover{ border-color:var(--ozb-gold); gap:12px; }
.ozb-all-top svg{ transition:transform .25s ease; flex:none; }
.ozb-all-top:hover svg{ transform:translateX(3px); }

.ozb-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid var(--ozb-hair);
  border-left:1px solid var(--ozb-hair);
}
.ozb-card{
  background:var(--ozb-panel);
  border-right:1px solid var(--ozb-hair);
  border-bottom:1px solid var(--ozb-hair);
  display:flex;
  flex-direction:column;
  text-decoration:none;
  position:relative;
  transition:background .35s ease, box-shadow .35s ease, transform .35s ease;
}
.ozb-card:hover{
  background:var(--ozb-panel-2);
  box-shadow:var(--ozb-shadow);
  transform:translateY(-3px);
  z-index:2;
}
.ozb-card:focus-visible{
  outline:2px solid var(--ozb-gold);
  outline-offset:-2px;
  z-index:2;
}

.ozb-thumb{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#e9e7e0;
}
.ozb-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
  filter:saturate(.94) brightness(.96);
  transition:transform .7s cubic-bezier(.2,.7,.2,1), filter .5s ease;
}
.ozb-card:hover .ozb-thumb img{
  transform:scale(1.09);
  filter:saturate(1) brightness(1);
}
.ozb-thumb-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ozb-gold);
  opacity:.55;
}
.ozb-thumb-fallback svg{ width:34px; height:34px; }
.ozb-thumb::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
}
.ozb-cat{
  position:absolute;
  left:14px; bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 11px 5px 9px;
  background:rgba(14,16,19,.72);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:100px;
  color:#e3b978;
  font-family:'Inter',sans-serif;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.3px;
  z-index:2;
}
.ozb-cat svg{ width:12px; height:12px; flex:none; }

.ozb-body{
  padding:20px 20px 22px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.ozb-date{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--ozb-grey);
  font-family:'Inter',sans-serif;
  font-size:12.5px;
  margin-bottom:10px;
}
.ozb-date svg{ width:13px; height:13px; opacity:.8; flex:none; }

.ozb-title{
  font-family:'Fraunces',Georgia,serif;
  font-weight:500;
  font-size:18.5px;
  line-height:1.32;
  color:var(--ozb-ink);
  margin:0 0 8px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  transition:color .3s ease;
}
.ozb-card:hover .ozb-title{ color:var(--ozb-gold); }

.ozb-desc{
  color:var(--ozb-grey);
  font-family:'Inter',sans-serif;
  font-size:13.5px;
  line-height:1.55;
  margin:0 0 18px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ozb-more{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:'Inter',sans-serif;
  font-size:12.5px;
  font-weight:600;
  color:var(--ozb-ink);
  opacity:.75;
}
.ozb-more svg{ width:14px; height:14px; transition:transform .3s ease; flex:none; }
.ozb-card:hover .ozb-more{ opacity:1; color:var(--ozb-gold); }
.ozb-card:hover .ozb-more svg{ transform:translateX(4px); }

.ozb-cta-wrap{
  display:flex;
  justify-content:center;
  margin-top:44px;
}
.ozb-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:15px 30px;
  border:1px solid var(--ozb-hair);
  border-radius:100px;
  color:var(--ozb-ink);
  text-decoration:none;
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:.2px;
  overflow:hidden;
  transition:border-color .3s ease, color .3s ease;
}
.ozb-cta::before{
  content:"";
  position:absolute; inset:0;
  background:var(--ozb-gold-soft);
  transform:translateX(-101%);
  transition:transform .4s cubic-bezier(.2,.7,.2,1);
  z-index:0;
}
.ozb-cta span, .ozb-cta svg{ position:relative; z-index:1; }
.ozb-cta svg{ transition:transform .35s ease; }
.ozb-cta:hover{ border-color:var(--ozb-gold); color:var(--ozb-gold); }
.ozb-cta:hover::before{ transform:translateX(0); }
.ozb-cta:hover svg{ transform:translateX(5px); }

@media (max-width:980px){
  #oz-blog-section .ozb-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
  #oz-blog-section{ padding:56px 5vw 64px; }
  #oz-blog-section .ozb-head{ flex-direction:column; align-items:flex-start; gap:14px; }
  #oz-blog-section .ozb-grid{ grid-template-columns:1fr; }
  #oz-blog-section .ozb-thumb{ aspect-ratio:16/10; }
}

@media (prefers-reduced-motion: reduce){
  #oz-blog-section .ozb-thumb img,
  #oz-blog-section .ozb-title,
  #oz-blog-section .ozb-more,
  #oz-blog-section .ozb-more svg,
  #oz-blog-section .ozb-cta,
  #oz-blog-section .ozb-cta::before,
  #oz-blog-section .ozb-cta svg,
  #oz-blog-section .ozb-all-top,
  #oz-blog-section .ozb-all-top svg,
  #oz-blog-section .ozb-card{
    transition:none !important;
  }
}