/* ==========================================================================
   Ender Yapı Malzemeleri — ana.css
   Ortak katman: değişkenler, tipografi, üst menü, mobil panel, footer ve
   birden fazla sayfada kullanılan parçalar (kart, ızgara, sayfalama,
   sayfa başlığı, kırıntı yolu, serbest metin, form).
   ========================================================================== */

/* --- 1. Değişkenler ------------------------------------------------------ */
:root{
   --ey-ink:#14171a;
   --ey-ink-70:#5b6167;
   --ey-ink-45:#8c9198;
   --ey-cizgi:#e5e3df;
   --ey-cizgi-2:#f0eeea;
   --ey-zemin:#ffffff;
   --ey-kum:#f5f4f1;
   --ey-koyu:#1b1e21;
   --ey-mavi:#1e76bc;
   --ey-mavi-koyu:#185f97;
   --ey-mavi-zar:rgba(30,118,188,.09);

   --ey-kutu:1340px;
   --ey-pay:28px;
   --ey-ustPay:68px;
   --ey-r:14px;
   --ey-r-k:8px;

   --ey-egri:cubic-bezier(.23,1,.32,1);          /* güçlü ease-out */
   --ey-egri-io:cubic-bezier(.77,0,.175,1);      /* ekran içi hareket */
   --ey-gecis:.42s var(--ey-egri);
   --ey-gecis-h:.2s var(--ey-egri);
}

/* --- 2. Temel ------------------------------------------------------------ */
*,*::before,*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }

body.ey-body{
   margin:0;
   background:var(--ey-zemin);
   color:var(--ey-ink);
   font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
   font-size:16px;
   line-height:1.62;
   font-weight:400;
   letter-spacing:-.003em;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
   overflow-x:hidden;
}

body.ey-body{ padding-top:calc(var(--ey-ustPay) + 26px); }
body.ey-anasayfa{ padding-top:0; }   /* vitrin tam ekran, kart görselin üzerinde durur */
body.ey-kilit{ overflow:hidden; }

img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; }

h1,h2,h3,h4,h5{
   margin:0;
   font-weight:400;
   letter-spacing:-.022em;
   line-height:1.1;
}
p{ margin:0 0 1em; }
p:last-child{ margin-bottom:0; }

