.single-gap{
    height: 1rem;
    width: 100%;
}

.dn-white-container{
    padding: 1rem;
    background-color: white;
    border-radius: 0.3rem;
}


.dn-quick-tools{
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.dn-find-heading{
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.dn-find-heading{
    margin-bottom: 1rem;
}

.dn-distributor-finder{
    width: 100%;
    display: grid;
    grid-template-columns: min-content auto;
    column-gap: 1rem;
}


.dn-filter-group {
    display: block;
    width: 100%;            /* takes full container width */
    border: none;
}

/* Each option row */
.dn-filter-group label {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;

    /* Prevent text overflow */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Keep checkbox fixed-size so text truncates correctly */
.dn-filter-group label input[type="checkbox"] {
    flex: 0 0 auto;
    margin-right: 8px;
}


.dn-super-users h3{
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    margin-bottom:1rem;
}

.dn-grid-super{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.dn-super-entry{
    width: 100%;
    height: fit-content;
}

.dn-super-entry img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px; /* optional rounded corners */
    transition: transform 0.5s ease, filter 0.5s ease;
    cursor: pointer;
}

/* Hover effect */
.dn-super-entry img:hover {
    transform: scale(1.05);       /* slight zoom */
    filter: brightness(1.1);       /* subtle lightening */
}