/* Start:/bitrix/templates/aspro_optimus/components/bitrix/catalog.element/main.offers_table_new/style.css?17802125449101*/
/* catalog card - detail */
.product-detail *,
.offer * {
    box-sizing: border-box;
}
.product-detail__top {
    margin-bottom: 20px;
}
.product-detail__article {
    word-break: break-all;
}
.offers-list__item {
    margin-bottom: 30px;
}
.offer {
    padding: 15px 15px;
    color: #666;
    border: 1px solid #eaebec;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.offer__title {
    margin-bottom: 0.5em;
    color: #383838;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    word-break: break-all;
}
.offer__name {
    flex-shrink: 0;
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: 500;
}
.offer__images {
    margin-bottom: 35px;
    width: 100%;
}
.offer-images__list {
    display: flex;
    margin-top: 10px;
}
.offer-images__photo {
    display: none;
}
.offer-images__photo_video {
    display: block;
}
.offer-images__photo {
    position: relative;
    margin-right: 6px;
    width: 60px;
    height: 60px;
}
.offer-images__photo.active:after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 3px;
    background-color: #03084a;
}
.offer-images__photo a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}
.offer-images__photo img {
    max-width: 100%;
    max-height: 100%;
}
.offer-images__photo .fa-youtube-play {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
    color: #FF0000;
    font-size: 36px;
}
.offer-images__photo .fa-youtube-play:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    background-color: #fff;
}
.fancybox-type-iframe .fancybox-nav {
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
}
.offer-images__main {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 250px;
    cursor: zoom-in;
}
.offer-images__main img {
    display: block;
    width: 100%;
    max-height: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.offer__price {
    color: #1d2029;
    font-size: 18px;
    font-weight: 600;
}
.offer__price + .offer__price {
    margin-top: 0.6em;
}
.offer__price:empty {
    margin-top: 0;
}
.offer__price-title {
    margin-bottom: 0.2em;
    font-size: 0.9em;
}
.offer__price-title [data-link] {
    color: #1d2029;
    text-decoration: underline;
    cursor: pointer;
}
.offer__price-title [data-link]:hover {
    text-decoration: none;
}
.offer__price-title_pale {
    color: #666;
    font-size: 0.8em;
}
.offer__price_discount .offer__price-value {
    color: #04b402;
}
.offer__rest {
    margin-bottom: 20px;
}
.offer__remain {
    font-size: 14px;
}
.offer__remain span {
    font-weight: 600;
}
.offer__remain .in-stock {
    color: #04b402;
}
.offer__buttons {
    padding: 0;
}
.offer__quantity {
    display: block !important;
    margin: 0 0 15px 0 !important;
}
.offer__buy.button {
    min-width: 110px;
    font-size: 16px;
    line-height: 19px;
}
.offer__buy.big_btn.transparent {
    padding: 7px 8px 8px 9px;
}
.offer__one-click {
    margin-top: 12px;
}
.offer__warning {
    margin: 1em 0;
    padding: 0.3em 1em 0.4em;
    width: 100%;
    max-width: 400px;
    border: 1px solid #03084a;
    color: #03084a;
    font-weight: 500;
}
.offer__unavailable {
    color: #03084a;
    font-weight: 700;
}
.offer__offer-warning {
    margin-top: 10px;
    width: 100%;
}
.offer__dimensions {
    margin-top: 15px;
    margin-bottom: 20px;
}
.dimensions-table {
    width: 100%;
}
.dimensions-table td {
    padding: 2px 0;
}
.dimensions-table td:nth-child(2) {
    padding-left: 5px;
    width: 45px;
    text-align: right;
}
.offer__params {
    margin: 15px 0;
    font-size: 14px;
}
.offer__params .param__value {
    word-break: break-all;
}
.params {
}
.params__item {
    margin-bottom: 0.5em;
}
.param {
    display: flex;
    flex-wrap: wrap;
}
.param__name {
    margin-right: 0.3em;
    font-weight: 600;
}
@media (min-width: 768px) {
    .offers-list__item {
        margin-bottom: 15px;
    }
    .offer {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        color: #666;
    }
    .offer__name {
        font-size: 16px;
    }
    .offer__images {
        display: flex;
        flex-shrink: 0;
        margin-bottom: 15px;
        width: 300px;
        overflow: hidden;
    }
    .offer__main-wrap {
        width: 100%;
    }
    .offer__main {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .offer__offer-warning {
        text-align: right;
    }
    .offer-images__list {
        display: block;
        margin-top: 0;
        margin-right: 10px;
    }
    .offer-images__photo {
        display: block;
        margin-right: 0;
        margin-bottom: 7px;
    }
    .offer-images__main {
        order: 1;
        width: 200px;
        height: 200px;
    }
    .offer__price {
        margin-bottom: 0;
        color: #1d2029;
        font-size: 18px;
        font-weight: 600;
    }
    .offer__rest {
        margin-bottom: 0;
    }
    .offer__remain {
        font-size: 14px;
    }
    .offer__remain span {
        font-weight: 600;
    }
    .offer__buttons {

    }
    .offer__buy.button {
        min-width: 85px;
        font-size: 14px;
        line-height: 19px;
    }
    .offer__quantity {
        margin: 0 !important;
    }
    .offer-images {
        display: flex;
        align-items: flex-start;
    }
    .offer__middle {
        padding-right: 20px;
        width: 100%;
    }
    .offer__actions {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        width: 130px;
    }
    .offer__dimensions {
        order: 1;
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .offer__images {
        width: 400px;
    }
    .offer-images__main {
        max-width: 330px;
        width: 330px;
        height: 330px;
    }
    .offer__main-wrap {
        padding-top: 10px;
        padding-left: 40px;
    }
}
@media (max-width: 767px) {
    .offer__images {
        position: relative;
        margin-bottom: 25px;
    }
    .offer-images__list {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .offer-images__main {
        height: auto;
    }
}
@media (min-width: 768px) {
    .offer__actions {
        width: 220px;
        text-align: right;
    }
}
@media (min-width: 992px) {
    .offer__actions {
        width: 290px;
    }
}
.offers-on-order {
    margin-top: 20px;
}
.offers-on-order__title {
    margin-bottom: 0.6em;
    /*color: #383838;*/
    color: #04b402;
    font-size: 1.2em;
    font-weight: 700;
}
.offers-on-order__list {
    border: 1px solid #eaebec;
    font-size: 1.1em;
}
.offers-on-order__header.offer-on-order {
    display: none;
    padding: 0.5em 0.8em;
    background-color: #eaebec;
    border-top: none;
    font-weight: 700;
}
.offers-on-order__header .offer-on-order__col {
    text-align: left;
}
.offers-on-order__header .offer-on-order__col_price,
.offers-on-order__header .offer-on-order__col_term {
    color: inherit;
}
.offer-on-order {
    display: flex;
    flex-direction: column;
    padding: 0.8em;
    border-top: 1px solid #eaebec;
}
.offer-on-order__name {
    font-weight: 700;
}
@media (min-width: 768px) {
    .offers-on-order__header.offer-on-order {
        display: flex;
    }
    .offer-on-order__name {
        display: none;
    }
    .offer-on-order {
        flex-direction: row;
        justify-content: stretch;
        align-items: center;
    }
    .offer-on-order__col {
        flex-grow: 1;
        flex-shrink: 0;
        padding-right: 15px;
        width: 12%;
        word-break: break-all;
        word-break: break-word;
    }
    .offer-on-order__col_amount {
        width: 5%;
        min-width: 95px;
        text-align: center;
    }
    .offer-on-order__col_price {
        flex-grow: 0;
        padding-right: 15px;
        min-width: 105px;
        color: #1d2029;
        font-weight: 700;
    }
    .offer-on-order__col_button {
        text-align: right;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .offer__main-wrap .offers-on-order {
        margin-left: -300px;
    }
}
@media (max-width: 767px) {
    .offer-on-order__col {
        display: flex;
        justify-content: space-between;
        max-width: 200px;
    }
    .offer-on-order__col_button {
        margin-top: 0.8em;
        width: 100%;
        /*text-align: center;*/
    }
}
/* catalog card - detail - end */

/* End */
/* /bitrix/templates/aspro_optimus/components/bitrix/catalog.element/main.offers_table_new/style.css?17802125449101 */