.page--frameless .sec--prod--title {
  padding: 10.5rem 0 23.8rem;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 107px);
  margin-bottom: -3.3rem; }
  @media screen and (max-width: 960px) {
    .page--frameless .sec--prod--title {
      padding: 9rem 0;
      min-height: 0; } }
  .page--frameless .sec--prod--title h1 {
    margin: 0 0 2.4rem; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--title h1 {
        font-size: 5rem;
        line-height: 4.5rem; } }
    @media screen and (max-width: 374px) {
      .page--frameless .sec--prod--title h1 {
        font-size: 4rem;
        line-height: 3.5rem; } }
  .page--frameless .sec--prod--title .sec-content {
    align-self: flex-start;
    padding-top: 100px; }
    .page--frameless .sec--prod--title .sec-content p {
      margin-bottom: 7rem;
      max-width: 70rem; }
    @media screen and (max-width: 1599px) {
      .page--frameless .sec--prod--title .sec-content {
        padding-top: 0; } }
  .page--frameless .sec--prod--title .product-img img {
    max-width: 100%;
    height: auto; }

.page--frameless .sec--prod--basic {
  min-height: 71.5rem;
  background-size: cover;
  clip-path: polygon(0 0, calc(50% - 83px) 0, calc(50% - 50px) 33px, calc(50% + 50px) 33px, calc(50% + 83px) 0, 100% 0, 100% 85%, 100% 100%, 85% 100%, 15% 100%, 0 100%, 0% 85%);
  z-index: 3; }

.page--frameless .sec--prod--improvements {
  padding: 18rem 0 0;
  background: #282828;
  color: #fff; }
  @media screen and (max-width: 960px) {
    .page--frameless .sec--prod--improvements {
      padding: 9rem 0; } }
  .page--frameless .sec--prod--improvements h1 {
    margin: 0 0 6.3rem;
    font-size: 5.8rem;
    line-height: 5.5rem;
    text-align: center; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--improvements h1 {
        font-size: 5rem;
        line-height: 4.5rem; } }
    @media screen and (max-width: 374px) {
      .page--frameless .sec--prod--improvements h1 {
        font-size: 4rem;
        line-height: 3.5rem; } }
  .page--frameless .sec--prod--improvements .img-wrap img {
    margin: 7.5rem auto;
    display: block;
    max-width: 100%;
    height: auto; }
  .page--frameless .sec--prod--improvements .cols {
    margin: 0 auto 18rem;
    max-width: 90rem; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--improvements .cols {
        flex-wrap: wrap;
        min-width: 0;
        margin: 0 auto 9rem; } }
    .page--frameless .sec--prod--improvements .cols .col {
      font-family: 'DINNextPro', sans-serif;
      font-weight: 600; }
      @media screen and (max-width: 960px) {
        .page--frameless .sec--prod--improvements .cols .col {
          flex-basis: 100%; } }
      .page--frameless .sec--prod--improvements .cols .col:first-child {
        padding-right: 2rem; }
        @media screen and (max-width: 960px) {
          .page--frameless .sec--prod--improvements .cols .col:first-child {
            padding-right: 0; } }
      .page--frameless .sec--prod--improvements .cols .col:last-child {
        padding-left: 2rem; }
        @media screen and (max-width: 960px) {
          .page--frameless .sec--prod--improvements .cols .col:last-child {
            padding-top: 2rem;
            padding-left: 0; } }

.page--frameless .sec--prod--mask {
  padding: 14rem 0; }
  @media screen and (max-width: 960px) {
    .page--frameless .sec--prod--mask {
      padding: 5rem 0; } }
  .page--frameless .sec--prod--mask h1 {
    margin: 0;
    font-size: 5.5rem;
    line-height: 5rem;
    text-align: center; }
  .page--frameless .sec--prod--mask .img-wrap {
    margin: 10.5rem 0; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--mask .img-wrap {
        margin-top: 5rem;
        margin-bottom: 5rem; } }
    .page--frameless .sec--prod--mask .img-wrap img {
      display: block;
      width: 100%;
      height: auto; }
  .page--frameless .sec--prod--mask .cols {
    margin: 0 auto;
    max-width: 90rem; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--mask .cols {
        flex-wrap: wrap;
        min-width: 0; } }
    .page--frameless .sec--prod--mask .cols .col {
      font-family: 'DINNextPro', sans-serif;
      font-weight: 600; }
      @media screen and (max-width: 960px) {
        .page--frameless .sec--prod--mask .cols .col {
          flex-basis: 100%; } }
      .page--frameless .sec--prod--mask .cols .col:first-child {
        padding-right: 2rem; }
        @media screen and (max-width: 960px) {
          .page--frameless .sec--prod--mask .cols .col:first-child {
            padding-right: 0; } }
      .page--frameless .sec--prod--mask .cols .col:last-child {
        padding-left: 2rem; }
        @media screen and (max-width: 960px) {
          .page--frameless .sec--prod--mask .cols .col:last-child {
            padding-top: 2rem;
            padding-left: 0; } }

.page--frameless .sec--prod--glass {
  padding: 14rem 0;
  min-height: 94.4rem;
  color: #fff; }
  @media screen and (min-width: 1980px) {
    .page--frameless .sec--prod--glass {
      min-height: 49vw; } }
  @media screen and (max-width: 960px) {
    .page--frameless .sec--prod--glass {
      padding: 5rem 0;
      min-height: 60rem; } }
  .page--frameless .sec--prod--glass h1 {
    margin: 0 0 3rem;
    font-size: 6rem;
    line-height: 6rem;
    text-align: center; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--glass h1 {
        font-size: 5rem;
        line-height: 4.5rem; } }
    @media screen and (max-width: 374px) {
      .page--frameless .sec--prod--glass h1 {
        font-size: 4rem;
        line-height: 3.5rem; } }
  .page--frameless .sec--prod--glass p {
    margin: 0 auto;
    max-width: 80rem;
    text-align: center;
    font-family: 'DINNextPro', sans-serif;
    font-weight: 600; }
  .page--frameless .sec--prod--glass .label {
    position: absolute;
    bottom: 13rem;
    left: 50%;
    font-family: 'DINNextPro', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    max-width: 21rem;
    text-align: center;
    width: 100%; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--glass .label {
        bottom: 5rem;
        font-size: 1.8rem;
        max-width: 19rem; } }
  .page--frameless .sec--prod--glass .label--left {
    transform: translateX(-180%); }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--glass .label--left {
        transform: translateX(-100%); } }
  .page--frameless .sec--prod--glass .label--right {
    left: auto;
    right: 50%;
    transform: translateX(180%); }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--glass .label--right {
        transform: translateX(100%); } }
  .page--frameless .sec--prod--glass .inset {
    position: absolute;
    width: calc(50% - 8.3rem);
    bottom: 0;
    height: 3.3rem;
    background: #fff; }
    .page--frameless .sec--prod--glass .inset--left {
      left: 0; }
      .page--frameless .sec--prod--glass .inset--left::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 3.3rem solid #fff;
        border-bottom: 3.3rem solid #fff;
        border-top: 3.3rem solid transparent;
        border-right: 3.3rem solid transparent;
        position: absolute;
        left: 100%;
        top: 0; }
    .page--frameless .sec--prod--glass .inset--right {
      right: 0; }
      .page--frameless .sec--prod--glass .inset--right::before {
        content: '';
        width: 0;
        height: 0;
        border-right: 3.3rem solid #fff;
        border-bottom: 3.3rem solid #fff;
        border-top: 3.3rem solid transparent;
        border-left: 3.3rem solid transparent;
        position: absolute;
        right: 100%;
        top: 0; }

