/* ==== HABER FOTOĞRAFLARI (ANA SAYFA SLIDER) ==== */
.hf-block{background:#2f3237;padding:18px 0;margin:18px 0;color:#fff}
.hf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.hf-title{margin:0;font-weight:900;font-size:20px}
.hf-more{color:rgba(255,255,255,.75);text-decoration:none;font-weight:800}
.hf-more:hover{color:#fff}
.hf-marquee{overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.14)}
.hf-track{display:flex;gap:14px;padding:14px;width:max-content;animation:hfscroll 22s linear infinite}
.hf-marquee:hover .hf-track{animation-play-state:paused}
@keyframes hfscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hf-card{flex:0 0 auto;width:180px;height:120px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 22px rgba(0,0,0,.25);background:#111;display:block}
.hf-card img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .25s}
.hf-card:hover img{transform:scale(1.08)}
@media(max-width:768px){.hf-track{animation-duration:18s}.hf-card{width:160px;height:110px}}

/* ==== FOTO GALERİ BLOĞU ==== */
.fg-block{margin:18px 0}
.fg-wrap{background:transparent;border-radius:0;padding:22px;position:relative;overflow:hidden}
.fg-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.fg-bullet{width:20px;height:20px;background:#d11a2a;border-radius:5px 0 5px 0}
.fg-title{font-size:30px;font-weight:900;color:#111}
.fg-head,.fg-grid{position:relative;z-index:2}

.fg-grid{display:grid;gap:14px;grid-template-columns:1.05fr 1fr;grid-template-rows:260px 170px 170px;position:relative;}

/* Arka plan şekilleri */
.fg-bg{position:absolute;inset:0;z-index:1;pointer-events:none}
.fg-shape{position:absolute;box-sizing:border-box}
.fg-shape--yellow{left:0;top:0;width:62%;height:62%;border:clamp(16px,3.2vw,40px) solid #f6e188;z-index:1;opacity:100%;}
.fg-shape--red{left:40%;top:4%;width:56%;height:80%;border:clamp(8px,3.2vw,5px) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(220,53,69,1),rgba(13,110,253,1),rgba(25,135,84,1));z-index:2;opacity:85%;}
.fg-shape--blue{left:25%;top:42%;width:75%;height:58%;border:clamp(16px,3.2vw,40px) solid #3b48d3;z-index:3;opacity:85%;}
.fg-shape--green{left:25%;top:8%;width:50%;height:69%;border:clamp(8px,3.2vw,5px) solid #1fb34a;z-index:4;opacity:85%;}
.fg-shape--grayy{left:0;top:46%;width:40%;height:52%;background-color:#fff;z-index:5;}
.fg-shape--gray{left:0;top:46%;width:40%;height:52%;background:linear-gradient(90deg,rgba(246,225,136,1),rgba(155,195,255,1),rgba(25,135,84,1));z-index:6;opacity:50%;}

.fg-a{position:relative;display:block;border-radius:0;overflow:hidden;background:#111}
.fg-a,.fg-textbox{z-index:3}
.fg-a img{width:100%;height:100%;object-fit:cover;display:block}

/* ============================================
   FOTO GALERİ KART BANTLARI + SOL KART ORTA İKONLAR
   ============================================ */


.fg-grid--cards .fg-cap{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:9;
  display:flex;
  align-items:stretch;
  gap:8px;
  max-width:min(86%, 380px);
  pointer-events:none;
  transition:transform .22s ease;
}

.fg-grid--cards .fg-cap-badge,
.fg-grid--cards .fg-cap-main{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  background:rgba(255,248,240,.68);
  border:1px solid rgba(255,255,255,.42);
  border-radius:10px 0 10px 0;
  box-shadow:
    0 10px 24px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.34);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  overflow:hidden;
  transition:background .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.fg-grid--cards .fg-cap-badge{
  flex:0 0 54px;
  width:54px;
  padding:7px;
}

.fg-grid--cards .fg-cap-main{
  min-width:0;
  padding:7px 18px 7px 14px;
}

.fg-grid--cards .fg-cap-badge::before,
.fg-grid--cards .fg-cap-main::before{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(239,45,45,.95) 0%, rgba(255,106,61,.88) 50%, rgba(255,209,102,.78) 100%);
  opacity:.9;
}

.fg-grid--cards .fg-cap-badge::after,
.fg-grid--cards .fg-cap-main::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:10px 0 10px 0;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  pointer-events:none;
}

.fg-grid--cards .fg-cap-badge-img{
  position:relative;
  z-index:2;
  width:22px;
  height:22px;
  object-fit:contain;
  display:block;
  opacity:.92;
}

.fg-grid--cards .fg-cap-text{
  position:relative;
  z-index:2;
  color:#181818;
  font-weight:900;
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.01em;
  min-width:0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  word-break:break-word;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}

/* Kart görsel karartma */
.fg-grid--cards .fg-a::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 52%,
    rgba(0,0,0,.08) 74%,
    rgba(0,0,0,.22) 100%
  );
  z-index:1;
  pointer-events:none;
}

/* Sağ kart hover */
.fg-grid--cards .fg-a:hover .fg-cap{
  transform:translateY(-2px);
}

.fg-grid--cards .fg-a:hover .fg-cap-badge,
.fg-grid--cards .fg-a:hover .fg-cap-main{
  background:rgba(255,248,240,.78);
  border-color:rgba(255,255,255,.62);
  box-shadow:
    0 14px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.40);
}

/* ============================================
   SOL KARTLAR ORTA İKON — SOLUK / HOVER'DA PARLAK
   TURUNCU ÇİZGİ YOK
   ============================================ */

@keyframes fgBorderTrace{
  from{
    stroke-dashoffset:0;
  }
  to{
    stroke-dashoffset:-100;
  }
}

.fg-grid--cards .fg-card-icon-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:9;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px 0 16px 0;
  background:rgba(255,248,240,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.14);
  overflow:hidden;
  isolation:isolate;
  pointer-events:none;
  opacity:.42;
  transition:
    opacity .24s ease,
    background .24s ease,
    box-shadow .24s ease,
    transform .24s ease;
}

.fg-grid--cards .fg-card-icon-center--lg{
  width:88px;
  height:88px;
}

.fg-grid--cards .fg-card-icon-center--sm{
  width:64px;
  height:64px;
}

.fg-grid--cards .fg-card-icon-center::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));
  pointer-events:none;
}

