/*************** 【 Awards New Layout/ 新改版在產品圖下方  】 (.award.below-product-image) *****************/

/* 統一取消原有::before/ after樣式 (上下引號) */
.single-product .product .product-padding .quote:has(.add-to-cart.button.nomargin.btn-full-width)::before/* >> Add to Quote Cart Button 上一層 .quote::before  */ {
	content: none !important;/* 取消原來的內容 */
}

/* Award 新改版 (改在產品圖下方) >> (通用/ 上半部) >> 如果沒有 Awards >> 底部要增加距離 */
/* 當 .award.below-product-image 沒有連續的 div.vcenter 時 */
/* 預設：所有 .product-padding 都有 margin-bottom */
.single-product .product .product-padding {
    margin-bottom: 30px;/* 例外：如果 .award.below-product-image 有連續的 div.vcenter，則取消 margin */
}

/* 例外：如果 .award.below-product-image 有連續的 div.vcenter，則取消 margin */
.single-product .product .product-padding:has(.award.below-product-image div.vcenter + div.vcenter) {
    margin-bottom: 0;
}


.single-product .product-desc .msrp, 
.single-product .msrp {
    font-size: 1.1em;
    margin-top: 5px !important;
}


.single-product .product .product-padding:has(.quote + .msrp) a.add-to-cart.button.nomargin {
    margin-bottom: 10px !important;
}

.single-product .product .product-padding .product-image-container:has(.quote + .msrp) a.add-to-cart.button.nomargin, 
.single-product .product .product-padding .product-desc:has(.quote + .msrp) a.add-to-cart.button.nomargin {
    margin-top: 15px !important;
}


.single-product .certification.with-RC-Icon {
    margin: 30px 0 0px;
}


.single-product .product .product-padding .col-md-5.product-image-container .margin-top.quote:has(a.add-to-cart.button.nomargin.btn-full-width) {
    margin-top: 2.2em !important;
}

.single-product .product .product-padding:has(.award.below-product-image div.vcenter + div.vcenter) .col-md-5.product-image-container .margin-top.quote:has(a.add-to-cart.button.nomargin.btn-full-width) {
    margin-top: 10px !important;
}


/* Award 新改版 (改在產品圖下方) >> (通用/ 上半部) */
.single-product .product .product-padding .product-desc:has(.award.below-product-image) .top-related-products {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 1.2rem;
}

/* Award 新改版 (改在產品圖下方) >> (通用/ 上半部) */
.single-product .product .product-padding .product-image-container .award.below-product-image {
	margin-top: 2.2rem;
    margin-bottom: 2rem;
    margin-bottom: 1.8rem;

    padding-top: 2.2rem;
    padding-top: 2.1rem;
    padding-top: 1.2rem;
}

/* Award 新改版 (改在產品圖下方) >> (通用/ 上半部) >> 有 Award 內容才有虛線 */
.single-product .product .product-padding .product-image-container .award.below-product-image:has(div.vcenter + div.vcenter) {
    border-top: none;
    border-top: 1px solid #eaeaea;
}

/* Award 新改版 (改在產品圖下方) >> 三欄時，產品描述區塊底部邊框取消 */
.single-product:has(.award.below-product-image) .col-md-4.product-desc .certification, 
.single-product .product-desc .certification {
    border-bottom: 0 !important;
    margin-bottom: 0px !important;
}



/* Award 新改版 (改在產品圖下方) >> img (通用/ 上半部) */
.single-product .award.below-product-image a img,
.product-desc .award.below-product-image a img {
    /* 0px 距離 / 10px 圓角 */
    clip-path: inset(0px round 10px);
    transform: scale(0.95);

	clip-path: inset(0px round 5px);
    transform: scale(1);
	transform: scale(0.95);
    padding: 0; /* B2C 專屬 */
    padding-right: 10px;

    border-radius: 7px;
	border-radius: 0.4rem;
}





@media (min-width: 992px) {

    /* Award 新改版 (改在產品圖下方) (兩欄 + 三欄時) >> 寬度對齊產品縮圖 */
    
    .col-md-7.product-image-container .award.below-product-image, /* 兩欄 */
    .col-md-5.product-image-container .award.below-product-image /* 三欄 */ {
    padding-right: 30px; 
    }

}


@media (min-width: 1024px) {

	/* Award 新改版 (改在產品圖下方) (兩欄時) >> img */
    .col-md-7.product-image-container .award.below-product-image a img {
	max-height: 83px !important;
    max-height: 90px !important;
	width: auto !important;
	}

	/* Award 新改版 (改在產品圖下方) (三欄時) >> img */
    .col-md-5.product-image-container .award.below-product-image a img {
	max-height: 61px !important;
	width: auto !important;
	}

}


@media (min-width: 1921px) {

    /* Award 新改版 (改在產品圖下方) (兩欄時) >> 寬度對齊產品縮圖 */
    .col-md-7.product-image-container .award.below-product-image, /* 兩欄 */
    .col-md-5.product-image-container .award.below-product-image /* 三欄 */ {
    width: 93%;
    width: calc(93% - 0%);

    /* B2C 專屬 margin-left: 3.5%; */

    padding-right: 30px; 
    }

    /* Award 新改版 (改在產品圖下方) (三欄時) >> 寬度對齊產品縮圖 */
    .col-md-5.product-image-container .award.below-product-image {}


    /* Award 新改版 (兩/ 三欄) (改在產品圖下方) >> Button 加寬 */
    .single-product .product .product-padding:has(.award.below-product-image) a.add-to-cart.button.nomargin.btn-full-width,
    .single-product .product .product-padding .product-image-container a.add-to-cart.button.nomargin.btn-full-width, 
    .single-product .product .product-padding .product-desc a.add-to-cart.button.nomargin.btn-full-width {
    width: 100% !important;
    }

    /* Award 新改版 (兩欄) (改在產品圖下方) >> Button 加寬 */
    .single-product .product .product-padding .col-md-7.product-image-container a.add-to-cart.button.nomargin.btn-full-width, 
    .single-product .product .product-padding .col-md-5.product-desc a.add-to-cart.button.nomargin.btn-full-width {
    width: 100% !important;
    width: 95% !important;
    }

    /* Award 新改版 (三欄) (改在產品圖下方) >> Button 加寬 */
    .single-product .product .product-padding .col-md-5.product-image-container a.add-to-cart.button.nomargin.btn-full-width, 
    .single-product .product .product-padding .col-md-4.product-desc a.add-to-cart.button.nomargin.btn-full-width {
    width: 100% !important;
    width: 93% !important;
    }
    

}


/* Bowei 筆電寬螢幕 1280 以下 */
@media (max-width: 1280px) {

    /* Award 新改版 (改在產品圖下方) >> img (通用/ 上半部) */
    .single-product .award.below-product-image a img,
    .product-desc .award.below-product-image a img {
    transform: scale(0.9);
    }

}



/* 979 以下 */
@media (max-width: 979px) {

    /* Award 新改版 (改在產品圖下方) >> img (通用/ 上半部) */
	.single-product .award.below-product-image a img, 
	.product-desc .award.below-product-image a img {
	transform: scale(0.9);
	width: 100% !important;

	max-height: 128px;
	max-height: 150px;
	}

}


/* 480 以下 */
@media (max-width: 480px) {

    /* Award 新改版 (改在產品圖下方) >> img (通用/ 上半部) */
	.single-product .award.below-product-image a img, 
	.product-desc .award.below-product-image a img {
	transform: scale(0.9);
	width: 100% !important;

	max-width: 86%;
	max-height: unset;
	}

}