/* Selora download landing — inspired by the Banket layout, with Selora branding. */
:root {
  --download-blue: #2a39c6;
  --download-text: #1c2030;
  --download-muted: #69738b;
  --download-line: #e8eaf3;
}
.download-page, .download-page *, .download-page *::before, .download-page *::after { box-sizing: border-box; }
.download-page { margin: 0; min-height: 100vh; color: var(--download-text); background: #fff; font-family: IRANSansX, Tahoma, sans-serif; }
.download-page button, .download-page input { font-family: inherit; }
.download-main { width: min(1230px, calc(100% - 48px)); margin: 0 auto; padding: 100px 0 105px; }
.download-stage { position: relative; isolation: isolate; min-height: 550px; display: grid; grid-template-columns: minmax(330px, 41%) minmax(0, 1fr); align-items: center; overflow: visible; border-radius: 38px 38px 38px 78px; background: #f3f2f1; }
.download-stage::before { content: ""; position: absolute; z-index: -1; inset: 0; border-radius: inherit; background: radial-gradient(ellipse at 62% 78%, rgba(152, 166, 255, .40), transparent 37%), radial-gradient(ellipse at 42% 50%, rgba(255, 215, 145, .40), transparent 47%), radial-gradient(ellipse at 15% 16%, rgba(229, 235, 255, .75), transparent 55%); pointer-events: none; }
.download-stage__glow { position: absolute; z-index: -1; left: 2%; bottom: 2%; width: 35%; height: 40%; background: radial-gradient(ellipse, rgba(235, 178, 205, .34), transparent 70%); pointer-events: none; }
.download-stage__content { position: relative; z-index: 2; min-width: 0; padding: 54px 8% 52px 0; }
.download-stage__eyebrow { display: inline-block; color: #505978; font-size: 13px; font-weight: 650; }
.download-stage h1 { margin: 13px 0 12px; font-size: clamp(29px, 3.25vw, 45px); font-weight: 900; line-height: 1.6; letter-spacing: -.5px; }
.download-stage h1 span { color: var(--download-blue); }
.download-stage__subtitle { max-width: 450px; margin: 0; color: #596377; font-size: 13px; line-height: 2.1; }
.download-platform-tabs { display: inline-flex; align-items: center; gap: 3px; margin: 35px 0 23px; padding: 4px; border-radius: 999px; background: rgba(255,255,255,.87); border: 1px solid rgba(255,255,255,.9); }
.download-platform-tabs button { min-width: 108px; min-height: 36px; padding: 7px 14px; border: 0; border-radius: 999px; color: #657087; background: transparent; font-size: 12px; font-weight: 700; cursor: pointer; transition: background .2s, color .2s; }
.download-platform-tabs button[aria-selected="true"] { background: #eff1ff; color: var(--download-blue); box-shadow: 0 1px 4px rgba(33,45,100,.08); }
.download-platform-panel[hidden] { display: none !important; }
.download-store-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; width: min(460px,100%); }
.download-store-link { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 54px; padding: 9px 12px; border: 1px solid rgba(227,230,242,.85); border-radius: 15px; background: #fff; color: #262a3e; box-shadow: 0 5px 18px rgba(27,37,78,.035); text-decoration: none; font-size: 12px; font-weight: 750; line-height: 1.6; transition: transform .16s, box-shadow .16s, border-color .16s; }
a.download-store-link:hover { transform: translateY(-2px); border-color: #a3abef; box-shadow: 0 8px 25px rgba(42,57,198,.11); }
a.download-store-link:focus-visible, .download-platform-tabs button:focus-visible, .download-install-button:focus-visible { outline: 3px solid #a7b2ff; outline-offset: 3px; }
.download-store-link__icon { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 11px; font-weight: 900; font-size: 21px; }
.download-store-link__icon svg { width: 21px; height: 21px; display: block; }
.download-store-link__icon--brand img { width: 30px; height: 30px; display: block; }
.download-store-link__icon img { object-fit: contain; }
.download-store-link__icon--direct { background: #edf1ff; color: #3141b9; }
.download-store-link__icon--brand { background: transparent; }
.download-store-link__icon--pwa { background: #ede8ff; color: #6b47d0; }
.download-store-link--disabled { background: rgba(255,255,255,.64); color: #8b92a4; cursor: not-allowed; box-shadow: none; }
.download-store-link--disabled small { display: block; font-size: 10px; color: #9199ad; font-weight: 500; }
.download-store-grid--ios { grid-template-columns: minmax(0,260px); }
.download-store-link--featured { color: var(--download-blue); border-color: rgba(42,57,198,.15); }
/* Real storefront asset rendered within a decorative phone silhouette. */
.download-stage__phone { position: relative; align-self: end; justify-self: center; width: min(100%, 320px); height: 626px; margin-top: -70px; margin-bottom: -1px; }
.download-phone { position: relative; width: 286px; height: 606px; margin-inline: auto; border: 7px solid #1c202a; border-radius: 45px 45px 0 0; background: #1c202a; box-shadow: 0 0 0 2px #a5adbc, 0 23px 55px rgba(29,35,64,.24); overflow: hidden; }
.download-phone__screen { position: absolute; inset: 4px 4px 0; overflow: hidden; border-radius: 35px 35px 0 0; background: #fff; }
.download-phone__screen img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.download-phone__camera { position: absolute; z-index: 2; top: 15px; left: 50%; transform: translateX(-50%); width: 74px; height: 20px; border-radius: 999px; background: #191c24; box-shadow: 0 0 0 2px rgba(29,33,45,.3); }
.download-phone__home { display: none; }
.download-phone__brand { position: absolute; z-index: 3; top: 140px; left: -6px; width: 84px; height: 84px; padding: 7px; background: #fff; border: 1px solid #edf0ff; border-radius: 25px; box-shadow: 0 15px 32px rgba(21,31,72,.15); transform: rotate(-10deg); }
.download-phone__brand img { width: 100%; height: 100%; object-fit: contain; }
.download-install { scroll-margin-top: 100px; max-width: 100%; margin: 58px auto 0; padding: 27px 30px; border: 1px solid var(--download-line); border-radius: 27px; background: #fcfcff; }
.download-install__intro { display: flex; align-items: center; gap: 15px; }
.download-install__symbol { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 17px; background: #eef0ff; color: var(--download-blue); }
.download-install__symbol svg { width: 26px; height: 26px; }
.download-install__intro > div { min-width: 0; flex: 1; }
.download-install h2 { margin: 0 0 5px; font-size: 20px; font-weight: 850; }
.download-install p { margin: 0; color: var(--download-muted); line-height: 2; font-size: 12px; }
.download-install-button { display: inline-flex; align-items: center; justify-content: center; flex: none; min-height: 44px; padding: 10px 22px; border: 0; border-radius: 13px; background: var(--download-blue); color: #fff; cursor: pointer; font-size: 13px; font-weight: 750; }
.download-install-button[hidden] { display: none; }
.download-guide-heading { margin: 25px 0 14px; padding-top: 22px; border-top: 1px solid #edf0f8; }
.download-guide-heading h3 { margin: 0 0 5px; font-size: 16px; font-weight: 850; }
.download-guide-heading p { font-size: 12px; line-height: 1.9; }
.download-guide-tabs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 14px; }
.download-guide-tabs button { min-height: 39px; padding: 8px 17px; border: 1px solid #e2e6f3; border-radius: 12px; color: #64718c; background: white; font-size: 12px; font-weight: 750; cursor: pointer; transition: background .18s, color .18s, border-color .18s; }
.download-guide-tabs button[aria-selected="true"] { color: #2939c7; border-color: #cfd6fc; background: #eef0ff; }
.download-guide-tabs button:focus-visible { outline: 3px solid #9da9f4; outline-offset: 2px; }
.download-install-guide { margin: 0; padding: 23px 25px; background: #fff; border: 1px solid #e8ebf5; border-radius: 19px; }
.download-install-guide[hidden] { display: none !important; }
.download-install-guide__title { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 20px; }
.download-install-guide__title h4 { margin: 0; font-size: 15px; font-weight: 850; }
.download-install-guide__title span { padding: 4px 10px; border-radius: 999px; background: #f3f5fb; color: #65718d; font-size: 10px; font-weight: 700; direction: ltr; }
.download-guide-steps { margin: 0; padding: 0; list-style: none; counter-reset: selora-guide-step; display: grid; gap: 13px; }
.download-guide-steps li { position: relative; counter-increment: selora-guide-step; min-height: 34px; padding: 5px 45px 4px 0; font-size: 12px; line-height: 2; color: #535f78; }
.download-guide-steps li::before { content: counter(selora-guide-step); position: absolute; top: 3px; right: 0; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: #eef0ff; color: #2939c7; font-family: inherit; font-size: 13px; font-weight: 850; }
.download-guide-steps li strong { color: #252e4d; font-weight: 750; }
.download-guide-steps bdi { unicode-bidi: isolate; }
.download-install .download-guide-help { margin-top: 22px; padding: 11px 14px; border-radius: 12px; background: #f6f7fd; font-size: 11px; line-height: 2; }
.download-guide-desktop-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.download-guide-desktop-card { padding: 18px; background: #fcfcff; border: 1px solid #edf0f8; border-radius: 14px; }
.download-guide-desktop-card h5 { margin: 0 0 16px; font-size: 13px; font-weight: 850; }
@media (max-width: 1040px) {
  .download-stage { grid-template-columns: minmax(250px, 37%) minmax(0,1fr); }
  .download-stage__content { padding-inline-end: 5%; padding-inline-start: 10px; }
  .download-stage__phone { transform: scale(.87); transform-origin: bottom center; }
  .download-stage h1 { font-size: clamp(25px,3.4vw,36px); }
  .download-store-link { padding: 8px; gap: 8px; font-size: 11px; }
}
@media (max-width: 760px) {
  .download-main { width: min(560px, calc(100% - 24px)); padding: 18px 0 calc(110px + env(safe-area-inset-bottom,0px)); }
  .download-breadcrumb { margin: 0 6px 20px; }
  .download-stage { display: flex; flex-direction: column; min-height: 0; overflow: hidden; border-radius: 26px 26px 32px 32px; }
  .download-stage__phone { order: 0; align-self: center; flex: none; width: 100%; height: 235px; margin: 0; transform: none; overflow: hidden; }
  .download-phone { width: 184px; height: 385px; margin: 16px auto 0; border-width: 5px; border-radius: 33px; }
  .download-phone__screen { inset: 3px 3px 0; border-radius: 27px 27px 0 0; }
  .download-phone__camera { top: 10px; width: 55px; height: 14px; }
  .download-phone__brand { top: 90px; left: calc(50% - 135px); width: 54px; height: 54px; padding: 4px; border-radius: 16px; }
  .download-stage__content { order: 1; width: 100%; padding: 15px 17px 25px; text-align: center; }
  .download-stage__eyebrow { font-size: 11px; }
  .download-stage h1 { font-size: clamp(25px,6vw,31px); margin: 5px 0 7px; line-height: 1.6; }
  .download-stage__subtitle { font-size: 11px; margin-inline: auto; }
  .download-platform-tabs { margin: 20px 0 15px; }
  .download-store-grid { width: 100%; text-align: right; }
  .download-store-link { min-height: 54px; padding: 7px 9px; border-radius: 13px; gap: 8px; font-size: 11px; }
  .download-store-link__icon { width: 30px; height: 30px; border-radius: 9px; }
  .download-store-link__icon svg { width: 18px; height: 18px; }
  .download-store-link__icon--brand img { width: 27px; height: 27px; }
  .download-store-grid--ios { grid-template-columns: minmax(0,1fr); max-width: 280px; margin: 0 auto; }
  .download-install { margin-top: 22px; padding: 20px 17px; border-radius: 20px; }
  .download-install__intro { align-items: flex-start; gap: 10px; flex-wrap: wrap; }
  .download-install__symbol { width: 42px; height: 42px; border-radius: 13px; }
  .download-install__symbol svg { width: 23px; height: 23px; }
  .download-install h2 { font-size: 15px; }
  .download-install p { font-size: 11px; }
  .download-install-button { width: 100%; }
  .download-guide-heading { margin-top: 19px; padding-top: 18px; }
  .download-guide-heading h3 { font-size: 14px; }
  .download-guide-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  .download-guide-tabs button { padding: 8px 3px; min-height: 43px; font-size: 10px; }
  .download-install-guide { padding: 15px 13px; border-radius: 15px; }
  .download-install-guide__title { margin-bottom: 14px; }
  .download-install-guide__title h4 { font-size: 13px; }
  .download-guide-steps { gap: 10px; }
  .download-guide-steps li { padding-right: 39px; font-size: 11px; }
  .download-guide-steps li::before { width: 28px; height: 28px; font-size: 12px; }
  .download-guide-desktop-grid { grid-template-columns: 1fr; gap: 10px; }
  .download-guide-desktop-card { padding: 12px; }
  .download-install .download-guide-help { font-size: 10px; }
}
@media (max-width: 365px) {
  .download-main { width: calc(100% - 16px); }
  .download-store-grid { grid-template-columns: minmax(0,1fr); }
  .download-store-link { min-height: 45px; }
}
@media (prefers-reduced-motion: reduce) { .download-store-link, .download-platform-tabs button { transition: none; } }