html.smile-entry-internal-app:not(.smile-app-ready) #app,
html.smile-entry-login:not(.smile-app-ready) #app{visibility:hidden}
.public-home-page{min-height:calc(100dvh - 68px);display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--primary,#078fc0);color:#fff;direction:rtl}
.public-home-page .public-home-main{min-height:calc(100dvh - 116px);display:grid;place-items:center;padding:24px;box-sizing:border-box}
.public-home-page .public-home-empty-state{margin:0;max-width:32rem;padding:12px 16px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font:850 .82rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif;text-align:center}
.public-home-page .public-home-future[hidden]{display:none!important}
.public-home-page .public-home-footer{min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));box-sizing:border-box;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.82);font:800 .68rem/1.7 Vazirmatn,Tahoma,Arial,sans-serif;text-align:center}
.public-home-page .public-home-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.public-home-static-logo{display:block;width:56px;height:56px;object-fit:contain}
html.smile-entry-public-home body,html.smile-entry-public-home .page-shell,html.smile-entry-public-home .app{min-height:100dvh;background:var(--primary,#078fc0)}
html.smile-entry-public-home body{margin:0}
html.smile-entry-public-home .app{padding-top:max(16px,env(safe-area-inset-top,0px));padding-right:max(14px,env(safe-area-inset-right,0px));padding-left:max(14px,env(safe-area-inset-left,0px))}
@media(max-width:520px){.public-home-page{min-height:calc(100dvh - 56px)}.public-home-page .public-home-main{min-height:calc(100dvh - 104px)}.public-home-static-logo{width:48px;height:48px}}
body.public-home-active{--home-slider-blue:var(--primary,#078fc0);--home-header-height:74px;background:#033b57;overflow-x:hidden}
body.public-home-active .app{position:relative;width:100%;max-width:none;min-height:100svh;padding:0!important;box-sizing:border-box}
body.public-home-active .app-header{position:fixed;z-index:40;top:0;right:0;left:0;width:100%;height:var(--home-header-height);max-width:none;margin:0;padding-top:env(safe-area-inset-top,0px);padding-right:max(20px,env(safe-area-inset-right,0px));padding-left:max(20px,env(safe-area-inset-left,0px));box-sizing:border-box;background:rgba(2,83,119,.34);border:0;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;box-shadow:0 10px 34px rgba(0,36,57,.14);backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18)}
body.public-home-active .public-home-main{display:block;min-height:0;padding:0}
body.public-home-active .public-home-page{min-height:100svh;background:#033b57}
.public-home-desktop-nav{margin-inline:auto 22px;display:flex;align-items:center;gap:4px;direction:rtl}
.public-home-desktop-nav a{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;border-radius:6px;color:#fff;text-decoration:none;font:850 .75rem/1 Vazirmatn,Tahoma,Arial,sans-serif;white-space:nowrap;transition:background-color .18s ease}
.public-home-desktop-nav a:hover,.public-home-desktop-nav a:focus-visible{background:rgba(255,255,255,.14);outline:none}
.public-home-slider{position:relative;isolation:isolate;width:100%;height:100svh;min-height:100svh;overflow:hidden;background:#033b57;color:#fff;direction:rtl;touch-action:pan-y}
.public-home-slider.is-loading{display:grid;place-items:center}
.public-home-slider-loading{display:grid;justify-items:center;gap:12px;color:rgba(255,255,255,.94);font:850 .78rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif}
.public-home-slider-loading::before{content:"";width:34px;height:34px;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:public-home-spin .8s linear infinite}
.public-home-slides{position:absolute;inset:0}
.public-home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden;background:#033b57;transition:opacity .85s cubic-bezier(.22,.61,.36,1),visibility 0s linear .85s;will-change:opacity}
.public-home-slide.is-active{opacity:1;visibility:visible;z-index:2;transition-delay:0s}
.public-home-slide-backdrop{position:absolute;z-index:0;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;object-position:var(--desktop-focal-x,50%) var(--desktop-focal-y,50%);filter:blur(18px) saturate(.9) brightness(.72);transform:scale(1.04);opacity:.86}
.public-home-slide>picture{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.public-home-slide-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:var(--desktop-focal-x,50%) var(--desktop-focal-y,50%);transform-origin:center center;will-change:transform}
.public-home-slide::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:rgba(0,37,58,.12)}
.public-home-slide::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,39,62,.54) 0%,rgba(0,62,91,.3) 34%,rgba(3,92,125,.08) 67%,rgba(2,50,74,.12) 100%)}
.public-home-slide-content{--story-card-entry:translate3d(0,24px,0);position:absolute;z-index:4;right:max(4vw,28px);left:auto;bottom:clamp(72px,9vh,96px);width:min(390px,calc(100% - max(8vw,56px)));box-sizing:border-box;display:grid;justify-items:start;gap:6px;padding:12px 14px;text-align:right;opacity:0;transform:var(--story-card-entry);transition:opacity .42s ease,transform .58s cubic-bezier(.22,.61,.36,1);pointer-events:auto;background:rgba(3,75,105,.24);border:1px solid rgba(255,255,255,.22);border-radius:8px;box-shadow:0 8px 22px rgba(0,38,57,.12);backdrop-filter:blur(5px) saturate(1.04);-webkit-backdrop-filter:blur(5px) saturate(1.04);will-change:transform,opacity}
.public-home-slide:nth-child(3n+2) .public-home-slide-content{--story-card-entry:translate3d(-28px,0,0);right:auto;left:max(4vw,28px);top:auto;bottom:clamp(72px,9vh,96px);width:min(360px,calc(100% - max(8vw,56px)))}
.public-home-slide:nth-child(3n) .public-home-slide-content{--story-card-entry:translate3d(28px,0,0);right:max(4vw,28px);left:auto;top:calc(var(--home-header-height) + clamp(28px,5vh,54px));bottom:auto}
.public-home-slide.is-active .public-home-slide-content{opacity:1;transform:translate3d(0,0,0);transition-delay:.16s}
.public-home-slide-title{max-width:100%;margin:0;color:#fff;font:800 24px/1.42 Vazirmatn,Tahoma,Arial,sans-serif;letter-spacing:0;text-wrap:balance;text-shadow:0 2px 10px rgba(0,38,57,.3)}
.public-home-slide-description{max-width:100%;margin:0;color:rgba(255,255,255,.97);font:500 12.5px/1.78 Vazirmatn,Tahoma,Arial,sans-serif;letter-spacing:0;white-space:pre-line;text-shadow:0 1px 8px rgba(0,38,57,.28);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.public-home-slide-more{min-height:28px;display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font:850 .69rem/1.5 Vazirmatn,Tahoma,Arial,sans-serif;border-bottom:1px solid rgba(255,255,255,.62);transition:color .18s ease,border-color .18s ease}
.public-home-slide-more::after{content:"↓";font:800 1rem/1 Vazirmatn,Tahoma,Arial,sans-serif}
.public-home-slide-more:hover,.public-home-slide-more:focus-visible{color:#dff7ff;border-color:#dff7ff;outline:none}
.public-home-slider-controls{position:absolute;z-index:6;inset-inline:0;bottom:20px;display:flex;justify-content:center;align-items:center;gap:10px;pointer-events:none}
.public-home-slider-dots{display:flex;align-items:center;gap:8px;direction:ltr;pointer-events:auto}
.public-home-slider-dot{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(255,255,255,.34);cursor:pointer;transition:width .2s ease,background-color .2s ease}
.public-home-slider-dot.is-active{width:27px;border-radius:9px;background:#fff}
.public-home-slider-arrow{position:absolute;z-index:7;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(1,55,82,.26);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:background-color .2s ease,border-color .2s ease}
.public-home-slider-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.public-home-slider-arrow[data-slider-prev]{right:20px}
.public-home-slider-arrow[data-slider-next]{left:20px}
.public-home-slider-empty{min-height:100svh;display:grid;place-items:center;padding:24px;text-align:center;color:#fff;font:850 .82rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif}
.public-home-page .public-home-empty-state{display:none}
.public-home-page .public-home-footer{background:var(--home-slider-blue)}
.public-home-stories{background:#eff9fd;color:#07334a;direction:rtl}
.public-home-story{scroll-margin-top:calc(var(--home-header-height) + 22px);background:#f7fcfe}
.public-home-story:nth-child(even){background:#e8f6fb}
.public-home-story-inner{width:min(100% - 36px,920px);margin:0 auto;padding:clamp(54px,8vw,94px) 0;display:grid;gap:16px;text-align:right}
.public-home-story h2{margin:0;color:#07577a;font:800 clamp(26px,3vw,40px)/1.55 Vazirmatn,Tahoma,Arial,sans-serif;letter-spacing:0}
.public-home-story-media{width:100%;margin:0;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(7,143,192,.14);border-radius:8px;background:#dceff6;box-shadow:0 10px 28px rgba(0,70,102,.08)}
.public-home-story-picture{display:block;width:100%;height:100%}
.public-home-story-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--desktop-focal-x,50%) var(--desktop-focal-y,50%)}
.public-home-story p{max-width:780px;margin:0;color:#315568;font:500 clamp(15px,1.4vw,18px)/2.05 Vazirmatn,Tahoma,Arial,sans-serif;letter-spacing:0;white-space:pre-line}
@keyframes public-home-spin{to{transform:rotate(360deg)}}
@keyframes public-home-kenburns-in{from{transform:scale(1.005)}to{transform:scale(1.055)}}
@keyframes public-home-kenburns-out{from{transform:scale(1.055)}to{transform:scale(1.005)}}
.public-home-slide.is-active:nth-child(odd) .public-home-slide-media{animation:public-home-kenburns-in 7s ease-out both}
.public-home-slide.is-active:nth-child(even) .public-home-slide-media{animation:public-home-kenburns-out 7s ease-out both}
@media(min-width:821px){
.public-home-slide.is-long-copy .public-home-slide-content{width:min(390px,calc(100% - max(8vw,56px)))}
.public-home-slide.is-long-copy .public-home-slide-title{font-size:22px}
.public-home-slide.is-long-copy .public-home-slide-description{font-size:12px}
}
@media(max-width:820px){
body.public-home-active{--home-header-height:64px}
body.public-home-active .app-header{height:calc(var(--home-header-height) + env(safe-area-inset-top,0px));min-height:var(--home-header-height);padding-right:max(14px,env(safe-area-inset-right,0px));padding-left:max(14px,env(safe-area-inset-left,0px));background:rgba(2,83,119,.3)}
.public-home-desktop-nav{display:none}
.public-home-slide-content{right:18px;left:auto;bottom:78px;width:min(330px,calc(100% - 36px));gap:6px;padding:11px 13px}
.public-home-slide:nth-child(3n+2) .public-home-slide-content{right:auto;left:18px;top:auto;bottom:78px;width:min(330px,calc(100% - 36px))}
.public-home-slide:nth-child(3n) .public-home-slide-content{right:18px;left:auto;top:calc(var(--home-header-height) + 34px);bottom:auto}
.public-home-slide-title{font-size:22px;line-height:1.42}
.public-home-slide-description{font-size:12.5px;line-height:1.78}
.public-home-slider-arrow{top:auto;bottom:15px;width:38px;height:38px;background:rgba(0,62,91,.34)}
.public-home-slider-arrow[data-slider-prev]{right:14px}
.public-home-slider-arrow[data-slider-next]{left:14px}
.public-home-slider-controls{bottom:29px}
}
@media(max-width:600px) and (orientation:portrait){
.public-home-slider{height:100svh;min-height:100svh}
.public-home-slide-backdrop{display:none}
.public-home-slide-media{object-fit:cover;object-position:center center!important}
.public-home-slide::before{background:rgba(0,37,58,.08)}
.public-home-slide::after{background:linear-gradient(0deg,rgba(0,35,57,.96) 0%,rgba(0,57,86,.84) 27%,rgba(3,102,138,.44) 52%,rgba(3,93,128,.14) 72%,rgba(2,54,79,.12) 100%)}
.public-home-slide-content{right:14px;left:auto;top:auto;bottom:70px;width:min(78vw,300px);gap:5px;padding:10px 12px;background:rgba(3,75,105,.25)}
.public-home-slide:nth-child(3n+2) .public-home-slide-content{right:auto;left:14px;top:auto;bottom:70px;width:min(78vw,300px)}
.public-home-slide:nth-child(3n) .public-home-slide-content{right:14px;left:auto;top:auto;bottom:70px}
.public-home-slide-title{font-size:clamp(19px,5.6vw,22px);line-height:1.42}
.public-home-slide-description{font-size:clamp(11.5px,3.25vw,13px);line-height:1.72;-webkit-line-clamp:4}
.public-home-story-image{object-position:var(--mobile-focal-x,50%) var(--mobile-focal-y,50%)}
}
@media(min-width:601px) and (orientation:portrait){
.public-home-slide-media{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 84%,transparent 100%)}
}
@media(max-height:540px) and (orientation:landscape){
body.public-home-active{--home-header-height:54px}
body.public-home-active .app-header{height:54px;min-height:54px;padding-top:0}
body.public-home-active .public-home-static-logo{width:46px;height:46px}
.public-home-slider{height:100svh;min-height:100svh}
.public-home-slide-content{right:7vw;left:auto;top:auto;bottom:42px;width:min(360px,52vw);gap:4px;padding:9px 11px}
.public-home-slide:nth-child(3n+2) .public-home-slide-content{right:auto;left:7vw;top:auto;bottom:42px;width:min(360px,52vw)}
.public-home-slide:nth-child(3n) .public-home-slide-content{right:7vw;left:auto;top:calc(var(--home-header-height) + 18px);bottom:auto}
.public-home-slide-title{font-size:20px;line-height:1.34}
.public-home-slide-description{font-size:11.5px;line-height:1.62;-webkit-line-clamp:2}
.public-home-slide-more{min-height:26px;font-size:.67rem}
.public-home-slider-arrow{top:50%;bottom:auto;width:38px;height:38px}
.public-home-slider-controls{bottom:14px}
.public-home-slide.is-long-copy .public-home-slide-content{width:min(380px,56vw)}
.public-home-slide.is-long-copy .public-home-slide-title{font-size:19px}
.public-home-slide.is-long-copy .public-home-slide-description{font-size:11px;line-height:1.55}
}
@media(max-width:370px) and (orientation:portrait){.public-home-slide-content{right:12px;left:auto;bottom:64px;width:min(82vw,284px);padding:9px 10px}.public-home-slide:nth-child(3n+2) .public-home-slide-content{right:auto;left:12px;top:auto;bottom:64px;width:min(82vw,284px)}.public-home-slide-title{font-size:19px}.public-home-slide-description{font-size:11.5px;line-height:1.68}.public-home-slide-more{min-height:26px}}
@media(min-width:821px){body.public-home-active .menu-button{display:none}}
@media(prefers-reduced-motion:reduce){.public-home-slide{transition:none}.public-home-slide-content{transition:none;transform:none}.public-home-slide.is-active .public-home-slide-media{animation:none;transform:none}.public-home-slider-loading::before{animation:none}.public-home-slider-arrow,.public-home-slider-dot,.public-home-slide-more{transition:none}}
/* S1381-HOME-SLIDER-TEXT-FINAL-20260722 */
.public-home-slide::after{background:linear-gradient(0deg,rgba(0,39,62,.78) 0%,rgba(0,58,88,.5) 22%,rgba(2,81,113,.2) 46%,rgba(2,81,113,.04) 68%,transparent 82%)}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
right:calc(clamp(24px,5vw,80px) + env(safe-area-inset-right,0px));
left:calc(clamp(24px,5vw,80px) + env(safe-area-inset-left,0px));
top:auto;
bottom:calc(clamp(82px,10vh,108px) + env(safe-area-inset-bottom,0px));
width:auto;
max-width:none;
gap:8px;
padding:0;
background:transparent;
background-image:none;
border:0;
border-radius:0;
box-shadow:none;
backdrop-filter:none;
-webkit-backdrop-filter:none;
}
.public-home-slide-content::before,.public-home-slide-content::after{content:none;display:none}
.public-home-slide-title,
.public-home-slide.is-long-copy .public-home-slide-title{
width:100%;
max-width:none;
font-size:clamp(34px,3.3vw,56px);
font-weight:800;
line-height:1.35;
text-wrap:wrap;
text-shadow:0 2px 8px rgba(0,34,53,.3);
}
.public-home-slide-description,
.public-home-slide.is-long-copy .public-home-slide-description{
width:100%;
max-width:none;
font-size:clamp(16px,1.3vw,21px);
font-weight:500;
line-height:1.75;
text-shadow:0 1px 6px rgba(0,34,53,.28);
}
.public-home-slide-more{
width:fit-content;
min-height:36px;
padding:0 14px;
border:0;
border-radius:7px;
background:#fff;
color:var(--home-slider-blue,#078fc0);
box-shadow:0 5px 14px rgba(0,37,58,.14);
font-size:.74rem;
transition:transform .18s ease,box-shadow .18s ease,color .18s ease;
}
.public-home-slide-more::after{font-size:.82rem}
.public-home-slide-more:hover,.public-home-slide-more:focus-visible{color:#056f98;border:0;outline:2px solid rgba(255,255,255,.7);outline-offset:2px;transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,37,58,.18)}
@media(max-width:820px){
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
right:calc(clamp(24px,5vw,42px) + env(safe-area-inset-right,0px));
left:calc(clamp(24px,5vw,42px) + env(safe-area-inset-left,0px));
top:auto;
bottom:calc(84px + env(safe-area-inset-bottom,0px));
width:auto;
gap:7px;
padding:0;
background:transparent;
}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{font-size:clamp(28px,5vw,38px);line-height:1.35}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{font-size:clamp(14px,2.2vw,17px);line-height:1.75}
.public-home-slider-arrow{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.public-home-slider-controls{bottom:calc(27px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px) and (orientation:portrait){
.public-home-slide::after{background:linear-gradient(0deg,rgba(0,35,57,.9) 0%,rgba(0,57,86,.66) 24%,rgba(3,94,128,.3) 48%,rgba(3,93,128,.06) 70%,transparent 82%)}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
right:calc(24px + env(safe-area-inset-right,0px));
left:calc(24px + env(safe-area-inset-left,0px));
top:auto;
bottom:calc(84px + env(safe-area-inset-bottom,0px));
width:auto;
gap:7px;
padding:0;
background:transparent;
}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{font-size:clamp(26px,7vw,34px);line-height:1.35}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{font-size:clamp(14px,3.8vw,17px);line-height:1.75;-webkit-line-clamp:4}
.public-home-slide-more{min-height:34px;padding:0 13px;font-size:.72rem}
}
@media(max-height:540px) and (orientation:landscape){
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
right:calc(64px + env(safe-area-inset-right,0px));
left:calc(64px + env(safe-area-inset-left,0px));
top:auto;
bottom:calc(48px + env(safe-area-inset-bottom,0px));
width:auto;
gap:4px;
padding:0;
background:transparent;
}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{font-size:clamp(20px,3.2vw,28px);line-height:1.28}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{font-size:clamp(12px,1.8vw,14px);line-height:1.55;-webkit-line-clamp:2}
.public-home-slide-more{min-height:30px;padding:0 11px;font-size:.68rem}
}
@media(max-width:370px) and (orientation:portrait){
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{right:calc(24px + env(safe-area-inset-right,0px));left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(78px + env(safe-area-inset-bottom,0px));width:auto;padding:0}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{font-size:26px}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{font-size:14px;line-height:1.7}
}
/* S1400-PUBLIC-HOME-NEWS-CARD-SLIDER-20260723 */
body.public-home-active{background:#eef8fc}
body.public-home-active .public-home-page{background:#eef8fc}
.public-home-slider{
height:auto;
min-height:100svh;
overflow:hidden;
background:#eef8fc;
color:#07334a;
}
.public-home-slides{
position:relative;
inset:auto;
display:grid;
min-height:100svh;
}
.public-home-slide{
position:relative;
inset:auto;
grid-area:1/1;
min-width:0;
min-height:100svh;
padding:calc(var(--home-header-height) + 22px) clamp(24px,5vw,84px) calc(82px + env(safe-area-inset-bottom,0px));
box-sizing:border-box;
display:grid;
align-content:start;
overflow:visible;
background:transparent;
opacity:1;
visibility:hidden;
pointer-events:none;
transition:opacity .42s ease,visibility 0s linear .42s;
will-change:auto;
}
.public-home-slide.is-active{
z-index:2;
opacity:1;
visibility:visible;
pointer-events:auto;
transition-delay:0s;
}
.public-home-slide-backdrop{display:none!important}
.public-home-slide::before,.public-home-slide::after{content:none;display:none}
.public-home-slide>picture{
position:relative;
z-index:1;
inset:auto;
display:block;
width:min(100%,1440px,calc((100svh - var(--home-header-height) - 116px) * 16 / 9));
height:auto;
margin:0 auto;
aspect-ratio:16/9;
overflow:hidden;
border:1px solid rgba(7,143,192,.12);
border-radius:26px 26px 14px 14px;
background:#dceff6;
box-shadow:0 14px 36px rgba(0,64,94,.09);
}
.public-home-slide-media{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:var(--desktop-focal-x,50%) var(--desktop-focal-y,50%);
transform:none!important;
animation:none!important;
will-change:auto;
}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
position:relative;
z-index:4;
right:auto;
left:auto;
top:auto;
bottom:auto;
width:min(calc(100% - clamp(24px,4vw,64px)),1180px);
max-width:none;
margin:-28px auto 0;
padding:clamp(22px,3vw,38px) clamp(20px,4vw,52px);
box-sizing:border-box;
display:grid;
justify-items:center;
gap:12px;
background:#fff;
background-image:none;
border:1px solid rgba(7,143,192,.14);
border-radius:26px;
box-shadow:0 14px 34px rgba(0,67,98,.1);
backdrop-filter:none;
-webkit-backdrop-filter:none;
color:#07334a;
text-align:center;
opacity:1;
transform:translate3d(0,24px,0);
transition:opacity .34s ease,transform .48s cubic-bezier(.22,.61,.36,1);
will-change:transform,opacity;
}
.public-home-slide.is-active .public-home-slide-content{
opacity:1;
transform:translate3d(0,0,0);
transition-delay:.12s;
}
.public-home-slide-title,
.public-home-slide.is-long-copy .public-home-slide-title{
width:100%;
max-width:980px;
margin:0;
color:var(--home-slider-blue,#078fc0);
font-size:clamp(28px,2.5vw,44px);
font-weight:800;
line-height:1.5;
text-align:center;
text-wrap:balance;
text-shadow:none;
}
.public-home-slide-description,
.public-home-slide.is-long-copy .public-home-slide-description{
width:100%;
max-width:940px;
margin:0;
color:#234e63;
font-size:clamp(14px,1.2vw,18px);
font-weight:500;
line-height:1.9;
text-align:center;
text-shadow:none;
white-space:pre-line;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
}
.public-home-slide-more{
width:fit-content;
min-height:32px;
padding:0;
border:0;
border-bottom:1px solid rgba(7,143,192,.38);
border-radius:0;
background:transparent;
color:var(--home-slider-blue,#078fc0);
box-shadow:none;
font-size:.76rem;
transition:color .18s ease,border-color .18s ease,transform .18s ease;
}
.public-home-slide-more::after{content:"\2193";font-size:.82rem}
.public-home-slide-more:hover,.public-home-slide-more:focus-visible{
color:#056f98;
border-color:#056f98;
outline:0;
transform:translateY(1px);
box-shadow:none;
}
.public-home-slider-controls{
bottom:calc(24px + env(safe-area-inset-bottom,0px));
}
.public-home-slider-dot{
border-color:rgba(7,143,192,.7);
background:rgba(7,143,192,.18);
}
.public-home-slider-dot.is-active{background:var(--home-slider-blue,#078fc0)}
.public-home-slider-arrow{
top:calc(var(--home-header-height) + clamp(160px,24vw,360px));
bottom:auto;
width:42px;
height:42px;
border-color:rgba(7,143,192,.25);
background:#fff;
color:var(--home-slider-blue,#078fc0);
box-shadow:0 7px 20px rgba(0,58,86,.12);
backdrop-filter:none;
-webkit-backdrop-filter:none;
}
.public-home-slider-arrow[data-slider-prev]{right:clamp(8px,2vw,30px)}
.public-home-slider-arrow[data-slider-next]{left:clamp(8px,2vw,30px)}
@media(max-width:820px){
.public-home-slide{
padding:calc(var(--home-header-height) + 14px) 14px calc(76px + env(safe-area-inset-bottom,0px));
}
.public-home-slide>picture{width:100%;border-radius:22px 22px 12px 12px}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
right:auto;
left:auto;
top:auto;
bottom:auto;
width:calc(100% - 20px);
margin:-20px auto 0;
padding:22px 17px;
gap:10px;
border-radius:22px;
}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{
font-size:clamp(22px,6.4vw,30px);
line-height:1.5;
}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{
font-size:clamp(14px,3.8vw,16px);
line-height:1.85;
}
.public-home-slider-arrow{width:38px;height:38px}
.public-home-slider-controls{bottom:calc(24px + env(safe-area-inset-bottom,0px))}
}
@media(max-height:540px) and (orientation:landscape){
.public-home-slide{
padding:calc(var(--home-header-height) + 10px) 64px calc(62px + env(safe-area-inset-bottom,0px));
}
.public-home-slide>picture{width:min(88vw,900px,calc((100svh - var(--home-header-height) - 100px) * 16 / 9));aspect-ratio:16/9;border-radius:18px 18px 10px 10px}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
right:auto;
left:auto;
top:auto;
bottom:auto;
width:min(80vw,760px);
margin:-18px auto 0;
padding:14px 18px;
gap:6px;
border-radius:18px;
}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{font-size:clamp(20px,3.2vw,28px);line-height:1.35}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{font-size:clamp(12px,1.8vw,14px);line-height:1.65;-webkit-line-clamp:2}
.public-home-slide-more{min-height:28px;font-size:.7rem}
.public-home-slider-arrow{top:calc(50svh - 13px)}
.public-home-slider-controls{bottom:calc(17px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:370px) and (orientation:portrait){
.public-home-slide{padding-right:10px;padding-left:10px}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{width:calc(100% - 14px);padding:19px 14px}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{font-size:22px}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{font-size:14px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){
.public-home-slide,.public-home-slide-content{transition:none!important}
.public-home-slide-content{transform:none!important}
}
/* S1402-PUBLIC-HOME-BANNER-CAROUSEL-20260723 */
body.public-home-active{
--home-slider-gap:clamp(14px,2.1vw,28px);
background:#f4f8fa;
}
body.public-home-active .app-header{
background:var(--home-slider-blue,#078fc0);
border-bottom:0;
box-shadow:0 4px 16px rgba(0,56,82,.14);
backdrop-filter:none;
-webkit-backdrop-filter:none;
}
body.public-home-active .public-home-page{
min-height:100svh;
display:block;
background:#f4f8fa;
}
body.public-home-active .public-home-main{
min-height:100svh;
padding:calc(var(--home-header-height) + var(--home-slider-gap)) 0 clamp(52px,8vw,96px);
box-sizing:border-box;
}
.public-home-slider,
.public-home-slider.is-loading,
.public-home-slider-empty{
position:relative;
width:min(
calc(100% - clamp(24px,4vw,72px)),
1440px,
calc((100svh - var(--home-header-height) - (var(--home-slider-gap) * 2) - 52px) * 16 / 9)
);
min-height:0;
height:auto;
margin:0 auto;
overflow:hidden;
border:1px solid rgba(7,143,192,.12);
border-radius:18px;
background:#dceff6;
box-shadow:0 14px 34px rgba(0,61,91,.1);
color:#fff;
touch-action:pan-y pinch-zoom;
outline:none;
}
.public-home-slider.slider-type-public,
.public-home-slider.slider-type-editorial,
.public-home-slider-empty.slider-type-public,
.public-home-slider-empty.slider-type-editorial{
aspect-ratio:16/9;
}
.public-home-slider:focus-visible{
outline:3px solid rgba(7,143,192,.42);
outline-offset:4px;
}
.public-home-slider.is-loading{
display:grid;
place-items:center;
color:#07577a;
background:linear-gradient(100deg,#e2f1f6 18%,#f4fbfd 36%,#e2f1f6 54%);
background-size:220% 100%;
animation:public-home-skeleton 1.35s ease-in-out infinite;
}
.public-home-slider-loading{color:#07577a}
.public-home-slider-loading::before{
border-color:rgba(7,143,192,.22);
border-top-color:var(--home-slider-blue,#078fc0);
}
.public-home-slides{
position:absolute;
inset:0;
display:block;
min-height:0;
}
.public-home-slide{
position:absolute;
inset:0;
min-width:0;
min-height:0;
padding:0;
display:block;
overflow:hidden;
background:#dceff6;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate3d(100%,0,0);
transition:transform .46s cubic-bezier(.22,.61,.36,1),visibility 0s linear .46s;
will-change:transform,opacity;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
contain:paint;
}
.public-home-slide.is-active{
z-index:2;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate3d(var(--slider-drag-x,0px),0,0);
transition-delay:0s;
}
.public-home-slider[data-slide-direction="previous"] .public-home-slide:not(.is-active){
transform:translate3d(-100%,0,0);
}
.public-home-slider[data-slide-direction="next"] .public-home-slide.is-leaving{
z-index:3;
visibility:visible;
pointer-events:none;
transform:translate3d(-100%,0,0);
}
.public-home-slider[data-slide-direction="previous"] .public-home-slide.is-leaving{
z-index:3;
visibility:visible;
pointer-events:none;
transform:translate3d(100%,0,0);
}
.public-home-slider.is-dragging .public-home-slide.is-active{
transition:none;
cursor:grabbing;
}
.public-home-slide>picture{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
margin:0;
aspect-ratio:auto;
overflow:hidden;
border:0;
border-radius:0;
background:#dceff6;
box-shadow:none;
}
.public-home-slide-media{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:var(--desktop-focal-x,50%) var(--desktop-focal-y,50%);
opacity:0;
transition:opacity .26s ease;
transform:none!important;
animation:none!important;
}
.public-home-slide-media.is-loaded{opacity:1}
.public-home-slide::before{content:none;display:none}
.public-home-slide.is-media-error::before{
content:"تصویر این اسلاید در دسترس نیست";
position:absolute;
z-index:1;
inset:0;
display:grid;
place-items:center;
padding:24px;
background:linear-gradient(145deg,#dceff6,#f3fafc);
color:#315568;
font:850 .78rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif;
text-align:center;
}
.public-home-slide::after{
content:"";
position:absolute;
z-index:2;
inset:auto 0 0;
display:block;
height:52%;
pointer-events:none;
background:linear-gradient(0deg,rgba(0,35,53,.78) 0%,rgba(0,43,63,.42) 44%,transparent 100%);
}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
position:absolute;
z-index:4;
right:clamp(20px,4vw,58px);
left:clamp(20px,4vw,58px);
top:auto;
bottom:clamp(46px,6vw,76px);
width:auto;
max-width:min(760px,76%);
margin:0;
padding:0;
display:grid;
justify-items:start;
gap:7px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:#fff;
text-align:right;
opacity:0;
transform:translate3d(0,16px,0);
transition:opacity .3s ease,transform .4s cubic-bezier(.22,.61,.36,1);
backdrop-filter:none;
-webkit-backdrop-filter:none;
pointer-events:none;
}
.public-home-slide.is-active .public-home-slide-content{
opacity:1;
transform:translate3d(0,0,0);
transition-delay:.12s;
pointer-events:auto;
}
.public-home-slide-title,
.public-home-slide.is-long-copy .public-home-slide-title{
width:100%;
max-width:none;
margin:0;
color:#fff;
font-size:clamp(22px,2.5vw,40px);
font-weight:850;
line-height:1.45;
text-align:right;
text-wrap:balance;
text-shadow:0 2px 9px rgba(0,24,38,.34);
}
.public-home-slide-description,
.public-home-slide.is-long-copy .public-home-slide-description{
width:100%;
max-width:680px;
margin:0;
color:rgba(255,255,255,.94);
font-size:clamp(13px,1.15vw,17px);
font-weight:500;
line-height:1.85;
text-align:right;
text-shadow:0 1px 7px rgba(0,24,38,.32);
white-space:pre-line;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.public-home-slide-more{
width:fit-content;
min-height:30px;
padding:0;
border:0;
border-bottom:1px solid rgba(255,255,255,.64);
border-radius:0;
background:transparent;
color:#fff;
box-shadow:none;
font-size:.72rem;
pointer-events:auto;
}
.public-home-slide-more::after{content:"\2193";font-size:.78rem}
.public-home-slide-more:hover,.public-home-slide-more:focus-visible{
color:#fff;
border-color:#fff;
outline:2px solid rgba(255,255,255,.72);
outline-offset:4px;
transform:none;
}
.public-home-slider-controls{
position:absolute;
z-index:7;
inset-inline:0;
bottom:15px;
display:flex;
justify-content:center;
pointer-events:none;
}
.public-home-slider-dots{
min-height:24px;
display:flex;
align-items:center;
gap:7px;
padding:0 8px;
direction:ltr;
pointer-events:auto;
}
.public-home-slider-dot{
width:7px;
height:7px;
padding:0;
border:1px solid rgba(255,255,255,.86);
border-radius:999px;
background:rgba(255,255,255,.34);
box-shadow:0 1px 4px rgba(0,25,38,.14);
transition:width .2s ease,background-color .2s ease;
}
.public-home-slider-dot.is-active{
width:24px;
background:#fff;
}
.public-home-slider-arrow{
position:absolute;
z-index:8;
top:50%;
bottom:auto;
width:42px;
height:42px;
transform:translateY(-50%);
border:1px solid rgba(255,255,255,.62);
border-radius:50%;
background:rgba(0,40,59,.32);
color:#fff;
box-shadow:0 6px 18px rgba(0,25,38,.15);
backdrop-filter:none;
-webkit-backdrop-filter:none;
}
.public-home-slider-arrow[data-slider-prev]{right:14px}
.public-home-slider-arrow[data-slider-next]{left:14px}
.public-home-slider-arrow:focus-visible{
outline:3px solid #fff;
outline-offset:3px;
}
.public-home-stories,
.public-home-page .public-home-footer,
.public-home-page .public-home-empty-state{display:none!important}
@keyframes public-home-skeleton{
0%{background-position:100% 0}
100%{background-position:-100% 0}
}
@media(min-width:601px) and (max-width:1024px){
.public-home-slider.slider-type-public,
.public-home-slider.slider-type-editorial,
.public-home-slider-empty.slider-type-public,
.public-home-slider-empty.slider-type-editorial{aspect-ratio:16/9}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{max-width:76%;bottom:48px}
}
@media(max-width:600px) and (orientation:portrait){
body.public-home-active{--home-slider-gap:14px}
body.public-home-active .public-home-main{
padding-top:calc(var(--home-header-height) + var(--home-slider-gap) + env(safe-area-inset-top,0px));
padding-bottom:48px;
}
.public-home-slider.slider-type-public,
.public-home-slider.slider-type-editorial,
.public-home-slider-empty.slider-type-public,
.public-home-slider-empty.slider-type-editorial{
width:calc(100% - 16px);
height:auto;
aspect-ratio:16/9;
border-radius:14px;
}
.public-home-slide-media{
object-position:var(--desktop-focal-x,50%) var(--desktop-focal-y,50%);
}
.public-home-slide::after{height:68%}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
right:14px;
left:14px;
bottom:31px;
max-width:none;
gap:3px;
}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{
font-size:clamp(15px,4.4vw,20px);
line-height:1.35;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{
font-size:clamp(10px,2.8vw,12px);
line-height:1.55;
-webkit-line-clamp:3;
}
.public-home-slide-more{min-height:24px;font-size:.62rem}
.public-home-slider-arrow{
width:34px;
height:34px;
background:rgba(0,40,59,.28);
}
.public-home-slider-arrow[data-slider-prev]{right:8px}
.public-home-slider-arrow[data-slider-next]{left:8px}
.public-home-slider-controls{bottom:6px}
}
@media(max-height:540px) and (orientation:landscape){
body.public-home-active{--home-slider-gap:10px}
body.public-home-active .public-home-main{
padding-top:calc(var(--home-header-height) + 10px);
padding-bottom:32px;
}
.public-home-slider.slider-type-public,
.public-home-slider.slider-type-editorial,
.public-home-slider-empty.slider-type-public,
.public-home-slider-empty.slider-type-editorial{
width:min(calc(100% - 128px),900px);
aspect-ratio:16/9;
border-radius:14px;
}
.public-home-slide-content,
.public-home-slide:nth-child(3n+2) .public-home-slide-content,
.public-home-slide:nth-child(3n) .public-home-slide-content,
.public-home-slide.is-long-copy .public-home-slide-content{
right:22px;
left:22px;
bottom:38px;
max-width:66%;
gap:3px;
}
.public-home-slide-title,.public-home-slide.is-long-copy .public-home-slide-title{font-size:clamp(18px,2.7vw,25px);line-height:1.3}
.public-home-slide-description,.public-home-slide.is-long-copy .public-home-slide-description{font-size:clamp(11px,1.5vw,13px);line-height:1.55;-webkit-line-clamp:1}
.public-home-slide-more{min-height:25px;font-size:.64rem}
.public-home-slider-controls{bottom:8px}
}
@media(prefers-reduced-motion:reduce){
.public-home-slider.is-loading{animation:none}
.public-home-slide,.public-home-slide-content,.public-home-slide-media{transition:none!important}
}
/* S1447-PUBLIC-RANKING-SMOOTH-GESTURE-20260724 */
body.public-home-active .public-home-main{
display:grid;
grid-template-columns:minmax(0,1fr);
align-content:start;
justify-items:center;
gap:10px;
}
.public-guest-date-time{
width:min(calc(100% - clamp(24px,4vw,72px)),1440px);
min-height:30px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:0 3px;
box-sizing:border-box;
color:#6d7f88;
direction:rtl;
font:750 .68rem/1.6 Vazirmatn,Tahoma,Arial,sans-serif;
font-variant-numeric:tabular-nums;
}
.public-guest-date-time time{white-space:nowrap}
.public-guest-date-time-clock-group{
display:flex;
align-items:center;
gap:9px;
direction:ltr;
white-space:nowrap;
}
.public-guest-date-time-location{
display:inline-flex;
align-items:center;
gap:4px;
color:#819097;
direction:rtl;
font-weight:700;
}
.public-guest-date-time-location-icon{
display:inline-grid;
width:16px;
height:16px;
place-items:center;
color:#8a989e;
font:800 15px/1 Arial,sans-serif;
}
.public-guest-date-time-clock{direction:ltr;unicode-bidi:isolate;letter-spacing:0}
.public-guest-rank-ribbon{
position:relative;
isolation:isolate;
width:min(calc(100% - clamp(24px,4vw,72px)),1440px);
height:clamp(120px,11vw,150px);
overflow:hidden;
border:1px solid rgba(7,143,192,.18);
border-radius:14px;
background:#f5fbfd;
box-shadow:0 9px 24px rgba(0,61,91,.09);
color:#07334a;
touch-action:pan-y pinch-zoom;
}
.public-guest-rank-ribbon.is-loading{display:grid;place-items:center}
.public-guest-rank-ribbon-loading{
color:#54727f;
font:800 .7rem/1.7 Vazirmatn,Tahoma,Arial,sans-serif;
}
.public-guest-rank-slides{position:absolute;inset:0;overflow:hidden}
.public-guest-rank-slide{
position:absolute;
inset:0;
z-index:1;
display:grid;
grid-template-columns:clamp(96px,11vw,132px) minmax(0,1fr) clamp(72px,9vw,110px);
align-items:center;
gap:clamp(8px,2vw,24px);
padding:10px clamp(12px,3vw,34px);
box-sizing:border-box;
direction:ltr;
opacity:0;
visibility:hidden;
transform:translate3d(100%,0,0);
transition:transform .52s cubic-bezier(.22,.72,.28,1),visibility 0s linear .52s;
will-change:transform;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
contain:layout paint;
background:linear-gradient(105deg,#f3f9fb 0%,#fff 50%,#edf7fa 100%);
}
.public-guest-rank-slide.gender-male{
background:linear-gradient(105deg,#e8f6fc 0%,#fbfdff 50%,#deeff8 100%);
}
.public-guest-rank-slide.gender-female{
background:linear-gradient(105deg,#fff1f6 0%,#fffafb 50%,#f8e5ed 100%);
}
.public-guest-rank-slide.is-active,
.public-guest-rank-slide.is-stage{
opacity:1;
visibility:visible;
}
.public-guest-rank-slide.is-active{
z-index:3;
transform:translate3d(0,0,0);
transition-delay:0s;
}
.public-guest-rank-slide.is-stage{transition-delay:0s}
.public-guest-rank-slide.is-outgoing{z-index:2}
.public-guest-rank-slide.is-incoming{z-index:3}
.public-guest-rank-slide.is-dragging{transition:none!important}
.public-guest-rank-avatar{
position:relative;
z-index:3;
justify-self:start;
width:clamp(88px,10.5vw,120px);
height:clamp(88px,10.5vw,120px);
overflow:hidden;
border:3px solid #fff;
border-radius:50%;
background:#d9eef6 url('/assets/smile-logo-transparent.png?v=S1114G') center/54% auto no-repeat;
box-shadow:0 5px 17px rgba(0,67,98,.18);
}
.public-guest-rank-avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transform:translate3d(0,0,0) scale(1.001);
transform-origin:50% 50%;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
will-change:transform;
}
.public-guest-rank-avatar.is-fallback img{display:none}
.public-guest-rank-ribbon:not(.is-transitioning):not(.is-dragging) .public-guest-rank-slide.is-active .public-guest-rank-avatar img{
animation:public-guest-profile-drift 7.4s ease-in-out .45s infinite;
}
@keyframes public-guest-profile-drift{
0%,100%{transform:translate3d(-1px,0,0) scale(1.006)}
48%{transform:translate3d(1.5px,-.6px,0) scale(1.026)}
72%{transform:translate3d(.2px,.4px,0) scale(1.017)}
}
.public-guest-rank-copy{
position:relative;
z-index:3;
min-width:0;
display:grid;
align-content:center;
justify-items:start;
gap:2px;
direction:rtl;
text-align:right;
}
.public-guest-rank-copy small{
max-width:100%;
color:#078fc0;
font:850 clamp(.58rem,1.1vw,.72rem)/1.65 Vazirmatn,Tahoma,Arial,sans-serif;
overflow-wrap:anywhere;
}
.public-guest-rank-copy strong{
max-width:100%;
color:#07334a;
font:950 clamp(.84rem,1.7vw,1.16rem)/1.55 Vazirmatn,Tahoma,Arial,sans-serif;
overflow-wrap:anywhere;
}
.public-guest-rank-copy span{
color:#71858e;
font:750 clamp(.6rem,1.05vw,.72rem)/1.6 Vazirmatn,Tahoma,Arial,sans-serif;
}
.public-guest-rank-trophy{
position:relative;
z-index:3;
justify-self:end;
width:clamp(66px,8vw,98px);
max-height:112px;
object-fit:contain;
filter:drop-shadow(0 7px 8px rgba(37,48,52,.17));
transform-origin:50% 72%;
will-change:transform;
}
.public-guest-rank-ribbon:not(.is-transitioning):not(.is-dragging) .public-guest-rank-slide.is-active .public-guest-rank-trophy{
animation:public-guest-gold-trophy-float 4.8s ease-in-out infinite;
}
@keyframes public-guest-gold-trophy-float{
0%,100%{transform:translate3d(0,0,0) rotate(-.8deg)}
48%{transform:translate3d(1px,-2px,0) rotate(1.2deg)}
72%{transform:translate3d(-1px,-1px,0) rotate(.3deg)}
}
.public-guest-rank-confetti{
position:absolute;
z-index:1;
inset:0;
overflow:hidden;
opacity:0;
pointer-events:none;
transition:opacity .24s ease;
}
.public-guest-rank-confetti i{
--confetti-x:10%;
--confetti-drift:18px;
--confetti-end:-8px;
--confetti-duration:4.9s;
--confetti-delay:-1s;
position:absolute;
top:-18px;
left:var(--confetti-x);
width:8px;
height:14px;
border-radius:2px;
background:#078fc0;
opacity:.78;
animation:public-guest-confetti-fall-a var(--confetti-duration) linear var(--confetti-delay) infinite;
animation-play-state:paused;
will-change:transform;
}
.public-guest-rank-ribbon:not(.is-transitioning):not(.is-dragging) .public-guest-rank-slide.is-active .public-guest-rank-confetti{
opacity:1;
transition-delay:.12s;
}
.public-guest-rank-ribbon:not(.is-transitioning):not(.is-dragging) .public-guest-rank-slide.is-active .public-guest-rank-confetti i{
animation-play-state:running;
}
.public-guest-rank-confetti i:nth-child(3n+1){width:11px;height:11px;background:#f2bf35;--confetti-drift:-22px;--confetti-end:10px;animation-name:public-guest-confetti-fall-b}
.public-guest-rank-confetti i:nth-child(3n+2){width:7px;height:16px;background:#fff;box-shadow:0 0 0 1px rgba(7,143,192,.18);--confetti-drift:30px;--confetti-end:-14px;animation-name:public-guest-confetti-fall-c}
.public-guest-rank-confetti i:nth-child(4n){background:#9fddeb;--confetti-duration:5.5s}
.public-guest-rank-confetti i:nth-child(5n){--confetti-duration:4.35s;--confetti-delay:-3.4s}
.public-guest-rank-confetti i:nth-child(1){--confetti-x:5%;--confetti-delay:-.8s}
.public-guest-rank-confetti i:nth-child(2){--confetti-x:12%;--confetti-delay:-3.1s}
.public-guest-rank-confetti i:nth-child(3){--confetti-x:20%;--confetti-delay:-1.9s}
.public-guest-rank-confetti i:nth-child(4){--confetti-x:29%;--confetti-delay:-4.3s}
.public-guest-rank-confetti i:nth-child(5){--confetti-x:38%;--confetti-delay:-2.5s}
.public-guest-rank-confetti i:nth-child(6){--confetti-x:47%;--confetti-delay:-5.1s}
.public-guest-rank-confetti i:nth-child(7){--confetti-x:56%;--confetti-delay:-.4s}
.public-guest-rank-confetti i:nth-child(8){--confetti-x:64%;--confetti-delay:-3.8s}
.public-guest-rank-confetti i:nth-child(9){--confetti-x:72%;--confetti-delay:-2.1s}
.public-guest-rank-confetti i:nth-child(10){--confetti-x:80%;--confetti-delay:-4.8s}
.public-guest-rank-confetti i:nth-child(11){--confetti-x:88%;--confetti-delay:-1.4s}
.public-guest-rank-confetti i:nth-child(12){--confetti-x:95%;--confetti-delay:-3.5s}
.public-guest-rank-confetti i:nth-child(13){--confetti-x:9%;--confetti-delay:-4.1s}
.public-guest-rank-confetti i:nth-child(14){--confetti-x:17%;--confetti-delay:-.3s}
.public-guest-rank-confetti i:nth-child(15){--confetti-x:25%;--confetti-delay:-2.8s}
.public-guest-rank-confetti i:nth-child(16){--confetti-x:43%;--confetti-delay:-1.1s}
.public-guest-rank-confetti i:nth-child(17){--confetti-x:52%;--confetti-delay:-4.7s}
.public-guest-rank-confetti i:nth-child(18){--confetti-x:68%;--confetti-delay:-.9s}
.public-guest-rank-confetti i:nth-child(19){--confetti-x:77%;--confetti-delay:-3.9s}
.public-guest-rank-confetti i:nth-child(20){--confetti-x:91%;--confetti-delay:-2.2s}
@keyframes public-guest-confetti-fall-a{
0%{transform:translate3d(0,-18px,0) rotate(0deg)}
45%{transform:translate3d(var(--confetti-drift),76px,0) rotate(190deg)}
100%{transform:translate3d(var(--confetti-end),180px,0) rotate(420deg)}
}
@keyframes public-guest-confetti-fall-b{
0%{transform:translate3d(0,-20px,0) rotate(28deg)}
52%{transform:translate3d(calc(0px - var(--confetti-drift)),84px,0) rotate(-175deg)}
100%{transform:translate3d(var(--confetti-end),182px,0) rotate(-390deg)}
}
@keyframes public-guest-confetti-fall-c{
0%{transform:translate3d(0,-16px,0) rotate(-18deg)}
38%{transform:translate3d(var(--confetti-drift),62px,0) rotate(145deg)}
100%{transform:translate3d(calc(0px - var(--confetti-end)),184px,0) rotate(455deg)}
}
.public-guest-rank-dots{
position:absolute;
z-index:6;
bottom:1px;
left:50%;
display:flex;
gap:1px;
direction:ltr;
transform:translateX(-50%);
}
.public-guest-rank-dots[hidden]{display:none}
.public-guest-rank-dot{
position:relative;
width:28px;
height:28px;
padding:0;
border:0;
border-radius:50%;
background:transparent;
cursor:pointer;
}
.public-guest-rank-dot::after{
content:"";
position:absolute;
top:50%;
left:50%;
width:6px;
height:6px;
border-radius:50%;
background:rgba(7,143,192,.24);
transform:translate(-50%,-50%);
transition:transform .18s ease,background-color .18s ease;
}
.public-guest-rank-dot.is-active::after{background:#078fc0;transform:translate(-50%,-50%) scale(1.18)}
.public-guest-rank-dot:focus-visible{outline:2px solid #078fc0;outline-offset:-3px}
@media(max-width:600px){
body.public-home-active .public-home-main{gap:8px}
.public-guest-date-time{width:calc(100% - 24px);min-height:26px;font-size:.61rem}
.public-guest-date-time-clock-group{gap:6px}
.public-guest-date-time-location{gap:2px}
.public-guest-date-time-location-icon{width:14px;height:14px;font-size:13px}
.public-guest-rank-ribbon{width:calc(100% - 24px);height:128px;border-radius:12px}
.public-guest-rank-slide{
grid-template-columns:80px minmax(0,1fr) 62px;
gap:7px;
padding:9px 9px 14px;
}
.public-guest-rank-avatar{width:76px;height:76px;border-width:2px}
.public-guest-rank-trophy{width:59px;max-height:78px}
.public-guest-rank-copy small{font-size:.55rem;line-height:1.55}
.public-guest-rank-copy strong{font-size:.78rem;line-height:1.48}
.public-guest-rank-copy span{font-size:.57rem}
}
@media(max-width:350px){
.public-guest-date-time{gap:7px;font-size:.56rem}
.public-guest-rank-slide{grid-template-columns:70px minmax(0,1fr) 54px;padding-inline:7px}
.public-guest-rank-avatar{width:68px;height:68px}
.public-guest-rank-trophy{width:52px}
.public-guest-rank-copy strong{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
.public-guest-rank-slide{transition:none!important;transform:none!important}
.public-guest-rank-confetti i{animation:none!important}
.public-guest-rank-trophy{animation:none!important}
.public-guest-rank-avatar img{animation:none!important}
}
/* S1432-PUBLIC-QUICK-ACCESS-GRID-20260724 */
.public-quick-access{
width:min(calc(100% - clamp(24px,4vw,72px)),1440px);
box-sizing:border-box;
padding:clamp(9px,1.35vw,16px);
overflow:hidden;
border:1px solid rgba(7,143,192,.2);
border-radius:12px;
background:#f7fcfe;
box-shadow:0 7px 20px rgba(0,61,91,.07);
direction:ltr;
}
.public-quick-access-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:clamp(7px,1.25vw,18px) clamp(5px,1.1vw,16px);
direction:ltr;
}
.public-quick-access-item{
min-width:0;
min-height:clamp(96px,10.5vw,132px);
display:grid;
grid-template-rows:auto minmax(2.9em,auto);
align-content:center;
justify-items:center;
gap:3px;
padding:4px 2px;
box-sizing:border-box;
border-radius:8px;
color:#07577a;
direction:rtl;
text-decoration:none;
transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;
-webkit-tap-highlight-color:transparent;
}
.public-quick-access-item img{
display:block;
width:clamp(80px,7vw,96px);
height:clamp(80px,7vw,96px);
object-fit:contain;
pointer-events:none;
}
.public-quick-access-label{
max-width:100%;
align-self:start;
color:#07577a;
font:850 clamp(.62rem,.85vw,.76rem)/1.45 Vazirmatn,Tahoma,Arial,sans-serif;
text-align:center;
overflow-wrap:normal;
}
.public-quick-access-item:active{transform:scale(.95);opacity:.88}
.public-quick-access-item:focus-visible{
outline:2px solid #078fc0;
outline-offset:2px;
box-shadow:0 0 0 4px rgba(7,143,192,.13);
}
.public-quick-access-item.is-disabled{
opacity:.68;
cursor:default;
}
@media(hover:hover){
.public-quick-access-item[href]:hover{
transform:translateY(-2px);
box-shadow:0 7px 14px rgba(0,83,119,.09);
}
}
@media(max-width:600px){
.public-quick-access{
width:calc(100% - 24px);
padding:7px 5px;
border-radius:10px;
}
.public-quick-access-grid{gap:6px 3px}
.public-quick-access-item{
min-height:88px;
gap:1px;
padding-inline:1px;
}
.public-quick-access-item img{
width:clamp(52px,17vw,68px);
height:clamp(52px,17vw,68px);
}
.public-quick-access-label{
font-size:clamp(.54rem,2.7vw,.64rem);
line-height:1.4;
}
}
@media(max-width:350px){
.public-quick-access-item{min-height:84px}
.public-quick-access-item img{width:52px;height:52px}
.public-quick-access-label{font-size:.53rem}
}
@media(prefers-reduced-motion:reduce){
.public-quick-access-item{transition:none!important}
}
/* S1481-GUEST-HOME-SPACING-TIMING-20260726 */
body.public-home-active .public-home-main{
--guest-home-section-gap:clamp(8px,1vw,10px);
gap:var(--guest-home-section-gap);
}
.home-action-icons{
padding-block:clamp(6px,.75vw,9px);
}
.home-action-icons__grid{
row-gap:0;
}
.home-action-icons__item{
min-height:0;
grid-template-rows:auto auto;
align-content:start;
gap:0;
padding-block:1px;
animation:home-action-icon-reveal .34s cubic-bezier(.22,.8,.32,1) backwards;
}
.home-action-icons__item:nth-child(1){animation-delay:.35s}
.home-action-icons__item:nth-child(2){animation-delay:.53s}
.home-action-icons__item:nth-child(3){animation-delay:.71s}
.home-action-icons__item:nth-child(4){animation-delay:.89s}
.home-action-icons__item:nth-child(5){animation-delay:1.07s}
.home-action-icons__item:nth-child(6){animation-delay:1.25s}
.home-action-icons__item:nth-child(7){animation-delay:1.43s}
.home-action-icons__item:nth-child(8){animation-delay:1.61s}
.home-action-icons + .news-slider{
margin-top:0;
}
@keyframes home-action-icon-reveal{
from{opacity:0;transform:translate3d(0,9px,0) scale(.7)}
to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@media(max-width:600px){
.home-action-icons{
padding-block:4px;
}
.home-action-icons__grid{
row-gap:0;
}
.home-action-icons__item{
gap:0;
padding-block:0;
}
.home-action-icons + .news-slider{
margin-top:0;
}
}
@media(prefers-reduced-motion:reduce){
.home-action-icons__item{
animation:none!important;
opacity:1;
transform:none;
}
}
/* S1468-EDITORIAL-NEWS-SLIDER-ISOLATION-20260725 */
.public-home-slider.news-slider,
.public-home-slider-empty.news-slider{
width:min(calc(100% - clamp(24px,4vw,72px)),1440px);
height:auto;
aspect-ratio:auto;
overflow:hidden;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:#07334a;
isolation:isolate;
}
.news-slider .public-home-slides{
position:relative;
inset:auto;
display:block;
width:100%;
min-height:0;
overflow:hidden;
}
.news-slider .public-home-slide{
position:absolute;
inset:0 0 auto;
width:100%;
min-height:0;
display:grid;
grid-template-rows:auto auto;
align-content:start;
gap:10px;
overflow:visible;
border:0;
background:transparent;
opacity:1;
visibility:hidden;
pointer-events:none;
transform:translate3d(100%,0,0);
transition:transform .46s cubic-bezier(.22,.61,.36,1),visibility 0s linear .46s;
}
.news-slider[data-slide-direction="previous"] .public-home-slide:not(.is-active){
transform:translate3d(-100%,0,0);
}
.news-slider .public-home-slide.is-active{
position:relative;
inset:auto;
z-index:2;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate3d(var(--slider-drag-x,0px),0,0);
transition-delay:0s;
}
.news-slider .public-home-slide>picture{
position:relative;
inset:auto;
display:block;
width:100%;
height:auto;
aspect-ratio:16/9;
overflow:hidden;
border:1px solid rgba(7,143,192,.12);
border-radius:14px;
background:#dceff6;
box-shadow:0 12px 28px rgba(0,61,91,.09);
}
.news-slider .public-home-slide-media{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:var(--desktop-focal-x,50%) var(--desktop-focal-y,50%);
}
.news-slider .public-home-slide::after{content:none;display:none}
.news-slider .public-home-slide.is-media-error::before{
inset:0 0 auto;
height:calc((100% - 10px) * .5625);
box-sizing:border-box;
border-radius:14px;
}
.news-slider .public-home-slide-content,
.news-slider .public-home-slide:nth-child(3n+2) .public-home-slide-content,
.news-slider .public-home-slide:nth-child(3n) .public-home-slide-content,
.news-slider .public-home-slide.is-long-copy .public-home-slide-content{
position:relative;
z-index:4;
inset:auto;
width:100%;
max-width:none;
margin:0;
padding:clamp(14px,2.2vw,24px);
box-sizing:border-box;
display:grid;
justify-items:start;
gap:10px;
border:1px solid rgba(7,143,192,.14);
border-radius:8px;
background:#fff;
box-shadow:0 10px 24px rgba(0,61,91,.07);
color:#07334a;
text-align:right;
opacity:1;
transform:none;
transition:none;
pointer-events:auto;
}
.news-slider .public-home-slide-title,
.news-slider .public-home-slide.is-long-copy .public-home-slide-title{
width:100%;
margin:0;
color:#07577a;
font:950 clamp(1rem,2vw,1.35rem)/1.75 Vazirmatn,Tahoma,Arial,sans-serif;
text-align:right;
text-shadow:none;
letter-spacing:0;
overflow:visible;
display:block;
}
.news-slider .public-home-slide-description,
.news-slider .public-home-slide.is-long-copy .public-home-slide-description{
width:100%;
max-width:none;
margin:0;
color:#315568;
font:750 clamp(.76rem,1.25vw,.92rem)/2 Vazirmatn,Tahoma,Arial,sans-serif;
text-align:right;
text-shadow:none;
white-space:pre-line;
overflow:visible;
display:block;
-webkit-line-clamp:unset;
-webkit-box-orient:initial;
}
.news-slider .public-home-slide-more{
width:fit-content;
min-height:44px;
padding:0 15px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border:0;
border-radius:7px;
background:#078fc0;
color:#fff;
box-shadow:none;
font:900 .75rem Vazirmatn,Tahoma,Arial,sans-serif;
text-decoration:none;
}
.news-slider .public-home-slide-more::after{content:"\2190";font-size:.82rem}
.news-slider .public-home-slide-more:hover,
.news-slider .public-home-slide-more:focus-visible{
border:0;
background:#067ca8;
color:#fff;
outline:2px solid rgba(7,143,192,.34);
outline-offset:2px;
}
.news-slider .public-home-slider-arrow{
top:min(28vw,405px);
transform:translateY(-50%);
}
.news-slider .public-home-slider-controls{
top:min(calc((100vw - 24px) * .5625 - 32px),778px);
bottom:auto;
}
.news-slider .public-home-slider-dot{
border-color:rgba(255,255,255,.94);
background:rgba(255,255,255,.52);
}
.news-slider .public-home-slider-dot.is-active{background:#fff}
.public-quick-access-item[type="button"]{
border:0;
background:transparent;
font:inherit;
cursor:pointer;
}
.seller-recent-activity.is-admin-expanded{
min-height:360px;
margin-top:0;
}
.seller-recent-activity.is-admin-expanded .seller-recent-activity-viewport{height:320px}
.public-home-slider.admin-activity-replaced{display:none!important}
@media(max-width:600px){
.public-home-slider.news-slider,
.public-home-slider-empty.news-slider{width:calc(100% - 16px)}
.news-slider .public-home-slide{gap:8px}
.news-slider .public-home-slide>picture{border-radius:12px}
.news-slider .public-home-slide-content,
.news-slider .public-home-slide:nth-child(3n+2) .public-home-slide-content,
.news-slider .public-home-slide:nth-child(3n) .public-home-slide-content,
.news-slider .public-home-slide.is-long-copy .public-home-slide-content{
padding:13px 12px;
gap:8px;
}
.news-slider .public-home-slide-title,
.news-slider .public-home-slide.is-long-copy .public-home-slide-title{
font-size:.94rem;
line-height:1.75;
}
.news-slider .public-home-slide-description,
.news-slider .public-home-slide.is-long-copy .public-home-slide-description{
font-size:.74rem;
line-height:2;
}
.news-slider .public-home-slider-arrow{top:calc((100vw - 16px) * .28125)}
.news-slider .public-home-slider-controls{top:calc((100vw - 16px) * .5625 - 30px)}
.seller-recent-activity.is-admin-expanded{width:calc(100% - 16px);min-height:320px}
.seller-recent-activity.is-admin-expanded .seller-recent-activity-viewport{height:278px}
}
@media(prefers-reduced-motion:reduce){
.news-slider .public-home-slide{transition:none!important}
}
/* S1403-SIGNED-IN-TOP-RANKING-SLIDER-20260723 */
.public-home-slider.is-ranking-slider{
--rank-accent:#d7a927;
--rank-accent-soft:#fff2b9;
--rank-ink:#082f46;
border-color:rgba(7,143,192,.18);
background:#eef8fc;
}
.public-home-slider.is-ranking-slider .public-home-slide{
background:#eef8fc;
color:var(--rank-ink);
}
.public-home-slider.is-ranking-slider .public-home-slide.rank-2{
--rank-accent:#9ba8b3;
--rank-accent-soft:#e8eef2;
}
.public-home-slider.is-ranking-slider .public-home-slide.rank-3{
--rank-accent:#b86f37;
--rank-accent-soft:#f4d5bd;
}
.public-home-slider.is-ranking-slider .public-home-slide::after{content:none;display:none}
.public-home-slider.slider-type-ranking,
.public-home-slider.slider-type-admin-ranking{
aspect-ratio:16/9;
}
.signed-in-rank-stage{
position:absolute;
inset:0;
display:grid;
grid-template-columns:minmax(280px,45%) minmax(0,1fr);
align-items:center;
gap:clamp(14px,4vw,64px);
padding:calc(clamp(20px,3vw,44px) + 4px) clamp(54px,7vw,104px) clamp(42px,5vw,70px);
box-sizing:border-box;
overflow:hidden;
direction:rtl;
background:
linear-gradient(135deg,rgba(255,255,255,.96),rgba(226,244,251,.94)),
#eef8fc;
}
.signed-in-rank-stage::before{
content:"";
position:absolute;
inset:clamp(18px,3vw,42px);
border:1px solid rgba(7,143,192,.16);
border-radius:14px;
pointer-events:none;
}
.signed-in-rank-visual{
position:relative;
z-index:2;
width:min(100%,460px);
aspect-ratio:1/1;
justify-self:center;
}
.signed-in-rank-profile{
position:absolute;
z-index:1;
top:3%;
left:50%;
width:78%;
height:auto;
aspect-ratio:1/1;
transform:translateX(-50%);
display:grid;
place-items:center;
overflow:hidden;
box-sizing:border-box;
border:clamp(4px,.6vw,8px) solid var(--rank-accent);
border-radius:50%;
background:#d8edf5;
box-shadow:0 14px 32px rgba(0,57,84,.15),0 0 0 5px rgba(255,255,255,.9);
}
.signed-in-rank-profile>img,
.signed-in-rank-profile>svg,
.signed-in-rank-profile>span{
display:block;
width:100%;
height:100%;
}
.signed-in-rank-profile>img{object-fit:cover;object-position:center 28%;border-radius:50%}
.signed-in-rank-profile>svg{padding:14%;box-sizing:border-box}
.signed-in-rank-trophy{
position:absolute;
z-index:3;
right:1%;
bottom:0;
width:49%;
max-height:56%;
object-fit:contain;
object-position:center bottom;
filter:drop-shadow(0 9px 8px rgba(0,35,51,.16));
pointer-events:none;
}
.signed-in-rank-copy{
position:relative;
z-index:3;
display:grid;
justify-items:start;
gap:clamp(6px,1vw,12px);
min-width:0;
text-align:right;
}
.signed-in-rank-kicker{
margin:0;
color:#087ca6;
font:900 clamp(12px,1vw,15px)/1.8 Vazirmatn,Tahoma,Arial,sans-serif;
}
.signed-in-rank-name{
max-width:100%;
margin:0;
color:var(--rank-ink);
font:950 clamp(24px,3.2vw,48px)/1.45 Vazirmatn,Tahoma,Arial,sans-serif;
letter-spacing:0;
text-wrap:balance;
}
.signed-in-rank-position{
margin:0;
color:#315568;
font:850 clamp(14px,1.35vw,20px)/1.85 Vazirmatn,Tahoma,Arial,sans-serif;
}
.signed-in-rank-total{
margin:0;
padding:5px 10px;
border-right:3px solid var(--rank-accent);
color:#526b79;
background:rgba(255,255,255,.58);
font:800 clamp(12px,1vw,15px)/1.8 Vazirmatn,Tahoma,Arial,sans-serif;
unicode-bidi:isolate;
}
.signed-in-rank-compare{
min-height:44px;
max-width:min(100%,330px);
border:0;
border-radius:7px;
background:#078fc0;
color:#fff;
padding:9px 14px;
box-shadow:0 7px 16px rgba(7,143,192,.2);
font:900 clamp(11px,.92vw,14px)/1.65 Vazirmatn,Tahoma,Arial,sans-serif;
cursor:pointer;
transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;
}
.signed-in-rank-compare:active{transform:scale(.97);opacity:.9}
.signed-in-rank-compare:focus-visible{outline:2px solid #075f82;outline-offset:3px}
@media(hover:hover){.signed-in-rank-compare:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(7,143,192,.26)}}
@media(prefers-reduced-motion:reduce){.signed-in-rank-compare{transition:none}}
.ranking-cardex-compare-modal[hidden]{display:none!important}
.ranking-cardex-compare-modal{
position:fixed;
inset:0;
z-index:2147483500;
display:grid;
place-items:center;
padding:12px;
background:rgba(3,34,49,.66);
}
.ranking-cardex-compare-dialog{
direction:rtl;
width:min(94vw,860px);
max-height:calc(100dvh - 24px);
overflow:auto;
overscroll-behavior:contain;
border:1px solid #cde5ee;
border-radius:8px;
background:#f8fcfe;
box-shadow:0 24px 70px rgba(0,27,40,.32);
}
.ranking-cardex-compare-head{
position:sticky;
z-index:3;
top:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:54px;
padding:9px 14px;
border-bottom:1px solid #d7e8ee;
background:#fff;
}
.ranking-cardex-compare-head h2{margin:0;color:#123f52;font:950 .94rem/1.6 Vazirmatn,Tahoma}
.ranking-cardex-compare-close{
width:40px;
height:40px;
border:0;
border-radius:7px;
background:#eaf3f6;
color:#244f60;
font:950 1.3rem/1 Arial;
cursor:pointer;
}
.ranking-cardex-compare-close:focus-visible{outline:2px solid #078fc0;outline-offset:2px}
.ranking-cardex-compare-body{padding:14px;display:grid;gap:13px}
.ranking-cardex-compare-loading,.ranking-cardex-compare-error{
min-height:180px;
display:grid;
place-items:center;
padding:20px;
color:#426879;
text-align:center;
font:850 .82rem/1.9 Vazirmatn,Tahoma;
}
.ranking-cardex-compare-error{color:#9a3040}
.ranking-cardex-compare-people{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:stretch;gap:10px}
.ranking-cardex-compare-person{
min-width:0;
border:1px solid #d7e8ee;
border-radius:8px;
background:#fff;
padding:11px;
display:grid;
grid-template-columns:64px minmax(0,1fr);
align-items:center;
gap:10px;
}
.ranking-cardex-compare-avatar{width:64px;height:64px;overflow:hidden;border:3px solid #99d3e7;border-radius:50%;background:#e4f2f7}
.ranking-cardex-compare-avatar img,.ranking-cardex-compare-avatar svg,.ranking-cardex-compare-avatar span{width:100%;height:100%;display:block;object-fit:cover}
.ranking-cardex-compare-person-copy{min-width:0;display:grid;gap:2px}
.ranking-cardex-compare-person-copy small{color:#68828d;font:800 .64rem/1.5 Vazirmatn,Tahoma}
.ranking-cardex-compare-person-copy strong{overflow-wrap:anywhere;color:#123f52;font:950 .82rem/1.65 Vazirmatn,Tahoma}
.ranking-cardex-compare-person-copy span{color:#0781ad;font:900 .7rem/1.5 Vazirmatn,Tahoma}
.ranking-cardex-compare-person-action{
grid-column:1/-1;
min-height:44px;
border:1px solid #078fc0;
border-radius:7px;
background:#078fc0;
color:#fff;
padding:8px 12px;
font:900 .7rem/1.7 Vazirmatn,Tahoma;
cursor:pointer;
}
.ranking-cardex-compare-person-action:disabled{cursor:wait;opacity:.66}
.ranking-cardex-compare-person-action:focus-visible{outline:2px solid #075f82;outline-offset:2px}
.ranking-cardex-compare-stack{display:grid;gap:10px;min-width:0}
.ranking-cardex-preview-slot:empty{display:none}
.ranking-cardex-preview-slot{min-width:0}
.ranking-cardex-preview-slot .ranking-cardex-compare-loading{min-height:110px}
.ranking-cardex-compare-vs{align-self:center;color:#72909c;text-align:center;font:950 .68rem/1.5 Vazirmatn,Tahoma}
.ranking-cardex-compare-table{overflow:hidden;border:1px solid #d7e8ee;border-radius:8px;background:#fff}
.ranking-cardex-compare-row{display:grid;grid-template-columns:minmax(120px,1.35fr) repeat(3,minmax(92px,1fr));align-items:center;min-height:43px}
.ranking-cardex-compare-row+ .ranking-cardex-compare-row{border-top:1px solid #e4eef2}
.ranking-cardex-compare-row>*{min-width:0;padding:8px;text-align:center;font:850 .7rem/1.65 Vazirmatn,Tahoma;font-variant-numeric:tabular-nums}
.ranking-cardex-compare-row>b{text-align:right;color:#315866;background:#f3f9fb}
.ranking-cardex-compare-row>span{color:#173f50}
.ranking-cardex-compare-row>em{color:#087fa8;font-style:normal}
.ranking-cardex-compare-row:not(.is-head)>span,.ranking-cardex-compare-row:not(.is-head)>em{font-size:.78rem;font-weight:950}
.ranking-cardex-compare-row.is-head>*{color:#fff;background:#087fa8;font-size:.66rem}
.ranking-cardex-preview{min-width:0;margin:0;display:grid;gap:9px}
.ranking-cardex-preview>figcaption{margin:0;color:#315966;text-align:right;font:900 .76rem/1.9 Vazirmatn,Tahoma}
.ranking-cardex-preview-intro{margin:0;color:#315966;text-align:right;font:900 .76rem/1.9 Vazirmatn,Tahoma}
.ranking-cardex-preview-frame{
width:100%;
min-width:0;
max-height:min(58dvh,620px);
overflow-y:auto;
overflow-x:hidden;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
border:1px solid #cfe4ec;
border-radius:8px;
background:#eef7fa;
padding:10px;
box-sizing:border-box;
scrollbar-gutter:stable;
}
.ranking-cardex-preview-frame:focus-visible{outline:2px solid #078fc0;outline-offset:2px}
.ranking-cardex-preview-surface{
min-width:0;
border:1px solid #d9e9ef;
border-radius:8px;
background:#fff;
padding:10px;
box-shadow:0 8px 22px rgba(19,75,97,.07);
}
.ranking-cardex-preview-surface .package-person-kardex-section{padding:11px 0}
.ranking-cardex-preview-surface .package-person-kardex-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ranking-cardex-preview-surface .package-person-kardex-item{pointer-events:none}
.ranking-cardex-preview-empty,.ranking-cardex-preview-error{
min-height:130px;
display:grid;
place-items:center;
margin:0;
padding:18px;
border:1px dashed #bdd8e2;
border-radius:8px;
background:#fff;
color:#55727e;
text-align:center;
font:850 .74rem/1.9 Vazirmatn,Tahoma;
}
.ranking-cardex-preview-error{color:#9a3040}
.ranking-cardex-progress,.ranking-cardex-guidance{border:1px solid #d7e8ee;border-radius:8px;background:#fff;padding:12px;display:grid;gap:8px}
.ranking-cardex-progress h3,.ranking-cardex-guidance h3{margin:0;color:#123f52;font:950 .82rem/1.7 Vazirmatn,Tahoma}
.ranking-cardex-progress-track{height:10px;overflow:hidden;border-radius:5px;background:#dcebf0}
.ranking-cardex-progress-bar{height:100%;border-radius:inherit;background:#078fc0}
.ranking-cardex-progress p,.ranking-cardex-guidance p{margin:0;color:#55727e;font:800 .72rem/1.85 Vazirmatn,Tahoma}
.ranking-cardex-guidance ul{margin:0;padding:0 19px 0 0;color:#315966;display:grid;gap:5px;font:850 .72rem/1.8 Vazirmatn,Tahoma}
@media(max-width:620px){
.ranking-cardex-compare-modal{padding:max(7px,env(safe-area-inset-top)) 7px max(7px,env(safe-area-inset-bottom))}
.ranking-cardex-compare-dialog{width:100%;max-height:100%}
.ranking-cardex-compare-body{padding:10px}
.ranking-cardex-compare-people{grid-template-columns:minmax(0,1fr)}
.ranking-cardex-compare-vs{padding:0}
.ranking-cardex-compare-person{grid-template-columns:56px minmax(0,1fr)}
.ranking-cardex-compare-avatar{width:56px;height:56px}
.ranking-cardex-compare-row{grid-template-columns:minmax(92px,1.2fr) repeat(3,minmax(66px,1fr))}
.ranking-cardex-compare-row>*{padding:7px 4px;font-size:.62rem}
.ranking-cardex-compare-row:not(.is-head)>span,.ranking-cardex-compare-row:not(.is-head)>em{font-size:.68rem}
.ranking-cardex-preview-frame{max-height:56dvh;padding:7px}
.ranking-cardex-preview-surface{padding:7px}
.ranking-cardex-preview-surface .package-person-kardex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.signed-in-rank-compare{width:100%;max-width:290px}
}
@media(max-width:340px){
.ranking-cardex-compare-row{grid-template-columns:minmax(74px,1.12fr) repeat(3,minmax(0,1fr))}
.ranking-cardex-compare-row>*{padding:7px 2px;font-size:.57rem;overflow-wrap:anywhere}
.ranking-cardex-preview-surface .package-person-kardex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.signed-in-rank-confetti{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;contain:layout paint}
.signed-in-rank-confetti.is-depth{z-index:0;opacity:.34;filter:blur(3px);transform:scale(1.035)}
.signed-in-rank-confetti.is-foreground{z-index:1}
.signed-in-rank-confetti i{
position:absolute;
width:clamp(5px,.7vw,9px);
height:clamp(12px,1.5vw,20px);
border-radius:2px;
background:var(--rank-accent);
opacity:.72;
transform:rotate(var(--confetti-rotate,18deg));
will-change:transform,opacity;
}
.signed-in-rank-confetti i:nth-child(3n){background:#078fc0}
.signed-in-rank-confetti i:nth-child(4n){background:#fff}
.signed-in-rank-confetti i:nth-child(5n){width:clamp(8px,1vw,13px);height:clamp(8px,1vw,13px)}
.signed-in-rank-confetti i:nth-child(7n){width:clamp(4px,.5vw,7px);height:clamp(16px,1.9vw,27px)}
.signed-in-rank-confetti i:nth-child(1){top:11%;right:5%;--confetti-rotate:25deg}
.signed-in-rank-confetti i:nth-child(2){top:24%;right:13%;--confetti-rotate:-32deg}
.signed-in-rank-confetti i:nth-child(3){top:72%;right:7%;--confetti-rotate:48deg}
.signed-in-rank-confetti i:nth-child(4){top:86%;right:18%;--confetti-rotate:-18deg}
.signed-in-rank-confetti i:nth-child(5){top:8%;left:8%;--confetti-rotate:-42deg}
.signed-in-rank-confetti i:nth-child(6){top:20%;left:16%;--confetti-rotate:31deg}
.signed-in-rank-confetti i:nth-child(7){top:68%;left:6%;--confetti-rotate:-28deg}
.signed-in-rank-confetti i:nth-child(8){top:84%;left:18%;--confetti-rotate:52deg}
.signed-in-rank-confetti i:nth-child(9){top:5%;right:34%;--confetti-rotate:68deg}
.signed-in-rank-confetti i:nth-child(10){top:91%;right:42%;--confetti-rotate:-54deg}
.signed-in-rank-confetti i:nth-child(11){top:13%;left:35%;--confetti-rotate:16deg}
.signed-in-rank-confetti i:nth-child(12){top:88%;left:34%;--confetti-rotate:-12deg}
.signed-in-rank-confetti i:nth-child(13){top:2%;right:24%;--confetti-rotate:37deg}
.signed-in-rank-confetti i:nth-child(14){top:38%;right:3%;--confetti-rotate:-46deg}
.signed-in-rank-confetti i:nth-child(15){top:4%;left:26%;--confetti-rotate:63deg}
.signed-in-rank-confetti i:nth-child(16){top:44%;left:3%;--confetti-rotate:-21deg}
.signed-in-rank-confetti i:nth-child(17){top:18%;right:25%;--confetti-rotate:29deg}
.signed-in-rank-confetti i:nth-child(18){top:55%;right:14%;--confetti-rotate:-39deg}
.signed-in-rank-confetti i:nth-child(19){top:79%;right:29%;--confetti-rotate:57deg}
.signed-in-rank-confetti i:nth-child(20){top:31%;left:27%;--confetti-rotate:-24deg}
.signed-in-rank-confetti i:nth-child(21){top:61%;left:20%;--confetti-rotate:44deg}
.signed-in-rank-confetti i:nth-child(22){top:76%;left:29%;--confetti-rotate:-51deg}
.signed-in-rank-confetti i:nth-child(23){top:2%;left:48%;--confetti-rotate:71deg}
.signed-in-rank-confetti i:nth-child(24){top:47%;right:47%;--confetti-rotate:-33deg}
.signed-in-rank-confetti i:nth-child(25){top:28%;right:38%;--confetti-rotate:42deg}
.signed-in-rank-confetti i:nth-child(26){top:63%;right:39%;--confetti-rotate:-61deg}
.signed-in-rank-confetti i:nth-child(27){top:36%;left:40%;--confetti-rotate:24deg}
.signed-in-rank-confetti i:nth-child(28){top:70%;left:43%;--confetti-rotate:-37deg}
.signed-in-rank-confetti i:nth-child(29){top:7%;right:58%;--confetti-rotate:55deg}
.signed-in-rank-confetti i:nth-child(30){top:82%;left:55%;--confetti-rotate:-45deg}
.public-home-slider.is-ranking-ready .public-home-slide.is-active .signed-in-rank-confetti i{
animation:signed-in-rank-confetti-fall-a var(--confetti-duration,7.4s) linear var(--confetti-delay,0s) infinite;
}
.public-home-slider.is-ranking-ready .public-home-slide.is-active .signed-in-rank-confetti i:nth-child(3n+1){
--confetti-duration:8.1s;
--confetti-delay:-2.6s;
animation-name:signed-in-rank-confetti-fall-b;
}
.public-home-slider.is-ranking-ready .public-home-slide.is-active .signed-in-rank-confetti i:nth-child(3n+2){
--confetti-duration:6.8s;
--confetti-delay:-4.1s;
animation-name:signed-in-rank-confetti-fall-c;
}
.public-home-slider.is-ranking-ready .public-home-slide.is-active .signed-in-rank-confetti i:nth-child(4n){--confetti-delay:-5.3s}
.public-home-slider.is-ranking-ready .public-home-slide.is-active .signed-in-rank-confetti i:nth-child(5n){--confetti-duration:9s}
@keyframes signed-in-rank-confetti-fall-a{
0%{opacity:0;transform:translate3d(0,-18px,0) rotate(var(--confetti-rotate,18deg))}
12%,82%{opacity:.72}
100%{opacity:0;transform:translate3d(12px,72px,0) rotate(calc(var(--confetti-rotate,18deg) + 190deg))}
}
@keyframes signed-in-rank-confetti-fall-b{
0%{opacity:0;transform:translate3d(0,-14px,0) rotate(var(--confetti-rotate,18deg))}
14%,80%{opacity:.68}
100%{opacity:0;transform:translate3d(-18px,66px,0) rotate(calc(var(--confetti-rotate,18deg) - 170deg))}
}
@keyframes signed-in-rank-confetti-fall-c{
0%{opacity:0;transform:translate3d(0,-12px,0) rotate(var(--confetti-rotate,18deg))}
10%,84%{opacity:.76}
100%{opacity:0;transform:translate3d(7px,78px,0) rotate(calc(var(--confetti-rotate,18deg) + 235deg))}
}
.public-home-slider .signed-in-rank-slide .signed-in-rank-confetti i{
width:clamp(7px,.85vw,12px);
height:clamp(15px,1.8vw,25px);
}
.public-home-slider.is-ranking-ready .signed-in-rank-slide.is-active .signed-in-rank-confetti i{
animation-name:signed-in-rank-confetti-seller-a;
animation-duration:var(--confetti-duration,2.8s);
}
.public-home-slider.is-ranking-ready .signed-in-rank-slide.is-active .signed-in-rank-confetti i:nth-child(3n+1){
--confetti-duration:3.2s;
--confetti-delay:-1.2s;
animation-name:signed-in-rank-confetti-seller-b;
}
.public-home-slider.is-ranking-ready .signed-in-rank-slide.is-active .signed-in-rank-confetti i:nth-child(3n+2){
--confetti-duration:2.5s;
--confetti-delay:-1.9s;
animation-name:signed-in-rank-confetti-seller-c;
}
.public-home-slider.is-ranking-ready .signed-in-rank-slide.is-active .signed-in-rank-confetti i:nth-child(4n){--confetti-delay:-2.3s}
.public-home-slider.is-ranking-ready .signed-in-rank-slide.is-active .signed-in-rank-confetti i:nth-child(5n){--confetti-duration:3.5s}
.public-home-slider.is-ranking-ready .signed-in-rank-slide.is-active .signed-in-rank-confetti.is-depth i{opacity:.42;animation-duration:calc(var(--confetti-duration,2.8s) * 1.08)}
@keyframes signed-in-rank-confetti-seller-a{
0%{opacity:0;transform:translate3d(0,-18px,0) rotate(var(--confetti-rotate,18deg))}
12%,82%{opacity:.76}
100%{opacity:0;transform:translate3d(18px,138px,0) rotate(calc(var(--confetti-rotate,18deg) + 240deg))}
}
@keyframes signed-in-rank-confetti-seller-b{
0%{opacity:0;transform:translate3d(0,-14px,0) rotate(var(--confetti-rotate,18deg))}
14%,80%{opacity:.72}
100%{opacity:0;transform:translate3d(-24px,126px,0) rotate(calc(var(--confetti-rotate,18deg) - 220deg))}
}
@keyframes signed-in-rank-confetti-seller-c{
0%{opacity:0;transform:translate3d(0,-12px,0) rotate(var(--confetti-rotate,18deg))}
10%,84%{opacity:.8}
100%{opacity:0;transform:translate3d(10px,148px,0) rotate(calc(var(--confetti-rotate,18deg) + 290deg))}
}
.public-home-slider.is-ranking-slider .public-home-slider-arrow{
border-color:rgba(7,143,192,.28);
background:rgba(255,255,255,.86);
color:#087ca6;
box-shadow:0 6px 16px rgba(0,57,84,.12);
}
.public-home-slider.is-ranking-slider .public-home-slider-dot{
border-color:rgba(7,143,192,.5);
background:rgba(7,143,192,.24);
box-shadow:none;
}
.public-home-slider.is-ranking-slider .public-home-slider-dot.is-active{background:#078fc0}
.ranking-slider-unavailable{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;box-sizing:border-box;background:#eef8fc;color:#315568;text-align:center;direction:rtl}
.ranking-slider-unavailable strong{color:#087ca6;font:950 1rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif}
.ranking-slider-unavailable span{font:850 .78rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif}
.ranking-slider-unavailable button{min-width:132px;min-height:44px;border:0;border-radius:8px;background:#078fc0;color:#fff;font:900 .78rem Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer}
.public-home-slider.is-ranking-slider::after{display:none!important}
.public-home-slider.is-ranking-slider .public-home-slide{
transition:transform .46s cubic-bezier(.22,.61,.36,1),visibility 0s linear .46s;
}
.public-home-slider.is-ranking-slider .public-home-slide.is-active{transition-delay:0s}
.public-home-slider.is-ranking-slider.is-ranking-ready .public-home-slide.is-active .signed-in-rank-copy{
animation:signed-in-rank-copy-in .46s cubic-bezier(.22,.61,.36,1) both;
}
.public-home-slider.is-ranking-slider .signed-in-rank-profile,
.public-home-slider.is-ranking-slider .signed-in-rank-trophy{opacity:0;will-change:transform,opacity}
.public-home-slider.is-ranking-slider.is-ranking-ready .rank-1.is-active .signed-in-rank-profile{animation:signed-in-profile-down .56s cubic-bezier(.22,.72,.31,1) .04s both}
.public-home-slider.is-ranking-slider.is-ranking-ready .rank-1.is-active .signed-in-rank-trophy{animation:signed-in-trophy-from-right .5s cubic-bezier(.22,.72,.31,1) .2s both}
.public-home-slider.is-ranking-slider.is-ranking-ready .rank-2.is-active .signed-in-rank-profile{animation:signed-in-profile-from-left .56s cubic-bezier(.22,.72,.31,1) .04s both}
.public-home-slider.is-ranking-slider.is-ranking-ready .rank-2.is-active .signed-in-rank-trophy{animation:signed-in-trophy-down .5s cubic-bezier(.22,.72,.31,1) .2s both}
.public-home-slider.is-ranking-slider.is-ranking-ready .rank-3.is-active .signed-in-rank-profile{animation:signed-in-profile-from-right .56s cubic-bezier(.22,.72,.31,1) .04s both}
.public-home-slider.is-ranking-slider.is-ranking-ready .rank-3.is-active .signed-in-rank-trophy{animation:signed-in-trophy-up .5s cubic-bezier(.22,.72,.31,1) .2s both}
.public-home-slider.is-ranking-slider:not(.is-ranking-ready) .signed-in-rank-copy{opacity:0}
.public-home-slider.is-ranking-slider .rank-1.is-leaving .signed-in-rank-profile{animation:signed-in-profile-out-left .3s ease-in both}
.public-home-slider.is-ranking-slider .rank-1.is-leaving .signed-in-rank-trophy{animation:signed-in-trophy-out-down .3s ease-in both}
.public-home-slider.is-ranking-slider .rank-2.is-leaving .signed-in-rank-profile{animation:signed-in-profile-out-up .3s ease-in both}
.public-home-slider.is-ranking-slider .rank-2.is-leaving .signed-in-rank-trophy{animation:signed-in-trophy-out-right .3s ease-in both}
.public-home-slider.is-ranking-slider .rank-3.is-leaving .signed-in-rank-profile{animation:signed-in-profile-out-right .3s ease-in both}
.public-home-slider.is-ranking-slider .rank-3.is-leaving .signed-in-rank-trophy{animation:signed-in-trophy-out-up .3s ease-in both}
.public-home-slider.is-ranking-slider .public-home-slide.is-leaving .signed-in-rank-copy{animation:signed-in-rank-copy-out .24s ease-in both}
.public-home-slider.is-ranking-slider .public-home-slide.is-leaving{pointer-events:none;z-index:3}
@keyframes signed-in-rank-copy-in{
from{opacity:0;transform:translate3d(0,14px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes signed-in-rank-copy-out{to{opacity:0;transform:translate3d(0,-8px,0)}}
@keyframes signed-in-profile-down{from{opacity:0;transform:translate3d(-50%,-72px,0) scale(.94)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}
@keyframes signed-in-profile-from-left{from{opacity:0;transform:translate3d(-74%,0,0) scale(.94)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}
@keyframes signed-in-profile-from-right{from{opacity:0;transform:translate3d(-26%,0,0) scale(.94)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}
@keyframes signed-in-trophy-from-right{from{opacity:0;transform:translate3d(70px,0,0) rotate(4deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes signed-in-trophy-down{from{opacity:0;transform:translate3d(0,-62px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes signed-in-trophy-up{from{opacity:0;transform:translate3d(0,54px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes signed-in-profile-out-left{to{opacity:0;transform:translate3d(-76%,18px,0) scale(.94)}}
@keyframes signed-in-profile-out-up{to{opacity:0;transform:translate3d(-50%,-62px,0) scale(.94)}}
@keyframes signed-in-profile-out-right{to{opacity:0;transform:translate3d(-25%,12px,0) scale(.94)}}
@keyframes signed-in-trophy-out-down{to{opacity:0;transform:translate3d(14px,68px,0)}}
@keyframes signed-in-trophy-out-right{to{opacity:0;transform:translate3d(72px,0,0)}}
@keyframes signed-in-trophy-out-up{to{opacity:0;transform:translate3d(-8px,-58px,0)}}
.signed-in-home-wallet{width:min(calc(100% - clamp(24px,4vw,72px)),1440px);min-height:54px;margin:clamp(12px,1.8vw,22px) auto 10px;padding:8px 14px;box-sizing:border-box;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(7,143,192,.2);border-radius:8px;background:#f7fcfe;box-shadow:0 7px 20px rgba(0,61,91,.06);color:#315568;direction:rtl}
.signed-in-home-wallet-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#078fc0;color:#fff}
.signed-in-home-wallet-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.signed-in-home-wallet-label{font:850 .7rem/1.7 Vazirmatn,Tahoma,Arial,sans-serif}
.signed-in-home-wallet-balance{color:#087ca6;font:950 clamp(.76rem,1.2vw,.9rem)/1.7 Vazirmatn,Tahoma,Arial,sans-serif;white-space:nowrap}
.signed-in-top-ten-stage{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:6px;padding:clamp(14px,2vw,24px) clamp(50px,7vw,92px) clamp(40px,5vw,58px);box-sizing:border-box;overflow:hidden;direction:rtl;background:#f4fbfd;color:#082f46}
.signed-in-top-ten-stage>.signed-in-rank-confetti{z-index:0}
.signed-in-top-ten-heading,.signed-in-top-ten-grid,.signed-in-current-rank-card,.signed-in-top-ten-actions{position:relative;z-index:2}
.signed-in-top-ten-heading{text-align:center}.signed-in-top-ten-heading p{margin:0;color:#087ca6;font:850 .68rem/1.6 Vazirmatn,Tahoma,Arial,sans-serif}.signed-in-top-ten-heading h2{margin:2px 0 0;font:950 clamp(17px,2vw,25px)/1.45 Vazirmatn,Tahoma,Arial,sans-serif}
.signed-in-top-ten-grid{min-height:0;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:clamp(7px,1.3vw,15px);row-gap:clamp(3px,.7vw,7px);align-items:start}
.signed-in-top-ten-person{min-width:0;display:grid;grid-template-rows:auto minmax(48px,auto);justify-items:center;align-content:start;gap:4px;opacity:0;transform:translate3d(0,-30px,0)}
.public-home-slider.is-ranking-slider.is-ranking-ready .signed-in-top-ten-slide.is-active .signed-in-top-ten-person{animation:signed-in-top-ten-person-in .34s cubic-bezier(.22,.72,.31,1) calc(var(--top-ten-order)*.055s + .08s) both}
.signed-in-top-ten-slide.is-leaving .signed-in-top-ten-stage{opacity:0;transform:translate3d(34px,0,0);transition:opacity .28s ease,transform .32s ease}
.signed-in-top-ten-avatar{position:relative;width:min(100%,74px);aspect-ratio:1;border-radius:50%;border:3px solid #9acfe1;background:#d8edf5;box-shadow:0 7px 16px rgba(0,57,84,.11);box-sizing:border-box}
.signed-in-top-ten-person.rank-1 .signed-in-top-ten-avatar{border-color:#d7a927}.signed-in-top-ten-person.rank-2 .signed-in-top-ten-avatar{border-color:#9ba8b3}.signed-in-top-ten-person.rank-3 .signed-in-top-ten-avatar{border-color:#b86f37}
.signed-in-top-ten-avatar>img:not(.signed-in-top-ten-trophy),.signed-in-top-ten-avatar>svg,.signed-in-top-ten-avatar>span{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;object-position:center 28%}
.signed-in-top-ten-trophy{position:absolute;z-index:3;left:-8%;bottom:-9%;width:42%;height:42%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,35,51,.18))}
.signed-in-top-ten-meta{width:100%;min-height:48px;display:grid;grid-template-rows:minmax(20px,auto) 13px 13px 13px;align-content:start;justify-items:center;text-align:center}
.signed-in-top-ten-name{max-width:100%;color:#3d5968;font:850 .59rem/1.45 Vazirmatn,Tahoma,Arial,sans-serif;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.signed-in-top-ten-account,.signed-in-top-ten-city,.signed-in-top-ten-rank-text{max-width:100%;font:800 .52rem/1.35 Vazirmatn,Tahoma,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.signed-in-top-ten-account{color:#5f7682}.signed-in-top-ten-account.is-empty{visibility:hidden}
.signed-in-top-ten-city{color:#718792}.signed-in-top-ten-city.is-empty{visibility:hidden}
.signed-in-top-ten-rank-text{color:#078fc0}
.signed-in-current-rank-card{min-height:54px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 10px;border:1px solid rgba(7,143,192,.2);border-radius:8px;background:rgba(255,255,255,.88);box-shadow:0 5px 14px rgba(0,61,91,.06)}
.signed-in-current-rank-avatar{width:46px;aspect-ratio:1;overflow:hidden;border:2px solid #078fc0;border-radius:50%;background:#d8edf5}
.signed-in-current-rank-avatar>img,.signed-in-current-rank-avatar>svg,.signed-in-current-rank-avatar>span{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 28%}
.signed-in-current-rank-copy{min-width:0;display:grid;gap:1px}.signed-in-current-rank-copy strong{color:#173f53;font:900 .68rem/1.45 Vazirmatn,Tahoma,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signed-in-current-rank-copy span{color:#607783;font:750 .55rem/1.45 Vazirmatn,Tahoma,Arial,sans-serif}
.signed-in-current-rank-account:empty{display:none}
.signed-in-current-rank-value{min-width:58px;text-align:center;color:#078fc0}.signed-in-current-rank-value strong{display:block;font:950 1.35rem/1 Tahoma,Arial,sans-serif}.signed-in-current-rank-value span{display:block;margin-top:3px;color:#607783;font:800 .5rem/1.3 Vazirmatn,Tahoma,Arial,sans-serif}.signed-in-current-rank-value.is-unranked{max-width:116px;color:#607783;font:800 .55rem/1.55 Vazirmatn,Tahoma,Arial,sans-serif}
.signed-in-top-ten-actions{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap}.signed-in-top-ten-actions a,.signed-in-top-ten-actions button{min-height:32px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(7,143,192,.28);border-radius:7px;background:#fff;color:#087ca6;font:900 .62rem Vazirmatn,Tahoma,Arial,sans-serif;text-decoration:none;white-space:nowrap}.signed-in-top-ten-actions a:focus-visible,.signed-in-top-ten-actions button:focus-visible{outline:3px solid rgba(7,143,192,.25);outline-offset:2px}
@keyframes signed-in-top-ten-person-in{to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:600px) and (orientation:portrait){
.public-home-slider.slider-type-ranking,
.public-home-slider.is-loading.slider-type-ranking,
.public-home-slider.slider-type-admin-ranking,
.public-home-slider.is-loading.slider-type-admin-ranking{
width:calc(100% - 24px);
height:clamp(360px,calc((100vw - 24px) * 1.25),520px);
aspect-ratio:auto;
border-radius:14px;
}
.signed-in-rank-stage{
grid-template-columns:1fr;
grid-template-rows:minmax(0,66%) auto;
gap:0;
padding:18px 34px 48px;
}
.signed-in-rank-stage::before{inset:12px;border-radius:10px}
.signed-in-rank-visual{width:min(92%,330px);height:100%;aspect-ratio:auto}
.signed-in-rank-profile{top:2%;width:78%}
.signed-in-rank-trophy{right:0;bottom:0;width:48%;max-height:54%}
.signed-in-rank-copy{align-self:end;justify-items:center;gap:3px;text-align:center}
.signed-in-rank-kicker{font-size:11px}
.signed-in-rank-name{font-size:clamp(21px,6.4vw,28px);line-height:1.38;text-align:center}
.signed-in-rank-position{font-size:clamp(12px,3.5vw,14px);line-height:1.7;text-align:center}
.signed-in-rank-total{padding:3px 8px;border-right:0;border-bottom:2px solid var(--rank-accent);font-size:11px}
.public-home-slider.is-ranking-slider .public-home-slider-arrow{bottom:10px}
.signed-in-top-ten-stage{padding:10px 32px 43px;gap:3px}
.signed-in-top-ten-heading p{font-size:.53rem}.signed-in-top-ten-heading h2{font-size:13px;line-height:1.35}
.signed-in-top-ten-grid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:4px;row-gap:2px}
.signed-in-top-ten-person{grid-template-rows:auto minmax(42px,auto);gap:2px}
.signed-in-top-ten-avatar{width:min(100%,52px);border-width:2px}
.signed-in-top-ten-meta{min-height:42px;grid-template-rows:minmax(17px,auto) 11px 11px 11px}
.signed-in-top-ten-name{font-size:.45rem;line-height:1.35}
.signed-in-top-ten-account,.signed-in-top-ten-city,.signed-in-top-ten-rank-text{font-size:.42rem;line-height:1.25}
.signed-in-current-rank-card{min-height:45px;grid-template-columns:38px minmax(0,1fr) auto;gap:6px;padding:3px 7px}
.signed-in-current-rank-avatar{width:36px}.signed-in-current-rank-copy strong{font-size:.56rem}.signed-in-current-rank-copy span{font-size:.46rem}.signed-in-current-rank-value{min-width:44px}.signed-in-current-rank-value strong{font-size:1.05rem}.signed-in-current-rank-value span,.signed-in-current-rank-value.is-unranked{font-size:.43rem}
.signed-in-top-ten-actions{gap:4px}.signed-in-top-ten-actions a,.signed-in-top-ten-actions button{min-height:28px;padding:0 7px;font-size:.49rem}
.signed-in-home-wallet{width:calc(100% - 24px);min-height:50px;margin:12px auto 8px;grid-template-columns:32px minmax(0,1fr) auto;padding:7px 10px}
.signed-in-home-wallet-icon{width:31px;height:31px}.signed-in-home-wallet-label{font-size:.62rem}.signed-in-home-wallet-balance{font-size:.68rem}
}
@media(min-width:601px) and (max-width:1024px){
.public-home-slider.slider-type-ranking,
.public-home-slider.is-loading.slider-type-ranking,
.public-home-slider.slider-type-admin-ranking,
.public-home-slider.is-loading.slider-type-admin-ranking{aspect-ratio:3/2}
.signed-in-rank-stage{grid-template-columns:minmax(250px,46%) minmax(0,1fr);padding:30px 64px 54px}
.signed-in-rank-name{font-size:clamp(26px,3.8vw,38px)}
}
@media(max-height:540px) and (orientation:landscape){
.signed-in-rank-stage{grid-template-columns:minmax(220px,42%) minmax(0,1fr);gap:22px;padding:16px 58px 34px}
.signed-in-rank-visual{height:100%;width:auto}
.signed-in-rank-profile{top:1%;width:76%}
.signed-in-rank-name{font-size:clamp(20px,3vw,30px)}
.signed-in-rank-position{font-size:12px}
.signed-in-rank-total{font-size:11px;padding:3px 8px}
}
@media(prefers-reduced-motion:reduce){
.public-home-slider.is-ranking-slider .public-home-slide.is-active .signed-in-rank-copy,
.public-home-slider.is-ranking-slider .public-home-slide .signed-in-rank-profile,
.public-home-slider.is-ranking-slider .public-home-slide .signed-in-rank-trophy,
.signed-in-top-ten-slide.is-active .signed-in-top-ten-person,
.signed-in-top-ten-slide.is-leaving .signed-in-top-ten-stage{animation:none!important;opacity:1;transform:none;transition:none}
.public-home-slider.is-ranking-slider .public-home-slide .signed-in-rank-profile{transform:translateX(-50%)}
.public-home-slider.is-ranking-ready .public-home-slide.is-active .signed-in-rank-confetti i{animation:none!important}
.public-home-slider.is-ranking-slider::after{display:none!important}
}
/* S1418-SELLER-RECENT-ACTIVITY-20260724 */
.seller-recent-activity[hidden]{display:none!important}
.seller-recent-activity{
width:min(calc(100% - clamp(24px,4vw,72px)),1440px);
margin:clamp(12px,1.8vw,22px) auto 0;
border:1px solid rgba(7,143,192,.18);
border-radius:8px;
background:rgba(255,255,255,.94);
box-shadow:0 8px 24px rgba(0,61,91,.07);
color:#52636d;
direction:rtl;
overflow:hidden;
}
.seller-recent-activity-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:44px;
padding:0 14px;
border-bottom:1px solid rgba(7,143,192,.1);
background:#f8fcfe;
}
.seller-recent-activity-title{
margin:0;
color:#315568;
font:900 .78rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif;
}
.seller-recent-activity-window{
color:#7a8b94;
font:750 .59rem/1.7 Vazirmatn,Tahoma,Arial,sans-serif;
}
.seller-recent-activity-viewport{
position:relative;
height:clamp(144px,18vw,188px);
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-width:thin;
scrollbar-color:rgba(7,143,192,.32) transparent;
}
.seller-recent-activity-list{display:grid;margin:0;padding:5px 12px;list-style:none}
.seller-recent-activity-item{
position:relative;
display:grid;
grid-template-columns:8px minmax(0,1fr);
gap:9px;
align-items:start;
padding:9px 2px;
border-bottom:1px solid rgba(49,85,104,.08);
color:#687780;
font:750 .64rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif;
}
.seller-recent-activity-item:last-child{border-bottom:0}
.seller-recent-activity-dot{
width:7px;
height:7px;
margin-top:7px;
border-radius:50%;
background:#9aa7ae;
box-shadow:0 0 0 3px rgba(154,167,174,.12);
}
.seller-recent-activity-item.is-green .seller-recent-activity-dot{background:#16a36a;box-shadow:0 0 0 3px rgba(22,163,106,.13)}
.seller-recent-activity-item.is-blue .seller-recent-activity-dot{background:#078fc0;box-shadow:0 0 0 3px rgba(7,143,192,.13)}
.seller-recent-activity-item.is-dark{color:#4f5f68}
.seller-recent-activity-copy{min-width:0;margin:0}
.seller-recent-activity-copy strong{color:#455761;font-weight:900}
.seller-recent-activity-time{color:#8998a0;white-space:nowrap}
.seller-recent-activity-detail{display:block;color:#667a85}
.seller-recent-activity-package{direction:ltr;unicode-bidi:isolate;font-weight:900;color:#087ea7}
.seller-recent-activity-state{
min-height:112px;
display:grid;
place-items:center;
padding:16px;
box-sizing:border-box;
color:#7a8b94;
font:750 .65rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif;
text-align:center;
}
.seller-recent-activity-retry{
min-height:36px;
margin-right:8px;
border:1px solid rgba(7,143,192,.24);
border-radius:6px;
background:#fff;
color:#087ea7;
padding:0 11px;
font:850 .62rem Vazirmatn,Tahoma,Arial,sans-serif;
cursor:pointer;
}
@media(max-width:600px){
.seller-recent-activity{width:calc(100% - 24px);margin-top:12px}
.seller-recent-activity-head{padding:0 11px}
.seller-recent-activity-viewport{height:156px}
.seller-recent-activity-list{padding:4px 9px}
.seller-recent-activity-item{font-size:.61rem;line-height:1.85}
}
@media(prefers-reduced-motion:reduce){
.seller-recent-activity-viewport{scroll-behavior:auto}
}
/* S1553-EXECUTIVE-HOME-DASHBOARD-PAIRED-METRICS-20260728 */
.executive-home-dashboard[hidden]{display:none!important}
.executive-home-dashboard{
width:min(calc(100% - clamp(24px,4vw,72px)),1440px);
margin:clamp(12px,2vw,24px) auto 0;
direction:rtl;
color:#173e50;
}
.executive-home-dashboard-shell{
border:1px solid #cfe8f2;
border-radius:8px;
background:#f7fcfe;
box-shadow:0 10px 28px rgba(18,91,119,.08);
overflow:hidden;
}
.executive-home-dashboard-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:14px 16px;
border-bottom:1px solid #d9edf5;
background:#fff;
}
.executive-home-dashboard-title{min-width:0}
.executive-home-dashboard-title h2{margin:0;color:#16485f;font:950 .92rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif}
.executive-home-dashboard-title p{margin:2px 0 0;color:#738995;font:750 .61rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif}
.executive-home-date-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.executive-home-date-button,.executive-home-day-button{
min-height:38px;
border:1px solid #c8e5f0;
border-radius:6px;
background:#fff;
color:#087ea7;
padding:0 11px;
font:900 .68rem Vazirmatn,Tahoma,Arial,sans-serif;
cursor:pointer;
}
.executive-home-date-button{display:inline-flex;align-items:center;gap:7px;color:#174d65}
.executive-home-date-button svg,.executive-home-day-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.executive-home-day-button:disabled{opacity:.42;cursor:default}
.executive-home-dashboard-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px;
padding:12px;
}
.executive-home-stat{
min-width:0;
min-height:146px;
display:grid;
grid-template-rows:auto 1fr auto;
border:1px solid #d8ebf3;
border-radius:8px;
background:#fff;
overflow:hidden;
}
.executive-home-stat-head{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;padding:11px 11px 2px}
.executive-home-stat-title{margin:0;color:#466471;font:900 .65rem/1.75 Vazirmatn,Tahoma,Arial,sans-serif}
.executive-home-stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:#eaf7fc;color:#078fc0}
.executive-home-stat-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.executive-home-stat-value{align-self:center;display:flex;align-items:baseline;justify-content:center;gap:5px;flex-wrap:wrap;margin:0;padding:6px 10px 10px;color:#123f54;font:950 1.42rem/1.35 Vazirmatn,Tahoma,Arial,sans-serif;text-align:center;overflow-wrap:anywhere}
.executive-home-stat-value span{color:#4c6d7a;font-size:.72em;white-space:nowrap}
.executive-home-stat-value.is-money{font-size:1.18rem}
.executive-home-stat-compare{
min-height:52px;
display:grid;
gap:5px;
padding:7px 9px;
box-sizing:border-box;
background:#f3f8fa;
color:#526f7b;
font:850 .55rem/1.6 Vazirmatn,Tahoma,Arial,sans-serif;
}
.executive-home-stat-previous{min-width:0;text-align:center}
.executive-home-stat-deltas{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.executive-home-stat-delta{display:inline-flex;align-items:center;min-height:20px;padding:1px 6px;border-radius:5px;background:#e8f7ef;color:#16734e;white-space:nowrap}
.executive-home-stat-delta.is-down{background:#fff0df;color:#a65312}
.executive-home-stat-delta.is-equal{background:#e8eef1;color:#647a84}
.executive-home-dashboard-state{min-height:178px;display:grid;place-items:center;padding:18px;color:#69818d;font:850 .72rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif;text-align:center}
.executive-home-dashboard-retry{min-height:36px;margin-right:7px;border:1px solid #bcddea;border-radius:6px;background:#fff;color:#087ea7;padding:0 11px;font:900 .65rem Vazirmatn;cursor:pointer}
.executive-home-skeleton{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;padding:12px;box-sizing:border-box}
.executive-home-skeleton span{height:146px;border-radius:8px;background:#e8f3f7;animation:executive-home-pulse 1.15s ease-in-out infinite alternate}
@keyframes executive-home-pulse{to{opacity:.48}}
.executive-home-calendar-popover{
position:fixed;
z-index:1250;
width:min(310px,calc(100vw - 24px));
padding:12px;
border:1px solid #c9e5f0;
border-radius:8px;
background:#fff;
box-shadow:0 18px 50px rgba(3,50,72,.22);
direction:rtl;
}
.executive-home-calendar-popover[hidden]{display:none!important}
.executive-home-calendar-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:7px;margin-bottom:8px}
.executive-home-calendar-head strong{text-align:center;color:#174d65;font:950 .76rem Vazirmatn}
.executive-home-calendar-head button{width:38px;height:38px;border:1px solid #d5e9f1;border-radius:6px;background:#f5fbfd;color:#087ea7;font:950 1rem Vazirmatn;cursor:pointer}
.executive-home-calendar-week,.executive-home-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.executive-home-calendar-week span{padding:4px 0;color:#82949c;font:850 .56rem Vazirmatn;text-align:center}
.executive-home-calendar-days button{aspect-ratio:1;border:0;border-radius:6px;background:#f4f9fb;color:#355765;font:850 .66rem Vazirmatn;cursor:pointer}
.executive-home-calendar-days button.is-selected{background:#078fc0;color:#fff}
.executive-home-calendar-days button:disabled{background:transparent;color:#c5d0d5;cursor:default}
@media(max-width:1100px){.executive-home-dashboard-grid,.executive-home-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
.executive-home-dashboard{width:calc(100% - 20px);margin-top:10px}
.executive-home-dashboard-head{align-items:stretch;flex-direction:column;padding:11px}
.executive-home-date-controls{justify-content:stretch}
.executive-home-date-button{flex:1;justify-content:center}
.executive-home-dashboard-grid,.executive-home-skeleton{grid-template-columns:1fr;gap:8px;padding:9px}
.executive-home-stat{min-height:132px}
.executive-home-stat-head{padding-top:9px}
.executive-home-stat-value{align-items:center;flex-direction:column;gap:0;padding:3px 12px 7px;font-size:1.34rem}
.executive-home-stat-value.is-money{font-size:1.08rem}
.executive-home-stat-compare{min-height:50px}
.executive-home-skeleton span{height:132px}
}
@media(prefers-reduced-motion:reduce){.executive-home-skeleton span{animation:none}}
.home-slider-admin-page{width:min(100%,1120px);margin:0 auto;padding:18px 14px 36px;box-sizing:border-box;display:grid;gap:14px;direction:rtl;color:#07334a}
.home-slider-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-slider-admin-head h1{margin:0;font:950 1.08rem/1.7 Vazirmatn,Tahoma,Arial,sans-serif}.home-slider-admin-add{min-height:42px;border:0;border-radius:7px;background:var(--primary,#078fc0);color:#fff;padding:0 16px;font:900 .75rem Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer}
.home-slider-admin-guide{margin:0;padding:12px 14px;border-right:4px solid var(--primary,#078fc0);background:#eef9fe;color:#315568;font:800 .69rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif}
.home-slider-admin-list{display:grid;gap:12px}.home-slider-admin-card{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid #d5edf7;border-radius:8px;background:#fff}.home-slider-admin-thumb{width:190px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#dceff6}.home-slider-admin-copy{min-width:0}.home-slider-admin-copy h2{margin:0 0 5px;font:950 .85rem/1.7 Vazirmatn,Tahoma,Arial,sans-serif}.home-slider-admin-copy p{margin:0;color:#617485;font:750 .67rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-slider-admin-meta{margin-top:7px;display:flex;gap:7px;flex-wrap:wrap}.home-slider-admin-meta span{padding:4px 7px;border-radius:5px;background:#eef9fe;color:#087ea7;font:900 .6rem/1.4 Vazirmatn,Tahoma,Arial,sans-serif}.home-slider-admin-actions{display:grid;gap:7px}.home-slider-admin-actions button{min-height:36px;border:1px solid #c8e8f4;border-radius:6px;background:#fff;color:#087ea7;padding:0 10px;font:900 .67rem Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer}.home-slider-admin-actions button.danger{border-color:#fecdd3;color:#be123c}.home-slider-admin-form{display:grid;gap:12px;padding:15px;border:1px solid #d5edf7;border-radius:8px;background:#fff}.home-slider-admin-form[hidden]{display:none!important}.home-slider-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-slider-admin-form label{display:grid;gap:5px;color:#315568;font:900 .68rem/1.7 Vazirmatn,Tahoma,Arial,sans-serif}.home-slider-admin-form label.wide{grid-column:1/-1}.home-slider-admin-form input,.home-slider-admin-form textarea,.home-slider-admin-form select{width:100%;min-height:42px;border:1px solid #c8e8f4;border-radius:6px;background:#fff;color:#07334a;padding:8px 10px;box-sizing:border-box;font:800 .74rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif;outline:none}.home-slider-admin-form textarea{min-height:100px;resize:vertical}.home-slider-admin-form input[type=range]{padding:0}.home-slider-admin-check{display:flex!important;align-items:center;gap:8px}.home-slider-admin-check input{width:18px;height:18px;min-height:0}.home-slider-admin-previews{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.home-slider-preview{position:relative;overflow:hidden;border-radius:7px;background:#dceff6;aspect-ratio:16/9}.home-slider-preview img{width:100%;height:100%;object-fit:cover}.home-slider-admin-buttons{display:flex;justify-content:flex-end;gap:8px}.home-slider-admin-buttons button{min-height:42px;border:0;border-radius:7px;padding:0 16px;font:900 .74rem Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer}.home-slider-admin-buttons .save{background:var(--primary,#078fc0);color:#fff}.home-slider-admin-buttons .cancel{background:#eaf3f7;color:#315568}.home-slider-admin-status{min-height:24px;margin:0;color:#315568;font:850 .68rem/1.8 Vazirmatn,Tahoma,Arial,sans-serif}
@media(max-width:700px){.home-slider-admin-card{grid-template-columns:96px minmax(0,1fr)}.home-slider-admin-thumb{width:96px}.home-slider-admin-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.home-slider-admin-grid,.home-slider-admin-previews{grid-template-columns:1fr}}
.about-us-page{min-height:calc(100dvh - 72px);padding:24px 14px 52px;box-sizing:border-box;background:#f2faff;color:#173e50}
.about-us-article{width:min(100%,860px);margin:0 auto;padding:clamp(20px,4vw,42px);box-sizing:border-box;border:1px solid #cfe8f2;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(18,91,119,.08);text-align:right;direction:rtl}
.about-us-article h1{margin:0 0 22px;color:#075f87;font:950 clamp(1.35rem,2.6vw,1.9rem)/1.7 Vazirmatn,Tahoma,Arial,sans-serif;letter-spacing:0}
.about-us-article p{margin:0;padding:0;color:#3f5d6a;font:650 clamp(.86rem,1.45vw,.98rem)/2.15 Vazirmatn,Tahoma,Arial,sans-serif;overflow-wrap:anywhere}
.about-us-article p+p{margin-top:13px}
.about-us-article p:nth-last-of-type(2){color:#0b668b;font-weight:900}
@media(max-width:430px){.about-us-page{padding:14px 10px 34px}.about-us-article{padding:19px 15px}.about-us-article h1{margin-bottom:17px}.about-us-article p{line-height:2.05}}
.photographer-terms-page{min-height:calc(100dvh - 72px);padding:24px 14px 52px;box-sizing:border-box;background:#f2faff;color:#173e50}
.photographer-terms-article{width:min(100%,880px);margin:0 auto;padding:clamp(20px,4vw,42px);box-sizing:border-box;border:1px solid #cfe8f2;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(18,91,119,.08);text-align:right;direction:rtl}
.photographer-terms-article h1{margin:0 0 22px;color:#075f87;font:950 clamp(1.2rem,2.4vw,1.75rem)/1.75 Vazirmatn,Tahoma,Arial,sans-serif;letter-spacing:0}
.photographer-terms-article h2{margin:24px 0 7px;color:#086b94;font:950 clamp(.92rem,1.7vw,1.05rem)/1.9 Vazirmatn,Tahoma,Arial,sans-serif;letter-spacing:0}
.photographer-terms-article p{margin:0 0 11px;color:#3f5d6a;font:650 clamp(.86rem,1.45vw,.98rem)/2.15 Vazirmatn,Tahoma,Arial,sans-serif;overflow-wrap:anywhere}
.photographer-terms-status{min-height:180px;display:grid;place-items:center;color:#587481;text-align:center;font:850 .9rem/2 Vazirmatn,Tahoma,Arial,sans-serif}
.registration-terms-choice{display:flex;align-items:flex-start;gap:10px;min-height:52px;padding:11px;border:1px solid #c8e5f0;border-radius:8px;background:#fff;color:#315568;font:800 .72rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer}
.registration-terms-choice.is-invalid{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}
.registration-terms-choice input{flex:0 0 auto;width:21px;height:21px;margin-top:3px;accent-color:#078fc0}
.registration-terms-choice button{border:0;background:transparent;color:#057da9;padding:0;font:900 inherit;text-decoration:underline;cursor:pointer}
.registration-terms-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:rgba(3,39,58,.58)}
.registration-terms-dialog{width:min(720px,100%);max-height:min(92dvh,900px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(0,38,61,.3)}
.registration-terms-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-bottom:1px solid #d8eaf2}.registration-terms-dialog header h2{margin:0;font-size:.95rem;line-height:1.8}
.registration-terms-dialog header button{min-height:44px;border:1px solid #c7dfe9;border-radius:6px;background:#eef8fc;color:#075f8b;padding:0 12px;font:850 .75rem Vazirmatn}
.registration-terms-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:15px;color:#3f5d6a;font:650 max(14px,.86rem)/2 Vazirmatn,Tahoma,Arial,sans-serif;user-select:text}
.registration-terms-content h3{margin:19px 0 6px;color:#086b94;font-size:.96rem}.registration-terms-content p{margin:0 0 10px}
.registration-terms-dialog footer{padding:12px;border-top:1px solid #d8eaf2}.registration-terms-dialog footer button{width:100%;min-height:48px;border:0;border-radius:7px;background:#078fc0;color:#fff;font:900 .82rem Vazirmatn}.registration-terms-dialog footer button:disabled{background:#bedbe7;color:#607d89}
body.registration-terms-open{overflow:hidden!important}
@media(max-width:430px){.photographer-terms-page{padding:14px 10px 34px}.photographer-terms-article{padding:19px 15px}.photographer-terms-article h1{margin-bottom:17px}.photographer-terms-article p{line-height:2.05}}
@media(max-width:560px){.registration-terms-overlay{place-items:stretch;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.registration-terms-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}}
/* S1685: large first-slide Cardex donut on the official Home carousel. */
.public-home-slider.is-home-cardex-carousel{--home-donut-track:#dce8ed}
.home-cardex-donut-stage{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(5px,1vw,10px);padding:clamp(14px,2.2vw,24px) clamp(48px,6vw,76px) clamp(46px,5vw,60px);box-sizing:border-box;overflow:hidden;direction:rtl;background:linear-gradient(145deg,#f8fdff 0%,#eef9fd 100%);color:#173e50;font-family:Vazirmatn,Tahoma,Arial,sans-serif}
.home-cardex-donut-title{position:relative;z-index:2;max-width:860px;margin:0 auto;text-align:center;color:#14516b;font:950 clamp(.78rem,1.35vw,1.05rem)/1.7 Vazirmatn,Tahoma,Arial,sans-serif;text-wrap:balance}
.home-cardex-donut-layout{min-height:0;display:grid;place-items:center;direction:ltr}
.home-cardex-donut-chart{position:relative;justify-self:center;width:min(92%,clamp(300px,40vw,450px));max-height:100%;aspect-ratio:1;display:grid;place-items:center}
.home-cardex-donut-slide.is-system .home-cardex-donut-chart{width:min(94%,clamp(320px,44vw,480px))}
.home-cardex-donut-chart svg{display:block;width:100%;height:100%;overflow:visible}
.home-cardex-donut-track{stroke:var(--home-donut-track)}
.home-cardex-donut-segment{shape-rendering:geometricPrecision}
.home-cardex-donut-segment-label{fill:#fff;stroke:none;paint-order:normal;text-shadow:none;font:950 11px/1 Vazirmatn,Tahoma,Arial,sans-serif;pointer-events:none}
.home-cardex-donut-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:48%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;background:#fff;border:2px solid #fff;box-shadow:0 2px 12px rgba(16,72,95,.12);color:#607681;font-family:Vazirmatn,Tahoma,Arial,sans-serif}
.home-cardex-donut-center.is-profile img,.home-cardex-donut-center.is-profile svg,.home-cardex-donut-center.is-profile span{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;object-position:center 25%}
.home-cardex-donut-center.is-total{align-content:center;gap:0;text-align:center}
.home-cardex-donut-center.is-total strong{color:#607681;font:950 clamp(1.25rem,3vw,2rem)/1.15 Vazirmatn,Tahoma,Arial,sans-serif}
.home-cardex-donut-center.is-total span{color:#718792;font:850 clamp(.6rem,1.2vw,.78rem)/1.5 Vazirmatn,Tahoma,Arial,sans-serif}
.home-cardex-personal-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:4px;text-align:center}
.home-cardex-personal-copy h2{margin:0;color:#14516b;font:950 clamp(.9rem,1.55vw,1.15rem)/1.5 Vazirmatn,Tahoma,Arial,sans-serif}
.home-cardex-rank-copy{color:#315a6d;font:900 clamp(.7rem,1.18vw,.88rem)/1.65 Vazirmatn,Tahoma,Arial,sans-serif}
.home-cardex-personal-copy p{margin:0;color:#708691;font:750 clamp(.63rem,1vw,.76rem)/1.65 Vazirmatn,Tahoma,Arial,sans-serif}
.home-cardex-personal-copy button{min-height:44px;margin-top:2px;border:0;border-radius:9px;background:#078fc0;color:#fff;padding:0 22px;font:900 clamp(.72rem,1.05vw,.84rem) Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer;box-shadow:0 7px 16px rgba(7,143,192,.18)}
.home-cardex-personal-copy button:focus-visible{outline:3px solid rgba(7,143,192,.28);outline-offset:2px}
.home-cardex-slide-unavailable{position:relative;z-index:3;min-height:100%;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;text-align:center;color:#5f7884;font:850 .76rem/1.9 Vazirmatn,Tahoma,Arial,sans-serif}.home-cardex-slide-unavailable button{min-height:36px;border:1px solid #bcddea;border-radius:7px;background:#fff;color:#087ea7;padding:0 14px;font:900 .68rem Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer}
@media(max-width:620px){
.public-home-slider.is-home-cardex-carousel{height:clamp(510px,calc((100vw - 24px) * 1.48),620px);aspect-ratio:auto}
.home-cardex-donut-stage{grid-template-rows:auto minmax(0,1fr) auto;padding:10px 28px 42px;gap:3px}
.home-cardex-donut-title{font-size:clamp(.64rem,2.7vw,.76rem);line-height:1.55}
.home-cardex-donut-chart,.home-cardex-donut-slide.is-system .home-cardex-donut-chart{width:min(calc(100vw - 58px),310px)}
.home-cardex-donut-segment-label{font-size:9px}
.home-cardex-personal-copy{gap:2px}.home-cardex-personal-copy h2{font-size:clamp(.78rem,3.5vw,.94rem)}.home-cardex-rank-copy{font-size:clamp(.6rem,2.65vw,.72rem)}.home-cardex-personal-copy p{font-size:clamp(.54rem,2.35vw,.66rem);line-height:1.45}.home-cardex-personal-copy button{min-height:44px;margin-top:2px;padding:0 15px;font-size:clamp(.65rem,2.75vw,.76rem)}
}
@media(prefers-reduced-motion:reduce){.home-cardex-donut-segment{transition:none!important}}
/* S1693: role-positioned shadow-wallet slide; visual-only and read-only. */
.public-home-slider.is-home-cardex-carousel .home-shadow-wallet-slide{cursor:pointer;background:var(--primary,#078fc0);color:#fff;overflow:hidden;isolation:isolate}
.home-shadow-wallet-slide::after{content:none!important}
.home-shadow-wallet-texture{position:absolute;z-index:0;inset:-5%;width:110%;height:110%;object-fit:cover;opacity:.075;pointer-events:none;user-select:none;animation:s1693-wallet-texture-drift 22s ease-in-out infinite alternate}
.home-shadow-wallet-stage{position:relative;z-index:1;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;gap:2px;padding:clamp(20px,4vw,34px) 22px 48px;box-sizing:border-box;direction:rtl}
.home-shadow-wallet-image{display:block;width:min(58%,290px);max-height:66%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,46,75,.28));transform:scale(.84);opacity:.2}
.home-shadow-wallet-slide.is-active .home-shadow-wallet-image{animation:s1693-wallet-pulse 1.15s cubic-bezier(.2,.8,.22,1) .08s both}
.home-shadow-wallet-copy{display:grid;justify-items:center;gap:3px;text-align:center;opacity:0;transform:translate3d(0,10px,0)}
.home-shadow-wallet-slide.is-active .home-shadow-wallet-copy{animation:s1693-wallet-copy-in .62s ease-out 3s both}
.home-shadow-wallet-copy span{color:#fff;font:950 clamp(.82rem,3vw,1.06rem)/1.7 Vazirmatn,Tahoma,Arial,sans-serif}
.home-shadow-wallet-copy strong{color:#fff;font:1000 clamp(1.2rem,5vw,1.72rem)/1.55 Vazirmatn,Tahoma,Arial,sans-serif;unicode-bidi:plaintext}
.home-shadow-wallet-copy small{font:850 clamp(.58rem,2.3vw,.72rem)/1.6 Vazirmatn,Tahoma,Arial,sans-serif;color:rgba(255,255,255,.84)}
@keyframes s1693-wallet-pulse{0%{transform:scale(.84);opacity:.2}48%{transform:scale(1.07);opacity:1}72%{transform:scale(.97);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes s1693-wallet-copy-in{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes s1693-wallet-texture-drift{from{transform:translate3d(-8px,-5px,0)}to{transform:translate3d(11px,8px,0)}}
@media(max-width:620px){.home-shadow-wallet-stage{padding:14px 16px 42px}.home-shadow-wallet-image{width:min(62%,240px);max-height:64%}}
@media(prefers-reduced-motion:reduce){.home-shadow-wallet-texture,.home-shadow-wallet-slide.is-active .home-shadow-wallet-image,.home-shadow-wallet-slide.is-active .home-shadow-wallet-copy{animation:none!important}.home-shadow-wallet-image{transform:none;opacity:1}.home-shadow-wallet-copy{opacity:1;transform:none}}