.yellow {
    color: #e9e600
}

.lowercase {
    text-transform: lowercase
}

#pdp section h2.bebas,
.main-content #domplat section h2.bebas {
    font-family: bebas-neue-pro-semiexpanded, sans-serif;
    font-size: 3.75rem;
    font-weight: 600;
    letter-spacing: .1rem;
    line-height: 3.75rem
}

#pdp h6 {
    text-transform: uppercase;
    font-weight: 600;
    line-height: 2.3em;
    letter-spacing: .1em
}

#pdp .panel-template p,
#pdp-corsair #domplat section p {
    font-family: aktiv-grotesk, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 2.25rem
}

#pdp .panel-template p.white {
    font-weight: 400
}

#domplat a,
#domplat a:active {
    font-family: aktiv-grotesk, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .2rem
}

#pdp .panel-template .white .cta,
#pdp-corsair .cta.yellow {
    background-color: #e9e600;
    color: #000;
    font-family: aktiv-grotesk, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .2rem;
    padding-bottom: .75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: .95rem
}

#pdp .panel-template .white .cta:hover,
#pdp-corsair .cta.yellow:hover {
    color: #000;
    opacity: .7
}

#domplat .hero {
    height: auto;
    min-height: 66vh
}

#domplat.amd .hero {
    background: url('//cwsmgmt.corsair.com/pdp/dram/dom-plat-ddr5-amd/images/domplatrgb_amd_hero_still_2x.jpg') center no-repeat;
    background-size: cover
}

#domplat.amd .hero .content_wrapper {
    background-color: rgba(0, 0, 0, .5)
}

#domplat .hero h2 {
    color: #e9e600;
    font-family: aktiv-grotesk, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .1rem;
    line-height: 2rem;
    position: relative;
    z-index: 1
}

.main-content #domplat section.hero h1,
.main-content #domplat section.hero h2.font-header-condensed {
    color: #fff;
    font-family: bebas-neue-pro-semiexpanded;
    font-size: 6rem;
    font-weight: 600;
    line-height: 5.6rem;
    position: relative;
    text-shadow: 0 2px 13px rgb(0 0 0 / 80%);
    white-space: nowrap;
    z-index: 1
}

#domplat .hero h3.tagline {
    font-family: verveine, sans-serif;
    font-size: 3.75rem;
    font-weight: 300;
    letter-spacing: unset;
    margin: .25em auto;
    text-shadow: 0 2px 13px rgb(0 0 0 / 80%)
}

#pdp-corsair #domplat section.hero p {
    font-size: 1.3rem;
    margin: 0 auto 20px;
    max-width: 90%;
    text-shadow: 0 2px 13px rgb(0 0 0 / 80%);
    width: 660px
}

#domplat .hero .cta {
    position: relative;
    z-index: 1
}

#pdp #do-it {
    background: #111 url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-triangle.png') no-repeat;
    background-position: center;
    background-size: cover
}

#pdp.std-blk #regulator {
    background: url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-left-triangle.png') center no-repeat, url('//cwsmgmt.corsair.com/pdp/dominator-platinum-ddr5/images/domplatrgb_std_wht_regulator_2x.jpg') no-repeat;
    background-color: #000;
    background-position: center;
    background-size: cover
}

#pdp.amd #regulator {
    background: url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-left-triangle.png') center no-repeat, url('//cwsmgmt.corsair.com/pdp/dram/dom-plat-ddr5-amd/images/domplatrgb_amd_regulator_2x.jpg') center no-repeat;
    background-color: #000;
    background-position: center;
    background-size: cover
}

#pdp.std-blk #intel-profiles {
    background: url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-right-triangle.png') center no-repeat, url('//cwsmgmt.corsair.com/pdp/dominator-platinum-ddr5/images/domplatrgb_std_blk_xmp_profiles_2x.jpg') no-repeat;
    background-color: #000;
    background-position: center;
    background-size: cover
}

