/* The navigation belongs to the scene; commerce keeps its calm, light surface. */
body.cinema-mode{background:#090b0e}
.cinema-mode .announcement{display:none}
.cinema-mode #app{background:#090b0e}
.cinema-mode .topbar{position:fixed;inset:0 0 auto;height:104px;background:linear-gradient(#090b0ee6,#090b0e88);border-color:#ffffff14;backdrop-filter:blur(12px);color:#e7e9ea;transition:background-color 200ms ease-out}
.cinema-mode.cinema-scrolled .topbar{background:#090b0ef2}
/* Preserve the original red/gray artwork; a light surface keeps its dark subtitle legible. */
.cinema-mode .brand img,.cinema-mode .footer-brand img{filter:none;background:#f2f2f0;border-radius:7px;padding:6px 8px;box-sizing:border-box}
.cinema-mode .desktop-nav a{color:#c9cdd3}.cinema-mode .desktop-nav a.active,.cinema-mode .desktop-nav a:hover{color:white}
.cinema-mode .desktop-nav a.active:after{background:#ed4354}
.cinema-mode .mobile-navigation{background:#101318;color:#e7e9ea;border-bottom:1px solid #ffffff24}
.cinema-mode .mobile-navigation a{border-color:#ffffff1c}
.cinema-mode #site-footer{background:#090b0e;color:#c0c6cf;border-top:1px solid #ffffff24}
.cinema-mode .footer-main h3{color:#e8eaee}
.cinema-mode .footer-main p,.cinema-mode .footer-bottom{color:#9fa8b5}
.cinema-mode .footer-bottom{border-color:#ffffff24}
.cinema-mode .social-links a{background:#ffffff08;border-color:#ffffff30;color:#d4d9e1}
.cinema-mode .social-links a:hover{color:#fff;background:#ffffff16}
.cinema-mode .cine-hero{height:100svh;min-height:760px;max-height:1100px}
.cinema-mode .cine-hero-content{padding-top:clamp(140px,17vh,190px)}
.cinema-has-film .cine-hero-image{animation-play-state:paused}
.cinema-dormant *,.cinema-dormant *::before,.cinema-dormant *::after{animation-play-state:paused}
.cinema-mode .cine-hero::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 160px #0003}
.cine-hero-kicker,.cine-hero h1,.cine-hero-copy,.cine-hero-actions{position:relative;z-index:4}
.cinema-enhanced .cine-rear-copy{transform:translate3d(0,calc((var(--scene-progress,.5) - .5) * -25px),0)}
.cinema-paused .cine-rear-copy{transform:none}
.view[data-page=store] .store-heading{isolation:isolate;position:relative;overflow:hidden;background:#101318;color:#f2f3f5;min-height:350px}
.view[data-page=store] .store-heading::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(270deg,#090b0ef5,#090b0e99 48%,#090b0e22),url('assets/cinematic-rear.jpg') 22% 49%/cover}
.view[data-page=store] .store-heading .eyebrow{color:#ef8d97}
.view[data-page=store] .store-heading p{color:#c0c7d1}
.view[data-page=store] .store-heading-art{display:none}
.view[data-page=store] .store-heading::after{content:'مشهد تعبيري';position:absolute;left:20px;bottom:14px;font-size:9px;color:#c9cdd3}
@media(max-width:1000px){.cinema-mode .cine-hero-content{padding-top:140px}}
@media(max-width:700px){.cinema-mode .topbar{height:80px}.cinema-mode .cine-hero{height:100svh;min-height:850px;max-height:1100px}.cinema-mode .cine-hero-content{padding-top:125px}.view[data-page=store] .store-heading{min-height:265px}.view[data-page=store] .store-heading::before{background-position:20% center}}
@media(max-width:380px){.cinema-mode .cine-hero{min-height:820px}.cinema-mode .cine-hero-content{padding-top:122px}.view[data-page=store] .store-heading{min-height:250px}}
@media(prefers-reduced-motion:reduce){.cinema-mode .topbar{transition:none}.cinema-enhanced .cine-rear-copy{transform:none}.cinema-mode .cine-hero::after{box-shadow:none}}
html{scroll-behavior:auto}
@media(max-width:700px){.cinematic-page.cinema-in-view .cine-motion-toggle{position:fixed;left:18px;bottom:18px;z-index:26;background:#11161ce8;backdrop-filter:blur(8px);font-size:10px;min-height:44px;border-color:#ffffff66}}
.developer-credit{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding-block:20px;border-top:1px solid var(--hairline);font-size:12px;color:var(--gray)}.developer-brand{display:inline-flex;align-items:center;gap:12px;min-height:64px;font-weight:600;color:#434b57}.developer-brand img{width:64px;height:64px;object-fit:contain;filter:none;background:#10141a;border-radius:9px;padding:5px}.developer-brand>span:last-child{font-size:19px;color:#8b349e}.cinema-mode .developer-credit{border-color:#ffffff24;color:#9fa8b5}.cinema-mode .developer-brand{color:#e4e8ed}.developer-brand:hover{color:#ac28ce}.auth-intro{text-align:center;padding:4px 0 12px}.auth-intro img{margin:auto}.auth-intro p{font-size:13px;color:var(--gray);margin-top:14px}.auth-recovery{padding:8px 0;text-align:start;color:var(--blue);font-size:13px}.sheet .field-label +.input +p{margin-top:7px}.input[readonly]{background:#f4f5f7;color:#565d68}@media(max-width:600px){.developer-credit{justify-content:flex-start;gap:18px}.developer-brand{gap:9px}}

.developer-brand img{background:#10141a;border-radius:9px;padding:5px}