.catalog-reader-section {
    background: #f6f4f2;
}

.catalog-document-list {
    position: sticky;
    top: 110px;
    padding: 24px;
    border-radius: 18px;
    background: #252423;
}

.catalog-document-button {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 10px;
    color: #fff;
    background: rgba(255, 255, 255, .06);
    text-align: left;
    transition: .25s ease;
}

.catalog-document-button:hover,
.catalog-document-button.active {
    border-color: #ef3739;
    color: #fff;
    background: #ef3739;
}

.catalog-document-button small {
    display: block;
    margin-top: 2px;
    opacity: .75;
    text-transform: capitalize;
}

.catalog-viewer-card {
    overflow: hidden;
    border: 1px solid rgba(37, 36, 35, .1);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(37, 36, 35, .1);
}

.catalog-viewer-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(37, 36, 35, .1);
}

.catalog-pdf-frame {
    display: block;
    width: 100%;
    height: min(78vh, 920px);
    min-height: 620px;
    border: 0;
    background: #e8e8e8;
}

@media (max-width: 991px) {
    .catalog-document-list { position: static; }
    .catalog-pdf-frame { min-height: 560px; }
}

@media (max-width: 575px) {
    .catalog-viewer-toolbar { align-items: flex-start; flex-direction: column; }
    .catalog-pdf-frame { height: 68vh; min-height: 460px; }
}