.pdp_wrapper { background-color: #121310; color: white; text-align: center; overflow: hidden; }
.pdp_wrapper img { width: 100%;}
/* .pdp_section { padding: 50px 0; } */
.pdp_container { max-width: 1000px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }

.pdp_kv { background-image: url('/shop/sh88/info/pdp_tenga/mens_charge/bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.pdp_p { line-height: 1.6em; }

.logo_block { display: flex; padding-top: 100px; margin-bottom: 30px; }
.arrow { width: 70px; margin-right: 8px; }
.logo_text_1 { font-size: 50px;line-height: 1em; font-weight: 700;}
.logo_text_2 { font-size: 54px;line-height: 1em; font-weight: 700;}
.logo_text_3 { font-size: 40px;line-height: 1em; font-weight: 700;}
.pdp_title { background: linear-gradient(180deg, rgba(212,55,49,1) 0%, rgba(234,168,86,1) 100%); font-size: 28px; width: 50%; padding-right: 30px; padding-left: 130px; text-align: center; margin-left: -14%; line-height: 1.5em; font-weight: 700;}
.title_block { display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; margin-top: 80px;}
.title_s { font-size: 26px; font-weight: 700; line-height: 1.3em; margin-top: 5px; }
.title_m { font-size: 42px; font-weight: 700; line-height: 1.3em; }
.title_l { font-size: 70px; font-weight: 700; line-height: 1.1em; margin-left: 8px; margin-bottom: .5em; }
.title_l span { font-size: 70px!important; }
.pdp_highlight { color: #D51218; font-weight: 700; }
.pdp_tag_gp { margin-top: 50px; display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; }
.pdp_tag { background-color: #D51218; margin: 0 9px; padding: 5px 10px; border-radius: 5px; margin-bottom: 5px; }
.pdp_intro { position: relative; }
.bg_deco { width: 100px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.pdp_info { background-color: #000000; width: 100%; max-width: 815px; border: 1px solid #707070; padding: 30px; border-radius: 20px; margin: 50px auto; }
.pdp_span { font-size: 14px; margin-top: 20px; }
.pdp_light_gray { background-color: #2D2E2B; }
.pdp_usp_gp { display: flex; align-items: flex-start; justify-content: space-between; padding: 50px 0; }
.pdp_icon { max-width: 140px; margin-bottom: 15px; }
.pdp_usp { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 32%; padding: 1%; width: 100%; min-width: 180px; flex-wrap: wrap; }
.pdp_usp_gp .pdp_p { flex: 1; }

.formula_wrapper { display: flex; justify-content: center; margin: 30px 0; position: relative;}
.formula_block { display: flex;  align-items: center; width: 100%; max-width: 500px; }
.formula { position: relative; background: linear-gradient(180deg, rgba(212,55,49,1) 0%, rgba(234,168,86,1) 100%); border-radius: 50%; width: 176px; height: 176px; min-width: 176px; min-height: 176px; font-size: 30px; font-weight: 700; display: flex; justify-content: center; align-items: center; margin-right: 10px;  }
.formula_block_gp { position: relative; z-index: 2; margin-top: 60px; margin-left: -40px; }
.bg_deco_2 { width: 280px; position: absolute; top: -10%; left: -45%; z-index: -1; }
.bg_deco_2-desktop { width: 280px; }
.bg_deco_2.zh { left: -65%; }

.bg_deco_2-desktop { display: block; }
.bg_deco_2.mobile { display: none; }

.formula_block .pdp_p { display: flex; align-items: flex-start; margin-bottom: 10px; text-align: left;}
.formula_block .pdp_p:last-child { margin-bottom: 0px; }
.formula_block .pdp_p span { color: #D51218; font-size: 25px; margin-right: 5px; font-weight: 700;}
.formula i { position: absolute; bottom: -34px; transform: translateY(-50%); z-index: 3; }
.usage_gp { width: 100%; max-width: 580px; margin: 0 auto; padding: 50px 0; }
.usage { background-color: #000000; margin-bottom: 10px; padding: 20px;  }
.usage-title { color: #D51218; font-size: 27px; line-height: 1.2em; font-weight: 700; }

.usage_section { position: relative ;}
.usage_section .bg_deco-2 { width: 140px; position: absolute; bottom: -98px; right: -70px; }

@media screen and (max-width: 991px) {
    .arrow { width: 42px; }
    .logo_text_1 { font-size: 30px;line-height: 1em;}
    .logo_text_2 { font-size: 32px;line-height: 1em;}
    .logo_text_3 { font-size: 24px;line-height: 1em;}
}

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

    .title_s , .usage-title { font-size: 20px; }
    .title_m { font-size: 24px; }
    .title_l { font-size: 46px; }
    .title_l span { font-size: 46px!important; }

    .pdp_tag_gp { margin-top: 30px;}
    .pdp_title { width: unset; font-size: 20px; padding-right: 15px; padding-left: 15px; margin-left: -15px; display: inline-block; }
    .pdp_kv .pdp_title { display: flex; width: fit-content; padding-left: 38px; }

    .pdp_info { margin: 30px auto; }
    .bg_deco_2-desktop { display: none; }
    .bg_deco_2.mobile { display: block; }
    .bg_deco_2 { width: 220px;  left: -35%; }
    .formula { width: 140px; height: 140px; min-width: 140px; min-height: 140px; font-size: 25px; }
    .formula i { bottom: -26px; }
    .formula_block_gp { margin-left: 0; }
    .pdp_usp_gp { flex-direction: column; align-items: center; padding: 30px 0; }
    .pdp_usp { margin-bottom: 15px; }
    .pdp_usp:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 479px) { 
    .pdp_container { padding-left: 8px; padding-right: 8px; }
    /* .pdp_title { width: 70%; } */

    .pdp_info { padding: 15px; }

    .formula { width: 100px; height: 100px; min-width: 100px; min-height: 100px; font-size: 18px; margin-right: 5px; }
    .formula i { bottom: -19px; }
    .bg_deco_2 { width: 180px; top: -22%; }
    .bg_deco_2.zh { left: -55%; }
}