/* ======================================
   SOURCE: /assets/3e-payment-bubbles-fix.css?v=20260729-payment-outer-size-final-1
   ====================================== */
/* 3E PAYMENT OUTER BUBBLE SIZE FINAL START */

/*
 * Bu dosya yalnızca dış beyaz yuvarlakların ölçüsünü değiştirir.
 * İç logoların width, height, max-width, max-height veya
 * transform değerlerine kesinlikle müdahale etmez.
 */

.three-payment-channels
.three-payment-cloud {
  gap: 24px 22px !important;
  align-items: center !important;
}

.three-payment-channels
.three-payment-bubble {
  width: 106px !important;
  height: 106px !important;

  min-width: 106px !important;
  min-height: 106px !important;

  max-width: 106px !important;
  max-height: 106px !important;

  flex: 0 0 106px !important;

  padding: 6px !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
}

/*
 * Animasyon burada yeniden tanımlanmaz.
 * Mevcut threePaymentCleanFloat animasyonu çalışmaya devam eder.
 */

@media (max-width: 760px) {
  .three-payment-channels
  .three-payment-cloud {
    gap: 16px 14px !important;
  }

  .three-payment-channels
  .three-payment-bubble {
    width: 88px !important;
    height: 88px !important;

    min-width: 88px !important;
    min-height: 88px !important;

    max-width: 88px !important;
    max-height: 88px !important;

    flex-basis: 88px !important;

    padding: 5px !important;
  }
}

/* 3E PAYMENT OUTER BUBBLE SIZE FINAL END */


/* ======================================
   SOURCE: /assets/3e-invoice-single-row.css?v=20260729-invoice-single-row-final-2
   ====================================== */
/* 3E INVOICE SINGLE ROW FINAL START */

/*
 * Masaüstünde 8 fatura logosunun tamamı tek sırada.
 */
body.page-home
.three-home-invoice-section
.three-invoice-cloud {
  display: grid !important;
  grid-template-columns:
    repeat(8, minmax(0, 1fr)) !important;

  width: 100% !important;
  max-width: none !important;

  gap: 18px !important;

  align-items: center !important;
  justify-items: center !important;

  overflow: visible !important;
}

body.page-home
.three-home-invoice-section
.three-invoice-bubble {
  margin: 0 !important;
  justify-self: center !important;
}

/*
 * Tablet ve mobilde yine tek sıra kalır.
 * Ekrana sığmazsa yatay kaydırılır, alt satıra düşmez.
 */
@media (max-width: 1100px) {
  body.page-home
  .three-home-invoice-section
  .three-invoice-cloud {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100% !important;

    gap: 14px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding: 10px 2px 14px !important;

    scroll-snap-type: x proximity;
    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
  }

  body.page-home
  .three-home-invoice-section
  .three-invoice-cloud::-webkit-scrollbar {
    display: none !important;
  }

  body.page-home
  .three-home-invoice-section
  .three-invoice-bubble {
    flex: 0 0 auto !important;
    scroll-snap-align: start;
  }
}

/* 3E INVOICE SINGLE ROW FINAL END */