/* Fonturi servite de pe site (Inter, Manrope, IBM Plex Mono — SIL OFL), subseturile latin + latin-ext */
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/IBMPlexMono-latin-ext-25040cb4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/IBMPlexMono-latin-a80b2cab.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Inter-latin-ext-367ba69a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Inter-latin-bec94a4d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Inter-latin-ext-367ba69a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Inter-latin-bec94a4d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Inter-latin-ext-367ba69a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Inter-latin-bec94a4d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Inter-latin-ext-367ba69a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Inter-latin-bec94a4d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Manrope-latin-ext-c30f5e0c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Manrope-latin-a96cafd6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Manrope-latin-ext-c30f5e0c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Manrope-latin-a96cafd6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Manrope-latin-ext-c30f5e0c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Manrope-latin-a96cafd6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   UTILIA ECHIPAMENTE — DESIGN TOKENS
   Sistem unic de tokens folosit de toate paginile site-ului.
   ============================================================ */
:root{
  /* Culoare — bază */
  --u-midnight:#0A1A2B;
  --u-blue:#0E5BD8;
  --u-blue-700:#0A46A8;
  --u-blue-050:#EAF1FD;
  --u-cyan:#20A7D8;
  --u-carbon:#17212B;
  --u-stainless:#AEB8C2;
  --u-ice:#F4F7FA;
  --u-orange:#FF6B2C;
  --u-white:#FFFFFF;

  /* Culoare — roluri semantice */
  --c-bg:var(--u-white);
  --c-bg-alt:var(--u-ice);
  --c-bg-dark:var(--u-midnight);
  --c-surface:var(--u-white);
  --c-text:var(--u-carbon);
  --c-text-muted:#54606D;
  --c-text-invert:var(--u-white);
  --c-text-invert-muted:#9FB0C0;
  --c-border:#DDE3E9;
  --c-border-strong:var(--u-stainless);
  --c-border-dark:rgba(255,255,255,.16);
  --c-action:var(--u-blue);
  --c-action-hover:var(--u-blue-700);
  --c-accent:var(--u-cyan);
  --c-signal:var(--u-orange);
  --c-focus:#0E5BD8;

  /* Tipografie */
  --f-head:'Manrope','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-display:clamp(2.625rem,1.6rem + 4.2vw,4.75rem);
  --fs-h1:clamp(2.125rem,1.5rem + 2.6vw,3.5rem);
  --fs-h2:clamp(1.75rem,1.3rem + 1.9vw,2.75rem);
  --fs-h3:clamp(1.375rem,1.2rem + .8vw,2rem);
  --fs-h4:clamp(1.125rem,1.05rem + .35vw,1.3125rem);
  --fs-lead:clamp(1.0625rem,1rem + .4vw,1.25rem);
  --fs-body:1.0625rem;
  --fs-sm:.9375rem;
  --fs-xs:.8125rem;
  --fs-label:.75rem;
  --lh-tight:1.08;
  --lh-head:1.16;
  --lh-body:1.62;
  --ls-label:.11em;

  /* Spațiere (scală 4px) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px; --s-24:96px; --s-30:120px;
  --section-y:clamp(56px,7vw,112px);

  /* Layout */
  --container:1320px;
  --container-narrow:960px;
  --measure:68ch;
  --gutter:clamp(20px,4vw,40px);

  /* Rază, borduri, umbre */
  --r-btn:9px; --r-card:14px; --r-table:10px; --r-chip:999px; --r-input:9px;
  --bw:1px;
  --sh-1:0 1px 2px rgba(10,26,43,.06), 0 1px 1px rgba(10,26,43,.04);
  --sh-2:0 6px 18px -8px rgba(10,26,43,.18), 0 2px 5px rgba(10,26,43,.05);
  --sh-3:0 22px 48px -24px rgba(10,26,43,.35), 0 6px 14px -8px rgba(10,26,43,.12);
  --focus-ring:0 0 0 3px var(--u-white), 0 0 0 6px var(--c-focus);
  --focus-ring-dark:0 0 0 3px var(--u-midnight), 0 0 0 6px var(--u-cyan);

  /* Mișcare */
  --t-fast:150ms cubic-bezier(.3,.7,.4,1);
  --t-base:220ms cubic-bezier(.3,.7,.4,1);
  --t-slow:340ms cubic-bezier(.22,.75,.3,1);

  /* Z-index */
  --z-sticky:40; --z-header:60; --z-menu:70; --z-drawer:80; --z-modal:90; --z-toast:95; --z-consent:85;
}

/* ============================================================
   RESET & BAZĂ
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
body{
  margin:0;background:var(--c-bg);color:var(--c-text);
  font-family:var(--f-body);font-size:var(--fs-body);line-height:var(--lh-body);
  font-feature-settings:"cv05","ss01";-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5{font-family:var(--f-head);font-weight:700;line-height:var(--lh-head);letter-spacing:-.02em;margin:0 0 var(--s-4)}
h1{font-size:var(--fs-h1);letter-spacing:-.028em}
h2{font-size:var(--fs-h2);letter-spacing:-.025em}
h3{font-size:var(--fs-h3)}
h4{font-size:var(--fs-h4);letter-spacing:-.012em}
p{margin:0 0 var(--s-4);max-width:var(--measure)}
a{color:var(--c-action);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--c-action-hover)}
img,svg{max-width:100%}
ul,ol{margin:0 0 var(--s-4);padding-left:1.15em}
li{margin-bottom:var(--s-2)}
hr{border:0;border-top:var(--bw) solid var(--c-border);margin:var(--s-10) 0}
button{font:inherit;color:inherit}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}
.on-dark :focus-visible,.u-header--dark :focus-visible{box-shadow:var(--focus-ring-dark)}
::selection{background:var(--u-blue);color:#fff}

/* Utilitare */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container--narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--section-y)}
.section--tight{padding-block:clamp(40px,5vw,72px)}
.section--alt{background:var(--c-bg-alt)}
.section--dark{background:var(--c-bg-dark);color:var(--c-text-invert)}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}
.section--dark p{color:var(--c-text-invert-muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--s-4);top:-100px;z-index:100;background:var(--u-midnight);color:#fff;padding:12px 20px;border-radius:var(--r-btn);font-weight:600;transition:top var(--t-fast)}
.skip-link:focus{top:var(--s-4);color:#fff}
.stack>*+*{margin-top:var(--s-4)}
.text-muted{color:var(--c-text-muted)}
.nowrap{white-space:nowrap}

/* Eyebrow / etichete tehnice */
.eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-action);margin-bottom:var(--s-4)}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--c-accent);display:block}
.section--dark .eyebrow{color:var(--u-cyan)}
.section-head{max-width:760px;margin-bottom:clamp(32px,4vw,56px)}
.section-head p{font-size:var(--fs-lead);color:var(--c-text-muted)}
.section--dark .section-head p{color:var(--c-text-invert-muted)}
.section-head--split{display:grid;gap:var(--s-6);max-width:none}
@media(min-width:900px){.section-head--split{grid-template-columns:1fr auto;align-items:end}}

/* ============================================================
   COMPONENTE: BUTOANE
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);
  min-height:48px;padding:13px 22px;border-radius:var(--r-btn);
  font-family:var(--f-body);font-size:var(--fs-sm);font-weight:600;letter-spacing:-.005em;
  border:var(--bw) solid transparent;cursor:pointer;text-decoration:none;
  transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);
}
.btn:active{transform:translateY(1px)}
.btn svg{flex:none}
.btn--primary{background:var(--c-action);color:#fff;box-shadow:var(--sh-1)}
.btn--primary:hover{background:var(--c-action-hover);color:#fff;box-shadow:var(--sh-2)}
.btn--dark{background:var(--u-midnight);color:#fff}
.btn--dark:hover{background:#122E48;color:#fff}
.btn--secondary{background:transparent;color:var(--u-midnight);border-color:var(--c-border-strong)}
.btn--secondary:hover{background:var(--u-ice);border-color:var(--u-midnight);color:var(--u-midnight)}
.on-dark .btn--secondary,.btn--secondary.on-dark,.section--dark .btn--secondary,.hero .btn--secondary,.page-hero--dark .btn--secondary,.cta-band .btn--secondary,.megamenu__promo .btn--secondary{color:#fff;border-color:var(--c-border-dark)}
.on-dark .btn--secondary:hover,.btn--secondary.on-dark:hover,.section--dark .btn--secondary:hover,.hero .btn--secondary:hover,.page-hero--dark .btn--secondary:hover,.cta-band .btn--secondary:hover,.megamenu__promo .btn--secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff}
.hero :focus-visible,.page-hero--dark :focus-visible,.cta-band :focus-visible,.footer :focus-visible,.utility-bar :focus-visible{box-shadow:var(--focus-ring-dark)}
.btn--ghost{background:transparent;color:var(--c-action);padding-inline:10px;min-height:40px}
.btn--ghost:hover{color:var(--c-action-hover);background:var(--u-blue-050)}
.btn--sm{min-height:40px;padding:9px 16px;font-size:var(--fs-xs)}
.btn--lg{min-height:56px;padding:16px 30px;font-size:1rem}
.btn--block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-sm);text-decoration:none;color:var(--c-action)}
.link-arrow svg{transition:transform var(--t-fast)}
.link-arrow:hover svg{transform:translateX(4px)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-btn);border:var(--bw) solid var(--c-border);background:#fff;cursor:pointer;color:var(--u-midnight);transition:background var(--t-fast),border-color var(--t-fast)}
.icon-btn:hover{background:var(--u-ice);border-color:var(--c-border-strong)}

/* ============================================================
   COMPONENTE: UTILITY BAR + HEADER + MEGA MENU
   ============================================================ */
.utility-bar{background:var(--u-midnight);color:var(--c-text-invert-muted);font-size:var(--fs-xs);border-bottom:1px solid rgba(255,255,255,.08)}
.utility-bar .container{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:40px}
.utility-bar__left{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap}
.utility-bar a{color:var(--c-text-invert-muted);text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:6px 0}
.utility-bar a:hover{color:#fff}
.utility-bar a,.utility-bar__left>span{white-space:nowrap}
.utility-bar__right{display:flex;align-items:center;gap:var(--s-4)}
@media(max-width:900px){.utility-bar .u-hide-sm{display:none}}
.lang-switch{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-chip);overflow:hidden}
.lang-switch button{background:none;border:0;color:var(--c-text-invert-muted);padding:5px 11px;font-size:11px;font-weight:600;letter-spacing:.06em;cursor:pointer}
.lang-switch button[aria-pressed="true"]{background:rgba(255,255,255,.14);color:#fff}

.u-header{position:sticky;top:0;z-index:var(--z-header);background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:var(--bw) solid var(--c-border);transition:box-shadow var(--t-base)}
.u-header.is-stuck{box-shadow:var(--sh-2)}
.u-header__inner{display:flex;align-items:center;gap:var(--s-6);min-height:84px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--u-midnight);flex:none}
.logo__mark{width:56px;height:56px;flex:none}
.logo__type{display:flex;flex-direction:column;line-height:1}
.logo__word{font-family:var(--f-head);font-weight:800;font-size:22px;letter-spacing:.018em;color:var(--u-midnight)}
.logo__since{font-family:var(--f-head);font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--u-cyan);font-weight:700;margin-top:5px}
.nav{display:none;margin-left:auto}
@media(min-width:1080px){.nav{display:flex;align-items:center;gap:2px}}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:8px;font-size:var(--fs-sm);font-weight:600;color:var(--u-midnight);text-decoration:none;background:none;border:0;cursor:pointer;white-space:nowrap}
.nav__link:hover{background:var(--u-ice);color:var(--u-midnight)}
.nav__link[aria-current="page"]{color:var(--c-action)}
.nav__link[aria-expanded="true"]{background:var(--u-ice)}
.nav__link .chev{transition:transform var(--t-fast)}
.nav__link[aria-expanded="true"] .chev{transform:rotate(180deg)}
.header__actions{display:flex;align-items:center;gap:var(--s-3);margin-left:auto}
@media(min-width:1080px){.header__actions{margin-left:var(--s-4)}}
.header__actions .btn--primary{display:none}
@media(min-width:720px){.header__actions .btn--primary{display:inline-flex}}
.burger{display:inline-flex}
@media(max-width:480px){
    .logo__word{font-size:19px}
  .logo__mark{width:44px;height:44px}
  .u-header__inner{min-height:72px;gap:var(--s-3)}
}
@media(min-width:1080px){.burger{display:none}}

