/* CEGIM catalog 3D — identitate comună (culori de pe cegim.ro: navy #003166, albastru #007bff, auriu #ffb80e; Roboto / Roboto Condensed) */
:root{
  --navy:#003166; --navy-2:#02264f; --blue:#007bff; --gold:#ffb80e; --gold-ink:#8a5b00;
  --ground:#f3f2ee; --paper:#ffffff; --ink:#1c2430; --ink-2:#5b6572; --ink-3:#8b94a0; --line:#e1e3e6; --line-2:#cfd3d8;
  --ok:#2e7d4f; --shadow:0 1px 2px rgba(20,30,50,.06),0 8px 24px rgba(20,30,50,.08);
  --r:10px; --gutter:20px;
  --font:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif; --head:"Roboto Condensed","Roboto",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;min-height:100%}
a{color:var(--blue);text-decoration:none}
img{max-width:100%}
[hidden]{display:none!important}
button{font-family:inherit}
h1,h2,h3{font-family:var(--head);margin:0;line-height:1.15;color:var(--navy);text-wrap:balance}
.wrap{max-width:1360px;margin:0 auto;padding-inline:var(--gutter)}
/* header */
.top{background:var(--navy);color:#fff;border-bottom:4px solid var(--gold)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:64px;padding-block:8px}
.top .logo{display:flex;align-items:center;gap:10px;color:#fff;flex-shrink:0}
.top .logo img{height:36px;width:auto;display:block}
.top .logo span{font-family:var(--head);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#ffd970;border-left:1px solid rgba(255,255,255,.25);padding-left:10px}
.top .grow{flex:1}
.top .nav{display:flex;gap:18px;align-items:center;font-family:var(--head);font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.top .nav a{color:#fff;opacity:.9}.top .nav a:hover{opacity:1;color:#ffd970}
.top .search{display:flex;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:0 10px;height:38px;min-width:220px;max-width:360px;flex:1}
.top .search input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:14px;font-family:inherit;min-width:0}
.top .search input::placeholder{color:rgba(255,255,255,.6)}
.top .search svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;opacity:.8;margin-right:8px;flex-shrink:0}
@media (max-width:700px){ .top .logo span{display:none} .top .nav{display:none} .top .search{min-width:0} .top .wrap{gap:12px} }
/* chips & buttons */
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:14px;cursor:pointer;line-height:1.2;white-space:nowrap;user-select:none}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.chip b{font-weight:500;color:inherit;opacity:.7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;line-height:1.2;white-space:nowrap}
.btn:hover{border-color:var(--navy);color:var(--navy)}
.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.primary:hover{background:var(--navy-2)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#1c1a12}
.btn.gold:hover{filter:brightness(.96)}
.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn:focus-visible,.chip:focus-visible,.tile:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
/* footer */
.foot{margin-top:56px;background:var(--navy);color:rgba(255,255,255,.8);font-size:13.5px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between;padding-block:22px}
.foot a{color:#ffd970}
.foot .brand{font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;color:#fff}
/* toast */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (prefers-reduced-motion:reduce){ *{transition:none!important;animation:none!important} }