//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .catalog-product-view .product-info-main .product-add-form,
    .fastorder-index-index #bss-content-option-product .bss-content-option-product-container .bss-product-option {
        .comfort-scan-options {
            .heading {
                font-size: 20px;
                font-weight: 700;
            }

            .note {
                font-size: 16px;
            }

            .actions-toolbar {
                .primary {
                    margin: 4px 0 4px 0;
                    width: 100%;

                    &.light {
                        background: rgba(0, 47, 108, 0.1);
                        color: #000;
                    }
                }
            }

            .custom_option_gender {
                margin-bottom: 12px;
            }

        }

        .js-back {
            margin: 0 0 11px;

            a {
                font-weight: 700;
            }
        }
    }

    .catalog-product-view .product-info-main .product-options-wrapper,
    .fastorder-index-index #bss-content-option-product .bss-content-option-product-container .bss-product-option {
        .comfort-scan {
            border: 1px solid #dadada;
            padding: 12px 4px 6px 10px;
            margin: 10px 0 16px;
            width: 100% !important;
            box-sizing: border-box;

            .checkbox {
                top: 1px;
            }

            .note {
                font-size: 14px;
                font-style: italic;
            }

            &.disabled {
                opacity: 0.5;
            }
        }
    }

    .checkout-cart-index {
        .cart.table-wrapper {
            .cart.items {
                > tbody.cart.item {
                    .comfort-scan-details {
                        clear: both;
                        margin: 10px 0 30px;
                        padding: 12px 10px 2px;
                        top: 10px;
                        position: relative;

                        &.needs-scan {
                            border: 2px solid #e02b27;
                            border-radius: 8px;
                        }

                        &.has-scan {
                            border: 1px solid #006400;
                            border-radius: 8px;

                            p {
                                font-size: 18px;
                                font-weight: 700;
                                color: #006400;
                                margin-left: 30px;

                                &:before {
                                    -webkit-font-smoothing: antialiased;
                                    -moz-osx-font-smoothing: grayscale;
                                    font-size: 24px;
                                    line-height: 24px;
                                    color: #006400;
                                    content: '\e60e';
                                    font-family: 'luma-icons';
                                    margin: -12px 0 0;
                                    vertical-align: middle;
                                    display: inline-block;
                                    font-weight: normal;
                                    overflow: hidden;
                                    speak: none;
                                    left: 0;
                                    top: 25px;
                                    width: 45px;
                                    position: absolute;
                                    text-align: center;
                                }
                            }
                        }

                        .modal-btn-comfort-scan {
                            background: #0b56c2;
                            border-radius: 30px;
                            border: 1px solid #0b56c2;
                            color: #ffffff;
                            display: inline-block;
                            padding: 8px 20px 6px;
                        }

                        .note {
                            font-size: 13px;
                        }
                    }
                }
            }
        }

        .custom-scan-popup {
            .modal-inner-wrap {
                .header {
                    font-size: 18px;
                    font-weight: 700;
                    padding-top: 10px;
                }
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .checkout-cart-index {
        .cart.table-wrapper {
            .cart.items {
                > tbody.cart.item {
                    .comfort-scan-details {
                        margin-left: 28%;
                    }

                    &.insert-row {
                        .comfort-scan-details {
                            margin-left: 32%;
                        }
                    }

                }
            }
        }

        .custom-scan-popup {
            .modal-inner-wrap {
                max-width: 320px;
            }
        }
    }
}