/* ==========================================================================
   Ender Yapı Malzemeleri — icerikler.css (içerik listesi + içerik detay)
   ========================================================================== */

/* --- Liste kartı -------------------------------------------------------- */
.eyi-kart__gorsel{
   display:block;
   aspect-ratio:3/2;
   border-radius:var(--ey-r);
   overflow:hidden;
   background:var(--ey-kum);
}
.eyi-kart__gorsel img{
   width:100%; height:100%;
   object-fit:cover;
   transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.eyi-kart:hover .eyi-kart__gorsel img{ transform:scale(1.04); }
.eyi-kart__tarih{
   display:block;
   margin:18px 0 8px;
   font-size:.78rem;
   letter-spacing:.08em;
   text-transform:uppercase;
   color:var(--ey-ink-45);
}
.eyi-kart h3{
   font-size:1.18rem;
   font-weight:500;
   line-height:1.35;
   transition:color var(--ey-gecis-h);
}
.eyi-kart:hover h3{ color:var(--ey-mavi); }
.eyi-kart p{
   margin:10px 0 0;
   font-size:.92rem;
   color:var(--ey-ink-70);
}

/* --- Galeri düzeni ------------------------------------------------------ */
.eyi-galeri{
   display:grid;
   gap:14px;
   grid-template-columns:repeat(2,1fr);
}
@media (min-width:900px){ .eyi-galeri{ grid-template-columns:repeat(3,1fr); } }
.eyi-galeri a{
   display:block;
   aspect-ratio:1/1;
   border-radius:var(--ey-r);
   overflow:hidden;
   background:var(--ey-kum);
}
.eyi-galeri img{
   width:100%; height:100%;
   object-fit:cover;
   transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.eyi-galeri a:hover img{ transform:scale(1.05); }

/* --- Detay -------------------------------------------------------------- */
.eyi-detay{ max-width:790px; margin:0 auto; }
.eyi-detay__meta{
   display:flex;
   align-items:center;
   gap:12px;
   flex-wrap:wrap;
   margin:0 0 18px;
   font-size:.8rem;
   letter-spacing:.06em;
   text-transform:uppercase;
   color:var(--ey-ink-45);
}
.eyi-detay__meta a:hover{ color:var(--ey-mavi); }
.eyi-detay h1{
   font-size:clamp(1.8rem,1.2rem+2vw,2.9rem);
   margin:0 0 22px;
}
.eyi-detay__ozet{
   font-size:1.12rem;
   line-height:1.65;
   color:var(--ey-ink-70);
   padding:0 0 28px;
   margin:0 0 30px;
   border-bottom:1px solid var(--ey-cizgi-2);
}
.eyi-manset{
   aspect-ratio:16/9;
   border-radius:var(--ey-r);
   overflow:hidden;
   background:var(--ey-kum);
   margin:0 0 clamp(30px,3.4vw,52px);
}
.eyi-manset img{ width:100%; height:100%; object-fit:cover; }

/* --- Ürünlerimiz sayfası: ana ürün grubu kartları ------------------------- */
.eyi-gruplar .ey-katKart{ min-height:clamp(158px,14vw,200px); padding:18px; }
.eyi-gruplar .ey-katKart__ad{ font-size:clamp(.92rem,.86rem+.22vw,1.04rem); padding-right:38px; }
.eyi-gruplar .ey-katKart__sayi{ margin:6px 0 0; font-size:.78rem; }
.eyi-gruplar .ey-katKart__ok{ right:16px; bottom:16px; width:30px; height:30px; }
.eyi-gruplar .ey-katKart__ok svg{ width:12px; height:12px; }

/* ==========================================================================
   Hakkımızda (özellik: hakkimizda) — blog yazısından ayrı kurumsal düzen
   ========================================================================== */
.eyk-bas{ padding:clamp(30px,4vw,58px) 0 clamp(26px,3.4vw,46px); }
.eyk-bas .ey-basOn{ display:block; margin:18px 0 0; }
.eyk-bas h1{
   margin:12px 0 0;
   font-size:clamp(2.2rem,1.2rem+3.6vw,4.2rem);
   line-height:1.03;
   letter-spacing:-.034em;
   max-width:16ch;
}
.eyk-bas__ozet{
   margin:clamp(20px,2.4vw,30px) 0 0;
   max-width:58ch;
   font-size:clamp(1.06rem,1rem+.4vw,1.3rem);
   line-height:1.55;
   color:var(--ey-ink-70);
}

.eyk-gorsel{
   aspect-ratio:16/7;
   border-radius:var(--ey-r);
   overflow:hidden;
   background:var(--ey-kum);
}
.eyk-gorsel img{ width:100%; height:100%; object-fit:cover; }

.eyk-govde{
   display:grid;
   gap:clamp(32px,4vw,64px);
   grid-template-columns:1fr;
   align-items:start;
}
@media (min-width:900px){
   .eyk-govde{ grid-template-columns:270px minmax(0,1fr); }
   .eyk-yan{ position:sticky; top:calc(var(--ey-ustPay) + 40px); }
}

.eyk-sayi{
   margin:0;
   display:flex;
   flex-direction:column;
   gap:20px;
   padding:0 0 26px;
   border-bottom:1px solid var(--ey-cizgi);
}
.eyk-sayi > div{ display:flex; align-items:baseline; gap:10px; }
.eyk-sayi dt{
   font-size:clamp(1.5rem,1.2rem+1vw,2rem);
   font-weight:500;
   letter-spacing:-.03em;
   color:var(--ey-ink);
}
.eyk-sayi dd{ margin:0; font-size:.92rem; color:var(--ey-ink-45); }

.eyk-yan__blok{ padding:26px 0 0; }
.eyk-yan__blok h3{
   font-size:.74rem;
   font-weight:500;
   letter-spacing:.14em;
   text-transform:uppercase;
   color:var(--ey-ink-45);
   margin:0 0 12px;
}
.eyk-yan__tel{
   display:block;
   font-size:1.24rem;
   font-weight:500;
   letter-spacing:-.02em;
}
.eyk-yan__tel:hover{ color:var(--ey-mavi); }
.eyk-yan__blok p{
   margin:12px 0 0;
   font-size:.92rem;
   line-height:1.6;
   color:var(--ey-ink-70);
}

.eyk-metin{ max-width:68ch; }
.eyk-metin .ey-metin{ font-size:clamp(1rem,.97rem+.2vw,1.1rem); line-height:1.78; }
.eyk-galeri{ margin:clamp(30px,3.6vw,52px) 0 0; }

.eyk-degerler{
   display:grid;
   gap:clamp(20px,2.4vw,34px);
   grid-template-columns:1fr;
}
@media (min-width:760px){ .eyk-degerler{ grid-template-columns:repeat(3,1fr); } }
.eyk-deger{
   padding:28px 26px;
   border-radius:var(--ey-r);
   background:#fff;
}
.eyk-deger h3{
   font-size:1.08rem;
   font-weight:500;
   line-height:1.35;
   letter-spacing:-.018em;
   margin:0 0 12px;
}
.eyk-deger p{
   margin:0;
   font-size:.93rem;
   line-height:1.68;
   color:var(--ey-ink-70);
}

.eyk-cagri{
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   justify-content:space-between;
   gap:26px 40px;
}
.eyk-cagri h2{
   font-size:clamp(1.6rem,1.1rem+1.6vw,2.5rem);
   line-height:1.12;
   letter-spacing:-.026em;
   max-width:20ch;
}
.eyk-cagri__eylem{ display:flex; flex-wrap:wrap; gap:12px; }