::selection{ background:var(--ey-mavi); color:#fff; }

:focus-visible{
   outline:2px solid var(--ey-mavi);
   outline-offset:3px;
   border-radius:2px;
}

.ey-atla{
   position:absolute; left:-9999px; top:0; z-index:999;
   background:var(--ey-ink); color:#fff;
   padding:14px 22px; border-radius:0 0 var(--ey-r-k) 0;
}
.ey-atla:focus{ left:0; }

/* --- 3. Düzen ------------------------------------------------------------ */
.ey-kutu{
   width:100%;
   max-width:var(--ey-kutu);
   margin:0 auto;
   padding:0 var(--ey-pay);
}

.ey-bolum{ padding:clamp(56px,7vw,110px) 0; }
.ey-bolum--dar{ padding:clamp(40px,4.5vw,68px) 0; }
.ey-bolum--kum{ background:var(--ey-kum); }
.ey-bolum--koyu{ background:var(--ey-koyu); color:#fff; }
.ey-bolum--koyu .ey-basOn{ color:rgba(255,255,255,.5); }
.ey-bolum--koyu .ey-bas__yazi{ color:rgba(255,255,255,.66); }

.ey-izgara{
   display:grid;
   gap:clamp(20px,2.2vw,34px) clamp(16px,1.6vw,26px);
   grid-template-columns:repeat(2,1fr);
}
@media (min-width:640px){ .ey-izgara--3{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:900px){
   .ey-izgara--3{ grid-template-columns:repeat(3,1fr); }
   .ey-izgara--4{ grid-template-columns:repeat(4,1fr); }
}

/* --- 4. Başlık blokları -------------------------------------------------- */
.ey-basOn{
   display:block;
   font-size:.72rem;
   font-weight:500;
   letter-spacing:.14em;
   text-transform:uppercase;
   color:var(--ey-ink-45);
   margin:0 0 16px;
}

.ey-bas{
   display:flex;
   align-items:flex-end;
   justify-content:space-between;
   gap:32px;
   flex-wrap:wrap;
   margin:0 0 clamp(28px,3.4vw,52px);
}
.ey-bas__sol{ max-width:56ch; }
.ey-bas h2{ font-size:clamp(1.75rem,1.1rem+1.9vw,2.7rem); }
.ey-bas__yazi{
   margin:18px 0 0;
   color:var(--ey-ink-70);
   max-width:52ch;
}

/* --- 5. Butonlar --------------------------------------------------------- */
.ey-btn{
   display:inline-flex;
   align-items:center;
   gap:10px;
   padding:13px 26px;
   border:1px solid var(--ey-ink);
   border-radius:999px;
   background:transparent;
   color:var(--ey-ink);
   font-size:.9rem;
   font-weight:500;
   cursor:pointer;
   transition:background var(--ey-gecis-h),color var(--ey-gecis-h),border-color var(--ey-gecis-h);
}
.ey-btn:hover{ background:var(--ey-ink); color:#fff; }

.ey-btn--dolu{ background:var(--ey-ink); color:#fff; }
.ey-btn--dolu:hover{ background:var(--ey-mavi); border-color:var(--ey-mavi); }

.ey-btn--beyaz{ border-color:rgba(255,255,255,.45); color:#fff; }
.ey-btn--beyazDolu{ background:#fff; border-color:#fff; color:var(--ey-ink); }
.ey-btn--beyazDolu:hover{ background:var(--ey-mavi); border-color:var(--ey-mavi); color:#fff; }
.ey-btn--beyaz:hover{ background:#fff; color:var(--ey-ink); border-color:#fff; }

.ey-btn svg{ width:15px; height:15px; flex:0 0 auto; transition:transform var(--ey-gecis-h); }
.ey-btn:hover svg{ transform:translateX(3px); }

.ey-ok{
   display:inline-flex;
   align-items:center;
   gap:9px;
   font-size:.9rem;
   font-weight:500;
   padding-bottom:3px;
   border-bottom:1px solid var(--ey-cizgi);
   transition:border-color var(--ey-gecis-h),color var(--ey-gecis-h);
}
.ey-ok:hover{ border-color:var(--ey-ink); color:var(--ey-mavi); }
.ey-ok svg{ width:14px; height:14px; transition:transform var(--ey-gecis-h); }
.ey-ok:hover svg{ transform:translateX(4px); }

/* --- 6. Üst menü: yüzen kart --------------------------------------------- */
.ey-ust{
   position:fixed;
   top:13px; left:0; right:0;
   z-index:120;
   transform:translate3d(0,0,0);
   transition:transform .25s var(--ey-egri);
   will-change:transform;
}
.ey-ust--gizli{ transform:translate3d(0,calc(-100% - 20px),0); }

.ey-ust .ey-kutu{ max-width:1180px; }   /* menü kartı gövdeden biraz dar */

.ey-ust__kart{
   background:#fff;
   border:1px solid var(--ey-cizgi);
   border-radius:12px;
   box-shadow:0 4px 26px rgba(20,23,26,.06);
   transition:box-shadow var(--ey-gecis-h);
}
.ey-ust--kayik .ey-ust__kart{ box-shadow:0 10px 44px rgba(20,23,26,.11); }

.ey-ust__ic{
   height:var(--ey-ustPay);
   display:flex;
   align-items:center;
   padding:0 clamp(14px,1.4vw,22px);
}

.ey-logo{ flex:0 0 auto; display:block; }
.ey-logo img{ height:42px; width:auto; }
.ey-logo__ad{ font-size:1.1rem; font-weight:600; letter-spacing:-.02em; }

.ey-menu{
   display:none;
   align-items:center;
   gap:2px;
   margin-left:clamp(10px,2.2vw,34px);
}
@media (min-width:1080px){ .ey-menu{ display:flex; } }

.ey-menu__bag{
   position:relative;
   display:inline-flex;
   align-items:center;
   padding:9px 14px 11px;
   border:0;
   background:transparent;
   font-family:inherit;
   font-size:.93rem;
   font-weight:400;
   color:var(--ey-ink);
   white-space:nowrap;
   cursor:pointer;
   transition:color var(--ey-gecis-h);
}
.ey-menu__bag::after{
   content:"";
   position:absolute;
   left:14px; right:14px; bottom:2px;
   height:1px;
   background:currentColor;
   transform:scaleX(0);
   transform-origin:left center;
   transition:transform .2s var(--ey-egri);
}
.ey-menu__bag.ey-secili::after,
.ey-menu__bag[aria-expanded="true"]::after{ transform:scaleX(1); }

@media (hover:hover) and (pointer:fine){
   .ey-menu__bag:hover::after{ transform:scaleX(1); }
}

@media (prefers-reduced-motion:reduce){
   .ey-menu__bag::after{ transition:none; }
}

/* sağ araçlar */
.ey-araclar{
   display:flex;
   align-items:center;
   gap:clamp(8px,1vw,15px);
   margin-left:auto;
}
.ey-ayrac{ display:none; width:1px; height:22px; background:var(--ey-cizgi); }
.ey-tel{ display:none; font-size:.92rem; font-weight:500; white-space:nowrap; }
.ey-tel:hover{ color:var(--ey-mavi); }
@media (min-width:1240px){
   .ey-ayrac{ display:block; }
   .ey-tel{ display:inline-flex; }
}

.ey-ikon{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:38px; height:38px;
   border:1px solid transparent;
   border-radius:999px;
   background:transparent;
   cursor:pointer;
   transition:border-color var(--ey-gecis-h),color var(--ey-gecis-h);
}
.ey-ikon:hover{ border-color:var(--ey-cizgi); color:var(--ey-mavi); }
.ey-ikon[aria-expanded="true"]{ border-color:var(--ey-ink); }
.ey-ikon svg{ width:17px; height:17px; }

/* hamburger */
.ey-tetik{
   display:inline-flex;
   flex-direction:column;
   justify-content:center;
   gap:5px;
   width:38px; height:38px;
   padding:0 9px;
   border:1px solid var(--ey-cizgi);
   border-radius:999px;
   background:#fff;
   cursor:pointer;
}
@media (min-width:1080px){ .ey-tetik{ display:none; } }
.ey-tetik span{
   display:block;
   height:1.5px;
   background:var(--ey-ink);
   border-radius:2px;
}
.ey-tetik span:nth-child(2){ width:64%; }

/* --- 6b. Kart içi paneller (ürünler / markalar / kurumsal / arama) ------- */
.ey-kat{
   max-height:0;
   opacity:0;
   overflow:hidden;
   border-radius:0 0 12px 12px;
   transition:max-height .26s var(--ey-egri),opacity .18s linear;
}
.ey-kat.ey-acik{ opacity:1; }

.ey-kat__govde{
   position:relative;
   border-top:1px solid var(--ey-cizgi-2);
   padding:28px clamp(14px,1.4vw,22px) 26px;
}

.ey-kat__kapat{
   position:absolute;
   top:20px; right:clamp(14px,1.4vw,22px);
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:34px; height:34px;
   border:1px solid transparent;
   border-radius:999px;
   background:transparent;
   color:var(--ey-ink-45);
   cursor:pointer;
   transition:border-color var(--ey-gecis-h),color var(--ey-gecis-h);
}
.ey-kat__kapat:hover{ border-color:var(--ey-cizgi); color:var(--ey-ink); }
.ey-kat__kapat svg{ width:14px; height:14px; }

.ey-kat__ic{ display:grid; gap:34px 26px; grid-template-columns:1fr; }
@media (min-width:960px){
   .ey-kat__ic--yanli{ grid-template-columns:minmax(0,1fr) 288px; }
}

.ey-kat__ana{
   display:grid;
   grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
   gap:28px 20px;
}
.ey-kat__sutun{ display:flex; flex-direction:column; gap:9px; min-width:0; }
.ey-kat__sutun--genis{ grid-column:1/-1; }

/* başlık satırı tüm sütunlarda aynı yükseklikte kalsın (subgrid) */
.ey-kat__ana--esit{ row-gap:9px; }
.ey-kat__ana--esit > .ey-kat__sutun{
   display:grid;
   grid-template-rows:subgrid;
   grid-row:span 2;
   gap:9px;
   align-content:start;
}
.ey-kat__ana--esit .ey-kat__bas{ margin:0; align-self:end; }
.ey-kat__baglar{
   display:flex;
   flex-direction:column;
   gap:9px;
   min-width:0;
   padding-bottom:19px;
}

/* ızgaranın sağ alt köşesindeki tek satırlık "Tüm ürün grupları" bağlantısı */
.ey-kat__tum{
   grid-column:-2/-1;
   grid-row:span 2;
   justify-self:end;
   align-self:end;
   margin-bottom:19px;
   padding:11px 20px;
   font-size:.86rem;
   white-space:nowrap;
}

.ey-kat__bas{
   display:block;
   font-size:.69rem;
   font-weight:500;
   letter-spacing:.11em;
   text-transform:uppercase;
   color:var(--ey-ink-45);
   margin:0 0 5px;
}

.ey-kat__sutun a{
   font-size:.87rem;
   line-height:1.35;
   color:var(--ey-ink);
   transition:color var(--ey-gecis-h);
}
.ey-kat__baglar a{
   display:block;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}
.ey-kat__sutun a:hover{ color:var(--ey-mavi); }
.ey-kat__devam{
   display:flex;
   flex-direction:column;
   gap:9px;
   max-height:0;
   overflow:hidden;
   transition:max-height .34s var(--ey-egri);
}
.ey-kat__devam[hidden]{ display:flex; }
.ey-kat__devam.ey-acik{ max-height:480px; }

.ey-kat__daha{
   display:inline-flex;
   align-items:center;
   gap:7px;
   align-self:flex-start;
   margin:3px 0 0;
   padding:0;
   border:0;
   background:transparent;
   font-family:inherit;
   font-size:.87rem;
   color:var(--ey-ink-45);
   cursor:pointer;
   transition:color var(--ey-gecis-h);
}
.ey-kat__daha:hover{ color:var(--ey-mavi); }
.ey-kat__daha i{
   width:6px; height:6px;
   border-right:1.4px solid currentColor;
   border-bottom:1.4px solid currentColor;
   transform:translateY(-2px) rotate(45deg);
   transition:transform var(--ey-gecis-h);
}
.ey-kat__daha[aria-expanded="true"] i{ transform:translateY(1px) rotate(225deg); }

.ey-kat__coklu{ columns:2; column-gap:20px; }
@media (min-width:700px){ .ey-kat__coklu{ columns:3; } }
@media (min-width:1080px){ .ey-kat__coklu{ columns:4; } }
.ey-kat__coklu a{
   display:block;
   padding:5px 0;
   break-inside:avoid;
   font-size:.87rem;
   color:var(--ey-ink);
   transition:color var(--ey-gecis-h);
}
.ey-kat__coklu a:hover{ color:var(--ey-mavi); }

.ey-kat__yan{ display:flex; flex-direction:column; gap:10px; }
.ey-kat__kart{
   display:block;
   padding:16px 18px;
   border:1px solid var(--ey-cizgi);
   border-radius:12px;
   transition:border-color var(--ey-gecis-h),background var(--ey-gecis-h);
}
.ey-kat__kart:hover{ border-color:var(--ey-ink); background:var(--ey-kum); }
.ey-kat__kartAd{ display:block; font-size:.95rem; font-weight:500; }
.ey-kat__kartYazi{ display:block; margin-top:4px; font-size:.82rem; color:var(--ey-ink-45); line-height:1.45; }

.ey-kat__dip{
   display:flex;
   flex-wrap:wrap;
   gap:10px;
   margin:30px 0 0;
}
.ey-kat__dip .ey-btn{ padding:11px 20px; font-size:.86rem; }

/* arama formu (panel içinde) */
.ey-ara{ display:flex; align-items:center; gap:14px; }
.ey-ara__buyutec{ width:20px; height:20px; color:var(--ey-ink-45); flex:0 0 auto; }
.ey-ara__alan{
   flex:1;
   min-width:0;
   border:0;
   background:transparent;
   font-family:inherit;
   font-size:clamp(1.05rem,.9rem+.55vw,1.45rem);
   color:var(--ey-ink);
   padding:6px 0;
}
.ey-ara__alan::placeholder{ color:var(--ey-ink-45); }
.ey-ara__alan:focus{ outline:none; }

/* --- 7. Mobil panel ------------------------------------------------------ */
.ey-golge{
   position:fixed; inset:0;
   z-index:150;
   background:rgba(20,23,26,.4);
   opacity:0;
   transition:opacity var(--ey-gecis);
}
.ey-golge[hidden]{ display:block; pointer-events:none; }
.ey-golge.ey-acik{ opacity:1; pointer-events:auto; }

.ey-panel{
   position:fixed;
   top:0; right:0; bottom:0;
   z-index:160;
   width:min(420px,88vw);
   background:#fff;
   display:flex;
   flex-direction:column;
   transform:translateX(100%);
   transition:transform var(--ey-gecis);
   overflow-y:auto;
   overscroll-behavior:contain;
}
.ey-panel[hidden]{ display:flex; }
.ey-panel.ey-acik{ transform:translateX(0); }

.ey-panel__ust{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:16px;
   height:var(--ey-ustPay);
   padding:0 20px 0 24px;
   border-bottom:1px solid var(--ey-cizgi);
   flex:0 0 auto;
}
.ey-panel__ust img{ height:30px; width:auto; }
.ey-panel__kapat{
   width:40px; height:40px;
   border:1px solid var(--ey-cizgi);
   border-radius:999px;
   background:#fff;
   font-size:1.3rem;
   line-height:1;
   cursor:pointer;
}


.ey-panel__govde{
   flex:1;
   min-height:0;
   overflow:hidden;
}
.ey-panel__akis{
   display:flex;
   width:300%;
   height:100%;
   transform:translateX(0);
   transition:transform .34s var(--ey-egri);
}
.ey-panel__akis.ey-akis--2{ transform:translateX(-33.3333%); }
.ey-panel__akis.ey-akis--3{ transform:translateX(-66.6666%); }

.ey-ekran{
   flex:0 0 33.3333%;
   width:33.3333%;
   padding:8px 24px 34px;
   overflow-y:auto;
   overscroll-behavior:contain;
}
.ey-altEkran[hidden]{ display:none; }

.ey-satir{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:12px;
   width:100%;
   padding:15px 0;
   border:0;
   border-bottom:1px solid var(--ey-cizgi-2);
   background:transparent;
   font-family:inherit;
   font-size:1rem;
   font-weight:400;
   color:var(--ey-ink);
   text-align:left;
   cursor:pointer;
}
.ey-satir--ileri i{
   flex:0 0 auto;
   width:8px; height:8px;
   border-right:1.5px solid var(--ey-ink-45);
   border-top:1.5px solid var(--ey-ink-45);
   transform:rotate(45deg);
}
.ey-satir--tumu{ color:var(--ey-mavi); }

.ey-geri{
   display:flex;
   align-items:center;
   gap:11px;
   width:100%;
   padding:14px 0;
   margin:0 0 6px;
   border:0;
   border-bottom:1px solid var(--ey-cizgi);
   background:transparent;
   font-family:inherit;
   font-size:.78rem;
   font-weight:500;
   letter-spacing:.1em;
   text-transform:uppercase;
   color:var(--ey-ink-45);
   cursor:pointer;
}
.ey-geri i{
   flex:0 0 auto;
   width:8px; height:8px;
   border-left:1.5px solid currentColor;
   border-bottom:1.5px solid currentColor;
   transform:rotate(45deg);
}

.ey-panel__dip{
   margin-top:26px;
   display:flex;
   flex-direction:column;
   gap:12px;
   font-size:.92rem;
   color:var(--ey-ink-70);
}
.ey-panel__dip a{ display:inline-flex; align-items:center; gap:9px; }
.ey-panel__dip svg{ width:15px; height:15px; color:var(--ey-mavi); flex:0 0 auto; }

/* --- 8. Sayfa başlığı + kırıntı yolu ------------------------------------- */
.ey-sayfaBas{
   padding:clamp(36px,4.6vw,66px) 0 clamp(26px,3vw,40px);
   border-bottom:1px solid var(--ey-cizgi-2);
}
.ey-sayfaBas h1{
   font-size:clamp(1.9rem,1.2rem+2.3vw,3.1rem);
   max-width:22ch;
}
.ey-sayfaBas__yazi{
   margin:20px 0 0;
   max-width:60ch;
   color:var(--ey-ink-70);
}

.ey-kirinti{
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   gap:9px;
   margin:0 0 22px;
   padding:0;
   list-style:none;
   font-size:.8rem;
   color:var(--ey-ink-45);
}
.ey-kirinti li{ display:flex; align-items:center; gap:9px; }
.ey-kirinti li + li::before{ content:"\203A"; color:var(--ey-ink-45); }
.ey-kirinti a{ border-bottom:1px solid var(--ey-cizgi); padding-bottom:1px; }
.ey-kirinti a:hover{ color:var(--ey-ink); border-color:var(--ey-ink); }
.ey-kirinti__aktif{ color:var(--ey-ink); }

/* --- 9. Ürün kartı ------------------------------------------------------- */
.ey-kart{ display:flex; flex-direction:column; }
.ey-kart[hidden]{ display:none; }
.ey-kart__gorsel{
   position:relative;
   display:block;
   aspect-ratio:1/1;
   background:var(--ey-kum);
   border-radius:var(--ey-r);
   overflow:hidden;
}
.ey-kart__gorsel img{
   position:absolute;
   top:50%; left:50%;
   width:auto; height:auto;
   max-width:78%; max-height:78%;
   border-radius:var(--ey-r-k);
   transform:translate(-50%,-50%);
   transition:transform .7s cubic-bezier(.22,.61,.36,1);
}
.ey-kart:hover .ey-kart__gorsel img{ transform:translate(-50%,-50%) scale(1.045); }

.ey-kart__bos{
   position:absolute;
   inset:0;
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:.75rem;
   letter-spacing:.12em;
   text-transform:uppercase;
   color:var(--ey-ink-45);
}

.ey-kart__rozet{
   position:absolute;
   top:14px; left:14px;
   padding:5px 11px;
   border-radius:999px;
   background:rgba(255,255,255,.92);
   font-size:.68rem;
   font-weight:500;
   letter-spacing:.06em;
   text-transform:uppercase;
   color:var(--ey-ink-70);
}

.ey-kart__yaz{ display:block; padding:16px 2px 0; }
.ey-kart__ad{
   display:block;
   font-size:1rem;
   font-weight:500;
   line-height:1.35;
   letter-spacing:-.012em;
   transition:color var(--ey-gecis-h);
}
.ey-kart:hover .ey-kart__ad{ color:var(--ey-mavi); }
.ey-kart__kod{
   display:block;
   margin:7px 0 0;
   font-size:.8rem;
   color:var(--ey-ink-45);
}

.ey-bolum--kum .ey-kart__gorsel{ background:#fff; }

/* --- 10. Kategori / marka kartı ------------------------------------------ */
.ey-katKart{
   position:relative;
   display:flex;
   flex-direction:column;
   justify-content:flex-end;
   min-height:clamp(190px,20vw,250px);
   padding:24px;
   border:1px solid var(--ey-cizgi);
   border-radius:var(--ey-r);
   background:#fff;
   overflow:hidden;
   isolation:isolate;
   transition:border-color var(--ey-gecis-h);
}
.ey-katKart:hover{ border-color:var(--ey-ink); }

.ey-katKart img{
   position:absolute;
   inset:0;
   z-index:-2;
   width:100%; height:100%;
   object-fit:cover;
   transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.ey-katKart--gorselli{ border-color:transparent; background:var(--ey-kum); }
.ey-katKart--gorselli::after{
   content:"";
   position:absolute;
   inset:0;
   z-index:-1;
   background:linear-gradient(to top,rgba(20,23,26,.74) 0%,rgba(20,23,26,.2) 55%,rgba(20,23,26,0) 100%);
}
.ey-katKart--gorselli .ey-katKart__ad{ color:#fff; }
.ey-katKart--gorselli .ey-katKart__sayi{ color:rgba(255,255,255,.72); }
.ey-katKart--gorselli .ey-katKart__ok{ border-color:rgba(255,255,255,.45); color:#fff; }
.ey-katKart:hover img{ transform:scale(1.05); }

.ey-katKart__ad{
   display:block;
   padding-right:44px;
   font-size:clamp(1.02rem,.95rem+.35vw,1.22rem);
   font-weight:500;
   letter-spacing:-.018em;
   line-height:1.3;
}
.ey-katKart__sayi{
   display:block;
   margin:8px 0 0;
   font-size:.82rem;
   color:var(--ey-ink-45);
}
.ey-katKart__ok{
   position:absolute;
   right:22px; bottom:22px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:34px; height:34px;
   border:1px solid var(--ey-cizgi);
   border-radius:999px;
   color:var(--ey-ink-45);
   transition:border-color var(--ey-gecis-h),color var(--ey-gecis-h),transform var(--ey-gecis-h);
}
.ey-katKart:hover .ey-katKart__ok{ border-color:currentColor; color:var(--ey-mavi); transform:translateX(3px); }
.ey-katKart__ok svg{ width:14px; height:14px; }

.ey-markaKart{
   display:flex;
   align-items:center;
   justify-content:center;
   min-height:104px;
   padding:22px;
   border:1px solid var(--ey-cizgi);
   border-radius:var(--ey-r);
   background:#fff;
   transition:border-color var(--ey-gecis-h);
}
.ey-markaKart:hover{ border-color:var(--ey-ink); }
.ey-markaKart img{
   max-height:48px;
   width:auto;
   filter:grayscale(1);
   opacity:.84;
   transition:filter var(--ey-gecis-h),opacity var(--ey-gecis-h);
}
.ey-markaKart:hover img{ filter:grayscale(0); opacity:1; }
.ey-markaKart__ad{
   font-size:1rem;
   font-weight:500;
   letter-spacing:-.01em;
   text-align:center;
}

/* --- 12. Sayfalama ------------------------------------------------------- */
.ey-sayfalama{
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   justify-content:center;
   gap:7px;
   margin:clamp(40px,5vw,72px) 0 0;
}
.ey-sayfalama a{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   min-width:42px; height:42px;
   padding:0 13px;
   border:1px solid var(--ey-cizgi);
   border-radius:999px;
   font-size:.88rem;
   font-weight:500;
   color:var(--ey-ink-70);
   transition:border-color var(--ey-gecis-h),background var(--ey-gecis-h),color var(--ey-gecis-h);
}
.ey-sayfalama a:hover{ border-color:var(--ey-ink); color:var(--ey-ink); }
.ey-sayfalama a.ey-secili{ background:var(--ey-ink); border-color:var(--ey-ink); color:#fff; }
.ey-sayfalama__bosluk{ padding:0 4px; color:var(--ey-ink-45); }

/* --- 13. Boş durum (çekirdek uyarı mesajı dahil) ------------------------- */
.ey-bos{
   padding:clamp(48px,6vw,90px) 24px;
   border:1px dashed var(--ey-cizgi);
   border-radius:var(--ey-r);
   text-align:center;
   color:var(--ey-ink-70);
}
.ey-bos font{ font-size:1.5rem !important; display:block; margin-bottom:8px; color:var(--ey-ink); }
.ey-bos b{ font-weight:500; color:var(--ey-ink); }
.ey-bos__eylem{ margin-top:26px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }

/* --- 14. Serbest metin (editörden gelen HTML) ---------------------------- */
.ey-metin{ color:var(--ey-ink-70); line-height:1.75; }
.ey-metin > *:first-child{ margin-top:0; }
.ey-metin h2,.ey-metin h3,.ey-metin h4{
   color:var(--ey-ink);
   margin:1.8em 0 .6em;
   letter-spacing:-.02em;
}
.ey-metin h2{ font-size:clamp(1.4rem,1.1rem+1vw,1.9rem); }
.ey-metin h3{ font-size:clamp(1.15rem,1rem+.6vw,1.4rem); }
.ey-metin h4{ font-size:1.08rem; font-weight:500; }
.ey-metin a{ color:var(--ey-mavi); text-decoration:underline; text-underline-offset:3px; }
.ey-metin ul,.ey-metin ol{ padding-left:1.15em; margin:0 0 1.2em; }
.ey-metin li{ margin:0 0 .5em; }
.ey-metin ul{ list-style:none; padding-left:0; }
.ey-metin ul li{ position:relative; padding-left:1.35em; }
.ey-metin ul li::before{
   content:"";
   position:absolute;
   left:0; top:.68em;
   width:6px; height:1px;
   background:var(--ey-mavi);
}
.ey-metin img{ border-radius:var(--ey-r); margin:1.6em 0; }
.ey-metin iframe{
   width:100%;
   aspect-ratio:16/9;
   height:auto;
   border:0;
   border-radius:var(--ey-r);
   margin:1.6em 0;
}
.ey-metin blockquote{
   margin:1.8em 0;
   padding:4px 0 4px 26px;
   border-left:2px solid var(--ey-mavi);
   font-size:1.1rem;
   color:var(--ey-ink);
}
.ey-metin table{
   width:100%;
   border-collapse:collapse;
   margin:1.6em 0;
   font-size:.92rem;
}
.ey-metin th,.ey-metin td{
   padding:12px 14px;
   border-bottom:1px solid var(--ey-cizgi);
   text-align:left;
}
.ey-metin th{ color:var(--ey-ink); font-weight:500; background:var(--ey-kum); }
.ey-metin strong{ color:var(--ey-ink); font-weight:500; }

/* --- 15. Form (çekirdek iletişim formu + teklif formları) ---------------- */
.ey-form .form-row{ display:grid; gap:18px; grid-template-columns:1fr; }
@media (min-width:640px){ .ey-form .form-row{ grid-template-columns:1fr 1fr; } }
.ey-form .form-group{ margin:0 0 18px; }
.ey-form .form-row .form-group{ margin:0; }
.ey-form label,
.ey-form .form-control-label{
   display:block;
   margin:0 0 8px;
   font-size:.78rem;
   font-weight:500;
   letter-spacing:.06em;
   text-transform:uppercase;
   color:var(--ey-ink-45);
}
.ey-form input[type="text"],
.ey-form input[type="tel"],
.ey-form input[type="email"],
.ey-form input[type="number"],
.ey-form select,
.ey-form textarea{
   width:100%;
   padding:14px 16px;
   border:1px solid var(--ey-cizgi);
   border-radius:var(--ey-r-k);
   background:#fff;
   font-family:inherit;
   font-size:.95rem;
   color:var(--ey-ink);
   transition:border-color var(--ey-gecis-h),box-shadow var(--ey-gecis-h);
}
.ey-form textarea{ resize:vertical; min-height:130px; }
.ey-form input:focus,
.ey-form select:focus,
.ey-form textarea:focus{
   outline:none;
   border-color:var(--ey-mavi);
   box-shadow:0 0 0 3px var(--ey-mavi-zar);
}
.ey-form select{
   appearance:none;
   background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238c9198' stroke-width='1.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
   background-repeat:no-repeat;
   background-position:right 16px center;
   background-size:12px;
   padding-right:44px;
}
.ey-form .g-recaptcha{ margin:20px 0 22px; }
.ey-form button,
.ey-form input[type="submit"],
.ey-form .submit-btn,
.ey-form .btn{
   display:inline-flex;
   align-items:center;
   gap:10px;
   padding:14px 30px;
   border:1px solid var(--ey-ink);
   border-radius:999px;
   background:var(--ey-ink);
   color:#fff;
   font-family:inherit;
   font-size:.92rem;
   font-weight:500;
   cursor:pointer;
   transition:background var(--ey-gecis-h),border-color var(--ey-gecis-h);
}
.ey-form button:hover,
.ey-form input[type="submit"]:hover,
.ey-form .submit-btn:hover,
.ey-form .btn:hover{ background:var(--ey-mavi); border-color:var(--ey-mavi); }
.ey-form .submit-btn i{ display:none; }
.ey-form .row{ margin:0; }
.ey-form [class*="col-"]{ padding:0; }
.ey-form .alert,
.ey-form .hata,
.ey-form .basarili{
   padding:14px 18px;
   border-radius:var(--ey-r-k);
   font-size:.92rem;
   margin:0 0 18px;
}
.ey-form .alert-danger,
.ey-form .hata{ background:#fdf2f2; color:#9b2c2c; }
.ey-form .alert-success,
.ey-form .basarili{ background:#f0f8f2; color:#276749; }

/* --- 16. WhatsApp düğmesi ------------------------------------------------ */
.ey-wa{
   position:fixed;
   right:20px; bottom:20px;
   z-index:110;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:52px; height:52px;
   border-radius:999px;
   background:#25d366;
   color:#fff;
   box-shadow:0 10px 30px rgba(37,211,102,.34);
   transition:transform var(--ey-gecis-h);
}
.ey-wa:hover{ transform:scale(1.07); }
.ey-wa svg{ width:26px; height:26px; }

/* --- 17. Footer ---------------------------------------------------------- */
.ey-alt{
   position:relative;
   z-index:1;              /* ana sayfadaki sabit vitrin katmanının üzerinde kalsın */
   background:var(--ey-koyu);
   color:rgba(255,255,255,.62);
   padding:clamp(52px,6vw,88px) 0 0;
   font-size:.9rem;
}
.ey-alt__ust{
   display:grid;
   gap:clamp(32px,3.4vw,52px);
   grid-template-columns:1fr;
   padding-bottom:clamp(40px,4.4vw,62px);
}
@media (min-width:760px){ .ey-alt__ust{ grid-template-columns:1.35fr 1fr 1fr; } }
@media (min-width:1080px){ .ey-alt__ust{ grid-template-columns:1.5fr 1fr 1fr 1.1fr; } }

.ey-alt__logo img{ height:40px; width:auto; filter:brightness(0) invert(1); opacity:.95; }
.ey-alt__tanit{ margin:20px 0 0; max-width:34ch; line-height:1.7; }

.ey-alt h3{
   font-size:.74rem;
   font-weight:500;
   letter-spacing:.14em;
   text-transform:uppercase;
   color:rgba(255,255,255,.45);
   margin:0 0 18px;
}
.ey-alt ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.ey-alt a{ transition:color var(--ey-gecis-h); }
.ey-alt a:hover{ color:#fff; }

.ey-alt__iletisim{ display:flex; flex-direction:column; gap:14px; }
.ey-alt__iletisim > *{ display:flex; align-items:flex-start; gap:11px; margin:0; }
.ey-alt__iletisim svg{ width:15px; height:15px; margin-top:4px; flex:0 0 auto; color:var(--ey-mavi); }
.ey-alt__tel{ font-size:1.15rem; font-weight:500; color:#fff; letter-spacing:-.015em; }

.ey-sosyal{ display:flex; gap:9px; margin-top:22px; }
.ey-sosyal a{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:38px; height:38px;
   border:1px solid rgba(255,255,255,.16);
   border-radius:999px;
   transition:background var(--ey-gecis-h),border-color var(--ey-gecis-h),color var(--ey-gecis-h);
}
.ey-sosyal a:hover{ background:#fff; border-color:#fff; color:var(--ey-koyu); }
.ey-sosyal svg{ width:16px; height:16px; }

.ey-alt__cizgi{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:16px;
   flex-wrap:wrap;
   padding:22px 0 26px;
   border-top:1px solid rgba(255,255,255,.1);
   font-size:.82rem;
   color:rgba(255,255,255,.42);
}
.ey-alt__cizgi p{ margin:0; }

/* --- 18. Açılış hareketi ------------------------------------------------- */
.ey-gir{
   opacity:0;
   transform:translateY(22px);
   transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);
}
.ey-gir.ey-gorundu{ opacity:1; transform:none; }

/* --- 19. Splash (panel: luka) ------------------------------------------- */
.ey-splash{
   position:fixed; inset:0;
   z-index:200;
   display:flex;
   align-items:center;
   justify-content:center;
   padding:24px;
   background:rgba(20,23,26,.66);
   opacity:0;
   transition:opacity var(--ey-gecis);
}
.ey-splash[hidden]{ display:none; }
.ey-splash.ey-acik{ opacity:1; }
.ey-splash__ic{ position:relative; max-width:640px; width:100%; }
.ey-splash__ic img{ width:100%; border-radius:var(--ey-r); }
.ey-splash__kapat{
   position:absolute;
   top:-14px; right:-14px;
   width:38px; height:38px;
   border:0;
   border-radius:999px;
   background:#fff;
   font-size:1.2rem;
   line-height:1;
   cursor:pointer;
   box-shadow:0 6px 20px rgba(0,0,0,.2);
}

/* --- 20. Azaltılmış hareket --------------------------------------------- */
@media (prefers-reduced-motion:reduce){
   html{ scroll-behavior:auto; }
   *,*::before,*::after{
      animation-duration:.01ms !important;
      animation-iteration-count:1 !important;
      transition-duration:.01ms !important;
   }
   .ey-gir{ opacity:1; transform:none; }
   .ey-ust--gizli{ transform:none; }
}

/* --- 21. Küçük ekran ayarları ------------------------------------------- */
@media (max-width:640px){
   :root{ --ey-pay:16px; --ey-ustPay:60px; }
   .ey-logo img{ height:34px; }
   .ey-izgara{ gap:22px 14px; }
   .ey-kart__yaz{ padding-top:13px; }
   .ey-kart__ad{ font-size:.92rem; }
}

/* --- 14. Çerez bildirimi ------------------------------------------------- */
.ey-cerez{
   position:fixed;
   left:0; right:0; bottom:0;
   z-index:200;
   background:var(--ey-kum);
   border-top:1px solid var(--ey-cizgi);
   box-shadow:0 -14px 46px rgba(20,23,26,.12);
   transform:translateY(100%);
   transition:transform .42s var(--ey-egri);
}
.ey-cerez.ey-acik{ transform:translateY(0); }
.ey-cerez__ic{
   display:grid;
   gap:22px;
   align-items:end;
   padding:clamp(22px,2.6vw,34px) var(--ey-pay);
}
@media (min-width:920px){
   .ey-cerez__ic{ grid-template-columns:minmax(0,1fr) auto; gap:44px; }
}
.ey-cerez__bas{
   display:block;
   margin:0 0 8px;
   font-size:.96rem;
   font-weight:500;
}
.ey-cerez p{
   margin:0;
   max-width:78ch;
   font-size:.9rem;
   line-height:1.62;
   color:var(--ey-ink-70);
}
.ey-cerez a{ text-decoration:underline; text-underline-offset:3px; }
.ey-cerez a:hover{ color:var(--ey-mavi); }
.ey-cerez__dugme{
   display:flex;
   flex-wrap:wrap;
   gap:10px;
}
.ey-cerez__dugme .ey-btn{ padding:12px 30px; font-size:.9rem; }
@media (max-width:519px){
   .ey-cerez__dugme{ display:grid; grid-template-columns:1fr 1fr; }
   .ey-cerez__dugme .ey-btn{ justify-content:center; padding:12px 16px; }
}
@media (prefers-reduced-motion:reduce){
   .ey-cerez{ transition:none; }
}

/* --- 15. Tek satır arama paneli ----------------------------------------- */
.ey-kat--ince .ey-kat__govde{ padding:14px clamp(14px,1.4vw,22px); }
.ey-kat--ince .ey-ara{ gap:12px; }
.ey-kat--ince .ey-ara__alan{ font-size:1rem; padding:8px 0; }
.ey-kat__kapat--satir{
   position:static;
   flex:0 0 auto;
   width:36px; height:36px;
}
@media (max-width:639px){
   .ey-kat--ince .ey-ara .ey-btn{ display:none; }
}