body {
    background: var(--c-light);
}
main {
    background: var(--c-light);
}
header {
    position: static;
    transform: none;
    .top {
        .left {
            .drop-menu {
                > p {
                    color: var(--c-dark);
                    &::after {
                        color: var(--c-dark);
                    }
                }
            }
            .burger {
                span, &::before, &::after {
                    background: var(--c-dark);
                }
            }
        }
        .logo {
            p {
                color: var(--c-dark);
            }
        }
        .right {
            form {
                background: rgba(2, 17, 27, .08);
                input {
                    color: var(--c-dark);
                    &::placeholder {
                        color: var(--c-dark);
                    }
                }
                .btn {
                    color: var(--c-dark);
                }
            }
            .cart {
                &::before {
                    color: var(--c-dark);
                }
            }
        }
    }
    .bottom {
        nav {
            ul {
                li {
                    a {
                        color: var(--c-dark);
                    }
                }
            }
        }
        &::before, &::after {
            background: var(--c-dark);
        }
    }
}
section.order-info {
    margin-top: 30px;
    margin-bottom: 80px;
    h1 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    > p {
        color: var(--dark-gray);
        font-size: 14px;
        max-width: 380px;
        margin-bottom: 25px;
    }
    .data {
        display: grid;
        width: fit-content;
        grid-template-columns: 1fr 1fr;
        gap: 10px 30px;
        span {
            font-weight: 600;
        }
    }
}