/* Firma Sistemi: ortalanmış beyaz kutu, renkli çizgili menü şeridi, koyu gri altbilgi. */
.tema-ekofirma {
  --ef-kutu: 1180px;
  --ef-gri: #f1f1f3;
  --ef-cizgi: #e2e2e6;
  --ef-yazi: #55555c;
  --ef-alt: #4a4a4f;
  --kap: 1120px;
  background-color: #e9e9ec;
  background-image: radial-gradient(rgb(0 0 0 / .045) 1px, transparent 1.2px), radial-gradient(rgb(255 255 255 / .7) 1px, transparent 1.2px);
  background-size: 6px 6px, 6px 6px;
  background-position: 0 0, 3px 3px;
  color: var(--ef-yazi);
}
.tema-ekofirma .ef-bas, .tema-ekofirma > main, .tema-ekofirma .ef-alt { width: min(100%, var(--ef-kutu)); margin-inline: auto; }
.tema-ekofirma > main { background: #fff; box-shadow: 0 0 0 1px rgb(0 0 0 / .04); }
.tema-ekofirma .bolum { padding: clamp(40px, 5vw, 64px) 0; }

/* ---- Başlık ---- */
.tema-ekofirma .ef-bas { position: relative; top: auto; background: #fff; border-top: 4px solid var(--ana); border-bottom: 0; backdrop-filter: none; box-shadow: 0 0 0 1px rgb(0 0 0 / .04); }
.tema-ekofirma .ef-bas.kaydi { box-shadow: 0 0 0 1px rgb(0 0 0 / .04); }
.ef-bas__ust { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 40px 22px; }
.ef-logo img { max-height: 62px; max-width: 240px; }
.ef-bas__sag { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.ef-bas__araclar { display: flex; align-items: center; gap: 12px; }
.ef-bas__araclar .dil-sec { background: var(--ef-gri); }
.ef-bas__araclar .dil-sec a[aria-current] { background: var(--ana); color: #fff; }
.ef-sosyal { display: flex; gap: 4px; }
.ef-sosyal a { display: grid; place-items: center; width: 26px; height: 26px; color: #9a9aa2; transition: color var(--gecis); }
.ef-sosyal a:hover { color: var(--ana); }
.ef-sosyal svg { width: 15px; height: 15px; }
.ef-ara { display: flex; border: 1px solid var(--ef-cizgi); background: #fff; }
.ef-ara input { width: 210px; height: 36px; padding: 0 12px; border: 0; font-size: .86rem; color: var(--koyu); background: transparent; }
.ef-ara input:focus { outline: none; }
.ef-ara:focus-within { border-color: var(--ana); }
.ef-ara button { display: grid; place-items: center; width: 40px; background: var(--ana); color: #fff; transition: background var(--gecis); }
.ef-ara button:hover { background: var(--ana-koyu, var(--ana)); filter: brightness(.92); }
.ef-ara button svg { width: 17px; height: 17px; }
.ef-ara--cekmece { margin: 0 0 16px; }
.ef-ara--cekmece input { width: 100%; flex: 1; }
.ef-bas__menu { display: none; }

.tema-ekofirma .ef-nav { display: flex; align-items: stretch; justify-content: space-between; background: var(--ef-gri); border-top: 2px solid var(--ana); border-bottom: 2px solid var(--ana); padding: 0 16px; }
.tema-ekofirma .ef-nav .nav__liste { gap: 0; flex-wrap: wrap; }
.tema-ekofirma .ef-nav .nav__link { height: 52px; padding: 0 18px; gap: 6px; font-size: .9rem; font-weight: 500; color: #333338; }
.tema-ekofirma .ef-nav .nav__link > svg:not(.nav__ok) { width: 15px; height: 15px; }
.tema-ekofirma .ef-nav .nav__link::after { left: 0; right: 0; top: -2px; bottom: auto; height: 3px; border-radius: 0; background: var(--ana); }
.tema-ekofirma .ef-nav .nav__link:hover, .tema-ekofirma .ef-nav .nav__link.aktif, .tema-ekofirma .ef-nav .nav__oge.acik > .nav__link { color: var(--ana); background: #fff; }
.tema-ekofirma .ef-nav .acilir { top: calc(100% + 2px); padding: 6px 0; min-width: 220px; border-radius: 0; border: 0; border-top: 2px solid var(--ana); box-shadow: 0 14px 30px -12px rgb(0 0 0 / .25); }
.tema-ekofirma .ef-nav .acilir a { border-radius: 0; padding: 9px 18px; font-size: .88rem; color: #444; }
.tema-ekofirma .ef-nav .acilir li + li a { border-top: 1px solid var(--ef-gri); }
.tema-ekofirma .ef-nav .acilir a:hover { background: var(--ef-gri); color: var(--ana); padding-left: 22px; }
.ef-nav__cta { align-self: center; padding: 8px 16px; background: var(--ana); color: #fff; font-size: .86rem; font-weight: 600; }
.ef-nav__cta:hover { filter: brightness(.92); }

/* ---- Ortak bölüm başlıkları ---- */
.ef-bolum { padding: 34px 40px; border-top: 1px solid var(--ef-cizgi); }
.ef-manset + .ef-bolum, .ef-bolum:first-child { border-top: 0; }
.ef-baslik { margin: 0; font: 500 1.4rem/1.25 var(--baslik-yazi); color: #333338; letter-spacing: -.01em; }
.ef-baslik span { color: var(--ana); font-weight: 700; }
.ef-ust { display: block; margin-bottom: 6px; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ana); }
.ef-tumu { display: inline-flex; align-items: center; gap: 6px; font-size: .84rem; font-weight: 600; color: var(--ana); }
.ef-tumu svg { width: 15px; height: 15px; transition: transform var(--gecis); }
.ef-tumu:hover svg { transform: translateX(3px); }
.ef-oklar { display: flex; gap: 4px; }
.ef-oklar button { display: grid; place-items: center; width: 28px; height: 28px; background: var(--ef-gri); border: 1px solid var(--ef-cizgi); color: #777; transition: background var(--gecis), color var(--gecis); }
.ef-oklar button:hover { background: var(--ana); border-color: var(--ana); color: #fff; }
.ef-oklar svg { width: 15px; height: 15px; }

/* ---- Manşet ---- */
.ef-manset { position: relative; margin: 18px 18px 0; overflow: hidden; background: var(--ef-gri); isolation: isolate; }
.ef-manset__slaytlar { display: grid; }
.ef-manset .ef-manset__slayt { display: block; aspect-ratio: 1144 / 400; }
.ef-manset--kisa .ef-manset__slayt { aspect-ratio: 1144 / 300; }
.ef-manset--tam .ef-manset__slayt { aspect-ratio: 1144 / 520; }
.ef-manset__gorsel, .ef-manset__gorsel img { display: block; width: 100%; height: 100%; }
.ef-manset__gorsel img { object-fit: cover; transform: scale(1.04); transition: transform 6s ease-out; }
.ef-manset__slayt.aktif .ef-manset__gorsel img { transform: none; }
.ef-manset__metin { position: absolute; left: 40px; bottom: 44px; max-width: min(520px, 70%); padding: 18px 22px; background: rgb(0 0 0 / .62); color: #fff; border-left: 4px solid var(--ana); }
.ef-manset__slayt--orta .ef-manset__metin { left: 50%; transform: translateX(-50%); text-align: center; border-left: 0; border-top: 4px solid var(--ana); }
.ef-manset__metin span { display: block; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; opacity: .8; }
.ef-manset__metin strong { display: block; font: 700 clamp(1.15rem, 2.2vw, 1.6rem)/1.2 var(--baslik-yazi); }
.ef-manset__metin p { margin: 6px 0 0; font-size: .92rem; opacity: .9; }
.ef-manset__butonlar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ef-manset__butonlar .btn { border-radius: 0; padding: 9px 18px; font-size: .86rem; }
.ef-manset__ok { position: absolute; top: 50%; z-index: 3; display: grid; place-items: center; width: 44px; height: 64px; margin-top: -32px; color: #fff; opacity: 0; transition: opacity var(--gecis), background var(--gecis); }
.ef-manset__ok svg { width: 40px; height: 40px; stroke-width: 1.2; }
.ef-manset__ok--sol { left: 0; }
.ef-manset__ok--sag { right: 0; }
.ef-manset:hover .ef-manset__ok { opacity: .9; }
.ef-manset__ok:hover { background: rgb(0 0 0 / .3); }
.ef-manset__noktalar { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 3; display: flex; justify-content: center; gap: 7px; }
.ef-manset__noktalar button { width: 10px; height: 10px; border-radius: 50%; background: rgb(255 255 255 / .55); box-shadow: 0 0 0 1px rgb(0 0 0 / .15); transition: background var(--gecis), transform var(--gecis); }
.ef-manset__noktalar button.aktif { background: var(--ana); transform: scale(1.2); }

/* ---- Hoş geldiniz ---- */
.ef-hosgeldin { display: grid; gap: 32px; }
.ef-hosgeldin--gorselli { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
.ef-hosgeldin__gorsel img { width: 100%; height: auto; border: 6px solid var(--ef-gri); }
.ef-hosgeldin__baslik { margin: 0 0 14px; font: 700 1.15rem/1.3 var(--baslik-yazi); color: #333338; }
.ef-hosgeldin__giris { margin: 0 0 12px; font-weight: 600; color: #333338; }
.ef-hosgeldin .metin { font-size: .94rem; line-height: 1.75; color: var(--ef-yazi); }
.ef-hosgeldin .tik-liste { margin-top: 16px; }
.ef-hosgeldin .btn { margin-top: 18px; border-radius: 0; }

/* ---- Ürün grupları ---- */
.ef-gruplar { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 28px; align-items: start; background: linear-gradient(#fafafb, #fff); }
.ef-gruplar__bas { display: grid; gap: 14px; padding-top: 6px; }
.ef-gruplar__bas p { margin: 0; font-size: .9rem; color: var(--ef-yazi); }
.ef-gruplar__liste.kaydirici { padding: 4px 4px 14px; gap: 16px; grid-auto-columns: calc((100% - 2 * 16px) / 3); }
.ef-grup { display: block; background: #fff; box-shadow: 0 2px 6px rgb(0 0 0 / .08); transition: box-shadow var(--gecis), transform var(--gecis); }
.ef-grup:hover { box-shadow: 0 10px 24px -8px rgb(0 0 0 / .22); transform: translateY(-3px); }
.ef-grup__gorsel { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--ef-gri); border-bottom: 4px solid var(--ef-cizgi); transition: border-color var(--gecis); }
.ef-grup:hover .ef-grup__gorsel { border-color: var(--ana); }
.ef-grup__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.ef-grup:hover .ef-grup__gorsel img { transform: scale(1.06); }
.ef-grup__gorsel .kart__yer { display: block; width: 44px; height: 44px; margin: 30% auto 0; color: #bbb; }
.ef-grup strong { display: block; padding: 14px 10px; text-align: center; font-size: .92rem; font-weight: 700; color: #333338; transition: color var(--gecis); }
.ef-grup:hover strong { color: var(--ana); }

/* ---- Haberler & Duyurular ---- */
.ef-duyuru__bas { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.ef-duyuru__aciklama { margin: -8px 0 16px; font-size: .9rem; }
.ef-duyuru__slaytlar { display: grid; }
.ef-duyuru .ef-duyuru__slayt { display: block; }
.ef-duyuru__balon { position: relative; padding: 22px 26px 22px 62px; background: var(--ef-gri); border: 1px solid var(--ef-cizgi); }
.ef-duyuru__balon::before, .ef-duyuru__balon::after { content: ""; position: absolute; left: 30px; bottom: -14px; border: 14px solid transparent; border-bottom: 0; border-left-width: 0; border-top-color: var(--ef-cizgi); }
.ef-duyuru__balon::after { left: 31px; bottom: -12px; border-width: 12px 12px 0 0; border-top-color: var(--ef-gri); }
.ef-duyuru__tirnak { position: absolute; left: 22px; top: 20px; width: 26px; height: 26px; color: var(--ana); opacity: .55; }
.ef-duyuru__balon p { margin: 0; font-size: .95rem; line-height: 1.7; }
.ef-duyuru__alt { display: flex; justify-content: flex-end; align-items: baseline; gap: 12px; padding: 12px 4px 0 70px; font-size: .86rem; }
.ef-duyuru__alt time { color: #9a9aa2; }
.ef-duyuru__alt a { font-weight: 600; color: var(--ana); }
.ef-duyuru__alt a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ef-duyuru__noktalar { display: flex; gap: 6px; margin-top: 10px; }
.ef-duyuru__noktalar button { width: 22px; height: 4px; background: var(--ef-cizgi); transition: background var(--gecis); }
.ef-duyuru__noktalar button.aktif { background: var(--ana); }

/* ---- İç sayfa başlığı ---- */
.ef-sayfa-basi { background: var(--ef-gri); border-bottom: 1px solid var(--ef-cizgi); }
.ef-sayfa-basi__ic { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; padding: 22px 40px; }
.ef-sayfa-basi h1 { margin: 0; padding-left: 14px; border-left: 4px solid var(--ana); font: 700 clamp(1.25rem, 2.4vw, 1.6rem)/1.25 var(--baslik-yazi); color: #333338; }
.ef-sayfa-basi p { margin: 6px 0 0 18px; font-size: .9rem; }
.ef-sayfa-basi--kompakt .ef-sayfa-basi__ic { padding-block: 12px; }
.ef-kirinti ol { display: flex; flex-wrap: wrap; gap: 4px; font-size: .82rem; color: #8a8a92; }
.ef-kirinti li + li::before { content: "/"; margin-right: 4px; opacity: .6; }
.ef-kirinti a:hover { color: var(--ana); }
.ef-kirinti [aria-current] { color: #333338; }

/* ---- İç sayfa öğeleri ---- */
.tema-ekofirma .btn { border-radius: 0; }
.tema-ekofirma .kart { border-radius: 0; }
.tema-ekofirma .kart--urun .kart__gorsel, .tema-ekofirma .kart--blog .kart__gorsel { border-radius: 0; }
.tema-ekofirma .metin blockquote { border-left-color: var(--ana); }
.tema-ekofirma .metin ul li::before { background: var(--ana); }

/* ---- Altbilgi ---- */
.tema-ekofirma .ef-alt { background: var(--ef-alt); color: #c9c9cf; margin-bottom: 30px; }
.ef-alt__ic { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; padding: 36px 40px 30px; }
.ef-alt__sutun h2 { margin: 0 0 16px; font: 700 .98rem/1.3 var(--baslik-yazi); color: #fff; }
.ef-alt__sutun p { margin: 0 0 14px; font-size: .88rem; line-height: 1.7; }
.ef-sosyal--alt a { width: 32px; height: 32px; background: rgb(255 255 255 / .08); color: #fff; }
.ef-sosyal--alt a:hover { background: var(--ana); color: #fff; }
.ef-alt__liste li a { display: flex; align-items: center; gap: 6px; padding: 5px 0; font-size: .88rem; transition: color var(--gecis), padding var(--gecis); }
.ef-alt__liste li a svg { width: 13px; height: 13px; opacity: .6; }
.ef-alt__liste li a:hover { color: #fff; padding-left: 4px; }
.ef-alt__iletisim { display: grid; gap: 12px; font-size: .88rem; }
.ef-alt__iletisim li { display: flex; gap: 10px; align-items: flex-start; }
.ef-alt__iletisim svg { flex: none; width: 15px; height: 15px; margin-top: 3px; color: #fff; }
.ef-alt__iletisim b { color: #fff; font-weight: 700; }
.ef-alt__iletisim a:hover { color: #fff; }
.ef-alt__alt { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 20px; padding: 16px 40px; background: rgb(0 0 0 / .18); font-size: .82rem; text-align: center; }
.ef-alt__alt p { margin: 0; }
.ef-alt__alt ul { display: flex; gap: 16px; }
.ef-alt__alt a:hover { color: #fff; }

@media (max-width: 1140px) {
  .tema-ekofirma .ef-nav { display: flex; padding: 0 8px; }
  .tema-ekofirma .ef-nav .nav__link { padding: 0 12px; }
}
@media (max-width: 1000px) {
  .tema-ekofirma .ef-nav { display: none; }
  .ef-bas__menu { display: inline-grid; }
  .ef-bas__sag { display: none; }
  .ef-bas__ust { padding: 16px 20px; }
  .tema-ekofirma .ef-bas { position: sticky; top: 0; }
  .ef-gruplar { grid-template-columns: 1fr; }
  .ef-gruplar__bas { grid-template-columns: 1fr auto; align-items: center; }
  .ef-gruplar__bas .ef-baslik, .ef-gruplar__bas p, .ef-gruplar__bas .ef-ust { grid-column: 1 / -1; }
  .ef-hosgeldin--gorselli { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .tema-ekofirma { background: #fff; }
  .tema-ekofirma .ef-alt { margin-bottom: 0; }
  .ef-logo img { max-height: 46px; max-width: 190px; }
  .ef-bolum { padding: 28px 20px; }
  .ef-manset { margin: 0; }
  .ef-manset .ef-manset__slayt { aspect-ratio: 4 / 3; }
  .ef-manset__metin { left: 14px; right: 14px; bottom: 34px; max-width: none; padding: 12px 14px; }
  .ef-manset__ok { display: none; }
  .ef-gruplar__liste.kaydirici { grid-auto-columns: 72%; }
  .ef-duyuru__balon { padding: 18px 18px 18px 50px; }
  .ef-duyuru__tirnak { left: 16px; }
  .ef-duyuru__alt { flex-direction: column; align-items: flex-end; gap: 2px; padding-left: 0; }
  .ef-sayfa-basi__ic { padding: 16px 20px; }
  .ef-alt__ic { padding: 30px 20px 24px; }
  .ef-alt__alt { padding: 14px 20px; }
}