/* PRODUCT */
.product-page{display:grid;grid:"a b" "c c";grid-template-columns:450px 1fr}
.p-img_block{grid-area: a}
.p-m_content{grid-area: b}
.p-content{grid-area: c; margin-top: 25px}
.product-page{padding-top:13px}
.p-m_content h1{font-size:28px;line-height:37px;font-weight:700;color:#363636}
.p-article{margin-top:10px;color:#5a5a5a}
.p-article span{color:#000;font-weight:600}
.p-buy-u{margin-top:20px;display:flex;grid-column-gap:15px}
.p-buy-u-ctrls{display:inline-flex;grid-column-gap:15px}
.p-qty{display:flex;border:1px solid #d32f2f;border-radius:4px;max-width:150px;justify-content:space-between;height:50px}
.t-pr-qty-wrap .p-qty{display: inherit}
.p-qty-btn{cursor:pointer}
.p-qty-btn .icon{width:40px}
.p-qty-val{border-radius:4px;border:none;outline:0;width:calc(100% - 80px);text-align:center}
.p-prices{display:flex;flex-direction:column;justify-content:center;font-weight:700;font-size:20px;line-height: 26px;}
.p-price-compare{text-decoration:line-through;color: #5a5a5a;}
.p-buy-u-btns{display:flex;grid-column-gap:15px}
.p-buy-oc,.p-buy-u-btn button{max-width:178px;height:50px;background:#d32f2f;border-radius:4px;width:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:16px;letter-spacing:.05em;color:#fff;cursor:pointer;border:none;padding:0 15px}
.stocks{margin-top:20px}
.stocks-title{color:#5a5a5a;font-weight: 700;}
.sku-stock{margin-top:5px}
.stock-div{display:flex; font-size: 14px;}
.stock-high{color:#37a10e}
.stock-low{color:#d32f2f}
.stock-critical{color:#bb2612}
.stock-name{margin-left:10px}
.p-tags{margin-top:20px;display:flex;flex-wrap:wrap;grid-column-gap:10px;grid-row-gap:10px}
.p-tags-title{color:#5a5a5a;width:100%;font-weight: 700;}
.tag-buttons{padding:3px 8px;background-color:#f8f8f8;color:#000;border-radius:4px;font-size:14px}
.tag-buttons:hover{background-color:#ebebeb}
.quantity {margin-bottom: -24px;color: #0c0c0c}

.p-images {width: 430px; margin-right: 45px; position: relative;}
.p-main-image-wrap, .p-video-wrap {width: 100%; height: 430px; border: 1px solid lightgray; border-radius: 3px; overflow: hidden; display: table;}
.p-main-image-inner, .p-video-wrap-inner {display: table-cell; vertical-align: middle; position: relative; cursor: pointer;}
.p-main-image-inner img, .p-adt-img img, .p-video-list li img {max-width: 100%; height: auto; width: auto; display: block; margin: 0 auto;}
.p-main-image-inner img {max-height: 428px;}
.p-main-image-inner img.old {opacity: 0.7;}
.p-image-preloader {position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;}
.p-adt-img img {max-width: 94px; max-height: 94px;}
.p-adt-img {width: 96px; height: 96px; border: 1px solid lightgray; border-radius: 3px; overflow: hidden; display: table;}
.p-adt-img.selected {border: 1px solid #d32f2f;}
.p-adt-img-inner {display: table-cell; vertical-align: middle; position: relative;}
.p-adt-imgs {margin-top: 30px; height: 96px; overflow: hidden; padding: 0 30px;}
.p-adt-imgs .slick-arrow {position: absolute; width: 25px; height: 96px; top: 0; z-index: 3; background: #e3e3e3; border-radius: 3px; transition: 0.2s background;}
.p-adt-imgs .slick-arrow:hover {background: #c7c7c7;}
.p-adt-imgs .slick-prev {left: 0;}
.p-adt-imgs .slick-next {right: 0;}
.p-adt-imgs .slick-arrow-icon {margin-top: 41px; margin-left: 6px; width: 12px; height: 12px;}
.p-adt-imgs .slick-next .slick-arrow-icon {transform: rotate(180deg);}
.p-images .slide-btns {top: 9px; left: 9px;}

.p-brands{display:flex;justify-content:flex-start;grid-column-gap:10px;margin-top:20px;flex-wrap:wrap}
.p-brand {width: 140px;}
.p-brand a {border: 1px solid #eee; display: inline-block; margin-top: 10px; border-radius: 3px; overflow: hidden;}
.p-brand a:hover {border: 1px solid #d32f2f;}
.p-brand img {width: auto;}
.p-description-title,.p-features-title{color:#3c4049;font-size:20px;font-weight:700;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.p-features-cnt{margin-top:20px;column-count:2}
.p-fts{display:flex;margin-bottom:10px}
.features-name{width:250px;font-weight:600;font-size:14px}
.features-value{width:calc(100% - 250px);font-size:14px}
.p-description{margin-top:40px}
.p-img_block{
    position: relative;
}
.p-img_block .slide-btns{
    top: 10px;
    left: 10px;
}
.p-img_block .slide-btns div{
    box-shadow: 0 0 6px #00000061;
}
.p-video{
    margin-top: 40px;
}
.p-ask {margin-top: 25px; font-size: 15px;}
.p-ask-icon {width: 32px; height: 48px; float: left;}
.p-ask-data {line-height: 24px; margin-left: 42px;}
.p-ask-data a {color: #d32f2f;}
.p-manufacturer-alert {padding: 8px 15px; margin-top: 25px; font-size: 14px; background: #ffecec; border-radius: 3px;}
.p-description-cnt {font-size: 14px;}
.p-description-cnt ul {list-style: initial; margin-left: 20px; margin-bottom: 20px;}

/* PRODUCT media */
@media (max-width: 1200px){
    .features-name{
        width: 220px;
    }
    .p-features-cnt {
        column-count: 2;
    }
    .p-buy-u{
        flex-wrap: wrap;
        grid-row-gap: 15px;
    }
    .p-buy-u-btns{
        width: 100%;
    }
    .p-buy-u-btn{
        /*width: 50%;*/
    }
    .p-buy-oc{
        text-align: center;
        /*max-width: none;*/
    }
}
@media (max-width: 768px){
    .product-page{
        display: flex;
        flex-direction: column;
    }
    .p-m_content{
        margin-top: 20px;
    }
    .p-features-cnt {
        column-count: 1;
    }
    .p-m_content h1{
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.02em;
        margin-bottom: 40px;
    }
    .p-buy-oc, .p-buy-u-btn button{
        font-size: 14px;
    }
	.p-images {width: 100%; margin-right: 0;}
}