.elementor-380 .elementor-element.elementor-element-a27977f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .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 );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-380 .elementor-element.elementor-element-b71b1e4 .elementor-heading-title{font-family:"Open Sans Hebrew Condensed", Sans-serif;font-size:55px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:2px;word-spacing:0px;}.elementor-380 .elementor-element.elementor-element-946de9b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-380 .elementor-element.elementor-element-946de9b .elementor-heading-title{font-family:"Open Sans Hebrew Condensed", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:2px;word-spacing:0px;}.elementor-380 .elementor-element.elementor-element-43263e1c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-380 .elementor-element.elementor-element-972f03a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-widget-heading .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 );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-380 .elementor-element.elementor-element-b71b1e4 .elementor-heading-title{font-size:42px;}.elementor-380 .elementor-element.elementor-element-946de9b .elementor-heading-title{font-size:42px;}}@media(max-width:767px){.elementor-widget-heading .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 );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-380 .elementor-element.elementor-element-b71b1e4{padding:0px 0px 0px 10px;}.elementor-380 .elementor-element.elementor-element-b71b1e4 .elementor-heading-title{font-size:28px;}.elementor-380 .elementor-element.elementor-element-946de9b{padding:0px 0px 0px 10px;}.elementor-380 .elementor-element.elementor-element-946de9b .elementor-heading-title{font-size:28px;}}/* Start custom CSS for html, class: .elementor-element-626de057 */.slider-container {
      display: flex;
      gap: 20px;
      align-items: center;
      justify-content: center;
      
      min-height: 200px;
      max-width: 1400px;
      margin: auto;
    }

    /* Swiper for the first two slides */
    .left-point-slider {
      flex: 1;
      min-width: 0;
      overflow: hidden;
    }

    /* Swiper for the last slide */
    .right-point-slider {
      flex: 0 0 calc((100% - 240px - 40px) / 3);
      overflow: hidden;
    }

    .swiper-wrapper {
      display: flex;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
    }

    .product-box img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto 10px;
    }

    /* FIX középső box (3. div) */
    .static-center-box {
      width: 240px;   
      flex-shrink: 0; 
      display: flex; 
      flex-direction: column; 
      justify-content: center;
      align-items: flex-end; 
      padding-right: 10px;
    }

    .static-center-box h2 {
      margin-bottom: 20px;  
      font-family: 'DM Sans', sans-serif!important;
      width: 100%;
      text-align: right;
    }

    .carousel-nav {
      display: flex;
      gap: 10px;
      margin-bottom: 10px;
      width: 100%;
      justify-content: flex-end;
    }

    .carousel-nav button {
      background: none;
      border: none;
      padding: 5px;
      font-size: 0;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
    }

    .carousel-nav button img {
      width: 20px;
      height: 20px;
      display: block;
    }

    .product-box {
      text-align: center;
      overflow: hidden;
      font-family: 'DM Sans', sans-serif!important;
      text-transform: lowercase;
      opacity: 1;
      transform: translateX(0);
    }

    /* Animációk definiálása */
    @keyframes slideInFromRight {
      from {
        transform: translateX(100%);
        opacity: 0.1;
      }
      to {
        transform: translateX(0);
        opacity: 1;
      }
    }

    @keyframes slideOutToLeft {
      from {
        transform: translateX(0);
        opacity: 1;
      }
      to {
        transform: translateX(-100%);
        opacity: 0.1;
      }
    }

    @keyframes slideInFromLeft {
      from {
        transform: translateX(-100%);
        opacity: 0.1;
      }
      to {
        transform: translateX(0);
        opacity: 1;
      }
    }

    @keyframes slideOutToRight {
      from {
        transform: translateX(0);
        opacity: 1;
      }
      to {
        transform: translateX(100%);
        opacity: 0.1;
      }
    }

    /* Osztályok az animációk aktiválásához */
    .slide-in-right {
      animation: slideInFromRight 0.4s ease-out forwards;
    }

    .slide-out-left {
      animation: slideOutToLeft 0.4s ease-in forwards;
    }

    .slide-in-left {
      animation: slideInFromLeft 0.4s ease-out forwards;
    }

    .slide-out-right {
      animation: slideOutToRight 0.4s ease-in forwards;
    }

    /* Mobil verzió */
    .mobile-slider-container {
      display: none;
      flex-direction: column;
      padding: 20px;
      max-width: 100%;
    }

    .mobile-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
      width: 100%;
    }

    .mobile-header h2 {
      font-family: 'DM Sans', sans-serif!important;
      margin: 0;
    }

    .mobile-carousel-nav {
      display: flex;
      gap: 10px;
    }

    .mobile-carousel-nav button {
      background: none;
      border: none;
      padding: 5px;
      font-size: 0;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
    }

    .mobile-carousel-nav button img {
      width: 20px;
      height: 20px;
      display: block;
    }

    .mobile-slider-wrapper {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    .mobile-slides-container {
      display: flex;
      transition: transform 0.4s ease;
    }

    .mobile-slide {
      flex: 0 0 85%; /* Az első kép 85%-a látszik */
      margin-right: 10px;
      display: flex;
      justify-content: center;
    }

    .mobile-slide:last-child {
      margin-right: 0;
    }

    .mobile-product-box {
      text-align: center;
      font-family: 'DM Sans', sans-serif!important;
      text-transform: lowercase;
    }

    .mobile-product-box img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto 10px;
    }

    /* Reszponzív beállítások */
    @media (max-width: 1024px) {
      .slider-container {
        display: none!important;
      }
      
      .mobile-slider-container {
        display: flex;
      }
    }

    @media (min-width: 1025px) {
      .mobile-slider-container {
        display: none;
      }
    }
    
    
    /* Tablet optimalizálás */
@media (max-width: 1024px) and (min-width: 768px) {
  .mobile-slide {
    margin-right: 15px; /* Nagyobb rés tablet esetén */
  }
}/* End custom CSS */