.cg-thumb{position:relative;width:100%;overflow:hidden;aspect-ratio:4 / 3}.cg-thumb-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform 0.3s ease}.cg-card:hover .cg-thumb-img{transform:scale(1.05)}.cg-count{position:absolute;top:10px;right:10px;background:rgb(88 136 123 / .9);color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;z-index:1}.cg-pagination .page-numbers{padding:8px 15px;border-radius:5px;text-decoration:none;background:#f8f9fa;color:#333;border:1px solid #ddd;font-weight:500;display:inline-block}.cg-pagination .page-numbers.current{background:#58887b;color:#fff;border-color:#58887b}.cg-pagination .dots{border:none;background:#fff0;color:#999}.cg-pagination .page-numbers:hover:not(.current,.dots){background:#e9ecef}.sd-filters{display:flex;align-items:center;gap:15px}.clear-btn{text-decoration:none;color:#ff4d4d;font-size:14px;font-weight:600;padding:8px 12px;border:1px solid #ff4d4d;border-radius:4px;transition:all 0.3s}.clear-btn:hover{background:#ff4d4d;color:#fff}button#sd-reset-filters{padding:6px 25px;height:40px}.cg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cg-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .08);transition:0.3s}.cg-card:hover{transform:translateY(-5px)}.cg-thumb{position:relative;line-height:0}.cg-thumb img{height:100%!important;width:100%;object-fit:contain}.cg-count{background-color:var(--e-global-color-3405065);color:#fff;padding:3px 15px;font-size:12px;border-radius:20px;margin:0;min-width:90px;text-align:center;position:absolute;line-height:22px;top:10px;right:10px;box-shadow:0 0 16px #58887b}.cg-content{position:relative;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f1f1f1}.cg-content h3{font-size:18px!important;margin:0}@media(max-width:992px){.cg-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cg-grid{grid-template-columns:1fr}.cg-banner-content h2{font-size:22px}}.cg-right{display:flex;align-items:center;gap:8px}.cg-arrow{min-width:32px;height:32px;border-radius:50%;background:#e6f2ef;background:var(--e-global-color-3405065);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.3s ease}.cg-card:hover .cg-arrow{background:var(--e-global-color-primary);transform:translateX(5px)}.vd-player{position:relative;width:100%;border-radius:16px;overflow:hidden;align-content:center}.custom-video{height:100%;aspect-ratio:16 / 9;background:#000}.vd-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.vd-info{margin-top:15px;font-size:16px;color:#333;text-align:center}.vd-info-box{margin-top:20px;padding:15px 20px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 5px 20px rgb(0 0 0 / .08);flex-wrap:wrap}.vd-user{display:flex;align-items:center;gap:12px}.vd-avatar{width:45px;height:45px;border-radius:50%;background:#2e7d6b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.vd-name{font-weight:600;font-size:16px;line-height:20px}.vd-age{color:#777}.vd-divider{width:1px;height:40px;background:#eee}.vd-date{color:#555}.vd-top-info{margin-bottom:20px}.vd-song{font-size:28px;margin:0 0 5px;font-weight:600}.vd-video-title{margin:0;color:#777;font-size:14px}.vd-meta-box{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}.vd-meta-item{display:flex;align-items:center;gap:6px;background:#fff;padding:6px 12px;border-radius:20px;font-size:13px;box-shadow:0 3px 10px rgb(0 0 0 / .08)}.vd-icon{font-size:14px}@media(max-width:600px){.vd-song{font-size:22px}}@media(max-width:600px){.vd-info-box{flex-direction:column;align-items:flex-start}.vd-divider{display:none}}.vd-info-bar{margin-bottom:40px;padding:15px 20px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 5px 20px rgb(0 0 0 / .08);flex-wrap:wrap}.vd-info-item{display:flex;align-items:center;gap:12px;transition:0.3s}.vd-info-item:hover{transform:translateY(-3px)}.vd-icon-circle{width:42px;height:42px;border-radius:50%;background:#517d71;color:#2e7d6b;display:flex;align-items:center;justify-content:center;font-size:16px}.vd-sub{font-size:14px}.vd-info-grid{display:grid;gap:15px}.vd-info-card{background:#fff;border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:12px;box-shadow:0 5px 20px rgb(0 0 0 / .06);transition:0.3s;justify-content:center;align-items:center;text-align:center}.vd-info-card:hover{transform:translateY(-4px)}.vd-container{display:grid;grid-template-columns:30% 68%;gap:30px}@media (max-width:767px){.vd-container{grid-template-columns:1fr}.vd-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.vd-info-grid{grid-template-columns:1fr}}.sd-total{display:flex;align-items:center;gap:20px;font-size:20px}.sd-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap}.sd-filters{display:flex;flex-wrap:wrap;gap:12px}.sd-select{position:relative}.sd-select select{appearance:none;-webkit-appearance:none;padding:10px 40px 10px 15px;border-radius:25px;border:none;background:#fff;font-size:14px;box-shadow:0 3px 8px rgb(0 0 0 / .08);cursor:pointer}.sd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sd-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 15px rgb(0 0 0 / .08);cursor:pointer;transition:0.3s}.sd-card:hover{transform:translateY(-6px)}.sd-container p{margin:0;display:flex;gap:5px;align-items:center}.sd-card .sd-name{margin:0}.sd-thumb{position:relative;line-height:0;aspect-ratio:4 / 3;overflow:hidden}.sd-thumb img{width:100%;height:100%!important;object-fit:contain}.sd-views{background-color:var(--e-global-color-3405065);color:#fff;padding:3px 15px;font-size:12px;border-radius:20px;margin:0;min-width:90px;text-align:center;position:absolute;line-height:22px;top:10px;right:10px;box-shadow:0 0 16px #58887b}.sd-content{padding:15px;border-top:1px solid #f1f1f1}.sd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sd-meta,.sd-age{color:#666;font-size:15px}.custom-select{position:relative;width:180px;font-size:14px}.select-selected{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 15px;border-radius:25px;box-shadow:0 3px 10px rgb(0 0 0 / .08);cursor:pointer;line-height:20px}.select-arrow{display:flex;transition:0.3s}.custom-select.active .select-arrow{transform:rotate(180deg)}.select-items{display:none}.custom-select.active .select-items{display:block}.select-items{position:absolute;background:#fff;top:110%;left:0;right:0;border-radius:12px;box-shadow:0 6px 20px rgb(0 0 0 / .1);display:none;overflow:hidden;z-index:99}.select-items div{padding:10px 15px;cursor:pointer;transition:0.2s;line-height:20px}.select-items div:hover{background:#f5f5f5}.select-items div.active{background:#2e7d6b;color:#fff}.custom-select.active .select-items{display:block}.cg-arrow{min-width:32px;height:32px;border-radius:50%;background:#e6f2ef;background:var(--e-global-color-3405065);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.3s ease}.sd-card:hover .cg-arrow{background:var(--e-global-color-primary);transform:translateX(5px)}.sd-meta{display:flex;align-items:center;gap:12px;justify-content:space-between}.meta-inner{display:flex;gap:3px 15px;flex-wrap:wrap}@media(max-width:992px){.sd-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sd-grid{grid-template-columns:1fr}}