*{box-sizing:border-box}
:root{--navy:#172238;--navy2:#22314e;--green:#16a085;--coral:#f06449;--gold:#d99a24;--bg:#f4f6f8;--card:#fff;--text:#263142;--muted:#6f7b8c;--line:#e3e8ee}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:14px/1.55 Arial,Helvetica,sans-serif;padding-top:62px}
a{color:var(--green);text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3{margin:0;font-weight:700}
.siteHeader{position:fixed;top:0;left:0;right:0;height:62px;background:#fff;border-bottom:1px solid var(--line);z-index:100;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(23,34,56,.07)}
.textLogo{font-size:28px;font-weight:900;letter-spacing:-1.6px;color:var(--navy)}.textLogo span{color:var(--coral)}.textLogo small{font-size:11px;color:var(--green);letter-spacing:.2px;margin-left:3px;font-weight:800}
.siteWrap{width:100%;max-width:1050px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 0 1px rgba(0,0,0,.025)}
.seoIntro,.seoText{padding:20px 14px;text-align:center}.seoIntro{background:linear-gradient(180deg,#fff,#f8fafb)}.seoIntro h1{font-size:22px;color:var(--navy)}.seoIntro p,.seoText p{font-weight:400;color:var(--muted);max-width:850px;margin:7px auto}.seoText h2{font-size:18px;color:var(--navy);margin-top:6px}.seoText h3{font-size:16px;margin-top:15px;color:var(--coral)}
.sectionHeading,.header-1w37kti,.middle-1w37kti,.footer-1w37kti,.dj1w37kti{background:var(--navy)!important;color:#fff!important;border:0!important;margin:0!important;padding:12px 12px!important;clear:both;border-left:5px solid var(--green)!important}
.sectionHeading h1,.sectionHeading h2,.sectionHeading h3,.header-1w37kti h1,.header-1w37kti h2,.middle-1w37kti h2{font-size:16px!important;color:#fff!important;font-weight:700!important}
.categoryTiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px}.tile{padding:15px 9px;text-align:center;color:#fff;border-radius:7px;font-weight:800;box-shadow:0 2px 7px rgba(23,34,56,.08);transition:transform .15s ease,filter .15s ease}.tile:hover{transform:translateY(-1px);filter:brightness(.96)}.tile.orange{background:var(--coral)}.tile.blue{background:var(--green)}
.latestGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding:14px 11px 17px;background:#f8fafb}.coverCard{min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(23,34,56,.05);transition:transform .15s ease,box-shadow .15s ease}.coverCard:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(23,34,56,.11)}.coverCard a{display:block;position:relative;padding-bottom:9px}.coverCard img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#edf1f4}.coverType{position:absolute;top:7px;left:7px;background:var(--navy);color:#fff;padding:3px 7px;border-radius:12px;font-size:10px;font-weight:800;box-shadow:0 1px 5px rgba(0,0,0,.2)}.coverCard:nth-child(2n) .coverType{background:var(--green)}.coverTitle,.coverSinger{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:9px;padding-right:9px}.coverTitle{padding-top:8px;color:var(--navy);font-weight:800;font-size:13px}.coverSinger{padding-top:2px;color:var(--coral);font-size:12px;font-weight:600}
.linkList{padding:5px 0}.linkList a,.directory.column a,a.table,a.table-2{display:block;padding:11px 12px;border-bottom:1px solid var(--line);background:#fff;color:var(--green)!important;line-height:1.5}.linkList a:hover,.directory.column a:hover,a.table:hover,a.table-2:hover{background:#f5f8fa;color:var(--coral)!important}.multiline{color:var(--coral)}
.footerCategories{padding:12px;background:#f8fafb}.footerCategoryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.footerCategoryGrid a{display:block;padding:11px 8px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--navy);font-weight:700}.footerCategoryGrid a:hover{border-color:var(--green);color:var(--green);background:#fff}
.crumbitem,.navigate{padding:10px 12px;color:#7d8998;font-size:12px}.crumbitem ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.crumbitem li{display:inline}
.listItem.songDetail{display:flex;gap:18px;padding:15px 10px}.artwork-img{width:240px;flex:0 0 240px;text-align:center}.artwork-component-content-set{height:auto!important}.artwork-component-content-set img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;box-shadow:0 8px 20px rgba(23,34,56,.17)}.listItem dl{margin:0}.detailitem{padding:6px 0;border-bottom:1px solid var(--line);font-weight:400}.songitem,.bottomtags,.filedescription{margin:10px 0;padding:12px;background:#f8fafb;border:1px solid var(--line);color:#536071;line-height:1.7}.bottomtags h2{font-size:16px;color:var(--navy)}
.dj1w37kti-group{display:block;margin:0}.dj1w37kti-group-area{padding:11px 10px;border-bottom:1px solid var(--line)}.dj1w37kti-info{color:var(--coral);font-weight:700}.pagination,.next{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 10px!important}.pagination a,.pagination span,.next a{padding:7px 10px;border:1px solid var(--line);background:#fff;border-radius:4px}.pagination a:hover,.next a:hover{background:var(--green);color:#fff;border-color:var(--green)}.upcoming{color:#777}.no-data{padding:30px 12px;text-align:center}.siteFooter{background:var(--navy);color:#fff;padding:15px;text-align:center;margin-top:0;border-top:4px solid var(--green)}.otherStuff{clear:both}audio{max-width:100%}.top-1w37kti,.gcse-search{display:none!important}
@media(max-width:700px){.latestGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px}.listItem.songDetail{display:block}.artwork-img{width:300px;max-width:calc(100vw - 24px);margin:0 auto 14px}.seoIntro h1{font-size:19px}.footerCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.latestGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{font-size:13px;padding:13px 5px}.siteWrap{max-width:none}.footerCategoryGrid{grid-template-columns:1fr 1fr}.textLogo{font-size:26px}}


/* Homepage plain-text updates */
.homeUpdates{margin:0 0 10px}.plainUpdates{width:100%;background:#fff;border:1px solid var(--line);border-top:0}.updatesDate{background:#2f8ee5;color:#fff;padding:7px 10px;border-bottom:1px solid #1f73bd}.updatesDate h2{margin:0;color:#fff;font-size:17px;line-height:1.3;font-weight:800}.updateRow{padding:7px 8px;border-bottom:1px dotted #dfe4ea;font-size:15px;line-height:1.45;font-weight:700;overflow-wrap:anywhere}.updateRow:last-child{border-bottom:0}.updateCategory{color:#f05b40}.updateDash,.updateComma{color:#394b6e}.updateSong,.updateMore{color:#38558e}.updateSong:hover,.updateMore:hover{text-decoration:underline}.updateSinger{color:#087b10}.updateMore{font-weight:800;white-space:nowrap}
@media(max-width:700px){.updatesDate h2{font-size:16px}.updateRow{font-size:14px;padding:8px 7px;line-height:1.55}}

/* ===== DJPunjab Latest Updates - theme matched ===== */
.latestTextUpdates,
.updatesBox,
.homeUpdates{
    width:100%;
    margin:0;
    background:#fff;
    border:1px solid #dfe5ec;
    border-left:5px solid #18a88b;
    box-shadow:none;
}

.latestTextUpdates .updatesTitle,
.updatesBox .updatesTitle,
.homeUpdates .updatesTitle,
.updates-heading{
    margin:0;
    padding:12px 14px;
    background:#17243d !important;
    color:#fff !important;
    border:0 !important;
    border-bottom:1px solid #24344f !important;
    font-size:18px;
    font-weight:700;
    line-height:1.35;
}

.latestTextUpdates .updateRow,
.updatesBox .updateRow,
.homeUpdates .updateRow,
.update-row{
    padding:10px 10px;
    background:#fff;
    border-top:1px solid #e5e9ef;
    color:#17243d;
    line-height:1.55;
}

.latestTextUpdates .updateRow:first-of-type,
.updatesBox .updateRow:first-of-type,
.homeUpdates .updateRow:first-of-type{
    border-top:0;
}

.updateCat,
.update-category{
    color:#f45f49 !important;
    font-weight:800;
}

.updateSong,
.update-song{
    color:#35558c !important;
    font-weight:700;
}

.updateSinger,
.update-singer{
    color:#07851f !important;
    font-weight:700;
}

.updateMore,
.update-more{
    color:#35558c !important;
    font-weight:800;
}

@media(max-width:700px){
    .latestTextUpdates .updatesTitle,
    .updatesBox .updatesTitle,
    .homeUpdates .updatesTitle,
    .updates-heading{
        padding:10px 9px;
        font-size:17px;
    }
    .latestTextUpdates .updateRow,
    .updatesBox .updateRow,
    .homeUpdates .updateRow,
    .update-row{
        padding:9px 8px;
    }
}

/* ===== FINAL EXACT MATCH: Updates section ===== */
.homeUpdates{margin:0 0 10px!important}

.plainUpdates{
    width:100%!important;
    background:#fff!important;
    border:1px solid #dfe5ec!important;
    border-left:5px solid #18a88b!important;
    border-top:0!important;
}

.updatesDate{
    background:#17243d!important;
    color:#fff!important;
    padding:12px 14px!important;
    border:0!important;
    border-bottom:1px solid #24344f!important;
}

.updatesDate h2{
    margin:0!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.35!important;
    font-weight:700!important;
}

.updateRow{
    padding:10px 10px!important;
    background:#fff!important;
    border-bottom:1px solid #e5e9ef!important;
    font-size:15px!important;
    line-height:1.55!important;
}

.updateRow:last-child{border-bottom:0!important}
.updateCategory{color:#f45f49!important;font-weight:800!important}
.updateDash,.updateComma{color:#17243d!important}
.updateSong,.updateMore{color:#35558c!important;font-weight:700!important}
.updateSinger{color:#07851f!important;font-weight:700!important}

@media(max-width:700px){
    .updatesDate{padding:10px!important}
    .updatesDate h2{font-size:16px!important}
    .updateRow{padding:9px 8px!important;font-size:14px!important}
}

/* ===== DJPunjab HOME UPDATES - FINAL SITE MATCH ===== */
.homeUpdates{margin:0 0 10px!important;width:100%!important}
.plainUpdates{
    width:100%!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #dfe5ec!important;
    border-left:5px solid #18a88b!important;
    border-top:0!important;
}
.updatesDate{
    margin:0!important;
    padding:12px 14px!important;
    background:#17243d!important;
    color:#fff!important;
    border:0!important;
    border-bottom:1px solid #24344f!important;
}
.updatesDate h1,.updatesDate h2,.updatesDate h3{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:#fff!important;
    border:0!important;
    font-size:17px!important;
    line-height:1.35!important;
    font-weight:700!important;
}
.updateRow{
    margin:0!important;
    padding:10px 10px!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #e5e9ef!important;
    color:#17243d!important;
    font-size:15px!important;
    line-height:1.55!important;
}
.updateRow:last-child{border-bottom:0!important}
.updateCategory{color:#f45f49!important;font-weight:800!important}
.updateDash,.updateComma{color:#17243d!important}
.updateSong,.updateMore{color:#35558c!important;font-weight:700!important}
.updateSinger{color:#07851f!important;font-weight:700!important}
@media(max-width:700px){
    .updatesDate{padding:10px!important}
    .updatesDate h1,.updatesDate h2,.updatesDate h3{font-size:16px!important}
    .updateRow{padding:9px 8px!important;font-size:14px!important}
}

/* ===== Song / Album detail layout ===== */
.mediaDetailWrap{
  display:grid;
  grid-template-columns:minmax(220px,320px) minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding:22px 18px;
  background:#fff;
  border-left:1px solid #e3e8ef;
  border-right:1px solid #e3e8ef;
}
.mediaCoverCol{min-width:0}
.mediaCover{
  display:block;
  width:100%;
  max-width:320px;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 8px 22px rgba(23,36,61,.12);
  background:#eef1f5;
}
.mediaInfoCol{min-width:0;padding-top:2px}
.mediaInfoList{margin:0;padding:0;max-width:620px}
.mediaInfoRow{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:11px 0;
  border-bottom:1px solid #e4e8ee;
  font-size:15px;
  line-height:1.45;
}
.mediaInfoRow dt{margin:0;font-weight:700;color:#17243d}
.mediaInfoRow dd{margin:0;min-width:0;color:#46556a;overflow-wrap:anywhere}
.mediaInfoRow dd a{color:#08a488;font-weight:600}
.whatsappShare{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:14px;
  min-height:38px;
  padding:0 15px;
  border-radius:7px;
  background:#20bf55;
  color:#fff!important;
  font-weight:700;
  font-size:13px;
}
.mediaDescription{
  clear:both;
  width:100%;
  padding:16px 18px 18px;
  background:#f8fafc;
  border:1px solid #e3e8ef;
}
.mediaDescription h2{
  margin:0 0 7px;
  font-size:15px;
  line-height:1.35;
  color:#07851f;
}
.mediaDescription p{
  margin:0;
  color:#536176;
  font-size:14px;
  line-height:1.7;
  font-weight:400;
}
.middle-1w37kti h2{margin:0;color:inherit;font-size:inherit}
@media(max-width:700px){
  .mediaDetailWrap{grid-template-columns:1fr;gap:18px;padding:16px 12px}
  .mediaCover{width:min(300px,100%);margin:0 auto}
  .mediaInfoList{max-width:none}
  .mediaInfoRow{grid-template-columns:86px minmax(0,1fr);gap:8px;padding:10px 0;font-size:14px}
  .mediaDescription{padding:14px 12px 16px}
}
@media(max-width:420px){
  .mediaInfoRow{grid-template-columns:76px minmax(0,1fr);font-size:13px}
}