/* ================================================================
   PCLab — Apple/Samsung shop aesthetic
   Clean, spacious, premium e-commerce
   ================================================================ */

:root {
  /* Typography */
  --font-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif;
  --font-body: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif;
  --font-mono: 'SF Mono', ui-monospace, Menlo, Monaco, monospace;

  /* Type scale (slightly larger than typical web) */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 19px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 34px;
  --text-4xl: 44px;
  --text-5xl: 56px;
  --text-6xl: 72px;

  /* Spacing — generous (8px grid) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 28px; --sp-8: 32px;
  --sp-10: 40px; --sp-12: 48px; --sp-14: 56px; --sp-16: 64px;
  --sp-20: 80px; --sp-24: 96px; --sp-28: 112px; --sp-32: 128px;

  /* Radii — generous like Apple */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 22px;
  --r-2xl: 28px;
  --r-3xl: 36px;
  --r-full: 9999px;

  /* Easing — Apple's spring */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 200ms var(--ease);
  --t-base: 350ms var(--ease);
  --t-slow: 600ms var(--ease);

  /* Layout */
  --container: 1280px;
  --container-narrow: 980px;
  --header-h: 56px;
}

/* ---------- LIGHT THEME (Stripe/Linear-style — premium with depth) ---------- */
[data-theme="light"] {
  --bg: #ffffff;
  --bg-subtle: #f6f9fc;
  --bg-muted: #eef2f7;
  --bg-elevated: #ffffff;
  --bg-overlay: rgba(255, 255, 255, 0.85);
  --bg-gradient: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
  --bg-hero: linear-gradient(180deg, #ffffff 0%, #f6f9fc 50%, #eef2f7 100%);

  --border: #e3e8ee;
  --border-strong: #c1c9d2;
  --border-focus: #635bff;

  --text: #0a2540;
  --text-secondary: #425466;
  --text-muted: #697386;
  --text-subtle: #8898aa;
  --text-inverse: #ffffff;

  --brand: #635bff;
  --brand-hover: #524af0;
  --brand-subtle: rgba(99, 91, 255, 0.08);
  --brand-gradient: linear-gradient(135deg, #635bff 0%, #00d4ff 100%);

  --accent: #ff5996;
  --accent-hover: #e6457e;
  --accent-gradient: linear-gradient(135deg, #ff5996 0%, #ff8a4c 100%);

  --success: #00d924;
  --success-subtle: rgba(0, 217, 36, 0.1);
  --warning: #ffa800;
  --warning-subtle: rgba(255, 168, 0, 0.1);
  --danger: #ff5630;
  --danger-subtle: rgba(255, 86, 48, 0.1);

  --shadow-xs: 0 1px 2px rgba(50, 50, 93, 0.05);
  --shadow-sm: 0 2px 5px -1px rgba(50, 50, 93, 0.08), 0 1px 3px -1px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(50, 50, 93, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 13px 27px -5px rgba(50, 50, 93, 0.18), 0 8px 16px -8px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 30px 60px -12px rgba(50, 50, 93, 0.2);
  --shadow-glow: 0 0 0 4px rgba(99, 91, 255, 0.12);

  --header-bg: rgba(255, 255, 255, 0.85);
}

/* ---------- DARK THEME (neutral professional dark) ---------- */
[data-theme="dark"] {
  --bg: #0d0f12;
  --bg-subtle: #14171c;
  --bg-muted: #1c2026;
  --bg-elevated: #181b21;
  --bg-overlay: rgba(13, 15, 18, 0.85);
  --bg-gradient: linear-gradient(180deg, #0d0f12 0%, #14171c 100%);
  --bg-hero: linear-gradient(180deg, #0d0f12 0%, #181b21 100%);

  --border: #252a32;
  --border-strong: #353b45;
  --border-focus: #4f7cff;

  --text: #e8eaed;
  --text-secondary: #c5cad2;
  --text-muted: #8a929e;
  --text-subtle: #5d6470;
  --text-inverse: #0d0f12;

  --brand: #4f7cff;
  --brand-hover: #6a90ff;
  --brand-subtle: rgba(79, 124, 255, 0.14);
  --brand-gradient: linear-gradient(135deg, #4f7cff 0%, #00b4d8 100%);

  --accent: #ff6b9d;
  --accent-hover: #ff85ae;
  --accent-gradient: linear-gradient(135deg, #ff6b9d 0%, #ff9966 100%);

  --success: #34d399;
  --success-subtle: rgba(52, 211, 153, 0.14);
  --warning: #fbbf24;
  --warning-subtle: rgba(251, 191, 36, 0.14);
  --danger: #f87171;
  --danger-subtle: rgba(248, 113, 113, 0.14);

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 13px 27px -5px rgba(0, 0, 0, 0.6), 0 8px 16px -8px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 30px 60px -12px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 0 4px rgba(79, 124, 255, 0.18);

  --header-bg: rgba(13, 15, 18, 0.85);
}

/* ---------- Reset ---------- */

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: 'ss01', 'cv02', 'cv03';
}

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--t-fast), opacity var(--t-fast);
}

img { max-width: 100%; height: auto; display: block; }

input, button, textarea, select { font-family: inherit; font-size: inherit; color: inherit; }
button { cursor: pointer; background: none; border: none; color: inherit; padding: 0; }

/* Apple-like typography */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--text);
}
h1 { font-size: clamp(var(--text-4xl), 7vw, var(--text-6xl)); letter-spacing: -0.04em; font-weight: 700; }
h2 { font-size: clamp(var(--text-2xl), 4vw, var(--text-4xl)); letter-spacing: -0.03em; }
h3 { font-size: var(--text-xl); letter-spacing: -0.02em; font-weight: 600; }
h4 { font-size: var(--text-md); }

p { line-height: 1.55; }

::selection { background: var(--brand); color: white; }

/* Scrollbar */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: var(--r-full);
  border: 3px solid var(--bg);
}
::-webkit-scrollbar-thumb:hover { background: var(--text-subtle); }

/* ---------- Container ---------- */

.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--sp-6);
}
.container-narrow { max-width: var(--container-narrow); }

@media (min-width: 1024px) {
  .container { padding: 0 var(--sp-8); }
}

/* ---------- HEADER ---------- */

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--header-bg);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--border);
  transition: box-shadow var(--t-fast);
}
.site-header.scrolled {
  box-shadow: var(--shadow-sm);
}

.header-inner {
  display: flex;
  align-items: center;
  gap: var(--sp-6);
  height: var(--header-h);
}

.logo {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  gap: 1px;
  white-space: nowrap;
  color: var(--text);
  transition: opacity var(--t-fast);
}
.logo:hover { opacity: 0.7; }
.logo-mark {
  background: var(--brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.logo-dot {
  width: 4px;
  height: 4px;
  border-radius: var(--r-full);
  background: var(--accent);
  margin-left: 5px;
  margin-bottom: 12px;
  animation: pulse-dot 2.5s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.6); }
}

.header-search {
  flex: 1;
  max-width: 400px;
  position: relative;
  display: flex;
  align-items: center;
  background: var(--bg-muted);
  border: 1px solid transparent;
  border-radius: var(--r-full);
  padding: 0 var(--sp-3);
  transition: all var(--t-fast);
  height: 38px;
}
.header-search:hover {
  background: var(--bg-elevated);
  border-color: var(--border);
}
.header-search:focus-within {
  background: var(--bg-elevated);
  border-color: var(--brand);
  box-shadow: var(--shadow-glow);
}
.header-search svg { color: var(--text-muted); flex-shrink: 0; }
.header-search input {
  flex: 1;
  padding: 0 var(--sp-2);
  border: none;
  background: transparent;
  outline: none;
  font-size: var(--text-sm);
  color: var(--text);
}
.header-search input::placeholder { color: var(--text-muted); }

.header-nav {
  display: flex;
  gap: var(--sp-1);
  font-size: var(--text-sm);
  font-weight: 400;
}
.header-nav a {
  color: var(--text-secondary);
  padding: var(--sp-2) var(--sp-3);
  border-radius: var(--r-sm);
  transition: all var(--t-fast);
}
.header-nav a:hover { color: var(--text); }
.header-nav a.nav-accent { color: var(--accent); font-weight: 500; }

.header-tools {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin-left: auto;
}

.lang-switch {
  display: flex;
  font-size: var(--text-2xs);
  font-weight: 500;
  padding: 2px;
  background: var(--bg-muted);
  border-radius: var(--r-full);
  letter-spacing: 0.05em;
}
.lang-switch a {
  padding: 4px 9px;
  border-radius: var(--r-full);
  color: var(--text-muted);
  transition: all var(--t-fast);
}
.lang-switch a:hover { color: var(--text); }
.lang-switch a.active {
  background: var(--bg-elevated);
  color: var(--text);
  box-shadow: var(--shadow-xs);
}

.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--r-full);
  color: var(--text-muted);
  transition: all var(--t-fast);
}
.icon-btn:hover { background: var(--bg-muted); color: var(--text); }

.icon-sun { display: none; }
[data-theme="dark"] .icon-sun { display: block; }
[data-theme="dark"] .icon-moon { display: none; }

.mobile-menu-btn { display: none; }

/* User menu */

.user-menu { position: relative; }
.user-trigger {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  padding: 3px var(--sp-3) 3px 3px;
  border-radius: var(--r-full);
  transition: background var(--t-fast);
}
.user-trigger:hover { background: var(--bg-muted); }
.avatar-circle {
  width: 26px;
  height: 26px;
  border-radius: var(--r-full);
  background: linear-gradient(135deg, var(--brand) 0%, var(--accent) 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--text-xs);
  text-transform: uppercase;
  flex-shrink: 0;
}
.user-name {
  font-size: var(--text-sm);
  font-weight: 500;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-lg);
  padding: var(--sp-2);
  display: none;
  z-index: 200;
  animation: dropdown-in 200ms var(--ease-out);
}
@keyframes dropdown-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
.user-menu.open .user-dropdown { display: block; }
.user-dropdown a {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-2) var(--sp-3);
  border-radius: var(--r-sm);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.user-dropdown a:hover { background: var(--bg-muted); color: var(--text); }
.user-dropdown hr { margin: var(--sp-1) 0; border: none; border-top: 1px solid var(--border); }

/* ---------- BUTTONS — Stripe-style premium ---------- */

.btn-primary, .btn-ghost, .btn-outline, .btn-accent, .btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  padding: 10px 22px;
  font-weight: 500;
  font-size: var(--text-sm);
  border-radius: var(--r-full);
  transition: all var(--t-fast);
  white-space: nowrap;
  height: 40px;
  letter-spacing: -0.01em;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
}

.btn-primary {
  background: var(--brand-gradient);
  color: white;
  box-shadow: 0 1px 2px rgba(50, 50, 93, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-primary:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 91, 255, 0.3);
}
.btn-primary:active { transform: translateY(0); }

.btn-accent {
  background: var(--text);
  color: var(--text-inverse);
}
.btn-accent:hover {
  background: var(--text-secondary);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}
.btn-accent:active { transform: translateY(0); }

.btn-secondary {
  background: var(--bg-muted);
  color: var(--text);
}
.btn-secondary:hover {
  background: var(--border);
}

.btn-outline {
  border-color: var(--border-strong);
  color: var(--text);
  background: var(--bg);
}
.btn-outline:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}

.btn-ghost {
  color: var(--text-secondary);
  background: transparent;
}
.btn-ghost:hover { color: var(--text); background: var(--bg-muted); }

.btn-sm { padding: 7px 16px; font-size: var(--text-xs); height: 32px; }
.btn-lg { padding: 14px 28px; font-size: var(--text-base); height: 48px; }
.btn-xl { padding: 16px 32px; font-size: var(--text-md); height: 56px; }
.btn-block { width: 100%; }

.btn-primary svg, .btn-accent svg, .btn-outline svg, .btn-secondary svg, .btn-ghost svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* Buy CTA — shimmer accent */
.btn-buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  padding: 0 var(--sp-6);
  height: 48px;
  background: var(--brand-gradient);
  color: white;
  font-weight: 600;
  font-size: var(--text-md);
  border-radius: var(--r-full);
  transition: all var(--t-fast);
  letter-spacing: -0.01em;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(99, 91, 255, 0.25);
}
.btn-buy:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(99, 91, 255, 0.35);
}
.btn-buy:active { transform: translateY(0); }

/* ---------- FLASH ---------- */

.flash {
  padding: var(--sp-3) 0;
  font-size: var(--text-sm);
  font-weight: 500;
  text-align: center;
}
.flash-success { background: var(--success-subtle); color: var(--success); }
.flash-error { background: var(--danger-subtle); color: var(--danger); }

.site-main { flex: 1; }

/* ---------- HOME PAGE — kaina24-style compact e-shop ---------- */

.home-banner {
  background: var(--bg-subtle);
  border-bottom: 1px solid var(--border);
  padding: var(--sp-10) 0;
}

.banner-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: var(--sp-8);
  align-items: center;
}

.banner-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: 5px var(--sp-3);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-full);
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: var(--sp-4);
}
.banner-dot {
  width: 6px; height: 6px;
  background: var(--success);
  border-radius: 999px;
  box-shadow: 0 0 0 3px var(--success-subtle);
}

.banner-title {
  font-size: clamp(var(--text-2xl), 3.5vw, var(--text-4xl));
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-bottom: var(--sp-3);
  color: var(--text);
}

.banner-lead {
  font-size: var(--text-base);
  color: var(--text-muted);
  margin-bottom: var(--sp-4);
  max-width: 540px;
  line-height: 1.5;
}

.banner-stats-inline {
  display: flex;
  gap: var(--sp-3);
  align-items: center;
  font-size: var(--text-sm);
  color: var(--text-muted);
  flex-wrap: wrap;
}
.banner-stats-inline strong {
  color: var(--text);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.banner-stats-inline .dot-sep { color: var(--text-subtle); }

.banner-side {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.banner-card-feature {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-4) var(--sp-5);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  text-decoration: none;
  transition: all var(--t-fast);
}
.banner-card-feature:hover {
  border-color: var(--brand);
  transform: translateX(4px);
  box-shadow: var(--shadow-sm);
}
.banner-card-feature:hover .banner-card-icon {
  background: var(--brand);
  color: white;
}
.banner-card-icon {
  width: 44px; height: 44px;
  border-radius: var(--r-md);
  background: var(--brand-subtle);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all var(--t-fast);
}
.banner-card-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.banner-card-text strong {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--text);
  letter-spacing: -0.01em;
}
.banner-card-text span {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-top: 2px;
}
.banner-card-feature > svg:last-child { color: var(--text-muted); flex-shrink: 0; }

/* ---------- HOME LAYOUT ---------- */

.home-layout {
  background: var(--bg);
  padding: var(--sp-10) 0 var(--sp-16);
}

.home-grid {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: var(--sp-8);
  align-items: start;
}

.home-sidebar {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  padding: var(--sp-3);
  position: sticky;
  top: calc(var(--header-h) + var(--sp-4));
}

.sidebar-title {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  padding: var(--sp-1) var(--sp-2) var(--sp-3);
  margin-bottom: var(--sp-2);
  border-bottom: 1px solid var(--border);
}

.sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.sidebar-cat {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  padding: 6px var(--sp-2);
  border-radius: var(--r-sm);
  text-decoration: none;
  transition: all var(--t-fast);
  color: var(--text-secondary);
}
.sidebar-cat:hover {
  background: var(--bg-muted);
  color: var(--text);
}
.sidebar-cat-icon {
  width: 22px; height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand);
  flex-shrink: 0;
}
.sidebar-cat-name {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-cat-count {
  font-size: 10px;
  color: var(--text-subtle);
  font-variant-numeric: tabular-nums;
  background: var(--bg-muted);
  padding: 1px 6px;
  border-radius: var(--r-full);
  font-weight: 600;
  flex-shrink: 0;
}
.sidebar-cat:hover .sidebar-cat-count {
  background: var(--bg);
}

/* ---------- HOME MAIN ---------- */

.home-main {
  display: flex;
  flex-direction: column;
  gap: var(--sp-12);
  min-width: 0;
}

.home-section { }

.home-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--sp-4);
  margin-bottom: var(--sp-5);
  padding-bottom: var(--sp-4);
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
}
.home-section-title {
  font-size: var(--text-xl);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 2px;
  color: var(--text);
}
.home-section-sub {
  font-size: var(--text-xs);
  color: var(--text-muted);
}
.home-section-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--brand);
  font-weight: 600;
  font-size: var(--text-sm);
  text-decoration: none;
  transition: gap var(--t-fast);
  white-space: nowrap;
}
.home-section-link:hover { gap: var(--sp-2); }

/* Compact prod grid (4 cols on desktop in home) */
.prod-grid-compact {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sp-4);
}
.prod-grid-compact .prod-card {
  border-radius: var(--r-lg);
}
.prod-grid-compact .prod-image img { padding: var(--sp-5); }
.prod-grid-compact .prod-body { padding: var(--sp-3) var(--sp-4) var(--sp-4); }
.prod-grid-compact .prod-name { font-size: var(--text-sm); min-height: 36px; }
.prod-grid-compact .prod-price { font-size: var(--text-base); }

/* Trust features strip — 4 small icons + text */
.trust-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sp-3);
  padding: var(--sp-5);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  margin-bottom: var(--sp-2);
}
.trust-item {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
}
.trust-icon {
  width: 38px; height: 38px;
  border-radius: var(--r-md);
  background: var(--brand-subtle);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.trust-item div:last-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.trust-item strong {
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--text);
  letter-spacing: -0.01em;
  line-height: 1.3;
}
.trust-item span {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 2px;
  line-height: 1.3;
}

/* Brand cloud — chip-style */
.brand-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
}
.brand-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: 8px 14px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-full);
  text-decoration: none;
  transition: all var(--t-fast);
  font-size: var(--text-sm);
}
.brand-chip:hover {
  border-color: var(--brand);
  background: var(--brand-subtle);
  transform: translateY(-1px);
}
.brand-name {
  font-weight: 600;
  color: var(--text);
  letter-spacing: -0.01em;
}
.brand-count {
  font-size: 11px;
  color: var(--text-muted);
  background: var(--bg-muted);
  padding: 1px 7px;
  border-radius: var(--r-full);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.brand-chip:hover .brand-count {
  background: var(--bg);
  color: var(--brand);
}

/* Partner mini cards in home */
.partner-grid-home {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-3);
}
.partner-mini-card {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-4);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  text-decoration: none;
  transition: all var(--t-fast);
}
.partner-mini-card:hover {
  border-color: var(--brand);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}
.partner-mini-logo {
  width: 44px; height: 44px;
  border-radius: var(--r-md);
  background: var(--bg-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.partner-mini-logo img {
  width: 100%; height: 100%; object-fit: contain;
  padding: 4px;
}
.partner-mini-logo span {
  font-weight: 700;
  font-size: var(--text-md);
  color: var(--brand);
  text-transform: uppercase;
}
.partner-mini-info {
  flex: 1;
  min-width: 0;
}
.partner-mini-info strong {
  display: block;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--text);
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.partner-mini-meta {
  display: flex;
  gap: var(--sp-3);
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 2px;
}

/* Category tiles in home — compact horizontal cards */
.cat-tile-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sp-3);
}
.cat-tile {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-4);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  text-decoration: none;
  transition: all var(--t-fast);
}
.cat-tile:hover {
  border-color: var(--brand);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}
.cat-tile-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--r-md);
  background: var(--brand-subtle);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all var(--t-fast);
}
.cat-tile:hover .cat-tile-icon {
  background: var(--brand);
  color: white;
}
.cat-tile-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.cat-tile-text strong {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--text);
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cat-tile-text span {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-top: 2px;
}

@media (max-width: 1024px) {
  .home-grid { grid-template-columns: 200px 1fr; gap: var(--sp-6); }
  .banner-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
  .prod-grid-compact { grid-template-columns: repeat(3, 1fr); }
  .cat-tile-grid { grid-template-columns: repeat(3, 1fr); }
  .trust-strip { grid-template-columns: repeat(2, 1fr); }
  .partner-grid-home { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .home-banner { padding: var(--sp-8) 0; }
  .home-grid { grid-template-columns: 1fr; gap: var(--sp-5); }
  .home-sidebar { position: static; padding: var(--sp-3); }
  .sidebar-nav { flex-direction: row; flex-wrap: wrap; gap: var(--sp-1); }
  .sidebar-cat { flex: 1 0 calc(50% - 4px); padding: var(--sp-2) var(--sp-3); }
  .sidebar-cat-count { display: none; }
  .prod-grid-compact { grid-template-columns: repeat(2, 1fr); }
  .cat-tile-grid { grid-template-columns: repeat(2, 1fr); }
  .home-section-head { flex-direction: column; align-items: flex-start; gap: var(--sp-2); }
  .trust-strip { grid-template-columns: 1fr; gap: var(--sp-4); padding: var(--sp-4); }
  .partner-grid-home { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .banner-stats-inline { font-size: var(--text-xs); }
  .home-section-title { font-size: var(--text-lg); }
}

/* ---------- CONTACT PAGE ---------- */

.contact-methods {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sp-3);
  margin-bottom: var(--sp-12);
}
.contact-method {
  display: block;
  padding: var(--sp-5);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  text-decoration: none;
  transition: all var(--t-fast);
}
.contact-method:not(.contact-method-static):hover {
  border-color: var(--brand);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}
.contact-method:not(.contact-method-static):hover .contact-method-icon {
  background: var(--brand);
  color: white;
}
.contact-method-icon {
  width: 40px; height: 40px;
  border-radius: var(--r-md);
  background: var(--brand-subtle);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--sp-4);
  transition: all var(--t-fast);
}
.contact-method-label {
  font-size: 11px;
  color: var(--text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: var(--sp-1);
}
.contact-method-value {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--text);
  letter-spacing: -0.01em;
  margin-bottom: 4px;
  word-break: break-word;
}
.contact-method-meta {
  font-size: 11px;
  color: var(--text-muted);
}

.contact-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: var(--sp-10);
  align-items: start;
}

.contact-form-wrap {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  padding: var(--sp-8);
}

.contact-side {
  position: sticky;
  top: calc(var(--header-h) + var(--sp-5));
}

.contact-faq {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  padding: var(--sp-6);
}

.faq-item {
  border-bottom: 1px solid var(--border);
  padding: var(--sp-3) 0;
}
.faq-item:last-child { border-bottom: none; }
.faq-item summary {
  cursor: pointer;
  font-weight: 600;
  font-size: var(--text-sm);
  color: var(--text);
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--sp-1) 0;
  letter-spacing: -0.01em;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: '+';
  font-size: 20px;
  color: var(--brand);
  font-weight: 400;
  transition: transform var(--t-fast);
  flex-shrink: 0;
  margin-left: var(--sp-2);
}
.faq-item[open] summary::after {
  transform: rotate(45deg);
}
.faq-item p {
  margin-top: var(--sp-2);
  font-size: var(--text-sm);
  color: var(--text-muted);
  line-height: 1.55;
}

@media (max-width: 1024px) {
  .contact-methods { grid-template-columns: repeat(2, 1fr); }
  .contact-grid { grid-template-columns: 1fr; gap: var(--sp-5); }
  .contact-side { position: static; }
}
@media (max-width: 480px) {
  .contact-methods { grid-template-columns: 1fr; }
  .contact-form-wrap, .contact-faq { padding: var(--sp-5); }
}

/* ---------- HEADER ICONS WITH BADGES ---------- */

.icon-btn-badge {
  position: relative;
}
.icon-badge-count {
  position: absolute;
  top: -2px;
  right: -2px;
  background: var(--danger);
  color: white;
  font-size: 9px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: var(--r-full);
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.02em;
  box-shadow: 0 0 0 2px var(--bg);
  font-variant-numeric: tabular-nums;
}

/* ---------- NOTIFICATIONS DROPDOWN ---------- */

.notif-dropdown {
  position: relative;
}
.notif-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 360px;
  max-width: calc(100vw - 32px);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-lg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: all var(--t-fast);
  z-index: 200;
  overflow: hidden;
}
.notif-dropdown.open .notif-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.notif-panel-head {
  padding: var(--sp-4) var(--sp-5);
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--bg-subtle);
}
.notif-panel-head strong {
  font-size: var(--text-sm);
  letter-spacing: -0.01em;
}
.notif-mark-all {
  font-size: var(--text-xs);
  color: var(--brand);
  font-weight: 500;
}
.notif-panel-list {
  max-height: 400px;
  overflow-y: auto;
}
.notif-empty {
  text-align: center;
  padding: var(--sp-8) var(--sp-4);
  color: var(--text-muted);
}
.notif-empty p {
  margin-top: var(--sp-2);
  font-size: var(--text-sm);
}
.notif-item {
  display: block;
  padding: var(--sp-3) var(--sp-5);
  border-bottom: 1px solid var(--border);
  text-decoration: none;
  transition: background var(--t-fast);
  position: relative;
}
.notif-item:hover { background: var(--bg-subtle); }
.notif-item.unread {
  background: var(--brand-subtle);
}
.notif-item.unread::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand);
  transform: translateY(-50%);
}
.notif-item-title {
  font-weight: 600;
  font-size: var(--text-sm);
  color: var(--text);
  letter-spacing: -0.01em;
  margin-left: var(--sp-3);
}
.notif-item.unread .notif-item-title { padding-left: 6px; }
.notif-item-body {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-top: 2px;
  margin-left: var(--sp-3);
  line-height: 1.4;
}
.notif-item-time {
  font-size: 10px;
  color: var(--text-subtle);
  margin-top: 4px;
  margin-left: var(--sp-3);
  font-variant-numeric: tabular-nums;
}

/* ---------- LIVE SEARCH DROPDOWN ---------- */

.header-search {
  position: relative;
}
.search-suggestions {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg);
  max-height: 480px;
  overflow-y: auto;
  z-index: 150;
  display: none;
}
.search-suggestions.open { display: block; }
.search-section {
  padding: var(--sp-3) var(--sp-4);
}
.search-section + .search-section {
  border-top: 1px solid var(--border);
}
.search-section-title {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  margin-bottom: var(--sp-2);
}
.search-result {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-2);
  border-radius: var(--r-sm);
  text-decoration: none;
  transition: background var(--t-fast);
}
.search-result:hover { background: var(--bg-muted); }
.search-result-img {
  width: 40px;
  height: 40px;
  background: var(--bg-muted);
  border-radius: var(--r-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.search-result-img img { max-width: 100%; max-height: 100%; object-fit: contain; padding: 4px; }
.search-result-info { flex: 1; min-width: 0; }
.search-result-name {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-result-meta {
  display: flex;
  gap: var(--sp-2);
  align-items: center;
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 2px;
}
.search-result-price {
  font-weight: 700;
  color: var(--brand);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.search-loading {
  text-align: center;
  padding: var(--sp-6);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.search-no-results {
  text-align: center;
  padding: var(--sp-6);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

/* ---------- WISHLIST BUTTON on PRODUCT CARDS ---------- */

.prod-wishlist-btn {
  position: absolute;
  top: var(--sp-3);
  right: var(--sp-3);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--t-fast);
  color: var(--text-muted);
  z-index: 2;
  box-shadow: var(--shadow-xs);
}
.prod-wishlist-btn:hover {
  color: var(--danger);
  border-color: var(--danger);
  transform: scale(1.1);
}
.prod-wishlist-btn.active {
  background: var(--danger);
  border-color: var(--danger);
  color: white;
}

/* ---------- COMPARE CHECKBOX on PRODUCT CARDS ---------- */

.prod-compare-toggle {
  position: absolute;
  top: var(--sp-3);
  left: var(--sp-3);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-full);
  font-size: 10px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  transition: all var(--t-fast);
  box-shadow: var(--shadow-xs);
}
.prod-compare-toggle:hover {
  border-color: var(--brand);
  color: var(--brand);
}
.prod-compare-toggle.active {
  background: var(--brand);
  border-color: var(--brand);
  color: white;
}

/* ---------- MOBILE BOTTOM NAV ---------- */

.mobile-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--bg-overlay);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid var(--border);
  z-index: 90;
  padding: 6px 0 calc(6px + env(safe-area-inset-bottom));
}
.mobile-bottom-nav-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
}
.mobile-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 6px 4px;
  text-decoration: none;
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 500;
  transition: color var(--t-fast);
  position: relative;
}
.mobile-nav-item.active {
  color: var(--brand);
}
.mobile-nav-item svg {
  width: 22px;
  height: 22px;
}
.mobile-nav-item .icon-badge-count {
  top: -2px;
  right: 50%;
  margin-right: -16px;
}

@media (max-width: 768px) {
  .mobile-bottom-nav { display: block; }
  body { padding-bottom: 64px; }
  .notif-panel { width: calc(100vw - 32px); right: -50px; }
}

.partner-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 700;
  border-radius: var(--r-full);
  letter-spacing: 0.02em;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.2;
}
.partner-badge.is-small {
  padding: 2px 7px;
  font-size: 10px;
}
.partner-badge-hot {
  background: linear-gradient(135deg, #ff5630 0%, #ffa800 100%);
  color: white;
  box-shadow: 0 1px 3px rgba(255, 86, 48, 0.3);
}
.partner-badge-top {
  background: linear-gradient(135deg, #ffa800 0%, #ffc94c 100%);
  color: white;
  box-shadow: 0 1px 3px rgba(255, 168, 0, 0.3);
}
.partner-badge-new {
  background: var(--success-subtle);
  color: var(--success);
  border: 1px solid var(--success);
}
.partner-badge-verified {
  background: var(--brand-subtle);
  color: var(--brand);
  border: 1px solid var(--brand);
}
.partner-badge-premium {
  background: linear-gradient(135deg, #635bff 0%, #00d4ff 100%);
  color: white;
  box-shadow: 0 1px 3px rgba(99, 91, 255, 0.3);
}

/* ---------- LEGAL PAGES (terms, privacy) ---------- */
.legal-content {
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--text-secondary);
}
.legal-content h2 {
  font-size: var(--text-xl);
  margin-top: var(--sp-10);
  margin-bottom: var(--sp-3);
  color: var(--text);
  letter-spacing: -0.02em;
}
.legal-content h2:first-child { margin-top: 0; }
.legal-content p {
  margin-bottom: var(--sp-4);
}
.legal-content ul {
  margin: var(--sp-3) 0 var(--sp-5) var(--sp-5);
  padding-left: var(--sp-2);
}
.legal-content ul li {
  margin-bottom: var(--sp-2);
  line-height: 1.6;
}
.legal-content strong {
  color: var(--text);
  font-weight: 600;
}
.legal-content a {
  color: var(--brand);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-content a:hover {
  text-decoration: none;
}

/* ---------- HERO MIN-HEIGHT FIX ---------- */

.hero {
  position: relative;
  padding: var(--sp-32) 0 var(--sp-24);
  overflow: hidden;
  background: var(--bg-hero);
  min-height: min(82vh, 800px);
  display: flex;
  align-items: center;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 700px 500px at 10% 20%, rgba(99, 91, 255, 0.28), transparent 60%),
    radial-gradient(ellipse 600px 400px at 90% 30%, rgba(0, 212, 255, 0.22), transparent 60%),
    radial-gradient(ellipse 500px 400px at 50% 90%, rgba(255, 89, 150, 0.15), transparent 60%);
  pointer-events: none;
  z-index: 0;
}
[data-theme="dark"] .hero::before {
  background:
    radial-gradient(ellipse 800px 600px at 10% 20%, rgba(122, 115, 255, 0.32), transparent 60%),
    radial-gradient(ellipse 600px 400px at 90% 30%, rgba(0, 212, 255, 0.2), transparent 60%),
    radial-gradient(ellipse 500px 400px at 50% 90%, rgba(255, 126, 170, 0.15), transparent 60%);
}

.hero > .container {
  width: 100%;
  position: relative;
  z-index: 2;
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: 6px var(--sp-4);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  border-radius: var(--r-full);
  font-size: var(--text-xs);
  font-weight: 500;
  margin-bottom: var(--sp-8);
  box-shadow: var(--shadow-sm);
}
.hero-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--r-full);
  background: var(--success);
  box-shadow: 0 0 0 4px var(--success-subtle);
}

