.product-slider-section {
  position: relative;

  & .product-slider-sticky {
    position: relative;

    & .product-slider-slide {
      position: relative;
      height: 100vh;
      opacity: 1;
      display: flex;
      align-items: flex-end;
      overflow: hidden;

      & .product-slider-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: var(--z-bg);
      }

      & .product-slider-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          to bottom,
          rgba(0,0,0,0.1) 0%,
          rgba(0,0,0,0.45) 50%,
          rgba(0,0,0,0.8) 100%
        );
        z-index: 1;
      }

      & .product-slider-text {
        position: relative;
        z-index: 2;
        padding: 60px 80px;
        display: flex;
        flex-direction: column;
        gap: 14px;
        max-width: 860px;

        & .product-slider-label {
          font-family: Arial, sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 29.7px;
          letter-spacing: 0px;
          color: var(--color-white-60);
          text-align: center;
        }

        & .product-slider-title {
          text-align: left;
          color: var(--color-white);
          text-shadow: 0 2px 16px rgba(0,0,0,0.5);
        }
      }

      & .product-slider-text-top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 60px 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
        max-width: none;
        text-align: center;

        & .product-slider-label { text-align: center; }
        & .product-slider-title { text-align: center; }
      }

      & .product-slider-text-bottom-quote {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: none;
        padding: 0 40px 80px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 32px;
        min-height: 120px;

        & .product-slider-quote-mark {
          width: 74px;
          height: auto;
          flex-shrink: 0;
          opacity: 0.9;

          &:first-child { align-self: flex-end; }
          &:last-child  { align-self: flex-start; }
        }

        & .product-slider-quote-text {
          font-family: var(--font-h4-family);
          font-weight: var(--font-h4-weight);
          font-size: var(--font-h4-size);
          line-height: var(--font-h4-line-height);
          letter-spacing: var(--font-h4-letter-spacing);
          color: var(--color-orange);
          text-align: center;
          max-width: calc(100vw - 300px);
          text-shadow: 0 2px 24px rgba(0,0,0,0.5);
        }
      }

      & .product-slider-text-mid-left {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        padding: 0 80px;
        max-width: 700px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;

        & .product-slider-title { text-align: left; }

        & .product-slider-quote-text {
          font-family: var(--font-h4-family);
          font-weight: var(--font-h4-weight);
          font-size: var(--font-h4-size);
          line-height: var(--font-h4-line-height);
          letter-spacing: var(--font-h4-letter-spacing);
          color: var(--color-orange);
          text-align: left;
          text-shadow: 0 2px 24px rgba(0,0,0,0.5);
        }
      }

      & .product-slider-text-bottom-right {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 80px 60px;
        max-width: 700px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 20px;

        & .product-slider-title { text-align: right; }

        & .product-slider-quote-text {
          font-family: var(--font-h4-family);
          font-weight: var(--font-h4-weight);
          font-size: var(--font-h4-size);
          line-height: var(--font-h4-line-height);
          letter-spacing: var(--font-h4-letter-spacing);
          color: var(--color-orange);
          text-align: right;
          text-shadow: 0 2px 24px rgba(0,0,0,0.5);
        }
      }

      & .product-slider-text-pullquote {
        position: absolute;
        inset: 0;
        padding: 60px 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        max-width: none;
        text-align: center;

        & .product-slider-quote-mark {
          font-family: Georgia, 'Times New Roman', serif;
          font-size: 120px;
          line-height: 0.7;
          color: var(--color-orange);
          opacity: 0.7;
          user-select: none;

          &.product-slider-quote-mark-open  { align-self: flex-start; }
          &.product-slider-quote-mark-close { align-self: flex-end; margin-top: -10px; }
        }

        & .product-slider-quote-text {
          font-family: var(--font-h3-family);
          font-weight: var(--font-h3-weight);
          font-size: var(--font-h3-size);
          line-height: var(--font-h3-line-height);
          color: var(--color-white);
          text-align: center;
          max-width: 760px;
          padding: 10px 0;
          text-shadow: 0 2px 20px rgba(0,0,0,0.6);
        }
      }
    }

    & .product-slider-dots {
      display: none;
    }
  }
}