/* بخش استوری صفحه اول */
.upseo-stories{max-width:1280px;margin:0 auto;padding:2rem 1rem 0}
.upseo-stories-row{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 14px;direction:ltr;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.upseo-stories-row::-webkit-scrollbar{display:none}
.upseo-story-circle{flex:0 0 auto;background:none;border:0;padding:0;cursor:pointer;text-align:center;width:104px;font:inherit;color:inherit;direction:rtl}
.upseo-story-ring{display:block;width:104px;height:104px;padding:4px;border-radius:50%;background:linear-gradient(45deg,#fdc468,#f9531f 35%,#d6249f 65%,#7b2ff7);transition:transform .2s}
.upseo-story-circle:hover .upseo-story-ring{transform:scale(1.05)}
.upseo-story-circle.is-seen .upseo-story-ring{background:#9a9a9a}
.upseo-story-img{display:block;width:100%;height:100%;border-radius:50%;border:4px solid #fff;overflow:hidden;background:#e5e7eb}
.upseo-story-img img{width:100%;height:100%;object-fit:cover;display:block}
.upseo-story-name{display:none}

/* پنجره نمایش */
.upseo-sv{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.upseo-sv.is-open{display:flex}
.upseo-sv-box{position:relative;width:min(420px,100vw);height:min(86vh,760px);background:#000;border-radius:22px;overflow:hidden;color:#fff;direction:rtl}
@media (max-width:520px){.upseo-sv-box{width:100vw;height:100dvh;height:100vh;border-radius:0}}
@supports (height:100dvh){@media (max-width:520px){.upseo-sv-box{height:100dvh}}}
.upseo-sv-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.upseo-sv-media video,.upseo-sv-media img{width:100%;height:100%;object-fit:contain;display:block}
.upseo-sv-bars{position:absolute;top:10px;left:14px;right:14px;display:flex;gap:5px;direction:ltr;z-index:3}
.upseo-sv-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.upseo-sv-bar i{display:block;height:100%;width:0;background:#fff}
.upseo-sv-bar.is-done i{width:100%}
.upseo-sv-top{position:absolute;top:22px;left:0;right:0;padding:0 14px;display:flex;align-items:center;gap:10px;z-index:3;background:linear-gradient(rgba(0,0,0,.55),transparent);padding-bottom:22px;padding-top:6px}
.upseo-sv-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#333;flex:0 0 auto}
.upseo-sv-meta{flex:1;min-width:0}
.upseo-sv-title{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upseo-sv-views{font-size:12px;opacity:.8;display:flex;align-items:center;gap:5px}
.upseo-sv-btn-icon{background:none;border:0;color:#fff;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.upseo-sv-btn-icon svg{width:24px;height:24px;fill:currentColor}
.upseo-sv-tap{position:absolute;top:90px;bottom:90px;width:35%;z-index:2;background:none;border:0;padding:0;cursor:pointer}
.upseo-sv-tap.prev{left:0}
.upseo-sv-tap.next{right:0}
.upseo-sv-bottom{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 16px;display:flex;align-items:center;gap:12px;z-index:3;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.upseo-sv-cta{flex:1;display:block;text-align:center;padding:14px;border:1px solid rgba(255,255,255,.5);border-radius:30px;background:rgba(40,40,40,.85);color:#fff;text-decoration:none;font-size:15px}
.upseo-sv-cta[hidden]{display:none}
.upseo-sv-like{display:flex;align-items:center;gap:6px;background:none;border:0;color:#fff;cursor:pointer;font:inherit;font-size:14px;padding:6px;direction:ltr}
.upseo-sv-like svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2}
.upseo-sv-like.is-liked svg{fill:#ff3b5c;stroke:#ff3b5c}
.upseo-sv-spin{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:upseo-spin .8s linear infinite;z-index:1;display:none}
.upseo-sv.is-loading .upseo-sv-spin{display:block}
@keyframes upseo-spin{to{transform:rotate(360deg)}}
.upseo-sv-arrow{position:absolute;top:50%;margin-top:-26px;width:52px;height:52px;border-radius:50%;border:0;background:rgba(60,60,60,.85);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100001}
.upseo-sv-arrow svg{width:22px;height:22px;stroke:#fff;stroke-width:2.5;fill:none}
.upseo-sv-arrow.next{right:calc(50% - 210px - 80px)}
.upseo-sv-arrow.prev{left:calc(50% - 210px - 80px)}
.upseo-sv-arrow[hidden]{display:none}
@media (max-width:640px){.upseo-sv-arrow{display:none}}
body.upseo-sv-lock{overflow:hidden}

/* داخل بخش اصلی صفحه اول، زیر دکمه ها و بالای کادر سفید */
.hero{height:auto;min-height:100vh}
.hero .upseo-stories{padding:2.5rem 0 0;color:#fff}
.hero .upseo-stories-row{justify-content:safe center;gap:16px}
.hero .upseo-story-circle{width:88px}
.hero .upseo-story-ring{width:88px;height:88px;padding:3px}
.hero .upseo-story-img{border-width:3px}
.hero .upseo-story-circle.is-seen .upseo-story-ring{background:#b5b5b5}
/* جا برای کادر آمار که روی پایین بخش اصلی می افتد، تا استوری ها زیر آن نروند */
.hero{padding-bottom:100px}
@media (max-width:768px){.hero{padding-bottom:90px}}

/* فشرده کردن بخش اصلی تا عنوان، دکمه ها و استوری ها همه در یک صفحه دیده شوند و زیر منو نروند */
.hero{padding-top:110px;padding-bottom:100px}
.hero .hero-content{padding:1rem 2rem}
.hero .hero-content > span{margin-bottom:1.2rem !important}
.hero .hero-content h1{font-size:clamp(2.1rem,4vw,3.4rem);margin-bottom:1rem}
.hero .hero-content p{margin-bottom:1.8rem;font-size:clamp(.95rem,1.6vw,1.2rem)}
.hero .btn{padding:1rem 2.4rem}
.hero .upseo-stories{padding-top:1.6rem}
.hero .upseo-story-circle,.hero .upseo-story-ring{width:78px}
.hero .upseo-story-ring{height:78px}
@media (max-width:768px){.hero{padding-top:105px;padding-bottom:80px}.hero .hero-content{padding:1rem}}

/* وضوح بیشتر متن روی عکس بنر */
.hero .hero-content h1{text-shadow:0 2px 14px rgba(0,0,0,.55)}
.hero .hero-content p{opacity:1;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}