:root{--primary-button-color: #15284b; --main-third-color: #8b5cf6; --main-fourth-color: #00c753; --main-second-color: #eff8ff; --product-card-bg: #fff; --product-card-border: #d2e4f6; --product-card-color: #15284b; --border-radius: 6px;} /* ==========================================
   1. GÜNCEL LOGO VE HEADER DÜZENLEMESİ + KAMPANYA ROZETİ
   ========================================== */

/* Logo ve Rozetin Yan Yana Hizalanması */
.checkout-header .logo,
.checkout-header a,
.header-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important; /* Logo ile rozet arasındaki mesafe */
}

/* Mevcut Logo Stilleri */
.checkout-header img, 
.header-logo img,
img[src*="markahit"] {
  content: url("https://static.ticimax.cloud/2477/Uploads/HeaderTasarim/Header1/1bdb6e85-211f-4a62-b671-1c736130370c.jpg") !important;
  max-height: 56px !important; /* Logo yüksekliği %25 artırıldı */
  width: auto !important;
  object-fit: contain !important;
}

/* Logonun Yanına Eklenen 2. Ürün %30 İndirim Rozeti */
.checkout-header img::after,
.header-logo::after {
  content: "2. ÜRÜNÜ SEPETE EKLE %30 İNDİRİMİ KAP!";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #e63946 0%, #d62828 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 8px rgba(230, 57, 70, 0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
  animation: pulse 2s infinite !important;
}

/* Dikkat Çekici Hafif Yanıp Sönme Animasyonu */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

header, .checkout-header {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid #eaeaea !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}