
.GL-PDD {margin-bottom: 60px}
.GL-PDD h1 {font-weight: 500;font-size: 30px;line-height: 30px;margin: 10px 0 20px 0}

.productDetailsDesctop-Top-L .miniaturesBody > div {box-shadow: 0 0 1px 1px rgba(0,0,0,0.15)}
.productDetailsDesctop-Top-L .miniaturesBody > div.active,
.productDetailsDesctop-Top-L .miniaturesBody > div:hover {box-shadow: 0 0 1px 1px orange}

.productDetailsDesctop-Top-R-Body .priceWrap {display: flex;justify-content: space-between}
.productDetailsDesctop-Top-R-Body .priceWrap .favorite {width: 29px;height: 35px;overflow: hidden;cursor: pointer}
.productDetailsDesctop-Top-R-Body .priceWrap .favorite svg {width: 35px;height: 35px;fill: #444}

.productDetailsDesctop-Top-R-Body .priceWrap .price {margin: 5px 0 15px 0}
.productDetailsDesctop-Top-R-Body .priceWrap .price > span:first-child {font-size: 16px; color: #777; margin-right: 10px}
.productDetailsDesctop-Top-R-Body .priceWrap .price > span:last-child {font-size: 24px; font-weight: 500}

.productDetailsDesctop-Top-R-Body .buyBtnsWrap {display: flex; gap: 10px}
.productDetailsDesctop-Top-R-Body .byeCnt {width: 50%;position: relative;box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);border-radius: 6px}
.productDetailsDesctop-Top-R-Body .byeCntBtn {position: absolute;width: 40px;height: 40px;cursor: pointer;top: 0;font-size: 18px;line-height: 18px;font-weight: 500;color: #777}
.productDetailsDesctop-Top-R-Body .byeCntBtn[data-type="1"] {left: 0}
.productDetailsDesctop-Top-R-Body .byeCntBtn[data-type="2"] {right: 0}
.productDetailsDesctop-Top-R-Body .byeCntBtn:hover {color: orange}
.productDetailsDesctop-Top-R-Body .byeCnt input {display: block;border: 0;outline: none;border-radius: 0;margin: 0 30px;height: 40px;text-align: center;font-size: 18px;font-weight: 500; max-width: calc(100% - 60px)}


.productDetailsDesctop-Top-R-Body .buyBtnsWrap .byeBtn {background: rgb(228,152,12);width: 50%;border-radius: 6px;cursor: pointer;color: #fff; transition: 0.3s}
.productDetaisParent[data-added="1"] .byeBtn:after {content: "В корзине"}
.productDetaisParent[data-added="0"] .byeBtn:after {content: "В корзину"}
.productDetailsDesctop-Top-R-Body .buyBtnsWrap .byeBtn:hover {background: orange}


.GL-PDD .baseCharsWrap {margin-top: 20px}
.GL-PDD .baseCharRow {display: flex;justify-content: space-between; width: 100%;border-bottom: dotted 1px #999;margin: 7px 0}
.GL-PDD .baseCharRow > div {margin-bottom: -1px;font-weight: 500;font-size: 15px}
.GL-PDD .baseCharRow > div span {background-color: #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone}
.GL-PDD .baseCharRow .char {color: #777}
.GL-PDD .baseCharRow .char span {padding-right: 5px}
.GL-PDD .baseCharRow .value {text-align: right}
.GL-PDD .baseCharRow .value span {padding-left: 5px}

.productDetailsDesctop-Bottom {margin: 20px 0}
.productDetailsDesctop-Bottom h2 {margin: 20px 0;font-weight: 500}

.productDetailsDesctop-Bottom > div {white-space: pre-wrap}

@media (width < 1200px) {
    .GL-PDD h1,
    .GL-PDD .productDetailsDesctop-Top,
    .GL-PDD .productDetailsDesctop-Bottom {
        margin-left: 15px!important;
        margin-right: 15px!important;
    }
}

@media (width >= 700px) {
    .productDetailsDesctop-Top {display: flex;gap: 20px}
    .productDetailsDesctop-Top-L {display: flex;gap: 10px}
    .productDetailsDesctop-Top-L .miniaturesBody {position: sticky;top: 71px;overflow-y: auto;overflow-x: hidden; margin-top: -2px;}
    .productDetailsDesctop-Top-L .miniaturesBody > div {
        background-color: #ddd;margin-bottom: 3px;background-repeat: no-repeat;background-position: 50%;background-size: cover;margin: 2px 2px 8px 2px;cursor: pointer;
    }
    .productDetailsDesctop-Top-L .mainImg {background-color: #ddd;box-shadow: 0 0 1px 1px rgba(0,0,0,0.15)}
    .productDetailsDesctop-Top-L .mainImg img {object-fit: cover;width: 100%;height: 100%}

    .productDetailsDesctop-Top-R {width: 100%;}
    .productDetailsDesctop-Top-R-Body {position: sticky;top: 71px}
}



@media (width >= 1600px) {
    .productDetailsDesctop-Top-L .miniaturesBody {max-height: 550px}
    .productDetailsDesctop-Top-L .miniaturesBody > div {width: 80px;min-width: 80px;max-width: 80px; height: 80px}
    .productDetailsDesctop-Top-L .mainImg {width: 550px;min-width: 550px;max-width: 550px;height: 550px}
}
@media ( 1600px > width >= 1000px) {
    .productDetailsDesctop-Top-L .miniaturesBody {max-height: 450px}
    .productDetailsDesctop-Top-L .miniaturesBody > div {width: 60px;min-width: 60px;max-width: 60px; height: 60px}
    .productDetailsDesctop-Top-L .mainImg {width: 450px;min-width: 450px;max-width: 450px;height: 450px}
}
@media ( 1000px > width >= 800px) {
    .productDetailsDesctop-Top-L .miniaturesBody {max-height: 350px}
    .productDetailsDesctop-Top-L .miniaturesBody > div {width: 50px;min-width: 50px;max-width: 50px; height: 50px}
    .productDetailsDesctop-Top-L .mainImg {width: 350px;min-width: 350px;max-width: 350px;height: 350px}
}
@media ( 800px > width >= 700px) {
    .productDetailsDesctop-Top-L {display: flex;gap: 10px}
    .productDetailsDesctop-Top-L .miniaturesBody {position: sticky;top: 71px;max-height: 250px;overflow-y: auto;overflow-x: hidden; margin-top: -2px;}
    .productDetailsDesctop-Top-L .miniaturesBody > div {width: 40px;min-width: 40px;max-width: 40px; height: 40px}
    .productDetailsDesctop-Top-L .mainImg {width: 350px;min-width: 250px;max-width: 250px;height: 250px} 
}
@media ( width < 700px) {

    .productDetailsDesctop-Top-L .miniaturesBody > div {
        width: 80px;min-width: 80px;max-width: 80px; height: 80px;background-color: #ddd;margin-bottom: 3px;
        background-repeat: no-repeat;background-position: 50%;background-size: cover;
        margin: 2px 2px 8px 2px;
        cursor: pointer;
    }
    .productDetailsDesctop-Top-L {display: flex; flex-direction: column-reverse}
    .miniaturesBody {display: flex;max-width: 100%;overflow-x: auto}
}