/* Arabaport Vehicle Cover — koyu dashboard kapak görseli/placeholder.
   Görsel boş kalmaz: <img> ya da kasa-tipi SVG silüet + gradient + rozet. */

.ap-cover{
  position:relative;display:block;overflow:hidden;border-radius:14px;
  background:linear-gradient(135deg,#0F1A33 0%,#16264a 48%,#0c1426 100%);
  isolation:isolate;line-height:0;text-decoration:none;
}
.ap-cover--16x9{aspect-ratio:16/9}
.ap-cover--4x3{aspect-ratio:4/3}
.ap-cover--3x2{aspect-ratio:3/2}
.ap-cover--1x1{aspect-ratio:1/1}

/* Gerçek görsel */
.ap-cover__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Placeholder silüet */
.ap-cover__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.ap-cover__ph::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 50% 18%,rgba(56,88,233,.22),transparent 60%),
             radial-gradient(80% 60% at 80% 100%,rgba(54,224,160,.12),transparent 70%);
}
.ap-cover__svg{
  position:relative;width:74%;max-width:280px;height:auto;
  color:#9fb2d6;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));
}
/* zemin yansıma çizgisi */
.ap-cover__ph::after{
  content:"";position:absolute;left:12%;right:12%;bottom:20%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(159,178,214,.5),transparent);
}
.ap-cover--b-ev .ap-cover__svg{color:#bfe9d6}
.ap-cover--b-suv .ap-cover__svg{color:#a8bbdd}

/* Üstten/alttan koyu gradient (rozet okunaklılığı) */
.ap-cover__grad{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,14,28,.35) 0%,transparent 28%,transparent 62%,rgba(8,14,28,.62) 100%);
}

/* Rozetler */
.ap-cover__badges{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;line-height:1.2;z-index:2}
.ap-cover__price{
  font:700 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;
  background:rgba(15,26,51,.82);backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:8px;
}
.ap-cover__score{
  margin-left:auto;font:800 12px/1 system-ui,sans-serif;color:#fff;
  min-width:30px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 7px;border-radius:7px;background:#3858e9;box-shadow:0 2px 6px rgba(0,0,0,.3);
}
.ap-cover__score--high{background:#1a7f37}
.ap-cover__score--mid{background:#3858e9}
.ap-cover__score--low{background:#b26a00}

/* Placeholder model adı (görsel yokken) */
.ap-cover__name{
  position:absolute;left:12px;top:11px;right:12px;z-index:2;
  font:600 12px/1.25 system-ui,sans-serif;color:#cdd9f0;letter-spacing:.2px;
  text-shadow:0 1px 4px rgba(0,0,0,.4);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* Kaynak/atıf */
.ap-cover__cred{
  position:absolute;right:8px;top:8px;z-index:2;
  font:600 10px/1 system-ui,sans-serif;color:rgba(255,255,255,.78);
  background:rgba(8,14,28,.55);padding:3px 6px;border-radius:6px;text-decoration:none;
}
.ap-cover__cred:hover{color:#fff}

a.ap-cover{transition:transform .18s ease,box-shadow .18s ease}
a.ap-cover:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(8,14,28,.28)}

@media (max-width:600px){
  .ap-cover__price{font-size:12px;padding:5px 8px}
  .ap-cover__svg{width:80%}
}

/* Sabit-yükseklikli konteyner içine oturt (model kartı 104px, hero 220px). */
.ap-model-hero__media{position:relative;overflow:hidden;padding:0}
.ap-model-card__img .ap-cover,
.ap-model-hero__media .ap-cover{
  position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;aspect-ratio:auto;
}
.ap-model-hero__media .ap-cover{border-radius:var(--r-lg,12px)}