.hero h1 {
  margin-bottom: var(--sp-6);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.05;
}
.hero h1 .accent {
  background: var(--brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

.hero-lead {
  font-size: clamp(var(--text-md), 2.5vw, var(--text-xl));
  color: var(--text-secondary);
  margin: 0 auto var(--sp-10);
  max-width: 640px;
  line-height: 1.5;
  font-weight: 400;
}

.hero-ctas {
  display: flex;
  gap: var(--sp-3);
  flex-wrap: wrap;
  justify-content: center;
}

.hero-stats {
  display: flex;
  gap: var(--sp-12);
  margin-top: var(--sp-20);
  padding-top: var(--sp-10);
  border-top: 1px solid var(--border);
  justify-content: center;
  flex-wrap: wrap;
}
.hero-stat { display: flex; flex-direction: column; gap: 4px; align-items: center; }
.hero-stat-num {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: 700;
  background: var(--brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.hero-stat-label {
  font-size: var(--text-xs);
  color: var(--text-muted);
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* ---------- SECTIONS ---------- */

.section {
  padding: var(--sp-24) 0;
}

.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: var(--sp-12);
  gap: var(--sp-6);
  flex-wrap: wrap;
}

.section-title {
  margin: 0;
  letter-spacing: -0.03em;
}

.section-link {
  font-size: var(--text-base);
  color: var(--brand);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap var(--t-fast);
  letter-spacing: -0.01em;
}
.section-link:hover { gap: var(--sp-2); }
.section-link svg { width: 16px; height: 16px; }

/* ---------- CATEGORIES — Apple grid style ---------- */

.cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--sp-4);
}

.cat-card {
  position: relative;
  padding: var(--sp-7);
  background: var(--bg-muted);
  border-radius: var(--r-2xl);
  transition: all var(--t-base);
  display: flex;
  flex-direction: column;
  min-height: 180px;
  overflow: hidden;
  border: 1px solid transparent;
}
.cat-card::after {
  content: '';
  position: absolute;
  top: -40%; right: -40%;
  width: 200px; height: 200px;
  background: radial-gradient(circle, var(--brand-subtle), transparent 60%);
  opacity: 0;
  transition: opacity var(--t-base);
  pointer-events: none;
}
.cat-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--border);
  background: var(--bg-elevated);
}
.cat-card:hover::after { opacity: 1; }
.cat-card:hover .cat-icon {
  background: var(--brand-gradient);
  color: white;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(99, 91, 255, 0.3);
}

.cat-icon {
  display: inline-flex;
  width: 44px;
  height: 44px;
  border-radius: var(--r-md);
  background: var(--bg-elevated);
  color: var(--brand);
  align-items: center;
  justify-content: center;
  margin-bottom: var(--sp-5);
  box-shadow: var(--shadow-xs);
  transition: all var(--t-base);
}

.cat-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-md);
  margin-bottom: var(--sp-1);
  color: var(--text);
  letter-spacing: -0.01em;
}

.cat-count {
  font-size: var(--text-xs);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  margin-top: auto;
}

/* ---------- PRODUCT CARDS — Apple shop style ---------- */

.prod-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--sp-5);
}

.prod-card {
  background: var(--bg-elevated);
  border-radius: var(--r-2xl);
  overflow: hidden;
  transition: all var(--t-base);
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid var(--border);
  isolation: isolate;
}
.prod-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--brand-gradient);
  opacity: 0;
  transition: opacity var(--t-base);
  z-index: -1;
  border-radius: inherit;
}
.prod-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: transparent;
}
.prod-card:hover::before {
  opacity: 1;
}
.prod-card:hover .prod-image,
.prod-card:hover .prod-body {
  background: var(--bg-elevated);
}
.prod-card .prod-image,
.prod-card .prod-body {
  position: relative;
  z-index: 1;
  background: var(--bg-elevated);
  transition: background var(--t-base);
}
.prod-card .prod-image { border-bottom: none; }
.prod-card::before {
  /* Override to apply gradient on a small inset for "border-glow" effect */
  inset: -1px;
}

.prod-image {
  aspect-ratio: 1 / 1;
  background: var(--bg-muted);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.prod-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: var(--sp-8);
  transition: transform var(--t-slow);
}
.prod-card:hover .prod-image img { transform: scale(1.05); }
.prod-image-placeholder {
  color: var(--text-subtle);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.2em;
  font-weight: 500;
}

.prod-badge {
  position: absolute;
  top: var(--sp-4);
  left: var(--sp-4);
  padding: 4px 10px;
  background: var(--accent);
  color: white;
  font-size: var(--text-2xs);
  font-weight: 600;
  border-radius: var(--r-full);
  letter-spacing: 0.02em;
}

.prod-body {
  padding: var(--sp-5);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--sp-2);
}

.prod-brand {
  font-size: var(--text-xs);
  color: var(--text-muted);
  font-weight: 500;
  letter-spacing: -0.01em;
}

.prod-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-md);
  line-height: 1.25;
  color: var(--text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: -0.01em;
  min-height: 42px;
}

.prod-rating {
  display: flex;
  align-items: center;
  gap: var(--sp-1);
  font-size: var(--text-xs);
  color: var(--text-muted);
}
.prod-rating-stars { color: #ff9500; letter-spacing: 1px; font-size: var(--text-xs); }

.prod-footer {
  margin-top: auto;
  padding-top: var(--sp-3);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.prod-price-from {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-bottom: 2px;
}
.prod-price {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 600;
  color: var(--text);
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.prod-offers {
  font-size: var(--text-xs);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

/* ---------- FOOTER ---------- */

.site-footer {
  background: var(--bg-subtle);
  border-top: 1px solid var(--border);
  padding: 0 0 var(--sp-6);
  margin-top: var(--sp-20);
}

/* CTA strip — eye-catching partner invitation */
.footer-cta {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-2xl);
  padding: var(--sp-8) var(--sp-10);
  margin: 0 auto var(--sp-12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-6);
  flex-wrap: wrap;
  position: relative;
  top: -40px;
  box-shadow: var(--shadow-md);
}
.footer-cta-text { flex: 1; min-width: 280px; }
.footer-cta-text h3 {
  font-size: var(--text-xl);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: var(--sp-2);
  color: var(--text);
}
.footer-cta-text p {
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: 1.5;
}
.footer-cta-actions {
  display: flex;
  gap: var(--sp-3);
  flex-wrap: wrap;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: var(--sp-10);
  margin-bottom: var(--sp-10);
  padding: 0 var(--sp-2);
}

.footer-col-brand { padding-right: var(--sp-4); }

.footer-logo {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: var(--text-2xl);
  margin-bottom: var(--sp-3);
  letter-spacing: -0.03em;
  color: var(--text);
}
.footer-logo span {
  color: var(--brand);
}

.footer-tag {
  color: var(--text-muted);
  font-size: var(--text-sm);
  max-width: 320px;
  line-height: 1.55;
  margin-bottom: var(--sp-5);
}

.footer-contact {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.footer-contact a,
.footer-contact span {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
  transition: color var(--t-fast);
  text-decoration: none;
}
.footer-contact a:hover { color: var(--brand); }
.footer-contact svg {
  color: var(--text-subtle);
  flex-shrink: 0;
}

.footer-col h4 {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--text);
  margin-bottom: var(--sp-4);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.footer-col a {
  display: block;
  color: var(--text-muted);
  font-size: var(--text-sm);
  padding: 5px 0;
  transition: color var(--t-fast);
  text-decoration: none;
}
.footer-col a:hover { color: var(--brand); }

.footer-bottom {
  padding-top: var(--sp-6);
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--sp-4);
  font-size: var(--text-xs);
  color: var(--text-muted);
  align-items: center;
  padding-left: var(--sp-2);
  padding-right: var(--sp-2);
}
.footer-bottom-meta { display: flex; gap: var(--sp-5); align-items: center; }
.footer-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--text-xs);
  color: var(--text-muted);
}
.footer-status-dot {
  width: 6px; height: 6px;
  border-radius: 999px;
  background: var(--success);
  box-shadow: 0 0 0 3px var(--success-subtle);
}

/* ---------- FORMS ---------- */

.form-card {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-2xl);
  padding: var(--sp-12);
  max-width: 440px;
  margin: var(--sp-20) auto;
  box-shadow: var(--shadow-sm);
}

.form-card h2 {
  margin-bottom: var(--sp-2);
  font-size: var(--text-2xl);
  letter-spacing: -0.03em;
}
.form-card .form-lead {
  color: var(--text-muted);
  margin-bottom: var(--sp-8);
  font-size: var(--text-sm);
}

.form-group { margin-bottom: var(--sp-5); }
.form-label {
  display: block;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: var(--sp-2);
}

.form-input, .form-textarea, .form-select {
  width: 100%;
  padding: 12px 16px;
  background: var(--bg-muted);
  border: 1px solid transparent;
  border-radius: var(--r-md);
  font-size: var(--text-sm);
  transition: all var(--t-fast);
  color: var(--text);
  line-height: 1.5;
}
.form-input:hover, .form-textarea:hover, .form-select:hover { background: var(--bg); border-color: var(--border); }
.form-input:focus, .form-textarea:focus, .form-select:focus {
  outline: none;
  background: var(--bg);
  border-color: var(--brand);
}
.form-input::placeholder { color: var(--text-muted); }

.form-error-block {
  padding: var(--sp-3) var(--sp-4);
  background: var(--danger-subtle);
  color: var(--danger);
  border-radius: var(--r-sm);
  font-size: var(--text-sm);
  margin-bottom: var(--sp-4);
}
.form-help {
  color: var(--text-muted);
  font-size: var(--text-xs);
  margin-top: var(--sp-2);
}

.form-row { display: flex; gap: var(--sp-3); }
.form-row .form-group { flex: 1; }

.form-check {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  font-size: var(--text-sm);
  cursor: pointer;
}
.form-check input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--brand); }

/* ---------- CATALOG ---------- */

.catalog-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: var(--sp-12);
  padding: var(--sp-12) 0;
  align-items: start;
}

.filter-panel {
  position: sticky;
  top: calc(var(--header-h) + var(--sp-6));
}

.filter-group { margin-bottom: var(--sp-8); }
.filter-group:last-child { margin-bottom: 0; }

.filter-title {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--text);
  margin-bottom: var(--sp-3);
  letter-spacing: -0.01em;
}

.filter-list { list-style: none; }
.filter-list li { margin: 1px 0; }
.filter-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-secondary);
  font-size: var(--text-sm);
  padding: 8px 12px;
  border-radius: var(--r-sm);
  transition: all var(--t-fast);
}
.filter-list a:hover { background: var(--bg-muted); color: var(--text); }
.filter-list a.active {
  background: var(--brand-gradient);
  color: white;
  font-weight: 600;
}
.filter-list a .count {
  color: inherit;
  opacity: 0.6;
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums;
}

.catalog-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--sp-8);
  gap: var(--sp-4);
  flex-wrap: wrap;
}
.catalog-count { font-size: var(--text-sm); color: var(--text-muted); }
.catalog-count strong { color: var(--text); font-variant-numeric: tabular-nums; font-weight: 600; }

.catalog-page-title {
  font-size: var(--text-3xl);
  margin-bottom: var(--sp-2);
  letter-spacing: -0.03em;
}

.subcat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--sp-3);
  margin-bottom: var(--sp-8);
}
.subcat-card {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-3) var(--sp-4);
  background: var(--bg-muted);
  border: 1px solid transparent;
  border-radius: var(--r-lg);
  transition: all var(--t-fast);
  text-decoration: none;
}
.subcat-card:hover {
  background: var(--bg-elevated);
  border-color: var(--border);
  box-shadow: var(--shadow-xs);
  transform: translateX(2px);
}
.subcat-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--r-sm);
  background: var(--bg-elevated);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: var(--shadow-xs);
}
.subcat-card:hover .subcat-icon {
  background: var(--brand);
  color: white;
}
.subcat-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.subcat-name {
  font-weight: 600;
  font-size: var(--text-sm);
  color: var(--text);
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.subcat-count {
  font-size: 11px;
  color: var(--text-muted);
}

/* ---------- PRODUCT PAGE ---------- */

.breadcrumbs {
  padding: var(--sp-6) 0 var(--sp-2);
  font-size: var(--text-xs);
  color: var(--text-muted);
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}
.breadcrumbs a { color: var(--text-muted); transition: color var(--t-fast); }
.breadcrumbs a:hover { color: var(--text); }
.breadcrumbs .sep { color: var(--text-subtle); }
.breadcrumbs .current { color: var(--text); }

.product-top {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--sp-16);
  padding: var(--sp-10) 0 var(--sp-20);
}

.product-gallery {
  background: var(--bg-muted);
  border-radius: var(--r-3xl);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--sp-16);
  position: relative;
  overflow: hidden;
}
.product-gallery img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.product-info {
  display: flex;
  flex-direction: column;
  padding-top: var(--sp-4);
}

.product-brand-tag {
  font-size: var(--text-sm);
  color: var(--text-muted);
  font-weight: 500;
  margin-bottom: var(--sp-3);
}

.product-name-main {
  font-family: var(--font-display);
  font-size: clamp(var(--text-2xl), 4vw, var(--text-4xl));
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--text);
  margin-bottom: var(--sp-5);
}

.product-meta-row {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-bottom: var(--sp-8);
}
.product-meta-row .rating-block {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
}
.product-meta-row .rating-block .stars { color: #ff9500; letter-spacing: 1px; }
.product-meta-row .rating-block strong { color: var(--text); font-weight: 600; }
.product-meta-divider { width: 1px; height: 12px; background: var(--border-strong); }

.product-price-block {
  margin-bottom: var(--sp-6);
}
.product-price-label {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-bottom: var(--sp-2);
}
.product-price-main {
  font-family: var(--font-display);
  font-size: clamp(var(--text-3xl), 4vw, 48px);
  font-weight: 600;
  color: var(--text);
  line-height: 1;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.product-offers-count {
  margin-top: var(--sp-2);
  font-size: var(--text-sm);
  color: var(--text-muted);
}

.product-description {
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: 1.6;
  margin-bottom: var(--sp-8);
}

/* Buy CTA section — Apple-style */
.buy-cta {
  padding: var(--sp-6);
  background: var(--bg-muted);
  border-radius: var(--r-xl);
  margin-bottom: var(--sp-6);
}
.buy-cta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
  margin-bottom: var(--sp-3);
}
.buy-cta-shop {
  font-size: var(--text-sm);
  color: var(--text-muted);
}
.buy-cta-shop strong { color: var(--text); font-weight: 600; }
.buy-cta-stock {
  font-size: var(--text-xs);
  color: var(--success);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.buy-cta-stock::before {
  content: '';
  width: 6px; height: 6px;
  background: var(--success);
  border-radius: var(--r-full);
}

/* Offers section */
.offers-section {
  padding: var(--sp-16) 0;
  border-top: 1px solid var(--border);
}
.offers-section h2 { font-size: var(--text-2xl); margin-bottom: var(--sp-2); letter-spacing: -0.03em; }
.offers-section .section-sub {
  color: var(--text-muted);
  font-size: var(--text-base);
  margin-bottom: var(--sp-8);
}

/* Apple-style offer cards (instead of dense table) */
.offers-list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.offer-row {
  display: grid;
  grid-template-columns: 1fr 140px 140px 140px;
  align-items: center;
  gap: var(--sp-4);
  padding: var(--sp-5) var(--sp-6);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  transition: all var(--t-fast);
}
.offer-row:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-xs);
}
.offer-row.best-price {
  border-color: var(--success);
  background: var(--success-subtle);
}

.offer-partner {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
}
.partner-avatar {
  width: 40px; height: 40px;
  border-radius: var(--r-md);
  background: var(--bg-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: var(--text-md);
  color: var(--brand);
  flex-shrink: 0;
}
.partner-name {
  font-weight: 600;
  font-size: var(--text-sm);
  color: var(--text);
}
.partner-rating { font-size: var(--text-xs); color: var(--text-muted); margin-top: 2px; }

.offer-stock {
  font-size: var(--text-xs);
}

.offer-price-cell {
  text-align: right;
}
.offer-price {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-lg);
  color: var(--text);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.offer-price-old {
  text-decoration: line-through;
  color: var(--text-subtle);
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
}
.offer-best-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: var(--success);
  color: white;
  font-size: 10px;
  font-weight: 600;
  border-radius: var(--r-full);
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.offer-diff-tag {
  display: inline-block;
  padding: 2px 8px;
  background: var(--bg-muted);
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--r-full);
  margin-bottom: 4px;
  font-variant-numeric: tabular-nums;
}

/* Savings tag — green pill on product price block */
.product-savings-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: var(--sp-3);
  padding: 6px 12px;
  background: var(--success-subtle);
  color: var(--success);
  border-radius: var(--r-full);
  font-size: var(--text-xs);
  font-weight: 500;
}
.product-savings-tag strong {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.offer-cta-cell { text-align: right; }

/* Stock badges */
.stock-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
}
.stock-badge::before {
  content: '';
  width: 7px; height: 7px;
  border-radius: var(--r-full);
  flex-shrink: 0;
}
.stock-in_stock { color: var(--success); }
.stock-in_stock::before { background: var(--success); }
.stock-low_stock { color: var(--warning); }
.stock-low_stock::before { background: var(--warning); }
.stock-out_of_stock { color: var(--text-muted); }
.stock-out_of_stock::before { background: var(--text-subtle); }
.stock-preorder, .stock-on_order { color: var(--brand); }
.stock-preorder::before, .stock-on_order::before { background: var(--brand); }

/* Specs */
.specs-section {
  padding: var(--sp-16) 0;
  border-top: 1px solid var(--border);
}
.specs-table {
  width: 100%;
  border-collapse: collapse;
}
.specs-table tr {
  border-bottom: 1px solid var(--border);
}
.specs-table td {
  padding: var(--sp-4) 0;
  font-size: var(--text-base);
}
.specs-table td:first-child {
  color: var(--text-muted);
  width: 40%;
}
.specs-table td:last-child {
  color: var(--text);
  font-weight: 500;
  text-align: right;
}

/* Price history — visual hierarchy */
.price-history-section {
  padding: var(--sp-16) 0;
  border-top: 1px solid var(--border);
}

.price-history-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-4);
  margin-bottom: var(--sp-10);
}
.price-stat-card {
  padding: var(--sp-6);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  transition: all var(--t-fast);
}
.price-stat-card:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-sm);
}
.price-stat-label {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-bottom: var(--sp-2);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.price-stat-value {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 700;
  color: var(--text);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.price-stat-value.lowest {
  background: linear-gradient(135deg, var(--success) 0%, #00d4ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#priceChart {
  width: 100%;
  height: 260px;
}

/* Reviews — Apple App Store style */
.reviews-section {
  padding: var(--sp-16) 0;
  border-top: 1px solid var(--border);
}

.reviews-summary-block {
  display: flex;
  align-items: center;
  gap: var(--sp-8);
  padding: var(--sp-8);
  margin-bottom: var(--sp-8);
  background: var(--bg-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
}
.reviews-rating-big {
  font-family: var(--font-display);
  font-size: var(--text-6xl);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04em;
  background: var(--brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.reviews-rating-stars {
  color: #ff9500;
  font-size: var(--text-md);
  letter-spacing: 2px;
  margin-bottom: var(--sp-1);
}
.reviews-count {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.review-card {
  padding: var(--sp-5) 0;
  border-bottom: 1px solid var(--border);
}
.review-card:last-child { border-bottom: none; }

.review-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--sp-2);
  gap: var(--sp-3);
  flex-wrap: wrap;
}
.review-author {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
}
.review-author-avatar {
  width: 32px; height: 32px;
  border-radius: var(--r-full);
  background: linear-gradient(135deg, var(--brand), var(--accent));
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--text-xs);
  text-transform: uppercase;
}
.review-author-name { font-weight: 600; font-size: var(--text-sm); }
.review-date {
  font-size: var(--text-xs);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
.review-rating { color: #ff9500; font-size: var(--text-sm); letter-spacing: 1px; }
.review-title {
  font-weight: 600;
  font-size: var(--text-base);
  margin-bottom: var(--sp-2);
}
.review-body {
  color: var(--text-secondary);
  font-size: var(--text-sm);
  line-height: 1.6;
}

.review-form {
  background: var(--bg-muted);
  border-radius: var(--r-xl);
  padding: var(--sp-6);
  margin-bottom: var(--sp-8);
}
.review-form h3 { margin-bottom: var(--sp-4); font-size: var(--text-md); }

.rating-input { display: inline-flex; gap: 4px; margin-bottom: var(--sp-2); }
.rating-input-star {
  width: 32px; height: 32px;
  cursor: pointer;
  color: var(--border-strong);
  transition: color 100ms;
  font-size: 28px;
  line-height: 1;
}
.rating-input-star.active { color: #ff9500; }
.rating-input:hover .rating-input-star { color: #ff9500; }
.rating-input:hover .rating-input-star:hover ~ .rating-input-star { color: var(--border-strong); }

.empty-reviews {
  padding: var(--sp-16) var(--sp-5);
  text-align: center;
  background: var(--bg-muted);
  border-radius: var(--r-xl);
}
.empty-reviews h4 { font-size: var(--text-md); margin-bottom: var(--sp-2); color: var(--text); }
.empty-reviews p { color: var(--text-muted); font-size: var(--text-sm); }

/* ---------- MAP PAGE ---------- */

.map-layout {
  display: grid;
  grid-template-columns: 380px 1fr;
  height: calc(100vh - var(--header-h));
}
.map-sidebar {
  background: var(--bg);
  border-right: 1px solid var(--border);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.map-sidebar-head {
  padding: var(--sp-6) var(--sp-6) var(--sp-4);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  background: var(--bg);
  z-index: 10;
}
.map-sidebar-head h2 {
  font-size: var(--text-xl);
  margin-bottom: var(--sp-1);
  letter-spacing: -0.02em;
}
.map-sidebar-head .sub { font-size: var(--text-xs); color: var(--text-muted); margin-bottom: var(--sp-4); }

.map-canvas { height: 100%; background: var(--bg-muted); }
#map { width: 100%; height: 100%; }

.map-filter-tabs {
  display: flex;
  gap: 2px;
  padding: 3px;
  background: var(--bg-muted);
  border-radius: var(--r-full);
}
.map-filter-tabs button {
  flex: 1;
  padding: 6px 6px;
  border-radius: var(--r-full);
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
  transition: all var(--t-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  white-space: nowrap;
  min-width: 0;
}
.map-filter-tabs button:hover { color: var(--text); }
.map-filter-tabs button.active {
  background: var(--bg-elevated);
  color: var(--text);
  box-shadow: var(--shadow-xs);
}
.map-filter-tabs button .tab-count {
  font-size: 10px;
  padding: 1px 5px;
  background: var(--bg-muted);
  border-radius: var(--r-full);
  color: var(--text-muted);
  min-width: 16px;
  text-align: center;
  font-weight: 600;
}
.map-filter-tabs button.active .tab-count { background: var(--bg); color: var(--text); }

/* Action buttons inside location cards */
.loc-card-actions {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  padding-top: var(--sp-3);
  border-top: 1px solid var(--border);
}
.loc-action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 9px;
  background: var(--bg-muted);
  border-radius: var(--r-full);
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
  transition: all var(--t-fast);
  text-decoration: none;
  white-space: nowrap;
}
.loc-action:hover {
  background: var(--border);
  color: var(--text);
}
.loc-action-primary {
  background: var(--brand);
  color: white !important;
}
.loc-action-primary:hover {
  background: var(--brand-hover);
}
.loc-card.active .loc-action {
  background: rgba(255,255,255,0.6);
}
[data-theme="dark"] .loc-card.active .loc-action {
  background: rgba(255,255,255,0.1);
}

.map-list { flex: 1; padding: var(--sp-3) var(--sp-4) var(--sp-6); }

.loc-card {
  padding: var(--sp-4);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  margin-bottom: var(--sp-2);
  cursor: pointer;
  transition: all var(--t-fast);
  background: var(--bg-elevated);
}
.loc-card:hover {
  border-color: var(--border-strong);
  background: var(--bg-subtle);
  transform: translateX(2px);
}
.loc-card.active {
  border-color: var(--brand);
  background: var(--brand-subtle);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}

.loc-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-2);
  margin-bottom: var(--sp-2);
}
.loc-card-partner {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-sm);
  color: var(--text);
  letter-spacing: -0.01em;
}

.loc-type-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  border-radius: var(--r-full);
  letter-spacing: 0.02em;
  flex-shrink: 0;
}
.loc-type-shop { background: var(--brand-subtle); color: var(--brand); }
.loc-type-service { background: var(--warning-subtle); color: var(--warning); }
.loc-type-private { background: rgba(109, 40, 217, 0.12); color: #7c3aed; }


.loc-card-addr {
  font-size: var(--text-xs);
  color: var(--text-muted);
  line-height: 1.45;
  margin-bottom: var(--sp-2);
}
.loc-card-addr .place { color: var(--text-secondary); font-weight: 500; display: block; margin-bottom: 2px; }

.loc-card-meta {
  display: flex;
  gap: var(--sp-3);
  font-size: var(--text-xs);
  color: var(--text-muted);
  padding-top: var(--sp-2);
  border-top: 1px solid var(--border);
}
.loc-card-meta a { color: var(--brand); }

/* ---------- SCANNER ---------- */

.scanner-hero {
  padding: var(--sp-24) 0 var(--sp-20);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.scanner-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 600px 400px at 50% 0%, var(--brand-subtle), transparent 70%);
  pointer-events: none;
}
.scanner-hero > .container { position: relative; z-index: 1; }

.scanner-hero h1 {
  margin-bottom: var(--sp-4);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.scanner-hero p {
  color: var(--text-muted);
  font-size: var(--text-lg);
  max-width: 620px;
  margin: 0 auto var(--sp-10);
  line-height: 1.5;
}

.scanner-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--sp-5);
  padding: var(--sp-12) 0;
}
.scanner-feat {
  padding: var(--sp-8);
  background: var(--bg-muted);
  border-radius: var(--r-2xl);
  transition: all var(--t-base);
}
.scanner-feat:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); background: var(--bg-elevated); }
.scanner-feat-num {
  font-size: var(--text-xs);
  color: var(--brand);
  margin-bottom: var(--sp-2);
  font-weight: 600;
}
.scanner-feat-icon {
  width: 48px; height: 48px;
  border-radius: var(--r-md);
  background: var(--bg-elevated);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--sp-4);
  box-shadow: var(--shadow-xs);
}
.scanner-feat h3 { font-size: var(--text-md); margin-bottom: var(--sp-2); }
.scanner-feat p { color: var(--text-muted); font-size: var(--text-sm); line-height: 1.5; }

/* ---------- TOPS ---------- */

.tops-tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  background: var(--bg-muted);
  border-radius: var(--r-full);
  margin-bottom: var(--sp-10);
  max-width: 540px;
}
.tops-tabs button {
  flex: 1;
  padding: 9px 16px;
  border-radius: var(--r-full);
  font-weight: 500;
  font-size: var(--text-sm);
  color: var(--text-muted);
  transition: all var(--t-fast);
}
.tops-tabs button:hover { color: var(--text); }
.tops-tabs button.active {
  background: var(--bg-elevated);
  color: var(--text);
  box-shadow: var(--shadow-xs);
}

.tops-list { display: flex; flex-direction: column; gap: var(--sp-2); }
.top-item {
  display: grid;
  grid-template-columns: 56px 1fr 100px 200px;
  align-items: center;
  gap: var(--sp-5);
  padding: var(--sp-4) var(--sp-6);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  transition: all var(--t-fast);
}
.top-item:hover { border-color: var(--border-strong); }
.top-rank {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 700;
  color: var(--text-subtle);
  text-align: center;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.top-rank.gold { color: #ff9500; }
.top-rank.silver { color: #94a3b8; }
.top-rank.bronze { color: #cd7f32; }
.top-name { font-weight: 500; font-size: var(--text-base); }
.top-count {
  font-size: var(--text-xs);
  color: var(--text-muted);
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.top-bar {
  height: 6px;
  background: var(--bg-muted);
  border-radius: var(--r-full);
  overflow: hidden;
}
.top-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--brand), var(--accent));
  border-radius: var(--r-full);
  transition: width 800ms var(--ease);
}

/* ---------- MESSAGES ---------- */

.messages-layout {
  display: grid;
  grid-template-columns: 320px 1fr;
  height: calc(100vh - var(--header-h));
  border-bottom: 1px solid var(--border);
}
.conv-list {
  background: var(--bg);
  border-right: 1px solid var(--border);
  overflow-y: auto;
}
.conv-list-head {
  padding: var(--sp-5) var(--sp-5);
  border-bottom: 1px solid var(--border);
  font-weight: 700;
  font-size: var(--text-md);
  letter-spacing: -0.02em;
  position: sticky;
  top: 0;
  background: var(--bg-overlay);
  backdrop-filter: blur(12px);
  z-index: 1;
}
.conv-item {
  display: block;
  padding: var(--sp-4) var(--sp-5);
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  transition: all var(--t-fast);
  text-decoration: none;
  position: relative;
}
.conv-item::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: transparent;
  transition: background var(--t-fast);
}
.conv-item:hover { background: var(--bg-subtle); }
.conv-item.active {
  background: var(--brand-subtle);
}
.conv-item.active::before {
  background: var(--brand);
}
.conv-item-name {
  font-weight: 600;
  font-size: var(--text-sm);
  margin-bottom: 3px;
  color: var(--text);
  letter-spacing: -0.01em;
}
.conv-item-preview {
  font-size: var(--text-xs);
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.conv-item-time {
  font-size: 11px;
  color: var(--text-subtle);
  margin-top: 6px;
  font-variant-numeric: tabular-nums;
}

.chat-area { display: flex; flex-direction: column; height: 100%; background: var(--bg-subtle); }
.chat-header { padding: var(--sp-4) var(--sp-6); border-bottom: 1px solid var(--border); background: var(--bg); }

/* Beautiful empty state when no chat is selected */
.messages-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--sp-12);
  text-align: center;
  gap: var(--sp-4);
}
.messages-empty-illust {
  width: 96px; height: 96px;
  border-radius: 50%;
  background: var(--brand-subtle);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--sp-2);
}
.messages-empty h3 {
  font-size: var(--text-lg);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--text);
}
.messages-empty p {
  color: var(--text-muted);
  font-size: var(--text-sm);
  max-width: 320px;
  line-height: 1.55;
  margin: 0 0 var(--sp-2);
}
.chat-body {
  flex: 1;
  overflow-y: auto;
  padding: var(--sp-6);
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.msg {
  max-width: 65%;
  padding: 10px 14px;
  border-radius: var(--r-lg);
  font-size: var(--text-sm);
  line-height: 1.4;
}
.msg.mine { align-self: flex-end; background: var(--brand); color: white; border-bottom-right-radius: 4px; }
.msg.theirs { align-self: flex-start; background: var(--bg-elevated); border: 1px solid var(--border); border-bottom-left-radius: 4px; }
.msg-time { font-size: 10px; opacity: 0.7; margin-top: 3px; }

.chat-input {
  padding: var(--sp-4) var(--sp-6);
  border-top: 1px solid var(--border);
  background: var(--bg);
  display: flex;
  gap: var(--sp-2);
  align-items: flex-end;
}
.chat-input textarea {
  flex: 1;
  padding: 10px 14px;
  background: var(--bg-muted);
  border: 1px solid transparent;
  border-radius: var(--r-md);
  resize: none;
  font-size: var(--text-sm);
  min-height: 40px;
  max-height: 120px;
}
.chat-input textarea:focus { outline: none; background: var(--bg); border-color: var(--brand); }

/* ---------- PAGINATION ---------- */
.pagination {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: var(--sp-12);
}
.pagination a, .pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px; height: 40px;
  padding: 0 var(--sp-3);
  border-radius: var(--r-full);
  font-size: var(--text-sm);
  font-weight: 500;
  transition: all var(--t-fast);
  font-variant-numeric: tabular-nums;
  color: var(--text-secondary);
}
.pagination a:hover { background: var(--bg-muted); color: var(--text); }
.pagination .current { background: var(--brand-gradient); color: white; box-shadow: 0 2px 8px rgba(99, 91, 255, 0.3); }
.pagination .disabled { opacity: 0.4; pointer-events: none; }

/* ---------- EMPTY STATE ---------- */
.empty-state {
  padding: var(--sp-20) var(--sp-5);
  text-align: center;
  color: var(--text-muted);
}
.empty-state-icon {
  width: 64px; height: 64px;
  margin: 0 auto var(--sp-4);
  border-radius: var(--r-full);
  background: var(--bg-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-subtle);
}

/* ---------- LEAFLET OVERRIDES ---------- */
.leaflet-popup-content-wrapper {
  background: var(--bg-elevated);
  color: var(--text);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border);
}
.leaflet-popup-content {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  line-height: 1.5;
  margin: var(--sp-4) var(--sp-5);
  min-width: 200px;
}
.leaflet-popup-content strong { color: var(--text); font-weight: 600; }
.leaflet-popup-content a { color: var(--brand); font-weight: 500; }
.leaflet-popup-tip { background: var(--bg-elevated); }
.leaflet-container a.leaflet-popup-close-button {
  color: var(--text-muted);
  font-size: 20px;
  padding: 8px 8px 0 0;
}
.leaflet-bar {
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--r-md) !important;
  overflow: hidden;
}
.leaflet-bar a {
  background: var(--bg-elevated) !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--border) !important;
}
.leaflet-bar a:hover { background: var(--bg-muted) !important; }
.leaflet-control-attribution {
  background: var(--bg-overlay) !important;
  color: var(--text-muted) !important;
  font-size: 10px !important;
  backdrop-filter: blur(8px);
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 1280px) {
  .container { padding: 0 var(--sp-5); }
  .footer-grid { gap: var(--sp-8); }
}

