.ygc-container { text-align:center; max-width:800px; margin:auto; }
.ygc-thumbs { display:flex; gap:10px; overflow-x:auto; justify-content:center; }
.ygc-thumb { border-color:#f3f3f3; cursor:pointer; width:120px; height:120px; border-radius:50%; overflow:hidden; border:8px solid transparent; transition:.3s; }
.ygc-thumb img { width:100%; height:100%; object-fit:cover; }
.ygc-thumb.active { border-color:#93268f; }
.ygc-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.8); align-items:center; justify-content:center; }
.ygc-modal.active { display:flex; }
.ygc-modal-content { background:white; padding:20px; border-radius:10px; max-width:700px; width:90%; position:relative; }
.ygc-close { position:absolute; top:10px; right:15px; cursor:pointer; font-size:26px; }