.gallery{width:70%;margin:0 auto;padding-top:var(--navbar-height);h1{color:#fff;font-size:40px}h1,p{text-align:center}p{color:#ccc;font-size:20px;font-family:Quicksand,serif;margin:0;padding:2px}}@media screen and (max-width:768px){.gallery{width:95%;padding-top:var(--phone-padding)}}.modal-overlay{position:fixed;top:0;left:0;height:100vh;background-color:rgba(0,0,0,.9);z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content,.modal-overlay{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.modal-content{position:relative;height:100%;padding:20px;box-sizing:border-box}.modal-content img{max-height:100vh;max-width:100vw;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 0 30px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;direction:ltr;margin-top:2rem}.gallery-item{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:10px;transition:transform .3s}.gallery-item:hover{transform:scale(1.1)}.gallery-item img{width:100%;height:100%;object-fit:cover}.delete-button{position:absolute;bottom:10px;right:10px;background-color:#f44;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .3s}.gallery-item:hover .delete-button{opacity:1}.delete-button:hover{background-color:#c00}@media screen and (max-width:968px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.gallery{width:95%}.gallery-grid{gap:1rem}}@media screen and (max-width:576px){.gallery-grid{grid-template-columns:1fr}}