.elementor-2573 .elementor-element.elementor-element-4085af7{--display:flex;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;}.elementor-2573 .elementor-element.elementor-element-40d2bc63{text-align:start;}.elementor-2573 .elementor-element.elementor-element-40d2bc63 .elementor-heading-title{font-family:var( --e-global-typography-df4a4cc-font-family ), Sans-serif;font-size:var( --e-global-typography-df4a4cc-font-size );font-weight:var( --e-global-typography-df4a4cc-font-weight );line-height:var( --e-global-typography-df4a4cc-line-height );letter-spacing:var( --e-global-typography-df4a4cc-letter-spacing );color:var( --e-global-color-primary );}.elementor-2573 .elementor-element.elementor-element-3b65291c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 56px) 0px;text-align:start;}.elementor-2573 .elementor-element.elementor-element-3b65291c .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}@media(max-width:1024px){.elementor-2573 .elementor-element.elementor-element-40d2bc63 .elementor-heading-title{font-size:var( --e-global-typography-df4a4cc-font-size );line-height:var( --e-global-typography-df4a4cc-line-height );letter-spacing:var( --e-global-typography-df4a4cc-letter-spacing );}.elementor-2573 .elementor-element.elementor-element-3b65291c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 42px) 0px;}.elementor-2573 .elementor-element.elementor-element-3b65291c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-2573 .elementor-element.elementor-element-40d2bc63 .elementor-heading-title{font-size:var( --e-global-typography-df4a4cc-font-size );line-height:var( --e-global-typography-df4a4cc-line-height );letter-spacing:var( --e-global-typography-df4a4cc-letter-spacing );}.elementor-2573 .elementor-element.elementor-element-3b65291c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-3120a693 *//* =========================
   TYPOGRAPHY + ANIMATIONS
   ========================= */

/* Kontener treści */
.moto-slider-card__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 28px;
  gap:16px;
}

/*.moto-slider-card--active .moto-slider-card__content{*/
/*    padding: 32px;*/
/*}*/

/* Grupa title + subtitle */
.moto-slider-card__title {
  margin: 0 0 12px 0;
  color: var(--e-global-color-04ac7f6);
}

.moto-slider-card__text {
  margin: 0;
  color: var(--e-global-color-04ac7f6);
}

/* Płynna zmiana bez scale */
.moto-slider-card__title,
.moto-slider-card__text {
  transform: none !important;
  transition:
    font-size 700ms cubic-bezier(0.74, 0, 0.36, 0.99),
    line-height 700ms cubic-bezier(0.74, 0, 0.36, 0.99),
    letter-spacing 700ms cubic-bezier(0.74, 0, 0.36, 0.99),
    opacity 300ms ease;
}

/* MAŁA KARTA — title 20px */
.moto-slider-card:not(.moto-slider-card--active) .moto-slider-card__title {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: var(--e-global-typography-text-font-weight);
  letter-spacing: var(--e-global-typography-text-letter-spacing);
  /*max-width: 190px;*/
}

/* MAŁA KARTA — opis 14px */
.moto-slider-card:not(.moto-slider-card--active) .moto-slider-card__text {
  font-family: var(--e-global-typography-66efa95-font-family), Sans-serif;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: var(--e-global-typography-66efa95-font-weight);
  letter-spacing: var(--e-global-typography-66efa95-letter-spacing);
      /*max-width: 200px;*/
}

/* DUŻA KARTA — title 36px */
.moto-slider-card.moto-slider-card--active .moto-slider-card__title {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: 36px !important;
  line-height: 1.1 !important;
  font-weight: var(--e-global-typography-text-font-weight);
  letter-spacing: var(--e-global-typography-text-letter-spacing);
  /*max-width: 460px;*/
}

/* DUŻA KARTA — opis 18px */
.moto-slider-card.moto-slider-card--active .moto-slider-card__text {
  font-family: var(--e-global-typography-66efa95-font-family), Sans-serif;
  font-size: 18px!important;
  line-height: 1.35 !important;
  font-weight: var(--e-global-typography-66efa95-font-weight);
  letter-spacing: var(--e-global-typography-66efa95-letter-spacing);
  /*max-width: 460px;*/
}

@media (max-width:1024px){
    .moto-slider-card.moto-slider-card--active .moto-slider-card__title {
          font-size: 28px !important;
        }
        
        .moto-slider-card:not(.moto-slider-card--active) .moto-slider-card__title {
  font-size: 16px !important;
}

.moto-slider-card.moto-slider-card--active .moto-slider-card__text {
  font-size: 16px !important;
}

.moto-slider-card:not(.moto-slider-card--active) .moto-slider-card__text {
  font-size: 12px !important;
}
}



/* Button na dole */
.moto-slider-card__btn {
  margin-top: auto;
}

/* =========================
   BUTTON ANIMATION
   ========================= */

.moto-slider-card__btn {
    margin-top: auto;
    pointer-events: none;
    transition: opacity .3s ease;
    opacity: 0;
}

.moto-slider-card__btn .elementor-button{
    fill: var(--e-global-color-04ac7f6);
    color: var(--e-global-color-04ac7f6);
    border-style: solid;
    border-color: var(--e-global-color-04ac7f6);
}

.moto-slider-card__btn .elementor-button:hover{
    background-color: var(--e-global-color-04ac7f6);
    color: var(--e-global-color-primary);
}


.moto-slider-card.no-size-transition,
.moto-slider-card.no-size-transition * {
  transition: none !important;
}

