.cpw-ref{
  --text:#eaf0fb;
  --muted:#a9b3c6;
  --line:rgba(255,255,255,.12);
  --line2:rgba(255,255,255,.08);
  --card:rgba(255,255,255,.03);
  --card2:rgba(255,255,255,.015);
  --y:#ffe600;
  --y2:#ffd400;
  --r:18px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;
  color:var(--text);
  background:transparent !important;
}

.cpw-ref, .cpw-ref *{box-sizing:border-box}
.cpw-ref a{color:inherit;text-decoration:none}
.cpw-ref img{max-width:100%;height:auto;display:block}

.cpw-ref__wrap{max-width:1200px;margin:0 auto;padding:10px 0;background:transparent !important}

.cpw-ref__grid{
  display:grid;
  gap:16px;
  align-items:stretch;
}

.cpw-ref[data-cols="2"] .cpw-ref__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cpw-ref[data-cols="3"] .cpw-ref__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cpw-ref[data-cols="4"] .cpw-ref__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cpw-ref[data-cols="5"] .cpw-ref__grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.cpw-ref[data-cols="6"] .cpw-ref__grid{grid-template-columns:repeat(6,minmax(0,1fr))}

.cpw-ref__item{
  position:relative;
  overflow:hidden;
  border-radius:calc(var(--r) + 8px);
  border:1px solid var(--line);
  background:linear-gradient(90deg, var(--card), var(--card2));
  box-shadow:0 16px 44px rgba(0,0,0,.22);
  padding:14px;
  min-height:190px;

  display:flex;
  flex-direction:column;
  gap:12px;
}

.cpw-ref__item::before{
  content:"";
  position:absolute;
  inset:-80px -60px auto auto;
  width:260px;
  height:260px;
  background:radial-gradient(circle at 30% 30%, rgba(255,230,0,.16), transparent 60%);
  pointer-events:none;
  filter:blur(2px);
  opacity:.9;
}

/* LOGO ALANI: beyaz zemin */
.cpw-ref__logo{
  position:relative;
  border-radius:18px;
  border:1px solid var(--line2);
  background:#ffffff;            /* 👈 BEYAZ ZEMİN */
  padding:16px;
  height:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}

.cpw-ref__logo:hover{
  transform:translateY(-2px);
  border-color:rgba(255,230,0,.45);
  background:#ffffff;            /* hover’da da beyaz kalsın */
}


.cpw-ref__logo img{
  width:100%;
  height:100%;
  object-fit:contain;           /* ORAN KORU */
  filter:none !important;
  opacity:1 !important;
  display:block;
}

.cpw-ref__logoPh{font-weight:900;color:var(--muted)}

.cpw-ref__name{
  font-weight:950;
  letter-spacing:-.2px;
  font-size:14px;
  color:var(--text);
}

/* Butonlar düzenli dursun diye alt alanı sabitle */
.cpw-ref__services{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.cpw-ref__chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--y),var(--y2));
  color:#0b0d10 !important;
  border:0 !important;
  font-weight:900;
  font-size:13px;
  line-height:1;
  box-shadow:0 12px 26px rgba(255,230,0,.12);
  transition:transform .15s ease, filter .15s ease;
  white-space:nowrap;
}

.cpw-ref__chip:hover{
  transform:translateY(-1px);
  filter:brightness(1.02);
}

/* ESKİ cpw-ref-logo / cpw-ref-item img çakışmalarını kapat (bozulmayı engeller) */
.cpw-ref-logo,
.cpw-reference-logo,
.cpw-ref-item img{
  width:auto !important;
  height:auto !important;
  display:block !important;
}

/* Responsive */
@media (max-width: 1100px){
  .cpw-ref[data-cols="6"] .cpw-ref__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cpw-ref[data-cols="5"] .cpw-ref__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cpw-ref[data-cols="4"] .cpw-ref__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width: 760px){
  .cpw-ref__wrap{padding:8px 0}
  .cpw-ref[data-cols="6"] .cpw-ref__grid,
  .cpw-ref[data-cols="5"] .cpw-ref__grid,
  .cpw-ref[data-cols="4"] .cpw-ref__grid,
  .cpw-ref[data-cols="3"] .cpw-ref__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpw-ref__logo{height:120px}
}

@media (max-width: 420px){
  .cpw-ref[data-cols="6"] .cpw-ref__grid,
  .cpw-ref[data-cols="5"] .cpw-ref__grid,
  .cpw-ref[data-cols="4"] .cpw-ref__grid,
  .cpw-ref[data-cols="3"] .cpw-ref__grid,
  .cpw-ref[data-cols="2"] .cpw-ref__grid{grid-template-columns:1fr}
  .cpw-ref__logo{height:110px}
}