/* Icon Pack Detail Page — minimal overrides, inherits from site.css */

/* Icon grid uses smaller columns than illustration grid */
.icon-section .col-xl-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%;
}

@media (max-width: 1199px) {
    .icon-section .col-xl-1 {
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }
}

@media (max-width: 767px) {
    .icon-section .col-xl-1 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* Icon grid items — slightly smaller than illustration thumbnails */
.icon-section .card.square {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    transition: box-shadow 0.15s;
}
.icon-section .card.square:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Section headers */
.icon-section h3 {
    font-size: 1.1rem;
    font-weight: 700;
    border-bottom: 1px dotted #e5e7eb;
    padding-bottom: 0.5rem;
}