/* Add custom CSS styles below */ 

.pdp-gallery{
    max-width:1400px;
    margin:auto;
    padding:60px 20px;
}

.gallery-item{
    overflow:hidden;
    border-radius:16px;
}

.gallery-item img{
    width:100%;
    display:block;
    object-fit:cover;
    transition:.4s;
}

.gallery-item img:hover{
    transform:scale(1.05);
}

.large{
    margin-bottom:24px;
}

.large img{
    height:650px;
}

.gallery-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-bottom:24px;
}

.gallery-row img{
    height:500px;
}

/* Tablet */
@media(max-width:991px){

.large img{
    height:500px;
}

.gallery-row img{
    height:380px;
}

}

/* Mobile */
@media(max-width:768px){

.pdp-gallery{
    padding:30px 15px;
}

.gallery-row{
    grid-template-columns:1fr;
    gap:16px;
}

.large{
    margin-bottom:16px;
}

.gallery-row{
    margin-bottom:16px;
}

.large img,
.gallery-row img{
    height:auto;
}

}