.all-burger-section{
    border: 2px solid var(--primary-clr);
    border-top: none;
    width: 100%;
    height: 100%;
  }
  
  .allburg-textblock{
    padding-block: 6%;
  }
  .burg-textcenter{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 3rem;
   text-align: center;
   max-width: 70rem;
   margin-inline: auto;
  
  }
  .burg-textcenter>h1{
    font-size: var(--brg-heading);
    text-transform: uppercase;
    line-height: 1;
  }
  
  
.all-burger-showcase  {
    grid-template-columns: repeat(auto-fit,minmax(32rem,1fr));
    gap: 4.8rem;
    padding: 2rem;
    overflow: hidden;
}

.all-burg-product-box{
    border: 2px solid var(--primary-clr);
    display: flex;
  flex-direction: column;
    max-width: 100%;
    transition: transform,box-shadow;
  transition-timing-function: ease-in-out;
  transition-duration: 300ms;
  }

.allbrg-imgcol > img{
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
}
.allburg-prtitle{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 1rem;
flex-direction:column;
font-size: 1.8rem;
font-weight: bold;
word-spacing: .5rem;
border-top: 2px solid var(--primary-clr);
position: relative;
}
.position-title{
  position: relative;
}
.overlay-title{
  position: absolute;
transform: scaleY(0);
  width: 100%;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: bottom;
  transition: transform,opacity;
  transition-timing-function: ease;
  transition-duration: 300ms,200ms;
  background: var(--primary-clr);
  color: white;
opacity: 0;
}
.all-burg-product-box:hover{
  transform: translate(-.5rem,-.5rem);
  box-shadow: 6px 6px 0 0 var(--primary-clr);
}

.all-burg-product-box:hover .overlay-title{
  transform: scaleY(1);
  opacity: 1;
}