.megamenu{position:absolute;left:0;right:0;top:100%;z-index:var(--z-menu);background:#fff;border-bottom:var(--bw) solid var(--c-border);box-shadow:var(--sh-3);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--t-base),transform var(--t-base),visibility var(--t-base)}
.megamenu.is-open{opacity:1;visibility:visible;transform:none}
/* panoul poate fi mai înalt decât ecranul (Echipamente: 37 de categorii + 24 de branduri) → se derulează singur */
.megamenu{max-height:calc(100dvh - var(--mm-top, 110px));overflow-y:auto;overscroll-behavior:contain}
.megamenu__grid{display:grid;gap:var(--s-8);padding-block:var(--s-10);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.megamenu__col h4{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-text-muted);margin-bottom:var(--s-4);font-family:var(--f-body);font-weight:600}
.megamenu__list{list-style:none;margin:0;padding:0}
.megamenu__list li{margin-bottom:2px}
.megamenu__list a{display:flex;gap:12px;align-items:flex-start;padding:9px 12px;margin-left:-12px;border-radius:9px;text-decoration:none;color:var(--u-midnight);font-weight:600;font-size:var(--fs-sm);transition:background var(--t-fast)}
.megamenu__list a:hover{background:var(--u-ice)}
.megamenu__list a span{display:block;font-weight:400;font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:2px;line-height:1.45}
.megamenu #mmCats1 a,.megamenu #mmCats2 a,.megamenu #mmBrands a{padding:5px 12px}
.b-tag{color:var(--c-text-muted);font-weight:400;font-size:.92em}
.brand-cell__tag{display:block;color:var(--u-midnight);font-size:var(--fs-sm);margin-top:var(--s-2)}
.megamenu__list .mm-group{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-action);font-weight:600;margin:var(--s-4) 0 2px}
.megamenu__list .mm-group:first-child{margin-top:0}
.hs-group{margin-top:var(--s-10)}
.hs-group:first-child{margin-top:0}
.hs-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4) var(--s-8);align-items:start}
.hs-cat{margin-bottom:var(--s-2)}
.hs-cat--fold{border:var(--bw) solid var(--c-border);border-radius:var(--r-card);background:#fff}
.hs-cat--fold summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:600;font-size:var(--fs-sm)}
.hs-cat--fold summary::-webkit-details-marker{display:none}
.hs-cat--fold summary::after{content:"+";color:var(--c-action);font-weight:600}
.hs-cat--fold[open] summary::after{content:"\2212"}
.hs-cat--fold summary:focus-visible{outline:3px solid var(--c-action);outline-offset:2px;border-radius:var(--r-card)}
.hs-count{margin-left:auto;font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-text-muted)}
.hs-cat.hs-cat--fold ul{padding:0 16px 14px}
.hs-all a{color:var(--c-action)!important;font-weight:600}
.hs-cat h3{font-size:var(--fs-sm);margin:0 0 var(--s-2)}
.hs-cat ul{list-style:none;margin:0;padding:0}
.hs-cat li{font-size:var(--fs-xs);line-height:1.5;margin:0 0 3px}
.hs-cat a{color:var(--c-text-muted);text-decoration:none}
.hs-cat a:hover{color:var(--c-action);text-decoration:underline}
.mm-partners{padding-block:var(--s-8) var(--s-10)}
.mm-partners__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}
.mm-partners__head h4{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-text-muted);font-family:var(--f-body);font-weight:600;margin:0}
.mm-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:var(--s-3)}
.mm-logo{display:flex;align-items:center;justify-content:center;height:76px;padding:12px 16px;border:var(--bw) solid var(--c-border);border-radius:10px;background:#fff;transition:border-color var(--t-fast),background var(--t-fast)}
.mm-logo img{max-height:40px;width:auto;height:auto;max-width:100%;object-fit:contain}
.mm-logo:hover,.mm-logo:focus-visible{border-color:var(--c-action);background:var(--u-ice)}
.mm-logo:hover img,.mm-logo:focus-visible img{filter:none;opacity:1}
.mm-logo span{font-weight:700;font-size:var(--fs-sm);color:var(--u-midnight)}
.mm-logos--m{grid-template-columns:repeat(2,1fr);gap:var(--s-2);margin-bottom:var(--s-4)}
.mm-logos--m .mm-logo{height:64px}
.legal-body h2{font-size:1.25rem;line-height:1.35;margin:var(--s-6) 0 0}
.legal-body p{max-width:72ch}
.legal-body ul{max-width:72ch;margin:0;padding-left:1.25rem;display:grid;gap:8px}
.legal-body li{line-height:1.6}
.megamenu__list .mm-ico{color:var(--c-action);margin-top:2px;flex:none}
.megamenu__promo{background:var(--u-midnight);color:#fff;border-radius:var(--r-card);padding:var(--s-6);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-5);background-image:radial-gradient(120% 120% at 100% 0,rgba(32,167,216,.35),transparent 55%)}
.megamenu__promo h4{color:#fff;font-family:var(--f-head);font-size:var(--fs-h4);letter-spacing:-.01em;text-transform:none;margin-bottom:var(--s-2)}
.megamenu__promo p{color:var(--c-text-invert-muted);font-size:var(--fs-xs);margin:0}

/* Navigație mobilă */
.mobile-nav{position:fixed;inset:0;z-index:var(--z-drawer);visibility:hidden;pointer-events:none}
.mobile-nav.is-open{visibility:visible;pointer-events:auto}
.mobile-nav__scrim{position:absolute;inset:0;background:rgba(10,26,43,.55);opacity:0;transition:opacity var(--t-base)}
.mobile-nav.is-open .mobile-nav__scrim{opacity:1}
.mobile-nav__panel{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);background:#fff;transform:translateX(100%);transition:transform var(--t-slow);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
.mobile-nav.is-open .mobile-nav__panel{transform:none}
.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:var(--bw) solid var(--c-border);position:sticky;top:0;background:#fff;z-index:2}
.mobile-nav__body{padding:var(--s-4) var(--s-5) var(--s-10)}
.m-acc{border-bottom:var(--bw) solid var(--c-border)}
.m-acc__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);background:none;border:0;padding:16px 0;font-size:1.0625rem;font-weight:700;font-family:var(--f-head);color:var(--u-midnight);cursor:pointer;text-align:left;min-height:56px}
.m-acc__panel .m-grp{display:block;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-action);font-weight:600;padding:18px 0 4px 14px}
.m-acc__panel .m-grp:first-child{padding-top:6px}
.m-acc__btn .chev{transition:transform var(--t-fast);color:var(--c-text-muted)}
.m-acc__btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.m-acc__panel{display:none;padding-bottom:var(--s-4)}
.m-acc__panel.is-open{display:block}
.m-acc__panel a{display:block;padding:12px 14px;border-radius:8px;text-decoration:none;color:var(--c-text);font-size:var(--fs-sm);font-weight:500;min-height:44px}
.m-acc__panel a:hover{background:var(--u-ice)}
.m-link{display:block;padding:16px 0;border-bottom:var(--bw) solid var(--c-border);font-family:var(--f-head);font-size:1.0625rem;font-weight:700;color:var(--u-midnight);text-decoration:none;min-height:56px}
.mobile-nav__cta{display:grid;gap:var(--s-3);margin-top:var(--s-6)}
.mobile-nav__meta{margin-top:var(--s-8);padding-top:var(--s-6);border-top:var(--bw) solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-muted)}
.mobile-nav__meta a{display:block;padding:8px 0;font-weight:600;text-decoration:none}

/* ============================================================
   COMPONENTE: HERO, VIZUALE TEHNICE, CARDURI
   ============================================================ */
