.afp-radix-form, .afp-result { 
  max-width: 820px; 
  margin: 0 0;
  border: 0px solid #ebe6f4; 
  border-radius:5px; 
}
.afp-fieldset { border:1px solid #ebe6f4; border-radius:5px; padding:14px 16px; margin:14px 0; background:#fff; }
.legend { 
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  font-weight:700; 
  margin-bottom:8px; 
  color:#211e25; 
}

.legend a { 
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  font-weight:500; 
  margin-bottom:8px; 
  color:#93278f; 
}

p.afp-content {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  font-weight:500; 
  margin-bottom:8px; 
  color:#211e25;
}

p.afp-content-2 {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  font-weight:500; 
  margin-bottom:10px;
  padding-bottom: 10px; 
  color:#211e25;
}


h2.birth-chart-h2 {
  font-family: 'Philosopher', serif;
  font-size: 24px;
  line-height: 1.3;
  color: #211e25;
  margin: 0;
}

h3.birth-chart-h3 {
  font-family: 'Philosopher', serif;
  font-size: 22px;
  line-height: 1.3;
  color: #211e25;
  margin: 0;
}




.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.afp-row { margin:8px 0; }
.afp-row input[type="text"], .afp-fieldset input[type="text"], .afp-fieldset input[type="number"], .afp-fieldset select { width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:5px; }
.afp-actions { display:flex; align-items:center; gap:14px; margin-top:10px; }
.afp-btn { 
  margin-bottom: 20px;
  background:#93278f;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px; 
  color:#fff; border:0; 
  padding-top:15px;
  padding-bottom: 15px;
  padding-left: 60px;
  padding-right: 60px; 
  border-radius:5px; 
  font-weight:500; 
  cursor:pointer; 
}
.afp-btn:hover { filter:brightness(1.20); }
.afp-fieldset small {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  color: #a6a9a5;
}

.birth-chart-footer {
  border:0px solid #000;
  margin-bottom: 20px;
}

.afp-btn-2 {
  margin-bottom: 20px;
  background:#93278f;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px; 
  color:#fff; border:0; 
  padding-top:15px;
  padding-bottom: 15px;
  padding-left: 60px;
  padding-right: 60px; 
  border-radius:5px; 
  font-weight:500; 
  cursor:pointer; 
}
.afp-btn-2:hover { filter:brightness(1.20); }





.afp-msg { color:#6a56a0; font-weight:600; }
.afp-card { background:#fff; border:1px solid #ebe6f4; border-radius:16px; padding:16px; margin:16px 0; }
.afp-list { list-style:none; padding:0; margin:0; }
.afp-list li { margin:4px 0; }
.afp-list.inline { display:flex; gap:16px; flex-wrap:wrap; }

@media (max-width: 640px){ .grid-3 { grid-template-columns:1fr 1fr; } }

/* --- Astroflow Premium Card Layout --- */

.afp-card {
  display: block !important;
  background: #fff;
  border: 1px solid #ebe6f4;
  border-radius: 16px;
  padding: 16px;
  margin: 16px 0;
}

/* 1️⃣ Kép + cím egymás mellett, egy sorban */
.afp-card .afp-block-head__row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 8px;
}

/* ⬇️ és így a cím is ugyanabba a flex sorba kerül */
.afp-card .afp-block-head__row .afp-block-title {
  font-family: 'Philosopher', serif;
  font-size: 24px;
  line-height: 1.3;
  color: #211e25;
  margin: 0;
}

/* ⬇️ FONTOS: ide írd be pontosan így, hogy a kép a flexen belül legyen */
.afp-card .afp-block-head_row .afp-block-thumb {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
  display: block;
}

/* Kép balra */
.afp-card .afp-block-thumb {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
  display: block;
}

/* Cím jobbra */
.afp-card .afp-block-title {
  font-family: 'Philosopher', serif;
  font-size: 22px;
  line-height: 1.3;
  color: #211e25;
  margin: 0;
}

/* 2️⃣ Rövid leírás – új sorban a cím alatt */
.afp-card .afp-block-desc {
  display: block;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 10px;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
}

/* 3️⃣ Lista a leírás után */
.afp-card .afp-list {
  list-style: disc;
  padding-left: 22px;
  margin: 0 0 12px;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
}
.afp-card .afp-list li {
  margin: 4px 0;
}

/* 4️⃣ Szöveges értékelés legalul */
.afp-card .afp-extra-text p {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  margin: 0;
}

/* 5️⃣ Mobil nézet */
@media (max-width: 640px) {
  .afp-card .afp-block-head_row {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
  .afp-card .afp-block-thumb {
    width: 72px;
    height: 72px;
  }
  .afp-card .afp-block-title {
    font-size: 20px;
  }
  .afp-card .afp-block-desc,
  .afp-card .afp-extra-text p,
  .afp-card .afp-list li {
    font-size: 17px;
  }
}

/* Mobilon is férjen el a 3 mező egy sorban */
@media (max-width: 640px) {
  .grid-3 {
    display: flex;
    justify-content: space-between;
    gap: 6px;
  }

  .grid-3 select,
  .grid-3 input {
    flex: 1 1 0;
    min-width: 0;
    font-size: 15px;
    padding: 8px 6px;
  }
}

/* --- Mobil Safari input fix --- */
.afp-fieldset input,
.afp-fieldset select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  padding: 10px 12px !important;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

/* iOS belső árnyék eltüntetése */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}