/* ARMANIPLAST-PASS-013 */

/*
 * Footer white strip: the dark fill lived only on footer::after at 45% (65% below 1398px)
 * while footer.footer used padding-top: 10rem for a hidden curved ::before. The uncovered
 * part of the footer box painted the page background (white) under the visible dark band.
 * Paint the footer itself and size the overlay to the full footer box.
 */
html,
body {
    min-height: 0;
    height: auto;
    background: #fff;
}

footer.footer {
    background-color: #333333;
    padding-top: 3.25rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0;
    min-height: 0;
    overflow: visible;
}

footer.footer::before {
    display: none;
}

footer.footer::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: #333333;
    z-index: -1;
}

@media (max-width: 1398px) {
    footer.footer::after {
        height: 100% !important;
    }
}

footer.footer #back-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10;
}

.ap-lead-float {
    position: fixed;
}

.ap-order-confirm {
    max-width: 800px;
}

.ap-order-confirm__hero {
    margin-bottom: 1.5rem;
}

.ap-order-confirm__lead {
    font-size: 1.15rem;
    font-weight: 600;
}

.ap-order-confirm__panel {
    border: 1px solid #e8e4de;
    border-radius: 12px;
    padding: 1.25rem 1.35rem;
    background: #fff;
}

.ap-order-confirm__meta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35rem 1rem;
    margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
    .ap-order-confirm__meta {
        grid-template-columns: 1fr 1fr;
    }
}

.ap-order-confirm__meta p {
    margin-bottom: 0.35rem;
}

.ap-order-confirm__id {
    font-family: Tahoma, "IRANYekan", sans-serif;
    unicode-bidi: isolate;
}

.ap-order-confirm__table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1rem 0;
}

.ap-order-confirm__table {
    width: 100%;
    min-width: 520px;
    margin-bottom: 0;
}

.ap-order-confirm__total {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0.75rem;
}

.ap-order-confirm__pay {
    background: #fff8ee;
    border: 1px solid #f0d9b5;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin: 0.75rem 0 0;
}

@media (max-width: 390px) {
    .ap-order-confirm__table {
        min-width: 460px;
        font-size: 0.9rem;
    }
}