@media (max-width: 1024px) {
  .catalog-layout { grid-template-columns: 200px 1fr; gap: var(--sp-6); }
  .product-top { grid-template-columns: 1fr; gap: var(--sp-10); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-8); }
  .map-layout { grid-template-columns: 320px 1fr; }
  .messages-layout { grid-template-columns: 280px 1fr; }
  .hero-stats { gap: var(--sp-8); }
  .offer-row { grid-template-columns: 1fr 100px 120px 110px; gap: var(--sp-3); padding: var(--sp-4); }
  .prod-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--sp-4); }
  .cat-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}

@media (max-width: 768px) {
  /* Header */
  .header-nav { display: none; }
  .header-search { max-width: none; }
  .user-name { display: none; }
  .mobile-menu-btn { display: inline-flex; }
  .header-tools { gap: 4px; }
  .lang-switch { font-size: 10px; }
  .lang-switch a { padding: 3px 7px; }

  /* Hero */
  .hero {
    padding: var(--sp-12) 0 var(--sp-10);
    min-height: auto;
    align-items: stretch;
  }
  .hero h1 { font-size: clamp(28px, 8vw, 44px); }
  .hero-lead { font-size: var(--text-base); margin-bottom: var(--sp-6); }
  .hero-stats { gap: var(--sp-6); margin-top: var(--sp-12); padding-top: var(--sp-6); }
  .hero-stat-num { font-size: var(--text-2xl); }

  /* Sections */
  .section { padding: var(--sp-12) 0; }
  .section-head { margin-bottom: var(--sp-6); }
  .section-title { font-size: var(--text-2xl); }

  /* Categories */
  .cat-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }
  .cat-card { min-height: 140px; padding: var(--sp-5); }
  .cat-icon { width: 40px; height: 40px; margin-bottom: var(--sp-4); }

  /* Products */
  .prod-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }
  .prod-card { border-radius: var(--r-lg); }
  .prod-body { padding: var(--sp-3); }
  .prod-name { font-size: var(--text-sm); min-height: 36px; }
  .prod-price { font-size: var(--text-base); }
  .prod-image img { padding: var(--sp-4); }

  /* Catalog */
  .catalog-layout { grid-template-columns: 1fr; gap: var(--sp-6); padding: var(--sp-6) 0; }
  .filter-panel {
    position: static;
    background: var(--bg-muted);
    padding: var(--sp-4);
    border-radius: var(--r-lg);
    margin-bottom: var(--sp-2);
  }
  .filter-group { margin-bottom: var(--sp-4); }
  .catalog-page-title { font-size: var(--text-2xl); }

  /* Product page */
  .product-gallery { padding: var(--sp-8); border-radius: var(--r-2xl); }
  .product-name-main { font-size: clamp(22px, 5vw, 32px); }
  .product-price-main { font-size: clamp(28px, 7vw, 40px); }
  .breadcrumbs { font-size: 11px; flex-wrap: wrap; }
  .offers-section, .price-history-section, .reviews-section, .specs-section { padding: var(--sp-10) 0; }
  .price-history-stats { grid-template-columns: 1fr; gap: var(--sp-3); }
  .price-stat-card { padding: var(--sp-4); }
  .price-stat-value { font-size: var(--text-xl); }
  #priceChart { height: 200px; }

  /* Offer rows — stacked layout on mobile */
  .offer-row {
    grid-template-columns: 1fr;
    gap: var(--sp-3);
    padding: var(--sp-4);
  }
  .offer-row .offer-partner { grid-column: 1; }
  .offer-row .offer-stock { grid-column: 1; }
  .offer-row .offer-price-cell { grid-column: 1; text-align: left; padding-top: var(--sp-2); border-top: 1px solid var(--border); }
  .offer-row .offer-cta-cell { grid-column: 1; text-align: left; }
  .offer-row .offer-cta-cell a { width: 100%; }

  /* Reviews */
  .reviews-summary-block { gap: var(--sp-4); padding: var(--sp-5) 0; }
  .reviews-rating-big { font-size: 48px; }
  .review-form { padding: var(--sp-4); }

  /* Footer */
  .site-footer { padding: 0 0 var(--sp-5); margin-top: var(--sp-12); }
  .footer-cta { padding: var(--sp-6); flex-direction: column; align-items: stretch; text-align: left; top: -30px; margin-bottom: var(--sp-6); }
  .footer-cta-actions { width: 100%; }
  .footer-cta-actions .btn-primary, .footer-cta-actions .btn-outline { flex: 1; justify-content: center; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-6); margin-bottom: var(--sp-6); }
  .footer-col-brand { grid-column: 1 / -1; padding-right: 0; margin-bottom: var(--sp-2); }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: var(--sp-2); }

  /* Map */
  .map-layout { grid-template-columns: 1fr; height: auto; }
  .map-sidebar { max-height: 50vh; order: 2; }
  .map-canvas { height: 50vh; order: 1; }
  .map-sidebar-head { padding: var(--sp-4); }
  .map-list { padding: var(--sp-2) var(--sp-4) var(--sp-4); }

  /* Messages */
  .messages-layout { grid-template-columns: 1fr; height: auto; }
  .conv-list { max-height: 280px; border-right: none; border-bottom: 1px solid var(--border); }
  .chat-area { height: calc(100vh - var(--header-h) - 280px); min-height: 400px; }
  .chat-body { padding: var(--sp-4); }
  .msg { max-width: 80%; }

  /* Tops */
  .tops-tabs { max-width: none; }
  .tops-tabs button { font-size: 12px; padding: 8px 8px; }
  .top-item { grid-template-columns: 32px 1fr 80px; gap: var(--sp-3); padding: var(--sp-3); }
  .top-item .top-bar { display: none; }
  .top-name { font-size: var(--text-sm); }

  /* Forms */
  .form-card { padding: var(--sp-6); margin: var(--sp-8) auto; border-radius: var(--r-xl); }
  .form-card h2 { font-size: var(--text-xl); }

  /* Scanner */
  .scanner-hero { padding: var(--sp-12) 0 var(--sp-10); }
  .scanner-hero h1 { font-size: clamp(28px, 8vw, 44px); }
  .scanner-hero p { font-size: var(--text-base); }
  .scanner-features { gap: var(--sp-3); padding: var(--sp-8) 0; }
  .scanner-feat { padding: var(--sp-5); border-radius: var(--r-xl); }

  /* Buttons should be touchable */
  .btn-primary, .btn-accent, .btn-secondary, .btn-outline, .btn-ghost { min-height: 40px; padding: 10px 18px; }
  .btn-lg { min-height: 48px; padding: 14px 22px; }
  .btn-xl { min-height: 56px; padding: 16px 28px; }

  /* Pagination */
  .pagination a, .pagination span { min-width: 36px; height: 36px; font-size: var(--text-xs); }
}

@media (max-width: 480px) {
  .container { padding: 0 var(--sp-4); }
  .header-search { padding: 0 var(--sp-2); }
  .header-search input { font-size: var(--text-xs); }
  .logo { font-size: var(--text-base); }
  .lang-switch { display: none; }
  .cat-grid { grid-template-columns: 1fr; }
  .cat-card { min-height: 120px; flex-direction: row; align-items: center; gap: var(--sp-4); padding: var(--sp-4); }
  .cat-icon { margin-bottom: 0; flex-shrink: 0; }
  .prod-grid { grid-template-columns: 1fr; gap: var(--sp-3); }
  .prod-image { aspect-ratio: 16/10; }
  .hero h1 { font-size: 32px; }
  .hero-stats { width: 100%; flex-direction: row; justify-content: space-around; }
  .hero-stat { flex: 1; }
  .footer-bottom { gap: var(--sp-3); align-items: stretch; }
  .reviews-rating-big { font-size: 40px; }

  /* Map filter tabs go vertical on tiny screens */
  .map-filter-tabs { flex-wrap: wrap; }
  .map-filter-tabs button { flex: 1 0 calc(50% - 2px); font-size: 11px; }
}

/* Touch device tweaks */
@media (hover: none) {
  .prod-card:hover, .cat-card:hover { transform: none; }
  .prod-card:active, .cat-card:active { transform: scale(0.98); transition: transform 100ms; }
  .btn-primary:hover, .btn-accent:hover { transform: none; }
}

/* ---------- UTILITIES ---------- */
.text-muted { color: var(--text-muted); }
.text-secondary { color: var(--text-secondary); }
.text-center { text-align: center; }
.tabular-nums { font-variant-numeric: tabular-nums; }

/* ---------- MAP PAGE V2 / Google Maps-like layout ---------- */
.map-layout-google {
  grid-template-columns: minmax(360px, 430px) 1fr;
  background: var(--bg-muted);
}
.map-layout-google .map-sidebar {
  background: var(--bg);
  box-shadow: 8px 0 24px rgba(15, 23, 42, 0.08);
  z-index: 2;
}
.map-title-row {
  display: flex;
  justify-content: space-between;
  gap: var(--sp-4);
  align-items: flex-start;
}
.map-mini-link {
  font-size: 12px;
  color: var(--brand);
  font-weight: 650;
  white-space: nowrap;
}
.map-search-panel {
  padding: var(--sp-5);
  background: color-mix(in srgb, var(--bg) 94%, transparent);
  backdrop-filter: blur(16px);
}
.map-searchbox {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--bg-elevated);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  margin-bottom: var(--sp-3);
  color: var(--text-muted);
}
.map-searchbox:focus-within {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle), 0 2px 8px rgba(15, 23, 42, 0.06);
  color: var(--brand);
}
.map-searchbox input {
  border: 0;
  background: transparent;
  outline: 0;
  flex: 1;
  min-width: 0;
  color: var(--text);
  font-size: var(--text-sm);
}
.map-sort-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--sp-3);
}
.map-sort-tabs button {
  padding: 7px 11px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
  color: var(--text-secondary);
  background: var(--bg-elevated);
  transition: all var(--t-fast);
}
.map-sort-tabs button:hover { border-color: var(--border-strong); color: var(--text); }
.map-sort-tabs button.active {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.map-results-line {
  display: flex;
  justify-content: space-between;
  gap: var(--sp-2);
  margin-top: var(--sp-3);
  color: var(--text-muted);
  font-size: 12px;
}
.map-distance-hint { text-align: right; color: var(--text-subtle); }
.map-layout-google .map-list {
  padding: var(--sp-3) var(--sp-4) var(--sp-8);
}
.map-layout-google .loc-card {
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 12px;
  border-color: color-mix(in srgb, var(--border) 80%, transparent);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}
.map-layout-google .loc-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}
.map-layout-google .loc-card.active {
  background: var(--bg-elevated);
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle), 0 12px 24px rgba(15, 23, 42, 0.08);
}
.loc-rating-row {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--text-muted);
  margin-bottom: var(--sp-2);
}
.loc-rating-row strong { color: var(--text); }
.loc-stars { color: #ff9500; }
.loc-distance {
  margin-left: auto;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--bg-muted);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}
.loc-desc {
  margin: 0 0 var(--sp-2);
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.45;
}
.loc-hours {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--success) 10%, transparent);
  color: var(--success);
  font-size: 12px;
  font-weight: 650;
  margin-bottom: var(--sp-2);
}
.loc-services {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: var(--sp-1) 0 var(--sp-3);
}
.loc-services span {
  display: inline-flex;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--border);
  color: var(--text-secondary);
  background: var(--bg-muted);
  font-size: 11px;
  font-weight: 600;
}
.loc-card[hidden] { display: none !important; }
.map-empty-filter { margin: var(--sp-4); }

@media (max-width: 1024px) {
  .map-layout-google { grid-template-columns: 360px 1fr; }
}
@media (max-width: 768px) {
  .map-layout-google { grid-template-columns: 1fr; }
  .map-title-row { align-items: center; }
  .map-search-panel { padding: var(--sp-4); }
  .map-sort-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
  .map-sort-tabs button { white-space: nowrap; }
}

/* ================================================================
   PCLab professional polish — cleaner header, footer and placeholders
   ================================================================ */
.site-header {
  border-bottom-color: color-mix(in srgb, var(--border) 78%, transparent);
}
.header-inner {
  min-height: 62px;
}
.header-nav {
  gap: 2px;
  font-weight: 600;
}
.header-nav a {
  color: var(--text-muted);
  padding: 8px 10px;
}
.header-nav a:hover,
.header-nav a.nav-accent:hover {
  color: var(--brand);
  background: var(--brand-subtle);
}
.header-nav a.nav-accent {
  color: var(--brand);
  font-weight: 800;
}
.header-search {
  height: 40px;
  background: color-mix(in srgb, var(--bg-muted) 82%, var(--bg-elevated) 18%);
  border-color: color-mix(in srgb, var(--border) 62%, transparent);
}
.logo {
  font-weight: 850;
}
.logo-dot {
  animation: none;
  background: var(--brand);
}
.btn-primary,
.btn-outline,
.btn-ghost,
.btn-accent,
.btn-secondary {
  font-weight: 750;
}
.btn-primary {
  background: var(--brand);
  background-image: none;
}
.btn-primary:hover {
  box-shadow: 0 8px 22px color-mix(in srgb, var(--brand) 26%, transparent);
}
.prod-image {
  background:
    radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 42%),
    linear-gradient(180deg, var(--bg-subtle), var(--bg-muted));
}
.prod-image-placeholder-modern {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  color: var(--text-subtle);
  letter-spacing: 0;
  text-transform: none;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
}
.prod-image-placeholder-modern svg {
  width: 34px;
  height: 34px;
  opacity: .56;
}
.prod-image-placeholder-modern span {
  max-width: 140px;
  text-align: center;
  line-height: 1.35;
}
.footer-cta {
  border-radius: 22px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
}
.footer-logo,
.footer-col h4 {
  letter-spacing: -0.02em;
}
.footer-status-dot {
  animation: none;
}
@media (max-width: 920px) {
  .header-inner { min-height: 58px; }
}

/* ============================================================
   PCLab v7 — professional platform homepage and core UI
   ============================================================ */
.pcl-home{background:var(--bg);color:var(--text);}
.pcl-container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;}
.pcl-hero{padding:70px 0 46px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-subtle) 100%);}
.pcl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:center;}
.pcl-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.pcl-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-subtle);}
.pcl-hero h1{max-width:820px;font-size:clamp(42px,5.5vw,72px);line-height:.96;letter-spacing:-.06em;font-weight:780;margin:0;color:var(--text);}
.pcl-hero p{max-width:720px;margin-top:22px;color:var(--text-secondary);font-size:16px;line-height:1.72;}
.pcl-main-search{margin-top:28px;display:flex;max-width:680px;padding:6px;border:1px solid var(--border-strong);background:var(--bg-elevated);border-radius:18px;box-shadow:var(--shadow-sm);}
.pcl-main-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 16px;font-size:15px;color:var(--text);}
.pcl-main-search button{height:44px;padding:0 22px;border-radius:13px;background:var(--text);color:var(--bg);font-size:13px;font-weight:750;white-space:nowrap;}
.pcl-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;align-items:center;}
.pcl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:12px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.pcl-btn:hover{transform:translateY(-1px);}
.pcl-btn-primary{background:var(--brand);color:#fff;border:1px solid var(--brand);}
.pcl-btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);}
.pcl-btn-link{background:transparent;color:var(--brand);border:1px solid transparent;}
.pcl-ops-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;box-shadow:0 26px 80px -60px rgba(15,23,42,.7);overflow:hidden;}
.pcl-ops-head{padding:22px 24px;border-bottom:1px solid var(--border);background:var(--bg-subtle);}
.pcl-ops-head span{display:block;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;}
.pcl-ops-head strong{display:block;color:var(--text);font-size:22px;line-height:1.12;letter-spacing:-.035em;}
.pcl-ops-list{padding:6px 0;}
.pcl-ops-list div{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 24px;border-bottom:1px solid var(--border);}
.pcl-ops-list div:last-child{border-bottom:0;}
.pcl-ops-list b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--bg-muted);color:var(--text-muted);font-size:12px;font-weight:850;}
.pcl-ops-list span{font-size:14px;line-height:1.55;color:var(--text-secondary);}
.pcl-status-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:18px 24px;background:var(--bg-subtle);border-top:1px solid var(--border);}
.pcl-status-strip span{font-size:12px;color:var(--text-muted);font-weight:700;margin-right:4px;}
.pcl-status-strip em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text-secondary);}
.pcl-ad-marquee{height:50px;border-bottom:1px solid var(--border);border-top:1px solid var(--border);overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;}
.pcl-marquee-track{display:flex;align-items:center;width:max-content;animation:pcl-marquee 42s linear infinite;}
.pcl-ad-marquee:hover .pcl-marquee-track{animation-play-state:paused;}
@keyframes pcl-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pcl-ad-item{display:inline-flex;align-items:center;gap:10px;min-width:290px;height:50px;padding:0 22px;border-right:1px solid var(--border);white-space:nowrap;text-decoration:none;}
.pcl-ad-item strong{font-size:13px;color:var(--text);}
.pcl-ad-item span{font-size:12px;color:var(--text-muted);max-width:210px;overflow:hidden;text-overflow:ellipsis;}
.pcl-ad-item:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--border-strong);}
.pcl-status-premium:before{background:#7c3aed}.pcl-status-popular:before{background:#f59e0b}.pcl-status-recommended:before{background:#2563eb}.pcl-status-verified:before{background:#059669}.pcl-status-new:before{background:#06b6d4}
.pcl-section{padding:70px 0;border-bottom:1px solid var(--border);}
.pcl-section-tight{padding:28px 0;}
.pcl-section-muted{background:var(--bg-subtle);}
.pcl-section-head{text-align:center;max-width:760px;margin:0 auto 28px;}
.pcl-section-head.left{text-align:left;margin:0 0 28px;}
.pcl-section-head span,.pcl-tools-grid>div>span{display:block;color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
.pcl-section-head h2,.pcl-tools-grid h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.045em;line-height:1.03;margin:0;color:var(--text);font-weight:760;}
.pcl-section-head p,.pcl-tools-grid p{margin-top:14px;color:var(--text-secondary);font-size:15px;line-height:1.7;}
.pcl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.pcl-metrics div{padding:20px 22px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:18px;}
.pcl-metrics b{display:block;font-size:30px;letter-spacing:-.04em;line-height:1;color:var(--text);font-weight:820;}
.pcl-metrics span{display:block;margin-top:8px;color:var(--text-muted);font-size:12px;font-weight:700;}
.pcl-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:start;}
.pcl-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.pcl-flow div{padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--bg-elevated);}
.pcl-flow b{display:block;font-size:16px;letter-spacing:-.02em;margin-bottom:8px;}
.pcl-flow span{display:block;color:var(--text-muted);font-size:13px;line-height:1.55;}
.pcl-map-summary,.pcl-table-panel,.pcl-report-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-xs);overflow:hidden;}
.pcl-map-summary-head,.pcl-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--bg-subtle);}
.pcl-map-summary-head strong,.pcl-table-head strong{font-size:15px;letter-spacing:-.02em;}
.pcl-map-summary-head a,.pcl-table-head a{font-size:12px;color:var(--brand);font-weight:750;}
.pcl-city-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);text-decoration:none;}
.pcl-city-row:last-child{border-bottom:0;}
.pcl-city-row span{font-size:14px;font-weight:700;}.pcl-city-row b{font-size:12px;color:var(--text-muted);background:var(--bg-muted);padding:4px 8px;border-radius:999px;}
.pcl-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.pcl-provider-block{padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--bg-elevated);min-height:150px;}
.pcl-provider-block b{display:block;font-size:18px;letter-spacing:-.025em;margin-bottom:10px;}
.pcl-provider-block span{display:block;color:var(--text-muted);font-size:14px;line-height:1.65;}
.pcl-two-tables{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}
.pcl-table{display:block;}
.pcl-table-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid var(--border);text-decoration:none;}
.pcl-table-row:last-child{border-bottom:0;}
.pcl-table-row:hover{background:var(--bg-subtle);}
.pcl-table-row span{min-width:0;}.pcl-table-row b{display:block;color:var(--text);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pcl-table-row small{display:block;margin-top:5px;color:var(--text-muted);font-size:12px;}.pcl-table-row em{font-style:normal;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--brand);background:var(--brand-subtle);padding:5px 8px;border-radius:999px;white-space:nowrap;}.pcl-table-row.price strong{font-size:14px;font-family:var(--font-mono);white-space:nowrap;}
.pcl-empty-line{padding:22px;color:var(--text-muted);font-size:13px;}
.pcl-tools-band{background:var(--bg-subtle);}
.pcl-tools-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:50px;align-items:center;}
.pcl-tools-grid .pcl-btn{margin-top:22px;}
.pcl-report-card{padding:10px;background:var(--text);color:var(--bg);border-color:transparent;box-shadow:var(--shadow-lg);}
.pcl-report-card div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12);}
.pcl-report-card span{color:rgba(255,255,255,.55);font-size:12px;font-family:var(--font-mono);}.pcl-report-card b{color:#fff;font-size:13px;text-align:right;}.pcl-report-card footer{margin:10px;padding:12px 14px;border-radius:13px;background:rgba(52,211,153,.14);color:#a7f3d0;font-size:12px;font-weight:800;}
.pcl-final-cta{padding:72px 0;text-align:center;background:var(--bg);}
.pcl-final-cta h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.04;margin:0 auto;max-width:720px;}.pcl-final-cta p{max-width:650px;margin:14px auto 24px;color:var(--text-secondary);font-size:15px;line-height:1.7;}

/* Provider application */
.pcl-form-page{padding:46px 0 74px;background:var(--bg-subtle);min-height:calc(100vh - var(--header-h));}.pcl-form-shell{max-width:1080px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:start;}.pcl-form-info,.pcl-application-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-xs);}.pcl-form-info{padding:28px;position:sticky;top:80px;}.pcl-form-info h1{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:0 0 12px;}.pcl-form-info p{color:var(--text-secondary);font-size:14px;line-height:1.7;}.pcl-form-info ul{list-style:none;margin-top:22px;display:grid;gap:12px;}.pcl-form-info li{display:flex;gap:10px;color:var(--text-secondary);font-size:13px;line-height:1.5;}.pcl-form-info li:before{content:"";width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--success);flex:none;}.pcl-application-form{padding:28px;}.pcl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.pcl-field{display:grid;gap:7px;margin-bottom:16px;}.pcl-field.full{grid-column:1/-1}.pcl-field label{font-size:12px;font-weight:800;color:var(--text-secondary);}.pcl-field input,.pcl-field select,.pcl-field textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:12px 13px;outline:none;color:var(--text);}.pcl-field textarea{min-height:112px;resize:vertical;}.pcl-field input:focus,.pcl-field select:focus,.pcl-field textarea:focus{border-color:var(--brand);box-shadow:var(--shadow-glow);}.pcl-form-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:8px;}.pcl-form-note{font-size:12px;color:var(--text-muted);line-height:1.55;margin-right:auto;}

@media (max-width: 980px){.pcl-hero-grid,.pcl-split,.pcl-tools-grid,.pcl-form-shell{grid-template-columns:1fr;gap:28px}.pcl-ops-panel,.pcl-form-info{position:static}.pcl-metrics{grid-template-columns:repeat(2,1fr)}.pcl-flow,.pcl-provider-grid,.pcl-two-tables{grid-template-columns:1fr}.pcl-hero{padding:48px 0 36px}.pcl-ad-item{min-width:250px}}
@media (max-width: 640px){.pcl-container{padding:0 16px}.pcl-main-search{display:grid;gap:6px}.pcl-main-search input{height:42px}.pcl-main-search button{width:100%}.pcl-metrics{grid-template-columns:1fr}.pcl-hero-actions{display:grid}.pcl-btn{width:100%}.pcl-form-grid{grid-template-columns:1fr}.pcl-form-page{padding-top:24px}.pcl-application-form,.pcl-form-info{padding:20px;border-radius:18px}}


