.haroop-ba-gallery-container{width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0 auto}.ba-category-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;justify-content:flex-start}.ba-cat-btn{padding:12px 28px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all 0.25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px 0 rgb(0 0 0 / .1)}.ba-cat-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px rgb(59 130 246 / .15)}.ba-cat-btn.active{background:#333;color:#fff;border-color:#333;box-shadow:0 4px 16px rgb(51 51 51 / .25)}.ba-subcategory-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;justify-content:flex-start;padding:16px 20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.ba-third-level-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;justify-content:flex-start;padding:12px 16px;background:#f1f5f9;border-radius:10px;border:1px solid #d1d5db;margin-left:20px}.ba-fourth-level-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;justify-content:flex-start;padding:10px 14px;background:#e2e8f0;border-radius:8px;border:1px solid #cbd5e1;margin-left:40px}.ba-third-btn{padding:6px 14px;background:#fff;border:1.5px solid #cbd5e1;border-radius:7px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all 0.2s ease}.ba-third-btn:hover{border-color:#94a3b8;color:#334155;background:#f8fafc}.ba-third-btn.active{background:#475569;color:#fff;border-color:#475569;box-shadow:0 2px 8px rgb(71 85 105 / .2)}.ba-fourth-btn{padding:5px 12px;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all 0.2s ease}.ba-fourth-btn:hover{border-color:#94a3b8;color:#334155;background:#f8fafc}.ba-fourth-btn.active{background:#64748b;color:#fff;border-color:#64748b;box-shadow:0 2px 6px rgb(100 116 139 / .2)}.ba-subcat-btn{padding:8px 18px;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all 0.2s ease}.ba-subcat-btn:hover{border-color:#9ca3af;color:#374151;background:#f3f4f6}.ba-subcat-btn.active{background:#4b5563;color:#fff;border-color:#4b5563;box-shadow:0 2px 8px rgb(75 85 99 / .2)}.ba-gallery-grid{display:grid;gap:24px;margin-bottom:40px}.ba-gallery-grid.cols-1{grid-template-columns:1fr}.ba-gallery-grid.cols-2{grid-template-columns:repeat(2,1fr)}.ba-gallery-grid.cols-3{grid-template-columns:repeat(3,1fr)}.ba-gallery-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgb(0 0 0 / .05),0 1px 2px rgb(0 0 0 / .06)}.ba-gallery-item:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgb(0 0 0 / .12),0 6px 12px rgb(0 0 0 / .08);border-color:#d1d5db}.ba-image-wrapper{position:relative}.ba-direction-tabs{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:rgb(255 255 255 / .95);border-radius:24px;padding:6px;box-shadow:0 4px 12px rgb(0 0 0 / .15);z-index:10;backdrop-filter:blur(8px)}.ba-dir-tab{padding:8px 20px;background:#fff0;border:none;border-radius:18px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all 0.2s ease;text-align:center;white-space:nowrap}.ba-dir-tab:hover{background:rgb(241 245 249 / .8);color:#334155}.ba-dir-tab.active{background:#1e293b;color:#fff}.ba-images{display:grid;grid-template-columns:repeat(2,1fr);gap:0;position:relative}.ba-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f8fafc}.ba-image.ba-before{border-right:2px solid #f1f5f9}.ba-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.ba-gallery-item:hover .ba-img{transform:scale(1.05)}.ba-image-label{position:absolute;top:5px;left:5px;background:rgb(0 0 0 / .45);color:#fff;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.5px;z-index:10;backdrop-filter:blur(4px)}.ba-image-label.after{background:rgb(51 51 51 / .9)}.ba-before.locked{position:relative}.ba-login-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20}.ba-login-content{text-align:center;color:#fff;padding:20px}.ba-lock-icon{font-size:48px;display:block;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.ba-login-content p{margin:0 0 20px;font-size:15px;font-weight:500}.ba-login-btn{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-decoration:none;border-radius:100px;font-weight:600;font-size:14px;transition:all 0.2s ease;box-shadow:0 4px 12px rgb(102 126 234 / .4)}.ba-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(102 126 234 / .6)}.ba-item-title{padding:18px 24px;font-size:16px;font-weight:600;color:#fff;text-align:left;border-top:1px solid #e5e7eb;background:#333;letter-spacing:-.01em;line-height:1.5}.ba-empty-message{grid-column:1 / -1;text-align:center;padding:80px 20px;color:#94a3b8}.ba-empty-message p{margin:0;font-size:16px}.ba-pagination{display:flex;justify-content:center;align-items:center;margin-top:48px}.ba-pagination ul,.ba-pagination .page-numbers{display:inline-flex;gap:6px;list-style:none;padding:0;margin:0;align-items:center}.ba-pagination ul li,.ba-pagination .page-numbers li{display:inline-block;list-style:none}.ba-pagination a,.ba-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:5px 10px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgb(0 0 0 / .05)}.ba-pagination a:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b;transform:translateY(-1px);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.ba-pagination .current{background:#1e293b;color:#fff;border-color:#1e293b;box-shadow:0 2px 8px rgb(30 41 59 / .3)}.ba-pagination .dots{border:none;background:#fff0;box-shadow:none;color:#94a3b8}.ba-pagination .prev,.ba-pagination .next{font-weight:600;padding:0 16px}@media (max-width:1024px){.ba-gallery-grid.cols-3{grid-template-columns:repeat(2,1fr)}.ba-category-filter{gap:8px}.ba-cat-btn{padding:8px 16px;font-size:14px}}@media (max-width:767px){.ba-gallery-grid{gap:16px}.ba-gallery-grid.cols-2,.ba-gallery-grid.cols-3{grid-template-columns:1fr}.ba-category-filter{gap:6px;margin-bottom:20px}.ba-cat-btn{padding:8px 16px;font-size:13px}.ba-subcategory-filter{padding:12px;margin-bottom:16px}.ba-subcat-btn{padding:6px 12px;font-size:12px}.ba-third-level-filter{margin-left:10px;padding:10px 12px}.ba-fourth-level-filter{margin-left:20px;padding:8px 10px}.ba-third-btn{padding:5px 10px;font-size:12px}.ba-fourth-btn{padding:4px 8px;font-size:11px}.ba-item-title{font-size:14px;padding:12px 16px}.ba-direction-tabs{padding:4px;gap:6px;bottom:12px}.ba-dir-tab{padding:6px 16px;font-size:12px}.ba-image-label{padding:4px 10px;font-size:11px}.ba-login-content{padding:16px}.ba-lock-icon{font-size:36px;margin-bottom:12px}.ba-login-content p{font-size:14px;margin-bottom:16px}.ba-login-btn{padding:10px 24px;font-size:13px}.ba-pagination a,.ba-pagination span{padding:8px 12px;font-size:13px}}.ba-gallery-grid.cols-1 .ba-images{max-width:100%}.ba-gallery-grid.cols-1 .ba-image{aspect-ratio:16/9}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ba-gallery-item{animation:fadeIn 0.4s ease forwards}.ba-img{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.ba-img[src]{animation:none;background:#fff0}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}