/* NO ALTERNATIVE — CHECKOUT */

.woocommerce-checkout .page-content {
    padding-top: 0;
}

.na-checkout {
    padding-top: clamp(70px, 8vw, 120px);
    padding-bottom: clamp(110px, 12vw, 180px);
}

.na-checkout__header {
    margin-bottom: clamp(70px, 8vw, 120px);
}

.na-checkout__eyebrow {
    margin: 0 0 24px;

    color: rgba(255, 255, 255, 0.35);

    font-size: 9px;
    font-weight: 500;

    letter-spacing: 0.2em;

    text-transform: uppercase;
}

.na-checkout__title {
    max-width: 1100px;

    margin: 0 0 45px;

    font-size: clamp(68px, 9vw, 145px);
    font-weight: 500;

    line-height: 0.78;

    letter-spacing: -0.07em;

    text-transform: uppercase;
}

.na-checkout__title span {
    display: block;

    color: rgba(255, 255, 255, 0.26);
}

.na-checkout__meta {
    padding-top: 20px;

    display: flex;
    justify-content: space-between;

    gap: 30px;

    border-top: 1px solid var(--color-border);

    color: rgba(255, 255, 255, 0.3);

    font-size: 8px;
    font-weight: 500;

    letter-spacing: 0.17em;

    text-transform: uppercase;
}

.na-checkout__layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(360px, 0.65fr);

    align-items: start;

    gap: clamp(60px, 8vw, 130px);
}

.na-checkout-section {
    padding-top: 30px;
    padding-bottom: 65px;

    border-top: 1px solid var(--color-border);
}

.na-checkout-section__heading {
    margin-bottom: 42px;

    display: grid;
    grid-template-columns: 55px 1fr;

    gap: 20px;
}

.na-checkout-section__heading > span {
    padding-top: 5px;

    color: rgba(255, 255, 255, 0.22);

    font-size: 9px;

    letter-spacing: 0.18em;
}

.na-checkout-section__heading p {
    margin: 0 0 8px;

    color: rgba(255, 255, 255, 0.3);

    font-size: 8px;
    font-weight: 600;

    letter-spacing: 0.18em;

    text-transform: uppercase;
}

.na-checkout-section__heading h2 {
    margin: 0;

    font-size: clamp(28px, 3vw, 48px);
    font-weight: 500;

    line-height: 1;

    letter-spacing: -0.04em;

    text-transform: uppercase;
}

.na-checkout
.form-row {
    margin: 0 0 24px !important;
}

.na-checkout
.form-row label {
    display: block;

    margin-bottom: 9px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 8px;
    font-weight: 600;

    letter-spacing: 0.15em;

    text-transform: uppercase;
}

.na-checkout
.form-row .required {
    color: rgba(255, 255, 255, 0.5);

    text-decoration: none;
}

.na-checkout
.input-text,
.na-checkout
select,
.na-checkout
textarea {
    width: 100%;

    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;

    background: #080808 !important;

    color: var(--color-white) !important;

    outline: none;

    transition: border-color 180ms ease;
}

.na-checkout
.input-text,
.na-checkout
select {
    min-height: 54px;

    padding: 0 15px !important;
}

.na-checkout
textarea {
    min-height: 130px;

    padding: 15px !important;

    resize: vertical;
}

.na-checkout
.input-text:focus,
.na-checkout
select:focus,
.na-checkout
textarea:focus {
    border-color:
        rgba(255, 255, 255, 0.6) !important;
}

.na-checkout
.select2-container
.select2-selection--single {
    height: 54px;

    border: 1px solid var(--color-border);
    border-radius: 0;

    background: #080808;
}

.na-checkout
.select2-container
.select2-selection--single
.select2-selection__rendered {
    height: 52px;

    padding: 0 40px 0 15px;

    display: flex;
    align-items: center;

    color: var(--color-white);

    line-height: 52px;
}

.na-checkout
.select2-container
.select2-selection--single
.select2-selection__arrow {
    height: 52px;
}

.na-fulfilment {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.na-fulfilment__option {
    position: relative;

    display: block;

    cursor: pointer;
}

.na-fulfilment__option input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}

.na-fulfilment__card {
    min-height: 175px;

    padding: 24px;

    display: block;

    border: 1px solid var(--color-border);

    background: #080808;

    transition:
        background 180ms ease,
        border-color 180ms ease;
}

.na-fulfilment__option:hover
.na-fulfilment__card {
    border-color:
        rgba(255, 255, 255, 0.35);
}

.na-fulfilment__option
input:checked
+
.na-fulfilment__card {
    border-color: var(--color-white);

    background: rgba(255, 255, 255, 0.04);
}

.na-fulfilment__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 40px;
}

.na-fulfilment__title {
    color: var(--color-white);

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 0.12em;

    text-transform: uppercase;
}

.na-fulfilment__indicator {
    width: 14px;
    height: 14px;

    border: 1px solid
        rgba(255, 255, 255, 0.4);

    border-radius: 50%;

    transition:
        background 180ms ease,
        border-color 180ms ease;
}

.na-fulfilment__option
input:checked
+
.na-fulfilment__card
.na-fulfilment__indicator {
    border-color: var(--color-white);

    background: var(--color-white);

    box-shadow:
        inset 0 0 0 3px #080808;
}

.na-fulfilment__description {
    max-width: 260px;

    color: rgba(255, 255, 255, 0.42);

    font-size: 11px;

    line-height: 1.65;
}

.na-checkout-summary {
    position: relative;
}

.na-checkout-summary__inner {
    position: sticky;

    top: 120px;

    padding: 30px;

    border: 1px solid var(--color-border);

    background: #080808;
}

