/* ==========================================================================
   Sell Easy — sistemul de design (relansarea selleasy.ro)
   Direcția: sobru și precis, ca o firmă de consultanță. Un singur accent
   (albastrul din iconiță), fără text în degradeuri, colțuri drepte, fără strălucări.
   Se încarcă după style.css; tokenii retușează și paginile vechi, componentele
   noi au prefixul se-.
   ========================================================================== */

:root {
    --se-bg: #07080c;
    --se-bg2: #0a0c12;
    --se-surface: #0e1118;
    --se-raised: #141822;
    --se-line: rgba(255, 255, 255, 0.075);
    --se-line2: rgba(255, 255, 255, 0.14);

    --se-ink: #f2f4f8;
    --se-ink2: #a9b0bf;
    --se-ink3: #7a8191;

    --se-navy: #101a3a;
    --se-blue: #4c78ff;
    --se-blue-d: #3a63e8;
    --se-blue-dd: #2f4fc4;
    --se-blue-l: #8aa6ff;
    --se-green: #3ccf8e;

    --se-r: 12px;
    --se-r-s: 8px;
    --se-display: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --se-body: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --se-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --se-ease: cubic-bezier(0.22, 1, 0.36, 1);

    /* tokenii vechi, aliniați la noua identitate (îi folosesc toate paginile) */
    --bg: var(--se-bg);
    --bg2: var(--se-bg2);
    --bg-color: var(--se-bg);
    --card: var(--se-surface);
    --card-h: var(--se-raised);
    --p: #4c78ff;
    --p-l: #8aa6ff;
    --p-glow: rgba(76, 120, 255, 0.28);
    --a1: #8aa6ff;
    --primary-color: #8aa6ff;
    --bdr: var(--se-line);
    --bdr-m: var(--se-line2);
    --t1: var(--se-ink);
    --t2: var(--se-ink2);
    --t3: var(--se-ink3);
}

html { background: var(--se-bg); }
body { background: var(--se-bg); color: var(--se-ink); }
h1, h2, h3 { font-family: var(--se-display); letter-spacing: -0.025em; text-wrap: balance; }
::selection { background: rgba(76, 120, 255, 0.4); color: #fff; }
:focus-visible { outline: 2px solid var(--se-blue-l); outline-offset: 3px; border-radius: 4px; }

/* ── Logo (valabil pe toate paginile) ──────────────────────────────────── */
.logo-text.logo-lockup {
    font-family: var(--se-display); font-weight: 800; font-size: 1rem;
    letter-spacing: -0.01em; line-height: 1; color: #fff;
}
.logo-text.logo-lockup .geo,
.logo-text.logo-lockup .geo.eu {
    background: none !important; -webkit-text-fill-color: currentColor; color: var(--se-ink3);
    font-weight: 600; font-size: 0.7em; letter-spacing: 0.1em; margin-left: 0.35em;
}
.logo-text.logo-lockup small {
    font-family: var(--se-mono); font-weight: 500; font-size: 0.56rem; letter-spacing: 0.16em;
    color: var(--se-blue-l); margin-top: 5px; opacity: 1;
}
.logo-link img, .se-logo img { border-radius: 7px; }

/* ── Structură ─────────────────────────────────────────────────────────── */
.se-wrap { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: clamp(18px, 4vw, 32px); }
.se-section { padding-block: clamp(72px, 9vw, 120px); position: relative; }
.se-section--tight { padding-block: clamp(48px, 6vw, 80px); }
.se-section--alt { background: var(--se-bg2); border-block: 1px solid var(--se-line); }

.se-eyebrow {
    display: inline-block; font-family: var(--se-mono); font-size: 12px; font-weight: 500;
    letter-spacing: 0.12em; text-transform: uppercase; color: var(--se-blue-l);
}
.se-head { max-width: 760px; margin-bottom: clamp(36px, 5vw, 56px); }
.se-h2 {
    font-family: var(--se-display); font-weight: 600;
    font-size: clamp(30px, 4vw, 48px); line-height: 1.08; letter-spacing: -0.035em;
    margin: 14px 0 16px; color: var(--se-ink);
}
.se-lead { font-size: clamp(16.5px, 1.5vw, 18.5px); line-height: 1.65; color: var(--se-ink2); margin: 0; max-width: 64ch; }
.se-grad-text { color: var(--se-ink3); }

/* ── Butoane ───────────────────────────────────────────────────────────── */
.se-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 50px; padding: 0 22px; border-radius: 10px;
    font-family: var(--se-body); font-size: 15.5px; font-weight: 600; letter-spacing: -0.01em;
    text-decoration: none; white-space: nowrap; cursor: pointer; border: 1px solid transparent;
    transition: background-color .2s, border-color .2s, color .2s, transform .2s var(--se-ease);
}
.se-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
.se-btn--primary { color: #fff; background: var(--se-blue-d); border-color: var(--se-blue-d); }
.se-btn--primary:hover { background: var(--se-blue-dd); border-color: var(--se-blue-dd); }
.se-btn--ghost { color: var(--se-ink); background: transparent; border-color: var(--se-line2); }
.se-btn--ghost:hover { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.26); }
.se-btn:active { transform: translateY(1px); }
.se-btn--small { min-height: 40px; padding: 0 16px; font-size: 14.5px; }
@media (max-width: 560px) { .se-btn { white-space: normal; text-align: center; padding: 12px 18px; } }

/* ── Antet ─────────────────────────────────────────────────────────────── */
.se-header {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(7, 8, 12, 0.82);
    -webkit-backdrop-filter: saturate(140%) blur(14px); backdrop-filter: saturate(140%) blur(14px);
    border-bottom: 1px solid var(--se-line);
}
.se-header__in { display: flex; align-items: center; gap: 28px; min-height: 70px; }
.se-logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; flex-shrink: 0; }
.se-logo img { width: 34px; height: 34px; display: block; }
.se-nav { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.se-nav a { color: var(--se-ink2); text-decoration: none; font-size: 14.5px; font-weight: 500; padding: 8px 12px; border-radius: 8px; transition: color .2s, background-color .2s; }
.se-nav a:hover, .se-nav a[aria-current="page"] { color: var(--se-ink); background: rgba(255,255,255,.05); }
.se-header__cta { display: flex; align-items: center; gap: 10px; }
.se-lang { font-family: var(--se-mono); font-size: 12.5px; font-weight: 500; letter-spacing: .08em; color: var(--se-ink2); text-decoration: none; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--se-line2); }
.se-lang:hover { color: var(--se-ink); border-color: rgba(255,255,255,.28); }
.se-burger { display: none; width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--se-line2); background: transparent; color: var(--se-ink); font-size: 18px; cursor: pointer; }
.se-mnav.mobile-nav { padding: 0; gap: 0; backdrop-filter: none; border-top: 1px solid var(--se-line); background: var(--se-bg); max-height: calc(100vh - 70px); overflow-y: auto; }
.se-mnav nav { display: grid; padding: 8px clamp(18px, 4vw, 32px) 24px; }
.se-mnav a { color: var(--se-ink); text-decoration: none; font-size: 17px; font-weight: 500; padding: 15px 2px; border-bottom: 1px solid var(--se-line); }
.se-mnav .se-btn { margin-top: 18px; border-bottom: 0; }
@media (max-width: 1040px) {
    /* ascundem doar linkul simplu „EN” de pe paginile românești (e și în meniu);
       alegerea țării de pe paginile europene (details.se-langs) rămâne vizibilă */
    .se-nav, .se-header__cta > a.se-lang { display: none; }
    .se-header__cta { margin-left: auto; }
    .se-burger { display: inline-grid; place-items: center; }
}