/* ── Home v8 minimal cover redesign ─────────────────────────────── */
.pcl-home-landing{background:var(--bg);color:var(--text);}
.pcl-cover-hero{position:relative;min-height:640px;padding:78px 0 70px;background:linear-gradient(90deg, rgba(5,10,20,.82) 0%, rgba(5,10,20,.58) 42%, rgba(5,10,20,.28) 100%),var(--pcl-hero-bg) center/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;}
.pcl-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(3,7,18,.18) 0%, rgba(3,7,18,.34) 100%);pointer-events:none;}
.pcl-cover-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) 380px;gap:44px;align-items:end;}
.pcl-cover-copy{max-width:760px;}
.pcl-cover-topline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.pcl-cover-badge{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);font-size:12px;font-weight:700;color:#fff;}
.pcl-cover-badge.ok{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.28);}
.pcl-cover-copy h1{max-width:900px;margin:0;font-size:clamp(42px,5vw,74px);line-height:.96;letter-spacing:-.06em;color:#fff;font-weight:820;text-shadow:0 10px 35px rgba(0,0,0,.18);}
.pcl-cover-copy p{margin:18px 0 0;max-width:700px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.82);}
.pcl-cover-search{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) 220px 170px;align-items:stretch;background:#fff;border-radius:20px;padding:6px;box-shadow:0 22px 60px rgba(6,10,18,.22);max-width:880px;}
.pcl-search-field{display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid rgba(15,23,42,.08);min-width:0;}
.pcl-search-field:last-of-type{border-right:none;}
.pcl-search-ico{width:18px;flex:0 0 18px;font-size:16px;color:#64748b;display:flex;align-items:center;justify-content:center;opacity:.9;}
.pcl-cover-search input{width:100%;height:58px;border:none;background:transparent;font:600 15px/1.2 Inter,system-ui,sans-serif;color:#0f172a;outline:none;min-width:0;}
.pcl-cover-search input::placeholder{color:#94a3b8;font-weight:500;}
.pcl-cover-search button{height:58px;border:none;border-radius:14px;background:linear-gradient(135deg,#5b5df0 0%,#6d28d9 100%);color:#fff;font:700 15px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:transform .14s ease, box-shadow .14s ease;box-shadow:0 10px 24px rgba(91,93,240,.24);}
.pcl-cover-search button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(91,93,240,.3);}
.pcl-cover-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px;}
.pcl-cover-link{color:#fff;text-decoration:none;font-size:14px;font-weight:700;opacity:.92;}
.pcl-cover-link:hover{opacity:1;text-decoration:underline;}
.pcl-tools-callout{margin-top:22px;display:flex;gap:14px;align-items:center;max-width:520px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);text-decoration:none;box-shadow:0 14px 44px rgba(0,0,0,.12);}
.pcl-tools-callout-ico{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;letter-spacing:-.03em;}
.pcl-tools-callout strong{display:block;font-size:24px;line-height:1;color:#fff;letter-spacing:-.04em;}
.pcl-tools-callout span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78);}
.pcl-cover-panel{padding:26px 26px 24px;border-radius:26px;background:rgba(8,14,28,.66);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);box-shadow:0 26px 70px rgba(0,0,0,.22);color:#fff;}
.pcl-cover-panel-tag{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.88);}
.pcl-cover-panel h2{margin:16px 0 0;font-size:31px;line-height:.98;letter-spacing:-.05em;color:#fff;font-weight:780;}
.pcl-cover-steps{display:grid;gap:14px;margin-top:22px;}
.pcl-cover-steps div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:14px 0;border-top:1px solid rgba(255,255,255,.1);}
.pcl-cover-steps div:first-child{border-top:none;padding-top:0;}
.pcl-cover-steps b{font-size:12px;font-weight:800;color:#a5b4fc;letter-spacing:.08em;}
.pcl-cover-steps span{font-size:14px;line-height:1.58;color:rgba(255,255,255,.8);}
.pcl-cover-statuses{margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);}
.pcl-cover-statuses>span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.68);margin-bottom:10px;}
.pcl-cover-statuses>div{display:flex;flex-wrap:wrap;gap:8px;}
.pcl-cover-statuses em{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);}
.pcl-cover-statuses em.premium{background:rgba(124,58,237,.16);border-color:rgba(124,58,237,.28)}
.pcl-cover-statuses em.popular{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.28)}
.pcl-cover-statuses em.verified{background:rgba(5,150,105,.16);border-color:rgba(5,150,105,.28)}
.pcl-cover-mini-stats{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.pcl-cover-mini-stats div{padding:14px 14px 12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
.pcl-cover-mini-stats strong{display:block;font-size:24px;line-height:1;color:#fff;font-weight:800;letter-spacing:-.04em;}
.pcl-cover-mini-stats span{display:block;margin-top:6px;font-size:12px;color:rgba(255,255,255,.72);font-weight:700;}
.pcl-ad-marquee-home{height:58px;background:#eef2ff;border-top:none;border-bottom:1px solid var(--border);}
.pcl-ad-marquee-home .pcl-ad-item{height:58px;min-width:320px;padding:0 24px;}
.pcl-ad-marquee-home .pcl-ad-item strong{font-size:13px;color:#0f172a;}
.pcl-ad-marquee-home .pcl-ad-item span{font-size:12px;color:#64748b;max-width:230px;}
.pcl-ad-marquee-home .pcl-ad-item:before{width:9px;height:9px;background:#6366f1;}
.pcl-home-brief{padding:48px 0 72px;background:var(--bg);}
.pcl-home-brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.pcl-brief-card{padding:26px 26px 24px;border-radius:24px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 14px 50px rgba(15,23,42,.06);}
.pcl-brief-card span{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:10px;}
.pcl-brief-card h3{margin:0;font-size:24px;line-height:1.04;letter-spacing:-.04em;color:var(--text);font-weight:780;}
.pcl-brief-card p{margin:12px 0 0;font-size:14px;line-height:1.65;color:var(--text-secondary);}
.pcl-provider-cta-band{margin-top:22px;padding:24px 28px;border-radius:24px;background:linear-gradient(135deg,var(--bg-elevated) 0%, var(--bg-subtle) 100%);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 16px 50px rgba(15,23,42,.06);}
.pcl-provider-cta-band strong{display:block;font-size:28px;line-height:1.02;letter-spacing:-.04em;color:var(--text);font-weight:800;}
.pcl-provider-cta-band span{display:block;margin-top:8px;font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:760px;}
.pcl-provider-cta-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
@media (max-width: 1180px){
  .pcl-cover-inner{grid-template-columns:1fr;gap:24px;align-items:start;}
  .pcl-cover-panel{max-width:680px;}
}
@media (max-width: 980px){
  .pcl-cover-hero{min-height:auto;padding:54px 0 48px;}
  .pcl-cover-copy h1{font-size:clamp(36px,7vw,56px);} 
  .pcl-cover-search{grid-template-columns:1fr;gap:0;padding:8px;}
  .pcl-search-field{border-right:none;border-bottom:1px solid rgba(15,23,42,.08);}
  .pcl-search-field-city{border-bottom:none;}
  .pcl-home-brief-grid{grid-template-columns:1fr;}
  .pcl-provider-cta-band{flex-direction:column;align-items:flex-start;}
}
@media (max-width: 640px){
  .pcl-cover-hero{padding:36px 0 40px;}
  .pcl-cover-topline{margin-bottom:16px;}
  .pcl-cover-badge{height:auto;min-height:34px;padding:8px 12px;}
  .pcl-cover-copy p{font-size:15px;}
  .pcl-cover-search button{width:100%;}
  .pcl-cover-actions,.pcl-provider-cta-actions{display:grid;grid-template-columns:1fr;}
  .pcl-cover-link,.pcl-btn{width:100%;text-align:center;justify-content:center;}
  .pcl-tools-callout{padding:14px;}
  .pcl-tools-callout strong{font-size:20px;}
  .pcl-cover-panel{padding:20px;}
  .pcl-cover-panel h2{font-size:26px;}
  .pcl-cover-mini-stats{grid-template-columns:repeat(2,1fr);} 
  .pcl-ad-marquee-home .pcl-ad-item{min-width:280px;}
  .pcl-brief-card,.pcl-provider-cta-band{padding:20px;}
  .pcl-provider-cta-band strong{font-size:24px;}
}


/* ── Home v9 screenshot-inspired landing ────────────────────────── */
.page-home-v9 .site-footer{display:none;}
.page-home-v9 .mobile-bottom-nav{display:none;}
.page-home-v9 .site-main{padding-top:0;}
.page-home-v9 .site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e9ebf2;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;}
.page-home-v9 .header-inner{min-height:58px;gap:18px;}
.page-home-v9 .header-search,.page-home-v9 .header-nav,.page-home-v9 .lang-switch,.page-home-v9 #themeToggle,.page-home-v9 .notif-dropdown,.page-home-v9 .icon-btn-badge{display:none!important;}
.page-home-v9 .logo{font-size:17px;font-weight:800;}
.page-home-v9 .logo-mark{background:linear-gradient(135deg,#5b5df0 0%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.page-home-v9 .logo-dot{display:none;}
.page-home-v9 .header-tools{margin-left:auto;gap:10px;}
.page-home-v9 .btn-ghost.btn-sm,.page-home-v9 .btn-primary.btn-sm{height:36px;padding:0 14px;border-radius:999px;font-size:13px;}
.page-home-v9 .user-trigger{border-radius:999px;}
.pcl-home-demo{background:#f4f6fb;}
.pcx-hero{position:relative;min-height:640px;background:var(--pcx-hero-bg) center/cover no-repeat;overflow:hidden;}
.pcx-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.58) 0%,rgba(7,10,18,.34) 42%,rgba(7,10,18,.18) 100%);}
.pcx-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-start;min-height:640px;padding-top:26px;padding-bottom:36px;}
.pcx-hero-copy{width:min(100%,620px);padding-top:10px;}
.pcx-hero-copy h1{margin:0 0 28px;font-size:clamp(46px,5vw,72px);line-height:.96;letter-spacing:-.065em;color:#fff;font-weight:820;text-shadow:0 6px 22px rgba(0,0,0,.12);}
.pcx-search-card{width:100%;max-width:470px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 18px 48px rgba(14,18,32,.28);}
.pcx-search-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #ebedf4;}
.pcx-search-row:last-of-type{border-bottom:none;}
.pcx-search-row.multi{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;}
.pcx-search-col{display:flex;align-items:center;gap:10px;padding:14px 16px;min-width:0;}
.pcx-search-col + .pcx-search-col{border-left:1px solid #ebedf4;}
.pcx-search-col.muted input::placeholder{color:#b1b9cb;}
.pcx-search-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(91,93,240,.09);color:#5b5df0;}
.pcx-search-icon svg{width:15px;height:15px;display:block;}
.pcx-search-row input,.pcx-search-col input{width:100%;border:none;background:transparent;outline:none;font:600 14px/1.2 Inter,system-ui,sans-serif;color:#172033;min-width:0;}
.pcx-search-row small{display:block;margin-top:4px;font-size:11px;color:#b1b9cb;}
.pcx-search-card button{display:block;width:100%;height:44px;border:none;background:linear-gradient(135deg,#5b5df0 0%,#6d28d9 100%);color:#fff;font:700 14px/1 Inter,system-ui,sans-serif;cursor:pointer;}
.pcx-hero-note{max-width:470px;text-align:center;margin:12px 0 0;color:#fff;font-size:13px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.2);}
.pcx-assurance-card{margin-top:18px;display:flex;align-items:center;gap:14px;max-width:470px;padding:18px 18px;border-radius:18px;background:rgba(28,35,48,.74);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.18);}
.pcx-assurance-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-weight:900;font-size:18px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.18);}
.pcx-assurance-icon svg{display:block;}
.pcx-assurance-card strong{display:block;font-size:18px;line-height:1;color:#fff;font-weight:800;}
.pcx-assurance-card span{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.82);}
.pcx-logo-strip{height:54px;overflow:hidden;background:#dfe3ff;border-top:1px solid #d7dcfb;border-bottom:1px solid #d7dcfb;display:flex;align-items:center;}
.pcx-logo-track{display:flex;align-items:center;width:max-content;animation:pcl-marquee 42s linear infinite;}
.pcx-logo-item{display:inline-flex;align-items:center;gap:10px;min-width:220px;height:54px;padding:0 18px;text-decoration:none;border-right:1px solid rgba(91,93,240,.1);}
.pcx-logo-item strong{font-size:20px;line-height:1;color:#2b2f42;font-weight:900;letter-spacing:-.04em;}
.pcx-logo-item span{font-size:11px;color:#5a647d;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;}
.pcx-reviews-section{padding:18px 0 28px;background:#f4f6fb;}
.pcx-reviews-section h2{margin:0 0 18px;text-align:center;font-size:22px;letter-spacing:-.04em;color:#252b3d;font-weight:700;}
.pcx-review-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;overflow:hidden;}
.pcx-review-card{background:#fff;border-radius:16px;padding:14px 14px 12px;box-shadow:0 8px 24px rgba(15,23,42,.08);min-height:220px;display:flex;flex-direction:column;}
.pcx-review-top{display:flex;align-items:center;gap:10px;}
.pcx-review-avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#5b5df0,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800;flex:0 0 52px;}
.pcx-review-meta strong{display:block;font-size:13px;color:#1f2937;line-height:1.1;}
.pcx-review-meta span{display:block;margin-top:4px;font-size:11px;color:#6b7280;line-height:1.3;}
.pcx-stars{margin-top:12px;color:#f43f5e;font-size:13px;letter-spacing:1px;}
.pcx-review-card p{margin:10px 0 0;font-size:13px;line-height:1.5;color:#374151;flex:1;}
.pcx-review-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;}
.pcx-review-bottom a{font-size:12px;font-weight:700;color:#4f46e5;text-decoration:none;}
.pcx-review-bottom small{font-size:11px;color:#9ca3af;}
.pcx-footer-block{padding:44px 0 60px;background:#0f1117;color:#fff;}
.pcx-socials{display:flex;justify-content:center;gap:14px;margin-bottom:26px;}
.pcx-socials a{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:14px;font-weight:800;}
.pcx-footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr;gap:34px;}
.pcx-footer-col h4{margin:0 0 14px;font-size:13px;font-weight:700;color:rgba(255,255,255,.84);}
.pcx-footer-col a,.pcx-footer-col span{display:block;font-size:13px;line-height:1.7;color:rgba(255,255,255,.88);text-decoration:none;}
.pcx-footer-col a:hover{color:#fff;text-decoration:underline;}
.pcx-footer-contact a,.pcx-footer-contact span{margin-bottom:2px;}
.pcx-footer-lang{display:inline-flex;align-items:center;margin-top:12px;padding:9px 12px;border-radius:10px;background:#fff;color:#0f1117;font-size:13px;font-weight:700;}
@media (max-width: 1280px){
  .pcx-review-row{grid-template-columns:repeat(4,minmax(0,1fr));}
  .pcx-footer-grid{grid-template-columns:repeat(3,1fr);} 
}
@media (max-width: 980px){
  .page-home-v9 .btn-ghost.btn-sm,.page-home-v9 .btn-primary.btn-sm{display:none;}
  .pcx-hero{min-height:auto;}
  .pcx-hero-inner{min-height:auto;padding-top:18px;padding-bottom:28px;}
  .pcx-hero-copy{width:100%;max-width:560px;}
  .pcx-hero-copy h1{font-size:clamp(36px,10vw,54px);}
  .pcx-review-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pcx-footer-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 640px){
  .pcx-hero-copy h1{font-size:38px;line-height:1.02;}
  .pcx-search-row.multi{grid-template-columns:1fr;}
  .pcx-search-col + .pcx-search-col{border-left:none;border-top:1px solid #ebedf4;}
  .pcx-review-row{grid-template-columns:1fr;}
  .pcx-footer-grid{grid-template-columns:1fr;gap:26px;}
  .pcx-logo-item{min-width:180px;padding:0 14px;}
  .pcx-logo-item strong{font-size:17px;}
}


/* ── PCLab v11 final polish/fixes ──────────────────────────────── */

/* Theme toggle: one centered icon only */
#themeToggle.icon-btn,
.admin-topbar #themeToggle.icon-btn {
  position: relative;
  width: 34px;
  height: 34px;
  padding: 0;
  overflow: hidden;
  flex: 0 0 34px;
}
#themeToggle .icon-sun,
#themeToggle .icon-moon {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  display: none !important;
  pointer-events: none;
}
[data-theme="light"] #themeToggle .icon-moon { display: block !important; }
[data-theme="dark"] #themeToggle .icon-sun { display: block !important; }

/* Mobile menu button is removed from header; keep it hidden if stale markup exists */
.mobile-menu-btn,
.mobile-menu-btn.icon-btn {
  display: none !important;
}

/* Home header should keep full navigation */
.page-home-v9 .header-search {
  display: flex !important;
}
.page-home-v9 .header-nav {
  display: flex !important;
}
.page-home-v9 .lang-switch,
.page-home-v9 #themeToggle {
  display: inline-flex !important;
}
@media (max-width: 980px) {
  .page-home-v9 .header-search { display: none !important; }
  .page-home-v9 .header-nav { display: none !important; }
}

/* Home hero select/dropdown UI */
.pcx-hero-copy {
  max-width: 620px;
}
.pcx-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
  margin-bottom: 16px;
}
.pcx-hero-sub {
  max-width: 560px;
  margin: -10px 0 24px;
  color: rgba(255,255,255,.84);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 500;
  text-shadow: 0 3px 18px rgba(0,0,0,.25);
}
.pcx-search-card {
  border: 1px solid rgba(255,255,255,.18);
}
.pcx-select-row {
  cursor: pointer;
  transition: background .15s ease;
}
.pcx-select-row:hover {
  background: #f8f9fd;
}
.pcx-select-row > div {
  width: 100%;
  min-width: 0;
}
.pcx-select-label {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 1;
  color: #8b95aa;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.pcx-select-row select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  background: transparent;
  color: #172033;
  font: 700 15px/1.25 Inter, system-ui, sans-serif;
  cursor: pointer;
  padding: 0 28px 0 0;
  background-image:
    linear-gradient(45deg, transparent 50%, #8b95aa 50%),
    linear-gradient(135deg, #8b95aa 50%, transparent 50%);
  background-position:
    calc(100% - 12px) 50%,
    calc(100% - 7px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.pcx-select-row select:focus {
  color: #111827;
}

/* Home logo strip: only logos/wordmarks, never ad descriptions */
.pcx-logo-strip {
  height: 62px;
}
.pcx-logo-track {
  animation: pcl-marquee 36s linear infinite;
  will-change: transform;
}
.pcx-logo-strip:hover .pcx-logo-track {
  animation-play-state: running;
}
.pcx-logo-item {
  min-width: 220px;
  justify-content: center;
}
.pcx-logo-item img {
  max-width: 140px;
  max-height: 34px;
  object-fit: contain;
  display: block;
  filter: saturate(.95) contrast(1.05);
}
.pcx-logo-item strong {
  font-size: 22px;
  color: #111827;
  letter-spacing: -.05em;
}
.pcx-logo-item span,
.pcx-logo-item small {
  display: none !important;
}

/* Facebook reviews empty state */
.pcx-facebook-empty {
  max-width: 560px;
  margin: 0 auto;
  padding: 30px 28px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e8ebf4;
  box-shadow: 0 14px 36px rgba(15,23,42,.06);
  text-align: center;
}
.pcx-facebook-empty strong {
  display: block;
  font-size: 20px;
  letter-spacing: -.03em;
  color: #101828;
}
.pcx-facebook-empty span {
  display: block;
  margin-top: 8px;
  color: #667085;
  font-size: 14px;
  line-height: 1.55;
}

/* Partner services chips */
.partner-service-chips {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.partner-service-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--brand-subtle);
  color: var(--brand);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .01em;
}

/* Tools preview placeholder */
.pcl-tools-preview-card {
  min-height: 330px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  overflow: hidden;
}
.pcl-tools-preview-placeholder {
  width: 100%;
  border-radius: 22px;
  background:
    radial-gradient(circle at 22% 20%, rgba(99,91,255,.28), transparent 30%),
    radial-gradient(circle at 82% 8%, rgba(0,212,255,.22), transparent 26%),
    linear-gradient(145deg, #101828 0%, #182032 100%);
  padding: 34px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 330px;
  position: relative;
}
.pcl-tools-preview-placeholder:before {
  content: "";
  position: absolute;
  inset: 28px 28px auto 28px;
  height: 150px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.15);
  background:
    linear-gradient(90deg, rgba(255,255,255,.16) 0 28%, transparent 28% 100%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.14) 0 1px, transparent 1px 24px);
  opacity: .7;
}
.pcl-tools-preview-placeholder span {
  position: relative;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
}
.pcl-tools-preview-placeholder strong {
  position: relative;
  margin-top: 8px;
  font-size: 26px;
  line-height: 1.05;
  letter-spacing: -.04em;
}
.pcl-tools-preview-placeholder small {
  position: relative;
  margin-top: 10px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.55;
}

/* Product page stability */
.product-top {
  align-items: start;
}
.product-gallery {
  min-height: 420px;
}
.product-summary {
  position: sticky;
  top: 82px;
}
.product-title {
  line-height: 1.05;
}
.offers-list {
  display: grid;
  gap: 10px;
}
.offer-row {
  min-height: 76px;
  align-items: center;
}
#priceChart {
  width: 100% !important;
  height: 280px !important;
}

/* Admin dashboard chart stability */
.admin-chart-wrap {
  height: 240px;
  min-height: 240px;
  max-height: 240px;
  position: relative;
  overflow: hidden;
}
.admin-chart-wrap canvas {
  width: 100% !important;
  height: 240px !important;
  max-height: 240px !important;
  display: block;
}

/* AdminCP polish */
.admin-shell {
  background: var(--bg-subtle);
}
.admin-sidebar {
  background: color-mix(in srgb, var(--bg-elevated) 88%, var(--bg-subtle) 12%);
}
.admin-topbar {
  min-height: 64px;
  padding: 0 28px;
}
.admin-main {
  padding: 28px;
}
.admin-card,
.admin-stat-card,
.stat-card {
  border-radius: 18px !important;
  box-shadow: 0 12px 32px rgba(15,23,42,.045);
}
.admin-mini-table tr {
  border-bottom: 1px solid var(--border);
}
.admin-mini-table tr:last-child {
  border-bottom: none;
}

@media (max-width: 640px) {
  .pcx-hero-kicker { display: none; }
  .pcx-hero-sub { font-size: 14px; margin-bottom: 18px; }
  .pcx-logo-item { min-width: 180px; }
  .product-summary { position: static; }
}

/* ── PCLab v12 unified polish ───────────────────────────────────── */
#themeToggle.icon-btn,
.admin-topbar #themeToggle.icon-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:34px!important;height:34px!important;padding:0!important;position:relative!important;overflow:hidden!important;border-radius:999px!important;
}
#themeToggle.icon-btn svg,
.admin-topbar #themeToggle.icon-btn svg{
  position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;
  width:16px!important;height:16px!important;margin:0!important;display:none!important;flex:none!important;
}
[data-theme="light"] #themeToggle.icon-btn .icon-moon{display:block!important;}
[data-theme="dark"] #themeToggle.icon-btn .icon-sun{display:block!important;}
[data-theme="light"] #themeToggle.icon-btn .icon-sun,
[data-theme="dark"] #themeToggle.icon-btn .icon-moon{display:none!important;}
.mobile-menu-btn,.mobile-menu-btn.icon-btn{display:none!important;}

/* Professional custom dropdowns on home */
.pcx-search-card{overflow:visible!important;border-radius:18px!important;}
.pcx-select-row{position:relative;cursor:pointer;padding:16px 18px!important;transition:background .15s ease;}
.pcx-select-row:hover{background:#f8f9fe;}
.pcx-dd-body{width:100%;min-width:0;position:relative;}
.pcx-dd-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;padding:0;font:800 15px/1.2 Inter,system-ui,sans-serif;color:#172033;text-align:left;cursor:pointer;}
.pcx-dd-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pcx-dd-trigger svg{color:#7b8498;transition:transform .16s ease;}
.pcx-dd.open .pcx-dd-trigger svg{transform:rotate(180deg);}
.pcx-dd-menu{position:absolute;left:-42px;right:-14px;top:calc(100% + 12px);z-index:40;display:none;max-height:264px;overflow:auto;padding:8px;background:#fff;border:1px solid #e3e8f3;border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.20);}
.pcx-dd.open .pcx-dd-menu{display:block;}
.pcx-dd-menu::-webkit-scrollbar{width:6px}.pcx-dd-menu::-webkit-scrollbar-thumb{background:#d8deeb;border-radius:999px}
.pcx-dd-menu button{display:flex;align-items:center;width:100%;min-height:38px;padding:9px 12px;border:0;border-radius:12px;background:transparent;color:#172033;font:700 14px/1.2 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;}
.pcx-dd-menu button:hover,.pcx-dd-menu button.selected{background:#f1f4ff;color:#4f46e5;}
.pcx-search-card>button[type="submit"]{border-radius:0 0 18px 18px!important;height:48px!important;}
.pcx-logo-strip{height:58px!important;background:#e5e9ff!important;}
.pcx-logo-track{animation:pcl-marquee 36s linear infinite!important;}
.pcx-logo-item{justify-content:center;min-width:235px!important;border-right:1px solid rgba(79,70,229,.12)!important;}
.pcx-logo-item strong{font-size:22px!important;letter-spacing:-.055em!important;color:#151b31!important;}
.pcx-logo-item img{max-width:120px;max-height:30px;object-fit:contain;filter:grayscale(.08);}
.pcx-facebook-empty{max-width:720px;margin:0 auto;padding:34px 28px;background:#fff;border:1px dashed #d9dfec;border-radius:22px;text-align:center;color:#64748b;}
.pcx-facebook-empty strong{display:block;font-size:20px;line-height:1.1;color:#172033;margin-bottom:8px;}
.pcx-facebook-empty span{display:block;font-size:14px;line-height:1.55;}

/* Partner profile */
.partner-pro-hero{margin-bottom:32px;border:1px solid var(--border);border-radius:26px;overflow:hidden;background:var(--bg-elevated);box-shadow:0 18px 50px rgba(15,23,42,.07);}
.partner-pro-cover{height:118px;border-bottom:1px solid var(--border);}
.partner-pro-main{display:flex;align-items:flex-end;gap:20px;padding:0 26px 24px;margin-top:-40px;position:relative;}
.partner-pro-avatar{flex:0 0 auto;border:4px solid var(--bg-elevated);border-radius:20px;box-shadow:0 14px 30px rgba(15,23,42,.12);}
.partner-pro-info{flex:1;min-width:0;padding-top:44px;}
.partner-pro-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;align-items:center;}
.partner-pro-type,.partner-pro-status{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);}
.partner-type-shop{background:rgba(217,119,6,.12);color:#d97706;border-color:rgba(217,119,6,.22)}
.partner-type-service{background:rgba(37,99,235,.12);color:#3b82f6;border-color:rgba(37,99,235,.22)}
.partner-type-private{background:rgba(124,58,237,.12);color:#7c3aed;border-color:rgba(124,58,237,.22)}
.partner-pro-status{background:rgba(245,158,11,.13);color:#d97706;border-color:rgba(245,158,11,.24)}
.partner-pro-info h1{margin:0;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.055em;color:var(--text);}
.partner-pro-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--text-muted);}
.partner-pro-meta a{color:var(--brand);text-decoration:none;font-weight:700;}
.partner-pro-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:44px;}
.partner-services-section{margin-bottom:52px;}
.partner-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.partner-service-card,.partner-service-empty{padding:20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 34px rgba(15,23,42,.04);}
.partner-service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px;}
.partner-service-top strong{font-size:15px;color:var(--text);line-height:1.25;}
.partner-service-top span{font:800 13px/1.1 var(--font-mono);color:var(--brand);white-space:nowrap;}
.partner-service-card p{margin:0 0 12px;color:var(--text-secondary);font-size:13px;line-height:1.6;}
.partner-service-card footer{display:flex;gap:8px;flex-wrap:wrap;}
.partner-service-card em{font-style:normal;font-size:11px;font-weight:800;color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:5px 9px;}
.partner-service-empty{border-style:dashed;text-align:center;color:var(--text-muted);}
.partner-service-empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:6px;}
.partner-service-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.partner-service-chips span{font-size:10.5px;font-weight:800;color:var(--brand);background:var(--brand-subtle);border-radius:999px;padding:4px 8px;}

/* Tops simplified */
.pcl-top-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:60px;align-items:start;}
.pcl-top-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 14px 44px rgba(15,23,42,.05);}
.pcl-top-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;}
.pcl-top-panel-head span{display:block;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:6px;}
.pcl-top-panel-head h2{margin:0;font-size:24px;letter-spacing:-.045em;color:var(--text);}
.pcl-top-panel-head a{font-size:13px;font-weight:800;color:var(--brand);text-decoration:none;}
.pcl-top-product-list,.pcl-top-partner-list{display:grid;gap:10px;}
.pcl-top-product-row,.pcl-top-partner-row{display:grid;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--bg-muted);text-decoration:none;color:inherit;transition:transform .14s,border-color .14s,background .14s;}
.pcl-top-product-row{grid-template-columns:34px 54px minmax(0,1fr) auto;}
.pcl-top-partner-row{grid-template-columns:34px 44px minmax(0,1fr) auto;}
.pcl-top-product-row:hover,.pcl-top-partner-row:hover{transform:translateY(-1px);border-color:var(--border-strong);background:var(--bg-elevated);}
.pcl-top-rank{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-weight:900;font-size:13px;}
.pcl-top-thumb{width:54px;height:54px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-muted);font-weight:900;}
.pcl-top-thumb img{width:100%;height:100%;object-fit:contain;padding:8px;}
.pcl-top-info{min-width:0;}
.pcl-top-info small{display:block;font-size:10px;font-weight:850;color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;}
.pcl-top-info strong{display:block;color:var(--text);font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pcl-top-info em{display:block;margin-top:4px;font-style:normal;color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pcl-top-price,.pcl-top-rating{font-weight:900;color:var(--text);font-size:14px;white-space:nowrap;}

/* Scanner page */
.pcl-tools-page{padding-top:36px;padding-bottom:70px;}
.pcl-tools-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:34px;align-items:stretch;margin-bottom:26px;}
.pcl-tools-hero-copy,.pcl-tools-photo-placeholder,.pcl-tools-send,.pcl-tools-process article{background:var(--bg-elevated);border:1px solid var(--border);border-radius:26px;box-shadow:0 16px 48px rgba(15,23,42,.06);}
.pcl-tools-hero-copy{padding:38px;}
.pcl-tools-hero-copy h1{margin:0;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.06em;color:var(--text);}
.pcl-tools-hero-copy p{max-width:780px;margin:18px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.7;}
.pcl-tools-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.pcl-tools-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;}
.pcl-tools-stats div{padding:14px;border-radius:16px;background:var(--bg-muted);border:1px solid var(--border);}
.pcl-tools-stats strong{display:block;font-size:22px;color:var(--text);letter-spacing:-.03em;}.pcl-tools-stats span{display:block;margin-top:4px;font-size:12px;color:var(--text-muted);font-weight:700;}
.pcl-tools-photo-placeholder{display:flex;align-items:center;justify-content:center;min-height:340px;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-subtle));}
.pcl-tools-photo-inner{text-align:center;max-width:260px;padding:22px;}
.pcl-tools-photo-icon{width:82px;height:82px;margin:0 auto 18px;border-radius:24px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;letter-spacing:-.05em;box-shadow:0 18px 40px rgba(99,91,255,.22);}
.pcl-tools-photo-inner strong{display:block;font-size:20px;color:var(--text);letter-spacing:-.03em;margin-bottom:8px;}.pcl-tools-photo-inner span{font-size:13px;line-height:1.55;color:var(--text-muted);}
.pcl-tools-process{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px;}
.pcl-tools-process article{padding:22px;}.pcl-tools-process b{display:block;font-size:12px;color:var(--brand);letter-spacing:.08em;margin-bottom:10px;}.pcl-tools-process strong{display:block;font-size:18px;color:var(--text);margin-bottom:8px;}.pcl-tools-process span{color:var(--text-secondary);font-size:13px;line-height:1.55;}
.pcl-tools-send{display:grid;grid-template-columns:360px 1fr;gap:28px;padding:28px;align-items:start;}.pcl-tools-send-info h2{font-size:30px;line-height:1.05;letter-spacing:-.05em;margin:0;color:var(--text);}.pcl-tools-send-info p{color:var(--text-secondary);line-height:1.65;}.pcl-tools-form{display:grid;gap:16px;}.pcl-tools-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;}.pcl-tools-form-footer span{color:var(--text-muted);font-size:12px;}

/* Map polish */
.pcmap-wrap{grid-template-columns:380px 1fr!important;background:var(--bg-subtle)!important;}
.pcmap-sidebar{border-right:1px solid var(--border)!important;box-shadow:10px 0 34px rgba(15,23,42,.06);}
.pcmap-sidebar-head{padding:20px 18px 14px!important;}
.pcmap-brand-title{font-size:18px!important;letter-spacing:-.04em!important;}
.pcmap-search{height:42px!important;border-radius:14px!important;font-size:13px!important;}
.pcmap-ftab{border-radius:999px!important;padding:7px 11px!important;font-weight:800!important;}
.pcmap-card{border-radius:18px!important;padding:16px!important;margin-bottom:10px!important;box-shadow:0 10px 26px rgba(15,23,42,.04);}
.pcmap-card-name{font-size:15px!important;}.pcmap-card-services span{border-radius:999px!important;}
.pcmap-legend{border-radius:18px!important;box-shadow:0 18px 44px rgba(15,23,42,.14)!important;}

/* Admin chart lock */
.admin-chart-wrap{height:280px!important;max-height:280px!important;overflow:hidden!important;position:relative!important;}
#productsChart{display:block!important;height:260px!important;max-height:260px!important;width:100%!important;}

@media(max-width:1050px){
  .pcl-top-two-col,.pcl-tools-hero,.pcl-tools-send{grid-template-columns:1fr;}
  .pcl-tools-process{grid-template-columns:1fr;}
  .pcmap-wrap{grid-template-columns:1fr!important;height:auto!important;min-height:calc(100vh - 62px)!important;}.pcmap-sidebar{height:auto!important;max-height:48vh!important;}.pcmap-canvas{height:52vh!important;}
}
@media(max-width:720px){
  .pcx-dd-menu{left:-34px;right:-10px;max-height:230px;}
  .partner-pro-main{align-items:flex-start;flex-direction:column;margin-top:-36px;}.partner-pro-info,.partner-pro-actions{padding-top:0;}.pcl-top-product-row{grid-template-columns:30px 48px minmax(0,1fr);}.pcl-top-price{grid-column:3;}.pcl-tools-stats{grid-template-columns:1fr;}
}

/* PCLab v12.2 final override for home dropdown card */
.pcx-search-card .pcx-dd-trigger{background:transparent!important;background-image:none!important;color:#111827!important;height:auto!important;padding:0!important;border:0!important;box-shadow:none!important;font:850 18px/1.2 Inter,system-ui,sans-serif!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;text-align:left!important;}
.pcx-search-card .pcx-dd-menu button{background:transparent!important;background-image:none!important;color:#172033!important;height:auto!important;min-height:40px!important;border:0!important;box-shadow:none!important;border-radius:12px!important;padding:10px 12px!important;text-align:left!important;font:750 14px/1.25 Inter,system-ui,sans-serif!important;}
.pcx-search-card .pcx-dd-menu button:hover,.pcx-search-card .pcx-dd-menu button.selected{background:#f1f4ff!important;color:#4f46e5!important;}
.pcx-search-card>button[type="submit"]{background:linear-gradient(135deg,#5b5df0 0%,#6d28d9 100%)!important;color:#fff!important;height:54px!important;border-radius:0 0 20px 20px!important;font:850 15px/1 Inter,system-ui,sans-serif!important;}

/* PCLab Client scanner/result pages */
.pcl-client-page{padding-top:36px;padding-bottom:76px}.pcl-client-hero{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:28px;align-items:stretch;margin-bottom:18px}.pcl-client-hero-copy,.pcl-client-preview-card,.pcl-client-metrics article,.pcl-client-grid,.pcl-client-locked,.pcl-client-flow article,.pcl-result-hero,.pcl-result-spec-grid article,.pcl-result-panel,.pcl-result-empty{background:var(--bg-elevated);border:1px solid var(--border);border-radius:28px;box-shadow:0 18px 52px rgba(15,23,42,.07)}.pcl-client-hero-copy{padding:42px}.pcl-client-hero-copy h1{margin:0;font-size:clamp(34px,4.4vw,64px);line-height:.96;letter-spacing:-.065em;color:var(--text)}.pcl-client-hero-copy p{max-width:800px;margin:18px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.72}.pcl-client-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pcl-client-note{margin-top:20px;padding:14px 16px;border-radius:18px;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-muted);font-size:13px;line-height:1.55}.pcl-client-preview-card{padding:20px;background:linear-gradient(145deg,var(--bg-elevated),var(--bg-subtle));display:flex;align-items:stretch}.pcl-client-window{width:100%;border-radius:24px;background:rgba(15,23,42,.94);color:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.28)}.pcl-client-window-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 16px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}.pcl-client-window-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.28)}.pcl-client-window-top b{margin-left:auto;font-size:12px;color:rgba(255,255,255,.68)}.pcl-client-score{padding:28px 24px 18px}.pcl-client-score span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.56)}.pcl-client-score strong{display:block;margin-top:6px;font-size:60px;line-height:1;letter-spacing:-.08em}.pcl-client-score em{display:block;margin-top:8px;font-style:normal;color:rgba(255,255,255,.66);font-size:13px}.pcl-client-spec-lines{display:grid;gap:10px;padding:0 18px 22px}.pcl-client-spec-lines div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.pcl-client-spec-lines b{font-size:13px}.pcl-client-spec-lines span{font-size:12px;color:rgba(255,255,255,.55)}.pcl-client-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.pcl-client-metrics article{padding:20px}.pcl-client-metrics strong{display:block;font-size:26px;letter-spacing:-.04em;color:var(--text)}.pcl-client-metrics span{display:block;margin-top:5px;font-size:13px;color:var(--text-muted);font-weight:700}.pcl-client-grid{display:grid;grid-template-columns:380px 1fr;gap:28px;padding:30px;margin-bottom:22px}.pcl-client-info h2,.pcl-client-locked-head h2,.pcl-result-hero h1,.pcl-result-empty h1{margin:0;font-size:clamp(28px,3vw,44px);line-height:1.04;letter-spacing:-.055em;color:var(--text)}.pcl-client-info p{color:var(--text-secondary);line-height:1.7}.pcl-client-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pcl-client-feature-list article{padding:20px;border-radius:20px;background:var(--bg-muted);border:1px solid var(--border)}.pcl-client-feature-list b,.pcl-client-locked-grid b{display:block;color:var(--text);font-size:16px;margin-bottom:8px}.pcl-client-feature-list span,.pcl-client-locked-grid span{color:var(--text-secondary);font-size:13px;line-height:1.55}.pcl-client-locked{padding:30px;margin-bottom:22px}.pcl-client-locked-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.pcl-client-locked-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pcl-client-locked-grid article{padding:20px;border-radius:20px;background:linear-gradient(145deg,var(--bg-muted),var(--bg-elevated));border:1px solid var(--border);position:relative;overflow:hidden}.pcl-lock-icon{width:40px;height:40px;border-radius:14px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.pcl-client-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pcl-client-flow article{padding:20px}.pcl-client-flow b{display:block;color:var(--brand);font-size:12px;letter-spacing:.1em;margin-bottom:10px}.pcl-client-flow strong{display:block;color:var(--text);font-size:18px;margin-bottom:8px}.pcl-client-flow span{color:var(--text-secondary);font-size:13px;line-height:1.55}.pcl-result-empty{padding:46px;max-width:780px}.pcl-result-empty p{color:var(--text-secondary);line-height:1.65}.pcl-result-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px;margin-bottom:18px}.pcl-result-hero p{margin:12px 0 0;color:var(--text-secondary);line-height:1.6}.pcl-health-ring{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at center,var(--bg-elevated) 54%,transparent 56%),conic-gradient(var(--brand) 0 82%,var(--bg-muted) 82% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.pcl-health-ring span{font-size:12px;color:var(--text-muted);font-weight:800;text-transform:uppercase}.pcl-health-ring strong{font-size:32px;letter-spacing:-.06em;color:var(--text)}.pcl-result-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.pcl-result-spec-grid article{padding:22px;min-height:138px}.pcl-result-spec-grid span{display:block;color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.pcl-result-spec-grid strong{display:block;color:var(--text);font-size:20px;line-height:1.2;letter-spacing:-.03em}.pcl-result-spec-grid small{display:block;margin-top:10px;color:var(--text-muted);line-height:1.45}.pcl-result-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.pcl-result-panel{padding:24px}.pcl-result-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pcl-result-panel h2{margin:0;color:var(--text);font-size:24px;letter-spacing:-.04em}.pcl-muted{color:var(--text-muted);line-height:1.6}.pcl-storage-list,.pcl-rec-list,.pcl-kv-list{display:grid;gap:10px}.pcl-storage-row,.pcl-rec-list article,.pcl-kv-list div{padding:14px;border-radius:16px;background:var(--bg-muted);border:1px solid var(--border)}.pcl-storage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}.pcl-storage-row div{min-width:0}.pcl-storage-row b{display:block;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-storage-row div span,.pcl-storage-row small{color:var(--text-muted);font-size:12px}.pcl-storage-row small{grid-column:1 / -1}.pcl-rec-list article b{display:inline-flex;margin-bottom:6px;color:var(--brand);font-size:12px;letter-spacing:.08em}.pcl-rec-list article span{display:block;color:var(--text-secondary);line-height:1.55;font-size:13px}.pcl-kv-list div{display:flex;align-items:center;justify-content:space-between;gap:12px}.pcl-kv-list span{color:var(--text-muted);font-size:13px}.pcl-kv-list b{color:var(--text)}.pcl-result-share-form{display:grid;gap:11px}.pcl-result-share-form label{font-weight:800;color:var(--text);font-size:13px}.pcl-result-share-form select,.pcl-result-share-form textarea{width:100%;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);border-radius:14px;padding:12px;font:inherit}.pcl-result-share-form button{justify-self:start}@media(max-width:1050px){.pcl-client-hero,.pcl-client-grid,.pcl-result-two-col{grid-template-columns:1fr}.pcl-client-flow,.pcl-result-spec-grid,.pcl-client-locked-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.pcl-client-hero-copy,.pcl-client-grid,.pcl-client-locked,.pcl-result-hero,.pcl-result-panel{padding:22px}.pcl-client-metrics,.pcl-client-feature-list,.pcl-client-flow,.pcl-result-spec-grid,.pcl-client-locked-grid{grid-template-columns:1fr}.pcl-result-hero,.pcl-client-locked-head{align-items:flex-start;flex-direction:column}.pcl-health-ring{width:112px;height:112px}.pcl-client-page{padding-top:18px}}

/* PCLab Client scanner page v5 — flat, professional systems-dashboard look
   All selectors are scoped under .pcl-scan-page so they fully override the
   legacy shared .pcl-result-*/.pcl-kv-list/.pcl-storage-row/.pcl-rec-list rules
   still used by scanner_result.php (same class names, different page). */
.pcl-scan-page{padding-top:32px;padding-bottom:80px}
.pcl-scan-page [hidden]{display:none!important}

/* Shared surface: flat, thin border, small radius, no glow/gradient decoration */
.pcl-scan-page .pcl-scan-hero,.pcl-scan-page .pcl-scan-locked,.pcl-scan-page .pcl-scan-loading,.pcl-scan-page .pcl-result-hero,.pcl-scan-page .pcl-result-panel{
  background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;box-shadow:none;
}

/* Hero */
.pcl-scan-page .pcl-scan-hero{padding:36px 40px;margin-bottom:16px;border-top:3px solid var(--brand)}
.pcl-scan-page .pcl-scan-hero h1{margin:14px 0 0;max-width:820px;font-size:clamp(28px,3.6vw,46px);line-height:1.08;letter-spacing:-.03em;color:var(--text)}
.pcl-scan-page .pcl-scan-hero p{max-width:740px;margin:14px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.65}
.pcl-scan-page .pcl-live-pill{display:inline-flex;align-items:center;gap:7px}
.pcl-scan-page .pcl-live-pill span{width:6px;height:6px;border-radius:50%;background:var(--brand)}
.pcl-scan-page .pcl-scan-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pcl-scan-page .pcl-scan-actions .btn-primary,.pcl-scan-page .pcl-scan-actions .btn-outline{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}
.pcl-scan-page .pcl-scan-actions button.btn-outline{cursor:pointer}
.pcl-scan-page .pcl-scan-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pcl-scan-page .pcl-scan-meta span{display:inline-flex;gap:6px;padding:8px 11px;border-radius:8px;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-muted);font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.pcl-scan-page .pcl-scan-meta b{color:var(--text)}

/* Locked state: two-column, content + static skeleton preview (no emoji, no animation) */
.pcl-scan-page .pcl-scan-locked{display:grid;grid-template-columns:1.1fr .9fr;gap:0;overflow:hidden;padding:0}
.pcl-scan-page .pcl-locked-copy{padding:40px}
.pcl-scan-page .pcl-locked-icon{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:18px}
.pcl-scan-page .pcl-scan-locked h2{margin:0;font-size:22px;letter-spacing:-.02em;color:var(--text)}
.pcl-scan-page .pcl-scan-locked p{margin:12px 0 20px;color:var(--text-secondary);line-height:1.6;font-size:14px;max-width:440px}
.pcl-scan-page .pcl-locked-features{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:0;border-top:1px solid var(--border)}
.pcl-scan-page .pcl-locked-features li{padding:11px 0;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--text-secondary)}
.pcl-scan-page .pcl-locked-features li:before{content:"—";margin-right:9px;color:var(--text-muted)}
.pcl-scan-page .pcl-locked-preview{position:relative;padding:40px 32px;background:var(--bg-muted);border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:14px;filter:blur(.4px)}
.pcl-scan-page .pcl-locked-preview-row{display:flex;align-items:center;justify-content:space-between;gap:16px;opacity:.55}
.pcl-scan-page .pcl-locked-preview-row span{display:block;height:9px;width:52%;border-radius:5px;background:color-mix(in srgb,var(--text-muted) 35%,transparent)}
.pcl-scan-page .pcl-locked-preview-row b{display:block;height:9px;width:22%;border-radius:5px;background:color-mix(in srgb,var(--text-muted) 22%,transparent)}
.pcl-scan-page .pcl-locked-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--bg-muted) 92%)}

/* Loading state */
.pcl-scan-page .pcl-scan-loading{padding:32px 36px}
.pcl-scan-page .pcl-loading-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.pcl-scan-page .pcl-loading-head h2{margin:0;font-size:18px;letter-spacing:-.01em;color:var(--text)}
.pcl-scan-page .pcl-loading-head p{margin:4px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}
.pcl-scan-page .pcl-loading-spinner{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:2.5px solid var(--bg-muted);border-top-color:var(--brand);animation:pclSpin .8s linear infinite}
@keyframes pclSpin{to{transform:rotate(360deg)}}
.pcl-scan-page .pcl-loading-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0;padding:0}
.pcl-scan-page .pcl-loading-steps li{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:9px;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-muted);font-size:12.5px;font-weight:650;transition:color .2s ease,border-color .2s ease}
.pcl-scan-page .pcl-loading-steps li i{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto;color:var(--text-muted);transition:color .2s ease}
.pcl-scan-page .pcl-loading-steps li i svg{width:13px;height:13px}
.pcl-scan-page .pcl-loading-steps li.is-done{color:var(--text);border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}
.pcl-scan-page .pcl-loading-steps li.is-done i{color:var(--brand)}

/* Result hero */
.pcl-scan-page .pcl-result-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 36px;margin-bottom:16px}
.pcl-scan-page .pcl-result-hero h1{margin:8px 0 0;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.02em;color:var(--text)}
.pcl-scan-page .pcl-result-hero p{margin:8px 0 0;color:var(--text-muted);font-size:12.5px}
.pcl-scan-page .pcl-fingerprint{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:12px!important;color:var(--text-secondary)!important;margin-top:6px!important}
.pcl-scan-page .pcl-health-stat{flex:0 0 auto;min-width:150px;text-align:right;background:var(--bg-muted);border:1px solid var(--border);border-radius:12px;padding:14px 18px}
.pcl-scan-page .pcl-health-stat span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}
.pcl-scan-page .pcl-health-stat strong{display:block;font-size:30px;letter-spacing:-.03em;color:var(--text);margin-top:2px}
.pcl-scan-page .pcl-health-bar{height:5px;border-radius:3px;background:var(--bg-muted);overflow:hidden;margin-top:8px}
.pcl-scan-page .pcl-health-bar i{display:block;height:100%;width:var(--score-pct,0%);background:var(--brand)}

/* Dashboard: sidebar rail + content */
.pcl-scan-page .pcl-dashboard{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:start}
.pcl-scan-page .pcl-tabs{display:flex;flex-direction:column;gap:1px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;position:sticky;top:20px}
.pcl-scan-page .pcl-tabs button{border:0;border-left:2px solid transparent;background:transparent;color:var(--text-muted);font:650 12.5px/1 var(--font-sans,Inter,system-ui,sans-serif);padding:10px 12px;border-radius:0;cursor:pointer;text-align:left;transition:color .14s ease,border-color .14s ease,background .14s ease}
.pcl-scan-page .pcl-tabs button:hover{color:var(--text);background:var(--bg-muted)}
.pcl-scan-page .pcl-tabs button.is-active{color:var(--text);border-left-color:var(--brand);background:var(--bg-muted);font-weight:750}
.pcl-scan-page .pcl-dashboard-content{display:grid;gap:16px;min-width:0}
.pcl-scan-page .pcl-tab-panel{display:grid;gap:16px}
.pcl-scan-page .pcl-tab-panel[hidden]{display:none}
.pcl-scan-page .pcl-tab-panel .pcl-result-spec-grid{margin-bottom:0}
.pcl-scan-page .pcl-result-panel{padding:26px 28px}
.pcl-scan-page .pcl-result-panel-head{display:block;margin-bottom:12px}
.pcl-scan-page .pcl-result-panel-head h2{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:750}

/* Overview: real cards, icon + label share a row, consistent height */
.pcl-scan-page .pcl-result-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:0}
.pcl-scan-page .pcl-result-spec-grid article{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto auto;column-gap:10px;row-gap:4px;align-items:start;justify-items:start;padding:18px 20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.05);min-height:0}
.pcl-scan-page .pcl-result-spec-grid article i{grid-column:1;grid-row:1;width:28px;height:28px;border-radius:7px;background:var(--bg-muted);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin:0}
.pcl-scan-page .pcl-result-spec-grid article i svg{width:15px;height:15px}
.pcl-scan-page .pcl-result-spec-grid article span{grid-column:2;grid-row:1;align-self:center;justify-self:start;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin:0}
.pcl-scan-page .pcl-result-spec-grid article strong{grid-column:1/-1;grid-row:2;justify-self:start;font-size:16px;color:var(--text);letter-spacing:-.01em;line-height:1.32;margin-top:6px;text-align:left}
.pcl-scan-page .pcl-result-spec-grid article small{grid-column:1/-1;grid-row:3;justify-self:start;font-size:12px;color:var(--text-muted);margin:0}

/* KV rows: label left, value right, one flowing list (not a card grid) —
   variable-length values (long motherboard/BIOS strings) never create
   uneven boxes or dead whitespace this way. */
.pcl-scan-page .pcl-kv-list{display:flex;flex-direction:column}
.pcl-scan-page .pcl-kv-list div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:13px 2px;border-bottom:1px solid var(--border);background:none;border-radius:0;box-shadow:none}
.pcl-scan-page .pcl-kv-list div:last-child{border-bottom:0}
.pcl-scan-page .pcl-kv-list span{flex:0 0 auto;font-size:13px;color:var(--text-muted);font-weight:600;text-align:left}
.pcl-scan-page .pcl-kv-list b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--text);font-weight:700;text-align:right;line-height:1.4}

/* Storage: same flowing-row pattern, usage bar under each row */
.pcl-scan-page .pcl-storage-list{display:flex;flex-direction:column}
.pcl-scan-page .pcl-storage-row{position:relative;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:15px 2px 20px;border-bottom:1px solid var(--border);font-size:13px}
.pcl-scan-page .pcl-storage-list>div:last-child{border-bottom:0}
.pcl-scan-page .pcl-storage-row div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pcl-scan-page .pcl-storage-row b{color:var(--text);text-align:left}
.pcl-scan-page .pcl-storage-row>div span{color:var(--text-muted);font-size:12px;text-align:left}
.pcl-scan-page .pcl-storage-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}
.pcl-scan-page .pcl-storage-row small{color:var(--text-muted);font-size:11.5px}
.pcl-scan-page .pcl-storage-bar{position:absolute;left:2px;right:2px;bottom:8px;height:4px;border-radius:2px;background:var(--bg-muted);overflow:hidden}
.pcl-scan-page .pcl-storage-bar i{display:block;height:100%;background:var(--brand)}

/* Recommendations: colored left border + divider row, no boxed card */
.pcl-scan-page .pcl-rec-list{display:flex;flex-direction:column}
.pcl-scan-page .pcl-rec-list article{padding:13px 2px 13px 14px;border-bottom:1px solid var(--border);border-left:3px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.pcl-scan-page .pcl-rec-list article:last-child{border-bottom:0}
.pcl-scan-page .pcl-rec-list article b{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:750;margin:0}
.pcl-scan-page .pcl-rec-list article span{font-size:13px;color:var(--text-secondary);text-align:left}
.pcl-scan-page .pcl-rec-cat-ram,.pcl-scan-page .pcl-rec-cat-storage{border-left-color:#f59e0b}
.pcl-scan-page .pcl-rec-cat-ram b,.pcl-scan-page .pcl-rec-cat-storage b{color:#f59e0b}
.pcl-scan-page .pcl-rec-cat-power,.pcl-scan-page .pcl-rec-cat-drivers{border-left-color:#3b82f6}
.pcl-scan-page .pcl-rec-cat-power b,.pcl-scan-page .pcl-rec-cat-drivers b{color:#3b82f6}
.pcl-scan-page .pcl-rec-cat-ok{border-left-color:#22c55e}
.pcl-scan-page .pcl-rec-cat-ok b{color:#22c55e}

/* Memory modules: compact table-like rows instead of repeated small cards */
.pcl-scan-page .pcl-module-table{display:flex;flex-direction:column}
.pcl-scan-page .pcl-module-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding:13px 2px;border-bottom:1px solid var(--border);font-size:12.5px}
.pcl-scan-page .pcl-module-table>div:last-child{border-bottom:0}
.pcl-scan-page .pcl-module-row b{flex-basis:100%;color:var(--text);font-size:13.5px;font-weight:750;white-space:nowrap;margin-bottom:2px}
.pcl-scan-page .pcl-module-row span{color:var(--text-muted)}

@media(max-width:900px){
  .pcl-scan-page .pcl-loading-steps{grid-template-columns:1fr 1fr}
  .pcl-scan-page .pcl-dashboard{grid-template-columns:1fr}
  .pcl-scan-page .pcl-tabs{position:static;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;border-left:0}
  .pcl-scan-page .pcl-tabs button{border-left:0;border-bottom:2px solid transparent}
  .pcl-scan-page .pcl-tabs button.is-active{border-bottom-color:var(--brand)}
  .pcl-scan-page .pcl-scan-locked{grid-template-columns:1fr}
  .pcl-scan-page .pcl-locked-preview{display:none}
  .pcl-scan-page .pcl-result-spec-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .pcl-scan-page .pcl-scan-hero{padding:24px}
  .pcl-scan-page .pcl-locked-copy{padding:24px}
  .pcl-scan-page .pcl-scan-loading{padding:22px}
  .pcl-scan-page .pcl-loading-steps{grid-template-columns:1fr}
  .pcl-scan-page .pcl-result-hero{padding:22px;flex-direction:column}
  .pcl-scan-page .pcl-health-stat{text-align:left}
  .pcl-scan-page .pcl-result-panel{padding:20px}
  .pcl-scan-page .pcl-result-spec-grid{grid-template-columns:1fr}
  .pcl-scan-page .pcl-storage-row{grid-template-columns:1fr}
}

/* PCLab v19 scanner page — premium diagnostic layout */
.pcl-scan-page{max-width:1280px!important;padding-top:42px!important;}
.pcl-scan-page .pcl-scan-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 420px!important;
  gap:28px!important;
  align-items:stretch!important;
  padding:38px!important;
  margin-bottom:14px!important;
  border:1px solid var(--border)!important;
  border-radius:34px!important;
  background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--brand) 18%,transparent),transparent 34%),linear-gradient(135deg,var(--bg-elevated),var(--bg-subtle))!important;
  box-shadow:0 26px 70px rgba(15,23,42,.075)!important;
  overflow:hidden!important;
}
.pcl-scan-page .pcl-scan-hero-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;}
.pcl-scan-page .pcl-scan-hero h1{max-width:870px!important;margin:12px 0 0!important;font-size:clamp(36px,4.2vw,62px)!important;line-height:.98!important;letter-spacing:-.075em!important;font-weight:950!important;}
.pcl-scan-page .pcl-scan-hero p{max-width:760px!important;margin-top:16px!important;font-size:16px!important;line-height:1.68!important;}
.pcl-scan-page .pcl-live-pill{height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--brand) 32%,var(--border));border-radius:999px;background:var(--brand-subtle);color:var(--brand);font-weight:950;letter-spacing:.06em;}
.pcl-scan-page .pcl-live-pill span{width:8px;height:8px;box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 14%,transparent)}
.pcl-scan-page .pcl-scan-actions{margin-top:26px!important;gap:10px!important}.pcl-scan-page .pcl-scan-actions .btn-primary,.pcl-scan-page .pcl-scan-actions .btn-outline,.pcl-scan-page .pcl-scan-actions .btn-ghost{min-height:44px!important;border-radius:999px!important;padding:0 18px!important;font-weight:900!important;}
.pcl-scan-page .pcl-scan-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:22px!important;border-top:0!important;padding-top:0!important;}
.pcl-scan-page .pcl-scan-meta span{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg-elevated) 78%,transparent);font-size:12px;color:var(--text-muted);}
.pcl-scan-page .pcl-scan-meta b{color:var(--text);font-weight:950;}
.pcl-scan-hero-visual{display:flex;align-items:center;justify-content:center;min-width:0;}
.pcl-scan-window{width:100%;max-width:420px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:#0b1020;color:#fff;overflow:hidden;box-shadow:0 30px 85px rgba(15,23,42,.30);transform:rotate(1deg);}
.pcl-scan-window-top{height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.pcl-scan-window-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.30)}.pcl-scan-window-top b{margin-left:auto;font-size:12px;color:rgba(255,255,255,.64)}
.pcl-scan-window-body{padding:24px}.pcl-scan-window-score{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.pcl-scan-window-score span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.52)}.pcl-scan-window-score strong{font-size:64px;line-height:.9;font-weight:950;letter-spacing:-.08em;}
.pcl-scan-window-lines{display:grid;gap:10px}.pcl-scan-window-lines div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.065)}.pcl-scan-window-lines b{font-size:13px}.pcl-scan-window-lines span{font-size:12px;color:rgba(255,255,255,.58)}
.pcl-scan-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px;}.pcl-scan-trust article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 12px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:22px;background:var(--bg-elevated);box-shadow:0 14px 38px rgba(15,23,42,.045)}.pcl-scan-trust i{grid-row:1 / 3;width:42px;height:42px;border-radius:15px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center}.pcl-scan-trust strong{color:var(--text);font-size:14px;font-weight:950}.pcl-scan-trust span{color:var(--text-muted);font-size:12px;line-height:1.45}.pcl-scan-trust svg{width:17px;height:17px}
.pcl-scan-page .pcl-scan-locked{border-radius:26px!important;box-shadow:0 20px 55px rgba(15,23,42,.055)!important}.pcl-scan-page .pcl-result-hero,.pcl-scan-page .pcl-result-panel,.pcl-scan-page .pcl-tabs{border-radius:24px!important;box-shadow:0 18px 50px rgba(15,23,42,.055)!important}.pcl-scan-page .pcl-dashboard{gap:18px!important}.pcl-scan-page .pcl-tabs{padding:8px!important}.pcl-scan-page .pcl-tabs button{border-radius:16px!important;border-left:0!important;padding:13px 14px!important;font-weight:850!important}.pcl-scan-page .pcl-tabs button.is-active{background:var(--brand-subtle)!important;color:var(--brand)!important}.pcl-scan-page .pcl-result-spec-grid article{border-radius:20px!important;padding:20px!important;box-shadow:0 12px 30px rgba(15,23,42,.04)!important}.pcl-scan-page .pcl-result-spec-grid article i{border-radius:13px!important;color:var(--brand)!important;background:var(--brand-subtle)!important}.pcl-scan-page .pcl-result-spec-grid article strong{font-size:17px!important;font-weight:950!important}.pcl-scan-page .pcl-health-stat{border-radius:20px!important;background:var(--brand-subtle)!important;border-color:color-mix(in srgb,var(--brand) 26%,var(--border))!important}.pcl-scan-page .pcl-health-stat strong{color:var(--brand)!important;font-weight:950!important}.pcl-scan-page .pcl-health-bar i{background:var(--brand)!important}
@media(max-width:1050px){.pcl-scan-page .pcl-scan-hero{grid-template-columns:1fr!important}.pcl-scan-window{max-width:none;transform:none}.pcl-scan-trust{grid-template-columns:1fr}}
@media(max-width:720px){.pcl-scan-page{padding-top:24px!important}.pcl-scan-page .pcl-scan-hero{padding:24px!important;border-radius:26px!important}.pcl-scan-page .pcl-scan-hero h1{font-size:clamp(32px,11vw,44px)!important}.pcl-scan-hero-visual{display:none}.pcl-scan-trust article{grid-template-columns:38px minmax(0,1fr);padding:15px}.pcl-scan-page .pcl-tabs{border-radius:18px!important}.pcl-scan-page .pcl-tabs button{white-space:nowrap}}

