//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .catalog-product-view {
        .product-info-main {
            .product-add-form {
                .box-tocart {
                    margin-bottom: 12px;
                    /*margin-top: 0;*/
                    .fieldset {
                        display: table;
                        width: 100%;
                        .field {
                            display: table-cell;
                            padding: 0;
                            margin: 0;
                            vertical-align: top;
                            &.qty {
                                width: 10%;
                                .label {
                                    .lib-visually-hidden();
                                }
                                .input-text {
                                    .lib-font-size(20);
                                    border-radius: 0;
                                    color: @djo-gray;
                                    height: 54px;
                                    line-height: 1;
                                    margin-right: 15px;
                                    padding: 0;
                                    width: 54px;
                                }
                            }
                        }
                        .actions {
                            display: table-cell;
                            text-align: center;
                            width: 100%;
                            vertical-align: bottom;
                            button {
                                border-color: @pdp-add-to-cart-button__border-color;
                                background-color: @pdp-add-to-cart-button__background-color;
                                font-weight: @pdp-add-to-cart-button__font-weight;
                                width: 100%;
                                &:hover,
                                &:focus {
                                    border-color: @pdp-add-to-cart-button__hover__border-color;
                                    background-color: @pdp-add-to-cart-button__hover__background-color;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    .catalog-product-view {
        .product-info-main {
            .product-add-form {
                margin: 0;
                max-width: none;
                .box-tocart {
                    margin-bottom: 12px;
                    margin-top: 0;
                    .fieldset {
                        width: 100%;
                        .field.qty {
                            margin-top: 12px;
                        }
                        .actions {
                            margin-top: 8px;
                            button {
                                .lib-font-size(@pdp-add-to-cart-button__font-size);
                            }
                        }
                    }
                }
            }
        }
    }
}

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .catalog-product-view {
        .product-options-bottom {
            .box-tocart {
                margin: 0;
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) {
    .catalog-product-view {
        .product-info-main {
            .product-add-form {
                .box-tocart {
                    .fieldset {
                        .field.qty {
                            margin-top: 30px;
                        }
                        .actions {
                            button {
                                .lib-font-size(@pdp-add-to-cart-button__font-size + 2);
                            }
                        }
                    }
                }
            }
        }
    }
}