/* DJ Chhotu Sound - Professional auto gallery */
.dj-gallery-wrap{position:relative}
.dj-gallery-kicker{display:block;text-align:center;font-size:12px;letter-spacing:3px;font-weight:900;color:#ff5b78;margin-bottom:7px}
.dj-gallery-title{text-align:center;margin:0 0 8px;font-size:clamp(34px,5vw,58px);line-height:1.05;font-weight:900}
.dj-gallery-title span{background:linear-gradient(90deg,#ff3158,#ff7a18);-webkit-background-clip:text;background-clip:text;color:transparent}
.dj-gallery-sub{text-align:center;color:#8f96a6;margin:0 auto 32px;max-width:680px}
.dj-gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:210px 210px;gap:14px;min-height:434px}
.dj-gallery-card{position:relative;display:block;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:#111119;box-shadow:0 18px 60px rgba(0,0,0,.32);isolation:isolate;cursor:pointer}
.dj-gallery-card.main{grid-row:1 / span 2}
.dj-gallery-card.is-hidden{display:none}
.dj-gallery-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,opacity .35s ease;opacity:1}
.dj-gallery-card:hover img{transform:scale(1.045)}
.dj-gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.82) 100%);z-index:1;pointer-events:none}
.dj-gallery-card::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,49,88,0);border-radius:20px;z-index:3;transition:border-color .25s,box-shadow .25s;pointer-events:none}
.dj-gallery-card:hover::before,.dj-gallery-card.active::before{border-color:rgba(255,49,88,.55);box-shadow:inset 0 0 35px rgba(255,49,88,.10)}
.dj-gallery-caption{position:absolute;z-index:2;left:18px;right:18px;bottom:14px;color:#fff;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;font-size:14px;text-shadow:0 2px 10px #000}
.dj-gallery-caption small{display:block;color:#ff6680;font-size:9px;letter-spacing:2px;margin-top:3px}
.dj-gallery-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px}
.dj-gallery-btn{border:1px solid rgba(255,255,255,.12);background:#111119;color:#fff;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}
.dj-gallery-btn:hover{border-color:rgba(255,49,88,.55);background:#17121a}
.dj-gallery-dots{display:flex;gap:6px;align-items:center;margin:0 8px}
.dj-gallery-dot{width:7px;height:7px;border-radius:50%;background:#343441;border:0;padding:0;cursor:pointer}
.dj-gallery-dot.active{width:22px;border-radius:10px;background:linear-gradient(90deg,#ff3158,#ff7a18)}
.dj-gallery-progress{height:3px;width:min(520px,80%);margin:16px auto 0;background:#1c1c26;border-radius:20px;overflow:hidden}
.dj-gallery-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff3158,#ff7a18)}
.dj-gallery-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.90);display:none;align-items:center;justify-content:center;padding:24px}
.dj-gallery-lightbox.open{display:flex}
.dj-gallery-lightbox img{max-width:min(1200px,94vw);max-height:88vh;object-fit:contain;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.7)}
.dj-gallery-close,.dj-gallery-prev,.dj-gallery-next{position:absolute;border:1px solid rgba(255,255,255,.16);background:rgba(15,15,22,.9);color:#fff;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:22px}
.dj-gallery-close{top:20px;right:20px}.dj-gallery-prev{left:22px}.dj-gallery-next{right:22px}
.dj-gallery-lightbox-title{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#fff;font-weight:800;background:rgba(10,10,15,.78);padding:8px 14px;border-radius:999px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.dj-gallery-grid{grid-template-columns:1.5fr 1fr;grid-template-rows:200px 200px}.dj-gallery-card.main{grid-row:1 / span 2}.dj-gallery-card:nth-child(n+4){display:none}}
@media(max-width:600px){.dj-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 145px}.dj-gallery-card.main{grid-column:1 / span 2;grid-row:auto}.dj-gallery-card:nth-child(n+4){display:none}.dj-gallery-caption{left:12px;right:12px;bottom:10px;font-size:11px}.dj-gallery-title{font-size:34px}.dj-gallery-sub{font-size:13px}.dj-gallery-lightbox{padding:12px}.dj-gallery-prev{left:10px}.dj-gallery-next{right:10px}}
@media(prefers-reduced-motion:reduce){.dj-gallery-card img{transition:none}.dj-gallery-progress span{transition:none}}
.dj-gallery-grid.count-4 .dj-gallery-card:nth-child(4){grid-column:2 / span 2}
@media(max-width:900px){.dj-gallery-grid.count-4 .dj-gallery-card:nth-child(4){grid-column:auto}}
