/* =========================================
   ECEM – Compact CRO
   Minimal, küçük, güçlü
   ========================================= */

.ecem-infobar{
  background:#fff;
  border:1.5px solid #dc2626; /* ince kırmızı */
  border-radius:10px;
  padding:10px;
  margin:14px 0;

  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}

/* kart */
.ecem-card{
  padding:8px 10px;
  border-radius:8px;
  background:#fafafa;
  border:1px solid #eee;
}

/* başlık */
.ecem-label{
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.4px;
  color:#777;
  margin-bottom:2px;
}

/* değer */
.ecem-value{
  font-size:14px;
  font-weight:800;
  color:#111;
  line-height:1.2;
}

/* stok kırmızı */
.ecem-card:nth-child(2) .ecem-value{
  color:#dc2626;
}

/* ücretsiz kargo yeşil */
.ecem-free-val{
  color:#16a34a;
  font-weight:800;
}

/* hafif vurgu */
.ecem-shipping-card{
  background:#fff7f7;
  border-color:#fee2e2;
}

.ecem-free-card{
  background:#f0fdf4;
  border-color:#bbf7d0;
}

/* mobil 2x2 */
@media(max-width:768px){
  .ecem-infobar{
    grid-template-columns:repeat(2,1fr);
    gap:6px;
  }
}
/* =========================================
   ECEM – Ürün Kısa Açıklama Kutusu (STABİL)
   .detail-extra-info
   ========================================= */

.detail-extra-info{
  position: relative;
  margin: 14px 0 18px 0;
  padding: 18px 16px 16px 16px;

  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);

  line-height: 1.45;
  font-size: 13px;
  font-weight: 650;
  color: rgba(0,0,0,.82);

  transition: box-shadow .2s ease;
}

.detail-extra-info:hover{
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

/* üst etiket */
.detail-extra-info::before{
  content: "BİR BAKIŞTA ÜRÜN";
  position: absolute;
  top: -12px;
  left: 14px;

  background: #fff;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .35px;
  text-transform: uppercase;
  color:#c00000;
}

/* metin düzeni */
.detail-extra-info p{
  margin: 0 0 10px 0;
  font-weight: 650;
}

.detail-extra-info p:last-child{
  margin-bottom: 0;
}

.detail-extra-info ul{
  margin: 8px 0 0 18px;
  padding: 0;
}

.detail-extra-info li{
  margin-bottom: 6px;
  font-weight: 650;
}

/* mobil */
@media(max-width:768px){
  .detail-extra-info{
    padding: 16px 14px 14px 14px;
    font-size: 12.5px;
    border-radius: 14px;
  }

  .detail-extra-info::before{
    left: 10px;
    top: -11px;
    font-size: 10px;
  }
}