.fg-grid--cards .fg-card-trace{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  pointer-events:none;
}

.fg-grid--cards .fg-card-trace path{
  fill:none;
  stroke:rgba(255,255,255,.98);
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:14 86;
  stroke-dashoffset:0;
  animation:fgBorderTrace 2.8s linear infinite;
  opacity:.92;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.24));
}

.fg-grid--cards .fg-card-icon-center > img{
  position:relative;
  z-index:2;
  object-fit:contain;
  display:block;
  opacity:.68;
  filter:drop-shadow(0 2px 8px rgba(255,255,255,.08));
  transition:opacity .24s ease, transform .24s ease, filter .24s ease;
}

.fg-grid--cards .fg-card-icon-center--lg > img{
  width:34px;
  height:34px;
}

.fg-grid--cards .fg-card-icon-center--sm > img{
  width:24px;
  height:24px;
}

.fg-grid--cards .fg-a--tl:hover .fg-card-icon-center,
.fg-grid--cards .fg-a--sm1:hover .fg-card-icon-center,
.fg-grid--cards .fg-a--sm2:hover .fg-card-icon-center{
  opacity:.92;
  background:rgba(255,248,240,.26);
  box-shadow:
    0 14px 30px rgba(0,0,0,.24),
    0 0 18px rgba(255,255,255,.18),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.fg-grid--cards .fg-a--tl:hover .fg-card-trace path,
.fg-grid--cards .fg-a--sm1:hover .fg-card-trace path,
.fg-grid--cards .fg-a--sm2:hover .fg-card-trace path{
  stroke:rgba(255,255,255,1);
  stroke-width:1.7;
  opacity:1;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.34));
}

.fg-grid--cards .fg-a--tl:hover .fg-card-icon-center > img,
.fg-grid--cards .fg-a--sm1:hover .fg-card-icon-center > img,
.fg-grid--cards .fg-a--sm2:hover .fg-card-icon-center > img{
  opacity:1;
  transform:scale(1.06);
  filter:drop-shadow(0 4px 12px rgba(255,255,255,.24));
}

