/* ==========================================================================
   Ender Yapı Malzemeleri — giris.css (yalnızca ana sayfa)
   ========================================================================== */

/* --- 1 · Vitrin --------------------------------------------------------- */
/* Görsel katmanı position:fixed; altındaki bölümler onun üzerine kayar.
   Böylece ek betik olmadan yumuşak bir parallax geçişi oluşur. */
.eyg-vitrin{
   position:relative;
   z-index:0;
   display:flex;
   align-items:flex-end;
   min-height:540px;
   height:100vh;
   height:100svh;
   padding:calc(var(--ey-ustPay) + 60px) 0 clamp(44px,6vh,86px);
   color:#fff;
   overflow:hidden;
}
.eyg-vitrin__fon{
   position:fixed;
   inset:0;
   z-index:-1;
   background:var(--ey-koyu);
}
.eyg-vitrin__fon::after{
   content:"";
   position:absolute;
   inset:0;
   background:linear-gradient(to top,rgba(14,17,20,.66) 0%,rgba(14,17,20,.3) 52%,rgba(14,17,20,.18) 100%);
}
.eyg-vitrin__gorsel{
   position:absolute;
   inset:0;
   width:100%; height:100%;
   object-fit:cover;
   opacity:0;
   transition:opacity 1.1s var(--ey-egri);
}
.eyg-vitrin__gorsel.ey-acik{ opacity:1; }

.eyg-vitrin__ic{ position:relative; }
.eyg-vitrin .ey-basOn{ color:rgba(255,255,255,.62); }
.eyg-vitrin h1{
   margin:14px 0 0;
   font-size:clamp(2.3rem,1.2rem+3.8vw,4.4rem);
   line-height:1.03;
   letter-spacing:-.032em;
   max-width:17ch;
}
.eyg-vitrin__yazi{
   margin:clamp(18px,2vw,26px) 0 0;
   max-width:46ch;
   font-size:clamp(1rem,.96rem+.22vw,1.14rem);
   color:rgba(255,255,255,.8);
}
.eyg-vitrin__eylem{
   display:flex;
   flex-wrap:wrap;
   gap:12px;
   margin:clamp(24px,3vw,38px) 0 0;
}
/* yazıların arkasındaki şeffaf siyah zar */
.eyg-vitrin__zar{
   max-width:720px;
   padding:clamp(22px,2.6vw,34px) clamp(22px,2.6vw,36px) clamp(18px,2.2vw,28px);
   border-radius:var(--ey-r);
   background:rgba(14,17,20,.42);
}
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){
   .eyg-vitrin__zar{
      background:rgba(14,17,20,.3);
      -webkit-backdrop-filter:blur(12px);
      backdrop-filter:blur(12px);
   }
}

.eyg-vitrin__dip{
   display:flex;
   align-items:center;
   gap:14px 24px;
   flex-wrap:wrap;
   margin:clamp(22px,2.8vw,36px) 0 0;
   padding:18px 0 0;
   border-top:1px solid rgba(255,255,255,.2);
}
.eyg-vitrin__sayi{
   display:flex;
   flex-wrap:wrap;
   gap:8px 26px;
   font-size:.88rem;
   color:rgba(255,255,255,.72);
}

