/* Body */
body[data-step="7"] {
    background: #f5f5f1
}

/* Custom order container styles */

#custom-order-container.loading::before,
#custom-order-container.loading::after {
    content: '';
    position: fixed;
}

#custom-order-container.loading::after {
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
    border: 6px solid rgba(0, 0, 0, 0.1);
    border-left-color: #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    z-index: 99999;
    margin: -28px -28px;
}

@media screen and (max-width: 59.3125em) {
    #custom-order-container.loading::after {
        width: 40px;
        height: 40px;
        margin: -23px -23px;
    }
}

#custom-order-container.loading::before {
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 100%;
    z-index: 99998;
    top: 0;
    left: 0;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#custom-order-container.loading .c-block-order {
    opacity: 0.5;
}

/* l-section */

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .l-section.is-last-section {
        padding-bottom: 7.5rem;
    }
}

/* Error message */

.c-block-order__error {
    color: #c02e00;
}

/* options */

.c-block-order__options-images.is-select-hide.is-select-active.is-empty {
    display: none;
}

.c-block-order__options-image,
.c-block-order__options-thumbsnails-image {
    aspect-ratio: 1 / 1;
}

.c-block-order__options-image img,
.c-block-order__options-thumbsnails-image img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    height: 100%;
}

.c-block-order__options-head:blank {
    display: none;
}

.c-block-order__options-head:empty {
    display: none;
}

.c-block-order__options-text:blank {
    display: none;
}

.c-block-order__options-text:empty {
    display: none;
}

@media screen and (max-width: 59.3125em) {
    .c-block-order__item-contents {
        display: block;
        width: 100%;
    }
}

/* STEP */

@media screen and (max-width: 59.3125em) {
    .c-box-order-step__item-number {
        transform: scale(.9);
    }
}

.c-box-order-step__item-title {
    white-space: nowrap;
}


/* c-block-order__item */

.c-block-order__item.is-border-none {
    border: none;
}

/* modal */

.modaal-gallery-prev {
    left: -50px;
}

.modaal-gallery-item-wrap {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.modaal-gallery-item-wrap img {
    max-height: calc(100vh - 100px);
}

/* c-block-accessories */

.c-block-accessories__ml-input.is-checkbox input {
    display: block;
    visibility: hidden;
    opacity: 0;
}

.c-block-accessories__unit-content,
.c-block-accessories__item-units {
    width: 100%;
}

.c-block-accessories__unit-title {
    width: calc(100% - 80px);
}

.c-block-accessories__item .js-pen-modal-target {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    cursor: pointer;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-block-accessories__ml-title {
        flex-direction: column;
    }
}

/* c-block-tables__product-contents */

.c-block-tables__product-contents {
    width: 100%;
}

.c-block-tables__product-item-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Form */

.c-forms__label.is-inline-block {
    display: inline-block;
}

.c-forms__content.is-reverse {
    flex-direction: row-reverse;
}

.c-forms__content.is-name-en {
    flex-direction: column;
}

.c-forms__content.is-name-en.is-column .c-forms__unit {
    width: 100%;
    justify-content: flex-start;
}

.c-forms__content.is-name-en.is-column .c-forms__unit:nth-child(1) {
    margin-bottom: .25rem;
}

.c-forms__content.is-name-en.is-column .c-forms__unit-name {
    width: 7em;
    text-align: left;
}

html[lang="en"] .c-forms__unit-name {
    font-size: .85rem;
}


/* Order list */

.c-order-list__item span.is-name {
    display: flex;
    padding-right: .5em;
}

.c-order-list__item span.is-name > span {
    margin-right: .25em;
}

.c-order-list__item span.is-price {
    white-space: nowrap;
}

/* c-forms__radio  */

.c-forms__radio.is-three-columns > span {
    width: calc(33.3333% - 0.417rem);
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-forms__radio, .c-forms__checkbox {
        flex-direction: initial;
    }
}

/* c-block-order  */

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-block-order__item-text,
    .c-block-order__options-text {
        font-size: .75rem;
    }
}

/* c-block-tables */

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-block-tables__product-price {
        white-space: nowrap;
    }
}

/* c-table */

@media screen and (min-width: 0em) and (max-width: 59.3125em) {
    #order-form .c-table th {
        width: 12rem;
    }
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    #order-form .c-table th {
        width: 9rem;
    }

    html[lang="en"] #order-form .c-table th,
    html[lang="en"] #order-form .c-table td {
        font-size: .8rem;
    }
}

/* c-block-accessories */

.c-block-accessories__block.is-pd-y-wide {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* c-front-box-news */

.c-front-box-news__box-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.c-front-box-news__box-input {
    margin-top: 0.85rem;
}

.c-front-box-news__box-input label {
    cursor: pointer;
}

.c-front-box-news__box-input input {
    margin-right: 0.5rem;
    cursor: pointer;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-front-box-news__box-checkboxes {
        gap: 1.5rem;
        padding: 1.5rem 0
    }
}

.c-order-list__sm-text.is-price b {
    min-width: auto;
}

.c-order-list__total span.is-total-price {
    white-space: nowrap;
}


.c-block-accessories__unit-price.is-full {
    width: auto;
}

.c-block-accessories__unit-slot + .c-block-order__child-unit {
    margin-top: 1em;
}

.c-block-order__child-unit {
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: flex-start;
}

.c-block-order__child-unit .c-block-accessories__unit-title {
    width: auto;
}

.c-block-accessories__unit-price,
.c-block-accessories__item::after {
    pointer-events: none;
}

.c-block-tables__product-item-child.is-options .c-block-tables__product-data,
.c-block-tables__product-item-child.is-options .c-block-tables__product-price {
    font-size: 0.75rem;
}

.c-block-tables__product-item-options {
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
}

.c-block-tables__product-item-child.is-options:not(:last-child) .c-block-tables__product-data {
    margin-bottom: 0.25rem;
}

html[lang="en"] .c-order-list__title,
html[lang="en"] .c-order-list__total span {
    font-size: 14px;
}

@media screen and (max-width: 59.3125em) {
    html[lang="en"] .c-order-list__title,
    html[lang="en"] .c-order-list__total span {
        font-size: .6875rem;
    }

    html[lang="en"] .c-order-list__total {
        padding: .5rem 1.25rem;
    }

    .c-order-list__title a {
        display: none;
    }
}

.c-forms__specials-input.is-select:after {
    pointer-events: none;
}

.c-forms__blocks {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

@media screen and (max-width: 59.3125em) {
    .c-forms__blocks {
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }
}
