body main {
    width: 100%;
  }
  
  .lowercase {
    text-transform: lowercase;
  }
  
  #pdp .yellow {
    color: #e9e600;
  }
  
  #pdp .panel-template .white {
    color: #fff;
  }
  
  #pdp .cta {
    font-family: Saira,"Helvetica Neue LT Pro R";
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1875rem;
    opacity: 1;
    padding-bottom: 0.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 0.95rem;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
  }
  
  #pdp .cta:hover {
    opacity: 0.7;
  }
  
  #pdp .panel-template .white a.cta.yellow,
  #pdp .cta.yellow {
    background-color: #e9e600;
    color: #000;
  }
  
  .tiny-tina {
    background-color: #000;
  }
  
  .tiny-tina .border-mask {
    mask-image: url(https://res.cloudinary.com/corsair-pwa/image/upload/v1/akamai/landing/tiny-tinas/images/hero-funky-shape-mask.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-image: url(https://res.cloudinary.com/corsair-pwa/image/upload/v1/akamai/landing/tiny-tinas/images/hero-funky-shape-mask.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
  }
  /* tina products */
  
  #tina-products {
    display: flex;
    justify-content: center;
  }
  
  .outofstock {
    cursor: default;
    background: grey !important;
  }
  
  .tina-cart-button {
    background: #e9e600;
    border: 0;
    padding: 0.5rem 2rem;
    text-transform: uppercase;
    width: fit-content;
  }
  
  .tina-product-container {
    display: flex;
    flex-direction: column;
    background-color: #191919;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 50%);
    margin: 0.5%;
    padding: 0;
    vertical-align: top;
    width: 20%;
    padding-bottom: 2rem;
    align-items: center;
    justify-content: space-between;
  }
  
  .tina-price {
    margin: 0.5rem 0 !important;
    font-family: Saira, "BebasNeuePro-SmEBd", sans-serif !important;
  }
  
  #tina-products .tina-product-container div:first-child p {
    margin-bottom: 0.5rem;
  }
  
  @media (max-width: 1200px) {
    .tina-product-container p {
      font-size: 1rem;
      line-height: 1.75rem;
    }
  }
  
  @media (max-width: 1000px) {
    .tina-product-container {
      width: 23%;
    }
  }
  
  @media (max-width: 800px) {
    .tina-product-container {
      width: 48%;
    }
    #tina-products {
      flex-wrap: wrap;
    }
  }
  
  @media (max-width: 500px) {
    .tina-product-container p {
      font-size: 0.8rem;
      line-height: 1.5rem;
    }
    .tina-cart-button {
      padding: 0.5rem 1rem;
    }
  }
  
  /* ==============================
  HERO
  ============================== */
  
  #pdp #panel-hero.panel-template .wrapper {
    padding: 10vw 0;
    max-width: 1600px;
    width: 100%;
  }
  
  .tiny-tina #panel-hero {
    background: url("https://res.cloudinary.com/corsair-pwa/image/upload/v1/akamai/landing/tiny-tinas/images/bg-art-ttw-hero.jpg")
      center top no-repeat;
    background-size: cover;
  }
  
  #pdp.tiny-tina #panel-hero.panel-template .wrapper {
    display: block;
  }
  
  .tiny-tina #panel-hero .col-half {
    width: 47%;
  }
  
  .tiny-tina #panel-hero .ttw-logo {
    margin: 0 auto;
    max-width: 440px;
    width: 100%;
  }
  
  .tiny-tina #panel-hero p {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    width: 100%;
  }
  
  .tiny-tina .tina {
    max-width: 800px;
    position: absolute;
    right: 25%;
    top: 0;
    transform: translateX(25%);
  }
  
  .tiny-tina .hero-border {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 1) 80%
    );
    bottom: 0;
    display: block;
    height: 6vw;
    position: absolute;
    width: 100%;
    z-index: 3;
  }
  
  /* ==============================
  ICUE INTEGRATION
  ============================== */
  
  #pdp.tiny-tina .panel-template.icue {
    background: #000;
    margin-top: -6vw;
    min-height: 25vw;
    overflow: hidden;
  }
  
  #pdp.tiny-tina .panel-template.icue .wrapper {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
  }
  
  /*#pdp.tiny-tina .panel-template.icue .wrapper {
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
  }*/
  
  #pdp.tiny-tina .panel-template.icue .col-half {
    bottom: 0;
    display: block;
    max-width: 600px;
    position: absolute;
    right: 10vh;
    width: 50%;
  }
  
  #pdp .vid-bg-wrapper {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  
  #pdp .vid-gradient {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.8) 100%
    );
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  
  #pdp .vid-bg-wrapper video {
    display: inline-block;
    min-height: 100%;
    width: 100%;
  }
  
  /* ==============================
  SWEETSTAKES+BETTER TOGETHER
  ============================== */
  
  .tiny-tina .contest-bt {
    background: url("https://res.cloudinary.com/corsair-pwa/image/upload/v1/akamai/landing/tiny-tinas/images/ttw-lg-abstract-bg.jpg")
      center no-repeat;
    background-size: cover;
  }
  
  #pdp.tiny-tina .panel-template .col-half.prod-wrap {
    padding: 3% 0;
    vertical-align: top;
  }
  
  .tiny-tina .contest-bt .sideqik-promotion {
    margin-bottom: 25px;
  }
  
  #pdp.tiny-tina .panel-template .col-half.ttw-prod {
    background-color: #191919;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgb(0, 0, 0, 0.5);
    margin: 1%;
    padding: 0;
    vertical-align: top;
    width: 47.5%;
  }
  
  #pdp.tiny-tina .ttw-prod img {
    background: url("https://res.cloudinary.com/corsair-pwa/image/upload/v1/akamai/landing/tiny-tinas/images/ttw-prod-bg.png")
      center no-repeat;
    background-size: cover;
    padding: 30px;
    box-sizing: border-box !important;
  }
  
  #pdp.tiny-tina .panel-template .ttw-prod p {
    padding-left: 5%;
    padding-right: 5%;
  }
  
  /* ==============================
  BUY NOW
  ============================== */
  
  .tiny-tina .buy-game {
    background: #231a47
      url("https://res.cloudinary.com/corsair-pwa/image/upload/v1/akamai/landing/tiny-tinas/images/bg-art-ttw-purchase.jpg")
      center no-repeat;
    background-size: cover;
  }
  
  .tiny-tina .buy-game img {
    max-width: 70%;
  }
  
  #pdp.tiny-tina .panel-template .white p.disclaimer {
    color: #ccc;
    font-size: 1rem;
    font-style: italic;
    margin-top: 0;
  }
  
  @media only screen and (max-width: 2000px) {
    /* ==============================
      HERO
      ============================== */
  
    .tiny-tina .tina {
      right: 15%;
    }
  }
  
  @media only screen and (max-width: 1919px) {
    #pdp.tiny-tina .panel-template.icue .wrapper {
      left: 0;
      right: unset;
    }
  }
  
  @media only screen and (max-width: 1600px) {
    /* ==============================
      HERO
      ============================== */
  
    .tiny-tina .tina {
      width: 40vw;
    }
  }
  
  @media only screen and (min-width: 1320px) {
    .wrapper {
      min-width: 1320px;
      margin: 0 auto;
    }
  }
  
  @media only screen and (max-width: 1319px) {
    /* ==============================
      ICUE INTEGRATION
      ============================== */
  
    #pdp.tiny-tina .panel-template.icue {
      min-height: 35vw;
    }
  }
  
  @media only screen and (max-width: 991px) {
    #pdp.tiny-tina .panel-template.icue .col-half {
      left: 0;
      margin-left: 0;
      padding-left: 0;
      padding-right: 0;
      max-width: none;
      right: 0;
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 768px) {
    #pdp.tiny-tina #panel-hero.panel-template .wrapper {
      box-sizing: border-box !important;
      margin: 0;
      padding-left: 5%;
      padding-right: 5%;
      max-width: none;
    }
  
    /* ==============================
      BUY GAME
      ============================== */
  
    #pdp.tiny-tina .buy-game .text-right {
      text-align: center;
    }
  }
  
  @media only screen and (max-width: 650px) {
    /* ==============================
      ICUE INTEGRATION
      ============================== */
  
    #pdp.tiny-tina .panel-template.icue .col-half {
      position: relative;
    }
  }
  
  @media only screen and (max-width: 579px) {
    /* ==============================
      HERO
      ============================== */
  
    .tiny-tina #panel-hero .col-half {
      width: 100%;
    }
  
    .tiny-tina .tina {
      display: none;
    }
  
    /* ==============================
      ICUE INTEGRATION
      ============================== */
  
    #pdp.tiny-tina .panel-template.icue {
      min-height: 55vw;
    }
  
    #pdp.tiny-tina .panel-template.icue .col-half {
      padding-top: 15vw;
      top: 0;
    }
  }
  
  @media only screen and (max-width: 500px) {
    /* ==============================
      ICUE INTEGRATION
      ============================== */
  
    #pdp.tiny-tina .panel-template.icue {
      min-height: 100vw;
    }
  
    /* ==============================
      SWEETSTAKES+BETTER TOGETHER
      ============================== */
  
    #pdp.tiny-tina .panel-template .col-half.prod-wrap {
      margin-bottom: 0;
      padding-bottom: 0;
    }
  
    #pdp.tiny-tina .panel-template .col-half.ttw-prod {
      margin-bottom: calc(6% + 2em);
      width: 100%;
    }
  }