.hero{position:relative;background:var(--u-midnight);color:#fff;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(115deg,rgba(10,26,43,.97) 34%,rgba(10,26,43,.72) 58%,rgba(10,26,43,.35) 100%);pointer-events:none}
.hero__bg{position:absolute;inset:0;opacity:.9}
.hero__inner{position:relative;z-index:2;display:grid;gap:var(--s-10);padding-block:clamp(56px,7vw,112px) clamp(48px,6vw,96px)}
@media(min-width:1000px){.hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:var(--s-16)}}
.hero h1{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:-.035em;color:#fff;max-width:14ch}
.hero__desc{font-size:var(--fs-lead);color:#C7D4E0;max-width:56ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-8)}
.hero__meta{display:flex;flex-wrap:wrap;gap:var(--s-6);margin-top:var(--s-10);padding-top:var(--s-6);border-top:1px solid rgba(255,255,255,.14);font-size:var(--fs-sm);color:#9FB0C0}
.hero__meta strong{display:block;color:#fff;font-family:var(--f-head);font-size:1.0625rem;margin-bottom:2px}
.hero__panel{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-card);background:rgba(7,19,31,.34);padding:var(--s-6);backdrop-filter:blur(4px)}
.hero__panel h2{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--u-cyan);font-family:var(--f-body);font-weight:600;margin-bottom:var(--s-5)}
.flow-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.flow-list a{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:14px 14px;border-radius:9px;text-decoration:none;color:#fff;font-weight:600;font-size:var(--fs-sm);border:1px solid transparent;transition:background var(--t-fast),border-color var(--t-fast)}
.flow-list a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}
.flow-list .idx{font-family:var(--f-head);font-size:var(--fs-xs);color:var(--u-cyan);width:24px;flex:none}
.flow-list .arw{color:var(--u-cyan)}

/* Vizual tehnic — placeholder onest, fără fotografie inventată */
.tech-visual{position:relative;background:linear-gradient(160deg,#0E2237 0%,#0A1A2B 60%,#132C44 100%);color:#fff;overflow:hidden;border-radius:var(--r-card)}
.tech-visual--light{background:linear-gradient(160deg,#EDF2F7 0%,#E2E9F0 100%);color:var(--u-midnight)}
.tech-visual__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(174,184,194,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(174,184,194,.14) 1px,transparent 1px);background-size:36px 36px}
.tech-visual--light .tech-visual__grid{background-image:linear-gradient(rgba(10,26,43,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(10,26,43,.06) 1px,transparent 1px)}
.tech-visual__art{position:absolute;inset:0;display:block}
.tech-visual__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2}
.tech-visual:has(.tech-visual__photo) .tech-visual__art,
.tech-visual:has(.tech-visual__photo) .tech-visual__grid,
.tech-visual:has(.tech-visual__photo) .tech-visual__tag{display:none}
.tech-visual__tag{position:absolute;left:14px;bottom:14px;z-index:3;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.62);background:rgba(10,26,43,.55);border:1px solid rgba(255,255,255,.14);padding:5px 9px;border-radius:6px}
.tech-visual--light .tech-visual__tag{color:var(--c-text-muted);background:rgba(255,255,255,.7);border-color:var(--c-border)}
.ratio{position:relative;width:100%}
.ratio>*{position:absolute;inset:0}
.ratio--16-9{aspect-ratio:16/9}
.ratio--4-3{aspect-ratio:4/3}
.ratio--3-2{aspect-ratio:3/2}
.ratio--1-1{aspect-ratio:1/1}

/* Trust strip */
.trust-strip{border-bottom:var(--bw) solid var(--c-border);background:#fff}
.trust-strip__inner{display:grid;gap:var(--s-6);padding-block:var(--s-8);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.trust-item{display:flex;gap:var(--s-4);align-items:flex-start}
.trust-item svg{color:var(--c-action);flex:none;margin-top:2px}
.trust-item strong{display:block;font-family:var(--f-head);font-size:var(--fs-sm);margin-bottom:3px}
.trust-item span{font-size:var(--fs-xs);color:var(--c-text-muted);line-height:1.5}

/* Grid generic */
.grid{display:grid;gap:var(--s-6)}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
@media(min-width:720px){.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
@media(min-width:1080px){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* 3n+2 carduri: ultimul umple rândul, nu lasă o celulă goală (Taste Skill: fără celule orfane). */
  .grid--3>:not(.p-card):last-child:nth-child(3n+2){grid-column:span 2}}
@media(min-width:1180px){.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.grid{gap:var(--s-4)}}

/* Card soluție */
.sol-card{display:flex;flex-direction:column;background:#fff;border:var(--bw) solid var(--c-border);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}
.sol-card:hover{border-color:var(--c-border-strong);box-shadow:var(--sh-3);transform:translateY(-3px);color:inherit}
.sol-card__media{position:relative}
.sol-card__body{padding:var(--s-6);display:flex;flex-direction:column;flex:1}
.sol-card__ico{width:44px;height:44px;border-radius:10px;background:var(--u-blue-050);color:var(--c-action);display:grid;place-items:center;margin-bottom:var(--s-4)}
.sol-card h3{font-size:1.3125rem;margin-bottom:var(--s-2)}
.sol-card p{font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--s-5)}
.sol-card .link-arrow{margin-top:auto}

/* Card produs */
.p-card{display:flex;flex-direction:column;background:#fff;border:var(--bw) solid var(--c-border);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--t-base),box-shadow var(--t-base)}
.p-card:hover{border-color:var(--c-border-strong);box-shadow:var(--sh-2);color:inherit}
.p-card__media{position:relative;background:var(--u-ice);border-bottom:var(--bw) solid var(--c-border)}
.p-card__flag{position:absolute;top:12px;left:12px;z-index:3;background:var(--u-midnight);color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:5px 9px;border-radius:6px}
.p-card__flag--sh{background:var(--u-orange);color:var(--u-midnight)}
.p-card__body{padding:var(--s-5);display:flex;flex-direction:column;flex:1;gap:var(--s-3)}
.p-card__brand{font-size:var(--fs-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-muted)}
.p-card h3{font-size:1.125rem;margin:0;letter-spacing:-.015em}
.p-card__app{font-size:var(--fs-xs);color:var(--c-text-muted);margin:0;line-height:1.5}
.p-card__hl{list-style:none;margin:0;padding:var(--s-3) 0 0;border-top:var(--bw) solid var(--c-border);display:grid;gap:6px}
.p-card__hl li{margin:0;font-size:var(--fs-xs);color:var(--c-text);display:flex;gap:8px;align-items:baseline}
.p-card__hl li::before{content:"";width:5px;height:5px;background:var(--c-accent);flex:none;border-radius:1px;transform:translateY(-2px)}
.p-card__foot{margin-top:auto;padding-top:var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}

/* Chip-uri, tag-uri, badge-uri */
.chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 15px;border-radius:var(--r-chip);border:var(--bw) solid var(--c-border);background:#fff;font-size:var(--fs-xs);font-weight:600;color:var(--u-midnight);cursor:pointer;white-space:nowrap;transition:all var(--t-fast)}
.chip:hover{border-color:var(--c-border-strong);background:var(--u-ice)}
.chip[aria-pressed="true"]{background:var(--u-midnight);border-color:var(--u-midnight);color:#fff}
.chip__count{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--u-ice);border:var(--bw) solid var(--c-border);font-size:var(--fs-xs);font-weight:600;color:var(--c-text-muted)}
.tag--accent{background:var(--u-blue-050);border-color:#C9DCF9;color:var(--u-blue-700)}
.badge-verify{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:5px;background:#FFF1E9;border:1px solid #FFD3BC;color:#8A3A11;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}

/* Tabel specificații */
.spec-table{width:100%;border-collapse:separate;border-spacing:0;border:var(--bw) solid var(--c-border);border-radius:var(--r-table);overflow:hidden;font-size:var(--fs-sm)}
.spec-table caption{text-align:left;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-text-muted);font-weight:600;padding-bottom:var(--s-3)}
.spec-table th,.spec-table td{text-align:left;padding:13px 16px;border-bottom:var(--bw) solid var(--c-border);vertical-align:top}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
.spec-table th{font-weight:600;color:var(--c-text-muted);width:46%;background:var(--u-ice);font-size:var(--fs-xs)}
.spec-table td{font-variant-numeric:tabular-nums;font-weight:500}
.spec-table td .unit{color:var(--c-text-muted);font-weight:400;margin-left:3px}
.spec-table td.is-empty{color:var(--c-text-muted);font-style:normal;font-weight:400}
.spec-note{display:block;font-size:var(--fs-xs);color:var(--c-text-muted);font-weight:400;margin-top:4px}
@media(max-width:560px){.spec-table:not(.spec-table--variants) th{width:auto}.spec-table:not(.spec-table--variants),.spec-table:not(.spec-table--variants) tbody,.spec-table:not(.spec-table--variants) tr,.spec-table:not(.spec-table--variants) th,.spec-table:not(.spec-table--variants) td{display:block}.spec-table:not(.spec-table--variants) th{background:transparent;border-bottom:0;padding-bottom:0}.spec-table:not(.spec-table--variants) td{padding-top:2px}}
/* Tabel comparativ pentru modele/variante */
.spec-table--variants{table-layout:auto}
.spec-table--variants thead th{background:var(--u-midnight);color:#fff;font-weight:700;text-transform:none;letter-spacing:0;font-size:var(--fs-xs);font-family:var(--f-head);border-bottom:0}
.spec-table--variants thead th:first-child{background:var(--u-carbon);text-align:left}
.spec-table--variants tbody th{width:auto;white-space:nowrap}
.spec-table--variants thead th{width:auto;min-width:88px}
.spec-table--variants tbody td{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.spec-variants{margin-top:var(--s-2);border-radius:var(--r-table);border:var(--bw) solid var(--c-border);background:#fff}
.spec-variants .spec-table{border:0;border-radius:0}

/* Metric tehnic */
.metric{border-left:3px solid var(--c-accent);padding-left:var(--s-4)}
.metric__val{font-family:var(--f-head);font-size:clamp(1.5rem,1.1rem + 1.4vw,2.125rem);font-weight:800;letter-spacing:-.03em;display:block;line-height:1.1}
.metric__lbl{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:5px;display:block}
.section--dark .metric__lbl{color:var(--c-text-invert-muted)}

/* Pași proces */
.steps{list-style:none;margin:0;padding:0;counter-reset:step;display:grid;gap:var(--s-5)}
@media(min-width:820px){.steps--row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-6)}
  .steps--row:has(>li:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
.steps li{counter-increment:step;position:relative;padding-top:var(--s-5);border-top:2px solid var(--c-border);margin:0}
.steps li::before{content:counter(step,decimal-leading-zero);font-family:var(--f-head);font-size:var(--fs-xs);font-weight:700;color:var(--c-action);letter-spacing:.08em;display:block;margin-bottom:8px}
.steps li.is-active{border-top-color:var(--c-action)}
.steps :is(h3,h4){font-size:1rem;margin-bottom:6px}
.steps p{font-size:var(--fs-xs);color:var(--c-text-muted);margin:0}
.section--dark .steps li{border-top-color:rgba(255,255,255,.18)}
.section--dark .steps li::before{color:var(--u-cyan)}

/* Acordeon */
.acc{border-top:var(--bw) solid var(--c-border)}
.acc__item{border-bottom:var(--bw) solid var(--c-border)}
.acc__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);background:none;border:0;padding:20px 0;text-align:left;font-family:var(--f-head);font-size:1.0625rem;font-weight:700;color:var(--u-midnight);cursor:pointer;min-height:56px}
.acc__btn .chev{color:var(--c-text-muted);transition:transform var(--t-fast);flex:none}
.acc__btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.acc__panel{display:none;padding-bottom:var(--s-6)}
.acc__panel.is-open{display:block}
.acc__panel p:last-child{margin-bottom:0}

/* Breadcrumbs */
.crumbs{padding-block:var(--s-4);border-bottom:var(--bw) solid var(--c-border);background:var(--u-ice)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-xs)}
.crumbs li{margin:0;display:flex;align-items:center;gap:8px;color:var(--c-text-muted)}
.crumbs a{color:var(--c-text-muted);text-decoration:none;padding:4px 0}
.crumbs a:hover{color:var(--c-action);text-decoration:underline}
.crumbs [aria-current="page"]{color:var(--c-text);font-weight:600}
.crumbs .sep{color:var(--c-border-strong)}

/* ============================================================
   COMPONENTE: FORMULARE
   ============================================================ */
.form-grid{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field--full{grid-column:1/-1}
.field label,.fieldset__legend{font-size:var(--fs-sm);font-weight:600;color:var(--u-midnight)}
.field .req{color:var(--u-orange);margin-left:2px}
.field .hint{font-size:var(--fs-xs);color:var(--c-text-muted)}
.input,.select,.textarea{
  width:100%;min-height:48px;padding:12px 14px;border:var(--bw) solid var(--c-border-strong);border-radius:var(--r-input);
  background:#fff;font-family:var(--f-body);font-size:var(--fs-sm);color:var(--c-text);
  transition:border-color var(--t-fast),box-shadow var(--t-fast);
}
.textarea{min-height:132px;resize:vertical;line-height:1.55}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2354606D' stroke-width='2.2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.input:hover,.select:hover,.textarea:hover{border-color:var(--u-midnight)}
.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--c-action);box-shadow:0 0 0 3px rgba(14,91,216,.18);outline:none}
.input[aria-invalid="true"],.select[aria-invalid="true"],.textarea[aria-invalid="true"]{border-color:#C0392B;background:#FFF7F6}
.field__err{font-size:var(--fs-xs);color:#A32B1D;font-weight:600;display:flex;align-items:center;gap:6px}
.fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.fieldset__legend{padding:0;margin-bottom:2px}
.opt-row{display:flex;flex-wrap:wrap;gap:10px}
.opt{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:var(--bw) solid var(--c-border-strong);border-radius:var(--r-input);cursor:pointer;font-size:var(--fs-sm);font-weight:500;background:#fff;min-height:48px;transition:border-color var(--t-fast),background var(--t-fast)}
.opt:hover{background:var(--u-ice)}
.opt input{accent-color:var(--c-action);width:18px;height:18px;margin:0}
.opt:has(input:checked){border-color:var(--c-action);background:var(--u-blue-050)}
.check{display:flex;gap:11px;align-items:flex-start;font-size:var(--fs-xs);color:var(--c-text-muted);line-height:1.55;cursor:pointer}
.check input{accent-color:var(--c-action);width:20px;height:20px;margin:2px 0 0;flex:none}
.file-drop{border:1.5px dashed var(--c-border-strong);border-radius:var(--r-input);padding:var(--s-6);text-align:center;background:var(--u-ice);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}
.file-drop:hover{border-color:var(--c-action);background:var(--u-blue-050)}
.file-drop svg{color:var(--c-text-muted);margin-bottom:8px}
.file-drop strong{display:block;font-size:var(--fs-sm)}
.file-drop span{font-size:var(--fs-xs);color:var(--c-text-muted)}
.form-card{background:#fff;border:var(--bw) solid var(--c-border);border-radius:var(--r-card);padding:clamp(24px,3vw,40px);box-shadow:var(--sh-2)}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);margin-top:var(--s-6);padding-top:var(--s-6);border-top:var(--bw) solid var(--c-border)}
.form-foot .microcopy{font-size:var(--fs-xs);color:var(--c-text-muted);max-width:44ch;margin:0}
.err-summary{border:var(--bw) solid #E9B4AC;background:#FFF7F6;border-radius:var(--r-card);padding:var(--s-5);margin-bottom:var(--s-6)}
.err-summary h3{font-size:1rem;color:#A32B1D;margin-bottom:8px}
.err-summary ul{margin:0;padding-left:1.1em;font-size:var(--fs-sm)}
.err-summary a{color:#A32B1D;font-weight:600}
.form-success{border:var(--bw) solid #A9D6BC;background:#F1FAF5;border-radius:var(--r-card);padding:var(--s-8);text-align:center}
.form-success__ico{width:56px;height:56px;border-radius:50%;background:#1E7A4C;color:#fff;display:grid;place-items:center;margin:0 auto var(--s-5)}
.form-success h3{margin-bottom:8px}
.form-success p{margin:0 auto;color:var(--c-text-muted);max-width:46ch}

/* Alert / Callout */
.callout{display:flex;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-card);background:var(--u-ice);border:var(--bw) solid var(--c-border);border-left:3px solid var(--c-accent)}
.callout svg{flex:none;color:var(--c-action);margin-top:2px}
.callout p{margin:0;font-size:var(--fs-sm);color:var(--c-text-muted)}
.callout strong{color:var(--c-text)}
.callout--demo{border-left-color:var(--u-orange);background:#FFF8F4;border-color:#FFE0CE}
.callout--demo svg{color:#C6511C}

/* Toast */
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,calc(100% + 60px));z-index:var(--z-toast);background:var(--u-midnight);color:#fff;padding:14px 20px;border-radius:var(--r-btn);box-shadow:var(--sh-3);font-size:var(--fs-sm);font-weight:600;display:flex;align-items:center;gap:10px;transition:transform var(--t-slow);max-width:calc(100vw - 32px)}
.toast.is-visible{transform:translate(-50%,0)}

/* Modal / Drawer */
.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter);visibility:hidden;pointer-events:none}
.modal.is-open{visibility:visible;pointer-events:auto}
.modal__scrim{position:absolute;inset:0;background:rgba(10,26,43,.6);opacity:0;transition:opacity var(--t-base)}
.modal.is-open .modal__scrim{opacity:1}
.modal__panel{position:relative;background:#fff;border-radius:var(--r-card);width:min(760px,100%);max-height:88vh;overflow-y:auto;box-shadow:var(--sh-3);transform:translateY(12px) scale(.99);opacity:0;transition:transform var(--t-slow),opacity var(--t-base)}
.modal.is-open .modal__panel{transform:none;opacity:1}
.modal__head{position:sticky;top:0;background:#fff;border-bottom:var(--bw) solid var(--c-border);padding:var(--s-5) clamp(20px,3vw,32px);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);z-index:2}
.modal__head h2{margin:0;font-size:var(--fs-h4)}
.modal__head p{margin:4px 0 0;font-size:var(--fs-xs);color:var(--c-text-muted)}
.modal__body{padding:clamp(20px,3vw,32px)}

/* Filtre catalog */
.catalog{display:grid;gap:var(--s-8);align-items:start}
@media(min-width:1000px){.catalog{grid-template-columns:290px minmax(0,1fr);gap:var(--s-10)}}
.filters{position:sticky;top:96px;display:none}
@media(min-width:1000px){.filters{display:block;max-height:calc(100vh - 96px - var(--s-8));overflow-y:auto;padding-right:var(--s-4);scrollbar-width:thin}}
.filters::-webkit-scrollbar{width:8px}
.filters::-webkit-scrollbar-track{background:transparent}
.filters::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}
.filters::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted)}
.filters__group{border-bottom:var(--bw) solid var(--c-border);padding-bottom:var(--s-5);margin-bottom:var(--s-5)}
.filters__group h3{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-text-muted);font-family:var(--f-body);font-weight:600;margin-bottom:var(--s-4)}
.filters__list{display:grid;gap:2px}
.f-opt{display:flex;align-items:center;gap:11px;padding:9px 10px;margin-left:-10px;border-radius:8px;font-size:var(--fs-sm);cursor:pointer;min-height:44px;transition:background var(--t-fast)}
.f-opt:hover{background:var(--u-ice)}
.f-opt input{accent-color:var(--c-action);width:18px;height:18px;margin:0;flex:none}
.f-opt .cnt{margin-left:auto;font-size:var(--fs-xs);color:var(--c-text-muted);font-variant-numeric:tabular-nums}
.catalog__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);padding-bottom:var(--s-5);border-bottom:var(--bw) solid var(--c-border)}
.catalog__count{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0}
.catalog__count strong{color:var(--c-text);font-variant-numeric:tabular-nums}
.search-field{position:relative;flex:1;min-width:220px}
.search-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-text-muted);pointer-events:none}
.search-field .input{padding-left:44px}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s-5)}
.active-filters .pill{display:inline-flex;align-items:center;gap:8px;background:var(--u-blue-050);border:1px solid #C9DCF9;color:var(--u-blue-700);border-radius:var(--r-chip);padding:6px 8px 6px 13px;font-size:var(--fs-xs);font-weight:600}
.active-filters .pill button{background:none;border:0;cursor:pointer;color:inherit;display:grid;place-items:center;width:22px;height:22px;border-radius:50%}
.active-filters .pill button:hover{background:rgba(14,91,216,.14)}
.mobile-filter-bar{display:flex;gap:var(--s-3);margin-bottom:var(--s-5)}
@media(min-width:1000px){.mobile-filter-bar{display:none}}
.empty-state{border:1.5px dashed var(--c-border-strong);border-radius:var(--r-card);padding:var(--s-16) var(--s-6);text-align:center;background:var(--u-ice)}
.empty-state svg{color:var(--c-border-strong);margin-bottom:var(--s-4)}
.empty-state h3{margin-bottom:6px}
.empty-state p{margin:0 auto var(--s-5);color:var(--c-text-muted);max-width:42ch}

/* ============================================================
   COMPONENTE: PAGINĂ PRODUS, PROIECTE, PARTENERI, FOOTER
   ============================================================ */
.page-hero{padding-block:clamp(40px,5vw,72px) clamp(32px,4vw,56px);background:#fff}
.page-hero--alt{background:var(--u-ice);border-bottom:var(--bw) solid var(--c-border)}
.page-hero--dark{background:var(--u-midnight);color:#fff}
.page-hero--dark h1{color:#fff}
.page-hero--dark p{color:var(--c-text-invert-muted)}
.page-hero__inner{display:grid;gap:var(--s-8)}
@media(min-width:980px){.page-hero__inner--split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:var(--s-16)}}
.page-hero__lead{font-size:var(--fs-lead);color:var(--c-text-muted)}

.pdp{display:grid;gap:var(--s-10);padding-block:var(--s-10)}
@media(min-width:1000px){.pdp{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s-16);align-items:start}}
.gallery__main{border:var(--bw) solid var(--c-border);border-radius:var(--r-card);overflow:hidden;background:var(--u-ice)}
.gallery__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gallery__thumb{width:82px;border:var(--bw) solid var(--c-border);border-radius:9px;overflow:hidden;background:var(--u-ice);cursor:pointer;padding:0;transition:border-color var(--t-fast)}
.gallery__thumb[aria-current="true"]{border-color:var(--c-action);box-shadow:0 0 0 1px var(--c-action)}
.gallery__thumb:hover{border-color:var(--c-border-strong)}
.pdp__aside{position:sticky;top:100px}
.pdp__brand{font-size:var(--fs-label);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:10px}
.pdp h1{font-size:clamp(1.875rem,1.4rem + 2vw,2.75rem);margin-bottom:var(--s-4)}
.pdp__summary{font-size:var(--fs-lead);color:var(--c-text-muted)}
.pdp__benefits{list-style:none;margin:var(--s-6) 0;padding:var(--s-5) 0;border-block:var(--bw) solid var(--c-border);display:grid;gap:14px}
.pdp__benefits li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:var(--fs-sm)}
.pdp__benefits svg{color:var(--c-action);flex:none;margin-top:3px}
.pdp__cta{display:grid;gap:10px}
@media(min-width:520px){.pdp__cta{grid-template-columns:1fr auto}}
.pdp__meta{margin-top:var(--s-5);font-size:var(--fs-xs);color:var(--c-text-muted);display:flex;flex-wrap:wrap;gap:var(--s-4)}
.pdp__meta span{display:inline-flex;align-items:center;gap:7px}
.pdp-block{padding-block:var(--s-10);border-top:var(--bw) solid var(--c-border)}
.pdp-block h2{font-size:var(--fs-h3);margin-bottom:var(--s-6)}
.dl-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.dl-card{display:flex;align-items:center;gap:14px;padding:16px;border:var(--bw) solid var(--c-border);border-radius:var(--r-card);background:#fff;text-decoration:none;color:inherit;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.dl-card:hover{border-color:var(--c-border-strong);box-shadow:var(--sh-2);color:inherit}
.dl-card__ico{width:42px;height:42px;border-radius:9px;background:var(--u-ice);color:var(--u-midnight);display:grid;place-items:center;flex:none;border:var(--bw) solid var(--c-border)}
.dl-card strong{display:block;font-size:var(--fs-sm)}
.dl-card span{font-size:var(--fs-xs);color:var(--c-text-muted)}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);background:#fff;border-top:var(--bw) solid var(--c-border);box-shadow:0 -6px 22px -14px rgba(10,26,43,.4);padding:12px var(--gutter);display:none;align-items:center;justify-content:space-between;gap:var(--s-4);transform:translateY(110%);transition:transform var(--t-slow)}
.sticky-cta.is-visible{transform:none}
.sticky-cta.is-active{display:flex}
.sticky-cta__info{min-width:0}
.sticky-cta__info strong{display:block;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-cta__info span{font-size:var(--fs-xs);color:var(--c-text-muted)}

/* Card proiect / studiu de caz */
.case-card{display:flex;flex-direction:column;background:#fff;border:var(--bw) solid var(--c-border);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--t-base),box-shadow var(--t-base)}
.case-card:hover{border-color:var(--c-border-strong);box-shadow:var(--sh-3);color:inherit}
.case-card__body{padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);flex:1}
.case-card h3{font-size:1.25rem;margin:0}
.case-card p{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0}
.case-card .link-arrow{margin-top:auto;padding-top:var(--s-4)}

/* Grilă parteneri */
.brand-grid{display:grid;gap:1px;background:var(--c-border);border:var(--bw) solid var(--c-border);border-radius:var(--r-card);overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(min-width:1080px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.brand-cell{background:#fff;padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);text-decoration:none;color:inherit;transition:background var(--t-fast)}
.brand-cell:hover{background:var(--u-ice);color:inherit}
.brand-cell__logo-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.brand-cell__logo{height:34px;display:flex;align-items:center;font-family:var(--f-head);font-weight:800;font-size:1.25rem;letter-spacing:.04em;color:var(--u-midnight);opacity:.86}
.brand-cell:hover .brand-cell__logo{filter:none;opacity:1}
.brand-cell__logo-img{max-height:34px;max-width:150px;width:auto;height:auto;object-fit:contain}
.brand-cell:hover .brand-cell__logo-img{filter:none;opacity:1}
.brand-cell__logo-wrap:has(.brand-cell__logo-img) .brand-cell__logo,
.brand-cell__logo-wrap:has(.brand-cell__logo-img) .badge-verify{display:none}
.brand-cell__spec{font-size:var(--fs-xs);color:var(--c-text-muted);line-height:1.5;margin:0;flex:1}
.brand-cell__cats{display:flex;flex-wrap:wrap;gap:6px}
.logo-rail{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,4vw,56px);justify-content:center;padding-block:var(--s-6)}
.logo-rail span{font-family:var(--f-head);font-weight:800;font-size:clamp(1rem,.9rem + .5vw,1.375rem);letter-spacing:.05em;color:var(--u-midnight);opacity:.42;transition:opacity var(--t-fast)}
.logo-rail span:hover{opacity:.85}
.logo-rail img{height:30px;max-width:130px;width:auto;object-fit:contain}
.section--dark .logo-rail span{color:#fff;opacity:.55}

/* Bandă CTA */
.cta-band{background:var(--u-midnight);color:#fff;border-radius:var(--r-card);padding:clamp(32px,4vw,64px);position:relative;overflow:hidden;background-image:radial-gradient(90% 140% at 88% 8%,rgba(32,167,216,.3),transparent 58%)}
.cta-band__inner{position:relative;display:grid;gap:var(--s-8)}
@media(min-width:900px){.cta-band__inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:var(--s-12)}}
.cta-band h2{color:#fff;margin-bottom:var(--s-4)}
.cta-band p{color:var(--c-text-invert-muted);margin:0}
.cta-band__actions{display:flex;flex-direction:column;gap:12px}
@media(min-width:520px) and (max-width:899px){.cta-band__actions{flex-direction:row;flex-wrap:wrap}}

/* Footer */
.footer{background:var(--u-midnight);color:var(--c-text-invert-muted);padding-block:var(--s-16) var(--s-8);font-size:var(--fs-sm)}
.footer__grid{display:grid;gap:var(--s-10);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding-bottom:var(--s-12);border-bottom:1px solid rgba(255,255,255,.12)}
.footer__brand{grid-column:span 2;min-width:230px}
@media(max-width:640px){.footer__brand{grid-column:auto}}
.footer__brand p{font-size:var(--fs-sm);color:var(--c-text-invert-muted);max-width:34ch;margin-top:var(--s-5)}
.footer h4{color:#fff;font-family:var(--f-body);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;margin-bottom:var(--s-5);font-weight:600}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{margin-bottom:2px}
.footer a{color:var(--c-text-invert-muted);text-decoration:none;display:inline-block;padding:6px 0;font-size:var(--fs-sm)}
.footer a:hover{color:#fff;text-decoration:underline}
.footer__bottom{display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:space-between;align-items:center;padding-top:var(--s-6);font-size:var(--fs-xs)}
.footer__legal{display:flex;flex-wrap:wrap;gap:var(--s-5)}
.footer .logo__word{color:#fff}


/* Banner consimțământ */
.consent{position:fixed;left:var(--s-4);right:var(--s-4);bottom:var(--s-4);z-index:var(--z-consent);background:#fff;border:var(--bw) solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--sh-3);padding:var(--s-6);max-width:640px;margin-inline:auto;transform:translateY(140%);transition:transform var(--t-slow)}
.consent.is-open{transform:none}
.consent h2{font-size:1.0625rem;margin-bottom:8px}
.consent p{font-size:var(--fs-xs);color:var(--c-text-muted);margin-bottom:var(--s-5)}
.consent__actions{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:560px){.consent__actions{grid-template-columns:1fr 1fr auto}}
.consent__prefs{display:none;padding-top:var(--s-5);margin-top:var(--s-5);border-top:var(--bw) solid var(--c-border);gap:var(--s-4);flex-direction:column}
.consent__prefs.is-open{display:flex}
.consent-row{display:flex;gap:var(--s-4);align-items:flex-start;justify-content:space-between}
.consent-row strong{display:block;font-size:var(--fs-sm)}
.consent-row span{font-size:var(--fs-xs);color:var(--c-text-muted)}
/* Banner compact: pe telefon nu mai acoperă primul ecran, pe desktop stă într-un colț (nu peste butoanele din hero). */
@media(max-width:559px){
  .consent{left:8px;right:8px;bottom:8px;padding:14px 14px 12px}
  .consent h2{font-size:.95rem;margin-bottom:4px}
  .consent p{margin-bottom:10px;line-height:1.45}
  .consent__actions{grid-template-columns:1fr 1fr;gap:8px}
  .consent__actions .btn{min-height:44px;padding-inline:10px;font-size:.875rem}
  .consent__actions #consentCustomize{grid-column:1/-1;min-height:36px}
}
@media(min-width:960px){
  .consent{left:auto;right:var(--s-6);margin:0;max-width:440px}
  .consent__actions{grid-template-columns:1fr 1fr}
  .consent__actions #consentCustomize{grid-column:1/-1}
}
.switch{position:relative;flex:none;width:46px;height:26px}
.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.switch .track{position:absolute;inset:0;background:var(--c-border-strong);border-radius:999px;transition:background var(--t-fast);pointer-events:none}
.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--t-fast);pointer-events:none;box-shadow:var(--sh-1)}
.switch input:checked~.track{background:var(--c-action)}
.switch input:checked~.knob{transform:translateX(20px)}
.switch input:disabled~.track{background:#C6CFD8}
.switch input:focus-visible~.track{box-shadow:var(--focus-ring)}

/* Tabel generic (documentație în pagină, migrare URL) */
.table-wrap{overflow-x:auto;border:var(--bw) solid var(--c-border);border-radius:var(--r-table)}
.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-xs);min-width:640px}
.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:var(--bw) solid var(--c-border);vertical-align:top}
.data-table thead th{background:var(--u-ice);font-weight:700;color:var(--u-midnight);white-space:nowrap}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--u-ice);padding:2px 5px;border-radius:4px}

/* Anim. de intrare, subtilă */
.reveal{opacity:0;transform:translateY(14px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity var(--t-slow),transform var(--t-slow)}
.grid>.reveal:nth-child(2),.grid--2>.reveal:nth-child(2),.grid--3>.reveal:nth-child(2),.grid--4>.reveal:nth-child(2){transition-delay:70ms}
.grid>.reveal:nth-child(3),.grid--3>.reveal:nth-child(3),.grid--4>.reveal:nth-child(3){transition-delay:140ms}
.grid>.reveal:nth-child(4),.grid--4>.reveal:nth-child(4){transition-delay:210ms}
.grid>.reveal:nth-child(5){transition-delay:280ms}
.grid>.reveal:nth-child(6){transition-delay:350ms}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none!important}}
/* Hover lift pe carduri — micro-interacțiune */
.sol-card,.p-card,.case-card{transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}
.sol-card:hover,.p-card:hover,.case-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.brand-cell{transition:background var(--t-fast),transform var(--t-base)}
.brand-cell:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.sol-card,.p-card,.case-card,.brand-cell{transition:border-color var(--t-base),box-shadow var(--t-base)!important}.sol-card:hover,.p-card:hover,.case-card:hover,.brand-cell:hover{transform:none!important}}
/* Fade discret la schimbarea de rută */
#main{animation:mainFadeIn var(--t-slow) ease both}
@keyframes mainFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#main{animation:none}}
@media print{.u-header,.utility-bar,.sticky-cta,.consent,.mobile-nav{display:none!important}}
/* === LANE:catalognou === */
/* Pagina de echipamente păstrată în forma nouă, peste designul original.
   Mai jos sunt DOAR piesele de care depinde catalogul: câțiva tokeni,
   fontul mono pentru etichetele tehnice și două primitive. Nimic altceva
   din redesign nu intră în site. */
:root{
  --u-surface:#F2F4F5;
  --fw-display:800;
  --header-h:76px;
  --c-line:rgba(10,26,43,.12);
  --c-line-strong:rgba(10,26,43,.28);
  --f-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
.tl{font-family:var(--f-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted);line-height:1.4}
.tex{position:relative;isolation:isolate}
.tex::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:repeating-linear-gradient(90deg,rgba(10,26,43,.02) 0 1px,transparent 1px 5px),
                   linear-gradient(180deg,rgba(10,26,43,.02),transparent 42%)}
.panel{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-card);position:relative}
.panel--pad{padding:clamp(18px,1.9vw,28px)}
.ct-head{position:relative;background:var(--u-surface);padding-block:clamp(32px,4vw,56px) clamp(24px,3vw,40px)}
.ct-head--slim{padding-block:clamp(28px,3.2vw,44px) clamp(20px,2.4vw,32px)}
.ct-head__row{display:grid;gap:var(--s-6);align-items:end}
.ct-head__text h1{font-size:clamp(34px,3.4vw,54px);line-height:1;letter-spacing:-.04em;margin:0 0 var(--s-4);max-width:18ch}
.ct-head__lead{font-size:var(--fs-body);color:var(--c-text-muted);max-width:58ch;margin:0}
.ct-head__count{display:flex;align-items:baseline;gap:10px;margin:0;white-space:nowrap}
.ct-head__num{font-family:var(--f-head);font-weight:var(--fw-display);font-size:clamp(44px,4.6vw,72px);line-height:.9;letter-spacing:-.05em;color:var(--u-midnight);font-variant-numeric:tabular-nums}
.ct-head__rule{height:1px;background:linear-gradient(90deg,var(--u-blue),var(--u-cyan) 22%,var(--c-line-strong) 22%,var(--c-line-strong))}
.ct-main{background:var(--u-surface);padding-block:clamp(28px,3.2vw,44px) clamp(48px,6vw,88px)}
.ct-console{display:block}
.ct-console .ct-fgroup:last-of-type .filters__group{border-bottom:0;padding-bottom:0;margin-bottom:var(--s-2)}
.ct-fgroup .filters__group{border-bottom:1px solid var(--c-line);padding-bottom:var(--s-4);margin-bottom:var(--s-4)}
.ct-fgroup .filters__group h3{font-family:var(--f-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:var(--ls-label);color:var(--c-text-muted);margin-bottom:10px}
.ct-filters .filters__list{gap:0}
.ct-filters .f-opt{min-height:34px;padding:5px 8px;margin-left:-8px;border-radius:2px;font-size:var(--fs-sm);gap:9px}
.ct-filters .f-opt input{width:15px;height:15px}
.ct-filters .f-opt .cnt{font-family:var(--f-mono);font-size:11px;font-weight:500}
.ct-filters .f-opt:hover{background:var(--u-surface)}
.ct-clear{margin-top:var(--s-2);padding-inline:0}
.ct-fgroup--flow .filters__list{position:relative;padding-left:18px}
.ct-fgroup--flow .filters__list::before{content:"";position:absolute;left:3.5px;top:16px;bottom:16px;width:1px;
  background:linear-gradient(180deg,var(--u-blue),var(--u-cyan));opacity:.55}
.ct-fgroup--flow .f-opt{position:relative;margin-left:0;padding-left:0}
.ct-fgroup--flow .f-opt::before{content:"";position:absolute;left:-18px;top:50%;margin-top:-4px;width:8px;height:8px;
  border-radius:50%;background:#fff;border:1.5px solid var(--u-blue);box-sizing:border-box;transition:background var(--t-fast),border-color var(--t-fast)}
.ct-fgroup--flow .f-opt:has(input:checked)::before{background:var(--u-cyan);border-color:var(--u-cyan)}
.ct-fgroup--flow .f-opt:hover{background:transparent}
.ct-fgroup--flow .f-opt:hover span:not(.cnt){color:var(--u-midnight)}
.ct-bar{background:var(--u-surface)!important;border-bottom-color:var(--c-line-strong);padding-bottom:var(--s-4);margin-bottom:var(--s-5)}
.ct-search .input{background:#fff;border-color:var(--c-line-strong)}
.ct-results .catalog__count{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.04em}
.ct-results .grid--3{gap:16px}
.ct-results .reveal{opacity:1;transform:none;transition:none}
.ct-results .empty-state{background:#fff;border-color:var(--c-line-strong)}

@media(min-width:900px){.ct-head__row{grid-template-columns:minmax(0,1fr) auto;gap:var(--s-16)}}
@media(min-width:1000px){
  .ct-grid.catalog{grid-template-columns:272px minmax(0,1fr);gap:clamp(32px,3.4vw,56px)}
}
@media(min-width:1000px){
  .ct-filters{top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 40px);padding-right:var(--s-3)}
}
@media(max-width:999px){
  .filters.is-mobile-open .ct-console{border:0;border-radius:0;padding:0}
}
@media(max-width:999px){
  .ct-head__row{align-items:start}
  .ct-head__count{order:-1}
}
@media(max-width:560px){
  .ct-head__num{font-size:40px}
  .ct-results .grid--3{gap:12px}
}


/* --- paginare + drawer de filtre pe mobil --- */
.ux-more{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);padding:var(--s-10) 0 var(--s-4);border-top:1px solid var(--c-line);margin-top:var(--s-6)}
.ux-more__bar{width:min(320px,100%);height:2px;background:var(--c-line);display:block;overflow:hidden}
.ux-more__bar span{display:block;height:100%;background:var(--c-action);transition:width 500ms var(--ease-out)}
.ux-more .btn{min-width:220px}
/* Antetul de drawer apare DOAR pe mobil; regula de mai jos, scoasă din @media
   la extragere, se aplica și pe desktop. */
.ux-filters__head{display:none}
@media(max-width:999px){
  .filters.is-mobile-open{display:block!important;position:fixed!important;inset:0;z-index:var(--z-drawer);background:#fff;max-height:none;overflow-y:auto;padding:var(--s-5) var(--gutter) var(--s-16);animation:uxSheet 360ms var(--ease-out)}
  .filters.is-mobile-open .ux-filters__head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;padding:var(--s-2) 0 var(--s-4);margin-bottom:var(--s-4);border-bottom:1px solid var(--c-line);z-index:2}
  body.ux-filters-open{overflow:hidden}
  @keyframes uxSheet{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
}
/* === /LANE:catalognou === */
/* === LANE:v3keep === */
/* ============================================================
   Piesele păstrate din V3, peste designul original.
   DOAR: tokenii de care depind catalogul și fișa de produs,
   plus media cinematică pentru videoclipul din hero.
   Restul V3 (tipografie, paletă, ritm) NU intră aici.
   ============================================================ */
:root{
  --u-ink:#07131F;
  --u-navy-soft:#122638;
  --u-text:#1D1D1F;
  --u-text-muted:#626B73;
  --r-media:10px;
  --lh-lead:1.5;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* --- Media cinematică: video peste poster, fără cadru negru și fără salt --- */
.cine{position:relative;overflow:hidden;background:var(--u-ink);isolation:isolate}
.cine__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.cine__media--poster{z-index:0}
.cine__media--video{z-index:1;opacity:0;transition:opacity 700ms var(--ease)}
.cine__media--video.is-playing{opacity:1}
.cine__veil{position:absolute;inset:0;z-index:2;pointer-events:none}
.cine__body{position:relative;z-index:3}
/* Fără mișcare: rămâne fotografia, compoziția e identică */
@media (prefers-reduced-motion:reduce){.cine__media--video{display:none}}

/* Hero-ul original cu video în spate: gradientul păstrează lizibilitatea pe stânga,
   dar lasă utilajul din dreapta vizibil (§48.2 din brief). */
.hero{background:var(--u-ink)}
.hero .cine{position:absolute;inset:0;z-index:0}
.hero::after{display:none}
.hero__inner{position:relative;z-index:3}
.hero__veil{background:
  linear-gradient(90deg,rgba(7,19,31,.88) 0%,rgba(7,19,31,.62) 38%,rgba(7,19,31,.22) 72%,rgba(7,19,31,.06) 100%),
  linear-gradient(0deg,rgba(7,19,31,.58) 0%,rgba(7,19,31,.10) 34%,rgba(7,19,31,0) 60%)}
/* Hero derulat: clipul aprobat, ca 96 de cadre pe canvas, urmărește derularea în ambele sensuri.
   Pe desktop, când hero-ul încape în ecran, rămâne fixat cât trece camera prin hală. */
.cine__media--canvas{z-index:1;opacity:0;transition:opacity 700ms var(--ease)}
.cine__media--canvas.is-ready{opacity:1}
@media (prefers-reduced-motion:reduce){.cine__media--canvas{display:none}}
.hero-scrub.is-pinned .hero{position:sticky;top:var(--pin-top,0px);min-height:calc(100vh - var(--pin-top,0px));display:flex;align-items:center}
.hero-scrub.is-pinned .hero__inner{width:100%}
/* Pe desktop, hero-ul ocupă din start aproape tot ecranul (cât are oricum după fixare), ca banda de sub el să nu
   apară în primul ecran și apoi să fie împinsă în jos de script (CLS). 100px > înălțimea header-ului, ca hero-ul să
   încapă mereu sub el și fixarea să se aplice. */
@media (min-width:1000px) and (prefers-reduced-motion:no-preference){ .hero-scrub .hero{min-height:calc(100vh - 100px)} }
/* Călătoria prin fabrică, în hero-ul fixat: după clipul hero, panoul „Pornește de la proces" crește până umple ecranul
   (--g: 0→1) și devine fereastra prin care camera trece prin cele 6 procese. Doar când hero-ul se poate fixa (desktop,
   cu mișcare permisă și JS: .journey-on); altfel rămâne secțiunea cu grila de procese. */
.hero{--g:0}
.journey{display:none;position:absolute;inset:0;z-index:2;opacity:calc(var(--g) * 6);pointer-events:none;background:var(--u-ink)}
@media (prefers-reduced-motion:no-preference){ .journey-on .journey{display:block} }
main:has(.journey-on) .home-procese{display:none}
.hero.is-grown .journey{pointer-events:auto}
.hero.is-grown .hero__inner{visibility:hidden}
.journey-on .hero__inner > div:first-child{opacity:calc(1 - var(--g) * 3)}
.journey-on .hero__panel,.journey-m .hero__panel{background:rgba(7,19,31,calc(.34 - var(--g) * .7));border-color:rgba(255,255,255,calc(.18 - var(--g) * .36));backdrop-filter:blur(max(0px, calc(4px - var(--g) * 8px)))}
.journey-on .hero__panel h2,.journey-on .hero__panel .flow-list li + li,.journey-m .hero__panel h2,.journey-m .hero__panel .flow-list li + li{opacity:calc(1 - var(--g) * 4)}
.journey-on .hero__panel .flow-list li:first-child,.journey-m .hero__panel .flow-list li:first-child{opacity:calc(1 - (var(--g) - .45) * 4)}
.journey .cine{position:absolute;inset:0;z-index:0}
.journey__veil{background:linear-gradient(180deg,rgba(7,19,31,.5) 0%,rgba(7,19,31,0) 26%)}   /* doar sub titlu: cardul are fundal propriu; voalul lateral spăla jumătate din imagine */
.journey__inner{position:relative;z-index:3;height:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-6);padding-bottom:clamp(32px,7vh,80px)}
.journey__title,.journey__cards,.journey__dots{opacity:calc((var(--g) - .7) * 3.4)}
.journey__title{position:absolute;top:clamp(24px,6vh,64px);left:var(--gutter);max-width:640px;margin:0;color:#fff}
.journey__cards{display:grid;max-width:460px}
.journey__card{grid-area:1/1;display:block;padding:var(--s-6);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-card);background:rgba(7,19,31,.8);color:#fff;text-decoration:none;
  opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity 400ms var(--ease),transform 400ms var(--ease)}
.journey__card.is-on,.journey__card:focus-visible{opacity:1;transform:none;pointer-events:auto}
.journey__idx{color:var(--u-cyan);font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.journey__card h3{color:#fff;margin:var(--s-2) 0}
.journey__card p{color:rgba(255,255,255,.8);margin:0}
.journey__go{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s-4);color:var(--u-cyan);font-weight:600}
.journey__go svg{width:18px;height:18px}
.journey__card:hover .journey__go{text-decoration:underline}
.journey__dots{list-style:none;margin:0;padding:14px 12px;border-radius:var(--r-chip);background:rgba(7,19,31,.7);display:flex;flex-direction:column;gap:10px;color:rgba(255,255,255,.45);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}
.journey__dots li{transition:color 300ms var(--ease)}
.journey__dots li.is-on{color:#fff}
/* Săgeata de derulare: sare ușor ca să invite la scroll; click = următorul proces; dispare la ultimul. */
.scroll-cue{display:none;position:absolute;left:50%;bottom:clamp(16px,3.2vh,32px);z-index:6;height:48px;padding:0 18px 0 22px;transform:translateX(-50%);border-radius:999px;
  border:0;background:#fff;color:#07131f;font-family:inherit;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;grid-auto-flow:column;gap:10px;place-items:center;cursor:pointer;
  box-shadow:0 8px 28px rgba(7,19,31,.35);transition:opacity 300ms var(--ease),background 200ms}
.scroll-cue:hover{background:#e8f6fb}
.scroll-cue:focus-visible{outline:2px solid var(--u-cyan);outline-offset:3px}
.scroll-cue svg{width:20px;height:20px;animation:cueBob 1.6s ease-in-out infinite}
.scroll-cue.is-hidden{opacity:0;pointer-events:none}
@keyframes cueBob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}}
@media (min-width:1000px){ .hero-scrub.is-pinned .hero > .scroll-cue{display:grid} }
.journey-m.is-on .scroll-cue{display:grid;left:auto;right:var(--gutter);margin:0;transform:none;bottom:clamp(18px,3.8vh,38px)}
/* Telefon / tabletă: hero-ul nu încape în ecran, deci panoul „Pornește de la proces" se mută într-o scenă proprie sub hero,
   peste imaginea hero-ului; fixată sub header, crește (--g) în fereastra călătoriei, ca pe desktop. */
.journey-m{display:none}
@media (prefers-reduced-motion:no-preference){ .journey-m.is-on{display:block} }
main:has(.journey-m.is-on) .home-procese{display:none}
.journey-m__stage{--g:0;position:relative;height:calc(100vh - var(--pin-top,0px));height:calc(100dvh - var(--pin-top,0px));overflow:hidden;background:var(--u-ink)}
.journey-m.is-pinned .journey-m__stage{position:sticky;top:var(--pin-top,0px)}
.journey-m__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.journey-m__veil{position:absolute;inset:0;background:rgba(7,19,31,.55)}
.journey-m .journey{display:block}
.journey-m__stage.is-grown .journey{pointer-events:auto}
.journey-m .hero__panel{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);top:50%;transform:translateY(-50%)}
.journey-m__stage.is-grown .hero__panel{visibility:hidden}
.journey-m .journey__veil{background:linear-gradient(0deg,rgba(7,19,31,.5) 0%,rgba(7,19,31,0) 35%),linear-gradient(180deg,rgba(7,19,31,.55) 0%,rgba(7,19,31,0) 22%)}   /* ușor: cardul are fundal propriu, iar un voal gros tulbură imaginea */
.journey-m .journey__inner{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:var(--s-4);padding-bottom:clamp(20px,4vh,40px)}
.journey-m .journey__title{right:var(--gutter);top:clamp(16px,4vh,32px);font-size:clamp(1.35rem,5.5vw,1.9rem);line-height:1.2}
.journey-m .journey__cards{max-width:none}
.journey-m .journey__card{padding:var(--s-4) var(--s-5)}
.journey-m .journey__dots{flex-direction:row;align-self:flex-start;gap:14px;padding:8px 14px}
/* === /LANE:v3keep === */
/* === LANE:v3catalog === */
/* ============================================================
   V3 — CATALOG. Unealtă, nu cinematografie (§18).
   Homepage-ul e cinematic; aici totul e rapid, precis, funcțional.
   Fără animații de intrare, fără tranziții lente, fără chrome inutil.
   ============================================================ */

/* Felia `catalognou` redefinește după fundație --u-surface/--fw-display/--header-h
   la valorile vechi. Le readuc la V3, ca pagina să stea pe același sistem. */
:root{
  --u-surface:#F5F5F7;
  --fw-display:600;
  --header-h:72px;
  --ease-out:var(--ease);   /* alias: --ease-out nu mai există în fundația V3 */
}

/* --- Antet: aerisit, dar sobru. Căutarea e elementul dominant (§19). --- */
.k3-head{background:#fff;padding-block:clamp(40px,5vw,84px) clamp(28px,3vw,44px);border-bottom:1px solid var(--c-border)}
.k3-head__inner{display:grid;gap:clamp(28px,3.4vw,52px)}
.k3-head__title{font-size:clamp(34px,4.4vw,64px);line-height:1;letter-spacing:-.04em;margin:0 0 var(--s-4);max-width:20ch}
.k3-head__lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--u-text-muted);max-width:56ch;margin:0}
.k3-search{position:relative;display:flex;align-items:center}
.k3-search__ico{position:absolute;left:18px;display:flex;color:var(--u-text-muted);pointer-events:none}
.k3-search__ico svg{width:20px;height:20px}
.hp-camp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.k3-search__input{width:100%;min-height:60px;padding:0 20px 0 52px;border:1px solid var(--c-border);border-radius:var(--r-input);
  background:var(--u-surface);font-family:var(--f-body);font-size:17px;color:var(--u-text);
  transition:border-color var(--t-fast),background var(--t-fast)}
.k3-search__input::placeholder{color:var(--u-text-muted)}
.k3-search__input:hover{border-color:var(--c-border-strong)}
.k3-search__input:focus-visible{outline:none;border-color:var(--u-blue);background:#fff;box-shadow:0 0 0 3px rgba(14,91,216,.14)}
.k3-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
@media(min-width:1000px){
  .k3-head__inner{grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:end}
}

/* --- Corp --- */
.k3-main{background:#fff;padding-block:clamp(28px,3vw,44px) clamp(56px,6vw,96px)}
.k3-layout.catalog{display:grid;gap:clamp(28px,3vw,48px);align-items:start}
@media(min-width:1000px){
  .k3-layout.catalog{grid-template-columns:232px minmax(0,1fr);gap:clamp(36px,4vw,64px)}
}

/* --- Filtre: coloană tipografică, fără cutie de admin (§19) --- */
@media(min-width:1000px){
  .k3-filters{position:sticky;top:calc(var(--header-h) + 20px);max-height:calc(100vh - var(--header-h) - 48px);
    overflow-y:auto;padding-right:var(--s-3);scrollbar-width:thin}
}
.k3-console{display:block}
.k3-fgroup + .k3-fgroup{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--c-border)}
.k3-fgroup .filters__group{border:0;padding:0;margin:0}
.k3-fgroup .filters__group h3{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--u-text-muted);margin:0 0 10px}
.k3-fgroup .filters__list{display:grid;gap:0}
.k3-fgroup .f-opt{display:flex;align-items:center;gap:10px;min-height:32px;padding:4px 0;margin:0;border-radius:0;
  font-size:14.5px;line-height:1.3;color:var(--u-text);cursor:pointer;background:none;transition:color var(--t-fast)}
.k3-fgroup .f-opt:hover{background:none;color:var(--u-blue)}
.k3-fgroup .f-opt input{width:15px;height:15px;margin:0;flex:none;accent-color:var(--u-blue)}
.k3-fgroup .f-opt .cnt{margin-left:auto;font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--u-text-muted);font-variant-numeric:tabular-nums}
.k3-fgroup .f-opt:has(input:checked){color:var(--u-blue);font-weight:500}
.k3-clear{display:inline-block;margin-top:var(--s-6);padding:0;border:0;background:none;cursor:pointer;
  font-family:var(--f-body);font-size:13px;color:var(--u-text-muted);text-decoration:underline;text-underline-offset:3px;
  transition:color var(--t-fast)}
.k3-clear:hover{color:var(--u-blue)}

/* Procesele: singurul loc din catalog unde linia de flux rămâne (semnătură, §11) */
.k3-fgroup--flow .filters__list{position:relative;padding-left:18px}
.k3-fgroup--flow .filters__list::before{content:"";position:absolute;left:3px;top:14px;bottom:14px;width:1px;
  background:linear-gradient(180deg,var(--u-blue),var(--u-cyan));opacity:.42}
.k3-fgroup--flow .f-opt::before{content:"";position:absolute;left:-18px;top:50%;margin-top:-3.5px;width:7px;height:7px;
  border-radius:50%;background:#fff;border:1.5px solid var(--u-blue);box-sizing:border-box;transition:background var(--t-fast)}
.k3-fgroup--flow .f-opt{position:relative}
.k3-fgroup--flow .f-opt:has(input:checked)::before{background:var(--u-cyan);border-color:var(--u-cyan)}

/* --- Bara de rezultate --- */
.k3-mobilebar{margin-bottom:var(--s-4)}
.k3-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);
  padding:0 0 var(--s-4);margin:0 0 var(--s-5);border-bottom:1px solid var(--c-border);background:none}
h2.k3-count{font-weight:400;line-height:inherit}
.k3-count{margin:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--u-text-muted)}
.k3-count strong{color:var(--u-text);font-weight:500;font-variant-numeric:tabular-nums}
.k3-results .active-filters{margin-bottom:var(--s-5)}

/* --- Grila: imaginea domină, chrome-ul aproape dispare (§20) --- */
.k3-results{background:var(--u-surface);padding:clamp(18px,2vw,28px);border-radius:var(--r-card)}
.k3-grid{display:grid;gap:clamp(20px,2.2vw,34px) clamp(16px,1.8vw,28px);grid-template-columns:minmax(0,1fr)}
@media(min-width:560px){.k3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.k3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.k3-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:none;border:0;
  content-visibility:auto;contain-intrinsic-size:auto 360px}
/* Pozele de produs au fundal alb încorporat: pe o suprafață gri se vede ca un
   dreptunghi. Cardul e alb, iar pagina primește tenta — același contrast, fără
   dreptunghi și fără blend-mode pe 438 de imagini. */
.k3-card__media{display:block;position:relative;overflow:hidden;background:#fff;border-radius:var(--r-card)}
.k3-card__media .ratio{background:none}
.k3-card__media img{object-fit:contain!important;background:none!important;padding:9%;
  transition:transform 400ms var(--ease)}
.k3-card:hover .k3-card__media img{transform:scale(1.015)}
.k3-card__body{display:flex;flex-direction:column;gap:5px;padding:14px 2px 0;position:relative}
.k3-card__brand{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--u-text-muted)}
.k3-card__name{font-family:var(--f-head);font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.015em;
  color:var(--u-text);margin:0;padding-right:26px;min-height:2.5em;transition:color var(--t-fast)}
.k3-card:hover .k3-card__name{color:var(--u-blue)}
.k3-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:2px}
.k3-card__cat{font-size:13px;color:var(--u-text-muted)}
.k3-card__flag{font-family:var(--f-mono);font-size:10.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;
  color:var(--u-text-muted);padding-left:10px;position:relative}
.k3-card__flag::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--c-border-strong)}
.k3-card__go{position:absolute;right:2px;top:14px;display:flex;color:var(--c-border-strong);
  transition:color var(--t-fast),transform var(--t-fast)}
.k3-card__go svg{width:16px;height:16px}
.k3-card:hover .k3-card__go{color:var(--u-blue);transform:translateX(3px)}
.k3-card:focus-visible{outline:none}
.k3-card:focus-visible .k3-card__media{box-shadow:0 0 0 2px var(--u-blue)}
@media (prefers-reduced-motion:reduce){
  .k3-card__media img,.k3-card__go,.k3-card__name{transition:none}
  .k3-card:hover .k3-card__media img{transform:none}
}

/* Placeholder tehnic, când produsul nu are fotografie */
.k3-card__media .tech-visual{border-radius:var(--r-card)}

/* --- Gol / paginare --- */
.k3-empty{background:var(--u-surface);border:1px solid var(--c-border);border-radius:var(--r-card);padding:clamp(40px,5vw,72px) var(--s-6);text-align:center}
.k3-empty__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:var(--s-5)}
.k3-results .ux-more{border-top:1px solid var(--c-border);margin-top:clamp(32px,3.4vw,52px);padding-top:clamp(28px,3vw,44px)}
.k3-results .ux-more .tl{font-size:11px}

/* Capul de drawer e injectat de `bindCatalogControls` în sidebar; pe desktop
   nu are ce căuta acolo (în baza actuală apărea ca un rând „PROCES ✕"). */
.k3-filters .ux-filters__head{display:none}
.filters.is-mobile-open .ux-filters__head{display:flex}

@media(max-width:999px){
  .k3-head__inner{gap:var(--s-6)}
  .filters.is-mobile-open .k3-console{padding:0}
  .filters.is-mobile-open .k3-fgroup .f-opt{min-height:40px;font-size:15.5px}
}
@media(max-width:560px){
  .k3-search__input{min-height:54px;font-size:16px}
  .k3-card__media img{padding:7%}
  /* o singură coloană: nu mai e nimic de aliniat pe rând, deci fără gol rezervat */
  .k3-card__name{min-height:0}
}
/* === /LANE:v3catalog === */
/* === LANE:v3produs === */
/* ============================================================
   V3 — PAGINA DE PRODUS: două moduri vizuale
   Sus: SHOWROOM (suprafață premium, utilajul pe scenă, fără card)
   Jos: DOCUMENTAȚIE DE INGINERIE (alb, grilă precisă, tabele)
   ============================================================ */

/* ---------- 1. SHOWROOM ---------- */
.p3-show{background:var(--u-surface);padding-block:clamp(28px,4vw,64px) clamp(48px,7vw,104px)}
.p3-show__grid{display:grid;gap:clamp(32px,4vw,64px);align-items:center}
@media(min-width:1000px){
  .p3-show__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(40px,5vw,88px)}
}

/* Scena: utilajul stă direct pe suprafață, cu aer în jur */
.p3-stage{display:flex;align-items:center;justify-content:center;
  min-height:clamp(300px,40vw,540px);padding:clamp(8px,2vw,32px)}
.p3-stage .ratio{width:100%;height:auto;aspect-ratio:auto;position:static}
.p3-stage .ratio>*{position:static}
/* width/height auto = imaginea nu depășește niciodată dimensiunea ei reală (§61) */
/* Pozele de produs au fundal alb încorporat; multiply îl topește în suprafață,
   ca utilajul să stea direct pe scenă, fără dreptunghi. O singură imagine, cost neglijabil. */
.p3-stage img{width:auto;height:auto;max-width:100%;max-height:clamp(300px,40vw,540px);
  object-fit:contain;background:transparent;display:block;margin-inline:auto;mix-blend-mode:multiply}
/* Trepte după rezoluția reală a fotografiei, citită din naturalWidth */
.p3-stage[data-res="sm"]{min-height:clamp(240px,28vw,380px)}
.p3-stage[data-res="sm"] img{max-height:clamp(240px,28vw,380px)}
.p3-stage[data-res="md"] img{max-height:clamp(280px,34vw,460px)}
/* Placeholderul tehnic (produs fără fotografie) păstrează raportul lui */
.p3-stage .tech-visual{border-radius:var(--r-media)}
.p3-stage:has(.tech-visual) .ratio{aspect-ratio:4/3;position:relative;width:100%}
.p3-stage:has(.tech-visual) .ratio>*{position:absolute;inset:0}

/* Galerie: miniaturi discrete sub scenă */
.p3-thumbs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:clamp(16px,2vw,28px)}
.p3-thumbs .gallery__thumb{width:64px;height:64px;padding:6px;border:1px solid transparent;border-radius:var(--r-btn);
  background:#fff;cursor:pointer;transition:border-color var(--t-fast),opacity var(--t-fast);opacity:.7;box-shadow:none}
.p3-thumbs .gallery__thumb:hover{opacity:1}
.p3-thumbs .gallery__thumb[aria-current="true"]{opacity:1;border-color:var(--u-blue)}
.p3-thumbs .gallery__thumb .ratio{position:static;aspect-ratio:auto;height:100%}
.p3-thumbs .gallery__thumb .ratio>*{position:static}
.p3-thumbs .gallery__thumb img{width:100%;height:100%;object-fit:contain!important;mix-blend-mode:multiply}

/* Coloana de informație */
.p3-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--s-5)}
.p3-meta__sep{width:3px;height:3px;border-radius:50%;background:var(--c-border-strong);flex:none}
.p3-title{font-family:var(--f-head);font-weight:var(--fw-display);
  font-size:clamp(30px,3.5vw,54px);line-height:1.02;letter-spacing:-.035em;margin:0 0 var(--s-5);max-width:18ch}
