:root{--primary-button-color: #66BCF1; --main-third-color: #8b5cf6; --main-fourth-color: #66BCF1; --main-second-color: #eff8ff; --product-card-bg: #fff; --product-card-border: #d2e4f6; --product-card-color: #66BCF1; --border-radius: 6px;} .product-card--title {
    font-size: 13px !important;
    color: #15284b !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    
    /* Hizalama Ayarı */
    text-align: left !important; /* İki satırın da soldan aynı hizada başlamasını sağlar */
    
    /* Yükseklik ve Satır Aralığı (13px font için optimize edildi) */
    line-height: 16px !important; 
    height: auto !important;
    max-height: 32px !important; 
    
    white-space: normal !important;
    word-break: normal !important; 
    overflow-wrap: break-word !important; 
    width: 100% !important;
}
/* ============================================================
   PoliTak Checkout — Hediye Widget Düzenlemeleri (CSS-only)
   ============================================================ */

/* === 1) CHECKOUT KİLİDİ ===
   Hediye "Sepete Ekle" butonu aktifken (seçili ama eklenmemiş hediye var)
   "Alışverişi Tamamla" butonunu pasifleştir */
body:has(.section-title.justify-space-between button.v-btn:not(.v-btn--disabled)) .btn-success {
  pointer-events: none !important;
  opacity: .45 !important;
  cursor: not-allowed !important;
}

/* Kilit aktifken kullanıcıya nedenini göster */
body:has(.section-title.justify-space-between button.v-btn:not(.v-btn--disabled)) div:has(> .btn-success)::after {
  content: "Hediyenizi unutmayın! Alışverişinize devam etmeden önce lütfen seçtiğiniz ücretsiz hediyeyi sepetinize ekleyin.";
  display: block;
  margin: 6px 0 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: #c0392b;
  margin-left: 22px
}

/* === 2) HEDİYE BÖLÜMÜ DÜZENİ ===
   Başlık satırını dikey diz: başlık metni üstte, sayaç + 'Sepete Ekle' altta */
.section-title.justify-space-between {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.section-title.justify-space-between > .d-flex.align-center {
  width: 100%;
  justify-content: flex-end;
  margin-top: 10px;
}

/* === 3) SAYAÇ AÇIKLAMASI ===
   "0/1" sayacının yanına açıklama ekle */
.section-title.justify-space-between .d-flex.align-center > div:first-child::after {
  content: " (Seçilen / Hediye hakkın)";
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  white-space: nowrap;
}

/* === 2) HEDİYE BÖLÜMÜ DÜZENİ (güncellendi: sola hizalı) === */
.section-title.justify-space-between {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.section-title.justify-space-between > .d-flex.align-center {
  width: 100%;
  justify-content: flex-start;   /* sağdan sola alındı */
  margin-top: 10px;
}

/* === 4) HEDİYE 'SEPETE EKLE' BUTONU — AKTİF DURUM VURGUSU === */
/* Aktif (basılabilir) buton: dolu yeşil, dikkat çekici */
.section-title.justify-space-between .d-flex.align-center button.v-btn:not(.v-btn--disabled) {
  background-color: #16a34a !important;
  color: #fff !important;
  border-color: #16a34a !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(22,163,74,.35) !important;
}
.section-title.justify-space-between .d-flex.align-center button.v-btn:not(.v-btn--disabled) .v-btn__content {
  color: #fff !important;
}


/* Pasif (seçim yok / limit aşımı) buton: görünür ama basılamaz tonu */
.section-title.justify-space-between .d-flex.align-center button.v-btn.v-btn--disabled {
  background-color: #e5e7eb !important;
  color: #374151 !important;
  border: 1px solid #9ca3af !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.section-title.justify-space-between .d-flex.align-center button.v-btn.v-btn--disabled .v-btn__content {
  color: #374151 !important;
}

<span class="v-btn__content" data-no-activator="">Ürün Seç</span>

.cargo-information[data-v-58972ba6] {
    padding: 0px;