/* صفحه‌ی «دریافت اپلیکیشن» — فقط روی همین صفحه بارگذاری می‌شود. رنگ‌ها از توکن‌های قالب (روشن/تیره، حالت کودک) می‌آیند. */
.ap{max-width:1100px}

/* ---- هیرو: متن + قاب گوشی که از لبه‌ی پایین بیرون می‌زند ---- */
.ap-hero{position:relative;display:grid;gap:8px;margin-block:14px 6px;padding:30px 20px 0;border:1px solid var(--ln);border-radius:30px;overflow:hidden;
  background:radial-gradient(60% 80% at 100% 0,var(--acs),transparent 70%),radial-gradient(50% 60% at 0 100%,rgba(255,122,184,.12),transparent 70%),var(--s1)}
.ap-hero h1{font-size:clamp(1.55rem,5.2vw,2.35rem);font-weight:800;line-height:1.5;max-width:20ch;text-wrap:balance}
.ap-hero__sub{margin:12px 0 0;color:var(--tx2);line-height:2;max-width:54ch}
.ap-hero__tx{min-width:0;padding-block-end:8px}

.ap-cta{display:none;margin-block-start:22px}
.ap[data-os=android] .ap-cta[data-for=android],.ap[data-os=ios] .ap-cta[data-for=ios],.ap[data-os=windows] .ap-cta[data-for=windows]{display:block}
.ap-cta__t{margin:0 0 10px;font-weight:800}
.ap-cta__n{margin:-4px 0 12px;color:var(--mu);font-size:.92rem}
.ap-cta__b{display:flex;flex-wrap:wrap;gap:10px}

/* ---- دکمه‌ی فروشگاه ---- */
.sb{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px;border-radius:16px;border:1px solid var(--ln);background:var(--s2);color:var(--tx);transition:border-color .15s,transform .15s}
a.sb:hover{border-color:var(--ac)}a.sb:active{transform:scale(.985)}
.sb__ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:var(--c,var(--s3))}
.sb__ic svg{width:24px;height:24px}.sb__ic img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.sb__tx{display:grid;gap:0;line-height:1.5;min-width:0;flex:1}
.sb__tx small{color:var(--mu);font-size:.74rem}.sb__tx b{font-size:1rem;font-weight:800}
.sb__go{display:grid;place-items:center;color:var(--mu)}.sb__go .ic{width:20px;height:20px}
a.sb:hover .sb__go{color:var(--ac)}
.sb__soon{font-style:normal;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--hov);color:var(--mu);white-space:nowrap}
.sb.is-off{background:transparent;border-style:dashed;border-color:var(--ln2);color:var(--mu)}
.sb.is-off .sb__ic{filter:grayscale(1);opacity:.55}.sb.is-off b{color:var(--mu)}

/* بزرگ (هیرو): مثل نشان فروشگاه‌ها، با کنتراست معکوس */
.sb--lg{min-height:60px;padding:9px 16px 9px 18px;border-color:transparent;background:var(--tx);color:var(--bg)}
.sb--lg .sb__tx small{color:inherit;opacity:.7}.sb--lg .sb__go{color:inherit;opacity:.6}
a.sb--lg:hover{border-color:transparent;filter:brightness(1.12)}a.sb--lg:hover .sb__go{color:inherit}
.sb--lg.is-off{background:transparent;border:1.5px dashed var(--ln2);color:var(--mu)}
.sb--lg.is-off .sb__tx small{color:var(--mu);opacity:1}
.ap-cta__b .sb{flex:1 1 190px;max-width:260px}

