.confirm-component {
    font-size: 1.6rem;
    font-weight: 500;
    height: 100%;
    position: relative;
}

@media screen and (min-width: 960px) {
    .confirm-component {
        font-size: 2.2rem;
    }
}

.confirm-component>.section-title {
    margin-bottom: 20px;
}

@media screen and (min-width: 960px) {
    .confirm-component>.section-title {
        margin-bottom: 40px;
    }
}

.confirm-component>.prices {
    padding: 0 10px;
}

@media screen and (min-width: 960px) {
    .confirm-component>.prices {
        padding: 0 20px;
    }
}

.confirm-component>.text,
.confirm-component>.link {
    padding: 0 20px;
}

@media screen and (min-width: 960px) {
    .confirm-component>.text,
    .confirm-component>.link {
        padding: 0 40px;
    }
}

@media screen and (min-width: 960px) {
    .confirm-component.-address>.text {
        padding: 0;
    }
}

.confirm-component>.text {
    line-height: 2;
}

.confirm-component>.text.-bLine {
    border-bottom: 1px solid #B9BCBF;
}

.confirm-component>.text>.-row {
    display: flex;
    flex-wrap: wrap;
}

.confirm-component.-address>.text>.-row {
    margin-bottom: 10px;
}

.confirm-component>.text>.-row.-bDashLine {
    border-bottom: 1px dashed #B9BCBF;
}

.confirm-component>.text>.data.-row>.name {
    flex: 0 0 100%;
    font-weight: bold;
    text-align: left;
}

@media screen and (min-width: 960px) {
    .confirm-component>.text>.data.-row>.name {
        flex: 0 0 25%;
    }
}

@media screen and (min-width: 960px) {
    .confirm-component.-address>.text>.data.-row>.name {
        text-align: right;
    }
}

.confirm-component>.text>.data.-row>.value {
    flex: 0 0 100%;
    font-weight: 100;
}

@media screen and (min-width: 960px) {
    .confirm-component>.text>.data.-row>.value {
        flex: 0 0 75%;
    }
}

@media screen and (min-width: 960px) {
    .confirm-component.-address>.text>.data.-row>.value {
        flex: 0 0 65%;
        margin-left: 10%;
    }
}

.confirm-component>.text>.data.-row>.value.-empty::before {
    content: "\00a0";
}

.confirm-component>.text>.item.-row>div {
    align-items: center;
    display: flex;
}

.confirm-component>.text>.item.-row>.title {
    flex: 0 0 87%;
    font-weight: bold;
}

.confirm-component>.text>.item.-row>.title>.small {
    font-size: 1.2rem;
}

@media screen and (min-width: 960px) {
    .confirm-component>.text>.item.-row>.title>.small {
        font-size: 1.8rem;
    }
}

.confirm-component>.text>.item.-row>.count {
    flex: 0 0 13%;
    justify-content: center;
    text-align: center;
}

.confirm-component>.text>.item.-row>.name {
    flex: 0 0 40%;
}

.confirm-component>.text>.item.-row>.price {
    flex: 0 0 47%;
}