@font-face {
  font-family: 'Nastaliq';
  src: url('/fonts/IranNastaliq.ttf') format('truetype');
}
html{overflow-y:scroll;scrollbar-width:none;}
html::-webkit-scrollbar{width:0;background:transparent;}
body{margin:0;font-family:sans-serif;direction:rtl;background:url('/images/background.webp') center/cover no-repeat fixed;color:#FFD700;}
header{
  padding:15px;
  text-align:center;
  font-size:34px;
  font-weight:bold;
  border-bottom:1px solid #444;
  font-family:'Nastaliq', serif;
}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:0 72px 40px;}
.album{background:rgba(0,0,0,0.55);border-radius:12px;padding:10px;}
.album img{width:100%;border-radius:8px;}
.album h2{font-size:14px;text-align:center;margin:8px 0;}

/* details با فلش روبه‌روی متن و اندازه متفاوت */
details summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px; /* متن کوچکتر */
}
details summary::-webkit-details-marker { display: none; }
details summary::after {
  content: "►"; /* پیش‌فرض بسته */
  font-size: 18px; /* فلش بزرگ‌تر */
  transition: transform 0.2s;
}
details[open] summary::after {
  content: "▼"; /* وقتی باز است */
}

.track{margin:6px 0;}
.track span{font-size:11px;}
audio{width:100%;height:28px;}
.locked audio{pointer-events:none;filter:blur(2px);}
.lock-message{font-size:11px;text-align:center;margin-top:6px;border:1px dashed #D2A679;border-radius:6px;padding:6px;}
.lock-message a{color:#D2A679;}

@media(max-width:1200px){.gallery{grid-template-columns:repeat(4,1fr);}}
@media(max-width:900px){.gallery{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.gallery{grid-template-columns:repeat(2,1fr);}}
@media(max-width:400px){.gallery{grid-template-columns:1fr;}}
@media(max-width:480px){
.gallery{padding:0 12px 30px;gap:12px;}
.album{padding:12px;}
.album h2{font-size:13px;}
audio{height:34px;}
.lock-message{font-size:12px;padding:8px;}
details summary{font-size:12px;}
details summary::after{font-size:18px;}
}