@media (max-width:991px){
  .fg-grid--cards .fg-card-icon-center--lg{
    width:72px;
    height:72px;
  }

  .fg-grid--cards .fg-card-icon-center--sm{
    width:56px;
    height:56px;
  }

  .fg-grid--cards .fg-card-icon-center--lg > img{
    width:28px;
    height:28px;
  }

  .fg-grid--cards .fg-card-icon-center--sm > img{
    width:21px;
    height:21px;
  }
}
/* ============================================
   VARSAYILAN YERLEŞİM (diğer sayfalar)
   ============================================ */
.fg-a--big{grid-column:1/2;grid-row:1/2}
.fg-a--right{grid-column:2/3;grid-row:1/2}
.fg-textbox{grid-column:1/2;grid-row:2/4;background:transparent;color:#111;padding:18px;position:relative}
.fg-kat{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:13px;
  line-height:1;
  margin-bottom:10px;
  padding:8px 14px;
  color:#fff;
  background:rgba(220,53,69,.90);
  border-radius:12px 12px 12px 4px;
  box-shadow:
    0 8px 18px rgba(220,53,69,.20),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.fg-tit{display:block;color:#111;text-decoration:none;font-weight:900;font-size:18px;line-height:1.2;margin-bottom:10px}
.fg-tit:hover{opacity:.92}
.fg-oz{color:rgba(0,0,0,.78);font-size:13px;line-height:1.35;max-width:360px}
.fg-a--small1{grid-column:2/3;grid-row:2/3}
.fg-a--small2{grid-column:2/3;grid-row:3/4}
.fg-a--small3{display:none}

/* Ana sayfa kart düzeni */
.fg-grid--cards{display:grid;gap:14px;grid-template-columns:1.06fr .94fr;grid-template-rows:290px 290px;position:relative;width:94%;max-width:1120px;margin:0 auto;}
.fg-grid--cards .fg-a--tl{grid-column:1/2;grid-row:1/2}
.fg-grid--cards .fg-a--tr{grid-column:2/3;grid-row:1/2}
.fg-grid--cards .fg-a--br{grid-column:2/3;grid-row:2/3}
.fg-grid--cards .fg-lb{grid-column:1/2;grid-row:2/3;display:grid;gap:14px;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr}
.fg-grid--cards .fg-textbox{grid-column:1/2;grid-row:1/3;background:transparent;color:#111;padding:14px;display:flex;flex-direction:column;justify-content:flex-start}
.fg-grid--cards .fg-a--sm1{grid-column:2/3;grid-row:1/2}
.fg-grid--cards .fg-a--sm2{grid-column:2/3;grid-row:2/3}
.fg-grid--cards .fg-tit{
  position:relative;
  display:inline-block;
  font-size:25px;
  line-height:1.12;
  margin-bottom:16px;
  padding-bottom:8px;
}

.fg-grid--cards .fg-tit::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(239,45,45,.95) 0%, rgba(255,106,61,.88) 50%, rgba(255,209,102,.78) 100%);
  opacity:.95;
}
.fg-grid--cards .fg-oz{
  font-size:12px;
  line-height:1.35;
  max-height:calc(1.35em * 6);
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
  word-break:break-word;
}

@media(max-width:991px){
  .fg-kat{
    font-size:12px;
    padding:7px 12px;
    margin-bottom:8px;
    border-radius:10px 10px 10px 4px;
  }

  .fg-grid--cards .fg-oz{
    font-size:12px;
    line-height:1.34;
    max-height:calc(1.34em * 6);
    -webkit-line-clamp:6;
  }
  .fg-grid--cards .fg-tit{
    margin-bottom:14px;
    padding-bottom:7px;
  }

  .fg-grid--cards .fg-tit::after{
    height:2px;
  }

  .fg-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .fg-a--big,.fg-a--right,.fg-textbox,.fg-a--small1,.fg-a--small2{grid-column:auto;grid-row:auto}
  .fg-grid--cards{width:100%;grid-template-columns:1fr;grid-template-rows:auto}
  .fg-grid--cards .fg-lb{grid-template-columns:1fr;grid-template-rows:auto}
  .fg-grid--cards .fg-a--tl,.fg-grid--cards .fg-a--tr,.fg-grid--cards .fg-a--br{grid-column:auto;grid-row:auto}
  .fg-grid--cards .fg-textbox,.fg-grid--cards .fg-a--sm1,.fg-grid--cards .fg-a--sm2{grid-column:auto;grid-row:auto}
}

/* ==========================================================
   ANA SAYFA FOTO GALERİ - MODERN ARKA PLAN TASARIMI
   Video galeri bloğunun foto galeri versiyonu
   ========================================================== */

.fg-block{
  margin:26px 0 34px;
}

.fg-wrap{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:26px 24px 30px;
  background:
    radial-gradient(circle at 8% 14%, rgba(225,29,46,.12), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(245,158,11,.13), transparent 32%),
    radial-gradient(circle at 72% 92%, rgba(14,165,233,.08), transparent 38%),
    linear-gradient(135deg, rgba(255,250,251,.98), rgba(255,247,237,.94) 48%, rgba(246,250,255,.96));
  border:1px solid rgba(225,29,46,.09);
  box-shadow:
    0 22px 60px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.82);
}

/* Eski renkli geometrik arka plan şekillerini kapat */
.fg-bg,
.fg-shape,
.fg-shape--yellow,
.fg-shape--red,
.fg-shape--blue,
.fg-shape--green,
.fg-shape--grayy,
.fg-shape--gray{
  display:none !important;
}

/* Yumuşak foto galeri atmosferi */
.fg-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), transparent 50%),
    radial-gradient(circle at 18% 82%, rgba(255,255,255,.46), transparent 34%);
  opacity:.60;
  z-index:1;
}

