/* Ersin Tur - reference faithful V3, scoped styles */
.et-reference-v3{--et-gold:#eac073;--et-deep:#06182d;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 12%,#173659 0%,transparent 55%),linear-gradient(180deg,#071c34 0%,#0b2443 67%,#04152a 100%);color:#fff;padding:92px max(28px,calc((100vw - 1840px)/2)) 132px;font-family:inherit}
.et-reference-v3::after{content:"";position:absolute;z-index:-1;bottom:0;left:0;width:100%;height:155px;background:url('../images/ersin-reference-v3/ankara-siluet.webp') center bottom/cover no-repeat;opacity:.65;pointer-events:none}
.et-reference-v3__layout{max-width:1840px;margin:auto;display:grid;grid-template-columns:minmax(295px,365px) minmax(0,1fr);gap:30px;align-items:center}
.et-reference-v3__copy{align-self:center;position:relative;z-index:2}
.et-reference-v3__eyebrow{font-size:12px;letter-spacing:.33em;font-weight:750;display:flex;align-items:center;gap:18px;margin-bottom:25px;white-space:nowrap}
.et-reference-v3__eyebrow::before{content:"";width:78px;height:4px;border-radius:9px;background:var(--et-gold);box-shadow:0 0 15px #eac07380}
.et-reference-v3__copy h2{font-size:clamp(35px,3.2vw,58px);line-height:1.05;letter-spacing:-.045em;font-weight:800;margin:0 0 24px;color:#fff}
.et-reference-v3__copy h2 em{color:var(--et-gold);font-style:normal}
.et-reference-v3__copy p{font-size:clamp(15px,1.1vw,19px);line-height:1.7;max-width:365px;color:#e1e9f4;margin:0}
.et-reference-v3__cards{display:flex;min-width:0;align-items:stretch;padding:12px 10px 16px 30px;overflow:visible}
.et-reference-v3__card{position:relative;isolation:isolate;flex:1 1 0;min-width:0;height:390px;margin-left:-15px;overflow:hidden;transform:skewX(-14deg);border:2px solid #a5bdd9;border-bottom-color:var(--et-gold);border-radius:56px 48px 54px 48px;background:linear-gradient(165deg,#1c3655,#07172c 72%);box-shadow:inset 0 0 35px #89a8cc21,0 14px 26px #0005;text-decoration:none!important;color:#fff!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.et-reference-v3__card:nth-child(odd){border-color:var(--et-gold)}
.et-reference-v3__card:hover,.et-reference-v3__card:focus-visible{transform:skewX(-14deg) translateY(-12px);z-index:4;border-color:#ffda91;box-shadow:0 12px 30px #0009,0 0 18px #edc67d66}
.et-reference-v3__card-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 12px 0;transform:skewX(14deg);pointer-events:none}
.et-reference-v3__icon{font-size:62px;line-height:1.15;font-weight:300;color:var(--et-gold);height:96px;display:flex;align-items:center;justify-content:center;text-shadow:0 0 10px #f5cc7a33}
.et-reference-v3__name{font-size:clamp(13px,1.18vw,20px);font-weight:750;line-height:1.4;min-height:68px;display:block;white-space:normal}
.et-reference-v3__rule{width:43px;height:3px;background:var(--et-gold);border-radius:4px;margin-top:13px}
.et-reference-v3__photo{position:absolute;bottom:0;left:-20%;width:140%;height:45%;transform:skewX(14deg);background-position:center;background-size:cover;opacity:.7;mask-image:linear-gradient(to bottom,transparent 0%,#000 60%)}
.et-reference-v3__card--1 .et-reference-v3__photo{background-image:url('../images/ersin-reference-v3/kart-1.webp')}
.et-reference-v3__card--2 .et-reference-v3__photo{background-image:url('../images/ersin-reference-v3/kart-2.webp')}
.et-reference-v3__card--3 .et-reference-v3__photo{background-image:url('../images/ersin-reference-v3/kart-3.webp')}
.et-reference-v3__card--4 .et-reference-v3__photo{background-image:url('../images/ersin-reference-v3/kart-4.webp')}
.et-reference-v3__card--5 .et-reference-v3__photo{background-image:url('../images/ersin-reference-v3/kart-5.webp')}
.et-reference-v3__card--6 .et-reference-v3__photo{background-image:url('../images/ersin-reference-v3/kart-6.webp')}
.et-reference-v3__links{position:relative;z-index:3;max-width:1500px;margin:32px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.et-reference-v3__links a{color:#d6e4f5!important;text-decoration:none!important;border:1px solid #ffffff3b;border-radius:99px;padding:8px 12px;font-size:12px;transition:background .2s}
.et-reference-v3__links a:hover{background:#eac073;color:#07182b!important}
@media(max-width:1250px){.et-reference-v3{padding:70px 24px 110px}.et-reference-v3__layout{grid-template-columns:1fr;gap:22px}.et-reference-v3__copy h2 br{display:none}.et-reference-v3__copy p{max-width:700px}.et-reference-v3__cards{padding-left:18px}.et-reference-v3__card{height:340px}.et-reference-v3__icon{font-size:45px;height:75px}.et-reference-v3__card-content{padding-top:30px}}
@media(max-width:760px){.et-reference-v3{padding:52px 18px 95px}.et-reference-v3__copy h2{font-size:37px}.et-reference-v3__copy h2 br{display:none}.et-reference-v3__cards{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px;padding:20px 10px 25px 15px}.et-reference-v3__card{flex:0 0 205px;height:320px;margin-left:0;scroll-snap-align:center;transform:skewX(-9deg);border-radius:40px}.et-reference-v3__card:hover,.et-reference-v3__card:focus-visible{transform:skewX(-9deg) translateY(-6px)}.et-reference-v3__card-content,.et-reference-v3__photo{transform:skewX(9deg)}.et-reference-v3__name{font-size:17px}.et-reference-v3__links{justify-content:flex-start;gap:8px}.et-reference-v3__links a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.et-reference-v3__card{transition:none}}

/* ERSIN TUR - PREMIUM KART BOYUT DUZELTMESI */

@media (min-width: 1251px) {

  .et-reference-v3 {
    padding-left: 32px;
    padding-right: 145px;
  }

  .et-reference-v3__layout {
    max-width: 1600px;
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
    gap: 22px;
  }

  .et-reference-v3__copy h2 {
    font-size: clamp(35px, 2.8vw, 49px);
  }

  .et-reference-v3__copy p {
    font-size: 16px;
  }

  .et-reference-v3__cards {
    padding-left: 20px;
    padding-right: 15px;
  }

  .et-reference-v3__card {
    height: 340px;
    margin-left: -11px;
    border-radius: 43px;
  }

  .et-reference-v3__card-content {
    padding-top: 27px;
  }

  .et-reference-v3__icon {
    height: 80px;
    font-size: 49px;
  }

  .et-reference-v3__name {
    font-size: clamp(12px, 1.05vw, 17px);
    min-height: 58px;
  }

  .et-reference-v3__rule {
    margin-top: 10px;
  }
}

@media (min-width: 761px) and (max-width: 1250px) {
  .et-reference-v3 {
    padding-right: 105px;
  }

  .et-reference-v3__cards {
    overflow-x: auto;
    gap: 10px;
  }

  .et-reference-v3__card {
    flex: 0 0 170px;
    margin-left: 0;
  }
}