/* PCLab v20 scanner page — clean section-based professional layout */
.pcl-scan-page-v20{max-width:1240px!important;padding-top:34px!important;padding-bottom:82px!important;}
.pcl-scan-page-v20 [hidden]{display:none!important;}
.pcl-scan-page-v20 .pcl-scan-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:stretch;margin-bottom:18px;}
.pcl-scan-page-v20 .pcl-scan-intro-main,.pcl-scan-page-v20 .pcl-scan-download-card,.pcl-scan-page-v20 .pcl-scan-side-block,.pcl-scan-page-v20 .pcl-scan-section-card,.pcl-scan-page-v20 .pcl-scan-loading,.pcl-scan-page-v20 .pcl-result-hero,.pcl-scan-page-v20 .pcl-result-panel,.pcl-scan-page-v20 .pcl-tabs{border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 18px 48px rgba(15,23,42,.055);}
.pcl-scan-page-v20 .pcl-scan-intro-main{position:relative;overflow:hidden;border-radius:30px;padding:34px 38px;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-subtle));}
.pcl-scan-page-v20 .pcl-scan-intro-main:after{content:"";position:absolute;right:-120px;top:-120px;width:280px;height:280px;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,transparent);pointer-events:none;}
.pcl-scan-page-v20 .pcl-scan-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;width:max-content;height:32px;padding:0 11px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));border-radius:999px;background:var(--brand-subtle);color:var(--brand);font-size:11px;font-weight:950;letter-spacing:.08em;}
.pcl-scan-page-v20 .pcl-scan-kicker span{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 13%,transparent);}
.pcl-scan-page-v20 .pcl-scan-intro h1{position:relative;z-index:1;margin:15px 0 0;max-width:820px;color:var(--text);font-size:clamp(34px,4vw,58px);line-height:1.02;font-weight:950;letter-spacing:-.07em;}
.pcl-scan-page-v20 .pcl-scan-intro p{position:relative;z-index:1;max-width:760px;margin:15px 0 0;color:var(--text-secondary);font-size:15.5px;line-height:1.7;}
.pcl-scan-page-v20 .pcl-scan-download-card{border-radius:30px;padding:22px;display:flex;flex-direction:column;gap:17px;}
.pcl-scan-page-v20 .pcl-scan-download-head{display:flex;align-items:center;gap:12px;}
.pcl-scan-page-v20 .pcl-scan-download-head>span{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--brand-subtle);color:var(--brand);flex:0 0 auto;}
.pcl-scan-page-v20 .pcl-scan-download-head strong{display:block;color:var(--text);font-size:17px;font-weight:950;letter-spacing:-.02em;}
.pcl-scan-page-v20 .pcl-scan-download-head small{display:block;margin-top:3px;color:var(--text-muted);font-size:12px;word-break:break-all;}
.pcl-scan-page-v20 .pcl-scan-actions{display:grid!important;grid-template-columns:1fr;gap:9px!important;margin:0!important;}
.pcl-scan-page-v20 .pcl-scan-actions .btn-primary,.pcl-scan-page-v20 .pcl-scan-actions .btn-ghost,.pcl-scan-page-v20 .pcl-scan-actions .btn-outline{width:100%;min-height:44px!important;border-radius:14px!important;padding:0 16px!important;font-weight:900!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
.pcl-scan-page-v20 .pcl-scan-file-meta{display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:0;}
.pcl-scan-page-v20 .pcl-scan-file-meta div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-muted);}
.pcl-scan-page-v20 .pcl-scan-file-meta dt{margin:0;color:var(--text-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.pcl-scan-page-v20 .pcl-scan-file-meta dd{margin:0;color:var(--text);font-size:13px;font-weight:950;}
.pcl-scan-page-v20 .pcl-scan-workspace{display:grid;grid-template-columns:315px minmax(0,1fr);gap:18px;margin-bottom:18px;}
.pcl-scan-page-v20 .pcl-scan-side-panel{display:grid;gap:14px;align-self:start;position:sticky;top:18px;}
.pcl-scan-page-v20 .pcl-scan-side-block{border-radius:26px;padding:22px;}
.pcl-scan-page-v20 .pcl-scan-side-block h2,.pcl-scan-page-v20 .pcl-scan-section-card h2,.pcl-scan-page-v20 .pcl-scan-browser-note h2{margin:0;color:var(--text);font-size:24px;font-weight:950;letter-spacing:-.045em;line-height:1.1;}
.pcl-scan-page-v20 .pcl-scan-step-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;}
.pcl-scan-page-v20 .pcl-scan-step-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--bg-muted);}
.pcl-scan-page-v20 .pcl-scan-step-list em{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--brand);font-style:normal;font-size:12px;font-weight:950;letter-spacing:.04em;border:1px solid var(--border);}
.pcl-scan-page-v20 .pcl-scan-step-list strong{display:block;color:var(--text);font-size:14px;font-weight:950;}
.pcl-scan-page-v20 .pcl-scan-step-list span{display:block;margin-top:4px;color:var(--text-secondary);font-size:12.5px;line-height:1.45;}
.pcl-scan-page-v20 .pcl-scan-safe-box>span{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--brand-subtle);color:var(--brand);margin-bottom:14px;}
.pcl-scan-page-v20 .pcl-scan-safe-box h3{margin:0;color:var(--text);font-size:17px;font-weight:950;letter-spacing:-.025em;}
.pcl-scan-page-v20 .pcl-scan-safe-box p{margin:9px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.58;}
.pcl-scan-page-v20 .pcl-scan-main-sections{display:grid;gap:18px;min-width:0;}
.pcl-scan-page-v20 .pcl-scan-section-card{border-radius:28px;padding:26px;}
.pcl-scan-page-v20 .pcl-scan-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px;}
.pcl-scan-page-v20 .pcl-scan-section-head.compact{margin-bottom:16px;}
.pcl-scan-page-v20 .pcl-scan-section-head span{display:block;margin-bottom:7px;color:var(--brand);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;}
.pcl-scan-page-v20 .pcl-scan-section-head p{max-width:410px;margin:0;color:var(--text-secondary);font-size:13.5px;line-height:1.55;}
.pcl-scan-page-v20 .pcl-scan-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.pcl-scan-page-v20 .pcl-scan-category-grid article{position:relative;min-height:176px;padding:18px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,var(--bg-muted),var(--bg-elevated));overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.pcl-scan-page-v20 .pcl-scan-category-grid article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 28%,var(--border));box-shadow:0 18px 36px rgba(15,23,42,.07);}
.pcl-scan-page-v20 .pcl-scan-category-grid i{width:44px;height:44px;border-radius:16px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.pcl-scan-page-v20 .pcl-scan-category-grid small{display:block;color:var(--text-muted);font-size:10.5px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;}
.pcl-scan-page-v20 .pcl-scan-category-grid strong{display:block;margin-top:5px;color:var(--text);font-size:17px;font-weight:950;letter-spacing:-.035em;}
.pcl-scan-page-v20 .pcl-scan-category-grid p{margin:9px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5;}
.pcl-scan-page-v20 .pcl-scan-split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;}
.pcl-scan-page-v20 .pcl-scan-preview-table{display:grid;gap:8px;}
.pcl-scan-page-v20 .pcl-scan-preview-table div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-muted);}
.pcl-scan-page-v20 .pcl-scan-preview-table b{color:var(--brand);font-size:12px;font-weight:950;letter-spacing:.07em;}
.pcl-scan-page-v20 .pcl-scan-preview-table span{color:var(--text-secondary);font-size:13px;}
.pcl-scan-page-v20 .pcl-scan-top-panel{display:flex;flex-direction:column;align-items:flex-start;}
.pcl-scan-page-v20 .pcl-scan-top-panel p{margin:0 0 18px;color:var(--text-secondary);font-size:13.5px;line-height:1.6;}
.pcl-scan-page-v20 .pcl-scan-browser-note{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-subtle));}
.pcl-scan-page-v20 .pcl-scan-note-icon{width:48px;height:48px;border-radius:18px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center;}
.pcl-scan-page-v20 .pcl-scan-browser-note p{margin:9px 0 0;color:var(--text-secondary);font-size:13.5px;line-height:1.6;}
.pcl-scan-page-v20 .pcl-scan-loading{border-radius:28px!important;padding:28px!important;margin-bottom:18px;}
.pcl-scan-page-v20 .pcl-loading-head{margin-bottom:20px!important;}
.pcl-scan-page-v20 .pcl-loading-steps li{border-radius:16px!important;background:var(--bg-muted)!important;}
.pcl-scan-page-v20 .pcl-result-hero{border-radius:28px!important;margin-bottom:18px!important;padding:26px!important;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-subtle))!important;}
.pcl-scan-page-v20 .pcl-result-hero h1{font-weight:950!important;letter-spacing:-.045em!important;}
.pcl-scan-page-v20 .pcl-dashboard{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:18px!important;}
.pcl-scan-page-v20 .pcl-tabs{border-radius:26px!important;padding:10px!important;position:sticky!important;top:18px!important;}
.pcl-scan-page-v20 .pcl-tabs button{border-radius:14px!important;border-left:0!important;padding:13px 14px!important;font-weight:900!important;}
.pcl-scan-page-v20 .pcl-tabs button.is-active{background:var(--brand-subtle)!important;color:var(--brand)!important;}
.pcl-scan-page-v20 .pcl-result-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.pcl-scan-page-v20 .pcl-result-spec-grid article{border-radius:22px!important;padding:20px!important;min-height:136px!important;background:var(--bg-elevated)!important;border:1px solid var(--border)!important;box-shadow:0 12px 30px rgba(15,23,42,.04)!important;}
.pcl-scan-page-v20 .pcl-result-spec-grid article i{background:var(--brand-subtle)!important;color:var(--brand)!important;border-radius:15px!important;}
.pcl-scan-page-v20 .pcl-result-panel{border-radius:26px!important;padding:24px!important;}
.pcl-scan-page-v20 .pcl-kv-list div,.pcl-scan-page-v20 .pcl-storage-row{border-radius:16px!important;background:var(--bg-muted)!important;}
[data-theme="dark"] .pcl-scan-page-v20 .pcl-scan-intro-main:after{background:color-mix(in srgb,var(--brand) 18%,transparent);}
[data-theme="dark"] .pcl-scan-page-v20 .pcl-scan-intro-main,[data-theme="dark"] .pcl-scan-page-v20 .pcl-scan-browser-note,[data-theme="dark"] .pcl-scan-page-v20 .pcl-result-hero{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-muted))!important;}
@media(max-width:1100px){
  .pcl-scan-page-v20 .pcl-scan-intro,.pcl-scan-page-v20 .pcl-scan-workspace,.pcl-scan-page-v20 .pcl-dashboard{grid-template-columns:1fr!important;}
  .pcl-scan-page-v20 .pcl-scan-side-panel,.pcl-scan-page-v20 .pcl-tabs{position:static!important;}
  .pcl-scan-page-v20 .pcl-scan-side-panel{grid-template-columns:1fr 1fr;}
  .pcl-scan-page-v20 .pcl-scan-actions{grid-template-columns:1fr 1fr;}
}
@media(max-width:780px){
  .pcl-scan-page-v20{padding-top:24px!important;}
  .pcl-scan-page-v20 .pcl-scan-intro-main,.pcl-scan-page-v20 .pcl-scan-download-card,.pcl-scan-page-v20 .pcl-scan-section-card,.pcl-scan-page-v20 .pcl-scan-side-block{border-radius:22px;padding:20px;}
  .pcl-scan-page-v20 .pcl-scan-intro h1{font-size:clamp(31px,10vw,43px);}
  .pcl-scan-page-v20 .pcl-scan-side-panel,.pcl-scan-page-v20 .pcl-scan-category-grid,.pcl-scan-page-v20 .pcl-scan-split,.pcl-scan-page-v20 .pcl-result-spec-grid{grid-template-columns:1fr!important;}
  .pcl-scan-page-v20 .pcl-scan-section-head{display:block;}
  .pcl-scan-page-v20 .pcl-scan-section-head p{margin-top:10px;max-width:none;}
  .pcl-scan-page-v20 .pcl-scan-actions{grid-template-columns:1fr;}
  .pcl-scan-page-v20 .pcl-scan-browser-note{grid-template-columns:1fr;}
  .pcl-scan-page-v20 .pcl-scan-preview-table div{grid-template-columns:1fr;gap:5px;}
}

