/* --- 1. SİSTEM MESAJLARINI EN ÜSTE ÇIKAR (Kritik Ayar) --- */
#system_msg, .modal, .modal-backdrop, .sweet-alert, .ui-dialog { z-index: 999999 !important; }

/* --- 2. KAYAN YAZI TASARIMI --- */
.ecem-top-marquee {
    background: #c92e27 !important;
    color: #ffffff !important;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    position: relative;
    z-index: 1000 !important; /* Sistem mesajından düşük, diğerlerinden yüksek */
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
}
.marquee-content { display: flex; width: max-content; animation: marquee-hizi 30s linear infinite; }
.marquee-content span { padding-right: 50px; }
@keyframes marquee-hizi { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* --- 3. KDV DAHİL & GENEL DÜZEN --- */
.detail-extra-info { display: none !important; }
.ecem-kdv { font-size: 11px !important; font-weight: 700; color: #888; background: #fdfdfd; border: 1px solid #e0e0e0; padding: 3px 8px; border-radius: 4px; margin-right: 12px; display: inline-block; vertical-align: middle; text-transform: uppercase; }
.ecem-badge-row { display: flex !important; gap: 12px !important; margin: 20px 0 !important; }

/* --- 4. BADGE VE KUTU TASARIMI --- */
.ecem-mini-badge, .ecem-custom-description { 
    background: #ffffff !important; border: 1px solid #f0f0f0 !important; border-left: 4px solid #333 !important; 
    border-radius: 12px !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; 
}
.ecem-mini-badge { flex: 1 !important; padding: 12px 15px !important; display: flex !important; flex-direction: column !important; }
.ecem-custom-description { padding: 22px !important; margin-bottom: 25px !important; border-left-color: #c92e27 !important; display: block !important; }

/* --- 5. BAŞLIKLAR VE VERİLER --- */
.b-head { font-size: 11.5px !important; font-weight: 700 !important; color: #555 !important; text-transform: uppercase !important; margin-bottom: 6px !important; display: flex !important; align-items: center !important; letter-spacing: 0.3px !important; }
.ecem-custom-description .b-head { color: #c92e27 !important; font-size: 14px !important; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 15px !important; }
.b-val { font-size: 16px !important; font-weight: 800 !important; color: #c92e27 !important; margin-top: 1px !important; }
.b-content { font-size: 14.5px !important; line-height: 1.8 !important; color: #444 !important; white-space: pre-wrap !important; word-break: break-word !important; }

/* HOVER ZIPLAMA */
.ecem-mini-badge:hover, .ecem-custom-description:hover { transform: translateY(-5px) !important; box-shadow: 0 12px 25px rgba(201, 46, 39, 0.08) !important; }

/* RENK ŞERİTLERİ */
.st-green { border-left-color: #2ecc71 !important; }
.st-orange { border-left-color: #f39c12 !important; }
.st-red { border-left-color: #e74c3c !important; }
.st-sku { border-left-color: #34495e !important; }

@media (max-width: 768px) {
    .ecem-badge-row { gap: 8px !important; }
    .b-val { font-size: 12px !important; }
    .b-head { font-size: 10px !important; }
    .ecem-kdv { display: block !important; width: fit-content; margin-bottom: 8px !important; }
    .ecem-top-marquee { height: 30px; line-height: 30px; font-size: 11px; }
}
/*sayaç başlangıç*/
#clockdiv .clock .hours,#clockdiv .clock .minutes,#clockdiv .clock .seconds{
	font-size: 22px;
    font-weight: 700;
  	color:var(--text-400);
  	margin-right:5px;
}
#clockdiv .clock .smalltext{
	font-size: 22px;
    font-weight: 300;
  	color:var(--text-400);
}
#clockdiv .description1{
	font-size: 18px;
    font-weight: 500;
  	color:var(--text-400);
}
#clockdiv .description2{
	font-size: 20px;
    font-weight: 700;
  	color:#dc3545;
}
.urun_detay_orta .urun_ikonlar{
	flex-wrap:wrap;
  	margin-top:1rem;
}
#clockdiv{
	margin-bottom:1rem !important;
}
.urun_detay_orta .urun_ikonlar .ayni_gun_kargo_urun .saat,.urun_detay_orta .urun_ikonlar .ayni_gun_kargo_urun .verilen{
  	font-size: 12px;
    color: var(--text-400);
    line-height: 12px;
}
.urun_detay_orta .urun_ikonlar .ayni_gun_kargo_urun .ayni{
	font-weight:500;
}
/*sayaç bitiş*/

.urun_detay_orta li.current-rating {
    width: 100% !important;
}

/*sayaç başlangıç*/
#clockdiv .clock .hours,#clockdiv .clock .minutes,#clockdiv .clock .seconds{
	font-size: 22px;
    font-weight: 700;
  	color:var(--text-400);
  	margin-right:5px;
}
#clockdiv .clock .smalltext{
	font-size: 22px;
    font-weight: 300;
  	color:var(--text-400);
}
#clockdiv .description1{
	font-size: 18px;
    font-weight: 500;
  	color:var(--text-400);
}
#clockdiv .description2{
	font-size: 20px;
    font-weight: 700;
  	color:#dc3545;
}
.urun_detay_orta .urun_ikonlar{
	flex-wrap:wrap;
  	margin-top:1rem;
}
#clockdiv{
	margin-bottom:1rem !important;
}
.urun_detay_orta .urun_ikonlar .ayni_gun_kargo_urun .saat,.urun_detay_orta .urun_ikonlar .ayni_gun_kargo_urun .verilen{
  	font-size: 12px;
    color: var(--text-400);
    line-height: 12px;
}
.urun_detay_orta .urun_ikonlar .ayni_gun_kargo_urun .ayni{
	font-weight:500;
}
/*sayaç bitiş*/

.urun_detay_orta li.current-rating {
    width: 100% !important;
}
/*sayaç bitiş*/