/* ============================================
   استایل اختصاصی صفحه‌ی فال قهوه
============================================ */

.ghahve-hero{
  min-height:50vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:150px 6vw 50px;
  position:relative;
  z-index:1;
}
.ghahve-hero .eyebrow{color:var(--teal); letter-spacing:2px; font-size:0.8rem; margin-bottom:16px;}
.ghahve-hero h1{font-size:clamp(2rem,5vw,3.4rem); color:var(--gold-soft); margin-bottom:18px;}
.ghahve-hero p{max-width:540px; color:var(--text-muted); line-height:2;}

.ghahve-stage{max-width:720px; margin:0 auto; padding:0 6vw 120px; position:relative; z-index:1;}

/* راهنمای مراحل (استفاده از همان .steps تعریف‌شده در main.css) */
.ghahve-guide{margin-bottom:60px;}
.ghahve-guide .step{padding:24px 0;}

.guide-cta{text-align:center; margin-top:10px;}

/* فرم */
.ghahve-form{
  background:linear-gradient(165deg, var(--surface-2), var(--surface));
  border:1px solid var(--line);
  border-radius:20px;
  padding:36px 28px;
}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media(max-width:560px){ .form-row{grid-template-columns:1fr;} }

.upload-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:24px 0 8px;
}
@media(max-width:560px){ .upload-grid{grid-template-columns:1fr;} }

.upload-box{
  position:relative;
  border:1.5px dashed var(--line);
  border-radius:16px;
  aspect-ratio:1/1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  cursor:pointer;
  overflow:hidden;
  transition:border-color .25s ease, background .25s ease;
  background:rgba(0,0,0,0.18);
}
.upload-box:hover{border-color:var(--teal);}
.upload-box.filled{border-style:solid; border-color:var(--teal);}
.upload-box input[type=file]{
  position:absolute; inset:0; opacity:0; cursor:pointer;
}
.upload-box .icon{font-size:1.8rem; color:var(--teal);}
.upload-box .label{font-size:0.82rem; color:var(--text-muted); text-align:center; padding:0 10px;}
.upload-box img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
}

.ghahve-submit{width:100%; margin-top:22px; text-align:center;}

/* در حال بررسی */
.reviewing-wrap{
  text-align:center;
  padding:60px 0;
}
.reviewing-wrap .steam{
  width:60px;height:70px;
  margin:0 auto 24px;
  position:relative;
}
.reviewing-wrap .steam span{
  position:absolute;
  bottom:0;
  width:4px;height:26px;
  border-radius:4px;
  background:linear-gradient(var(--teal), transparent);
  animation:steamRise 1.6s ease-in-out infinite;
}
.reviewing-wrap .steam span:nth-child(1){right:8px; animation-delay:0s;}
.reviewing-wrap .steam span:nth-child(2){right:28px; animation-delay:.3s;}
.reviewing-wrap .steam span:nth-child(3){right:48px; animation-delay:.6s;}
@keyframes steamRise{
  0%{transform:translateY(0) scaleY(1); opacity:0;}
  30%{opacity:0.8;}
  100%{transform:translateY(-40px) scaleY(1.4); opacity:0;}
}

/* نتیجه: نمادها */
.ghahve-result-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px,1fr));
  gap:20px;
  margin-bottom:36px;
}
.ghahve-symbol-card{
  background:linear-gradient(165deg, var(--surface-2), var(--surface));
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px 18px;
  text-align:center;
  opacity:0;
  transform:translateY(24px) scale(.9);
  animation:settleResult .7s cubic-bezier(.34,1.56,.64,1) forwards;
}
.ghahve-symbol-card:nth-child(2){animation-delay:.15s;}
.ghahve-symbol-card:nth-child(3){animation-delay:.3s;}
.ghahve-symbol-card .icon{font-size:2rem; margin-bottom:12px; display:block;}
.ghahve-symbol-card h4{color:var(--gold-soft); font-family:'Aref Ruqaa',serif; font-size:1.2rem; margin-bottom:10px;}
.ghahve-symbol-card p{color:var(--text-muted); font-size:0.88rem; line-height:1.9;}

.ghahve-note{
  font-size:0.82rem;
  color:var(--text-muted);
  text-align:center;
  border-top:1px solid var(--line);
  padding-top:20px;
  line-height:2;
}