.fg-wrap::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-110px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(245,158,11,.13), rgba(225,29,46,.06) 44%, transparent 72%);
  pointer-events:none;
  z-index:1;
}

.fg-head,
.fg-grid{
  position:relative;
  z-index:2;
}

/* Başlık düzeni */
.fg-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}

.fg-bullet{
  width:36px;
  height:36px;
  border-radius:12px;
  background:linear-gradient(135deg, #e11d2e, #f97316);
  box-shadow:0 12px 28px rgba(225,29,46,.18);
  position:relative;
  flex:0 0 auto;
}

.fg-bullet::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:15px;
  height:15px;
  transform:translate(-50%, -50%);
  border-radius:4px;
  border:2px solid rgba(255,255,255,.95);
}

.fg-title{
  font-size:26px;
  font-weight:950;
  color:#111827;
  letter-spacing:-.02em;
}

/* Kartları modernleştir */
.fg-a{
  border-radius:22px;
  overflow:hidden;
  background:#111827;
  box-shadow:0 18px 46px rgba(15,23,42,.12);
  border:1px solid rgba(255,255,255,.42);
  transform:translateZ(0);
}

.fg-a img{
  transition:transform .28s ease, filter .28s ease;
}

.fg-a:hover img{
  transform:scale(1.06);
  filter:saturate(1.05) contrast(1.03);
}

/* Sol alt metin alanı */
.fg-grid--cards .fg-textbox{
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 16px 38px rgba(15,23,42,.07);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:18px;
}

.fg-kat{
  background:linear-gradient(135deg, rgba(225,29,46,.94), rgba(249,115,22,.90));
  color:#fff;
  border-radius:999px;
  padding:8px 14px;
  box-shadow:0 10px 24px rgba(225,29,46,.16);
}

.fg-grid--cards .fg-tit{
  color:#111827;
  font-size:24px;
  line-height:1.12;
  font-weight:950;
  margin-bottom:13px;
  padding-bottom:0;
}

.fg-grid--cards .fg-tit::after{
  display:none !important;
  content:none !important;
}

.fg-grid--cards .fg-oz{
  color:#64748b;
  font-size:13px;
  line-height:1.55;
  font-weight:750;
  max-height:calc(1.55em * 5);
  -webkit-line-clamp:5;
}

/* Sağdaki başlık bantları daha yumuşak */
.fg-grid--cards .fg-cap-badge,
.fg-grid--cards .fg-cap-main{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.52);
  border-radius:14px;
  box-shadow:
    0 12px 28px rgba(15,23,42,.14),
    inset 0 1px 0 rgba(255,255,255,.45);
}

.fg-grid--cards .fg-cap-badge::before,
.fg-grid--cards .fg-cap-main::before{
  display:none;
}

.fg-grid--cards .fg-cap-badge::after,
.fg-grid--cards .fg-cap-main::after{
  border-radius:14px;
}

.fg-grid--cards .fg-cap-text{
  color:#111827;
  font-size:18px;
  font-weight:950;
}

/* Mobil uyum */
@media(max-width:991px){
  .fg-wrap{
    padding:22px 18px 24px;
    border-radius:24px;
  }

  .fg-title{
    font-size:23px;
  }

  .fg-grid--cards .fg-textbox{
    padding:16px;
  }

  .fg-grid--cards .fg-tit{
    font-size:21px;
  }
}

