/*! TopFrigider */
/*
 * Tema „rece” — LaRece (themes/rece/design.md), pe Tailwind (public/assets/_tw/tailwind.css): gheață și sticlă.
 * Bară albă translucidă, erou gheață, carduri albe rotunjite (20 px) cu umbră moale, bleumarin-noapte pentru text și
 * subsol, coral doar pentru acțiuni (butoanele spre magazin, locul 1), capacitățile în IBM Plex Mono. Doar temă luminoasă. Ordinea: tailwind.css → _base/base.css → acest fișier.
 */
:root {
  --c-brand: 214 52 58; --c-brand-ink: 255 255 255; --c-brand-soft: 253 233 232; --c-brand-deep: 14 27 52;
  --c-accent: 31 94 140; --c-accent-soft: 225 236 245;
  --c-ink: 14 27 52; --c-ink-soft: 44 60 86; --c-muted: 84 99 122; --c-line: 218 226 236; --c-surface: 255 255 255; --c-canvas: 238 243 249;
  --r-card: 20px; --r-btn: 999px;
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-2: #e6edf5;
  --line: #dae2ec;
  --text: #0e1b34;
  --text-2: #2c3c56;
  --muted: #54637a;
  --primary: #d6343a;
  --primary-ink: #ffffff;
  --primary-soft: #fde9e8;
  --ice: #dcecfb;
  --bar: #0e1b34;
  --price: #0e1b34;
  --drop: #0b6e4b;
  --answer-bg: #ffffff;
  --answer-line: #2b5fa8;
  --chip-bg: #dcecfb;
  --chip-ink: #0e1b34;
  --radius: 20px;
  --radius-sm: 14px;
  --radius-btn: 999px;
  --radius-pill: 999px;
  --font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-head: var(--font);
  --head-weight: 700;
  --speed: 150ms;
  --shadow: 0 1px 2px rgba(14, 27, 52, .04), 0 12px 32px -20px rgba(14, 27, 52, .28);
  --max: 1200px;
}

body { background: var(--bg); }
.price, .f9kcpt, .f2zum6 td, .fb9eak td { font-variant-numeric: tabular-nums; }

/* meniul de pe telefon: foaie albă sub bară */
.f8yhlg { background: #fff; }
.f8yhlg a { min-height: 54px; font-size: 1.02rem; border-radius: 14px; }
.fbq5jw { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: #e3eefb; color: var(--bar); }

/* eroul: gheață, cu două pete de lumină */
.f5kmqe { background: radial-gradient(60% 70% at 100% 0, rgba(159, 208, 255, .65), transparent 70%), radial-gradient(50% 60% at 0 100%, rgba(255, 196, 190, .45), transparent 70%), linear-gradient(160deg, #e6f0fb, #f7faff); border: 1px solid rgba(255, 255, 255, .9); box-shadow: var(--shadow); }
.fd95ie { margin: 0 0 4px; font-size: 1.35rem; font-weight: 700; letter-spacing: -.01em; }
.f8sz3q { border-radius: var(--radius); background: rgba(255, 255, 255, .86); border: 1px solid rgba(218, 226, 236, .9); box-shadow: var(--shadow); }
@media (hover: hover) { a.f8sz3q, article.f8sz3q { transition: transform var(--speed) ease-out, box-shadow var(--speed); } a.f8sz3q:hover, article.f8sz3q:hover { transform: translateY(-2px); } }

/* căutarea */
.f6scg8 { border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--text); font-family: var(--font); }
.f6scg8::placeholder { color: #7a8aa3; }
.f6scg8:focus { outline: 2px solid #2b5fa8; outline-offset: 1px; }
.f1qawf { height: 56px; font-size: 1.05rem; box-shadow: 0 10px 30px -16px rgba(14, 27, 52, .35); border-color: transparent; }

/* butonul spre magazin din liste: contur coral; locul 1 și câștigătorul mare, plin (btn-cta) */
.f27tz2 { border-color: var(--primary); color: var(--primary); background: #fff; min-height: 44px; }
.f27tz2:hover { background: var(--primary-soft); }
.f27tz2.f8crk2 { color: #fff; background: var(--primary); box-shadow: 0 8px 20px -10px rgba(214, 52, 58, .7); }
.f471kk.f27tz2 { min-height: 44px; padding: 0 12px; }
.f27tz2 .ic { flex: none; }
.f1q133 .btn { width: auto; flex: none; }
@media (min-width: 640px) { .f1q133 .btn { width: 100%; } }

/* „Pe scurt” */
.f13s6j { border: 1px solid rgba(218, 226, 236, .9); border-left: 4px solid var(--answer-line); border-radius: var(--radius); box-shadow: var(--shadow); }
.f1w2aj { color: #2b5fa8; }
.f4ld0i { font-size: 1.35rem; letter-spacing: -.01em; }

/* insignele de capacitate: dreptunghi gheață, cifră mono */
.f9kcpt { font-family: var(--mono); font-weight: 500; border-radius: 8px; background: var(--ice); color: var(--bar); }
.f7oq5x { font-family: var(--font); background: var(--primary-soft); color: var(--primary); }

/* plăcile și pastilele */
.fc9xno { border-radius: var(--radius-sm); border-left: 3px solid var(--primary); }
.fc9xno strong { font-family: var(--mono); font-weight: 500; }
.f33on8 { border-radius: 999px; }

/* tabelele cu cifre */
.f2zum6 td, .fb9eak td { font-family: var(--mono); font-weight: 500; font-size: .9rem; }
.fwj3uo thead th, .fb9eak thead th { background: #e4eef8; }
.f2zum6, .fdr05d, .fb9eak, .f33dns .fc645n, .pick, .f36xql, .f2k9kf { box-shadow: var(--shadow); border-radius: var(--radius); }

/* subsolul bleumarin */
.f12mir { background: var(--bar); color: #c9dbef; border-top: 0; }
.f12mir .f54dzw { color: #fff; }
.f12mir .fdbdnk { background: #cfe6ff; color: var(--bar); border-radius: 6px; }
.f12mir ul a, .f12mir a { color: #e6f0fb; }
.f12mir .muted, .f7ji8k { color: #a9c0da; }

/* filtrele rapide și segmentele din paginile comune (themes/_tw): ținte de 44 px */
main a.fzr-rounded-btn { display: inline-flex; align-items: center; min-height: 44px; }

/* produsul: graficul și fișa scurtă în albastru-oțel (coralul rămâne doar pentru acțiuni) */
.fdg1d3 .fd663s { stroke: #1f5e8c; }
.fdg1d3 .f7hq7l { fill: rgba(31, 94, 140, .1); }
#pe-scurt dl > div { background: #e6eef7; }