.masonry-gallery-container{display:flex;flex-wrap:wrap;overflow-x:hidden;gap:1px;justify-content:center;margin:0;max-width:100%}.gallery-controls{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{background:#fff;border:2px solid #E2E8F0;padding:10px 24px;border-radius:50px;font-weight:600;color:#2A2D43;cursor:pointer;transition:all 0.3s ease;font-size:14px;position:relative;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.filter-btn.active,.filter-btn:hover{background:#6C63FF;color:#fff;border-color:#6C63FF}.masonry-gallery{column-count:3;column-gap:25px;width:100%}.gallery-item{break-inside:avoid;margin-bottom:25px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 30px rgb(0 0 0 / .08);transition:all 0.3s ease;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.gallery-item:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgb(0 0 0 / .15)}.gallery-item img{width:100%;height:auto;display:block;transition:all 0.3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item .item-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(0 0 0 / .8),transparent);color:#fff;padding:20px;transform:translateY(100%);transition:all 0.3s ease}.gallery-item:hover .item-info{transform:translateY(0)}.item-info h4{font-size:16px;margin-bottom:5px;font-weight:600}.item-info .category{display:inline-block;background:#6C63FF;color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:8px}.price-badge{display:inline-block;background:#FF6584;color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-left:5px}.free-badge{display:inline-block;background:#4CAF50;color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-left:5px}.masonry-gallery-empty{text-align:center;padding:60px;color:#666;font-style:italic;background:#f8f9fa;border-radius:12px}@media (max-width:991px){.masonry-gallery{column-count:2!important}.gallery-item{margin-bottom:20px!important}}@media (max-width:575px){.masonry-gallery{column-count:2!important}.gallery-item{margin-bottom:15px!important}.gallery-item img{width:100%!important;height:auto!important;max-width:100%!important}}.filter-btn::after{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}