/* XiaomiGlobal Product App Downloads — v1.7.0
 * فقط صفحه /product-app-downloads/ را هدف می‌گیرد.
 */
body.xg-app-downloads-ready{
  --xg-app-page-max:1320px;
  --xg-app-gap:22px;
  --xg-app-border:#e4e9f0;
  --xg-app-soft:#f8fafc;
  --xg-app-text:#0f172a;
  --xg-app-muted:#475569;
}
body.xg-app-downloads-ready .xg-app-grid-shell,
body.xg-app-downloads-ready .xg-app-grid-shell-outer{overflow:visible!important;}

body.xg-app-downloads-ready .xg-app-search-wrap{
  width:min(var(--xg-app-page-max),calc(100vw - 48px))!important;
  max-width:none!important;
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
}
body.xg-app-downloads-ready .xg-app-search-wrap input,
body.xg-app-downloads-ready .xg-app-search-wrap [type="search"]{
  width:100%!important;min-height:54px!important;padding:13px 22px!important;
  border-radius:18px!important;box-sizing:border-box!important;font-size:15px!important;
}

body.xg-app-downloads-ready .xg-app-viewport{
  width:100vw!important;max-width:100vw!important;position:relative!important;
  margin:0!important;padding:0 24px!important;display:flex!important;
  justify-content:center!important;align-items:stretch!important;overflow:visible!important;
  box-sizing:border-box!important;direction:rtl!important;
}
body.xg-app-downloads-ready .xg-app-grid{
  width:min(var(--xg-app-page-max),calc(100vw - 48px))!important;max-width:var(--xg-app-page-max)!important;
  position:static!important;margin:18px auto 54px!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--xg-app-gap)!important;
  align-items:stretch!important;direction:rtl!important;box-sizing:border-box!important;
}

body.xg-app-downloads-ready .xg-app-card{
  width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;
  min-height:620px!important;margin:0!important;padding:0!important;border:1px solid var(--xg-app-border)!important;
  border-radius:22px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
  overflow:hidden!important;box-sizing:border-box!important;direction:rtl!important;text-align:right!important;
}
body.xg-app-downloads-ready .xg-app-card-layout{
  min-height:620px!important;height:100%!important;padding:18px!important;display:grid!important;
  grid-template-rows:92px 178px 54px 96px minmax(74px,auto)!important;
  gap:12px!important;align-content:start!important;box-sizing:border-box!important;
}
body.xg-app-downloads-ready .xg-app-card *{min-width:0!important;box-sizing:border-box!important;}
body.xg-app-downloads-ready .xg-app-card h3,
body.xg-app-downloads-ready .xg-app-card h4,
body.xg-app-downloads-ready .xg-app-card p{margin:0!important;}

