/*CONTAINERS*/

body#product #wrapper {
    background: url(../../../img/bg/main_bg.png) no-repeat;
    background-size: cover;
    z-index: unset;
}

body#product #wrapper .wrapper__inner {
    padding: 5em 0;
}

/*LEFT COLUMN -- IMG*/

.product__images__wrapper {
    position : relative;
    padding  : 20px 0;
}

.product__images__wrapper .product-flags {
    width : auto;
    right : 0;
}

.product__images__wrapper .product-flags .product-flag {
    right      : 0;
    background : var(--product-flag-bg-color);
}

.product__images__wrapper .images-container.thumb--is-on-left {
    display        : flex;
    flex-direction : column;
}

.product__images__wrapper .images-container.thumb--is-on-left .product__thumbnails {
    flex : 1;
}

.images-container.thumb--is-on-left .product__thumbnails {
    padding     : 0;
    align-items : center;
}

.thumb--is-on-left .product__thumbnails.slick-slider .slick-arrow {
    position : relative;
    flex     : 0 0 auto;
}

.thumb--is-on-left .product__thumbnails.slick-slider .slick-arrow.slick-prev {
    margin-right : 10px;
}

.thumb--is-on-left .product__thumbnails.slick-slider .slick-arrow.slick-next {
    margin-left : 10px;
}

.product__images__wrapper .product__thumbnails .thumb {
    border : 2px solid transparent;
    cursor : pointer;
    min-width  : 70%;
    margin : 0 auto;
}

.product__images__wrapper .product__thumbnails .thumb.selected {
    border : 2px solid var(--primary-color);
}

.product-cover {
    flex     : 1 0 75%;
    position : relative;
    background: white;
}

.product-cover .layer {
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    width             : 100%;
    height            : 100%;
    background        : #fff;
    position          : absolute;
    left              : 0;
    top               : 0;
    opacity           : 0;
    background        : hsla(0, 0%, 100%, .3);
    text-align        : center;
    cursor            : pointer
}

.product-cover .layer:hover {
    opacity : 1
}

.product-cover .layer .zoom-in {
    font-size : 6.25rem;
    color     : #7a7a7a
}

/*RIGHT COLUMN*/

/*INFORMATION*/

/*DESCRIPTION*/

#product-description-short {
    color : #232323
}

.product-information {
    font-size : .9375rem;
    color     : #232323
}

.product-information .manufacturer-logo {
    height : 35px
}

.product-information .product-description img {
    max-width : 100%;
    height    : auto
}

p.contentPrice {
    color: black;
}

/*PRICE*/

.product-price {
    color   : var(--primary-color);
    display : inline-block;
}

.current-price .divided-format__price {
    display     : -webkit-box;
    display     : -ms-flexbox;
    display     : flex;
    font-weight : bold;
    font-size   : 2.166em;
    line-height : 0.75;
}

.current-price .divided-format__price .right {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction    : column;
    flex-direction        : column;
    -webkit-box-pack      : justify;
    -ms-flex-pack         : justify;
    justify-content       : space-between;
}

.current-price .divided-format__price .currency {
    font-size : 0.6em;
}

.current-price .divided-format__price .cent {
    font-size : 0.32em;
}

/*TABS*/

.tabs {
    padding : 1rem 0
}

.tabs .tab-pane {
    padding-top : 1.25rem
}

.tabs .nav-tabs {
    display       : flex;
    border        : none;
    border-bottom : 2px solid var(--primary-color)
}

.tabs .nav-tabs .nav-link {
    color  : #7a7a7a;
    border : 0 solid transparent
}

.tabs .nav-tabs .nav-link.active {
    color : var(--primary-color);
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
    border        : none;
    border-bottom : 1px solid var(--primary-color)
}

/*MODALE*/

#product-modal .modal-content {
    background : transparent;
    border     : none;
    padding    : 0
}

#product-modal .modal-content .modal-body {
    display     : -webkit-box;
    display     : -ms-flexbox;
    display     : flex;
    /*margin-left : -30%*/
}

#product-modal .modal-content .modal-body .product-cover-modal {
    background : #fff
}

#product-modal .modal-content .modal-body .image-caption {
    background : #fff;
    padding    : .625rem 1.25rem;
    border-top : 1px solid #f1f1f1
}

#product-modal .modal-content .modal-body .image-caption p {
    margin-bottom : 0;
    display: flex;
    justify-content: center;
    font-weight: 500;
    color: black;
}

#product-modal .modal-content .modal-body .thumbnails {
    position : relative
}

#product-modal .modal-content .modal-body .mask {
    position   : relative;
    overflow   : hidden;
    max-height : 49.38rem;
    margin-top : 2.188rem;
    z-index    : 1
}

#product-modal .modal-content .modal-body .mask.nomargin {
    margin-top : 0
}

#product-modal .modal-content .modal-body .product-images {
    margin-left : 2.5rem
}

#product-modal .modal-content .modal-body .product-images img {
    width      : 9.25rem;
    cursor     : pointer;
    background : #fff
}

#product-modal .modal-content .modal-body .product-images img:hover {
    border : 3px solid #2fb5d2
}

#product-modal .modal-content .modal-body .arrows {
    height     : 100%;
    width      : 100%;
    text-align : center;
    position   : absolute;
    top        : 0;
    color      : #fff;
    right      : 1.875rem;
    z-index    : 0;
    cursor     : pointer
}

#product-modal .modal-content .modal-body .arrows .arrow-up {
    position : absolute;
    top      : -2rem;
    opacity  : .2
}

