/* Femzen comparison layout.
   Loads only on comparison singles and the comparison archive.
   Category colour arrives via --fz-c from the theme's category-colors.css. */

.fzc{--fzc-line:#E8E3E6;--fzc-line-2:#F1EDEF;--fzc-panel:#fff;--fzc-sunk:#F4F1F3;
  --fzc-ink:#191317;--fzc-ink-2:#6A6066;--fzc-ink-3:#9A9098;
  --fzc-pos:#0E7A54;--fzc-neg:#B23A3A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fzc{
  --fzc-line:#2B262E;--fzc-line-2:#211D24;--fzc-panel:#171418;--fzc-sunk:#1D191F;
  --fzc-ink:#F2EEF0;--fzc-ink-2:#A79DA4;--fzc-ink-3:#787077;
  --fzc-pos:#5FD3A2;--fzc-neg:#F09595}}
:root[data-theme="dark"] .fzc{
  --fzc-line:#2B262E;--fzc-line-2:#211D24;--fzc-panel:#171418;--fzc-sunk:#1D191F;
  --fzc-ink:#F2EEF0;--fzc-ink-2:#A79DA4;--fzc-ink-3:#787077;
  --fzc-pos:#5FD3A2;--fzc-neg:#F09595}

.fzc__note{display:inline-flex;align-items:center;gap:8px;background:var(--fzc-sunk);
  border:1px solid var(--fzc-line);border-radius:3px;padding:8px 12px;
  font-size:.75rem;color:var(--fzc-ink-2);margin:16px 0}

/* contender cards */
.fzc__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;margin:26px 0}
.fzc__card{border:1px solid var(--fzc-line);border-radius:4px;background:var(--fzc-panel);
  overflow:hidden;display:flex;flex-direction:column}
.fzc__card--win{border-color:var(--fz-c);box-shadow:0 0 0 1px var(--fz-c)}
.fzc__top{padding:16px 18px;border-bottom:1px solid var(--fzc-line-2);display:flex;
  align-items:center;justify-content:space-between;gap:10px}
.fzc__top h3{font-size:.9375rem;font-weight:700;margin:0}
.fzc__body{padding:18px;display:flex;flex-direction:column;gap:15px;flex:1}
.fzc__score{display:flex;align-items:baseline;gap:9px}
.fzc__score b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.6rem;
  font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--fz-c);
  font-variant-numeric:tabular-nums}
.fzc__score span{font-size:.75rem;color:var(--fzc-ink-3)}

/* score bars */
.fzc__bars{display:grid;gap:8px}
.fzc__bar{display:grid;grid-template-columns:84px 1fr 30px;gap:9px;align-items:center;
  font-size:.6875rem}
.fzc__bar i{font-style:normal;color:var(--fzc-ink-3)}
.fzc__track{height:5px;border-radius:3px;background:var(--fzc-sunk);overflow:hidden}
.fzc__fill{display:block;height:100%;background:var(--fz-c);border-radius:3px}
.fzc__bar em{font-style:normal;text-align:right;color:var(--fzc-ink-2);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}

.fzc__verdict{font-size:.8125rem;color:var(--fzc-ink-2);line-height:1.5;margin:0}
.fzc__pc{display:grid;gap:5px;font-size:.75rem;margin:0;padding:0;list-style:none}
.fzc__pc li{display:grid;grid-template-columns:14px 1fr;gap:7px;color:var(--fzc-ink-2)}
.fzc__pc .y{color:var(--fzc-pos);font-weight:700}
.fzc__pc .n{color:var(--fzc-neg);font-weight:700}
.fzc__buy{padding:14px 18px;border-top:1px solid var(--fzc-line-2);display:flex;
  align-items:center;justify-content:space-between;gap:12px}
.fzc__price{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;
  font-variant-numeric:tabular-nums}
.fzc__btn{display:inline-flex;align-items:center;background:var(--fzc-ink);color:var(--fzc-panel);
  border-radius:3px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:12px 18px;text-decoration:none}
.fzc__btn:hover{background:var(--fz-c)}

/* spec table — scrolls in its own container so the page never moves sideways */
.fzc__tablewrap{overflow-x:auto;border:1px solid var(--fzc-line);border-radius:4px;margin:20px 0 34px}
.fzc__table{width:100%;border-collapse:collapse;font-size:.8125rem;min-width:640px}
.fzc__table th,.fzc__table td{padding:11px 14px;text-align:left;
  border-bottom:1px solid var(--fzc-line-2)}
.fzc__table thead th{background:var(--fzc-sunk);font-size:.625rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fzc-ink-3);font-weight:700}
.fzc__table tbody th{font-weight:500;color:var(--fzc-ink-3);font-size:.75rem;white-space:nowrap}
.fzc__table td{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-variant-numeric:tabular-nums;color:var(--fzc-ink-2)}
.fzc__table td.is-win{color:var(--fzc-ink);font-weight:500;
  background:color-mix(in srgb,var(--fz-c) 9%,transparent)}
.fzc__table td.is-win::after{content:" \2713";color:var(--fz-c);font-weight:700}
.fzc__table tr:last-child td,.fzc__table tr:last-child th{border-bottom:0}

/* best-for grid */
.fzc__bestfor{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:1px;
  background:var(--fzc-line);border:1px solid var(--fzc-line);border-radius:4px;
  overflow:hidden;margin-bottom:34px}
.fzc__bestfor > div{background:var(--fzc-panel);padding:18px 20px}
.fzc__bestfor h4{font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--fzc-ink-3);margin:0 0 7px;font-weight:700}
.fzc__bestfor b{font-size:1.05rem;font-weight:700;display:block;margin-bottom:5px}
.fzc__bestfor p{margin:0;font-size:.8125rem;color:var(--fzc-ink-2)}