/* Prima pagină — exclusivsrl.ro. Aceleași culori și forme ca în catalog și pe paginile de produs. */
/* Culorile (.exa) și căutarea sunt în exa-cauta.css, încărcat pe tot site-ul. */


/* ---------- Banda cu cifre: plăci luminoase, fiecare cu un produs real din catalog ---------- */
.exa-band { padding: 8px 16px 0; }
.exa-band-in { max-width: 1228px; margin: 0 auto; }
.exa-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.exa-stats li { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: baseline; min-height: 272px; margin: 0; padding: 24px 24px 0; overflow: hidden; border-radius: 22px; background: #f3f3f1; isolation: isolate; }
.exa-stats li:first-child { background: #fff1e6; }
.exa-stats b { font-size: 54px; font-weight: 800; line-height: 1; letter-spacing: -1.5px; color: var(--ink); font-variant-numeric: tabular-nums; }
.exa-stats i { font-size: 40px; font-weight: 800; font-style: normal; color: var(--o); margin-left: 2px; }
.exa-stats span { flex-basis: 100%; margin-top: 8px; font-size: 15px; font-weight: 500; color: #4a4a4a; }
.exa-stats li:first-child b { color: var(--o-h); }
/* pozele din catalog au fundal gri (#dcdde0): contrastul îl duce la alb, iar multiply îl contopește cu placa */
.exa-stats img { position: absolute; z-index: -1; right: -4%; bottom: -12%; width: 68%; height: auto; aspect-ratio: 1; object-fit: contain; filter: contrast(1.5) saturate(1.25); mix-blend-mode: multiply; transform: translateX(28%) rotate(-8deg); opacity: 0; transition: transform .9s cubic-bezier(.2, .8, .2, 1), opacity .6s ease; }
.exa-stats li.on img { transform: none; opacity: 1; }
.exa-stats li:nth-child(2) img { transition-delay: .08s; }
.exa-stats li:nth-child(3) img { transition-delay: .16s; }
.exa-stats li:nth-child(4) img { transition-delay: .24s; }
@media (hover: hover) {
  .exa-stats li.on:hover img { transform: scale(1.08) rotate(-4deg); transition-delay: 0s; }
}
/* producătorii: o bandă care curge încet (se oprește la hover) */
.exa-brands { display: flex; align-items: center; gap: 18px; margin: 14px 0 0; padding: 16px 0 16px 24px; overflow: hidden; border-radius: 22px; background: #f3f3f1; }
.exa-brands > span { flex: none; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.exa-mq { flex: 1; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 40px), transparent); }
.exa-mq-t { display: flex; width: max-content; animation: exa-mq 28s linear infinite; }
.exa-mq:hover .exa-mq-t { animation-play-state: paused; }
.exa-mq p { display: flex; flex: none; align-items: center; margin: 0; padding-right: 28px; gap: 28px; white-space: nowrap; font-size: 20px; font-weight: 700; letter-spacing: -.01em; color: var(--ink); }
.exa-mq p i { width: 7px; height: 7px; border-radius: 50%; background: var(--o); }
@keyframes exa-mq { to { transform: translateX(-50%); } }

/* ---------- Cardurile din caruselele de produse ---------- */
.home .jet-woo-products__inner-box { display: flex; flex-direction: column; height: 100%; padding: 0 !important; overflow: hidden; background: #fff !important; border: 1px solid var(--line, #ececec) !important; border-radius: 18px !important; box-shadow: none !important; text-align: left !important; transition: border-color .2s, transform .25s ease; }
.home .jet-woo-products__inner-box:hover { border-color: #EA580C !important; }
.home .jet-woo-product-thumbnail { order: 1 !important; margin: 0 !important; border-bottom: 1px solid #ececec; }
.home .jet-woo-product-thumbnail img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0 !important; filter: brightness(.98) contrast(1.79) saturate(1.17); }
.home .jet-woo-product-title { order: 2 !important; margin: 0 !important; padding: 14px 14px 8px !important; text-align: left !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; }
.home .jet-woo-product-title a { font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #141414 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.home .jet-woo-product-title a:hover { color: #C2410C !important; }
.exa-act { order: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: auto; padding: 6px 12px 12px; } /* Jet reordonează copiii cardului: ordinea o fixăm explicit */
.exa-q { flex: 1; min-height: 40px; padding: 0 10px; border: 0; border-radius: 99px; background: #EA580C; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.2; cursor: pointer; transition: background .15s; }
.exa-q:hover, .exa-q:focus-visible { background: #C2410C; }
.exa-q.in { background: #fff3ea; color: #C2410C; box-shadow: inset 0 0 0 1px #fbd5bb; }
.exa-q[aria-busy="true"] { opacity: .6; cursor: progress; }
@keyframes exa-added { 0% { transform: scale(.94); } 55% { transform: scale(1.04); } 100% { transform: scale(1); } }
.exa-q.just { animation: exa-added .45s ease; }
.exa-f { flex: none; display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px; border: 1px solid #e4e4e4; border-radius: 99px; color: #141414 !important; font-size: 14px; font-weight: 600; text-decoration: none !important; }
.exa-f:hover { border-color: #EA580C; background: #fff3ea; }
@media (hover: hover) { .home .jet-woo-products__inner-box:hover { transform: translateY(-3px); } }

@media (max-width: 1024px) {
  .exa-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .exa-stats { gap: 10px; }
  .exa-stats li { min-height: 178px; padding: 16px 16px 0; border-radius: 18px; }
  .exa-stats b { font-size: 36px; letter-spacing: -1px; }
  .exa-stats i { font-size: 28px; }
  .exa-stats span { font-size: 13.5px; }
  .exa-stats img { width: 74%; }
  .exa-brands { margin-top: 10px; padding: 12px 0 12px 16px; border-radius: 18px; gap: 12px; }
  .exa-brands > span { display: none; }
  .exa-mq p { font-size: 16px; gap: 20px; padding-right: 20px; }
  .home .jet-woo-product-title, .home .jet-woo-product-title a { font-size: 14px !important; }
  .home .jet-woo-product-title { padding: 12px 12px 6px !important; }
  .exa-act { flex-direction: column; align-items: stretch; padding: 6px 12px 12px; gap: 6px; }
  .exa-f { justify-content: center; min-height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .home .jet-woo-products__inner-box, .exa-q.just { transition: none; animation: none; transform: none !important; }
  .exa-stats img { transition: none; transform: none !important; opacity: 1; }
  .exa-mq-t { animation: none; }
  .exa-mq-t p + p { display: none; }
  .exa-mq p { flex-wrap: wrap; white-space: normal; row-gap: 6px; }
}

/* ---------- Caruselele de produse (înlocuiesc grilele fixe de câte 6) ----------
   Stil de magazin online (inspirat JYSK): fără contur și umbre, poză mare pe gri deschis, text simplu dedesubt,
   rânduri cu buline pentru acțiuni. Tema stilizează global butoanele (contur roz): aici totul e resetat explicit. */
.exa-rail { --o: #EA580C; --o-h: #C2410C; --ink: #111; --muted: #5f5f5f; --g: #f2f2f2; --ok: #2e7d32; position: relative; width: 100%; text-align: left; }
.exa-rail *, .exa-rail *::before { box-sizing: border-box; }
.exa-rail button { font-family: inherit; text-transform: none; letter-spacing: normal; box-shadow: none; min-height: 0; }
.exa-rail-h { display: flex; justify-content: flex-end; margin: 0 0 12px; }
.exa-all { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: var(--ink) !important; text-decoration: underline !important; text-underline-offset: 4px; text-decoration-color: #c9c9c9 !important; }
.exa-all:hover { text-decoration-color: var(--ink) !important; }
.exa-stage { position: relative; }

.exa-track { display: flex; gap: 16px; margin: 0 !important; padding: 0 0 6px !important; list-style: none !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.exa-track::-webkit-scrollbar { display: none; }
.exa-track:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
.exa-track.auto { scroll-snap-type: none; scroll-behavior: auto; } /* în timpul mișcării automate: fără „snap”, fără animație pe fiecare pas */

.exa-card { flex: 0 0 calc((100% - 4 * 16px) / 4.4); min-width: 0; margin: 0 !important; padding: 0 !important; scroll-snap-align: start; display: flex; flex-direction: column; background: transparent; border: 0; }
.exa-card::before { content: none !important; }
.exa-media { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: var(--g); }
.exa-img { display: block; width: 100%; height: 100%; }
.exa-img img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; padding: 9%; object-fit: contain; border-radius: 0 !important; filter: brightness(.98) contrast(1.79) saturate(1.17); mix-blend-mode: multiply; transition: transform .6s cubic-bezier(.2, .7, .2, 1); } /* fundalul alb al pozei devine gri, ca restul */
.exa-tag { position: absolute; left: 0; bottom: 10px; padding: 3px 7px; background: #111; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; line-height: 1.3; text-transform: uppercase; }
.exa-rail .exa-qi { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0 !important; border-radius: 99px !important; background: transparent !important; color: var(--ink) !important; cursor: pointer; transition: background-color .15s, color .15s, transform .15s; }
.exa-rail .exa-qi:hover, .exa-rail .exa-qi:focus-visible { background: #fff !important; }
.exa-rail .exa-qi .i-in { display: none; }
.exa-rail .exa-qi.in { background: var(--o) !important; color: #fff !important; }
.exa-rail .exa-qi.in .i-add { display: none; }
.exa-rail .exa-qi.in .i-in { display: block; }
.exa-rail .exa-qi[aria-busy="true"] { opacity: .5; cursor: progress; }
.exa-rail .exa-qi.just { animation: exa-added .45s ease; }

.exa-body { display: flex; flex-direction: column; flex: 1; padding: 14px 0 0; }
.exa-body h3 { margin: 0 0 3px !important; padding: 0 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .01em !important; text-transform: uppercase; overflow-wrap: anywhere; }
.exa-body h3 a { color: var(--ink) !important; text-decoration: none !important; }
.exa-body h3 a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.exa-s { margin: 0 !important; font-size: 15px; line-height: 1.4; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.exa-spec { margin: 8px 0 0 !important; font-size: 13px; line-height: 1.4; color: var(--muted); }
.exa-info { margin: auto 0 0 !important; padding: 12px 0 0 !important; list-style: none !important; display: flex; flex-direction: column; gap: 6px; }
.exa-info li { position: relative; margin: 0 !important; padding: 0 0 0 16px !important; font-size: 13.5px; line-height: 1.35; list-style: none !important; }
.exa-info li::before { content: "" !important; position: absolute; left: 0; top: .42em; width: 8px; height: 8px; border-radius: 50%; background: var(--ok); }
.exa-info li.exa-i-q::before { background: var(--o); }
.exa-info li.exa-i-q:has(.in)::before { background: var(--ok); }
.exa-rail .exa-f { display: inline; height: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: 13.5px; font-weight: 500; white-space: normal; color: var(--ink) !important; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-color: #b5b5b5 !important; }
.exa-rail .exa-f:hover { text-decoration-color: var(--ink) !important; }
.exa-rail .exa-qt { padding: 0; border: 0 !important; border-radius: 0 !important; background: none !important; color: var(--ink) !important; font-size: 13.5px; font-weight: 600; line-height: 1.35; text-align: left; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--o); cursor: pointer; }
.exa-rail .exa-qt:hover, .exa-rail .exa-qt:focus-visible { color: var(--o-h) !important; }
.exa-rail .exa-qt.in { font-weight: 500; text-decoration-color: #b5b5b5; }
.exa-rail .exa-qt, .exa-rail .exa-qi, .exa-rail .exa-q.in { box-shadow: none !important; } /* stilul vechi .exa-q.in punea un contur */
.exa-rail .exa-qt[aria-busy="true"] { opacity: .5; cursor: progress; }

/* Săgeți rotunde peste poze, la jumătatea lor (poziția verticală vine din exa.js: --mid) */
.exa-rail .exa-arrow { position: absolute; z-index: 3; top: var(--mid, 40%); transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #111 !important; border-radius: 99px !important; background: #fff !important; color: #111 !important; cursor: pointer; transition: background-color .15s, color .15s; }
.exa-rail .exa-arrow:hover, .exa-rail .exa-arrow:focus-visible { background: #111 !important; color: #fff !important; }
.exa-rail .exa-prev { left: -22px; }
.exa-rail .exa-next { right: -22px; }

/* Ultimul card: spre catalogul cu filtre */
.exa-more a { display: flex; flex-direction: column; height: 100%; color: var(--ink) !important; text-decoration: none !important; }
.exa-more .exa-media { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 24px; }
.exa-more b { font-size: 52px; font-weight: 800; line-height: 1; letter-spacing: -1px; color: var(--ink); }
.exa-more .exa-media span { font-size: 17px; font-weight: 700; line-height: 1.3; }
.exa-more em { padding-top: 14px; font-size: 15px; font-style: normal; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #c9c9c9; }
.exa-more a:hover em { text-decoration-color: var(--ink); }

@media (hover: hover) {
  .exa-card:hover .exa-img img { transform: scale(1.06); }
}
/* sub ~1260px caruselul ajunge aproape la marginea ecranului: săgețile intră peste carduri, altfel ies din pagină (scroll orizontal) */
@media (max-width: 1260px) {
  .exa-rail .exa-prev { left: 8px; }
  .exa-rail .exa-next { right: 8px; }
}
@media (max-width: 1024px) {
  .exa-card { flex-basis: calc((100% - 2 * 16px) / 2.6); }
}
@media (max-width: 767px) {
  .exa-rail .exa-arrow { display: none; }
  .exa-rail-h { justify-content: flex-start; margin-bottom: 10px; }
  .exa-all { font-size: 14px; }
  .exa-track { gap: 12px; }
  .exa-card { flex-basis: 70%; }
  .exa-body { padding-top: 12px; }
  .exa-body h3 { font-size: 14px !important; }
  .exa-s { font-size: 14px; }
  .exa-more b { font-size: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .exa-track { scroll-behavior: auto; }
  .exa-img img { transition: none; transform: none !important; }
}

/* ---------- Fișa tehnică: panou lateral (<dialog> în top layer, ca în catalog) ---------- */
.exa-sheet { --o: #EA580C; --o-h: #C2410C; --o-soft: #fff3ea; --o-line: #fbd5bb; --ink: #141414; --muted: #6b6b6b; --line: #ececec;
  position: fixed; inset: 0 0 0 auto; width: min(620px, 100%); height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: #fff; color: #2b2b2b; font-size: 15px; line-height: 1.45; text-align: left; }
.exa-sheet[open] { display: flex; flex-direction: column; animation: exa-slide .22s ease-out; }
.exa-sheet::backdrop { background: rgba(20, 20, 20, .45); }
@keyframes exa-slide { from { transform: translateX(40px); opacity: 0; } }
.exa-sheet *, .exa-sheet *::before { box-sizing: border-box; }
.exa-sh { display: flex; align-items: flex-start; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.exa-sh > div { flex: 1; min-width: 0; }
.exa-kat { margin-bottom: 6px; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--o-h); }
.exa-sh h2 { margin: 0 !important; padding: 0 !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0 !important; color: var(--ink) !important; overflow-wrap: anywhere; }
.exa-sheet .exa-x { flex: none; display: grid; place-items: center; width: 40px; height: 40px; min-height: 0; padding: 0; border: 1px solid var(--line) !important; border-radius: 99px !important; background: #fff !important; color: var(--ink) !important; cursor: pointer; box-shadow: none; }
.exa-sheet .exa-x:hover, .exa-sheet .exa-x:focus-visible { border-color: var(--o) !important; color: var(--o-h) !important; }
.exa-sb { flex: 1; overflow: auto; overscroll-behavior: contain; padding: 20px; }
.exa-top { display: grid; grid-template-columns: 180px 1fr; gap: 18px; align-items: start; margin-bottom: 18px; }
.exa-top img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; border: 1px solid #f3f3f3; border-radius: 10px; background: #fff; filter: brightness(.98) contrast(1.79) saturate(1.17); }
.exa-top p { margin: 0 !important; font-size: 15.5px; line-height: 1.55; color: #2b2b2b; }
/* Aplicațiile: rând de text sobru, fără pastile colorate */
.exa-apl { margin: 0 0 20px; padding: 14px 0 0; border-top: 1px solid var(--line); }
.exa-apl small { display: block; margin-bottom: 5px; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #8c8c8c; }
.exa-apl p { margin: 0 !important; font-size: 15px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.exa-apl span { white-space: nowrap; } /* o aplicație nu se rupe pe două rânduri; rândul se rupe doar între ele */
.exa-apl span:not(:last-child)::after { content: "·"; margin: 0 3px 0 8px; color: #c4c4c4; }
.exa-specs { width: 100%; margin: 0 !important; border: 0 !important; border-collapse: collapse; font-size: 14.5px; }
.exa-specs th, .exa-specs td { padding: 10px 10px !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; background: none !important; text-align: left; vertical-align: top; }
.exa-specs th { width: 42%; font-weight: 500; color: var(--muted); }
.exa-specs td { color: var(--ink); }
.exa-note { margin: 16px 0 0 !important; padding: 12px; border-radius: 10px; background: var(--o-soft); font-size: 13px; color: var(--muted); }
.exa-sf { display: flex; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--line); }
.exa-sheet .exa-q { flex: 1; height: 46px; min-height: 0; padding: 0 16px; border: 0 !important; border-radius: 99px !important; background: var(--o) !important; color: #fff !important; font-family: inherit; font-size: 15px; font-weight: 700; letter-spacing: .02em; line-height: 1; text-transform: none; cursor: pointer; box-shadow: none; }
.exa-sheet .exa-q:hover, .exa-sheet .exa-q:focus-visible { background: var(--o-h) !important; }
.exa-sheet .exa-q.in { background: var(--o-soft) !important; color: var(--o-h) !important; box-shadow: inset 0 0 0 1px var(--o-line); }
.exa-pp { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 18px; border: 1px solid var(--line); border-radius: 99px; background: #fff; color: var(--ink) !important; font-size: 14.5px; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.exa-pp:hover { border-color: var(--o); }
@media (max-width: 767px) {
  .exa-sheet { width: 100%; }
  .exa-sh { padding: 14px 16px; }
  .exa-sh h2 { font-size: 19px !important; }
  .exa-sb { padding: 16px; }
  .exa-top { grid-template-columns: 1fr; gap: 14px; }
  .exa-top img { max-width: 220px; margin: 0 auto; }
  .exa-sf { flex-direction: column; gap: 8px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }
  .exa-sheet .exa-q { flex: none; width: 100%; }
  .exa-pp { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .exa-sheet[open] { animation: none; } }

/* ---------- Peretele de produse din hero (în locul colajului static) ----------
   Coloane/benzi de poze reale din catalog care curg în sensuri opuse; la hover banda se oprește, plăcuța se ridică
   și arată codul; click = pagina produsului. Lista e dublată în HTML, deci translate(-50%) închide bucla exact. */
.elementor-element-74c1e820:has(> .exa-wall), .elementor-element-2fa65915:has(> .exa-wall) { background-image: none !important; }
.elementor-element-74c1e820 > .elementor-container, .elementor-element-2fa65915 > .elementor-container { position: relative; z-index: 2; pointer-events: none; }
.elementor-element-74c1e820 > .elementor-container .elementor-widget, .elementor-element-74c1e820 > .elementor-container .exa,
.elementor-element-2fa65915 > .elementor-container .elementor-widget, .elementor-element-2fa65915 > .elementor-container .exa { pointer-events: auto; }
.exa-wall { position: absolute; z-index: 1; overflow: hidden; pointer-events: none; }
.exa-wall-in { display: flex; pointer-events: auto; }
.exa-wall-lane { flex: none; }
.exa-wall-t { display: flex; will-change: transform; animation: exa-wall-y 70s linear infinite; }
.exa-wall-lane:nth-child(2) .exa-wall-t { animation-duration: 86s; animation-direction: reverse; }
.exa-wall-lane:nth-child(3) .exa-wall-t { animation-duration: 62s; }
.exa-wall-lane:hover .exa-wall-t { animation-play-state: paused; }
@keyframes exa-wall-y { to { transform: translateY(-50%); } }
@keyframes exa-wall-x { to { transform: translateX(-50%); } }
.exa-wt { position: relative; display: block; flex: none; overflow: hidden; border-radius: 18px; background: #dcdde0; text-decoration: none !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s; }
.exa-wt img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
.exa-wt span { position: absolute; left: 10px; bottom: 10px; max-width: calc(100% - 20px); padding: 5px 9px; border-radius: 6px; background: #111; color: #fff; font-size: 12.5px; font-weight: 700; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transform: translateY(6px); transition: opacity .25s, transform .25s; }
.exa-wt:hover, .exa-wt:focus-visible { z-index: 2; transform: translateY(-4px) scale(1.03); box-shadow: 0 20px 40px rgba(0, 0, 0, .18); }
.exa-wt:hover img, .exa-wt:focus-visible img { transform: scale(1.07); }
.exa-wt:hover span, .exa-wt:focus-visible span { opacity: 1; transform: none; }
.exa-wt:focus-visible { outline: 3px solid #EA580C; outline-offset: 2px; }

/* desktop: 3 coloane verticale drepte pe jumătatea din dreapta, cu marginile topite în alb */
.exa-wall-d { top: 0; right: 0; bottom: 0; width: 46%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 32%), linear-gradient(180deg, transparent 0, #000 14%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0, #000 32%), linear-gradient(180deg, transparent 0, #000 14%, #000 86%, transparent 100%); mask-composite: intersect; }
.exa-wall-d .exa-wall-in { justify-content: center; gap: 18px; height: 100%; padding-left: 20%; }
.exa-wall-d .exa-wall-lane { width: clamp(150px, 13vw, 210px); }
.exa-wall-d .exa-wall-t { flex-direction: column; }
.exa-wall-d .exa-wt { width: 100%; aspect-ratio: 1; margin-bottom: 18px; }

/* mobil: 3 benzi orizontale sus, sub header, care se topesc în titlu (titlul coboară puțin ca să le facă loc) */
.exa-wall-m { top: 0; left: 0; right: 0; height: 316px;
  -webkit-mask-image: linear-gradient(180deg, #000 0, #000 72%, transparent 100%); mask-image: linear-gradient(180deg, #000 0, #000 72%, transparent 100%); }
.exa-wall-m .exa-wall-in { flex-direction: column; gap: 10px; padding-top: 10px; }
.elementor-element-2fa65915:has(> .exa-wall) > .elementor-container { padding-top: 70px; }
.exa-wall-m .exa-wall-t { width: max-content; animation-name: exa-wall-x; animation-duration: 48s; }
.exa-wall-m .exa-wall-lane:nth-child(2) .exa-wall-t { animation-duration: 56s; }
.exa-wall-m .exa-wall-lane:nth-child(3) .exa-wall-t { animation-duration: 44s; }
.exa-wall-m .exa-wt { width: 92px; height: 92px; margin-right: 10px; border-radius: 14px; }
.exa-wall-m .exa-wt span { font-size: 11px; }

@media (prefers-reduced-motion: reduce) {
  .exa-wall-t { animation: none; }
}

/* ---------- Pagina de produs: antetul caruselului „Din aceeași categorie” ----------
   Titlul Elementor (centrat, cu gol mare până la carusel) e înlocuit de antetul caruselului: categoria în stânga, „Toate cele N” în dreapta. */
.elementor-element-4636014:has(.exa-rail) .elementor-element-1174b51 { display: none !important; }
.exa-rail-h:has(.exa-rail-t) { justify-content: space-between; align-items: flex-end; gap: 10px 20px; flex-wrap: wrap; margin-bottom: 18px; }
.exa-rail-t small { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #8a8a8a; }
.exa-rail-t h2 { margin: 0; padding: 0; font-size: 30px; font-weight: 800; line-height: 1.12; letter-spacing: -.6px; color: #111; text-transform: none; }
@media (max-width: 767px) {
  .exa-rail-t h2 { font-size: 23px; letter-spacing: -.3px; }
  .exa-rail-h:has(.exa-rail-t) { margin-bottom: 14px; }
}