:root{--primary-button-color: #15284b; --main-third-color: #8b5cf6; --main-fourth-color: #00c753; --main-second-color: #eff8ff; --border-radius: 6px; --product-card-bg: #fff; --product-card-border: #d2e4f6; --product-card-color: #15284b;} <style>
/* CHECKOUT LOGO BOYUTU (Sipariş Tamamla) */
.checkout-header .logo{ 
  display:flex; align-items:center; justify-content:center;
}

/* Scoped CSS'i ezmek için yüksek spesifiklik + !important */
.checkout-header .logo img,
.logo img[data-v-8c5aa6c3],
.logo[data-v-8c5aa6c3] img[data-v-8c5aa6c3]{
  max-height:100px !important;   /* istediğin yükseklik */
  height:auto !important;
  width:auto !important;
  object-fit:contain;
  min-height:30px;                /* istersen silebilirsin */
}

/* Telefonlarda biraz küçült (isteğe bağlı) */
@media (max-width: 575.98px){
  .checkout-header .logo img{ max-height:72px !important; }
}
</style>

<script>
/* Vue komponenti yeniden render olursa logoyu tekrar ayarla (garanti) */
(function(){
  function apply(){
    var img = document.querySelector('.checkout-header .logo img');
    if (img){
      img.style.setProperty('max-height','100px','important');
      img.style.removeProperty('min-height');
    }
  }
  // İlk yükleme + sonradan render
  document.addEventListener('DOMContentLoaded', apply);
  apply();
  new MutationObserver(apply).observe(document.body, {subtree:true, childList:true});
})();
</script>