/* Layout fixes for APKUP 2.0.3. Advertisement dimensions remain provider-owned. */
/* Catalog ratings keep the compact size independently of each metadata row. */
.apkup-card-rating { display: inline-flex; align-items: center; gap: 2px; font-size: 10px; line-height: 1; color: var(--app-primary) !important; }
.apkup-card-rating svg { display: block; flex-shrink: 0; width: 10px; height: 10px; color: inherit; }
/* Readable metadata without increasing the approved compact ratings. */
.apkup-readable-meta { color: #475569; }
.dark .apkup-readable-meta { color: #cbd5e1; }
.apkup-meta-size { font-size: 11px; }
.apkup-readable-title { font-size: 12px; }
.apkup-hero-card { width: min(288px, calc(100% - 16px)); }
.apkup-category-link { max-width: 100%; }
.apkup-category-link > div { max-width: 100%; }
.home-recommended-carousel > a > span:first-child { max-width: calc(100% - 32px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Keep important size overrides in the same layer as the compiled component. */
@layer components {
  .right-arrow-btn { width: 44px !important; height: 44px !important; min-width: 44px !important; }
  #openSearchButton { min-width: 44px; min-height: 44px; flex-shrink: 0; }
}

/* Single download links only: native compact rows and explicit installation alternatives. */
#download-links {
  --links-brand: var(--app-primary, #0066fe);
  --links-text: #172033;
  --links-muted: #64748b;
  --links-border: #e2e8f0;
  --links-surface: #fff;
  --links-page: #fafcff;
  --links-active: color-mix(in srgb, var(--links-brand) 7%, #fff);
  --links-soft-border: color-mix(in srgb, var(--links-brand) 16%, #fff);
  --links-badge: #f1f5f9;
  --links-data: #a66a0c;
  --links-data-bg: #fff8e8;
  --links-beta: #7e22ce;
  --links-beta-bg: #faf5ff;
}
.dark #download-links {
  --links-brand: color-mix(in srgb, var(--app-primary, #0066fe) 64%, #fff);
  --links-text: #f1f5f9;
  --links-muted: #b5c3d4;
  --links-border: #334155;
  --links-surface: #172033;
  --links-page: #101827;
  --links-active: color-mix(in srgb, var(--app-primary, #0066fe) 18%, #172033);
  --links-soft-border: color-mix(in srgb, var(--app-primary, #0066fe) 40%, #334155);
  --links-badge: #26354b;
  --links-data: #fbbf24;
  --links-data-bg: #332915;
  --links-beta: #c084fc;
  --links-beta-bg: #30203f;
}
#download-links #multiFilesDropdownCard { background: var(--links-surface); border-color: var(--links-border); border-radius: 12px; }
#download-links .apkup-links-heading {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 72px;
  border: 0; padding: 12px 14px; background: var(--app-primary, #0066fe);
  color: #fff; text-align: left; cursor: pointer;
  transition: filter 120ms ease;
}
#download-links .apkup-links-heading:active { filter: brightness(.94); }
#download-links .apkup-links-cloud {
  display: grid; place-items: center; flex: 0 0 36px; height: 36px;
  background: rgb(255 255 255 / 14%); border: 1px solid rgb(255 255 255 / 25%);
  color: #fff; border-radius: 10px;
}
#download-links .apkup-links-cloud svg { width: 22px; height: 22px; }
#download-links .apkup-links-heading-copy { flex: 1; min-width: 0; }
#download-links .apkup-links-title {
  display: block; font-size: 15px; font-weight: 700; line-height: 22px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#download-links .apkup-links-count { display: block; margin-top: 4px; font-size: 12px; line-height: 18px; color: rgb(255 255 255 / 90%); }
#download-links .apkup-links-chevron { flex: 0 0 28px; width: 28px; height: 28px; padding: 4px; border-radius: 8px; background: rgb(255 255 255 / 14%); color: #fff; }
#download-links .apkup-links-content { display: grid; gap: 10px; padding: 10px; background: var(--links-surface); border-top: 1px solid var(--links-soft-border); }
#download-links .apkup-links-panel[hidden] { display: none; }
#download-links .apkup-links-file {
  display: grid; grid-template-columns: 28px minmax(0, 1fr) auto 18px; align-items: center;
  gap: 8px; width: 100%; min-height: 64px; margin: 0;
  padding: 12px 10px; border: 1px solid var(--links-border); border-radius: 12px;
  background: var(--links-page); color: var(--links-text);
  text-align: left; text-decoration: none !important;
  transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}
#download-links .apkup-links-file:hover,
#download-links .apkup-links-file:focus-visible,
#download-links .apkup-links-file:active { background: var(--links-active); border-color: var(--links-soft-border); }
#download-links .apkup-links-file:focus,
#download-links .apkup-links-file:active { box-shadow: inset 3px 0 var(--links-brand); }
#download-links .apkup-links-file:active { transform: translateY(1px); }
#download-links .apkup-links-file:focus .apkup-links-filename,
#download-links .apkup-links-file:active .apkup-links-filename { color: var(--links-brand); }
#download-links .apkup-links-file:focus-visible { outline: 2px solid var(--links-brand); outline-offset: -3px; }
#download-links .apkup-links-heading:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
#download-links .apkup-links-type {
  width: 28px; height: 30px; display: grid; place-items: center; border-radius: 8px;
  color: var(--links-brand); background: var(--links-active); border: 1px solid var(--links-soft-border);
}
#download-links .apkup-links-type svg { width: 17px; height: 17px; }
#download-links .apkup-links-type .apkup-links-package-icon { width: 24px; height: 27px; }
#download-links .apkup-links-format-label { font-family: system-ui, sans-serif; font-size: 7px; font-weight: 700; letter-spacing: 0; }
#download-links .apkup-links-type--data { color: var(--links-data); background: var(--links-data-bg); border-color: color-mix(in srgb, var(--links-data) 22%, transparent); }
#download-links .apkup-links-type--beta { color: var(--links-beta); background: var(--links-beta-bg); border-color: color-mix(in srgb, var(--links-beta) 22%, transparent); }
#download-links .apkup-links-filename {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 12px; font-weight: 600; line-height: 18px;
}
#download-links .apkup-links-badges {
  display: flex; flex-wrap: nowrap; align-items: center; gap: 4px;
  min-width: 0; white-space: nowrap;
}
#download-links .apkup-links-badge {
  display: block; flex-shrink: 0;
  padding: 2px 5px; border-radius: 20px; background: var(--links-badge);
  color: var(--links-muted); border: 1px solid var(--links-border);
  font-size: 10px; font-weight: 600; line-height: 14px; white-space: nowrap;
}
#download-links .apkup-links-version { color: var(--links-brand); background: var(--links-active); border-color: var(--links-soft-border); }
#download-links .apkup-links-mod-detail { grid-column: 2 / 4; color: var(--links-beta); font-size: 11px; line-height: 16px; overflow-wrap: anywhere; }
#download-links .apkup-links-download { width: 18px; height: 18px; color: var(--links-brand); }
.entry-content #download-links .apkup-links-option {
  margin: 0 !important; padding: 4px 2px 0; display: flex; gap: 8px; align-items: center;
  font-size: 11px !important; font-weight: 700; line-height: 18px !important;
  color: var(--links-text); background: transparent; overflow-wrap: anywhere;
}
#download-links .apkup-links-option::before { content: ""; width: 3px; height: 16px; flex: 0 0 3px; border-radius: 2px; background: var(--links-brand); }
#download-links .apkup-links-option--alternative::before { background: oklch(72.3% .219 149.579); }
#download-links .apkup-links-option--ungrouped::before { display: none; }
.entry-content #download-links .apkup-links-file + .apkup-links-option { margin-top: 4px !important; }
@media (min-width: 640px) {
  #download-links .apkup-links-title { font-size: 16px; line-height: 24px; }
}
@media (max-width: 639px) {
  #download-links .apkup-links-file { grid-template-columns: 28px minmax(0, 1fr) 18px; column-gap: 8px; row-gap: 4px; padding-block: 8px; }
  #download-links .apkup-links-type { grid-column: 1; grid-row: 1 / 3; }
  #download-links .apkup-links-filename { grid-column: 2; grid-row: 1; font-size: 13px; }
  #download-links .apkup-links-badges { grid-column: 2; grid-row: 2; flex-wrap: wrap; }
  #download-links .apkup-links-download { grid-column: 3; grid-row: 1 / 3; }
  #download-links .apkup-links-mod-detail { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
  #download-links .apkup-links-file, #download-links .apkup-links-heading, #download-links .apkup-links-chevron { transition: none; }
}
@media (max-width: 360px) {
  #download-links .apkup-links-content { padding: 8px; gap: 8px; }
  #download-links .apkup-links-file { padding-inline: 9px; gap: 6px; }
  #download-links .apkup-links-badge { padding-inline: 4px; }
}
/* Final-page actions use the same corner radius as the Single action. */
.apkup-download-actions #button-group > a { border-radius: 12px; }
.snap-start { scroll-snap-align: start; }
.break-words { overflow-wrap: break-word; }
.gap-x-2 { column-gap: .5rem; }
.gap-y-1 { row-gap: .25rem; }
.min-h-11 { min-height: 2.75rem; }
.min-h-8 { min-height: 2rem; }
.max-w-\[calc\(100\%-24px\)\] { max-width: calc(100% - 24px); }
@media (min-width: 768px) {
  .md\:max-w-none { max-width: none; }
  .md\:gap-6 { gap: 1.5rem; }
  .md\:mr-6 { margin-right: 1.5rem; }
}
@media (min-width: 1280px) {
  .xl\:flex { display: flex; }
  .xl\:hidden { display: none; }
}
#heroFlickityGallery:not(.flickity-enabled), .home-posts-carousel:not(.flickity-enabled) { display: flex; overflow-x: auto !important; }
/* Flickity may measure before the fallback utility classes are removed. */
#heroFlickityGallery.flickity-enabled, .home-posts-carousel.flickity-enabled { display: block; overflow-x: visible; }
@media (max-width: 639px) {
  .apkup-home-section { margin-top: 24px; }
}
@media (max-width: 767px) {
  .w-\[calc\(100\%-24px\)\] { width: calc(100% - 24px); }

  /* Match the visible icon width instead of reserving empty sides in its cell. */
  .apkup-premium-card { width: 112px; margin-right: 16px; }

  /* Keep carousel padding separate from the spacing between archive sections. */
  .apkup-archive-sections > section { margin-block-start: 0; }
  .apkup-archive-sections > section:not(:last-child) { margin-block-end: 24px; }
  .apkup-archive-sections .home-posts-carousel,
  .apkup-archive-sections .apkup-archive-recommended { padding-bottom: 8px; }

  /* Editor heading margins also reach the not-prose app header without this scope. */
  .entry-content .apkup-app-title { margin-top: 0 !important; margin-bottom: 0 !important; }
  .apkup-single-meta > div:first-child { margin-block-start: 0; margin-block-end: 0; }
  .apkup-single-info > .apkup-single-icon-meta { align-items: center; margin-block-end: 12px; }
  .apkup-single-stats { padding-top: 12px; padding-bottom: 12px; }
}
.dark .dark\:text-rose-400 { color: #fb7185; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .mobile-nav-container, .mobile-nav-item, .mobile-nav-indicator,
  .right-arrow-btn, #header-flex-container { animation: none !important; transition: none !important; }
}

/* Single: separate the screenshot heading from editor typography margins on phones. */
@media (max-width: 1023px) {
  /* Four equally sized cells keep the complete summary inside the app header. */
  .apkup-single-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; align-items: stretch; overflow: visible; }
  .apkup-single-stats > div { min-width: 0; padding-inline: 4px; }
  .apkup-single-stats > div > div { min-width: 0; min-height: 2.4em; line-height: 1.2; }
  .apkup-single-stats > div > div > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; text-align: center; }
  .apkup-single-stats > div > .apkup-readable-meta { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 767px) {
  .apkup-single-screenshots { margin-top: 24px; }
  .entry-content .apkup-single-screenshots-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* Content links: immediate press feedback without moving carousel cells or ratings. */
:is(
  .apkup-hero-card a[href],
  .home-recommended-carousel a.post-card[href],
  #premiumFlickityGallery a.apkup-premium-card[href],
  [id^="posts-carousel-"] .post-card a[href],
  .home-section[data-purpose="actualizaciones-list"] .post-card a[href],
  .home-section a.apkup-category-link[href],
  .home-section article.post-card a[href],
  .home-section a.right-arrow-btn[href],
  .apkup-archive-sections article a[href],
  .apkup-archive-sections .post-card a[href],
  #archive-premium-carousel a[href],
  #catalog-grid article[data-item-type] a[href],
  main aside article h4 > a[href],
  main article > a.absolute.inset-0[aria-label^="Ver detalles de "][href]
):not(.apkupx-ad-slot *, [data-apkup-ad-slot] *, .apkup-catalog-action, .apkup-category-result-link, .right-arrow-btn, .apkup-category-link, :has(> h3), :has(> h4)):active {
  background-color: color-mix(in srgb, var(--app-primary, #0066fe) 9%, transparent);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--app-primary, #0066fe) 45%, transparent);
  transition-duration: 0s;
}
:is(
  .apkup-hero-card a[href],
  .home-recommended-carousel a.post-card[href],
  #premiumFlickityGallery a.apkup-premium-card[href],
  [id^="posts-carousel-"] .post-card a[href],
  .home-section[data-purpose="actualizaciones-list"] .post-card a[href],
  .home-section a.apkup-category-link[href],
  .home-section article.post-card a[href],
  .home-section a.right-arrow-btn[href],
  .apkup-archive-sections article a[href],
  .apkup-archive-sections .post-card a[href],
  #archive-premium-carousel a[href],
  #catalog-grid article[data-item-type] a[href],
  main aside article h4 > a[href],
  main article > a.absolute.inset-0[aria-label^="Ver detalles de "][href]
):not(.apkupx-ad-slot *, [data-apkup-ad-slot] *):active img { filter: brightness(.9); }
:is(
  .apkup-hero-card a[href],
  .home-recommended-carousel a.post-card[href],
  #premiumFlickityGallery a.apkup-premium-card[href],
  [id^="posts-carousel-"] .post-card a[href],
  .home-section[data-purpose="actualizaciones-list"] .post-card a[href],
  .home-section a.apkup-category-link[href],
  .home-section article.post-card a[href],
  .home-section a.right-arrow-btn[href],
  .apkup-archive-sections article a[href],
  .apkup-archive-sections .post-card a[href],
  #archive-premium-carousel a[href],
  #catalog-grid article[data-item-type] a[href],
  main aside article h4 > a[href],
  main article > a.absolute.inset-0[aria-label^="Ver detalles de "][href]
):not(.apkupx-ad-slot *, [data-apkup-ad-slot] *):focus-visible {
  outline: 2px solid var(--app-primary, #0066fe);
  outline-offset: -2px;
}
/* Recommendation links cover their article and inherit its rounded corners. */
main article > a.absolute.inset-0[aria-label^="Ver detalles de "][href]:not(.apkupx-ad-slot *, [data-apkup-ad-slot] *):is(:active, :focus-visible) { border-radius: inherit; }
.home-section a.apkup-category-link[href]:not(.apkupx-ad-slot *, [data-apkup-ad-slot] *):active > div {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--app-primary, #0066fe) 45%, transparent);
  filter: brightness(.94);
}
.home-section a.apkup-category-link[href]:not(.apkupx-ad-slot *, [data-apkup-ad-slot] *):focus-visible > div {
  outline: 2px solid var(--app-primary, #0066fe);
  outline-offset: -2px;
}
/* Success accents share the same green as the MOD badges. */
:root { --app-success: var(--color-green-500, #00c853); --color-emerald-400: var(--app-success); --color-emerald-500: var(--app-success); --color-playGreen: var(--app-success); }
#progress-section { padding: 14px; border: 1px solid color-mix(in srgb, var(--app-primary, #0066fe) 18%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--app-primary, #0066fe) 5%, transparent); }
#progress-section .apkup-download-status-copy > div { position: relative; min-height: 44px; padding-inline-start: 42px; text-align: left; }
#progress-section .apkup-status-icon { position: absolute; inset-inline-start: 0; top: 4px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--app-primary, #0066fe); background: color-mix(in srgb, var(--app-primary, #0066fe) 12%, transparent); }
#progress-section.is-ready { border-color: color-mix(in srgb, var(--app-success) 30%, transparent); background: color-mix(in srgb, var(--app-success) 7%, transparent); }
#progress-section.is-ready .apkup-status-icon { color: var(--app-success); background: color-mix(in srgb, var(--app-success) 12%, transparent); }
@media (prefers-reduced-motion: reduce) {
  .apkup-hero-card .animate-ping, main .animate-pulse, main .animate-fade-in-up { animation: none !important; }
}

/* Catalog pills reuse the approved Home Recommendations surfaces. Compact
   vertical padding keeps existing metadata rows and card heights unchanged. */
.apkup-rating-pill, .apkup-size-pill {
  display: inline-flex; align-items: center; gap: 2px; padding-inline: 6px;
  border-radius: 4px; vertical-align: middle; white-space: nowrap;
}
.apkup-rating-pill { padding-block: 0; background: rgb(107 114 128 / 10%); }
.dark .apkup-rating-pill { background: rgb(107 114 128 / 15%); }
.apkup-rating-pill > span { color: inherit; font-size: inherit; }
.apkup-size-pill { padding-block: 0; background: #f1f5f9; color: #64748b; }
.dark .apkup-size-pill { background: #1e293b; color: #94a3b8; }
.apkup-rating-pill--overlay { background: rgb(255 255 255 / 90%); }
.dark .apkup-rating-pill--overlay { background: rgb(17 24 39 / 90%); }
@media (max-width: 767px) {
  .apkup-home-content, .apkup-archive-sections { --apkup-carousel-gutter: 16px; }
  /* Flickity's inner viewport was still clipping at the content gutter.
     Its measured width and the approved cell widths remain unchanged. */
  @supports (overflow: clip) and (overflow-clip-margin: 1px) {
    .apkup-home-content :is(#heroFlickityGallery, .home-posts-carousel).flickity-enabled,
    .apkup-archive-sections .home-posts-carousel.flickity-enabled {
      overflow: clip;
      overflow-clip-margin: var(--apkup-carousel-gutter);
    }
    .apkup-home-content :is(#heroFlickityGallery, .home-posts-carousel).flickity-enabled > .flickity-viewport,
    .apkup-archive-sections .home-posts-carousel.flickity-enabled > .flickity-viewport {
      overflow: visible;
    }
  }
  /* Native scrolling gets the same edge gutter without page-wide overflow. */
  .apkup-home-content .home-recommended-carousel,
  .apkup-home-content [data-purpose="actualizaciones-list"] > .grid,
  .apkup-home-content :is(#heroFlickityGallery, .home-posts-carousel):not(.flickity-enabled) {
    box-sizing: border-box;
    width: calc(100% + 2 * var(--apkup-carousel-gutter));
    margin-inline: calc(-1 * var(--apkup-carousel-gutter));
    padding-inline: var(--apkup-carousel-gutter);
    scroll-padding-inline: var(--apkup-carousel-gutter);
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .apkup-home-content, .apkup-archive-sections { --apkup-carousel-gutter: 24px; }
}

/* Larger app icons with closer recommendation rows; no change to selection. */
#apkup-download-recommendations [data-apkup-recommendation-list] { column-gap: 12px; }
#apkup-download-recommendations .apkup-download-recommendation-column { row-gap: 10px; }
#apkup-download-recommendations [data-apkup-recommendation] { padding: 10px; gap: 10px; }
#apkup-download-recommendations .apkup-download-recommendation-icon { width: 60px; height: 60px; }

/* Single file metadata stays below its filename at every viewport width. */
@media (min-width: 640px) {
  #download-links .apkup-links-file { grid-template-columns: 28px minmax(0, 1fr) 18px; row-gap: 4px; }
  #download-links .apkup-links-type { grid-column: 1; grid-row: 1 / 3; }
  #download-links .apkup-links-filename { grid-column: 2; grid-row: 1; }
  #download-links .apkup-links-badges { grid-column: 2; grid-row: 2; flex-wrap: wrap; justify-content: flex-start; }
  #download-links .apkup-links-download { grid-column: 3; grid-row: 1 / 3; }
  #download-links .apkup-links-mod-detail { grid-column: 2; }
}

/* Download and Single recommendations: opaque surfaces remain defined without
   backdrop blur. Only paint properties change; existing box sizes stay intact. */
.apkup-download-card,
.apkup-single-recommendations {
  background: #fff;
  border-color: #e2e8f0;
  box-shadow: 0 12px 36px rgb(15 23 42 / 5%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.apkup-download-card {
  background: radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--app-primary, #0052e0) 8%, transparent), transparent 55%), #fff;
}
.dark .apkup-download-card,
.dark .apkup-single-recommendations {
  background: #121b2d;
  border-color: #1e293b;
  box-shadow: 0 12px 36px rgb(0 0 0 / 16%);
}
.dark .apkup-download-card {
  background: radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--app-primary, #0052e0) 8%, transparent), transparent 55%), #121b2d;
}
.apkup-download-app-icon {
  background: #fff;
  border-color: #e2e8f0;
  box-shadow: 0 8px 30px rgb(0 0 0 / 5%);
}
.dark .apkup-download-app-icon {
  background: #121b2d;
  border-color: #1e293b;
  box-shadow: 0 8px 30px rgb(0 0 0 / 20%);
}
.apkup-download-detail,
.apkup-single-recommendation-card {
  background: #f8fafc;
  border-color: #e2e8f0;
}
.dark .apkup-download-detail {
  background: #111a2c;
  border-color: #1e293b;
}
.apkup-single-recommendation-card,
#apkup-download-recommendations [data-apkup-recommendation] {
  box-shadow: 0 4px 12px rgb(15 23 42 / 4%);
}
#apkup-download-recommendations [data-apkup-recommendation] {
  background: #fff;
  border-color: #e2e8f0;
}
.dark .apkup-single-recommendation-card,
.dark #apkup-download-recommendations [data-apkup-recommendation] {
  background: #172033;
  border-color: #304464;
  box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
}
.apkup-single-recommendation-icon,
#apkup-download-recommendations .apkup-download-recommendation-icon {
  background: #f1f5f9;
  border-color: #e2e8f0;
}
.dark .apkup-single-recommendation-icon,
.dark #apkup-download-recommendations .apkup-download-recommendation-icon {
  background: #111a2c;
  border-color: #304464;
}
.apkup-single-recommendation-card p,
#apkup-download-recommendations [data-apkup-recommendation] h4 + div {
  color: #475569;
}
.dark .apkup-single-recommendation-card p,
.dark #apkup-download-recommendations [data-apkup-recommendation] h4 + div {
  color: #b7c3d4;
}
/* End scoped recommendation surfaces. */

/* Equivalent Home/Archive catalog cards share paint and section spacing. */
.apkup-catalog-surface {
  background: #fff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 12px rgb(15 23 42 / 4%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.dark .apkup-catalog-surface {
  background: #172033;
  border-color: #304464;
  box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
}
.apkup-catalog-banner,
.apkup-catalog-icon-surface {
  background: #f1f5f9;
  border-color: #e2e8f0;
  box-shadow: 0 4px 12px rgb(15 23 42 / 8%);
}
.dark .apkup-catalog-banner,
.dark .apkup-catalog-icon-surface {
  background: #1e293b;
  border-color: #304464;
  box-shadow: 0 4px 12px rgb(0 0 0 / 24%);
}
@media (max-width: 767px) {
  .apkup-home-content .apkup-catalog-card,
  .apkup-archive-sections .apkup-catalog-card { margin-right: 16px; }
  .apkup-home-content .apkup-catalog-carousel,
  .apkup-archive-sections .apkup-catalog-carousel { padding-bottom: 12px; }
}
/* End Home/Archive catalog finish. */

/* Category result grids use the approved catalog surface in games and apps. */
.apkup-category-result-card .apkup-category-result-icon {
  width: 80px;
  height: 80px;
  max-width: 100%;
  flex-shrink: 0;
}
.apkup-category-result-card .apkup-category-result-link {
  background: color-mix(in srgb, var(--app-primary, #0052e0) 7%, #fff);
  border: 1px solid color-mix(in srgb, var(--app-primary, #0052e0) 20%, #e2e8f0);
  color: var(--app-primary, #0052e0);
  transition-property: background-color, border-color, color, opacity;
}
.dark .apkup-category-result-card .apkup-category-result-link {
  background: color-mix(in srgb, var(--app-primary, #0052e0) 15%, #172033);
  border-color: color-mix(in srgb, var(--app-primary, #0052e0) 35%, #304464);
  color: color-mix(in srgb, var(--app-primary, #0052e0) 64%, #fff);
}
.apkup-category-result-card .apkup-category-result-link:hover {
  background: var(--app-primary, #0052e0);
  border-color: var(--app-primary, #0052e0);
  color: #fff;
}
.apkup-category-result-card .apkup-category-result-link:focus-visible {
  outline: 2px solid var(--app-primary, #0052e0);
  outline-offset: 3px;
}
/* End category result grid finish. */

/* Mobile Archive sections match Home's header rhythm and icon cell spacing. */
.apkup-archive-heading-icon { display: none; }
@media (max-width: 767px) {
  /* Unfolded phones must use their available width, retaining the normal gutters. */
  .apkup-archive-main { max-width: none; }
  .apkup-archive-sections > section > div:first-child {
    min-height: 44px;
    margin-bottom: 12px;
  }
  .apkup-archive-sections .home-posts-carousel,
  .apkup-archive-sections .apkup-archive-recommended { padding-bottom: 12px; }
  .apkup-archive-sections .apkup-archive-heading-icon {
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  .apkup-archive-sections .apkup-archive-icon-card {
    width: 80px;
    margin-right: 16px;
  }
  .apkup-archive-sections .apkup-archive-icon-card img {
    width: 80px;
    height: 80px;
  }
  .apkup-archive-sections .apkup-archive-icon-card h3 {
    font-size: 12px;
    line-height: 16px;
    min-height: 32px;
  }
  .apkup-archive-sections .apkup-archive-premium-card {
    width: 112px;
    margin-right: 16px;
  }
  .apkup-archive-sections .apkup-archive-premium-icon {
    width: 112px;
    height: 112px;
  }
  .apkup-archive-sections .apkup-archive-premium-card h3 {
    font-size: 12px;
    line-height: 16px;
  }
}

/* Compact, real metadata replaces removed prices in icon carousels. */
.apkup-premium-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px; margin-top: 6px; font-size: 10px; line-height: 16px; }

/* Theme controls retain readable text throughout their press state. */
.apkup-archive-category-link:is(:hover, :active, :focus-visible),
.home-section .apkup-category-link:is(:hover, :active, :focus-visible) > div,
.category-chip:is(:active, :focus-visible) {
  background: var(--app-primary, #0052e0); color: #fff; border-color: var(--app-primary, #0052e0);
}
.apkup-archive-category-link:is(:hover, :active, :focus-visible) > span,
.home-section .apkup-category-link:is(:hover, :active, :focus-visible) h3,
.category-chip:is(:active, :focus-visible) :is(span, svg) { color: inherit; }
.apkup-catalog-action {
  background: color-mix(in srgb, var(--app-primary, #0052e0) 7%, #fff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-primary, #0052e0) 25%, #e2e8f0);
  color: var(--app-primary, #0052e0);
  transition-property: background-color, color, box-shadow;
}
.dark .apkup-catalog-action {
  background: color-mix(in srgb, var(--app-primary, #0052e0) 15%, #172033);
  color: color-mix(in srgb, var(--app-primary, #0052e0) 64%, #fff);
}
.apkup-catalog-action:is(:hover, :active),
.dark .apkup-catalog-action:is(:hover, :active),
.apkup-category-result-link:active, .dark .apkup-category-result-link:active {
  background: var(--app-primary, #0052e0); color: #fff;
  box-shadow: inset 0 0 0 1px var(--app-primary, #0052e0);
}
.apkup-catalog-action svg, .apkup-archive-category-link svg { color: inherit; }
.right-arrow-btn:is(:hover, :active) { background: var(--app-primary, #0052e0); color: #fff; }
.right-arrow-btn:is(:hover, :active) svg { color: inherit; }
.apkup-catalog-action:focus-visible, .apkup-archive-category-link:focus-visible {
  outline: 2px solid var(--app-primary, #0052e0); outline-offset: 2px;
}
/* Titles give press feedback through their text, without a full-width box. */
:is(.apkup-hero-card, .home-section .post-card, .apkup-archive-sections .post-card) a[href]:has(> h3) { -webkit-tap-highlight-color: transparent; }
:is(.apkup-hero-card, .home-section .post-card, .apkup-archive-sections .post-card) a[href]:active > h3 { color: var(--app-primary, #0052e0); }

/* Actual MOD labels keep one green across Home, archive, search and suggestions. */
.apkup-mod-badge { background-color: var(--app-success, #00c853); color: #fff; }
.apkup-mod-badge svg { color: inherit; }