.gms-gallery{
    width:100%;
    max-width:900px;
    margin:40px auto;
}

.gms-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:0 4px 18px rgba(0,0,0,.06);
}

.gms-image{
    padding:20px;
}

.gms-img{
    width:100%;
    display:block;
    border-radius:10px;
    cursor:zoom-in;
}

.gms-actions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    padding:0 20px 20px;
}

.gms-actions a,
.gms-actions button{
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    border:none;
    border-radius:8px;
    text-decoration:none;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    transition:.25s;
}

.gms-download{
    background:#16a34a;
    color:#fff;
}

.gms-copy{
    background:#2563eb;
    color:#fff;
}

.gms-share{
    background:#f97316;
    color:#fff;
}

.gms-download:hover,
.gms-copy:hover,
.gms-share:hover{
    transform:translateY(-2px);
}

.gms-quote{
    padding:0 20px 20px;
    font-size:17px;
    line-height:1.8;
    color:#444;
}

.gms-lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.92);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:999999;
}

.gms-lightbox-image{
    max-width:95%;
    max-height:92vh;
    border-radius:10px;
}

.gms-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:44px;
    cursor:pointer;
}

@media(max-width:768px){

    .gms-gallery{
        padding:0 15px;
    }

    .gms-image{
        padding:15px;
    }

    .gms-actions{
        grid-template-columns:1fr;
        padding:0 15px 15px;
    }

    .gms-quote{
        padding:0 15px 15px;
        font-size:16px;
    }

}