.pdp_wrapper { display: flex; flex-direction: column;}
.pdp_wrapper img { width: 100%;}
.pdp_container { max-width: 600px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }

.pdp_section { padding: 0 0 50px 0;}

.pdp_section.pdp_header { background-color: #150C61; text-align: center; color: white; padding-bottom: 50px; }

.pdp_header_bg { display: flex; align-items: center; justify-content: center; background-color: #01358E; background-image: url('/shop/sh88/info/pdp_trojan/magnum/bg-magnum-thin.png'); background-repeat: no-repeat; background-size: 50%; background-position: right 0%; margin-bottom: 100px;}
.pdp_header_bg.ribbed { background-image: url('/shop/sh88/info/pdp_trojan/magnum/bg-magnum-ribbed.png'); }
.pdp_header_bg.xl , .pdp_header_bg.ecstasy { background-image: url('/shop/sh88/info/pdp_trojan/magnum/bg-naturalamb-xl-ecstasy.png'); background-color: #212529;}
.pdp_header_bg.naturalamb { background-image: url('/shop/sh88/info/pdp_trojan/magnum/bg-naturalamb-xl-ecstasy.png'); }

.pdp_pd-img { width: 300px; margin-bottom: -80px; margin-top: 30px;}
/* .pdp_p_gp { margin-top: 160px;} */
.pdp_p_gp .pdp_p { margin: 5px 0; }
.pdp_p { line-height: 1.5em; }
.pdp_title { font-size: 36px; font-weight: 700; line-height: 1.3em; margin: 30px 0;}
.pdp_hightlight { font-size: 25px; color: #FFAB15; font-weight: 700; line-height: 1.5em; text-decoration: underline; text-underline-position: under; margin-bottom: 30px; }
.pdp_section.pdp_specs{ color: white; text-align: center; background-image: linear-gradient(to bottom, #ed3d0a, #4d2364); position: relative; overflow: hidden; padding: 50px 0;}
.pdp_specs_bg { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 800px; }
.pdp_specs .pdp_title { position: relative; z-index: 10;}
.pdp_specs_img { position: relative; width: 100%; max-width: 500px; margin: 0 auto; }
/* .pdp_specs_btn_gp { position: relative;} */
.pdp_specs_btn_gp .pdp_specs_btn { width: 40px; height: 40px;  border-radius: 50%; border: 1px so; background-image: url('/shop/sh88/info/pdp_trojan/magnum/specs-toggle-normal.png'); background-size: cover; background-position: center; background-repeat: no-repeat; display: block; position: absolute; cursor: pointer; transition: background-color 300ms;}
.pdp_specs_btn_gp .pdp_specs_btn.active { background-color: #FFAB15; }
.pdp_specs_btn_gp .pdp_specs_btn:hover { background-color: #FFAB15; }

.magnum_thin .pdp_specs_btn.specs_1 { top: 0; left: 10%; }
.magnum_thin .pdp_specs_btn.specs_2 { bottom: 0; left: 20%; }
.magnum_thin .pdp_specs_btn.specs_3 { top: 0; left: 55%; }
.magnum_thin .pdp_specs_btn.specs_4 { bottom: 0; left: 46%; }
.magnum_thin .pdp_specs_btn.specs_5 { bottom: 0; left: 70%; }

.magnum_ribbed .pdp_specs_btn.specs_1 { top: 0; left: 10%; }
.magnum_ribbed .pdp_specs_btn.specs_2 { bottom: 38%; left: 66%; }
.magnum_ribbed .pdp_specs_btn.specs_3 { top: 0; left: 52%; }
.magnum_ribbed .pdp_specs_btn.specs_4 { bottom: 0; left: 46%; }
.magnum_ribbed .pdp_specs_btn.specs_5 { bottom: 23%; left: 90%; }

.magnum_xl .pdp_specs_btn.specs_1 { top: 0; left: 10%; }
.magnum_xl .pdp_specs_btn.specs_2 { top: 0; left: 55%; }
.magnum_xl .pdp_specs_btn.specs_3 { bottom: 0; left: 46%; }
.magnum_xl .pdp_specs_btn.specs_4 { bottom: 23%; left: 90%; }

.magnum_ecstasy .pdp_specs_btn.specs_1 { top: 10%; left: 8%; }
.magnum_ecstasy .pdp_specs_btn.specs_2 { bottom: 10%; left: 24%; }
.magnum_ecstasy .pdp_specs_btn.specs_3 { top: 0; left: 55%; }
.magnum_ecstasy .pdp_specs_btn.specs_4 { bottom: 2%; left: 47%; }
.magnum_ecstasy .pdp_specs_btn.specs_5 { bottom: 2%; left: 76%; }
.magnum_ecstasy .pdp_specs_btn.specs_6 { bottom: 23%; left: 94%; }

.naturalamb .pdp_specs_btn.specs_1 { top: 0; left: 0; }
.naturalamb .pdp_specs_btn.specs_2 { top: 0; left: 56%; }
.naturalamb .pdp_specs_btn.specs_3 { bottom: 0; left: 46%; }

.pdp_wave { width: 50px; margin: 30px auto; }
.specs_captions { margin-bottom: 15px; position: relative;}
.specs_captions span { display: none; line-height: 1.5em;}
.specs_captions span.active { display: block;}

.pdp_section.pdp_cm { background-image: linear-gradient(to bottom, #4d2364, #231a75, #150C61); margin-top: -1px; }
.pdp_cm_card_wrapper { display: flex; justify-content: center;}
.pdp_cm_card { text-align: center; color: white; width: 30%; padding: 20px; margin: 1%; background-image: linear-gradient(to bottom, #4532BB, #231a75, #150C61); }
.pdp_cm_card .pdp_star { margin: 8px 0;}
.pdp_cm_card .pdp_title { font-size: 25px; margin: 15px 0;}
.pdp_section.pdp_cm { padding: 0; }
.pdp_cm .pdp_container { max-width: 1000px; margin-top: -1px;}

.pdp-video_swiper { background-color: #150C61; margin-top: -1px;}
.copyvideopath-container {
    border: 1px solid #d3d3d3;
    color: white;
}

@media screen and (max-width: 959px) {

}

@media screen and (max-width: 767px) {
    .pdp_container { padding-left: 10px; padding-right: 10px;}
    .pdp_title { font-size: 30px;}
    .pdp_hightlight { font-size: 20px;}
    .pdp_cm_card .pdp_title { font-size: 20px;}
    .pdp_pd-img { width: 200px; margin-top: 15px;}
    .pdp_cm_card_wrapper { flex-direction: column; align-items: center; padding: 0 15px;}
    .pdp_cm_card { width: 100%; max-width: 500px; margin: 0; padding: 20px; }
    /* .pdp_cm .pdp_container { padding: 0 10px;} */
    .pdp_section.pdp_specs { padding: 30px 0;}
    .pdp_specs_btn_gp .pdp_specs_btn { width: 30px; height: 30px; }
}

@media screen and (max-width: 479px) {
    .pdp_title { font-size: 25px;}
    .pdp_hightlight { font-size: 18px; margin-bottom: 15px;}
    .pdp_cm_card_wrapper { padding: 0;}
    .pdp_cm_card { padding: 20px 10px; }
    .pdp_cm_card .pdp_title { margin: 15px 0; }
    .pdp_specs_btn_gp .pdp_specs_btn { width: 25px; height: 25px; }
}