/* ═══ pro.css — ارتقای پاکت، صفحهٔ اول، شمارش‌معکوس و پس‌زمینه‌های عکس ═══ */

/* ── پاکت: زغالی لوکس با آستر روشن و مهر نقره‌ای ── */
.gate{background:radial-gradient(ellipse at 50% 40%,#fff 0%,#f3f0ea 52%,#e6e2da 100%)}
.gate::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-radial-gradient(circle at 50% 42%,transparent 0 34px,rgba(42,42,42,.045) 34px 35px);
  -webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0,transparent 68%);mask-image:radial-gradient(circle at 50% 42%,#000 0,transparent 68%)}
.gate__from{font-size:clamp(1.2rem,4.4vw,1.6rem);letter-spacing:.06em;color:var(--slate);position:relative}
.gate__from::before,.gate__from::after{content:"";width:2.2rem;height:1px;background:linear-gradient(90deg,transparent,#8c8c8c);align-self:center}
.gate__from::after{transform:scaleX(-1)}
.gate__cta{font-size:clamp(1.05rem,3.8vw,1.35rem);letter-spacing:.14em;color:var(--slate)}
.env{--w:min(86vw,28rem)}
.env__back{filter:drop-shadow(0 2.2rem 2rem rgba(20,20,20,.32)) drop-shadow(0 .3rem .5rem rgba(0,0,0,.2))}
#eb stop:first-child{stop-color:#232427}#eb stop:last-child{stop-color:#34363a}
#fl stop:first-child{stop-color:#4d5057}#fl stop:last-child{stop-color:#2d2f33}
#fr stop:first-child{stop-color:#454850}#fr stop:last-child{stop-color:#292b2f}
#fb stop:first-child{stop-color:#5a5d64}#fb stop:last-child{stop-color:#303236}
#ff stop:first-child{stop-color:#63676e}#ff stop:last-child{stop-color:#2e3034}
#lg stop{stop-color:#ece8e0}
#liner path{stroke:#b9b3a6}#liner circle{fill:#b9b3a6}
.env__front path{stroke:#fff;stroke-opacity:.16}
.flap__f polyline{stroke:#fff;stroke-opacity:.38}
.flap__b polyline{stroke:#9a958a;stroke-width:.4}
.env__card{background:linear-gradient(180deg,#fff,#f1ede5);box-shadow:0 .4rem 1.6rem rgba(0,0,0,.22)}
.card__in{outline:1px solid rgba(42,42,42,.28);gap:.25rem}
.card__in b{font-family:var(--display)}
.env__tag{font-family:var(--display);color:#f4f4f4;opacity:.92;letter-spacing:.08em;top:15%;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.env__seal{width:19%;filter:drop-shadow(0 .5rem .7rem rgba(0,0,0,.45))}
.env__seal>svg:first-child{display:block;width:100%;height:100%}
.seal__ring{position:absolute;left:-52%;top:-52%;width:204%;height:204%;overflow:visible;pointer-events:none;
  animation:ringSpin 26s linear infinite}
.seal__ring text{font-family:var(--latin);font-style:italic;font-size:7.2px;letter-spacing:.16em;fill:rgba(255,255,255,.78)}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.env__seal::after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1px solid rgba(255,255,255,.55);
  animation:pulseRing 2.8s ease-out infinite;pointer-events:none}
@keyframes pulseRing{from{transform:scale(.9);opacity:.8}to{transform:scale(1.9);opacity:0}}
.gate.is-open .env__seal::after{display:none}
.sprig{display:none}

/* ── صفحهٔ اول: عکس اسلاید ۵ محو و زیر محتوا ── */
.hero.on-light{overflow:hidden;isolation:isolate}
.hero.on-light::before{content:"";position:absolute;inset:-4%;z-index:0;pointer-events:none;
  background:url("../img/slide-5.jpg") center 40%/cover no-repeat;filter:grayscale(1) contrast(1.05);opacity:.5;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 66%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 66%,transparent 100%);
  animation:kenb 26s ease-in-out infinite alternate}
.hero.on-light::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 46%,rgba(247,245,240,.78) 0%,rgba(247,245,240,.46) 55%,rgba(247,245,240,.2) 100%)}
@keyframes kenb{to{transform:scale(1.09) translate3d(0,-1.5%,0)}}
.hero__inner,.hero__cue{position:relative;z-index:2}
.hero__cue{position:absolute}

/* ── بخش شعر: عکس دیگر، محو پشت متن ── */
.poem{position:relative;overflow:hidden;isolation:isolate}
.poem::before{content:"";position:absolute;inset:0;z-index:-2;
  background:url("../img/slide-4.jpg") center 28%/cover no-repeat;filter:grayscale(1);opacity:.4;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.poem::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse at 50% 50%,rgba(247,245,240,.86) 0%,rgba(247,245,240,.6) 60%,rgba(247,245,240,.35) 100%)}
.poem .line{text-shadow:0 0 22px rgba(247,245,240,.95),0 0 4px rgba(247,245,240,.9)}

/* ── شمارش‌معکوس در بخش جزئیات ── */
.details .count{opacity:1!important;filter:none!important;translate:none!important;animation:none!important;
  display:flex;justify-content:center;gap:clamp(.5rem,2.4vw,1.1rem);direction:rtl}
.details .count__cell{min-width:clamp(4.1rem,19vw,6.6rem);padding:clamp(.9rem,3vw,1.5rem) .4rem;
  border:1px solid rgba(255,255,255,.22);border-radius:.9rem;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1.2rem 2.4rem -1rem rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.details .count__cell>b{font-size:clamp(2rem,9.5vw,3.8rem);color:#fff;line-height:1.15}
.details .count__cell>span{color:var(--mist);font-size:.82rem;letter-spacing:.12em;opacity:.85}

/* ── گالری بدون تیتر ── */
.gallery{padding-top:clamp(3rem,9vw,6rem)}
.deck__frame{box-shadow:0 0 0 .5rem rgba(255,255,255,.95),0 0 0 .6rem rgba(255,255,255,.25),0 2.4rem 5rem rgba(0,0,0,.55)}

/* ═══ دور ۲: حذف اسلایدشو، عکس‌ها در بخش‌های دیگر ═══ */
.band{position:relative;height:clamp(26rem,96vw,48rem);overflow:hidden;background:var(--graphite);isolation:isolate}
.band__img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;object-position:50% 32%;
  filter:grayscale(1) contrast(1.06) brightness(.94);transform:translate3d(0,calc(var(--p,0)*9%),0) scale(1.05);will-change:transform}
.js .band__img{opacity:0;transition:opacity 1.8s ease}
.band.pro-in .band__img{opacity:1}
.band::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,var(--paper) 0,rgba(247,245,240,0) 22%,rgba(42,42,42,0) 60%,var(--graphite) 100%)}

.details,.memories{isolation:isolate;overflow:hidden}
.details::before,.memories::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:var(--bgimg) center/cover no-repeat;filter:grayscale(1);opacity:.24;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.details{--bgimg:url("../img/slide-1.jpg")}.memories{--bgimg:url("../img/slide-6.jpg")}
.details::after,.memories::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(42,42,42,.28),rgba(42,42,42,.78))}
.cd-label{font-family:var(--display);font-size:clamp(1.15rem,4.4vw,1.6rem);letter-spacing:.08em;text-align:center;color:var(--mist);margin-bottom:1.4rem;opacity:.9}

.arch{width:min(72vw,19rem);aspect-ratio:3/4;margin:0 auto clamp(2.6rem,8vw,3.8rem);position:relative;overflow:hidden;
  border-radius:999px 999px .7rem .7rem;
  box-shadow:0 0 0 .55rem var(--paper),0 0 0 .66rem rgba(42,42,42,.3),0 2.4rem 4rem -1.2rem rgba(0,0,0,.4)}
.arch img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1);transform:scale(1.14);transition:transform 2.8s var(--ease-expo)}
.arch.in img{transform:scale(1)}