/* ============================================================
   GİRİŞ TASARIMI A — "Raf ve Mutfak"
   Renkli, canlı, kullanıcıya iş gördüren kurgu. Kurumsal broşür
   dili yerine arama, yol seçme, tarif ve katalog önde durur.
   Kimlik renkleri korunur, üzerine gıda dünyasının canlı tonları eklenir.
   ============================================================ */

:root{
  --a-yesil:#0a8f45;   --a-yesil-koyu:#046a31;
  --a-turuncu:#ef7622; --a-turuncu-koyu:#c65a10;
  --a-kirmizi:#d9342c; --a-kirmizi-koyu:#a72118;
  --a-sari:#f2b705;    --a-sari-koyu:#c08f00;
  --a-krem:#fff8ec;    --a-krem-koyu:#fdeed6;
  --a-murekkep:#22201d;
}
/* Kategori ve kart renk şeritleri */
.ga-renk-1{--kc:var(--a-yesil);--kc-koyu:var(--a-yesil-koyu)}
.ga-renk-2{--kc:var(--a-turuncu);--kc-koyu:var(--a-turuncu-koyu)}
.ga-renk-3{--kc:var(--a-kirmizi);--kc-koyu:var(--a-kirmizi-koyu)}
.ga-renk-4{--kc:var(--a-sari);--kc-koyu:var(--a-sari-koyu)}