.moto-slider-card.moto-slider-card--active.is-button-visible .moto-slider-card__btn {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 350ms;
}



        .moto-slider-layout {
            display: grid;
            grid-template-columns: 196px 1fr;
            gap: 40px;
            width: 100%;
            position: relative;
            overflow: hidden;
            z-index: 1;
            width: calc(100vw - ((100vw - 1440px) / 2));
            max-width: none;
        }

        .moto-slider-ui {
            min-height: 575px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            position: relative;
            z-index: 20;
        }

        .moto-slider-ui__arrows {
            display: flex;
            gap: 12px;
        }

        .moto-slider-ui__arrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            cursor: pointer;
            padding: 12px 24px !important;
            border: 1px solid var(--e-global-color-primary);
            border-radius: 999px;
            color: var(--e-global-color-primary);
        }
        
        button.moto-slider-ui__arrow.moto-slider-ui__arrow--prev.is-disabled{
            color: var(--e-global-color-00ef64e);
            border: solid 1px var(--e-global-color-00ef64e);
        }

        .moto-slider-ui__progress {
            width: 100%;
            height: 2px;
            background: var(--e-global-color-00ef64e);
            overflow: hidden;
        }

        .moto-slider-ui__progress span {
            display: block;
            height: 2px;
            width: 28px;
            background: var(--e-global-color-primary);
            transform: translateX(0);
            transition: transform 700ms cubic-bezier(0.74, 0, 0.36, 0.99);
        }

        .moto-slider-cards-wrap {
            position: relative;
            z-index: 5;
            overflow: hidden;
            width: 100%;
        }

        .moto-slider-cards {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            position: relative;
            z-index: 5;
            transition: transform 700ms cubic-bezier(0.74, 0, 0.36, 0.99);
            will-change: transform;
        }

        .moto-slider-card {
            position: relative;
            z-index: 1;
            flex: 0 0 253px;
            width: 253px !important;
            height: 266px !important;
            overflow: hidden;
            border-radius: 20px;
            transition:
                flex-basis 700ms cubic-bezier(0.74, 0, 0.36, 0.99),
                width 700ms cubic-bezier(0.74, 0, 0.36, 0.99),
                height 700ms cubic-bezier(0.74, 0, 0.36, 0.99);
            background: #2f3036;
            color: #fff;
        }

        .moto-slider-card.moto-slider-card--active {
            z-index: 10;
            flex: 0 0 546px;
            width: 546px !important;
            height: 575px !important;
        }

        .moto-slider-card__img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%!important;
            object-fit: cover;
        }



        .moto-slider-card__title {
            margin: 0;
            color: #fff;
        }


        
        .moto-slider-card.moto-slider-card--active .moto-slider-card__btn {
            opacity: 1;
            pointer-events: auto;
        }

        @media (max-width: 1024px) {
            .moto-slider-layout {
                display: flex;
                flex-direction: column;
                gap: 0;
                width: calc(100vw - 40px);
                overflow: visible;
            }

            .moto-slider-ui {
                display: contents;
            }

            .moto-slider-ui__arrows {
                order: 1;
                margin-bottom: 32px;
            }

            .moto-slider-cards-wrap {
                order: 2;
                width: 100%;
                overflow: visible;
                height: 500px;
            }

            .moto-slider-card.moto-slider-card--active {
                flex: 0 0 calc(100vw - 56px);
                width: 310px !important;
                height: 500px !important;
            }

            .moto-slider-ui__progress {
                order: 3;
                width: calc(100% - 20px);
                margin-top: 32px;
            }
        }
        
        .moto-slider-cards-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 575px;
}

.moto-slider-cards {
  position: relative;
  width: 100%;
  height: 575px;
  display: block !important;
  transform: none !important;
  transition: none !important;
}

.moto-slider-card {
  position: absolute !important;
  top: 0;
  left: 0;
  flex: none !important;
  width: 253px !important;
  height: 266px !important;
  transform: translate3d(var(--moto-x, 0px), 0, 0);
  transition:
    transform 700ms cubic-bezier(0.74, 0, 0.36, 0.99),
    width 700ms cubic-bezier(0.74, 0, 0.36, 0.99),
    height 700ms cubic-bezier(0.74, 0, 0.36, 0.99);
  will-change: transform, width, height;
}

.moto-slider-card.moto-slider-card--active {
  width: 546px !important;
  height: 575px !important;
  z-index: 10;
}

.moto-slider-card:not(.moto-slider-card--active) {
  z-index: 2;
}

@media (max-width: 1024px) {
  .moto-slider-cards-wrap,
  .moto-slider-cards {
    height: 500px;
  }

  .moto-slider-card {
    width: 253px !important;
    height: 266px !important;
  }

  .moto-slider-card.moto-slider-card--active {
    width: calc(100vw - 56px) !important;
    height: 500px !important;
  }
}

.moto-slider-card:not(.moto-slider-card--active) {
  background: #001329;
}

.moto-slider-card:not(.moto-slider-card--active) .moto-slider-card__img {
  opacity: 0.13;
}

.moto-slider-card.moto-slider-card--active .moto-slider-card__img {
  opacity: 1;
}

.moto-slider-card__img {
  transition: opacity 700ms cubic-bezier(0.74, 0, 0.36, 0.99);
}

@media (max-width: 1024px) {
  .moto-slider-layout {
    width: 100vw;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    overflow: visible;
  }

  .moto-slider-cards-wrap {
    width: 100vw;
    overflow: visible;
  }

  .moto-slider-card.moto-slider-card--active {
    width: calc(100vw - 56px) !important;
    height: 500px !important;
  }
  
  .moto-slider-card__content {
  padding: 24px;
}
}

.moto-slider-card:not(.moto-slider-card--active) {
  cursor: pointer;
}/* End custom CSS */