#lot-content {
    align-items: flex-start;
    height: var(--size-fit);
    padding: var(--space-3);
}

#lot-general-content {
    width: var(--size-full);
    height: calc(100vh - (var(--size-4) + var(--space-4)));
    align-items: flex-start;
}

.lot-section {
    padding: var(--space-3);
    height: var(--size-full);
}

#lot-gallery {
    align-items: flex-start;
    gap: var(--space-3);
    width: var(--size-half);
    min-width: var(--size-half);
    max-width: var(--size-half);
    height: var(--size-full);
}

#lot-image-list {
    gap: var(--space-2);
    overflow: auto;
    width: var(--size-quart);
    min-width: var(--size-3);
    max-width: var(--size-4);
    height: var(--size-full);
    padding: var(--space-3);
    border-radius: calc(var(--rounding-3) * 2);
    box-shadow: 0 0 var(--size-4) 0 var(--black-opacity-5);
}

.lot-image-item {
    display: flex;
    overflow: hidden;
    width: var(--size-full);
    height: var(--size-full);
    min-height: calc(var(--size-3) * 1.5);
    padding: var(--space-1);
    border: 1px solid transparent;
    border-radius: var(--rounding-3);
    cursor: pointer;
    transition: var(--time-3);
}

.lot-image-item:hover {
    border-color: var(--neutral-4);
}

.lot-image-item:not([data-active]):hover .lot-image-wrapper img {
    scale: 1.1;
}

.lot-image-item[data-active] {
    border-color: var(--accent-2);
    cursor: default;
}

.lot-image-item[data-active] .lot-image-wrapper img {
    scale: 1.2;
}

.lot-image-wrapper {
    overflow: hidden;
    width: var(--size-full);
    height: var(--size-full);
    border-radius: var(--rounding-2);
}

.lot-image-wrapper img {
    width: var(--size-full);
    height: var(--size-full);
    object-fit: cover;
    transition: var(--time-3);
}

#lot-main-image {
    overflow: hidden;
    width: var(--size-full);
    height: var(--size-full);
    border-radius: calc(var(--rounding-3) * 2);
    background-color: var(--black-opacity-90);
}

#lot-main-image img {
    width: var(--size-full);
    height: var(--size-full);
    object-fit: contain;
    transition: var(--time-3);
}

#lot-information {
    width: var(--size-half);
    min-width: var(--size-half);
    max-width: var(--size-half);
    height: var(--size-full);
    gap: var(--space-5);
}

#lot-information-text {
    gap: var(--space-5);
    overflow: auto;
    height: var(--size-fit);
    max-height: var(--size-full);
    padding: var(--space-5);
    border-radius: calc(var(--rounding-3) * 2);
    box-shadow: 0 0 var(--size-4) 0 var(--black-opacity-5);
}

#lot-name {
    font-size: var(--font-size-6);
}

#lot-information-details {
    gap: var(--space-4);
    overflow: auto;
    height: var(--size-fit);
    max-height: var(--size-full);
}

#lot-information-details p {
    line-height: 1.5;
}

#lot-description {
    gap: var(--space-3);
    padding: var(--space-5);
    width: var(--size-full);
}

#lot-description-paragraph-container {
    gap: var(--space-3);
    line-height: 1.5;
}

.lot-information-section {
    gap: var(--space-2);
}