/* Scanner page v21 — compact, sectioned dashboard. Keeps the client JS hooks intact. */
.pcl-scan-page-v21{padding-top:22px!important;padding-bottom:64px!important;}
.pcl-scan-page-v21 .pcl-scan-intro,
.pcl-scan-page-v21 .pcl-scan-workspace,
.pcl-scan-page-v21 .pcl-scan-loading,
.pcl-scan-page-v21 .pcl-scan-results{max-width:1220px;margin-left:auto;margin-right:auto;}
.pcl-scan-page-v21 .pcl-scan-intro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-bottom:16px;align-items:stretch;}
.pcl-scan-page-v21 .pcl-scan-intro-main,
.pcl-scan-page-v21 .pcl-scan-download-card,
.pcl-scan-page-v21 .pcl-scan-side-block,
.pcl-scan-page-v21 .pcl-scan-section-card,
.pcl-scan-page-v21 .pcl-scan-loading,
.pcl-scan-page-v21 .pcl-result-hero,
.pcl-scan-page-v21 .pcl-result-panel{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:none!important;}
.pcl-scan-page-v21 .pcl-scan-intro-main{position:relative;overflow:hidden;padding:26px 28px!important;min-height:0!important;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-muted))!important;}
.pcl-scan-page-v21 .pcl-scan-intro-main:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand);}
.pcl-scan-page-v21 .pcl-scan-intro-main:after{display:none!important;}
.pcl-scan-page-v21 .pcl-scan-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;margin:0;padding:7px 10px;border-radius:999px;background:var(--brand-subtle);color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.pcl-scan-page-v21 .pcl-scan-kicker span{width:7px;height:7px;border-radius:50%;background:currentColor;}
.pcl-scan-page-v21 .pcl-scan-intro h1{margin:14px 0 0!important;max-width:680px!important;color:var(--text);font-size:clamp(28px,3vw,42px)!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-.055em!important;}
.pcl-scan-page-v21 .pcl-scan-intro p{margin:12px 0 0!important;max-width:760px!important;color:var(--text-secondary);font-size:14px!important;line-height:1.62!important;}
.pcl-scan-page-v21 .pcl-scan-download-card{padding:18px!important;display:flex;flex-direction:column;gap:12px;}
.pcl-scan-page-v21 .pcl-scan-download-head{display:flex;align-items:center;gap:11px;}
.pcl-scan-page-v21 .pcl-scan-download-head>span{width:40px;height:40px;border-radius:14px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.pcl-scan-page-v21 .pcl-scan-download-head strong{display:block;color:var(--text);font-size:16px;font-weight:900;letter-spacing:-.02em;}
.pcl-scan-page-v21 .pcl-scan-download-head small{display:block;margin-top:3px;color:var(--text-muted);font-size:12px;word-break:break-word;}
.pcl-scan-page-v21 .pcl-scan-actions{display:grid!important;grid-template-columns:1fr;gap:8px!important;margin:0!important;}
.pcl-scan-page-v21 .pcl-scan-actions .btn-primary,
.pcl-scan-page-v21 .pcl-scan-actions .btn-ghost,
.pcl-scan-page-v21 .pcl-scan-actions .btn-outline{width:100%;min-height:40px!important;border-radius:12px!important;padding:0 14px!important;font-weight:900!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
.pcl-scan-page-v21 .pcl-scan-file-meta{display:grid;grid-template-columns:1fr;gap:7px;margin:0;padding:0;}
.pcl-scan-page-v21 .pcl-scan-file-meta div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid var(--border);border-radius:12px;background:var(--bg-muted);}
.pcl-scan-page-v21 .pcl-scan-file-meta dt{margin:0;color:var(--text-muted);font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.pcl-scan-page-v21 .pcl-scan-file-meta dd{margin:0;color:var(--text);font-size:12.5px;font-weight:900;}

.pcl-scan-page-v21 .pcl-scan-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:18px;}
.pcl-scan-page-v21 .pcl-scan-side-panel{display:grid;gap:14px;position:sticky;top:16px;align-self:start;}
.pcl-scan-page-v21 .pcl-scan-side-block{padding:20px!important;}
.pcl-scan-page-v21 .pcl-scan-side-block h2,
.pcl-scan-page-v21 .pcl-scan-section-card h2,
.pcl-scan-page-v21 .pcl-scan-browser-note h2{margin:0;color:var(--text);font-size:22px;font-weight:950;letter-spacing:-.045em;line-height:1.1;}
.pcl-scan-page-v21 .pcl-scan-step-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px;counter-reset:pclStep;}
.pcl-scan-page-v21 .pcl-scan-step-list li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--bg-muted);}
.pcl-scan-page-v21 .pcl-scan-step-list em{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--brand);font-style:normal;font-size:11px;font-weight:950;border:1px solid var(--border);}
.pcl-scan-page-v21 .pcl-scan-step-list strong{display:block;color:var(--text);font-size:13.5px;font-weight:900;}
.pcl-scan-page-v21 .pcl-scan-step-list span{display:block;margin-top:4px;color:var(--text-secondary);font-size:12px;line-height:1.45;}
.pcl-scan-page-v21 .pcl-scan-safe-box>span{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--brand-subtle);color:var(--brand);margin-bottom:12px;}
.pcl-scan-page-v21 .pcl-scan-safe-box h3{margin:0;color:var(--text);font-size:16px;font-weight:900;letter-spacing:-.025em;}
.pcl-scan-page-v21 .pcl-scan-safe-box p{margin:8px 0 0;color:var(--text-secondary);font-size:12.5px;line-height:1.55;}
.pcl-scan-page-v21 .pcl-scan-main-sections{display:grid;gap:16px;min-width:0;}
.pcl-scan-page-v21 .pcl-scan-section-card{padding:22px!important;}
.pcl-scan-page-v21 .pcl-scan-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;}
.pcl-scan-page-v21 .pcl-scan-section-head.compact{margin-bottom:14px;}
.pcl-scan-page-v21 .pcl-scan-section-head span{display:block;margin-bottom:6px;color:var(--brand);font-size:10.5px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;}
.pcl-scan-page-v21 .pcl-scan-section-head p{max-width:420px;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55;}
.pcl-scan-page-v21 .pcl-scan-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.pcl-scan-page-v21 .pcl-scan-category-grid article{position:relative;padding:16px;border:1px solid var(--border);border-radius:17px;background:var(--bg-muted);min-height:146px;transition:border-color .16s ease,transform .16s ease;}
.pcl-scan-page-v21 .pcl-scan-category-grid article:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 35%,var(--border));}
.pcl-scan-page-v21 .pcl-scan-category-grid i{width:36px;height:36px;border-radius:13px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.pcl-scan-page-v21 .pcl-scan-category-grid small{display:block;color:var(--text-muted);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;}
.pcl-scan-page-v21 .pcl-scan-category-grid strong{display:block;margin-top:5px;color:var(--text);font-size:15px;font-weight:950;letter-spacing:-.025em;}
.pcl-scan-page-v21 .pcl-scan-category-grid p{margin:8px 0 0;color:var(--text-secondary);font-size:12.5px;line-height:1.5;}
.pcl-scan-page-v21 .pcl-scan-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pcl-scan-page-v21 .pcl-scan-preview-table{display:grid;gap:7px;}
.pcl-scan-page-v21 .pcl-scan-preview-table div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:13px;background:var(--bg-muted);}
.pcl-scan-page-v21 .pcl-scan-preview-table b{color:var(--brand);font-size:11px;font-weight:950;letter-spacing:.07em;}
.pcl-scan-page-v21 .pcl-scan-preview-table span{color:var(--text-secondary);font-size:12.5px;}
.pcl-scan-page-v21 .pcl-scan-top-panel{display:flex;flex-direction:column;align-items:flex-start;}
.pcl-scan-page-v21 .pcl-scan-top-panel p{margin:0 0 16px;color:var(--text-secondary);font-size:13px;line-height:1.55;}
.pcl-scan-page-v21 .pcl-scan-browser-note{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;}
.pcl-scan-page-v21 .pcl-scan-note-icon{width:44px;height:44px;border-radius:16px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center;}
.pcl-scan-page-v21 .pcl-scan-browser-note p{margin:8px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55;}

/* Live report: no marketing header; one dashboard with all categories visible. */
.pcl-scan-page-v21 .pcl-scan-results{display:block;}
.pcl-scan-page-v21 .pcl-result-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;padding:20px 22px!important;margin-bottom:16px!important;background:var(--bg-elevated)!important;}
.pcl-scan-page-v21 .pcl-result-hero h1{margin:6px 0 0!important;color:var(--text);font-size:clamp(22px,2.2vw,32px)!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.05em!important;}
.pcl-scan-page-v21 .pcl-result-hero p{margin:6px 0 0!important;color:var(--text-muted);font-size:12.5px;line-height:1.45;}
.pcl-scan-page-v21 .pcl-fingerprint{font-size:12px!important;margin-top:6px!important;white-space:normal;}
.pcl-scan-page-v21 .pcl-result-tools{display:flex;align-items:center;gap:12px;}
.pcl-scan-page-v21 .pcl-result-actions{width:170px;}
.pcl-scan-page-v21 .pcl-result-actions .btn-primary,
.pcl-scan-page-v21 .pcl-result-actions .btn-outline{min-height:36px!important;border-radius:10px!important;font-size:12px!important;}
.pcl-scan-page-v21 .pcl-health-stat{min-width:116px!important;text-align:center!important;background:var(--brand-subtle)!important;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border))!important;border-radius:16px!important;padding:12px 14px!important;}
.pcl-scan-page-v21 .pcl-health-stat span{display:block;color:var(--text-muted);font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;}
.pcl-scan-page-v21 .pcl-health-stat strong{display:block;margin-top:3px;color:var(--brand);font-size:30px;font-weight:950;letter-spacing:-.05em;}
.pcl-scan-page-v21 .pcl-health-bar{height:4px;border-radius:99px;background:color-mix(in srgb,var(--brand) 16%,transparent)!important;overflow:hidden;margin-top:7px;}
.pcl-scan-page-v21 .pcl-health-bar i{display:block;height:100%;width:var(--score-pct,0%);background:var(--brand);border-radius:inherit;}
.pcl-scan-page-v21 .pcl-dashboard{display:block!important;}
.pcl-scan-page-v21 .pcl-tabs{display:none!important;}
.pcl-scan-page-v21 .pcl-dashboard-content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start;}
.pcl-scan-page-v21 .pcl-tab-panel{display:grid!important;gap:12px!important;min-width:0;}
.pcl-scan-page-v21 .pcl-tab-panel[hidden]{display:grid!important;}
.pcl-scan-page-v21 .pcl-tab-panel[data-tab-panel="overview"],
.pcl-scan-page-v21 .pcl-tab-panel[data-tab-panel="storage"],
.pcl-scan-page-v21 .pcl-tab-panel[data-tab-panel="recs"]{grid-column:1/-1;}
.pcl-scan-page-v21 .pcl-tab-panel>.pcl-result-panel-head{margin:0!important;padding:0 2px;}
.pcl-scan-page-v21 .pcl-result-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
.pcl-scan-page-v21 .pcl-result-panel-head h2{margin:0!important;color:var(--text)!important;font-size:17px!important;font-weight:950!important;letter-spacing:-.035em!important;text-transform:none!important;}
.pcl-scan-page-v21 .pcl-result-panel{padding:18px!important;min-height:100%;}
.pcl-scan-page-v21 .pcl-result-spec-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important;}
.pcl-scan-page-v21 .pcl-result-spec-grid article{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:4px!important;align-items:center!important;min-height:92px!important;padding:15px!important;border-radius:16px!important;background:var(--bg-elevated)!important;border:1px solid var(--border)!important;box-shadow:none!important;}
.pcl-scan-page-v21 .pcl-result-spec-grid article i{grid-column:1;grid-row:1/3;width:34px;height:34px;border-radius:12px;background:var(--brand-subtle)!important;color:var(--brand)!important;margin:0!important;display:flex;align-items:center;justify-content:center;}
.pcl-scan-page-v21 .pcl-result-spec-grid article i svg{width:17px;height:17px;}
.pcl-scan-page-v21 .pcl-result-spec-grid article span{grid-column:2;grid-row:1;margin:0!important;align-self:end;color:var(--text-muted)!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.pcl-scan-page-v21 .pcl-result-spec-grid article strong{grid-column:2;grid-row:2;margin:0!important;color:var(--text);font-size:15px!important;line-height:1.25!important;font-weight:950!important;letter-spacing:-.02em!important;white-space:normal;overflow-wrap:anywhere;}
.pcl-scan-page-v21 .pcl-result-spec-grid article small{grid-column:1/-1;margin:8px 0 0!important;color:var(--text-muted);font-size:11.5px!important;line-height:1.35!important;}
.pcl-scan-page-v21 .pcl-kv-list{display:grid!important;gap:7px!important;}
.pcl-scan-page-v21 .pcl-kv-list div{display:grid!important;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr)!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg-muted)!important;box-shadow:none!important;}
.pcl-scan-page-v21 .pcl-kv-list span{color:var(--text-muted);font-size:12px!important;font-weight:800!important;text-align:left!important;}
.pcl-scan-page-v21 .pcl-kv-list b{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px!important;font-weight:800!important;text-align:right!important;line-height:1.35;overflow-wrap:anywhere;}
.pcl-scan-page-v21 .pcl-storage-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
.pcl-scan-page-v21 .pcl-storage-row{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 12px!important;padding:13px 14px 18px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg-muted)!important;align-items:center!important;box-shadow:none!important;}
.pcl-scan-page-v21 .pcl-storage-row div{min-width:0;}
.pcl-scan-page-v21 .pcl-storage-row b{display:block;color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pcl-scan-page-v21 .pcl-storage-row span,
.pcl-scan-page-v21 .pcl-storage-row small{color:var(--text-muted);font-size:11.5px;}
.pcl-scan-page-v21 .pcl-storage-row strong{color:var(--text);font-size:13px;}
.pcl-scan-page-v21 .pcl-storage-row small{grid-column:1/-1;}
.pcl-scan-page-v21 .pcl-storage-bar{position:absolute;left:14px;right:14px;bottom:8px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 16%,transparent);overflow:hidden;}
.pcl-scan-page-v21 .pcl-storage-bar i{display:block;height:100%;background:var(--brand);border-radius:inherit;}
.pcl-scan-page-v21 .pcl-module-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.pcl-scan-page-v21 .pcl-module-row{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-muted);display:grid;gap:4px;}
.pcl-scan-page-v21 .pcl-module-row b{color:var(--text);font-size:13px;}
.pcl-scan-page-v21 .pcl-module-row span{color:var(--text-muted);font-size:11.5px;line-height:1.35;}
.pcl-scan-page-v21 .pcl-rec-list{display:grid!important;gap:8px!important;}
.pcl-scan-page-v21 .pcl-rec-list article{padding:12px 14px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg-muted)!important;}
.pcl-scan-page-v21 .pcl-rec-list article b{display:block;margin:0 0 5px;color:var(--brand);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
.pcl-scan-page-v21 .pcl-rec-list article span{display:block;color:var(--text-secondary);font-size:12.5px;line-height:1.5;}
.pcl-scan-page-v21 .pcl-muted{color:var(--text-muted);font-size:13px;line-height:1.55;margin:0;}

[data-theme="dark"] .pcl-scan-page-v21 .pcl-scan-intro-main,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-scan-download-card,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-scan-side-block,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-scan-section-card,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-result-hero,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-result-panel{background:#171b22!important;border-color:#2a303a!important;}
[data-theme="dark"] .pcl-scan-page-v21 .pcl-scan-intro-main{background:linear-gradient(135deg,#171b22,#151922)!important;}
[data-theme="dark"] .pcl-scan-page-v21 .pcl-scan-category-grid article,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-scan-step-list li,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-scan-file-meta div,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-kv-list div,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-storage-row,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-module-row,
[data-theme="dark"] .pcl-scan-page-v21 .pcl-rec-list article{background:#1c2129!important;border-color:#2a303a!important;}

@media(max-width:1100px){
  .pcl-scan-page-v21 .pcl-scan-intro,
  .pcl-scan-page-v21 .pcl-scan-workspace{grid-template-columns:1fr;}
  .pcl-scan-page-v21 .pcl-scan-side-panel{position:static;grid-template-columns:1fr 1fr;}
  .pcl-scan-page-v21 .pcl-dashboard-content{grid-template-columns:1fr!important;}
  .pcl-scan-page-v21 .pcl-result-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .pcl-scan-page-v21{padding-top:14px!important;}
  .pcl-scan-page-v21 .pcl-scan-intro-main,
  .pcl-scan-page-v21 .pcl-scan-download-card,
  .pcl-scan-page-v21 .pcl-scan-side-block,
  .pcl-scan-page-v21 .pcl-scan-section-card,
  .pcl-scan-page-v21 .pcl-result-hero,
  .pcl-scan-page-v21 .pcl-result-panel{border-radius:16px!important;padding:16px!important;}
  .pcl-scan-page-v21 .pcl-scan-intro h1{font-size:30px!important;}
  .pcl-scan-page-v21 .pcl-scan-side-panel,
  .pcl-scan-page-v21 .pcl-scan-category-grid,
  .pcl-scan-page-v21 .pcl-scan-split,
  .pcl-scan-page-v21 .pcl-result-spec-grid,
  .pcl-scan-page-v21 .pcl-storage-list,
  .pcl-scan-page-v21 .pcl-module-table{grid-template-columns:1fr!important;}
  .pcl-scan-page-v21 .pcl-scan-section-head{display:block;}
  .pcl-scan-page-v21 .pcl-scan-section-head p{margin-top:8px;max-width:none;}
  .pcl-scan-page-v21 .pcl-scan-browser-note{grid-template-columns:1fr;}
  .pcl-scan-page-v21 .pcl-result-hero{grid-template-columns:1fr!important;}
  .pcl-scan-page-v21 .pcl-result-tools{align-items:stretch;flex-direction:column;}
  .pcl-scan-page-v21 .pcl-result-actions{width:100%;}
  .pcl-scan-page-v21 .pcl-kv-list div{grid-template-columns:1fr!important;gap:4px!important;}
  .pcl-scan-page-v21 .pcl-kv-list b{text-align:left!important;}
}

/* PCLab scanner v22 — 3 tab dashboard: specifications / optimizations / cleanup */
.pcl-scan-page-v22{padding-top:34px;padding-bottom:80px;}
.pcl-scan-page-v22 .pcl-scan-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-bottom:18px;align-items:stretch;}
.pcl-scan-page-v22 .pcl-scan-intro-main,.pcl-scan-page-v22 .pcl-scan-download-card,.pcl-scan-page-v22 .pcl-scan-section-card,.pcl-scan-page-v22 .pcl-scan-side-block,.pcl-scan-page-v22 .pcl-scan-loading,.pcl-scan-page-v22 .pcl-result-toolbar,.pcl-scan-page-v22 .pcl-result-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;box-shadow:0 10px 30px rgba(15,23,42,.045);}
.pcl-scan-page-v22 .pcl-scan-intro-main{padding:34px;min-height:260px;display:flex;flex-direction:column;justify-content:center;}
.pcl-scan-page-v22 .pcl-scan-intro-main h1{max-width:740px;margin:16px 0 0;font-size:clamp(34px,4vw,58px);line-height:.96;letter-spacing:-.07em;color:var(--text);}
.pcl-scan-page-v22 .pcl-scan-intro-main p{max-width:820px;margin:18px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.65;}
.pcl-scan-page-v22 .pcl-scan-download-card{padding:22px;display:flex;flex-direction:column;gap:18px;}
.pcl-scan-page-v22 .pcl-scan-download-head{display:flex;align-items:center;gap:12px;}
.pcl-scan-page-v22 .pcl-scan-download-head>span{width:44px;height:44px;border-radius:14px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center;}
.pcl-scan-page-v22 .pcl-scan-download-head strong{display:block;color:var(--text);font-size:17px;}.pcl-scan-page-v22 .pcl-scan-download-head small{display:block;color:var(--text-muted);margin-top:3px;}
.pcl-scan-page-v22 .pcl-scan-actions{display:grid;gap:9px;}.pcl-scan-page-v22 .pcl-scan-actions a,.pcl-scan-page-v22 .pcl-scan-actions button{text-align:center;justify-content:center;}
.pcl-scan-page-v22 .pcl-scan-file-meta{display:grid;gap:9px;margin:auto 0 0;}.pcl-scan-page-v22 .pcl-scan-file-meta div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:14px;background:var(--bg-muted);border:1px solid var(--border);}.pcl-scan-page-v22 .pcl-scan-file-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:850}.pcl-scan-page-v22 .pcl-scan-file-meta dd{margin:0;color:var(--text);font-size:13px;font-weight:850;}
.pcl-scan-page-v22 .pcl-scan-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;margin-bottom:18px;}.pcl-scan-page-v22 .pcl-scan-side-panel{display:grid;gap:14px;align-content:start;}.pcl-scan-page-v22 .pcl-scan-side-block{padding:22px;}.pcl-scan-page-v22 .pcl-scan-side-block h2,.pcl-scan-page-v22 .pcl-scan-side-block h3{margin:0;color:var(--text);letter-spacing:-.04em}.pcl-scan-page-v22 .pcl-scan-side-block p{margin:10px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.6}.pcl-scan-page-v22 .pcl-scan-step-list{list-style:none;display:grid;gap:12px;margin:16px 0 0;padding:0;}.pcl-scan-page-v22 .pcl-scan-step-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;}.pcl-scan-page-v22 .pcl-scan-step-list em{width:34px;height:34px;border-radius:12px;background:var(--brand-subtle);color:var(--brand);font-style:normal;font-size:12px;font-weight:950;display:flex;align-items:center;justify-content:center}.pcl-scan-page-v22 .pcl-scan-step-list strong{display:block;color:var(--text);font-size:13.5px}.pcl-scan-page-v22 .pcl-scan-step-list span{display:block;margin-top:3px;color:var(--text-muted);font-size:12px;line-height:1.45}.pcl-scan-page-v22 .pcl-scan-safe-box>span{width:40px;height:40px;border-radius:14px;background:var(--bg-muted);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.pcl-scan-page-v22 .pcl-scan-main-sections{display:grid;gap:14px;}.pcl-scan-page-v22 .pcl-scan-section-card{padding:24px;}.pcl-scan-page-v22 .pcl-scan-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.pcl-scan-page-v22 .pcl-scan-section-head span{display:block;color:var(--brand);font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.pcl-scan-page-v22 .pcl-scan-section-head h2{margin:4px 0 0;color:var(--text);font-size:26px;letter-spacing:-.06em}.pcl-scan-page-v22 .pcl-scan-section-head p{margin:0;max-width:540px;color:var(--text-secondary);font-size:13px;line-height:1.55}.pcl-scan-page-v22 .pcl-scan-section-head.compact{margin-bottom:16px;}
.pcl-scan-page-v22 .pcl-scan-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.pcl-scan-page-v22 .pcl-scan-category-grid article{padding:17px;border:1px solid var(--border);border-radius:18px;background:var(--bg-muted);min-height:152px;}.pcl-scan-page-v22 .pcl-scan-category-grid i{width:38px;height:38px;border-radius:13px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:12px}.pcl-scan-page-v22 .pcl-scan-category-grid small{display:block;color:var(--text-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pcl-scan-page-v22 .pcl-scan-category-grid strong{display:block;margin-top:5px;color:var(--text);font-size:15px}.pcl-scan-page-v22 .pcl-scan-category-grid p{margin:7px 0 0;color:var(--text-secondary);font-size:12.5px;line-height:1.5;}.pcl-scan-page-v22 .pcl-scan-three-flow{grid-template-columns:repeat(3,minmax(0,1fr));}
.pcl-scan-page-v22 .pcl-scan-loading{padding:24px;margin-bottom:18px;}.pcl-scan-page-v22 .pcl-loading-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.pcl-scan-page-v22 .pcl-loading-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--bg-muted);border-top-color:var(--brand);animation:pclSpin .8s linear infinite}.pcl-scan-page-v22 .pcl-loading-head h2{margin:0;color:var(--text)}.pcl-scan-page-v22 .pcl-loading-head p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.pcl-scan-page-v22 .pcl-loading-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.pcl-scan-page-v22 .pcl-loading-steps li{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:800}.pcl-scan-page-v22 .pcl-loading-steps li i{display:flex;color:var(--text-muted)}.pcl-scan-page-v22 .pcl-loading-steps li.is-done{border-color:color-mix(in srgb,var(--brand) 42%,var(--border));color:var(--text)}.pcl-scan-page-v22 .pcl-loading-steps li.is-done i{color:var(--brand)}
.pcl-scan-page-v22 .pcl-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;margin-bottom:14px;}.pcl-scan-page-v22 .pcl-result-toolbar h1{margin:6px 0 0;color:var(--text);font-size:clamp(24px,3vw,36px);line-height:1;letter-spacing:-.06em}.pcl-scan-page-v22 .pcl-result-toolbar p{margin:7px 0 0;color:var(--text-muted);font-size:12.5px}.pcl-scan-page-v22 .pcl-fingerprint{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;color:var(--text-secondary)!important}.pcl-scan-page-v22 .pcl-result-tools{display:flex;align-items:center;gap:12px}.pcl-scan-page-v22 .pcl-health-stat{min-width:132px;padding:13px 14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-muted);text-align:right}.pcl-scan-page-v22 .pcl-health-stat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:900}.pcl-scan-page-v22 .pcl-health-stat strong{display:block;margin-top:2px;color:var(--brand);font-size:28px;font-weight:950;letter-spacing:-.06em}.pcl-scan-page-v22 .pcl-health-bar{height:5px;border-radius:99px;background:var(--bg-elevated);overflow:hidden;margin-top:8px}.pcl-scan-page-v22 .pcl-health-bar i{display:block;height:100%;width:var(--score-pct,0%);background:var(--brand)}
.pcl-scan-page-v22 .pcl-main-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;}.pcl-scan-page-v22 .pcl-main-tabs button{border:1px solid var(--border);border-radius:18px;background:var(--bg-elevated);color:var(--text-secondary);padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:10px;font:850 14px/1 var(--font-sans,Inter,system-ui,sans-serif);cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.035);transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.pcl-scan-page-v22 .pcl-main-tabs button:hover{transform:translateY(-1px);border-color:var(--border-strong);color:var(--text)}.pcl-scan-page-v22 .pcl-main-tabs button.is-active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 14px 30px color-mix(in srgb,var(--brand) 25%,transparent)}.pcl-scan-page-v22 .pcl-main-tabs i{display:flex;}.pcl-scan-page-v22 .pcl-tab-panels{display:block}.pcl-scan-page-v22 .pcl-tab-panel{display:grid;gap:14px}.pcl-scan-page-v22 .pcl-tab-panel[hidden]{display:none!important}
.pcl-scan-page-v22 .pcl-result-section{padding:22px;}.pcl-scan-page-v22 .pcl-result-section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;}.pcl-scan-page-v22 .pcl-result-section-title>i{width:40px;height:40px;border-radius:14px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.pcl-scan-page-v22 .pcl-result-section-title span{display:block;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.pcl-scan-page-v22 .pcl-result-section-title h2{margin:4px 0 0;color:var(--text);font-size:20px;letter-spacing:-.05em}.pcl-scan-page-v22 .pcl-result-section p{color:var(--text-secondary);font-size:13.5px;line-height:1.65;margin:0 0 16px}.pcl-scan-page-v22 .pcl-spec-category-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pcl-scan-page-v22 .pcl-wide-section{grid-column:1/-1}.pcl-scan-page-v22 .pcl-result-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pcl-scan-page-v22 .pcl-result-spec-grid article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 10px;align-items:start;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg-muted);min-height:116px;box-shadow:none}.pcl-scan-page-v22 .pcl-result-spec-grid article>i{grid-row:1;width:32px;height:32px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--brand)}.pcl-scan-page-v22 .pcl-result-spec-grid span{align-self:center;color:var(--text-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pcl-scan-page-v22 .pcl-result-spec-grid strong{grid-column:1/-1;display:block;margin-top:7px;color:var(--text);font-size:15px;line-height:1.28;letter-spacing:-.02em}.pcl-scan-page-v22 .pcl-result-spec-grid small{grid-column:1/-1;color:var(--text-muted);font-size:12px;line-height:1.35}.pcl-scan-page-v22 .pcl-kv-list{display:grid;gap:8px}.pcl-scan-page-v22 .pcl-kv-list div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-muted)}.pcl-scan-page-v22 .pcl-kv-list span{color:var(--text-muted);font-size:12.5px;font-weight:750}.pcl-scan-page-v22 .pcl-kv-list b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);font-size:12.5px;text-align:right;line-height:1.35}.pcl-scan-page-v22 .pcl-module-table{display:grid;gap:8px}.pcl-scan-page-v22 .pcl-module-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-muted)}.pcl-scan-page-v22 .pcl-module-row b{grid-column:1/-1;color:var(--text)}.pcl-scan-page-v22 .pcl-module-row span{color:var(--text-secondary);font-size:12px}.pcl-scan-page-v22 .pcl-storage-list{display:grid;gap:10px}.pcl-scan-page-v22 .pcl-storage-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 12px 18px;border:1px solid var(--border);border-radius:14px;background:var(--bg-muted)}.pcl-scan-page-v22 .pcl-storage-row b{display:block;color:var(--text)}.pcl-scan-page-v22 .pcl-storage-row span,.pcl-scan-page-v22 .pcl-storage-row small{color:var(--text-muted);font-size:12px}.pcl-scan-page-v22 .pcl-storage-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);font-size:12px}.pcl-scan-page-v22 .pcl-storage-bar{position:absolute;left:12px;right:12px;bottom:8px;height:4px;border-radius:99px;background:var(--bg-elevated);overflow:hidden}.pcl-scan-page-v22 .pcl-storage-bar i{display:block;height:100%;background:var(--brand)}
.pcl-scan-page-v22 .pcl-optimization-summary,.pcl-scan-page-v22 .pcl-cleaning-summary{background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--brand) 12%,transparent),transparent 35%),var(--bg-elevated)}.pcl-scan-page-v22 .pcl-optimization-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.pcl-scan-page-v22 .pcl-optimization-metrics article{padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--bg-muted)}.pcl-scan-page-v22 .pcl-optimization-metrics span{display:block;color:var(--text-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pcl-scan-page-v22 .pcl-optimization-metrics strong{display:block;margin-top:6px;color:var(--text);font-size:24px;font-weight:950;letter-spacing:-.05em}.pcl-scan-page-v22 .pcl-rec-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcl-scan-page-v22 .pcl-rec-cards article{border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:14px;background:var(--bg-muted);padding:14px;display:grid;gap:5px}.pcl-scan-page-v22 .pcl-rec-cards b{color:var(--brand);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.pcl-scan-page-v22 .pcl-rec-cards span{color:var(--text-secondary);font-size:13px;line-height:1.45}.pcl-scan-page-v22 .pcl-advice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pcl-scan-page-v22 .pcl-advice-grid article{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg-muted)}.pcl-scan-page-v22 .pcl-advice-grid i{width:34px;height:34px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:12px}.pcl-scan-page-v22 .pcl-advice-grid strong{display:block;color:var(--text);font-size:14px}.pcl-scan-page-v22 .pcl-advice-grid span{display:block;margin-top:6px;color:var(--text-secondary);font-size:12.5px;line-height:1.45}.pcl-scan-page-v22 .pcl-cleaning-list{display:grid;gap:10px}.pcl-scan-page-v22 .pcl-cleaning-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--bg-muted)}.pcl-scan-page-v22 .pcl-cleaning-list b{display:block;color:var(--text);font-size:14px}.pcl-scan-page-v22 .pcl-cleaning-list span{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.45}.pcl-scan-page-v22 .pcl-cleaning-list em{font-style:normal;font-size:10px;font-weight:950;letter-spacing:.08em;color:var(--brand);background:var(--brand-subtle);border-radius:999px;padding:7px 9px}
@media(max-width:1120px){.pcl-scan-page-v22 .pcl-scan-intro,.pcl-scan-page-v22 .pcl-scan-workspace{grid-template-columns:1fr}.pcl-scan-page-v22 .pcl-loading-steps{grid-template-columns:repeat(3,1fr)}.pcl-scan-page-v22 .pcl-advice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.pcl-scan-page-v22 .pcl-scan-category-grid,.pcl-scan-page-v22 .pcl-scan-three-flow,.pcl-scan-page-v22 .pcl-result-spec-grid,.pcl-scan-page-v22 .pcl-spec-category-layout,.pcl-scan-page-v22 .pcl-rec-cards,.pcl-scan-page-v22 .pcl-optimization-metrics{grid-template-columns:1fr}.pcl-scan-page-v22 .pcl-result-toolbar{display:grid}.pcl-scan-page-v22 .pcl-result-tools{display:grid}.pcl-scan-page-v22 .pcl-main-tabs{grid-template-columns:1fr}.pcl-scan-page-v22 .pcl-storage-row{grid-template-columns:1fr}.pcl-scan-page-v22 .pcl-advice-grid{grid-template-columns:1fr}.pcl-scan-page-v22 .pcl-loading-steps{grid-template-columns:1fr}.pcl-scan-page-v22 .pcl-scan-section-head{display:grid}.pcl-scan-page-v22 .pcl-scan-intro-main{padding:26px}.pcl-scan-page-v22 .pcl-result-section{padding:18px}}

