/* TRAC Eskişehir | Premium Homepage */
.rf .rf-cards:not(.rf-news){
  gap:20px;
}
.rf .rf-card{
  border:1px solid #e1eaf3;
  border-radius:15px;
  box-shadow:0 12px 32px rgba(6,30,60,.075);
  transition:transform .25s ease,box-shadow .25s ease;
  overflow:hidden;
}
.rf .rf-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 38px rgba(6,30,60,.15);
}
.rf .rf-card:focus-visible{
  outline:3px solid #ed1424;
  outline-offset:3px;
}
.rf .rf-cards:not(.rf-news) .rf-cover{
  position:relative;
  height:195px;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  padding:29px;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 85% 30%,rgba(62,164,237,.30),transparent 47%),
    linear-gradient(125deg,#051b38 5%,#0a365f 65%,#14517b);
}
.rf .rf-cards:not(.rf-news) .rf-card:nth-child(2) .rf-cover{
  background:
    radial-gradient(circle at 85% 25%,rgba(88,166,214,.30),transparent 45%),
    linear-gradient(125deg,#071a38,#123d67);
}
.rf .rf-cards:not(.rf-news) .rf-card:nth-child(3) .rf-cover{
  background:
    radial-gradient(ellipse at 85% 20%,rgba(227,155,95,.25),transparent 45%),
    linear-gradient(125deg,#061b36,#184971);
}
.rf .rf-cards:not(.rf-news) .rf-cover::before{
  position:absolute;
  inset:0;
  content:"";
  transform:none;
  pointer-events:none;
  background:
    repeating-radial-gradient(circle at 88% 45%,
      transparent 0 22px,
      rgba(125,207,255,.095) 23px 24px,
      transparent 25px 47px),
    linear-gradient(0deg,rgba(0,12,35,.26),transparent 70%);
}
.rf .rf-cards:not(.rf-news) .rf-cover::after{
  position:absolute;
  left:30px;
  bottom:28px;
  z-index:2;
  white-space:pre-line;
  font-size:clamp(22px,2.1vw,30px);
  line-height:1.06;
  letter-spacing:-.035em;
  font-weight:900;
  text-align:left;
  color:#fff;
  text-shadow:0 3px 12px rgba(0,0,0,.20);
}
.rf .rf-cards:not(.rf-news) .rf-card:nth-child(1) .rf-cover::after{
  content:"HAFTALIK\A ÇEVRİM";
}
.rf .rf-cards:not(.rf-news) .rf-card:nth-child(2) .rf-cover::after{
  content:"EĞİTİM";
}
.rf .rf-cards:not(.rf-news) .rf-card:nth-child(3) .rf-cover::after{
  content:"SAHA";
}
.rf .rf-cards:not(.rf-news) .rf-cover span{
  position:absolute;
  top:24px;
  right:26px;
  z-index:2;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  font-size:35px;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(255,255,255,.09);
  backdrop-filter:blur(8px);
}
.rf .rf-cards:not(.rf-news) .rf-cover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.60;
}
.rf .rf-cards:not(.rf-news) .rf-card-body{
  padding:22px 23px 25px;
  min-height:130px;
}
.rf .rf-card h3{
  font-weight:850;
  letter-spacing:-.025em;
}
.rf .rf-cards:not(.rf-news) .rf-card h3{
  font-size:21px;
  margin-bottom:12px;
}
.rf .rf-meta{
  line-height:1.75;
}
.rf .rf-news .rf-card{
  grid-template-columns:140px minmax(0,1fr);
  min-width:0;
}
.rf .rf-news .rf-cover{
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 26%,rgba(46,158,227,.38),transparent 58%),
    linear-gradient(145deg,#082342,#0e4c79);
}
.rf .rf-news .rf-cover::before{
  inset:0;
  transform:none;
  background:
    repeating-radial-gradient(circle at 70% 30%,
      transparent 0 20px,
      rgba(163,221,255,.11) 21px 22px,
      transparent 23px 46px);
}
.rf .rf-news .rf-cover span{
  width:auto;
  height:auto;
  position:absolute;
  left:14px;
  bottom:15px;
  border:0;
  border-radius:0;
  background:transparent;
  letter-spacing:.12em;
  font-weight:950;
  font-size:21px;
  text-shadow:0 3px 12px #00152b;
}
.rf .rf-news .rf-card-body{
  min-width:0;
  padding:19px;
}
.rf .rf-news .rf-card h3{
  font-size:17px;
  line-height:1.35;
}
.rf .rf-ai{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-radius:15px;
  padding:29px 32px;
  background:
    radial-gradient(circle at 80% 50%,rgba(0,157,237,.28),transparent 33%),
    linear-gradient(110deg,#061c3b,#0a426d);
}
.rf .rf-ai::before{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    repeating-radial-gradient(circle at 79% 50%,
    transparent 0 35px,
    rgba(80,187,252,.075) 36px 37px,
    transparent 38px 73px);
}
.rf .rf-ai h2{
  font-weight:900;
  letter-spacing:-.03em;
}
html[data-theme="dark"] .rf .rf-card{
  background:#101f31;
  border-color:#29465e;
  color:#f3f7ff;
}
html[data-theme="dark"] .rf .rf-meta{
  color:#b9cde0;
}
@media(max-width:760px){
  .rf .rf-cards:not(.rf-news) .rf-cover{
    height:180px;
    padding:22px;
  }
  .rf .rf-cards:not(.rf-news) .rf-cover::after{
    left:23px;
    bottom:23px;
    font-size:25px;
  }
  .rf .rf-news .rf-card{
    grid-template-columns:110px minmax(0,1fr);
  }
  .rf .rf-news .rf-card-body{
    padding:13px;
  }
  .rf .rf-news .rf-card h3{
    font-size:15px;
  }
}
@media(prefers-reduced-motion:reduce){
  .rf .rf-card{transition:none}
  .rf .rf-card:hover{transform:none}
}


/* TRAC_NEWS_REAL_COVERS_20261025 */
.rf .rf-news .rf-cover img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:1;
}
.rf .rf-news .rf-cover:has(img)::before {
  display:none;
}
.rf .rf-news .rf-cover {
  position:relative;
  isolation:isolate;
}

/* TRAC_PREMIUM_GRAPHICS_20261025 | Onaylanan ekran goruntusu kapaklari */
.rf .rf-cards:not(.rf-news) .rf-card:nth-child(1) .rf-cover{
 background:#062341 url('/assets/trac-premium-20261025/etkinlik-cevrim.webp') center/cover no-repeat!important;
}
.rf .rf-cards:not(.rf-news) .rf-card:nth-child(2) .rf-cover{
 background:#062341 url('/assets/trac-premium-20261025/etkinlik-egitim.webp') center/cover no-repeat!important;
}
.rf .rf-cards:not(.rf-news) .rf-card:nth-child(3) .rf-cover{
 background:#062341 url('/assets/trac-premium-20261025/etkinlik-saha.webp') center/cover no-repeat!important;
}
/* Basliklar resmin icinde var: ikinci kez cizilmelerini onle. */
.rf .rf-cards:not(.rf-news) .rf-cover::before,
.rf .rf-cards:not(.rf-news) .rf-cover::after,
.rf .rf-cards:not(.rf-news) .rf-cover>span,
.rf .rf-cards:not(.rf-news) .rf-cover>img{display:none!important}
/* Gercek haber fotograflari img ile gelirse oncelikli olarak gosterilir. */
.rf .rf-news .rf-card:nth-child(1) .rf-cover{
 background:#0a3559 url('/assets/trac-premium-20261025/haber-1.webp') center/cover no-repeat!important;
}
.rf .rf-news .rf-card:nth-child(2) .rf-cover{
 background:#0a3559 url('/assets/trac-premium-20261025/haber-2.webp') center/cover no-repeat!important;
}
.rf .rf-news .rf-card:nth-child(3) .rf-cover{
 background:#0a3559 url('/assets/trac-premium-20261025/haber-3.webp') center/cover no-repeat!important;
}
.rf .rf-news .rf-cover>span{display:none!important}
.rf .rf-news .rf-cover>img{z-index:3}
/* YM2KF sag tarafta robot grafik; dar ekranlarda metni kapatmaz. */
@media(min-width:1100px){
 .rf .rf-ai::after{
  content:"";pointer-events:none;position:absolute;z-index:-1;
  width:315px;height:112px;right:175px;top:50%;transform:translateY(-50%);
  background:url('/assets/trac-premium-20261025/ym2kf-grafik.webp') center/contain no-repeat;
 }
}
@media(max-width:760px){
 .rf .rf-cards:not(.rf-news) .rf-cover{height:auto!important;aspect-ratio:2.53/1;padding:0!important}
}


/* TRAC_HOME_ICON_REDESIGN_20261025 */
.rf .rf-info{
  gap:0;
  border:1px solid #e5ebf2;
  border-radius:18px;
  box-shadow:0 14px 34px rgba(7,26,51,.08);
}
.rf .rf-info .rf-info-item{
  position:relative;
  min-height:126px;
  padding:26px 28px;
  gap:18px;
  border-right:1px solid #ebf0f5;
  transition:background .2s ease, transform .2s ease;
}
.rf .rf-info .rf-info-item:last-child{border-right:0}
.rf .rf-info .rf-info-item:hover{
  background:#fbfdff;
}
.rf .rf-info .rf-icon{
  width:62px;
  height:62px;
  min-width:62px;
  border-radius:18px;
  background:linear-gradient(145deg,#fff0f2,#ffe0e6);
  color:#e11d2e;
  box-shadow:inset 0 0 0 1px rgba(225,29,46,.08), 0 10px 22px rgba(225,29,46,.10);
}
.rf .rf-info .rf-info-link .rf-icon{
  background:linear-gradient(145deg,#ecf4ff,#dcecff);
  color:#2f7ef7;
  box-shadow:inset 0 0 0 1px rgba(47,126,247,.08), 0 10px 22px rgba(47,126,247,.10);
}
.rf .rf-info .rf-icon svg,
.rf .rf-quick .rf-quick-icon svg{
  width:28px;
  height:28px;
  display:block;
}
.rf .rf-info .rf-info-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.rf .rf-info .rf-info-copy small:first-child{
  margin-bottom:8px;
  color:#74869a;
  font-size:14px;
  font-weight:700;
}
.rf .rf-info .rf-info-copy b{
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.03em;
  margin-bottom:8px;
  color:#0b2347;
}
.rf .rf-info .rf-info-copy small:last-child{
  color:#607488;
  font-size:13px;
  line-height:1.45;
}
.rf .rf-quick{
  gap:18px;
}
.rf .rf-quick .rf-quick-item{
  position:relative;
  padding:24px 18px 20px;
  min-height:168px;
  border:1px solid #e4ebf2;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
  box-shadow:0 10px 26px rgba(7,26,51,.05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.rf .rf-quick .rf-quick-item:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 34px rgba(7,26,51,.10);
  border-color:#d9e4ef;
}
.rf .rf-quick .rf-quick-icon{
  width:58px;
  height:58px;
  margin:0 auto 18px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#fff1f3,#ffe2e7);
  color:#e11d2e;
  box-shadow:inset 0 0 0 1px rgba(225,29,46,.08), 0 10px 22px rgba(225,29,46,.08);
}
.rf .rf-quick .rf-quick-item:nth-child(2) .rf-quick-icon{
  background:linear-gradient(145deg,#f3f0ff,#e6e0ff);
  color:#6d48f2;
}
.rf .rf-quick .rf-quick-item:nth-child(3) .rf-quick-icon{
  background:linear-gradient(145deg,#edf7ff,#dcedff);
  color:#357df4;
}
.rf .rf-quick .rf-quick-item:nth-child(4) .rf-quick-icon{
  background:linear-gradient(145deg,#eefdf7,#daf9ec);
  color:#109867;
}
.rf .rf-quick .rf-quick-item:nth-child(5) .rf-quick-icon{
  background:linear-gradient(145deg,#fff8e9,#ffedbf);
  color:#b77914;
}
.rf .rf-quick .rf-quick-item:nth-child(6) .rf-quick-icon{
  background:linear-gradient(145deg,#eef7ff,#dceeff);
  color:#1f6fd6;
}
.rf .rf-quick .rf-quick-item b{
  display:block;
  margin-bottom:8px;
  font-size:16px;
  line-height:1.28;
  letter-spacing:-.02em;
}
.rf .rf-quick .rf-quick-item small{
  display:block;
  margin-top:0;
  color:#6b7f92;
  font-size:13px;
  line-height:1.45;
}
html[data-theme=dark] .rf .rf-info{
  border-color:#27384c;
  box-shadow:none;
}
html[data-theme=dark] .rf .rf-info .rf-info-item{
  border-color:#2a3c50;
  background:#0f1f31;
}
html[data-theme=dark] .rf .rf-info .rf-info-item:hover{
  background:#12253a;
}
html[data-theme=dark] .rf .rf-info .rf-info-copy b{
  color:#f2f7ff;
}
html[data-theme=dark] .rf .rf-info .rf-info-copy small:first-child,
html[data-theme=dark] .rf .rf-info .rf-info-copy small:last-child{
  color:#afc2d5;
}
html[data-theme=dark] .rf .rf-quick .rf-quick-item{
  background:#101f31;
  border-color:#27384c;
  box-shadow:none;
}
html[data-theme=dark] .rf .rf-quick .rf-quick-item:hover{
  background:#13253a;
  border-color:#35506a;
}
html[data-theme=dark] .rf .rf-quick .rf-quick-item b{
  color:#eef5ff;
}
html[data-theme=dark] .rf .rf-quick .rf-quick-item small{
  color:#afc2d5;
}
@media(max-width:760px){
  .rf .rf-info .rf-info-item{
    min-height:unset;
    padding:20px 18px;
  }
  .rf .rf-info .rf-icon{
    width:54px;height:54px;min-width:54px;border-radius:15px;
  }
  .rf .rf-info .rf-info-copy b{
    font-size:22px;
  }
  .rf .rf-quick .rf-quick-item{
    min-height:148px;
    padding:20px 14px 18px;
  }
  .rf .rf-quick .rf-quick-icon{
    width:52px;height:52px;margin-bottom:14px;border-radius:15px;
  }
}