/* گالری تم‌ها — پیش‌نمایش زندهٔ کوچک برای هر تم (بدون تصویر) */
.gallery-page { padding-block: clamp(28px, 5vw, 54px); }
.sec-head h1 { margin: 0 0 8px; font-size: clamp(1.5rem, 3vw, 2rem); }
.sec-head p { margin: 0 0 30px; color: var(--ink-2, #55503F); max-width: 70ch; }
.g-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px; }
.g-card { border: 1px solid var(--line, #E4DDD0); border-radius: 16px; background: #FFFDF8; overflow: hidden; }
.g-preview {
  height: 190px; display: grid; gap: 9px; align-content: center; justify-items: center; padding: 18px 34px;
  background: var(--m-bg, #161616);
}
.g-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--m-accent, #E4572E); }
.g-name { width: 62%; height: 8px; border-radius: 4px; background: color-mix(in srgb, var(--m-text, #F6F3EE) 42%, transparent); }
.g-btn { width: 100%; height: 17px; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--m-text, #F6F3EE) 26%, transparent); background: color-mix(in srgb, var(--m-text, #F6F3EE) 7%, transparent); }
.g-info { padding: 14px 16px 16px; }
.g-info h2 { margin: 0 0 6px; font-size: 1.02rem; }
.g-desc { margin: 0 0 10px; color: var(--ink-2, #55503F); font-size: .84rem; min-height: 2.6em; }
.g-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: .74rem; color: var(--ink-3, #8A8271); margin-block-end: 12px; }
.g-author { color: var(--sage-strong, #55704F); }
.g-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.inline-form { display: inline-flex; }
.btn-sm { padding: 7px 13px; font-size: .84rem; }