body.xg-app-downloads-ready .xg-app-logo-box{
  height:92px!important;min-height:92px!important;width:100%!important;padding:12px 16px!important;
  border:1px solid #e8edf3!important;border-radius:17px!important;background:var(--xg-app-soft)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
body.xg-app-downloads-ready .xg-app-logo-image{
  display:block!important;max-width:190px!important;max-height:62px!important;width:auto!important;height:auto!important;
  object-fit:contain!important;object-position:center!important;
}
body.xg-app-downloads-ready .xg-app-logo-fallback{
  font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:900!important;line-height:1!important;
  color:var(--xg-app-text)!important;text-align:center!important;letter-spacing:-.4px!important;
}

body.xg-app-downloads-ready .xg-app-info{
  height:178px!important;min-height:178px!important;padding:14px 12px!important;text-align:center!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  overflow:hidden!important;
}
body.xg-app-downloads-ready .xg-app-info h3{
  min-height:58px!important;max-height:58px!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:19px!important;line-height:1.5!important;font-weight:900!important;color:var(--xg-app-text)!important;
  text-align:center!important;overflow-wrap:anywhere!important;
}
body.xg-app-downloads-ready .xg-app-subtitle{
  min-height:28px!important;margin-top:2px!important;font-size:14px!important;line-height:1.8!important;
  font-weight:800!important;color:#2563eb!important;text-align:center!important;
}
body.xg-app-downloads-ready .xg-app-info p{
  margin-top:8px!important;max-height:76px!important;overflow:hidden!important;font-size:13px!important;
  line-height:1.85!important;color:var(--xg-app-muted)!important;text-align:center!important;
  overflow-wrap:anywhere!important;word-break:normal!important;
}

body.xg-app-downloads-ready .xg-app-actions{
  width:100%!important;height:54px!important;display:grid!important;
  grid-template-columns:58px 58px minmax(90px,1fr)!important;gap:8px!important;direction:ltr!important;
}
body.xg-app-downloads-ready .xg-app-action{
  height:54px!important;min-height:54px!important;padding:7px!important;border-radius:14px!important;
  border:1px solid #dbe2ea!important;display:flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;text-decoration:none!important;background:#0f172a!important;color:#fff!important;
  font-size:12px!important;font-weight:900!important;line-height:1.2!important;overflow:hidden!important;
}
body.xg-app-downloads-ready .xg-app-action svg{width:26px!important;height:26px!important;flex:0 0 26px!important;display:block!important;}
body.xg-app-downloads-ready .xg-app-action>span{display:none!important;}
body.xg-app-downloads-ready .xg-app-action.xg-android{color:#3ddc84!important;}
body.xg-app-downloads-ready .xg-app-action.xg-apple{color:#fff!important;}
body.xg-app-downloads-ready .xg-app-action.xg-official{
  background:#fff!important;color:var(--xg-app-text)!important;direction:rtl!important;text-align:center!important;
}
body.xg-app-downloads-ready .xg-app-action.xg-official>span{display:block!important;white-space:normal!important;}
body.xg-app-downloads-ready .xg-app-action.is-disabled{opacity:.42!important;cursor:not-allowed!important;}

body.xg-app-downloads-ready .xg-app-models{
  height:96px!important;min-height:96px!important;padding:13px!important;border:1px solid #e8edf3!important;
  border-radius:16px!important;background:var(--xg-app-soft)!important;text-align:center!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
}
body.xg-app-downloads-ready .xg-app-models h4{
  font-size:16px!important;line-height:1.6!important;font-weight:900!important;color:var(--xg-app-text)!important;
}
body.xg-app-downloads-ready .xg-app-models p{
  margin-top:6px!important;max-height:44px!important;overflow:hidden!important;font-size:12px!important;
  line-height:1.75!important;color:#334155!important;text-align:center!important;overflow-wrap:anywhere!important;
}

body.xg-app-downloads-ready .xg-app-guide{
  width:100%!important;align-self:end!important;border:1px solid #e8edf3!important;border-radius:16px!important;
  background:var(--xg-app-soft)!important;overflow:hidden!important;margin:0!important;
}
body.xg-app-downloads-ready .xg-app-guide summary{
  min-height:72px!important;padding:15px 14px!important;display:flex!important;align-items:center!important;
  justify-content:center!important;cursor:pointer!important;list-style:none!important;text-align:center!important;
  font-size:15px!important;line-height:1.7!important;font-weight:900!important;color:var(--xg-app-text)!important;
}
body.xg-app-downloads-ready .xg-app-guide summary::-webkit-details-marker{display:none!important;}
body.xg-app-downloads-ready .xg-app-guide summary::before{content:'◀';font-size:11px;margin-left:7px;transition:transform .2s ease;}
body.xg-app-downloads-ready .xg-app-guide[open] summary::before{transform:rotate(-90deg);}
body.xg-app-downloads-ready .xg-app-guide-body{padding:0 15px 16px!important;border-top:1px solid #e8edf3!important;}
body.xg-app-downloads-ready .xg-app-gmail-note{
  margin:12px 0 10px!important;padding:10px 12px!important;border-radius:12px!important;background:#eff6ff!important;
  color:#1d4ed8!important;font-size:12px!important;line-height:1.8!important;font-weight:800!important;
}
body.xg-app-downloads-ready .xg-app-guide ol{margin:0!important;padding:0 19px 0 0!important;}
body.xg-app-downloads-ready .xg-app-guide li{
  margin:7px 0!important;font-size:12px!important;line-height:1.9!important;color:#334155!important;
  overflow-wrap:anywhere!important;
}

@media (max-width:1024px){
  body.xg-app-downloads-ready .xg-app-viewport{padding:0 12px!important;}
  body.xg-app-downloads-ready .xg-app-grid{
    width:calc(100vw - 24px)!important;max-width:none!important;
    grid-template-columns:repeat(4,minmax(285px,1fr))!important;overflow-x:auto!important;
    padding-bottom:10px!important;scroll-snap-type:x proximity!important;margin:18px auto 42px!important;
  }
  body.xg-app-downloads-ready .xg-app-card{scroll-snap-align:start!important;}
  body.xg-app-downloads-ready .xg-app-search-wrap{width:calc(100vw - 24px)!important;}
}
