@media (max-width: 640px) {
    h1{
        font-size: 4rem;
        line-height: 50px;
    }
    h2{
        font-size: 3.4rem;
        line-height: 44px;
    }
    .fruits_section .fruits_slider .hotspot-image img {
      padding:0 40px
    }
    .header_menu.container_max {
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #CECAC3;
    }
    .margin11 {
      margin: 60px 0;
    }
    .cf-meeting-form input,
    .cf-meeting-form select,
    .cf-meeting-form textarea {
      padding: 14px;
    }
    .footer_col3 img {
      width: 100%;
      height: 100%;
    }
    .page-template-plums-template .hotspot-image .hotspot:last-child {
      top: 130px!important
    }
    .page-template-apricots-template .hotspot-wrapper .hotspot:nth-child(3) {
      top: 220px!important;
      right: 112px!important;
    }
    .page-template-apricots-template .hotspot-wrapper .hotspot:nth-child(2) {
      top: 120px!important;
      right: 130px!important;
    }
    .page-template-apricots-template .hotspot-wrapper .hotspot:nth-child(4) {
      top: 180px!important;
      right: 80px!important;
    }
    .footer_col3 {
      width: 100%;
    }
    .modal-content h3 {
      font-size: 2.4rem;
      margin-bottom: 12px;
    }
    .modal-content p {
      font-size: 1.4rem;
      margin-bottom: 18px;
    }
    .years {
      margin-left: 24px;
    }
    .cf-row {
      margin-bottom: 12px;
    }
    .modal-content .close {
      right: 10px;
      top: 10px;
    }
    .modal-content .close {
      width: 18px;
      height: 18px;
    }
    .container_max{
        flex-direction: column;
    }
    .hero_video{
        height: 300px;
    }
    .evolution_right{
        padding-left: 0;
    }
    .evolution_left img{
        height: 300px;
    }
    .evolution_section h2{
        font-size: 4rem;
        margin-bottom: 40px;
    }
    .evolution_section h3 span{
        font-size: 6rem;
    }
    .about_team_content{
        padding-top: 40px;
        padding-left: 0;
    }
    .dispon_img{
        padding-right: 0;
    }
    .dispon_content{
        margin-top: 20px;
    }
    .post_mansory{
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }
    .thumb img,
    .main_post:nth-child(2n) .thumb img{
        height: 250px;
        margin-bottom: 20px;
    }
    .home_contact .meet_content h2{
        font-size: 3.2rem;
    }
    .home_contact .meet_img{
        margin-top: 40px;
        padding-left: 0;
    }
    .main_post_content {
      font-size: 18px;
    }
    .home_contact .meet_img img{
        height: 300px;
    }
    .fruits_section .fruits_slider{
        padding: 70px 0;
    }
    .fruits_section .fruits_slider .swiper-slide-active .hotspot-image{
      width: 100%;
      height: 100%;
    }
    .service_right_content2{
        padding-left: 0;
        width: 100%;
    }
    .diploma_slider {
      margin: 0px 60px;
    }
    .service_right2{
        padding-left: 0;
    }
    .evolution_section h3 {
      margin-top: 20px;
      margin-bottom: 20px
    }
    .evolution_slider_years {
      margin-top: 20px;
    }
    .evolution_arrows {
      margin-top: 60px;
    }
    .content_wrap{
        flex-direction: column;
    }
    .content_wrap p{
        width: 100%;
    }
    .line_content h2{
        margin-bottom: 40px;
    }
    p {
      margin-bottom: 20px
    }
    .dispon_content h2 {
      margin-bottom: 20px;
    }
    .service_section3 .col-md-11{
        padding-left: 0;
    }
    .contact_buttons{
        flex-direction: column;
    }
    .contact_buttons a{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .home_contact .meet_content h2{
        margin-bottom: 20px;
    }
    .home_contact.meet_section{
        margin: 60px 0;
    }
    .services_right{
        padding-left: 0;
    }
    .services_right .bg_image{
        padding-left: 0;
    }
    .page-id-8 .page_hero_transparent:before{
      height: 300px;
        margin-top: 0;
    }
    .evolution_section{
        padding: 60px 0;
    }
    .home_section3{
        padding: 60px 0;
    }
    .certificates_intro img{
        width: 100px;
        height: 100px;
    }
    .certificates_slider{
        padding-left: 0;
    }
    .home_section5{
        margin: 60px 0;
    }
    .home_section6{
        padding: 60px 0;
    }
    .header_menu .logo_site .years img{
        width: 100px;
    }
    .ionex_logo{
        margin-right: 0;
    }
    .desc_wrap{
        flex-direction: column;
        gap: 20px;
    }
    .header_job h2 {
      font-size: 3.4rem;
      line-height: 50px;
    }
    .desc_wrap p{
        width: 100%;
        margin-bottom: 0;
    }
    .hero_description{
        margin-top: 50px;
    }
    .header_careers_bottom {
      margin-top: 20px
    }
    .contact_page {
      padding-left: 12px;
    }
    .hero_description h2{
        font-size: 2rem;
        margin-bottom: 20px;
    }
    .hero_text{
        font-size: 4rem;
        position: relative;
    }
    .type_content .cherry_item{
        flex: 0 0 calc(100%);
        flex-direction: column;
        padding-bottom: 40px
    }
    .content_cherry{
        padding-left: 0;
    }
    .img_cherry{
        width: 100%;
    }
    .img_cherry img{
      width: auto;
        height: 190px;
        margin-bottom: 12px;
    }
    .content_cherry{
        width: 100%;
    }
    .content_cherry h2{
        margin-top: 0px;
        margin-bottom: 20px;
        font-size: 3rem;
    }
    .content_cherry p{
        margin-bottom: 15px;
    }
    .type_content {
      gap: 0;
    }
    .values_section h2 {
      margin-bottom: 30px
    }
    .bg_custom1{
        padding: 72px 0;
    }
    .values_section .img_center{
        height: 300px;
    }
    .values_section{
        padding: 60px 0;
    }
    .calendar_section{
        padding: 60px 0 0;
    }

    /* Calendar Table Mobile Responsive */
    .calendar_section .container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .certification_slider {
      margin-top: 30px
    }
    .ambalare_section h2 {
      margin-bottom: 30px
    }

    .ambalare_section {
      padding-top: 20px;
      padding-bottom: 0;
    }

    .calendar-table {
        margin-top: 40px;
        min-width: 800px;
    }

    .single_hotspot {
      height: auto;
    }

    .calendar-table thead th {
        font-size: 1.4rem;
        padding: 8px 4px;
        white-space: nowrap;
    }

    .calendar-table tbody td {
        width: 60px;
        height: 50px;
        padding-left: 0;
        font-size: 14px;
        line-height: 120%;
    }

    .calendar-table .image-container {
        width: 100px;
    }

    .calendar-table .image-container .product-name {
        font-size: 1.6rem;
    }
    .calendar-table tbody td:first-child {
      padding-left: 0;
    }

    .calendar-table .check img {
        width: 20px;
        height: 20px;
    }

    .page-id-282 .calendar-table tbody td:first-child,
    .page-id-223 .calendar-table tbody td:first-child,
    .page-id-131 .calendar-table tbody td:first-child,
    .page-id-383 .calendar-table tbody td:first-child {
        width: 140px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 1.4rem;
    }

    .page-id-443 .calendar-table {
        margin-bottom: 80px;
    }

    .page-id-443 .calendar-table thead th:nth-child(2) {
        width: 150px;
    }

    .ambalare_grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-top: 30px;
    }
    .ambalare_item h3 {
      margin-top: 10px;
      font-size: 1.6rem;
    }
    .ambalare_item p {
      font-size: 14px;
    }
    .ambalare_item img{
        height: 126px;
    }
    .partners_img{
        width: 100%;
        flex-direction: column;
        padding-right: 0;
    }
    .partners_image img{
        margin-bottom: 20px;
    }
    .copywrite p, .copywrite a {
      font-size: 11px;
    }
    .copywrite {
      padding: 12px 10px
    }
    .partners_image{
        margin-top: 10px;
        padding-left: 0;
    }
    .home_section8 .post_mansory {
      margin-top: 30px;
    }
    .home_section7 .partners_content{
        width: 100%;
    }
    .partners_button{
        flex-direction: column;
        width: 100%;
        margin-top: 30px;
    }
    .partners_button a{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .home_section7{
        padding: 60px 0;
    }
    .home_section8{
        padding: 60px 0;
    }
    .certificates_intro{
        margin-bottom: 30px;
    }
    .footer_col2{
        width: 100%;
        padding: 0;
    }
    footer .container{
        flex-direction: column;
        gap: 30px;
    }
    .header_job{
        width: 100%;
    }
    .contact_page{
        flex-direction: column;
        row-gap: 10px;
    }
    .contact_page .col-md-6{
        width: 100%;
    }
    .h3, h3 {
      font-size: 2.6rem;
    }
    .meet_content p {
      margin-top: 12px;
      margin-bottom: 24px
    }
    .careers_img{
        padding-left: 0;
    }
    .contact_buttons {
      margin-top: 16px;
      gap: 8px;
    }
    .contact_content {
      margin-bottom: 40px;
    }
    .careers_img img{
        height: 280px;
    }
    .contact_content h1{
        font-size: 3.4rem;
        margin-bottom: 10px;
    }
    .contact_info{
        padding-right: 0;
        margin-bottom: 40px;
    }
    .meet_img img{
        height: 300px;
    }
    .meet_content{
        margin-top: 30px;
        padding-left: 0;
        margin-bottom: 30px;
    }
    .footer_col1 {
      width: 100%;
    }
    footer {
      padding: 40px 0 0;
    }
    .copywrite {
      margin-top: 30px;
    }
    .footer_logo {
      padding-right: 40px;
    }
    .grid2_location{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .grid2_location > div {
      padding: 30px;
    }
    .grid2_location > div h4 {
      margin: 20px 0 20px;
      font-size: 20px;
    }
    .map_contact {
      padding: 60px 0;
    }
    .meet_section{
        padding: 60px 0;
    }
    .service_item{
        padding: 20px;
    }
    .single_title h1{
        font-size: 3.4rem;
        line-height: 110%;
        margin-bottom: 30px
    }
    .single_title {
      margin-top: 40px;
    }
    .data_single{
        margin-bottom: 40px;
        gap: 10px;
    }
    .data_single span {
      font-size: 1.8rem;
    }
    .wp-block-image img {
      width: 100%;
      margin-bottom: 24px;
      margin-top: 4px;
    }
    .single-post .container p a {
      word-wrap: break-word
    }
    .social__grid {
      margin-top: 50px;
      margin-bottom: 80px;
    }
    .data_single svg {
      width: 20px;
      height: 20px;
    }
    .wp-block-quote-is-layout-flow{
        padding-left: 10px;
        border-left: 3px solid #5032AA;
    }
    .team_section{
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
        margin-top: 40px;
    }
    .single_team img,
    .single_team:nth-child(2) img,
    .single_team:nth-child(4) img{
        height: 500px;
        margin-bottom: 10px;
    }
    .single_team h5{
        margin: 15px 0;
    }
    .team-flex{
        flex-direction: column;
        gap: 20px;
    }
    .team-flex h2{
        font-size: 3.4rem;
    }
    .about_section7.margin11 {
      margin-bottom: 90px;
    }
    .team-flex > * {
        width: 100%;
    }
    .about6_content{
        padding-right: 0;
    }
    .about6_img img{
        margin-top: 40px;
        height: 300px;
    }
    .img1{
        height: 200px;
        margin-top: 70px;
    }
    .img2{
        height: 200px;
    }
    .h4, h4 {
      font-size: 2.4rem;
    }
    .about_section8 .container{
        flex-direction: column;
        padding: 0;
    }
    h2 br {
      display: none;
    }
    .about6_content h2 {
      margin-bottom: 20px;
    }
    .export_title{
        padding: 0 15px;
        margin-bottom: 40px;
    }
    .export_title, .map_image{
        width: 100%;
    }
    .map_image{
        position: relative;
    }
    .pl-5{
        padding-left: 0;
    }
    .pr-5{
        padding-right: 0;
    }
    .about_section6{
        padding: 60px 0;
    }
    .padding11{
        padding: 6rem 0;
    }
    .about_section3 img{
        height: 240px;
    }
    .export_title h2{
        margin-top: 60px;
        font-size: 2.8rem;
    }
    .about_section8 {
      overflow: hidden;
    }
    .about_section4 .section_title {
      margin-bottom: 20px;
    }
    .modal-content{
        padding: 25px;
        height: 80vh;
        overflow-y: scroll;
    }
    .cf-meeting-form .use-flatpickr,
    .use-flatpickr {
        position: relative !important;
        background-image: none;
    }
    /* Fix pentru flatpickr pe mobil - inputul alternativ - GLOBAL */
    .cf-meeting-form input.flatpickr-input[readonly],
    .cf-meeting-form input.flatpickr-input,
    input.flatpickr-input[readonly],
    input.flatpickr-input,
    input.use-flatpickr {
        width: 100% !important;
        max-width: 100% !important;
        padding: 14px !important;
        padding-right: 45px !important;
        font-size: 16px !important;
        border-radius: 5px !important;
        border: 1px solid #818A91 !important;
        background: #FBF5EC !important;
        color: #313131 !important;
        outline: none !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        height: auto !important;
        min-height: 52px !important;
		background-image: none !important;
    }

    /* Wrapper pentru flatpickr input cu placeholder simulat - GLOBAL */
    .cf-col .wpcf7-form-control-wrap,
    .wpcf7-form-control-wrap {
        width: 100% !important;
        display: block !important;
        position: relative !important;
    }

    /* Container pentru inputul flatpickr cu placeholder - GLOBAL */
    .flatpickr-date-wrapper {
        position: relative !important;
        display: block !important;
        width: 100% !important;
    }

    .cf-meeting-form input, .cf-meeting-form select, .cf-meeting-form textarea{
        position: relative !important;
    }

    /* Input în wrapper */
    .flatpickr-date-wrapper input.flatpickr-input {
        position: relative !important;
        width: 100% !important;
    }

    /* Placeholder span generat de JavaScript */
    .flatpickr-placeholder {
        position: absolute;
        left: 14px;
        top: 50%;
        margin-top: -8px;
        color: #818A91;
        font-size: 16px;
        line-height: 16px;
        pointer-events: none;
        z-index: 2;
        background: transparent;
    }

    /* Iconița calendar pe mobil */
    .flatpickr-calendar-icon {
        position: absolute;
        right: 14px;
        top: 50%;
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-image: url("/wp-content/uploads/2025/12/calendar_today.svg");
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
        z-index: 2;
    }

    /* Ascunde placeholder-ul când are valoare sau focus */
    .flatpickr-date-wrapper.has-value .flatpickr-placeholder,
    .flatpickr-date-wrapper.is-focused .flatpickr-placeholder,
    .flatpickr-wrapper-styled.has-value .flatpickr-placeholder,
    .flatpickr-wrapper-styled.is-focused .flatpickr-placeholder {
        opacity: 0 !important;
        visibility: hidden !important;
        display: none !important;
    }

    /* Calendarul flatpickr pe mobil */
    .flatpickr-calendar {
        width: 100% !important;
        max-width: 320px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    .type_cherry{
        margin-top:80px;
    }
    .section_contact {
      margin-top: 40px;
    }
    .copywrite .container {
      padding-left: 0;
      padding-right: 0;
    }
    .back_hero img,
    .page_hero_transparent:before {
      height: 400px;
    }
    .back_hero .container {
      bottom: 50px;
    }
    .post-tabs {
      margin-top: 60px;
      margin-bottom: 30px
    }
    .img_service {
      height: 40px;
      width: 40px;
      margin-bottom: 20px;
    }
    .services_right,
    .service_right2,
    .service_section3 .col-md-11 {
      width: calc(100% - 40px);
      padding-left: 15px
    }
    .line_content h2 {
      font-size: 2.8rem;
      margin-bottom: 30px
    }
    .services_section {
      padding: 80px 0;
    }
    .line_content {
      margin-bottom: 40px;
    }
    .services_right .bg_image {
      height: 200px;
    }
    .service_section2 {
      margin-top: 20px;
    }
    .packets_grid {
      margin-top: 30px;
    }
    .service_item .col-md-5 p br {
      display: none;
    }
    .bands .col-md-5 ul {
      margin-bottom: 0;
    }
    .transport {
      margin-top: 100px;
    }
    .service_section3 .line_content h2 {
      margin-bottom: 20px;
    }
    .content_wrap {
      gap: 20px;
    }
    .transport .bg_image {
      height: 142px;
      padding-left: 0;
    }
    .meet_section .d-flex {
      flex-direction: column-reverse;
    }
    .footer_contacts{
        margin-top: 30px;
    }
    .footer_col1 .d-flex{
        flex-wrap: wrap;
    }
    .copywrite ul{
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 10px;
    }
    .page_hero h1{
        margin-top: 50px;
        font-size: 3rem;
    }
    .evolution_left{
        width: 100%;
    }
    .meet_img{
        margin-top: 0;
    }
}

@media (max-width: 992px) {
    header{
        position: sticky !important;
        top: 0;
    }
    .header.scrolled{
        background: #5032aa;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  .partners_title h2 {
    font-size: 5.2rem
  }
  .back_hero img,
  .page_hero_transparent:before {
    height: 500px;
  }
  .back_hero .container {
    bottom: 80px;
  }
  .header_job {
    width: 100%;
  }
  .evolution_right {
    padding-left: 40px;
  }
  .certificates_slider {
    padding-left: 0;
  }
  .diploma_slider {
    margin-right: 0;
    margin-left: 30px
  }
  .hero_video {
    margin-top: -62px;
  }
  .calendar_header .row > div {
    width: 50%;
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .hotspot-wrapper {
    justify-content: flex-end;
  }
  .calendar_header .row > div {
    width: 100%;
  }
  .certificates > div {
    width: 100%;
  }
  .content_cherry p {
    margin-bottom: 24px
  }
  .ambalare_grid {
    row-gap: 10px
  }
  .values_section .img_center {
    height: 500px;
  }
  .type_content .cherry_item {
    width: 100%;
    flex: 0 0 100%;
  }
  .calendar_header .col-md-5 {
    justify-content: flex-start;
    margin-top: 30px
  }
  .partners_button {
    justify-content: flex-start;
    margin-left: 0;
    width: 100%;
  }
  .hero_video {
    height: 60vh;
    margin-top: -62px;
  }
  .diploma_slider {
    margin: 0;
  }
  .services_right .bg_image {
    height: 350px;
  }
  .certificates_slider {
    padding-left: 0;
    margin-top: 40px
  }
  .back_hero img,
  .page_hero_transparent:before {
    height: 400px;
  }
  .page-id-8 .page_hero_transparent:before {
    height: 66vh;
  }
  .fruits_section .fruits_slider {
    padding: 80px 0;
  }
  .img_service {
    width: 60px;
    height: 60px;
  }
  .service_item .d-flex {
    display: block!important
  }
  .service_item .d-flex > div {
    width: 100%;
  }
  .service_right_content2 {
    padding-left: 0;
    margin-top: 40px;
  }
  .content_wrap {
    display: block;
  }
  .content_wrap p {
    width: 100%;
  }
  .transport .bg_image {
    height: 350px;
  }
  .content_wrap p:first-child {
    margin-bottom: 32px;
  }
  .about_section3 img {
    height: 350px
  }
  .header_job h2 {
    font-size: 5rem;
  }
  .header_job {
    width: 100%;
  }
  .img1 {
    height: 400px;
  }
  .img2 {
    height: 420px;
  }
  .pr-5 {
    padding-right: 3rem;
  }
  .pl-5 {
    padding-left: 3rem;
  }
  .back_hero .container {
    bottom: 80px;
  }
  .wp-block-image img {
    width: 100%;
  }
  .container {
    max-width: 100%;
  }
  .modal-content{
      padding: 25px;
      height: 80vh;
      overflow-y: scroll;
  }
  .h1, h1 {
    font-size: 5rem;
  }
    .header_menu.container_max {
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #CECAC3;
    }
    .page-template-blog-template .header_menu.container_max {
      border: 0;
    }
    .contact_page {
      row-gap: 10px;
    }
    .meet_content {
      padding-left: 0;
    }
    .years {
      margin-left: 0;
    }
    .header_menu .logo_site .years img {
      height: 30px;
    }
    h2{
        font-size: 4rem;
    }
    .home_contact .meet_content h2{
        font-size: 4rem;
        margin-bottom: 30px;
    }
    .contact_buttons{
        flex-direction: column;
    }
    .post_mansory{
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .thumb img{
        height: 250px;
        margin-bottom: 20px;
    }
    .main_post:nth-child(2n) .thumb img{
        height: 200px;
    }
    .post-tabs {
      margin-top: 80px;
      margin-bottom: 30px;
    }
    .contact_buttons a{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .partners_title{
        margin-bottom: 30px;
        width: 100%;
    }
    .home_section7 .d-flex .col-md-8{
        flex-direction: column;
    }
    .partners_image{
        padding-left: 0;
        width: 100%;
    }
    .dispon_content h2{
        font-size: 4rem;
    }
    .about_team h2{
        font-size: 4rem;
    }
    .evolution_right{
        padding-left: 30px;
    }
    .evolution_section h3 span{
        font-size: 5rem;
    }
    .footer_col1{
        width: 100%;
    }
    .evolution_slider_years {
      margin-top: 80px;
    }
    .evolution_section h3 {
      margin-bottom: 20px;
    }
    .footer_col2{
        width: 50%;
        padding: 0;
    }
    .footer_col3 {
      width: 45%;
    }
    .footer_col3 img {
      width: 100%;
      height: 100%;
    }
    footer .container{
        gap: 30px;
    }
    .team_section{
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin-top: 50px;
    }
    h2 br {
      display: none;
    }
    .single_team img{
        height: 450px;
    }
    .about6_content {
      padding-right: 30px;
    }
    .single_team:nth-child(2) img, .single_team:nth-child(4) img{
        height: 450px;
    }
    .about_section8 .container{
        flex-direction: column;
        padding-right: 0;
    }
    .export_title, .map_image{
        width: 100%;
    }
    .map_image{
        position: relative;
    }
    .meet_section .d-flex{
        gap: 40px;
    }
    .meet_section .col-md-6{
        width: 47%;
    }
    .home_contact .meet_img{
        padding-left: 0;
    }
    .meet_section {
      padding: 80px 0;
    }
    .section_contact .contact_row{
        flex-direction: column;
    }
    .home_contact .meet_img img {
      height: 380px;
    }
    .map_contact {
      padding: 80px 0;
    }
    .section_contact .col-md-6{
        width: 100%;
    }
    .section_contact .contact_info{
        margin-bottom: 40px;
    }
    .home_section5 .d-flex{
        flex-direction: column;
    }
    .home_section5 .col-md-6{
        width: 100%;
    }
    .about_team_content{
       padding-left: 0;
    }
    .about_team_content {
      padding-top: 50px
    }
    .home_section6 {
      padding-top: 80px;
    }
    .contact_page .col-md-6{
        width: 100%;
    }
    .home_section7 {
      padding-top: 50px;
    }
    .about_section8{
        height: auto;
    }
    .export_title{
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .map_image{
        height: 100%;
    }
    .padding11{
        padding: 5rem 0;
    }
}

@media(max-width: 1200px){
    .fruits-next{
        right: 15px;
    }
    .fruits-prev{
        left: 15px;
    }
}

/* ============================================
   RESPONSIVE MOBILE MENU STYLES
   ============================================ */

@media (min-width: 1400px) and (max-width: 1600px) {
  .email_c {
    margin-right: 60px;
  }
}

@media (max-width: 1400px) {
    /* Hide desktop elements */
    .top_header {
        display: none !important;
    }
    .header_menu.container_max {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #CECAC3;
    }
    .page-template-blog-template .header_menu.container_max,
    .home .header_menu.container_max,
    .page-template-about-us .header_menu.container_max,
    .page-template-service-template .header_menu.container_max {
      border: 0;
    }

    .header_menu .col-md-8 {
        display: none !important;
    }

    .header_menu {
        padding: 15px;
    }

    .header_menu .logo_site {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .header_menu .logo_site .ionex_logo img {
        max-height: 50px;
        height: 26px;
    }

    .header_menu .logo_site .header_text {
        display: none;
    }

    .header_menu .logo_site .years img {
        height: 30px;
    }

    /* Mobile Menu Button */
    .mobile__menu {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 42px;
        width: 42px;
        background: var(--purple);
        right: 10px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 999;
        top: 50%;
        transform: translateY(-50%);
        transition: 0.3s;
    }

    .mobile__menu:hover {
        background: var(--purple);
    }

    .mobile__menu span {
        display: block;
        height: 2px;
        width: 20px;
        background: white;
        border-radius: 2px;
        transition: 0.3s;
    }

    .mobile__menu span:nth-child(1) {
        margin-bottom: 5px;
    }

    .mobile__menu span:nth-child(2) {
        margin-bottom: 5px;
    }

    /* Mobile Navigation Panel */
    .mobile__nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        max-width: 400px;
        height: 100vh;
        background: #FAF4EC;
        z-index: 99999;
        transition: right 0.4s ease;
        overflow-y: auto;
    }

    .mobile__nav.active {
        right: 0;
    }

    .mobile__nav__inner {
        padding: 30px 25px;
        padding-top: 80px;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }

    /* Close Button */
    .close__mobile {
        position: absolute;
        top: 25px;
        right: 10px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--purple);
        border-radius: 50%;
        cursor: pointer;
        transition: 0.3s;
    }

    .close__mobile:hover {
        background: var(--green);
        transform: rotate(90deg);
    }

    .close__mobile i {
        color: white;
        font-size: 18px;
    }

    .mobile__logo img {
        max-height: 50px;
    }

    /* Mobile Menu Links */
    .mobile__menu__links {
        margin-bottom: 30px;
    }

    .mobile__menu__links ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile__menu__links > ul > li {
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .mobile__menu__links ul li a {
        display: block;
        padding: 15px 0;
        font-size: 18px;
        font-weight: 500;
        color: var(--dark);
        text-decoration: none;
        transition: 0.3s;
    }

    .mobile__menu__links ul li a:hover {
        color: var(--purple);
    }

    /* Submenu styles */
    .mobile__menu__links ul.sub-menu {
        padding-left: 20px;
        display: none;
    }

    .mobile__menu__links .menu-item-has-children.active > ul.sub-menu {
        display: block;
    }

    /* Parent menu item with children - flex layout for link + toggle button */
    .mobile__menu__links .menu-item-has-children {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .mobile__menu__links .menu-item-has-children > ul.sub-menu {
        width: 100%;
    }

    /* Submenu toggle button */
    .mobile__menu__links .submenu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        cursor: pointer;
        transition: 0.3s;
    }

    .mobile__menu__links .submenu-toggle i {
        color: var(--dark);
        font-size: 14px;
        transition: transform 0.3s;
    }

    .mobile__menu__links .menu-item-has-children.active > .submenu-toggle i {
        transform: rotate(180deg);
    }

    /* Keep "Fructele noastre" submenu always open on mobile */
    .mobile__menu__links .menu-item-31 > ul.sub-menu {
        display: block;
    }

    .mobile__menu__links .menu-item-31 > a > i,
    .mobile__menu__links .menu-item-31 > .submenu-toggle {
        transform: rotate(180deg);
        display: none;
    }

    .mobile__menu__links ul.sub-menu li {
        border-bottom: none;
    }

    .mobile__menu__links ul.sub-menu li a {
        font-size: 18px;
        padding: 10px 0;
        font-weight: 400;
        color: #333333;
    }

    /* Mobile Contacts */
    .mobile__contacts {
        margin-bottom: 25px;
        padding: 20px;
        border-radius: 12px;
    }

    .mobile__phone,
    .mobile__email {
        margin-bottom: 10px;
    }

    .mobile__email {
        margin-bottom: 0;
    }

    .mobile__contacts a {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--dark);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        transition: 0.3s;
    }

    .mobile__contacts a:hover {
        color: var(--purple);
    }

    .mobile__contacts img {
        width: 20px;
        height: 20px;
    }

    /* Mobile Socials */
    .mobile__socials {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 25px;
    }

    .mobile__socials a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        background: white;
        border-radius: 50%;
        transition: 0.3s;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }

    .mobile__socials a:hover {
        background: var(--purple);
        transform: translateY(-3px);
    }

    .mobile__socials a:hover img {
        filter: brightness(0) invert(1);
    }

    .mobile__socials img {
        width: 22px;
        height: 22px;
        transition: 0.3s;
    }

    /* Mobile Header - Logo & Language Row */
    .mobile__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .mobile__header__right {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .mobile__nav .close__mobile {
        position: relative;
        top: auto;
        right: auto;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--purple);
        border-radius: 50%;
        cursor: pointer;
    }

    .mobile__nav .close__mobile i {
        color: white;
        font-size: 18px;
    }

    /* Mobile Language Switcher */
    .mobile__language {
        position: relative;
    }

    .mobile__language .mobile-language-switcher {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile__language .mobile-language-switcher > li {
        position: relative;
    }

    .mobile__language .mobile-language-switcher > li > a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 14px;
        background: rgba(80, 50, 170, 0.08);
        border-radius: 25px;
        color: var(--purple);
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        transition: 0.3s;
    }

    .mobile__language .mobile-language-switcher > li > a:hover {
        background: rgba(80, 50, 170, 0.15);
    }

    .mobile__language .mobile-language-switcher > li > a i {
        font-size: 10px;
        transition: 0.3s;
    }

    .mobile__language .mobile-language-switcher > li.open > a i {
        transform: rotate(180deg);
    }

    .mobile__language .mobile-language-switcher .sub-menu {
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        border-radius: 12px;
        background: rgba(80, 50, 170, 0.08);
        list-style: none;
        padding: 8px;
        min-width: 58px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: 0.25s ease;
        z-index: 100;
    }

    .mobile__language .mobile-language-switcher > li.open .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .mobile__language .mobile-language-switcher .sub-menu li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        color: var(--purple);
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        border-radius: 8px;
        transition: 0.2s;
    }

    .mobile__language .mobile-language-switcher .sub-menu li a:hover {
        background: var(--purple);
        color: white;
    }

    /* Mobile Button */
    .mobile__button {
        margin-top: auto;
    }

    .mobile__button .main_button {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px 25px;
    }
}

/* Overlay when menu is open */
@media (max-width: 1100px) {
    body.menu-open {
        overflow: hidden;
    }
}

/* Smaller screens */
@media (max-width: 480px) {
    .mobile__nav {
        max-width: 100%;
    }

    .mobile__menu__links ul li a {
        font-size: 18px;
        font-weight: 600;
        padding: 12px 0;
    }

    .mobile__contacts {
        padding: 15px;
    }

    .mobile__contacts a {
        font-size: 14px;
    }

    .mobile__socials a {
        width: 40px;
        height: 40px;
    }

    .mobile__socials img {
        width: 18px;
        height: 18px;
    }
}