#pdp.amd #intel-profiles {
    background: url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-right-triangle.png') center no-repeat, url('//cwsmgmt.corsair.com/pdp/dram/dom-plat-ddr5-amd/images/domplatrgb_amd_xmp_profiles_2x.jpg') no-repeat;
    background-color: #000;
    background-position: center;
    background-size: cover
}

#pdp.amd #intel-profiles .amd-logo {
    margin-bottom: 20px;
    max-width: 100%;
    width: 300px
}

#pdp.std-blk #software {
    background-color: #111
}

#domplat #icue {
    background: #000 url('//cwsmgmt.corsair.com/pdp/dominator-platinum-rgb/img/gifs/DDR5_Dominator_ColorWave.gif') no-repeat center;
    background-size: cover
}

#domplat #icue .wrapper {
    display: block;
    left: 50%;
    max-width: 600px;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(50%, -50%)
}

#domplat #icue .logo,
#domplat #icue .subnav,
#pdp-corsair #domplat section p {
    margin-left: 0;
    margin-right: 0
}

#domplat #icue .logo {
    width: 160px
}

#domplat #icue .cta {
    font-size: 1em;
    margin-top: 3em
}

#domplat #icue .subnav {
    width: 100%
}

#domplat #icue .subnav .subnav-item.square {
    border-radius: 12px
}

#domplat #icue .subnav .subnav-item.line {
    width: 28px
}

#domplat #icue .subnav .subnav-item.square p {
    line-height: 1rem
}

#domplat #icue p {
    margin: 12.5px auto;
    width: auto
}

#smalcode-extended .features-overview {
    background: #000 url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-right-triangle.png') center no-repeat;
    background-size: cover;
    color: #fff;
    padding: 5vw 0
}

.virtuoso-overview h2 {
    color: #fff !important;
    font-family: bebas-neue-pro-semiexpanded, sans-serif;
    font-size: 3.75rem;
    font-weight: 600;
    letter-spacing: .1rem;
    line-height: 3.75rem
}

#pdp-corsair .virtuoso-overview .feature-list h4:before,
.main-content .virtuoso-overview .feature-list h4:before {
    background-image: url('//cwsmgmt.corsair.com/pdp/dominator-platinum-ddr5/images/plus-circle.svg')
}

#pdp-corsair .virtuoso-overview .feature-list--se .is-yellow.is-active h4:before,
.main-content .virtuoso-overview .feature-list--se .is-yellow.is-active h4:before {
    background-image: url('//cwsmgmt.corsair.com/pdp/dominator-platinum-ddr5/images/minus-yellow.svg')
}

#pdp-corsair .virtuoso-overview .feature-list h4,
.main-content .virtuoso-overview .feature-list h4 {
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 600;
    letter-spacing: .1em
}

#pdp.std-blk #compatible {
    background: url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-left-triangle.png') center no-repeat, url('//cwsmgmt.corsair.com/pdp/dominator-platinum-ddr5/images/domplatrgb_std_wht_mb_2x.jpg') no-repeat;
    background-color: #000;
    background-position: center;
    background-size: cover
}

#pdp.amd #compatible {
    background: url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-left-triangle.png') center no-repeat, url('//cwsmgmt.corsair.com/pdp/dram/dom-plat-ddr5-amd/images/domplatrgb_amd_compat_2x.jpg') no-repeat;
    background-color: #000;
    background-position: center;
    background-size: cover
}

#pdp #warranty {
    background: #000 url('//cwsmgmt.corsair.com/pdp/dominator-platinum-ddr5/images/domplatrgb_std_blk_warranty_2x.jpg') center no-repeat;
    background-size: cover
}

@media only screen and (max-width:1920px) {
    #domplat #icue .wrapper {
        transform: translate(30%, -50%)
    }
}

@media only screen and (max-width:1600px) {
    #domplat #icue .wrapper {
        transform: translate(15%, -50%)
    }
}

@media only screen and (max-width:1310px) {
    #domplat #icue {
        height: 85vw
    }

    #domplat #icue .wrapper {
        margin: 0;
        top: 0;
        left: 10%;
        transform: translate(0, 0);
        width: 50%
    }
}

