/* Reference-led marketplace skin. No app-specific names, colors or download rules. */
:root { --font-body:"Inter","IBM Plex Sans Arabic","Segoe UI",sans-serif; --font-display:"Inter","IBM Plex Sans Arabic","Segoe UI",sans-serif; --maxw:1480px; --premium-blue:#3b82ff; --premium-cyan:#0dd6f5; --premium-violet:#8d4dff; }
html,body { background:#030916 !important; color:#f3f5ff; }
body::before { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; background:radial-gradient(ellipse at 0% 18%,#bf3bab16,transparent 38%),radial-gradient(ellipse at 100% 70%,#007dce12,transparent 45%); }
main,.site-footer { position:relative; }
button,input,a { -webkit-tap-highlight-color:transparent; }
button,input { font-family:var(--font-body); }
button,a { touch-action:manipulation; }
.premium-header.site-header,[data-page="home"] .premium-header.site-header { position:relative; max-width:none; margin:0; border:0; border-bottom:1px solid #829de724; border-radius:0; background:#050b19e8; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 8px 30px #0002; }
.premium-header .wrap,[data-page="home"] .premium-header .wrap { max-width:1536px; min-height:80px; padding:14px 28px; display:grid; grid-template-columns:auto minmax(220px,1fr) auto auto; gap:24px; direction:ltr; }
.premium-header .brand { gap:9px; font-family:Inter,var(--font-body); font-size:24px; font-weight:800; letter-spacing:-.7px; white-space:nowrap; }
.premium-header .brand b { color:#7468ff; }
.premium-header .brand-logo { width:44px; height:44px; border-radius:0; box-shadow:none; }
.premium-header .header-search { position:relative; display:flex; width:100%; max-width:520px; min-width:0; min-height:44px; margin:0; padding:0 10px; border:1px solid #7694df33; border-radius:24px; background:linear-gradient(135deg,#111b32,#10182b); box-shadow:inset 0 1px #ffffff04; }
.premium-header .header-search input { width:100%; min-width:0; height:44px; border:0; outline:0; padding:8px; background:transparent; color:#eff5ff; font-size:14px; box-shadow:none; }
html[dir="rtl"] .premium-header .header-search input { direction:rtl; }
.premium-header .header-search:focus-within { border-color:#68abff99; box-shadow:0 0 0 3px #4695ff12; }
.premium-header .header-search button { display:grid; place-items:center; flex:none; width:36px; min-height:44px; border:0; color:#b6c7eb; background:none; cursor:pointer; }
.premium-header svg { width:18px; height:18px; flex:none; }
.premium-header .main-nav { display:flex; align-items:center; gap:8px; margin:0; }
html[dir="rtl"] .premium-header .main-nav { direction:rtl; }
.premium-header .main-nav a { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 13px; border:1px solid transparent; border-radius:24px; font-size:13px; font-weight:600; color:#e6e8f8; text-decoration:none; white-space:nowrap; }
.premium-header .main-nav a:hover { background:#405fa126; }
.premium-header .main-nav a[aria-current="true"] { background:linear-gradient(120deg,#008de9,#4742dc 65%,#8725de); border-color:#5da4ff99; color:#fff; box-shadow:inset 0 1px #ffffff30,0 0 18px #7042e729; }
.header-utilities { display:flex; gap:7px; align-items:center; }
.premium-header .language-switch { position:static; display:flex; min-height:44px; padding:3px 7px; gap:4px; border:1px solid #627bc72b; border-radius:22px; background:#101a30; font-size:12px; }
.premium-header .language-switch .language-long { display:none; }
.premium-header .language-switch .language-short { display:inline; }
.premium-header .language-switch a { min-width:25px; padding:4px; font-size:11px; }
.premium-header .support-btn { min-height:44px; padding:7px 10px; border:1px solid #7d71c43b; border-radius:20px; background:#25203c70; color:#d6d2f1; font-size:11px; box-shadow:none; }
.premium-header .header-telegram { width:38px; min-height:44px; border:0; color:#8dc4fa; background:none; }
[data-page="home"] .market-hero.compact-hero { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 24px; max-width:1480px; margin:0 auto; padding:18px 28px 6px; border:0; border-radius:0; background:none; box-shadow:none; text-align:start; }
.compact-hero .hero-eyebrow { margin:0; color:#8c9bbc; font-size:10px; letter-spacing:.11em; }
.compact-hero h1 { flex:1; margin:0 !important; max-width:none !important; font-size:16px !important; font-weight:500; color:#b9c6e4; text-align:end; line-height:1.5 !important; }
/* Vector decorations stay outside translated text; no font/emoji dependency. */
.market-section-heading h2,.catalog-heading h2,.latest-heading h2 { display:flex; align-items:center; min-width:0; }
.section-icon { flex:none; display:inline-grid; place-items:center; width:34px; height:34px; border-radius:13px; margin-inline-end:10px; color:#e8dcff; background:linear-gradient(135deg,#bc5bfc,#6a34d8); box-shadow:0 0 18px #853cee30; }
.section-icon svg { display:block; width:22px; height:22px; }
#discoverHeading .section-icon { color:#0ed9ff; background:#004a782e; box-shadow:none; }
#tryHeading .section-icon { color:#ffcf64; background:#88520d33; box-shadow:0 0 18px #f5a61225; }
#latestHeading .section-icon { color:#f28ac5; background:#83306333; box-shadow:0 0 18px #b4479720; }
.market-section,.wrap.latest-section { max-width:1480px; margin:20px auto; padding:20px 24px; min-width:0; }
.market-section-heading,.catalog-heading,.latest-heading { position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; }
.market-section-heading h2,.catalog-heading h2,.latest-heading h2 { font-family:var(--font-display); font-size:25px; font-weight:750; line-height:1.5; letter-spacing:-.03em; }
.wrap.latest-section { position:relative; border-block-end:1px solid #7c60b436; padding-top:12px; padding-bottom:18px; background:radial-gradient(ellipse at 0% 0%,#c5389d1e,transparent 48%),radial-gradient(ellipse at 100% 100%,#322ba918,transparent 58%); }
.wrap.local-catalog-wrap.market-section { --section-accent:100,65,255; position:relative; padding:18px 20px 10px; border:1px solid #7054d625; border-radius:28px; background:radial-gradient(ellipse at 0% 0%,#4821db54,transparent 55%),linear-gradient(110deg,#0c1740,#050d20); }
.collection-section { border-radius:28px; border:1px solid #0488b92b; background:radial-gradient(ellipse at 0% 0%,#0077b23d,transparent 60%),linear-gradient(110deg,#05253b,#041321); }
.collection-section[data-collection-section="try"] { border-color:#d38a2938; background:radial-gradient(ellipse at 0% 0%,#ae59034a,transparent 65%),linear-gradient(110deg,#32220d,#10131c); }
.collection-section .section-intro,.collection-section .section-eyebrow { display:none; }
.collection-all,.latest-all { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 18px; border:1px solid #a3b9ff55; border-radius:24px; color:#f4f6ff; background:linear-gradient(120deg,#6a5cc830,#4668c533); box-shadow:inset 0 1px #ffffff0b; text-decoration:none; font-size:13px; font-weight:600; }
[data-collection-section="discover"] .collection-all { border-color:#0ad8ff66; background:linear-gradient(120deg,#05b1e12e,#0d8aad22); }
[data-collection-section="try"] .collection-all { border-color:#ffc15b66; background:linear-gradient(120deg,#d57c123d,#a95f1526); }
.home-filters.wrap { padding:0; margin:0 0 12px; }
.home-filters .tabs { display:flex; flex-wrap:wrap; padding:0; border:0; border-radius:0; background:none; box-shadow:none; gap:6px; }
.home-filters .tab { min-height:36px; padding:5px 13px; font-family:var(--font-body); font-size:11px; border-radius:16px; color:#b9c4e3; background:#1a284e55; border:1px solid #8499de25; box-shadow:none; }
.home-filters .tab.active { color:#fff; background:#6457d76b; border-color:#9f8cff88; }
.local-catalog-controls { margin:10px auto 2px; gap:8px; }
.local-catalog-controls :is(button,a) { text-decoration:none; min-width:130px; min-height:44px; padding:8px 14px; font-size:12px; border-radius:22px; }
[data-page="home"] #manifest.local-catalog { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:minmax(226px,calc((100% - 70px)/6)); grid-auto-rows:auto; gap:14px; overflow-x:auto; padding:3px 1px 12px; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#6255b642 transparent; }
.collection-section .collection-preview { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:minmax(218px,calc((100% - 70px)/6)); gap:14px; overflow-x:auto; padding:3px 1px 10px; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#4792ba3d transparent; min-height:124px; }
.latest-scroll-container { gap:14px; padding:4px 1px 12px; }
/* All palette-driven surfaces stay dark enough for solid light text. */
.collection-card,.latest-card,:is(#manifest,#updatesGrid) .local-app-card,.detail-hero,.related-card { --icon-primary:95,74,240; --icon-secondary:20,177,238; background:linear-gradient(#0309163d,#0309163d),radial-gradient(ellipse at 0% 0%,rgba(var(--icon-primary),.42),transparent 72%),radial-gradient(ellipse at 100% 100%,rgba(var(--icon-secondary),.32),transparent 70%),linear-gradient(125deg,#071326,#040a17) !important; border:1px solid rgba(var(--icon-primary),.67) !important; box-shadow:inset 0 1px #ffffff10,0 9px 25px #0003,0 0 14px rgba(var(--icon-primary),.07) !important; color:#f3f6ff; }
.collection-card,.latest-card,:is([data-page="home"],[data-local-collection]) #manifest .local-app-card { position:relative; min-width:0; border-radius:19px; scroll-snap-align:start; padding:14px 15px; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.collection-section .collection-card,.collection-list .collection-card { display:grid; grid-template-columns:64px minmax(0,1fr); grid-template-rows:minmax(62px,auto) auto; gap:10px 12px; align-items:center; }
.collection-card .collection-details { grid-column:1/-1; justify-self:stretch; min-height:44px; padding:5px 12px; border:1px solid rgba(var(--icon-secondary),.35); border-radius:10px; background:#07122287; box-shadow:inset 0 1px #ffffff08; font-size:12px; }
.collection-icon,.local-card-icon,.update-icon,.detail-icon { box-shadow:0 0 22px rgba(var(--icon-primary),.32) !important; }
.collection-icon { width:64px; height:64px; border-radius:17px; }
.collection-name { font-size:15px; font-weight:650; line-height:1.5; }
.collection-version { font-size:12px; font-weight:400; margin:5px 0 0; color:#c1d1eb; }
.collection-update { font-size:9px; margin-top:6px; }
.collection-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.latest-card { flex:0 0 max(238px,calc((100% - 70px)/6)); display:grid; grid-template-columns:68px minmax(0,1fr); grid-template-rows:auto auto auto auto; gap:3px 12px; align-items:center; min-height:144px; }
.latest-card-top { grid-column:1; grid-row:1/4; align-self:start; }
.latest-card-top .update-badge { display:none; }
.latest-card .update-icon,.latest-card .update-icon img { width:68px; height:68px; border-radius:17px; }
.latest-card-name { grid-column:2; grid-row:1; height:auto; min-height:23px; font-size:15px; font-weight:650; }
.latest-card-meta { grid-column:2; grid-row:2; }
.latest-card-meta p { font-size:11px; color:#b7cae8; }
.latest-card .update-date { grid-column:1/-1; grid-row:4; margin-top:8px; font-size:10px; color:#c4d1eb; }
.latest-card .update-details { grid-column:1/-1; grid-row:5; margin-top:7px; min-height:44px; padding:3px 9px; border-radius:10px; background:#07122285; border-color:rgba(var(--icon-primary),.35); font-size:11px; }
.latest-navigation { position:static; margin:6px 0 0; gap:6px; }
.latest-navigation button,.collection-navigation button { width:38px; height:44px; border-radius:22px; border:1px solid #7390e433; background:#101d39; font-size:17px; }
.collection-navigation { margin-top:3px; }
:is([data-page="home"],[data-local-collection]) #manifest .local-app-card { display:grid; grid-template-columns:62px minmax(0,1fr); gap:10px 12px; min-height:170px; align-items:start; animation:none; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-icon { width:62px; height:62px; border-radius:16px; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-content { min-width:0; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-name { font-size:14px; font-weight:650; line-height:1.5; min-height:0; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-tagline { display:none; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-meta { display:flex; flex-direction:column; gap:0; margin-top:4px; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-meta p { font-size:11px; line-height:1.6; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-meta bdi { font-family:var(--font-body); font-weight:400; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-heading { display:block; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-badges { display:flex; margin-top:4px; gap:3px; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-kind { font-size:9px; min-height:17px; padding:1px 5px; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-lock { width:18px; height:18px; font-size:10px; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-actions { gap:6px; align-self:end; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-details,:is([data-page="home"],[data-local-collection]) #manifest .local-card-sign { min-height:44px; border-radius:10px; padding:4px 5px; font-size:11px; font-weight:600; white-space:normal; border-color:rgba(var(--icon-secondary),.35); background:#0712229c; box-shadow:none; }
:is([data-page="home"],[data-local-collection]) #manifest .local-card-sign { background:linear-gradient(125deg,#734fe475,#3268c960); }
.catalog-sort #catalogSortButton { background:#33267580; border-color:#9f7aff55; border-radius:15px; }
.collection-page,.updates-page,.app-page { max-width:1200px; }
.collection-page>h1,.updates-page h1 { font-size:clamp(27px,4vw,40px); font-weight:750; }
.collection-search input,.updates-search input { background:#0d1830; border-color:#657bc147; border-radius:16px; }
.collection-filters button,.updates-filters button { font-family:var(--font-body); font-weight:500; }
.detail-hero { padding:30px; border-radius:28px; }
.detail-glow { display:none; }
.detail-icon { width:112px; height:112px; border-radius:26px; }
.detail-title h1 { font-family:var(--font-display); font-weight:750; font-size:clamp(26px,3vw,40px); }
.detail-title p,.detail-developer { color:#bfcee8; }
.detail-meta>div,.detail-bundle { background:#07122290 !important; border-color:rgba(var(--icon-primary),.2) !important; }
.detail-meta span,.detail-bundle-label { color:#bac8df; }
.detail-section { background:linear-gradient(130deg,#0e1930,#0a1327); border-color:#6a7dbc30; border-radius:22px; }
.detail-section h2 { font-size:20px; }
.detail-description { color:#c6d0e4; font-size:15px; line-height:1.9; }
.detail-download { color:#fff; min-height:50px; background:linear-gradient(110deg,#0879dd,#5443df); border:1px solid #7d97eb55 !important; box-shadow:0 8px 24px #4b30a830; }
.detail-share,.detail-guide,.bundle-copy { min-height:48px; background:#172247; color:#eaf0ff; border-color:#7c89c84d !important; }
.related-card { border-radius:16px; }
.screenshots-strip img { border-color:#8195d744; }
.site-footer { margin-top:35px; border-top:1px solid #7184c428; background:#040a17; }
.collection-status,.updates-status,.manifest-empty { color:#b6c6e5; border:1px solid #6581c52b; border-radius:16px; padding:18px; background:#101a304d; }
.market-skeleton { min-height:144px; display:grid; grid-template-columns:62px 1fr; grid-template-rows:24px 20px 32px; gap:10px 12px; padding:17px; border-radius:19px; border:1px solid #6177b22e; background:linear-gradient(110deg,#10213b,#172749,#10203a); animation:skeleton-breathe 1.6s ease-in-out infinite alternate; }
.market-skeleton span { border-radius:8px; background:#7185bb24; }
.market-skeleton span:first-child { grid-row:1/3; border-radius:16px; }
.market-skeleton span:last-child { grid-column:1/-1; }
@keyframes skeleton-breathe { from { opacity:.55; } to { opacity:.9; } }
@media(hover:hover) { .collection-card:hover,.latest-card:hover,:is([data-page="home"],[data-local-collection]) #manifest .local-app-card:hover,.related-card:hover { transform:translateY(-3px); box-shadow:inset 0 1px #ffffff10,0 12px 28px #0004,0 0 22px rgba(var(--icon-primary),.2) !important; } }
@media(max-width:1300px) { .premium-header .wrap,[data-page="home"] .premium-header .wrap { gap:14px; grid-template-columns:auto minmax(180px,1fr) auto; } .header-utilities { grid-column:3; grid-row:1; } .premium-header .main-nav { grid-column:1/-1; justify-content:center; } .premium-header .header-search { max-width:none; } }
@media(max-width:900px) { .collection-list { grid-template-columns:repeat(3,minmax(0,1fr)); } .market-section,.wrap.latest-section { margin:16px 12px; max-width:none; } .wrap.latest-section { margin-inline:0; } }
@media(max-width:700px) {
  .premium-header .wrap,[data-page="home"] .premium-header .wrap { padding:12px 16px; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
  .premium-header .brand { font-size:20px; }
  .premium-header .brand-logo { width:36px; height:36px; }
  .header-utilities { grid-column:2; gap:3px; }
  .premium-header .header-search { grid-column:1/-1; grid-row:2; }
  .premium-header .header-search input { font-size:16px; }
  .premium-header .main-nav { grid-row:3; grid-column:1/-1; justify-content:space-between; gap:2px; width:100%; }
  .premium-header .main-nav a { min-width:0; font-size:11px; padding:7px 9px; gap:5px; }
  .premium-header .main-nav svg { width:14px; height:14px; }
  .premium-header .header-telegram { display:none; }
  .premium-header .language-switch { padding:2px 4px; }
  .premium-header .support-btn { font-size:10px; padding-inline:7px; }
  [data-page="home"] .market-hero.compact-hero { padding:13px 16px 2px; margin:0; gap:3px; display:block; }
  .compact-hero h1 { text-align:start; font-size:14px !important; margin-top:3px !important; }
  .compact-hero .hero-eyebrow { display:none; }
  .market-section,.wrap.latest-section { padding:16px 14px; }
  [data-page="home"] .wrap.local-catalog-wrap.market-section { padding:16px 14px 8px; }
  .market-section-heading h2,.catalog-heading h2,.latest-heading h2 { font-size:21px; }
  .section-icon { width:28px; height:28px; margin-inline-end:6px; border-radius:10px; }
  .section-icon svg { width:20px; height:20px; }
  .market-section-heading,.catalog-heading,.latest-heading { gap:10px; margin-bottom:13px; align-items:center; }
  .collection-all,.latest-all { font-size:11px; padding:7px 12px; }
  .collection-section .collection-preview { grid-auto-columns:232px; gap:12px; }
  [data-page="home"] #manifest.local-catalog { grid-auto-columns:242px; gap:12px; }
  .latest-card { flex-basis:248px; }
  .latest-navigation { display:none; }
  .collection-navigation { justify-content:flex-end; }
  .collection-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .collection-list .collection-card { grid-template-columns:1fr; padding:15px 12px; gap:10px; }
  .collection-list .collection-icon { width:62px; height:62px; }
  .detail-hero { padding:22px 17px; border-radius:23px; }
  .detail-icon { width:86px; height:86px; border-radius:22px; }
}
@media(max-width:359px) { .premium-header .brand { font-size:16px; gap:5px; } .premium-header .brand-logo { width:30px; height:30px; } .premium-header .language-switch>span:first-child { display:none; } .premium-header .support-btn { max-width:65px; padding-inline:5px; } .premium-header .main-nav a { font-size:10px; padding:7px; } .market-section-heading { flex-wrap:wrap; } .catalog-heading h2 { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } .collection-card:hover,.latest-card:hover,:is([data-page="home"],[data-local-collection]) #manifest .local-app-card:hover,.related-card:hover { transform:none; } }


/* Local-only listing uses the same cards and existing pagination controller. */
[data-local-collection] #manifest.local-catalog { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.local-collection-page .catalog-heading h1 { display:flex; align-items:center; min-width:0; font-size:clamp(22px,3vw,30px); margin:0; }
.local-list-search { display:block; margin:12px 0; }
.local-list-search input { width:100%; }
@media(max-width:1000px) { [data-local-collection] #manifest.local-catalog { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { [data-local-collection] #manifest.local-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); } [data-local-collection] #manifest .local-app-card { grid-template-columns:minmax(0,1fr); } }
@media(max-width:359px) { [data-local-collection] #manifest.local-catalog { grid-template-columns:minmax(0,1fr); } [data-local-collection] #manifest .local-app-card { grid-template-columns:62px minmax(0,1fr); } }