/* Tehran Song 8.1.14 — cache-safe exclusive albums layout */
body.home .home-exclusive-albums{
 display:block!important;
 width:100%!important;
 max-width:100%!important;
 margin-bottom:24px!important;
 padding:18px!important;
 overflow:hidden!important;
 border:1px solid var(--line)!important;
 border-radius:22px!important;
 background:var(--panel)!important;
 box-shadow:var(--shadow)!important;
}
body.home .home-exclusive-albums .section-heading>a{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-height:38px!important;
 padding:7px 14px!important;
 border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line))!important;
 border-radius:11px!important;
 background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;
 color:var(--accent)!important;
 font-size:11px!important;
 font-weight:900!important;
 white-space:nowrap!important;
}
body.home .home-exclusive-albums .home-curated-grid{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:12px!important;
 width:100%!important;
}
body.home .home-exclusive-albums .home-curated-card{
 display:block!important;
 min-width:0!important;
 overflow:hidden!important;
 border:1px solid var(--line)!important;
 border-radius:16px!important;
 background:var(--panel2)!important;
}
body.home .home-exclusive-albums .home-curated-cover{
 position:relative!important;
 display:block!important;
 width:100%!important;
 aspect-ratio:1/1!important;
 overflow:hidden!important;
}
body.home .home-exclusive-albums .home-curated-cover img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:none!important;
 object-fit:cover!important;
}
body.home .home-exclusive-albums .home-curated-copy{display:block!important;padding:11px!important}
body.home .home-exclusive-albums .home-curated-copy b,
body.home .home-exclusive-albums .home-curated-copy small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.home .home-exclusive-albums .home-curated-copy b{font-size:12px!important;line-height:1.7!important}
body.home .home-exclusive-albums .home-curated-copy small{font-size:9px!important;color:var(--muted)!important}

@media(max-width:850px){
 body.home .home-block--featured{order:10!important}
 body.home .home-block--exclusive{order:20!important}
 body.home .home-playlists{order:25!important}
 body.home .home-ad-banner{order:30!important}
 body.home .home-block--latest{order:40!important}
 body.home .home-block--views{order:50!important}
 body.home .home-block--likes{order:60!important}
 body.home .home-block--maddahi{order:70!important}
 body.home .home-block--soon{order:80!important}
 body.home .home-exclusive-albums{margin:0!important;padding:14px!important;border-radius:20px!important}
 body.home .home-exclusive-albums .home-curated-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 body.home .home-exclusive-albums .home-curated-card{border-radius:13px!important}
 body.home .home-exclusive-albums .home-curated-copy{padding:7px!important}
 body.home .home-exclusive-albums .home-curated-copy b{font-size:10px!important;line-height:1.6!important}
 body.home .home-exclusive-albums .home-curated-copy small{font-size:8px!important}
}

/* 8.1.33: homepage mobile spacing; only presentational rules. */
@media (max-width:600px){
 body.home .container.home-layout{width:calc(100% - 16px)!important;padding-inline:0!important;gap:14px!important}
 body.home .home-block--featured,body.home .home-block--latest{padding:12px!important;border-radius:18px!important}
 body.home .home-block--featured .featured-square-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.home .home-block--featured .featured-square-card{aspect-ratio:1/1!important;border-radius:14px!important}
 body.home .home-block--featured .featured-square-copy{padding:24px 10px 9px!important}
 body.home .home-block--featured .featured-square-copy h3{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;white-space:normal!important;overflow:hidden!important;font-size:13px!important;line-height:1.6!important;margin:0 0 2px!important}
 body.home .home-block--featured .featured-square-copy p{font-size:11px!important;line-height:1.6!important}
 body.home .home-block--featured .featured-square-copy>div{margin-top:6px!important}
 body.home .home-block--featured .featured-square-copy .play-chip{width:40px!important;height:40px!important;min-width:40px!important}
 body.home .home-block--latest .release-list{gap:10px!important}
 body.home .home-block--latest .release-card{grid-template-columns:clamp(96px,28vw,120px) minmax(0,1fr)!important;gap:10px!important;padding:12px!important;min-height:148px!important;height:auto!important;max-height:none!important;border-radius:16px!important}
 body.home .home-block--latest .release-cover,body.home .home-block--latest .release-cover img{width:clamp(96px,28vw,120px)!important;height:clamp(96px,28vw,120px)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1!important;border-radius:12px!important}
 body.home .home-block--latest .release-info{padding:0!important;min-height:124px!important;height:auto!important;min-width:0!important;justify-content:center!important}
 body.home .home-block--latest .release-card .release-info h2{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;white-space:normal!important;overflow:hidden!important;font-size:14px!important;line-height:1.75!important;max-height:3.5em!important;min-height:0!important;margin:0 0 5px!important}
 body.home .home-block--latest .release-card .release-info h2 a{font-size:inherit!important;line-height:inherit!important;white-space:normal!important}
 body.home .home-block--latest .release-artist{font-size:12px!important;line-height:1.6!important}
 body.home .home-block--latest .release-bottom{margin-top:10px!important;gap:6px!important}
 body.home .home-block--latest .release-actions{gap:6px!important}
 body.home .home-block--latest .release-actions .detail-button{padding:0 8px!important;font-size:12px!important}
}
@media (max-width:360px){
 body.home .home-block--featured,body.home .home-block--latest{padding:10px!important}
 body.home .home-block--latest .release-card{padding:10px!important;gap:8px!important}
 body.home .home-block--latest .release-card .release-info h2{font-size:13px!important}
 body.home .home-block--featured .featured-square-copy h3{font-size:12px!important}
}
