/* Elitmédia Referenciakezelő – slider. Minden szabály a .emr névtérben; a színek a főoldal változóit veszik át, ha vannak. */
.emr{
  --emr-card:var(--card,#0C1222);
  --emr-bg2:var(--bg2,#0A0F1E);
  --emr-line:var(--line,rgba(150,170,230,.10));
  --emr-line2:var(--line2,rgba(150,170,230,.24));
  --emr-txt:var(--txt,#EEF2FF);
  --emr-mut:var(--mut,#97A1BE);
  --emr-dim:var(--dim,#7883A3);
  --emr-a1:var(--a1,#4D8DFF);
  --emr-a2:var(--a2,#3FE0D0);
  --emr-grad:linear-gradient(92deg,var(--emr-a1),var(--emr-a2));
  --emr-disp:var(--disp,'Unbounded',system-ui,sans-serif);
  --emr-body:var(--body,'Manrope',system-ui,sans-serif);
  --emr-mono:var(--mono,'Space Grotesk',system-ui,sans-serif);
  --emr-e:var(--e,cubic-bezier(.22,.9,.24,1));
  --emr-gap:22px;
  container:emr / inline-size;
  position:relative;
  width:100%;
  color:var(--emr-txt);
  font-family:var(--emr-body);
  font-size:16px;
  line-height:1.7;
  text-align:left;
}
.emr *,.emr *::before,.emr *::after{box-sizing:border-box}
.emr .emr-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- Szűrő ---------- */
.emr .emr-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 40px;padding:0}
.emr .emr-filter{font-family:var(--emr-mono);font-size:12.5px;font-weight:500;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;margin:0;padding:11px 24px;min-height:44px;border-radius:999px;border:1.5px solid var(--emr-line2);background:transparent;color:var(--emr-mut);cursor:pointer;transition:border-color .3s var(--emr-e),color .3s var(--emr-e),background-color .3s var(--emr-e)}
.emr .emr-filter:hover,.emr .emr-filter:focus{background:transparent;border-color:var(--emr-a2);color:var(--emr-a2)}
.emr .emr-filter.is-active,.emr .emr-filter.is-active:hover,.emr .emr-filter.is-active:focus{background:var(--emr-txt);border-color:var(--emr-txt);color:#05070F}
.emr .emr-filter:focus-visible{outline:2px solid var(--emr-a2);outline-offset:3px}

/* ---------- Sáv (natív görgetés + snap: érintéssel, egérrel, billentyűzettel) ---------- */
.emr .emr-track{position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:-16px -8px -24px;padding:16px 8px 24px;border-radius:28px;outline:none}
.emr .emr-track::-webkit-scrollbar{display:none}
.emr .emr-track:focus-visible{box-shadow:inset 0 0 0 2px var(--emr-a2)}
.emr.is-drag .emr-track{scroll-snap-type:none;cursor:grabbing;user-select:none}
.emr.is-drag .emr-track a{pointer-events:none}
.emr .emr-list{display:flex;gap:var(--emr-gap);list-style:none;margin:0;padding:0}
.emr .emr-slide{flex:0 0 86%;min-width:0;display:flex;margin:0;padding:0;scroll-snap-align:start}
.emr .emr-slide[hidden]{display:none}
.emr .emr-slide::before,.emr .emr-slide::marker{content:none}
@container emr (min-width:600px){ .emr .emr-slide{flex-basis:calc((100% - var(--emr-gap)) / 2)} }
@container emr (min-width:980px){ .emr .emr-slide{flex-basis:calc((100% - 2 * var(--emr-gap)) / 3)} }
@supports not (container-type:inline-size){
  @media(min-width:700px){ .emr .emr-slide{flex-basis:calc((100% - var(--emr-gap)) / 2)} }
  @media(min-width:1100px){ .emr .emr-slide{flex-basis:calc((100% - 2 * var(--emr-gap)) / 3)} }
}

/* ---------- Kártya ---------- */
.emr .emr-card{display:flex;flex-direction:column;width:100%;margin:0;background:var(--emr-card);border:1px solid var(--emr-line);border-radius:24px;overflow:hidden;transition:transform .5s var(--emr-e),border-color .4s}
.emr .emr-card:focus-within{border-color:var(--emr-line2)}
@media(hover:hover){
  .emr .emr-card:hover{transform:translateY(-10px);border-color:var(--emr-line2)}
}
.emr .emr-media{position:relative;aspect-ratio:16/10;background:var(--emr-bg2);overflow:hidden;margin:0}
.emr .emr-media::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(180,220,255,.09),transparent);transform:skewX(-18deg);transition:left .8s var(--emr-e);pointer-events:none}
.emr .emr-card:hover .emr-media::after{left:130%}
.emr .emr-img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:50% 50%;transition:transform .7s var(--emr-e)}
.emr .emr-img--top{object-position:50% 0}
.emr .emr-img--contain{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain;border-radius:8px}
.emr .emr-card:hover .emr-img{transform:scale(1.06)}
.emr .emr-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--emr-disp);font-weight:800;font-size:64px;color:transparent;-webkit-text-stroke:1px var(--emr-line2);background:radial-gradient(260px at 70% 20%,rgba(77,141,255,.18),transparent 70%),radial-gradient(220px at 20% 90%,rgba(63,224,208,.12),transparent 70%),var(--emr-bg2)}
.emr .emr-body{display:flex;flex-direction:column;flex:1;padding:28px 30px 30px}
.emr .emr-tag{display:inline-block;align-self:flex-start;font-family:var(--emr-mono);font-size:11px;font-weight:500;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;padding:6px 15px;border-radius:999px;margin:0 0 16px;border:1px solid}
.emr .emr-tag--kek{color:#7FB0FF;border-color:rgba(127,176,255,.4);background:rgba(77,141,255,.09)}
.emr .emr-tag--lila{color:#B69CFF;border-color:rgba(182,156,255,.4);background:rgba(139,102,255,.09)}
.emr .emr-tag--turkiz{color:#5CE8CF;border-color:rgba(92,232,207,.4);background:rgba(63,224,208,.09)}
.emr .emr-title{font-family:var(--emr-disp);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:0;margin:0 0 8px;padding:0;color:var(--emr-txt);overflow-wrap:break-word}
.emr .emr-desc{font-size:14.5px;line-height:1.7;color:var(--emr-mut);margin:0 0 22px;padding:0}

.emr .emr-more{margin:-10px 0 22px;padding:0}
.emr .emr-more summary{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-family:var(--emr-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--emr-a2);cursor:pointer;list-style:none}
.emr .emr-more summary::-webkit-details-marker{display:none}
.emr .emr-more summary::after{content:"+";font-size:16px;line-height:1;transition:transform .3s var(--emr-e)}
.emr .emr-more[open] summary::after{transform:rotate(45deg)}
.emr .emr-more summary:focus-visible{outline:2px solid var(--emr-a2);outline-offset:3px;border-radius:4px}
.emr .emr-more-body{font-size:14.5px;line-height:1.7;color:var(--emr-mut);padding-top:8px}
.emr .emr-more-body p{margin:0 0 10px}
.emr .emr-more-body a{color:var(--emr-a2);text-decoration:underline}

.emr .emr-foot{margin-top:auto}
.emr .emr-metrics{display:flex;flex-wrap:wrap;gap:12px 34px;border-top:1px solid var(--emr-line);padding-top:18px;margin:0}
.emr .emr-metrics b{display:block;font-family:var(--emr-disp);font-weight:700;font-size:22px;line-height:1.3}
.emr .emr-grad{background:var(--emr-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.emr .emr-metrics span{display:block;font-size:12px;color:var(--emr-dim);font-family:var(--emr-mono);letter-spacing:.1em;text-transform:uppercase}
.emr .emr-btn{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:13px 22px;min-height:44px;border-radius:999px;border:1.5px solid var(--emr-line2);background:transparent;color:var(--emr-txt);font-family:var(--emr-disp);font-weight:600;font-size:12.5px;letter-spacing:.04em;line-height:1.3;text-decoration:none;transition:border-color .3s,color .3s}
.emr .emr-btn:hover,.emr .emr-btn:focus{border-color:var(--emr-a2);color:var(--emr-a2);text-decoration:none}
.emr .emr-btn:focus-visible{outline:2px solid var(--emr-a2);outline-offset:3px}
.emr .emr-arr{transition:transform .3s var(--emr-e)}
.emr .emr-btn:hover .emr-arr{transform:translateX(4px)}

/* ---------- Vezérlők ---------- */
.emr .emr-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:36px 0 0;padding:0}
.emr:not(.is-ready) .emr-controls,.emr:not(.is-ready) .emr-filters,.emr.is-static .emr-controls{display:none}
.emr .emr-nav{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;margin:0;padding:0;border-radius:50%;border:1.5px solid var(--emr-line2);background:rgba(10,15,30,.6);color:var(--emr-txt);cursor:pointer;transition:border-color .3s,color .3s,box-shadow .3s,opacity .3s}
.emr .emr-nav:hover,.emr .emr-nav:focus{background:rgba(10,15,30,.6);border-color:var(--emr-a2);color:var(--emr-a2)}
.emr .emr-nav:hover{box-shadow:0 0 20px rgba(63,224,208,.25)}
.emr .emr-nav:focus-visible{outline:2px solid var(--emr-a2);outline-offset:3px}
.emr .emr-nav[aria-disabled="true"],.emr .emr-nav[aria-disabled="true"]:hover{opacity:.35;cursor:default;border-color:var(--emr-line2);color:var(--emr-txt);box-shadow:none}
.emr .emr-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.emr .emr-progress{position:relative;width:min(160px,30vw);height:2px;border-radius:2px;background:var(--emr-line2);overflow:hidden}
.emr .emr-progress span{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:2px;background:var(--emr-grad);transition:left .2s linear,width .2s linear}

/* ---------- Üres állapot ---------- */
.emr .emr-empty{border:1.5px dashed var(--emr-line2);border-radius:24px;padding:44px 28px;text-align:center;color:var(--emr-mut)}
.emr .emr-empty p{margin:0}
.emr .emr-empty .emr-empty-hint{margin-top:12px;font-size:13.5px;color:var(--emr-dim)}
.emr .emr-empty a{color:var(--emr-a2);text-decoration:underline}

@media(max-width:560px){
  .emr{--emr-gap:14px}
  .emr .emr-body{padding:24px 22px 26px}
  .emr .emr-filters{margin-bottom:28px;gap:8px}
  .emr .emr-filter{padding:10px 18px}
  .emr .emr-controls{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .emr *,.emr *::before,.emr *::after{transition:none!important;animation:none!important}
  .emr .emr-card:hover,.emr .emr-card:hover .emr-img{transform:none}
}