@media only screen and (max-width:1200px) {
    #domplat .hero {
        background-position: bottom center;
        background-size: cover
    }

    #domplat .hero h1 {
        max-width: 93%
    }

    #domplat .hero p:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width:990px) {
    #domplat .hero p:first-child {
        margin-top: 0
    }

    #domplat .hero .shop .content_wrapper {
        padding-bottom: 50px
    }
}

@media only screen and (max-width:960px) {
    #domplat #icue .subnav .subnav-item.line {
        width: 25px
    }

    #domplat #icue .subnav .subnav-item.square p {
        font-size: .5em
    }
}

@media only screen and (max-width:768px) {
    #domplat .hero .content_wrapper {
        background: url('//cwsmgmt.corsair.com/pdp/dominator-platinum-ddr5/images/DDR5-Dominator_HeaderLoop_v01_2x.jpg') center no-repeat;
        background-size: cover;
        padding: 0 15px
    }

    #domplat .hero .hero-overlay-mobile {
        background-color: rgba(0, 0, 0, .3);
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }

    .main-content #domplat section.hero h1,
    .main-content #domplat section.hero h2.font-header-condensed {
        white-space: unset
    }

    #pdp-corsair #domplat section.hero p {
        margin: 0 auto;
        padding-top: .5em;
        width: 90%
    }

    #domplat .hero .bg_product {
        margin: 0 auto 2%
    }

    #domplat .cta {
        margin-top: 2em
    }

    #domplat .hero video {
        display: none !important
    }

    #domplat .hero .cta {
        margin: 4em auto 0
    }

    #domplat #icue {
        background-image: url('//cwsmgmt.corsair.com/pdp/dominator-platinum-rgb/img/gifs/DDR5_Dominator_ColorWave.gif');
        background-position: center 70%;
        background-repeat: no-repeat;
        background-size: contain
    }

    #domplat #icue .wrapper {
        margin-left: 5%;
        margin-right: 5%;
        max-width: unset;
        width: 90%;
        transform: unset
    }

    #pdp.std-blk #regulator {
        background-position: right center
    }

    #pdp.amd #regulator {
        background-position: 85% center
    }

    #pdp.std-blk #intel-profiles {
        background-position: 30% center
    }

    #pdp.amd #intel-profiles {
        background-position: 38% center
    }

    .feature-pre img {
        max-width: 100%;
        transform: unset
    }

    #pdp.amd #compatible,
    #pdp.std-blk #compatible {
        background-position: 90% center
    }

    #pdp #compatible {
        text-align: center
    }
}

@media only screen and (max-width:579px) {
    #domplat .hero .cta {
        margin-top: 2em
    }

    .main-content #domplat section.hero h1,
    .main-content #domplat section.hero h2.font-header-condensed {
        font-size: 4.5rem;
        line-height: 4.5rem
    }

    #domplat .hero h2 {
        font-size: 3em
    }

    #domplat #icue {
        height: 106vh
    }

    #pdp-corsair #domplat section p {
        font-size: 1.3rem;
        font-weight: 200
    }

    #domplat #icue .wrapper {
        left: 0
    }

    #domplat #icue .cta {
        margin-top: 75vw
    }

    #domplat #icue .subnav {
        margin: 2em auto 4em
    }
}

@media only screen and (max-width:500px) {
    #domplat .hero {
        min-height: 140vw;
        margin-top: 16px
    }

    #domplat .hero .content_wrapper {
        overflow: hidden;
        padding-top: 7vw;
        padding-bottom: 7vw;
        text-align: center
    }

    #domplat #hero .ces {
        left: 20px;
        transform: none;
        width: calc(100vw - 40px)
    }

    #domplat .hero .ces p {
        bottom: 74%;
        font-size: .8em;
        left: 0;
        width: calc(100% - 70px)
    }

    #domplat .hero .content_wrapper h3 {
        font-size: 3rem;
        line-height: 3.25rem;
        top: 69%
    }

    #domplat .hero .content_wrapper .bg_name {
        margin: 4% auto
    }

    #domplat .hero .content_wrapper .hero_mouse {
        margin: 19% auto 0
    }
}