.kjh-effect-photo-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#fbf8f5!important;
  --window:84%;
}
.kjh-effect-photo-card[data-kjh-effect-patched="1"] > *:not(.kjh-effect-photo-layer):not(.kjh-effect-photo-shade):not(.kjh-effect-copy){
  opacity:0!important;
  visibility:hidden!important;
}
.kjh-effect-photo-card>.kjh-effect-photo-layer{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  width:var(--window)!important;
  transform:translateX(-50%)!important;
  z-index:20!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-position:var(--x,50%) var(--y,50%)!important;
  background-size:auto var(--zoom,100%)!important;
  background-color:#fbf8f5!important;
  pointer-events:none!important;
}
.kjh-effect-photo-card>.kjh-effect-photo-shade{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  width:var(--window)!important;
  transform:translateX(-50%)!important;
  z-index:21!important;
  display:block!important;
  background:linear-gradient(180deg,rgba(24,12,10,0) 42%,rgba(20,9,9,.50) 100%)!important;
  pointer-events:none!important;
}
.kjh-effect-photo-card>.kjh-effect-copy{
  position:absolute!important;
  left:calc((100% - var(--window))/2 + 34px)!important;
  bottom:28px!important;
  z-index:22!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
  color:#fff!important;
  pointer-events:none!important;
  text-shadow:0 1px 14px rgba(0,0,0,.22)!important;
}
.kjh-effect-photo-card>.kjh-effect-copy strong{
  display:block!important;
  color:#fff!important;
  font-family:"Bodoni Moda",Georgia,serif!important;
  font-size:clamp(36px,3.4vw,62px)!important;
  font-weight:400!important;
  line-height:.95!important;
  letter-spacing:-.035em!important;
}
.kjh-effect-photo-card>.kjh-effect-copy span{
  display:block!important;
  color:rgba(255,255,255,.9)!important;
  font-family:"Montserrat",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
@media(max-width:767px){
  .kjh-effect-photo-card{--window:100%;}
  .kjh-effect-photo-card>.kjh-effect-copy{left:20px!important;bottom:18px!important;}
  .kjh-effect-photo-card>.kjh-effect-copy strong{font-size:34px!important;}
}


/* v2.4.0 — STAŁE PROPORCJE OKIEN BEFORE / AFTER
   Szerokość może się zmieniać, ale format obu okien zawsze pozostaje identyczny. */
.kjh-effect-photo-card{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:2.05 / 1!important;
}

/* ta sama proporcja na każdym breakpointcie */
@media(max-width:980px){
  .kjh-effect-photo-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:2.05 / 1!important;
  }
}
@media(max-width:767px){
  .kjh-effect-photo-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:2.05 / 1!important;
  }
}