/* ============================================
   categories/IconGallery.css - گالری آیکون‌ها
   ============================================ */

.icon-gallery-section { position: relative; width: 100%; margin-bottom: 1.5rem; overflow: hidden; }
.icon-gallery-header { padding: 0 1.25rem 0.75rem; }
.icon-gallery-title { display: inline-flex; align-items: center; gap: 0.6rem; font-size: 1.25rem; font-weight: 800; color: var(--gallery-color, #1a7a42); padding-bottom: 0.6rem; border-bottom: 3px solid var(--gallery-color, #1a7a42); }
.icon-gallery-scroll-wrapper { display: grid; grid-template-rows: repeat(2, auto); grid-auto-flow: column; gap: 0.8rem 0.6rem; overflow-x: auto; padding: 0.25rem 1rem 0.75rem; }
.icon-gallery-item { display: flex; flex-direction: column; align-items: center; gap: 0.35rem; width: 95px; text-decoration: none; }
.icon-gallery-image-box { width: 70px; height: 70px; }
.icon-gallery-image-box img { width: 100%; height: 100%; object-fit: contain; }
.icon-gallery-caption { font-size: 0.85rem; font-weight: 600; text-align: center; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }

@media(min-width: 1024px) {
    .icon-gallery-scroll-wrapper { display: flex; flex-wrap: wrap; justify-content: center; overflow-x: visible; gap: 1.25rem 1.5rem; }
    .icon-gallery-item { width: 130px; }
    .icon-gallery-image-box { width: 104px; height: 104px; }
}