/* İçerik detay */

.av-makale{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:60px;align-items:start}
.av-makale__manset{border-radius:20px;overflow:hidden;margin-bottom:40px}
.av-makale__manset img{width:100%;aspect-ratio:16/8;object-fit:cover}
.av-makale__ozet{font-family:var(--av-baslik);font-weight:500;font-size:22px;line-height:1.35;color:var(--av-siyah);margin-bottom:24px}
.av-makale__galeriBlok{margin-bottom:40px}
.av-makale__galeri{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:12px}
.av-makale__galeri a{position:relative;display:block;border-radius:14px;overflow:hidden;background:var(--av-zemin)}
.av-makale__galeri a:first-child{grid-column:span 2;grid-row:span 2}
.av-makale__galeri a:nth-child(6):nth-last-child(2),.av-makale__galeri a:nth-child(7):last-child{grid-column:span 2}
.av-makale__galeri img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.av-makale__galeri a::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.35);opacity:0;transition:opacity var(--av-gecis)}
.av-makale__galeri a::after{content:"";position:absolute;left:50%;top:50%;z-index:2;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--av-vurgu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m20 20-4.5-4.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center/22px no-repeat;opacity:0;transform:scale(.7);transition:opacity var(--av-gecis),transform var(--av-gecis)}
.av-makale__galeri a:hover img{transform:scale(1.06)}
.av-makale__galeri a:hover::before,.av-makale__galeri a:hover::after{opacity:1}
.av-makale__galeri a:hover::after{transform:none}
.av-makale__yan{position:sticky;top:30px}
.av-makale__yan .av-yan__kutu{background:var(--av-zemin)}
.av-makale__yan .av-yan__menu a:hover{background:#fff}
.av-makale__yan .av-yan__tel{background:var(--av-zemin)}

@media (max-width:991px){
   .av-makale{grid-template-columns:1fr;gap:40px}
   .av-makale__yan{position:static}
}
@media (max-width:767px){
   .av-makale__manset{margin-bottom:28px}
   .av-makale__ozet{font-size:19px}
   .av-makale__galeri{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px;gap:8px}
   .av-makale__galeri a:nth-child(6):nth-last-child(2),.av-makale__galeri a:nth-child(7):last-child{grid-column:span 1}
   .av-makale__galeriBlok{margin-bottom:28px}
}