/* ---- قاب گوشی (نمونه‌ی گرافیکی پلیر؛ با تصویر برنامه جایگزین می‌شود) ---- */
.ap-hero__ph{position:relative;height:380px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;margin-inline:-20px}
.ph{flex:none;width:262px;height:560px;padding:8px;border-radius:44px;background:#0d0d14;box-shadow:0 0 0 2px #2a2a38,0 40px 70px -28px var(--shh)}
.ph__scr{position:relative;height:100%;border-radius:36px;overflow:hidden;background:#0a0a0f;color:#f4f4f8;display:flex;flex-direction:column;gap:10px;padding:14px 12px;font-size:12px;line-height:1.6}
.ph__scr::before{content:"";position:absolute;inset-block-start:7px;inset-inline:0;margin-inline:auto;width:70px;height:18px;border-radius:12px;background:#000;z-index:2}
.ph__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.ph__top{display:flex;align-items:center;gap:8px;margin-block-start:20px;font-weight:800;font-size:13px}
.ph__top i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#8b7bff,#ff7ab8)}
.ph__vid{position:relative;flex:none;height:178px;border-radius:18px;overflow:hidden;
  background:radial-gradient(80% 90% at 22% 12%,rgba(255,122,184,.75),transparent 60%),radial-gradient(70% 80% at 85% 95%,rgba(139,123,255,.85),transparent 62%),#1a1a28}
.ph__lv{position:absolute;inset-block-start:10px;inset-inline-start:10px;padding:1px 8px;border-radius:8px;background:rgba(0,0,0,.45);font-weight:800;font-size:11px}
.ph__play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);inset-block-end:34px}
.ph__play .ic{width:18px;height:18px}
.ph__sub{position:absolute;inset-inline:8px;inset-block-end:8px;display:grid;gap:1px;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.55);text-align:center}
.ph__sub span:first-child{font-weight:700;font-size:11.5px}.ph__sub u{text-decoration:none;color:#ffe08a;border-block-end:2px solid #ffe08a}
.ph__sub span:last-child{color:#ffe08a;font-size:11.5px}
.ph__bar{height:4px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}.ph__bar i{display:block;width:38%;height:100%;background:linear-gradient(90deg,#8b7bff,#ff7ab8)}
.ph__word{display:grid;gap:2px;padding:10px 12px;border-radius:16px;background:#1b1b26;border:1px solid rgba(255,255,255,.08)}
.ph__word div{display:flex;align-items:baseline;gap:8px}.ph__word b{font-size:17px}.ph__word small{color:#9a9db0}
.ph__word p{margin:0;color:#d6d7e2}
.ph__save{display:inline-flex;align-items:center;gap:5px;justify-self:start;margin-block-start:4px;padding:3px 10px;border-radius:999px;background:rgba(139,123,255,.2);color:#b9afff;font-weight:700;font-size:11px}
.ph__save .ic{width:13px;height:13px}
.ph__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ph__row span{height:74px;border-radius:14px;background:linear-gradient(135deg,#252533,#1b1b26)}
.ph__row span:first-child{background:linear-gradient(135deg,rgba(255,122,184,.45),#1b1b26)}
.ph-chip{display:none}

/* ---- کارت نسخه‌ها ---- */
.apcs{display:grid;gap:14px}
.apc{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--ln);border-radius:24px;background:var(--s1)}
.apc__h{display:flex;align-items:center;gap:12px}
.apc__h>div{flex:1;min-width:0}.apc__h h3{font-size:1.05rem;font-weight:800}.apc__h small{display:block;line-height:1.5}
.apc__ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;background:var(--acs);color:var(--ac);font-style:normal}
.apc__ic .ic{width:24px;height:24px}
.apc__b{display:grid;gap:10px}
.apc__you{display:none;position:absolute;inset-block-start:-11px;inset-inline-start:18px;padding:2px 12px;border-radius:999px;background:var(--ac);color:var(--on-ac);font-size:.72rem;font-weight:800;white-space:nowrap}
.ap[data-detected=android] .apc[data-plat=android],.ap[data-detected=ios] .apc[data-plat=ios],.ap[data-detected=windows] .apc[data-plat=windows]{order:-1;border-color:var(--ac)}
.ap[data-detected=android] [data-plat=android] .apc__you,.ap[data-detected=ios] [data-plat=ios] .apc__you,.ap[data-detected=windows] [data-plat=windows] .apc__you{display:inline-flex}
.chip{padding:2px 11px;border-radius:999px;font-size:.74rem;font-weight:800;white-space:nowrap}
.chip--ok{background:rgba(70,211,154,.14);color:var(--ok)}.chip--soon{background:var(--hov);color:var(--mu)}
.apc.is-soon .apc__ic{background:var(--hov);color:var(--mu)}

/* ---- امکانات: فهرست بدون کارت (تا با کارت‌های بالا یک‌شکل نشود) ---- */
.apf{display:grid;gap:0 36px;margin:0;padding:0;list-style:none}
.apf li{display:flex;gap:14px;align-items:flex-start;padding-block:16px;border-block-start:1px solid var(--ln)}
.apf i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--acs);color:var(--ac);font-style:normal}
.apf b{display:block;font-weight:800;line-height:1.6}.apf p{margin:2px 0 0;color:var(--mu);font-size:.92rem;line-height:1.9;max-width:44ch}

/* ---- گالری ---- */
.apg{display:flex;gap:14px;overflow-x:auto;padding-block:6px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.apg figure{flex:none;width:min(62vw,210px);margin:0;border:1px solid var(--ln);border-radius:26px;overflow:hidden;background:var(--s2);scroll-snap-align:center}
.apg img{width:100%;aspect-ratio:9/19;object-fit:cover}

/* ---- تبلت و دسکتاپ ---- */
@media (min-width:720px){
  .ap-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:20px;padding:44px 44px 0}
  .ap-hero__tx{padding-block-end:48px}
  .ap-hero__ph{height:470px;align-self:end;margin-inline:0}
  .ph{width:290px;height:610px}
  .ph__vid{height:200px}.ph__row span{height:90px}
  .ph-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--s1);border:1px solid var(--ln2);box-shadow:0 14px 30px -14px var(--shm);font-weight:800;font-size:.82rem;z-index:2}
  .ph-chip i{width:1px;height:12px;background:var(--ln2)}
  .ph-chip .ic{width:16px;height:16px;color:var(--ok)}
  .ph-chip--a{inset-block-start:118px;inset-inline-end:0}
  .ph-chip--b{inset-block-start:384px;inset-inline-start:3%}
  .apf{grid-template-columns:1fr 1fr}
  .apf li:nth-child(2){border-block-start:1px solid var(--ln)}
}
@media (min-width:900px){.apcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:420px){.ap-cta__b .sb{max-width:none}}
@media (prefers-reduced-motion:reduce){.sb{transition:none}}