.fg-more{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#e11d2e;
  text-decoration:none;
  font-weight:900;
  font-size:14px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(225,29,46,.10);
  transition:background .18s ease, transform .18s ease;
}

.fg-more:hover{
  background:rgba(255,255,255,.90);
  color:#b91c1c;
  transform:translateX(2px);
}

/* ==========================================================
   FOTO GALERİ - Başlık 2 satır + kamera icon sağ üst hover
   ========================================================== */

/* Foto üstündeki başlık kapsüllerinde başlık 2 satır görünsün */
.fg-grid--cards .fg-cap-badge,
.fg-grid--cards .fg-cap-main{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:86%;
  padding:12px 16px;
}

/* Başlık metni 2 satıra kadar çıksın */
.fg-grid--cards .fg-cap-text{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  white-space:normal !important;
  line-height:1.25 !important;
  max-height:calc(1.25em * 2) !important;
}

/* Başlığın solundaki mevcut kamera iconunu normal akıştan çıkar */
.fg-grid--cards .fg-cap-badge .fg-cap-ico,
.fg-grid--cards .fg-cap-main .fg-cap-ico,
.fg-grid--cards .fg-cap-badge i:first-child,
.fg-grid--cards .fg-cap-main i:first-child{
  position:absolute !important;
  right:14px;
  top:14px;
  left:auto !important;
  bottom:auto !important;
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 12px 28px rgba(15,23,42,.18);
  color:#111827;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px) scale(.94);
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
  z-index:5;
}

/* Kart hover olunca kamera iconu sağ üstte görünsün */
.fg-grid--cards .fg-a:hover .fg-cap-ico,
.fg-grid--cards .fg-a:hover .fg-cap-badge i:first-child,
.fg-grid--cards .fg-a:hover .fg-cap-main i:first-child{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

/* Icon başlıktan ayrıldığı için başlık kapsülü daha temiz dursun */
.fg-grid--cards .fg-cap-badge .fg-cap-text,
.fg-grid--cards .fg-cap-main .fg-cap-text{
  padding-left:0 !important;
}

/* Foto kartı içinde sağ üst iconun doğru konumlanması için */
.fg-grid--cards .fg-a{
  position:relative;
}

/* Eğer icon span olarak değil de küçük kutu olarak geliyorsa onu da sağ üste al */
.fg-grid--cards .fg-cap-badge > span:first-child:not(.fg-cap-text),
.fg-grid--cards .fg-cap-main > span:first-child:not(.fg-cap-text){
  position:absolute !important;
  right:14px;
  top:14px;
  left:auto !important;
  bottom:auto !important;
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 12px 28px rgba(15,23,42,.18);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px) scale(.94);
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
  z-index:5;
}

.fg-grid--cards .fg-a:hover .fg-cap-badge > span:first-child:not(.fg-cap-text),
.fg-grid--cards .fg-a:hover .fg-cap-main > span:first-child:not(.fg-cap-text){
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

/* Foto galeri başlık kapsülü içindeki eski sol icon alanını gizle */
.fg-grid--cards .fg-cap-badge .fa-camera,
.fg-grid--cards .fg-cap-main .fa-camera,
.fg-grid--cards .fg-cap-badge .fa-image,
.fg-grid--cards .fg-cap-main .fa-image{
  position:absolute !important;
  right:14px !important;
  top:14px !important;
  left:auto !important;
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid !important;
  place-items:center;
  background:rgba(255,255,255,.88);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px) scale(.94);
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
}

.fg-grid--cards .fg-a:hover .fa-camera,
.fg-grid--cards .fg-a:hover .fa-image{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
/* ==========================================================
   FOTO GALERİ - Başlık iconu sağ üst hover düzeni
   ========================================================== */

/* Başlığın yanındaki eski ikon kapsülü artık kullanılmayacak */
.fg-grid--cards .fg-cap-badge{
  display:none !important;
}

/* Başlık kapsülü ikon olmadığı için daha temiz hizalansın */
.fg-grid--cards .fg-cap{
  gap:0 !important;
}

/* Sağ üstte hover ile görünecek kamera ikonu */
.fg-grid--cards .fg-hover-cam{
  position:absolute;
  right:18px;
  top:18px;
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 14px 30px rgba(15,23,42,.18);
  z-index:12;
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px) scale(.94);
  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease,
    background .18s ease;
  pointer-events:none;
}

