.elementor-1023 .elementor-element.elementor-element-891d84e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-1023 .elementor-element.elementor-element-891d84e{--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS */.projects-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:15px;
  }
  
  /* responsywnie (opcjonalnie, ale polecam) */
  @media (max-width: 1024px){
    .projects-grid{ grid-template-columns:repeat(2, 1fr); }
  }
  @media (max-width: 640px){
    .projects-grid{ grid-template-columns:1fr; }
  }
  
  .project-item{
    position:relative;
    overflow:hidden;
    aspect-ratio:6/5;
  }
  
  .project-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius: 25px;
  }
  
  .img-a{
    transition:opacity .35s ease;
  }
  
  .img-b{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .35s ease;
  }
  
  .project-item:hover .img-a{ opacity:0; }
  .project-item:hover .img-b{ opacity:1; }
  
  .overlay{
    
    position:absolute;
    inset:0;
    background:rgba(30,30,30,.6);
    color:#fff;
    opacity:0;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    transition:opacity .35s ease;
    border-radius: 25px;
    pointer-events:none;
  }
  
  .project-item:hover .overlay{ opacity:1; }
  
  .overlay h3{
    margin:0 0 6px 0;
    font-size:18px;
  }
  
  .overlay p{
    margin:0;
    font-size:14px;
    opacity:.9;
    max-width:95%;
  }
  
  /* IKONA LIGHTBOXA */
  .zoom{
    position:absolute;
    top:15px;
    right:15px;
  
    width:38px;
    height:38px;
  
    border:1px solid #fff;
    border-radius:50%;
  
    display:grid;
    place-items:center;
  
    font-size:22px;
    line-height:1;
    text-decoration:none;
    color:#fff;

    pointer-events:auto;
  
    transform:translateZ(0);
    transition: 0.4s;
      
  }
  
  .zoom:hover{
    opacity:.85;
    color: #A73232;
    border-color: #A73232;
    
  }/* End custom CSS */