/*
 * Bali Otthon Fizetés oldal
 */

.bo-payment-content{
  width:min(1160px, calc(100% - 36px));
  margin:0 auto;
  padding:clamp(20px, 3vw, 36px) 0 clamp(54px, 7vw, 92px);
}

.bo-payment-card{
  background:linear-gradient(180deg, #fff 0%, #faf9f7 100%);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 28px rgba(0,0,0,.035);
  padding:clamp(24px, 4vw, 48px);
}

.bo-payment-card h2{
  margin:0 0 18px;
  font-family:var(--bo-headline);
  font-size:clamp(36px, 4.4vw, 60px);
  line-height:1;
  font-weight:600;
}

.bo-payment-intro{
  max-width:850px;
  margin:0 0 clamp(24px, 3vw, 36px);
  color:#3f3f3f;
  font-size:15px;
  line-height:1.82;
}

.bo-payment-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:clamp(16px, 2vw, 24px);
  margin-bottom:clamp(28px, 4vw, 46px);
}

.bo-payment-method{
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:#fff;
  border:1px solid rgba(0,0,0,.07);
  padding:clamp(22px, 2.6vw, 30px);
  box-shadow:0 8px 22px rgba(0,0,0,.03);
}

.bo-payment-icon{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:20px;
}

.bo-payment-method h3{
  margin:0 0 12px;
  font-family:var(--bo-headline);
  font-size:clamp(27px, 2.7vw, 36px);
  line-height:1.04;
  font-weight:600;
}

.bo-payment-method p{
  margin:0 0 16px;
  color:#5f5f5f;
  font-size:14px;
  line-height:1.75;
}

.bo-payment-badge{
  display:inline-flex;
  align-self:flex-start;
  padding:8px 11px;
  background:#faf9f7;
  border:1px solid rgba(0,0,0,.06);
  color:#8f6f44;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.bo-payment-section{
  padding:0 0 26px;
  margin:0 0 26px;
  border-bottom:1px solid rgba(0,0,0,.07);
}

.bo-payment-section:last-child{
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}

.bo-payment-section h3{
  margin:0 0 12px;
  font-family:var(--bo-headline);
  font-size:clamp(27px, 2.8vw, 38px);
  line-height:1.06;
  font-weight:600;
}

.bo-payment-section p,
.bo-payment-section li{
  margin:0 0 10px;
  color:#3f3f3f;
  font-size:15px;
  line-height:1.78;
}

.bo-payment-section ul{
  margin:0;
  padding-left:20px;
}

.bo-payment-section a{
  color:#8f6f44;
  text-decoration:none;
  font-weight:700;
}

.bo-payment-note{
  padding:18px 20px;
  margin-top:16px;
  background:#fff;
  border:1px solid rgba(0,0,0,.07);
  color:#555;
  font-size:14px;
  line-height:1.7;
}

@media (max-width: 960px){
  .bo-payment-grid{
    grid-template-columns:1fr;
  }

  .bo-payment-method{
    min-height:auto;
  }
}

@media (max-width: 560px){
  .bo-payment-content{
    width:min(100% - 24px, 1160px);
    padding-top:18px;
  }

  .bo-payment-card{
    padding:22px 18px;
  }

  .bo-payment-icon{
    width:46px;
    height:46px;
    font-size:18px;
  }
}