section.x2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.catalog-card__thumb {
    width: 100%;
    aspect-ratio: 2/1;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    margin-bottom: 12px;
    min-height: 50px;
}
.custom-dropdown { position: relative; cursor: pointer; }
.custom-dropdown__selected { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: #0f0f12; border: 1px solid #2a2a32; border-radius: 10px; padding: 12px 14px; color: #f5f5f5; transition: border-color 0.2s, box-shadow 0.2s; }
.custom-dropdown__selected i { font-size: 12px; opacity: 0.8; }
.custom-dropdown.active .custom-dropdown__selected { border-color: var(--color1); box-shadow: 0 0 0 2px rgba(127,90,240,0.2); }
.custom-dropdown__options { position: absolute; z-index: 5; top: calc(100% + 4px); left: 0; right: 0; background: #14141a; border: 1px solid #2a2a32; border-radius: 10px; padding: 6px 0; max-height: 240px; overflow-y: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.35); display: none; }
.custom-dropdown.active .custom-dropdown__options { display: block; }
.custom-dropdown__options li { list-style: none; padding: 10px 14px; color: #f5f5f5; transition: background 0.15s, color 0.15s; }
.custom-dropdown__options li:hover { background: #1f1f28; color: #fff; }
.custom-dropdown__options li + li { border-top: 1px solid #1f1f28; }
@media (max-width: 767px) { .custom-dropdown__selected { padding: 10px 12px; } .custom-dropdown__options li { padding: 10px 12px; } }

.custom-dropdown .options {
    display: none;
    position: absolute;
    top: 92%;
    left: -8px;
    right: 0;
    background-color: #122035;
    border: 0px solid #ccc;
    border-radius: 15px;
    z-index: 10;
    max-height: 471px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 10px 8px;
    cursor: pointer
}

input#id_file {
    font-size: 12px
}

.custom-dropdown.active .options {
    display: block
}

.custom-dropdown .options li {
    padding: 10px 14px;
    transition: .4s;
    border-radius: 12px
}

.custom-dropdown .selected i {
    font-size: 13px;
    color: #818181
}

.custom-dropdown .options li:hover {
    background-color: #1a2b45
}