/* ── Hero ──────────────────────────────────────────────────────────────── */
.se-hero { position: relative; overflow: hidden; padding-block: clamp(56px, 7vw, 96px) clamp(64px, 8vw, 104px); border-bottom: 1px solid var(--se-line); }
.se-hero::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(50% 60% at 80% 30%, rgba(76, 120, 255, .10), transparent 70%);
}
.se-hero::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 64px 64px;
    -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000 75%);
    mask-image: linear-gradient(90deg, transparent 35%, #000 75%);
}
.se-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; align-items: center; }
@media (min-width: 981px) { .se-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(40px, 5vw, 72px); } }
.se-chip {
    display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px 6px 6px; border-radius: 8px;
    background: rgba(255,255,255,.03); border: 1px solid var(--se-line2); font-size: 13.5px; font-weight: 500; color: var(--se-ink2);
}
.se-chip b { font-weight: 600; color: var(--se-ink); }
.se-chip__dot { width: 22px; height: 22px; border-radius: 5px; display: grid; place-items: center; background: var(--se-blue); }
.se-chip__dot svg { width: 12px; height: 12px; }
.se-h1 { font-family: var(--se-display); font-weight: 700; color: var(--se-ink); font-size: clamp(40px, 5vw, 70px); line-height: 1.02; letter-spacing: -0.045em; margin: 24px 0 22px; }
.se-h1__kicker { display: block; font-family: var(--se-mono); font-weight: 500; letter-spacing: .04em; font-size: clamp(12.5px, 1.1vw, 14px); line-height: 1.5; color: var(--se-blue-l); margin-bottom: 20px; text-transform: uppercase; }
.se-h1__line { display: block; }
.se-h1__line--2 { color: var(--se-ink3); }
.se-hero__lead { font-size: clamp(17px, 1.45vw, 19px); line-height: 1.65; color: var(--se-ink2); max-width: 54ch; margin: 0 0 32px; }
.se-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.se-hero__assure { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 26px; font-size: 14px; color: var(--se-ink3); }
.se-hero__assure span { display: inline-flex; align-items: center; gap: 8px; }
.se-hero__assure svg { width: 15px; height: 15px; color: var(--se-green); }

