/* =========================================================
   245 let – Zajímavosti (druhý návrh)
   Alternující řádky: celý snímek + text po straně,
   proplétá je světelná linka navazující na původní design.
   Styly jsou scoped pod .zaj2 a přepisují výchozí .gal-item.
   Načítat AŽ ZA style.css.
   ========================================================= */

.zaj2 .zaj2-flow{position:relative;display:flex;flex-direction:column;gap:0}

/* ---- řádek (celá plocha je klikací => otevře lightbox) ---- */
.zaj2 .zaj2-row{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:clamp(28px,5vw,72px);
  align-items:center;
  width:100%;margin:0;padding:0;
  background:transparent;border:0;
  color:inherit;font:inherit;text-align:left;cursor:pointer;
  transition:none;
}
.zaj2 .zaj2-row:hover,.zaj2 .zaj2-row:focus-visible{transform:none;border:0;outline:0}
.zaj2 .zaj2-row--right{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.zaj2 .zaj2-row--right .gi-img{order:2}
.zaj2 .zaj2-row--right .gi-cap{order:1;text-align:right}

/* ---- obrázek celý (bez oříznutí), v tmavém rámu ---- */
.zaj2 .gi-img{
  position:relative;aspect-ratio:auto;overflow:visible;
  background:#0a0a0c;border:1px solid #1d1d20;
  padding:clamp(10px,1.4vw,18px);
  display:flex;align-items:center;justify-content:center;
  transition:border-color .35s ease;
}
.zaj2 .zaj2-row:hover .gi-img,.zaj2 .zaj2-row:focus-visible .gi-img{border-color:rgba(218,33,40,.55)}
.zaj2 .gi-img img{
  width:100%;height:auto;max-height:76vh;object-fit:contain;
  filter:brightness(.9);transition:filter .5s ease,transform .6s ease;
}
.zaj2 .zaj2-row:hover .gi-img img{filter:brightness(1.02)}
.zaj2 .gi-more{bottom:auto;top:16px;right:16px}

/* svítící uzel u vnějšího okraje snímku – kotví světelnou linku */
.zaj2 .gi-img::before{
  content:"";position:absolute;z-index:3;top:50%;
  width:14px;height:14px;border-radius:50%;
  background:var(--red);box-shadow:0 0 12px 3px rgba(218,33,40,.7);
  transform:translateY(-50%);
}
.zaj2 .zaj2-row--left  .gi-img::before{left:-7px}
.zaj2 .zaj2-row--right .gi-img::before{right:-7px}

/* ---- text vedle snímku ---- */
.zaj2 .gi-cap{display:block;padding:0}
.zaj2 .gi-yr{
  display:block;margin:0 0 14px;color:var(--bone);white-space:normal;
  font-family:'din-2014','Bahnschrift','Arial Narrow',sans-serif;font-weight:700;
  font-size:clamp(36px,5vw,74px);line-height:.9;letter-spacing:-.02em;
}
.zaj2 .gi-txt{
  display:block;overflow:visible;-webkit-line-clamp:unset;
  font-size:clamp(15px,1.15vw,18px);line-height:1.7;color:#b7b7b9;max-width:46ch;
}
.zaj2 .zaj2-row--right .gi-txt{margin-left:auto}
.zaj2 .zaj2-open{
  display:inline-flex;align-items:center;gap:12px;margin-top:24px;
  font-family:'Open Sans',sans-serif;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:#e9e6df;
}
.zaj2 .zaj2-open::after{content:"";width:28px;height:1px;background:var(--red);transition:width .3s ease}
.zaj2 .zaj2-row:hover .zaj2-open{color:#fff}
.zaj2 .zaj2-row:hover .zaj2-open::after{width:44px}
.zaj2 .zaj2-row--right .zaj2-open{flex-direction:row-reverse}

/* ---- spojovací světelná linka mezi řádky ---- */
.zaj2 .zaj2-link{position:relative;width:100%;height:clamp(60px,9vw,120px);pointer-events:none}
.zaj2 .zaj2-link svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}

/* ---- responzivita: pod sebe ---- */
@media (max-width:820px){
  .zaj2 .zaj2-row,.zaj2 .zaj2-row--right{grid-template-columns:1fr;gap:20px}
  .zaj2 .zaj2-row--right .gi-img{order:0}
  .zaj2 .zaj2-row--right .gi-cap{order:0;text-align:left}
  .zaj2 .zaj2-row--right .gi-txt{margin-left:0}
  .zaj2 .zaj2-row--right .zaj2-open{flex-direction:row}
  .zaj2 .gi-img::before{display:none}
  .zaj2 .zaj2-link{height:44px}
  .zaj2 .gi-yr{font-size:clamp(30px,10vw,48px)}
}