.ev-product-hero {
  .pdp-hero-background {
    background-color: var(--ev-dark-mist);
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    min-height: 90vh;
    padding: 24px 5% 32px;
    display: flex;
    position: relative;

    .pdp-hero {
      z-index: 2;
      flex-direction: column;
      display: flex;
      position: relative;
      width: 100%;
      max-width: 1680px;

      .pdp-hero-heading {
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        text-shadow: 0 0 60px #0000004d;
        margin-top: 0;
        margin-bottom: 40px;
        font-family: "Schnyder Light", Times New Roman, sans-serif;
        font-size: 120px;
        font-weight: 300;
        line-height: 1em;
      }

      @media screen and (max-width: 991px) {
        .pdp-hero-heading {display: none;}
      }

      .pdp-hero-details {
        flex-direction: column;
        flex: 1;
        justify-content: flex-end;
        align-items: flex-end;
        min-height: 40px;
        display: flex;
        position: static;
        inset: auto 5% 5% auto;

        .pdp-hero-details-container {
          background-color: var(--ev-vellum-white);
          width: 100%;
          max-width: 480px;
          min-height: 40px;
          padding: 56px 48px 40px;

          .ev-pdp-title {
            margin-top: 0;
            margin-bottom: 8px;
          }

          .pdp-fabric-details {
            flex-direction: row-reverse;
            justify-content: center;
            align-items: center;
            margin-bottom: 32px;
            display: flex;

            .ev-small-caps {
              color: var(--ev-blue);
            }
          }

          .pdp-cta-block {
            margin-top: 48px;

            .small-caps-button {
              display: block;
              margin-top: 0;
              margin-bottom: 8px;
              text-align: center;
              letter-spacing: .2em;
              text-transform: uppercase;
              padding: 16px 32px;
              font-size: 11px;
              font-weight: 600;
              line-height: 1em;

              &.enquire {background-color: var(--ev-blue); color: var(--white); cursor: pointer;}
              &.purchase {background-color: var(--ev-blue); color: var(--white); cursor: pointer;}
              &.sample {background-color: var(--ev-mist); color: var(--ev-blue); cursor: pointer;}
              &.details {background-color: #0000; color: var(--ev-dark-mist); cursor: pointer;}
              /*&.is-disabled {background-color: var(--ev-blue); color: var(--white); cursor: not-allowed;}*/
            }
          }
        }

        @media screen and (max-width: 767px) {
          .pdp-hero-details-container {
            max-width: none;
          }
        }

        @media screen and (max-width: 479px) {
          .pdp-hero-details-container {
            border-bottom: 1px solid var(--ev-mist);
            padding: 32px 16px 16px;
          }
        }
      }
    }
  }

  @media screen and (max-width: 479px) {
    .pdp-hero-background {
      padding: 0;
    }
  }
}