.copyvideopath-container{ border: 1px solid #d3d3d3;}

.pdp-wrapper { color: #1E2859; overflow: hidden; }
.pdp-wrapper img { width: 100%;}
.pdp-txt-sub { font-size: 24px; line-height: 1.2em; font-weight: 700; margin-bottom: 10px;}
.pdp-container { width: 100%; max-width: 850px; margin: 0 auto; padding: 80px 15px;}

.pdp-section-1 { position: relative; display: flex; background-color: rgb(30, 30, 30); color: white; background-image: url(/shop/sh88/info/pdp_one/flavor_waves/bg-black.jpg); background-position: 50%; background-size: cover; }
.pdp-intro { margin-bottom: 50px; }
.pdp-f-gp { margin-bottom: 8px; display: flex; flex-wrap: wrap;}
.pdp-f { display: inline-block; border: 1px solid white; border-radius: 50px; padding: 3px 15px; margin-right: 10px; margin-bottom: 8px;}
.pdp-f:last-child { margin-right: 0; }
.one-logo { width: 180px; padding-bottom: 8px;}
.pdp-title { font-size: 40px; line-height: 1.3em;}

.pdp-col-l { width: 90%;}
.pdp-deco-1 { position: absolute; width: 25%; right: 0;}

.pdp-section-2 { display: flex; position: relative; }
.pdp-deco-2 { width: 20%; position: absolute; top: 0; left: 0%;}
.pdp-row-1 { display: flex; justify-content: center; align-items: center; margin-left: 10%; position: relative;}
.pdp-pd-img { width: 150px; margin-right: 30px;}

.pdp-col-2 { width: 65%; }
.pdp-col-2 .pdp-f { color: #1E2859; border-color: #1E2859;}
.pdp-pd-title-block { position: relative; display: inline-flex; margin-bottom: 20px;}
.pdp-pd-title { position: relative; z-index: 2; font-size: 30px; font-weight: 700; line-height: 1.3em;}
.pdp-pd-title-line { background-color: #EFF2F4; position: absolute; top: 18px; left: -10px; right: -10px; bottom: -6px;}

.pdp-section-3 { background-image: url(/shop/sh88/info/pdp_one/flavor_waves/bg-color.jpg); background-size: cover; text-align: center; position: relative; z-index: 30;}
.flavours-block { display: flex;  justify-content: space-around; flex: 1; flex-wrap: wrap; margin-top: 30px; margin-bottom: 30px; }
.flavours { display: flex; flex-direction: column; line-height: 1.3em; }
.flavours-img { width: 80px; margin-bottom: 8px; }
.sensatex { width: 100%; display: flex; flex-direction: column; align-items: center;}
.sensatex-icon { width: 100%; max-width: 500px; margin-bottom: 20px;}

.pdp-section-4 { background-color: #007378;}
.pdp-icon-gp { display: flex; flex-wrap: wrap; line-height: 1.3em;}
.pdp-icon { width: 65px; min-width: 65px; margin-right: 15px; aspect-ratio: 1/1;}
.pdp-icon-block { color: white; display: flex; align-items: center; width: 50%; padding: 10px 5px; }

/* usp */
.pdp-section.usp { background: linear-gradient(180deg, rgba(239,242,244,1) 0%, rgba(211,211,211,1) 100%); }
.usp_block { display: flex; justify-content: center; flex-wrap: wrap; border: 1px solid #1E2859; padding: 40px 20px;  }
.usp_card { width: 31%; display: flex; flex-direction: column; align-items: center; padding: 15px 1%; text-align: center; }
.usp_card .pdp-pd-title-block { width: 100%; }
.usp_card .pdp-pd-title { font-size: 20px; width: 100%; text-align: center; }
.usp_card .pdp-pd-title-line { top: 11px; left: 0; right: 0; }
.usp_card .pdp-icon { margin-right: unset; margin-bottom: 15px; }
/* .usp_card .pdp-icon img { width: auto; height: 65px; } */
.usp .pdp-container { width: unset; padding: 60px 15px; }

/* green bg */
.pdp-section.usp.all {background:unset; background-color: #007378;}
.pdp-section.usp.all .usp_card { color: white;}
.pdp-section.usp.all .usp_card .pdp-icon {border: 3px solid white; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
/* .pdp-section.usp.all .usp_card .pdp-icon img { width: 68px; height: 68px; } */
.pdp-section.usp.all .usp_block { border-color: white; }

/* Kit */
.kit .pdp-title { font-weight: 700; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 30px; }
.kit .pdp-col-l { width: 70%; }
.kit .one-logo { width: 137px; padding-bottom: 5px; margin: 0 10px; }

/* ZeroThin */
.zerothin { color: black; }


/* Super sensitive */
.super_sensitive .pdp-section.usp {background:unset; background-color: #007378;}
.super_sensitive .usp_card { color: white;}
.super_sensitive .usp_card .pdp-icon {border: 3px solid white; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.super_sensitive .usp_card .pdp-icon img { width: 68px; height: 68px; }
.super_sensitive .usp_block { border-color: white; }

/* glowing */

.glowing .usp_card { width: 50%; }


@media screen and (max-width: 991px) {
    .pdp-container { padding: 70px 25px;}
}

@media screen and (max-width: 767px) {
    .pdp-container , .usp .pdp-container { padding: 50px 25px;}
    .pdp-txt-sub { font-size: 18px;}
    .pdp-title { font-size: 24px; }
    .pdp-pd-title { font-size: 24px; }
    .pdp-deco-1 { width: 40%;}
    .pdp-col-l { margin-top: 26%; padding-right: 0;}
    .pdp-intro { margin-right: 20%; }
    .flavours { width: 32%; margin-bottom: 15px;}
    .pdp-pd-img { order: 2; margin-right: 15px; width: 100px; margin-bottom: 20px; }
    /* .pdp-row-1 { margin-left: 0; margin-top: 40%;} */
    .pdp-row-1 {margin-left: 0; flex-direction: column-reverse;  align-items: flex-end;}
    .pdp-col-2 { margin-left: 15px; width: 100%;}

    .pdp-deco-2 { width: 32%; left: 0%;}
    .pdp-icon-block { width: 100%;}

    /* ZeroThin */
    .pdp-section.usp { background: linear-gradient(90deg, rgba(239,242,244,1) 0%, rgba(211,211,211,1) 100%); }
    .usp_block { flex-direction: column; align-items: center; padding: 20px 10px; }
    .usp_card { width: 100%; max-width: 300px; margin-bottom: 30px; }
    
    .kit .pdp-col-l { width: 100%; margin-top: 10%; }
    .kit .pdp-title { width: 50%; font-size: 40px; }
    .kit .pdp-row-1 { margin: 0 auto; max-width: 400px; }

}

@media screen and (max-width: 479px) {
    .pdp-container , .usp .pdp-container { padding: 35px 15px;}
    .pdp-deco-1 { width: 48%;}
    .pdp-col-l { margin-top: 40%;}
    .flavours { width: 48%;}
    .pdp-icon-block { width: 100%;}
    .pdp-col-2 { margin-left: 0;}

    .kit .pdp-intro { width: 100%;}
}