/* ═══ final.css — سی‌دی کوچک‌تر، فوتر بدون عکس، و موبایل هم‌شکل دسکتاپ ═══ */

/* ── پایه: لمس و صفحه‌های بریده‌دار ── */
html{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
body{overflow-x:clip;min-width:320px}
img,video,svg{max-width:100%}
.btn,button,.choice,.drop{touch-action:manipulation}
.field input,.field textarea,.field select{font-size:max(16px,1rem)} /* جلوگیری از زوم خودکار iOS */
.btn{min-height:3rem}

/* ── سی‌دی: کوچک‌تر از قبل ── */
.cd{--s:min(58vw,13.5rem)}
.cdwrap{gap:.9rem}
.cd__cap{font-size:clamp(1rem,3.4vw,1.2rem)}
@media (min-width:64rem){.cd{--s:min(24vw,16.5rem)}}

/* ── فوتر: بدون عکس، ساده و جمع‌وجور ── */
.foot::before{display:none!important}
.foot{padding:clamp(2.2rem,6vw,3.2rem) var(--pad-x) calc(clamp(2.2rem,6vw,3.2rem) + env(safe-area-inset-bottom,0px));
  border-top:1px solid rgba(255,255,255,.08)}
.foot__names{font-size:clamp(1.5rem,4.6vw,2rem);line-height:1.5}
.foot__year{margin-top:.2rem}

/* ── لمسی‌ها: بدون hover چسبنده ── */
@media (hover:none){
  .cd:hover,.place:hover,.place:hover .place__pin,.drop:hover svg{transform:none}
  .env:hover .env__seal{transform:none}
}

/* ═══ موبایل = همان طراحی دسکتاپ، فقط مقیاس‌شده ═══ */
@media (max-width:63.99rem){
  :root{--pad-x:clamp(1.25rem,6.5vw,2.5rem);--pad-y:clamp(5rem,20vw,9rem)}

  /* صفحهٔ اول: همان چیدمان؛ نام‌ها تک‌خط مثل دسکتاپ */
  .hero{min-height:100svh;
    padding:calc(4.5rem + env(safe-area-inset-top,0px)) var(--pad-x) calc(6rem + env(safe-area-inset-bottom,0px))}
  .hero__inner{gap:clamp(1.8rem,7vw,3rem)}
  .hero__text{gap:clamp(1rem,3.6vw,1.6rem)}
  .names{flex-wrap:nowrap;gap:clamp(.4rem,2.6vw,1rem);font-size:clamp(3.6rem,19vw,8.5rem)}
  .when{font-size:clamp(.95rem,3.8vw,1.2rem);gap:clamp(.8rem,4vw,1.4rem)}
  .when i{width:clamp(1.6rem,8vw,3rem)}
  .venue span{font-size:clamp(1.5rem,6.4vw,2.1rem)}
  .venue small{font-size:clamp(.82rem,3.3vw,1rem)}
  .orn{width:min(170vw,62rem)}
  .hero__cue{bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));height:2.6rem}

  /* شعر */
  .poem .line{font-size:clamp(1.3rem,5.9vw,2.1rem);line-height:2}
  .poem .line--gap{margin-top:1.8rem}

  /* نوار عکس */
  .band{height:clamp(22rem,104vw,40rem)}

  /* شمارنده: همیشه چهار خانه در یک ردیف، بدون سرریز تا ۳۲۰px */
  .details .count{width:100%;gap:clamp(.35rem,2vw,.9rem)}
  .details .count__cell{flex:1 1 0;min-width:0;max-width:6.6rem;
    padding:clamp(.7rem,3.4vw,1.4rem) .2rem;border-radius:clamp(.6rem,2.6vw,.9rem)}
  .details .count__cell>b{font-size:clamp(1.55rem,8.6vw,3.2rem)}
  .details .count__cell>span{font-size:clamp(.66rem,2.9vw,.82rem);letter-spacing:.06em}
  .cd-label{font-size:clamp(1.05rem,4.6vw,1.5rem)}

  /* مکان */
  .place{padding:clamp(1.6rem,7vw,2.6rem) clamp(1rem,5vw,2rem)}
  .place__name{font-size:clamp(2rem,9vw,3.2rem)}
  .place__addr{font-size:clamp(.88rem,3.7vw,1.05rem);line-height:2}
  .place__addr br{display:none}
  .place__go{min-height:2.75rem;display:inline-flex;align-items:center}

  /* فرم‌ها */
  .arch{width:min(66vw,17rem)}
  .title{font-size:clamp(1.85rem,8vw,3rem)}
  .form{gap:1.9rem}
  .choice{min-height:2.75rem;display:flex;align-items:center}
  .drop{padding:clamp(1.8rem,8vw,3rem) 1rem}
  .drop__main{font-size:clamp(1.15rem,5vw,1.6rem)}
  .item__act{min-height:2.5rem;min-width:2.75rem}
  .thanks__card{width:min(92vw,28rem)}

  /* سبک‌تر برای گوشی: افکت‌های سنگین کمی ملایم‌تر */
  .js .reveal{filter:blur(7px);transform:translateY(1.4rem) scale(.98)}
  .aurora{filter:blur(18px)}
  .details .count__cell{backdrop-filter:blur(3px)}
}

/* گوشی‌های کوچک (۳۲۰ تا ۳۷۵) */
@media (max-width:23.5rem){
  .names{font-size:clamp(3.2rem,18vw,4.6rem)}
  .details .count__cell>b{font-size:1.5rem}
}

/* گوشی افقی: دقیقاً همان چیدمان دو ستونهٔ دسکتاپ */
@media (max-width:63.99rem) and (orientation:landscape) and (max-height:34rem){
  .hero{min-height:auto;padding-block:3.5rem 4rem}
  .hero__inner{grid-template-columns:1fr auto;column-gap:clamp(1.5rem,6vw,4rem);text-align:center}
  .names{font-size:clamp(3rem,10vw,5.5rem)}
  .cd{--s:min(32vh,11rem)}
  .hero__cue{display:none}
}

/* پاکت: در هر ارتفاعی کامل در صفحه جا شود */
.env{--w:min(86vw,28rem,calc((100svh - 13rem) * 1.47))}
.gate{padding-bottom:env(safe-area-inset-bottom,0px)}
@media (max-height:34rem){
  .gate__from{font-size:1rem}.gate__cta{font-size:.95rem}
}

/* شمارنده: پوشش‌دهنده تمام‌عرض باشد تا خانه‌ها فشرده نشوند */
.details__wrap>.reveal{width:100%}
.details .count{width:100%;max-width:34rem;margin-inline:auto}