.ga-etiket{font-family:var(--f-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--a-turuncu)}
.ga-bag{font-weight:700;font-size:var(--t-sm);color:var(--a-yesil-koyu);white-space:nowrap}
.ga-bag:hover{color:var(--a-turuncu)}
.ga-dugme{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:100px;background:var(--a-yesil);
  color:#fff;font-weight:700;font-size:var(--t-md);transition:var(--gecis)}
.ga-dugme:hover{background:var(--a-yesil-koyu);transform:translateY(-2px)}
.ga-dugme-hat{background:#fff;color:var(--a-murekkep);box-shadow:inset 0 0 0 2px var(--sg-cizgi)}
.ga-dugme-hat:hover{background:#fff;color:var(--a-yesil-koyu);box-shadow:inset 0 0 0 2px var(--a-yesil)}

/* ---------- üst menü: bu sayfada aydınlık tema ----------
   Lacivert bant kalkar, menü krem-beyaz zeminde canlı yeşil vurguyla çizilir. */
body.ga-tema .ust{background:rgba(255,253,247,.96);border-bottom:1px solid var(--a-krem-koyu)}
body.ga-tema .ust-serit{background:var(--a-krem);color:var(--a-murekkep);border-bottom:1px solid rgba(34,32,29,.06)}
body.ga-tema .ust-serit .etiket{color:var(--a-turuncu)}
body.ga-tema .ust-serit-sag{color:#5f594f}
body.ga-tema .ust-serit-sag a{font-weight:600;color:var(--a-yesil-koyu)}
body.ga-tema .ust-serit-sag a:hover{color:var(--a-turuncu);text-decoration:none}
body.ga-tema .menu-oge>a{color:var(--a-murekkep);border-radius:100px;padding:10px 14px;margin:0 1px;transition:var(--gecis)}
body.ga-tema .menu-oge>a::after{content:none}
body.ga-tema .menu-oge:hover>a{background:var(--a-krem-koyu);color:var(--a-yesil-koyu)}
body.ga-tema .menu-oge.aktif>a{background:var(--a-yesil);color:#fff}
body.ga-tema .ara{background:#fff;border-radius:100px;box-shadow:inset 0 0 0 1px rgba(34,32,29,.12)}
body.ga-tema .ara input{border:0;background:transparent}
body.ga-tema .ara button{background:var(--a-yesil);color:#fff;border-radius:50%}
body.ga-tema .acilir a:hover{background:var(--a-krem);color:var(--a-yesil-koyu)}
body.ga-tema .acilir a::before{background:var(--a-yesil)}
body.ga-tema .menu-dugme span{background:var(--a-murekkep)}

/* ---------- hero: dönen tanıtım slaytı ---------- */
.ga-hero{position:relative;background:#fff;border-bottom:1px solid var(--a-krem-koyu)}
.ga-slayt-kutu{position:relative}
/* Tüm slaytlar aynı yükseklikte durur, kaydırırken sayfa zıplamaz.
   Aile görseli slaytın alt çizgisine oturur, bu yüzden alt boşluk yoktur. */
.ga-slayt{position:relative;overflow:hidden;height:min(78vh,660px);display:flex;align-items:center;
  padding:var(--s5) 0 0}
.ga-slayt[hidden]{display:none}
.ga-slayt.aktif .ga-slayt-metin > *{animation:ga-ac .55s cubic-bezier(.2,.7,.3,1) backwards}
.ga-slayt.aktif .ga-slayt-metin > *:nth-child(2){animation-delay:.06s}
.ga-slayt.aktif .ga-slayt-metin > *:nth-child(3){animation-delay:.12s}
.ga-slayt.aktif .ga-slayt-metin > *:nth-child(4){animation-delay:.18s}
.ga-slayt.aktif .ga-slayt-metin > *:nth-child(5){animation-delay:.24s}
.ga-slayt.aktif .ga-slayt-aile img{animation:ga-gel .7s cubic-bezier(.2,.7,.3,1) backwards}
@keyframes ga-ac{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ga-gel{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ga-slayt *{animation:none!important}}

.ga-slayt-ic{position:relative;z-index:3;display:grid;grid-template-columns:1.08fr .92fr;gap:var(--s5);
  align-items:center;height:100%}
.ga-slayt-metin{align-self:center}
.ga-slayt-metin{max-width:60ch}
.ga-slayt h1{font-size:clamp(34px,4.8vw,60px);line-height:1.03;letter-spacing:-.03em;font-weight:700;
  margin-top:var(--s2);color:var(--a-murekkep);font-variation-settings:"wdth" 108}
.ga-slayt h1 span{color:var(--a-yesil)}
.ga-slayt-giris{margin-top:var(--s3);font-size:var(--t-lg);line-height:1.55;color:#4a453f;max-width:46ch}

/* 1. slayt: grubun büyüklüğü */
.ga-slayt-marka{background:linear-gradient(150deg,#fffdf7 0%,var(--a-krem) 52%,var(--a-krem-koyu) 100%)}
.ga-slayt-marka .ga-slayt-ic{grid-template-columns:minmax(0,58%) 1fr}
.ga-slayt-benek{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(44% 58% at 86% 6%,rgba(242,183,5,.5),transparent 62%),
             radial-gradient(40% 54% at 2% 92%,rgba(10,143,69,.24),transparent 66%)}
.ga-rakam-kutu{display:grid;grid-template-columns:repeat(4,auto);gap:var(--s4);margin-top:var(--s4);justify-content:start}
.ga-rakam-kutu div{position:relative;padding-left:16px}
.ga-rakam-kutu div::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:var(--a-yesil)}
.ga-rakam-kutu div:nth-child(2)::before{background:var(--a-turuncu)}
.ga-rakam-kutu div:nth-child(3)::before{background:var(--a-kirmizi)}
.ga-rakam-kutu div:nth-child(4)::before{background:var(--a-sari)}
.ga-rakam-kutu b{display:block;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1;color:var(--a-murekkep);
  font-variation-settings:"wdth" 105}
.ga-rakam-kutu span{display:block;margin-top:5px;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.12em;color:#7d766c}
.ga-slayt-marka-serit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s4);
  padding-top:var(--s3);border-top:1px solid rgba(34,32,29,.1)}
.ga-slayt-marka-serit img{height:26px;width:auto;object-fit:contain}
.ga-slayt-marka-serit a{font-size:var(--t-sm);font-weight:700;color:var(--a-yesil-koyu)}
.ga-slayt-marka-serit a:hover{color:var(--a-turuncu)}

/* Aile dekupesi slaytın alt çizgisine oturur: yükseklikle ölçeklenir, kırpılmaz. */
.ga-slayt-aile{position:absolute;right:max(16px,3vw);bottom:0;z-index:2;height:calc(100% - var(--s2));
  display:flex;align-items:flex-end;pointer-events:none}
.ga-slayt-aile::before{content:"";position:absolute;bottom:-4%;left:50%;transform:translateX(-50%);
  width:104%;aspect-ratio:2.1;border-radius:50%;background:radial-gradient(circle,rgba(10,143,69,.2),transparent 66%)}
.ga-slayt-aile img{position:relative;display:block;height:100%;width:auto;max-width:none;
  filter:drop-shadow(0 26px 34px rgba(34,32,29,.24))}
.ga-slayt-aile-kare{border-radius:var(--r-lg);max-height:520px;object-fit:cover}

/* 2-5. slaytlar: ürün başlıkları */
.ga-slayt-kat{color:#fff}
.ga-slayt-zemin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.ga-slayt-kat::after{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(100deg,var(--kc-koyu) 6%,rgba(0,0,0,.42) 52%,rgba(0,0,0,.05) 100%);opacity:.92}
.ga-slayt-kat .ga-etiket{color:rgba(255,255,255,.78)}
.ga-slayt-kat h2{margin-top:var(--s2);font-size:clamp(32px,4.6vw,58px);line-height:1.03;letter-spacing:-.03em;
  font-weight:700;color:#fff;font-variation-settings:"wdth" 108}
.ga-slayt-kat .ga-slayt-giris{color:rgba(255,255,255,.9)}
.ga-slayt-alt{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s3);list-style:none}
.ga-slayt-alt a{display:inline-flex;padding:7px 14px;border-radius:100px;background:rgba(255,255,255,.16);
  color:#fff;font-size:var(--t-sm);font-weight:600;backdrop-filter:blur(4px);transition:var(--gecis)}
.ga-slayt-alt a:hover{background:#fff;color:var(--kc-koyu)}
.ga-slayt-eylem{margin-top:var(--s4)}
.ga-slayt-kat .ga-dugme{background:#fff;color:var(--kc-koyu)}
.ga-slayt-kat .ga-dugme:hover{background:var(--a-sari);color:var(--a-murekkep)}

/* kumanda */
/* Kumanda slaytın altında ayrı şeritte durur: aile dekupesinin ayaklarını örtmez. */
.ga-slayt-kumanda{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 0 16px}
.ga-ok{width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;background:#fff;
  color:var(--a-murekkep);font-size:20px;line-height:1;box-shadow:var(--golge);transition:var(--gecis)}
.ga-ok:hover{background:var(--a-yesil);color:#fff}
.ga-nokta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;background:#fff;border-radius:100px;padding:6px;box-shadow:var(--golge)}
.ga-nokta button{border:0;cursor:pointer;background:transparent;border-radius:100px;padding:7px 14px;
  font:inherit;font-size:var(--t-xs);font-weight:700;color:#5f594f;transition:var(--gecis);white-space:nowrap}
.ga-nokta button:hover{background:var(--a-krem-koyu)}
.ga-nokta button.aktif{background:var(--a-yesil);color:#fff}

/* ---------- bölüm ---------- */
.ga-bolum{padding:var(--s7) 0;background:#fff}
.ga-bolum-krem{background:var(--a-krem)}
.ga-bas{max-width:58ch;margin-bottom:var(--s5)}
.ga-bas h2{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.025em;margin-top:8px;font-weight:700;color:var(--a-murekkep);
  font-variation-settings:"wdth" 106}
.ga-bas p{margin-top:var(--s2);color:#5f594f}
.ga-bas-satir{max-width:none;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s3)}

/* ---------- kim için ---------- */
.ga-kim{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.ga-kim-kart{position:relative;display:flex;flex-direction:column;padding:var(--s4);border-radius:var(--r-lg);
  background:linear-gradient(165deg,var(--kc),var(--kc-koyu));color:#fff;overflow:hidden;transition:var(--gecis);min-height:330px}
.ga-kim-kart::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;
  background:rgba(255,255,255,.12)}
.ga-kim-kart:hover{transform:translateY(-6px);box-shadow:0 28px 50px -28px rgba(34,32,29,.6)}
.ga-kim-ikon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:52px;height:52px;
  border-radius:50%;background:rgba(255,255,255,.18);color:#fff}
.ga-kim-ikon svg{width:26px;height:26px}
.ga-kim-kart b{position:relative;z-index:2;margin-top:var(--s3);font-size:var(--t-2xl);font-weight:700;line-height:1.1}
.ga-kim-kart p{position:relative;z-index:2;margin-top:10px;font-size:var(--t-sm);color:rgba(255,255,255,.88);line-height:1.6}
.ga-kim-kart ul{position:relative;z-index:2;margin-top:var(--s3);list-style:none;display:grid;gap:6px}
.ga-kim-kart li{font-size:var(--t-sm);padding-left:20px;position:relative;color:rgba(255,255,255,.92)}
.ga-kim-kart li::before{content:"✓";position:absolute;left:0;font-weight:700;color:#fff}
.ga-kim-kart em{position:relative;z-index:2;margin-top:auto;padding-top:var(--s3);font-style:normal;font-weight:700;font-size:var(--t-sm)}

/* ---------- kategori kartları ---------- */
.ga-kat{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.ga-kat a{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:#fff;
  box-shadow:0 20px 40px -32px rgba(34,32,29,.7);transition:var(--gecis)}
.ga-kat a:hover{transform:translateY(-6px)}
.ga-kat-gorsel{display:block;aspect-ratio:5/4;overflow:hidden;background:var(--kc)}
.ga-kat-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ga-kat a:hover .ga-kat-gorsel img{transform:scale(1.06)}
.ga-kat-govde{display:flex;flex-direction:column;flex:1;padding:var(--s3);border-top:5px solid var(--kc)}
.ga-kat-govde b{font-size:var(--t-lg);font-weight:700;color:var(--a-murekkep)}
.ga-kat-alt{display:block;margin-top:8px;font-size:var(--t-sm);color:#6f675c;line-height:1.5}
.ga-kat-govde em{margin-top:auto;padding-top:var(--s3);font-style:normal;font-weight:700;font-size:var(--t-sm);color:var(--kc-koyu)}

/* ---------- markalar ---------- */
.ga-marka{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s2)}
.ga-marka a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:var(--s3) var(--s2);
  border-radius:var(--r);background:var(--ms);transition:var(--gecis)}
.ga-marka a:hover{background:var(--mc);transform:translateY(-4px)}
.ga-marka-logo{display:flex;align-items:center;justify-content:center;width:100%;height:48px}
.ga-marka-logo img{max-height:44px;max-width:100%;object-fit:contain}
.ga-marka b{font-size:var(--t-sm);font-weight:700;color:var(--a-murekkep)}
.ga-marka em{font-style:normal;font-size:var(--t-xs);color:#7d766c}
.ga-marka a:hover b,.ga-marka a:hover em{color:#fff}
.ga-marka a:hover .ga-marka-logo img{filter:brightness(0) invert(1)}

/* ---------- tarifler ---------- */
.ga-tarif{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.ga-tarif a{display:block;border-radius:var(--r-lg);overflow:hidden;background:#fff;
  box-shadow:0 20px 40px -32px rgba(34,32,29,.7);transition:var(--gecis)}
.ga-tarif a:hover{transform:translateY(-6px)}
.ga-tarif-gorsel{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.ga-tarif-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ga-tarif a:hover .ga-tarif-gorsel img{transform:scale(1.06)}
.ga-tarif-gorsel em{position:absolute;left:12px;top:12px;font-style:normal;background:#fff;color:var(--a-kirmizi);
  font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;border-radius:100px}
.ga-tarif b{display:block;padding:var(--s2) var(--s3) var(--s3);font-size:var(--t-md);font-weight:700;color:var(--a-murekkep);line-height:1.35}

/* ---------- satın alma + katalog ---------- */
.ga-fayda{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.ga-satis{position:relative;overflow:hidden;padding:var(--s5);border-radius:var(--r-lg);color:#fff;
  background:linear-gradient(150deg,var(--a-yesil),var(--a-yesil-koyu))}
.ga-satis .ga-etiket{color:#ffd98a}
.ga-satis h2{margin-top:8px;font-size:var(--t-2xl);font-weight:700;color:#fff}
.ga-satis p{margin-top:var(--s2);color:rgba(255,255,255,.88);line-height:1.6}
.ga-satis-gorsel{position:absolute;right:-18px;bottom:-22px;width:44%;max-width:260px;border-radius:var(--r);
  transform:rotate(-4deg);box-shadow:0 26px 50px -24px rgba(0,0,0,.55);pointer-events:none}
.ga-satis > *:not(.ga-satis-gorsel){position:relative;z-index:2}
.ga-satis-bag{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s4);max-width:min(100%,54%)}
.ga-satis .ga-dugme{background:#fff;color:var(--a-yesil-koyu)}
.ga-satis .ga-dugme:hover{background:var(--a-sari);color:var(--a-murekkep)}
.ga-satis .ga-dugme-hat{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.ga-satis .ga-dugme-hat:hover{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 2px #fff}

.ga-katalog{padding:var(--s5);border-radius:var(--r-lg);background:var(--a-krem);border:1px solid var(--a-krem-koyu)}
.ga-katalog h3{margin-top:8px;font-size:var(--t-xl);font-weight:700;color:var(--a-murekkep)}
.ga-katalog-liste{display:grid;gap:10px;margin:var(--s3) 0}
.ga-katalog-liste a{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;background:#fff;
  padding:10px 14px;border-radius:var(--r);transition:var(--gecis)}
.ga-katalog-liste a:hover{transform:translateX(4px)}
.ga-katalog-kapak{display:block;border-radius:6px;overflow:hidden;aspect-ratio:3/4;box-shadow:var(--golge)}
.ga-katalog-kapak img{width:100%;height:100%;object-fit:cover}
.ga-katalog-liste b{display:block;font-size:var(--t-sm);font-weight:700;color:var(--a-murekkep);line-height:1.35}
.ga-katalog-liste em{display:block;margin-top:3px;font-style:normal;font-size:var(--t-xs);font-weight:700;color:var(--a-turuncu)}

/* ---------- rakam şeridi ---------- */
.ga-serit{background:var(--a-murekkep);color:#fff;padding:var(--s5) 0}
.ga-serit-ic{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s3);text-align:center}
.ga-serit b{display:block;font-size:clamp(24px,2.8vw,36px);font-weight:700;color:var(--a-sari);font-variation-settings:"wdth" 105}
.ga-serit span{display:block;margin-top:6px;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.66)}

/* ---------- üretim + haber ---------- */
.ga-son{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s6)}
.ga-uretim h2{margin-top:8px;font-size:clamp(24px,3vw,34px);font-weight:700;color:var(--a-murekkep)}
.ga-uretim p{margin-top:var(--s2);color:#5f594f;line-height:1.65}
.ga-uretim-gorsel{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin:var(--s3) 0}
.ga-uretim-gorsel img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.ga-haber a{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;
  border-bottom:1px solid var(--sg-cizgi)}
.ga-haber .ga-bag{display:block;border:0;padding-top:var(--s2)}
.ga-haber-gorsel{display:block;border-radius:var(--r-sm);overflow:hidden;aspect-ratio:4/3}
.ga-haber-gorsel img{width:100%;height:100%;object-fit:cover}
.ga-haber time{font-family:var(--f-mono);font-size:var(--t-xs);color:#8d857a}
.ga-haber b{display:block;margin-top:4px;font-size:var(--t-md);font-weight:700;color:var(--a-murekkep);line-height:1.35}

@media(max-width:1023px){
  .ga-slayt{height:auto;min-height:min(70vh,560px);padding:var(--s5) 0 var(--s6)}
  .ga-slayt-marka .ga-slayt-ic{grid-template-columns:1fr}
  .ga-slayt-ic,.ga-fayda,.ga-son{grid-template-columns:1fr}
  .ga-slayt-aile{display:none}
  .ga-rakam-kutu{grid-template-columns:repeat(2,auto)}
  .ga-kim,.ga-kat,.ga-tarif{grid-template-columns:repeat(2,1fr)}
  .ga-marka{grid-template-columns:repeat(4,1fr)}
  .ga-serit-ic{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:639px){
  .ga-kim,.ga-kat,.ga-tarif{grid-template-columns:1fr}
  .ga-marka{grid-template-columns:repeat(2,1fr)}
  .ga-serit-ic{grid-template-columns:repeat(2,1fr)}
  .ga-nokta button span{display:none}
  .ga-nokta button{width:12px;height:12px;padding:0;border-radius:50%;background:var(--a-krem-koyu)}
  .ga-nokta button.aktif{background:var(--a-yesil)}
  .ga-bolum{padding:var(--s6) 0}
}

/* ---------- üst menü: 09.10.2026 revizyonu (aydınlık tema) ---------- */
body.ga-tema .menu-sosyal{border-left-color:rgba(34,32,29,.14)}
body.ga-tema .menu-sosyal a{color:var(--a-yesil-koyu)}
body.ga-tema .menu-sosyal a:hover{background:var(--a-krem-koyu);color:var(--a-turuncu)}
body.ga-tema .acilir-dis{color:var(--a-turuncu)}
@media(min-width:1240px) and (max-width:1479px){
  body.ga-tema .menu-oge>a{padding:9px 10px;margin:0}
}

/* ---------- slider altı: üç başlık (09.10.2026 revizyonu) ----------
   Perakende / Profesyonel / Yağlar. Üstte fotoğraflı başlık, altta
   pazarlamanın verdiği alt başlıklar hap bağlantılar olarak durur. */
.ga-uc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.ga-uc-kart{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:#fff;
  box-shadow:0 0 0 1px rgba(34,32,29,.05),0 26px 54px -34px rgba(34,32,29,.75);transition:var(--gecis)}
.ga-uc-kart:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(34,32,29,.05),0 36px 64px -34px rgba(34,32,29,.8)}
.ga-uc-ust{position:relative;display:flex;align-items:flex-end;min-height:260px;padding:var(--s3);overflow:hidden;color:#fff;background:var(--kc-koyu)}
.ga-uc-ust img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.ga-uc-kart:hover .ga-uc-ust img{transform:scale(1.06)}
.ga-uc-ust::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 18%,rgba(0,0,0,.28) 52%,var(--kc-koyu) 100%)}
.ga-uc-bas{position:relative;z-index:2;display:block}
.ga-uc-bas em{display:inline-block;font-style:normal;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:5px 12px;border-radius:100px;background:#fff;color:var(--kc-koyu)}
.ga-uc-bas b{display:block;margin-top:10px;font-size:clamp(26px,2.7vw,36px);line-height:1.05;letter-spacing:-.025em;font-weight:700;
  font-variation-settings:"wdth" 108}
.ga-uc-bas span{display:block;margin-top:8px;font-size:var(--t-sm);line-height:1.5;color:rgba(255,255,255,.92)}
.ga-uc-govde{display:flex;flex-direction:column;flex:1;padding:var(--s3);border-top:5px solid var(--kc)}
.ga-uc-marka{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:var(--s3)}
.ga-uc-marka a{display:grid;place-items:center;height:68px;padding:12px;border-radius:var(--r);background:var(--a-krem);transition:var(--gecis)}
.ga-uc-marka a:hover{background:var(--a-krem-koyu)}
/* Logolar esnetilmez: kutuya orantılı sığar. */
.ga-uc-marka img{max-height:44px;max-width:100%;width:auto;height:auto;object-fit:contain}
.ga-uc-liste{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ga-uc-liste a{display:inline-flex;padding:8px 14px;border-radius:100px;background:var(--a-krem);color:var(--a-murekkep);
  font-size:var(--t-sm);font-weight:600;line-height:1.3;transition:var(--gecis)}
.ga-uc-liste a:hover{background:var(--kc-koyu);color:#fff}
.ga-uc-alt{margin-top:auto;padding-top:var(--s4)}
.ga-uc-alt .ga-dugme{background:var(--kc-koyu);font-size:var(--t-sm);padding:12px 22px}
.ga-uc-alt .ga-dugme:hover{background:var(--a-murekkep)}
@media(max-width:1023px){.ga-uc{grid-template-columns:1fr}.ga-uc-ust{min-height:220px}}