.fg-grid--cards .fg-hover-cam img{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
}

/* Fotoğrafın üzerine gelince sağ üst ikon görünsün */
.fg-grid--cards .fg-a:hover .fg-hover-cam{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

/* Hover’da biraz daha parlak dursun */
.fg-grid--cards .fg-a:hover .fg-hover-cam{
  background:rgba(255,255,255,.96);
}

/* Başlık 2 satıra çıksın */
.fg-grid--cards .fg-cap-text{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  white-space:normal !important;
  line-height:1.22 !important;
  max-height:calc(1.22em * 2) !important;
}

/* İkon kaldırıldığı için başlık kutusu gereksiz geniş boşluk bırakmasın */
.fg-grid--cards .fg-cap-main{
  padding:10px 18px !important;
  min-height:48px !important;
}

/* Sağ üst kart ve sağ alt karttaki başlık kutusu biraz daha genişleyebilsin */
.fg-grid--cards .fg-cap{
  max-width:min(88%, 520px) !important;
}

/* ==========================================================
   FOTO GALERİ - Zarif başlık kutusu ve akıllı 2 satır düzeni
   ========================================================== */

/* Başlık kapsülü daha doğal genişlesin, resmi fazla kapatmasın */
.fg-grid--cards .fg-cap{
  max-width:72% !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  left:28px;
  right:auto;
  bottom:28px;
}

/* Sağ üst büyük görselde başlık biraz daha geniş olabilir */
.fg-grid--cards .fg-a--tr .fg-cap{
  max-width:76% !important;
}

/* Sağ alt büyük görselde kısa başlık dar kutuya sıkışmasın */
.fg-grid--cards .fg-a--br .fg-cap{
  max-width:68% !important;
}

/* Başlık arka planını daha zarif yap */
.fg-grid--cards .fg-cap-main{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:9px 15px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.74) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:
    0 10px 24px rgba(15,23,42,.14),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
  backdrop-filter:blur(8px) saturate(1.08);
  -webkit-backdrop-filter:blur(8px) saturate(1.08);
}

/* Başlık tek satıra sığıyorsa tek satır kalsın, sığmazsa 2 satıra çıksın */
.fg-grid--cards .fg-cap-text{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:none !important;
  line-height:1.24 !important;
  max-height:calc(1.24em * 2) !important;
  color:#111827 !important;
  font-size:17px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
}

/* Sağ alt görselde kısa başlıkların kelime kelime parçalanmasını engelle */
.fg-grid--cards .fg-a--br .fg-cap-text{
  min-width:max-content;
  max-width:100%;
}

/* Çok küçük kartlarda başlık çok büyümesin */
.fg-grid--cards .fg-a--mid .fg-cap,
.fg-grid--cards .fg-a--small .fg-cap{
  max-width:82% !important;
  left:18px;
  bottom:18px;
}

.fg-grid--cards .fg-a--mid .fg-cap-main,
.fg-grid--cards .fg-a--small .fg-cap-main{
  padding:8px 13px !important;
  border-radius:13px !important;
}

.fg-grid--cards .fg-a--mid .fg-cap-text,
.fg-grid--cards .fg-a--small .fg-cap-text{
  font-size:14px !important;
  line-height:1.22 !important;
  max-height:calc(1.22em * 2) !important;
}