/* scena: magazin → Google Ads → comandă */
.se-stage { position: relative; margin: 0; display: grid; gap: 12px; }
.se-stage__path { display: none; }
.se-card { background: var(--se-surface); border: 1px solid var(--se-line2); border-radius: var(--se-r); box-shadow: 0 30px 70px -40px rgba(0,0,0,.9); }
.se-card__bar { display: flex; align-items: center; gap: 6px; padding: 11px 14px; border-bottom: 1px solid var(--se-line); }
.se-card__bar i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.13); display: block; }
.se-card__url { margin-left: 8px; font-family: var(--se-mono); font-size: 11.5px; color: var(--se-ink3); }
.se-store { padding: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.se-prod { background: var(--se-bg2); border: 1px solid var(--se-line); border-radius: 8px; padding: 10px; }
.se-prod__img { aspect-ratio: 1 / .8; border-radius: 6px; margin-bottom: 10px; position: relative; overflow: hidden; background: linear-gradient(160deg, #1b2130, #10141d); }
.se-prod__img::after { content: ""; position: absolute; left: 50%; top: 54%; transform: translate(-50%, -50%); border-radius: 4px; }
.se-prod__img--a::after { width: 30%; height: 46%; background: linear-gradient(180deg, #d8dde8, #8b93a5); border-radius: 40% 40% 6px 6px; }
.se-prod__img--b::after { width: 44%; height: 34%; background: linear-gradient(180deg, #9fb4ff, #4c78ff); }
.se-prod__name { font-size: 12.5px; color: var(--se-ink); font-weight: 500; }
.se-prod__row { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; }
.se-prod__price { font-family: var(--se-mono); font-size: 12px; color: var(--se-ink2); }
.se-prod__add { font-size: 10.5px; font-weight: 600; color: #fff; background: var(--se-blue); border-radius: 5px; padding: 4px 8px; }
.se-card--ads { padding: 16px 18px; }
.se-ads__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.se-ads__title { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: var(--se-ink); }
.se-ads__logo { width: 22px; height: 22px; border-radius: 5px; display: grid; place-items: center; background: rgba(76,120,255,.16); }
.se-ads__logo svg { width: 13px; height: 13px; }
.se-ads__logo svg path { stroke: var(--se-blue-l); }
.se-tag { font-family: var(--se-mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--se-ink3); border: 1px solid var(--se-line2); border-radius: 4px; padding: 2px 6px; }
.se-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.se-kpi { background: var(--se-bg2); border: 1px solid var(--se-line); border-radius: 8px; padding: 9px 10px; }
.se-kpi__k { font-size: 10.5px; color: var(--se-ink3); }
.se-kpi__v { font-family: var(--se-mono); font-size: 14.5px; font-weight: 500; color: var(--se-ink); margin-top: 3px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.se-kpi__v--spark { color: var(--se-green); }
.se-spark { margin-top: 14px; height: 60px; width: 100%; display: block; }
.se-spark path:first-of-type { fill: rgba(76,120,255,.14); }
.se-spark path:last-of-type { stroke: var(--se-blue); }
.se-spark circle { fill: var(--se-blue-l); }
.se-card--order { padding: 13px 16px; display: flex; align-items: center; gap: 13px; }
.se-order__ok { width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0; display: grid; place-items: center; background: rgba(60, 207, 142, .12); color: var(--se-green); }
.se-order__ok svg { width: 19px; height: 19px; }
.se-order__t { font-size: 13.5px; font-weight: 600; color: var(--se-ink); }
.se-order__d { display: block; font-family: var(--se-mono); font-size: 11.5px; color: var(--se-ink3); margin-top: 2px; }
.se-order__time { margin-left: auto; font-size: 11px; color: var(--se-ink3); white-space: nowrap; }
.se-stage__note { display: block; margin-top: 18px; font-size: 11.5px; line-height: 1.5; color: var(--se-ink3); text-align: right; }
.se-stage__note a { color: var(--se-blue-l); }
@media (min-width: 981px) {
    /* nota explicativă stă sub machetă; cardurile plutesc peste ea, deci machetei
       îi lăsăm loc în plus ca textul să nu mai treacă peste cardul de comandă */
    .se-stage { display: block; min-height: 560px; }
    .se-card { position: absolute; }
    .se-card--store { top: 0; left: 0; width: 64%; }
    .se-card--ads { right: 0; top: 32%; width: 64%; }
    .se-card--order { left: 6%; bottom: 76px; width: 62%; }
    .se-stage__note { position: absolute; right: 0; bottom: 0; margin: 0; max-width: 62%; }
}
@media (max-width: 420px) {
    .se-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .se-kpi:last-child { grid-column: 1 / -1; }
}

/* ── Bara de dovezi ────────────────────────────────────────────────────── */
.se-proof { border-bottom: 1px solid var(--se-line); }
.se-proof__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.se-proof__item { padding: 32px 24px; border-left: 1px solid var(--se-line); }
.se-proof__item:first-child { border-left: 0; padding-left: 0; }
.se-proof__v { font-family: var(--se-display); font-weight: 600; font-size: clamp(30px, 3.4vw, 42px); letter-spacing: -0.04em; line-height: 1; color: var(--se-ink); font-variant-numeric: tabular-nums; }
.se-proof__v small { font-size: .45em; font-weight: 500; color: var(--se-ink3); letter-spacing: 0; margin-left: 5px; }
.se-proof__k { margin-top: 10px; font-size: 14px; line-height: 1.45; color: var(--se-ink2); }
.se-badges { display: flex; flex-wrap: wrap; gap: 10px; padding-block: 0 32px; }
.se-badge { display: inline-flex; align-items: center; gap: 9px; padding: 7px 12px; border-radius: 8px; border: 1px solid var(--se-line2); font-size: 13.5px; color: var(--se-ink2); }
.se-badge svg { width: 15px; height: 15px; }
.se-badge svg * { stroke: var(--se-blue-l); }
@media (max-width: 860px) {
    .se-proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .se-proof__item { padding: 22px 16px; }
    .se-proof__item:nth-child(odd) { border-left: 0; padding-left: 0; }
    .se-proof__item:nth-child(n+3) { border-top: 1px solid var(--se-line); }
}

/* ── Comparația ────────────────────────────────────────────────────────── */
.se-compare { border: 1px solid var(--se-line2); border-radius: var(--se-r); overflow: hidden; background: var(--se-surface); }
.se-compare__scroll { overflow-x: auto; }
.se-compare table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px; }
.se-compare th, .se-compare td { padding: 16px 22px; border-bottom: 1px solid var(--se-line); text-align: center; }
.se-compare th:first-child, .se-compare td:first-child { text-align: left; color: var(--se-ink); font-weight: 500; }
.se-compare thead th { font-family: var(--se-mono); font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--se-ink3); background: rgba(255,255,255,.015); }
.se-compare tbody tr:last-child td, .se-compare tbody tr:last-child th { border-bottom: 0; }
.se-compare .is-us { background: rgba(76, 120, 255, .08); box-shadow: inset 1px 0 0 rgba(76,120,255,.35), inset -1px 0 0 rgba(76,120,255,.35); }
.se-compare thead .is-us { color: #fff; }
.se-mark { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 6px; }
.se-mark svg { width: 14px; height: 14px; }
.se-mark--yes { background: rgba(60, 207, 142, .12); color: var(--se-green); }
.se-mark--no { background: rgba(255,255,255,.04); color: var(--se-ink3); }
.se-mark--mid { background: rgba(255,255,255,.04); color: var(--se-ink2); }
.se-compare__legend { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 13px 22px; border-top: 1px solid var(--se-line); font-size: 13px; color: var(--se-ink3); }

/* ── Servicii ──────────────────────────────────────────────────────────── */
.se-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; }
.se-tile { position: relative; grid-column: span 3; display: flex; flex-direction: column; background: var(--se-surface); border: 1px solid var(--se-line); border-radius: var(--se-r); padding: 24px; text-decoration: none; color: inherit; transition: border-color .25s, background-color .25s; }
.se-tile:hover { border-color: rgba(138, 166, 255, .45); background: var(--se-raised); }
.se-tile--big { grid-column: span 6; padding: clamp(26px, 3vw, 36px); min-height: 360px; }
.se-tile--big::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 2px; border-radius: var(--se-r) var(--se-r) 0 0; background: var(--se-blue); opacity: .7; }
.se-tile__icon { width: 42px; height: 42px; border-radius: 8px; display: grid; place-items: center; background: rgba(76,120,255,.10); border: 1px solid rgba(76,120,255,.25); margin-bottom: 20px; color: var(--se-blue-l); }
.se-tile__icon svg { width: 21px; height: 21px; }
.se-tile__kicker { font-family: var(--se-mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--se-ink3); margin-bottom: 10px; }
.se-tile h3 { font-size: clamp(19px, 1.8vw, 22px); font-weight: 600; line-height: 1.2; margin: 0 0 10px; color: var(--se-ink); letter-spacing: -0.02em; }
.se-tile--big h3 { font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -0.035em; }
.se-tile p { color: var(--se-ink2); font-size: 15px; line-height: 1.6; margin: 0 0 18px; }
.se-ticks { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 10px; }
.se-ticks li { position: relative; padding-left: 26px; color: var(--se-ink2); font-size: 15px; line-height: 1.5; }
.se-ticks li::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 4px; background: rgba(76,120,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238aa6ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat; }
.se-tile__foot { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.se-price { font-family: var(--se-mono); font-size: 13px; color: var(--se-ink); padding: 5px 9px; border-radius: 6px; border: 1px solid var(--se-line2); white-space: nowrap; }
.se-more { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; color: var(--se-ink); }
.se-more svg { width: 16px; height: 16px; transition: transform .25s var(--se-ease); }
.se-tile:hover .se-more svg { transform: translateX(3px); }
@media (max-width: 1040px) { .se-tile, .se-tile--big { grid-column: span 6; } }
@media (max-width: 640px) { .se-bento { grid-template-columns: minmax(0, 1fr); } .se-tile, .se-tile--big { grid-column: auto; min-height: 0; } }

/* ── Procesul ──────────────────────────────────────────────────────────── */
.se-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; counter-reset: se-step; border-top: 1px solid var(--se-line2); }
.se-step { position: relative; counter-increment: se-step; padding: 28px 24px 0 0; }
.se-step + .se-step { padding-left: 24px; border-left: 1px solid var(--se-line); }
.se-step__n { display: block; font-family: var(--se-mono); font-size: 13px; font-weight: 500; color: var(--se-blue-l); margin-bottom: 18px; }
.se-step__n::before { content: "0" counter(se-step); }
.se-step h3 { font-size: 20px; font-weight: 600; margin: 0 0 10px; color: var(--se-ink); }
.se-step p { color: var(--se-ink2); font-size: 15px; line-height: 1.6; margin: 0; }
.se-step__meta { display: inline-block; margin-top: 14px; font-family: var(--se-mono); font-size: 12px; color: var(--se-ink3); }
@media (max-width: 900px) {
    .se-steps { grid-template-columns: minmax(0, 1fr); }
    .se-step, .se-step + .se-step { padding: 22px 0; border-left: 0; border-bottom: 1px solid var(--se-line); }
}

/* ── Integrări ─────────────────────────────────────────────────────────── */
.se-integr { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.se-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.se-chips span { display: flex; flex-direction: column; gap: 3px; padding: 13px 14px; border-radius: 8px; background: var(--se-surface); border: 1px solid var(--se-line); font-size: 15px; font-weight: 600; color: var(--se-ink); }
.se-chips span em { font-style: normal; font-family: var(--se-mono); font-size: 11px; font-weight: 500; color: var(--se-ink3); letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 860px) { .se-integr { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 460px) { .se-chips { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ── Cazuri ────────────────────────────────────────────────────────────── */
.se-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.se-case { background: var(--se-surface); border: 1px solid var(--se-line); border-radius: var(--se-r); padding: 26px; display: flex; flex-direction: column; }
.se-case__niche { font-family: var(--se-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--se-ink3); }
.se-case h3 { font-size: 20px; line-height: 1.3; margin: 14px 0 12px; color: var(--se-ink); font-weight: 600; }
.se-case p { color: var(--se-ink2); font-size: 15px; line-height: 1.6; margin: 0 0 16px; }
.se-case__tags { margin-top: auto; display: flex; flex-wrap: wrap; gap: 6px; }
.se-case__tags span { font-size: 12.5px; color: var(--se-ink2); padding: 4px 9px; border-radius: 5px; border: 1px solid var(--se-line2); }
.se-case--cta { background: var(--se-navy); border-color: rgba(76,120,255,.35); }
.se-case--cta .se-btn { margin-top: auto; align-self: flex-start; }
@media (max-width: 960px) { .se-cases { grid-template-columns: minmax(0, 1fr); } }

/* ── Prețuri ───────────────────────────────────────────────────────────── */
.se-prices { border-top: 1px solid var(--se-line2); }
.se-prices__row { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr) auto; gap: 10px 32px; align-items: baseline; padding: 24px 0; border-bottom: 1px solid var(--se-line); }
.se-prices__name { font-family: var(--se-display); font-size: clamp(19px, 2vw, 23px); font-weight: 600; letter-spacing: -0.025em; color: var(--se-ink); }
.se-prices__name a { color: inherit; text-decoration: none; }
.se-prices__name a:hover { text-decoration: underline; text-decoration-color: var(--se-blue); text-underline-offset: 5px; }
.se-prices__desc { color: var(--se-ink2); font-size: 15px; line-height: 1.55; }
.se-prices__val { font-family: var(--se-mono); font-size: clamp(15.5px, 1.5vw, 18px); color: var(--se-ink); text-align: right; white-space: nowrap; }
.se-prices__val small { display: block; font-size: 12px; color: var(--se-ink3); margin-top: 4px; }
.se-prices__note { margin-top: 18px; font-size: 13.5px; color: var(--se-ink3); }
.se-prices__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
@media (max-width: 760px) { .se-prices__row { grid-template-columns: minmax(0, 1fr); gap: 6px; } .se-prices__val { text-align: left; } }

/* ── Planificatorul de proiect ─────────────────────────────────────────── */
.se-plan { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.se-plan__next { list-style: none; counter-reset: se-next; padding: 0; margin: 30px 0 0; display: grid; gap: 14px; }
.se-plan__next li { counter-increment: se-next; position: relative; padding-left: 42px; color: var(--se-ink2); font-size: 15.5px; line-height: 1.55; }
.se-plan__next li::before { content: counter(se-next); position: absolute; left: 0; top: -1px; width: 28px; height: 28px; border-radius: 6px; display: grid; place-items: center; font-family: var(--se-mono); font-size: 13px; color: var(--se-blue-l); border: 1px solid rgba(76,120,255,.35); }
.se-plan__next b { color: var(--se-ink); font-weight: 600; }
.se-plan__form { background: var(--se-surface); border: 1px solid var(--se-line2); border-radius: 14px; padding: clamp(22px, 3vw, 34px); }
.se-plan__form fieldset { border: 0; padding: 0; margin: 0 0 22px; min-width: 0; }
.se-plan__form legend { font-family: var(--se-display); font-size: 17px; font-weight: 600; color: var(--se-ink); margin-bottom: 12px; padding: 0; }
.se-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.se-opt { position: relative; }
.se-opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.se-opt span { display: inline-flex; align-items: center; min-height: 42px; padding: 0 14px; border-radius: 8px; cursor: pointer; border: 1px solid var(--se-line2); background: transparent; color: var(--se-ink2); font-size: 14.5px; font-weight: 500; transition: background-color .2s, border-color .2s, color .2s; }
.se-opt span:hover { border-color: rgba(255,255,255,.28); color: var(--se-ink); }
.se-opt input:checked + span { background: rgba(76, 120, 255, .16); border-color: var(--se-blue); color: #fff; }
.se-opt input:focus-visible + span { outline: 2px solid var(--se-blue-l); outline-offset: 2px; }
.se-field { display: grid; gap: 10px; margin-bottom: 22px; }
.se-field > span { font-family: var(--se-display); font-size: 17px; font-weight: 600; color: var(--se-ink); }
.se-field em { font-style: normal; font-family: var(--se-body); font-size: 13px; font-weight: 400; color: var(--se-ink3); margin-left: 6px; }
.se-field input { width: 100%; min-height: 50px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--se-line2); background: var(--se-bg); color: var(--se-ink); font: 500 16px var(--se-body); }
.se-field input::placeholder { color: var(--se-ink3); }
.se-field input:focus { outline: none; border-color: var(--se-blue); box-shadow: 0 0 0 3px rgba(76, 120, 255, .2); }
.se-plan__send { width: 100%; }
.se-plan__err { margin: -6px 0 14px; font-size: 14px; color: #ffb4a8; }
.se-plan__fine { margin: 14px 0 0; font-size: 13.5px; color: var(--se-ink3); text-align: center; }
.se-plan__fine a { color: var(--se-blue-l); }
@media (max-width: 900px) { .se-plan { grid-template-columns: minmax(0, 1fr); } }

/* ── Întrebări ─────────────────────────────────────────────────────────── */
.se-faq { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.se-faq__list { border-top: 1px solid var(--se-line2); }
.se-faq details { border-bottom: 1px solid var(--se-line); }
.se-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 21px 0; font-family: var(--se-display); font-size: clamp(17px, 1.6vw, 19px); font-weight: 600; letter-spacing: -0.015em; color: var(--se-ink); }
.se-faq summary::-webkit-details-marker { display: none; }
.se-faq summary::after { content: ""; flex-shrink: 0; width: 28px; height: 28px; border-radius: 6px; border: 1px solid var(--se-line2); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f4f8' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 13px no-repeat; transition: transform .25s var(--se-ease); }
.se-faq details[open] summary::after { transform: rotate(45deg); }
.se-faq__a { padding: 0 44px 22px 0; color: var(--se-ink2); font-size: 16px; line-height: 1.7; }
.se-faq__a p { margin: 0 0 10px; }
.se-faq__a a { color: var(--se-blue-l); }
@media (max-width: 860px) { .se-faq { grid-template-columns: minmax(0, 1fr); } .se-faq__a { padding-right: 0; } }

/* ── Resurse și orașe ─────────────────────────────────────────────────── */
.se-res { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.se-res__col { background: var(--se-surface); border: 1px solid var(--se-line); border-radius: var(--se-r); padding: 24px; }
.se-res__col h3 { font-size: 17px; font-weight: 600; margin: 0 0 12px; color: var(--se-ink); }
.se-res__col ul { list-style: none; padding: 0; margin: 0; display: grid; }
.se-res__col li a { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; color: var(--se-ink2); text-decoration: none; font-size: 15px; border-bottom: 1px solid var(--se-line); }
.se-res__col li:last-child a { border-bottom: 0; }
.se-res__col li a:hover { color: var(--se-ink); }
.se-res__col li a::after { content: "→"; color: var(--se-ink3); }
.se-cities { display: flex; flex-wrap: wrap; gap: 6px; }
.se-cities a { font-size: 14px; color: var(--se-ink2); text-decoration: none; padding: 7px 11px; border-radius: 6px; border: 1px solid var(--se-line2); }
.se-cities a:hover { color: var(--se-ink); border-color: var(--se-blue); }
.se-res__more { color: var(--se-ink3); font-size: 14px; margin: 16px 0 0; }
.se-res__more a { color: var(--se-blue-l); }
@media (max-width: 960px) { .se-res { grid-template-columns: minmax(0, 1fr); } }

/* ── Final CTA ─────────────────────────────────────────────────────────── */
.se-final { position: relative; overflow: hidden; border-radius: 16px; padding: clamp(36px, 6vw, 80px); background: var(--se-navy); border: 1px solid rgba(76,120,255,.3); }
.se-final__mark { position: absolute; right: clamp(-40px, -2vw, -10px); bottom: -60px; width: clamp(200px, 26vw, 360px); opacity: .08; pointer-events: none; filter: grayscale(1); }
.se-final h2 { font-size: clamp(30px, 4.4vw, 54px); line-height: 1.06; letter-spacing: -0.04em; margin: 14px 0 16px; max-width: 18ch; color: var(--se-ink); font-weight: 600; }
.se-final p { color: var(--se-ink2); font-size: 18px; line-height: 1.6; max-width: 52ch; margin: 0 0 30px; }
.se-final__contact { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 28px; font-size: 15px; }
.se-final__contact a { color: var(--se-ink); text-decoration: none; display: inline-flex; align-items: center; gap: 9px; }
.se-final__contact a:hover { text-decoration: underline; text-underline-offset: 4px; }
.se-final__contact svg { width: 17px; height: 17px; color: var(--se-blue-l); }

/* ── Subsol ────────────────────────────────────────────────────────────── */
.se-footer { border-top: 1px solid var(--se-line); background: var(--se-bg); padding-block: 64px 32px; }
.se-footer__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(0, 1fr)); gap: 36px; }
.se-footer__brand p { color: var(--se-ink2); font-size: 15px; line-height: 1.6; margin: 18px 0 20px; max-width: 34ch; }
.se-social { display: flex; gap: 8px; }
.se-social a { width: 38px; height: 38px; border-radius: 8px; display: grid; place-items: center; color: var(--se-ink2); border: 1px solid var(--se-line2); text-decoration: none; }
.se-social a:hover { color: var(--se-ink); border-color: rgba(255,255,255,.3); }
.se-footer h4, .se-footer .se-footer__h { font-family: var(--se-mono); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--se-ink3); margin: 0 0 16px; }
.se-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.se-footer li a { color: var(--se-ink2); text-decoration: none; font-size: 14.5px; }
.se-footer li a:hover { color: var(--se-ink); }
.se-footer__legal { margin-top: 52px; padding-top: 22px; border-top: 1px solid var(--se-line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 28px; font-size: 13.5px; color: var(--se-ink3); }
.se-footer__anpc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.se-footer__anpc a { font-size: 12.5px; text-decoration: none; padding: 6px 10px; border-radius: 6px; border: 1px solid var(--se-line2); color: var(--se-ink2); }
@media (max-width: 1040px) { .se-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .se-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 520px) { .se-footer__grid { grid-template-columns: minmax(0, 1fr); } }

/* ── Accesibilitate și detalii ─────────────────────────────────────────── */
.se-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.se-skip { position: absolute; left: 16px; top: -60px; z-index: 2000; background: #fff; color: #07080c; padding: 10px 16px; border-radius: 8px; font-weight: 600; text-decoration: none; }
.se-skip:focus { top: 12px; }
.wa-fab { box-shadow: 0 10px 28px -10px rgba(37, 211, 102, .5) !important; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ── Corecturi după verificarea la 1440px și 390px ─────────────────────── */
.se-hero__grid > * { min-width: 0; }
.se-stage { grid-template-columns: minmax(0, 1fr); }
.se-kpi { min-width: 0; }
.se-kpi__v { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; }
.se-chip { flex-wrap: wrap; max-width: 100%; }
@media (min-width: 981px) {
    .se-card--ads { width: 68%; }
    .se-card--order { width: 64%; }
}
@media (max-width: 1240px) { .se-order__time { display: none; } }

/* bannerul de cookie-uri (markup în script.js) */
#gdpr-banner.se-cookie {
    position: fixed; z-index: 2147483000; bottom: 16px; left: 16px; max-width: 370px;
    display: grid; gap: 8px; padding: 16px 18px; border-radius: var(--se-r-s);
    background: var(--se-surface); border: 1px solid var(--se-line2);
    box-shadow: 0 24px 60px -24px rgba(0,0,0,.9); font-family: var(--se-body);
}
#gdpr-banner.se-cookie p { color: var(--se-ink2); font-size: 13.5px; line-height: 1.5; margin: 0; }
#gdpr-banner.se-cookie p a { color: var(--se-blue-l); }
#gdpr-banner.se-cookie .se-cookie__t { font-size: 14.5px; font-weight: 600; color: var(--se-ink); margin: 0; }
#gdpr-banner.se-cookie .se-cookie__btns { display: flex; gap: 8px; margin-top: 2px; }
#gdpr-banner.se-cookie .se-btn { flex: 1; min-height: 40px; font-size: 14px; }
@media (max-width: 760px) {
    /* pe telefon: bară joasă, lipită de marginea de jos, ca să rămână liber butonul din hero */
    #gdpr-banner.se-cookie { left: 0; right: 0; bottom: 0; max-width: none; border-radius: 12px 12px 0 0; border-bottom: 0; padding: 13px 16px calc(13px + env(safe-area-inset-bottom)); gap: 6px; }
    #gdpr-banner.se-cookie .se-cookie__t { display: none; }
    #gdpr-banner.se-cookie p { font-size: 13px; }
    body.has-cookie-bar .wa-fab { bottom: 148px; }
}
.se-cookie__link { background: none; border: 0; padding: 0; font: inherit; color: inherit; opacity: .85; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.se-cookie__link:hover { opacity: 1; }
.se-footer__legal .se-cookie__link { font-size: 13px; white-space: nowrap; }
.se-chip { flex-wrap: nowrap; align-items: center; }
.se-chip > span:last-child { min-width: 0; }

/* ── Paginile vechi: meniul nou stă fix deasupra, cum era cel vechi ─────── */
/* (paginile vechi au spațiu rezervat sus pentru un meniu fix; prima pagină nouă îl ține „sticky”) */
body:not(:has(.se-hero)) .se-header { position: fixed; left: 0; right: 0; top: 0; }
h4 { font-family: var(--se-display); }
.btn { border-radius: 10px; }
.btn-primary, .btn.btn-primary { background: var(--se-blue) !important; border-color: var(--se-blue) !important; box-shadow: none !important; }
.btn-primary:hover { background: var(--se-blue-d) !important; }

/* ── Componentele vechi, aduse la stilul sobru (fără degradeuri mov) ────── */
.grad { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--se-blue-l) !important; }
.btn-calendar { background: var(--se-blue) !important; box-shadow: none !important; }
.btn-calendar:hover, .btn-primary:hover, .btn-wa:hover { transform: none !important; }
.btn-wa { background: #1fa855 !important; box-shadow: none !important; }
.btn-wa:hover { background: #1b944b !important; }
.offer-strip { background: var(--se-navy) !important; border-block: 1px solid rgba(76,120,255,.25); }
.save-total { background: var(--se-navy) !important; border: 1px solid rgba(76,120,255,.3); }
.card, .service-card, .pricing-card { border-radius: var(--se-r) !important; }

/* scena din hero: cardul Google Ads nu mai acoperă numele produselor */
@media (min-width: 981px) {
    .se-stage { min-height: 640px; }
    .se-card--ads { top: 42%; }
    .se-card--order { bottom: 70px; }
}

/* ── Calculator de preț pentru paginile de țară (se-calc.js) ── */
.se-calc { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 32px); align-items: start; }
.se-calc__main { display: grid; gap: 22px; }
.se-calc__group { margin: 0; padding: 0; border: 0; min-width: 0; }
.se-calc__group legend { font-family: var(--se-mono); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--se-blue-l); margin: 0 0 10px; padding: 0; }
.se-calc__opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
.se-calc__opt { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 4px 12px; align-items: start; padding: 14px 16px; background: var(--se-surface); border: 1px solid var(--se-line2); border-radius: var(--se-r-s); cursor: pointer; transition: border-color .2s var(--se-ease), background .2s var(--se-ease); }
.se-calc__opt:hover { border-color: rgba(255,255,255,.28); }
.se-calc__opt:has(input:checked) { border-color: var(--se-blue); background: rgba(76,120,255,.08); }
.se-calc__opt:has(input:focus-visible) { outline: 2px solid var(--se-blue-l); outline-offset: 2px; }
.se-calc__opt input { margin: 3px 0 0; accent-color: var(--se-blue); width: 16px; height: 16px; }
.se-calc__t { font-size: 15px; font-weight: 600; color: var(--se-ink); line-height: 1.35; }
.se-calc__p { font-family: var(--se-mono); font-size: 13px; color: var(--se-ink2); white-space: nowrap; }
.se-calc__d { grid-column: 2 / -1; font-size: 13.5px; line-height: 1.5; color: var(--se-ink3); }
.se-calc__sum { position: sticky; top: 96px; padding: clamp(22px, 3vw, 30px); background: var(--se-surface); border: 1px solid var(--se-line2); border-radius: var(--se-r); }
.se-calc__k { font-family: var(--se-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--se-ink3); margin: 0 0 8px; }
.se-calc__total { font-family: var(--se-display); font-size: clamp(34px, 4vw, 46px); font-weight: 700; letter-spacing: -0.03em; color: var(--se-ink); margin: 0; line-height: 1.1; }
.se-calc__monthly { font-family: var(--se-mono); font-size: 15px; color: var(--se-blue-l); margin: 6px 0 0; }
.se-calc__note { font-size: 13.5px; line-height: 1.55; color: var(--se-ink3); margin: 14px 0 18px; }
.se-calc__sum .se-btn { width: 100%; justify-content: center; }
@media (max-width: 900px) { .se-calc { grid-template-columns: minmax(0, 1fr); } .se-calc__sum { position: static; } }

/* ── Selector de țară/limbă în header ── */
.se-langs { position: relative; }
.se-langs > summary { list-style: none; cursor: pointer; }
.se-langs > summary::-webkit-details-marker { display: none; }
.se-langs__menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 210px; padding: 6px; background: var(--se-raised); border: 1px solid var(--se-line2); border-radius: var(--se-r-s); box-shadow: 0 18px 40px rgba(0,0,0,.45); display: grid; }
.se-langs__menu a { display: flex; justify-content: space-between; gap: 12px; padding: 9px 10px; border-radius: 6px; font-size: 14px; color: var(--se-ink2); text-decoration: none; }
.se-langs__menu a:hover, .se-langs__menu a[aria-current="page"] { background: rgba(255,255,255,.06); color: var(--se-ink); }
.se-langs__menu a span { font-family: var(--se-mono); font-size: 12px; color: var(--se-ink3); }

/* ── Accesibilitate (Lighthouse): contrast și linkuri distinse în text ── */
.se-case__niche { color: #9aa3b5; }
.se-btn--ghost { color: #ffffff; }
.se-faq__a a, .se-plan__fine a, .pg-txt a, .se-res__more a, .se-lead a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(138,166,255,.55); }

/* ── Formularul de contact reutilizabil (se-form) ──
   Aceeași componentă pe toate paginile de serviciu; trimite la /api/lead. */
.se-form-wrap { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
.se-form { background: var(--se-surface); border: 1px solid var(--se-line2); border-radius: 14px; padding: clamp(22px, 3vw, 32px); }
.se-form .se-field { margin-bottom: 16px; gap: 8px; }
.se-form .se-field > span { font-size: 15px; }
.se-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.se-form textarea { width: 100%; min-height: 96px; padding: 12px 14px; border-radius: 8px; border: 1px solid var(--se-line2); background: var(--se-bg); color: var(--se-ink); font: 500 16px var(--se-body); line-height: 1.5; resize: vertical; }
.se-form textarea::placeholder { color: var(--se-ink3); }
.se-form textarea:focus { outline: none; border-color: var(--se-blue); box-shadow: 0 0 0 3px rgba(76, 120, 255, .2); }
.se-form .se-btn { width: 100%; justify-content: center; margin-top: 4px; }
.se-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.se-check { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 18px; font-size: 13.5px; line-height: 1.5; color: var(--se-ink3); cursor: pointer; }
.se-check input { margin: 2px 0 0; width: 16px; height: 16px; accent-color: var(--se-blue); flex: none; }
.se-form__msg { margin: 14px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--se-ink2); }
.se-form__msg--ok { color: #8ee3a8; }
.se-form__msg--err { color: #ffb4a8; }
.se-form__wa { display: inline-block; margin-left: 4px; color: var(--se-blue-l); text-decoration: underline; text-underline-offset: 3px; }
.se-form__fine, .se-form .se-form__fine { max-width: none; margin: 14px 0 0; font-size: 13px; line-height: 1.55; color: var(--se-ink3); }
.se-form__fine a { color: var(--se-blue-l); }
@media (max-width: 900px) { .se-form-wrap { grid-template-columns: minmax(0, 1fr); } .se-form__grid { grid-template-columns: 1fr; } }

/* ── Tabelele comparative pe telefon: derulare orizontală cu capul de tabel vizibil ── */
@media (max-width: 760px) {
    .se-compare, .pg-compare { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .se-compare table, .pg-compare table { min-width: 560px; }
    .se-compare thead th, .pg-compare thead th { position: sticky; top: 0; background: var(--se-bg2); }
}

/* ── Verificarea gratuită a magazinului (se-check) ── */
.se-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.se-checkform { display: flex; gap: 10px; margin: 26px 0 0; flex-wrap: wrap; }
.se-checkform input[name="url"] { flex: 1 1 240px; min-height: 52px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--se-line2); background: var(--se-bg); color: var(--se-ink); font: 500 16px var(--se-body); }
.se-checkform input[name="url"]::placeholder { color: var(--se-ink3); }
.se-checkform input[name="url"]:focus { outline: none; border-color: var(--se-blue); box-shadow: 0 0 0 3px rgba(76,120,255,.2); }
.se-checkform .se-btn { min-height: 52px; }
.se-check__head { border-bottom: 1px solid var(--se-line); padding-bottom: 16px; margin-bottom: 18px; }
.se-check__k { font-family: var(--se-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--se-ink3); margin: 0 0 6px; }
.se-check__score { margin: 0; font-family: var(--se-display); line-height: 1; }
.se-check__score b { font-size: clamp(40px, 6vw, 56px); font-weight: 700; letter-spacing: -.03em; }
.se-check__score span { font-family: var(--se-body); font-size: 14px; color: var(--se-ink3); margin-left: 6px; }
.se-check__score.is-bun b { color: #8ee3a8; }
.se-check__score.is-mediu b { color: #ffd23f; }
.se-check__score.is-slab b { color: #ff9b8a; }
.se-check__url { margin: 8px 0 0; font-family: var(--se-mono); font-size: 12.5px; color: var(--se-ink3); word-break: break-all; }
.se-check__cats { display: grid; gap: 10px; margin-bottom: 20px; }
.se-check__cat { display: grid; grid-template-columns: minmax(0, 1fr) 84px 38px; gap: 10px; align-items: center; font-size: 13.5px; color: var(--se-ink2); }
.se-check__bar { display: block; height: 7px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; }
.se-check__bar i { display: block; height: 100%; border-radius: 4px; }
.se-check__bar i.is-bun { background: #4fb972; }
.se-check__bar i.is-mediu { background: #d1a41f; }
.se-check__bar i.is-slab { background: #d1584a; }
.se-check__cat-v { font-family: var(--se-mono); font-size: 12.5px; color: var(--se-ink3); text-align: right; }
.se-check__h { font-family: var(--se-display); font-size: 17px; font-weight: 600; color: var(--se-ink); margin: 0 0 12px; }
.se-check__list { margin: 0 0 8px; padding-left: 20px; display: grid; gap: 12px; }
.se-check__list li { color: var(--se-ink2); font-size: 14px; line-height: 1.55; }
.se-check__list b { display: block; color: var(--se-ink); font-weight: 600; margin-bottom: 3px; }
.se-check__more { font-size: 13.5px; line-height: 1.55; color: var(--se-ink3); margin: 0; }
.se-check__mail { border-top: 1px solid var(--se-line); margin-top: 20px; padding-top: 20px; }
.se-check__mail .se-form { background: none; border: 0; padding: 14px 0 0; }
.se-check-acord { display: flex; align-items: flex-start; gap: 10px; margin: 2px 0 16px; font-size: 13px; line-height: 1.5; color: var(--se-ink3); cursor: pointer; }
.se-check-acord input { margin: 2px 0 0; width: 16px; height: 16px; accent-color: var(--se-blue); flex: none; }

/* ── Iconițele proprii (au înlocuit FontAwesome: 21 KB CSS + font, pe fiecare pagină) ── */
.se-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.se-i { width: 1em; height: 1em; display: inline-block; vertical-align: -0.125em; flex: none; }
.se-social .se-i, .wa-fab .se-i { width: 1.05em; height: 1.05em; }
.se-burger__i { width: 20px; height: 20px; display: block; margin: 0 auto; }
.se-burger__x { display: none; }
.se-burger__i.is-open .se-burger__bars { display: none; }
.se-burger__i.is-open .se-burger__x { display: block; }
.se-final__form { max-width: 620px; margin: 30px auto 0; text-align: left; }
.se-final__form .se-form__fine { text-align: center; }

/* ── Uneltele publice (cost pe clic, ROAS de prag, diagnostic) ── */
.se-unealta { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
.se-unealta__ctrl { background: var(--se-surface); border: 1px solid var(--se-line2); border-radius: 14px; padding: clamp(20px, 3vw, 28px); }
.se-unealta__ctrl .se-field { margin-bottom: 16px; gap: 8px; }
.se-unealta__ctrl .se-field > span { font-size: 15px; }
.se-unealta__ctrl select { width: 100%; min-height: 50px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--se-line2); background: var(--se-bg); color: var(--se-ink); font: 500 16px var(--se-body); }
.se-unealta__ctrl select:focus, .se-unealta__ctrl input:focus { outline: none; border-color: var(--se-blue); box-shadow: 0 0 0 3px rgba(76,120,255,.2); }
.se-unealta__out { background: var(--se-surface); border: 1px solid var(--se-line2); border-radius: 14px; padding: clamp(20px, 3vw, 28px); }
.se-unealta__tabel { width: 100%; min-width: 0; border-collapse: collapse; margin: 4px 0 16px; }
.se-unealta__tabel th, .se-unealta__tabel td { padding: 9px 0; border-bottom: 1px solid var(--se-line); font-size: 14.5px; text-align: left; }
.se-unealta__tabel th { font-weight: 500; color: var(--se-ink3); }
.se-unealta__tabel td { font-family: var(--se-mono); color: var(--se-ink); text-align: right; font-variant-numeric: tabular-nums; }
.se-unealta__verdict { margin: 4px 0 12px; padding: 14px 16px; border-radius: 10px; font-size: 14.5px; line-height: 1.6; border-left: 3px solid; }
.se-unealta__verdict.is-bun { background: rgba(79,185,114,.09); border-color: #4fb972; color: #cdecd7; }
.se-unealta__verdict.is-mediu { background: rgba(209,164,31,.09); border-color: #d1a41f; color: #f0e2b8; }
.se-unealta__verdict.is-slab { background: rgba(209,88,74,.09); border-color: #d1584a; color: #f5cfc9; }
.se-unealta__pachet { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--se-line); }
.se-unealta__pachet h3 { font-family: var(--se-display); font-size: 18px; font-weight: 600; margin: 0 0 8px; color: var(--se-ink); }
.se-unealta__pachet p { font-size: 14.5px; line-height: 1.6; color: var(--se-ink2); margin: 0 0 10px; }
.se-unealta__pachet a { color: var(--se-blue-l); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) { .se-unealta { grid-template-columns: minmax(0, 1fr); } }

/* ── 404 ── */
.se-404 { text-align: center; padding-block: clamp(48px, 8vw, 96px); }
.se-404 .se-h1 { margin-bottom: 18px; }
.se-404__lead { max-width: 62ch; margin: 0 auto 30px; }
.se-404__search { position: relative; max-width: 460px; margin: 0 auto 8px; }
.se-404__ico { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--se-ink3); pointer-events: none; }
.se-404__search input { width: 100%; min-height: 52px; padding: 0 16px 0 44px; border-radius: 10px; border: 1px solid var(--se-line2); background: var(--se-bg2); color: var(--se-ink); font: 500 16px var(--se-body); }
.se-404__search input:focus { outline: none; border-color: var(--se-blue); box-shadow: 0 0 0 3px rgba(76,120,255,.2); }
.se-404__rez { list-style: none; max-width: 460px; margin: 0 auto 30px; padding: 6px; background: var(--se-raised); border: 1px solid var(--se-line2); border-radius: 10px; text-align: left; }
.se-404__rez li a { display: block; padding: 9px 12px; border-radius: 6px; color: var(--se-ink2); text-decoration: none; font-size: 14.5px; }
.se-404__rez li a:hover { background: rgba(255,255,255,.06); color: var(--se-ink); }
.se-404__gol { padding: 9px 12px; font-size: 14px; color: var(--se-ink3); }
.se-404__gol a { color: var(--se-blue-l); }
.se-404__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; max-width: 900px; margin: 36px auto 0; text-align: left; }
.se-404__card { display: flex; align-items: center; gap: 10px; padding: 16px 18px; border-radius: 12px; border: 1px solid var(--se-line2); background: var(--se-surface); text-decoration: none; transition: border-color .2s, transform .2s; }
.se-404__card:hover { border-color: var(--se-blue); transform: translateY(-2px); }
.se-404__card .se-i { margin-left: auto; color: var(--se-blue-l); width: 18px; height: 18px; }
.se-404__t { display: block; font-weight: 600; color: var(--se-ink); font-size: 15px; }
.se-404__d { display: block; font-size: 13px; color: var(--se-ink3); margin-top: 2px; }
.se-404__card > span:first-child { display: block; }
.se-404__fine { margin-top: 34px; font-size: 14px; color: var(--se-ink3); }
.se-404__fine a { color: var(--se-blue-l); text-decoration: underline; text-underline-offset: 3px; }

/* ── Planul gratuit în 24 de ore (29.09.2026) ──────────────────────────────
   Butonul din meniu rămâne vizibil și pe telefon (înainte dispărea sub 1040 px),
   iar formularele spun exact ce primește omul, până când și ce garanții are. */
.se-cta-s { display: none; }
@media (max-width: 560px) {
    .se-cta-l { display: none; }
    .se-cta-s { display: inline; }
    .se-header__cta .se-btn--small { padding: 9px 11px; font-size: 13.5px; white-space: nowrap; }
    .se-header__cta { gap: 8px; }
}
@media (max-width: 400px) {
    .logo-text.logo-lockup .geo, .logo-text.logo-lockup small { display: none; }
}
.se-promise { margin: 0 0 20px; padding: 16px 18px; border: 1px solid rgba(76, 120, 255, .35); border-radius: 14px;
    background: linear-gradient(180deg, rgba(76, 120, 255, .10), rgba(76, 120, 255, .03)); text-align: left; }
.se-form .se-promise__t { max-width: none; margin: 0 0 10px; color: var(--se-ink); font-size: 16.5px; font-weight: 600; line-height: 1.35; }
.se-promise__t small { margin-left: 6px; color: var(--se-ink3); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.se-promise__l { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.se-promise__l li { position: relative; padding-left: 27px; color: var(--se-ink2); font-size: 14.5px; line-height: 1.45; }
.se-promise__l li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%;
    background: rgba(60, 207, 142, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ccf8e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat; }
.se-form .se-promise__f { max-width: none; display: flex; align-items: center; gap: 10px; margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--se-line);
    color: var(--se-ink3); font-size: 13.5px; line-height: 1.45; }
.se-promise__f img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; flex: none; border: 1px solid rgba(76, 120, 255, .5); }
.se-promise__f b { color: var(--se-ink2); font-weight: 600; }
.se-form .se-form__trust { max-width: none; margin: 10px 0 0; font-size: 12.5px; line-height: 1.55; color: var(--se-ink3); }
.se-form__trust a { color: var(--se-blue-l); }
.se-final__form .se-form__trust { text-align: center; }
.se-check__next { margin-top: 22px; padding: 16px 18px; border: 1px solid rgba(76, 120, 255, .35); border-radius: 14px;
    background: rgba(76, 120, 255, .06); }
.se-check__next p { margin: 0 0 12px; color: var(--se-ink2); font-size: 15px; line-height: 1.5; }
.se-check__next .se-hero__actions { margin: 0; }
.se-legend__opt { font-style: normal; font-family: var(--se-body); font-size: 13px; font-weight: 400; color: var(--se-ink3); margin-left: 6px; }
@media (max-width: 560px) {
    .se-final { padding: 30px 16px; }
    .se-final__form { padding: 18px 14px; }
    .se-promise { padding: 14px; }
}
/* „Citește și”: descrierea scurtă stă lângă titlul legăturii, săgeata rămâne la dreapta */
.se-res__col li a { flex-wrap: wrap; }
.se-res__col li a small { order: 3; flex-basis: 100%; margin-top: 3px; color: var(--se-ink3); font-size: 13px; line-height: 1.4; }
/* legăturile din rândurile mici de sub formular se văd și fără culoare (contrast, accesibilitate) */
.se-form .se-form__trust a, .se-form .se-form__fine a { text-decoration: underline; text-underline-offset: 2px; }
/* telefoanele înguste (360–400 px): pe paginile europene încap logo, țara, butonul și meniul pe același rând */
@media (max-width: 400px) {
    .se-header__cta { gap: 6px; }
    .se-header__cta .se-btn--small { padding: 9px 9px; font-size: 13px; }
    .se-langs > summary.se-lang { padding: 7px 7px; }
    .se-burger { width: 40px; height: 40px; }
    .se-logo { gap: 8px; }
}
/* cele trei trepte de pe paginile de verificare (gratuit / gratuit / plătit): carduri, nu etichete de preț */
.se-prices--cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; border-top: 0; }
.se-prices--cards > .se-price { font-family: var(--se-body); font-size: 15px; white-space: normal; padding: 22px; border-radius: var(--se-r);
    background: var(--se-surface); color: var(--se-ink2); display: flex; flex-direction: column; }
.se-prices--cards > .se-price h3 { margin: 0 0 6px; font-size: 18px; font-weight: 600; color: var(--se-ink); }
.se-prices--cards .se-price__v { margin: 0 0 16px; font-family: var(--se-mono); font-size: 14px; color: var(--se-blue-l); }
.se-prices--cards .se-price__n { margin: auto 0 0; font-size: 13.5px; line-height: 1.5; color: var(--se-ink3); }
/* sub 340 px: rămâne sigla fără text, ca pe paginile europene să încapă și țara, butonul și meniul */
@media (max-width: 340px) { .logo-text.logo-lockup { display: none; } }
/* cifrele mari din „dovezi”: unitatea („/month”, „lei”) trece pe rândul următor dacă nu mai încape */
.se-proof__v small { display: inline-block; }

/* ═══ Fondatorul: poza reală a lui Andrei + cine răspunde de proiect (prima pagină, agenție, paginile europene) ═══ */
.se-founder { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(24px, 4.5vw, 64px); align-items: center; }
/* poza întreagă, decupată, ca pe „Despre noi”: fără chenar, cu lumină albastră în spate și marginile estompate */
.se-founder__photo { position: relative; margin: 0; display: flex; justify-content: center; align-items: flex-end; }
.se-founder__photo::before { content: ""; position: absolute; left: 6%; right: 6%; top: 6%; bottom: 12%; border-radius: 50%; background: radial-gradient(closest-side, rgba(76,120,255,.42), rgba(76,120,255,.1) 55%, transparent 75%); filter: blur(10px); pointer-events: none; }
.se-founder__photo img { position: relative; display: block; width: min(100%, 340px); height: auto;
    -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%), linear-gradient(to right, transparent 0, #000 12%, #000 88%, transparent 100%); -webkit-mask-composite: source-in;
    mask-image: linear-gradient(to bottom, #000 70%, transparent 100%), linear-gradient(to right, transparent 0, #000 12%, #000 88%, transparent 100%); mask-composite: intersect; }
.se-founder__photo figcaption { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); white-space: nowrap; background: rgba(14,17,24,.82); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid var(--se-line2); border-radius: 12px; padding: 9px 16px; text-align: center; }
.se-founder__photo figcaption b { display: block; color: var(--se-ink); font-size: 15px; font-weight: 600; }
.se-founder__photo figcaption span { color: var(--se-ink2); font-size: 13px; }
.se-founder__text .se-h2 { margin-top: 10px; }
.se-founder__text .se-lead { margin-top: 16px; }
.se-founder__facts { margin: 22px 0 0; }
.se-founder__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
@media (max-width: 760px) {
    .se-founder { grid-template-columns: 1fr; }
    .se-founder__photo img { width: min(68%, 280px); }
    .se-founder__photo figcaption { bottom: 12px; padding: 8px 14px; }
}
/* prima pagină: Andrei, sub butoanele din hero */
.se-hero__by { display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; color: var(--se-ink2); font-size: 14.5px; line-height: 1.45; text-decoration: none; }
.se-hero__by img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; border: 2px solid rgba(76,120,255,.55); }
.se-hero__by b { color: var(--se-ink); font-weight: 600; }
.se-hero__by:hover span, .se-hero__by:focus-visible span { text-decoration: underline; text-underline-offset: 3px; }

/* ── Meniul de sus pe un singur rând (30.09.2026) ─────────────────────────
   La 1280 px „Magazine Shopify”, „Google Ads”, „Verificare gratuită” și „Despre noi”
   se rupeau pe două rânduri. Cuvintele nu se mai rup; între 1181 și 1400 px meniul e puțin
   mai strâns, iar sub 1180 px (unde nu mai încape întreg) trece în butonul cu trei linii. */
.se-nav a { white-space: nowrap; }
@media (max-width: 1400px) {
    .se-header__in { gap: 20px; }
    .se-nav a { font-size: 14px; padding: 8px 10px; }
}
@media (max-width: 1180px) {
    .se-nav, .se-header__cta > a.se-lang { display: none; }
    .se-header__cta { margin-left: auto; }
    .se-burger { display: inline-grid; place-items: center; }
}

/* ── Piese comune ale paginilor (30.09.2026) ───────────────────────────────
   Cardul „Pe scurt” din capul paginii, cele două casete alăturate, nota de sub secțiune și
   legăturile din text erau definite pagină cu pagină. Pe șapte pagini lipseau de tot
   (Google Ads, Irlanda, Elveția, Suedia, verificarea în engleză, ghidul și conținutul în engleză),
   iar acolo apăreau ca text simplu. Aici sunt o singură dată; stilul din pagină, unde există, rămâne peste. */
.pg-sum { background: var(--se-surface); border: 1px solid var(--se-line2); border-radius: 14px; padding: clamp(22px, 3vw, 32px); }
.pg-sum__rows { margin: 16px 0 0; border-top: 1px solid var(--se-line2); }
.pg-sum__row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--se-line); }
.pg-sum__row dt { font-size: 14.5px; color: var(--se-ink3); }
.pg-sum__row dd { margin: 0; font-family: var(--se-mono); font-size: 14px; color: var(--se-ink); text-align: right; }
.pg-sum__note { margin-top: 16px; font-size: 13.5px; line-height: 1.55; color: var(--se-ink3); }
.pg-prose a:not(.se-btn) { color: var(--se-blue-l); text-decoration: underline; text-decoration-color: rgba(138, 166, 255, .45); text-underline-offset: 3px; }
.pg-prose a:not(.se-btn):hover { text-decoration-color: currentColor; }
.pg-prose p + p { margin-top: 16px; }
.pg-note { margin-top: 28px; max-width: 76ch; color: var(--se-ink2); font-size: 15.5px; line-height: 1.65; }
.pg-two { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
.pg-box { background: var(--se-surface); border: 1px solid var(--se-line); border-radius: var(--se-r); padding: clamp(22px, 3vw, 30px); }
.pg-box h3 { font-size: 19px; font-weight: 600; margin: 0 0 16px; color: var(--se-ink); }
.pg-box .se-ticks { margin-bottom: 0; }
.se-ticks.pg-dash li::before { background-color: rgba(255, 255, 255, .06); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b0bf' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); }
@media (max-width: 420px) { .pg-sum__row { flex-direction: column; gap: 4px; } .pg-sum__row dd { text-align: left; } }

/* Butonul plutitor de WhatsApp nu mai acoperă ultimul rând din subsol (datele firmei, ANPC, setările de cookie).
   Peste 1360 px butonul stă în afara coloanei de conținut, deci nu mai e nevoie de loc lăsat liber. */
@media (max-width: 1360px) { .se-footer__legal { padding-right: 64px; } }