.paygate{margin:24px 0;}

.paygate__gate{
  display:flex;
  gap:24px;
  align-items:flex-start;
  justify-content:flex-start;
  background:#eee8db;
  border:1px solid rgba(176,144,74,.35);
  border-radius:28px;
  padding:26px 28px;
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.paygate__icon{
  width:110px;
  height:110px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex:0 0 110px;
}
.paygate__icon img{width:100%;height:100%;object-fit:cover;display:block;}
.paygate__icon--placeholder span{font-weight:800;letter-spacing:.5px;color:#0b2346;text-transform:lowercase;}

.paygate__body{flex:1;min-width:240px;}

/* Nagłówek "Moduł Płatności" – 20px, bold (nie większy) */
.paygate__title{
  font-weight:700;
  color:#0b2346;
  font-size:20px;
  line-height:1.25;
  margin:0 0 6px;
}
@media (max-width: 640px){
  .paygate__gate{padding:18px 16px; gap:16px;}
  .paygate__icon{width:86px;height:86px;border-radius:18px;flex:0 0 86px;}
  /* nie powiększamy tytułu na mobile */
  .paygate__title{font-size:20px;}
}

.paygate__subtitle{color:#2b3d58;font-size:18px;margin-bottom:14px;}

.paygate__terms{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.paygate__checkbox{width:18px;height:18px;}
.paygate__accept{color:#1a1a1a;}
.paygate__termsLink{color:#0b2346;font-weight:800;text-decoration:underline;}

.paygate__error{margin-top:8px;min-height:18px;font-size:14px;}
.paygate__error--on{color:#c40000;font-weight:800;}

.paygate__btn{
  margin-top:14px;
  border:1px solid rgba(176,144,74,.55);
  border-radius:999px;
  padding:14px 34px;
  font-size:18px;
  font-weight:800;
  color:#0b2346;
  background:linear-gradient(180deg,#f8efb0,#ead172);
  box-shadow:0 14px 26px rgba(0,0,0,.16);
  cursor:pointer;
}
.paygate__btn:hover{filter:brightness(.99)}
.paygate__btn:active{transform:translateY(1px)}

/* ukryta treść + fade-in */
.paygate__content--revealing{opacity:0;}
.paygate__content--visible{opacity:1;transition:opacity .35s ease;}


/* ukryta treść domyślnie schowana, ale po odsłonięciu ma się pokazać */
.paygate__content[hidden]{display:none !important;}
.paygate__content{display:none;}
.paygate__content.paygate__content--revealing,
.paygate__content.paygate__content--visible{display:block !important;}
/* obniżenie okna Regulamin o 30px */
.paygate .modal-dialog{margin-top: calc(1.75rem + 30px);}
@media (max-width: 576px){
  .paygate .modal-dialog{margin-top: calc(0.5rem + 30px);}
}

/* mobile: przycisk nie może "wyjeżdżać" */
@media (max-width: 640px){
  .paygate__btn{width:100%; max-width:100%; box-sizing:border-box;}
  .paygate__gate{flex-wrap:wrap;}
  .paygate__body{min-width:0;}
}


/* Bootstrap modal – obniż o 30px */
.paygate .modal-dialog {
  transform: translateY(30px);
}

/* RWD: na mobile układ w kolumnie + przycisk na pełną szerokość */
@media (max-width: 576px) {
  .paygate__gate {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .paygate__icon {
    margin: 0 auto;
  }
  .paygate__body {
    text-align: center;
  }
  .paygate__terms {
    justify-content: center;
    flex-wrap: wrap;
  }
  .paygate__btn {
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}