﻿
.sku-content .main-content {
    margin: 0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sku-content .card-body {
    border: none;
    padding: 0;
}

.sku-content .sku-property-card .card-body {
    padding: 15px;
}

.sku-content .card {
    border-radius: 0;
    border: 0;
}

@media screen and (max-width: 1340px) {
    .sku-content .card {
        border: 0;
    }
}

.sku-content .main-content-body {
    padding: 0;
    background-color: #ffffff;
    max-width: 1300px;
    margin: 0 auto;
}

.sku-details .card {
    width: 100%;
}

.sku-details .product_name {
    font-size: 24px;
    font-weight: 700;
}

    .sku-details .product_name span {
		line-height: 1.8;
		text-decoration: underline;
		padding-bottom: 5p;
		text-decoration-line: underline;
		text-decoration-color: #ffeb3b;
		text-decoration-thickness: 3px;
		text-underline-offset: 5px;
		font-weight: bold;
    }

@media screen and (max-width: 650px) {
    .sku-details .product_name {
        font-size: 18px;
    }
}

.sku-details .sku-title {
    padding: 0;
}

.sku-details .sku-info-item .favorite-lable {
    margin-bottom: 0;
}

.sku-details .sku-info-item {
    padding: 5px 0;
}

    .sku-details .sku-info-item table tr td {
        vertical-align: top;
        padding: 0 5px;
    }

        .sku-details .sku-info-item table tr td:first-child {
            padding: 0 5px 0 0;
        }

        .sku-details .sku-info-item table tr td:last-child {
            padding: 0 0 0 5px;
        }

        .sku-details .sku-info-item table tr td .basket-quantity {
            align-items: center;
            min-width: 60px;
            max-width: 120px;
        }

    .sku-details .sku-info-item .sku-delivery {
        background-color: rgb(242,242,242,.5);
        padding: 20px;
    }

    .sku-details .sku-info-item .sku-availability {
        background-color: #f8f8f8;
        /* border: 1px solid #eeeff3;*/
        padding: 20px;
    }

.sku-details .sku-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    .sku-details .info-block, .product-details .info-block {
        width: 100%;
        padding: 0;
    }

    .images-container {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap;
    }
}

.sku-info-item ul li {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    font-size: 13px;
}

    .sku-info-item ul li:first-child {
        margin-top: 0;
    }

        .sku-info-item ul li:first-child div span {
            font-weight: 700;
        }

    .sku-info-item ul li .logo-img {
        max-height: 22px;
        height: 22px;
        margin-right: 10px;
        min-width: 60px;
        width: 60px;
    }

        .sku-info-item ul li svg, .sku-info-item ul li .logo-img img {
            max-height: 22px;
            max-width: 100%;
        }

    .sku-info-item ul li div.sku-info-item-title {
        font-weight: 600;
    }

    .sku-info-item ul li div.sku-info-item-subtitle {
        color: #e22727;
        font-size: 12px;
    }

/*.sku-info-item .sku-availability ul li div.sku-info-item-subtitle {
    color: #29a744;
    font-size: 12px;
}*/

.sku-content .sku-details .sku-card .catalogue_photo {
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 0;
    border-radius: 0;

    @media (max-width: 769px) {
        height: 150px;
        margin-block: 10px 0;
        & > a{
            display: block;
            height: 100%;
            & > img{
                position: relative;
                display: block;
                margin: 0;
                object-fit: contain;
                width: 100%;
                height: 100%;
                max-height: none;
                max-width: none;
            }
        }
    }
}



.sku-title .images-container > div {
    width: 100%;
    position: sticky;
    top: 50px;
}

@media screen and (min-width: 769px) {
    .sku-content .images-container {
        width: 50%;
        padding: 0 15px 15px 30px;
    }

    .sku-content .sku-details .info-block {
        width: 50%;
        padding: 0 30px 15px 15px;
    }
}

.sku-info-container .product-options-row .retail_price_block, .sku-info-container .product-options-row .wholesale_price_block {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding: 0 10px 0 0;
}

    .sku-info-container .product-options-row .wholesale_price_block .product-price {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
    }

    .sku-info-container .product-options-row .retail_price_block .product-price {
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
    }

    .sku-info-container .product-options-row .retail_price_block .price-unit, .sku-info-container .product-options-row .wholesale_price_block .price-unit {
        font-size: 14px;
        margin-left: 5px;
    }

.sku-info-item .acticle-link {
    padding: 5px 10px;
    background: #f2f2f2;
    border-radius: 3px;
    text-transform: uppercase;
}

.sku-info-item .product-options-row .wholesale_price_block {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding: 0;
}

.sku-info-item .favorite-balance-item > div {
    min-width: 80px;
    display: flex;
    justify-content: center;
}

.sku-property-card {
    margin-top: 20px;
}

    .sku-property-card .property-name {
        font-size: 18px;
        line-height: 1.1;
        font-weight: 700;
    }

