.lowercase {
    text-transform:lowercase;
}

#pdp {
    background: #000 url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-left-triangle.png') bottom left repeat-y;
    background-attachment: fixed;
}

#pdp .panel-template .col-half,
#pdp .panel-template .col-third {
    /*padding:1.2%;*/
    position: relative;
}

#pdp .panel-template .position-absolute.col-half {
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

#pdp .panel-template .wrapper {
    display: table;
}

#pdp .panel-template .wrapper .vertical-center {
    display: table-cell;
    vertical-align: middle;
}


#pdp .col-half.show-on-mobile {
    display: none;
}

#pdp .col-fourth {
    width: 22%;
    display: inline-block;
    vertical-align: middle;
    padding: 1%;
}



/* ==============================
HERO
============================== */

#pdp #panel-hero {
    background:url('//cwsmgmt.corsair.com/pdp/accessories/diy/psu-cables/type5-gen5/assets/images/starter-kit/Panel1_background.webp') bottom no-repeat;
    background-size:cover;
    min-height: 36vw;
    text-shadow: 0 2px 10px rgba(0,0,0,.5);
}


#pdp #panel-hero.pro-kit {
    background:url('//cwsmgmt.corsair.com/pdp/accessories/diy/psu-cables/type5-gen5/assets/images/pro-kit/Panel1_background.webp') bottom no-repeat;
    background-size:cover;
    min-height: 36vw;
    text-shadow: 0 2px 10px rgba(0,0,0,.5);
}

#pdp .hero-content-container {
    background: none;
}

#pdp #panel-hero.panel-template .wrapper {
    padding: 10vw 0;
}

#pdp #panel-hero .cta:link,
#pdp #panel-hero .cta:visited {
    background-color: #E9E600;
    color: #000;
}

#pdp #panel-hero .cta:hover,
#pdp #panel-hero .cta:active {
    background-color: #f9f791;
}




/* ==============================
FLEX
============================== */

#pdp #flex {
    background:url('//cwsmgmt.corsair.com/pdp/accessories/diy/psu-cables/type5-gen5/assets/images/starter-kit/Panel2_background.webp') center no-repeat;
    background-size: cover;
}

#pdp #flex.panel-template h3 {
    color:#fff;
    font-size: 2rem;
    font-family: 'bebas-neue-pro-semiexpanded';
    letter-spacing: .075em;
    line-height: 1.3em;
    margin-top:.5em;
} 

#pdp #flex p {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    width: 100%;
}



/* ==============================
SLEEK
============================== */

#pdp #sleek {
    background:url('//cwsmgmt.corsair.com/pdp/accessories/diy/psu-cables/type5-gen5/assets/images/starter-kit/Panel4_background.webp') center no-repeat;
    background-size: cover;
}



/* ==============================
MODULAR
============================== */

#pdp #modular {
    background:url('//cwsmgmt.corsair.com/pdp/accessories/diy/psu-cables/type5-gen5/assets/images/starter-kit/Panel5_background.webp') center no-repeat;
    background-size: cover;
}



/* ==============================
COMPATIBLE
============================== */

#pdp #compatible {
    background-color:#111;
    padding:3vw 0;
}




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

    #pdp .img-absolute.stack-on-mobile {
        position: relative;
    }


    #pdp .col-fourth {
        width: 100%;
        margin: 1em 0;
        padding: 0;
    }



    /* ==============================
    SLEEK
    ============================== */

    #pdp #sleek {
        background-position:80% center;
    }

}



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

    #pdp .panel-template .col-half.mobile100 {
        position: relative;
        text-align: center;
        width: 100%;
    }

    #pdp .panel-template .wrapper .vertical-center {
        display: block;
    }

    #pdp .panel-template .col-half {
        margin-top: 0;
    }

    #pdp .panel-template p.description {
        margin-top: 2em auto 0;
    }

}