#product-modal .modal-content .modal-body .arrows .arrow-down {
    position : absolute;
    bottom   : -2rem
}

#product-modal .modal-content .modal-body .arrows i {
    font-size : 6.25rem;
    display   : inline
}

.product-images > li.thumb-container {
    display : inline
}

.product-images > li.thumb-container > .thumb {
    box-shadow    : 2px 2px 8px 0 rgba(0, 0, 0, .2);
    cursor        : pointer;
    margin-bottom : .625rem
}

.images-container .product-images > li.thumb-container > .thumb {
    margin-right : .8125rem
}

.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
    border : 3px solid #2fb5d2
}

#main .images-container .js-qv-mask {
    white-space : nowrap;
    overflow    : hidden
}

#main .images-container .js-qv-mask.scroll {
    width  : calc(100% - 60px);
    margin : 0 auto
}

.scroll-box-arrows {
    display : none
}

.scroll-box-arrows.scroll {
    display : block
}

.scroll-box-arrows i {
    position    : absolute;
    bottom      : 1.625rem;
    height      : 100px;
    line-height : 100px;
    cursor      : pointer
}

.scroll-box-arrows .left {
    left : 0
}

.scroll-box-arrows .right {
    right : 0
}

/*AVAILABILITY */

#product-availability {
    margin-top  : .625rem;
    display     : inline-block;
    font-weight : 700
}

#product-availability .material-icons {
    line-height : inherit
}

#product-availability .product-available {
    color : #4cbb6c
}

#product-availability .product-last-items, #product-availability .product-unavailable {
    color : #ff9a52
}

#product-details .label {
    font-size   : 1rem;
    color       : #232323;
    font-weight : 700
}

/*FEATURES*/

.product-features {
    margin-top  : 1.25rem;
    margin-left : .3125rem
}

.product-features > dl.data-sheet {
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    -webkit-box-align : stretch;
    -ms-flex-align    : stretch;
    align-items       : stretch
}

.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {
    -webkit-box-flex : 1;
    -ms-flex         : 1 0 40%;
    flex             : 1 0 40%;
    font-weight      : 400;
    background       : #f1f1f1;
    padding          : .625rem;
    margin-right     : .625rem;
    min-height       : 2.5rem;
    word-break       : normal;
    text-transform   : capitalize;
    margin-bottom    : .5rem
}

.product-features > dl.data-sheet dd.value:nth-of-type(2n), .product-features > dl.data-sheet dt.name:nth-of-type(2n) {
    background : #f6f6f6
}

.product-variants > .product-variants-item {
    margin : 1.25rem 0
}

.product-variants > .product-variants-item select {
    background-color : #fff;
    width            : auto;
    padding-right    : 1.875rem;
    box-shadow       : 2px 2px 4px 0 rgba(0, 0, 0, .2)
}

.product-variants > .product-variants-item ul li {
    margin-right : .625rem
}

.product-variants > .product-variants-item .color {
    margin-left : 0;
    margin-top  : 0
}

.product-quantity {
    border: 1px solid #DFDFDF;
}

.product-quantity .btn.btn-default {
    position        : relative;
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex            : 1;
    white-space     : nowrap;
    border          : none;
    color           : #b1b1b1;
    padding         : 14px 0;
    width           : 35%;
    max-width       : 150px;
    box-shadow: none;
}

.product-quantity .btn.btn-default i {
    position    : absolute;
    margin      : 0;
    font-style  : normal;
    font-size   : 35px;
    line-height : 1;
}

.icon-minus:before {
    content : "-";
}

.icon-plus:before {
    content : "+";
}

.product-quantity.--has-plusAndMinusButtons .bootstrap-touchspin .input-group-btn-vertical {
    display : none;
}

/*NEW*/

.product__grid {
    display        : flex;
    flex-direction : column;
    /*padding        : 0 10px;*/
    width          : 100%;
    max-width      : var(--default-container-max-width);
    margin         : 0 auto;
}

.product__more-infos__wrapper {
    order : 1;
}

/*PRICE + ADD TO CART */

.product__actions__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.product-actions {
    flex: 0 0 30%;
}

.form-group.ndkackFieldItem.field-type-16 {
    width: 100%;
}

.product__actions__wrapper .ndkcsfields-block .form-group {
    width: 50% !important;
}

/*PRICE*/

.product-prices {
    padding        : 0.75rem 1rem;
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
}

.product-prices .tax-shipping-delivery-label {
    font-size : .8125rem;
    color     : #7a7a7a
}

.product-prices .tax-shipping-delivery-label .delivery-information {
    padding : 0 0 0 2px
}

.product-prices .tax-shipping-delivery-label .delivery-information:before {
    content : "-";
    padding : 0 2px 0 0
}

.product-discount {
    color : #7a7a7a
}

.product-discount .regular-price {
    text-decoration : line-through;
    font-weight     : 400;
    margin-right    : .625rem
}

.has-discount.product-price,
.has-discount p {
    color : var(--price-color);
}

.product-price .current-price {
    font-size: 32px;
    color       : var(--main-red-color);
    display     : inline-block;
    line-height : normal;
    font-weight : 700;
}

.has-discount .discount {
    background     : var(--secondary-color);
    color          : #fff;
    font-weight    : 600;
    padding        : .3125rem .625rem;
    font-size      : 1rem;
    text-transform : uppercase;
    display        : inline-block
}

.product-unit-price {
    font-size     : .8125rem;
    margin-bottom : 0
}


/*INPUT*/

.product-add-to-cart:first-of-type {
    visibility: hidden;
}