/* Small layout and icon details that apply across several screens. */

/* ---------- desktop: every full-screen page gets the full app area ---------- */
@media (min-width: 700px) {
  body:not([data-view=ob]):not([data-view=au]) #app { width: min(1180px, 100%); height: 100%; border: 0; margin: 0 auto; border-radius: 0; }
  #ern .e7-sc > *, #rms .e7-sc > * { max-width: 600px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
}

/* ---------- Home ---------- */
.feat .feat-tx > span { max-width: min(58%, 300px); }
.w6-l { display: inline-flex; align-items: center; gap: 7px; }
.w6-ic { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }

/* ---------- tag icons: SVGs at fixed pixel sizes (iPhone Safari can clip percentage-sized SVGs) ---------- */
[class*="pb-"] i { line-height: 0; }
[class*="pb-"] i svg { display: block; width: 11px; height: 11px; overflow: visible; fill: currentColor; }
.y5-bdg [class*="pb-"] i svg { width: 10.5px; height: 10.5px; }
.mx-bdgs [class*="pb-"] i svg { width: 9.5px; height: 9.5px; }
.mx-bd svg { display: block; width: 17px !important; height: 17px !important; overflow: visible; fill: currentColor; }
.mb-pv.bdg span svg { display: block; width: 1em; height: 1em; margin: auto; fill: currentColor; }

/* ---------- small UI icons ---------- */
.ui-ic { width: 1.05em; height: 1.05em; display: inline-block; vertical-align: -.15em; }
.lz-play .ui-ic, [data-mbo="pvclose"] .ui-ic { width: 16px; height: 16px; vertical-align: middle; }
.lz-vip-i svg { display: block; margin: auto; width: 30px; height: 30px; overflow: visible; }

/* ---------- MP Shop opened from Customize ---------- */
.mx-czback { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; margin: 2px 0 10px; color: rgba(255,255,255,.75); font: 600 14px/1 -apple-system, system-ui, sans-serif; }
.mx-czback svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- public page footer ---------- */
.pp-foot { gap: 7px; padding: 6px 14px 6px 6px; background: rgba(0,0,0,.42); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); font-weight: 600; }
.pp-foot b { color: #fff; font-weight: 800; }
.pp-foot .pp-flogo { width: 20px; height: 20px; border-radius: 6px; object-fit: cover; }
