/* ==========================================================================
   MPE – pachet extins: Block / Big Grid / Multipurpose / Extended / Site
   ========================================================================== */

/* ---------- Antet de bloc (comun) ---------- */
.mpe-pb, .mpe-xw { --mpe-accent: #e2231a; --mpe-gap: 24px; --mpe-radius: 4px; --mpe-ov: rgba(0,0,0,.85); --mpe-div: #e5e7eb; position: relative; }
.mpe-pb__head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 20px; position: relative; }
.mpe-pb__title { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.2; text-transform: uppercase; letter-spacing: .02em; }
.mpe-pb__title a { color: inherit; text-decoration: none; }
.mpe-pb__head--line { border-bottom: 2px solid var(--mpe-div); padding-bottom: 10px; }
.mpe-pb__head--line::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 60px; height: 2px; background: var(--mpe-accent); }
.mpe-pb__head--box { border-bottom: 2px solid var(--mpe-accent); }
.mpe-pb__head--box .mpe-pb__title { background: var(--mpe-accent); color: #fff; padding: 8px 14px 6px; font-size: 15px; }
.mpe-pb__head--center { justify-content: center; text-align: center; }
.mpe-pb__head--center .mpe-pb__title { display: flex; align-items: center; gap: 16px; width: 100%; }
.mpe-pb__head--center .mpe-pb__title::before, .mpe-pb__head--center .mpe-pb__title::after { content: ""; flex: 1; height: 1px; background: var(--mpe-div); }
.mpe-pb__head--border .mpe-pb__title { border-left: 4px solid var(--mpe-accent); padding-left: 12px; }
.mpe-pb__tabs { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-left: auto; }
.mpe-pb__tab { background: none; border: 0; padding: 4px 0; font: inherit; font-size: 13px; font-weight: 600; color: #6b7280; cursor: pointer; text-transform: uppercase; letter-spacing: .03em; }
.mpe-pb__tab:hover, .mpe-pb__tab.is-active { color: var(--mpe-accent); }
.mpe-pb__tabs-more { display: none; background: none; border: 0; font-size: 18px; cursor: pointer; }
.mpe-pb__all { margin-left: auto; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--mpe-accent); }
.mpe-pb__tabs + .mpe-pb__all { margin-left: 12px; }
.mpe-pb__inner { transition: opacity .25s; }
.mpe-pb.is-loading .mpe-pb__inner { opacity: .35; pointer-events: none; }
.mpe-pb__empty { padding: 20px; text-align: center; color: #6b7280; }
.mpe-pb__nav { display: flex; gap: 6px; justify-content: flex-end; margin-top: 16px; }
.mpe-pb__nav button { width: 34px; height: 34px; border: 1px solid var(--mpe-div); background: #fff; cursor: pointer; border-radius: 4px; color: #111; }
.mpe-pb__nav button:hover:not(:disabled) { background: var(--mpe-accent); border-color: var(--mpe-accent); color: #fff; }
.mpe-pb__nav button:disabled { opacity: .35; cursor: default; }
.mpe-pb__more-wrap { text-align: center; margin-top: 24px; }
.mpe-pb__more { padding: 11px 30px; border: 1px solid var(--mpe-div); background: #fff; font: inherit; font-weight: 600; cursor: pointer; border-radius: 4px; color: #111; }
.mpe-pb__more:hover { background: var(--mpe-accent); border-color: var(--mpe-accent); color: #fff; }
@media (max-width: 767px) {
	.mpe-pb__tabs { margin-left: 0; width: 100%; overflow-x: auto; flex-wrap: nowrap; }
	.mpe-pb__tab { white-space: nowrap; }
}

/* ---------- Module (un articol) ---------- */
.mpe-m { position: relative; min-width: 0; }
.mpe-m__img { position: relative; overflow: hidden; border-radius: var(--mpe-radius); background: #e5e7eb; }
.mpe-m__ilink { position: absolute; inset: 0; display: block; }
.mpe-m__img img, .mpe-m__noimg { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; transition: transform .5s ease; }
.mpe-m__noimg { min-height: 100%; background: linear-gradient(135deg, #e5e7eb, #cbd5e1); }
.mpe-m:hover .mpe-m__img img { transform: scale(1.05); }
.mpe-m__body { min-width: 0; }
.mpe-m__title { margin: 0 0 6px; font-size: 17px; line-height: 1.3; font-weight: 700; }
.mpe-m__title a { color: inherit; text-decoration: none; transition: color .2s; }
.mpe-m:not([class*=overlay]) .mpe-m__title a:hover { color: var(--mpe-accent); }
.mpe-m__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12px; color: #6b7280; }
.mpe-m__sep { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .5; }
.mpe-m__author { font-weight: 600; color: #111827; }
.mpe-m__excerpt { margin-top: 8px; font-size: 14px; line-height: 1.6; color: #4b5563; }
.mpe-m__more { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 600; color: var(--mpe-accent); text-decoration: none; }
.mpe-m__cat { display: inline-block; margin-bottom: 8px; padding: 3px 8px; font-size: 11px; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: .04em; color: #fff; background: var(--mpe-accent); text-decoration: none; border-radius: 2px; }
.mpe-m__cat--img { position: absolute; left: 12px; bottom: 12px; margin: 0; z-index: 2; }
.mpe-m__stars { font-size: 12px; }

.mpe-m--big .mpe-m__img { aspect-ratio: 16 / 10; }
.mpe-m--big .mpe-m__body { padding-top: 14px; }
.mpe-m--big .mpe-m__title { font-size: 24px; }
.mpe-m--card .mpe-m__img { aspect-ratio: 16 / 10; }
.mpe-m--card .mpe-m__body { padding-top: 12px; }
.mpe-m--card-sm .mpe-m__img { aspect-ratio: 16 / 10; }
.mpe-m--card-sm .mpe-m__body { padding-top: 10px; }
.mpe-m--card-sm .mpe-m__title { font-size: 15px; }
.mpe-m--center { text-align: center; }
.mpe-m--center .mpe-m__img { aspect-ratio: 4 / 3; }
.mpe-m--center .mpe-m__body { padding-top: 14px; }
.mpe-m--center .mpe-m__meta { justify-content: center; }
.mpe-m--center .mpe-m__cat--img { left: 50%; transform: translateX(-50%); }
.mpe-m--side, .mpe-m--wide { display: flex; gap: 18px; align-items: flex-start; }
.mpe-m--side .mpe-m__img { flex: 0 0 38%; aspect-ratio: 4 / 3; }
.mpe-m--wide .mpe-m__img { flex: 0 0 55%; aspect-ratio: 16 / 10; }
.mpe-m--wide .mpe-m__title { font-size: 26px; }
.mpe-m--wide .mpe-m__body { align-self: center; }
.mpe-m--thumb { display: flex; gap: 12px; align-items: flex-start; }
.mpe-m--thumb .mpe-m__img { flex: 0 0 100px; height: 72px; }
.mpe-m--thumb .mpe-m__title { font-size: 14px; margin-bottom: 4px; }
.mpe-m--text { border-bottom: 1px solid var(--mpe-div); padding-bottom: 12px; }
.mpe-m--text .mpe-m__title { font-size: 15px; }
.mpe-m--num { display: flex; gap: 14px; align-items: flex-start; border-bottom: 1px solid var(--mpe-div); padding-bottom: 12px; }
.mpe-m__num { flex: 0 0 auto; font-size: 30px; font-weight: 800; line-height: 1; color: var(--mpe-accent); opacity: .85; min-width: 34px; font-variant-numeric: tabular-nums; }
.mpe-m--num .mpe-m__title { font-size: 15px; }

/* overlay */
.mpe-m--overlay, .mpe-m--overlay-sm, .mpe-m--overlay-tall { overflow: hidden; border-radius: var(--mpe-radius); color: #fff; }
.mpe-m--overlay { min-height: 420px; }
.mpe-m--overlay-tall { min-height: 100%; height: 100%; }
.mpe-blk__zone--overlay-tall { height: 100%; }
.mpe-m--overlay-sm { min-height: 200px; }
.mpe-m--overlay .mpe-m__img, .mpe-m--overlay-sm .mpe-m__img, .mpe-m--overlay-tall .mpe-m__img { position: absolute; inset: 0; border-radius: 0; }
.mpe-m--overlay .mpe-m__img::after, .mpe-m--overlay-sm .mpe-m__img::after, .mpe-m--overlay-tall .mpe-m__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, var(--mpe-ov) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,0) 100%); pointer-events: none; transition: opacity .3s; }
.mpe-m--overlay .mpe-m__body, .mpe-m--overlay-sm .mpe-m__body, .mpe-m--overlay-tall .mpe-m__body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 24px; pointer-events: none; }
.mpe-m--overlay .mpe-m__body a, .mpe-m--overlay-sm .mpe-m__body a, .mpe-m--overlay-tall .mpe-m__body a { pointer-events: auto; }
.mpe-m--overlay .mpe-m__title, .mpe-m--overlay-tall .mpe-m__title { font-size: 28px; color: #fff; }
.mpe-m--overlay-sm .mpe-m__body { padding: 16px; }
.mpe-m--overlay-sm .mpe-m__title { font-size: 16px; color: #fff; }
[class*="mpe-m--overlay"] .mpe-m__meta, [class*="mpe-m--overlay"] .mpe-m__author { color: rgba(255,255,255,.85); }
[class*="mpe-m--overlay"] .mpe-m__title a { color: #fff; }

/* format video */
.mpe-m--fmt-video .mpe-m__img::before { content: "▶"; position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 46px; height: 46px; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; padding-left: 3px; box-sizing: border-box; pointer-events: none; }

/* ---------- Așezare Block ---------- */
.mpe-blk { display: grid; grid-template-columns: var(--tpl, 1fr); gap: var(--mpe-gap); }
.mpe-blk__col { display: flex; flex-direction: column; gap: var(--mpe-gap); min-width: 0; }
.mpe-blk__zone { display: grid; grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr)); gap: calc(var(--mpe-gap) * .8) var(--mpe-gap); }
.mpe-blk__zone--thumb, .mpe-blk__zone--text, .mpe-blk__zone--num { row-gap: 14px; }
.mpe-pb--block-24 .mpe-blk__col:first-child { min-height: 380px; }
@media (max-width: 1024px) {
	.mpe-blk__zone { grid-template-columns: repeat(min(var(--cols, 1), 2), minmax(0, 1fr)); }
	.mpe-m--wide .mpe-m__title, .mpe-m--overlay .mpe-m__title { font-size: 22px; }
}
@media (max-width: 767px) {
	.mpe-blk { grid-template-columns: 1fr; }
	.mpe-blk__zone { grid-template-columns: 1fr; }
	.mpe-blk__zone--card-sm, .mpe-blk__zone--center { grid-template-columns: repeat(min(var(--cols, 1), 2), minmax(0, 1fr)); }
	.mpe-m--wide, .mpe-m--side.mpe-m { flex-direction: column; }
	.mpe-m--wide .mpe-m__img, .mpe-m--side .mpe-m__img { flex-basis: auto; width: 100%; }
	.mpe-m--overlay { min-height: 300px; }
	.mpe-m--big .mpe-m__title { font-size: 20px; }
}

/* ---------- Loop-uri ---------- */
.mpe-loop.mpe-blk__zone { row-gap: calc(var(--mpe-gap) * 1.2); }
.mpe-loop.mpe-blk__zone--side .mpe-m, .mpe-loop.mpe-blk__zone--wide .mpe-m { border-bottom: 1px solid var(--mpe-div); padding-bottom: var(--mpe-gap); }
@media (max-width: 1024px) { .mpe-loop.mpe-blk__zone { grid-template-columns: repeat(min(var(--cols, 1), 2), minmax(0, 1fr)); } }
@media (max-width: 767px) { .mpe-loop.mpe-blk__zone { grid-template-columns: 1fr; } }

/* ---------- Big Grid ---------- */
.mpe-bg { --h: 220px; --gap: 4px; display: grid; grid-template-columns: repeat(60, minmax(0, 1fr)); grid-auto-rows: calc(var(--h) + var(--gap)); grid-auto-flow: dense; }
.mpe-bg__item { grid-column: span var(--c); grid-row: span var(--r); position: relative; min-width: 0; }
.mpe-bg__item .mpe-m { position: absolute; inset: calc(var(--gap) / 2); min-height: 0; height: auto; }
.mpe-bg__item--big .mpe-m__title { font-size: 26px; }
.mpe-bg__item--small .mpe-m__title { font-size: 15px; }
.mpe-bg--full { --mpe-radius: 0px; }
.mpe-bg--flex { --mpe-radius: 10px; }
.mpe-bg--flex .mpe-m { box-shadow: 0 4px 18px rgba(0,0,0,.08); }
.mpe-bg--fx-zoom .mpe-m:hover .mpe-m__img img { transform: scale(1.08); }
.mpe-bg--fx-dark .mpe-m .mpe-m__img img { transform: none !important; }
.mpe-bg--fx-dark .mpe-m:hover .mpe-m__img::after { background: rgba(0,0,0,.7); }
.mpe-bg--fx-none .mpe-m .mpe-m__img img { transform: none !important; }
.mpe-bg--fx-shine .mpe-m .mpe-m__img img { transform: none !important; }
.mpe-bg--fx-shine .mpe-m__img::before { content: ""; position: absolute; z-index: 2; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.3)); transform: skewX(-25deg); pointer-events: none; }
.mpe-bg--fx-shine .mpe-m:hover .mpe-m__img::before { animation: mpe-shine .75s; }
@keyframes mpe-shine { 100% { left: 125%; } }
@media (max-width: 1024px) {
	.mpe-bg { --h: 180px; }
	.mpe-bg__item { grid-column: span var(--tc); }
	.mpe-bg__item--big .mpe-m__title { font-size: 20px; }
}
@media (max-width: 767px) {
	.mpe-bg { grid-auto-rows: calc(240px + var(--gap)); }
	.mpe-bg__item { grid-column: span 60; grid-row: span 1; }
	.mpe-bg__item--small { grid-column: span 30; }
	.mpe-bg__item--small .mpe-m__body { padding: 12px; }
	.mpe-bg__item--small .mpe-m__title { font-size: 14px; }
	.mpe-bg__item--small .mpe-m__meta { display: none; }
}
/* slider de articole */
.mpe-carousel--posts .mpe-slide { flex: 0 0 100%; }
.mpe-carousel--posts .mpe-carousel__arrow { top: 50%; }
.mpe-carousel.mpe-carousel--posts .mpe-carousel__arrow--prev { left: 14px; }
.mpe-carousel.mpe-carousel--posts .mpe-carousel__arrow--next { right: 14px; }
.mpe-carousel--posts { overflow: hidden; }
.mpe-ps { --h: 480px; }
.mpe-ps .mpe-slide .mpe-m { min-height: var(--h); height: var(--h); }
.mpe-ps .mpe-m__title { font-size: 34px; }
.mpe-carousel--posts .mpe-carousel__dots { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 5; margin: 0; }
.mpe-carousel--posts .mpe-carousel__dot { background: rgba(255,255,255,.5); }
.mpe-carousel--posts .mpe-carousel__dot.is-active { background: #fff; }
@media (max-width: 767px) { .mpe-ps { --h: 320px; } .mpe-ps .mpe-m__title { font-size: 22px; } }

.mpe-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 0 6px; margin-left: auto; font-size: 11px; font-weight: 700; border-radius: 10px; background: #f3f4f6; color: #374151; }

/* ==========================================================================
   Multipurpose
   ========================================================================== */
/* Button */
.mpe-b { --b: #2563eb; --b2: #7c3aed; --bt: #fff; display: inline-flex; align-items: center; justify-content: center; gap: .55em; width: var(--mpe-btn-w, auto); border: 2px solid var(--b); background: var(--b); color: var(--bt); font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; transition: all .25s ease; position: relative; overflow: hidden; }
.mpe-b:hover { filter: brightness(1.08); color: var(--bt); }
.mpe-b--sm { padding: 8px 16px; font-size: 13px; } .mpe-b--md { padding: 12px 24px; font-size: 15px; } .mpe-b--lg { padding: 16px 34px; font-size: 17px; } .mpe-b--xl { padding: 20px 44px; font-size: 19px; }
.mpe-b--square { border-radius: 0; } .mpe-b--rounded { border-radius: 6px; } .mpe-b--pill { border-radius: 100px; }
.mpe-b--outline { background: transparent; color: var(--b); }
.mpe-b--outline:hover { background: var(--b); color: #fff; }
.mpe-b--ghost { background: color-mix(in srgb, var(--b) 12%, transparent); border-color: transparent; color: var(--b); }
.mpe-b--gradient { background: linear-gradient(135deg, var(--b), var(--b2)); border: 0; }
.mpe-b--link { background: none; border: 0; padding-left: 0 !important; padding-right: 0 !important; color: var(--b); text-decoration: underline; text-underline-offset: 4px; }
.mpe-b svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-b--fx-lift:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.15); }
.mpe-b--fx-grow:hover { transform: scale(1.05); }
.mpe-b--fx-arrow .mpe-b__ico { transition: transform .25s; } .mpe-b--fx-arrow:hover .mpe-b__ico { transform: translateX(4px); }
.mpe-b--fx-shine::after { content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient(to right, transparent, rgba(255,255,255,.4)); transform: skewX(-25deg); }
.mpe-b--fx-shine:hover::after { animation: mpe-shine .7s; }
.mpe-ico, .mpe-b__ico { display: inline-flex; line-height: 1; }
.mpe-ico svg, .mpe-b__ico svg { width: 1em; height: 1em; fill: currentColor; }

.mpe-btn--ghost { background: transparent; border-color: currentColor; color: inherit; }
.mpe-btn--ghost:hover { background: rgba(255,255,255,.12); color: inherit; }

/* CTA */
.mpe-cta { position: relative; display: flex; align-items: center; gap: 24px 40px; padding: 44px 48px; border-radius: 12px; background: #0f172a; color: #fff; overflow: hidden; }
.mpe-cta::before { content: ""; position: absolute; inset: 0; pointer-events: none; }
.mpe-cta > * { position: relative; }
.mpe-cta--row { justify-content: space-between; }
.mpe-cta--col { flex-direction: column; text-align: center; }
.mpe-cta__kicker { font-size: 12px; font-weight: 700; letter-spacing: .14em; opacity: .75; margin-bottom: 8px; }
.mpe-cta__title { margin: 0 0 8px; color: inherit; font-size: 28px; line-height: 1.2; }
.mpe-cta__text { opacity: .85; font-size: 16px; }
.mpe-cta__btns { display: flex; flex-wrap: wrap; gap: 12px; flex-shrink: 0; }
@media (max-width: 767px) { .mpe-cta { flex-direction: column; text-align: center; padding: 32px 22px; } }

/* Client */
.mpe-clients { --cols: 4; --bd: #e5e7eb; display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
.mpe-client { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 24px; text-decoration: none; color: inherit; transition: all .3s; }
.mpe-client img { max-height: 60px; width: auto; max-width: 100%; object-fit: contain; transition: filter .3s, opacity .3s; }
.mpe-clients.is-gray img { filter: grayscale(1); opacity: .6; }
.mpe-clients.is-gray .mpe-client:hover img { filter: none; opacity: 1; }
.mpe-clients--grid { border-top: 1px solid var(--bd); border-left: 1px solid var(--bd); }
.mpe-clients--grid .mpe-client { border-right: 1px solid var(--bd); border-bottom: 1px solid var(--bd); }
.mpe-clients--boxed { gap: 16px; }
.mpe-clients--boxed .mpe-client { background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
.mpe-client__name { font-size: 13px; color: #6b7280; }
@media (max-width: 767px) { .mpe-clients { --cols: 2 !important; } }

/* Column content */
.mpe-colc__img { margin-bottom: 18px; } .mpe-colc__img img { width: 100%; height: 220px; object-fit: cover; border-radius: 6px; display: block; }
.mpe-colc__sub { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #6b7280; margin-bottom: 6px; }
.mpe-colc__title { margin: 0 0 10px; font-size: 22px; }
.mpe-colc__text { color: #4b5563; line-height: 1.7; } .mpe-colc__text p:last-child { margin-bottom: 0; }
.mpe-colc__link { display: inline-block; margin-top: 12px; font-weight: 600; text-decoration: none; color: #2563eb; }

/* Column title */
.mpe-ct { --lw: 50px; --lh: 3px; --mpe-accent: #e2231a; position: relative; }
.mpe-ct__title { margin: 0; font-size: 30px; line-height: 1.2; position: relative; z-index: 1; }
.mpe-ct__title a { color: inherit; text-decoration: none; }
.mpe-ct__sub { margin-top: 10px; color: #6b7280; position: relative; z-index: 1; }
.mpe-ct__bg { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-60%); font-size: 90px; font-weight: 900; line-height: 1; color: rgba(0,0,0,.05); white-space: nowrap; overflow: hidden; pointer-events: none; }
.mpe-ct--under .mpe-ct__title::after { content: ""; display: block; width: var(--lw); height: var(--lh); background: var(--mpe-accent); margin-top: 14px; }
.mpe-ct[style*="center"] .mpe-ct__title::after, .elementor-align-center .mpe-ct__title::after { margin-left: auto; margin-right: auto; }
.mpe-ct--sides .mpe-ct__title { display: flex; align-items: center; gap: 18px; }
.mpe-ct--sides .mpe-ct__title::before, .mpe-ct--sides .mpe-ct__title::after { content: ""; flex: 1; height: var(--lh); background: var(--mpe-accent); opacity: .5; }
.mpe-ct--full { border-bottom: var(--lh) solid var(--mpe-accent); padding-bottom: 12px; }
.mpe-ct--left .mpe-ct__title { border-left: calc(var(--lh) + 2px) solid var(--mpe-accent); padding-left: 14px; }
.mpe-ct--box .mpe-ct__title { display: inline-block; background: var(--mpe-accent); color: #fff; padding: 8px 18px; font-size: 20px; }

/* Fancy text with image */
.mpe-fti { --mpe-accent: #2563eb; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.mpe-fti--left .mpe-fti__media { order: -1; } .mpe-fti--right .mpe-fti__media { order: 2; }
.mpe-fti__media { position: relative; }
.mpe-fti__img { height: 460px; border-radius: 12px; overflow: hidden; position: relative; z-index: 1; }
.mpe-fti__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mpe-fti.has-shape .mpe-fti__media::before { content: ""; position: absolute; z-index: 0; width: 70%; height: 70%; right: -24px; bottom: -24px; background: var(--mpe-accent); opacity: .15; border-radius: 12px; }
.mpe-fti--left.has-shape .mpe-fti__media::before { right: auto; left: -24px; }
.mpe-fti__img2 { position: absolute; z-index: 2; width: 45%; bottom: -30px; left: -30px; border: 6px solid #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.15); }
.mpe-fti--left .mpe-fti__img2 { left: auto; right: -30px; }
.mpe-fti__img2 img { display: block; width: 100%; }
.mpe-fti__txt { position: relative; }
.mpe-fti__big { position: absolute; top: -50px; left: -10px; font-size: 140px; font-weight: 900; line-height: 1; color: var(--mpe-accent); opacity: .08; pointer-events: none; }
.mpe-fti__kicker { font-size: 13px; font-weight: 700; letter-spacing: .15em; color: var(--mpe-accent); margin-bottom: 12px; }
.mpe-fti__title { margin: 0 0 18px; font-size: 40px; line-height: 1.15; }
.mpe-fti__title mark { background: linear-gradient(transparent 62%, color-mix(in srgb, var(--mpe-accent) 30%, transparent) 62%); color: inherit; padding: 0 2px; }
.mpe-fti__text { color: #4b5563; line-height: 1.75; margin-bottom: 22px; }
@media (max-width: 1024px) { .mpe-fti { grid-template-columns: 1fr; gap: 50px; } .mpe-fti__media { order: -1 !important; } .mpe-fti__title { font-size: 30px; } }

/* Hero */
.mpe-hero { position: relative; display: flex; align-items: center; justify-content: center; min-height: 80vh; padding: 80px 24px; color: #fff; background-color: #0f172a; background-size: cover; background-position: center; overflow: hidden; }
.mpe-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; }
.mpe-hero.is-parallax { background-attachment: fixed; }
.mpe-hero__in { position: relative; z-index: 2; width: 100%; max-width: 820px; text-align: center; margin: 0 auto; }
.mpe-hero__kicker { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .2em; margin-bottom: 16px; padding: 6px 14px; border: 1px solid rgba(255,255,255,.3); border-radius: 100px; }
.mpe-hero__title { margin: 0 0 18px; color: inherit; font-size: clamp(34px, 6vw, 72px); line-height: 1.05; font-weight: 800; }
.mpe-hero__text { font-size: clamp(16px, 2vw, 21px); opacity: .88; margin-bottom: 30px; line-height: 1.6; }
.mpe-hero__btns { display: flex; flex-wrap: wrap; gap: 14px; justify-content: inherit; }
.mpe-hero__in[style*="center"] .mpe-hero__btns, .mpe-hero__in .mpe-hero__btns { justify-content: center; }
.elementor-widget-mpe-hero [class*="align-left"] .mpe-hero__btns { justify-content: flex-start; }
.mpe-hero__scroll { position: absolute; z-index: 2; bottom: 26px; left: 50%; width: 26px; height: 42px; margin-left: -13px; border: 2px solid rgba(255,255,255,.7); border-radius: 14px; }
.mpe-hero__scroll::after { content: ""; position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; background: #fff; border-radius: 2px; animation: mpe-scroll 1.6s infinite; }
@keyframes mpe-scroll { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(14px); } }

/* Icon */
.mpe-icon-w { text-align: center; }
.mpe-icon { --i1: #2563eb; --i2: #fff; --is: 32px; --ip: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: var(--is); color: var(--i1); transition: all .3s; text-decoration: none; }
.mpe-icon svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-icon--stacked { background: var(--i1); color: var(--i2); padding: var(--ip); }
.mpe-icon--framed { border: 2px solid var(--i1); padding: var(--ip); }
.mpe-icon--circle { border-radius: 50%; } .mpe-icon--rounded { border-radius: 14px; } .mpe-icon--square { border-radius: 0; }
.mpe-icon--stacked .mpe-icon__i, .mpe-icon--framed .mpe-icon__i { width: 1em; height: 1em; display: flex; align-items: center; justify-content: center; }
.mpe-icon--fx-grow:hover { transform: scale(1.12); }
.mpe-icon--fx-spin:hover .mpe-icon__i { transform: rotate(360deg); transition: transform .6s; }
.mpe-icon--fx-float:hover { transform: translateY(-6px); }

/* Icon box */
.mpe-ib { --mpe-accent: #2563eb; --is: 28px; position: relative; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 34px 26px; border-radius: 12px; text-align: center; transition: all .3s; color: inherit; text-decoration: none; height: 100%; box-sizing: border-box; }
.mpe-ib--left, .mpe-ib--right { flex-direction: row; align-items: flex-start; text-align: left; }
.mpe-ib--right { flex-direction: row-reverse; text-align: right; }
.mpe-ib[style*="text-align: left"] { align-items: flex-start; }
.mpe-ib__icon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; font-size: var(--is); color: var(--mpe-accent); transition: all .3s; }
.mpe-ib__icon svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-ib--stacked .mpe-ib__icon { width: calc(var(--is) * 2.2); height: calc(var(--is) * 2.2); border-radius: 50%; background: var(--mpe-accent); color: #fff; }
.mpe-ib--framed .mpe-ib__icon { width: calc(var(--is) * 2.2); height: calc(var(--is) * 2.2); border-radius: 50%; border: 2px solid var(--mpe-accent); }
.mpe-ib--soft .mpe-ib__icon { width: calc(var(--is) * 2.2); height: calc(var(--is) * 2.2); border-radius: 16px; background: color-mix(in srgb, var(--mpe-accent) 12%, transparent); }
.mpe-ib__title { margin: 0 0 8px; font-size: 20px; color: inherit; }
.mpe-ib__text { color: #6b7280; line-height: 1.65; }
.mpe-ib__link { display: inline-block; margin-top: 12px; font-weight: 600; color: var(--mpe-accent); text-decoration: none; }
.mpe-ib__num { position: absolute; top: 14px; right: 18px; font-size: 42px; font-weight: 900; color: rgba(0,0,0,.05); line-height: 1; }
.mpe-ib--fx-lift:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,.1); }
.mpe-ib--fx-fill:hover { background: var(--mpe-accent) !important; color: #fff; }
.mpe-ib--fx-fill:hover .mpe-ib__text, .mpe-ib--fx-fill:hover .mpe-ib__link, .mpe-ib--fx-fill:hover .mpe-ib__icon { color: #fff; }
.mpe-ib--fx-fill.mpe-ib--stacked:hover .mpe-ib__icon { background: #fff; color: var(--mpe-accent); }

/* Image info box */
.mpe-iib { --r: 10px; position: relative; }
.mpe-iib__img { position: relative; height: 300px; border-radius: var(--r); overflow: hidden; }
.mpe-iib__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.mpe-iib:hover .mpe-iib__img img { transform: scale(1.05); }
.mpe-iib__label { position: absolute; top: 14px; left: 14px; background: #e2231a; color: #fff; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 3px; letter-spacing: .05em; }
.mpe-iib__box { position: relative; background: #fff; border-radius: var(--r); padding: 22px 24px; box-shadow: 0 12px 34px rgba(0,0,0,.1); }
.mpe-iib--overlap .mpe-iib__box { margin: -60px 20px 0; }
.mpe-iib--inside .mpe-iib__box { position: absolute; left: 16px; right: 16px; bottom: 16px; }
.mpe-iib--reveal { overflow: hidden; border-radius: var(--r); }
.mpe-iib--reveal .mpe-iib__box { position: absolute; left: 0; right: 0; bottom: 0; border-radius: 0; transform: translateY(100%); transition: transform .4s; }
.mpe-iib--reveal:hover .mpe-iib__box, .mpe-iib--reveal:focus-within .mpe-iib__box { transform: none; }
.mpe-iib__title { margin: 0 0 8px; font-size: 20px; }
.mpe-iib__text { color: #6b7280; font-size: 15px; line-height: 1.6; }
.mpe-iib__link { display: inline-block; margin-top: 10px; font-weight: 600; color: #2563eb; text-decoration: none; }

/* Inline text */
.mpe-it { --mpe-accent: #2563eb; column-gap: 40px; }
.mpe-it p:last-child { margin-bottom: 0; }
.mpe-it mark { background: color-mix(in srgb, var(--mpe-accent) 18%, transparent); color: inherit; padding: 0 3px; border-radius: 2px; }
.mpe-it--lead { font-size: 1.25em; line-height: 1.65; color: #374151; }
.mpe-it--quote { border-left: 4px solid var(--mpe-accent); padding: 6px 0 6px 22px; font-size: 1.15em; font-style: italic; }
.mpe-it--box { background: color-mix(in srgb, var(--mpe-accent) 8%, #fff); padding: 22px 26px; border-radius: 10px; }
.mpe-it--note { background: #fffbeb; border: 1px solid #fde68a; padding: 16px 20px 16px 52px; border-radius: 8px; position: relative; }
.mpe-it--note::before { content: "!"; position: absolute; left: 16px; top: 16px; width: 24px; height: 24px; border-radius: 50%; background: #f59e0b; color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.mpe-it--dropcap > p:first-child::first-letter { float: left; font-size: 3.6em; line-height: .85; font-weight: 800; margin: 6px 10px 0 0; color: var(--mpe-accent); }

/* List */
.mpe-list { --mpe-accent: #16a34a; --is: 16px; --sp: 10px; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp); }
.mpe-list li { margin: 0; }
.mpe-list--inline { flex-direction: row; flex-wrap: wrap; gap: var(--sp) 24px; }
.mpe-list--cols2 { display: grid; grid-template-columns: 1fr 1fr; }
.mpe-list.has-div li { padding-bottom: var(--sp); border-bottom: 1px solid var(--mpe-div, #e5e7eb); }
.mpe-list.has-div li:last-child { border-bottom: 0; }
.mpe-list__a { display: flex; align-items: flex-start; gap: 12px; color: inherit; text-decoration: none; }
a.mpe-list__a:hover .mpe-list__text { color: var(--mpe-accent); }
.mpe-list__ico { flex-shrink: 0; display: inline-flex; color: var(--mpe-accent); font-size: var(--is); margin-top: .2em; }
.mpe-list__ico svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-list__n { width: 1.6em; height: 1.6em; border-radius: 50%; background: var(--mpe-accent); color: #fff; font-size: 12px; font-weight: 700; align-items: center; justify-content: center; margin-top: 0; }
.mpe-list--m-disc .mpe-list__a::before { content: ""; flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--mpe-accent); margin-top: .6em; }
.mpe-list__body { display: flex; flex-direction: column; }
.mpe-list__desc { font-size: .88em; color: #6b7280; margin-top: 2px; }
@media (max-width: 767px) { .mpe-list--cols2 { grid-template-columns: 1fr; } }

/* Menu product */
.mpe-menu { --cols: 1; --isz: 80px; --mpe-div: #d1d5db; display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 22px 40px; }
.mpe-menu__item { display: flex; gap: 16px; align-items: flex-start; }
.mpe-menu__img { flex: 0 0 var(--isz); width: var(--isz); height: var(--isz); overflow: hidden; }
.mpe-menu__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mpe-menu--rounded .mpe-menu__img { border-radius: 10px; } .mpe-menu--circle .mpe-menu__img { border-radius: 50%; }
.mpe-menu__body { flex: 1; min-width: 0; }
.mpe-menu__row { display: flex; align-items: baseline; gap: 10px; }
.mpe-menu__name { font-weight: 700; font-size: 17px; }
.mpe-menu__name a { color: inherit; text-decoration: none; }
.mpe-menu__dots { flex: 1; }
.mpe-menu.has-leader .mpe-menu__dots { border-bottom: 2px dotted var(--mpe-div); transform: translateY(-4px); }
.mpe-menu__price { font-weight: 800; color: #b45309; white-space: nowrap; }
.mpe-menu__price del { color: #9ca3af; font-weight: 400; font-size: .85em; }
.mpe-menu__badge { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; background: #fef3c7; color: #92400e; padding: 2px 7px; border-radius: 3px; vertical-align: middle; }
.mpe-menu__desc { font-size: 14px; color: #6b7280; margin-top: 4px; }
@media (max-width: 767px) { .mpe-menu { --cols: 1 !important; } }

/* Counter */
.mpe-counter { --mpe-accent: #2563eb; --is: 36px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.mpe-counter[style*="left"] { align-items: flex-start; }
.mpe-counter--side { flex-direction: row; text-align: left; }
.mpe-counter__icon { font-size: var(--is); color: var(--mpe-accent); display: inline-flex; }
.mpe-counter__icon svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-counter__num { font-size: 48px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.mpe-counter--bar .mpe-counter__num::after { content: ""; display: block; width: 40px; height: 3px; background: var(--mpe-accent); margin: 14px auto 0; }
.mpe-counter__title { margin-top: 8px; color: #6b7280; font-size: 15px; }

/* Progress */
.mpe-prog { --mpe-accent: #2563eb; --track: #e5e7eb; --h: 10px; --rad: 10px; --csz: 140px; display: flex; flex-direction: column; gap: 20px; }
.mpe-prog__top { display: flex; justify-content: space-between; margin-bottom: 8px; font-weight: 600; font-size: 14px; }
.mpe-prog__bar { height: var(--h); background: var(--track); border-radius: var(--rad); overflow: hidden; }
.mpe-prog__fill { height: 100%; width: 0; background: var(--mpe-accent); border-radius: var(--rad); transition: width 1.6s cubic-bezier(.2,.8,.2,1); display: flex; align-items: center; justify-content: space-between; padding: 0 12px; box-sizing: border-box; color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; }
.mpe-prog.is-in .mpe-prog__fill { width: calc(var(--p) * 1%); }
.mpe-prog--inside { --h: 34px; }
.mpe-prog--striped .mpe-prog__fill { background-image: linear-gradient(45deg, rgba(255,255,255,.18) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.18) 50%, rgba(255,255,255,.18) 75%, transparent 75%); background-size: 24px 24px; animation: mpe-stripes 1s linear infinite; }
@keyframes mpe-stripes { to { background-position: 24px 0; } }
.mpe-prog--circle { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 30px; }
.mpe-prog--circle .mpe-prog__item { text-align: center; }
.mpe-prog__circle { position: relative; width: var(--csz); height: var(--csz); margin: 0 auto 10px; }
.mpe-prog__circle svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.mpe-prog__circle circle { fill: none; stroke-width: 2.6; }
.mpe-prog__circle .t { stroke: var(--track); }
.mpe-prog__circle .f { stroke: var(--mpe-accent); stroke-linecap: round; stroke-dasharray: 0 100; transition: stroke-dasharray 1.6s ease; }
.mpe-prog.is-in .mpe-prog__circle .f { stroke-dasharray: var(--p) 100; }
.mpe-prog__circle .mpe-prog__pct { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 800; }

/* Single image */
.mpe-si { margin: 0; text-align: center; }
.mpe-si__img { display: inline-block; max-width: 100%; overflow: hidden; position: relative; vertical-align: top; }
.mpe-si__img img { display: block; width: 100%; height: auto; object-fit: cover; transition: all .5s; }
.mpe-si figcaption { margin-top: 8px; font-size: 14px; color: #6b7280; }
.mpe-si--fx-zoom:hover img { transform: scale(1.08); }
.mpe-si--fx-gray img { filter: grayscale(1); } .mpe-si--fx-gray:hover img { filter: none; }
.mpe-si--fx-lift .mpe-si__img { transition: all .3s; } .mpe-si--fx-lift:hover .mpe-si__img { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,.18); }
.mpe-si--fx-shine .mpe-si__img::before { content: ""; position: absolute; z-index: 2; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.35)); transform: skewX(-25deg); pointer-events: none; }
.mpe-si--fx-shine:hover .mpe-si__img::before { animation: mpe-shine .75s; }
.mpe-lightbox { position: fixed; inset: 0; z-index: 100020; background: rgba(0,0,0,.9); display: flex; align-items: center; justify-content: center; padding: 30px; cursor: zoom-out; }
.mpe-lightbox img { max-width: 100%; max-height: 100%; box-shadow: 0 20px 60px rgba(0,0,0,.5); }

/* Social icons */
.mpe-soc { --is: 16px; --bs: 40px; --sc: #111827; display: flex; flex-wrap: wrap; gap: 8px; }
.mpe-soc__a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: var(--bs); height: var(--bs); padding: 0; font-size: var(--is); text-decoration: none; transition: all .25s; box-sizing: border-box; }
.mpe-soc.has-label .mpe-soc__a { padding: 0 16px; }
.mpe-soc__i { display: inline-flex; } .mpe-soc__i svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-soc__l { font-size: 14px; font-weight: 600; }
.mpe-soc--brand .mpe-soc__a { background: var(--brand); color: #fff; }
.mpe-soc--custom .mpe-soc__a { background: var(--sc); color: #fff; }
.mpe-soc--mono .mpe-soc__a { background: transparent; color: var(--sc); border: 1px solid currentColor; }
.mpe-soc--mono .mpe-soc__a:hover { background: var(--brand); border-color: var(--brand); color: #fff; }
.mpe-soc__a:hover { transform: translateY(-3px); filter: brightness(1.1); }
.mpe-soc--circle .mpe-soc__a { border-radius: 50px; } .mpe-soc--rounded .mpe-soc__a { border-radius: 8px; }
.mpe-soc--none .mpe-soc__a { background: none !important; border: 0; color: var(--brand); min-width: auto; }
.mpe-soc--none.mpe-soc--mono .mpe-soc__a, .mpe-soc--none.mpe-soc--custom .mpe-soc__a { color: var(--sc); }

/* Team member */
.mpe-team { --mpe-accent: #2563eb; text-align: center; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 22px rgba(0,0,0,.07); height: 100%; }
.mpe-team__img { position: relative; overflow: hidden; }
.mpe-team__img img { display: block; width: 100%; height: 300px; object-fit: cover; transition: transform .5s; }
.mpe-team:hover .mpe-team__img img { transform: scale(1.05); }
.mpe-team__body { padding: 22px 20px 24px; }
.mpe-team__name { margin: 0 0 4px; font-size: 20px; }
.mpe-team__role { color: var(--mpe-accent); font-size: 14px; font-weight: 600; }
.mpe-team__bio { margin-top: 12px; color: #6b7280; font-size: 14px; line-height: 1.6; }
.mpe-team__contact { margin-top: 10px; display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
.mpe-team__contact a { color: inherit; }
.mpe-team__socs { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
.mpe-team__soc { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #f3f4f6; color: #374151; transition: all .25s; }
.mpe-team__soc:hover { background: var(--mpe-accent); color: #fff; }
.mpe-team__soc svg { width: 14px; height: 14px; fill: currentColor; }
.mpe-team__ov { position: absolute; inset: 0; background: color-mix(in srgb, var(--mpe-accent) 80%, transparent); display: flex; align-items: center; justify-content: center; gap: 8px; opacity: 0; transition: opacity .3s; }
.mpe-team__ov .mpe-team__soc { background: #fff; color: var(--mpe-accent); }
.mpe-team:hover .mpe-team__ov, .mpe-team:focus-within .mpe-team__ov { opacity: 1; }
.mpe-team--side { display: flex; text-align: left; } .mpe-team--side .mpe-team__img { flex: 0 0 40%; } .mpe-team--side .mpe-team__img img { height: 100%; min-height: 240px; } .mpe-team--side .mpe-team__socs { justify-content: flex-start; }
.mpe-team--circle { box-shadow: none; background: none; } .mpe-team--circle .mpe-team__img { width: 180px; height: 180px; margin: 0 auto; border-radius: 50%; } .mpe-team--circle .mpe-team__img img { height: 100%; }
@media (max-width: 767px) { .mpe-team--side { flex-direction: column; text-align: center; } .mpe-team--side .mpe-team__socs { justify-content: center; } }

/* Testimonial */
.mpe-tst { --mpe-accent: #2563eb; --av: 64px; margin: 0; text-align: center; }
.mpe-tst__box { position: relative; }
.mpe-tst__text { margin: 10px 0 0; padding: 0; border: 0; font-size: 18px; line-height: 1.7; font-style: italic; color: #374151; }
.mpe-tst .mpe-stars { color: #f5b301; }
.mpe-tst__author { display: inline-flex; align-items: center; gap: 14px; margin-top: 22px; text-align: left; }
.mpe-tst__img { width: var(--av); height: var(--av); border-radius: 50%; object-fit: cover; }
.mpe-tst__name { display: block; font-weight: 700; }
.mpe-tst__role { display: block; font-size: 14px; color: #6b7280; }
.mpe-tst--bubble .mpe-tst__box { background: #fff; padding: 30px; border-radius: 14px; box-shadow: 0 6px 28px rgba(0,0,0,.08); }
.mpe-tst--bubble .mpe-tst__box::after { content: ""; position: absolute; left: 50%; bottom: -12px; margin-left: -12px; border: 12px solid transparent; border-bottom: 0; border-top-color: #fff; filter: drop-shadow(0 4px 3px rgba(0,0,0,.04)); }
.mpe-tst--card { background: #fff; padding: 30px; border-radius: 14px; box-shadow: 0 6px 28px rgba(0,0,0,.08); }
.mpe-tst--card .mpe-tst__box::before, .mpe-tst--big .mpe-tst__box::before { content: "“"; display: block; font-size: 70px; line-height: .6; color: var(--mpe-accent); font-family: Georgia, serif; margin-bottom: 10px; }
.mpe-tst--big .mpe-tst__text { font-size: 24px; }
.mpe-tst--side { display: flex; align-items: center; gap: 26px; text-align: left; flex-direction: row-reverse; }
.mpe-tst--side .mpe-tst__author { flex-direction: column; text-align: center; margin: 0; flex-shrink: 0; }

/* Text with image */
.mpe-twi { --iw: 45%; display: flex; gap: 32px; align-items: center; }
.mpe-twi__img { flex: 0 0 var(--iw); }
.mpe-twi__img img { display: block; width: 100%; height: auto; border-radius: 8px; }
.mpe-twi--right { flex-direction: row-reverse; }
.mpe-twi--top { flex-direction: column; align-items: stretch !important; }
.mpe-twi--top .mpe-twi__img { flex-basis: auto; }
.mpe-twi__body { flex: 1; min-width: 0; }
.mpe-twi__title { margin: 0 0 12px; font-size: 26px; }
.mpe-twi__text { color: #4b5563; line-height: 1.7; margin-bottom: 18px; }
@media (max-width: 767px) { .mpe-twi { flex-direction: column; align-items: stretch; } .mpe-twi__img { flex-basis: auto; } }

/* Title over image */
.mpe-toi { --ov: rgba(0,0,0,.55); position: relative; display: flex; height: 340px; overflow: hidden; border-radius: 8px; color: #fff; text-decoration: none; }
.mpe-toi > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.mpe-toi.is-zoom:hover > img { transform: scale(1.07); }
.mpe-toi::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.mpe-toi--gradient::before { background: linear-gradient(to top, var(--ov), transparent 65%); }
.mpe-toi--full::before { background: var(--ov); }
.mpe-toi--outline::before { background: var(--ov); }
.mpe-toi--outline::after { content: ""; position: absolute; inset: 16px; border: 2px solid rgba(255,255,255,.7); z-index: 2; pointer-events: none; }
.mpe-toi__txt { position: relative; z-index: 3; padding: 28px; }
.mpe-toi--center { align-items: center; justify-content: center; text-align: center; }
.mpe-toi--bottom-left { align-items: flex-end; } .mpe-toi--bottom-center { align-items: flex-end; justify-content: center; text-align: center; } .mpe-toi--top-left { align-items: flex-start; }
.mpe-toi--box .mpe-toi__txt { background: #fff; color: #111; margin: 20px; padding: 16px 22px; border-radius: 6px; }
.mpe-toi__kicker { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .85; margin-bottom: 6px; }
.mpe-toi__title { margin: 0; color: inherit; font-size: 28px; line-height: 1.2; }
.mpe-toi__sub { margin-top: 6px; opacity: .9; }

/* ==========================================================================
   Recenzii
   ========================================================================== */
.mpe-rv { --mpe-accent: #2563eb; --star: #f5b301; }
.mpe-rv__h { margin: 0 0 16px; font-size: 20px; }
.mpe-rstars { position: relative; display: inline-block; font-size: 16px; line-height: 1; letter-spacing: 2px; color: #d1d5db; white-space: nowrap; vertical-align: middle; }
.mpe-rstars__on { position: absolute; left: 0; top: 0; overflow: hidden; color: var(--star, #f5b301); }
.mpe-rv__form { display: flex; flex-direction: column; gap: 14px; }
.mpe-rv__form label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 14px; }
.mpe-rv__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mpe-rv__rate { border: 0; padding: 0; margin: 0; }
.mpe-rv__rate legend { font-weight: 600; font-size: 14px; margin-bottom: 4px; padding: 0; }
.mpe-rv__stars { display: inline-flex; flex-direction: row-reverse; gap: 2px; }
.mpe-rv__stars input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.mpe-rv__stars label { font-size: 34px; line-height: 1; color: #d1d5db; cursor: pointer; transition: color .15s, transform .15s; }
.mpe-rv__stars label:hover, .mpe-rv__stars label:hover ~ label, .mpe-rv__stars input:checked ~ label { color: var(--star); }
.mpe-rv__stars label:hover { transform: scale(1.12); }
.mpe-rv__stars input:focus-visible + label { outline: 2px solid var(--mpe-accent); outline-offset: 2px; border-radius: 3px; }
.mpe-rv__rate-label { margin-left: 12px; font-weight: 600; color: #6b7280; vertical-align: super; }
.mpe-rv .has-error .mpe-form__input, .mpe-rv label.has-error .mpe-form__input { border-color: #dc2626; }
.mpe-rv__ov { display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }
.mpe-rv__score { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 130px; }
.mpe-rv__avg { font-size: 54px; font-weight: 800; line-height: 1; }
.mpe-rv__score .mpe-rstars { font-size: 22px; }
.mpe-rv__dist { flex: 1; min-width: 220px; display: flex; flex-direction: column; gap: 6px; }
.mpe-rv__drow { display: grid; grid-template-columns: 34px 1fr 30px; align-items: center; gap: 10px; font-size: 13px; color: #6b7280; }
.mpe-rv__dbar { height: 8px; background: #f3f4f6; border-radius: 6px; overflow: hidden; }
.mpe-rv__dbar span { display: block; height: 100%; background: var(--star); border-radius: 6px; }
.mpe-rv--inline { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mpe-rv__lhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.mpe-rv__lhead .mpe-rv__h { margin-bottom: 16px; }
.mpe-rv__cnt { color: #9ca3af; font-weight: 400; }
.mpe-rv__sort select { padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 6px; font: inherit; font-size: 14px; }
.mpe-rv__items { list-style: none; margin: 0; padding: 0; }
.mpe-rv__item { display: flex; gap: 14px; padding: 18px 0; border-top: 1px solid #e5e7eb; }
.mpe-rv__av { border-radius: 50%; flex-shrink: 0; }
.mpe-rv__body { flex: 1; min-width: 0; }
.mpe-rv__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; font-size: 14px; }
.mpe-rv__meta time { color: #9ca3af; font-size: 13px; }
.mpe-rv__title { font-weight: 700; margin-bottom: 4px; }
.mpe-rv__txt p { margin: 0 0 6px; }
.mpe-rv__reply { background: none; border: 0; padding: 0; color: var(--mpe-accent); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 6px; }
.mpe-rv__rep { margin-top: 12px; padding: 12px 16px; background: #f8fafc; border-left: 3px solid var(--mpe-accent); border-radius: 0 8px 8px 0; }
.mpe-rv__badge { background: var(--mpe-accent); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 3px; text-transform: uppercase; }
.mpe-rv__quote { display: block; font-size: 13px; color: #6b7280; margin-bottom: 6px; text-decoration: none; }
.mpe-rv--reply.is-target { animation: mpe-flash 1.2s; }
@keyframes mpe-flash { 0%, 100% { box-shadow: none; } 30% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--mpe-accent) 30%, transparent); } }
@media (max-width: 767px) { .mpe-rv__row { grid-template-columns: 1fr; } }

/* ==========================================================================
   Site: Flex Loop, Page Title, Breadcrumbs, Custom Field, Location, Social
   ========================================================================== */
.mpe-flt { --mpe-accent: #2563eb; display: flex; flex-direction: column; gap: 22px; }
.mpe-flt--horizontal { flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 16px 24px; }
.mpe-flt__g { display: flex; flex-direction: column; gap: 8px; min-width: 180px; }
.mpe-flt__h { font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; }
.mpe-flt__opts { display: flex; flex-direction: column; gap: 6px; }
.mpe-flt--horizontal .mpe-flt__opts { flex-direction: row; flex-wrap: wrap; gap: 6px 14px; }
.mpe-flt__opt { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; }
.mpe-flt__opt input { accent-color: var(--mpe-accent); }
.mpe-flt__n { margin-left: auto; font-size: 12px; color: #9ca3af; }
.mpe-flt__opts--chips { flex-direction: row !important; flex-wrap: wrap; gap: 6px !important; }
.mpe-flt__chip { padding: 5px 12px; border: 1px solid #d1d5db; border-radius: 20px; }
.mpe-flt__chip input { position: absolute; opacity: 0; width: 1px; }
.mpe-flt__chip:has(input:checked) { background: var(--mpe-accent); border-color: var(--mpe-accent); color: #fff; }
.mpe-flt__actions { display: flex; align-items: center; gap: 16px; }
.mpe-flt__actions .mpe-btn { background: var(--mpe-accent); }
.mpe-flt[data-mpe-autosubmit] .mpe-flt__actions .mpe-btn { display: none; }
.mpe-flt__reset { font-size: 14px; color: #6b7280; }
.mpe-sort { --mpe-accent: #2563eb; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mpe-sort label { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.mpe-sort select { width: auto; padding: 8px 12px; }
.mpe-sort__b { padding: 6px 14px; border-radius: 20px; font-size: 14px; color: inherit; text-decoration: none; border: 1px solid #e5e7eb; }
.mpe-sort__b.is-active, .mpe-sort__b:hover { background: var(--mpe-accent); border-color: var(--mpe-accent); color: #fff; }
.mpe-active { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; }
.mpe-active__chip { display: inline-flex; gap: 6px; align-items: center; padding: 5px 12px; background: #eff6ff; color: #1d4ed8; border-radius: 20px; text-decoration: none; font-weight: 600; }
.mpe-active__chip:hover { background: #fee2e2; color: #b91c1c; }
.mpe-active__clear { color: #6b7280; font-size: 13px; }

.mpe-ptitle { --mpe-accent: #e2231a; }
.mpe-ptitle__t { margin: 0; }
.mpe-ptitle__b { color: var(--mpe-accent); }
.mpe-ptitle__c { color: #9ca3af; font-weight: 400; font-size: .7em; }
.mpe-ptitle__d { margin-top: 10px; color: #6b7280; }
.mpe-ptitle--line .mpe-ptitle__t { padding-bottom: 12px; border-bottom: 3px solid var(--mpe-accent); display: inline-block; }
.mpe-ptitle--banner { background: #111827; color: #fff; padding: 36px 30px; border-radius: 8px; }
.mpe-ptitle--banner .mpe-ptitle__t { color: #fff; }

.mpe-bc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; justify-content: inherit; }
.mpe-bc { display: flex; }
.mpe-bc a { color: #6b7280; text-decoration: none; }
.mpe-bc a:hover { text-decoration: underline; }
.mpe-bc__sep { color: #9ca3af; }
.mpe-bc__cur { color: #111827; font-weight: 600; }

.mpe-cf { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.mpe-cf__label { font-weight: 700; }
.mpe-cf ul { margin: 0; padding-left: 18px; }

.mpe-loc iframe { display: block; height: 320px; border-radius: 8px; }
.mpe-loc.is-gray iframe { filter: grayscale(1); }
.mpe-loc__h { margin: 0 0 12px; }
.mpe-loc__foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 10px; font-size: 14px; }
.mpe-loc__dir { font-weight: 600; text-decoration: none; color: #2563eb; }

.mpe-scount { --cols: 2; display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 6px; }
.mpe-scount__i { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 12px 14px; border-radius: 4px; text-decoration: none; transition: filter .2s; }
.mpe-scount__ic { grid-row: span 2; font-size: 22px; display: inline-flex; } .mpe-scount__ic svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-scount__n { font-weight: 800; font-size: 17px; line-height: 1.1; }
.mpe-scount__l { font-size: 12px; opacity: .85; }
.mpe-scount__a { display: none; }
.mpe-scount--color .mpe-scount__i { background: var(--brand); color: #fff; }
.mpe-scount--color .mpe-scount__i:hover { filter: brightness(1.1); }
.mpe-scount--light .mpe-scount__i { background: color-mix(in srgb, var(--brand) 9%, #fff); color: #111827; }
.mpe-scount--light .mpe-scount__ic { color: var(--brand); }
.mpe-scount--line { --cols: 1 !important; gap: 0; }
.mpe-scount--line .mpe-scount__i { grid-template-columns: auto auto 1fr auto; grid-template-rows: auto; border-bottom: 1px solid #e5e7eb; border-radius: 0; color: #111827; padding: 10px 0; }
.mpe-scount--line .mpe-scount__ic { grid-row: auto; color: var(--brand); }
.mpe-scount--line .mpe-scount__a { display: block; font-size: 12px; font-weight: 600; color: var(--brand); }

.mpe-share { --is: 16px; --bs: 38px; --sc: #111827; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.mpe-share__label { font-weight: 700; font-size: 14px; margin-right: 4px; }
.mpe-share__b { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: var(--bs); min-width: var(--bs); padding: 0 14px; border: 0; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; transition: all .2s; box-sizing: border-box; }
.mpe-share__i { display: inline-flex; font-size: var(--is); } .mpe-share__i svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-share--brand .mpe-share__b { background: var(--brand); color: #fff; }
.mpe-share--mono .mpe-share__b { background: var(--sc); color: #fff; }
.mpe-share--outline .mpe-share__b { background: transparent; color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); }
.mpe-share__b:hover { filter: brightness(1.1); transform: translateY(-2px); }
.mpe-share--rounded .mpe-share__b { border-radius: 6px; } .mpe-share--pill .mpe-share__b { border-radius: 40px; } .mpe-share--circle .mpe-share__b { border-radius: 50%; padding: 0; }
.mpe-share__b.is-copied::after { content: "✓ Copiat"; margin-left: 4px; }
@media (min-width: 1025px) { .mpe-share--sticky { position: fixed; left: 0; top: 40%; z-index: 999; flex-direction: column; gap: 0; } .mpe-share--sticky .mpe-share__b span, .mpe-share--sticky .mpe-share__label { display: none; } .mpe-share--sticky .mpe-share__b { border-radius: 0; padding: 0; width: 44px; height: 44px; } }

/* ==========================================================================
   Extended
   ========================================================================== */
.mpe-ad { text-align: center; }
.mpe-ad__label { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: #9ca3af; margin-bottom: 6px; }
.mpe-ad__in { display: inline-block; max-width: 100%; }
.mpe-ad__in img { display: block; max-width: 100%; height: auto; }

.mpe-arch ul, .mpe-terms ul, .mpe-authors ul, .mpe-rc ul, .mpe-pcat ul, .mpe-lmenu ul { list-style: none; margin: 0; padding: 0; }
.mpe-arch li a, .mpe-terms--list li a, .mpe-terms--cols li a, .mpe-pcat--list li a { display: flex; align-items: center; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--mpe-div); color: inherit; text-decoration: none; }
.mpe-arch li a:hover, .mpe-terms--list li a:hover, .mpe-pcat--list li a:hover { color: var(--mpe-accent); }
.mpe-terms--cols ul { columns: 2; column-gap: 24px; }
.mpe-terms--cols li { break-inside: avoid; }
.mpe-terms--chips ul, .mpe-terms--cloud ul { display: flex; flex-wrap: wrap; gap: 6px; }
.mpe-terms--chips a, .mpe-terms--cloud a { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; background: #f3f4f6; color: #374151; border-radius: 3px; text-decoration: none; font-size: 13px; transition: all .2s; }
.mpe-terms--chips li[style] a { background: var(--tc); color: #fff; }
.mpe-terms--chips a:hover, .mpe-terms--cloud a:hover { background: var(--mpe-accent); color: #fff; }
.mpe-terms--chips .mpe-count, .mpe-terms--cloud .mpe-count { margin: 0; background: rgba(0,0,0,.08); color: inherit; }
.mpe-terms--cloud .mpe-count { display: none; }

.mpe-author { --mpe-accent: #2563eb; display: flex; gap: 22px; padding: 26px; background: #f8fafc; border-radius: 10px; }
.mpe-author--center { flex-direction: column; align-items: center; text-align: center; }
.mpe-author__av img { border-radius: 50%; display: block; }
.mpe-author__label { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #9ca3af; margin-bottom: 4px; }
.mpe-author__name { margin: 0 0 8px; font-size: 20px; } .mpe-author__name a { color: inherit; text-decoration: none; }
.mpe-author__bio { color: #4b5563; line-height: 1.65; } .mpe-author__bio p { margin: 0 0 8px; }
.mpe-author__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: #6b7280; margin-top: 8px; }
.mpe-author--center .mpe-author__meta { justify-content: center; }
.mpe-author__meta a { color: var(--mpe-accent); text-decoration: none; font-weight: 600; }
@media (max-width: 767px) { .mpe-author { flex-direction: column; align-items: center; text-align: center; } .mpe-author__meta { justify-content: center; } }

.mpe-authors { --av: 48px; --cols: 3; }
.mpe-authors li a { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--mpe-div); color: inherit; text-decoration: none; }
.mpe-authors img { width: var(--av); height: var(--av); border-radius: 50%; flex-shrink: 0; }
.mpe-authors__b { display: flex; flex-direction: column; }
.mpe-authors__n { font-weight: 700; } .mpe-authors__c, .mpe-authors__bio { font-size: 13px; color: #6b7280; }
.mpe-authors--grid ul { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 18px; }
.mpe-authors--grid li a { flex-direction: column; text-align: center; border: 0; padding: 0; }

.mpe-coltext { column-count: 2; column-gap: 40px; line-height: 1.75; --mpe-accent: #e2231a; }
.mpe-coltext.has-rule { column-rule: 1px solid #e5e7eb; }
.mpe-coltext.is-justify { text-align: justify; hyphens: auto; }
.mpe-coltext p:first-child { margin-top: 0; }
@media (max-width: 767px) { .mpe-coltext { column-count: 1 !important; } }

.mpe-fx { padding: 18px; border-radius: 8px; background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.06); }
.mpe-fx__table { width: 100%; border-collapse: collapse; margin: 0; }
.mpe-fx__table td { padding: 9px 4px; border: 0; border-bottom: 1px solid #f1f5f9; }
.mpe-fx__code { font-weight: 700; } .mpe-fx__flag { font-size: 18px; margin-right: 4px; }
.mpe-fx__rate { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.mpe-fx__rate small { color: #9ca3af; font-weight: 400; }
.mpe-fx__conv { display: grid; grid-template-columns: 1fr auto auto 1.2fr; gap: 8px; align-items: center; margin-top: 14px; }
.mpe-fx__conv .mpe-form__input { padding: 8px 10px; }
.mpe-fx__out { font-weight: 800; font-size: 16px; text-align: right; white-space: nowrap; }
.mpe-fx__date { margin-top: 10px; font-size: 12px; color: #9ca3af; }

.mpe-feed { --cols: 3; }
.mpe-feed__grid { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 4px; }
.mpe-feed__i { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: #f3f4f6; }
.mpe-feed__i img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.mpe-feed__i::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.35); opacity: 0; transition: opacity .3s; }
.mpe-feed__i:hover img { transform: scale(1.08); } .mpe-feed__i:hover::after { opacity: 1; }
.mpe-feed__follow { margin-top: 12px; width: 100%; }
.mpe-feed__err { color: #6b7280; font-size: 14px; }

.mpe-ibx { --ov: rgba(0,0,0,.5); position: relative; display: block; overflow: hidden; border-radius: 8px; color: inherit; text-decoration: none; text-align: center; }
.mpe-ibx__img { height: 260px; overflow: hidden; }
.mpe-ibx__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.mpe-ibx:hover .mpe-ibx__img img { transform: scale(1.06); }
.mpe-ibx__body { padding: 18px; }
.mpe-ibx__title { margin: 0 0 6px; font-size: 19px; color: inherit; }
.mpe-ibx__text { font-size: 14px; color: #6b7280; }
.mpe-ibx--card { background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,.07); }
.mpe-ibx--overlay .mpe-ibx__body, .mpe-ibx--hover .mpe-ibx__body, .mpe-ibx--frame .mpe-ibx__body { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; background: var(--ov); color: #fff; }
.mpe-ibx--overlay .mpe-ibx__text, .mpe-ibx--hover .mpe-ibx__text, .mpe-ibx--frame .mpe-ibx__text { color: rgba(255,255,255,.88); }
.mpe-ibx--hover .mpe-ibx__body { opacity: 0; transition: opacity .35s; }
.mpe-ibx--hover:hover .mpe-ibx__body, .mpe-ibx--hover:focus .mpe-ibx__body { opacity: 1; }
.mpe-ibx--frame .mpe-ibx__body::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.6); transition: inset .35s; }
.mpe-ibx--frame:hover .mpe-ibx__body::before { inset: 22px; }

.mpe-lmenu { --sp: 8px; }
.mpe-lmenu li { position: relative; }
.mpe-lmenu a { display: block; padding: var(--sp) 0; color: inherit; text-decoration: none; transition: color .2s, padding .2s; }
.mpe-lmenu--arrows a::before { content: "›"; margin-right: 8px; color: var(--mpe-accent); font-weight: 700; }
.mpe-lmenu--arrows a:hover { padding-left: 4px; }
.mpe-lmenu--lines li { border-bottom: 1px solid var(--mpe-div); }
.mpe-lmenu--bullets a::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--mpe-accent); margin-right: 10px; vertical-align: middle; }
.mpe-lmenu--inline ul.menu { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.mpe-lmenu .sub-menu { padding-left: 16px; }
.mpe-lmenu.is-collapse .sub-menu { display: none; }
.mpe-lmenu.is-collapse li.is-open > .sub-menu { display: block; }
.mpe-lmenu__tg { position: absolute; right: 0; top: 4px; width: 28px; height: 28px; border: 0; background: none; cursor: pointer; color: inherit; font-size: 16px; transition: transform .2s; }
.mpe-lmenu li.is-open > .mpe-lmenu__tg { transform: rotate(180deg); }

.mpe-modal__text { padding: 34px 30px 28px; }
.mpe-modal__text h3 { margin-top: 0; }
.mpe-modal__video { position: relative; aspect-ratio: 16 / 9; }
.mpe-modal__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.mpe-popup__content > img { display: block; width: 100%; height: auto; }

.mpe-ticker { --mpe-accent: #e2231a; display: flex; align-items: stretch; height: 44px; background: #f3f4f6; overflow: hidden; border-radius: 4px; }
.mpe-ticker__label { flex-shrink: 0; display: flex; align-items: center; gap: 8px; padding: 0 16px; background: var(--mpe-accent); color: #fff; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.mpe-ticker__dot { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: mpe-pulse 1.4s infinite; }
@keyframes mpe-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,.7); } 70% { box-shadow: 0 0 0 8px rgba(255,255,255,0); } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); } }
.mpe-ticker__vp { flex: 1; overflow: hidden; position: relative; display: flex; align-items: center; min-width: 0; }
.mpe-ticker__list { list-style: none; margin: 0; padding: 0; }
.mpe-ticker__item { display: flex; align-items: center; gap: 10px; padding: 0 16px; white-space: nowrap; font-size: 14px; }
.mpe-ticker__item time { font-size: 12px; font-weight: 700; color: var(--mpe-accent); }
.mpe-ticker__item a { color: inherit; text-decoration: none; overflow: hidden; text-overflow: ellipsis; }
.mpe-ticker__item a:hover { text-decoration: underline; }
.mpe-ticker--marquee .mpe-ticker__list { display: flex; width: max-content; animation: mpe-marquee var(--dur, 40s) linear infinite; }
.mpe-ticker--marquee:hover .mpe-ticker__list { animation-play-state: paused; }
.mpe-ticker--marquee .mpe-ticker__item + .mpe-ticker__item::before { content: "•"; margin-right: 16px; color: var(--mpe-accent); }
@keyframes mpe-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.mpe-ticker:not(.mpe-ticker--marquee) .mpe-ticker__list { position: relative; width: 100%; height: 100%; }
.mpe-ticker:not(.mpe-ticker--marquee) .mpe-ticker__item { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .5s, transform .5s, visibility .5s; }
.mpe-ticker--slide .mpe-ticker__item { transform: translateY(100%); }
.mpe-ticker:not(.mpe-ticker--marquee) .mpe-ticker__item.is-active { opacity: 1; visibility: visible; transform: none; }
.mpe-ticker__nav { display: flex; flex-shrink: 0; }
.mpe-ticker__nav button { width: 34px; border: 0; border-left: 1px solid rgba(0,0,0,.06); background: transparent; cursor: pointer; font-size: 20px; color: #374151; }
.mpe-ticker__nav button:hover { background: var(--mpe-accent); color: #fff; }

.mpe-pcat { --ov: rgba(0,0,0,.45); --cols: 3; }
.mpe-pcat--tiles ul { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 8px; }
.mpe-pcat--tiles a { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 110px; padding: 0 18px; background: #374151 center / cover; color: #fff; text-decoration: none; overflow: hidden; border-radius: 4px; }
.mpe-pcat--tiles a::before { content: ""; position: absolute; inset: 0; background: var(--ov); transition: background .3s; }
.mpe-pcat--tiles a:hover::before { background: color-mix(in srgb, var(--mpe-accent) 70%, transparent); }
.mpe-pcat--tiles a > * { position: relative; }
.mpe-pcat__n { font-weight: 800; font-size: 17px; text-transform: uppercase; letter-spacing: .03em; }
.mpe-pcat--tiles .mpe-count { margin: 0; background: #fff; color: #111; }
.mpe-pcat--pills ul { display: flex; flex-wrap: wrap; gap: 8px; }
.mpe-pcat--pills a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: var(--mpe-accent); color: #fff; border-radius: 30px; text-decoration: none; font-weight: 600; }
.mpe-pcat--pills .mpe-count { margin: 0; background: rgba(255,255,255,.25); color: #fff; }
@media (max-width: 767px) { .mpe-pcat--tiles ul { grid-template-columns: repeat(min(var(--cols), 2), minmax(0, 1fr)); } }

.mpe-rc li { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--mpe-div); }
.mpe-rc img { border-radius: 50%; flex-shrink: 0; width: 40px; height: 40px; }
.mpe-rc__a { font-weight: 700; } .mpe-rc__t { color: #4b5563; font-size: 14px; }
.mpe-rc__p { display: block; margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--mpe-accent); text-decoration: none; }

.mpe-search { --mpe-accent: #2563eb; --h: 46px; --rad: 6px; position: relative; }
.mpe-search__f { position: relative; display: flex; }
.mpe-search input[type=search] { flex: 1; min-width: 0; height: var(--h); padding: 0 14px; border: 1px solid #d1d5db; border-right: 0; border-radius: var(--rad) 0 0 var(--rad); font: inherit; font-size: 15px; background: #fff; color: #111; }
.mpe-search input[type=search]:focus { outline: none; border-color: var(--mpe-accent); }
.mpe-search button[type=submit] { flex-shrink: 0; height: var(--h); min-width: var(--h); padding: 0 16px; border: 0; background: var(--mpe-accent); color: #fff; border-radius: 0 var(--rad) var(--rad) 0; cursor: pointer; font: inherit; font-weight: 600; font-size: 18px; display: flex; align-items: center; justify-content: center; }
.mpe-search--minimal input[type=search] { border: 0; border-bottom: 2px solid #d1d5db; border-radius: 0; background: transparent; }
.mpe-search--minimal button[type=submit] { background: transparent; color: #111; }
.mpe-search__open { background: none; border: 0; cursor: pointer; font-size: 22px; color: inherit; padding: 8px; display: inline-flex; }
.mpe-search__full { position: fixed; inset: 0; z-index: 100015; background: rgba(15,23,42,.96); display: flex; align-items: flex-start; justify-content: center; padding: 18vh 24px 24px; }
.mpe-search__full[hidden] { display: none; }
.mpe-search__full .mpe-search__f { width: 100%; max-width: 760px; }
.mpe-search__full input[type=search] { height: 66px; font-size: 24px; border: 0; border-bottom: 2px solid rgba(255,255,255,.4); background: transparent; color: #fff; border-radius: 0; }
.mpe-search__full button[type=submit] { height: 66px; background: transparent; font-size: 26px; }
.mpe-search__close { position: absolute; top: 24px; right: 30px; background: none; border: 0; color: #fff; font-size: 44px; cursor: pointer; line-height: 1; }
.mpe-search__live { position: absolute; left: 0; right: 0; top: 100%; z-index: 50; margin-top: 4px; background: #fff; border-radius: 8px; box-shadow: 0 14px 40px rgba(0,0,0,.18); overflow: hidden; text-align: left; }
.mpe-search__live a { display: block; padding: 11px 16px; color: #111; text-decoration: none; border-bottom: 1px solid #f1f5f9; font-size: 15px; }
.mpe-search__live a:hover, .mpe-search__live a:focus { background: #f8fafc; color: var(--mpe-accent); }
.mpe-search__live small { display: block; color: #9ca3af; font-size: 12px; text-transform: uppercase; }
.mpe-search__live .mpe-search__none { padding: 12px 16px; color: #6b7280; font-size: 14px; }

.mpe-sep-w { display: flex; justify-content: center; padding-block: 15px; }
.mpe-sep { --c: #d1d5db; --c2: #2563eb; --t: 2px; display: flex; align-items: center; gap: 14px; width: 100%; }
.mpe-sep__l { flex: 1; height: 0; border-top: var(--t) solid var(--c); }
.mpe-sep--dashed .mpe-sep__l { border-top-style: dashed; } .mpe-sep--dotted .mpe-sep__l { border-top-style: dotted; }
.mpe-sep--double .mpe-sep__l { border-top: calc(var(--t) * 3) double var(--c); }
.mpe-sep--gradient .mpe-sep__l { border: 0; height: var(--t); background: linear-gradient(90deg, var(--c), var(--c2)); }
.mpe-sep--gradient .mpe-sep__l + .mpe-sep__mid + .mpe-sep__l { background: linear-gradient(90deg, var(--c2), var(--c)); }
.mpe-sep--wave .mpe-sep__l, .mpe-sep--zigzag .mpe-sep__l { border: 0; height: 10px; background-color: var(--c); -webkit-mask-size: 20px 10px; mask-size: 20px 10px; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; }
.mpe-sep--wave .mpe-sep__l { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0 5 Q5 0 10 5 T20 5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0 5 Q5 0 10 5 T20 5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
.mpe-sep--zigzag .mpe-sep__l { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0 8 L5 2 L10 8 L15 2 L20 8' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0 8 L5 2 L10 8 L15 2 L20 8' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
.mpe-sep__mid { flex-shrink: 0; color: #6b7280; font-size: 14px; display: inline-flex; }
.mpe-sep__mid svg { width: 1em; height: 1em; fill: currentColor; }

.mpe-sbg { --ov: rgba(0,0,0,.35); position: relative; min-height: 400px; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #fff; }
.mpe-sbg__bg { position: absolute; inset: 0; background-size: cover; background-position: center; will-change: transform; }
.mpe-sbg::before { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--ov); pointer-events: none; }
.mpe-sbg--fixed .mpe-sbg__bg { background-attachment: fixed; }
.mpe-sbg--parallax .mpe-sbg__bg { inset: -20% 0; }
.mpe-sbg--zoom .mpe-sbg__bg { animation: mpe-kb 20s ease-in-out infinite alternate; }
@keyframes mpe-kb { to { transform: scale(1.15); } }
.mpe-sbg__in { position: relative; z-index: 2; max-width: 760px; padding: 40px 24px; text-align: center; width: 100%; }
.mpe-sbg__t { margin: 0 0 12px; color: inherit; font-size: 42px; }
.mpe-sbg__x { margin-bottom: 20px; font-size: 18px; opacity: .92; }
@media (hover: none) { .mpe-sbg--fixed .mpe-sbg__bg { background-attachment: scroll; } }

.mpe-tabs { --mpe-accent: #2563eb; --mpe-div: #e5e7eb; }
.mpe-tabs__nav { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--mpe-div); }
.mpe-tabs__btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; font: inherit; font-weight: 600; color: #6b7280; cursor: pointer; transition: all .2s; }
.mpe-tabs__btn svg { width: 1em; height: 1em; fill: currentColor; }
.mpe-tabs__btn:hover { color: #111; }
.mpe-tabs__btn.is-active { color: var(--mpe-accent); border-bottom-color: var(--mpe-accent); }
.mpe-tabs__nav[style*="stretch"] .mpe-tabs__btn { flex: 1; justify-content: center; }
.mpe-tabs__panel { padding: 22px 4px; }
.mpe-tabs__panel > :first-child { margin-top: 0; } .mpe-tabs__panel > :last-child { margin-bottom: 0; }
.mpe-tabs--left { display: grid; grid-template-columns: 220px 1fr; gap: 24px; }
.mpe-tabs--left .mpe-tabs__nav { flex-direction: column; border-bottom: 0; border-right: 1px solid var(--mpe-div); }
.mpe-tabs--left .mpe-tabs__btn { border-bottom: 0; border-right: 2px solid transparent; margin: 0 -1px 0 0; text-align: left; }
.mpe-tabs--left .mpe-tabs__btn.is-active { border-right-color: var(--mpe-accent); background: color-mix(in srgb, var(--mpe-accent) 6%, transparent); }
.mpe-tabs--left .mpe-tabs__panel { padding-top: 6px; }
.mpe-tabs--pills .mpe-tabs__nav { border: 0; gap: 8px; }
.mpe-tabs--pills .mpe-tabs__btn { border: 0; border-radius: 30px; background: #f3f4f6; margin: 0; }
.mpe-tabs--pills .mpe-tabs__btn.is-active { background: var(--mpe-accent); color: #fff; }
.mpe-tabs--accordion .mpe-tabs__acc { display: flex; width: 100%; justify-content: space-between; border: 1px solid var(--mpe-div); border-radius: 6px; margin: 0 0 8px; padding: 14px 18px; color: #111; text-align: left; }
.mpe-tabs--accordion .mpe-tabs__acc::after { content: "+"; font-size: 20px; line-height: 1; color: var(--mpe-accent); }
.mpe-tabs--accordion .mpe-tabs__acc.is-active::after { content: "–"; }
.mpe-tabs--accordion .mpe-tabs__panel { padding: 4px 18px 18px; }
@media (max-width: 767px) { .mpe-tabs--left { grid-template-columns: 1fr; } .mpe-tabs--left .mpe-tabs__nav { flex-direction: row; border-right: 0; border-bottom: 1px solid var(--mpe-div); overflow-x: auto; flex-wrap: nowrap; } }
.mpe-rv__form .mpe-form__input, .mpe-flt .mpe-form__input, .mpe-fx .mpe-form__input { width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; }

/* Resetare butoane interne (unele teme stilizează agresiv <button>) */
.mpe-pb .mpe-pb__tab, .mpe-pb .mpe-pb__tabs-more, .mpe-rv .mpe-rv__reply, .mpe-lmenu .mpe-lmenu__tg, .mpe-search .mpe-search__open, .mpe-search__full .mpe-search__close, .mpe-ticker .mpe-ticker__nav button, .mpe-tabs .mpe-tabs__btn { background-color: transparent !important; box-shadow: none !important; text-decoration: none !important; }
.mpe-pb .mpe-pb__tab { color: #6b7280 !important; padding: 4px 0 !important; border: 0 !important; }
.mpe-pb .mpe-pb__tab:hover, .mpe-pb .mpe-pb__tab.is-active { color: var(--mpe-accent) !important; }
.mpe-pb .mpe-pb__nav button, .mpe-pb .mpe-pb__more { background-color: #fff !important; color: #111 !important; border: 1px solid var(--mpe-div) !important; padding: 0 !important; }
.mpe-pb .mpe-pb__more { padding: 11px 30px !important; }
.mpe-pb .mpe-pb__nav button:hover:not(:disabled), .mpe-pb .mpe-pb__more:hover { background-color: var(--mpe-accent) !important; border-color: var(--mpe-accent) !important; color: #fff !important; }
.mpe-tabs--pills .mpe-tabs__btn { background-color: #f3f4f6 !important; }
.mpe-tabs--pills .mpe-tabs__btn.is-active { background-color: var(--mpe-accent) !important; color: #fff !important; }
.mpe-tabs .mpe-tabs__btn.is-active { color: var(--mpe-accent) !important; }
.mpe-ticker .mpe-ticker__nav button:hover { background-color: var(--mpe-accent) !important; color: #fff !important; }
.mpe-carousel .mpe-carousel__arrow { background-color: rgba(255,255,255,.92) !important; color: #111 !important; border: 0 !important; padding: 0 !important; }
.mpe-carousel .mpe-carousel__dot { border: 0 !important; padding: 0 !important; }
.mpe-search .mpe-search__open { color: inherit !important; border: 0 !important; }
.mpe-tst .mpe-tst__text::before, .mpe-tst .mpe-tst__text::after { content: none !important; display: none !important; }

/* ---------- v2.1: antete, filtru AJAX, paginare ---------- */
.mpe-pb { --mpe-hover: var(--mpe-accent); --mpe-hd-bg: var(--mpe-accent); }
.mpe-pb .mpe-m:not([class*=overlay]) .mpe-m__title a:hover, .mpe-pb .mpe-m__more:hover, .mpe-pb__all:hover { color: var(--mpe-hover); }
.mpe-pb .mpe-pb__tab:hover, .mpe-pb .mpe-pb__tab.is-active { color: var(--mpe-hover) !important; }
.mpe-pb__head--line::after { background: var(--mpe-hd-bg); }
.mpe-pb__head--box { border-bottom-color: var(--mpe-hd-bg); }
.mpe-pb__head--box .mpe-pb__title { background: var(--mpe-hd-bg); }
.mpe-pb__head--border .mpe-pb__title { border-left-color: var(--mpe-hd-bg); }
.mpe-pb__head--tab { border-bottom: 2px solid var(--mpe-hd-bg); }
.mpe-pb__head--tab .mpe-pb__title { position: relative; background: var(--mpe-hd-bg); color: #fff; padding: 8px 18px 6px 14px; font-size: 15px; margin-right: 14px; }
.mpe-pb__head--tab .mpe-pb__title::after { content: ""; position: absolute; top: 0; right: -14px; border-style: solid; border-width: 0 0 34px 14px; border-color: transparent transparent var(--mpe-hd-bg) transparent; height: 0; bottom: 0; }
.mpe-pb__head--tab .mpe-pb__title a, .mpe-pb__head--box .mpe-pb__title a { color: inherit; }
.mpe-pb__head--double { border-bottom: 4px double var(--mpe-div); padding-bottom: 10px; }
.mpe-pb__head--double .mpe-pb__title { color: var(--mpe-hd-bg); }
.mpe-pb__head--line .mpe-pb__title, .mpe-pb__head--plain .mpe-pb__title, .mpe-pb__head--center .mpe-pb__title, .mpe-pb__head--border .mpe-pb__title { font-size: 20px; }
.mpe-pb__tabs { position: relative; flex-wrap: nowrap; min-width: 0; flex: 1 1 auto; justify-content: flex-end; }
.mpe-pb__tab { white-space: nowrap; }
.mpe-pb__more-tabs { position: relative; flex-shrink: 0; }
.mpe-pb__more-tabs[hidden] { display: none; }
.mpe-pb .mpe-pb__tabs-more { display: inline-block; font-size: 13px; font-weight: 600; color: #6b7280 !important; padding: 4px 0 !important; border: 0 !important; text-transform: uppercase; }
.mpe-pb__more-list, .mpe-pb__dd-list { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 180px; background: #fff; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,.14); padding: 6px 0; display: flex; flex-direction: column; }
.mpe-pb__more-list[hidden], .mpe-pb__dd-list[hidden] { display: none; }
.mpe-pb .mpe-pb__more-list .mpe-pb__tab, .mpe-pb .mpe-pb__dd-list .mpe-pb__tab { padding: 8px 16px !important; text-align: left; }
.mpe-pb__dd { position: relative; margin-left: auto; }
.mpe-pb .mpe-pb__dd-btn { background: transparent !important; border: 1px solid var(--mpe-div) !important; padding: 5px 12px !important; border-radius: 4px; font: inherit; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; color: #374151 !important; }
.mpe-pb__head:has(.mpe-pb__tabs) .mpe-pb__all { margin-left: 12px; }
.mpe-pb__sentinel { display: block; height: 1px; }
.mpe-pb__spinner { display: inline-block; width: 28px; height: 28px; border: 3px solid var(--mpe-div); border-top-color: var(--mpe-accent); border-radius: 50%; animation: mpe-spin .8s linear infinite; }
.mpe-pb__spinner[hidden] { display: none; }
@keyframes mpe-spin { to { transform: rotate(360deg); } }
.mpe-pb.is-appending .mpe-pb__more { opacity: .5; pointer-events: none; }
.mpe-m__dprefix { font-weight: 600; }
@media (max-width: 767px) { .mpe-pb__tabs { flex-wrap: nowrap; overflow: visible; width: auto; margin-left: auto; } }