.na-checkout-summary__header {
    padding-bottom: 22px;

    display: flex;
    justify-content: space-between;

    gap: 20px;

    border-bottom: 1px solid var(--color-border);

    color: rgba(255, 255, 255, 0.6);

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 0.16em;

    text-transform: uppercase;
}

.na-checkout-summary
.woocommerce-checkout-review-order-table {
    width: 100%;

    margin: 0;

    border: 0 !important;
    border-radius: 0 !important;
}

.na-checkout-summary
.woocommerce-checkout-review-order-table
th,
.na-checkout-summary
.woocommerce-checkout-review-order-table
td {
    padding: 18px 0 !important;

    border: 0 !important;
    border-bottom: 1px solid var(--color-border) !important;

    background: transparent !important;
}

.na-checkout-summary
.product-name {
    color: rgba(255, 255, 255, 0.68);

    font-size: 10px;

    line-height: 1.5;
}

.na-checkout-summary
.product-total {
    color: var(--color-white);

    font-size: 11px;

    text-align: right;
}

.na-checkout-summary
.cart-subtotal th,
.na-checkout-summary
.order-total th {
    color: rgba(255, 255, 255, 0.38);

    font-size: 8px;
    font-weight: 500;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}

.na-checkout-summary
.cart-subtotal td,
.na-checkout-summary
.order-total td {
    color: var(--color-white);

    text-align: right;
}

.na-checkout-summary
#payment {
    margin-top: 28px;

    border-radius: 0;

    background: transparent;
}

.na-checkout-summary
#payment
ul.payment_methods {
    padding: 0 !important;

    border-bottom: 1px solid var(--color-border) !important;
}

.na-checkout-summary
#payment
ul.payment_methods li {
    padding: 15px 0;

    color: rgba(255, 255, 255, 0.7);
}

.na-checkout-summary
#payment
.payment_box {
    background: #0d0d0d !important;

    color: rgba(255, 255, 255, 0.5) !important;

    font-size: 11px;
}

.na-checkout-summary
#payment
.payment_box::before {
    display: none;
}

.na-checkout-summary
.place-order {
    padding: 28px 0 0 !important;
}

.na-checkout-summary
#place_order {
    width: 100%;

    min-height: 62px;

    border: 1px solid var(--color-white);
    border-radius: 0;

    background: var(--color-white);

    color: var(--color-black);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 0.16em;

    text-transform: uppercase;

    cursor: pointer;

    transition:
        background 180ms ease,
        color 180ms ease;
}

.na-checkout-summary
#place_order:hover {
    background: transparent;

    color: var(--color-white);
}

@media (max-width: 1000px) {
.na-checkout__layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(320px, 0.7fr);

        gap: 45px;
    }
}

@media (max-width: 760px) {
.na-checkout {
        padding-top: 60px;
    }

.na-checkout__title {
        font-size: clamp(
            62px,
            20vw,
            100px
        );
    }

.na-checkout__meta {
        flex-direction: column;

        gap: 8px;
    }

.na-checkout__layout {
        grid-template-columns: 1fr;

        gap: 65px;
    }

.na-fulfilment {
        grid-template-columns: 1fr;
    }

.na-fulfilment__card {
        min-height: 145px;
    }

.na-checkout-summary__inner {
        position: static;

        padding: 22px;
    }
}

.cart-page__title,
.checkout-page__title,
.woocommerce-cart h1,
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-cart h2 {
    font-family: var(--font-display);
    font-weight: 400;
    letter-spacing: 0.01em;
}

.cart-page__summary,
.checkout-page__summary,
.woocommerce-checkout-review-order,
.cart_totals {
    border-color: var(--color-border);
    background: var(--color-surface);
}

.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    background: var(--color-surface) !important;
    color: var(--color-white) !important;
}

.na-checkout__header {
    margin-bottom: 52px;
}

.na-checkout__title {
    max-width: 880px;
    margin-bottom: 28px;
    font-family: var(--font-display);
    font-size: clamp(62px, 7vw, 104px);
    font-weight: 400;
    line-height: 0.89;
    letter-spacing: 0.005em;
}

.na-checkout__title span {
    color: rgba(234, 242, 246, 0.25);
}

.na-checkout__layout {
    grid-template-columns: minmax(0, 1.25fr) minmax(350px, 0.58fr);
    gap: clamp(46px, 6vw, 86px);
}

.na-checkout-section {
    padding-top: 24px;
    padding-bottom: 42px;
}

.na-checkout-section__heading {
    margin-bottom: 28px;
    grid-template-columns: 42px 1fr;
    gap: 16px;
}

.na-checkout-section__heading h2 {
    font-family: var(--font-display);
    font-size: clamp(27px, 2.7vw, 40px);
    font-weight: 400;
    letter-spacing: 0.005em;
}

.na-checkout .form-row {
    margin-bottom: 17px !important;
}

.na-checkout .input-text,
.na-checkout select {
    min-height: 48px;
    background: #070b0e !important;
}

.na-checkout textarea {
    min-height: 96px;
    background: #070b0e !important;
}

.na-checkout .select2-container .select2-selection--single {
    height: 48px;
    background: #070b0e;
}

.na-checkout .select2-container .select2-selection--single .select2-selection__rendered {
    height: 46px;
    line-height: 46px;
}

.na-checkout-summary__inner {
    top: 88px;
    padding: 24px;
    background: #080c10;
}

.na-checkout-summary .shop_table th,
.na-checkout-summary .shop_table td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

@media (max-width: 1000px) {
.shop-archive__heading-row,
    .na-checkout__layout {
        gap: 38px;
    }
}

@media (max-width: 700px) {
.na-checkout__layout {
        grid-template-columns: 1fr;
        gap: 38px;
    }

.na-checkout-summary__inner {
        position: static;
    }
}