.eyg-vitrin__oklar{ display:flex; gap:8px; margin-left:auto; }
.eyg-ok{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:42px; height:42px;
   border:1px solid rgba(255,255,255,.4);
   border-radius:999px;
   background:transparent;
   color:#fff;
   cursor:pointer;
   transition:background var(--ey-gecis-h),border-color var(--ey-gecis-h),color var(--ey-gecis-h);
}
.eyg-ok:hover{ background:#fff; border-color:#fff; color:var(--ey-ink); }
.eyg-ok svg{ width:15px; height:15px; }

/* vitrinin üzerine kayan bölümler */
.eyg-ustu{
   position:relative;
   z-index:1;
   background:var(--ey-zemin);
}

/* --- Boş görsel yeri (panelden doldurulacak) ---------------------------- */
.eyg-bos{
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   gap:6px;
   width:100%; height:100%;
   padding:24px;
   text-align:center;
   font-size:.9rem;
   line-height:1.5;
   color:var(--ey-ink-45);
   background:
      repeating-linear-gradient(-45deg,rgba(20,23,26,.03) 0 12px,transparent 12px 24px),
      var(--ey-kum);
}
.eyg-bos small{ font-size:.74rem; opacity:.72; }
.eyg-bos--koyu{
   color:rgba(255,255,255,.5);
   background:
      repeating-linear-gradient(-45deg,rgba(255,255,255,.04) 0 12px,transparent 12px 24px),
      rgba(255,255,255,.05);
}

/* --- 2 · Hakkımızda ----------------------------------------------------- */
.eyg-hak__ic{
   display:grid;
   gap:clamp(30px,4vw,70px);
   grid-template-columns:1fr;
   align-items:center;
}
@media (min-width:920px){ .eyg-hak__ic{ grid-template-columns:1fr 1fr; } }

.eyg-hak__gorsel{
   position:relative;
   display:flex;
   aspect-ratio:4/3;
   border-radius:var(--ey-r);
   overflow:hidden;
   background:var(--ey-kum);
}
.eyg-hak__gorsel img{ width:100%; height:100%; object-fit:cover; }

.eyg-hak h2{
   margin:14px 0 0;
   font-size:clamp(1.8rem,1.1rem+2vw,2.9rem);
   line-height:1.1;
   letter-spacing:-.026em;
   max-width:18ch;
}
.eyg-hak__cumle{
   margin:clamp(18px,2vw,26px) 0 clamp(24px,2.8vw,34px);
   max-width:50ch;
   color:var(--ey-ink-70);
}

/* --- 3 · Aden Armatür --------------------------------------------------- */
.eyg-aden{
   padding:clamp(56px,7vw,110px) 0;
   background:var(--ey-koyu);
   color:#fff;
}
.eyg-aden .ey-basOn{ color:rgba(255,255,255,.5); }
.eyg-aden__ic{
   display:grid;
   gap:clamp(30px,4vw,70px);
   grid-template-columns:1fr;
   align-items:center;
}
@media (min-width:920px){ .eyg-aden__ic{ grid-template-columns:1.05fr .95fr; } }

.eyg-aden h2{
   margin:14px 0 0;
   font-size:clamp(2rem,1.2rem+2.6vw,3.4rem);
   line-height:1.06;
   letter-spacing:-.03em;
}
.eyg-aden__cumle{
   margin:clamp(18px,2vw,26px) 0 0;
   max-width:48ch;
   color:rgba(255,255,255,.66);
}
.eyg-aden__eylem{
   display:flex;
   flex-wrap:wrap;
   gap:12px;
   margin:clamp(24px,3vw,38px) 0 0;
}
.eyg-aden__gorsel{
   position:relative;
   display:flex;
   align-items:center;
   justify-content:center;
   aspect-ratio:4/3;
   border-radius:var(--ey-r);
   overflow:hidden;
   background:rgba(255,255,255,.05);
}
/* marka logosu koyu zeminde okunsun diye beyaz panel */
.eyg-aden__gorsel--beyaz{ background:#fff; }

/* arka planda banyo görseli, logo üstünde beyaz kart */
.eyg-aden__gorsel--fon{
   background:url("../../images/aden-arka.jpg") center/cover no-repeat;
}
.eyg-aden__gorsel--fon img{
   max-width:58%; max-height:46%;
   padding:20px 26px;
   border-radius:var(--ey-r-k);
   background:#fff;
   box-shadow:0 12px 36px rgba(20,23,26,.24);
}
.eyg-aden__gorsel img{
   width:auto; height:auto;
   max-width:62%; max-height:62%;
   object-fit:contain;
}

/* --- 4 · Markalarımız (tam ekran) --------------------------------------- */
.eyg-marka{
   display:flex;
   align-items:center;
   min-height:100vh;
   min-height:100svh;
   padding:clamp(56px,7vw,110px) 0;
   background:var(--ey-zemin);
}
.eyg-marka__ic{ width:100%; }

.eyg-markalar{
   display:grid;
   gap:12px;
   grid-template-columns:repeat(2,1fr);
}
@media (min-width:640px){ .eyg-markalar{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:980px){ .eyg-markalar{ grid-template-columns:repeat(5,1fr); } }
@media (min-width:980px){ .eyg-marka .ey-markaKart{ min-height:clamp(112px,11vh,152px); } }

/* --- 5 · Ürünlerimiz ---------------------------------------------------- */
.eyg-urun{ background:var(--ey-kum); overflow:hidden; }

.eyg-urun__ust{
   display:grid;
   gap:24px;
   grid-template-columns:1fr;
   align-items:end;
   margin:0 auto clamp(26px,3vw,44px);   /* .ey-kutu ortalamasını koru */
}
@media (min-width:900px){ .eyg-urun__ust{ grid-template-columns:minmax(0,1fr) auto; gap:40px; } }
.eyg-urun h2{
   font-size:clamp(1.8rem,1.1rem+2vw,2.9rem);
   line-height:1.1;
   letter-spacing:-.026em;
}
.eyg-urun .ey-bas__yazi{ margin:14px 0 0; max-width:48ch; }

.eyg-sekmeler{
   display:flex;
   gap:4px;
   padding:5px;
   border-radius:999px;
   background:var(--ey-zemin);
   overflow-x:auto;
   scrollbar-width:none;
}
.eyg-sekmeler::-webkit-scrollbar{ display:none; }
.eyg-sekme{
   flex:0 0 auto;
   padding:11px 22px;
   border:0;
   border-radius:999px;
   background:transparent;
   font-family:inherit;
   font-size:.92rem;
   color:var(--ey-ink-70);
   white-space:nowrap;
   cursor:pointer;
   transition:background var(--ey-gecis-h),color var(--ey-gecis-h);
}
.eyg-sekme:hover{ color:var(--ey-ink); }
.eyg-sekme.ey-secili{ background:var(--ey-koyu); color:#fff; }

/* kareler şeridi — sağ kenardan taşar */
.eyg-serit{
   display:flex;
   gap:clamp(12px,1.4vw,20px);
   padding:2px max(var(--ey-pay),calc((100% - var(--ey-kutu))/2 + var(--ey-pay))) 6px;
   overflow-x:auto;
   scrollbar-width:none;
   -webkit-overflow-scrolling:touch;
}
.eyg-serit::-webkit-scrollbar{ display:none; }
.eyg-serit[hidden]{ display:none; }

.eyg-kare{
   position:relative;
   flex:0 0 auto;
   display:flex;
   flex-direction:column;
   width:clamp(210px,26vw,320px);
   aspect-ratio:1;
   padding:20px;
   border:1px solid var(--ey-cizgi);
   border-radius:var(--ey-r);
   background:var(--ey-zemin);
   overflow:hidden;
   transition:border-color var(--ey-gecis-h);
}
.eyg-kare:hover{ border-color:var(--ey-ink); }

.eyg-kare__urunGorsel{
   width:auto; height:auto;
   max-width:82%; max-height:60%;
   margin:auto;
   border-radius:var(--ey-r-k);
   object-fit:contain;
   transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.eyg-kare:hover .eyg-kare__urunGorsel{ transform:scale(1.05); }

.eyg-kare__yaz{ display:block; flex:0 0 auto; }
.eyg-kare__ad{
   display:block;
   font-size:clamp(.94rem,.9rem+.2vw,1.06rem);
   font-weight:500;
   line-height:1.3;
   letter-spacing:-.015em;
   overflow:hidden;
   display:-webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical;
}
.eyg-kare__alt{
   display:block;
   margin:6px 0 0;
   font-size:.82rem;
   color:var(--ey-ink-45);
}

.eyg-kare--tum{
   justify-content:space-between;
   border-color:var(--ey-ink);
}
.eyg-kare__ok{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:38px; height:38px;
   border:1px solid var(--ey-cizgi);
   border-radius:999px;
   color:var(--ey-ink-45);
   transition:color var(--ey-gecis-h),border-color var(--ey-gecis-h),transform var(--ey-gecis-h);
}
.eyg-kare--tum:hover .eyg-kare__ok{ color:var(--ey-mavi); border-color:currentColor; transform:translateX(3px); }
.eyg-kare__ok svg{ width:15px; height:15px; }

/* --- 6 · İş ortakları bandı --------------------------------------------- */
.eyg-band__ic{
   display:grid;
   gap:clamp(26px,3.4vw,56px);
   grid-template-columns:1fr;
   align-items:center;
}
@media (min-width:900px){ .eyg-band__ic{ grid-template-columns:1fr 1fr; } }
.eyg-band h2{
   font-size:clamp(1.7rem,1.1rem+1.8vw,2.6rem);
   max-width:18ch;
}
.eyg-band__yazi{
   color:rgba(255,255,255,.66);
   max-width:48ch;
   margin:0 0 28px;
}
.eyg-band__liste{
   margin:34px 0 0;
   padding:28px 0 0;
   border-top:1px solid rgba(255,255,255,.14);
   display:flex;
   flex-direction:column;
   gap:20px;
}
.eyg-band__liste > div{
   display:grid;
   gap:4px 26px;
   grid-template-columns:1fr;
}
@media (min-width:560px){ .eyg-band__liste > div{ grid-template-columns:minmax(150px,.7fr) 1.3fr; } }
.eyg-band__liste dt{
   font-size:.93rem;
   font-weight:500;
   color:#fff;
}
.eyg-band__liste dd{
   margin:0;
   font-size:.92rem;
   line-height:1.6;
   color:rgba(255,255,255,.58);
}

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

/* --- Mobil ------------------------------------------------------------- */
@media (max-width:719px){
   /* Mobilde parallax yok: görsel sabit katman yerine bölümün kendi içinde durur.
      position:fixed bazı mobil tarayıcılarda (özellikle body'de overflow-x:hidden
      varken) yanlış konumlanıp görselin hiç görünmemesine yol açıyor. */
   .eyg-vitrin{
      height:auto;
      min-height:100vh;
      min-height:100svh;
      padding-top:calc(var(--ey-ustPay) + 40px);
   }
   .eyg-vitrin__fon{ position:absolute; }
   .eyg-vitrin__gorsel{ position:absolute; }
   .eyg-vitrin__sayi{ gap:6px 18px; font-size:.8rem; }
   .eyg-vitrin__zar{ max-width:none; }
   .eyg-ok{ width:38px; height:38px; }
   .eyg-vitrin__oklar{ margin-left:0; }   /* whatsapp düğmesiyle çakışmasın */
   .eyg-marka{ min-height:0; }
   .eyg-aden__gorsel{ aspect-ratio:3/2; }
}