.page--frameless .sec--prod--style {
  padding: 14rem 0; }
  @media screen and (max-width: 960px) {
    .page--frameless .sec--prod--style {
      padding: 5rem 0; } }
  .page--frameless .sec--prod--style h1 {
    margin: 0 0 1rem;
    font-size: 6rem;
    line-height: 6rem;
    text-align: center; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--style h1 {
        font-size: 5rem;
        line-height: 4.5rem; } }
    @media screen and (max-width: 374px) {
      .page--frameless .sec--prod--style h1 {
        font-size: 4rem;
        line-height: 3.5rem; } }
  .page--frameless .sec--prod--style p {
    margin: 0 0 8.5rem;
    text-align: center;
    font-family: 'DINNextPro', sans-serif;
    font-weight: 600; }
  .page--frameless .sec--prod--style .img-wrap img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto; }

.page--frameless .sec--prod--columns {
  padding-top: 9rem !important;
  margin: 0;
  padding: 9rem 0; }
  @media screen and (max-width: 960px) {
    .page--frameless .sec--prod--columns {
      padding: 4.5rem 0 !important; } }
  .page--frameless .sec--prod--columns.no-padding-top {
    padding-top: 0 !important; }
  .page--frameless .sec--prod--columns.double-padding-bottom {
    padding-bottom: 18rem; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--columns.double-padding-bottom {
        padding-bottom: 9rem; } }
  .page--frameless .sec--prod--columns .col--img {
    flex: 0 1 60%; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--columns .col--img {
        flex-basis: 100%; } }
  .page--frameless .sec--prod--columns .col:not(.col--img) {
    flex: 0 1 40%;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 960px) {
      .page--frameless .sec--prod--columns .col:not(.col--img) {
        flex-basis: 100%; } }
  .page--frameless .sec--prod--columns .col h1 {
    font-family: "Reload Regular", "Helvetica", "Arial", sans-serif; }

.page--frameless .sec--prod--find-store .sec-img {
  transform: translate(-50%, calc(-50% + 3rem)); }