/* Mehmet Acar: Yalnizca anasayfa Instagram alani. Diger kartlari etkilemez. */
.ma-ig {
  position: relative;
  background: #f5f7fc;
  padding: clamp(46px, 6vw, 82px) 0;
  overflow: hidden;
}
.ma-ig[hidden] { display: none !important; }
.ma-ig__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-bottom: 25px;
}
.ma-ig__eyebrow {
  margin: 0 0 9px;
  color: #4459a5;
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: 11px;
}
.ma-ig__title {
  margin: 0 !important;
  color: #13224b !important;
  font-family: 'Manrope','Segoe UI',Arial,sans-serif !important;
  font-size: clamp(25px, 3vw, 38px) !important;
  font-weight: 800 !important;
  letter-spacing: -.04em;
  line-height: 1.18 !important;
}
.ma-ig__subtitle {
  margin: 10px 0 0;
  font: 400 14px/1.55 'Inter', Arial, sans-serif;
  color: #66728d;
}
.ma-ig__actions {display:flex; align-items:center; gap:8px;}
.ma-ig__arrow {
  display: inline-flex; align-items:center; justify-content:center;
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid #dce3f2; color:#172a59; background:#fff;
  font-size: 21px; cursor:pointer; transition: .2s ease;
}
.ma-ig__arrow:hover {background:#182674; color:#fff; border-color:#182674;}
.ma-ig__view {
  min-width:0; max-width: 100%; overflow:hidden;
}
.ma-ig__track {
  --ma-ig-gap: 14px;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 3 * var(--ma-ig-gap)) / 4);
  gap:var(--ma-ig-gap);
  overflow-x:auto;
  overscroll-behavior-x: contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling: touch;
}
.ma-ig__track::-webkit-scrollbar{display:none;}
.ma-ig__tile {
  display: block; position:relative; min-width:0;
  overflow:hidden; aspect-ratio:1 / 1; scroll-snap-align:start;
  border-radius:14px; background:#e7eaf3;
  text-decoration:none !important;
}
.ma-ig__tile img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.ma-ig__tile:hover img {transform:scale(1.06);}
.ma-ig__tile:after {content:'↗';display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:rgba(7,19,53,.4);color:#fff;font-size:27px;opacity:0;transition:opacity .2s;}
.ma-ig__tile:hover:after,.ma-ig__tile:focus-visible:after{opacity:1;}
.ma-ig__tile--video:before{content:'▶';position:absolute;z-index:1;top:10px;right:10px;color:#fff;font-size:12px;background:rgba(0,0,0,.6);padding:5px 8px;border-radius:30px;}
.ma-ig__bottom{text-align:center;margin-top:24px;}
.ma-ig__follow{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 25px;border:1px solid #171f6a;border-radius:30px;background:#171f6a;color:white !important;font:700 13px/1.3 'Inter',Arial,sans-serif;text-decoration:none !important;transition:.2s;}
.ma-ig__follow:hover{background:#fff;color:#171f6a !important;}
@media(max-width:767.98px) {
  .ma-ig {padding:42px 0 48px;}
  .ma-ig__header {margin-bottom:18px;gap:10px;}
  .ma-ig__subtitle{font-size:12px;}
  .ma-ig__arrow{width:34px;height:34px;font-size:18px;}
  .ma-ig__track {
    --ma-ig-gap: 7px;
    grid-auto-columns:calc((100% - 2 * var(--ma-ig-gap)) / 3);
  }
  .ma-ig__tile{border-radius:9px;}
  .ma-ig__tile--video:before{top:4px;right:4px;padding:2px 5px;font-size:10px;}
}
@media(prefers-reduced-motion:reduce) {
 .ma-ig__track{scroll-behavior:auto;}
 .ma-ig__tile img{transition:none;}
}