/* Başlık kutusu hover'da hafif belirginleşsin, kaba büyümesin */
.fg-grid--cards .fg-a:hover .fg-cap-main{
  background:rgba(255,255,255,.84) !important;
  box-shadow:
    0 12px 28px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

/* Eski kaba başlık arka plan efektlerini kapat */
.fg-grid--cards .fg-cap-main::before,
.fg-grid--cards .fg-cap-main::after,
.fg-grid--cards .fg-cap-badge::before,
.fg-grid--cards .fg-cap-badge::after{
  display:none !important;
  content:none !important;
}

/* Mobilde kutu resme fazla yayılmasın */
@media(max-width:768px){
  .fg-grid--cards .fg-cap{
    max-width:82% !important;
    left:18px;
    bottom:18px;
  }

  .fg-grid--cards .fg-cap-main{
    padding:8px 13px !important;
    border-radius:13px !important;
  }

  .fg-grid--cards .fg-cap-text{
    font-size:15px !important;
  }
}

/* ==========================================================
   FOTO GALERİ - Zarif başlık arka planı
   Kaba beyaz kutu yerine cam/degrade başlık şeridi
   ========================================================== */

/* Başlık kapsülü: resmin üstünde daha zarif konum */
.fg-grid--cards .fg-cap{
  left:26px !important;
  right:auto !important;
  bottom:24px !important;
  max-width:78% !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  z-index:8 !important;
}

/* Eski kaba beyaz kutuyu tamamen yumuşat */
.fg-grid--cards .fg-cap-main{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:0 !important;

  padding:10px 16px 10px 18px !important;
  border-radius:16px !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,.66), rgba(255,255,255,.42)) !important;

  border:1px solid rgba(255,255,255,.46) !important;

  box-shadow:
    0 10px 24px rgba(15,23,42,.13),
    inset 0 1px 0 rgba(255,255,255,.58) !important;

  backdrop-filter:blur(10px) saturate(1.12);
  -webkit-backdrop-filter:blur(10px) saturate(1.12);

  overflow:hidden !important;
}

/* Sol tarafta ince renk vurgusu */
.fg-grid--cards .fg-cap-main::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:10px !important;
  bottom:10px !important;
  width:4px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #ef4444, #f97316) !important;
}

/* Hafif parlama efekti */
.fg-grid--cards .fg-cap-main::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.42), transparent 38%),
    linear-gradient(90deg, rgba(255,255,255,.18), transparent 52%) !important;
  pointer-events:none !important;
  opacity:.75 !important;
}

/* Başlık metni: kısa ise tek satır, uzunsa 2 satır */
.fg-grid--cards .fg-cap-text{
  position:relative !important;
  z-index:2 !important;

  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;

  overflow:hidden !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:none !important;

  color:#111827 !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1.22 !important;
  letter-spacing:-.015em !important;

  max-height:calc(1.22em * 2) !important;
}

/* Sağ üst büyük görselde başlık çok geniş durmasın */
.fg-grid--cards .fg-a--tr .fg-cap{
  max-width:72% !important;
  bottom:26px !important;
}

/* Sağ alt büyük görselde kısa başlık parçalanmasın */
.fg-grid--cards .fg-a--br .fg-cap{
  max-width:74% !important;
  bottom:26px !important;
}

.fg-grid--cards .fg-a--br .fg-cap-main{
  min-width:150px !important;
}

/* Küçük kartlarda daha kompakt */
.fg-grid--cards .fg-a--mid .fg-cap,
.fg-grid--cards .fg-a--small .fg-cap{
  left:16px !important;
  bottom:16px !important;
  max-width:80% !important;
}

.fg-grid--cards .fg-a--mid .fg-cap-main,
.fg-grid--cards .fg-a--small .fg-cap-main{
  padding:8px 13px 8px 15px !important;
  border-radius:14px !important;
}

.fg-grid--cards .fg-a--mid .fg-cap-text,
.fg-grid--cards .fg-a--small .fg-cap-text{
  font-size:14px !important;
  line-height:1.22 !important;
}

/* Hover olunca sadece hafif belirginleşsin, büyüyüp kaba görünmesin */
.fg-grid--cards .fg-a:hover .fg-cap-main{
  background:
    linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,255,255,.50)) !important;

  box-shadow:
    0 12px 28px rgba(15,23,42,.15),
    inset 0 1px 0 rgba(255,255,255,.65) !important;
}

/* Eski beyaz ikon/kutu kalıntılarını kapat */
.fg-grid--cards .fg-cap-badge{
  display:none !important;
}

/* Resmin okunurluğu için başlık arkasına çok hafif koyu geçiş */
.fg-grid--cards .fg-a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:42%;
  background:linear-gradient(180deg, transparent, rgba(15,23,42,.20));
  opacity:.58;
  pointer-events:none;
  z-index:2;
}

/* Başlık overlay üstte kalsın */
.fg-grid--cards .fg-cap,
.fg-grid--cards .fg-hover-cam{
  z-index:10 !important;
}

/* Mobil */
@media(max-width:768px){
  .fg-grid--cards .fg-cap{
    left:16px !important;
    bottom:16px !important;
    max-width:82% !important;
  }

  .fg-grid--cards .fg-cap-main{
    padding:8px 13px 8px 15px !important;
    border-radius:14px !important;
  }

  .fg-grid--cards .fg-cap-text{
    font-size:15px !important;
  }
}