.gallery-container{padding:10px 0}.categories{display:flex;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.category{margin-right:20px;padding:5px 10px;border-radius:15px;cursor:pointer;font-size:14px;transition:all .3s}.category.active{background-color:#3498db;color:white}.category:hover{background-color:#e8f4fc}.main-gallery{display:flex;flex-direction:column;gap:20px}.main-image{flex:7 1;position:relative;cursor:pointer;border-radius:1px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.2)}.main-image img{width:100%;height:400px;object-fit:cover;display:block;transition:transform .3s}.main-image:hover img{transform:scale(1.03)}.image-count{top:15px;right:15px;padding:5px 12px;border-radius:20px;font-size:14px}.image-caption,.image-count{position:absolute;background:rgba(0,0,0,.7);color:white}.image-caption{bottom:0;left:0;right:0;padding:15px;font-size:16px}.thumbnails{flex:3 1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-gap:10px;gap:10px}.thumbnail{border-radius:6px;overflow:hidden;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.1);position:relative}.thumbnail img{width:100%;height:120px;object-fit:cover;display:block;transition:transform .3s}.thumbnail:hover img{transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-image{max-width:100%;max-height:70vh;object-fit:contain}.close-modal{position:absolute;top:-40px;right:0;background:none;border:none;color:white;font-size:32px;cursor:pointer}.modal-thumbnails{display:flex;gap:8px;margin-top:16px;justify-content:center;flex-wrap:wrap}.modal-thumb{border:2px solid transparent;cursor:pointer}.modal-thumb.active{border-color:#fff}.modal-thumb img{width:60px;height:60px;object-fit:cover}.favorite-btn{display:flex;align-items:center;justify-content:center;margin-top:20px;padding:10px;background:#ff6633;color:white;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .3s}.favorite-btn:hover{background:#ff8555}.favorite-btn:before{content:"☆";margin-right:8px;font-size:18px}.Skeleton-main-gallery{display:flex;flex-direction:column;gap:20px;height:200px;animation:pulse 1.5s ease-in-out infinite}.Skeleton-main-image{flex:7 1;position:relative;overflow:hidden;background:#f0f0f0;animation:fadeIn .4s ease-out forwards}.Skeleton-thumbnails{flex:3 1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-gap:10px;gap:10px}.Skeleton-thumbnail{overflow:hidden;position:relative;background:#f0f0f0;animation:fadeIn .4s ease-out forwards}.skeleton-caption{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);color:#888;font-size:1.2rem;margin-top:0;width:90%;max-width:400px;box-sizing:border-box}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{to{opacity:1}}@media (min-width:769px){.main-gallery{flex-direction:row}.Skeleton-main-gallery{flex-direction:row;height:400px}}