.p3-desc{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--u-text-muted);max-width:46ch;margin:0 0 var(--s-8)}
.p3-benefits{list-style:none;margin:0 0 var(--s-8);padding:0;display:grid;gap:12px}
.p3-benefits li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:var(--fs-sm);line-height:1.5}
.p3-benefits svg{color:var(--u-blue);flex:none;margin-top:3px}
.p3-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--s-6)}
.p3-facts{display:grid;gap:0;border-top:1px solid var(--c-border);margin-top:var(--s-2)}
.p3-facts div{display:flex;justify-content:space-between;gap:var(--s-5);padding:13px 0;border-bottom:1px solid var(--c-border)}
.p3-facts dt{margin:0}
.p3-facts dd{margin:0;font-size:var(--fs-sm);font-weight:500;text-align:right}

/* Notele tehnice de sub scenă: prezente, dar liniștite */
.p3-notes{margin-top:clamp(28px,3.5vw,48px);display:grid;gap:12px}
.p3-notes .callout{background:transparent;border:0;border-left:2px solid var(--c-border-strong);
  border-radius:0;padding:4px 0 4px 16px;box-shadow:none}
.p3-notes .callout--demo{border-left-color:var(--u-orange);background:transparent}
.p3-notes .callout svg{display:none}
.p3-notes .callout p{font-size:var(--fs-xs);color:var(--u-text-muted);margin:0;max-width:72ch}

