:root{--page-title-display:none;}/* Start custom CSS *//* KP · Portfólio: rozbaľovací pás kariet */
.elementor-element-7143fd08 { display:flex; flex-direction:row; gap:12px; height:560px; width:100%; padding:0 !important; }
.elementor-element-7143fd08 > * {
  position:relative; flex:1 1 0; min-width:0; padding:0 !important; overflow:hidden; border-radius:18px;
  background:#111; text-decoration:none; cursor:zoom-in; isolation:isolate;
  transition:flex-grow .6s cubic-bezier(.2,.8,.2,1), filter .4s ease;
}
.elementor-element-7143fd08 > *:first-child { flex-grow:5; }
.elementor-element-7143fd08 > *:hover,
.elementor-element-7143fd08 > *:focus-visible { flex-grow:5; }
.elementor-element-7143fd08:has(> :hover) > :first-child:not(:hover),
.elementor-element-7143fd08:has(> :focus-visible) > :first-child:not(:focus-visible) { flex-grow:1; }
.elementor-element-7143fd08:has(> :hover) > :not(:hover) { filter:brightness(.5) saturate(.6); }
.elementor-element-7143fd08 > *:focus-visible { outline:3px solid #FEDF07; outline-offset:4px; }

/* obrázok cez celú kartu */
.elementor-element-7143fd08 > * img {
  position:absolute !important; inset:0; width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover; transition:transform .9s cubic-bezier(.2,.8,.2,1);
}
.elementor-element-7143fd08 > *:hover img { transform:scale(1.05); }

/* tmavý prechod pod popisom */
.elementor-element-7143fd08 > *::after {
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.35) 38%, rgba(0,0,0,0) 60%);
  opacity:0; transition:opacity .4s ease;
}

/* popis: žltý štítok nad názvom */
.elementor-element-7143fd08 > * > :last-child {
  position:absolute !important; left:24px; bottom:24px; z-index:2; width:min(440px, calc(100% - 48px)); min-width:260px;
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:12px; padding:0 !important;
  opacity:0; transform:translateY(18px); transition:opacity .35s ease .12s, transform .45s cubic-bezier(.2,.8,.2,1) .12s;
}
.elementor-element-7143fd08 > * span {
  display:inline-block; white-space:nowrap; padding:6px 14px; border-radius:999px; background:#FEDF07; color:#000;
  font-family:Rajdhani; font-size:14px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; transform:rotate(-2deg);
}
.elementor-element-7143fd08 > * h3 { font-family:Changa; font-size:30px; font-weight:700; line-height:1.1; color:#fff; margin:0; }

/* rozbalený stav */
.elementor-element-7143fd08 > :first-child::after,
.elementor-element-7143fd08 > :hover::after,
.elementor-element-7143fd08 > :focus-visible::after { opacity:1; }
.elementor-element-7143fd08 > :first-child > :last-child,
.elementor-element-7143fd08 > :hover > :last-child,
.elementor-element-7143fd08 > :focus-visible > :last-child { opacity:1; transform:none; }
.elementor-element-7143fd08:has(> :hover) > :first-child:not(:hover)::after { opacity:0; }
.elementor-element-7143fd08:has(> :hover) > :first-child:not(:hover) > :last-child { opacity:0; transform:translateY(18px); }

@media (max-width:1024px) {
  .elementor-element-7143fd08 { height:460px; gap:8px; }
  .elementor-element-7143fd08 > * h3 { font-size:24px; }
}

/* mobil: posuvné karty so zachytením */
@media (max-width:767px) {
  .elementor-element-7143fd08 {
    height:auto; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
    margin:0 -20px; width:calc(100% + 40px); padding:0 20px 4px !important; scroll-padding:0 20px;
  }
  .elementor-element-7143fd08::-webkit-scrollbar { display:none; }
  .elementor-element-7143fd08 > * { flex:0 0 82% !important; height:420px; scroll-snap-align:start; filter:none !important; }
  .elementor-element-7143fd08 > *::after { opacity:1 !important; }
  .elementor-element-7143fd08 > * > :last-child { opacity:1 !important; transform:none !important; left:18px; bottom:18px; width:calc(100% - 36px); min-width:0; }
  .elementor-element-7143fd08 > * h3 { font-size:22px; }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-element-7143fd08 > *, .elementor-element-7143fd08 > * img, .elementor-element-7143fd08 > * > :last-child,
  .elementor-element-7143fd08 > *::after { transition:none !important; }
}/* End custom CSS */