.agcs-spotlight{
  display:grid;
  grid-template-columns:minmax(0,var(--agcs-left-w,55%)) minmax(0,1fr);
  gap:24px;
  align-items:stretch
}
.agcs-heading{
  grid-column:1/-1;
  font-weight:700;
  font-size:var(--agcs-heading-size,clamp(20px,2.2vw,28px));
  font-family:var(--agcs-heading-font,inherit);
  text-align:var(--agcs-heading-align,left);
  margin-bottom:2px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:var(--agcs-heading-justify, flex-start);
  gap:12px;
}
.agcs-heading.agcs-heading-seps-on::before,
.agcs-heading.agcs-heading-seps-on::after{
  content:"";
  flex:1 1 auto;
  height:var(--agcs-sep-thickness,1px);
  background:var(--agcs-sep-color,#ddd);
}
.agcs-heading.agcs-heading-seps-on.agcs-align-left::before{ flex:0.15 0 15%; }
.agcs-heading.agcs-heading-seps-on.agcs-align-left::after{ flex:1 1 auto; }
.agcs-heading.agcs-heading-seps-on.agcs-align-right::before{ flex:1 1 auto; }
.agcs-heading.agcs-heading-seps-on.agcs-align-right::after{ flex:0.15 0 15%; }

/* Left image column */
.agcs-left{position:relative;overflow:hidden;border-radius:12px;min-height:var(--agcs-main-h,520px)}
.agcs-left img{width:100%;height:var(--agcs-main-h,520px);object-fit:cover;display:block}
/* Auto mode: left follows right column height */
.agcs-main-auto .agcs-left{min-height:0;height:100%}
.agcs-main-auto .agcs-left img{height:100%}
.agcs-left-placeholder{display:flex;align-items:center;justify-content:center;min-height:var(--agcs-main-h,520px);background:#f6f7f9;border:1px dashed #cdd3d9;border-radius:12px;color:#6b7280;font-size:14px}
.agcs-main-auto .agcs-left-placeholder{min-height:0;height:100%}
/* Image right mode */
.agcs-spotlight.agcs-image-right{grid-template-columns:minmax(0,1fr) minmax(0,var(--agcs-left-w,55%))}
.agcs-spotlight.agcs-image-right .agcs-left{order:2}
.agcs-spotlight.agcs-image-right .agcs-right{order:1}


.agcs-size-guide{position:absolute;inset:auto 12px 12px auto;background:#111a;backdrop-filter:saturate(120%) blur(2px);padding:8px 10px;border-radius:10px;border:1px solid #fff3;pointer-events:none}
.agcs-size-guide-text{font-size:12px;color:#fff;white-space:nowrap}

.agcs-right{min-width:0}
.agcs-grid{display:grid;grid-template-columns:repeat(var(--agcs-cols,3),minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.agcs-card{
  display:block;
  background:var(--agcs-card-bg, #0b0b0b);
  position:relative;
  border-radius:12px;
  overflow:hidden;
  text-decoration:none;
  border:0;
  box-shadow:none;
  outline:none;
}
.agcs-thumb{margin:0;overflow:hidden;position:relative}
.agcs-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .4s ease;transform-origin:center center}
.agcs-card:hover .agcs-thumb img{transform:scale(var(--agcs-hover-scale, 1.08))}
.agcs-title{padding:8px 10px;font-size:13px;line-height:1.3;background:#fff;color:#111}
.agcs-empty{margin:0;color:#666}

.agcs-item-more .agcs-card.agcs-more{
  display:flex;align-items:center;justify-content:center;min-height:100%;
  background:var(--agcs-more-bg,#f6f7f9);
  border:1px dashed #cdd3d9;color:var(--agcs-more-fg,#111);position:relative
}
.agcs-item-more .agcs-more-inner{padding:16px 18px}
.agcs-item-more .agcs-more-text{font-weight:600;font-size:var(--agcs-more-fs,16px)}

.agcs-card{transition:transform .15s ease}
.agcs-card:hover{transform:translateY(-1px)}

@media (max-width:900px){
  .agcs-spotlight{grid-template-columns:1fr !important}
  /* Mobilon visszaállítjuk a sorrendet: kép felül (1), rács alatta (2) */
  .agcs-spotlight.agcs-image-right .agcs-left{order:1}
  .agcs-spotlight.agcs-image-right .agcs-right{order:2}

  .agcs-mobile-2col .agcs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agcs-mobile-2col .agcs-grid > .agcs-item:last-child:nth-child(odd){display:none}
  /* auto mód mobilon is működik: a bal kép a grid magasságához igazodik */
}
.agcs-editor-fallback .agcs-heading{margin-bottom:8px}