/* ---------- 2. DOCUMENTAȚIE DE INGINERIE ---------- */
.p3-doc{background:#fff}
.p3-blk{padding-block:clamp(40px,4.6vw,72px);border-top:1px solid var(--c-border)}
.p3-blk:first-child{border-top:0}
.p3-blk__h{font-size:clamp(20px,1.7vw,26px);line-height:1.15;letter-spacing:-.02em;margin:0 0 var(--s-6)}
.p3-blk--tight{padding-block:clamp(32px,3.6vw,56px)}
.p3-lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--u-text-muted);max-width:72ch;margin:0}

/* Aplicații: trei coloane de metadate, fără carduri */
.p3-apps{display:grid;gap:var(--s-6) clamp(24px,3vw,56px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1000px}
.p3-apps :is(h3,h4){font-family:var(--f-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:var(--ls-label);
  text-transform:uppercase;color:var(--u-text-muted);margin:0 0 8px}
.p3-apps p{font-size:var(--fs-sm);line-height:1.55;margin:0;max-width:44ch}

/* Specificații: rânduri etichetă | valoare, fără chenar de tabel */
.p3-specs{display:grid;gap:clamp(24px,3vw,48px);align-items:start;max-width:1120px}
@media(min-width:900px){.p3-specs{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.p3-specs .spec-table{border:0;border-radius:0;font-size:var(--fs-sm);width:100%}
.p3-specs .spec-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p3-specs .spec-table th,.p3-specs .spec-table td{padding:15px 0;border-bottom:1px solid var(--c-border);vertical-align:top;background:transparent}
.p3-specs .spec-table th{width:42%;font-family:var(--f-mono);font-size:var(--fs-label);font-weight:500;
  letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--u-text-muted);padding-right:var(--s-5)}
.p3-specs .spec-table td{font-weight:500;color:var(--u-text)}
.p3-specs .spec-table tr:last-child th,.p3-specs .spec-table tr:last-child td{border-bottom:0}
.p3-specs .spec-variants{border:0}
.p3-specs .spec-table--variants thead th{background:var(--u-ink);color:#fff;font-family:var(--f-mono);border-bottom:0}
.p3-specs .spec-table--variants thead th:first-child{background:var(--u-navy-soft)}
.p3-specs .callout{background:transparent;border:0;border-left:2px solid var(--u-orange);border-radius:0;
  padding:4px 0 4px 16px;box-shadow:none}
.p3-specs .callout svg{display:none}
.p3-specs .callout p{font-size:var(--fs-xs);color:var(--u-text-muted);margin:0}
@media(max-width:560px){
  .p3-specs .spec-table th,.p3-specs .spec-table td{display:block;width:auto;padding-block:0}
  .p3-specs .spec-table th{padding-top:14px;border-bottom:0}
  .p3-specs .spec-table td{padding-top:4px;padding-bottom:14px}
}

/* Service și integrare: trei rânduri tehnice, nu trei carduri */
.p3-serv{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-border);max-width:1000px}
.p3-serv li{display:grid;gap:4px var(--s-6);padding:var(--s-5) 0;border-bottom:1px solid var(--c-border);margin:0}
@media(min-width:800px){.p3-serv li{grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;align-items:baseline}}
.p3-serv :is(h3,h4){margin:0;font-size:var(--fs-h4)}
.p3-serv p{margin:0;font-size:var(--fs-sm);color:var(--u-text-muted);max-width:56ch}

/* Documentație */
.p3-docs{display:grid;gap:0;border-top:1px solid var(--c-border);max-width:900px}
.p3-docs a{display:flex;align-items:center;gap:var(--s-4);padding:16px 0;border-bottom:1px solid var(--c-border);
  text-decoration:none;color:inherit;transition:color var(--t-fast)}
.p3-docs a:hover{color:var(--u-blue)}
.p3-docs a strong{display:block;font-size:var(--fs-sm);font-weight:600}
.p3-docs a span span{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.06em;
  text-transform:uppercase;color:var(--u-text-muted)}
.p3-docs svg{flex:none;color:var(--u-text-muted)}

.p3-grid3{display:grid;gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.p3-form{max-width:920px}
.p3-note{font-size:var(--fs-xs);color:var(--u-text-muted);margin-top:var(--s-4)}
/* === /LANE:v3produs === */
/* Dotări, opțiuni și video pe fișa de produs -------------------------------- */
.p3-feat{list-style:none;margin:0;padding:0;display:grid;gap:10px 28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.p3-feat li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);line-height:var(--lh-lead)}
.p3-feat li svg{flex:0 0 auto;margin-top:3px;color:var(--c-accent,#1668d8)}
.p3-vids{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.p3-vid{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;
  border:1px solid var(--c-line,#e3e7eb);border-radius:10px;background:#fff;color:inherit;
  text-decoration:none;font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.p3-vid:hover{border-color:var(--c-accent,#1668d8);box-shadow:0 2px 10px rgba(16,40,70,.07)}
.p3-vid__play{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--c-accent,#1668d8);color:#fff}
.p3-vid__t{font-size:var(--fs-sm);line-height:1.35}
.p3-vid__frame{position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;display:block;background:#000}
@media (max-width:600px){.p3-vids{grid-template-columns:1fr}}

/* === LANE:taste === */
/* Felia „taste" - homepage-ul original, rafinat (Taste Skill, Redesign - Preserve).
   Aceeași paletă, aceleași fonturi, aceeași rază de card (--r-card). Doar homepage. */

/* Hero: titlul pe 2-3 rânduri, nu 4, ca butoanele să încapă în primul ecran. */
.tx-hero h1{font-size:clamp(2.6rem,1.4rem + 3.2vw,4.25rem);max-width:17ch;line-height:1.02}
.tx-hero .hero__desc{max-width:52ch}
.tx-hero .hero__inner{padding-block:clamp(48px,6vw,88px)}

/* Soluții: bento cu ritm (2+1 / 1+2 / 2+1), poza pe tot cardul. */
.tx-bento{display:grid;gap:clamp(12px,1.4vw,20px);grid-template-columns:1fr}
@media(min-width:768px){
  .tx-bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(240px,22vw,320px)}
  .tx-bento>:nth-child(1),.tx-bento>:nth-child(4),.tx-bento>:nth-child(5){grid-column:span 2}
}
.tx-sol{position:relative;display:flex;align-items:flex-end;min-height:260px;border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;background:var(--u-midnight)}
.tx-sol__media{position:absolute;inset:0;z-index:-2}
.tx-sol__media .ratio{height:100%;padding:0;aspect-ratio:auto}
.tx-sol__media .tech-visual{height:100%}
.tx-sol__media img{transition:transform 700ms var(--ease)}
.tx-sol::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,19,31,0) 18%,rgba(7,19,31,.55) 55%,rgba(7,19,31,.92) 100%)}
.tx-sol__body{padding:clamp(20px,2vw,28px);max-width:46ch}
.tx-sol h3{color:#fff;font-size:clamp(1.3rem,1rem + .8vw,1.7rem);margin:0 0 6px}
.tx-sol p{color:rgba(255,255,255,.82);font-size:var(--fs-sm);margin:0 0 12px}
.tx-sol__go{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-sm);color:var(--u-cyan)}
.tx-sol__go svg{transition:transform 300ms var(--ease)}
.tx-sol:hover .tx-sol__media img{transform:scale(1.04)}
.tx-sol:hover .tx-sol__go svg{transform:translateX(4px)}
.tx-sol:focus-visible{outline:3px solid var(--u-cyan);outline-offset:3px}

/* De ce Utilia: piloni cu iconiță, nu cuvinte uriașe care arată a cifre. */
.tx-pillars{list-style:none;padding:0;margin:var(--s-8) 0 0;display:grid;gap:var(--s-5) var(--s-8);grid-template-columns:1fr}
@media(min-width:640px){.tx-pillars{grid-template-columns:1fr 1fr}}
.tx-pillars li{display:flex;gap:14px;align-items:flex-start}
.tx-pillars svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--c-action)}
.tx-pillars strong{display:block;font-family:var(--f-head);font-size:1.05rem;color:var(--c-text)}
.tx-pillars span{font-size:var(--fs-sm);color:var(--c-text-muted)}

/* Cardurile de produs, pe tot site-ul: poza întreagă (contain), eticheta și linkul nu se mai rup. */
.p-card__media,.p-card__media .ratio{background:#fff}
.p-card__media img{object-fit:contain!important;padding:18px;background:#fff}
.p-card__foot{flex-wrap:wrap;row-gap:10px}
.p-card__foot .link-arrow{white-space:nowrap;margin-left:auto}
.p-card{transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}
.p-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(10,26,43,.35)}

@media (prefers-reduced-motion:reduce){
  .tx-sol__media img,.tx-sol__go svg,.p-card{transition:none}
  .tx-sol:hover .tx-sol__media img{transform:none}
  .p-card:hover{transform:none}
}
/* === /LANE:taste === */

/* SEO: text editorial, legături, paginare (fără schimbări de layout în zonele aprobate) */
.seo-ed{border-top:1px solid var(--c-border)}
.seo-ed__grid{display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:minmax(0,1fr)}
@media(min-width:960px){.seo-ed__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.seo-ed__grid--side{grid-template-columns:1fr}}
.seo-ed__main{max-width:760px}
.seo-ed__main h2{font-size:var(--fs-h3);margin:0 0 var(--s-4)}
.seo-ed__main h2:not(:first-child),.seo-ed__main h3{margin-top:var(--s-8)}
.seo-ed__main h3{font-size:1.125rem;margin-bottom:var(--s-3)}
.seo-ed__main p{color:var(--u-text-muted,var(--c-text-muted));line-height:1.7;max-width:70ch}
.seo-ed__logo{display:block;max-height:48px;max-width:180px;width:auto;margin-bottom:var(--s-6)}
.seo-ed__types{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-border)}
.seo-ed__types li{padding:12px 0;border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);line-height:1.6}
.seo-ed__src{font-size:var(--fs-sm);margin-top:var(--s-6)}
.seo-ed__h{font-family:var(--f-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-text-muted);margin:0 0 var(--s-3)}
.seo-ed__side .seo-ed__h:not(:first-child){margin-top:var(--s-8)}
.seo-links{list-style:none;margin:0;padding:0}
.seo-links li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--c-border)}
.seo-links a{display:block;padding:11px 0;min-height:44px;box-sizing:border-box;font-size:var(--fs-sm);font-weight:500;color:var(--c-text);text-decoration:none}
.seo-links a:hover{color:var(--c-action)}
.seo-links__n{font-family:var(--f-mono);font-size:12px;color:var(--c-text-muted);padding-top:13px}
.seo-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.seo-chips a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--c-border);border-radius:999px;font-size:var(--fs-sm);color:var(--c-text);text-decoration:none;background:#fff}
.seo-chips a:hover{border-color:var(--c-action);color:var(--c-action)}
.seo-steps{list-style:none;counter-reset:st;margin:0;padding:0}
.seo-steps li{counter-increment:st;position:relative;padding:var(--s-5) 0 var(--s-5) 52px;border-bottom:1px solid var(--c-border)}
.seo-steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:var(--s-5);font-family:var(--f-mono);font-size:13px;color:var(--c-action)}
.seo-steps h3{margin:0 0 6px}
.seo-steps p{margin:0 0 6px}
.seo-steps__l{font-size:var(--fs-sm)}
.seo-steps__l .tl{margin-right:8px}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:var(--s-6);flex-wrap:wrap}
.pager ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.pager a,.pager span[aria-current]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--c-border);border-radius:8px;font-family:var(--f-mono);font-size:13px;color:var(--c-text);text-decoration:none;background:#fff}
.pager span[aria-current]{background:var(--u-midnight,#0A1A2B);border-color:var(--u-midnight,#0A1A2B);color:#fff}
.pager a:hover{border-color:var(--c-action);color:var(--c-action)}
.p3-facts__h{display:block;margin:var(--s-6) 0 var(--s-2);font-size:var(--fs-label);font-weight:500}
.p3-facts dd a,.p3-meta a{color:inherit;text-decoration:underline;text-decoration-color:var(--c-border);text-underline-offset:3px}
.p3-facts dd a:hover,.p3-meta a:hover{color:var(--c-action)}
.logo-rail a{display:inline-flex;align-items:center;justify-content:center}
.k3-results,.k3-layout>*{min-width:0}
.chip{max-width:100%;white-space:normal;height:auto}