/* PCLab scanner v23 — premium dashboard mockup-inspired layout */
.pcl-scan-page-v23{padding-top:28px;padding-bottom:82px;--pcl-blue:var(--brand,#4f7cff);--pcl-card:var(--bg-elevated,#151a23);--pcl-muted:var(--bg-muted,#10151d);--pcl-line:var(--border,rgba(148,163,184,.18));--pcl-soft:rgba(79,124,255,.12)}
.pcl-scan-page-v23 [hidden]{display:none!important}
.pcl-scan-page-v23 .pcl-scan-intro,.pcl-scan-page-v23 .pcl-scan-workspace,.pcl-scan-page-v23 .pcl-scan-loading,.pcl-scan-page-v23 .pcl-scan-results{max-width:1380px;margin-left:auto;margin-right:auto}
.pcl-scan-page-v23 .pcl-scan-intro{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;margin-bottom:18px;align-items:stretch}
.pcl-scan-page-v23 .pcl-scan-intro-main,.pcl-scan-page-v23 .pcl-scan-download-card,.pcl-scan-page-v23 .pcl-scan-section-card,.pcl-scan-page-v23 .pcl-scan-side-block,.pcl-scan-page-v23 .pcl-scan-loading,.pcl-scan-page-v23 .pcl-result-toolbar,.pcl-scan-page-v23 .pcl-result-section,.pcl-scan-page-v23 .pcl-score-card,.pcl-scan-page-v23 .pcl-mini-top-card,.pcl-scan-page-v23 .pcl-result-note-strip{background:linear-gradient(180deg,color-mix(in srgb,var(--pcl-card) 96%,#ffffff 4%),var(--pcl-card));border:1px solid var(--pcl-line);border-radius:26px;box-shadow:0 18px 55px rgba(2,6,23,.08)}
[data-theme="dark"] .pcl-scan-page-v23 .pcl-scan-intro-main,[data-theme="dark"] .pcl-scan-page-v23 .pcl-scan-download-card,[data-theme="dark"] .pcl-scan-page-v23 .pcl-scan-section-card,[data-theme="dark"] .pcl-scan-page-v23 .pcl-scan-side-block,[data-theme="dark"] .pcl-scan-page-v23 .pcl-scan-loading,[data-theme="dark"] .pcl-scan-page-v23 .pcl-result-toolbar,[data-theme="dark"] .pcl-scan-page-v23 .pcl-result-section,[data-theme="dark"] .pcl-scan-page-v23 .pcl-score-card,[data-theme="dark"] .pcl-scan-page-v23 .pcl-mini-top-card,[data-theme="dark"] .pcl-scan-page-v23 .pcl-result-note-strip{background:linear-gradient(180deg,rgba(19,25,35,.94),rgba(13,18,27,.96));box-shadow:0 20px 70px rgba(0,0,0,.25)}
.pcl-scan-page-v23 .pcl-scan-intro-main{position:relative;overflow:hidden;min-height:260px;padding:38px 360px 30px 34px;display:flex;align-items:center}
.pcl-scan-page-v23 .pcl-scan-intro-main:before{content:"";position:absolute;inset:-30% -8% auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(66,110,255,.34),rgba(66,110,255,.08) 38%,transparent 70%);filter:blur(2px);pointer-events:none}
.pcl-scan-page-v23 .pcl-scan-intro-main:after{content:"";position:absolute;right:0;top:0;width:210px;height:160px;border-radius:0 26px 0 160px;background:rgba(79,124,255,.14)}
.pcl-scan-page-v23 .pcl-scan-hero-copy{position:relative;z-index:2;min-width:0}.pcl-scan-page-v23 .pcl-scan-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--pcl-blue) 42%,var(--pcl-line));border-radius:999px;background:var(--pcl-soft);color:var(--pcl-blue);font-size:11px;font-weight:950;letter-spacing:.08em}.pcl-scan-page-v23 .pcl-scan-kicker span{width:7px;height:7px;border-radius:50%;background:var(--pcl-blue);box-shadow:0 0 0 5px rgba(79,124,255,.12)}
.pcl-scan-page-v23 .pcl-scan-intro-main h1{margin:18px 0 0;font-size:clamp(38px,4.6vw,62px);line-height:.96;letter-spacing:-.075em;color:var(--text,#fff);max-width:760px}.pcl-scan-page-v23 .pcl-scan-intro-main p{max-width:820px;margin:17px 0 0;color:var(--text-secondary,#aab4c3);font-size:16px;line-height:1.7}.pcl-scan-page-v23 .pcl-scan-hero-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;max-width:760px}.pcl-scan-page-v23 .pcl-scan-hero-features article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.pcl-scan-page-v23 .pcl-scan-hero-features i{width:38px;height:38px;border-radius:12px;background:var(--pcl-soft);color:var(--pcl-blue);display:flex;align-items:center;justify-content:center}.pcl-scan-page-v23 .pcl-scan-hero-features strong{display:block;color:var(--text,#fff);font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-page-v23 .pcl-scan-hero-features span{display:block;margin-top:3px;color:var(--text-muted,#7f8ba0);font-size:11.5px;line-height:1.35}
.pcl-scan-page-v23 .pcl-scan-hero-visual{position:absolute;right:50px;top:28px;bottom:24px;width:270px;display:flex;align-items:center;justify-content:center;z-index:1}.pcl-scan-page-v23 .pcl-pc-case{position:relative;width:176px;height:218px;border-radius:24px;background:linear-gradient(135deg,#0b1221,#121b31 54%,#07101e);border:1px solid rgba(95,135,255,.35);box-shadow:0 0 0 8px rgba(42,88,255,.06),0 30px 70px rgba(0,0,0,.32),inset 0 0 34px rgba(78,122,255,.18);transform:perspective(520px) rotateY(-13deg) rotateX(3deg)}.pcl-scan-page-v23 .pcl-pc-case:before{content:"";position:absolute;left:18px;top:18px;right:18px;bottom:18px;border-radius:18px;border:1px solid rgba(80,132,255,.42);background:linear-gradient(135deg,rgba(45,82,165,.16),rgba(10,16,30,.72))}.pcl-scan-page-v23 .pcl-pc-glow{position:absolute;inset:26px 22px;border-radius:18px;box-shadow:inset 0 0 36px rgba(44,117,255,.38),0 0 34px rgba(44,117,255,.26)}.pcl-scan-page-v23 .pcl-pc-fan{position:absolute;width:54px;height:54px;border-radius:50%;border:8px solid rgba(60,125,255,.42);background:radial-gradient(circle at center,#74a8ff 0 6px,rgba(39,106,255,.3) 7px 14px,transparent 15px);box-shadow:0 0 28px rgba(61,120,255,.42)}.pcl-scan-page-v23 .fan-a{left:42px;top:48px}.pcl-scan-page-v23 .fan-b{left:42px;top:118px}.pcl-scan-page-v23 .pcl-pc-line{position:absolute;right:34px;width:6px;border-radius:999px;background:#3a7bff;box-shadow:0 0 20px rgba(64,124,255,.8)}.pcl-scan-page-v23 .line-a{top:42px;height:88px}.pcl-scan-page-v23 .line-b{bottom:36px;height:44px}
.pcl-scan-page-v23 .pcl-scan-download-card{padding:24px;display:flex;flex-direction:column;gap:18px}.pcl-scan-page-v23 .pcl-scan-download-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center}.pcl-scan-page-v23 .pcl-win-mark{width:54px;height:54px;border-radius:17px;background:var(--pcl-soft);color:var(--pcl-blue);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}.pcl-scan-page-v23 .pcl-scan-download-head strong{display:block;color:var(--text,#fff);font-size:18px;letter-spacing:-.02em}.pcl-scan-page-v23 .pcl-scan-download-head small{display:block;margin-top:5px;color:var(--text-muted,#8390a3);font-size:12px}.pcl-scan-page-v23 .pcl-scan-actions{display:grid;grid-template-columns:1fr;gap:10px}.pcl-scan-page-v23 .pcl-scan-actions a,.pcl-scan-page-v23 .pcl-scan-actions button{min-height:44px;display:flex!important;align-items:center;justify-content:center;gap:8px;border-radius:13px;font-weight:900}.pcl-scan-page-v23 .pcl-download-main{min-height:52px!important;border-radius:14px!important}.pcl-scan-page-v23 .btn-ghost{border:1px solid var(--pcl-line);background:transparent;color:var(--text,#fff);text-decoration:none}.pcl-scan-page-v23 .pcl-scan-file-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:auto 0 0}.pcl-scan-page-v23 .pcl-scan-file-meta div{padding:13px 12px;border-radius:14px;background:var(--pcl-muted);border:1px solid var(--pcl-line)}.pcl-scan-page-v23 .pcl-scan-file-meta dt{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted,#8390a3);font-weight:950}.pcl-scan-page-v23 .pcl-scan-file-meta dd{margin:5px 0 0;color:var(--text,#fff);font-size:13px;font-weight:950}
.pcl-scan-page-v23 .pcl-scan-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-bottom:18px}.pcl-scan-page-v23 .pcl-scan-preview-dashboard{display:grid;gap:16px;min-width:0}.pcl-scan-page-v23 .pcl-main-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.pcl-scan-page-v23 .pcl-main-tabs button{position:relative;border:1px solid var(--pcl-line);border-radius:18px;background:linear-gradient(180deg,var(--pcl-card),var(--pcl-muted));color:var(--text-secondary,#aab4c3);padding:18px 16px;display:flex;align-items:center;justify-content:center;gap:10px;font:900 15px/1 var(--font-sans,Inter,system-ui,sans-serif);cursor:pointer;box-shadow:0 10px 24px rgba(2,6,23,.05);transition:transform .16s ease,border-color .16s ease,color .16s ease}.pcl-scan-page-v23 .pcl-main-tabs button[disabled]{cursor:default}.pcl-scan-page-v23 .pcl-main-tabs button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--pcl-blue) 36%,var(--pcl-line));color:var(--text,#fff)}.pcl-scan-page-v23 .pcl-main-tabs button.is-active{color:var(--text,#fff);border-color:color-mix(in srgb,var(--pcl-blue) 46%,var(--pcl-line));background:linear-gradient(180deg,color-mix(in srgb,var(--pcl-blue) 16%,var(--pcl-card)),var(--pcl-card))}.pcl-scan-page-v23 .pcl-main-tabs button.is-active:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:4px;border-radius:999px;background:var(--pcl-blue);box-shadow:0 0 18px rgba(79,124,255,.55)}.pcl-scan-page-v23 .pcl-main-tabs i{display:flex;color:currentColor}.pcl-scan-page-v23 .pcl-scan-section-card{padding:24px}.pcl-scan-page-v23 .pcl-scan-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.pcl-scan-page-v23 .pcl-scan-section-head.compact{margin-bottom:16px}.pcl-scan-page-v23 .pcl-scan-section-head span,.pcl-scan-page-v23 .pcl-mini-section-title span{display:block;color:var(--pcl-blue);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.pcl-scan-page-v23 .pcl-scan-section-head h2,.pcl-scan-page-v23 .pcl-mini-section-title h2{margin:5px 0 0;color:var(--text,#fff);font-size:24px;line-height:1.08;letter-spacing:-.055em}.pcl-scan-page-v23 .pcl-scan-section-head p{margin:0;max-width:560px;color:var(--text-secondary,#aab4c3);font-size:13px;line-height:1.55}.pcl-scan-page-v23 .pcl-scan-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pcl-scan-page-v23 .pcl-scan-category-grid article{min-height:158px;padding:17px;border:1px solid var(--pcl-line);border-radius:18px;background:linear-gradient(180deg,var(--pcl-muted),color-mix(in srgb,var(--pcl-card) 94%,var(--pcl-blue) 6%));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pcl-scan-page-v23 .pcl-scan-category-grid article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pcl-blue) 40%,var(--pcl-line));box-shadow:0 18px 36px rgba(2,6,23,.13)}.pcl-scan-page-v23 .pcl-scan-category-grid i,.pcl-scan-page-v23 .pcl-advice-grid i{width:40px;height:40px;border-radius:14px;background:var(--pcl-soft);color:var(--pcl-blue);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.pcl-scan-page-v23 .pcl-scan-category-grid small{display:block;color:var(--text-muted,#8390a3);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.pcl-scan-page-v23 .pcl-scan-category-grid strong{display:block;margin-top:5px;color:var(--text,#fff);font-size:15px;font-weight:950}.pcl-scan-page-v23 .pcl-scan-category-grid p{margin:8px 0 0;color:var(--text-secondary,#aab4c3);font-size:12.5px;line-height:1.5}.pcl-scan-page-v23 .pcl-mini-section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pcl-scan-page-v23 .pcl-mini-section-title>i{width:42px;height:42px;border-radius:14px;background:var(--pcl-soft);color:var(--pcl-blue);display:flex;align-items:center;justify-content:center}.pcl-scan-page-v23 .pcl-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pcl-scan-page-v23 .pcl-advice-grid article{padding:17px;border:1px solid var(--pcl-line);border-radius:18px;background:var(--pcl-muted)}.pcl-scan-page-v23 .pcl-advice-grid strong{display:block;color:var(--text,#fff);font-size:14px}.pcl-scan-page-v23 .pcl-advice-grid span{display:block;margin-top:6px;color:var(--text-secondary,#aab4c3);font-size:12.5px;line-height:1.45}.pcl-scan-page-v23 .pcl-scan-onboarding{display:grid;gap:14px;align-content:start;position:sticky;top:18px}.pcl-scan-page-v23 .pcl-scan-side-block{padding:22px}.pcl-scan-page-v23 .pcl-scan-side-block h2,.pcl-scan-page-v23 .pcl-scan-side-block h3{margin:0;color:var(--text,#fff);font-size:22px;line-height:1.08;letter-spacing:-.05em}.pcl-scan-page-v23 .pcl-scan-side-block p{margin:10px 0 0;color:var(--text-secondary,#aab4c3);font-size:13px;line-height:1.6}.pcl-scan-page-v23 .pcl-scan-step-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:11px}.pcl-scan-page-v23 .pcl-scan-step-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:12px;border:1px solid var(--pcl-line);border-radius:16px;background:var(--pcl-muted)}.pcl-scan-page-v23 .pcl-scan-step-list em{width:36px;height:36px;border-radius:12px;background:var(--pcl-soft);color:var(--pcl-blue);font-style:normal;font-size:12px;font-weight:950;display:flex;align-items:center;justify-content:center}.pcl-scan-page-v23 .pcl-scan-step-list strong{display:block;color:var(--text,#fff);font-size:13.5px}.pcl-scan-page-v23 .pcl-scan-step-list span{display:block;margin-top:4px;color:var(--text-muted,#8390a3);font-size:12px;line-height:1.45}.pcl-scan-page-v23 .pcl-scan-safe-box>span{width:42px;height:42px;border-radius:14px;background:var(--pcl-soft);color:var(--pcl-blue);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pcl-scan-page-v23 .pcl-scan-loading{padding:24px;margin-bottom:18px}.pcl-scan-page-v23 .pcl-loading-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.pcl-scan-page-v23 .pcl-loading-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--pcl-muted);border-top-color:var(--pcl-blue);animation:pclSpin .8s linear infinite}.pcl-scan-page-v23 .pcl-loading-head h2{margin:0;color:var(--text,#fff)}.pcl-scan-page-v23 .pcl-loading-head p{margin:5px 0 0;color:var(--text-secondary,#aab4c3);font-size:13px}.pcl-scan-page-v23 .pcl-loading-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pcl-scan-page-v23 .pcl-loading-steps li{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--pcl-line);border-radius:13px;background:var(--pcl-muted);color:var(--text-muted,#8390a3);font-size:12px;font-weight:850}.pcl-scan-page-v23 .pcl-loading-steps li.is-done{color:var(--text,#fff);border-color:color-mix(in srgb,var(--pcl-blue) 44%,var(--pcl-line))}.pcl-scan-page-v23 .pcl-loading-steps li.is-done i{color:var(--pcl-blue)}
.pcl-scan-page-v23 .pcl-result-shell{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start}.pcl-scan-page-v23 .pcl-result-main{display:grid;gap:14px;min-width:0}.pcl-scan-page-v23 .pcl-result-sidebar{display:grid;gap:18px;position:sticky;top:18px}.pcl-scan-page-v23 .pcl-result-toolbar{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pcl-scan-page-v23 .pcl-result-toolbar h1{margin:7px 0 0;color:var(--text,#fff);font-size:clamp(25px,3vw,36px);line-height:1;letter-spacing:-.065em}.pcl-scan-page-v23 .pcl-result-toolbar p{margin:7px 0 0;color:var(--text-muted,#8390a3);font-size:12.5px}.pcl-scan-page-v23 .pcl-fingerprint{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;color:var(--text-secondary,#aab4c3)!important}.pcl-scan-page-v23 .pcl-result-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.pcl-scan-page-v23 .pcl-result-actions{grid-template-columns:1fr 1fr}.pcl-scan-page-v23 .pcl-tab-panel{display:grid;gap:14px}.pcl-scan-page-v23 .pcl-tab-panel[hidden]{display:none!important}.pcl-scan-page-v23 .pcl-result-section{padding:22px}.pcl-scan-page-v23 .pcl-result-section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pcl-scan-page-v23 .pcl-result-section-title>i{width:42px;height:42px;border-radius:14px;background:var(--pcl-soft);color:var(--pcl-blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.pcl-scan-page-v23 .pcl-result-section-title span{display:block;color:var(--text-muted,#8390a3);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.pcl-scan-page-v23 .pcl-result-section-title h2{margin:5px 0 0;color:var(--text,#fff);font-size:20px;line-height:1.05;letter-spacing:-.055em}.pcl-scan-page-v23 .pcl-result-section p{color:var(--text-secondary,#aab4c3);font-size:13.5px;line-height:1.65;margin:0 0 16px}.pcl-scan-page-v23 .pcl-spec-category-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pcl-scan-page-v23 .pcl-wide-section{grid-column:1/-1}.pcl-scan-page-v23 .pcl-result-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pcl-scan-page-v23 .pcl-result-spec-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:5px 11px;padding:17px;border:1px solid var(--pcl-line);border-radius:18px;background:linear-gradient(180deg,var(--pcl-muted),color-mix(in srgb,var(--pcl-card) 94%,var(--pcl-blue) 6%));min-height:128px}.pcl-scan-page-v23 .pcl-result-spec-grid article>i{width:38px;height:38px;border-radius:13px;background:var(--pcl-soft);color:var(--pcl-blue);display:flex;align-items:center;justify-content:center}.pcl-scan-page-v23 .pcl-result-spec-grid span{align-self:center;color:var(--text-muted,#8390a3);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.pcl-scan-page-v23 .pcl-result-spec-grid strong{grid-column:1/-1;display:block;margin-top:6px;color:var(--text,#fff);font-size:15px;line-height:1.28;letter-spacing:-.02em}.pcl-scan-page-v23 .pcl-result-spec-grid small{grid-column:1/-1;color:var(--text-muted,#8390a3);font-size:12px;line-height:1.35}.pcl-scan-page-v23 .pcl-kv-list{display:grid;gap:8px}.pcl-scan-page-v23 .pcl-kv-list div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border:1px solid var(--pcl-line);border-radius:13px;background:var(--pcl-muted)}.pcl-scan-page-v23 .pcl-kv-list span{color:var(--text-muted,#8390a3);font-size:12.5px;font-weight:800}.pcl-scan-page-v23 .pcl-kv-list b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text,#fff);font-size:12.5px;text-align:right;line-height:1.35}.pcl-scan-page-v23 .pcl-module-table{display:grid;gap:9px}.pcl-scan-page-v23 .pcl-module-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px;border:1px solid var(--pcl-line);border-radius:15px;background:var(--pcl-muted)}.pcl-scan-page-v23 .pcl-module-row b{grid-column:1/-1;color:var(--text,#fff)}.pcl-scan-page-v23 .pcl-module-row span{color:var(--text-secondary,#aab4c3);font-size:12px}.pcl-scan-page-v23 .pcl-storage-list{display:grid;gap:10px}.pcl-scan-page-v23 .pcl-storage-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 13px 20px;border:1px solid var(--pcl-line);border-radius:15px;background:var(--pcl-muted)}.pcl-scan-page-v23 .pcl-storage-row b{display:block;color:var(--text,#fff)}.pcl-scan-page-v23 .pcl-storage-row span,.pcl-scan-page-v23 .pcl-storage-row small{color:var(--text-muted,#8390a3);font-size:12px}.pcl-scan-page-v23 .pcl-storage-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text,#fff);font-size:12px}.pcl-scan-page-v23 .pcl-storage-bar{position:absolute;left:13px;right:13px;bottom:9px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--pcl-muted) 70%,#fff 10%);overflow:hidden}.pcl-scan-page-v23 .pcl-storage-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pcl-blue),#55d6a6)}
.pcl-scan-page-v23 .pcl-score-card{padding:22px}.pcl-scan-page-v23 .pcl-score-head,.pcl-scan-page-v23 .pcl-mini-top-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.pcl-scan-page-v23 .pcl-score-head strong,.pcl-scan-page-v23 .pcl-mini-top-head strong{color:var(--text,#fff);font-size:17px;letter-spacing:-.035em}.pcl-scan-page-v23 .pcl-score-head span{width:20px;height:20px;border-radius:50%;border:1px solid var(--pcl-line);color:var(--text-muted,#8390a3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.pcl-scan-page-v23 .pcl-score-body{display:grid;grid-template-columns:156px minmax(0,1fr);gap:20px;align-items:center}.pcl-scan-page-v23 .pcl-score-gauge{--score-pct:0%;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--pcl-card) 0 57%,transparent 58%),conic-gradient(#56d99f var(--score-pct),rgba(79,124,255,.18) 0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 34px rgba(2,6,23,.12)}.pcl-scan-page-v23 .pcl-score-gauge b{color:var(--text,#fff);font-size:44px;font-weight:950;letter-spacing:-.08em;line-height:.9}.pcl-scan-page-v23 .pcl-score-gauge small{display:block;margin-top:8px;color:var(--text-secondary,#aab4c3);font-size:12px}.pcl-scan-page-v23 .pcl-score-bars{display:grid;gap:13px}.pcl-scan-page-v23 .pcl-score-bars div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.pcl-scan-page-v23 .pcl-score-bars span{color:var(--text-secondary,#aab4c3);font-size:12px}.pcl-scan-page-v23 .pcl-score-bars b{color:var(--text,#fff);font-size:12px}.pcl-scan-page-v23 .pcl-score-bars i{grid-column:1/-1;display:block;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--pcl-blue),#4fddad);box-shadow:0 0 14px rgba(79,124,255,.32)}
.pcl-scan-page-v23 .pcl-mini-top-card{padding:22px}.pcl-scan-page-v23 .pcl-mini-top-head a{font-size:12px;font-weight:900;color:var(--pcl-blue);text-decoration:none}.pcl-scan-page-v23 .pcl-mini-top-list{display:grid;gap:10px}.pcl-scan-page-v23 .pcl-mini-top-list article{display:grid;grid-template-columns:24px 42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--pcl-line);border-radius:15px;background:var(--pcl-muted)}.pcl-scan-page-v23 .pcl-mini-top-list em{font-style:normal;color:var(--text,#fff);font-size:18px;font-weight:950}.pcl-scan-page-v23 .pcl-mini-thumb{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--pcl-soft);color:var(--pcl-blue)}.pcl-scan-page-v23 .pcl-mini-top-list strong{display:block;color:var(--text,#fff);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-page-v23 .pcl-mini-top-list small{display:block;margin-top:3px;color:var(--text-muted,#8390a3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-page-v23 .pcl-mini-top-list b{color:var(--pcl-blue);font-size:13px;font-weight:950}.pcl-scan-page-v23 .pcl-mini-top-button{margin-top:12px;min-height:42px;border:1px solid var(--pcl-line);border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary,#aab4c3);text-decoration:none;font-weight:900;font-size:13px;background:transparent}.pcl-scan-page-v23 .pcl-result-note-strip{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px 16px;color:var(--text-muted,#8390a3);font-size:12px}.pcl-scan-page-v23 .pcl-result-note-strip i{display:flex;color:var(--text-muted,#8390a3)}
.pcl-scan-page-v23 .pcl-optimization-summary,.pcl-scan-page-v23 .pcl-cleaning-summary{background:radial-gradient(circle at 0 0,rgba(79,124,255,.14),transparent 36%),linear-gradient(180deg,var(--pcl-card),var(--pcl-muted))}.pcl-scan-page-v23 .pcl-optimization-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.pcl-scan-page-v23 .pcl-optimization-metrics article{padding:15px;border:1px solid var(--pcl-line);border-radius:16px;background:var(--pcl-muted)}.pcl-scan-page-v23 .pcl-optimization-metrics span{display:block;color:var(--text-muted,#8390a3);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.pcl-scan-page-v23 .pcl-optimization-metrics strong{display:block;margin-top:6px;color:var(--text,#fff);font-size:24px;font-weight:950;letter-spacing:-.055em}.pcl-scan-page-v23 .pcl-rec-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcl-scan-page-v23 .pcl-rec-cards article{border:1px solid var(--pcl-line);border-left:4px solid var(--pcl-blue);border-radius:15px;background:var(--pcl-muted);padding:14px;display:grid;gap:5px}.pcl-scan-page-v23 .pcl-rec-cards b{color:var(--pcl-blue);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.pcl-scan-page-v23 .pcl-rec-cards span{color:var(--text-secondary,#aab4c3);font-size:13px;line-height:1.45}.pcl-scan-page-v23 .pcl-cleaning-list{display:grid;gap:10px}.pcl-scan-page-v23 .pcl-cleaning-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--pcl-line);border-radius:15px;background:var(--pcl-muted)}.pcl-scan-page-v23 .pcl-cleaning-list b{display:block;color:var(--text,#fff);font-size:14px}.pcl-scan-page-v23 .pcl-cleaning-list span{display:block;margin-top:4px;color:var(--text-secondary,#aab4c3);font-size:13px;line-height:1.45}.pcl-scan-page-v23 .pcl-cleaning-list em{font-style:normal;font-size:10px;font-weight:950;letter-spacing:.08em;color:var(--pcl-blue);background:var(--pcl-soft);border-radius:999px;padding:7px 9px}
@media(max-width:1180px){.pcl-scan-page-v23 .pcl-scan-intro,.pcl-scan-page-v23 .pcl-scan-workspace,.pcl-scan-page-v23 .pcl-result-shell{grid-template-columns:1fr}.pcl-scan-page-v23 .pcl-scan-onboarding,.pcl-scan-page-v23 .pcl-result-sidebar{position:static}.pcl-scan-page-v23 .pcl-scan-intro-main{padding-right:300px}.pcl-scan-page-v23 .pcl-score-body{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:880px){.pcl-scan-page-v23{padding-top:20px}.pcl-scan-page-v23 .pcl-scan-intro-main{padding:26px;min-height:auto}.pcl-scan-page-v23 .pcl-scan-hero-visual{display:none}.pcl-scan-page-v23 .pcl-scan-hero-features,.pcl-scan-page-v23 .pcl-scan-category-grid,.pcl-scan-page-v23 .pcl-advice-grid,.pcl-scan-page-v23 .pcl-result-spec-grid,.pcl-scan-page-v23 .pcl-spec-category-layout,.pcl-scan-page-v23 .pcl-rec-cards,.pcl-scan-page-v23 .pcl-optimization-metrics,.pcl-scan-page-v23 .pcl-loading-steps{grid-template-columns:1fr}.pcl-scan-page-v23 .pcl-main-tabs{grid-template-columns:1fr}.pcl-scan-page-v23 .pcl-scan-section-head,.pcl-scan-page-v23 .pcl-result-toolbar{display:grid}.pcl-scan-page-v23 .pcl-scan-file-meta{grid-template-columns:1fr}.pcl-scan-page-v23 .pcl-result-actions{grid-template-columns:1fr}.pcl-scan-page-v23 .pcl-score-body{grid-template-columns:1fr}.pcl-scan-page-v23 .pcl-score-gauge{margin:auto}.pcl-scan-page-v23 .pcl-storage-row{grid-template-columns:1fr}.pcl-scan-page-v23 .pcl-module-row{grid-template-columns:1fr}.pcl-scan-page-v23 .pcl-mini-top-list article{grid-template-columns:24px 42px minmax(0,1fr)}}

/* PCLab scanned PC tops page v22/v23 polish */
.pcl-scan-tops-v22{padding-top:30px;padding-bottom:82px}.pcl-scan-tops-v22 .pcl-scan-rank-hero,.pcl-scan-tops-v22 .pcl-scan-top-empty,.pcl-scan-tops-v22 .pcl-scan-rank-board,.pcl-scan-tops-v22 .pcl-scan-components-board,.pcl-scan-tops-v22 .pcl-scan-latest-board{background:linear-gradient(180deg,var(--bg-elevated),var(--bg-muted));border:1px solid var(--border);border-radius:28px;box-shadow:0 18px 55px rgba(2,6,23,.08)}[data-theme="dark"] .pcl-scan-tops-v22 .pcl-scan-rank-hero,[data-theme="dark"] .pcl-scan-tops-v22 .pcl-scan-top-empty,[data-theme="dark"] .pcl-scan-tops-v22 .pcl-scan-rank-board,[data-theme="dark"] .pcl-scan-tops-v22 .pcl-scan-components-board,[data-theme="dark"] .pcl-scan-tops-v22 .pcl-scan-latest-board{background:linear-gradient(180deg,rgba(19,25,35,.94),rgba(13,18,27,.96));box-shadow:0 20px 70px rgba(0,0,0,.25)}.pcl-scan-tops-v22 .pcl-scan-rank-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;margin-bottom:18px;overflow:hidden;position:relative}.pcl-scan-tops-v22 .pcl-scan-rank-hero:after{content:"";position:absolute;right:-90px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(79,124,255,.24),transparent 68%);pointer-events:none}.pcl-scan-tops-v22 .pcl-scan-rank-hero h1{margin:12px 0 0;color:var(--text);font-size:clamp(34px,4vw,58px);line-height:.96;letter-spacing:-.075em}.pcl-scan-tops-v22 .pcl-scan-rank-hero p{margin:14px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.65;max-width:760px}.pcl-scan-tops-v22 .pcl-scan-top-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.pcl-scan-tops-v22 .pcl-scan-top-summary-grid article{padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-muted));display:grid;gap:8px}.pcl-scan-tops-v22 .pcl-scan-top-summary-grid i{width:42px;height:42px;border-radius:14px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center}.pcl-scan-tops-v22 .pcl-scan-top-summary-grid span{font-size:11px;color:var(--text-muted);font-weight:950;text-transform:uppercase;letter-spacing:.08em}.pcl-scan-tops-v22 .pcl-scan-top-summary-grid strong{color:var(--text);font-size:28px;font-weight:950;letter-spacing:-.06em}.pcl-scan-tops-v22 .pcl-scan-rank-board,.pcl-scan-tops-v22 .pcl-scan-components-board,.pcl-scan-tops-v22 .pcl-scan-latest-board{padding:24px;margin-bottom:18px}.pcl-scan-tops-v22 .pcl-section-headline{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.pcl-scan-tops-v22 .pcl-section-headline span{display:block;color:var(--brand);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.pcl-scan-tops-v22 .pcl-section-headline h2{margin:5px 0 0;color:var(--text);font-size:26px;letter-spacing:-.06em}.pcl-scan-tops-v22 .pcl-section-headline p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.pcl-scan-tops-v22 .pcl-scan-rank-list{display:grid;gap:10px}.pcl-scan-tops-v22 .pcl-scan-rank-list article{display:grid;grid-template-columns:52px 52px minmax(0,1fr) 86px;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--bg-muted);transition:transform .16s,border-color .16s}.pcl-scan-tops-v22 .pcl-scan-rank-list article:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 38%,var(--border))}.pcl-scan-tops-v22 .pcl-scan-rank-list article.is-winner{background:radial-gradient(circle at 0 0,rgba(79,124,255,.18),transparent 34%),var(--bg-muted);border-color:color-mix(in srgb,var(--brand) 42%,var(--border))}.pcl-scan-tops-v22 .pcl-rank-number{color:var(--text);font-size:20px;font-weight:950}.pcl-scan-tops-v22 .pcl-rank-icon{width:52px;height:52px;border-radius:17px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center}.pcl-scan-tops-v22 .pcl-rank-main{min-width:0}.pcl-scan-tops-v22 .pcl-rank-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pcl-scan-tops-v22 .pcl-rank-title-row strong{color:var(--text);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-tops-v22 .pcl-rank-title-row time{color:var(--text-muted);font-size:12px;white-space:nowrap}.pcl-scan-tops-v22 .pcl-rank-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.pcl-scan-tops-v22 .pcl-rank-specs span{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-tops-v22 .pcl-rank-specs svg{color:var(--brand);flex:0 0 auto}.pcl-scan-tops-v22 .pcl-rank-score{text-align:right}.pcl-scan-tops-v22 .pcl-rank-score span{display:block;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.pcl-scan-tops-v22 .pcl-rank-score b{display:block;margin-top:4px;color:var(--brand);font-size:22px;font-weight:950;letter-spacing:-.05em}.pcl-scan-tops-v22 .pcl-scan-components-grid-v22{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pcl-scan-tops-v22 .pcl-scan-component-card-v22{padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--bg-muted)}.pcl-scan-tops-v22 .pcl-component-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pcl-scan-tops-v22 .pcl-component-card-head i{width:40px;height:40px;border-radius:14px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center}.pcl-scan-tops-v22 .pcl-component-card-head span{display:block;color:var(--brand);font-size:10px;font-weight:950;letter-spacing:.1em}.pcl-scan-tops-v22 .pcl-component-card-head h3{margin:4px 0 0;color:var(--text);font-size:16px;letter-spacing:-.04em}.pcl-scan-tops-v22 .pcl-scan-component-list-v22{display:grid;gap:8px}.pcl-scan-tops-v22 .pcl-scan-component-list-v22 article{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-radius:13px;background:var(--bg-elevated);border:1px solid var(--border)}.pcl-scan-tops-v22 .pcl-scan-component-list-v22 em{font-style:normal;color:var(--brand);font-weight:950}.pcl-scan-tops-v22 .pcl-scan-component-list-v22 span{color:var(--text);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-tops-v22 .pcl-scan-component-list-v22 b{color:var(--text-muted);font-size:12px}.pcl-scan-tops-v22 .pcl-scan-latest-table{display:grid;gap:9px}.pcl-scan-tops-v22 .pcl-scan-latest-table article{display:grid;grid-template-columns:120px minmax(0,1fr) 1fr 1fr 90px;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--bg-muted)}.pcl-scan-tops-v22 .pcl-scan-latest-table time{color:var(--text-muted);font-size:12px}.pcl-scan-tops-v22 .pcl-scan-latest-table strong{color:var(--text);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-tops-v22 .pcl-scan-latest-table span{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-tops-v22 .pcl-scan-latest-table svg{color:var(--brand);flex:0 0 auto}.pcl-scan-tops-v22 .pcl-scan-latest-table b{text-align:right;color:var(--text);font-size:12px}.pcl-scan-tops-v22 .pcl-scan-top-empty{padding:50px 28px;text-align:center}.pcl-scan-tops-v22 .pcl-scan-top-empty i{width:64px;height:64px;margin:0 auto 16px;border-radius:20px;background:var(--brand-subtle);color:var(--brand);display:flex;align-items:center;justify-content:center}.pcl-scan-tops-v22 .pcl-scan-top-empty strong{display:block;color:var(--text);font-size:24px;font-weight:950;letter-spacing:-.04em}.pcl-scan-tops-v22 .pcl-scan-top-empty p{max-width:580px;margin:10px auto 20px;color:var(--text-secondary);line-height:1.6}
@media(max-width:1100px){.pcl-scan-tops-v22 .pcl-scan-top-summary-grid,.pcl-scan-tops-v22 .pcl-scan-components-grid-v22{grid-template-columns:repeat(2,minmax(0,1fr))}.pcl-scan-tops-v22 .pcl-rank-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.pcl-scan-tops-v22 .pcl-scan-latest-table article{grid-template-columns:1fr 1fr}.pcl-scan-tops-v22 .pcl-scan-latest-table b{text-align:left}}
@media(max-width:760px){.pcl-scan-tops-v22 .pcl-scan-rank-hero{display:grid;padding:24px}.pcl-scan-tops-v22 .pcl-scan-top-summary-grid,.pcl-scan-tops-v22 .pcl-scan-components-grid-v22{grid-template-columns:1fr}.pcl-scan-tops-v22 .pcl-section-headline{display:grid}.pcl-scan-tops-v22 .pcl-scan-rank-list article{grid-template-columns:40px minmax(0,1fr);gap:10px}.pcl-scan-tops-v22 .pcl-rank-icon{display:none}.pcl-scan-tops-v22 .pcl-rank-score{grid-column:1/-1;text-align:left}.pcl-scan-tops-v22 .pcl-rank-specs{grid-template-columns:1fr}.pcl-scan-tops-v22 .pcl-scan-latest-table article{grid-template-columns:1fr}}
.pcl-scan-page-v23 .pcl-score-gauge{--score-pct:inherit}

/* PCLab scanner v24 — calmer, category-first dashboard */
.pcl-scan-page-v24{--pcl-v24-card:rgba(17,22,31,.92);--pcl-v24-card2:rgba(21,27,38,.86);--pcl-v24-line:rgba(148,163,184,.16);--pcl-v24-muted:rgba(148,163,184,.72);--pcl-v24-soft:rgba(79,124,255,.11);--pcl-v24-blue:var(--brand,#4f7cff);padding-top:28px;padding-bottom:72px}
.pcl-scan-page-v24 .pcl-scan-intro,.pcl-scan-page-v24 .pcl-scan-workspace,.pcl-scan-page-v24 .pcl-scan-loading,.pcl-scan-page-v24 .pcl-scan-results{max-width:1240px}
.pcl-scan-page-v24 .pcl-scan-intro-main,.pcl-scan-page-v24 .pcl-scan-download-card,.pcl-scan-page-v24 .pcl-scan-section-card,.pcl-scan-page-v24 .pcl-scan-side-block,.pcl-scan-page-v24 .pcl-scan-loading,.pcl-scan-page-v24 .pcl-result-toolbar,.pcl-scan-page-v24 .pcl-result-section,.pcl-scan-page-v24 .pcl-score-card,.pcl-scan-page-v24 .pcl-mini-top-card,.pcl-scan-page-v24 .pcl-result-note-strip,.pcl-scan-page-v24 .pcl-spec-browser{background:var(--pcl-v24-card);border:1px solid var(--pcl-v24-line);border-radius:22px;box-shadow:none}
[data-theme="dark"] .pcl-scan-page-v24 .pcl-scan-intro-main,[data-theme="dark"] .pcl-scan-page-v24 .pcl-scan-download-card,[data-theme="dark"] .pcl-scan-page-v24 .pcl-scan-section-card,[data-theme="dark"] .pcl-scan-page-v24 .pcl-scan-side-block,[data-theme="dark"] .pcl-scan-page-v24 .pcl-scan-loading,[data-theme="dark"] .pcl-scan-page-v24 .pcl-result-toolbar,[data-theme="dark"] .pcl-scan-page-v24 .pcl-result-section,[data-theme="dark"] .pcl-scan-page-v24 .pcl-score-card,[data-theme="dark"] .pcl-scan-page-v24 .pcl-mini-top-card,[data-theme="dark"] .pcl-scan-page-v24 .pcl-result-note-strip,[data-theme="dark"] .pcl-scan-page-v24 .pcl-spec-browser{background:linear-gradient(180deg,rgba(18,24,34,.96),rgba(13,18,27,.96));box-shadow:none}

/* Result page: keep everything compact and avoid the never-ending one-page feeling. */
.pcl-scan-page-v24 .pcl-result-shell{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}
.pcl-scan-page-v24 .pcl-result-main{display:grid;gap:12px;min-width:0}
.pcl-scan-page-v24 .pcl-result-sidebar{display:grid;gap:12px;position:static;top:auto}
.pcl-scan-page-v24 .pcl-result-toolbar{padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.pcl-scan-page-v24 .pcl-result-toolbar h1{margin:6px 0 0;font-size:clamp(24px,2.8vw,34px);line-height:1.02;letter-spacing:-.055em;color:var(--text,#fff)}
.pcl-scan-page-v24 .pcl-result-toolbar p{margin:6px 0 0;max-width:760px;color:var(--text-muted,#8390a3);font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcl-scan-page-v24 .pcl-fingerprint{max-width:760px;font-size:12px!important;opacity:.9}
.pcl-scan-page-v24 .pcl-result-actions{display:grid;grid-template-columns:auto auto;gap:9px;margin:0}
.pcl-scan-page-v24 .pcl-result-actions a,.pcl-scan-page-v24 .pcl-result-actions button{min-height:40px!important;padding:0 14px!important;border-radius:12px!important;font-size:13px!important;white-space:nowrap}

.pcl-scan-page-v24 .pcl-main-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.pcl-scan-page-v24 .pcl-main-tabs button{min-height:50px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line);box-shadow:none;color:var(--text-secondary,#aab4c3);font-weight:850;font-size:14px}
.pcl-scan-page-v24 .pcl-main-tabs button:hover{transform:none;color:var(--text,#fff);border-color:rgba(79,124,255,.38)}
.pcl-scan-page-v24 .pcl-main-tabs button.is-active{background:var(--pcl-v24-soft);border-color:rgba(79,124,255,.5);color:var(--text,#fff)}
.pcl-scan-page-v24 .pcl-main-tabs button.is-active:after{left:14px;right:14px;height:3px;box-shadow:none}

/* Top specification overview: quick glance only, not full detail. */
.pcl-scan-page-v24 .pcl-result-section{padding:18px}
.pcl-scan-page-v24 .pcl-result-section-title{gap:10px;margin-bottom:14px}
.pcl-scan-page-v24 .pcl-result-section-title>i{width:36px;height:36px;border-radius:12px;background:var(--pcl-v24-soft);color:var(--pcl-v24-blue)}
.pcl-scan-page-v24 .pcl-result-section-title span{font-size:10px;letter-spacing:.1em;color:var(--text-muted,#8390a3)}
.pcl-scan-page-v24 .pcl-result-section-title h2{font-size:18px;letter-spacing:-.04em;margin-top:3px}
.pcl-scan-page-v24 .pcl-spec-summary-section{padding-bottom:16px}
.pcl-scan-page-v24 .pcl-result-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pcl-scan-page-v24 .pcl-result-spec-grid article{min-height:88px;padding:12px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 10px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line);box-shadow:none}
.pcl-scan-page-v24 .pcl-result-spec-grid article>i{width:32px;height:32px;border-radius:10px;background:var(--pcl-v24-soft);color:var(--pcl-v24-blue)}
.pcl-scan-page-v24 .pcl-result-spec-grid span{align-self:center;font-size:10px;color:var(--text-muted,#8390a3);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pcl-scan-page-v24 .pcl-result-spec-grid strong{grid-column:1/-1;margin-top:6px;font-size:14px;line-height:1.18;color:var(--text,#fff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.02em}
.pcl-scan-page-v24 .pcl-result-spec-grid small{grid-column:1/-1;font-size:11.5px;line-height:1.3;color:var(--text-muted,#8390a3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Inner category navigator — only one detailed component is shown at once. */
.pcl-scan-page-v24 .pcl-spec-browser{padding:18px;display:grid;gap:14px}
.pcl-scan-page-v24 .pcl-spec-browser-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.pcl-scan-page-v24 .pcl-spec-browser-head span{display:block;color:var(--pcl-v24-blue);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}
.pcl-scan-page-v24 .pcl-spec-browser-head h2{margin:4px 0 0;color:var(--text,#fff);font-size:20px;letter-spacing:-.045em;line-height:1.05}
.pcl-scan-page-v24 .pcl-spec-browser-head p{margin:0;max-width:500px;color:var(--text-muted,#8390a3);font-size:12.5px;line-height:1.45}
.pcl-scan-page-v24 .pcl-spec-subtabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pcl-scan-page-v24 .pcl-spec-subtabs button{height:44px;border:1px solid var(--pcl-v24-line);border-radius:13px;background:rgba(255,255,255,.03);color:var(--text-muted,#8390a3);display:flex;align-items:center;justify-content:center;gap:7px;font:850 12.5px/1 var(--font-sans,Inter,system-ui,sans-serif);cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.pcl-scan-page-v24 .pcl-spec-subtabs button:hover{border-color:rgba(79,124,255,.35);color:var(--text,#fff)}
.pcl-scan-page-v24 .pcl-spec-subtabs button.is-active{background:var(--pcl-v24-soft);border-color:rgba(79,124,255,.55);color:var(--text,#fff)}
.pcl-scan-page-v24 .pcl-spec-subtabs i{display:flex;color:var(--pcl-v24-blue)}
.pcl-scan-page-v24 .pcl-spec-category-layout{display:block!important}
.pcl-scan-page-v24 .pcl-spec-panel{margin:0;animation:pclSpecFade .14s ease both}
.pcl-scan-page-v24 .pcl-spec-panel[hidden]{display:none!important}
@keyframes pclSpecFade{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
.pcl-scan-page-v24 .pcl-panel-divider{height:1px;background:var(--pcl-v24-line);margin:14px 0}

/* Details inside one selected category. */
.pcl-scan-page-v24 .pcl-kv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pcl-scan-page-v24 .pcl-kv-list div{min-height:42px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line);gap:12px}
.pcl-scan-page-v24 .pcl-kv-list span{font-size:12px;color:var(--text-muted,#8390a3);font-weight:800}
.pcl-scan-page-v24 .pcl-kv-list b{font-size:12px;color:var(--text,#fff);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right;line-height:1.25;word-break:break-word}
.pcl-scan-page-v24 .pcl-module-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:300px;overflow:auto;padding-right:2px}
.pcl-scan-page-v24 .pcl-module-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line)}
.pcl-scan-page-v24 .pcl-module-row b{grid-column:1/-1;font-size:13px;color:var(--text,#fff)}
.pcl-scan-page-v24 .pcl-module-row span{font-size:11.5px;color:var(--text-secondary,#aab4c3)}
.pcl-scan-page-v24 .pcl-storage-list{display:grid;gap:8px;max-height:410px;overflow:auto;padding-right:2px}
.pcl-scan-page-v24 .pcl-storage-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:12px 12px 18px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line)}
.pcl-scan-page-v24 .pcl-storage-row b{font-size:13px;color:var(--text,#fff)}
.pcl-scan-page-v24 .pcl-storage-row strong{font-size:12px;color:var(--text,#fff)}
.pcl-scan-page-v24 .pcl-storage-row span,.pcl-scan-page-v24 .pcl-storage-row small{font-size:11.5px;color:var(--text-muted,#8390a3)}
.pcl-scan-page-v24 .pcl-storage-bar{left:12px;right:12px;bottom:8px;height:3px;background:rgba(148,163,184,.16)}

/* Right column — useful, but not visually fighting the main content. */
.pcl-scan-page-v24 .pcl-score-card,.pcl-scan-page-v24 .pcl-mini-top-card{padding:18px;border-radius:22px}
.pcl-scan-page-v24 .pcl-score-head,.pcl-scan-page-v24 .pcl-mini-top-head{margin-bottom:14px}
.pcl-scan-page-v24 .pcl-score-head strong,.pcl-scan-page-v24 .pcl-mini-top-head strong{font-size:15px;color:var(--text,#fff)}
.pcl-scan-page-v24 .pcl-score-body{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center}
.pcl-scan-page-v24 .pcl-score-gauge{width:108px;height:108px;background:radial-gradient(circle at center,var(--pcl-v24-card) 0 58%,transparent 59%),conic-gradient(#56d99f var(--score-pct),rgba(79,124,255,.16) 0);box-shadow:none}
.pcl-scan-page-v24 .pcl-score-gauge b{font-size:30px;line-height:.9}
.pcl-scan-page-v24 .pcl-score-gauge small{font-size:11px;margin-top:6px;color:var(--text-muted,#8390a3)}
.pcl-scan-page-v24 .pcl-score-bars{gap:9px}
.pcl-scan-page-v24 .pcl-score-bars div{gap:5px}
.pcl-scan-page-v24 .pcl-score-bars span,.pcl-scan-page-v24 .pcl-score-bars b{font-size:11.5px}
.pcl-scan-page-v24 .pcl-score-bars i{height:3px;box-shadow:none;background:linear-gradient(90deg,var(--pcl-v24-blue),#56d99f)}
.pcl-scan-page-v24 .pcl-mini-top-list{gap:8px}
.pcl-scan-page-v24 .pcl-mini-top-list article{grid-template-columns:22px 36px minmax(0,1fr) auto;padding:9px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line)}
.pcl-scan-page-v24 .pcl-mini-thumb{width:36px;height:36px;border-radius:11px;background:var(--pcl-v24-soft)}
.pcl-scan-page-v24 .pcl-mini-top-list em{font-size:16px}
.pcl-scan-page-v24 .pcl-mini-top-list strong{font-size:12.5px}
.pcl-scan-page-v24 .pcl-mini-top-list small{font-size:11px}
.pcl-scan-page-v24 .pcl-mini-top-list b{font-size:12px}
.pcl-scan-page-v24 .pcl-mini-top-button{min-height:38px;border-radius:12px;font-size:12.5px}

/* Optimization / cleanup tabs: cleaner cards, less visual noise. */
.pcl-scan-page-v24 .pcl-optimization-summary,.pcl-scan-page-v24 .pcl-cleaning-summary{background:var(--pcl-v24-card)}
.pcl-scan-page-v24 .pcl-optimization-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.pcl-scan-page-v24 .pcl-optimization-metrics article,.pcl-scan-page-v24 .pcl-rec-cards article,.pcl-scan-page-v24 .pcl-cleaning-list article,.pcl-scan-page-v24 .pcl-advice-grid article{background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line);border-radius:14px;box-shadow:none}
.pcl-scan-page-v24 .pcl-optimization-metrics article{padding:12px}
.pcl-scan-page-v24 .pcl-optimization-metrics strong{font-size:20px}
.pcl-scan-page-v24 .pcl-rec-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pcl-scan-page-v24 .pcl-rec-cards article{border-left:3px solid var(--pcl-v24-blue);padding:12px}
.pcl-scan-page-v24 .pcl-advice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pcl-scan-page-v24 .pcl-advice-grid i{width:34px;height:34px;border-radius:11px;margin-bottom:9px}
.pcl-scan-page-v24 .pcl-advice-grid strong{font-size:13px}
.pcl-scan-page-v24 .pcl-advice-grid span{font-size:12px}
.pcl-scan-page-v24 .pcl-cleaning-list{gap:8px}
.pcl-scan-page-v24 .pcl-cleaning-list article{padding:12px}
.pcl-scan-page-v24 .pcl-result-note-strip{margin-top:12px;padding:12px 14px;font-size:12px;color:var(--text-muted,#8390a3)}

@media(max-width:1180px){
  .pcl-scan-page-v24 .pcl-result-shell,.pcl-scan-page-v24 .pcl-scan-intro,.pcl-scan-page-v24 .pcl-scan-workspace{grid-template-columns:1fr}
  .pcl-scan-page-v24 .pcl-result-sidebar{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .pcl-scan-page-v24 .pcl-result-toolbar{grid-template-columns:1fr}
  .pcl-scan-page-v24 .pcl-result-toolbar p{white-space:normal}
  .pcl-scan-page-v24 .pcl-result-actions{grid-template-columns:1fr 1fr}
  .pcl-scan-page-v24 .pcl-result-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcl-scan-page-v24 .pcl-spec-browser-head{display:grid}
  .pcl-scan-page-v24 .pcl-spec-subtabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pcl-scan-page-v24 .pcl-kv-list,.pcl-scan-page-v24 .pcl-module-table,.pcl-scan-page-v24 .pcl-advice-grid,.pcl-scan-page-v24 .pcl-rec-cards,.pcl-scan-page-v24 .pcl-result-sidebar{grid-template-columns:1fr}
}
@media(max-width:560px){
  .pcl-scan-page-v24 .pcl-main-tabs,.pcl-scan-page-v24 .pcl-result-spec-grid,.pcl-scan-page-v24 .pcl-spec-subtabs{grid-template-columns:1fr}
  .pcl-scan-page-v24 .pcl-result-actions{grid-template-columns:1fr}
  .pcl-scan-page-v24 .pcl-score-body{grid-template-columns:1fr}.pcl-scan-page-v24 .pcl-score-gauge{margin:auto}
}

/* PCLab scanner v25 — account-first, less clutter, action-based diagnostics */
.pcl-scan-page-v25{max-width:1240px}
.pcl-scan-page-v25 .pcl-client-auth-gate{max-width:1240px;margin:18px auto;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border:1px solid var(--pcl-v24-line);border-radius:22px;background:linear-gradient(180deg,rgba(18,24,34,.98),rgba(13,18,27,.98));box-shadow:none}
.pcl-scan-page-v25 .pcl-auth-gate-icon{width:64px;height:64px;border-radius:20px;background:rgba(79,124,255,.13);color:var(--brand);display:flex;align-items:center;justify-content:center}
.pcl-scan-page-v25 .pcl-auth-gate-copy span{display:block;color:var(--brand);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:950}
.pcl-scan-page-v25 .pcl-auth-gate-copy h2{margin:5px 0 0;color:var(--text);font-size:24px;line-height:1.08;letter-spacing:-.05em}
.pcl-scan-page-v25 .pcl-auth-gate-copy p{margin:8px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55;max-width:740px}
.pcl-scan-page-v25 .pcl-auth-gate-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.pcl-scan-page-v25 .pcl-auth-gate-actions a{text-decoration:none;min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;font-weight:900}
.pcl-scan-page-v25 .pcl-result-tools{display:grid;gap:8px;justify-items:end}.pcl-scan-page-v25 .pcl-result-status{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--pcl-v24-line);background:rgba(79,124,255,.08);color:var(--text-secondary);font-size:12px;font-weight:850;white-space:nowrap}.pcl-scan-page-v25 .pcl-result-status[data-state="saved"]{background:rgba(86,217,159,.12);border-color:rgba(86,217,159,.35);color:#56d99f}.pcl-scan-page-v25 .pcl-result-status[data-state="error"]{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.35);color:#f87171}.pcl-scan-page-v25 .pcl-result-status[data-state="saving"]{background:rgba(79,124,255,.13);border-color:rgba(79,124,255,.32);color:var(--brand)}
.pcl-scan-page-v25 .pcl-result-toolbar{align-items:start}.pcl-scan-page-v25 .pcl-result-toolbar h1{font-size:clamp(22px,2.4vw,30px)}
.pcl-scan-page-v25 .pcl-result-shell{grid-template-columns:minmax(0,1fr) 318px;gap:14px}.pcl-scan-page-v25 .pcl-result-main{gap:10px}.pcl-scan-page-v25 .pcl-result-sidebar{gap:10px}.pcl-scan-page-v25 .pcl-main-tabs{gap:7px}.pcl-scan-page-v25 .pcl-main-tabs button{min-height:46px;border-radius:14px;font-size:13.5px}
.pcl-scan-page-v25 .pcl-spec-summary-section{padding:14px}.pcl-scan-page-v25 .pcl-result-section-title{margin-bottom:12px}.pcl-scan-page-v25 .pcl-result-section-title>i{width:34px;height:34px}.pcl-scan-page-v25 .pcl-result-section-title h2{font-size:17px}.pcl-scan-page-v25 .pcl-result-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pcl-scan-page-v25 .pcl-result-spec-grid article{min-height:78px;padding:11px;border-radius:14px}.pcl-scan-page-v25 .pcl-result-spec-grid article>i{width:30px;height:30px}.pcl-scan-page-v25 .pcl-result-spec-grid strong{font-size:13.5px;line-height:1.15;-webkit-line-clamp:1;white-space:normal}.pcl-scan-page-v25 .pcl-result-spec-grid small{font-size:11px}.pcl-scan-page-v25 .pcl-spec-browser{padding:14px;gap:12px}.pcl-scan-page-v25 .pcl-spec-browser-head h2{font-size:18px}.pcl-scan-page-v25 .pcl-spec-browser-head p{font-size:12px}.pcl-scan-page-v25 .pcl-spec-subtabs{gap:7px}.pcl-scan-page-v25 .pcl-spec-subtabs button{height:40px;border-radius:12px}.pcl-scan-page-v25 .pcl-spec-panel{padding:14px}.pcl-scan-page-v25 .pcl-kv-list{gap:7px}.pcl-scan-page-v25 .pcl-kv-list div{min-height:39px;padding:9px 10px}.pcl-scan-page-v25 .pcl-kv-list span{font-size:11.5px}.pcl-scan-page-v25 .pcl-kv-list b{font-size:11.5px;max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-page-v25 .pcl-module-table{max-height:240px}.pcl-scan-page-v25 .pcl-storage-list{max-height:300px}.pcl-scan-page-v25 .pcl-storage-row{padding:10px 11px 17px}
.pcl-scan-page-v25 .pcl-health-card-v25{padding:16px;border-radius:20px}.pcl-scan-page-v25 .pcl-health-v25-body{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px}.pcl-scan-page-v25 .pcl-health-v25-score{width:84px;height:84px;border-radius:24px;background:linear-gradient(135deg,rgba(79,124,255,.16),rgba(86,217,159,.12));border:1px solid rgba(148,163,184,.16);display:flex;flex-direction:column;align-items:center;justify-content:center}.pcl-scan-page-v25 .pcl-health-v25-score b{color:var(--text);font-size:28px;line-height:1;font-weight:950;letter-spacing:-.06em}.pcl-scan-page-v25 .pcl-health-v25-score small{margin-top:4px;color:var(--text-muted);font-size:10.5px;text-align:center}.pcl-scan-page-v25 .pcl-health-v25-note{color:var(--text-secondary);font-size:12px;line-height:1.45}.pcl-scan-page-v25 .pcl-score-head span{min-width:30px;height:24px;border-radius:999px;background:rgba(79,124,255,.12);display:inline-flex;align-items:center;justify-content:center;color:var(--brand);font-size:11px;font-weight:950;padding:0 8px}.pcl-scan-page-v25 .pcl-score-bars{display:grid;gap:8px}.pcl-scan-page-v25 .pcl-score-bars div{grid-template-columns:minmax(0,1fr) auto;display:grid;gap:4px}.pcl-scan-page-v25 .pcl-score-bars i{grid-column:1/-1}.pcl-scan-page-v25 .pcl-score-gauge{display:none}
.pcl-scan-page-v25 .pcl-mini-top-card{padding:16px;border-radius:20px}.pcl-scan-page-v25 .pcl-mini-top-list article{min-height:58px}.pcl-scan-page-v25 .pcl-mini-top-list article.is-current{border-color:rgba(86,217,159,.34);background:rgba(86,217,159,.08)}
.pcl-scan-page-v25 .pcl-action-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pcl-scan-page-v25 .pcl-action-board article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line)}.pcl-scan-page-v25 .pcl-action-board article[data-priority="HIGH"]{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.07)}.pcl-scan-page-v25 .pcl-action-board article[data-priority="MEDIUM"]{border-color:rgba(251,191,36,.32);background:rgba(251,191,36,.06)}.pcl-scan-page-v25 .pcl-action-icon{width:38px;height:38px;border-radius:12px;background:rgba(79,124,255,.12);display:flex;align-items:center;justify-content:center}.pcl-scan-page-v25 .pcl-action-board b{display:block;color:var(--text);font-size:13px}.pcl-scan-page-v25 .pcl-action-board span{display:block;color:var(--text-muted);font-size:11.5px;line-height:1.35;margin-top:3px}.pcl-scan-page-v25 .pcl-action-board em{font-style:normal;color:var(--text-secondary);font-size:11px;font-weight:900;text-align:right;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcl-scan-page-v25 .pcl-cleanup-targets{display:grid;gap:8px}.pcl-scan-page-v25 .pcl-cleanup-targets article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--pcl-v24-line)}.pcl-scan-page-v25 .pcl-cleanup-targets article[data-priority="HIGH"]{border-color:rgba(248,113,113,.34);background:rgba(248,113,113,.07)}.pcl-scan-page-v25 .pcl-cleanup-targets b{display:block;color:var(--text);font-size:13px}.pcl-scan-page-v25 .pcl-cleanup-targets span{display:block;margin-top:3px;color:var(--text-muted);font-size:12px;line-height:1.35}.pcl-scan-page-v25 .pcl-cleanup-targets em{font-style:normal;color:var(--text);font-size:12px;font-weight:950}.pcl-scan-page-v25 .pcl-clean-button,.pcl-scan-page-v25 .pcl-clean-manual{min-height:34px;padding:0 12px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}.pcl-scan-page-v25 .pcl-clean-button{background:var(--brand);color:white}.pcl-scan-page-v25 .pcl-clean-manual{border:1px solid var(--pcl-v24-line);color:var(--text-muted)}
@media(max-width:1180px){.pcl-scan-page-v25 .pcl-result-shell{grid-template-columns:1fr}.pcl-scan-page-v25 .pcl-result-sidebar{grid-template-columns:1fr 1fr}.pcl-scan-page-v25 .pcl-client-auth-gate{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:860px){.pcl-scan-page-v25 .pcl-result-spec-grid,.pcl-scan-page-v25 .pcl-action-board{grid-template-columns:repeat(2,minmax(0,1fr))}.pcl-scan-page-v25 .pcl-cleanup-targets article{grid-template-columns:1fr}.pcl-scan-page-v25 .pcl-client-auth-gate{grid-template-columns:1fr}.pcl-scan-page-v25 .pcl-auth-gate-actions{justify-content:flex-start}.pcl-scan-page-v25 .pcl-result-sidebar{grid-template-columns:1fr}.pcl-scan-page-v25 .pcl-kv-list b{max-width:100%;white-space:normal}}
@media(max-width:560px){.pcl-scan-page-v25 .pcl-result-spec-grid,.pcl-scan-page-v25 .pcl-action-board{grid-template-columns:1fr}.pcl-scan-page-v25 .pcl-health-v25-body{grid-template-columns:1fr}.pcl-scan-page-v25 .pcl-health-v25-score{margin:auto}.pcl-scan-page-v25 .pcl-result-tools{justify-items:stretch}.pcl-scan-page-v25 .pcl-result-status{justify-content:center}}

/* PCLab scanner v25.1 — final polish for compact cards and automatic top save */
.pcl-scan-page-v25 .pcl-result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pcl-scan-page-v25 .pcl-result-actions .btn-primary,.pcl-scan-page-v25 .pcl-result-actions .btn-outline{min-height:38px;padding:0 14px;border-radius:12px;font-size:12.5px;font-weight:900;white-space:nowrap}.pcl-scan-page-v25 .pcl-result-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.pcl-scan-page-v25 .pcl-result-spec-grid article{display:grid!important;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:start}.pcl-scan-page-v25 .pcl-result-spec-grid article>i{grid-row:1/3}.pcl-scan-page-v25 .pcl-result-spec-grid article span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-page-v25 .pcl-result-spec-grid strong{display:block!important;min-width:0;max-width:100%;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset!important;line-clamp:unset!important}.pcl-scan-page-v25 .pcl-result-spec-grid small{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-page-v25 .pcl-health-card-v25{background:linear-gradient(180deg,rgba(17,24,36,.98),rgba(12,17,26,.98));}.pcl-scan-page-v25 .pcl-health-v25-score{border-radius:20px}.pcl-scan-page-v25 .pcl-score-bars div span{font-size:11.5px}.pcl-scan-page-v25 .pcl-score-bars div b{font-size:11.5px}.pcl-scan-page-v25 .pcl-mini-top-list article div{min-width:0}.pcl-scan-page-v25 .pcl-mini-top-list article strong,.pcl-scan-page-v25 .pcl-mini-top-list article small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcl-scan-page-v25 .pcl-mini-top-list article b{white-space:nowrap}.pcl-scan-page-v25 .pcl-kv-list div{grid-template-columns:minmax(120px,.75fr) minmax(0,1fr)}.pcl-scan-page-v25 .pcl-kv-list b{min-width:0}.pcl-scan-page-v25 .pcl-action-board article div{min-width:0}.pcl-scan-page-v25 .pcl-action-board b,.pcl-scan-page-v25 .pcl-action-board span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.pcl-scan-page-v25 .pcl-cleanup-targets article div{min-width:0}.pcl-scan-page-v25 .pcl-cleanup-targets b,.pcl-scan-page-v25 .pcl-cleanup-targets span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){.pcl-scan-page-v25 .pcl-result-actions{justify-content:stretch}.pcl-scan-page-v25 .pcl-result-actions .btn-primary,.pcl-scan-page-v25 .pcl-result-actions .btn-outline{width:100%;justify-content:center}.pcl-scan-page-v25 .pcl-kv-list div{grid-template-columns:1fr}}

/* PCLab v36 — dropdowns above map */
.site-header{z-index:5000!important;}
.user-menu{position:relative;z-index:5100!important;}
.user-dropdown{z-index:6000!important;}
.notif-dropdown{position:relative;z-index:5100!important;}
.notif-panel{z-index:6000!important;}

/* PCLab v37 — user dropdown partner self-service */
.user-dropdown{min-width:260px;}
.user-dropdown-label{padding:8px 12px 4px;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:800;}
.user-dropdown a[href*="/partner/"]{padding-left:18px;}
.user-dropdown a[href$="/partner"]{padding-left:12px;font-weight:800;color:var(--brand);}