.sku-card .card-header {
    border-bottom: 1px solid #EEEFF3;
    padding: 1.25rem 0 0;
}
@media (max-width: 769px) {
    .sku-card .card-header {
        border-bottom: 1px solid #EEEFF3;
        padding: 0;
    }
}


    .sku-card .card-header ul li {
        display: inline-block;
        padding: 5px 0;
        margin-right: 10px;
    }

    .sku-card .btn-buy {
        font-size: 13px;
        width: auto;
    }

        .sku-card .btn-buy div.text {
            min-width: 95px;
        }

    .sku-card .mobile-share-btn {
        display: none;
    }

    @media screen and (max-width:768px) {
        .sku-card .mobile-share-btn {
            display: block;
            margin-left: 20px;
        }
    }

    .sku.product-card .delivery-status {
        width: 100%;
        display: flex;
        align-items: center;
    }

        .sku.product-card .delivery-status .delivery-status-block {
            display: flex;
            justify-content: flex-start;
            /*background-color: #f2f2f2;
        padding: 5px;*/
            width: 100%;
            border-radius: 3px;
        }

            .sku.product-card .delivery-status .delivery-status-block > div {
                font-size: 12px;
                line-height: 1;
                padding-right: 10px;
                display: flex;
                align-items: center;
            }

        .sku.product-card .delivery-status svg, .sku.product-card .delivery-status img {
            height: 20px;
            margin-right: 5px;
        }

    .sku.product-card .product-options-row .wholesale_price_block {
        line-height: 18px;
        min-height: 90px;
    }

    .sku.product-card .product-options-row .retail_price_block {
        line-height: 20px;
        min-height: 90px;
    }

    .sku.product-card .catalogue_photo {
        height: 150px;
    }

    .sku.product-card .propTitle {
        margin-bottom: 5px;
    }

    .Product-content .sku.product-card .propTitle {
        margin-bottom: 10px;
    }

    .Product-content .sku.product-card .card .description {
        height: 85px;
    }

    .sku.product-card .basket-quantity {
        max-width: 135px;
    }

    .card.sku-card .price-unit .hint {
        display: none;
    }

    .sku.product-card .card .description .description-row {
        display: none;
    }

        .sku.product-card .card .description .description-row:nth-child(1),
        .sku.product-card .card .description .description-row:nth-child(2),
        .sku.product-card .card .description .description-row:nth-child(3) {
            display: flex;
        }

    .without-GPropIcons .sku.product-card .card .description .description-row:nth-child(1),
    .without-GPropIcons .sku.product-card .card .description .description-row:nth-child(2),
    .without-GPropIcons .sku.product-card .card .description .description-row:nth-child(3),
    .without-GPropIcons .sku.product-card .card .description .description-row:nth-child(4),
    .without-GPropIcons .sku.product-card .card .description .description-row:nth-child(5) {
        display: flex;
    }

    .sku.product-card:hover .description .description-row {
        display: flex !important;
    }

    .without-GPropIcons .sku.product-card .card .description {
        height: 90px;
    }

    .info-block .sku-info-container .sku-info-item .Properties-block .description-row {
        display: none;
    }

        .info-block .sku-info-container .sku-info-item .Properties-block .description-row:nth-child(1),
        .info-block .sku-info-container .sku-info-item .Properties-block .description-row:nth-child(2),
        .info-block .sku-info-container .sku-info-item .Properties-block .description-row:nth-child(3) {
            display: flex;
        }

            .info-block .sku-info-container .sku-info-item .Properties-block .description-row:nth-child(3) .info-block div.Property, .info-block .sku-info-container .sku-info-item .Properties-block .description-row:nth-child(3) .info-block div.value {
                border-bottom: 0;
            }

    .show-more-description {
        font-size: 12px;
        color: #809fcf;
    }

    .swiper .swiper-slide a .clear-swiper-filter {
        position: absolute;
        right: 5px;
        top: 5px;
        line-height: 1;
        font-size: 12px;
        display: none;
    }

    .swiper .swiper-slide a.selected .clear-swiper-filter {
        display: block;
    }

    .sku-content .sku-navigation {
        font-size: 1rem;
        font-weight: 400;
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .sku-content .sku-navigation ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 1.1;
        }

            .sku-content .sku-navigation ul li {
                cursor: pointer;
                white-space: nowrap;
            }

        .sku-content .sku-navigation::-webkit-scrollbar, .WebPathInfo::-webkit-scrollbar {
            height: 5px
        }

        .sku-content .sku-navigation::-webkit-scrollbar-thumb:horizontal, .WebPathInfo::-webkit-scrollbar-thumb:horizontal {
            background-color: #c2c2c2
        }

    .price-pack {
        display: block;
        font-size: 11px;
    }

    .sku-info-container .price-pack {
        display: none;
    }

    .share-form {
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top: -75px;
        width: 300px;
        height: 150px;
        background-color: #f2f2f2;
        padding: 20px;
        z-index: 999;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

        .share-form.open {
            display: block !important;
        }
        /*.share-form .close-share {
        position: absolute;
        right: -10px;
        top: -10px;
        background-color: #ffffff;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        font-weight: 600;
        border: 0;
        text-align: center;
        line-height: 10px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }*/

        .share-form .social-btn .social-link {
            border-radius: 100%;
            position: relative;
            display: inline-block;
            height: 40px;
            width: 40px;
            font-size: 25px;
            line-height: 40px;
            text-align: center;
            vertical-align: middle;
            background-color: #2c4073;
            color: #ffffff;
        }

            .share-form .social-btn .social-link.fb {
                background-color: #496194;
            }

            .share-form .social-btn .social-link.tg {
                background-color: #26a2e0;
            }

    .close-share-form {
        cursor: pointer;
    }
