.tashkeel-app-page .tashkeel-app-icon{width:96px;height:96px;border-radius:28px;display:block;margin:0 auto 16px;box-shadow:0 18px 42px rgba(6,63,82,.18)}
.tashkeel-app-page .tashkeel-app-icon.small{width:58px;height:58px;border-radius:18px;margin:0}
.tashkeel-app-page .tashkeel-stat-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.tashkeel-app-page .tashkeel-stat{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;color:#334155;font-weight:800}
.tashkeel-app-page .tashkeel-stat b{color:var(--blue)}
.tashkeel-app-page .tashkeel-screenshot{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,249,240,.88));padding:22px;box-shadow:var(--shadow-soft)}
.tashkeel-app-page .phone-mock{max-width:340px;margin:auto;border-radius:36px;border:10px solid #0f2935;background:#fff;box-shadow:0 26px 70px rgba(6,63,82,.22);overflow:hidden}
.tashkeel-app-page .phone-top{height:34px;background:#0f2935}
.tashkeel-app-page .phone-body{padding:20px;background:linear-gradient(180deg,#fffaf3,#fff)}
.tashkeel-app-page .phone-title{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--blue);margin-bottom:14px}
.tashkeel-app-page .phone-title img{width:38px;height:38px;border-radius:12px}
.tashkeel-app-page .phone-card{border:1px solid var(--line);border-radius:20px;padding:14px;background:#fff;margin-bottom:12px}
.tashkeel-app-page .phone-line{height:10px;border-radius:999px;background:#e7edf1;margin:8px 0}
.tashkeel-app-page .phone-line.short{width:62%}
.tashkeel-app-page .phone-button{height:38px;border-radius:18px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900;margin-top:12px}
.tashkeel-app-page .download-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.tashkeel-app-page .download-meta span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;color:#475569;font-weight:800}
.tashkeel-app-page .tashkeel-steps{counter-reset:step;display:grid;gap:14px}
.tashkeel-app-page .tashkeel-step{position:relative;padding:18px 54px 18px 18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.tashkeel-app-page .tashkeel-step:before{counter-increment:step;content:counter(step);position:absolute;right:18px;top:18px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#F3E4CF;color:#8A5A26;font-weight:900}
.tashkeel-app-page .soft-warning{border:1px solid rgba(184,137,74,.28);background:rgba(255,250,243,.9);border-radius:26px;padding:18px;color:#4b5563}
@media(max-width:720px){.tashkeel-app-page .tashkeel-app-icon{width:82px;height:82px}.tashkeel-app-page .phone-mock{max-width:300px}}


.tashkeel-app-page .phone-mock,.tashkeel-app-page .tashkeel-screenshot,.tashkeel-app-page .tashkeel-step,.gallery-card{box-shadow:0 8px 20px rgba(31,81,96,.06)!important;border-color:var(--line)!important;background:#fff!important}
.tashkeel-app-page .phone-top,.tashkeel-app-page .phone-button{background:var(--blue)!important}
.tashkeel-app-page .phone-body,.tashkeel-app-page .download-meta span,.screenshots-heading,.gallery-card figcaption{background:#fbfaf7!important;color:var(--muted)!important}
.screenshots-heading h2{font-size:1.25rem!important;line-height:1.5!important;color:var(--blue)!important}